/*
Quick.Cms admin panel stylesheet
*/

/* global styles */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,td,th{margin:0;padding:0;border:0}
body{background:#ffffff;font:12px arial;color:#000000;}

a{color:#000000;text-decoration:underline;}
a:hover{color:#cc0000;text-decoration:underline;}

input{font:12px arial;}
.inputr, .input, select, textarea{font:12px arial;background:#ffffff;}
.inputr:focus, .input:focus, select:focus{background:#ffffff;}
.inputr{text-align:right;}

.clear{clear:both;height:0;font-size:0;line-height:0;}

#msg{width:400px;margin:10px auto 20px;padding:20px 0;border:1px solid #808080;background:none;text-align:center;font-weight:bold;font-size:16px;}
div.error{color:#808080;}

#foot{clear:both;float:left;width:100%;padding:8px 0;}
#foot .back{float:left;padding-left:10px;font-weight:bold;}
#foot .links{float:right;padding-right:10px;}
#foot .links a{margin:0 7px;}

/* round corners */
#list, #mainPage, #mainForm {}

/* header, logo and top menu styles */
#header{position:relative;float:left;width:100%;background:none;border-bottom:1px solid #afafaf;}
#menuTop{float:right;padding:10px 15px 0;color:#ffffff;text-align:right;}
#logo{margin:1%;}

* html #menuTop{width:600px;}
#links{position:absolute;top:0;right:400px;background:#ffffff;border:1px solid #808080;border-top:0;padding:5px;color:#948787;}
#links a, #links em{margin:0 7px;font-style:normal;}
#searchPanel{color:#000000;text-align:right;}
#lang{padding:15px 0 8px;color:#000000;text-align:right;}

/* top menu under logo styles */
#menuBar, .menu{color:#ffffff;font:bold 12px Arial;}
#menuBar a, .menu a{text-decoration:none;cursor:pointer;}
.menu a:hover{color:#000000;text-decoration:underline;cursor:pointer;}
#menuBar{margin:0;list-style:none;}
#menuBar li{float:left;}
#menuBar li a{display:block;float:left;background:#ffffff;padding:.5em 1em;width:auto;}
#menuBar li a:hover{display:block;float:left;background:#d0d0d0;}

#menuBar li a span{display:block;float:left;height:24px;padding:2px 10px 0 30px;line-height:26px;}
#menuBar li.sep{float:right;}
#menuBar li.selected, #menuBar li:hover{}
#menuBar li.selected a, #menuBar li:hover a{color:#000;}

.menu{position:absolute;visibility:hidden;top:0;left:0;z-index:101;margin:0;padding:0;border:1px solid #978888;background:#f6f3f3;list-style:none;}
.menu a{display:block;padding:3px 10px;color:#000000;text-decoration:none;}
.menu .sep{display:block;margin:4px 15px 2px;padding:0;border-top:1px solid #ededed;line-height:1px;font-size:1px;}
.menu#support{left:0;right:5px;}

/* body */
#body{padding:10px 15px;}

/* tabs */
#tabs{width:90%;margin:0 auto 10px;}
#tabsDisplayLinks{padding:0 0 10px;text-align:right;}
#tabsNames{float:left;margin:10px 0 0;padding:0;list-style:none;}
#tabsNames li{float:left;}
#tabsNames li a{display:block;margin:0 2px;padding:4px 10px;border:1px solid #aaa;border-bottom:0;background:#ffffff;font-weight:bold;text-decoration:none;}
#tabsNames li a:hover{text-decoration:underline;}
#tabsForms{clear:left;border:1px solid #aaa;background:#ffffff;}
.tab{display:none;}

#tabsShow{display:none;}

/* dashboard */
.mainPage{text-align:center;}
#mainPage{width:100%;margin:auto;text-align:left;background:#fff;border:1px solid #808080;}
#mainPage td{vertical-align:top;}
#mainPage h2{padding:6px 13px;color:#630505;font:bold 13px 'Trebuchet MS';}
#eventsLinks{width:470px;}
.homeBox{margin:10px 15px;background:#ffffff;}

/* dashboard - events links */
#eventsLinks #tabs{width:430px;margin:0 5px;}
#eventsLinks #tabsForms{padding:3px 0;}
#eventsLinks #tabPages{display:block;}
#eventsLinks .tabPages a{color:#000;}
#eventsLinks .tab{text-align:center;}
#eventsLinks .tab table{width:100%;}
#eventsLinks .tab table td{padding:4px 8px;background:#ffffff;text-align:left;}
#eventsLinks .tab table thead td{background:#f1eeee;font-weight:bold;}
#eventsLinks .tab table tbody td{background:#fff;border-top:1px solid #c0c0c0;}

/* dashboard - icons box */
#addInfo iframe{width:99%;height:150px;margin:1px 0 0;padding:0;border:0;}

/* dashboard - icons box */
#needMore ul{width:90%;height:130px;}
#needMore li{float:left;width:100px;margin:5px;padding:8px;text-align:center;border:1px solid #c0c0c0;background:#f9f8f8;-moz-border-radius:10px;border-radius:10px;list-style:none;}
* html #needMore li{width:106px;}
#needMore img{display:block;margin:0 auto 5px;}
#needMore #needMoreTxt{display:none;}

/* dashboard - news */
#newsBox{margin-left:5px;background-color:none;border: 1px solid #808080;}
#news iframe{width:99%;height:375px;margin:1px 0 0;padding:0;border:0;}
* html #news iframe{width:97%;}
*:first-child+html #news{width:2000px;}

/* dashboard - notifications */
#alerts ul{list-style:none;margin:0 0 0 10px;padding:0;}
#alerts li{background:#f1eeee;border:1px solid #978888;margin:10px 10px 0 0;padding:10px;float:left;}

/* title */
h1{padding:10px 10px 5px 20px;background:none;color:#000000;font-size:20px;font-weight:bold;}
h1 img{margin:3px 10px 0 0;vertical-align:top;}
h1 a{float:right;margin-top:-4px;display:block;width:30px;height:30px;background:url( 'img/ico_help_blank.png' );}
h1 a:hover{background:url( 'img/ico_help.png' );}
*:first-child+html h1 a, * html h1 a{margin-top:-35px;margin-right:5px;}

/* list styles */
#list{width:100%;border-top:0;background-color:#ededed;}
#list td, #list th{padding:4px;background:#fff;text-align:left;}
#list thead td{font-weight:bold;}
#list .save th, #mainForm .save th{padding-right:10px;background:none;text-align:right;}
#list .save td{background:none;font-weight:normal;}
#list .save input, #mainForm .save input{font-size:12px;font-weight:bold;}
#list .l0 td, #list .l0 th{background:#ffffff;}
#list .l1 td, #list .l1 th{background:#ffffff;}
#list .l1 th{padding-left:20px;}
#list .l2 td, #list .l2 th{background:#e3e3e3;}
#list .l2 th{padding-left:40px;}
#list .l3 td, #list .l3 th{background:#d7d7d7;}
#list .l3 th{padding-left:60px;}
#list .l4 td, #list .l4 th{background:#cdcdcd;}
#list .l4 th{padding-left:80px;}
#list .type td{font-weight:bold;font-size:16px;text-align:center;}
#list .inputr{border:1px solid #ededed;}
#list tbody tr:hover td, #list tbody tr:hover th{background-color:#ededed;}
#search{padding:10px;background:none;}

#list .id{width:30px;}
#list .position, #list .status, #list .options{width:80px;}
#list .save .pages ul, #list .save .pages li{display:inline;margin:0;padding:0;}
#list .save .pages li{padding:0 2px;}

#list.files .name{font-weight:bold;}

#list.pages tbody .name a{margin-right:10px;}
#list.pages tbody .name .preview{display:none;}
#list.pages tbody .name img{vertical-align:top;}

/* form styles */
#mainForm{border:0;}
#mainForm .mainTable{width:100%;border:1px solid #808080;background-color:#ededed;}
#mainForm td, #mainForm th{padding:4px;}
#mainForm .l0{background:#ffffff;}
#mainForm .l1{background:none;}
#mainForm .save input{margin-left:10px;}
#mainForm #page{background-color:#ffffff;}

#mainForm #type3 td{width:20%;}
#mainForm #type3 th{text-align:left;}
#mainForm #type3 .save th{text-align:right;}

#mainForm #type2 tbody th{width:15%;text-align:left;font-weight:normal;}

#mainForm #type1 td{vertical-align:top;}
#mainForm #type1 .l1 td{padding:10px;background:#ffffff;}
#mainForm #type1 .l0 td{padding:5px;border-top:1px solid #aaaaaa;}
#mainForm #type1 .l0:first-child td{border-top:none;}
#mainForm #type1 .end td{border-top:1px solid #aaaaaa;}
#mainForm .nicEdit-main{background:#ffffff;}
#mainForm #type1 .l0 th, #mainForm #type2 .tabs{width:1px;padding:0 0 10px;background:inherit;font-weight:normal;vertical-align:top;text-align:left;}
#mainForm #type1 .l0 td{font-size:12px;font-weight:bold;}
#mainForm #type1 .l0 th td{font-size:12px;font-weight:normal;}
#mainForm .end td{background:#ffffff;}
#mainForm #tabs{width:450px;margin:0 10px;}
#page #tabs{width:370px;}
#mainForm #tabs.files{width:580px;}
#mainForm #tabs td{vertical-align:middle;}
#mainForm #tabsForms{width:100%;background:none;}
#mainForm #type1 .controlholder td{padding:4px;border:0;}
#mainForm #tabAddFiles h3{text-align:center;}
#mainForm #type1 .banner{padding-top:5px;}
#mainForm td .defaultSkin td, #mainForm #type1 .l1 td .defaultSkin td{padding:inherit;}
#mainForm #page #tabOptions #colOptions td{padding:5px;}
#mainForm #page #tabOptions #colOptions .opt1{padding-left:0;}
#mainForm #page #tabOptions #colOptions .opt2{padding-left:30px;}
#config #tabPages select{max-width:260px;}
#page #oPageParent{max-width:320px;}
#mainForm a.plus{padding:0 10px;text-decoration:none;font-weight:normal;font-size:11px;}
#mainForm a.plus #hideSD{display:none;}
#page #shortDescription{display:none;}

#mainForm #page #tabOptions{display:block;}
#mainForm #page .tabOptions a{color:#000;}
#mainForm #config #tabOptions{display:block;}
#mainForm #config .tabOptions a{color:#000;}
#mainForm #language span{padding-left:10px;color:#666;}
#mainForm #translations .title th{text-align:center;font-size:14px;background:#fff;font-weight:bold;padding:8px;}

#pageParentSearch .input{width:168px;margin-bottom:3px;border:1px solid #808080;background:#ffffff;color:#000000;font-size:0.9em;padding:2%;}
#pageParentCtn select{width:180px;}
#pageParent2Ctn{display:none;}

/* files - uploader */
#files-form{width:100%;margin-bottom:20px;background:#ededed;}
#files-form th{background:none !important;padding:7px 3px !important;text-align:center !important;font-size:11px;white-space:nowrap;}
#files-form td{padding:10px 3px !important;}
#files-form td .description{width:95%;}
#files-form .file{width:170px !important;}
#files-form .file .input{width:170px !important;}

#files-form .l0 td{background:#ffffff;}
#files-form .l1 td{background:#ffffff;border-bottom:0 !important}
#files-form thead .delete{width:40px;}
#files-form thead .position{padding:7px 0;}
#files-form tbody .position input{width:20px;}
#files-form tbody .disable{background:inherit;border-color:#c9c9c9;color:#999;}
#files-form tbody .disable:focus{background:#ffebc1;border-color:inherit;color:inherit;}
#files-form thead .description{width:100px !important;}
.tab#tabAddFiles{padding:5px;}
.tab#tabAddFiles h3{padding:3px 0 5px;}
#attachingFilesInfo{display:none;margin:10px 0;padding:5px;text-align:center;font-weight:bold;color:#000000;background:#ffffff;border:1px solid #dadada;}

/* files - from server */
#tabAddFiles h3{font-size:13px;}
#files-dir{overflow:auto;width:100%;height:400px;padding:0 0 5px;}
#files-dir-head{background:none;border:1px solid #dadada;border-bottom:0;}
#files-dir-head th{background:none !important;padding:4px 0 !important;text-align:center !important;font-size:11px;white-space:nowrap;}
#filesInDirPhrase{width:95%;}
table.files-dir{width:auto;background:#dadada;}
.files-dir .select{width:40px !important;}
.files-dir .file{width:185px !important;word-wrap:break-word;}
.files-dir .file a{display:block;width:170px;overflow:hidden;word-wrap:break-word;}
.files-dir td.file{text-align:left;}
.files-dir td.file a{margin-left:3px;}
.files-dir .time td.file a{font-weight:bold;}
.files-dir .position{width:42px !important;}
.files-dir .position input{width:20px;}
.files-dir .description{width:100px !important;}
.files-dir .description .input{width:94px;}
.dir-no-thumbs2 .description{width:160px !important;}
.dir-no-thumbs2 .description .input{width:154px;}
.files-dir .place{width:70px !important;}
.files-dir .thumb1, .files-dir .thumb2{width:62px !important;}
.files-dir .hidden{color:none;}
.files-dir td{padding:4px 0 !important;text-align:center;}
.files-dir .l0 td{background:#ffffff;}
.files-dir .l1 td{background:#ffffff;border-bottom:0 !important;}
#filesFromDirList .loading{margin:20px 0 20px 270px;}

/* files - added */
#files-list{width:100%;background:#ededed;}
#files-list th{background:none !important;padding:7px 0 !important;text-align:center !important;font-size:11px;}
#files-list td{padding:10px 3px !important;}
#files-list td .description{width:95%;}
#files-list tbody .name{overflow:auto;}
#files-list .l0 td{background:#ffffff;}
#files-list .l1 td{background:#ffffff;border-bottom:0 !important}
#files-list thead .delete{width:40px;}
#files-list thead .position{padding:7px 0;}
#files-list thead .description{width:100px !important;}
#files-list.no-thumbs2 thead .description{width:160px !important;}
#mainForm #tabAddedFiles{padding:5px;}

/* login form */
#panelLogin{width:24em;margin:10% auto 0;background:none;border:1px solid #808080;padding:2%;}
#panelLogin #logo{text-align:center;}
#panelLogin #body{padding:0 12px;}
#panelLogin #home, #panelLogin #version{padding:17px 0 0;}
#panelLogin #home{text-align:center;}
#panelLogin #version{float:right;padding-right:15px;}
#panelLogin #bottom a{color:#888;}
#panelLogin #bottom a:hover{color:#000;}
#panelLogin #error{padding:45px 0 42px;font-size:16px;font-weight:bold;text-align:center;}
#panelLogin #error .back{padding:10px 0 0;font-size:14px;}
#panelLogin #error .back a{color:#fff;}
#panelLogin #error .back a:hover{color:#ffb51a;}
#panelLogin form{font-size:14px;text-align:center;}
#panelLogin #login input, #panelLogin #pass input{font-size:1.2em;background:#ffffff;border:1px solid #808080;padding:1%;}
#panelLogin label{padding-right:5px;}
#panelLogin #login, #panelLogin #pass{padding:5% 0;}
#panelLogin #pass{padding-top:0;}
#panelLogin #submit input{background:#fff;font-size:12px;}
#bodyLogin #foot{display:none;}
#bodyLogin #error .back{display:block;letter-spacing:5px;}
#bodyLogin #error .back a{letter-spacing:0;}

/* PLUGINS */
.download{border:1px solid #808080;margin:10px 0;padding:5px;}
.download span{padding-left:5px;}

#lertOverlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#lertContainer{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;}
#lertWindow{border:1px solid #aaa;width:40%;margin:0 auto;padding:10px 5px;background:none;}
#lertMessage{font-weight:normal;font-size:12px;font-family:Tahoma, Verdana, Sans;clear:right;padding-top:10px;padding-bottom:10px;width:80%;text-align:left;margin-left:62px;}
#lertIcon{float:left;padding:10px;}
#lertButtons{clear:both;text-align:right;margin-bottom:5px;}
.lertButton {height:20px;background:none;padding:4px 5px;margin:0 5px;border:1px solid #808080;color:#000;text-decoration:none;font:normal 11px/10px Verdana, Tahoma, sans;}
.lertButton:hover{background:#ffebc1;}
#lertDefaultButton{font-weight:bold;}

#lertWindow.lert-first-notice{width:500px;}
#lertWindow.lert-first-notice #lertButtons{margin-top:10px;}

.bug-fixes .from-version{width:110px !important;}
.bug-fixes .status{width:150px !important;}

#list.on-server .image{width:200px;}
#list.on-server .image img{max-height:40px;border:1px solid #808080;}
#list.on-server .added_to .link1{padding-right:6px;}
#list.on-server .added_to a strong{padding-left:5px;}
#list.on-server .delete{width:40px;}

/* Templates editor */
#templates .textarea{min-width:570px;height:550px;background:#fff;}
#templates .editor td{vertical-align:top;}
#templates .tabTemplates a{color:#000;}
#mainForm #templates #tabs{width:370px;}
#templates #tabTemplates{overflow:auto;width:100%;height:550px;padding:10px 0;}
#templates #templatesList{width:95%;margin:0 auto;border:1px solid #808080;border-bottom:0;}
#templates #templatesList .l0 td{background:#ffffff;}
#templates #templatesList .l1 td{background:#ffffff;}
#templates #templatesList td{padding:3px 5px;border-bottom:1px solid #808080;}
#templates #templatesList .name, #templates #templatesList .date{border-right:1px solid #808080;}
#templates #templatesList .date{width:110px;}
#templates #templatesList .option{width:35px;}
#templates #templatesList .dir td{text-align:center;padding:10px 0 2px;font-weight:bold;border-bottom:1px solid #808080;}
#templates #templatesList a.selected{color:#000;font-weight:bold;text-decoration:underline;}
#templates .activeline {background: #f0f0f0 !important;}

.plugin-info{width:600px !important;padding:20px !important;line-height:1.4em;}
.extended{color:#777 !important;}
.extended:hover{color:#000 !important;}

option.disabled{color:#666;}