/*
Text Color (p) 	: #999999 (light gray)
Link Color (a) 	: #39a6de (Blue)	 
border colors 	: #85c226 (green)
Title color		: #87BCE6 (Blue)
Empty Advertise Background : #dddddd (light gray)
Error Messages Background : #fba6a6 (pink red)
Error Messages Border	  : #f96363
*/

/*----------------------------------------------*/
/*---------->>> HOME PAGE STYLING <<<-----------*/
/*----------------------------------------------*/
body#frontpage #content {
background: url(../images/body_bg_home.jpg)  repeat-x;
}
/*----State----*/
#state {
height: 35px;
font-size: 12px;
color: #666;
padding: 5px;
}
	#state a 		{ color: #39a6de; text-decoration: none; }
	#state a:hover 	{ color: #39a6de; text-decoration:underline; }
	
	/*----Crumbs----*/
	#crumbs { float: left; display: inline; }
	
	#status 		{ float: right; display: inline; }
	#status span 	{ background: url(../images/member_mini_icon.jpg) no-repeat 0 0 ; padding: 0 0 0 20px;}
	
	/*----Title----*/
	#content h2 	{ color: #87BCE6; font-size: 35px; padding: 0 270px 10px 50px;}
	
/*----Blocs----*/
.bloc { 
width: 400px;
float: left;
margin: 20px 0 0px 50px;
}
	.bloc p { font-size: 14px; color: #999;  padding: 5px;}

	/*----Seekers Bloc----*/
	.bloc a.job_seeker { background: url(../images/job_seeker_btn.jpg) no-repeat 0 0; width: 380px; height: 65px; display: block; text-indent: -1999px; overflow: hidden; }
	
	/*----Employer Bloc----*/
	.bloc a.employer { background: url(../images/employer_btn.jpg) no-repeat 0 0; width: 380px; height: 65px; display: block; text-indent: -1999px; overflow: hidden; }
	
	/*----Advertise Bloc Form----*/
	.bloc.home_advertise a { height: 200px; width:370px; background: #DDDDDD; float: left; display: inline; margin: 30px 0 0 20px; text-align: center; line-height: 200px; font-family: Tahoma,arial,sans-serif; color: #666; text-decoration: none; font-size: 14px; border: 1px solid #CDCDCD; }
	
	/*----Job Alert Bloc----*/
	.bloc.job_alert  	{ background: url(../images/job_alert_bottom.png) no-repeat 0 82px ; padding: 0 0 50px 0; }
	.bloc.job_alert h3 	{ background: url(../images/job_alert_top.png) no-repeat 0 0 ; height: 82px; width: 380px; text-indent: -1999px; overflow: hidden;}
	
	/*----Job Alert Form----*/
	.bloc.job_alert fieldset 		{ padding: 20px 30px 0 30px; color: #FFF; font-size: 12px; width: 310px; height: 190px; }
	.bloc.job_alert fieldset label	{ display: block; }
	.bloc.job_alert fieldset input  { float:left; font-size:15px; height: 25px; width: 300px; border:solid 1px #cdcdcd; color: #666; font-family: Verdana,arial,sans-serif; display: block; } 
	.bloc.job_alert fieldset select { display: block; float:left; font-size:12px; padding:4px 2px; border:solid 1px #cdcdcd; color: #666; width: 300px; }
	.bloc.job_alert fieldset select.alert_cats { width: 190px; }
	.bloc.job_alert fieldset div 	{ float: left; padding: 0 0 0 10px; }
	.bloc.job_alert fieldset button { height: 28px; width: 110px; color: #333; float: right; }



/*-------------------------------------------------*/
/*---------->>> RESULTS PAGE STYLING <<<-----------*/
/*-------------------------------------------------*/
/*----Order From----*/
#search fieldset 				{ color: #999; font-size: 12px; padding: 10px; }
#search fieldset div 			{ float: left; margin: 0 0 0 5px; }
#search fieldset div label	 	{ float: left; margin: 0 0 0 2px; }
/*----Targets only Safari----*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#search fieldset div label	{ margin: 0 0 0 2px; }
}
#search fieldset div input 		{ display: block; width: 185px;}
#search fieldset div select 	{ display: block; width: 130px;}

/*----Post Links Styling----*/
a.post_link { background:transparent url(../images/add_post_icon.jpg) no-repeat scroll 0 0; color:#39A6DE; font-size:14px; height:20px; padding:0 0 0 30px; margin: 0 0 0 20px; float: left; text-decoration:none; display: block; }

/*----Pagination----*/
#main .pagination 			{ float: right; display: inline; font-weight: bold; color: #666;}
#main .pagination span 		{ font-weight: normal; color: #999; }
#main .pagination a 		{ padding:1px 5px; color:#39a6de; border: 1px solid #39a6de; /*margin: 0 0 0 5px;*/ font-size: 14px; text-decoration: none; font-weight: normal; }
#main .pagination a:hover 	{ color:#0057c3; border: 1px solid #0057c3; }


/*----Results Table----*/
#results {
margin: 40px 0 15px 0;
}

#box-table-a 				{ font-family: "Trebuchet MS" , arial , Sans-Serif; font-size: 12px;  text-align: left; border-collapse: collapse; width:100%; }
#box-table-a th 			{ cursor: pointer; font-size: 13px; font-weight: normal; padding: 8px; background: #81c6f3; border-top: 4px solid #aabcfe; border-bottom: 1px solid #CDCDCD; color: #FFFFFF; }
#box-table-a td 			{ padding: 8px; border-bottom: 1px solid #CDCDCD; border-bottom-style: dashed;  color: #666; }
#box-table-a td a 			{ color: #39a6de; text-decoration: none; }		
#box-table-a tr:hover td	{ background: #def4fd; }


/*-----------------------------------------------------*/
/*---------->>> SINGLE POST PAGE STYLING <<<-----------*/
/*-----------------------------------------------------*/
/*----Main > middle Contect----*/
#middle.single { 
margin: 0 0 30px 0;
}
	
	
/*----Detail List----*/
#posting_detail ul 			{ }
#posting_detail ul h3 		{ background: url(../images/fieldset_top.jpg) no-repeat -5px 0; color: #FFF; font-size: 16px; padding: 15px 15px 20px 15px; }
#posting_detail ul li 		{ color: #999;  font-size: 12px; padding: 0 0 5px 15px; }
#posting_detail ul li span 	{ color: #85c226; font-weight: bold; font-size: 14px; padding: 0 10px 0 0; }
#posting_detail ul li a 	{ color: #39a6de; }

#posting_detail ul li.post_desc span.green { color: #85c226; }
#posting_detail ul li.post_desc h1 { background: none; font-size: 18px; color: #999; padding: 5px 0; }
#posting_detail ul li.post_desc h2 { background: none; font-size: 16px; color: #999; padding: 5px 0; }
#posting_detail ul li.post_desc h3 { background: none; font-size: 14px; color: #999; padding: 5px 0; }
#posting_detail ul li.post_desc span { color: #999; }
#posting_detail ul li.post_desc span.green { color: #85c226; }


/*--------------------------------------------------*/
/*---------->>> REGISTER PAGE STYLING <<<-----------*/
/*--------------------------------------------------*/
/*----Order From----*/
#register { 
margin:0 auto;
padding:14px;
}

/*----Registering Form----*/
#register fieldset					{ float: left; background: url(../images/fieldset_top.jpg) no-repeat -8px -8px ; margin: 5px 0 0 0;}
#register fieldset h3				{ color: #FFF; font-size: 16px; padding: 7px 0px 0 15px; margin: 0 0 20px 0; font-weight: bold; width: 770px; }
#register fieldset label 			{ display:block;  width:300px; float:left; color: #999; font-size: 12px; margin: 0 0 0 15px; padding: 4px 2px; font-family: Verdana,arial,sans-serif; }
#register fieldset input 			{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cdcdcd; width:400px; margin:2px 0 10px 10px; color: #666; font-family: Verdana,arial,sans-serif; }
#register fieldset select 			{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cdcdcd; width:400px; margin:2px 0 10px 10px; color: #666;  }
#register fieldset textarea 		{ margin: 10px 20px; padding: 10px 10px; color: #999; font-size: 11px; width: 700px; }
#register fieldset input.checkbox 	{ margin: 0 10px 0 20px; width:15px; margin: 0; padding: 0; }
#register fieldset p				{ color: #999; font-size: 12px; }
#register fieldset a				{ color: #39a6de; font-size: 12px; text-decoration: none; }

#register fieldset input:hover ,
#register fieldset input:focus 		{ border: 1px solid #999; }

#register fieldset input.register_submit	{ height: 40px; width: 120px; margin: 20px 0 0 0; font-size: 20px; }


/*----Registering Errors messages----*/
p.register_errors { background: #fba6a6; border: 1px solid #f96363; padding: 10px; color: #FFF; font-size:12px; }
p.register_succes { background: #abeb4e; border: 1px solid #7fb431; padding: 10px; color: #FFF; font-size:12px; }


/*-----------------------------------------------*/
/*---------->>> LOGIN PAGE STYLING <<<-----------*/
/*-----------------------------------------------*/
#loginform 						{ width: 500px; margin: 30px auto; }
#loginform fieldset 			{ border: 1px solid #DDD; padding: 40px; margin: auto; background: #fafafa; }
#loginform fieldset legend 		{ font-size: 30px; color: #87BCE6;  }
#loginform fieldset label 		{ float: left; height: 70px; font-size: 14px; color: #666; }
#loginform fieldset label input { width: 400px; height: 30px; background: #FFF; border: 1px solid #DDDDDD; font-size: 20px; color: #666; }
#loginform fieldset a			{ font-size: 12px; color: #39a6de; text-decoration: none;  }
#loginform fieldset a:hover		{ text-decoration: underline;  }

/*-----Errors For Login Form------*/
#loginform fieldset p.login_errors			{ border: 1px solid #f96363; padding: 10px; color: #FFF; font-size: 12px; margin: 0 0 10px 0; background: #fba6a6; }

/*-----Specific Styles For Login Form------*/
#loginform fieldset label.password_label 		{ height: 60px; }
#loginform fieldset label.remember_label, 
#loginform fieldset label.submit_label			{ height: 50px;}
#loginform fieldset label input.login_checkbox 	{ width:auto; height: auto;  }
#loginform fieldset label input.login_submit 	{ width:100px; height: 40px; background: #39a6de; color: #FFF;  }



/*--------------------------------------------------*/
/*----->>> FORGOTTEN PASSWORD PAGE STYLING <<<------*/
/*--------------------------------------------------*/
#forgotten_passwordform 						{ width: 500px; margin: 30px auto; }
#forgotten_passwordform fieldset 				{ border: 1px solid #DDD; padding: 40px; margin: auto; background: #fafafa; }
#forgotten_passwordform fieldset legend 		{ font-size: 30px; color: #87BCE6;  }
#forgotten_passwordform fieldset label 			{ float: left; height: 70px; font-size: 14px; color: #666; }
#forgotten_passwordform fieldset label input 	{ width: 400px; height: 30px; background: #FFF; border: 1px solid #DDDDDD; font-size: 20px; color: #666; }
#forgotten_passwordform fieldset a				{ font-size: 12px; color: #39a6de; text-decoration: none;  }
#forgotten_passwordform fieldset a:hover		{ text-decoration: underline;  }

/*-----Specific Styles For Login Form------*/
#forgotten_passwordform fieldset label.password_label 		{ height: 60px; }
#forgotten_passwordform fieldset label.remember_label, 
#forgotten_passwordform fieldset label.submit_label			{ height: 50px;}
#forgotten_passwordform fieldset label input.login_checkbox { width:auto; height: auto;  }
#forgotten_passwordform fieldset label input.forgot_submit 	{ width:160px; height: 40px; background: #39a6de; color: #FFF;  }


/*-------------------------------------------------*/
/*---------->>> STATIC PAGES STYLING <<<-----------*/
/*-------------------------------------------------*/
/*---Privacy Policy---*/
#middle.privacy h3 		{ color: #87BCE6; font-size: 18px; padding: 10px; }
#middle.privacy p 		{ color: #666; font-size: 12px; padding: 0 20px; }
#middle.privacy ul li 	{ color: #666; font-size: 12px; padding: 0 20px; }
#middle.privacy a	 	{ color: #87BCE6; font-size: 12px; }

/*---Terms Of Use---*/
#middle.terms_of_use h3 	{ color: #87BCE6; font-size: 18px; padding: 10px; }
#middle.terms_of_use p 		{ color: #666; font-size: 12px; padding: 0 20px; }
#middle.terms_of_use ul li 	{ color: #666; font-size: 12px; padding: 0 20px; }
#middle.terms_of_use a	 	{ color: #87BCE6; font-size: 12px; }

/*---Contact---*/
#middle.contact fieldset 			{ border: 1px solid #DDD; margin: auto; background: #fafafa; width: 400px; padding: 30px; }
#middle.contact fieldset label 		{ height: 70px; font-size: 14px; color: #666; width: 300px;  }
#middle.contact fieldset input 		{ width: 400px; height: 30px; background: #FFF; border: 1px solid #DDDDDD; font-size: 20px; color: #666; display: block; margin: 0 0 10px 0; }
#middle.contact fieldset textarea 	{ width: 400px; height: 100px; background: #FFF; border: 1px solid #DDDDDD; font-size: 20px; color: #666; display: block; margin: 0 0 10px 0; }
#middle.contact fieldset button 	{ width:100px; height: 40px; background: #39a6de; color: #FFF;  }

/*---Advertise Page---*/
#middle.ad_page fieldset 			{ border: 1px solid #DDD; margin: auto; background: #fafafa; width: 400px; padding: 30px; }
#middle.ad_page fieldset label 		{ height: 70px; font-size: 14px; color: #666; width: 300px;  }
#middle.ad_page fieldset input 		{ width: 400px; height: 30px; background: #FFF; border: 1px solid #DDDDDD; font-size: 20px; color: #666; display: block; margin: 0 0 10px 0; }
#middle.ad_page fieldset select 	{ width: 400px; height: 30px; background: #FFF; border: 1px solid #DDDDDD; font-size: 12px; color: #666; padding: 5px 0 0 0; display: block; margin: 0 0 10px 0; }
#middle.ad_page fieldset textarea 	{ width: 400px; height: 100px; background: #FFF; border: 1px solid #DDDDDD; font-size: 20px; color: #666; display: block; margin: 0 0 10px 0; }
#middle.ad_page fieldset button 	{ width:100px; height: 40px; background: #39a6de; color: #FFF;  }