structure.css

/* - Generic */
html, 
body { 
    height: 100%;
}
body {
    color: #2b2b2b;
    background-color: #fffffc;
    font-size: 13px;
    font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

a { 
    color: #5c909b;
    outline: 0;
}
a:hover, 
a:active { 
    color: #839b5c;
    text-decoration: none;
}

h2, h3, h4, h5, h6 {
    margin: 1em 0 0.5em;
    font-weight: bold;
}
h2 {
    font-size: 115%;
}
h3, h4, h5, h6 {
    font-size: 100%;
}

pre {
    margin: 10px 0 0;
    border: 1px solid #c0c6c9;
    background-color: #f3f3f3;
    color: #7b7c7d;
}

/* - Component */
.hint { 
    width: 75%;
    color: #a3a3a2;
    font-size: 95%;
    font-style: Italic;
}

.alert-warning-inline, 
.alert-warning-inline a { 
    color: #f39800;
}

.picture {
    clear: both;
    position: relative;
    margin: 1.5em 0;
}
.picture.small {
    float: left;
    margin: 0 10px 0.5em 0;
}
.picture img { 
    height: auto;
}
.thumbnail, 
.userpic {
    border: 1px solid #c0c6c9;
}
.userpic {
    position: relative;
}
.userpic .icon {
    position: absolute;
    right: 0;
    bottom: 0;
}
.thumbnail {
    background: #f3f3f3 url(../images/thumbnail-bg.png) repeat top left;
}
.asset-thumb {
    width: 45px;
    height: 45px;
}
.asset-thumb.asset-type-icon {
    border: 0;
    background: none;
}

/* -- Sticky Label */
.sticky-label {
    display: inline-block;
    padding: 0.2em 0.5em;
    background-color: #adadad;
    color: #fff;
    font-size: 80%;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.sticky-label.required, 
.sticky-label.inuse-userpic {
    margin-left: 10px;
}

.sticky-label.system {
    background-color: #7b7c7d;    
}
.sticky-label.website {
    background-color: #839b5c;
}
.sticky-label.blog {
    background-color: #5c909b;
}
.selected-items .sticky-label {
    margin-bottom: 1px;
    padding-right: 0;
    text-decoration: none;
}
.selected-items .sticky-label .remove {
    float: right;
    padding: 0 0.3em;
    margin: 0 0.3em;
    background-color: #dcdddd;
    color: #2b2b2b;
}
.selected-items .sticky-label .remove:hover {
    background-color: #2b2b2b;
    color: #fff;
}

/* -- Multiple Selection */
.multiple-selection {
    display: inline-block;
}
.multiple-selection li {
    display: inline-block;
    margin: 0 15px 5px 0;
}
.fixed-width.multiple-selection li {
    width: 250px;
    margin: 0 0 5px;
}

/* -- Overlay */
.overlay, 
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #9ea1a3;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* -- Toggle Button */
.toggle-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #f3f3f3;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dcdddd));
    background: -moz-linear-gradient(top, #f3f3f3, #dcdddd);
    border-left: 1px solid #c0c6c9;
    text-align: center;
}
.toggle-button:hover {
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9eaea));
    background: -moz-linear-gradient(top, #fafafa, #e9eaea);
}
.active .toggle-button {
    background-color: #dcdddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdddd), to(#f3f3f3));
    background: -moz-linear-gradient(top, #dcdddd, #f3f3f3));
}
.toggle-button img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -4px;
}
.filter-header .toggle-button {
    width: 35px;
}
.menu-nav .toggle-button { 
    width: 20px;
}
.filter-header .toggle-button img, 
.menu-nav .toggle-button img { 
    margin: -3px 0 0 -5px;    
}

/* -- Toggle Link */
.toggle-link { 
    display: inline-block;
    padding-left: 15px;
    background: transparent;
    text-decoration: none;
    background: transparent url(../images/arrow/spinner-right.png) no-repeat left center;
}
.toggle-link:hover {
    text-decoration: underline;
}
.active .toggle-link {
    background-image: url(../images/arrow/spinner-bottom.png);
}
.detail {
    clear: both;
}
.close-link { 
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
}

/* -- Progress Bar */
.progressbar {
    height: 2em;
    border: 1px solid #c0c6c9;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.progressbar.indeterminate {
    background: #c0c6c9 url(../images/progress-bar-indeterminate.gif) repeat;
}
.ui-progressbar .ui-progressbar-value {
    height:100%;
    background-color: #dcdddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#58bee3), to(#32789e));
    background: -moz-linear-gradient(top, #58bee3, #32789e);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius: 5px 0 0 5px;
}

.item-action {
    margin-left: 5px;
}

.option {
    margin: 10px 0;
}

.metadata-item {
    line-height: 1.2;
    margin-bottom: 0.5em;
}
.metadata-item strong {
    margin-right: 0.5em;
}


/* -- Tabs */
.ui-tabs .ui-tabs-hide {
    display: none;
}
.ui-tabs-nav, 
ul.tabs { 
    margin-bottom: 20px;
    border-bottom: 1px solid #c0c6c9;
}
.ui-tabs-nav li, 
ul.tabs li {
    line-height: 1;
    display: inline-block;
    margin: 0 0 -1px 5px;
    border: 1px solid #c0c6c9;
    background-color: #f3f3f3;
    font-size: 85%;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius: 3px 3px 0 0;
}
.ui-tabs-nav li.first-child, 
ul.tabs li.first-child { 
    margin-left: 10px;
}
.ui-tabs-nav li.ui-tabs-selected,
ul.tabs li.selected-tab { 
    border-bottom-color: #fff;
    background-color: #fff;
}
.ui-tabs-nav li.ui-state-hover {
    background-color: #fff;
}
.ui-tabs-nav li a, 
ul.tabs li a {
    display: block;
    padding: 5px 10px;
    color: #2b2b2b;
    text-decoration: none;
    outline: 0;
}

/* -- Date Picker */
.ui-datepicker { 
    display: none;
    width: 200px;
    border: 1px solid #c0c6c9;
    background-color: #fff;
    padding: 2px;
}
.ui-datepicker .ui-datepicker-header { 
    position: relative;
    background-color: #5c909b;
}
.ui-datepicker .ui-datepicker-title { 
    line-height: 22px;
    height: 22px;
    font-weight: bold;
    color: white;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next { 
    position: absolute;
    top: 2px;
    width: 15px;
    height: 15px;
    margin-bottom: 2px;
    color: white;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev { 
    left: 2px;
}
.ui-datepicker .ui-datepicker-next { 
    right: 2px;
}
.ui-datepicker table { 
    width: 100%;
    margin: 0;
    font-size: 95%;
}
.ui-datepicker th { 
    padding: 0.7em 0.5em 0;
    text-align: center;
    font-weight: bold;
    font-family: monospace;
}
.ui-datepicker thead .ui-datepicker-week-end { 
    color: #7b7c7d;
}
.ui-datepicker thead span[title=sunday] { 
    color: #f55;
}
.ui-datepicker span[title=saturday] { 
    color: #3b83f3;
}
.ui-datepicker td { 
    padding: 1px;
}
.ui-datepicker .ui-state-default { 
    border: 1px solid #c0c6c9;
    background-color: #f3f3f3;
}
.ui-datepicker .ui-state-hover { 
    border-color: #7b7c7d;
    background-color: #c0c6c9;
}
.ui-datepicker .ui-state-highlight { 
    border-color: #ebd147;
    background-color: #fbf9ee;
}
.ui-datepicker a { 
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
    color: #333;
}
.ui-datepicker, 
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next { 
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* - Layout */
#container { 
    overflow: hidden;
    position: relative;
    height: auto;
    min-width: 980px;
    min-height: 100%;
}
#content {
    height: auto;
    margin: 0;
    padding: 20px 15px;
}
.has-menu-nav #content {
    margin-left: 175px;
}
#menu { 
    float: left;
    width: 155px;
    margin-left: -175px;
    margin-bottom: 100px;
}
#main {
    float: left;
    width: 100%;
    margin-bottom: 100px;
}
#footer {
    position: absolute;
    bottom: 0;
    clear: both;
    width: 100%;
}

/* -- Has Related Content */
.has-related-content #content-body {
    margin-right: 220px;
}
#dashboard #content-body, 
.edit-screen #content-body {
    margin-right: 280px;
}
.has-related-content #main-content {
    float: left;
    clear: left;
}
#related-content {
    float: right;
    clear: right;
    width: 200px;
    margin-right: -220px;
}
#dashboard #related-content, 
.edit-screen #related-content {
    width: 260px;
    margin-right: -280px;
}

/* -- Grid */
.line:after {
    content:'';
    display:block;
    clear:both;
}

.unit {
    float: left;
}

.size1of1 {
    float: none;
    width: 100%;
}
.size1of2 {
    width: 50%;
}
.size1of3 {
    width: 33.33333%;
}
.size2of3 {
    width: 66.66666%;
}
.size1of4 {
    width: 25%;
}
.size3of4 {
    width: 75%;
}
.size1of5 {
    width: 20%;
}
.size2of5 {
    width: 40%;
}
.size3of5 {
    width: 60%;
}
.size4of5 {
    width: 80%;
}

.mod {
    padding: 10px;
    position: relative;
}

/* - App Header */
#header { 
    position: relative;
    height: 80px;
    background-color: #7b7c7d;
}
.website #header { 
    background-color: #839b5c;
}
.blog #header { 
    background-color: #5c909b;
}

/* -- Brand */
#brand { 
    height: 45px;
    background-color: #2b2b2b;
}
#brand img {
    visibility: hidden;
}
#brand a,
.preview-screen #brand {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    width: 180px;
    height: 35px;
    text-decoration: none;
    background: #2b2b2b url(../images/logo/movable-type-brand-logo.png) center 3px no-repeat;
    outline: 0;
}
.website #brand a,
.website.preview-screen #brand {
    background-image: url(../images/logo/movable-type-brand-logo-website.png);
}
.system #brand a, 
.system.preview-screen #brand {
    background-image: url(../images/logo/movable-type-brand-logo-system.png);
}
#brand a:hover { 
    background-color: #383c3c;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#brand span.tips { 
    display: block;
    position: absolute;
    top: 15px;
    left: 205px;
    color: #7b7c7d;
    text-transform: uppercase;
}

/* - Utility Nav */
#utility-nav {
    position: absolute;
    color: #7b7c7d;
    top: 12px;
    right: 20px;
}
#utility-nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#utility-nav a {
    outline: 0;
    display: inline-block;
    padding: 0 5px;
    color: #c0c6c9;
    text-decoration: none;
}
#utility-nav a:hover { 
    color: #dcdddd;
    text-decoration: underline;
}
#utility-nav #user {
    margin-right: 10px;
}
#utility-nav #user a { 
    padding-right: 20px;
    border-right: 2px solid #7b7c7d;
}
#utility-nav #user a:hover { 
    text-decoration: none;
}
#utility-nav #user a:hover span { 
    text-decoration: underline;
}
#utility-nav #user .userpic { 
    border: 1px solid #c0c6c9;
}
#utility-nav #help { 
    margin-right: 10px;
}

/* - Menu bar */
#menu-bar { 
    position: relative;
    height: 35px;
}

/* -- Selector Nav */
#selector-nav { 
    position: relative;
    z-index: 100;
}
.scope {
    display: inline-block;
    max-width: 100%;
    height: 35px;
    margin: 0;
    padding: 0 10px 0 15px;
    overflow: hidden;
}
.blog .scope {
    max-width: 65%;
}
.scope.website { 
    background-color: #839b5c;
}
.blog .scope.website {
    max-width: 25%;
}
.scope.blog { 
    margin-left: -5px;
    padding-left: 25px;
    background-color: #5c909b;
    background: transparent url(../images/selector-nav-separator_blog.gif) left center no-repeat;
}
.scope a { 
    outline: 0;
    color: #f3f3f3;
    text-decoration: none;
}
.scope a:hover { 
    color: #f3f3f3;
    text-decoration: underline;
}
.scope-label {
    display: inline-block;
    line-height: 35px;
    height: 35px;
    width: 100%;
    overflow: hidden;
    color: #f3f3f3;
    font-size: 115%;
    font-style: normal;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.scope .toggle-button { 
    position: relative;
    top: 50%;
    float: left;
    width: 18px;
    height: 18px;
    border: 0;
    margin: -9px 10px 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

/* --- Scope Selector */
.scope-selector { 
    display: none;
    position: absolute;
    top: 35px;
    left: 10px;
    min-width: 320px;
    max-width: 100%;
    background-color: #7b7c7d;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius: 0 0 5px 5px;
    box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
}
.show-selector .scope-selector { 
    display: block;
}
.scope-list,
.create-action { 
    border-top: 1px solid #9ea1a3;
}
.sticky-label.scope-level {
    margin: 5px 0;
    padding-left: 10px;
    font-size: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius: 0 3px 3px 0;
}
.scope-selector li { 
    margin: 0;
    font-weight: normal;
}
.scope-selector a { 
    display: block;
    padding: 5px 10px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.scope-selector a:hover { 
    text-decoration: none;
    background-color: #383c3c;
    color: #fff;
}
.scope-list.website a:hover { 
    background-color: #839b5c;
}
.scope-list.blog a:hover { 
    background-color: #5c909b;
}
.parent { 
    display: inline;
    margin-left: 5px;
    font-size: 85%;
    font-weight: normal;
}
.select-another { 
    text-align: right;
}
.scope-selector div.last-child li.last-child a { 
    -moz-border-radius: 0 0 5px 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* --- Menu Bar list */
#menu-bar-nav { 
    position: absolute;
    top: 6px;
    right: 20px;
    z-index: 500;
}
#menu-bar-nav a { 
    outline: 0;
}

/* ---- Favorite Action */
.fav-actions-nav { 
    position: relative;
    float: right;
}
.fav-actions-nav .action.button {
    border-color: #f8b500;
    background-color: #ffd900;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd900), to(#f8b500));
    background: -moz-linear-gradient(top, #ffd900, #f8b500);
    color: #2b2b2b;
    text-shadow: none;    
    box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
}
.fav-actions-nav .action.button:hover {
    border-color: #c89932;
    background-color: #ffdd1a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdd1a), to(#ffbf13));
    background: -moz-linear-gradient(top, #ffdd1a, #ffbf13);
}
.fav-actions-nav .action.button:active, 
.fav-actions-nav.active .toggle-button {
    background-color: #c89932;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffbf13), to(#ffdd1a));
    background: -moz-linear-gradient(top, #ffbf13, #ffdd1a);
}
.fav-actions { 
    border: 1px solid #adadad;
    border-top: 0;
    background-color: #f3f3f3;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius: 0 0 3px 3px;
    box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
}
.fav-action {
    margin: 0;
}
.fav-action-link { 
    display: block;
    padding: 3px 5px;
    color: #7b7c7d;
    text-decoration: none;
}
.fav-action-link:hover { 
    color: #2b2b2b;
    text-decoration: underline;
}

/* ---- Nav Icons */
#menu-bar-icons { 
    float: right;
    margin: 0 0 0 8px;
}
#menu-bar-icons li { 
    display: inline;
    margin: 0 0 0 5px;
}
#menu-bar-icons li a { 
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #f3f3f3;
    background-position: center;
    background-repeat: no-repeat;
}
#rebuild-site a {
    background-image: url(../images/nav-icon-publish.png);
}
#view-site a {
    background-image: url(../images/nav-icon-view.png);
}
#cms-search a {
    position: static;
    background-image: url(../images/search-submit.png);
    border: 0;
}
#menu-bar-icons li.active a, 
#menu-bar-icons li a:hover { 
    background-color: #9ea1a3;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#rebuild-site a span, 
#view-site a span, 
#cms-search a span, 
#blog-dashboard a span {
    display: none;
}

/* --- Menu bar Search */
.search-form { 
    position: absolute;
    top: 29px;
    right: -10px;
    z-index: 250;
    padding: 8px;
    border-top: 1px solid #9ea1a3;
    background-color: #7b7c7d;
    text-align: right;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius: 0 0 5px 5px;
}
.search-form .button {
    margin: 0;
}
#basic-search .search-query {
    outline: 0;
    width: 200px;
}


/* - Navigation Menu */
.menu-nav { 
    position: relative;
    background-color: #fff;
}
.menu-nav * { 
    border-color: #c0c6c9;
}
.menu-nav em { 
    font-style: normal;
}
.menu-nav .item {
    margin: 0;
}
.menu-label { 
    display: inline-block;
    padding: 5px 7px;
}
.sub-menu .menu-label {
    padding: 3px 8px;
}
.menu-link { 
    display: block;
    text-decoration: none;
    outline: 0;
}
.top-menu-link { 
    margin-right: 20px;
    padding: 0;
}
.current .top-menu-link { 
    background-color: #f3f3f3;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dcdddd));
    background: -moz-linear-gradient(top, #f3f3f3, #dcdddd));
    color: #2b2b2b;
    font-weight: bold;
    text-shadow: #f8fbf8 0 1px 0;
}
.sub-menu-link { 
    color: #7b7c7d;
    text-decoration: none;
}
.sub-menu-link:active, 
.sub-menu-link:hover { 
    background-color: #e7e7eb;
}
.sub-menu-link.current { 
    background-color: #dcdddd;
}
.top-menu div { 
    position: relative;
    border-style: solid solid none;
    border-width: 1px;
}
.sub-menu { 
    display: none;
    border-style: solid solid none;
    border-width: 1px;
    background-color: #f3f3f3;
}
.current .sub-menu { 
    display: block;
}
.menu-nav, 
.top-menu.first-child.last-child div { 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.top-menu.first-child div { 
    -moz-border-radius: 5px 5px 0 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.top-menu.first-child .toggle-button {
    -moz-border-radius: 0 5px 0 0;
    border-top-right-radius: 5px;
}
.top-menu.last-child div, 
.top-menu.last-child .sub-menu { 
    -moz-border-radius: 0 0 5px 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 1px solid #c0c6c9;
}
.top-menu.last-child .toggle-button {
    -moz-border-radius: 0 0 5px 0;
    border-bottom-right-radius: 5px;
}
.top-menu-open.last-child div, 
.top-menu-open.last-child .toggle-button { 
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 0;
}
.current.first-child .top-menu-link {
    -moz-border-radius: 5px 0 0 0;
    border-top-left-radius: 5px;
}
.top-menu.first-child.last-child .toggle-button {
    -moz-border-radius: 0 5px 5px 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top-menu-open.first-child.last-child div {
    -moz-border-radius: 5px 5px 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.top-menu-open.first-child.last-child .toggle-button {
    -moz-border-radius: 0 5px 0 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
}


/* - Content Header */
#content-header {
    position: relative;
    margin-bottom: 15px;
}
.title.page { 
    font-size: 185%;
    font-weight: normal;
}
.title.panel { 
    margin-bottom: 10px;
}

/* -- Action Link List */ 
.action-link-list {
    margin-top: 5px;
}
.action-link-list li {
    display: inline-block;
    margin-right: 10px;
}

/* -- Object Nav */
.object-nav { 
    position: absolute;
    top: 5px;
    right: 0;
    font-family: Arial, sans-serif;
}
.object-nav span { 
    color: #9ea1a3;
}
.object-nav li { 
    display: inline-block;
    line-height: 1;
    margin: 0;
}
.object-nav li a, 
.object-nav li span { 
    display: inline-block;
    text-decoration: none;
    padding: 0.3em 0.5em;
    background-color: #f3f3f3;
    outline: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.object-nav li a:hover { 
    text-decoration: underline;
}


/* - Fields */
fieldset { 
    margin-bottom: 3em;
}
.field {
    overflow: hidden;
    padding: 10px 0 0;
    margin: 0 0 10px;
}
.field-left-label .field-header {
    float: left;
    width: 14em;
    padding-right: 0.25em;
    text-align: right;
}
.field-left-label .field-content {
    margin-left: 15.5em;
}
.field-top-label .field-header {
    margin-bottom: 5px;
}
.field-inline, 
.field-inline .field-header, 
.field-inline .field-content { 
    display: inline;
}
.field-inline { 
    margin-right: 10px;
}
.field-content-text {
    padding-top: 5px;
}
.field-no-header .field-header {
    display: none;
}
.field-no-header .field-content {
    margin-left: 0;
}
.field .hint {
    margin-top: 5px;
}
.field-top-label .hint {
    width: 100%;
}
#display_image-field { 
    margin-top: 0;
}
#system_users-field .listing { 
    margin-bottom: 10px;
}

/* -- Create Inline */
.create-inline {
    display: none;
    margin: 10px 0;
    padding: 8px 10px;
    background-color: #dcdddd;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* - Actions Bar */
.actions-bar { 
    position: relative;
    min-height: 22px;
    margin: 10px 0 30px; 
}
.actions-bar-top {
    margin-bottom: 10px;
}
.widget .actions-bar {
    margin-bottom: 0;
}
.plugin-actions { 
    margin-top: 15px;
    text-align: right;
}

/* -- Auto save message */
.autosave-notification { 
    margin-top: 1em;
}


/* - Widget */
.widget { 
    margin-bottom: 20px;
    border: 1px solid #c0c6c9;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.widget-header { 
    position: relative;
    padding: 5px 8px 5px 10px;
    background-color: #dcdddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dcdddd));
    background: -moz-linear-gradient(top, #f3f3f3, #dcdddd);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
}
.widget-no-header .widget-header { 
    display: none;
}
.widget-header h2,
.widget-header h3,
.widget-header h4,
.widget-header h5, 
.widget-header h6 {
    margin: 0;
    font-size: 100%;
    font-weight: bold;
}
.tabbed .widget-label h2, 
.tabbed .widget-label h3, 
.tabbed .widget-label h4, 
.tabbed .widget-label h5, 
.tabbed .widget-label h6 {
    display: none;
}
.widget-action {
    float: right;
}
.widget-close-link { 
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(../images/widget/widget-icons.png) -33px 0 no-repeat;
}
.widget-close-link span { 
    display: none;
}
.widget-content { 
    padding: 10px;
    border-top: 1px solid #c0c6c9;
}
.tabbed .widget-content, 
.widget-no-header .widget-content {
    border: 0;
}

/* -- Status widget */
.loaded-revision .status-widget { 
    background-color: #f2f2b0;
}

/* -- You Widget */
.user .you-widget {
    clear: both;
    border: 0;
    background-color: transparent;
    overflow: hidden;
}
.user .you-widget .widget-content { 
    padding: 0;
}
.you-widget .user-pic { 
    position: relative;
    width: 90px;
    height: 90px;
}
.you-widget .user-stats { 
    margin-left: 110px;
}

/* -- Favorite Website, Blog Widget */
/* --- on User Dashboard --- */
#favorite_blogs .widget-header { 
    padding-bottom: 0;
}
#favorite_blogs #favorite-blogs-tabs { 
    margin: 0 -10px;
}
#favorite_blogs #favorite-blogs-tabs ul.tabs { 
    margin-bottom: 0;
    width: 100%;
}
.blog-name {
    margin-top: 0;
}

/* --- on System, Website Dashboard --- */
.favorite-blogs-widget .blog-container { 
    max-height: 455px;
    margin-right: -10px;
    overflow: auto;
}
.favorite-blogs-widget .blog-content { 
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.favorite-blogs-widget .blog-meta { 
    margin-right: 120px;
    margin-left: 110px;
    font-size: 90%;
}
.favorite-blogs-widget .blog-name {
    margin-bottom: 3px;
    font-size: 115%;
}
.favorite-blogs-widget .blog-name a { 
    color: #2b2b2b;
}
.favorite-blogs-widget .blog-name .parent, 
.favorite-blogs-widget .blog-name .parent a { 
    color: #7b7c7d;
}
.favorite-blogs-widget .blog-name .parent a:hover {  
    color: #2b2b2b;
}
.favorite-blogs-widget .blog-link { 
    margin-bottom: 10px;
    overflow: hidden;
}
.favorite-blogs-widget .blog-description { 
    margin-bottom: 10px;
}
.favorite-blogs-widget .blog-control li { 
    display: inline;
    margin-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #c0c6c9;
}
.favorite-blogs-widget .blog-control li.first-child { 
    margin-left: 0;
}
.favorite-blogs-widget .blog-control li.last-child { 
    padding: 0;
    border: 0;
}
.favorite-blogs-widget .blog-action {
    position: absolute;
    top: 5px;
    right: 10px;
}
.favorite-blogs-widget .blog-action a.button {
    width: 80px;
    text-align: center;
}
.favorite-blogs-widget .select-website, 
.favorite-blogs-widget .select-blog { 
    margin-top: 10px;
    text-align: right;
}
.favorite-blogs-widget .select-website a, 
.favorite-blogs-widget .select-blog a { 
    margin-right: 10px;
}

/* -- Blog Stats Widget */
.blog-stats-widget { 
    min-height: 480px;
}
#blog-stats-widget-tabs { 
    margin: 0 -10px;
}
.blog-stats-widget-panel { 
    overflow: hidden;
}
.blog-stats-widget embed { 
    display: block;
    width: 540px;
    height: 120px;
    margin: 0 auto;
}
.blog-stats-widget .stats-summary {
    text-align: center;
}

.blog-stats-widget .tab-panel-header { 
    margin: 20px 0 10px;
    font-weight: bold;
}

.object-list-widget .content {
    padding: 0 10px 10px;
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 8px 16px;
    overflow: hidden;
}
.object-list-widget .content p {
    margin-bottom: .5em;
}
.object-list-widget .content .meta {
    color: #9ea1a3;
}
.blog-stats-widget-panel .view-all {
    margin-top: 10px;
    text-align: right;
}

/* --- Blog Stats: Comments */
#comment-panel .content {
    padding-top: 10px;
}
.blog-stats-widget .comment-status-publish {
    background-image: url(../images/status_icons/success.gif);
}
.blog-stats-widget .comment-status-pending {
    background-image: url(../images/status_icons/warning.gif);
}

/* --- Blog Stats: Entries */
.blog-stats-widget .entry-status-publish {
    background-image: url(../images/status_icons/success.gif);
}
.blog-stats-widget .entry-status-review {
    background-image: url(../images/status_icons/warning.gif);
}
.blog-stats-widget .entry-status-spam {
    background-image: url(../images/status_icons/warning.gif);
}
.blog-stats-widget .entry-status-draft {
    background-image: url(../images/status_icons/draft.gif);
}
.blog-stats-widget .entry-status-future {
    background-image: url(../images/status_icons/future.gif);
}

/* --- Blog Stats: Tags */
.blog-stats-widget #tag-cloud {
    margin: 10px 0;
}
.blog-stats-widget #tag-cloud-list li {
    display: inline;
    padding-right: 10px;
}
.blog-stats-widget .tag-1 { 
    font-size: 24px;
}
.blog-stats-widget .tag-2 { 
    font-size: 22px;
}
.blog-stats-widget .tag-3 { 
    font-size: 20px;
}
.blog-stats-widget .tag-4 { 
    font-size: 18px;
}
.blog-stats-widget .tag-5 { 
    font-size: 16px;
}
.blog-stats-widget .tag-6 { 
    font-size: 14px;
}

/* --- Blog Stats: Registrations */
.blog-stats-widget .author { 
    padding: 10px;
}
.blog-stats-widget .auth-icon {
    width: 12px;
    height: 12px;
}
.blog-stats-widget .author h4 { 
    margin-top: 5px;
}

/* -- MT News */
.news-widget #news-widget-tabs { 
    margin: 0 -10px 15px;
}
.news-widget .news-widget-list {
    display: none;
}
.most-recent-entry .excerpt { 
    margin-top: 10px;
}

/* -- Include Templates Widget */
.include-from {
    display: block;
    margin-left: 20px;
    font-size: 85%;
}
.tmpl-label.error {
    color: #9e3d3f;
}


/* - Listing */
/* -- List Asset (legacy) */
#asset-listing-table .asset-thumb a span {
    display: none;
}
#asset-listing-table .asset-thumbnail .asset-type-youtube .asset-thumb a img {
    margin-left: -25px;
    margin-top: -9px;
}
#asset-listing-table .status-missing .as-asset-type {
    background: url(../images/status_icons/warning.gif) no-repeat left center;
    padding-left: 15px;
}
.asset-image {
    background-image: url(../images/asset-image.gif);
}

/* -- List Revision */
#page-revison-listing, 
#entry-revision-listing, 
#template-revision-listing { 
    margin-bottom: 0;
    padding: 0;
}
.list-revision-dialog .col.datetime {
    width: 25%;
}
.list-revision-dialog .col.status {
    width: 15%;
}
.list-revision-dialog .col.created-by {
    width: 18%;
}

/* - Edit Screen */
/* - Edit Comment, Ping, Author & Entry */
.edit-comment #status-field,
.edit-ping #status-field,
.edit-author .user-status-disabled,
.edit-group .group-status-disabled {
    position: relative;
    padding: 10px 0 10px;
}
#comment-feedback-rating, 
#ping-feedback-rating { 
    margin-top: 10px;
}
#status-field .listing { 
    margin-bottom: 0;
}

/* -- Editor */
#text-field { 
    position: static;
}
.editor-toolbar { 
    padding: 8px;
    border: 1px solid #c0c6c9;
    background-color: #f3f3f3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
}
.editor-toolbar .button {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 4px 0 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    border-radius: 0;
    -moz-border-radius: 0;
}
.editor {
    display: block;
    position: relative;
    padding: 0;
    border: 1px solid #c0c6c9;
    border-top: 0;
    background-color: #fff;
}
.editor textarea, 
.editor iframe {
    width: 100%;
    min-width: 100%;
    height: 550px;
    border: 0;
    box-shadow: 0;
    border-radius: 0;
}
.editor textarea {
    padding: 10px;
}

/* -- Edit Entry, Page */
.edit-entry #title-field { 
    padding: 0;
}
.edit-entry #permalink-field .field-content { 
    color: #7b7c7d;
}
.sort-enabled {
    margin-bottom: 15px;
    padding: 0;
    border: 1px solid #c0c6c9;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.sort-enabled:hover {
    border: 1px solid #adadad;
    border-top-color: #cfd0d0;
    border-left-color: #cfd0d0; 
}
.sort-enabled .field-header {
    margin-bottom: 10px;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
}
.sort-enabled .field-header:hover {
    cursor: move;
}
.sort-enabled:hover .field-header {
    background-color: #dcdddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dcdddd));
    background: -moz-linear-gradient(top, #f3f3f3, #dcdddd);
    border-bottom: 1px solid #c0c6c9;
}
.sort-enabled .field-content {
    padding: 0 10px 10px;
}
.placeholder {
    margin-bottom: 15px;
    border: 1px dashed #c0c6c9;
    background-color: #fbfbfb;
}

/* -- Edit Template */
#template-editor-toolbar {
    text-align: right;
}
#textarea-enclosure { 
    border: solid #c0c6c9;
    border-width: 0 1px 1px;
    background-color: #fff;
    -moz-border-radius: 0 0 3px 3px;
    border-bottom-radius: 3px;
}

/* --- Toggle Highlight */
.button.command-highlight-on, 
.button.command-highlight-off {
    margin: 0;
    background-image: url(../images/buttons/toolbar/toggle-highlight.gif);
}
.button.command-highlight-on:hover, 
.button.command-highlight-off:hover {
    background-image: url(../images/buttons/toolbar/toggle-highlight-hover.gif);
}
.button.command-highlight-on.active, 
.button.command-highlight-off.active {
    background-image: url(../images/buttons/toolbar/toggle-highlight-active.gif);
}
.button.command-highlight-off, 
.button.command-highlight-off:hover {
    width: 23px;
    border-left: 1px solid #c0c6c9;
    background-position: -22px 0;
}
.button.toolbar .button-label {
    display: none;
}

/* --- Line Numbers */
.CodeMirror-line-numbers {
    width: 2.2em;
    padding: 0.4em 0.3em 0 0;
    border-right: 1px solid #dcdddd;
    color: #a3a3a2;
    text-align: right;
    font-family: monospace;
    line-height: 16px;
}

/* -- Tags Field */
#tags-field { 
    position: relative;
    height: auto;
    overflow: visible;
}
#tags-suggestion { 
    position: relative;
    top: -1px;
    left: 2px;
    width: 100%;
}
#tags_completion {
    display: none;
    min-width: 200px;
    max-width: 100%;
    position: absolute;
    z-index: 100;
    border: 1px solid #c0c6c9;
    background-color: #f3f3f3;
}
#tags_completion div {
    padding: 2px 5px;
}
#tags_completion .complete-highlight {
    color: #2b2b2b;
    background-color: #dcdddd;
}

/* --- Status Widget */
#entry-status-widget { 
    position: relative;
}
#entry-status-widget .status { 
    position: absolute;
    top: 7px;
    right: 10px;
}

/* --- Publishing Widget */
#edit-page #basename { 
    width: 180px;
}
#entry-publishing-widget .actions-bar {
    overflow: hidden;
}
#entry-publishing-widget .save-action, 
#entry-publishing-widget .preview-action {
    float: left;
    width: 115px;
}
#entry-publishing-widget .preview-action {
    float: right;
}
#entry-publishing-widget .actions-bar .button {
    width: 100%;
    margin: 0;
}
#entry-publishing-widget .delete-action {
    margin-top: 5px;
    text-align: right;
}
#entry-publishing-widget a.delete { 
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 17px;
    background: transparent url(../images/delete.gif) left bottom no-repeat;
    color: #7b7c7d;
}
#entry-publishing-widget a.delete:hover { 
    background-position: left top;
    color: #9e3d3f;
}

/* ---- Publish Date Field */
.edit-entry .date-time-fields .post-date { 
    width: 7em;
}
.edit-entry .date-time-fields .post-time { 
    width: 5.5em;
}
.date-time-fields .scheduled { 
    margin: 5px 0 0 0;
}

/* --- Categories Widget */
#category-field { 
    margin: 0;
}
.category-selector { 
    max-width: 600px;
    margin: 0 0 30px;
}
.edit-entry .category-selector { 
    margin-bottom: 10px;
}

.category-selector a { 
    display: inline-block;
    margin-right: 2px;
    text-decoration: none;
}
.category-selector-header {
    padding: 0 0 5px;
    text-align: right;
}
.category-selector-list {
    height: 120px;
    padding: 3px;
    border: 1px solid #c0c6c9;
    background: #fff;
    overflow: auto;
    overflow-x: hidden;
    clear: both;
}
.category-selector-list .list-item {
    clear: both;
    margin-bottom: 2px;
    padding: 1px 2px 1px 0;
}
.category-selector-list .list-item label {
    display: inline-block;
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
}
.list-item-hover {
    background: #dcdddd;
}
.add-category-new-link {
    float: right;
    width: 9px;
    height: 9px;
    margin-top: 3px;
}
.list-item-hover .add-category-new-link {
    background: url(../images/status_icons/create.gif) no-repeat left center;
}
.add-category-save-link {
    width: 9px;
    height: 9px;
    margin-left: 4px;
    background: url(../images/status_icons/create.gif) no-repeat left center;
}
.add-category-cancel-link {
    width: 9px;
    height: 9px;
    margin-left: 4px;
    background: url(../images/status_icons/error.gif) no-repeat left center;
}
.add-category-new-parent-link {
    padding-left: 11px;
    background: url(../images/status_icons/create.gif) no-repeat left center;
}
.add-category-new-link span, 
.add-category-save-link span, 
.add-category-cancel-link span {
    display: none;
}

/* ---- Add New Category Form */
.add-category-form {
    white-space: nowrap;
}
.category-selector .add-category-form .add-category-input {
    width: 80%;
    margin: 3px 0 5px 2px;
}
.category-selector #add-category-form .add-category-input {
    margin-left: 0;
}
.add-category-checkbox {
    margin-left: 2px;
}
.category-toggle-link {
    position: absolute;
    top: 5px;
    right: 10px;
}
.edit-page .add-category-toggle-link {
    position: static;
}
#category-list {
    margin-top: 4px;
}
#category-list strong {
    padding-left: 13px;
    background: url(../images/status_icons/primary.png) no-repeat 0 50%;
}
#category-list a { 
    text-decoration: none;
}
#category-list a.primary {
    padding-left: 13px;
    color: #5c909b;
}
#category-list .focus a.primary {
    background: url(../images/status_icons/primary-disabled.png) no-repeat 0 50%;
}
#category-list .delete {
    padding-right: 9px;
}
#category-list .focus .delete {
    background: url(../images/status_icons/close-disabled.gif) no-repeat right center;
}
#category-list .focus .delete:hover {
    background: url(../images/status_icons/close.gif) no-repeat right center;
}
#category-list .delete span {
    display: none;
}
.add-new-category-link {
    float: right;
    padding-left: 11px;
    background: url(../images/status_icons/create.gif) no-repeat left center;
    position: relative;
    right: 2px;
    top: 9px;
}
.edit-page .add-new-category-link {
    float: none;
    position: static;
}

/* ---- Page Folder */
.change-folder-link {
    padding-left: 11px;
    background: url(../images/status_icons/create.gif) no-repeat left center;
}

/* --- Feedback Widget */
#allow-feedback-field li { 
    position: relative;
}
.feedback-count { 
    position: absolute;
    right: 0;
}
.comments-link a,
.pings-link a {
    display: inline-block;
    min-height: 18px;
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}
.comments-link a {
    background-image: url(../images/nav_icons/color/comments.gif);
}
.pings-link a {
    background-image: url(../images/nav_icons/color/trackbacks.gif);
}
#ping-urls-field { 
    margin-bottom: 0;
}

/* --- Asset List Widget */
#asset_container .widget-content-inner {
   padding: 0px 10px 10px;
}
.asset-list-header {
    margin-bottom: 5px;
    text-align: right;
}
.add-new-asset-link {
    padding-left: 11px;
    background: url(../images/status_icons/create.gif) no-repeat left center;
    text-decoration: none;
}
ul#asset-list li {
    position: relative;
    line-height: 1.2;
    padding: 5px 0 0 18px;
    background-repeat: no-repeat;
    background-position: left center;
}
ul#asset-list li#empty-asset-list { 
    padding-left: 0;
}
ul#asset-list li a.asset-title { 
    display: inline-block;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul#asset-list li a.remove-asset {
    position: absolute;
    background: transparent url(../images/status_icons/close.gif) center no-repeat;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
}
ul#asset-list li a.remove-asset span { 
    display: none;
}
ul#asset-list li img.list-image {
    position: absolute;
    left: -120px;
    top: -5px;
    padding: 8px;
    background-color: #dcdddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}
ul#asset-list .asset-type-file { 
    background-image: url(../images/asset/file.gif);
}
ul#asset-list .asset-type-image { 
    background-image: url(../images/asset/image.gif);
}
ul#asset-list .asset-type-audio { 
    background-image: url(../images/asset/audio.gif);
}
ul#asset-list .asset-type-video { 
    background-image: url(../images/asset/video.gif);
}

/* --- Asset Option */
#asset_details { 
    margin-bottom: 30px;
}
.new-asset #new_entry_prefs {
    margin-bottom: 20px;
}

/* -- Edit Comment, Trackback */
.settings-screen a#increase-threshold,
.settings-screen a#decrease-threshold {
    color: #383c3c;
    text-decoration: none;
    vertical-align: text-top;
}
.edit-comment .commenter-actions a {
    white-space: nowrap;
}
.edit-comment .commenter-detail-link { 
    text-decoration: none;
}
.edit-comment .commenter-trust,
.edit-comment .commenter-ban,
.edit-comment .commenter-neutral {
    font-size: 70%;
}
.edit-comment .commenter-trust {
    border-color: #a8e5a8;
    background-color: #a8e5a8;
}
.edit-comment .commenter-ban {
    border-color: #f2b1b1;
    background-color: #f2b1b1;
}

/* -- Edit Template  */
.edit-template #title-field { 
    padding: 0;
}
#template-body-actions {
    padding: 4px 8px;
    border: 1px solid #c0c6c9;
    border-bottom: none;
    background: #f3f3f3;
}
.edit-template th.archive-delete div {
    height: 11px;
    background: url('../images/nav_icons/mini/delete.gif') no-repeat center center;
}
.edit-template th.archive-delete span {
    display: none;
}
.edit-template .delete-archive-link {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url('../images/nav_icons/mini/delete.gif') no-repeat center center;
}
.edit-template .delete-archive-link span {
    display: none;
}
.templatemap-listing-table .tmpl-path,
.templatemap-listing-table .tmpl-path-custom,
.templatemap-listing-table #build-type {
    width: 100%;
}
.templatemap-listing-table .publish-options { 
    width: 20%;
}
#server_side_include-field .field-content, 
#caching-field .field-content { 
    margin: 10px 0 0  15px;
}
#template-options {
    position: relative;
    margin-bottom: 10px;
    padding: 1px 10px;
    border-radius: 5px;
    background-color: #dcdddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
#template-options-header {
    padding: 10px 0;
}
#template-options.active #template-options-header {
    margin-bottom: 10px;
}
#template-options #template-options-header h3 {
    margin: 0;
    text-shadow: none;
}
#template-options #template-options-header h3 a {
    background: url(../images/arrow/spinner-right.png) no-repeat left center;
    color: #7B7C7D;
    text-decoration: none;
}
#template-options #template-options-header h3 a:hover { 
    text-decoration: underline;
}
#template-options.active #template-options-header h3 a {
    background-image: url(../images/arrow/spinner-bottom.png);
}
#template-options .template-options-summary {
    color: #2b2b2b;
    text-align: right;
}
#template-options.active .template-options-summary, 
#template-options #template-options-content {
    display: none;
}
#template-options.active #template-options-content {
    display: block;
}

/* --- Archive Mapping */
#archive_mapping-field p { 
    margin-bottom: 3px;
}
#template-options #templatemap-listing { 
    margin-bottom: 5px;
}
#template-options #templatemap-listing-table tr.last-child td.first-child { 
    border-bottm-left-radius: 5px;
    -moz-border-radius: 0 0 0 5px;
}
#template-options #templatemap-listing-table tr.last-child td.last-child { 
    border-bottm-right-radius: 5px;
    -moz-border-radius: 0 0 5px 0;
}
#caching-field ul ul {
    margin-left: 1.5em;
}
#caching-field li {
    margin-bottom: .5em;
}
#caching-field li li {
    display: inline-block;
    width: 30%;
    margin: 0.5em 0 0;
}
#cache-time-value,
#cache-time-unit {
    vertical-align: middle;
}
#cache-events { 
    margin-top: 3px;
}

/* --- Edit Widget Set */
.widget-item {
    margin-bottom: 8px;
    cursor: move;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
}
#available-column-items, 
#installed-column-items {
    min-height: 100px;
}
#available-widgets {
    margin-right: 10px;
}
#installed-widgets {
    margin-left: 10px;
    background-color: #f6f6f6;
}
#installed-widgets > .widget-header {
    background-color: #adadad;
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#7b7c7d));
    background: -moz-linear-gradient(top, #adadad 0%, #7b7c7d 100%);
    color: #fffffc;
}

/* -- Edit Asset */
.asset-preview-thumb {
    min-width: 240px;
    width: 240px;
}
.asset-preview-thumb .thumbnail {
    display: inline-block;
}
.asset-preview-thumb img {
    border: 0;
}
.edit-asset .asset-metadata {
    overflow: hidden;
}
.edit-asset .asset-info {
    clear: both;
}

/* --- Related Assets Widget */
#related-assets .asset {
    overflow: hidden;
    clear: left;
    margin-bottom: 10px;
    padding-bottom: 5px; 
}
#related-assets .asset.last-child { 
    margin-bottom: 0;
    padding-bottom: 0;
}
.edit-asset .actions-bar {
    clear: both;
}

/* - Preview */
.preview-content {
    margin: 1.2em 0;
}
.preview-title, 
.preview-body, 
.preview-more {
    margin: 30px 0;
    line-height: 1.5;
}
.preview-title {
    font-size: 130%;
    font-weight: bold;
}
.preview-screen {
    overflow: hidden;
}
.preview-screen #preview-layout {
    width: 100%;
    min-width: 900px;
    height: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.preview-screen .preview-control-strip {
    height: 70px;
    border-bottom: 1px solid #dcdddd;
    background-color: #2b2b2b;
    color: #f8fbf8;
}
.preview-screen .preview-label {
    margin: 0 20px 10px;
    text-align: right;
}
.preview-screen .actions-bar { 
    margin: 0 20px;
    text-align: right;
}
.preview-screen .preview-content { 
    height: 100%;
    margin: 0;
    padding: 0;
}
.preview-screen .preview-content iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


/* - Settings */
#system-check iframe {
    width: 758px;
    height: 400px;
}
#system-check .field {
    padding-bottom: 0;
    border-bottom: 0;
}

/* -- Contextual Help */
.help-link {
    display: none;
}
#formatting-help-link {
    display: inline;
    text-align: center;
    padding: 0 3px;
    margin: 0 3px 0 0;
    background: #333 url('../images/buttons/button-primary.gif') repeat-x center center;
    color: #fff !important;
    font-weight: bold;
}
#formatting-help-link:hover {
    background-position: -500px center;
}
#formatting-help-link.disabled {
    display: none;
}

/* -- General Settings */
#has-license-field p { 
    margin: 5px 0 0;
}
#has-license-field .actions-link { 
    display: block;
    margin-top: 5px;
}
.content-path {
    margin-bottom: 10px;
    font-size: 110%;
    font-weight: bold;
}
.path-text {
    color: #7b7c7d;
}

/* -- System General Settings */
input#system_debug_mode, 
input#system_performance_logging_threshold { 
    width: 4em;
    text-align: center;
}

/* -- Registration Settings */
#setting-auth-status-field li ul {
    margin: 0.5em 0 1.5em 2em;
}

/* -- Plugin Settings */
#list-plugins .plugin .plugin-status a:link,
#list-plugins .plugin .plugin-name a:link,
#list-plugins .plugin .plugin-tabs a:link,
#list-plugins .plugin .plugin-status a:visited,
#list-plugins .plugin .plugin-name a:visited,
#list-plugins .plugin .plugin-tabs a:visited {
    color: #2b2b2b;
    text-decoration: none;
}
#list-plugins .plugin-group {
    margin-bottom: 30px;
}
#list-plugins .plugin-group-name { 
    margin-bottom: 5px;
}
#list-plugins .plugin {
    margin-bottom: -1px;
    border: 1px solid #c0c6c9;
    background-color: #fff;
}
#list-plugins .plugin-expanded {
    background-color: #f8fbf8;
}
#list-plugins .plugin-header { 
    position: relative;
}
#list-plugins .plugin-name {
    border: none;
    margin: 0;
}
#list-plugins .plugin-name a,
#list-plugins .plugin-name .plugin-name-disabled {
    display: block;
    padding: 10px 10px 10px 35px;
    background: url('../images/plugin-error.gif') no-repeat 10px 10px;
    outline: 0;
}
#list-plugins .plugin-name a:hover {
    display: block;
    background-color: #f8fbf8;
}
#list-plugins .plugin-status {
    position: absolute;
    top: 10px;
    right: 10px;
}
#list-plugins .plugin-status a.button {
    margin: -3px 0 0 5px;
    text-align: center;
    min-width: 45px;
}
#list-plugins .plugin-content {
    display: none;
}
#list-plugins .plugin-expanded .plugin-content {
    display: block;
    margin: 0 10px 10px;
}
#list-plugins .plugin-tabs-list li {
    border: 0;
    margin: 0 0 2px;
    background-color: transparent;
}
#list-plugins .plugin-tabs-list li.ui-tabs-selected {
    border-bottom: 3px solid #7b7c7d;
    background-color: transparent;
}
#list-plugins .plugin-tabs-list li a {
    padding: 0 10px 0 23px;
    background-position: 10px center;
}
#list-plugins .plugin-metadata-list {
    margin: 0;
}
#list-plugins .plugin-metadata-list li {
    display: inline;
    margin-right: 10px;
}
#list-plugins .setting-advanced { 
    display: none;
    margin: 10px 0 20px 1.2em;
}
#list-plugins .config li ul {
    margin: 10px 0 0 1.2em;
}
#list-plugins #plugin_control .actions-bar { 
    text-align: center;
}
#list-plugins #plugin_control .actions-bar button { 
    margin: 0;
}

/* -- Theme Setting */
#list-themes .theme { 
    position: relative;
    clear: both;
    overflow: auto;
    margin-bottom: -1px;
    padding: 15px;
    border: 1px solid #c0c6c9;
    background-color: #fff;
}
#list-themes .theme-expanded { 
    background-color: #f8fbf8;
}
#list-themes .current-theme { 
    margin-bottom: 15px;
}
#list-themes .theme-status { 
    position: absolute;
    top: 10px;
    right: 10px;
}
#list-themes .theme-status .alert-warning a { 
    color: #2b2b2b;
}
#list-themes .theme .picture.small { 
    margin-bottom: 0;
}
#list-themes .theme-meta { 
    margin-left: 135px;
    font-size: 90%;
}
#list-themes .theme-title { 
    margin: 0 0 3px;
    font-size: 115%;
}
#list-themes .theme-title a { 
    color: #2b2b2b;
}
#list-themes .disabled .theme-title a { 
    color: #7b7c7d;
}
#list-themes .theme-author {
    margin-bottom: 10px;
}
#list-themes .description { 
    margin: 0;
}
#list-themes .theme-tabs-list li {
    border: 0;
    margin: 0 0 2px;
    background-color: transparent;
}
#list-themes .theme-tabs-list li.ui-tabs-selected {
    border-bottom: 3px solid #7b7c7d;
    background-color: transparent;
}
#list-themes .theme-tabs-list li a {
    padding: 0 10px;
    background-position: 10px center;
}
#list-themes .error-text { 
    margin: 10px 0 0;
}
#list-themes .theme-details { 
    display: none;
    clear: both;
    padding-top: 20px;
    color: #2b2b2b;
}
#list-themes .theme-expanded .theme-details {
    display: block;
}
#list-themes .theme-info ul { 
    margin: 10px 0 10px 1.5em;
}
#list-themes .theme-info li { 
    list-style-type: disc;
}
#list-themes .error-text a,
#list-themes .theme-errors li { 
    color: #f39800;
}

/* -- System User Settings */
#new_user_theme_thumb { 
    margin-bottom: 5px;
}
#new_user_theme_thumb img { 
    border: 1px solid #c0c6c9;
}
#select-personal-blog-theme .theme { 
    position: relative;
    margin-bottom: -1px;
    border: 1px solid #c0c6c9;
    overflow: hidden;
    background-color: white;
}
#select-personal-blog-theme .theme .theme-thumbnail { 
    margin: 15px;
}
#select-personal-blog-theme .theme .theme-meta { 
    margin: 15px 0 15px 135px;
}

/* -- Edit Author */
.edit-author #system_permissions-field li {
    display: inline-block;
    width: 225px;
}
.edit-author #system_permissions-field li label {
    white-space: nowrap;
}

/* - Backup & Restore */
.backup-status pre,
.import-process pre {
    height: 300px;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #c0c6c9;
    overflow: auto;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#files-listing {
    margin-bottom: 0.75em;
}

/* - Export Theme */
#template_set h3 { 
    margin-bottom: 5px;
}
#template_set .listing { 
    margin-bottom: 30px;
}

/* -- Template Set */
.template-group {
    position: relative;
    margin-bottom: 10px;
}
.template-group-header {
    position: relative;
}
.template-group-header h3 {
    display: inline-block;
    margin: 0;
    text-shadow: none;
}
.template-group-header h3 a {
    color: #2b2b2b;
}
.template-group-summary {
    position: absolute;
    top: 0;
    right: 0;
    color: #888;
    text-align: right;
    width: 400px;
}
.template-group-content table { 
    margin-bottom: 20px;
}
.template-group-content .output-file { 
    width: 60%;
}
div.template-group-content {
    display: none;
}
div.template-group-content.active {
    display: block;
}

/* -- Default Category */
#default_categories-table .display-name { 
    width: 40%;
}

/* -- Default Folder */
#default_folders-table .display-name { 
    width: 35%;
}


/* - Search Replace */
.search-replace .ui-tabs-nav { 
    margin-bottom: 0;
}
.search-replace #search-field, 
.search-replace #search-alt-field, 
.search-replace #replace-field {
    padding: 0;
}
.search-replace #search-bar-advanced-search {
    margin-bottom: 10px;
}
.search-replace .advanced-options {
    margin: 0;
    border: 1px solid #adadad;
    border-top-color: #cfd0d0;
    border-left-color: #cfd0d0;
    background-color: #fff;
}
.search-replace .actions-bar {
    margin: 20px 0 10px;
}
.search-replace .listing {
    margin-top: 30px;
}


/* - Display Optins */
.display-options {
    margin-bottom: 15px;
    text-align: right;
}
.display-options .toggle-link {
    padding: 0.3em 0.5em;
    background: #f3f3f3;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.display-options.active .toggle-link {
    background: #c0c6c9;
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius: 3px 3px 0 0;
}
.display-options-detail {
    display: none;
    padding: 10px 10px 0;
    border: 1px solid #c0c6c9;
    text-align: left;
    border-radius: 3px;
    border-top-right-radius: 0;
    -moz-border-radius: 3px 0 3px 3px;
}

/* - Footer */
#footer { 
    border-top: 1px solid #c0c6c9;
    padding: 8px 0 1px;
    background-color: #dcdddd;
    font-size: 85%;
}
#footer a { 
    color: #7b7c7d;
}
#footer a:hover, 
#footer a:active { 
    color: #2b2b2b;
}
#footer .inline-nav { 
    margin: 0 20px 10px;
    white-space: nowrap;
}
#footer .inline-nav li { 
    display: inline;
    border: 0;
    border-left: 2px solid #9ea1a3;
    padding: 0 7px;
}
#footer .inline-nav li.first-child { 
    border: none;
    padding-left: 0;
}
#version, 
#copyright {
    margin-left: 20px;
}


/* - beta */
.mt-beta #brand { 
    background-image: url(../images/beta_icons/beta_icon.png);
    background-position: 200px center;
    background-repeat: no-repeat;
}
.mt-beta #brand span.tips { 
    top: 15px;
    left: 245px;
}
.mt-beta #container { 
    padding-bottom: 180px;
}
.mt-beta #footer { 
    padding-top: 0;
}
.mt-beta #footer #msg-beta {
    margin-bottom: 10px;
    border-bottom: 1px solid #c0c6c9;
    background-color: #f2f2b0;
    text-align: center;
}
.mt-beta #footer #msg-beta p {
    display: inline-block;
    margin: 0 auto;
    padding: 0.8em 0 0.8em 45px;
    background: transparent url(../images/beta_icons/beta_icon.png) left center no-repeat;
    text-align: left;
}

/* - Clone */
.process-msg { 
    position: relative;
    overflow: auto;
    overflow-x: auto;
    margin: 10px 0;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fafafa;
    height: 300px;
}