* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
  border-top: 3px solid #1A3C64;
  background: url(i/top-bg.gif) 0 3px repeat-x;
}
a {
	color: #0772A9;
	outline: none;
}
a:hover {
	color: #9B093B;
}
p {margin: 0 0 18px}
img {border: none}
input {vertical-align: middle}
blockquote {
	margin: 0 0 18px 20px;
	padding: 1px 12px;
	background: #F4F4F4;
	border-left: 3px solid #E5E5E5;
}
blockquote p {
	padding: 8px 0;
	margin: 0;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
.big {
  font-size: 14px;
}
.brown {
	color: #9B093B;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {float: left}
img.alignleft {margin: 5px 10px 5px 0}
.alignright {float: right}
img.alignright {margin: 5px 0 5px 10px}

#wrapper {
	width: 100%;
	width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
	min-width: 1000px;
  background: url(i/shadow-left.gif) repeat-y;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	position: relative;
  background: url(i/header-bg.gif) repeat-x;
	margin: 0 27px 0 0;
}
#hl {
	height: 134px;
  background: url(i/header.jpg) no-repeat;
}
#hr {
	height: 134px;
  background: url(i/header-right.gif) 100% 100% no-repeat;
}

#logo {
	position: absolute;
	top: 5px;
	left: 48px;
	width: 225px;
	padding: 41px 0 10px 150px;
	font-size: 11px;
  font-weight: normal;
	text-decoration: none;
	color: #DADEFF;
}
#logo span {
	display: block;
  text-indent: -9999px;
}

#topNav {
	position: absolute;
	top: 37px;
	right: 47px;
	list-style: none;
  font-weight: bold;
	color: #FFF;
}
* html #topNav {
	right: 74px;
}
#topNav li {
	float: left;
  margin-left: 20px;
}
#topNav a {
	float: left;
	color: #B8E2FE;
}
#topNav a:hover {
	color: #FFF;
}
#feedback {
  background: url(i/feedback.gif) 0 4px no-repeat;
	padding: 0 0 0 24px;
}
#rus {
  background: url(i/rus.gif) 0 3px no-repeat;
	padding: 0 0 0 25px;
}
#eng {
  background: url(i/eng.gif) 0 3px no-repeat;
	padding: 0 0 0 25px;
}

#search {
	width: 100%;
	overflow: hidden;
}
#search input {
	font: 11px Arial, Tahoma;
	float: left;
}
.search {
	width: 140px;
	padding: 0 4px;
	border: 1px solid #4878A2;
}
.go {
	cursor: pointer;
	border: none;
	width: 16px;
	height: 16px;
	background: url(i/go.gif) no-repeat;
	margin: 0 0 0 3px;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
  background: url(i/shadow-right.gif) 100% 0 repeat-y;
}
* html #middle {height: 1%;}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
	margin: -23px 0 0;
	position: relative;
}
#content {
	padding: 12px 46px 0 298px;
}

#content h2 {
	font: 18px/1 Arial, Tahoma;
	margin: 0 0 25px;
}
#content h3 {
	font: bold 14px/18px Arial, Tahoma;
	color: #004B8A;
	margin: 25px 0 -6px;
	padding: 0 0 32px;
  background: url(i/separator.gif) 0 100% no-repeat;
}

#content ol {
	margin: 0 0 18px 30px;
}
#content ul, #content li ul, #content li ol {
	margin: 0;
	position: relative;
}
#content li li {
	padding-left: 23px;
}
#content ol li {
	padding: 0 0 18px;
}
#content ul li {
	padding: 0 0 18px 38px;
  background: url(i/bullet.gif) 20px 5px no-repeat;
	list-style: none;
}
#content ul.small li {
  font-size: 11px;
}

.block {
  background: #E9EDF0;
	margin: 2px 0 20px;
	height: 1%;
}
.block_left {
  background: #E9EDF0;
	margin: 10px 5px 5px;
	height: 1%;
}
.block_left .t {background: url(i/block-t.gif) repeat-x}
.block_left .r {background: url(i/block-r.gif) 100% 0 repeat-y}
.block_left .b {background: url(i/block-b.gif) 0 100% repeat-x}
.block_left .l {background: url(i/block-l.gif) repeat-y}
.block_left .tl {background: url(i/block-tl.gif) no-repeat}
.block_left .tr {background: url(i/block-tr.gif) 100% 0 no-repeat}
.block_left .bl {background: url(i/block-bl.gif) 0 100% no-repeat;}
.block_left .br {
  background: url(i/block-br.gif) 100% 100% no-repeat;
	padding: 20px;
}
#content .block li {
  font-size: 11px;
	padding: 0 0 18px 23px;
  background: url(i/bullet.gif) 0 5px no-repeat;
}
.block .t {background: url(i/block-t.gif) repeat-x}
.block .r {background: url(i/block-r.gif) 100% 0 repeat-y}
.block .b {background: url(i/block-b.gif) 0 100% repeat-x}
.block .l {background: url(i/block-l.gif) repeat-y}
.block .tl {background: url(i/block-tl.gif) no-repeat}
.block .tr {background: url(i/block-tr.gif) 100% 0 no-repeat}
.block .bl {background: url(i/block-bl.gif) 0 100% no-repeat;}
.block .br {
  background: url(i/block-br.gif) 100% 100% no-repeat;
	padding: 20px;
}

.navigation {
	height: 22px;
	overflow: hidden;
	margin: 30px 0 20px;
  background: url(i/separator.gif) no-repeat;
	padding: 11px 0 0;
}
.navigation a,
.navigation span.prev,
.navigation span.next {
	width: 134px;
	height: 22px;
	line-height: 22px;
  background: #E3EAF1 url(i/navigation.gif) no-repeat;
  text-align: center;
  text-decoration: none;
	color: #000;
  font-size: 11px;
}
* html .navigation a,
* html .navigation span.prev,
* html .navigation span.next {
	line-height: 19px;
}
*+html .navigation a,
*+html .navigation span.prev,
*+html .navigation span.next {
	line-height: 19px;
}
.navigation .prev {
	float: left;
}
.navigation .next {
	float: right;
}
.navigation a:hover {
	color: #9B093B;
}
.navigation a span,
.navigation span span {
  font: bold 14px/1 Tahoma, Arial;
	position: relative;
	top: 1px;
}
.navigation span.prev,
.navigation span.next {
  background: #EBEBEB url(i/navigation.gif) 0 100% no-repeat;
}

form .row {
	padding: 0 0 17px;
	overflow: hidden;
}
.row label {
	float: left;
	padding: 3px 9px 0 0;
  line-height: 14px;
}
.row label span {
  font-size: 11px;
}
#reg .row label {
	width: 146px;
}
#reg2 .row label {
	width: 248px;
}
.inputText,
.inputFile {
	font: 12px Arial, Tahoma;
	padding: 3px 5px;
	width: 248px;
  border: 1px solid #A4B0C4;
	border-bottom-color: #C7D3DF;
	border-right-color: #C7D3DF;
}
* html .inputText,
* html .inputFile,
* html .row select {
  margin-left: -3px;
}
.inputFile {
	width: 258px;
}
#reg .go,
#reg2 .go {
	width: 164px;
	height: 22px;
  background: #E4EBF2 url(/i/submit.gif) no-repeat;
	font: bold 11px Arial, Tahoma;
  margin: 0 0 0 0px;
}
#reg2 .go {
  margin: 0 0 0 257px;
}
.row select {
	font: 12px Arial, Tahoma;
  border: 1px solid #A4B0C4;
	border-bottom-color: #C7D3DF;
	border-right-color: #C7D3DF;
}

#iframe {
	width: 100%;
}
#iframe iframe {
        width: 700px;
  height: 500px;
  border: none;
        overflow: hidden;
}


.wrap {
	width: 100%;
	overflow: hidden;
	margin: 45px 0 0;
}
.wrap .column {
	float: left;
	width: 49%;
	padding: 0 1% 0 0;
}
* html .wrap .column {width: 48.9%}
*+html .wrap .column {width: 48.9%}
.small {
  font-size: 11px;
}
.more {
  background: url(i/bullet.gif) 0 4px no-repeat;
	padding: 0 0 0 14px;
  font-size: 11px;
}

.download {
  font-size: 14px;
  font-weight: bold;
	height: 41px;
	margin: 30px 0 45px;
}
.download a {
	color: #073358;
	padding: 13px 0 11px 39px;
  background: url(i/download.gif) no-repeat;
}
.download a:hover {
	color: #9B093B;
}


/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 230px;
	margin: -23px 0 0 -100%;
	position: relative;
	padding: 0 0 0 28px;
}

#nav {
	margin: 0 0 20px;
}
#nav li {
	list-style: none;
  font-weight: bold;
	min-height: 43px;
	height: auto !important;
	height: 43px;
	line-height: 43px;
  background: url(i/nav-bg.gif) no-repeat;
}
#nav li.current {
	background-position: 100% 0;
}
#nav a {
	color: #073358;
  text-decoration: none;
	padding: 0 0 0 46px;
	display: block;
	height: 43px;
  background: url(i/nav.gif) no-repeat;
}
#nav a:hover,
#nav li.sub li a:hover {
	color: #9B093B;
  text-decoration: underline;
}
#nav li.current a,
#nav li.sub a {
	color: #9B093B;
}
#n1 a {background-position: 0 0}
#n2 a {background-position: 0 -43px}
#n3 a {background-position: 0 -86px}
#n4 a {background-position: 0 -129px}
#n5 a {background-position: 0 -172px}
#n6 a {background-position: 0 -215px}
#n7 a {background-position: 0 -258px}
#n8 a {background-position: 0 -301px}
#nav li li {
  line-height: 14px;
  font-size: 11px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	padding: 9px 0 9px 31px;
  background: url(i/nav-bg.gif) 0 100% no-repeat;
}
#nav li.lev2 a {
  background: url(i/bullet4.gif) 32px 19px no-repeat;
}
#nav li.active a {
  background: url(i/bullet5.gif) 32px 20px no-repeat;
}
#nav li li a,
#nav li.sub li a,
#nav li.lev2 li a {
  background: url(i/bullet2.gif) no-repeat;
	padding: 0 0 0 33px;
	color: #000;
	min-height: 15px;
	height: auto !important;
	height: 15px;
}
#nav li.sub li a:hover {
  text-decoration: none;
}
#nav li li.cur a {
	color: #9B093B;
}
#nav li li.cur li a {
	color: #000;
}
#nav ul ul {
	margin: 9px 0 -9px -31px;
  background: url(i/nav-bg.gif) 0 -41px no-repeat;
	padding: 2px 0 0;
}
#nav ul ul li {
	padding: 9px 0 9px 67px;
}
#nav ul ul li a,
#nav li.sub li li a,
#nav li.lev2 li li a {
  background: url(i/bullet3.gif) 0 4px no-repeat;
	padding: 0 0 0 9px;
  font-weight: normal;
}

#fxmail {
  border: 1px solid #C0C0C0;
	margin: 0 0 20px 8px;
	padding: 1px 1px 10px;
  text-align: center;
  line-height: 14px;
}
#fxmail .caption {
	height: 25px;
	padding: 5px 0 0;
  background: #EEE;
	margin: 0 0 7px;
}
#fxmail a {
	color: #34679A;
	font-size: 11px;
}
#fxmail a:hover {
	color: #9B093B;
}
#fxmail .mail {
	font: 12px Arial, Tahoma;
  border: 1px solid #C0C0C0;
	padding: 2px 5px;
	margin: 9px 0 0;
	width: 130px;
}
#fxmail .go {
	cursor: pointer;
	font: 12px Arial, Tahoma;
  border: 1px solid #C0C0C0;
	background: #EEE;
	font: 10px Arial, Tahoma;
	width: 30px;
	height: 21px;
	margin: 9px 0 0 1px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
  background: #3D6890 url(i/footer-bg.gif) repeat-x;
	color: #FFF;
}
#fl {
  background: url(i/footer-left.gif) no-repeat;
	position: relative;
}
#fr {
	background: url(i/footer-right.gif) 100% 0 no-repeat;
	padding: 56px 0 17px;
	text-align: center;
	font-size: 11px;
}
#wm_counters {
	position: absolute;
	bottom: 10px;
	right: 30px;
}
#counters {
	position: absolute;
	top: 50px;
	right: 69px;
}
#counters img {
  float: left;
  margin-left: 14px;
}

#usermenu {
	width: 900px;
	height:2.8em; 
	color: #000;
}
#usermenu #current {
	float:left; 
	color: #555;
	background-color: #e8e8e8; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px 18px; 
	margin-right: 2px;  
}
#usermenu a {
	text-decoration: none;
	display:block; 
	float:left; 
	color: #003388;
	background-color: #f5f5f5;
	text-align:center; 
	padding: 5px 12px; 
	margin-right: 2px; 
}
#usermenu a:hover {
	text-decoration: none;
	color: #333;	
	background-color: #fff;
}
#usermenu #balance {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	float:right; 
	color: #000000;
	padding: 7px 18px; 
	margin-right: 2px;  
}

.section-half {
	margin: 0 0 32px;
	width: 463px;
}
.section-half.left {
	float: left;
	clear: both;
}
.section-half.right {
	float: right;
}

textarea#my_feedback {
	width: 400px;
	height: 150px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-position: bottom right;
	background-repeat: no-repeat;
}
textarea#my_support {
	width: 500px;
	height: 140px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.hidden {display:none;}
.visible {display:;}


.table {
	margin: -17px -23px -12px;
	overflow: hidden;
}
.table table {
	width: 741px;
	border-collapse: collapse;
	margin: 0 -1px;
}
.table th {
	background: url(/i/caption3.gif) repeat-x;
	text-align: left;
	border-bottom: 1px solid #DFDFDF;
}
.table th.center {
	text-align: center;
}
.table th div {
	border: 1px solid #FFF;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 25px;
}
.table th.center div {
	padding: 0;
}
.table td {
	background: #FFF;
	font-size: 14px;
}
.table tr.even td {
	background: #F0F0F0;
}
.table td div {
	border: 1px solid #FFF;
	border-width: 0 1px;
	padding: 8px 8px 8px 25px;
}
.table th.br,
.table td.br {
	border-right: 1px solid #DFDFDF;
}
.section {
	background: url(/i/section-bg.gif) repeat-y;
	margin: 0 0 32px;
}
.st {
	background: url(/i/section-top.gif) no-repeat;
}
.sb {
	background: url(/i/section-bottom.gif) 0 100% no-repeat;
	padding: 22px 29px 18px 29px;
	overflow: hidden;
	height: 1%;
}
.section2 {
	background: url(/i/section-bg.gif) repeat-y;
	margin: 0 0 16px;
}
.section2 .st {
	background: url(/i/section-top2.gif) no-repeat;
}
.section2 h3 {
	font-size: 16px;
	background: url(/i/caption.gif) 0 100% no-repeat;
	padding: 0 0 35px 23px;
	margin: 0 0 0 -23px;
	color: #DF0008;
}
.section3,
.section4 {
	background: url(/i/section-bg.gif) repeat-y;
	margin: 0 0 45px;
}
.section3 .st {
	background: url(/i/section-top3.gif) no-repeat;
}
.section3 .sb {
	padding: 30px 29px 10px 29px;
}
.section4 .st {
	background: url(/i/section-top4.gif) no-repeat;
}
.section5 {
	background: url(/i/section-bg5.gif) repeat-y;
	margin: 0 0 45px;
	width: 656px;
}
.section5 .st {
	background: url(/i/section-top5.gif) no-repeat;
}
.section5 .sb {
	background: url(/i/section-bottom5.gif) 0 100% no-repeat;
}
#support .row {
	margin: 0 0 12px;
}

#simplemodal-overlay {
        background-color:#000; /* Тут выбираем цвет затемнения */
        cursor:wait; /* Курсор при наведении на затемненную область */
        filter: alpha(opacity=80); /* Интенсивность затемнения */
        height: 100%;
}
#simplemodal-container {
        height:auto;  /* Для растягивания по высоте */
        width:800px;
        background-color:#fff;
        border:3px solid #ccc;
        padding: 10px;
}
a.modalCloseImg {
        background:url(/i/x.png) no-repeat;
        width:25px; /* Положение отличается от тех, что в примере. Мне кажется так удобнее */
        height:29px;
        display:inline;
        z-index:3200;
        position:absolute;
        top:0px;
        right:0px;
        cursor:pointer;
}
#modal_window ul, #content li ul {
	margin: 0;
	position: relative;
}
#modal_window li li {
	padding-left: 23px;
}
#modal_window ul li {
	padding: 0 0 18px 38px;
  	background: url(i/bullet.gif) 20px 5px no-repeat;
	list-style: none;
}
#modal_window ul.small li {
	font-size: 11px;
}
