/* admin main style */

select.seltree, .form select.seltree {font-family: monospace; font-size:13px; white-space:pre; width: 312px;}

form, ul, ol, p {margin: 0px;}
.u {text-decoration: underline;}
img { border: 0 none; }
body { margin:0 auto; color:#595959; background-color:#fff; text-align:left; font: normal 12px "Segoe UI", "myriad pro", "myriad", "helvetica", "arial", sans-serif; }
body.logged { background:#E1E1E1 url("admin/page.gif") repeat-x top left; }

a { color:#595959; }

#all { padding:10px; margin: 0 auto 0 auto; }
#inset {padding: 0px 15px 10px 15px; border-bottom: 1px dashed #aaa; }

h1 {margin: 0; height: 30px; font-size: 18px; font-weight: normal; color:#000; }
h2 {margin: 0; font-size: 16px; font-weight: normal; padding: 0 0 10px 0; color:#000; }
h3 {margin: 0; padding: 0 0 10px 0; font-size: 14px; font-weight: normal; color:#000; }

#info p {margin: 0; padding: 15px 0; text-align: justify;}

#foot {margin: 15px 0 0 0; background: #fafafa; height: 20px; line-height: 20px; font-size: 10pt; padding:0 40px; }

p#timeInfo {margin: 0; padding: 0; text-align: right; color: #555; font-size: 8pt;}

#user-login { background:url("admin/login-case.png") no-repeat top left; width:440px; margin:100px auto 0px auto; padding:20px 0 0 0; }
#user-login .user-login { width: 90%; margin: 5px 20px;  border-collapse: collapse; }
#user-login .user-login td { border: none; padding: 3px 5px; }
#user-login .user-login .head {font-size:24px;margin:7px 0 8px;padding:0 0 12px;text-align:left;line-height:26px;padding:12px 0 12px 0!ie}
#user-login .user-login .input { width:300px; }
#user-login .user-login .user-butt { background:url("admin/login.gif") no-repeat top left; width:93px; height:40px; border:none; cursor:pointer; margin-top:10px; }
#user-login .user-login .user-butt2 { background:url("admin/next.gif") no-repeat top left; width:85px; height:40px; border:none; cursor:pointer; margin-top:10px; }
#user-login .user-login .user-butt3 { background:url("admin/next.gif") no-repeat top left; width:85px; height:40px; border:none; cursor:pointer; margin-top:10px; }
#user-login .user-login .user-butt4 { background:url("admin/next.gif") no-repeat top left; width:85px; height:40px; border:none; cursor:pointer; margin-top:10px; }
#user-login-foot { background:url("admin/login-footer.png") no-repeat top left; width:440px; height:18px; }
#user-login input input { font-size:14px; padding:8px 5px; font:normal 14px arial,helvetica,sans-serif; border:1px solid #dcdcdc; color:#444; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }



#header-right {  background:#AB0214 url("admin/tr.png") no-repeat top right;  }
#header { background: url("admin/tl.png") no-repeat top left; height:68px; }
#header h1 { padding:20px 0 10px 22px; color:#fff; }
#header h1 a { color:#fff; text-decoration:none; }
#header h1 a:hover {text-decoration: underline;}

/*----------- menu ---------------------------*/
.sysmenu ul {margin-left: 0; padding-left: 0;}
.sysmenu ul li { list-style:none; float:left;}
.sysmenu ul li a { display:block;  }
.sysmenu ul li a:first-letter { text-transform: uppercase; }

.mainmenu { height:31px; background:#AB0214 url("admin/header-bg-left.gif") repeat-x bottom left; padding:0 0 0 20px; }
.mainmenu ul li a { height:31px; color:#fff; text-decoration:none;  background:url("admin/left_both.gif") no-repeat 0% 0%; }
.mainmenu ul li a:hover { background-position:0% -100px; }
.mainmenu ul li a:hover span { background-position:100% -100px; }
.mainmenu ul li a.active { color:#000; background-image:url("admin/left_on.gif"); }
.mainmenu ul li a.active span { background-image:url("admin/right_on.gif") }
.mainmenu ul li a.active:hover { background-position:0% 0%; }
.mainmenu ul li a.active:hover span { background-position:100% 0%; }
.mainmenu ul li a span { display:block; height:15px; padding:8px 15px 8px 3px; margin-left:12px; background:url("admin/right_both.gif") no-repeat 100% 0%; }

.topmenu { height:21px; padding:0 15px 0 0; }
.topmenu ul li { margin-left:5px; }
.topmenu ul li a { height:21px; text-decoration:none; font-size:11px; font-weight:bold; color:#828282; }
.topmenu ul li a span { display:block; height:15px; padding:3px 12px 3px 3px; margin-left:9px; }
.topmenu ul li a:hover { color:#000; }
.topmenu ul li a.active { color:#000; background:url("admin/left2_on.gif") no-repeat 0% 0%; }
.topmenu ul li a.active span { background:url("admin/right2_on.gif") no-repeat 100% 0%; }


#left { float:left; }

#right-cell-top { background:url("admin/2col-top.png") no-repeat top left; width:220px; min-height:500px; padding:10px 0 10px 20px; }
#right-cell { float:right; background:url("admin/2col.png") no-repeat bottom left; }

#page-top { padding-top:10px; height:30px; }
#page-top .right { float:right; }
#page-top .left { float:left; }

#page-container {  min-width:930px; }
#page { background-color:#fff;  margin-right:6px; padding:0px 0px 25px 0px; }
#page-right { background:url("admin/mr.png") repeat-y top right; }

#page-bottom { background:url("admin/bl.png") no-repeat top left; height:15px; margin-right:14px; }
#page-bottom-right { background:url("admin/br.png") no-repeat top right; }

/* general style shorts */
.w10 {width: 10%} .w15 {width: 15%} .w20 {width: 20%} .w25 {width: 25%} .w30 {width: 30%} .w35 {width: 35%}
.w40 {width: 40%} .w45 {width: 45%} .w50 {width: 50%} .w55 {width: 55%} .w60 {width: 60%} .w65 {width: 65%}
.w70 {width: 70%} .w75 {width: 75%} .w80 {width: 80%} .w85 {width: 85%} .w90 {width: 90%} .w95 {width: 95%}
.w100 {width: 100%}

.fr {float: right; min-height: 312px; background: url('admin/cell-bg.png') no-repeat top left;}

/* new styles begin here */
#center {overflow: hidden; width: 100%;}
#center .cell {margin: 0 0 0 30px; padding: 30px 0 20px 0;  float: left; }
#center .cell.fr {margin-right: 30px; margin-left: 0; float: right; padding-left: 25px;}

#center p {padding: 5px 0 10px 0; text-align: justify; text-indent: 0; line-height: 18px; }
#center .bound {width: 95%; min-height: 20px; padding: 20px 15px; background: #F4F4F4; margin: 0 0 10px 0;
        border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.l {text-align: left;}
.r {text-align: right;}
.c {text-align: middle;}
.sml, .tight td.sml, .form td.sml {font-size: 11px;}
.bolded { font-weight: bold; }

table {width: 100%; margin: 0 0 10px 0; padding: 0; border-collapse: collapse;}

/* tight (layout) tables */
.tight {width: auto;}
.tight td, .tight th {padding: 3px 5px; font-size: 13px;}

/* form (layout) tables */
.form td, .form th {padding: 3px 5px; font-size: 13px;}
.form textarea, .form input {width: 95%;}
.form input[type=checkbox], .form input[type=radio] {width: auto;}
.form select {
    padding: 5px 5px;
    -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
    color: #444;border:1px solid #dcdcdc; font: normal 14px sans-serif;
}
.form button {
    font-size: 13px
}

/* forms, legends, inputs */
textarea, input { padding:5px 5px; font: normal 14px sans-serif; background-color:#fff; border:1px solid #dcdcdc; color:#444; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px }
fieldset {background: #E4E4E4; border: none;  margin-bottom: 15px; padding-top: 10px;
          border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
legend {font-size: 14px; font-weight: normal; background: #E4E4E4; padding: 4px 20px;
        border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}


/* content tables */
.tab td, th {border: 1px solid #F4F4F4; padding: 3px 5px; vertical-align: middle}
.tab th {background:  #989898; font-weight: normal; color: white; padding: 5px 5px;}
.tab th a {color: white;}
.tab tr {background:  #e8e8e8;}
.tab tr:nth-child(2n+1) {background:  #e0e0e0;}
.tab td.tools {padding: 3px 5px 0 5px; /*background: white;*/ text-align: center; vertical-align: middle;}

/* toolbars */
.tools a, .tab td.tools a {margin: 0 1px;}
.tools a img, .tab td.tools a img {opacity: 0.4; padding: 2px;
   -webkit-transition:opacity 0.2s ease-in;
   -moz-transition:opacity 0.2s ease-in;
   -o-transition:opacity 0.2s ease-in;
   transition:opacity 0.2s ease-in;
}
.tools img {padding: 2px 0;}
.tools a:hover img, .tab td.tools a:hover img {opacity: 1.0}

p.green {font-weight: bold; color: green}
p.red {font-weight: bold; color: red}
p.blue {font-weight: bold; color: blue}

/* buttons */
button {display:block; float:left; margin:0 7px 0 0; background-color:#fafafa;
    border:2px solid #c7c7c7; border-top:2px solid #e0e0e0; border-left:2px solid #e0e0e0;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    font: normal 115% "Segoe UI", "myriad pro", "myriad", "helvetica", "arial", sans-serif;
    line-height:130%; text-decoration:none; color:#565656; cursor:pointer;
    width:auto; overflow:visible; padding:4px 20px 5px 17px; /* IE6 */ }
button[type] {padding:5px 20px 5px 17px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type] {padding:4px 20px 5px 17px; /* IE7 */}
button img {opacity: 0.4; margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;
   -webkit-transition:opacity 0.2s ease-in;
   -moz-transition:opacity 0.2s ease-in;
   -o-transition:opacity 0.2s ease-in;
   transition:opacity 0.2s ease-in;
}

button:hover {background-color:#dff4ff; border:2px solid #c2e1ef; color:#336699;}
button:hover img {opacity: 1.0}
button.positive {color:#529214;}
button.positive:hover{background-color:#E6EFC2; border:2px solid #C6D880; color:#529214;}
button.negative{color:#d12f19;}
button.negative:hover{background:#fbe3e4; border:2px solid #fbc2c4; color:#d12f19;}

/* photo gallery styles */
/* -- upload button */
div.qq-upload-button {display:block; float:left; margin:10px 7px 0 0; background-color:#fafafa;
    border:2px solid #c7c7c7; border-top:2px solid #e0e0e0; border-left:2px solid #e0e0e0;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    line-height:130%; text-decoration:none; color:#565656; cursor:pointer;
    width:auto; overflow:visible; padding:4px 20px 5px 17px; /* IE6 */ }
div.qq-upload-button img {opacity: 0.4; margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;
   -webkit-transition:opacity 0.2s ease-in;
   -moz-transition:opacity 0.2s ease-in;
   -o-transition:opacity 0.2s ease-in;
   transition:opacity 0.2s ease-in;
}
div.qq-upload-button input { width: 100%; height: 100%; }
div.qq-upload-button:hover {background-color:#dff4ff; border:2px solid #c2e1ef; color:#336699;}
div.qq-upload-button:hover img {opacity: 1.0}

/* -- upload list */
ul.qq-upload-list {
  display: none;
  width: 380px;
  margin: 20px 0 0;
  padding: 10px;
  float: left;
  clear: left;
  list-style: none;
  max-height: 80px;
  overflow-y: scroll;
  background-color:#fff;
  color: #444;
  border:1px solid #dcdcdc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}
ul.qq-upload-list li { padding: 2px 0; line-height:15px; font-size:12px; }
ul.qq-upload-list li span.qq-upload-cancel { background-color: #FFC7C7; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

/* -- thumbnails */
.fotopane ul.thumbnails { margin-top: 16px; padding-left: 0; clear: left; list-style: none; }
.fotopane ul.thumbnails li { display: inline-block; margin: 10px 10px 0 0; position: relative; }

/* -- thumbnails control icons */
ul.thumbnails li a.icon { position: absolute; bottom: 5px; width: 16px; height: 16px; opacity: 0.7; }
ul.thumbnails li a.icon:hover { opacity: 1; }
ul.thumbnails li a.delete { right: 3px; background: url('tools/image_delete.png') no-repeat top left; }
ul.thumbnails li a.edit { right: 26px; background: url('tools/comment_edit.png') no-repeat top left; }

/* -- original uploader styles */
.qq-upload-failed-text { display:none; }
.qq-upload-fail .qq-upload-failed-text { display:inline; }
.qq-upload-size,.qq-upload-cancel { font-size:11px;}
.qq-upload-drop-area {
    /*position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center;*/
    display: none;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#ff7171;}

/* -- sortable placeholder class */
.sortable-placeholder {
  background: #e5e5e5;
  border:1px solid #dcdcdc;
}

#alt-dialog, .alt-dialog { overflow: hidden !important; }


/*----------- formbuilder -----------*/
#formbuilder button.formbuilder-add-field { padding-left: 30px; background: url('tools/add.png') 10px center no-repeat; }
#formbuilder tbody { border-right: 1px solid #ccc; border-left: 1px solid #fcfcfc; }
#formbuilder tbody tr:nth-child(even) { background: #e4e4e4; }
#formbuilder tbody tr:nth-child(odd) { background: #d9d9d9; }
#formbuilder tbody td.movable { width: 44px; background: url('tools/arrow_move.png') center center no-repeat; }
#formbuilder tbody td.type-field { width: 134px; }
#formbuilder tbody td.remove-field { width: 60px; }
#formbuilder tbody td.remove-field a { display: block; padding: 5px; margin-left: 15px; width: 20px; }
#formbuilder tbody td.remove-field img { margin-left: 2px; }
#formbuilder tbody td.edits-tpl, #formbuilder tbody td.preview-tpl { padding: 6px; }
#formbuilder tbody td.preview-tpl { width: 410px; padding-left: 10px; background: #eee; border-left: 1px solid #ccc; border-right: 1px solid #fcfcfc; }
#formbuilder tbody select, #formbuilder tbody input, #formbuilder tbody label, #formbuilder tbody textarea { font-size: 12px; }
#formbuilder tbody input, #formbuilder tbody textarea { width: 280px; }
#formbuilder tbody td.edits-tpl input, #formbuilder tbody td.edits-tpl textarea { width: 307px; }
#formbuilder tbody input.checkbox, #formbuilder tbody td.edits-tpl input.checkbox { width: auto; }
#formbuilder tbody td.preview-tpl select { width: 160px; }
#formbuilder span.required { color: #f00; font-weight: bold; }
#formbuilder div.field-controls { margin-top: 5px; }

#formbuilder tbody td {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*----------- lister ------------*/

.syslister { margin:0 auto; width:100%; }
.syslister table { margin:0 auto; width: auto; }
.syslister span.lister-right, .syslister span.lister-left, .syslister a.lister-right span, .syslister a.lister-left span { display:block; width:16px; height:16px; margin:0 5px; }
.syslister .lister-page { margin:0 2px; }
.syslister span.lister-page { color:#000; }
.syslister span.lister-right { background:url("admin/arrow-right-off.png") no-repeat top left; }
.syslister span.lister-left { background:url("admin/arrow-left-off.png") no-repeat top left; }
.syslister a.lister-right span { background:url("admin/arrow-right.png") no-repeat top left; }
.syslister a.lister-left span { background:url("admin/arrow-left.png") no-repeat top left; }


/* ------------- nicEdit ------------- */

.nicEdit-pane, .nicEdit-main {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
              color: black; line-height: 16px; font-size: 16px; font-weight: normal; background: white;}
.nicEdit-pane p, .nicEdit-main p {font-size: 16px; text-align: justify; margin: 0; padding: 5px 0px; width: 570px;}
.nicEdit-pane ol, .nicEdit-main ol {font-size: 16px; margin: 0; padding: 5px 0px 10px 35px; width: 535px;}
.nicEdit-pane li, .nicEdit-main li {font-size: 16px; text-align: justify; margin: 0; padding: 5px 0 0 10px; width: 520px;}
.nicEdit-pane h1, .nicEdit-main h1 {font-size: 24px; font-weight: bold; color: black; padding: 10px 0; margin: 0; width: 570px;}
.nicEdit-pane h2, .nicEdit-main h2 {font-size: 20px; font-weight: bold; color: black; padding: 10px 0; margin: 0; width: 570px;}
.nicEdit-pane h3, .nicEdit-main h3 {font-size: 18px; font-weight: bold; color: black; padding: 5px 0 0 0; margin: 0; width: 570px;}
.nicEdit-pane h4, .nicEdit-main h4 {font-size: 17px; font-weight: normal; color: black; padding: 5px 0 0 0; margin: 0; width: 570px;}

.nicEdit-pane p, .nicEdit-pane ol, .nicEdit-pane li, .nicEdit-pane h1, .nicEdit-pane h2, .nicEdit-pane h3, .nicEdit-pane h4 {color: black;}

.mceEditor table {width: auto;}

/* online checking */
form div.frmError select, form div.frmError textarea, form div.frmError input[type=text], form div.frmError input[type=password] { margin-bottom: 0; display: block; -moz-box-shadow: inset 0 0 3px #A60000; -webkit-box-shadow: inset 0 0 3px #A60000; box-shadow: inset 0 0 3px #A60000; background: white; border: 1px solid #A60000; }
form div.frmError { float: left; padding: 3px 5px; background: #BF3030; margin: 2px 0 3px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 3px #A60000; -webkit-box-shadow: 0 0 3px #A60000; box-shadow: 0 0 3px #A60000; }
form div.frmError span { color: white; clear: left; display: block; margin: 0 10px; font-size: 14px; line-height: 20px; font-weight: bold; -moz-text-shadow: #A60000 2px 2px; -webkit-text-shadow: #A60000 2px 2px; text-shadow: #A60000 2px 2px; }
table.form div.frmError select, table.form div.frmError textarea, table.form div.frmError input[type=text], table.form div.frmError input[type=password] { margin-bottom: 0; display: block; -moz-box-shadow: inset 0 0 3px #A60000; -webkit-box-shadow: inset 0 0 3px #A60000; box-shadow: inset 0 0 3px #A60000; background: white; border: 1px solid #A60000; }
table.form div.frmError { float: left; padding: 3px 5px; background: #BF3030; margin: 2px 0 3px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 3px #A60000; -webkit-box-shadow: 0 0 3px #A60000; box-shadow: 0 0 3px #A60000; }
table.form div.frmError span { color: white; clear: left; display: block; margin: 0 10px; font-size: 14px; line-height: 20px; font-weight: bold; -moz-text-shadow: #A60000 2px 2px; -webkit-text-shadow: #A60000 2px 2px; text-shadow: #A60000 2px 2px; }
form input.correct, form textarea.correct, table.form input.correct, table.form textarea.correct { background: white url(tools/tick_grayed.png) no-repeat right center; }
form input[type=checkbox].correct, form input[type=radio].correct, table.form input[type=checkbox].correct, table.form input[type=radio].correct { background-image: none; }

/* language state changes */
input.languageStateChanger {border: 1px solid black; width: auto;}
input.languageStateChanger.active {background: #57A4DA; color: white;}

/* global SEO params */
.seoadmin-link { padding-top: 15px; display: inline-block; }
.seoadmin-link:hover { color: red; }