html {
   background: #FFF url(html_back.png) left top repeat-x;
   padding: 15px 10px 30px 10px
}
body {
background: none;
width: 790px;
margin: 0 auto;
font-size: 14px;
color: #666;
position: relative;
}
a:link, a:visited, a:hover, a:active  {
color: #165E98;
}
a:hover {
text-decoration: none;
}
h1 {
font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif;
font-weight: bold;
font-size: 215%;
}
h2 {
font-size: 174%;
}
h3 {
font-size: 130%;
}
h4 {
font-size: 100%;
}
.lt, .rt, .rb, .lb {
background-repeat: no-repeat;
}
.lt {
background-position: left top;
}
.rt {
background-position: right top;
}
.rb {
background-position: right bottom;
}
.lb {
background-position: left bottom;
}
.error {
color: #F00 !important;
font-weight: bold;
}
#header {
margin: 0 25px 10px 25px;
font-size: 115%;
}
#header .logo {
position: relative;
z-index: 1;
}
#header .lang {
float: right;
padding: 0px;
position: absolute;
right: 10px;
top: 10px;
background-position: center;

background: #D5E7FF;

}
#header ul {
list-style: none;
margin: 15px 0 0 0;
position: absolute;
right: 25px;
}
#header li {
float: left;
margin: 0 0 0 70px;
}
#header li.active {
font-weight: bold;
}
#main {
background: #FFF url(main_back_bottom.png) left bottom repeat-x;
position: relative;
margin: 0 0 15px 0;
}
#main .border {
border: 5px solid #E7F1FF;
background: url(main_back_top.png) left top repeat-x;
}
#main .lt {
margin: -5px;
background-image: url(main_lt.gif);
}
#main .rt {
background-image: url(main_rt.gif);
}
#main .rb {
background-image: url(main_rb.gif);
}
#main .lb {
background-image: url(main_lb.gif);
padding: 25px 50px 50px 50px;
}
#main h2 {
color: #1B6099;
padding: 10px 0 80px 100px;
margin: -10px 0 0 0;
background-position: left top;
background-repeat: no-repeat;
font-weight: normal;
}
#main .text {
color: #364650;
margin: 0 50px;
}
#main .text h3 {
font-weight: normal;
margin: 0 0 15px 0;
}
#main .text p {
margin: 15px 0;
}
#main .text .list {
margin: -15px 0;
}
#main .text .list li {
margin: 15px 0;
}
#main .text .list ol {
margin: 15px 30px;
list-style: lower-alpha;
}
#main .text .list ol li {
margin: 0;
}
#main .madeby {
margin: 15px 10px 30px 10px;
}
#main .madeby table {
width: 100%;
color: #999;
font-size: 86%;
}
#main .madeby td {
padding: 0 10px;
}
#main .madeby img {
display: block;
margin: 20px 0 0 0;
}
#main .columns {
position: relative;
width: 100%;
}
#main .columns .wrapper {
float: left;
width: 100%;
}
#main .columns .right {
margin: 0 0 0 30%;
padding: 0 0 0 20px;
}
#main .columns .left {
float: left;
margin: 0 0 0 -100%;
width: 30%;
}
#main .columns .left .submenu {
list-style: none;
margin: -10px 0;
}
#main .columns .left .submenu li {
margin: 10px 0;
font-size: 16px;
}
#main .columns .left .submenu li.active {
font-weight: bold;
}
#main .columns .left .submenu li.active a {
color: #E6820D;
}
#main .columns .left .signup {
margin: 40px 0 50px -25px;
}
#main .columns .left .signup .back {
width: 100%;
background: #ECFFC3 url(main_columns_left_signup_lt.gif) left top no-repeat;
position: relative;
}
#main .columns .left .signup .rt {
background-image: url(main_columns_left_signup_rt.gif);
position: relative;
}
#main .columns .left .signup .rb {
background-image: url(main_columns_left_signup_rb.gif);
}
#main .columns .left .signup .lb {
background-image: url(main_columns_left_signup_lb.gif);
padding: 4px 10px 10px 10px;
text-align: center;
}
#main .columns .left .signup h3 {
margin: 0 0 5px 0;
color: #76AA28;
font-size: 115%;
}
#main .columns .right h3 {
font-weight: normal;
color: #333;
margin: 0 0 20px 0;
}
#main .columns .right .questions {
margin: 0 0 80px 0;
}
#main .columns .right .questions .openAll {
font-size: 12px;
float: right;
margin: -43px 0 0 0;
}
#main .columns .right .questions ul {
list-style: none;
}
#main .columns .right .questions li {
margin: 10px 0;
font-size: 16px;
}
#main .columns .right .questions a.active {
color: #E6820D;
font-weight: bold;
text-decoration: none;
background: url(main_columns_right_questions_active_border.gif) left bottom repeat-x;
}
#main .columns .right .questions .answer {
position: relative;
background: #E7EFF9 url(main_columns_right_questions_answer_back.jpg) left top repeat-x;
margin: 20px 10px;
}
#main .columns .right .questions .answer .border {
border: 1px solid #C9D3E1;
position: relative;
background: none;
}
#main .columns .right .questions .answer .lt {
background-image: url(main_columns_right_questions_answer_lt.gif);
margin: -1px;
}
#main .columns .right .questions .answer .rt {
background-image: url(main_columns_right_questions_answer_rt.gif);
}
#main .columns .right .questions .answer .rb {
background-image: url(main_columns_right_questions_answer_rb.gif);
position: relative;
width: 100%;
}
#main .columns .right .questions .answer .lb {
background-image: url(main_columns_right_questions_answer_lb.gif);
padding: 1px;
position: relative;
}
#main .columns .right .questions .answer .pic {
margin: -9px 0 0 0;
padding: 25px 25px 15px 25px;
background: url(main_columns_right_questions_answer_pic.gif) 25px 0px no-repeat;
font-size: 90%;
}
#main .columns .right .questions .answer .close {
background: url(main_columns_right_questions_answer_close.gif) left top no-repeat;
width: 13px;
height: 13px;
position: absolute;
right: 10px;
top: 10px;
//top: 18px;
cursor: pointer;
}
* html #main .columns .right .questions .answer .close {
right: 9px;
}
#main .logo {
margin: 30px 0;
overflow: hidden;
width: 100%;
}
#main .logo h3 {
color: #396192;
margin: 0 0 30px 0;
}
#main .logo .vector {
float: right;
margin: -10px 0 0 0;
}
#main .logo .vector a {
font-size: 16px;
font-weight: bold;
font-size: 115%;
}
#main .logo .vector a img {
display: block;
padding: 0 0 20px 0;
}
#main .logo .vector p {
font-size: 86%;
color: #25689F;
}
#main .logo table {
margin: -30px 0 0 10px;
}
#main .logo td {
padding: 30px 0 0 0;
}
#main .logo td:first-child {
padding-right: 70px;
}
* html #main .logo td {
padding-right: expression(!previousSibling ? '70px' : 'inherit');
}
#main .screenshots {
margin: 30px -22px 30px 0;
}
#main .screenshots h3 {
color: #396192;
margin: 0 0 30px 0;
}
#main .screenshots ul {
list-style: none;
overflow: hidden;
width: 100%;
margin: -30px 0 0 0;
}
#main .screenshots li {
float: left;
margin: 30px 20px 0 0;
}
#main .screenshots li img {
background: url(main_screenshots_back.gif) left top no-repeat;
padding: 4px 5px 5px 5px;
}
#main .ul {
list-style: none;
margin: 0 20px;
}
#main .ul li {
margin: 30px 0;
}
#main .ul li h4 {
color: #396192;
margin: 0 0 15px 0;
}
#main .screenshot {
margin: 15px 0;
background: #ECF2FA url(main_screenshot_lt.gif) left top no-repeat;
}
#main .screenshot .rt {
background-image: url(main_screenshot_rt.gif);
}
#main .screenshot .rb {
background-image: url(main_screenshot_rb.gif);
position: relative;
width: 100%;
}
#main .screenshot .lb {
background-image: url(main_screenshot_lb.gif);
padding: 30px 30px 10px 30px;
text-align: center;
color: #333;
}
#main .screenshot .pic {
margin: 0 0 25px 0;
}
#main .screenshot p {
font-size: 86%;
}
#main .forms {
margin: 25px 25px 80px 25px;
}
#main .forms .cont {
overflow: hidden;
position: relative;
width: 100%;
}
#main .forms .wrapper {
float: left;
width: 100%;
}
#main .forms .signup {
margin: 0 45% 0 0;
}
#main .forms .login {
	float: none;
	margin: 0% 25% 0pt;
	width: 50%;
	clear: both;
}
#main .forms.nosignup .login {
float: left;
margin: 0;
width: 60%;
}
#main .forms a {
color: #2596F6;
}
#main .forms table {
width: 100%;
margin: 0 0 -15px 0;
}
#main .forms td {
width: 59%;
padding: 0 10px 15px 0;
//padding-right: 14px !important;
vertical-align: middle;
}
#main .forms td, x:-moz-any-link {
padding-right: 12px;
}
#main .forms td:first-child {
padding-right: 10px;
width: 42%;
}
* html #main .forms td {
padding-right: expression(!previousSibling ? '10px' : 'inherit');
width: expression(!previousSibling ? '42%' : 'inherit');
}
#main .forms td .txt {
width: 100%;
border: 1px solid #96B5DB;
}
#main .forms td .btn {
font-size: 11px;
width: 75px;
}
#main .forms td h3 {
font-size: 115%;
margin: 30px 0 0 0;
}
#main .forms td p {
font-size: 86%;
line-height: 1.2em;
}
#main .forms h2 {
font-size: 130%;
margin: 0;
padding: 5px 0 15px 40px;
}
#main .forms .active h2 {
font-size: 174%;
padding: 0px 0px 28px 60px;
font-weight: bold;
margin-bottom: -1px;
}
#main .forms .signup .border {
border: 3px solid #F7E5B7;
background: none;
position: relative;
}
#main .forms .signup .lt {
margin: -3px;
background-image: url(main_forms_signup_lt.gif);
}
#main .forms .signup .rt {
background-image: url(main_forms_signup_rt.gif);
}
#main .forms .signup .rb {
background-image: url(main_forms_signup_rb.gif);
}
#main .forms .signup .lb {
background-image: url(main_forms_signup_lb.gif);
padding: 23px 15px 23px 25px;
}
#main .forms .signup .bugger {
width: 100%;
position: relative;
}
#main .forms .signup .active .border {
background: #F7E5B7;
}
#main .forms .signup .active .lt {
background-image: url(main_forms_signup_active_lt.gif);
}
#main .forms .signup .active .rt {
background-image: url(main_forms_signup_active_rt.gif);
}
#main .forms .signup .active .rb {
background-image: url(main_forms_signup_active_rb.gif);
}
#main .forms .signup .active .lb {
background-image: url(main_forms_signup_active_lb.gif);
}
#main .forms .signup h2 {
color: #D29D16;
}
#main .forms .signup td .lt {
margin: 0 !important;
background-color: #F1F5F9;
background-image: url(main_forms_signup_btn_lt.gif) !important;
float: left;
}
#main .forms .signup td .rt {
background-image: url(main_forms_signup_btn_rt.gif) !important;
}
#main .forms .signup td .rb {
background-image: url(main_forms_signup_btn_rb.gif) !important;
}
#main .forms .signup td .lb {
background-image: url(main_forms_signup_btn_lb.gif) !important;
padding: 7px !important;
}
#main .forms .signup .active td .lt {
background-image: url(main_forms_signup_active_btn_lt.gif) !important;
background-color: #F4D79C;
}
#main .forms .signup .active td .rt {
background-image: url(main_forms_signup_active_btn_rt.gif) !important;
}
#main .forms .signup .active td .rb {
background-image: url(main_forms_signup_active_btn_rb.gif) !important;
}
#main .forms .signup .active td .lb {
background-image: url(main_forms_signup_active_btn_lb.gif) !important;
}
#main .forms .signup .active td .txt {
border-color: #F2C764;
}
#main .forms .signup td #signup_agree {
margin: 0 3px 2px 0;
//margin-bottom: 1px;
}
#main .forms .signup .overlay {
background: url(main_forms_signup_overlay_back.png) left top repeat;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
* html #main .forms .signup .overlay {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=main_forms_signup_overlay_back.png, sizingMethod=scale);
height: expression(parentNode.offsetHeight + 'px');
}
#main .forms .signup .overlay .t {
margin: 200px 0 0 0;
height: 57px;
background: url(main_forms_signup_overlay_text_top.png) left top no-repeat;
}
* html #main .forms .signup .overlay .t {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=main_forms_signup_overlay_text_top.png, sizingMethod=crop);
}
#main .forms .signup .overlay .m {
background: url(main_forms_signup_overlay_text_middle.png) left top repeat;
text-align: center;
padding: 25px 10px;
color: #FFF;
}
#main .forms .signup .overlay .b {
height: 46px;
background: url(main_forms_signup_overlay_text_bottom.png) left top no-repeat;
}
* html #main .forms .signup .overlay .b {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=main_forms_signup_overlay_text_bottom.png, sizingMethod=crop);
}
#main .forms .login .border {
border: 3px solid #DCE7F6;
background: none;
position: relative;
}
#main .forms .login .lt {
margin: -3px;
background-image: url(main_forms_login_lt.gif);
}
#main .forms .login .rt {
background-image: url(main_forms_login_rt.gif);
}
#main .forms .login .rb {
background-image: url(main_forms_login_rb.gif);
}
#main .forms .login .lb {
background-image: url(main_forms_login_lb.gif);
padding: 23px 15px 23px 25px;
}
#main .forms .login .active .border {
background: #DCE7F6;
}
#main .forms .login .active .lt {
background-image: url(main_forms_login_active_lt.gif);
}
#main .forms .login .active .rt {
background-image: url(main_forms_login_active_rt.gif);
}
#main .forms .login .active .rb {
background-image: url(main_forms_login_active_rb.gif);
}
#main .forms .login .active .lb {
background-image: url(main_forms_login_active_lb.gif);
}
#main .forms .login h3 {
margin: 55px 0 15px 0;
}
#main .forms .login ul {
margin: 15px 20px;
}
#main .forms .login .remember td {
padding-right: 0 !important;
width: auto;
vertical-align: bottom;
}
#main .forms .login .remember #remember {
margin-bottom: 3px;
//margin-bottom: 1px;
}
#main .forms .login .label label {
line-height: 150%;
}
#main .forms .login .error {
margin-bottom: 10pt;
}
#main .register {
margin: 0 105px;
}
#main .register .box {
border: 2px solid #D5E7FF;
margin: 0 0 20px 0;
}
#main .register .box .lt {
margin: -2px;
}
#main .register .box .lb {
padding: 15px 10px 25px 10px;
}
#main .register .box.main {
background: #F4F9FF;
}
#main .register .box.main .lt {
background-image: url(main_register_main_lt.gif);
}
#main .register .box.main .rt {
background-image: url(main_register_main_rt.gif);
}
#main .register .box.main .rb {
background-image: url(main_register_main_rb.gif);
}
#main .register .box.main .lb {
background-image: url(main_register_main_lb.gif);
}
#main .register .box.main h3 {
background-image: url(main_register_main_title_back.gif);
}
#main .register .box.optional {
background: #FFF;
}
#main .register .box.optional .lt {
background-image: url(main_register_optional_lt.gif);
}
#main .register .box.optional .rt {
background-image: url(main_register_optional_rt.gif);
}
#main .register .box.optional .rb {
background-image: url(main_register_optional_rb.gif);
}
#main .register .box.optional .lb {
background-image: url(main_register_optional_lb.gif);
}
#main .register .box.optional h3 {
background-image: url(main_register_optional_title_back.gif);
}
#main .register .box h3 {
font-size: 115%;
float: left;
margin: -26px 0 0 5px;
padding: 0 5px;
position: relative;
background-position: left center;
background-repeat: repeat-x;
}
* html #main .register .box h3 {
margin-left: 2px;
}
#main .register .box table {
width: 100%;
}
#main .register .box td {
width: 50%;
padding: 9px 20px 0 20px;
//padding-right: 30px;
}
#main .register .box td, x:-moz-any-link {
padding-right: 30px;
}
#main .register .box td.info {
font-size: 79%;
}
#main .register .box td.error {
font-weight: normal;
}
#main .register .box td p {
margin: 0 0 3px 5px;
}
#main .register .box input.txt {
border: 1px solid #96B5DB;
padding: 1px 4px;
//margin: -1px 0;
width: 100%;
}
#main .register .box td.error input.txt {
border-color: #F00;
}
#main .register .box div.info {
background: #E1FAD7;
width: 100%;
position: relative;
margin: 25px 0 0 0;
}
#main .register .box div.info .lt {
margin: 0;
background-image: url(main_register_info_lt.gif);
position: relative;
}
#main .register .box div.info .rt {
background-image: url(main_register_info_rt.gif);
}
#main .register .box div.info .rb {
background-image: url(main_register_info_rb.gif);
}
#main .register .box div.info .lb {
background-image: url(main_register_info_lb.gif);
padding: 25px 50px;
font-size: 86%;
}
#main .register .box div.info .check {
padding: 0 0 7px 0;
}
#main .register .box div.info input {
position: absolute;
margin: 0 0 0 -20px;
//margin: -1px 0 0 -23px !important;
}
#main .register .box div.info input, x:-moz-any-link {
margin: 3px 0 0 -19px;
}
#main .register .box .errors {
background: #FFD2D2;
color: #FE0000;
width: 100%;
font-weight: bold;
margin: 5px 0;
}
#main .register .box .errors .lt {
background-image: url(main_register_errors_lt.gif);
margin: 0;
}
#main .register .box .errors .rt {
background-image: url(main_register_errors_rt.gif);
}
#main .register .box .errors .rb {
background-image: url(main_register_errors_rb.gif);
}
#main .register .box .errors .lb {
background-image: url(main_register_errors_lb.gif);
padding: 10px 25px;
}
#main .register .submit {
float: left;
background: #D5E7FF;
position: relative;
margin: -5px 0 100px 0;
}
#main .register .submit .lt {
background-image: url(main_register_submit_lt.gif);
margin: 0;
position: relative;
}
#main .register .submit .rt {
background-image: url(main_register_submit_rt.gif);
}
#main .register .submit .rb {
background-image: url(main_register_submit_rb.gif);
}
#main .register .submit .lb {
background-image: url(main_register_submit_lb.gif);
padding: 7px 15px;
}
#footer {
margin: 35px 45px 0 45px;
}
#footer .links {
list-style: none;
margin: 0 0 15px 0;
font-size: 86%;
}
#footer .links li {
display: inline;
margin: 0 10px 0 0;
}
#footer .creator {
float: right;
font-size:70%;
}
#footer .banners {
float: right;
list-style: none;
}
#footer .banners li {
float: left;
margin: 0 0 0 25px;
}
#footer .copyright {
font-size: 70%;
line-height: 1.2em;
}