/* General styles */
button:hover, .ui-button-text:hover {
    color: #FFFF00;
}

button {
    color: #FFFFFF;
}


/* jQueryUI customizations/overrides */

.ui-dialog .ui-dialog-title .SolutionImage {
    float: left;
    margin-right: 4px;
}

.ui-dialog .ui-dialog-title .SymbolPickerImage {
    float: left;
    margin-right: 4px;
}

.ui-dialog .ui-dialog-title .CommentImage {
    float: left;
    margin-right: 4px;
}

.ui-dialog .ui-dialog-title .ScratchPadImage {
    float: left;
    margin-right: 4px;
}

.ui-dialog .ui-dialog-title .NavigatorImage {
    float: left;
    margin-right: 4px;
}

button.ApplicationImage {
    padding-left: 25px;
    margin-left:5px;
}

.ui-dialog .ui-dialog-title .ApplicationImage {
    float: left;
    margin-right: 4px;
    background-repeat: no-repeat;
    width: 20px;
    height: 25px;
}

/* ensures that tinyMCE popups appear in front of dialogs */
.mce-container.mce-panel.mce-floatpanel {
    z-index: 2147483500 !important;
}

.mce-statusbar {
    overflow: hidden;
}

.ui-icon {
    width: 20px;
    height: 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .4em;
    top: 50%;
    width: 20px;
    margin: -12px 2px 0 0;
    padding: 1px;
    height: 20px;
    border: none;
}

.ui-dialog div.info-dialog, .ui-dialog div.alert-dialog, .ui-dialog div.question-dialog {
    padding-left: 70px;
    background-repeat: no-repeat;
    background-position: 24px 16px;
}

button.ui-button {
    height: auto;
    line-height: inherit;
}

button.ui-hover span.ui-button-text, button.ui-state-focus span.ui-button-text {
    border: 1px solid #ffffff;
}

button.ui-hover.ui-dialog-titlebar-close span.ui-button-text , button.ui-state-focus.ui-dialog-titlebar-close span.ui-button-text {
    border: none;
}

span.ui-button-text {
    border: 1px solid transparent;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    border: 1px solid #ffffff;
    font-weight: normal;
}

/* jqueryui dialog buttons hover color should be yellow */
/*.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover*/
/*{*/
    /*color: #FFFF00;*/
/*}*/

.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #ffffff;
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.0;
}

.ui-button-text-only .ui-button-text {
    margin: 2px 10px;
    padding: 1px 1px 3px 0px
}

.ui-dialog {
    position: absolute;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em .5em;
    position: relative;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0;
    background: none;
    overflow: hidden;
    zoom: 1; /* from google... zoom: 1.0; is a hack that triggers hasLayout in IE (6 & 7 are what I know of, but possibly earlier versions too.) */
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 0;
    background-image: none;
    margin: 0;
    padding: 0em .4em .2em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
    text-align: center;
}

.tool-dialog .ui-dialog-title {
    font-weight: bold;
}

.tool-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.tool-dialog .ui-button .ui-button-text {
    font-weight: bold;
}

.tool-dialog .ui-dialog-content {
    background-color: #ffffff;
    color: #000000;
    margin: 0 10px;
}

.tool-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border: 0;
    border-left: 1px solid #ffffff;
    margin: 0;
}

.tool-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {
    border-left: 0;
}

.tool-dialog.ui-dialog .ui-dialog-buttonpane {
    padding-bottom: 0;
}

.tool-dialog.ui-dialog .ui-dialog-content {
    padding: 0;
}

.ui-dialog-buttonpane .ui-dialog-buttonset.position-center {
    float:none;
    text-align: center;
}

.ui-dialog-buttonpane .ui-dialog-buttonset.position-left {
    float:left;
}

/*control the color of the selected tab header*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    background-color: #FFFFFF;
}

/*control the color of an unselected tab header*/
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    background-color: #a9a9a9;
    padding: .05em .5em .05em .5em;
    border-top-left-radius: .5em;
}

/*control tab pane background color*/
.ui-tabs .ui-tabs-panel {
    background: white !important;
    color: #000000;
    padding: 0 !important;
}

/*control the border of the tab header*/
.ui-tabs .ui-tabs-nav li {
    border: none;
    margin: .1px 1px 0 0;
}

/* control the border of the tab */
.ui-tabs {
    border: none !important;
}

.ui-selectmenu-dropdown.ui-state-hover .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s,
.ui-selectmenu-dropdown.ui-state-default .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s{
	width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 1px 3px;
}

.AppItemButton {
    background-color: #80AEE1;
    background-repeat: no-repeat;
    cursor: pointer;
    line-height: 25px;
    margin: 0;
    height: 38px;
    padding: 5px 10px 5px 35px;
    border: 1px solid #006DAA;
    font-size: 18px;
    color: #FFFFFF;
    white-space: nowrap;
}


.ExhibitButton, .ItemContentButton {
    background-color: #80AEE1;
    background-repeat: no-repeat;
    cursor: pointer;
    line-height: normal;
    margin: 0;
    height: 38px;
    border: 1px solid #006DAA;
    font-size: 18px;
    color: #FFFFFF;
    white-space: nowrap;
}

.ExhibitButton {
    padding: 5px 15px 5px 15px;
}

.ItemContentButton {
    padding: 5px 15px 5px 15px;
}

.ExhibitButton.NoDefaultImage, .ExhibitButton.NoDefaultImage:hover, .ExhibitButton.CustomImage, .ExhibitButton.CustomImage:hover,
.ItemContentButton.NoDefaultImage, .ItemContentButton.NoDefaultImage:hover, .ItemContentButton.CustomImage, .ItemContentButton.CustomImage:hover {
    padding-left: 15px;
    background-image: none;
}

.ExhibitButton.CustomImage, .ItemContentButton.CustomImage {
    height: auto;
    width: auto;
}

.ExhibitButton.CustomImage.FixedSize, .ItemContentButton.CustomImage.FixedSize {
    overflow: hidden;
}

.ui-dialog div.dialogItemContent div.content-root {
    padding-bottom: 10px;
}

.ExhibitButton .ImageContainer, .ItemContentButton .ImageContainer {
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
}

.ExhibitButton .ImageLabelContainer, .ItemContentButton .ImageLabelContainer {
    display: inline-block;
}

.ExhibitButton .LabelContainer, .ItemContentButton .LabelContainer {
    display: inline-block;
    padding-left: 4px;
}

.ExhibitButton .DefaultImageContainer, .ItemContentButton .DefaultImageContainer {
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
}

.ExhibitButton .DefaultLabelContainer, .ItemContentButton .DefaultLabelContainer {
    display: inline-block;
    padding-left: 4px;
    /*line height is same size as the default icon which currently is fixed at 20x20 */
    line-height: 20px;
}

.ui-dialog .ui-dialog-title .ExhibitImage, .ui-dialog .ui-dialog-title .ItemContentImage {
    float: left;
    margin-right: 4px;
    background-size: 100% 100%;
}

.ui-dialog .ui-dialog-title .Clock {
    float: left;
    margin-right: 4px;
}

.ui-dialog .ui-dialog-title .HelpImage {
    float: left;
    margin-right: 4px;
}

.popup-window-tabbed-dialog {
    position: relative;
    border: 0;
    padding: 0;
    background: white !important;
    overflow: hidden;
    color: black;
}

.popup-window-durationevent-dialog {
    position: relative;
    border: 0;
    padding: 0;
    background: white !important;
    overflow: hidden;
    color: black;
}

.ui-exam-dialog-title {
    overflow: hidden;
    /*float: left;*/
    text-overflow: ellipsis;
    white-space: nowrap !important;
    word-wrap: normal;
}

.shortResponse {
    border-style:solid;
    border-width:1px;
    border-color: black;
    font-size: 12pt;
}



/* disabling an outline on focus on the close icon */
.ui-dialog-titlebar-close {
    outline: none;
}

/* SECONDARY BACKGROUND COLOR */



.application-component-ui-dialog {
    border:none;
    background: transparent;
    outline: none;
}

.application-component-ui-dialog .ui-widget-header {
    border:none;
}

/* Calculator Application */

#calculatorDiv {
    outline: none;
}

.Calculator .modes {
    width: 100%;
    font-size: small;
}

.Calculator label {
    padding-left: 5px;
    padding-right: 5px;
}

.Calculator select {
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}

/* Navigator */

#navigatorDialog {

}

#navigator {
    background: #fff !important;
    height: calc(100% - 85px) !important;
}

#navigatorBody {
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 30px;
}

#navigatorFooter {
    position: absolute;
    bottom: 0px;
}

#navigator table {
    width: 100%;
}

#navigator thead {
    color: #ffffff;
    cursor: pointer;
}

#navigator thead th {
    border-style: outset;
    border-width: 1px;
    vertical-align: text-top;
}

#navigator a.hover {
    text-decoration: none;
}

#navigator a.hover:hover {
    text-decoration: underline;
}

#navigator table thead .sorting {
    display: inline-block;
    height: 20px;
    width: 20px;
}

#navigator table tbody tr td {
     padding: 2px;
     border-top: 1px solid #d3d3d3;
     border-bottom: 1px solid #d3d3d3;
     position: relative;
     border-right: 1px solid #dddddd;
     white-space: nowrap;
     font-size: 13.3px;
}

#navigator thead th{
    font-size: 13.3px;
}

#navigator table tbody tr td h3 {
    background-color: inherit;
}


#navigator table tbody tr td a:focus h3{
    border-style: dashed;
    border-width: 1px;
}

#navigator table tbody tr td .ExpandButton{
    height: 23px;
}

#navigator table tbody tr td .CollapseButton{
    height: 23px;
}


#navigator table tbody tr.collapsed {
    display: none;
}


#navigator table tbody tr td:first-child a{
    /* border-left: 1px solid #dddddd; */
    color: #595959!important;
}

#navigator table tbody tr td.unseenOrIncomplete {
    color: #FF0000;
}

#navigator table tbody tr td.reviewFlag {
    text-align: center;
}

#navigator table tbody tr td.commentFlag {
    text-align: center;
}

#navigator table tbody tr td.commentIcon {
    text-align: center;
}

.navigator-popover {
    z-index: 3000000000;
    width: 50%;
    margin: 0 auto;
}

.navigator-popover .popover-title {
    font-weight: normal;
    text-align: center;
    padding: 6px 6px;
    margin: 0;
    font-size: 12px;
    border: 1px solid #000;
}

/* end of Navigator styles */


.ui-exam-dialog-title span {
    font-size: smaller;
}

/* Accessibility */

.accessibility-hidden {
    position:absolute;
    top:-10000px;
    overflow:hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    left: 0px;
}

#WebBrowserHomeButton {
    padding: 15px;
    float: left;
}

.media-halign-center {
    margin: 0 auto;
}

.media-halign-left {
    float: left;
}

.media-halign-right {
    float: right;
}

/* UpToDate shows a back button at lower resolutions. With chromium 51 this causes bad behavior, so set a min size preventing the button untill we upgrade browserlock. */
.minimum-width-enforcement-webmaterial {
    min-width: 770px;
}