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





/*
** ----- MAIN PAGE LAYOUT --------------------------------------------------------------------------
*/
#main {
  background: url('./img/main-back.gif') top left repeat-y;
  text-align: center;
  margin: 0 auto; padding: 0;
  width: 940px;
  height: auto;
  min-height: 100%;
  _height: 100%;
  position: relative;
}

#header {
  height: 110px;
  background: #0072a8 url('./img/header.gif') top left no-repeat;
}
#header div.logo {float: left; margin: 0 20px; width: 100px; height: 100px;}
#header div.logo a {background: url('./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('./img/logo.png') bottom left no-repeat;}

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

#lang-img {cursor: pointer; left: 910px; position: absolute; top: 10px;}
#lang-select {
  background: url('./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 {border: 1px solid #e0dfdf; color: #464646; display: block; margin: 0 10px; padding: 3px 10px; text-decoration: none;}
#lang-select li a span {text-decoration: underline;}
#lang-select li a:hover {background: #f0f0f0; border: 1px solid #ccc;}
#lang-select li a:hover span {text-decoration: none;}


#content {
  margin: 0;
  padding: 5px 10px 70px 10px;
  clear: both;
  text-align: justify;
  background: #f0f0f0 url('./img/content-top.gif') top left no-repeat;
  z-index: 100;
}

.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 {
  height: 70px;
  width: 100%;
  background: #808080 url('./img/footer.gif') top center no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}
#footer div {
  font-size: 0.8em;
  padding-top: 50px;
  color: #c0c0c0;
  z-index: 2;
}
#footer div a {color: #fff;}





/*
** ----- MAIN MENU ---------------------------------------------------------------------------------
*/
ul.menu {list-style-type: none; padding: 39px 0 0 0; =padding: 20px 0 0 0; clear: right;}
ul.menu li {float: left;}
ul.menu li a {
  background: url('./img/menu.png');
  width: 122px; height: 23px;
  display: block;
  margin: 0 2px 0 3px;
  padding: 7px 0 0 0;
  color: #505050;
  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;}
#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: #ccc;}
#login-main p.login-weblink a:hover {color: #f0f0f0;}

#login-box {
  background: #f0f0f0 url('./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 {
  border: 1px solid #808080;
  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 p {
  font-size: 0.8em;
  padding: 0;
  text-align: left;
}
#login-box form p.c {text-align: center;}
#login-box form#form-login p {margin: 18px 0 0 0;}
#login-box form#form-login span#clear-cookies {float: right;}
#login-box form#form-lost-pass p {margin: 28px 0 0 0;}
#login-box form#form-register p {margin: 12px 0 0 0;}
#login-box form#form-login p.pl {margin: 0; padding: 5px 0 0 0; text-align: center;}
#login-box form p span {float: right;}
#login-box form p a {color: #005b86;}

#login-footer {
  background: #f0f0f0 url('./img/login-footer.gif') top left no-repeat;
  bottom: 0;
  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: #000;}

.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: #fff;
  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 #c0c0c0; 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 #ccc;}

.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 {border-bottom: 1px dotted #005177; color: #005177;}
a img {border: 0;}

form fieldset {border: 0;}
form fieldset legend {text-align: left;}
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 {border: 1px solid #808080; 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('./img/button.png') top left no-repeat;
  border: 0;
  color: #454545;
  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 {color: #222; background: url('./img/button.png') bottom left no-repeat;}





/*
** ----- 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('../../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;}





/*
** ----- 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: #fff; text-shadow: 1px 1px -1px #000;}
#version-info .simbutton a {color: #555; margin: 0 auto; text-shadow: 1px 1px -1px #fff;}

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

#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 #ccc; 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 #c0c0c0; padding: 20px; width: 430px; margin: 0 auto;}
#mn-comment-form legend {color: #888;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 #ccc; margin-left: -4px;}
#mn-comment-buttons img:hover {background: #ccc;}
.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('./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('./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('./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('./img/small-button.png') bottom left no-repeat;} */




table.widget {border: 1px solid #c0c0c0; border-bottom: 0; border-collapse: collapse; font-size: 0.9em; margin: 6px 5px; width: 450px;}
table.widget tr td, table.widget tr th {background: #fff; border-bottom: 1px solid #c0c0c0; padding: 5px;}
table.widget tr th {background: #ccc; 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: #f8f8f8; border: 1px solid #ccc; font-size: 0.7em; height: 40px; margin: 0; overflow: auto; width: 245px;}
table.widget tr:hover td.rss-item {background: #fff;}
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 {float: left;}
.w2, .w4 {float: right;}

form#db-config-form {text-align: center; margin: 0 auto; padding: 50px 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: #fff; 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: #fff; 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('../../img/icons/sort-num-asc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.num.headerSortUp {background: #a0a0a0 url('../../img/icons/sort-num-desc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.date.headerSortDown {background: #a0a0a0 url('../../img/icons/sort-date-asc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.date.headerSortUp {background: #a0a0a0 url('../../img/icons/sort-date-desc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.headerSortDown {background: #a0a0a0 url('../../img/icons/sort-asc.png') 2px 10px no-repeat;}
table.tablesorter thead tr th.headerSortUp {background: #a0a0a0 url('../../img/icons/sort-desc.png') 2px 10px no-repeat;}
table.tablesorter tr th:hover {background: #808080 url('../../img/icons/sort.png') 2px 10px no-repeat;}

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: #808080; font-style: italic;}
table.tablesorter tr td .info {color: #808080;}
table.tablesorter tr td a.main-link {font-weight: bold;}
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: 5px 0; padding: 0; text-align: center;}
#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: #505050; font-size: 0.8em; padding: 5px 0; text-align: justify;}
table#posts-list tr td .future {color: #708090; font-style: italic;}

table#posts-list tr td span.status_1 {color: #008000;} /* green */
table#posts-list tr td span.status_2 {color: #0072a8;} /* blue */
table#posts-list tr td span.status_3 {color: #ffa500;} /* orange */
table#posts-list tr td span.status_4 {color: #ff0000;} /* red */
table#posts-list tr td span.status_5 {color: #ff0000;} /* red */
table#posts-list tr td span.status_6 {color: #b10dc9;} /* magenta */





/*
** ----- 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 textarea {width: 699px; height: 197px; margin: 0; border: 1px solid #808080; 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 100px 0 0;}
#posts-add-edit #settings, #posts-add-edit #tags {width: 710px;}
#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 #c0c0c0;
  margin-top: -71px;
  padding: 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;}

.toggles {font-size: 0.9em;}

.p-form #settings, .p-form #tags, .p-form #info {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 {border: 1px solid #808080; background: #f8f8f8; 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 #tags-in strong {color: #464646;}
.p-form #tags-in #tag-add {clear: both; padding: 10px 0 0 0;}
.p-form #settings-in table {text-align: left; border-collapse: collapse; width: 100%;}
.p-form #settings-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: #c0c0c0; font-size: 0.8em;}


.simple-format {
  margin: 0 auto;
  border-left: 1px solid #9e9e9e;
  border-top: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
  width: 205px; _width: 225px;
  height: 25px;
  position: relative;
  right: 284px; top: 1px; =top: 2px;
  padding: 2px 10px;
  background: #fff;
}
.simple-format img {cursor: pointer; border: 1px solid #9e9e9e; padding: 2px; margin-right: 1px; float: left;}
.simple-format img:hover {border: 1px solid #1847a1; background: #b2bbd0;}
.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: #fff;
  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 #1847a1; background: #b2bbd0;}





#comments-view {font-size: 0.85em; margin: 0 40px; padding: 10px;}
div.comment {background: #fff; border: 1px solid #ccc; border-top: 0px; font-size: 0.9em; line-height: 1.4; padding: 10px; text-decoration: justify;}
div.comment code {background: #f8f8f8; border: 1px solid #c0c0c0; display: block; font-size: 0.9em; margin: 5px 20px; overflow: auto; padding: 5px 10px;}
div#comments-title {background: #e5e5e5; border: 1px solid #ccc; text-align: center; padding: 10px;}
div#no-comments {border: 1px solid #ccc; color: #1847a1; 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; border: 1px solid #808080; 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 {width: 810px;}
#pages-add-edit #settings-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: #fff; 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 #ccc; color: #464646; font-weight: bold; margin: 1px 0; padding: 5px 10px; position: relative;}
.reorder_hover {background: #ffffbe;}
.reorder_drag {background: #ffffbe; border: 1px solid #ccc; font-weight: bold; opacity: 0.7; padding: 5px 10px;}
.reorder_drop {background: #f4f4f4; border: 1px solid #f4f4f4;}
.dragHandle {
  background: transparent url('../../img/icons/draghandle.png') 295px 0px no-repeat;
  cursor: move;
	display: block;
	height: 100%;
  position: absolute;
  width: 100%;
}






/*
** ----- CATEGORIES ### All stuff ------------------------------------------------------------------
*/
table#categories-list {width: 400px; float: right; margin: 0 60px 0 0;}

table#categories-list tr th#cat_id {width: 40px;}
table#categories-list tr th#cat_name {width: 320px;}
table#categories-list tr th#posts_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;}





/*
** ----- USERS ### Add/Edit user form --------------------------------------------------------------
*/
#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 #c0c0c0;}
#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 {display: none;}

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

#profile-old-pass {
  background: #e6e6e6;
  border: 1px solid #c0c0c0;
  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: #606060; 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;}



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 #c0c0c0;
  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 #c0c0c0;
  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 #c0c0c0;
  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 #c0c0c0; 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;
}





/*
** ----- USERS ### Add/Edit user form --------------------------------------------------------------
*/
table#comments-list {margin: 0;}
table#comments-list thead tr th#cell-author {width: 160px;}
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 tbody tr td {vertical-align: top;}
div.comment-text {
  background: #f8f8f8;
  border: 1px solid #c0c0c0;
  font-size: 0.85em;
  line-height: 1.4;
  margin: 0 0 5px 0;
  height: 60px;
  overflow: auto;
  padding: 2px 5px;
  text-align: justify;
}


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

form#comment-edit {
  margin: 0 auto;
  width: 500px;
}
form#comment-edit table tr td.labels {width: 140px;}
form#comment-edit textarea {
  border: 1px solid #808080;
  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 {
  border: 1px solid #808080;
  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 #ccc; margin-left: -4px;}
#mn-comment-buttons img:hover {background: #ccc;}




/*
** ----- 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 #ccc; max-width: 200px; max-height: 200px;}
form.item-delete div.preview em {display: inline;}






#mn-uploads #uploadify-form {margin: 0 auto; width: 680px;}
#mn-uploads #uploadify-core {max-height: 300px; overflow: auto;}
#mn-uploads #uploaded-files {padding: 0; text-align: center; max-height: 2000px; overflow: auto;}
#mn-uploads #uploaded-files a img {border: 2px solid #ccc; float: left; margin: 5px;}
#mn-uploads #uploaded-files a:hover img {border: 2px solid #808080;}
#mn-uploads .div-legend {
  border-bottom: 1px solid #464646;
  font-weight: bold;
  color: #464646;
  display: block;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
}


form#quick-upload {
  color: #707070;
  margin: 0 auto;
  text-align: center;
  text-shadow: #fff 1px -1px 1px;
}



#gallery {
  margin: 10px 0 0 0;
  padding: 0 0 0 15px;
  text-align: center;
}
#gallery .gal-item {
  float: left;
  border: 1px solid #808080;
  margin: 5px;
  background: #fff;
  width: 154px;
  padding: 5px;
  min-height: 230px;
  text-align: center;
}
#gallery .gal-item:hover {border: 1px solid #464646;}
#gallery .gal-item div {height: 160px; overflow: auto;}
#gallery .gal-item div a img {border: 2px solid #808080; display: block; margin: 0 auto;}
#gallery .gal-item div a:hover img {border: 2px solid #464646;}
#gallery .gal-item:hover {background: #ffffbe;}
#gallery .gal-item:hover .links {display: block; font-size: 0.75em;}
#gallery .gal-item:hover .file-info {display: inline;}
#gallery .gal-item p {
  color: #808080;
  font-size: 0.7em;
  margin: 0;
  padding: 0 0 5px 0;
  height: 50px;
}
#gallery .gal-item p em {color: #464646;}
#gallery .highlight {background: #a4ff8f;}

form#image-edit {padding: 40px 0 0 0; text-align: center;}
form#image-edit img.thumb {border: 2px solid #808080;}






#tools {margin: 0 auto; width: 685px;}
.tool {background: #f5f5f5; border: 1px solid #ccc; 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;}



.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 {
  border: 1px solid #808080;
  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.config-edit {
  width: 650px;
  margin: 0 auto;
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
}
table.config-edit tr td {border-top: 1px solid #ccc; padding: 5px 10px 0 10px;}
table.config-edit tr td.labels {width: 300px;}
table.config-edit tr td label {color: #000; font-size: 0.9em; font-weight: bold;}
table.config-edit tr td label.custom {font-weight: normal;}
table.config-edit tr td input.extra {width: 270px;}
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.config-help td, table.config-edit tr td .help {border: 0; color: #808080; font-size: 0.7em; padding: 0 10px 20px 10px;}
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 #ccc; cursor: pointer; padding: 2px;}


.t-nav ul {
  list-style-type: none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 10px 0;
  text-align: center;
  width: 576px;
}
.t-nav li {
  background: url('./img/button-config.png') top left no-repeat;
  color: #464646;
  cursor: pointer;
  float: left;
  font-size: 0.8em;
  font-weight: bold;
  height: 23px;
  margin: 2px;
  padding: 7px 10px 0 10px;
  text-align: center;
  text-decoration: underline;
  width: 120px;
}
.t-nav li:hover {
  text-decoration: none;
}
.t-nav li.active {
  background: url('./img/button-config.png') bottom left no-repeat;
  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 #c0c0c0; margin: 20px 50px 50px 50px;}
form#integration fieldset legend {border: 1px solid #c0c0c0; 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 #c0c0c0; height: 80px; margin: 0 auto; padding: 5px; text-align: justify; width: 700px;}




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: 800px; 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 {
  border: 1px solid #808080;
  height: 200px;
  padding: 5px;
  width: 820px;
}

.tmpl-help {background: #dfdfdf; 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: #505050;}
ul.tmpl-variables span.variable:hover {color: #0072a8;}
ul.tmpl-variables ul {margin: 5px 0;}




/*
** ----- COMMON Classes ----------------------------------------------------------------------------
*/
.required {color: darkred; font-size: 0.9em;}
.rel-links {color: #808080; float: right; padding: 15px 0 0 0;}