/* 
# Copyright 2009 Nasthon Systems
# http://www.nasthon.com
This is the extension style for the main body for all pages of the website
THEME: #DE3900 (orange)
*/

/* OVERRIDE YUI base */
td{padding:.3em; /*border:1px solid #ccc; */}
blockquote,ul,ol,dl { margin:1em; } 
ol,ul,dl { margin-left:2em; } 
h1,h2,h3 {margin:1em 0;}
p{margin-bottom:1em; }
textarea, input{padding:1px; margin-right:2px;}
 
/* OVERRIDE YUI grid*/
.yui-t3 .yui-b{width:23.0769em;*width:300px;}	/* 300 on left */
.yui-t3 #yui-main .yui-b{margin-left:23.3em;*margin-left:23.3em; width:692px; }
.yui-t6 .yui-b{width:23.0769em;*width:300px;}	/* 300 on right */
.yui-t6 #yui-main .yui-b{margin-right:23.3em;*margin-right:23.35em; width:692px; } 
.yui-t3 #index-middle, .yui-t6 #index-middle{width:482px;}
.yui-t3 .no-3col #index-middle,
.yui-t6 .no-3col #index-middle{width:692px; float:right;} /* remove 3rd column */

/* ADDITIONAL YUI TEMPLATE 200px on left */
.nas-t101 #yui-main {  float: right;  margin-left: -25em;}
.nas-t101 .yui-b {  float: left;  width:200px; *width:200px;}
.nas-t101 #yui-main .yui-b {  margin-left:203px;   *margin-left:203px; width:790px;}
.nas-t101 #index-middle{width:583px;}
.nas-t101 .no-3col #index-middle{width:790px;} /* remove 3rd column */

/* ADDITIONAL YUI TEMPLATE 200px on right */
.nas-t102 #yui-main {  float: left;  margin-right: -25em;}
.nas-t102 .yui-b {  float: right;  width:200px; *width:200px;}
.nas-t102 #yui-main .yui-b {  margin-right:203px;   *margin-right:203px; width:790px;}
.nas-t102 #index-middle{width:583px;}
.nas-t102 .no-3col #index-middle{width:790px;} /* remove 3rd column */

/* ADDITIONAL YUI TEMPLATE 250px on left */
.nas-t103 #yui-main {  float: right;  margin-left: -25em;}
.nas-t103 .yui-b {  float: left;  width:250px; *width:250px;}
.nas-t103 #yui-main .yui-b {  margin-left:253px;   *margin-left:253px; width:740px;}
.nas-t103 #index-middle{width:533px;}
.nas-t103 .no-3col #index-middle{width:740px;} /* remove 3rd column */

/* ADDITIONAL YUI TEMPLATE 250px on right */
.nas-t104 #yui-main {  float: left;  margin-right: -25em;}
.nas-t104 .yui-b {  float: right;  width:250px; *width:250px;}
.nas-t104 #yui-main .yui-b {  margin-right:253px;   *margin-right:253px; width:740px;}
.nas-t104 #index-middle{width:533px;}
.nas-t104 .no-3col #index-middle{width:740px;} /* remove 3rd column */

/* remove 3rd column */
.no-3col #index-rightbar{display:none;}

#outerwrap{ width:994px; text-align:left; margin-left:auto; margin-right:auto; background-color:#fff;}
#hd{border:1px solid #dbd9dc; padding-top:5px; border-top:0px;}
#bd{width:100%; text-align:left; background-color:#fff; padding-top:1px;}
#sidebar{width:100%;}
#index-rightbar{width:206px; float:right; display:inline;} /* fix width */

/* hbar */
#hbar{}
#logo { float:left; display:inline; margin:4px 0px 5px 3px; padding-bottom:3px;}
#hbar_b {	background: url('images/hbar_bg.jpg') #606060 repeat-x; color: #1552B1; text-align:left; height:30px; border-right:2px solid #606060; border-left:2px solid #606060;}
#hsubbar{	margin-top:2px; background:#DE3900; width:100%; padding-top:5px; color:#fff;}
.addthis{ width:99%; text-align:center; }
#hsubbar-left{float:left; font-size:11px; margin-left:10px; display:inline;}
#datebar{float:left; padding-bottom:6px;}
#bmshare { float:right; display:inline; margin:0px 12px 0px 10px;}
#bmshare a, #bmshare a:visited{font-size:11px; color:#000; text-decoration:none;}
#welcome{ float:right; display:inline; margin:0px 20px 0px 10px; font-size:11px;}
#welcome a, #welcome a:visited{ color:#fff; font-size:11px;}

#cust-wrap {	padding: 0px 10px 3px 0px;	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:left; margin-top:0px; margin-right:12px; margin-left:10px;}
#toprightbar {float:right; padding-right:13px; padding-top:10px;}
#toplinkbar {float:left; margin-left:25px; clear:left; display:inline;}
#topbanner{ float:right; margin:7px 1px 10px 5px;}

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: #666; font-weight:normal;	font-size:12px; }
a:hover,a:active{color:#e98400;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:#086FCF; text-decoration:none;}
a.highlite1:hover{	color:#086FCF; text-decoration:underline;}

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;}

/* GENERAL */
div.fleft{float:left; display:inline;}
div.fright{float:right; display:inline;}

.fade{color:#9b9b9b;}
.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;}
.ib{border:1px solid #ccc;}
#printTitle{display:none;}

.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; }
.clr{clear:both; height:0px; margin:0px;}


/* navigation bar */
ul#hbar_b1 {display:inline; margin-left:0px; padding-left:0px;}
#hbar_b1 li {display:inline; margin-top:0px;}
#navbar{ float:left;	display:inline;	margin:30px 0px 0px 25px; 	border: 0px solid red; }

a.nav, a.nav:visited{
	color: #fff;
	border-right:1px solid #fff; 
	float:left;
	text-decoration:none;	
	font-weight:bold;
	font-size:13px;
	display:block;	
	padding:6px 20px 7px 20px;
}

a.nav:hover{
	background:url('images/hbar_bg-o.jpg') left 1px repeat-x ;	
	color: #fff;
	float:left;
	text-decoration:none;	
	cursor:pointer;		
	font-weight:bold;	
	font-size:13px;	
	padding:6px 20px 7px 20px;
}

a.navEnd, a.navEnd:hover{border-right:0px !important;}

a.nav-start, a.nav-start:visited, a.nav-start:hover{padding-left:30px;}
	

/* button */
.form_submit_button, .form_apply_button, .button_apply, .button_gen, .button_delete{cursor:pointer;}
.form_submit_button:hover, .form_apply_button:hover, .button_apply:hover, .button_gen:hover, .button_delete:hover{cursor:pointer; border:1px solid #fff;}

.form_apply_button, .button_apply, .button_gen, .button_delete {		
	border:1px solid #cacac0;
	background:url('images/btn_3.gif');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 {	 background-image:url('images/btn_3.gif'); padding-left:3px !important; padding-right:3px !important;}
.button_delete { padding-left:12px;	background-repeat: no-repeat; background-position: 8% 50%;	}
.is_required_mark{ font-weight: bold; color: red;}	


/*
footer
*/
#footer{margin:12px 0px 0px 0px; font-size:11px;	border-top:1px #ccc solid; clear:both; text-align:center !important; color:#333; background: #f2f2f2; padding-bottom:18px;}
#footer a, #footer a:hover, #footer a:visited{font-size:11px;}
#footerline{clear:both;	height:1px; width:100%; background-repeat: repeat-x;	margin-bottom:1px;}
ul#footermenu {display:inline; text-align:center;}
ul#footermenu li {display:inline;}

#footer1{float:left;}
#footer1 a, #footer1 a:visited, #footer1 a:hover {margin:1px 5px 1px 5px; }
#footer2 {color:#666;}
#footer2 a, #footer2 a:visited, #footer2 a:hover {color: #DE3900; }
#footer_nas{margin-top:6px; color: #666; font-size:10px;}
#footer_nas a, #footer_nas a:hover, #footer_nas a:visited{font-size:10px;}

#footerlinkbar{	margin-top:8px;	margin-bottom:6px; color:#333; margin-left:auto; margin-right:auto;}
#footerlinkbar a, #footerlinkbar a:visited{ 	color: #666; 	padding-left:6px; 	padding-right:6px; text-decoration:none;}
#footerlinkbar a:hover{	color: #DE3900; padding-left:6px; 	padding-right:6px;	text-decoration: underline; }

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

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



/* box 2 */
div.info_box2{ border:0px solid #dbd9dc; margin-bottom:3px;}
div.info_box2-inner{ margin:0px 1px 0px 1px;  padding:0px; border:1px solid #dbd9dc;}
.boxhead2{ background:url('images/box2/box_top.gif') no-repeat 6px 5px #f1f1f1;	font-size:13px;
color: #333; font-weight:bold;  border-bottom:2px solid #dbd9dc; margin:1px 1px;}
.boxhead2-nobg{background:none !important;}
.boxhead2 a, .boxhead2 a:visited{color:#666;}
.boxhead2 div{ padding: 3px 0px 4px 23px; }
.info_box2 .boxcontent2b{	margin:2px; 	padding-top:0px;  /*background:url('images/box2/body-bg.gif') repeat-x 0px bottom; */ padding:4px;}

/*
#content .boxhead2{ 	
	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 5px; }
*/

/* box 3 */
div.info_box3{ border:1px solid #dbd9dc; margin-bottom:3px;}
div.info_box3-inner{ margin:0px 1px 0px 1px;  }
.boxhead3{ background:url('images/box3/box_top.gif') no-repeat 6px 5px #cc3300;	 margin-top:1px; font-size:13px;	 color: #fff; font-weight:bold; width:100% !important; border-bottom:2px solid #dbd9dc; }
.boxhead3-nobg{background:none !important;}
.boxhead3 a, .boxhead3 a:visited{color:#cc3e00;}
.boxhead3 div{ padding: 3px 2px 4px 24px; }
.info_box3 .boxcontent3b{	margin:2px; 	padding-top:0px; background:url('images/box2/body-bg.gif') repeat-x 0px bottom; padding:4px;}

/* box 4 */
div.info_box4{ border:1px solid #dbd9dc; margin-bottom:3px;}
div.info_box4-inner{ margin:0px 1px 0px 1px;  }
.boxhead4{ background:url('images/box4/box_top.gif') no-repeat 6px 5px #fff;	 margin-top:1px; font-size:13px;	 color: #333; font-weight:bold; }
.boxhead4-nobg{background:none !important;}
.boxhead4 a, .boxhead4 a:visited{color:#cc3e00;}
.boxhead4 div{ padding: 3px 2px 4px 24px; }
.info_box4 .boxcontent4b{	padding-top:0px; padding:4px;}

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

/* box 6 */
div.info_box6{ border-top:1px solid #ccc; margin-bottom:1px;}
div.info_box6-inner{ margin:0px 0px 0px 1px;  }
.boxhead6{color:#000; background-color:#eeeef0; font-weight:bold; font-size:15px;	width:100% !important; }
.boxhead6-nobg{background:none !important;}
.boxhead6 a, .boxhead6 a:visited{color:#000;}
.boxhead6 div{ padding: 5px 2px 5px 10px; text-transform:capitalize;}
.info_box6 .boxcontent6b{	margin:8px;}


/* HOOK */
.index_home_user2 {display:inline; float:right; 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;}


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

/* JOB SEEKER PANEL */
#js_p_login{height:150px;}
#js_p_login_form{ 	margin:0px;  margin-top:2px; padding:0px;} 
#js_p_login_form input.tf{width:115px; font-size:12px;  border:1px solid #ccc;	padding:1px 4px 2px 4px;  margin-bottom:2px !important; } 
#js_p_login_form .form_submit_button {width:50px;}  
 
 /* EMPLOYER PANEL */
#em_p_login{height:150px;}
#em_p_login_form{ 	border:0px solid red; margin:0px;  margin-top:2px; padding:0px;} 
#em_p_login_form input.tf{width:115px; font-size:12px;  border:1px solid #ccc;	padding:1px 4px 2px 4px;  margin-bottom:2px !important; } 
#em_p_login_form .form_submit_button {width:50px;}  

/* INDEX-HOME */
ul.indexul1{	margin:0px; padding:2px 1px 10px 20px; 	list-style:url('images/arrow.gif'); }
ul.indexul1 li {margin-bottom:3px;}
#index-middle {overflow:hidden; float:left; display:inline;}
#index-middle .cat_small_count{}

.homemod1{clear:both; margin-top:2px; width:100%; margin-bottom:8px; overflow-x:hidden;}
.homemod2{clear:both; margin-top:2px; width:100%;}

.homemod1 .cat_parent_link{font-size:12px !important;}
/*
#cat_1{float:left; width:33%;}
#cat_2{float:left; width:33%; margin-left:3px;}
#cat_3{float:right; width:33%;}
*/

.home-cat-inner{width:99%; overflow-x:hidden; height:85px; overflow-y:hidden;}
.homemod1 div.info_box2{ border:1px solid #dbd9dc;}
.homemod1 .boxcontent2b{margin-top:-5px; padding-top:0px;}
.homemod1 .boxhead2{font-size:11px;}

.homemod3-a{width:49%; float:left;}
.homemod3-b{width:49%; float:right;}


/*
	JOB DETAILS PAGE
*/	
#jd{margin:8px 0px 0px 8px; padding-bottom:20px;}
#jd .jobTitle{color: #00348c; margin-bottom:6px;}
#jd .empTitle a{font-size:13px; text-decoration:none;}
#jd .otherlink a{font-size:11px;}
#jd-desc{width:50%; 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;}
#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-right:4px; display:inline; text-align:right;}
#jd-btns-link{float:right; color:#000; white-space: nowrap; display:inline;}
#jd-btns-link a, #jd-btns-link a:visited{text-decoration:none;}
#jd-btns-link a, #jd-btns-link a:visited, #jd-btns-link a:hover{margin:0px 4px;}
#jd-btns-block{padding-top:8px; clear:both; float:right;}
#jd #section-btm{background:#ebebeb; padding:8px 8px 8px 8px; margin-top:10px;}
#jd #jd-btns2{float:left; width: 450px;}
#jd #jd-btns2-addthis{float:left; display:inline; margin-top:6px; margin-left:8px;}
.jd-btn{margin-bottom:8px; clear:left;}

.job_post_data table.dynamic_form{ border-top:1px solid #ccc;}
.job_post_data td.dynamic_form_value,.job_post_data td.dynamic_form_field { background-color: #fff !important; }
.job_post_data td.dynamic_form_field {font-weight:bold; color:#000;}

.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;
}
	
/* FOR INFO PAGE hook: index_after_header */
/* #bar{margin-bottom:10px;} */

#joblist TR.standard:hover {	background-color: #DCE8F5;}
#joblist_premium td, #joblist_premium th, #joblist td, #joblist th{border:1px solid #ccc; margin:0px;}
#joblist_premium td, 
#joblist td.list_data_cell_premium,
#joblist_premium td.list_data_cell_premium{ 
	border:1px solid #ccc; margin:0px;
	*border-width:0px;
}

/* HOME QUICK SEARCH FORM */
#home-quicksearch{ border:1px solid #ccc; background:url('images/home-search-theme.jpg') no-repeat 10px top;  height: 145px; margin-bottom:5px;}
#quickSearchForm{text-align:right; margin-top:5px; padding:1px;}
#quickSearchForm div{margin-bottom:6px;}
#quicksearch-right{padding:5px 8px 0px 0px; margin-top:5px;}
#quicksearch-desc{padding-left:95px;}
#quicksearch-link{width:99%; text-align:center; margin-top:10px; margin-bottom:10px; padding-left:30px;}
#quicksearch-link a{font-weight:bold; color:#000;}

/* plugin NAS_latestjobs */
#NAS_latestjobs ul{margin-left:0px; padding-left:18px; margin-top:3px; list-style:url('images/arrow.gif'); list-style-position:outside;}
#NAS_latestjobs li {margin-bottom:4px;}
#NAS_latestjobs li a, #NAS_latestjobs li a:visited{color:#666;}


/* Override JQquery ui-tabs */
.ui-tabs { padding: .2em; zoom: 1; font-size:11px;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; font-size:11px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.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; }
.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-panel { padding: 1em 1px; display: block; border-width: 0; background: none;}