/* commented backslash hides from ie5mac \*/
html {
	height: 100%;
	margin: 0;
	padding: 0;
}
/* end hack */
html, body {
	background-color: #ffffff;
	color: #444d54;
	font: 11px Tahoma, sans-serif;
	margin: 0;
	padding: 0;
}
body {
	background-color: #ffffff;
	height: 100%;
	min-width: 900px; /* for mozilla */
	text-align: left;
}
#wrapper {
	background-color: #dedede;
	_height: 100%; /* for ie */
	padding-bottom: 5px;
}
#wrapper a:hover {
	color: #444d54;
}
#outer {
	background-color: #f1f1f1;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	height: 99.9%;
	margin: auto;
	min-height: 100%;
	overflow: visible;
	position: relative;
	text-align: left;
	width: 900px;
}
/* mac hide \*/
* html #outer {
	width: 900px;
}
/* end hide */
html>body #outer {
	height: auto; /* for mozilla as ie treats height as min-height anyway */
}
#inner {
	padding-top: 305px; /* needed to make room for header */
	/* for ie hack */
	_padding-top: 0;
	_margin-top: 305px;
	/* end hack */
	width: 100%;
}

#header {
	background: url(img/wall.gif) repeat-x left bottom;
	height: 250px;
	left: 0;
	position: absolute;
	top: 0;
	width: 900px;
	z-index: 10;
}
/* mac hide \*/
* html #header {
	width: 900px;
}
/* end hide */
#panel {
	background-color: #cbd5dc;
	border-right: 4px solid #b3c1ca;
	font-size: 80%;
	height: 10px;
	left: 0;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 606px;
	z-index: 20;
}
#time-msk, #time-london, #time-ny, #time-tokyo, #cb-usd, #cb-eur {
	border-right: 1px dotted #909fa9;
	display: inline;
	margin-right: 10px;
	padding: 0 10px 0 5px;
}
#cb-usd {
	color: #3dad06;
}
#cb-eur {
	border: 0;
	color: #fd6500;
	margin: 0;
	padding-right: 0;
}
#logo {
	background: url(img/logo.gif) no-repeat left bottom;
	height: 105px;
	left: 70px;
	position: absolute;
	text-indent: -5000px;
	top: 60px;
	width: 120px;
	z-index: 30;
}
#door {
	background: url(img/door.png) no-repeat left bottom;
	height: 165px;
	left: 265px;
	position: absolute;
	top: 52px;
	width: 121px;
	z-index: 30;
}
#pointer {
	background: url(img/pointer.gif) no-repeat left top;
	color: #f1f1f1;
	font-size: 80%;
	height: 25px;
	left: 470px;
	line-height: 25px;
	_line-height: 23px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 105px;
	width: 124px;
	z-index: 30;
}
#switch {
	height: 212px;
	position: absolute;
	right: 0;
	top: 0;
	width: 290px;
	z-index: 30;
}

#navigate {
	background: url(img/navigate.gif) repeat-x left top;
	height: 50px;
	left: 0;
	margin-top: 1px;
	padding-top: 20px;
	position: absolute;
	text-align: center;
	top: 250px;
	width: 250px;
	z-index: 40;
}
#navigate a {
	border-right: 1px dotted #909fa9;
	display: inline;
	padding: 0 10px;
}
#navigate a.last {
	border: 0;
}
#topmenu {
	background: url(img/menu.gif) repeat-x left top;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	position: absolute;
	right: 0;
	top: 250px;
	width: 650px;
	z-index: 40;
}

#footer {
	background-color: #e6ecf0;
	bottom: 0;
	clear: both;
	color: #444d54;
	height: 80px;
	left: 0;
	position: absolute;
	_position: relative; /* ie bug */
	width: 900px;
}
#footer p {
	line-height: 15px;
	_line-height: 13px;
	margin-top: 50px;
	padding: 0 140px 0 20px; /* padding right for counter */
	text-align: left;
}
#footer p a {
	color: #777d82;
	text-decoration: underline;
}
/* ie rounding bug */
* html #footer {
	margin-bottom: -1px;
	_margin-bottom: 0;
}
/* mac hide \*/
* html #footer {
	/* only ie gets this style */
	height: 80px;
	/* for ie */
}
/* end hide*/
/* to clear footer */
#clearfooter {
	clear: both;
	height: 80px;
	_height: 0; /* for ie */
	width: 100%;
}
/* safari wrapper */
html>body #minHeight {
	float: left;
	height: 100%;
	margin-bottom: -80px;
	width: 0;
}
#sitemap {
	background-color: #d6dade;
	left: 0;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 50;
}
#sitemap a {
	border-left: 1px dotted #909fa9;
	color: #777d82;
	display: inline;
	font-weight: bold;
	padding: 0 10px;
	text-decoration: underline;
}
#sitemap a.first {
	border: 0;
}
#counter {
	background-color: inherit;
	float: right;
	height: 31px;
	position: absolute;
	right: 0;
	top: 40px;
	width: 60px;
	z-index: 60;
}

#right {
	float: right;
	width: 649px; /* set 1px less than right width */
	z-index: 200;
}
#right-inner {
	padding: 0 10px;
	text-align: left;
	width: 630px;
}
#content {
	padding-bottom: 5px;
	z-index: 210;
}
#content h2 {
	font: 140%/24px Arial Narrow;
	text-transform: uppercase;
}
#content h3 {
	font: bold 110%/18px Tahoma;
}
#content p {
	line-height: 14px;
}
#content p a {
	color: #777d82;
	font-weight: bold;
	padding: 2px;
	text-decoration: underline;
}
#content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content ul li, ol li {
	margin: 10px;
	padding-left: 10px;
}
#content ul li {
	background: url(img/li.gif) no-repeat 0 5px;
}
#content ul li a, #content ol li a {
	color: #777d82;
	font-weight: bold;
	padding: 0px;
	text-decoration: underline;
}
#content table {
	border: 0;
	margin: 10px 0;
	width: 98%;
}
#content tr {
	text-align: left;
}
#content th {
	background-color: #dfe8ea;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
#content td {
	border-bottom: 1px dotted #909fa9;
	padding: 5px 10px;
}
td.step {
	border: 0 !important;
	color: #909fa9;
	vertical-align: top;
}
td.active {
	color: #00a5ea;
}
#content .doc, #content .bdr {
	background-color: #e0e7e9;
	border: 1px solid #909fa9;
	margin: 10px 0;
	width: 98%;
}
#content .bdr {
	background-color: #e7e7e7;
}
.doc p, .doc h2, .bdr p, .bdr h2 {
	margin: 0;
	padding: 5px;
}
#content .panel {
	height: 310px;
	width: 625px;
}
.panel b.up {
	color: #3dad06;
	font-weight: bold;
}
.panel b.down {
	color: #fd6500;
	font-weight: bold;
}
#content .news {
	float: left;
	padding: 5px;
	width: 305px;
}
.news .date {
	border-top: 1px dotted #909fa9;
	font-weight: bold;
	padding-top: 15px;
}
.news .first {
	border: 0;
	padding: 0;
}
.news a {
	color: #777d82;
	display: block;
	font-weight: bold;
	padding-bottom: 10px;
	text-decoration: underline;
}
.panel h2 {
	margin: 0;
}
.panel h2 p {
	font-size: 200%;
	font-weight: bold;
	margin-top: 2px;
}
.panel p {
	margin-bottom: 10px;
}
.panel a {
	padding: 0;
}
.panel div {
	float: right;
}
.panel div a.switch {
	background: url(img/switch.gif) repeat-x left top;
	border-left: 1px solid #b2c0c9;
	border-right: 1px solid #b2c0c9;
	color: #777d82;
	display: block;
	font: 110%/16px Arial Narrow;
	height: 17px;
	margin: 10px 40px;
	padding: 2px 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 188px;
}
#content .accounts {
	float: left;
	margin: 3px 3px 0 0;
	_margin-top: 5px;
	width: 207px;
}
.accounts .hdr a {
	background-color: #e0e7e9;
	color: #777d82;
	display: block;
	font: 130% Arial Narrow;
	padding: 15px;
	text-decoration: underline;
	text-transform: uppercase;
}
.accounts .btn {
	height: 86px;
	margin-top: 1px;
}
.demos .btn {
	background: url(img/demos.png) no-repeat left top;
}
.mini .btn {
	background: url(img/mini.png) no-repeat left top;
}
.standart .btn {
	background: url(img/standart.png) no-repeat left top;
}
.accounts .btn a {
	color: #f1f1f1;
	float: left;
	font-size: 90%;
	font-weight: normal;
	line-height: 4px;
	margin-top: 62px;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 220;
}
.demos .btn a {
	background-color: #fe9b00;
}
.mini .btn a {
	background-color: #60a803;
}
.standart .btn a {
	background-color: #00a5ea;
}

#left {
	float: left;
	overflow: hidden; /* ie expanding box fix */
	position: relative; /* ie needs this to show float */
	width: 250px;
	z-index: 100;
}
#left-inner {
	padding: 0;
	text-align: left;
}
#sidebar {
	padding-bottom: 5px;
	z-index: 110;
}
#sidebar .accounts {
	color: #f1f1f1;
	font-weight: bold;
	height: 60px;
	margin-bottom: 5px;
	padding: 20px;
	_padding-bottom: 10px;
	text-transform: uppercase;
	width: 210px;
}
#sidebar .demo {
	background: #95a4ac url(img/demo.gif) repeat-x left top;
}
#sidebar .real {
	background: #a6b3b9 url(img/real.gif) repeat-x left top;
}
#sidebar .pay {
	background: #b0bdc3 url(img/pay.gif) repeat-x left top;
}
#sidebar .accounts p {
	font-size: 160%;
	line-height: 16px;
	_line-height: 14px;
	margin-bottom: 10px;
}
#sidebar .accounts a {
	color: #f1f1f1;
	float: left;
	font-size: 90%;
	font-weight: normal;
	line-height: 4px;
	margin-left: -10px;
	padding: 10px;
	text-decoration: none;
	width: 170px;
	z-index: 120;
}
#sidebar .accounts a:hover {
	color: #444d54; /* for non-ie browsers */
}
#sidebar .demo a {
	background-color: #fe9b00;
}
#sidebar .real a {
	background-color: #60a803;
}
#sidebar .pay a {
	background-color: #00a5ea;
}
#sidebar .block {
	float: left;
	padding: 10px 0;
	width: 250px;
}
#sidebar .highlight {
	background-color: #e0e7e9;
}
.block h2 {
	border-left: 3px solid #b3c1ca;
	font: 130%/15px Arial Narrow;
	margin: 10px 0 10px 3px;
	padding-left: 10px;
	text-transform: uppercase;
}
.block h3 {
	font: bold 100%/15px Tahoma;
	margin: 10px 3px;
}
.block a {
	background-color: #fe9b00;
	color: #f1f1f1;
	float: right;
	padding: 5px;
	text-decoration: none;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li, ol li {
	margin: 10px;
	padding-left: 10px;
}
#sidebar ul li {
	background: url(img/li.gif) no-repeat 0 5px;
}
#sidebar ul li a, #sidebar ol li a {
	background-color: transparent;
	color: #777d82;
	display: inline;
	float: none;
	font-weight: bold;
	padding: 0px;
	text-decoration: underline;
}

/* clear top margin for mozilla */
div, p {
	margin-top: 0;
}
/* clear br after float */
br.clearing {
	clear: both;
	font-size: 1px;
	height: 0;
}
/* no image should have a border when linked */
a img {
	border: 0;
}
img {
	border: 0;
}
/*img:before { content: attr(alt)}*/
form {
	margin: 10px;
}
fieldset {
	border: 0;
	padding: 0;
}
legend {
	padding: 5px;
}
label {
	float: left;
	padding: 5px;
}
form a {
	color: #777d82;
	float: left;
	padding: 3px 0;
	padding-left: 70px;
	_padding-left: 50px;
	text-decoration: underline;
}
input {
	background-color: #fcfcfc;
	border: 1px solid #909fa9;
	float: left;
	margin-bottom: 5px;
	padding: 3px;
}
input.err {
	border: 1px solid #fe9b00;
}
input.ok {
	border: 1px solid #60a803;
}
input.btn {
	background-color: #a6b3b9;
	border: 0;
	color: #fcfcfc;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for ie 5.x */
	float: right;
	font: 80% Arial Narrow;
	height: 23px;
	margin-right: 5px;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
}
form table {
	margin: 0 !important;
}
form th {
	font-weight: normal !important;
	text-transform: uppercase;
}
form td {
	background-color: #e7e7e7;
	border: 1px solid #909fa9 !important;
}
div.err {
	color: #fe9b00;
}
div.ok {
	color: #60a803;
}
table a {
	color: #777d82;
	font-weight: bold;
	padding: 2px;
	text-decoration: underline;
}
acronym {
	border-bottom: 1px dotted #909fa9;
	color: #444d54;
	cursor: help;
}