/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3d4242; margin: 0; padding: 0; background:url(/images/topBG.png) repeat-x;}
a:link, .dataTable a:link {color: #2e4675 !important;}
a:visited, .dataTable a:visited {color: #009683 !important;}
a:hover, a:active, .dataTable a:hover, .dataTable a:active {color: #009683 !important;}
#container {width: 1008px; margin: auto; padding: 0;}
p {margin: 0; padding: 0 0 12px 0; line-height: 18px;}
.textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 375px;}
.normalpt {font-size: 12px;}

/*top nav*/
.topnav {float: left;}
.topnav p {float: left; margin: 0; padding: 4px 0 0 500px; font-weight: bold; width: 128px; color: #21355d; font-size: 13px;}
.topnav ul {float: left; list-style-type: none; margin: 0; padding: 0; width: 275px;}
.topnav ul li {display: inline;}
.topnav ul li a {padding: 0 10px; position: relative; top: 4px; left: 0; border-right: solid 1px #2e4675;}
#noborder a {border-right: none;}
.logo {position: relative; top: 20px; left: 15px; width: 290px; height: 60px; float: left;}
.login ul {list-style-type: none; margin: 0; padding: 25px 0 0 497px;}
.login li {padding-left: 2px; padding-bottom: 6px;}
.topnav2 {float: left; margin-top: 23px; width: 980px;}

/*Right column*/
.rightCol {float: right; width: 180px; position: relative; right: 28px; top: 20px;}
.featuredEmp {background-image: url(/images/FeaturedEmpBg.png); background-repeat: no-repeat; background-position: 0px 0px; width: 180px; height: 256px;}
.featuredEmp img {position: relative; top: 45px; left: 8px;}
.featuredEmp P {position: relative; top: 30px; left: 9px; padding: 0; margin: 0; width: 160px; font-size: 12px; line-height: 18px;}
.advertBar {margin: 0; padding: 10px 0;}
.advert {margin: 0; padding: 0 0 12px 0;}

/*Main Content*/
.maincontent { float: left; width: 750px; position: relative; left: 25px; top: 20px;}
.maincontent h1 {font-size: 24px; color: #2a7fc2; margin: 0; padding: 0 0 12px 0;}
.maincontent h2 {font-size: 18px; color: #2a7fc2; margin: 0; padding: 20px 0 12px 0;}
.maincontent h3  {font-size: 14px; color: #2a7fc2; margin: 0; padding: 10px 0;} 
.maincontent h4 {font-size: 12px; color: #2a7fc2; margin: 0; padding: 10px 0;} 
ul.mainlist  {list-style-type: none; padding: 0 0 12px 12px; margin: 0;}
/*.mainlist li {background-image: url(/images/nicearrows.jpg); width: 100%; background-repeat: no-repeat; background-position: 0 1px; padding: 0 0 6px 18px; line-height: 18px;}*/
.mainlist li {background-image: url(/images/arrow_new.png); width: 90%; background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 6px 12px; line-height: 16px;}
.mainlist li li {list-style-type: circle; padding: 6px 0 0 0; margin-left: 12px; width: 90%; background-image:none;}
ol.ordered {margin: 0 0 0 10px; padding: 0 0 6px 24px;}
.ordered li {padding: 0 0 6px 0px; line-height: 18px;}
.searchSM {background-image:url(/images/SearchBg-sm.png); background-repeat: no-repeat; background-position: 0px 0px; width: ;750px; height: 125px;}
.searchPPS {background-image:url(/images/SearchBg-PPS.png); background-repeat: no-repeat; background-position: 0px 0px; width: 750px; height: 125px;}
.searchPPSjob {background-image:url(/images/SearchBg-PPS_job.png); background-repeat: no-repeat; background-position: 0px 0px; width: 750px; height: 125px;}
.searchJob {background-image:url(/images/SearchJob.png); background-repeat: no-repeat; background-position: 0px 0px; width: 750px; height: 125px;}
.searchSM p, .searchPPS p, .searchPPSjob p, .searchJob p {width: 160px; font-size: 11px; margin: 0; padding: 0; position: relative; top: 5px; left: 0px; line-height: 12px; color: #3d4242; }
.searchSM img, .searchPPS img, .searchPPSjob img, .searchJob img {position: relative; top: 13px; left: 25px;}
.jobTitle {width: 130px; position: relative; top: 0; left: 160px; border: 1px solid #666666;}
.jobSetting {width: 260px; position: relative; top: 0px; left: 35px; border: 1px solid #666666;}
.jobLocation {width: 260px; position: relative; top: 0px; left: 35px; border: 1px solid #666666;}
.searchtips {position: absolute; top: 68px; left: 595px; width: 100px;}
html>body .searchtips {position: absolute; top: 125px; left: 612px; width: 100px;}


.keyword {width: 193px; position: relative; top: 13px; left: 10px; border: 1px solid #666666; vertical-align: top;}
.jobTitle2 {width: 195px; position: relative; top: 16px; left: 10px; border: 1px solid #666666; vertical-align: top;}
.jobSetting2 {width: 195px; position: relative; top: 13px; left: 10px; border: 1px solid #666666; vertical-align: top;}
.jobLocation2 {width: 195px; position: relative; top: 16px; left: 10px; border: 1px solid #666666; vertical-align: top;}
.jobSetting3 {width: 280px; border: 1px solid #666666;}

html>body .keyword {width: 193px; position: relative; top: 15px; left: 10px; border: 1px solid #666666; vertical-align: top;}
html>body .jobTitle2 {width: 195px; position: relative; top: 25px; left: 10px; border: 1px solid #666666; vertical-align: top;}
html>body .jobSetting2 {width: 195px; position: relative; top: 15px; left: 10px; border: 1px solid #666666; vertical-align: top;}
html>body .jobLocation2 {width: 195px; position: relative; top: 25px; left: 10px; border: 1px solid #666666; vertical-align: top;}

.tableSearchSm, .tableSearchPPS, .tableSearchJob {position: relative; top: 20px; left: 19px;}
.tableSearchSm td, .tableSearchPPS td, .tableSearchJob td {vertical-align: top;}
.searchSM ul, .searchPPS ul, .searchPPSjob ul, .searchJob ul  {list-style-type: none; font-size: 11px; margin: 0; padding: 6px 0 0 10px;}
/*.searchSM li, .searchPPS li, .searchPPSjob li, .searchJob li {background-image: url(/images/bluearrows.jpg); background-repeat: no-repeat; background-position: 0 .2em; padding-left: 1.5em; padding-bottom: 6px;}*//*STYLING THAT REMOVES THE ARROW FROM SEARCH BOX*/
.searchSM li, .searchPPS li, .searchPPSjob li, .searchJob li {padding-left: 1.4em;}
.jobinfo {width: 450px; height: 300px; position: relative; top: 20px; left: 50px; background-image: url(/images/JobInfo.gif); background-repeat: no-repeat}
.jobinfo table, .sanames table {margin: 50px 15px 15px 15px;}
.jobinfo td, .sanames td {padding: 8px 0; vertical-align: top;}
.jobinfofield {width: 250px; border: 1px solid #666666;}
.submitbutton {position: relative; top: 8px; left: 150px;}
.sanames {width: 450px; height: 200px; position: relative; left: 50px; background-image: url(/images/SANames.jpg); background-repeat: no-repeat;}
.safield {width: 250px; border: 1px solid #666666;}
.userscreen {width: 400px; float: left;}
.userlogin {width: 300px; float: right; margin-top: 50px;}
.adjustht {position: relative; top: -3px; left: 0;}
.firstCol {width: 370px; float: left;}
.secondCol {width: 360px; float: right;}
.oneColumn {width: 600px; float: left;}
.highlightsPPS {background-image: url(/images/HighlightsBg.png); background-repeat: no-repeat; margin-top: 20px;}
.highlightContent  {padding: 44px 15px 10px 15px;}
.imptInfo {background-image:url(/images/ImptInfo.png); background-repeat: no-repeat;}
.imptInfo p {margin: 3px 18px 3px 60px; padding: 0; font-size: 14px;}
.findJobs {width: 450px; position: relative; top: 0px; left: 50px;}

/*Leaderboard ad*/
.advertBar2 {width: 1008px; position: relative; top: 20px; left: 0; background-image: url(/images/advertbar2.gif); background-repeat: repeat-x; background-position: 0px 0px;}
.advertisement {margin: 0; padding: 25px 0 10px 0;}
.leaderBoardAd {text-align: center;}

/*Footer*/
.footer {width: 1008px; position: relative; top: 0px; left: 0; float: left;}
.footer p {font-size: 11px; color: #3d4242; float: left; position: relative; left: 10px; top: 5px; margin: 0; padding: 0; line-height: 14px;}
.footerashp {padding-top: 25px; float: left; width: 400px;}
html>body .footerashp {padding-top: 12px; float: left; width: 400px;}
.footerashp img {float: left;}
.footerashp p  {margin: 0; padding: 0; font-size: 11px; position: relative; top: 0; left: 0px;}
.footercopyright {width: 400px; float: right; padding-top: 15px;}
.footercopyright p {margin: 0; padding: 0; text-align: right; position: relative; top: 12px; left: 0; width: 400px;}
html>body .footercopyright {width: 400px; float: right; padding-top: 0;}

/*Tables*/
.tableHeads {font: Arial, Helvetica, sans-serif; vertical-align: bottom;}
.tableHeads h2 {font-size: 125%; color: #2a7fc2; margin: 0; padding: 30px 0 6px 0;}
.tableHeads p {margin: 0; padding: 20px 0 0 0;}
.tableHeads2 {font: Arial, Helvetica, sans-serif; vertical-align: bottom;}
.tableHeads2 h2 {font-size: 14px; color: #b0242a; margin: 0; padding: 12px 0;}
.tableHeads2 p {margin: 0; padding: 9px 0 10px 0;}
.dataTable th {background: #d8dfe6; padding: 4px; border-top: 1px solid #c7d2e1; border-left: 1px solid #c7d2e1; vertical-align: top; }
.dataTable {border-bottom: 1px solid #c7d2e1; font-size: 11px;}
.dataTable td {padding: 4px; border-top: 1px solid #d5dde9; border-left: 1px solid #c7d2e1;  vertical-align: top;}
.dataTable ul {margin: 0; padding: 0; list-style-type: none;}
.lastcol {border-right: 1px solid #c7d2e1;}
.rightalign {text-align: right;}
.centeralign {text-align: center;}
.leftalign {text-align: left;} 
.wrapper1 {width: 99%;}
.wrapper2 {pdding: 10px 0 50px 0;}
.uparrow {position: relative; top: -5px; left: 0; width: 13px;}
.downarrow {position: relative; top: 3px; left: -16px; width: 13px;}
.simpletable td {margin: 0; padding: 4px 4px 4px 0; border: none;}


/*Forms*/
.form520 {width: 520px;}
.form600 {width: 600px;}
.tableform td {padding: 6px 10px 6px 16px; vertical-align: top;}
.tableform input {border: 1px solid #666666;}
.tableform2 td {padding: 4px; vertical-align: top;}
.tableform2 input {border: none}

/*common*/
.cleardiv {clear: both;}
.fleft {float: left;}
.fright {float: right;}
.red {color: #b0242a !important;}
.strong {font-weight: bold;}
.rednote {font-size: 11px;}
.regpar {padding: 0; padding: 12px 0;}
.smallpt {font-size: 11px;}
.in50 {position: relative; top: 20px; left: 50px;}
.builder {position: relative; top: 0px; left: 50px; width: 660px;}
.activateJobs {position: relative; top: 50px; left: 220px; width: 150px;}
.fleft300  {float: left; width: 300px;}
.fright300 {float: right; width: 300px;}
.topalign {vertical-align: top;}

/*Horizontal Tabbed Panels*/

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 99%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 5px 0px 0px;
	font: bold 1em sans-serif;
	background-image: url(/images/tabbedPanelbg.jpg); background-repeat: repeat-x; background-position: 0px 0px;
	list-style: none;
	border-left: solid 1px #b3bece;
	border-bottom: solid 1px #b3bece;
	border-top: solid 1px #b3bece;
	border-right: solid 1px #b3bece;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color: #2e4675;
}


.TabbedPanelsTabHover {
	background-color: #FFFFFF;
}


.TabbedPanelsTabSelected {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.TabbedPanelsTab a {
	color: #2e4675;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #b3bece;
	border-bottom: solid 1px #b3bece;
	border-top: solid 1px #b3bece;
	border-right: solid 1px #b3bece;
	background-color: #FFFFFF;
}


.TabbedPanelsContent {
	padding: 8px;
}


.TabbedPanelsContentVisible {
}
/*index page only*/
.indexsearch {height: 156px; width: 1008px; background-image: url(/images/index_search.png); background-repeat: no-repeat;}
.tab1 {position: relative; top: 15px; left: 354px; width: 570px;}
.tab1 td, .tab2 td {vertical-align: top;}
.tab2 {position: relative; top: 35px; left: 354px; width: 570px;}
.indexsearch p, .tab2 p {font-size: 11px; line-height: 12px;}
.cpindex {width: 455px; float: left;}
.cpindex h1 {font-size: 16px; color: #2a7fc2;}
.cpindex p {font-size: 12px; color: #37b7272;}
.ppsindex {width: 345px; float:right;}
.ppsindex h1 {font-size: 16px; color: #00a393;}
.startcp {width: 350px; height: 150px; background-image: url(/images/CP_box.png); background-repeat: no-repeat;}
.startcp p {position: relative; top: 46px; left: 37px; width: 262px; line-height: 14px;}
.startcp ul {position: relative; top: 30px; left: 20px;}
.startcp li, .startpps li {list-style: circle;}
.startpps {width: 350px; height: 150px; background-image: url(/images/PPS_box.png); background-repeat: no-repeat;}
.startpps p {position: relative; top: 46px; left: 37px; width: 262px; line-height: 14px;}
.startpps ul {position: relative; top: 30px; left: 20px;}

/*new classes added on or after 11 July 2008*/
.newtable {border-collapse: collapse; border: 1px solid #c7d2e1; font-size: 11px;}
.newtable12px {border-collapse: collapse; border: 1px solid #c7d2e1; font-size: 12px;}
.newtable th, .newtable12px th {border-collapse: collapse; border: 1px solid #c7d2e1; background-color:#d8dfe6; color: #3d4279;}
.newtable td, .newtable12px td {border-collapse: collapse; border: 1px solid #c7d2e1; padding: 3px; vertical-align:top}
.newtable_noborder {border: none; font-size: 12px;}
.newtable_noborder  td {border: none; font-size: 12px; padding: 5px; vertical-align:top}
.thispage {width: 175px; border-collapse:collapse; border: 1px solid #d1d1d1; margin: 3px 3px 0 15px; font-size: 12px; background-color: #fff;}
.thispage td {padding: 6px 8px;}
.thispage h3 {font-size: 14px; margin:0; padding: 0 0 6px 0; border-bottom: 1px solid #d1d1d1;}
.thispage ul {list-style-type: none; margin: 6px 0 0 0; padding: 0;}
.thispage li  {background-image: url(/images/square.jpg); background-repeat: no-repeat; background-position: 0 3px; padding:  0 0 3px 12px; font-size: 12px;}
.cite {border-bottom: 1px solid #2a7fc2; border-top: 1px solid #2a7fc2; padding: 3px 0 9px 0; width: 100%; color: #898989;}
.ext {font-size: 11px; color: #898989;}
.sa {width: 670px; height: 450px; overflow:scroll;}
.cp {padding: 0; margin: 0; color: #898989; font-weight: bold; font-size: 14px; font-style: italic;}
.cpimg {margin: 0 10px 10px 0; float: left; padding: 5px; background-color: #eeeff3;}

/*added on 11 March 2009---revised index*/
.advertBar_v2 {margin: 0; padding: 0 0 10px 0;}
.index_middleCol {width: 270px; float: right;}
.featuredEmp_v2 {width: 270px;}
.hotjobs  {width: 270px; padding: 20px 0; float: right;}
.TabbedPanels_i {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 270px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup_i {
	margin: 0px;
	padding: 0px 0px 0px 7px;
}
.TabbedPanelsTab_i {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 12px sans-serif;
	background-color: #FFF;
	list-style: none;
	color: #5c626b;
	border-left: solid 1px #abb7c8;
	border-bottom: solid 1px #abb7c8;
	border-top: solid 1px #abb7c8;
	border-right: solid 1px #abb7c8;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover_i {
	background-color: #f9a836;
}
.TabbedPanelsTabSelected_i {
	background-color: #f9a836;
	border-bottom: 1px solid #abb7c8;
	color: #FFF;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup_i {
	clear: both;
	border: none;
	background-color: #FFF;
}
.TabbedPanelsContent_i {
	padding: 0px;
}
.hotjobs_list {margin: 0; padding:4px 0 6px 0; border-bottom:  1px solid #d2d5da;}
.hotjobs_last {margin: 0; padding:4px 0 0 0; border-bottom: none;}
ul.mainlist_i  {list-style-type: none; padding: 0 0 12px 14px; margin: 0;}
.mainlist_i li {
	/*background-image: url(/images/arrow_new.png);*/
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0 0 6px 0px;
	line-height: 18px;
	list-style-image: url(/images/arrow_new.png);
}
.cp_start_i {margin: 5px 0 0 0; padding: 5px 0 20px 0; background-image:url(/images/Index_image.jpg); background-repeat: no-repeat; width: 452px; height: 242px; background-position: 0 0;}
html>body .cp_start_i {margin: 10px 0 0 0; padding: 10px 0 20px 0;}
.cp_start_i p {width: 183px; margin: 0; padding: 50px 15px 10px 255px;}
.hotjobs_1 {font-weight: bold;}

.maincontent2 { float: left; width: 900px; position: relative; left: 25px; top: 20px;}
.maincontent2 h1 {font-size: 24px; color: #2a7fc2; margin: 0; padding: 0 0 12px 0;}
.maincontent2 h2 {font-size: 18px; color: #2a7fc2; margin: 0; padding: 20px 0 12px 0;}
.maincontent2 h3  {font-size: 14px; color: #2a7fc2; margin: 0; padding: 10px 0;} 
.maincontent2 h4 {font-size: 12px; color: #2a7fc2; margin: 0; padding: 10px 0;} 
.maincontent2 ul {list-style-type: none; padding: 0; margin: 0;}
.maincontent2 li {background-image:url(images/arrow_new.png); background-repeat:no-repeat; background-position: 0 4px; width: 700px; padding: 0 0 6px 12px;} 
.FE {position: relative; top: 0px; left: 50px; width: 770px;}
.FE ul {list-style-type: none; padding: 0 0 12px 12px; margin: 0;}
.FE li {background-image: url(/images/arrow_new.png); width: 100%; background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 6px 18px; line-height: 16px;}
.FE li li {list-style-type: circle; padding: 6px 0 0 0; margin-left: 12px; width: 90%; background-image:none;}
.floatrightimg {float: right; margin: 0 0 10px 10px; border: 1px solid #b5b6af; padding: 2px;}
.floatleftimg {float: left; margin: 0 10px 10px 0px; border: 1px solid #b5b6af; padding: 2px;}
.floatrightimg_noborder {float: right; margin: 0 0 10px 10px; padding: 2px;}
.floatleftimg_noborder {float: left; margin: 0 10px 10px 0px; padding: 2px;}
.availJobs {width: 700px; background-color: #ecf1f5; padding: 10px 20px 20px 20px;}
.joblist {width: 100%; background-color: #FFFFFF; border: 1px solid #ccd3de;}
.joblist td {vertical-align: top; padding: 4px; border-bottom: 1px solid #ccd3de; }
.FE_List {width: 100%; background-color: #FFFFFF; border: 1px solid #ccd3de;}
.FE_List td {vertical-align: top; padding: 10px;}

/*Added 2 April 2009*/
.FE2 {width: 178px; border: 1px solid #abb7c8; margin-bottom: 12px;}
.FE22 {width: 172px; border: 3px solid #d8dfe6;}
.FE22 img {width: 172px; height: 54px;}

/*Revised 5 October for Messaging*/
.compose {width: 650px; background-color: #ecf1f5; padding: 10px; margin-left: 20px;}
.insidecompose {width: 100%; background-color: #ffffff; border: 1px solid #ccd3de;}
.insidecompose form {padding-left: 10px; padding-top: 12px !important;}
.messages {Width: 670px; background-color: #ffffff; margin-left: 20px;}
table.messages2  {border-top: 5px solid #c8cbce;}
.messages p{margin: 0; padding: 12px 0 0 0; font-size: 14px; font-weight: bold;}
.messages2 td  {border-collapse: collapse; border-bottom: 1px solid #c8cbce; padding: 8px 0px; vertical-align:top; color: #708197; font-size: 11px; background-color: #FFFFFF;}
.mailbox {font-weight: bold;}
.reply {width: 500px; background-color: #ecf1f5; padding: 10px; margin-left: 170px;}
.insidereply {width: 100%; background-color: #ffffff; border: 1px solid #ccd3de; padding-top: 10px;}
.insidereply div {padding: 10px !important;}
.inbox {width: 680px; background-color: #ecf1f5; padding: 10px; margin-left: 20px;}
.inbox2 td  {border-collapse: collapse; border-bottom: 1px solid #d7e0e7; padding: 8px 0px; vertical-align:top; color: #708197; font-size: 11px; background-color: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;  border-top: none;}
.inbox2 th  {border-collapse: collapse; border-bottom: 1px solid #d7e0e7; padding: 8px 0px; vertical-align:top; color: #708197; font-size: 11px; background-color: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: none;}
.inboxHd {font-size: 11px; font-weight: bold; color: #708197; padding-bottom: 6px;}
.inboxbutton {border: solid 1px #898989; padding: 3px 5px; background-color: #d7e0e7;}
#Table_01 {border: none; border-collapse: collapse;}
#Table_01 td {border: none; border-collapse: collapse; vertical-align:top;}
#Table_01 tr {border: none; border-collapse: collapse;}
#Table_01 img {display: block;}