@charset "UTF-8";
/* CSS Document */

.vbform .blockhead {
   margin-top:2em;
}

.vbform .blockhead:first-child {
   margin-top:0;
}
.settings_form_border {
   border-right: 1px solid #565545;
   border-left: 1px solid #565545;
   border-bottom: 1px solid #565545;
}
.vbform {
   clear:both;
   width:auto;
   max-width:750px;
   _width:750px;
   margin:0 auto;
   margin-bottom:2em;
}
form.vbform .formcontrols {
   /*margin-bottom:1em;*/
}


.formcontrols .blockrow {
   background:#242421  bottom repeat-x;
   border-top:solid 1px #565545;
}

.formcontrols > *:first-child,
.formcontrols .blocksubhead + .blockrow {
   border-top:none;
}

/* BASIC CONTROL STYLING */

input, textarea, select, button {
   font:  bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
   font-weight: normal;
}

.button {
   padding:2px 2px;
}

.button:hover {
   color:#ffffff;
}

.button[type="reset"]:hover {
   color:#ffffff;
}

.textbox,
textarea {
   background-color: #1a1a1a;
   border:solid 1px #565545;
   padding:3px;
   outline:0;
   color: #fff;
}

.textbox[disabled],
textarea[disabled] {
   font-style:italic;
   color:#c0c0c0;
}

.formcontrols .blockrow input.textbox:focus,
.formcontrols .blockrow textarea:focus {
   background: #1a1a1a none   ;
}

/* INPUT / SELECT / TEXTAREA / GROUP */

.formcontrols .blockrow .primary,
.formcontrols .blockrow .group {
   width:55%;
   float:left;
   clear:left;
}

.formcontrols .blockrow .dep_group .primary {
   width:100%;
}

.formcontrols .blockrow .dep_group .primary.partial {
   width:55%;
}

.formcontrols .blockrow .primary.center {

}

.formcontrols .blockrow .primary.center img.icon {
   border:1px solid #565545;
}

.formcontrols .blockrow .titleprefix {
   float:left;
   margin-right:0.5em;
}

.formcontrols .blockrow * .group {
   width:auto;
   float:none;
}

.formcontrols .blockrow input.textbox[size] {
   width:auto;
}

.formcontrols .blockrow.texteditor textarea {
   width:99%;
   height:200px;
   float:none;
}

.formcontrols .blockrow input.numeric,
.formcontrols .blockrow select.numeric {
   text-align:right;
}

/* LABELS */

.formcontrols .blockrow label,
.formcontrols .blockrow .group.multifield label,
.formcontrols .blockrow .groupoption label {
   display:block;
   margin-bottom:2px;
}

.formcontrols .blockrow label {
   width:55%;
}

.formcontrols .blockrow label.floatlabel {
   margin-left: 10px;
}

.formcontrols .blockrow * label {
   /* undoes the above two rules */
   display:inline;
   margin-bottom:auto;
   width:auto;
}

.formcontrols .blockrow .label {
   margin-bottom:8px;
}

.formcontrols .blockrow.singlecheck label {
   float:left;
}

.formcontrols fieldset.blockrow legend {
   margin:0;
}

/* DESCRIPTIONS */

.formcontrols .blockrow .description {
   color:#c0c0c0;
font-size:11px;

}

.formcontrols .blockrow .description {
   float:right;
   width:42%;
   overflow:hidden;
}

.formcontrols .blockrow .group.multifield + .description {
   padding-top:1.3em;
}

.formcontrols .blockrow.texteditor .description {
   float:none;
   width:auto;
   margin-top:2px;
}

.formcontrols .blockrow .group .description,
.formcontrols .blockrow .singlecheck .description {
   float:none;
   width:auto;
   margin-left:20px;
}

.formcontrols .blockrow .group.numeric + .description {
   /* descriptions to the right of numeric groups */
}

.formcontrols .blockrow .singledescription {
   display:block;
   float:left;
   clear:left;
   color:#c0c0c0;
   margin-bottom:10px;
}

/* CHECKBOX / RADIO EXCLUSIVE GROUPS */

.formcontrols .blockrow .group.checkradio {
   width:auto;
}

.formcontrols .blockrow .group.checkradio.full {
   width:100%;
}


.formcontrols .blockrow .group.checkradio.partial {
   width:55%;
}

.formcontrols .blockrow .group.checkradio > li {
   margin-bottom:0.5em; /* maybe questionable */
}

/* MULTI-FIELD GROUPS (dd, mm, yyyy fields etc.) */

.formcontrols .blockrow .group.multifield li {
   float:left;
   margin-right:1em;
}

/* Display multi-field controls vertically */
.formcontrols .blockrow .group.multifield.stacked li {
   float:none;
   margin-top:2px;
}

.formcontrols .blockrow .group.multifield label {
   margin-bottom:2px;
   display:block;
}

.formcontrols .blockrow .group.multifield select,
.formcontrols .blockrow .group.multifield input.textbox {
   float:none;
}

/* NUMERIC GROUP (rgb color etc.) */

.formcontrols .blockrow .group.numeric {
   width:auto;
   *width:24%;
   max-width:55%;
   margin-right:2%;
}

.formcontrols .blockrow .group.numeric li {
   clear:both;
}

.formcontrols .blockrow .group.numeric label {
   float:left;
   margin-top:1px;
}

.formcontrols .blockrow .group.numeric input.textbox {
   float:right;
   text-align:right;
   margin-left:20px;
   margin-bottom:2px;
}

.formcontrols .blockrow .group.numeric .description {
   clear:both;
   text-align:right;
   margin:auto;
   margin-bottom:0.2em;
}

/* NUMERIC INPUT */

.formcontrols .blockrow input.textbox.numeric {
   text-align:right;
}

/* ACTION BUTTONS */

.formcontrols input.button,
.actionbuttons {
   max-width:100%;
}

.actionbuttons .group {
   float:none;
   text-align:right;
   padding-right: 10px;
}

.vbform .actionbuttons .group {
   margin:0 auto;
   width:auto;
   max-width:750px;
}

.actionbuttons .small_text_buttons, .actionbuttons .small_text_buttons input.button {
    padding-left:10px;
    padding-right:10px;
}


.actionbuttons .group .button {
/* min-width:75px; */
      cursor:pointer;
   padding: 2.5px 5px;
   font:   bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
   border:1px solid #565545;
   color:#ffffff;
   background:#292926 url(images/Darkness3/gradients/generic_button.png) repeat-x top left;
/* -moz-border-radius:5px;
   -webkit-border-radius:5px; */
}

.actionbuttons .group .button:hover {
   background: #1a1a1a url(images/Darkness3/gradients/generic_button.png) repeat-x  ;
   color: #ffffff;
}

/* *** SPECIAL ITEMS *** */

/* POST ICONS */

.formcontrols .blockrow #posticon_preview {
   width:16px;
   height:16px;
   margin-left:10px;
}

.formcontrols .blockrow.posticons table {
   width:55%;
}

.formcontrols .blockrow.posticons td {
   padding:2px;
}

/* RATING SELECT */

.formcontrols .blockrow select.rating option {
   background-image:url(images/Darkness3/rating/rating-15_3.png);
   background-repeat:no-repeat;
   background-position:5px center;
   padding-left:85px
}

/* DEP GROUPS */

.formcontrols .blockrow dl.dep_group dd {
   margin-top:0.3em;
   margin-bottom:0.2em;
   margin-left:20px;
}

.formcontrols .blockrow dl.dep_group dd dl.dep_group {
   /*margin-top:1em;*/ /* Handles the margin above sub-dependent controls, remove? */
}

input[type="submit"][disabled]#blog_deletebtn:active, input[type="submit"][disabled]#blog_deletebtn {
   color:graytext;
}

/* ATTACH FILES */

.formcontrols .blockrow .group.attachments li {
   margin-bottom:0.5em;
}

.formcontrols .blockrow .group.attachments li img {
   vertical-align:middle;
}

.formcontrols .blockrow .group.attachments li:last-child {
   margin-top:1em;
}

/* Upper / Lower comparison and IM FIELDS (AIM, Skype...) */

.formcontrols .group.upperlower li,
.formcontrols .group.imfields li {
   width:45%;
   padding-bottom:0.3em;
}

.formcontrols .group.upperlower li input.textbox,
.formcontrols .group.imfields li input.textbox,
.formcontrols .group.imfields li select {
   width:100%;
}

.formcontrols .group.imfields li select {
   margin-bottom:-0.3em;
}

/* Group of text controls */
.groupcontrols {
   text-align:right;
   clear:both;
}

.groupcontrols .textcontrol {
   margin-left:10px;
   margin-top:0;
}

/* Single Button */
.formcontrols .blockrow.singlebutton .button {
   float:left;
}

/* IE7 Float Fix */
.formcontrols .groupoption {
   display:block;
   clear:left;
}

/* DEBUG */
.group.radio,
.group.checkbox {
   background:#1a1a1a none   ;
}

/* NEWEVENT.php TEMP */
.formcontrols .blockrow .group.checkradio .daycheckboxes li {
   float:left;
   padding-right:1em;
   padding-top:0.5em;
}

/*For the search, not worth creating a new css file*/
.savepreferences {
   float:left;text-align:left;width:49.5%;
} 