#wui-application {
    left:0;
    position:fixed;
    top:0;
    z-index:999;
}

#wui-modeless {
    left:0;
    position:fixed;
    top:0;
    width:100%;
}

#wui-modal-screen {
    background-color:#000;
    filter:alpha(opacity=75);
    height:100%;
    left:0;
    opacity:0.75;
    position:fixed;
    top:0;
    width:100%;
}

#wui-modal {
    position:fixed;
}

#wui-notification {
    background-color:#fff;
    border-bottom:1px solid #eee;
    color:#92c8d6;
    font-size:20px;
    height:20px;
    left:0;
    padding:20px 0;
    position:fixed;
    text-align:center;
    top:-60px;
    width:100%;
}

#wui-busy-anim {
    background-image:url('/media/edit/default/img/ui/busy.png');
    background-repeat:no-repeat;
    left:0;
    position:fixed;
    top:0;
}


/* Widgets */
.wui-widget {
    color:#414143;
    font-family:arial;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:140%;
    text-align:left;
}

.wui-widget a {
    color:#488eb0;
}

.wui-widget .puesdo-link {
    color:#488eb0;
    cursor:pointer;
}

.wui-hidden {
    display:none !important;
}

.wui-disabled {
    filter:alpha(opacity=50);
    opacity:0.5;
    cursor:default !important;
}

.wui-left {
    float:left;
    margin-left:0;
}

.wui-right {
    float:right;
    margin-right:0;
}

/* Separator */
.wui-break {
    margin-top:10px;
}

.wui-toolbar li.wui-separator {
    border-left:1px dotted #eee;
    float:left;
    height:19px;
    list-style:none;
    margin:7px 7px 0 10px;
}

.wui-menu li.wui-separator {
    border-top:1px dashed #eee;
    list-style:none;
    margin:5px 10px;
}


/* Buttons */
.wui-button {
    border:1px solid #eee;
    cursor:pointer;
    color:#aaa;
    float:left;
    margin:0 10px 0 0;
    padding:2px 5px;
}

.wui-button.wui-hover {
    background-color:#eee;
    color:#488eb0;
}

.wui-button .wui-icon {
    display:block;
    float:left;
    margin-right:5px;
}

.wui-button-confirm {
    color:#488eb0;
}

.wui-button-simple {
    border:none;
    color:#488eb0;
    padding:0;
}

.wui-button-simple.wui-hover {
    background-color:inherit;
    text-decoration:underline;
}

.wui-button.wui-right {
    float:right;
    margin-right:0;
}

/* Menus & Menu items*/
.wui-menu {
    background-color:#fff;
    background-image:url('/media/edit/default/img/ui/shadow.png');
    background-position:bottom left;
    background-repeat:repeat-x;
    height:32px;
    margin:0;
    padding:0 15px 5px 15px;
    width:100%;
    position:absolute;
    left:0;
    top:0;
}

.wui-menu .wui-menu {
    background-image:none;
    padding:0 15px;
}

.wui-menu .wui-menu-item {
    color:#aaa;
    cursor:pointer;
    float:left;
    font-size:14px;
    list-style:none;
    margin:0;
    padding:7px 15px;
    position:relative;
}

.wui-menu .wui-menu-item.wui-hover {
    color:#488eb0;
    background-color:#eee;
}

.wui-menu .wui-menu {
    position:absolute;
    left:0;
    top:32px;
    background-color:#fff;
    border:1px solid #eee;
    height:auto;
    margin:0;
    padding:0;
    width:180px;
}

.wui-menu .wui-menu .wui-menu-item {
    border:none;
    float:none;
    list-style:none;
}

/* Toolbars & Toolbar items*/
.wui-toolbar {
    background-color:#fff;
    border-bottom:1px solid #eee;
    height:32px;
    left:0;
    margin:0;
    padding:0 0 0 15px;
    position:absolute;
    top:6px;
    width:100%;  
}

.wui-toolbar .wui-select {
    background-color:#fff;
    border:1px solid #eee;
    float:left;
    font-size:10px;
    line-height:17px;
    margin:6px 0 0 3px;
    max-height:150px;
    overflow:auto;
    padding:2px 3px;
}

.wui-toolbar .wui-select.collapsed {
    height:16px;
    overflow:hidden;
}

.wui-toolbar .wui-option {
    cursor:pointer;
    padding:3px 20px 3px 2px;
}

.wui-toolbar .wui-value-option {
    background-image:url('/media/edit/default/img/ui/order-asc.png');
    background-position:center right;
    background-repeat:no-repeat;
    padding:0 20px 0 2px;
}

.wui-toolbar .wui-option.wui-hover {
    background-color:#e6eef6;
}

.wui-toolbar-tab {
    background-color:#fff;
    border:1px solid #eee;
    border-top:1px dotted #eee;
    color:#488eb0;
    cursor:pointer;
    font-size:14px;
    list-style-type:none;
    position:absolute;
    left:15px;
    top:32px;
    padding:7px 15px;
}

.wui-toolbar-tab .wui-icon {
    display:block;
    float:left;
    margin-right:5px;
}

.wui-toolbar-button {
    border:1px solid #eee;
    cursor:pointer;
    float:left;
    font-size:10px;
    height:16px;
    margin:6px 0 0 3px;
    overflow:hidden;
    padding:2px 3px;
}

.wui-toolbar-button.wui-hover {
    border:1px solid #cacad8;
}

.wui-toolbar-button.wui-toggled {
    background-color:#f2f2f2;
}

.wui-toolbar-button.wui-active {
    border:1px solid #6b6b70;
    padding-bottom:1px;
    padding-top:3px;
}

.wui-toolbar-button img {
    vertical-align:middle;
}

.wui-toolbar-button .wui-label {
    color:#484848;
    left:5px;
    margin-right:5px;
    position:relative;
}

/* Breadcrumbs */
.wui-breadcrumb-path {
    padding:15px 1px 0 1px;
}

.wui-breadcrumb-path li {
    float:left;
    font-size:11px;
    list-style-type:none;
    margin:0 9px 0 0;
}

.wui-breadcrumb-path .wui-title {
    color:#aaa;
    font-weight:bold;
}

.wui-breadcrumb {
    background-image:url('/media/edit/default/img/ui/breadcrumb.png');
    background-position:center left;
    background-repeat:no-repeat;
    padding:0 0 0 15px;
}


/* Views */
.wui-view {
    background-color:#fff;
    margin:10px 0;
    padding:10px;
    position:fixed;
    overflow:auto;
}

h2.wui-title, h3.wui-title {
    border-bottom:1px solid #eee;
    color:#484848;
    font-family:arial;
    font-size:15px;
    font-variant:normal;
    font-weight:bold;
    margin:0 0 5px 0;
    padding:0 0 5px 0;
}

h2.wui-title .wui-icon, h3.wui-title .wui-icon {
    display:block;
    float:left;
    margin-right:5px;
}


h3.wui-title {
    font-size:14px;
    margin:15px 0 5px 0;
}

.wui-view div.wui-area {
    border:1px solid #eee;
    margin-top:10px;
    overflow:auto;
    padding:10px;
}

.wui-view div.wui-area-double {
    border:1px solid #eee;
    margin:10px 0;
    overflow:auto;
    padding:10px;
}

.wui-view .wui-close {
    background-image:url('/media/edit/default/img/ui/close.png');
    background-position:center right;
    background-repeat:no-repeat;
    color:#488eb0;
    cursor:pointer;
    font-size:11px;
    padding-right:10px;
    height:19px;
    position:absolute;
    right:10px;
    top:10px;
}

.wui-view .wui-close:hover {
    text-decoration:underline;
}


/* Pagination */
.wui-widget .pagination-page {
    margin-top:15px;
}

.wui-widget .pagination-filter-control {
    background-color:#eee;
    border-bottom:1px dotted #ccc;
    position:relative;
    margin:0;
    padding:0;
}

.wui-widget .pagination-filter-control fieldset {
    padding:5px;
}

.wui-widget .pagination-filter-control legend {
    display:none;
}

.wui-widget .pagination-filter-control label {
    display:none;
    font-style:italic;
}

.wui-widget .pagination-filter-control label.pagination-filter-visible-label {
    display:inline;
}

.wui-widget .pagination-filter-control input, .wui-widget .pagination-filter-control select {
    margin-right:10px;
}

.wui-widget .pagination-filter-text {
    width:150px;
}

.wui-widget .pagination-filter-hint {
    color:#aaa;
    font-style:italic;
}

.wui-widget .pagination-filter-option {
    color:#414143;
    font-style:normal;
}

.wui-widget .pagination-no-rows {
    color:#aaa;
    display:block;
    font-style:italic;
    margin-top:-10px;
}

.wui-widget .pagination-no-rows.pagination-has-filter {
    margin-top: 5px;
}

.wui-widget .pagination-nav {
    font-size:11px;
    margin-top:5px;
    padding:0;
    position:relative;
}

.wui-widget .pagination-page-controls {
    margin:0;
    padding:0;
    position:absolute;
    right:0;
    top:0;
}

.wui-widget .pagination-page-controls li {
    background-repeat:no-repeat;
    float:left;
    height:19px;
    list-style-type:none;
    margin-left:10px;
}

.wui-widget .pagination-page-controls .next-page {
    background-image:url('/media/edit/default/img/ui/right.png');
    background-position:center right;
    padding-right:10px;
}

.wui-widget .pagination-page-controls .previous-page {
    background-image:url('/media/edit/default/img/ui/left.png');
    background-position:center left;
    padding-left:10px;
}

.wui-widget .pagination-page table {
    border:1px solid #eee;
    margin-top:5px;
    padding:5px 5px 10px 5px;
    width:100%;
}

.wui-widget .pagination-page th {
    border-bottom:1px solid #eee;
    padding:5px 5px 5px;
}

.wui-widget th.pagination-no-order, .wui-widget th.pagination-order-asc, .wui-widget th.pagination-order-desc {
    background-position:center right;
    background-repeat:no-repeat;
    cursor:pointer;
}

.wui-widget th.pagination-no-order {background-image:url('/media/edit/default/img/ui/no-order.png');}
.wui-widget th.pagination-order-asc {background-image:url('/media/edit/default/img/ui/order-asc.png');}
.wui-widget th.pagination-order-desc {background-image:url('/media/edit/default/img/ui/order-desc.png');}

.wui-widget .pagination-page td {
    cursor:pointer;
    padding:5px;
}

.wui-widget .pagination-stripe {
    background-color:#eee;
}

.wui-widget .pagination-gallery {
    margin:0;
    overflow:auto;
    padding:0;
}

.wui-widget .pagination-gallery li {
    cursor:pointer;
    float:left;
    height:145px;
    list-style-type:none;
    margin:10px 0 0 0;
    overflow:hidden;
    padding:0;
    width:140px;
}

.wui-widget .pagination-thumbnail {
    background-position:center center;
    background-repeat:no-repeat;
    border:1px solid #eee;
    height:104px;
    margin:0 auto;
    width:104px;
}

.wui-widget .pagination-thumbnail img {
    display:none;
}

.wui-widget .pagination-title {
    border-top:2px solid #ccc;
    font-size:12px;
    text-align:center;
    margin:auto;
    padding-top:3px;
    width:104px;
}

/* Home page */
.homepage {
    background-image:url('/media/edit/default/img/icon/page-home.png');
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:21px;
}

/* Media types */
.media-type {
    background-image:url('/media/edit/default/img/media-type/default.png');
    background-position:center left;
    background-repeat:no-repeat;
    padding-left:21px;
}

.media-type.application-vnd-ms-excel {background-image:url('/media/edit/default/img/media-type/excel.png');}
.media-type.image-bmp, .media-type.image-gif, .media-type.image-jpeg, .media-type.image-png, .media-type.image-tiff {background-image:url('/media/edit/default/img/media-type/image.png');}
.media-type.application-pdf {background-image:url('/media/edit/default/img/media-type/pdf.png');}
.media-type.application-vnd-ms-powerpoint {background-image:url('/media/edit/default/img/media-type/power-point.png');}
.media-type.text-plain {background-image:url('/media/edit/default/img/media-type/txt.png');}
.media-type.application-msword {background-image:url('/media/edit/default/img/media-type/word.png');}
.media-type.application-x-gzip, .media-type.application-zip {background-image:url('/media/edit/default/img/media-type/zip.png');}

/* Forms */
.wui-widget .puesdo-link:hover {
    color:#488eb0;
    cursor:pointer;
    text-decoration:underline;
}

.wui-widget form {
    border-collapse:collapse;
}

.wui-widget fieldset {
    border:1px solid #eee;
    padding:0 10px 10px 10px;
}

.wui-widget fieldset.no-legend {
    margin-top:10px;
    padding:10px;
}

.wui-widget legend {
    color:#414143;
    font-size:14px;
    font-weight:bold;
    padding:10px;
}

.wui-widget .form-row {
    clear:both;
    padding:5px;
    min-height:25px;
}

.wui-widget .form-row label {
    display:block;
    float:left;
    width:100px;
}

.wui-widget .form-row select {min-width:260px;}

.wui-widget .form-row.form-note {
    background-color:#ffffc9;
    border:1px solid #f0c493;
    margin-bottom:10px;
    min-height:1em;
}

.wui-widget .form-many-inputs {
    overflow:auto;
}

.wui-widget .form-single-input {
    margin-bottom:10px;
}

.wui-widget .form-single-input label {
    display:inline;
    float:none;
    margin-left:10px;
    width:auto;
}

.wui-widget .form-single-input input {
    display:inline;
}

.wui-widget .form-short input  {width:150px;}
.wui-widget .form-medium input  {width:250px;}
.wui-widget .form-long input  {
    clear:both;
    margin:10px 0 5px 0;
    width:100%;
}

.wui-widget .form-long .form-optional  {
    margin-left:0;
}

.wui-widget select.wui-day {
    margin-right:10px;
    min-width:60px;
}

.wui-widget select.wui-month {
    min-width:100px;
}

.wui-widget select.wui-year {
    margin-left:10px;
    min-width:80px;
}

.wui-widget .form-row .form-display {
    cursor:pointer;
    display:block;
    overflow:auto;
}

.wui-widget .form-row.textarea-field .form-optional {
    margin-left:100px;
}

.wui-widget .form-row.image-upload-field .form-display {
    display:inline;
    line-height:0;
}

.wui-widget .form-row.image-upload-field .form-display:hover {
    background-color:inherit;
}

.wui-widget .form-row.image-upload-field .form-display img {
    display:inline;
}

.wui-widget .form-row .form-display:hover {
    background-color:#dae8ef;
}

.wui-widget .form-locked .form-row .form-display {
    cursor:auto;
}

.wui-widget .form-locked .form-row .form-display:hover {
    background-color:inherit;
}

.wui-widget .form-optional, .wui-widget .form-empty, .wui-widget .form-hint {
    color:#aaa;
    font-style:italic;
    margin-left:10px;
}

.wui-widget .file-upload-field .form-empty, .wui-widget .image-upload-field .form-empty {
    margin-left:0;;
}

.wui-widget .form-single-input .form-optional {
    margin-left:0;
}

.wui-widget .file-upload-field .form-single-input .form-optional, .wui-widget .image-upload-field .form-single-input .form-optional {
    margin-left:10px;
}

.wui-widget .form-error {
    background-image:url('/media/edit/default/img/ui/error-marker.png');
    background-position:center left;
    background-repeat:no-repeat;
    color:red;
    font-style:italic;
    margin-bottom:5px;
    padding:4px 4px 4px 18px;
}

.wui-widget ul.form-confirm-change, .wui-widget ul.form-upload-options{
    margin:0;
    padding:0;
}

.wui-widget ul.form-confirm-change li, .wui-widget ul.form-upload-options li {
    border:1px solid #eee;
    color:#aaa;
    cursor:pointer;
    float:left;
    list-style-type:none;
    margin:0 10px 0 0;
    padding:2px 5px;
}

.wui-widget ul.form-confirm-change li:hover, .wui-widget ul.form-upload-options li:hover {
    background-color:#eee;
    color:#488eb0;
}

.wui-widget .form-confirm {
    color:#488eb0 !important;
}

.wui-widget textarea {
    width:530px;
}

.wui-widget textarea.format-clearsilver {
    font-family:monospace;
    height:18.5em;
}

.wui-widget textarea.format-css {
    font-family:monospace;
    height:7.5em;
}

.wui-widget div.format-clearsilver, .wui-widget div.format-css {
    background-color:#fff;
    border:1px solid #eee;
    font-family:monospace;
    margin:0;
    overflow:auto;
    padding:0;
    position:relative;
    white-space:pre-wrap;
}

.wui-widget .format-clearsilver .line-number, .wui-widget .format-css .line-number {
    background-color:#f8f8f8;
    color:#aaa;
    display:block;
    font-style:italic;
    left:0;
    padding-right:5px;
    position:absolute;
    text-align:right;
    width:30px;
}

.wui-widget .format-clearsilver .line-content, .wui-widget .format-css .line-content {
    border-left:1px solid #eee;
    color:#aaa;
    display:block;
    margin-left:35px;
    padding-left:10px;
}

.wui-widget .format-clearsilver .cs-tag {
    color:#5a8c39;
}

.wui-widget .format-clearsilver .html-tag {
    color:#8ccd61;
}

.wui-widget .format-css .property {
    color:#5a8c39;
}

.wui-widget .format-css .property-value {
    color:#8ccd61;
}

/* Default editor CSS */
li.p-format, li.h1-format, li.h2-format, li.h3-format { 
    color:#323232;
    font:13px 'arial';
    white-space: nowrap;
}
li.h1-format { font-size:36px; }
li.h2-format { font-size:24px; }
li.h3-format { font-size:18px; }