/* --- Main styles --- */
* { margin:0px;padding:0px;border:0;}
body {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#111;text-align:left;text-decoration:none;}

a, table.grid a {color:#377A00;text-decoration:none;outline: 0;}
a:hover {color:#48A000;text-decoration:underline;}
img, a img {border:0px;outline: 0;}
hr{height:1px;color:#CCC;margin:10px 0;}

h4 {font-size:110%; font-weight:bold; color:#353;}
h3 {font-size:130%; font-weight:bold; color:#353;}
h2 {font-size:160%; font-weight:bold; color:#353;}
h1 {font-size:200%; font-weight:bold; color:#353;}

div.innertube {margin:0px;height:98%;}

table {border:none;}
table td {text-align:left;vertical-align:top;padding:2px 6px;}
table td.ct {text-align:center;}
table td.rt {text-align:right;}

table.grid {width:100%;border-collapse:collapse;}
table.grid td, table.grid th {border:1px solid #FFF;text-align:left;vertical-align:top;}
table.grid th {font-size:110%;font-weight:bold;color:#FFF;text-align:center;padding:4px;background-color:#505050;}
table.grid th a {color:#FFF; text-decoration: underline;}
table.grid th a:hover {color:#48A000;}
table.grid tr {background-color:#FAFAFA;}
table.grid tr.odd {background-color:#EDEDED;}
table.grid tr.mark {background-color:#FCC;}
table.grid td {padding:2px 6px;color:#333;text-align:left;vertical-align:top;}
table.grid td.ct {text-align: center;}
table.grid td.rt {text-align: right;}
table.grid td.vct {text-align: center; vertical-align: middle;}


/* --- Form styles --- */
input, textarea {color:#404040;border:1px solid #DDD;padding:2px 8px;font-size:12px;width:250px;}
input:hover, textarea:hover, input.hovered {border:1px solid #999;}
label {color:#777;padding:0 3px;vertical-align:middle;white-space:nowrap;font-size:12px;}
label.chosen {color:#52772A;}
label.error {white-space: normal;}
label.error.chosen {color:#F00;}
input.btn { margin-top:5px;border-color:#BBB;background-color:#E0E0E0;color:#666;width:auto;outline:none;}
input.btn:hover {border-color:#888;color:#333;}
input.box{ width:auto;border:none;}
select {color:#404040;border: 1px solid #DDD;padding:2px 8px;background-color: #FFF; padding-right:0px;}
ul.types_list {list-style-type: none;}
.inactive input, .inactive textarea, .inactive label {color:#CCC;}

/* --- Decor styles --- */
.warn {color:#F33;}
.success {color:#4D9900;}
.notice {color:#777; font-size:10px;margin:0;}
.error {color:#F00;}
a.notice {color:#777;font-size:10px;text-decoration:underline;}
a.notice:hover {color:#444;text-decoration:none;}
a.a_icon {display:inline-block; padding-left:22px;height:16px;margin:4px 15px 4px 0;text-decoration:underline;}
a.a_icon:hover {text-decoration:none;}

/* --- Icons ---*/
a.i_add {background:url(./img/16/add.png) no-repeat left top;}
a.i_delete {background:url(./img/16/delete.gif) no-repeat left top;}
a.i_folder {background:url(./img/16/open-folder.gif) no-repeat left top;}
a.i_up {background:url(./img/16/up.png) no-repeat left top;}
a.i_down {background:url(./img/16/down.png) no-repeat left top;}
a.i_save {background:url(./img/16/disk.png) no-repeat left top;}
a.i_loading {background:url(./img/loading-circle.gif) no-repeat left top;}
a.i_ok {background:url(./img/16/tick.png) no-repeat left top;}
a.i_exclamation {background:url(./img/16/exclamation.png) no-repeat left top;}

/* --- Helper styles --- */
.fl-left {float:left;display:block;}
.fl-right {float:right;display:block;}
.inline {display:inline-block;}
.clear {clear:both;font-size:1px;height:0;visibility:hidden;}
.lt {text-align:left;}
.rt {text-align:right;}
.ct {text-align:center;}

/* --- Elements styles --- */
#treecontent {position: absolute;top: 0;bottom: 0;left: 0;width: 230px;height: 100%;overflow:auto;overflow-y: auto;overflow-x:hidden;border-right:1px solid #CCC;}
#maincontent {position: fixed;top: 0;left: 235px;right: 0;bottom: 0;overflow: auto;}
#tabedContent {padding-top: 5px;}

/* ----- Tabs for Lang switcher---- */
#lang_tabs ul {position: absolute; top: 25px; right: 5px;}

/* ---- Lightbox effects ---- */
.white_overlay {display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: white; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70); }
.content_overlay {display: block; position: absolute; top: 10%; left: 25%; padding: 10px; border: 1px solid #C7C2B8; background-color: white; z-index:1002; }
.error_box {border:1px solid #900;width:50%;margin:auto;margin-top:10px; margin-bottom:10px; color:#E00;}
.error_box span {font-size:120%;font-weight:bold;text-transform:uppercase;padding:5px 20px;color:#F00;}
.error_box a {margin:5px;cursor:pointer;}

/* ---- Site Tree ---- */
div.tree-root {background: url(./img/tree/web.png) no-repeat 5px 0; padding: 2px 2px 2px 30px; font-weight: bold;cursor: default;}
.tree-root, .tree-root * {margin:0;padding:0;list-style-type:none;font-size: 11px;}
.tree-root ul {margin-left:10px;list-style-type:none;}
.tree-root li {padding-left:8px; clear: both;}
.tree-root li.line {background: url(./img/tree/line_bg.gif) repeat-y 8px 0;}
.tree-root li.last {height:5px;line-height: 2px;}
.tree-root li div span {cursor:pointer;line-height:16px;display:block;white-space:nowrap;overflow:hidden;}
.tree-root div {height:16px;}
.tree-root li img {margin:3px 25px 0 0;float: left;}
.tree-root li font {color:#009;}
.tree-root p.pages {padding-left:45px;margin-top:-2px;}
.tree-root p.pages span {margin:1px 2px;color:#555;cursor:pointer;}
.tree-root p.pages span.current {color:#C00;cursor:default;}

.tree-root div.folder-empty {background: url(./img/tree/folder-empty.gif) no-repeat 0 0;}
.tree-root div.folder-empty-del {background:url(./img/tree/folder-empty-del.gif) no-repeat 0 0;}
.tree-root div.folder-empty-exe{background:url(./img/tree/folder-empty-exe.gif) no-repeat 0 0;}
.tree-root div.folder-empty-del-exe {background:url(./img/tree/folder-empty-del-exe.gif) no-repeat 0 0;}
.tree-root div.folder-closed {background: url(./img/tree/folder-close.gif) no-repeat 0 0;}
.tree-root div.folder-closed-del{background:url(./img/tree/folder-close-del.gif) no-repeat 0 0;}
.tree-root div.folder-closed-exe{background:url(./img/tree/folder-close-exe.gif) no-repeat 0 0;}
.tree-root div.folder-closed-del-exe {background:url(./img/tree/folder-close-del-exe.gif) no-repeat 0 0;}
.tree-root div.folder-open {background:url(./img/tree/folder-open.gif) no-repeat 0 0;}
.tree-root div.folder-open-del {background:url(./img/tree/folder-open-del.gif) no-repeat 0 0;}
.tree-root div.folder-open-exe {background:url(./img/tree/folder-open-exe.gif) no-repeat 0 0;}
.tree-root div.folder-open-del-exe {background:url(./img/tree/folder-open-del-exe.gif) no-repeat 0 0;}
.tree-root div.doc {background: url(./img/tree/doc.gif) no-repeat 0 0;}
.tree-root div.doc-del {background:url(./img/tree/doc-del.gif) no-repeat 0 0;}
.onhover {border: 1px solid #FED22F;background-color: #FFE45C;}

.tree-root div.fieldset_node {background:url(./img/16/doc_stack.png) no-repeat 0 0;}

/* ---- Context Menu style ---- */
.contextMenu { position:absolute;background:#FFF;z-index:1000;}
.contextMenu ul { border: 1px solid #CCC;margin:0;padding:0;list-style-type:none;list-style-image:none;list-style-position:outside;background-color:#FFF; }
.contextMenu li a { border:1px solid #FFF;margin:0;padding:2px 3px 2px 25px;color:#777;display:block;background-color:transparent; }
.contextMenu li a:hover { border:1px solid #D2D2D2;background-color:#ecf5e8;color:#000;text-decoration: none; }
.contextMenu li.doc_del a {background:url(./img/16/page_delete.png) 3% 50% no-repeat;}
.contextMenu li.dir_del a {background:url(./img/16/folder_delete.png) 3% 50% no-repeat;}
.contextMenu li.doc_edit a {background:url(./img/16/page_edit.png) 3% 50% no-repeat;}
.contextMenu li.dir_edit a {background:url(./img/16/folder_edit.png) 3% 50% no-repeat;}
.contextMenu li.doc_add a {background:url(./img/16/page_add.png) 3% 50% no-repeat;}
.contextMenu li.doc_copy a {background:url(./img/16/doc_copy.png) 3% 50% no-repeat;}
.contextMenu li.dir_add a {background:url(./img/16/folder_add.png) 3% 50% no-repeat;}
.contextMenu li.interface a {background:url(./img/16/fields.png) 3% 50% no-repeat;}
.contextMenu li.link a {background:url(./img/16/link.png) 3% 50% no-repeat;}

/* ---- Draggable fields ---- */
.fields td { color:#666;background-color:#FFF;padding:2px 10px;}
.draggable {width:16px;background:#A6FF5E url(./img/drugg.png) left 50% no-repeat;cursor:move;padding:0;}
.field div {float:left;width:80%;padding:3px 10px;}
.moveable {display:block;height:25px;background: url(./img/32/move.png) left 50% no-repeat;cursor:move;padding:7px 0 0 40px;margin-bottom:10px;border:#99dd46 solid 1px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.moveable24 {display:inline-block;height:19px;background: url(./img/24/move.png) left 50% no-repeat;cursor:move;padding:5px 2px 0 33px;border:#99dd46 solid 1px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* ---- Sortable TR ---- */
td.sort_handle {width:10px; background:#a6ff5e url(./img/drugg.png) left 50% no-repeat; cursor:move;}

/* ----- Thumbnailing ---- */
#ThContainer { display: block; position: absolute; padding:0; border: 1px solid #C7C2B8; background-color: white; z-index:100245; }
#ThTitle {background-color:#E7E7E7; border-bottom:1px solid #DDD;padding:1px 2px 2px 0;height:16px;}
#ThLoad {float:left;text-align:left;height:16px;width:16px;background:url(./img/16/wait.gif) top left no-repeat;margin-left:5px;display:none;}
#ThCloseLink { float:right;text-align:right; margin:0 0 5px 0; }
#ThForm { padding:10px; background:#F7F7F7; }
#ThImgContainer {text-align:left;}
#SaveDiv { text-align:right;padding-right:50px; }
.resizeDiv { position: absolute !important;top:0px;left:0px;width: 50px;height:50px; }
.resizeDivWrap { position: relative;float:left;margin-left:10px; }
.resizeImgWrap { position: relative;-moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); }
.ImgInfo { float:left;width:120px;margin:0 20px; }
.ImgInfo span { font-weight:bold; color:#900; }


/* ---- FeldsSet ---- */
.fieldset {border:1px solid #DDD; padding: 2px 5px;margin-bottom:2px;background-color: #FFF;}
.fieldset table {width:74%;display:inline-block;}
.fieldset div.manage {width:24%;display:inline-block;border-left:#CCC solid 1px;padding:5px;}

/* ---- Paginator ---- */
.paginator {padding: 5px 20px; margin-top: 5px; border-top: 1px solid #377A00;}
.paginator span, .paginator a { display: block; float: left; margin: 1px; height: 18px; min-width: 18px; padding: 0 2px; text-align: center; font-size: 110%; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.paginator a { color: #377A00; border: 1px solid #377A00; background-color: #FFF; }
.paginator a:hover, .paginator span {color:#FFF; border: 1px solid #377A00; background-color: #377A00; text-decoration: none;}


/* subscribe admin page */
.subscribe-table {
    border-collapse: collapse;
}

.subscribe-table td, subscribe-table th {
    border: 1px solid silver;
    text-align: left;
    vertical-align: top;
    border-collapse: collapse;
    color: #333;
    padding: 4px 4px;
    font-size: 12px;
}

.subscribe-table th {
    background-color: #505050;
    color: white;
    font-size: 13px;;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    border: 1px solid #505050;
}

.subscribe-table td input {
    width: 20px;
}

.subscribe-table td label, subscribe-table th label {
    color: #333;
}

.preview-btn, .delete-btn, .send-btn, .del-article   {
    display: block;
    float:left;
    width:16px;
    height:16px;
    margin-right: 5px;
}

.preview-btn {
    background:url(./img/preview.png) top left no-repeat;
}


.delete-btn {
    background:url(./img/delete.png) 0 1px no-repeat;
}

.send-btn {
    background:url(./img/send.png) 0 1px no-repeat;
    margin-right: 0;
}

.del-article{
    background:url(./img/button_cancel.png) 0 0px no-repeat;
    margin-right: 0;
}

.close-preview-x {
    display: none;
}

img.modal-layer {
    position: absolute;
    left:0;
    top:0;
    z-index: 1000;
    display: none;
    bottom: 0;
}

.modal-dialog {
    display: none;
    position: absolute;
    width: 370px;
    height: 220px;
    background: #fff;
    z-index: 1001;
}

.modal-dialog .modal-content {
    padding: 5px 20px;
}

.modal-dialog tr:hover {
    background-color: #eaeaea;
}

.modal-dialog .modal-content td input{
    margin: 5px;
}
.modal-dialog .modal-content td {
    padding: 0;
}
.modal-dialog .modal-content label{
    display: block;
    padding: 5px;
}

.modal-dialog .modal-close {
    color: gray;
    text-decoration: none;
}

.modal-dialog h4 {
    padding: 4px 0 4px 10px;
    background-color: #f6a321;
}

.loader_send {
    display: none;
}