@import "styles_photogallery.css";
@import "styles_artcles.css";
@import "styles_faqs.css";
@import "styles_odbsoft.css";
@import "styles_rules.css";
@import "styles_fileserver.css";
/*
	css design by ZZL.
	http://www.zzl.spb.ru
*/

/* headers */
h1, h2, h3 { font: normal 1em Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
h1 { font-size: 1.6em; text-transform: uppercase;}
h2 { font-size: 1.2em;
/*font-family:"Arial Black", Gadget, sans-serif;*/
 font-weight:bold;
 }
h3 { font-size: 1.2em; }

.sTit1L2, .sTit2L2 { font: normal 1em Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
.sTit1L1 {color:#333; text-indent:2px; }
.sTit1L2 {color:#FFF; margin-top:-1.3em; font-size: 1.6em; text-transform: uppercase;}
.sTit2L1 {color:#444; text-indent:1px; padding-top:4px;}
.sTit2L2 {color:#F60; margin-top:-1.3em; font-size: 1.2em;font-weight:bold;}

img, a {
	border:0; /*FireFOX Fix*/
}

img.brd {border: 1px solid #fff;}

img.float-right {
  	margin: 5px 0px 10px 10px; float:right;
}
img.float-left {
  	margin: 5px 20px 10px 0px; float: left;
}


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

a:hover {
	color : #f60;
	text-decoration : underline;
}

a.side, div.side{
	color : #005599;
	text-decoration : none;
	padding: 2px 3px 2px 3px;
}

a:hover.side, div:hover.side{
	background:#Fff;
	color: #fff;
	color : #f60;
	/*text-decoration : underline;*/

}

a.white, li.white a {
	color: #FFF;
	text-decoration: none;
	padding: 4px 1px 4px 1px;
	/*margin: 10px 3px 5px 3px;*/
}

a:hover.white, li.white a:hover {
	background:#F90 url(images/a_hover.png);
	color: #fff;
	padding: 4px 1px 4px 1px;
}


.curr {
	padding: 4px 1px 4px 1px;
	background: #ffab6c url(images/a_hover_t.png);
}
.curr_s {
	padding: 1px 1px 1px 1px;
	/*background-*/color: #F60;
	font-weight:bold;
}

.cntrs {  text-align:center; margin:5px;}

body {
	color : #555;
	background : #5b9bbe;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin: 0px;
	min-width: 865px;
        SCROLLBAR-FACE-COLOR: #0067A8;
        SCROLLBAR-HIGHLIGHT-COLOR: #0067A8;
        SCROLLBAR-SHADOW-COLOR: #0067A8;
        SCROLLBAR-3DLIGHT-COLOR: #5B9BBE;
        SCROLLBAR-ARROW-COLOR: #F60;
        SCROLLBAR-TRACK-COLOR: #5B9BBE;
        SCROLLBAR-DARKSHADOW-COLOR: #5B9BBE;
        SCROLLBAR-BASE-COLOR: #0067A8;
}

table.thdr { width:100%; border:0;}
table.thdr td {vertical-align:bottom; text-align:center;}

form {
	margin : 0px;
}

hr {
	height : 0px;
	border : 1px solid #e1e1e1;
}

hr.side-hr {
	height : 1px;
	border : 1px solid #eee;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

pre {
	font-family : Verdana, Tahoma, Arial, Sans-Serif;
	font-size : 11px;
}

.alt {
	color : #555;
}

.outer-border {
	/*border : 1px solid #000;*/
}

.upline {
	background: #f60;
	height: 8px;
	font-size:1px;/*fuckedIE fix*/
}

.sub-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight:bold;

	/*color : #000;
	background-color : #888;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;*/
	padding : 5px;
}

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
	display: inline;
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.full-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #ddd;
	background: #0067a8 url(images/bg_h_b.png) repeat-x;
	padding : 0px;
}

.footer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFF;
	/*background-color : #f1f1f1;*/
	/*border : 1px solid #ccc;*/
	/*padding : 5px;*/
}
.zzl {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 7px;
	/*font-weight:bold;*/
	color : #fff;
	float: right;
	/*margin: -22px 3px;*/
	padding: 1px 3px 5px 0;}

.admin-message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-align : center;
	color : #555;
	background-color : #f6f6f6;
	border : 1px solid #e1e1e1;
	padding : 3px 4px 5px 4px;
	margin-bottom : 5px;
}

.button {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	height : 20px;
	border : 1px solid #ccc;
	margin-top : 2px;
}
.gbutton {
	height : 20px;
	margin-top : 2px;
}

.bbcode {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	border : 1px solid #ccc;
	margin-top : 2px;
}

.textbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f8f8f8;
	border : 1px solid #ccc;
}

.main-body {
	font-size : 11px;
	color : #555;
	/*background: #ebebeb url(images/bg_main.png) repeat-y;*/
	background: #ebebeb url(images/bg_side.png) repeat-y;
	padding : 10px 10px 10px 10px;
	border :solid #FFF;
	border-width: 0 1px 1px 1px;
	margin-bottom: 10px;
}

.side-body {
	font-size : 10px;
	color : #777;
	background: #ebebeb url(images/bg_side.png) repeat-y;
	padding : 4px;
	border :solid #FFF;
	border-width: 0 1px 1px 1px;
}

#main-bg {
	color : #555;
	/*background-color : #999;*/
	padding : 10px 10px 10px 10px;
}

.side-both #main-bg {margin: 0 187px;}
.side-left #main-bg {margin-left: 187px;}
.side-right #main-bg {margin-right: 187px;}
.side-left #side-border-right {display:none;}
.side-right #side-border-left {display:none;}

.center {
	margin : 0 auto;
}

* html #main-bg{
	height: 0px;
}

.border {
	/*border : 1px solid #e1e1e1;*/
	margin-bottom : 5px;
}

#side-border-left {
	/*color : #777;
	background-color : #fff;*/
	float:left;
	padding : 10px 0px 10px 10px;
	width: 175px;
}

#side-border-right {
	/*color : #777;
	background-color : #fff;*/
	float:right;
	padding : 10px 10px 10px 0px;
	width: 175px;
}

.news-category {
	border:0;
	margin:3px 5px 0 0;
	float:left;
}

.news-footer {
	text-align: center;
	font-size : 10px;
	color : #555;
	background-color : #f1f2f4;
	padding : 3px 4px 4px 4px;
}

.barmain {
	font-family : Verdana, Tahoma, Arial, Sans-Serif;
	font-size : 10px;
	color : #aaa;
	padding : 4px;
}

.capmain {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #fff;
	background: #0067a8 url(images/bg_main_cap.png) repeat-x;
	padding : 6px 10px 5px 10px;
}
.capmain a{
	color:#FFF;
}
.capmain a:hover{
	color:#F60;
	text-decoration: none;
}
.scapmain {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : #fff;
	background: #0067a8 url(images/bg_side_cap.png) repeat-x;
	/*border-bottom : 1px solid #e1e1e1;*/
	padding : 6px;
	/*height:20px;*/
}

.tbl-border {
	border : 0px solid #fff;
}

.tbl {
	font-size : 11px;
	color : #555;
	background-color: #e6e6e6;
	padding : 4px;
}

.tbl1 {
	font-size : 11px;
	color : #555;
	background-color : #e6e6e6;
	padding : 4px;
}

.tbl2 {
	font-size : 11px;
	color : #555;
	background-color : #FFF;
	padding : 4px;
}

.forum-caption {
	font-size : 11px;
	font-weight : bold;
	color : #888;
	background-color : #f1f1f1;
	padding : 2px 4px 4px 4px;
}

.quote {
	font-size : 11px;
	color : #555;
	background-color : #f8f8f8;
	padding : 4px;
	margin : 0px 20px 0px 20px;
	border : 1px solid #bbb;
}

.poll {
	height : 12px;
	border : 1px solid #bbb;
}

.comment-name {
	font-weight : bold;
	color : #005599;
}

.shoutboxname {
	font-weight : bold;
	color : #005599;
	background-color : #f6f6f6;
}

.shoutbox {
	color : #777;
	background-color : #f6f6f6;
}

.shoutboxdate {
	font-size : 10px;
	color : #888;
	background-color : #f6f6f6;
}

.small {
	font-size : 10px;
	font-weight : normal;
}

.small2 {
	font-size : 10px;
	font-weight : normal;
	color : #555;
}

.side-small {
	font-size : 10px;
	font-weight : normal;
	color : #555;
	background-color : #f6f6f6;
}

.side-label {
	color : #555;
	background-color : #f1f1f1;
	padding : 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	color : #555;
	background-color: #f1f1f1;
	margin: 0;
	padding: 4px;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #005599;
	background-color: #f6f6f6;
	padding: 2px;
	text-decoration : none;
}

#navigation a:hover {
	color: #f6f6f6;
	background-color: #005599;
}

/* Page Navigation */


.pagenav {
	padding: 0.4em;
}

.pagenav span {
	color: #fff;
	background-color: #005599;
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
}

.pagenav a {
	color: #005599;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #005599;
	margin: 0.2em;
	text-decoration: none;
}

/*Casper's alchemy*/



.prg_titul{
	font-size:14pt;
	color:#266794;
	font-weight : bold;
}
.prg_about{
	line-height: 1.45em;
	padding: 1em 0.25em;
	color: #555;
	background-color: #f0f0f0;
	padding: 4px;
	margin: 10px 10px 10px 10px;
	border: 1px solid #bbb;
}
.sortmenu_h{
	font-family : "trebuchet ms",  Tahoma, Arial, Sans-Serif;    font-size: 12px;
	font-style: italic;
	color: #555;
	background-color: #AFAFAF;
	padding: 4px;
	border:	1px solid #bbb;
	border-right:0;
}
.sortmenu_a{
	font-family : "trebuchet ms",  Tahoma, Arial, Sans-Serif;    font-size: 12px;
	font-style: italic;
	color: #555;
	background-color: #eee;
	padding: 4px;
	border-top:	1px solid #bbb;
	border-bottom:1px solid #bbb;
}
.sortmenu_b{
	font-family : "trebuchet ms",  Tahoma, Arial, Sans-Serif;    font-size: 12px;
	font-style: italic;
	color: #555;
	background-color: #aaa;
	padding: 4px;
	border-top:	1px solid #bbb;
	border-bottom:1px solid #bbb;
}
.sortmenu_b:hover{
	font-family : "trebuchet ms",  Tahoma, Arial, Sans-Serif;    font-size: 12px;
	font-style: italic;
	color: #555;
	background-color: #ddd;
	padding: 4px;
	border-top:	1px solid #bbb;
	border-bottom:1px solid #bbb;
	cursor: pointer;
}
.sortmenu_b:active{
	font-family : "trebuchet ms",  Tahoma, Arial, Sans-Serif;    font-size: 12px;
	font-style: italic;
	color: #555;
	background-color: #ddeedd;
	padding: 4px;
	border-top:	1px solid #bbb;
	border-bottom:1px solid #bbb;
}
.sortmenu_br{
	border-right:1px solid #bbb;
}
.div_alb_inf {
    font-size: 12px;
	color: #555;
	background-color: #f8f8f8;
	padding: 4px;
	margin: 0px 10px 0px 10px;
	border: 1px solid #bbb;
}
.div_tmb_all {
    font-size: 12px;
	color: #555;
	#background-color: #fefefe;
	padding: 4px;
	margin: 0px 10px 0px 10px;
	border: 1px dotted #bbb;
}
.div_tmb_nam{
	font-family : "trebuchet ms",  Tahoma, Arial, Sans-Serif;    font-size: 14px;
	color: #333;
	font-weight : bold;
	#background-color: #eee;
	padding: 2px;
	border:	0px solid #eee;

}
.div_tmb{
	cursor:pointer;
}
.div_tmb_sum{
	font-family : "trebuchet ms",  Tahoma, Arial, Sans-Serif;    font-size: 8px;
	font-style: normal;
	color: #555;
	background-color: #f5f5f5;
	padding: 2px;
	border:	1px solid #eee;
}
.div_alb_tmb {
    font-size: 12px;
	color: #555;
	#background-color: #fefefe;
	padding: 4px;
	margin: 10px 10px 10px 10px;
	border: 1px dotted #bbb;
}
.div_alb_tmb:hover {
    font-size: 12px;
	color: #555;
	background-color: #eee;
	padding: 4px;
	margin: 10px 10px 10px 10px;
	border: 1px dotted #bbb;
	cursor:pointer;
}
.div_alb_tmb:active {
    font-size: 12px;
	color: #555;
	background-color: #DED;
	padding: 4px;
	margin: 10px 10px 10px 10px;
	border: 1px dotted #bbb;
}


.admin_zone{
  min-height: 24px;
  vertical-align:bottom;
  border:1px dotted white;
  background: #aaa;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


.admin_console {
  float: right;
}
.cls_btn_edit, .cls_btn_delete, .cls_btn_print, .cls_btn_system, .cls_btn_settings, .cls_btn_info, .cls_btn_add,
.cls_btn_activate, .cls_btn_draft, .cls_btn_hide, .cls_btn_show, .cls_btn_checked, .cls_btn_goup, .cls_btn_add_photo,
.cls_btn_add_multy{
  border:0;
  margin: 2px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.cls_btn_edit{
  background: url(buttons/edit_20.png) no-repeat center ;
}
.cls_btn_delete{
  background: url(buttons/delete_20.png) no-repeat center ;
}
.cls_btn_print{
  background: url(buttons/print_20.png) no-repeat center ;
}
.cls_btn_system{
  background: url(buttons/system_20.png) no-repeat center ;
}
.cls_btn_settings{
  background: url(buttons/settings_20.png) no-repeat center ;
}
.cls_btn_info{
  background: url(buttons/info_20.png) no-repeat center ;
}
.cls_btn_add{
  background: url(buttons/add_20.png) no-repeat center ;
}
.cls_btn_activate{
  background: url(buttons/activate_20.png) no-repeat center ;
}
.cls_btn_draft{
  background: url(buttons/draft_20.png) no-repeat center ;
}
.cls_btn_hide{
  background: url(buttons/hide_20.png) no-repeat center ;
}
.cls_btn_show{
  background: url(buttons/show_20.png) no-repeat center ;
}
.cls_btn_checked{
  background: url(buttons/admok_20.png) no-repeat center ;
}
.cls_btn_goup{
  background: url(buttons/goup_20.png) no-repeat center ;
}
.cls_btn_add_photo{
  background: url(buttons/addphoto_20.png) no-repeat center ;
}
.cls_btn_add_multy{
  background: url(buttons/addmulty_20.png) no-repeat center ;
}
.cls_btn_mac{
  background: url(buttons/goup_20.png) no-repeat center ;
}



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

/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}


/*IE Fixes*/
* html #main-bg {
	height: 1%;
	width: auto;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}