@charset "utf-8";
/* CSS Document */

body, button, td, th, div, p {font: normal 12px Tahoma, Geneva, sans-serif; color: #000;}
body {background: #E4E4E4 url(../images/background.jpg) repeat-x 50% 0; height: 100%; margin: 0; padding: 0; text-align: center; color: #000;}
a {color: #70D5FF;}
input {color: #4E4E4E;}
#container {position: relative; width: 992px; margin: auto; text-align: left;}
#header {height: 88px; margin: 0; padding: 0; background: url(../images/header.jpg) no-repeat; overflow: hidden;}
#logo0 {float: left; margin: 15px 0 0 31px; padding: 0;}
#logo {width: 150px; height: 50px;}
#login0 {float: right; margin: 15px 31px 0 0; padding: 13px 0 0 0; text-align: right;}
#login {width: 400px; height: 20px;}
#login .inputbox {border: 1px solid #B0A88F; background: #FFF; width: 75px; height: 12px; margin: 0; padding: 3px 0px 3px 3px; font-size: 12px;  vertical-align: middle;}
#login .button {border: none; background: url(../images/button.jpg) no-repeat; width: 75px; height: 20px; margin: 0; padding: 2px 0px 2px 10px; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer; vertical-align: middle;}
#login img {vertical-align: bottom;}
#nav0 {margin: 0; padding: 0 31px;}
#nav {height: 23px;}
#nav ul {margin: 0; padding: 0; list-style: none;}
#nav li {float: left; margin: 0; padding: 4px 20px 0 20px;}
#nav li a {display: block; color: #FFF; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none;}
#nav li a:link {color: #FFF;}
#nav li a:visited {color: #FFF;}
#nav li a:hover {color: #FF9900; text-decoration: underline;}
#nav li a:active {color: #FFF;}
#content {margin: 0; padding: 0; background: url(../images/content.jpg) repeat-y; overflow: hidden;}
#flash0 {margin: 0; padding: 22px 51px 0 51px;}
#flash {height: 300px;}

#indexleft {float: left; width: 168px; margin: 0; padding: 11px 42px 22px 73px;}
#indexright {float: right; width: 594px; margin: 0; padding: 11px 73px 22px 42px;}
#indexright p{font: normal 13px "Comic Sans MS", cursive; color: #9D9C9C;}
#indexright h2{font: bold 20px Georgia, "Times New Roman", Times, serif; color: #000;}
#footer {height: 80px; margin: 0; padding: 40px 0 0 0; background: url(../images/fotter.jpg) no-repeat; text-align: center;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}

#sidebar0 {float: left;}
#sidebar {width: 180px; margin: 0 0 0 31px; padding: 0; background: #FFF url(../images/sidebar.jpg) no-repeat;}
#menu {width: 155px; height: 280px; margin: 23px 14px 0 11px; padding: 0;}
#ad {width: 160px; height: 605px; margin: 20px 14px 0 6px; padding: 0; text-align: center;}
#maincontent0 {float: right;}
#maincontent {width: 750px; margin: 0 31px 0 0; padding: 0;}
#balance {width: 750px; height: 51px; margin: 0; padding: 0; background: #FFF url(../images/balance.jpg) no-repeat;}
#main{margin: 0; padding: 30px 25px; text-align: center;}

#text {width: 700px; text-align: left; font: normal 12px "Comic Sans MS", cursive;}
#text a {color: #70D5FF;}
#text h1 {margin: 0 0 5px 0; font: normal 1.6em 'lucida-grande',tahoma,'trebuchet ms', arial, sans-serif; color: #30AEE0; line-height: 1.5em;}
#text h2 {margin: 0 0 5px 0; font: normal 1.4em 'lucida-grande',tahoma,'trebuchet ms', arial, sans-serif; color: #30AEE0; line-height: 1.5em;}
#text h3 {font: normal 11px 'lucida-grande',tahoma,'trebuchet ms', arial, sans-serif; color: #FF9902;}
#text span.label_answer {font-weight: bold; color: #30AEE0;}
#text p {font-size: 1.0em; color: #666; line-height: 1.5em;}

#maincontent input {background: #FFF; border: 1px solid #B0A88F; width: 144px; padding: 2px 0px 4px 3px; vertical-align: middle; font-size: 12px; margin: 3px 0px 5px 0px; color: #000;}
#maincontent .button {border: none; background: url(../images/button.jpg) no-repeat; width: 75px; height: 20px; margin: 0; padding: 2px 0px 2px 10px; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer; vertical-align: bottom;}
#maincontent .table1 {width: 700px; border: 1px solid #DDDEE2;}
#maincontent .table1 th {height: 28px; background: #E7EAEF; line-height: 28px; color: #A5ABBB; font: bold 12px "Times New Roman", Times, serif;}
#maincontent .table1 td {height: 28px; line-height: 28px; font: normal 12px "Comic Sans MS", cursive;}
#maincontent .table1 tr.color1 {background: #F6F6F8;}
#maincontent .table1 tr.color2 {background: #FFF;}

#maincontent .table2 {width: 700px;}
#maincontent .table2 tr {text-align: left;}
#maincontent .table2 td {height: 28px; line-height: 28px; font: normal 12px "Comic Sans MS", cursive;}
#maincontent .table2 tr.color1 {background: #F6F6F8;}
#maincontent .table2 tr.color2 {background: #FFF;}
#maincontent .menu {width: 240px; padding: 0 10px 0 0; text-align: right;}
#maincontent .merge {text-align: center}
#maincontent .error {padding: 0 0 0 10px; color: #F00; font: normal 12px "Comic Sans MS", cursive;}
#maincontent .inputbox {border: none; background: none; width: auto;}

#message0 {width: 500px; height: 280px; margin: 0 45px 0 45px; padding: 0; background: url(../images/offline_bg.png); text-align: left;}
#message {margin: 0; padding: 108px 0 0 0;}
#message .ico0 {float: left; width: 134px; margin: 0; padding: 0;}
#message .ico {width: 64px; margin: 0 25px 0 45px; padding: 0;}
#message .txt0 {float: left; width: 365px; margin: 0; padding: 0;}
#message .txt {width: 320px; margin: 0 45px 0 0; padding: 0;}
#message .type {margin: 0; padding: 0; font: bold 15px "Times New Roman", Times, serif; line-height: 125%;}
#message .body {margin: 0; padding: 0; font: bold 13px "Times New Roman", Times, serif; line-height: 125%;}
#message .button {border: none; background:url(../images/button.jpg) no-repeat; width: 75px; height: 20px; margin: 25px 0 0 204px; padding: 2px 0 2px 10px; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer; vertical-align: bottom;}

#offline0 {margin: 108px 45px 0 45px; text-align: left;}
#offline0 .ico {float: left; width: 64px; margin: 0 25px 0 0; padding: 0;}
#offline0 .txt {float: left; width: 321px; margin: 0; padding: 0; font: bold 13px "Times New Roman", Times, serif; line-height: 125%;}
#offline0 .button {border: none; background:url(../images/button.jpg) no-repeat; width: 75px; height: 20px; margin: 25px 0 0 200px; padding: 2px 0 2px 10px; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer; vertical-align: bottom;}


#language {position: absolute; top: 65px; right: 20px; width: 180px; height: 23px; margin: 0; padding: 0;}
#language ul {list-style: none; margin: 0; padding: 0;}
#language .menu {width: 160px; margin: 0 auto;}
#language .menu li {float: left; margin: 0 5px; padding: 0; background: #F2F2F2; border: 1px #39C solid; text-align: center; font-size: 14px; font-weight: 700; line-height: 21px; cursor: pointer; filter: alpha(opacity=75); opacity: 0.7;}
#language .tuckUp {display: inline; width: 120px; height: 21px; overflow: hidden;}
#language .pullDown{display: inline; height: auto;}
#language .item {margin: 5px 0; padding: 0;}
#language .item a:link, .item a:visited {display: inline; float: left; width: 110px; background: #CCC; text-align: left; color: #444; font-size: 12px; font-weight: normal; text-decoration: none; line-height: 23px; margin: 0 5px 5px 5px;}
#language .item a:hover {display: inline; float: left; background: #39C; width: 110px; color: #FFF; text-decoration: none; text-align: left; font-size: 12px; font-weight: normal; line-height: 23px; margin: 0 5px 5px 5px;}
#language .item img {border: none; margin: 0 10px; vertical-align: text-bottom;}

.GridViewStyle {border: 2px solid #E2DED6; padding: 4px;}
.GridViewStyle a {color: #FF0000;}
.GridViewHeaderStyle th, .GridViewRowStyle td, .GridViewAlternatingRowStyle td {height: 28px; padding: 0 10px; border: 1px solid #E2DED6;}
.GridViewHeaderStyle th {background-color: #E7EAEF; font-weight: bold;}
.GridViewRowStyle {background-color: #FFFFFF;}
.GridViewAlternatingRowStyle {background-color: #F6F6F8;}



#resizepointer {position: absolute; width: 500px; height: 280px; left: 50%; top: 50%; margin-left: -250px; margin-top: -140px; padding: 0; background: url(../images/offline_bg.png); text-align: left;}