* {
	margin: 0;
	padding: 0;
}
body{
	background: #fff url(../admin-img/bg_top.jpg) repeat-x;
	color: #bebebe;
	font-family: Sans-serif, Arial, Helvetica;
	font-size: 11px;
	margin: 0;

}

#first{ width:700px; height:30px; margin:auto; margin-bottom:10px }
#second{ width:800px; height:500px; margin:auto; border:none; margin-left:15px }
#third{ width:800px; height:500px; margin:auto; border:none }
#fourth{ font-family:Sans-serif; margin:auto; width:790px }


h1, h2, h3, h4{
	font-family: Sans-serif;
	color: #444444;
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
    button, .button{
	width:80px;
	background: #F3F3F3;
	border: 1px solid #DCDCDC;
	border-radius: 2px;
	color: #444444;
	cursor: pointer;
	display: inline-block;
	font: 700 11px Tahoma, Arial, sans-serif;
	margin-right: 10px;
	padding: 7px 12px 7px 12px;
	position: relative;
	text-decoration: none;
	text-shadow: 0px 1px 0px #FFFFFF;
}
    button:hover, .button:hover{
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-right-color: #999999;
	border-top-color: #999999;
	color: #333333;
	text-decoration: none;
}

.wrap{
	margin: 0 auto;
	width: 1050px;
}

#header #top{
	height: 34px;
	padding: 14px 20px 0 20px;
}
#header #top p{
	text-shadow: #000 0px 1px 1px;
}
#header #top a{
	color: #f07e01;
}

#content{
	margin: 50px 0 10px 0;
}
#content .b1{
	background: #ffffff;
}
#content .b2{
	background: #f7f7f7;
}

#content tr:nth-child(even){
	background: #ffffff;
}
#content tr:nth-child(odd){
	background: #f7f7f7;
}

/* CONTENT SIDEBAR START */

#content #sidebar{
	float: left;
	margin: 0 20px 0 0;
	width: 190px;
}
#sidebar a{
	color: #656565;
}

#sidebar .box{
	border: 1px solid #DCDDE1;
	margin: 0 0 12px 0;
}
#sidebar .box .h_title{
	background: url(../admin-img/pad1.jpg) repeat-x;
	color:#333333;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	height: 22px;
	padding: 7px 0 0 15px;
	text-shadow:#fff 1px 1px 1px;
}

#sidebar .box ul{
	list-style: none;
}
#sidebar .box ul li{
	padding: 8px 0 8px 5px;
}
.box ul li .icon{ padding: 2px 0 2px 22px;}
.box ul li .page{ background: url(../admin-img/i_page.png) no-repeat center left;}
.box ul li .view_page{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='14' height='17' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25' /%3E%3C/svg%3E") no-repeat center left;}
.box ul li .category{ background: url(../admin-img/i_category.png) no-repeat center left;}
.box ul li .contact{ background: url(../admin-img/i_contact.png) no-repeat center left;}
.box ul li .report{ background: url(../admin-img/i_report.png) no-repeat center left;}
.box ul li .add_page{ background: url(../admin-img/i_add_page.png) no-repeat center left;}
.box ul li .photo{ background: url(../admin-img/i_photo.png) no-repeat center left;}
.box ul li .config{ background: url(../admin-img/i_config.png) no-repeat center left;}
.box ul li .logout{ background:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' width='12' height='15' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.636 5.636a9 9 0 1 0 12.728 0M12 3v9'/%3E%3C/svg%3E") no-repeat center left;}
.box ul li .users{ background: url(../admin-img/i_users.png) no-repeat center left;}
.box ul li .users{ background: url(../admin-img/i_users.png) no-repeat center left;}
.box ul li .add_user{ background: url(../admin-img/i_add_user.png) no-repeat center left;}
.box ul li .block_users{ background: url(../admin-img/i_block_users.png) no-repeat center left;}




/* CONTENT MAIN START */

#content #main{
	float: right;
	margin: 0 0 5px 0;
	width: 830px;

	
	
}

#content #main2{
	float: right;
	margin: 0 0 12px 0;
	width: 830px;
	
}

#content #main ul, #content #main ol{
	list-style-position: inside;
	margin: 0 0 0 35px;
}

#main .full_w{
	background: #ffffff;
	border: 1px solid #DCDDE1;
	color: #848484;
	margin: 0 0 20px 0;
}
#main .full_w .h_title, #main .half_w .h_title{
	background: url(../admin-img/pad1.jpg) repeat-x;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	height: 22px;
	padding: 7px 0 0 15px;
	text-shadow: #fff 1px 1px 1px;
}
#main .full_w .list{
	list-style: none;
}
#main .full_w h1, #main .full_w h2, #main .full_w h3{
	margin: 15px 15px 5px 15px;
}
#main .full_w p{
	line-height: 16px;
	margin: 5px 15px;
}

#main .full_w2{
	background: #ffffff;
	border: 1px solid #DCDDE1;
	color: #333;
	margin: 0 0 0 0;
	font-size: 1.22em;


}
#main .full_w2 .h_title{
	background: url(../admin-img/pad1.jpg) repeat-x;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	height: 22px;
	padding: 7px 0 0 15px;
	text-shadow: #fff 1px 1px 1px;
}
#main .full_w2 .list{
	list-style: none;
}
#main .full_w2 h1, #main .full_w2 h2, #main .full_w2 h3{
	margin: 15px 15px 5px 15px;
}
#main .full_w2 p{
	line-height: 16px;
	margin: 5px 15px;
}





#main .full_wx{
	background: #ffffff;
	border: 1px solid #DCDDE1;
	color: #333;
	margin: 0 0 0 0;
	font-size: 1.22em;

}
#main .full_wx .h_title{
	background: url(../admin-img/pad1.jpg) repeat-x;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	height: 22px;
	padding: 7px 0 0 15px;
	text-shadow: #fff 1px 1px 1px;
}
#main .full_wx .list{
	list-style: none;
}
#main .full_wx h1, #main .full_wx h2, #main .full_wx h3{
	margin: 15px 15px 5px 15px;
}
#main .full_wx p{
	line-height: 16px;
	margin: 5px 15px;
}




#main .half_w{
	background: #ffffff;
	border: 1px solid #DCDDE1;
	color: #848484;
	margin: 0 0 20px 0;
	width: 330px;
	float: left;
}
#main .half_left{
	margin-right: 10px;
}
#main .half_right{
	margin-left: 4px;
}

/* STATS BLOCK */

#main .stats .today, #main .stats .week{
	float: left;
	margin: 10px auto;
	text-align: center;
	text-shadow: #fff 1px 1px 0px;
	width: 49%;
}
#main .stats .today{
	border-right: 1px dashed #c0c0c0;
}
#main .stats h3{
	color: #797777;
	font-size: 12px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
#main .stats .count{
	color: #444444;
	font-size: 23px;
	font-weight: bold;
}
#main .stats .type{
	font-size: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

/* CONTENT MAIN FORM */
#main form{
	margin: 15px;
}
#main form .element{
	clear: both;
	border-bottom: 1px dashed #ededed;
	display: block;
	margin: 0;
	padding: 10px 10px;
}
#main form label{
	color: #575757;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 3px;
}







#main form label span{
	color: #b8b8b8;
	font-size: 11px;
	font-weight: normal;
}
#main form input, #main form select, #main form textarea{
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	font-size: 11px;
	font-family: Sans-serif, Arial, Helvetica;
	padding: 5px 3px;
	
}
#
#main form input:focus, #main form select:focus, #main form textarea:focus{	border: 1px solid #b3b3b3;}

#main form select{
	border: 1px solid #DDDDDD;
	border-radius: 3px;

}
#main form .text{
	width: 100%;
}
#main form .textarea{
	width: 100%;
}






/* MAIN TABLE */



.table-icon { padding: 1px 8px; margin-right: 5px; }
.edit.table-icon { background: url(../admin-img/i_edit.png) no-repeat; }
.delete.table-icon { background: url(../admin-img/i_delete.png) no-repeat; }
.archive.table-icon { background: url(../admin-img/i_archive.png) no-repeat; }


#footer{
	background:#CCCCCC;
	border-top: 2px solid #999;
	color: #333;
	float: left;
	margin: 0 auto;
	padding: 8px 20px;
	text-shadow: #fff 1px 1px 1px;
	width: 860px;
	margin-bottom:20px
}
#footer a{
	color:#5B5B5B;
	font-weight: bold;
}

/* HELPERS START */

.entry{ color: #444; margin: 5px 0; padding: 5px 15px; text-shadow: 0px 1px #ffffff; }
.add{ background: #F3F3F3 url(../admin-img/i_add.png) no-repeat 4px center;	padding-left: 25px;}
.cancel{ background: #F3F3F3 url(../admin-img/i_delete.png) no-repeat 4px center;	padding-left: 25px;}
.sep{ border-bottom: 1px dashed #DDDDDD; margin: 10px 0;}

.clear{ clear: both; }




table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #c0c0c0;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #b7b7b7;
	background-color: #e5e5e5;
	text-align:left;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #c0c0c0;
	background-color: #ffffff;
}