/*
***************************************************************************************************
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
}
	
p {
margin-top: 10px;
margin-bottom: 10px
}

h1, h2, h3, h4, h5, h6 {
padding: 0;
color: #443169
}

h2, h3, h4, h5, h6 {
margin-top: 25px;
margin-bottom: 15px;
}
	
h1 {
margin-top: 5px;
margin-bottom: 10px;
font-weight: normal;
font-size: 1.5em
}

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: #000000;
text-decoration: underline
}
	
a:visited {
color: #000;
text-decoration: underline
}
	
a:hover {
color: #949DC6;
text-decoration: none
}
	
a:active {
color: #666666;
text-decoration: none
}

.Toptabactive
{
	color:#000;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}

a.tabdeactive
{
	color:#777777;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}

a.tabdeactive:hover
{
	color:#FFB200;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}
	
/* 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.gif);
background-color: #8CAFAD
}
	
	/* FLYOUT NAVIGATION (2 MENU SYSTEM - GOD BLESS A LIST APART) */
	
	/* SET POSITION AND STYLE FOR EVERY UNORDERED LIST NODE (UL) */
	
	#DefaultNavShell, #DefaultNavShell ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	/* SETS ALL LINKS TO BLOCK LEVEL AND DEFINES BASE STYLE FOR LINKS IN LIST (LI A) */
	
	#DefaultNavShell a {
	display: block;
	color: #3F3458;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
	padding: 0.24em 0.90em 0.24em;
	}
	
	/* SETS POSITION AND SPACING FOR ALL LIST TAGS (LI) */
	
	#DefaultNavShell li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
	/* SETS POSITION OF ALL CHILD DROPDOWNS (UL), AND HIDES THEM OFF SCREEN */
	
	#DefaultNavShell li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	background: #8CAFAD;
	border-bottom: 1px #000 solid;
	} 
	
	/* SETS ALL LIST CHILDREN TO 100% */
	
	#DefaultNavShell li li {
	width: 100%;
	}
	
	/* PROPERTIES FOR ALL UL's WITHIN LI's */
	
	#DefaultNavShell li ul li a {
	width: auto;
	padding: 0.24em 0.90em 0.23em;
	border-right: 1px #000 solid;
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
	}
	
	/* SETS POSITION FOR ALL CHILD (UL) ELEMENTS */
	
	#DefaultNavShell li ul ul {
	margin: -21px 0 0 189px;
	}
	
	/* SETS LINK STYLE FOR GRANDCHILD (UL) ELEMENTS */
	
	#DefaultNavShell li ul ul a:link, #DefaultNavShell li ul ul a:visited {
	color: #000;
	background: transparent;
	}
	
	#DefaultNavShell li ul ul a:hover {
	color: #fff;
	background: transparent;
	}
	
	/* SET DEFAULT POSITION FOR ALL GRANDCHILD FLYOUTS */
	
	#DefaultNavShell li:hover ul ul, #DefaultNavShell li:hover ul ul ul, #DefaultNavShell li.iehover ul ul, #DefaultNavShell li.iehover ul ul ul {
	left: -999em;
	}
	
	/* SET DEFAULT POSITION FOR ALL FLYOUTS */
	
	#DefaultNavShell li:hover ul, #DefaultNavShell li li:hover ul, #DefaultNavShell li li li:hover ul, #DefaultNavShell li.iehover ul, #DefaultNavShell li li.iehover ul, #DefaultNavShell li li li.iehover ul {
	left: auto;
	}
	
	/* SET ROLLOVER OFF/ON STATE FOR PARENT NODE */
	
	#DefaultNavShell a.branch {
	background: url(images/DefaultNavShell_arrowup.gif.gif) center right no-repeat;
	}
	
	#DefaultNavShell li li:hover a.branch {
	background: url(images/DefaultNavShell_arrowover.gif.gif) center right no-repeat;
	}
	
	/* HOVER PROPERTIES FOR ALL LIST (INCLUDING IE5+) PARENT NODES */
	
	#DefaultNavShell li:hover, #DefaultNavShell li.iehover {
	background: #8CAFAD;
	}
	
	#DefaultNavShell li:hover a, #DefaultNavShell li.iehover a {
	color: #fff;
	}
	
	/* HOVER PROPERTIES FOR ALL CHILDREN NODES */
	
	#DefaultNavShell li a, .LastNode {
	border-left: 1px #C3CFDB solid;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px; 
	}
	
	.LastNode {
	border-right: 1px #C3CFDB solid
	}
	
	#DefaultNavShell li li:hover, #DefaultNavShell li li.iehover {
	background: #FECE06;
	}
	
	#DefaultNavShell li li:hover a, #DefaultNavShell li li.iehover a  {
	color: #000;
	}	
		
/* GLOBAL CONTENT */
	
#GlobalContentMain {
width: 100%;
height: 373px;
vertical-align: top
}
	
	#GlobalContentMain ul {
	margin-top: 5px
	}
			
	#GlobalContentMain ul li {
	padding-bottom: 5px
	}
			
	#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
		}


.lineborder
{
	width:100%;
	border-top: 1px #000080 solid;
	border-right: 1px #000080 solid;
	border-bottom: 1px #000080 solid;
	border-left: 1px #000080 solid;
	color:#000;
	height:30px;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	padding:6px;
	
}

	.JobDetailBox {
	width: 96%;
	border: 1px solid #443169;
	padding: 6px;
	margin-bottom: 12px
	}
	
	.DataIsland {
	width: 50%;
	font-size: 0.9em;
	padding-bottom: 10px
	}
	
	/* IE ONLY */
	
	*html .DataIsland {
	float: left
	}
	
	.DataIslandText {
	font-size: 0.9em
	}
		
	/*
	========================================================
	DATAGRIDS
	========================================================
	*/

	#DataGridResult {
	border: 1px solid #003365;
	}

	#DataGridResult a:hover {
		color: #FFB200;
		}

	#DataGrid {
	border: 1px solid #003365;
	}

		.gridtext a:visited {
		color: #000;
		}
		
		#DataGrid a:hover {
		color: #FFB200;
		}

		.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: #2F6E73;
		color: #FFFFFF;
		font-weight: bold
		}
		
		.gridheader a:visited {
		color: #fff;
		}
		

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

		.gridbgcolor1 {
		background-color: #FFFFFF
		}

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

	.formbuttonsp {
	background-color: #AAC4BF;
	font-weight: bold
	}

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

		#GlobalContentLeft {
		width: 100%; 
		vertical-align: top;
		padding: 20px 20px 0px 20px
		}
	
			#GlobalInnerCopy {
			padding-left: 14px
			}
			
			#GlobalInnerCopy ul {
			font-weight: bold
			}
			
		/* 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: 568px
		}	
			
		/* GLOBAL RIGHT MARGIN */	

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

	#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 a:hover {
	color: #FFB200;
	}
	
	#GlobalFooter span {
	padding-left: 4px;
	padding-right: 4px
	}

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

.formhdrlabel {
border: 1px #000000 solid;
padding: 6px;
background-color: #2F6E73;
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
}


.Terms_heading
{
	font-size:11px;
	font-family:Verdana;
	color:black;
	font-weight:bold;
	text-align:center;
}

.Terms_para_heading
{

    font-size:12px;
    font-family:Verdana;
    color:black;
    font-weight:bold;
}

.Terms_para
{
    margin-bottom:12.0pt;
    font-size:8.0pt;
    font-family:Verdana;
    color:black;
}

.impmsg
{
	color:Red;
}