﻿
html, body
{
    margin: 0;
    padding: 0;
}

body
{   
    background-color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 66%;
    text-align: center;
}

#body-wrapper { width:1024px; margin:auto; text-align:left; }
#header-wrapper {width:100%; padding: 10px 0 0 0; }
#menu-wrapper { width:100%; padding: 0 0 15px 0; text-align:left; }

#left-col { float:left; width:330px; padding-right:10px; }
#left-col hr { width:100%; color:#DCDCDC; height:1px; }
.left-content { float: right; width: 300px;}

#main-col { float:left; width:684px; } 
#mid-col { float:left; width:475px; padding-right:10px; }

#right-col { float:left; /*width:199px;*/width:165px; overflow:hidden; } 
#right-col hr { width:100%; color:#DCDCDC; height:1px; }

#jobs-loc-wrapper { float:left; width:100%; background-color:#EBECF0; padding-top: 10px; }

.jobs-loc-label { text-transform: uppercase; color:#244661; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; padding:0 0 15px 10px; }

#search-box { width:280px; padding:0 10px 0 10px; background-color:#174674; 
              background-image: url('../images/sitewide/search_top.gif'); background-repeat:no-repeat; background-position:center top; color:#fff; font-weight:bold; float:right; }
#search-box-btm { width:300px; padding:0 0 10px 0; background-color:#fff; 
              background-image: url('../images/sitewide/search_btm.gif'); background-repeat:no-repeat; background-position:center top; float:right; }
.search-item { float:left; width:280px; padding:5px 0 5px 0; }

.pnl-grey-475 { background-image: url('../images/sitewide/grey-paneltop-475.jpg'); background-repeat:no-repeat; width:455px; padding:7px 10px 4px 10px; }
.pnl-grey-165 { background-image: url('../images/sitewide/grey-paneltop-165.jpg'); background-repeat:no-repeat; width:145px; padding:7px 10px 4px 10px; }

.navy-ucase-title { text-transform: uppercase; color:#244661; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; } 










.clear{ clear:both; }

#PageWrapper
{ width: 940px; margin:10px auto 0 auto; }



.header
{ background-color: #FFFFFF; width:940px; background-image: url('/images/master/rounded_top.gif'); background-repeat:no-repeat; margin:10px auto 0 auto; }

#SearchBar
{ background-color: #4d0017; height: 69px; background-image: url('/images/master/search_bar_bg.gif'); text-align:center; }


/*
#body-wrapper
{
    background-color: #26415a; 
    background-image: url('/images/master/main_navy_page_bg.gif');
    background-repeat: repeat-x;
    width: 940px; margin:0 auto 0 auto;
}
*/

#body-top-fade { background-color: #ffffff; background-image: url('/images/master/white_fade.gif'); background-repeat: repeat-x; width: 940px; height:10px; }

.content-wrapper { background-color: #ffffff; background-image: url('/images/master/white_fade.gif'); background-repeat: repeat-x; width: 940px; }

.header-links { text-transform: uppercase; text-align: left; color: #2a4560; padding: 0 10px 0px 10px; display:block; }
.header-links a:link { color:#2a4560; text-decoration:none; }
.header-links a:visited { color:#2a4560; text-decoration:none; }
.header-links a:active { color:#d56600; text-decoration:none; }
.header-links a:hover { color:#d56600; text-decoration:none; }

.new-links { text-transform: uppercase; color: #2a4560; text-decoration:none; }
.new-links a { color:#2a4560; text-decoration:none; }
.new-links a:visited { color:#2a4560; text-decoration:none; }
.new-links a:active { color:#d56600; text-decoration:none; }
.new-links a:hover { color:#d56600; text-decoration:underline; }

.grid-job-title { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#2a455e; font-weight:bold; text-decoration:none; }
a.grid-job-title:link { text-decoration:none; color:#2a455e; }
a.grid-job-title:visited { text-decoration:none; color:#2a455e; }
a.grid-job-title:active { text-decoration:underline; color:#d56600;}
a.grid-job-title:hover { text-decoration:underline; color:#d56600;}


.search-labels
{ color: #feffd2; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0 5px 0; }

.body-div { width:920px; padding: 0 10px 0 10px; text-align:left; background-color:#ffffff; background-image: url('/images/master/rounded_bottom.gif'); background-position:bottom; background-repeat:no-repeat;  
            overflow: hidden; /* JT 15/10/2009, fix necessary because of ill fitting adtech placements */
            }

.footer-left { float:left; text-align:left; padding:4px 0 0 30px; color: #7d2a46; }
.footer-left a:link { color:#7d2a46; text-decoration:none; }
.footer-left a:visited { color:#7d2a46; text-decoration:none; }
.footer-left a:hover { color:#7d2a46; text-decoration:none; }

.footer-right { float:right; text-align:right; padding:4px 10px 0 0; color: #212c86; }
/*.footer-right a:link { color:#222866; text-decoration:none; }
.footer-right a:visited { color:#222866; text-decoration:none; }
.footer-right a:hover { color:#222866; text-decoration:none; }*/

.frm-fields { font-size: 11px; color: #353D6D; font-family: Arial, Helvetica, sans-serif; }
.frm-ddl { font-size: 11px; color: #353D6D; font-family: Arial, Helvetica, sans-serif; }

.page-titles { color: #2a455e; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:16px; }

.email-instructions
{ float: left; width: 300px; text-align:justify; color:#878787; font-size:9px; }

.pnl-cat-location
{ background-color:#ebecf0; text-transform: uppercase; color:#244661; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px;  
}

.pnl-navyfade-top
{
    background-image: url('../images/sitewide/navy_fade.gif'); background-repeat: repeat-x; height:30px;
    text-transform: uppercase; color:#FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; 
}

.pnl-navyfade-hometop
{
    background-image: url('../images/sitewide/navy_fade_475.gif'); background-repeat:no-repeat; height:25px; width:465px; padding:5px 0 0 10px;
    text-transform: uppercase; color:#FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; 
}

.pnl-navyfade-475
{
    background-image: url('../images/sitewide/navy_fade_475.gif'); background-repeat:no-repeat; height:23px; width:465px; padding:7px 0 0 10px;
    text-transform: uppercase; color:#FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; 
}

.pnl-navyfade-655
{
    background-image: url('../images/sitewide/navyfade_655.gif'); background-repeat:no-repeat; height:23px; width:645px; padding:7px 0 0 10px;
    text-transform: uppercase; color:#FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; 
}

.pnl-navyfade-683
{
    background-image: url('../images/sitewide/navyfade_683.gif'); background-repeat:no-repeat; height:23px; width:673px; padding:7px 0 0 10px;
    text-transform: uppercase; color:#FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; 
}

.pnl-navyfade-785
{
    background-image: url('/images/sitewide/navyfade_785.gif'); background-repeat:no-repeat; height:23px; width:775px; padding:7px 0 0 10px;
    text-transform: uppercase; color:#FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; 
}

.browse-links { text-align: left; color: #595959; text-decoration:none; font-size:12px; }
a.browse-links:link { color:#595959; text-decoration:none; }
a.browse-links:active { color:#eaaa03; text-decoration:none; }
a.browse-links:hover { color:#eaaa03; text-decoration:none; }


.pnl-443-body { width: 443px; float: left; padding: 5px 15px 5px 15px; text-align:justify; }

.UTV-top-banner { width:785px; height:30px; background-image: url( '/images/sitewide/utv_top_banner.gif' ); background-repeat: no-repeat; }
.UTV-top-banner-text { padding: 6px 0 0 75px; color: #709cd6; font-family: Arial, Helvetica, sans-serif; font-size:16px; display:block; width: 500px; float:left; }
.UTV-top-banner-text a:link { color:#709cd6; text-decoration:none; }
.UTV-top-banner-text a:visited { color:#709cd6; text-decoration:none; }
.UTV-top-banner-text a:active { color:#eaaa03; text-decoration:none; }
.UTV-top-banner-text a:hover { color:#eaaa03; text-decoration:none; }

.email-form-top { background-image: url( '/images/email/frm_top.gif' ); background-repeat: no-repeat; height:27px; float: left; width: 280px; text-transform: uppercase; color:#ffffff; font-size:14px; padding:5px 10px 0 10px; }
.email-form-body { background-image: url( '/images/email/frm_main_ad.png' ); background-repeat: no-repeat; height:260px; float: left; width: 300px; }
.email-form-text { padding: 5px 10px 20px 10px; color:#ffffff; text-align:justify; }
.email-form-label { padding: 0 5px 20px 10px; color:#ffffff; font-size: 12px; }
.email-form-signup-pos {position:relative;top:-20px;top:-10px;}
.email-form-email-pos {width: 300px; height:50px;padding-left:10px;padding-top:120px;}
.email-form-signup-btn {position:relative;top:-6px;left:2px;left:0px;}
.email-form-watch-ad {width:290px;text-align:right;padding-top:40px;}

.jobdesc-recruiter-panel
{ background-color: #eaecef; height: 25px; padding: 15px/* 0 0 20px*/;
  border: 1px solid #FFFFFF; width: 649px; color: #2a455e; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px
}

.jobdesc-info-panels { border-bottom:solid 1px #eaecef; padding: 10px 15px 10px 15px; width:650px;}
.jobdesc-labels { color: #2a455e; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; }

.app-form { width:600px; padding: 5px 15px 5px 15px; }
.app-form-entry { float:left; padding: 0 0 5px 100px; clear:both; width:500px; }
.app-form-entry span.label { float:left; padding:3px 10px 0px 0px; width:130px; color: #2a455e; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; }

h1 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

/* Results Gridview Styles */
.grid-view { table-layout: auto; border-collapse: collapse; } 

/* Results Gridview Pager */
.grid-pager table { text-align:center; margin:auto; } 
.grid-pager table td { border:0px; padding:0px; } 
.grid-pager td { /*border-top: #eaecef 1px solid;*/ } 
.grid-pager a { color:#6a7d8e; text-decoration:none; padding:2px 5px 2px 5px; background-color:#eaecef; border:solid 1px #eaecef; display:block; } 
.grid-pager a:hover { border:solid 1px #2a455e; } 
.grid-pager span { color: #2a455e; background-color: #ffffff; text-decoration: none; padding: 2px 5px 2px 5px; border: solid 1px #2a455e; display:block; } 

/* Results Gridview Row Styles*/ 
.grid-row td, .grid-row-alt td, .grid-row-sel td, .grid-row-edit td /*Common Styles*/ { padding:5px; } 
.grid-row td { background-color: #FFFFFF; text-align:left; vertical-align:top; border-top: #eaecef 1px solid; } 
.grid-row-alt td { background-color: #eaecef; text-align:left; vertical-align:top; } 
.grid-row-sel td { text-align:left; vertical-align:top; }
.grid-row-edit td { text-align:left; vertical-align:top; }

/* Gridview labels e.g. salary, location*/ 
.grid-labels { color: #2a455e; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; font-size:12px; }

/* Forms / Input */
.main-form-check { float:left; padding:0px; clear:both; width:600px; }
.main-form-check span.label { font-size:12px; color:#353D6D; float:left; padding:3px 10px 0px 0px; width:100px; width: /**/100px; }
.main-form-entry { float:left; clear:both; width: 600px; display:block; padding: 2px 15px 2px 55px; }
.main-form-entry span.label { float:left; padding:3px 10px 0px 0px; width:100px; width: /**/100px; }
.main-form-entry span.labelbig { font-size:12px; color:#353D6D; float:left; padding:3px 10px 0px 0px; width:123px; width: /**/123px; }
.main-form-entry input { float:left; width:250px; font-size:11px; color:#353D6D; font-family:Arial; height: 14px; }
.main-form-entry input[type="text"]{height: 14px; margin-top:3px;}
.main-form-entry input.half-size-l { float:left; width:79px; }
.main-form-entry input.half-size-r { float:left; width:79px; }
.main-form-entry select { float:left; width:255px; border:1px solid #84B2EF; color:#353D6D; font-size:11px;  }
.main-form-entry radio{ float:left; width:25px; }
.main-form-entry textarea { font-family:Arial; float:left; width:450px; font-size:11px; height:200px; color:#353D6D; font-family:Trebuchet MS, Arial; }
.main-form-button-pad{ padding:0 0px 0 180px; }
.main-form-button-pad-short{ padding:0 0px 0 100px; }
.main-form-button-submit a { display: block; width: 87px; height: 25px; background: transparent url(/images/layout/grid-header.jpg) no-repeat; } 
.main-form-button-submit a:hover { background-position: -87px 0; background: transparent url(/images/layout/grid-header.jpg) no-repeat; } 
.main-form-button-vote a { display: block; width: 87px; height: 25px; background: transparent url(/images/layout/grid-header.jpg) no-repeat; } 
.main-form-button-vote a:hover { background-position: -87px 0; background: transparent url(/images/layout/grid-header.jpg) no-repeat; } 
.main-form-button-post a { display: block; width: 140px; height: 25px; background: transparent url(/images/layout/grid-header.jpg) no-repeat; } 
.main-form-button-post a:hover { background-position: -140px 0; background: transparent url(/images/layout/grid-header.jpg) no-repeat; } 
.main-form-button-read a { display: block; width: 140px; height: 25px; background: transparent url(/images/layout/grid-header.jpg) no-repeat; } 
.main-form-button-read a:hover { background-position: -140px 0; background: transparent url(/images/layout/grid-header.jpg) no-repeat; }
.main-form-entrysm { float: left; padding: 0px 0px 0px 0px; }
.main-form-entrysm span.label { color:#353D6D; float:left; padding:3px 10px 0px 0px; width:123px; width: /**/100px; }
.main-form-entrysm input { float:left; width:160px; color:#353D6D; font-size:11px;   }
.small-submit{ background: url(/images/layout/grid-header.jpg) repeat-x top left; border:1px solid #84B2EF; margin-right:3px; font-size:10px; width:60px; padding:1px 2px; margin-top:3px; color:#006699; }
.main-form-entry2 { float:left; clear:both; width: 600px; display:block; padding: 2px 15px 2px 55px; }
.main-form-entry2 span.label { float:left; padding:3px 10px 0px 0px; width:100px; width: /**/100px; }

.checkbox { border-style: none; margin-right: 5px; }

.divSubmit { padding: 15px 0px 10px 0px; border-style: solid none solid none; border-width: 1px; border-top-color: #eaecef; border-right-color: #eaecef; border-bottom-color: #eaecef; border-left-color: #eaecef; height:30px; }


table.radiobtn_list input { float: left;}
table.radiobtn_list label { width: 120px; float: left; text-align: left; margin-right: 0.5em; margin-top: 3px; display: block; padding-left: 7px; }

#divNewsletterJobCat { padding: 10px 15px 10px 15px; width:651px; background-color:#eaecef; color: #2a455e; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; }
#divNewsletterJobTitle { padding: 3px 15px 3px 35px; width:733px; }


.double-border { /*border:1px solid #cdcdcb;*/ padding:2px; background:#eee; }


/* MY FIRST JOB */
#mfj-wrapper { width: 475px; float: left; padding-top: 10px; padding-bottom: 10px; }
#mjf-homepic { float: left; width: 150px; text-align:center; }
#mjf-homepic img  {width:140px;height:140px;}
#mfj-homecontent { float: right; width: 300px; }

/*.mfj-link a:link, .mfj-link a:visited { text-decoration:none; }*/
a.mfj-link:link, a.mfj-link:visited { text-decoration:none; color:#2a455e; font-weight:bold; }
a.mfj-link:hover { color: #d56600; }

/* JOBS LIST FOR JOB DESCRIPTION PAGE */
.list-similar-jobs { list-style-type: square; height:10px; }


/* SPONSORED LINKS */
.spons-panel { width: 150px; margin: auto; text-align: center; float:left; }


/* CAREER CLUB LINK */
a.CareerClubLink:link, a.CareerClubLink:visited { text-decoration:none; color:#686868; }
a.CareerClubLink:hover { color: #2a455e; }


/* MISC */
.txt-justify { text-align:justify; }
.no-border { border:none !important; }


/* TESTIMONIALS UL */
#ul-test { list-style-type: square; text-indent: 5px; }
#ul-test li { padding-bottom:5px; }
#ul-test li a { text-decoration: none; color: #2a4560; }
#ul-test li a:hover { text-decoration: none; color:#d56600; }


/* SOCIAL NETWORKING */
.social-follow { padding: 10px 0; text-align:left; background-color:#EBECF0; margin:10px 0 5px 0; width:300px; float:right; }
.social-follow img { border:none; }
.social-follow a { margin-left:10px; }
.social-follow h1 { padding-left:10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }

/*JOBS FOR U */
.jobsforu {background:url('../../images/sitewide/jobwall_bg.jpg') no-repeat top left;height:280px;}
.jobsforu span.jwlist span{display:block;float:left;height:53px;padding-left:18px;padding-top:15px;width:50px;}
/*.jobsforu-wall-item{height:120px;padding-top:20px;font-size:12px;float:left;width:170px;}
.jobsforu-wall-item div.details{float:left;width:105px;overflow:hidden;}
.jobsforu-wall-item span.company{font-size:10px;color:#B30B43}*/
.jobsforu-head{background:url('/images/sitewide/jobwall_head3.jpg') no-repeat top left; height:30px;width:301px;}
.jobsforu-head a {padding:8px 10px 0 10px;color:White;font-weight:bold;text-decoration:none;font-size:110%;display:block;}
.tooltip {display:none;background:transparent url(/images/icons/black_arrow.png) no-repeat;font-size:12px;height:90px;width:180px;padding:15px 15px 25px 15px;color:#fff;}
.editspan{width:150px}
.jobsforu-container {background:#F5F6F8;padding:12px 0;width:681px;border-left:1px solid #D4D9DD;border-right:1px solid #D4D9DD;}
.jobsforu-card {background:white;width:302px;height:100px;margin:0 0 12px 12px;padding:8px;background:url(/images/sitewide/jobwall_card.jpg) no-repeat;float:left;}
.jobsforu-card .details {float:right;overflow:hidden; width:185px;}
.jobsforu-card .details a {display:block;width:185px;background:url(/images/sitewide/navy_boxed_arrow.gif) 100% 0 no-repeat;height:20px;padding-top:4px;}
.jobsforu-wall-item{float:left;}
.jobsforu-pager {margin:0 0 10px 30px;}
.jobsforu-pager a { color:#6a7d8e; text-decoration:none; padding:2px 5px 2px 5px; background-color:#eaecef; border:solid 1px #eaecef;float:left; } 
.jobsforu-pager a:hover { border:solid 1px #2a455e; } 
.jobsforu-pager span span { color: #2a455e; background-color: #ffffff; text-decoration: none; padding: 2px 5px 2px 5px; border: solid 1px #2a455e; float:left;} 
.jobsforu-container-footer {padding-top:5px;}
.jobsforu-email {float:right;margin-right:10px;}