/*body {
margin: 0px;
padding: 0px;
background: #5d7083 url('../images/interface/bg.png') repeat-x 0px 28px;
font: 12px Verdana;
}*/
body {
background: url('../images/interface/bg.png');
font: 12px Verdana;
color: #f0f0f0;
}
td {
vertical-align: top;
font-size: 12px;
}
img.icon {
vertical-align: middle;
margin: 0px 2px;
}
img.left {
float: left;
margin: 2px 10px 4px 0px;
}
img.content {
margin-bottom: 12px;
}
img.preview, img.content {
/*padding: 1px;
border: 1px solid #909090;*/
border: 1px solid #505050;
padding: 3px;
background-color: #202020;
margin-bottom: 8px;
clear: both;
}
a {
color: #e0e0e0;
}
a:hover {
text-decoration: underline;
color: #ffffff;
}
h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
}
/*h1, h2 {
font: bold 24px Myriad Pro, Tahoma;
color: #b0c2d4;
}*/
h1, h2 {
margin: 0px 0px 8px 0px;
padding: 0px;
/*border: 1px solid red;*/
font: normal 24px Arial;
color: #dddddd;
}
h1 a, h2 a {
text-decoration: none;
/*color: #b0c2d4 !important;*/
}
h1 a:hover, h2 a:hover {
/*text-decoration: none;
color: #5d7083 !important;*/
}
.h2x h2 {
display: inline;
vertical-align: middle;
}
.h2x .sub {
position: relative;
top: 0px;
padding-left: 11px;
vertical-align: middle;
font: normal 10px Verdana;
color: #909090;
}
.h2x .sub a:hover {
text-decoration: underline;
}
.h2x a {
text-decoration: none;
color: #909090;
}
h3 {
padding-top: 4px;
font: bold 14px Tahoma;
color: #3c4857;
}
h3 .dark {
position: relative;
top: -1px;
font: normal 10px Verdana;
color: #909090;
}
h4 {
padding-top: 4px;
}
p {
margin: 0px;
padding-bottom: 12px;
}
p.alone {
padding-top: 12px;
}
ul {
margin: 0px;
padding: 0px 0px 12px 20px;
}
ul.related {
list-style-type: none;
margin: 0px;
padding: 0px 0px 12px 0px;
font: bold 10px Verdana;
}
form {
margin: 0px;
padding: 0px 0px 12px 0px; /*0px 12px 0px;*/
}
input, textarea {
font: 12px Courier New;
}
form .error {
margin-left: 4px;
font-weight: bold;
color: #ff0000;
}
.bbcode_panel input {
margin: 4px 0px;
}
.good, .done {
/*color: #9cb113;*/
color: #739820;
}
.bad, .error {
color: #ED6200;
}
.warning {
color: #E58F27;
}
.light, .lite {
color: #fe820e;
}
.shaded {
color: #CF7493;
}
.dark {
color: #909090; /*401720*/
}
.dark a, .hint a {
text-decoration: underline;
color: #909090;
}
.dark a:hover, .hint a:hover {
color: #909090;
}
.hint {
font: normal 10px Verdana;
color: #b0c2d4;
}
.quoted {
font-weight: bold;
}
.sandbox {
display: none;
}
.quote {
/*background-color: #b0c2d4;*/
margin: 12px 14px; /* ghggfffffgfgfghfhghh */
font-size: 11px;
font-weight: bold;
color: #b0c2d4 !important;
}
.quote .name {
font-weight: bold;
}
.quote .content {
margin: 0px !important;
padding: 0px !important;
}
.note, .caution {
/*border: 1px solid red;*/
margin: 18px 8px 18px 8px;
padding: 8px 12px 12px 42px;
font-size: 10px;
background-repeat: no-repeat;
background-position: 0% 50%;
}
.note {
background-image: url('../images/interface/icons/note.png');
color: #cf7493;
}
.note a {
font-weight: bold;
color: #cf7493;
}
.caution {
background-image: url('../images/interface/icons/caution.png');
color: #fe820e;
}
.caution a {
font-weight: bold;
color: #fe820e;
}
.current {
text-decoration: underline;
font-weight: bold;
}

/* Interface */

.head_bg {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 940px;
background: url('../images/interface/head_bg.png') no-repeat 0px 0px;
}
.foot_bg {
width: 940px;
background: url('../images/interface/foot_bg.png') no-repeat 0px 100%;
}
.head {
height: 90px;
background: url('../images/interface/head_bg_inner.png') repeat-x 0px 0px;
}
.logo {
width: 294px;
}
.logo a {
display: block;
width: 279px;
margin: 0px 0px 0px 0px;
}
.content {
background: url('../images/interface/content_bg.png') no-repeat #363636;
}
.leftside {
float: left;
width: 674px;
}
.leftside .group {
background: url('../images/interface/group_bg.png') no-repeat 8px 0px;
padding-top: 8px;
}
.rightside {
float: right;
width: 258px;
}
.rightside .group {
background: url('../images/interface/group_bg_2.png') no-repeat 0px 0px;
padding-top: 8px;
}
.rightside h2 {
font-size: 18px;
}
.foot_space {
height: 10px;
}
.afterall {
margin-top: 4px;
text-align: center;
font: 10px Verdana;
color: #a0a0a0;
}
.afterall a {
font-weight: bold;
color: #a0a0a0;
}

/*.bar {
height: 28px;
background: url('../images/interface/bar_bg.png') repeat-x;
font: 11px Tahoma;
color: #3c4857;
}
.bar a {
color: #3c4857;
}
.bar td {
height: 28px;
vertical-align: middle;
font: 11px Tahoma;
}
.bar .nav {
padding-left: 17px;
font: 11px Tahoma;
}
.bar .misc {
text-align: right;
padding: 3px 10px 0px 0px;
}
.logo {
position: absolute;
left: 133px;
}
.global {
width: 100%;
}
td.left {
width: 133px;
font: 11px Tahoma !important;
color: #ffffff;
}
td.left .padding {
padding: 14px 0px 14px 16px;
}
td.left a {
color: #ffffff;
}
td.left a:hover {
color: #b0c2d4 !important;
}
td.left h2 {
font: bold 14px Myriad Pro, Arial;
} 
td.left ul.main {
list-style-type: none;
margin: 0px;
margin-bottom: 12px;
padding: 0px;
font: bold 13px Arial; 
}
.wide {
padding-left: 301px;
height: 68px;
text-align: right;
}
.content {
padding-top: 6px;
color: #3c4857;
}
.content a {
color: #3c4857;
}
.data {
padding-bottom: 12px;
}
.data th {
font-size: 10px;
border-bottom: 1px solid #b0c2d4;
color: #b0c2d4;
}
.data td {
padding: 2px 8px;
border-bottom: 1px solid #eaeff4;
}
.tabs {
width: 70%;
position: absolute;
top: 96px;
left: 30%;
float: right;
height: 17px;
}
.tabs table {
margin-right: 266px;
}
.tabs .tab {
padding-top: 1px;
padding-left: 4px;
background-color: #778797;
font: 10px Verdana;
color: #ffffff;
}
.tabs .tab a {
color: #ffffff;
}
.tabs .active {
padding: 2px 8px 0px 4px;
background-color: #ffffff;
font: 10px Verdana;
color: #3c4857;
}
.tabs .active a {
color: #3c4857;
}
.right {
width: 266px;
font: 11px Tahoma !important;
color: #ffffff;
}
.right .padding {
padding: 2px 8px;
}
.right a {
color: #ffffff;
}
.right a:hover {
color: #b0c2d4 !important;
}
.right h2 {
font: bold 14px Myriad Pro, Arial;
}
.footer {
padding: 16px 0px 20px 11px;
font: 10px Verdana;
color: #b0c2d4;
}
.footer a {
font-weight: bold;
color: #b0c2d4;
}
.counters {
padding-top: 14px;
}
.counters img {
opacity: 0.3;
vertical-align: bottom;
}*/

/*  */

.categories_grid {
width: 100%;
padding: 12px 0px;
}
.categories_grid td {
text-align: left;
}
.controls {
width: 100%;
padding: 3px 8px 2px 8px;
text-align: right;
}
.controls .info {
text-align: left;
font-size: 10px;
color: #e0e0e0;/* ghghgh */
}
.controls .actions {
text-align: right;
}
.controls .actions a {
margin-left: 8px;
font-weight: bold;
}
.features {
margin: 0px 4px;
}
.group {
/*background: url('../images/interface/group_shadow.png') no-repeat;*/
padding: 0px 18px 12px 18px;
}
.group_helper {
/*padding: 0px 8px 10px 8px;*/
}
.image {
clear: both;
margin: 12px auto 12px auto;
text-align: center;
}
.image_info {
font-size: 10px;
}
.include {
border: 1px solid #f8c71e;;
}
.include .modify {
display: block;
position: relative;
top: 5px;
left: 10px;
background-color: #f8c71e;;
width: 44px;
padding: 0px 2px;
text-align: center;
font: 9px Tahoma;
color: #000000 !important;
}
.include .modify:hover {
text-decoration: none !important;
}
.nav {
margin: 0px 9px 7px 9px;
font: 12px Arial;
color: #7e7c7c;
}
.nav .root {
font-weight: bold;
}
.nav a {
text-decoration: none;
color: #7e7c7c;
}
.nav a:hover {
text-decoration: underline;
color: #ffffff;
}
.nav img {
position: relative;
top: -1px;
margin: 0px 3px;
}
.pages {
text-align: center;
padding: 12px 20px;
}
.pages span, .pages a {
margin: 0px 8px;
vertical-align: middle; /* gsdfsdfgg */
}
.pages span {
font-size: 18px;
font-weight: bold;
color: #b0c2d4;
}
.path {

}
.path .root {

}
.split {
width: 100%;
background: url('../images/interface/inner_shadow.png') no-repeat;
padding-bottom: 12px;
/*margin: 0px 8px;*/
}
.split td {
padding: 5px 6px;
}
.split p {
margin: 0px;
padding: 0px 0px 12px 0px;
}

/* Reorder */

.reorder {
list-style-type: none;
margin: 0px;
margin-left: 0px;
padding: 0px;
padding-bottom: 12px;
}
.reorder li {
margin: 0px;
padding: 0px;
}
.reorder .reorder {
margin-left: 20px;
margin-bottom: 4px;
}
.reorder .up, .reorder .down {
position: relative;
top: 1px;
width: 11px;
height: 10px;
margin-right: 0px;
}
.reorder .up {
background: no-repeat url('../images/reorder/up.gif');
}
.reorder .down {
background: no-repeat url('../images/reorder/down.gif');
margin-right: 4px;
}
iframe.interface {
position: absolute;
top: -10px;
left: -10px;
visibility: hidden;
width: 1px;
height: 1px;
}

/* Tooltip */

.tooltip {
display: none;
position: absolute;
border: 1px solid #000000;
background-color: #eaeaea;
z-index: 10;
}