/*
 *	usl main.css
 */

html, body, div, form, table, td, label, input, button, ul, li, ol, dl, dd, dt, a, span 
{ 
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 	 
}

html, body, div, form, img, td, label { margin: 0; padding: 0; border: none; }

html, body { background-color: #fff; font: normal 10pt Verdana, sans-serif; color: #000; width: 100%; }

table { border-collapse: collapse; margin: 0; } 
table.tfix { table-layout: fixed; } 
	
a, a:visited { text-decoration: none; color: #720; }
a:hover { text-decoration: underline; color: #c00; }

a img, a:visited img { border: none; }

p { text-align: justify; text-indent: 2em; margin: 0.3ex 0px; }

.bl { display: block; }
.lf { text-align: left; }
.rt { text-align: right; }
.cn { text-align: center; }
.jst { text-align: justify; }
.noindent {text-indent: 0px;}
.amar { margin-left: auto; margin-right: auto; }

.ptr { cursor:pointer; cursor: hand; }
.nrm { cursor: default; }

.nobr { white-space: nowrap; }
.nobr ul {text-align: left; list-style-type: none; padding: 0px; margin:0px; }
.nobr ul li {display: inline;}

#ptype ul {text-align: left; list-style-type: none; padding: 0px; margin:0px; }

.clrl { clear: left;  }
.clrb { clear: both;  }
.clrr { clear: right; }

.fll { float: left; }
.flr { float: right; }

.brd1 { border: 1px solid #ADB4F5; }
.brd2 { border: 1px solid #ADB4F5; padding: 1px; background-color: #fff; }

.brd-ccc { border: 1px solid #ccc; }

.bold {font-weight: bold; }

.w50 { width: 50%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

.vtop { vertical-align: top; }
.vmid { vertical-align: middle; }
.vbot { vertical-align: bottom; }

.lmar20 { margin-left: 20px; }
.lmar30 { margin-left: 30px; }

.lpad20 { padding-left: 20px; }
.lpad30 { padding-left: 30px; }

img.cn { display: block; margin-left: auto; margin-right: auto; }

em { font-weight: bold; font-style: normal; color: #c30; }
hr { height: 1px; margin: 1ex 0px; border: none; background-color: #aaa; } 

img.picl { width:120px; height:90px; float:left;  margin:3px 10px 4px 0px; border:1px solid #aac; }
img.picr { width:120px; height:90px; float:right; margin:3px 0px 4px 10px; border:1px solid #aac; }

.err { color: #c00; }
.errmsg { color: #900; text-align: center; margin: 2em 4em; }

.lbl { font-weight: bold; color: #496F22; }


/* tables */

table.lst tr th { padding: 0.3ex 2ex; vertical-align: top; text-align: center; }
table.lst tr td { padding: 0.3ex 2ex; vertical-align: top; }
table.lst tr.bbrd { border-bottom: 1px solid #ccc; } 

table.lst tr.r0 td { }
table.lst tr.r1 td { background-color: #f6f4f6; }
table.lst tr.r2 td { background-color: #EaEaEe; }

table.frm tr th { padding: 2px 4px; text-align: center; }
table.frm tr td { padding: 1px 2px; }
table.frm tr td.lbl { font-weight: bold; text-align: right; color: #496F22; }
table.frm tr td.lbl2 { text-align: right; color: #335; }
table.frm tr.tbrd td { border-top: 1px solid #ccc; } 
table.frm tr.bbrd td { border-bottom: 1px solid #ccc; } 

table.frm tr.sep td { height: 2px; padding: 0; }
table.frm tr.sep4 td { height: 4px; padding: 0; }

table tr#tredit td { padding: 0.3ex 0.5ex; }
table tr#tredit th { padding: 0.3ex 0.5ex; text-align:right; }
/* form */

input, select, textarea { 
	border: 1px solid #ccc; font-size:9pt; background-color: #FFFff4; margin: 2px 0; }
input { padding: 1px; }
button { border-width: 1px; font-size: 9pt; }

.comment { color: #99a; font-size: 8pt; font-weight: normal; margin-bottom: 4px; }
.msg { color: #0a3; }

input.int { text-align: right; width: 10ex; }
label { color: #335; }

/* header */

div.pagewrap { width: 100%; position: relative; margin: 0; padding: 0; }

div.hdrbar { background: url(/img/head-bg.png) repeat-x; width: 100%; height: 126px; }

.btn_t42 { 
	width: 144px; height: 42px; background: url(/img/menu-norm-lf.png) no-repeat;
	font-size: 13px; font-weight: bold; position: relative; vertical-align: top; 
	text-align: left; margin: 0; padding: 0; white-space: nowrap; overflow: hidden;
}

.btn_t42 i { float: right; width: 17px; height: 42px; background: url(/img/menu-norm-rt.png) no-repeat; }

.btn_t42 a, .btn_t42 a:visited { color: #a7897c; margin: 11px 0 0 12px; float: left; white-space: nowrap; }

.btn_t42.active { background-image: url(/img/menu-act-lf.png); }
.btn_t42.active i { background-image: url(/img/menu-act-rt.png); }

.btn_t42.active a, 
 .btn_t42.active a:visited { color: #f15924; }

.btn_t42 a:hover { color: #f00; }

table.login { height: 108px; }
table.login td { color: #988; }
table.login td.login-bg { 
	background: url(/img/login-lf.png) no-repeat; vertical-align: top; font-size: 12px; 
}

table.login td.login-title { font-size: 14px; font-weight: bold; color: #779d34; text-align: center; height: 38px; }
                            
input.login { font-size: 13px; border-color: #ccc; }
button.login { font-size: 13px; margin-top: 3px; }

/* main page */

div.main_lcol {
	margin: 16px 244px 10px 0;
}

div.slogan {  
	border: 1px solid #dfdfdf;
	padding: 8px 18px 12px;
	background-color: #FFF7F3;
    
}
div.slogan p {
    text-indent: 15px;
    font-size: 13px;
}

div.slogan h3 { margin-top: 0; }

div.maingrp { margin: 30px 66px; font-weight: bold; }

/* content */

h1 { }
h2 { color: #644; }
h3 { color: #644; }

div.contentwrap { width: 960px; margin: 10px auto; position: relative; clear: both; }
div.content { padding: 8px 12px; }

table.rbar { 
	float: right; width: 218px; table-layout: fixed;
	margin: 0 -12px 8px 10px; 
}

.btn_g220 { 
	width: 218px; height: 37px; background: url(/img/reg-lf.png) no-repeat;
	font-size: 16px; font-weight: bold; position: relative; text-align: left; padding: 0;
}

.btn_g220 i { float: right; width: 11px; height: 37px; background: url(/img/reg-rt.png) no-repeat; }

.c267 { color: #267da5; } 
.c7b0 { color: #78BA09; }
.ce62 { color: #ee5823; }

.gdslist_descr { font-size: 8pt; color: #866; margin-left: 20px; }

.gds-na { background-color: #ffdddd; }

/* newsmain */

.newsmain { margin-top: 20px; padding: 4px 0; border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; }
.newsmain .news { text-align: center; font-weight: bold; font-size: 16px; display: block;  margin-top: 2px; }
.newsmain .time { font-size: 9pt; color: #c99; } 
.newsmain .title { font-size: 10pt; }
.newsmain .more { text-align: right; display: block; margin-bottom: 6px; }

.newspage { }
.newspage .item { border-bottom: 1px dotted #eee; margin-top: 6px; }
.newspage .time { text-align: right; margin: 2px 6px 2px 6px; width: 10em; float: right; }
.newspage .title { background-color: #fff8f4; padding: 2px 4px 4px 4px; font-weight: bold; font-size: 10pt; color: #a52; }
.newspage .text { padding: 2px 10px 4px 10px; font-size: 9pt; }

/* footer */

div.footer { 
	width: 100%; clear: both; position: relative; border-top: 1px solid #f3d8ca; padding-top: 9px;
	background-color: #ffeee7; color: #667;
	height: 64px; 
}

div.footer a, div.footer a:visited { color: #227; }
 
/* site nav */

ul.sitenav { margin: 4px 2px; float: left; }
ul.sitenav li { display: inline; margin: 0; padding: 0; list-style: none; }
ul.sitenav li a { padding: 0px 4px 2px 4px; }
ul.sitenav li a:hover { background-color: #fdd; }

/* paginator */

div.paginator { margin-top: 8px; text-align: center; }
div.paginator a { padding: 2px 4px 2px 4px; border: 1px solid #e3e3f3; }
div.paginator a.cpg { background-color: #e3e3f3; }

/* user tabs */

div.usertabs { 
    margin: 0px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 5px 3px 5px 3px;
    text-align: center;
}
div.user_tab { margin: 1ex auto 1em auto; width: 88%; border: 1px solid #ccc; padding: 1ex 3ex; }

div#contragents {position:relative; float:right;}
div#contragents p {text-align:center;}
div#contragents div#clist {position:absolute; z-index: 1000000; display: none; float: none; top:0; right:0; width:450px; background-color:#ccc; border: 1px solid #000; padding: 10px;}
div#contragents div#clist table td {padding: 3px 8px;}

div#structure_bonus {position:relative; float:right;}
div#structure_bonus p {text-align:center;}
div#structure_bonus div#strlist {position:absolute; z-index: 1000000; display: none; float: none; top:0; right:0; width:600px; background-color:#ccc; border: 1px solid #000; padding: 10px;}
div#structure_bonus div#strlist table td {padding: 3px 8px;}
div#bonusresult table tr.nobonus {background-color:#eee;}

td#ptype span#bonusinfo {position:relative; float:right;}
td#ptype span#bonusinfo small {position:absolute; z-index: 1000000; top:-24px; right:10px; width:80px; float:none; text-align:right;}

div.feedbacks { border: 1px solid #000; padding: 10px; margin-left:30px; background-color:#ddd; width:95%;}
div.feedbacks, div.replydiv, div.answer { border: 1px solid #000; padding: 10px; margin-left:30px; background-color:#ddd; width:95%;}
div.replydiv, div.answer { margin-left:60px; font-weight: bold; font-size: 10px; width:80%;} 

table#feedback {width:99%;}
table#feedback td {padding-left: 5px;padding-right: 5px;}

.delup, .edup, .reply, #words { text-decoration: none; color: #720; cursor:pointer; cursor:hand; font-size:10px;}
.delup:hover, .edup:hover, .reply:hover { text-decoration: underline; color: #c00; }
.banp {text-indent:0px; margin:1px 3px;}
.pre {white-space: pre;}
.c720 {color: #720;}

#tredit {border: 1px solid #000;}
.trinfo table {margin: 10px;}
.trinfo td table td, .trinfo td table th {border: 1px solid #000; padding:2px 5px;}
.trinfo td table td {text-align:right;}
#commission {display:none;}

small.filter i {text-decoration:underline;}

center.slink {text-align: center; position: relative; width: 470px; height: 62px; padding:0px 245px;}
center.top {padding:0px 25px;}
center.adv {padding:0px;}
div.slink {position: absolute; top:0px; z-index: 1000; width: 470px; height: 62px; padding:0px;}
div.slink, div.slink a, div.slink a span {background-color:transparent;}
span#suburbs {display:none;}

div.rotate, div.rotated, div.wordlist {display:none;}
div.rotate {padding-left:20px;}
div.wordlist {font-size:12px;}

div#menulist {position:absolute; z-index:100; display:none; background-color:#fff; padding:0px; margin:0px; border:2px solid #ccc;}
div#menulist ul {list-style-type:none; font-size:10px; padding:1px 5px; margin:0px; cursor:default;}
div#menulist ul li {padding:2px;font-weight:normal;}
div#menulist ul li a {font-weight:bold;}

div#structure_bonus {z-index: 100;}
tr#hdr th {cursor:pointer; cursor:hand;}

ul.gdslist li {list-style-type:none;}
.modercomment {color: #888; font-variant: italic; font-size: 10px; font-weight: normal;}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
}

/* eof */