/* 
# Copyright 2008 Nasthon Systems
# http://www.nasthon.com
This is the extension style for the main body for all pages of the website
Theme color: #438ad2 (smart blue)
*/
#outerwrap{ width:940px; text-align:left; margin-left:auto; margin-right:auto; background-color:#fff; border:0px solid red;}
#wrap{width:100%;  padding:0px; margin:0px; text-align:left; border:0px solid red; background-color:#fff; padding-top:10px;}
#sidebar{float:left; width:200px; text-align:left;}
#content{float:left; width:733px; text-align:left; border-left:1px dashed #ccc; overflow:hidden;}

/* hbar */
#hbar{	margin-top:0px; 	margin-bottom:0px; }
#logo { float:left; display:inline; margin:12px 0px 0px 3px; padding-bottom:10px;}
#hbar_b {	background: url('images/hbar_bg.jpg') #438ad2 repeat-x; color: #1552B1; text-align:left; height:34px;}
.hbar_b1 {padding:8px 0px 9px 20px; margin-bottom:0px;}

#cust-wrap {	padding: 0 10px;	margin: 0 auto;	background: #FFFFFF; }

#topsearchbar{ margin: 5px 5px 0px 0px; float:right; color:#fff; display:inline; display:none;}
#topiconbar {float:right; padding-top:2px; display:none;}
#toplangbar {float:right; margin-top:4px; margin-right:12px; border:0px solid red; clear:right; width:100px; text-align:right;}
#toprightbar {float:right; padding-right:13px; padding-top:10px;}
#toplinkbar {float:left; margin-top:0px; margin-left:25px; clear:left; display:inline;}
#topbanner{ float:left; margin:7px 0px 5px 20px;}
#toploginbar1 {float:right; margin-right:10px; margin-top:2px;}
#toploginbar2 {float:right; background:url('images/bg_loginpanel.jpg') no-repeat; width:163px; height:29px; }
#toploginbar2 div{width:100%; text-align:center; color: #fff;}
#toploginbar2 a, #toploginbar a:visited{color:#fff;}


/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
	margin-left:28px;	
	margin-top:18px;
}

a.titlelink, a.titlelink:visited{	text-decoration:none; color: #fff; font-size: 28px; font-weight: normal; font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif; }
a.titlelink:hover{	text-decoration:underline; color: #fff; font-size: 28px; font-weight: normal; font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;}

a {	color: #5186B8; font-weight:normal;	font-size:12px; }
a:hover,a:active{color:#086FCF;text-decoration:none;font-size:12px;}

.arrow{	text-decoration:none;font-size:15px;	margin:4px;	cursor:pointer;	}
a.arrow:hover{text-decoration:none;}

a.highlite1, a.highlite1:visited{	color:#83b310;}

a.highlite2, a.highlite2:visited{	color:#97b242; }
a.highlite2:hover{	color:#fff;}

a.highlite3, a.highlite3:visited{	color:#666666;	font-size:13px;	text-decoration: none;}
a.highlite3:hover{	color:#fff;	font-size:13px;}

a.highlite4, a.highlite4:visited{	color:#2A70AE;	font-size:12px;	text-decoration: underline;}
a.highlite4:hover{	color:#fff;	font-size:12px;}

a.navLink_top, a.navLink_top:visited,  a.navLink_top:hover{font-size:11px; color: #000	; font-weight:normal;}
a.navLink_top:hover{text-decoration: underline; color: #1d6cb6;}

a.fade1, a.fade1:visited{color: #5f5f5f; font-size:11px;}
a.fade1:hover{color: #5f5f5f; font-size:11px; text-decoration:none;}

#printTitle{display:none;}

/*
navigation bar
*/
#navbar{ float:left;	display:inline;	margin:30px 0px 0px 25px; 	border: 0px solid red; }
#navbar a, #navbar a:visited{	color:#fff;	text-decoration:none;	font-weight:bold;	padding:0px 12px 0px 12px;	font-size:13px;	font-family: Arial;}
#navbar a:hover{	color:#fff;	background-color:#353535;	text-decoration:none;	font-weight:bold;	padding:0px 12px 0px 12px;	font-size:13px;	font-family: Arial;	}

a.nav, a.nav:visited{
	color: #fff;
	text-decoration:none;
	font-family: Arial;
	padding-right:12px;
	padding-left:12px;	
	font-weight:bold;
	font-size:13px;
}

a.nav:hover{
	background-color: transparent;
	font-family: Arial;
	color: #000;
	text-decoration:none;	
	cursor:pointer;	
	padding-right:12px;
	padding-left:12px;	
	font-weight:bold;	
	font-size:13px;	
}

a.nav2, a.nav2:visited{color:#000;}
a.nav2:hover{color:#fff;}

.img_border{	border: 1px solid #ccc;}
.img_border2{	border: 1px solid #666;}

.highlite{ font-size:14px;	font-weight:bold;	color: #4F84B6;	padding-bottom:4px;}
.bluetext{	color: #2A70AE; }

/*
general button
*/
.form_apply_button, .button_apply, .button_gen, .button_delete {
	border-style:solid;border-color:#cacac0;border-width:1px 1px 1px 1px;
	background:url('images/btn_3.gif') #4F84B6;color:#ffffff;font-family:Arial;font-size:12px;
	padding: 2px 2px 2px 2px;
	margin-top:2px;
}

.button_gen2 {
	border-style:solid;border-color:#cacac0;border-width:1px 1px 1px 1px;background:#BF5D50;color:#ffffff;font-family:Arial;font-size:12px;
	padding: 2px 2px 2px 2px;
}

.button_apply {	width:150px; padding-left:12px !important; 	background-image:url('images/btn_3.gif');}
.button_delete { padding-left:12px;	background-repeat: no-repeat; background-position: 8% 50%;	}
.is_required_mark{ font-weight: bold; color: red;}	


/*
footer
*/
#footer{margin:18px 0px 0px 0px; font-size:11px;	border-top:5px #666 solid; clear:both; }
#footer a, #footer a:hover, #footer a:visited{font-size:11px;}
#footerline{clear:both;	height:7px; width:100%; background-image:url('images/line2_bg.gif'); background-repeat: repeat-x;	margin-bottom:4px;}

#footer1{float:left;}
#footer1 a, #footer1 a:visited, #footer1 a:hover {margin:1px 4px 1px 3px; }
#footer2{float:right; }
#footer_nas{float:right; margin-top:2px; margin-bottom:0px;}

#footerlinkbar{	float:left; margin-top:5px;	}
#footerlinkbar a, #footerlinkbar a:visited{ 	color: #666; 	padding-left:6px; 	padding-right:6px; }
#footerlinkbar a:hover{	color: #086FCF; padding-left:6px; 	padding-right:6px;	text-decoration: underline; }

/* For Jobseeker and Employer Panel Menu - Logout button */
.logout_section{border: 1px solid; border-color: #f0f0f0 #909090 #909090 #f0f0f0;	padding:8px 10px 10px 10px; }
.logout_section a, .logout_section a:visited{color: #000; text-decoration:none;}

/* in header */			
ul.embox{	list-style:none; padding:2px; margin:2px; }
ul.embox a{ text-decoration:none;}
ul.embox a:hover{ text-decoration:underline;}


.clr{clear:both; height:0px; margin:0px;}

a.tablink, a.tablink:visited, a.tablink:active{
	font-size:12px !important;
	color: #1565d4;
	/*background-color: #c1ff2c;*/
	text-decoration:none;
	padding-left: 3px;
	padding-right:3px;
}

a.tablink:hover{color: #1565d4}

a.tablink2, a.tablink2:visited, a.tablink2:active, a.tablink2:hover {
	font-size:12px !important;
	color: #000;
	text-decoration:none;
	padding-left: 3px;
	padding-right:3px;	
}

/* box 2 */
#content .boxhead2{ 
	background:transparent;
	font: bold 22px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	border:0px;
	color: #555555;
	}

#content .boxhead2 div{ padding: 0px 2px 0px 0px; }

div.info_box2{ border:0px solid #ccc; margin-bottom:10px;}
div.info_box2-inner{ margin:0px 1px 0px 1px;  }
.boxhead2,  #content .nashook .boxhead2{border-left:3px solid #458bd3; background:#dce8f5;	font-size:13px;	font-family: Arial, Tahoma, Verdana; color: #1f6ebd; font-weight:bold; width:100% !important; }
.boxhead2 a, .boxhead2 a:visited{color:#000;}
.boxhead2 div, #content .nashook .boxhead2 div{ padding: 3px 2px 3px 8px; }
.info_box2 .boxcontent2b{	margin:2px; 	padding-top:0px; }

/* box 3 */
div.info_box3{ border:0px solid #ccc; margin-bottom:1px;}
div.info_box3-inner{ margin:0px 2px 0px 2px;  }
.boxhead3{ border-bottom:1px solid #b4cee9;background:transparent;	font-family: Arial, Tahoma, Verdana;	color: #1565d4; font-weight:bold;	font-size:13px;		margin-top:2px;	width:100% !important;}
.boxhead3 div{ padding: 3px 2px 6px 0px;	}
.boxcontent3b{	margin:2px;	padding-top:0px;}

/* box 4 */
div.info_box4{ border:0px solid red; margin-bottom:1px;}
div.info_box4-inner{ margin:0px 1px 0px 1px;  }
.boxhead4{border-left:3px solid #458bd3; background:#dce8f5 ;	font-family: Arial, Tahoma, Verdana; color: #1f6ebd; font-weight:bold; font-size:13px;}
.boxhead4 a, .boxhead4 a:visited{color:#000;}
.boxhead4 div{ padding: 3px 2px 4px 8px; text-transform:capitalize; }
.info_box4 .boxcontent4b{	margin:2px; padding-top:10px; }

/* box 5 */
div.info_box5{ border:0px solid #ccc; margin-bottom:5px;}
div.info_box5-inner{ margin:0px 0px 0px 1px;  background:#c5def8; }
.boxhead5{background:#5894d0;	color:#fff; font-family: Arial, Tahoma, Verdana; font-weight:bold; font-size:15px;	width:100% !important; }
.boxhead5 a, .boxhead5 a:visited{color:#000;}
.boxhead5 div{ padding: 5px 2px 5px 10px; text-transform:capitalize;}
.info_box5 .boxcontent5b{	margin:8px;}

/* HOOK */
.index_home_user2 {display:inline; float:right; width:218px; height:153px; border:1px solid #ccc; overflow:auto;}
.index_home_user2 .head {margin:0px; padding:5px; background:#333; color:#fff;}

/* HIDDEN */
.available_langs{display:none;}

.post_list_premium{ margin-top:5px; margin-bottom:3px; color:#000; font-size:12px; font-weight:bold;}
.job_listing_count{ margin-bottom:3px; color:#666; font-size:11px; display:none;}

/* display-post.php job post form */
table.job_post_data{ width: 100%; }

 #home_login_form{ 	margin:0px;  } 
 #home_login_form input{	font-size:12px;  	padding:0px;  	margin-top:1px; } 
 #home_login_table td{}
 
/* homepage category tab search form */
#home-cat-tab-search{padding-bottom:4px; text-align:center;} 
#home-cat-tab-search input, #home-cat-tab-search select{font-size:12px; font-family:Arial;} 
 	
 #hometop1{ border-bottom:1px solid #ccc; margin-bottom:10px;}
 #homeside1{float:left; width:758px; }
 #homeside2{float:right; border-left:1px solid #ccc; }
 
 .index_sidebar{margin:0px 9px 8px 10px;}
 
/* INDEX-HOME */
#index-middle{float:left; width:515px; border-right: 1px dashed #ccc;}
#index-middle-inner{margin-right:5px;}

#index-rightbar{float:right; width:200px;border:0px solid green;}
#index-rightbar-inner{margin:0px 0px 0px 0px; } 
ul.indexul1{	margin:0px; padding:2px 1px 10px 20px; 	list-style:url('images/arrow.gif'); }
ul.indexul1 li {margin-bottom:5px;}
#index-middle .cat_small_count{}
.homemod1{clear:both; margin-top:8px; margin-right:3px;}
.homemod2{clear:both; margin-top:8px; width:100%; overflow:hidden}


#quickSearchForm div{margin-bottom:6px;}

.ib{border:1px solid #ccc;}

/*
	JOB DETAILS PAGE
*/	
#jd-desc{width:99%; margin: 6px 3px 0px 6px; padding-bottom:15px; clear:both;}
#jd-emp{	width:250px; }
#jd-emp-logo{ border:0px solid red; width:240px; overflow:auto;}
/* modif */
#jd-emp-logo-t1{}
/* end modif */
#jd-emp-desc{margin:8px 5px 5px 10px;}
#jd-emp-name{margin:8px 5px 5px 10px; font-weight:bold;}
#jd-post-form{float:left; width:400px;}
#jd-btns{margin-top:10px;}
.jd-btn{margin-bottom:8px; clear:left;}

.iconbutton img{border:0px;}
.iconbutton span{padding-top:2px;}
a.iconbutton:link, a.iconbutton:visited
	{
	font: bold 12px Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #0066CC;
	padding: 0px 12px 1px 4px;
	cursor:pointer;
	}

a.iconbutton:hover	{	
	text-decoration: underline;	
	cursor:pointer;
}
	
.fade{color:#9b9b9b;}

/* FOR INFO PAGE hook: index_after_header */
/* #bar{margin-bottom:10px;} */

/* V1.0.2 */
#joblist TR.standard:hover {	background-color: #DCE8F5;}
.job_list_small_print_premium a, .job_list_small_print a{font-size:11px !important; color:#333;}
.job_list_small_print_premium a:visited, .job_list_small_print a:visited{font-size:11px !important; color:#666;}

/* Override JQquery ui-tabs */
.ui-tabs { padding: 0px; zoom: 1; font-size:11px; border:0px;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .4em .4em 0em .6em; border:0px; background:transparent; border-bottom:1px solid #ccc;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .4em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .3em 1em .2em 1em; font-size:11px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; border-color:#ccc;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #438ad2;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li a:hover {background-color:#fff;}
.ui-tabs .ui-tabs-panel { padding: 2px 1px 5px 1px; display: block; border-width: 0; background: none;}

.ui-tabs a.cat_parent_link{color:#666;}
.ui-tabs a.cat_parent_link:hover{color:#086FCF;}

/* Override Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; }