/*-----Elements-----*/
body { background-color: #DBDBDB; font-family: Segoe UI, Tahoma, Arial, Verdana; font-size: 0.8em; }
#divMain { background-color: #1A4673; border: 1px solid #999999; margin: 20px 60px 20px 60px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; position: relative; }
#divHeader { overflow: hidden; text-align: center; width: 100%; height: 115px; }
.headerImage { position: relative; z-index: 1; padding: 0px; }
.headerText { position: absolute; top: 40px; padding: 0px; z-index: 10000; width: inherit; }

#divContent { background-color: #FFFFFF; z-index: 10; padding-left: 40px; padding-right: 40px; padding-bottom: 10px; margin: 0px auto; height: auto; }
#divMainContent { padding-top: 40px; margin-bottom: 20px; }
#divFooterContent { background-color: #1A4673; border-top: 1px solid #999999; height: 40px; text-align: center; color: #FFFFFF; }

#divWorklist { background-color: #FFFFFF; z-index: 2; position: absolute; right: 100px; }
#divWorklistContent { border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; padding: 5px; }
#divWorklistToggle { background-color: #FF6F28; /* fallback color if gradients are not supported */border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; text-align: center; padding: 3px 10px 3px 10px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; cursor: pointer; }
#divWorklistContent .GridItem:hover, #divWorklistContent .altRow:hover { background-color: #FFFF99; background-image: none; }

#divNavigationContent { width: 100%; background-color: #002A4A; }
#divSiteNavigation { text-align: center; display: table; margin: 0 auto; background-color: #002A4A; z-index: 30;}

.navButton { display: block; }

.InvisibleCol
{
    display:none;
}
.ChildRow
{
    border-width:0px;
}

/*firefox only class definitions to fix fieldsets min-width issue*/
@-moz-document url-prefix() {
    .firefoxFieldsetFixList {
        display: table-cell;
    }
    .firefoxFieldsetFixDetails
    {
        margin-left:9px;
    }
}

/*---NEW STYLES---*/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; cursor: default; }
.sf-menu { width: 100%; height: 3.0em; font-weight: normal; line-height: 3.0em; background: #002A4A; margin: 2px auto; }
    .sf-menu a { text-decoration: none; color: #FFFFFF; cursor: pointer; }
    .sf-menu img { border: 0px none; vertical-align: text-bottom; padding-right: 10px; }

    .sf-menu hr { height: 0px; }

    .sf-menu ul { position: absolute; top: -999em; width: 175px; /* left offset of submenus need to match (see below) */ vertical-align: middle; }
        .sf-menu ul li { width: 100%; vertical-align: middle; }

    .sf-menu li, .sf-menu li li, .sf-menu li li li { width: 175px; height: 3.0em; z-index: 999; vertical-align: middle; padding-left: 0px; }

    .sf-menu li { background-color: #002A4A; float: left; position: relative; color: #FFFFFF; z-index: 9; }
        .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ width: 175px; z-index: 10; }
        .sf-menu li.divider { background-color: #BCBCA4; width: 100%; height: 0px; margin: 0; padding: 0; border: 0px none; border-top: 1px solid #999; }
        .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #1A4673; outline: 0; height: 3.0em; padding: 0px; }
        .sf-menu img.sf-arrow {float: right; padding-top: 10px; }
            .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 3.0em; /* match top ul list item height */ z-index: 999; }

        .sf-menu li ul li { text-align: left; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 175px; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 175px; /* match ul width */ top: 0; }

/*-----Controls-----*/
fieldset { border: 1px solid #999999; padding: 5px 5px 5px 5px; margin: 3px; }
legend { text-align: left; font-weight: bold; }
table { margin: 0px auto; padding: 5px; border-collapse: separate; }
a { text-decoration: none; }

td.alignRight { text-align: right; }
td.alignLeft { text-align: left; }
td.alignCenter { text-align: center; }
td.vAlignTop { vertical-align: top; }
td.vAlignBottom { vertical-align: bottom; }

/*-----Classes-----*/
.labelBold, .warning, .warningSmall, .pageHeading, .sectionHeading, .messageSmall { font-weight: bold; }
.warningSmall, .messageSmall { font-size: 8pt; }
.warning, .warningSmall { color: #FF0000; }
.warning, .labelBold { font-size: 9pt; }
.sectionHeading { font-size: 11pt; background-color: #002A4A; color: #FFFFFF; }
.pageHeading { font-size: 13pt; }
.messageSmall { color: #007ACC; }

.blockingUI { font-size: 12pt; text-align: center; }

.divButtons { border: 1px solid #999999; padding: 5px 5px 8px 5px; margin-bottom: 2px; display: block; }
.divButtonLeft { padding: 0px; margin: 0px; float: left; text-align: left; display: block; }
.divButtonRight { padding: 0px; margin: 0px; float: right; text-align: right; display: block; }
.divHeader { text-align: center; margin: 0 auto; width: 300px; }
.divClearFloat { clear: both; }
.divTabScrollerNoBorder { width: 100%; max-height: 450px; overflow: auto; margin-top: 10px; border-top: solid 1px #999999; }
.divTabScroller { width: 100%; max-height: 450px; overflow: auto; border: solid 1px #999999; margin-top: 10px; }

.button, .buttonDisabled { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #999999; background-color: #DFDFDF; line-height: auto; padding: 2px; text-align: center; height: 26px; cursor: pointer; font-size: 0.9em; margin-left: 2px; margin-right: 2px;}
    .button:hover { border: 1px solid #D64700; }
.buttonDisabled { font-weight: normal; cursor: default; }

.comboBox, .textBox { border: 1px solid #999999; height: 20px; padding: 0px; margin: 0px; }
.comboBox { border-collapse: collapse; height: 22px; }
.textBoxMultiLine { border: 1px solid #999999; padding: 0px; margin: 0px; }

.calendarBox input { background: #ffffff url('../../Images/calendar.png') no-repeat right center; border: 1px solid #999999; height: 20px; width: 92px; vertical-align: middle; cursor: default; }
.gridTextbox { border: 1px solid #999999; width: 99%; padding-left: 0px; padding-right: 0px;  }
.gridCalendarBox { border-top-color: white; border-top-style: solid; border-top-width: 1px; border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 5px; background-color: white; }
.dateRangePanel { display: inline; }
.calendarBox:disabled { background: #EBEBE4; }

/* Needs to be styled to match page */
.gridView { width: 100%; background-color: #FFFFFF; border: solid 1px #999999; border-collapse: collapse; margin: 0; }
    .gridView th { padding: 4px 2px; color: #FFFFFF; background: #1A4673 url('../../Images/grd_head.png') repeat-x top; border-left: solid 1px #999999; font-size: 0.95em; }
    .gridView td { padding: 2px; border: solid .99px #999999; }
    .gridView .altRow { background: #fcfcfc url('../../Images/grd_alt.png') repeat-x top; }
    .gridView .hdr { padding: 4px 2px; color: #FFFFFF; background: #1A4673 url('../../Images/grd_head.png') repeat-x top; font-size: 0.95em; }
        .gridView .hdr a { color: #FFFFFF; }
    .gridView .pgr { background-color: #1A4673; }
        .gridView .pgr table { margin: 5px 0; }
        .gridView .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #999999; font-weight: bold; color: #FFFFFF; line-height: 12px; }
        .gridView .pgr a { color: #FFFFFF; text-decoration: none; }
            .gridView .pgr a:hover { color: #FFFFFF; text-decoration: none; }
        .gridView .pgr span { text-decoration:underline; }
    .gridView .selectedRow { color: navy; vertical-align: top; background-color: #FFFF99; }

.collapsiblePanel .gridView { border-bottom: 0; border-left: 0; border-right: 0; }
    .collapsiblePanel .gridView td:first-child, .collapsiblePanel .gridView th:first-child { border-left: 0; }
    .collapsiblePanel .gridView td:last-child, .collapsiblePanel .gridView th:last-child { border-right: 0; }
    .collapsiblePanel .gridView tr:last-child td { border-bottom: 0; }
.collapsiblePanel .ui-resizable .gridView tr:last-child td { border-bottom: solid 1px #999999; }
.collapsiblePanel .ui-resizable .gridView { margin-bottom: 2px; }
.collapsiblePanel .summaryRow > center { border-top: solid 1px #999999; }
.collapsiblePanel .ui-resizable center { border-top: 0; }
.divTabScroller .gridView > tbody > tr > th, .divTabScrollerNoBorder .gridView > tbody > tr > th { border-top: 0; }
.divTabScroller .gridView, .divTabScrollerNoBorder .gridView { border-top: 0; }
.divTabScroller .gridView { border: 0; }
    .divTabScroller .gridView > tbody > tr > td:first-child, .divTabScroller .gridView > tbody > tr > th:first-child { border-left: 0; }
    .divTabScroller .gridView > tbody > tr > td:last-child, .divTabScroller .gridView > tbody > tr > th:last-child { border-right: 0; }
    .divTabScroller .gridView > tbody > tr:last-child > td { border-bottom: 0; }
.divTabScroller .summaryRow > center { border-top: solid 1px #999999; }

.divTabScroller .gridView + div {border-top: solid 1px #999999;}

/* Reset Link Color when link is in a modal */
.ui-widget-content a { color: -webkit-link; }

/* modals */
.modalBackground { background-color: #424242; z-index: 1001; -moz-opacity: 0.80; opacity: .80; filter: alpha(opacity=80); }
.modalDialog, .ui-dialog-content { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid black; background-color: White; }
.modalHeader, .ui-dialog-titlebar { text-align: center; padding: 4px 2px; color: #FFFFFF; background: #1A4673; border-left: solid 1px #999999; font-size: 0.95em; }
.modalContent, .ui-dialog-content { text-align: center; width: 100%; font-family: Segoe UI, Tahoma, Arial, Verdana; font-size: 0.95em; }

/* Must specify width and height to use these image classes on their own e.g. <div class="image_save" style="width: 8px; height: 16px; padding-left: 3px;"></div> */
.image_accept { background-image: url('../../Images/accept.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_cross { background-image: url('../../Images/cross.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_actionDelete { background-image: url('../../Images/action_delete.gif'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_actionEdit { background-image: url('../../Images/action_edit.gif'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_actionTrash { background-image: url('../../Images/action_trash.gif'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_actionView { background-image: url('../../Images/action_view.gif'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_add { background-image: url('../../Images/add.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_arrowLeft { background-image: url('../../Images/arrow_left.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_cancel { background-image: url('../../Images/cancel.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_databaseGo { background-image: url('../../Images/database_go.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_databaseRefresh { background-image: url('../../Images/database_refresh.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_delete { background-image: url('../../Images/delete.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_badAdress {
    background-image: url('../../Images/resized_image.png');
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.image_down { background-image: url('../../Images//Down.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_driveGo { background-image: url('../../Images/drive_go.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_email { background-image: url('../../Images/email_go.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_excel { background-image: url('../../Images/page_excel.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_flask { background-image: url('../../Images/flask_16.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_pdf { background-image: url('../../Images/pdf_icon.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_print { background-image: url('../../Images/printer.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_report { background-image: url('../../Images/report.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_reportMagnify { background-image: url('../../Images/report_magnify.png '); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_save { background-image: url('../../Images/disk.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_search { background-image: url('../../Images/magnifier.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_up { background-image: url('../../Images/Up.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_calculatorEdit { background-image: url('../../Images/calculator_edit.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_doorOut { background-image: url('../../Images/door_out.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_next { background-image: url('../../Images/resultset_next.png'); background-position: right; background-repeat: no-repeat; padding-right: 20px; padding-left: 3px; }
.image_previous { background-image: url('../../Images/resultset_previous.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_building { background-image: url('../../Images/building.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_tableAdd { background-image: url('../../Images/table_add.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_dateAdd { background-image: url('../../Images/date_add.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_page_white_text { background-image: url('../../Images/page_white_text.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }
.image_lock { background-image: url('../../Images/lock.png'); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; }


/* Use this class for buttons with Images and without text e.g. CssClass="image_actionDelete buttonNoText" */
.buttonNoText { width: 20px; height: 16px; border-style: none; padding: 0px; background-color: transparent; text-align: center; cursor: pointer; }
    .buttonNoText:disabled { opacity: 0.5; cursor: default; }

/* collapsible panel*/
.collapsiblePanel { border: 1px solid #999999; margin-bottom: 5px; margin-top: 5px; }
.collapsiblePanelHeader { background: url(../../Images/collapse_panel_hdr.png) repeat-x bottom; text-align: center; font-weight: bold; height: 24px; vertical-align: text-bottom; padding-left: 15px; line-height: 1.75em; cursor: pointer; }
.collapsiblePanelHeaderImage { float: right; margin: 0px; padding: 1px 0px 0px 0px; }
.collapsiblePanelContent { }

/* tabs */
.ajax__tab_header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background: url(../Images/tab-line.gif) repeat-x bottom; color: #003300; text-align: left; }
.ajax__tab_outer { padding-right: 0px; background: url(../../Images/tab-right.gif) no-repeat right; height: 21px; }
.ajax__tab_inner { padding-left: 3px; background: url(../../Images/tab-left.gif) no-repeat; }
.ajax__tab_tab { font-size: 1.2em; color: #003300; height: 13px; padding: 4px; margin: 0; background: url(../../Images/tab.gif) repeat-x; }
.ajax__tab_hover .ajax__tab_outer { background: url(../../Images/tab-hover-right.gif) no-repeat right; }
.ajax__tab_hover .ajax__tab_inner { background: url(../../Images/tab-hover-left.gif) no-repeat; }
.ajax__tab_hover .ajax__tab_tab { background: url(../../Images/tab-hover.gif) repeat-x; }
.ajax__tab_active .ajax__tab_outer { background: url(../../Images/tab-active-right.gif) no-repeat right; }
.ajax__tab_active .ajax__tab_inner { background: url(../../Images/tab-active-left.gif) no-repeat; }
.ajax__tab_active .ajax__tab_tab { background: url(../../Images/tab-active.gif) repeat-x; }
.ajax__tab_body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; border: 1px solid #999999; border-top: 0; padding: 3px; background-color: #ffffff; }


label.error { color: red; font-style: italic; font-size: 9pt; }
div.error { display: none; }
input.error { border: 1px dotted red; }
select.error { border: 1px dotted red; }



/* validation summary */
.validationIndicator { font-weight: bold; font-size: 7pt; color: red; font-family: Arial, 'Microsoft Sans Serif', Verdana; text-decoration: none; }
.validationSummary { border: 2px solid red; color: aliceblue; margin: 5px 0px; padding: 15px; background: #fff url(../../Images/error.png) no-repeat 5px 50%; }
    .validationSummary ul { margin: 0; padding: 0; margin-left: 80px; list-style: square; }

/* MultiSelect DropDown  */
.ui-widget-content .ui-multiselect { padding: 2px 0 2px 4px; text-align: left; background-color: #ffffff; color: #000; background-image: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; font-style: normal; height: 20px; vertical-align: middle; }
.ui-multiselect { padding: 2px 0 2px 4px; text-align: left; background-color: #ffffff; color: #000; background-image: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; font-style: normal; height: 20px; vertical-align: middle; }
    .ui-multiselect span.ui-icon { float: right; }
.ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important; }

.ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px; }
    .ui-multiselect-header ul { font-size: .75em; }
        .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0; }
    .ui-multiselect-header a { text-decoration: none; }
        .ui-multiselect-header a:hover { text-decoration: underline; }
    .ui-multiselect-header span.ui-icon { float: left; }
    .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0; }

.ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000; text-align: left; }
.ui-multiselect-checkboxes { position: relative; /* fixes bug in IE6/7 */ overflow-y: scroll; }
    .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px; }
        .ui-multiselect-checkboxes label input { position: relative; top: 1px; }
    .ui-multiselect-checkboxes li { clear: both; font-size: 10pt; padding-right: 3px; }
        .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: left; font-weight: bold; border-bottom: 1px solid; }
            .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none; }

    /* remove label borders in IE6 because IE6 does not support transparency */
    * html .ui-multiselect-checkboxes label { border: none; }

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
    .ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/* remove close(x) button from modals */
.ui-dialog-titlebar-close { visibility: hidden; }

/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
    .ui-timepicker-table table { margin: 0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em; }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span { display: block; padding: 0.2em 0.3em 0.2em 0.5em; width: 1.2em; text-align: right; text-decoration: none; }
/* anchors for clickable cells */
.ui-timepicker-table td a { display: block; padding: 0.2em 0.3em 0.2em 0.5em; width: 1.2em; cursor: pointer; text-align: right; text-decoration: none; }


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
    .ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right; }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }

.ui-resizable-s { bottom: 0px; }

/* Core */
.readOnlyTable {margin: 0px 0px 0px 0px;}

/*add search icon to SearchInputs on maintenance pages*/
.SearchInput
{
  background: white url('../../Images/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../../Images/chosen-sprite.png') no-repeat 100% -20px;
}

.fiveDigitTwoDecimalPlaces, .temperature, .decimal, .fourDigitTwoDecimalPlaces, .sevenDigitTwoDecimalPlaces, .sevenDigitTwoDecimalPlacesCanBeNegative, .fourteenDigitTwoDecimalPlaces, .fourteenDigitTwoDecimalPlacesCanBeNegative, .sixteenDigitTwoDecimalPlaces
{
    padding-right: 2px;
}