/*
***************************************************************************************************
ERP SITE - GLOBAL STYLE SHEET / AUTHOR: MICHAEL SPELLACY
***************************************************************************************************
*/
	
/* GLOBAL ELEMENTS */
	
body {
margin: 0;
padding: 0;
background-color: #84BCC2;
font-family: Verdana, Arial, Helvetica, Sans-Serif, Myuen;
color: #000000;
font-size:12px;
}
	
p {
margin-top: 10px;
margin-bottom: 10px;
font-size:12px;
}

td
{
	font-size:12px;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 5px;
margin-bottom: 10px;
padding: 0;
color: #443169
}
	
h1 {
font-weight: normal;
font-size: 18px;
padding:20px 0 20px 0;
}

h2 {
font-size: 1.2em
}
	
h3 {
font-size: 1.1em
}
	
h4 {
font-size: 1.0em
}
	
h5 {
font-size: 0.9em
}
	
h6 {
font-size: 0.8em
}

select {
font-size: 1.0em;
}

a:link {
color: #000;
text-decoration: underline;
font-weight:bold;
}
	
a:visited {
color: #000;
text-decoration: underline;
font-weight:bold;
}
	
a:hover {
	
	color:#ad572d;
	text-decoration:none;
}
	
a:active {
color: #666;
text-decoration: underline;
font-weight:bold;
}

	
/* 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: 1px #2F6F73 solid;
border-bottom: 1px #2F6F73 solid;
border-left: 2px #2F6F73 solid;
vertical-align: top
}
	
/* GLOBAL TOP NAV */

#GlobalTopNav {
height: 22px;
background-color: #37939b;
border-right:1px solid #415a68;
border-bottom:1px solid #415a68;
}
	
	#DefaultNavShell a, #CustomNavShell a, .LastNode {
	border-top: 0px #C3CFDB solid;
	border-left: 0px #C3CFDB solid;
	line-height: 23px;
	padding:3px 12px 4px 50px;
	text-decoration: none;
	color: #d3f4f8;
	font-weight: bold
	}
	
	/* CSS HACK FOR IE */

	.LastNode {
	border-right: 1px #C3CFDB solid
	}
	
	#DefaultNavShell a:hover, #CustomNavShell a:hover {
	border-top: 0px #BBC2C2 solid;
	border-left: 0px #C3CFDB solid;
	background-color: transparent;
	color: #d3f4f8
	}
		
/* GLOBAL CONTENT */
	
#GlobalContentMain {
width: 100%;
height: 373px;
vertical-align: top;
background:#fffcde;
border-right:1px solid #415a68;
}
	
	#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 #006475 solid;
	border-right: 1px #006475 solid;
	border-bottom: 0px #006475 solid;
	border-left: 1px #006475 solid;
	padding: 6px;
	background-color: #006475;
	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 #003365
	}

	
		.GridHighLight {
		background-color: #006475;
		}

		#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: #006475;
		color: #FFFFFF;
		font-weight: bold
		}

		.gridheader a{
		background-color: #006475;
		color: #FFFFFF;
		font-weight: bold
		}
		
		.gridheader a:link{
			background-color: #006475;
			color: #FFFFFF;
			font-weight: bold
		}
		
		.gridheader a:visited{
			background-color: #006475;
			color: #FFFFFF;
			font-weight: bold
		}


		.gridheader a:hover{
			color: #949DC6;
			text-decoration: none;
			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
		}

	
	#DataGridBtm {
	width: 100%;
	height: 8px
	}
	
	/*
	========================================================
	GLOBAL CLASSES
	========================================================
	*/


	.formbutton
{
	background-color: #006475;
	font-weight: bold;
	color:#D7EFE8;

}

.BtnDisabled
{
	background-color: #DEE1E2;
	font-weight: bold;
	color:#CCC;
}

.formbutton:hover
{
	background-color: #D7EFE8;
	font-weight: bold;
	color:#006475;
}

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

		#GlobalContentLeft {
		width: 100%; 
		vertical-align: top;
		padding: 20px 20px 0px 20px
		}
	
			#GlobalInnerCopy {
			padding-left: 0px
			}
			
		/* 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: 2px groove #FFFFFF
		}
	
		#GlobalCallStatic, #GlobalCallRel {
		background-color: #CCCCCC
		}
	
		#GlobalCallAdm {
		background-color: #EEEEEE;
		padding-bottom: 10px
		}
		
		#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-color:#84BCC2;
		}
		
				
	/* GLOBAL FOOTER */

	#GlobalFooter {
	border-top: 1px #FFFFFF solid;
	padding-top: 25px;
	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
	}
	
	.footer {
	padding: 25px 0 25px 0;
	}
	
	.footertxt
	{
		font-size:10px;
		padding: 25px 0 0px 55px;
	}
	
	.footerbg
	{
		background:#fffcde;
	}
	
	.btmnav
	{
		border-top:1px solid #415a68;
		background:#84BCC2;
	}

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

.formhdrlabel {
border: 1px #000000 solid;
padding: 6px;
background-color: #006475;
color: #FFFFFF;
font-weight: bold
}

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

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

.formaltcolor {
background-color: #fffcde
}

.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
}

.description
{
	padding-left:40px;
}


.link_disable
{
	text-decoration:none;
	color:#CCC;
}

.link_disable:hover
{
	text-decoration:none;
	color:#CCC;
}