/*
 * Admin Panel CSS
 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align:baseline;
    background:transparent;
}

@media only screen and (max-width: 1150px)
{
	section#wrapper
	{
		width: 932px;
	}
	div#content
	{
		width: 75%;
	}
}

@media only screen and (max-width: 980px)
{
	section#wrapper
	{
		width: 842px;
	}
	div#content
	{
		width: 72%;
	}
}

body
{
	font-family: Arial, Helvetica, sans-serif;
    line-height:1.5em;
	font-size: 12px;
	background-color: #F2F2F2;
	color: #5b5b5b;
}

h1
{
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 15px;
}

h3
{
	margin-bottom: 5px;
}

a
{
	text-decoration: none;
	color: #555555;
}

a:hover
{
	color: #15c5ff;
}

a.classic
{
	text-decoration: underline;
}

input, textarea, select
{
	padding: 5px;
	border: 1px solid #c7c7c7;
}

button
{
	margin-top: 5px;
	padding: 4px 10px;
}

textarea:focus, input[type=text]:focus, input[type=password]:focus
{
  border: 1px solid #8b8b8b;
  background: white;
}

ol li
{
	margin-bottom: 5px;
}

p
{
	margin-bottom: 10px;
}

/* 
 * Login box
 */

#login
{
	width: 300px;
	margin: 150px 0 0 50%;
}

#login label
{
	display: block;
	margin-top: 10px;
	color: #a3a3a3;
	font-size: 14px;
}

#login form
{
	padding: 20px;
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	background-color: #ffffff;
}

#login form input
{
	width: 225px;
	margin-top: 5px;
	padding: 10px 10px 10px 26px;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	color: #555;
	border-radius: 5px;
}

input#auth_user_login
{
	background: url("../template/login-sprite.png") no-repeat scroll 6px -8px;
}

input#auth_user_password
{
	background: url("../template/login-sprite.png") no-repeat scroll 6px -58px;
}

#login form button
{
	margin-top: 10px;
}

/*
 * Body wrapper
 */

#wrapper
{
	display: block;
	overflow: hidden;
	max-width: 1100px;
	min-height: 400px;
	margin: 20px auto 0px;
	padding: 10px;
	position: relative;
	border: 1px solid #dddddd;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
}

#header
{
	display: block;
	overflow: auto;
	padding: 0px 0px 7px 0px;
	border-bottom: 1px dotted #dddddd;
	font-size: 10px;
}

#sitename
{
	display: block;
	float: left;
}

/*
 * User info
 */

#user_info
{
	display: block;
	float: right;
	font-size: 11px;
}

/*
 * Left menu
 */

div#panel_left
{
	display: block;
	max-width: 160px;
	height: 98%;
	float: left;
}

div#panel_left ul#menu_left li span.expand a, .panel_link
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	padding: 5px 5px 5px 28px;
	margin: 0px 15px 0px 5px;
	border: 1px solid #efefef;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

div#panel_left .panel_link:hover
{
	color: #555555;
}

div#panel_left ul#menu_left li span.expand a:hover
{
	border: 1px solid #dadada;
}

div#panel_left :target span.expand a:after
{
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;

}

ul#menu_left
{
	list-style-type: none;
}

ul#menu_left
{
	
}

ul#menu_left ul.submenu
{
	height: inherit;
	display: none;
	list-style-type: none;
	margin: 2px 0px 0px 12px;
}

ul#menu_left ul.submenu li
{
	display: block;
	margin-bottom: 3px;
}

ul#menu_left ul.submenu li a
{
	color: #555;
	padding: 4px 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: none;
}

ul#menu_left ul.submenu li a:hover
{
	background-color: #ecf8ff;
}

/*
 * Main box
 */

#main
{
	display: block;
	overflow: auto;
	margin: 0px 0px 0px 150px;
	padding-left: 13px;
	border-left: 1px solid #efefef;
}

#content
{
	float: left;
	width: 79.51%;
	min-height: 400px;
	margin: 10px 0px;
}

/*
 *	Right menu 
 */

#right_menu
{
	display: block;
	float: right;
	width: 150px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	border-left: 1px solid #EFEFEF;
}

/*
 * Footer
 */

footer
{
	text-align: center;
	margin: 12px 0px;
}

/*
 * Additional
 */

.link
{
	cursor: pointer;
	border-bottom: 1px dotted;
}

.link:hover
{
	color: #15c5ff;
}

.text
{
	line-height: 1.7;
}

.center
{
	text-align: center;
}

.right
{
	float: right;
}

.pointer
{
	cursor: pointer;
}

.font_10
{
	font-size: 10px;
}

.font_11
{
	font-size: 11px;
}

.font_12
{
	font-size: 12px;
}

.font_13
{
	font-size: 13px;
}

.font_14
{
	font-size: 14px;
}

.font_15
{
	font-size: 15px;
}

.font_16
{
	font-size: 16px;
}

.gray
{
	color: #c5c5c5;
}

.dark_gray
{
	color: #7f7f7f;
}

.red
{
	color: red;
}

.hidden
{
	display: none;
}

.money_green
{
	font-weight: bold;
	color: #13b50f;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

/*
 * 		Tabs
 */

ul.tabs
{
	margin: 0px 0px;
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
}

.tabs li
{
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 13px 1px;
	color: #777;
	font-size: 14px;
	border: 1px solid #E4E4E4;
	border-bottom: 1px solid #F9F9F9;
	position: relative;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	cursor: pointer;
}

.tabs li:hover,

.vertical .tabs li:hover
{
	color: #F70;
	padding: 0 13px;
	border: 1px solid #FFCA95;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.tabs li.current
{
	color: #444;
	padding: 0 13px 2px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid #F8F8F8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

ul.tabs li a
{
	font-size: 14px;
}

ul.tabs li a:hover
{
	text-decoration: none;
}

.box
{
	overflow: auto;
	border: 1px solid #D4D4D4;
	border-width: 0 1px 1px;
	padding: 16px;
	margin: 0px 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.box.visible
{
	display: block;
}

/*
 * Pagination
 */

#pagination
{
	margin: 20px 0 25px 0;
}

#pagination span
{
	margin-right: 3px;
	padding: 5px 8px;
	border: solid 1px #DDDDDD;
}

#pagination span:hover
{
	border: solid 1px #b6b6b6;
	cursor: pointer;
}

#pagination span.current
{
	border: solid 1px #f4f4f4;
}

/*
 * Tip box
 */

.tipbox
{
	color: #5B5B5B;
}

.tipbox.yellow
{
	border: 1px solid #ffcf9b;
	background: #fffdfb;
	padding: 12px;
	border-radius: 12px;
}

.tipbox.blue
{
	border: 1px solid #00a8e8;
	background: #f9fdff;
	padding: 12px;
	border-radius: 12px;
}

.tipbox.red
{
	border: 1px solid #ff9595;
	background: #fff9f9;
	padding: 12px;
	border-radius: 12px;
}

/*
 * Modal window
 */

div.modal
{
	position: fixed;
	overflow: scroll;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0,5;
	-khtml-opacity: 0,5;
	opacity: 0,5;
	z-index: 10000;
}

div.modal > div
{
	position: relative;
	margin: 57px auto;
	padding: 30px 25px 25px 25px;
	border-radius: 5px;
	background-color: #FFFFFF;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}