/* plt.css * * * * * * * * * * * 

RE. EM UNITS
1em = 12px 
(100% font-size = 1em = 16px; 75% font size = 1em = 12px) 
*/

html, body { height: 100%; }
body {
	font-size: 65.01%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/plt/bg.jpg);
	margin: 0; padding: 0;
	}
	
/* header */	
	
/*#outerwrap, #innerwrap, #sidebar, #main, #main .lining {
	min-height: 100%;
	position: relative;
	}	*/
#outerwrap {
	min-height: 100%;
	position: relative;
	}		
	
	
#outerwrap {
	width: 780px;
	margin: 0 auto;
	/*background: url(../images/plt/dotted_border_3x8.gif) 193px 0 repeat-y #fff;*/
	background-color: #fff;
	}
#header {
	height: 66px; /* 83px convert to em */
	}
	#header .welcome {
		float:right;
		width: 50%;
		text-align: right;
		font-size: 80%;
		padding-right: 14px;
		}
	#header #identity {
		float: left;
		width: 40%;
		}
		#header #identity a {
			text-decoration: none;
		}
		#header #identity h1 {
			font-family: Arial Narrow, Helvetica, Verdana, sans-serif;
			color: #454545;
			/*width: 252px;*/
			font-size: 24px;
			padding-left: 15px;
			/* height: 66px; /* 83px convert to em */
			/*background: url(../images/plt/logo_252x66.jpg) no-repeat 0 0;
			text-indent: -5000px;*/
			}
	#siteLogo {
		height: 45px;
		position: relative;
		top: -9px;
		left: 9px;
		border: 0;
	}
	#header .topmenu {
		text-align: right;
		margin: 0;
		}
		#header .topmenu li {
			display: inline;
			/*margin-right: 1em;*/
			text-align: right;
			line-height: 2.257em; /* 26px (26px / 14.4 * 1.25) 1.25 reflects 80% font size */
			font-size: 80%;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			/*margin-left: 1em;*/
			margin-right: 1em;
			}
			#header .topmenu a {
				margin-right: 0.3em;
				padding-left: 18px;
				}
				#header .topmenu  a:link,
				#header .topmenu  a:visited,
			   	#header .topmenu  a:hover,
			   	#header .topmenu  a:visited:hover {
					color: #000;
					}		

/* mainmenu */

#mainmenu {
	/*height: 25px;*/ /* change to em units */
	background-color: #5a555a;
	border-bottom: 5px solid #b54d18;
	z-index: 100;
	}
	/*#mainmenu * { z-index: 100; }*/
#slogan {
	height: 109px;
	}
#siteBanner {
	height: 109px;
	width: 780px;
}

/* WHY WAS THIS SET? IT HAS HEIGHT 100% */	
#innerwrap {
	padding-bottom: 2em;
	}
	
/* main */
	
	
#main {
	float: right;
	width: 587px; /* (780px - 193px sidebar) */
	}
	
	
	/* WHY WAS THIS SET? IT HAS HEIGHT 100% */	
	#main .lining {
		/* see also snazzy.css */
		padding: 2px 18px 1em 12px; 
		}
	

/* sidebar * * * * * * * * * * * */		
	
#sidebar {
	float: left;
	width: 193px;
	/*border-right: 1px dotted #b5b2b5;*/
	}
	#sidebar .lining {
		padding: 15px 6px 15px 11px; 
		}
	#sidebar a {
		text-decoration: none;
		color: #4f86af;
		}
		#sidebar a:hover,
		#sidebar a:visited:hover {
			text-decoration: underline;
			}
		#sidebar a.more {
			display: block;
			text-align: right;
			color: #b54510;
			text-decoration: underline;
			font-size: 80%;
			padding-top: 0.5em;
			}
	#sidebar p {
		margin: 0;
		text-align: left;
		/*line-height: 1.4;*/
		}
	.sidebox h3 {
		margin-bottom: 0.5em;
		margin-top: 0;
		line-height: 2;
		}		
	.sidebox img.icon {
		float: left;
		padding: 6px 6px 2px 0;
	}

/*
	#sideboxLiveHelp {  
		background: url(../images/plt/live_help_71x74.jpg) no-repeat 0 100%;
		}
		#sideboxLiveHelp h3 {
			margin: 0 0 0 71px;
			padding-top: 12px;
			text-align: center;
			}
			#sideboxLiveHelp #livehelp1 {
				color: #4f86af;
				}
			#sideboxLiveHelp #livehelp2 {
				color: #b54510;
				}
		#sideboxLiveHelp p {
			margin-left: 71px;
			text-align: center;
			}
			#sideboxLiveHelp p#helpMessage {
				font-size: 80%;
				}
 */

/* footer * * * * * * * * * * * */
/* footer method, see: http://www.themaninblue.com/experiment/footerStickAlt/ */
#footer {
	position: relative;
	margin: -2em auto 0 auto;
	width: 780px;
	text-align:left;
	font-size:85%;
	height: 2em;
	text-indent: 1em;
	border-top: 1px solid #ad5121;
	background-color: #fff;
	}
	
	/* footer contents */
	#footer p { display: block; } /* copyright */
	#footer ul { display: block; text-align: center; padding-top: 3px; } /* footer menu */
		#footer a {
			}
			#footer a:hover {
				}
		#footer ul li {
			display: inline;
			text-align: center;
			padding-right: 0.5em;
			border-right: 1px solid #000;
			margin-right: 0.5em;
			}
			#footer ul li.last {  
				border: none;
				margin: 0;
				}
	#footer div.closePopup {
		float: right;
		padding-right: 0.8em;
	}
	
/* buttons * * * * * * * * * * * */

/*#buttonLogin { 
	float: right;
	width: 15em; 
	margin: 8px 13px 0 0;
	font-size: 1em;
	text-align: right;
	font-weight: bold;
	}*/
	/* NOTE: in snazzy.css: #main #buttonLogin .xboxpadding { padding: 0.25em 6px; }*/
/*	#buttonLogin span { 
		padding-right: 3em;
		background: url(../images/plt/lock.png) no-repeat 95% 50%;
		}
#buttonLogin a:link,
#buttonLogin a:visited,
#buttonLogin a:hover,
#buttonLogin a:hover:visited {
	color: #fff;
	text-decoration: none;
}
*/

/* styles within #main * * * * * * * * * * * */
	
h1 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 10px 0 1em;
	}
	#sitename { margin: 0; }
h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #b54510;
	color: #000;
	margin: 1em 0;
	}
span.runin {  
	color: #b24d19;
	font-weight: bold;
	}

#breadCrumbs {
	padding-top: 0.2em;
	font-size: 0.9em;
	}
	#breadCrumbs .navItem {
		}
	#breadCrumbs a {
		}
		#breadCrumbs a:hover {
			}

#main .lining img {
	float: right;
	padding: 10px 0;
	width: 120px;
}
a #main .lining img {
	border: 0;
}
#main .lining img#companyBrandingImage {
	float: right;
	padding: 10px 0;
	width: 100px;
}
#main .lining a img#companyBrandingImage {
	border: 0;
}
img.companyListImage {
	height: 50px;
}
a img.companyListImage {
	border: 0;
}
#sidebar .lining img.adImage,
#main .lining #ad img#adImage {
	width: 176px;
	margin-bottom: 10px;
	border: 0;
}
#main .lining table img,
#main .lining div#domRoot img {
	float: none;
	padding: 0;
	width: auto;
}
#main .lining .calendarPick {
	float: none;
	padding: 0;
	width: auto;
}
#main .lining a .calendarPick {
	border: 0;
}

a:link,
a:visited,
a:hover,
a:visited:hover {
	color: #4f86af;
	text-decoration: underline;
	font-weight: bold;
	}
#sidebar a.more {
	color: #4f86af;
	}
em {  
	/*
	color: #b54510;
	font-weight: normal;
	font-style: normal;
	*/
	}	
	em.em2 {  
		font-style: italic;
		font-weight: bold;
		color: #000;
		}
	em.em3 {  
		font-style: italic;
		color: #000;
		font-weight: normal;
		}
	em.em4 {  
		color: #b54510;
		font-size: 1.2em;
		font-weight: bold;
		font-style: normal;
		}
	em.em5 {  
		color: #b54510;
		font-weight: normal;
		font-style: normal;
		}
#main ul { list-style: disc; margin-bottom: 1em; }
#main li { margin-left: 2em; padding-left: 0.5em; }

#faq dt {  
	color: #b54510;
	margin-top: 1em;
	font-weight: bold;
	}

	/* see http://www.maxdesign.com.au/presentation/definition/dl-table-display2.htm */
dl.tabular {
	margin-bottom: 10px;
	}
	dl.tabular dt {
		width: 25%;
		padding: 0 0 0.5em 0;
		float: left;
		margin: 0;
		font-weight: bold;
		text-align: right;
		}
	dl.tabular dd {
		margin-left: 30%;
		padding: 0 0 0.5em 0;
		}	

#partnerbox {
	float: right;
	width: 162px;
	margin: 0 0 1em 20px;
	}
#promobox {
	float: right;
	width: 166px;
	margin: 0 0 1em 20px;
	background: #f3f3f5;
	text-align: center;
	border: 1px solid #ccc;
	}	
	#promobox p {  
		background: #fff;
		padding: 0.2em 4px;
		margin: 0;
		/*line-height: 1.4;*/
		}
		#promobox #tryit { background: transparent; }
		#promobox #notbad { border-bottom: 1px solid #ccc; margin-bottom: 23px; }
		#promobox #certified { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
		#promobox #womanowned { background: transparent; }

#cangirl {  
	float: left;
	width: 175px;
	margin: 0 1em 1em 0;
	}	
#canlogin {  
	float: right;
	width: 100px;
	margin: 0 0 1em 1em;
	}		
#careernewsimage {  
	float: left;
	width: 180px;
	margin: 0 1em 1em 0;
	}
/*#bottomimage {  
	margin: 1em auto;
	width: 507px;
	}	*/
#aboutusbox	{  
	float: right;
	width: 127px;
	margin: 0 1em 2em 2em;
	}
	#aboutusbox	img {  
		display: block;
		margin-bottom: 1em;
		}
#callusweb {  
	float: right;
	width: 153px;
	margin: 0 0 1em 1em;
	}

	
/* tables * * * * */	
	
	
div.tablewrapper  {
	margin-bottom: 2em;
	}	
table.bulletted {
	margin: 0 auto;
	width: 80%;
	background: #f4f5f7;
	border: 1px solid #c6c9d7;
	border-collapse: collapse;
	}	
	table.bulletted td {  
		padding: 4px;
		border: 1px solid #c6c9d7;
		}	
		table.bulletted td.colA {  
			width: 12px;
			}	
		table.bulletted td.colB {  
			/*width: 80%;*/
			}	
			table.bulletted td.colB a {  
				display: block;
				}	

table.winged {  
	margin: 0 auto;
	}	
	table.winged td {  
		padding: 4px;
		vertical-align: top;
		}	
		table.winged td.colA {  
			width: 16%;
			text-align: right;
			padding-right: 1em;
			}	
		table.winged td.colB { 
			width: 66%;
			}	
		table.winged td.colC { 
			width: 18%;
			text-align: center;
			}	
		
/* tab menu * * * * * * * */
/* see http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#nav { margin: 0; }

#nav, #nav ul {
	list-style: none;
	font-weight: bold;
	padding: 0;
	background: #5a555a;
	border: solid #fff;
	border-width: 1px 0 0;
	width: 780px;
	z-index: 100;
	text-align: left;
	line-height: 1.3;
	height: 1.3em; /* change to em units */
	margin-bottom: 0;
}
#nav a {
	display: block;
	text-decoration: none;
	padding: 0.125em 0;
	color: #fff;
	width: 156px;  /* five tabs (780px / 5) */
	text-align: center; 
}
#nav li {
	float: left;
	padding: 0;
	width: 156px;  /* five tabs (780px / 5) */
	line-height: 20px;
}
#nav li.last, #nav li li {
	background-image: none;
	}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
	border: none; 
	width: 156px;  /* five tabs (780px / 5) */
}

#nav li li {
	padding-left: 10px;
	width: 146px;  /* five tabs (780px / 5) - 10 */
}

#nav li ul a {
	width: 146px;  /* five tabs (780px / 5) -10 */
	text-align: left;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
	margin-left: 156px;
	
	display: none; /* hides all third-level menus and beyond */
} 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	/*background: #b54510;*/
	background: #4f86af;
}


/***********************
 *
 * popup div layers
 */
div.popup {
	position: absolute;
	/* bottom: 2em; */
	z-index: 1;
	background-color: #dfdddf;
	border: 1px solid black;
	width: 20em;
	display: none;
}
div.innerpopup {
	padding: 0.5em 1em;
	height: 24em;
	overflow: auto;
}
div.innercontent {
	width: 16em;
}
div.popup .title {
	background: #5a555a;
	font-weight: bold;
	color: white;
	border-bottom: 1px solid black;
	padding: 2px 2px 5px 1em;
}
div.popup .close {
	float: right;
	top: 0.2em;
	right: 0.2em;
	font-weight: bold;
	font-size: 0.8em;
	padding-left: 0.1em;
	border: 2px solid white;
}
div.popup .close a {
	color: white;
	text-decoration: none;
}
div.popup h1 {
	font-size: 0.8em;
}

.treeAcknowledgment {
	font-size: 0em;
	float: right;
	color: #CFD3D6;
}
.treeAcknowledgment a {
	text-decoration: none;
	color: #CFD3D6;
}

/* snazzy borders (rounded corners) * * * * * * * */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #e7e3e7; border-right:1px solid #e7e3e7;}
.xb1 {margin:0 5px; }
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:transparent; border:0 solid #d8d8d8; border-width:0 1px;}

#sidebar .xb1 {background:#d8d8d8;} 
#sidebar .xb2 {background:#dfdfdf;} /*luminosity +7*/ 
#sidebar .xb3 {background:#e7e7e7;} /*luminosity +7*/ 
#sidebar .xb4 {background:#eeeeee;} /*luminosity +7*/
#sidebar .xbottom b { background: transparent; }
#sidebar .xbottom b.xb1 { background: #e7e3e7; }
#sidebar .xbottom { margin-bottom: 12px; }
#sidebar .xboxpadding { padding: 0 10px;}

#main .xtop b, #main .xbottom b {background:transparent;}
#main .xtop .xb1, #main .xbottom .xb1 { background: #d8d8d8; }
#main .xboxpadding { padding: 5px 18px 15px 10px; }


/***********************
 *
 * FAQ layout
 */
#faq span.faqQuestionLabel {
	float: left;
	margin-top: 0.3em;
	margin-right: 0.4em;
	color: #4f86af;
	font-weight: bold;
}
#faq span.faqAnswerLabel {
	float: left;
	margin-right: 0.4em;
	color: #b54510;
	font-weight: bold;
}
#faq ul.summary {
	margin-left: 0.3em;
}
#faq ul.summary li {
	list-style-image: url(../images/plt/bullet01.jpg);
	margin-left: 1.4em;
	padding-left: 0;
}

/***********************
 *
 * Custom editor styles
 */
.editorBlue {
	color: #4f86af;
}
.editorGrey {
	color: #666666;
}
.editorEmphasis {
	color: #b54510;
}