@charset "utf-8";


/* General Layout Styles */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f0f0f0;
    color: #333;
    font-size: 0.8em;
    overflow: hidden;
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    height: 90px;
    width: 100%;
    z-index: 10;
    -moz-user-select: -moz-none;
}

#logo {
    position: fixed;
    top: 4px;
    left: 10px;
    z-index: 15;
    -moz-user-select: -moz-none;
}

#throbber {
    display: none;
    position: fixed;
    top: 8px;
    right: 8px;
    z-index: 15;
    -moz-user-select: -moz-none;
    color: white;
    font-size: 11px;
}

#throbber img {
    vertical-align: -6px;
}

#header #title-bar {
    height: 40px;
    background: #32312C url(/cms/asset/img/bg/bg-title.png) repeat-x 0 bottom;
}

#header #title-bar h1 {
    font-size: 16px;
    padding: 8px 0 0 50px;
    font-weight: normal;
    margin: 0;
    color: white;
    text-shadow: 1px 1px 1px #999;
}

#header #title-bar h1 a {
    text-decoration: none;
    color: yellow;
}

#header #menu {
    height: 24px;
    padding-top: 3px;
    padding-bottom: 1px;
    width: 100%;
    cursor: default;
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    border-bottom: 1px solid #d0d0d0;
}

#header .toolbar {
    -moz-box-shadow:  0 0 3px #ccc;  
    -webkit-box-shadow:  0 0 3px #ccc;  
    box-shadow: 0 0 3px #ccc;
}

.toolbar {
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    border-bottom: 1px solid #d0d0d0;
    height: 22px;
    width: 100%;
    padding: 2px 0;

}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clearer {
    clear: both;
}

#content {
    overflow: auto;
    margin: 103px 5px 36px 5px;
    padding: 0;
    border: 1px solid #d0d0d0;
    -moz-box-shadow:  0 0 3px #ccc;
    -webkit-box-shadow:  0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    background: #ffffff url(/cms/asset/img/kwal.jpg) no-repeat bottom right;
}

#content.animating {
    -moz-box-shadow: none; 
    -webkit-box-shadow: none;
    box-shadow: none;
}

#content p {
    margin: 10px;
}

#tree {
    display: block;
    position: fixed;
    top: 69px;
    right: 5px;
    z-index: 15;
    width: 300px;
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    border: 1px solid #d0d0d0;
    border-top: 0;
    -moz-box-shadow:  0 0px 3px #ccc;  
    -webkit-box-shadow:  0 0px 3px #ccc;  
    box-shadow: 0 0px 3px #ccc;
    -moz-user-select: -moz-none;
    opacity: 1 !important;
}

#tree.selecting {
    background: #e0f1ff url(/cms/asset/img/bg/bg-active.png) repeat-x 0 top;
}

#tree.closed {
    border-top: 0;
    border-bottom: 0;
    -moz-box-shadow:  none;
    -webkit-box-shadow:  none;
    box-shadow: none;
}

#tree #node-container {
    height: auto;
    overflow: auto;
    border-bottom: 1px solid #d0d0d0;
}

#tree #tree-footer {
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    font-weight: normal;
    text-align: center;
    text-shadow: 1px 1px 1px #bbb;
    padding: 4px 0;
    height: 18px;
    cursor: pointer;
}

#tree #tree-footer img {
    vertical-align: -3px;
}

.tree-node {
    font-size: 11px;
    padding: 0 0;
    cursor: default;
    height: 18px;
    overflow: hidden;
}

.tree-node:hover {
    background-color: #ffff99;
}

.tree-node.tree-node-empty:hover {
    background: none;
}

.tree-node img {
    vertical-align: -4px;
}

.tree-node img.tree-node-icon {
    margin-top: 1px;
    margin-right: 5px;
}

.tree-node.tree-node-loading,
.loading {
    font-style: italic;
    color: #999;
}

.tree-node-active {
    background-color: #ffffff;
}

.tree-node-active:hover {
    background-color: #ffffff;
}

.tree-node-empty {
    color: #999;
}

.tree-node .toggle-icon {
    
}    

.tree-node-expired {
    color: red;
}

.tree-node-unpublished {
    color: #999;
}

.tree-node-expired span,
.tree-node-unpublished span {
    text-decoration: line-through;
}

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 30px;
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    border-top: 1px solid #d0d0d0;
    -moz-box-shadow:  0 0 3px #ccc;  
    -webkit-box-shadow:  0 0 3px #ccc;  
    box-shadow: 0 0 3px #ccc;
}

#footer #notification {
    padding: 6px 0 0 10px;
    font-weight: bold;
    float: left;
}

#footer #notification img {
    vertical-align: -3px;
}

#footer #locale-selector-switch {
    float: left;
    padding: 8px 10px 10px 10px;
    border-right: 1px solid #d0d0d0;
    cursor: pointer;
}

/* Menu Styles */
#menu ul,
.contextmenu {
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    -moz-user-select: -moz-none;
}

#menu ul li ul,
.contextmenu {
    display: none;
    position: fixed;
    min-width: 150px;
    top: 61px;
    z-index: 20;
    background: #F0F0F0 url(/cms/asset/img/bg/menu-bg.png) repeat-y 2px 0;
    border: 1px solid #d0d0d0;
    -moz-box-shadow:  0 0 3px #ccc;  
    -webkit-box-shadow:  0 0 3px #ccc;  
    box-shadow: 0 0 3px #ccc;
}

#menu ul li ul li,
.contextmenu li {
    float: none;
    min-width: 150px;
    display: block;
    font-size: 11px;
    padding: 3px;
    margin: 3px;
    color: #333 !important;
    text-shadow: 1px 1px 1px #d0d0d0;
}

#menu ul li ul li a,
.contextmenu li a {
    min-width: 150px;
    display: block;
    color: #333 !important;
    text-decoration: none;
}

#menu ul li ul li img,
#menu ul li ul li a img,
.contextmenu li a img,
.contextmenu li img {
    vertical-align: -4px;
    margin: 0;
    margin-right: 9px;
}

#menu ul li ul li:hover,
.contextmenu li:hover {
    padding: 2px;
    background: #D9E8FB url(/cms/asset/img/bg/header-over.png) repeat-x 0 top;
    border: 1px solid #AACCF6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#menu ul li ul li.disabled, 
.contextmenu li.disabled {
    text-shadow: none;
}

#menu ul li ul li.disabled:hover,
.contextmenu li.disabled:hover {
    padding: 3px;
    background: transparent;
    border: 0;
}

#menu ul li ul li.disabled a, 
.contextmenu li.disabled a {
    color: #999 !important;
    cursor: default !important;
}


#menu ul li ul li.separator,
.contextmenu li.separator {
    margin: 0 !important;
    padding-top: 2px !important; 
    padding-bottom: 2px !important;
}

#menu ul li ul li.separator:hover,
.contextmenu li.separator:hover {
    padding: 3px;
    background: none;
    border: none;
}

#menu ul li {
    float: left;
    padding: 0 1px 0 1px;
}

div.menu-separator {
    display: block;
    font-size: 1px;
    line-height: 1px;
    margin: 0 3px 0 28px;
    overflow: hidden;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #FFFFFF;
}




/* 'Button' Styles */
.action-button {
    padding: 3px 4px 1px 4px;
    font-size: 11px;
    border: 0;
    background: none;
    cursor: pointer;
    height: 22px;
    margin: 0;
    color: #555555;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #D0D0D0;
}

.action-button img {
    margin-bottom: 3px;
    vertical-align: -7px;
}

.action-button:hover {
    border: 1px solid #999; 
    background: #eee url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    font-weight: normal; 
    color: #333; 
    outline: none;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    padding: 2px 3px 0 3px;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
}

.action-button.button-disabled {
    opacity: .4;
}

.action-button.button-disabled:hover {
    background: none;
    border: 0;
    padding: 3px 4px 1px 4px;
    cursor: default;
    opacity: .4;
    color: #555555;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.action-button.action-button-selected {
    background: #d0d0d0 url(/cms/asset/img/bg/active-menu-item.png) repeat-x 0 top !important;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 2px 3px 0 3px;
}

.pretty-button {
    border: 1px solid #d3d3d3; 
    background: #e6e6e6 url(/cms/asset/img/jquery/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #555555; 
    outline: none;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    cursor: pointer; 
    padding: 4px 10px 4px 10px; 
    width:auto; 
    overflow:visible;
}

.pretty-button img {
    border: 0;
    vertical-align: -3px !important;
}

.pretty-button:hover,
.pretty-button:focus {
    border: 1px solid #718BB7; 
    background: #dadada url(/cms/asset/img/jquery/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; 
    color: #212121;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
}

.pretty-button.button-disabled {
    background:#e6e6e6 url(/cms/asset/img/jquery/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
    border: 1px solid #a6a6a6 !important;
    cursor: default;
    opacity: .3;
}

button.pretty-button {
    margin: 1px;
}

/* Form Styles */
fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

.form-item {
    margin-bottom: 3px;
    min-height: 24px;
    padding: 2px;
}

.form-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.form-item .form-item-label {
    display: block;
    width: 200px;
    float: left;
    text-align: right;
    margin-top: 3px;
}

.form-item.error .form-item-label {
    color: red;
}

.form-item.error .form-item-wrapper input[type="text"],
.form-item.error .form-item-wrapper input[type="password"],
.form-item.error .form-item-wrapper textarea {
    border: 1px solid red;
    background-color: pink;
}

.form-item.error .form-item-wrapper input[type="text"]:focus,
.form-item.error .form-item-wrapper input[type="password"]:focus,
.form-item.error .form-item-wrapper textarea:focus {
    -moz-box-shadow:  0 0 4px #ff0000;
    -webkit-box-shadow:  0 0 4px #ff0000;
    box-shadow: 0 0 4px #ff0000;
}

.form-item .form-item-wrapper.checkbox-set {
    padding-top: 2px;
}

.form-item .form-item-wrapper img {
    vertical-align: -4px;
}

.form-item .form-item-wrapper object {
    vertical-align: -9px;
}

.form-item .form-item-images {
    display: block;
    width: 40px;
    padding-left: 10px;
    float: left;
    margin-top: 3px;
}

.form-item .form-item-images img {
    vertical-align: -4px;
    opacity: .5;
}

.form-item .form-item-images img:hover {
    opacity: 1;
}

.form-item .form-item-images img.tooltip-icon {
    cursor: pointer;
}

.form-item .form-item-wrapper {
    position: relative;
    margin-left: 260px;
    padding-right: 10px;
}

.form-item .form-item-wrapper input[type="checkbox"],
.form-item .form-item-wrapper input[type="radio"] {
    vertical-align: -2px;
}

.label-disabled {
    color: #999;
}

.input-disabled {
    background-color: #EEEEEE !important;
    border: 1px solid #DDDDDD !important;
    color: #333333;
}

.droplist,
.multiselect,
.textbox,
.textarea,
.readonly {
    padding: 2px;
    vertical-align: middle;
    width: 200px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    border: 1px solid #d0d0d0;
    background-color: #fff;
}

.droplist {
    height: 24px;
    width: 206px;
    padding: 2px;
}

.multiselect {
    height: 96px;
    width: 206px;
    padding: 0;
}

textarea.textbox {
    padding: 0 0 0 2px;
}

textarea {
    font-family: "Courier New", Courier, Mono !important;
    resize: none;
}

input[type='text']:focus,
input[type='password']:focus,
textarea.textarea:focus,
textarea.textbox:focus {
    background-color: #FFFFDD;
    border: 1px solid #ff9900;
    -moz-box-shadow:  0 0 3px #ff9900;
    -webkit-box-shadow:  0 0 3px #ff9900;
    box-shadow: 0 0 3px #ff9900;
}

textarea.fullsize:focus {
    background-color: #FFFFDD;
    border: 0;
    -moz-box-shadow:  none;
    -webkit-box-shadow:  none;
    box-shadow: none;
}

/* Form status styles */
.title-changed {
    background: #881C1C url(/cms/asset/img/bg/bg-title-changed.png) repeat-x 0 bottom !important;
}

.footer-changed {
    background: #881C1C url(/cms/asset/img/bg/bg-title-changed.png) repeat-x 0 top !important;
    color: white !important;    
}

/* Tooltip styles */
.tooltip-container {
    position: absolute;
    min-width: 250px;
    min-height: 30px;
    max-width: 500px;
    display: none;
    z-index: 9;
    cursor: default;
    border: 1px solid #b6b6b6;
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow:  0 0 3px #ccc;  
    -webkit-box-shadow:  0 0 3px #ccc;  
    box-shadow: 0 0 3px #ccc;
    text-shadow: 1px 1px 1px #d0d0d0;
}

.tooltip-title {
    font-size: 12px;
    padding: 2px;
    color: #333;
    font-weight: bold;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
}

.tooltip-title img {
    vertical-align: -4px;
}

.tooltip-content {
    padding-left: 17px;
    padding-right: 17px;
    font-size: 11px;
}

.tooltip-content p {
    margin: 5px;
}

/* Panel styles */
.panel {
    margin: 10px;
    padding: 0;
    border: 1px solid #d0d0d0;
    background-color: #f0f0f0;
    -moz-box-shadow:  0 0 3px #ccc;  
    -webkit-box-shadow:  0 0 3px #ccc;  
    box-shadow: 0 0 3px #ccc;
}

.panel h2,
.panel-title {
    font-size: 13px;
    margin: 0;
    padding: 5px 5px 5px 8px;
    font-weight: bold;
    -moz-user-select: none;
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    color: #333;
    text-shadow: 1px 1px 1px #d0d0d0;
    cursor: default;
}

.panel h2 img,
.panel-title img {
    vertical-align: -4px;
    margin-right: 2px;
}

.panel-title {
    margin: 5px;
    border: 1px solid #d0d0d0;
}

.panel-inner {
    margin: 0 5px 5px 5px;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
}


/* Table Grid Styles */
.tablegrid {
    margin: 10px;
    -moz-box-shadow:  0 0 3px #ccc;  
    -webkit-box-shadow:  0 0 3px #ccc;  
    box-shadow: 0 0 3px #ccc;
    border: 1px solid #d0d0d0;
}

.tablegrid .grid thead th {
    height: 24px;
    text-align: left;
    background: #F9F9F9 url(/cms/asset/img/bg/bg-thead.png) repeat-x 0 bottom;
    padding: 2px;
    padding-left: 5px;
    border-right: 1px solid #d0d0d0;
    font-size: 11px;
    -moz-user-select: -moz-none;
    cursor: default;
}

.tablegrid .grid thead th.grid-sorter {
    cursor: pointer;
}

.tablegrid .grid thead th.grid-sorter:hover {
    background: #EBF3FD url(/cms/asset/img/bg/header-over.png) repeat-x 0 bottom;
}

.tablegrid .grid thead th img {
    vertical-align: -1px;
    margin-left: 5px;
}

.tablegrid .grid tbody td {
    height: 24px;
    text-align: left;
    background: #ffffff;
    padding: 2px;
    padding-left: 5px;
    font-size: 11px;
    border-top: 1px solid #f0f0f0;
    cursor: default;
}

.tablegrid .grid tbody td.selection-column {
    background: white url(/cms/asset/img/bg/col-bg.png) repeat-y right top;
    border-right: 1px solid #D5D5D5;
    padding-left: 4px;
}

.tablegrid .grid tbody tr:hover td.selection-column {
    background: #EBF3FD url(/cms/asset/img/bg/col-bg-active.png) repeat-y right bottom;
}

.tablegrid .grid tbody tr.selected-row td {
    border-top: 1px solid #D5D5D5;
    background: #DFE8F6;
}

.tablegrid .grid tbody tr:hover td {
    background: #EBF3FD;
}

.tablegrid .grid tbody tr.selected-row:hover td {
    background: #DFE8F6;
}

.tablegrid .tablegrid-toolbar {
    font-size: 11px;
    overflow: hidden;
    height: 22px;
    line-height: 22px;
    -moz-user-select: -moz-none;
}

.tablegrid .tablegrid-searchbar {
    float: right;
}

.tablegrid .tablegrid-titlebar {
    font-size: 12px;
    margin: 0;
    font-weight: bold;
    -moz-user-select: none;
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    color: #333;
    text-shadow: 1px 1px 1px #d0d0d0;
    cursor: default;
    padding-top: 6px;
    padding-bottom: 0;
}

.tablegrid .tablegrid-page,
.tablegrid .tablegrid-search,
.tablegrid .tablegrid-selector,
.tablegrid .tablegrid-field-selector,
.tablegrid .tablegrid-field-type {
    font-size: 10px;
    padding: 1px;
    margin: 0;
    width: 30px;
    height: 13px !important;
    vertical-align: 0;
    margin-right: 5px;
}

.tablegrid .tablegrid-selector,
.tablegrid .tablegrid-field-selector,
.tablegrid .tablegrid-field-type {
    width: 90px !important;
    height: 20px !important;
}

.tablegrid .tablegrid-search {
    width: 120px !important;
    -moz-user-select: text;    
}

/* Vertical display table styles */
table.vert-display {
    width: 100%;
    margin: 10px;
}

table.vert-display td {
    padding: 10px;
    vertical-align: top;
}

table.vert-display td.header {
    width: 30%;
    font-weight: bold;
    text-align: right;
    border-right: 1px solid #d0d0d0;
}

table.vert-display td code {
    margin: 0;
    font-size: 12px;
}

/* Simple table styles */
.simple td {
    border-top: 1px solid #d0d0d0;
    padding: 5px;
}

.simple.small td {
    font-size: 11px;
    padding: 3px;
}

.simple td img {
    vertical-align: -3px;
}

/* DB results table styles */
.db-table {
    min-width: 100%;
}

.db-table th {
    text-align: left;
    font-weight: bold;
    padding: 3px;
}

.db-table td {
    border-top: 1px solid #d0d0d0;
    padding: 3px;
    color: #333;
}

.db-table td.odd,
.db-table tr.odd td {
    background-color: #f5f5f5;
}

.db-table td.even,
.db-table tr.even td {
    background-color: #fff;
}

.db-table td.identifier {
    width: 30%;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding-right: 15px;
}

.db-table.smaller td {
    font-size: 13px;
}

/* File/ Media manager styles */
.fm-node {
    float: left;
    width: 100px;
    height: 120px;
    margin: 10px;
    text-align: center;
    padding: 1px;
    cursor: default;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-shadow: 1px 1px 1px #d0d0d0;
}

.fm-node div {
    font-size: 12px;
    width: 90px;
    margin-left: 5px;
    height: 30px;
    overflow: hidden;
}

.fm-node img {
    margin: 10px 0;
}

.fm-node:hover {
    background: #F5FAFD url(/cms/asset/img/bg/bg-file-hover.png) repeat-x 0 bottom;
    border: 1px solid #D8F0FA;
    padding: 0;
}

.fm-node.ui-selected,
.fm-node.ui-selecting {
    background: #F1F8FD url(/cms/asset/img/bg/bg-file-selected.png) repeat-x 0 bottom;
    border: 1px solid #99DEFD;
    padding: 0;
}

.fm-node.ui-selected:hover {
    background: #E8F6FD url(/cms/asset/img/bg/bg-file-selected-hover.png) repeat-x 0 bottom;
    border: 1px solid #B6E6FB;
    padding: 0;
}

.ui-selectable-helper {
    border: 1px solid #017FFD !important;
    background-color: #6593CF;
    opacity: .5;
}

#file-info,
#upload-controls {
    padding: 5px 0 0 0;
    text-shadow: 1px 1px 1px #d0d0d0;
    overflow: hidden;
}

#file-info .file-path-button {
    color: #333;
    cursor: pointer;
    margin: 2px 3px 1px 3px;
    padding: 0 4px 1px 4px;
}

#file-info .file-path-button:hover {
    background: #eee url(/cms/asset/img/bg/active-menu-item.png) repeat-x 0 bottom;
    border: 1px solid #d0d0d0;
    padding: 0 3px 1px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#file-info .file-path-root {
    font-style: italic;
}

/* Miscellaneous Styles */
.widget .panel-inner {
    min-height: 100px;
}

.widget h2 {
    cursor: move;
}

.widget h2 img {
    cursor: pointer;
}

.widget-placeholder {
    border: 1px dotted #d0d0d0;
    margin: 10px;
    background-color: #ffffdd;
}
    
a img {
    border: 0;
}

a,
#content a {
    color: #3366CC; /*#69BC5D;*/
    text-decoration: none;
}

.separator {
    vertical-align: top;
    margin-top: 3px;
    margin-left: 0;
    background-position: center center;    
}

button.active,
a:active {
    outline: none;
    -moz-outline: none;
}

:focus {
    outline: none;
    -moz-outline-style: none;
}

button::-moz-focus-inner {
    border: 0;
}

.pretty-null {
    color: #999;
}

.pretty-true {
    color: #090;
}

.pretty-false {
    color: #900;
}

.mono {
    font-family: "Courier New", Courier, monospace;
}

.code-container {
    font-size: 120%;
}

.unselectable {
    -moz-user-select: none;
   -khtml-user-select: none;
    user-select: none;
}

.messenger-receipt {
    background-color: #ffffc8;
}

/* Upload Control Styles */
.upload-display {
    padding: 2px;
    min-width: 200px;
    max-width: 400px;
    float: left;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    margin-right: 3px;
    overflow: hidden;
    white-space: nowrap;
}

.upload-container {
    padding-bottom: 5px !important;
}

.upload-delete-button {
    cursor: pointer;
}

/* Load Mask */
.loadmask {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #333333;
    width: 100%;
    height: 100%;
    zoom: 1;
}

.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #d0d0d0;
    background: #ff0000;
    background: #f0f0f0 url(/cms/asset/img/bg/pretty-button.png) repeat-x 0 bottom;
    padding: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    box-shadow: 0 0 3px #555;
}

.loadmask-msg div {
    padding: 4px 10px 5px 25px;
    background: #fbfbfb url(/cms/asset/img/loading.gif) no-repeat 5px 5px;
    line-height: 16px;
    border: 1px solid #d0d0d0;
    color: #222;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    cursor: wait;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 1px 1px 1px #d0d0d0;
}

.masked {
    overflow: hidden !important;
}

.masked-relative {
    position: relative !important;
}



/* jAlert, jConfirm etc. shortcut stuff for dialog */
#popup_container {
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 800px; /* Dialog will wrap after this width */
    background: #f0f0f0;
    border: solid 1px #d0d0d0;
    color: #333;
    z-index: 100999;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow:  0 0 6px #555;
    -webkit-box-shadow:  0 0 6px #555;
    box-shadow: 0 0 6px #555;
}

#popup_title {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #333;
    background: #f0f0f0 url(/cms/asset/img/bg/bg-toolbar.png) repeat-x 0 top;
    border: 0;
    cursor: default;
    padding: 4px;
    margin: 0;
    text-shadow: 1px 1px 1px #bbb;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

#popup_content {
    background: 12px center no-repeat url(/cms/asset/img/icon/jinfo.png);
    padding: 10px 18px;
    margin: 0;
}

#popup_content.alert,
#popup_content.error {
    background-image: url(/cms/asset/img/icon/jalert.png);
}

#popup_content.confirm {
    background-image: url(/cms/asset/img/icon/jprompt.png);
}

#popup_content.prompt {
    background-image: url(/cms/asset/img/icon/jprompt.png);
}

#popup_message {
    padding-left: 48px;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}

/* Sortable Styles */
.ui-sortable {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    margin: 0;
    padding: 0;
   /* -moz-user-select: none; */
}

.ui-sortable li {
    border: 1px solid #d0d0d0;
    background-color: #FFFFDD;
    margin-bottom: 5px;
    cursor: move;
    list-style: none;
    padding: 3px;
    /* min-height: 36px; */
}

.ui-sortable-placeholder {
    background: #fff !important;
    border: 1px dotted #ff0000 !important;
}


/* Error display styles */
#error-display {
    position: fixed;
    min-width: 450px;
    max-width: 700px;
    bottom: 50px;
    right: 17px;
    margin-right: 0;
    z-index: 25;
    display: none;
    font-size: 12px;
    cursor: default;
    background-color: pink;
    border: 1px solid red;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow:  0 0 6px #f00;
    -webkit-box-shadow:  0 0 6px #f00;
    box-shadow: 0 0 6px #f00;
}

#error-display #error-title {
    background: red url(/cms/asset/img/icon/not-ok.png) no-repeat 6px 4px;
    font-weight: bold;
    color: white;
    text-indent: 24px;
    padding-top: 1px;
}

#error-display #error-title-text {
    float: left;
    padding: 4px;
}

#error-display #error-closer {
    float: right;
    padding: 4px;
    cursor: pointer;
}

#error-display #error-content {
    padding: 10px;
    overflow: hidden;
}

#error-display #error-content a {
    color: red;
    text-decoration: none;
}

#error-display #error-content #error-list {
    margin-top: 0;
    margin-bottom: 0;
}

.error-transfer {
    border: 1px dotted red;
    background: pink;
}

.ta-grow {
    border: 1px solid #d0d0d0;
    background: grey;
    z-index: 100000;
    opacity: .3;
}

/* Styles for tabs */
.tab-panel {
    padding: 10px 10px 0 10px;
}

.tab-header {
    margin: 0;
    padding: 2px 0 23px 2px;
    border-bottom: 1px solid #d0d0d0;
}

.tab-header li {
    display : inline;
    list-style-type : none;
    margin : 0;
    padding : 0;
}

.tab-header-bg {
    background: #f0f0f0 url(/cms/asset/img/bg/tb-bg.png) repeat-x 0 top;
    border:  1px solid #d0d0d0;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px; 
}

.tab-header .tab-toggle {
    float : left;
    font-size : 11px;
    line-height : 22px;
    margin-right : 2px;
    padding : 0 10px;
    text-decoration : none;
    min-width: 60px;
    border : 1px solid #d0d0d0;
    color : #888;
    background:  #DFE5ED url(/cms/asset/img/bg/tab.png) repeat-x 0 top;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    text-shadow: 1px 1px 1px #d0d0d0;
    cursor: pointer;
}

.tab-header .tab-toggle img {
    margin-right: 4px;
    vertical-align: text-top;
}

.tab-header .tab-toggle:hover {
    background: #F3F3F3 url(/cms/asset/img/bg/tab-hover.png) repeat-x 0 top;
    color : #555 !important;
}

.tab-header .tab-toggle.tab-current {
    border-bottom : 1px solid #EAEAEA;
}

.tab-header .tab-toggle.tab-current {
    cursor: default;
    background: #EAEAEA url(/cms/asset/img/bg/tab-active.png) repeat-x 0 top;
    border-bottom : 1px solid #EAEAEA;
    color: #333 !important;
    font-weight: bold;
}

.tab-separator {
    height: 3px;
    background-color: #EAEAEA;
    border: 1px solid #d0d0d0;
    border-top: 0;
}

.tab {
    display:none;
    border-top: none;
    padding: 10px;
    min-height: 200px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-top: none;
}

.tab-visible {
    display:block;
}

/* Info and Warning blocks (used with .panel) */
.warning {
    background: #FFDDDD;
}

.info {
    background: #FFFFDD;
}

.warning h2,
.info h2 {
    border-bottom: 1px solid #d0d0d0;
}

/* Multi Uploader Styles */
#multi-upload-control .swfupload {
    vertical-align: -4px
}

.upload-panel {
    padding: 10px;
    margin: 10px;
    font-size: 11px;
    background: #E8F6FD url(/cms/asset/img/bg/bg-file-hover.png) repeat-x 0 bottom;
    border: 1px solid #B6E6FB;
    min-height: 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    float: left;
    width: 300px;
}

.upload-error {
    background: #FFEBEB;
    border: 1px solid #B50000;
    color: #B50000;
}

.upload-done {
    background: #E8F6FD url(/cms/asset/img/bg/bg-file-selected.png) repeat-x 0 bottom;
    border: 1px solid #B6E6FB;
}

.progress {
    color: #999;
    font-size: 90%;
}

.progress-uploading {
    background: blue;
    height: 9px;
    width: 0;
}

/* Media and other pop-up layer styles  */
.popup-layer,
#media-layer {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    z-index: 100000;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
}

.media-library-node {
    border: 1px solid #ffffff;
    vertical-align: middle;
}

.media-library-node:hover {
    background: #E0F1FF url(/cms/asset/img/bg/bg-active.png) repeat-x scroll 0 top;
    border: 1px solid #d0d0d0;
}

#help-content {
    font-size: 120%;
    max-height: 100%;
    overflow: auto;
}

/* Timer styles */
#timer {
    display: none;
    position: fixed;
    bottom: 8px;
    right: 10px;
    z-index: 25;
}

#timer img {
    margin-right: 3px;
    vertical-align: -3px;
}

/* CodeMirror styles */
.CodeMirror-wrapping {
    border: 1px solid #d0d0d0;
}

.CodeMirror-line-numbers {
    width: 40px;
    color: #aaa;
    background-color: #eee;
    text-align: right;
    padding-right: .3em;
    font-size: 10pt;
    font-family: monospace;
    padding-top: .4em;
}