@charset "utf-8";
/* ------------------ import admn.css ------------------ */
@import url("admin.css");
/* main color:
fiolet #622e8a
siniy #1999b9
*/
/* ---------- base styles ------------- */
* {padding:0; margin: 0;}
body {
	text-align: center;
	background-color: #fff;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
}
a img {border: none;}
a {color: #333333;}
a:hover {text-decoration:none;}
table {width:100%; border:0;}
td {vertical-align:top;}
.text {display:inline; width: 15px;}
.bid_ask {color:#1999b9; font-size:12px;}
.bid_ask span{font-size: 10px; vertical-align: super; color: #000000;}
.normal {font-size:12px; color:#666666; font-weight: normal;}
.clear {clear: both;}
.out {float: right; font-size:1.2em; padding-right: 200px;}
.in {float: left; font-size: 1.2em; padding-left: 200px;}
#d_wrapper {
	position:relative;
	width: 800px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#d_clear {clear:both;}

/* ------------------------- header styles ----------------------------- */
#d_header {
	position: relative;
	height: 147px;
	margin-bottom:20px;
}
#d_logo {
	background: url(../_images/logo.png) no-repeat;
	position: absolute;
	left: 4px;
	top: 4px;
	height: 98px;
	width: 168px;
	text-indent: -9999px;
	outline:none;
}
/*Новогодее лого*/
#d_logo {background: url(../_images/logo_ne.png) no-repeat; height: 98px; width: 171px;}

/* ==================== style for main navigation =====================*/
#d_header ul#d_mainNav {
	margin: 0;
	padding-left: 18px;
	padding-bottom: 5px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 782px;
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
}
#d_header ul#d_mainNav li {float: left;}
#d_header ul#d_mainNav li a {
	text-decoration: none;
	padding: 0px 15px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	font-size: 14px;
	line-height: 24px;
	margin-right: 8px;
	color: #999999;
}
#d_header ul#d_mainNav li a span {
	display: block;
	float: left;
	padding-right: 15px;
	height:24px;
}
#d_header ul#d_mainNav li a:hover, #d_header ul#d_mainNav li a.active {
 	color: #FFFFFF;
	background: url(../_images/blue.png) no-repeat top right;
}

#d_header ul#d_mainNav li a:hover span, #d_header ul#d_mainNav li a.active span {
	background: url(../_images/blue.png) no-repeat top left;
}

/*======================= slyle for sidebar ====================== */
#d_sidebar {
	width: 196px;
	float: right;
	margin-right:10px;
}
#d_sidebar table.ratetab {table-layout:fixed;}
#d_sidebar table.ratetab th {
	width:20%;
	font-weight:normal;
	text-align:center;
	border-bottom: dotted 1px #622e8a;
}
#d_sidebar table.ratetab td {
	width: 38%;
	height:20px;
	text-align: right;
	padding-right: 1%;
	border-bottom: dotted 1px #622e8a;
}
#d_sidebar .sb_block {margin-bottom:16px;}
#d_sidebar .aff a {color:#1999b9;}
#d_sidebar .sb_block ul {
	font-size: 12px;
	list-style:none;
}
#d_sidebar .sb_block ul li {
	line-height: 1.5;
}
#d_sidebar .sb_block ul#newsbar em {
	font-size: 0.8em;
	font-style: normal;
	color: #666666;	
}
#d_sidebar .block_ttl {
	background: url(../_images/block_title_bg.png) no-repeat;
	width: 174px;
	height: 44px;
	padding: 19px 11px 10px 11px;
	color:#fff;
}

/*=========================== contact section =============================== */
.contact {list-style-type: none;}
.contact li {
	height:20px;
	padding-left:25px;
	margin: 0px;
}
.contact .d_ks {
	background-image: url(../_images/kyivstar.gif);
	background-repeat: no-repeat;
}
.contact .d_mts {
	background-image: url(../_images/mts.gif);
	background-repeat: no-repeat;
}
.contact .d_life {
	background-image: url(../_images/life.gif);
	background-repeat: no-repeat;
}
.contact .d_icq {
	background-image: url(../_images/icq.gif);
	background-repeat: no-repeat;
}
.contact .d_skype {
	background-image: url(../_images/skype.gif);
	background-repeat: no-repeat;
}

/*======================= main content section style goes here =========== */
#d_main {margin-right: 226px; padding-left: 10px;}

/*======================= footer style goes here ========================= */
#d_footer {
	width: 800px;
	clear: both;
	margin-top: 16px;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}
#d_footer p {
	font-size: .8em;
	float: left;
	line-height: 31px;
	padding: 0 2em;
}
/* ===================== style for input/output fields on index page ========================= */

#d_input_fld {
	background:url(../_images/input_fldbg.png) no-repeat;
	width: 564px;
	height: 224px;
	margin-bottom:20px;
}
#d_output_fld {
	background:url(../_images/output_fldbg.png) no-repeat;
	width: 564px;
	height: 224px;
	margin-bottom:20px;
}
#d_input_fld table, #d_output_fld table {
	margin: 40px 0 0 auto;
	padding: 0px;
	width: auto;
}
#d_input_fld table td, #d_output_fld table td {vertical-align: middle;}
#d_input_fld table td.bold, #d_output_fld table td.bold {
	font-size: 1.4em;
	padding: 5px 0;
	font-weight:normal;
}
#d_input_fld table td.rezerv, #d_output_fld table td.rezerv {
	font-size: 12px;
	color:#666666;
	font-weight: normal;
	width: 18ex;
}
#d_input_fld table td.d_info, #d_output_fld table td.d_info {
	text-align:right;
	height:16px;
	padding-right: 5px;
	font-family: "Courier New", Courier, monospace;
}
#d_input_fld table em, #d_output_fld table em {font-style:normal;}
#dropdown_bid, #dropdown_ask {
	width: 6em;
	margin: 0 1em;
	font-size:1.2em;
	padding:0;
	font-family:Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-weight:normal;
}
#input_bid, #input_ask {
	width: 12ex;
	text-align: right;
	padding-right: 23px;
	font-size:1.2em;
	font-family:Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-weight:normal;

}
#d_input_fld p, #d_output_fld p {text-align: center; margin-top: 1em;}

/* ===================== done sections =================================== */
#done h1, #done h2 {font-weight: normal; margin-bottom: 1em;}
#done ul {list-style:none; margin-top:2em;}
#done ul li{line-height:1.5;}
#done ul a, #done p a {text-decoration:underline; color:#999999;}
#done ul a:hover, #done p a:hover {text-decoration:none; color:#000000;}
#donecont {margin-top:1em;}
#d_order {list-style-type: circle; padding-left:20px;}
div#make_order_in h1 {margin-bottom: 1em; font-weight: normal;}
div#make_order_in h1 span {color: #999999; font-size:70%;}

/* ================== style for make order form ========================== */

#clickme {
	border-bottom: 1px dashed;
	display:inline-block;
	cursor:pointer;
	margin-bottom:1em;
	color: #999999;
}
#clickme:hover {border-bottom-color:#FFFFFF;}
/*.info_wmout {display:none;}*/
.info_wmout {display:none; margin-bottom:2em; color: #999999;}
.info_wmout a {text-decoration:underline; color: #999999;}
.info_wmout a:hover {text-decoration:none;}
.info_wmout h4 {margin: 1em 0 1em 0;}

div#make_order_in table.makeform {width: auto; margin: 0 0 0 auto;}
div#make_order_in table.makeform a {text-decoration:underline;}
div#make_order_in table.makeform a:hover {text-decoration:none;}
div#make_order_in table.makeform tr td {padding-bottom: .4em;}
div#make_order_in table.makeform tr th {text-align: right; padding-right: 1em; vertical-align: top;}
div#make_order_in table.makeform td.dopinfo, 
div#make_order_in table.makeform td span.accessible, 
span#withFee {font-size: 12px; color: #999999;}

div#make_order_in table.makeform label.error {font-size: 12px; color: #999999;}
div#make_order_in table.makeform em {color: #ff0000; font-style: normal; font-weight: normal;}
div#make_order_in table.makeform input {width: 200px; text-align: left; padding:2px;}
div#make_order_in table.makeform input.radio {width: auto; margin-bottom: .2em;}
div#make_order_in table.makeform input#agree {width: auto;}
div#make_order_in table.makeform input#captcha {width: 146px; margin-top: 2px;}
div#make_order_in table.makeform input#submit {text-align: center; padding:5px 10px; width:auto;}

/* =============================== how to ... arrows ==================================*/
#d_main p.about {text-align: justify; text-indent:2em;}
#d_main p.about a {text-decoration:underline;}
#d_main ol.howto {
	margin: 1em 0px;
	padding: 0px;
	width:100%;
	height: 55px;
	float:left;
	list-style-type: none;
}
#howtoin {background: url(../../media/_images/howtobg.png) no-repeat;}
#howtoout {background: url(../../media/_images/howtobg.png) no-repeat left bottom;}
ol.howto li.firststep {width:115px; padding: 2px 10px 0 29px; margin:0;}
ol.howto li {
	float: left;
	width: 150px;
	padding: 2px 15px 0 38px;
	margin: 0;
}
ol.howto li a {text-decoration:underline;}
ol.howto li a:hover {text-decoration: none;}

/* =========================== new fee's tables style ==================== */
#d_main #all_fees table {width:98%;}
#d_main #all_fees th, #d_main #all_fees td {text-align: center; padding:.25em;}
#d_main #all_fees th {background: #622E8A; color: #FFFFFF; font-weight: normal;}
#d_main #all_fees th.colfeewidth {width: 35%;}
#d_main #all_fees td {border-bottom: 1px dashed #999999;}
#d_main #all_fees tr:hover {color: #666666; background: #CCCCCC;}
#d_main #all_fees caption {
	padding:2em 0px 1em 2em;
	text-align:left;
	font-size: 1.2em;
	font-weight: bold;
	color: #622E8A;
	letter-spacing: 0.1em;
}
#d_main #all_fees h4 {
	font-weight: normal;
	text-align: center;
	font-size: 1.2em;
}
#d_main #all_fees p {text-align: left;}

/*===================== rules page style ============================*/
#rules p span {color: #999999; font-size: 80%;}
#rules h3 {margin-bottom: 1em;}
#rules p {margin-bottom: 1em;}
#rules ul {list-style: none; margin-bottom: 0.8em; padding-left: 2em;}

/*===================== faq page style ============================*/
#faq ol.faq_short {padding: 0px 0px 0px 3em; color: #666666;}
#faq ol.faq_short a {color: #666666; line-height: 1.2em;}
#faq ol.faq_long {padding-left: 3em;}
#faq ol.faq_long a {text-decoration:underline;}
#faq ol.faq_long a:hover {text-decoration:none;}
#faq ol.faq_long h3 {
	margin-top: 2em;
	margin-bottom: 1ex;
	font-weight: bold;
}
#faq ol.faq_long p {
	padding-left: 1em;
	text-align: justify;
}
/*=========================== feedback form style ============================*/
#fbmail table {
	width: auto;
	margin: 0 auto;
}
#fbmail p {margin-bottom:1em;}
#fbmail h1 {
	margin-bottom: 1.5em;
	font-size: 1.4em;
	font-weight:normal;
}
#fbmail h2 {
	margin-bottom: 1.3em;
	font-size: 1.2em;
	font-weight:normal;
}

#fbmail table input {
	width: 250px;
	padding:5px;
}
#fbmail #text {
	height: 100px;
	width: 250px;
	padding:5px;
}
#fbmail table th {
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}
#fbmail table td, #fbmail table th {padding-top: 0.5em;}
#fbmail #captcha {width: 136px; margin-top: 0.2em;}
#fbmail #submit {width: 150px;}

/*=========================== otzuv form style ============================*/
#otzuv div.messege {margin-bottom: 2em;}
#otzuv p.date {
	font-size: 0.8em;
	color: #999999;
	text-align:right;
}
#otzuv table {
	width: auto;
	margin: 0 auto;
}
#otzuv h1 {
	margin-bottom: 2em;
	font-size: 1.5em;
	text-align:center;
	font-weight:normal;
}
#otzuv table input {width: 250px;}
#otzuv #text {width: 250px;}
#otzuv table th {
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}
#otzuv table td, #otzuv table th {padding-top: 0.5em;}
#otzuv #captcha {width: 146px; margin-top: 0.2em;}
#otzuv #submit {width: 150px;}
/*=========================== style for news wall ============================*/
div.news {margin-bottom:2em;}
div.news img.mini_img {
	width:64px;
	height:64px;
	margin: 0 1em 1em 0;
	border: 1px solid #aaa;
}
div.news h2 {font-weight:normal;}
div.news p, div.news h2 {margin-bottom:.5em; text-align:justify;}
div.news p.date {
	text-align: right;
	padding-right:2em;
	color: #999999;
}
/*=========================== order viem style for client ============================*/
#orderview {
	font-family:"Courier New", Courier, monospace;
	font-size: 1em;
}
#orderview table {
	width: auto;
	margin: 0 auto;
}
#orderview h1 {
	margin-bottom: 1em;
	text-align:center;
	font-weight:normal;
	font-size:1.2em;
}
#orderview table th {
	text-align: left;
	vertical-align: top;
	padding-right: 1em;
}
#orderview table td, #orderview table th {padding-top: 0.5em;}
.twitter {
	display:block;
	position:absolute;
	right:0;
	bottom:5px;
}

.action {
	margin-bottom:20px;
	text-align:center;
	padding:10px;
	border:1px dashed #FF0000;
}

#col div.news a {text-decoration:underline;}
#col div.news a:hover {text-decoration: none;}