/* ----------
Theme Name: Fx-currencies.RU
Author: Media20.ru
E-mail: info@media20.ru

Make Up:Zabara Maxim
e-mail:mzabara@gmail.com
icq:250370888
skype:mzabara
---------- */

/*--- Reset --------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h6, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q,
s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline; background:transparent; zoom:1;}

img{vertical-align:middle; 	border:0; outline:0;}
input, textarea, select{vertical-align:middle;}
body {background:#fff;}
html, body {width: 100%; height: 100%;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins, del {text-decoration: none;}
table {border-collapse: collapse; border-spacing: 0;}

.clear {clear: both;}
.empty {height: 58px;}
.right{text-align: right; padding: 10px; font-size: 11px;}

p.f11{font-size: 11px; margin: 0; padding: 0;}
p.f12{font-size: 12px; margin: 0; padding: 0;}
.main p{line-height: 1.5em; padding:0 0 10px 0; margin: 0;}
.main p.withborder{border-bottom: dashed 1px #cccccc; padding:0 0 10px 0;}

/*--- Headings ---------------------- */

h1{font-size: 26px; font-weight: bold; color: #000; padding: 0 0 15px 0; margin: 0;}
h2{font-size: 24px; font-weight: normal; color: #000; padding: 10px 0; margin: 0;}
h3{font-size: 18px; font-weight: normal; color: #000; padding: 10px 0; margin: 0;}
h4{font-size: 16px; font-weight: bold; color: #000; padding: 2px 0; margin: 0; letter-spacing: -0.05em;}
h6{font-size: 26px; color: #accd18; padding: 7px 0 0 0; margin: 0;}

h2 img{margin: 0 10px 0 0;}

/*--- Links ------------------------- */

a{color: #0048ab;}
a:hover{text-decoration:none; color: #ff0000;}

/*--- Layouts ----------------------- */
.wraper{width: 100%; height: 100%; float: left; background: url(images/dashed.gif) repeat-x 0 61px; font-family: Arial; font-size: 12px; color: #000;}
.page{width: 97%;
      margin: 0 auto;
      position: relative;
      min-height: 100%;
      min-width: 1000px;
      max-width: 1360px;
      width: expression((documentElement.clientWidth||document.body.clientWidth) < 1000?"1000px":"97%"); width: expression((documentElement.clientWidth||document.body.clientWidth) > 1360?"1360px":"97%");
}

/*--- Header ------------------------ */

.header{float: left; height: 61px; width: 100%;}
.logotyp{float: left; padding: 10px 0 0 0;}
.logotyp a{color: #1257b5; text-decoration: none;}
.header ul{float: right; list-style-type: none; padding: 12px 0 0 0; margin: 0; width: 223px; height: 35px; background: url(images/subb.jpg) no-repeat 0 100%;}
.header ul li{float: left; width: 111px; text-align: center; padding: 8px 0 0 0; margin: 0;}
.header ul li a{text-decoration: none; color: #000;}
.header ul li a:hover{text-decoration: none; color: #fff;}

/*--- Content ---------------------- */

.contentwraper{float: left; width: 100%; padding: 20px 0;}

.sidebarleft {float:left; width:200px;}
.sidebarleft .exchangeRates{width:100%; margin: 15px 0;}
.sidebarleft .exchangeRates th{text-align: left; font-size: 11px; background: #ffe4a0; padding: 5px;}
.sidebarleft .exchangeRates td{background: #fff5db; padding: 5px; color: #434343; border-bottom: dashed 1px #e5dcc5;}
.sidebarleft .exchangeRates tr.last td{border-bottom: none;}

.sidebarright {float:right;	width:240px;}
.main {margin:0 260px 0 230px;}
.main .exchangeRates{width: 100%; border: solid 3px #ffe4a0;}
.main .exchangeRates td{vertical-align: top; height: 34px; text-align: center; font-size: 11px; padding: 3px 0;}
.main .exchangeRates th{font-size: 20px; color: #5c5c5c; height: 47px; vertical-align: middle;}
.main .exchangeRates tr.zebra td{background: #f3f3f3; text-align: center;}
.labelcurrenci{border: solid 1px #e4eff2; width: 83px; height: 39px; padding: 0 5px; background: #fff; margin: 0 auto;}
.labelcurrenci img{float:left; padding: 5px 0 0 0;}

.main .last{border-top: none; margin: -3px 0 30px 0;}
.main .last .labelcurrenci{border: solid 1px #e4eff2; width: 93px; height: 39px; padding: 0 5px; margin: 0 auto; background: url(images/sep.gif) no-repeat 50% 50% #fff;}
.main .last .labelcurrenci h6{font-size: 20px; padding: 11px 0 0 0;}

.graph{float: left; width: 100%; padding: 7px 0;}

.banner{float: left; text-align: center; width: 100%;  padding: 15px 0;}

.list{float: left; width: 100%; list-style-type: none; padding: 0; margin: 0;}
.list li{float: left; width: 100%; padding: 2px 0; margin: 0;}

form.subscribe{float: left; width: 100%; padding: 0 0 40px 0;}
form.subscribe .txtfield{width: 181px; font:normal 11px Arial; margin: 0 0 4px 0;}
div.styled-button, div.styled-button button {background:url(images/buttonbg.gif) no-repeat 0 0; display:inline-block; _display:inline; _margin:0 5px 0 0; font-size:12px; vertical-align:middle;}
div.styled-button {margin-right:15px;}
div.styled-button button {overflow: visible; border:0; padding:0 15px 0 0px; position:relative; left:15px; height:22px; line-height:22px; background-position:top right; white-space:nowrap; cursor:pointer;  font:italic 12px Arial; color: #5c5c5c;}
*:first-child+html div.styled-button, div.styled-button button{display:inline; margin:0 5px 0 0;}

form.subscribe div.styled-button{float: right; margin: 0 64px 0 0;}

.forecasts{float: left; width: 100%; background: #fff5db; margin: 0 0 40px 0;}
.forecasts dd{float: left; width: 100%; padding:10px 15px;}
.forecasts ul{float: left; width: 100%; list-style-type: none; padding: 0; margin: 0;}
.forecasts ul li{float: left; width: 100%; padding: 4px 0; margin: 0; font-size: 11px;}
.forecasts ul li a{font-size: 16px;}

.forecastrate{float: left; width: 100%; list-style-type: none; padding: 10px 0; margin: 0;}
.forecastrate li{float: left; width: 100%; padding: 0 0 15px 0; margin: 0;}
.forecastrate li .date{float: left; width: 98%; font-size: 10px; padding: 0 0 0 15px;}
.forecastrate li p{padding: 0 0 0 15px;}
.forecastrate li a {float: left; width: 100%; padding: 5px 0; margin: 3px 0 10px 0; font-size: 17px; background:url(images/bull.gif) no-repeat 16px 50% #fff5db;}
.forecastrate h2 {float: left; width: 100%; padding: 5px 0; margin: 3px 0 10px 0; font-size: 17px; color: #0048ab;}
.forecastrate li h2 {float: left; margin: 0 0 0 28px;}
.forecastrate li a:hover h2{color: #ff0000;} 

.txtBlock{float: left; width: 100%; padding: 0 0 30px 0;}

.comments{float: left; width: 100%; list-style-type: none; padding: 10px 0; margin: 0;}
.comments li{float: left; width: 100%; margin: 0 0 5px 0; background:url(images/bull.gif) no-repeat 17px 17px #fff5db;}
.comments li p{padding: 5px 5px 15px 40px;}
.author{float: left; width: 94%; font-size: 11px; padding: 12px 0 5px 40px;}
.author a{font-size: 12px; padding: 0 0 0 7px;}

.addcomments{float: left; width: 100%; background: #f8f8f8; font-size: 11px; padding: 7px 0;}
.addcomments table{margin: 0 auto; width: 80%;}
.addcomments table td{padding: 4px;}
.addcomments textarea{height: 100px; width: 95%; margin: 0 0 10px 0;}
.addcomments input{width: 80%;}
.addcomments .styled-button{float: right; margin-right: 30px;}

/*--- Footer ------------------------ */

.footerwraper{position: relative; margin: -58px auto 0; width: 100%; height: 58px; background:#f3f3f3;}
.footer{margin: 0 auto; width: 97%; height: 58px; min-width: 1000px; max-width: 1360px; width: expression((documentElement.clientWidth||document.body.clientWidth) < 1000?"1000px":"97%"); width: expression((documentElement.clientWidth||document.body.clientWidth) > 1360?"1360px":"97%");}
.counters{float: left; padding: 15px 10px 0 0;}
.copyright{float: left; padding: 23px 0 0 0;}
.footmenu{text-align: center; padding: 23px 0 0 0;}