* { margin: 0; padding: 0; border: none; outline: none; list-style:none;}

/*-----------------------------------------------------------------
common
-----------------------------------------------------------------*/

body {
    margin: 0;
    padding: 0 0 0 0; /*top, right, bottom, left*/
    font-size:11px;
    font-family:verdana, sans-serif;
    color:#cccccc;
    line-height:18px;
    background:#333333 url('../images/bg_main.jpg') repeat-x top;
    /*background:#333333 url('../images/blips/bg_blips.jpg') repeat-x top center;*/
    /*background:#660033 url('../images/bg_val.jpg') no-repeat fixed top center;*/
}

#main {
    top:44px;
    bottom:25px;
    width:auto;
    height:90%;
    padding:3px;
    position:fixed;
    overflow:hidden;
    float:left;
}

.wide {
    /*background:url('../images/bg_red.jpg') repeat-x top;*/
    /*background:url('../images/bg_main.jpg') repeat-x top;*/
}

.centerize {
    width:998px;
    padding-top:10px;
    padding-bottom:3px;
    clear:both;
}

.container {
    width:auto;
    padding:6px 11px 12px 10px; /*top, right, bottom, left*/
    border-bottom:1px solid #222222;
    border-right:1px solid #003399;
    border-top:1px solid #999999;
    border-left:1px solid #336666;
    background:#666666;
    overflow:hidden;
    clear:both;
}

.container2 {
    width:auto;
    padding:6px 11px 12px 10px; /*top, right, bottom, left*/
    border-bottom:1px solid #222222;
    border-right:1px solid #003399;
    border-top:1px solid #999999;
    border-left:1px solid #336666;
    background:url('../images/1x1_transparent_50.png');
    overflow:hidden;
    clear:both;
}

.bodycopy {
    padding:6px;
    font-size:11px;
    font-family:verdana,sans-serif;
    text-align:justify;
    white-space:normal;
    overflow:hidden;
}

.bodycopy p.question{
    padding-left:18px;
    font-size:12px;
    background:url('../images/q.gif') no-repeat;
}
.bodycopy p.answer{
    padding-left:18px;
    background:url('../images/a.gif') no-repeat;
}

.bodycopy SPAN{
    text-transform:uppercase;
}

#blipsbox {
    margin-left:10px;
    margin-bottom:10px;
    padding:6px;
    padding-left:60px;
    position:relative;
    background:url('../images/whoBlip.gif') no-repeat top left;
    float:left;
}
#blipsbox img{
    padding:8px 10px 8px 10px;
    float:left;
}

.line_666666{
    width:100%;
    height:1px;
    background:#666666;
    position:relative;
}
.line_99ccff{
    width:100%;
    height:1px;
    background:#99ccff;
    position:relative;
}

.redline {
    height:1px;
    background:red;
    position:relative;
}


/*-----------------------------------------------------------------
header section
-----------------------------------------------------------------*/

#header{
    width:100%;
    padding:0px;
    /*background:#330000;*/
    /*background:#000000;*/
    overflow:hidden;
}

.head{
    width:1000px;
    height:70px;
    /*background:#333333 url('../images/bg_top.jpg') repeat-x bottom;*/
    overflow:hidden;
}

.top {
    width:100%;
}

.top .topL{
    width:10px;
    height:70px;
    background:url('../images/header_topL.png') no-repeat bottom left;
    float:left;
}

.top .topM{
    width:980px;
    height:70px;
    background:#333333 url('../images/bg_top.jpg') repeat-x bottom;
    float:left;
}

.top .topR{
    width:10px;
    height:70px;
    background: url('../images/header_topR.png') no-repeat bottom right;
    position:relative;
    float:right;
}

.topM .logo{
    width:160px;
    padding-right:2px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:5px;
    float:left;
}

.topM .topC{
    width:800px;
    background:none;
    float:left;
}
.topC .lang{
    font-size:10px;
    color:#666666;
    position:relative;
    float:right;
}
.lang a{
    color:#999999;
}
.lang a:hover{
    color:#99ccff;
}
.top .free{
    width:225px;
    height:50px;
    margin-top:14px;
    padding-right:2px;
    padding-left:2px;
    text-indent:-9000px;
    float:right;
}
.top .free a {
    background:url("../images/games_mn_off.png") no-repeat;
}
.top .free a:hover {
    background:url("../images/games_mn.png") no-repeat;
}

/*-----------------------------------------------------------------
text & paragraph
-----------------------------------------------------------------*/

a {
    color:#cccccc;
    text-decoration:none;
}

a:hover {
    color:#ffffff;
}

.darker{
    color:#333333;
}
.darker:hover{
    color:#666666;
    text-decoration:underline;
}

a.bt64{
    width:64px;
    height:14px;
    padding:1px 20px 1px 4px;
    color:#3399cc;
    background:url("../images/bt64Off.png") no-repeat;
}
a:hover.bt64{
    background:url("../images/bt64On.png") no-repeat;
}

.email a{
}

.email a:hover{
    text-decoration:underline;
}

p.caption{
    font-size:11px;
    font-weight:bold;
    font-family:arial,sans-serif;
    text-decoration:none;
}

p.caption1{
    font-size:10px;
    font-family:arial,sans-serif;
    text-decoration:none;
}

p.caption2{
    font-size:10px;
    font-weight:bold;
    font-family:arial,sans-serif;
    text-decoration:none;
    color:#999999;
}

p.caption3{
    font-size:12px;
    font-family:arial,sans-serif;
    text-decoration:none;
    color:#999999;
}

.caption {
    font-size:10px;
}

.tiny {	
    font-size:9px;
    font-family:arial,sans-serif;
    text-align:left;
    line-height:12px;
    color:#999999;
}

.tiny B{	
    font-size:11px;
    font-family:arial,sans-serif;
    text-align:left;
    line-height:14px;
    color:#999999;
}

.alert{
    font-size:12px;
    font-weight:bold;
    color:red;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.padd1{
    padding:1px;
}
.padd2{
    padding:2px;
}
.padd3{
    padding:3px;
}

#border{
    width:auto;
    border:1px solid #555555;
    background:transparent;
    position:relative;
    float:left;
}

.detailBar {
    padding:6px;
    letter-spacing:0px;
    background:#444444;
}

.cautionBox {
    padding:6px;
    background:#555555;
}
.cautionBox p{
    width:98%;
    padding-left:22px;
    letter-spacing:0px;
}
span.noteIcon{
    width:15px;
    height:18px;
    background:url('../images/ic_note.gif') no-repeat left bottom;
    float:left;
}

/*-----------------------------------------------------------------
title bar
-----------------------------------------------------------------*/
ul.title {
    margin:0;
    padding:0;
    width:99%;
    height:23px;
    margin:0px auto;
    font-weight:bold;
    font-family:arial,sans-serif;
    border-bottom:1px solid #888888;
    border-right:1px solid #555555;
    border-top:1px solid #555555;
    border-left:1px solid #555555;
    background:url("../images/bgON.gif") repeat-x top;
    list-style-type:none;
    overflow:hidden; /*visible, hidden, scroll, auto*/
    position:relative;
    display:block;
    clear:both;
}
ul.title li{
    margin:0;
    padding:0;
    display:block;
    float:left;
}
ul.title li.subject {
    height:23px;
    padding:4px 20px 0px 20px;
    border-bottom:1px solid #99ccff;
    border-right:1px solid #99ccff;
    border-top:1px solid #999999;
    border-left:1px solid #FFFFFF;
    font-size:12px;
    color:#333333;
    line-height:14px;
    background: url("../images/bgOFF.gif") repeat-x top;
    float: left;
}
ul.title li.caption {
    margin:0;
    font-size:11px;
    font-weight:normal;
    color:#ffffff;
    padding:4px 20px 0px 20px;
    display:block;
    float: left;
}

.someclass{
}

/*-----------------------------------------------------------------
register bar & support
-----------------------------------------------------------------*/
ul.memberBar{
    margin:0;
    padding:0;
    height:32px;
    width:auto;
    font-weight:bold;
    font-family:arial,sans-serif;
    border-bottom:1px solid #222222;
    border-right:1px solid #3366cc;
    border-top:1px solid #555555;
    border-left:1px solid #336633;
    background:#555555 url("../images/bgMost.gif") repeat-x top;
    position:relative!important;
    list-style-type:none;
    overflow:hidden;
    display:block;
}

ul.memberBar li{
    position:relative;
    display:inline;
    float:left;
}
ul.memberBar li.leftBt{
    height:32px;
    padding:6px 20px 0px 20px;
    border-right:1px solid #559966;
    font-size:10px;
    font-family:arial,sans-serif;
    float:left;
}
ul.memberBar li.memberLog{
    margin-right:10px;
    width:75%; /*880px;*/
    height:32px;
    padding:0;
    background:none;
    float:right;
}
ul.memberBar li a{
    color:#99ccff;
}

ul.memberBar li a:hover{
    text-decoration:underline;
    color:#99FFFF;
}

ul.memberBar li.subject{
    font-size:10px;
    font-weight:bold;
    color:#2255cc;
    padding-left:4px;
    padding-right:4px;
    float:left;
}

ul.memberOnly{
    width:100%;
    height:30px;
    background:none;
    position:relative;
    display:block;
    float:right;
}
ul.memberOnly li {
    position:relative;
    float:left;
}
ul.memberOnly li.msg{
    margin-top:4px;
    width:240px;
    font-size:10px;
    font-family:arial,sans-serif;
    color:red;
    text-align:left;
    line-height:18px;
    background:none;
    position:relative;
    float:left;
}
ul.memberOnly li.login{
    width:430px;
    font-size:10px;
    font-weight:bold;
    font-family:arial,sans-serif;
    color:white;
    background:none;
    position:relative;
    float:right;
}
input.signin{
    width:60px;
    height:22px;
    font-size:9px;
    font-family:arial,sans-serif;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:0px;
    color:#99ccff;
    background:url("../images/signIn_bt.png") no-repeat;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}
input.signin:hover{
    color:#ffffff;
    background:url("../images/signIn_btOn.png") no-repeat;
}
ul.memberOnly li.logged{
    margin-top:6px;
    width:660px;
    font-size:11px;
    font-weight:bold;
    font-family:arial,sans-serif;
    text-align:right;
    color:white;
    background:none;
    position:relative;
}
ul.memberOnly li.logout{
    margin-top:0px;
    width:70px;
    font-size:10px;
    font-weight:bold;
    font-family:arial,sans-serif;
    background:none;
    position:relative;
    float:right;
}
input.signout{
    width:70px;
    height:22px;
    font-size:9px;
    font-family:arial,sans-serif;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:0px;
    color:#99ccff;
    background:url("../images/signOut_bt.png") no-repeat;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}
input.signout:hover{
    color:#ffffff;
    background:url("../images/signOut_btOn.png") no-repeat;
}
ul.requestLog{
    margin-top:4px;
    position:relative;
    float:right;
}
ul.requestLog li{
    position:relative;
}
ul.requestLog li.sub{
    margin-top:1px;
    padding:1px;
    float:left;
}
ul.requestLog li.field{
    padding:1px;
    float:left;
}
ul.requestLog li.field INPUT{
    margin-top:1px;
    padding:2px;
    font-size:10px;
    font-family:verdana,sans-serif;
    border:1px solid #333333;
}
ul.requestLog li.submit{
    width:70px;
    float:right;
}

ul.supp{
    width:100%;
    padding-top:3px;
    padding-bottom:3px;
    background:transparent;
    list-style-type:none;
    position:relative;
}

ul.supp li{
    padding:3px 0px 3px 0px;
    position:relative;
}

ul.supp li.subject{
    width:100%;
    font-size:11px;
    border:1px solid #777777;
    float:left;
}

ul.supp li.sbox{
    width:100%;
    border:1px solid #777777;
    background:#777777;
    float:left;
}

.sbox .sbTxt{
    width:700px;
    padding-left:4px;
    padding-right:4px;
    background:#777777;
    float:left;
}
.sbox .sbForm{
    width:220px;
    margin:3px;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:4px;
    border:1px solid #555555;
    background:#666666;
    float:right;
}


/*-----------------------------------------------------------------
footer section
--------------------------- --------------------------------------*/
#footer {
    margin:0px auto;
    width:100%;
    bottom:1px;
    padding-top:2px;
    position:fixed;
    overflow:hidden;
    float:left;
}

#footer a{
    color:#333333;
}

.copyright {
    height:24px;
    padding:3px;
    border-bottom:1px solid #000000;
    border-top:1px solid #666666;
    font-size:10px;
    font-family:arial,sans-serif;
    color:#666666;
    background:#222222;
}
.copyright span {
    color:#b9b9b9;
    float:right;
}
