/*-------CSS STYLESHEET------*/
/*--------24.03.2011--------*/

/*****************************
***********GENERAL************
*****************************/
body{
	 font-family: Verdana, helvetica, arial, sans-serif;
	/*line-height: 1.4em; */
	background-color: #F8EEDF;
}
/*-------TEXT--------*/
h1,h2,h3,h4,h5,h6{
	font-family: myriad-pro, helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}
h1{ font-size: 16px;}
h2{ font-size: 15px;}
h3{ font-size: 14px;}
h4{ font-size: 13px;}
h5{ font-size: 12px;}
h6{ font-size: 11px;}
a{
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #9f9f9f;
}
p{
	font-size: 14px;
	line-height: 18px;
}
ul{
	overflow: hidden;
}
li{
	margin-left: 0px;
	list-style: none;
}
.rounded{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.container_24{
	padding: 0px 5px 0px 5px;
}
/* a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;} */
.error{
	color: red;
	font-weight: bold;
	background-image: url("../images/warning.png");
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
}
.success{
	color: green;
}
/*-------------------*/
/*-------IMG---------*/
img{
	border-style: none;
}
/*-------------------*/
/*-------FORM--------*/

/*-------------------*/

/*------TABLE--------*/
table{
	border-collapse:collapse;
}
th{
	text-align: left;
}
/*-------------------*/

/*****************************
***********LOGIN**************
*****************************/
#login {
	text-align: center;
	border: 1px solid #CFCFCF;
	background-color: #E1E1E1;
	margin-top: 125px;
	overflow: hidden;
}
#login input{
	margin-top: 20px;
	width: 35%;
	height: 25px;
	font-size: 15px;
	color: #555555;
}
#login label,#submit{
	text-transform: uppercase;
}
#login #submit {
	width: 44%;
	font-size: 16px;
	height: 30px;
}
#login #feedback{
	margin: 10px 0 10px 0;
}
#login .alert {
	width: 480px;
	color: #EEEEEE;
	font-size: 23px;
	background-color: #000000;
	padding: .4em;
	border: 1px dotted white;
	font-size: 19px;
	line-height: 19px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 2px;
}

/*-------------------*/
#wrapper{
	margin: 5px auto 50px;
	overflow: hidden;
}
#nav, #content_wrapper{
	margin-top: 2px;
}
/*****************************
************HEADER************
*****************************/
#header{
	height: 120px;
	background-color:#FF7A26;
}
/*-------------------*/
/*****************************
*************NAV**************
*****************************/
#nav{
	background-color:#FF7A26;
	height: 40px;
}
#nav ul{
	margin-left: 11px;
	padding: 7px 0;
}
#nav li{
	display: inline-block;
	margin-right: 5px;
	padding: 5px;
	text-transform: uppercase;
	background-color: #040606;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#tabs ul{
	margin-left: 0;
}
#nav li a{
	padding: 7px 10px;
	color: #FFFFFF;
}
#nav li a:hover{
	color: #33ccff;
	text-decoration: none;
}
#nav li:last-child{
	float: right;
}
/*-------------------*/
/*------CONTAINER------*/

#content_wrapper{
	overflow: hidden;
}
#main_content{
	background-color: #f6d6a6;
}
#tabbed_content{
	margin: 7px auto;
	width: 98%;
}
#tabbed_content h4{
	font-weight: bold;
	margin: 0 0 0 10px;
}
.tab{
	background-color: #FF7A26;
	padding: 4px;
}
#tabs li a{
	padding: 5px 5px 2px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
#tabs li{
	display: inline-block;
}
li a.selected{
	background-color: #F8EEDF;
}
#tabs li a:hover{
	color: #000000;
	text-decoration: none;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
#tabs li:hover{
	background-color: #;
}
.tab_content{
	background-color: #F8EEDF;
	padding: 10px;
}

#sidebar{

}
#add_diary_entry_comment{
	background-color:#F6D6A6;
}
#add_diary_entry_comment textarea{
	width: 224px;
}
#add_diary_entry, #add_diary_entry_comment_form{
	background-color: #F6D6A6;
	padding: 10px;
	width: 768px;
	margin: 10px auto;
}
.pseudo_btn{
	background: url('../images/button_bg.png') repeat-x;
	text-align: center;
	padding: 1px 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 5px;
}
.button{
	background: url('../images/button_bg.png') repeat-x;
	text-align: center;
	padding: 5px 0 5px;
	height: 32px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
}
.button:hover, .pseudo_btn:hover{
	background: url('../images/button_bg_hover.png') repeat-x;
	cursor: pointer;
}
.button:active, .pseudo_btn:active{
	background: url('../images/button_bg_active.png') repeat-x;
}
#add_diary_entry fieldset{
	width: 220px;
}
#add_diary_entry legend{
	font-size: 16px;
	text-transform: uppercase;
}
#add_diary_entry fieldset label{
	display: block;
	margin: 10px 0 0 0;
}
#add_diary_entry fieldset textarea{
	/* width: 215px; */
}
#add_diary_entry input[type=button]{
	margin-top: 10px;
}
#ChatContent{
	background-color: #FFFBF5;
	border: 1px solid #555555;
	height: 300px;
	padding: 5px;
	width: 500px;
	float: left;
}
#new_chat{
	float: right;
}
#ChatSubmit textarea{
	width: 500px;
	padding: 5px;
}
.lightbox{
	min-width: 230px;
	display: none;
	/* border: 1px solid #536376; */
	border: 1px solid #F8EEDF;
	/* background-color: #EEF2F7; */
	background-color: #F0F0F0;
	padding: 15px 20px;
	-moz-border-radius: 6px 6px 6px 6px;
	-moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}
#reccomandation_box p{
	font-size: 14px;
	padding: 5px;
}
#reccomandation_box p input{
	margin-right: 5px;
}
#reccomandation_box #reccomandation_box_feedback{
	margin-top: 10px;
	height: 26px;
	padding: 7px 0 0 35px;
}
.close_lightbox{
	height: 24px;
	width: 24px;
	float: right;
	background-image:url('../images/close_button.gif');
}

#account_profile ul{
	margin-left: 10px;
}
#account_profile li{
	width: 260px;
}
#account_profile li input[type=button]{
	width: 55px;
}
#account_profile li input[type=text], #account_profile li input[type=password]{
	width: 190px;
}
#account_profile select{
	width: 196px;
}
#account_profile li:hover{
	background-color: #F8EEDF;
}
.left{
	float: left;
	margin: 0px 0px 2px 0px;
}
.edit{
	width: 60px;
}
#edit_account_profile{
	float: right;
}
#account_profile_form div{
	margin: 25px 0px 0px 0px;
}
#account_profile_form input{
	margin: 5px 0px 7px 0px;
}
#account_profile_form label{
	float: left;
	width: 140px;
	margin: 5px 0px 7px 0px;
}

#accounts_table {
	padding: 4px;
}
#accounts_table table{
	width: 100%;
}
#accounts_table thead{
	background-color: #FF7A26;
	color: #FFFFFF;
}
#accounts_table thead th{
	padding: 3px 4px;
	text-align: center;
	height: 27px;
	border-bottom: 1px solid #999999;
}
#accounts_table tr{
	height: 34px;
}
#accounts_table .row_even{
	background-color: #F8EEDF;
	border: 1px solid #AAAAAA;
}
#accounts_table tbody tr:hover{
	background-color: #8ADEFF;
}
#accounts_table img{
	vertical-align: middle;
}
#accounts_table td{
	padding: 7px 0;
	text-align: center;
}
.press:hover{
	cursor:pointer;
}
#accounts_table td>span>img{
	cursor: pointer;
	margin-right: 4px;
}
#accounts_table td img:first-child{
	margin-right: 8px;
}
#accounts_table td img:last-child{
	margin-right: 0;
}
#add_account_form{
	margin: 0px 5px;
	padding: 5px;
	background-color: #f6d6a6;
}
#add_account_form li, #account_profile li{
	overflow: hidden;
	margin-bottom: 5px;
	padding: 4px 5px;
}
#add_account input[type=button]{
	border-width: 0px;
	width: 100%;
	font-size: 14px;
}
#add_account_form li label{
	width: 110px;
	float: left;
}
#add_account_form li input, #add_account_form li select{
	width: 170px;
	float: right;
}
#add_account_form>input[type=button]{
	margin: 25px 0 8px 0;
}
#add_account_form #feedback span.error{
	width: 100%;
	padding-left: 25px;
	margin:0 0 0 10px;
}
#content_cat ul li{
	width: 120px;
}
#whitelist_ip ul, #content_cat ul{
	margin: 10px 0;
}
#whitelist_ip ul li, #content_cat ul li{
	padding: 2px 10px;
	margin-top: 2px;
	background-color: #F6D6A6;
	border: 1px solid #AAAAAA;
}
#whitelist_ip li:hover, #content_cat ul li:hover{
	background-color: #8ADEFF;
}
#whitelist_ip li span.setting_value{
	width: 120px;
	display: inline-block;
}

#whitelist_ip img.setting_status{
	vertical-align: middle;
	margin-right: 10px;
}
#whitelist_ip img.setting_status:hover{
	cursor: pointer;
}
/*#################################*/
.fog{
	background-color: #e3e3e3;
	/* z-index: 999; */
	position: fixed;
	top: 5px;
	left: 7px;
	right: 7px;
	bottom: 7px;
}

.profile_img_tooltip{position: fixed;}
.arrow				{border-color: green transparent transparent;border-style:solid;border-width:20px;width:0;height:0;}
.cls				{cursor: pointer;float: right;margin: 5px 5px 0 0;}
/*****************************
*****************************/

/*****************************
***********DIARY ENTRY********
*****************************/
#entry										{padding: 7px 15px;}
#entry .de_head h2							{display: inline-block;font-weight: bold;}
#entry .de_head h2 img						{margin: 0px 3px 0px 0px;vertical-align: middle;}
#entry .de_head .date_created				{color: #939393;font-size: 12px;font-style: italic;float: right;}
#entry .de_body								{margin-top: 6px;}
#entry .de_body>p							{background-color: #F8EEDF;border: 1px solid #bcbbbb;font-size: 16px;line-height: 25px;padding: 15px;text-align: justify;}
#entry .de_footer							{margin-top: 5px;}
#entry .de_footer .controls span img			{cursor: pointer;margin-right: 3px;opacity: 0.2;vertical-align: middle;}
#entry .de_footer .controls span img:hover		{opacity: 1.0;}
#entry .de_footer span .category				{float: right;margin-top: 3px;}
/*****************************
*****************************/

/*****************************
*******DIARY ENTRY LIST*******
*****************************/

#diary_entry									{padding: 0 3px 3px 3px;}
#diary_entry>ul									{margin-left: 0px;}
#diary_entry>ul>li								{padding: 10px;margin-top: 4px;border-top: 1px solid white;border-left: 1px solid white;border-bottom: 2px solid #bcbbbb;border-right: 2px solid #bcbbbb;	background-color: #F8EEDF;}
#diary_entry>ul>li:hover							{background-color: #C8F0FF;}
#diary_entry li .de_head h2						{display: inline-block;font-weight: bold;}
#diary_entry li .de_head img						{margin: 0px 3px 0px 0px;vertical-align: middle;cursor: pointer;}
#diary_entry li .de_head .date_created				{font-size: 12px;font-style: italic;float: right;color: #939393;}
#diary_entry li .de_body 							{margin-top: 6px;}
#diary_entry li .de_body>p						{background-color: #F0F0F0;border: 1px solid #bcbbbb;padding: 15px;text-align: justify;font-size: 15px;line-height: 20px;}
#diary_entry .de_footer							{margin: 5px 0 0 0;overflow: hidden;}
#diary_entry .de_footer .controls span img			{margin-right: 3px;vertical-align: middle;cursor: pointer;opacity: 0.2;}
#diary_entry .de_footer .controls span img:hover	{opacity: 1.0;}
#diary_entry .de_footer span.category				{float: right;margin: 3px 0px 0px 0px;}
/*****************************
*****************************/

.last_diary_entry								{font-style: italic; margin-left:10px;}

/*****************************
***********COMMENTS***********
*****************************/

#comments_wrapper, 
	.comments_box										{margin-top: 10px;}
#comments_wrapper>ul li,
	.comments_box>ul>li									{background-color: #f0f0f0;padding:0 5px 5px 5px;margin-bottom: 5px;border: 1px solid #bcbbbb;}
#comments_wrapper>ul li:hover								{background-color: #F8EEDF;}
#comments_wrapper >ul li>p.com_body,
	.comments_box>ul>li>p.com_body						{font-size: 14px;line-height: 24px;padding: 5px;}
#comments_wrapper>ul>li>p.com_footer, 
	.comments_box>ul li>p.com_footer						{overflow: hidden;}
#comments_wrapper>ul li>p.com_footer .date_created,
	.comments_box>ul>li>p.com_footer .date_created			{font-style: italic; font-size: 12px; float: right;color: #939393;}
#comments_wrapper>ul li>p.com_footer .date_created img,
	.comments_box>ul li>p.com_footer .date_created img		{vertical-align: middle;}
#comments_wrapper>ul li>p.com_footer .controls img, 
	.comments_box>ul li>p.com_footer .controls img			{margin-right: 3px;vertical-align: middle;cursor: pointer;opacity: 0.2;}
#comments_wrapper>ul li>p.com_footer .controls img:hover,
	.comments_box>ul li>p.com_footer .controls img:hover	{opacity: 1.0;}
/*****************************
*****************************/

/****************************
**********USER LIST**********
****************************/
#user_list							{border: 1px solid #E3E3E3;padding: 5px;background-color: #F6D6A6;}
#user_list h4						{font-weight: bold;text-align: center;background-color: #FF7A26;color: #FFFFFF;padding: 3px;}
#user_list ul						{margin-left: 0px;margin-top: 7px;}
#user_list ul li						{background-color: #F8EEDF;margin-bottom: 3px;padding: 2px 3px 3px 3px;}
#user_list ul li:hover					{background-color: #F0E0D0;}
#user_list li span.last_login			{float: right;font-size: 12px;font-style: italic;margin-top: 2px;}
#user_list li a span.user_name			{/* text-transform: uppercase; */}
#user_list li a span.account_status img	{vertical-align: text-top;}

/*****************************
*****************************/

/****************************
********FEEDBACK BOX*********
****************************/
#feedback_wrapper	{max-width: 350px;position: fixed;top: 0;left: 40%;z-index: 10001}
.feedback_box		{background-repeat: no-repeat;background-position: 10px 50%;border: 1px solid #CCC;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;display: inline-block;margin-top: 5px;max-height: 50px;min-height: 35px;min-width: 200px;}
.feedback_box h5		{text-transform: inherit;padding: 5px 5px 5px 25px;margin: 3px 10px;color: #000;}
.loading			{background-color: #C8F0FF;background-image: url('../images/ajax_loader.gif');}
.warning			{background-color: #FFE0E0;background-image: url('../images/no.png');}
.notice				{background-color: #FDFFE0;background-image: url('../images/warning.png');}
.success			{background-color: #CFFFCE;background-image: url('../images/yes.png');}