body { font: 11px Tahoma, arial, helvetica, sans-serif; color: #333333; background: #fff url(../images/bg-body.jpg) repeat-x 0px 0px; }
body,html,div,ul,ol,li,form,fieldset,dl,dt,dd,h1,h2,h3,h4,h5,p { margin: 0px; padding: 0px; }
ul,li { overflow: hidden; }
ul { list-style-type: none; }
form,fieldset,img { border: 0px; }
a { color: #367173; text-decoration: underline; }
a:hover { text-decoration: none; }
textarea { font: 13px Tahoma, arial, helvetica, sans-serif; }
input.text,textarea,select { margin: 1px 2px; border: 1px solid #82A9AB; padding: 2px; }
input.hover,select.hover { margin: 0px 1px; border: 2px solid #ff9933; background: #ffffcc; }
input.checkbox { vertical-align: middle; margin: 0 2px 0 0; }
textarea.hover { border: 2px solid #ff9933; padding: 4px; }
textarea.text { width: 300px; height: 100px; }
textarea.text.hover { padding: 2px; margin: 0px 1px; }
.clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; }

#page { width: 960px; overflow: hidden; margin: 0 auto; }
#page div.center { text-align: center; padding: 5px; }
#page div.corners b { border-color: #b2c9d9; border-style: solid; border-width: 0 1px; display: block; height: 1px; overflow: hidden; }
#page div.corners b.r1 { background: #b2c9d9; margin:0 5px; }
#page div.corners b.r2 { border-width: 0 2px; margin:0 3px; }
#page div.corners b.r3 { margin: 0 2px; }
#page div.corners b.r4 { height: 2px; margin:0 1px; }
#page div.corners.full b.r2,#page div.corners.full b.r3,#page div.corners.full b.r4 { background: #e6f2f5; }
#page h3,#page h3 a { font: 14px Tahoma,Sans-Serif; color: #31627e; font-weight: bold; margin: 0 0 7px 0; }
#page img.emoticon { vertical-align: middle; margin: 0 2px; }

#top { height: 104px; position: relative; }
#top img { position: absolute; left: 3px; top: 8px; }
#top form { position: absolute; top: 38px; right: 5px; width: 320px; text-align: center; line-height: 22px; }
#top form input.text { width: 70px; }
#top form a { margin: 0 5px; padding-left: 13px; background: url(../images/bg-dot.gif) no-repeat 0px 4px; }
#top h1 { position: absolute; top: 45px; font-size: 14px; font-weight: bold; left: 245px; }
#top strong { position: absolute; font-size: 12px; top: 40px; left: 245px; width: 370px; }

#menu { height: 47px; overflow: hidden; padding-top: 3px; }
#menu li { display: inline; }
#menu a { float:left; color:#fff; text-decoration:none; margin-right:2px; margin-top:4px; }
#menu a b { float:left; font-weight: bold; padding:6px 14px; }
#menu a:hover b,#menu a.active b { background: url(../images/bg-menu-tab-right.gif) no-repeat right top; }
#menu a:hover,#menu a.active { background: url(../images/bg-menu-tab-left.gif) no-repeat left top; color:#31627e; cursor:pointer; }

#wrap { padding-top: 10px; }

#sidebar { width: 240px; display: inline; float: left; overflow: hidden; }
#sidebar div.box { background: #e6f2f5 url(../images/bg-box.jpg) repeat-x 0 0; padding: 3px 10px; margin-bottom: 20px; border: 1px solid #b9c5db; }
#sidebar div.box h1,#sidebar div.box h2 { font-size: 18px; color: #fff; font-weight: normal; margin-bottom: 12px; }
#sidebar div.box ul { margin-bottom: 5px; }
#sidebar div.box ul li { font-size: 12px; padding-left: 12px; padding-bottom: 4px; background: url(../images/bg-dot.gif) no-repeat 0px 5px; }
#sidebar div.box ol { margin-bottom: 10px; list-style-type: none; }
#sidebar div.box ol li { padding: 0 0 3px 0; width: 220px; position: relative; }
#sidebar div.box ol li span { position: absolute; top: 0; right: 0; }
#sidebar div.box p { text-align: justify; }
#sidebar div.box.main { font-size: 12px; }
#sidebar div.ranks img { padding: 2px; background: #fff; width: 60px; height: 60px; margin: 1px 2px; border: 1px solid #cccccc; }

#content { width: 700px; display: inline; float: right; overflow: hidden; }
#content h1 { font-size: 20px; color: #31627e; padding: 3px; border-bottom: 2px solid #b2c9d9; margin-bottom: 10px; }
#content div.box-yellow { width: 678px; font-size: 12px; padding: 10px; border: 1px solid #b2c9d9; background: #ffffcc; }
#content div.box2 { width: 678px; font-size: 12px; border: 1px solid #b2c9d9; border-top: 0; border-bottom: 0; background: #e6f2f5; padding: 3px 10px; }
#content form dt { width: 170px; float: left; display: inline; clear: both; padding: 3px 0px 0px 0px; font-weight: bold; }
#content form dd { width: 500px; float: left; display: inline; padding-bottom: 3px; }
#content form dd input.text { width: 300px; }
#content form dd input.hover,#content form dd textarea.hover,#content form dd select.hover { background: #fff; }
#content form ul.errors { color: #cc0000; margin: 0px 0px 4px 4px; text-align: justify; }
#content form.normal-form dt,#content form.normal-form dd { display: block; width: 100%; float: none; }
#content form.normal-form input.text { width: 664px; }
#content form.normal-form p { display: inline; }
#content div.games { width: 700px; background: url(../images/bg-pix-vert.gif) repeat-y 349px 0; }
#content div.games div.item { width: 340px; float: left; display: inline; position: relative; overflow: hidden; height: 140px; padding: 5px; background: url(../images/bg-pix-hor.gif) repeat-x 2px 148px; }
#content div.games div.item img { position: absolute; top: 5px; left: 5px; border: 1px solid #31627e; }
#content div.games div.item h3 { color: #333333; position: absolute; top: 5px; left: 145px; font-size: 12px; height: 17px; overflow: hidden; }
#content div.games div.item h3 a { color: #333333; }
#content div.games div.item p { position: absolute; top: 25px; left: 145px; font-size: 12px; height: 100px; overflow: hidden; width: 190px; text-align: justify; }
#content div.games div.ads { width: 336px; float: right; display: inline; text-align: center; height: 280px; overflow: hidden; padding: 10px 7px; background: url(../images/bg-pix-hor.gif) repeat-x 2px 298px; }
#content div.movies { width: 700px; background: url(../images/bg-pix-vert.gif) repeat-y 0 -1px; }
#content div.movies div.item { background: url(../images/bg-movie.gif) no-repeat 1px -2px; float: left; display: inline; width: 165px; height: 138px; padding: 5px; text-align: center; }
#content div.movies div.item img { border: 1px solid #31627e; }
#content div.movies div.item h3 { color: #333333; font-size: 12px; }
#content div.movies div.ads { width: 336px; float: right; display: inline; text-align: center; height: 282px; overflow: hidden; padding: 7px 7px; background: url(../images/bg-pix-hor.gif) repeat-x 3px 295px; }
#content div.right { text-align: right; }
#content div.other { background: #CCE7E8; float: right; width: 430px; padding: 10px; height: 310px; }
#content div.other div.item { padding: 3px; width: 137px; float: left; display: inline; text-align: center; height: 129px; }
#content div.other div.item img { border: 1px solid #31627e; }
#content div.other div.item a { color: #333333; }
#content div.description { overflow: hidden; height: 182px; float: left; display: inline; width: 220px; background: #CCE7E8; padding: 10px; }
#content div.description p { text-align: justify; font-size: 12px; }
#content div.recommend { height: 98px; float: left; display: inline; width: 220px; background: #CCE7E8; padding: 10px; margin-top: 10px; }
#content div.recommend.top { margin-top: 0px; margin-bottom: 10px; }
#content div.recommend textarea { font-size: 11px; width: 214px; border: 1px solid #31627e; padding: 2px; height: 45px; }
#content div.recommend textarea.hover { margin: 1px 2px; }
#content div.recommend a { color: #ff3300; font-size: 12px; }
#content h3 { font-size: 14px; color: #31627e; margin-bottom: 5px; } 
#content div.wish { margin: 5px 0; border: 1px solid #b9c5db; background: url(../images/bg-wish.jpg) repeat-y 0 0; }
#content div.wish p { float: left; display: inline; width: 545px; margin: 5px 10px; font-size: 12px; text-align: justify; }
#content div.wish div.info { float: left; width: 120px; background: #e6f2f5; padding: 3px 5px; }
#content div.wish div.info b { font-size: 14px; }
#content div.wish div.info img { vertical-align: middle; margin: 0 5px; }
#content.main div.box { width: 680px; padding: 40px 11px 0 9px; height: 160px; background: url(../images/bg-main-box.jpg) no-repeat 0 0; margin-bottom: 15px; position: relative; }
#content.main div.box h4 { padding: 6px 20px 0 0; font-weight: normal; font-size: 16px; position: absolute; height: 26px; overflow: hidden; top: 0; left: 60px; color: #fff; background: url(../images/bg-main-box-header.jpg) no-repeat top right; }
#content.main div.box img.image { position: absolute; top: 1px; left: 15px; }
#content.main div.box div.item { margin-top: 3px; float: left; display: inline; width: 160px; text-align: center; padding: 2px 5px 5px 5px; height: 126px; overflow: hidden; }
#content.main div.box div.item img { border: 1px solid #31627e; padding: 1px; }
#content.main div.box div.item p { font-weight: bold; }
#content.main div.box ul { margin-top: 3px; }
#content.main div.box ul li { background: url(../images/bg-dot.gif) no-repeat 0px 4px; padding-left: 15px; height: 16px; overflow: hidden; width: 665px; font-size: 12px; }
#content.main div.box a.more { position: absolute; right: 10px; bottom: 0px; font-size: 11px; }
#emoticons { text-align: center; }
#emoticons img { margin: 0 2px; }

#content div.blog { float: left; width: 70px; text-align: center; display: inline; padding-top: 20px; }
#content div.blog img { padding: 2px; background: #fff; width: 60px; height: 60px; margin: 3px; border: 1px solid #cccccc; }
#content div.paper { float: right; width: 560px; text-align: left; background: url(../images/bg-paper.jpg); padding: 10px; border: 1px solid #b2c9d9; margin-bottom: 10px; }
#content div.paper p { line-height: 16px; }
#content div.paper h3 { border-bottom: 2px solid #e0b0a6; padding-bottom: 3px; }
#content div.paper div.info { position: relative; text-align: right; font-size: 11px; border-top: 1px solid #212121; padding: 3px 0 0 0; margin-top: 5px; }
#content div.paper div.info a { position: absolute; color: #cc3300; top: 3px; left: 0; font-weight: bold; }

#content table { font: 11px Arial,Sans-Serif; width: 100%; border-collapse: collapse; margin: 5px 0; }
#content table td { vertical-align: top; padding: 3px; }
#content table th { text-align: left; padding: 3px; }
#content table .key { width: 150px; font-weight: bold; }
#content table .center { text-align: center; }
#content table .options { width: 50px; text-align: center; }
#content table .id { width: 30px; text-align: center; }
#content table .date { width: 90px; text-align: center; }
#content table td.f { border-left: 2px solid #fff; text-align: center; }
#content table th.f { text-align: center; }
#content table .w140 { width: 140px; }
#content table .w105 { width: 120px; }
#content table .w60 { width: 60px; }
#content table .message { width: 36px; background: #F1F7FC url(../images/ico-mail.gif) no-repeat 22px center; }
#content table .newmessage { width: 36px; background: #F1F7FC url(../images/ico-mail-new.gif) no-repeat 22px center; }
#content table .sendmessage { width: 36px; background: #F1F7FC url(../images/ico-mail-send.gif) no-repeat 22px center; }
#content table img { vertical-align: middle; }
#content table th { background: #E1DFD4; border-bottom: 1px solid #8BAFD0; }
#content table td { background: #F1F7FC; border-bottom: 2px solid #fff; vertical-align: middle; }
#content table tr.hover td { background-color: #f3ffcd; }
#content table a { color: #0073C2; }
#content table.book th { border: 1px solid #8BAFD0; text-align: center; }
#content table.book td { border: 1px solid #cccccc; }
#content table td.sum { text-align: right; font-weight: bold; background: #fff; border-left: 0; border-bottom: 0; }
#content table tr.hover td.sum { background: #fff; border-left: 0; border-bottom: 0; }

#content div.friend { width: 160px; padding: 4px; float: left; display: inline; text-align: center; height: 200px; overflow: hidden; }
#content div.friend div.thumb img { border: 1px solid #212121; }
#content div.friend div.options { font-size: 10px; }
#content div.friend div.options img { vertical-align: middle; margin: 0 2px; }

#content div.comment { border-bottom: 1px solid #cccccc; margin-bottom: 7px; }
#content div.comment div.left { float: left; width: 70px; text-align: center; display: inline; padding-top: 5px; font-size: 10px; margin-bottom: 3px; }
#content div.comment div.left img { padding: 2px; background: #fff; width: 60px; height: 60px; margin: 2px; border: 1px solid #cccccc; }
#content div.comment p { float: right; width: 590px; text-align: left; padding: 10px 5px; margin-bottom: 3px; }
#content div.comment p b { display: block; padding-bottom: 2px; margin-bottom: 4px; border-bottom: 1px solid #e0b0a6; margin-right: -5px;  }

#contacts { overflow: auto; height: 189px; padding: 3px 0; }
#sidebar div.box #contacts ul li { background: url(../images/cellphone.gif) no-repeat 0 3px; padding: 3px 3px 3px 15px; width: 190px; }

#page div.pager { margin: 15px 0px; font-size: 12px; font-weight: bold; text-align: center; padding: 4px 0px; }
#page div.pager a { font-size: 12px; padding: 3px 5px; background: #f5e7cd; color: #d3bc93; border: 1px solid #d3bc93; text-decoration: none; }
#page div.pager a:hover { text-decoration: underline; color: #998053; }
#page div.pager a.active { background: #fff; color: #000000; border-color: #000000; }

#page button { cursor: pointer; border: 0; background: url(../images/bg-button.jpg) repeat-x 0 1px; width: 70px; height: 20px; text-align: center; font: 11px Arial,Sans-Serif; font-weight: bold; color: #336699; }
#page button.small { background: url(../images/bg-button45.jpg) repeat-x 0 1px; width: 45px; }

#footer { padding: 5px; text-align: center; }

#messages { margin: 10px auto; width: 700px; }
#messages h4 { padding: 0 0 4px 10px; background: #397aba; color: #fff; font-size: 13px; font-weight: bold; }
#messages b { border-color: #397aba; border-style: solid; border-width: 0 1px; display: block; height: 1px; overflow: hidden; }
#messages b.r1 { background: #397aba; margin:0 5px; }
#messages b.r2 { border-width: 0 2px; margin:0 3px; }
#messages b.r3 { margin: 0 2px; }
#messages b.r4 { height: 2px; margin:0 1px; }
#messages b.full { background: #397aba; }
#messages p { text-align: center; font-size: 12px; font-weight: bold; color: #FF4C4C; padding: 10px 15px 5px 15px; border-left: 1px solid #397aba; border-right: 1px solid #397aba; }