* {
    font: inherit;
}

/*@font-face {
 font-family: Tahoma;
 src: url("/css/tahoma.ttf")
}
*/
/* {
 margin: 0; padding: 0;
}
*/
html, body {
 margin: 0; padding: 0;
 font-family: Tahoma;
 font-size: 12px;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 color:#4E4E4E;
}
a {
 color: #C00008;
 text-decoration: none;
}
img {
 border:medium none;
}
p {
 margin: 5px 0;
}
button {
 position: relative;
 top: 0; left: 0;
 cursor: hand; cursor: pointer;
 border: none;
 background-color: transparent;
}
a:hover {
 color: blue;
 text-decoration: none;
}
img {
 margin: 0; padding: 0;
 border: none;
}
p {
 margin: 10px 0; padding: 0;
}
p.none{
    margin: 0;
}
ul {
 list-style-image: url('img/kub.png');
 margin: 0; padding: 0;
 padding-left: 35px;
}
li {
 margin: 0; padding: 0 0 4px 0;
}
br {
 margin: 0; padding: 0 0 25px 0;
}
button {
 position: relative;
 top: 0; left: 0;
 cursor: hand; cursor: pointer;
 border: none;
 background: transparent;
}
h2, h3 {
 margin: 0 0 -13px 0; padding: 0;
 font: bold 11px Tahoma;
 line-height: 20px;
}
table tr td p{
 width: auto; height: 51px;
 margin: 0; padding: 0;
 line-height: 11px;
 font: normal 10pt Tahoma;
}
h1.zGraf {
 position: relative;
 top: 0; left: 0;
 margin: 0; padding: 0 0 0 12px;
 width: auto; height: auto;
 font: normal 16px Arial Black;
 color: #c00008;
 background-image: url('/repository/layout/img/strzalka.gif');
 background-repeat: no-repeat;
 background-position: left 3px;
}
h2.zGraf a {
 color: #c00008;
}
h2.zGraf {
 position: relative;
 top: 0; left: 0;
 margin: 0; padding: 0 0 0 20px;
 width: auto; height: auto;
 font: normal 15px Arial Black;
 color: #c00008;
 background-image: url('/repository/layout/img/strzalka.gif');
 background-repeat: no-repeat;
 background-position: left 3px;
}
h1.zGraf a {
 color: #c00008;
}
h2.RSS {
 margin: 0; padding: 0;
 width: auto; height: auto;
 font: normal 15px Arial Black;
 color: #c00008;
}
h1.bezGraf {
 position: relative;
 top: 0; left: 0;
 margin: 0; padding: 0;
 width: auto; height: auto;
 font: normal 16px Arial Black;
 color: #c00008;
}

#AnalyticsStartPage {
 position: relative;
 top: 0; left: 0;
 cursor: hand; cursor: pointer;
 margin: 0; padding: 5px 0;
 padding-left: 80px;
 border-bottom: 1px dotted #888;
 overflow: hidden;
}
#AnalyticsStartPage:hover {
 background-color: #d4d4d4;
}
#AnalyticsStartPage span.dataReleased {
 position: absolute;
 top: 5px; left: 5px;
 color: #c00008;
 height: 100%;
}
#AnalyticsStartPage a.title {
 color: #0A0A0A;
 text-align: justify;
}

/**********************************************/
#header #topHeader {
 margin: 0 auto;
 width: 1002px;
 height: 80px;
 position: relative;
}
#header #topHeader .logo {
 position: absolute;
 top: 15px; left: 0;
 height: 50px;
 width: 131px;
}
#header #topHeader .sitemap {
 left:180px;
 position:absolute;
 top:34px;
}
#header #topHeader .sitemap a {
 color:black;
 font-size:11px;
 font-weight:normal;
}
#header #topHeader .language {
 position: absolute;
 top: 20px;
 left: 285px;
 width: 595px;
}
#header #topHeader .language .box {
 background:url("img/header_menu_line.png") no-repeat scroll right 0 transparent;
 float:left;
 height:16px;
 margin:0 0 5px;
 padding:4px 4px 0;
}
#header #topHeader .box a {
 font-size: 10px;
 color: #000;
}
#header #topHeader .search {
 height:35px;
 right: 10px;
 margin:0;
 padding:0;
 position:absolute;
 top:28px;
}
#header #topHeader .search .formSearch {
 height:17px;
 right: 0;
 margin:0;
 padding:0;
 position:absolute;
 top:0;
 /*width:121px;*/
}
#header #topHeader .search #txt {
 background:url("img/header_search_box.png") no-repeat scroll 0 0 transparent;
 border: 0 none;
 font-size: 11px;
 height: 20px;
 margin-top: 5px;
 padding:0 0 0 4px;
 width: 76px;
}
#header #topHeader .search .formSearch .buttonSearch {
 border:medium none;
 height: 19px;
 margin: 0 0 0 6px;
 padding:0;
 width: 24px;
}
#header #flashHeader {
 background: url("img/flashHeader.png") repeat-x scroll 0 3px transparent;
 height: 372px;
}
#header #flashHeader .flash {
 background: url("img/flashHeader.png") repeat-x scroll 0 3px transparent;
 overflow: hidden;
 height: 372px;
 width: 1002px;
 margin: 0 auto
}


/**********************************************/
#footer {
 background:none repeat scroll 0 0 #000;
 width: 100%;
 z-index: 0;
}
#footer #text {
 background:none repeat scroll 0 0 #000;
 margin: 0 auto;
 padding: 0 0 26px 0;
 width: 1002px;
    line-height: 120%;
}
#footer #text #loga{
  margin: 14px 0 0 0;
padding: 0;
width: auto;
height: auto;
float: right;
}
#footer #text .link {
 vertical-align: top;
   padding: 18px 5px 48px 5px;
 font-size: 11px;
}
#footer #text a{
  color: #4E4E4E;
}
#footer #text a.white{
 color: white;
 padding: 0;
}
#footer #text table.footer_image {
 vertical-align: top;
 width: auto;
}
#footer #text table.footer_image td {
 padding: 0 10px;
}
#footer #text p.white{
 color:##4E4E4E;
 font-size: 10px;
 /*font-family:Arial, Helvetica, sans-serif;*/
 margin: 5px 0;
 vertical-align: top;
 text-align: justify;
}
#footer #text span.white {
 color: white;
}



/**********************************************/
#page {
 margin: 15px auto;
 width: 1002px;
 position: relative;
 height: auto;
    z-index: 11;
}
#page #left {
 vertical-align: top;
 width: 330px;
}
#page #center {
 vertical-align: top;
 width: 440px;
 padding: 10px 10px 0;
}
#page #right {
 vertical-align: top;
 width: 212px;
}

/** кнопки с правой стороны **/
#page #right .button_right {
 cursor: hand; cursor: pointer;
 margin: 0 0 5px 0; padding: 0;
 width: 213px;
 height: 58px;
 color: #ffffff;
}
#page #right .button_right .icon {
 float: left;
 width: 50px; height: 58px;
 background-repeat: no-repeat;
 background-position: left top;
}
#page #right .button_right .img_button {
 float: left;
 width: 162px; height: 58px;
 background-image: url('/repository/layout/img/ICONS/fon_right.png');
 background-repeat: no-repeat;
 background-position: left top;
}
#page #right .img_button .text {
 width: 142px; height: 38px;
 margin: 10px 10px 10px 0; padding: 0 0 0 10px;
 border-left: 1px solid #ffffff;
 vertical-align: middle;
}
#page #right .button_menu {
 margin: 10px 0 0 -3px; padding: 0;
 width: 317px; height: 62px;
 background-repeat: no-repeat;
 background-position: left top;
 cursor: hand; cursor: pointer;
}
/** конець кнопок с правой стороны **/
/********Кнопки с левой стороны*****/
#page #left .button_menu {
 margin: 10px 0 0 0px; padding: 0;
 width: 330px; height: 64px;
 background-repeat: no-repeat;
 background-position: left top;
 cursor: hand; cursor: pointer;
}
/****Конець****Кнопки с левой стороны*****/
/*****Закладки для графиков**************/
#page #left a:active {
  outline:none;
}
#page #left :focus {
  -moz-outline-style:none;
}
#page #left div.panes div {
 display:none;
 padding: 10px;
 border: 1px solid #999;
 border-top:0;
 height:160px;
 font-size:14px;
 background-color:#EAEAEA;
}
/* root element for tabs */
#page #left ul.tabs {
 list-style:none;
 margin:0 !important;
 padding:0;
 height:30px;
 border-bottom:1px solid #999;
}
/* single tab */
#page #left ul.tabs li {
 float:left;
 text-indent:0;
 padding:0;
 margin:0 !important;
 list-style-image:none !important;
}
/* link inside the tab. uses a background image */
#page #left ul.tabs a {
 background: url(/repository/grafiki/zakladki/tabs.png) no-repeat -652px 0;
 font-size:11px;
 display:block;
 height: 30px;
 line-height:30px;
 width: 111px;
 text-align:center;
 text-decoration:none;
 color:#000;
 padding:0px;
 margin:0px;
 position:relative;
 top:1px;
}
#page #left ul.tabs a:active {
 outline:none;
}
/* when mouse enters the tab move the background image */
#page #left ul.tabs a:hover {
 background-position: -652px -31px;
 color:#fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#page #left ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
 background-position: -652px -62px;
 cursor:default !important;
 color:#000 !important;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
#page #left ul.tabs a.w1 { background-position: -519px 0; width:134px; }
#page #left ul.tabs a.w1:hover { background-position: -519px -31px; }
#page #left ul.tabs a.w1.current { background-position: -519px -62px; }
/* width 2 */
#page #left ul.tabs a.w2 { background-position: -366px -0px; width:154px; }
#page #left ul.tabs a.w2:hover { background-position: -366px -31px; }
#page #left ul.tabs a.w2.current { background-position: -366px -62px; }

/* width 3 */
#page #left ul.tabs a.w3 { background-position: -193px -0px; width:174px; }
#page #left ul.tabs a.w3:hover { background-position: -193px -31px; }
#page #left ul.tabs a.w3.current { background-position: -193px -62px; }
/* width 4 */
#page #left ul.tabs a.w4 { background-position: -0px -0px; width:194px; }
#page #left ul.tabs a.w4:hover { background-position: -0px -31px; }
#page #left ul.tabs a.w4.current { background-position: -0px -62px; }

/* initially all panes are hidden */
#page #left div.panes div.pane {
 display:none;
}
#page #left a.click {
 cursor: hand; cursor: pointer;
}
#page #left .panes button {
 font: normal 8pt Tahoma;
}
/*****конець закладок для графиков*****/
#page #left #box_left_1{
 padding: 10px;
 background-color: #e9e9e9;
}
/* Правое меню */
#right div.right_menu {
 margin: 4px 0;
}
#AnalyticsStartPage {
 position: relative;
 top: 0; left: 0;
 cursor: hand; cursor: pointer;
 margin: 0; padding: 5px 0;
 border-bottom: 1px dotted #888;
 overflow: hidden;
}
#AnalyticsStartPage:hover {
 background-color: #d4d4d4;
}
#AnalyticsStartPage span.dataReleased {
 position: absolute;
 top: 5px; left: 5px;
 color: #c00008;
}
#AnalyticsStartPage a.title {
 color: #0A0A0A;
 text-align: justify;
 margin-left: 90px;
 display: block;
}
#dim{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  background: url('/image_template/dim.png');
  display:none;
  text-align:left;
  height: 100% }
.msgbox
{
  position:fixed; ;
  width:550px;
  height:225px;
  z-index:200;
  border:0px solid #222;
  background: url('/image_template/web-trader-bg.png');
  top: 400px;
  left: 45%;
  margin-top: -100px;
  margin-left: -150px;
  }
.msgbox h1
{
  font-size: 2em;
 margin: 20px 0 0 0;
}
.msgbox table
{
margin: 20px;
}
.msgbox p {
margin: 5px 20px 0 20px;
}
.msgbox img {border:none; margin:5px;}
.close{ top:0px; float:right; margin: 5px; }

#xtbtradermobile {
background: url(/repository/layout/img/1.png) 0 0 no-repeat;
width: 208px;
height: 100px;
margin: 10px 0;
}
#redbuttons2 div {
margin-left: 85px;
padding-top: 55px;}
#redbuttons2 a {
display: block;
float: left;
margin-right: 5px;
background: url(/repository/layout/img/pb2.png) 0 0 no-repeat;
height: 30px;
width: 55px;
color: white;
font-weight: bold;
padding: 3px 0 3px 0;
text-align: center;
font-size: 11px;
}
#redbuttons2 a:hover {
background-position: 0px -37px;
color: rgb(76, 76, 76);
 }