table.art {height: auto; margin-bottom: 10px;}
table.art th {text-align: left; color: #666666; font-size: 14px;}
table.art th, table.art td {border-bottom: solid 1px #ccc; padding-bottom: 10px;}
table.art td {padding: 10px 10px 17px 0px;}
table.art td.auth a{font-weight: bold;}
table.art td.com, table.art th.com {text-align: center;}
table.art td.com a, table.art td.com{color: #1D7AB7; font-weight: bold;}

table.art td.rait {width: 150px;}
table.art td.rait div {float: left; width: 100px; margin: 8px 10px 0px 0px; background: #ccc;}
table.art td.rait div span {display: block; background: #145581;}
table.art td.rait div span img{display: block; margin: 0px; float: none;}
table.art td.rait span{display: block; float: left; color: #145581;}
table.art td.rait1 div {float: left; width: 100px; margin: 8px 10px 0px 0px; background: #FF0000;}
table.art td.rait1 div span {display: block; background: #ccc;}
table.art td.rait1 div span img{display: block; margin: 0px; float: none;}
table.art td.rait1 span{display: block; float: left; color: #FF0000;}

td.content h2{color: #333; padding: 0px 0px 10px 0px; margin: 0px;}
td.content h2 a{color: #333;}
td.content p{padding: 0px 0px 10px 0px; line-height: 18px;}
td.content img {float: right; display: inline; margin: 0px 0px 10px 10px;}

td.content ul, td.content ol{margin: 0px 0px 10px 25px;}
td.content table{height: auto;}
td.content div.smile img{float: none; margin: 0px;}
td.content table th{text-align: left;}

div.gol {clear: left;}
div.gol span{display: block; float: left; font-size: 11px; font-weight: bold; color: #333; padding: 4px 20px 0px 0px;}
div.gol a{display: block; float: left; text-decoration: none; font-size: 11px; font-weight: bold; color: #145581; padding: 4px 20px 7px 0px; margin-right: 15px;}
div.gol a.best {background: url("../img/best.gif") no-repeat right;}
div.gol a.bad {background: url("../img/bad.gif") no-repeat right;}
div.gol strong {display: block; float: left; font-size: 11px; color: #145581; margin: 4px 10px 0px 0px;}
div.gol strong b{color: #FF0000; font-size: 11px;}

a.comment {display: block; clear: left; float: left; font-weight: bold; padding-right: 10px; margin-top: 10px; background: url(../img/str.gif) no-repeat right 6px;}

table.otziv {height: auto; clear: both; margin: 10px 0px 10px 0px;}
table.otziv td {padding: 10px 0px 10px 0px;}
table.otziv td.t div{float: left; width: 300px;}
table.otziv td.t span {display: block; margin-left: 10px; color: #145581;}
table.otziv td.b {border-bottom: solid 1px #ccc; padding-top: 0px;}
table.otziv td.b img{float: none; margin: 0px;}

td.content h2.dob {font-size: 12px; color: #145581; margin-top: 20px;}
td.content input {display: block; width: 540px; border: solid 1px #ccc; margin: 1px 0px 5px 0px;}
td.content textarea {display: block; width: 540px; height: 85px; border: solid 1px #ccc; overflow: auto; margin: 1px 0px 5px 0px;}

a.dob {display: block; float: left; background: #1D7AB7 url("../img/bt_left.gif") no-repeat; text-decoration: none;}
a.dob:hover {background: #4994C5 url("../img/bt_left_ov.gif") no-repeat;}
a.dob span{display: block; background:url("../img/bt_right.gif") no-repeat right; padding: 0px 20px 2px 8px; font-size: 11px; color: #fff; font-weight: bold;}
a.dob:hover span{background:url("../img/bt_right_ov.gif") no-repeat right;}

div.mes a{color: #145581; font-weight: bold;}
div.mes span{color: #ccc; font-weight: bold;}