@charset "utf-8";
/* ---------------------------------------------------- */
/* Light grey/pink theme                               */
/* ---------------------------------------------------- */
@font-face { font-family: 'DroidSansRegular'; src: url("fonts/droid-sans/DroidSans-webfont.eot"); src: url("fonts/droid-sans/DroidSans-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/droid-sans/DroidSans-webfont.woff") format("woff"), url("fonts/droid-sans/DroidSans-webfont.ttf") format("truetype"), url("fonts/droid-sans/DroidSans-webfont.svg#DroidSansRegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'DroidSansBold'; src: url("fonts/droid-sans/DroidSans-Bold-webfont.eot"); src: url("fonts/droid-sans/DroidSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/droid-sans/DroidSans-Bold-webfont.woff") format("woff"), url("fonts/droid-sans/DroidSans-Bold-webfont.ttf") format("truetype"), url("fonts/droid-sans/DroidSans-Bold-webfont.svg#DroidSansBold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'UniconsRegular'; src: url("fonts/unicons/unicons-webfont.eot"); src: url("fonts/unicons/unicons-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/unicons/unicons-webfont.woff") format("woff"), url("fonts/unicons/unicons-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

.icon { margin: 0; }

.icon:before { font-family: 'UniconsRegular'; margin-right: .3em; }

.icon:after { font-family: 'UniconsRegular'; margin-left: .3em; }

.help { background-image: none; background-color: inherit; color: inherit; font-size: 1em; padding: 0; }

.info { background-image: none; background-color: inherit; color: inherit; font-size: 1em; padding: 0; }

.reply:before { content: '\293A'; }

.close:before { content: '\2A02'; }

.expand:before { content: '\25BC'; }

.poll:before { content: '\25F7'; }

.network:before { content: '\260D'; }

.report:before { content: '\26A0'; }

.quote:before { content: '\2033'; }

.collapse:before { content: '\25B2'; }

.settings:before { content: '\2699'; }

.kudos:before { content: '\2605'; }

.moved:before { content: '\21F5'; }

.arrowright:before { content: '\20D7'; }

.arrowleft:before { content: '\20D6'; }

.hot:before { content: '\263C'; }

.twitter:before { content: 't'; }

.interact:before { content: '\20E1'; }

.home:before { content: '\2302'; }

.look:before { content: '\05A0'; }

.email:before { content: '\2709'; }

.facebook:before { content: 'f'; }

.favorite:before { content: '\2764'; }

.private:before { content: '\2298'; }

.comment:before { content: '\2395'; }

.multipage:before { content: '\2FFB'; }

.menu:before { content: '\2A74'; }

.print:before { content: '\2117'; }

.help:before { content: '\FFFD'; }

.postempty:before { content: '\26AA'; }

.postfull:before { content: '\26AB'; }

.postnew:before { content: '\25CF'; }

.postmoved:before { content: '\25CC'; }

.add:before { content: '\FF0B'; }

.subtract:before { content: '\FF0D'; }

.multiply:before { content: '\2A09'; }

.externallink:before { content: '\2B08'; }

.badge:before { content: '\272A'; }

.medal:before { content: '\265B'; }

.bookmark:before { content: '\2980'; }

.comment:before { content: '\270E'; }

.zoomin:before { content: '\2443'; }

.zoomout:before { content: '\2442'; }

.unlocked:before { content: '\2A00'; }

.info:before { content: 'i'; }

.cart:before { content: '\0024'; }

.reload:before { content: '\21BB'; }

.play:before { content: '\29C1'; }

.watch:before { content: '\261E'; }

.approve:before { content: '\2714'; }

.pin:before { content: '\26B2'; }

.greaterthan:before { content: '\003E'; }

.lessthan:before { content: '\003C'; }

.arrowup:before { content: '\2B06'; }

.arrowdown:before { content: '\2B07'; }

.forward:before { content: '\25BA'; }

.back:before { content: '\25C4'; }

.closequote:before { content: '\0022'; }

.user:before { content: '\2A30'; }

.friends:before { content: '\29DD'; }

.message:before { content: '\29CA'; }

.rss:before { content: 'r'; }

.subscribe:before { content: '\29DF'; }

.unsubscribe:before { content: '\29DE'; }

.like:before { content: '\2055'; }

.dislike:before { content: '\2043'; }

.tweet:before { content: '\036D'; }

.commentadd:before { content: '\2350'; }

.commentempty:before { content: '\2395'; }

.commentfull:before { content: '\2338'; }

.globe:before { content: '\20DD'; }

.viewgrid:before { content: '\229E'; }

.viewlist:before { content: '\2630'; }

.prev:before { content: '\25C4'; margin-left: 0; margin-right: .5em; }

.next:after { content: '\25BA'; margin-left: .5em; margin-right: 0; }

.more:after { content: '\25BA'; margin-left: .5em; margin-right: 0; }

/* ---------------------------------------------------- */
/* Table of Contents                                    */
/* -- Browser Clean-Up                                  */
/* -- Shared Styles                                     */
/* -- Header and Footer                                 */
/* -- Sections                                          */
/* -- Grid Modifications                                */
/* -- Mod.minimal                                       */
/* -- Copyright                                         */
/* -- Breadcrumb                                        */
/* -- Pager                                             */
/* -- Layout Switch                                     */
/* -- Form                                              */
/* -- Login Form                                        */
/* -- Search                                            */
/* -- Flyout Menu                                       */
/* -- Media Queries                                     */
/* -- Manager                                           */
/* -- Color Debug                                       */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Browser Clean-Up                                     */
/* ---------------------------------------------------- */
::selection, .moz::-moz-selection, .webkit::-webkit-selection { background: #bd1e6c; color: #ebebeb; }

html, body { font-family: DroidSansRegular, Arial, Verdana, sans-serif; height: 100%; background-color: white; color: #333333; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

a:link, a:active, a:hover, a:visited { outline: none; }

/* Remove link outlines placed by Firefox */
a:focus { background-color: inherit; color: inherit; }

input:focus, textarea:focus { outline: none; }

/* ---------------------------------------------------- */
/* Shared Styles                                        */
/* ---------------------------------------------------- */
.key { color: #bd1e6c !important; }

.right { text-align: right; }

.inline { list-style: none; }

.inline li { display: inline-block; }

.next { text-align: left; }

.t { display: table; }

.r { display: table-row; }

.d { display: table-cell; }

a { color: #b41563; }

a:visited { color: #bd1e6c; }

a:focus { color: #bd1e6c; }

a:hover { color: #bd1e6c; }

h1 { color: #f1f9fb; }

.body h1, .body .h1 { color: #858a96; }

h2, .h2, h3, .h3, h4, .h4 { color: #bd1e6c; }

blockquote { border-left: 1px dotted #999999; margin-bottom: 1.5em; color: #999999; }

table.stats { margin: 10px; }

table.stats td { padding-right: 1em; }

.icon { color: #bd1e6c; }

.img.icon { font-size: 1rem; padding-right: .5em; }

.avatar { padding: 10px 5px 10px 10px; }

.ad { margin: 10px; padding: 0; }

header h1 { color: #f1f9fb; font-weight: bolder; }

.meta { color: #999999; }

.meta li { margin-right: 2em; }

.img.icon { color: #858a96; }

table.data { background-color: white; width: 100%; }

table.data th { background-color: #ebebeb; font-weight: bold; }

table.data tr:nth-child(odd) { background-color: #f3f3f3; }

/* ---------------------------------------------------- */
/* Header and Footer                                    */
/* ---------------------------------------------------- */
.stickyhead.yukuhead { position: fixed; top: 0; left: 0; }

.stickyhead.yukuhead + .adhead { margin-top: 36px; }

.yukuhead { z-index: 999; width: 100%; min-height: 36px; background: #313540; background-image: -webkit-gradient(linear, left top, left bottom, from(#434b56), to(#313540)); background-image: -webkit-linear-gradient(top, #434b56, #313540); background-image: -moz-linear-gradient(top, #434b56, #313540); background-image: -ms-linear-gradient(top, #434b56, #313540); background-image: -o-linear-gradient(top, #434b56, #313540); background-image: linear-gradient(top, #434b56, #313540); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434b56', endColorstr='#313540'); }

.yukuhead .logo { display: block; margin-left: 10px; margin-top: 6px; float: left; margin-right: 10px; }

.yukuhead a { color: white; margin: 0; }

.yukuhead a, .yukuhead a:hover, .yukuhead a:active, .yukuhead a:visited, .yukuhead a:focus { text-decoration: none; }

.yukuhead nav { display: table; float: right; margin-right: 10px; }

.yukuhead ul { display: table-row; }

.yukuhead li { display: table-cell; height: 36px; vertical-align: middle; }

.yukuhead nav a { display: block; padding: 10px; line-height: 1em; }

.yukuhead .divider { display: block; height: 24px; width: 1px; border-left: 1px solid #4c555f; }

.adhead { background: #313540; background-image: -webkit-gradient(linear, left top, left bottom, from(#434b56), to(#313540)); background-image: -webkit-linear-gradient(top, #434b56, #313540); background-image: -moz-linear-gradient(top, #434b56, #313540); background-image: -ms-linear-gradient(top, #434b56, #313540); background-image: -o-linear-gradient(top, #434b56, #313540); background-image: linear-gradient(top, #434b56, #313540); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434b56', endColorstr='#313540'); }

.forumhead { z-index: 999; min-height: 70px; width: 100%; background: #bd1e6c; }

.forumhead h1 { font-size: 240%; margin-top: 1em; }

.forumhead nav { display: table; float: right; margin-top: 3em; margin-right: 10px; }

.forumhead ul { display: table-row; }

.forumhead li { display: table-cell; height: 36px; vertical-align: middle; }

.forumhead nav a { display: block; padding: 10px; line-height: 1em; color: #f1f9fb; }

.forumhead nav a:hover { text-decoration: none; color: #c9e8f0; }

.forumhead.stickyhead { position: fixed; top: 36px; left: 0; min-height: 36px; }

.forumhead.stickyhead h1 { font-size: 150%; margin-top: .7em; }

.forumhead.stickyhead nav { margin-top: .5em; }

.forumhead.stickyhead + .body { padding-top: 36px; }

.forumfoot { background: #313540; background-image: -webkit-gradient(linear, left top, left bottom, from(#434b56), to(#313540)); background-image: -webkit-linear-gradient(top, #434b56, #313540); background-image: -moz-linear-gradient(top, #434b56, #313540); background-image: -ms-linear-gradient(top, #434b56, #313540); background-image: -o-linear-gradient(top, #434b56, #313540); background-image: linear-gradient(top, #434b56, #313540); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434b56', endColorstr='#313540'); color: white; }

.forumfoot h4 { color: #9a9a9a; font-size: 100%; }

.forumfoot li, .forumfoot td { padding-top: .2em; padding-bottom: .2em; }

.forumfoot a { color: #de3085; }

.forumfoot .key { color: #de3085 !important; }

/* ---------------------------------------------------- */
/* Sections                                             */
/* ---------------------------------------------------- */
.container:before, .container:after { content: ""; display: table; clear: both; }

.thread { overflow: hidden; margin: 10px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 1px 6px #999999; -moz-box-shadow: 0 1px 6px #999999; box-shadow: 0 1px 6px #999999; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; }

.thread .post { margin: 0; border-bottom: 1px solid #ebebeb; background-color: #f3f3f3;  }

.post:last-child { border: none; }

.post.originalpost { background-color: #ebebeb; }

.postactions { font-size: .8em; }

.postactions li { margin-right: .5em; }

.postactions a { color: #999999; }

.postactions a:hover { text-decoration: none; color: #bd1e6c; }

/* ---------------------------------------------------- */
/* Grid Modifications                                   */
/* ---------------------------------------------------- */
.box { padding: 10px; }

.centered { display: block; max-width: 1280px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }

.centered .ad img { margin: 0 auto; }

/* ---------------------------------------------------- */
/* Mod.minimal (eventaully other skins could be added)  */
/* ---------------------------------------------------- */
.minimal { background-color: #f3f3f3; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 1px 6px #999999; -moz-box-shadow: 0 1px 6px #999999; box-shadow: 0 1px 6px #999999; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; }

.minimal .hd { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #ebebeb; }

.minimal .hd h3 { color: #333333; }

.minimal .topics { margin: 0; }

.minimal .topics li { border-top: 1px solid #ebebeb; }

.minimal .topics li:last-child { border-bottom: none; }

.minimal .ft { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #ebebeb; border-top: 1px solid #ebebeb; font-size: .75em; }

.minimal .bd img { width: 80px; float: right; }

.minimal .ft .bd div { display: inline; }

.masonry-brick.minimal { width: 300px; }

.masonry-brick.minimal img { width: 100%; float: none; }

.masonry-brick.minimal div { display: block; }

/* ---------------------------------------------------- */
/* Copyright                                           */
/* ---------------------------------------------------- */
.copyright, .copyright a { color: #999999; }

.copyright a:hover { color: #999999; }

.copyright li { margin-right: .8em; }

/* ---------------------------------------------------- */
/* Breadcrumb                                           */
/* ---------------------------------------------------- */
.breadcrumb, .breadcrumb a { color: #999999; font-size: .9em; }

.breadcrumb li:after { content: '/'; padding: 0 .25em 0 .5em; }

/* ---------------------------------------------------- */
/* Pager                                                */
/* ---------------------------------------------------- */
.pager { overflow: hidden; background: #ebebeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ebebeb)); background-image: -webkit-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -moz-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -ms-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -o-linear-gradient(top, #f3f3f3, #ebebeb); background-image: linear-gradient(top, #f3f3f3, #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ebebeb'); -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ebebeb; }

.pager a { color: #858a96; padding: .5em; line-height: 1.9em; }

.pager a:hover { background: #f3f3f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3)); background-image: -webkit-linear-gradient(top, #ebebeb, #f3f3f3); background-image: -moz-linear-gradient(top, #ebebeb, #f3f3f3); background-image: -ms-linear-gradient(top, #ebebeb, #f3f3f3); background-image: -o-linear-gradient(top, #ebebeb, #f3f3f3); background-image: linear-gradient(top, #ebebeb, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#f3f3f3'); color: #b41563; text-decoration: none; }

.pager .selected a { color: #ebebeb; background-color: #bd1e6c; }

.pager ul { text-align: center; margin: 0; }

.pager ul:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0 !important; line-height: 0; font-size: xx-large; content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; }

.pager li { display: inline-block; }

.pager .d:last-child { text-align: right; }

.pager a.next:hover, .pager a.prev:hover { background-color: transparent; }

/* ---------------------------------------------------- */
/* Layout Switch                                        */
/* ---------------------------------------------------- */
.switch a { overflow: hidden; background: #ebebeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ebebeb)); background-image: -webkit-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -moz-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -ms-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -o-linear-gradient(top, #f3f3f3, #ebebeb); background-image: linear-gradient(top, #f3f3f3, #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ebebeb'); border: 1px solid #ebebeb; }

.switch a { color: #858a96; padding: .5em; line-height: 1.9em; }

.switch a:hover { background: #f3f3f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3)); background-image: -webkit-linear-gradient(top, #ebebeb, #f3f3f3); background-image: -moz-linear-gradient(top, #ebebeb, #f3f3f3); background-image: -ms-linear-gradient(top, #ebebeb, #f3f3f3); background-image: -o-linear-gradient(top, #ebebeb, #f3f3f3); background-image: linear-gradient(top, #ebebeb, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#f3f3f3'); color: #b41563; text-decoration: none; }

.switch a.selected { background: #bd1e6c; color: #ebebeb; }

.switch a:first-child { border-right: 0; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }

.switch a:last-child { border-left: 0; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }

/* ---------------------------------------------------- */
/* Form                                                 */
/* ---------------------------------------------------- */
a:link.button, a:active.button, a:hover.button, a:visited.button, a:focus.button, .button { font-weight: normal; padding: 9px 10px; font-size: .75rem; color: #ebebeb; background: #b41563; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd1e6c), to(#b41563)); background-image: -webkit-linear-gradient(top, #bd1e6c, #b41563); background-image: -moz-linear-gradient(top, #bd1e6c, #b41563); background-image: -ms-linear-gradient(top, #bd1e6c, #b41563); background-image: -o-linear-gradient(top, #bd1e6c, #b41563); background-image: linear-gradient(top, #bd1e6c, #b41563); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd1e6c', endColorstr='#b41563'); }

a:hover.button, .button:hover, .button:focus { color: #ebebeb; background: #9d1256; background-image: -webkit-gradient(linear, left top, left bottom, from(#a71b5f), to(#9d1256)); background-image: -webkit-linear-gradient(top, #a71b5f, #9d1256); background-image: -moz-linear-gradient(top, #a71b5f, #9d1256); background-image: -ms-linear-gradient(top, #a71b5f, #9d1256); background-image: -o-linear-gradient(top, #a71b5f, #9d1256); background-image: linear-gradient(top, #a71b5f, #9d1256); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a71b5f', endColorstr='#9d1256'); }

input.input-text, textarea { border: 1px solid #d9d9d9; padding: 6px 10px; background-color: white; }

textarea { width: 100%; height: 6rem; }

input.input-text, textarea { background: #ebebeb; }

input.input-text:focus, textarea:focus { background: #f9f9f9; }

textarea[disabled] { background-color: #ddd; }

input.input-text[disabled], input.placeholder, textarea.placeholder { color: #888; }

form fieldset { border: solid 1px #f3f3f3; margin: 10px 0 1.6em 0; }

.main form fieldset { margin: 10px 10px 1.6em 10px; }

legend { font-weight: bold; color: #999999; }

form.custom span.custom { border: solid 1px #313540; background-color: #f3f3f3; background-image: url("../images/theme/light-form-sprites.png"); background-position: 0 0; background-repeat: no-repeat; }

.custom.checkbox, .custom.radio { margin-right: .5em; }

form.custom div.custom.dropdown a { background: #ebebeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ebebeb)); background-image: -webkit-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -moz-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -ms-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -o-linear-gradient(top, #f3f3f3, #ebebeb); background-image: linear-gradient(top, #f3f3f3, #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ebebeb'); }

form.custom div.custom.dropdown a:hover { text-decoration: none; }

form.custom div.custom.dropdown a.current { border: solid 1px #313540; background: #f3f3f3; color: #333333; }

form.custom div.custom.dropdown a.selector { background-color: #f3f3f3; background-image: url("../images/theme/light-form-sprites.png"); background-position: -14px 1px; background-repeat: no-repeat; border: solid 1px #313540; }

form.custom div.custom.dropdown ul { background: #f3f3f3; color: #333333; border: solid 1px #313540; }

form.custom div.custom.dropdown ul li.selected { background-color: #f3f3f3; background-image: url("../images/theme/light-form-sprites.png"); background-position: right -52px; background-repeat: no-repeat; }

form.custom div.custom.dropdown ul li:hover { background-color: #bd1e6c; color: #ebebeb; }

form.custom div.custom.dropdown ul li.selected:hover { background: #bd1e6c right -78px no-repeat; }

form.custom .custom.disabled { background-color: #ddd; }

form.custom fieldset { border: solid 1px #313540; }

form.custom input, form.custom select, form.custom div.custom.dropdown { margin-bottom: 1.6em; }

.round { -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; padding: 8px 10px 8px 10px; }

.leftRound { -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; padding: 8px 4px 8px 10px; }

.rightRound { -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; padding: 8px 10px 8px 4px; }

.mini-form { margin: 10px; }

.mini-form input { display: inline-block; }

.mini-form .input-text { width: 120px; }

/* ---------------------------------------------------- */
/* Login form                                           */
/* ---------------------------------------------------- */
#login { z-index: 9999; }

#login-form { display: none; position: absolute; z-index: 999; text-align: left; background-color: #313540; width: 240px; padding: 10px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }

#login-form input[type="text"], #login-form input[type="password"], #login-form input[type="email"], #login-form .bt { margin-bottom: 10px; padding: 6px; border: 0; width: 95%; color: yuku_text_color3; font-size: .75rem; }

#login-form label { display: block; padding: 6px; color: white; }

.bt { -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #ebebeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ebebeb)); background-image: -webkit-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -moz-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -ms-linear-gradient(top, #f3f3f3, #ebebeb); background-image: -o-linear-gradient(top, #f3f3f3, #ebebeb); background-image: linear-gradient(top, #f3f3f3, #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ebebeb'); }

/* ---------------------------------------------------- */
/* Search                                               */
/* ---------------------------------------------------- */
.search { margin: 0; font-size: .8rem; overflow: hidden; text-align: left; width: 160px; border: 1px solid #f3f3f3; background-color: white; color: #333333; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }

.search:before { content: '\05A0'; font-family: 'UniconsRegular'; color: #999999; padding: 6px 0 6px 6px; }

.search input[type="text"] { border: none; padding: 6px; background-color: white; width: 110px; }

.yukuhead .search { border-color: #4c555f; background-color: #434b56; color: #9a9a9a; }

.yukuhead .search input[type="text"] { background-color: #434b56; color: white; }

/* ---------------------------------------------------- */
/* Flyout Menu                                          */
/* ---------------------------------------------------- */
.has-flyout { z-index: 999; position: relative; }

.has-flyout > span:after { content: " \25BC"; }

.flyout { visibility: hidden; position: absolute; top: 2em; left: 0; z-index: 999; background-color: #bd1e6c; color: #ebebeb; text-align: left; }

.flyout.round { -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }

.flyout li { display: block; }

.flyout a { white-space: nowrap; padding: 6px; line-height: 2em; color: #ebebeb; }

/* ---------------------------------------------------- */
/* Media Queries                                        */
/* ---------------------------------------------------- */
@media screen and (max-width: 640px) { .unit { float: none !important; width: auto !important; margin-left: 0; }
  .yukuhead nav, .forumhead nav { float: none; margin: 0; }
  .adhead, .rightCol { display: none; }
  .right { text-align: left; }
  .masonry .mod { width: auto; }
  .centered { padding-left: 0; padding-right: 0; } }
/* ---------------------------------------------------- */
/* Manager                                              */
/* ---------------------------------------------------- */
.mgr { background: #313540; font-size: .8rem; overflow: hidden; }

.mgr .main section { margin: 10px; position: relative; padding-bottom: 999px; margin-bottom: -999px; background-color: #434b56; }

.mgr .leftCol { padding-bottom: 999px; margin-bottom: -999px; }

.mgr .rightCol { padding-bottom: 999px; margin-bottom: -999px; }

.mgr .section { margin: 0; padding: 4px 10px; background-image: none; background-color: #434b56; color: white; }

.mgr a { color: #de3085; }

.mgr .highlight { color: white; padding: 0 .2em; }

.mgr .inline li { padding-right: .5em; }

.mgr .inline li:last-child { padding-right: 0; }

.mgr-logo { margin: 0; }

.mgr-logo a { text-indent: -5000px; background: transparent url("../images/yuku-logo-large.png") no-repeat center center; width: 179px; height: 80px; display: block; margin: auto; outline-style: none; }

.mgr .logout { float: right; }

.mgr .avatar { float: left; margin-right: 10px; }

.mgr-button-list a { width: 100px; margin-bottom: 1px; }

.mgr-current-user .mgr-button-list a { width: 82px; }

.mgr-tab-menu-wrapper { position: relative; background: #313540; height: 2em; }

.mgr-tab-menu-wrapper ul, .mgr-tab-menu-wrapper li { list-style: none; padding: 0; display: inline-block; margin: 0; padding: 0; }

.mgr-tab-menu-wrapper a { line-height: 1.75em; padding: 2px 10px; background: #313540; display: inline-block; }

ul.mgr-tab-sub-menu { display: none; }

.mgr-tab-selected a { background-color: #434b56; color: white; }

.mgr-tab-selected ul.mgr-tab-sub-menu { display: block; position: absolute; left: 0; background-color: #434b56; width: 100%; }

/* ---------------------------------------------------- */
/* Color Debug                                          */
/* ---------------------------------------------------- */
.theme_key_color1 { color: #bd1e6c; }

.theme_key_color2 { color: #b41563; }

.theme_key_color3 { color: #ebebeb; }

.theme_header_background { color: #bd1e6c; }

.theme_header_text_color { color: #f1f9fb; }

.theme_nav_text_color { color: #f1f9fb; }

.yuku_gradient_start { color: #434b56; }

.yuku_gradient_end { color: #313540; }

.yuku_text_color1 { color: white; }

.yuku_text_color2 { color: #9a9a9a; }

.yuku_text_color3 { color: black; }

.yuku_link_color { color: #de3085; }

.yuku_search_border_color { color: #4c555f; }

.yuku_search_background { color: #434b56; }

.ad_gradient_start { color: #434b56; }

.ad_gradient_end { color: #313540; }

.ad_text_color1 { color: red; }

.body_background { color: white; }

.body_input_border { color: #f3f3f3; }

.body_input_background { color: white; }

.body_link_color { color: #bd1e6c; }

.body_hover_color { color: #b41563; }

.mod_background { color: #f3f3f3; }

.mod_meta_background { color: #ebebeb; }

.mod_shadow_color { color: #999999; }

.mod_rule_color { color: #ebebeb; }

.mod_text_color1 { color: #333333; }

.mod_text_color2 { color: #999999; }

.mod_icon_color { color: #858a96; }

.mod_link_color { color: #bd1e6c; }

.mod_hover_color { color: #b41563; }

.breadcrumb_link_color { color: #999999; }

.breadcrumb_hover_color { color: #bd1e6c; }

.pager_gradient_start { color: #f3f3f3; }

.pager_gradient_end { color: #ebebeb; }

.pager_border { color: #ebebeb; }

.pager_link_color { color: #858a96; }

.pager_hover_color { color: #bd1e6c; }


/* Additions for calendar and new tables - EMERSON SERRA CROWDGATHER */
.date { height: 10em; vertical-align:top }

.calendar { width:100%; border: 1px solid #E1E1E1; }

.calendar td { padding:5px; border: 1px solid #E1E1E1; background: none repeat scroll 0 0 #F7F7F7;  }

.calendar th { padding:5px; }

.day { width:14.3%; background: none repeat scroll 0 0 #D0D1D3; border: 1px solid #E1E1E1; }

.calendar_event_results { width: 100%; }

.calendar_event_results th { background: none repeat scroll 0 0 #D0D1D3; border: 1px solid #E1E1E1; padding:5px;  }

.calendar_event_results td { background: none repeat scroll 0 0 #F7F7F7; padding: 5px; border: 1px solid #E1E1E1; }

.tablehead { min-height: 30px; padding-top: 7px; padding-left: 0px; }

.hidden {
	background: url("http://static.yuku.com/common/bypass/images/hidden-reply.png") no-repeat scroll center center transparent;
	min-height: 140px;
	width: 100%;
}

.row-hidden {
    background-image: url("http://static.yuku.com/domainskins/bypass/img/sashes/hidden-topic.gif") ;
    background-position: right top;
    background-repeat: no-repeat;
}

.feature_table_view_container {
	margin-top:15px;
	margin-bottom:25px;
}

.sticky-icon {
	
}

.adhead {
	min-height:115px;
}

#userpanel_tabs table {
	width: 100%;
}

.mgr-table-col-1 {
  background-color: #313540;
  background-image: none;
  color: white;
  margin: 0;
  padding: 4px 10px;
}

.mgr-table-col-2 {
  background-color: #313540;
  background-image: none;
  color: white;
  margin: 0;
  padding: 4px 10px;
}

.mgr-table-col-3 {
  background-color: #313540;
  background-image: none;
  color: white;
  margin: 0;
  padding: 4px 10px;
}
#userpanel_tabs {
	width: 100%;
	height:350px;
	overflow: hidden;
	background:#434B56;
	border: 0px solid background:#434B56;
}

.ui-widget-header {
  	background: #434B56;
  	color: #222222;
  	font-weight: bold;
  	border:0px solid #000000;
}

#recent_post {
	background:#434B56;
}

.media .flyout a {
	line-height:1.25em;
}

#loading_container {
	background: url('http://static.yuku.com/common/bypass/responsive/images/yuku_loading.gif') no-repeat center center;
	width:100%;
	min-height:350px;
}



.tableview_row {
	margin-top:10px;
	margin-bottom:10px;
}

.domain_logo {
	padding:5px;
}

.logo_bar {
	max-height: 160px;
	overflow: hidden;
}

.ignored {
	opacity: 0.5;
}

.signature {
	width: 100%;
	border-top: #CED1D2 solid 1px;
}

.statnumber {
	text-align: right;
}

.breath {
	padding: 10px;
}

.home_link a {
	color:white;
	text-decoration:none;
	max-height:160px;
}


span.status-rank {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background:#BD1E6C;
  border-color: #FFFFFF #777777 #777777 #FFFFFF;
  border-style: solid;
  border-width: 1px;
  display: block;
  height: 17px;
  margin: 1px;
}

/* CSS For Dropdown Menu Start */
#menucontainer ul
{
  list-style:none;
  padding:0px;
  margin:0px
}

#menucontainer ul li
{
  display:inline;
}

#menucontainer ul li a
{
  color:#cccccc;
  background: #b41563; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd1e6c), to(#b41563)); background-image: -webkit-linear-gradient(top, #bd1e6c, #b41563); background-image: -moz-linear-gradient(top, #bd1e6c, #b41563); background-image: -ms-linear-gradient(top, #bd1e6c, #b41563); background-image: -o-linear-gradient(top, #bd1e6c, #b41563); background-image: linear-gradient(top, #bd1e6c, #b41563); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd1e6c', endColorstr='#b41563');
  font-weight:bold;
  font-size:12px;
  font-family:verdana;
  text-decoration:none;
  display:inline-block;
  height:35px;
  line-height:35px;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  padding-left:15px;
  padding-right:15px;
}

#menucontainer ul li a:hover
{
  color:#cccccc;
  background: #b41563; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd1e6c), to(#b41563)); background-image: -webkit-linear-gradient(top, #bd1e6c, #b41563); background-image: -moz-linear-gradient(top, #bd1e6c, #b41563); background-image: -ms-linear-gradient(top, #bd1e6c, #b41563); background-image: -o-linear-gradient(top, #bd1e6c, #b41563); background-image: linear-gradient(top, #bd1e6c, #b41563); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd1e6c', endColorstr='#b41563');
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  padding-left:15px;
  padding-right:15px;
}

#menucontainer ul li.sublinks a
{
  color:#FFFFFF;
  background: #b41563; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd1e6c), to(#b41563)); background-image: -webkit-linear-gradient(top, #bd1e6c, #b41563); background-image: -moz-linear-gradient(top, #bd1e6c, #b41563); background-image: -ms-linear-gradient(top, #bd1e6c, #b41563); background-image: -o-linear-gradient(top, #bd1e6c, #b41563); background-image: linear-gradient(top, #bd1e6c, #b41563); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd1e6c', endColorstr='#b41563');
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:center;
  padding-left:5px;
  padding-right:5px;
}

#menucontainer ul li.sublinks input 
{
  color:#FFFFFF;
  background: #b41563; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd1e6c), to(#b41563)); background-image: -webkit-linear-gradient(top, #bd1e6c, #b41563); background-image: -moz-linear-gradient(top, #bd1e6c, #b41563); background-image: -ms-linear-gradient(top, #bd1e6c, #b41563); background-image: -o-linear-gradient(top, #bd1e6c, #b41563); background-image: linear-gradient(top, #bd1e6c, #b41563); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd1e6c', endColorstr='#b41563');
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:center;
  padding-left:5px;
  padding-right:5px;
  border:none;
  min-width:150px;
  height: 35px;
  cursor: pointer;
}

#menucontainer ul li.sublinks a:hover
{
  color:#000000;
  background: #b41563; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd1e6c), to(#b41563)); background-image: -webkit-linear-gradient(top, #bd1e6c, #b41563); background-image: -moz-linear-gradient(top, #bd1e6c, #b41563); background-image: -ms-linear-gradient(top, #bd1e6c, #b41563); background-image: -o-linear-gradient(top, #bd1e6c, #b41563); background-image: linear-gradient(top, #bd1e6c, #b41563); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd1e6c', endColorstr='#b41563');
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:center;
  padding-left:5px;
  padding-right:5px;
}

#menucontainer ul li.sublinks
{
	display:none;
}

#menucontainer
{
 display:inline-block; 
}

/* CSS For Dropdown Menu End */