a, img {
    border:none;
    outline:none;
}

body {
    background-color:#ebe2da;
    margin:0;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
}

#topbar_white {
    background-color:white;
    height: 36px;
    font-size:12px;
}
.center_width {
    width:940px;
    margin: 0 auto;
}

#topbar_white .center_width .fright {
    display:inline-block;
}
#topbar_white .center_width div.fright {
    color:#8d8d8d;
    padding:13px 19px 0 0;
}

#topbar_white .center_width a,
#topbar_white .center_width a:visited {
    color:black;
    height:36px;
    text-decoration:none;
    box-sizing:border-box;
    padding:13px 9px 0 19px;
    border-left: 1px solid #d1d1d1;
}
#leo_logo {
    width:41.6px;
    height:36px;
    background-image:url(/images/logo.png);
    background-size:41.6px 14px;
    background-repeat:no-repeat;
    background-position: center;
}
.fright {
    float:right;
}

#lion_bar {
    background-color:#f9f4f0;
    height:75px;
}
#headerLion {
    width: 103px;
    height: 75px;
    background-image:url(/images/lion.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: bottom;
    display:inline-block;
    vertical-align:bottom;
}
h1 {
    display:inline-block;
    margin:0 25px;
    height:65px;
    line-height:65px;
    vertical-align:middle;
    font-size:18px;
    font-weight:normal;
}
h2 {
    font-family:Georgia, serif;
    font-size:18px;
}

#menu_contain {
}

#menu {
    background-color:#deb392;
    width:940px;
    margin: 0 auto;
    height:35px;
    
}

#menu a {
    height:35px;
    border-right: 1px solid #b28f75;
    padding:0 18px;
    line-height:35px;
    vertical-align:middle;
    line-height:35px;
    display:inline-block;
    color:black;
    text-decoration:none;
    font-size:12px;
}
#menu a.right {
    float:right;
    border-right: none;
    border-left: 1px solid #b28f75;
}
#menu a.selected {
    background-color:#49423c;
    color:white;
    border-color:#302c28;
}

#menu .num {
    background-color:#b73440;
    display:inline-block;
    vertical-align:middle;
    width:24px;
    height:24px;
    border-radius:12px;
    line-height:24px;
    font-size:12px;
    color:white;
    text-align:center;
    margin-left:10px;
}

/* menu selected item */
.manage_content #menu a.manage_content,
.review_content #menu a.review_content,
.change_log #menu a.change_log,
.admin_options #menu a.admin_options {
    background-color:#4b443e;
    color:white;
}

.homelink {
    cursor:pointer;
}

.sectionmessage {
	position:relative;
    background-color:#e1d5cb;
    box-sizing:border-box;
    width:940px;
	margin: 20px auto;
    padding:20px;
	border:1px solid #bab0a6;
    font-size:12px;
}
.sectionmessage h2 {
    margin-top:0;
}

.closeIcon {
    background-image: url(../images/closeIcon.png);
    width: 14px;
    height: 14px;
    background-size: 14px auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: right;
    top: -10px;
    right: -10px;
    cursor: pointer;
}

.whitebox {
    background-color:white;
    box-sizing:border-box;
    width:940px;
    padding:20px;
    margin: 20px auto;
}

hr.green {
    border:2px solid #008a8b;
}

hr.beige {
    border:2px solid #ebe2da;
}

hr.pink {
    border:2px solid #ec098d;
}

a, a:visited {
    color:#008a8b;
}

#history_table_wrapper table.dataTable {
    width:100% !important;
}
table.dataTable.no-footer {
    border-left: 1px solid #bfbdbd;
    border-right: 1px solid #bfbdbd;
    border-bottom: 1px solid #bfbdbd;
}
table.dataTable thead {
    background-color:#008a8b;
    color:white;
}
.dataTable tbody {
}
.dataTable tbody tr.odd {
    background-color:#d8eaeb;
}
.dataTable tbody tr:hover {
    cursor:pointer;
}
.dataTable tbody tr:hover {
    background-color:lightblue;
}
table.dataTable thead th {
    border-bottom:none;
}

.content_section {
    margin:40px;
}

#main a.huge_button {
    width:439px;
    height:280px;
    display:block;
    background-color:#197071;
    color:white;
    text-align:center;
    text-decoration:none;
    margin: 10px;
    margin-left:0;
    float:left;
    position:relative;
}
#main a.huge_button.right {
    margin-left:10px;
    margin-right:0;
}

#main .huge_button hr {
    width:41%;
    border:none;
    border-top:2px solid #539495;
    margin:0;
    position:absolute;
    top:185px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#main .huge_button h3 {
    position:absolute;
    top:68%;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}

#main .huge_button.blue{
    background-color:#437bb5;
}
#main .huge_button.blue hr {
    border-color:#65acf6;
}
#main .huge_button .docs_pending {
    background-color:#ff4f60;
    color:white;
    vertical-align:middle;
    font-size:16px;
    height:50px;
    line-height:50px;
    position:absolute;
    left:0;
    top:0;
    right:0;
}
#main .huge_button .docs_pending .num {
    background-color:#b73440;
    display:inline-block;
    vertical-align:middle;
    width:32px;
    height:32px;
    border-radius:16px;
    line-height:32px;
}

.form_width {
    width:816px;
    margin:0 auto;
}

/* PARENT FOLDER TREE ======================================================= */
.parent_select {
    border: 1px solid #cccccc;
}
.actualRow {
    height:39px;
    vertical-align:middle;
    line-height:39px;
    cursor:pointer;
}
.actualRow > div {
    display:inline-block;
    vertical-align:middle;
}
.contain_sub {
    display:none; // default all closed
}
.row.open > .contain_sub {
    display:block;
}
.row.selected > .actualRow{
    background-image:url(/images/folder_selected.png);
    background-repeat:no-repeat;
    background-position:top 5px right 10px;
}
.oldSafari .row.selected > .actualRow{
    background-position-x: right;
    background-position-y: 5px;
}
.actualRow.odd {
    background-color:#f0f0f0;
}
.actualRow:hover {
    background-color:lightblue;
}
.toggler {
    width:39px;
    height:39px;
    border-right: 1px solid #ebebeb;

    display:inline-block;
    cursor:pointer;
    background-image:url(/images/folder_toggler_plus.png);
    background-repeat:no-repeat;
    background-position:center;
}
.row.open > .actualRow > .toggler {
    background-image:url(/images/folder_toggler_minus.png);
}
.row.noChildren > .actualRow > .toggler,
.row.noToggle > .actualRow > .toggler {
    cursor:default;
    background-image:none;
}
.parent_select .indent {
    display:inline-block;
    background-image:url(/images/folder_heirarchy_line.png);
    height:39px;
    width:39px;
    background-repeat:no-repeat;
    background-position:top 11px right 10px;
}
.parent_select .folder_icon {
    display:inline-block;
    background-image:url(/images/folder_icon.png);
    height:39px;
    width:39px;
    background-repeat:no-repeat;
    background-position:center;
    margin-right:10px;
}
/* /PARENT FOLDER TREE ====================================================== */

.nice-select {
    border-radius:0;
    border-color:#cccccc;
    width:400px;
    height:40px;
    line-height:38px;
    padding-left:0;
    padding-right:39px;
    font-size:16px;
}
.nice-select span.current {
    display:block;
    border-right: 1px solid #cccccc;
    padding-left:20px;
    padding-right:20px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    box-sizing:border-box;
    width:358px;
}
.nice-select:after {
    border-bottom: 3px solid #005b5d;
    border-right: 3px solid #005b5d;
    height:10px;
    width:10px;
    margin-top:-7.5px;
    right:14.5px;
}

.nice-select.disabled {
    background-color:#dddddd;
    color:black;
    border-color:#cccccc;
}
.nice-select.disabled:after {
    border-color:#868686;
}
/* ============================================================ */

.clear {
    clear:both;
}

button {
    cursor:pointer;
}

input[type=submit], button, .button {
    min-width:193px;
    height:50px;
    line-height:50px;
    vertical-align:middle;
    color:white;
    background-color:#008a8b;
    border:none;
    font-size:18px;
    box-sizing:border-box; /* for padding */
    padding:1px 6px;
}
a.button, a.button:visited {
    display:inline-block;
    text-decoration:none;
    text-align:center;
    color:white;
}


button.short { /* in height */
    height:40px;
    line-height:40px;
}

.folder_name_toggle {
    margin-left:20px;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password]
{
    height:40px;
    line-height:38px;
    box-sizing:border-box;
    width:400px;
    font-size:16px;
    padding: 0 20px;
    border: 1px solid #cccccc;
    border-radius:2px;
}

input[type=text].doc_version {
    width:140px;
    text-align:right;
}

/* override user agent style (don't know why it had [type="blah" i] originally) */
textarea:disabled,
input:not([type]):disabled,
input[type="color"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled {
    background-color:#dddddd;
    border: 1px solid #cccccc;
}
input:disabled, textarea:disabled {
    color:black; // override user agent style
}

label {
    display:block;
}

#name_custom_contain {
    display:none;
}
#recommended {
    color:#989898;
    font-size:14px;
    position:absolute;
    bottom:5px;
    left:300px;
}

.listing {
    margin-top:40px;
}
.listing a {
    background-color:#197071;
    float:left;
    display:block;
    width:290px;
    height:240px;
    margin: 0 15px 14px 0;
    color:white;
    text-decoration:none;
    text-align:center;
    position:relative;
}
.listing a.rightside {
    margin-right:0;
}
.listing .icon {
    position:absolute;
}
.listing hr {
    width:182px;
    margin: 0;
    position: absolute;
    top: 165px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #008588;
}
.listing h3 {
    margin-top:185px;
}
.listing .new_folder {
    background-color:#721a4d;
}
.listing .new_folder .icon {
    background-image:url(/images/listing_new_folder.png);
    width:110px;
    height:94px;
    left:102px;
    top:53px;
}
.listing .new_folder hr {
    border-color:#e25daa;
}
.listing .new_document {
    background-color:#b54385;
}
.listing .new_document .icon {
    background-image:url(/images/listing_new_document.png);
    width:100px;
    height:101px;
    left:112px;
    top:47px;
}
.listing .new_document hr {
    border-color:#e35eab;
}
.listing .folder .icon {
    background-image:url(/images/listing_folder.png);
    width:99px;
    height:84px;
    left:96px;
    top:55px;
}
.listing .image .icon {
    background-image:url(/images/listing_image.png);
    width:90px;
    height:80px;
    left:96px;
    top:47px;
}
.listing .pdf .icon {
    background-image:url(/images/listing_pdf.png);
    width:68px;
    height:84px;
    left:108px;
    top:47px;
}
.listing .video .icon {
    background-image:url(/images/listing_video.png);
    width:101px;
    height:92px;
    left:101px;
    top:43px;
}
.listing .ppt .icon {
    background-image:url(/images/listing_ppt.png);
    width:68px;
    height:84px;
    left:109px;
    top:55px;
}

.listing.listview a:hover {
    background-color:lightblue;
    color:black;
}
.listing.listview {
    margin-top:0;
    background-color:grey;
}
.listing.listview a {
    float:none;
    display:block;
    width:100%;
    height:30px;
    margin: 1px 0;
    text-align:left;
    box-sizing:border-box;
    padding-left:165px;
}
.listing.listview hr { display:none; }
.listing.listview h3 {
    margin:0;
    height:30px;
    line-height:30px;
    vertical-align:middle;
}
.listing.listview .new_folder:hover { background-color:lightblue; }
.listing.listview .icon {
    background-size:cover;
    height:30px;
    left:110px;
    top:0;
}
/* see listview_icons.ods for calcs */
.listing.listview .new_folder .icon {
    width:35.1px;
}
.listing.listview .new_document .icon {
    width:29.7px;
}
.listing.listview .folder .icon {
    width:35.4px;
}
.listing.listview .image .icon {
    width:33.8px;
}
.listing.listview .pdf .icon,
.listing.listview .ppt .icon {
    width:24.3px;
}
.listing.listview .video .icon {
    width:32.9px;
}
.listing.listview .status {
    min-width:100px;
    box-sizing:border-box;
}
.listing.listview .new_folder .status,
.listing.listview .new_document .status {
    min-width:0;
}

.listing .new_folder .status {
    position:absolute;
    left:0;
    top:0;
    background: transparent url(/images/listing_statuscorner_new_folder.png) no-repeat center;
    width:16px;
    height:16px;
    padding:0;
}
.listing .new_document .status {
    position:absolute;
    left:0;
    top:0;
    background: transparent url(/images/listing_statuscorner_new_document.png) no-repeat center;
    width:16px;
    height:16px;
    padding:0;
}
.listing .status {
    position:absolute;
    left:0;
    top:0;
    background-color:#003f40;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    font-size:12px;
    color:#22c5c9;
    padding:0 12px;
}
.listing .status.approved {
    padding-right:35px;
}
.listing .status.approved:after {
    background-image:url(/images/listing_checkmark_dullgreen.png);
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    position:absolute;
    height:28px;
    width:30px;
    right:5px;
    content:'';
}
.listing .status.published {
    color:white;
    padding-right:35px;
}
.listing .status.published:after {
    background-image:url(/images/listing_checkmark_green.png);
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    position:absolute;
    height:28px;
    width:30px;
    right:5px;
    content:'';
}

/* ============================================================ */
#root_dir .listing a {
    width:440px;
    height:280px;
    margin: 0  20px 20px 0;
}
#root_dir .listing a.rightside {
    margin-right:0;
}
#root_dir .listing .icon {
    display:none;
}
#root_dir .listing h3 {
    margin-top:124px;
}

/* ============================================================ */
.modal {
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(0,0,0,0.6);
    z-index:9;
}
.popup {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background-color:white;
}
#my_alert .popup {
    min-width:480px;
    min-height:248px;
    text-align:center;
    box-sizing:border-box;
}
#my_alert .message {
    min-height:120px;
    padding:20px;
}
#my_alert button.confirm {
    margin-bottom:18px;
}
#delete_confirm .popup {
    width:480px;
    height:248px;
    text-align:center;
    box-sizing:border-box;
    padding-top:23px;
}
#delete_confirm .popup p {
    width:300px;
    margin:0 auto;
}
#delete_confirm .popup hr {
    margin:18px 0;
    border:none;
    border-top: 2px solid #f2f2f2;
}
.popup button.cancel {
    color:black;
    background-color:white;
}

#duplicate_doc .popup {
    width:880px;
    box-sizing:border-box;
    padding:54px 32px;
}
#duplicate_doc .popup hr {
    border:none;
    border-top: 4px solid #109c9e;
}

form.user hr.beige {
    margin:30px 0;
}

.indent {
    margin-left:42px;
}

.cleardate {
    display:inline-block;
    box-sizing:border-box;
    border: 1px solid #cccccc;
    width:40px;
    height:40px;
    background:url(/images/closeicon_darkgreen.png);
    background-repeat:no-repeat;
    background-position:center;
    vertical-align:bottom;
    cursor:pointer;
}

#btn_new_folder_name {
    background-image: url(/images/plus_cyan_20x20.png);
    background-position:20px center;
    background-repeat:no-repeat;
    padding-left:50px;
    padding-right:20px;
}

textarea {
    padding:15px 20px;
}
textarea[name=notes] {
    min-height:190px;
    min-width:660px;
}

input:placeholder-shown,
textarea:placeholder-shown
{
    color: #aaa;
    font-style:italic;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
}

/* separate because doesn't work in ie9 if this is in the above selector */
.placeholder {
    color: #aaa;
    font-style:italic;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
}

#file_history_note .popup {
    padding:20px;
}
#notes_popup {
    min-width:480px;
    min-height:248px;
}
#notepop_notes {
    border:1px solid #cccccc;
    width:660px;
    min-height:190px;
    max-height:550px;
    overflow-x:scroll;
    overflow-y:scroll;
    padding:15px 20px;
}
.preformatted {
    font-family: monospace;
    white-space: pre;
}
.tagshint {
    float:right;
    color:#989898;
    font-size:smaller;
    margin-right:20px;
}
#upload_progress .popup {
    width:480px;
    height:248px;
    text-align:center;
}
#upload_progress h3 {
    margin:40px;
}
#upload_progress_contain {
    background-color:#d3d3d3;
    height:15px;
    width:390px;
    position:relative;
    margin:0 auto 39px auto;
}
#upload_progress_bar {
    height:100%;
    background-color:#007476;
    width:0;
}
#upload_progress .popup hr {
    margin:18px 0;
    border:none;
    border-top: 2px solid #f2f2f2;
}

#status_display {
    font-weight:bold;
    display:inline-block;
    margin:0 10px;
}

/* ============================================================ */
/* remove the indicator that this is a dropdown when disabled because they asked for it */
.nice-select.disabled:after { content:none; }
.nice-select.disabled span.current { border-right:none; }