body{
margin : auto;
max-width : 550px;
font-family : tahoma, Comic Sans MS, verdana, sans-serif, Lucida Sans;
font-size: 13px;
background: url('body.png');
word-wrap: break-word;
}
.body {
background: #E2EFF3;
margin: 0px 0px 50px 0;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 1px 15px #7B909E;
-moz-box-shadow: 0 1px 15px #7B909E;
-o-box-shadow: 0 1px 15px #7B909E;
box-shadow: 0 1px 15px #7B909E;
padding-bottom: 15px;
}
a:link, a:visited {
color : #006F91;
text-decoration : none;
}
a:hover {
color : #40A3C0;
text-decoration : none;
}
div.c2 {
padding: 15px;
}
div.pager
{
border: 0;
margin: 0 auto;
padding: 1px 3px 2px 0;
text-align: left;
color: #ffffff;
}
.page a {
background: #46A0DD;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68BDF5), to(#409EDD));
background-image: -moz-linear-gradient(top, #D4EEDD 0%, #A0D6B2 100%);
background-image: -o-linear-gradient(top, #D4EEDD 0%, #A0D6B2 100%);
padding: 4px 10px;
color: #fff;
border: 1px solid #3C99D8;
}
.page a:hover {
background: #2485C6;
border: 1px solid #1F6A9C;
color: #ffffff;
}
.link_s {
background:#fcefa4;
font-size:11px;
border: 1px solid #29447e;
margin: 3px;
padding: 2px 3px 2px 3px;
color: #fff;
-o-border-radius: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
}
.link_s a:hover { border: 1px solid #3b5998; color: #ffffff;}
.rekl
{
background: #E2F2FC;
display: block;
padding: 8px 25px;
clear: both;
}
.header
{
background: url('header.png') repeat-x;
border-bottom: 1px dashed #3DC5FF;
padding-bottom: 11px;
}
.head_title
{
padding: 10px 0px 10px 10px;
color: #fff;
display: inline-block;
}
.logo{
/* Заголовок страницы */
margin: 0px;
text-align: center;
font-family : sans-serif;
color:#000;
}
.admin
{
margin: 15px 10px;
margin-right: 35px;
}
.admin a
{
background: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#F4F8FA));
background-image: -moz-linear-gradient(top, #3CC0FF 0%, #fff 100%);
background-image: -o-linear-gradient(top, #fff 0%, #F4F8FA 100%);
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
padding: 8px 0px;
display: block;
width: 50%;
text-align: center;
position: relative;
}
.ava img
{
float: right;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10x;
width: 40px;
margin-right: 4px;
margin-top: 4px;
}
.head_menu
{
float: right;
margin: 0px 6px 0px 0px;
}
.head_menu a
{
background: #0191BE;
color: #fff;
padding: 7px 8px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
display: inline-block;
margin-top: 10px;
}
.copy {
/* Заголовок страницы */
margin: 0px;
padding: 6px;
text-align: center;
color: #8A8A8A;
}
.online
{
background: url('online1.png') no-repeat right;
padding: 6px 10px 13px 72px;
float: right;
}
.title {
/* Заголовок страницы */
background: #D7EFF5;
padding: 10px 0px 10px 10px;
color: #1C7D96;
border: 1px solid #C1E0E7;
border-right: 0;
border-left: 0;
}
.title a {
}
.titles {
background: #D7EFF5;
padding: 5px;
overflow: hidden;
text-align: center;
width:30px;
border: 1px solid #C1E0E7;
border-left: 0;
border-right: 0;
}
.head_onl
{
background: url('head_online.png') repeat-x;
margin-bottom: -20px;
position: relative;
padding-bottom: 10px;
z-index: 99;
}
.auts {
overflow: hidden;
padding: 8px 0;
vertical-align:top;
width:19%;
white-space: nowrap;
}
.auts:hover {
background-color: #1899D0;
}
.head_bar
{
background: url('header_bar.png') repeat-x;
width: 100%;
position: relative;
border-bottom: 2px solid #1E95C9;
-webkit-box-shadow: 0 1px 3px #A8A8A8;
-moz-box-shadow: 0 1px 3px #A8A8A8;
-o-box-shadow: 0 1px 3px #A8A8A8;
box-shadow: 0 1px 3px #A8A8A8;
}
.count
{
padding: 5px;
color: #fff;
}
.footer
{
background: url('header_bar.png');
overflow: hidden;
padding: 9px;
vertical-align:top;
width:19%;
white-space: nowrap;
border-top: 1px solid #2D96D1;
border-bottom: 1px dashed #47C3FD;
}
.footer a
{
color: #fff;
}
.footer2
{
background: url('footer2.png');
padding: 10px 0px;
border-top: 1px solid #006D99;
border-bottom: 1px solid #006D99;
text-align: center;
clear: both;
}
.footer2 a
{
color: #fff;
padding: 7px 5px;
transition: all 400ms ease;
-moz-transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
}
.footer2 a:hover
{
background: #fff;
color: #2472A6;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
}
.aut {
border-bottom: 1px #0e9ece solid;
color: #ffffff;
text-align: left;
background-color: #0e9ece;
padding:3px;
}
.copy a {
color: #fee800;
}
.titles a {
color: #29447e;
}
.titles a:hover {
color: #FFFFFF;
}
.err {
/* сообщение об ошибке */
text-align: center;
background-color: #FFFFFF;
color: #2B8BC3;
border-top: 1px dashed #AAD1E0;
border-bottom: 1px dashed #AAD1E0;
padding: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
.msg {
/* сообщение */
text-align: center;
background-color: #FFC46C;
color: #FFFFFF;
padding: 5px;
margin-bottom: 7px;
border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
-o-border-radius: 0 0 15px 15px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
}
.cit{
border-left : 4px solid #c1c1c1;
color : #878787;
font-size : x-small;
padding:1px;
border:1px solid #1E90FF;
margin-left : 2px;
}
.p_t{
border-top: 0px #D6E6F2 solid;
background-color: #E3EFFF;
padding: 3px;
margin: 0px;
width: 100%;
}
.p_m {
border-bottom: 1px #e5fdfd solid;
background-color: #f2ffff;
padding: 3px;
margin: 0px;
width: 100%;
}
.t_s {
border-bottom: 1px #e5fdfd solid;
background-color: #f2ffff;
padding: 1px;
margin: 0px;
border-radius: 3px 3 3 3px;
width: 100%;
}
.icon14{
background-color: #E3EFFF;
padding: 3px;
margin: 0px;
}
.str{
background: #F0F0F0;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#DFDFDF));
background-image: -moz-linear-gradient(top, #3CC0FF 0%, #2E71C7 100%);
background-image: -o-linear-gradient(top, #3CC0FF 0%, #2E71C7 100%);
border: 1px solid #D5D5D5;
padding: 4px 10px;
color: #696969;
}
.st_2 {
color: #2C6675;
background-color: #F5FBFD;
padding: 10px;
margin-top: 7px;
margin-bottom: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
word-wrap:break-word;
-webkit-box-shadow: inset 0 1px 3px #DCE8EE;
-moz-box-shadow: inset 0 1px 3px #DCE8EE;
-o-box-shadow: inset 0 1px 3px #DCE8EE;
box-shadow: inset 0 1px 3px #DCE8EE;
border: 1px solid #D4E7F0;
}
.pages{
border: 1px #238be4 solid;
background-color: #FFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 1px;
margin-top: 1px;
border-radius: 1px 1 1 1px;
font-size : small;
}
img {
vertical-align: middle;
border: 0px;
margin: 1px;
padding: 1px;
}
form {
padding: 5px;
background: #F5F9FA;
margin: 5px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 5px #BDD1D8;
}
form label {
background-color: #ECF6F8;
display: inline-block;
padding: 2px;
padding-right: 5px;
margin: 5px;
border: 1px solid #DAECF0;
color: #006B86;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
input[type="submit"]
{
background: url('but.png');
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
border: 1px solid #0081B6;
color: #ffffff;
margin: 1px 1px 1px 6px;
padding: 5px 25px;
cursor: pointer;
}
input[type="submit"]:hover {
color: #fff;
background: #029ED2;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0080B4), to(#029ED2));
background-image: -moz-linear-gradient(top, #0080B4 0%, #029ED2 100%);
background-image: -o-linear-gradient(top, #0080B4 0%, #029ED2 100%);
}
textarea{
font-size: 13px;
max-width: 95%;
width: 85%;
height: 30px;
margin: 8px 5px;
border: 1px solid #CBDCE0;
outline: 0;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
padding: 5px;
transition: all 200ms ease;
-moz-transition: all 200ms ease;
-webkit-transition: all 200ms ease;
-o-transition: all 200ms ease;
}
textarea:focus
{
height: 50px;
}
textarea:focus, input:focus, select:focus
{
border: 1px solid #A7C9D1;
-webkit-box-shadow: 0 0px 6px #C0D2DF;
-moz-box-shadow: 0 0px 6px #C0D2DF;
-o-box-shadow: 0 0px 6px #C0D2DF;
box-shadow: 0 0px 6px #C0D2DF;
}
input, select{
font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
font-size: 13px;
border: 1px solid #C1DCE2;
padding: 7px 12px;
color: #006A83;
outline: 0;
-webkit-box-shadow: inset 0 1px 3px #D8DEE2;
-moz-box-shadow: inset 0 1px 3px #D8DEE2;
-o-box-shadow: inset 0 1px 3px #D8DEE2;
box-shadow: inset 0 1px 3px #D8DEE2;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
.ank_n{
font-size: 12px;
font-weight: bold;
color: #555;
}
.ank_d{
font-size: 12px;
margin: 5px;
}
.menu_razd {
/* выделение раздела в главном меню */
margin: 5px;
background: #fff;
color: #666;
float: left;
width: 98%;
text-align: center;
padding: 6px 0px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
}
.foot {
padding: 11px 12px 9px 7px;
color: #5F5F5F;
}
.mess {
padding: 10px;
margin: 10px 5px;
background: #fff;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
}
.main {
color: #535353;
background: #F2FAFF;
padding: 8px;
margin: 5px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
}
.main2 {
color: #535353;
background: #F2FAFF;
padding: 8px;
margin: 5px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
}
.vhod
{
background: #E5F4FF;
border: none;
padding: 12px;
}
.vhod input
{
background: #FFF;
border: none;
padding: 10px 0px 10px 5px;
border: 1px solid #D6EAEE;
width: 98%;
display: block;
margin-top: 3px;
outline: 0;
}
.butonnn input
{
background: #329EE4;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50BCFF), to(#329EE4));
background-image: -moz-linear-gradient(top, #50BCFF 0%, #329EE4 100%);
background-image: -o-linear-gradient(top, #50BCFF 0%, #329EE4 100%);
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
border: 1px solid #2793DA;
padding: 6px 0px;
width: 99%;
margin-left: 2px;
margin-top: -11px;
}
.reg_text
{
background: url('arrow.png') no-repeat 92% 95%;
width: 65%;
margin: auto;
padding-bottom: 55px;
color: #FFFFFF;
text-align: center;
}
.reg
{
padding: 40px 0px 30px 0px;
background: url('reg_bg.png') bottom;
margin-bottom: 15px;
}
.reg_m
{
text-align: center;
}
.buton_aut, .buton_reg
{
}
.buton_aut a
{
background: #0099D1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099D1), to(#0085BD));
background-image: -moz-linear-gradient(top, #0099D1 0%, #0085BD 100%);
background-image: -o-linear-gradient(top, #0099D1 0%, #0085BD 100%);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
padding: 9px 0px;
text-align: center;
color: #FFFFFF;
-webkit-box-shadow: 0px 1px 3px #00587C;
-moz-box-shadow: 0px 1px 3px #00587C;
-o-box-shadow: 0px 1px 3px #00587C;
box-shadow: 0px 1px 3px #00587C;
display: inline-block;
width: 45%;
}
.buton_reg a
{
background: #25C484;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#10C57D), to(#00A764));
background-image: -moz-linear-gradient(top, #10C57D 0%, #00A764 100%);
background-image: -o-linear-gradient(top, #10C57D 0%, #00A764 100%);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
padding: 9px 0px;
margin-left: 3px;
text-align: center;
color: #FFFFFF;
-webkit-box-shadow: 0px 1px 3px #00587C;
-moz-box-shadow: 0px 1px 3px #00587C;
-o-box-shadow: 0px 1px 3px #00587C;
box-shadow: 0px 1px 3px #00587C;
display: inline-block;
width: 45%;
}
.reg_buton a:hover
{
background: #39BB63;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5BC767), to(#81E58D));
background-image: -moz-linear-gradient(top, #5BC767 0%, #81E58D 100%);
background-image: -o-linear-gradient(top, #5BC767 0%, #81E58D 100%);
}
.main_menu
/* ссылки главного меню */
{
float: left;
width: 50%;
text-align: center;
margin: 5px 0px;
}
.main_menu a
{
background: #fff;
padding: 8px 0px 8px 0px;
display: block;
margin: 1px 10px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
}
.main_menu a:hover
{
background: #F7F9FA;
}
.counter
{
float: right;
margin-top: -68px;
background: #0096C7;
margin-right: 11px;
padding: 1px 2px 3px 2px;
color: #fff;
border-radius: 0px 6px 0px 6px;
-moz-border-radius: 0px 6px 0px 6px;
-webkit-border-radius: 0px 6px 0px 6px;
-o-border-radius: 0px 6px 0px 6px;
}
.tpanel { /* блок панели у textarea */
display: table;
border:0;
margin-left: 3px;
margin-bottom: -2px;
color:#fff;
}
.tmenu {
float: left;
display: inline;
}
.tmenu a {
background: #58B0E9;
margin: 3px;
display: block;
min-width: 130px;
padding: 3px;
text-decoration: none;
text-align: center;
color: #fff;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
}
.tmenu a:hover { /* блок панели у textarea */
background: #2597E2;
}
.webmenu {
float: left;
display: inline;
padding-left: 0px;
margin: 0 auto;
}
.webmenu last {
float: none;
padding-left: 0px;
margin: 0 auto;
padding-top: 50px;
}
.webmenu a {
display: block;
min-width: 90px;
padding: 3px 10px;
text-decoration: none;
text-align: center;
}
a.activ {
background-color: #42A3E2;
color: #fff;
}
.webmenu a:hover{
background-color: #A5D2F1;
text-decoration: none;
color: #fff;
}
.menus {
display: table;
}
.nav1
{
background: #fff;
padding: 8px;
margin: 5px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
}
.nav2
{
padding: 8px;
background: #fff;
margin: 5px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px #BDD1D8;
-moz-box-shadow: 0 1px 2px #BDD1D8;
-o-box-shadow: 0 1px 2px #BDD1D8;
box-shadow: 0 1px 2px #BDD1D8;
}
.foot_page {
/* самый низ меню */
margin-top: 1px;
border-top: 1px #A8C1CE solid;
padding: 2px;
background-color: #9ee1f2;
}
.post, table {
width: 100%;
}
.on {color: #1c9044;}
.off {color: #FF0000;}