/* CSS Document */

body { background-color:#6b6b6b; padding:0px 14px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px}
a img { border:0px}
a { color:#F00}
a:hover { color:#999}
table td { vertical-align:top}
.inp_gray, .inp_black{ border:solid 1px #999; margin:0px; padding:0px}
.inp { margin:0px; padding:0px}
.inp_gray { color:#666; }
.inp_black { color:#000;}

#all_gradient_bot { background:url(img/body_bg_gradient_bot.gif) repeat-x bottom;}
#all_gradient_top { background:url(img/body_bg_gradient_top.gif) repeat-x top;}
#all_11 {background:url(img/body_bg_11.gif) no-repeat 0px 100%;}
#all_33 {background:url(img/body_bg_33.gif) no-repeat 100% 100%; }
#top_panel_77 { height:193px; background:url(img/body_bg_77.gif) no-repeat 0px 0px;}
#top_panel_99 { height:193px; background:url(img/body_bg_99.gif) no-repeat 100% 0px; position:relative}
#top_menu, #bottom_menu div { height:38px; }
#content { margin:10px 10px}
#bottom_menu { height:140px; margin:0px; position:relative}
#podval { height:150px}

#logo { position:absolute; left:14px; top:65px; width:192px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
.test { background:url(img/test.gif) no-repeat 0px 40px}
#login { position:absolute; right:16px; top:50px; width:192px}
	#login a { color:#000;}
	#login .red { color:#FF0000 !important; font-weight:600}	
	#login div { margin:10px 0px;}
	#login img { margin:0px 7px}
#okno { position:absolute; top:30px; left:250px; right:250px; height:110px; overflow:hidden; padding:0px; margin:0px; vertical-align:top}
.on {width:20%; height:110px; float:left; display:block}
.of {width:20%; height:110px; float:left; display:none}
.sk_1 { height:110px; background:url(img/sk_1_bg.gif) top repeat-x}
.sk_2 { height:110px; background:url(img/sk_2_bg.gif) top repeat-x}
.sk_1 .morze, .sk_2 .morze { background:url(img/morze_v.gif) 100% 0px no-repeat; height:110px}
.morze .name { padding:7px 10px 0px 14px; font-weight:600 }
.morze .date { padding:9px 10px 6px 14px; color:#000; font-size: 10pt;}
.morze .red { color:#FF0000; font-weight:600; padding-left:10px;font-size: 10pt;}
#f1 { display:block}
#f2 { display:block}
#f3 { display:block}
#f4 { display:block}
#f5 { display:block}

.half_of { margin-left:-50px; width:20%; height:110px; float:left; display:block}
.half_on { margin-right:-300px; display:block; width:20%; height:110px; float:left; display:block}
#str_left { position:absolute; left:234px; top:30px; width:16px; height:110px; cursor:pointer}
#str_right { position:absolute; right:234px; top:30px; float:right; background-color:#CC3300; width:16px; height:110px; cursor:pointer}
#skroll {}



#top_menu { background:url(img/menu_bg.gif) repeat-x top; height:33px; position:absolute; left:10px; right:10px; bottom:0px}
#bottom_menu div { background:url(img/bot_menu_bg.gif) repeat-x top; height:33px; position:absolute; left:10px; right:10px; bottom:0px}
#top_menu a, #bottom_menu div a { color:#000; text-decoration:underline }
#top_menu a:hover, #bottom_menu div a:hover { color:#ff0000; text-decoration:underline }
#top_menu td, #bottom_menu div td { background:url(img/menu_rzd.gif) no-repeat 100% 50%; height:28px; text-align:center; vertical-align:top; padding-top:9px; }
#top_menu table, #bottom_menu div table { width:100%}
#no_rzd { background-image:url(img/0.gif) !important}



.cont_top, .cont_top_black { background-image:url(img/cont_redbot_top_bg.gif); margin-top:9px; background-position:0px 0px; background-repeat:repeat-x; height:30px}
.cont_top_black { height:27px !important}
.cont_top div, .cont_top_black div { background:url(img/cont_hh.gif) no-repeat 15px 6px; padding-top:3px; padding-left:35px; font-size:15px; font-family:Arial Narrow; font-weight:600; color:#fff;}
.cont_top .black, .cont_top_black .black { color:#000 !important}
.cont_cent  { border:1px solid #cdcdcd; background-color:#FFF}
.cont_cent_mt{ border:1px solid #cdcdcd; background-image:url(img/mat_bg.gif) repeat-x top}

.cont_black_cent { background:url(img/toper_bg.gif) repeat-x 0px 3px #212121; padding-top:3px;}
.cont_graybot { background-color:#333;  padding:4px 15px; }
.cont_redbot { background-color:#F00; padding:4px 15px;  }
.cont_redbot a, .cont_graybot a {color:#FFF; background:url(img/q_white.gif) no-repeat 0px 5px; padding-left:12px; text-decoration:underline }
.cont_whitebot a { color:#f00;  background:url(img/q_black.gif) no-repeat 0px 7px; padding-left:12px; text-decoration:underline }
.cont_whitebot { border:1px solid #ccc; background-color:#fff;  padding:4px 15px;}



.img_info { margin-right:15px}
.img_info td { padding:12px 0px 20px 18px !important}
.img_info div { border:1px solid #c1c1c1}
.img_info div img { margin:4px}
.date { color:#999; margin:0px; padding:0px}
h1 { margin:6px 0px; color:#000; font-weight:600; background:url(img/str_h_info.gif) no-repeat 0px 6px; padding-left:16px; font-size: 12pt;}
.rzd { background:url(img/morze_h.gif) repeat-x 0px 2px; height:5px; text-align:right; margin:0px 15px}
.rzd2 { background:url(img/morze_h.gif) repeat-x 0px 2px; height:5px; text-align:right; margin:15px 0px}
.rzd3 { background:url(img/morze_h.gif) repeat-x 0px 2px; height:5px; text-align:right; margin:4px 0px}
.karkas td { padding-right:4px}


.date_2 { color:#000; margin:15px 0px 0px 15px !important}
.pre_news { margin:3px 15px 11px 15px !important}
.pre_news a { color:#F00; text-decoration:underline; }

.cont_cent p { margin:10px 15px}



.answer { background:url(img/answer_bg.gif) repeat-x bottom #f5f5f5; padding-left: 20px; } 
.answer table {}
.answer input { margin-bottom:0px; margin-right:5px}
.answer_right { padding-top:3px}


.cont_black_cent table { color:#fff; margin:0px 10px; width: 230px;}
.cont_black_cent table td { padding:3px 5px}
.toper { background:url(img/toper_bg.gif) repeat-x top !important; color:#000 !important}
.cont_black_cent table tr { background:url(img/cont_black_cent_morze.gif) no-repeat 0px 100%}
.cont_whitebot {}


.thebest { margin:14px 0px}
.thebest td { width:25%; padding:12px}
.thebest img { border:1px solid #c1c1c1; padding:4px; background-color:#fff}
.best_name { margin:3px 0px !important; padding-left:16px; background:url(img/q_red.gif) 4px 5px no-repeat} 
.best_name a { color:#000; font-weight:600; text-decoration:underline}
.best_name a:hover { color:#f00; }


.cont_cent_scroll { height:250px; overflow:auto; background-color:#fff}
.date_scroll { font-weight:600; float:left; margin-left:30px; margin-right:20px; margin-top:10px;}
.rzd_s { background-image:url(img/morze_bbb.gif) !important; text-align:right; background-repeat:repeat-x; background-position:0px 2px; margin:0px 25px}
.cont_cent_scroll p { margin:10px 20px 5px 80px}


.statistik { border:1px solid #c2c2c2; margin:4px 6px 10px 4px }
.statistik td { padding:6px}
.gr_2 { background-color:#ebebeb}
h2 { background:url(img/q_black.gif) no-repeat 5px 9px; color:#FF0000; padding-left:20px; margin:23px 0px 4px 4px; font-size:14px}
.bb2 {margin:0px 22px; font-weight:600; cursor: pointer;  background: url(images/close.gif) no-repeat right;}
.bb2_close {margin:0px 22px; font-weight:600; cursor: pointer; background: url(images/open.gif) no-repeat right;}


.cont_cent_gradient { background:url(img/cont_cent_grad.gif) repeat-x top #fff; padding:10px 0px}
.cont_cent_gradient p { margin:10px 15px}
.gr { color:#666}
#coments { border:1px solid #666; height:345px; overflow:auto; color:#666; margin:10px 0px 7px 14px}
#coments table { width:100%}
#coments table td { padding:10px 15px}
.com_2 { background-color:#ebebeb}
.com_1 { background-color:white}
.com a { color:#000; text-decoration:underline; font-weight:600}
.com a:hover { color:#666;}
.com p { margin:5px 0px 0px 0px; }
.com_p .red { color:#F00; }
.com {
	width: 120px;
}


.sostav { border:1px solid #dedede; margin:0px 6px 5px 6px;}
.sostav td { padding:2px 6px 2px 6px;}
.sostav tr.dark {
	background-color: #eee;
}
.sos_gr { background-color:#dedede}
h4 { margin:10px 0px 0px 6px; font-size:12px }


#podval { padding:17px; position:relative}
#podval p { color:#FFF; width:580px}

#imot { position:absolute; right:10px; bottom:55px;  background:url(img/im_logo.gif) no-repeat 100% 0px; padding:12px 90px 10px 0px; color:#ccc; text-align:right}
#copyright { position:absolute; right:10px; bottom:55px;  padding:12px 10px 60px 0px; color:#ccc;}
#copyright a {color: white;}
#copyright a:hover {color: white; text-decoration: none; color: #ddd;}
#imot a { color:#fff; text-decoration:underline}
#imot a:hover { color:#ccc; text-decoration:underline}


.cont_cent_mt {background:url(img/mat_bg.gif) repeat-x top #fff; height:173px; text-align:center}
.str { background:url(img/tr_g.gif) no-repeat 0px 2px; text-decoration:underline; color:#000000; padding-left:15px; margin-left:20px}
.str:hover { color:#666}
.gerb { background:url(img/teni.gif) no-repeat 0px 0px; width:155px; height:143px; padding-top:30px; text-align:left}
.gerb div { height:120px; text-align:center }
#left_gerb { float:left; margin-left:10px}
#right_gerb { float:right; margin-right:10px}
#count { font-size:14px; padding-top:30px}
#count div { font-size:75px; color:#000; font-weight:600}
.centr { text-align:center !important; font-size:12px; padding:12px}
.centr .red { color:#FF0000}

table.form {margin-left: 15px;}

.fb {width: 200px;}

.none {display: none;}

.vis {display:;}

span.error {color:red;}

textarea.repmes {
	width: 100%;
	height: 35px;
}

.memo {
	color: #999;
	font-size: 7pt;
}

.periodtitle{
	background-color: #eee;
	font-weight: bold;
	padding: 5px;
	font-size: 10pt;
}

table.online {
	margin-left: 28px;
	width: 93%;
	margin-top: 10px;
}

table.online td {
	color: black;
}

table.online td.date {
	font-weight: bold;
	width: 50px;
}

table.online .rzd {
	background-image:url(img/morze_bbb.gif) !important;
	text-align:right;
	background-repeat:repeat-x;
	background-position:0px 2px;
	padding: 0px !important;
	height:5px;
}

tr.onlinemes td {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.online .title {
	font-weight: bold;
	background-color: #eee;
	padding: 5px;
	color: #777;
	font-size: 10pt;
}

input {
	font-size: 11px;
}

.timer {
	background-color: #ededed;
	padding: 5px;
	border: 1px solid #ddd;
	margin-left: 20px;
}

.nogoal {
	margin-left: 22px;
}

span.small {
	color: #999;
}

div.name a {
	color: black;
}

div.name a:hover {
		color: #999;
		text-decoration: none;
}

.tdright {
	text-align:right;
}

.mycontent {
	margin: 20px;
}

h5 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-size: 10pt;
	font-weight: bold;
}

code.bb_code {
    font-size: 1em;
    color: #000000;
}
span.bb_spec_char {
    color: #000099;
}
span.bb_mnemonic {
    color: #ff0000;
}
span.bb_tag {
    color: #009900;
}
span.bb_bracket {
    font-weight: bold;
}
span.bb_slash {
    font-weight: normal;
}
span.bb_tagname {
    color: #990099;
}
span.bb_equal {
    color: #999900;
}
span.bb_quote {
    color: #009999;
}
span.bb_attrib_name {
    color: #999900;
}
span.bb_attrib_val {
    color: #009999;
}
span.bb_autolink {
    color: #0000ff;
}

blockquote.bb_quote {
    border: #d0d0d0 1px solid;
    background-color: #f6f6f6;
    padding: 5px;
    margin: 1em 0 0 .75em;
}
div.bb_quote_author {
    border: #d0d0d0 1px solid;
    border-width: 1px 2px 2px 1px;
    margin-top: -1.2em;
    background-color: #f6f6f6;
    width: 250px;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}
div.bb_quote_author:after {
    content: " Писал(а):";
}
div.bb_code {
    border: #d0d0d0 6px double;
    background-color: #f6f6f6;
    color: #404060;
    padding: 5px;
    margin: 1em 0 0 0.8em;
    font-family: Monaco,'Courier New',monospace;
}
div.bb_code_header {
    border: #d0d0d0 1px solid;
    border-width: 1px 2px 2px 1px;
    padding-left: 5px;
    margin-top: -1.6em;
    background-color: #f6f6f6;
    white-space: nowrap;
    font-weight: bold;
    color: #404060;
    text-align: left;
}
span.bb_code_lang:before {
    content: "Код: ";
}
div.bb_code_footer {
    margin: 5px -5px -5px -5px;
    padding: 4px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #a9b8c2;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

table.comment {
	width: 100%;
	border: 1px solid #d1d7dc !important;
}

table.comment td {
	border: 1px solid white;
}

table.comment td.leftth {
	padding: 5px !important;
	width: 150px;
	background: #777;
	text-align:center;
	color: #ffa34f;
	font-weight: bold;
	font-size: 8pt;
}
table.comment td.rightth {
	padding: 5px !important;
	background: #777;
	text-align:center;
	color: #ffa34f;
	font-weight: bold;
	font-size: 8pt;
}

table.comment td.left {
	padding: 5px !important;
	width: 150px;
}
table.comment td.right {
	padding: 2px !important;
}
table.comment td.sep {

	background-color: #d1d7dc;
	height: 4px !important;
	padding: 0px !important;
	font-size: 1pt;
}
table.comment tr.style0 {
	background-color: #efefef;
}
table.comment tr.style1 {
	background-color: #dedede;
}

div.date {
	font-size: 8pt !important;
	border-bottom: 1px solid #d1d7dc;
	margin-bottom: 5px;
	padding: 5px;
	height: 17px;
}
div.text {
	padding: 5px;
}
div.buttons {
	float: right;
}
div.add {
	padding-top: 3px;
	width: 250px;
	float: left;
}
span.hint {
	font-size: 7pt !important;
}
div.small {
	margin-top:10px;
	font-size: 7pt;
}
div.leftdata {
	bottom:3px;
	font-size:7pt;
	
}
div.topscore {
	float: right;padding-right:10px;color: black;
}

td.tab-head{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
	background: #ddd;
}

td.th {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	vertical-align: middle;
}

tr.tabtr0 {
	background: #efefef;
}

.team {
	font-size: 11pt;
	font-weight:bold;
	color: red;
	border-bottom: 1px dotted #ddd;
}
.score {
	font-size: 11pt;
	font-weight:bold;
	text-align: right;
	border-bottom: 1px dotted #ddd;
}
.team1 {
	font-size: 11pt;
	font-weight:bold;
	color: red;
}
.score1 {
	font-size: 11pt;
	font-weight:bold;
	text-align: right;

}

.live {font-size: 10pt; font-weight: bold;text-align:right;}
.live a{text-decoration: none;}
.live a:hover{text-decoration: underline}

h6 { margin:6px 0px; color:#000; font-weight:400; font-size: 10pt; background:url(img/q_black.gif) no-repeat 0px 7px; padding-left:16px}