/*********
Note: 1em = 13px
See cals.css to change the size of 1em by changing the
default font-size in the "body" css selector
(currently set to 82%)
*********/

/* Custom App Title Adjustments */
#oeh_external_homepage {
    color:#EEE;
    text-decoration: none;
}

#oeh_external_homepage:hover {
    text-decoration: underline;
}

/* Information buttons on workshop tables */
.information-btn {
    display: flex;
    width: fit-content;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

/*Dropdown Menu Styles */

/*LEVEL ONE*/
.dropdown{
    position: relative;
    margin:0;
    padding:0;
    height:1em;
    }
.dropdown li {
    list-style:none;
    font-weight: bold;
    float: left;
    }

div.cals_toolbar .dropdown > li.activeTab { border-top-width: 0px; }
.dropdown li.hover, .dropdown li:hover {
    /*background-color: #484848;*/ /* For white banner */
    background-color: #888; /* For gray banner */
    background-image: linear-gradient(#aaa 20%, #888 100%);
    color: black;
    position: relative;
    }
div.cals_toolbar li.activeTab { background-image: linear-gradient(#686868 20%, #484848 100%); }
div.cals_toolbar li.activeTab:hover { background-image: linear-gradient(#aaa 20%, #888 100%); }

.dropdown .sub_menu a:hover, .dropdown ul li.activeTab > a, .dropdown li.hover ul.sub_menu li.hover a.no-link { color: white; }

/*LEVEL TWO   */
.sub_menu{ position: relative; margin:0; padding:0; }
.dropdown ul {
    width: 125px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index:11;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.25);
    -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.25);
    box-shadow: 2px 3px 5px rgba(0,0,0,.25);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    }
.dropdown ul li {
    font-weight: normal;
    background: whiteSmoke;
    color: #000;
    z-index:11;
    border:0;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    float: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    }
.dropdown ul li:last-child {
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 1px solid #aaa;
}
.dropdown ul li.activeTab:last-child { border-bottom-color:#484848; }
.dropdown ul li:first-child {
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #aaa;
}
.dropdown ul li.activeTab:first-child { border-top-color:#484848; }
/*IE 6 & 7 Needs Inline Block */
.dropdown ul li a {
    border-right: none;
    width: 100%;
    display: inline-block;
    z-index:11;
    color:black;
    }
.dropdown a.no-link+ul.sub_menu li a.no-link+ul.sub_menu li a { width: 80%; }
.dropdown li#queue a.no-link+ul.sub_menu li a.no-link+ul.sub_menu li a { width: 90%; }
.dropdown a.no-link+ul.sub_menu li a { width: 90%; }

/* LEVEL THREE */
.dropdown ul ul  {
    width: 100px;
    visibility: hidden;
    position: absolute;
    top: -1px;
    left: 100%;
    z-index:11;
    }
.dropdown li#queue ul ul { width:200px; } /* Hack for left side third level menus */
.dropdown ul ul li:first-child {
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 0px;
    border-top-left-radius: 5px;
    border-top: 1px solid #aaa;
}
.dropdown ul ul li.activeTab:first-child { border-top-color:#484848; }
.dropdown ul li span.no-link {
    border-right: none;
    width: 100%;
    display: inline-block;
    z-index:11;
    padding: 8px 10px;
    }

.dropdown li#manage_application > ul.sub_menu { width:150px; }

/*Fix home button*/
.dropdown li#home { width:50px; }
.dropdown li#home a { width:30px; height:14px; display:block; }
.dropdown li#home a img { position:absolute; top:7px; left:15px; }

/*End Dropdown Menu Styles */

/* Message Styles */
.error, .alert, .notice, .success, .info {
    padding:0.8em;
    margin:0.5em 0;
    border:2px solid #ddd;
    border-radius:4px;
}
.error, .alert {
    background:#fbe3e4;
    color:#8a1f11;
    border-color:#fbc2c4;
}
.notice {
    background:#fff6bf;
    color:#514721;
    border-color:#ffd324;
}
.success {
    background:#e6efc2;
    color:#264409;
    border-color:#c6d880;
}
.info, .ui-tooltip {
    background:#d5edf8;
    color:#205791;
    border-color:#92cae4;
    font-style:italic;
}
.error a, .alert a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }
.info a { color:#205791; }

/* End Message Styles */

/* DataTable CSS Fixes */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 0.5em;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_table_holder {
    margin-top: 1em;
}
table.dataTable tr.row_selected td {
    background-color: #77AADD !important;
}
/* End DataTables CSS Fixes */

/* Misc Styles */
.js div#full_content_wrapper { display:none; }

.content-title { margin:0.5em 0; font-size:2em; font-weight:bold; color:#414141; }

.invisible {
    display:none;
}
.editable-cell {
    color:green;
}
.editable-cell .chzn-container { display:block; }
.editable-cell textarea { display:block; }
/*.chzn-container { vertical-align: 0; }*/

fieldset {
    margin-bottom: 1.5em;
    padding-left:1.5em;
    padding-right:1.5em;
    border: thin solid #aaa;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
legend {
    font-size:1.5em;
    color:#414141;
    margin-left:-11px;
}

#pagecontent {
    padding-bottom:100px;
}

.formrow { display:block; margin:1em 0; }
.formrow label { display:inline-block; font-weight: bold; }

#buttons_div { margin:0.5em 0 1em; }

/* Timepickers / Datepickers */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.ui-datepicker-trigger{
    vertical-align: middle;
    padding: 3px 3px;
    margin-left: 4px;
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    border: 1px solid #999;
    border-radius: 4px;
}
.ui-datepicker-trigger:active {
    background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    background-image: linear-gradient(#ddd 20%, #eee 80%);
}
.ui-datepicker-trigger:hover {
    background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
}
/*  End Timepickers / Datepickers */

input[type='radio'] {
    margin: 0;
    vertical-align: middle;
}

.multichosen-trigger-icon {
    background: url(../js/chosen/chosen-sprite.png) no-repeat 1px 3px;
    float:right;
    width:19px;
    height:24px;
    margin-top:2px;
    cursor:pointer;
}

#notification_icon {
    position:absolute;
    top:-4px;
    left:85px;
    z-index:747;
}

select {
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border: thin solid #aaa;
    -moz-border-radius:4px;
    border-radius:4px;
}
select:active { background-image: linear-gradient(#ddd 20%, #eee 80%); }

textarea, input {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border: thin solid #aaa;
    -moz-border-radius:4px;
    border-radius:4px;
    padding:4px;
    padding-left: 5px;
    margin:0;
    margin-right:2px;
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    resize:none;
}
textarea:focus, input:focus, select:focus { outline:none; box-shadow:0 0 1px 1px #5897fb;  }
input[type='text'][disabled='disabled'], input[type='text'][disabled], input[type='text']:disabled { background:#eee; }

/* Copyright */
div#footer.cals_toolbar ul li.copyright {
    color: white;
    font-size: 1em;
    width: 350px;
    text-align: center;
    margin: 0 auto;
    display: block;
    float: none;
}
/* Tweak to compensate for above */
div#footer.cals_toolbar ul li.right { position:relative; top:-4.7em; }

/* Tweaks and Overrides */
.ui-front { z-index:747; }
.ui-dialog, .ui-dialog .ui-dialog-content { overflow:visible; }
.ui-button:focus, a:focus { outline:none; }
.ui-dialog .ui-dialog-buttonpane { padding:0.5em 0 0; }
.ui-dialog .ui-dialog-buttonpane button { margin:0; }
.ui-button-text-icon-primary .ui-button-text { padding:0.5em 1em 0.3em 2.1em; }
.ui-button-icon-only .ui-icon { left:49%; }

/* Override default button look and feel */
button { border-radius: 4px; border: 1px solid #aaa; background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); }
button:hover { background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; }
button:active { background-image: linear-gradient(#ddd 20%, #eee 80%); }
/* End Misc Styles */


/* HACKS */
@-moz-document url-prefix() {
    textarea:focus, input[type='text']:focus { outline:2px solid rgba(88,151,251,0.5); outline-offset:-1px; -moz-outline-radius:4px; box-shadow:none; }

    div.chzn-container { vertical-align: middle; }
}



/* Footer Styles
----------------------------------------------------------*/

.cals-footer { text-align: center; margin: 5rem 0 2rem; font-size: 12px; }
.cals-footer .level2 div { display: inline; }