* {margin:0; padding:0;}
body {width: 100%; height: 100%; min-height: 100%; height: auto !important; height: 100%; position: absolute; }
body {background:#ffffff; font:12px Tahoma; color:#333333;}
img {border:0;}

.page {width:760px; margin:0 auto; padding-bottom:120px;}
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}
ul {list-style:none;}
a { color:#0033cc;}
a:hover {text-decoration:none;}
textarea {border: 1px solid #8c8c8c;padding: 3px;font-size: 11px;font-family:arial}
h2 {color:#686868; font-size:18px; font-weight:normal; padding:15px 0 7px 9px}

/*Head*/
.head {height:110px; position:relative}
.logo, .head p {position:absolute}
.logo {left:20px; top:5px}
.head p {color:#666666; top:77px; right:6px}
.head p strong {color:#333333}

/*Nav*/
.nav { background:url('/img/nav-bg.png') no-repeat; height:34px; margin-bottom:1px;}
.nav li { height:26px; background:url('/img/nav-li-bg.png') no-repeat right; padding:8px 13px 0 11px; float:left;}
.page .active {background:url('/img/nav-hover.png') repeat-x; padding:8px 14px 0 14px; color:#ccccff;}
.page .active a {text-decoration: none}
.nav li a {color:#ffffff;}
.nav li img {vertical-align: top;}

/* Menu */
.menu {list-style:none;margin:10px 0;}
.menu li {}
.menu li a {color: #000}
.menu li a:hover {color: #000F}

/*Main*/
.main {min-height:1px;}
.left { width:273px; float:left;}
.right { width:487px; float:left;}

/*Left side*/
.box {background:url('/img/box1-t.png') no-repeat #d7d7d7; width:273px; margin-bottom:15px;}
.box h2 {text-align:center; font-size:18px; color:#990000; font-family: Arial, Tahoma; font-weight:normal; padding:15px 0 11px 0;}
.v-reg { background:url('/img/v-reg.png') no-repeat; height:47px; text-align:center; padding-top:12px;}

/* Boxes */
.s-box, .r-box, .f-box, .m-box {padding:0 0 7px 13px;min-height:1px}

.s-box h2 span {color:#ff0000}
.s-box label {color:#ff6633; font-weight:bold}
.s-box div {width:118px; text-align:center; height:175px; float:left;}
.s-box p {color:#666666; font-size:11px; padding-top:4px;}
.s-box p a {color:#0033cc; text-decoration:none; font-weight:bold;}
.s-box small {position: absolute;display:none;width: 150px;margin:0px;padding: 5px;background: #fcdc99;font-size: 10px;line-height: 12px;border: dashed 1px #0B198C;z-index: 100000000}

#gameinfo {margin:13px;padding:23px;text-align:center;background:#ffffcc;border:5px #ffbd7f solid;color:#666666}

.r-box h2 {color:#ff0000; font-size:18px; text-align: center}
.r-box input, select {width: 170px}

.f-box div {width:240px;background: #f4f4f4;border:1px #808080 solid;margin:3px;padding:2px;text-align:center}
.f-box div img {width:50px}
.f-box ul {width: 352px;margin:13px;}

.m-box div {width:450px;background: #f4f4f4;border:1px #808080 solid;margin:3px;padding:3px;float:left}
.m-box div img {width:50px}
.m-box div.new {background: #d2d6e2}
#m-box1 {width:60px;background: #f9f9f9;text-align:center}
#m-box2 {width:360px;background: #f9f9f9}
#m-box1 a {text-decoration:none}
.m-box ul {width: 343px;margin:13px;}

.a-box {min-height:1px;margin: 13px;background:#ffffcc;padding:13px;border:5px #ffbd7f solid;text-align:center;font-size:17px}
.a-box #sms-box {display:none;margin:5px;padding:5px;background:#f5f5f5;}
.a-box #sms-box b {color:#ff0000;font-size:22px}
.a-box #operator {display:none}
.a-box #rules {margin-top:20px}
.a-box #rules a {text-decoration: none;color:#b5b5b5;font-size:9px}
.a-box #rules-box {background:#f5f5f5;margin:13px;padding:13px;border:1px #000 dotted;font-size:9px;text-align:left}

/* TOP 100 */
.top100 {background:#f5f5f5; border:1px #000 dotted; margin:14px; padding:3px; min-height:1px;text-align:center}
.top100 h2 {color:#686868; font-size:22px}
.top100 h2 span {color:#ff0000}

/* Profile */
.p-box {margin: 14px; padding: 5px; background: #f5f5f5; border: 1px #d7d7d7 solid}
.profile_form, .profile_photo, .profile_action {min-height:1px; padding: 5px; background: #eee; border:1px #000 dotted}
.profile_form img {float: left; margin: 5px 10px 5px 0px; border: 1px solid #727272}
.profile_photo img {margin: 2px 5px 2px 0px; border: 1px solid #727272;height:50px}

#big_photo {visibility: hidden;border: 1px solid #eee}
#big_photo_form {visibility: hidden; text-align:center; margin:10px; padding: 10px;border: 1px dotted #000}

#user_info {float: left; padding: 10px 0px 10px 0px;}
#user_actions {float: right; padding: 10px 0px 10px 0px;}

/* Action */
#messageBody {background: #f4f4f4; margin:5px;padding:5px;border:1px #808080 solid}

.ico_fri{background:transparent url('/img/icon_fri.gif') no-repeat scroll 0 50%; padding-left:23px; height:20px}
.ico_mes{background:transparent url('/img/icon_mes.gif') no-repeat scroll 0 50%; padding-left:23px; height:20px}
.ico_win{background:transparent url('/img/icon_win.gif') no-repeat scroll 0 50%; padding-left:23px; height:20px}
.ico_cha{background:transparent url('/img/icon_cha.gif') no-repeat scroll 0 50%; padding-left:23px; height:20px}
.ico_tel{background:transparent url('/img/icon_tel.gif') no-repeat scroll 0 50%; padding-left:23px; height:20px}

/*Footer*/
.foot {position:absolute; width:100%; border-top:1px solid #dddee0; height:94px; left:0px; bottom:0px;}
.foot-in {width:760px; margin:0 auto; position:relative; color:#808080;text-align: center}
.foot-in div {position:absolute; top:18px; right:0px;}
.foot-in p { padding:18px 0 0 0;}
.foot-in a {color:#515c67;}