/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(/themes/cpi-group/js/csshover.htc); background:#c4c3b5 url(../images/bg-slice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#303030;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {}
a:hover, a.current {text-decoration: underline;}
p { font-size:11px; padding:0 0 10px 0; line-height:15px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#000;}
hr{ background-color:#fff; color:#c4c3b5; border:1px solid #c4c3b5; border-width:1px 0 0 0; margin:6px 0 10px 0; }

h1{color:#610504; font-size:20px; padding:0 0 10px 0;}
h2{color:#610504; font-size:18px; padding:0 0 10px 0;}
h3{color:#610504; font-size:16px; padding:0 0 10px 0;}
h4{color:#610504; font-size:14px; padding:0 0 10px 0;}
h5{color:#fff; background-color:#610504; font-size:12px; padding:3px; margin-bottom:8px;}
h6{color:#610504; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%;}
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}
.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

/*********NEWS CLASSES**********************************************/
.eventBody{ font-size:12px;}
.eventDate{ font-size:10px; font-weight:bold; padding:0 0 4px 0;color:#b20838;}
.eventTitle{color:#b20838; font-size:18px; clear:both; padding:0 0 4px 0;}
.shortDescriptionBoxOuter{ padding:0 0 16px 14px; border:1px #000 dashed; border-width:0 0 1px 0; margin-bottom:10px}
.breadcrumbs{ font-size:11px; margin-bottom:10px}
.shortDescriptionBoxOuter{ font-size:11px; line-height:15px}
.shortDescriptionBoxHeader{font-size:16px; margin-bottom:4px; font-weight:bold;}
.shortDescriptionBoxHeader a{color:#610504;}
.shortDescriptionBoxSubheader{ font-weight:bold;}
.articleBodyDate{ font-weight:bold; font-size:11px;}

/* Wrappers */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:939px;}

#Top{ padding:2px 0 4px 14px;}
#Top span{ padding:60px 6px 0 0; float:right; color:#303030; font-size:16px; text-align:right; font-weight:bold}

#Bottom{ background:url(../images/bottom.gif) no-repeat; width:939px; font-size:11px; padding:40px 0 8px 0}
#FooterNav{ float:left; width:630px;}
#FooterNav a{color:#000; text-decoration:none;}
#FooterInfo{ float:right; width:280px; text-align:right}
#site_credits{ cursor:pointer;}

#MiddleWrapper{ width:937px; border:1px solid #878787; border-width:0 1px; background-color:#fff;}

#Flash{ background:url(../images/flash.jpg); width:937px; height:250px;}
#HpDivider{ width:937px; background-color:#000; height:14px; border:3px #fff solid; border-width:3px 0;}


/**NAV*****************************/
#Nav {width: 939px; height: 38px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
#Nav ul {margin:0; padding:0; list-style:none}
#Nav li {float: left;}				
#Nav li a span {display: none; }				
#Nav li a {height: 38px; display: block; float: left; padding: 0;}				
#Nav li a.home {width:134px; background: url(../images/nav_01.gif) no-repeat top;}
#Nav li a.services {width:134px; background: url(../images/nav_02.gif) no-repeat top;}		
#Nav li a.jobseekers {width:134px; background: url(../images/nav_03.gif) no-repeat top;}
#Nav li a.aboutus {width:135px; background: url(../images/nav_04.gif) no-repeat top;}
#Nav li a.resources {width:134px; background: url(../images/nav_05.gif) no-repeat top;}		
#Nav li a.searchjobs {width:134px; background: url(../images/nav_06.gif) no-repeat top;}
#Nav li a.contactus {width:134px; background: url(../images/nav_07.gif) no-repeat top;}	
#Nav li a:hover {background-position: bottom; }
#Nav li a.current {background-position: bottom; }

/***********DropDownMenu********************/
	#Nav ul ul {position: absolute; display: none; border:1px dotted #333; border-width:1px 1px 0 1px; background:#fff; padding:0; margin:0; width:114px; font-size:11px; left:97px; top:4px;}
	#Nav ul ul li {padding:2px; text-align:left; display:block !important; position:relative; border:1px dotted #333; border-width:0 0 1px 0; margin:0; font-size:11px;}
	#Nav ul ul:hover {display:block !important; }
	#Nav ul li:hover ul {display: block !important; top:38px; position:absolute; width:196px; font-size:11px;}
	#Nav ul li:hover ul a{font-size:11px; padding:1px 0 0 3px; margin:0; text-decoration:none; font-weight:normal; color:#000}
	#Nav ul li:hover ul li {display: block !important; float:left; width:190px; font-size:11px; margin:0; padding:3px; }
	#Nav ul li:hover ul li:hover{color:#000; text-decoration:none; background-color:#c4c3b5; font-size:11px; margin:0; padding:3px;}	
	#Nav ul li ul li a:hover{color:#000; text-decoration:none; background-color:#c4c3b5; font-size:11px; margin:0; padding:1px 0 0 3px;}
	#Nav li:hover a, #TopNav li.sfHover a {color:#000; text-decoration:none; font-weight:normal; background-position: bottom;}
	#Nav li:hover ul a, #TopNav li.sfHover ul a {color: #000; display:block !important; margin:0; position:relative; background-position: bottom;}
	#Nav li:hover ul a:hover, #TopNav li.sfHover ul a:hover {color: #000; text-decoration:none; margin:0; position:relative;}

#Nav ul li ul li a{ height:14px;}
#Nav ul li ul li a:hover{ height:14px;}
/**HP*****************************/
#ContentHolder{ padding:10px; width:919px;}
#ContentHolder ul{ padding:0 0 10px 30px; margin:0; font-size:11px; line-height:15px;}
#ContentHolder ol{ padding:0 0 10px 30px; margin:0; font-size:11px; line-height:15px;}
#ContentHolder li{ padding:0 0 4px 0; margin:0;}
#HpCopy{ background:url(../images/hp-bg.gif) no-repeat; width:368px; padding:32px 14px 0 10px; float:left;}
#SubCopy{ background:url(../images/watermark-lg.gif) no-repeat center ; width:560px; padding:0 14px 0 14px; float:left;}

/**NAV*****************************/
#QLNav {width: 180px; height: 243px; list-style: none; padding: 0; position:relative; display:block; float:left; padding:0 10px 10px 0}
#QLNavTop{ background:url(../images/nav-ql_top.gif) no-repeat; height:35px; width:180px;}
#QLNavBottom{ background:url(../images/nav-ql_bottom.gif) no-repeat; height:19px; width:180px;}
#QLNav ul {margin:0; padding:0; list-style:none}
#QLNav li {float: left; margin:0; padding:0;}				
#QLNav li a span {display: none; }				
#QLNav li a { width:180px; display: block; float: left; padding: 0;}				
#QLNav li a.search {height:38px; background: url(../images/nav-ql_01.gif) no-repeat left;}
#QLNav li a.submit {height:38px; background: url(../images/nav-ql_02.gif) no-repeat left;}		
#QLNav li a.empres {height:37px; background: url(../images/nav-ql_03.gif) no-repeat left;}
#QLNav li a.jsres {height:38px; background: url(../images/nav-ql_04.gif) no-repeat left;}
#QLNav li a.contact {height:38px; background: url(../images/nav-ql_05.gif) no-repeat left;}		
#QLNav li a:hover {background-position: right; }
#QLNav li a.current {background-position: right; }


/**NAV*****************************/
#OSNav {width: 325px; height: 243px; list-style: none; padding: 0; position:relative;  float:left; margin:0 0 10px 0;}
#OSNavTop{ background:url(../images/nav-os_top.gif) no-repeat; height:35px; width:325px;}
#OSNav ul {margin:0; padding:0; list-style:none}
#OSNav li {float: left; margin:0; padding:0;}				
#OSNav li a p { padding:4px 4px 0 130px; color:#000; text-decoration:none; font-size:11px; }
#OSNav li a:hover p { padding:4px 4px 0 130px; color:#fff; text-decoration:none; font-size:11px; }
#OSNav li a {width: 325px; display: block; float: left; padding: 0; text-decoration:none}				
#OSNav li a.staffing {height:63px; background: url(../images/nav-os_01.gif) no-repeat left;}
#OSNav li a.staffdev {height:64px; background: url(../images/nav-os_02.gif) no-repeat left;}		
#OSNav li a.hr {height:63px; background: url(../images/nav-os_03.gif) no-repeat left;}
#OSNav li a:hover {background-position: right; }
#OSNav li a.current {background-position: right; }

/**SUBPAGE*****************************/
#SubNav{ background-color:#610504; height:18px; width:931px; font-size:11px; padding:3px 0 0 6px}
#SubNav a{ font-size:11px; color:#fff; text-decoration:none;}
#SubNav a:hover{ font-size:11px; color:#fff; text-decoration:underline;}
#SubNav a.activeSubMenuItem{ font-size:11px; color:#fff; text-decoration:underline;}

#BannerServices{ background:url(../images/cpi-banner-services.jpg); width:937px; height:115px;}
#BannerJs{ background:url(../images/cpi-banner-jobseekers.jpg); width:937px; height:115px;}
#BannerAbout{ background:url(../images/cpi-banner-about.jpg); width:937px; height:115px;}
#BannerResources{ background:url(../images/cpi-banner-resource.jpg); width:937px; height:115px;}
#BannerSearch{ background:url(../images/cpi-banner-search.jpg); width:937px; height:115px;}
#BannerContact{ background:url(../images/cpi-banner-contact.jpg); width:937px; height:115px;}

#Sidebar{ width:325px; float:left; padding:30px 0 0 0;}
#SidebarTop{ background:url(../images/sub-side-top.gif) no-repeat; height:35px; width:325px;}
#SidebarTop h1{ color:#610504; text-transform:uppercase; font-size:15px; padding:8px 0 0 10px}
#SidebarMiddle{ background:url(../images/sub-side-middle.gif) repeat-y; padding:10px; width:305px;}
#SidebarMiddle h3{ font-size:14px;}
ul.sidebarlinks{font-weight:bold; list-style:square;}
ul.sidebarlinks li{ font-size:13px; padding:0 0 10px 0; line-height:20px}
ul.sidebarlinks li a{ text-decoration:none; color:#303030}
ul.sidebarlinks li a:hover{ text-decoration:underline; color:#610504}

#Testim{ padding:14px;}
#Testim p{ font-size:12px; line-height:18px; color:#610504}
#Testim p strong{ font-size:10px; line-height:normal; color:#610504}
#Testim h4{ padding:0 0 6px 0; color:#000;}

/**BTNS*****************************/
#BtnServices{background:url(../images/btn-staffserv.gif) no-repeat top; width:230px; height:32px; cursor:pointer; float:left; margin-bottom:8px; clear:both}
#BtnServices:hover{ background-position:bottom}
#BtnServices span{ display:none}

#BtnDev{background:url(../images/btn-staffdev.gif) no-repeat top; width:230px; height:32px; cursor:pointer; float:left; margin-bottom:8px; clear:both}
#BtnDev:hover{ background-position:bottom}
#BtnDev span{ display:none}

#BtnHr{background:url(../images/btn-hradvisory.gif) no-repeat top; width:230px; height:32px; cursor:pointer; float:left; margin-bottom:8px; clear:both}
#BtnHr:hover{ background-position:bottom}
#BtnHr span{ display:none}

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; border:1px solid #c4c3b5; padding:0; background:#fff url(../images/bg-grad.gif) repeat-x bottom}
	div.question h4{padding:4px; color:#000; font-size:12px;}
	div.question h4:hover{padding:4px; color:#fff; font-size:12px;}
	div.question.active h4{padding:4px; color:#fff; font-size:12px;}
	div.question:hover { background:#7b0706 url(../images/bg-grad-red.gif) repeat-x bottom; cursor:pointer; border:1px solid #c4c3b5;}
	div.question.active{ background:#7b0706 url(../images/bg-grad-red.gif) repeat-x bottom; border:1px solid #c4c3b5;}
	
/***********Form Styles**************/
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:180px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	.red{color:#990000;}

/***********s2k styles**************/	
.s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#000;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#000;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#000;}
.s2k_bold_2006 {font-weight:bold;color:#000;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#000;}
.s2k_footer_2006 {font-size:10px;color:#000;}
.s2k_image_2006 {border:1px solid #000;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}