/*
***************************************************************************************************
ERP SITE - GLOBAL STYLE SHEET / AUTHOR: MICHAEL SPELLACY
***************************************************************************************************
*/
	
/* GLOBAL ELEMENTS */
	
body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, Sans-Serif, Myuen;
font-size: 77%;
color: #000000
}

span.pageParagraphHeader 
{
	font-family: Arial; 
	font-size: 14px; 
	color: #0B3D91; 
	font-weight: bold; 
}

span.pageParagraphBodyCopy 
{
	font-family: Arial; 
	font-size: 12px; 
	color: #000000; 
}

.eventlist 
{
	font-family: Arial; 
	font-size: 13px; 
	color: #021B31; 
	font-weight: bold; 
}

.contenttable 
{
	border: 1px groove #FFFFFF;
	border-color: #3A5386; 
}


.priviewbox
{
	vertical-align:top;
	position:absolute;
	top:150px;
	left:20px;
	width:790px;height:750px;
	border: 1px groove #FFFFFF;
	border-color: #3A5386; 
	background:#FFFFFF;
	z-index:100;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px black;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#2557ad); 
	
}

.priviewbox_job
{
	vertical-align:top;
	position:absolute;
	top:150px;
	left:20px;
	width:790px;height:1090px;
	border: 1px groove #FFFFFF;
	border-color: #3A5386; 
	background:#FFFFFF;
	z-index:100;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px black;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#2557ad); 	
    text-align:left;
    
}

.pageParagraphBodyCopy {
	font-family: Arial; 
	font-size: 12px; 
	color: #000000;
	margin-top: 8px;
	margin-bottom: 8px;
}
	
p {
	font-family: Arial; 
	font-size: 12px; 
	color: #000000;
	margin-top: 8px;
	margin-bottom: 8px;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 5px;
margin-bottom: 10px;
padding: 0;
color: #443169
}
	
h1 {
	font-family: Arial; 
	font-size: 16px; 
	color: #0B3D91; 
	font-weight: bold; 
}

h2 {
font-size: 1.2em
}
	
h3 {
	font-family: Arial; 
	font-size: 13px; 
	color: #0B3D91; 
	font-weight: bold; 
}
	
h4 {
font-size: 1.0em
}
	
h5 {
font-size: 0.9em
}
	
h6 {
font-size: 0.8em
}

select {
font-size: 1.0em;
}
	
a:link {
color: #49669E;
text-decoration: none;
font-size: 0.9em;
}
	
a:visited {
color: #49669E;
text-decoration: none;
font-size: 0.9em;
}
	
a:hover {
color: #949DC6;
text-decoration: none;
font-size: 0.9em;
}
	
a:active {
color: #666666;
text-decoration: none;
font-size: 0.9em;
}
	
/* GLOBAL HEADER */
	
#GlobalHeader {
border-left: 2px #2F6F73 solid; 
background-color: #8CAFAD; 
background: url(../../global/clarity/_images/header_element_bgtile.gif);
text-align: right
}

/* GLOBAL LEFT NAV */

#GlobalLeftNav {
background-color: #AAC4BF;
border-right: 2px #2F6F73 solid;
border-bottom: 2px #2F6F73 solid;
border-left: 2px #2F6F73 solid;
vertical-align: top
}
	
/* GLOBAL TOP NAV */

#GlobalTopNav {
height: 22px;
background: url(../../global/clarity/_images/topnav_element_bgtile.jpg);
background-color: #8CAFAD
}
	
	#DefaultNavShell a, #CustomNavShell a, .LastNode {
	border-top: 0px #C3CFDB solid;
	border-left: 0px #C3CFDB solid;
	line-height: 23px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 20px; 
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold
	}
	
	/* CSS HACK FOR IE */
	
	*html #DefaultNavShell a, #CustomNavShell a, .LastNode {
	l\ine-height: 24px;
	padd\ing-top: 4px
	}
	
	.LastNode {
	border-right: 1px #C3CFDB solid
	}
	
	#DefaultNavShell a:hover, #CustomNavShell a:hover {
	border-top: 0px;
	border-left: 0px;
	background-color: transparent;
	color: #FDCC12
	}
		
/* GLOBAL CONTENT */
	
#GlobalContentMain {
width: 100%;
height: 373px;
vertical-align: top
}
	
	#GlobalContentMain ul {
	margin-top: 5px
	}
			
	#GlobalContentMain ul li {
	padding-bottom: 5px
	}
			
	#GlobalContentMain a {
	font-weight: bold
	}
	
	#GlobalContentSub {
	padding: 20px;
	vertical-align: top
	}

	/* JOB DETAILS PAGE */

	.JobDetailHeader {
	width: 96%;
	margin-top: 20px;
	border-top: 1px #2F6E73 solid;
	border-right: 1px #2F6E73 solid;
	border-bottom: 0px #2F6E73 solid;
	border-left: 1px #2F6E73 solid;
	padding: 6px;
	background-color: #2F6E73;
	font-size: 1.0em;
	font-weight: bold
	}
	
		.JobDetailHeader h4 {
		color: #FFFFFF;
		margin: 0
		}
	
	.JobDetailBox {
	width: 96%;
	border: 1px solid #443169;
	padding: 6px;
	margin-bottom: 12px
	}
	
	.DataIsland {
	width: 50%;
	font-size: 1.0em;
	font-family: Verdana;
	padding-bottom: 10px
	}
	
	/* IE ONLY */
	
	*html .DataIsland {
	float: left
	}
	
	.DataIslandText {
	font-size: 0.9em
	}
		
	.DataIsLandCaption
	{
		font-size: 1.0em;
		font-weight: bold;
		color: #443169
	}
	
	/*
	========================================================
	DATAGRIDS
	========================================================
	*/

	#DataGrid {
	border: 1px solid #49669E
	}

		#DataGrid a:visited {
		color: #000000
		}

		.GridHighLight {
		background-color: #2F6E73
		}

		#DataGridTop {
		font-size: 0.9em
		}
	
		#DataGridTop a {
		color: #0C0C6D
		}
	
		#DataGridTop a:hover {
		text-decoration: none
		}
	
		.gridsort a {
		color: #FFFFFF
		}

		.gridtitle {
		font-size: 1.5em;
		font-weight: bold;
		color: #000066
		}

		.gridtext {
		font-size : 0.9em
		}
	
		.gridtextbold {
		font-size: 0.9em;
		font-weight: bold
		}

		.gridheader {
		background-color: #98B5F0;
		color: #FFFFFF;
		font-weight: bold
		}

		.gridcolumn {
		border-bottom: 1px solid #003365
		}

		.gridbgcolor1 {
		background-color: #FFFFFF
		}

		.gridbgcolor2 {
		background-color: #EEEEEE
		}
	
		.gridbutton {
		width: 110px;
		font-size: 1.0em;
		background-color: #cccccc;
		color:#000000;
		font-weight: normal;
		}
	
	#DataGridBtm {
	width: 100%;
	height: 8px
	}
	
	/*
	========================================================
	GLOBAL CLASSES
	========================================================
	*/

	.formbuttonsp {
	background-color: #49669E;
	font-weight: bold;
	color:#FFFFFF;
	
	}

	.alerttext {
	color: #FF0000
	}	
	
		/* LEFT CELL (WHEN AVAILABLE) */

		#GlobalContentLeft {
		width: 100%; 
		vertical-align: top;
		padding: 20px 20px 0px 20px
		}
	
			#GlobalInnerCopy {
			padding-left: 14px
			}
			
		/* RIGHT CELL (WHEN AVAILABLE) */	
			
		#GlobalContentRight {
		vertical-align: top
		}
		
			#GlobalContentBlurb p, #GlobalContentBlurb div {
			font-style: italic;
			color: #003366
			}
	
			#GlobalContentBlurb p {
			margin: 5px 20px 5px 10px
			}
	
			#GlobalContentBlurb div {
			text-align: right;
			margin-right: 20px
			}
			
		/* GLOBAL CLIENT LINK LIST */
		
		/* IF THERE IS, STYLE IT UP LIKE SO... */		
		
		/* --- GLOBAL LINK LIST (SEE OVERRIDE) -- */
		
		#GlobalCallStatic, #GlobalCallRel, #GlobalCallAdm {
		padding: 0px 10px 0px 10px;
		border: 1px groove #FFFFFF;
		}
	
		#GlobalCallStatic, #GlobalCallRel {
		background-color: #CCCCCC
		}
	
		#GlobalCallAdm {
		background-color: #FFFFFF;
		padding-bottom: 10px;
		border-left: 1px #49669E solid; 
		border-right: 1px #49669E solid; 
		border-top: 1px #49669E solid; 
		border-bottom: 1px #49669E solid; 
		}
		
		#GlobalCallStatic {
		display: inline-block;
		text-align: center;
		/* width: 525px */
		width: 80%;
		}
	
		#GlobalCallRel, #GlobalCallAdm {
		font-size: 0.9em
		}
	
		#GlobalCallOut a:link, #GlobalCallRel a:link, #GlobalCallAdm a:link {
		color: #000000
		}
	
		#GlobalCallOut a:visited, #GlobalCallRel a:visited, #GlobalCallAdm a:visited{
		color: #222222
		}
	
		.BlurbText {
		font-size: 0.8em
		}
			
		#GlobalRezSpacer {
		width: 679px
		}	
			
		/* GLOBAL RIGHT MARGIN */	

		#GlobalRightMargin, #GlobalRightMarginTop {
		vertical-align: top;
		background: url(../../global/clarity/_images/rightmargin_element_bgtile.gif)
		}
		
				
	/* GLOBAL FOOTER */

	#GlobalFooter {
	border-top: 1px #FFFFFF solid;
	padding: 5px;
	background-color: #002A72; 
	background: url(../../global/clarity/_images/footer_element_bgtile.gif);
	text-align: center;
	font-size: 0.9em;
	color: #FFFFFF
	}

	#GlobalFooter a {
	color: #FFFFFF
	}
	
	#GlobalFooter span {
	padding-left: 4px;
	padding-right: 4px
	}

/*
========================================================
CARRY OVERS FROM OLD ERP SITE
========================================================
*/

.formhdrlabel {
border: 1px #3A5386 solid;
padding: 6px;
background-color: #3A5386;
font-size: 0.8em;
color: #FFFFFF;
font-weight: bold
}

.formhdrrepeater {
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
padding: 6px;
background-color: #2F6E73;
color: #FFFFFF;
font-weight: bold
}

.formlabel {
border: 0px #000000 solid;
padding: 6px;
white-space: nowrap;
text-align: right
}

.formaltcolor {
background-color: #EEEEEE
}

.formalhilite1 {
background-color: #8CAFAD
}

.formalhilite2 {
background-color: #AAC5C0
}

.formdata {
width: 220px
}

.formdatarel {
font-family: Verdana, Arial, Helvetica, Sans-Serif, Myuen;
width: 98%
}

/* ADMIN RELATED */

#UserStatus {
text-align: right;
padding-right: 10px;
line-height: 22px;
color: #FFFFFF
}


/* PRINTER FRIENDLY */

#PFPHeader {
display: none
}

.navbg
{
background-image: url(../../global/_images/nav_bg.jpg);
font-size:8px;
color:#FFFFFF;
width:582;
height:16;
}

span.pageParagraphBodyCopyWhite { font-family: Arial; font-size: 12px; color: #FFFFFF; }
span.pageParagraphBodyCopyYellow { font-family: Arial; font-size: 12px; color: #FED643; }
.pageParagraphBodyCopyYellow { font-family: Arial; font-size: 12px; color: #FED643; }

span.pageParagraphHeaderSmall { font-family: Arial; font-size: 11px; color: #0B3D91; font-weight: bold; }
span.pageParagraphBodyCopySmall { font-family: Arial; font-size: 11px; color: #000000; }

span.pageFooterCopy { font-family: Arial; font-size: 9px; color: #C0C0C0; }
span.pageFooterCopy a:link{ font-family: Arial; font-size: 9px; color: #C0C0C0; text-decoration: underline; }
span.pageFooterCopy a:hover{ font-family: Arial; font-size: 9px; color: #C0C0C0; text-decoration: none; }

span.pageFormFieldLabel { font-family: Arial; font-size: 11px; color: #808080; font-weight: bold }
span.pageFormFieldText { font-family: Arial; font-size: 11px; color: #808080; }