/*
Text Color (p) 	: #999999 (light gray)
Link Color (a) 	: #39a6de (Blue)	 
border colors 	: #85c226 (green)
Empty Advertise Background : #dddddd (light gray)
*/

/*--------------------------------------------------*/
/*---------->>> DASHBOAD PAGE STYLING <<<-----------*/
/*--------------------------------------------------*/
/*----Main > middle Contect----*/
#middle.account { 
margin: 0 0 30px 0;
}

/*----Dashboard----*/
#middle.dashboard p { color: #666; padding: 10px 0 0 5px; }
#middle.dashboard a { color: #39a6de; text-decoration: none; }
/*----Sidebar Menu----*/
#left.my_account {
width: 170px;
float: left;
}	
	#left.my_account ul 			{ margin: 10px 0; }
	#left.my_account p 				{ background: url(../images/sidebar_title.jpg) no-repeat; width:175px; height: 40px; line-height: 35px; text-align: center; color:#FFF; font-size: 14px; }
	#left.my_account ul li a		{ color: #39a6de; font-size: 12px; text-decoration: none; padding: 0 0 0 10px; height: 25px; width: 160px; display: block; line-height: 25px; border-bottom: 1px dotted #cdcdcd; }
	#left.my_account ul li a:hover	{ background: #39a6de; color: #FFF; border-bottom: 1px dotted #FFF; }

/*----Postings Table----*/
#middle #posting_list {
margin: 10px;
}
	#my_account_list				{ background: url(../images/fieldset_top.jpg) no-repeat -5px 0; font-family: "Trebuchet MS" , arial , Sans-Serif; font-size: 12px;  text-align: left; border-collapse: collapse; width: 100%;}
	#my_account_list thead 			{ height: 50px; color: #FFF; }

	#my_account_list th 			{ font-size: 16px; padding: 8px; }
	#my_account_list td 			{ border-bottom: 1px solid #CDCDCD; border-bottom-style: dashed;  color: #666; padding: 8px; }
	#my_account_list td a 			{ color: #39a6de; text-decoration: none; }		
	#my_account_list td a:hover 	{ text-decoration: underline; }
	
/*----Add a Post Link----*/
#middle a.posting 		{ float: right; font-size: 14px; color: #39a6de; text-decoration: none; text-align: right; background: url(../images/add_post_icon.jpg) no-repeat; height: 20px ; padding: 0 0 0 30px; }
#middle a.posting:hover { text-decoration: underline; }



/*--------------------------------------------------*/
/*---------->>> POSTING PAGE STYLING <<<------------*/
/*--------------------------------------------------*/
/*----Required field and Help----*/
#posting_form p span 	{ color: #999; font-size: 10px;  }
#posting_form p span a	{ color: #39a6de; font-size: 10px; text-decoration: none; }

/*----form Styling General----*/
#posting_form fieldset					{ background: url(../images/fieldset_top.jpg) no-repeat -8px -8px ; margin: 5px 0 0 0; color: #999; }
#posting_form fieldset h3				{ color: #FFF; font-size: 16px; padding: 7px 0px 0 15px; margin: 0 0 20px 0; font-weight: bold; width: 770px; }
#posting_form 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; }
#posting_form fieldset input 			{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cdcdcd; margin:2px 0 10px 10px; color: #666; font-family: Verdana,arial,sans-serif; }
#posting_form fieldset select 			{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cdcdcd; width:400px; margin:2px 0 10px 10px; color: #666;  }
#posting_form fieldset textarea 		{ margin: 10px 20px; padding: 10px 10px; color: #999; font-size: 11px; width: 90%; height: 150px; }
#posting_form fieldset input.checkbox 	{ margin: 0 10px 0 20px; margin: 0; padding: 0; }


/*----form Link Styling----*/
#posting_form fieldset a				{ color: #39a6de; text-decoration: none; }
#posting_form fieldset a:hover			{ color: #39a6de; text-decoration: none; }

/*----form input hover statements----*/
#posting_form fieldset input:hover ,
#posting_form fieldset input:focus 		{ border: 1px solid #999; }

/*----form Contact info section----*/
#posting_form fieldset input.radio 		{ border: none; margin: 0 0 0 20px;}
#posting_form fieldset span 			{ font-size: 12px; margin: 0 0 0 5px;}
#posting_form fieldset p.company_name 	{ font-weight: bold; font-size: 16px; margin: 20px 0 0 20px;}
#posting_form fieldset p.company_address{ width: 150px; font-size: 12px; margin: 10px 0 0 20px;}
#posting_form fieldset p.company_url	{ font-size: 12px; margin: 10px 0 0 20px;}

/*----form WYSIWYG w/ JQuery----*/
#posting_form div.wysiwyg { overflow: hidden; }


/*----form buttons submit----*/
#posting_form fieldset.actions { background: none; margin: 20px 0 0 0; }
#posting_form button.draft { border:1px solid #CDCDCD; color:#666666; height: 40px; font-size: 20px; margin: 0 0 0 25px;}
#posting_form input.publish { background: #39A6DE; color: #fff; font-size: 20px; border:1px solid #DDD; height: 40px; float: none;}

#posting_form #submit_btn 			{ background: url(../images/submit_bg.jpg) repeat-x; height: 37px; margin: 40px 0 0 0; width: 100px; color: #FFF; }



/*--------------------------------------------------------*/
/*---------->>> POSTING DETAIL PAGE STYLING <<<-----------*/
/*--------------------------------------------------------*/
/*----Main > middle Contect----*/
#middle.detail { 
margin: 0 0 30px 0;
}

/*----Sidebar Menu----*/
#left ul 			{ margin: 10px 0; }
#left p 			{ background: url(../images/sidebar_title.jpg) no-repeat; width:175px; height: 40px; line-height: 35px; text-align: center; color:#FFF; font-size: 14px; }
#left ul li a		{ color: #39a6de; font-size: 12px; text-decoration: none; padding: 0 0 0 10px; height: 25px; width: 160px; display: block; line-height: 25px; border-bottom: 1px dotted #cdcdcd; }
#left ul li a:hover	{ background: #39a6de; color: #FFF; border-bottom: 1px dotted #FFF; }

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

/*----Add a Post Link----*/
#middle a.edit 			{ float: right; font-size: 14px; color: #39a6de; text-decoration: none; text-align: right; background: url(../images/big_edit_icon.jpg) no-repeat; height: 20px ; padding: 0 0 0 30px; }
#middle a.edit:hover	{ text-decoration: underline; }