/*
Theme Name: hospitality
Theme URI: http://thecodecentral.com
Version: 1.0
Author: Cuong Tham
Author URI: http://thecodecentral.com
Tags: blue, custom header, fixed width, two columns, widgets
Description: Theme designed by contrast creative ltd.
*/


@import 'reset.css';

.clear{
  clear:both;
}

input.error, textarea.error{
  border:2px solid #ff0000;
}
select.error{
  color:#000;
  border:2px solid #ff0000;
}

strong{
  font-weight:bold;
}

form img {
  vertical-align:middle;
}

body{
  font-family: Helvetica,Verdana,Arial,sans-serif;
  background-color:#fff;
  font-size:12px;;
}

a{
  text-decoration:none;
  color:#0e99c6;
}
a:hover{
  text-decoration:underline;
}

a.viewFull{
  font-size:11px;
}
p{
  margin-bottom:1em;
}
#wrapper{ 
margin:0pt auto;
width:940px;
}

#header{
  height:90px;
  position:relative;
  background:url('/images/header-bottom.png') #5c0113 no-repeat left bottom;
}
#header .logo{
  position:absolute;
  left:20px;
  top:15px;
}

#header .banner{
background-color:#000000;
height:60px;
left:466px;
position:absolute;
top:15px;
width:450px;
color:#fff;
}
#topNav {
  border-bottom:1px solid #DBDBDB;
float:left;
margin-top:5px;
width:100%;
}
#topNav li{
border-left:#DBDBDB solid 1px;

float:left;
font-size:12px;
font-weight:bold;
padding:8px 15px;
}
#topNav li.first{
  border-left:none;
}
#topNav a{
  color:#000;
}

.contentbg{
  background:transparent url(images/contentbg.png) no-repeat scroll 759px 36px;
}


/* column one */
#column-1{
  float:left;
  margin-right:15px;
  width:450px;
  padding-top:10px;
  padding-bottom:25px;
}

#column-1.column-1-wide{
   width:740px;
}
#column-1 h1{
color:#0E99C6;
font-size:22px;
font-weight:bold;
margin:10px 0pt 20px;
}
#column-1.page h1{
  margin:10px 0pt 0 0;
}
#column-1.article{
  padding-top:15px;
}
#column-1.article h1{
color:#0E99C6;
font-size:24px;
font-weight:bold;
line-height:1em;
margin:4px 0 10px;
}

#column-1 h2{
color:#0E99C6;
font-size:16px;
font-weight:bold;
margin:10px 0pt 10px;
}
#column-1 .entry{
  padding-top:15px;
  line-height:1.5em;
  color:#686868;
}
#column-1  .authorMeta{
float:right;
height:72px;
position:relative;
width:210px;
}
#column-1  .authorMeta img.avatar{
position:absolute;
left:0;
top:0;
}
#column-1  .authorRss{
position:absolute;
bottom:0;
left:75px;
background:url('images/jobs-feed.png') no-repeat right 1px;
padding-right:18px;
}


#column-1  .authorMeta  cite{
color:#B4B4B4;
display:block;
font-size:20px;
font-weight:bold;
left:72px;
position:absolute;
}
#column-1 .titleBlock{
  float:left;
  width:240px;
}
#column-1 .titleMeta img{
  vertical-align:bottom;
}
#column-1 .extraMeta{
background:transparent url(images/extraMetaBg.png) no-repeat;
height:72px;
position:relative;
}
#column-1 .social img{
  vertical-align:bottom;
}
#column-1 .extraMeta span{
  font-weight:bold;
  font-size:12px;
}
#column-1 .tagSeparator{
  vertical-align:middle;
  margin:0 8px;
}
#column-1  .featuredImage{
  float:left;
  margin-right:20px;
}
#column-1 .social{
  position:absolute;
  top:10px;
  font-size:11px;
}
#column-1 .social a{
  margin:0 4px;
}
#column-1 .tags{
position:absolute;
  bottom:10px;
}
.contentDivider{
  height:1px;
  width:98%;
  border-bottom: solid rgb(222, 222, 222) 1px; 
  margin: 5px 0;
}
.photoMain{

}


.catTitle span{

border: none;
color:#B40129;
font-size:11px;
font-weight:bold;
letter-spacing:0.2em;
padding-bottom:2px;
text-decoration:none;
text-transform:uppercase;
}

.catTitle a{
color:#B40129 !important;
background:transparent url(images/dottedUnderline.png) repeat-x scroll center bottom;
padding-bottom:1px;
text-decoration:none;
}
.catTitle a:hover {
background:none;
}

.catTitle{
  margin-bottom: 5px;
}

.stickyCon{
border-bottom:1px solid #DEDEDE;
border-top:1px solid #DEDEDE;
float:left;
margin:20px 0pt 0pt;
padding:20px 0pt;
width:100%;
}
#column-1 .stickyCon h2{
   margin:0;
   font-size: 12px;
}
.sticky{
  width:230px;
  margin-right:10px;
  float:left;
 
}

.tbox{
  float:left;
  margin-right:20px; 
  border:1px solid #d4d4d4;
  border-collapse: collapse;
}
.tbox td{
  width:62px;
  height:64px;
  vertical-align:middle;
  text-align:center;
  padding:2px;
}


.sticky h2{
color:#0C99C4;
font-size:11px;
margin:8px 0pt 0pt;
 font-weight:bold;
}


.sticky h2 a{
  color:#0C99C4;
}

.viewFullCOn{
  background:url('images/social-bar.png') repeat-y 650px 0;
  padding:10px 0pt 5px;
}
.viewFullCOn .viewFull{
  float:left;
}

.viewFullCOn .articleFeed{
  float:right;
  background:url('images/jobs-feed.png') no-repeat 0 2px;
  padding-left:18px;
}



.homehrboxes{
  margin:25px 0;
  float:left;
}

.homehrboxes .box1{
  float:left;
  width: 220px;
  height: 178px;
}

.homehrboxes .box2{
  float:left;
  width: 220px;
  height:163px;
  color:#fff;
  padding: 15px 5px 0 15px;
  background:url('images/homehrbox2.png') repeat-x #9b0022;
}
#column-1 .homehrboxes .box2 h2{
  font-size:17px;
  font-weight:bold;
  color:#fff;
  margin:0;
}
#column-1 .homehrboxes .box2 p{
 font-size:11px;
} 
.homehrboxes .box2 .searchField{
  color:#999;
  height: 18px;
  margin-top:2px;
  padding-top:2px;
}
.homehrboxes .box2 form{
  margin:12px 0;
}
.homehrboxes .box2 .searchButton{
  vertical-align:bottom;
}
.homehrboxes .box3{
  float:left;
  width: 280px;
  height:178px;
  background:url('images/homehrbox3bg.png') #e3edf1 0px 126px no-repeat;
  position:relative;
}

.homehrboxes .box3 .box3viewjobs{
  left:20px;
position:absolute;
top:150px;
}

.homehrboxes .box3 .jobsfeed{
  position:absolute;
  right: 10px;
  top:150px;
}
.homehrboxes .box3 .jobsfeed img{
  vertical-align:bottom;
}
.col1Sub{
  float:left;
  border-bottom: 1px solid #dedede; 
  padding: 10px 0 8px 0pt; 
  margin-bottom: 15px;
}
#column-1 .col1Sub h2{
  margin:0;
}
.col1Sub img{
   float:left;
   margin-right:15px;
}


#column-1 .categoryHeader{
  float:left;
  width:100%;
  border-bottom:1px solid #dedede;
  padding-bottom:20px;
}
#column-1 .categoryHeader img{
  float:left;
}
#column-1 .categoryRight{
  float:right;
  width:250px;
}


/* comments */
.commentHeader{
  color:#0e99c6;
  font-size:18px;
  padding-bottom:4px;
  border-bottom:6px solid #dedede;
  margin: 15px 0;
  font-weight:bold;
}
.commentHeader span{}

.commentBlock{
  padding:15px 2px;
  background-color:#fff;
  float:left;
  width:99%;
  margin-bottom:5px;
}
.commentBlock .author{
 color:#000;
}

.commentLeft{
 float:left;
 width:150px;
}
.commentLeft .author{
  font-weight:bold;
  color:#000;
  margin-bottom:8px;
}
.commentLeft .date{
color:#afafaf;
font-size:11px;
}
.commentRight{
  float:right;
  width:280px;
  line-height:1.5em;
  font-size:12px;
  color:#686868;
}
.commentRight p{
  margin:0;
}
.commentFormLeft{
  float:left;
  width:140px;
}

.commentFormRight{
  float:left;
  width:300px;
}

.commentFormGuestRight{
  float:right;
}

.commentFormRight textarea{
  width: 300px;
}
.commentBlock{
  border-bottom:1px solid #dedede;
}
.commentBlock .text{
  width: 125px;
}
.commentHelp{
  color:#afafaf;
  font-size:10px;
}

.commentBlock label{
  font-size: 12px;
  font-weight:bold;
  display:block;
  margin-bottom:10px;
}

#commentform{
  padding-top:15px;
}




/* directory page */
.directoryBlock {
  font-size:11px;
  margin:15px 0;
}
.directoryBlock img{
  float:right;
}
.directoryBlock  address{
  margin-bottom:15px;
}
.directoryBlock .url{
  
  margin-bottom:15px;
}
.directoryBlock .url a{
color:#0e99c6;
}

.categoryBlock {
 border-bottom:#DEDEDE solid 1px;
 padding:20px 0;
}
.categoryBlock p{
  margin:0;
}
.categoryBlock  .gravatar{
  float:left;
  width: 60px;
  margin-right: 20px;
}

.categoryBlock .blockRight{
float:left;
width:390px;
}
#column-1 .categoryBlock  h2{
  margin: 0 0 10px 0;
}
.titleMeta{
  color:#9b9ba6;
  font-size:11px;
}
.categoryBlock .author{
  color:#9b9ba6;
  margin-bottom:8px;
}
.categoryBlock .author a, .categoryBlock .author cite{
  color:#0e99c6;
}
.categoryCon{
  width:470px;
  float:left;
}

#column-1 #column-2{
  float:right;
  margin-left:0;
}

.contactTitle{
  color:#b70029; 
  font-weight:bold;
font-size:14px;  
}


/* column 2 */
#column-2{
float:left;
margin:15px 0pt 15px 15px;
width:260px;
}
#column-2 h2 {
color:#9B9BA6;
font-size:12px;
font-weight:bold;
margin:15px 0pt 10px;
}

#column-2 .jobTopBg{
  background:url('images/job-top-bg.png') no-repeat;
  width:260px;
  height:7px;
}
#column-2 .jobListing{
background:#DCEAEE url(images/job-middle-bg.png) repeat-x scroll 0% 0%;
padding:5px 5px 1px 10px;
width:245px;
}
#column-2 .jobListing h2{
  color:#1d9fc9;
  font-size:16px;
  font-weight:bold;
  margin: 0 0 12px 0;
}
#column-2 .jobListing li{
border-bottom:1px solid #CDDADE;
margin:6px 0pt;
padding:3px 0pt 9px 62px;
font-weight:bold;
}
#column-2 .jobListing .fulltime{
  background:transparent url(images/btn-fulltime.png) no-repeat scroll 0 0;
}
#column-2 .jobListing .contract{
  background:transparent url(images/btn-contract.png) no-repeat scroll 0 0;
}
#column-2 .jobListing .parttime{
  background:transparent url(images/btn-parttime.png) no-repeat scroll 0 0;
}

#column-2 .jobBottom{
  background:url('images/job-bottom-bg.png') no-repeat;
  width:260px;
  height:33px;
  position:relative;
}
#column-2 .jobBottom .box3viewjobs{
  left:12px;
position:absolute;
top:6px;
}
#column-2 .jobBottom .jobsfeed{
  position:absolute;
  right: 10px;
  top:6px;
}
#column-2 .jobBottom .jobsfeed img{
  vertical-align:bottom;
}

#column-2 .latestArticles{
  border-top:1px solid #dedede;
  padding:15px 0;
}
#column-2 .latestArticles .tbox{
  margin-right: 10px;;
}
#column-2 .latestArticles li{
  margin:0 0 20px 0;
}
#column-2 .latestArticles img{
 float:left;
}
#column-2 .latestArticles a{
  color:#0e99c6;
  font-weight:bold;
  font-size: 11px;
}

#column-2  .adBlock{
  margin:0 auto 15px auto;
}

#column-2  .adBlockNarrow{
  margin:0 auto 10px auto;
}

#column-2  .adContact{
  margin:0 auto 20px auto;
}

/* column 3 */
#column-3{
  float:right;
  width:180px;
  border-left:#DEDEDE solid 1px;
  padding-bottom:30px;
}

#column-3 .searchField{
   width: 130px; 
   color: rgb(118, 118, 118);
}

#column-3 .searchButton{
 vertical-align: bottom;
}

#column-3 .searchBlock{
   margin:14px 0pt 10px 10px;
}
#column-3 .crimsonBlock{
  margin: 15px 0;
}
#column-3 .crimsonBlock a{
  background:url('images/crimsonButton.png') no-repeat;
  display:block;
  width:170px;
  height:21px;
  font-weight:bold;
  color:#fff;
  padding:6px 0 0 8px;
  margin:0 0 4px 5px;
}

#column-3 h2{
 padding:0 0 8px 10px;
 font-weight: bold; 
 color: rgb(155, 155, 163); font-size: 12px;
}

#column-3 .magazineBlock{
  padding:0 0 0 8px;
  margin-bottom:20px;
}
#column-3 .magazineBlock h2{
  color:#0E99C6;
  font-size:18px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
#column-3 .magazineBlock img{
  float:left;
  margin-right:10px;
}
#column-3 .magazineBlock p{
  background:url('images/magazineCover2bg.png') no-repeat;
  padding-top:8px;
  
}
#column-3 .searchJobsBlock{
  padding:15px 0 15px 8px;
  margin:10px 0;
  border-top:1px solid #DEDEDE;
  border-bottom:1px solid #DEDEDE;
}
#column-3 .searchJobsBlock a{
 font-size:11px;
}
#column-3 .searchJobsBlock h2{
color:#1D9FC9; 
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
#column-3 .searchJobsBlock form{
  margin:5px 0;
} 

#column-3 .directory{
  border-top:1px solid #DEDEDE;
  
}
#column-3 .directory li{
  padding:12px 0 12px 10px; 
  border-bottom: 1px solid #DEDEDE;
  font-size:12px;
font-weight:bold;
}

/* footer */
#footer{
  height:50px;
  font-size:10px;
  color:#999999;
  background:url('/images/footerbg2.png') no-repeat;
  height:120px;
  position:relative;
  margin-top:8px;
  padding-bottom:50px;
}

#footer .bookshell{
height:86px;
position:absolute;
right:170px;
top:10px;
width:60px;;
}
#footer .slogan{
 font-size:11px;
line-height:1.5;
position:absolute;
right:10px;
top:20px;
width:140px;
}
#footer .menu{
  position:absolute;
  left: 280px;
  top:15px;
  width:560px;
  
}

#footer .mainMenu{
 font-weight: bold;
 font-size:12px;
margin-bottom:10px;
} 

#footer .mainMenu li{
   float:left;
    margin-right: 15px;
}

#footer .block{
 float:left;
font-size:12px;
font-weight:bold;
padding:20px 0 0 15px;
width:150px;
} 
#footer .block li{
  margin-top:4px;
}
#footer .block h2{
  color:#000;
  font-weight:bold;
}
#footer .block a{
  color:#0e99c6;
}


#footer .subMenu{
 font-size:11px;
margin-top:8px;
} 

#footer .subMenu li{
   float:left;
    margin-right: 15px;
}

#column-1 .crimsonTitle{
  color:#a60025;
  margin:25px 0 22px 0;
  font-size:14px;
  
}

#column-1 .jobList {
   width:740px;
   float:left;
}

#column-1 .jobList tr.featured{
  background-color:#f6f4e2;
}

#column-1 .jobList td{
  height: 45px;
  border-bottom: 1px solid #dedede;
}
#column-1 .jobList tr.alt{
  background-color: #f2f2f2;
}
#column-1 .jobList .c1{
  width: 80px;
  text-align: center;
}
#column-1 .jobList .c2{
  width: 500px;
  padding:8px;
  line-height:1.5em;
}
#column-1 .jobList .c3{
  width: 120px;
  text-align: center;
}
#column-1 .jobList .c4 img{
 
}

.jobTab{
  margin-left: 10px;
}
.jobTab li{
  float:left;
  height: 35px;
  background:url('/images/tab-left-bg.png') no-repeat;
  margin-right:3px;
}
.jobTab li.on{
  background:url('/images/tab-left-bg-on.png') no-repeat;
  margin-top:-3px;
  height:38px;
}
.jobTab li span{
  background:url('/images/tab-right-bg.png') no-repeat right top;
  display:block;
  height:25px;
  padding:10px 18px 0;
  text-align:center;
}
.jobTab li.on span{
  background:url('/images/tab-right-bg-on.png') no-repeat right top;
  padding-top:15px;
}
.jobTab li a{
  color:#fff;
  font-weight:bold;
}
.jobTab li.on a{
  color:#9b9ba6;
}
.jobTab li a:hover{
  text-decoration:none;
}
.jobTabBg{
  background:url('/images/tab-bg.png');
  height:35px;
  padding-top:8px;
  float:left;
}

.jobDetailTb1, .jobDetailTb2{
  width:580px;
 
}
.jobDetailTb1{
  border-bottom:1px solid #dedede;
  float:left;
}
.jobDetailLogo{
  float:right;
  width:160px;
  text-align:center;
}

.jobDetailTb1 tr{
  border-top:1px solid #dedede;
}

.jobDetailTb1 th, .jobDetailTb2 th{
  font-weight:bold;
  width:140px;
  padding:8px 0;
  text-align:right;
  color:#000;
}

.jobDetailTb2 td{
  padding:18px 0;
  vertical-align:middle;
}

.jobDetailTb1 td, .jobDetailTb2 td{
  padding-left:20px;
   color:#767676;
}
.jobDetailTb1 tr.alt{
  background-color:#f2f2f2;
}
.jobDetailTb2{

}

.loginBlock label{
  color:#767676;
  font-weight:bold;
  margin-bottom:5px;
  display:block;
}
.loginBlock label span{
  display:block;
  margin:5px 0;
}
.loginBlock form{
  margin:15px 0 15px 10px;
}

#column-3 .userInfo{
  padding:15px 0 15px 5px;
}

.recruiterCredits{
  border-top: 5px solid #e08b33;
  background:url('/images/recruiter-credit-icon.png') no-repeat #f6f4e2;
  color:#e08b33;
  padding:10px 0 0 40px;
  font-weight:bold;
  font-size:16px;
  height:35px;
  margin-bottom:20px;
  position:relative;
}
.recruiterCredits img{
  vertical-align:middle;
  margin-left:15px;
}
.recruiterJobList{
  border-bottom:1px solid #dedede;
  width:99%;
  margin-bottom:20px;
  color:#9f9f9f;
}
.recruiterJobList td{
  border-top:1px solid #dedede;
  padding:15px 0;
}
recruiterJobList td.ctitle{
  padding:15px;
}
.recruiterJobList td.ctitle .cat{
  font-weight:bold;
}
.recruiterJobList td.ctype{
  width:70px;
}
.recruiterJobList td.capp{
  width:25px;
  text-align:center;
}
.recruiterJobList td.cview{
  width:80px;
  text-align:center;
}
.recruiterJobList td.cnote{
  width:40px;
  text-align:center;
}
.recruiterJobList td.cdate{
  width:100px;
  text-align:center;
}
.recruiterJobList td.clogo{
  width:85px;
  text-align:center;
}
.recruiterJobList td.cop{
  width:170px;
  text-align:right;
}

.recruiterProfile th{
  font-weight:bold;
  width:120px;
  color:#000;
}
.tableLong th{
  width:250px;
}
.recruiterProfile td{
  padding:5px 0;
}
.recruiterProfile .text{
  width:320px;
}

h2.thick{
  border-bottom:5px solid #dedede;
  padding-bottom:5px;
}
.appCon img{
 vertical-align:bottom;
}
.appCon .appMeta{
  margin-bottom:15px;
  font-weight:bold;
  font-size:14px;
}
.appCon .appAction{
  margin-bottom:15px;
}
.appCon textarea{
  display:block;
}

.appCon .candidateComment{
  display:none;
  margin:5px 0 15px 0;
  border: 1px solid #dedede;
  font-size:11px;
  color:#666;
  width:600px;
  padding:5px;
  margin-left:10px;
}
.appCon .candidateComment em{
  font-style:italic;
  border-bottom:1px solid #dedede;
}

.candidateCountCon{
  background:url('/images/num-app.png');
  width:85px;
  height:16px;
  color:#fff;
  font-size:10px;
  text-align:center;
  padding-top:3px;
}


.package{
width:412px;
}
.package tr.header{
  background:url('/images/purchase-header-bg.png');
  
  height:31px;
 
}
.package th{
  color:#fff;
  font-size:12px;
  text-align:center;
  vertical-align:middle;
  font-weight:bold;
}
.package td{
  text-align:center;
  vertical-align:middle;
  font-size:11px;
  color:#767676;
}

.package tr.cell{
  background:url('/images/purchase-cell-bg.png');
  width:412px;
  height:38px;
  color:#fff;
  

}


#column-1{
  color:#767676;
}

.adminTable{
 width:420px;
 border-top:1px solid #b6b6b6;
}
.adminTable td.op{
  text-align:center;
}
.adminTable th{
  font-weight:bold;
  background-color:#e08b33;
  color:#FFFFFF;
  font-size:12px;
  text-align:center;
  vertical-align:middle;
  height:31px;
  border:1px solid #b6b6b6;
  padding:0 5px;
}
.adminTable td{
  color:#767676;
  font-size:11px;
  vertical-align:middle;
  border-bottom:1px dotted #b6b6b6;
  border-left: 1px solid #b6b6b6;
  border-right:1px solid #b6b6b6;
  padding:5px;
}

.adminTableNarrow th{
  width:130px;

}
.adminTableNarrow {
  width:300px;
}
.adsearch input{
  padding:2px;
}
.adsearch td{
  padding:10px 15px 15px 0;
}
.adsearch th{
  font-size:11px;
  padding-left:15px;
  vertical-align:bottom;
  border-left: 1px solid #dedede;
}

.adsearch .lb{
  border-left: 1px solid #dedede;
}

.error{
  color:#ff0000;
}

.featuredText{
  color:#ea8400;
  font-weight:bold;
}

.jobPostingTable th{
  font-weight:bold;
}

.jobPostingTable td{
  padding:5px;
}

.pager{
  margin:5px 0;
  float:right;
}
.pager a {
  display:block;
  color:#c3c3c3;
  text-decoration:none;
}

.pager li.cur a{
  color:#a20024;
}
.pager li.cur{
  border:1px solid #a20024;
}

.pager li{
  float:left;
  border: 1px #c3c3c3 solid;
  color:#c3c3c3;
  margin:0 2px;
  padding:2px 6px;
  font-weight:bold;
}

.pager li.prev, .pager li.next{
  padding: 0px 1px 1px 1px;
}

table.invoice th{
  width:100px;text-align:right;padding-right:5px;
}
.filterCon{
  margin:20px 0 0 0;
  font-size:11px;
}
.filter strong{
  color:#000;
}
.filterCon a{
  margin-left:15px;
}

.keywordInput {
  border:1px solid #e4e4e4;
}
.keywordInput input{
  margin-bottom:12px;
  width:320px;
}

.profileTable th{
  font-weight:bold;
  width:150px;
}

.profileTable th, .profileTable td{
  padding:8px 0;
  border-bottom:1px dashed #ccc;
}