/***
@name: UiD - Deep
@author: Beaver
***/

@charset "UTF-8";

/* SITE LAYOUT */

/* We love safari */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {}

/* To avoid browser differences and css issues */
* {
    margin: 0;
    padding: 0;
}

/* To avoid hyperlink glitches */
img { border: 0; }

/* Some objects need to be padded from left */
ol, ul, dd { padding-left: 2.5em }

/* General styles */
html, body {
    min-height: 90%;
    height: auto !important;
    height: 90%;
}

/* This is for the always-visible scrollbar */
html { overflow: scroll; }

/* General styles */
body {
    background: #202224;
    text-align: center;
    font-family: tahoma, sans-serif;
    font-size: 10pt;
    color: #505050;
}

.bkgimg1 { background: #0a0c0d url('deep/backgrounds/background1.jpg') top center repeat fixed; }
.bkgimg2 { background: #0a0c0d url('deep/backgrounds/background2.jpg') top center repeat fixed; }
.bkgimg3 { background: #0a0c0d url('deep/backgrounds/background3.jpg') top center repeat fixed; }
.bkgimg4 { background: #0a0c0d url('deep/backgrounds/background4.png') top center repeat scroll; }
.bkgimg5 { background: #0a0c0d url('deep/backgrounds/background5.jpg') top center repeat fixed; }
.bkgimg6 { background: #0a0c0d url('deep/backgrounds/background6.jpg') top center repeat fixed; }
.bkgimg7 { background: #0a0c0d url('deep/backgrounds/background7.jpg') top center repeat fixed; }
.bkgimg8 { background: #0a0c0d url('deep/backgrounds/background8.jpg') bottom center repeat fixed; }
.bkgimg9 { background: #0a0c0d url('deep/backgrounds/background9.jpg') top center repeat fixed; }
.bkgimg10 { background: #0a0c0d url('deep/backgrounds/background10.jpg') center center repeat fixed; }
.bkgimg11 { background: #0a0c0d url('deep/backgrounds/background11.jpg') top left repeat scroll; }
.bkgimg12 { background: #0a0c0d url('deep/backgrounds/background12.jpg') top left repeat fixed; }

/* Headings */
h1,h2,h3,h4 { font-weight: normal; }
h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }
h5 { font-size: 8pt; }
h6 { font-size: 7pt; }

/* Hyperlinks */
a, a.visited {
    color: #1f577f;
    outline-style: none;
    text-decoration: none;
}
a:hover, a.visited:hover {
    color: #c24141;
    border-bottom: 1px dotted #505050;
}
a.pic, a.pic:hover, a.pic.visited, a.pic.visited:hover {
    border: 0;
}

/* JavaScript needed warning */
div#noscript {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #000000;
    z-index: 900;
    padding-top: 300px;
}

div#bkg_credit {
    margin-top: 50px;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    color: #888888;
}

/* Wrappers */
div#wrapper1 {
    width: 1000px;
    margin: auto;
}
div#wrapper2 {
    margin: auto;
    position: relative;
}

/* Wrapper corners */
div#main-br {}
div#main-bl {}
div#main-tr {}
div#main-tl {}

/* Dynamic content - 1px horizontal padding to avoid background-cut issues */
div#site_content {
    background: url('main_bg.png');
    padding: 1px 25px;
}

/* A site footer */
div#foot {
    background: url('foot_bg.png') bottom center;
    height: 24px;
}

/* Banners */
div#banners {
    margin: -20px auto 40px auto;
    width: 950px;
    background: url('bnrs.png') bottom left no-repeat;
    position: relative;
    overflow: hidden;
    cursor: default;
}
.banners_closed { height: 25px; }
.banners_opened { height: 46px; }
div#banners div {
    width: 950px;
    height: 46px;
    position: absolute;
    left: 0;
    bottom: 0;
}
div#banners div#hotspot { z-index: 99; }
div#banners div ul {
    padding-top: 6px;
    padding-left: 0;
    width: 950px;
}
div#banners div ul li { display: inline; }

/* Banners text */
div#banners div p {
    margin-top: 1px;
    color: #e1e1e1;
    font-size: 10px;
}
div#banners div p a,
div#banners div p a:hover {
    color: #e1e1e1;
}
div#banners div p a:hover { border-color: #e1e1e1; }



/* LOGGED-OUT LAYOUT */

/* Wrappers */
body.logged_out div#wrapper1 { width: 524px; }

/* Dynamic content */
body.logged_out div#site_content { background: url('main_bg_lo.png'); }

/* A site footer */
body.logged_out div#foot {
    background: url('foot_bg_lo.png') bottom center;
    height: 28px;
}

/* Banners */
body.logged_out div#banners {
    width: 474px;
    background: url('bnrs_lo.png') bottom left no-repeat;
}
body.logged_out div#banners div { width: 474px; }
body.logged_out div#banners div p {
    margin-top: 25px;
}

/* Layers */
body.logged_out div.layer { margin: 4px auto 2px auto; }



/* FORM ELEMENTS */

/* Textarea */
div.textarea {
    border: 1px solid #878787;
    margin: auto;
    background: #eaedef;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.textarea.dynamic { margin: 0px 10px 0px 10px; }
div.textarea textarea {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: tahoma, sans-serif;
    font-size: 10pt;
    color: #505050;
    background: transparent;
}

/* Inputs */
label.skinned,
select.skinned,
input.skinned {
    font-family: tahoma, sans-serif;
    font-size: 10pt;
    color: #1f577f;
    background-color: #eaedef;
    border: 1px solid #878787;
    padding: 2px;
    outline-style: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
input.skinned {
    background-image: url('input_bg.png');
    background-repeat: no-repeat;
    background-position: top right;
}
select.skinned {
    padding: 1px;
}
label.skinned {
    padding: 0px 5px 0px 5px;
    color: #505050;
    border: 0;
    background: transparent;
}

/* Labels */
label { cursor: pointer; }

/* Form layout */
div.form_main {}
div.form_left {
    line-height: 180%;
    text-align: left;
    padding-left: 40px;
}
div.form_right {
    line-height: 180%;
    text-align: right;
    padding-right: 10px;
}

/* Special states */
input.skinned:hover,
select.skinned:hover,
div.textarea:hover {
    background-color: #f4f4f4;
}
input.skinned.disabled:hover,
select.skinned.disabled:hover,
div.textarea.disabled:hover {
    background-color: #eaedef;
}
input.skinned:focus,
select.skinned:focus,
div.textarea:focus {
    background-color: #f4f4f4;
    border-color: #2e68a3;
}
input[disabled=disabled] { color: #505050; }

/* Checkboxes and radioboxes */
input[type=checkbox] {
    vertical-align: middle;
    outline-style: none;
    position: relative;
    top: -1px;
}
input[type=radio] {
    vertical-align: middle;
    outline-style: none;
    position: relative;
    top: -1px;
}

/* Inputfield */
div.inputfield {
    height: 22px;
    position: relative;
    text-align: left;
}
div.inputfield div.state {
    background: url('deep/inputfield_default.png');
    width: 20px;
    height: 22px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}
div.inputfield.flagged div.state { display: block; }
div.inputfield div.state span { display: none; }
div.inputfield.error div.state { background: url('deep/inputfield_error.png'); }
div.inputfield.error input:focus { border-color: #de9999; }
div.inputfield.ok div.state { background: url('deep/inputfield_ok.png'); }
div.inputfield.ok input:focus { border-color: #86be59; }
div.inputfield.unknown div.state { background: url('deep/inputfield_unknown.png'); }
div.inputfield.unknown input:focus { border-color: #5999be; }
div.inputfield input,
div.inputfield select {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}
div.inputfield.flagged input {
    right: 20px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-radius-bottomright: 0px;
    -webkit-border-radius-topright: 0px;
    border-radius-bottomright: 0px;
    border-radius-topright: 0px;
}
div.inputfield label {
    display: block;
    padding-top: 2px;
}
div.inputfield.radios input,
div.inputfield.checks input {
    display: inline;
    position: static;
    top: 0px;
    right: 0px;
}
div.inputfield.radios label,
div.inputfield.checks label {
    display: inline;
    padding-top: 0px;
}
div.inputfield.radios div.pseudo_input,
div.inputfield.checks div.pseudo_input {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}



/* MAINMENU ELEMENTS */

/* Base (logo and frame) */
div#menu {
    position: relative;
    background: url('menu_bg.png') no-repeat;
    height: 48px;
}

/* Container for the buttons */
ul#menuitems {
    position: absolute;
    top: 0;
    left: 27px;
    display: block;
    height: 48px;
    text-align: left;
    z-index: 0;
    padding: 0;
}

/* Buttons (applies to all!) */
ul#menuitems li {
    position: relative;
    width: 70px;
    height: 48px;
    background: url('mm_item.png') no-repeat 100% 0%;
    float: left;
    text-align: center;
    cursor: pointer;
    list-style-type: none;
    z-index: 2;
}

/* First button (for unique look) */
ul#menuitems li.first {
    background: url('mm_item_first.png') no-repeat 100% 0%;
    width: 106px;
}

/* Last button (for unique look) */
ul#menuitems li.last {
    width: 70px;
    background: url('mm_item_last.png') no-repeat 100% 0%;
}

/* Button anchors (applies to all!) */
ul#menuitems li a {
    width: 70px;
    height: 48px;
    border: 0;
    display: block;
    text-align: center;
}
ul#menuitems li.first a {
    width: 102px;
    position: relative;
    left: 4px;
}
ul#menuitems li.last a { width: 70px;}

/* Buttons hover (applies to all!) */
ul#menuitems li:hover {
    background-position: 100% 100%;
}

/* Button icons */
ul#menuitems li img {
    display: block;
    margin: 0px auto;
    padding-top: 6px;
    position: relative;
    right: 2px;
}

ul#menuitems li.first img {
    margin: 0px auto;
    padding-top: 0px;
}

/* Button titles */
ul#menuitems li span {
    display: block;
    margin: 9px auto 0px auto;
    color: #ededed;
    font-size: 8pt;
    position: relative;
    right: 2px;
}

ul#menuitems li.first span {
    margin: 1px auto 0px auto;
}

/* Slider */
div#slider {
    position: absolute;
    left: 28px;
    width: 64px;
    height: 47px;
    padding: 0;
    z-index: 1;
    background: url('deep/mm_slider.png') bottom center no-repeat;
}



/* LOGGED-OUT MAINMENU */

/* Base (logo and frame) */
body.logged_out div#menu { background: url('menu_bg_lo.png') no-repeat; }

/* Buttons (applies to all!) */
body.logged_out ul#menuitems li { width: 91px; }

/* First button (for unique look) */
body.logged_out ul#menuitems li.first { width: 106px; }

/* Button anchors (applies to all!) */
body.logged_out ul#menuitems li a { width: 91px; }

/* First button anchor (for unique look) */
body.logged_out ul#menuitems li.first a {
    width: 102px;
    position: relative;
    left: 4px;
}

/* Slider */
body.logged_out  div#slider { width: 86px; }




/* SITE WARNINGS */

/* Base */
div#sitewarning {
    background: url('statusbar_bg.png');
    padding: 0px 25px 0px 25px;
    height: 36px;
}

/* Content */
div#sitewarning div {
    position: relative;
    left: 0;
    top: -6px;
    background: url('sitewarnings_bg.png') no-repeat;
    text-align: center;
    height: 42px;
}

/* Text */
div#sitewarning div span.sitewarnings {
    font-size: 12pt;
    color: #033;
    position: relative;
    padding: 0 2px;
    left: 0;
    top: 12px;
    -moz-text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
    -webkit-text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
    text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
}



/* SITE NOTICES */

/* Base */
div#notices {
    background: url('statusbar_bg.png');
    padding: 0px 25px 0px 25px;
    height: 36px;
}

/* Content */
div#notices div {
    position: relative;
    left: 0;
    top: -6px;
    background: url('notices_bg.png') no-repeat;
    text-align: center;
    height: 42px;
}

/* Text */
div#notices div span.notices {
    font-size: 11pt;
    font-weight: bold;
    color: #c24141;
    position: relative;
    left: 0;
    top: 13px;
}



/* USER AVATAR */

div.avatar {
    position: relative;
    width: 150px;
    border: 1px solid #2c3033;
}
div>div.avatar {
    height: 150px;
}
div.avatar img.picture {
    display: block;
    width: 150px;
}
div>div.avatar img.picture {
    height: 150px;
}
div.avatar div.icons {
    position: absolute;
    bottom: 4px;
    left: 4px;
    height: 48px;
}
div.avatar div.icons img.as_enabled { display: none; }



/* PANEL PANE */

/* Panel base */
div#panel {
    position: relative;
    background: url('panel_bg.png');
    height: 170px;
}

/* Avatar container */
div#panel div.avatar {
    position: absolute;
    top: 11px;
    left: 36px;
    border: 0px;
}
div#panel div.avatar img.warn {
    position: relative;
    z-index: 89;
}

/* Display */
div#panel span#nickname {
    position: absolute;
    top: 14px;
    left: 195px;
    font-size: 15pt;
    color: #2a5e87;
    -moz-text-shadow: 1px 1px 2px #fff;
    -webkit-text-shadow: 1px 1px 2px #fff;
    text-shadow: 1px 1px 2px #fff;
}
div#panel span#nickname a:hover {
    border: 0px;
    color: #1f577f;
}
div#panel span#userclass {
    position: absolute;
    top: 44px;
    left: 218px;
    font-size: 11pt;
}
div#panel span#upload {
    position: absolute;
    top: 66px;
    left: 218px;
    font-size: 9pt;
}
div#panel span#download {
    position: absolute;
    top: 86px;
    left: 218px;
    font-size: 9pt;
}
div#panel span#ratio {
    position: absolute;
    top: 106px;
    left: 218px;
    font-size: 9pt;
}
div#panel span#up_amount,
div#panel span#dn_amount,
div#panel span#rt_value {
    font-size: 9pt;
    position: absolute;
    left: 274px;
}
div#panel span#up_amount { top: 66px; }
div#panel span#dn_amount { top: 86px; }
div#panel span#rt_value { top: 106px; }
div#panel img#icon_cl {
    position: absolute;
    top: 45px;
    left: 197px;
}
div#panel img#icon_ul {
    position: absolute;
    top: 65px;
    left: 197px;
}
div#panel img#icon_dl {
    position: absolute;
    top: 85px;
    left: 197px;
}
div#panel img#icon_rt {
    position: absolute;
    top: 105px;
    left: 197px;
}

/* Ratiometer */
div#panel div#ratiometer {
    width: 156px;
    height: 22px;
    position: absolute;
    top: 131px;
    left: 196px;
    cursor: default;
}
div#panel div#ratiometer div {
    position: relative;
    height: 22px;
    float: left;
    text-align: center;
}
div#panel div#ratiometer div span {
    color: #ffffff;
    font-size: 7pt;
    position: relative;
    top: 2px;
}
div#panel div#ratiometer div#dl { background: url('deep/ratiometer_download.png') no-repeat top right; }
div#panel div#ratiometer div#ul { background: url('deep/ratiometer_upload.png') no-repeat top left; }

/* Panel content picker */
div#panel ul#picker {
    width: 514px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 372px;
    padding: 0;
}
div#panel ul#picker li {
    display: block;
    float: left;
    font-size: 8pt;
    padding: 1px 8px 2px 19px;
    background: no-repeat;
    cursor: pointer;
}
div#panel ul#picker li.active,
div#panel ul#picker li:hover {
    color: #c24141;
}

/* Panel content pager */
div#panel ul#pager {
    width: 98px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 866px;
    padding: 0;
    cursor: default;
}
div#panel ul#pager.hidden {
    display: none;
}
div#panel ul#pager li {
    display: block;
    float: left;
    background: no-repeat;
}
div#panel ul#pager li#prevpage,
div#panel ul#pager li#nextpage {
    width: 14px;
    height: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
}
div#panel ul#pager li#prevpage { background: url('panel_pager.png') 0px 1px; }
div#panel ul#pager li#prevpage:hover { background: url('panel_pager.png') -14px 1px; }
div#panel ul#pager li#nextpage { background: url('panel_pager.png') -28px 1px; }
div#panel ul#pager li#nextpage:hover { background: url('panel_pager.png') -42px 1px; }
div#panel ul#pager li#prevpage.disabled,
div#panel ul#pager li#nextpage.disabled {
    cursor: default;
}
div#panel ul#pager li#prevpage.disabled:hover { background: url('panel_pager.png') 0px 1px; }
div#panel ul#pager li#nextpage.disabled:hover { background: url('panel_pager.png') -28px 1px; }
div#panel ul#pager li#prevpage span,
div#panel ul#pager li#nextpage span {
    display: none;
}
div#panel ul#pager li#pagedisp {
    width: 70px;
    padding: 1px 0px 1px 0px;
    font-weight: bold;
    font-size: 9pt;
}

/* Panel container */
div#panel div#container {
    width: 594px;
    height: 130px;
    position: absolute;
    top: 33px;
    left: 370px;
    font-size: 9pt;
    text-align: left;
}
div#panel div#container div.container {
    position: relative;
    left: 2px;
    width: 592px;
    display: none;
}
div#panel div#container div.container.active { display: block; }

/* Boomarks */
div#c_bookmarks {
    background: url('bookmark_rows.png');
}
div.bookmark {
    width: 592px;
    height: 16px;
    position: relative;
    overflow: hidden;
}
div.bookmark img {
    position: absolute;
    top: 1px;
    left: 0px;
    cursor: pointer;
}
div.bookmark span.title {
    position: absolute;
    left: 18px;
    top: 0px;
}
div.bookmark div.buttons {
    position: absolute;
    right: 0px;
    top: 1px;
    width: 40px;
    height: 14px;
    display: none;
}
div.bookmark div.buttons div {
    height: 14px;
    cursor: pointer;
    float: left;
}
div.bookmark div.buttons div span { display: none; }
div.bookmark div.buttons div.up {
    width: 13px;
    background: url('deep/bookmark_buttons.png') 0px -14px;
}
div.bookmark div.buttons div.dn {
    width: 14px;
    background: url('deep/bookmark_buttons.png') -13px -14px;
}
div.bookmark div.buttons div.rm {
    width: 13px;
    background: url('deep/bookmark_buttons.png') -27px -14px;
}
div.bookmark div.buttons div.up:hover { background-position: 0px 0px; }
div.bookmark div.buttons div.dn:hover { background-position: -13px 0px; }
div.bookmark div.buttons div.rm:hover { background-position: -27px 0px; }
div.bookmark div.buttons div.disabled { cursor: default; }
div.bookmark div.buttons div.up.disabled:hover { background-position: 0px -14px; }
div.bookmark div.buttons div.dn.disabled:hover { background-position: -13px -14px; }
div.bookmark div.buttons div.rm.disabled:hover { background-position: -27px -14px; }

/* Slots */
div#c_slots {
    background: url('slot_rows.png');
}
div.slot {
    width: 592px;
    height: 16px;
    position: relative;
    overflow: hidden;
}
div.slot img {
    position: absolute;
    top: 1px;
    left: 0px;
    cursor: pointer;
}
div.slot.seed { background: url('deep/peer_seeding.png') no-repeat 0px 0px; }
div.slot.leech { background: url('deep/peer_leeching.png') no-repeat 0px 0px; }
div.slot span.title {
    position: absolute;
    left: 18px;
    top: 0px;
}
div.slot span.traffic {
    position: absolute;
    right: 1px;
    top: 0px;
}

/* Links */
div#c_links {
    background: url('slot_rows.png');
}
div.links {
    width: 592px;
    height: 16px;
    position: relative;
    overflow: hidden;
    background: url('deep/icon_link.png') no-repeat 0px 0px;
}
div.links img {
    position: absolute;
    top: 1px;
    left: 0px;
    cursor: pointer;
}
div.links span.link {
    position: absolute;
    top: 0px;
    left: 18px;
}
div.links span.desc {
    position: absolute;
    top: 0px;
    left: 150px;
}

/* MyTorrents */
div#c_mytorrents {
    background: url('slot_rows.png');
}
div#c_mytorrents div.slot { background: url('deep/icon_bookmark.png') no-repeat 0px 0px; }
div#c_mytorrents div.slot.noicon { background: transparent; }

/* Feed Reader */
div#panel div#container div#c_rssfeeds {
    position: relative;
    left: 0px;
    top: 2px;
    width: 592px;
    height: 128px;
    background: url('feedreader_bg.png');
}
#rssnews_stop {
    display: none;
    position: absolute;
    top: 10px;
    right: 6px;
    width: 592px;
    font-size: 8pt;
    text-align: right;
    color: #da4a29;
    font-style: italic;
}
div#rssnews_entries {
    padding: 8px 10px;
    font-size: 10pt;
    line-height: 150%;
}
div.rssnews_title {
    font-weight: bold;
}
div.rssnews_title.article {
    margin-bottom: 0.7em;
}



/* WARN BALOON */

/* Base */
div#warn_balloon {
    width: 360px;
    height: 182px;
    background: url('deep/warn_balloon.png');
    position: absolute;
    left: 50px;
    top: -40px;
    z-index: 88;
    display: none;
}

/* Content */
div#warn_balloon div.content {
    text-align: left;
    padding: 12px 15px 12px 15px;
    font-size: 8pt;
}
div#warn_balloon div.content div.expire {
    padding: 5px;
}
div#warn_balloon div.content div.description {
    padding: 0px 5px 5px 5px;
    text-align: justify;
    font-size: 8pt;
}
div#warn_balloon div.content div.description span.title {
    font-size: 10pt;
    font-weight: bold;
    color: #2e68a3;
}

/* Close button */
div#warn_balloon div.close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 14px;
    top: 12px;
    background: url('deep/warn_balloon_closebutton.png') 0% 0%;
    display: none;
    cursor: pointer;
}
div#warn_balloon div.close:hover { background-position: 0% 100%; }
div#warn_balloon div.close span { display: none; }

/* Forced mode */
div#warn_balloon.forced,
div#warn_balloon.forced div.close {
    display: block;
}



/* STATUSBAR */

/* Base */
div#statusbar {
    display: none;
    background: url('statusbar_bg.png');
    padding: 0px 25px 0px 25px;
}

/* Content */
div#statusbar div {
    background: url('statusbar_content.png') repeat-y bottom left;
    text-align: left;
    padding: 3px 6px 3px 6px;
}



/* PANELSWITCHER */

/* Base */
div#panelcontainer div#panelswitcher {
    position: relative;
    height: 20px;
    background: url('panelswitcher_bg.png');
    cursor: pointer;
}

/* Toggle button */
div#panelcontainer div#panelswitcher div#button {
    position: absolute;
    top: 4px;
    left: 958px;
    height: 14px;
    width: 14px;
    background: url('sect_toggle.png') no-repeat;
}

/* Toggle button text */
div#panelcontainer div#panelswitcher div#button span { display: none; }

/* Toggle button images */
div#panelcontainer div#panelswitcher div#button { background-position: 0px 0px; }
div#panelcontainer div#panelswitcher:hover div#button { background-position: 0px -14px; }
div#panelcontainer.closed div#panelswitcher div#button { background-position: 0px -28px; }
div#panelcontainer.closed div#panelswitcher:hover div#button { background-position: 0px -42px; }



/* SECTIONS */

/* Section base */
div.section {
    margin: 4px 0px 0px 0px;
}
div.section:first-child {
    margin: 3px 0px 0px 0px;
}
div.section.logged_out:first-child {
    margin: -1px 0px 0px 0px;
}

/* Section head */
div.section div.s_head {
    position: relative;
    background: url('sect_head.png') no-repeat;
    height: 21px;
    cursor: pointer;
}
div.section.notoggle div.s_head { cursor: default; }

/* Section head, closed state */
div.section.closed div.s_head { height: 17px; }

/* Section icon */
div.section div.s_head img.s_icon {
    position: absolute;
    top: 2px;
    left: 4px;
}

/* Section title */
div.section div.s_head span.s_title {
    position: absolute;
    top: 2px;
    left: 22px;
}
div.section div.s_head:hover span.s_title { color: #2e68a3; }

/* Toggle button */
div.section div.s_head div.s_button {
    position: absolute;
    top: 3px;
    right: 3px;
    height: 14px;
    width: 14px;
    background: url('sect_toggle.png') no-repeat;
}
div.section div.s_head div.s_button { background-position: 0px 0px; }
div.section div.s_head:hover div.s_button { background-position: 0px -14px; }
div.section.closed div.s_head div.s_button { background-position: 0px -28px; }
div.section.closed div.s_head:hover div.s_button { background-position: 0px -42px; }
div.section div.s_head div.s_button span { display: none; }
div.section.notoggle div.s_head div.s_button { display: none; }

/* Section body */
div.section div.s_body {
    background: url('sect_body.png') repeat-y;
    padding: 7px 11px 7px 11px;
}

/* Section foot */
div.section div.s_foot {
    background: url('sect_foot.png') no-repeat bottom left;
    height: 4px;
}
div.section.closed div.s_foot { height: 4px; }

/* Divided sections */
div.section.divided div.s_body div.closed { display: none; }

/* In-section full-wide separator */
div.section div.s_body div.in_section_separator {
    margin: 30px 0px 0px 0px;
}
div.section div.s_body div.in_section_separator div {
    height: 23px;
    line-height: 2px;
    font-size: 2px;
    background: url('sect_separator.png') top center no-repeat;
}
div.section div.s_body div.in_section_separator.small { margin: 4px 0px -5px 0px; }



/* DIALOGS */

/* Base */
div.dialog {
    margin: 3px auto 0px auto;
}

/* Head */
div.dialog div.d_head { background: url('dialog_tl.png') no-repeat top left; }
div.dialog div.d_head div { background: url('dialog_tr.png') no-repeat top right; }
div.dialog div.d_head div div {
    height: 21px;
    margin: 0px 5px 0px 5px;
    background: url('dialog_t.png') repeat-x;
    position: relative;
    text-align: left;
}

/* Body */
div.dialog div.d_body_l { background: url('dialog_l.png') repeat-y top left; }
div.dialog div.d_body_l div.d_body_r { background: url('dialog_r.png') repeat-y top right; }
div.dialog div.d_body_l div.d_body_r div.d_body_f {
    margin: 0px 5px 0px 5px;
    background: url('dialog_f.png');
    padding: 5px 0px 5px 0px;
}

/* Foot */
div.dialog div.d_foot { background: url('dialog_bl.png') no-repeat top left; }
div.dialog div.d_foot div { background: url('dialog_br.png') no-repeat top right; }
div.dialog div.d_foot div div {
    height: 5px;
    margin: 0px 5px 0px 5px;
    background: url('dialog_b.png') repeat-x;
    line-height: 2px;
    font-size: 2px;
}

/* Icon */
div.dialog div.d_head div div img.d_icon {
    position: absolute;
    top: 2px;
    left: -1px;
}

/* Title */
div.dialog div.d_head div div span.d_title {
    position: absolute;
    top: 2px;
    left: 17px;
    white-space: nowrap;
}



/* PUSHBUTTONS */

/* Container */
ul.pushbuttons {
    height: 24px;
    margin: 8px auto 0px auto;
    padding: 0;
}

/* Buton properties */
ul.pushbuttons li {
    position: relative;
    display: block;
    float: left;
    height: 24px;
    background: url('buttons_middle.png') no-repeat 0% 0%;
    cursor: pointer;
    text-align: center;
    color: #1f577f;
}
ul.pushbuttons li:hover { background-position: 0% 100%; }
ul.pushbuttons li.first { background: url('buttons_first.png') no-repeat 0% 0%; }
ul.pushbuttons li.last { background: url('buttons_last.png') no-repeat 100% 0%; }
ul.pushbuttons li.first:hover { background-position: 0% 100%; }
ul.pushbuttons li.last:hover { background-position: 100% 100%; }
ul.pushbuttons li.disabled:hover { background-position: 0% 0%; }
ul.pushbuttons li.disabled.first:hover { background-position: 0% 0%; }
ul.pushbuttons li.disabled.last:hover { background-position: 100% 0%; }

/* Icon */
ul.pushbuttons li img {
    position: absolute;
    top: 4px;
    left: 6px;
}
ul.standalonebutton li img {
    position: absolute;
    top: 4px;
    left: 4px;
}


/* Text */
ul.pushbuttons li span {
    position: absolute;
    top: 4px;
    left: 25px;
}
ul.standalonebutton li span {
    position: absolute;
    top: 4px;
    left: 25px;
}
ul.pushbuttons li.noicon span,
ul.standalonebutton li.noicon span {
    position: relative;
    top: 4px;
    left: 0;
}

/* Hyperlink */
ul.pushbuttons li a,
ul.pushbuttons li a:hover,
ul.standalonebutton li a,
ul.standalonebutton li a:hover {
    display: block;
    height: 24px;
    width: 100%;
    border: 0;
    color: #1f577f;
}

/* Standalone button container */
ul.standalonebutton {
    height: 24px;
    margin: 8px auto 0px auto;
    padding: 0;
}

/* Standalone button properties */
ul.standalonebutton li {
    position: relative;
    display: block;
    float: left;
    height: 24px;
    background: url('buttons_middle.png') no-repeat 0% 0%;
    cursor: pointer;
    text-align: center;
    color: #1f577f;
}
ul.standalonebutton li.l {
    margin-left: -5px;
    width: 5px;
}
ul.standalonebutton li.r {
    margin-right: -5px;
    width: 5px;
}
ul.standalonebutton li.l { background: url('buttons_first.png') no-repeat 0% 0%; }
ul.standalonebutton li.r { background: url('buttons_last.png') no-repeat 100% 0%; }
ul.standalonebutton:hover li { background-position: 0% 100%; }
ul.standalonebutton:hover li.l { background-position: 0% 100%; }
ul.standalonebutton:hover li.r { background-position: 100% 100%; }
ul.standalonebutton:hover li.disabled { background-position: 0% 0%; }
ul.standalonebutton:hover li.disabled.l { background-position: 0% 0%; }
ul.standalonebutton:hover li.disabled.r { background-position: 100% 0%; }



/* SWITCHER */

/* Base */
ul.switcher,
ul.switcher li {
    margin: 0px 0px 4px 0px;
    padding: 0px;
    display: block;
}
ul.switcher li.handle { padding: 0px 3px 0px 3px; }
ul.switcher li.block {
    padding: 0px 6px 7px 6px;
    display: none;
}
ul.switcher li.block.opened {
    display: block;
}



/* LAYERS */

/* Base */
div.layer { margin: 2px auto 2px auto; }

/* Head and foot metrics */
div.layer div.l_head div div,
div.layer div.l_foot div div {
    height: 5px;
    margin: 0px 5px 0px 5px;
    line-height: 2px;
    font-size: 2px;
}

/* Head */
div.layer div.l_head { background: url('layer_tl.png') no-repeat top left; }
div.layer div.l_head div { background: url('layer_tr.png') no-repeat top right; }
div.layer div.l_head div div { background: url('layer_t.png') repeat-x; }

/* Body */
div.layer div.l_body_l { background: url('layer_l.png') repeat-y top left; }
div.layer div.l_body_l div.l_body_r { background: url('layer_r.png') repeat-y top right; }
div.layer div.l_body_l div.l_body_r div.l_body_f {
    margin: 0px 5px 0px 5px;
    background: url('layer_f.png');
    padding: 3px;
    position: relative;
}

/* Foot */
div.layer div.l_foot { background: url('layer_bl.png') no-repeat top left; }
div.layer div.l_foot div { background: url('layer_br.png') no-repeat top right; }
div.layer div.l_foot div div { background: url('layer_b.png') repeat-x; }

/* Headings */
div.layer div.l_body_l div.l_body_r div.l_body_f h1 {
    background: url('layer_heading.png') no-repeat 0px 25px;
    height: 50px;
    font-size: 12pt;
    color: #2e68a3;
    margin-bottom: -14px;
    -moz-text-shadow: 1px 1px 2px #fff;
    -webkit-text-shadow: 1px 1px 2px #fff;
    text-shadow: 1px 1px 2px #fff;
}
div.layer div.l_body_l div.l_body_r div.l_body_f h1.mini {
    background: url('layer_heading_mini.png') no-repeat 0px 25px;
    text-align: left;
}

div.layer div.l_body_l div.l_body_r div.l_body_f h1 {
    text-align: left;
}



/* TABLES */
table.skinned {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border-spacing: 0;
}
table.skinned tr { cursor: default; }
table.skinned tr td {
    background-repeat: repeat-y;
    background-position: center center;
    padding: 2px;
}
table.skinned tr td.mostleft { background-position: center left; }
table.skinned tr td.mostright { background-position: center right; }

table.skinned tr.tshead td,
table.skinned tr.tssep td {
    color: #2e68a3;
    font-size: 8pt;
    background-position: top center;
    height: auto;
    padding: 4px 0px 5px 0px;
}
table.skinned tr.tssep td.mostleft { background-position: center left; }
table.skinned tr.tssep td.mostright { background-position: center right; }

table.skinned tr.tshead td.mostleft { background-position: top left; }
table.skinned tr.tshead td.mostright { background-position: top right; }
table.skinned tr.tsfoot td {
    padding-bottom: 2px;
    background-position: bottom center;
}
table.skinned tr.tsfoot td.mostleft { background-position: bottom left; }
table.skinned tr.tsfoot td.mostright { background-position: bottom right; }
table.skinned tr.tshead td { background-image: url('table_head.png'); }
table.skinned tr.tsodd td { background-image: url('table_row_odd.png'); }
table.skinned tr.tseven td { background-image: url('table_row_even.png'); }
table.skinned tr.tsodd:hover td,
table.skinned tr.tseven:hover td { background-image: url('deep/table_row_hover.png'); }
table.skinned tr.tsfoot.tsodd td { background-image: url('table_foot_odd.png'); }
table.skinned tr.tsfoot.tseven td { background-image: url('table_foot_even.png'); }
table.skinned tr.tsfoot.tsodd:hover td,
table.skinned tr.tsfoot.tseven:hover td { background-image: url('deep/table_foot_hover.png'); }
table.skinned tr.tsodd.nohover:hover td { background-image: url('table_row_odd.png'); }
table.skinned tr.tseven.nohover:hover td { background-image: url('table_row_even.png'); }
table.skinned tr.tsfoot.tsodd.nohover:hover td { background-image: url('table_foot_odd.png'); }
table.skinned tr.tsfoot.tseven.nohover:hover td { background-image: url('table_foot_even.png'); }
table.skinned tr.tshead td.vsep,
table.skinned tr.tsfoot td.vsep,
table.skinned tr.tseven td.vsep,
table.skinned tr.tsodd td.vsep,
table.skinned tr.tshead:hover td.vsep,
table.skinned tr.tsfoot:hover td.vsep,
table.skinned tr.tseven:hover td.vsep,
table.skinned tr.tsodd:hover td.vsep,
table.skinned tr.tshead.nohover:hover td.vsep,
table.skinned tr.tsfoot.nohover:hover td.vsep,
table.skinned tr.tseven.nohover:hover td.vsep,
table.skinned tr.tsodd.nohover:hover td.vsep {
    width: 8px;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}



/* NEWS */

div.news {
    margin-top: 5px;
}
div.news:first-child { margin-top: 0px; }

/* Header */
div.news div.n_head {
    padding-left: 15px;
    cursor: pointer;
}
div.news div.n_head span {
    color: #2e68a3;
    font-weight: bold;
    font-size: 9pt;
}
div.news div.n_head:hover span {
    color: #c24141;
    border-bottom: 1px dotted #c24141;
}
div.news div.n_head { background: url('bullet_collapse.png') 0px -2px no-repeat; }
div.news div.n_head:hover { background: url('bullet_collapse.png') no-repeat 0px -19px; }
div.news.hidden div.n_head { background: url('bullet_expand.png') 0px -2px no-repeat; }
div.news.hidden div.n_head:hover { background: url('bullet_expand.png') no-repeat 0px -19px; }

/* Text */
div.news div.n_text { display: block; }
div.news.hidden div.n_text { display: none; }

/* Foot */
div.news div.n_foot {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 9pt;
}
div.news:first-child div.n_foor { padding-bottom: 0px; }
div.news.hidden div.n_foot { display: none; }

/* Edit forms */
form#news_edit input#datetime { width: 130px; }
form#news_edit input#title { width: 360px; }
form#news_edit select#hidden { width: 100px; }
form#news_edit select#archived { width: 50px; }



/* POLLS */

/* Base */
div.polls {
    margin: 5px 0px 5px 0px;
}

/* Title */
div.polls div.p_head p.title {
    font-size: 16pt;
}

/* Date and old polls link */
div.polls div.p_head p.info {
    font-size: 8pt;
    font-style: italic;
    margin: 2px 0px 15px 0px;
}

/* Date and old polls link */
div.polls div.p_info {
    font-size: 8pt;
    font-style: italic;
    margin-top: 10px;
}

/* Editor line */
div.polls div.p_edit {
    margin: 15px 0px 0px 0px;
}

/* Vote form */
div.polls form {
    text-align: left;
    padding: 10px;
    line-height: 130%;
}

/* Result display */
div.polls div.option {
    width: 550px;
    margin: 3px auto 3px auto;
}

/* Graph base */
div.polls div.option div.graph {
    position: relative;
    width: 550px;
    height: 22px;
    margin-bottom: 5px;
    background: url('deep/poll_graph_bg.png') no-repeat;
}

/* Graph display */
div.polls div.option div.graph span.values_low {
    position: absolute;
    top: 4px;
    right: 7px;
    font-size: 8pt;
}
div.polls div.option div.graph span.values_high {
    position: absolute;
    top: 1px;
    right: -3px;
    font-size: 8pt;
    color: #ffffff;
    z-index: 80;
}

/* Graph elements */
div.polls div.option div.graph div {
    position: relative;
    top: 3px;
    left: 3px;
    width: 0;
    height: 16px;
    float: left;
    background: url('deep/poll_graph_a_center.png');
}
div.polls div.poll_option {
    font-size: 11pt;
    margin: 0px 0px 3px 0px;
}
div.polls div.poll_option.empty { margin-top: 10px; }
div.polls div.option div.graph div.l {
    background: url('deep/poll_graph_a_left.png');
    width: 7px;
}
div.polls div.option div.graph div.r {
    background: url('deep/poll_graph_a_right.png');
    width: 7px;
}
div.polls div.option.highlighted div.graph div { background: url('deep/poll_graph_b_center.png'); }
div.polls div.option.highlighted div.graph div.l { background: url('deep/poll_graph_b_left.png'); }
div.polls div.option.highlighted div.graph div.r { background: url('deep/poll_graph_b_right.png'); }

/* Result text */
div.polls div.option div.text {
    margin-bottom: 1px;
    text-align: left;
    font-size: 11pt;
}

/* Result text colors */
div.polls div.option div.text span {
    color: #2e68a3;
}
div.polls div.option.highlighted div.text span {
    color: #da4a29;
}

/* Current poll statistics */
div.polls div.statistics {
    margin-top: 15px;
}

/* Edit forms */
form#addpoll input { width: 440px; }



/* BB TOOLBAR */

/* Base */
div.bbtoolbar {
    margin-top: 8px;
    height: 26px;
}
div.bbtoolbar.dynamic {
    margin: 8px 10px 0px 10px;
}

/* Parts */
div.bbtoolbar div.cell {
    background-image: url('bbtoolbar_body.png');
    float: left;
    height: 26px;
}

/* Leading gap */
div.bbtoolbar div.pad {
    float: left;
    height: 26px;
    width: 10px;
}

/* Left edge */
div.bbtoolbar div.left {
    float: left;
    width: 5px;
    height: 26px;
    background-image: url('bbtoolbar_left.png');
}

/* Right edge */
div.bbtoolbar div.right {
    float: left;
    width: 5px;
    height: 26px;
    background-image: url('bbtoolbar_right.png');
}

/* Separator between parts */
div.bbtoolbar div.separator {
    float: left;
    width: 6px;
    height: 26px;
    background-image: url('bbtoolbar_separator.png');
}

/* Dropdown menu */
div.bbtoolbar div.cell select {
    position: relative;
    top: 5px;
    font-size: 8pt;
}

/* Buttons */
div.bbtoolbar div.cell img {
    position: relative;
    top: 5px;
    cursor: pointer;
    margin: 2px;
}
div.bbtoolbar div.cell img:hover { margin: 3px 1px 1px 3px; }
div.bbtoolbar div.cell img.active {
    border: 1px solid #577696;
    margin: 1px;
}
div.bbtoolbar div.cell img.active:hover { margin: 2px 0px 0px 2px; }



/* USER RANK COLORS */
.uc_1, .uc_1:hover { color: #1f577f; }
.uc_2, .uc_2:hover { color: #1f577f; }
.uc_3, .uc_3:hover { color: #1f577f; }
.uc_4, .uc_4:hover { color: #630202; }
.uc_5, .uc_5:hover { color: #0f96db; }
.uc_6, .uc_6:hover { color: #1d8b00; }
.uc_7, .uc_7:hover { color: #1f23b8; }
.uc_8, .uc_8:hover { color: #c24141; }
.uc_9, .uc_9:hover { color: #c24141; }
.uc_10, .uc_10:hover { color: #c24141; }



/* SEED-LEECH COLORS */
.peers1, .peers1 a { color: #4b4b4b; }
.peers2, .peers2 a { color: #c24141; }
.peers3, .peers3 a { color: #e28000; }
.peers4, .peers4 a { color: #1d8b00; }



/* RATIO COLORS */
.ratio0 { color: #831f5a; }
.ratio1 { color: #c24141; }
.ratio2 { color: #e28000; }
.ratio3 { color: #1d8b00; }
.ratio4 { color: #0f96db; }
.ratio5 { color: #1f23b8; }



/* TAGS */
.tag_0 { color: #516590; font-size: 9pt; font-weight: normal; }
.tag_1 { color: #5371a0; font-size: 9pt; font-weight: bold; }
.tag_2 { color: #557fb0; font-size: 10pt; font-weight: normal; }
.tag_3 { color: #5587b8; font-size: 10pt; font-weight: bold; }
.tag_4 { color: #568ec0; font-size: 11pt; font-weight: normal; }
.tag_5 { color: #5896c8; font-size: 11pt; font-weight: bold; }
.tag_6 { color: #57a5d8; font-size: 12pt; font-weight: normal; }
.tag_7 { color: #5ab8f0; font-size: 12pt; font-weight: bold; }
.tag_8 { color: #5bc1f8; font-size: 14pt; font-weight: normal; }
.tag_9 { color: #5bc5ff; font-size: 18pt; font-weight: normal; }



/* TORRENT CATEGORIES */
.cat_lossy { background-image: url('deep/category_icons/cat_lossy.png'); }
.cat_lossless { background-image: url('deep/category_icons/cat_lossless.png'); }
.cat_pcgame { background-image: url('deep/category_icons/cat_pcgame.png'); }
.cat_ebook { background-image: url('deep/category_icons/cat_ebook.png'); }
.cat_dvdr { background-image: url('deep/category_icons/cat_dvdr.png'); }
.cat_dvd9 { background-image: url('deep/category_icons/cat_dvd9.png'); }
.cat_console { background-image: url('deep/category_icons/cat_console.png'); }
.cat_serie { background-image: url('deep/category_icons/cat_serie.png'); }
.cat_hdv { background-image: url('deep/category_icons/cat_hdv.png'); }
.cat_hda { background-image: url('deep/category_icons/cat_hda.png'); }
.cat_xvid { background-image: url('deep/category_icons/cat_xvid.png'); }
.cat_mobile { background-image: url('deep/category_icons/cat_mobile.png'); }
.cat_utilwin { background-image: url('deep/category_icons/cat_utilwin.png'); }
.cat_utilother { background-image: url('deep/category_icons/cat_utilother.png'); }
.cat_xxx { background-image: url('deep/category_icons/cat_xxx.png'); }
.cat_clip { background-image: url('deep/category_icons/cat_clip.png'); }



/* TORRENT BROWSER */

/* Base */
div#browser {}

/* Category controls */
table#categories {
    width: 100%;
    text-align: left;
    table-layout: fixed;
}

/* Category selection shortcuts */
td#shortcuts {
    width: 54px;
    text-align: left;
}
td#shortcuts div.sc_buttons {
    width: 34px;
    height: 34px;
    position: relative;
}
td#shortcuts div.sc_buttons div {
    width: 17px;
    height: 17px;
    cursor: pointer;
    background-image: url('deep/browser_s_selcat.png');
    position: absolute;
}
td#shortcuts div.sc_buttons div span{
    display: none;
}
td#shortcuts div.sc_buttons div.sc_all {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}
td#shortcuts div.sc_buttons div.sc_invert {
    top: 0px;
    left: 17px;
    background-position: -17px 0px;
}
td#shortcuts div.sc_buttons div.sc_none {
    top: 17px;
    left: 0px;
    background-position: 0px -17px;
}
td#shortcuts div.sc_buttons div.sc_revert {
    top: 17px;
    left: 17px;
    background-position: -17px -17px;
}
td#shortcuts div.sc_buttons div.sc_all:hover { background-position: 0px -34px; }
td#shortcuts div.sc_buttons div.sc_invert:hover { background-position: -17px -34px; }
td#shortcuts div.sc_buttons div.sc_none:hover { background-position: 0px -51px; }
td#shortcuts div.sc_buttons div.sc_revert:hover { background-position: -17px -51px; }

/* Category selection checkboxes */
table#categories ul {
    list-style-type: none;
    padding: 0;
}
table#categories ul label{
    font-size: 8pt;
    padding-left: 2px;
}

/* Input fields */
div#inputs {
    text-align: left;
    padding-top: 14px;
    background: url('sect_separator.png') no-repeat 0px 5px;
}
div#inputs div.bar {
    height: 20px;
    margin-top: 2px;
    padding-left: 4px;
}
div#inputs div input,
div#inputs div select {
    font-size: 8pt;
    display: block;
    float: left;
}
div#inputs div label,
div#inputs div img,
div#inputs div div {
    display: block;
    float: left;
}
div#inputs div div#order { width: 157px; }
div#inputs div div#other { width: 157px; }
div#inputs div select#tlang  {
    width: 157px;
    margin: 0px;
}
div#inputs div input {
    width: 151px;
}
div#inputs div label {
    width: 56px;
    padding-top: 3px;
    font-size: 8pt;
}
div#inputs div input,
div#inputs div select,
div#inputs div div#other {
    margin-right: 10px;
}
div#inputs div div#order select#torder,
div#inputs div div#order select#tordert,
div#inputs div div#other select#tstate,
div#inputs div div#other select#tscene {
    margin-right: 0;
}
div#inputs div select {
    width: 145px;
}
div#inputs div div#order select#torder,
div#inputs div div#order select#tordert,
div#inputs div div#other select#tscene,
div#inputs div div#other select#tstate {
    width: 76px;
}
div#inputs div div#order select#tordert,
div#inputs div div#other select#tstate {
    float: right;
}
div#inputs div div#s_reset,
div#inputs div div#s_search {
    height: 21px;
    width: 33px;
    float: right;
    cursor: pointer;
}
div#inputs div div#s_reset {
    background: url('deep/browser_s_reset.png') no-repeat 0% 0%;
}
div#inputs div div#s_search {
    background: url('deep/browser_s_search.png') no-repeat 0% 0%;
    position: relative;
    top: -1px;
}
div#inputs div div#s_reset:hover { background-position: 0% 100%; }
div#inputs div div#s_search:hover { background-position: 0% 100%; }
div#inputs div div#s_reset span,
div#inputs div div#s_search span {
    display: none;
}
div#inputs div input#tdatea.wrong { color: #da4a29; }

/* Easysearch */
form#easysearch_form {
    width: 100%;
    text-align: left;
    position: relative;
}
div#easysearch {
    width: 32px;
    height: 22px;
    cursor: pointer;
    background: url('deep/search.png') 0% 0%;
    position: absolute;
    right: 0px;
    top: 0px;
}
div#easysearch:hover { background-position: 0% -100% }

/* Content */
div#browsercontent {
    display: none;
    margin: 4px 0px 1px 0px;
}

/* Torrent list */
div.torrents {
    width: 100%;
}

/* Cell styles */
div.torrents div.cell {
    float: left;
    position: relative;
    top: 2px;
}

/* Zero found cell */
div.torrents div.body div.zf span {
    position: relative;
    top: 3px;
    color: #da4a29;
}

/* Head row */
div.torrents div.head {
    height: 22px;
    background: url('deep/b_table_head.png') no-repeat;
}

/* Head cell styles */
div.torrents div.head div {
    cursor: default;
    font-size: 8pt;
    height: 22px;
    top: 0px;
}
div.torrents div.head div a {
    position: relative;
    top: 4px;
}
div.torrents div.head div.order a,
div.torrents div.head div.order a:hover {
    color: #e34b15;
}

/* Inner rows */
div.torrents div.body div.odd {
    height: 22px;
    background: url('deep/b_table_row_odd.png') no-repeat 0px 0px;
}
div.torrents div.body div.even {
    height: 22px;
    background: url('deep/b_table_row_even.png') no-repeat 0px 0px;
}

/* Last row */
div.torrents div.body div.foot.odd {
    height: 24px;
    background: url('deep/b_table_foot_odd.png') no-repeat 0px 0px;
}
div.torrents div.body div.foot.even {
    height: 24px;
    background: url('deep/b_table_foot_even.png') no-repeat 0px 0px;
}

/* Row highlights */
div.torrents div.body div.odd:hover { background-position: 0px -30px; }
div.torrents div.body div.even:hover { background-position: 0px -30px; }
div.torrents div.body div.foot.odd:hover { background-position: 0px -24px; }
div.torrents div.body div.foot.even:hover { background-position: 0px -24px; }

/* Dropdown rows */
div.torrents div.body div.dropdown,
div.torrents div.body div.dropdown_close {
    display: none;
    height: auto;
}
div.torrents div.body div.dropdown {
    border-top: 1px solid #888;
}
div.torrents div.body div.dropdown_close {
    border-bottom: 1px solid #888;
}
div.torrents div.body div.foot {
    border-bottom: 0;
}
div.torrents div.body div.dropdown.odd,
div.torrents div.body div.dropdown_close.odd {
    background-image: url('deep/b_table_drop_odd.png');
    background-repeat: repeat-y;
}
div.torrents div.body div.dropdown.even,
div.torrents div.body div.dropdown_close.even {
    background-image: url('deep/b_table_drop_even.png');
    background-repeat: repeat-y;
}
div.torrents div.body div.dropdown_close.foot.odd { background-image: url('deep/b_table_foot_odd.png'); }
div.torrents div.body div.dropdown_close.foot.even { background-image: url('deep/b_table_foot_even.png'); }
div.torrents div.body div.dropdown div.cont,
div.torrents div.body div.dropdown_close div.cont {
    display: none;
}
div.torrents div.body div.dropdown div.cont { padding: 7px 11px 10px 11px; }
div.torrents div.body div.dropdown_close div.cont { padding: 3px 0px; }

/* Cell styles */
div.torrents div.d { width: 85px; }
div.torrents div.b { width: 20px; }
div.torrents div.m { width: 34px; }
div.torrents div.z { width: 70px; }
div.torrents div.t { width: 34px; }
div.torrents div.s { width: 34px; }
div.torrents div.l { width: 34px; }
div.torrents div.u { width: 100px; }
div.torrents div.n {
    width: 377px;
    text-align: left;
    font-family: Courier New, Courier, monospace;
    font-size: 9pt;
}
div.torrents div.c {
    width: 50px;
    top: 1px;
}
div.torrents div.f {
    top: 3px;
    width: 112px;
}


/* Category icon */
div.torrents div.body div.c div {
    width: 46px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    top: 0px;
    left: 3px;
}
div.torrents div.body div.c div img {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* Torrent flags */
div.torrents div.body div.b div.fl_bkm {
    margin: 1px 0px 0px 2px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
div.torrents div.body div.b div.fl_bkm.add { background-image: url('deep/tflag_bm_add.png'); }
div.torrents div.body div.b div.fl_bkm.remove { background-image: url('deep/tflag_bm_remove.png'); }

div.torrents div.body div.f ul {
    width: 112px;
    height: 16px;
    margin: 0px;
    padding: 0px;
}
div.torrents div.body div.f ul li {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-left: 2px;
}
div.torrents div.body div.f ul li.h { display: none;}

div.torrents div.body div.f ul li.fl_new {
    cursor: pointer;
    background-image: url('deep/tflag_new.png');
}

div.torrents div.body div.f ul li.fl_det {
    cursor: pointer;
    background-image: url('deep/tflag_details.png');
}

div.torrents div.body div.f ul li.fl_dnl {
    cursor: pointer;
    background-image: url('deep/tflag_dl_normal.png');
}
div.torrents div.body div.f ul li.fl_mod,
div.torrents div.body div.f ul li.fl_lor {
    cursor: pointer;
}
div.torrents div.body div.f ul li.fl_dnl span { display: none; }
div.torrents div.body div.f ul li.fl_dnl.leech { background-image: url('deep/tflag_dl_leech.gif'); }
div.torrents div.body div.f ul li.fl_dnl.seed { background-image: url('deep/tflag_dl_seed.gif'); }
div.torrents div.body div.f ul li.fl_dnl.leec.noanim { background-image: url('deep/tflag_dl_leech.png'); }
div.torrents div.body div.f ul li.fl_dnl.seed.noanim { background-image: url('deep/tflag_dl_seed.png'); }
div.torrents div.body div.f ul li.fl_dnl.selected { background-image: url('deep/tflag_dl_normal_selected.png'); }
div.torrents div.body div.f ul li.fl_dnl.leech.selected { background-image: url('deep/tflag_dl_leech_selected.gif'); }
div.torrents div.body div.f ul li.fl_dnl.seed.selected { background-image: url('deep/tflag_dl_seed_selected.gif'); }
div.torrents div.body div.f ul li.fl_dnl.leec.noanim.selected { background-image: url('deep/tflag_dl_leech_selected.png'); }
div.torrents div.body div.f ul li.fl_dnl.seed.noanim.selected { background-image: url('deep/tflag_dl_seed_selected.png'); }
div.torrents div.body div.f ul li.fl_mod.unchecked { background: url('deep/tflag_modcheck_0.png') }
div.torrents div.body div.f ul li.fl_mod.faulty { background: url('deep/tflag_modcheck_1.png') }
div.torrents div.body div.f ul li.fl_mod.welldone { background: url('deep/tflag_modcheck_2.png') }
div.torrents div.body div.f ul li.fl_mod.h {
    display: block;
    visibility: hidden;
}
div.torrents div.body div.f ul li.fl_cml { background-image: url('deep/tflag_cmlock.png'); }
div.torrents div.body div.f ul li.fl_hdn { background-image: url('deep/tflag_hidden.png'); }
div.torrents div.body div.f ul li.fl_lor { background-image: url('deep/tflag_lorry.png'); }

/* Pager base */
div.pager {
    font-size: 9pt;
    height: 20px;
    margin: 0px 8px 0px 8px;
    cursor: default;
    display: none;
}
div.pager.upper {
    margin-top: 4px;
    background: url('pagers_bg.png') no-repeat top left;
}
div.pager.lower {
    margin-bottom: 1px;
    background: url('pagers_bg.png') no-repeat bottom left;
}

/* Pager element properties */
div.pager span { position: relative; }
div.pager img {
    cursor: pointer;
    position: relative;
}
div.pager.upper span { top: 3px; }
div.pager.upper img { top: 5px; }
div.pager.lower span { top: 2px; }
div.pager.lower img { top: 4px; }

/* Pager icons */
div.pager img.first,
div.pager img.last {
    width: 19px;
    height: 12px;
    background-image: url('pagers_firstlast.png');
}
div.pager img.prev,
div.pager img.next {
    width: 13px;
    height: 12px;
    background-image: url('pagers_prevnext.png');
}
div.pager img.prev { margin-right: 7px; }
div.pager img.next { margin-left: 7px; }
div.pager img.first { background-position:  0px 0px; }
div.pager img.first:hover { background-position: -19px 0px; }
div.pager img.last { background-position:  -38px 0px; }
div.pager img.last:hover { background-position: -57px 0px; }
div.pager img.prev { background-position:  0px 0px; }
div.pager img.prev:hover { background-position: -13px 0px; }
div.pager img.next { background-position:  -26px 0px; }
div.pager img.next:hover { background-position: -39px 0px; }

/* Empty list */
div#browsercontent div.empty {
    background: url('deep/b_table_empty.png');
    text-align: center;
    height: 34px;
    display: none;
}
div#browsercontent div.empty span {
    position: relative;
    top: 6px;
    color: #2e68a3;
}
div#browsercontent div.empty span img {
    margin-right: 4px;
}



/* USER LIST - extensions to BROWSE */

div#users div#inputs {
    position: relative;
}

div#users div#inputs div input,
div#users div#inputs div select {
    width: 140px;
}

div#inputs div div#order select#uordert {
    float: right;
}

div#inputs div div#order select#uorder,
div#inputs div div#order select#uordert {
    width: 76px;
}

div#inputs div div#order select#uorder,
div#inputs div div#order select#uordert {
    margin-right: 0px;
}

div#inputs div div#u_reset,
div#inputs div div#u_search {
    height: 22px;
    width: 34px;
    float: right;
    cursor: pointer;
    position: relative;
    top: -1px;
}
div#inputs div div#u_reset {
    background: url('deep/users_rs.png') no-repeat 0px 0px;
}
div#inputs div div#u_search {
    background: url('deep/users_rs.png') no-repeat -34px 0px;
}
div#inputs div div#u_reset:hover { background-position: 0px -22px; }
div#inputs div div#u_search:hover { background-position: -34px -22px; }
div#inputs div div#u_reset span,
div#inputs div div#u_search span,
div#inputs div div#u_masspm span {
    display: none;
}
div#u_masspm {
    position: absolute;
    right: 0px;
    top: -22px;
    width: 32px;
    height: 22px;
    float: right;
    cursor: pointer;
    background: url('deep/masspm.png') 0% 0%;
}
div#u_masspm:hover { background-position: 0% -100% }
div#u_masspm.disabled,
div#u_masspm.disabled:hover {
    background-position: 0% 0%;
    cursor: default;
}
table#groups {
    table-layout: fixed;
    text-align: left;
    width: 100%;
}
table#groups ul {
    list-style-type: none;
    padding: 0;
}
table#groups ul label{
    font-size: 8pt;
    padding-left: 2px;
}
div#userscontent {
    display: none;
    margin: 4px 0px 1px 0px;
}
div#userscontent {
    display: none;
    margin: 4px 0px 1px 0px;
}
div.users {
    width: 100%;
}
div.users div.cell {
    float: left;
    position: relative;
    top: 2px;
    white-space: nowrap;
    overflow: hidden;
}
div.users div.body div.zf span {
    position: relative;
    top: 3px;
    color: #da4a29;
}
div.users div.head {
    height: 22px;
    background: url('deep/b_table_head.png') no-repeat;
}
div.users div.head div {
    cursor: default;
    font-size: 8pt;
    height: 22px;
    top: 0px;
}
div.users div.head div a {
    position: relative;
    top: 4px;
}
div.users div.head div.order a,
div.users div.head div.order a:hover {
    color: #e34b15;
}
div.users div.body div.odd {
    height: 22px;
    background: url('deep/b_table_row_odd.png') no-repeat 0px 0px;
}
div.users div.body div.even {
    height: 22px;
    background: url('deep/b_table_row_even.png') no-repeat 0px 0px;
}
div.users div.body div.foot.odd {
    height: 24px;
    background: url('deep/b_table_foot_odd.png') no-repeat 0px 0px;
}
div.users div.body div.foot.even {
    height: 24px;
    background: url('deep/b_table_foot_even.png') no-repeat 0px 0px;
}
div.users div.body div.odd:hover { background-position: 0px -30px; }
div.users div.body div.even:hover { background-position: 0px -30px; }
div.users div.body div.foot.odd:hover { background-position: 0px -24px; }
div.users div.body div.foot.even:hover { background-position: 0px -24px; }
div.users div.uid {
    width: 50px;
    margin-right: 20px;
    text-align: right;
}
div.users div.rank { width: 100px; }
div.users div.registered { width: 100px; }
div.users div.last-seen { width: 100px; }
div.users div.country { width: 50px; }
div.users div.city { width: 180px; }
div.users div.uploaded { width: 80px; }
div.users div.downloaded { width: 80px; }
div.users div.ratio { width: 50px; }
div.users div.nick {
    width: 120px;
    text-align: left;
}
div#userscontent div.empty {
    background: url('deep/b_table_empty.png');
    text-align: center;
    height: 34px;
    display: none;
}
div#userscontent div.empty span {
    position: relative;
    top: 6px;
    color: #2e68a3;
}
div#userscontent div.empty span img {
    margin-right: 4px;
}
select#e_grps {
    width: 120px;
}




/* TORRENT DETAILS */

/* Info table */
table.details { table-layout: auto; }
table.details tr { height: 24px; }
table.details tr.tshead { height: auto; }
table.details td.c {
    width: 50px;
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
table.details {
    margin-bottom: 2px;
}

/* Category icon */
table.details td.c div {
    width: 46px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    top: 0px;
    left: 3px;
}
table.details td.c div img {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* Thanks */
div#thanks { text-align: justify; }

/* Thumbnails */
img.thumbnail {
    margin: 0px 10px 0px 10px;
    border: 1px solid #3e3e3e;
}



/* MODCOMMENTS */

div.modcomment { position: relative; }
div.modcomment div {
    color: #da4a29;
    text-align: justify;
    margin: 0px 0px 10px 0px;
    font-size: 11pt;
}
div.modcomment span.links {
    position: absolute;
    bottom: 0;
    right: 0;
}
div.modcomment span.commented_by { font-style: italic; }



/* TORRENT COMMENTS */

/* Table */
table.comments {
    width: 928px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

/* Part sizes */
table.comments colgroup col.left { width: 160px; }
table.comments colgroup col.right { width: 768px; }

/* Head */
table.comments tr.head { background: url('comment_head.png') no-repeat; }
table.comments tr.head.first { background: url('comment_head_first.png') no-repeat; }
table.comments tr.head td div {
    background: url('deep/icon_comment.png') 3px 4px no-repeat;
    width: 928px;
    height: 22px;
    position: relative;
}
/* Head elements */
table.comments tr.head div span.header,
table.comments tr.head div span.links {
    position: absolute;
    top: 3px;
}
table.comments tr.head div span.header { left: 20px; }
table.comments tr.head div span.links { right: 7px; }

/* Info line */
table.comments tr.info { background: url('comment_head.png') no-repeat; }
table.comments tr.info div {
    background: url('deep/icon_info.png') 3px 0px no-repeat;
    font-size: 8pt;
    text-align: left;
    padding: 1px 8px 3px 22px
}

table.lastcomment { width: auto; }
table.lastcomment tr.head { background: transparent; }
table.lastcomment tr.head.first { background: transparent; }
table.lastcomment tr.head div span.links { right: 20px; }
table.lastcomment div.comment { padding: 10px 10px 2px 10px; }

/* Body */
table.comments tr.body td.left {
    background: url('comment_body.png') repeat-y left top;
    vertical-align: top;
    padding: 3px 0px 3px 0px;
}
table.comments tr.body td.right {
    background: url('comment_body.png') repeat-y right top;
    vertical-align: top;
}

/* Text */
table.comments tr.body td.right div.text { padding: 7px 10px 7px 7px; }

/* Edits */
table.comments tr.body td.right div.text div.edits {
    margin: 10px;
    font-style: italic;
}

/* Modcomments (+inherited!) */
table.comments tr.body td.right div.text div.modcomment {
    margin: 5px;
    padding: 5px;
    background: url('shade.png');
}
table.comments tr.body td.right div.text div.modcomment span.links {
    bottom: 5px;
    right: 5px;
}
div.nocomments span.links {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

/* Foot */
table.comments tr.foot {
    height: 6px;
    line-height: 2px;
    background: url('comment_foot.png') repeat-y bottom left;
}
table.comments tr.foot.last {
    height: 3px;
    background: url('comment_foot_last.png') no-repeat bottom left;
}

table.lastcomment tr.foot { background: transparent; }
table.lastcomment tr.foot.last { background: transparent; }

/* Avatars */
table.comments div.avatar { left: 4px; }

/* Pagers */
div.comments_pager {
    padding: 5px;
    font-size: 11pt;
    text-align: center;
}
div.comments_pager span.current {
    font-size: 12pt;
    font-weight: bold;
    color: #2e68a3;
}

/* Form */
div#compose { display: none; }




/* QUICKEDITOR */
div.quickedit {
    border: 1px solid #b0b0b0;
    margin: auto;
    background: #eaedef;
}
div.quickedit:hover { background: #ffffff; }
div.quickedit textarea {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: tahoma, sans-serif;
    font-size: 10pt;
    color: #505050;
    background: transparent;
}
.ui-resizable .ui-resizable-handle { display:block; }
.ui-resizable-s {
    background: #d4d4d4 url('handle.png') center top no-repeat;
    bottom:0px;
    cursor:s-resize;
    height:6px;
    left:0px;
    width:100%;
    position:absolute;
}
.ui-resizable-s:hover { background-color: #c0c0c0; }
div.quickedit_buttons {
    height: 27px;
    position: relative;
}
div.quickedit_buttons div {
    cursor: pointer;
    height: 22px;
    position: absolute;
}
div.quickedit_buttons div.save {
    width: 23px;
    background: url('deep/qe_save.png') 0px 0px;
    right: 20px;
}
div.quickedit_buttons div.cancel {
    width: 22px;
    background: url('deep/qe_cancel.png') 0px 0px;
    right: 43px;
}
div.quickedit_buttons div.save:hover,
div.quickedit_buttons div.cancel:hover {
    background-position: 0px -22px;
}
div.quickedit_buttons div span { display: none; }




/* UPLOAD */

/* Layout */
table#upload_layout {
    width: 950px;
    margin: auto;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px;
}
table#upload_layout td#left {
    width: 620px;
    text-align: left;
    vertical-align: top;
}
table#upload_layout td#right {
    width: 330px;
    text-align: right;
    vertical-align: top;
}
table#upload_layout td#left div.dialog,
table#upload_layout td#right div.dialog {
    margin-left: 0px;
    margin-right: 0px;
}

/* Form parts */
table.upload_form_part {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0px;
}
table.upload_form_part td { height: 24px; }
table.upload_form_part col.req { width: 14px; }
table.upload_form_part col.label { width: 78px; }
table.upload_form_part col.label_l { width: 144px; }

/* Autohelp */
div#autohelp div.d_body_f { min-height: 70px; }
p#ah_results {
    padding: 0px 5px 0px 5px;
    text-align: justify;
}
ul.autohelp {
    padding: 5px 0px 0px 20px;
    list-style-type: square;
}

/* QS mod */
select#qs_type {
    float: left;
    margin-right: 4px;
}

/* QS torrent list */
p#qs_list_head {
    margin: 0px 0px 3px 2px;
    font-weight: bold;
    font-size: 8pt;
}
ul#qs_list {
    list-style-type: none;
    padding: 0px 4px 0px 4px;
}
ul#qs_list li {
    padding-left: 18px;
    background: url('deep/icon_file.png') 0px 0px no-repeat;
    text-align: left;
    margin-top: 1px;
}

/* QS tag list*/
p#qs_tag_list {
    text-align: justify;
    padding: 4px;
}
p#qs_tag_help {
    text-align: justify;
    padding: 4px 4px 2px 4px;
    font-size: 8pt;
}

/* QS torrent list */
ul#qs_imdb_list {
    list-style-type: none;
    padding: 0px 4px 2px 4px;
}
ul#qs_imdb_list li {
    position: relative;
    padding-left: 18px;
    text-align: left;
    margin-top: 1px;
    height: 16px;
}
ul#qs_imdb_list li a {
    position: absolute;
    top: 0px;
    left: 20px;
}
ul#qs_imdb_list li div.shortcut {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    height: 16px;
    background: url('deep/insert_to_left.png') 0px 0px no-repeat;
}
ul#qs_imdb_list li div.shortcut:hover { background-position: 0px -16px; }
ul#qs_imdb_list li div.shortcut span { display: none; }
p#qs_imdb_help {
    text-align: justify;
    padding: 4px 4px 2px 4px;
    font-size: 8pt;
}

/* IMDb section */
div#imdb_section { position: relative; }
div#imdb_section div#imdb { width: 86px; }
div#imdb_section span#imdb_title {
    position: absolute;
    left: 92px;
    top: 2px;
}

/* Character counter */
div.charctr {
    text-align: center;
    padding-top: 3px;
    font-size: 8pt;
}

/* Tag shortcuts */
div#tagshortcuts { display: none; }
div#ts_results {
    padding: 0px 5px 0px 5px;
    text-align: justify;
}
p.ts_list_head {
    margin: 0px 0px 3px 2px;
    font-weight: bold;
    font-size: 8pt;
}
p.ts_tag_list {
    text-align: justify;
    padding: 4px;
}

/* Textarea BGs */
textarea#tnotes,
textarea#tcomm {
    background-position: bottom right;
    background-repeat: no-repeat;
}
textarea#tnotes  { background-image: url('tabg_description.png'); }
textarea#tcomm { background-image: url('tabg_comments.png'); }

/* Field widths */
input#tname_field { width: 459px; }
input#ttags_field { width: 459px; }
input#imdb_field { width: 60px; }
input#imdb_field { width: 60px; }
input#year_field { width: 413px; }
input#homepage_field { width: 393px; }
input#pic1_field,
input#pic2_field,
input#pic3_field { width: 425px; }
select#tcategory { width: 140px; }




/* QUICKSEARCH */

/* Layout */
div#quicksearch {
    padding: 0px 5px 0px 5px;
    text-align: center;
}
input#qs_keyword {
    float: left;
    margin-right: 4px;
    width: 180px;
}
input#qs_keyword.default { color: #888888; }
div#qs_results {
    clear: both;
    padding: 5px 5px 0px 5px;
}
select#qs_type { width: 82px; }
div#qs_search {
    width: 32px;
    height: 22px;
    float: right;
    cursor: pointer;
    background: url('deep/search.png') 0% 0%;
}
div#qs_search:hover { background-position: 0% -100% }
div#qs_search.disabled,
div#qs_search.disabled:hover {
    background-position: 0% 0%;
    cursor: default;
}



/* FILELIST */

/* Table */
table.filelist tr { cursor: pointer; }
table.filelist td.i { width: 20px; }
table.filelist td.n {
    text-align: left;
    padding-left: 0px;
}
table.filelist td.e { width: 50px; }
table.filelist td.t { width: 200px; }
table.filelist td.s { width: 90px; }
table.filelist tr.tshead td.n,
table.filelist tr.sum td.n {
    padding-left: 6px;
}
table.filelist tr.tshead,
table.filelist tr.sum {
    cursor: default;
}
table.filelist td.i img {
    position: relative;
    top: 1px;
}



/* PEERLIST */

/* Table */
table.peers td { height: 24px; }
table.peers td.m { width: 24px; }
table.peers td.n {
    text-align: left;
    padding-left: 4px;
}
table.peers td.a { width: 120px; }
table.peers td.i { width: 120px; }
table.peers td.r { width: 70px; }
table.peers td.p { width: 60px; }
table.peers td.u, table.peers td.d, table.peers td.x, table.peers td.y { width: 80px; }
table.peers td.active { color: #568c32; }
table.peers td.passive { color: #8c3232; }
table.peers td.m div {
    width: 14px;
    height: 14px;
    position: relative;
    left: 2px;
    top: 0px;
}
table.peers td.m div.seed { background: url('deep/peer_seeding.png') no-repeat 0px 0px; }
table.peers td.m div.leech { background: url('deep/peer_leeching.png') no-repeat 0px 0px; }
table.peers td.m div span { display: none; }



/* MAILER */

/* Menu */
div#mailer_menu {
    height: 120px;
    position: relative;
}

/* Stat. table */
table#mailer_stats {
    width: 420px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border-collapse: collapse;
    font-size: 8pt;
}
table#mailer_stats tr td {
    padding: 1px;
}
table#mailer_stats tr td.cell {
    font-weight: bold;
    color: #2e68a3;
}
table#mailer_stats tr td.label {
    text-align: left;
    padding-left: 5px;
}
table#mailer_stats tr.head td.label {
    padding-left: 1px;
    font-weight: bold;
}
table#mailer_stats tr.lined td { border-bottom: 1px dotted #9b9b9b; }
table#mailer_stats tr.totals td { border-top: 1px dotted #9b9b9b; }
table#mailer_stats tr.padded td { padding-bottom: 6px; }
table#mailer_stats colgroup col { width: 93px; }
table#mailer_stats colgroup col.title { width: 141px; }

/* Buttons */
ul#mailer_buttons {
    width: 500px;
    height: 102px;
    position: absolute;
    left: 0;
    top: 10px;
    padding: 0;
    margin: 0;
}
ul#mailer_buttons li {
    display: block;
    float: left;
    width: 102px;
    height: 102px;
    margin: 0px 10px 0px 10px;
    text-align: center;
}
ul#mailer_buttons li a,
ul#mailer_buttons li a.visited,
ul#mailer_buttons li a:hover,
ul#mailer_buttons li a.visited:hover {
    display: block;
    width: 102px;
    height: 102px;
    border: 0;
}
ul#mailer_buttons li a span {
    position: relative;
    top: 85px;
    font-size: 8pt;
}
ul#mailer_buttons li.active a span { color: #c24141; }
ul#mailer_buttons li.compose { background: url('deep/mb_compose.png') 0% 0% }
ul#mailer_buttons li.inbox { background: url('deep/mb_inbox.png') 0% 0% }
ul#mailer_buttons li.sentbox { background: url('deep/mb_sentbox.png') 0% 0% }
ul#mailer_buttons li.trash { background: url('deep/mb_trash.png') 0% 0% }
ul#mailer_buttons li:hover { background-position: 0% 100%; }

/* Lightweight menu */
div#mailer_links { text-align: center; }
div#mailer_links a.active { color: #c24141; }

/* Compose form */
form#compose div.user_options,
form#compose div.admin_options {
    padding: 6px 15px 0px 15px;
}
form#compose div.user_options label,
form#compose div.admin_options label {
    padding: 0px 8px 0px 2px;
}
form#compose div.admin_options label.l_templates { padding-right: 2px; }
form#compose ul.pushbuttons { margin-top: 13px; }
form#compose input#to,
form#compose input#subject {
    width: 848px;
}

/* Report */
table#mailer_report { text-align: left; }
table#mailer_report td {
    height: 22px;
    padding: 0px 8px 0px 8px;
}
table#mailer_report colgroup col.nick { width: 150px; }

/* Toolbar */
div#mailer_toolbar {
    width: 100%;
    height: 40px;
    position: relative;
    margin: 3px 0px 10px 0px;
    background: url('mailer_toolbar.png') no-repeat;
}
div#mailer_toolbar ul#buttons {
    width: 160px;
    height: 32px;
    position: absolute;
    top: 4px;
    left: 4px;
    padding: 0px;
}
div#mailer_toolbar ul#buttons li,
div#mailer_toolbar ul#buttons li a,
div#mailer_toolbar ul#buttons li a:hover {
    display: block;
    width: 32px;
    height: 32px;
    border: 0px;
}
div#mailer_toolbar ul#buttons li { float: left; }
div#mailer_toolbar ul#buttons li a { cursor: pointer; }
div#mailer_toolbar ul#buttons li a span { display: none; }
div#mailer_toolbar div#hints {
    width: 520px;
    height: 29px;
    position: absolute;
    top: 7px;
    left: 172px;
    text-align: left;
    font-size: 8pt;
}
div#mailer_toolbar div#search {
    width: 226px;
    height: 27px;
    position: absolute;
    top: 9px;
    left: 696px;
    text-align: left;
}
div#mailer_toolbar div#search input#qs_keyword {
    width: 172px;
}
div#mailer_toolbar ul#buttons li a { background: no-repeat 0px 0px }
div#mailer_toolbar ul#buttons li a.disabled {
    cursor: default;
    background-position: 0px -32px;
}
div#mailer_toolbar ul#buttons li a.disallowed {
    cursor: default;
    background-position: 0px -64px;
}
div#mailer_toolbar ul#buttons li a.active { background-position: 0px -96px; }
div#mailer_toolbar ul#buttons li a.reply { background-image: url('deep/mtb_reply.png'); }
div#mailer_toolbar ul#buttons li a.forward { background-image: url('deep/mtb_forward.png'); }
div#mailer_toolbar ul#buttons li a.mark { background-image: url('deep/mtb_mark.png'); }
div#mailer_toolbar ul#buttons li a.download { background-image: url('deep/mtb_download.png'); }
div#mailer_toolbar ul#buttons li a.move { background-image: url('deep/mtb_move.png'); }
div#mailer_toolbar ul#buttons li a.delete { background-image: url('deep/mtb_delete.png'); }
div#mailer_toolbar ul#buttons li a:hover { background-position: -32px 0px; }
div#mailer_toolbar ul#buttons li a.disabled:hover { background-position: 0px -32px; }
div#mailer_toolbar ul#buttons li a.disallowed:hover { background-position: 0px -64px; }
div#mailer_toolbar ul#buttons li a.active:hover { background-position: -32px -96px; }

/* Mail list */
div#mail_list {
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: none;
    text-align: left;
}

/* Rows, cells */
div#mail_list div.head,
div#mail_list div.mhead,
div#mail_list div.mbody,
div#mail_list div.foot,
div#mail_list div.sep {
    height: 22px;
}
div#mail_list div.cell {
    position: relative;
    height: 22px;
    float: left;
}
div#mail_list div.cell span,
div#mail_list div.cell a.asterisk,
div#mail_list div.cell a.loadbtn {
    position: relative;
    top: 3px;
}
div#mail_list div.cell input {
    position: relative;
    top: 1px;
}
div#mail_list div.c_vars { width: 28px; }
div#mail_list div.c_date { width: 150px; }
div#mail_list div.c_from { width: 210px; }
div#mail_list div.c_mark { width: 20px; }
div#mail_list div.c_load { width: 20px; }
div#mail_list div.c_subj { width: 500px; }

/* Headers, footers */
div#mail_list div.head div.cell span,
div#mail_list div.foot div.cell span,
div#mail_list div.sep div.cell span {
    position: relative;
    top: 4px;
}

/* Headers */
div#mail_list div.head,
div#mail_list div.sep {
    color: #2e68a3;
    font-size: 8pt;
}
div#mail_list div.head { background: url('deep/m_table_head.png') no-repeat; }

/* Footers */
div#mail_list div.foot {
    font-size: 8pt;
    height: 24px;
}
div#mail_list div.foot.odd { background: url('deep/m_table_foot_odd.png') bottom left; }
div#mail_list div.foot.even { background: url('deep/m_table_foot_even.png') bottom left; }

/* Clickable cells */
div#mail_list div.mhead div.c_subj,
div#mail_list div.mhead div.c_date,
div#mail_list div.mhead div.c_from {
    cursor: pointer;
}

/* Centered cells */
div#mail_list div.c_vars,
div#mail_list div.c_mark {
    text-align: center;
}

/* Mail rows */
div#mail_list div.mbody {
    height: auto;
    background: url('deep/m_body.png');
}

div#mail_list div.normal.odd,
div#mail_list div.sep.odd {
    background: url('deep/m_head_normal_odd.png') no-repeat;
}
div#mail_list div.normal.even,
div#mail_list div.sep.even {
    background: url('deep/m_head_normal_even.png') no-repeat;
}
div#mail_list div.system.odd {
    background: url('deep/m_head_system_odd.png') no-repeat;
    color: #721d1d;
}
div#mail_list div.system.even {
    background: url('deep/m_head_system_even.png') no-repeat;
    color: #721d1d;
}
div#mail_list div.notice.odd {
    background: url('deep/m_head_notice_odd.png') no-repeat;
    color: #724d1d;
}
div#mail_list div.notice.even {
    background: url('deep/m_head_notice_even.png') no-repeat;
    color: #724d1d;
}
div#mail_list div.unreaded, div#mailer_links span.unreaded {
    font-weight: bold;
}
div#mail_list div.normal.even:hover,
div#mail_list div.system.even:hover,
div#mail_list div.notice.even:hover {
    background: url('deep/m_head_hover_even.png') no-repeat;
    color: #1d4b72;
}
div#mail_list div.normal.odd:hover,
div#mail_list div.system.odd:hover,
div#mail_list div.notice.odd:hover {
    background: url('deep/m_head_hover_odd.png') no-repeat;
    color: #1d4b72;
}
div#mail_list div.highlighted.odd,
div#mail_list div.highlighted.odd:hover {
    background: url('deep/m_head_highlighted_odd.png') no-repeat;
    color: #405939;
}
div#mail_list div.highlighted.even,
div#mail_list div.highlighted.even:hover {
    background: url('deep/m_head_highlighted_even.png') no-repeat;
    color: #405939;
}

/* Selectors */
div#mail_list div.foot div.cell img {
    position: relative;
    top: 3px;
}
div#mail_list div.foot div.cell span {
    position: relative;
    top: 5px;
    left: 2px;
}

/* Mail */
div#mail_list div.mbody div.mail {
    background: url('mailer_separator.png') top left no-repeat;
    display: none;
    position: relative;
}
div#mail_list div.mbody div.mail  div.text {
    background: url('mailer_separator.png') bottom left no-repeat;
    padding: 10px;
    text-align: justify;
}

/* Legend */
div#mailer_legend {
    width: 100%;
    height: 41px;
    margin: 0;
    background: url('mailer_toolbar.png') no-repeat;
    font-size: 8pt;
    text-align: center;
}
div#mailer_legend ul {
    width: 850px;
    padding: 10px 0px 10px 0px;
    margin: auto;
}
div#mailer_legend ul li {
    float: left;
    height: 20px;
    list-style-type: none;
    width: 120px;
    margin: 0px 0px 0px 10px;
    padding-top: 3px;
}
div#mailer_legend ul li.system {
    background: url('deep/m_legend_system.png') no-repeat;
    color: #721d1d;
}
div#mailer_legend ul li.notice {
    background: url('deep/m_legend_notice.png') no-repeat;
    color: #724d1d;
}
div#mailer_legend ul li.highlighted {
    background: url('deep/m_legend_highlighted.png') no-repeat;
    color: #405939;
}
div#mailer_legend ul li.unreaded {
    background: url('deep/m_legend_unreaded.png') no-repeat;
    font-weight: bold;
}
div#mailer_legend ul li.normal {
    background: url('deep/m_legend_unreaded.png') no-repeat;
}
div#mailer_legend ul li.title {
    width: 180px;
    margin-left: 0;
    font-size: 10pt;
    padding-top: 2px;
}

/* In-row buttons */
div#mail_list div.mhead div a {
    border: 0px;
    display: block;
    width: 16px;
    height: 16px;
}
div#mail_list div.mhead div a span { display: none; }

/* Mark button */
div#mail_list div.mhead div.c_mark a { background: url('deep/mailer_mark.png') no-repeat 0px -16px; }
div#mail_list div.mhead div.c_mark a.marked { background-position: 0px 0px; }

/* Load button */
div#mail_list div.mhead div.c_load a { background: url('deep/mailer_toggle.png') no-repeat 0px -32px; }
div#mail_list div.mhead div.c_load a.opened { background-position: 0px 0px; }
div#mail_list div.mhead div.c_load a:hover { background-position: 0px -48px; }
div#mail_list div.mhead div.c_load a.opened:hover { background-position: 0px -16px; }



/* FEEDS */
div#feeds {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
div#feeds div {
    width: 290px;
    padding-top: 200px;
}
div#feeds div#rss {
    background: url('deep/feeds_rss.png') no-repeat center top;
    position: absolute;
    left: 0px;
}
div#feeds div#atom {
    background: url('deep/feeds_atom.png') no-repeat center top;
    margin: auto;
}
div#feeds div#media {
    background: url('deep/feeds_rss.png') no-repeat center top;
    position: absolute;
    right: 0px;
    top: 0px;
}
div#feeds ul {
    text-align: left;
    font-size: 11pt;
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 30px;
}
div#feeds li {
    margin-top: 2px;
    padding-left: 20px;
    background: url('deep/icon_file.png') no-repeat 0px 1px;
}
div#feeds li.adult { background-image: url('deep/icon_adult_content.png'); }




/* NFO READER */
div#nfo_pad { padding: 6px; }
div#nfo_text {
    border: 1px solid #888;
    text-align: left;
    color: #55cc55;
    background-color: #000000;
    padding: 10px;
    white-space: pre;
    font-family: monospace;
    overflow: auto;
    height: 0px;
}
span#nfo_select {
    position: absolute;
    right: 8px;
    top: 7px;
    display: block;
    height: 20px;
    padding-left: 20px;
    background: url('deep/icon_select_text.png') no-repeat;
}



/* IMDb READER */
div#imdb_info { padding: 6px; }
div#imdb_info table td {
    vertical-align: top;
    padding: 4px;
}
div#imdb_info table.basic table td {
    padding: 2px;
    text-align: left;
}
div#imdb_info table.basic table td.label {
    padding-left: 10px;
    padding-right: 40px;
}
div#imdb_info table.basic table td.value { color: #2e68a3; }
div#imdb_info img { border: 1px dashed #888; }
div#imdb_info p { text-align: justify; }



/* SIGNUP */
form#signup div.form_main {
    padding: 8px 10px 6px 10px;
}
form#signup div.form_main div.inputfield {
    margin-bottom: 5px;
}
form#signup div.form_main div.inputfield input { width: 250px; }
form#signup div.form_main p {
    padding-top: 10px;
    text-align: justify;
}
form#signup div.form_main div.checks {
    height: 24px;
    position: relative;
    text-align: left;
}
form#signup div.form_main div.checks span {
    position: absolute;
    top: 6px;
    left: 0px;
}
form#signup div.form_main div.checks div.boxes {
    height: 18px;
    position: absolute;
    top: 6px;
    left: 145px;
}
form#signup div.form_main div.checks div.boxes label { padding: 0px 8px 0px 3px; }



/* PASSWORD REMINDER */
form#reminder div.form_main { padding: 6px 10px 6px 10px; }
form#reminder div.form_main div.inputfield { margin: 12px 0px 0px 0px; }
form#reminder div.form_main div.inputfield input { width: 290px; }



/* ACCOUNT DELETE */
form#delacct div.form_main { padding: 6px 10px 6px 10px; }
form#delacct div.form_main div.inputfield {
    margin: 12px auto 0px auto;
    width: 240px;
}
form#delacct div.form_main div.inputfield input { width: 168px; }



/* LOGIN, DEHIBERNATE */

form#login, form#dehibernate {
    width: 335px;
    margin: auto;
}
form#login div.form_main, form#dehibernate div.form_main { padding: 2px; }
form#login div.inputfield, form#dehibernate div.inputfield { margin: 0px 10px 5px 10px; }
form#login div.inputfield input, form#dehibernate div.inputfield input { width: 200px; }
div#output { margin: 2px 0px 8px 0px; }
ul#security_hints {
    text-align: justify;
    padding: 0px;
    margin: 2px 0px -8px 0px;
    list-style-position: inside;
    list-style-image: url('deep/icon_info.png');
}
ul#security_hints li {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
ul#security_hints li span.head {
    font-size: 11pt;
    position: relative;
    top: -2px;
    left: -2px;
}



/* iRC */

form#irc_login {
    width: 270px;
    margin: auto;
}
form#irc_login div.form_main { padding: 2px; }
form#irc_login div.inputfield { margin: 0px 10px 5px 10px; }
form#irc_login div.inputfield input {
    width: 160px;
}
form#irc_login div.inputfield select,
form#irc_login div.inputfield div.pseudo_input {
    width: 166px;
}
form#irc_login div.inputfield.checks input,
form#irc_login div.inputfield.radios input {
    width: auto;
}
form#irc_login div.inputfield div.pseudo_input {
    text-align: left;
}



/* CONTACT */

p.contact {
    margin: 10px 10px 15px 10px;
    text-align: justify;
}



/* WELCOME */

p.welcome {
    margin: 0px 10px 15px 10px;
    text-align: justify;
}



/* ABOUT US */

p.about_us {
    margin: 0px 10px 0px 10px;
    text-align: justify;
}
p.au_quote {
    margin: 30px 10px 15px 10px;
    text-align: justify;
    font-style: italic;
}
span.as_quote_author { padding-left: 300px; }



/* USER DETAILS */

/* Table */
table#user td {
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
}
table#user td.avpad {
    width: 10px;
    padding-left: 0;
    padding-right: 0;
}
table#user td.avcell {
    width: 150px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
table#user td.vsep { padding: 0; }
table#user tr.tsfoot td { padding-bottom: 4px; }
table#user tr.tsfoot td,
table#user tr.tseven td,
table#user tr.tsodd td { height: 24px; }
table#user td.ratio span {
    padding: 3px 24px 3px 0px;
    background-repeat: no-repeat;
    background-position: center right;
}
table#user td.ratio0 span { background-image: url('../../smilies/blink.gif'); }
table#user td.ratio1 span { background-image: url('../../smilies/ras.gif'); }
table#user td.ratio2 span { background-image: url('../../smilies/hmm.gif'); }
table#user td.ratio3 span { background-image: url('../../smilies/cool2.gif'); }
table#user td.ratio4 span { background-image: url('../../smilies/laugh.gif'); }
table#user td.ratio5 span { background-image: url('../../smilies/alien.gif'); }

/* Stats */
table#userstats {
    margin-top: 8px;
}
table#userstats tr.tsfoot td {
    padding-bottom: 4px;
    height: 24px;
}
table#userstats span.male,
table#userstats span.female {
    padding: 3px 0px 3px 20px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
table#userstats span.male { background-image: url('deep/icon_user_male.png'); }
table#userstats span.female { background-image: url('deep/icon_user_female.png'); }
table#userstats span.country {
    padding: 3px 0px 3px 24px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
table#userstats span.os,
table#userstats span.client,
table#userstats span.browser {
    padding: 3px 0px 3px 22px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
table#userstats span.win9x { background-image: url('icon_win9x.png'); }
table#userstats span.winxp{ background-image: url('icon_winxp.png'); }
table#userstats span.winvista{ background-image: url('icon_winvista.png'); }
table#userstats span.win7{ background-image: url('icon_win7.png'); }
table#userstats span.macosx{ background-image: url('icon_macosx.png'); }
table#userstats span.macos{ background-image: url('icon_macos.png'); }
table#userstats span.unix{ background-image: url('icon_unix.png'); }
table#userstats span.linux{ background-image: url('icon_linux.png'); }
table#userstats span.freebsd{ background-image: url('icon_freebsd.png'); }
table#userstats span.solaris{ background-image: url('icon_solaris.png'); }

table#userstats span.explorer { background-image: url('icon_explorer.png'); }
table#userstats span.firefox{ background-image: url('icon_firefox.png'); }
table#userstats span.opera{ background-image: url('icon_opera.png'); }
table#userstats span.safari{ background-image: url('icon_safari.png'); }
table#userstats span.flock{ background-image: url('icon_flock.png'); }
table#userstats span.swiftfox{ background-image: url('icon_swiftfox.png'); }
table#userstats span.netscape{ background-image: url('icon_netscape.png'); }
table#userstats span.maxthon{ background-image: url('icon_maxthon.png'); }
table#userstats span.konqueror{ background-image: url('icon_konqueror.png'); }
table#userstats span.chrome{ background-image: url('icon_chrome.png'); }

table#userstats span.azureus { background-image: url('icon_azureus.png'); }
table#userstats span.bitcomet{ background-image: url('icon_bitcomet.png'); }
table#userstats span.deluge{ background-image: url('icon_deluge.png'); }
table#userstats span.halite{ background-image: url('icon_halite.png'); }
table#userstats span.rtorrent{ background-image: url('icon_rtorrent.png'); }
table#userstats span.tflux{ background-image: url('icon_tflux.png'); }
table#userstats span.utorrent{ background-image: url('icon_utorrent.png'); }

/* Box */
div.box_content {
    border: 1px dashed #b0b0b0;
    padding: 5px;
}



/* INVITES */

/* Hints layer */
div#invite_hints { margin-bottom: 10px; }

/* Form */
form#send_invite div.form_main { padding: 2px; }
form#send_invite div.form_main div.inputfield { margin-bottom: 5px; }
form#send_invite div.form_main div.inputfield#inv_addr input { width: 230px; }
form#send_invite div.form_main div.inputfield#inv_nick input { width: 250px; }
form#send_invite div.textarea { margin: 0px; }
textarea#inv_msg {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url('tabg_message.png');
}
div#young_check { margin-bottom: 5px; }

/* Listing */
table.invites_listing tr td {
    height: 22px;
    text-align: left;
}
table.invites_listing tr.tsfoot td { height: 23px; }
table.invites_listing tr.tsodd td,
table.invites_listing tr.tseven td { padding-left: 8px; }
table.invites_listing tr.tshead td,
table.invites_listing tr.tssep td { padding-left: 4px; }
table.invites_listing tr td.e { width: 160px; }
table.invites_listing tr.tssep td.d span,
table.invites_listing tr.tssep td.e span,
table.invites_listing tr.tshead td.d span,
table.invites_listing tr.tshead td.e span {
    padding: 1px 0px 1px 20px;
    background: no-repeat url('deep/icon_calendar.png');
}
table.invites_listing tr.tssep td.a span,
table.invites_listing tr.tshead td.a span {
    padding: 1px 0px 1px 20px;
    background: no-repeat url('deep/icon_mailer.png');
}
table.invites_listing tr.tssep td.u span,
table.invites_listing tr.tshead td.u span {
    padding: 1px 0px 1px 20px;
    background: no-repeat url('deep/icon_users.png');
}
table.invites_listing tr.tssep td.x span,
table.invites_listing tr.tshead td.x span {
    padding: 1px 0px 1px 20px;
    background: no-repeat url('deep/icon_invite_del.png');
}



/* UI WINDOW */

#uiwnd_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: url('dark.png') repeat;
}
#uiwnd_window {
    position: fixed;
    background: #d6d7d8;
    z-index: 102;
    display: none;
    border: 1px solid #525252;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: 100%;
    margin-top: 100%;
}
#uiwnd_title {
    height: 26px;
    background: url('deep/uiwnd_title.png') repeat-x;
    position: relative;
}
#uiwnd_title img {
    position: absolute;
    top: 4px;
    left: 5px;
}
#uiwnd_title span {
    font-size: 10pt;
    color: #2e68a3;
    position: absolute;
    top: 4px;
    left: 28px;
}
#uiwnd_content { overflow: auto; }
#uiwnd_close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    background: url('deep/uiwnd_close.png') no-repeat;
}
#uiwnd_close:hover { background-position: 0% 100%; }
#uiwnd_close span { display: none; }



/* GALLERY */

div#gallery_pad { padding: 10px 10px 10px 10px; }
img#gallery_image {
    border: 1px dashed #888;
    height: 0px;
    width: 0px;
}



/* ADMIN */

div.admin_clear {
    clear: both;
    width: 100%;
    height: 0px;
    line-height: 0px;
}

label.admin,
div#warning_period {
    margin: 8px 0px 5px 10px;
    display: block;
}

ul#admin_message_templates {
    text-align: left;
    height: 203px;
    overflow: auto;
    list-style-type: square;
    padding: 0px 0px 0px 28px;
}

ul#admin_message_templates li {
    margin-bottom: 3px;
}



/* ARTICLES */

ul.toc {
    margin-bottom: 10px;
}

div.article {
    margin-bottom: 15px;
}

div.article div.l_body_f {
    line-height: 160%;
}

div.article div.l_body_f div.right {
    margin-top: 15px;
}

div.article-text {
    padding: 10px;
}

div.article-controls {
    text-align: right;
    padding: 5px 10px 10px 10px;
}



/* HELPDESK */

form#report_bug_form label {
    display: block;
    margin: 15px 0px 5px 0px;
}

form#report_bug_form input#summary {
    width: 922px;
}



/* STAFF */

.staff-list,
.staff-legend {
    margin: 15px auto 0px auto !important;
}

.staff-list table {
    text-align: left;
}

.staff-list table td.pm,
.staff-list table td.led {
    width: 18px;
}

.staff-list table td.link {
    width: 106px;
}

.staff-list table td.pm img {
    cursor: pointer;
}

.staff-list table td {
    padding: 6px 0px;
}



/* JQUERY POPUP */

#popup_container {
    font-family: Arial, sans-serif;
    font-size: 14px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 3px #999;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #333;
    background: #CCC url(popup_title.png) top repeat-x;
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content {
    background: 16px 16px no-repeat url(deep/information.png);
    padding: 1em 1.75em;
    margin: 0em;
}

#popup_content.Jalert {
    background-image: url(deep/information.png);
}

#popup_content.Jconfirm {
    background-image: url(deep/important_yellow.png);
}

#popup_content.Jpassword {
    background-image: url(deep/password.png);
}

#popup_content.Jprompt {
    background-image: url(deep/question_yellow.png);
}

#popup_message {
    padding-left: 48px;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}



/* BB */

.bb-tutorial {
    margin-bottom: 15px !important;
}

.bb-tutorial div.code {
    margin: 10px 0px 15px 0px;
    font-family: 'courier new', monospace;
}

.bb-tutorial p.desc {
    margin-bottom: 20px;
}

img.smiley {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

img.bb-image {
    border: 1px #dashed #888;
}

span.bb-quote-title {
    font-style: italic;
    position: relative;
    top: -5px;
    left: -5px;
}

div.bb-quote {
    text-align: left;
    padding: 15px;
    margin: 4px;
    border: 1px dashed #bbb;
    background: #eee;
}



/* ADMIN */

div.pathway {
    margin-bottom: 15px;
}

p.remark {
    margin-top: 15px;
}

table.admin td.desc {
    text-align: left;
}

table.admin td.check {
    width: 35px;
}



/* TECHINFO */

.ti-table,
.ti-tracklist {
    margin-top: 15px;
    border-collapse: collapse;
    padding: 4px;
    width: 100%;
}

.ti-table tr td {
    padding: 3px;
}

.ti-tracklist tr td {
    padding: 3px 20px 3px 3px;
}

.ti-table .first,
.ti-tracklist .first {
    font-size: 8pt;
    font-weight: bold;
}

.ti-table tr.first,
.ti-tracklist tr.first {
    border-bottom: 1px solid #aaa;
}



/* OTHER COMMON STYLES */

/* Info Bar */
div.info_bar {
    background: url('deep/m_table_empty.png');
    text-align: center;
    height: 36px;
}
div.info_bar span {
    position: relative;
    top: 7px;
    color: #2e68a3;
}
div.info_bar span img {
    margin-right: 4px;
}

/* Float-clear */
div.float_clear {
    float: none;
    clear: both;
    height: 2px;
    line-height: 2px;
    font-size: 2px;
}

/* Inline 16×16 icons */
img.inl16 {
    position: relative;
    top: 3px;
}

/* Required field asterisk */
span.req {
    position: relative;
    top: 3px;
    color: #da4a29;
}

/* Not required field asterisk */
span.notreq { display: none; }

/* Messagebox text */
div.messagebox { margin: 10px 10px 15px 10px; }

/* Colors text */
.hl { color: #2e68a3; }
.red { color: #da4a29; }
.hollow { color: #808388; }
.ul { color: #3e7e18; }
.dl { color: #2e68a3; }

/* User ranks legend */
div#legend {
    text-align: center;
    margin-top: 10px;
    font-size: 8pt;
}

/* Disclaimer Paragraph */
.disc_sect { font-family: garamond, serif; }
h1.disc_sect { font-size: 18pt; }
h3.disc_sect {
    font-size: 14pt;
    font-style: italic;
}
p.disc_sect {
    font-size: 14pt;
    color: #333;
    padding-top: 20px;
    text-align: justify;
}
p.disc_sect.signature { padding: 40px 0px 20px 50px; }

/* Loading animation */
div#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: 100%;
    margin-top: 100%;
    width: 258px;
    height: 63px;
    display: none;
    z-index: 101;
    background: url('deep/loading.png');
}
div#loading img {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 102;
}

/* Tracker statistics on index */
table.trackerstat { table-layout: auto; }

/* Warning */
div#warning {
    padding-left: 38px;
    background: url('deep/warning.png') no-repeat 0px 3px;
    text-align: justify;
}
div#warning.msgbox {
    padding: 0px 0px 8px 38px;
    margin: 0px 10px;
}

/* Big icon hyperlinks */
a.icon {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position:    0px 2px;
}
a.icon:hover {
    background-position: 0px -38px;
    border: 0;
    color: #1f577f;
}

/* Small icon hyperlinks */
a.bullet {
    padding-left: 20px;
    background-repeat: no-repeat;
}
a.bullet:hover { border: 0; }

/* Iconed hyperlinks */
a.back { background-image: url('deep/back.png'); }
a.download { background-image: url('deep/download.png'); }
a.comment_delete { background-image: url('deep/icon_comment_delete.png'); }
a.comment_edit { background-image: url('deep/icon_comment_edit.png'); }
a.comment_reply { background-image: url('deep/icon_comment_reply.png'); }
a.comment_quote { background-image: url('deep/icon_comment_quote.png'); }
a.modcomment { background-image: url('deep/icon_modcomment.png'); }

/* Justified text areas */
div.text { text-align: justify; }

/* Anonymous flag */
span.anonym {
    position: relative;
    top: -5px;
    left: 2px;
    font-size: 7pt;
    padding-right: 2px;
}

