@charset "windows-1251";
/* CSS Document */

* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

html, body { height: 100%; margin: 0}


/* Сайт фиксированной ширины */

.main-width {
	WIDTH: 100%; MAX-WIDTH: 1000px
}
#side-box {
	WIDTH: 200px; MIN-WIDTH: 200px
}
.head-row2 {
	WIDTH: 1000px
}

UL.horizon-links {
    PADDING-LEFT: 203px
}

.body-width {
	WIDTH: 570px
}

#header-height {
	HEIGHT: 233px
}

#header {
	POSITION: relative; MARGIN: 0px auto; HEIGHT: 233px
}




BODY {
	FONT-FAMILY: "Trebuchet MS", Tahoma, Verdana; BACKGROUND: #e5ead8 repeat-x 50% top; COLOR: #000; FONT-SIZE: 14px
}

A {
	text-decoration:underline; COLOR: #060;
}
A:hover {
	text-decoration:none; COLOR: #b2b1b1;
}


H1 {
    font-weight:bold; font-size: 15px
}
H2 {
    font-weight:bold; font-size: 14px
}

H3 {
	font-weight:bold; font-size: 16px
}
H4 {
	font-weight:bold; font-size: 17px; color:#060; HEIGHT: 28px
}

p {
	font-weight:normal; font-size: 14px
}

.p-small {
	font-size: 12px;
}
.p-small-green {
	font-size: 12px; color:#060
}


#wide-header {
	POSITION: relative; WIDTH: 100%; BACKGROUND: url('../image/header-bg.gif') #598814 repeat-x top; HEIGHT: 233px
}



.head-row0 {
	MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 35px;
}

.head-row1 {
	MARGIN: 0px auto; WIDTH: 540px; HEIGHT: 150px
}
.head-row1 .col1 {
	WIDTH: 340px; HEIGHT: 131px; MARGIN-TOP: 10px; FLOAT: left; BACKGROUND: url('../image/logo.png') no-repeat left top
}
.head-row1 .col2 {
	WIDTH: 200px; HEIGHT: 146px; MARGIN-TOP: 0px; FLOAT: right
}

.head-row2 {
	HEIGHT: 48px; OVERFLOW: hidden; FLOAT: left
}


UL.vertical-links {
    PADDING-LEFT: 0px; PADDING-TOP: 10px; TEXT-ALIGN: left; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
UL.vertical-links LI {
	PADDING-BOTTOM: 4px
}
UL.vertical-links LI A {
	TEXT-TRANSFORM: normal; COLOR: #fff605; TEXT-DECORATION: underline
}
UL.vertical-links LI A:hover {
	COLOR: #d4cd19; TEXT-DECORATION: none
}
UL.vertical-links LI.active-link A {
	COLOR: #2c2214; TEXT-DECORATION: none
}
UL.vertical-links LI.active-link A:hover {
	COLOR: #555655; TEXT-DECORATION: underline
}


UL.horizon-links {
    TEXT-ALIGN: center; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
UL.horizon-links LI {
	FLOAT: left
}
UL.horizon-links LI A {
	TEXT-TRANSFORM: normal; DISPLAY: block; COLOR: #fff; TEXT-DECORATION: underline; PADDING-BOTTOM: 10px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 16px
}
UL.horizon-links LI A:hover {
	COLOR: #cccdca; TEXT-DECORATION: none
}

UL.horizon-links LI.active-link SPAN {
	HEIGHT: 48px; DISPLAY: block; BACKGROUND: url('../image/vmenu_left_corner.png') no-repeat left bottom
}
UL.horizon-links LI.active-link SPAN SPAN {
	HEIGHT: 48px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 12px; DISPLAY: block; BACKGROUND: url('../image/vmenu_center.png') repeat-x bottom
}
UL.horizon-links LI.active-link {
	HEIGHT: 48px; DISPLAY: block; BACKGROUND: url('../image/vmenu_right_corner.png') no-repeat right bottom
}
UL.horizon-links LI.active-link a {
    COLOR: #2c2214; TEXT-DECORATION: none
}
UL.horizon-links LI.active-link a:hover {
    COLOR: #555655; TEXT-DECORATION: underline
}




#wide-body {
	WIDTH: 100% 
}

#body {
	PADDING-TOP: 3px; PADDING-BOTTOM: 3px; POSITION: relative; MARGIN: 0px auto
}

#side-box {
	vertical-align:top
}
#side-box SPAN.header {
	HEIGHT: 43px; DISPLAY: block; BACKGROUND: url('../image/side-box-header-right-part.gif') no-repeat right top
}
#side-box SPAN.header SPAN {
	MARGIN-LEFT: 42px; MARGIN-RIGHT: 10px; HEIGHT: 43px; DISPLAY: block; BACKGROUND: url('../image/side-box-header-middle-part.gif') repeat-x top;
}
#side-box .header-style {
	PADDING-BOTTOM: 5px; line-height: 100%; vertical-align:middle; 
	COLOR: #fff; FONT-SIZE: 15px; FONT-WEIGHT: bold; TEXT-DECORATION: none; text-align:left;
}

#side-box DIV.body {
    OVERFLOW: hidden; DISPLAY: block; BACKGROUND: url('../image/side-box-body-left-part.gif') #fff no-repeat left bottom
}
#side-box SPAN.body {
	DISPLAY: block; BACKGROUND: url('../image/side-box-body-right-part.gif') no-repeat right bottom 
}

#side-box SPAN.body SPAN {
	PADDING-TOP: 2px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 12px; MARGIN-RIGHT: 10px; DISPLAY: block; BACKGROUND: url('../image/side-box-body-middle-part.gif') repeat-x bottom
}



#middle-box {
    PADDING-LEFT: 5px; PADDING-RIGHT: 4px; vertical-align:top
}
#middle-box .body-style {
	vertical-align:top; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;
	COLOR: #000; FONT-SIZE: 14px; TEXT-DECORATION: none; text-align:left;
}

#middle-box SPAN.body {
	DISPLAY: block; BACKGROUND: url('../image/box-body-left-bottom.gif') #fff no-repeat left bottom
}
#middle-box SPAN.body SPAN.right-bottom {
	DISPLAY: block; BACKGROUND: url('../image/box-body-right-bottom.gif') no-repeat right bottom
}
#middle-box SPAN.body SPAN.right-bottom SPAN.left-top {
	DISPLAY: block; BACKGROUND: url('../image/box-body-left-top.gif') no-repeat left top;
}
#middle-box SPAN.body SPAN.right-bottom SPAN.left-top SPAN.right-top {
	DISPLAY: block; BACKGROUND: url('../image/box-body-right-top.gif') no-repeat right top;
}


#wide-footer {
	WIDTH: 100%; HEIGHT:190px; BACKGROUND: url('../image/footer-bg.gif') #598814 repeat-x bottom;
}

.currency-image-big {
	MARGIN-LEFT: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 5px; WIDTH: 100px; HEIGHT: 46px
}
.currency-image-small {
	HEIGHT: 60px; FLOAT: left; vertical-align:middle; MARGIN-LEFT: 7px; MARGIN-RIGHT: 10px; WIDTH: 75px
}

.currency-text-style {
	FLOAT: left; font-weight:bold; font-size: 14px; MARGIN-LEFT: 14px; MARGIN-TOP: 17px 
}

.reserve-text-style {
	FLOAT: left; font-weight:bold; font-size: 9px; MARGIN-TOP: -2px; color:#060
}

/* Хаки для Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
html:root* .currency-text-style {
	MARGIN-TOP: 20px 
}
	.currency-text-style:not(:root:root){
	MARGIN-TOP: 20px 
}
html:root* .reserve-text-style {
	MARGIN-TOP: 0px 
}
	.reserve-text-style:not(:root:root){
	MARGIN-TOP: 0px 
}
}


#exchange-button-box {
	FLOAT: left; WIDTH: 100px; HEIGHT: 60px; MARGIN-LEFT: -9px; MARGIN-TOP: 1px
}


#from-input-box {
	FLOAT: left; HEIGHT: 60px; WIDTH: 122px; BACKGROUND: url('../image/from-input-box-right.gif') no-repeat right bottom
}
#from-input-box SPAN.left {
	HEIGHT: 60px; DISPLAY: block; BACKGROUND: url('../image/from-input-box-left.gif') no-repeat left bottom
}
#from-input-box SPAN.left SPAN.middle {
	HEIGHT: 60px; MARGIN-LEFT: 6px; MARGIN-RIGHT: 8px; DISPLAY: block; BACKGROUND: url('../image/from-input-box-middle.gif') repeat-x bottom
}
#from-input-box TABLE {
	MARGIN-LEFT: -1px; border: 0
}


#to-input-box {
	MARGIN-LEFT: 0px; FLOAT: left; HEIGHT: 60px; WIDTH: 145px; BACKGROUND: url('../image/to-input-box-right.gif') no-repeat right bottom
}
/* Хаки для Safari 3 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
html:root* #to-input-box {
	MARGIN-LEFT: -3px 
}
}
/* Хаки для Chrome (1) Safari (2) */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#to-input-box {
	MARGIN-LEFT: -3px 
}
	#to-input-box:not(:root:root){
	MARGIN-LEFT: -3px
}
}


#to-input-box SPAN.left {
	HEIGHT: 60px; DISPLAY: block; BACKGROUND: url('../image/to-input-box-left.gif') no-repeat left bottom
}
#to-input-box SPAN.left SPAN.middle {
	HEIGHT: 60px; MARGIN-LEFT: 9px; MARGIN-RIGHT: 27px; DISPLAY: block; BACKGROUND: url('../image/to-input-box-middle.gif') repeat-x bottom
}

#to-input-box TABLE {
	MARGIN-LEFT: 4px; border: 0;
}



BUTTON {
	HEIGHT: 28px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: normal; WIDTH: auto; FONT-FAMILY: Tahoma, Verdana, Arial; BACKGROUND: 0px 50%; FONT-SIZE: 13px; OVERFLOW: visible; BORDER-TOP: 0px; CURSOR: pointer; BORDER-RIGHT: 0px; PADDING-TOP: 1px
}
BUTTON.exchange SPAN {
	HEIGHT: 28px; DISPLAY: block; BACKGROUND: url('../image/buttons-left.png') no-repeat left top
}
BUTTON.exchange SPAN SPAN {
	HEIGHT: 28px; PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 25px; MARGIN-RIGHT: 3px; DISPLAY: block; BACKGROUND: url('../image/buttons-exchange.png') no-repeat right top; PADDING-TOP: 0px
}
BUTTON.exchange SPAN SPAN SPAN {
	HEIGHT: 28px; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: url('../image/buttons-bg.png') repeat-x left top; COLOR: #ffffff; FONT-WEIGHT: bold; PADDING-TOP: 3px
}


BUTTON.forward SPAN {
	HEIGHT: 28px; DISPLAY: block; BACKGROUND: url('../image/buttons-left.png') no-repeat left top
}
BUTTON.forward SPAN SPAN {
	HEIGHT: 28px; PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 25px; MARGIN-RIGHT: 3px; DISPLAY: block; BACKGROUND: url('../image/buttons-forward.png') no-repeat right top; PADDING-TOP: 0px
}
BUTTON.forward SPAN SPAN SPAN {
	HEIGHT: 28px; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: url('../image/buttons-bg.png') repeat-x left top; COLOR: #ffffff; FONT-WEIGHT: bold; PADDING-TOP: 3px
}


BUTTON.back SPAN {
	HEIGHT: 28px; DISPLAY: block; BACKGROUND: url('../image/buttons-back.png') no-repeat left top
}
BUTTON.back SPAN SPAN {
	HEIGHT: 28px; PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 15px; MARGIN-RIGHT: 3px; DISPLAY: block; BACKGROUND: url('../image/left-buttons-right.png') no-repeat right top; PADDING-TOP: 0px
}
BUTTON.back SPAN SPAN SPAN {
	HEIGHT: 28px; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: url('../image/buttons-bg.png') repeat-x left top; COLOR: #ffffff; FONT-WEIGHT: bold; PADDING-TOP: 3px
}


BUTTON.reset SPAN {
	HEIGHT: 28px; DISPLAY: block; BACKGROUND: url('../image/buttons-reset.png') no-repeat left top
}
BUTTON.reset SPAN SPAN {
	HEIGHT: 28px; PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 15px; MARGIN-RIGHT: 3px; DISPLAY: block; BACKGROUND: url('../image/left-orange-buttons-right.png') no-repeat right top; PADDING-TOP: 0px
}
BUTTON.reset SPAN SPAN SPAN {
	HEIGHT: 28px; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: url('../image/orange-buttons-bg.png') repeat-x left top; COLOR: #ffffff; FONT-WEIGHT: bold; PADDING-TOP: 3px
}


#hintbox { /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #f6f5f5;
COLOR: #333;
padding: 3px;
PADDING-LEFT: 4px;
PADDING-RIGHT: 4px;
line-height:18px;
font-weight: normal; 
font-size: 11px; 
z-index:100;
border: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
    FLOAT: left; MARGIN-LEFT: 6px; MARGIN-TOP: 2px; CURSOR: pointer
}



#exchange-form {
	
}
#exchange-form TABLE {
	WIDTH: 450px !important
}
#exchange-form .buttons-area {
	WIDTH: 550px !important
}
#exchange-form TD {
	HEIGHT: 34px; 
}
#exchange-form .hintanchor {
	MARGIN-TOP: 8px; float: left 
}
#exchange-form SPAN.text {
	float: left; display:block; MARGIN-TOP: 6px
}
#exchange-form .label-text-left {
	WIDTH: 180px; float: left
}
#exchange-form .label-text-right {
	WIDTH: 130px; MARGIN-TOP: 6px; float: left
}
#exchange-form DIV.digits {
	WIDTH: 114px; float: left
}

#exchange-form .label-details {
	WIDTH: 250px; float: left
}
#exchange-form DIV.details {
	WIDTH: 140px; float: left
}