/* tags */
body {font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin:0;}
form {margin:0}
a img {border:0}
/* letters */
.S1 {color:white; font-weight:bold;}
.S2 {color:#333; text-align:justify;}
/* links */
a.L1 {color:#0000FF; text-decoration:none;}
a.L2 {color:#0000FF; text-decoration:none;}
a.L2:hover {color:#0000FF; text-decoration:underline;} 
a.L3 {color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.L3:hover {color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold;} 
a.L4 {color:#FFFFFF; text-decoration:none; font-size:16px; font-weight:bold;}
a.L4:hover {color:#FFFFFF; text-decoration:none; font-size:18px; font-weight:bold;} 
/* layers (class) */
.corner1 {height:1px; overflow:hidden; margin-left:3px; margin-right:3px;}
.corner2 {height:2px; overflow:hidden; margin-left:1px; margin-right:1px;}
.error {color:red; background-color:white; border: 1px solid red; margin-top:2px; padding:5px;}
.link_line{border-bottom:1px solid #D8DFEA; margin-bottom:5px;}
.url_share{width:100%; background-color:#FFFDD3; border-bottom:1px solid #EEECBB; border-left:1px solid #A5A580; border-right:1px solid #EEECBB; border-top:1px solid #A5A580; font-size:10px;}
/* layers (id) */
#container {width:820px; overflow:hidden; clear:both; margin-top:10px;}
#header {padding-left:120px; width:700px; height:86px; background:url(../images/menu.jpg);}
#header .button {height:25px; width:25px; overflow:hidden; background:url(/images/menu.png); cursor:pointer;}
#header .mail {background-position:0 0}
#header .mail:hover {background-position:-25px 0}
#header .contacts {background-position:0 -25px}
#header .contacts:hover {background-position:-25px -25px}
#header .options {background-position:0 -50px}
#header .options:hover {background-position:-25px -50px}
#header #menu {border:1px solid #DDD; width:150px; visibility:hidden; font-weight:normal; position:absolute; right:0; top:27px; background:white;}
#header #menu ul, li {list-style-type:none; text-align:left;}
#header #menu ul {margin:0; padding:0;}
#header #menu a {text-decoration:none; color:#00F; display:block; padding:3px 6px; width:138px;}
#header #menu a:hover {background:#EEE;}
#header #news_messages {visibility:hidden; cursor:pointer; background:red; border:1px solid white; position:absolute; right:33px; top:-5px; color:white; padding:0 2px; font-size:10px;}
#header #news_friends {visibility:hidden; cursor:pointer; background:red; border:1px solid white; position:absolute; right:65px; top:-5px; color:white; padding:0 2px; font-size:10px;}
#foot {width:820px; margin-top:10px; padding:5px; clear:both; text-align:center; font-size:11px; color:#aaa; border-top:1px solid #DEE3E7;}
#noIE6 {background:#FFFBCC; border: solid 1px #E6DB55; padding:5px;}
/*start*/
.stars {position:relative; height:44px; width:278px; overflow:hidden; background:url(/images/stars.gif) no-repeat 0 0}
.stars a {position:absolute; top:0; width:26px; padding:24px 2px 0 0; color:#999; font-size:12px; text-align:center; text-decoration:none}
.stars .s1 {left:0;z-index:19}
.stars .s2 {left:28px;z-index:18}
.stars .s3 {left:56px;z-index:17}
.stars .s4 {left:84px;z-index:16}
.stars .s5 {left:112px;z-index:15}
.stars .s6 {left:140px;z-index:14}
.stars .s7 {left:168px;z-index:13}
.stars .s8 {left:196px;z-index:12}
.stars .s9 {left:224px;z-index:11}
.stars .s10 {left:252px;z-index:10}
.stars a:hover {left:0; background:url(/images/stars.gif) no-repeat -280px 0; color:#2b4; z-index:1}
.stars .s1:hover {padding-left:0}
.stars .s2:hover {padding-left:28px}
.stars .s3:hover {padding-left:56px}
.stars .s4:hover {padding-left:84px}
.stars .s5:hover {padding-left:112px}
.stars .s6:hover {padding-left:140px}
.stars .s7:hover {padding-left:168px}
.stars .s8:hover {padding-left:196px}
.stars .s9:hover {padding-left:224px}
.stars .s10:hover {padding-left:252px}
/*box*/
.box {}
.box .header {height:24px;}
.box .header .left {width:15px; background:url(/images/box/corners.png) 0 0; cursor:move}
.box .header .middle {background:url(/images/box/header_middle.png); background-repeat:repeat-x; color:white}
.box .header .right {width:15px; background:url(/images/box/corners.png) -16px 0;}
.box .body {}
.box .body .left {background:url(/images/box/body_left.png); background-repeat:repeat-y}
.box .body .middle {background:#eee; padding:5px; color:#333}
.box .body .right {background:url(/images/box/body_right.png); background-repeat:repeat-y;}
.box .footer {height:15px;}
.box .footer .left {background:url(/images/box/corners.png) 0 -25px}
.box .footer .middle {background:url(/images/box/footer_middle.png); background-repeat:repeat-x;}
.box .footer .right {background:url(/images/box/corners.png) -16px -25px;}
/*box buttons*/
.box .button {height:15px; width:15px; overflow:hidden; background:url(/images/box/buttons.png); cursor:pointer}
.box .close {background-position:0 0}
.box .min {background-position:0 -15px}
.box .max {background-position:0 -30px}
.box .help {background-position:0 -45px}
.box .expand {background-position:0 -60px}
.box .collapse {background-position:0 -75px}
.box .delete {background-position:0 -90px}
.box .edit {background-position:0 -105px}
.box .add {background-position:0 -120px}
.box .ok {background-position:0 -135px}
.box .close:hover {background-position:-15px 0}
.box .min:hover {background-position:-15px -15px}
.box .max:hover {background-position:-15px -30px}
.box .help:hover {background-position:-15px -45px}
.box .expand:hover {background-position:-15px -60px}
.box .collapse:hover {background-position:-15px -75px}
.box .delete:hover {background-position:-15px -90px}
.box .edit:hover {background-position:-15px -105px}
.box .add:hover {background-position:-15px -120px}
.box .ok:hover {background-position:-15px -135px}
/*profile*/
.profile {width:600px; overflow:hidden; border-top:1px solid #d8dfea; padding:20px 0;}
.profile .photo{float:left; width:150px; height:150px; overflow:hidden; margin-right:20px;}
.profile .text{float:left; width:250px; overflow:hidden; margin-right:20px;}
.profile .text .nick{font-size:18px; color:#e11e1e;}
.profile .text .info {font-size:12px; color:#333;}
.profile .text .info a{color:#00f;}
.profile .links{width:150px; overflow:hidden;}
/*numbers of paginate*/
.num_pag {}
.num_pag .num {border:1px solid #ccc; padding:3px 5px; margin:0 5px 0 0; color:#00F;}
.num_pag .on {background:url(/images/button_paginate.png); background-repeat:repeat-x; background-position:bottom;}
.num_pag .on:hover {border:1px solid #999; cursor:pointer;}
.num_pag .off {color:#333; font-weight:bold; background-color:#ddd;}
.num_pag .prev {margin-right:5px; padding:3px 5px;}
.num_pag .next {padding:3px 5px;}
/*loading*/
.loading {background:#D10000; background:url(/images/loading.gif); padding:4px; color:white; font-weight:bold; cursor:pointer;}