/*** Reset CSS Load ***/

@import "reset.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);



body {font: 14px/20px 'Open Sans', Arial, Tahoma, sans-serif; width: 100%;height: 100%; min-width: 960px; background: url(../images/bg.jpg) repeat #ffffff; color: #ffffff;}


input.txt {border: solid 1px #647689; height: 39px;  outline: none; line-height: 39px; padding: 0px 5px 0 44px; font-size: 15px; color: #385879; font-family: 'Open Sans'; background: #ffffff; box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.32);  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.32);}
input.txt:focus {border: solid 1px #d5e9ff;}



 /*               header
---------------------------------------------------------------------------*/

header {width: 100%; height: 108px; background: #ffffff; min-width: 960px;}
header .innerBox { height: 108px; width: 960px; margin: 0 auto; overflow: hidden;} 
header .innerBox .logoBox {width: 447px; float: left; margin: 21px 0 0 0;}

header .innerBox .linkBoxSupport {width: 179px; float: right; margin: 35px 0 0 0;}
header .innerBox .linkBoxSupport a {display: block; width: 133px; height: 30px; padding: 8px 0 0 46px; font-weight: 600;;   color: #ffffff; text-decoration: none; font-size: 15px; line-height: 20px; background: url(../images/bg_btn.png) no-repeat 0 0;}
header .innerBox .linkBoxSupport a:hover {background-position: 0 -52px;}

 /*              content
---------------------------------------------------------------------------*/
.container  {width: 100%;}
.container.withBg  {background: url(../images/bg_container.jpg) repeat-x; min-height: 138px; width: 100%; min-width: 960px;}

.content {width: 960px; margin: 0 auto; color: #ffffff;}
.content .textBox {padding: 44px 50px 24px 50px;  }
.content .textBox span {display: block; font-family: 'Open Sans'; font-size: 15px; line-height: 24px;}

.content .linksBox {background: #ffffff; margin: 23px 0 25px 0; padding: 13px 14px 0 14px; overflow: hidden;}

.content .linksBox .tradeStops {float: left; width: 459px; margin: 0 0 14px 0; height: 300px; position: relative;}
.content .linksBox .seasonalTrader {float: right; width: 459px; margin: 0 0 14px 0;  height: 300px; position: relative;}
.content .charts {float: left; width: 459px; height: 300px; position: relative;}

.content .tooltip {display: none; position: absolute; background: url(../images/bg_tooltip.png) repeat-x; left: 0; bottom: 0px; width: 100%; text-align: center; height: 38px; padding: 19px 0 0 0; color: #ffffff; font-size: 21px; font-family: 'Open Sans'; }

.content .servises  {float: right; position: relative; width: 415px; color: #ffffff; height: 270px; padding: 29px 10px 0px 34px; background: url(../images/servises.jpg) no-repeat;}
.content .servises a {text-decoration: none;}
.content .servises  h3 {font-size: 28px; line-height: 28px; font-weight: 600; margin: 0 0 17px 0; }
.content .servises  p {font-size: 17px; line-height: 27px; }
.content .servises .contactUsLink {font-size: 17px; display: block; margin: 15px 0 0 0;}
.content .servises .contactUsLink a {font-weight: 700;}
.content .servises .contactUsLink a:hover {color: #ffa12d;}

.content .copyright {display: block; text-align: center; font-size: 14px; color: #b7c3cf; font-weight: 600;}

 /*              content loginbox
---------------------------------------------------------------------------*/
.content .loginBox {margin: 38px auto 29px; width: 397px; padding: 14px 14px 19px 14px; background: #ffffff;}
.content .loginBox .innerBox {width: 339px; padding: 20px 27px 9px 31px; margin: 0 0 17px 0; background: #8596a7;}

.content .loginBox .innerBox .title {display: block; font-size: 24px; margin: 0 0 20px 0; color: #ffffff; font-weight: 600; line-height: 26px;}
.content .loginBox .innerBox .row {margin: 0 0 17px 0; overflow: hidden;}

.content .loginBox .innerBox .row input.txt.login {display: block;  padding-top: 3px; padding-bottom: 3px; height: 33px; line-height: 15px; width: 287px; margin: 0 0 3px 0; background: url(../images/icons.png) no-repeat 12px 8px #ffffff;}
.content .loginBox .innerBox .row input.txt.passw  {display: block; width: 287px; padding-top: 3px; padding-bottom: 3px; height: 33px; line-height: 15px; background: url(../images/icons.png) no-repeat 11px -70px #ffffff;}

@media \0screen {.content .loginBox .innerBox .row input.txt.login { height: 39px; line-height: 37px; padding-top: 0px; padding-bottom: 0px;}} /* IE8 */
@media \0screen {.content .loginBox .innerBox .row input.txt.passw { height: 39px; line-height: 40px; padding-top: 0px; padding-bottom: 0px;}} /* IE8 */



.content .loginBox .innerBox .row input.txt.passw::-ms-clear { display: none;}

.content .loginBox .innerBox .row label {display: block; margin: 13px 0 0 0; padding: 0!important; float: left; vertical-align: middle; width: 125px; font-size: 14px; height: 14px; line-height: 14px; color: #ffffff;}
.content .loginBox .innerBox .row label input {float: left; display: block;  padding: 0!important; margin: 0 7px 0 0!important; line-height: 13px; vertical-align: middle;}
@media \0screen {.content .loginBox .innerBox .row label { line-height: 12px;}} /* IE8 */

.content .loginBox .innerBox .row .signInBtn {width: 134px; float: right; text-align: center; margin: 0 2px 0 0; color: #ffffff; font-size: 16px; font-weight: 600;  border: none; cursor: pointer; height: 39px; background: url(../images/bg_btn.png) no-repeat 0 -103px;}
.content .loginBox .innerBox .row .signInBtn:hover {background-position: 0 -151px;}
.row .signInBtn::-moz-focus-inner {padding:0;border:0;}

.content .loginBox .text {font-size: 14px; color: #1f3d5d; display: block; padding: 0 12px 2px;}
.content .loginBox .text .contactUs {font-size: 14px; font-weight: 700; color: #1f3d5d;}
.content .loginBox .text .contactUs:hover {color: #d95e16;}