@import 'reset.css';

html,body {height: 100%; width: 100%; min-width: 1007px; max-width:1300px}
body	{background: #fff; font: 100.01% verdana, Arial, Helvetica, sans-serif; color: #2a3b76}

a:link, a:visited, a:active {color: #0000ee; text-decoration:none} 
a:hover {color: #ff9a00; text-decoration:underline} 

p.anchor {height:1px; overflow:hidden; line-height:0 !important; margin:0 !important} 
p.archive {font-size: 0.7em; color:#666; margin:-10px 0 10px; text-align:right}
.dots {background : url(../i/dots.gif) 0 0 repeat-x; width: 100%; height:1px; overflow:hidden; clear:both} 
.none {display:none}

p.anchor, .message {width:auto;}
p.note-mess {padding:2em 0; font-size:0.7em;}

h2 {font-family:tahoma, sans-serif}

.banner-h1 {text-align:center; margin-bottom:1em;}

.nobord {border:none !important;}

/* Контейнер всего содержимого кроме подвала */
#layout {width: 95.1%; margin:0 auto; min-height: 100%}

/* Контейнер основной полосы */
#layout_content {position: relative; min-height: 100%}
.container {width: 100%; overflow: hidden; padding:5px 0 0}
.container img.logo {width: 300px; height:47px; float: left; margin:23px 0 20px}
.container object {width: 468px; height:90px; float: right;}
.top object {width: 100%; height:90px; float: none}

.pintech {background:url(../sky/pintech/bg.gif) 0 0 repeat-x; text-align:center; padding:0}
.pintech object {width: 957px; height:90px; float: none}
.pintech .inner-bkg {width: 100%; overflow: hidden; height:90px; background:url(../sky/pintech/adress.gif) 60% 100% no-repeat}

.asia {padding:0; background:#ff0;}
.asia  object{width:100%; height:90px; float: none;}

#nav {margin-top: 5px; width:100%; overflow: hidden; background: url(../i/menu-bg.gif) repeat-x 0 0} 
#nav ul {list-style-type: none; width:957px; overflow: hidden} 
#nav li {float: left; height: 27px; text-align: center; font-size: 0.6em; font-weight: bold; overflow: hidden} 
#nav li a {display: block; background: url(../i/menu-bg.gif) repeat-x 0 -27px; width: 87px; height:20px; color: #636563; text-decoration: none; padding-top:7px; overflow: hidden} 
#nav li.active a {background-position: 0 -81px} 
#nav li.active a:hover {background-position: 0 -54px} 
#nav li a:hover {background-position: 0 -54px} 

#subnav {width: 100%; overflow: hidden; background: #E1E2E1 url(../i/bkg_gradient.gif) left top repeat-y; padding-bottom:10px; margin-bottom:25px; font-size: 0.7em} 
#subnav .login {color: #636563; float: left; padding-top: 10px} 
#subnav .search {width:45%; padding: 7px 5px 7px 0; float: right} 
#subnav .search .text {color: #2a3b76; padding:1px 0 2px 3px; float:right; font: 1em verdana; width:19em} 
#subnav .search .submit {overflow:visible; width:auto; padding:0 10px; color:#2a3b76; margin: 0 0 0 5px; float:right; font: 1em verdana} 
html:first-child #subnav .search .submit { height:1.8em}

#path {color: #636563; float: left; padding-top: 7px} 
#subnav ul {float: right; list-style-type:none; margin-right: -8px; overflow: hidden; width: 50%; padding:7px 5px 0 0}
#subnav ul li {float:right; background: url(../i/dvd.gif) right top no-repeat; padding: 0 10px; margin-right: -1px; font-weight: bold; white-space:nowrap;}
#subnav ul li.active a:link, #subnav ul li.active a:visited, #subnav ul li.active a:hover, #subnav ul li.active a:active {text-decoration: none; color: #ff9a00}

#leftblock {float: left}
#rightblock {float: right; clear:right} 

#index {padding-bottom:90px; width:100%; overflow:hidden}
#index #leftblock {width: 58%}
#index #rightblock {width: 37%} 
#index h2 {font-size: 0.9em; line-height:1.5; margin:30px 0 20px; border-bottom: 1px solid #A0CC69}
#index .container {padding:5px 0 20px}

#rightblock .banner {text-align:center; overflow:hidden;} 
#rightblock .banner object {display:block; margin:0 auto; width:240px; height:400px; float:none;} 

dl.news dt {font-size: 0.7em; font-weight: bold}
dl.news dd {overflow:hidden; font-size: 0.7em; margin:10px 0 25px; padding-bottom:15px; background: url(../i/dots.gif) 0 100% repeat-x; line-height:1.3}
dl.news dd.sky {text-align:center}
dl.news dd object {float:none;}

dl.last-topics dt {font-size: 0.75em; font-weight: bold}
dl.last-topics dd {font-size: 0.7em; margin:7px 0 35px}
dl.last-topics dd p {margin-bottom:15px}
dl.last-topics ul {margin-top:-7px}
dl.last-topics li {vertical-align:top; color:#686768; line-height:1.8}
dl.last-topics li a {text-decoration:none}

.box {border:1px solid #A0CC69; padding:0 15px 15px; margin:7px 0 10px} 
.box .box_bottom {width:28px; height:6px; background: url(../i/icons.gif) 0 -252px no-repeat; z-index:10; position:relative; bottom:-12px; float:right} 
.box .title {background-color:#fff; text-align:center; font-weight:bold; font-size: 0.7em; position:relative; top:-9px; width:11em; padding:0 3px} 
.box p {font-size: 0.7em} 
#index .box h2 {margin:10px 0 20px}

.us {margin-bottom:45px;} 
.us .content img {display:block; margin:2em auto;} 
.us .content p {margin:1em 0;} 

.materials .title {top:-13px} 
.materials dl {width:100%; overflow:hidden; margin-bottom:20px}
.materials dt {float:left}
.materials dt img {width: 120px}
.materials dd {margin-left:135px}
.materials dd p {margin-bottom:5px; line-height:1.3}
.materials dd a {font-weight:bold}

.drummers {margin-bottom:45px; padding:0 15px} 
.drummers .title {width:5.5em} 
.drummers .box_bottom {bottom:3px} 
.drummers ul {overflow:hidden; margin:10px 0 5px} 
.drummers ul li {overflow:hidden; margin-bottom:20px} 
.drummers dl {float:left; width:50%; text-align:center} 
.drummers dl.right-col {float:right; clear:right} 
.drummers img {width:140px; height:104px} 
.drummers dd {font-size:0.7em; width:140px; margin:3px auto 0}

.last-articles ul {overflow:hidden; margin:10px 15px} 
.last-articles ul li {float:left; width:20%} 
.last-articles img {width:160px; height:100px} 
.last-articles dt, .last-articles dd {text-align:center}
.last-articles dd {font-size:0.7em}


#content {width:100%; padding-bottom:55px}
#content #leftblock {float:none; margin-right:260px; position:relative; min-height:400px;}
#content #rightblock {width:240px; margin:20px 0 0;}

/*#content #leftblock {width:73%; background: url(../i/seperator.gif) 100% 24px no-repeat; padding:5px 20px 15px 0; position:relative; min-height:400px}
#content #rightblock {padding-top:10px; margin:20px 0 0 1.5%; width:23%}*/

#content h1 {border-bottom: 1px solid #ccc; font-size:0.8em; line-height:1em; margin-bottom: 1em; padding-bottom:5px; color: #636563}
#content h1 span {color:#ff9900}
#content img.left {margin: 3px 20px 12px 0; float: left; clear:left; border:8px solid #f8f8f8}
#content img.right {margin: 3px 0 12px 20px; float: right; clear:right; border:8px solid #f8f8f8}
body:first-of-type #content h1 {padding-bottom:6px}

.announce {overflow:hidden; width:100%}
.announce li {vertical-align:top; margin:1px 0 -1px; padding:16px 0 15px; overflow:hidden; background: url(../i/dots.gif) left bottom repeat-x; width:100%}
.announce img {border:8px solid #eee; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px}
.announce dl {width:48%; float:left}
.announce dl.right-col {float:right; clear:right}
.announce dt {float:left; margin-right:15px}
.announce h2, .lessons dt {font: bold 0.7em verdana, sans-serif; margin:0 0 5px}
.announce p {font-size:0.7em; line-height:1.5}
.lessons dt {float:none}
.dvd dl {width:30%; float:left}
.dvd dl.center-col {margin:0 5%}
.dvd img {border:none}
.dvd dt {float:left; margin-right:0}
.dvd dd {margin-left:135px}
.dvd dd p {line-height:1.3}

.blog li {overflow:hidden; width:100%; margin-bottom:20px}
.blog p {line-height:1.5em; font-size:0.7em; margin:0 0 1.5em}
.blog ul {margin:-5px 0 15px 25px; padding: 0}
.blog ul li {font-size: 0.7em; line-height:1.5; list-style-type:disc; margin: 7px 0 0; padding:0; overflow:visible; width:auto} 
.blog ol {margin:-5px 0 15px 25px; padding: 0}
.blog ol li {font: 0.7em/1.5em verdana; margin: 7px 0 0; padding:0; list-style-type: decimal; overflow:visible; width:auto} 

#content #rightblock object {margin-bottom:20px; clear:both; float:left}
#content #rightblock p {font-size:0.7em}
#content #rightblock ul {margin:0 0 15px; padding:0 0 0 14px; list-style:none}
#content #rightblock ul li {vertical-align:top; font-size: 0.4em; color: #686768; /*background: url(../i/icons.gif) 0 -215px no-repeat;  padding-left:10px; */ padding: 7px 0 5px; list-style-type:disc} 
#content #rightblock ul li a, #content #rightblock ul li span {font: 11px/1.3em verdana, sans-serif} 
#content #rightblock ul li span {color:#2a3b76} 
#content #rightblock ul li span.star {color:#980000; font-size:1em} 

/*.article  #leftblock {width:76% !important}
.article  #rightblock {width:20% !important}*/
.article #rightblock p a:link, .article #rightblock p a:visited, .article #rightblock p a:hover, .article #rightblock p a:active {color: #686768; text-decoration: none} 
.article #rightblock p a:hover {text-decoration: underline} 
.article #rightblock p {color: #686768; background: url(../i/icons.gif) -3px -108px no-repeat; overflow:hidden; padding-left:20px; margin-bottom:15px}
.article #rightblock p.print {background-position: 0 -147px;}
.article #rightblock p.disscus {background-position: -2px -183px}
.article #rightblock p.copy {background: none; padding:0}
.article #rightblock p.copy span {float:left; margin: 0 8px 10px 2px}

.article #rightblock h2 {font:bold 0.7em verdana; color: #636563}

.article  #leftblock p {line-height:1.5em; font-size:0.7em; margin:0 0 1.5em}
.article  #leftblock ul {margin:-5px 0 15px 25px; padding: 0}
.article  #leftblock ul li {font-size: 0.7em; line-height:1.5; list-style-type:disc; margin: 7px 0 0; padding:0} 
.article  #leftblock ol {margin:-5px 0 15px 25px; padding: 0}
.article  #leftblock ol li {font: 0.7em/1.5em verdana; margin: 7px 0 0; padding:0; list-style-type: decimal} 
.article  #leftblock p.quest {margin:1.929em 0 0.643em; font-weight:bold; font-size:0.7em; line-height:1.286em}
.article .tabs {font-size:1em; margin:-5px 0 0 !important}
.article .tabs li {line-height:normal !important; list-style-type: none !important; margin:2px 0 0 !important}
.article  #leftblock table {margin-bottom:1.5em;}
.article  #leftblock td {font-size:0.7em; padding:0.3em 2em 0.3em 0.6em; border-bottom:1px dotted #ccc;}

.photo  #leftblock {margin:0 !important;}
.photo  #leftblock div {width:930px; overflow:hidden; *zoom:1;}
.photo  #leftblock img {margin:10px; border:8px solid #f8f8f8; float:left}
html:root .photo  #leftblock a {float:left}
body:first-of-type .photo  #leftblock a {float:left}
.photo  #leftblock p {line-height:1.5em; font-size:0.7em; margin:0 0 1.5em; clear:both;}
.photo  #leftblock p a {float:none !important;}

.faq  .appendix {display:none}

#content #leftblock dl {font-size: 0.7em}
#content #leftblock dl dt {font-weight: bold}
#content #leftblock dl dd {margin:10px 0 25px}
#content #leftblock dl dd p {font-size: 1em !important; margin:0 0 10px}
#content #leftblock dl dd ul {margin:7px 0 0; list-style:none}
#content #leftblock dl dd li {color:#686768; font-size: 1em; line-height:2em}
#content #leftblock dl dd li span {font:1.2em 'Courier New'}
#content #leftblock dl dd li span span {font-size:0.9em !important}

#topics {margin-left:-10px; *width:auto;}
#topics p {color:#999; line-height:2em; font-size:0.7em; white-space:nowrap; padding-left:10px; overflow:hidden}
#topics p span {font:1.2em 'Courier New'}
#topics p span span {font:0.7em verdana}
#topics p.new {background: url(../i/icons.gif) no-repeat 10px -69px; -moz-background-position:0 -68px; padding-left:25px}
#topics p.hover {background-color:#eee; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px}
#topics p a {text-decoration:none}
#topics i.fade {background: url(../i/fade-bg.png) no-repeat 100% 0; width:30px; height:2em; float:right; position:relative; top:-2em; z-index:10; margin-bottom:-2em; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px}
#topics p.hover i.fade {background-position: 0 0}
#topics p .login-link {color:#686768; font:1em 'Courier New'}

.tabs {float:right; margin:-7px 0 0; font-size:0.7em; list-style-type: none}
.tabs li {cursor:pointer; cursor:hand; float:left; margin:2px 0 0; color: #0000ee}
.tabs li span.left {float:left; background:url(../i/tabs.gif) no-repeat 0 0; padding:0 0 0 4px; margin: 0 0 0 -1px}
.tabs li span.right {float:left; display:block; background:url(../i/tabs.gif) no-repeat 100% 0; padding:5px 15px 5px 11px}
.tabs li span.right span.num {font: 0.9em tahoma; color: #737373; margin:1px 0 0 7px}
.tabs li#profile span.left {margin:0}
.tabs li#profile span.num {margin:0; width:1px; overflow:hidden}
.tabs li#edit span.num {margin:0; width:1px; overflow:hidden}
.tabs li.first span.left {margin:0}
.tabs li span.right span {float:left}

.tabs li.select {cursor:auto; color: #808080; margin:0 0 -2px; position:relative; z-index:10}
.tabs li.select span.left {background-position: 0 -338px; position:relative; z-index:10}
.tabs li.select span.right {background-position: 100% -338px; font-weight: bold; padding:7px 15px 6px 10px}
.tabs li.select span.right span.num {display:none}

.tabs li span.wait {background:url(../i/icon-wait.gif) no-repeat left top; width:12px; height:12px; overflow:hidden; float:left; margin:1px 0 0 5px}
.tabs li span.def, .tabs li span.num {float:left}

.tabs li.buttons {float: right; margin:7px 0 0}
.tabs li.buttons span {float:none; padding: 0 0 0 15px}
.tabs li.buttons span span {float: none; padding: 0}
.tabs li.buttons span.karma {color:#ccc}	

.profile .tabs {width:100%; float:none; overflow:hidden; border-bottom: 1px solid #ccc; margin:-5px 0 20px}	
.profile .pass {display:none}

.pager {width:100%; overflow:hidden; padding:20px 0 10px}
.pager ul	{float: left; overflow: hidden; margin-left: -7px}
.pager ul li	{float: left; padding: 5px 8px; margin: 0 1px 0 -1px; background: url(../i/dvd-pager.gif) no-repeat 0; font-size: 0.7em; color: #c0c0c0;}
.pager ul li.select span	{float: left; display: block; text-align: center; font-weight: bold; border: 1px solid #888; background-color: #eee; color: #222; padding: 0.1em 0.4em; margin-top: -2px;}
.pager ul li a	{float: left; display: block; text-align: center; padding: 0.2em 0 0.2em 0; margin-top: -2px;}
.pager ul li.next a	{border: 1px solid #e5e5e5; background: #f8f8f8; padding: 0 0.4em 0.2em}
.pager ul li.next a:link, .pager ul li.next a:visited, .pager ul li.next a:hover, .pager ul li.next a:active	{text-decoration: none;}

.online {width:100%; overflow:hidden; clear:both; padding:10px 0 10px; font-size:0.7em; line-height:1.7; background: url(../i/dots.gif) 0 0 repeat-x;}
.mails .online {padding:0; margin-top:-4px; background: none}


#profile_out {overflow:hidden;}
#profile_out .profile_in {border-bottom:1px solid #e5e5e5; font-size:0.7em}
#profile_out .profile_in p {text-align:right; margin:0 0 10px}
#profile_out .profile_in div {zoom:1; overflow:hidden; padding:0.7em; border-top:1px solid #e5e5e5}
#profile_out .profile_in .color {background:#fafafa}
#profile_out .profile_in div span.left {width:20%; float:left; font-weight:bold}
#profile_out .profile_in div span.right {padding:0 0 0 21%; display:block}
#profile_out #topics {background: transparent url(../i/dots.gif) left bottom repeat-x; padding:0 0 10px}
#leftblock #profile_out .appendix {margin:0; background: transparent url(../i/dots.gif) left bottom repeat-x}
#leftblock #profile_out p.anchor {display:none}

#content .profile_form .row {width:100%; overflow:hidden; padding:6px 0; text-align:left}
#content .profile_form .color {background:#fafafa}
#content .profile_form label {width:20%; float:left; line-height:1.5em; padding:0 0 0 0.3em}
#content .profile_form .row div {float:right; clear:right; width:79%}
#content .profile_form input.text {width:14.6em; float:left; padding: 3px 0 3px 4px; font-size:1.02em}
#content .profile_form input.error {border: 1px solid #994949; margin:0; color: #990000; background-color: #FBE7E7; font-weight:normal}
#content .profile_form input.full {width:97%}
#content .profile_form select {color:#2a3b76; width:15.4em; padding: 2px 0; font:1em verdana; border: 1px solid #A0CC69}
html:root #content .profile_form select {width:15.4em}
html:first-child #content .profile_form select {width:15em; height:1.7em}
#content .profile_form input.submit {float:left; width:7em}

.appendix {background: url(../i/dots.gif) 0 0 repeat-x; width:100%; overflow:hidden; padding:5px 0; font-size:0.7em; line-height:1.3em}
#leftblock .appendix {background: none; margin:-18px 0 0}

/* Message styles
***************************************************************/
p.title {background: #E1E2E1 url(../i/bkg_gradient.gif) left top repeat-y; padding:7px 0; margin:0 0 15px; font:bold 0.7em verdana; color:#686768; border-bottom:1px solid #ccc}
p.title span {font-weight:normal; float:right; font-style:italic; margin-right:7px}
.message {margin-bottom: 1.7em; padding-bottom:1em; background: url(../i/dots.gif) 0 100% repeat-x; font-size:0.7em} 
.message .post {padding:1em; background-color: #f0f0f0; margin: 0 0 1em;} 
.message .head {width: 100%; overflow:hidden; padding-bottom:1.2em} 
.message .head div {float:left} 
.message .head div strong {font: bold 1.2em verdana; text-decoration: none} 
.message .head span {float:right; color: #ccc; margin:2px 0 0 8px} 
.message .head .edit {cursor:pointer; cursor:hand; color:#a0cc69} 
.message .head .edit span {float:none; margin:2px 0 0 4px} 
.message .head .quote {cursor:pointer; cursor:hand} 
.message .head span a:link, .message .head span a:visited, .message .head span a:hover, .message .head span a:active {color: #ccc; text-decoration:none}
.message .karma {margin:0 5px 0 0}
.message .karma span {float:none; margin:0}
.karma .plus, .karma .minus {color:#a0cc69 !important; padding:0 2px 1px 2px; border:1px solid #eaeaea; cursor: pointer; cursor:hand; float:left !important; margin:0 3px 0 0 !important}
.karma .minus {color:#b00000 !important; margin-right:7px !important}
.karma .like {color:#a0cc69 !important}
.karma .hate {color:#b00000 !important}
.message p {margin: 0 0 1.5em; line-height:1.5} 
.message p span {font-weight:bold; color:#ff9900} 
.message p a:link, .message p a:visited, .message p a:hover, .message p a:active {text-decoration:underline} 
.message blockquote {font-style:italic; color: #686768; margin:5px 10px 0; padding:0 0 0 10px; border-left: 1px solid #ccc} 
.message p.user {margin:0 0 2px} 
.message div.date {font: 0.9em verdana} 
html:first-child .message .karma span.minus {float:none !important}
html:first-child .message .karma span.plus {float:none !important}

#content #polls {background-color:#DEEECA; border: 1px solid #a0cc69; overflow:hidden; margin:20px 0 15px} 
#content #polls form {padding:0; background:none; font-size:1em} 
#content #polls fieldset {padding:0 18% 20px; border: none} 
#content #polls fieldset div {width:100%; overflow:hidden; font-size:0.7em; margin:0 0 7px; padding:0 0 7px; background: url(../i/dots.gif) 0 100% repeat-x;} 
#content #polls fieldset div label {line-height:1em} 
#content #polls fieldset div label input {margin:0 6px 1px 0; float:left} 
#content #polls fieldset div span {display:block; float:left} 
#content #polls fieldset p {text-align:center; margin:15px 0 20px; font-size:0.8em} 
#content #polls fieldset span.variant {width:44%; padding:0 1% 0 2.5%} 
#content #polls fieldset span.count {width:6%; padding:0 2% 0 0; text-align:right} 
#content #polls fieldset span.percent {width:11%; padding:0 0 0 2%; white-space:nowrap} 
#content #polls fieldset span.img {width:30%; background:none !important}
#content #polls fieldset span.img span{background: url(../i/poll.gif) 0 0 repeat; height:13px; border-bottom: 1px solid #000066; border-right: 1px solid #000066} 
#content #polls fieldset p.button {margin:15px 0 0} 
#content #polls fieldset input.submit {width:9em; float:none} 
* html #content #polls fieldset div label input {margin:-4px 3px 1px 0} 
*:first-child+html #content #polls fieldset div label input {margin:-4px 3px 1px 0} 
html:first-child #content #polls fieldset div label input {margin:-2px 6px 1px 0} 

#content p.sky {background: url(../i/dots.gif) 0 0 repeat-x; text-align:center; padding:15px 0 0; margin:0 0 10px} 

#content form {width:100%; overflow:hidden; padding:0 0 20px; font-size:0.7em} 
#content form p {margin-bottom:5px; padding-right:6px;} 
#content p.error {color:#980000; margin:0 0 15px; font-size:0.7em} 
#content form span.star {color:#980000} 
#content form label {line-height:2.5em} 
#content form textarea {padding:2px 0 2px 4px; width:100%; border: 1px solid #A0CC69; font: 1em/1.3em verdana; color:#2a3b76} 
#content form textarea.error {border: 1px solid #980000} 

#content form input.text {padding:2px 0 2px 4px; border: 1px solid #A0CC69; font: 1em/1.3em verdana; color:#2a3b76} 
#content form .submit {float:right; width:6.5em; margin:0 -6px 0 0; height:2em; color:#2a3b76} 
#content form span.button {width:42px; height:24px; overflow:hidden; float:right; margin: 0 -6px 0 12px; cursor:pointer; background-image: url(../i/icons.gif); background-repeat: no-repeat} 
#content form span.url {background-position: 0 0} 
#content form span.img {background-position: 0 -24px} 
html:first-child #content form p {padding:0} 
html:first-child #content form .submit {margin:0} 
html:first-child #content form span.button {margin:0 0 0 6px} 
html:root #content form .submit {padding:0 0 4px} 
* html #content form p {padding:0 } 
* html #content form textarea {width:99%} 
* html #content form .submit {margin:0} 
* html #content form span.button {margin:0 0 0 6px} 

#error {width:70%; overflow:hidden; clear:both; background: #ccc; color:#fff; margin: 2em 0 0.5em; font: bold 2em/3em arial; padding:0 1em; border-left:4px solid #6358F8}
p.error404 {font-size:0.75em}

.mails #rightblock .appendix {background:none; line-height:2em; margin-top:-9px}
.mails #leftblock h1 {margin:0}
.mails #leftblock p {font-size:0.7em}
.mails #leftblock form {font-size:1em}
.mails table {width:100%; border:none; margin:0; font-size:0.7em}
.mails table tr.color {background-color:#f5f5f5}
.mails table th {color:#686768; border-bottom:1px solid #ccc; padding: 5px; font: bold 1em verdana}
.mails table td {border:0 solid #ccc; border-width:0 0 1px; padding: 5px; font: normal 1em verdana !important}
.mails table .title {width:65%}
.mails .head {background: #E1E2E1 url(../i/bkg_gradient.gif) left top repeat-y; padding-top:7px; margin:0 0 15px; font-weight:bold; color:#686768; border-bottom:1px solid #ccc}
.mails .head p {margin-bottom:7px}
.mails .head p span {font-weight:normal; width:6em; float:left}
.mails .reply {border-bottom:1px solid #ccc; padding-bottom: 10px; margin-bottom:20px}
.mails .reply p.own {margin-bottom:10px; font-style:italic; color:#666}
.mails .reply p {line-height:1.4em}

/* interface */
div.interface {width:353px; z-index:100; padding:0 0 8px; background:url(../i/middle_size_bot.png) bottom left no-repeat; position:absolute; left: 18px; top: 130px; display:none; font-size:0.7em}
div.interface h3 {margin:0;padding:9px 0 7px 12px; background:url(../i/middle_size_top.png) top left no-repeat; color: #fff; font-size:0.9em}
div.interface div.body {overflow:hidden; padding:10px 0 10px; background:url(../i/middle_size_mid.png) top left repeat-y}
div.interface p {padding:10px 10px 0}
div.interface label {width:50px; color:#2a3b76; float:left; padding:4px 0 0}
div.interface input.text {width:200px; padding:0.1em 0 0.1em 4px; font: 1.2em Arial}
div.interface input.submit {float:left; margin-left:50px; width:6em; padding:2px 0; font-size:0.9em}
div.interface p span {float:left; margin:5px 0 0 12px; color:#980000}
div.interface .close {background:url(../i/close.gif) 0 0 no-repeat; cursor:pointer; float:right; width:11px; height:11px; margin:10px 13px 0; display:block;}
html>body div.interface div.bottom {display:none}

* html div.interface .close { margin: 0; position:absolute; right:24px; top:10px}
* html div.interface { background: none;padding:0}
* html div.interface h3 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
				(src='../i/middle_size_top.png',sizingMethod='crop');
	             background: none;width:100%}
* html div.interface div.body { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
				(src='../i/middle_size_mid.png',sizingMethod='scale');
	             background: none;width:100%}
* html div.interface div.bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
				(src='../i/middle_size_bot.png',sizingMethod='crop');
	             background: none; width:100%}
/* interface */


/* text banner */
.text-info {text-align:center; margin-top:10px;}
.text-info p {background-color:#e5e5e5; padding:1em; width:auto; overflow:visible; margin:10px 0; font-size:0.7em; display:-moz-inline-stack; display:inline-block; *zoom:1; *display:inline;}
.text-info p a {float:none;}

/* css3 button */
.nb {
	background:-moz-linear-gradient(center top , #f5f5f5, #ccc) repeat scroll 0 0 #ccc;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#ccc)) #ccc;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-box-shadow: 0 1px 4px  rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);  
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	 border:none; cursor:pointer; height:2.0833em; line-height:1em; overflow:visible; padding:0 1em; white-space:nowrap; font:1.2em Arial, sans-serif; color:#000 !important; margin:0.7em 0 0; position:relative; display:-moz-inline-stack; display:inline-block; *zoom:1; *display:inline; text-decoration:none !important;}
.nb:hover, .nb:focus {-moz-box-shadow:0 1px 4px rgba(0,0,0,0.8); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.8);}
.nb span {line-height:2.0833em;}

/* Clearfix */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block; overflow:hidden;}
.clearfix {display:block; overflow:hidden;}

/* Контейнер подвала */
#footer {width: 95.1%; position: relative; margin: -4.5em auto 0 auto; clear: both; border-top: 1px solid #ccc; padding:10px 0 40px; color: #636563; font-size: 0.7em}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #636563}
#footer span {width: auto; float : left}
#footer ul {float: right; list-style-type:none; margin-right: -11px; overflow: hidden; width: 60%}
#footer ul li {float:right; background: url(../i/dvd.gif) right top no-repeat; padding: 0 11px; margin-right: -1px}