ajaxplorer.css

table.sort-table tr:nth-child(even)
{
    background-color: #f9f9f9;
}

*{
    font-family: "Open sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: lighter;
}

*:focus{
    outline: none;
}

.soft_css_gradient, .menu.bookmarksMenu{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
}

.grey_gradient_emboss,.selected{
    background: #CCC !important;
}

div.selected-webfx-tree-item-inactive{
    background: #666 !important; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */ /* IE6-9 */ /* W3C */
}

.blue_gradient,div.selected-webfx-tree-item, .selected-focus{
    background: #fb725c !important; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */ /* IE6-9 */ /* W3C */
}

.grey_gradient_light_inputs, .dialogContent input, .dialogContent input[type="text"], .dialogContent input[type="password"], .dialogContent select, #search_txt, #location_form,#treeCopy
{
    background: rgb(243,243,243); /* Old browsers */
    background: rgb(243,243,243); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}

.colorcode-alert{
    color: #F5C781;
}

.colorcode-shared{
    color: #4Aceb0;
}

.colorcode-bookmark{
    color: #77b8e2;
}

.colorcode-folder{
    color: #fb725c;
}

/*
MAJOR STYLES
*/
a:link, a:visited, a:hover, a:active, a:focus {
    text-decoration: none;
    outline: 0;
    color: #333;
}

.linked{
    cursor: pointer;
}

body, html
{
    margin: 0;
    padding: 0;
}

input, textarea, select
{
    margin-top: 1px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #aaa;
    font-size: 13px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

textarea{
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    background-color: #fff;
}

.titre {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;
    width: 100%;
    text-align: left;
}

.titre input, .backImage{
    margin-top: 0;
    margin-left: 0;
    padding: 2px;
    border: 1px solid #5E7C90;
}

kbd {
    padding: .1em .6em;
    border: 1px solid #ccc;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #f7f7f7;
    color: #333;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    border-radius: 3px;
    display: inline-block;
    margin: 0 .1em;
    text-shadow: 0 1px 0 #fff;
    line-height: 1.4;
    white-space: nowrap;
}

.tooltipped
{
    background-color: #ffffc0;
}
.resizableHandle{
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url('../images/resize_handle.png');
    opacity: 0.5;
    cursor: nwse-resize;
}

#sidebar_rootdir_td
{
    height: 17px;
    vertical-align: top;
}

#sidebar_tree_td
{
    vertical-align: top;
}

#sidebar_searchform_td
{
    vertical-align: bottom;
    height: 20px;
}

.thumbnail_selectable_cell
{
    width: 110px;
    height: 100px;
    float: left;
    text-align: center;
    margin: 4px;
    background-color: rgb(250, 250, 250);
    -moz-border-radius : 2px;
    border-radius: 2px;
    padding: 4px 6px;
    color: rgb(111, 121, 131);
}

.thumbnail_selectable_cell.detailed {;
    margin: 0px 0px !important;
    margin-bottom: 2px;
    background-color: #ffffff;
    width: 100%;
    display: block;;
    height: auto;

    border-radius: 0;
    padding: 6px 4px;
}

.thumbnail_selectable_cell.detailed:hover{
    background-color: #f7f7f7;
}

.thumbnail_selectable_cell.detailed:last-child{
    border-bottom: 0;
}

.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell{

    margin-right: 11px;
    background-color: transparent;

}

.thumbnail_selectable_cell.detailed div.thumbLabel{

    font-size: 15px;
    text-align: left;
    padding-top: 9px;
    padding-bottom: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
}

.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{

    text-align: left;
    padding-top: 0;
    font-size: 11px;
    white-space: nowrap;
    margin-top: 1px;
    opacity: 0.9;
}

.thumbnail_selectable_cell.detailed.metadata_empty div.thumbLabel{
    padding-top:18px;
}

div.thumbnail_cell_metadata span.metadata_chunk span.text_label{
    margin-left: 0;
    display:inline;
}

div.thumbnail_cell_metadata span.metadata_chunk{
    display: inline;
    margin-right: 5px;
}

.selectable_div.detailed{
    padding: 0 !important;
    overflow: hidden !important;
}

.thumbnail_iconlike_shadow{
    border: 1px solid white;
    /*
    -webkit-box-shadow: 0 0 5px #5C5C5C;
    -moz-box-shadow: 0 0 5px #5C5C5C;
    box-shadow: 0 0 5px #5C5C5C;
    */
}

.selectable_div div.selected{
    /*
	-webkit-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);
	-moz-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);
	box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);*/
}
.selectable_div div.selected-focus{
    /*
	-webkit-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);
	-moz-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);
	box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);*/
}

.thumbLabel
{
    /*overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.img_cont
{
    width: 64px;
    height: 64px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.text_label{
    display:block;
    /*float:left;*/
    overflow:hidden;
    padding-left: 6px;
    padding-top: 4px;
    height: 18px;
    line-height: 17px;
    white-space : nowrap;
    color: #999;
    text-overflow: ellipsis;
}

.text_label.full{
    height: auto;
    white-space: normal;
}

.list_selectable_span img {
    float: left;
}

.table_rows_container span.list_selectable_span span.text_label{
    font-size: 12px;
    padding-left: 27px !important;
    background-position: 5px 4px;
    color: rgb(80, 82, 83);
    letter-spacing: 1px;
}

.overlay_icon_div{
    position: absolute;
    background: none !important;
    height: 12px !important;
    bottom: 0 !important;
    width: auto !important;
    top: 9px !important;
    right: 10px !important;
    font-size: 11px;
}

.thumbnail_selectable_cell > div > div.overlay_icon_div{
    top: 24px !important;
    right: 21px !important;
    font-size: 16px;
    transition: top 0.6s ease;
}

div.class-FetchedResultPane div.overlay_icon_div {
    top: 16px!important;
    font-size: 13px;
}

span.overlay-class-span{
    color: rgb(111,123,136);
    margin-left: 5px;
    padding: 0 !important;
    margin-top: 0 !important;
}

.selected span.overlay-class-span,
.selected-webfx-tree-item span.overlay-class-span
{
    color: white;
}

.overlay_icon_div span.overlay-class-span{
    margin-left: 7px;
}

.webfx-tree-item span.overlay-class-span{

}

/*
DIALOG BOXES
*/
/*#upload_form, #createdir_form, #createfile_form, #rename_div*/
#all_forms
{
    background-color: #eee;
}
#all_forms div{display:none;}
#all_forms form{display:inline;}

#all_forms div div,
#all_forms div.shadow_class
{display:block;}

div.shadow_class
{
    -moz-border-radius:5px;
    border-radius:5px;
}


.dialogBox, .editBox
{
    display: none;
    position: absolute;
    top: 30%;
    left: 30%;
    z-index: 1002;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 0;
    -moz-border-radius:5px;
    border-radius: 3px;
}

.editBox
{
    top:5%;
    left:5%;
    padding: 0;
    margin: 0;
}

.dialogTitle
{
    cursor:move;
    font-size: 13px !important;
}

.dialogTitle span.ajxp_icon_span,
.dialogTitle span#modalCloseBtn
{
    display: inline-block;
    font-size: 15px;
    padding-right: 8px;
    padding-top: 2px;
}

.dialogTitle span#modalCloseBtn{
    font-size: 13px;
    margin-top:2px
}


.dialogContent
{
    background-color: #fff;
    padding: 10px 10px;
    border: 1px solid #dddddd;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background-image: url('../images/grid_tl.png');
    border-top: 0;
    color: #5C5C5C;
}

.dialogContent input,
.dialogContent input[type="text"],
.dialogContent input[type="password"],
.dialogContent select,
#search_txt
{
    margin-left: 0;
    width: 174px;
    border: 1px solid #aaa;
    background-repeat: no-repeat;
    background-position: top left;
    height: 20px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

}

.dialogContent select{
    height: 22px;
}

.dialogContent select[multiple]{
    height: 66px;
}

.dialogContent input:focus,
.dialogContent input[type="text"]:focus,
.dialogContent input[type="password"]:focus,
.dialogContent select:focus
{
    background: white;
    border: 1px solid #77b8e2;
}

.dialogContent input:disabled,
.dialogContent input[type="text"]:disabled,
.dialogContent input[type="password"]:disabled,
.dialogContent option:disabled
.dialogContent textarea:disabled
{
    background: #eee;
}

.dialogContent input[type="checkbox"],
.dialogContent input[type="radio"]
{
    height: auto;
    width: auto;
    border-radius : 0;
    border:none;
    filter: none;
    background: none;
    margin-right: 0;
}

label{
    margin-right: 8px;
}

.checkbox_left {
    float: left;
    clear: left;
    margin: 0 4px 5px 0 !important;
}

label.checkbox_label_left{
    float: left;
    display: inline-block;
}

.dialogLegend
{
    color: #5C5C5C;
    padding-bottom: 5px;
    line-height: 16px;
}

.dialogButtons
{
    text-align: right;
    clear:both;
}

.dialogButtons input,
fieldSet input.dialogButton
{
    margin-left: 6px;
    width: 22px;
    height: 22px;
    padding: 2px;
    background-image: none;
    background-color: #eee;
    border-radius: 2px;
    -moz-border-radius: 3px;
    box-shadow: inset 1px 1px 1px white;
}

.dialogButtons.inlineEdition input
{
    margin-left: 6px;
    width: 22px;
    height: 22px;
    padding: 0;
    box-shadow: none;
}

.dialogButtonsCheckbox{

    float: left;
    margin-top: 9px;

}

span.ajxp-caret-up{
    position: absolute;
    top: -21px;
    left: 118px;
    font-size: 30px;
    color: #5C5C5C;
}

.dialogButtonsCheckbox label{
    cursor: pointer;
}

.editContent, .editContent div
{
    background-color: #fff;
}

.editContent textarea, textarea#myCode, .editContent iframe
{
    border: 0;
    border-left:1px solid #5E7C90;
    padding: 0;
    margin: 0;
}

#activity_monitor_warning{
    position:absolute;
    left:35%;
    width:20%;
    top:30%;
    text-align:center;
    font-size: 16px;
    color: #5E7C90;
    font-weight:bold;
    cursor: pointer;
}

#activity_monitor_warning span.click_anywhere{
    font-size: 12px;
    color: #676965;
    display:block;
    padding-top:15px;
    font-weight:normal;
}

#activity_monitor_warning span.warning_timer{
    color: #0077b3;
}

textarea#myCode
{
    border: 1px solid #5C5C5C;
    border-right-color: #ccc;
    border-left-color: #ccc;
}

.dialogContent form, .editContent form
{
    display: inline;
    margin: 0;
}

.dialogButton
{
    border-bottom: 1px solid buttonshadow;
    border-right: 1px solid buttonshadow;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 1px 8px;
    margin-top: 5px;
}

.largeButton,
.SF_input.SF_inlineButton
{
    display: inline-block;
    font-size: 11px;
    padding: 9px 0 !important;
    text-align: center;
    overflow: visible;
    color: #fff;
    outline: none;
    border-radius: 2px;
    margin-left: 12px;
    background: #4dc5c3;
    letter-spacing: 1px;
    float: left;
    cursor: pointer;
}

.largeButton img{
    width:16px;
    height:16px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
    margin-top: 3px;
}

.dialogArrow
{
    font-weight: bold;
    font-size: 16px;
}

#fancyframe
{
    border: 0;
    width: 410px;
    height: 385px;
}

#flashframe
{
    border: 0;
    width: 450px;
    height: 300px;
    overflow:hidden;
    margin-top: -9px;
}

/********************/
/* MESSAGE BOX      */
/********************/
#message_div
{
    position: absolute;
    z-index: 1500;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 3px 3px 11px rgba(0,0,0,0.25);
}
#message_content
{
    font-size: 13px;
    margin: 8px;
    overflow-y: auto;
    max-height: 120px;
    letter-spacing: 0;
}

.errorMessage
{
    background-color: #960000;
    cursor: pointer;
    filter:alpha(opacity=90);
    opacity: 0.90;
    -moz-opacity:0.90;
}

.logMessage
{
    background-color: #009600;
    filter:alpha(opacity=90);
    opacity: 0.90;
    -moz-opacity:0.90;
}

html.boxshadow div.logMessage{
    border: 1px solid #009600;
    color: #009600 !important;
    background-color: rgb(173, 224, 173);
}

html.boxshadow div.errorMessage{
    border: 1px solid #960001;
    color: #960000 !important;
    background-color: rgb(241, 174, 174);
}


.simple_tooltip_observer {
    cursor: help;
}

.simple_tooltip_observer_active{
    /*text-decoration: underline;*/
}

.simple_tooltip_title{
    padding-top: 2px;
    padding-bottom: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
}
.simple_tooltip
{
    position: absolute;
    width: 150px;
    z-index: 10000;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 5px 10px;
}

.down_arrow_tip,
.top_arrow_tip {
    background: rgba(69, 77, 85, 0.86);
    color: white;
    border: 0;
    border-radius: 2px;
}
.down_arrow_tip:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.down_arrow_tip:after {
    border-color: rgba(69, 77, 85, 0);
    border-top-color: rgba(69, 77, 85, 0.86);
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.top_arrow_tip{
    width: 100px;
}
.top_arrow_tip:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.top_arrow_tip:after {
    border-color: rgba(111, 123, 136, 0);
    border-bottom-color:  rgb(111, 123, 136);
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.arrow_tip_arrow_left:after{
    left: 8%;
}

.right_arrow_tip {
    color: #ffffff;
    border-radius: 4px;
    background-color: rgba(69, 77, 85, 0.86);
    border: 0;
}
.right_arrow_tip:after, .right_arrow_tip:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.right_arrow_tip:after {
    border-color: rgba(69, 77, 85, 0);
    border-left-color: rgba(69, 77, 85, 0.86);
    border-width: 5px;
    top: 50%;
    margin-top: -5px;
}
.right_arrow_tip:before {
    border-color: rgba(69, 77, 85, 0);
    border-left-color: rgba(69, 77, 85, 0.86);
    border-width: 5px;
    top: 50%;
    margin-top: -5px;
}

.left_arrow_tip {
    color: #ffffff;
    border-radius: 4px;
    background-color: rgba(69, 77, 85, 0.86);
    border: 0;
}
.left_arrow_tip:after, .left_arrow_tip:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.left_arrow_tip:before {
    border-color: rgba(69, 77, 85, 0);
    border-right-color: rgba(69, 77, 85, 0.86);
    border-width: 5px;
    top: 50%;
    left:-10px;
    margin-top: -5px;
}

div.accordion_toggle,
div.dialogContentMainTitle{
    color: rgb(117, 128, 139);
    font-size: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(117, 128, 139);
    padding-bottom: 0;
}

div.accordion_toggle{
    cursor: pointer;
    background-image: url('../images/Tplus.png');
    background-repeat: no-repeat;
    background-position-x: -6px;
    background-position-y: -3px;
    padding-left: 15px;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 2px;
    border-bottom: 0;
}

div.accordion_content div.dialogLegend{
    text-align: justify;
    /*opacity: 0.7;*/
    color: rgb(117, 128, 139);
}

div.accordion_toggle_active{
    background-image: url('../images/Tminus.png');
}


div.accordion_content{
    overflow: hidden;
    padding: 5px;
}


div.oneFieldForm{
    margin-bottom: 13px;
    background-color: #EEEEEE;
    padding: 3px 6px;
    border-radius: 4px;
    margin-top: 10px;
}

div.oneFieldForm input.SF_input{
    background: white !important;
}

/********************/
/* PROGRESS BAR     */
/********************/
.pg_cancel_button{
    background-color: #C33;
    display: inline-block;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor: pointer;
    float: right;
    margin-right: 8px;
    font-weight: bold;
    color: white !important;
    height: 12px;
    width: 8px;
    padding-left: 4px;
    line-height: 13px;
    font-size: 7px;
    margin-top: 2px;
}

/*************************/
/* SF like "Standard Form" DATA : try to make a "standard"...
/*************************/
div.SF_element{
    padding-top: 5px;
    clear:left;
}

div.SF_disabled{
    color: #ccc;
    font-style:italic;
}

div.SF_label{
    float: left;
    width: 39%;
    text-align: right;
    padding-right:1%;
    padding-left:0;
    padding-top: 5px;
    padding-bottom: 8px;
    line-height: 18px;
    font-size: 12px;
    /*white-space: nowrap; /* css-3 */
    /*word-wrap: no break-word; /* Internet Explorer 5.5+ */
}

input.SF_fieldCheckBox{
    margin-top: 7px !important;
}

.no-flexbox div.SF_label{
    padding-right:3px !important;
}

.SF_input{
    float:left;
    padding: 2px 3px !important;
    width: 54% !important;
    _width:54% !important; /*IE*/
}

div.SF_element.SF_largeLabel > div.SF_label{
    width: 56% !important;
    _width:54% !important; /*IE*/
}

div.SF_element.SF_largeLabel > .SF_input{
    width: 39% !important;
}

div.SF_element.SF_largeLabel > input.SF_input.SF_number,
input.SF_input.SF_number{
    width: 30px !important;
    text-align: right;
}

.SF_box{
    width: 20px !important;
}

.SF_fieldCheckBox{
    float:left;
    margin: 5px;
}

.SF_elementWithCheckbox > .SF_input{
    width: 50% !important;
    _width:46% !important; /*IE*/
}

.SF_inlineButton {
    margin: 3px 0 !important;
    padding: 4px !important;
    background-image: url('../images/grid_tl.png');
}

.SF_inlineMonitoring {
    padding: 7px 4px !important;
}
.SF_inlineMonitoring.SF_inlineMonitoringWorking:after{
    content: " [reloading]";
}

.SF_inlineButton span[class^="icon-"]{
    margin-right: 3px;
}

.SF_inlineButton.SF_inlineButtonWorking{
    box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.35);
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}

.SF_failed{
    border: 1px solid #D8B0B0 !important;
}

.SF_replicableGroup{
    background-color:#EEE;
    clear: both;
    position: relative;
    margin-bottom: 5px;
    border-radius: 5px;
}

.SF_replication_Add,
.SF_replication_Remove
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/0.gif');
    background-repeat: no-repeat;
    background-position: 5px 6px;
    position:absolute;
    bottom: 0;
    left: 0;
}

.SF_replication_Remove
{
    background-image: url('../images/1.gif');
    top: 0;
}

.SF_rgClear{
    clear:left;
    height: 3px;
}

.SF_image_block{
    max-width: 80px;
    float: left;
}

.SF_image.small{
    max-width: 80px;
    max-height: 80px;
}
.SF_image_link{
    display: inline-block;
    width: 80px;
    cursor: pointer;
    text-align: center;
}

.accordion_toggle_failed {
    background-color: #D8B0B0 !important;
}

.SF_horizontal_labelRow{
    clear: both;
}

.SF_horizontal_labelRow div.SF_label{
    float:left;
    text-align: left;
    padding: 0 5px 0 3px;
    margin-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.SF_horizontal_fieldsRow{
    clear: both;
}
.SF_horizontal_fieldsRow input{
    float: left;
    margin-right: 5px;
    font-size: 13px;
    padding: 3px 4px 3px 2px !important;
}

.SF_horizontal_fieldsRow input.SF_number{
    text-align: left;
}

.SF_horizontal_actions {
    float: left;
    padding: 5px 2px;
    font-size: 15px;
}

.SF_horizontal_pastilles{
    float: left;
    padding: 3px 2px;
    font-size: 11px;
}

.SF_horizontal_actions span{
    cursor: pointer;
    margin-right: 0;
}

.SF_horizontal_pastilles span{
    margin-right: 10px;
}

.SF_horizontal_action_destructive{
    color: #A00;
}

/****************
/* LOGIN BOX
/****************/
.captcha_container {
    text-align:center;
}
.captcha_container img{
    margin: 5 0 0 2px;
    border: 1px solid #ddd;
}

#login_form,
#login_form_dynamic
{
    margin: 0 53px;
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#login_form div.SF_label,
#login_form_dynamic div.SF_label{
    display: none;
}

#login_form.no_placeholder div.SF_label,
#login_form_dynamic.no_placeholder div.SF_label
{
    display: block;
    text-align: left;
    padding: 0 4px;
}

#login_form.no_placeholder div.SF_input,
#login_form_dynamic.no_placeholder div.SF_input
{
    clear: left;
}

#login_form div.SF_input > input,
#login_form_dynamic div.SF_input > input{
    width: 200px !important;
    padding: 4px !important;
    font-size: 17px;
}

.ajxp_login_error {
    margin-top: 10px;
    font-size: 14px !important;
    background-color: transparent !important;
    color: rgb(219, 0, 0) !important;
    border: 1px solid rgb(216, 0, 0);
    padding: 7px !important;
}

.ajxp_password_auth div.SF_element:first-of-type{
    display: none !important;
}

/********************************/
/*ACTION BARS AND MAIN LAYOUT   */
/********************************/
.centeredWidth{
}

#global_toolbar{
    background-color: #145170;
    height: 33px;
    padding: 18px 15px 10px 5px;
    background-image: url("../images/white_logo.png");
    background-repeat: no-repeat;
    background-position: 11px;
}

#top_toolbar{
    float:right;
}

#workspace_toolbar{
    padding: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    height: 62px;
}

#topPane{
    float:left;
    width:280px;
    background-color: #333;
}

#cpane_container{
    float: left;
}

#simple_repository_label{
    float: left;
    width: 23%;
    padding: 0 0 0 17px;
    height: 53px;
    font-size: 25px;
    color: rgb(111, 121, 131);
}

#simple_repository_label div.repository_title{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#simple_repository_label div.repository_legend {
    display:none;
}

#toolbars
{
}

.toolbars_separator
{
    border-bottom: 1px solid #fff;
    border-top: 1px solid buttonshadow;
}

.toolbar_title{
    font-size:15px;
    font-weight:bold;
    color: #ddd;
}

.actionbar_button_label u {
    text-decoration: none;
}

div#navigation_toolbar {
    padding: 0 6px;
}

#tree_container{
}

.panelHeader, .dialogTitle{
    border: none;
    vertical-align: middle;
    background-color: transparent;
    letter-spacing: 1px; /* Old browsers */   /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */; /* Old browsers */   /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */;
}


.dialogTitle{
    /*
    border-radius: 2px 2px 0 0;
    background-color: #4dc5c3;
    border-bottom: 1px solid rgb(67, 156, 155);
    */
    border-radius: 2px 2px 0 0;
    background-color: #145170;
    border-bottom: 0px solid #b5b5b5;
    color: #fff;
    padding: 9px 4px 9px 10px;
    font-weight: normal;
}

#sidebar_splitter div.panelHeader,
#search_panel div.panelHeader{
    color: #555;
    padding: 8px;
}

#search_panel div.panelHeader{
    cursor: move;
}

.action_bar
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    padding: 0;
    line-height: 15px;
}
.action_bar.editor_action_bar {
    height: 37px;
    background-color: #ddd;
    right: 29px;
    position: absolute;
    z-index: 10;
}

#codemirror_box div.action_bar.editor_action_bar {
    right: 0;
    padding: 4px;
}

.action_bar.editor_action_bar div.separator{
    display: none;
}

span[message_id="Text Search"] {
    display: none;
}

div.editor_header{
    height: auto;
}

div.editor_header > div.editor_action_bar {
    position: absolute;
    right: 20px;
    padding-right: 8px;
    background: none;
    padding-top: 15px;
    height: 42px;
    padding-left: 10px;
}

.ajxp_theme_orbit div.editor_header > div.editor_action_bar{
    border-bottom:0;
}


div.editor_header > div.editor_action_bar > div.separator{
    display: none !important;
}

.editor_action_bar a {
    padding: 3px 5px !important;
}

.editor_action_bar span.actionbar_button_label {
    font-size: 11px !important;
    font-weight: bold;
}

div.editor_header > span.header_label{
    color: rgb(111, 123, 136);
    font-size: 24px;
    width: 100%;
    padding: 15px 0 0 62px;
    display: inline-block;
    background-image: url('../images/mimes/64/user-acl.png');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 14px 9px;
    text-shadow: 1px 1px 5px black;
    overflow: visible;
}

.ajxp_theme_orbit div.editor_header > span.header_label{
    text-shadow: none;
}

.action_bar.text_only{
    line-height: 16px;
    height:38px;
}

.action_bar.icons_only{
    height:40px;
    line-height: 0;
}

.action_bar
{
    overflow:hidden;
}

.action_bar.floatingBar{
    position: absolute;
    border-radius: 20px;
    padding-right: 10px;
    padding-left: 10px;
    cursor: move;
    opacity: 0.90;
    background-color: rgb(138, 149, 160);
}

.action_bar span.actionbar_button_label {
    cursor: pointer;
    display: inline-block;
    padding: 4px 3px 3px;
    font-size: 12px;
}

div.action_bar.icons_only  span.actionbar_button_label{
    display: none;
}

div.action_bar.text_only  span.actionbar_button_label{
    font-size: 11px;
}

.action_bar div.actionbar_arrow_div{
    position: absolute;
    top: 10px;
    right: -3px;
}
.action_bar.icons_only div.actionbar_arrow_div{
    position: absolute;
    top: 23px;
    right: 6px;
}
.action_bar.icons_only div.actionbar_arrow_div img{
    height: 6px;
    width: 10px;
}

#buttons_bar,
#buttons_bar_top
{
    padding-left: 0;
    padding-top: 3px;
    overflow:hidden;
}

.action_bar a
{
    display: inline-block;
    font-size: 11px;
    padding: 5px 10px 7px 9px;
    text-align: center;
    overflow: visible;
    color: #fff;
    outline: none;
    border-radius: 2px;
    margin: 5px 2px 0 1px;
    background: #4dc5c3; /* Old browsers */   /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */;
    letter-spacing: 1px;
    float: left;
}

.action_bar.icons_only a{
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 0;
    float: left;
    background-color: transparent;
    font-size: 1.5em;
    display: inline-block;
    cursor: pointer;
    margin-left: 0;
}

.action_bar.text_only a{
    padding-bottom: 3px;
    padding-top: 2px;
    margin-top: 5px;
}

.action_bar span.ajxp_icon_span {
    font-size: 1.2em;
    float: left;
    padding-top: 6px;
    padding-right: 2px;
}

.action_bar a.menuAnchorSelected,
.action_bar a:hover
{
}

.action_bar.text_only a.menuAnchorSelected,
.action_bar.text_only a:hover{
    margin-top: 4px;
}


.action_bar a.menuAnchorSelected{
    /* border-radius: 3px 3px 0 0;*/
}

.action_bar a img
{
    margin: 2px 5px 2px 0;
    display: none;
}

div.action_bar.icons_only img.actionbar_button_icon{
    height: 22px;
    width: 22px;
    display: none;
}

div.action_bar.icon_text img.actionbar_button_icon{
    height: 12px;
    width: 12px;
    float: left;
}

div.action_bar.text_only a img{
    display: none;
}

.action_bar a.separator,
div.separator
{
    border-left: 1px solid #CCC;
    border-right: 1px solid white;
    display: block;
    float: left;
    font-size: 10px;
    height: 100%;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0;
    text-align: center;
    width: 0;
}

a.carousel-control{
    border-left:1px solid #c4c7c1;
    border-right:1px solid #c4c7c1;
    border-bottom:1px solid #c4c7c1;
    display:block;
    float:left;
    font-size:10px;
    height:51px;
    padding-top:0;
    text-align:center;
    width:8px!important;
    margin: 0 !important;
    cursor:pointer;
    background-color: #fff;
}

.FL-inlineToolbar {
    text-align: left;
}

div.FL-inlineToolbar.FL-inlineToolbarUnique{
    display: none;
}
div.selected div.FL-inlineToolbar.FL-inlineToolbarUnique {
    display: block;
}

tr.selected div.FL-inlineToolbar.FL-inlineToolbarUnique,
tr div.FL-inlineToolbar.FL-inlineToolbarMultiple {
    display: inline-block;
    position: absolute;
    top:0;
}

div.FL-inlineToolbar a {
    margin: 0 5px;
}

div.FL-inlineToolbar a span.actionbar_button_label {
    margin-left: 5px;
}

.selected div.FL-inlineToolbar a {
    color: white;

}

/* inline bar in detailed mode */
div.detailed div.FL-inlineToolbar a span.actionbar_button_label{
    display: inline-block !important;
}

div.detailed div.FL-inlineToolbar {
    margin-left: 50px;
    margin-top: 2px;
}

div.detailed div.FL-inlineToolbar div.toolbarGroup {
    min-width: 400px;
}


a.carousel-disabled{
    background-color: transparent;
}

a.carousel-control img{
    /*margin-top:20px !important;*/
}

#content_pane{
    background-color: #fff;
}

#content_pane div.panelHeader,
#search_results div.panelHeader,
div.class-FetchedResultPane > div.panelHeader
{
    display: none;
}

#topPane, #bottomSplitPane{
    border: 0 !important;
}

#navigation_pane,#notif_pane{
    background-color: #333;
    overflow: auto;
}

#notif_pane div.thumbLabel small {
    font-style: italic;
    opacity: 0.7;
}

#topPane h3,
#search_meta div.advanced_search_section_title
{
    font-size: 16px;
    padding: 16px 8px 15px 17px;
    margin: 0;
    letter-spacing: 1px;
    display: block;
    clear: left;
    font-weight: lighter;
}

#search_meta div.advanced_search_section_title{
    border-left: 0;
}

#search_meta div.advanced_search_section_title span.icon-circle{
    display: none;
}

#topPane h3 small{
    cursor: pointer;
    display: none;
    float: right;
    color: #aaa;
    background-color: #555;
    border-radius: 5px;
    text-transform: lowercase;
    padding: 0 8px;
    font-weight: normal;
    font-size: 0.7em;
}

#topPane h3:hover small,
#topPane h3 small.simple-toggler-show
{
    display: inline-block;
}

#locationbar_cont
{
    /*background-image:url(../images/ToolbarBg.gif);*/
    background-position:center center;
    background-repeat:repeat-x;
    height:33px;
    _height:32px;
    width:100%;
    -webkit-box-shadow:0 0 5px #bbb;
    -moz-box-shadow:0 0 5px #bbb;
    box-shadow:0 0 5px #bbb;
    clear:left;
}

#locationBar{

}

#location_form,
#repository_form
{
    border-right-width: 0;
    float:left;
    height:20px;
    padding:2px 0 0 4px;
}

#location_form input,
#repository_form input,
#location_form div{
    background: transparent !important;
}


#repository_form, #goto_parent
{
    -moz-border-radius : 5px 0 0 5px;
    border-radius : 5px 0 0 5px;
}

#repository_goto, #bookmarks_goto
{
    -moz-border-radius : 0 5px 5px 0;
    border-radius : 0 5px 5px 0;
}

#location_form
{
    margin-left: 0;
}
#location_form div.location_bar_label{
    line-height: 18px;
}

#repository_form
{
    width: 112px;
}

#location_form input,
#repository_form input
{
    margin:1px 0 0 0;
    _margin: 0 0 1px 0;
    border:none;
    height: 15px;
    width: 325px;
    float:left;
}

#repository_form img#repo_icon{
    float: left;
    vertical-align:top;
    display: none;
}
#repository_form input
{
    width: 90px;
    margin-left: 3px;
    color: #fff;
    letter-spacing: 1px;
}

#repo_chooser{
    background-color: #222;
    float:left;
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top:0px;
    cursor: pointer;
    padding: 21px 15px 21px 15px;
    border-right: 2px solid #333;
}

#repo_chooser:hover{
    background-color: #fb725c;
    color: white;
}

#repo_chooser.disabled{
    display:none;
}

#repo_chooser span.icon-sitemap {
    font-size: 1.0em;
    padding-right: 5px;
    padding-top: 5px;
    display: inline-block;
}

#repo_chooser span.ws-label {
    display: inline-block;
    padding-top: 0;
    line-height: 20px;
}

#repo_chooser span.icon-caret-down {
    display: inline-block;
    padding-left: 3px;
}

.inlineBarButton,
.inlineBarButtonLeft,
.inlineBarButtonRight
{
    display:inline;
    height: 22px;
    float:left;
    padding:0 1px;
    cursor:pointer;
}

.inlineBarButtonLeft{
    border-left-width: 0;
}
.inlineBarButtonRight{
    border-right-width: 0;
}

.inlineBarButton img,
.inlineBarButtonLeft img,
.inlineBarButtonRight img
{
    margin-top:3px;
    display:inline;
    border: 0;
}

.inline_hover_light,
.user_widget_hover
{
    /*background-color: rgba(255, 255, 255, 0.5);*/
}

.inline_hover
{
}

.inline_disabled img,
.SF_disabled img
{
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
    cursor:default;
}

img.simple_button_arrow{
    position:absolute;
    right: 0;
    bottom:1px;
    display:none;
}

.inline_hover > img.simple_button_arrow{
    display: block;
}

#search_panel_button{
    padding: 0 2px 0 3px;
}

#logging_string {
    color:#fff;
    font-size:11px;
    float: right;
}

#logging_string.disabled{
    display:none;
}

#logging_string div.inlineBarButtonLeft{
    display:none;
}

#logging_string i
{
    font-style: normal;
    font-weight: normal;
    letter-spacing: 1px;
}
#logging_string i img
{
    font-style: normal;
    cursor: pointer;
    margin-top: -12px;
    float: right;
    margin-left: 10px;
}
.user_widget_label{
    float: left;
    padding: 3px 10px 7px 7px;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 1px;
}

.user_widget_label.withImage{
    position: relative;
    padding:0;
}

.user_widget_label.withImage i{
    font-weight: bold;
    display: inline-block;
    padding: 3px 0 0 8px;
    font-size: 12px;
}

.user_widget_label.withImage i img{
}

img.user_widget_mini{
    vertical-align: middle;
    height: 39px;
}

.locationbar_title
{
    display:inline;
    color: #5E7C90;
    font-size:15px;
    font-weight:bold;
    float:left;
}

#current_path,
#repo_path
{
    /*width: 455px;*/
    border:none;
    height: 20px;
    padding: 0;
    padding-left:3px;
    padding-top: 0;
    font-size: 11px;
}

#current_path{
    padding-left: 0;
}
#current_path:focus, #repo_path:focus{
    outline: none;
}

/********************************/
/* SLIDER*/
/*********************************/

.slider-pane{
    background-color: #ebedf0;
    padding: 5px 2px;
    position:absolute;
    width:11px;
    z-index:10000;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.75);
}

.slider-handle,
.slider-pane div.selected
{
    background-image: url("../images/slider-handle-vert.png") !important;
    background-position:top center;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height:15px;
    width:10px;
}

.slider-tracker {
    background-image : url("../images/slider-track-bottom.png");
    background-position:bottom center;
    background-repeat:no-repeat;
}

.slider-tracker-top {
    background-position:top center;
    background-repeat:no-repeat;
}

/********************************/
/* HEADER RESIZER WIDGET
/******************************/
div.header_resizer{
    overflow:hidden;
    box-shadow: 0 1px 1px rgba(0,0,0,0.35);
    opacity: 0.85;
    max-height: 26px;
}

div.header_resizer div.header_cell{
    float:left;
    overflow:hidden;
    width:90px;
    white-space:nowrap;
    border: 0 !important;
    cursor: pointer;
}

div.header_resizer div.header_label{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    padding: 4px 5px 4px;
    background-color: rgb(255, 255, 255);
    color: rgb(104, 120, 136);
    letter-spacing: 1px;
    border-bottom: 0;
    height: 18px;
    overflow: hidden;
}

.header_cell span.ajxp-order-icon {
    display: none;
    float: right;
    padding-top: 1px;
}

div.header_resizer div.header_cell.ascending span.icon-caret-up{
    display:inline-block;
}

div.header_resizer div.header_cell.descending span.icon-caret-down{
    display:inline-block;
}


div.header_resizer div.header_cell.ascending div.header_label,
div.header_resizer div.header_cell.descending div.header_label
{
    background-color: rgb(231, 231, 231);


}

div.header_resizer div.resizer{
    float:left;
    width:1px;
    background-color: #ebedf0;
    height: 26px;
    cursor:e-resize;
    border: 0;

}

div.header_resizer div.resizer_sortable{
    background-color: #fff;
}

div.header_resizer div.dragging{
    background-color : #bbb;
    border-left: 1px solid #bbb;
}
div.resizeGhost{
    width: 1px;
    border-right: 1px solid #ccc;
    position:absolute;
    z-index:1000;
    opacity:0.7;
}

/*
div.header_resizer div.descending {
	background-color: #daddd7;
	background-image: url("../images/arrow_up_margin.png");
	background-repeat : no-repeat;
	background-position : right center;
}
*/
/*
div.header_resizer div.ascending {
	background-color: #daddd7;
	background-image: url("../images/arrow_down_margin.png");
	background-repeat : no-repeat;
	background-position : right center;
}
*/


/*********************************/
/* FILE LIST SKINNING
/********************************/
.sort-table {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 10px;
}

.sort-table thead {
    background-color:	#aaa;
}

.sort-table td {
    padding: 7px 0;
}

.no-flexbox .sort-table td{
    padding: 3px 0;
}

.sort-table thead td {
    /*
     display: block;
     float: left;
     overflow:hidden;
     height: 23px;
     */
    background-color: #ddd;
    border-bottom:	none;
    cursor:			pointer;
    border-right: 	1px solid buttonhighlight;
    font-size:12px;
    color: #676965;
    padding: 0;
    background-color: #f1f1ef;
    border-bottom : 1px solid #676965;
}

.sort-table thead td div {
    padding-left: 7px;
    padding-top: 3px;
    height: 20px;
    overflow:hidden;
    white-space:nowrap;
}

.sort-table thead td.descending {
    background-color: #daddd7;
    background-image: url("../images/arrow_up_margin.png");
    background-repeat : no-repeat;
    background-position : right center;
}

.sort-table thead td.ascending {
    background-color: #daddd7;
    background-image: url("../images/arrow_down_margin.png");
    background-repeat : no-repeat;
    background-position : right center;
}

#last_header{
    border-right: 	0px solid #ddd;
    widht: auto !important;
}

#last_header:active{
}

.sort-table thead td:active {
    background-color: #c4c7c1;
}

.column_resize_grabber {
    display:block;
    width: 3px;
    float:right;
    height: 23px;
    font-size: 0;
    cursor:e-resize;
}


.odd
{
}

.selected
{
    text-decoration: none;
}

.selected-focus,
.selected-focus span.text_label
{
    color: #fff !important;
}

.droppableZone,
.thumbnail_selectable_cell.detailed.droppableZone
{
    background-color: #c3d9ff !important;
    /*border: 1px dotted #5C5C5C;*/
}

.paginator
{
    background-color:#fff8d1;
    border-bottom-color:#dddddd;
    border-bottom-style:solid;
    border-bottom-width:1px;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif ;
    font-size:11px;
    height:20px;
    padding-top:2px;
    text-align:center;
}

.paginatorInput
{
    width:21px;
    padding: 0 2px;
    height: 14px;
    text-align: right;
    border: 1px solid #CCCCCC;
    margin-right: 2px;
    margin-left: 5px;
}

div.multiple_selection_draggable
{
    display: block;
    color: #000;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #c3d9ff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif;
    font-size: 12px;
    cursor:default;
    overflow:hidden;
    border-radius: 3px;
}

div.selection_ctrl_key
{
    background-image:url('../images/0.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
}


a.disabled
{
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
}

a.enabled
{
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
}

.action_bar a.disabled:hover
{
    cursor: default;
}

.dialogBox div.action_bar a.disabled
{
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
}

.action_bar a.disabled
{
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

.action_bar a.disabled img,
.action_bar a.disabled span
{
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
}

/*
BOOKMARKS BAR
*/
#bm_bar_cont
{
    /*background-color: #ddd;*/
}


#bookmarks_bar
{
    display: none;
    background-color: #fff;
    position:relative;
    width:86%;
    left:7%;
    height: 25px;
    padding: 0;
    padding-left:10px;
}

#bmbar_title
{
    color: #ddd;
    float:right;
    display:inline;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif, Helvetica, Arial;
    font-size:15px;
    font-weight:bold;
}

a.bookmark_button
{
    text-decoration: none;
    padding-right: 10px;
}

#bookmarks_bar a
{
    display: block;
    float:left;
}

div.bm, div.bm_hover
{
    /* border: 1px solid #ddd;*/
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
    display: block;
    float: right;
    text-align: center;
    font-size: 11px;
    padding: 3px;
    margin-right: 5px;
    /*background-color: #ddd;*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif;
    color: #333;
}

div.bm_hover
{
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
    text-decoration: none;
    /*
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid buttonshadow;
	border-bottom: 1px solid buttonshadow;
    background-color: #ddd;
    */
}

.extendedMenu
{
    float:none;
}

/*
UPLOAD MULTIFILE FORM
*/
div#upload_files_list, div#multiple_download_container
{
    overflow: auto;
    height: 350px;
    border: 4px dashed rgb(221, 221, 221);
    text-align: left;
    -moz-border-radius: 11px;
    border-radius: 11px;
}

.droparea {
    background: url("../../../../../../index.php?get_action=get_drop_bg") no-repeat scroll left bottom transparent;
    background-position: center;
}

.dropareaHover{
    background-color: #c3d9ff !important;
}

#content_pane.dropareaHover {
    border-color: #D96252 !important;
    border-style: dashed;
    background-color: white !important;
}

#uploader_chooser{
    width: 100%;
}

#uploader_chooser ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #77b8e2;
    background-color: #ffffff;
}

#uploader_chooser li {
    display: inline-block;
    padding: 12px 14px;
    border-radius: 4px 4px 0 0;
    margin: 8px 2px;
    margin-bottom: 0;
    border-bottom: 0;
    cursor: pointer;
    font-size: 13px;
}

#uploader_chooser li:hover {
    background-color: #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
}
#uploader_chooser li.current:hover {
}
#uploader_chooser li.current {
    font-weight: bold;
    cursor: default;
    border-bottom: 2px solid #77b8e2;
}

div#uploader_options_pane {
    background-color: white;
    border-top: 1px solid #CCCCCC;
    font-size: 11px;
    height: 59px;
    overflow: hidden;
    padding: 7px 10px;
    text-align: left;
    display: none;
    margin-bottom: 11px;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: inset 0px 1px 6px rgba(0,0,0,0.3);
    border-radius: 2px;
    margin-top: 2px;
}
div#total_files_list{
    display:none !important;
}

div#uploader_options_pane input {
    width: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-top: 5px;
}

div#upload_files_list div, div#multiple_download_container div
{
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 14px;
    position: relative;
    font-size: 13px;
    background-image: url('../images/dl_bg.png');
    background-repeat: no-repeat;
    background-size: 0% 100%;
    border-bottom: 1px solid rgb(227, 229, 233);
    color: #5C5C5C;
}

div#upload_files_list span.item_relative_path{
    color: #ccc;
    margin-left: 15px;
    font-size: 0.8em;
}


#upload_files_list img
{
    margin-right: 6px;
}

#upload_files_list img.fakeUploadButton {
    display: none;
}

#upload_files_list div a
{
    color: #ddd;
    font-style: italic;
}

#upload_files_list span.statusText,
#upload_files_list span.percentText
{
    font-size: 10px;
    display: inline-block;
    padding: 0 6px;
    color: #cccccc;
}

#upload_files_list span.statusText.new, #upload_files_list span.statusText.loaded{
    display:none;
}

#upload_files_list span.icon-remove-sign {
    color: #ccc;
    display: block;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

#upload_files_list span.icon-remove-sign:hover{
    color: #d00;
}

#multiple_download_container div a
{
    display: block;
}
#multiple_download_container div a:hover
{
    text-decoration:none;
    color: #aaa;
}
#fileInputContainer {
    position: relative;
}
#fileInputContainerDiv { /* to fit 1px border */
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    height: 60px;
    width: 167px;
    cursor: pointer;
}
#fileInputContainer input {
    filter:alpha(opacity:0); opacity:0; moz-opacity:0;
    position: absolute;
    font-size: 60px; /* causes it to fill the containing div */
    top: 0;
    left: 0;
    z-index: 10000;
    height: 56px;
    cursor: pointer !important;
}
#fileInputPos {
    text-align: left;
    height: 60px;
    width: 180px;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 9999; /* this was needed to work in IE */
;
    cursor: pointer;
}
#uploaderTextActions{
    position:absolute;
    bottom: 6px;
    right: 8px;
    color: rgb(203, 204, 206);
}

#uploaderTextActions span{
    cursor:pointer;
}


#uploaderTextActions span:hover{
    color: #5C5C5C;
}


.fakeUploadButton {
    width: 161px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ccc;
    text-align: left;
    vertical-align: middle;
    font-size: 1.4em;
    margin-bottom: 5px;
    cursor: pointer;
    color: #667;
    font-weight: normal;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ebedf0;
    box-shadow: inset 1px 1px 0 white;
}

.fakeUploadButton.disabled{
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter:alpha(opacity=50);
    cursor: default;
}


.fakeUploadButton img {
    margin-bottom: 3px;
}

.fakeOptionButton {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 0;
    margin-top: 5px;
    background-position : center;
    -moz-border-radius : 5px;
    border-radius : 5px;
}

#uploadBrowseButton {
    position: absolute;
    top: 0;
    left: 0;
    margin:0;
}

#uploadBrowseButton span.icon-desktop {
    font-size: 2em;
    display: block;
    float: left;
    padding: 2px 7px;
}

#uploadSendButton {
}

#uploaderTextActions span.disabled{
    display:none;
}

#uploadFilesListContainer
{
    vertical-align:top;
    font-size: 11px;
    letter-spacing: 1;
}

/***** SCROLLER ******/
.scroller_track{
    position: absolute;
    width: 7px;
    background-color: transparent;
    cursor: ns-resize;
    right: 0;
    z-index: 1000;
    opacity: 0.7;
    padding-right: 1px;
}
.scroller_handle{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgb(190, 190, 190)!important;
    transition: background-color 0.3s ease;
}

.scroller_handle:hover{
    background: rgb(110, 110, 110)!important;
}

/*
 SEARCH BOX / INFO PANEL
*/

#panelsToggle
{
    height: 23px;
    cursor:pointer;
}

div.tabulatorContainer{
    padding: 0;
    height: 37px;
    overflow: hidden;
}

#topPane > div.tabulatorContainer{
    border-radius: 0;
}

div#topPane div.overlay_icon_div {
    display: none;
}

#cpane_tabs > div.tabulatorContainer{
    border-bottom: 0;
    transition: height 0.5s ease;
    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.15);
}

#cpane_tabs[data-ajxptabscount="1"] > div.tabulatorContainer{
    height: 0;
}

div#cpane_tabs[data-ajxptabscount="1"] span.toggleHeader {
    /*visibility: hidden;*/
}

div.tabulatorContainer div#display_toolbar{
    min-width: 0;
    padding-top: 6px;
    padding-right: 6px;
}

#info_panel div#display_toolbar {
    float: left;
    text-align: left;
    min-width: 20px;
    height: 10px;
}

#info_panel div#display_toolbar a {
    background: none;
    border: none;
    margin-right: 0;
}

span.toggleHeader{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 17px 6px;
    transition: border-color 0.3s ease;
    color: #555;
    font-size: 12px;
    border-bottom: 3px solid #FB725C;
}

span.toggleHeader.toggleInactive{
    cursor: pointer;
    border-bottom-color: transparent;
}

span.toggleHeader span[class^="icon-"],
span.toggleHeader span[class*=" icon-"]{
    margin-right: 4px;
    display: none;
}

div.tabulator-vertical div {
    display: none;
}

div.tabulator-vertical div.tabulatorContainer {
    display: block;
    height: 100%;
}

div.tabulator-vertical div.toolbarGroup{
    display: block;
    height: 24px;
    font-size: 1.4em;
}

div.tabulatorContainer.icons_only span.tab_label{
    display: none;
}

div.tabulatorContainer.icons_only span[class^="icon-"],
div.tabulatorContainer.icons_only span[class*=" icon-"]
{
    display: inline;
    font-size: 1.2em;
}

div.tabulatorContainer.icons_only div.toggleInactive span[class^="icon-"],
div.tabulatorContainer.icons_only div.toggleInactive span[class*=" icon-"],
div.tabulatorContainer.icons_only div.toolbarGroup span[class^="icon-"],
div.tabulatorContainer.icons_only div.toolbarGroup span[class*=" icon-"]
{
    display: inline;
    font-size: 1em;
}

div.tabulatorContainer span.tab_close_button {
    margin-left: 6px;
    cursor: pointer;
    display: inline-block;
}

div.tabulatorContainer span.toggleInactive span.tab_close_button {
    color: rgb(112, 127, 143);
}

div.tabulatorContainer span.toggleInactive span.tab_close_button:hover {
    color: #ffffff;
}

.panelHeader.panelHeaderWithIcon{
    position: relative;
}

.panelHeader img
{
    display: none;
}

.panelHeader img.panelHeaderCloseIcon{
    left: auto;
    right: 6px;
    cursor: pointer;
}

#search_panel{
    overflow: visible;
}

#search_div
{
    /*    width: 100%;*/
}


#search_container
{
    float: right;
    text-align: right;
    overflow: visible;
    position: relative;
    z-index: 5;
}

#search_form, #search_state
{
}
#search_form
{
    padding-right: 4px;
    height: 33px;
    overflow: visible;
}
#search_form a
{
    display: inline-block;
    width: 18px;
    cursor: pointer;
    font-size: 1em;
    padding-top: 0px;
    color: #555;
    position: absolute;
    right: 13px;
    top: 21px;
}

#search_form a.disabled {
    display: none;
}

#search_form a img{
    margin-top: 2px;
    vertical-align: top;
    display: none;
}

#search_form input
{
    float: right !important;
    margin: 0;
    margin-top: 0px;
    height: 58px;
    background: #f5f5f5;
    border-color: #f5f5f5;
    font-size: 1em;
    color: rgb(138, 149, 160);
    padding-left: 5px;
    width: 80px;
    border-width: 0;
    text-align: right;
    padding-right: 30px;
    transition:border-color 0.5s ease, width 0.5s ease;
    border-radius: 0;

}

#search_container.search_active div#search_form input{
    width: 100%;
    background: #fff;
    border: 0;
    text-align: left;
    padding-right: 0;
    font-size: 40px;
}

#search_meta {
    font-size: 12px;
    padding: 0;
    background-color: rgb(255, 255, 255);
    color: rgb(143, 162, 182);
    letter-spacing: 1px;
    border-right: 1px solid rgb(194, 196, 199);
    float: left;
}

#search_meta.toggle_open{
}

#search_meta input.c3,
#search_meta span.c3
{
    width: 21%;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #ACB2BB;
    background-color: #ffffff;
    padding: 2px 3px;
}
#search_meta input.c3:disabled{
    opacity: 0.35;
}

#search_meta span.c3{
    cursor: pointer;
}
#search_meta input.c3:focus{
    background-color: white;
}

#modiftime_fixed_radio span.c3{
    border-right-width: 0 !important;
}

#modiftime_fixed_radio span.c3:last-of-type{
    border-right-width: 1px !important;
}
#search_meta span.c3.selected{
    background-color: rgb(138, 149, 160) !important;
    color: white;
}


#search_meta span.c4 {
    display: inline-block;
    width: 18%;
    text-align: left;
}

#search_meta span.c6 {
    display: inline-block;
    width: 14%;
    text-align: center;
}

.advanced_search {
}

#basic_search{
    padding: 7px;
}

#search_meta.toggle_open #basic_search{
    border-bottom: 1px solid rgb(143, 162, 182);
}

#search_meta_detailed {
    padding:10px 5px;
    line-height: 28px;
    overflow: hidden;
    background-color: rgba(235, 237, 240, 0.36);
}

#search_meta span.toggle_button {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #4dc5c3;
    cursor: pointer;
    color: white;
}

#search_meta span.toggle_button.close,
#search_meta.toggle_open span.toggle_button.open,
#search_meta.toggle_open span#search_meta_options
{
    display: none;
}

.search_label.open,
.search_label.close
{
    display: inline-block;
    padding: 2px;
    height: 20px;
}
.search_label.close{
    display: none;
}

#refresh_search_button{
    cursor: pointer;
}

#search_meta.toggle_open span.search_label.open{
    display: none;
}

#search_meta.toggle_open span.search_label.close{
    display: inline-block;
}

#search_meta.toggle_open span.toggle_button.close,
#search_meta span.toggle_button.open
{
    display: inline-block;
}

#search_meta div.advanced_search_section{
    padding: 5px 5px 15px 17px;
    line-height: 29px;
    display: none;
}

#search_meta div.advanced_search_section.visible{
    display: block;
}

.searchScore{
    float: right;
    color: #CCC;
    font-size: 10px;
    font-style: italic;
}

.searchUnindex{

}

span.search_meta_opt {
    cursor: pointer;
}
span.search_meta_opt > span{
    display: none;
}

span.search_meta_opt.checked > span {
    display: inline;
}

#search_results_cont{
    display: none;
    position: absolute;
    z-index: 1010;
    border: 1px solid rgb(138, 149, 160);
    border-radius: 4px;
    box-shadow: 1px 10px 40px rgba(0,0,0,0.5);
    background-color: #ebedf0;
    text-align: left;
}

#search_results
{
    margin-left: 0;
    width: 100%;
}

.close_results.icon-remove-sign {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    cursor:pointer;
}

#search_results em {
    color: red;
    font-style:normal;
}

div.class-FetchedResultPane{
    background-color: transparent;
}

#search_results div.ajxpNodeProvider,
div.class-FetchedResultPane div.ajxpNodeProvider
{
    cursor: pointer;
    background-color: transparent !important;

}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed{
    padding: 2px 12px;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell img{
    width: 16px !important;
    height: 16px !important;
    margin-top: 4px !important;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell{
    margin: 0;
    padding: 1px 7px 6px 6px;
    height: 22px !important;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{
    display: none;
}

#search_results div.ajxpNodeProvider:hover,
div.class-FetchedResultPane div.ajxpNodeProvider:hover
{
    background-color: #666 !important;
}

div.class-FetchedResultPane div.ajxpNodeProvider.selected-focus,
#search_results div.ajxpNodeProvider.selected-focus
{
    background-color: #fb725c !important;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel,
#search_results div.thumbnail_selectable_cell.detailed div.thumbLabel{
    font-size: 13px;
    padding-top: 4px;
}

#topPane div.thumbnail_selectable_cell.detailed div.thumbLabel{
    color: #ccc;
    font-weight: lighter;
}

div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_label,
#search_results div.thumbnail_selectable_cell.detailed span.text_label{
    padding-top: 0;
}

#no-results-found {
    text-align: center;
    margin-top: 10%;
}

.infoPanelActions
{
    padding:5px;
    font-size: 11px;
    text-align: right;
}

#info_panel span[data-ajxpAction]{
    float: right;
    display: inline-block;
    padding: 0px;
    cursor: pointer;
    font-size: 17px;
    display: none;
}

#info_panel div.panelContent
{
    overflow: hidden;
    background-color: #f3f3f3;
    padding-bottom: 15px;
}

#info_panel div.panelHeader.panelHeaderWithIcon{
    background-color: #4dc5c3;
    border-bottom: 2px solid #399997;
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: height;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease-out;
    transition-property: height;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;

    padding-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    border-radius: 0;
}

#info_panel.folded div.panelHeader{
    height: 100%;
}

#info_panel.folded div.panelHeader a{
    font-size: 1.4em;
}

#info_panel.folded{
    /*width: 26px !important;*/
}

#info_panel.folded span[ajxp_message_id]{
    display: none;
}

#info_panel div.folded_icons{
    display: none;
}

#info_panel.folded div.folded_icons{
    display: block;
    position: absolute;
    top: 29px;
    left: 0px;
    background-color: #399997;
    width: 27px;
    height: 100%;
}

#info_panel.folded div.folded_icons span{
    display: block;
    margin: 10px 0 21px 0;
    font-size: 13px;
    text-align: center;
}

#info_panel.folded div.folded_icons span.clickable{
    cursor: pointer;
}

#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed{
    padding: 7px 1px;
    cursor: default;
}

#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell{
    display: none;
}

#info_panel div.class-FetchedResultPane  div.thumbnail_selectable_cell.detailed div.thumbLabel{
    font-weight: lighter;
    font-size: 1.4em;
    color: #555;
}

#info_panel div.class-FetchedResultPane div.ajxpNodeProvider:hover{
    background-color: transparent !important;
}


div.foldedPanel_tooltip{
    width: 210px !important;
    background-color: #399997;
    border-radius: 2px;
    border-width: 0;
    box-shadow: none;
    min-height: 35px;
}

div.foldedPanel_tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #399997;
    top: 15px;
    left: 220px;
}

div.foldedPanel_tooltip td{
    color: white;
    font-size: 11px;

}

#info_panel a
{
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 6px;
    font-size: 11px;
    letter-spacing: 1px;
    background-color: #eee;
}

#info_panel a:hover
{
}

#info_panel a img{
    margin-right : 5px;
}

#info_panel a:hover
{
    text-decoration:none;
}

#info_panel div.folderImage
{
    text-align:center;
    padding-bottom: 10px;
}

div.infoPanelBasenameTitle{
    color: #555;
    margin: 9px 15px;
    line-height: 1.5em;
}

.infoPanelTable,
div.infoPanelRow
{
    font-size: 12px;
    width: 100%;
}

td.infoPanelValue,
div.infoPanelValue
{
    padding: 0px 0 20px;
    font-size: 1.5em;
    color: #555;
    line-height: 1.3em;
    vertical-align: top;
}

.panelContent.scrolling td.infoPanelValue{
    padding-right: 18px;
}

td.infoPanelLabel,
div.infoPanelLabel
{
    width: 50%;
    color: #999;
    text-transform: uppercase;
    font-size: 0.9em;
}

div.infoPanelLabel{
    width: 100%;
}


.infoPanelGroup
{
    border-radius: 0;
    padding: 1px;
}

.panelContent div.panelHeader{
    font-size: 1.3em;
    padding: 16px 0 16px 0;

    text-transform: uppercase;
    color: #555;
}

.panelContent.scrolling div.panelHeader{
    padding-right: 13px;
}

tr td.infoPanelLabel
{
}

.infoPanelImagePreview
{
    text-align:center;
    padding: 10px 0;
    background-color: white; 
    /* border: 1px solid #d5d5d5; */ 
    margin: 10px 14px; 
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
}
.infoPanelImagePreview img
{
}

div.dimension_card_width{
    text-align: center;

}

div.dimension_card_height{
    float: left;

    height: 37px;
    width: 28%;
    padding-top: 59px;
    text-align: right;
}

div.dimension_card_rectangle{
    float: left;

    height: 95px;
    width: 67%;
    /* background-color: #ddd; */
    border-radius: 5px;
    margin-top: 5px;
    margin-left: 2%;
    border: 1px solid #AAA;
}

div.infoPanelAllMetadata > div {
    margin: 6px 20px;
}

div.double div.infoPanelAllMetadata > div{
    float: left;
    margin: 1%;
    width: 48%;
}

div.triple div.infoPanelAllMetadata > div{
    float: left;
    margin: 1%;
    width: 31%;
}

#browser
{
    clear:left;
    background-color: #f5f5f5;
    line-height: 18px;
}

#home_account_pane{
    line-height: 18px;
}

div.selectable_div, .table_rows_container, #tree_container, #bottomSplitPane, .ajxp_simple_container{
    font-family:    "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
}

.table_rows_container td
{
    border: 0;
}
.table_rows_container tr:nth-child(even)>td
{
    border-top: 0;
    border-bottom: 0;
}

.table_rows_container span#ajxp_label {
    font-weight: normal;
}

.table_rows_container tr:last-child td
{
}
.infoPanelTable tr:last-child td
{
    border-bottom:0;
}

.table_rows_container tr.selected-focus td,
.infoPanelTable tr.selected-focus td
{
}
.table_rows_container tr:hover,
.table_rows_container tr.even:hover
{
    background-color: rgb(253, 252, 228);
}

.no_select_bg::selection {
    background:transparent;
}

.no_select_bg::-moz-selection {
    background:transparent;
}

#vertical_splitter{
    overflow: hidden;
}

#vertical_splitter > div{
    top:0;
}

#sidebar_splitter{
    overflow: auto;
    width: 200px;
    background-color: #D2DFE9;
    -webkit-box-shadow: rgb(153, 153, 153) 1px 1px 5px inset;
    -moz-box-shadow: rgb(153, 153, 153) 1px 1px 5px inset;
    box-shadow: rgb(153, 153, 153) 1px 1px 5px inset;
}

.splitterContentPane{
    border: 1px solid #676965;
}

.vsplitbar
{
    width: 3px;
    z-index: 10;
}
.vsplitbar:hover
{
    background-image: url(../images/vgrabber.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #474E50;/*rgba(255,255,255,0.5);*/
}
.vsplitbar.active
{
    background-color: #474E50;
}
.hsplitbar.folded, .vsplitbar.folded{
    opacity: 0;
    cursor: default !important;
}

.vsplitbar:hover
{
}

.hsplitbar
{
    height: 4px;
    /*background-color: #eee;*/
    background-image: url(../images/hgrabber.gif);
    background-repeat: no-repeat;
    background-position: center;
}
.hsplitbar.active
{
    background-color: #474E50;
}

.hsplitbar:hover{
    /*background-color: #ccc;*/
}


#splashScreen
{
    width: 430px;
    height: 332px;
}

#docFileIframe
{
    border-bottom:1px solid #AAAAAA;
    height:300px;
    left:0;
    position:relative;
    top:0;
    width:100%;
}

#adminIFrame
{
    border: 1px solid white;
    width: 641px;
    height: 390px;
    background-color: #fff;
}

/*********************
ADMIN STYLES
**********************/
#users_list,
#repo_list
{
    height: 299px;
    width: 200px;
    float: left;
    padding-top: 5px;
    overflow: auto;
}
#users_detail_panel,
#repo_detail_panel{
    width: 438px;
    height: 299px;
    float: left;
    border-left: 1px solid #bbb;
    overflow: auto;
}

#repo_list{
    height: 294px;
}

#repo_detail_panel fieldset
{
    margin:10px;
    font-size: 13px;
}

.metaPane{
    margin-bottom:5px;
    margin-top:2px;
    padding:6px 5px 8px;
    width:96%;
}

.metaPane img,
img.metaPaneTitle
{
    float:right;
    cursor:pointer;
    margin-left: 3px;
}

img.metaPaneTitle{
    display:none;
}

div.accordion_toggle_active img.metaPaneTitle
{
    display:inline;
}

.metaPane span.title{
    font-weight: bold;
}

.users_list_title
{
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding-left: 5px;
    border-bottom: 1px solid white;
    background-color: #bbb;
}


.user
{
    padding-top: 15px;
    padding-left: 5px;
    padding-bottom: 15px;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-left: 5px;
}

.user_id, .user_data, .repository, .password
{
    font-size: 11px;
}

.wallet_pane{
    /*
     background-color:#EFEFEF;
     border-left:1px solid;
     */
    margin-left:2px;
    margin-right:2px;
    padding:0 10px 0 0;
}
.wallet_pane div.driver_form{
    width:215px;
}
.wallet_pane input.dialogButton{
    float:right;
    border: 1px solid #676965;
}

.config_subblock{
    border: 1px dotted #ccc;
    padding:5px 10px;
    margin-bottom:10px;
}

.user_data
{
    background-color: #fff;
}

fieldset
{
    border: 1px solid #ccc;
    padding: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
}

legend
{
    color: #5C5C5C;
}

legend a{
    text-decoration:none;
    cursor: pointer;
}

legend a.active {
    background-color: transparent;
    color: #87A9C4;
    text-decoration:none;
    cursor: default;
    font-size: 1.1em;
}

.repository, .repository td, .password td
{
    padding: 1px;
}

.repository td
{
    vertical-align: bottom;
    line-height: 19px;
    padding: 6px 0 5px 6px;
}

.repository input, .user_delete_confirm
{
    border: none;
    margin-left: 1px;
    margin-top: 0;
    padding: 0;
}

.user_data
{
    padding: 10px;
    /*padding-right: 20px;*/
}

.user_id
{
    cursor: pointer;
    font-size: 17px;
}

.user_id b
{
    color: #5C5C5C;
}
#user_admin_bar, #repo_create_form, #log_chooser
{
    padding: 15px;
    font-size: 12px;
    border: 0 solid #ddd;
    background-color: #ddd;
    border-bottom: 1px solid #bbb;
}

#user_admin_bar input, .password input
{
    height: 18px;
    width: 90px;
    font-size: 12px;
    padding: 0;
    margin-left: 0;
    margin-right: 5px;
}

#user_admin_bar .submit_button, .password .submit_button,
#options_pane .submit_button, .password .submit_button
{
    width: 30px;
}

#user_admin_bar b,
#repo_create_form b,
#log_chooser b
{
    font-size: 15px;
    color: #5C5C5C;
}

#user_pref_form input
{
    width: 65px;
    padding: 0;
    margin-right: 5px;
}

#user_pref_form input.radio
{
    width: 20px;
    border: 0;
    background-image: none;
}

#repo_create_form select
{
    border: 1px solid #5E7C90;
    height: 20px;
    width: 160px;
}

#user_acl{
    font-size:1.1em;
}

div#available_roles, div#user_roles{
    padding: 0;
    border: 1px solid #aaa;
    width: 100%;
    height: 110px;
    overflow:auto;
    border-radius: 3px;
}

div#rights_pane{
    border: 1px solid #aaa;
    _height: 150px;
    max-height: 150px;
    overflow:auto;
    margin-top:5px;
    padding: 2px 0;
    width: 100%;
}

div.ajxp_role{
    background-color:#FFFFFF;
    border-left:7px solid #DDDDDD;
    cursor:move;
    margin: 2px;
    padding:3px 5px;
    border-radius: 2px;
}

div.available_role{
}

div.user_role{
    opacity : 1 !important;
    -moz-opacity : 1 !important;
    filter:alpha(opacity=100) !important;
}

.roles_hover{
    border : 1px solid #ffffef;
}

.editable_users_list{

    border: 1px solid #AAAAAA;
    height: 190px;
    overflow: auto;
    clear:left;
    position: relative;
    margin-top: 2px;
    border-radius: 3px;
}

.editable_users_list div.user_entry,
li.complete_user_entry,
li.complete_group_entry,
li.complete_user_entry_temp
{
    clear: left;
    background-color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #F1F1EF;
    font-size:12px;
    padding: 1px;
}

div.editable_users_list div.user_entry_rights{
    float: right;
    padding-top: 8px;
    padding-right: 4px;
}
.no-flexbox div.editable_users_list div.user_entry_rights{
    padding-top: 4px;
}

li.complete_user_entry,
li.complete_group_entry,
li.complete_user_entry_temp{
    padding: 1px !important;
}


.editable_users_list div.user_entry span.user_entry_label,
li.complete_user_entry span.user_entry_label,
li.complete_group_entry span.user_entry_label,
li.complete_user_entry_temp span.user_entry_label
{
    display: inline-block;
    padding: 8px 5px 8px 30px !important;
    background-image: url("../images/mimes/16/user.png");
    background-repeat: no-repeat;
    background-position: 6px 7px;
}

li.complete_user_entry{

}

li.complete_group_entry span.user_entry_label,
.editable_users_list div.group_entry span.user_entry_label
{
    background-image: url("../images/mimes/16/users-folder.png");
}

li.complete_user_entry_temp span.user_entry_label,
.editable_users_list div.user_entry_temp span.user_entry_label
{
    background-image: url("../images/mimes/16/user_shared.png");
}

.editable_users_list span.delete_user_entry{
    width: 12px;
    height: 12px;
    display: inline;
    background-size: 100%;
    margin-left: 5px;
    cursor: pointer;
    color: #A00;
}

.editable_users_list label{
    padding: 0 3px;
    cursor: pointer;
}

span.user_entry_check{
    display: inline-block;
    padding: 0 5px;
}

.editable_users_list.user_entry_check_hidden span.user_entry_check{
    display: none;
}

#create_shared_user{
    width: 84%;
    background-color: #EEE;
    margin: 0 6%;
    box-shadow: 0 0 7px #5C5C5C;
    padding: 1px 4px;
    border-radius: 0 0 7px 7px;

    position: absolute;
    top: -1px;
}

#create_sub_user{
    padding: 8px 14px;
}

.editable_users_header{
    float: right;
    margin-top: 2px;
    font-style: italic;
    font-size: 9px;
    color: #AAA;
    padding: 2px;
}

.editable_users_header span,
div.user_entry span.cbContainer
{
    display: inline-block;
    padding: 0 2px;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

div.editable_users_header.autocomplete_readonly {
    display: none !important;
}

input.autocomplete_readonly{
    display:none;
}

div.autocomplete_readonly span.delete_user_entry{
    display: none !important;
}


.share_chooser_list li.selected{
    color: #555555;
}

div.user_entry span.cbContainer{

}
/***********************/
/* EDITORS & DIAPORAMA */
/***********************/
textarea.editor
{
    background-color:white;
    font-family:monospace;
    font-size:13px;
    line-height:16px;
    white-space:normal;
}

.diaporamaButton
{
    filter:alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity:0.4;
}
.diaporamaButtonActive,
.diaporamaButton:hover
{
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
}

#diaporamaMetadataContainer{
    background-color: #757575;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#diaporamaMetadataContainer div.panelContent{
    background-color: #ebedf0;
    margin-right: 3px;
}
#diaporamaMetadataContainer div.infoPanelImagePreview{
    border-radius: 7px;
}
#diaporamaSplitter div.vsplitbar{
    background-color: #757575;
}
#diaporamaMetadataContainer div.scroller_track{
    right: 3px;
}
#diaporamaMetadataContainer div.scroller_track,
#diaporamaMetadataContainer div.scroller_handle{
}
#diaporamaMetadataContainer div.imagePreviewOverlay{
    background-color:rgba(0, 0, 0, 0.2) !important;
    opacity: 1 !important;
}

div.icons_only.diaporama_toolbar{
    height: 33px !important;
    width: 470px;
    max-width:80%;
}
div.diaporama_toolbar div#diaporama_legend{
    display: none;
}
div.diaporama_toolbar div#diaporama_input_boxes{
    margin-top: 6px !important;
}

#diaporama_box{
    position:relative;
}

/***********************/
/* AUTOCOMPLETION DIV  */
/***********************/
div.autocomplete
{
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #bbb;
    margin:8px 0 0;
    padding: 0;
    box-shadow: 1px 2px 3px rgba(65, 65, 65, 0.85);
    border-radius: 0;
    max-height: 180px;
    overflow-y: auto;
}
div.autocomplete ul
{
    list-style-type:none;
    margin: 0;
    padding: 0;
}
div.autocomplete ul li.selected
{
    background-color: #73a2d7 !important;
}
div.autocomplete ul li
{
    list-style-type:none;
    display:block;
    margin:0;
    padding:7px;
    cursor:pointer;
}
span.user_team_save{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px 4px;
    background-color: rgba(0, 0, 0, 0.53);
    border-radius: 4px 0 0 0;
    color: white;
    font-size: 12px;
    z-index: 10;
    cursor: pointer;
}


/************************/
/* CONTEXT MENU STYLES  */
/************************/
div.menu {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -moz-border-radius:5px;
    border-radius: 2px;
    opacity: 0.97;
}
div.menu a {
    display: block;
    text-decoration: none;
    cursor: default;
    outline: none;
    font-size: 13px;
}
.menu .separator {
    height: 1px;
    padding: 0;
    overflow: hidden;
    display: block;
    font-size: 1px;
}
.menu ul, .menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.menu li {
    list-style-position: outside;
}

.menu.desktop {
    width: 10em;
    padding: 0;
    padding-top: 0;
    padding-bottom: 1px;
    letter-spacing: 1px;
    background-color: #ffffff;
}

.menu.desktop.toolbarmenu {
    background: #eee;
    padding-bottom: 0;
    width: auto;
    /* IE */
    width:expression("150px");
    -moz-border-radius : 0 5px 5px 5px;
    border-radius: 4px;
}

.bmbarMenu div.moreActions {
    font-size: 11px;
}

.bmbarMenu div.moreActions span{
    cursor:pointer;
}

.menu.desktop.toolbarmenu img {
    width: 16px;
    height:16px;
}

.menu.desktop.textual{
    width:7em;
}
.menu.desktop.textual img {
    margin-right: 6px;
}


.menu.desktop ul, .menu.desktop li {
    margin: 0;
    padding: 0;
}

.menu.desktop li{
    padding: 0;
    overflow-y: hidden;
    color: rgb(123, 134, 145);
}

.menu.desktop.toolbarmenu li {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0;
    color: white;
}

.rootDirChooser li.menuTitle {
    color: rgba(77, 197, 195, 1);
    padding: 10px 8px 4px;
    text-align: left;
    font-size: 22px;
    letter-spacing: 1px;
}

.menu li.menuTitle{
    display: none;
}

.menu.rootDirChooser li.menuTitle{
    display: block;
}

.menu.desktop.panelHeaderMenu li.menuTitle {
    display: block;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #333;
    padding: 7px;
    text-align: left;
    background-color: rgba(255,255,255,0.2);
}

.menu.desktop li.separator {
    padding: 0;
    height: 1px;
}
.menu.desktop a img{
    margin-right: 9px;
    margin-top: -5px;
}

.menu.desktop span.ajxp_icon_span{
    font-size: 1.1em;
    padding-right: 10px;
    display: none;
}

.menu.desktop a {
    color: rgb(123, 134, 145);
    padding: 5px 8px 3px;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
}

.menu.desktop.toolbarmenu a img{
    margin-right: 6px;
}

.menu.desktop.toolbarmenu a {
    color: #333;
    padding: 8px 20px 5px 8px;
    margin: 0;
    font-size: 13px;
}

.menu.desktop a.disabled {
    opacity: 0.25;
    filter: alpha(opacity=25);
    zoom: 1;
}
.menu.desktop li.separator {
    border-bottom: 1px solid #ebedf0;
    margin: 1px 1px 0 1px;
    line-height: 1px !important;
}
.menu.desktop.toolbarmenu li.separator{
    border-bottom: 1px solid #666;
}

.bookmarksMenu li.separator {
    border-bottom: 1px solid #fff;
    margin: 0 1px 0 1px;
    line-height: 1px !important;
    padding: 0;
    height: 1px !important;
}

/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
.menu.desktop a.enabled:hover {
    background-color: #73a2d7;
    color: #fff;
}

.menu.desktop li.menuAnchorSelected,
.menu.desktop li.menuAnchorSelected a {
    background-color: #73a2d7;
    color: #fff !important;
}

.rootDirChooser
{
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    position:absolute;
    z-index: 1500;
    width: 260px !important;
    /* IE */
    width:expression("250px");
    background-color: #222;
}

.rootDirChooser span.ajxp_icon_span{

    display:inline-block;
    padding-right: 5px;
    font-size: 1.4em;

}

.rootDirChooser img
{
    border: 0;
}

.rootDirChooser a
{
    display: block;
    padding: 6px 5px 5px 6px;
    color: #fff;
    letter-spacing: 1px;
    /*height: 16px;*/
}

.rootDirChooser a img
{
    margin-right:5px;
}
.rootDirChooser a.disabled IMG{
    filter: alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity: 0.3
}

.rootDirChooser span.rootDirTitle
{
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 50px;
    color: #ccc;
    border-bottom: 0 solid #ddd;
    text-align: left;
    font-style: italic;
}

.rootDirChooser a:hover,
.bookmarksMenu a:hover,
.bookmarksMenu a.hovered,
.rootDirChooser a.hovered
{
    background-color: rgba(200, 219, 223, 0.21);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.12);
    color: #fff;
}

.rootDirChooser li.separator {
    /*
    border-bottom: 1px solid #fff;
    margin: 1px 1px 0 1px;
    line-height: 1px !important;
    padding: 0;
    height: 1px !important;
    */
    border-top: 1px solid rgba(255, 255, 255, 0.98);
    margin: 0 auto;
    line-height: 1px !important;
    height: 0 !important;
    width: 98%;
}

.rootDirChooser li.separator.menuTitle{
    height: auto !important;
    line-height: 14px !important;
    border-top: none;
    padding-top: 7px !important;
    width: 100%;

}

.menu.menuDetails {
}

.menu.menuDetails a{
    line-height: 17px;
    padding: 10px 5px;
}

.menu.menuDetails span.ajxp_icon_span{
    float: left;
    padding: 3px 9px 23px 4px;
    font-size: 18px;
}

.menu.menuDetails span.menu_label{
    font-size: 14px;
    display: block;
}

.menu.menuDetails span.menu_description{
    display: block;
    letter-spacing: 0;
    line-height: 15px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.57);
    padding-top: 2px;
}

.menu.menuDetails img{
    display: none;
}

.rightAlignMenu{
    width: 180px !important;
}


.rightAlignMenu a{
    padding: 8px 5px 7px 20px;
    text-align:right;
    letter-spacing: 1px;
}

.rightAlignMenu a img{
    margin-right: 0;
    margin-left:5px;
    float: right;
}

.rightAlignMenu a img,
.rightAlignMenu span.ajxp_icon_span
{
    margin-right: 0;
    margin-left: 9px;
    display: inline-block;
    font-size: 13px;
    float: right;
    margin-top: 2px;
}

.menuActions {
    position: absolute;
    right: 0;
    top: 1px;
    text-align: right;
    padding-right: 3px !important;
    margin-top: 5px !important;
}

.menuActions a{
    width: 18px;
    padding: 1px;
    display: inline-block !important;
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
    cursor: pointer !important;
    height: 16px;
}

.menuActions.moreActions{
    margin-top: 0 !important;
    z-index: 1;
}
.menuActions.moreActions span{
    color: #ffffff;
    cursor: pointer;
    width: 16px;
    display: inline-block;
    text-align: left;
    font-size: 1.2em;
    text-shadow: 1px 1px 1px #676767;
}

.menuActions a:hover
{
    filter:alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity:1.0;
}

div.menuActions img{
    display: none;
}

.menuActions.icon-caret-right {
    padding-top: 4px;
    color: #666;
}

/*
.backgroundPanel{
    position:absolute;
    right:0;
    bottom:20px;
    padding:1px 5px 3px 7px;
    font-size:11px;
    font-weight:bold;
    color: #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif;
    background-color:#5599ff;
    filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8;
    z-index:10000;
    border-radius: 3px 0 0 3px;
}*/

.backgroundPanel {
    position: absolute;
    bottom: 0;
    padding: 3px 7px 4px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif , sans-serif;
    background-color: #77b8e2;
    z-index: 10000;
    border-radius: 3px 3px 0 0;
    width: 15%;
    margin-left: 45%;
    text-align: center;
}

/*******************************/
/* CREDIT SPLASH SCREEN
/******************************/
#docDiv div.title
{
    font-size:13px;
    font-weight: bold;
}

#docDiv div.subtitle
{
    color: #5E7C90;
    font-size:25px;
}

#docDiv a
{
    color: #39C0BE !important;
    text-decoration: underline;
}

/********************************************/
/* NEW HTML5 / CSS3 STYLES  	            */
/* Generally applied after a Modernizr test */
/********************************************/
.css_boxshadow,div.menu{
    -moz-box-shadow : 5px 5px 40px rgba(100, 100, 100, 0.5);
    -webkit-box-shadow : 5px 5px 40px rgba(100, 100, 100, 0.5);
    box-shadow : 5px 5px 40px rgba(100, 100, 100, 0.5);
}

.dialogBox, div.dialogBox.css_boxshadow{
    -moz-box-shadow: 5px 5px 60px #222;
    -webkit-box-shadow: 5px 5px 60px #222;
    box-shadow: 5px 5px 60px #222;
}

div.dialogBox div.dialogBox.css_boxshadow{
    border-radius: 4px !important;
    border: 0;
    width: 96%;
    left: 2%;
    top: 19%;
    background-color: white;
}

.no-flexbox div#mailer_message{
    width: 380px !important;
}

div.dialogBox div.dialogBox.css_boxshadow > div{
    background-color: transparent;
}

div.dialogBox.form-login_form,
div.dialogBox.form-login_form_dynamic
{
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
}

#progressBox
{
    display: block;
    z-index: 2002;
    top: 20%;
    -moz-border-radius : 5px;
    border-radius : 5px;
    width: 305px;
    padding: 3px;
    display: block;
    top: 30%;
    z-index: 2002;
    left: 40%;
    position: absolute;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
}

div.overlay.form-login_form,
div.overlay.form-login_form_dynamic,
div.overlay.form-switch_language_form
{
    opacity: 1 !important;
    background-image: url('../images/grid_t.png');
    background-color: white !important;
}

/****************************************/
/* WEBDAV PREFERENCES                    */
/****************************************/
#webdav_main_access{
    font-size: 20px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    width: 97%;
    margin-bottom: 5px;
    color: rgb(111, 121, 131);
}

#perworkspace-urls-toggle{
    text-decoration: underline;
    cursor: pointer;
}
#perworkspace-urls-toggle span{
    font-size: 13px;
    margin: 0 7px;
    text-decoration: none;
}

#webdav_repo_list{
    height: 200px;
    overflow: auto;
    border: 1px solid #BBB;
}

#webdav_repo_list div{
    padding: 7px;
}

#webdav_repo_list span{
    display: inline-block;
    width: 24%;
}

#webdav_repo_list input {
    width: 73%;
}

input#webdav_password{
    height: 22px !important;
}

.video-js-box{
    margin-left: 10px !important;
}

#cpane_tabs .video-js-box{
    margin-left: 0 !important;
}

.video-js-box.vjs-fullscreen{
    margin-left: 0 !important;
}

#video_container{
    margin: 5px 20px 5px 10px !important;
}

td.ip_geo_cell{
    padding-right: 12px !important;
}


/************************************************/
/*     NICE ROUNDED PURE-CSS TABS                                     */
/*     From http://css-tricks.com/better-tabs-with-round-out-borders/ */
/************************************************/
.tabrow {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
    overflow: hidden;
    font-size: 13px;
    position: relative;
    background-color: rgb(78, 167, 165);
    border-radius: 0 3px 0 0;
}

.tabpanes {
    background-color: #f8f8f8;

}

.tabrow li {
    border: 0;
    display: inline-block;
    position: relative;
    padding: 9px 10px 9px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.61);
    text-align: center;
    line-height: 16px;
    margin: 0;
}
.tabrow li.selected {
    color: #ffffff;
    background-color: transparent !important;
}

#sm2-container{
    position: absolute;
    top: -1000px;
}

.toolbarGroup{
    display:inline-block;
}

#put_toolbar div.separator{
    margin-right: 10px;
}

#display_toolbar {
    float: right;
    display: inline-block;
    min-width: 60px;
    text-align: right;
}

#display_toolbar a,
#top_toolbar a
{
    color: #fff;
    display: inline-block;
    padding: 0 3px;
}

#default_toolbar a span.ajxp_icon_span {
    margin-right: 1px;
}

#display_toolbar a:hover{
    color: rgb(253, 252, 228);
}

#display_toolbar a.disabled{
    display:none;
}

#top_toolbar a
{
    font-size:12px;
    padding: 0 10px;
    letter-spacing: 1px;
}

#top_toolbar a span.ajxp_icon_span,
#top_toolbar a span.ajxp_icon_arrow
{
    font-size: 1.0em;
    display:inline-block;
    padding: 0 4px;
}

#top_toolbar a img{
    display:none;
}

#display_toolbar span.actionbar_button_label {
    display: none;
}

#display_toolbar.text_only{
    padding-top: 8px;
}

#display_toolbar.text_only a::after{
    content:' |';
}

#display_toolbar.text_only a:last-child::after{
    display: none;
}

#display_toolbar.text_only span.actionbar_button_label{
    display: inline;
}

#display_toolbar.text_only span.ajxp_icon_span{
    display: none;
}


#cpane_header{
    padding-bottom: 4px;
    height: 19px;
}

/*
TABULATOR VARIANTS
*/

/*
TABULATOR IN A TABULATOR
*/
#files_list_header,
.innerTabulator  div.panelHeader
{
    font-size: 11px;
    padding: 3px 16px 4px 8px;
    height: 35px;
    letter-spacing: 1px;
    background-color: #ddd;
    color: rgb(111, 123, 136);
    border-right: 0;
}

.innerTabulator  div.panelHeader.tabulatorContainer
{
    padding: 0 0 0 0;
    height: 26px;
}

.innerTabulator span.toggleHeader{
    padding: 4px 7px 4px 7px;
    border-right: 1px dotted rgb(111, 123, 136);
    background-color: #ebedf0;
    color: rgb(111, 123, 136);
    font-size: 11px;
}

.innerTabulator span.toggleHeader.toggleInactive{
    background-color: white;
}

#files_list_header > #display_toolbar a:hover,
#files_list_header > #display_toolbar a,
div.innerTabulator > div.tabulatorContainer > #display_toolbar a:hover,
div.innerTabulator > div.tabulatorContainer > #display_toolbar a
{
    color: #333 !important;
}

#cpane_tabs span.toggleHeader{
}

#cpane_tabs span.toggleInactive{
}

#cpane_tabs span.toggleInactiveBeforeActive{
    border-right: 0;
}


/*
DASHBOARD TABULATOR
*/
.flat_tabulator  div.panelHeader.tabulatorContainer
{
    padding: 0 0 0 0;
    height: 34px;
    background-color: transparent;
    border-bottom: 0;
}

.flat_tabulator span.toggleHeader{
    padding: 8px 10px 8px;
    font-size: 13px;
    border-bottom: 0 solid #399C9B;
    color: #ffffff;
    background-color: rgb(78, 167, 165);
    margin-right: 1px;
    border-right: 0;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.26);
    border-radius: 3px 3px 0 0;
}

.flat_tabulator span.toggleHeader:first-of-type{
    background-color: rgb(111,123,136) !important;
}

.flat_tabulator[data-ajxpTabsCount="1"] span.toggleHeader
{
    /*    background-color: white;*/
}

.flat_tabulator span.toggleHeader.toggleInactive {
    border-bottom: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 13px;
    background-color: rgba(78, 167, 165, 0.5);
    box-shadow: none;
    padding-bottom: 7px;
}

div.flat_tabulator > div.tabulatorContainer > #display_toolbar a:hover,
div.flat_tabulator > div.tabulatorContainer > #display_toolbar a
{
    color: rgb(111, 123, 136) !important;
}


div.flat_tabulator span.toggleInactive{
}

div.flat_tabulator span.toggleInactive span.tab_close_button{
    opacity: 0.25;
}

div.flat_tabulator span.toggleInactiveBeforeActive{
}

div.flat_tabulator > div:not(.tabulatorContainer){
    /*
    background-color: #ffffff;
    border-radius: 0 0 2px 2px;
    */
}

.horizontal_tabulator div.tabulatorContainer {
    float: left;
    width: 46px;
    padding: 0;
    background-color: #ebedf0 !important;
}

.horizontal_tabulator span.toggleHeader{
    text-align: center;
    padding: 7px 0 7px 3px;
    background-color: #e35d52 !important;
    color: #ffffff !important;
    border: 0;
    display: block;
    margin: 2%;
    border-radius: 2px;
    font-size: 30px;
}

.horizontal_tabulator span.toggleHeader span.tab_label{
    display: none;
}

.horizontal_tabulator span.toggleInactive{
    width: 200px;
    border-width: 0 !important;
    background-color: transparent !important;
    color: rgb(111, 123, 136) !important;
    text-shadow: none;
}

div.horizontal_tabulator > div:not(.tabulatorContainer){
    float: left;
    padding: 0 !important;
    width:78%;
}

#breadcrumb{
    display: inline-block;
    overflow: hidden;
    color: rgb(111, 121, 131);
    margin-top: 0px;
    border-radius: 0 40px 40px 0;
}

#breadcrumb div.inner_bread{
    width: 2000px;
}

.breadcrumbs-arrow ul, .breadcrumbs-four ul, .breadcrumbs-one ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs-arrow{
    overflow: hidden;
    width: 100%;
}

.breadcrumbs-arrow li{
    float: left;
    margin: 0 2px 0 1em;
    font-size: 15px;
}

.breadcrumbs-arrow li:first-of-type{
    margin-left: 0.2em;
}

.breadcrumbs-arrow span{
    background: #fb725c;
    padding: 20px;
    float: left;
    text-decoration: none;
    color: white;
    cursor: pointer;
    position: relative;
}

.breadcrumbs-arrow span.first-bread{
    width: 215px;
    background: #222;
}

.breadcrumbs-arrow span em{
    font-style: normal;
    font-weight: normal;
}

.breadcrumbs-arrow span:hover{
    background: #fb725c;
    color: white;
}

.breadcrumbs-arrow span::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #fb725c #fb725c #fb725c transparent;
    left: -1em;
}

.breadcrumbs-arrow span.first-bread::before{
    display:none;
}

.breadcrumbs-arrow span:hover::before{
    border-color: #fb725c #fb725c #fb725c transparent;
}

.breadcrumbs-arrow span::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #fb725c;
    right: -1em;
}

.breadcrumbs-arrow span:hover::after{
    border-left-color: #fb725c;
}

.breadcrumbs-arrow span.first-bread::after{
    border-left-color: #222;
}

.breadcrumbs-arrow span.current,
.breadcrumbs-arrow span.current:hover{
    font-weight: bold;
    background: none;
}

.breadcrumbs-arrow span.current::after,
.breadcrumbs-arrow span.current::before{
    content: normal;
}

.breadcrumbs-arrow i.ajxp-goto{
    display: inline-block;
    cursor: pointer;
    padding: 0.4em;
    color: #ebedf0;
}
.breadcrumbs-arrow i.ajxp-goto:hover{
    color: #555;
}

.breadcrumbs-one{
    overflow: hidden;
    width: 100%;
}

.breadcrumbs-one li{
    float: left;
}

.breadcrumbs-one span{
    padding: 20px 15px 20px 35px;
    float: left;
    text-decoration: none;
    color: #666;
    position: relative;
    background-color: #f5f5f5;
}

.breadcrumbs-one li:first-child span{
    padding-left: 1em;
    border-radius: 0;
    width: 201px;
}

.breadcrumbs-one span:hover{
    background: #fff;
    cursor: pointer;
}

.breadcrumbs-one span::after,
.breadcrumbs-one span::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -33px;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    border-left: 1em solid;
    right: -1em;
}

.breadcrumbs-one span::after{
    z-index: 2;
    border-left-color: #f5f5f5;
}

.breadcrumbs-one li:first-child span::after{
    border-left-color: #222;
}
.breadcrumbs-one li:first-child span{
    background-color: #222;
    color: white;
}

.breadcrumbs-one li:nth-child(1) span:before{
    border-left-color: #f5f5f5;
}

.breadcrumbs-one span::before{
    border-left-color: #fb725c;
    right: -1.05em;
    z-index: 1;
}

.breadcrumbs-one span:hover::after{
    border-left-color: #fff;
}

.breadcrumbs-one .current,
.breadcrumbs-one .current:hover{
    font-weight: bold;
    background: none;
}

.breadcrumbs-one .current::after,
.breadcrumbs-one .current::before{
    content: normal;
}

.breadcrumbs-one em{
    font-style: normal;
    font-weight: lighter;
}

.breadcrumbs-one i.ajxp-goto{
    display: inline-block;
    cursor: pointer;
    padding: 20px 25px;
    color: #fb725c;
}
.breadcrumbs-one i.ajxp-goto:hover{
    color: #fb725c;
}


.breadcrumbs-one span.reduced,
.breadcrumbs-arrow span.reduced
{
    padding: 20px 10px 20px 10px;
    width: 4px;
    height: 20px;
}

.breadcrumbs-one span.reduced em,
.breadcrumbs-arrow span.reduced em
{
    visibility:hidden;
}

.breadcrumbs-one span.reduced:hover,
.breadcrumbs-arrow span.reduced:hover
{
    padding: 20px 15px 20px 35px;
    width: auto;
    transition:padding 1s ease;
}

.breadcrumbs-one span.reduced.first-bread,
.breadcrumbs-arrow span.reduced.first-bread{
    padding: 20px 15px 20px 1em;
    transition:none;
    width: 201px;
    height: auto;
}

.breadcrumbs-one span.reduced:hover em,
.breadcrumbs-one span.reduced.first-bread em,
.breadcrumbs-arrow span.reduced:hover em,
.breadcrumbs-arrow span.reduced.first-bread em
{
    visibility:visible;
}


#AjxpConnexion-loader{
    left:49% !important;
    top: 7px !important;
    width:30px;
}

#AjxpConnexion-loader img{
    height:6px;
}

#ajxp_link_form span.icon-envelope-alt {
    font-size: 1.3em;
}

#ajxp_link_form img {
    display: none;
}

.ipanel_no_selection_select, #no-results-found {
    color: rgb(180, 184, 190);
    text-shadow: 1px 1px 0 #ffffff;
}

.ipanel_no_selection_select span.icon-info-sign {
    display: block;
    text-align: center;
    font-size: 150px;
    padding: 50px 0 20px;
}

.ipanel_no_selection_select span.label {
    display: block;
    text-align: center;
    font-size: 13px;
}

.panelContent i {
    font-size: 13px;
    font-style: normal;
    color: rgb(180, 184, 190);
    text-shadow: 1px 1px 0 #ffffff;
}

.ipanel_no_selection_data {
    display: none;
}

#webdav_password_form {
    padding-left: 0 !important;
}

#buttons_bar a,
#buttons_bar_top a
{
    display: inline-block;
    font-size: 11px;
    padding: 1px 12px 2px 11px;
    text-align: center;
    overflow: visible;
    outline: none;
    border-radius: 14px;
    margin: 3px 4px 0 1px;
    background: #ffffff;
    letter-spacing: 1px;
    float: left;
    color: #555;
}

div#buttons_bar_top {
    padding-top: 1px;
}

#buttons_bar span.ajxp_icon_span {
    display: none;
}

a#up_dir_button {
    padding-top: 1px;
    padding-bottom: 5px;
}

a#up_dir_button span.ajxp_icon_span{
    display: inline-block;
}

span#up_dir_button_label {
    display: none;
}


#workspace_toolbar a#ls_button{
    display: none;
}

#upload_button {
    border-radius: 0 2px 2px 0;
}

.custom_top_title{
    color: white;
}

#action_instance_user_create_repository {
    font-size: 14px;
    line-height: 21px;
}

/* rotation animation */
@-webkit-keyframes rotate {
    from { -webkit-transform:rotate(0deg); }
    to { -webkit-transform:rotate(360deg); }
}

@-moz-keyframes rotate {
    from { -moz-transform:rotate(0deg); }
    to { -moz-transform:rotate(360deg); }
}

@-ms-keyframes rotate {
    from { -ms-transform:rotate(0deg); }
    to { -ms-transform:rotate(360deg); }
}

@-o-keyframes rotate {
    from { -o-transform:rotate(0deg); }
    to { -o-transform:rotate(360deg); }
}

.rotating, .icon-spinner {
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-transform-origin: 50% 50%;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-transform-origin: 50% 50%;
    -ms-animation-name: rotate;
    -ms-animation-duration: 1.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transform-origin: 50% 50%;
    -o-animation-name: rotate;
    -o-animation-duration: 1.5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.icon-spinner{
    display: block !important;
    text-align: center;
}

.icon-spinner.spinner_large{
    font-size: 22px;
}

.events_menu span.icon-spinner{
    display: block !important;
    text-align: center;
    width: 14px !important;
    height: 16px !important;
    float: left;
}


.rect_spinners {
    margin: 30px auto;
    width: 50px;
    height: 35px;
    text-align: center;
    font-size: 10px;
}

.rect_spinners > div {
    background-color: #00A790;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin-right: 2px;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.rect_spinners div.rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.rect_spinners div.rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.rect_spinners div.rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.rect_spinners div.rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}

.bounce-spinner {
    width: 50px;
    height: 50px;

    position: relative;
    margin: 30px auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #00A790;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}