/* reset */
html { height:100%; color:#333333; background:#fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, h6, pre,
code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; overflow:hidden; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; }
del, ins { text-decoration:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup, sub { vertical-align:baseline; }
legend { color:#000; }
input, button, textarea, select, optgroup, option {
font-family:Arial, Helvetica, sans-serif;
font-size:inherit;
font-style:inherit;
font-weight:inherit; }
* { outline:0; }
a { text-decoration:none; cursor:pointer; color:#333; }
acronym { font-size:12px !important; }
/*
z-index elements:
dropdowns: 1 - 10
*/
/* layout */
body {
font:12px Arial, Helvetica, sans-serif;
height:100%;
background: url(/images/new_layout/main_bg.jpg) no-repeat center top;
min-width:960px;
padding:0 15px; }
body.igc { background-image: url(/images/new_layout/igc_main_logo.jpg); }
#container {
min-width:960px;
max-width:1200px;
margin:0 auto;
min-height:100%; }
acronym { cursor:help; }
/* clear */
.clear:after, .wrapper.half:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
/* wrapper */
.wrapper { overflow:hidden; }
.wrapper.clear { overflow:visible; }
.wrapper.half { width:50%; overflow:visible; }
.wrapper.half .column { width:100%; float:left; margin-right:-100%; }
.wrapper.half .column.right { margin-left:100%; }
.wrapper.fixed .column { width:250px; }
.wrapper.fixed .column-wrapper { width:100%; margin-left:-250px; }
.wrapper.fixed.left .column-wrapper, .wrapper.fixed.right .right.column { float:right; }
.wrapper.fixed.right .column-wrapper, .wrapper.fixed.left .left.column { float:left; }
.wrapper.fixed .column-wrapper .column { width:auto; margin-left:250px; }
.wrapper.fixed.left .left.column, .wrapper.fixed.right .right.column { position:relative; z-index:1; }
/* corners */
.rounded-small {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px; }
.rounded-pixel, .input, .anounce-box {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px; }
.rounded-slider {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; }
/* dropdown */
.dropdown { position:relative; z-index:5; }
.dropdown.focus { z-index:6; }
.dropdown .clickarea {
cursor:default;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:5; }
.dropdown .dropdown-box {
position:absolute;
top:0;
left:0;
display:none;
z-index:5; }
/* smallUser */
.smallUser { overflow:hidden; }
.smallUser a {
float:left;
color:#666;
display:block;
line-height:16px;
padding:2px 0 2px 24px;
position:relative;
white-space:nowrap; }
.smallUser a img {
position:absolute;
top:0;
left:0;
width:16px;
height:16px;
padding:1px;
border:1px solid #999; }
.smallUser a:hover img { border-color:#666; }
.smallUser a b { font-size:14px; font-weight:normal; }
.smallUser a:hover b { color:#333; }
/* coins */
.coin { overflow:hidden; display:block; background: url(/images/new_layout/coins.png) no-repeat; }
.coin.small { width:16px; height:16px; }
.coin.big { width:32px; height:32px; }
.silver.small { background-position:-32px top !important; }
.silver.big { background-position:left top !important; }
.gold.small { background-position:-32px -16px !important; }
.gold.big { background-position:left -32px !important; }
.close.small { background-position:-32px -32px; }
.flag.small { background: url(/images/new_layout/flag.png) no-repeat; }
.trash.small { background: url(/images/new_layout/trash.png) no-repeat; }
.clock.small { background: url(/images/new_layout/clock.png) no-repeat; }
.ribbon.small { background: url(/images/new_layout/ribbon.png) no-repeat; }
.feather.small { background: url(/images/new_layout/feather.png) no-repeat; }
.traffic_lights.small { background: url(/images/new_layout/traffic_lights.png) no-repeat; }
.cup.small { background: url(/images/new_layout/cup.png) no-repeat; }
.fire.small { background: url(/images/new_layout/fire.png) no-repeat; }
.cake.small { background: url(/images/new_layout/cake.png) no-repeat; }
.imac.small { background: url(/images/new_layout/imac.png) no-repeat; }
.loupe.small { background: url(/images/new_layout/loupe.png) no-repeat; }
.money.small { background: url(/images/new_layout/money.png) no-repeat; }
.sticky.small { background: url(/images/new_layout/sticky_note_pin.png) no-repeat; }
.closed.small { background: url(/images/new_layout/sticky_note_shred.png) no-repeat; }
.cloud.small { background:url(/images/new_layout/comments.png) no-repeat; }
.fire-big.small { background:url(/images/new_layout/fire_big.png) no-repeat; }
.leaf.small { background:url(/images/new_layout/leaf.png) no-repeat; }
.folder_open_film.small { background: url(/images/new_layout/folder_open_film.png) no-repeat; }
.user_black.small { background: url(/images/new_layout/user_black.png) no-repeat; }
.video.small { background: url(/images/new_layout/video.png) no-repeat; }
.cards.small { background: url(/images/new_layout/cards_icon.png) no-repeat; }
/* input */
input.input { border:1px solid #d9d9d9; background:#fff; color:#666; width:100%; }
input.input.small { padding:2px 4px; }
input.input.focus { border-color:#666; background:#fff; }
input.input.default { color:#ccc; background:#fafafa; }
input.input.error { color:#e78585; background:#fbe8e8; }
/* action bar */
.action-bar-wrapper { padding:3px; border:1px solid #e5e5e5; background:#e5e5e5; }
.action-bar-wrapper.green { background:#bee57f; border-color:#bee57f; }
.action-bar-wrapper.red { background:#e57f7f; border-color:#e57f7f; }
.action-bar-wrapper.yellow { background:#ffe56a; border-color:#ffe56a; }
.action-bar { line-height:18px; }
.action-bar.medium { line-height:24px; }
.action-bar.big { font-size:18px; line-height:32px; }
.action-bar a { display:block; padding:0 6px; }
.action-bar input { height:10px; width:10px; position:absolute; left:-99999px; }
.action-bar .title {
border:1px solid #ccc;
background: #ececec url(/images/new_layout/button_gradient.png) repeat-x left top;
overflow:hidden;
-moz-box-shadow:0 1px 2px #333;
-webkit-box-shadow:0 1px 2px #333;
box-shadow:0 1px 2px #333;
position:relative; }
.action-bar.red .title { background:#b60f00 url(/images/new_layout/red_button_gradient.png) repeat-x left top; border-color:#a70808; }
.action-bar.disabled .title { background:#d7d7d7; border-color:#d7d7d7; }
.action-bar.disabled * { cursor:default; }
.action-bar .title:active {
top:1px;
-moz-box-shadow:0 0 1px #333;
-webkit-box-shadow:0 0 1px #333;
box-shadow:0 0 1px #333; }
.action-bar.disabled .title:active, .action-bar.dropdown .title:active {
-moz-box-shadow:0 1px 2px #333;
-webkit-box-shadow:0 1px 2px #333;
box-shadow:0 1px 2px #333;
top:0; }
.action-bar.disabled .title:hover, .action-bar.disabled .title:active { border-color:#d7d7d7; }
.action-bar.red .title:hover, .action-bar.red .title:active { border-color:#a70808; }
.action-bar.opened .title {
border-bottom:1px solid #fff;
background:#fff;
z-index:6;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important; }
.action-bar .title a { float:left; color:#666 !important; }
.action-bar.disabled .title a { color:#999 !important; }
.action-bar .title a input[type=submit] { display:none; }
.action-bar.red .title a { color:#750d0d !important; text-shadow:0 1px 0 #c34444; }
.action-bar .title a.action-link { border:1px solid transparent; }
.action-bar.active .title a { padding-right:12px; }
.action-bar .title a:hover { color:#333 !important; }
.action-bar.disabled .title a:hover { color:#999 !important; }
.action-bar .title a:active { background-color:#ddd; }
.action-bar.disabled .title a:active { background-color:none !important; }
.action-bar.red .title a:active { background-color:#a70808; }
.action-bar .title a.arrow {
text-indent:-999999px;
padding:0;
position:relative;
height:20px;
width:20px;
cursor:pointer;
border-left:1px dotted #cccccc;
display:none; }
.action-bar.active .title a.arrow { display:block; }
.action-bar.opened .title a.arrow { border-color:#fff !important; }
.action-bar .title a.arrow b {
display:block;
position:absolute;
width:7px;
height:4px;
left:50%;
top:50%;
margin-left:-4px;
margin-top:-2px;
background: url(/images/new_layout/down_arrow.png) no-repeat -9px top; }
.action-bar .title a.arrow:hover { border-color:#666; }
.action-bar .title a.arrow:hover b { background-position:-16px top; }
.action-bar .dropdown-box { top:20px; margin-top:1px; }
.action-bar.min .dropdown-box { width:100%; }
.action-bar .dropdown-box ul {
background:#fff;
-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;
border-top-left-radius:0;
-moz-box-shadow:0 2px 2px #666;
border:1px solid #ccc; }
.action-bar.min .dropdown-box ul {
-moz-border-radius-topright:0;
-webkit-border-top-right-radius:0;
border-top-right-radius:0; }
.action-bar .dropdown-box li a, .action-bar.focus .title a { color:#999 !important; background:#fff; }
.action-bar .dropdown-box li a:hover, .action-bar.opened .title a:hover { color:#333 !important; background-color:#bbb; }
.action-bar .dropdown-box li a:active, .action-bar.opened .title a:active { background-color:#999; }
/* fade */
.fade {
display:block;
float:right;
position:relative;
height:32px;
width:16px;
margin-top:-32px;
background: url(/images/new_layout/white_fade.png) repeat-y right top; }
/* menu */
.menu-wrapper, .menu-wrapper .menu ul { overflow:hidden; }
.menu-wrapper .menu .menu-buttons .action-bar, .menu-wrapper .menu li { float:left; }
.menu-wrapper .menu .second { margin-top:4px; line-height:18px; }
.menu-wrapper .menu .first { line-height:22px; }
.menu-wrapper .menu .second li a:hover { text-decoration:underline; }
.menu-wrapper .menu li.red a { color:#c00 !important; }
.menu-wrapper .menu li.red a:hover { text-decoration:none !important; border-bottom:1px dotted #c00; }
.menu-wrapper .menu li span { cursor:default; }
/* header */
#header { width:100%; }
/* header service */
#header .service-wrapper {
background:#fff;
border:1px solid #999;
border-top:0; }
#header .service-wrapper .service { width:50%; margin:0 auto; height:40px; line-height:40px; }
#header .service-wrapper .service .dropdown-box { top:40px; }
#header .service-wrapper .service .arrow {
display:block;
width:9px;
height:40px;
overflow:hidden;
text-indent:-999999px;
float:right;
background: url(/images/new_layout/down_arrow_alone.png) no-repeat left center;
margin-top:-40px; }
/* header service columns */
#header .service-wrapper .service .column { width:50%; margin-right:-50%; height:40px; float:left; }
#header .service-wrapper .service .column.left { margin-left:-50%; }
#header .service-wrapper .service .column.right { margin-left:100%; text-align:right; }
/* header service anounce */
#header .service-wrapper .service .anounce { width:100%; margin-right:-100%; }
#header .service-wrapper .service .anounce .section {
border:1px solid #999;
border-width:0 1px;
padding:0 16px;
white-space:nowrap;
overflow:hidden; }
#header .service-wrapper .service .anounce .section.title { position:relative; border-bottom:0; border-color:#fff; }
#header .service-wrapper .service .anounce .section.gray { background: rgb(238, 238, 238); background: rgba(238, 238, 238, .9); }
#header .service-wrapper .service .anounce .section.gray:hover { background: rgb(204, 204, 204); background: rgba(204, 204, 204, .9); }
#header .service-wrapper .service .anounce .section.yellow { background: rgb(255, 242, 167); background: rgba(255, 242, 167, .9); }
#header .service-wrapper .service .anounce .section.yellow:hover { background: rgb(254, 233, 110); background: rgba(254, 233, 110, .9); }
#header .service-wrapper .service .anounce .section.red { background: rgb(255, 200, 167); background: rgba(255, 200, 167, .9); }
#header .service-wrapper .service .anounce .section.red:hover { background: rgb(255, 158, 99); background: rgba(255, 158, 99, .9); }
#header .service-wrapper .service .anounce .section.last { border-bottom-width:1px; }
#header .service-wrapper .service .anounce li.section a { display:block; margin:0 -16px; padding:0 16px; }
#header .service-wrapper .service .anounce .section p a { position:relative; z-index:6; }
#header .service-wrapper .service .anounce .section p a:hover { text-decoration:underline; }
#header .service-wrapper .service .anounce .dropdown-box { width:100%; }
/* header service links */
#header .service-wrapper .service .link {
font-size:14px;
font-weight:bold;
margin:0 14px;
border:0 dotted; }
#header .service-wrapper .service .link.red { color:#cc0000; border-color:#cc0000; }
#header .service-wrapper .service .link.black { color:#333; border-color:#333; }
#header .service-wrapper .service .link:hover { border-bottom-width:1px; }
/* userbar */
.userbar .userbar-title { padding:0 16px; }
.userbar .userbar-title .arrow { margin-top:0 !important; }
.userbar .userbar-title .userbar-box { width:50%; float:left; }
.userbar .userbar-title .userbar-box .smallUser, .userbar .userbar-title .userbar-box .coins { width:100%; float:left; margin-right:-100%; }
.userbar .userbar-title .userbar-box .coins { margin-left:100%; }
.userbar .userbar-title .userbar-box .coins .text { display:inline-block; vertical-align:top; color:#666; }
.userbar .userbar-title .userbar-box .coins .text b { font-size:13px; }
.userbar .userbar-title .userbar-box .coins .text b sub { font-weight:normal; position:relative; top:1px; }
.userbar .userbar-title .userbar-box .coins .coin { display:inline-block; vertical-align:middle; margin-right:16px; margin-top:-.3px; }
.userbar .userbar-title .userbar-box .smallUser { margin-top:10px; }
.userbar .userbar-title .userbar-box .smallUser a { z-index:6; }
.userbar .userbar-title .userbar-box .smallUser a b { font-weight:bold; }
.userbar .userbar-title .userbar-box .smallUser i.fade { z-index:6; }
.userbar .dropdown-box {
margin-left:-2px;
width:90%;
background:#fff;
background: rgba(255, 255, 255, .9);
border:1px solid #999;
border-top:0;
text-align:left; }
.userbar .dropdown-box li.section { padding:5px 0; background: url(/images/new_layout/gray_sep.png) no-repeat center top; line-height:24px; }
.userbar .dropdown-box li.section li a { display:block; padding:0 10px; }
.userbar .dropdown-box li.section li a.gray { color:#999; }
.userbar .dropdown-box li.section li a b { float:right; }
.userbar .dropdown-box li.section li:hover { background: rgb(65, 65, 65); background: rgba(65, 65, 65, .8); }
.userbar .dropdown-box li.section li:hover a { color:#fff; text-shadow:0 1px 1px #333; }
.userbar .dropdown-box li.section ol, .userbar .dropdown-box li.section ul { width:100%; overflow:hidden; }
.userbar .dropdown-box li.section ol li { float:left; width:50%; }
/* header navigation */
#header .navigation { overflow:hidden; }
/* header navigation logo */
#header .navigation h1 {
float:left;
width:320px;
padding:30px 0;
position:relative; }
#header .navigation h1 a {
float:left;
display:block;
width:100%;
height:60px;
text-indent:-999999px;
margin-left:16px;
background: url(/images/new_layout/logo.png) no-repeat left top;
opacity:.9; }
#header .navigation h1 a:hover { opacity:1; }
body.igc #header .navigation h1 a { background-image: url(/images/new_layout/igc_logo.png); }
/* header navigation menu */
#header .navigation .menu-wrapper { float:right; width:100%; margin:33px 0 0 -320px; }
#header .navigation .menu-wrapper .menu { margin-left:330px; }
#header .navigation .menu-wrapper .menu li { margin-left:2.5%; }
#header .navigation .menu-wrapper .menu .action-bar { margin-left:15px; margin-top:5px; }
#header .navigation .menu-wrapper .menu li a { font-weight:bold; }
#header .navigation .menu-wrapper .menu .first li a, #header .navigation .menu .first li span { font-size:20px; color:#fff; }
#header .navigation .menu .first li span { color:#fcf5ab; font-weight:bold; }
#header .navigation .menu-wrapper .menu .first li a { text-shadow:0 1px 1px #333; }
#header .navigation .menu-wrapper .menu .first li.red a { text-shadow:0 0 0; }
#header .navigation .menu-wrapper .menu .first li a:hover { color:#fcf5ab; }
#header .navigation .menu-wrapper .menu .first li a:active, #header .navigation .menu li span { color:#444; }
#header .navigation .menu-wrapper .menu .second li a { color:#333; font-size:16px; }
/* banner slider */
#bannerSlider { padding:0 4px; }
#bannerSlider .slider-wrapper {
padding:1px;
margin:0 6px;
background:#000;
position:relative;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
#bannerSlider .slider-wrapper .arrows {
position:absolute;
width:30px;
height:34px;
left:-5px;
top:110px;
z-index:3;
background:url(/images/new_layout/banners_arrows.png) no-repeat;
display:none; }
#bannerSlider .slider-wrapper:hover .arrows { display:block; }
#bannerSlider .slider-wrapper .arrows.next { margin-left:100%; left:-25px; background-position:-30px top; }
#bannerSlider .slider-wrapper .arrows.hidden { display:none; }
#bannerSlider .slider-wrapper .slider { width:100%; position:relative; overflow:hidden; background:#EDEDED; }
#bannerSlider .slider-wrapper .slider ul { overflow:hidden; width:100000px; }
#bannerSlider .slider-wrapper .slider li { float:left; position:relative; }
#bannerSlider .slider-wrapper .slider li a { display:block; float:left; }
#bannerSlider .slider-wrapper .slider li a img { float:left; height:150px; }
#bannerSlider .slider-wrapper .slider li a b {
width:1px;
margin-left:-1px;
height:150px;
background:#fff;
background: rgba(255, 255, 255, .5);
display:block;
float:left; }
#bannerSlider .slider-wrapper .slider li a i {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background: rgba(0, 0, 0, 0); }
#bannerSlider .slider-wrapper .slider li a:hover i { background: rgba(0, 0, 0, .15); }
/* content */
#content p.title { color:#999999; margin-top:10px; margin-left:3px; }
/* content box */
#content .content-box { margin:35px 10px 0; }
#content .content-box .anounce-box .action-bar { float:left; margin-right:10px; }
#content .content-box .anounce-box .action-bar-wrapper { float:left; margin-right:10px; }
#content .content-box .anounce-box .action-bar-wrapper.right { margin-left:8px; margin-right:0; float:right; }
#content .content-box .anounce-box .action-bar-wrapper .action-bar { float:none; margin:0; }
.room-name .roomId .action-bar-wrapper.right { float:right; }
#content .content-box .anounce-box p { margin-top:5px; line-height:30px; }
#content .content-box .rating-search { line-height:29px; font-size:18px; margin-top:15px; }
#content .content-box .rating-search p { color:#cccccc; margin-right:6px; float:left; height:29px; }
#content .content-box .rating-search p a { color:#999999; }
#content .content-box .rating-search p a:hover { border-bottom:1px dotted #999; }
#content .content-box .rating-search .corners { width:350px; height:29px; margin-right:6px; float:left; }
#content .content-box .rating-search .corners .main { border:1px solid #cccccc; padding:0 4px; height:27px; vertical-align:middle; line-height:27px; }
#content .content-box .rating-search .corners.focus .main { border-color:#666; }
#content .content-box .rating-search input { border:0; background:#fff; width:100%; color:#666; font-size:18px; }
#content .content-box .rating-search input.default { color:#ccc; }
#content .content-box .rating-search .corners.submit { width:70px; }
#content .content-box .rating-search .action-bar-wrapper { float:left; font-size:12px; }
/* learn more */
.learn-more { width:100%; overflow:hidden; margin-top:20px; font-style:italic; font-size:14px; }
.learn-more li { float:right; margin-left:16px; }
.learn-more li:first-child { margin:0; float:left; color:#999; }
.learn-more li a { color:#333; }
.learn-more li a:hover { text-decoration:underline; }
/* title box */
.title-box-wrapper { border-bottom:1px solid #666; }
.title-box-wrapper.pokerroom-title { border:0; }
.title-box {
float:left;
background:#999 url(/images/new_layout/header_gradient.png) repeat-x left top;
line-height:36px;
padding:0 4px; }
.title-box-wrapper.pokerroom-title .title-box {background:none; line-height:46px; }
.title-box.small { line-height:28px; }
.title-box h2, .title-box .action-bar, .title-box img { display:inline-block; vertical-align:middle; margin:0 4px; letter-spacing:-.4px; }
.title-box h2 {
color:#fff;
text-shadow:0 1px 1px #333;
font-size:24px;
max-width:500px; }
.title-box.small h2 { font-size:20px; }
.title-box-wrapper.pokerroom-title .title-box h2 { color:#333; text-shadow:0 0 0; font-size:42px; }
.title-box h2 b { font-size:14px; position:relative; top:-2px; font-weight:normal; }
.title-box h2 a { color:#fff; }
.title-box h2 a:hover, .title-box h2 a.active { text-decoration:underline; }
.title-box-wrapper.pokerroom-title .title-box img { width:40px; height:40px; margin-left:0; margin-right:6px; }
/* exchange */
.exchange { border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; float:left; line-height:26px; margin-left:9px; float:left; position:relative; z-index:1; }
.exchange .corners.main { background:#eee; margin:0 -1px; padding:0 8px; overflow:visible; height:28px; float:left; }
.exchange .coin.big { float:left; margin-top:-2px; margin-left:-16px; margin-right:7px; position:relative; }
.exchange .form { overflow:hidden; float:left; height:28px; color:#999999; }
.exchange .coin.small, #content .exchange .form label, #content .exchange .form .corners, #content .exchange p { display:inline-block; vertical-align:middle; }
.exchange .form label { padding-right:2px; }
.exchange .form .corners { width:64px; height:20px; color:#666; margin-right:2px; }
.exchange .form .corners .main { border:1px solid #d9d9d9; padding:0 3px; height:18px; line-height:18px; background:#fff; }
.exchange .form .corners.focus .main { border-color:#666; }
.exchange .form input.text { border:0; background:none; width:100%; vertical-align:top; position:relative; top:2px; display:inline-block; }
.exchange .form input.default { color:#ccc; }
.exchange p { padding-left:2px; }
.exchange p a { color:#333333; font-weight:bold; }
.exchange p a:hover { border-bottom:1px dotted #333; }
.exchange p .dotted:hover, .exchange p .dotted.active { text-decoration:underline; border:0; }
/* search
.search-wrapper { position:relative; width:100%; float:right; margin-left:-670px; }
.search-wrapper .search { margin:0 16px 0 670px; padding-right:16px; }
.search-wrapper .search .input { padding:8px 7px 6px; }
.search input.submit {
width:32px;
height:32px;
overflow:hidden;
background: url(/images/new_layout/search.png) no-repeat left -32px;
border:0;
top:-1px;
margin-left:100%;
left:-32px;
position:absolute;
cursor:pointer;
z-index:3;
}
.search input.submit:hover { background-position:left top; }
.search input.submit:active { background-position:left -64px; }
*/
/* search */
.search-wrapper { position:relative; width:100%; float:right; margin-left:-670px; }
.search { height:30px; margin:0 16px 0 670px; overflow:visible !important; }
.search .main { border:1px solid #e5e5e5; height:28px; padding:0 8px; line-height:26px; }
.search.focus .main { border-color:#666; }
.search input.text {
width:100%;
color:#333;
background:none;
border:0;
font-family:Tahoma, Geneva, sans-serif;
display:inline-block;
vertical-align:middle;
}
.search input.default { color:#ccc; }
.search input.submit {
width:32px;
height:32px;
overflow:hidden;
background: url(/images/new_layout/search.png) no-repeat left -32px;
border:0;
top:-1px;
margin-left:100%;
left:-16px;
position:absolute;
cursor:pointer;
z-index:5;
}
.search input.submit:hover { background-position:left top; }
.search input.submit:active { background-position:left -64px; }
/* path
.path { font-size:62.5%; line-height:1.9em; }
.path ul, ul.path { overflow:hidden; }
.path li { position:relative; display:inline-block; vertical-align:top; }
.path li.first {
opacity:.9;
position:relative;
z-index:1;
background: url(/images/new_layout/path_gradient.png) repeat-x left top;
border:1px solid #fff;
border-right:0;
padding-right:.5em; }
.path .first:hover { opacity:1; }
.path li.first a {
display:block;
padding:0 .4em;
font-size:130%;
color:#fff !important;
text-decoration:none !important; }
.path li.first i {
position:absolute;
display:block;
width:0;
height:0;
top:0;
border-right:0;
border-top:1em solid #fff;
border-bottom:.9em solid #fff;
border-left:.5em solid transparent;
margin-left:100%;
left:-.5em; }
.path li a { display:block; padding-left:.2em; font-size:140%; font-weight:bold; }
.path li a:hover { text-decoration:underline; }
*/
/* meta
.meta { float:right; line-height:1em; }
.meta li { color:#999999; font-size:87.5%; float:left; width:49.9%; text-align:right; }
.meta li span, .meta .coin, .meta .comments { display:inline-block; vertical-align:middle; }
.meta li span { padding-right:.3em; }
.meta .comments { color:#999999; vertical-align:top; }
.meta .comments i { color:#333333; font-style:normal; }
.meta .comments:hover { color:#333333; }
*/
/* posts
.posts { width:100%; }
.posts li.post { margin-top:.625em; padding-top:.625em; border-top:1px dotted #cccccc; }
.posts li.post:first-child { padding:0; border:0; }
*/
/* post head
.posts li.post .head { overflow:hidden; padding-top:.25em; width:100%; }
*/
/* post head meta
.posts li.post .head .meta { width:25%; }
*/
/* post head user
.posts li.post .head a.user { font-size:62.5%; line-height:1.4em; position:relative; padding-left:4em; }
.posts li.post.video .head a.user { font-size:100%; line-height:1em; padding-left:1.5em; }
.posts li.post a.user img, .posts li.video.super a.user img {
position:absolute;
width:3em;
height:3em;
top:0;
left:0;
padding:1px;
border:1px solid #999999; }
.posts li.post.video a.user img { width:1em; height:1em; }
.posts li.post a.user span, .posts li.video.super a.user span { color:#666666; font-size:120%; display:inline-block; vertical-align:baseline; }
.posts li.video.super a.user span { font-size:75%; }
.posts li.post.video a.user span { display:inline-block; }
.posts li.post a.user:hover span { color:#333 !important; }
.posts li.post a.user:hover img { border-color:#333 !important; }
*/
/* post path
.posts li.post .path { margin-left:3.8em; }
*/
/* post main
.posts .main h3 { font-size:125%; padding:.2em 0; }
.posts .main h3 img { float:left; margin:.2em .3em 0 .15em; }
.posts .main h3 a:hover { text-decoration:underline; }
.posts .main h3 i { color:#999999; font-size:75%; font-style:italic; margin-right:.5em; position:relative; top:-.15em; }
.posts .main h3 i.new { color:#cc0000; }
.posts .main .text { width:100%; color:#333; }
*/
/* post foot
.posts .foot { width:100%; overflow:hidden; color:#999999; margin-top:.4em; }
.posts .foot acronym { float:right; margin-top:.33em; }
.posts .foot .tags { width:280px; float:left; overflow:hidden; margin-top:3px; }
.posts .foot .tags ul { float:left; overflow:hidden; width:10000px; }
.posts .foot .tags li { float:left; margin-right:.33em; }
.posts .foot .tags li:first-child { padding-left:.15em; }
.posts .foot .tags li a, .posts .foot .tags li span { color:#999999; font-size:75%; }
.posts .foot .tags li a:hover { text-decoration:underline; }
.posts .foot .show-video { width:10em; float:left; overflow:hidden; margin-top:.25em; }
.posts .foot .show-video a { color:#999; font-size:75%; }
.posts .foot .show-video a i {
display:block;
width:9px;
height:9px;
overflow:hidden;
background: url(/images/new_layout/expand_button.png) no-repeat;
float:left;
margin:3px 4px 0 1px; }
.posts .foot .show-video a.active i { background-position:left -9px; }
.posts .foot .show-video a b { font-weight:normal; }
.posts .foot .show-video a:hover b { background: url(/images/new_layout/gray_dotted.png) repeat-x left bottom; }
.posts .foot .smallUser { width:10em; float:left; margin:0 .5em 0 .25em; }
.posts .comments-box { margin-top:0; }
.posts .comments-box .comment { }
.searched { background-color:#FFF2A7 !important; font-style:italic; }
.posts .text.formatted img { display:none !important; }
*/
/* formatted
.formatted { color:#333; font-size:81.25%; }
.formatted .fr { float:right; }
.formatted *:first-child { margin-top:0; }
.formatted p, .formatted h4, .formatted h5, .formatted ol, .formatted ul { margin-top:.8em; }
.formatted p { line-height:1.4em; overflow:hidden; padding:0 2px; }
.formatted h4 { font-size:184.6%; }
.formatted h5 { font-size:138.5%; line-height:1.33em; }
.formatted ol, .formatted ul { margin-left:2.7em; }
.formatted ul { margin-left:2.3em; }
.formatted li { margin-top:.23em; }
.formatted ol li { list-style:decimal; }
.formatted ul li { list-style:disc; }
.formatted b, .formatted strong { font-weight:bold; }
.formatted em { font-style:italic; }
.formatted ins { text-decoration:underline; }
.formatted del { text-decoration:line-through; }
.formatted td { padding:.4em; }
.formatted a { color:#0066FF; }
.formatted a:visited { color:#663096; }
.formatted a.external { padding-right:15px; background: url(/images/new_layout/external_link.png) no-repeat right 4px; }
.formatted a:hover { text-decoration:underline; }
.formatted blockquote { padding-left:1.5em; margin-top:1.5em; background: url(/images/new_layout/quote.png) no-repeat 1px 2px; font-style:italic; }
.formatted blockquote p { color:#666666; }
.formatted blockquote span { display:block; color:#333; text-align:right; }
.formatted .img { margin:2em 0 0 1.5em; }
.formatted .img img { max-width:46em; }
.formatted .img span { display:block; font-size:108.33%; color:#999999; margin-top:.5em; }
.formatted b.end { width:19px; height:19px; background:url(/images/new_layout/post_end.png) no-repeat; display:inline-block; }
*/
/* titles tabs */
.titles-tabs { margin:0 8px; }
.titles-tabs li, .titles-tabs { display:inline-block; vertical-align:bottom; position:relative; top:1px; }
.titles-tabs li a {
display:block;
line-height:36px;
height:36px;
color:#ccc;
font-size:18px;
padding:1px 6px 0;
letter-spacing:-.4px; }
.titles-tabs li a:hover { color:#fff; }
.titles-tabs li.active a {
border:1px solid #666;
border-bottom:0;
color:#666;
background: #fff url(/images/new_layout/tabs_gradient.png) repeat-x left top;
padding:0 9px;
line-height:27px;
height:27px; }
.contents-tabs .wrapperTab { float:left; margin-right:-100%; width:100%; }
.contents-tabs .contentTab.loading { height:300px; background: url(/images/new_layout/loading.gif) no-repeat center; }
/* footer */
#hfooter { width:100%; position:relative; clear:both; height:240px; }
#footer {
position:relative;
min-width:960px;
max-width:1200px;
z-index:1;
margin:-180px auto 0;
padding:0 10px;
border-bottom:1px solid #eaeaea; }
#footer .wrapper.top { padding-bottom:16px; }
#footer .wrapper:first-child { padding-bottom:16px; }
#footer .wrapper .bottom { width:33.33%; float:left; }
#footer .wrapper.full { float: none; clear: both; width: 100%; }
#footer .wrapper .bottom .section { float:left; }
#footer .wrapper .bottom .section.left { width:100%; margin-right:-100%; }
#footer .wrapper .bottom .section.right { width:200%; margin-right:-200%; margin-left:100%; }
/* footer end */
#footer .end { color:#999999; font-size:13px; font-style:italic; width:210px; }
/* footer menu */
#footer .menu-wrapper { overflow:hidden; }
#footer .menu li { margin-right:4.5%; margin-top:-6px; }
#footer .menu li a, #footer .menu li span { font-size:18px; color:#666666; line-height:30px; }
#footer .menu li span { color:#ccc; }
#footer .menu li a:hover, #footer .menu li.active span { text-decoration:underline; }
#footer .menu .second li a { color:#999; }
/* footer links & copyright */
#footer .copyright { width:100%; color:#999999; }
#footer .links { width:103%; margin-top:5px; overflow:hidden; }
#footer .links li { width:49.9%; float:left; line-height:16px; }
#footer .links li a { font-size:11px; color:#666666; }
#footer .links li a:hover { text-decoration:underline; }
/* footer keywords */
#footer .robots { padding-left:80px; position:relative; padding-bottom:10px; }
#footer .robots .keywords { border:1px solid #d9d9d9; padding:10px 12px; position:relative; background:#f2f2f2; min-height:30px; }
#footer .robots .keywords p { color:#aaaaaa; padding-bottom:3px; }
#footer .robots .keywords .words { width:100%; overflow:hidden; }
#footer .robots .keywords .words ul { width:10000px; }
#footer .robots .keywords .words li { float:left; margin-right:5px; font-size:13px; font-weight:bold; color:#666666; }
#footer .robots .bender {
position:absolute;
width:72px;
height:64px;
top:100%;
margin-top:-64px;
left:8px;
z-index:1;
margin-left:1px; }
#footer .fade { background-image: url(/images/new_layout/gray_fade.png); }
#footer .seo-links { padding-top: 2em; }
/* old css */
/* corners */
.corners { position:relative; overflow:hidden; }
.corners .cn.tr, .corners .cn.br { margin-left:100%; }
.corners .cn.bl, .corners .cn.br { top:auto !important; }
.corners .cn { position:absolute; overflow:hidden; z-index:2; }
.corners.white .cn {
width:2px !important;
height:2px !important;
background:#fff !important;
top:-1px;
left:-1px !important;
}
.corners.white.yellow .cn { background:#fff2a7 !important; }
.corners.white .cn.bl, .corners.white .cn.br { margin-top:-1px; }
.corners { position:relative; overflow:hidden; }
.corners .cn.tr, .corners .cn.br { margin-left:100%; }
.corners .cn.bl, .corners .cn.br { top:auto !important; }
.corners .cn { position:absolute; overflow:hidden; z-index:2; }
.corners.gray .cn {
width:18px;
height:18px;
background:url(/images/new_layout/gray_corners.png) no-repeat;
top:-9px;
left:-9px;
}
.corners.gray .cn.bl, .corners.gray .cn.br { margin-top:-9px; }
.corners.graySmall .cn {
width:2px;
height:2px;
background:#f2f2f2;
top:-1px;
left:-1px;
}
.corners.graySmall .cn.bl, .corners.graySmall .cn.br { margin-top:-1px; }
.corners.white .cn {
width:2px !important;
height:2px !important;
background:#fff !important;
top:-1px;
left:-1px !important;
}
.corners.white.yellow .cn { background:#fff2a7 !important; }
.corners.white .cn.bl, .corners.white .cn.br { margin-top:-1px; }
.corners.doubleWhite .cn {
width:4px;
height:4px;
background: url(/images/new_layout/corners_white_double.png) no-repeat;
top:-2px;
left:-2px;
}
.corners.doubleWhite .cn.bl, .corners.doubleWhite .cn.br { margin-top:-2px; }
.corners.bigWhite .cn {
width:10px;
height:10px;
background: url(/images/new_layout/corners_bigwhite.png) no-repeat;
top:-5px;
left:-5px;
}
.corners.bigWhite .cn.bl, .corners.bigWhite .cn.br { margin-top:-5px; }
.corners.shadow .cn {
width:100%;
height:100%;
top:-60px;
left:-40px;
background: url(/images/new_layout/user_popup.png) no-repeat;
z-index:40;
}
/* path */
.path ul, ul.path { overflow:hidden; line-height:17px; }
.path li { margin-top:2px !important; position:relative; }
.path li.first {
float:left;
margin-right:3px;
opacity:0.9;
position:relative;
z-index:1;
height:17px;
background:url(/images/new_layout/path_gradient.png) repeat-x left top;
padding:1px 0 1px 1px;
}
.path .first:hover { opacity:1; }
.path li .corners { overflow:visible; float:left; }
.path li .corners .cn { top:-2px; left:-2px !important; }
.path li .corners .cn.bl { margin-top:0 !important; }
.path li.first a { display:block; font-size:13px; color:#fff !important; padding-right:8px; line-height:17px; text-decoration:none !important; position:static; }
.path li.first i {
display:block;
width:5px;
height:19px;
position:absolute;
top:-1px;
margin-left:100%;
left:-5px;
background: url(/images/new_layout/fade_arrow.png) no-repeat right top;
}
.path li a { padding-left:3px; font-size:14px; line-height:19px; font-weight:bold; }
.path li a:first-child { padding-left:0; }
.path li a:hover { text-decoration:underline; }
/* paginator */
.paginator { margin-top:20px; border-top:1px solid #e5e5e5; width:100%; padding:0 4px; height:30px; }
.paginator div, .paginator span { float:left; }
.paginator a, .paginator .gap, .paginator .current { margin-top:-1px; border-bottom:1px solid #fff; overflow:visible !important; }
.paginator .gap { padding:8px 3px 0; }
.paginator a.prev_page span { padding-left:12px; background: url(/images/new_layout/paginator_arrows.png) no-repeat left 1px; }
.paginator a.prev_page:hover span { background-position:left -27px; }
.paginator a.next_page span { padding-right:12px; background: url(/images/new_layout/paginator_arrows.png) no-repeat right -55px; }
.paginator a.next_page:hover span { background-position:right -83px; }
.paginator a span, .paginator .current span { display:block; color:#999; font-size:16px; padding:5px 10px; font-weight:bold; margin:0 -1px; float:left; }
.paginator .current { border-color:#e5e5e5; cursor:default; }
.paginator .current span { padding:4px 7px 2px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #fff; color:#ccc !important; }
.paginator .disabled { display:none; }
.paginator a:hover span { color:#333 !important; }
/* meta */
.meta { float:right; }
.meta li { color:#999999; font-size:14px; line-height:16px; float:left; width:65px; text-align:right; margin:0 !important; }
.meta li span { display:block; padding-right:19px; }
.meta .coin { float:right; margin-top:-16px; }
.meta .comments { color:#999999; display:block; float:right; padding-right:21px; background:url(/images/new_layout/comments.png) no-repeat right top; margin:0; }
.meta .comments i { color:#333333; font-style:normal; }
.meta .comments:hover { color:#333333; }
/* posts */
.posts { width:100%; font-size:12px; }
.posts li.post { margin-top:10px; padding-top:10px; background: url(/images/new_layout/lightest_gray_dotted.png) repeat-x left top; }
.posts .post:first-child { padding:0; background:none; }
.posts li li { margin-top:0; }
.posts li .head { overflow:hidden; padding-top:4px; width:100%; }
.posts li .meta { margin-top:-2px; width:130px; }
.posts li a.user img, .posts li.video.super a.user img { width:30px; height:30px; padding:1px; border:1px solid #999999; float:left; margin-right:6px; margin-top:1px; }
.posts li.post.video a.user img { width:16px; height:16px; margin-top:0; margin-right:4px; }
.posts li a.user span, .posts li.video.super a.user span { color:#666666; line-height:14px; }
.posts li.post.video a.user span { line-height:20px; }
.posts li a.user:hover span { color:#333 !important; }
.posts li a.user:hover img { border-color:#333 !important; }
.posts li .path { line-height:17px; }
.posts h3 { font-size:20px; padding:4px 0; }
.posts h3 img { float:left; margin:4px 6px 0 3px; }
.posts h3 a { color:#333; }
.posts h3 a:hover { text-decoration:underline; }
.posts h3 i { color:#999999; font-size:12px; font-style:italic; margin-right:5px; position:relative; top:-2px; }
.posts h3 i.new { color:#cc0000; }
.posts .text { width:100%; color:#333; }
.posts .text ul { margin:10px 10px; }
.posts .text li { list-style-type:disc; margin-left:15px; }
.posts .foot { width:100%; overflow:hidden; color:#999999; margin-top:5px; }
.posts .foot acronym { float:right; cursor:help; margin-top:3px; }
.posts .foot .tags { width:280px; float:left; overflow:hidden; margin-top:3px; }
.posts .foot .tags ul { float:left; height:14px; overflow:hidden; width:10000px; }
.posts .foot .tags li { float:left; margin-right:4px; }
.posts .foot .tags li:first-child { padding-left:2px; }
.posts .foot .tags li a, .posts .foot .tags li { color:#999999; }
.posts .foot .tags li a:hover { text-decoration:underline; }
.posts .foot .show-video { width:160px; float:left; overflow:hidden; font-size:12px; margin-top:3px; }
.posts .foot .show-video a { color:#999; }
.posts .foot .show-video a i {
display:block;
width:9px;
height:9px;
overflow:hidden;
background: url(/images/new_layout/expand_button.png) no-repeat;
float:left;
margin:3px 4px 0 1px;
}
.posts .foot .show-video a.active i { background-position:left -9px; }
.posts .foot .show-video a b { font-weight:normal; }
.posts .foot .show-video a:hover b { border-bottom:1px dotted #999; }
.posts .foot .smallUser { width:150px; float:left; margin:0 7px 0 3px; }
.posts .foot .smallUser a b { font-weight:normal; }
.posts .comments-box { margin-top:0; }
.posts .comments-box .comment { }
.searched { background-color:#FFF2A7 !important; font-style:italic; }
.posts .text.formatted img { display:none !important; }
/* formatted */
.formatted { color:#333; font-size:13px; }
.formatted .fr { float:right; }
.formatted *:first-child { margin-top:0; }
.formatted p { margin-top:10px; line-height:18px; overflow:hidden; padding:0 2px; }
.formatted p span.image, .formatted p span.video, .formatted p span.hand, .formatted p span.sound { margin:0 4px; }
.formatted h4 { font-size:24px; margin-top:25px; }
.formatted h5 { font-size:18px !important; margin-top:20px; line-height:24px !important; }
.formatted h4 + p, .formatted h5 + p, .formatted h5 + h4 { margin-top:5px !important; }
.formatted ol, .formatted ul { margin:10px 0 0 35px; }
.formatted ul { margin-left:30px; }
.formatted li { margin-top:3px; }
.formatted ol li { list-style:decimal; }
.formatted ul li { list-style:disc; }
.formatted b, .formatted strong { font-weight:bold; }
.formatted em { font-style:italic; }
.formatted ins { text-decoration:underline; }
.formatted del { text-decoration:line-through; }
.formatted td { padding:5px; }
.formatted a { color:#0066FF; }
.formatted a:visited { color:#663096; }
.formatted a.external { padding-right:15px; background: url(/images/new_layout/external_link.png) no-repeat right 4px; }
.formatted a:hover { text-decoration:underline; }
.formatted blockquote { padding-left:20px; margin-top:20px; background: url(/images/new_layout/quote.png) no-repeat 1px 2px; font-style:italic; }
.formatted blockquote p { color:#666666; }
.formatted blockquote span { display:block; color:#333; text-align:right; }
.formatted img { max-width:600px; }
.formatted b.end { width:19px; height:19px; background:url(/images/new_layout/post_end.png) no-repeat; display:inline-block; }
/* rating */
.ratings .rating { width:100%; color:#999999; font-weight:bold; font-size:14px; margin-top:15px; }
.ratings .rating li.item { padding:3px 7px 2px; line-height:20px; overflow:hidden; height:20px; overflow:hidden; clear:both; }
.ratings .rating.users li.item { padding-top:2px; }
.ratings .rating li.item .cn.bl, .ratings .rating li.item .cn.br { margin-top:21px; }
.ratings .rating li.item li { margin-top:0 !important; }
.ratings .rating li.item:hover, .ratings .rating li.item:hover li .cn { background-color:#eeeeee !important; }
.ratings .rating li.item.active, .ratings .rating li.item.active li .cn { background:#ccc !important; }
.ratings .rating li.item:hover li i { background-position:right -153px; }
.ratings .rating li.item.active:hover li i, .ratings .rating li.item.active li i { background-position:right -172px; }
.ratings .rating .id { width:5%; float:left; }
.ratings .rating .main { width:60%; float:left; margin-right:5px; height:20px; overflow:hidden; }
.ratings .rating .main .smallUser b { font-weight:normal; }
.ratings .rating li.item:hover .main i.fade { background-image: url(/images/new_layout/dark_gray_fade.png); }
.ratings .rating .activity { width:25%; color:#cfcfcf; float:left; }
.ratings .rating li.item.active .activity { color:#999; }
.ratings .rating .coins { width:9%; color:#333333; text-align:right; vertical-align:middle; float:left; }
.ratings .rating .coins .coin { display:inline-block; margin-left:3px; position:relative; top:2px; }
.ratings .rating-search { line-height:29px; font-size:18px; }
.ratings .rating-search p { color:#cccccc; margin-right:6px; float:left; height:29px; }
.ratings .rating-search p a { color:#999999; }
.ratings .rating-search p a:hover { border-bottom:1px dotted #999; }
.ratings .rating-search .corners { width:350px; height:29px; margin-right:6px; float:left; }
.ratings .rating-search .corners .main { border:1px solid #cccccc; padding:0 4px; height:27px; vertical-align:middle; line-height:27px; }
.ratings .rating-search .corners.focus .main { border-color:#666; }
.ratings .rating-search input { border:0; background:#fff; width:100%; color:#666; font-size:18px; }
.ratings .rating-search input.default { color:#ccc; }
.ratings .rating-search .corners.submit { width:70px; }
.ratings .rating-search .action-bar { float:left; }
.ratings .rating-search .corners.submit .main { border:0; padding:0; height:29px; line-height:29px; background:#999; cursor:pointer; }
.ratings .rating-search .corners.submit:hover .main { background:#666; }
.ratings .rating-search .corners.submit input { background:none; color:#fff; font-size:20px; height:100%; }
/* breadcrumbs */
.breadcrumbs { width:100%; height:19px; margin-left:10px; }
.breadcrumbs .cn { z-index:3; }
.breadcrumbs ul { width:100%; overflow:hidden; }
.breadcrumbs li {
line-height:19px;
float:left;
position:relative;
z-index:1;
margin-left:-6px;
background: url(/images/new_layout/breadcrumbs_bg.png) no-repeat right -38px;
}
.breadcrumbs li:hover { z-index:2; }
.breadcrumbs li.last { background-position:right -38px !important; }
.breadcrumbs li.last a { cursor:default; background-position:left 0 !important; }
.breadcrumbs li.last b { cursor:default; background-position:left -19px !important; }
.breadcrumbs li a {
display:block;
color:#fff;
background-color:#cccccc;
padding:0 6px;
background: url(/images/new_layout/breadcrumbs_bg.png) no-repeat left 0;
}
.breadcrumbs li:hover { background-position:right -95px; }
.breadcrumbs li:hover a { background-position:left -57px; }
.breadcrumbs li:hover a b { background-position:left -76px; }
.breadcrumbs li:first-child { margin-left:0; }
.breadcrumbs li:first-child a { background-position:left -19px; }
.breadcrumbs li:first-child:hover a { background-position:left -76px; }
.breadcrumbs li:first-child a b { padding-left:0; }
.breadcrumbs li a b {
height:18px;
line-height:18px;
display:block;
font-weight:normal;
background: url(/images/new_layout/breadcrumbs_bg.png) repeat-x left -19px;
padding:1px 6px 0;
}
/* avatar */
.avatar { display:block; overflow:hidden; }
.avatar.mt { margin-top:10px; }
.avatar img { float:left; width:50px; height:50px; padding:1px; border:1px solid #999999; margin-right:7px; }
.avatar b { font-size:16px; color:#333333; font-weight:normal; line-height:21px; }
.avatar span { display:block; color:#999999; line-height:16px; }
.avatar .corners { line-height:21px; margin-top:7px; width:105px; text-align:center; }
.avatar .corners a { display:block; color:#fff; background:#999999; }
.avatar .corners:hover a { background:#666; }
/* user popup */
#popupUser {
position:absolute;
top:50px;
left:100px;
z-index:20;
width:228px;
border:1px solid #999;
background:#fff;
overflow:hidden;
margin-bottom:20px;
}
#popupUser.loading { background: #fff url(/images/new_layout/loading.gif) no-repeat center; }
#popupUser .user-img { width:16px; height:16px; padding:1px; border:1px solid #333; position:absolute; top:0; left:0; }
#popupUser .title { overflow:hidden; padding:12px; }
#popupUser .info { position:relative; z-index:5; }
#popupUser .hidden { display:none; }
/* wysiwyg */
.wysiwyg { margin-left:2px; padding-top:15px; }
.wysiwyg .parent-focussed { width:100%; background:#fbfbfb; }
.wysiwyg .parent-focussed .main { border:1px solid #b2b2b2; }
.wysiwyg .parent-focussed.focus .main { border-color:#666; }
.wysiwyg .textile-bar { padding:5px; overflow:hidden; background:#f0f0ee; }
.wysiwyg .textile-bar a {
display:block;
float:left;
width:16px;
height:16px;
margin:0 1px;
padding:1px 2px;
border:1px solid #eee;
background-repeat:no-repeat;
background-position:center;
}
.wysiwyg .textile-bar a:hover { background-color:#ffffb0; border-color:#999; }
.wysiwyg .textile-bar .strong { background-image:url(/images/new_layout/editor/strong.png); }
.wysiwyg .textile-bar .em { background-image:url(/images/new_layout/editor/em.png); }
.wysiwyg .textile-bar .u { background-image:url(/images/new_layout/editor/underline.png); }
.wysiwyg .textile-bar .s { background-image:url(/images/new_layout/editor/strike.png); }
.wysiwyg .textile-bar .superscript { background-image:url(/images/new_layout/editor/superscript.png); }
.wysiwyg .textile-bar .subscript { background-image:url(/images/new_layout/editor/subscript.png); }
.wysiwyg .textile-bar .left { background-image:url(/images/new_layout/editor/left.png); }
.wysiwyg .textile-bar .jystify { background-image:url(/images/new_layout/editor/jystify.png); }
.wysiwyg .textile-bar .center { background-image:url(/images/new_layout/editor/center.png); }
.wysiwyg .textile-bar .right { background-image:url(/images/new_layout/editor/right.png); }
.wysiwyg .textile-bar .indent { background-image:url(/images/new_layout/editor/indent.png); }
.wysiwyg .textile-bar .outdent { background-image:url(/images/new_layout/editor/outdent.png); }
.wysiwyg .textile-bar .h1 { background-image:url(/images/new_layout/editor/h1.png); }
.wysiwyg .textile-bar .h2 { background-image:url(/images/new_layout/editor/h2.png); }
.wysiwyg .textile-bar .h3 { background-image:url(/images/new_layout/editor/h3.png); }
.wysiwyg .textile-bar .ul { background-image:url(/images/new_layout/editor/ul.png); }
.wysiwyg .textile-bar .ol { background-image:url(/images/new_layout/editor/ol.png); }
.wysiwyg .textile-bar .p { background-image:url(/images/new_layout/editor/p.png); }
.wysiwyg .textile-bar .img { background-image:url(/images/new_layout/editor/img.png); }
.wysiwyg .textile-bar .link { background-image:url(/images/new_layout/editor/link.png); }
.wysiwyg .textile-bar .unlink { background-image:url(/images/new_layout/editor/unlink.png); }
.wysiwyg .textile-bar .clean { background-image:url(/images/new_layout/editor/clean.png); }
.wysiwyg .textile-bar .toggle { background-image:url(/images/new_layout/editor/code.png); }
.wysiwyg .textarea { padding:8px; }
.wysiwyg textarea { height:60px; overflow:auto; resize:none; width:100%; background:none; border:0; font-size:14px; color:#666; }
.wysiwyg .parent-focussed textarea.default { color:#999; }
.wysiwyg .buttons { overflow:hidden; }
.wysiwyg .buttons.clear { overflow:visible; }
.wysiwyg .buttons a { margin-left:15px; margin-top:8px; display:block; float:left; color:#7f7f7f; }
.wysiwyg .buttons .action-bar-wrapper { float:right; margin-top:6px; }
.wysiwyg .buttons a:first-child { margin-left:5px; }
.wysiwyg .buttons a:hover { text-decoration:underline; }
.wysiwyg .buttons .submit b { display:none; position:absolute; width:100%; height:100%; top:-1px; left:-1px; background: #eee url(/images/new_layout/loading_gray_small.gif) no-repeat center !important; opacity:0.8; padding:1px; }
.wysiwyg .buttons .submit.loading b { display:block; }
.wysiwyg .buttons .submit a { float:none; margin:0; text-align:center; text-decoration:none !important; }
/*
.wysiwyg .buttons .submit {
float:right;
height:19px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
margin-top:6px;
position:relative;
width:72px;
margin-right:1px;
margin-left:6px;
position:relative;
}
.wysiwyg .buttons .submit:hover { border-color:#666; }
.wysiwyg .buttons .submit:hover * { background-color:#666; }
.wysiwyg .buttons .submit * {
width:74px;
line-height:19px;
height:19px;
overflow:hidden;
color:#fff;
background:#999999;
border:0;
position:absolute;
top:0;
left:-1px;
cursor:pointer;
}
.wysiwyg .buttons .submit.publish { width:88px; margin-left:6px; }
.wysiwyg .buttons .submit.publish * { width:90px; }
.wysiwyg .buttons .submit.preview { width:92px; margin-left:6px; }
.wysiwyg .buttons .submit.preview * { width:94px; }
*/
/* lightbox */
#lightbox { position:absolute; top:0; width:100%; height:100%; left:0; z-index:50; }
#lightbox .layout { width:100%; height:100%; background:#000; position:fixed; top:0; left:0; }
#lightbox .box {
position:relative;
width:700px;
margin:0 auto;
top:100px;
overflow:hidden;
}
#lightbox .box.ready { overflow:visible; }
#lightbox .box .top, #lightbox .box .bottom { overflow:hidden; position:relative; width:100%; height:100%; top:0; left:0; height:5px; }
#lightbox .box .bottom { margin-bottom:40px; }
#lightbox .box .top .cn, #lightbox .box .bottom .cn {
width:100%;
height:2000px;
background: url(/images/new_layout/corners_big_white.png);
top:-5px;
left:-5px;
}
#lightbox .box .bottom .cn.bl, #lightbox .box .bottom .cn.br { height:5px; }
#lightbox .box .wrap .close {
display:none;
width:32px;
height:32px;
position:absolute;
top:15px;
margin-left:100%;
left:-52px;
text-indent:-999999px;
background: url(/images/new_layout/close.png);
opacity:0.9;
z-index:56;
}
#lightbox .box.ready .wrap .close { display:block; }
#lightbox .box .wrap .close:hover { opacity:1; }
#lightbox .box .wrap { padding:20px 15px 15px; position:relative; z-index:55; background:#fff; }
#lightbox .box .wrap div.wrapper-box { width:100%; float:left; margin-right:-100%; overflow:hidden !important; }
#lightbox .box.ready .wrap div.wrapper-box { overflow:visible !important; }
#lightbox .box .wrap div.content-box { width:100%; }
#lightbox .box .wrap div.content-box.loading { height:300px; background: #fff url(/images/new_layout/loading.gif) no-repeat center; }
#lightbox .box .wrap div.content-box div.content-box.loading { height:100px; }
#lightbox .box .wrap .half-box { margin:0 10px; }
#lightbox .box .wrap .contents-tabs .half-box { margin-top:20px; }
/* lightbox content */
#lightbox .box .wrap .wrapper.half .right .buglist.small li .title { width:100%; }
#lightbox .box .wrap p.title { font-size:13px; color:#666666; margin:10px 20px 0; }
#lightbox .box .wrap .half-box p.title { margin:10px 0 0; }
#lightbox .box .wrap .text p { font-size:13px; line-height:20px; color:#666; }
#lightbox .box .wrap .text p a { color:#666666; text-decoration:underline; }
#lightbox .box .wrap .text p a:hover { text-decoration:none; }
.buttons.wrapper { margin-top:20px; }
.buttons.wrapper .button { overflow:hidden; width:auto !important; }
.buttons.wrapper .button.nm { margin:0 !important; }
.buttons.wrapper .button.mml { margin-left:10px; }
.buttons.wrapper .button.disabled { opacity:0.25; }
.buttons.wrapper .left { float:left; margin-right:20px; }
.buttons.wrapper .right { float:right; margin-left:20px; }
.buttons.wrapper .button.center { margin:0 auto; text-align:center; }
.buttons.wrapper .button.center.success { width:200px; }
.buttons.wrapper .button a { line-height:31px; display:block; color:#fff; font-size:20px; padding:0 10px; background:#999; }
.buttons.wrapper .submit { position:relative; }
.buttons.wrapper .submit b { position:absolute; top:0; left:0; width:100%; height:100%; visibility:hidden; background: #EEEEEE url(/images/new_layout/loading_gray.gif) no-repeat center; opacity:0.8; }
.buttons.wrapper .submit.loading b { visibility:visible; }
.buttons.wrapper .button.red-button a { background:#d94040; }
.buttons.wrapper .button.disabled a { background:#999 !important; cursor:default; }
.buttons.wrapper .button:hover a { background:#666; }
.buttons.wrapper .button:hover a.loading { background:#999; }
.buttons.wrapper .button.red-button:hover a { background:#cc0000; }
.buttons.wrapper .button a.submit input { display:none; }
/* lightbox form */
#lightbox .box .wrap .successed .form-wrapper { display:none; }
#lightbox .box .wrap .form { margin:0 10px 0 20px; clear:both; }
#lightbox .box .wrap .wrapper .form { margin:0; }
#lightbox .box .wrap .form dl { overflow:hidden; padding-top:15px; }
#lightbox .box .wrap .form dl.ml { margin-left:10px; }
#lightbox .box .wrap .form dl.visible { overflow:visible; }
#lightbox .box .wrap .form dt { width:230px; float:left; }
#lightbox .box .wrap .form dt label { display:block; font-size:20px; color:#333; margin-top:3px; }
#lightbox .box .wrap .form dt span, #lightbox .box .wrap .form dt span a { color:#666; }
#lightbox .box .wrap .form dt span a { text-decoration:underline; }
#lightbox .box .wrap .form dt span a:hover { text-decoration:none; }
#lightbox .box .wrap .form dd { width:390px; float:right; }
#lightbox .box .wrap .form dl.alone dd { float:left; }
#lightbox .box .wrap .form dd.wm { width:100%; }
#lightbox .box .wrap .wrapper .form dd { width:100%; }
#lightbox .box .wrap .form dd .input { width:240px; }
#lightbox .box .wrap .form p.wm { color:#999999; margin-top:20px; }
#lightbox .box .wrap .form p.wm a { color:#333; }
#lightbox .box .wrap .form p.wm a:hover { border-bottom:1px dotted #333; }
#lightbox .box .wrap .form dd.wm .input { width:100px; margin-right:6px; }
#lightbox .box .wrap .form dd.wm p, #lightbox .box .wrap .form dd.wm .input { display:inline-block; vertical-align:middle; }
#lightbox .box .wrap .form dd.wm p { color:#999; font-size:18px; }
#lightbox .box .wrap .form dd.wm p a { color:#333; }
#lightbox .box .wrap .form dd.wm p a:hover { text-decoration:underline; }
#lightbox .box .wrap .wrapper .form dd .input { width:100%; }
#lightbox .box .wrap .form dd .input.mt { margin-top:15px; }
#lightbox .box .wrap .form dd .input.focus .main { border-color:#666; }
#lightbox .box .wrap .form dd .input .main { border:1px solid #D9D9D9; height:27px; line-height:26px; padding:0 4px; vertical-align:middle; }
#lightbox .box .wrap .form dd .input .main input { background:none; border:0; width:100%; font-size:18px; vertical-align:middle; display:inline-block; color:#666; }
#lightbox .box .wrap .form dd .input .main input.default { color:#ccc; }
#lightbox .box .wrap .form .inputs { margin-top:15px; padding-left:10px; }
#lightbox .box .wrap .textarea.corners { width:240px; }
#lightbox .box .wrap .wrapper .textarea.corners { width:100%; }
#lightbox .box .wrap .textarea.corners .main { padding:4px; }
#lightbox .box .wrap textarea { font-size:18px; resize:none; height:190px; }
/* lightbox shop item */
#lightbox .box .wrap .shopitem { position:relative; width:100%; color:#666; }
#lightbox .box .wrap .shopitem .text, #lightbox .box .wrap .shopitem .info { overflow:hidden; width:100%; clear:both; }
#lightbox .box .wrap .shopitem .text { padding-top:10px; }
#lightbox .box .wrap .shopitem .text img.item-img { float:left; margin:0 20px 20px; }
#lightbox .box .wrap .shopitem .text p { margin:0 0 10px 20px; }
#lightbox .box .wrap .shopitem .text h3 { font-size:18px; margin-left:20px; }
#lightbox .box .wrap .shopitem .info .price { float:left; margin-left:10px; font-size:30px; color:#666666; cursor:default; overflow:hidden; }
#lightbox .box .wrap .shopitem .info .price .how-much { padding:0 46px 0 12px; height:49px; background:#cccccc; line-height:49px; }
#lightbox .box .wrap .shopitem .info .price b.coin { position:absolute; top:7px; margin-left:100%; left:-42px; }
#lightbox .box .wrap .shopitem .info .not-enought {
float:left;
margin-left:15px;
font-size:14px;
line-height:49px;
font-weight:bold;
color:#333333;
position:relative;
padding-right:20px;
height:49px;
overflow:hidden;
}
#lightbox .box .wrap .shopitem .info .not-enought b { position:absolute; margin-left:100%; left:-16px; top:16px; }
#lightbox .box .wrap .shopitem .info a.wm { color:#666; font-size:14px; font-weight:bold; line-height:49px; margin-left:20px; }
#lightbox .box .wrap .shopitem .info a.wm:hover { border-bottom:1px dotted #666; }
#lightbox .box .wrap .shopitem .presence { line-height:42px; color:#666666; font-size:18px; float:left; margin-left:20px; }
/* lightbox shop item success */
#lightbox .box .wrap .success .text { padding-top:10px; text-align:center; }
#lightbox .box .wrap .success .text img.item-img { margin-bottom:10px; }
#lightbox .box .wrap .success .text h3 { color:#333; font-size:24px; margin-bottom:10px; }
#lightbox .box .wrap .success .text .info { margin-top:10px; }
#lightbox .box .wrap .success .text .info p { color:#333; }
/* lightbox sms */
#lightbox .box .wrap .sms-versions { width:520px; padding:25px 0; }
#lightbox .box .wrap .sms-versions li { padding:0 10px; overflow:hidden; line-height:40px; border-bottom:1px dotted #999; color:#999999; font-size:14px; }
#lightbox .box .wrap .sms-versions li:first-child { background:none; }
#lightbox .box .wrap .sms-versions li .left { float:left; }
#lightbox .box .wrap .sms-versions li .right { float:right; }
#lightbox .box .wrap .sms-versions li * { margin:0 1px; }
#lightbox .box .wrap .sms-versions li .coin { display:inline-block; position:relative; vertical-align:top; top:12px; margin-left:-3px; }
#lightbox .box .wrap .sms-versions li i { font-style:normal; color:#333; }
#lightbox .box .wrap .sms-versions li .right i { font-size:18px; }
#lightbox .box .wrap .sms-versions li b { font-weight:normal; color:#666; }
/* anounce box */
.anounce-box { margin-top:15px; padding-bottom:10px; }
.anounce-box.yellow { overflow:visible !important; }
.content-box .anounce-box { padding-bottom:0; }
#lightbox .box .wrap .anounce-box { padding-bottom:0; width:490px; margin:10px 0 0; }
#lightbox .box .wrap .wrapper .anounce-box { width:100%; }
#wysiwygForm .anounce-box { padding-bottom:0; }
.anounce-box > .main { border:1px solid #fff; padding:10px 12px; position:relative; }
.anounce-box.success > .main { border-color:#c7e38e; background:#f5faea; color:#99cc33; }
.anounce-box.error > .main { border-color:#e78585; background:#fbe8e8; color:#d32222; }
.anounce-box.notice > .main { border-color:#b5b5b5; background:#f1f1f1; color:#999; }
.anounce-box.yellow > .main { border-color:#ffd800; background:#fef3d4; color:#999; }
.anounce-box .main h3 { padding:2px 0 2px 22px; line-height:14px; }
.anounce-box .main > b {
display:block;
width:14px;
height:14px;
position:absolute;
top:12px;
left:12px;
background: url(/images/new_layout/anounce_icons.png) no-repeat; }
.anounce-box.success .main b { background-position:left -14px; }
.anounce-box.error .main b { background-position:left top; }
.anounce-box.notice .main b { background-position:left -28px; }
.anounce-box ul { padding-left:22px; }
.anounce-box li { margin-top:3px; padding-left:13px; position:relative; }
.anounce-box li i { position:absolute; width:4px; height:4px; left:0; top:6px; display:block; background:#d32222; }
.anounce-box li:first-child { margin-top:6px; }
/* not ready yet */
#notReadyYet {
position:fixed;
display:none;
top:0;
left:0;
width:100%;
height:100%;
z-index:500;
}
#notReadyYet.active { display:block; }
#notReadyYet .layout { width:100%; height:100%; position:absolute; background:#000; }
#notReadyYet img { left:50%; top:50%; margin:-183px 0 0 -262px; width:525px; height:366px; position:absolute; z-index:5; }
.noneImg { width:0; margin:0; height:0; }
.yepImg { margin:-183px 0 0 -262px; width:525px; height:366px; }
/* exception */
.exception table { width:100%; height:100%; }
/* autocompleter */
.choices-box { position:absolute; margin-top:-1px; }
ul.autocompleter-choices { border:1px solid #666; background-color:#fff; }
ul.autocompleter-choices li {
position:relative;
padding:3px 15px 3px 10px;
display:block;
float:none !important;
cursor:pointer;
white-space:nowrap;
font-size:12px;
line-height:16px;
}
ul.autocompleter-choices li.autocompleter-selected { background-color:#444; color:#fff; }
ul.autocompleter-choices span.autocompleter-queried { font-weight:bold; }
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color:#9FCFFF; }
/* tips */
.tip-wrap {
display:none;
z-index:15;
border:1px solid #999;
background:#333;
-webkit-transition: opacity .2s; }
.tip-wrap i.tip-arrow {
position:absolute;
display:block;
width:9px;
height:5px;
top:auto;
left:50%;
margin-left:-5px;
background:url(/images/new_layout/tip_arrow.png) no-repeat; }
.tip-wrap.left { margin-left:-10px; }
.tip-wrap.left i.tip-arrow { left:25px; margin-left:0; }
.tip-wrap.right i.tip-arrow { margin-left:100%; left:-25px; }
.tip-wrap.top i.tip-arrow { top:-5px; background-position:-9px top; }
.tip-wrap .tip { padding:5px 7px; }
.tip-wrap .tip .tip-title { color:#fff; }
/* pokerrooms */
.pokerrooms { width:100%; font-size:12px; }
.pokerrooms .room { border-top:1px solid #e1e1e1; padding:15px 0; }
.pokerrooms .action-bar { float:right; margin:18px 10px 0 0; }
.pokerrooms.withoutline .room { padding:10px 0; border:0; }
.pokerrooms .room:first-child { border-top:0; }
.pokerrooms .room.unpopular { overflow:hidden; }
.pokerrooms .room.unpopular h3 { width:33%; float:left; }
.pokerrooms .room h3 a { display:block; overflow:hidden; height:43px; overflow:hidden; }
.pokerrooms .room h3 img { float:left; width:40px; height:40px; overflow:hidden; position:relative; margin-top:3px; opacity:0.9; }
.pokerrooms .room h3:hover img, .pokerrooms .room.active h3 img { opacity:1; }
.pokerrooms .room h3 b { font-size:24px; color:#505050; display:block; margin-left:45px; margin-top:2px; }
.pokerrooms .room h3:hover b, .pokerrooms .room.active h3 b { color:#333; }
.pokerrooms .room h3 span { color:#999; display:block; margin-left:45px; margin-top:-2px; }
.pokerrooms .room .bonuses { position:relative; }
.pokerrooms .room .bonuses .content-box { margin-top:0 !important; }
.pokerrooms .room.unpopular .bonuses { width:66%; float:right; margin-top:-15px; }
.pokerrooms .room.unpopular .left, .pokerrooms .room.unpopular .right { float:none !important; clear:none !important; }
.pokerrooms .room.small .left, .pokerrooms .room.small .right { float:none !important; }
.pokerrooms .room.unpopular .right { width:380px !important; float:right !important; }
div.bonus { overflow:hidden; width:100%; padding-top:15px; }
div.bonus.start-bonus { width:220px; }
div.bonus p.half { width:49%; float:left; overflow:hidden; }
div.bonus p.half.red b, div.bonus p.half.red a { color:#cc0000; }
div.bonus p.half.close b { color:#999999; cursor:default; }
div.bonus p span { display:block; color:#999999; }
div.bonus p b, div.bonus p a { display:block; font-weight:normal; font-size:24px; color:#333; }
div.bonus p b a { color:#505050; display:inline; }
div.bonus p b a:hover { color:#333; }
div.bonus p.half a, div.bonus p.half b { float:left; color:#505050; }
div.bonus p.half a:hover, div.bonus p.half b:hover { color:#333; }
div.bonus p.half b.coin { float:none !important; margin-left:-3px !important; opacity:0.8; }
div.bonus p.half a:hover b.coin, div.bonus p.half b:hover b.coin { opacity:1; }
div.bonus p b i, div.bonus p a i { font-style:normal; font-size:16px; line-height:18px; position:relative; top:-3px; }
div.bonus p b strong { color:#666666; font-weight:normal; }
div.bonus p b i.gray { color:#999999; }
div.bonus .coin { display:inline-block; position:relative; margin-left:-3px; }
div.bonus .partnerscode { float:right; text-align:right; }
div.bonus .startbonus { float:left; }
div.bonus li { margin-top:0; line-height:26px; color:#cccccc; cursor:default !important; }
div.bonus li span { display:block; font-size:16px; margin-top:-24px; }
div.bonus li b { display:block; font-size:24px; font-weight:normal; text-align:right; }
div.bonus li b strong { font-weight:normal; }
div.bonus li b i { font-size:16px; font-style:normal; line-height:18px; position:relative; top:-3px; }
div.bonus li i .coin { display:inline-block; }
div.bonus li.closed { color:#666666; }
div.bonus li.here { color:#333; }
/* adv */
.adv { font-size:13px; margin:15px 1px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:#eeeeee; }
.adv .corners { overflow:visible; margin:0 -1px; border-left:1px solid #eee; border-right:1px solid #eee; padding:12px; }
.adv h3 { font-size:24px; color:#666; }
.adv h4 { color:#666666; font-size:22px; }
.adv p { color:#999; margin-top:15px; font-size:14px; }
.adv p.big { font-size:18px; line-height:25px; }
.adv p i { font-style:normal; color:#333; }
.adv b.coin { display:inline-block; position:relative; top:2px; }
.adv p, .adv .clear { margin-top:15px; }
.adv p a { color:#0066ff; }
.adv p a:hover { text-decoration:underline; }
.adv p a:visited { color:#663096; }
.adv .action-bar-wrapper { float:left; }
/* pokerroom name */
.pokerroom-name { float:right; text-align:right; height:43px; overflow:hidden; }
.pokerroom-name strong { font-size:24px; color:#333333; font-weight:normal; display:block; }
.pokerroom-name strong.unknown { color:#999999; }
.pokerroom-name a, .pokerroom-name i { color:#999999; font-style:normal; display:block; }
.pokerroom-name a:hover { text-decoration:underline; }
/* shop */
.shop { width:100%; }
.wrapper.half .shop .twice-item { width:100%; }
.shop .item { margin-top:10px; }
.wrapper.half .shop .item { margin-left:0 !important; margin-right:0 !important; }
.shop .item .link { color:#666666; overflow:hidden; word-spacing:normal; }
.shop .item.right .link { margin-left:10px; }
.shop .item.left .link { margin-right:10px; }
.wrapper.half .shop .item .link { margin:0 !important; }
.shop .item .link .img { position:relative; width:60px; height:60px; float:left; padding:4px 2px; opacity:0.9; margin-right:7px; }
.shop .item .link:hover .img { opacity:1; }
.shop .item .link .img img { width:60px; height:60px; overflow:hidden; }
.shop .item .link .img i { position:absolute; width:64px; height:68px; top:0; left:0; background: url(/images/new_layout/gray_fade_corners.png) no-repeat; }
.shop .item .coins { float:right; font-size:22px; width:85px; text-align:right; line-height:26px; color:#cccccc; }
.shop .item .coins span { display:block; padding-right:19px; }
.shop .item .coins b { float:right; margin-top:-22px; opacity:0.8; }
.shop .item .link:hover .coins b { opacity:1; }
.shop .item .link:hover .coins { color:#333; }
.shop .item h3 { margin-right:90px; padding:4px 0; font-size:14px; font-weight:bold; color:#333333; position:relative; cursor:pointer; }
.shop .item .link:hover h3 span { text-decoration:underline; }
/* room selector */
.room-selector { width:300px; position:relative; z-index:10; }
.room-selector .current, .room-selector .list { width:100%; position:relative; }
.room-selector .main { border:1px solid #D9D9D9; background:#eee; position:relative; }
.room-selector .list.arrowed .main { }
.room-selector.focus .main { border-color:#666; }
.room-selector .slider { overflow:hidden; }
.room-selector .arrows {
width:100%;
position:absolute;
top:-19px;
left:-1px;
height:19px;
background: #eee url(/images/new_layout/arrows_prev.png) no-repeat center;
cursor:default;
border:1px solid #D9D9D9;
border-bottom-width:0;
z-index:3; }
.room-selector.focus .arrows { border-color:#666; }
.room-selector .arrows.hidden { display:none; }
.room-selector .arrows:hover { background-color:#ccc; }
.room-selector .arrows.next { height:18px; background-image: url(/images/new_layout/arrows_next.png); top:100%; border-top-width:0; border-bottom-width:1px; }
.room-selector .current .arrow { width:9px; height:7px; position:absolute; margin-left:100%; top:26px; left:-33px; background: url(/images/new_layout/down_arrow_alone.png) no-repeat; }
.room-selector .current .clickarea { width:100%; height:100%; position:absolute; top:0; left:0; }
.room-selector .room { height:56px; background:#eeeeee; padding:0 9px; cursor:pointer; }
.room-selector .room.selected { background:#ccc; }
.room-selector .room h3 { height:55px; overflow:hidden; border-top:1px solid #d2d2d2; }
.room-selector .room.selected h3 { border-color:#b5b5b5; }
.room-selector .room:first-child h3 { border:0; padding-top:1px; }
.room-selector .room img { width:40px; height:40px; float:left; margin-top:8px; overflow:hidden; opacity:0.9; }
.room-selector .room.selected img { opacity:1; }
.room-selector .room b { color:#999999; font-size:24px; display:block; margin-left:45px; margin-top:8px; line-height:40px; }
.room-selector .room.selected b, .room-selector .current .room b { color:#333; }
.room-selector .room span { color:#999999; display:block; margin-left:45px; }
.room-selector .room span:hover { color:#333; }
.room-selector .room span i { font-style:normal; }
.room-selector .room span:hover i { color:#999; }
.room-selector .list { position:absolute; top:0; left:0; z-index:5; visibility:hidden; overflow:visible; }
#shopPokerroms .room { padding-top:0; }
.room-selector-box { position:relative; margin-top:10px; }
.room-selector-box .pokerrooms .pokerroom-name { width:100%; }
.room-selector-box .pokerrooms .roomWrapper { float:left; margin-right:-100%; width:100%; }
.room-selector-box .pokerrooms .room.loading { height:170px; background: url(/images/new_layout/loading.gif) no-repeat center; }
.room-selector-box .pokerrooms .room-wrapper { overflow:hidden; }
/* datamining selectors */
.datamining-selectors { margin-left:310px; padding:4px 0; width:150px; }
.datamining-selectors .select ~ .select { margin-top:10px; }
#dataMiningPokerroms { margin-top:-58px; }
#dataMiningPokerroms .room { padding:0; }
#dataMiningPokerroms > div.roomWrapper > .room.loading { height:197px; }
#dataMiningPokerroms .room .room.loading { height:100px; background-position:230px center; }
#dataMiningPokerroms .submits .anounce-box > .cn { background:#fff !important; }
#dataMiningPokerroms .submits .anounce-box > .main { padding:10px; }
#dataMiningPokerroms .submits .anounce-box, #dataMiningPokerroms .submits .or { float:left; }
#dataMiningPokerroms .submits .or { line-height:52px; font-style:italic; margin:15px 10px 0; }
#dataMiningPokerroms .submits .anounce-box:first-child { margin-right:8px; }
#dataMiningPokerroms .submits .anounce-box .select { float:left; width:100px; margin-top:5px; margin-right:8px; }
#dataMiningPokerroms .submits .anounce-box .amount { line-height:30px; float:left; }
#dataMiningPokerroms .submits .anounce-box .amount span { display:block; position:relative; color:#333; font-size:18px; padding-right:20px; line-height:16px; margin-top:7px; }
#dataMiningPokerroms .submits .anounce-box .amount span b { font-weight:normal; }
#dataMiningPokerroms .submits .anounce-box .amount span i { position:absolute; margin-left:100%; left:-16px; top:0; }
#dataMiningPokerroms .submits .anounce-box .amount.double span { margin-top:2px; }
#dataMiningPokerroms .submits .anounce-box .amount > i { font-style:normal; display:block; line-height:16px; margin-top:-2px; margin-bottom:-2px; text-align:center; }
/* datamining checkboxes */
.datamining-checkboxes { padding-top:15px; overflow:hidden; }
.datamining-checkboxes li { width:25%; float:left; }
.datamining-checkboxes li .inputs div { margin-top:6px; }
.datamining-checkboxes li .inputs label { line-height:24px; }
/* buglist */
.buglist { margin-left:2px; font-size:12px; }
.buglist li.section { border-top:1px solid #ccc; margin-top:10px; }
.buglist li.section:first-child { border:0; margin:0; }
.buglist li li { overflow:hidden; padding-top:10px; }
.buglist li.closed * { color:#cccccc !important; }
.buglist li .title { float:left; width:60%; }
.buglist.small li .title { width:66%; }
.buglist.small li .what_is { width:33%; }
.buglist li .title h3 { font-size:20px; line-height:24px; }
.buglist li .title h3 a { color:#333; }
.buglist li .title h3 a:hover { text-decoration:underline; }
.buglist li .title p { line-height:16px; color:#999999; }
.buglist li .title p a { color:#666; }
.buglist li .title p a:hover { color:#333; }
.buglist li .title acronym { cursor:help; }
.buglist li .what_is { float:left; width:20%; text-align:right; }
.buglist li .what_is b { font-size:20px; display:block; color:#cccccc; line-height:24px; font-weight:normal; }
.buglist li .what_is span { display:block; color:#999999; line-height:16px; }
.buglist li .what_is span.ready { color:#333; }
.buglist li .comments, .buglist li .people { width:9%; float:left; text-align:right; }
.buglist li .comments a, .buglist li .people a {
font-size:20px;
color:#999999;
display:block;
margin-right:5px;
padding-right:20px;
background: url(/images/new_layout/comments.png) no-repeat right 11px;
line-height:40px;
height:40px;
position:relative;
}
.buglist li .comments a:hover, .buglist li .people a:hover { color:#333; }
.buglist li .people a { background:none; }
.buglist li .people a b {
top:11px;
left:-17px;
margin-left:100%;
width:17px;
height:17px;
display:block;
overflow:hidden;
position:absolute;
background: url(/images/new_layout/star.png) no-repeat;
}
.buglist li .people a:hover b { background-position:left -17px; }
/* my-prblem */
.my-problem p.more { margin-top:10px; color:#cccccc; font-style:normal; }
.my-problem p.more a { color:#ccc; text-decoration:underline; }
.my-problem p.more a:hover { text-decoration:none; }
/* problem */
.problem { position:relative; }
.problem .actions { overflow:hidden; margin-top:10px; padding:0 2px; }
.problem .actions li { float:left; margin-right:20px; }
.problem .actions li.thanks { float:right; margin-right:0; }
.problem .actions li a { font-size:18px; color:#333333; }
.problem .actions li.thanks a { color:#707400; }
.problem .actions li a:hover { border-bottom:1px dotted #333; }
/* navigator */
.navigator-box { margin-top:35px; overflow:visible !important; padding-left:10px; }
.navigator-box.simple { padding-bottom:0; }
.navigator-box.nmt { margin-top:0; }
.navigator-box.ajax .navigator { padding-top:10px; }
.navigator-box.nmt .navigator { padding-top:0; }
.navigator-box.simple .navigator { padding-top:0; }
.navigator-box .toggler { line-height:29px; }
.navigator-box .toggler a { display:block; font-size:18px; color:#fff; background:#999999; padding:0 10px; }
.navigator-box .toggler a:hover, .navigator-box .toggler.active a { background:#666; }
.navigator-box .toggler a span { font-size:12px; float:right; display:block; }
.navigator-box .toggler a:hover span { background: url(/images/new_layout/white_dotted.png) repeat-x left 21px; }
.navigator-box .navigator .item.active { border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin:10px 0; padding-bottom:5px; }
.navigator-box.simple .navigator .item.active { border:0; }
.navigator-box .navigator .section { position:relative; }
.navigator-box .navigator .section b.coin { position:absolute; left:1px; top:6px; }
.navigator-box .navigator .item-content { display:none; }
.navigator-box .navigator .item-content.empty { padding:0 !important; }
.navigator-box .navigator .item.active .item-content, .navigator-box .navigator .item.simple .item-content { display:block; padding-top:5px; }
.navigator-box .navigator .item.active .section b.coin { left:11px; top:17px; }
.navigator-box .navigator .section a { font-size:18px; color:#999; display:block; line-height:26px; padding:0 10px 0 25px; }
.navigator-box .navigator .item.active .section a { padding-left:40px; line-height:32px; font-size:22px; }
.navigator-box.simple .navigator .item.active .section a { padding-left:20px; font-size:24px; }
.navigator-box .navigator .section a span { font-size:14px; font-weight:bold; color:#cc0000; float:right; }
.navigator-box .navigator .section a b { font-weight:normal; color:#999; display:block; line-height:22px; padding:2px 0; }
.navigator-box .navigator .section a:hover b, .navigator-box .navigator .item.active .section a b { color:#666; }
.navigator-box .navigator .item.active .section a b { padding:5px 0; }
.navigator-box .navigator .section i { display:none; font-style:normal; font-size:14px; color:#999999; font-weight:bold; line-height:18px; margin-top:-5px; }
.navigator-box .navigator .item.active .section i { display:block; }
.navigator-box .navigator .heading { margin-top:10px !important; float:none !important; overflow:hidden; }
.navigator-box .navigator .heading li.heading-title { margin-left:0; width:230px; }
.navigator-box .navigator .heading li.heading-title.active .title { width:230px; margin-left:0; }
.navigator-box .navigator .heading li.heading-title .title { margin-left:7px; width:210px; }
/* heading */
.heading { width:240px; padding-bottom:4px; }
.heading li.heading-title { clear:left; width:240px; margin-left:-10px; float:left; margin-top:4px; }
.heading li.heading-title:first-child { margin-top:0; }
.heading li.heading-title .title {
width:215px;
height:26px;
padding:1px 0 1px 1px;
background: url(/images/new_layout/path_gradient.png) repeat-x left -19px;
margin-left:10px;
opacity:0.3;
position:relative;
z-index:1;
}
.heading li.heading-title .title:hover { opacity:0.6; }
.heading li.heading-title.active .title { width:239px; height:37px; margin-left:0; opacity:1; background-position:left -47px; }
.heading li.heading-title .title .corners { height:26px; overflow:visible; }
.heading li.heading-title .title .corners .cn { left:-2px !important; top:-2px; }
.heading li.heading-title .title .corners .cn.bl { margin-top:0; }
.heading li.heading-title.active .title .corners { height:37px; }
.heading li.heading-title .title .corners a { display:block; height:26px; }
.heading li.heading-title.active .title .corners a { height:37px; }
.heading li.heading-title .title .corners a b { display:block; line-height:26px; color:#fff; font-weight:normal; font-size:18px; padding-left:7px; }
.heading li.heading-title.active .title .corners a b { line-height:22px; padding-left:10px; }
.heading li.heading-title .title .corners a b q { font-size:11px; line-height:26px; float:right; padding-right:15px; }
.heading li.heading-title.active .title .corners a b q { padding-right:18px; }
.heading li.heading-title .title .corners a span { display:none; font-size:11px; color:#eeeeee; padding-left:10px; }
.heading li.heading-title.active .title .corners a span { display:block; }
.heading li.heading-title .title .corners i { position:absolute; top:-1px; width:7px; height:28px; margin-left:100%; left:-7px; background: url(/images/new_layout/fade_arrow.png) no-repeat right -19px; }
.heading li.heading-title.active .title .corners i { height:39px; left:-10px; background-position:left -75px; width:10px; }
.heading li.heading-title ul { width:220px; margin-left:10px; padding-bottom:6px; overflow:hidden; display:none; }
.heading.ajax li.heading-title ul { display:block; }
.heading li.heading-title ul.empty { padding:0; }
.heading li.heading-title.active ul { position:relative; display:block; }
.heading li.heading-title li { margin-top:6px; width:auto; float:none; padding-left:15px !important; padding-bottom:0; position:relative; }
.heading li.heading-title li a { font-size:14px; font-weight:bold; }
.heading li.heading-title li a i { position:absolute; width:4px; height:4px; left:2px; top:7px; }
.heading li.heading-title li.active a i { width:6px; height:6px; left:1px; top:6px; }
.heading li.heading-title li.all a { color:#999 !important; }
.heading li.heading-title li.all a i { background:#999; }
.heading li.heading-title li a:hover, .heading li li.active a { text-decoration:underline; }
.heading li.heading-title.white .title { background:#bfbfbf; opacity:0.5; }
.heading li.heading-title.white .title .corners { background:#fff; }
.heading li.heading-title.white .title:hover { opacity:0.75; }
.heading li.heading-title.white.active .title { opacity:1; }
.heading li.heading-title.white li a, .heading li.white li { color:#bfbfbf; }
.heading li.heading-title.white .title .corners i { background-position:right -47px; }
.heading li.heading-title.white.active .title .corners i { background-position:left -114px; }
.heading li.heading-title.white .title .corners a b { color:#bfbfbf; }
.heading li.heading-title.white .title .corners a span { color:#AFAFAF; }
/* authors */
.authors { margin-right:10px; }
.authors ul { margin-left:5px; }
.item-content.authors ul { margin-left:0; padding-bottom:10px; }
.authors li { margin-top:6px; }
.authors li.bigUser { margin-top:8px; }
.authors li.smallUser { margin-left:15px; }
.item-content.authors li.smallUser { margin-left:10px; }
.authors.blogAuthors li.smallUser { margin-left:0; }
.authors li.smallUser a { white-space:normal; }
.authors li.smallUser span { float:right; color:#666666; }
.authors li.smallUser b { font-weight:normal; }
.authors li.smallUser i { color:#999; font-style:normal; }
.authors p { font-style:italic; color:#999; margin-left:10px; }
.authors p a { color:#666666; }
.authors p a:hover { border-bottom:1px dotted #666; }
.authors .contributor { padding-left:15px; margin:0; }
.authors .contributor .wrapper { padding-top:14px; }
.authors .contributor.hidden { display:none; }
.authors .contributor img { padding:1px; border:1px solid #999999; float:left; width:16px; height:16px; margin-right:6px; }
.authors .contributor .wrapperInput { float:left; }
.authors .contributor .wrapperInput .main { border:1px solid #d9d9d9; width:102px; padding:0 3px; height:18px; line-height:17px; }
.authors .contributor .wrapperInput.focus .main { border-color:#666; }
.authors .contributor input { font-size:12px; border:0; width:100px; background:#fff; vertical-align:middle; color:#666; }
.authors .contributor input.default { color:#ccc; }
.authors .contributor .addMore { line-height:20px; display:block; float:left; margin:0; margin-left:12px; color:#cc0000; position:relative; }
.authors .contributor .addMore:hover b { border-bottom:1px dotted #c00; }
.authors .contributor .select { margin:6px 0 0 26px; width:110px; }
.authors .more-section { position:relative; height:20px; }
.authors .addMore { color:#333; display:block; float:left; margin:5px 0 0 5px; line-height:16px; background:#fff; position:absolute; }
.authors .addMore b { font-weight:normal; }
.authors .addMore b:hover { border-bottom:1px dotted #333; }
.authors.helpers li.smallUser { margin-left:0; }
.authors.helpers p { margin-top:10px; line-height:16px; }
.authors.helpers p b { display:inline-block; position:relative; top:2px; }
/* back */
.back a { font-size:24px; color:#666666; }
.back a:hover { text-decoration:underline; }
/* bug */
.bug { position:relative; }
.bug .info { float:right; margin-top:10px; font-size:18px; line-height:24px; }
.bug .info b { color:#cc0000; display:block; text-align:right; font-weight:normal; }
.bug .info a {
color:#999;
display:block;
padding-right:20px;
margin-right:5px;
position:relative;
text-align:right;
}
.bug .info a b {
top:3px;
left:-17px;
margin-left:100%;
width:17px;
height:17px;
display:block;
overflow:hidden;
position:absolute;
background: url(/images/new_layout/star.png) no-repeat left -17px;
}
.bug .avatar { margin-top:10px; }
.bug .buble .main { font-style:normal; font-size:14px; color:#666; line-height:20px; }
.bug acronym { line-height:24px; color:#999999; cursor:help; margin-left:5px; }
/* comments */
.comments-box { margin-top:20px; font-size:12px; }
.comments-box .comments.loading { height:300px; background: url(/images/new_layout/loading.gif) no-repeat center; }
.add_comment_button, .me_also_button { margin-top:20px; float:left; }
.add_comment_button a, .me_also_button a { padding-left:32px; background: url(/images/new_layout/comment_ico.png) no-repeat 9px center; }
.me_also_button a { background-image: url(/images/new_layout/star_alone.png); }
.me_also_button { float:right; }
.comments-box .add_comment, .comments-box .me_also {
font-size:24px;
color:#999;
padding-left:42px;
background: url(/images/new_layout/big_comment.png) no-repeat 1px top;
line-height:32px;
display:block;
float:right;
margin-top:-7px;
}
.comments-box .add_comment.al { float:left; }
.comments-box .me_also { background-image: url(/images/new_layout/big_star.png); }
.comments-box .add_comment:hover span, .comments-box .me_also:hover span, .comments-box .add_comment.active span, .comments-box .me_also.active span { background:url(/images/new_layout/light_gray_dotted.png) repeat-x left 25px; }
.comments-box .comments:first-child { padding-top:5px; }
.comments-box .comments.main { padding-top:10px; }
.comments-box .comments .comments .comment, .user_comment .comment, .posts .comment { padding-left:15px; background: url(/images/new_layout/answer_arrow.png) no-repeat left 10px; }
.comments-box .comment { padding-top:10px; }
.comments-box .comment.deleted { margin-top:5px; padding-bottom:5px; color:#ccc; }
.comments-box .comments .comments .comment.deleted { background-image: url(/images/new_layout/answer_arrow_gray.png); }
.comments-box .comment.deleted .commentContent { background: url(/images/new_layout/gray_dot.png) repeat-x left 7px; }
.comments-box .comment.deleted a { color:#666; }
.comments-box .comment.deleted a:hover { color:#333; }
.comments-box .comment.deleted span.text { background:#fff; padding-right:5px; }
.comments-box .commentContent div.text { border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#f2f2f2; margin-left:-1px; width:100%; }
.comments-box .commentContent:hover div.text { border-color:#cccccc !important; background-color:#cccccc !important; }
/* .comments-box .comment:hover > .commentContent div.text { border-color:#cccccc !important; background-color:#cccccc !important; } */
.comments-box.inactive .comment:hover div.text { border-color:#f2f2f2 !important; background-color:#f2f2f2 !important; }
.comments-box .commentContent.my div.text { border-color:#f5f3e3; background-color:#f5f3e3; }
.comments-box .commentContent.my:hover div.text { border-color:#ede6ab !important; background-color:#ede6ab !important; }
.comments-box .commentContent div.text .corners { width:100%; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; margin:0 -1px; overflow:visible !important; }
.comments-box .commentContent:hover div.text .corners { border-color:#cccccc !important; }
/* .comments-box .comment:hover > .commentContent div.text .corners { border-color:#cccccc !important; } */
.comments-box.inactive .comment:hover div.text .corners { border-color:#f2f2f2 !important; }
.comments-box .commentContent.my div.text .corners { border-color:#f5f3e3; }
.comments-box .commentContent.my:hover div.text .corners { border-color:#ede6ab !important; }
.comments-box .commentContent .commentText { padding:10px 8px; font-size:12px !important; }
.comments-box .commentContent .info { line-height:20px; overflow:hidden; height:27px; }
.comments-box .commentContent .info .number { display:block; float:left; color:#999; padding-left:2px; margin-top:7px; }
.comments-box .commentContent .info .arrow { width:12px; height:12px; overflow:hidden; margin:0 5px; float:left; background:#f2f2f2 url(/images/new_layout/message_arrows.png) no-repeat -12px -13px; }
.comments-box .commentContent:hover .info .arrow { background-color:#ccc !important; }
/* .comments-box .comment:hover > .commentContent .info .arrow { background-color:#ccc !important; } */
.comments-box .commentContent.my .info .arrow { background-color:#f5f3e3; }
.comments-box .commentContent.my:hover .info .arrow { background-color:#ede6ab !important; }
.comments-box.inactive .comment:hover .info .arrow { background-color:#f2f2f2 !important; }
.comments-box .commentContent .info .smallUser { margin-top:7px; float:left; }
.comments-box .commentContent .info .smallUser b { font-weight:normal; }
.comments-box .commentContent .info .coins { float:left; margin-top:7px; margin-left:10px; color:#666666; vertical-align:top; height:20px; }
.comments-box .commentContent .info .coins.hidden { visibility:hidden; }
.comments-box .commentContent .info .coins span { display:block; float:left; margin-right:3px; }
.comments-box .commentContent .info .coins .coin { display:inline-block; position:relative; top:1px; }
.comments-box .commentContent .info acronym { margin-left:4px; float:left; display:block; margin-top:7px; color:#999; cursor:help; }
.comments-box .comment-action {
padding-left:2px;
background: url(/images/new_layout/respond_bg.png) no-repeat left top;
float:right;
margin-right:13px;
line-height:26px;
margin-top:-40px;
position:relative;
z-index:3;
display:none;
}
.comments-box.inactive .comment-action { display:none !important; }
.comments-box .commentContent:hover .comment-action, .comments-box .commentContent.active .comment-action { display:block; }
.comments-box .comment-action .corners { padding-right:2px; background: url(/images/new_layout/respond_bg.png) no-repeat right top; }
.comments-box .comment-action ul { background:#fff; overflow:hidden; }
.comments-box .comment-action li { padding:0 8px; float:left; }
.comments-box .comment-action li a { color:#7f7f7f; display:block; float:left; position:relative; }
.comments-box .comment-action li a i { position:absolute; width:100%; height:100%; top:0; left:0; background: #fff url(/images/new_layout/loading_gray_small.gif) no-repeat center; opacity:.8; display:none; }
.comments-box .comment-action li a.loading i { display:block; }
.comments-box .comment-action li.respond a { padding-left:13px; background: url(/images/new_layout/answer_arrow.png) no-repeat left 7px; }
.comments-box .comment-action li.delete { position:relative; }
.comments-box .comment-action li.delete a { color:#c00 !important; }
.comments-box .comment-action li.delete form b { position:absolute; top:0; left:0; width:100%; height:100%; display:none; opacity:0.8; background: #fff url(/images/new_layout/loading_gray_small.gif) no-repeat center; }
.comments-box .comment-action li.delete form b.loading { display:block; }
.comments-box .comment-action li a:hover span, .comments-box .comment-action li a.active span { border-bottom:1px dotted #999; }
.comments-box .comment-action li.delete a:hover span { border-color:#c00; }
.comments-box .comment-action li a .coin { display:inline-block; vertical-align:top; position:relative; top:4px; }
.comments-box #wysiwygForm { margin-left:0; }
.comments-box .comments #wysiwygForm { padding-left:15px; background: url(/images/new_layout/answer_arrow.png) no-repeat left 15px; }
/* buble */
.buble { position:relative; padding:13px 5px 0; }
.buble .arrow { position:absolute; height:11px; width:22px; background: url(/images/new_layout/buble.png) no-repeat; left:15px; top:2px; }
.buble .main { padding:11px; color:#666666; background:#f1f1f1; font-style:italic; }
/* messages */
.messages { padding-top:10px; }
.messages li.message { width:100%; overflow:hidden; padding-top:15px; }
.messages li.message .title { overflow:hidden; height:26px; position:relative; }
.messages li.message .smallUser { float:left; }
.messages li.message.my .smallUser { float:right; }
.messages li.message.my .smallUser a { padding-left:0; padding-right:24px; }
.messages li.message.my .smallUser a img { margin-left:100%; left:-20px; }
.messages li.message .smallUser b { font-weight:normal; }
.messages li.message .title .arrow { float:left; width:12px; height:13px; margin:13px 10px 0 6px; background: #f8f8f8 url(/images/new_layout/message_arrows.png); }
.messages li.message.my .title .arrow { float:right; margin:13px 6px 0 10px; background-position:-12px top; background-color:#f5f3e3; }
.messages li.message.new .title .arrow { background-color:#eeeeee; }
.messages li.message:hover .arrow, .messages li.message.new:hover .arrow { background-color:#cccccc; }
.messages li.message.my:hover .arrow { background-color:#ede6ab; }
.messages li.message .title acronym { float:left; color:#999999; line-height:18px; cursor:help; }
.messages li.message.my .title acronym { float:right; }
.messages li.message .title .newMessage {
display:none;
float:right;
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
background:#cc0000;
margin:0 1px;
}
.messages li.message.new .title .newMessage { display:block; }
.messages li.message.my .title .newMessage { float:left; }
.messages li.message .title .newMessage a {
display:block;
line-height:16px;
color:#fff;
margin-top:2px;
border-left:1px solid #cc0000;
border-right:1px solid #cc0000;
margin:0 -1px;
padding:0 5px;
position:relative;
}
.messages li.message .title .newMessage a b { position:absolute; display:none; width:100%; height:100%; left:-1px; top:-1px; opacity:0.8; background: #EEEEEE url(/images/new_layout/loading_gray_small.gif) no-repeat center !important; padding:1px; }
.messages li.message .title .newMessage.loading a b { display:block; }
.messages li.message div.text { clear:both; margin:0 1px; border-top:1px solid #f8f8f8; border-bottom:1px solid #f8f8f8; background:#f8f8f8; }
.messages li.message.new div.text { background-color:#eeeeee; border-color:#eeeeee; }
.messages li.message.my div.text { background-color:#f5f3e3; border-color:#f5f3e3; }
.messages li.message:hover div.text { border-color:#cccccc; background-color:#cccccc; }
.messages li.message.my:hover div.text { background-color:#ede6ab; border-color:#ede6ab; }
.messages li.message div.text .corners { margin:0 -1px; overflow:visible; border-left:1px solid #f8f8f8; border-right:1px solid #f8f8f8; }
.messages li.message.my div.text .corners { border-color:#f5f3e3; }
.messages li.message.new div.text .corners { border-color:#eeeeee; }
.messages li.message:hover div.text .corners { border-color:#cccccc; }
.messages li.message.my:hover div.text .corners { border-color:#ede6ab; }
.messages li.message div.text .corners div.textMessage { padding:10px; display:block; color:#999999; }
.messages li.message:hover div.text .corners div.textMessage { color:#333; }
.messages li.message.new div.text .corners div.textMessage { color:#333; }
.messages li.message .comment-action {
padding-left:2px;
background: url(/images/new_layout/respond_bg.png) no-repeat left top;
float:right;
margin-right:13px;
line-height:26px;
margin-top:-13px;
position:relative;
z-index:3;
visibility:hidden;
}
.messages li.message:hover .comment-action { visibility:visible; }
.messages li.message .comment-action .corners { padding-right:2px; background: url(/images/new_layout/respond_bg.png) no-repeat right top; }
.messages li.message .comment-action ul { background:#fff; overflow:hidden; }
.messages li.message .comment-action li { padding:0 8px; float:left; }
.messages li.message .comment-action li a { color:#7f7f7f; display:block; float:left; }
.messages li.message .comment-action li.respond a { padding-left:13px; background: url(/images/new_layout/answer_arrow.png) no-repeat left 7px; }
.messages li.message .comment-action li a:hover span { text-decoration:underline; }
.messages li.message .comment-action li.delete a { color:#c72424; }
/* about user */
#content .aboutUser p.moreInfo { color:#999999; line-height:42px; font-style:italic; }
#content .aboutUser p.moreInfo span { color:#666666; }
#content .aboutUser p.moreInfo a { color:#333; }
#content .aboutUser p.moreInfo a:hover { text-decoration:underline; }
#content .aboutUser .coins { float:right; width:140px; color:#999999; font-size:20px; margin-top:6px; line-height:22px; }
#content .aboutUser .coins span { display:block; text-align:right; padding-right:20px; }
#content .aboutUser .coins .coin { float:right; margin-left:4px; margin-top:-20px; }
#content .aboutUser .rating { float:right; margin-top:10px; width:160px; position:relative; }
#content .aboutUser .rating span { display:block; text-align:right; line-height:20px; color:#999999; }
#content .aboutUser .rating span.black { color:#333; }
#content .aboutUser .rating .corners { position:absolute; top:20px; right:0; clear:right; float:right; text-align:right; white-space:nowrap; }
#content .aboutUser .rating p { padding:0 4px; line-height:18px; color:#fff; }
#content .aboutUser .rating p.yellow { background:#f1cd00; }
#content .aboutUser .userInfo { padding:0 5px; }
#content .aboutUser .userInfo a:hover { text-decoration:underline; }
#content .aboutUser .userInfo dl { width:100%; overflow:hidden; padding-bottom:12px; line-height:18px; }
#content .aboutUser .userInfo dt { width:160px; float:left; clear:left; font-size:14px; color:#999999; font-weight:bold; }
#content .aboutUser .userInfo dd { width:275px; float:right; clear:right; color:#333; }
#content .aboutUser .userInfo dd li { color:#999999; }
#content .aboutUser .userInfo dd li a, #content .aboutUser .userInfo dd li span { color:#333; }
#content .aboutUser .userInfo .doubleWhite .main { padding:10px 12px; background:#666666; color:#cccccc; font-size:14px; font-style:italic; }
#content .aboutUser .userInfo .doubleWhite .main p { line-height:20px; }
#content .aboutUser .userInfo .doubleWhite span { color:#fff; }
#content .aboutUser .userInfo .doubleWhite b.coin { display:inline-block; vertical-align:top; position:relative; top:1px; }
#content .aboutUser .userInfo .doubleWhite ul { width:100%; overflow:hidden; margin-top:4px; }
#content .aboutUser .userInfo .doubleWhite li { width:45%; float:left; padding-left:14px; background: url(/images/new_layout/white_square.png) no-repeat 4px 5px; color:#fff; font-size:12px; }
#content .aboutUser .userInfo .doubleWhite li a { color:#fff; }
/* user friends */
.user_friends ul { margin-left:10px; overflow:hidden; }
.user_friends li { width:30%; float:left; margin-top:6px; margin-right:5px; }
.user_friends li a { text-decoration:none !important; }
.user_friends li a b { font-weight:normal; }
.user_friends li a b acronym { color:#999 !important; cursor:help; }
.user_friends.last li { width:45%; }
/* friend list */
.friendList { margin-left:6px; overflow:hidden; padding-bottom:30px; }
.friendList .bigUser { width:45%; margin-right:6px; line-height:17px; margin-top:6px; float:left; }
/* users blogs */
.users_blogs { margin-left:6px; }
.users_blogs div.title {
padding:1px 0 1px 1px;
float:left;
background: url(/images/new_layout/path_gradient.png) repeat-x left -19px;
margin-right:7px;
position:relative;
z-index:1;
}
.users_blogs div.title .corners { overflow:visible; float:left; }
.users_blogs div.title .corners .cn { left:-2px !important; top:-2px; }
.users_blogs div.title .corners .cn.bl { left:-2px; margin-top:0; }
.users_blogs div.title a { color:#fff; display:block; padding-left:6px; padding-right:10px; }
.users_blogs div.title i { position:absolute; margin-left:100%; }
.users_blogs dt span { line-height:28px; display:block; font-size:18px; color:#ccc; }
.users_blogs a.unsubscribe { color:#999999; font-size:12px; }
.users_blogs a.unsubscribe:hover { color:#666; }
.users_blogs dt a.unsubscribe { line-height:28px; }
.users_blogs dd a.unsubscribe { line-height:17px; }
.users_blogs dt { height:28px; overflow:hidden; margin-top:10px; }
.users_blogs dt:first-child { margin-top:6px; }
.users_blogs dt div.title { height:26px; line-height:26px; opacity:0.9; }
.users_blogs dt div.title:hover { opacity:1; }
.users_blogs dt div.title a { font-size:18px; }
.users_blogs dt div.title i {
background: url(/images/new_layout/fade_arrow.png) no-repeat right -19px;
height:28px;
left:-7px;
top:-1px;
width:7px;
}
.users_blogs dd { margin-left:10px; }
.users_blogs dd li { width:100%; overflow:hidden; margin-top:6px; }
.users_blogs dd li:first-child { margin-top:8px; }
/*
.users_blogs dd li .title { height:17px; line-height:17px; opacity:0.5; }
.users_blogs dd li .title:hover { opacity:0.75; }
.users_blogs dd li .title a { font-weight:bold; font-size:14px; }
.users_blogs dd li .title i {
background: url(/images/new_layout/fade_arrow.png) no-repeat right top;
height:19px;
left:-5px;
top:-1px;
width:5px;
}
*/
.users_blogs dd li a.title { font-size:14px; font-weight:bold; display:block; float:left; line-height:16px; }
.users_blogs dd li a.title i { font-style:normal; }
.users_blogs dd li a.title:hover i { text-decoration:underline; }
.users_blogs dd li span { line-height:16px; color:#ccc; font-size:14px; font-weight:bold; padding-left:4px; }
/* rss */
.rss { margin:5px 0 5px 1px; float:left; }
.rss a { padding-left:22px; background: url(/images/new_layout/rss.png) no-repeat 4px center; }
/* sections */
.sections { margin-left:10px; }
.sections.nm { margin-left:3px; }
.sections .section { padding-top:8px; margin-top:8px; background: url(/images/new_layout/light_gray_dotted.png) repeat-x left top; position:relative; }
.sections .section:first-child { background:none; margin-top:0; }
.sections .info p { color:#999999; padding-bottom:5px; }
.sections .info p.black { color:#333; }
.sections .info p acronym { color:#333; cursor:help; }
.sections .info li { padding-left:15px; margin-top:3px; background: url(/images/new_layout/quad_black.png) no-repeat 4px 6px; overflow:hidden; }
.sections .info li i { font-style:normal; color:#999999; }
.sections .info li a { color:#333; }
.sections .info li a:hover { text-decoration:underline; }
.sections .coins p.how { font-size:32px; color:#999; line-height:34px; }
.sections .coins p.how .coin { display:inline-block; vertical-align:top; position:relative; left:6px; }
.sections .coins .giveWrapper { width:100%; height:34px; overflow:hidden; margin-top:-34px; }
.sections .coins .give { float:right; margin-top:6px; }
.sections .coins .give a i { position:absolute; width:100%; height:100%; top:0; left:0; display:none; background: url(/images/new_layout/loading_gray_small.gif) no-repeat center #EEEEEE !important; opacity:.8; }
.sections .coins .give a.loading i { display:block; }
.sections .coins .give a .coin { float:right; position:relative; top:2px; margin-left:4px; }
.sections .coins .description { margin-top:5px; }
.sections .coins dl { width:100%; overflow:hidden; margin-top:5px; }
.sections .coins dl:first-child { margin-top:0; }
.sections .coins dt { float:left; width:80px; color:#cccccc; margin-top:3px; margin-left:11px; }
.sections .coins .buy dt { background:#999; margin-left:0; }
.sections .coins .buy dt:hover { background:#666; }
.sections .coins dt a { display:block; line-height:31px; line-height:31px; color:#fff; font-size:20px; text-align:center; }
.sections .coins dd { float:right; width:90px; padding-right:35px; font-size:32px; color:#cccccc; text-align:right; position:relative; }
.sections .coins dd.red { color:#cf1111; }
.sections .coins .buy dd { color:#999; margin-top:7px; }
.sections .coins dd .coin { position:absolute; margin-left:100%; left:-32px; top:0; }
/* user action */
.user_action { margin-top:5px; padding-left:10px; background: url(/images/new_layout/gray_quad.png) no-repeat left 8px; overflow:hidden; }
.user_action .title { overflow:hidden; }
.user_action .title * { float:left; vertical-align:top; margin-bottom:2px; }
.user_action .title span { padding:0 6px; color:#999; line-height:20px }
.user_action .title .link { display:block; font-size:14px; font-weight:bold; }
.user_action .title .link:hover { text-decoration:underline; }
.user_action .smallUser b { font-weight:normal; }
.user_action acronym { color:#999999; cursor:help; }
/* user comment */
.user_comment h3 { font-size:20px; padding:4px 0; }
.user_comment h3 a { color:#333; }
.user_comment h3 a:hover { text-decoration:underline; }
/* contacts */
.contacts { margin-left:6px; }
.contacts .bigUser { width:100%; height:34px; line-height:17px; margin-top:6px; position:relative; }
.contacts .bigUser a { display:block; }
.contacts .bigUser span { display:block; }
.contacts .bigUser .new {
display:none;
position:absolute;
height:23px;
width:23px;
text-align:center;
line-height:23px;
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
background:#cc0000;
margin-left:100%;
left:-25px;
top:4px;
}
.contacts .bigUser .new.active { display:block; }
.contacts .bigUser .new b { border-left:1px solid #cc0000; border-right:1px solid #cc0000; color:#ffffff !important; display:block; height:23px; margin:0 -1px; }
/* new message */
.new_message .whom { overflow:hidden; }
.new_message .whom img { padding:1px; border:1px solid #999999; float:left; margin-top:1px; margin-right:8px; width:16px; height:16px; }
.new_message .whom .corners { float:left; width:200px; height:20px; margin-top:1px; }
.new_message .whom .corners .main { border:1px solid #D9D9D9; padding:0 5px; line-height:18px; height:18px; }
.new_message .whom .corners.focus .main { border-color:#666; }
.new_message .whom div input {
vertical-align:middle;
width:100%;
border:0;
background:#fbfbfb;
color:#333;
}
.new_message .whom div input.default { color:#ccc; }
/* bigUser */
.bigUser { overflow:hidden; }
.bigUser a { display:block; color:#666; float:left; white-space:nowrap; padding-left:24px; position:relative; padding-left:40px; line-height:17px; }
.bigUser span { display:block; }
.bigUser acronym { color:#999999 !important; cursor:help; }
.bigUser i { font-style:normal; color:#999 !important; }
.bigUser a img {
padding:1px;
border:1px solid #999999;
position:absolute;
left:0;
top:0;
width:30px;
height:30px; }
.bigUser a:hover { color:#333; }
/* stats list */
.stats-list.ml { margin-left:10px; }
.stats-list .stats-section { padding:8px 10px 8px 0; background: url(/images/new_layout/light_gray_dotted.png) repeat-x left top; }
.stats-list .stats-section:first-child { background:none; }
.stats-list .stats-section.first { color:#333333; }
.stats-list .stats-section.second { color:#666666; }
.stats-list .stats-section.third { color:#999999; }
.stats-list .stats-section h3 { font-size:16px; font-weight:bold; }
.stats-list .stats-section span { float:right; position:relative; padding-right:20px; }
.stats-list .stats-section span b { position:absolute; margin-left:100%; left:-16px; top:0; }
.stats-list .stats-section ul { margin:0 10px; }
.stats-list .stats-section li { padding-top:5px; }
.previous-quater { border-top:1px solid #d4d4d4; padding-top:10px; margin-top:3px; }
.previous-quater a { color:#999999; font-style:italic; }
.previous-quater a:hover { border-bottom:1px dotted #999; }
/* post page */
.postMain { margin-top:10px; }
.postMain h3 { font-size:33px; padding-bottom:10px; }
.postMain .hand .hand-content { width:460px; }
.postMain .hand .hand-content.loading { height:300px; background: url(/images/new_layout/loading.gif) no-repeat center; width:100%; }
/* other_posts */
.other_posts { margin-top:20px; }
.other_posts .related-posts { margin-left:15px; }
.other_posts .related-posts.loading { height:300px; background: url(/images/new_layout/loading.gif) no-repeat center; }
/* blogoconference */
#content .blogoconference, #content .minishop { position:relative; }
#content .blogoconference .title-box, #content .minishop .title-box { position:relative; }
#content .blogoconference .up {
position:absolute;
width:17px;
height:38px;
overflow:hidden;
background: url(/images/new_layout/up.png) no-repeat right -17px;
top:0;
left:-17px; }
#content .blogoconference .up a {
display:block;
position:absolute;
width:16px;
height:17px;
left:0;
top:11px;
background: url(/images/new_layout/up.png) no-repeat left top; }
#content .blogoconference .up a:hover { top:10px; }
#content .blogoconference .up a.onTop { background-position:left -55px; }
#content .blogoconference .up a.onTop:hover { top:12px; }
/* top info */
.top-info { padding-bottom:20px; }
/* blogs list */
.blogs-list { overflow:hidden; margin-top:-10px; margin-left:-1%; }
.blogs-list li {
width:49%;
float:left;
margin-left:1%;
margin-top:10px;
line-height:50px; }
.blogs-list li a {
display:block;
padding:0 15px;
font-size:18px;
color:#eeac01;
border:1px solid #eeac01; }
.blogs-list li a:hover, .blogs-list li.active a {
background-color:#eee; }
.blogs-list li a span {
float:right;
color:#333;
font-size:12px; }
.blogs-list li a span.empty { color:#999999; }
/* top news */
.top-news {
padding:5px 15px 15px;
border:1px solid #8d8d8d;
background:#f4f4f4;
font-size:18px;
margin-top:10px; }
.top-news li {
margin-top:5px;
line-height:24px; }
.top-news li span {
float:left;
color:#999; }
.top-news li a {
display:block;
margin-left:30px;
color:#333; }
.top-news li a:hover { text-decoration:underline; }
/* popup user */
.user-popup { background:#fff; }
.user-popup li { padding:6px 0 5px; background: url(/images/new_layout/gray_sep.png) no-repeat center top; }
.user-popup li a {
color:#414141;
display:block;
white-space:nowrap;
height:22px;
line-height:22px;
padding:0 10px; }
.user-popup li a.gray { color:#999999 !important; }
.user-popup li a:hover { color:#fff !important; background:#414141; margin:0 -1px; padding:0 11px; }
.user-popup li.first a { overflow:hidden; }
.user-popup li.first a i { float:left; font-style:normal; }
.user-popup li.second a b { float:right; }
.user-popup li.second ol { overflow:hidden; margin:0 -1px; }
.user-popup li.second ol li { width:50%; float:left; padding:0; background:none; }
.user-popup li.third a { color:#333333; }
/* videos */
.videos { margin-left:8px; padding-bottom:2px; }
.videos.empty { padding:0; }
.videos .video-item { padding-top:3px; }
.videos .video-item.active { padding-bottom:3px; }
.videos .video-item .title { display:block; overflow:hidden; }
.videos .video-item .title b { font-weight:normal; font-size:16px; color:#999999; line-height:20px; display:block; }
.videos .video-item .title:hover b { color:#666; }
.videos .video-item .title i { font-style:normal; font-weight:bold; color:#999999; display:none; }
.videos .video-item.active .title b { font-size:20px; color:#666666; }
.videos .video-item.active .title i { display:block; }
.videos .video-item ul { padding-bottom:6px; }
.videos .video-item ul.empty { padding:0; }
.videos .video-item li { padding-left:20px; font-size:14px; background: url(/images/new_layout/video_list_mark.png) no-repeat 4px 9px; padding-top:4px; }
.videos .video-item li a { color:#999999; }
.videos .video-item li a:hover { text-decoration:underline; }
/* video series */
.video-series { padding-bottom:10px; margin-left:10px; }
.video-series li { margin-top:10px; }
.video-series li a { color:#999; font-weight:bold; font-size:14px; line-height:15px; }
.video-series li.active a { color:#c00; }
/* embeded video */
.embeded-video { overflow:hidden; padding:10px 0; }
.embeded-video.closed { padding:0; }
/* bottom bar */
.bottom-bar { border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; margin:0 !important; }
.bottom-bar li { line-height:39px; border-bottom:1px solid #ebebeb; color:#333; padding:0 10px; font-size:12px; overflow:hidden; list-style:none !important; margin-top:0 !important; }
.bottom-bar li p { line-height:39px; margin-top:0 !important; }
.bottom-bar li.yellow { background:#fcf5ab; }
.bottom-bar li.yellow a { color:#0066FF; }
.bottom-bar li.yellow a:hover { text-decoration:underline; }
.bottom-bar li p.size { float:right; color:#999; }
.bottom-bar li p.size a { color:#666; }
.bottom-bar li p.size a:hover { text-decoration:underline; }
.bottom-bar li .buy-video { height:21px; overflow:hidden; float:left; position:relative; margin-top:9px; }
.bottom-bar li .buy-video a { color:#fff; padding:0 25px 0 6px; background:#999999; display:block; line-height:21px; height:21px; }
.bottom-bar li .buy-video a:hover { background:#666; }
.bottom-bar li .buy-video a b { position:absolute; margin-left:100%; left:-22px; top:3px; }
.bottom-bar li p.buy-igp { float:right; color:#666; cursor:pointer; padding-right:15px; background: url(/images/new_layout/down_arrow_alone.png) no-repeat right center; }
.bottom-bar li p b.coin { display:inline-block; vertical-align:middle; }
.bottom-bar li p span.ml { margin-left:30px; }
.bottom-bar li p.buy-igp:hover span, .bottom-bar li p.buy-igp.active span { border-bottom:1px dotted #999; }
.bottom-bar li.exchange { margin:0; float:none; }
.bottom-bar li.exchange .form { height:39px; }
.bottom-bar li.exchange p.video-sms { float:right; }
.bottom-bar li.exchange label { color:#333; }
/* horizontal tabs */
.tabs.horizontal { position:relative; }
.tabs.horizontal ul.contents.loading { background: #fff url(/images/new_layout/loading.gif) no-repeat center 120px; }
.tabs.horizontal .contents li.contentTab .post:first-child { margin-top:0; }
.tabs.horizontal .contents .wrapperTab { float:left; margin-right:-100%; width:100%; }
.tabs.horizontal .contentTab { width:100%; }
.tabs.horizontal .contentTab.oh { overflow:hidden; }
.tabs.horizontal .contentTab.loading, .tabs.horizontal .contentTab .postsTab.loading { height:400px; background: url(/images/new_layout/loading.gif) no-repeat center; }
.tabs.horizontal .contentTab .postsWrapper { float:left; margin-right:-100%; width:100%; }
.tabs.horizontal .contentTab .blog-pages { overflow:hidden; }
/* writeNew */
#writeNew { min-height: 1200px; }
#writeNew .wrapper { margin-top:10px; overflow:visible; height:41px; }
#writeNew .wysiwyg { padding-bottom:5px; }
#writeNew .wysiwyg textarea { height:380px; }
#writeNew .input, #writeNew .inputs { margin-top:15px; }
#writeNew #sample-container { margin-top:15px; }
/* blogSelector */
#blogSelector { width:255px; margin-left:10px; float:left; }
#blogSelector .blogWrapper { float:left; margin-right:-100%; width:100%; }
#blogSelector .contentTab.loading { height:41px; background:url(/images/new_layout/loading.gif) no-repeat center; }
/* selector */
.selector { width:255px; float:left; position:relative; z-index:10; }
.selector .current .main { padding:6px; background:#f2f2f2; border:1px solid #d9d9d9; overflow:hidden; }
.selector .current .main .clickarea { width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; }
.selector.focus .current .main { border-color:#666; }
.selector .title {
overflow:visible;
background: url(/images/new_layout/path_gradient.png) repeat-x left -19px;
width:210px;
opacity:0.85;
float:left;
}
.selector .current .title { opacity:1; }
.selector .title .cn { background:#f2f2f2 !important; }
.selector .title a, .selector .title span { display:block; line-height:28px; padding:0 8px; font-size:18px; color:#fff; }
.selector .title.white { background:#fff !important; }
.selector .title.white a { border:1px solid #BFBFBF; color:#BFBFBF; }
.selector .title span { cursor:default; }
.selector .title a i, .selector .title span i { float:right; font-size:11px; font-style:normal; }
.selector .current .arrow {
background: #f2f2f2 url(/images/new_layout/down_arrow_alone.png) no-repeat center;
display:block;
float:right;
height:28px;
width:24px;
}
.selector .list { position:absolute; top:0; left:0; z-index:11; visibility:hidden; }
.selector .list .main { padding:3px 0; border:1px solid #d9d9d9; background:#f2f2f2; }
.selector.focus .list .main { border-color:#666; }
.selector li { padding:3px 6px; overflow:hidden; }
.selector li.selected .title { opacity:1; }
.selector .cn.big { height:41px !important; background:#f2f2f2 !important; top:1px; width:1px !important; }
.selector.second { width:255px; position:relative; }
.selector.second .current { height:42px; }
.selector.second .current .main { height:40px; background:#fff; vertical-align:middle; line-height:38px; padding:0 30px 0 13px; }
.selector.second .current .main .wrapper { width:100%; height:40px !important; margin:0 !important; padding:0; overflow:hidden !important; position:relative; }
.selector.second .loader, .selector.second.reseted .current:hover .loader {
position:absolute;
margin-left:100%;
left:-29px;
z-index:10;
top:13px;
width:16px;
height:16px;
background: url(/images/new_layout/down_arrow_alone.png) no-repeat 6px center;
cursor:pointer;
}
.selector.second .current:hover .loader { background-image: url(/images/new_layout/reset.png); background-position:left top; z-index:11; }
.selector.second .loader:active { background-position:left -16px !important; }
.selector.second .current .main .wrapper i.fade { height:36px; margin-top:0; left:-16px; position:absolute; margin-left:100%; top:2px; }
.selector.second .current .main input {
display:inline-block;
vertical-align:middle;
background:#fff;
font-size:18px;
color:#666;
border:0;
width:100%;
white-space:nowrap;
}
.selector.second.focus .current .main input { color:#666 !important; }
.selector.second .current .main input.default { color:#ccc; }
.selector.second .list { top:40px; }
.selector.second.focus .list .cn.tl { background:#666 !important; }
.selector.second .list .cn.tr { top:0 !important; }
.selector.second .list .cn.tl { background:#d9d9d9 !important; }
.selector.second.empty .list .cn.br { background-color:#d9d9d9 !important; }
.selector.second.empty.focus .list .cn.br { background-color:#666 !important; }
.selector.second .list .main { border-top:1px solid #fff !important; background:#fff; width:225px; padding:0; position:relative; }
.selector.second .list.arrowed .main { padding:18px 0; }
.selector.second .list li { padding:0; position:relative; }
.selector.second .list .default { display:none; }
.selector.second .list li i {
position:absolute;
top:14px;
left:11px;
width:4px;
height:4px;
display:block;
z-index:1;
}
.selector.second .list li.selected i { width:6px; height:6px; left:10px; top:13px; }
.selector.second span { font-size:14px; font-weight:bold; line-height:16px; display:block; position:relative; z-index:1; cursor:pointer; }
.selector.second .current .element { overflow:hidden; }
.selector.second .arrows {
width:100%;
position:absolute;
top:0;
left:0;
height:19px;
background: #fff url(/images/new_layout/arrows_prev.png) no-repeat center;
cursor:default;
}
.selector.second .arrows.hidden { display:none; }
.selector.second .arrows.next { height:18px; background-image: url(/images/new_layout/arrows_next.png); top:100%; margin-top:-18px; }
.selector.second .slider { overflow:hidden; }
.selector.second .current span { line-height:40px; white-space:nowrap; font-size:15px; }
.selector.second .current .element i { display:none; }
.selector.second .current i.fade { margin-top:-30px; z-index:1; }
.selector.second .list span { padding:8px 25px; }
.selector.second .list li.selected span { text-decoration:underline; }
/* select */
.select { position:relative; height:43px; }
.select.min { height:20px; }
.select.medium { height:29px; width:240px; }
.select .current .main, .select .current .wrap { border:1px solid #d9d9d9; overflow:hidden; height:41px; padding:0 40px 0 9px !important; }
.select.min .current .main { height:18px; padding:0 18px 0 4px !important; background:#fff; }
.select.medium .current .main { height:27px; padding:0 30px 0 4px !important; }
.select.focus .current .main, .select.focus .current .wrap { border-color:#666; }
.select .clickarea { position:absolute; width:100%; height:100%; top:0; left:0; z-index:2; }
.select .current .element { overflow:hidden; height:41px; line-height:41px; color:#666; font-size:18px; white-space:nowrap; }
.select.reseted .current .element { color:#ccc; }
.select.min .current .element { line-height:18px; height:18px; font-size:12px; }
.select.medium .current .element { line-height:27px; height:27px; font-size:18px; }
.select .current a.arrow, .select.reseted .current:hover .arrow.reset {
display:block;
position:absolute;
width:16px;
height:16px;
background: url(/images/new_layout/down_arrow_alone.png) no-repeat center 6px;
z-index:1;
top:14px;
margin-left:100%;
left:-32px;
}
.select.min .current a.arrow, .select.min.reseted .current:hover .arrow { left:-18px; top:2px; }
.select.medium .current a.arrow, .select.medium.reseted .current:hover .arrow { left:-27px; top:7px; }
.select .current:hover .arrow.reset { background-image: url(/images/new_layout/reset.png); background-position:left top; z-index:3; }
.select .arrow:active { background-position:left -16px !important; }
.select .list { position:absolute; top:42px; z-index:6; width:100%; visibility:hidden; background:#fff; }
.select.min .list { top:19px; }
.select.medium .list { top:28px; }
.select .list .default { display:none; }
.select .list .slider { overflow:hidden; }
.select .list .arrows {
width:100%;
position:absolute;
top:0;
left:0;
height:18px;
background: #fff url(/images/new_layout/arrows_prev.png) no-repeat center;
cursor:default;
}
.select .list .arrows.hidden { display:none; }
.select .list .arrows:hover { background-color:#ccc; }
.select .list .arrows.next { background-image: url(/images/new_layout/arrows_next.png); top:100%; margin-top:-18px; }
.select .list .cn.tl, .select .list .cn.tr { background-color:#d9d9d9 !important; }
.select.focus .list .cn.tl, .select.focus .list .cn.tr { background-color:#666 !important; }
.select .list .main { border:1px solid #d9d9d9; border-top-color:#666 !important; }
.select .list.arrowed .main { padding:18px 0; }
.select .list ul { padding:0; margin:0; }
.select.focus .list .main { border-color:#666; position:relative; }
.select .list li { margin:0; display:block; padding:3px 9px; color:#666; line-height:24px; font-size:18px; cursor:pointer; }
.select.min .list li { padding:2px 4px 1px; line-height:15px; font-size:12px; }
.select.medium .list li { padding:2px 4px; line-height:22px; font-size:18px; }
.select .list li.selected { background:#ccc; }
/* inputs */
.inputs { overflow:hidden; }
.inputs.radio-box { line-height:42px; }
.inputs.checkbox-box { line-height:18px; }
.inputs input[type="radio"], .inputs input[type="checkbox"] { display:block; float:left; overflow:hidden; }
.inputs input[type="checkbox"] { width:12px; height:15px; margin-top:1px; }
.inputs input[type="radio"] { margin-top:14px; width:15px; height:15px; }
.inputs div.radio, .inputs div.checkbox {
width:15px;
height:15px;
display:block;
float:left;
background: url(/images/new_layout/radio.png) no-repeat left -15px;
margin-top:14px;
overflow:hidden;
}
.inputs div.checkbox { width:12px; height:12px; background: url(/images/new_layout/checkbox.png) no-repeat left -12px; margin-top:3px; }
.inputs div.radio.hovered { background-position:left -30px; }
.inputs div.checkbox.hovered { background-position:left -24px; }
.inputs div.checked { background-position:left top !important; }
.inputs label { font-size:18px; color:#ccc; margin:0 50px 0 4px; display:block; float:left; cursor:pointer; }
.inputs label:hover, .inputs label.hovered { color:#999; }
.inputs label.checked { color:#666; }
.inputs.checkbox-box label { font-size:14px; margin-right:0; cursor:pointer; }
.inputs.checkbox-box label a { color:#999; text-decoration:underline; }
.inputs.checkbox-box label a:hover { text-decoration:none; }
.inputs.checkbox-box label.hovered a { color:#666; }
.inputs.checkbox-box label.checked a { color:#333; }
.form-submit { overflow:hidden; }
.inputs.submit { float:left; }
.inputs.submit input {
display:block;
border:0;
background:#999999;
line-height:31px;
font-size:20px;
color:#fff;
text-align:center;
width:100%;
height:31px;
overflow:hidden;
cursor:pointer;
padding:0 8px;
}
.inputs.submit input:hover { background:#666; }
.form-submit .action-bar-wrapper { float:left; }
/* .postTitle */
div.input { width:520px; }
div.input .main { border:1px solid #d9d9d9; line-height:40px; vertical-align:middle; padding:0 9px; height:41px; }
div.input.medium .main { line-height:; }
div.input.focus .main { border-color:#666; }
div.input.error * { background-color:#fbe8e8; color:#666666 !important; }
div.input input {
vertical-align:middle;
border:0;
font-size:18px;
width:100%;
color:#666;
display:inline-block;
background:#fff;
white-space:nowrap;
}
div.input input.default { color:#ccc; }
.textarea.corners { width:100%; }
.textarea.corners .cn.tl, .textarea.corners .cn.tr { top:-1px !important; }
.textarea.corners .main, .textarea.corners .wrap { border:1px solid #d9d9d9; padding:9px; background:#FBFBFB; }
.textarea.corners.focus .main, .textarea.corners.focus .wrap { border-color:#666; }
.textarea.corners.error * { background-color:#fbe8e8; color:#666666 !important; }
.textarea.corners textarea {
vertical-align:top;
border:0;
width:100%;
height:250px;
color:#666;
background:none;
resize:none;
font:12px Arial, Helvetica, sans-serif;
}
.textarea.corners textarea.default { color:#ccc; }
/* edit */
form.edit { padding-bottom:30px; }
form.edit .avatar { margin-top:10px; cursor:default; }
form.edit h3 { font-size:24px; color:#333333; margin-top:15px; }
form.edit dl { overflow:hidden; }
form.edit dl.visible { overflow:visible; }
form.edit dt { width:180px; float:left; position:relative; margin-top:15px; }
form.edit.new dt { display:none; }
form.edit dt label { font-size:18px; display:block; color:#999999; margin-top:10px; }
form.edit dd { float:right; width:100%; margin-left:-180px; margin-top:15px; }
form.edit dd .wrapper { padding:0; margin-left:180px; width:auto; overflow:visible; }
/*
form.edit.new dd { margin-left:0; }
form.edit.new dd .wrapper { margin-left:0; }
*/
form.edit dd .wrapper .wrapper { margin:0; overflow:hidden; }
form.edit dd .wrapper .input, form.edit dd .wrapper .select { margin-top:0; width:530px; }
/* avatar upload */
form.edit .upload-avatar { float:left; line-height:52px; }
form.edit .upload-avatar img { width:50px; height:50px; padding:1px; border:1px solid #868686; }
form.edit .upload-avatar img, form.edit .upload-avatar .upload-button, form.edit .upload-avatar span { display:inline-block; vertical-align:middle; margin-right:6px; }
form.edit .upload-avatar .upload-button { position:relative; overflow:hidden; padding:3px; }
form.edit .upload-avatar span { font-size:18px; color:#333; }
form.edit .upload-avatar input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
/* converter */
.converter.mt { padding-top:34px; }
.converter .version-history { float:right; color:#999999; margin-top:20px; }
.converter .version-history:hover { text-decoration:underline; }
.converter .pref { margin-top:10px; overflow:hidden; }
.converter .pref .format { width:230px; float:left; }
.converter .pref .preferences { width:220px; float:right; }
.converter .pref h3 { font-size:14px; font-weight:bold; color:#333333; }
.converter .pref ul { width:100%; margin-top:5px; }
.converter .pref div.checkbox { margin-top:6px; }
.converter .pref div.radio { margin-top:5px; }
.converter .pref label { margin-right:0; font-size:13px; line-height:24px; }
.converter .pref label b { color:#999; font-weight:normal; }
.converter .pref label.hovered b { color:#666; }
.converter .pref label.checked b { color:#333; }
.converter .textarea.corners { margin-top:15px; }
.converter .buttons.wrapper { margin-top:10px; }
.converter .button { margin:0 !important; }
.converter .banner { margin-top:30px; overflow:hidden; width:460px; height:150px; }
.converter .banner img { width:460px; height:150px; overflow:hidden; }
.converter .banner .cn.bl, .converter .banner .cn.br { top:150px !important; }
/* hand base */
.hand-base dl.tabs { margin-top:-35px; }
.hand-base .search-hand-box { padding-top:10px; }
.hand-base .search-hand-box p { font-style:italic; color:#999999; }
.hand-base .search-hand-box .search-box { margin-top:5px; }
.hand-base .search-hand-box .search-box .left-part { width:410px; float:left; }
.hand-base .search-hand-box .search-box .right-part { width:50px; float:right; }
.hand-base .search-hand-box .search-box .right-part .corners { float:right; line-height:20px; height:20px; margin-top:5px; }
.hand-base .search-hand-box .search-box .right-part .corners a { display:block; padding:0 7px; overflow:hidden; background:#999999; color:#fff; }
.hand-base .search-hand-box .search-box .right-part .corners:hover a { background:#666; }
.hand-base .search-hand-box .search-box .select, .hand-base .search-hand-box .search-box .inputs { margin-top:5px; float:left; margin-right:7px; }
.hand-base .search-hand-box .search-box .search-pokerroom { width:120px; }
.hand-base .search-hand-box .search-box .search-gametype { width:115px; }
.hand-base .search-hand-box .search-box .search-numberofplayers { width:150px; }
.hand-base .search-hand-box .search-box .search-limit { width:100px; }
.hand-base .search-hand-box .search-box .search-tournament { width:100px; margin-left:10px; }
.hand-base .hand-list-box { margin-top:15px; }
.hand-base .hand-list-box h3 { color:#999999; font-size:14px; font-weight:bold; }
.hand-base .hand-list-box h3 b { color:#333; }
.hand-base .hand-list-box .hand-list { width:100%; margin-top:5px; }
.hand-base .hand-list-box .hand-list li { overflow:hidden; height:20px; line-height:20px; padding:3px 7px; }
.hand-base .hand-list-box .hand-list li:hover { background:#eee !important; }
.hand-base .hand-list-box .hand-list li .cn.bl, .hand-base .hand-list-box .hand-list li .cn.br { margin-top:22px; }
.hand-base .hand-list-box .hand-list li .hand-number { width:23%; float:left; color:#999999; }
.hand-base .hand-list-box .hand-list li .hand-pokerroom { width:47%; float:left; }
.hand-base .hand-list-box .hand-list li .hand-pokerroom a { color:#333; }
.hand-base .hand-list-box .hand-list li .hand-username { width:29%; float:left; text-align:right; color:#666; }
/* hand */
.hand ul, .hand li { margin:0 !important; list-style-type:none !important; }
.hand .hand-prop { width:100%; }
.hand .hand-prop li { overflow:hidden; width:100%; padding-top:5px; }
.hand .hand-prop dl { width:50%; }
.hand .hand-prop dt, .hand .hand-prop dd { width:100%; float:left; margin-right:-100%; }
.hand .hand-prop dt { color:#999; }
.hand .hand-prop dd { color:#333; margin-left:100%; }
.hand .hand-prop dd a { color:#333; }
.hand .hand-prop dd a:hover { text-decoration:underline; }
.hand .players { width:100%; margin-top:15px; }
.hand .players ul { padding:10px 0; overflow:hidden; background:#f2f2f2; }
.hand .players li { width:49.9%; float:left; padding-top:6px; }
.hand .players li dl { overflow:hidden; margin:0 10px; }
.hand .players li dt { width:100px; float:left; margin-right:5px; color:#333333; }
.hand .players li dd { width:100px; float:right; color:#666666; }
.hand .game { width:100%; padding-top:10px; }
.hand .game li.section { width:100%; padding:12px 0; background: url(/images/new_layout/light_gray_dotted.png) repeat-x top left; }
.hand .game li.section:first-child, .hand .game li.section.win { background:none; }
.hand .game li.section h3 { font-size:14px; font-weight:bold; color:#999999; line-height:20px; }
.hand .game li.section.flop h3 { color:#666; }
.hand .game li.section.turn h3, .hand .game li.section.win h3 { color:#333; }
.hand .game li.section.win h3 b { color:#999999; }
.hand .game li.section.river h3, .hand .game li.section.final-pot h3 { color:#000; }
.hand .game li.section h3 span { font-style:normal; font-size:13px; color:#999999 !important; }
.hand .game li.section .cards { float:right; }
.hand .game li.section .cards li { float:left; margin:0 2px 0 3px !important; line-height:20px; }
.hand .game li.section .cards li.hero { width:180px; margin:0; color:#333333; font-size:13px; }
.hand .game li.section .cards li.card { width:35px; }
.hand .game li.section .cards li.card .main { padding-left:6px; height:20px; position:relative; color:#fff; font-weight:bold; }
.hand .game li.section .cards li.card.heart .main { background:#cc0000; }
.hand .game li.section .cards li.card.diamond .main { background:#000099; }
.hand .game li.section .cards li.card.club .main { background:#006600; }
.hand .game li.section .cards li.card.spade .main { background:#ffb000; }
.hand .game li.section .cards li.card .main b {
position:absolute;
width:13px;
height:13px;
display:block;
overflow:hidden;
top:3px;
margin-left:100%;
left:-17px;
background: url(/images/new_layout/cards.png) no-repeat left top;
}
.hand .game li.section .cards li.card.heart .main b { background-position:-13px top; }
.hand .game li.section .cards li.card.diamond .main b { background-position:left -13px; }
.hand .game li.section .cards li.card.club .main b { background-position:left top; }
.hand .game li.section .cards li.card.spade .main b { background-position:-13px -13px; }
.hand .game li.section p { width:330px; line-height:20px; font-size:13px; margin-top:4px; }
.hand .game li.section p b { font-weight:normal; color:#cc0000; }
.hand .game li.section p i { font-style:normal; color:#333; }
.hand .game li.section p span { color:#999999; }
.hand .game li.section .result { width:100%; }
.hand .game li.section .result .player { width:100%; overflow:hidden; padding-top:5px; line-height:20px; }
.hand .game li.section .result .player .cards { opacity:0.25; }
.hand .game li.section .result .player.win .cards { opacity:1; }
.hand .game li.section .result .player span { width:210px; float:left; color:#999999; }
.hand .game li.section .result .player.win span { color:#333; }
.hand .game li.section .result .player b { width:160px; float:left; font-weight:normal; }
/* pokerroom */
.pokerroom .main h2 { line-height:40px !important; margin-top:10px; }
.pokerroom .main h2 img { float:left; margin-right:7px; }
.pokerroom .roomInfo { padding-top:10px; }
.pokerroom .roomInfo h3 { font-size:18px; color:#333; padding-top:10px; }
.pokerroom .roomInfo .text { padding-top:5px; font-size:13px; color:#666; }
.pokerroom .roomInfo ul.text { margin-left:10px; margin-top:0 !important; }
.pokerroom .roomInfo .text li { margin-top:5px; list-style-type:none !important; }
.pokerroom .roomInfo .text li:first-child { margin-top:0; }
.pokerroom .other_room, .pokerroom .write_about_room { margin-top:20px; }
.pokerroom .roomId { overflow:hidden; }
.pokerroom .roomId p { font-size:13px; color:#333; line-height:16px; padding-bottom:5px; }
.pokerroom .roomId .corners { font-size:13px; color:#333; width:240px; float:left; margin-right:4px; }
.pokerroom .roomId .corners .main { height:27px; padding:0 5px; border:1px solid #D9D9D9; line-height:26px; overflow:hidden; }
.pokerroom .roomId .corners.focus .main { border-color:#666; }
.pokerroom .roomId .corners .main input { font-size:14px; font-weight:bold; color:#333; border:0; background:none; vertical-align:middle; }
.pokerroom .roomId .corners .main input.default { color:#CCCCCC; }
.pokerroom .roomId .submit b { position:absolute; display:none; width:100%; height:100%; top:0; left:0; background: #fff url(/images/new_layout/loading.gif) no-repeat center; opacity:0.9; }
.pokerroom .roomId .submit.loading b { display:block; }
/* start game box */
.start-game-box { margin-top:10px; }
.start-game-box li { border-top:1px solid #f4d1d1; padding:10px 0 0; margin-top:9px; }
.start-game-box li:first-child { border-top:0; margin:0; padding:0; }
.start-game-box li p { color:#666666; margin:0 !important; }
.start-game-box li p a:hover { text-decoration:underline; }
.start-game-box li .partners-code { float:right; line-height:32px; }
.start-game-box li .partners-code span { color:#a90808; font-size:24px; position:relative; top:3px; padding-left:5px; }
/* room name */
.room-name { overflow:hidden; width:100%; }
.room-name .main { height:28px; overflow:hidden; }
.room-name p { font-size:18px; line-height:28px; margin-top:0 !important; }
.room-name p a:hover { border-bottom:1px dotted #333; }
.room-name p a.red, .room-name p span { color:#a70808; border-color:#a70808 !important; }
.room-name .roomId { height:35px; }
/* races */
.races.ml { margin-left:10px; }
.races li.race-section { padding-top:12px; position:relative; background: url(/images/new_layout/light_gray_dotted.png) repeat-x left top; }
.races li.race-section:first-child { background:none; }
.races .action { top:16px !important; }
.races h3 { font-size:16px; color:#333; font-weight:bold; padding-bottom:4px; }
.racelist { width:100%; color:#666; margin-top:4px; }
.racelist li { overflow:hidden; line-height:20px; height:20px; padding:3px 7px; margin-top:0; }
.racelist li .cn.bl, .racelist li .cn.br { margin-top:22px !important; }
.racelist li:hover { background-color:#eee !important; }
.racelist li.you { background-color:#ccc !important; }
.racelist li.you, .racelist li.you a { color:#333333; }
.racelist li.you .smallUser img { border-color:#333; }
.racelist .id { width:25px; float:left; }
.racelist .main { width:160px; float:left; }
.racelist .main .smallUser { width:100%; position:relative; }
.racelist .main b { font-weight:normal; }
.racelist .have { width:130px; float:left; }
.racelist .have i { padding-left:45px; font-style:normal; display:block; }
.racelist .receive { width:120px; float:left; }
.racelist .receive i { font-style:normal; padding-left:55px; display:block; }
.racelist span { float:left; color:#cccccc; padding:0 5px; }
.races .race { margin-left:10px; padding-bottom:6px; }
.races .race .title { margin-left:0 !important; }
.races .race .title span { color:#333; }
.races .race.last { background:none; }
.races .race p { color:#999; }
.races .race p b { color:#333; font-weight:normal; }
.races .race acronym { cursor:help; color:#999; }
/* reglink */
.reg-link .main { background:#f4f4f4; padding:12px 20px; }
.reg-link { margin-top:15px; }
.reg-link .main { font-size:16px; padding:12px; }
/* uploader */
.swiff-uploader-box {
display: block;
position: absolute;
overflow: hidden;
z-index: 9999; }
ul.tasks li {
height: 3em;
margin-top: -1px;
border-top: 1px dotted #ccc;
padding-top: 10px;
padding-bottom: 10px;
color: #666; }
ul.tasks li.audio, ul.tasks li.image, ul.tasks li.video, ul.tasks li.package, ul.tasks li.document {
padding-left: 30px; }
ul.tasks li.audio {
background: url("../../images/icons/filetypes/audio.png") no-repeat 0 20px; }
ul.tasks li.image {
background: url("../../images/icons/filetypes/image.png") no-repeat 0 20px; }
ul.tasks li.video {
background: url("../../images/icons/filetypes/video.png") no-repeat 0 20px; }
ul.tasks li.package {
background: url("../../images/icons/filetypes/package.png") no-repeat 0 20px; }
ul.tasks li.document {
background: url("../../images/icons/filetypes/document.png") no-repeat 0 20px; }
ul.tasks li.complete {
background: #fff; }
ul.tasks li .file, ul.tasks li .tag, ul.tasks li .progress {
float: left; }
ul.tasks li .file {
line-height: 18px;
width: 300px; }
ul.tasks li .file p.filename {
font-size: 14px;
color: #333; }
ul.tasks li .file p.filename span {
color: #ccc; }
ul.files li .file {
width: 310px;
margin-right:10px;
overflow:hidden; }
ul.files li .usage, ul.files li .uploaded_at {
float: left; }
ul.files li .usage {
width: 300px; }
ul.files li .usage p {
cursor:default;
color: #666; }
ul.files li .usage p a {
color: #333;
text-decoration: underline; }
ul.files li .usage span.tag {
color: #333; }
ul.files li .usage span.tag.hover {
border-bottom:1px dotted #333; }
ul.files li .uploaded_at {
width: 180px; }
ul.files li .aside {
float: right;
color: #ccc;
position:relative; }
ul.files li .aside a {
color: #c00; }
ul.files li .aside a:hover {
border-bottom:1px dotted #c00; }
ul.files li .aside form b {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#fff url(/images/new_layout/loading_gray_small.gif) no-repeat center;
opacity:.8; }
.uploader .header {
position: relative;
min-height: 0; }
.uploader .header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.uploader .header h2 {
float: left; }
.uploader .header .coin {
zoom: 1;
display: inline;
display: -moz-inline-box;
display: inline-block;
*display: inline;
vertical-align: middle; }
.uploader .header .capacity {
position: absolute;
left: 25%;
bottom: 0.6em;
font-size: 14px;
font-weight: bold; }
.uploader .header .capacity span {
color: #999; }
.uploader .header .speed {
position:absolute;
left: 47%;
bottom:0.6em; }
.uploader .top .speed {
float:right; }
.uploader .speed {
font-size:14px;
line-height:20px;
font-weight:bold;
color:#999; }
.uploader .speed span { color:#333; }
.uploader .header .more {
font-size: 12px;
font-style: normal;
color: #666;
text-decoration: none;
position: absolute;
right: 0;
bottom: 0.6em;
width: 170px; }
.uploader .header .more span:hover {
border-bottom:1px dotted #666; }
.uploader .corners, .uploader .button, .uploader .top p {
zoom: 1;
display: inline;
display: -moz-inline-box;
display: inline-block;
*display: inline;
vertical-align: middle; }
.uploader .header, .uploader .top, .uploader ul.tasks li, .uploader .bottom {
min-height: 0; }
.uploader .header:after, .uploader .top:after, .uploader ul.tasks li:after, .uploader .bottom:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.uploader .header .corners {
float: right; }
.uploader .top {
background: #fafafa;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 10px; }
.uploader .top p {
margin-left: 5px;
zoom: 1;
display: inline;
display: -moz-inline-box;
display: inline-block;
*display: inline;
vertical-align: middle;
line-height:20px; }
.uploader .top p.progress {
display: none; }
.uploader p {
color: #999; }
.uploader p strong {
color: #333;
font-weight: normal; }
.uploader ul.tasks li .tag {
line-height: 16px;
font-size: 18px; }
.uploader ul.tasks li .progress {
float: right; }
.uploader ul.tasks li .progress .cancel {
font-weight: bold;
line-height: 8px;
margin-right: 5px; }
.uploader ul.tasks li .progress .cancel a {
color: #333;
padding: 4px 4px 4px 5px;
background: #dcdcdc;
zoom: 1;
display: inline;
display: -moz-inline-box;
display: inline-block;
*display: inline;
vertical-align: top; }
.uploader ul.tasks li .progress .cancel a:hover {
background:#666; }
.uploader ul.tasks li .progress .wrapper {
background: #dcdcdc;
width: 272px !important;
padding: 4px;
height:auto !important;
margin-top:0 !important;
overflow:hidden !important; }
.uploader ul.tasks li .progress .wrapper .corners {
width: 100%;
display: block; }
.uploader ul.tasks li .progress .wrapper .corners .cn {
background:#DCDCDC !important; }
.uploader ul.tasks li .progress .wrapper .bar {
background: #c00;
height: 8px; }
.uploader .button {
padding: 3px 5px;
color: #fff;
background: #999; }
.uploader .button.hover { background:#666; }
.uploader-working .top p {
display: none; }
.uploader-working .top p.progress {
zoom: 1;
display: inline;
display: -moz-inline-box;
display: inline-block;
*display: inline;
vertical-align: middle; }
/* poker stroke */
.poker-stroke-wrapper { width:75%; float:right; color:#282525; line-height:37px; background:#f4f4f4; }
.poker-stroke-wrapper.conf { width:100%; text-align:right; position:absolute; top:0; left:0; background:#f8f7e4; }
.poker-stroke-wrapper.conf a { color:#666 !important; }
.poker-stroke { padding:0 10px; margin-left:10px; white-space:nowrap; overflow:hidden; }
/* about post */
.about_post .tags ul { overflow:hidden; }
.about_post .tags li { float:left; margin-left:4px; color:#333333; margin-top:2px; }
.about_post .tags li a, .about_post .tags li { color:#999999; white-space:nowrap; }
.about_post .tags li.first { color:#333; }
.about_post .tags li a:hover { text-decoration:underline; }
/* post buttons */
.post-buttons { border-bottom:1px dotted #999999; padding:10px 0; }
.post-buttons .action-bar-wrapper { float:left; margin-left:10px; }
/* exception */
body.exception { background-color:#333; background-image: url(/images/new_layout/blur_bg.jpg); }
body.exception #container { margin:auto; min-height:auto; }
body.exception .error-wrapper { text-align:center; }
body.exception .error-box { width:525px; height:366px; margin:0 auto; background: no-repeat left top; text-align:left; }
body.exception .error-box.unauthorized { background-image: url(/images/new_layout/unauthorized_bg.jpg); }
body.exception .error-box.unavailable { background-image: url(/images/new_layout/unavailable_bg.jpg); }
body.exception .error-box.not_found { background-image: url(/images/new_layout/not_found_bg.jpg); }
body.exception .error-box.something_wrong { background-image: url(/images/new_layout/something_wrong_bg.jpg); }
/* exception header */
body.exception .error-box .header { height:93px; overflow:hidden; }
body.exception .error-box .header h1 { padding:20px 0 0 20px; width:300px; height:60px; }
body.exception .error-box .header h1 a {
display:block;
width:100%;
height:100%;
text-indent:-999999px;
opacity:.9;
background: url(/images/new_layout/expection_logo.png) no-repeat; }
body.exception .error-box .header h1 a:hover { opacity:1; }
/* exception content */
body.exception .error-box .content { padding:18px 0 0 28px; font-size:15px; height:255px; overflow:hidden; }
body.exception .error-box .content h2 { font-size:30px; font-weight:bold; letter-spacing:-.2pt; color:#8b0a00; }
body.exception .error-box .content i { color:#43463b; display:block; margin-top:-2px; }
body.exception .error-box.unauthorized .content i.who { margin-left:240px; }
body.exception .error-box.not_found .content i.who { margin-left:222px; }
body.exception .error-box.unavailable .content i.who { margin-left:175px; }
body.exception .error-box.something_wrong .content i.who { margin-left:70px; }
body.exception .error-box .content i.developers { margin-top:15px; margin-left:50px; }
body.exception .error-box.unavailable .content i.developers { margin-left:22px; }
body.exception .error-box .content p { margin-top:13px; color:#666; letter-spacing:-.1pt; }
body.exception .error-box .content strong { font-size:18px; color:#8b0a00; margin-top:8px; display:block; }
body.exception .error-box .content .search { width:265px; margin-left:0; margin-top:8px; font-size:12px; }
/* footer */
body.exception .error-box .footer { height:60px; margin-top:-60px; padding-left:28px; line-height:60px; color:#333; }
body.exception .error-box .footer .action-bar-wrapper { display:inline-block; vertical-align:middle; margin-top:-5px; }
/* non deposit info */
.non-deposit-info { width:100%; }
.non-deposit-info td { padding:30px 0; text-align:center; }
.non-deposit-info .corners { display:inline-block; }
.non-deposit-info .main { padding:15px 20px; background:#f9dcd8; text-align:center; }
.non-deposit-info .main b { font-size:60px; font-weight:normal; color:#333; margin-right:5px; float:left; }
.non-deposit-info .main div { float:right; margin-top:15px; }
.non-deposit-info .main span { display:block; font-size:18px; color:#999999; }
.non-deposit-info .main i { display:block; color:#333; font-size:20px; font-style:normal; }
/* lightbox sucess */
.lightbox-sucess { font-size:24px; color:#878787; width:100%; }
.lightbox-sucess td { width:100%; height:250px; text-align:center; }
.lightbox-sucess img, .login-sucess i, .login-sucess span { display:inline-block; vertical-align:middle; }
.lightbox-sucess img { width:30px; height:30px; padding:1px; border:1px solid #878787; }
.lightbox-sucess span { color:#535353; }
.lightbox-sucess i { font-style:normal; }
.lightbox-sucess b { font-size:12px; font-weight:normal; }
/* help */
.help .wrapper { padding:1px 0; }
.help .helpBox {
float:right;
height:28px;
border-top:1px solid #fff2a7;
border-bottom:1px solid #fff2a7;
background:#fff2a7;
margin:0 1px;
margin-right:16px;
}
.help .helpBox .corners {
overflow:visible;
margin:0 -1px;
border-left:1px solid #fff2a7;
border-right:1px solid #fff2a7;
height:28px;
line-height:28px;
padding-right:16px;
}
.help .helpico {
position:absolute;
margin-left:100%;
top:-2px;
left:-16px;
display:block;
width:32px;
height:32px;
background:url(/images/new_layout/help.png) no-repeat left top;
}
.help .helpBox .corners a { color:#666; margin:0 10px; }
.help .helpBox .corners a:hover, .help .helpBox .corners a.active { background: url(/images/new_layout/gray_dotted.png) repeat-x left bottom; }
.help .helpWrapper { float:left; margin-right:-100%; width:100%; }
.help .helpContent { margin:20px 1px 10px; border-top:1px solid #fff2a7; border-bottom:1px solid #fff2a7; background:#fff2a7; }
.help .helpContent .corners { overflow:hidden; border-left:1px solid #fff2a7; border-right:1px solid #fff2a7; margin:0 -1px; padding:12px; }
.help .helpContent .levels { width:550px; padding:5px; float:right; background:#fff; border:1px solid #efe39d; margin-left:5px; }
.help .helpContent .levels table { width:100%; font-size:13px; line-height:16px; }
.help .helpContent .levels th, .help .helpContent .levels td { padding:5px 10px; }
.help .helpContent .levels td { color:#333; padding:3px 10px; }
.help .helpContent .levels th { border-bottom:1px solid #eaeaea; color:#666666; }
.help .helpContent .levels .reyk { width:33%; }
.help .helpContent .levels .level { width:20%; }
.help .helpContent .levels .coin { display:inline-block; position:relative; top:2px; }
.help .helpContent b.title { font-size:24px; color:#333; }
.help .helpContent p { line-height:20px; font-size:13px; color:#333; margin-top:10px; }
.help .helpContent p a { color:#0066ff; }
.help .helpContent p a:hover { text-decoration:underline; }