.l { float: left; text-align: left; }
.r { float: right; text-align: right; }
.c { text-align: center; }

img.l { margin: 0.5em 1em 1em 0; }
img.r { margin: 0.5em 0 1em 1em; }

textarea.banner {
	color: black; font-size: 83%;
	width: 452px; height: 54px;
	overflow: hidden; border:1px solid #336699;
	padding: 3px 7px; margin: 10px 0 0 0;
	}

/* ########## NAVIGATION+EXTRA ########## */
div.column { font-size: 90%; }
div.column h2 { font-size: 110%; color: #757575; font-weight: bold; margin: 0 0.5em 0.5em 0.5em; }
div.column a.block { display: block; margin: 0 0.5em 1em 0.5em; }
div.column .block img { display: block; }
div.column div.block { display: block; margin: 0 0.5em 1em 0.5em; text-align: center; }
div.column ul { margin: 0 0.5em 1em 0.5em; list-style-type: none; }
div.column li { margin: 2px 0; }
div.column li li { padding-left: 1em; }
div.column li a {
        display: block;
        padding-left: 11px;
        text-decoration: none;
        background: url(navigationmenu.gif) no-repeat 0 4px;
        }
* html div.column li a { height: 1%; }
div.column li a.u { text-decoration: line-through; }
div.column li ul { display: none; }
div.column li.cur { font-weight: bold; }
div.column li.cur ul { display: block; font-weight: normal; }

div.column form { margin: 0 0.5em 1em 0.5em; text-align: left; padding: 0 0 0 11px; }
div.column input { width: 85px; margin: 0; padding: 1px; border: 1px #757575 solid; }
div.column label { display: inline; margin: 0; font-size: 90%; }
div.column div.check  input { width: auto; border: none; }
div.column div.submit input { width: 100%; }
* html div.column div.submit input { width: 140px; }
div.column form div { margin: 0.3em 0; overflow: hidden; }
div.column form ul { margin-left: 0em; font-size: 90%; }
div.column form li { margin-left: -11px; }

div.column ul.forum li { font-size: 90%; }
div.column ul.files li { font-size: 90%; }


/* ########## HEADER ########## */

#logo { float: left; width: 215px; height: 100%; text-indent: -10000em; }
#year { position: absolute; right: 10px; bottom: 10px; margin: 0; text-align: right; font-weight: bold; font-size: 11px; }
#year li { display: inline; margin: 0 0 0 25px; }
#year li a, #year li span { color: white; text-decoration: none; }
#year li a:hover { text-decoration: underline; }


/* ########## FOOTER ########## */

#footer a:hover { color: white; background: #336699; }
#counter         { float: left;  margin-left: 4px; width: 100px; }
#standart       { float: left;  width: 40px; }
#html, #css     { display: block; width: 32px; height: 15px; line-height: 15px; text-indent: -9000px; }
#html           { background: url(html-valid.gif) 0 0 no-repeat; }
#css            { background: url(css-valid.gif) 0 0 no-repeat; }
a#html:hover    { background: url(html-valid.gif) 0 -15px no-repeat; }
a#css:hover     { background: url(css-valid.gif) 0 -15px no-repeat; }
#copy           { position: absolute; right: 0; top: 3px; margin-right: 4px; text-align: right; }
#subfooter      { margin: 40px 4px 0 4px; border-top: 1px #999999 solid; padding: 3px 0 0 0; }

/* ########## TOP BOX ########## */

#topbox, #topbox * { vertical-align: middle; margin: 0; padding: 0; }
#topbox { position: absolute; top: 0; left: 50%; margin-left: -400px; width: 800px; height: 13px; background: #1B354F; overflow: visible; font-size: 85%; }
#topbox.blink1 { color: #FFCC00; background-color: #222222; }
#topbox.blink2 { color: #CC9900; background-color: #333333; }
#topmenu { }
#topmenu a { color: #C6C6C6; display: block; text-decoration: none; font-weight: bold; padding: 0 10px 0px 10px; background: transparent; }
#topmenu a:hover { color: white; background: #336699; }
#topmenu img { display: none; }
#topmenu { display: block; list-style: none; }
#topmenu ul { float: right; }
#topmenu li { float: left; height: 13px; border-left: 1px solid #C6C6C6; }
#topmenu li ul { position: absolute; z-index: 1000; position: absolute; left: -9000px; margin-left: -1px; padding: 2px 0.5em 1px; border: 1px #888 solid; list-style: none; background: #1B354F; }
#topmenu li li { clear: left; height: auto; border: 0; }
#topmenu li li a { padding: 2px 12px; display: block; width: auto; background: url(topmenu.gif) no-repeat -3px 1px; white-space: nowrap; }
#topmenu li li a:hover { color: white; background: url(topmenu.gif) no-repeat -3px 1px; }
#topmenu li:hover ul, #topmenu li.over ul { left: auto; }


/* ########## TOP BOX ########## */

#content .block { display: block; border: 0 black solid; padding: 1px 0.5em; overflow: hidden; }
#content h1.block, #content h2.block { font-size: 100%; color: white; background: #336699; font-weight: bold; margin: 0; border-width: 1px 1px 1px 1px; }
#content h1.block a, #content h2.block a { color: white; text-decoration: none; }
#content div.block { border-width: 0 1px 1px 1px; margin: 0 0 1em 0; padding: 0.5em 0.5em 0.5em 0.5em; }
.comment { margin: 0 -0.59em -1px -0.59em; padding: 3px 0.59em; font-size: 80%; overflow: hidden; background: #DDD; }

/* ########## FORMS ########## */
.cool { margin: 1em 0; }
.cool label {
        display: block;
        float: left; clear: left;
        width: 145px;
        margin: 2px 5px 0 0;
        text-align: right;
        }
.cool input.text, .cool input.date, .cool textarea, .cool select, .cool span.input {
        margin: 0 0 0 5px;
        width: 430px;
        border-top: 1px solid #555;
        border-left: 1px solid #555;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 1px 5px;
        color: #333;
        }
.cool select { padding: 1px 0px; width: 440px; }
.cool span.input {
        margin: 0 0 0 150px;
        width: 440px;
        display: block;
        }
.cool div.input {
        margin: 0 0 0 150px;
        width: 440px;
        }
.cool .input h1 { margin: 0; display: inline; }

.cool textarea {
        overflow: auto;
        font-size: 95%;
        }
.cool input.date, .cool input.code, .cool input.small, .cool span.small {
        width: 12em;
        }
input.submit {
        width: auto;
        margin: 5px 0;
        border: 2px solid #7496D8;
        padding: 1px 0.5em;
        background: #D7E7FD;
        color: #002795;
        cursor: pointer; cursor: hand;
        }
.cool input.submit { margin: 1em 0 0 155px; width: 445px; }

.cool select {
        padding: 1px;
}
.cool input:focus, .cool textarea:focus {
        background: #efefef;
        color: #000;
}
.cool small {
        display: block;
        margin: 0 0 5px 150px;
        padding: 1px 3px;
        font-size: 88%;
        /*width: 450px;*/
        }
.cool label small {
        width: auto;
        display: inline;
        font-weight: normal;
        margin: 0;
        padding: 0;
        }
.cool div.req, .cool div.opt {
        clear: left;
        }

.cool div.req label {
        font-weight: bold;
        }
.cool fieldset div.opt {
        display: block;
        }
.cool fieldset {
		clear: left;
        margin: 0.5em 0;
        border: none;
        border-top: 1px solid #B5D4FE;
        }
.cool legend {
        margin: 0.1em 0;
        padding: 0.5em 0.5em;
        text-align: right;
        color: #002795;
        background: transparent;
        font-size: 1.3em;
        font-weight: bold;
        }
.cool .info {
        float: right;
        width: 200px;
        margin-right: 10px;
        padding: 2px 0.5em;
        border: 1px solid #B5D4FE;
        background-color: #F8FAFC;
        font-size: 88%;
        }

.alert {
        background: #F8FAFC url(lightbulb_off.png) center no-repeat;
        background-position: 15px 15px; /* x-pos y-pos */
        border-top: 2px solid #B5D4FE;
        border-bottom: 2px solid #B5D4FE;
        }
* html .alert { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/templates/chs/lightbulb_off.png", sizingMethod="scale"); }

.attention {
        background: #FFF7C0 url(lightbulb.png) center no-repeat;
        background-position: 15px 10px; /* x-pos y-pos */
        border-top: 2px solid #FED626;
        border-bottom: 2px solid #FED626;
        }
* html .attention { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/templates/chs/lightbulb.png", sizingMethod="scale"); }

.alert, .attention {
        display: block;
        text-align: left;
        margin: 1em 0;
        padding: 5px 20px 5px 45px;
        }


.admin { float: right; display: block; background: #F8FAFC; border: 1px solid #336699; padding: 2px 7px; margin: -3px 1em 0.5em 1em; }
.admin li { float: left; display: block; width: 16px; height: 16px; margin: 2px 3px; padding: 0; }
.admin li a { display: block; width: 16px; height: 16px; background: #B5D4FE; text-indent: -9000px; }
.admin li.br { clear: left; }
.admin li.prev    a { background: url(news_prev.gif)    no-repeat 50% 0; }
.admin li.next    a { background: url(news_next.gif)    no-repeat 50% 0; }
.admin li.edit    a { background: url(news_edit.gif)    no-repeat 50% 0; }
.admin li.delete  a { background: url(news_delete.gif)  no-repeat 50% 0; }
.admin li.refresh a { background: url(news_refresh.gif) no-repeat 50% 0; }
.admin li.pub     a { background: url(news_pub.gif)     no-repeat 50% 0; }
.admin li.unpub   a { background: url(news_unpub.gif)   no-repeat 50% 0; }


ul.rules { list-style-type: decimal; margin: 0; }
ul.rules ul { list-style-type: upper-latin; margin: 0.5em 0 0.5em 0em; display: none; }
ul.rules ul.open { display: block; }
ul.rules ul ul { list-style-type: lower-latin; display: block; }
ul.rules li { margin-left: 2em; }
ul.rules h2 { font-size: 100%; padding-left: 16px; background: url(plus.gif) no-repeat 0 50%; cursor: pointer; cursor: hand; }
ul.rules h2.open { background: url(minus.gif) no-repeat 0 50%; }
ul.rules blockquote { text-align: left; }
ul.rules.noq ul { display: block; }
ul.rules.noq h2 { padding-left: 0; background: none; cursor: inherit; }

table td.nobr { white-space: nowrap; }

table.rating { width: 70%; border-collapse: collapse; margin: 0 15%; }
table.rating tr { }
table.rating th { text-align: center; font-weight: bold; padding: 1px 0.5em; }
table.rating th+th { text-align: left; }
table.rating th+th+th { text-align: center; }
table.rating td { text-align: center; padding: 1px 0.5em; border-top: 1px #C1CDD8 solid; border-bottom: 1px #C1CDD8 solid; }
table.rating td+td { text-align: left; }
table.rating td+td+td { text-align: center; }


table.teams { width: 100%; border-collapse: collapse; margin: 0; }
table.teams tr { }
table.teams th { text-align: center; font-weight: bold; padding: 1px 0.5em; }
table.teams td { text-align: center; color: black; padding: 2px 0.5em; background: #F5F6F8; border-top: 1px #C1CDD8 solid; border-bottom: 1px #C1CDD8 solid; }
table.teams td.x { background: #F5F6F8 url(plus.gif) no-repeat 5px 50%; cursor: pointer; cursor: hand; padding: 2px 0.5em 2px 21px; }
table.teams td+td,          table.teams th+th { text-align: left; }
table.teams td+td+td,       table.teams th+th+th { text-align: left; }
table.teams td+td+td+td,    table.teams th+th+th+th { text-align: left; }
table.teams td+td+td+td+td, table.teams th+th+th+th+th { text-align: center; }

table.teams tr.loozer td { color: #888; }

table.teams tr.subinfo { display: none; }
table.teams tr.subinfo.open { display: table-row !important; display: block; }
table.teams tr.subinfo td { background: none; text-align: left; vertical-align: top; }
table.teams tr.subinfo td a { text-decoration: none; }
table.teams tr.subinfo ul { list-style: none; margin: 0; }
table.teams tr.subinfo li { margin: 0; overflow: hidden; width: 100%; }
table.teams tr.subinfo ul img { vertical-align: bottom; }
table.teams tr.subinfo ul span { float: left; display: block; width: 8em; }

table.referee { width: 100%; border-collapse: collapse; margin: 0; }
table.referee tr { }
table.referee th { text-align: left; font-weight: bold; padding: 1px 0.5em; }
table.referee td { text-align: left; white-space: nowrap; vertical-align: top; padding: 2px 0.5em; background: #F5F6F8; border-top: 1px #C1CDD8 solid; border-bottom: 1px #C1CDD8 solid; }
table.referee tr.two td { background: white; }
table.referee td+td,          table.referee th+th { white-space: normal; text-align: left; }

table.referee td+td a { text-decoration: none; }
table.referee ul { list-style: none; margin: 0; }
table.referee li { margin: 2px 0; overflow: hidden; width: 100%; }
table.referee li+li { border-top: 1px #DBE1E8 solid; }
table.referee ul img { vertical-align: bottom; }
table.referee li span.label { float: left; display: block; width: 9em; }
table.referee li span { float: none; display: table; width: auto; }


table.games { width: 100%; border-collapse: collapse; margin: 0; }
table.games tr { }
table.games th { text-align: left; font-weight: bold; padding: 1px 0.5em; }
table.games td { text-align: left; vertical-align: middle; padding: 2px 0.5em; background: #F5F6F8; border-top: 1px #C1CDD8 solid; border-bottom: 1px #C1CDD8 solid; }
table.games tr.two td { background: white; }
table.games td.win { font-weight: bold; }
table.games tr.closed td { color: #666; }
table.games td.ref { color: red; }

table.servers { clear: left; width: 100%; border-collapse: collapse; margin: 1em 0 0 0; }
table.servers tr { }
table.servers th { text-align: left; font-weight: bold; padding: 1px 0.5em; }
table.servers td { text-align: left; white-space: nowrap; vertical-align: middle; padding: 2px 0.5em; background: #F5F6F8; border-top: 1px #C1CDD8 solid; border-bottom: 1px #C1CDD8 solid; }

.rtop, .rbottom { display: block; }
.rtop *, .rbottom * { display: block; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }
.r1 { margin: 0 5px; }
.r2 { margin: 0 3px; }
.r3 { margin: 0 2px; }
.r4 { margin: 0 1px; height: 2px; }

.rs1 { margin: 0 2px; }
.rs2  {margin: 0 1px; }

/* [(base_url)]640x480/[+maxigallery.path_to_gal+][+maxigallery.picture.filename+] */

.image { color: #002795; background: #E1E9F3; text-align: center; display: block; margin: 5px; width: 186px; text-decoration: none; }
a.image *, a .image * { cursor: pointer; cursor: hand; }
.image span  { display: block; }
.image span.img { text-align: center; padding: 2px 3px; }
.image img { width: 180px; height: 135px; display: block; margin: 0 auto; }
.image span.note { background: #FFF7C0; padding: 1px 0.5em; }
.image:hover { color: black; }
.image:hover span.note { background: #FFF7C0; }

.image .rtop,   .image .rbottom   { background: white; }
.image .rtop b    { background: #E1E9F3; }
.image .rbottom b { background: #E1E9F3; }

.images  { overflow: hidden; margin: 0 auto; padding: 1.5em 0 0 0; }
.images .image { float: left; margin: 5px; background: #D4D0C8; }
.image.first { clear: left; margin-left: 10px;}
.images .image span.img { border-top: none; border-bottom: none; }
.images .image span.note { background: #D4D0C8; }
.images .image .rtop    b { background: #D4D0C8; }
.images .image .rbottom b { background: #D4D0C8; }

.image.iBig { width: 515px; margin: 0 auto; background: #D4D0C8; }
.image.iBig span.img { padding: 3px 5px; }
.image.iBig img { width: 505px; height: auto; }
.image.iBig .rtop    b { background: #D4D0C8; }
.image.iBig .rbottom b { background: #D4D0C8; }

.comment { text-align: left; width: 505px; margin: 0.5em auto; }
.size    { text-align: center; width: 505px; margin: 0.5em auto; }


div.pager {
  margin: 1em 0; padding: 0.5em 0;
  background: url(line-dot.gif) repeat-x 0 0;
  overflow: hidden; width: 100%;
}
.ditto_currentpage { margin: 0 0.1em; font-size: 120%; font-weight: bold; }
.ditto_page { margin: 0 0.1em; }
.pip_currentpage { margin: 0 0.1em; font-size: 120%; font-weight: bold; }
.pip_page { margin: 0 0.1em; }

div.block .subinfo { width: 100%; overflow: hidden; font-size: 85%; margin: 1em 0 -0.2em 0; }
div.block .subinfo .left { }

div.block .sub { clear: left; width: 100%; overflow: hidden; }
div.block .sub .left { width: 50%; }
div.block .sub .right { width: 50%; }
div.block .sub h2 { color: #333; }
div.block .sub h2 a { color: inherit; text-decoration: none; border-bottom: 1px #666 dotted; cursor: help; }


.jot-row     { position: relative; margin: 1em 0 1em 50px; background: #FFFBE0; }
.jot-row-alt { background: #F0F4F9; }
.jot-row-up  { background: #FFE0FB; }
.jot-row-ban { border-left: 1px #AA0000 solid; border-right: 1px #AA0000 solid; }
.jot-row-me  { }
.jot-row-new { }

.jot-number { position: absolute; right: 570px; top: 0; font-size: 200%; text-decoration: none; } 
.jot-number span { font-size: 50%; vertical-align: super; } 
.jot-user    { float: left; text-align: left; padding: 3px 0 3px 30px; background: url(../jot/jot_user.png) no-repeat 10px 50%; }
.jot-email   { float: left; text-align: left; padding: 3px 0 3px 30px; background: url(../jot/jot_email.png) no-repeat 10px 50%; }
.jot-poster  { float: right; text-align: right; padding: 3px 10px 3px 0; }

.jot-content { clear: both; background: url(line-dot.gif) repeat-x 0 0; padding: 0.5em 0 0 0; margin: 0 10px; }

.jot-product { padding: 3px 0 3px 20px; background: url(../jot/jot_product.png) no-repeat 0 50%; }
.jot-message { padding: 0.2em 0 0 20px; background: url(../jot/jot.png) no-repeat 0 0.2em; }
.jot-row-new .jot-message { background-image: url(../jot/jot_new.png); }

.jot-row     .rtop, .jot-row     .rbottom { background: white; }
.jot-row-alt .rtop, .jot-row-alt .rbottom { background: white; }
.jot-row-up  .rtop, .jot-row-up  .rbottom { background: white; }

.jot-row     .rtop b, .jot-row     .rbottom b { background: #FFFBE0; }
.jot-row-alt .rtop b, .jot-row-alt .rbottom b { background: #F0F4F9; }
.jot-row-up  .rtop b, .jot-row-up  .rbottom b { background: #FFE0FB; }

.jot-extra { margin: 1em 10px 3px 30px; text-align: right; }
.jot-extra * { vertical-align: bottom; }

s.docs.two dt { float: left; width: 45%; }
s.docs.two dd { float: left; width: 45%; }


table.group { width: 100%; border-collapse: collapse; margin: 0 0 1em 0; }
table.group tr { }
table.group td, table.group th { text-align: center; color: black; padding: 1px 0.5em; background: #F5F6F8; border-left: 1px #C1CDD8 solid;  border-top: 1px #C1CDD8 solid; border-bottom: 1px #C1CDD8 solid; }
table.group th { font-size: 85%; width:230px; text-align: right; font-weight: bold; white-space: nowrap; border-left: none; }
table.group tr.head th { font-size: 100%; width: auto; text-align: center; border-left: 1px #C1CDD8 solid; }
table.group tr.head td { text-align: right; border-left: none; }
table.group td.diag { background: #E0E5EB; }
table.group a { text-decoration: none; }

#orphus { position: absolute; top: 24px; left: 50%; margin-left: 340px; }

.banner_468x60 { width:490px; margin: 1em 0 1em 65px; padding: 13px 0px 25px 3px; background:transparent url(shuffledpapers-white.jpg) 0 0 no-repeat; }
.id1 .banner_468x60 { margin-left: -15px; }
.banner_100x100 { margin: 0.5em auto; text-align: center; }
.banner_120x240 { margin: 0.5em auto; text-align: center; }



.ajaxSearch_intro,
.ajaxSearch_resultsInfos,
.AS_ajax_resultsIntroFailure { display: block; padding: 0.3em 1em; font-style: italic; border: 1px #848484 dotted; background: #E4E4E4; }

.ajaxSearch_resultsDisplayed { display: none; }

.ajaxSearch_grpResult { margin: 1em 0; }
.ajaxSearch_result { clear: both; margin: 1em 0; overflow: hidden; width: 100%; }
.ajaxSearch_result  .ajaxSearch_resultLink { font-weight: bold; font-size: 126%; }
.ajaxSearch_result  .ajaxSearch_resultImage { margin: 1em 1em 1.5em 0; float: left; }
.ajaxSearch_result  .ajaxSearch_resultImage a { border-bottom: none; }
.ajaxSearch_result  .ajaxSearch_resultImage a:hover  { border-bottom: none; }
.ajaxSearch_result  .ajaxSearch_resultExtract { margin: 0.5em 0 1.5em 1.5em; display: table; _height: 0; zoom: 1; }

.ajaxSearch_grpResultHeader { display: none; }
.ajaxSearch_grpResultFooter .ajaxSearch_paging{ border-top: 1px dotted #9FC5EB; }
.ajaxSearch_paging { display: block; margin: 0.5em 0; padding: 0.5em 0; width: 100%; overflow: hidden; }
.ajaxSearch_paging .ajaxSearch_currentPage { margin: 0 0.1em; font-size: 130%; font-weight: bold; }
.ajaxSearch_paging a { margin: 0 0.1em; }

#ajaxSearch_form {}
#ajaxSearch_form fieldset { border: none; }
#ajaxSearch_form input { width: auto; padding: 1px 0 1px 3px; }