/* Global - Flyout Quick Menu */
/*.quick-menu {
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: none;
	height: auto !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 5px !important;
	position: absolute !important;
	width: 158px !important;
	z-index: 9;
	
	text-shadow: 0px 0px 1px #000;
	
	box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
}

.quickmenu li, .quickmenu ol li { border-top: none !important; }

.quick-menu li a {
	background-color: transparent;
	background-position: 5px 50% !important;
	background-repeat: no-repeat !important;
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	display: block !important;
	height: 30px !important;
	padding: 0 0 0 35px !important;
	color: #888;
	font-size: 11px !important;
	font-weight: normal;
	line-height: 30px !important;
	text-decoration: none !important;
}
.quick-menu li a.add {
	background-image: url(/images/icon-add.png);
}

.quick-menu li a.back {
	background-image: url(/images/icon-delete.png);
}

.quick-menu li a.all {
	background-image: url(/images/icon-documents-stack.png);
}

.quick-menu li a.highlight {
	color: #FFF;
	font-weight: bold;
}

.quick-menu li a:hover {
	background-color: #666 !important;
	color: #FFF !important;
}*/

.breadcrumbs_with_dividers {
    padding: 0 10px !important;
}
.breadcrumbs_with_dividers > li {
    background: transparent url(/hifi/edit/images/submenu_divider.png) bottom left no-repeat;
    padding: 0 0 0 2px !important;
}
.breadcrumbs_with_dividers > li:first-child{
    background: none !important;
    padding-left: 0 !important;
}
.breadcrumbs_with_dividers > li > a{
    padding: 0 20px !important;
}
#breadcrumbs {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    height: 34px;
    list-style: none;
    margin: 0;
    padding: 0 30px;
    width: 100%;
}
#breadcrumbs > li {
    display: block;
    float: left;
    height: 34px;
    padding: 0 9px 0 0;
    position: relative;
}
#breadcrumbs > li > a, #breadcrumbs > li > span {
    display: block;
    float: left;
    height: 34px;
    color: #F5F5F5;
    line-height: 34px;
    max-width: 200px;
    overflow: hidden;
}
#breadcrumbs > li > a { font-weight: normal; color: #b9dfff; text-shadow: 0px -1px 0px rgba(0,0,0,.2); }
#breadcrumbs span { font-weight: bold; }
#breadcrumbs li.options > a {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    display: block;
    height: 26px;
    margin: 4px 0;
    width: 21px;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
}
#breadcrumbs li.options:hover > a {
    background: rgba(255,255,255,0.2);
}
#breadcrumbs .dropdown-options{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 4px !important;
    -webkit-border-bottom-left-radius: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    -moz-border-radius-bottomleft: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
#breadcrumbs .dropdown-options a{
    padding-bottom: 2px;
    padding-left: 30px;
    padding-top: 2px;
}

.left{ float: left; }
.right{ float: right; }
.two{ width: 49.3%; }
/* Global - Messages */
.message {
	border-width: 2px;
	border-style: solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 18px 18px 0 18px;
	padding: 18px;
	position: relative;
}

.message strong {
	font-size: 14px;
}

.message p {
	margin: 0;
}

.message a.close {
	position: absolute;
	top: 9px;
	right: 12px;
	color: #000;
}

.alert-message {
	background-color: #FFF6BF;
	border-color: #FFD324;
	color: #514721;
}

.error-message {
	background-color: #FBE3E4;
	border-color: #FBC2C4;
	color: #FBE3E4;
}

.success-message {
	background-color: #E6EFC2;
	border-color: #C6D880;
	color: #264409;
}

/* Panel - Meta (Non-Collapsible) */
.meta-panel {
	margin: 0 0 18px 0;
	position: relative;
	background: #f9f9f9;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	box-shadow: 0px 1px 3px #CCC;
    -moz-box-shadow: 0px 1px 3px #CCC;
    -webkit-box-shadow: 0px 1px 3px #CCC;


	z-index: 2;
}
.meta-panel-header{
	background-color: #B6B6B6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D6D6D6), color-stop(100% #B6B6B6));
    background-image: -webkit-linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    background-image: -moz-linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    background-image: -ms-linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    background-image: -o-linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    background-image: linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);

    border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;

	border-top: 1px solid #F0F0F0;

	/*border: 1px solid #bbb;
	border-bottom: 1px solid #999;*/
	height: 41px;
	overflow: hidden;
	padding: 14px 85px 14px 14px;
	position: relative;
}
.meta-panel-header img{
	position: absolute;
	top: 3px;
	right: 8px;
}
#page-title{
	border: none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	display: block;
	margin: 0;
	padding: 5px 6px 6px 6px;
	font-size: 22px;
	line-height: 22px;
	-webkit-appearance: none;
}
#page-preview a{ margin-left: 5px; }

.meta-panel-content{ border-top: 1px solid #FFF; }

#modal {
	background: #e0e1e5;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	box-shadow: rgba(0,0,0,.4) 0 0 30px;
	-moz-box-shadow: rgba(0,0,0,.4) 0 0 30px;
	-webkit-box-shadow: rgba(0,0,0,.4) 0 0 30px;
	padding-bottom: 20px;
	position: relative;
	width: 600px;
}
#modal h2{
	background: #b6b6b6 url(/hifi/edit/images/panel-header-background.png) repeat-x;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	cursor: default;
	display: block;
	height: 35px;
	margin: 0;
	padding: 0 20px;
	position: relative;
	line-height: 35px;
	border: 1px solid #bbb;
	border-bottom: none;
	text-shadow: #eaeaea 0px 1px 1px;
}
#modal-content{
	margin: 0;
	padding: 20px;
}
#modal-content p{
	font-size: 11px;
}
#modal-content p.instructions{
    margin-bottom: 5px;
    color: #999;
}
#modal-content label.error{
	color: red;
	font-size: 11px;
}
#modal-content input[type="text"]{
    width: 548px !important;
}
#modal-footer{
	padding: 0 20px;
	text-align: right;
}
#modal-footer .disabled{
    opacity: 0.4;
}
#modal .mceLayout{
    width: 660px !important;
}

/* Panel */

.panel {
    margin: 0 0 18px 0;
    position: relative;
    box-shadow: 0px 1px 3px #CCC;
    -moz-box-shadow: 0px 1px 3px #CCC;
    -webkit-box-shadow: 0px 1px 3px #CCC;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    position: relative;

    z-index: 2;
}
.panel-closed { /* Collapsed panel */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 35px;
    overflow: hidden;
}
h2.panel-title {
    background-color: #B6B6B6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D6D6D6), color-stop(100% #B6B6B6));
    background-image: -webkit-linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    background-image: -moz-linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    background-image: -ms-linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    background-image: -o-linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    background-image: linear-gradient(top, #D6D6D6 0%, #B6B6B6 100%);
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top: 1px solid #F0F0F0;
    cursor: default;
    display: block;
    height: 35px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    line-height: 35px;
    z-index: 2;
    color: #555;
    text-shadow: #DDD 0px 1px 0px;
}
.collapsable h2.panel-title{
    cursor: pointer;
    cursor: hand;
    padding-left: 28px;
}
.panel-closed h2.panel-title {
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.panel-toggle {
    display: block;
    height: 35px;
    position: absolute;
    top: 0;
    left: 12px;
    color: #555;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    z-index: 4;
}
.panel-toggle i{
    position: relative;
    top: -1px;
}
.panel-content-header {
    background: #f9f9f9;
    height: 45px;
    padding: 0 18px 0 10px;
    vertical-align: middle;
    line-height: 45px;
}
.panel-content {
    background: #f9f9f9;
    border: 1px solid #bdbdbd;
    border: none;
    border-top: none;
    margin: 0;
    position: relative;
    z-index: 1;
}
.panel-table{ border-top: 1px solid #dbdbdb; }
.panel-content h3 {
    margin: 0 0 4px 0;
}
.panel-content-footer{
    background: #A8A8A8 url(/hifi/edit/images/highlight-white-soft.png) top repeat-x;
}


/* New Panel Header Chrome (Glossy) */

.panel-header-chrome{
    background: #FFF url(/hifi/edit/images/panel/trim.png) top repeat-x;
    height: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.panel-header-chrome > li{
    border-right: 1px solid #d4d4d4;
    float: left;
    position: relative;
}
.panel-header-chrome > li > a{
    background-position: 10px 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    display: block;
    height: 24px;
    padding: 0 10px;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
    text-decoration: none;
    text-shadow: #FFF 0 1px 1px;
}
.panel-header-chrome > li:hover > a{ color: #8AC24A; }
.panel-header-chrome > li > .upload{
    background-image: url(/hifi/edit/images/panel/upload-file.png);
    padding: 0 10px 0 25px;
}
.panel-header-chrome > li > .new{
    background-image: url(/hifi/edit/images/panel/add-file.png);
    padding: 0 10px 0 35px !important;
}
.panel-header-chrome li.menu ul, .panel-header-chrome li.menu ul > li:last-child a{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.panel-header-chrome li.menu ul{
    background: #FFF;
    border: 1px solid #d4d4d4;
    border-top: none;
    display: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 24px;
    left: 0;
    width: 210px;
}
.panel-header-chrome li.menu:hover > ul{ display: block; }
.panel-header-chrome li.menu ul a{
    display: block;
    padding: 5px 10px;
    position: relative;
    width: 190px;
    color: #333;
    font-weight: normal;
    text-decoration: none;
}
.panel-header-chrome li.menu ul a:hover{
    background: #3D87C4;
    color: #FFF;
}
.panel-header-chrome ul a > kbd{
    position: absolute;
    top: 6px;
    right: 10px;
    color: #CCC;
    font-size: 10px;
    font-weight: bold;
}


/* Panel Header - Version 2.0 */

.panel-header2{
    background: #FAFAFA;
    border-bottom: 1px solid #ccc;
    height: 22px;
    padding: 10px;
    line-height: 22px;
}
.panel-header2 .panel-button, .panel-header2 .panel-select{ float: left; margin-right: 10px; position: relative; z-index: 1; }
.panel-header2 .panel-button, .panel-header2 .panel-select > a{
    z-index: 2;
    position: relative;
    background: #FFF url(/hifi/edit/images/panel-header-button-background.png) top repeat-x;
    border: 1px solid #AEAEAE;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
    height: 20px;
    padding: 0 10px;
    color: #555;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
	text-shadow: 0px 1px 0px rgba(255,255,255,.4);
}
.panel-header2 .panel-button-without-chrome{
    display: inline-block;
    height: 22px;
    opacity: 0.5;
    padding: 0 10px;
    line-height: 20px;
    text-decoration: none;
}
.panel-header2 .panel-button-without-chrome:hover{ opacity: 0.8; }
.panel-header2 .panel-button-without-chrome img{ vertical-align: middle; }
.panel-header2 .panel-button:hover{ color: #000; }
.panel-header2 .panel-button-left{
    border-right: none;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    margin-right: 0;
}
.panel-header2 .panel-button-right{
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}
.panel-header2 .panel-select > a span{
    background: transparent url(/hifi/edit/images/panel-header-arrow-down.png) right no-repeat;
    display: block;
    padding-right: 12px;
}
.panel-header2 .panel-select > a img.check { opacity: .6; }
.panel-header2 .panel-select:hover > a{
    color: #000;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}
.panel-header2 .panel-select:hover > a img.check{ opacity: 1; }
.panel-header2 .panel-select > ul, .panel-header2 .panel-select-options{
    display: none;
    background: #111;
    background: rgba(0,0,0,0.85);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    list-style: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 22px;
    min-width: 100%;
}
.panel-header2 .panel-select:hover > ul, .panel-header2 .panel-select:hover .panel-select-options{
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    display: block;
}
.panel-header2 .panel-select > ul a{
    display: block;
    height: 20px;
    padding: 2px 10px;
    color: #CCC;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
}
.panel-header2 .panel-select > ul a:hover{
    background: #000;
    color: #FFF;
}
.panel-header2 .panel-select > ul li:first-child a{
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
.panel-header2 .panel-select > ul li:last-child a{
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.panel-header2 .panel-select-options{
    overflow: hidden;
    padding: 5px 10px;
}
.panel-header2 .panel-select-options-header{
    color: #EEE;
    font-size: 11px;
    font-weight: bold;
}
.panel-header2 .panel-select-options ul{
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
    width: 100%;
}
.panel-header2 .panel-select-options li{
    float: none;
}
.panel-header2 .panel-select-options a{
    display: block;
    opacity: 0.80;
    padding: 0 10px;
    -webkit-transition: opacity linear 0.2s;
    color: #CCC;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
}
.panel-header2 .panel-select-options a:hover{
    opacity: 1;
}
.panel-header2 .panel-select-options a.panel-select-option-with-icon{
    background-color: transparent;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 24px;
}


/* Panel - Pagination */

.pagination-links{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 3px 5px;
    text-shadow: none !important;
	border-bottom: 1px solid #a3a3a3;
}
.pagination-links li{
    float: right;
}
.pagination-links li a{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 1px 6px;
    color: #555;
    text-decoration: none;
    text-shadow: #DDD 0 1px 1px;
}
.pagination-links li a:hover{
    background: #BBB;
    border-top: 1px solid #999;
    padding-top: 0;
}
.pagination-links li a.next{
    background-image: url(/hifi/edit/images/pagination-arrow-right.png);
    background-position: 88% 50%;
    background-repeat: no-repeat;
    padding-right: 13px;
}
.pagination-links li a.prev{
    background-image: url(/hifi/edit/images/pagination-arrow-left.png);
    background-position: 4px 50%;
    background-repeat: no-repeat;
    padding-left: 13px;
}


/* Page Types */

.text .panel-column-title {
    background: transparent url(/hifi/edit/images/icon-styled-text-page.png) left no-repeat;
}


/* Table Lists */

.offsite-link{
    background: transparent url(/hifi/edit/images/icons/offsite.gif) bottom left no-repeat;
    display: inline-block;
    height: 12px;
    margin-left: 3px;
    opacity: 0;
    width: 11px;
    vertical-align: baseline;
    text-indent: -9999px;
    transition: opacity linear 0.2s;
    -moz-transition: opacity linear 0.2s;
    -webkit-transition: opacity linear 0.2s;
}
.panel-list-sort{
    float: right;
}
.panel-list{
    width: 100%;
}
.panel-list th{
    background: #EAEAEA;
    height: 20px;
    padding: 0 14px;
    font-size: 11px;
    line-height: 20px;
    text-align: left;
}
.panel-list td{
    background-color: #F3F3F4;
    border-top: none !important;
    border-bottom: 1px solid #eaeaea;
    padding: 9px 14px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
    vertical-align: middle;
}
.panel-list-row:hover td{
    background-color: #F6FFD4;
}
.panel-list-row-checkbox{
    width: 16px !important;
}
.panel-list-row-title{
    padding-left: 35px !important;
}
.panel-list-row-options{
    width: 70px;
    text-align: right;
}
.panel-list-row-options a{
    margin-left: 10px;
    opacity: 0.5;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    -webkit-transition: linear opacity 0.2s;
}
.panel-list-row:hover .panel-list-row-options a{
    opacity: 1;
}
.panel-list-row-delete{
    background: transparent url(/hifi/edit/images/icon-delete.png) 0 0 no-repeat;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    width: 16px;
    vertical-align: middle;
    line-height: 40px;
    text-indent: -9999px !important;
}
.panel-list-row-comments{
    background-image: url(/hifi/edit/images/icons/icon-comments-bubble.png);
    background-position: 4px 60%;
    background-color: #eaeaea;
    background-repeat: no-repeat;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    height: 20px;
    padding: 0 5px 0 25px;
    min-width: 17px;
    font-size: 10px;
    line-height: 20px;
    text-align: right;
}
.panel-list-row-comments:hover{
    background-color: #498DD3;
    border-color: #2e658a;
    color: #FFF;
    text-decoration: none;
}


/* Panel - Tabs */
.ui-tabs .ui-tabs-hide {
	height: 0px;
	border: none !important;
	overflow: hidden;
} /* required for jQuery UI tabs */

.panel ul.tabs {
	height: 28px;
	list-style: none;
	margin: 0;
	padding: 8px 0 0 0;
	position: absolute;
	top: 0px;
	right: 7px;
	line-height: 28px;
	text-align: right;
	z-index: 2;
}

.panel ul.tabs li {
	display: inline;
	margin-left: 5px;
}

.panel ul.tabs li a {
	background: #d8d8d8 url(/hifi/edit/images/panel-tab-background.png) top repeat-x;
	background-color: #d0d0d0;
	border: 1px solid #c5c5c5;
	border-top-color: #c0c0c0;
	border-bottom: 1px solid #bbb;

	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	padding: 8px 22px 7px 22px;
	color: #878787;
	color: #999;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(255,255,255,.4);
}

.panel ul.tabs li.ui-state-active a,.panel ul.tabs li a:hover {
	color: #333;
}

/*
.panel ul.tabs li.ui-state-active {
	line-height: 15px;
}

.panel ul.tabs li.ui-state-active a {
	background: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	position: relative;
	top: 2px;
	padding: 10px 22px 8px 22px;
}*/

.panel ul.tabs li.ui-state-active a{
	background: #FAFAFA;
	border: none;
	border-bottom: 1px solid #FAFAFA;
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
}

/* Header - Search Form */

#search {
    display: block;
	position: relative;
	width: 100%;
}
#search-phrase {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	margin: 0 0 10px 0;
	vertical-align: middle;
	width: 100%;
	color: #333;
	font-size: 12px;
}
#quick-search-results {
	list-style: none;
	margin: 0;
}

#quick-search-results li {
	color: #aaa;
	padding-bottom: 5px;
}

#quick-search-results li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 30px;
	padding: 5px 6px 5px 30px;
	color: #aaa;
	font-weight: normal;
	line-height: 18px;
}

#quick-search-results li a:hover {
	color: white;
}

.tinymcewrapper {
	position: relative;
    height: auto !important;
	width: 100%;
}
.mce-tinymce{
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
}
.tinymcewrapper .mce-tinymce{
    border-top: none !important;
}

.author-list-row-title{
    background: transparent url(/hifi/edit/images/icons/types/author-small.png) left no-repeat;
}

.fc .fc-header td{
    padding: 10px;
    vertical-align: middle;
}
.fc .fc-header-title{

    font-size: 36px;
    line-height: 40px;
}
.fc .fc-header-title h2{
    margin-bottom: 0;
}
.fc .fc-header .fc-button{
    margin-bottom: 0;
}

.calendar-add-event{
    padding-bottom: 70px;
}

.datetime{
    position: relative;
    z-index: 100;
}
.datetime-control{
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    background: #EEE;
    padding: 5px;
}
.datetime-control-date{
    margin-bottom: 5px;
}
.datetime-control-close{
    cursor: pointer;
    font-size: 11px;
    text-align: center;
}

.datetimestart, .datetimeend{
    display: inline-block;
}

.color-container{
    float: left;
    margin-right: 20px;
}
.sp-container button{
    font-size: 11px !important;
    text-transform: capitalize;
}

.delete-event{
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 10px;
    width: 10px;
}
.fc-event:hover .delete-event{
    display: block;
}

.category-list-row-title{
    background: transparent url(/hifi/edit/images/icons/types/category-small.png) left no-repeat;
}

/* List */

ol.comments{
	list-style: none;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0
}
ol.comments > li{
	border-top: 1px solid #e5e5e5;
	overflow: hidden;
}
ol.comments > li:first-child {
	border-top: 1px solid #e5e5e5;
}
ol.comments > li.open{ background: #444; }


/* List Line Item - Header */

ol.comments > li .comment-header{
	background: #F3F3F4;
	cursor: pointer;
	height: 24px;
	padding-right: 10px;
	position: relative;
	line-height: 24px;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.2s;
}
ol.comments > li:hover .comment-header{
	background-color: #F6FFD4;
	color: #444;
}
ol.comments > li.open .comment-header, ol.comments > li.open .comment-header-name, ol.comments > li.open .comment-header-preview{ color: #FFF !important; text-shadow: 0px 0px 1px rgba(0,0,0,.2); !important;}
ol.comments > li.open .comment-header{ background: #59A9EC url(/hifi/edit/images/highlight-white-soft.png) 0 -6px repeat-x; }
ol.comments > li.unread .comment-header, ol.comments > li.unread .comment-header-name{
	color: #333;
	background: #f9f9f9;
}
ol.comments > li.unread:hover .comment-header, ol.comments > li.unread:hover .comment-header-name {
    background-color: #F6FFD4;
}
ol.comments > li.unread .comment-header-name{
	font-weight: bold!important;
}
ol.comments > li.unread .comment-header-preview{
	color: #666;
}
.comment-checkbox, .comment-header-name{ float: left; }
.comment-checkbox{
	width: 30px;
	text-align: center;
}
.comment-checkbox input{
	position: relative;
	top: -1px;
	vertical-align: middle;
}
.comment-header-name{
	padding: 0 18px 0 0;
	width: 150px;
	color: #999;
}
.comment-header-preview{
	color: #999;
	overflow: hidden;
	white-space: nowrap;
}


/* List Line Item - Body */

.comment-body{
	background: transparent url(/hifi/edit/images/shadow.png) top repeat-x;
	padding: 18px 18px 18px 92px;
	color: #CCC;
	text-shadow: #333 0 1px 1px;
}
ol.comments .gravatar{
	border: 3px solid #FFF;
	-moz-box-shadow: #000 0 1px 1px;
	-webkit-box-shadow: #000 0 1px 1px;
	box-shadow: #000 0 1px 1px;
	float: left;
	margin-left: -74px;
}
ol.comments h3, ol.comments .comment-text{  margin: 0 0 10px 0; }
ol.comments h3{ color: #FFF; }
ol.comments a{
	color: #b9e12c;
	text-decoration: underline;
}
ol.comments a:hover{ text-decoration: none; }
ol.comments ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
ol.comments ul li{
	display: inline;
	margin: 0 1em 0 0;
}


/* Comment Reply Form */

#comment_reply_form{ padding: 18px 18px 0 18px; }
#reply{ height: 100px; }

.custom-fields-panel{ background: #F9F9F9; }
.custom-fields ul { margin: 10px 30px; }

.custom-fields fieldset{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EAEAEA;
    margin: 0;
    padding: 10px 10px 13px 10px;
}
.custom-fields fieldset .custom-fields-header{
    margin-bottom: 10px;
}
.custom-fields fieldset label, .custom-fields fieldset p.instructions{
    margin: 0;
    line-height: 20px;
}
.custom-fields fieldset p.instructions{
    color: #777;
    font-size: 11px;
}
.custom-fields fieldset input, .custom-fields fieldset select, .custom-fields fieldset textarea{ margin: 0; }
.custom-fields fieldset input[type="text"] {
    padding: 6px 1%;
    width: 98%;
}
.custom-fields fieldset textarea{
    height: 100px;
    padding: 6px 1%;
    width: 98%;
    vertical-align: bottom;
}
.custom-fields fieldset select{
    min-width: 200px;
    max-width: 90%;
}
.custom-fields fieldset.checkbox p.instructions{ margin: 0; }
.custom-fields fieldset.radio label{
    margin: 0;
    padding: 0;
}
.custom-fields fieldset.file .filename {
    text-decoration: none;
}
.custom-fields fieldset.file img{
    margin-right: 5px;
    vertical-align: middle;
}
.custom-fields fieldset.file img.bordered{
    border: 1px solid #ccc;
}
.custom-fields fieldset.file .remove {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 50px 0 10px;
    background: url(/hifi/edit/images/icon-delete.png) no-repeat;
    text-indent: -9999px;
}

/* Rich-Text Field */

.custom-fields fieldset.richtext textarea{
    height: auto !important;
    min-height: 200px !important;
    margin: 0;
    padding: 0;
    width: 100%;
}
.custom-fields fieldset.richtext .mceLayout{
    border: 1px solid #DDD !important;
    height: auto !important;
    min-height: 200px !important;
    width: 100% !important;
}

/* Markdown Field */

.custom-fields fieldset.markdown textarea{ height: 200px; }
.custom-fields fieldset.markdown a.preview{ clear: left; font-size: 11px; }
.markdown-preview{
    background: #FFF;
    color: #777;
    font: 12px/20px Arial, Verdana, sans-serif !important;
}
.markdown-preview html, .markdown-preview body, .markdown-preview div, .markdown-preview span, .markdown-preview object, .markdown-preview iframe,
.markdown-preview h1, .markdown-preview h2, .markdown-preview h3, .markdown-preview h4, .markdown-preview h5, .markdown-preview h6, .markdown-preview p, .markdown-preview blockquote, .markdown-preview pre,
.markdown-preview abbr, .markdown-preview address, .markdown-preview cite, .markdown-preview code,
.markdown-preview del, .markdown-preview dfn, .markdown-preview em, .markdown-preview img, .markdown-preview ins, .markdown-preview kbd, .markdown-preview q, .markdown-preview samp,
.markdown-preview small, .markdown-preview strong, .markdown-preview sub, .markdown-preview sup, .markdown-preview var,
.markdown-preview b, .markdown-preview i,
.markdown-preview dl, .markdown-preview dt, .markdown-preview dd, .markdown-preview ol, .markdown-preview ul, .markdown-preview li,
.markdown-preview fieldset, .markdown-preview form, .markdown-preview label, .markdown-preview legend,
.markdown-preview table, .markdown-preview caption, .markdown-preview tbody, .markdown-preview tfoot, .markdown-preview thead, .markdown-preview tr, .markdown-preview th, .markdown-preview td,
.markdown-preview article, .markdown-preview aside, .markdown-preview canvas, .markdown-preview details, .markdown-preview figcaption, .markdown-preview figure,
.markdown-preview footer, .markdown-preview header, .markdown-preview hgroup, .markdown-preview menu, .markdown-preview nav, .markdown-preview section, .markdown-preview summary,
.markdown-preview time, .markdown-preview mark, .markdown-preview audio, .markdown-preview video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
.markdown-preview {line-height:1;}
.markdown-preview article, .markdown-preview aside, .markdown-preview canvas, .markdown-preview details, .markdown-preview figcaption, .markdown-preview figure,
.markdown-preview footer, .markdown-preview header, .markdown-preview hgroup, .markdown-preview menu, .markdown-preview nav, .markdown-preview section, .markdown-preview summary{display:block;}
.markdown-preview nav ul{list-style:none;}
.markdown-preview blockquote, .markdown-preview q{quotes:none;}
.markdown-preview blockquote:before, .markdown-preview blockquote:after, .markdown-preview
.markdown-preview q:before, .markdown-preview q:after{content:'';content:none;}
.markdown-preview a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
.markdown-preview ins{background-color:#ff9;color:#000;text-decoration:none;}
.markdown-preview mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
.markdown-preview del{text-decoration:line-through;}
.markdown-preview abbr[title], .markdown-preview dfn[title]{border-bottom:1px dotted #000;cursor:help;}
.markdown-preview table{border-collapse:collapse;border-spacing:0;}
.markdown-preview hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
.markdown-preview input, .markdown-preview select{vertical-align:middle;}

.markdown-preview h1, .markdown-preview h2, .markdown-preview h3, .markdown-preview h4, .markdown-preview h5, .markdown-preview h6, .markdown-preview ol, .markdown-preview ul, .markdown-preview dl, .markdown-preview p, .markdown-preview blockquote{ margin: 0 0 20px 0; }
.markdown-preview ol, .markdown-preview ul, .markdown-preview dl{ margin-left: 2em; }
.markdown-preview h1, .markdown-preview h2, .markdown-preview h3, .markdown-preview h4{ color: #000; }
.markdown-preview h1{font-size:36px;line-height:40px;}
.markdown-preview h2{font-size:24px;line-height:40px;}
.markdown-preview h3{font-size:18px;}
.markdown-preview h4{font-size:14px;}
.markdown-preview h5{font-size:12px;}

/* THEME CATALOG */

#themes-header{
	background: #F9F9F9;
	border-bottom: 1px solid #EEE;
	padding: 10px;
}
#themes-header h2{ margin: 0 0 4px 0; }
#themes-header p, #upload-new-theme-form p{ margin: 0 0 7px 0; }
#upload-new-theme-form{
	border-bottom: 1px solid #EEE;
	display: none;
	margin: 0;
	padding: 10px;
}
#upload-new-theme-form label{
	display: inline-block;
}
#upload-new-theme-form input[type="text"]{
	display: block;
	margin-right: 10px;
	width: 250px;
}
.theme-list-row-activation{
    width: 100px;
}
.theme-list-row-activation form{
    margin: 0 !important;
}
.theme-list-row-options{
    width: 250px !important;
}


/* THEME BESPIN EDITOR */

#theme-editor{
	height: 575px; /* 540px editor + 35px top tabs */
	height: 540px; /* killed the tabs */
}
#theme-editor ul{
	position: absolute;
	top: -35px;
	width: 85%;
	right: 0;
	height: 28px;
	list-style: none;
	margin: 0;
	padding: 7px 7px 0 7px;
}
#theme-editor li{
	float: left;
	margin: 0 5px 0 0;
	position: relative;
}
#theme-editor li a{
	background: #d8d8d8 url(/hifi/edit/images/panel-tab-background.png) top repeat-x;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	display: block;
	height: 28px;
	padding: 0 27px 0 10px;
	color: #878787;
	line-height: 28px;
	font-weight: bold;
	text-shadow: #EEE 0 1px 1px;
}
#theme-editor li.ui-tabs-selected a{
	color: #333;
}
#theme-editor li span{
	background: transparent url(/hifi/edit/images/tab-close-button.png) 0 0 no-repeat;
	display: block;
	height: 9px;
	position: absolute;
	top: 11px;
	right: 10px;
	width: 9px;
	text-indent: -9999px;
	cursor: pointer; cursor: hand;
}
#theme-editor iframe{ vertical-align: bottom; }


/* THEME FILE LISTINGS - LISTINGS */

#theme-files-content{
	padding: 13px 0 10px 0;
}
#theme-files h3{
	cursor: pointer;
	height: 24px;
	margin: 0;
	padding: 0 20px 0 30px;
	font-size: 11px;
	line-height: 24px;
	text-transform: uppercase;
	text-shadow: #FFF 0 1px 1px;
}
#theme-files h3.open{ background: transparent url(/hifi/edit/images/panel-toggle-open.png) 11px 50% no-repeat; }
#theme-files h3.closed{ background: transparent url(/hifi/edit/images/panel-toggle-closed.png) 11px 50% no-repeat; }
#theme-files h3.closed + ul, #theme-files .folder + ul{ display: none; }
#theme-files h3.open + ul, #theme-files .folder-open + ul{ display: block; }
#theme-files ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#theme-files ul ul{ margin: 0;  }
#theme-files ul.last{ margin: 0; }
#theme-files ul li{ padding: 0; }
#theme-files ul li div{
	background-position: 30px 2px;
	background-repeat: no-repeat;
	display: block;
	min-height: 20px;
	padding: 2px 20px 2px 54px;
	width: 156px;
	color: #555;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
}
#theme-files ul li div > a{
	color: #555;
	cursor: pointer;
	cursor: hand;
	font-weight: normal;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE 5.5+ */
}
#theme-files ul ul li div{
	background-position: 50px 2px;
	padding-left: 74px;
	width: 136px;
}
#theme-files ul ul ul li div{
	background-position: 70px 2px;
	padding-left: 94px;
	width: 116px;
}
#theme-files ul ul ul ul li div{
	background-position: 90px 2px;
	padding-left: 114px;
	width: 96px;
}
#theme-files ul ul ul ul ul li div{
	background-position: 110px 2px;
	padding-left: 134px;
	width: 76px;
}
.file-listing-type{
	display: inline-block;
	min-width: 230px;
	position: relative;
}
.file-listing-type li:hover > div.file{ background-color: #F0F0F0; }
.file-listing-type li div.folder{ background-image: url(/hifi/edit/images/icons/folder-horizontal.png); }
.file-listing-type li div.folder-open{ background-image: url(/hifi/edit/images/icons/folder-horizontal-open.png); }
#templates li div.file{ background-image: url(/hifi/edit/images/icons/document-code.png); }
#styles li div.file{ background-image: url(/hifi/edit/images/icons/document-attribute-s.png); }
#scripts li div.file{ background-image: url(/hifi/edit/images/icons/document-attribute-j.png); }
#images li div.file{ background-image: url(/hifi/edit/images/icons/image-sunset.png); }

span.options{
	background: transparent url(/hifi/edit/images/panel/options.png) 0 0 no-repeat;
	display: inline-block;
	height: 10px;
	margin-left: 5px;
	opacity: 0;
	position: relative;
	width: 10px;
}
div:hover > span.options, h3:hover span.options{ opacity: 1; }
span.options ul{
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: #444 0 0 5px;
	-moz-box-shadow: #444 0 0 5px;
	-webkit-box-shadow: #444 0 0 5px;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 3px;
	top: 3px;
	width: 150px;
	z-index: 100;
}
span.options:hover ul{ display: block; }
span.options a{
	border-bottom: 1px solid #EEE;
	display: block;
	padding: 3px 10px;
	color: #444;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	text-transform: none;
}
span.options a:hover{ background: #EEE; }
span.options li.first a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
span.options li.last a {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.event-details{
    padding: 10px;
}
.event-details .datetime,
.event-details .datetime .text{
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Command Panels */

fieldset.command{
	margin: 0;
	padding: 20px 20px 10px 20px;
}
fieldset.run{
	padding: 0 20px;
}
#command textarea {
	height: 50px;
	margin: 0;
	width: 99%;
}
#command input {

}
#command .cmdpanel { overflow: auto; }


/* Nodes */

#nodes h2 { margin-left: 0; }
#nodes { position: relative; left: 0px; }
#nodes ul { padding: 0px 0 0 28px; margin: 0; list-style: none; border-top: 1px solid white; }
#nodes ul li { margin: 0; padding: 2px 0 0 0; list-style: none; background: #e9e9e9; border-bottom: 1px solid white; line-height: 27px; }
#nodes ul li:last-child { border: none; }
#nodes a { cursor: pointer; cursor: hand; }


/* Nodes - Quick View */

.quickview {
	height: 28px;
	position: relative;
	line-height: 28px;
}

.expand {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 16px;
	overflow: hidden;
	width: 16px;
	margin: 5px 0 0 10px;
	cursor: pointer;
	cursor: hand;
	text-indent: -9999px;
}
.expand-open{ background-image: url(/hifi/edit/images/icons/toggle.png); }
.expand-closed{ background-image: url(/hifi/edit/images/icons/toggle-expand.png); }

.empty { display: none; }
.id { display: none; font-family: monospace; margin-right: 10px; font-size: 13px; color: #555; }

.node strong {
	font-size: 14px;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 10px;
}
.node .type {
	color: #999;
	font-style: italic;
}
.versions { position: absolute; right: 100px; color: gray; }
.edit { position: absolute; right: 62px; }
.delete { position: absolute; right: 10px; color: red; }


/* Nodes - Edit View */

.editview {
	background: #f9f9f9;
}
.editview table{ width: 100%; }
.editview table thead td{
	background: #1072BA;
	padding: 0 10px;
	color: #FFF;
	text-shadow: none;
}
.editview tbody td {
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #FFF;
	padding: 10px;
	vertical-align: middle;
}
.editview td input, .editview td textarea{
	margin: 0;
	vertical-align: middle;
}
.editview td textarea { width: 99%; }
.editview td.label { font-weight: bold;}
.editview p{
	margin: 0;
	padding: 10px;
}
.hidden { display: none; }

#choose-related-page fieldset{
    float: left;
    padding: 10px;
}

/* Fieldsets List */

.hifi-fieldsets-name,
.hifi-fieldsets-options{
    line-height: 26px;
    vertical-align: middle;
}

.fieldsets-list-row-options{
    width: 200px !important;
}

/* CUSTOM FIELDSETS LIST */

.fieldset-field-list-row-handle{
    padding: 0 5px;
    width: 16px;
    vertical-align: middle;
}
.fieldset-field-list-row-handle img{
    vertical-align: middle;
}
.fieldset-field-list-row-name{
    width: 200px;
}
.fieldset-field-list-row-type{
    width: 150px;
}


/* CUSTOM FIELD EDITOR */

#custom-field-editor-fields{ background: #333; }
#fancybox-inner{ overflow: hidden !important; }
#custom-field-editor h1{
    background: #59A9EC;
    height: 36px;
    margin: 0;
    padding: 0 10px;
    width: 580px;
    color: #FFF;
    line-height: 36px;
}
#custom-field-editor ul.panel-header-chrome{
    width: 600px;
}
#custom-field-editor-fields{
    overflow: auto;
}
#custom-field-editor fieldset{
    border-bottom: 1px solid #444;
    margin: 0;
    padding: 20px 20px 10px 20px;
    position: relative;
    z-index: 1;
}
#custom-field-editor fieldset label{
    display: block;
    margin: 0 0 2px 0;
    color: #EEE;
    line-height: 1em;
}
#custom-field-editor fieldset p{ margin: 0 0 5px 0; }
#custom-field-editor fieldset input[type="text"] {
    width: 90%;
}

/* Settings - Confirmation */

fieldset#confirmation_method_email, fieldset#form_confirmation{
    margin: 0 !important;
}


/* Form Field - Display */

.form-editor-field-name{
    color: #BBB;
    font-weight: normal;
    font-size: 11px;
}
.form-editor-field-preview{
    line-height: 20px;
}
#page-form-fields > .form-editor-field{
    border-bottom: 1px solid #DDD;
    position: relative;
}
#page-form-fields > .form-editor-field > .form-editor-field-preview{
    background-color: #F9F9F9;
    padding: 18px;
    -webkit-transition: background-color linear 0.2s;
}
#page-form-fields > .form-editor-field:nth-child(odd) > .form-editor-field-preview{
    background-color: #F0F0F0;
}
#page-form-fields > .form-editor-field > .form-editor-field-preview:hover{
    background-color: #F6FFD4;
}
.form-editor-field-preview label .required{
    margin-left: 3px;
    color: red;
    font-size: 14px;
    font-weight: bold;
}
.form-editor-field-preview label,
.form-editor-field-preview input[type="text"],
.form-editor-field-preview input[type="tel"],
.form-editor-field-preview input[type="email"],
.form-editor-field-preview input.text,
.form-editor-field-preview textarea,
.form-editor-field-preview .radio-buttons,
.form-editor-field-preview select,
.form-editor-field-preview .checkboxgroup{
    margin: 0 !important;
}
.form-editor-field-preview .checkboxgroup label{
    font-weight: normal;
}
.form-editor-field-preview input[type="text"], .form-editor-field-preview textarea{
    width: 95%;
}
    .form-editor-field-preview .form-editor-date-value,
    .form-editor-field-preview .form-editor-time-value{
        display: inline-block !important;
        width: 20% !important;
    }

.form-editor-field-radio-buttons label{
    display: inline;
    font-weight: normal;
}
.form-editor-edit{
    font-size: 11px;
}
.form-editor-field-aggregate .form-editor-field{
    margin-bottom: 18px;
}
.form-editor-field-aggregate .form-editor-field:last-child{
    margin-bottom: 0;
}
.form-editor-field-instructions{
    margin: 0 0 3px 0;
    color: #888;
    font-size: 11px;
}


/* Form Field - Handle */

.form-editor-field .side-handle{
    opacity: 0;
    -webkit-transition: opacity linear 0.2s;
}
.form-editor-field:hover .side-handle{
    opacity: 1;
}
.form-field-sortable-placeholder{
    border: 2px dashed #CCC;
}


/* Form Field - Options */

.form-editor-field-options{
    list-style: none;
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transition: opacity linear 0.2s;
}
.form-editor-field:hover .form-editor-field-options{
    opacity: 1;
}
.form-editor-field-options > li{
    float: right;
    padding: 0 0 0 5px;
    position: relative;
}


/* Form Options */

#form-options{
    margin: 0;
    padding: 18px;
}
#form-options p.small{ margin: 0 0 5px 0; }
#form-options input[type="text"], #form-options textarea{
    margin-bottom: 18px;
    width: 98.5%;
}
#form-options textarea[name="form-confirmation"]{
    height: 150px;
    margin: 0;
}
a#parent-selector{
    margin-bottom: 18px !important;
}

.html-content{
    height: 400px;
    margin-bottom: 0;
}
.CodeMirror-gutters{
    box-shadow: none !important;
    border-right: 1px solid #666 !important;
}

#location-editor-map img{
    border: 1px solid #CCC;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    max-width: 100%;
}

/* Content - Media Tab */

ul.media {
  list-style: none;
  margin: 0;
  padding: 0 0 1em;
}
  ul.media li{
    background-color: #f9f9f9;
    border-top: 2px solid #eaeaea;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: background-color 0.3s linear;
  }
  ul.media > li:hover{ background-color: #F6FFD4; }
    ul.media li div{
      float: left;
      top: 0;
      line-height: 80px;
    }
    ul.media li .handle{
    	position: absolute;
      background: transparent url(/hifi/edit/images/tree-handle.png) left repeat-y;
      cursor: move;
      height: 100%;
      left: 0px;
      opacity: 0;
      width: 10px;
      -webkit-transition: opacity 0.3s linear;
    }
    ul.media li:hover .handle{
      opacity: 1;
    }
    ul.media li .thumbnail{
      height: 72px;
      margin: 4px 10px 4px 14px;
      width: 80px;
      line-height: 72px;
      text-align: center;
    }
    ul.media li .thumbnail img{
      position: relative;
      top: -1px;
      vertical-align: middle;
    }
    ul.media li div.title{
      width: 520px;
      padding: 5px 0;
    }
      ul.media li div.title div{
        position: static;
        line-height: 35px;
      }
        ul.media li div.title label{
          float: left;
          width: 60px;
          font-weight: normal;
        }
        ul.media li div.title input, ul.media li div.title textarea {
          float: left;
          width: 440px;
          margin: 0;
        }
    ul.media li .file-size{
      float: right;
      margin-right: 70px;
      text-align: left;
    }
    ul.media li .delete{
      width: 50px;
      opacity: 0.3;
      text-align: center;
      -webkit-transition: opacity 0.3s linear;
    }
    ul.media li:hover .delete{
      opacity: 1;
    }

.page-categories-container{
    max-height: 390px;
    overflow: auto;
}
.page-categories { width: 100%; }
.page-category td{
    background-color: #F3F3F4;
    border-top: none !important;
    border-bottom: 1px solid #eaeaea;
    padding: 3px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
    vertical-align: middle;
}
.page-category-level2 > td.page-category-title:before{
    content: "-- ";
}
.page-category-level3 > td.page-category-title:before{
    content: "---- ";
}
.page-category-level4 > td.page-category-title:before{
    content: "------ ";
}
.page-category-level5 > td.page-category-title:before{
    content: "-------- ";
}
.page-category:hover td{
    background-color: #F6FFD4;
}
.page-category-checkbox{
    padding-right: 0 !important;
    width: 16px !important;
}
.page-category-checkbox input{
    position: relative;
    top: -1px;
    vertical-align: middle;
}
.page-category-title span{
    display: inline-block;
}
.page-category-buttons{
    width: 34px !important;
}
.page-category-remove{
    background: transparent url(/hifi/edit/images/icons/cross-small.png) center no-repeat;
    display: inline-block;
    float: right;
    height: 20px;
    opacity: 0;
    width: 16px;
    vertical-align: middle;
    -webkit-transition: opacity linear 0.2s;
    text-indent: -9999px;
}
.page-category-edit{
    background: transparent url(/hifi/edit/images/icons/pencil-small.png) center no-repeat;
    display: inline-block;
    float: right;
    height: 20px;
    opacity: 0;
    width: 16px;
    vertical-align: middle;
    -webkit-transition: opacity linear 0.2s;
    text-indent: -9999px;
}
.page-category:hover .page-category-remove,
.page-category:hover .page-category-edit{
    opacity: 1;
}

/* Meta Panel */

#page-title{
	margin-bottom: 5px;
	color: #000;
	font-size: 24px;
}
#page-preview{
	float: right;
	text-align: right;
}


/* Meta Panel - Footer (with toggle link and URL) */

.meta-panel-content-header{ padding: 8px 18px; }


/* Meta Panel - Metadata */

#metadata{
	background-color: #F3F3F4;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#metadata fieldset{
    background: #F3F3F4;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #F9F9F9;
	margin: 0;
	padding: 10px 18px;
}
#metadata fieldset > label{
    clear: both;
    float: left;
    line-height: 26px;
    width: 15%;
}
#metadata fieldset > div.right-column{
    float: right;
    width: 85%;
}
#metadata fieldset > div.right-column p{
    margin: 0;
    color: #999;
    font-size: 11px;
}
#metadata input[type="text"], #metadata textarea{ margin: 0 0 5px 0; width: 98%; }
#metadata div.right-column label{ line-height: 26px; } /* For the checkbox */
#metadata input[type="checkbox"]{ margin: 0 3px 0 0; position: relative; top: 2px; }
#page-uri-prefix{
    display: inline-block;
    height: 28px;
    color: #333;
    font-weight: bold;
    line-height: 28px;
}
#page-uri{ width: 300px !important; }


/* Panel - Subpages and Comments */

#page-subpages-panel, #page-comments-panel{ position: relative; }
#page-subpages-panel{ z-index: 2; }
#page-comments-panel{ z-index: 1; }


/* Publish Panel */

#publishing-toggle { display: block; }

#page-publishing-panel{ clear: left; }
#page-publishing-panel .panel-header{
	background: transparent url(/hifi/edit/images/publishing-panel-header-background2.png) top repeat-x;
	border: 1px solid #94aa7e;
	border-bottom: 1px solid #658535;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	height: 41px;
	padding: 14px;
}
#page-publishing-panel .panel-header a{
	background: #E4E4E4 url(/hifi/edit/images/publishing-panel-header-highlight.png) left no-repeat;
	border: 1px solid #658536;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: #DDD 0 0 3px;
	-moz-box-shadow: #DDD 0 0 3px;
	-webkit-box-shadow: #DDD 0 0 3px;
	display: block;
	height: 39px;
	color: #376319;
	font-size: 18px;
	font-weight: bold;
	line-height: 39px;
	text-align: center;
	text-decoration: none;
	text-shadow: #FFF 0 1px 1px;
	-webkit-transition: background-color linear 0.15s;
}
#page-publishing-panel .panel-header a:hover{ background-color: #F0F0F0; }
#page-publishing-panel .panel-header a span{
	background: transparent url(/hifi/edit/images/icons/circle-check.png) 10px 50% no-repeat;
	display: block;
}
#page-publishing-panel a.toggle{
	display: block;
	height: 34px;
	padding: 0 18px;
	line-height: 34px;
}
#page-publishing-panel .panel-content{
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	padding: 8px 18px;
	padding: 0;
}
#page-publishing-panel fieldset{
	background: #F3F3F4;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #F9F9F9;
	margin: 0;
	padding: 10px 18px;
}
#page-publishing-panel fieldset#publishing-timestamp{
	border-bottom: none;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#page-publishing-panel label{
	margin: 0 0 3px 0;
	color: #888;
	font-size: 11px;
	font-weight: normal;
}

#page-publishing-panel #publishing-delete{
    text-align: center;
}
#page-publishing-panel #publishing-delete a{
    color: Red;
}


/* Publish Panel - Visibility */

#visibleTo { margin: 0 0 9px 0; width: 190px; }


/* Publish Panel - Author */

#addAuthor {
	background: url(/hifi/edit/images/icon-add.png) no-repeat right center;
	float: right;
	height: 16px;
	padding-right: 22px;
	font-size: 11px;
}
.authors {
	float: left;
	margin: 0 5px 9px 0;
	width: 172px;
}
#publishing-author .removeAuthor {
    float: right;
	height: 18px;
	width: 16px;
	background: url(/hifi/edit/images/icon-delete.png) no-repeat right center;
    text-indent: -9999px;
}

#append-author{
    width: 195px;
}
.author-list{
    border: 1px solid #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.author-list-item{
    background-color: #EEE;
    border-top: 1px solid #E6E6E6;
    height: 25px;
    padding: 0 5px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
    line-height: 25px;
}
.author-list-item:first-child{
    border-top: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.author-list-item:last-child{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.author-list-item:hover{
    background-color: #F6FFD4;
}
.author-list-item .page-author-remove{
    background: transparent url(/hifi/edit/images/icons/cross-small.png) center no-repeat !important;
    display: inline-block;
    float: right;
    height: 25px;
    opacity: 0;
    width: 16px;
    vertical-align: baseline;
    -webkit-transition: opacity linear 0.2s;
    text-indent: -9999px;
}
.author-list-item .page-author-edit{
    background: transparent url(/hifi/edit/images/icons/pencil-small.png) center no-repeat !important;
    display: inline-block;
    float: right;
    height: 25px;
    opacity: 0;
    width: 16px;
    vertical-align: baseline;
    -webkit-transition: opacity linear 0.2s;
    text-indent: -9999px;
}
.author-list-item:hover .page-author-remove,
.author-list-item:hover .page-author-edit{
    opacity: 1;
}


/* Publish Panel - Parent */

#parent-selector {
	background: #cdcdcd url(/hifi/edit/images/selectbox-background.png) repeat-x 0 0;
	border: 1px solid #bcbcbc;
	height: 22px;
	margin: 0 0 9px;
	overflow: hidden;
	padding: 0 26px 0 8px;
	position: relative;
	width: 152px;
	color: #555;
	line-height: 22px;
	text-align: left;
}


/* Publish Panel - Calendar */

#ui-datepicker-div {
	border: none;
	border-radius: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.ui-datepicker-inline{ width: 190px !important; }
.ui-datepicker-title, .ui-datepicker-calendar th{ font-weight: normal !important; }
.ui-datepicker-header {
	background: url(/hifi/edit/images/panel-header-background.png);
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	text-align: center;
	height: 28px;
}
.ui-datepicker-prev {
	float: left;
	width: 16px;
	height: 16px;
	margin: 5px;
	background: url(/hifi/edit/images/buttons/calendar-prev.png) no-repeat;
	text-indent: -9999em;
	cursor: pointer; cursor: hand;
}
.ui-datepicker-next {
	float: right;
	width: 16px;
	height: 16px;
	margin: 5px;
	background: url(/hifi/edit/images/buttons/calendar-next.png) no-repeat;
	text-indent: -9999em;
	cursor: pointer; cursor: hand;
}
.ui-datepicker-title { line-height: 28px; }
.ui-datepicker-calendar {
	border-collapse: collapse;
	position: relative;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px #fff;
}
.ui-datepicker-calendar thead {
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	font-size: 9px;
}
.ui-datepicker-calendar tbody { border-left: 1px solid #DDD; }
.ui-datepicker-calendar td {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	height: 23px;
	line-height: 23px;
	background: #FFF;
}
.ui-datepicker-calendar td a {
	display: block;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition: background linear 0.2s;
}
.ui-datepicker-calendar td a:hover{ background: #F0F9C7; }
.ui-datepicker-calendar td.ui-datepicker-today { background: #f0f0f0; }
.ui-datepicker-calendar td.ui-datepicker-today a { color: black; }
.ui-datepicker-calendar td.ui-datepicker-current-day { background: #CCC; }
.ui-datepicker-calendar td.ui-datepicker-current-day a{ background: #CCC; color: black; font-weight: bold; }
.timestamp-editor{ padding: 0 0 4px 0; }
.timestamp-hour, .timestamp-minute{ width: 15px; }
.timestamp-control p{ margin: 4px 0 0 0; }

.version-prompt{
    background: #fff6bf; /* Old browsers */
    background: -moz-linear-gradient(top, #fff6bf 0%, #ffde6b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff6bf), color-stop(100%,#ffde6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff6bf 0%,#ffde6b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff6bf 0%,#ffde6b 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fff6bf 0%,#ffde6b 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6bf', endColorstr='#ffde6b',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fff6bf 0%,#ffde6b 100%); /* W3C */
    box-shadow: 0px 0px 4px #bbb;
    -moz-box-shadow: 0px 0px 4px #bbb;
    -webkit-box-shadow: 0px 0px 4px #bbb;
    border-radius: 5px;
    margin: 0 0 20px 0;
    padding: 15px 20px;
    color: #514721;
    font-weight: bold;
    text-align: center;
}
.version-prompt .button{
    margin-left: 10px;
}
.version-list{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.version-list-item{
    background-color: #F9F9F9;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #FFF;
    padding: 5px 10px;
    position: relative;
    -webkit-transition: background-color linear 0.2s;
}
.version-list-item:hover{
    background-color: #F0F9C7 !important;
}
.active-version-list-item{
    background: #E5E5E5;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    text-shadow: #FFF 0 1px 0;
}

.version-list-button{
    background: #999;
    border: none;
    cursor: pointer;
    width: 100%;
    color: #FFFFFF;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    display: block;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.version-list-button:hover{
    background: #666;
}

.version-list-purge-history{
    border-bottom: 1px solid #EAEAEA;
    margin: 0;
    padding: 10px;
}
.version-list-delete{
    border-top: 1px solid #FFF;
    margin: 0;
    padding: 10px;
}
    .version-list-delete input[type="submit"],
    .version-list-purge-history input[type="submit"] {
        background: red;
    }
    .version-list-delete input[type="submit"]:hover,
    .version-list-purge-history input[type="submit"]:hover{
        background: #800000;
    }
    .version-list-delete-cancel{
        padding: 10px 0 0 0;
        text-align: center;
    }
.version-time{
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}
.version-date{
    color: #777;
    font-size: 11px;
}
.version-button{
    display: inline-block;
    border-radius: 13px !important;
    height: 16px !important;
    opacity: 0;
    padding: 2px 10px !important;
    position: absolute !important;
    top: 14px !important;
    right: 10px !important;
    transition: opacity linear 0.2s;
    -moz-transition: opacity linear 0.2s;
    -webkit-transition: opacity linear 0.2s;
    line-height: 16px !important;
}
.version-list-item:hover .version-button{
    opacity: 1;
}
.versions-unavailable{
    background-color: #F9F9F9;
    margin: 0;
    padding: 10px;
}

/* Panel Table */

.post-title{
    padding-left: 35px !important;
}
td.post-title{
    background-image: url(/hifi/edit/images/icons/types/post-small.png);
    background-position: left;
    background-repeat: no-repeat;
}
.post-author, .post-comments, .post-date{
    width: 80px !important;
}
.post-status {
	width: 90px !important;
}
td.post-status, td.post-date{
	color: #777;
}
.post-status strong{
    color: #555;
}
.post-date {
	text-align: right !important;
}
.post-comments {
	text-align: center !important;
}
.post:hover .offsite-link{
    opacity: 1;
}
.post-options{
    width: 16px !important;
}


/* Listing - Calendar */

#calendars-panel .panel-content{ padding: 18px; }
#calendars-panel ul{
    list-style: none;
    margin: 0 0 18px 0;
    padding: 0;
}
#calendars-panel li{ margin: 0 0 2px 0; }
#calendars-panel li label{
    border: 1px solid #EEE;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: move;
    padding: 2px;
}
#calendars-panel li label:hover{
    background-color: #EEE;
}
.panel-table tbody tr.calendar-divider td{
    background: #1AB4F4;
    height: 24px;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
}
.panel-table .calendar{ width: 100px; }
.panel-table td.calendar{
    height: 33px;
    padding-top: 12px;
}
.swatch, .small-swatch{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.swatch{
    display: block;
    padding: 2px 3px 1px 3px;
    font-size: 11px;
    line-height: 18px;
    text-decoration: none !important;
}
.small-swatch{
    cursor: pointer;
    display: block;
    float: left;
    height: 18px;
    margin: 0 5px 0 0;
    width: 18px;
}
.red{
    background: red;
    color: #FFF;
}
.green{
    background: green;
    color: #FFF;
}
.purple{
    background: purple;
    color: #FFF;
}


/* Form Editor and Submissions */

.panel-table tbody tr.unread td{
    color: black;
    font-weight: bold;
}


/* Slideshow and File Editor */

tr.editor td{
    height: auto;
    padding: 20px 20px 20px 300px;
    position: relative;
    line-height: 18px;
}
.panel-table tbody tr.editor:hover td{ background-color: #F9F9F9; }

tr.editor td .slide_preview{
    float: left;
    margin: 0 0 0 -280px;
}
tr.editor td .slide_preview img{
    height: 162px;
    margin: 0 0 9px 0;
    width: 260px;
}

.redirect-list-row-code{
    padding-left: 0 !important;
    width: 100px;
}
td.redirect-list-row-code{
    color: #999;
    font-weight: bold;
    font-size: 11px;
}

/* Upload Modal */

#redirect-upload{
    background: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    height: 100%;
    position: relative;
    text-align: center;
}
.redirect-upload-status{
    padding: 20px 0;
    color: #777;
    font-size: 14px;
}
.redirect-upload-content{
    padding: 0 20px;
}
    .redirect-upload-form{
        background: #EEE;
        border: 1px solid #CCC;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        -ms-border-radius: 2px;
        padding: 10px;
        text-align: left;
    }
    .redirect-upload-form input{
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }
    .redirect-upload-count{
        display: none;
        font-weight: bold;
    }
    .redirect-upload-count-number{
        font-weight: bold;
        font-size: 100px;
        line-height: 100px;
    }

.redirect-upload-footer{
    padding: 20px 0 0 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}

#settings-panel { padding: 15px; }

.domains div.right-column { display:inline; width: 85%; }
.domains input[type="text"] { display: inline; width: 70%; margin-top: -3px;}
.domains input[type="submit"] { display: inline; float: none; }
.domain-adder { height: 22px;  background: #E5E5E5 }


/* Settings Table */

.domain-list-row-primary{
    width: 150px;
}
.groups{
	list-style: none;
	margin: 0;
	padding: 0;
}
.groups li{
	display: block;
	position: relative;
}
.groups-node{
	background-color: #f9f9f9;
	border-top: 1px solid #eaeaea;
	height: 44px;
	-webkit-transition: background-color 0.3s linear;
}
.groups-node:hover{ background-color: #F6FFD4; }

.groups li .groups-node div{
	height: 45px;
	position: absolute;
	top: 0;
	line-height: 45px;
}
.groups li div img{ vertical-align: middle; }

.groups-name{
	left: 30px;
	width: 570px;
	padding-left: 35px;
}

.type-group .groups-name{
	background: transparent url(/hifi/edit/images/icon-group.png) left no-repeat;
}

.groups-node-links{
	display: none;
	margin: 0 0 0 18px;
	font-size: 11px;
}
.groups-node-links a{ color: #A0BD3A; }

.groups-delete{
	right: 0;
	opacity: 0.3;
	width: 50px;
	text-align: center;
	-webkit-transition: opacity 0.3s linear;
}

.groups-node:hover > .groups-delete { opacity: 1; }
groups-name
/* Second level (30px offset ) */

.groups ol{
	margin: 0;
	padding: 0;
}
.groups ol .groups-arrow{ left: 40px; }
.groups ol .groups-name{ left: 60px; width: 540px; }


/* Third level (60px offset) */

.groups ol ol .groups-arrow{ left: 70px; }
.groups ol ol .groups-name{ left: 90px; width: 510px; }


/* Third level (90px offset) */

.groups ol ol ol .groups-arrow{ left: 100px; }
.groups ol ol ol .groups-name{ left: 120px; width: 480px; }


/* Fourth level (120px offset) */

.groups ol ol ol ol .groups-arrow{ left: 130px; }
.groups ol ol ol ol .groups-name{ left: 150px; width: 450px; }


/* Fifth level (150px offset) */

.groups ol ol ol ol ol .groups-arrow{ left: 160px; }
.groups ol ol ol ol ol .groups-name{ left: 180px; width: 420px; }


/* Sixth level (180px offset) */

.groups ol ol ol ol ol ol .groups-arrow{ left: 190px; }
.groups ol ol ol ol ol ol .groups-name{ left: 210px; width: 390px; }


/* Seventh level (210px offset) */

.groups ol ol ol ol ol ol ol .groups-arrow{ left: 220px; }
.groups ol ol ol ol ol ol ol .groups-name{ left: 240px; width: 360px; }

/* Eighth level (240px offset) */

.groups ol ol ol ol ol ol ol ol .groups-arrow{ left: 250px; }
.groups ol ol ol ol ol ol ol ol .groups-name{ left: 270px; width: 330px; }

.permissions-tree .tree-node{
	background: #F3F3F4;
	border-top: 1px solid #EAEAEA;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
}
.permissions-tree .tree-node-arrow{
	background: transparent url(/hifi/edit/images/panel-toggle-closed.png) 0 -2px no-repeat;
	float: left;
	height: 30px !important;
	margin: 0 5px 0 10px;
	position: relative !important;
	width: 10px;
	line-height: 30px !important;
}
.permissions-tree .open .tree-node-arrow{
	background-image: url(/hifi/edit/images/panel-toggle-open.png);
}
.permissions-tree a.tree-node-title, .permissions-tree .tree-node-permission, .permissions-tree .tree-node-modify-permission{
	float: left;
	margin: 0 10px 0 0;
}
.permissions-tree a.tree-node-title{
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
}
.permissions-tree .tree-node-permission, .permissions-tree .tree-node-modify-permission, .permissions-tree .tree-node-modify-permission a{
	font-size: 11px;
	font-weight: normal;
	color: #AAA;
}
.permission-tree .tree-node-permission select{
	vertical-align: middle;
}
.permissions-tree .tree-node-modify-permission a{ text-decoration: underline; }
.permissions-tree .tree-node-modify-permission a:hover{ text-decoration: none; }

.permissions-tree ol li:first-child .tree-node{ border-top: none; }
.permissions-tree ol .tree-node{ padding-left: 20px; }
.permissions-tree ol ol .tree-node{ padding-left: 40px; }
.permissions-tree ol ol ol .tree-node{ padding-left: 60px; }
.permissions-tree ol ol ol ol .tree-node{ padding-left: 80px; }
.permissions-tree ol ol ol ol ol .tree-node{ padding-left: 100px; }
.permissions-tree ol ol ol ol ol ol .tree-node{ padding-left: 120px; }
.permissions-tree ol ol ol ol ol ol ol .tree-node{ padding-left: 140px; }
.permissions-tree ol ol ol ol ol ol ol ol .tree-node{ padding-left: 160px; }

.users{
	list-style: none;
	margin: 0;
	padding: 0;
}
.users li{
	display: block;
	position: relative;
}
.users-node{
	background-color: #f9f9f9;
	border-top: 1px solid #eaeaea;
	height: 44px;
	-webkit-transition: background-color 0.3s linear;
}
.users-node:hover{ background-color: #F6FFD4; }

.users li .users-node div{
	height: 45px;
	position: absolute;
	top: 0;
	line-height: 45px;
}
.users li div img{ vertical-align: middle; }

.users-name{
	left: 30px;
	width: 570px;
	padding-left: 35px;
}

.type-user .users-name{
	background: transparent url(/hifi/edit/images/icon-user.png) left no-repeat;
}

.users-node-links{
	display: none;
	margin: 0 0 0 18px;
	font-size: 11px;
}
.users-node-links a{ color: #A0BD3A; }

.users-delete{
	right: 0;
	opacity: 0.3;
	width: 50px;
	text-align: center;
	-webkit-transition: opacity 0.3s linear;
}

.users-node:hover > .users-delete { opacity: 1; }

#item-json{display:none;}

/* Submission - Listing */

.panel-content-header .download{float:right;}

/* Submission - Viewer */

.submission-viewer{
    overflow: hidden;
}
.submission-viewer-avatar{
    float: left;
    width: 72px;
}
.submission-viewer-avatar img{
    border: 1px solid #FFF;
    box-shadow: #444 0 0 4px;
    -moz-box-shadow: #444 0 0 4px;
    -webkit-box-shadow: #444 0 0 4px;
}
.submission-viewer-fields{
    border: 1px solid #CCC;
    list-style: none;
    margin: 0;
    max-height: 500px;
    overflow: auto;
    padding: 0;
}
.submission-viewer-fields-with-avatar{
    float: right;
    width: 486px;
}
.submission-viewer-fields li{
    padding: 5px;
}
.submission-viewer-label{
    color: #333;
    font-weight: bold;
}
.submission-viewer-value{

}
.submission-viewer-fields li:nth-child(odd){
    background-color: #EEE;
}

/***** GENERAL LAYOUT *****/

#lightbox-scrollable{ background: #333; }
#header{ z-index: 2; }
#canvas{
	background: #F9F9F9;
	position: relative;
	z-index: 1;
}
#theme-editor-menu{
	position: relative;
	z-index: 2;
}
#theme-editor-layout{ z-index: 1; }
#theme-editor-layout .panel-header2{ background: #EEE; border-top: 1px solid #CCC; }
#theme-editor-layout .panel-header2-top{
    border-top: none;
    border-bottom: 1px solid #CCC;
}

/***** RESIZERS *****/

.ui-layout-resizer{ background: #DDD; }
.ui-layout-resizer:hover{ background: #CCC; }
.ui-layout-toggler{ background: #CCC; }
.ui-layout-resizer:hover .ui-layout-toggler{ background: #BBB; }
.ui-layout-toggler:hover{ background: #777 !important; }


/***** EDITOR PANE *****/

.ui-layout-center{
	background: #F9F9F9;
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}
.ui-layout-center ul{
	list-style: none;
	height: 27px;
	margin: 0;
	padding: 3px 3px 0 3px;
}
.ui-layout-center li{
	float: left;
	margin: 0 3px 0 0;
	position: relative;
}
.ui-layout-center li a{
	background: #d8d8d8 url(/hifi/edit/images/panel-tab-background.png) top repeat-x;
	border: 1px solid #CCC;
	border-bottom: none;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	display: block;
	height: 26px;
	padding: 0 27px 0 10px;
	color: #878787;
	font-weight: bold;
	line-height: 26px;
	text-shadow: #EEE 0 1px 1px;
}
.ui-layout-center li.ui-tabs-selected a{ color: #333; }
.ui-layout-center li span{
	background: transparent url(/hifi/edit/images/tab-close-button.png) 0 0 no-repeat;
	display: block;
	height: 9px;
	position: absolute;
	top: 9px;
	right: 10px;
	width: 9px;
	text-indent: -9999px;
	cursor: pointer; cursor: hand;
}
.ui-layout-center iframe{
	width: 100%;
}


/***** FILES PANE *****/

#files, #files .ui-layout-content{ overflow-x: visible !important; }
#files .ui-layout-content{ padding: 10px 10px 10px 10px; }

#files{ background: #DDE4EB; }
#files .ui-layout-content h2 {
	cursor: hand;
	cursor: pointer;
	height: 24px;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 24px;
	text-shadow: #FFF 0 1px 1px;
}
#files .ui-layout-content h2.open{ background: transparent url(/hifi/edit/images/panel-toggle-open.png) 0 50% no-repeat; }
#files .ui-layout-content h2.closed{ background: transparent url(/hifi/edit/images/panel-toggle-closed.png) 0 50% no-repeat; }
#files .ui-layout-content h2.closed + ul, #files .folder + ul{ display: none; }
#files .ui-layout-content h2.open + ul, #files .open + ul{ display: block; }

#files .ui-layout-content ul{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#files .ui-layout-content ul ul{ margin: 0; }
#files .ui-layout-content ul li div{
	background-position: 0 3px;
	background-repeat: no-repeat;
	display: block;
	min-height: 20px;
	padding: 2px 0 2px 22px;
	color: #555;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
}
#files .ui-layout-content ul ul li div{ background-position: 22px 3px; padding-left: 44px; }
#files .ui-layout-content ul ul ul li div{ background-position:44px 3px; padding-left:66px; }
#files .ui-layout-content ul ul ul ul li div{ background-position:66px 3px; padding-left:88px; }
#files .ui-layout-content ul ul ul ul ul li div{ background-position:88px 3px; padding-left:110px; }

#files .ui-layout-content div.folder{ background-image: url(/hifi/edit/images/icons/folder-horizontal.png); }
#files .ui-layout-content div.open{ background-image: url(/hifi/edit/images/icons/folder-horizontal-open.png) !important; }
#templates div.file{ background-image: url(/hifi/edit/images/icons/document-code.png); }
#styles div.file{ background-image: url(/hifi/edit/images/icons/document-attribute-s.png); }
#scripts div.file{ background-image: url(/hifi/edit/images/icons/document-attribute-j.png); }
#images div.file{ background-image: url(/hifi/edit/images/icons/image-sunset.png); }
#fonts div.file{ background-image: url(/hifi/edit/images/icons/document-attribute-f.png); }
#files .ui-layout-content div > a{
	color: #555;
	cursor: pointer;
	cursor: hand;
	font-weight: normal;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE 5.5+ */
}

span.options{
	background: transparent url(/hifi/edit/images/panel/options.png) 0 0 no-repeat;
	cursor: hand;
	cursor: pointer;
	display: inline-block;
	height: 10px;
	margin-left: 5px;
	opacity: 0;
	position: relative;
	width: 10px;
}
div:hover > span.options, h2:hover span.options{ opacity: 1; }
ul#theme-editor-options-menu{
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: #444 0 0 5px;
	-moz-box-shadow: #444 0 0 5px;
	-webkit-box-shadow: #444 0 0 5px;
	list-style: none;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: absolute;
	width: 100px;
	z-index: 100000;
}
ul#theme-editor-options-menu a{
	border-bottom: 1px solid #EEE;
	display: block;
	padding: 3px 10px;
	color: #444;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	text-transform: none;
}
ul#theme-editor-options-menu a:hover{ background: #EEE; }
ul#theme-editor-options-menu li.first a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul#theme-editor-options-menu li.last a {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/***** DOCUMENTATION *****/

#documentation { background: #DDE4EB; }
#documentation .ui-layout-content ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#documentation-container > ul{ padding: 5px 0 !important; }
#documentation .ui-layout-content li{ padding-left: 30px; position: relative; }
#documentation .ui-layout-content li a{
	color: #555;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
}
#documentation .ui-layout-content li a:hover{ text-decoration: underline; }
#documentation .ui-layout-content li span.doc-handle{
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
#documentation .ui-layout-content li.level-1 > span.doc-handle{ background-image: url(/hifi/edit/images/icons/book-brown.png) !important; }
#documentation .ui-layout-content li.hasChildren > span.doc-handle{
	background-image: url(/hifi/edit/images/icons/folder-horizontal.png);
	cursor: hand;
	cursor: pointer;
}
#documentation .ui-layout-content li.open > span.doc-handle{
	background-image: url(/hifi/edit/images/icons/folder-horizontal-open.png);
	cursor: hand;
	cursor: pointer;
}
#documentation .ui-layout-content li.doesNotHaveChildren > span.doc-handle{ background-image: url(/hifi/edit/images/icons/file.png) !important; }
#documentation .ui-layout-content li ul{ display: none; }
#documentation .ui-layout-content li.open > ul{ display: block; }
#documentation .ui-layout-content .tip{ display: none; }
#hifi-documentation-tip{
	background: #FFF6BF;
	border: 2px solid #FFD324;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	position: absolute;
	min-width: 500px;
	max-width: 700px;
	word-wrap: break-word;
	z-index: 100000;
}
#hifi-documentation-tip h5{ margin: 0 0 10px 0; }
#hifi-documentation-tip pre{
	background: #000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 0 10px 0;
	padding: 0 4px;
	color: #FFF;
}
#hifi-documentation-tip pre:last-child{ margin: 0; }


/***** SNIPPETS *****/

#snippets{ background: #DDE4EB; }
#snippets ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#snippets li{
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #EEE;
	padding: 10px;
}
#snippets li:hover{
	cursor: pointer;
	cursor: hand;
	background: #3D87C4;
	border-top-color: #3D87C4;
	color: #FFF !important;
}
#snippets li h2{ margin: 0; }
#snippets li code{ color: #777; }
#snippets li:hover code{ color: #FFF; }

/***** THEME EDITOR SETTINGS *****/

.setting{
    overflow: hidden;
    padding: 10px;
}
.setting:nth-child(even){
    background: #EEE;
}
.setting label{
    clear: both;
    float: left;
    width: 25%;
}
.setting_control{
    float: right;
    width: 75%;
}
.setting_control select,
.setting_control input{
    margin-bottom: 0 !important;
}
.setting_control select{
    width: 120px;
}


/***** Uploader *****/

#files{
    position: relative;
}
#upload-button, .swfupload{
    display: block;
    height: 20px;
    width: 156px;
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1000000;
}
.uploader-button-placeholder{
    height: 20px;
    width: 156px;
}
.uploader-queue{
    background: #EEE;
    border: 1px solid #CCC;
    height: 232px;
    overflow:auto;
}
.uploader-file{
    padding: 5px 10px;
    font-size: 11px;
}
.uploader-file:nth-child(odd){
    background: #F9F9F9;
}
.uploader-file-name{
    color: #333;
    font-weight: bold;
}
.uploader-file-size{
    color: #888;
    font-weight: normal;
}
.uploader-file-progress{
    background: #CCC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    height: 4px;
    margin: 6px 0;
    width: 100%;
}
.uploader-file-progress-meter{
    background: #0973BA;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 100%;
    width: 60%;
}
.uploader-options{
    height: 20px;
    margin: 0 0 20px 0;
}

.chunk {
    padding-left: 16px;
}

.chunk .node {
    padding-left: 16px;
}

.chunk .node span {
    color: #ccc;
    font-style: italic;
}

.chunk.restored {
    background: #D1FCD1;
}

.chunk .node.restored {
    color: green;
    font-weight: bold;
}

.chunk .node.restored::before {
    content: "✓ ";
}

.chunk .node.restored .pending {
    color: black;
    font-weight: normal;
}

.chunk .controls {
    float: right;
    z-index: 1000;
    position: relative;
}

#trash-panel hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 16px 0;
}

.button {
	position: relative;
}
.panel-header2 span .quick-menu {
	text-align: left;
	display: block;
	position: absolute;
	top: 30px;
	left: 23px;
}
#lightbox{ background: #333; }

/**
 * Tree
 */
.node{
    position: relative;
}
.tree{
    list-style: none;
    margin: 0;
    padding: 0;
}
.tree ol{
    margin: 0;
    padding: 0;
}
.tree li{
    display: block;
    position: relative;
}

/**
 * Tree node
 */
.tree-node{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    background-color: #f9f9f9;
    border-top: 1px solid #e5e5e5;
    height: 44px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.tree-node:hover{
    background-color: #e3edd0;
}
.tree li:first-child > .tree-node {
	border-top: none;
}
.tree li:last-child li > .tree-node {
	border-top: 1px solid #e5e5e5;
}
.tree-node-notinmenu{
    background-color: #f3f3f4;
}
.tree-node-notinmenu:hover{
    background-color: #e3edd0;
}
.tree-node > div{
    height: 44px;
    line-height: 44px;
}
.tree-node img{
    vertical-align: middle;
}
.open + ol{ display: block; }

.tree-node-left{
    padding-left: 30px;
    position: relative;
}
.tree-node-left-container{
    position: relative;
}

.node-container{
    border-left: 3px solid #E5E5E5;
}
.active > .node-container{
    border-left: 3px solid #8ab041;
}

/**
 * Handle
 */
.tree-handle{
    cursor: move;
    display: block;
    height: 44px;
    opacity: 0.15;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    z-index: 100;
    color: #777;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    text-shadow: white 0 1px 0;
    transition: opacity linear 0.2s;
    -moz-transition: opacity linear 0.2s;
    -webkit-transition: opacity linear 0.2s;
    transition: opacity linear 0.2s;
}
.node-container:hover > .tree-handle{
    opacity: 1;
}

/**
 * Arrow
 */
.tree-arrow,
.tree-arrow-stub{
    position: absolute;
    left: -30px;
    top: 0;
    color: #888;
    height: 44px;
    width: 30px;
}
.tree-arrow{
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    text-shadow: white 0 1px 0;
}

/**
 * Title
 */
.tree-title{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    height: 44px;
    padding: 0 0 0 35px;
    width: 95%;
}
.tree-title-with-links{
    padding: 6px 0 6px 35px;
    line-height: 16px;
}
.tree-title-text{
    height: 44px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    line-height: 44px;
}
.tree-title-with-links .tree-title-text{
    height: 17px;
    line-height: 17px;
}
.tree-title-text a{
    text-decoration: none !important;
    text-shadow: white 0 1px 0;
    white-space: nowrap;
}

.tree-title-links{
    position: relative;
}
.tree-title-links a{
    opacity: 0.75;
    color: #777;
    font-size: 10px;
    font-weight: normal;
    text-shadow: white 0 1px 0;
}
.tree-node:hover .tree-title-links a{
    opacity: 1;
}

.tree-title-links .quick-menu {
    display: none;
    position: absolute;
    top: 10px;
    left: -30px;
}
.tree-title-links .quick-menu a{
    font-weight: bold;
    font-size: 11px;
    text-shadow: none;
}
.tree-title-links:hover .quick-menu{ display: block; }
.tree-title-links:hover .quick-menu a{ text-decoration: none !important; }
.tree-title-links a:hover { text-decoration: none !important; }

.offsite{
    margin-left: 3px;
    opacity: 0;
    transition: opacity linear 0.2s;
    -moz-transition: opacity linear 0.2s;
    -webkit-transition: opacity linear 0.2s;
    color: #777;
    font-size: 11px;
    text-decoration: none !important;
    text-shadow: white 0 1px 0;
}
.tree-node:hover .offsite{
    opacity: 1;
}

/**
 * Tree Attribute Columns
 */
.tree-comments,
.tree-in-menu,
.tree-publish-date,
.tree-options{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 44px;
    float: right;
    padding-right: 10px;
}
.tree-comments{
    padding-right: 20px;
}
.tree-publish-date{
    width: 30%;
}
.tree-options{
    width: 50px;
}

/**
 * In Menu
 */
.tree-in-menu label {
	font-weight: normal;
	color: #777;
    text-shadow: white 0 1px 0;
}
.tree-node-notinmenu .tree-in-menu label {
    color: #AAA;
}
.tree-in-menu input {
    margin: 0 2px 0 0;
    padding: 0;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

/**
 * Publish Date
 */
.tree-publish-date{
	color: #777;
    text-align: right;
    text-shadow: white 0 1px 0;
}

/**
 * Tree Options
 */
.tree-options{
    text-align: right;
}
.tree-options a{
    margin-left: 5px;
    color: #AAA;
    font-size: 14px;
    vertical-align: middle;
    text-decoration: none !important;
    text-shadow: white 0 1px 0;
    transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
}
.tree-node:hover .tree-options a{
    color: #777;
}
.tree-options a:hover{
    color: #0973ba !important;
}

/* Tree Node Children */

.tree .tree-node-left-container{
    margin-left: 30px;
}

.tree .children .tree-node-left-container{
    margin-left: 60px;
}

.tree .children .children .tree-node-left-container{
    margin-left: 90px;
}

.tree .children .children .children .tree-node-left-container{
    margin-left: 120px;
}

.tree .children .children .children .children .tree-node-left-container{
    margin-left: 150px;
}

.tree .children .children .children .children .children .tree-node-left-container{
    margin-left: 180px;
}

.tree .children .children .children .children .children .children .tree-node-left-container{
    margin-left: 210px;
}

.tree .children .children .children .children .children .children .children .tree-node-left-container{
    margin-left: 240px;
}

.tree .children .children .children .children .children .children .children .children .tree-node-left-container{
    margin-left: 270px;
}

.editors-treelist-treelist .tree .tree-node-left-container{
    margin-left: 0px;
}

.editors-treelist-treelist .tree .children .tree-node-left-container{
    margin-left: 30px;
}

.editors-treelist-treelist .tree .children .children .tree-node-left-container{
    margin-left: 60px;
}

.editors-treelist-treelist .tree .children .children .children .tree-node-left-container{
    margin-left: 90px;
}

.editors-treelist-treelist .tree .children .children .children .children .tree-node-left-container{
    margin-left: 120px;
}

.editors-treelist-treelist .tree .children .children .children .children .children .tree-node-left-container{
    margin-left: 150px;
}

.editors-treelist-treelist .tree .children .children .children .children .children .children .tree-node-left-container{
    margin-left: 180px;
}

.editors-treelist-treelist .tree .children .children .children .children .children .children .children .tree-node-left-container{
    margin-left: 210px;
}

.editors-treelist-treelist .tree .children .children .children .children .children .children .children .children .tree-node-left-container{
    margin-left: 240px;
}

/* Tree - Quick Menu */

#tree-quick-menu.top{
    top: 35px;
}
#tree-quick-menu.bottom{
    bottom: 35px;
}
.panel-content-header #tree-quick-menu.bottom{
    bottom: 94%;
}