/* @override 
	http://localhost/picsengine3/dev/admin/public/css/structure.css
	http://localhost/picsengine3/dev/admin/public/css/structure.css?v=3.0.4
	http://localhost/dp/picsengine3/dev/admin/public/css/structure.css?v=3.1
	http://localhost/dp/picsengine3/dev/admin/public/css/structure.css?v=3.2
	http://localhost/dp/picsengine3/dev/admin/public/css/structure.css?v=3.2.1
	http://localhost/dp/picsengine3/dev/admin/public/css/structure.css?v=3.5d
*/

/* @group structure */
body, h1, h2, h3, h4, h5, p, ul, li, img, form, dl, dd, dt {
	cursor: default;
}

#picsengine.fixed {
	background: #000 url('../src/back.gif') repeat-x;
	position: fixed;
	min-height: 994px;
	width: 100%;
}
#head {
	overflow: hidden;
	height: 41px;
	width: 100%;
}

#menu {
	list-style: none;
	margin: 0 0 0 10px;
}
#menu li {
	float: left;
	margin-left: -40px;
}
#menu li a, #menu li span {
	float: left;
	display: block;
	height: 55px;
	text-decoration: none;
}
#menu li a span span {
	padding: 15px 40px 0 40px;
	height: 40px;
	color: #777777;
	text-shadow: #000 0 -1px 1px;
	font: 16px "Trebuchet MS", Verdana, sans-serif;
}

#menu li a:hover span span { color: #fff; text-decoration: none; }

#menu li.first a, #menu li.first a span { background: transparent; }

#menu li.current a span span {
	color: #FFF;
	padding: 15px 40px 0 40px;
	height: 40px;
}
#menu li.current a { background: url('../src/menu_current.gif') repeat-x 0 -41px; }
#menu li.current a span { background: url('../src/menu_current.gif') no-repeat 0 0; }
#menu li.first_current a span { background: transparent; }
#menu li.current a span span, #menu li.first_current a span span { background: url('../src/menu_current.gif') no-repeat right -82px; }

#menu_right {
	overflow: hidden;
	height: 40px;
}

.red_button {
	height: 24px; 
	margin-top: 7px;
	margin-right: 5px;
	text-decoration: none;
	font-size: 11px; 
}
.red_button,
.red_button span {
	float: left;
	display: block;
	background: url('../src/red_button.png') no-repeat;
	height: 29px;
	cursor: pointer;
}
.red_button span {
	background-position: right -58px;
}
#new_version.red_button span {
    background-position: right -174px;
}
.red_button span span {
	background-position: left -29px;
	background-repeat: repeat-x;
	margin: 0 22px;
}
#new_version.red_button span span {
    background-position: left -29px;
}
.red_button span span span {
	background: transparent;
	margin: 0 -22px;
	padding: 7px 9px 0 9px; 
	overflow: hidden;
	text-shadow: rgba(0,0,0,0.31) 0 -1px 0;
}
#new_version.red_button span span span {
    padding-right: 26px;
}
.red_button:active {
	background-position: left -87px;
}
.red_button:active span {
	background-position: right -145px;
}
#new_version.red_button:active span {
    background-position: right -203px;
}
.red_button:active span span {
	background-position: left -116px;
}
#new_version.red_button:active span span {
    background-position: left -116px;
}

#head .top_link {
	float: right;
	color: #777777;
	border-right: 1px solid #3e3e3e;
    text-shadow: #000 0 -1px 1px;
	font: 14px "Trebuchet MS", Verdana, sans-serif;
	padding: 5px 8px 3px 0;
	margin-right: 8px;
	margin-top: 10px;
}
#head #evaluation_version_container {
 	float: right;
}
#head #evaluation_version {
    float: right;
 	border-right: 1px solid #3e3e3e;
 	margin-top: 10px;
    margin-right: 8px;    
}
#head #evaluation_version .red_button {
    margin-top: -3px;
}

#head .top_link:hover {
	color: #fff;
}
#head #top_right {
	display: block;
	float: right;
}
#head #top_right #ajax_loading {
	display: none;
	border: none;
	padding-right: 23px;
	background: url('../src/top_loading.gif') no-repeat right 5px;
}
#head #top_right #ajax_loading:hover {
	color: #777777;
}
#head #top_right.loading #ajax_loading {
	display: block;
}
#head #top_right.loading #logo {
	display: none;
}
#head #logo {
	clear: right;
	float: right;
	margin: 9px 17px 0 0;
	display: block;
	width: 108px;
	height: 23px;
	background: url('../src/logo.gif') no-repeat;
}
#head #logo:hover {
	background: url('../src/logo_hover.gif') no-repeat;
}
#head #logo span {
	display: block;
	color: #777777;
	text-shadow: #000 0 -1px 1px;
	font: 14px "Trebuchet MS", Verdana, sans-serif;
	padding: 5px 0 3px 85px;
}
#head #logo span:hover {
	color: #FFFFFF;
}

#left {
	float: left;
	width: 196px;
	padding: 0;
	background-color: #111;
	border-right: 1px solid #2b2b2b;
}

#left_menu {
	list-style: none;
	padding: 0;
	margin-top: -1px;
	margin-right: -1px;
}
#left_menu li a {
	display: block;
	padding: 7px;
	text-shadow: #000 0 -1px 1px;
	color: #777777;
}
#left_menu li a:hover {
	color: #FFF;
}
#left_menu li.current a {
	color: #fff;
	background: #000;
	text-shadow: none;
	padding: 6px 7px;
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #2b2b2b;
}

#picsengine.fixed #section {
}
#section {
	overflow: hidden;
}

#content {
	margin-top: 7px;
	margin-left: 205px;
	color: #FFF;
}
#content.no_left {
	margin-left: 3px;
	margin-top: 6px;
}

#right {
	clear: right;
	float: right;
	width: 170px;
}
/* @end */






/* @group top */
.top {
	background: url('../src/page_top.gif') no-repeat;
	width: 596px;
	overflow: auto;
}
.topbar {
	padding: 6px 0 0 6px;
	overflow: auto;
}

/* @end */

/* @group tabs */
.tabs_container {
	background: url('../src/right_back.gif') repeat-x 0 29px;
	width: 285px;
	min-height: 200px;
}
.tabs_container.tabs_folders {
	width: 459px;
}
.tabs_container .tabs {
	list-style: none;
	overflow: hidden;
}
.tabs_container .tabs li {
	float: left;
}
.tabs_container .tabs li a, .tabs_container .tabs li a span {
	float: left;
	display: block;
	height: 30px;
}
.tabs_container .tabs li.current a, .tabs_container .tabs li.current a span {
	background-image: url('../src/right_tab.gif');
}
.tabs_container .tabs li a {
	background-repeat: repeat-x;
	background-position: 0 -30px;
}
.tabs_container .tabs li a span {
	background-repeat: no-repeat;
	background-position: 0 0;
}
.tabs_container .tabs li a span span {
	background-repeat: no-repeat;
	background-position: right -60px;
	padding: 7px;
	height: 16px;
	font-size: 11px;
	text-shadow: #000 0 -1px 1px;
}

/* @group loading icon */
.tabs_container .loading_icon {
	margin-top: 10px;
	height: 55px; 
}
.tabs_container .loading_icon.hide {
	background: transparent; 
	display: none;
}
/* @end */
/* @end */

/* @group bottom fixed */
.bottom_fixed {
	z-index: 50;
	left: 0px;
	bottom: 0px;
	position: fixed;
	display: block;
	width: 100%;
	height: 51px;
	background: url('../src/bottom.png') repeat-x;
}
/* @end */

/* @group help box */
.help_box, .help_box_bottom, .help_box_center {
	width: 235px;
	background: url('../src/helpbox.png');
}
.help_box {
	background-repeat: no-repeat;
}
.help_box_bottom {
	background-repeat: no-repeat;
	background-position: -470px bottom;
	padding: 9px 0;
}
.help_box_center {
	background-repeat: repeat-y;
	background-position: -235px 0;
}
.help_box_content {
	padding: 3px 12px;
}
/* @end */