/*--------------------------------------------------------*/
/* YaBB 2017                                              */
/*--------------------------------------------------------*/
/* Created by: YaBB http://www.yabbforum.com              */
/*--------------------------------------------------------*/
/* You may adapt elements of this CSS in your own         */
/* projects, but please give credit to yabbforum.com.     */
/*--------------------------------------------------------*/
/* This is the css file for YaBB 2.7.00 default Template  */
/*--------------------------------------------------------*/
/* $Revision: 1613 $                                      */

body {
    background-color: #eee;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
    min-width: 770px;
    font-size: small; /* on standard browsers this should be equivalent to 12px type.*/
}

a {
    color: #3b5998;
    font-weight: 400;
    text-decoration: none;
}

a:visited {
    color: #3b5998;
    font-weight: 400;
}

a:hover {
    color: #2d2d2d;
    text-decoration: underline;
}

a:focus, input:focus, textarea:focus, select:focus { outline: 0 none; }

#header {
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #eee;
    background-color: #4378ae;
    padding-left:1%;
    display: table;
}

#header a { color:#2d2d2d; }

#header .highlight a { color: #3b5998; }

div.headerrow  { display: table-row;}
div.headertl {padding:4px; min-height:5em; line-height:1.5em; text-align:left; vertical-align:middle; display: table-cell; width:100%}
div.logor { text-align:right; vertical-align:middle; display: table-cell; width:100%; min-height: 120px; padding: 1em 0;}

form {
    display: inline;
    margin: 0;
    padding: 0;
}

img {
    border: 0 none;
    vertical-align: middle;
}

input {
    background-color: #eee;
    border: 1px solid #b1bdc9;
    color: #000;
    font-family: Verdana, Helvetica, Sans-Serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

input.button[type="submit"], input.button[type="reset"], input.button[type="button"] {
    background-color: #eee;
    border: 1px solid #c6c6c6;
    color: #000;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

textarea {
    background-color: #eee;
    border: 1px solid #b1bdc9;
    color: #000;
    font-family: Verdana, Helvetica, Sans-Serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:100%;
}

select {
    background-color: #eee;
    border: 1px solid #b1bdc9;
    color: #000;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 83%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

select optgroup {
    color: #000;
    font-size: 83%;
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus { background-color: #f5f5f5; }

.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #fff; }

label { cursor: pointer; }

table {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

td {
    text-align: left;
    vertical-align: middle;
}

table.cs_thin {
    border-collapse: separate;
    border-spacing: 1px;
}

table.fixed {
    table-layout:fixed;
}

#maincontainer {
    border-top: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 92%;
}

#container {
    width: 100%;
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 0 1px;
    color: #2d2d2d;
}

.center { text-align: center; }

.right { text-align: right; }

.left { text-align: left; }

.vtop { vertical-align: top; }

.bottom { vertical-align: bottom; }

.small { font-size: 83% !important; }

.green, .none { display: none; }

.tabtitle-text { text-shadow: #2d2d2d 1px 1px 1px; }

.tabtitle {
    height: 35px;
    vertical-align: middle;
    padding-left: 0.5em;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana, Arial, Sans-Serif;
    color: #eee;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #195392;
    background: linear-gradient(#569dce, #3571b2);
    background-image: -webkit-linear-gradient(#569dce, #3571b2);
}

.tabtitle-sub {
    height: 15px;
    vertical-align: middle;
    padding-left: 0.5em;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana, Arial, Sans-Serif;
    color: #eee;
    background: linear-gradient(#569dce, #3571b2);
    background-image: -webkit-linear-gradient(#569dce, #3571b2);
}

.tabtitle-bottom {
    height: 35px;
    vertical-align: middle;
    padding-left: 0.5em;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana, Arial, Sans-Serif;
    color: #eee;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #195392;
    background: linear-gradient(#569dce, #3571b2);
    background-image: -webkit-linear-gradient(#569dce, #3571b2);
}

.tabtitle a, .tabtitle-bottom a {
    color: #fff;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}

.tabtitle a:hover, .tabtitle-bottom a:hover {
    color: #bbb;
    text-decoration: none;
}

.menutop {
    background-color: #6499d0 ;
    font-weight: bold;
    text-align: left;
    color: #2d2d2d;
}

.mainbottom {
    width: 100%;
    background-color: #2d2d2d;
    font-weight: bold;
    font-size: 83%;
    color: #bbb;
    margin-top: 10px;
    padding: .5em 0 .5em 0;
    vertical-align: middle;
    text-align: left;
}

.mainbottom a, .mainbottom span {
    font-weight: bold;
    font-size: 83%;
    color: #fff;
}

.mainbottom a:hover, .mainbottom span:hover {
    color: #bbb;
    text-decoration: none;
}

.tabmenuleft, .tabmenuright, .tabmenu {
    height: 2.25em;
    text-align: left;
    background-color: #2d2d2d;
    font-family: Arial, Sans-Serif;
    color: #bbb;
    font-weight: bold;
    text-decoration: none;
}

.tabmenu { overflow: hidden; }

.tabmenu ul {
    list-style: none;
    display: block;
    margin: 0 0 0 -41px;
}

.tabmenu li, .mctabmenu li {
    float: left;
    font-size: 100%;
    font-weight: bold;
    list-style: none;
    margin-left: -1px;
    padding: 0;
    display: inline;
}

.tabmenu a, .mctabmenu a {
    font-family: Arial, Sans-Serif;
    color: #bbb;
    white-space: nowrap;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0 1px 0 0;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
}

.tabmenu span, .mctabmenu span {
    float: left;
    height: 2.25em;
    margin: 0;
    border: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.tabmenu span a, .mctabmenu span a {
    font-family: Arial, Sans-Serif;
    color: #bbb;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
}

.tabmenu span a:hover, .mctabmenu span a:hover {
    color: #fff;
    height: 2.25em;
    font-weight: bold;
    text-decoration: none;
}

.tabmenu span.selected, .tabmenu span.selected a, .mctabmenu span.selected, .mctabmenu span.selected a {
    color: #fff;
    font-weight: bold;
}

.rightbox {
    height: 2.25em;
    background-color: #2d2d2d;
    color: #bbb;
    text-align: center;
    font-size: 92%;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    text-decoration: none;
}

.copyright {
    color: #2d2d2d;
    font-size: 92%;
    font-weight: 400;
    text-align: center;
}

.copyright a {
    color: #3b5998;
    font-size: 92%;
    font-weight: 400;
    text-align: center;
}

.newsfader {
    background-color:#fefefe;
    color: #304b58;
/*    font-size: 83%; */
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    min-height: 20px;
}

#fscroller {
    line-height: 1.3em;
    min-height: 20px;
}

.useronline {
    background: url(./default/user_online.png) no-repeat;
    padding: 0 0 1px 15px;
    color: #2e8b57;
    font-weight: 700;
}

.useroffline {
    background: url(./default/user_offline.png) no-repeat;
    padding: 0 0 1px 15px;
    color: #7b68ee;
    font-weight: 700;
}

.userbanned {
    background: url(./default/user_offline.png) no-repeat;
    padding: 0 0 1px 15px;
    color: #000;
    font-weight: 700;
}

.useraway {
    background: url(./default/user_away.png) no-repeat;
    padding: 0 0 1px 15px;
    color: #6078b0;
    font-weight: 700;
}

.nav {
    color: #2d2d2d;
    font-size: 83%;
    font-weight: 700;
}

.nav a, .nav a:visited {
    color: #2d2d2d;
    font-weight: 700;
    text-decoration: none;
}

.nav a:hover {
    color: #3b5998;
    text-decoration: underline;
}

.QuickLinks {
    background-color: #ddd;
    border: 1px;
    border-color: #195392;
    border-style: solid;
    display: none;
    list-style: none;
    margin-left: 0;
    top: 15px;
    padding: 0;
    position: absolute;
    text-indent: 0;
    min-width: 12.5em;
    font-style: normal;
}

.QuickLinks li {
    background-color: #eee;
    font-size: 83%;
    list-style: none;
    margin-left: 0;
    padding: 3px;
    text-indent: 0;
    white-space: nowrap;
}

.QuickLinks li:hover { background-color: #d8dfea; }

.QuickLinks a:hover { text-decoration: none; }

.windowbg {
    background-color: #dee4ec;
    font-weight: 400;
    font-style: normal;
    color: #2d2d2d;
}

.windowbg2 {
    background-color: #edeff4;
    font-style: normal;
    font-weight: 400;
    color: #2d2d2d;
}

.dividerbot { border-bottom: 1px #fff solid !important; }

.dividertop { border-top: 1px #fff solid; }

.hr {
    background-color: #a7b8cc;
    border: 0 solid #a7b8cc;
    border-top: 0 solid #a7b8cc;
    color: #6078b0;
    height: 1px;
}

.hr2 {
    background-color: #fff;
    border: 0 solid #fff;
    border-top: 0 solid #fff;
    color: #fff;
    height: 1px;
}

.hr_s {
    background-color: #a7b8cc;
    border: 0 solid #a7b8cc;
    border-top: 0 solid #a7b8cc;
    color: #a7b8cc;
    height: 1px;
    width: 40%;
    text-align: left;
}

.calhr {
 border-bottom: 1px solid #fff;
}

.bordercolor {
    background-color: #fff;
}

.border { border: thin solid #b1bdc9; }

.top {
    color: #475f79;
    font-size: 92%;
    font-style: normal;
}

.anchor{
    display: block;
    height: 27px;
    margin-top: -27px;
    visibility: hidden;
}

.titlebg {
    font-size: 92%;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #3b5998;
    background-color: #d7dbea;
}

.titlebg a {
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #2d2d2d;
}

.catbg {
    font-size: 92%;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #eee;
    background-color: #195392;
}

.catbg a {
    color: #fff;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}

.selected-bg {
    font-size: 92%;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #eee;
    background-color: #4378ae;
}

.selected-bg a {
    color: #fff;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}

.titlebg a:hover,.catbg a:hover,.selected-bg a:hover { text-decoration: underline; }

.message-sort, .message-sort a:hover { color: #2d2d2d; }

.message-sort a { color: #3b5998; }

.message, #message, .prevwin {
    color: #2d2d2d;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

.message a, .prevwin a {
    background-color: transparent;
    color: #900000;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

.message a:hover, .prevwin a:hover {
    background-color: transparent;
    color: #3b5998;
    text-decoration: underline;
}

.message table {
    width: auto;
    margin-left: 1em;
}

.message table td { border: #000 solid thin; }

div.message {float: left; width: 99%; overflow: auto; }

.droppageindex {
    background-color: #eee;
    /*border: 2px inset;*/
    border: 1px solid #b1bdc9;
    color: #000;
    float: left;
    font-family: Verdana, Sans-Serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
}

table.tableselect {
    background-color: #eee;
    color: #ccc;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 83%;
    padding-bottom: 3px;
}

.droppages {
    height: 14px;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 75%;
}

.droppages a {
    color: #2d2d2d;
    font-weight: 400;
}

.highlight {
    background-color: #ff3;
    color: #000;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: 700;
}

.imgbg {
    color: #fff;
    font-size: 83%;
    font-style: normal;
}

.imgcatbg {
    color: #fff;
    font-size: 83%;
    font-style: normal;
    font-weight: 700;
}

.imgcatbg:hover { color: #bbb; }

.imgtitlebg {
    color: #fff;
    font-size: 83%;
    font-style: normal;
    font-weight: 700;
}

.imgwindowbg {
    color: #3b5998;
    font-style: normal;
    font-weight: 700;
}

.imgwindowbg:hover {
    color: #2d2d2d;
}

.imgmenu {
    color: #bbb;
    font-size: 92%;
    font-style: normal;
    font-weight: 700;
}

.imgmenu:hover {
    color: #fff;
}

tr.search .imgcatbg, tr.search .imgwindowbg {
    color: #3b5998;
    font-size: 83%;
    font-style: normal;
    font-weight: 700;
}

tr.search .imgcatbg:hover, tr.search .imgwindowbg:hover { color: #2d2d2d; }

.quote {
    background-color: #e8ebef;
    border: 1px #34689a solid;
    color: #000;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 92%;
    font-style: normal;
    font-weight: 400;
    padding: 4px;
    width: 90%;
    overflow: auto;
}

.my_me {
    color: #f00;
    font-style: italic;
}

.code {
    background-color: #ccc;
    border: 1px #34689a solid;
    color: #000;
    font-family: Courier, "Courier New", Serif;
    font-size: 120%;
    font-style: normal;
    font-weight: 400;
    padding: 4px;
    width: 90%;
    margin: 0;
    overflow: scroll;
}

.editbg {
    background-color: #fffedf;
    border: 1px #c00 solid;
    color: #000;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 92%;
    font-style: normal;
    font-weight: 400;
    padding: 4px;
    width: 90%;
}

.forumjump {
    background-color: #eee;
    border-bottom: 1px dashed #d6b2ff;
    border-top: 1px dashed #d6b2ff;
    color: #000;
    font-weight: 700;
}

.forumjumpcat {
    background-color: #fffedf;
    border-bottom: 1px dashed #d6b2ff;
    border-top: 1px dashed #d6b2ff;
    color: #000;
}

.forumjumpcatm {
    background-color: #eee8aa;
    color: #000;
    font-style: italic;
}

.forumjumpcatmf {
    background-color: #eee8aa;
    border-bottom: 1px dashed #a5aaee;
    color: #000;
    font-style: italic;
}

.forumcurrentboard {
    background-color: #f0fff0;
    color: #000;
    font-weight: 700;
}

#PMcontainer {
    background-color: #eee;
    border: 0;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}

.boardcontainer {
    background-color:#bbb;
    border:0;
}

.displaycontainer {
    background-color: #fff;
    padding: 1px;
    width: 100%;
}

.postcontainer {
    background-color: #d7dbea;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.post-userinfo {
    background-color: #d7dbea;
    line-height: 1.2em;
}

.navbarcontainer { margin: 0; }

/* postbox, post, PM, calendar */
#dragcanvas {
    border: 0;
    left: 0;
    position: relative;
    top: 0;
    z-index: 1;
}

#usersto {
    width: 98%;
    display: inline;
    float: left;
}

#userscc, #usersbcc {
    width: 98%;
    display: none;
    float: left;
}

textarea#message {
    top: 0;
    left: 0;
    z-index: 2;
    padding: 5px;
    margin: 0;
    visibility: visible;
}

div#dragbgw {
    position: absolute;
    top: 0;
    left: 460px;
    width: 3px;
    border: 0;
    z-index: 3;
}

div#dragbgh {
    position: absolute;
    top: 142px;
    left: 0;
    height: 3px;
    border: 0;
    z-index: 3;
}

img#dragImg1 {
    position: absolute;
    top: 0;
    z-index: 4;
    width: 3px;
    cursor: e-resize;
}

img#dragImg2 {
    position: absolute;
    left: 0;
    z-index: 4;
    height: 3px;
    cursor: n-resize;
}

.deftpal {
    border: 0;
    cursor: pointer;
    float: left;
    font-size: 5px;
    margin-bottom: 1px;
    margin-right: 1px;
    width: 10px;
}

.npf_txt {
    font-size: 75%;
    margin: 3px 0 0;
    padding: 0;
    text-align: center;
    width: 56px;
}

input[type="button"].npf_txt {
   font-size: 75%;
}

div.palettebox {
    float: left;
    height: 20px;
    margin-top: 1px;
    padding-left: 1px;
    padding-top: 1px;
    width: 66px;
}

div#bullets {
    background-color: #ccc;
    border: 1px solid #666;
    display: none;
    left: 345px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: -22px;
    width: 63px;
}

#bullets img {
    background-color: #ccc;
    cursor: pointer;
    height: 8px;
    margin: 3px;
    width: 8px;
}

#fontface {
    font-size: 75%;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
    width: 90px;
}

#fontsize {
    font-size: 75%;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 2px;
    width: 60px;
}

div.txtalgn {
    float: left;
    width: 92px;
}

.leftleft {
    float: left;
    text-align: left;
}

div.left99 {
    float: left;
    width: 99%;
}

div.left440 {
    float:left;
    width:440px;
}

div.boxlist1 {
    float: left;
    width: 460px;
}

div.chrwarn {
    float: left;
    text-align: left;
    width: 353px;
}

div.chrsize {
    float: left;
    text-align: right;
    width: 127px;
}

input.chrwarn {
    background-color: #fefefe;
    border: 0;
    color: #304b58;
    font-size: 92%;
    font-style: normal;
    font-weight: 400;
    padding: 1px;
    width: 40px;
}

input.chrsize {
    background-color: #fefefe;
    border: 0;
    color: #304b58;
    font-size: 92%;
    font-style: normal;
    font-weight: 400;
    padding: 1px;
    width: 2.5em;
}

div#spell_container { float: left; }

/* height, width, padding */
table.pad_2px td, .padd_2px { padding: 2px; }

table.pad_3px td, .padd_3px { padding: 3px; }

table.pad_4px td, .padd_4px { padding: 4px; }

table.pad_8px td, .padd_8px { padding: 8px; }

table.pad_0 td, .padd_0 { padding: 0; }

table.pad_10px td, .padd_10px { padding: 10px; }

.h_18px { height: 18px; }

.h_15px { height: 15px; }

.h_20px { height: 20px; }

.h_22px { height: 22px; }

.h_23px { height: 23px; }

.h_25px { height: 25px; }

.h_30px { height: 30px; }

.h_40px { height: 40px; }

.h_50px { height: 50px; }

.h_60px { height :60px; }

.h_70px { height: 70px; }

.h_80px { height:80px; }

/*For the ajax rotating gif popup. The width established below must match the width in ajax.js*/
#ImageAlert {
    visibility: hidden;
    position: fixed;
    background-color: #eee;
    top: 50%;
    left: 50%;
    width: 230px;
    height: 100px;
    margin-left: -115px;
    margin-top: -50px;
    z-index: 1000;
    border: solid 5px rgb(119,119,119);
    border: solid 5px rgba(0,0,0,0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#ImageAlert div.topper {
    vertical-align: middle;
    padding-left: 0.5em;
    font-weight: bold;
    font-style: normal;
    font-family: Verdana, Arial, Sans-Serif;
    color: #eee;
    height: 25%;
    line-height: 2em;
    text-align: center;
    background: linear-gradient(#569dce, #3571b2);
    background-image: -webkit-linear-gradient(#569dce, #3571b2);
}

#ImageAlert div.rotate {
    width: 100%;
    height: 75%;
    text-align: center;
}

#ImageAlert div.rotate  img { margin: 4px; }

.yabb_rss {
    float: right;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 4px 5px 0 0;
    display: inline;
}

.yabb_searchbox {
    float: right;
    width: 180px;
    margin: 1px !important;
    padding: 1px !important;
    text-align: center;
    display: inline;
    background-color: #eee;
    border: #bbb solid 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.yabb_searchbox:hover, .yabb_searchbox:focus { background-color:#f5f5f5; }

.yabb_searchbox input[type="text"] {
    color: #999;
    width: 150px;
    font-size: 110%;
    margin-left: 0;
}

.yabb_searchbox input:hover, .yabb_searchbox input:focus { color: #000; }

.yabb_main {
    width: 98%;
    margin: 0 auto;
    text-align: left;
}

.yabb_forumjump {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    padding-top: 10px;
}

.info-center, .board-perms { line-height: 1.7; }

.clear { clear: both; }

.ongif {
    margin-left: 4px;
    margin-right: 6px;
    vertical-align: middle;
}

.grpcolors {
    font-size: 83%;
    float: left;
    width: 49%;
}

.mctitle {
    float: left;
    width: 100%;
    height: 21px;
    text-align: center;
    padding-top: 3px;
}

.pgindex {
    float: left;
    height: 21px;
    margin: 2px 0 0 0;
    line-height: .86em;
    vertical-align: middle;
}

.bold { font-weight: bold; }

.under, .u { text-decoration: underline; }

.cursor { cursor: pointer; }

.pass_box {
    float: left;
    width: 150px;
    height: 20px;
    text-align: left;
}

.pstrength-bar {
    border: 1px solid #fff;
    height: 4px;
}

#cappasswrd1, #cappasswrd2, #cappasswrd1_char, #cappasswrd2_char {
    clear: left;
    color: #f00;
    font-weight: bold;
    display: none;
}

#password-strength-meter {
    background: transparent url(./default/empty_bar.gif) repeat-x center left;
    height: 4px;
}

.borderbox {
    width: 500px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
}

.contactleft {
    float: left;
    clear: left;
    width: 30%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.contactright {
    float: left;
    width: 70%;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Soft coded css buttons */
.buttonleft {
    padding: 0 0 0 6px;
    background-image: url(../../Buttons/Button22big_left.png);
}

.buttonright {
    padding: 0 6px 0 0;
    background-image: url(../../Buttons/Button22big_right.png);
}

.buttonimage {
    padding: 0 0 0 25px;
    background-position: 0 0;
}

.buttontext {
    position: relative;
    top: 5px;
    left: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: normal !important;
    font-style: normal;
}

/* Soft coded css buttons end */

.cssbutton1 {
    height: 20px;
    width: 1px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    display: inline-block;
}

.cssbutton2 {
    height: 20px;
    border: 0;
    margin: 1px;
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
    font-size: x-small;
    vertical-align: top;
    display: inline-block;
}

.cssbutton3 {
    height: 20px;
    border: 0;
    margin: 0;
    background-position: top right;
    background-repeat: no-repeat;
    text-decoration: none;
    font-size: x-small;
    vertical-align: top;
    display: inline-block;
}

.cssbutton4 {
    height: 20px;
    border: 0;
    margin: 0;
    background-repeat: no-repeat;
    vertical-align: top;
    text-decoration: none;
    display: inline-block;
}

.cssbutton5 {
    height: 20px;
    border: 0;
    margin: 0;
    padding: 0 5px 0 0;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    display: inline-block;
}

span.ubbcbutton {
    height: 22px;
    width: 23px;
    border: 0;
    margin: 0 1px 1px 0;
    background-position: top right;
    background-repeat: no-repeat;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    float:left;
}

span.ubbcbutton2 {
    height: 22px;
    width: 23px;
    border: 0;
    margin: 1px;
    background-position: top right;
    background-repeat: no-repeat;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
}

.ubbcbuttonback {
    background-image: url(../../UBBCbuttons/ubbc2.png);
}

.tt { font-family: Courier, monospace; }

.littlebody { width: 800px; }

/* Post and Thread Tools */
.windowbg td.post_tools {
    height: 100%;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 3px 10px 3px 3px;
    background: linear-gradient(#569dce, #3571b2);
    background-image: -webkit-linear-gradient(#569dce, #3571b2);
}

.windowbg2 td.post_tools,.tabtitle td.post_tools,.tabtitle-bottom td.post_tools {
    height: 100%;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: #edeff4;
    padding: 3px 10px 3px 3px;
    background: linear-gradient(#569dce, #3571b2);
    background-image: -webkit-linear-gradient(#569dce, #3571b2);
}

.post_tools_menu {
    background-color: #eee;
    position: absolute;
    display: none;
    margin: 0;
    padding: 1px;
    border: 1px solid #195392;
    list-style: none;
    text-indent: 0;
    top: 11px;
    right: 0;
    min-width: 110px;
}

.post_tools_menu li {
    background-color: #4378ae;
    white-space: nowrap;
    margin-left: 0;
    padding: 3px;
    list-style: none;
    text-indent: 0;
    text-align: left;
    font-style: normal;
    font-size: 92%;
    color: #fff;
    font-weight: bold;
}

.post_tools_a a {
    font-weight: bold;
    font-style: normal;
    font-size: 92%;
    font-family: Verdana, Arial, sans-serif;
    color: #fff;
}

.post_tools_a a:hover {
    color: #bbb;
    text-decoration:none;
}

.post_tools_menu li:hover {
    background-color:#eee;
    color: #2d2d2d;
}

.post_tools_menu li a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.post_tools_menu li:hover a { color: #2d2d2d; }

.post_tools_menu li:hover a:visited { color: #2d2d2d; }

.post_tools_menu li a:hover {
    color: #2d2d2d;
    text-decoration: none;
}

.post_tools_menu li a:visited {
    color: #fff;
    text-decoration: none;
}
/* End Post and Thread Tools */

.showcolor {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 1px;
    margin-bottom: 1px;
    border: 0;
    font-size: 5px;
    cursor: pointer;
}

.defpal {
    border: 0;
    float: left;
    font-size: 5px;
    height: 15px;
    margin-bottom: 1px;
    margin-right: 1px;
    text-align: center;
    width: 15px;
}

.defpalx {
    float: left;
    text-align: center;
    width: 15px;
    height: 15px;
    margin-right: 1px;
    margin-bottom: 1px;
    border: 0;
    font-size: 5px;
}

.defpal_b {
    border: 0;
    font-size: 5px;
    height: 13px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 13px;
}

.deftrows {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 1px;
    margin-bottom: 1px;
    border: 0;
    font-size: 5px;
    cursor: pointer;
}

#feature_status_1, #feature_status_4, #feature_status_7 {
    font-style: normal;
    font-weight: 400;
}

.calout_left {
    float: left;
    width: 30%;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: left;
}

.calout_right {
    float: left;
    width: 70%;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: right;
}

.memberlist_td {
    cursor: pointer;
    text-align: center;
}

.norm { font-style: normal; }

.pages {
    height: 14px;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 75%;
}

.imcontact {
    float: left;
    width: 99%;
    padding-top: 5px;
    margin-top: 2px;
    text-align: right;
}

.imcontact_left {
    float: left;
    text-align: left;
    padding: 2px;
    margin: 2px;
    display: inline;
}

.imcontact_right {
    float: right;
    text-align: right;
    padding: 2px;
    margin: 2px;
    display: inline;
}

.minical_border { border: 1px solid #b1bdc9; }

.cal_row1 { height: 23px; }

.cal_row2 { height: 26px; }

/* ---- Do not style some input fields: Quick search, palette, remaining characters, Postbox font face and size ---- */
.yabb_searchbox input,input[name="viewcode"] {
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

input[name*="msgCL"],input[name="txtsize"] { background-color: transparent !important; }

select[name="fontface"],select[name="fontsize"] { padding:0 !important; }

.zodiac {
    font-size: 150%;
    text-align: center;
    margin-bottom: 3px;
    cursor: pointer;
}

.tabmenu span.tabstyle {
    white-space: nowrap;
    cursor: auto;
    margin: 0 1px 0 0;
    padding: 4px 8px;
    text-align: center;
}

.tabmenu input.edittab {
    font-family: Arial,Sans-Serif;
    float: left;
    vertical-align: top;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    white-space: nowrap;
    cursor: auto;
    margin: 0 1px 0 0;
    padding: 4px 8px;
    text-align: center;
    color: #bbb;
}

.tabmenu input.editttab_img {
    float: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    vertical-align: middle;
    padding: 0;
}

.codebox {
    width: 90%;
    background-color: #4378ae;
    padding: 2px 6px 2px 2px;
    border: 1px #34689a solid;
    border-bottom: 0;
    color: #eee;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.codebox div { float: right; }

.codebox span { vertical-align: top; }

.media_iframe {
    border: 0;
    height: 326px;
    width: 400px;
}

.help { cursor: help; }

.help_dd {
    color: #09c;
    padding-bottom: .5em;
}

.help_attn { color: #09c; }

.help_attn_strong { color: #f00; }

h4.help {
    text-decoration: underline;
    margin-bottom: 0;
    cursor: default;
}

.navmenu {
    float: right;
    width: 40px;
}

.topic-hover {
    position: absolute;
    top: 20px;
    left: 200px;
    width: 400px;
    border: 1px solid #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 2px 2px 4px #444;
    padding: 8px;
    z-index: 10000;
    overflow: hidden;
    display: none;
}

.sub_drop {
    position: relative;
    top: 2px;
    cursor: pointer;
}

.brd_arrow { margin: 2px; }

.debug {
    float: left;
    padding: 0;
    width: 99%;
    margin-left: 0;
    margin-right: auto;
}

.pagedropindex {
    float: left;
    width: 350px;
    margin: 2px 0 0 0;
    border: 0;
}

.pagedropindex_inner {
    float: left;
    height: 21px;
    margin: 2px 4px 0 0;
}

.decselector {
    float: left;
    height: 21px;
    margin: 0;
}

.decselector_sel {
    font-size: 75%;
    border: 2px inset;
}

.viewindex_hid {
    height: 14px;
    visibility: hidden;
}

.attbox {
    float:left;
    margin:8px;
    display: inline;
}

.attbox_b { margin:8px; }

.att_hr {
    margin: 5px 0;
    padding: 0;
}

.quoteinfo {
    float: left;
    width: 99%;
    overflow: auto;
}

.delcounter {
    border: 0;
    visibility: hidden;
    display: none;
}

.totitle { width: 99%; }

.load_sig {
    float: left;
    font-size: 83%;
    font-family: Verdana, sans-serif;
    overflow: auto;
    max-height: 200px;
    height: 200px;
    width: 99%;
}

.load_sig_b {
    float: left;
    font-size: 83%;
    font-family: Verdana, sans-serif;
    overflow: auto;
    max-height: 200px;
    width: 99%;
}

/* Context Help */
.contexthlp {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 400px;
    filter: alpha(opacity=95);
    opacity: 0.95;
    border: 1px solid #000;
    z-index: 10000;
}

.contexttitle {
    filter: alpha(opacity=100);
    opacity: 1.0;
    padding: 6px;
}

.contexttext {
    filter: alpha(opacity=100);
    opacity: 1.0;
    padding: 8px;
}

.ctxtip {
    position: absolute;
    top: 20px;
    left: 90px;
    font: 11px Helvetica, sans-serif;
    color: #000;
    background-color: #ffd;
    border: 1px solid #000;
    padding: 1px 4px;
    z-index: 10000;
}

/* Extended Profiles */
.ext_lft {
    float: left;
    width: 30%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ext_rgt {
    float: left;
    width: 70%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ext_100 {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Help template */
.help_ul {
    list-style: none;
    margin: 0;
    padding: 2px;
    border: 0 none;
}

/* IM */
.bnttoto {
    float: left;
    padding: 5px;
}

.usersto {
    width: 98%;
    display: inline;
    float: left;
}

.att_lft {
    float: left;
    width: 23%;
}

.att_lft_b {
    float: left;
    width: 23%;
    padding-top: 5px;
}

.att_rgt {
    float: left;
    width: 76%;
}

.att_rgt_b {
    float: left;
    width: 76%;
    padding-top: 5px;
}

.width_100 { width: 100%; }

/* Message Index */
.q_post_space {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nopost { background-color: #fbb; }

/* Profile */
.picrow {
    float: left;
    width: 20%;
    text-align: center;
    padding: 5px 5px 5px 0;
}

.mc_clip {
    float: right;
    padding-right: 0.3em;
}

.load_cllink {
    position: absolute;
    right: 3px
}

.toolbutton_a {
    display: inline-block;
    cursor: pointer;
    padding-top: 2px;
    background-repeat: no-repeat;
    padding-left: 22px;
    height: 17px;
    text-align: left;
}

.toolbutton_b {
    position: relative;
    float: right;
    display: inline-block;
    height: 10px;
}

.sticky_stick { font-size: medium !important; }

.style_ubbc_box {
    float: left;
    width: 463px !important;
}

/*user select box */
.letterlinks_a {
    float: left;
    width: 11px;
    text-align: center;
    border: 1px #fff solid;
}

.letterlinks_b {
    float: left;
    width: 13px;
    text-align: center;
    margin: 1px 0;
}

.letterlinks_c {
    float: left;
    text-align: center;
    border: 1px #fff solid;
    padding: 0 2px;
}

.letterlinks_d {
    float: left;
    text-align: center;
    padding: 0 2px;
    margin: 1px 0;
}

.reclist {
    width: 456px;
    font-size: 92%;
    font-weight: bold;
}

.reclist_b { width: 456px; }

.reclist_sub { width: 226px; }

.reclist_no {
    float: left;
    width: 456px;
    height: 139px;
    text-align: center
}

.pagedrp {
    float: left;
    width: 456px;
    margin: 2px 0;
    border: 0;
}

.recentpm {
    float: left;
    width: 224px;
    text-align: center;
    padding: 2px 0;
    border: 1px outset;
    cursor: pointer;
}

.wildcard {
    font-size: 92%;
    width: 140px
}

.select_body {
    background-color: #dee4ec;
    color: #2d2d2d;
    font-style: normal;
    font-weight: 400;
    width: 464px;
    min-width: 464px;
    margin: 0 auto;
}

.select_body_qsearch {
    background-color: #dee4ec;
    color: #2d2d2d;
    font-style: normal;
    font-weight: 400;
    width: 300px;
    min-width: 300px;
    margin: 0 auto;
}

.system-body {
    margin: 0 auto;
    width: 80%;
}

.system-info {
    height: 35px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #eee;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #195392;
    padding-left:1%; margin-top:1em; line-height:3em; vertical-align:bottom;
    background: linear-gradient(#569dce, #3571b2);
    background-image: -webkit-linear-gradient(#569dce, #3571b2);
}

.system-info td {
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

.system-info-body {
    background-color: #dee4ec;
    padding: 1em;
}

.system-info-body td {
    background-color: #eee;
    font-weight: 400;
    font-style: normal;
    color: #2d2d2d;
    padding: 1em;
}

.smiley_box {
    height: 65px;
    width: 120px;
    border: 1px solid #b1bdc9;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.smiley_top {
    background-color: #1f6eb6;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #eee;
    font-style: normal;
    font-weight: bold;
    padding-left: 0.5em;
    vertical-align: middle;
    height: 15px;
}

.mypostborder {
    border-right: thin solid #fff;
    border-left: thin solid #fff;
    border-bottom: thin solid #fff;
}

.mar-bot { margin-bottom: 1em;}

.off-color { color:#ccc;}

span.newlinks {
    height:11px;
    display: inline-block;
    vertical-align:middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: linear-gradient(#569dce, #3571b2);
    background-image: -webkit-linear-gradient(#569dce, #3571b2);
}

span.newlinks_c {
    color:#fff;
    font-size:8px;
    height:11px;
    display: inline-block;
    vertical-align:top;
    padding: 0 4px;
}

.important {
color:#ff0000; font-weight:700;
}

body#print { background-color:#fff;background-image:none; color:#000}

#print input[type="submit"], #print input[type="reset"], #print input[type="button"] {
    background-color: #FFFFFF;
    border: 1px solid #b1bdc9;
    color: #000000;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

#print input[type="submit"]:hover, #print input[type="reset"]:hover, #print input[type="button"]:hover {
    background-color: #D1D1D1;
}

#print a {
    color: #0000FF;
    font-weight: 400;
    text-decoration: none;
    font: 10px Verdana, Helvetica, Arial, Sans-Serif;
}
#print a:visited {
        color: #FF0000;
        font-weight: 400;
    }
#print a:hover {
        color: #0000FF;
        text-decoration: underline;
}
#print a:focus, #print input:focus, #print textarea:focus, #print select:focus {
        outline: 0 none;
}

.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
/* show the marquee just outside the div */
    -webkit-animation: marquee 15s linear infinite;
    animation: marquee 15s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.ext_code {
    background-color: #ccc;
    border: 1px #34689a solid;
    color: #000;
    font-family: Courier, "Courier New", Serif;
    font-size: 120%;
    font-style: normal;
    font-weight: 400;
    padding: 4px;
    margin: 0;
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
@-webkit-keyframes marquee {
    0%   { -webkit-transform: translate(0, 0); }
    100% { -webkit-transform: translate(-100%, 0); }
}


/* Mod Hook Start*/

/* Mod Hook End*/