body { font:13px/1.231 sans-serif; font-size:small; height: 100%; position: relative; } /* Hack retained to preserve specificity */

a img { text-decoration: none; border: none; padding:4px;}

.tableHeaderFixed {}
.HeaderCommonRate {
    width:2200px;
}

h2 {
	font-size: 20px;
	padding: 1em 0 .3em 1em;
	/*left:10px;*/
	padding-top:5em;
	/*color: #8C9297;*/
	color:#7D9BA5;
}

h3 {
	font-size: 16px;
	padding: .2em 0;
	color: #595F65;
}

a,  a:visited { color: #0070bd; }
a:hover { color: #A81A8C; }
a:active { color: #eca400;}


table {
	/*margin: 1em 0 1.5em;*/
	margin-top:5px;
    margin-right: 0px;
}
table td {
	padding: .3em;
	font-size: 8pt;
	height: 30px;
}
table th {

	color: #777;
	font-weight:bold;
	/*padding: .6em .2em .8em .2em;*/
	padding: 0.1em 0.5em;

	font-size: 8pt;
	border-bottom: 1px solid #D7E2EF;
	border-top: 1px solid #D7E2EF;
}

table tr 
{
	padding: .6em .2em .8em .2em;
	border-bottom: 1px solid #D7E2EF;
}
/*
table tr:hover td 
{
	background:#AAC1D2;
}
*/
table small {
	display: block;
	
	padding: .5em 0 0 0;
}


table.data {
	width: 100%;
	font-size: 12px;
	line-height: 16px;
}
table.data td {
	padding: .7em .4em;
}
table.data th {
	padding: .6em .3em;
}

.zebra tr.odd {
	/*background: #cddeeb;*/
	background: #DDE9F4;
}

.paging 
{
	background: white;
	border: none;
	
}

.inner-page {
	font-size: 14px;
	line-height: 20px;
	padding: 12px 6% 0 16px;
}
.logotable 
{
	float:left;
	/*padding-top: 30px;
	padding-left: 24px;*/
	padding-top: 15px;
	padding-left: 15px;
	width:224px;
	height:100px;
	position:absolute;
}
#content
{
/*	float:left;*/
	}


.footer {
	width: 100%;
	padding:0;
	left: 10px;
	font-size: small;
	height:60px;
	margin:-60px auto 0px;
	position:relative;
	bottom:0px;
	z-index:1;
}
.footer .menu {
	float: left;
	margin: 10px 22px 0 0;
}

.footer .search {
	float: right;
	clear: right;
	width: 33%;
	margin: 10px 22px 0 0;
}


.footer .wrap {
	padding: 16px 0;
	border-top: 1px solid #D7E2EF;
}
.block_title
{
	padding-left:50px;
}


/*-----------GORIZONT-MENU---------------*/

#main_trade {
	float: left;
	left:300px;
	margin:15px 10px 10px 0px;
	width:70%;
	position:absolute;
	
}
#main
{
	left:20px;
	}
#main .inner-page {
	font-size: 14px;
	line-height: 20px;
	padding: 12px 6% 0 16px;
}

.home-page .column.last {
	width: 25%;
}

.ie6 .home-page .column.last {
	width: 22%;
}
.home-page .column {
	width: 33%;
	max-width: 280px;
}
.home-page .column.first {
	max-width: 100%;
}
.home-page table td {
	padding: .3em .5em .5em
}

#markets 
{
	width:100%;
	margin: 1em 0;
	clear: both;
}
#markets li {
	float: left;
	width: 12%;
	text-align: center;
	font-size: 12px;
}
#markets a {
	display: block;
	margin: 0 auto;
	width: 97%;
}
#markets i {
	display: block;
	position: relative;
	margin: 6px auto;
	width: 36px;
	height: 36px;
	background: url(../i/logo-mask.png) no-repeat 0 0;
	background-color: #962583;
}


menu {
	display: block;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
  	vertical-align: baseline;
}
.menu li, .menu ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	behavior: none;
}

.menu li:before {
	content: '';
	float: none;
	margin:0;
}
.menu ul>li>*:first-child:-moz-first-node {
	margin: 0;
}
/*
#footer .menu {
	float: left;
}
#footer .menu li {
	float: left;
	width: auto;
	margin: 0 22px 0 0;
}
*/

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


.table_tariffs td {
	border-bottom:1px solid #D7E2EF;
	font-size:small;
}
.table_tariffs th {
	font-size:small;
}
.table_tariffs
{
	margin-left:30px;
	width:60%;
}
	
#table1{
	margin-left:20px;
	font-size:14px;
}
.decor a{
	text-decoration:none;
}
.decor a:hover{
	text-decoration:underline;
}
.table14 a{
	font-size:14px;
}
/*#content
{
	position:relative;
	top:50px;
	}
*/

#tariffs_doc{
	padding-left:30px;
}
#tariffs_doc p{
	color:#5A5959;
}
.padd_left{
	padding-left:30px;
}
.padd_right{
	padding-right:30px;
}


div#gridPanel 
{
   width:900px;
   overflow:scroll;
   position:relative;
}
 .input_data{
	margin-bottom:0px;
	vertical-align:bottom;
}
.input_calend{
	vertical-align:bottom;
	margin:0px 10px 0px 3px;
}
.calendar{
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	background-color:White;
	position:absolute;
	z-index:100;
}
.calendar1{
	left:522px;
	top:198px;
}
.calendar2{
	left:241px;
	top:207px;
}
.calendar3{
	left:482px;
	top:207px;
}
.calendar4{
	left:223px;
	top:217px;
}
.calendar5{
	left:439px;
	top:217px;
}
/*-----------------------------*/
.calendar6{
	left:223px;
	top:238px;
}
.calendar7{
	left:439px;
	top:238px;
}
.calendar8{
	left:151px;
	top:277px;
}
.calendar9{
	left:315px;
	top:277px;
}
.calendar10{
	left:745px;
	top:277px;
}
.calendar11{
	left:910px;
	top:277px;
}

.calendar12{
	left:20px;
	top:50px;
}

.calendar13{
	left:241px;
	top:207px;
}
.calendar table{
	margin:5px;
	
}
.calendar table td{
	font-size:12px;
	height:30px;
}
.calendar table td a:hover{
	background-color:#6AB4DE;
}

.ajax__calendar_body { height:210px !important; }

div#gridPanel th{  
   top: expression(document.getElementById("gridPanel").scrollTop-2);
	left:expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
   position: relative;
   z-index: 20;
}
.DataGridFixedHeader{
position: relative;
top: expression(this.offsetParent.scrollTop-3); /*this works fine with IE only, but FireFox seems to be ignoring this*/
}
.table_opis{
	margin:10px 20px;
	padding:0;
	color:#777777;
}
.table_opis td{
	height:5px;
	vertical-align:top;
}
.table_opis tr:hover{
	background-color:#DDE9F4;
}

.legends{
	margin:10px 0px 10px 3px;
}
.language a{
    width: 35px;
    height: 17px;
   /*background-color:#0C649B;*/
    border-radius: 3px;
    color: #194e62;
    padding-top: 7px;
    margin-right: -4px; /*10*/
    float: right;    
    display: block;
    vertical-align: central;
    font-size: 11px;
}
.language a:hover {
   /*background-color:#0090BD;*/
    color: #962583;    
}
.youtube{
    padding-right:6px;
}
.lnk_lang{
   margin-left: -3px;
}
.rss {
    float: right;
    display: block;
}
#rss{
	color:#E87930;
	font-weight:bold;
	padding-left:5px;
}
#rss_block{
	float:right;
	margin-right:20px;
    width: 250px;
}
#rss_block a{
	text-decoration:none;
    font-size: 13px;
}

span.error_data    
{
    float: right;
    display: block;
	font-size: 12px;
	line-height: 14px;
    border-radius: 3px;
    border: 1px solid #A81A8C;
    padding: 2px 5px;
    margin-right: 30px;
    color: #A81A8C;
    background-color: #eec4e6;
    font-weight: bold;
}
.Hotlog1 {
	position: relative;
	 margin-top: -52px;/* отрицательное значение высоты футера */
	clear:both;
	float:Right;
	margin-left: -275px;
	margin-right: 20px;
}
#reports
{
    /*display:none;
    position:inherit;*/
    width:100%;
    height:auto;

}
#wrapper_reports
{
    display:none;
    width: 50%;
	/*min-width: 1100px;*/
	min-height: 50px;
	height: auto !important;
	height: 50px;
    position:absolute;
    padding:20px;
    margin-top:20px; 
}
#close_wrapper_reports
{
    color:gray;
}
#close_wrapper_reports:hover
{
    color:black;
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
