/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;}
ol, ul{list-style:none;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
a, .Pointer{cursor:pointer;}

body {background:url(../images/bg.jpg) repeat-x scroll left top #FFF;}
#mainwrapper {margin:0 auto; width:994px;}
.logo {background:url(../images/logo.jpg) no-repeat scroll left top; width:222px; height:82px; float:left;}
.header {font:700 24px/16px Verdana, Geneva, sans-serif; color:#a40003; padding-top:30px; float:left; width:994px;}
.top {background:url(../images/top.png) no-repeat scroll left 31px; width:994px; height:49px; float:left; margin-top:20px;}
.middle {background:url(../images/middle.png) repeat-y scroll left top; width:994px; float:left;}
.bottom {background:url(../images/bottom.png) no-repeat scroll left top; width:994px; height:18px; float:left; padding-bottom:20px;}
.language {width:200px; float:right; text-align:right; font:100 12px/16px Verdana, Geneva, sans-serif; padding-top:5px; padding-right:20px;}
.language a {font:100 12px/16px Verdana, Geneva, sans-serif; color:#a40003; text-decoration:none;}
.language a:hover {color:#f1b002; text-decoration:underline;}

/* Tab Button */
.tabs {width:900px; height:31px; margin-left:26px;}
.tabs li a, .tabs li.active a {width:187px; height:26px; padding-top:5px; margin:0 5px; background:url(../images/tabs-btn.png) no-repeat left top; float:left; cursor:pointer; font:100 16px/20px Verdana, Geneva, sans-serif; color:#333; text-align:center; text-decoration:none;}
.tabs li a:hover {background-position:left -31px; color:#FFF;}
.tabs li.active a {background-position:left -31px; color:#FFF; cursor:auto;}

/* Gradient Background*/
.page1, .page2, .page3 {width:929px; margin-left:33px; background:url(../images/content-bg.jpg) no-repeat left top; float:left;}
.history {width:909px; background:url(../images/content-bg.jpg) no-repeat left top; float:left; margin-top:30px; padding:10px;}

/* Login */
.cLeft {width:100px; padding-top:20px; float:left;}
.cRight {right:600px; padding-top:20px; float:left;}
.nameTxt {font:700 14px/16px Verdana, Geneva, sans-serif; color:#000; padding:8px 0 20px 30px; width:100px; float:left;}
.txtFieldLogin {background:url(../images/txt-field-login.png) no-repeat scroll 26px top; padding:0 0 25px 25px; width:600px; float:left;}
.formLeft {width:725px; height:50px; float:left;}
.itxt{width:244px; height:28px; border:0; background:transparent; color:#C60; font:100 12px/16px Verdana, Geneva, sans-serif; color:#666; padding-top:2px; padding-left:10px;}
.loginbtn {background:url(../images/iframe-btn.png) no-repeat left top; border:0; width:101px; height:31px; color:#FFF; font:100 16px/20px Verdana, Geneva, sans-serif; text-decoration:none; text-align:center; cursor:pointer;}
.loginbtn:hover {background-position: left -31px;}

/* Energy */
.userPhoto {width:90px; height:90px; margin:12px 18px 0 12px; float:left;}
.userName {width:788px; padding-top:20px; padding-bottom:5px; font:700 20px/20px Verdana, Geneva, sans-serif; color:#000; border-bottom:1px solid #CCC; float:left;}
.userName span {font:700 18px/20px Verdana, Geneva, sans-serif; color:#da6100; padding-left:20px;}

.page1 ul {width:788px; padding-top:5px; float:left;}
.page1 ul li {font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; padding-right:14px; float:left;}
.page1 ul li span {font:700 13px/20px Verdana, Geneva, sans-serif; color:#c00;}
.bar {width:521px; height:15px; margin-top:5px; background:url(../images/bar.png) no-repeat left top; float:left;}
.barleft {width:7px; height:15px; background:url(../images/red-bar-left.png) no-repeat left top; float:left;}
.barcenter {height:15px; float:left;}
.barright {width:7px; height:15px; background:url(../images/red-bar-right.png) no-repeat left top; float:left;}

/* History */
.history p {font:700 13px/20px Verdana, Geneva, sans-serif; color:#333; padding-bottom:20px;}

/* History Table */
.history table thead tr td {font:700 13px/20px Verdana, Geneva, sans-serif; color:#333; border-right:1px solid #FFF; border-bottom:1px solid #FFF; background-color:#eaeaea; text-align:center; padding:5px;}
.history table thead tr td:last-child {border-right:0px solid #FFF;}
.history table tbody tr td {font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; border-right:1px solid #FFF; border-bottom:1px solid #FFF; text-align:center; padding:2px 5px;}
.history table tbody tr td:last-child {border-right:0px solid #FFF;}
.history table tbody:nth-child(even) tr td {font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; border-right:1px solid #FFF; border-bottom:1px solid #FFF; text-align:center; padding:2px 5px;}
.history table tbody tr td:last-child {border-right:0px solid #FFF;}
.history table tbody:nth-child(odd) tr td {font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; background-color:#f4f4f4; border-right:1px solid #FFF; border-bottom:1px solid #FFF; text-align:center; padding:2px 5px;}
.history table tbody tr td:last-child {border-right:0px solid #FFF;}

/* Page Number */
.pageNumber {font:100 10px/20px Verdana, Geneva, sans-serif; color:#555; padding-top:20px; text-align:center;}
.pageNumber a {font:100 10px/20px Verdana, Geneva, sans-serif; color:#555; text-align:center; border:1px solid #DDD; margin:2px; padding:3px 4px; text-decoration:none; cursor:pointer;}
.pageNumber a:hover {background-color:#C00; color:#FFF;}
.pageNumber a.Selected {text-decoration:underline;}

/* FAQ */
.question {width:900px; font:700 13px/20px Verdana, Geneva, sans-serif; color:#000; margin:14px; padding-bottom:5px; border-bottom:1px solid #CCC; float:left;}
.answer {width:20px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#666; margin-left:14px; float:left;}
.answerText {width:880px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#666; margin-right:14px; padding-bottom:20px; float:left;}

/* Prizes */
.prizes {width:500px; float:left;}
.prizes p {font:100 13px/20px Verdana, Geneva, sans-serif; color:#666; padding:10px 14px;}
.prizes p span {font:700 13px/20px Verdana, Geneva, sans-serif; color:#C00;}
.prizesTop {width:887px; height:30px; margin-left:13px; padding-top:2px; padding-left:15px; font:700 13px/20px Verdana, Geneva, sans-serif; color:#FFF; background:url(../images/prizes-header.png) no-repeat left top; float:left;}
.prizesMid {width:900px; margin-left:13px; background:url(../images/prizes-bg.gif) no-repeat left top; border-right:1px solid #B6B6B6; border-left:1px solid #B6B6B6; float:left;}
.prizesBot {width:902px; height:28px; margin-left:13px; background:url(../images/prizes-bottom.gif) no-repeat left top; float:left;}
.prizesLAN {width:200px; margin-left:20px; padding-top:16px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; text-align:center; float:left;}
.prizesLOL {width:200px; margin-left:20px; padding-top:16px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; text-align:center; float:left;}
.prizesHON {width:200px; margin-left:20px; padding-top:16px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; text-align:center; float:left;}
.prizesBS {width:200px; margin-left:20px; padding-top:16px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; text-align:center; float:left;}
.prizesCLAN {width:200px; margin-left:20px; padding-top:16px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; text-align:center; float:left;}
.prizesPW {width:200px; margin-left:20px; padding-top:16px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; text-align:center; float:left;}
.prizesLAN span, .prizesLOL span, .prizesHON span, .prizesBS span, .prizesCLAN span, .prizesPW span {font-weight:700; color:#cc1903;}
.redeemBtn {width:140px; height:31px; margin-left:30px; margin-top:5px; background:url(../images/redeem-btn.png) no-repeat left top; color:#FFF; font:100 16px/28px Verdana, Geneva, sans-serif; text-decoration:none; text-align:center; display:block;}
.redeemBtn:hover {background-position: left -31px;}
.selectServer {width:400px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#000; padding:10px 14px;; text-align:right; float:right;}
.prizesCS {width:200px; margin-left:20px; padding-top:16px;float:left;}
.prizesCST {width:500px; margin-left:20px; padding-top:16px; font:100 13px/20px Verdana, Geneva, sans-serif; color:#333; float:left;}
