/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: screen.css
* Version: 1.0.0 (2008-13-02)
* Website: Russia.ru
* Author: m1ron
* Description: Main CSS file.
* Page width: 980px<1600px

*/



/* _default styles reset
========================================== */
html {width:100%;height:100%;font:75%/125% Arial, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#ababab;background:#1e1e1e;}

p {margin:0 0 1.25em 0;}
dfn,var,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;font:75%/125% Arial, Helvetica, sans-serif;}

a {color:#406bc4;text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none;}

ul {padding:0;margin:0 0 1.25em 1.75em;}
ol {margin:0 0 1.25em 2.75em;}
ul,ol,li,td,th {padding:0;}

form,input,select,label,textarea,button {margin:0;}
select {
padding:1px;
font:1em Arial, Helvetica, sans-serif;
color:#777;
border:1px solid #dadada;
background:#fff;
}
input.text,textarea {
padding:.1667em;
border:0px;
font:1em/125% Arial, Helvetica, sans-serif;
color:#000;
}
input.submit,button {
font:1em/125% Arial, Helvetica, sans-serif;
color:#000;
cursor:pointer;
}
input.checkbox {
width:1.16667em;
height:1.16667em;
padding:0;
margin:0;
font:1em/125% Arial, Helvetica, sans-serif;
}


/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;display:block;}


/* _wrap
========================================== */
#wrap {
width:100%;
min-width:980px;
min-height:100%;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:1;
background:url('../img/wrap.png') repeat-y 0 0;
}
#spacer {
width:100%;
height:8.667em;
overflow:hidden;
clear:both;
}
img.one {
width:20em;
height:30em;
display:block;
position:absolute;
top:0;left:0;
}
i.p24 {
width:199px !important;
height:103px !important;
display:block;
position:absolute;
top:0;left:0;
background:url('../img/24.png') no-repeat 0 0;
}


/* _footer
========================================== */
#footer {
width:100%;
height:8.667em;
position:absolute;
bottom:0;left:0;
z-index:2;
background:#1e1e1e;
}
#footer .corner {
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:-10px;left:222px;
background:url('../img/all.png') no-repeat -42px 0;
}
#copyright {
position:absolute;
top:1.5em;left:222px;
}
#copyright p {margin:0 0 0.75em 0;}
#copyright span.white {color:#fff;}
#copyright span.red {color:#e70e5b;}
#copyright span.blue {color:#406bc4;}


/* _top
========================================== */
#top {
width:100%;
overflow:hidden;
position:relative;
background:#161616;
}
#top var {
width:100%;
height:35px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/all.png') repeat-x 0 -100px;
}
#top p {
padding:.67em 0;
margin:0;
line-height:1.583em;
display:block;
position:relative;
z-index:2;
}
#top p.news {
width:56%;
float:left;
left:1%;
color:#9f9f9f;
}
#top p.news a {
color:#9f9f9f;
text-decoration:underline;
}
#top p.news a:hover {text-decoration:none;}

#top p.profile {
width:40%;
float:right;
right:1%;
color:#fff;
text-align:right;
cursor:default;
}
#top p.profile a {
color:#e5e5e5;
text-decoration:none;
}
#top p.profile a:hover {
text-decoration:underline;
}




/* _header
========================================== */
#header {
width:100%;
overflow:hidden;
position:relative;
background:#1e1e1e;
}
#header var {
width:100%;
height:29px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/all.png') repeat-x 0 -135px;
}
#header table.space {
position:relative;
z-index:2;
}

#logo {
height:3.5em;
padding:1.5em 19px 0.0833em 42px;
border-right:1px solid #202020;
float:left;
position:relative;
z-index:2;
}
#logo a {
width:177px;
height:21px;
display:block;
position:absolute;
top:1.5em;left:42px;
z-index:2;
}
#logo i {
width:177px;
height:21px;
display:block;
position:relative;
z-index:1;
overflow:hidden;
}

#menu {
height:3.5em;
padding:1.5em 24px 0.0833em 3px;
border-left:1px solid #393939;
float:left;
overflow:hidden;
position:relative;
z-index:2;
}
#menu dfn {
width:48px;
height:100px;
position:absolute;
top:0;right:0;
z-index:1;
background:url('../img/all.png') no-repeat 100% 0;
}
#menu ul {
padding:0 10px 0 0;
margin:0;
list-style:none;
overflow:hidden;
font-size:.8333em;
line-height:1.3em;
font-weight:bold;
position:relative;
z-index:2;
}
#menu ul li {
padding:0;
float:left;
position:relative;
}
#menu ul li a {
padding:.3em 1.4em;
text-transform:uppercase;
display:block;
position:relative;
z-index:2;
color:#fff;
}
#menu ul li a:hover {
color:#406bc4 !important;
text-decoration:none;
}
#menu ul li.active {
padding:0 1em;
margin:0 -1em 0 0;
left:-0.5em;
z-index:2;
}
#menu ul li.active a {
height:1.3em;
padding:.3em 1em;
color:#303030;
overflow:hidden;
background:#fff;
}
#menu ul li div {
width:1em;
height:1.9em;
overflow:hidden;
position:absolute;
top:0;left:0;
}
#menu ul li div img {
width:24em;
height:48em;
top:0;
cursor:pointer;
}
#menu ul li div.right {left:auto;right:0;}
#menu ul li div.right img {left:-1.5em;}

#menu ul li i {
width:5px;
height:9px;
margin:-4px -3px 0 0;
overflow:hidden;
position:absolute;
top:50%;right:0;
background:url('../img/all.png') no-repeat -31px -6px;
}
#menu ul li.active i {display:none;}

#search {
width:23%;
padding:1.333em 0 1.75em 0;
float:left;
position:relative;
z-index:2;
}
#search form {
padding:0.1667em 6.25em 0.1667em 0.8333em;
position:relative;
display:block;
}
#search p.text {
height:1.5833em;
margin:0;
display:block;
overflow:hidden;
position:relative;
}
#search p.text input.text {
width:100%;
height:1.28em;
display:block;
float:left;
}
#search div.left {
width:0.8333em;
height:1.5833em;
overflow:hidden;
position:absolute;
top:0.16667em;left:0;
}
#search div.left img {
width:20em;
height:40em;
}
#search div.right {
width:0.08334em;
height:1.42em;
border-top:0.08334em solid #313131;
border-bottom:0.08334em solid #1e1e1e;
overflow:hidden;
position:absolute;
top:0.1667em;right:6.25em;
background:#fff;
}
#search p.submit {
width:6em;
margin:0;
display:block;
overflow:hidden;
position:absolute;
top:0;right:0;
}
#search p.submit input.submit {
width:5em;
display:block;
float:right;
}


/* _sidebar
========================================== */
#sidebar {
width:189px;
padding:0 14px 0 19px;
float:left;
position:relative;
overflow:hidden;
background:#1e1e1e;
}
#nav {
width:222px;
margin:0 -14px 1em -19px;
position:relative;
background:#333;
}
#nav var {
width:10px;
height:10px;
margin:0 0 -10px 0;
display:block;
overflow:hidden;
position:absolute;
bottom:0;left:212px;
background:url('../img/all.png') no-repeat -42px -20px;
}
#nav ul {
width:182px;
padding:5px 0 10px 40px;
margin:0;
overflow:hidden;
list-style:none;
font-size:1.1667em;
line-height:1.286em;
}
#nav li {
width:172px;
padding:0 10px 0 0;
float:left;
position:relative;
}
#nav li a {
padding:3px 0 3px 37px;
color:#c4c3c3;
display:block;
position:relative;
z-index:2;
}
#nav li.active {
font-weight:bold;
background:#5d5d5d;
}
#nav li.active a {
color:#fff;
}
#nav li a:hover {
color:#406bc4 !important;
text-decoration:none;
}
#nav li b {
width:30px;
height:20px;
overflow:hidden;
display:block;
position:absolute;
top:.33em;left:6px;
z-index:1;
}
#nav li b i.p24 {top:-21px;left:-20px;}
#nav li b.inbox i.p24 {top:-21px;left:-50px;}
#nav li b.outbox i.p24 {top:-21px;left:-80px;}
#nav li b.starred i.p24 {top:-21px;left:-110px;}
#nav li b.chats i.p24 {top:-21px;left:-140px;}

#nav li div.top {
width:183px;
height:8px;
display:none;
overflow:hidden;
position:absolute;
top:-4px;left:0;
z-index:0;
background:url('../img/all.png') no-repeat 0 -246px;
}
#nav li div.btm {
width:183px;
height:8px;
margin-bottom:-4px;
display:none;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:0;
background:red url('../img/all.png') no-repeat 0 -254px;
}
#nav li.active div.top,#nav li.active div.btm {display:block;}


.block {
width:189px;
margin:0 0 1em 0;
position:relative;
background:#4b4b4b;
}
.block p.title {
margin:0;
border-top:1px solid #646464;
display:block;
overflow:hidden;
position:relative;
z-index:1;
font-size:1.167em;
line-height:1.286em;
color:#ababab;
background:#4c4c4c;
}
.block p.title a {
padding:3px 10px 5px 20px;
display:block;
position:relative;
z-index:3;
color:#ababab;
}
.block p.title a:hover {
color:#fff !important;
text-decoration:none;
}
.block p.title i {
width:100%;
height:26px;
display:block;
position:absolute;
bottom:0;left:0;
z-index:1;
background:url('../img/all.png') repeat-x 0 -164px;
}
.block p.title var {
width:11px;
height:11px;
margin-top:-5px;
display:block;
overflow:hidden;
position:absolute;
top:.75em;left:5px;
z-index:2;
background:url('../img/all.png') repeat-x -54px 0;
}
.block-active p.title var {
background:url('../img/all.png') repeat-x -65px 0;
}
.block .top {
width:189px;
height:2px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/all.png') no-repeat 0 -98px;
}
.block .bottom {
width:189px;
height:1px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:2;
background:url('../img/all.png') no-repeat 0 -98px;
}
.block .content {
width:187px;
border-right:1px solid #565656;
border-bottom:1px solid #565656;
border-left:1px solid #565656;
overflow:hidden;
display:none;
position:relative;
z-index:1;
}
.block .content dfn {
width:187px;
height:56px;
display:block;
overflow:hidden;
position:absolute;
left:0;bottom:0;
z-index:1;
background:url('../img/all.png') no-repeat 0 -190px;
}
.block-active .content {
display:block !important;
}
.block .content .in {
width:187px;
display:block;
overflow:hidden;
position:relative;
z-index:2;
color:#fff;
}
.popular-video .content a {
width:187px;
display:block;
overflow:hidden;
position:relative;
z-index:2;
color:#fff;
}
.popular-video .content a:hover {
color:#406bc4;
text-decoration:none;
}
.popular-video .content a span {
padding:0.4167em 9px 0 9px;
font-weight:bold;
line-height:1.25em;
display:block;
}
.popular-video .content a var {
padding:1px 9px .5em 9px;
font-size:0.833em;
display:block;
color:#c1c1c1;
}
.popular-video .content a * {cursor:pointer;}
.popular-video .content a img {display:block;}

.videochat .content {
width:187px;
padding:5px 0;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
overflow:hidden;
display:none;
position:relative;
z-index:1;
background:#fff;
}
.videochat .content dfn {display:none;}
.videochat .content ul.userlist {
width:100%;
padding:0 !Important;
margin:0 !Important;
list-style:none;
font-size:1.1667em;
line-height:1.143em;
overflow:hidden;
}
.videochat .content ul.userlist li {
padding:2px 5px 2px 20px;
position:relative;
}
.videochat .content ul.userlist i {
width:11px;
height:11px;
margin-top:-6px;
overflow:hidden;
display:block;
position:absolute;
top:50%;left:5px;
background:url('../img/all.png') no-repeat -65px -11px;
}
.videochat .content ul.userlist li.online i {
background:url('../img/all.png') no-repeat -54px -11px;
}
.videochat .content ul.userlist li a {
color:#000;
}
.videochat .content ul.userlist li a:hover {
text-decoration:underline;
}
.videochat .content ul.userlist li.active {
background-color:#e5e5e5;
}


.shortcuts .content a {
color:#fff;
}
.shortcuts .content a:hover {
text-decoration:underline;
}


/* _content
========================================== */
#content {
padding:15px 40px 15px 15px;
margin:0 0 0 222px;
position:relative;
z-index:1;
background:#5d5d5d;
}
#in {
width:100%;
overflow:hidden;
}
#content .content-top {
width:10px;
height:10px;
display:block;
overflow:hidden;
position:absolute;
top:0;left:0;
background:url('../img/all.png') no-repeat -42px -10px;
}

.area {
width:100%;
overflow:hidden;
position:relative;
z-index:1;
background:#fff;
}
.area p.select {
padding:0.6667em 9px;
margin:0;
display:block;
position:relative;
z-index:1;
line-height:1.16667em;
color:#6f6f6f;
background:#f1f1f1;
}
.area p.select a {color:#194fbd;}
.area p.select a:hover {text-decoration:underline;}

.area .tl,.area .tr,
.area .bl,.area .br {
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:2;
}
.area .tr,.area .br {left:auto;right:0;}
.area .bl,.area .br {top:auto;bottom:0;}
.area .tl i.p24 {left:0;top:-21px;}
.area .tr i.p24 {left:-10px;top:-21px;}
.area .bl i.p24 {left:0;top:-31px;}
.area .br i.p24 {left:-10px;top:-31px;}


table.list {
width:100%;
border-top:1px solid #ddd;
border-collapse:collapse;
font-size:1.1667em;
line-height:1.1429em;
color:#4c4c4c;
position:relative;
z-index:2;
}
table.list td {
padding:.5em 0;
}
table.list p {
width:100%;
margin:0;
display:block;
overflow:hidden;
}
table.list td.cb {
padding-left:10px;
cursor:pointer;
}
table.list td.cb input {
display:block;
float:left;
cursor:pointer;
}
table.list td.star {
padding-left:10px;
padding-right:12px;
cursor:pointer;
}
table.list td.star a {
width:15px;
height:15px;
display:block;
overflow:hidden;
cursor:pointer;
}
table.list td.star a.star-blank {
background:url('../img/all.png') no-repeat 0 -22px;
}
table.list td.star a.star-checked {
background:url('../img/all.png') no-repeat -15px -22px;
}
table.list td.from {
padding-right:10px;
cursor:pointer;
}
table.list td.from p {
width:12em;
}
table.list td.subject {
width:100%;
cursor:pointer;
}
table.list td.subject strong {
color:#4c4c4c;
}
table.list td.subject dfn {
margin:0 3px;
color:#bababa;
}
table.list td.subject small {
font-size:0.857em;
}
table.list td.subject span {
color:#999;
}
table.list td.date {
padding-right:10px;
cursor:pointer;
}
table.list td.date p {
width:12.5em;
font-size:0.857em;
text-align:right;
}
table.list td.date p dfn.attach {
height:13px;
line-height:13px;
padding:0 3px 0 4px;
margin:0 6px 0 0;
background:url('../img/all.png') repeat-x 0 -46px;
}

table.list tr {
border-bottom:1px solid #ddd;
}
table.list tr.unread td {
border-top:1px solid #777;
border-bottom:1px solid #777;
position:relative;
background:url('../img/all.png') repeat-x 0 100%;
}
table.list tr.unread td.from {font-weight:bold;}

table.list tr.selected td {
border-top:1px solid #ef000d;
border-bottom:1px solid #ef000d;
position:relative;
background:url('../img/all.png') repeat-x 0 100%;
}
table.list tr.selected td.from,table.list tr.selected td.subject {color:#fb4b4b;}
table.list tr.selected td.date p var {color:#ef4b4b;}


table.mail td {
background:url('../img/all.png') repeat-x 0 100%;
}
table.mail tr.open {
border:none !important;
}
table.mail tr.open td {
border:none !important;
background:#fff;
}
table.mail td.from {
font-weight:bold !important;
color:#039;
}
table.mail tr.reply td.from {
color:#e60051;
}


table.mail tr.mail td {
width:auto;
padding:1em 10em 1em 2.5em;
color:#000;
line-height:1.357em;
background:#fff;
}
table.mail tr.mail td a {
color:#039;
}
table.mail tr.open td.reply {
padding:0;
border-bottom:1px solid #ddd !important;
border-left:1px solid #ddd !important;
background:url('../img/all.png') repeat-x 0 100% !important;
}
table.mail tr.open td.reply a.rep {
padding:.5em 7px .5em 25px;
margin:0 26px 0 0;
border-right:1px solid #ddd;
display:block;
position:relative;
}
table.mail tr.open td.reply a.rep i {
width:13px;
height:15px;
display:block;
position:absolute;
top:0.5em;left:4px;
background:url('../img/all.png') no-repeat -10px -45px;
}
table.mail tr.open td.reply a.rep var {
width:8px;
height:8px;
margin:0 0 -1px 0;
display:block;
overflow:hidden;
position:absolute;
bottom:0;left:-1px;
background:url('../img/all.png') no-repeat -32px -22px;
}
table.mail tr.open td.reply a.dropdown {
width:25px;
height:30px;
display:block;
float:right;
position:relative;
}
table.mail tr.open td.reply a.dropdown i {
width:7px;
height:7px;
margin:-3px 0 0 -4px;
overflow:hidden;
display:block;
position:absolute;
top:50%;left:50%;
background:url('../img/all.png') no-repeat -83px -7px;
}


.russia-messagebody {
padding:0 0 1.5em 0;
}
.russia-attach {
width:100%;
padding:1em 0;
margin:0;
font-size:0.857em;
line-height:1.41667;
overflow:hidden;
}
.russia-attach img {
padding:0.643em;
border:1px solid #ccc;
display:block;
float:left;
}
.russia-attach span {
padding:0 1em;
display:block;
float:left;
}
.russia-actions {
padding:.5em 0;
cursor:default;
overflow:hidden;
}
.russia-actions a {
padding:0 1.33em 0 17px;
display:block;
float:left;
position:relative;
}
.russia-actions a i {
width:13px;
height:15px;
display:block;
position:absolute;
top:0.1429em;left:0;
}
.russia-actions a.reply i {background:url('../img/all.png') no-repeat -10px -45px;}
.russia-actions a.forward i {background:url('../img/all.png') no-repeat -23px -45px;}
.russia-actions a.invite i {background:url('../img/all.png') no-repeat -36px -45px;}


div.subject {
width:100%;
padding:0 0 .5em 0;
position:relative;
overflow:hidden;
background:#fbfbfb;
}
div.subject:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
div.subject div.bg {
width:100%;
height:46px;
position:absolute;
bottom:0;left:0;
z-index:1;
background:url('../img/all.png') repeat-x 100% -334px;
}
div.subject .tl {
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:4;
}
div.subject .tl i.p24 {left:0;top:-21px;}
div.subject .tr {
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:3.25em;right:0;
z-index:4;
}
div.subject .tr i.p24 {left:-10px;top:-21px;}

div.subject-line {
height:5px;
margin:0 0 -5px 0;
position:relative;
z-index:10;
}
div.subject-line .tl {
width:5px;
height:5px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:4;
}
div.subject-line .tl i.p24 {left:-66px;top:-41px;}
div.subject-line .tr {
width:5px;
height:5px;
overflow:hidden;
position:absolute;
top:0;right:0;
z-index:4;
}
div.subject-line .tr i.p24 {left:-71px;top:-41px;}

h1 {
padding:0 .82em;
display:block;
font-size:1.833em;
line-height:1.2727em;
font-weight:bold;
white-space:nowrap;
color:#000;
position:relative;
z-index:2;
}
div.subject p.link {margin:0 1em 0 0;}
div.subject p.link a {color:#555;}
div.subject p.link a:hover {color:#000;}
div.subject p.link var {background:url('../img/all.png') repeat-x -101px -2px;}

div.subject table.sub {
width:100%;
border-collapse:collapse;
position:relative;
z-index:3;
}
div.subject table.sub td {
padding:0.64em 0 0 0;
}
div.subject table.sub td.md {
padding:0;
vertical-align:bottom;
}
div.subject table.sub td.md div {
width:63px;
height:39px;
position:relative;
overflow:hidden;
}
div.subject table.sub td.md div i.p24 {
top:-63px;
}
div.subject table.sub th {
width:100%;
text-align:left;
background:#5d5d5d;
}



p.link {
padding:0 1px;
margin:0;
display:block;
position:relative;
white-space:nowrap;
background:url('../img/all.png') repeat-x 100% -286px;
}
p.link:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}

p.link a,p.link span {
height:1.583em;
line-height:1.583em;
padding:0 .667em;
display:block;
color:#000;
position:relative;
background:#6d6d6d url('../img/all.png') repeat-x 0 -262px;
}
p.link a:hover {
color:#5d5d5d;
text-decoration:none;
}
p.link i {
width:1px;
height:1.583em;
line-height:1.583em;
display:block;
overflow:hidden;
position:absolute;
top:0;left:0;
background:url('../img/all.png') repeat-x 100% -286px;
}
p.dropdown a {
padding-right:24px;
}
p.dropdown var {
width:18px;
height:1.4167em;
border-left:1px solid #9a9a9a;
display:block;
position:absolute;
top:1px;right:0;
z-index:1;
cursor:pointer;
background:url('../img/all.png') repeat-x -77px -1px;
}
p.pager span {
cursor:default;
}
p.pager a {
height:auto;
line-height:normal;
padding:0;
display:inline;
color:#039;
position:relative;
background:none;
}

.buttons {
width:100%;
border-collapse:collapse;
margin:0 0 1.33em 0;
}
.buttons td p.link {
margin-right:0.583em;
}
.buttons td p.pager {
margin-right:0;
margin-left:0.583em;
}
.buttons th {
width:100%;
}

div.contacts-buttons {
padding:0.6667em 9px;
margin:0;
display:block;
position:relative;
z-index:1;
overflow:hidden;
background:#d7d7d7;
}
div.contacts-buttons p.link {
margin-right:0.583em;
float:left;
}
div.contacts-buttons div.search {
padding:0.25em 0.25em 0.25em 0.667em;
border:1px solid #929292;
margin:-4px 0;
overflow:hidden;
float:left;
background:#fff;
}
div.contacts-buttons div.search form {
display:block;
float:left;
}
div.contacts-buttons div.search p {
margin:0;
display:block;
float:left;
overflow:hidden;
position:relative;
}
div.contacts-buttons div.search input {
float:left;
display:block;
}
div.contacts-buttons div.search input.text {
width:15em;
border-right:.5em solid #fff;
color:#737373;
}
div.contacts-buttons div.search p.submit {
margin:-2px -2px -2px 0;
}
div.contacts-buttons div.search input.submit {
width:4.5em;
}

div.contacts-buttons p.links {
height:1.583em;
line-height:1.583em;
padding:0 .5em 0 0;
margin:0;
float:right;
display:block;
}
div.contacts-buttons p.links a {
color:#263c9f;
}

table.address {
width:100%;
border-collapse:collapse;
color:#262626;
}
table.address td {
vertical-align:top;
}
table.address td.groups {
width:25%;
border-right:3px solid #ddd;
}
table.address td.contacts {
width:30%;
border-right:3px solid #ddd;
}

table.address ul.groups {
width:100%;
height:550px;
margin:0;
overflow:hidden;
font-size:1.1667em;
line-height:1.357em;
color:#666;
}
table.address ul.groups li {
width:100%;
padding:0;
border-bottom:1px solid #c7c7c7;
position:relative;
float:left;
background:none;
}
table.address ul.groups li a {
padding:0.357em 3em 0.357em 1em;
display:block;
color:#666;
position:relative;
z-index:2;
}
table.address ul.groups li var {
width:3em;
padding:0.357em 0;
display:block;
position:absolute;
top:0;right:0;
z-index:1;
text-align:center;
}
table.address ul.groups li.active {
font-weight:bold;
color:#000;
background:#e3e3e3;
}
table.address ul.groups li.active a {color:#262626;}


table.address div.top {
padding:0.6667em 1em;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #c7c7c7;
border-left:1px solid #fff;
background:#f3f3f3;
}
table.address div.top:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
table.address div.top p.link {
margin:0 0 .6667em 0;
}
table.address div.top p.choose {
margin:0;
color:#666;
}
table.address div.top p.choose a {
color:#263c9f;
}


table.address ul.contacts {
width:100%;
height:550px;
margin:0;
overflow:hidden;
font-size:1.1667em;
line-height:1.357em;
color:#666;
}
table.address ul.contacts li {
width:100%;
padding:1px 0;
position:relative;
float:left;
background:none;
}
table.address ul.contacts li a {
padding:2px 3em 2px 1em;
display:block;
color:#666;
position:relative;
z-index:2;
}
table.address ul.contacts li.active {
border-top:1px solid #c7c7c7;
border-bottom:1px solid #c7c7c7;
font-weight:bold;
color:#000;
background:#e3e3e3;
}
table.address ul.contacts li.active a {color:#262626;}

table.address td.text div.top p.link {
margin:0 .5em 0 0;
float:left;
}
table.address td.text div.top p.delete {
margin:0;
float:right;
}

table.address td.text div.cnt {
padding:.857em;
overflow:hidden;
font-size:1.1667em;
line-height:1.5em;
}
table.address td.text div.cnt big {
margin:0 0 .5em 0;
font-size:1.429em;
font-weight:bold;
display:block;
}
table.address td.text div.cnt select {font-size:0.857em;color:#000;}
table.address td.text div.cnt a {color:#263c9f;}
table.address td.text div.cnt img.avatar {
width:96px;
height:96px;
margin:0 0 2em 2em;
float:right;
}



.popup {
width:22em;
position:absolute;
top:430px;left:200px;
z-index:2;
}
.popup .top {
padding:0 22px 0 3px;
position:relative;
overflow:hidden;
}
.popup .top .r {
width:22px;
height:1000px;
overflow:hidden;
position:absolute;
top:0;right:0;
}
.popup .top .r i.p24 {
height:1000px !important;
top:22px;left:-177px;
background-repeat:repeat-y !important;
}
.popup .top .t {
width:22px;
height:22px;
overflow:hidden;
position:absolute;
top:0;right:0;
}
.popup .top .t i.p24 {top:-41px;left:0;}
.popup .btm {
padding:0 22px;
height:22px;
overflow:hidden;
position:relative;
}
.popup .btm .r {
width:22px;
height:22px;
overflow:hidden;
position:absolute;
top:0;right:0;
}
.popup .btm .r i.p24 {
top:-41px;left:-22px;
}
.popup .btm .l {
width:22px;
height:22px;
overflow:hidden;
position:absolute;
top:0;left:0;
}
.popup .btm .l i.p24 {
top:-41px;left:-44px;
}
.popup .btm .c {
height:22px;
overflow:hidden;
position:relative;
background:url('../img/popup-btm.png') repeat-x 0 0;
}


.popup .cnt {
width:100%;
background:#e5e5e5;
}
.popup .black {
padding:.25em;
position:relative;
background:#141414 url(../img/all.png) repeat-x 0 -164px;
}
.popup .black:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
.popup .black p.link {
margin:0 .33em 0 0;
float:left;
}
.popup .black p.dropdown {
margin:0;
}
.popup .space {
padding:.5em .867em;
overflow:hidden;
position:relative;
font-size:1.16667em;
line-height:1.286em;
color:#262626;
}
.popup .space a {color:#262626;}
.popup .space img.avatar {
width:48px;
height:48px;
margin:-0.214em -0.557em -0.214em 2em;
float:right;
}




div.compose-buttons {
padding:0.6667em 9px;
margin:0;
display:block;
position:relative;
z-index:1;
overflow:hidden;
background:#d8d8d8;
}
div.compose-buttons p.link {
margin-right:0.583em;
float:left;
}
div.compose-buttons p.later {
height:1.583em;
line-height:1.583em;
color:#6c6c6c;
margin:0;
float:left;
}

.compose {
padding:0.1667em 0.75em;
color:#666;
background:#d8d8d8;
}
.composetab {
width:100%;
border-collapse:collapse;
margin:0 0 .5em 0;
}
.composetab th {
padding:0.25em 0.667em 0.25em 0;
vertical-align:top;
font-weight:normal;
text-align:left;
}
.composetab th label {
padding:0.25em 0;
display:block;
color:#666;
}
.composetab td {
width:100%;
padding:0.25em 0;
}
.composetab td input.text,
.composetab td textarea {
width:99%;
height:4em;
padding:0.25em;
border:0.0833em solid #abadb3;
display:block;
float:left;
}
.composetab td input.file {
width:200px;
margin:0 1em 0 0;
display:block;
float:left;
font:1em Arial, Helvetica, sans-serif;
}
.composetab td p {
width:100%;
padding:0.25em 0;
margin:0;
display:block;
float:left;
}
.composetab td p a {color:#263c9f;}

.composetab dfn.attach {
height:13px;
padding:0 3px 0 4px;
overflow:hidden;
position:relative;
top:3px;
float:right;
display:block;
background:url('../img/all.png') repeat-x 0 -46px;
}


.compose .wis {
padding:0.833em 1em;
position:relative;
background:#f0f0f0;
}
.compose .wis textarea {
width:100%;
padding-left:0;
padding-right:0;
border:0.0833em solid #abadb3;
margin:0 -1px;
display:block;
}
.compose .wis .wis-buttons {
width:100%;
margin:0 0 .5em 0;
overflow:hidden;
}
.compose .wis .wis-buttons a {
width:19px;
height:19px;
margin:0 .5em 0 0;
display:block;
float:left;
overflow:hidden;
}
.compose .wis .wis-buttons a.i1 {background:url('../img/buttons.png') no-repeat 0 0;}
.compose .wis .wis-buttons a.i2 {background:url('../img/buttons.png') no-repeat -26px 0;}
.compose .wis .wis-buttons a.i3 {background:url('../img/buttons.png') no-repeat -54px 0;}
.compose .wis .wis-buttons a.i4 {background:url('../img/buttons.png') no-repeat -80px 0;}
.compose .wis .wis-buttons a.i5 {background:url('../img/buttons.png') no-repeat -107px 0;}
.compose .wis .wis-buttons a.i6 {background:url('../img/buttons.png') no-repeat -135px 0;}
.compose .wis .wis-buttons a.i7 {background:url('../img/buttons.png') no-repeat -161px 0;}
.compose .wis .wis-buttons a.i8 {background:url('../img/buttons.png') no-repeat -189px 0;}
.compose .wis .wis-buttons a.i9 {background:url('../img/buttons.png') no-repeat -215px 0;}
.compose .wis .wis-buttons a.i10 {background:url('../img/buttons.png') no-repeat -243px 0;}
.compose .wis .wis-buttons a.i11 {background:url('../img/buttons.png') no-repeat -270px 0;}
.compose .wis .wis-buttons a.i12 {background:url('../img/buttons.png') no-repeat -297px 0;}
.compose .wis .wis-buttons a.i13 {background:url('../img/buttons.png') no-repeat -324px 0;}
.compose .wis .wis-buttons a.i14 {background:url('../img/buttons.png') no-repeat -351px 0;}
.compose .wis .wis-buttons a.i15 {background:url('../img/buttons.png') no-repeat -378px 0;}
.compose .wis .wis-buttons a.i16 {background:url('../img/buttons.png') no-repeat -405px 0;}
.compose .wis .wis-buttons a.i17 {background:url('../img/buttons.png') no-repeat -432px 0;}
.compose .wis .wis-buttons a.i18 {background:url('../img/buttons.png') no-repeat -460px 0;}
.compose .wis .wis-buttons a.i19 {width:auto;line-height:1.58333em;display:inline;text-decoration:underline;}
.compose .wis .wis-buttons a.i19:hover {text-decoration:none;}


.compose .ttl,.compose .ttr,
.compose .tbl,.compose .tbr {
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:2;
}
.compose .ttl {background:url('../img/all.png') no-repeat -54px -22px;}
.compose .ttr {left:auto;right:0;background:url('../img/all.png') no-repeat -64px -22px;}
.compose .tbl {top:auto;bottom:0;background:url('../img/all.png') no-repeat -54px -32px;}
.compose .tbr {top:auto;bottom:0;left:auto;right:0;background:url('../img/all.png') no-repeat -64px -32px;}