﻿/*
Title:      	datatech stylesheet for screen media
Author:     	Martin Alen - First Choice Software
*/


/* WRAPPERS */

body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #252729;
	margin: 0;
	background-color:#102442;
	}
	
#html body {
	font-size: x-small; /* IE5/Win */
	font-size: small; /* for other IE versions */
	}	


a {
	font-weight:bold;
	color: #252729;
	text-decoration:none;
	}
	
a:hover {
	font-weight:bold;
	color: gray;
	text-decoration:underline;

	}

h1 {
	font-size: 130%;
	color: #132f4d;
	}
	
h2 {
	font-size: 120%;
	color: #132f4d;
	}
	
h3 {
	font-size: 105%;
	color: #132f4d;
	}	
	
.clear {
	clear:both;
	}		

.divline {
	border-bottom: #e0e0e0 1px solid;
	height: 1px;
	width: 100%;
	}

	
/* GENERAL COMPONENTS */		

.thanxtxt {
	color: #1b94e9;
	line-height: 1.3em;
	font-size: 135%;
	}	
		
.largertxt {
	color: #636463;
	line-height: 1.3em;
	font-size: 125%;
	font-weight: bold;
	}	
	
.largertxt a:link, .largertxt a:visited {
	color:#000000;
	text-decoration:none;
	}
	
.largertxt a:active, .largertxt a:hover {
	color:#000000;
	text-decoration: underline;
	}	
	
.normaltxt {
	color: #636463;
	line-height: 1.3em;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	}
	
.normaltxt a:active, .normaltxt a:hover {
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
	}
	
.subtitletxt {
	font-size: 110%;
	color: #66b3d0;
	font-weight: bold;
	line-height: 1.6em;
	}		
	
.smallertxt {
	font-size: 90%;
	color: #8b8b8b;
	line-height: 1.3em;
	}	
	
.smallertxt a:link, .smallertxt a:visited {
	color:#000000;
	text-decoration:none;
	}
	
.smallertxt a:active, .smallertxt a:hover {
	color:#000000;
	text-decoration: underline;
	}
	
.bulletlist {
	width: 100%;
	margin: 0;
	padding-left: 0;
	list-style: none;
	}
	
.bulletlist li {
	color: #3f3f3f;
	margin: 0;
	padding: 0 0 8px 14px;
	line-height: 1.3em;
	background-image: url(../gif/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	}
	
.bulletlist a:link, .bulletlist  a:visited {
	color: #000000;
	text-decoration: none;
	}

.bulletlist a:active, .bulletlist a:hover  {
	color: #000000;
	text-decoration: underline;
	}
	
	
ol {
	overflow:auto;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	margin:0;
	padding: 0 0 0 2.8em;
	color:#3f3f3f;
	width: 80%;
	list-style: decimal;
	}
	
ol li {
	padding: 0 0 8px 0;
	line-height: 1.3em;
	}	
	
/* LOGO COMPONENTS */
	
.logoholder {
	width: 964px;
	height:108px;
	padding: 0;
	margin: 0;
	background-color:#FFF;
	}		
			
.logoleft {
	width: 180px;
	height: 108px;
	padding: 0;
	margin: 0;
	float: left;
	background-image:url(../images/datatech-pharma-logo.png);
	background-repeat:no-repeat;
	}		
	
.logoright {
	width: 784px;
	padding: 0;
	margin: 0;
	float: right;
	}	
	
/* SUB NAV COMPONENTS */	
	
.navcontainer {
	width: 784px;
	height: 30px;
	margin-right:20px;
	margin-top:54px;
	padding-left:80px;
	}
	

.subnav {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	font-weight:bold;
	color: #0b1d30;
	margin: 0;
	padding: 0;
	text-decoration:none;
	padding-right:20px;
	}

.subnav a {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	font-weight:bold;
	color: #0b1d30;
	margin: 0;
	padding: 0;
	text-decoration:none;
	}
	
.subnav a:hover {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	font-weight:bold;
	color: gray;
	margin: 0;
	padding: 0;
	text-decoration:underline;
	}
	
	.login-register {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	font-weight:bold;
	color: white;
	margin: 0;
	padding: 0;
	text-decoration:none;
	}

.login-register a {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	font-weight:bold;
	color: white;
	margin: 0;
	padding: 0;
	text-decoration:none;
	}
	
.login-register a:hover {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	font-weight:bold;
	color: red;
	margin: 0;
	padding: 0;
	text-decoration:underline;
	}


/* BODY COMPONENTS */	

.logincontainer {
	width: 944px;
	height:234px;
	padding-top:20px;
	padding-right:20px;
	margin: 0;
	background-image:url(../images/people1.png);
	background-repeat:no-repeat;
	}
	
.logincontainer2 {
	width: 944px;
	height:234px;
	padding-top:20px;
	padding-right:20px;
	margin: 0;
	background-image:url(../images/people3.png);
	background-repeat:no-repeat;
	}
	
.logincontainer3 {
	width: 944px;
	height:234px;
	padding-top:20px;
	padding-right:20px;
	margin: 0;
	background-image:url(../images/people5.png);
	background-repeat:no-repeat;
	}
	
	.logincontainer4 {
	width: 944px;
	height:234px;
	padding-top:20px;
	padding-right:20px;
	margin: 0;
	background-image:url(../images/people2.png);
	background-repeat:no-repeat;
	}
	
	.logincontainer5 {
	width: 944px;
	height:234px;
	padding-top:20px;
	padding-right:20px;
	margin: 0;
	background-image:url(../images/people4.png);
	background-repeat:no-repeat;
	}
	
	.logincontainer6 {
	width: 944px;
	height:234px;
	padding-top:20px;
	padding-right:20px;
	margin: 0;
	background-image:url(../images/people6.png);
	background-repeat:no-repeat;
	}
	
	
	
.login-right { 
	width: 242px; 
	position: relative;
	float: right;
	height:176px;
	padding:20px;
	background-color:#8156a3;
	opacity:0.8;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
	color:#FFF;

} 
	
.searchcontainer {
	width: 924px;
	height:32px;
	padding:0;
	padding: 0px 20px 0px 20px;
	background-color:#396cb4;
	color:#FFF;
	}

.bodycontainer {
	width: 964px;
	margin: 0 auto;
	padding: 0 auto;
	background-color:#FFF;
	
	}	
	
.bodyholder {
	width: 924px;
	margin:  0;
	padding: 0;
	}		

.mainwrapper{
	width: 964px;
	padding: 20px 24px 20px 24px;
	margin: 0 auto;
	
}

.wrapper { 
	width: 924px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	position: relative; 
	clear: both; 
	margin: 0;
	background-color:#FFF;

}

.space {
	height:20px;
	margin-top:20px;
	background-color:#102442;
}

.content {

}

.content-left {
	text-align:left;
}

.content-right {
	text-align:right;
}

.content-accreds {
	float:left;
}

.left-1 { 
	width: 624px; 
	position: relative; 
	float: left;
	height:200px;

} 

.right-1 { 
	width: 300px; 
	position: relative; 
	float: right;
	height:200px;

} 

.left-jobseekers-register { 
	width: 624px; 
	position: relative; 
	float: left;
}

.right-jobseekers-register { 
	position:relative; 
	float:right;
	background-image:url(../images/Jobseekers-register.png);
	background-repeat:no-repeat;
	background-position:right;
	width:300px;
	height:288px;
	text-align:right;
	vertical-align:bottom;
}

.go-button-jobseeker{
	margin-top:254px;
	margin-right:20px;
	}
	
.go-button-employer{
	margin-top:254px;
	margin-left:205px;
	}

.right-employers-register { 
	width: 624px; 
	position: relative; 
	float: right;
}

.left-employers-register { 
	position:relative; 
	float:left;
	background-image:url(../images/employers-register.png);
	background-repeat:no-repeat;
	background-position:left;
	width:300px;
	height:288px;
} 

.left-2 { 
	width: 300px; 
	position: relative; 
	float: left;
} 

.right-2 { 
	width: 624px; 
	position: relative; 
	float: right;  
} 

.left-5050 { 
	width: 462px; 
	position: relative; 
	float: left;
	padding-bottom:20px;
} 

.right-5050 { 
	width: 442px; 
	position: relative; 
	float: right; 
	padding-left:20px;
} 

.right-accreds { 
	width: 462px; 
	position: relative; 
	float: right;
	background-image:url(../images/RDB-ProNet.png);
	background-repeat:no-repeat;
	background-position:right;
	height:71px;
} 

.left-accreds { 
	width: 482px; 
	position: relative; 
	float: left;
} 

.accreds-text {
	font-size:9px;
} 

	
/* JOB SEARCH COMPONENTS */	

.jobsearchcontainer {
	width: 208px;
	padding: 10px 20px 10px 20px;
	margin: 0 0 30px 0;
	color: #ffffff;
	min-height: 260px;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/blue-tile.jpg) repeat top left;
	border: #4a96b3 1px solid;
	}	
	
.jobsearchcontainer a:link, .jobsearchcontainer a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.jobsearchcontainer a:active, .jobsearchcontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.jobsearchtablecell {
	padding: 0 0 5px 0;
	margin: 0;
	}		
	
.jobsearchtablecellbot {
	padding: 0;
	margin: 0;
	}		
	
.jobsearchdropdown {
	color: #000000;
	width: 208px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.jobsearchbutton {
	color: #000000;
	width: 140px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
	

/* ADVANCED SEARCH COMPONENTS */	
	
.advancedsearchleft {
	width: 290px;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	}	
	
.advancedsearchright {
	width: 290px;
	margin: 0;
	padding: 10px 0 0 0;
	float: right;
	}

.advancedsearchdropdown {
	color: #000000;
	width: 290px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.advancedsearchtextfield {
	color: #000000;
	width: 286px;
	padding: 1px;
	font-size: 100%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
	
.advancedsearchbutholder {
	width: 620px;
	margin: 15px 0 0 0;
	padding: 15px 0 15px 0;
	background: url(../gif/mid-grey-tile.gif) repeat top left;
	border: 1px solid #d3d2d2;
	text-align: center;
	}	
	
.advancedsearchbutton {
	color: #000000;
	width: 140px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
	
	
	
	
/* CATEGORY SEARCH COMPONENTS */	

.categorysearchcontainer {
	width: 208px;
	padding: 10px 20px 20px 20px;
	margin: 0;
	min-height: 178px;
	color: #636463;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	border: #e3e2e2 1px solid;
	}	
	
.categorysearchcontainer a:link, .categorysearchcontainer a:visited {
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	}
	
.categorysearchcontainer a:active, .categorysearchcontainer a:hover {
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.categorysearchhighlight {
	color:#0085b5;
	}	
	
	
	
	
/* LATEST JOBS COMPONENTS */	

.latestjobscontainer {
	width: 208px;
	padding: 10px 20px 10px 20px;
	margin: 0;
	color: #636463;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	border: #e3e2e2 1px solid;
	}	
	
.latestjobscontainer a:link, .latestjobscontainer a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	}
	
.latestjobscontainer a:active, .latestjobscontainer a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.jobtypetxt {
	color:#636463;
	font-size: 90%;
	}		
	
.latestjobscell1 {
	width: 137px;
	padding: 5px 5px 5px 0;
	border-bottom: #e3e2e2 1px solid;
	vertical-align: top;
	}		
	
.latestjobscell2 {
	width: 54px;
	padding: 5px 0 5px 5px;
	border-bottom: #e3e2e2 1px solid;
	border-left: #e3e2e2 1px solid;
	vertical-align: top;
	}	
	
.latestjobscell1b {
	width: 142px;
	padding: 5px 5px 5px 0;
	vertical-align: top;
	}		
	
.latestjobscell2b {
	width: 55px;
	padding: 5px 0 5px 5px;
	vertical-align: top;
	border-left: #e3e2e2 1px solid;
	}	
	
	
	
	
/* REGISTER YOUR DETAILS (WIDE) COMPONENTS */	

.registeryourdetailswcontainer {
	width: 308px;
	padding: 10px 20px 20px 20px;
	margin: 0 0 30px 0;
	color: #ffffff;
	min-height: 80px;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-green-tile.jpg) repeat top left;
	border: #7cb04a 1px solid;
	}	
	
.registeryourdetailswcontainer a:link, .registeryourdetailswcontainer a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.registeryourdetailswcontainer a:active, .registeryourdetailswcontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}		
	
	
	
	
/* REGISTER YOUR DETAILS (NARROW) COMPONENTS */	

.registeryourdetailscontainer {
	width: 208px;
	padding: 10px 20px 20px 20px;
	margin: 0;
	color: #ffffff;
	min-height: 90px;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/light-green-tile.jpg) repeat top left;
	border: #7cb04a 1px solid;
	}	
	
.registeryourdetailscontainer a:link, .registeryourdetailscontainer a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.registeryourdetailscontainer a:active, .registeryourdetailscontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}
	
	
/* JOB DETAILS COMPONENTS */	

.jobdetailstable {
	width: 620px;
	padding: 0;
	margin: 0 0 10px 0;
	}	

.jobdetailscell1 {
	width: 310px;
	padding: 0;
	margin: 0;
	}		
	
.jobdetailscell2 {
	width: 315px;
	padding: 0;
	margin: 0;
	text-align: right;
	}
	
.applynowbutton {
	color: #000000;
	width: 160px;
	padding: 0;
	font-size: 120%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.jobdetailstxtcell1 {
	width: 200px;
	padding: 0;
	margin: 0;
	color: #3f3f3f;
	line-height: 1.5em;
	font-weight: bold;
	vertical-align: top;
	}		
	
.jobdetailstxtcell2 {
	width: 420px;
	padding: 0;
	margin: 0;
	color: #3f3f3f;
	line-height: 1.5em;
	vertical-align: top;
	}	
	
.jobdetailsbutholder {
	width: 603px;
	margin: 15px 0 0 0;
	padding: 5px 10px;
	background: url(../gif/mid-grey-tile.gif) repeat top left;
	border: 1px solid #d3d2d2;
	}
	
.sendtofriendnametextfield {
	color: #000000;
	width: 90px;
	padding: 1px;
	font-size: 90%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.sendtofriendemailtextfield {
	color: #000000;
	width: 180px;
	padding: 1px;
	font-size: 90%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.sendtofriendbutton {
	color: #000000;
	width: 60px;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.sendtofriendtxt {
	color: #636463;
	font-size: 90%;
	line-height: 1.8em;
	font-weight: bold;
	}	
	
.sendtofriendcell1 {
	width: 420px;
	padding: 0;
	margin: 0;	
	border-right: 1px solid #d3d2d2;
	}		
	
.sendtofriendcell2 {
	width: 170px;
	padding: 0;
	margin: 0;
	text-align: right;
	}
	
	
/* JOB SEARCH RESULTS COMPONENTS */	

.jobsearchrestable {
	width: 625px;
	padding: 0;
	margin: 0 0 10px 0;
	}	

.jobsearchrescell1 {
	width: 480px;
	padding: 0;
	margin: 0;
	}		
	
.jobsearchrescell2 {
	width: 140px;
	padding: 0;
	margin: 0;
	text-align: right;
	}
	
.joblistingsholder {
	width: 603px;
	margin: 15px 0 15px 0;
	padding: 5px 10px;
	background: url(../gif/mid-grey-tile.gif) repeat top left;
	border: 1px solid #d3d2d2;
	}	
	
.joblistingscell1 {
	width: 330px;
	padding: 0;
	margin: 0;	
	font-weight: bold;
	}		
	
.joblistingscell2 {
	width: 150px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-align: right;
	}	
	
.joblistingscell3 {
	width: 120px;
	padding: 0;
	margin: 0;
	text-align: right;
	}	
	
.searchorderdropdown {
	color: #000000;
	width: 110px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.jobdetailsholder {
	width: 623px;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid #d3d2d2;
	}	
	
.jobdetailstopcell1 {
	width: 252px;
	margin: 0;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #d3d2d2;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	}	
	
.jobdetailstopcell2 {
	width: 350px;
	margin: 0;
	text-align: right;
	color: #636463;
	font-weight: bold;
	padding: 5px 10px 5px 0;
	border-bottom: 1px solid #d3d2d2;
	background: url(../jpg/light-grey-tile.jpg) repeat top left;
	}		
	
.jobdetailstopcell3 {
	width: 252px;
	margin: 0;
	padding: 10px 0 5px 10px;
	}	
	
.jobdetailstopcell4 {
	width: 350px;
	margin: 0;
	text-align: right;
	padding: 10px 10px 5px 0;
	}		
	
.jobdetailstopcell5 {
	width: 603px;
	margin: 0;
	padding: 5px 10px 10px 10px;
	}	
	
.jobsearchprevnextbutton {
	color: #000000;
	width: 50px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
	
	
/* LOGIN REGISTER COMPONENTS */	

.registerloginbutton {
	color: #000000;
	width: 180px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.logincell1 {
	width: 80px;
	padding: 0 0 7px 0;
	margin: 0;
	}		
	
.logincell2 {
	width: 250px;
	padding: 0 0 7px 0;
	margin: 0;
	}	
	
.logintxttextfield {
	color: #000000;
	width: 250px;
	padding: 1px;
	font-size: 100%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.registercell1 {
	width: 120px;
	padding: 0 0 7px 0;
	margin: 0;
	}		
	
.registercell2 {
	width: 300px;
	padding: 0 0 7px 0;
	margin: 0;
	}	
	
.titledropdown {
	color: #000000;
	width: 100px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.countycountrydropdown {
	color: #000000;
	width: 200px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.choosefilecell1 {
	width: 110px;
	padding: 0 0 7px 0;
	margin: 0;
	}	
	
.choosefilecell2 {
	width: 360px;
	padding: 0 0 7px 0;
	margin: 0;
	}	
	
.choosefilebutton {
	color: #000000;
	width: 100px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.registerdetailsholder {
	width: 603px;
	margin: 15px 0 15px 0;
	padding: 15px 10px;
	background: url(../gif/mid-grey-tile.gif) repeat top left;
	border: 1px solid #d3d2d2;
	}	
	
.registerdetailsbutton {
	color: #000000;
	width: 200px;
	padding: 0;
	font-size: 120%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
	
	
/* FEATURED JOB COMPONENTS */	

.featuredjobcontainer {
	width: 308px;
	padding: 10px 20px 20px 20px;
	margin: 0;
	color: #ffffff;
	min-height: 178px;
	line-height: 1.3em;
	font-size: 95%;
	background: url(../jpg/dark-green-tile.jpg) repeat top left;
	border: #278739 1px solid;
	}	
	
.featuredjobcontainer a:link, .featuredjobcontainer a:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration:none;
	}
	
.featuredjobcontainer a:active, .featuredjobcontainer a:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
	}	
	
.featuredlargertxt {
	color:#ffffff;
	font-size: 125%;
	}	
	
.featuredsubsectiontxt {
	color:#add2b4;
	font-weight: bold;
	}	
	
	
	
/* FORM COMPONENTS */	

.formfieldsshort {
	color: #4f2543;
	width: 135px;
	padding: 2px;
	font-size: 110%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	

.formfieldsmed {
	color: #4f2543;
	width: 240px;
	padding: 2px;
	font-size: 110%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.formfieldslong {
	color: #4f2543;
	width: 280px;
	padding: 2px;
	font-size: 110%;
	background-color: #ffffff;
	border: 2px solid #cacaca;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}

				
/* FOOTER COMPONENTS */	

.footerwrapper {
	width: 924px;
	margin: 0 auto;
	padding:20px;
	background:#04041f;
	position: relative; 
	clear: both; 
	color:#FFF;
	height:100px;
	}
	
.Footerleft-5050 { 
	width: 462px; 
	position: relative; 
	float: left;
} 

.Footerleft-Right-5050 { 
	width: 462px; 
	position: relative; 
	float: right;
	text-align:right;
} 

.footertxt {
	color: #ffffff;
	font-size: 95%;
	line-height: 1.3em;	
	}	

.footertxt a:link, .footertxt a:visited {
	color: #ffffff;
	text-decoration:none;
	}

.footertxt a:active, .footertxt a:hover {
	color: #ffffff;
	text-decoration: underline;
	}	
	
	
/* Original Web Suite CSS Starts here */

.Subheading A
{
	color: #030336;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

.Subheading A:HOVER
{
	color: #030336;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}


.MainMenu A
{
	color: #232350;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

.MainMenu A:HOVER
{
	color: #232390;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

.MainMenu
{
	color: #22262a;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

.SubMenu A
{
	color: Red;
	text-decoration: underline;
	font-size: 10px;
}

.SubMenu A:HOVER
{
	color: Red;
	text-decoration: none;
	font-size: 10px;
}

.WhtLink A
{
	color:#ffffff;
	text-decoration: none;
}

.WhtLink A:HOVER
{
	color:#ffffff;
	text-decoration: underline;
}

.SubMenu
{
	color: Red;
	text-decoration: underline;
	font-size: 10px;
}

.Results_Title
{
	font-size: 16px;
}

.Results_HitCount
{
	font-size: 7.5pt;
	padding-bottom: 3px;
}

.Results_NoMatches
{
	font-size: 8.5pt;
}

.ADV_Search_FieldTitle
{
	padding-top: 8px;
	padding-bottom: 8px;
	color: #000040;
	font-size: 13px;
	border-top: 1px solid #CCCCCC;
}

.ADV_Search_Cell
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #CCCCCC;
}

.ADV_Search_ListBox
{
	width: 250px;
}

.ADV_Search_TextBox
{
	width: 245px;
}

.QWKSearchDropDown
{
	font-size:7.5pt;
	width:160px;
}

INPUT
{
	font-size: 10px;
	color: #353550;
	font-family: Verdana, Arial;
}

TEXTAREA
{
	font-size: 10px;
	color: #353550;
	font-family: Verdana, Arial;
}

SELECT
{
	font-size: 9px;
	width: 165px;
	color: #353550;
	font-family: Verdana, Arial;
}

.FormElements
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.logos
{
	color: #666666;
	font-size: 9px;
}

.title
{
	 background-color:White; 
	 color:Black; 
	 border-color:Black; 
	 border-width:1px; 
	 border-style:solid;
	 /*font-size:medium;
	 font-family:Courier;
	 font-weight:bold;*/
}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url("../images/menu-bg.gif") repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

.ControlRowUnderline
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #DDDDDD;
}

/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url("../images/bg-menu-main.png");
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*Confirm Button*/

/* DropShadow */

#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover {text-decoration:none;}


.dropShadowPanel 
{
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/*Drag Panel*/
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url("../images/header-opened.png");
	text-align:center;
	cursor:move;
	font-weight:bold;
}

.overflowHidden {overflow:hidden;}

.overflowScroll {overflow:hidden;}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url("../images/header-opened.png");
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

/* PagingBulletedList */
.selectIndex {
    font-weight: bold;
    text-decoration:none;
}
.unselectIndex {
    font-weight:normal;
    text-decoration:underline;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url("../images/bg-menu-main.png");
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url("../images/bg_nav.gif");
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}


/* Rounded Corners*/

.roundedPanel
{	
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/* ResizableControl */

.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	float:left;
	padding:3px;
}

.frameText
{
	width:100px;
	height:100px;
	overflow:auto;
	float:left;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url("../images/HandleHand.png");
	overflow:hidden;
	cursor:se-resize;
}

.handleText
{
	width:16px;
	height:16px;
	background-image:url("../images/HandleGrip.png");
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391BA;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url("../Images/FilledStar.png");

}

.emptyRatingStar {
    background-image: url("../Images/EmptyStar.png");
}

.savedRatingStar {
    background-image: url("../Images/SavedStar.png");
}


/*Toggle Button*/

/*Setup*/
.walkthrough li {padding-bottom:5px;}

/*Using a sample extender*/

/*Creating a new extender*/
.walkthroughNote {
	padding-left:25px;
	font-style:italic;
}

/*Other neat stuff*/





/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url("../images/Question.png");
	overflow:hidden;
	cursor:help;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}



.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url("../images/loading.gif");
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/* SlideShow styles */

.slideTitle
{
	font-weight:bold;
	font-size:small;
	font-style:italic;
}

.slideDescription
{
	font-size:small;
	font-weight:bold;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

/*MENU*/
.navigation
{
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font: arial;
	font-size:12px;
	font-weight:normal;
}
.navigation a
{
	color:#FFFFFF;
	text-decoration:none;
	font: arial;
	font-size:12px;
	text-align:center;
	font-weight:normal;
}
.navigation a:hover
{
	text-decoration:none;
	font: arial;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	text-align:center;
}

/*AJAX*/
.dragIcon {
    width:100%;
    height:21px;
    background-color:#FFFFFF;
    text-align:center;
    cursor:move;
    font-weight:bold;
}
/*AJAX Control Toolkit : Tabs*/
.ajax__tab_xp .ajax__tab_tab 
{
 text-align:left;
height: 21px;
}
.ajax__tab_header
{
 text-align:left;
}
/*.ajax__tab_active
{
 text-align:left;
}*/
.ajax__tab_body 
{
 text-align:left;
}

/***********************************************
Print Specific Styles
***********************************************/
@media print{
	.Header,.Links,td#SubMenu,div.SubMenu,div.hotjobs
	{
		visibility:hidden;
		display:none;
	}
}

ul {
  	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	font-weight:bold;
	color: #0b1d30;
	margin: 0;
	padding: 0;
	text-decoration:none;
    list-style: none;
    padding-bottom:10px;
}

ul li {
  display: block;
  position: relative;
  float: left;
  
}

li ul { display: none; }

ul li a {
  display: block;
  text-decoration: none;
  color: #0b1d30;
  padding-right:12px;
  padding-left:8px;
  white-space: nowrap;
  padding-top:6px;
  
}

ul li a:hover {
  color: gray;
  padding-top:6px;
 }

li:hover ul {
  display: block;
  position: absolute;
}

li:hover li {
  float: none;
 font-size: small;
}

li:hover a { background: white; }

li:hover li a:hover { background: white; }

