1 Topic by Lok (edited by Lok 2013-04-12 18:30)

  • Lok
  • Member
  • Offline
  • Registered: 2009-09-27
  • Posts: 74

Topic: To reformat css

I opened the css with notepad++ and it looks like so (css format is already selected from options):

http://s9.postimg.org/4l2cwd0y7/screenshot_6.png

Do you know how to edit a css like this? It is impossible for me.
I tried to reformat it using web services but it always change a bit the layout.

What can I do?

My goal is to edit the color of any blu bar to make they of a brown color gradient.

2 Reply by Trace

  • Trace
  • Trace
  • PunBB senior member
  • Offline
  • Registered: 2012-07-01
  • Posts: 560

Re: To reformat css

It's minifed for faster loading. I tried to decompress it and everything looks fine.
Try:

html, body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, blockquote, table, th, td, input, textarea, button, select {
    margin: 0;
    padding: 0;
    text-align: left;
}
fieldset, img, cite {
    border: 0;
}
.visual-hidden {
    visibility: hidden;
}
br, hr, .hr, .hidden {
    display: none;
}
.border-less {
    border: none!important;
}
.small-font {
    font-size: .917em;
}
.list-clean {
    list-style-type: none;
}
.prepend-top {
    margin-top: 1em!important;
}
.nowrap {
    white-space: nowrap;
}
html {
    height: 99%;
    overflow-y: scroll;
}
body {
    font-size: 100%}
.brd-page {
    font: 75%/1.5em Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-weight: normal;
}
samp, code, pre, option, optgroup, input, select, textarea, td, th {
    font-size: 1em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
}
samp, code, pre {
    font-family: monospace, sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.brd-page:after, .gen-content:after, .ct-box:after, #brd-index .item-head:after, #brd-index .main-item:after, #brd-index ul.item-info:after, .frm-group:after, .mf-set:after, .sf-set:after, .mf-box:after, .sf-box:after, .mf-item:after, .txt-set:after, .txt-box:after, .frm-form label:after, fieldset:after, span.fld-input:after, .posthead:after, .postbody:after, .postfoot .post-options:after {
    content: "\0020";
    display: block;
    font-size: 0;
    height: 0;
    line-height: .0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
#brd-stats .hn, #qjump label, .post-byline span, .posthead .post-link span, .admin .main-subhead, .main-item .item-info li span.label, .main-item .item-info li label, .main-item .you-posted, .main-item .item-num, .group-legend, .group-legend span, .sf-set legend, .sf-set legend span, .main-pagehead .page-info, p.item-select label, .mf-extra .mf-field label, .mf-extra .mf-field .aslabel, .item-subject .item-nav span, .post-options a span, .main-title, .main-head .hn small, .entry-title, .menu-page .main-head {
    font-size: 0;
    left: -999em;
    text-indent: -999em;
    position: absolute;
    line-height: 0;
    visibility: hidden;
}
.brd {
    padding: 1em 2em;
    margin: 0 auto;
    max-width: 1100px;
    min-width: 700px;
    width: 90%}
#brd-redirect, #brd-maint, #brd-util {
    margin: 50px auto 12px auto;
    width: 60%}
.brd-page {
    float: left;
    width: 100%;
    position: relative;
}
.main-content, .gen-content {
    border-style: solid;
    border-width: 1px;
}
.gen-content {
    padding: 0 1.5em;
}
#brd-about, #brd-stats {
    margin-top: 1em;
}
.main-content, #brd-visit, #brd-qpost, #brd-announcement {
    margin-bottom: 1em;
}
#brd-announcement {
    padding: .5em 1.5em;
    margin-top: 1em;
}
#brd-announcement br {
    display: inline;
}
.main-options {
    border-top: 0;
    margin: -1em 0 1em 0;
}
#rules-content {
    padding: 1.5em;
}
#rules-content h1 {
    font-size: 1.3em;
    line-height: 1em;
    margin-bottom: .7em;
}
#rules-content h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: .3em;
}
#rules-content h3 {
    font-size: 1.1em;
    font-weight: bold;
}
#rules-content h4, #rules-content h5 {
    font-size: 1;
    font-weight: bold;
}
#rules-content p {
    margin: 0 0 .65em;
}
p, .hn {
    padding: .35em 0;
}
ul, ol {
    padding: .35em 0 .35em 2em;
}
ul.spaced {
    padding: .25em 0 .25em 2em;
}
.spaced li {
    padding: .25em 0;
}
th {
    font-size: 1.084em;
    padding: .462em 1.417em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.main-head, .main-foot {
    border-style: solid;
    border-width: 1px;
    padding: 0 1.417em;
}
.main-head .hn, .main-foot .hn {
    padding-right: 10em;
}
h2.main-subhead {
    border-style: solid;
    border-width: 1px;
    padding: .462em 10em .426em 1.417em;
}
.column-title {
    border-style: solid;
    border-width: 1px;
    position: relative;
    margin-bottom: -1px;
}
.main-subhead {
    border-style: solid;
    border-width: 1px;
    border-bottom: 0;
}
.main-subhead .hn {
    padding: .462em 1.417em;
    position: relative;
}
.main-foot {
    margin-top: -1em;
}
#brd-announcement h1, .main-extensions .ct-legend, .main-hotfixes .ct-legend {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    font-size: 1.1em;
    font-weight: bold;
}
#brd-announcement h1 {
    margin-bottom: .5em;
}
.main-pagehead .hn {
    padding: .5em 0;
}
.content-head {
    margin: .5em 1.417em 0;
}
.content-head .hn {
    border-style: none none double none;
    border-width: 3px;
    padding: .462em 0;
}
.options>span {
    padding: 0 0 0 .3em;
    margin: 0 0 0 .25em;
}
.options .js_link {
    padding: 0;
    margin: 0 0 0 .55em;
}
.options>span.first-item {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}
.extension .options, .hotfix .options {
    border-top-style: dashed;
    border-top-width: 1px;
}
.extension h3>em {
    font-style: normal;
}
.extension .data-list {
    list-style-type: none;
    padding-left: 0;
}
.ct-box {
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: .35em;
    -webkit-border-radius: .35em;
    -khtml-border-radius: .35em;
    border-radius: .35em;
    margin: 1.417em;
    padding: .5em 1em;
    position: relative;
}
.ct-box li {
    padding: 0;
    margin: 0 0 .7em 0;
}
.ct-set {
    border-style: solid;
    border-width: 1px;
    margin: 1.417em;
    padding: 0 0 0 17em;
    position: relative;
}
.ct-group {
    border-style: solid;
    border-width: 1px;
    margin: 1.417em;
}
.frm-group .ct-set {
    border-style: dashed none none none;
    margin: 0;
}
.ct-group .ct-set {
    border-style: dashed none none none;
    margin: 0 1em;
    padding: 0 0 0 16em;
}
.ct-group .group-item1 {
    border: 0;
}
.ct-group .set1, .frm-group .set1 {
    border-top: 0;
}
.ct-group .ct-box, .frm-group .ct-box {
    border-style: none;
    margin: 0;
}
.ct-group .ct-set .ct-box, .ct-set .ct-box, .frm-group .ct-set .ct-box {
    border-style: none;
    margin: 0;
}
.ct-group .set1 {
    border-top: 0;
}
.ct-set .ct-legend {
    float: left;
    margin-left: -17em;
    width: 16em;
    position: relative;
    text-align: right;
    font-weight: bold;
}
.ct-set ul {
    padding-left: 0;
    list-style: none;
}
.ct-box div {
    padding: .35em 0;
}
.ct-box p.options {
    float: none;
}
.ct-box .info-list {
    padding-bottom: 0;
}
.user-ident {
    padding-left: 0;
    list-style: none;
}
.user-ident .username a, .user-ident .username strong {
    font-size: 1.5em;
    font-weight: normal;
}
.user-ident .username a, .user-ident .username a:link, .user-ident .username a:visited {
    text-decoration: none;
}
.user-ident .username a:hover, .user-ident .username a:active, .user-ident .username a:focus {
    text-decoration: underline;
}
.user-ident .usertitle {
    font-weight: bold;
}
.user-ident .useravatar {
    padding: .25em 0;
}
.user-ident .useravatar img {
    display: block;
}
.main-message {
    padding: .5em 1.417em;
}
.main-message p span {
    display: block;
    padding-top: .5em;
}
#brd-maint .main-message {
    padding: 0;
}
#brd-navlinks, .main-menu, .admin-menu {
    padding: 0 .75em;
}
.main-menu, .admin-menu {
    border: 0;
}
#brd-navlinks ul, .main-menu ul, .admin-menu ul {
    list-style-type: none;
    float: left;
    padding: 0;
}
#brd-navlinks li, .main-menu li, .admin-menu li {
    float: left;
    display: inline;
}
#brd-navlinks a, .main-menu a, .admin-menu a {
    float: left;
    position: relative;
    padding: .55em .7em;
}
#brd-navlinks a {
    padding: .43em .7em;
}
#brd-navlinks li.first-item, .main-menu li.first-item, .admin-menu li.first-item {
    border-left: 0;
}
.admin-submenu {
    border-style: solid;
    border-width: 0 1px;
}
.admin-submenu ul {
    padding: .5em 0;
    list-style: none;
}
.admin-submenu li {
    display: inline;
    margin-right: .75em;
}
.admin-submenu .active a {
    font-weight: bold;
}
#brd-head {
    padding-bottom: .75em;
    padding-top: 1em;
    border-radius: .4em .4em 0 0;
}
#brd-title {
    padding-bottom: 0;
}
#brd-title a, #brd-title strong {
    font-size: 1.5em;
    text-decoration: none;
    font-weight: normal;
}
#brd-desc {
    padding-top: 0;
    padding-bottom: 0;
}
#brd-navlinks ul {
    margin: 0;
    float: left;
}
#brd-navlinks li {
    display: inline;
}
#brd-navlinks li a {
    text-decoration: none;
}
ul#brd-admod {
    float: right;
    text-align: right;
}
#brd-access {
    text-align: right;
    padding: 0;
    height: 0;
    margin: 0;
    position: absolute;
    background: transparent;
}
#brd-access a, #brd-access a:link, #brd-access a:visited {
    height: 2em;
    line-height: 2em;
    position: absolute;
    left: -999em;
    margin: 1px;
    width: 12em;
}
#brd-access a:hover, #brd-access a:active, #brd-access a:focus {
    text-indent: 0;
    background: #000;
    position: static;
    float: right;
}
#brd-visit #welcome {
    float: left;
}
#brd-visit #visit-links {
    text-align: right;
    float: none;
}
#brd-pagepost-end {
    border-top: 0;
}
#brd-pagepost-top {
    border-bottom: 0;
}
#brd-admin-bans #brd-pagepost-end {
    margin-top: -1em;
}
.paging {
    float: left;
}
.posting {
    text-align: right;
    float: right;
}
.paging {
    white-space: nowrap;
}
.paging a, .paging strong, .paging span {
    padding: 0 1em;
    border-left-style: solid;
    border-left-width: 1px;
    float: left;
    white-space: nowrap;
}
.paging .first-item, .paging span.pages {
    border-left: 0;
    padding-left: 0;
}
.posting .newpost {
    font-size: 1.084em;
    font-weight: bold;
}
.crumbs .crumblast span {
    font-weight: normal;
}
.crumbs span, .crumbs a {
    white-space: nowrap;
}
.crumbs {
    margin: .5em 0;
    padding: 0 1.417em;
    font-size: 1.084em;
}
#brd-crumbs-top .crumblast {
    font-size: 1.15em;
}
#brd-stats ul {
    list-style: none;
    padding-left: 0;
}
#brd-stats ul li.st-users {
    float: left;
    clear: both;
    white-space: nowrap;
}
#brd-stats ul li.st-activity {
    text-align: right;
    display: block;
    white-space: nowrap;
}
#brd-stats li strong {
    font-weight: bold;
}
#brd-online {
    padding-top: .5em;
    padding-bottom: .5em;
    border-top: 0;
}
#brd-online .hn, #brd-online p {
    padding-bottom: 0;
    padding-top: 0;
}
#brd-online .hn {
    float: left;
    margin-right: .5em;
}
#qjump {
    float: left;
    padding: .5em 0;
}
#qjump div, #qjump label {
    padding: 0;
    border: 0;
}
#copyright {
    text-align: right;
    margin: 0;
}
#querytime {
    text-align: right;
    font-size: .917em;
    padding: 0;
}
#extensions-used {
    border-bottom: 1px dotted;
}
p.options {
    border-top: 0;
    float: right;
}
.main-modoptions .options {
    text-align: center;
}
a.feed {
    padding-left: 22px;
    background: url(data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAAVZQTFRFzF0V2XIp2l4q3GEr3W4v3mUs3m8v3nAw33Ew4Got4HVF4XQw4Xgx4nA24nYx424u43kx43ky5Hsy5HxH5XQu5Xwy5X0y5nQv5n8z5otg53gv54Ez6Hkx6II06IM06IU16IlV6X456YU16Yg26n0x6oc16olJ638y64k17IEy7Io27JZj7oUz7oU07pFM7ppk7quJ7rKV741B751k8Ik08Ys18beX8o018pNC8qNm86Rn9JE29KZn9Kxz9LKA9L2Y9ZI39alo9b+Z9cCY9pQ39ptE95c496FQ961p98OZ99S++Jk5+J5E+K9p+LR1+L+O+Zo5+Z1B+Z9F+aVS+cib+de/+pw5+qJG+qxe+rNq+r6D+sOP+s6n+tOz+506+6lS+69e+7l3++bY/MKE/Nm1/OPN/dq1/d/B/eXN/fHm/ubO/uza/vHm/vLm/vfy/vjy//nz////L/lnWgAAAAJ0Uk5TEI9BVkHYAAAA50lEQVQY0yXOu07DMBSA4XNxnDtE4bYBFYxMMPAaPCoPg5gqBgRDSVtok1McO3awxPj904+ApSJFzIqZxrcZ8brXRcIZq5wK7Z65Cu1Vy/TvbBiV0vU9QPjcYfRGmIsjtkDJ8ZkO0bLnukL73f1WKoNOxPQxNI9taUTr9Gdr7IE4S6g6v21MDwtvZYoD9nU1YWOXhhpxnpTK58OX4Kl5gTtnvOKcFjyu00SvPOf7mZhOijTZvsOFLKGZAsW/GQbpoHZrwBDw5iET2RibTR9K70yC+GTjjxVn7BTmckDAS3bOT977ENjOfw1gcm/NBi+EAAAAAElFTkSuQmCC) center left no-repeat;
}
.content-options, .ct-options {
    float: right;
    margin-top: -2.6em;
    padding: .5em 1.417em;
    position: relative;
}
.item-summary {
    height: 2.5em;
    padding: 0;
    position: relative;
    font-size: 1em;
}
.item-summary span {
    width: 100%;
    position: absolute;
    left: -999em;
    text-indent: -999em;
    display: block;
}
.item-summary strong {
    position: absolute;
    left: 999em;
    text-indent: 0;
    padding: .5em 0;
    white-space: nowrap;
    font-weight: normal;
}
.item-summary strong:first-letter  {
    text-transform: uppercase;
}
.item-summary .subject-title {
    padding-left: 1.417em;
}
.item-summary .info-topics, .item-summary .info-replies {
    margin-left: 100%;
    text-align: center;
    width: 7em;
    left: 965em;
}
.item-summary .info-forum {
    margin-left: 100%;
    text-align: center;
    width: 20em;
    left: 952em;
}
.item-summary .info-posts, .item-summary .info-views {
    margin-left: 100%;
    text-align: center;
    width: 7em;
    left: 972em;
}
.item-summary .info-lastpost {
    margin-left: 100%;
    left: 980em;
}
p.forum-noview .info-replies {
    left: 972em;
}
.main-content .main-item {
    border-top-style: solid;
    border-top-width: 1px;
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
}
.main-content .main-first-item {
    border-top: 0;
}
.main-content .main-item ul {
    float: right;
    position: relative;
    padding: 0;
    list-style: none;
}
.main-content .main-item p, .main-content .main-item .hn {
    padding: 0;
}
.hn .item-status {
    font-weight: normal;
}
.hn .item-status em {
    font-style: normal;
}
.main-item .item-subject, .main-content .main-item li {
    float: left;
    border-left-style: solid;
    border-left-width: 1px;
    margin: 0 -2px -9.7em 0;
    position: relative;
    padding-top: .6em;
    padding-bottom: 10.4em;
}
.main-item .item-subject {
    overflow: hidden;
    width: 100%}
li.info-topics, li.info-posts, li.info-views, li.info-replies {
    width: 7em;
    text-align: center;
}
li.info-forum {
    width: 20em;
    text-align: center;
}
li.info-lastpost {
    width: 20em;
}
li.info-lastpost cite {
    overflow: hidden;
    width: 18em;
}
.main-item li strong {
    font-weight: normal;
}
.main-content .main-item {
    padding-right: 35em;
    padding-left: 3.75em;
}
.main-content .main-item .hn {
    position: relative;
}
.main-content .main-item ul {
    width: 34em;
    right: -35em;
    margin-left: -34em;
}
.forum-noview .main-item {
    padding-right: 28em;
}
.forum-noview .main-item ul {
    width: 27em;
    right: -28em;
    margin-left: -27em;
}
.forum-forums .main-item {
    padding-right: 48em;
}
.forum-forums .main-item ul {
    width: 47em;
    right: -48em;
    margin-left: -47em;
}
.item-subject span.modlist {
    display: block;
}
#brd-index .main-item .hn span {
    font-size: 1.084em;
    font-weight: bold;
}
#brd-index .main-item .hn small {
    font-size: 1em;
}
.item-status {
    font-weight: bold;
}
.main-content .main-item cite {
    font-style: normal;
}
.item-nav, .item-nav a, .item-nav span {
    white-space: nowrap;
    font-style: normal;
}
.item-subject .hn, .item-subject p {
    margin: 0 0 0 1.5em;
}
li.info-lastpost cite, li.info-lastpost span, li.info-forum a {
    display: block;
    padding: 0 1em;
    font-style: normal;
    font-weight: normal;
}
li.info-lastpost strong {
    padding: 0 0 0 1em;
    font-style: normal;
    font-weight: normal;
}
.main-item li.info-select {
    position: absolute;
    right: 0;
    top: 0;
    padding: .3em;
    border-style: none none solid solid;
    border-width: 1px;
}
.main-content .main-item .icon {
    border-style: solid;
    border-width: .5833em;
    height: 0;
    width: 0;
    float: left;
    margin-top: .667em;
    margin-left: -2.417em;
}
.main-content .main-item .hn .posted-mark {
    position: absolute;
    font-size: 2em;
    width: 1em;
    left: -0.5em;
    top: 0;
}
.frm-group {
    border-top-style: dashed;
    border-top-width: 1px;
    margin: 1.417em;
    padding: 1.3em 0 0;
}
.group1 {
    border-top: 0;
    padding-top: 0;
}
.sf-box, .mf-box, .txt-box {
    margin: 1.417em;
    padding: .5em 0;
    position: relative;
}
.sf-set, .mf-set, .txt-set {
    margin: 1.417em;
    padding: 0 0 0 17em;
    position: relative;
}
.sf-set .sf-box, .mf-set .mf-box, .txt-set .txt-box {
    margin: 0;
}
.frm-group .sf-set, .frm-group .mf-set, .frm-group .txt-set {
    margin: 0;
}
.text input {
    font-size: 1.084em;
}
select {
    height: 25px;
    *height: auto;
    line-height: 25px;
    padding-left: 3px;
}
optgroup {
    font-weight: bold;
}
.frm-buttons {
    margin: .75em 1.417em .8em 1.417em;
    position: relative;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 1.1em 0 .3em 18em;
}
.frm-buttons .submit {
    margin-right: .75em;
}
.frm-buttons .primary {
    margin-right: 2em;
}
.submit input, .cancel input {
    overflow: visible;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1.084em;
}
.button-set .submit {
    padding-left: 1em;
}
button {
    width: auto;
    overflow: visible;
}
label, input[type="button"], input[type="submit"], button, select {
    cursor: pointer;
}
input[type="submit"], input[type="button"], input[type="reset"], button {
    display: inline-block;
    vertical-align: baseline;
    text-align: center;
    text-decoration: none;
    padding: .5em .6em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: button;
    line-height: normal;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="file"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, button:active {
    position: relative;
    top: 1px;
}
input[type="submit"][disabled]:active, input[type="button"][disabled]:active, input[type="reset"][disabled]:active, button[disabled]:active {
    position: relative;
    top: 0;
}
.primary input[type="submit"], .primary input[type="button"], .primary input[type="reset"], .primary button {
    padding-left: 1.2em;
    padding-right: 1.2em;
}
.js_link {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}
.sf-box label, .sf-box .aslabel {
    float: left;
    padding: 0;
}
.sf-set .checkbox label {
    padding: 2px 0 2px 2.7em;
}
.sf-set .text label span, .sf-set .select label span, .sf-set .aslabel span {
    float: left;
    margin-left: -17em;
    display: block;
    position: relative;
    padding: 2px 0 2px 1em;
    width: 16em;
    text-align: right;
}
.sf-set .checkbox label span {
    float: left;
    margin-left: -18em;
    display: block;
    position: relative;
    padding: 0 0 0 2em;
    width: 16em;
    left: -3em;
    text-align: right;
    font-weight: bold;
}
.sf-set .text label small, .sf-set .select label small {
    display: block;
    text-align: left;
    position: relative;
    margin: 2em 1em 0 1em;
    padding-top: .25em;
    font-size: .917em;
}
.sf-set .fld-input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: .5em 1em;
}
.sf-set .checkbox input {
    margin: .2em 0 .2em -.1em;
}
.sf-set .text input:not([title]) {
    height: 100%}
.sf-set .sf-short input {
    width: 4em;
}
.sf-set .sf-short label small {
    font-size: 1em;
    padding: 2px 0;
    margin: 0 1em 0 7em;
}
input[type="radio"] {
    vertical-align: middle;
    bottom: 1px;
}
input[type="checkbox"] {
    vertical-align: middle;
    bottom: 1px;
}
table input[type="checkbox"] {
    vertical-align: baseline;
}
.mf-box .mf-item {
    position: relative;
    top: -0.166em;
    padding: .3em 0;
}
.mf-set legend {
    position: absolute;
    height: 0;
    background: transparent;
}
.mf-set legend span {
    position: absolute;
    left: -17em;
    width: 16em;
    padding: .5em 1em;
    margin: 1px 0 2px 0;
    overflow: hidden;
    display: block;
    text-align: right;
    font-weight: bold;
}
.mf-set legend span em {
    display: block;
    white-space: normal;
    font-style: normal;
    font-weight: normal;
    font-size: .917em;
}
.mf-item .fld-input {
    position: absolute;
    top: .25em;
    left: 0;
    display: block;
    padding: 0 1em;
}
.mf-item input {
    margin: .1em 0 .1em -.1em;
}
.mf-item label {
    padding: 1px 0 1px 2.7em;
    float: left;
}
.mf-set .mf-yesno .mf-item {
    width: 11em;
    float: left;
}
.mf-set .mf-field {
    float: left;
    padding: 0 1em 0 1em;
    border-left: 1px solid #ccc;
}
.mf-set .mf-field1 {
    border-left: none;
}
.mf-set .mf-field label, .mf-set .mf-field .aslabel {
    position: absolute;
    top: -2em;
    display: block;
}
.mf-set .mf-cell .fld-input {
    position: static;
    padding: 0 0 0 1em;
    border-left: 1px solid #ccc;
}
.frm-hdgroup {
    padding-top: 2em;
}
.sf-set .sf-box .sf-forum {
    width: 25em;
}
.mf-set .mf-box .forum-field {
    width: 25em;
}
.checklist {
    min-height: 6em;
    max-height: 9em;
    max-width: 30em;
    overflow: auto;
    border-style: solid;
    border-width: 1px;
    position: relative;
    padding: .25em .5em;
    margin: 0 1em;
}
.checklist fieldset {
    height: auto;
}
.checklist legend, .checklist legend span {
    font-weight: bold;
    position: static;
    padding: 0;
    height: auto;
    text-align: left;
}
.checklist legend span {
    width: auto;
    max-width: 25em;
}
.checklist-item {
    position: relative;
    height: auto;
}
.checklist-item label {
    display: block;
    padding: 0 0 0 2.25em;
    float: none;
    height: 100%}
.checklist-item .fld-input {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}
.checklist-item input {
    margin: 0;
}
.txt-box label {
    float: left;
}
.txt-set label span {
    float: left;
    margin-left: -17em;
    display: block;
    position: relative;
    padding: 2px 1em;
    width: 16em;
    text-align: right;
}
.txt-set label small {
    display: block;
    text-align: left;
    position: relative;
    margin: 0 1em 0 -1px;
    padding: 2px 1.25em;
    font-size: .917em;
    z-index: 100;
}
.txt-set .txt-input {
    position: relative;
    width: 100%}
.txt-set .fld-input {
    display: block;
    padding: 0 0 0 1em;
}
.txt-set textarea {
    width: 95%;
    resize: vertical;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], textarea {
    border-width: 1px;
    border-style: solid;
    padding: .25em;
}
#quick-search {
    padding: .1em .2em;
}
.req-warn {
    display: none;
}
#req-msg p em, .required label span em {
    font-style: normal;
    font-weight: normal;
}
.required label span em {
    float: left;
    font-size: .917em;
    line-height: 1.2em;
    width: 100%;
    position: relative;
}
.req-error {
    display: block;
}
.required label span {
    font-weight: bold;
}
.post {
    border-style: solid;
    border-width: 1px;
    position: relative;
    margin: 1.417em;
    margin-top: -1.417em;
}
.firstpost, .singlepost {
    margin-top: 1.417em;
}
.main-topic .lastpost {
    border-bottom: 0;
}
.main-topic .post {
    border-style: solid none;
    margin: 0;
}
.main-topic .firstpost {
    border-top: 0;
}
.posthead {
    margin-left: 18em;
    border-style: none none none solid;
    border-width: 1px;
}
.posthead .hn {
    padding-right: 1.5em;
    padding-left: 1em;
    border-style: none none dashed none;
    border-width: 1px;
}
.posthead .post-byline a, .posthead .post-byline strong {
    font-size: 1.167em;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
}
.posthead .post-byline {
    float: left;
    width: 15.5em;
    padding: .5em 1em .5em 1.5em;
    margin-left: -19em;
    margin-top: -0.5em;
    position: relative;
    left: -1px;
    overflow: hidden;
}
.posthead .post-num {
    float: right;
}
#brd-modtopic .posthead .hn {
    padding-right: 2.7em;
}
.post-title {
    padding: 0 1.5em .5em 1em;
    margin-top: -1px;
    position: relative;
}
.post-title span {
    display: block;
    width: 100%;
    overflow: hidden;
}
.post-title a {
    font-size: 1em;
    text-decoration: none;
    font-weight: bold;
}
.post-title small, .post-title small a {
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
}
.posthead p.item-select {
    position: absolute;
    top: 0;
    right: .75em;
    height: 2.5em;
}
.postbody {
    margin-left: 18em;
    position: relative;
    border-left-style: solid;
    border-left-width: 1px;
    padding: .5em 1.5em 0 1em;
    clear: both;
}
.postfoot {
    padding-left: 18em;
    border-top-style: none;
    border-top-width: 1px;
    position: relative;
}
.postfoot .post-options {
    border-left-style: solid;
    border-left-width: 1px;
}
.postbody .post-author {
    float: left;
    width: 15.5em;
    margin-left: -19em;
    left: -1px;
    position: relative;
    padding: 0 1em .5em 1.5em;
    overflow: hidden;
    margin-top: -1em;
}
.postbody .post-author ul {
    margin: 0;
    padding: 0 0 .5em 0;
    list-style: none;
}
.author-ident .useravatar img {
    display: block;
    padding: .5em 0;
}
.author-ident .username {
    display: none;
}
.author-ident .usertitle {
    font-weight: bold;
    line-height: normal;
}
.author-ident .userstatus {
    padding: .75em 0 .25em 0;
    margin: 0;
    line-height: .75em;
    width: 100%}
.author-ident .userstatus span {
    font-size: .917em;
    display: block;
    border-left-style: solid;
    border-left-width: .7em;
    text-indent: .5em;
}
.author-info li span strong {
    font-weight: normal;
}
.online .author-ident .userstatus span {
    font-weight: bold;
}
.postfoot .post-contacts {
    float: left;
    margin-left: -18em;
    width: 15.5em;
    padding: .5em 1em .5em 1.5em;
    position: relative;
    left: -1px;
}
.postfoot .post-actions {
    padding: .5em 1.5em .5em 1em;
    text-align: right;
    display: block;
    float: right;
}
.postfoot .post-actions>span {
    margin-left: .75em;
}
.postfoot .post-contacts>span {
    margin-right: .75em;
}
.entry-content {
    padding-bottom: 2em;
    overflow: hidden;
    width: 100%;
    min-height: 7em;
}
#brd-help .entry-content {
    min-height: 4em;
}
.entry-content ol {
    padding-left: 2.5em;
    list-style-type: decimal;
}
.entry-content ol p, .entry-content ul p {
    padding: 0;
}
.entry-content ol.alpha {
    list-style-type: upper-alpha;
}
.entry-content h5 {
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.5em;
}
.entry-content img {
    vertical-align: text-top;
    max-width: 100%}
.entry-content .quotebox, .entry-content .codebox {
    border-style: solid;
    border-width: 1px;
    margin: .75em 1em;
    padding: 1em .75em;
}
.entry-content .codebox {
    font-size: .97em;
}
.entry-content blockquote {
    overflow: hidden;
    width: 100%}
.entry-content .quotebox cite {
    display: block;
    font-style: normal;
    font-weight: bold;
}
.entry-content pre {
    margin: 0;
    max-height: 35em;
    min-height: 2em;
    overflow: auto;
    padding: 0 2% .1em 0;
    width: 98%}
.entry-content span.bbu {
    text-decoration: underline;
}
.entry-content br, .sig-demo br, .user-box br, .main-message br {
    display: inline;
}
.sig-content {
    padding-top: 2em;
    font-size: .95em;
}
.sig-content a, .sig-demo a {
    border-bottom: solid;
    border-width: 1px;
}
span.sig-line {
    display: block;
    width: 200px;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: .5em;
}
table {
    width: 100%;
    table-layout: fixed;
    empty-cells: show;
    border-spacing: 0;
    line-height: 1.3333em;
    border-collapse: collapse;
}
td {
    overflow: hidden;
    vertical-align: middle;
}
table caption {
    display: none;
}
#brd-userlist table .tc0 {
    width: 30%}
#brd-userlist table .tc1 {
    width: 20%;
    text-align: left;
}
#brd-userlist table .tc2 {
    width: 10%;
    text-align: center;
}
#brd-debug table {
    border: 0;
    font-size: .95em;
}
#brd-debug .tcl {
    white-space: nowrap;
    width: 10%}
#brd-debug .tcr {
    white-space: normal;
    width: 90%}
#brd-admin-uresults table .tc0, #brd-admin-iresults table .tc0 {
    width: 45%}
#brd-admin-uresults table .tc1, #brd-admin-iresults table .tc1, #brd-admin-iresults table .tc2 {
    width: 20%}
#brd-admin-uresults table .tc2, #brd-admin-uresults table .tc4 {
    width: 10%;
    text-align: center;
}
#brd-admin-uresults .tc3 {
    width: 15%}
#brd-admin-uresults td.tc0 span, #brd-admin-uresults td.tc3 span {
    display: block;
    white-space: nowrap;
}
#brd-admin-iresults table .tc0 {
    width: 25%}
#brd-admin-iresults table .tc1 {
    width: 25%}
#brd-admin-iresults table .tc2 {
    width: 20%}
#brd-admin-iresults .tc3 {
    width: 30%}
.main-content th {
    font-size: 1.084em;
    padding: .462em 1.417em;
    font-weight: normal;
}
td {
    padding: .5em 1.417em;
    border-width: 1px;
    border-style: solid none none solid;
}
td.tc0 {
    border-left-style: none;
    border-left-width: 0;
}
th {
    padding: .5em 1.3em;
    border-style: none;
}
td.actions, th.actions {
    text-align: right;
}
td.actions span {
    display: block;
}
.report {
    margin-left: 4em;
}
.report h3 span {
    display: block;
    font-style: normal;
}
.report h3 cite {
    font-style: normal;
    font-size: 1.084em;
    font-weight: bold;
}
.report h3 strong {
    position: absolute;
    left: -3.1em;
    width: 1.5em;
    text-align: right;
    font-size: 1.167em;
}
.report p strong {
    display: block;
    font-weight: normal;
    margin-top: 1em;
}
.report h4 {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}
#brd-admin-reports .frm-buttons {
    margin-left: 4em;
    margin-top: 0;
}
#brd-admin-reports .select-all {
    float: right;
}
.report .item-select {
    position: absolute;
    top: 0;
    right: .75em;
    height: 2.5em;
}
.help-box samp {
    display: block;
    margin-left: 1.5em;
}
.help-box h5 samp {
    margin-left: 1.417em;
}
.help-box code {
    font-family: courier;
    font-size: 1.084em;
}
.help-box .entry-content {
    padding: 0;
}
.help-box .hn {
    padding-bottom: .5em;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    margin-bottom: .5em;
    color: #294f6e;
}
#brd-messages {
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 999;
    padding: 0;
    left: 0;
    right: 0;
}
#brd-messages span {
    text-align: center;
    padding: .35em 1.3em;
    margin: 0 1em;
    font: 87%/1.5em Arial, sans-serif;
    font-weight: bold;
    line-height: 2em;
    border-width: 1px;
    border-style: solid;
}
.ie6 a.feed, .ie7 a.feed {
    background: url(feed-icon.png) center left no-repeat;
}
.ie6 .brd-page, .ie6 .main, .ie6 #brd-index .main-subhead, .ie6 .main-content .main-item, .ie6 .main-content .main-item ul, .ie6 .gen-content, .ie6 .main-content, .ie6 .ct-box, .ie6 .frm-group, .ie6 .mf-set, .ie6 .sf-set, .ie6 .mf-box, .ie6 .sf-box, .ie6 .mf-item, .ie6 .txt-set, .ie6 .txt-box, .ie6 .frm-form label, .ie6 fieldset, .ie6 span.fld-input, .ie6 .main-subhead .hn, .ie6 .post, .ie6 .posthead, .ie6 .postbody, .ie6 .post-entry, .ie6 .postfoot .post-options {
    zoom: 1;
}
.ie6 .ct-box ol, .ie6 .ct-box ol li {
    zoom: normal;
}
.ie6 .postfoot .post-contacts {
    position: absolute;
}
.ie6 #brd-wrap fieldset {
    padding-top: 1px;
    position: relative;
}
.ie6 fieldset legend {
    margin-left: -7px;
}
.ie6 #brd-wrap .checklist {
    height: 9em;
    width: 30em;
    overflow: auto;
}
.ie6 .sf-set .checkbox label span {
    padding-right: 0;
    padding-left: 5em;
}
.ie6 #info-censored-intro, .ie6 #info-ranks-intro {
    margin-bottom: 3em;
}
.ie6 .important strong {
    margin-right: 1ex;
}
.ie6 #brd-stats .st-users {
    margin-bottom: -1ex;
}
.ie6 .txt-box label span {
    position: absolute;
}
.ie6 #brd-index .main-head {
    position: relative;
}
.ie6 input {
    vertical-align: text-bottom;
}
.ie6 #extensions-used {
    clear: left;
}
.oldie textarea {
    overflow: auto;
}
.ie7 .brd-page, .ie7 .main, .ie7 #brd-index .main-subhead, .ie7 #brd-index .forum-item, .ie7 .gen-content, .ie7 .main-content, .ie7 .ct-box, .ie7 .frm-group, .ie7 .mf-set, .ie7 .sf-set, .ie7 .mf-box, .ie7 .sf-box, .ie7 .mf-item, .ie7 .txt-set, .ie7 .txt-box, .ie7 .frm-group label, .ie7 fieldset, .ie7 span.fld-input, .ie7 .main-subhead .hn, .ie7 .post, .ie7 .posthead, .ie7 .postbody, .ie7 .post-entry, .ie7 .postfoot .post-options, .ie7 #brd-stats ul {
    max-height: 100%;
    zoom: 1;
}
.ie7 #brd-wrap fieldset {
    padding-top: 1px;
    position: relative;
}
.ie7 fieldset legend {
    margin-left: -7px;
}
.ie7 .entry-content .codebox pre {
    min-height: 3em;
}
.ie7 #info-censored-intro, .ie7 #info-ranks-intro {
    margin-bottom: 3em;
}
.ie7 .main-forum .main-item .item-starter {
    margin-left: 1ex;
}
.ie7 #brd-admin-settings-setup #fld19, .ie7 #brd-post textarea#fld1, .ie7 #brd-post textarea#fld2, .ie7 #brd-viewtopic textarea#fld1, .ie7 #brd-postedit #fld2 {
    margin-top: -19px;
}
.ie7 .item-starter {
    position: relative;
    left: -0.5em;
}
.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}
body {
    background: #fff;
    color: #222;
}
a:focus {
    outline: 0;
}
a:link, a:visited, .js_link {
    color: #00579c;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    color: #cd0021;
    text-decoration: underline;
}
.js_link {
    cursor: pointer;
    border-color: #00579c;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.js_link:hover {
    color: #cd0021;
    border-color: #cd0021;
}
.entry-content a:visited {
    color: #909;
}
.entry-content a:visited:hover {
    color: #cd0021;
}
.sig-content a, .sig-content a:visited {
    color: #999;
    border-color: #ddd;
}
.sig-content a:hover, .sig-content a:active, .sig-content a:focus, .sig-content a:visited:hover {
    color: #333;
    border-color: #999;
    text-decoration: none;
}
.entry-content h5 {
    color: #d93315;
}
.gen-content, .main-content {
    background: #fbfbfb;
    border-color: #d3dae1;
    border-bottom-color: #cbd1d8;
}
.main-pagepost {
    background: #fff;
    border-color: #dde4eb;
}
#brd-crumbs-top .crumblast a, #brd-crumbs-top .crumblast a:hover {
    color: #111;
    text-decoration: none;
}
.main-item, .main-item li, .main-item div, td {
    border-color: #dde4eb;
}
.main-content .main-item .item-nav {
    color: #888;
}
.main-content .sticky {
    background: #f2f4fa;
}
.main-content .main-item .hn .item-status em.sticky, .main-content .main-item .hn .item-status em.closed {
    color: #314b60;
    font-weight: bold;
}
.main-content .main-item .hn .item-status em.moved {
    color: #666;
}
.post div, h3.post-ident, h4.post-title, .posthead h3, .userstatus span, .sig-line {
    border-color: #dde4eb;
}
.post-num, .post-edit {
    color: #999;
}
.post {
    border-color: #dde4eb;
    border-top-color: #fff;
    border-bottom-color: #ccc;
    background: #edf1f5;
}
#topic-review .firstpost, .singlepost {
    border-top-color: #dde4eb;
    border-bottom-color: #dde4eb;
}
.posthead, .postbody, .post-options {
    background: #fafafa;
}
.posthead .hn {
    background: #f1f1f1;
}
.post-title small {
    color: #999;
}
.sig-content {
    color: #999;
}
.sig-demo {
    color: #333;
}
.sig-demo a, .sig-demo a:visited {
    color: #333;
    text-decoration: none;
    border-color: #bbb;
}
.online .userstatus span {
    border-color: #3f9439;
}
.ct-box, .ct-set, .ct-group, .frm-group {
    border-color: #dbe0e4;
}
.admin-page .ct-box {
    background: #feffe6;
}
.admin-page .ct-set .ct-box, .report {
    background: #f4f9fd;
}
.admin-page .warn-set .warn-box {
    background: #feffe6;
}
.main-frm .ct-group, #brd-announcement {
    background: #f4f9fd;
}
.main-content .info-box {
    background: #ffffe1;
}
.main-extensions .extension, .main-hotfixes .hotfix {
    background: #f4f9fd;
}
.main-extensions .disabled, .main-hotfixes .disabled {
    background: #ffffe1;
}
.warn-group, .warn-set, .warn-box, .error-box, #admin-alerts {
    background: #feffe6;
    border-color: #f4ebce;
}
.warn-group, .warn-set, .warn-box, .error-box {
    border-color: #e6d190;
}
.info-list li, .error-list li {
    color: #5d5636;
}
.info-list li span, .error-list li span {
    color: #5d5636;
}
ul li strong {
    color: #222;
}
.user-box {
    background: #f4f9fd;
}
.ct-box .hn {
    border-color: #dbe0e4;
    color: #333;
}
.error-box .hn {
    color: #222;
}
.help-box {
    background: #f4f4f4;
}
.help-box .hn {
    color: #294f6e;
}
#rules-content {
    background: #fff;
}
.frm-buttons, .extension .options, .hotfix .options, #rules-content {
    border-color: #e3e3e3;
}
.checklist {
    background: #fff;
    border-color: #ccc;
}
label, .aslabel, .mf-set legend, .ct-legend, .ct-legend span, .ct-legend cite, .ct-legend strong {
    color: #333;
}
.paging span, .paging a, .paging strong {
    border-color: #dedfdf;
}
.required label em, #req-msg em, .warn strong, .important strong {
    color: #b42000;
}
.sf-set .text label small, .sf-set .select label small, .txt-set .textarea label small {
    color: #999;
}
.entry-content .quotebox, .entry-content .codebox {
    background: #fff;
    border-color: #ddd;
}
#brd-announcement .userbox {
    background: #f4f9fd none repeat scroll 0 0;
}
.main-content .main-item .hn .posted-mark {
    color: #99C;
}
.lastedit em {
    font-size: .95em;
    font-style: normal;
    color: #999;
}
.user-ident .username strong {
    color: #222;
}
#brd-navlinks {
    border-color: #376daa;
}
#brd-navlinks a:link, #brd-navlinks a:visited {
    color: #eee;
    text-decoration: none;
}
.main-options, .main-options span {
    background: #f1f1f1;
}
#brd-navlinks, .main-menu, .admin-menu, .main-head, .main-foot {
    background-color: #0066b9;
    background-image: -moz-linear-gradient(bottom, #2a6ab8 0, #4795cc 100%);
    background-image: -ms-linear-gradient(bottom, #2a6ab8 0, #4795cc 100%);
    background-image: -o-linear-gradient(bottom, #2a6ab8 0, #4795cc 100%);
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#2a6ab8), to(#4795cc));
    background-image: -webkit-linear-gradient(bottom, #2a6ab8 0, #4795cc 100%);
    background-image: linear-gradient(bottom, #2a6ab8 0, #4795cc 100%);
}
.admin-submenu {
    background: #e4e4ec;
    border-color: #d3dae1;
}
#brd-navlinks a:link, #brd-navlinks a:visited, .main-menu a:link, .main-menu a:visited, .admin-menu a:link, .admin-menu a:visited {
    color: #eee;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#brd-navlinks a:hover, #brd-navlinks a:active, #brd-navlinks a:focus, .main-menu a:hover, .main-menu a:active, .main-menu a:focus, .admin-menu a:hover, .admin-menu a:active, .admin-menu a:focus {
    color: #fff;
}
#brd-navlinks .isactive a, .main-menu .active a, .admin-menu .active a {
    color: #fff;
    background: #2a6ab8;
}
#brd-admod #alert a {
    color: yellow;
    font-weight: bold;
}
#brd-head {
    background: #f5f5f5;
    color: #222;
}
#brd-head a, #brd-head a:link, #brd-head a:visited {
    color: #222;
}
.main-head, .main-foot {
    color: #fff;
    border-color: #4a86c1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}
#brd-announcement h1 {
    border-color: #bbb;
}
.main-subhead {
    border-color: #d3dae1 #D3DAE1 #cbd1d8 #D3DAE1;
    background: #f4f4f4;
}
.column-title {
    border-color: #f4f4f4 #F4F4F4 #cbd1d8 #F4F4F4;
    background: #f4f4f4;
}
.group-head {
    background: #edf1f5;
    border-color: #dbe0e4;
}
.content-head .hn {
    border-color: #dbe0e4;
    color: #666;
}
.main-head a:link, .main-head a:visited, .main-foot .options a:link, .main-foot .options a:visited, .main-head .js_link, .main-foot .options .js_link {
    color: #ddd;
}
.main-head .js_link, .main-foot .options .js_link {
    border-color: #ccc;
}
.main-head a:hover, .main-head a:active, .main-head a:focus, .main-head .js_link:hover, .main-foot .options a:hover, .main-foot .options a:active, .main-foot .options a:focus, .main-foot .options .js_link:hover {
    color: #fff;
}
.main-head .js_link:hover, .main-foot .options .js_link:hover {
    border-color: #fff;
}
th {
    background: #f4f4f4;
}
.main-frm .ct-group td {
    background: #fbfbfb;
}
#extensions-used {
    border-bottom-color: #999;
}
.main-content .main-item .icon {
    border-color: #edf1f5 #DDE0E4 #c6cbd3 #BABFC6;
}
.main-content .redirect .icon {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4;
}
.main-content .sticky .icon {
    border-color: #d7e5f3 #C3CFDc #9fb3c7 #90A2B4;
}
.main-content .closed .icon {
    border-color: #acacac #979797 #898989 #7A7A7A;
}
.main-content .sticky.closed .icon {
    border-color: #d7e5f3 #C3CFDc #898989 #7A7A7A;
}
.main-content .new .icon {
    border-color: #0080d7 #0065C0 #0058b3 #0072CA;
}
.checklist-item label {
    background: #fff;
}
.checklist-item label:hover {
    background: #edf1f5;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], input[type="search"], textarea {
    border-color: #d3dae1;
}
input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="number"]:active, input[type="number"]:focus, textarea:active, textarea:focus {
    border-color: #c8d3dc #D3DAE1 #d3dae1 #C8D3DC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    background: #fffff3;
    background-image: -moz-linear-gradient(top, #fffee8, #fff);
    background-image: -ms-linear-gradient(top, #fffee8, #fff);
    background-image: -o-linear-gradient(top, #fffee8, #fff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fffee8), to(#fff));
    background-image: -webkit-linear-gradient(top, #fffee8, #fff);
    background-image: linear-gradient(top, #fffee8, #fff);
}
input[type="submit"], input[type="button"], input[type="reset"], button {
    color: #404040;
    border-color: #ccc;
    background: #f6f6f6;
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);
    text-shadow: 0 1px 1px #ddd;
}
.primary input[type="submit"], .primary input[type="button"], .primary input[type="reset"], .primary button {
    color: #fafafa;
    background: #4897d9;
    border-color: #2575ae;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: -moz-linear-gradient(top, #5cb7f7, #4897d9);
    background-image: -ms-linear-gradient(top, #5cb7f7, #4897d9);
    background-image: -o-linear-gradient(top, #5cb7f7, #4897d9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5cb7f7), to(#4897d9));
    background-image: -webkit-linear-gradient(top, #5cb7f7, #4897d9);
    background-image: linear-gradient(top, #5cb7f7, #4897d9);
}
.primary.caution input[type="submit"], .primary.caution input[type="button"], .primary.caution input[type="reset"], .primary.caution button {
    border-color: #c0372a;
    background: #d95548;
    background-image: -moz-linear-gradient(top, #f7655b, #d95548);
    background-image: -ms-linear-gradient(top, #f7655b, #d95548);
    background-image: -o-linear-gradient(top, #f7655b, #d95548);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7655b), to(#d95548));
    background-image: -webkit-linear-gradient(top, #f7655b, #d95548);
    background-image: linear-gradient(top, #f7655b, #d95548);
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus, button:hover, button:focus {
    color: #101010;
    background: #f3f3f3;
    background-image: -moz-linear-gradient(top, #fff, #ebebeb);
    background-image: -ms-linear-gradient(top, #fff, #ebebeb);
    background-image: -o-linear-gradient(top, #fff, #ebebeb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebebeb));
    background-image: -webkit-linear-gradient(top, #fff, #ebebeb);
    background-image: linear-gradient(top, #fff, #ebebeb);
    border-color: #84bce4;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.primary input[type="submit"]:hover, .primary input[type="submit"]:focus, .primary input[type="reset"]:hover, .primary input[type="reset"]:focus, .primary input[type="button"]:hover, .primary input[type="button"]:focus, .primary button:hover, .primary button:focus {
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
    border-color: #2575ae;
    background: #2e8bd9;
    background-image: -moz-linear-gradient(top, #5cb7f7, #2e8bd9);
    background-image: -ms-linear-gradient(top, #5cb7f7, #2e8bd9);
    background-image: -o-linear-gradient(top, #5cb7f7, #2e8bd9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5cb7f7), to(#2e8bd9));
    background-image: -webkit-linear-gradient(top, #5cb7f7, #2e8bd9);
    background-image: linear-gradient(top, #5cb7f7, #2e8bd9);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, .2);
}
.primary.caution input[type="submit"]:hover, .primary.caution input[type="submit"]:focus, .primary.caution input[type="button"]:hover, .primary.caution input[type="button"]:focus, .primary.caution input[type="reset"]:hover, .primary.caution input[type="reset"]:focus, .primary.caution button:hover, .primary.caution button:focus {
    border-color: #c0372a;
    background: #d93d2e;
    background-image: -moz-linear-gradient(top, #f7655b, #d93d2e);
    background-image: -ms-linear-gradient(top, #f7655b, #d93d2e);
    background-image: -o-linear-gradient(top, #f7655b, #d93d2e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7655b), to(#d93d2e));
    background-image: -webkit-linear-gradient(top, #f7655b, #d93d2e);
    background-image: linear-gradient(top, #f7655b, #d93d2e);
}
input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled], button[disabled] {
    border-color: #ccc;
    color: #999;
}
input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, button[disabled]:hover, button[disabled]:focus {
    color: #999;
}
#querytime {
    color: #999;
}
.quiet {
    color: #999;
}
.loud {
    color: #000;
}
#brd-debug th {
    background: #fff;
    border: 0;
    border-bottom: 2px solid #dde4eb;
    color: #111;
}
#brd-debug td {
    background: #fff;
    border: 0;
    border-bottom: solid 1px #eee;
    color: #666;
}
#brd-messages span {
    color: #333;
    -webkit-border-bottom-right-radius: .3em;
    -webkit-border-bottom-left-radius: .3em;
    -moz-border-radius-bottomright: .3em;
    -moz-border-radius-bottomleft: .3em;
    border-bottom-right-radius: .3em;
    border-bottom-left-radius: .3em;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}
#brd-messages .message_error {
    border-color: #ffe475;
    background: #ffbdac;
}
#brd-messages .message_warning {
    border-color: #ffe475;
    background: #ffd0ac;
}
#brd-messages .message_info {
    border-color: #ffe475;
    background: #ffc;
    background: -moz-linear-gradient(center top, #fffbea, #fef7cb);
    background: -o-linear-gradient(top, #fffbea, #fef7cb);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fffbea), to(#fef7cb));
    background: -webkit-linear-gradient(top, #fffbea, #fef7cb);
    background: -ms-linear-gradient(top, #fffbea, #fef7cb);
    background: linear-gradient(top, #fffbea, #fef7cb);
}
::-moz-selection {
    background: #fff2a8;
    color: #000;
    text-shadow: none;
}
::selection {
    background: #fff2a8;
    color: #000;
    text-shadow: none;
}