/* HTML5 Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html, body {
    height: 100%;
}

em {
    font-style: italic;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: "";
        content: none;
    }

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

body {
    font: 13px/1.231 Trebuchet MS,sans-serif;
    *font-size: small;
}

select, input, textarea, button {
    font: 85% Trebuchet MS, sans-serif;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

html {
    overflow-y: scroll;
}

a, a:hover, a:active {
    outline: none;
}

ul, ol {
    margin-left: 2em;
}

ol {
    list-style-type: decimal;
}

nav ul, nav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

small {
    font-size: 85%;
}

b, strong, th {
    font-weight: bold;
}

td {
    vertical-align: top;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px;
}

textarea {
    overflow: auto;
}

.ie6 legend, .ie7 legend {
    margin-left: -7px;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="radio"], input[type="checkbox"] {
    vertical-align: text-bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer;
}

button, input, select, textarea {
    margin: 0;
}

    input:valid, textarea:valid {
    }

    input:invalid, textarea:invalid {
        border-radius: 1px;
        -moz-box-shadow: 0px 0px 5px red;
        -webkit-box-shadow: 0px 0px 5px red;
        box-shadow: 0px 0px 5px red;
    }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
    background-color: #f0dddd;
}

::-moz-selection {
    background: #75ae91;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #75ae91;
    color: #fff;
    text-shadow: none;
}

a:link {
    -webkit-tap-highlight-color: #75ae91;
}

button {
    width: auto;
    overflow: visible;
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

body, select, textarea, input[type=checkbox] {
    color: #000;
    line-height: 1.5em
}

input {
    padding: 2px 2px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

a, a:active, a:visited {
    color: #005cab;
    text-decoration: none;
    outline: 0
}

    a:hover {
        text-decoration: none;
    }

    a:active {
    }

/**
 * Primary styles
 *
 * Author: 
 */


.hidden {
    display: none;
    visibility: hidden;
}

.cf:before, .cf:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}


@media all and (orientation:portrait) {
}

@media all and (orientation:landscape) {
}

@media screen and (max-device-width: 480px) {

    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}


body {
    background: url(/Resources/Images/top-repeat.png) top repeat-x;
    line-height: 24px;
}

#container {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

p {
    padding: 0 0 10px;
}

.dialog p {
    padding: 15px 0 5px;
}

.section {
    margin: 10px 0 0;
}

#header {
}

#header-controls {
    float: right;
    padding: 4px 10px 0 0;
    text-align: right
}

    #header-controls li {
        float: left;
    }

    #header-controls ul {
        list-style: none;
    }

    #header-controls a {
        float: left;
        margin-left: 12px
    }

#left {
    margin-right: 240px;
}

#right {
    float: right;
    width: 220px;
}

.bordered {
    border: 1px solid #ccc
}


.highlighted {
    background-color: green;
}

.non-highlighted {
    background-color: yellow;
}


#folder-perm-header {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#folder-perm-header {
    margin-right: 1px;
    line-height: 24px
}

.list-remove {
    float: right;
    width: 20px;
}

    .list-remove .btn-actn {
        margin-bottom: -1px;
    }

.list-user {
    float: left;
}

    .list-user .btn-actn {
        margin-right: 5px;
    }

.highlightedWrapper {
    display: inline-block;
    padding: 2px;
}


.main-list ul {
    list-style: none;
    margin: 0
}

.main-list {
    padding: 4px 0;
    list-style: none;
    line-height: 24px;
    font-size: 0.9em;
    margin: 0;
}

    .main-list li > div {
        overflow: hidden;
    }

    .main-list li .selector {
        overflow: hidden;
    }


#file-list li > div:hover, #user-list li > div:hover {
    cursor: pointer
}


.main-list li > div {
    line-height: 24px;
    border: 1px solid transparent;
    border-width: 1px 0;
}

    .main-list li > div:hover {
        border-color: #7AD;
        background: #f4faff
    }
/*#file-list li > div.hover-valid:hover .ui-button, #file-list li > div.hover-invalid:hover .ui-button {  cursor: pointer }*/

.selecting .list-date-lastaccessed, .selecting .list-size {
    color: #ffffff;
}

.main-list li.row-selected > div {
    border-color: #8bc;
    background: #fafeff
}

.main-list li a {
    color: #000;
}

    .main-list li a:hover {
        text-decoration: underline
    }

.main-list li .list-controls a:hover {
    text-decoration: none
}

.header-list .list-checkbox {
    border: none;
}

.list-checkbox {
    float: left;
    width: 20px;
    padding-left: 5px;
    border-right: 1px solid #f2f2f2;
    height: 24px;
}

    .list-checkbox span {
        visibility: hidden
    }

.main-list li > div:hover .list-checkbox {
    height: 24px;
}

    .main-list li > div:hover .list-checkbox span {
        visibility: visible
    }

#file-list.selecting li > div:hover .list-checkbox span {
    visibility: hidden
}

.checkbox-on.list-checkbox span {
    visibility: visible
}

#table-key {
    text-align: left;
    border: 1px dotted #AEBBE0;
    border-width: 1px 0;
    padding: 7px;
    margin: 10px 0;
    font-size: 90%;
    line-height: 20px
}

    #table-key p {
        padding: 5px 0
    }

    #table-key .btn-actn {
        margin-left: 20px;
    }

.response-msg {
    padding: 12px 10px 2px;
    margin: 10px 0;
}

    .response-msg p {
        padding: 0 0 10px;
    }


.icon {
    float: left;
    margin-right: 0.5em;
}

.btn-actn {
    float: left;
    width: 16px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(/Resources/Images/sprite.png);
}

.btn-actn-text {
    float: left;
    line-height: 24px;
    width: 16px;
    height: 24px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-image: url(/Resources/Images/sprite.png);
}

.btn-download {
    background-position: -64px -24px;
}

.btn-history {
    background-position: -128px -24px;
}

.btn-delete {
    background-position: -160px -48px;
}

.btn-logout {
    background-position: -48px -72px;
}

.btn-help {
    background-position: -80px -48px;
}

.btn-contact {
    background-position: -112px -48px;
}

.btn-company {
    background-position: -32px -48px;
}

.btn-file {
    background-position: -32px -96px
}

.btn-folder-user {
    background-position: -96px 0px;
}

.btn-folder-user-closed {
    background-position: -80px 0px;
}

.btn-folder {
    background-position: -176px 0px;
}

.btn-folder-closed {
    background-position: -160px 0px;
}

.btn-permission {
    background-position: -48px -24px;
}

.btn-search {
    background-position: -16px -72px;
}

.btn-new-company {
    background-position: -32px -24px;
}

.btn-new-folder {
    background-position: -144px 0px;
}

.btn-sub-folders {
    background-position: -112px 0px;
}

.btn-edit {
    background-position: -160px -24px;
}

.btn-upload {
    background-position: 0px -24px
}

.btn-user {
    background-position: -16px 0px;
}

.btn-user-expire {
    background-position: -16px -96px;
}

.btn-manage-users {
    background-position: 0px 0px
}

.btn-notify-users {
    background-position: -112px -24px
}

.btn-manage-folders {
    background-position: -128px 0px;
}

.btn-add-user {
    background-position: -64px 0px;
}

.btn-delete-user {
    background-position: -48px 0px;
}

.btn-edit-user {
    background-position: -32px 0px;
}

.btn-move {
    background-position: 0px -96px;
}

.btn-recycle-bin, .btn-restore-file {
    background-position: -96px -24px;
}

.btn-arrow-bullet {
    background-position: 0px -48px;
}

.btn-arrow-bullet-open {
    background-position: 0px -72px;
}

.has-history .btn-arrow-bullet {
    background-position: -96px -48px;
}

.has-history .btn-arrow-bullet-open {
    background-position: -96px -72px;
}

.has-expiry .btn-arrow-bullet {
    background-position: -64px -48px;
}

.has-expiry .btn-arrow-bullet-open {
    background-position: -64px -72px;
}

.btn-document-information {
    background-position: -96px -96px;
}

.btn-spacer {
    background-position: -16px -96px;
}

.btn-stats {
    background-position: -16px -48px;
}

.btn-changePassword {
    background-position: -48px -48px;
}

.btn-statistics {
    background-position: -16px -48px;
}

.btn-file-log {
    background-position: -144px -24px;
}

.btn-download-log {
    background-position: -144px -48px;
}

.btn-active-to {
    background-position: -64px -48px;
}

.btn-checkbox-off {
    background-position: -16px -120px;
}

.btn-checkbox-on {
    background-position: 0px -120px;
}

.btn-checkbox {
    cursor: pointer
}

.checkbox-on .btn-checkbox {
    background-position: 0px -120px;
}

.checkbox-off .btn-checkbox {
    background-position: -16px -120px;
}


.deleted {
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); */
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.list-item .btn-actn {
    margin-right: 10px;
}

.list-name .btn-actn {
    margin-right: 10px;
}

.right-box {
    margin-bottom: 10px;
    padding-top: 10px
}

    .right-box h3 {
        background: url(/Resources/Images/list-view.png) repeat-x;
        line-height: 24px;
        margin: -10px 0 5px;
        padding: 0 5px;
        color: #fff;
    }

    .right-box p {
        padding: 0 10px 10px;
        font-size: 90%
    }

    .right-box ul {
        list-style: none;
        margin: -5px 0 0 0;
        padding: 0 10px;
    }

        .right-box ul li {
            padding: 5px 0;
            border-top: 1px dotted #777;
        }

    .right-box ol {
        margin-left: 30px;
        font-size: 0.9em;
    }

    .right-box .btn-actn {
        margin-right: 8px
    }

    .right-box img {
        display: block;
        margin: 0 auto 10px;
    }

ul li.first-list-item {
    border-top: 0;
}

#tools-list {
    margin: -4px 0 5px 0
}

.light-background {
    background: url(/Resources/Images/top-repeat.png) repeat-x
}

.ui-widget-content a.page-selected, a.page-selected {
    background: #066;
    color: #fff;
    padding: 0 3px;
}

#file-list-footer {
    overflow: hidden;
    padding-top: 5px;
}

#pages {
    float: left;
}

#loading {
    float: right;
}

#search-summary a {
    padding-left: 8px
}


#file-list {
    overflow: hidden;
}

    #file-list, #file-list ul {
        display: block;
        list-style: none;
        margin: 0;
    }

        #file-list li {
        }

        #file-list .cell {
            zoom: 1;
            min-height: 18px;
        }

.list-controls {
    float: right;
    width: 75px
}

    .list-controls .btn-actn {
        margin-right: 5px;
    }

.list-size {
    float: right;
    width: 10%;
}

.list-type {
    float: right;
    width: 15%;
}

.list-date-created {
    float: right;
    width: 15%;
    display: none;
}

.list-date-lastaccessed {
    float: right;
    width: 17%;
}

.list-item {
    float: left;
    width: 60%;
    padding-left: 10px;
    font-size: 1.1em;
}

    .list-item a {
        float: left;
    }

.list-checkbox-item {
    float: right;
    width: 26px;
    vertical-align: middle
}

    .list-checkbox-item input {
        vertical-align: middle
    }

.list-file-version {
    float: left;
    padding-left: 15px;
}

/*logs list*/
.download-log-list {
    overflow: hidden;
    overflow: auto;
    max-height: 300px;
}

.download-log-list, #download-log-list ul {
    display: block;
    list-style: none;
    margin: 0;
}

.download-log-list-name {
    float: left;
    width: 400px;
    padding: 0 15px;
}

.download-log-list-date {
    float: left;
    width: 150px;
    padding: 0 15px;
}

.download-log-list-cell {
    float: left;
    width: 30px;
    padding-left: 10px;
    padding-right: 0px;
}

.selection-wrapper {
    width: 250px;
    margin: 0 auto;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.selection-search {
    width: 240px;
    padding: 3px 4px;
    border: 1px solid #ccc;
    margin: 2px 0
}

.selection-list {
    height: 150px;
    overflow: auto;
}

    .selection-list li {
        cursor: pointer;
        vertical-align: middle
    }

        .selection-list li:hover .btn-actn {
            height: 24px;
        }

.list-option {
    float: left;
    padding-left: 10px
}

.list-option-checkbox {
    float: right;
    margin-right: 10px;
    width: 16px
}

.header-list {
    overflow: hidden;
    display: block;
    list-style: none;
    margin: 0;
}

    .header-list a, .ui-widget-content .header-list a {
        color: #fff;
    }

    .header-list li {
        float: left;
        width: 100%;
        margin: 0;
        background: url(/Resources/Images/list-view.png) repeat-x;
        line-height: 24px;
        padding: 0;
        color: #fff;
    }

    .header-list .cell {
        zoom: 1;
        min-height: 15px;
    }

/* Previous versions table */
#history-dialog .row-selected .btn-restore-file {
    display: none;
}

#history-dialog .row-selected .btn-spacer {
    display: block;
}

#history-dialog li .btn-spacer {
    display: none;
    cursor: default;
}

#history-dialog li {
    padding: 1px 0;
}

#notify-users textarea {
    width: 400px
}

/*User management table */
#user-header-list {
    overflow: hidden;
    display: block;
    list-style: none;
    margin: 0;
}

    #user-header-list a {
        color: #fff;
    }

    #user-header-list li {
        float: left;
        width: 100%;
        margin: 0;
        background: url(/Resources/Images/list-view.png) repeat-x;
        line-height: 24px;
        padding: 0;
        color: #000;
    }

    #user-header-list .cell {
        zoom: 1;
        min-height: 15px;
    }

#user-list {
    overflow: hidden;
}

    #user-list, #user-list ul {
        display: block;
        list-style: none;
        margin: 0;
    }

        #user-list li {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0;
            line-height: 24px;
        }

        #user-list .cell {
            zoom: 1;
            min-height: 15px;
        }

.list-username {
    float: right;
    width: 20%;
}

.list-company {
    float: right;
    width: 20%
}

.list-user-type {
    float: right;
    width: 15%;
}

.list-name {
    float: left;
    width: 40%;
    font-size: 1.1em;
    padding-left: 8px;
}

    .list-name a {
    }

#companies-list, #companies-list ul {
    margin: 0;
    list-style: none;
}

#companies-list {
    margin: 0;
    border: 1px solid #888;
    overflow-y: scroll;
    max-height: 240px;
}

    #companies-list li {
        overflow: hidden;
        margin: 0;
        padding: 0;
        line-height: 24px;
    }

    #companies-list .btn-actn {
        margin-right: 8px
    }

div > .folder-item {
    padding-right: 16px;
}

.folder-item {
    overflow: hidden
}

.folder-name {
    float: left;
}

.folder-checkbox {
    float: right;
    width: 26px;
}

#companies-list li > div {
    padding-left: 10px;
}

/* User folder permissions table */
#existing-user-folder-permissions {
    list-style: none;
    padding: 0;
    overflow: auto;
    line-height: 24px;
}

    #existing-user-folder-permissions li {
        float: left;
        width: 100%;
        margin: 0;
        line-height: 24px;
        padding: 0;
        color: #000;
    }

    #existing-user-folder-permissions .cell {
        zoom: 1;
        min-height: 15px;
    }

#info-message {
    text-align: center;
}

/* =Form stuff */
#serach-box input {
    margin-left: 6px;
}

.fixed-length {
    width: 120px;
}

.long-fixed-length {
    width: 250px;
}

.label {
    float: left;
    width: 130px
}



/* =Login */
#login-content {
    margin: 0 auto;
    width: 750px;
}

#login-header-wrapper {
    /*background: url(/Resources/Images/login-bg.gif) repeat-x top; 
    padding: 30px 0;
    font-size: 1.5em;
    color: #fff;*/
    text-align: center;
}

#login-header {
    /*background: url(/Resources/Idash/Images/logo.png) no-repeat top left; */
    margin: 0 auto;
    width: 750px;
    text-align: right;
    /*padding: 10px 0 120px; */
    color: #444;
    font-size: 0.73em;
}

#login-right {
    margin: 40px auto;
    width: 400px;
    background: #eee;
    border: 1px solid #2F74B9;
    padding: 20px 20px 0px;
    color: #444;
}

    #login-right h2 {
        font-size: 18px;
        margin: 0 0 20px 0;
        font-weight: normal
    }

    #login-right label {
        float: left;
        width: 150px
    }


    #login-right a {
        text-decoration: underline;
    }

#forgot-password {
    margin: 0 auto;
    width: 302px;
}

#contextmenu {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #eee;
    width: 170px;
    border: 1px solid #ccc;
    padding: 5px 3px;
    list-style: none;
    margin: 0;
}

    #contextmenu li a {
        display: block;
        padding: 2px 10px 2px 5px;
        color: #000;
    }

        #contextmenu li a span {
            margin-right: 10px;
        }

        #contextmenu li a:hover {
            background-color: #E0EEFC;
            border: 1px solid #9DF;
            padding: 1px 9px 1px 4px;
        }



/* File extensions and icons */
.ext-7z, .ext-zip, .ext-ace, .ext-cab, .ext-gz, .ext-hqx, .ext-tgz, .ext-rar {
    background-position: -176px -96px;
}

.ext-aif, .ext-aiff, .ext-amr, .ext-asf, .ext-asx, .ext-cda, .ext-divx, .ext-m4a, .ext-m4b, .ext-m4p, .ext-m4v, .ext-mov, .ext-mpeg, .ext-mpg, .ext-mid, .ext-mp2, .ext-mp3, .ext-mp4, .ext-ogg, .ext-wav, .ext-wma, .ext-wmv {
    background-position: -64px -96px;
}

.ext-bin, .ext-vob, .ext-msi, .ext-exe {
    background-position: -64px -96px;
}

.ext-bmp, .ext-indd, .ext-jpeg, .ext-jpg, .ext-png, .ext-gif, .ext-psd {
    background-position: -128px -96px;
}

.ext-doc, .ext-docx, .ext-docm, .ext-dotx, .ext-dotm {
    background-position: -80px -96px;
}

.ext-fla, .ext-flv, .ext-swf {
    background-position: -144px -96px;
}

.ext-pdf {
    background-position: -48px -96px;
}

.ext-pps, .ext-ppt, .ext-pptx, .ext-pptm, .ext-potx, .ext-potm, .ext-ppam, .ext-ppsx, .ext-ppsm, .ext-sldx, .ext-sldm, .ext-thmx {
    background-position: -112px -96px;
}

.ext-rtf, .ext-txt {
    background-position: -96px -96px;
}

.ext-xls, .ext-xlsx, .ext-xlsm, .ext-xltx, .ext-xltm, .ext-xlsb, .ext-xlam, .ext-csv {
    background-position: -160px -96px;
}


#usage-wrapper {
    margin: 0 auto;
    width: 280px;
    font-size: 0.9em;
}

#bandwidth-wrapper, #diskspace-wrapper {
    margin: 0px;
    text-align: center;
    width: 140px;
    float: left
}

#user-limit-wrapper {
    margin: 0 auto;
    width: 200px;
    text-align: center
}

.submit {
}

.btn {
    color: #000;
}

.cm-file, .cm-company, .cm-folder, .cm-recyclebin {
}

h1 {
    margin-right: 240px;
    font-size: 1.5em;
    color: #069;
    text-align: center
}

    h1.full {
        margin-right: 0;
        font-size: 1.5em;
        color: #069;
        text-align: center
    }


#stats-list-wrapper {
    margin: 0 auto 10px
}

.stats-list-name {
    float: left;
    padding-left: 10px
}

    .stats-list-name .btn-actn {
        margin-right: 10px
    }

.stats-list-activity {
    float: left;
    padding-left: 10px;
}

.stats-list-users {
    float: right;
    width: 20%;
}

.stats-list-activity {
    float: right;
    width: 20%;
}

.stats-list-storage {
    float: right;
    width: 20%;
}

.stats-list-bandwidth {
    float: right;
    width: 20%;
}

.cell {
    min-height: 15px;
}

.rating {
    padding-left: 10px;
    margin-right: 10px
}

.rating-good {
    background: #ced;
}

.rating-fair {
    background: #eea;
}

.rating-warning {
    background: #faa;
}

#company-search {
    width: 150px
}

#terms-and-conditions {
    height: 400px;
    overflow: auto;
}

.terms-and-conditions {
    width: 600px;
    margin: 0 auto;
    padding: 10px;
}



/*terms and conditions*/
#terms-and-conditions ol {
    list-style: none;
}

    #terms-and-conditions ol li span {
        display: block;
        float: left;
        width: 30px;
    }

ol li {
    clear: both;
    width: 400px;
}

#terms-and-conditions ol li p {
    float: left;
    width: 370px;
    margin: 0;
}

.centered {
    text-align: center
}

    .centered .btn-actn {
        margin-right: -20px;
    }

#help h1 {
    text-align: left;
}

.help-category {
    border-top: 2px dotted #069;
    margin-top: 45px;
}

    .help-category h1 {
        margin-top: 45px;
    }

.help-item h2 .btn-actn {
    margin-right: 10px;
}

.help-item h2 {
    margin-bottom: 5px;
    font-size: 1.15em
}

.help-item {
    padding: 15px 20px 10px;
    margin: 5px;
    border-top: 1px dotted #777;
}

    .help-item:first-child {
        border: 0;
    }

.help-item-list {
    list-style-type: none;
}

.help-item-list-icon {
    margin-right: 10px;
}

.log-user {
    float: left;
    width: 200px;
    padding-left: 10px
}

    .log-user .btn-actn {
        margin-right: 5px
    }

.log-date {
    float: left
}

.log-type {
    float: left;
    width: 150px;
}

#cmDownloadLog, #cmNewVersion, #cmPermissions {
    border-top: 1px solid #bbb;
    padding-top: 2px;
    margin-top: 2px;
}

.download-log ul, #file-log ul {
    list-style: none;
    margin: 0
}

#read-log .log-date {
    width: 150px;
}

.download-item {
    background: #fff;
    border: 2px dotted #777;
    border-width: 2px 0;
    margin: 20px auto;
    width: 700px;
    padding: 20px 160px;
}

    .download-item p {
        padding: 15px 0
    }

.inlineErrorStyle.ui-state-error {
    padding: 10px 20px;
}

#file-expiration-dialog ul {
    list-style: none
}

#file-expiration-dialog li .btn-actn {
    margin-right: 8px;
}

    #file-expiration-dialog li .btn-actn:first-child {
        margin-right: 12px
    }

.jquery-tooltip {
    position: absolute;
    border: 1px solid #069;
    padding: 5px;
    background: aliceblue;
}

.bounded-list {
    overflow: auto;
    max-height: 250px;
    margin-left: 10px;
}

.list-file-name-expiry {
    float: left;
    padding-left: 15px;
    width: 300px;
}

#mainLogo {
    max-width: 300px;
    margin: 5px 0 0 5px;
}



#file-list .list-move {
    float: right;
    display: none;
}

#file-list.selecting .hover-valid .list-move {
    display: inline;
}

#file-list.selecting li > div:hover {
    border-color: #cb8;
    background: #fffaf4;
    cursor: default
}

.list-move.ui-button {
    line-height: 18px;
    margin: 2px 0 2px 0;
    padding: 0 1.5em;
}

    .list-move.ui-button:hover {
        border: 1px solid #004185;
        background: #5f94ce url(images/ui-bg_highlight-soft_25_5f94ce_1x100.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #ffffff;
    }
/*.hover-invalid .list-move.ui-button:hover { border: 1px solid #854100;  background: #944 url(images/ui-bg_highlight-soft_25_red_1x100.png) 50% 50% repeat-x; }*/


#two-factor-authentication-disabled #twoFactorAuthenticationMessage {
    width: 40%;
}

#two-factor-authentication-enabled .table {
    width: 75%;
    text-align: center;
}

#file-uploader-files {
    list-style: none;
    margin: 0;
}

#file-uploader {
    display: none;
}

.file-uploader-btn {
    background: #5f94ce url(images/ui-bg_highlight-soft_50_5f94ce_1x100.png);
    color: white;
    padding: 10px;
}

#file-uploader-files > li div i.loading {
    display: inline-block;
    background: url("/Resources/Images/loading.gif");
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

#folder-uploader, #root-folder-uploader {
    display: inline-block;
    border: dashed 2px #5f94ce;
    padding: 4px 10px 4px 10px;
    margin-left: 5px;
    line-height: 1;
    position: relative;
    top: 6px;
    height: 23px;
    font-size: 96%;
    text-align: center;
    transition: border-color .2s ease-in, background-color .2s ease-in;
}

    #folder-uploader:hover, #root-folder-uploader:hover, .folder-upload-hover {
        border-color: #faa !important;
        background-color: #fffaf4 !important;
    }

#upload-dialog {
    max-height: 512px;
    overflow-y: auto;
}

.clear-all-btn {
    padding: 3px 10px 3px 10px;
    margin-right: 10px;
    float: right;
    background: #5f94ce url(images/ui-bg_highlight-soft_50_5f94ce_1x100.png);
    color: white;
}

.text-wrap {
    overflow-wrap: break-word;
}

.file-action-list {
    list-style: none;
    float: right;
}


.item-row .cog-icon {
    display: none;
    position: absolute;
    right: -10px;
    top: 65%;
    transform: translateY(-50%);
    cursor: pointer;
}

.item-row:hover .cog-icon {
    display: block;
}
.item-row{
    position: relative;
}