/* <!--keep css ONLY relative (because of relative image urls inside css)--> */

/* disable borders around clicked links */
* :focus { outline: 0; }


/* BODY ELEMENTS */


body, td {font-family: Verdana,Arial, Tahoma, Verdana, Arial, Geneva CY, Sans-Serif;font-size:13px;color:#000000;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;}
textarea {font-family: Verdana,Arial, Tahoma, Verdana,Arial, Geneva CY, Sans-Serif;font-size:13px;resize:none} /* resize:none is for safari, to disable resizing */
body { /* id=body - fix for chrome that cuts bgcolor at half page */ 
	margin:0;
/*	background-image:url('/include/draw_gradient.php?col1=7d7d7d&col2=7d7d7d&h=43');background-repeat:repeat-x;background-position:top;*/
	/*background-color:#ffffff;*/
	background: #fff; /* url(/i/bg.png);*/
}

html {
height: 100%; 
}

/* fix for backgrounds being cut in chrome */
#chromeFix { display: block; position: absolute; width: 1px; height: 100%; bottom: 0px; left: 0px; }


a { color:#1F86C5; text-decoration:underline; } /*#5069c2*/
a:hover { color: #CC0012; }

.tree {
	font-style:italic;
	margin-bottom:10px;
	color:#777777;
}
.tree a {
	text-decoration:underline;
	color:#777777;

}




a:hover { text-decoration:underline; }			   

ul {
	margin: 0;
	padding: 0; /*5px 0 5px 0px*/
	list-style: none;
}

ul li {
	margin: 0;
	padding: 0 0 5px 20px;
}
.ul_mark {
	float: left;
	margin: 0 0 0 -20px;
	overflow: hidden;
	color: #ed479d;
}

#textlist ul {
	list-style-type:square;
}
#textlist ul li {
	padding-top:10px;
}

form {margin:0;}

.subtext {color:#777777;}
.subtext a {color:#777777;text-decoration:underline;}

img {
	border:0;
}

div.text {
	line-height:18px;
}

input.text, input[type="text"], input[type="password"], textarea, .textbox {
/*	border:1px solid #a4b97f;*/
	border:1px solid #C0CAD5;
	font-family:tahoma,tahoma,verdana,arial,sans-serif;
	padding:1px;
	background:#ffffff; /* because of rightcol background */
	margin:0;
}


select {
	font-family:tahoma,tahoma,verdana,arial,sans-serif;

	margin:0;
}


img.wait {
	background: #ffffff url('http://s.chikchirik.ru/i/loading.gif');
	background-position:center;background-repeat:no-repeat;
}


ol {
	border-color:transparent;
	border-width:0;
	margin:0;
	padding-left:20px;
}

p {
	margin-top:10px;
	margin-bottom:0;
}


.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */



.toplogo {
    background: #3b5998 url('http://chikchirik.ru/include/buttonbg.php?body=3b5998&bg=ffffff&h=39&bottomtoo=1') no-repeat scroll top right;
    display: inline-block;
    height: 39px;
	color:#ffffff;
    padding-right: 10px; /* size of right img */
    text-decoration: none;
	text-align:center;
	margin-bottom:4px;
}

.toplogo span {
    background: transparent url('http://chikchirik.ru/include/buttonbg.php?body=3b5998&bg=ffffff&side=l&h=39&bottomtoo=1') no-repeat;
    display: inline-block;
    padding: 5px 0 5px 10px;
	cursor:pointer;
}


a.smallbtn-green {
    background: #36902e url('http://chikchirik.ru/include/buttonbg.php?gradient=8ed974-36902e&bg=ffffff&h=23&bottomtoo=1') no-repeat scroll top right;
	display:-moz-inline-box;
	display:inline-block;
	height:23px;
	color:#ffffff;
	padding-right: 10px; /* size of right img */
    text-decoration: none;
	text-align:center;
}

a.smallbtn-green span {
	display:-moz-inline-box;
	display:inline-block;
    background: transparent url('http://chikchirik.ru/include/buttonbg.php?gradient=8ed974-36902e&bg=ffffff&side=l&h=23&bottomtoo=1') no-repeat;
    padding: 5px 0 5px 10px;
	height:13px; /* 23+20px padding */
	cursor:pointer;
}



a.widebtn {
    background: #5a6d8c url('http://chikchirik.ru/include/buttonbg.php?body=5a6d8c&bg=ffffff&h=23&bottomtoo=1') no-repeat scroll top right;
	display:block;
	height:23px;
	color:#ffffff;
	padding-right: 10px; /* size of right img */
    text-decoration: none;
	text-align:center;
}

a.widebtn span {
	display:block;
    background: transparent url('http://chikchirik.ru/include/buttonbg.php?body=5a6d8c&bg=ffffff&side=l&h=23&bottomtoo=1') no-repeat;
    padding: 5px 0 5px 10px;
	height:13px; /* 13+10px padding */
	cursor:pointer;
}

a.widebtn-gray {
    background: #c7c7c7 url('http://chikchirik.ru/include/buttonbg.php?body=c7c7c7&bg=ffffff&h=23&bottomtoo=1') no-repeat scroll top right;
	display:block;
	height:23px;
	color:#ffffff;
	padding-right: 10px; /* size of right img */
    text-decoration: none;
	text-align:center;
}

a.widebtn-gray span {
	display:block;
    background: transparent url('http://chikchirik.ru/include/buttonbg.php?body=c7c7c7&bg=ffffff&side=l&h=23&bottomtoo=1') no-repeat;
    padding: 5px 0 5px 10px;
	height:13px; /* 13+10px padding */
	cursor:pointer;
}


a.smallbtn-gray {
    background: #5a6d8c url('http://chikchirik.ru/include/buttonbg.php?gradient=a9a9a9-414141&bg=ffffff&h=23&bottomtoo=1') no-repeat scroll top right;
	display:-moz-inline-box;
	display:inline-block;
	height:23px;
	color:#ffffff;
	padding-right: 10px; /* size of right img */
    text-decoration: none;
	text-align:center;
}

a.smallbtn-gray span {
	display:-moz-inline-box;
	display:inline-block;
    background: transparent url('http://chikchirik.ru/include/buttonbg.php?gradient=a9a9a9-414141&bg=ffffff&side=l&h=23&bottomtoo=1') no-repeat;
    padding: 5px 0 5px 10px;
	height:13px; /* 13+10px padding */
	cursor:pointer;
}



/* BNAV*/

.bnav {
	color:#777777;
}

.bnav a {
	color:#777777;
	text-decoration:underline;
	margin-right:10px;
}







/* top menu */

.topmenu {
	background:#f1f1f1;
	padding-top:10px;
	border-bottom:1px solid #e1e1e1;
	padding-left:5px;

}


.topmenu ul.tabs {
	margin: 0px;
	list-style: none;
	padding:0px;
}
.topmenu ul.tabs li {

	border-left:1px solid #e1e1e1;
	border-top:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:0;

	background-color: #ffffff;

	margin:0 0 0 5px;
	float: left;
	text-align:center;
	padding:0;


}

.topmenu ul.tabs li a {
	display: block;
	text-decoration: none;
	padding-left:12px;
	padding-right:12px;
	padding-top:3px;
	padding-bottom:3px;
}

.topmenu ul.tabs li.active {
	margin-bottom: -1px;
	z-index: 1000;
	position: relative;
	padding-bottom:1px; /* to restore overlayed spacing */
}



.topmenubg {
	-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
	background:#ffffff;
	text-align:center;
	padding:8px;
}

.headumenu ul {font-size:13px;line-height:11px;font-weight:normal;list-style:none;padding:0px;margin:0px;z-index:10001;}
.headumenu ul li {float:left;cursor:pointer;font-weight:normal;padding:0px 4px;margin:0px;}


.column { float:left; }

.message {
	border:1px solid #c7c7c7;
	background-color:#F1F1F1;
	padding:5px;
	margin-bottom:10px;
}

.messageorange {
	border:1px solid #ff9500;
	background-color:#FFEACC;
	padding:5px;
	margin-bottom:10px;
}


.warning {
	padding:4px 5px;margin-bottom:10px;
	background-color:#ffe3e3;
	color:#000000;	
}

.error {
	margin-top:5px;
	color:#a8434d;
}

.ok {
	padding:4px 5px;margin-bottom:10px;
	background-color:#a9bcd3;
	border-left:5px solid #7a93b2;
	color:#ffffff;	
}


.orangemessage {
	border:1px solid #ee9700;background:#ffeccb;
	color:#777777;
	padding:5px;
	margin-bottom:10px;
}

.bigmessage {
	border:1px solid #c7c7c7;background:#f7f7f7;
	color:#777777;
	padding:20px;
	margin-bottom:10px;
	text-align:center;
}


.yellowmessage {
	background:#FFF8CC;
	border-bottom:1px solid #FFE222 ! important;
	margin-bottom:5px;
	padding:5px;
}

.yellowspan {
	background:#FFF8CC;
	border-bottom:1px solid #FFE222 ! important;
	padding:0 5px;
	margin:0;
}


.graymessage {
	background:#f7f7f7;
	padding:5px;
	border:1px solid #e1e1e1;
}


.round3 {
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

.round5 {
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}

.round5-right {
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}


.round5-top {
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;

}

.strangetable {
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
	border-top:1px solid #c7c7c7; /* to make it stand out - will have 2px top border */
}

.strangetable .head {
	background:#f7f7f7;
}


.strangetable td {
	border-top:1px solid #c7c7c7;
}

.strangetable td.merge {
	border-top:0;
}


.nicetable {
	background:#c7c7c7;
}

.nicetable .data {
	background:#ffffff;
	text-align:center;
	white-space:nowrap;
}

.nicetable .head {
	background:#f7f7f7;
	white-space:nowrap;
}



.fixedtable td {
	table-layout:fixed;
}

.fixedtable td {
	white-space:nowrap;
}

.fixedtable .name {
	text-align:right;
}





/* pagebar */

.pagebarprev {
	/*border:1px solid #c7c7c7;*/
	text-decoration:underline;
	margin-right:10px;
	margin-left:10px;
}
.pagebarprevdisabled {
	color:#777777;
	text-decoration:underline;
	margin-right:10px;
	margin-left:10px;
}



.pagebarnext {
	/*border:2px solid #c7c7c7;*/
	text-decoration:underline;
}
.pagebarnextdisabled {
	color:#777777;text-decoration:underline;
	margin-left:20px;
}

.pagebarpage {
	/*border:1px solid #c7c7c7;*/
	text-decoration:underline;
	padding:2px 5px;
	margin-right:2px;
}

.pagebarcurpage {
	font-weight:bold;
	background:#f7f7f7;
	border:1px solid #e1e1e1;
	padding:2px 5px;
	margin-right:2px;
}

.pagebardots {
	margin-right:5px;
}

.pagebartext {
	color:#777777;margin-top:4px;
}


/* side menu */



.sidemenu {
	border-right:1px solid #e1e1e1; /* d7d7d7 */
	background-color:#f7f7f7;
	color:#000000;
}

.sidemenu div {
	border-color:#d7d7d7;
	border-style: solid;
	border-width:0;
	padding:4px 8px;
	cursor:pointer;
}

.sidemenu div.active {
	position:relative; /* ie6 fix bug that is not showing bgcolor */
}


.sidemenu div.notactive:hover {
	background-color:#e8e8e8;
}



/* side menu */



.sidemenu2 {

}

.sidemenu2 div {
	border-bottom:1px solid transparent;
}

.sidemenu2 div.active,div.notactive {
	padding:4px 8px;
	cursor:pointer;
	position:relative; /* to correctly show the counters */
}

.sidemenu2 div.active {
	position:relative; /* ie6 fix bug that is not showing bgcolor */
	background:#f3ffd6;
	font-weight:bold;
}


.sidemenu2 div.notactive:hover {
	background:#f7f7f7;
}







/* user progress bar */
#progressright {
	background-color:#FAFAFA;
/*	border-right:1px solid #EEEEEE;*/
	border-top:1px solid #ECECEC;
	float:left;
	height:16px;
	z-index:-100;
}
#progressleft {
	background-color:#DAE2E8;
	border-top:1px solid #C0CCD9;
	float:left;
	height:16px;
	z-index:-100;
}


td.c30 img {
	width:30px;
	height:30px;
	border:0;
}


div.c30 img {
	padding:3px;
	width:30px;
	height:30px;
	border:0;
}




.roundimg {position:relative;line-height:0;font-size:0}
.roundimg img {display:block;}
.roundimg b {position:absolute;display:block;width:9px;height:9px;background-image:url(/include/draw_corners.php);top:0; left:0;}
.roundimg s {position:absolute;display:block;width:9px;height:9px;background-image:url(/include/draw_corners.php);top:0; right:0; background-position:-9px 0px;}
.roundimg i {position:absolute;display:block;width:9px;height:9px;background-image:url(/include/draw_corners.php);bottom:0; left:0; background-position:0 -9px;}
.roundimg u {position:absolute;display:block;width:9px;height:9px;background-image:url(/include/draw_corners.php);bottom:0; right:0; background-position:-9px -9px;}


#pagelayout {
	width:790px;
	margin:0 auto;
	padding:0;
}



.maintable {position:relative;}
.maintable .tl {z-index:10000;position:absolute;display:block;width:5px;height:5px;background-image:url(/include/draw_corners.php?radius=5&bg=252525&trans=1);top:0; left:0;font-size:0;line-height:0}
.maintable .tr {z-index:10000;position:absolute;display:block;width:5px;height:5px;background-image:url(/include/draw_corners.php?radius=5&bg=252525&trans=1);top:0; right:0; background-position:-5px 0px;font-size:0;line-height:0}
.maintable .bl {z-index:10000;position:absolute;display:block;width:5px;height:5px;background-image:url(/include/draw_corners.php?radius=5&bg=252525&trans=1);bottom:0; left:0; background-position:0 -5px;font-size:0;line-height:0} /* will cause 1px below in ie6, but fuck it, ie6 is for gays */
.maintable .br {z-index:10000;position:absolute;display:block;width:5px;height:5px;background-image:url(/include/draw_corners.php?radius=5&bg=252525&trans=1);bottom:0; right:0; background-position:-5px -5px;font-size:0;line-height:0}  /* will cause 1px below in ie6, but fuck it, ie6 is for gays */



.greenbox {position:relative;}
.greenbox .tl {position:absolute;display:block;width:5px;height:5px;background-image:url(/include/draw_corners.php?radius=5&body=a5d750&bg=6d6d6d);top:0; left:0;font-size:0;line-height:0}
.greenbox .tr {position:absolute;display:block;width:5px;height:5px;background-image:url(/include/draw_corners.php?radius=5&body=a5d750&bg=6d6d6d);top:0; right:0; background-position:-5px 0px;font-size:0;line-height:0}
.greenbox .bl {position:absolute;display:block;width:5px;height:5px;background-image:url(/include/draw_corners.php?radius=5&body=a5d750&bg=6d6d6d);bottom:0; left:0; background-position:0 -5px;font-size:0;line-height:0} /* will cause 1px below in ie6, but fuck it, ie6 is for gays */
.greenbox .br {position:absolute;display:block;width:5px;height:5px;background-image:url(/include/draw_corners.php?radius=5&body=a5d750&bg=6d6d6d);bottom:0; right:0; background-position:-5px -5px;font-size:0;line-height:0}  /* will cause 1px below in ie6, but fuck it, ie6 is for gays */


.formtable {
/*
	border-spacing:1px;
	background:#ffffff;
*/
/*	border:1px solid #C5C5C5;*/
}

.formtable input.text {
	width:300px;
}

.formtable textarea {
	width:300px;
	height:100px;
}



.formtable div.cellname,.formtable div.celldata {

	padding:0;
	white-space:normal; /* disabled nowrap because it can contain text fields */
	float:left;
	max-width: 500px;

}



.formtable div.cellname {
	width:120px;
	color:#000;
	font-weight:bold;
	padding-right:10px;
	padding-top:1px;
}

.formtable div.header {
	color:#666666;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
}

.s {
	text-decoration:line-through;
	color:#c7c7c7;
}


.formtable div.line {
	background-color:#e1e1e1;
	font-size:1px; 
	height:1px;
	line-height:1px;
}

.formtable div.row {
	border:1px solid transparent;
	padding:5px 0;
}

.formtable div.error {
	border:1px solid #f6cece;
	background-color:#f5e9e9;
	margin-bottom:1px; /* in case 2 errors stack up */
}

.formtable div.submit {
	border:1px solid #cae5ca;
	background-color:#e7f8e7;
	padding:4px 0;
	margin-top:16px;
}

.formtable div.error .errortext {
	color:#dc7e7e;
	padding-bottom:2px;
}

.formtable div.empty {
	line-height:0;

}



.match {

	background:#FFF8CC none repeat scroll 0 0;
	border-bottom:1px solid #FFE222;
	color:#2B587A;
	margin:0;
	padding:0 1px;
}






/* Øàïî÷êè â ãðóïïàõ */

.miniheader {

background-color: #F2F2F2;
border-bottom: none;
border-top: solid 1px #E2E2E2;
padding: 4px 5px 5px;
font-weight:bold;
margin-bottom:5px;

}





.group_admin_users {
	border:1px solid #e1e1e1;
	padding:4px;
}


.auth {

	border:1px solid #e1e1e1 !important; /*ff9500*/



	margin-left:auto;
	background-color:#f7f7f7;
	padding:5px 10px;
	text-align:left;
	color:#000000;
}


.underlay {
	background-color:#f7f7f7;
	border-color:#e1e1e1;
	border-width:1px 0 1px 0;
	border-style:solid;
	padding:10px;
	margin-bottom:10px;
	position:relative; /* fix ie6 border and bgcolor bug */
}

.underlay.orange {
	background-color:#ffefb8;
	border-color:#ffda5d;
}


.underlay.red {
	background-color:#f5e9e9;
	border-color:#f6cece;
	border-width:1px 0 1px 0;
	border-style:solid;
 	padding:10px;
	margin-bottom:10px;
	position:relative; /* fix ie6 border and bgcolor bug */
}


.underlay.nobottom {
	border-bottom:0;
	margin-bottom:0;
}


.underlay.closeleft {
	border-left:1px solid #e1e1e1;
}
.underlay.close {
	border-width:1px;

}
.underlay_top {
	font-weight:bold;color:#c0251c;
	padding:0 10px 5px 10px;
}



.messagediv {

	background-color:#F1F1F1;
	border:1px solid #C5C5C5;

	color: #8e8e8e;
	text-align:center;
	padding:50px;
}


/* Ññûëêè â áîêîâûõ ìåíþ òàáëèö */

.tablemenu a {
	display:block;
	padding:3px 5px;
	border-top:1px solid #ffffff;

}

.tablemenu a:hover {
	background-color:#DAE1E8;
	border-top:1px solid #CAD1D9;
}

.tablemenu a.active {
	background-color:#e1f4bf; 
	border:1px solid #b4c498;
}





h4 {
	font-weight:bold;color:#c0251c;
	margin:0 0 5px 0;
	padding:0;

}

.main h1 {
	margin:0;
	padding:0;
	font-size: 35px;
	line-height:25px;
	font-family:Arial;
	color:#333;
}
.other h1 {
	margin:0;
	background-color:#ECEEF4;padding:5px 10px;font-weight:bold;
	border-bottom:1px solid #e1e1e1;
	font-size:13px;
}

h2 {
	margin:0;
	padding:0;
	color:#333;
/*
	font-size:20px;
	line-height:20px;
	font-weight:bold;
*/
	font-weight:bold;
	font-size:15px;
	font-style:italic;
	font-family:Arial;
	color:#333;
}


h3 {
	margin:0;
	padding:0;
	color:#333;
	font-size:14px;
	font-weight:normal;
}

h5 {
	margin:0;
	padding:0;
	font-size: 25px;
	line-height:25px;
	font-family:Arial;
	color:#777;

}
.divider {
	background-color:#e1e1e1;height:1px;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.highlight {
	border-bottom:1px solid #ff9500;
	background-color:#FFEACC;
	padding:0px 3px;

}

.hint {
	color:#999;
}


.hover .hover_show {
	visibility:hidden;
	z-index:10000;
}

.hover:hover .hover_show {
	visibility:visible;
}