img, div, p, span, a, table tr td, table thead tr th, button {behavior: url("./stuff/etc/iepngfix.htc");}

.hide {display: none;}
.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}
.cleaner {clear: both; height: 1px; font-size: 0.1em; margin: 3px 0; padding: 0;}
.clear {clear: both;}
.simurl, .imgurl {cursor: pointer;}
.noblock {display: auto;}

.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.j {text-align: justify;}
.s {text-decoration: line-through;}

.cc {margin: 0 auto;}
.m0 {margin: 0;}

.fl {float: left;}
.fr {float: right;}

.colorpreview {border: 1px solid #888; display: inline-block; width: 16px; height: 16px;}

body#avatar img {float: left;}
body#php4-info {background: #666; color: #fff; font-family: Verdana, Arial, lucida, sans-serif; padding: 50px; text-align: center; text-shadow: 1px 1px 1px #000;} body#php4-info h1 {background: #555; color: #fe9a9a; margin: 0 100px 50px 100px; padding: 10px;} body#php4-info h1 span {color: #aaa;} body#php4-info a {color: #ddd;} body#php4-info a:hover {text-decoration: none;}


/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {vertical-align: top; padding: 0; margin: 0;} .fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020;} .fancybox-skin {position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner {padding: 0; margin: 0; position: relative; outline: none;} .fancybox-inner {overflow: hidden;} .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;} .fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px;} .fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top;}
.fancybox-image {max-width: 100%; max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../img/fancybox-sprite.png');} #fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020;} #fancybox-loading div {width: 44px; height: 44px; background: url('../img/fancybox-loading.gif') center center no-repeat;} .fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url('../img/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;} .fancybox-prev span {left: 20px; background-position: 0 -36px;} .fancybox-next span {right: 20px; background-position: 0 -72px;} .fancybox-nav:hover span {visibility: visible;} .fancybox-tmp {position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden;}
#fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #222;} #fancybox-overlay.overlay-fixed {position: fixed; bottom: 0; right: 0;} .fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;} .fancybox-opened .fancybox-title {visibility: visible;} .fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;} .fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff;} .fancybox-title-inside-wrap {margin-top: 10px;} .fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}

/* jquery COLORPICKER */
.colorpicker {width: 356px; height: 176px; overflow: hidden; position: absolute; background: url('../img/colorpicker/colorpicker_background.png'); font-family: Arial, Helvetica, sans-serif; display: none;} .colorpicker_color {width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair;} .colorpicker_color div {position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url('../img/colorpicker/colorpicker_overlay.png');} .colorpicker_color div div {position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url('../img/colorpicker/colorpicker_select.gif'); margin: -5px 0 0 -5px;} .colorpicker_hue {position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize;} .colorpicker_hue div {position: absolute; width: 35px; height: 9px; overflow: hidden; background: url('../img/colorpicker/colorpicker_indic.gif') left top; margin: -4px 0 0 0; left: 0px;}
.colorpicker input {background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px;} .colorpicker_hex {position: absolute; width: 72px; height: 22px; background: url('../img/colorpicker/colorpicker_hex.png') top; left: 212px; top: 142px;} .colorpicker_hex input {right: 6px;} .colorpicker_field {height: 22px; width: 62px; background-position: top; position: absolute;} .colorpicker_submit {position: absolute; width: 22px; height: 22px; background: url('../img/colorpicker/colorpicker_submit2.png') top; left: 322px; top: 142px; overflow: hidden;} .colorpicker_focus {background-position: center;} .colorpicker_hex.colorpicker_focus {background-position: bottom;} .colorpicker_submit.colorpicker_focus {background-position: bottom;} .colorpicker_slider {background-position: bottom;}
.colorpicker_field span {position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize;} .colorpicker_rgb_r {background-image: url('../img/colorpicker/colorpicker_rgb_r.png'); top: 52px; left: 212px;} .colorpicker_rgb_g {background-image: url('../img/colorpicker/colorpicker_rgb_g.png'); top: 82px; left: 212px;} .colorpicker_rgb_b {background-image: url('../img/colorpicker/colorpicker_rgb_b.png'); top: 112px; left: 212px;} .colorpicker_hsb_h {background-image: url('../img/colorpicker/colorpicker_hsb_h.png'); top: 52px; left: 282px;} .colorpicker_hsb_s {background-image: url('../img/colorpicker/colorpicker_hsb_s.png'); top: 82px; left: 282px;} .colorpicker_hsb_b {background-image: url('../img/colorpicker/colorpicker_hsb_b.png'); top: 112px; left: 282px;} .colorpicker_new_color {position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00;} .colorpicker_current_color {position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00;}


/*
Uploadify v3.1.0
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/

.uploadify {position: relative; margin-bottom: 1em;}
.uploadify-queue {margin-bottom: 1em;}
.uploadify-queue-item {background-color: #f5f5f5; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; margin: 5px 10px; width: 400px; padding: 10px; float: left;}
.mce .uploadify-queue-item {width: 390px;}
.uploadify-error {background-color: #FDE5DD !important;}
.uploadify-queue-item .cancel a {background: url('../img/upload-cancel.png') 0 0 no-repeat; float: right; height:	16px; text-indent: -9999px; width: 16px;}
.uploadify-queue-item.completed {background-color: #e5e5e5;}
.uploadify-progress {background-color: #e5e5e5; margin-top: 10px; width: 100%;}
.uploadify-progress-bar {background-color: #0072a8; height: 3px; width: 1px;}




/* ----- THEME STYLE ------ */

/*
** ----- BODY, HTML definitions --------------------------------------------------------------------
*/
html, body {padding: 0; margin: 0; height: 100%;}
body {background: #464646 ; color: #000000; font-family: Verdana, Arial, lucida, sans-serif; text-align: center;}




/*
** ----- MAIN PAGE LAYOUT --------------------------------------------------------------------------
*/
#main {height: auto; _height: 100%; margin: 0 auto; min-height: 100%; padding: 0; position: relative; text-align: center; width: 940px;}

#header {
  height: 99px; background: #0072a8; border: 1px solid #fff; border-top: 0; margin-bottom: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001525', endColorstr='#0072a8'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#001525), to(#0072a8)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #001525,  #0072a8); /* for firefox 3.6+ */
  background-image: -o-linear-gradient(#001525, #0072a8); /* opera */
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: #222 0 0 5px;
}
#header div.logo {float: left; margin: 0 19px 0 20px; width: 100px; height: 100px;}
#header div.logo a {background: url('../themes/bluedee/img/logo.png') top left no-repeat; width: 100px; height: 100px; display: block;}
#header div.logo a span {display: none;}
#header div.logo a:hover  {background: url('../themes/bluedee/img/logo.png') bottom left no-repeat;}
#header div.subtitle {float: left; color: #a0a0a0; overflow: hidden; padding: 7px; text-align: left; text-shadow: 1px 1px 1px #000; width: 400px;}

#user-info {background: url('../themes/bluedee/img/user-info.png') bottom left no-repeat; float: right; font-size: 0.8em; height: 23px; margin-right: 39px; padding: 7px 0 0 0; width: 300px;}
#user-info a {color: #464646;}
#user-info strong a {color: #000000;}

#lang-img {cursor: pointer; left: 910px; position: absolute; top: 10px;}
#lang-select {background: url('../themes/bluedee/img/lang-select.png') bottom left no-repeat;; font-size: 0.85em; left: 600px; list-style-type: none; margin: 0; padding: 5px 0; position: absolute; text-align: left; top: 0; width: 300px;}
#lang-select li a, #lang-select li span.act {border: 1px solid #e0dfdf; color: #464646; display: block; margin: 0 10px; padding: 3px 10px; text-decoration: none;}
#lang-select li span.act  {color: #808080;}
#lang-select li a span {text-decoration: underline;}
#lang-select li a:hover {background: #f0f0f0; border: 1px solid #cccccc;}
#lang-select li a:hover span {text-decoration: none;}


#content-wrap {padding-bottom: 36px;}
#content {background: #f0f0f0 url('../themes/bluedee/img/content-top.png') top left repeat-x; border: 1px solid #fff; box-shadow: #222 0 0 5px; clear: both; margin: 0; padding: 5px 10px 20px 10px; text-align: justify; z-index: 100; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.content-text {font-size: 0.9em; line-height: 1.3; padding: 5px 20px;}
.content-in-text {font-size: 0.9em; line-height: 1.3;}
.content-text .simurl, .content-text .simbutton, .content-text button {font-size: 1em;}

#footer {bottom: 0; height: 26px; left: 0; margin-top: 10px;  position: absolute; width: 100%;}
#footer div {
  border: 1px solid #fff; border-bottom: 0; background: #001525; color: #cccccc; height: 20px; font-size: 0.8em; padding: 5px 0 0 0; z-index: 2;
  box-shadow: #222 0 0 5px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072a8', endColorstr='#001525'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#0072a8), to(#001525)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #0072a8,  #001525); /* for firefox 3.6+ */
  background-image: -o-linear-gradient(#0072a8, #001525); /* opera */ 
}
#footer div a {color: #ffffff;}





/*
** ----- MAIN MENU ---------------------------------------------------------------------------------
*/
ul.menu {list-style-type: none; margin: 0; padding: 39px 0 0 0; =padding: 20px 0 0 0; clear: right;}
ul.menu li {float: left;}
ul.menu li a {background: url('../themes/bluedee/img/menu.png'); width: 122px; height: 23px; display: block; margin: 0 2px 0 3px; padding: 7px 0 0 0; color: #464646; text-shadow: 1px 1px 1px #fff; cursor: pointer; text-decoration: none;}
ul.menu li a span {font-size: 0.95em; text-decoration: underline;}
ul.menu li a:hover span {text-decoration: none;}





/*
** ----- LOGIN SCREEN ------------------------------------------------------------------------------
*/
#login-main {height: auto; _height: 100%; /* IE6 */ margin: 0 auto; min-height: 100%; padding: 0; position: relative; text-align: center; width: 420px;}
#login-main a img {color: #f0f0f0; margin-bottom: 18px;}
#login-main p.login-weblink {font-size: 0.8em; height: 10px; margin: 0 0 5px 0; padding: 2px 20px; text-align: right;}
#login-main p.login-weblink a {color: #cccccc;}
#login-main p.login-weblink a:hover {color: #f0f0f0;}

#login-screen #lang-img {cursor: pointer; left: auto; right: 10px; position: absolute; top: 10px;}
#login-screen #lang-select {left: auto; position: absolute; right: 40px; top: 0;}

#login-box {background: url('../themes/bluedee/img/login-box.png') top left no-repeat; height: 270px; margin: 0 auto; width: 420px;}
#login-box form {margin: 0; padding: 0 20px 0 20px; text-align: center;}
#login-box form fieldset {margin: 0; padding: 0;}
#login-box form label {color: #464646; display: block; font-size: 0.9em; margin: 10px 0 0 0; padding: 0 0 0 90px; text-align: left;}
#login-box form #login-register {text-align: left; padding: 0 0 0 5px;}
#login-box form #login-login label#label_login {margin: 0;}
#login-box form #login-register label {float: left; width: 120px; margin: 0 10px 0 0; padding: 10px 0 0 0; font-weight: bold; text-align: right;}
#login-box form input.text {font-size: 1em; margin: 0 auto; padding: 5px; width: 200px;}
#login-box form input.checkbox {margin: 0 auto;}
#login-box form label.perm-login {display: inline; padding: 0; margin: 0;}
#login-box form #login-register input {margin: 2px 0;}
#login-box form button {margin: 10px 0 0 0;}
#login-box form#form-register button {margin: 5px 0 0 0;}
#login-box form#form-login p.pl {font-size: 0.8em; margin: 0; padding: 5px 0 0 0; text-align: center;}

#login-screen p#links {font-size: 0.8em; padding: 0 20px; position: absolute; text-align: left; top: 387px; width: 380px;}
#login-screen p#links span {float: right;}

#login-footer {background: url('../themes/bluedee/img/login-footer.png') top left no-repeat; bottom: 0; clear: both; position: absolute; left: 0; height: 40px; margin: 0 auto; width: 100%;}
#login-footer div {font-size: 0.8em; padding-top: 18px; color: #464646;}
#login-footer div a {color: #000000;}

.login-msg {font-size: 0.85em; font-weight: bold; height: 25px; text-align: center; padding-top: 20px; text-shadow: 1px -1px 1px #fff;}
.msg-error, .msg-warning {color: #ac1111;}
.msg-main {color: #464646;}
.msg-info {color: #005b86;}
.msg-ok {color: #259E00;}





/*
** ----- INSTALL -----------------------------------------------------------------------------------
*/
.install-form label {font-weight: bold;}

ul#install-lang {border-top: 1px solid #1847a1; border-left: 1px solid #1847a1; font-size: 0.9em; list-style-type: none; margin: 0 auto; padding: 0; width: 411px;}
ul#install-lang li {padding: 0; margin: 0;}
ul#install-lang li a {display: block; width: 400px; font-size: 1.3em; padding: 5px 0 5px 10px; color: #ffffff; text-decoration: none; border-bottom: 1px solid #1847a1; border-right: 1px solid #1847a1; background: #3883c2;}
ul#install-lang li a:hover {background: #5c9cd1;}

ol#install-list {border: 1px solid #cccccc; background: #fff; padding: 10px 10px 10px 30px;}
ol#install-list li {margin: 15px 0 0 0;}


#chmod-help-toggle {color: red;}
ul.chmod-dirs {padding: 5px 5px 5px 60px;}
ul.chmod-dirs li {list-style-image: url('../../../stuff/img/icons/folder.png'); padding: 2px 0; font-weight: bold;}

#import-form {margin: 30px 200px 0 200px;}
#import-form fieldset {border: 1px solid #cccccc;}

.additional {color: #464646; font-size: 0.9em; margin-top: 40px;}





/*
** ----- HEADINGS, LINKS, FORMS --------------------------------------------------------------------
*/
a {color: #0072a8;}
a:hover {text-decoration: none;}
a.custom {text-decoration: none; border-bottom: 1px solid #0072a8;}
a.custom:hover {border: none;}
.simurl {border-bottom: 1px dotted #0072a8; color: #0072a8; text-decoration: none;}
.simurl:hover {text-decoration: none;}
a img {border: 0;}


form fieldset, form legend, form input[type="text"], form input[type="number"], form input[type="submit"], form input[type="button"], form input[type="file"], form input[type="password"], form select, form textarea, #mn-comment-buttons img, .round, .preview, .wtooltip, .simple-format img, .simple-format-smiles img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #808080;
}
input, select {background: #ffffff; padding: 2px;}
input.submit {background: #f0f0f0 url('../themes/bluedee/img/submit-small.gif') top left repeat-x; color: #000000; cursor: pointer; padding: 3px 8px;}
input.submit:hover {background: #fff url('../themes/bluedee/img/submit-small.gif') bottom left repeat-x;}
form fieldset {border: 0;}
form fieldset legend {text-align: left; margin: 0; padding: 5px 10px; border: 1px solid #cccccc; font-size: 0.9em;}
form input.text {font-size: 1em; width: 300px;}
form input.medium {font-size: 1em; width: 150px;}
form input.text, form input.custom, form select.custom, form input.medium {padding: 5px;}
form input.autowidth {width: auto;}
form select.long {width: 312px;}
form p.ta-description {text-align: left; margin: 20px 0 0 0;}

div.simbutton {text-align: center;}
button, div.simbutton a {background: url('../themes/bluedee/img/button.png') top left no-repeat; border: 0; color: #464646; cursor: pointer; font-size: 0.9em; font-weight: bold; padding: 8px 5px 12px 0; text-decoration: none; text-shadow: 1px 1px -1px #fff; width: 200px;}
button img, div.simbutton a img {position: relative; top: 2px;}
button {margin: 0 5px; height: 40px;}
div.simbutton a {display: block; height: 20px;}
button:hover, div.simbutton a:hover {background: url('../themes/bluedee/img/button.png') bottom left no-repeat;}

iframe {border: 0;}





/*
** ----- INFO MESSAGES (warnings, errors, ok messages) ---------------------------------------------
*/
.i-main, .i-error, .i-ok, .i-info {font-size: 1em; font-weight: bold; margin: 5px 10px; padding: 10px; text-align: center; text-shadow: 0px 1px 1px #fff;}
.i-main {color: #0072a8;}
.i-error {color: #C94135;}
.i-info {color: #1847a1;}
.i-ok {color: #26A400;}

.mn-warnings {background: #f9dbdb; border: 2px solid #d86d6d; font-size: 0.85em; margin: 10px 5px; padding: 10px;}
.mn-warnings ul li {list-style-image: url('../.../themes/bluedee/img/icons/warning.png'); margin: 5px 10px 5px 20px; padding: 2px 0 2px 5px;}
.mn-warnings ul li span {color: #808080; font-style: italic;}

.show-post h2 {color: #808080;}
.show-post {font-size: 0.7em; line-height: 1.4; text-align: left;}

.mn-highlight {background: yellow;}





/*
** ----- DASHBOARD ---------------------------------------------------------------------------------
*/
#version-info {color: #f0f0f0; font-size: 0.9em; background: #808080; margin: 10px 5px; padding: 10px; text-shadow: 1px 1px -1px #333;}
#version-info a {color: #ffffff; text-shadow: 1px 1px -1px #000000;}
#version-info .simbutton a {color: #464646; margin: 0 auto; text-shadow: 1px 1px -1px #fff;}

.db-info {background: #f6f6f6; border: 1px solid #808080; color: #555; font-size: 0.8em; margin: 10px 5px; padding: 10px; text-shadow: 1px 1px -1px #fff;}
.db-info strong {color: #0072a8; font-size: 1em;}
.db-info textarea {color: #464646; height: 50px; margin: 0 20px; width: 800px;}
.db-info p {margin: 0; padding: 0;}

#mn-post {font-size: 0.85em; line-height: 1.4; padding: 10px 80px 0 80px;}
#mn-post #comments-title {margin-top: 40px;}
#mn-post .comment-info {border-top: 1px solid #cccccc; color: #808080; font-weight: bold; padding-top: 15px; text-align: center; text-shadow: 1px 1px -1px #fff;}

#mn-comment-form {margin: 20px 0 0 0;}
#mn-comment-form p, #mn-comment-form label {display: none;}
#mn-comment-form table {font-size: 0.9em;}
#mn-comment-form fieldset {border: 1px solid #cccccc; padding: 20px; width: 430px; margin: 0 auto;}
#mn-comment-form legend {color: #808080; text-shadow: #fff 1px 1px -1px;}
#mn-comment-form textarea {height: 140px; padding: 3px; width: 420px;}
#mn-comment-form input {margin: 10px 0 0 0; padding: 10px 0; width: 212px;}
#mn-comment-buttons {margin: 0 0 0 4px;}
#mn-comment-buttons img {cursor: pointer; padding: 3px; border: 1px solid #cccccc; margin-left: -4px;}
.mn-success {color: forestgreen; font-weight: bold; margin: 10px 0 0 0; text-align: center; text-shadow: #fff 1px 1px -1px;}

#db-links {position: absolute; top: 125px; padding: 0 5px; width: 910px;}
#db-post-link {background: url('../themes/bluedee/img/s-button.png') top left no-repeat; color: #464646; float: left; font-size: 0.9em; height: 23px; padding: 7px 0 0 7px; text-decoration: none; text-shadow: 1px -1px 1px #fff; width: 123px;}
/* #db-post-link:hover {background: url('../themes/bluedee/img/s-button.png') bottom left no-repeat;} */
#db-post-link span {text-decoration: underline; position: relative; top: -2px;}
#db-post-link:hover span {text-decoration: none;}
#db-config-link {background: url('../themes/bluedee/img/small-button.png') top left no-repeat; float: right; height: 23px; padding: 7px 0 0 7px; width: 23px;}
/* #db-config-link:hover {background: url('../themes/bluedee/img/small-button.png') bottom left no-repeat;} */



table.widget {border: 1px solid #cccccc; border-bottom: 0; border-collapse: collapse; font-size: 0.9em; margin: 6px 5px; width: 448px;}
table.widget tr td, table.widget tr th {background: #ffffff; border-bottom: 1px solid #cccccc; padding: 5px;}
table.widget tr th {background: #cccccc; color: #464646; padding: 10px; text-align: center; text-shadow: 1px 1px 1px #fff;}
table.widget tr td.date {color: #808080; width: 80px;}
table.widget tr td.edit {padding: 0; width: 20px;}
table.widget tr td.edit a, table.widget tr td.edit img {display: none;}
table.widget tr td.edit p {margin: 0; padding: 5px 0 0 0;}
table.widget tr td.c_author {width: 130px; color: #464646;}
table.widget tr td.c_author a {font-size: 0.75em;}
table.widget tr td.rss-item strong.title {display: block; margin: 5px 0 5px 10px;}
table.widget tr td.rss-item p {font-size: 0.8em; line-height: 1.4; margin: 0; padding: 0;}
table.widget tr td div.comment-text {background: #f6f6f6; border: 1px solid #cccccc; font-size: 0.7em; height: 40px; margin: 0; overflow: auto; width: 245px;}
table.widget tr:hover td.rss-item {background: #ffffff;}
table.widget tr:hover p.c_links a, table.widget tr:hover .info {display: inline;}
table.widget tr:hover td {background: #ffffbe;}
table.widget tr:hover td.edit a, table.widget tr:hover td.edit img, table.widget tr:hover span.links {display: inline;}

.w1, .w3, .w5 {clear: left;  float: left;}
.w2, .w4, .w6 {clear: right; float: right;}

form#db-config-form {text-align: center; margin: 0 auto; padding: 30px 0 0 0; width: 320px;}
form#db-config-form table tr td.labels, form#db-config-form table tr td.inputs {text-align: left;}
form#db-config-form table tr td.selects {padding: 0 0 0 10px; text-align: left;}
form#db-config-form table tr td.selects select {width: 60px;}





/*
** ----- TABLE - common values for posts, categories, users lists  ---------------------------------
*/
table.tablesorter {border: 1px solid #808080; border-bottom: 0; border-collapse: collapse; font-size: 0.8em; margin: 0 auto; width: 100%;}

table.tablesorter tr th, table.tablesorter tr td {border-bottom: 1px solid #808080; overflow: hidden;}
table.tablesorter tr td {background: #ffffff; padding: 5px 0 5px 5px; text-align: left;}
table.tablesorter tr td.c {text-align: center; padding: 0;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background: #808080; color: #ffffff; text-align: left; text-shadow: 1px 1px -1px #222;}
table.tablesorter thead tr th {padding: 10px 0 10px 20px; cursor: pointer;}
table.tablesorter tfoot tr th, table.tablesorter tfoot tr th:hover {padding: 5px 0 5px 20px; background: #808080;}

table.tablesorter thead tr th.num.headerSortDown {background: #a0a0a0 url('../../stuff/img/icons/sort-num-asc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.num.headerSortUp {background: #a0a0a0 url('../../stuff/img/icons/sort-num-desc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.date.headerSortDown {background: #a0a0a0 url('../../stuff/img/icons/sort-date-asc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.date.headerSortUp {background: #a0a0a0 url('../../stuff/img/icons/sort-date-desc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.headerSortDown {background: #a0a0a0 url('../../stuff/img/icons/sort-asc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.headerSortUp {background: #a0a0a0 url('../../stuff/img/icons/sort-desc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.nosort {background: #808080; cursor: default;}
table.tablesorter tr th.nosort:hover {background-image: none;}
table.tablesorter tr th:hover {background: #808080 url('../../stuff/img/icons/sort.png') 2px 10px no-repeat;}

table.tablesorter tr.highlight td {background-color: #ebfde7;}
table.tablesorter tr:hover td {background: #ffffbe;}
table.tablesorter tr:hover .links, table.tablesorter tr:hover .comment-links, table.tablesorter tr:hover .info {display: inline;}

table.tablesorter tr td .links, table.tablesorter tr td .comment-links, table.tablesorter tr td .info {font-size: 0.85em;}
table.tablesorter tr td .links a, table.tablesorter tr td .info a, table.tablesorter tr td .links span.simurl {color: #808080; text-decoration: underline; border: 0;}
table.tablesorter tr td .links a:hover, table.tablesorter tr td .info a:hover, table.tablesorter tr td .links span.simurl:hover {text-decoration: none;}
table.tablesorter tr td .comment-links a {color: #0072a8;}
table.tablesorter tr td .trivial, table.tablesorter tr td.trivial {color: #a0a0a0; font-style: italic;}
table.tablesorter tr td .info {color: #808080;}
table.tablesorter tr td .main-link {font-weight: bold;}
table.tablesorter tr td span.main-link {color: #808080; border-bottom: 1px dashed #cccccc; cursor: default;}
table.tablesorter tr td a.main-link span.ext {color: #a0a0a0;}
table.tablesorter tr td a.trash {color: darkred;}
table.tablesorter tr td form {display: inline;}

form.filter {text-align: center; clear: both; padding: 10px 0; margin: 0; border: 1px solid #808080; background: #a0a0a0;}
form.filter #search {margin: 5px 0 0 0;}
form.filter #search input#q {width: 200px;}
form.filter select {width: 160px;}
form.filter select option.description {color: #808080;}

#pager {margin: 0 auto; margin-top: 5px; margin-bottom: 5px; padding: 0; text-align: center; width: 300px;}
#pager input {margin: 0; padding: 5px 3px; width: 30px; text-align: center; background: transparent; color: #808080; font-weight: bold; border: 0;}
#pager img {cursor: pointer;}
.custom-pager {position: relative; top: -28px;}

.no-values {font-style: italic; text-align: center;}





/*
** ----- POSTS ### edit/delete list  ---------------------------------------------------------------
*/
table#posts-list thead tr th#cell-post {width: 300px;}
table#posts-list thead tr th#cell-author {width: 140px;}
table#posts-list thead tr th#cell-cat {width: 140px;}
table#posts-list thead tr th#cell-status {width: 100px;}
table#posts-list thead tr th#cell-comments {width: 30px;}
table#posts-list thead tr th#cell-date {width: 70px;}

table#posts-list tr td.cell-post {padding-right: 20px;}
table#posts-list tr td a:hover {text-decoration: none;}
table#posts-list tr td .short_story {color: #464646; font-size: 0.8em; padding: 5px 0; text-align: justify;}
table#posts-list tr td .future {color: #a0a0a0; font-style: italic;}
table#posts-list tr td span.status_1 {color: #008000;}
table#posts-list tr td span.status_2 {color: #0072a8;}
table#posts-list tr td span.status_3 {color: #ffa500;}
table#posts-list tr td span.status_4 {color: #ff0000;}
table#posts-list tr td span.status_5 {color: #ff0000;}
table#posts-list tr td span.status_6 {color: #b10dc9;} 

.mce-add-image {margin: 0 10px 0 0;}
.mce-add-image .simurl {font-size: 0.7em; position: relative; bottom: 3px;}
.mce-add-image:hover .simurl {border: 0;}





/*
** ----- POSTS ### Add/Edit post form --------------------------------------------------------------
*/
#posts-add-edit {margin: 0; padding: 0;}
#posts-add-edit fieldset {text-align: center; margin: 0; padding: 0;}
#posts-add-edit input.file {padding: 5px; width: 300px;}
#posts-add-edit textarea {width: 699px; height: 197px; margin: 0; padding: 5px;}
#posts-add-edit textarea#full_story {height: 347px;}
#posts-add-edit .ta-wrap {margin: 0 0 0 105px; text-align: left;}
#posts-add-edit p.ta-description {padding: 0 115px;}
#posts-add-edit #full-story-wrap p.ta-description {padding: 0 10px;}
#posts-add-edit p.r {margin: 0 110px 15px 0;}
#posts-add-edit p.l {margin: 0 0 15px 110px;}
#posts-add-edit p.c {margin: 10px 0 20px 0;}
#posts-add-edit .wysiwyg-toggle {cursor: pointer; float: right;}
#posts-add-edit .w2 {padding: 0 105px 0 0;}
#posts-add-edit #settings, #posts-add-edit #tags, #posts-add-edit #xfields {width: 710px;}
#posts-add-edit #settings-in table tr td {vertical-align: top;}
#posts-add-edit #settings-in table tr td.labels, #posts-add-edit #tags-in table tr td.labels {width: 120px;}

#post-add-cat {background: #e6e6e6; border: 1px solid #cccccc; margin-top: -71px; padding: 7px 11px; position: absolute;}
#post-add-cat span {font-size: 0.7em;}
#post-img-add-cat {position: relative; top: 3px;}

#table-posts-add-edit {margin: 0 0 0 112px; text-align: left;}
#table-posts-add-edit tr td.labels {width: 150px;}
#table-posts-add-edit tr td.inputs {width: 500px;}
#table-posts-add-edit tr td .trivial {font-size: 0.8em;}

.toggles {font-size: 0.9em;}

.p-form #settings, .p-form #tags, .p-form #info, .p-form #xfields {margin: 0 auto; margin-top: 10px; text-align: left; font-size: 0.9em;}
.p-form #settings-in, .p-form #tags-in, .p-form #info-in, .p-form #xfields-in {border: 1px solid #bbb; background: #f6f6f6; padding: 10px 20px; margin-bottom: 10px;}
.p-form #tags-in {padding: 10px 10px 10px 20px;}
.p-form #tags-in ul.tags {list-style-type: none; margin: 5px 0 0 0; max-height: 400px; overflow: auto; padding: 0;}
.p-form #tags-in ul.tags li {display: block; float: left; font-size: 0.75em; padding: 3px 0; width: 220px;}
.p-form #tags-in .fr {font-size: 0.75em; padding: 0 10px 0 0;}
.p-form #tags-in label {cursor: pointer;}
.p-form #settings-in strong, .p-form #tags-in strong, .p-form #xfields-in strong {color: #464646;}
.p-form #settings-in strong {display: block; padding: 0 0 10px 0;}
.p-form #tags-in #tag-add {clear: both; padding: 10px 0 0 0;}
.p-form #tags-in #new_tag {padding: 3px;}
.p-form #settings-in table, .p-form #xfields-in table {text-align: left; border-collapse: collapse; width: 100%;}
.p-form #settings-in table tr td, .p-form #xfields-in table tr td {padding: 5px 0 5px 10px;}
.p-form #settings-in table tr:hover td {background: #ffffbe;}
.p-form #settings-in table tr td ul {list-style-type: none; margin: 0; padding: 0;}
.p-form #settings-in table tr td ul li {padding: 3px;}
.p-form #settings-in table tr td ul li.special-li {border-top: 1px dashed #808080; padding-top: 10px;}
.p-form #settings-in table tr td span.help {color: #cccccc; font-size: 0.8em;}

.simple-format {margin: 0 auto; border-left: 1px solid #a0a0a0; border-top: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; width: 205px; _width: 225px; height: 25px; position: relative; right: 284px; top: 1px; =top: 2px; padding: 2px 10px; background: #ffffff;}
.simple-format img {cursor: pointer; border: 1px solid #a0a0a0; padding: 2px; margin-right: 1px; float: left;}
.simple-format img:hover {border: 1px solid #808080; background: #f0f0f0;}
.simple-format img.last_img {margin-right: 20px;}

#simple-format-short_story, #simple-format-full_story, #simple-format-text {display: none; position: absolute; margin: -116px 0 0 225px; =margin-right: 300px; z-index: 90; border: 1px solid #808080; background: #ffffff; width: 170px; padding: 10px; text-align: center;}
#simple-format-short_story img, #simple-format-full_story img, #simple-format-text img {cursor: pointer; border: 1px solid #fff; padding: 3px;}
#simple-format-short_story img:hover, #simple-format-full_story img:hover, #simple-format-text img:hover {border: 1px solid #808080; background: #f0f0f0;}


#comments-view {font-size: 0.85em; margin: 0 40px; padding: 10px;}
div.comment {background: #ffffff; border: 1px solid #cccccc; border-top: 0px; font-size: 0.9em; line-height: 1.4; padding: 10px; text-decoration: justify;}
div.comment code {background: #f6f6f6; border: 1px solid #cccccc; display: block; font-size: 0.9em; margin: 5px 20px; overflow: auto; padding: 5px 10px;}
div#comments-title {background: #f6f6f6; border: 1px solid #cccccc; text-align: center; padding: 10px;}
div#no-comments {border: 1px solid #cccccc; color: #0072a8; padding: 10px; text-align: center;}
div.comment .info {color: #808080;}
div.comment .info strong {color: #464646;}
div.comment:hover {background: #ffffbe;}
div.comment:hover .links {display: inline; float: right; font-size: 0.9em;}





/*
** ----- PAGES ### Add/Edit post form --------------------------------------------------------------
*/
#pages-add-edit {margin: 0; padding: 0;}
#pages-add-edit fieldset {text-align: center; margin: 0; padding: 0;}
#pages-add-edit fieldset label#for-title {margin: 0 20px 0 55px;}
#pages-add-edit textarea {width: 799px; height: 297px; margin: 0; padding: 5px;}
#pages-add-edit .ta-wrap {margin: 0 0 0 55px; text-align: left;}
#pages-add-edit p.ta-description {padding: 0 55px;}
#pages-add-edit .wysiwyg-toggle {cursor: pointer; float: right;}
#pages-add-edit p.r {margin: 10px 60px 0 0;}
#pages-add-edit #settings, #pages-add-edit #info, #pages-add-edit #xfields {width: 810px;}
#pages-add-edit #settings-in table, #pages-add-edit #xfields-in table {margin: 0 50px; width: 710px;}
#pages-add-edit #settings-in table tr td.labels {width: 160px;}
#pages-add-edit #info .example {color: #808080; text-shadow: #fff 1px -1px 1px;}
#pages-add-edit #info p.example {padding: 0; margin: -10px 0 15px 0; text-align: center;}
#pages-add-edit textarea.integration {height: 65px; margin: 0 auto; width: 700px;}

.page-info {margin: 0 auto; text-align: left;}
.page-info tr td {height: 30px;}
.page-info tr td.labels {width: 220px;}
.page-info tr td.inputs {width: 350px;}

table#pages-list thead tr th#cell-id {width: 40px;}
table#pages-list thead tr th#cell-page {width: 360px;}
table#pages-list thead tr th#cell-author {width: 200px;}
table#pages-list thead tr th#cell-order {width: 30px;}
table#pages-list thead tr th#cell-visible {width: 30px;}
table#pages-list thead tr th#cell-date {width: 70px;}
.page-key {display: inline;}


body#reorder_page {background: #ffffff; text-align: left;height: auto;}
body#reorder_page p.help {color: #808080; font-size: 0.8em; padding: 5px 10px; text-align: justify;}
ul#reorder_list {list-style-type: none; margin: 0 auto; padding: 0; width: 330px;}
ul#reorder_list li {border: 1px solid #cccccc; color: #464646; font-weight: bold; margin: 1px 0; padding: 5px 10px; position: relative;}
.reorder_hover {background: #ffffbe;}
.reorder_drag {background: #ffffbe; border: 1px solid #cccccc; font-weight: bold; opacity: 0.7; padding: 5px 10px;}
.reorder_drop {background: #f4f4f4; border: 1px solid #f4f4f4;}


table tr td.dragHandle {padding: 0 10px; width: 20px;}
table tr:hover td.dragHandle, table tr.dragged td.dragHandle {background: #ffffbe url('../../stuff/img/icons/draghandle.png') 10px 10px no-repeat; cursor: move;}
table tr.dragged td, table tr.dragged td.dragHandle {background-color: #f0f0f0;}






/*
** ----- CATEGORIES ### All stuff ------------------------------------------------------------------
*/
table.minor-list {width: 400px; float: right; margin: 0 60px 0 0;}
table.minor-list tr th#minor_id {width: 40px;}
table.minor-list tr th#minor_name {width: 320px;}
table.minor-list tr th#minor_count {width: 40px;}

form#category-add-edit {float: left; width: 315px; margin: 0 0 0 60px; text-align: center;}
form#category-add-edit label {display: block; text-align: left; padding: 0 10px;}
form#category-add-edit button {margin: 5px 0 0 0;}
form#category-add-edit .cancel {font-size: 0.8em; padding: 0 0 0 10px;}





/*
** ----- USERS ### Add/Edit user form --------------------------------------------------------------
*/
body#avatar {background: #f0f0f0; text-align: left; font-size: 0.8em;}
body#avatar img {float: left; margin-right: 5px;}
body#avatar input {padding: 3px 6px; width: 180px;}
body#avatar div {overflow: hidden; padding: 0 0 1px 0;}
body#avatar .help {color: #a0a0a0; font-size: 0.85em;}
body#avatar #avatar-controls {line-height: 1.5;}
body#avatar a, .simurl {border-bottom: 1px dotted #0072a8; color: #0072a8; cursor: pointer; text-decoration: none;}
body#avatar a:hover, .simurl:hover {border-bottom: 0;}

#users-add-edit, .profile-form {margin: 0; padding: 0;}
#users-add-edit fieldset, .profile-form fieldset {text-align: center; margin: 0 auto; margin-top: 15px; padding: 20px 10px; width: 600px; border: 1px solid #cccccc;}
#users-add-edit fieldset legend, .profile-form fieldset legend {color: #808080; font-weight: bold; text-shadow: #fff 1px 1px 1px;}
#users-add-edit fieldset label, .profile-form fieldset label, #users-add-edit fieldset span.simlabel, .profile-form fieldset span.simlabel {font-size: 0.95em; color: #464646;}
#users-add-edit p.r, .profile-form p.r {padding: 0 160px;}
#users-add-edit #personal-info, #users-add-edit #contact-info, #users-add-edit #other-info {display: none;}

#user-login-info {margin: 60px 0 0 0;}

#profile-old-pass {background: #e6e6e6; border: 1px solid #cccccc; margin: 0 49px 0 17px; padding: 10px; text-shadow: #fff 1px 1px -1px;}
#profile-old-pass label {font-weight: bold;}
#profile-old-pass span {color: #808080; display: block; font-size: 0.8em; padding: 5px 0 0 0;}

.user-info {text-align: left; margin: 10px 0 0 0;}
.user-info tr td.labels {width: 220px; padding: 0 0 0 15px;}
.user-info tr td.inputs {width: 350px; padding: 0 0 10px 0;}
.user-info tr td.info-text {font-size: 0.9em; width: 350px; padding: 10px 0 10px 0;}
.user-info tr td.help {width: 590px; color: #808080; font-size: 0.7em; padding: 0 5px 5px 5px;}
.user-info tr td span.help {color: #808080; font-size: 0.7em;}
.user-info tr td textarea {font-size: 0.8em; height: 80px; padding: 5px; width: 300px;}
.user-info tr td iframe {height: 100px; width: 300px;}


table#users-list {margin: 0;}
table#users-list thead tr th#cell-username {width: 250px;}
table#users-list thead tr th#cell-email {width: 250px;}
table#users-list thead tr th#cell-group {width: 200px;}
table#users-list thead tr th#cell-posts, table#users-list tbody tr td.cell-posts {width: 50px;}





/*
** ----- GROUPS ### All stuff ----------------------------------------------------------------------
*/
table#groups-list {width: 580px; margin: 0 auto;}
table#groups-list thead tr th {cursor: default;}
table#groups-list thead tr th:hover {background: #808080; cursor: default;}
table#groups-list tr th#group_name {width: 300px;}
table#groups-list tr th.permissions {width: 30px; padding: 10px 0; text-align: center;}

ul#permissions-help {background: #e3e3e3; border: 1px solid #cccccc; color: #464646; font-size: 0.75em; list-style-type: none; margin: 20px 20px 0 20px; padding: 10px 15px; text-align: left;}
ul#permissions-help li {display: block; margin: 5px 0;}


form#group-add-edit {width: 790px; margin: 0 auto;}
form#group-add-edit p {clear: both; padding: 20px 0 0 0; text-align: center;}
form#group-add-edit fieldset {border: 1px solid #cccccc; float: left; height: 115px; margin: 10px; padding: 10px; width: 220px;}
form#group-add-edit fieldset#group-name {width: 745px; height: auto; text-align: center;}
form#group-add-edit fieldset#group-name label {font-size: 0.85; color: #464646; font-weight: bold;}
form#group-add-edit fieldset#group-name input {margin: 0 0 0 10px;}
form#group-add-edit fieldset legend {border: 1px solid #cccccc; color: #464646; font-weight: bold; font-size: 0.85em; padding: 5px 10px;}
form#group-add-edit fieldset:hover, form#group-add-edit fieldset:hover legend {border: 1px solid #808080; background: #fff;}
form#group-add-edit fieldset#group-name:hover {border: 1px solid #cccccc; background: transparent;}

ul.permissions-list {list-style-type: none; font-size: 0.75em; text-align: left; margin: 0; padding: 0;}
ul.permissions-list li {display: block; margin: 5px 0;}





/*
** ----- COMMENTS ### Edit comment form ------------------------------------------------------------
*/
#c-count {color: #464646; float: left; font-size: 0.8em; position: relative; top: 20px; width: 400px;}
table#comments-list {margin: 0;}
table#comments-list thead tr th#cell-author {width: 165px;}
table#comments-list thead tr th#cell-text {width: 500px;}
table#comments-list thead tr th#cell-post {width: 180px;}
table#comments-list tbody tr td .checkbox {float: right;}

table#comments-list tr td span.status_0 {color: #ff0000;} /* red */
table#comments-list tr td span.status_1 {color: #008000;} /* green */
table#comments-list tr td span.status_2 {color: #ffa500;} /* orange */
table#comments-list tr td span.status_3 {color: darkred;} /* darkred */
table#comments-list tr td span.status_4 {color: darkred;} /* darkred */
table#comments-list tr td span.status_5 {color: #ff0000;} /* red */

table#comments-list tr:hover p.process-links {display: block; font-size: 0.85em; margin: 0; padding: 5px 0;}
table#comments-list tr td a.approve, table#comments-list tr td a.restore {color: #008000;}
table#comments-list tr td a.reject, table#comments-list tr td a.delete {color: #ff0000;}

table#comments-list tbody tr td {vertical-align: top;}
div.comment-text {background: #f6f6f6; border: 1px solid #cccccc; font-size: 0.85em; height: 60px; line-height: 1.4; margin: 0 0 5px 0; overflow: auto; padding: 2px 5px; text-align: justify; width: 520px;}

.bulk-actions {padding: 5px 0 0 0; text-align: left; z-index: 100;}

form#comment-edit {margin: 0 auto; width: 500px;}
form#comment-edit table tr td.labels {width: 140px;}
form#comment-edit textarea {height: 100px; padding: 5px; width: 447px; margin: 0;}
form#comment-edit p.r {padding: 0 30px 0 0; margin: 2px 0 0 0;}
form#comment-edit ul#comment-info {background: #f6f6f6; border: 1px solid #808080; color: #464646; font-size: 0.9em; list-style-type: none; margin: 0 0 0 13px; padding: 10px 20px; width: 417px;}
form#comment-edit ul#comment-info li {padding: 3px 0;}

form#comment-reply {text-align: center; margin: 80px 0 0 0;}
form#comment-reply textarea {height: 100px; padding: 5px; width: 400px;}
form#comment-reply p.ta-description {padding: 0 0 0 100px;}
#mn-comment-buttons {margin: 5px 0 0 0; text-align: center;}
#mn-comment-buttons img {cursor: pointer; padding: 3px; border: 1px solid #cccccc; margin-left: -4px;}
#mn-comment-buttons img:hover {background: #cccccc url('../themes/bluedee/img/sim-small-button.gif') top left repeat-x;}




/*
** ----- ITEMS ### Delete item form ----------------------------------------------------------------
*/
form.item-delete {text-align: center; padding: 90px 0 0 0;}
form#post-delete, form#comment-delete {padding: 50px 0 0 0;}
form.item-delete div.preview {text-align: justify; font-size: 0.75em; background: #f6f6f6; border: 1px solid #808080; padding: 5px 10px; margin: 5px; overflow: auto; height: 100px;}
form.item-delete .warn {color: #dc143c; font-weight: bold; display: block;}
form.item-delete button {margin: 0 auto; margin-top: 15px; display: block;}
form.item-delete em {color: #808080; font-size: 0.9em; padding: 5px 0 0 0; display: block;}
form.item-delete p.c img {border: 2px solid #cccccc; max-width: 200px; max-height: 200px;}
form.item-delete div.preview em {display: inline;}






table#files-list {margin: 0;}
table#files-list thead tr th#cell-checkbox {width: 20px; padding: 0;}
table#files-list thead tr th#cell-icon {width: 20px; padding: 0;}
table#files-list thead tr th#cell-name {width: 370px;}
table#files-list thead tr th#cell-size {width: 110px;}
table#files-list thead tr th#cell-dir {width: 80px;}
table#files-list thead tr th#cell-uploader {width: 140px;}
table#files-list thead tr th#cell-date {width: 40px;}
table#files-list tr td.cell-icon {text-align: center; width: 20px; vertical-align: top;}
table#files-list tr.highlight td {background-color: #ebfde7 !important;}
table#files-list tr td input.file-link {border: 1px solid #cccccc; font-size: 0.7em; height: 10px; margin: 0; padding: 0; width: 100px;}
table#files-list tr td input.file-link:focus {border: 1px solid #cccccc; box-shadow: #ffffbe 0 0 0 !important; -webkit-box-shadow: #ffffbe 0 0 0 !important; -moz-box-shadow: #ffffbe 0 0 0 !important;}


form#uploadify-form {margin: 0; padding: 0;}
#upload-info {color: #a0a0a0; font-size: 0.9em; font-style: italic;}
#upload-info .complete {color: #259E00;}
#upload-btn {clear: both; position: relative; top: 10px;}

.uploadify-button {
	background-color: #a0a0a0;
	background-image: linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -o-linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -moz-linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -webkit-linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -ms-linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #a0a0a0),
		color-stop(1, #cccccc)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #a0a0a0;
	color: #ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 1px 1px 1px #111;
	width: 100%;
}
.uploadify:hover .uploadify-button {
	background-color: #a0a0a0;
	background-image: linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -o-linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -moz-linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -webkit-linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -ms-linear-gradient(bottom, #a0a0a0 0%, #cccccc 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #808080),
		color-stop(1, #cccccc)
	);
	background-position: center bottom;
	box-shadow: 0px 0px 3px #cccccc;
}
.uploadify-button.disabled {background-color: #d0d0d0; color: #808080;}


form#quick-upload {color: #808080; margin: 0 auto; text-align: left; text-shadow: #fff 1px -1px 1px;}
form#quick-upload label {color: #464646;}
form#quick-upload p {font-size:  0.8em; margin: 0; padding: 0;}

form#image-edit {font-size: 0.9em; padding: 10px 0 0 0; text-align: center;}
form#image-edit label.required {color: #000000; font-weight: bold;}
form#image-edit input#filename {width: 260px;}
form#image-edit #galleries {background: #f6f6f6; border: 1px solid #cccccc; margin: 0 auto; margin-top: 10px; max-height: 100px; overflow: auto; padding: 10px; text-align: left; width: 500px;}
form#image-edit #galleries ul.galleries {list-style-type: none; margin: 5px 0 0 0; max-height: 400px; overflow: auto; padding: 0;}
form#image-edit #galleries ul.galleries li {display: block; float: left; font-size: 0.75em; padding: 3px 0; width: 220px;}
form#image-edit span.trivial {color: #cccccc;}

form#image-edit table {margin: 0 auto;}
form#image-edit table tr td.inputs {text-align: left;}
form#image-edit table tr td.labels {padding: 0 10px 0 0; text-align: right;}
form#image-edit table tr td.thumb {padding: 15px 10px; vertical-align: top;}
form#image-edit table tr td.thumb img {border: 2px solid #808080;}
form#image-edit table tr td textarea {padding: 5px; width: 300px;}


#gallery {padding: 0 0 0 10px;}
#gallery #gallery-filter {font-size: 0.8em; padding: 5px 0; text-align: right;}
#gallery #gallery-filter select {border-color: #cccccc;}
#gallery .gal-item {background: transparent; border: 1px solid #cccccc; float: left; font-size: 0.65em; height: 150px; margin: 5px 5px 0 0; overflow: hidden; padding: 10px 5px 0 5px; text-align: center; width: 105px;}
#gallery .gal-item.uploaded {border: 1px solid #a0a0a0; box-shadow: 0px 0px 4px #cccccc;}
#gallery .gal-item p {padding-bottom: 0; margin-bottom: 0;}
#gallery .gal-item:hover {border: 1px solid #0072a8; box-shadow: 0px 0px 4px #0072a8; color: #0072a8; cursor: pointer;}
#gallery .gal-item img {border: 1px solid #cccccc; max-height: 90px; width: 92%;}
#gallery .gal-item:hover img {border-color: #a0a0a0;}
#gallery .gal-item .trivial {color: #cccccc;}
.simicon {background: transparent url('../../stuff/img/icons/file-uni-big.png') center center no-repeat; color: #cccccc; display: inline-block; font-size: 1.7em; height: 60px; padding-top: 30px; text-align: center; width: 90px;}
.f_doc, .f_docx {color: lightblue;}
.f_xls, .f_xlsx, .f_csv {color: lightgreen;}
.f_pdf {color: lightpink;}
.f_mp4, .f_avi, .f_3gp, .f_asf, .f_asx, .f_mov, .f_mpeg, .f_mpg, .f_wmv, .f_wmx {color: sandybrown;}
.f_aac, .f_m3u, .f_mid, .f_mp3, .f_wav {color: gold;}

#mn-popup {background: #f0f0f0; border: 1px solid #a0a0a0; box-shadow: 0px 0px 20px #222; margin: -170px 0 0 -300px; padding: 10px; position: fixed; top: 50%; left: 50%; width: 600px; height: 340px;}
#mn-popup form {font-size: 0.8em; padding: 20px 5px 10px 5px;}
#mn-popup form input.text {width: 250px;}
#mn-popup form input.short {width: 100px;}
#mn-popup form select.short {margin:  0 20px 0 0;}
#mn-popup form select.long {width: 262px; margin: 0 0 10px 0;}
#mn-popup .pop-close {background: #ffffff; border: 1px solid #a0a0a0; color: #808080; cursor: pointer; float: right; padding: 0px 6px 3px 6px;}
#mn-popup .pop-close:hover {border-color: #0072a8; box-shadow: 0px 0px 4px #0072a8; color: #001525;}
#mn-popup #preview {font-size: 0.9em; text-align: center; width: 200px;}
#mn-popup #preview .trivial {color: #a0a0a0;}
#mn-popup button {margin-top: 10px;}


form#bulk-edit {font-size: 0.9em; padding: 10px 0 0 0; text-align: left;}
form#bulk-edit fieldset {border: 1px solid #cccccc; width: 425px; float: left; margin: 5px; padding: 10px;}
form#bulk-edit fieldset label {width: 140px; display: inline-block;}
form#bulk-edit fieldset input.text {width: 220px;}
form#bulk-edit fieldset input.filename {width: 185px;}
form#bulk-edit span.trivial {color: #a0a0a0;}





#tools {margin: 0 auto; width: 685px;}
.tool {background: #f6f6f6; border: 1px solid #cccccc; float: left; height: 100px; margin: 10px; padding: 10px; width: 300px;}
.tool h3 {margin: 0; padding: 0; display: block;}
.tool h3 a, .tool h3 a:hover span {text-decoration: none;}
.tool h3 a span {text-decoration: underline;}
.tool p {color: #808080; font-size: 0.8em;}


table#xfields-list {float: right; margin-top: 20px; width: 540px;}
table#xfields-list tr th#xfield-icon {width: 16px;}
table#xfields-list tr th#xfield-name {width: 224px;}
table#xfields-list tr th#xfield-var {width: 200px;}
table#xfields-list tr th#xfield-section {width: 100px;}

form#xfields-add-edit {font-size: 0.9em; margin: 0 auto; width: 360px; float: left;}
form#xfields-add-edit textarea {height: 80px; padding: 5px; width: 300px;}
form#xfields-add-edit label.block {display: block; padding: 10px 0 0 0;}
form#xfields-add-edit label.select {display: block; padding: 2px 0 0 40px;}
form#xfields-add-edit label.hide {display: none;}
form#xfields-add-edit .cancel {font-size: 0.8em; padding: 0 0 0 10px;}
form#xfields-add-edit input[disabled="disabled"], form#xfields-add-edit select[disabled="disabled"] {cursor: help;}

table#backup-table {width: 700px;}
table#backup-table tr th#file_name {width: 450px;}
table#backup-table tr th#file_size {width: 100px;}
table#backup-table tr th#file_date {width: 150px;}

.disclaimer {color: #808080; font-size: 0.9em; margin: 0 100px; padding: 10px 0 0 0; text-align: justify; text-shadow: 1px 1px -1px #fff;}

form#banned-ips {margin: 0 auto; text-align: center; width: 800px;}
form#banned-ips textarea {height: 200px; margin: 0 auto; padding: 5px; width: 300px;}
form#banned-ips p.help {color: #808080; font-size: 0.8em; text-shadow: 1px 1px -1px #fff;}

table#theme-config {width: 500px; margin: 0 auto;}
table#theme-config tr td {padding: 2px 5px; vertical-align: top;}
table#theme-config input[type="text"], table#theme-config input[type="number"] {padding: 4px;}
table#theme-config input.colorpick {font-family: courier;}
table#theme-config input.extra {margin: 0 0 2px 0; width: 260px;}
table#theme-config span.help {color:  #a0a0a0; cursor: help; font-size: 0.7em; padding-left: 5px;}
.colorpreview {border: 1px solid #464646; display: inline-block; width: 16px; height: 16px; position: relative; top: 4px;}

table.config-edit {width: 650px; margin: 0 auto; border-collapse: collapse; border-bottom: 1px solid #cccccc;}
table.config-edit tr td {border-top: 1px solid #cccccc; padding: 5px 10px 0 10px;}
table.config-edit tr td.labels {width: 300px;}
table.config-edit tr td label {color: #000000; font-size: 0.9em; font-weight: bold;}
table.config-edit tr td label.custom {font-weight: normal;}
table.config-edit tr td.labels p.avatar-help {margin: 0; padding: 0 0 25px 0;}
table.config-edit tr td input.extra {width: 270px;}
table.config-edit tr td select.extra {width: 282px;}
table.config-edit tr td input.secondrb {margin-left: 20px;}
table.config-edit tr td input, table.config-edit tr td select {font-size: 0.9em;}
table.config-edit tr td input[type="number"] {width: 50px;}
table.config-edit tr.config-help td, table.config-edit tr td .help {border: 0; color: #808080; font-size: 0.7em; padding: 0 10px 20px 5px;}
table.config-edit tr td img#auto-url {cursor: pointer;}
#bb-buttons-viewer {font-size: 0.8em;}
table.config-edit tr td #bb-buttons {clear: both; padding: 5px 0;}
table.config-edit tr td #bb-buttons input {margin: 0;}
table.config-edit tr td #bb-buttons label {padding: 0 7px 0 2px;}
table.config-edit tr td #bb-buttons label img {background: #fff; border: 1px solid #cccccc; cursor: pointer; padding: 2px;}

.help-text {background: #f6f6f6; border: 1px solid #cccccc; font-size: 0.8em; margin: 0 auto; padding: 10px; text-align: left; width: 628px;}
.sim-select {background: #ffffff; height: 80px; margin: 5px 0 10px 0; overflow: auto; padding: 3px 0 3px 3px; width: 250px;}

.t-nav {padding: 0 0 15px 0;}
.t-nav ul {background: #fff url('../themes/bluedee/img/config-menu.gif') top left repeat-x; border: 1px solid #cccccc; list-style-type: none; margin: 0 auto; overflow: hidden; padding: 0; text-align: center; width: 704px;}
.t-nav li {border-right: 1px solid #cccccc; color: #464646; cursor: pointer; float: left; font-size: 0.8em; font-weight: bold; height: 24px; margin: 0; padding: 9px 10px 0 10px; text-align: center; text-decoration: underline; width: 120px;}
.t-nav li.last {border: 0;}
.t-nav li:hover {text-decoration: none;}
.t-nav li.active {background: #ebebeb url('../themes/bluedee/img/config-menu.gif') bottom left repeat-x; color: #808080; cursor: default; text-decoration: none; text-shadow: 1px -1px 1px #fff;}
.t-content {clear: both;}


form#integration {text-align: center;}
form#integration fieldset {border: 1px solid #cccccc; margin: 20px 50px 50px 50px;}
form#integration fieldset legend {border: 1px solid #cccccc; color: #464646; font-size: 0.9em; font-weight: bold; padding: 5px 10px;}
form#integration fieldset .help {color: #808080; font-size: 0.8em; text-align: justify;}
form#integration textarea {border: 1px solid #cccccc; height: 80px; margin: 0 auto; padding: 5px; text-align: justify; width: 700px;}
form#integration textarea#generate {height: 130px;}
form#integration textarea#gal {height: 100px; width: 450px;}




table#templates-list thead tr th#tmpl_name {width: 350px;}
table#templates-list thead tr th#tmpl_file {width: 300px;}

#tmpl-link {position: relative; left: 780px; text-decoration: none; top: -35px;}
#tmpl-link span {color: #464646; font-size: 0.9em; font-weight: bold; text-decoration: underline; text-shadow: 1px 1px -1px #fff;}
#tmpl-link:hover span {text-decoration: none;}
form.tmpl-add fieldset {text-align: center;}
form.tmpl-add fieldset table {margin: 0 auto;}
form.tmpl-add fieldset table tr td {text-align: left;}


#tmpl-edit {text-align: center;}
#tmpl-edit textarea {height: 200px; padding: 5px; width: 820px;}

.tmpl-help {background: #f6f6f6; border: 1px solid #808080; font-size: 0.8em; margin: 0 44px 5px 44px; padding: 10px; text-align: left;}
ul.tmpl-variables, ul.tmpl-variables ul {list-style-type: none; margin: 0; padding: 0 0 0 15px;}
ul.tmpl-variables li, ul.tmpl-variables ul li {padding: 1px 0;}
ul.tmpl-variables li span.example {color: #808080;}
ul.tmpl-variables li span.variable {font-weight: bold; cursor: pointer;}
ul.tmpl-variables ul li span.variable {color: #464646;}
ul.tmpl-variables span.variable:hover {color: #0072a8;}
ul.tmpl-variables ul {margin: 5px 0;}




/*
** ----- COMMON Classes ----------------------------------------------------------------------------
*/
.vat {vertical-align: top; padding: 7px 0 0 15px;}
.vatt {vertical-align: top; padding: 5px 0 0 0;}
.required {color: darkred; font-size: 0.9em;}
.disabled {background: #f0f0f0; color: #464646;}
.rel-links {color: #808080; float: right; padding: 15px 0 0 0;}
.rel-links a {text-decoration: none; border-bottom: 1px solid;}
.rel-links a:hover {border: 0;}

.wtooltip {background: #a0a0a0; background: rgba(105, 105, 105, 0.7); border: 1px solid #808080; color: white; font-size: 0.7em; margin: 5px 0 0 0; padding: 5px 10px; text-align: left; text-shadow: #606060 1px 1px 1px;}

input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus, select:focus, form#integration textarea:focus {border-color: #0072a8; box-shadow: #0072a8 0 0 5px; -webkit-box-shadow: #0072a8 0 0 5px; -moz-box-shadow: #0072a8 0 0 5px; outline: none;}