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

body, div, td, th, div, p {color: #000; font: normal 12px Georgia, "Times New Roman", Times, serif;}
body {height: 100%; margin: 0; padding: 0; background: #E4E4E4 url(../images/background.jpg) repeat-x 50% 0; text-align: center}
a {color: #70D5FF; text-decoration: none;}
input {color: #4E4E4E;}
input[type="submit"] {width: 75px; height: 20px; padding: 0 0 0 12px; background: url(../images/button.jpg) no-repeat; border: none; overflow: visible; color: #FFF; font: bold 12px Georgia, "Times New Roman", Times, serif; line-height: 16px; vertical-align: middle; cursor: pointer;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
#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;}
#logo {width: 150px; height: 50px; margin: 15px 0 0 31px; padding: 0;}
#login0 {float: right;}
#login {width: 400px; height: 20px; margin: 28px 31px 0 0; padding: 0; text-align: right;}
#login img {vertical-align: bottom;}
#login .inputbox {width: 75px; height: 12px; margin: 0; padding: 3px 0px 3px 3px; border: 1px solid #B0A88F; background: #FFF; vertical-align: middle;}
#login .button {width: 75px; height: 20px; margin: 0; padding: 0 0 0 10px; background: url(../images/button.jpg) no-repeat; border: none; color: #FFF; font: bold 12px Georgia, "Times New Roman", Times, serif; line-height: 16px; vertical-align: middle; cursor: pointer; overflow: visible;}
#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: 180px; margin: 0; padding: 29px 42px 40px 73px;}
#indexright {float: right; width: 582px; margin: 0; padding: 11px 73px 22px 42px;}
#indexright p{color: #9D9C9C; font: normal 13px "Comic Sans MS", cursive;}
#indexright h2{color: #000; font: bold 20px Georgia, "Times New Roman", Times, serif;}
#sidebar0 {float: left;}
#sidebar {width: 180px; padding: 0; background: #FFF url('../images/sidebar.jpg') no-repeat; margin-left:31px; margin-right:0; margin-top:0; margin-bottom:0}
#menu {width: 160px; height: 280px; margin: 23px 14px 0 6px; padding: 0; text-align: center;}
#ad {width: 160px; height: 600px; margin: 20px 14px 0 6px; padding: 0; text-align: center;}
#maincontent0 {float: right;}
#maincontent {width: 750px; margin: 0 31px 0 0; padding: 0;}
#maincontent .menu {width: 240px; padding: 0 10px 0 0; text-align: right;}
#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 th {height: 28px; padding: 0 10px; background: #E7EAEF; line-height: 28px; color: #A5ABBB; font: bold 12px "Times New Roman", Times, serif; text-align: left;}
#maincontent .table2 tr {text-align: left;}
#maincontent .table2 td {height: 28px; line-height: 28px;}
#maincontent .table2 .tdr {padding: 0 10px 0 0; text-align: right;}
#maincontent .table2 .tdl {text-align: left;}
#maincontent .table2 .tdc {text-align: center;}
#maincontent .table3 {width: 700px; border: 1px solid #DDDEE2;}
#maincontent .table3 th {height: 28px; padding: 0 10px; background: #E7EAEF; line-height: 28px; color: #A5ABBB; font: bold 12px "Times New Roman", Times, serif; text-align: left;}
#maincontent .table3 tr {text-align: left;}
#maincontent .table3 td {height: 28px; padding: 0 2px; line-height: 28px;}
#maincontent .table3 .tdb {border-left: 1px solid #DDDEE2; text-align: right;}
#maincontent .table3 .tdr {padding: 0 10px 0 0; text-align: right;}
#maincontent .table3 .tdl {text-align: left;}
#maincontent .table3 .tdc {text-align: center;}
#maincontent .table3 .deal {width: 105px; height: 102px; background: url('../images/deal.jpg') no-repeat; border: none; cursor: pointer;}
#maincontent .table3 .draw {width: 105px; height: 102px; background: url('../images/draw.jpg') no-repeat; border: none; cursor: pointer;}
#maincontent .button {border: medium none; background: url('../images/button.jpg') no-repeat; width: 75px; height: 20px; margin: 0; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer; vertical-align: bottom; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom: 2px;}
#maincontent .table3 label {cursor: pointer;}
#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: left;}
#footer {height: 80px; margin: 0; background: url('../images/fotter.jpg') no-repeat; text-align: center; padding-left:0; padding-right:0; padding-top:40px; padding-bottom:0;}

#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: medium none; background:url('../images/button.jpg') no-repeat; width: 75px; height: 20px; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer; vertical-align: bottom; margin-left:200px; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:2px}

#message0 {width: 500px; height: 280px; margin: 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: medium none; background:url('../images/button.jpg') no-repeat; width: 75px; height: 20px; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer; vertical-align: bottom; margin-left:204px; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:2px}

#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}

#promote {margin: 0 31px; padding: 0; height: 510px; background: url('../images/promote.jpg') no-repeat;}
#promote1 {height: 34px; margin: 0; padding: 200px 0 0 50px; vertical-align: middle;}
#promote2 {margin: 0; padding: 80px 0 0 580px;}
#promote1 .form {margin: 0; padding: 0;}
#promote1 .inputbox {width: 200px; height: 32px; margin: 0; padding: 3px; border: 1px solid #B0A88F; background: #FFF;}
#promote1 .button {width: 173px; height: 34px; margin: 0 0 0 15px; padding: 0; cursor: pointer;}
#promoteleft {float: left; width: 508px; margin: 0; padding: 200px 21px 22px 53px;}
#promoteright {float: left; width: 236px; margin: 0; padding: 330px 53px 22px 21px;}
#promoteleft p{color: #9D9C9C; font: normal 13px "Comic Sans MS", cursive;}
#promoteleft h2{color: #000; font: bold 20px Georgia, "Times New Roman", Times, serif;}
#promoteleft .inputbox {width: 200px; height: 32px; margin: 0; padding: 3px; border: 1px solid #B0A88F; background: #FFF;}
#promoteleft .button {width: 173px; height: 34px; margin: 0 0 0 15px; cursor: pointer; padding: 0;}

/* forms */
form {overflow: auto;}
input[type="text"], input[type="password"], input[type="select"], textarea, select {border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4; border-style: solid; border-width: 1px; padding: 4px; color: #777;}
input.half, select.half, textarea.half {width: 180px;}
input.full, select.full, textarea.full {width: 360px;}
textarea {line-height: 18px; overflow: auto; font-family: Georgia, "Times New Roman", Times, serif;}
textarea.small {width: 360px; height: 5.5em;}
textarea.medium {width: 540px; height: 10em;}
textarea.large {width: 720px; height: 20em;}
fieldset {margin: 0 0 10px 0; padding: 10px; -moz-border-radius: 5px; text-align: left;}
legend {color: #93BB3A; font-size:14px; font-weight: bold; padding:0 6px;}
fieldset p {line-height: 28px;}
label {font: bold 12px Georgia, "Times New Roman", Times, serif;}