/*Jobs Page
Updated 4/20/2009*/

.header-logo{
    background: url(/images/2009/jobsLogo.jpg) no-repeat;
    height:80px;}

#logo
{
    width:600px;}
    
.classified-page{
    border:1px solid #ccc;
    float:left;
    width:100%;}

img{border:none;}

img a{border:none;}

/*Promo-temp link
#promo-link{
    font-size:14px;
    float:left;
    margin-top:20px;}
    
#promo-link a{
    border-bottom:1px solid;}*/

/*top employer slides*/
#top-leader {
    float:left;
    height:90px; 
    width:83%;
    border:1px solid #ccc;
    background: #e3ebf3;
    margin:12px 0 0 0;}
    
#top-leader h4{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-style:italic;
    width:170px;
    float:left;
    font-size:14px;
    color:#444444;
    margin:12px 0 0 10px;
    #margin-left:5px;}
  
.slide-Ads{
    float:right;
    width:610px;
	margin: 5px 5px 0px;}
     
.slide-Ads form{
    padding:0;}  

.slide-Ads img{
    margin-right:10px;
    margin-top:3px;} 
        
a:link img, a:hover img, a:active img, a:visited img {
    border:none; }     

     
#button-left{
    margin-top:34px;
    margin-right:5px;
    float:left;}

#button-right{
    float:right;
    margin-top:-45px;}
/*End Slides*/

/*for special button*/
#main-nav img{
    float:right;
    padding:0;
    height:15px;}

.header-bottom {
   background: url(/images/2009/jobsMenuGrad.gif) repeat-x;}

#main-nav #virtual-ad a:hover{   
    background:none;
    border:none;}
    
#div-jobs-page h3{
    color:#cc3333;
    font-size:15px;}

#div-jobs-page h3 a{
    color:#cc3333;}
    
/*index page*/


#div-top-box{
    float:left;
    margin-bottom:10px;}
        
.job-box{
    float:left;
    height:165px;
    margin-bottom:10px;
    background-color:#E3EBF3;}

.job-box h3{
    font-size:14px;
    padding:2px 0 2px 4px;
    background: url(http://www.roanoke.com/images/2008/jobsGrad.jpg) repeat-x;}

#popular-jobs{
    float:left;
    width:305px;
    border-right:1px solid #fff;
    padding:0;}

#popular-jobs h3 a{
    font-size:10px;
    color:#000;  
    border-bottom:1px solid;
    margin-left:50px;}

#popular-jobs h3 a:hover {
    color: #000099;
    text-decoration: none; 
    border-bottom:1px solid #000099;}

#times-jobs{
    float:left;
    font-size:11px;
    margin:0 0 0 10px;}

#times-jobs a{
    font-size:12px;}
    
#jobs-search{
    float:left;
    width:295px;
    background-color:#E3EBF3;
    padding:0px;
    border-right:1px solid #fff;}
 
#jobs-search h3 a{
    font-size:10px;
    color:#000;  
    border-bottom:1px solid;
    margin-left:95px;}
    
#jobs-search h3 a:hover {
    color: #000099;
    text-decoration: none; 
    border-bottom:1px solid #000099;}

#jobs-search form{
    padding:7px;}

#jobs-search p{
    font-weight:bold;
    margin:0;}

.input{
    width:276px;
    color:#444444;
    float:left;
    margin:0px 0 5px 0;
    clear:both;}  

#searchBtn{
    vertical-align:bottom;
    margin-left:185px;
    margin-bottom:0;}  

.jobs-keys{
    margin-bottom:10px;
    #margin-bottom:0;} 

.jobs-keys p{
    margin-bottom:5px;} 

#keyword-search{
    float:left;}

.jobs-list{
    list-style:none;
    float:left;
    margin-bottom:10px;}

#jobsearch select{
    width:280px;
    margin-top:5px;
    margin-bottom:10px;}
    
#seeker-login{
    width:150px;
    background: #e3ebf3 url(/images/2009/mouse.gif) no-repeat 60px 100px;}

#seeker-login a{
    color:#000;
    border-bottom:1px solid;
    margin-left:10px;
    font-size:11px;
    font-weight:bold;}

#seeker-login a:hover {
    color: #000099;
    text-decoration: none; 
    border-bottom:1px solid #000099;}

a#seeker{
    text-align:center;
    color: #003399;
    border:none;
    display:block;
    margin:15px 10px; }

#seeker-login label{
    color:#cc3333;
    font-weight:bold;}

/*Media Kit*/
/*#div-media-kit{
    border:1px solid #c53632;
    float:left;
    width:175px;
    height:162px;
    margin-left:10px;
    background:#e0e0e0;}

#div-media-kit h4{
    color:#fff;
    text-align:center;
    background:#c53632;
    padding:2px;
    margin: 0;}

#div-media-kit p{
    font-size:.95em;
    margin: 5px 3px;
    text-align:center;}

#div-media-kit img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
    margin-top:5px;}

#div-media-kit a{
    color:#000;
    margin-left:5px;
    font-size:.95em;
    border-bottom:1px solid;
    text-align:left;
    line-height:20px;}

#div-media-kit a:hover{
    color:#000099;}*/
/*Promo Ad*/
#div-media-kit{
    float:left;
    margin-top:0;
    margin-left:10px;
    padding:0;}


/*Employer page*/
#popular-jobs p{
    padding:5px;
    margin-bottom:0;}

#popular-jobs img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;}

#popular-jobs .candidate {
    margin-left:5px;
    color:#cc3333;
    font-weight:bold;
    font-style:italic;
    border-bottom:1px solid;}

#div-employer-login{
    margin-top:0px;}    

#div-employer-login label{
    margin-left:5px;}    
    
#div-employer-login a{
    font-size:11px;
    margin-left:6px;}

#div-employer-login input{
    margin-bottom:5px;}

#login-img{
    float:right;}

#seeker-login p{
    text-align:center;
    margin:8px 5px;
    font-weight:bold;}

#div-media-kit ul{
    list-style:none;
    padding:0;
    margin:5px 0 0 2px;}

#div-media-kit li{
    padding:5px 0;}

#div-media-kit label{
    font-weight:bold;}

.media-info{
    width:270px;
    float:left;
    margin-bottom:10px;
    padding:2px 5px 10px 3px;}
    
#div-employer-page h3{
    background: url(/images/2009/mediaHeader.jpg) no-repeat;
    height:44px;
    width:275px;
    border-bottom:none;
    color:#fff;
    text-align:center;
    font-size:19px;
    vertical-align:bottom;
    padding-top:8px;}

.media-info p{
    font-size:12px;
    font-style:italic;
    font-weight:bold;
    margin:0 0 4px 10px;}

.media-info ul{
    margin:0 0 15px 28px;
    list-style: url(/images/2009/jobsListStyle.jpg);}

.media-info h4{
    color:#003366;
    margin:0px 0 0 10px;
    font-size:13px;}


.media-info label, label a{
    color:#cc3333;
    font-weight:bold;
    margin-left:5px;}

.media-info label a{
    border-bottom:1px solid;
    margin-right:70px;}

#div-left-media{
    float:left;
    width:250px;
    margin-right:15px;}

#div-right-media{
    float:right;}

.jobs-promo{
    margin-top:10px;    
    margin-bottom:10px;}
        
/*End Employer Page*/    

#content-menu{
    width:490px;
    border-right:1px solid #fff;}

#content-menu h3{
    text-align:center;}

#div-resources h4{
    margin-top:10px;
    font-size:13px;}

#div-resources img{
    float:left;
    margin:10px 20px 5px 5px;}

#div-resources li{
    list-style:none;
    font-weight:bold;
    margin-right:5px;}

#all-articles{
    float:right;
    margin-right:5px;
    border-bottom:1px solid;
    margin-top:30px;}

/*left-middle*/
#div-left-jobs{
    float:left;
    width:610px;}
 
#div-left-jobs h3{
    border-bottom:1px solid;}
    
#div-clips{
	width:280px;
	float:left;
	margin-left:0px;}

/*Featured jobs & Sponsored Employer*/

.jobs-featured{
    float:left;
    padding: 0 5px;
    width:290px;
    margin-left:20px;}


/*Job Widget*/
.featured{
    width:290px;
    height:200px;}

#first{
    width:290px;
    height:265px;
    overflow:hidden;}

.jobs-tips{
    float:left;
    clear:left;
    width:590px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:10px;}
   
.jobs-tips ul{
    float:left;
    width:270px;
    margin-left:0px;
    margin-right:20px;
    list-style:none;}

.promo{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;}

.promo a{
    border:none;}

.promo img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:0;}
    
#div-right-jobs{
    float:right;
    margin:0;
    width:300px;}
    
.employers-featured{
    float:left;
    width:280px;
    height:200px;
    margin-top:20px;
    margin-left:25px;
    background: url(http://www.roanoke.com/images/2009/employerVideoBackground.jpg) no-repeat;}


.employers-featured form{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:250px;
    margin-top:55px;}

.employers-featured h4{
    padding:0;
    float:left;
    margin-top:15px;
    margin-left:40px;
    width:250px;
    border:none;}

.employers-featured h4 a{
    color:#cc3333;
    font-size:15px;}

.employers-featured img{
    border:none;
    margin-top:0px;}  
    
#imageLinkVideo{
    float:left;
    margin-left:14px;}

.employers-featured a{
    border:none;}
    
.employers-featured a:hover{
    border:none;}  


#link-prev{
    float:left; 
    margin-top: 40px;}

#link-next{
    float:right;
    margin-top:40px;}

/*calendar*/
.jobs-calendar{
    float:right;
    width:300px;
    margin-top:0px;
    border:1px solid #c53632;}

.jobs-calendar img{
    float:left;}

.jobs-calendar h4{   
    font-size:15px;
    color:#fff;
    text-align:center;
    background:#c53632;
    padding:2px;
    margin:0;}

.jobs-calendar iframe{
    padding:5px;
    #padding:0;}
            


/*Security tips page*/
#security-tips{
    width:580px;
    margin:10px 0 0 10px;
    border:1px solid #cccccc;
    padding:10px;}

#security-tips h5{
    font-size:12px;
    font-weight:normal;
    margin-bottom:0;
    margin-top:5px;}

#security-tips h4{
    margin-top:20px;}

/*Special Styles for peel back ads to overwrite styles in global*/
#pre-header {
    height:108px;
    padding:0;}

#top-side-block {
    width:95px;
    margin-top:12px;}

/*Search Links Page*/
    
.more-searches ul{
    width:170px;
    float:left;
    color:#cc3333;
    list-style:disc;}

.more-searches li{
    list-style-type:disc;
    margin-left:15px;
    margin-right:0;}

.more-job-searches{
    margin-left:350px;
    font-size:11px;}


/*Employment sponsors*/
.group1{
    visibility: hidden;
    float:left;
    width:600px;
    height:160px;
    background:#fff url(/images/2008/sponsoredGrad.jpg) repeat-y; 
    padding:5px;
    margin-bottom:10px;}

.group1 img{
    padding:5px;
    float:left;
    border:2px outset #fff !important;
    margin-right:10px;
    margin-bottom:20px;}

.group1 p{
    margin-top:0px;
    font-size:13px;
    padding-right:10px;}

.group1 a {
    font-size:12px;
    border-bottom:1px solid;}

#sponsoredH3{
    margin-top:4px;
    margin-bottom:10px;
    margin-right:10px;}
    
/*Index menu*/
#div-navigation{
    margin-top:0;
    float:left;
    margin-left:10px;}

#div-navigation li{
    text-align:right;
    list-style:none; 
    list-style-position:inside;
    margin:.2em .1em 0 .13em;
    padding:.25em .0em 0 .0em;}

/*index Pages*/
#div-content-left {
    float:left;
    width:620px;
    margin-top:10px;}

#div-ads-right{
    float:right;
    width:310px;
    padding:0;
    margin:0;}

.jobs-categories{
    float:left;
    width:300px;
    margin-bottom:20px;}

.jobs-categories img{
    float:left;
    margin:0 10px 10px 0;}

.jobs-categories h4{
    font-size:12px;
    float:left;}

.more{
    font-size:9px;
    float:right;
    margin:0;
    border-bottom:1px solid #000099;}
    
.jobs-categories ul{
    list-style:none;}

.jobs-categories li a{
    border:none;}

.jobs-categories li {
   margin-bottom:5px;}

#div-related h4{
    font-size:13px;
    margin-bottom:10px;}

#div-related h4 a{
    color:#000;
    border-bottom:1px solid;}

#div-related h4 a:hover{
    color:#000099;}

#div-related{
    padding:10px;
    background: #f7f7f7;
    width:95%;}

#div-related ul{
    clear:both;}

#div-navigation ul{
    padding:0;
    margin:0;}

.menu a{
    text-decoration:none;
    color:#000;
    font-weight:bold;
    text-align:right;
    border:none;}

.menu a:hover{
    color:#da2228;
    border:none;}

#div-navigation menu-last{
    margin-right:0;}

.sub-categories img{
        float:left;
      margin-right:20px; 
      margin-bottom:10px; }

.sub-categories h3{
    margin-bottom:10px;
    border-bottom:1px solid;}

.jobs-categories-sub a{
    width:500px;
    margin-bottom:10px;
    border-bottom:1px solid #f0f0f0;
    padding-bottom:0px;
    display:block;
    margin-left:auto;}

.jobs-categories-sub h4{
    font-size:11px;
    margin-left:55px;
    font-weight:normal;
    font-style:italic;}
    
.jobs-categories-sub ul{
    list-style:none;}
  

/*dropdown menu*/
#dropmenudiv{
    position:absolute;
    margin:260px 0 0 620px;}

#dropmenudiv a{   
    width:190px;
    display: block;
    text-indent: 3px;
    padding: 1px 0;
    color: #cc3333;  
    border:none;
    font-weight:bold;}

#dropmenudiv a:hover{ /*hover background color*/
    border-bottom:1px solid;}  


/*article pages*/
.jobs-article{
    padding:0 10px;}
    
.jobs-article h1{
    font-size:20px;}
    
.jobs-article .byline{
    color:#666666;
    font-size:12px;
    margin-top:0;
    font-style:italic;}
    
.jobs-article #toolbar{
     margin-bottom:20px;}
     
.jobs-article h5 {
    float:right;
    font-size:9px;}

.jobs-article .ad-bigboxSub{
    margin-top:0px;
    margin-right:25px;
    margin-left:0;
    padding:0;}

.jobs-article p{
    text-align:left;}
    
/*employer Profiles*/
 .employer-profile{
    margin-top:2px;
    margin-right:10px;
    margin-left:10px;}

#div-employer-profile h3{
     color:#003399;}

.employer-profile img{
    margin-left:10px;
    margin-right:10px;
    border:none;}

.employer-profile a:hover{
    border:none;}

#div-employer-profile{
    margin:10px;
    border:2px solid #dedede;
    padding:10px;}


#div-employer-profile iframe{
    float:right;
    margin-left:20px;
    margin-bottom:10px;}

#div-employer-profile a{
    border-bottom:1px solid;
    color:#000;}
 
#div-employer-profile a:hover{    
    color: #000099;}

#current-opp-link{
    border:1px outset #ccc;
    background:#f0f0f0;
    padding:2px;}
        

/*For adicio pages*/
#div-right-well{
    width:300px;}

.ad-bigboxSub {
    padding-left:0;}
    
/*adicio styles*/
.mainContentAreaWidth{
    padding-left:0px;
    padding-right:0;}

/*AE Page*/
#div-account-executive{
    padding:0 10px;}  

#div-account-executive h3{
    font-size:15px;
    margin-bottom:5px;
    color:#CC3333;}

#div-account-executive img{
    margin-bottom:10px;}

#div-account-executive h4{
    font-size:14px;
    margin:15px 0 0px 0px;
    padding:0;
    color:#444;}

#div-account-executive p{
    margin-top:5px;
    padding:0;}

#div-account-executive ul{
    margin-top:5px;
    list-style-type:circle;}

#div-account-executive a{
    border:none;}