/*---------------------------------------------------------------------------
Основные тэги
---------------------------------------------------------------------------*/
body {padding: 0; margin: 0; font: normal 13px Tahoma, Arial, Verdana;}

form, fieldset {margin: 0; padding: 0;}
input, select {vertical-align: middle;}
input[type="button"], input[type="submit"] {
    background:url("../img/button.gif") repeat center top;
    border: 1px solid #ccc; cursor:pointer; padding: 3px 5px;}
.contentFrame input[type="button"], .contentFrame input[type="submit"], .messageBox input[type="submit"] {min-height: 30px;}
textarea {width: 100%; font-size: 120%; margin-bottom: 10px;}
img {border: 0;}
hr {clear: left; height: 1px; border: 0; margin: 0; padding: 0; color: #eee; background-color: #eee;}
table td {vertical-align: top;}
p, .p, blockquote {padding: 10px; margin: 0;}
blockquote {padding-left: 25px;}

h1, h2, h3, h4 {clear: left; font-weight: bold; padding: 0 0 5px; margin: 10px 10px 0; text-align: left;}
h1 {font-size: 14px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
h4 {font-size: 13px; font-weight: normal;}
h5 {font-size: 12px;}

h1 span {display: block; float: right; margin-top:-1.5em; font-size: 80%; font-weight: normal;}
h1 em {font-weight: normal; font-size: 80%; font-style: normal;}
h2 span {font-weight: normal; font-size: 80%;}
#body h2 a {text-decoration: none;}
.leftCol h1 {margin-left: 5px; border: 0; padding-left: 0; padding-right: 0; text-transform: uppercase;}
.leftCol h2 {margin-left: 5px; padding-left: 0; padding-right: 0;}

.contentFrame h1 {color: #333; font-size: 16px;}
.contentFrame > h1:first-child {margin-top: -20px;}

.actionsBlock {clear: left; margin-bottom: 5px; font-size: 90%;}
.actionsBlock a {display: block; clear: left; padding: 1px 3px; text-decoration: none;}

/*---------------------------------------------------------------------------
Глобальная структура
---------------------------------------------------------------------------*/
.line {width: 100%; padding: 0; margin: 0;}

#header, .headerBottom, #center, #footer {width: 974px; margin: 0 auto;}

#header {padding: 0;}
a#logo {border: 0;}
a#logo:hover, a.miniLogo:hover {background: none; text-decoration: none;}

.serviceMenu {float: right;}
.serviceMenu, body .serviceMenu a {font: normal 11px Tahoma, Arial, Verdana; text-decoration: none;}

#header form.search {float: right; padding: 2px 4px; margin: 5px 0; background: #fff; border-top: 1px solid #ccc;}
#header form.search #searchText {color: #666; font: bold 11px Tahoma, Arial, Verdana; border: 0;}
#header form.search #searchButton {border: 0; width: 12px; height: 12px; background: url('../img/search.gif') no-repeat center; vertical-align: middle;}

#menu {float: right; margin: 0;}
#menu td {text-align: center;}
#menu td a {
    display: block; padding: 7px 20px; text-align: center;
    border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; 
    font: bold 12px Arial, Tahoma, Verdana; text-decoration: none;}
#menu td.space {width: 0;}
#menu td.rc {width: 120px;}
#menu td.rc a {padding: 7px 0;}

#center {padding: 0; margin-bottom: 10px;}
#center td {}
#center td.contentFrame {max-width: 510px; overflow: hidden;}

.leftCol {width: 200px; font-size: 11px; padding-right:10px;}
.rightCol {width: 240px; padding-top: 0;}
.contentFrame {padding: 30px 10px 20px 0;}

ul.menu {padding: 0; margin: 3px 0 3px 3px; list-style: none; border-bottom: 1px solid #eee;}
.menu li {padding: 0; margin: 0;}
body .menu a, body .menu span {display: block; text-decoration: none; padding: 4px; margin: 0;}
body .menu a span {display: inline; padding: 0;}

.leftCol .dBlock, .leftCol p, .leftCol .p {padding:5px 0; margin:0 5px;}

.subMenu {margin: 10px 10px 5px; padding: 0; height: 1.7em;}
.subMenu a, .subMenu span {display: block; float: left; margin: 0; padding: 2px 7px 3px; font-size: 11px; border: 1px solid #ccc; border-left: 0; background: #e9e9e9;}
.subMenu *:first-child {border-left: 1px solid #ccc;
    border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
    border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;}
.subMenu *:last-child {
    border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
    border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}

.rightCol .rctl {
    height: 10px; z-index: 2;
    border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;}

.services *, #threads * {font-size: 11px;}
.services, #threads {padding: 0 0 10px;}
.rightCol h1 {
    font-size: 12px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    border-bottom: 0; padding: 3px 5px 4px; margin: 5px 0 0;}
.services h1, #threads h1 {font-size: 12px;}
.services p, .services .p, .services .dBlock {padding: 5px 0; margin: 0 5px;}
.services .subMenu {margin: 3px 5px 5px;}

#settingsPanel {font-size: 80%; background-color: #f6f6f6; border: 1px solid #eee; margin: 0 10px 10px;}

.regForm * {font-size: 16px; line-height: 160%;}
.regForm {padding: 20px; margin: 10px; border: 1px solid #eee; background: #f6f6f6 url('../img/auth_bg.gif') repeat-x bottom;}
.regForm h1 {text-align: center; font-size: 25px;}

.footer {padding-top: 0;}
#footer {padding: 9px 0 7px;}
#footer img {vertical-align: middle;}
#footer span {font-size: 11px; margin-left: 20px;}
.miniLogo {margin-left: 10px;}

#body .megaLink {
    color: #fff; font-size: 16px; display: block; float: left; text-decoration: none; margin-right: 10px;
    padding: 5px; border: 1px solid #f00; outline: 1px solid #900; background: #c00;}
#body .megaLink:hover {background: #900; text-decoration: none;}

.moderate-area {background: #ffc; font-size: 10px; padding: 3px; color: #666;}

/*---------------------------------------------------------------------------
Картинки
---------------------------------------------------------------------------*/
.avatar {padding: 0; margin: 15px 0 10px 3px;}
.avatar img {width: 197px; padding: 0; margin: 0;}
.avatar img.redsquare {width: 40px; height: 40px; position: absolute; margin: -8px 0 0 8px;}
a.avatar strong {display: block; margin: -2.8em 0 0 7px; color: #fff; text-shadow: 1px 1px #000;}
a.avatar:hover {text-decoration: none;}
img.icon, input.icon, .icon img {width: 16px; height: 16px; margin-right: 3px; vertical-align: middle;}
.icon img {margin-right: 0;}
.online {width: 7px; height: 7px; background-color: #0c0; border: 1px solid #fff;}
.picFrame {padding: 5px; border: 1px solid #eee; background: #f6f6f6;}
table.vidFrame {border: 0; margin-bottom: 3px;}
table.vidFrame td {padding: 0px;}
table.vidFrame td.side {width: 9px; background: #000 url('../img/film.gif') repeat-y center top;}
/*.pic {padding: 1px; border: 1px solid #eee;}*/
p .pic, .p .pic, .dBlock .pic, .sBlock .pic {margin-right: 5px;}
.pics .pic {margin-right: 0;}
table.fotoBlock {float: left; width: 160px; height: 160px; margin: 0 0 10px 10px ;}
table.fotoBlock td {text-align: center; vertical-align: middle;}
p.fotoBlock {text-align: center; padding: 20px; margin-left: 10px;}
table.fotoBlock td, p.fotoBlock, div.fotoBlock {background: #f5f5f5 url('../img/foto_bg.gif') repeat top left;}
div.fotoBlock {float: left; width: 90px; height: 90px; padding-top: 10px; text-align: center; margin: 0 0 10px 10px;}
.fotoBlock img {background: #fff;}
.fotoBlock a:hover {background: none;}
.simpleForm {padding: 10px; margin: 0 10px; background: #f6f6f6;}

/*---------------------------------------------------------------------------
Контент
---------------------------------------------------------------------------*/
.content {width: 100%; margin-top: 5px;}
.status {margin: 0 0 5px;}
.airLink {display: block; padding: 3px 3px 0 10px;}
.place {padding: 0 3px 3px 10px;}
.speech {padding: 0 5px 0 10px; max-width: 400px; float: left; background: #fff url('../img/speech.gif') no-repeat left top;}
.speech3 .statusField {padding: 7px 10px;}
.statusField {border: 1px solid #ccc; border-left: 0; margin: 0;}
.home .statusField {padding: 5px 10px; font-size: 20px; color: #666; line-height: normal;}
.status .statusField {border: 1px solid #ccc; border-left: 0; margin: 0; padding: 5px 10px; font-size: 20px; color: #666; line-height: normal;}
.status .speech, #body .home {max-width: 100%; background: #fff url('../img/speech_big.gif') no-repeat left top;}
div.statusField {padding: 3px 2px;}
input.statusField {width: 420px;}
input.submit {vertical-align: middle; font: bold 19px Arial, Tahoma, Verdana; margin: 1px 0 0; padding: 2px 10px 3px;}
h2.quote {text-indent: -18px; padding-left: 21px;}
h2.quote em {position: relative; font-style: normal; font: bold 200% 'Times New Roman', Georgia, Garamond; bottom: -2px; padding: 0 3px; line-height: 0.01em !important;}
.error {border: 1px solid #f00;}
.dBlock {clear: left; border-bottom: 1px solid #eee; padding: 10px 0; margin: 0 10px;}
.news {clear: left; display: block; border-bottom: 1px solid #eee; padding: 3px 0; margin: 0 10px;}
.news .newsBlock {float: left; margin-left: 10px; width:420px;}
.searchLabel {display: block; clear: left;}
.online {width: 7px; height: 7px; background-color: #0c0; border: 1px solid #fff;}
.offline {width: 7px; height: 7px; background-color: #ccc; border: 1px solid #fff;}
.pager {font-size: 18px; text-align: center;}
.pager a {padding: 0 4px;}
.pager span {padding:1px;padding-left:4px;padding-right:4px;background-color:#e2e1e1;color:black;}
.cForm {margin: 0 0 3px 3px; padding: 5px; line-height: 200%;}
.update {clear: left; padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #eee;}
.updatePic {float: left;}
.updateIcon {float: left; width: 16px; height: 16px; padding: 17px; border: 1px solid #eee;}
.updateText {margin-left: 60px;}
.updateText2 {margin-left: 35px;}

.schoolList {margin: 10px;}
.schoolList td {padding: 5px 0; border-bottom: 1px solid #eee;}
.schoolList tr td:first-child {padding-right: 10px;}

.moderateAvatar {text-align: center; margin: 10px auto;}
.moderateAvatar tr:first-child a {display: inline; background: none; text-align: center; padding: 0;}
.moderateAvatar a {display: block; background: #f5f5f5; text-align: center; padding: 5px 10px;}
.moderateAvatar a:hover {background: #ccc; color: #fff; text-decoration: none;}

.present {float: left; text-align: center; padding: 0; margin: 10px 20px 20px 10px;}
/*---------------------------------------------------------------------------
Полезности
---------------------------------------------------------------------------*/
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.fleft {float: left;}
.fright {float: right;}
.fcenter {margin: 0 auto;}
.middle, .middle td {text-align: center; vertical-align: middle;}
.clear {clear: both;}
.cleaner {width: 100%; height: 10px; clear: left;}
.bigger {font-size: 120%;}
.big {font-size: 17px;}
.smaller {font-size: 80%;}
.hr {clear: both; height: 1px; border-top: 1px solid #eee; margin: 10px;}
.nick {font-weight: bold;}
.uppercase {text-transform: uppercase;}

.lite, .news .picDate, .news .date {color: #999;}
.bold {font-weight: bold;}
body a.noU {text-decoration: none;}
.nowrap {white-space: nowrap;}
#body .red {color: #f00;}
#body .blue {color: #00c;}
#body .black {color: #000;}
#body .paid {background-color: #ffd;}

#body .paid:hover {background-color: #fc9;}
#body a.serialBlock {display: block; float: left; width: 155px; margin: 0 0 10px 5px; padding: 5px; font-size: 11px; text-align: center; text-decoration: none;}
#body a.serialBlock:hover {background: #eee;}

a.serialBlock img {width: 155px; height: 130px;}
/*--------------------------------------------------------------------------
Msg icq
---------------------------------------------------------------------------*/
#threads {position: absolute; z-index: 2; width: 240px; min-height: 450px;}
#threads a.thread {display: block; padding: 5px; margin:0; background: #fff; white-space: nowrap; overflow: hidden;}
#threads .thread img {vertical-align: middle;}
#threads .thread:hover, #threads a.active {cursor: pointer; text-decoration: none;}
#shadow {position: absolute; z-index: 1; width: 100%; height: 100%; background: url('../img/px.png') repeat;}
#messageBox {position: absolute; font-size: 13px; z-index: 3; margin-left: -523px; margin-top: 5px; width: 520px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#messageBox div.messageBox, #threads div.threadsBox {border: 1px solid #eee; border-top: 0;}
#threads div.threadsBox {border-bottom: 0;}
#messageBox div.messageBox {
    border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
#threads div.threadsBox {background: #fff; padding: 2px;}
#messageBox div.messageBox {background: #f6f6f6; padding: 10px;}
#messageBox .messages {margin: 5px 0 0; padding: 5px; border: 1px solid #ccc; background: #fff; height: 255px; overflow-y: scroll;}
#messageBox h1 {padding: 3px 10px 4px;}
#threads h1 {padding: 3px 7px 4px;}
h1.msgH1 {margin-top: 0;
    border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
#threads h1.msgH1 {margin-top: 5px;}
#messageBox .messages p {margin: 0; padding: 1px;}
#messageBox .pic {margin: 0 3px 3px 0;}
#messageBox textarea {width: 99%; margin-top: 10px; font: normal 16px Tahoma, Verdana, Arial;}
#messageBox .p {padding-right: 16px;}
#messageBox .spamActions a {color: #333; font-size: 10px; padding: 1px 3px;}
#messageBox .spamActions a:hover {color: #fff; background: #ccc; text-decoration: none;}
.msgLimit {display: block; text-align: center; font-size: 11px;}
#newMsgCountSpan {font: normal 10px Tahoma; color: #fff;}
a.thread span.actions {width: 15px; height: 15px; display: block; position: absolute; margin: 8px 0 0 205px;}
a.thread:hover span.actions {background: url('../img/ico/closewin.png') no-repeat center;}
a.thread:hover span.actions:hover {background-image: url('../img/ico/closewin2.png');}
.threadsPager {border: 1px solid #eee; border-top: 0;
    border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
.threadsPager td {vertical-align: middle; background: #f5f5f5;}
.threadsPager td.pages {text-align: center; width: 60%;}
#threads .threadsPager a, #threads .threadsPager span {display: block; color: #666; text-shadow: 0 1px #fff; text-decoration: none; font-size: 14px; font-weight: bold; text-align: center; padding: 1px;}
#threads .threadsPager span {color: #ccc;}
.threadsPager a:hover {color: #fff; background: #ccc; text-decoration: none;}
.threadsPager tr td:first-child a, .threadsPager tr td:first-child span {border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;}
.threadsPager tr td:last-child a, .threadsPager tr td:last-child span {border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;}
#rightCol .loading {padding: 15px 0 0 85px;} #rightCol #messageBox .loading {padding: 0;}

#body a.closeWin {display: block; font-weight: normal; font-size: 11px; width: 15px; height: 15px; float: right; padding: 0; cursor: pointer; background: url('../img/ico/closewin.png') no-repeat center;}
#body a.closeWin:hover {background-image: url('../img/ico/closewin2.png');}

#popup {position: absolute; z-index: 2; margin: 50px 300px; background: #fff; border: 1px solid #ccc;
    box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#popup h1 {margin: 0; padding: 5px 6px 5px 10px;
    border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
#popup h1 span {float: right; margin: 0;}
#popup h1 span a {color: #fff;}
#popup .popupBottom {background: #f5f5f5; padding: 5px 10px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}

.infoWin h2 {margin: 0;}
.infoWin {
    border-bottom-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc;
    background: #ffd; margin: 10px;}
.progressBar {width: 70%; margin: 0 0 10px; border: 1px solid #eee; background: #fff; box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; border-bottom-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.progressBar td, .progressBar th {width: 20%; height: 10px;}
.progressBar th {background: #006800 url('../img/megafon_bg.gif') repeat-x top;}
#popup .popupBottom a, #body .infoWin .buttonOk, #body .infoWin .buttonNo {
    background:url("../img/button.gif") repeat center top; border: 1px solid #ccc;
    cursor:pointer; padding: 3px 5px; min-height: 30px;
    text-decoration: none; color: #000;}
#popup .popupBottom a {margin: 5px 0;}
#body .infoWin .buttonOk {background:url("../img/button2.gif") repeat center top;}
#body .infoWin .buttonOk:hover {background: #9c6;}
#body .infoWin .buttonNo:hover {background: #ccc;}

#body .like {color: #000; font-size: 10px; text-decoration: none; background: #eee; border: 1px solid #ccc; padding:4px 4px 3px; /*padding:1px 4px 2px; display: block; float: left;*/ border-radius: 2px;  -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.like img {vertical-align: bottom;}