* {
    font-family: Arial, Sans-Serif;
}

body {
    /* 
		Clears white space around the body except for the top which gets 10 pixels.
	*/
    margin: 10px 0 0 0;
}

a {
    /*
		Clears the underline on normal links, and give them #308462 as the color.
	*/
    color: #308462;
    text-decoration: none;
}

    a:hover {
        /*
		Underlines links when the users hover the mouse over them.
	*/
        text-decoration: underline;
    }

h1 {
    /*
	Makes h1 elements smaller than their browser default.
  */
    font-size: 20px;
}

.Introduction {
    font-style: italic;
    color: #003399;
}

#PageWrapper {
    /*
		Sets the total width for the entire page. 
	*/
    width: 988px;
    background-color: #cccccc;
    margin: 0 auto;
}

#Header {
    /*
		Gives the header the same width as the PageWrapper. The height creates some room for the logo
		that is set with the background-image.
	*/
    background-image: url(Images/NewHQ1.jpg);
    width: 988px;
    height: 96px;
}

.HeaderLink {
    /*
		The #HeaderLink is nested in the #Header. It provides a link to the homepage.
	*/
    width: 988px;
    height: 86px;
    display: block;
}

#MenuWrapper {
    /*
		The menu spans the page width, right below the header.
		At the top and left a few pixels padding is applied to create some room.
	*/
    width: 700px;
    height: 36px;
    padding-top: 7px;
    padding-left: 8px;
}

    #MenuWrapper a {
        color: Black;
    }

.MainMenu {
    /*
		The Menu gets a white border on all four sides.
	*/
    border: 1px solid #98F5FF;
    border-width: 2px 2px;
    color: Blue;
    width: 973px;
    height: 19px;
    background-color: #cccccc;
}

#MainContent {
    /*
		Defines the main content area. The #MainContent element has a minimum height of 500 pixels, but can grow if necessary.
		The font-size is 80% of its parenty element, which in this case comes down to 80% of the font
		the user has specified as the default font in the browser.
	*/
    font-size: 0.8em;
    width: 988px;
    border-left: 1px solid #98F5FF;
    border-right: 2px solid #98F5FF;
    float: left;
    background-color: #e1e1e1;
    min-height: 500px;
    /*padding:  10px 5px 10px 5px;*/
    /* Added on 09/27/2019 for Job Assignments page. */
    overflow: auto;
}

#Sidebar {
    /*
		The SideBar is positioned to the right of the MainContent area. It gets the same font-size as #MainContent
		and gets a background image called Sidebar.jpg. To ensure the image is visible in (most) browsers
		on a dmall page, the element gets a minimum height of 500px. This is ignored by IE 6.
	*/
    /*font-size: 0.8em;
	background-image: url(Images/left2.jpg); 
	background-repeat: no-repeat;
	background-color: #98F5FF;
	width: 100px;
	min-height: 500px;
	padding-top: 10px;
	padding-left: 10px;
	float: left;*/
}

#Footer {
    /*
		The footer is positioned below all other content (yet still within PageWrapper).
		At the top, it gets a border with a dashed style, while all other sides have no border.
		clear: both is used to clear the impact of the float properties used for #MainContent and #SideBar.
	*/
    clear: both;
    height: 37px;
    width: 988px;
    background-color: #bee4cf;
    color: Black;
    text-align: center;
    font-size: 0.7em;
    font-weight: bold;
    line-height: 37px;
}

.MyButton {
    color: #308462;
    padding-left: 0px;
    padding-right: 0px;
    color: Blue;
    vertical-align: top;
}

.SmallButton {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.MyTextBox {
    margin: 0;
    padding: 0;
}

.StaticMenuItemStyle, .StaticMenuItemStyle a {
    color: Black;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 2px;
}

.StaticHoverStyle, .StaticSelectedStyle {
    background-color: #c1e4ce;
    color: Black;
}

.DynamicMenuItemStyle {
    font-size: 14px;
    background-color: #cccccc;
    padding: 4px 2px 4px 3px;
}

.DynamicHoverStyle {
    background-color: #707070;
    color: Black;
}

    .DynamicHoverStyle a {
        text-decoration: none;
    }

.PleaseWait {
    height: 32px;
    width: 500px;
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 32px;
}

.Important {
    font-size: large;
    color: Red;
}

.IKRCCICON {
    background-image: url(Images/ubc2.gif);
    background-repeat: no-repeat;
    width: 960px;
    height: 96px;
    display: block;
}

.PopupControl {
    background-color: White;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
}

.ModalBackground {
    background-color: Gray;
    -ms-filter: alpha(opacity=70); /*This will still work.*/
    -ms-opacity: 0.7; /*This will still work.*/
}

.ModalPopup {
    background-color: White;
    border-width: 4px;
    border-style: solid;
    border-color: Blue;
    padding: 3px;
    width: 250px;
}

.DailyReportsBorderedLabels {
    padding-left: 2px;
    border-width: 1px;
    border-style: solid;
    font-family: "Calibri";
    font-size: 14px;
}

.DailyReportsPlainLabels {
    font-family: "Calibri";
    font-size: 14px;
    font-weight: bold;
}

.DailyReportsUnborderedLabelsBold {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 14px;
    font-weight: bold;
}

.DailyReportsUnborderedLabelsNoBold {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 14px;
    position: relative;
    /*top: 3px;*/
    left: 0;
    width: 65px;
}

.DailyReportsUnborderedLabelsNoBold2 {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 14px;
    position: relative;
    /*top: 3px;*/
    left: 0;
    /*width: 65px;*/
}

.DailyReportsCheckBoxLabelsNoBold {
    font-family: "Calibri";
    font-size: 14px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
}

.DailyReportsDropdownListBox {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 14px;
}

.DailyReportsTitleBold {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 16px;
    font-weight: bold;
    color: Blue;
}

.UnderConstruction {
    color: Yellow;
    background-color: Black;
    padding-left: 2px;
    padding-right: 2px;
}

.MainPagePadding {
    padding-left: 4px;
}

.MakeInvisible {
    display: none;
}

.LabelFixWidth {
    width: 120px;
    float: left;
    display: block;
    clear: left;
}

.collapsePanel {
    font-size: small;
    color: Black;
    font-weight: bold;
    text-align: center;
}

.collapseTargetPanel {
    background-color: Transparent;
    padding-left: 7px;
    text-align: center;
}

.AddEditMenuPopup {
    color: Black;
    padding: 2px;
}

.ViewContractors {
    background-color: #e1e1e1;
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 14px;
}

.MediumUnborderedLabelsBold {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 16px;
    font-weight: bold;
}

.MediumUnborderedLabelsNoBold {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 16px;
}

.modalProgressBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.updateProgress {
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 180px;
    height: 65px;
}

.DefectsUnborderedLabelsNoBold {
    color: Blue;
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 14px;
}

.HistoryGrid {
    width: 100%;
    background-color: #fff;
    /*margin: 5px 0 10px 0;*/
    margin: 0 auto;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .HistoryGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #306;
    }

    .HistoryGrid th {
        padding: 4px 2px;
        /*color: #fff;*/
        font-weight: bold;
        background-color: #6B696B;
        /*background-color:#6B696B;*/
        /*background: #424242 url(/Images/grd_head.png) repeat-x top;*/
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .HistoryGrid tr:nth-child(odd) {
        background-color: lightgray;
    }

    .HistoryGrid tr:nth-child(even) {
        background-color: white;
    }

    /*.HistoryGrid .alt { background: #fcfcfc url(/Images/grd_alt.png) repeat-x top; }*/

    .HistoryGrid .pgr {
        background: #424242 url(/Images/grd_pgr.png) repeat-x top;
    }

        .HistoryGrid .pgr table {
            margin: 5px 0;
        }

        .HistoryGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .HistoryGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .HistoryGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

.BugTrackerTitle {
    font-size: 14pt;
    font-weight: bold;
}

.BugTrackerTitleNoBold {
    font-size: 14pt;
    color: Blue;
}

.BugTrackerLabelBold {
    font-size: 12pt;
    font-weight: bold;
}

.BugTrackerLabelNoBold {
    font-size: 12pt;
    font-weight: normal;
}

.BugTrackerLabelBlue {
    font-size: 12pt !important;
    font-weight: normal !important;
    color: Blue !important;
    border: 1px solid Blue !Important;
}

/* default layout */
.ajax__tab_default .ajax__tab_header {
    white-space: normal !important
}

.ajax__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block
}

.ajax__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block
}

.ajax__tab_default .ajax__tab_tab {
    overflow: hidden;
    text-align: center;
    display: -moz-inline-box;
    display: inline-block
}

/* xp theme */
.ajax__tab_xp2 .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url(/Images/tab-line.gif) repeat-x bottom;
}

.ajax__tab_xp2 .ajax__tab_outer {
    padding-right: 4px;
    background: url(/Images/tab-right.gif) no-repeat right;
    height: 21px;
}

.ajax__tab_xp2 .ajax__tab_inner {
    padding-left: 3px;
    background: url(/Images/tab-left.gif) no-repeat;
}

.ajax__tab_xp2 .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0px;
    background: url(/Images/tab.gif) repeat-x;
}

.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {
    cursor: pointer;
    background: url(/Images/tab-hover-right.gif) no-repeat right;
}

.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {
    cursor: pointer;
    background: url(/Images/tab-hover-left.gif) no-repeat;
}

.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {
    cursor: pointer;
    background: url(/Images/tab-hover.gif) repeat-x;
}

.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {
    background: url(/Images/tab-active-right.gif) no-repeat right;
}

.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {
    background: url(/Images/tab-active-left.gif) no-repeat;
}

.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {
    background: url(/tab-active.gif) repeat-x;
}

.ajax__tab_xp2 .ajax__tab_disabled {
    color: #A0A0A0;
}

.ajax__tab_xp2 .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

/* scrolling */
.ajax__scroll_horiz {
    overflow-x: scroll;
}

.ajax__scroll_vert {
    overflow-y: scroll;
}

.ajax__scroll_both {
    overflow: scroll
}

.ajax__scroll_auto {
    overflow: auto
}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {
    text-align: center;
    vertical-align: middle;
    border: 2px solid #999999;
}

.ajax__tab_plain .ajax__tab_inner {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_body {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_header {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
    background: #FFFFE1;
}

/* START: BUG TRACKER CALENDAR CSS -------------------------------------------------------------------------------------------- */

.BugTrackerCalendar .ajax__calendar_container {
    position: relative;
    cursor: default;
    width: 170px;
    font-size: 11px;
    z-index: 5000000;
    background-color: White;
    border: 1px solid Black;
}

.BugTrackerCalendar .ajax__calendar_body {
    height: 139px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
    font-size: 12pt;
}

.BugTrackerCalendar .ajax__calendar_today {
    font-weight: bold;
}

.BugTrackerCalendar .ajax__calendar_dayname {
    font-weight: bold;
}

.BugTrackerCalendar .ajax__calendar_day {
    font-weight: normal;
}

.BugTrackerCalendar .ajax__calendar_active .ajax__calendar_day {
    font-weight: normal;
    color: White;
    background-color: Blue;
}

.BugTrackerCalendar .ajax_calendar_years {
    font-weight: normal;
}

.BugTrackerCalendar .ajax__calendar_months {
    font-weight: normal;
}

.BugTrackerCalendar .ajax__calendar_active .ajax__calendar_month,
.BugTrackerCalendar .ajax__calendar_year {
    color: Blue;
    font-weight: bold;
}

.BugTrackerCalendar .ajax__calendar_container TABLE {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

.BugTrackerCalendar .ajax__calendar_container TD {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

.BugTrackerCalendar .ajax__calendar_header {
    height: 20px;
    width: 100%;
}

.BugTrackerCalendar .ajax__calendar_other {
    color: Gray;
}

.BugTrackerCalendar .ajax__calendar_hover .ajax__calendar_day {
    color: Blue;
}

.BugTrackerCalendar .ajax__calendar_hover .ajax__calendar_month,
.BugTrackerCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: Blue;
    border-width: 1px;
    border-style: solid;
    border-color: Blue;
}

/* END: BUG TRACKER CALENDAR CSS -------------------------------------------------------------------------------------------- */


/* fieldset -------------------------------------------------------------------------------------------- */
.form > label {
    float: left;
    clear: right;
}

.form > input {
    float: right;
}

.normalLabel {
    font-weight: bold;
    font-family: Calibri;
    font-size: 12pt;
}

.valueLabel {
    background-color: White;
    border-bottom-color: Black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 3px;
    Height: 20px;
}
/* END: fieldset -------------------------------------------------------------------------------------------- */

.DailyReportsUnborderedLabelsBoldLeftJustify {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.DailyReportsUnborderedLabelsBold12 {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 10pt;
    font-weight: bold;
}

.DailyReportsUnborderedLabelsNoBold12 {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 12pt;
}

.DailyReportsBorderedLabelsNoBold10 {
    padding-left: 2px;
    font-family: "Calibri";
    font-size: 10pt;
    border-width: 1px;
    border-style: solid;
}

.DailyReportsBorderedLabelsBold10 {
    padding-top: 2px;
    font-family: "Calibri";
    font-size: 10pt;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-spacing: 2px;
}

.RadModalUnborderedLabelsBold {
    padding-right: 1px;
    font-family: "Calibri";
    font-size: 14px;
    font-weight: bold;
}

.chkBoxListBasicSearch tr {
    height: 24px;
}

.chkBoxListBasicSearch td {
    width: 200px; /* or percent value: 25% */
}

/*BEGIN LOGIN VIEW CSS*/

.loginTable {
    padding: 0px;
    border-spacing: 0px;
}

    .loginTable td {
    }

    .loginTable tr {
    }

.LoginInnerTable {
    padding: 5px;
}

.LoginInnerTablCenter td {
    text-align: center;
}

.LoginInnerTablRight td {
    text-align: left;
}

/*-----------------------------------------------------*/
/* SEE https://startbootstrap.com/snippets/login/ */


/* Rounded pill classes for horizontal sides */
.rounded-pill-left {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
}

.rounded-pill-right {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
}

/*END LOGIN VIEW CSS*/





.addDailyReport {
}

    .addDailyReport td {
        text-align: left;
    }

.aboutHistoryGrid {
    /*margin-left:auto;
	margin-right:auto;*/
    margin: 0 auto;
}

.aboutAppInfo {
    /*display: inline-block;*/
    text-align: center;
    /*background-color: #6495ed;*/
    /*float:right;*/
}

.jobTypesCheckBoxList {
    margin: 0 auto;
}

.pwdRecvryQuestTemplate {
    padding: 1px;
    border-spacing: 0px;
    width: 100%;
}

.pwdRecvryQuestTemplateInner {
    padding: 5px;
}

.pwdRecvryQuestTemplateInnerAlRt {
    text-align: right;
}

.pwdRecvryQuestTemplateInnerAlCtr {
    text-align: center;
}

.pwdRecvryNameTemplate {
    padding: 1px;
    border-spacing: 0px;
}

.pwdRecvryNameTemplateInner {
    padding: 5px;
}

.pwdRecvryNameTemplateInnerAlRt {
    text-align: right;
}

.pwdRecvryNameTemplateInnerAlCtr {
    text-align: center;
}

.pwdRecvrPwdSuccessTable {
    padding: 1px;
    border-spacing: 0px;
}

.pwdRecvrPwdSuccessTableInner {
    padding: 5px;
}

.pwdRecvrPanel {
    margin: 0 auto;
}

.packEmailList {
    padding:0 5px 0 5px;
    width: 290px;
    font-weight: bold;
    font-size: 10pt;
}

.unborderedLabelsBold_Medium {
    padding-left: 2px;
    font-size: medium;
    font-weight: bold;
}

.unborderedLabelsNoBold_Medium {
    padding-left: 2px;
    font-size: medium;
    position: relative;
    left: 0;
}

.unborderedLabelsNoBold_Small {
    padding-left: 2px;
    font-size: small;
    position: relative;
    left: 0;
}