body {font-family: "Arial"; font-size: 12px; color: #000; background: #4c4c4c url(../images/bg-body.png) left top repeat-x;}
html, body {padding: 0; margin: 0; height: 100%;}

a {color: #ff7400; text-decoration: underline;}
a:hover {text-decoration: none;}

p {margin: 0; padding: 0 0 5px; line-height: 18px;}

h2 {margin: 0; padding-bottom: 8px; font-family: "Arial"; font-size: 18px; line-height: 18px; font-weight: normal; color: #ff7400;}

ul {padding-bottom: 5px; line-height: 18px; list-style: outside disc url(../images/pixel.gif);}
ul li {padding-left: 15px; background: url(../images/bg-ul-li.gif) left 4px no-repeat;}

.clear {height: 0; overflow: hidden; clear: both;}

#header-content {min-height: 100%; background: url(../images/bg-hdcnt.gif) center top repeat-y;}

div.hdcnt {width: 982px; margin: 0 auto; background: #fff url(../images/bg-hdcnt.gif) left top repeat-y;;}

#head {position: relative; width: 982px; height: 405px;}

    div.hd-bg{position: absolute; left: 0; top: 0;}

    div.head-flash {position: absolute; left: 0; top: 0; width: 982px; height: 285px;}
    div.head-flash object {cursor: default;}
    div.steps-main {position: absolute; left: 0; top: 290px; width: 951px; height: 102px;}
    div.steps-main a.step {display: block; float: right; position: relative; height: 102px; width: 209px; margin-right: -21px; background: url(../images/step-bg.gif) 10px bottom no-repeat;}
    div.steps-main a.step-h {display: block; float: right; position: relative; height: 102px; width: 209px; margin-right: -21px; background: url(../images/step-bg-act.gif) 10px bottom no-repeat;}

    div.steps-in {position: absolute; left: 0; top: 290px; width: 947px; height: 102px;}
    div.steps-in a.step {display: block; float: right; position: relative; height: 102px; width: 259px; margin-right: -25px; background: url(../images/step-bg-in.gif) 12px bottom no-repeat;}
    div.steps-in a.step-h {display: block; float: right; position: relative; height: 102px; width: 259px; margin-right: -25px; background: url(../images/step-bg-in-act.gif) 12px bottom no-repeat;}

    div.logo {position: absolute; left: 21px; top: 0;}
    div.logo-sub {position: absolute; left: 53px; top: 193px; width: 194px; font-size: 18px; text-align: center; color: #6e6e6e}
    div.tc-lnk {position: absolute; left: 769px; top: 10px;}
    div.tc-lnk a {padding-left: 20px; font-weight: bold; text-decoration: none; color: #000; background: url(../images/bg-trader-cab-lnk.gif) left top no-repeat;}
    div.tc-lnk a:hover {text-decoration: underline;}

    div.lng-sel {position: absolute; width: 121px; left: 554px; top: 11px;}
    div.lng-cur {position: relative; width: 121px; height: 18px; background: url(../images/bg-lng-sel.png) left top no-repeat; cursor: pointer;}
    div.lng-sel .lng-active {background: url(../images/bg-lng-sel.png) left bottom no-repeat; cursor: pointer;}
    div.lng-cur span {display: block; padding: 1px 0 0 10px; width: 111px; font-weight: bold;}
    ul.lng-sub {display: none; position: absolute; left: 0; top: 18px; width: 117px; padding: 6px 1px; line-height: normal; list-style: none; border: 1px solid #929292; border-top: 0 none; background: #fff;}
    ul.lng-sub li {padding: 0 0 3px 0; list-style: none; background: none transparent;}
    ul.lng-sub li a {display: block; padding: 1px 8px 2px; text-decoration: none; color: #000; font-weight: bold;}
    ul.lng-sub li a:hover {background: #d3d3d3; text-decoration: none;}

div.topmenu {position: relative; z-index: 99; height: 36px; padding-left: 22px;}
    div.topmenu ul {padding: 0; height: 36px; line-height: normal; list-style: none;}
    div.topmenu ul li {padding: 0; position: relative; float: left; height: 36px; list-style: none; background: none transparent;}
    div.topmenu ul li a {position: relative; display: block; height: 36px; overflow: hidden;}
    div.topmenu ul li a img {position: absolute; left: 0; top: 0; background: #85cd00; cursor: pointer;}
    div.topmenu ul li.analitics a.act img {position: absolute; left: 0; top: -72px; background: #c8e800;}
    div.topmenu ul li a.act img, div.topmenu ul li.active a img, div.topmenu ul li.active a.act img {position: absolute;right: 0;left: 0; top: -36px; background: #c8e800;}
    div.topmenu ul li.mainpg {width: 135px;}
    div.topmenu ul li.programs {width: 135px;}
    div.topmenu ul li.learn {width: 135px;}
    div.topmenu ul li.company {width: 135px;}
    div.topmenu ul li.trading {width: 135px;}
    div.topmenu ul li.contest {width: 135px;}
    div.topmenu ul li.analitics {width: 135px;}
    div.topmenu ul li ul {position: absolute; left: 0; top: 36px; height: auto; display: none; padding: 6px 1px; border: 1px solid #84b71f; border-top: 0 none; background: #fff;}
    div.topmenu ul li.programs ul {width: 135px;}
    div.topmenu ul li.learn ul {width: 135px;}
    div.topmenu ul li.company ul {width: 135px;}
    div.topmenu ul li.trading ul {width: 135px;}
    
    div.topmenu ul li.analitics ul {width: 135px;}
    div.topmenu ul li ul li {float: none; height: auto;}
    div.topmenu ul li ul li a {display: block; height: auto; width: auto; overflow: auto; padding: 1px 8px 3px; text-decoration: none; color: #000; font-size: 13px;}
    div.topmenu ul li ul li a:hover {background: #c3e67f; text-decoration: none;}

#main-content {padding: 7px 21px 126px;}

#content {position: relative; z-index: 1; float: left; width: 700px;}
    div.welc-adv {height: 240px; padding-bottom: 13px;}
    div.welcome {float: left; height: 206px; overflow: visible; padding-top: 24px; width: 349px; background: url() 10px 2px no-repeat;}
    div.welcome-text {height: 206px; padding: 0px 20px 0 9px; overflow: visible; border-right: 1px solid #e5e5e5; }
    div.welcome-text h2 {padding-left: 70px; padding-bottom: 20px; height:20px;}
    div.advantages {float: left; height: 206px; overflow: visible; padding: 24px 0 0 16px; width: 335px; background: url() 31px 2px no-repeat;}
    div.advantages-img {padding-left:10px;}

	div.advantages-img p {clear:both;}
	div.advantages-img img {float:left;
						  }
    div.advantages h2 {padding-left: 57px; padding-bottom: 20px; height:20px;}

    div.howmakemoney {position: relative; width: 704px; height: 251px; margin: 0 -2px 22px; padding-top: 7px; background: #eaeaea url(../images/bg-howmakemoney.png) left top no-repeat;}
    div.howmakenoscritpt {position: relative; width: 704px; height: 258px; margin: 0 -2px 22px;}
    div.howmakenoscritpt img {vertical-align: top;}
    div.hmm-buttons {position: absolute; right: 0; bottom: 0; width: 133px; height: 27px; padding: 5px 0 0 20px; background: #f8a701 url(../images/bg-howmakemoney-nums.png) left top no-repeat;}
    div.hmm-button {float: left; padding-right: 6px;}
    div.hmm-button a {display: block; width: 19px; height: 19px; position: relative;}
    div.hmm-button a img {position: absolute; left: 0; top: 0; cursor: pointer;}
    div.hmm-button a img.act {background: #f47200;}

    div.hmm-container {position: relative; margin-left: 8px; width: 688px; height: 242px; background: #fff;}
    div.hmm-slide-cnt {position: absolute; width: 688px; height: 242px; left: 0; top: 0;}
    div.hmm-slide {position: relative; width: 688px; height: 242px; background: #fff;}
    div.hmms-h {padding: 17px 30px 12px 30px; font-size: 30px; font-style: italic; color: #ff7400}
    div.hmms-t {padding: 0 40px 0 86px; font-size: 14px; line-height: 18px;}
    div.hmms-t p {padding: 0;}
    div.hmms-n {position: absolute; left: 30px; top: 57px; font-size: 60px; font-style: italic; font-weight: bold; color: #808080}


    div.terms-n-types {height: 420px; padding: 6px 0 0 9px; background: url(../images/bg-terms-n-types.gif) left top no-repeat;}
    div.terminals {width: 681px; height: 185px;}
    div.terminal-n {width: 681px; height: 290px; padding: 15px 10px 0 0; background: url(../images/bg-terms.png) left top no-repeat;}

    div.terminal-n a, div.terminal-p a {display: block;  margin: 0 auto; font-weight: bold; text-align: center; color: #ff7400; text-decoration: none;}
    div.terminal-n  a img, div.terminal-p a img {display: block; margin-bottom: 19px;}
	div.terminal-n div {float:left}

    div.acc-types {padding-top: 11px; background: url(../images/bg-acc-types-top.gif) left top repeat-x;}
    div.at-hd {font-size: 24px; color: #ff7400;}
    div.at-types {width: 678px; height:206px; margin-left: -3px; padding: 0 0 0 10px; background: white}
    div.at-type {width: 650px; padding-right: 65px; clear:both; padding-bottom:25px; padding-top:25px}
    div.at-types-account {width: 700px; height:450px; margin-left: -9px; padding: 6px 0 0 9px; background: url(../images/bg-terms-n-account.gif) left top no-repeat;}
    div.at-type-r {width: 650px; padding-right: 0; clear:both;padding-top:25px}
    div.at-type a, div.at-type-r a {display: block; margin: 0 auto; width: 176px; font-weight: bold; text-align: center; color: #000; text-decoration: none; }
    div.at-type a img, div.at-type-r a img {float:left; display: block; margin-bottom: 3px; }
	div.at-type div, div.at-type-r div {float:left}


    div.texts-n-icons {position: relative; margin-top: -7px;}
    div.txt-n-icon {position: relative;}
    div.txt-n-icon div.ti-icon {position: absolute; left: 3px; top: 0;}
    div.txt-n-icon h2 {position: relative; padding: 0px 0px 0px 0px;}
    div.txt-n-icon p {position: relative; padding-left: 9px;}


    div.error-page {position: relative; padding: 30px 0 0 30px;}
    div.error-code {position: absolute; font-size: 50px; color: #ff7400;}
    div.error-error {font-size: 18px; font-weight: bold; text-align: center; color: #ff7400; text-transform: uppercase;}
    div.error-num {margin-top: -10px;}
    div.error-text {padding: 30px 0 0 90px; font-size: 20px; color: #000;}



#sidebar {float: right; width: 215px; padding-top: 27px;}
    div.b-seminar {padding-bottom: 20px; height: 105;}
    div.b-openacc {padding-bottom: 23px; height: 79px;}
    div.b-tpcontest {position: relative; padding-bottom: 20px; margin: 0 -1px; height: 181px;}
    div.b-techsupp {position: relative; padding-bottom: 20px; margin: 0 -2px; height: 173px;}
    div.b-seminar img, div.b-openacc img, div.b-tpcontest img, div.b-techsupp img {vertical-align: top;}

    div.side-news {height: 399px;}
    div.side-news h2 {padding-left: 14px;}
    div.sn-item {padding-left: 13px; line-height: 18px; background: url(../images/bg-sidenews-item.gif) left top repeat-y;}
    div.sn-item a {display: block; color: #000; text-decoration: none;}
    div.sn-item a:hover {text-decoration: underline;}
    div.sn-item span.date {display: block; font-weight: bold;}
    div.sn-sep {margin: 10px 5px 8px; height: 1px; overflow: hidden; background: #e5e5e5;}

div.bottom-text {margin: 0 9px; padding-top: 17px; border-top: 1px solid #e5e5e5; font-size: 11px;}


#footer {position: relative; margin-top: -96px; height: 95px; padding-top: 1px; background: #0b0b0b url(../images/bg-footer.gif) left top repeat-x;}
div.footer {width: 980px; margin: 0 auto; height: 95px; border-left: 1px solid #000; border-right: 1px solid #000; background: #252525 url(../images/bg-foot.gif) left top repeat-x;}
div.footer div.copy {float: left; padding: 19px 0 0 29px; font-size: 11px; color: #fff;}
div.footer div.copy p {padding-bottom: 5px; line-height: 12px;}
div.footer div.policy {float: right; padding: 19px 7px 0 0; font-size: 11px;}
div.footer div.policy a {margin-right: 23px; color: #ff953c;}
div.footer div.counters {padding: 29px 320px 0 306px; text-align: center;}
div.footer div.counters a {margin: 0 5px;}

#faq {
	  padding: 10px;}

#faq div{
	border: 1px solid #3366AA;
	border-top: none;
	padding: 10px;
	}

#faq div.title {
	border: 1px solid #3366AA;
	cursor: pointer;
}

#faq  div.select { font-weight: bold;
	border: 1px solid #3366AA;
	cursor: pointer;
	border-bottom: none;}

#links div {float:left}

#links div.select {border: 1px dotted #3366AA}

.loginform {background-color: #5E605B;
			float:bottom;
			position:absolute;
			left:635px}

analytics-datee {width: 100px; font-size: 16px; font-style: italic; color: #ff7400; font-weight: bold;}
analytics-author {width: 100px; font-size: 16px; font-style: italic; color: #777777; font-weight: bold;}
analytics-uppertext {width: 100px; font-size: 14px; font-style: normal; color: black;}

.cal_imp_low, .cal_imp_medium, .cal_imp_high, .cal_imp_holiday
{
	margin-top: 1px;
	height: 15px;
	width: 20px;
	overflow: hidden;
}

.cal_imp_low
{
	background: url(../images/calendar_impact_low.gif);
}

.cal_imp_medium
{
	background: url(../images/calendar_impact_medium.gif);
}

.cal_imp_high
{
	background: url(../images/calendar_impact_high.gif);
}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both !important;
	height: 0;
	}
* html .clearfix { zoom: 1; } /* IE6 */
*+html .clearfix { zoom: 1; } /* IE7 */

.button {
	display: block;
	font-size: 14px;
	color: #fff;
	width: 281px;
	text-align: center;
	padding: 5px 0;
	text-decoration: none;
	font-weight: bold;
	background: url('/images/button_bg.jpg') no-repeat 0 0;
}

.round-border {
	border: 4px solid #efefef;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}