@import url("../../../../js/chosen/chosen.min.css");

body {}
.h .navbar-inner {
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0;
}
#nav-left {
    width: 250px;
    float: left;
    margin-left: 0;
    padding-right: 6px;
    padding-top: 10px;
}
#content { /*margin-left: 265px;*/ }
#content>aside { float: right; width: 230px; }
#content>section.width-aside { margin-right: 270px; }
#content>section.width-aside>form { float: left; width: 100%; }
.clear { clear: both; }

/* Top Menu Skin
----------------------------------- */
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border: none;
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #999;
}
.sf-menu a:hover {
    color: #fff;
}
.sf-menu li {
	background: transparent;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: #333;
}
.sf-menu ul ul li {
	background: #333;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #333;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em !important;
	*padding-right: 1em !important; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}

/* Grid */
.grid ul.actions { list-style: none; }
.grid ul.actions>li { float:left; }
.grid ul.actions>li>a { display: block; margin-left: 3px; }

span.switch-0, span.switch-1 {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    text-indent:-99999px;
    background: transparent url(../../../../bootstrap/img/glyphicons-halflings.png);
    cursor: pointer;
}

span.switch-1 { background-position: -288px 0; }
span.switch-0 { background-position: -433px -96px; }

/* Form */
.form { *zoom: 1; }
.form:before,
.form:after {
  display: table;
  line-height: 0;
  content: "";
}
.form:after { clear: both; }
.form { /*margin-right:270px;*/ }
.form-main { /*float:left; width: 100%;*/ }
.form-aside  { float:right; width: 250px; margin-left: 20px; /*margin-right: -268px;*/ }

span.required { color: #bd362f; }
ul.field-errors, ul.errors { list-style: none; background-color: transparent; color: #bd362f; margin-left: 0; padding-top: 3px; }

.form-item { margin-bottom: 15px; }
.form-item input, .form-item select, .form-item textarea { margin-bottom:0; }

.form-item-hidden { display: none; }
.form-main .form-group .field-text:focus,
.form-header .field-text:focus,
.form-main .form-group select:focus, 
.form-main .form-group textarea:focus { 
    -moz-box-shadow:0 0 5px #ccc; 
    -webkit-box-shadow:0 0 5px #80CBFF; 
    box-shadow:0 0 5px #80CBFF;
    border-color:#999; 
    color:#333; 
    background:none #fff;
}

.field-textarea {
    display: block;
    width: 100%;
    /*min-height: 30px;*/
    height: 100px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.field-rte { min-height: 200px; }

div.ui-datepicker { font-size:12px; }
div.ui-datepicker select {
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mce-container, 
.mce-container *, 
.mce-widget, 
.mce-widget *, 
.mce-reset {
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

/* file upload */
.field-upload-wrapper { position:relative; }
.field-upload-wrapper .ui-button-tiny-squared { display:none; }
.field-upload-wrapper p.field-description { padding:3px 0 0 0; }
.field-upload-wrapper .float-right { margin-right:8px; font-size:11px; position:relative; z-index:2; }
.form-main .form-group .field-preview-wrapper {
    margin:0 0 5px 175px; 
    _margin-left:86px; 
    position:relative; 
    top:-5px; 
    z-index:1; 
    background:#fff; zoom:1;
}
.field-preview-wrapper .field-checkbox { margin-right:8px; float:left; }
.field-preview-wrapper .picture { margin:2px 8px 0 0; float:left; }
.field-preview-wrapper .description { float:left; }
.field-preview-wrapper .description div { margin-top:5px; }


/* files upload */
.field-upload-wrapper .swfupload { opacity:0; filter:alpha(opacity=0); position:absolute; top:3px; left:3px; z-index:2;}
.field-upload-wrapper #btnCancel { text-decoration:underline; }
form.form .fsUploadProgress { }
form.form .progressContainer { }
form.form .progressName { }
form.form .progressBarStatus { }

form.form .progressBarInProgress,
form.form .progressBarComplete,
form.form .progressBarError { clear:both; }
.fsUploadProgress .ui-state-highlight {
    margin:0 0 5px 175px; _margin-left:86px; position:relative; top:-5px; z-index:1;
    zoom:1; background:#ffc; height:58px; width:427px; float:left;
}
.form-main .form-group .ui-sortable .field-preview-wrapper:hover { 
    background:url(../images/handle.png) no-repeat 7px 27px #e5ecf9; cursor:pointer;
}

.files>.item img { margin-right: 5px; }

/* Page, Grid
-------------------------------------- */
.pages {
    margin: 0;
    padding: 0 0 5px 0;
    font: normal 12px/16px Arial, sans-serif;
    border-bottom: solid 1px #d6d6d6;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/tree-zebra.png) repeat 0 72px;
}

.pages .cell, .pages .cell-1, 
.pages .cell-2, .pages .cell-3 {
    display: block;
    float: left;
    padding: 8px 1.3%;
    width: 14%;
    position: relative;
    border-top: solid 1px #d6d6d6;
    line-height: 18px;
}

.pages .cell-2 {
    width: 30.6%;
}

.pages .cell-3 {
    width: 47.2%;
}

.pages .heading {
    padding: 10px 10px;
    font-weight: bold;
    background: #fff;
    border-top: solid 1px #d6d6d6;
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 0;
}

.pages .heading .cell,
.pages .heading .cell-1,
.pages .heading .cell-2,
.pages .heading .cell-3 {
    padding: 4px 1.3%;
}

.pages .jstree {
    border-top: solid 9px #fff;
}

.cells {
    display: none;
}

.page {
    font: normal 12px/22px Arial, sans-serif;
    text-decoration: none;
    color: #06c;
    position: relative;
    top: -4px;
}

.page ins {
    position: relative;
    top: 2px;
    #top: -2px;
}

.pages .cells {
    display: inline;
    position: absolute;
    right: 5px;
    width: 275px;
}

.pages .cells .online {
    margin-left: 10px;
    display: inline;
    float: left;
    width: 75px;
}

.pages .cells .date {
    margin-left: 10px;
    display: inline;
    float: left;
    width: 100px;
}

.pages .cells .actions {
    margin-left: 10px;
    display: inline;
}

.pages .cells .actions ins {
    display: none;
}


/* tree */
.jstree-default.jstree-focused { background-color:transparent !important;; }
.jstree ul {
    margin: 0 0 0 18px;
    background-position: 6px 1px;
    background-repeat: repeat-y;
    background-image: url("../images/tree-dotted.png");
}

.jstree li {
    display: block;
    line-height: 16px;
    padding: 0 0 0 15px;
    clear: both;
    /*background-position: -64px -16px;
    background-repeat: no-repeat;
    background-image: url("../images/tree-icons.png");*/
    zoom: 1;
}

.jstree li ul {
    display: none;
}

.jstree li a, .jstree li span, .jstree .jstree-hovered, .jstree .jstree-clicked {
    display: inline-block;
    line-height: 16px;
    min-height: 16px;
    color: #5b5b5b;
    white-space: nowrap;
    text-decoration: none;
    padding: 4px;
}

.jstree .jstree-hovered, 
.jstree .jstree-clicked,
.jstree li > a:hover {
    /*background-color: transparent;*/
    background:#e7f4f9;
    border: none;
}

.pages .jstree li a {
    line-height: 21px;
    min-height: 21px;
}

.jstree li a:focus {
    outline: none;
}

.jstree .page:hover {
    text-decoration: none;
    /*color: #ff2f05;*/
}

.jstree .ltr li.last {
    float: left;
    #margin-top: expression( (this.previousSibling && /open/.test(this.previousSibling.className) ) ? "-2px" : "0");
}

.jstree > ul li.last {
    overflow: visible;
}

.jstree li.jstree-open ul {
    display: block;
}

.jstree li.jstree-closed ul {
    display: none !important;
}

#jstree-dragged {
    position: absolute;
    top: -10px;
    left: -10px;
    margin: 0;
    padding: 0;
    z-index: 5;
}

#jstree-dragged ul ul ul {
    display: none;
}

#jstree-marker {
    padding: 0;
    margin: 0;
    line-height: 5px;
    font-size: 1px;
    overflow: hidden;
    height: 5px;
    position: absolute;
    left: -45px;
    top: -30px;
    z-index: 1000;
    background-color: transparent;
    background-repeat: no-repeat;
    display: none;
}

#jstree-marker.marker {
    width: 45px;
    background-position: -32px top;
}

#jstree-marker.marker_plus {
    width: 5px;
    background-position: right top;
    margin-top: -3px;
}

.marker {
    _width: 45px;
    _background-position: -32px top;
}

.marker_plus {
    _width: 5px;
    _background-position: right top;
}

.jstree li li {
    overflow: hidden;
    #overflow: visible;
}

.jstree > .ltr > li {
    display: table;
}

.jstree ul ins {
    display: inline-block;
    text-decoration: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.jstree .ltr ins {
    margin: 0 4px 0 0px;
}

.jstree .locked li a {
    color: gray;
}

.jstree .no_dots, 
.jstree .no_dots ul {
    background: transparent;
}

.jstree .no_dots li.jstree-leaf {
    background-image: none;
    background-color: transparent;
}

/*.jstree li.jstree-open {
    background: url("../images/tree-icons.png") -32px -48px no-repeat;
}

.jstree li.jstree-closed, 
#jstree-dragged.jstree 
li li.jstree-open {
    background: url("../images/tree-icons.png") -48px -32px no-repeat;
}

#jstree-marker {
    background-image: url("../images/tree-icons.png");
}*/

.jstree li, .jstree li.jstree-leaf > ins { background-image: none; }

.jstree li.jstree-closed > ins { background-position: 0 0; }
.jstree li.jstree-open > ins { background-position: -16px 0; }

.jstree li a:hover, 
.jstree li a.hover, 
.jstree li span {
}

li.jstree-open ul {
    display: block;
}

/*.jstree a ins {
    background-image: url("../images/tree-icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.jstree ul li a.loading ins {
    background-image: url("throbber.gif") !important;
    background-position: 0 0 !important;
}

.jstree li.jstree-closed a ins, 
.jstree li.jstree-leaf a ins {
    background-position: 0 0px;
}

.jstree ul li a.loading ins {
    background-image: url("throbber.gif");
    background-position: 0 0;
}

.jstree li a ins.forbidden {
    background-position: -16px -16px;
}

.jstree .locked li a ins {
    background-position: 0 -48px;
}

.jstree li span ins {
    background-position: 0px -32px;
}

#jstree-dragged.jstree ins {
    background: url("../images/tree-icons.png") -16px -32px no-repeat;
}

#jstree-dragged.jstree ins.forbidden {
    background: url("../images/tree-icons.png") -16px -16px no-repeat;
}

.tree-context a ins {
    background-image: url("../images/tree-icons.png");
    background-repeat: no-repeat;
    background-position: -64px -64px;
}*/

.jstree li a input, 
.jstree li span input {
    margin: 0;
    padding: 0 0;
    display: inline-block;
    height: 16px !important;
    color: #5b5b5b;
    border: 1px solid white;
    background: white;
    font: normal 12px/16px Arial, sans-serif;
}

/*.jstree ul li a.loading ins {
    background-image: url("../images/ui-anim_basic_16x16.gif")!important;
    background-image: url("../images/ui-anim_basic_16x16.gif");
}

.tree-default-context a ins.create {
    background: url("../images/ui-icons_333333_256x240.png") -16px -128px;
}

.tree-default-context a ins.rename {
    background: url("../images/ui-icons_333333_256x240.png") -64px -112px;
}

.tree-default-context a ins.remove {
    background: url("../images/ui-icons_333333_256x240.png") -80px -128px;
}

.tree-default-context a ins.hide {
    background: url("../images/ui-icons_333333_256x240.png") 0px -128px;
}

.tree-default-context a ins.publish {
    background: url("../images/ui-icons_333333_256x240.png") -128px -128px;
}

.tree-default-context a ins.hide-menu {
    background: url("../images/ui-icons_333333_256x240.png") 0px -128px;
}

.tree-default-context a ins.appear-menu {
    background: url("../images/ui-icons_333333_256x240.png") -128px -128px;
}

.tree-default-context a ins.edit {
    background: url("../images/ui-icons_333333_256x240.png") -112px -144px;
}*/

/*.jstree li a.hidden ins,
.jstree li.jstree-leaf a.hidden ins,
.jstree li.jstree-closed a.hidden ins {
    background-position: -32px -32px;
}*/

.tree-default-context a:hover ins {
    opacity: 0.4;
}

.jstree li a.hidden,
.jstree li.jstree-leaf a.hidden,
.jstree li.jstree-closed a.hidden {
    color: #999;
}

/*.jstree li a.hidden:hover {
    color: #ff2f05;
}*/

/*.jstree a:hover ins,
.jstree li.jstree-leaf a:hover ins,
.jstree li.jstree-closed a:hover ins {
    background-position: 0 -16px;
}

.jstree li.root span ins {
    background-position: -16px 0px;
}*/

.jstree li.root {
    background: none;
    font: bold 12px/16px Arial, sans-serif;
    color: #5b5b5b;
}

.jstree li.root span {
    height: 16px;
    color: #5b5b5b;
}

.jstree .jstree-closed .actions {
    display: block !important;
    display: block;
}

.jstree .actions {
    background: none;
    padding: 0;
}

.jstree .actions span,
.jstree .actions a {
    padding: 0;
}

.jstree .actions span.bullet {
    padding: 2px 5px;
}

.jstree .actions a:hover 
.ui-icon {
    background-image: url("../images/ui-icons_5794d6_256x240.png");
}

.jstree li.jstree-open .actions {
    margin: 0;
    display: block;
}

/* Login
------------------------------------- */

body#login { background:url(../images/login/bg.jpg) top center no-repeat #d2e2eb; text-align:center; }
body#login .login-box {
    margin:250px auto 25px; 
    padding-bottom:10px; width:630px; text-align:left;
    background:url(../images/login/login-shadow.png) no-repeat bottom center;  
}
body#login .login-box .inner {
    background:url(../images/login/bg-box.png) repeat-y; 
    zoom:1;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
}
body#login header.left {
    width:315px; 
    float:left; 
    text-align:center; 
    height:100%; 
    font-size:9px; 
}
body#login header.left a {
    margin:90px auto 0; 
    padding:0; 
    height:44px; 
    width:172px; 
    display:block; 
    line-height:1px; 
    text-indent:-9999px; 
    background:url('../images/login/logo.png') no-repeat; 
}

body#login div.right {
    padding:40px 30px 20px 30px;
    width:255px; 
    float:left; 
    position:relative;   
}
body#login legend {
    padding:0 0 12px 3px; 
    font:normal 15px Arial; 
    color:#555; 
}
body#login .form-main { margin:0; width:auto; width:255px; }
body#login .form-group { padding:0; width:255px; border:none; }
body#login .field-wrapper { margin-bottom:10px; width:auto; background:#f4f4f4; }
/*body#login .form-item-warning .field-wrapper { background-color:#f1bdbf; }*/
body#login .form-item-warning .field-text { color:#ff2f05; border-color:#777 }
body#login .form-item-warning .field-text:focus { border-color:#777; } 
body#login .bullet { background:url(images/login/bullet.png) no-repeat; width:255px; height:71px; }
body#login .form-item-large 
.form-checkbox 
.field-wrapper { margin-top:10px; background: transparent; }
body#login .bullet { padding:11px 0 0 55px; width:200px; height:60px; position:absolute; top:-30px; left:30px;  }
body#login .bullet p { margin-bottom:5px; color:#fff; font:bold 12px Arial; text-shadow:1px 1px 0 #0e61ba; }

body#login footer {
    margin:0 auto; 
    padding:15px 0 0; 
    width:325px; 
    border-top:dotted 1px #939ea4; 
    color:#666;
    text-align:left; 
}
body#login footer a { float:right; padding-right:18px; position:relative; text-decoration:none; }
body#login footer a:hover { color:#09f; }
body#login footer .icon-arrow { background-position:-80px -32px; position:absolute; right:0; top:2px; }
body#login .form-submit { margin:-42px 3px 0 0; #margin:-54px 3px -10px 0; }
body#login .ui-button {
    font-size:13px; border-color:#c5c5c5;
    -webkit-box-shadow:0 2px 4px #ddd; -moz-box-shadow:0 2px 4px #ddd; box-shadow:0 2px 4px #ddd; 
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
    background-image: -moz-linear-gradient(top, #f7f7f7, #e1e1e1); 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f7f7f7),color-stop(1, #e1e1e1)); 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1'); /* IE6-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1')"; /* IE8 */ 
}
body#login .ui-button:hover {
    border-color:#d7d7d7;
    background-image: -moz-linear-gradient(top, #f9f9f9, #efefef); 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f9f9f9),color-stop(1, #efefef)); 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#efefef'); /* IE6-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#efefef')"; /* IE8 */ 
}
body#login .ui-button:active { 
    border-color:#b7b7b7;
    background-image: -moz-linear-gradient(top, #ccc, #e0e0e0); 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ccc),color-stop(1, #e0e0e0)); 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#e0e0e0'); /* IE6-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#e0e0e0')"; /* IE8 */ 
}

body#login .ui-button-text-only .ui-button-text { padding:.5em 3em; }
body#login .ui-button-text-only:hover .ui-button-text { color:#09f; }
body#login .ui-button-text-only:active .ui-button-text { color:#555; }
body#login .ui-button .ui-icon { display:none; }