/* transtechs screen css */
/* All CSS coded to work on top of the blueprint css framework v0.8 */
/* For more information, visit www.blueprintcss.org */

body { text-align: center; margin: 0px; background: #0e3a5f url( '../images/background-100x773.jpg' ) repeat-x; }
.container { text-align: left; background: transparent url( '../images/background-950x50.gif' ) repeat-y; }
.overall { background: transparent; margin-top: 0px; }
.push-1 { margin-bottom: 1em; }


/* ****************************** 
header & marquee
****************************** */

.masthead 			{ height: 90px; margin-bottom: 0em; }
.masthead-logo			{ display: inline; float: left; width: 630px; height: 90px; padding-top: 15px;}
.masthead-logo a		{ }
.masthead-search		{ display: inline; float: left; width: 230px; text-align: right; }
.masthead form			{ display: inline; float: right; margin: 5px 1px 0 0; }

.primary-navigation		{ z-index: 50; display: inline; float: left; width: 870px; border-bottom: solid 2px #58b; background: #0e3a5f url( '../images/background-nav-9x36.gif' ) repeat-x; }

.marquee				{ display: inline; float: left; width: 870px; width: 870px; height: 216px; }



/* three box gateways */
.perfect-job, 
.employers, 
.mailing-list			{ display: inline; float: left; height: 104px; border: solid 2px #bdd3ea; }

/* 7cols x 40(col width) - gutter(10px) - border width(x2) */

.perfect-job			{ width: 266px; background: #a7bfd9 url( '../images/gateway-perfect-job-297x126.jpg' ); }
.perfect-job h2			{ text-align: center; width: 160px; font: 900 1.35em/1em arial; margin: 6px 0 3px 84px; color: #0e3a5f; }
.perfect-job p			{ text-align: center; width: 160px; font: 100 1.15em/1.25em arial; color: #0e3a5f; margin: 0 6px 6px 84px; }
.perfect-job ul			{ list-style-type: none; width: 160px; margin: 0 0 0 84px; }
.perfect-job li			{ height: 36px; }
.perfect-job li a			{ display: block; height: 36px; text-align: center; font: normal 1.15em/30px 'trebuchet ms'; color: #fff; text-decoration: none; background: transparent url( '../images/btn-gateway-160x36-off.png' ) no-repeat; }
.perfect-job li a:hover		{ background: transparent url( '../images/btn-gateway-160x36-hover.png' ) no-repeat; }
.perfect-job li a:active		{ background: transparent url( '../images/btn-gateway-160x36-active.png' ) no-repeat; }

.employers				{ width: 306px; background: #a7bfd9 url( '../images/gateway-employers-297x126.jpg' ) no-repeat; }
.employers h2			{ text-align: left; width: 160px; font: 900 1.35em/1em arial; margin: 6px 0 3px 126px; color: #0e3a5f; }
.employers p			{ text-align: left; width: 160px; font: 100 1.15em/1.25em arial; color: #0e3a5f; margin: 0 6px 6px 126px; }
.employers ul			{ list-style-type: none; width: 160px; margin: 0 0 0 124px; }
.employers li			{ height: 36px; }
.employers li a			{ display: block; height: 36px; text-align: center; font: normal 1.15em/30px 'trebuchet ms'; color: #fff; text-decoration: none; background: transparent url( '../images/btn-gateway-160x36-off.png' ) no-repeat; }
.employers li a:hover		{ background: transparent url( '../images/btn-gateway-160x36-hover.png' ) no-repeat; }
.employers li a:active		{ background: transparent url( '../images/btn-gateway-160x36-active.png' ) no-repeat; }

.mailing-list			{ width: 266px; background: #a7bfd9 url( '../images/gateway-newsletter-297x126.jpg' ); }
.mailing-list h2			{ text-align: center; width: 220px; font: 900 1.35em/1em arial; margin: 6px 0 6px 36px; color: #0e3a5f; }
.mailing-list p			{ text-align: center; width: 190px; font: 100 0.95em/1.15em arial; color: #0e3a5f; margin: 0 6px 6px 50px; }
.mailing-list form		{ margin: 0 0 0 36px; }



/* two box info */

.testimonials,
.job-display			{ display: inline; float: left; width: 426px; height: 144px; border: solid 2px #bdd3ea; background-color: #bdd3ea; }

.testimonials-header		{ height: 36px; background: #a7bfd9 url( '../images/testimonials-background.gif' ) no-repeat; }
.testimonials-header p	{ font: 100 1.5em/36px arial; letter-spacing: .05em; margin: 0 0 0 12px; color: #fff; }
.testimonials-logo		{ display: inline; float: left; text-align: center; width: 156px; margin: 12px 10px 0 0; border: solid 0px red; }
.testimonials-text table		{ width: 100%; border: solid 0px orange; }
.testimonials-text table img	{float:left; margin: 0px;}
.testimonials-text h2		{ font: 900 1.15em/1em arial; margin: 14px 0px 6px 0 ; color: #0e3a5f; }
.testimonials-text p		{ font: 100 1.00em/1.35em arial; margin: 0 0px 3px 0; color: #0e3a5f; }


/* footer halves */
.footer				{ display: inline; float: left; width: 870px; height: 36px; background-color: #0a5994; }

.links					{ display: inline: float: left; }
.links ul				{ list-style-type: none; margin: 0; margin-left: 18px; }
.links li				{ display: inline; font: normal 1em/36px arial; border-right: solid 1px #58b; margin-right: 3px; padding-right: 6px; color: #fff; }
.links li.ul_link_list_1_link_list_last				{ border-right: none; }
.links li a				{ color: #69c; text-decoration: none; }
.links li a:hover			{ color: #9cf; text-decoration: underline; }

.copyright				{ display: inline: float: left; text-align: right; }
.copyright ul			{ list-style-type: none; margin: 0; margin-left: 18px; margin-right: 12px; }
.copyright li			{ display: inline; font: normal 1em/36px helvetica, arial; color: #69c; border-right: solid 1px #58b; margin-right: 3px; padding-right: 6px; }
.copyright li.ul_link_list_2_link_list_last				{ border-right: none; }
.copyright li a			{ color: #69c; text-decoration: none; }
.copyright li a:hover		{ color: #9cf; text-decoration: underline; }

.spacer				{ background-color: transparent; height: .5em; }


/* ****************************** 
interior page content
****************************** */

.category-nav			{ display: inline; float: left; width: 190px; }
.category-nav img		{ margin: 0 0; }
.nav-box				{ margin: 6px 0 0 0; padding-bottom: 12px; background: #fff url( '../images/nav-box-background-6x360.gif' ) repeat-x; border: solid 2px #bdd3ea; }
.nav-box h2			{ text-align: center; font: 1.50em/36px arial; color: #fff; background: #fff url( '../images/nav-box-header-background-6x36.gif' ) repeat-x; }
.nav-box ul				{ margin: 0 0 0 24px; }
.nav-box li				{ font: 900 1.1em/21px arial; color: #0b3a64; list-style-image: url( '../images/nav-list-bullet-6x9.gif' ); }
.nav-box li a			{ color: #0b3a64; text-decoration: none; }
.nav-box li a:hover		{ color: #ea8c19; }
.nav-box li#active a			{ background: url( '../images/nav-list-bullet-6x9.gif' ) no-repeat 0 2px; margin-left: -9px; padding-left: 9px; color: #ff9900; }

.nav-box-right				{ margin: 6px 0 0 0; padding-bottom: 12px; background: #ddedfc url( '../images/gateway-job-locations-231x432.jpg' ) repeat-x -2px 12px; border: solid 2px #bdd3ea; }
.nav-box-right h2			{ text-align: center; font: 1.50em/36px arial; color: #fff; background: #fff url( '../images/nav-box-header-background-6x36.gif' ) repeat-x; }
.nav-box-right ul				{ margin: 0 0 0 72px; list-style-type: none; }
.nav-box-right li				{ font: 900 1.1em/21px arial; color: #0b3a64; }
.nav-box-right li a			{ color: #0b3a64; padding: 0 0 0 12px; text-decoration: none; }
.nav-box-right li a:hover		{ color: #ff9900; }
.nav-box-right li#active-job a	{ background: url( '../images/nav-list-bullet-6x9.gif' ) no-repeat 0 2px; padding: 0 0 0 12px; color: #ff9900; }


.page-content			{ display: inline; float: left; width: 426px; margin: 0 0 14px 0; padding-bottom: 9px; border: solid 2px #bdd3ea; }
.page-content h1		{ font: normal 2.10em/1.15em arial; color: #0b3a64; margin: 12px 12px 3px 12px; }

.page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6
					{ line-height: 1.15em; margin: 0px 12px 0px 12px; color:  #0b3a64; } 

.page-content h2		{ font-size: 1.50em; }
.page-content p			{ font: normal 1.15em/1.35em arial; color: #000000; margin: 0 12px 12px 12px; }
.page-content ul			{ margin: 0 0 12px 27px; }
.page-content li			{ font: 100 1.1em/21px arial; padding: 0 0 0 9px; list-style-image: url( '../images/nav-list-bullet-6x9.gif' ); }
.page-content li a		{ color: #000000; text-decoration: none; }
.page-content li a:hover	{ color: #ea8c19; }


.gateway				{ display: inline; float: left; width: 230px; }

.find-mechanic, 
.lower-risk, 
.mailing-list2, 
.join-team, 
.recruiter					{ width: 226px; margin: 0 0 12px 0; border: solid 2px #bdd3ea; }

.find-mechanic			{ height: 126px; background: #a7bfd9 url( '../images/gateway-find-mechanic-231x126.jpg' ) no-repeat; }
.find-mechanic h2		{ font: 900 1.60em/1em arial; margin: 9px 0 12px 60px; color: #0e3a5f; }
.find-mechanic p			{ text-align: right; font: 100 1.15em/1.25em arial; color: #0e3a5f; margin: 0 18px 0 60px; }
.find-mechanic ul		{ list-style-type: none; width: 160px; margin: 6px 0 0 60px; }
.find-mechanic li			{ height: 36px; }
.find-mechanic a			{ display: block; height: 36px; text-align: center; font: normal 1.15em/30px 'trebuchet ms'; color: #fff; text-decoration: none; background: transparent url( '../images/btn-gateway-160x36-off.png' ) no-repeat; }
.find-mechanic a:hover	{ background: transparent url( '../images/btn-gateway-160x36-hover.png' ) no-repeat; }
.find-mechanic a:active	{ background: transparent url( '../images/btn-gateway-160x36-active.png' ) no-repeat; }

.lower-risk				{ height: 126px; background: #a7bfd9 url( '../images/gateway-lower-risk-231x126.jpg' ) no-repeat; }
.lower-risk h2			{ font: 900 1.60em/1.15em arial; margin: 9px 0 12px 12px; color: #0e3a5f; }
.lower-risk ul			{ list-style-type: none; width: 160px; margin: 30px 0 0 60px; }
.lower-risk li			{ height: 36px; }
.lower-risk a			{ display: block; height: 36px; text-align: center; font: normal 1.15em/30px 'trebuchet ms'; color: #fff; text-decoration: none; background: transparent url( '../images/btn-gateway-160x36-off.png' ) no-repeat; }
.lower-risk a:hover		{ background: transparent url( '../images/btn-gateway-160x36-hover.png' ) no-repeat; }
.lower-risk a:active		{ background: transparent url( '../images/btn-gateway-160x36-active.png' ) no-repeat; }

.mailing-list2			{ height: 170px; background: #a7bfd9 url( '../images/gateway-mailing-list-231x170.jpg' ) no-repeat; }
.mailing-list2 h2			{ text-align: left; font: 900 1.60em/1.15em arial; margin: 9px 0 12px 12px; color: #0e3a5f; }
.mailing-list2 p			{ text-align: right; font: 100 1.25em/1.25em arial; color: #0e3a5f; margin: 0 12px 12px 12px; }
.mailing-list2 form		{ text-align: right; margin: 0 12px 0 36px; }

.join-team				{ height: 126px; background: #a7bfd9 url( '../images/gateway-join-team-231x126.jpg' ) no-repeat; }
.join-team h2			{ font: 900 1.60em/1em arial; margin: 9px 0 12px 60px; color: #0e3a5f; }
.join-team p			{ text-align: left; font: 100 1.15em/1.25em arial; color: #0e3a5f; margin: 0 18px 0 60px; }
.join-team ul			{ list-style-type: none; width: 160px; margin: 6px 0 0 60px; }
.join-team li			{ height: 36px; }
.join-team a			{ display: block; height: 36px; text-align: center; font: normal 1.15em/30px 'trebuchet ms'; color: #fff; text-decoration: none; background: transparent url( '../images/btn-gateway-160x36-off.png' ) no-repeat; }
.join-team a:hover		{ background: transparent url( '../images/btn-gateway-160x36-hover.png' ) no-repeat; }
.join-team a:active		{ background: transparent url( '../images/btn-gateway-160x36-active.png' ) no-repeat; }

.recruiter				{ height: 126px; background: #a7bfd9 url( '../images/gateway-recruiter-231x126.jpg' ) no-repeat; }
.recruiter h2			{ font: 900 1.40em/1em arial; margin: 9px 0 12px 60px; color: #0e3a5f; }
.recruiter p			{ text-align: left; font: 100 1.15em/1.25em arial; color: #0e3a5f; margin: 0 18px 0 64px; }
.recruiter ul			{ list-style-type: none; width: 160px; margin: 6px 0 0 60px; }
.recruiter li				{ height: 36px; }
.recruiter a				{ display: block; height: 36px; text-align: center; font: normal 1.15em/30px 'trebuchet ms'; color: #fff; text-decoration: none; background: transparent url( '../images/btn-gateway-160x36-off.png' ) no-repeat; }
.recruiter a:hover		{ background: transparent url( '../images/btn-gateway-160x36-hover.png' ) no-repeat; }
.recruiter a:active		{ background: transparent url( '../images/btn-gateway-160x36-active.png' ) no-repeat; }

/* jobs page */

.job-listing				{ padding: 12px 0 12px 12px; background-color: #fff; }
.job-listing h2			{ font-weight: 500; margin: 0 0 9px 0; }
.job-listing table			{ width: 400px; }
.job-listing td			{ font: normal 1.2em/18px arial; color: #444; padding: 3px 3px 3px 0; }
.job-listing td.position		{ font: 900 1.75em/1em arial; color: #0b3a64; }
.job-listing td.status		{ text-align: right; font-weight: bold; color: #0b3a64; }
.job-listing td.label		{ font-weight: bold; }
.job-listing td.emphasis	{ font-weight: bold; color: #0b3a64; }


#text_form_1 
{
    margin-left: 17px;
    padding-left: 10px;
    font: normal 90%/120% arial; margin: 0 0 18px 0px; color: #555;
    }
#text_form_1 .label_holder
{ 
    font-size :10pt; 
   /* color: black; */
    font-weight:bold; 
    display: inline;
    width: 450px;
    float: left;
    line-height: 22px;
    padding-top: 10px;   
}

.form_hint_holder { width:430px; display:inline; padding: 0 0 15px 5px; font-style:italic; float: left;}
.form_entry
{  
    float: left;
    text-align: left;
    padding-bottom: 5px;
}
#text_form_1 input, textarea
{  
    float: left;
    display: inline;
}
.submit
{
    width: 430px;
    float: left;
}
.Error_Message { padding-left: 15px; color: Red;}
.ul_site_map_1 li 
{
    margin-left: 20px; 
}
#search_box {display: inline; margin-right: 3px;}
#search_submit_button {display: inline; margin: 0px; padding: 0px;}
#search_result_message {margin-left: 10px;}
#job_search_result_message {font-size:13pt;}
.job_search_result_location {display:inline; font-size: 9pt;}
.job_search_result_description {font-size: 10pt; color:#666;}
.job_search_result_title a, .job_search_result_title a:visited, #job_search_result_alert a, #job_search_result_alert a:visited{color:#a51410; text-decoration:none; font-weight:bold;}
.job_search_result_title a:hover,  #job_search_result_alert a:hover{color:#a51410; text-decoration:underline; font-weight:bold;}
#job_search_result_alert {color:#666; font-size:9pt;}

#search_result_message 
{
    padding-top: 20px;
}

#search_result li {margin-left: 5px;}
.search_result_description		{ font: normal 1.0em/1.30em arial; margin: 0 0 3px 0; color: #777; }

#text_5_body { margin-top: 10px;}
/* category_latest */
.category_latest_item_1 
{
	border-bottom:solid 1px #ddffaa;
	width:100%;
	padding-bottom:5px;
	display:block;
	float:left;
}
h2.category_latest_title_1 
{
	padding:0;
	margin: 20px 0 0 0;
	line-height:100%;
	font-family:Arial;
	font-size:12pt;
	color:#70ba39;
	width:100%;
	display:block;
	float:left;	
}
.category_latest_title_1 a:link, .category_latest_title_1 a:visited, .category_latest_title_1 a:active
{
	color:#70ba39;
	text-decoration:none;
}
.category_latest_title_1 a:hover
{
	color:#888;
	text-decoration:underline;
}

/* jobs */

#jobs_1 ul, #job_details ul {padding:0 0 5px 0; margin:0; display:inline; float:left;}

#jobs_1, #job_details 
{
    width: 426px;
    display: inline;
    float: left;
    background-color: #d7e8fa;
    padding: 0 0 10px 0px;
    margin: 0 0 -9px 0;
    color: #444; 
	/*margin-left:12px;*/
}
#jobs_1_list, .job_ul_even, .job_ul_odd, .job
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 406px;
    display: inline;
    float: left;
}
#jobs_1_list .job_ul_odd { padding-left: 10px; }
#jobs_1_list .job_ul_even { background-color: #fff; margin: 0; padding: 0 10px 0 10px;}
#jobs_1 li, #job_details li {width: 400px; display:inline; list-style-type:none; margin: 0px; padding: 0px; }
#job_details .job_state_li, #job_details .job_city_li { width: 200px; }
#job_details .job_position_name_ul { width: 400px; }

#job_details .job_state_li { float: left; }
#job_details { margin-top: 10px; }
.job 
{
float: left;
padding:0;	
margin: 0;
width: 406px;
display: inline;
color:#222;
}
.job_ul, .job_title_li {padding: 0px; margin: 0px; float: left; display: inline;}
.job_title_ul 
{
	display: inline;
    margin: 0; 
    float: left;
}

#jobs_1_list .job_title_value, #jobs_1_list .job_title_value a
{
    font: 900 1.25em/1em arial; color: #0b3a64; 
    margin: 15px 0 7px 0px; 
	padding: 0;
	float:left;
	display:inline;
}
.job_display_status_li, .job_description_li, .job_custom_3_li { float: left; display: inline; width: 406px;}
#jobs_1_list .job_display_status_value, #jobs_1_list .job_city_value, #jobs_1_list .job_position_name_value, #jobs_1_list .job_state_value, #jobs_1_list .job_custom_2_value, 
#job_details_list .job_display_status_value, #job_details_list .job_position_name_value, #job_details_list .job_state_value, #job_details_list .job_custom_2_value {font: 900 1.0em/1em arial; color: #0b3a64;}

#jobs_1_list .job_display_status, #jobs_1_list .job_city, #jobs_1_list .job_position_name, #jobs_1_list .job_custom_2, #jobs_1_list .job_description, #jobs_1_list .job_custom_3, 
#job_details_list .job_display_status, #job_details_list .job_city, #job_details_list .job_position_name, #job_details_list .job_custom_2, #job_details_list .job_description, #job_details_list .job_custom_3 {font-weight: bold; color:#444;}

#jobs_1_list .job_city_ul {float: left;}
#jobs_1_list .job_position_name_ul {width: 400px;}

.job_custom_2_li { display: inline; width:410px; float: left;}
#ul.apply_for_job {}
.apply_for_job a				{ width: 125px; display: block; text-align: center; margin: 0px; padding: 0; font: normal 1.00em/30px 'trebuchet ms'; color: #fff; 
						text-decoration: none; background: transparent url( '../images/btn-gateway-apply-125x26-off.png' ) no-repeat 3px 0; margin-top: 10px;}
.apply_for_job a:hover			{ width: 125px; background: transparent url( '../images/btn-gateway-apply-125x26-hover.png' ) no-repeat 3px 0; }
.apply_for_job a:active			{  width: 125px; background: transparent url( '../images/btn-gateway-apply-125x26-active.png' ) no-repeat 3px 0; }

.tellfriend a			{ width: 125px; display: block; height: 36px; text-align: center; margin: 0px; padding: 0; font: normal 1.00em/30px 'trebuchet ms'; color: #fff; 
						text-decoration: none; background: transparent url( '../images/btn-gateway-tell-125x26-off.png' ) no-repeat 3px 0; margin-top: 10px;}
.tellfriend a:hover		{  width: 125px; background: transparent url( '../images/btn-gateway-tell-125x26-hover.png' ) no-repeat 3px 0; }
.tellfriend a:active		{ width: 125px;  background: transparent url( '../images/btn-gateway-tell-125x26-active.png' ) no-repeat 3px 0; }

#job_details_list .job_details_ul {padding-left: 10px; padding-top: 10px;}
.apply				{ margin-top: 9px; }
/* end of jobs */

/* home page latest jobs 
#module_latest_jobs_1 { width: 335px; background-color: #fff; }*/

.job-display-header		{ height: 36px; background: #a7bfd9 url( '../images/latest-jobs-background.gif' ) no-repeat; }
.job-display-header p		{ font: 100 1.5em/36px arial; letter-spacing: .05em; margin: 0 0 0 12px; color: #fff; }
.module_latest_job_row_odd		{ float:left; display:inline; width: 426px; margin: 0; padding: 2px 0px;}
.module_latest_job_row_even 		{ float:left; display:inline;  width: 426px; margin: 0; background-color: #a7bfd9;; padding: 2px 0px;}

.lj_job_title 			{ width: 150px; font-weight: 500; font-size: .9em; float:left; padding: 3px 0 0 9px; }
.lj_city_state 			{ display:inline; width: 120px; font-weight: 500; font-size: .9em; float:left; padding: 3px 0 0 9px; }
.lj_more { display:inline; float:right; width: 55px; padding: 3px 9px 3px 0;}
.lj_more a { font-weight: 500; font-size: .9em; text-decoration: underline; }
.lj_more a:hover { text-decoration: underline;}
.lj_apply { display:inline; float:right; width: 55px; padding: 3px 9px 3px 0;}
.lj_apply a { font-weight: 500; font-size: .9em; text-decoration: underline;}
.lj_apply a:hover { text-decoration: underline;}
/* end latest jobs */

.blue					{ background-color: #d7e8fa; }