.page {margin-top: 40px; min-height: 600px; height: 100%; min-width: 950px;} 
.page, .before-footer, .footer {margin-left: 40px; width: 95%;}
img {border-width: 0px;}
html {font: 0.687em Tahoma; color: #333333;}
a:focus {outline: none;}

.columns {overflow: hidden; margin-top: 25px;}

.left-column {width: 25%; float: left;} 

.left-column .login-form {width: 200px; background: url(/images/login-back.gif) repeat-x; border: 1px solid #c4c4c4; position: relative; height: 151px; margin-bottom: 35px}
.left-column .login-form .lt, .left-column .login-form .rt {position: absolute; background: url(/images/login-top-corners.gif); width: 12px; height: 15px; font-size: 0;} 
.left-column .login-form .lt {left: -1px; top: -2px;}
.left-column .login-form .rt {background-position: 12px 0px; right: -3px; top: -2px;}
.left-column .login-form .lb, .left-column .login-form .rb {position: absolute; background: url(/images/corners.gif) 0px 11px; width: 10px; height: 11px; bottom: -2px;  font-size: 0;}
.left-column .login-form .lb {left: -1px;}
.left-column .login-form .rb {right: -1px; background-position: 10px 11px;} 
.left-column .login-form .top-line {position: absolute; background: #c4c4c4; width: 190px; height: 7px; left: 5px;}
.left-column .login-form .line {border-top: 1px dotted #b7b7b7; width: 160px; height: 1px; display: inline-block; margin-left: 20px; margin-bottom: 20px;}
.left-column .login-form form {margin-top: 35px;}

.left-column .login-form div, .left-column .login-form h3 {margin-left: 30px; padding: 0}
.left-column .login-form label {display: inline-block; width: 100%; margin-bottom: 10px;}
.left-column .login-form label span {font: 0.8em Tahoma; float: left; margin-left: 20px;}
.left-column .login-form label .text {width: 104px; border: 0px; background: url(/images/input-border.gif) no-repeat; float: right; font: 12px; Tahoma; margin: -3px 20px 0 0; line-height:12px; height: 16px; padding: 3px;}
.left-column .login-form .login-btn {background: url(/images/login-button.gif); margin: -13px 0px 20px 65px;}

.left-column .register {margin-bottom: 35px; width: 200px; text-align: center;}
.left-column .register span {font: 1.091em Tahoma; font-weight: bold; color: #555555;}

.left-column .register a {background: url(/images/register-back.gif); display: inline-block; width: 199px; height: 37px; border: 1px solid #b7b7b7; position: relative; margin-top: 15px; text-decoration: none;} 
.left-column .register a span {color: #ed1c23; margin-top: 12px; display: inline-block; width: 200px;}
.left-column .register a .red-part {background: url(/images/register.gif) no-repeat; width: 200px; height: 38px; position: absolute; left: 3px; top: 3px;}
.left-column .register a .lt,
.left-column .register a .rt,
.left-column .register a .lb,
.left-column .register a .rb {background: url(/images/corners.gif); width: 10px; height: 11px; position: absolute;  font-size: 0;}

.left-column .register a .lt {left: -1px; top: -1px;}
.left-column .register a .rt {right: -1px; top: -1px; background-position: 10px 0px;}
.left-column .register a .lb {left: -1px; bottom: -2px; background-position: 0px 11px;}
.left-column .register a .rb {right: -1px; bottom: -2px; background-position: 10px 11px;}

.left-column .banner { margin-bottom: 40px; display: inline-block;}

.left-column .left-menu {position: relative; margin-top: 2px; margin-bottom: 30px; margin-left: 10px; padding: 2px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;  width: 175px;}
.left-column .left-menu .top-line {position: absolute; background: url(/images/left-menu-top.gif) no-repeat; width: 181px; height: 2px; top: -1px; left: -1px;}
.left-column .left-menu .bottom-line {position: absolute; background: url(/images/left-menu-bottom.gif) no-repeat; width: 181px; height: 2px; bottom: 0px; left: -1px;}
.left-column .left-menu ul {list-style: none; margin: 0px; padding: 0px; display: block; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE;}
.left-column .left-menu ul li a, .left-column .left-menu ul li a:visited {background: url(/images/left-menu.gif) no-repeat left top; color: #383838; display: block; font-weight: normal; height: 1%; margin: 0; padding: 5px 10px 5px 11px; text-decoration: none;}
.left-column .left-menu ul li a:hover {background: url(/images/left-menu-active.gif) no-repeat left top}

.right-column {width: 60%; float: left; margin-bottom: 30px} 
.right-column .big-box {position: relative; padding: 25px 50px 25px 15px; background: url(/images/big-box-back.gif); border: 1px solid #c4c4c4; height: 204px;}
.right-column .big-box h1 {font: 3.272em Tahoma; border-bottom: 10px solid #ed1c23; margin: 0px; padding-bottom: 10px;}
.right-column .big-box .lt,
.right-column .big-box .rt,
.right-column .big-box .lb,
.right-column .big-box .rb {background: url(/images/box-corners.gif); width: 10px; height: 10px; position: absolute;  font-size: 0;}
.right-column .big-box .lt {left: -1px; top: -1px;}
.right-column .big-box .rt {right: -1px; top: -1px; background-position: 10px 0px;}
.right-column .big-box .lb {left: -1px; bottom: -1px; background-position: 0px 10px;}
.right-column .big-box .rb {right: -1px; bottom: -1px; background-position: 10px 10px;}

.right-column ul.menu {list-style: none; margin-top: 20px; padding: 0;}
.right-column ul.menu li {background: url(/images/menu-bullet.gif) no-repeat 0px 3px; padding: 0px 0px 10px 15px;}
.right-column ul.menu li, .right-column ul.menu li a, .right-column ul.menu li a:visited {font: 1.137em Tahoma; color: #ed1c23; font-weight: bold;}
.right-column ul.menu li a, .right-column ul.menu li a:visited {font-size: 1em;}

.right-column .contact {position: relative;  border: 1px solid #cccccc;}
.right-column .contact .title {background: url(/images/contact-title.gif) repeat-x 0px -2px; display: block; overflow: hidden; border-left: 4px solid red; margin: 1px;}
.right-column .contact .lb,
.right-column .contact .lt {background: url(/images/left-contact-title.gif) no-repeat 0px 0px; width: 6px; height: 3px; position: absolute; font-size: 0;}
.right-column .contact .lt {left: -1px; top: -1px;}
.right-column .contact .lb {left: -1px; bottom: -1px; background-position: 0px -7px;}
.right-column .contact .rt,
.right-column .contact .rb {background: url(/images/box-small-corners.gif) no-repeat 0px 0px; height: 3px; width: 2px; position: absolute; font-size: 0;} 
.right-column .contact .rb {right: -1px; bottom: -1px; background-position: -1px 0px;}
.right-column .contact .rt {right: -1px; top: -2px; background-position: 1px 0px;}

		
.right-column .contact .right-corners {position: absolute; background: url(/images/contact-title.gif) no-repeat right 0px; width: 10px; height: 43px; right: 0px; top: 0px;}
.right-column .contact a, .right-column .contact a:visited {position: absolute; background: url(/images/contact-register.gif) no-repeat; height: 23px; width: 100px; right: 10px; top: 12px; text-decoration:none;}
.right-column .contact a span {font: 0.909em Tahoma; color: #fbe9ea; font-weight: bold; text-decoration: none; margin-left: 10px; margin-top: 4px; display: inline-block;}
.right-column .contact h1 {float: left; font: 1.637em Arial,helvetica,sans-serif; margin-left: 25px; margin-top: 12px; width: 78%;}
.right-column h2 {font: 1.637em Tahoma; background: url(/images/register.gif) no-repeat -148px -4px; padding-left: 15px;}

.right-column .grey-box {position: relative; border: 1px solid #dcdcdc; border-top: 0px; margin-top: 20px;}
.right-column .grey-box .box-title {background: url(/images/box-title.gif); font-size: 1.137em; font-weight: bold; margin-top: 0px; height: 22px; margin-bottom: 0px;}
.right-column .grey-box .box-title span, .right-column .grey-box .box-title a {color: #333; background: url(/images/register.gif) no-repeat -148px -8px; padding-left: 20px; display: inline-block; margin-top: 3px}
.right-column .grey-box .box-title a:hover {color: #666;}
.right-column .grey-box .lt, 
.right-column .grey-box .rt,
.right-column .grey-box .rb,
.right-column .grey-box .lb {position: absolute; background: url(/images/box-small-corners.gif) repeat-x; width: 3px; height: 22px;}
.right-column .grey-box .lt {left: -1px; top: 0px;}
.right-column .grey-box .rt {right: -1px; top: 0px; background-position: 3px 0px;}
.right-column .grey-box .rb,
.right-column .grey-box .lb {height: 3px;}
.right-column .grey-box .rb {bottom: -1px; right: -1px; background-position: 3px -22px;}
.right-column .grey-box .lb {bottom: -1px; left: -1px; background-position: 0px -22px;}
.right-column .grey-box .content {padding: 5px 10px 10px 10px;}
.right-column .grey-box .content b.red-text {color: #ed1c23;}
.right-column .grey-box .content table {border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.right-column .grey-box .content table td {border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.right-column .grey-box .content table td span, .right-column .grey-box .content table td p {padding: 10px; margin: 0;}
.right-column .grey-box .content table td span {display: inline-block; width: 70px;}
.right-column .grey-box .content p .l-index {display: block; position: absolute; margin-left: -76px; background: url(/images/left-arrow.gif); height: 30px; width: 70px;}
.right-column .grey-box .top {background: #CCCCCC; height: 1px; left: 2px; right: 2px; font-size: 0px; position: absolute; top: 0px;}

.right-column .grey-box .content,.right-column .text-box .content {padding: 5px 10px 10px 10px;}
.content b.red-text {color: #ed1c23;}
.content table {border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.content table td {border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.content table td span, .right-column .grey-box .content table td p {padding: 10px; margin: 0;}
.content table td span {display: inline-block; width: 70px;}
.content p .l-index {display: block; position: absolute; margin-left: -76px; background: url(/images/left-arrow.gif); height: 30px; width: 70px;}

.right-column .text-box .lt, .right-column .text-box .rt, .right-column .text-box .lb,  .right-column .text-box .rb {height: 3px; width: 3px; position: absolute; font-size: 0px;}
.right-column .text-box .lt, .right-column .text-box .rt {background: url(/images/left-menu-top.gif) no-repeat;}
.right-column .text-box .lb, .right-column .text-box .rb {background: url(/images/left-menu-bottom.gif) no-repeat;}
.right-column .text-box .lt {top: -1px; left: -1px;}
.right-column .text-box .lb {background-position: 0px 1px; left: -1px; bottom: -1px;} 
.right-column .text-box .rt {background-position: -178px 0px; right: -1px; top: -1px;} 
.right-column .text-box .rb {background-position: -178px 1px; right: -1px; bottom: -1px;}
.right-column .text-box {position: relative; border: 1px solid #dcdcdc; margin-top: 20px;}

.right-column .text-box .file {display: block; font: 1em Arial, Helvetica, sans-serif; color: #333333; padding: 0.8em 0 0.8em 25px; background: url(/images/pdf_small.gif) no-repeat 0px 9px; line-height: 17px;}
  

.before-footer {height: 6px; clear: both; position: relative; border-top: 1px solid #d1cfcf; background: #dcdcdc; margin-top: 20px;}
.footer {height: 35px; position: relative;}
.footer a {font: 1.637em Tahoma; display: inline-block; margin: 10px;}


/* question */
.question-form {position: relative; padding: 0 10px 10px; overflow: hidden;}
.question-form label {width: 100%; display: block; overflow: hidden; margin-bottom: 1em; margin-top: 1em; font: 1em Tahoma;}
.question-form .text, .question-form .password, .question-form select, .question-form textarea {width: 64%; border: 1px solid #b7b7b7; font: 1em Tahoma;}
.question-form select option:focus {outline: none}
.question-form span {float: left; width: 35%; font-weight: bold;}
.question-form span i, .question-form h4 i {font-style: normal; color: red;}
.question-form .button-ask {width: 100px; height: 21px; float: right;}
.question-form textarea {height: 15em;}
.question-form .error h4, .question-form .error .title, .question-form p.error {color: #ed1c23;}
.question-form .error span {color: #ed1c23;}
.question-form .error .text, .question-form .error .password,  .question-form .error textarea {border-color: #ed1c23;} 
.question-form input.checkbox {float: left; width: 20px;}
.question-form div {overflow: hidden; zoom: 1;}
.question-form div label {overflow: hidden; margin-bottom: 0.5em; margin-top: 0px;}
.question-form div input.text {width: 50%;}
.question-form .title {color: #9A1217; font-family: Georgia; font-size: 1em; font-weight: bold;}

.confirm dt {font-weight: bold; margin-top: 1em;}