/* -------------------------------------------------------- */
/* See http://www.furaffinity.net/img/banners/logo/archive/ */
/* -------------------------------------------------------- */
#fa_header{
    display: block;
    width: 500px;
    height: 119px;
    background: url('../img/banners/logo/2013_02c_rudragon.jpg') no-repeat scroll 0%;
    padding: 0;
    margin: 0;
    float: left;
    position: absolute;
    z-index: 10;
}

body{
    padding: 0px;
    margin: 0px;
    font-size: 7.5pt;
    font-family: Verdana, sans-serif;
    background-color: #c0c0c0;
}
body>div{
    background-color: #D4DCE8;
}


TABLE, TR, TD, TH{
    font-family: Verdana, sans-serif;
    font-size: 7.5pt;
}
img, a{
    border: 0;
}
A:LINK{
    font-weight: bold;
    text-decoration: none;
    color: #4b4b4b;
}
A:VISITED{
    font-weight: bold;
    text-decoration: none;
    color: #790000;
}
A:HOVER{
    color: #790000;
    text-decoration: underline;
}
.errortable{
    border: 1px solid #ad9191;
    background-color: #e8d4d4;
}
.errortd{
    background: #e8d4d4;
    padding: 3px;
    color: #b95656;
}
.errortd a{
    color: #b95656;
}
.links{
    border-top: 2px solid #d4dce8;
    border-bottom: 2px solid #d4dce8;
    color: #fff;
}
.links A:LINK{
    text-decoration: none;
    color: #fff;
}
.links A:VISITED{
    text-decoration: none;
    color: #fff;
}
.links A:HOVER{
    color: #dcdcdc;
    text-decoration: none;
}
.header{
    font-size: 16px;
    color: #4b4b4b;
    font-weight: bold;
}
.smallhead{
    color: #c0c0c0;
    font-weight: bold;
}
.footer{
    color: #4b4b4b;
    text-align: center;
    margin-top: 10px;
}
.footer A:LINK{
    text-decoration: none;
    color: #4b4b4b;
}
.footer A:VISITED{
    text-decoration: none;
    color: #4b4b4b;
}
.footer A:HOVER{
    color: #790000;
    text-decoration: none;
}
.footer .ads{
    min-height: 90px;
}
.addpad{
    padding: 3px;
}
.rpad{
    padding-right: 3px;
}
.lpad{
    padding-left: 3px;
}
.bpad{
    padding-bottom: 3px;
}
.tpad{
    padding-top: 3px;
}
.hidden{
    display: none !important;
}
.invisible{
    visibility: hidden !important;
}
.maintable{
    background-color: #8a95a8;
}
.alt1{
    background-color: #d4dce8;
    color: #2e2e2e;
}
.alt1 A:LINK{
    color: #2e2e2e;
}
.alt1 A:VISITED{
    color: #2e2e2e;
}
.alt1 A:HOVER{
    color: #790000;
    text-decoration: underline;
}

.auto_link, .auto_link:LINK,
.linkusername, .linkusername:LINK{
    color: #4b4b4b !important;
}
.auto_link:HOVER,
.linkusername:HOVER{
    color: #790000 !important;
    text-decoration: underline !important;
}

.lead{
    border-top: 2px solid #d4dce8;
    border-bottom: 2px solid #d4dce8;
    color: #fff;
}
.cat{
    background-color: #919bad;
    color: #fff;
    border: 2px solid #d4dce8;
}
.cat A:LINK,
.lead A:LINK{
    text-decoration: none;
    color: #fff;
}
.cat A:VISITED,
.lead A:VISITED{
    text-decoration: none;
    color: #fff;
}
.cat A:HOVER,
.lead A:HOVER{
    color: #dcdcdc;
    text-decoration: none;
}
.alt2{
    background-color: #d4dce8;
    color: #fff;
}
.alt2 A:LINK{
    color: #2e2e2e;
}
.alt2 A:VISITED{
    color: #2e2e2e;
}
.alt2 A:HOVER{
    color: #790000;
    text-decoration: underline;
}
.wide{
    width: 450px;
}
.button{
    font-size: 7.5pt;
    font-family: verdana, sans-serif;
    vertical-align:middle;
    color: #41526b;
    background-color: #ffffff;
    border: 1px solid #cccacb;
    margin: 1px;
}
.textbox{
    font-size: 7.5pt;
    font-family: verdana, sans-serif;
    vertical-align:middle;
    color: #41526b;
    background-color: #ffffff;
    border: 1px solid #cccacb;
    margin: 1px;
}
.textarea{
    font-size: 7.5pt;
    font-family: verdana, sans-serif;
    color: #41526b;
    background-color: #ffffff;
    border: 1px solid #cccacb;
    margin: 1px;
}
.uploadfield{
    font-size: 7.5pt;
    font-family: verdana, sans-serif;
    vertical-align:middle;
    color: #41526b;
    margin: 1px;
}
.checkbox{
}
.radio{
}
.fieldset{
    border: 1px ridge #919bad;
}
.fieldset_legend{
    font-weight: bold;
    font-size: 12px;
}
.listbox{
    font-size: 7.5pt;
    font-family: verdana, sans-serif;
    background-color: #ffffff;
    border: 1px solid #cccacb;
}
.hovertable{
    background-color: #919bad;
}
.hovertable_head{
    background-color: #919bad;
    color: #fff;
    border: 2px solid #d4dce8;
}
.hovertable_body{
    background-color: #d4dce8;
    color: #4b4b4b;
}
.thumbnail{
    vertical-align: middle;
    border: 1px solid #919bad;
    padding: 2px;
}


.alt1  a.iconusername,
.alt1  a.iconusername:visited{
    color: #4B4B4B;
}

a.iconusername img{
    max-width: 50px;
    max-height: 50px;
    height: expression(this.height >= this.width && this.height > 50 ? '50px' : true);
    width: expression(this.height < this.width && this.width > 50 ? '50px' : true);
}

.innertable{
    background-color: #d4dce8;
}
.logo{
    background-color: #d4dce8;
}
.hand{
    cursor: pointer;
}
.invisible{
    border: 0px solid;
    background: transparent;
}
.hlp{
    cursor: help;
    border-bottom: 1px dashed;
    font-weight: bold;
}


.tab{
    margin-left: 5px;
    margin-bottom: 3px;
}
.tab u{
    background-color: #d4dce8;
    border-top: 1px solid #919bad;
    border-left: 1px solid #919bad;
    border-right: 1px solid #919bad;
    color: #4b4b4b;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 4px 4px 4px;
}
.tab a{
    background-color: #919bad;
    border-top: 1px solid #919bad;
    border-left: 1px solid #919bad;
    border-right: 1px solid #919bad;
    padding: 4px;
}
.tab a, .tab a:link, .tab a:visited, .tab a:active{
    color: #fff;
}
.tab a:hover{
    color: #000;
    text-decoration: none;
}
.ldot{
    border-left: 1px dotted #919bad;
    padding-left: 2px;
}
.rdot{
    border-right: 1px dotted #919bad;
    padding-right: 2px;
}
.bdot{
    border-bottom: 1px dotted #919bad;
    padding-bottom: 2px;
}
.tdot{
    border-top: 1px dotted #919bad;
    padding-top: 2px;
}
.menu{
    text-align: left;
    margin: 0;
    padding: 0px;
}
.menu ul{
    text-align: left;
    margin: 0;
    padding: 0px;
}
.menu li{
    text-align: left;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    cursor: pointer;
}
.menu li ul{
    text-align: left;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
}
.menu li ul li{
    float: none;
    text-align: left;
    border: 1px dotted #919bad;
    background-color: #d4dce8;
    cursor: pointer;
    padding: 3px;
    width: 200px;
}
.menu li ul li:hover{
    float: none;
    text-align: left;
    border: 1px dotted #919bad;
    background-color: #fff;
    color: #000;
    padding: 3px;
    cursor: pointer;
}
.menu li ul li A:LINK{
    text-decoration: none;
    color: #4b4b4b;
}
.menu li ul li A:VISITED{
    text-decoration: none;
    color: #4b4b4b;
}
.menu li ul li A:HOVER{
    color: #790000;
    text-decoration: none;
}
.menu li:hover ul{
    display: block;
}
.padding_left{
    padding-left: 10px;
}
.previewThumb{
    border: 1px solid black;
}
.popup_date{
    cursor: help !important;
    border-bottom: 1px dotted #6A7283 !important;
}





.galery_submission_title{
    color: #000000;
}


/*
*  yak
*
*  new styles for all the code i am going to replace on FA
*
*/

div.tab a{
    font-weight: bold;
}
a.iconusername:hover, a.linkusername:hover{
    text-decoration: none;
}
#ToolTip{
    position: absolute;
    width: 100px;
    top: 0px;
    left: 0px;
    z-index: 4;
    visibility: hidden;
}
#admin_notice_do_not_adblock TD{
    background-color: #D4DCE8;
    color: #000;
}
#admin_notice_do_not_adblock{
    margin: 0px auto 10px auto;
    width: 740px;
}
#admin_notice_do_not_adblock H4{
    margin: 3px 0px;
    font-size: 1.3em;
    color: #FF0F13;
}
#admin_notice_do_not_adblock a{
    color: #4B4B4B;
}
#admin_notice_do_not_adblock a:hover{
    color: #4B4B4B;
    text-decoration: underline;
    color: #790000;
}

.red{
    background-color: red;
}
.green{
    background-color: green;
}
.blue{
    background-color: blue;
}
.container-comment{
    text-align: left;
    border: 1px solid #919BAD;
    margin-top: 12px;
    border-collapse: collapse;
}
.container-comment TD,
.container-comment TH{
    vertical-align: top;
    padding: 4px;
    color: #4B4B4B;
}
.container-comment .icon{
    width: 108px;
    height: 108px;
    text-align: center;
    vertical-align: top;
    padding: 4px 0px;
}

.container-comment TH{
    background-color: #919BAD;
}
.container-comment TD.cat,
.container-comment TH.lead{
    text-align: right;
    border: 0px none;
}
.container-comment TH.lead{
    height: 16px;
    line-height: 16px;
    padding: 0;
}
.container-comment TH.lead H4,
.container-comment TD.cat A{
    margin: 0 10px 0 0;
    padding: 0;
}
.container-comment TH.lead H4{
    font-weight: normal;
    font-size: 7.5pt;
    font-family: Verdana, sans-serif;
    color: #fff;
}
.container-comment TD.cat A{
    background-color: #919BAD;
    padding: 1px 7px;
}
.container-comment TD.cat{
    height: 0px;
    line-height: 0px;
    padding: 0;
    border: 0;
    background-color: #D4DCE8;
}
.container-comment .reply-link{
    position: relative;
    bottom: 7px;
    right: -10px;
}
*html .container-comment .reply-link{
    bottom: 6px;
}




.ucp-site-settings table th,
.ucp-site-settings table td{
    text-align: left;
    padding: 5px;
}
.ucp-site-settings table th{
    width: 150px;
}
.ucp-site-settings table td h3{
    font-size: 12px;
}

.ucp-site-settings #switch-disable-avatars-status{
    margin: 10px 5px;
}
.ucp-site-settings .status-enabled{
    color: green;
}
.ucp-site-settings .status-disabled{
    color: red;
}
.ucp-site-settings #switch-disable-avatars{
    width: 200px;
}

.ucp-site-settings table td,
.ucp-site-settings table th{
    border-bottom: 1px solid #6A7283;
}
.ucp-site-settings table .noborder{
    border-bottom: 0px none;
}

/* Opera hack for comment reply button */
html:first-child .reply-link{
    bottom: 3px;
}


.replyto-close{
    color: #F53D3F;
    display: block;
    float: right;
    cursor: pointer;
}
.replyto-target{
    cursor: pointer;
}


/* message center styles */
 .message-center-comments{
     padding: 7px;
    text-align: left;
 }
 .message-center-comments h3{
     font-size: 16px;
    margin-top: 60px;
    padding-bottom: 4px;
     border-bottom: 1px solid #6A7283;
 }
 .message-center-comments h3.margintop_zero{
     margin-top: 0px;
 }

 .message-center-comments #watchbtn,
 .message-center-comments #watchbtn_nuke,
 .message-center-comments #commentsbtn,
 .message-center-comments #commentsbtn_nuke,
 .message-center-comments #shoutsbtn,
 .message-center-comments #shoutsbtn_nuke,
 .message-center-comments #favoritesbtn,
 .message-center-comments #favoritesbtn_nuke,
 .message-center-comments #journalsbtn,
 .message-center-comments #journalsbtn_nuke{
     float: right;
    margin-left: 10px;
    cursor: pointer;
 }
 .message-center-comments ul.list-box{
          padding: 0px;
        margin: 0px;
        list-style-type: none;
 }
 .message-center-comments .list-box li{
    font-size: 10px;
    clear: both;
    line-height:24px;
    padding: 0px 10px;

    font-family: Verdana, Arial, Helvetica, sans-serif;
 }

 .message-center-comments .list-box li input{
     float: left;
    margin: 6px 7px 0px 0px;
 }
 /* ie hack */
 *html .message-center-comments .list-box li input{
     margin-top: 2px;
    margin-right: 5px;
 }
 /* opera hack */
 html:first-child .message-center-comments .list-box li input{
    margin-top: 3px;
 }


 .message-center-comments  #footer-buttons{
     margin-top: 30px;
    text-align: center;
 }
 .message-center-comments #selectallbtn{
     float:right;
    display: block;
    font-weight: bold;
 }
 .message-center-comments #mark-as-read-btn{
     margin-left: 120px;
     background-color: #FFAFAF;
 }

 .message-center-comments .colored{
      background-color: #CCD5E0;
 }
 .message-center-comments .selected,
 .message-center-comments .selected span,
 .message-center-comments .selected a{
     color: #7e899c;
     font-style: italic;
 }

 .message-center-comments #mark-as-read-btn,
 .message-center-comments #selectallbtn{
    cursor: pointer;
 }



 /* suspended notice */
 #access-suspended table td{
    text-align: left;
 }

  #userpage-budlist td{
    padding: 2px 25px;
 }

  #userpage-budlist .paragraph{
    padding-top: 15px;
 }








/**
 *
 *
 *
 *
 *
 * Message center, submissions
 *
 *
 *
 *
 *
 */

div#messagecenter-submissions{
    text-align: center;
    padding: 0px 10px;
    color: #4B4B4B;
}
div#messagecenter-submissions h1{
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    text-align: left;
}

div#messagecenter-submissions form{
    margin: 0px;
}

div#messagecenter-submissions #browse-settings{
    text-align: center;
    margin: 10px 0px;
}
div#messagecenter-submissions #messages-form{
}








div#messagecenter-submissions div.navigation{
    margin: 7px auto 7px auto;
    width: 700px;
    text-align: center;
    overflow: hidden;
    clear: both;
}

div#messagecenter-submissions div.navigation a{
    padding: 2px 5px;
    color: #41526B;
    background-color: #fff;
    border: 1px solid #CCCACB;
    text-decoration: none;
    font-weight: normal;
}


div#messagecenter-submissions div.navigation .oldest,
div#messagecenter-submissions div.navigation .newest{
    margin: 0px 1px 0px 1px;
    float: left;
    width: 55px;
}
*html div#messagecenter-submissions div.navigation .oldest,
*html div#messagecenter-submissions div.navigation .newest{
    width: 50px;
}
div#messagecenter-submissions div.navigation .more{
    width: 400px;
    float: right;
    font-weight: bold;
}
*html div#messagecenter-submissions div.navigation .more{
    width: 397px;
}

div#messagecenter-submissions div.navigation .active
{
    font-weight: bold;
}





div#messagecenter-submissions #messages-form hr{
    width: 85%;
    margin: 0px auto;
    clear: both;
}
div#messagecenter-submissions #messages-form hr.top{
    margin-top: 10px;
    margin-bottom: 10px;
}
div#messagecenter-submissions #messages-form hr.bottom{
    margin-bottom: 10px;
}




div#messagecenter-submissions #messages-form div.actions{
    margin: 7px auto 7px auto;
    width: 700px;
    text-align: left;
    overflow: hidden;
    clear: both;
}
div#messagecenter-submissions div.actions input{
    cursor: pointer;
    overflow: visible;
    padding: 1px 5px;
}
div#messagecenter-submissions div.actions .invert-selection{
    margin-left: 11px;
}
div#messagecenter-submissions div.actions .remove-checked{
    float: right;
    background-color: #ADADFF;
    font-weight: bold;
}
div#messagecenter-submissions div.actions .remove-nuke{
    float: left;
    background-color: #FFAFAF;
    font-weight: bold;
}



div#messagecenter-submissions div.no-messages{
    margin: 60px auto;
    text-align: center;
    font-size: 16px;
}






div#messagecenter-submissions h3.date-divider{
    clear: both;
    margin: 25px 0px 15px 0px;
    text-align: left;
    font-style: italic;
    font-size: 14px;
    padding-bottom: 2px;
    border-bottom: 1px solid #6A7283;
}


.clear{
    clear: both;
}












/**
 *
 *
 *
 *
 *
 *
 * Message center, other
 *
 *
 *
 *
 *
 *
 */

div#messagecenter-other{
    padding: 5px;
}
div#messagecenter-other a:visited{
    color: #313979;
}

div#messagecenter-other fieldset{
    border: 0;
    margin: 0;
    padding: 0;
}


div#messagecenter-other fieldset h3{
    margin: 10px 0 15px 0;
    text-align: left;

    border: 0;
    padding: 0;
    font-size: 24px;
}






div#messagecenter-other fieldset h3 input{
    float: right;
    position: relative;
    bottom: -7px;
    background-color: #FFAFAF;
    font-weight: bold;
    cursor: pointer;
}




div#messagecenter-other ul.message-stream table.checked{
    background-color: #919BAD !important;
}
div#messagecenter-other ul.message-stream li.checked{
    background-color: #b1bBcD !important;
}
div#messagecenter-other ul.message-stream li.hover{
    background-color: #c1cBeD;
}



/**
 *
 * Message containing UL
 *
 */
div#messagecenter-other ul.message-stream{
    list-style-type: none;
    display: block;
    overflow: auto;
    margin: 0 0 30px 0;
    padding: 0;
    clear: both;
}
div#messagecenter-other ul.message-stream li{
    display: block;
    padding: 0 0 5px 0;
    text-align: left;
    margin: 0;
    padding-left: 20px;
    cursor: pointer;

}
*html div#messagecenter-other ul.message-stream li{
    width: 100%;
}

div#messagecenter-other ul.message-stream li input{
    margin: 3px 8px 3px 0px;
    position: relative;
    bottom: -2px;
}
*html div#messagecenter-other ul.message-stream li input {
    margin: 0 8px 0 0;
}

div#messagecenter-other ul.message-stream li em{
    border-bottom: 1px dotted #6A7283;
}


/**
 * Custom styles for UL for the watches
 */

div#messagecenter-other #messages-watches ul.message-stream li{
    float: left;
    width: 140px;
    height: 180px;
    margin: 0px 13px 20px 13px;
    padding: 0;
    cursor: default;
}
div#messagecenter-other #messages-watches ul.message-stream li input{
    width: 100%;
    margin: 5px 0;
    position: static;
}

div#messagecenter-other #messages-watches ul.message-stream li table td{
    text-align: center;
    vertical-align: middle;
}
div#messagecenter-other #messages-watches ul.message-stream li table td.avatar{
    height: 110px;
    width: 110px;
    padding: 5px 0 7px;
}
div#messagecenter-other #messages-watches ul.message-stream li table td.avatar img{
    border: 1px solid black;
}

div#messagecenter-other #messages-watches ul.message-stream div.checkbox{
    cursor: pointer;
}
div#messagecenter-other #messages-watches ul.message-stream div.info{
    text-align: center;
    margin-top: 5px;
}
div#messagecenter-other #messages-watches ul.message-stream div.info span{
    font-size: 12px;
    font-weight: bold;
}
div#messagecenter-other #messages-watches ul.message-stream div.info small{
    display: block;
}
div#messagecenter-other #messages-watches ul.message-stream div.info small span{
    font-size: 10px;
    margin-top: 2px;
    font-style: italic;
    font-weight: normal;
}







/**
 *
 * Section controls
 *
 */
div#messagecenter-other ul.message-stream li.section-controls,
div#messagecenter-other #messages-watches ul.message-stream li.section-controls{
    clear: both;
    width: auto;
    height: auto;
    text-align: left;
    float: none;
    border-bottom: 1px solid #6A7283;
    margin-top: 10px;
    padding-left: 0;
    cursor: default;
}

div#messagecenter-other                   ul.message-stream li.section-controls input,
div#messagecenter-other #messages-watches ul.message-stream li.section-controls input{
    width: auto;
    cursor: pointer;
    margin: 0 0 4px 0;
}


div#messagecenter-other                   ul.message-stream li.section-controls input.remove,
div#messagecenter-other #messages-watches ul.message-stream li.section-controls input.remove{
    background-color: #ADADFF;
    margin-left: 20px;
    width: 300px;
    font-weight: bold;
}










/**
 *
 *
 *
 *
 *
 * Search related
 *
 *
 *
 *
 *
 */
#search #search-form #q,
#earch #search-results #search-form #q{
    width: 300px;
}

#search #search-results input{
    float: right;
}
#search #search-results #query-stats{
    margin: 10px 0;
}
#search #search-results #query-stats div{
    clear: both;
    margin: 3px 0;
}
#search #search-results #query-stats div b{
    display: block;
    float: left;
    width: 80px;
}












/**
 *
 *
 *
 *
 *
 *
 *
 *
 * User CP: Journals
 *
 *
 *
 *
 *
 *
 *
 *
 */
#controls-journal #journals-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#controls-journal #journals-list div{
    text-align: left;
    clear: both;
    padding: 2px;
}
#controls-journal #journals-list div span{
    display: block;
    float: right;
}
#controls-journal #journals-list div span a.delete{
    color: #FFAFAF;
    cursor: pointer;
}
#controls-journal #journals-list div span a.edit{
    color: #ADADFF;
    font-weight: normal;
}





/**
 *
 *
 *
 *
 *
 *
 *
 *
 * Frontpage
 *
 *
 *
 *
 *
 *
 *
 *
 */

#frontpage table.thumbnail{
    border: 0px;
}

#frontpage .cat{
    color: #4B4B4B;
    font-weight: bold;
    padding: 4px;
    font-size: 16px;
}



















/**
 *
 * Global controls
 *
 */
div#messagecenter-other div.global-controls{
}
div#messagecenter-other div.global-controls input.remove{
    margin-left: 20px;
    width: 200px;
    background-color: #ADADFF;
    font-weight: bold;
}






div#messagecenter-other div.no-messages{
    margin: 60px auto;
    text-align: center;
    font-size: 16px;
}

div#messagecenter-other{
    color: #4B4B4B;
}

















/**
 *
 *
 *
 *
 * Common
 *
 *
 *
 *
 */


#news{
    border: 1px solid #6A7283;
    width: 740px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden;
    margin: 0px auto 10px auto;
    text-align: center;

    border-radius:4px;
}
#news a:hover{
    text-decoration: none;
}
#news img.dismiss{
    float: right;
    margin: 5px;
    cursor: pointer;
}



#description_popup{
    position:absolute;
    width: 400px;
    overflow-x: hidden;
    text-align: left;
    border: 1px solid #919BAD;
    background-color: #C4DCE8;

    border-radius:4px;
    -moz-box-shadow:2px 2px 2px #222;
    -webkit-box-shadow:2px 2px 2px #222;
    box-shadow:2px 2px 2px #222;
}
#description_popup h5{
    margin: 2px;
    padding: 3px;
    font-size: 10pt;
    font-weight: bold;
    background-color: #C4DCE8;
    color:  #4B4B4B;
}
#description_popup div.wrapper{
    padding: 4px 4px 4px 6px;
}
#description_popup h5 small{
    font-weight: normal;
    font-style: italic;
    padding: 0 6px;
}
#description_popup img.avatar{
    float: right;
    margin: 0 0 6px 12px;
}

#description_popup span{
    display: block;
    border-top: 1px solid #D4DCE8;
    padding: 5px;
    color: #4B4B4B;
    overflow: hidden;
}
/* Fix IE's stupid HasLayout bug */
*html #description_popup span{
    zoom: 1;
}

#description_popup span em{
    /* :iconusername:, links, etc */
    text-decoration: underline;
    font-weight: bold;
    font-style: normal;
}
#description_popup div.avatar{
    float: left;
    margin: 0px 8px 0px 0px;
    width: 100px;
    height: 100px;
}
#description_popup div.avatar img{
    display: block;
    margin: 0px auto;
}





#sidebar-loves-adblock center{
    display: block;
    margin: 10px 0px;
}

/* edit/submit submisison, tags box */
#submit-finalize .keywords,
#usercp-submission-changeinfo .keywords{
    width: 460px;
    text-align: right;
}


div#keywords{
    margin: 4px 2px 0 21px;
}
div#keywords a,
div#keywords a:link,
div#keywords a:hover,
div#keywords a:visited{
    font-weight: normal;
}

.keyword-active{
    background-color: #B1BBCD;
}

#search-form .keyword-active{
    line-height: 18px;
}
#browse input.active{
    background-color: #ccfccc;
}




#submission .actions{
    line-height: 12px;
}
#submission .actions div{
    margin-top: 5px;
}
#submission .prev,
#submission .next{
    color: #41526B;
    padding: 2px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
}
#submission .prev{
    margin-right: 15px;
}
#submission .next{
    margin-left: 15px;
}





div#stats-submission table.submissions .preview{
    width: 150px;
}
div#stats-submission table.submissions td.preview,
div#stats-submission table.submissions td.info,
div#stats-submission table.submissions td.desc{
    border-bottom: 1px solid #6A7283;
    border-collapse: collapse;
    padding: 20px 0;
}
div#stats-submission table.submissions td.info{
    width: 40%;
}
div#stats-submission table.submissions td.info a,
div#stats-submission table.submissions td.info a:link,
div#stats-submission table.submissions td.info a:visited{
    color: #4B4B4B;
}
div#stats-submission table.submissions td.info a:hover{
    color: #790000;
}

div#stats-submission table.submissions td.desc{
    border-left: 1px solid #6A7283;
    padding-left: 5px;
}
div#stats-submission  .info dl,
div#stats-submission  .info dt,
div#stats-submission  .info dd{
    margin: 0;
    padding: 0;
}
div#stats-submission  .info dt{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
div#stats-submission  .info dt span{
    font-size: 10px;
}

div#stats-submission  dd span{
    display: block;
    float: left;
    width: 80px;
}



td.user-contacts div.websites,
td.user-contacts div.artsites,
td.user-contacts div.instant-messanging,
td.user-contacts div.gaming{
    float: left;
    width: 270px;
    margin: 5px 0px;
}
td.user-contacts div.websites td,
td.user-contacts div.artsites td,
td.user-contacts div.instant-messanging td,
td.user-contacts div.gaming td{
    white-space: nowrap;
}
td.user-contacts th{
    text-align: left;
    width: 60px;
}
td.user-contacts div.gaming th{
    width: 70px;
}
td.user-contacts div.websites th{
    width: 75px;
}
td.user-contacts div.artsites th{
    width: 75px;
}
td.user-contacts td{
    text-align: left;
}




.personal-messages .button{
    cursor: pointer;
}
.personal-messages .folders img{
    vertical-align: text-bottom;
    margin-right: 5px;
}

#sessions-form  .container,
#activity-periods-list .container,
.personal-messages .container{
    background-color: #D4DCE8;
}

#sessions-form td.ip,
#activity-periods-list td.browser,
.personal-messages td.subject{
    vertical-align: middle;
    height: 26px;
    padding: 0;
    margin: 0;
}
#sessions-form td.ip input,
.personal-messages td.subject input{
    margin: 0 20px 0 5px;
    padding: 0;
    float: left;
    height: 25px;
}
.personal-messages td.subject img{
    vertical-align: text-top;
    margin-right: 5px;
    margin-top: 2px;
}
.personal-messages td.subject img.unread{
    margin-top: 0px;
}
#sessions-form td.ip span,
#sessions-form td.ip a,
#activity-periods-list td.browser span,
#activity-periods-list td.browser a,
.personal-messages td.subject a{
    line-height: 24px;
}
.personal-messages td.subject a.note-unread,
.personal-messages td.subject a.unread{
    font-weight: bold;
    color: #404857;
}
.personal-messages td.subject a.unread{
    font-size: 12px;
}

.personal-messages td.subject a.note-read,
.personal-messages td.subject a.read{
    font-weight: normal;
}

.personal-messages  a.high_prio,
.viewmessage a.high_prio{
    color: #B54F8C;
}
.personal-messages  .priority_high,
.viewmessage .priority_high{
    background-color: #EFBAC6;
}
.personal-messages a.medium_prio,
.viewmessage a.medium_prio{
    color: #3C6787;
}
.personal-messages .priority_medium,
.viewmessage .priority_medium{
    background-color: #9CD7F7;
}
.personal-messages a.low_prio,
.viewmessage a.low_prio{
    color: #456F1C;
}
.personal-messages .priority_low,
.viewmessage .priority_low{
    background-color: #B5DF8C;
}


#sessions-form table.container tr.checked td,
#activity-periods-list table.container tr.checked td,
.personal-messages tr.checked td{
    background-color: #b1bBcD !important;
}
#sessions-form table.container tr.hover td,
#activity-periods-list table.container tr.hover td,
.personal-messages tr.hover td{
    background-color: #c1cBeD;
}





#sessions-form  span.browser-name,
#activity-periods-list span.browser-name{
    cursor: help;
}


#sessions-form  .logout-selected{
    background-color: #ADADFF;
}

#sessions-form td.ip a,
#activity-periods-list td.browser a{
    float: right;
    margin-right: 15px;
}

#sessions-form input.logout-selected{
    margin-left: 25px;
}

#usercp-menu td a{
    line-height: 16px;
}



div.ads{
    height: 90px;
    margin: 0;
    clear: both;
    padding: 0;
}

div.ads div.in{
    width: 760px;
    height: 30px;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
}
div.ads div.ad{
    float: left;
    margin: 0 30px;
    padding: 0;
}


.block-banners{
    position: relative;
    height: 125px;
}

.block-banners div.ads{
    height: auto;
    margin: 10px 0 0 0;
    padding: 0;
    float: right;
    clear: none;
    width: 634px;
}

.block-banners div.ads div.in{
    width: auto;
    height: auto;
    margin: 0 auto;
    display: auto;
    padding: 0;
}
.block-banners div.ads div.ad{
    margin: 0 0 0 17px;
    padding: 0;
}
.block-banners div.ads div.ad.first{
    margin: 0;
}








/**
 **
 **
 **
 ** CSS dropdown menu
 **
 **
 **
 **
 **
 **/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font: normal 12.5px "Helvetica, Trebuchet MS", Arial, sans-serif;
    text-decoration: none;
/*  text-transform: uppercase; */
}
ul.dropdown a:focus {
    outline: 0px none;
}

ul.dropdown {
    position: relative;
    float: left;
}
ul.dropdown.dropdown-left{
    float: right;
}
ul.dropdown.dropdown-left ul{
    left: -122px;
}

ul.dropdown li {
    padding: 7px 0;
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
    color: #4B4B4B;
}
ul.dropdown>li {
    line-height: 1.8em;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
ul.dropdown li hr{
    width: 86%;
}

ul.dropdown ul {
    width: 190px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    text-transform: none;
    /* for IE */
    filter:alpha(opacity=97);
    /* CSS3 standard */
    opacity:0.97;
    background-color:#818B9D;
}

ul.dropdown ul li {
    width: 190px;
    float: none;
}

ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}
ul.dropdown.dropdown-left ul ul {
    top: 0;
    left: -100%;
}

ul.dropdown li:hover > ul {
    width: 190px;
    visibility: visible;
}

ul.dropdown li a {
    display: block;
    padding: 7px 9px;
    text-decoration: none;
    color: #323232;
}
ul.dropdown li a:hover {
    color: #2B2B2B;
}

/* ------------- Override default */

ul.dropdown li {
    padding: 0;
}

/* ------------- Reinitiate default: post-override activities  */

ul.dropdown li.dir {
    padding: 7px 20px 7px 14px;
}

ul.dropdown ul li.dir {
    padding-right: 15px;
}
ul.dropdown li.noblock a { display: inline-block; padding: 7px 0; }
ul.dropdown li.noblock a:first-child { padding-left: 14px; }
ul.dropdown li.noblock a:empty { display: none; }
ul.dropdown li.noblock { padding-right: 14px; }

/* ------------- Custom */

ul.dropdown li {

}

ul.dropdown ul a {
    padding: 4px 5px 4px 14px;
    width: 171px; /* Especially for IE */
    color: #fff;
}

ul.dropdown ul a:hover {
    background-color: #616B7D;
    text-decoration: none;
    color: #fff;
}

ul.dropdown a.open {
    background-color: #616B7D;
    color: #fff;
    width: 171px; /* Especially for IE */
}

ul.dropdown ul a.open {
    background-color: #000000;
    color: #fff;
}





/* CSS 2.1 */

ul.dropdown li:hover > a.dir {
    background-color: #616B7D;
    color: #fff;
    text-decoration: none;
}

ul.dropdown ul li:hover > a.dir {
    background-color: #ffffff;
    color: #fff;
}

/* sfw toggle */
li#sfw-toggle.active {
    background-color: #090;
}








/*
 *
 *
 *
 * Registration page
 *
 *
 *
 *
 */


#page-register{
}
    #page-register #part-pick-username{
    }
        #page-register  td,
        #page-register th{
            vertical-align: top;
            text-align: left;
        }
            #page-register td.proceed{
                text-align: center;
            }
            #page-register td.container table{
                margin: 0 auto;
            }
        #page-register th{
            width: 110px;
            font-weight: bold;
        }
        #page-register p{
            color: #4B4B4B;
        }
        #page-register ol#errors{
            padding: 15px;
            background-color: #FFBFBF;
            color: #41526B;
            list-style-type: decimal;
        }
            #page-register ol#errors li{
                margin: 10px 0 10px 15px;
            }

        #page-register a#reload{
            padding-left: 10px;
        }
        #page-register input{
        }
            #page-register input.textbox{
                width: 400px;
            }
            #page-register #part-pick-username #username{
                width: 325px;
            }
            #page-register #part-pick-username #status2{
                margin-top: 15px;
            }
            #page-register input.captcha{
                width: 116px;
            }
            #page-register input.okay{
                background-color: lightgreen;
            }
            #page-register input.error{
                background-color: #FFBFBF;
            }
        #page-register .loader{
            vertical-align: middle;
            margin-left: 8px;
        }
        #page-register #status{
           font-weight: bold;
        }



        #page-register #part-finalize{
        }
            #page-register #part-finalize #pass1{
                width: 340px;
            }
            #page-register #part-finalize #password_strength{
                width: 60px;
                padding-left: 10px;
                line-height: 16px;
                font-weight: bold;
            }
            #page-register #part-finalize .best{
                color: #00FF00;
            }
            #page-register #part-finalize .strong{
                color: #00AA00;
            }
            #page-register #part-finalize .medium{
                color: blue;
            }
            #page-register #part-finalize .weak{
                color: red;
            }
            #page-register #part-finalize .unrated{
                color: transparent;
            }

    #page-register #part-send-email #status,
    #page-register #part-welcome #status,
    #page-register #part-reg-disabled #status {
        width: 600px;
        margin-bottom: 100px;
        margin-top: 100px;
    }

    #page-register p,
    #page-register ul{
        text-align: left;
    }





/*
 *
 *
 *
 *
 * Staff page
 *
 *
 *
 *
 */
.staff-table{
    margin-bottom: 20px;
}
.staff-table td{
    text-align: center;
    width: 100px;
}
.staff-table td div{
    height: 100px;
    text-align: center;
}
.staff-table td div a img{
    border: 0px;
}
.staff-table td p{
    margin: 3px 0px;
}






/*
 *
 *
 *
 *
 *
 * gallery-like pages
 * horizontally and vertically centered blocks of content floating in a container
 * b > u > s > a > img
 *     span
 *     small
 *
 *
 *
 *
 */
center.flow, center.flow b, center.flow u, center.flow s, center.flow a, center.flow a:hover, center.flow img, center.flow small, center.flow span{
    text-decoration:none;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:0;
    font-style:normal;
    font-weight:normal;
}
center.flow b{
    display:inline-block;
    overflow:hidden;
    margin:8px 5px;
}
center.flow u{
    display:table;
    width:100%;
}
center.flow s {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
center.flow s>a{
    display:inline-block;
    position:relative;
    border-radius:5px;
}
center.flow img{
    margin:0;
    border-radius:4px;
}


/*
 *
 *
 * gallery/scraps/messagecenter
 *
 *
 */
 center.flow b>span, center.flow small{
    padding:2px 0 0 0;
    display:block;
    margin:0;
}
center.flow span, center.flow small, center.flow span a, center.flow span a:hover, center.flow small a, center.flow small a:hover{
    font-family:Verdana, Tahoma;
}
center.flow span, center.flow span a, center.flow span a:hover{
    font-size:10px;
    font-weight:bold;
}
center.flow small a, center.flow small a:hover{
    font-size:9px;
    font-weight:normal;
}
center.flow b>span{
    max-height: 27px;
    overflow: hidden;
}

center.flow small a, center.flow small a:hover{
    font-style:italic;
    color: #4B4B4B !important;
}
center.flow small a{
    color: #4B4B4B !important;
}
center.flow small a:hover{
    color: #6B4B4B !important;
}
center.flow div#no-images{
    font-size: 14px;
    padding: 40px;
}
center.flow div#no-images i{
    font-size: 24px;
}

/**
 * borders
 */
center.flow s>a,
center.flow s>a:hover{
    border:1px solid #333;
    min-width: 24px;
    min-height: 24px;
    background-color: #D4DCE8;

    box-shadow:2px 2px 2px #2a2a2a;
    -moz-box-shadow:2px 2px 2px #2a2a2a;
    -webkit-box-shadow:2px 2px 2px #2a2a2a
}
center.flow b.r-mature s>a,
center.flow b.r-mature s>a:hover{
    border:1px solid #697cc1;
    box-shadow:2px 2px 2px #394C91;
    -moz-box-shadow:2px 2px 2px #394C91;
    -webkit-box-shadow:2px 2px 2px #394C91;
}
center.flow b.r-adult s>a,
center.flow b.r-adult s>a:hover{
    border:1px solid #971c1c;
    box-shadow:2px 2px 2px #670c0c;
    -moz-box-shadow:2px 2px 2px #670c0c;
    -webkit-box-shadow:2px 2px 2px #670c0c;
}

/**
 * icon types
 */
center.flow b i.icon{
    position:absolute;
    bottom:0px;
    right:0px;
    width:28px;
    height:28px;
    background-color:transparent;
    font-size:1px;
    line-height:28px;
    background-repeat:no-repeat;
}
center.flow b i.icon:hover{
    cursor: help;
}
center.flow b.r-mature i.icon{
    background-image:url('../img/file-types/file-types-mature.gif') !important;
}
center.flow b.r-adult i.icon{
    background-image:url('../img/file-types/file-types-adult.gif') !important;
}
center.flow b.r-general i.icon{
    background-image:url('../img/file-types/file-types-general.gif') !important;
}
center.flow b.t-none i.icon{
    background-position: 2px 0px;
}
center.flow b.t-image i.icon{
    background-position: 2px -26px;
}
center.flow b.t-audio i.icon{
    background-position: 2px -54px;
}
center.flow b.t-text i.icon{
    background-position: 2px -82px;
}
center.flow b.t-flash i.icon{
    background-position: 2px -110px;
}


/**
 *
 *
 * modifiers
 *
 *
 */


/* frontpage */
center.flow.frontpage.twolines{
    max-height: 354px;
    overflow: hidden;
}

center.flow.frontpage b{
    width:160px;
    height:160px;
}
center.flow.frontpage u{
    height:160px;
}

/* userpage submissions and favorites minigallery */
center.flow.userpage-submissions.twolines,
center.flow.userpage-favorites.twolines{
    max-height:252px;
    overflow:hidden;
}
center.flow.userpage-submissions b,
center.flow.userpage-favorites b{
    width:110px;
    height:110px;
}
center.flow.userpage-submissions b.active a,
center.flow.userpage-favorites b.active a{
    border: 1px dotted #6A7283 !important;
    padding: 2px;
    -moz-box-shadow: 0px 0px 0px #222;
    -webkit-box-shadow:0px 0px 0px #222;
    box-shadow:0px 0px 0px #222;
}
center.flow.userpage-submissions u,
center.flow.userpage-favorites u{
    height:110px;
}
/* userpage submissions and favorites preview */
center.flow.userpage-first-submission b,
center.flow.userpage-first-favorite b{
    width: auto;
    height: 388px;
    padding-bottom: 1px;
    margin: 0px;
}
center.flow.userpage-first-submission u,
center.flow.userpage-first-favorite u{
    height:310px;
    width: 310px;
}
center.flow.userpage-first-submission b>span,
center.flow.userpage-first-favorite b>span{
    font-size: 18px;
    max-height: 46px;
    overflow: hidden;
    padding-bottom: 2px;
}
center.flow.userpage-first-submission i,
center.flow.userpage-first-favorite i{
    font-size: 9px;
    font-style: normal;
}
center.flow.userpage-first-submission span.popup_date,
center.flow.userpage-first-favorite span.popup_date{
    font-weight: normal;
}
center.flow.userpage-first-favorite span small{
    font-size: 9px;
    display: inline;
    padding-left: 8px;
}
center.flow.userpage-first-favorite span a:hover{
    text-decoration:underline;
}

center.flow.userpage-featured-submission b,
center.flow.userpage-profile-submission b{
    width: 310px;
    height: auto;
}
center.flow.userpage-featured-submission u,
center.flow.userpage-profile-submission u{
    height: auto;
}


center.flow.nodesc i.icon{
    display:none !important;
}



center.flow.messagecenter b{
    border-radius:5px;
}
center.flow.messagecenter b.checked{
    background-color: #919BAD !important;
}

center.flow.messagecenter small input{
    display: block;
    width: 100%;
    /*height: 20px;*/
    margin: 0px 0px 5px 0px;
    cursor: pointer;
}


/*
 *
 *
 *
 * thumbnail size modifiers
 *
 *
 *
 */

 /*
  * 200px, default
  */
center.flow b,
center.flow.thumb-size-200 b{
    height:210px;
    width:210px;
}
    center.flow.with-titles b,
    center.flow.with-titles.thumb-size-200 b{
        height:240px;
    }
    center.flow.with-titles-usernames b,
    center.flow.with-titles-usernames.thumb-size-200 b{
        height:254px;
    }
    center.flow.with-checkboxes b,
    center.flow.with-checkboxes.thumb-size-200 b{
        height:230px;
    }
    center.flow.with-checkboxes-titles-usernames b,
    center.flow.with-checkboxes-titles-usernames.thumb-size-200 b{
       height:276px;
    }
    /* nodesc class hides text and type icons*/
    center.flow.nodesc b,
    center.flow.nodesc.thumb-size-200 b{
        height:210px !important;
    }
    center.flow.messagecenter.nodesc b,
    center.flow.messagecenter.nodesc.thumb-size-200 b{
        height:230px !important;
    }
center.flow u,
center.flow.thumb-size-200 u{
    height:210px;
}


/*
 * 100px
 */
center.flow.thumb-size-100 b{
    height:110px;
    width:110px;
}
    center.flow.with-titles.thumb-size-100 b{
        height:140px;
    }
    center.flow.with-titles-usernames.thumb-size-100 b{
        height:154px;
    }
    center.flow.with-checkboxes.thumb-size-100 b{
        height:130px;
    }
    center.flow.with-checkboxes-titles-usernames.thumb-size-100 b{
       height:176px;
    }
    /* nodesc class hides text and type icons*/
    center.flow.nodesc.thumb-size-100 b{
        height:110px !important;
    }
    center.flow.messagecenter.nodesc.thumb-size-100 b{
        height:130px !important;
    }
center.flow.thumb-size-100 u{
    height:110px;
}


/*
 * 150px
 */
center.flow.thumb-size-150 b{
    height:160px;
    width:160px;
}
    center.flow.with-titles.thumb-size-150 b{
        height:190px;
    }
    center.flow.with-titles-usernames.thumb-size-150 b{
        height:204px;
    }
    center.flow.with-checkboxes.thumb-size-150 b{
        height:180px;
    }
    center.flow.with-checkboxes-titles-usernames.thumb-size-150 b{
       height:226px;
    }
    /* nodesc class hides text and type icons*/
    center.flow.nodesc.thumb-size-150 b{
        height:160px !important;
    }
    center.flow.messagecenter.nodesc.thumb-size-150 b{
        height:180px !important;
    }
center.flow.thumb-size-150 u{
    height:160px;
}







.header_bkg {
    background-color: #919BAD;
}
.navbar_spacing {
    list-style: none;
    margin: 0;
    font: normal 12.5px "Trebuchet MS", Arial, Helvetica, sans-serif;
    overflow: hidden;

}

.block-banners{
    margin-bottom: 20px;
}
.block-menu-top td{
}


/*
 * clearfix
 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

#logout-link{
/*    color: #FFAFAF;*/
}
#my-username{
    color: #302c83;
}





/*
 *
 *
 *
 * page-specific styles
 *
 *
 *
 */

.page-site-settings h1{
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: left;
}
.page-site-settings table{
    width: 100%;
}
.page-site-settings .section{
    margin-top: 30px;
}







/*        */
/* BBCODE */
/*        */
span.bbcode_size_1{
    font-size: inherit;
}
span.bbcode_size_2{
    font-size: 9pt;
}
span.bbcode_size_3{
    font-size: 10pt;
}
span.bbcode_size_4{
    font-size: 11pt;
}
span.bbcode_size_5{
    font-size: 12pt;
}

ul.bbcode_list, ol.bbcode_list{
    margin: 2px;
}

div.bbcode_progress span,
div.bbcode_progress small{
    display:inline-block;
    vertical-align: middle;
}
/* Images taken from http://pupungbp.erastica.com/css/creating-progress-bar-with-css/ */
div.bbcode_progress span{
    background: url("/img/progress/progress-bg.png") no-repeat left center;
    width: 162px;
    height: 20px;
    margin-right: 4px;
}
div.bbcode_progress small{
    background: url("/img/progress/progress.png") no-repeat left center;
    height: 20px;
}


.bbcode_quote{
    border: 1px dashed #6A7283;
    padding: 5px;
    margin: 5px;
}
.bbcode_quote SPAN{
    display: block;
    font-weight: bold;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

.bbcode_hr{
    width: 95%;
}
.bbcode_left{
    text-align: left;
}
.bbcode_center{
    text-align: center;
}
.bbcode_right{
    text-align: right;
}
.hidden_element{
    display: none;
}