/*================================= CONTENT FILL =================================*/
/* #tblFilters {
    margin-top: 15px !important;
}

#tblFilters td {
    background-color: transparent !important;
    border: 0px !important;
}

#tblFilters tr~tr~tr td {
    background: url() !important;
    background-color: #FFFFFF !important;
    padding: 15px !important;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .1);
    border-radius: 8px;
    display: table;
    margin: 0px 10px 10px 10px !important;
}

#tblFilters tr~tr~tr td tr td {
    padding: 0px !important;
    margin: 0px !important;
    display: inline-block !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px px rgb(0 0 0 / 0%) !important;
} */

#ContentPlaceHolder4_SCReport_Receipts1_pnlFilters {
    padding: 15px;
}

/* Tabs */

.RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {
    font-size: 14px !important;
    color: #79797B !important;
    height: 50px;
    line-height: 3.5em;
}

.rtsLink {
    margin: 0px -10px !important;
}

.rtsLink.rtsSelected {
    background-color: #FFFFFF !important;
    box-shadow: 0px 8px 10px rgba(0, 0, 0, .1) !important;
    border-radius: 12px 12px 0px 0px;
    margin: 0px 10px !important;
    color: #333333 !important;
}

.rtsLevel {
    margin-left: 20px;
}

.rtsLink, .rtsOut {
    background: url() !important;
}

#ContentPlaceHolder4_Report_Attendance1_pnlFilters div div {
    padding-top: 0px !important;
}


#ContentPlaceHolder4_SCReport_Receipts1_updateCompany .SC_QueryHeader_lbl,
#ContentPlaceHolder4_SCReport_Receipts1_updateStudentSearch .SC_QueryHeader_lbl,
#ContentPlaceHolder4_SCReport_Receipts1_updateLastName .SC_QueryHeader_lbl {
    background: url() !important;
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_updateLoginAccount .SC_QueryHeader_lbl,
#ContentPlaceHolder4_SCReport_Receipts1_updateCCNumber .SC_QueryHeader_lbl {
    background: url() !important;
    background-color: #e2edf5 !important;
    color: #333333 !important;
}

input {
    margin-right: 7px !important;
}

.SC_QueryHeader_lbl label {
    font-weight: normal !important;
}


#ContentPlaceHolder4_Report_Attendance1_lblFilterDate {
    background: url() !important;
    background-color: #afd3e8 !important;
    color: #333333 !important;
}

#ContentPlaceHolder4_Report_Attendance1_pnlMembers span label {
    color: #333333 !important;
    font-weight: normal !important;
}

label {
    color: #333333 !important;
    font-weight: normal !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_Label3,
#ContentPlaceHolder4_SCReport_Receipts1_pnlColumns .SC_QueryHeader_lbl {
    background: url() !important;
    background-color: #afd3e8 !important;
    color: #333333 !important;
    margin-top: 5px;
    height: 30px;
    line-height: 2.2em;
    font-weight: normal !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlMembers {
    padding: 15px;
}

/* Dropdowns and Text Fields */

#pnlDates input,
#txtRegCompanyFilter,
#txtLoginAccountSearch,
#txtStudentSearch,
#txtCCNumberFirst4,
#txtCCNumberLast4,
#ContentPlaceHolder4_SCReport_Receipts1_ddlLastName,
#ContentPlaceHolder4_SCReport_Receipts1_ddlSavedReport,
#ContentPlaceHolder4_SCReport_Receipts1_txtReportName,
#ContentPlaceHolder4_SCReport_Receipts1_ddlExportType,
#ddlReportAvailable,
#ContentPlaceHolder4_SCReport_Receipts1_txtEmailAddress,
#ContentPlaceHolder4_SCReport_Receipts1_ddlEmailType {
    height: 34px !important;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    font-weight: normal;
}

#ContentPlaceHolder4_SCReport_Receipts1_btnShowSave {
    position: absolute !important;
}

#txtCCNumberFirst4 {
    margin-bottom: 15px;
}

#txtRegCompanyFilter,
#txtLoginAccountSearch,
#txtStudentSearch {
    margin-bottom: 15px;
}

#txtLoginAccountSearch {
    margin-top: 10px;
}

#pnlDates div {
    padding: 10px 0 0 0 !important;
}

#btnGenReport {
    width: 100% !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_lblFirst4,
#ContentPlaceHolder4_SCReport_Receipts1_lblLast4 {
    color: #333333 !important;
    font-weight: normal !important;
}

#divCCNumber {
    margin: 15px 0;
}

#ContentPlaceHolder4_SCReport_Receipts1_ImageButton1 {
    margin-bottom: 5px;
}

#ContentPlaceHolder4_SCReport_Receipts1_chkColumns {
    margin-top: 15px;
}

#ContentPlaceHolder4_SCReport_Receipts1_chkColumns td {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .1) !important;
    padding-left: 15px !important;
}

/* Save Button */

#tblFilters {
    position: relative;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlSaving input {
    position: absolute;
    right: 3px;
    top: 0px;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlSaving {
    height: 0px;
}

#ContentPlaceHolder4_SCReport_Receipts1_divShowHideFilter {
    display: none;
}

/* Adjust Column Widths */

#divGenReport {
    display: flex;
    flex-direction: row;
    gap: 2px;
    width: 100%;
    margin-bottom: 15px;
}

#divGenReport>div:first-child {}

#divGenReport>div:last-child {
    display: flex;
    flex-grow: 1;
    background: url() !important;
    background-color: #FFFFFF !important;
    padding: 15px !important;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin-top: 15px;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlReceipt>div {
    flex-grow: 1;
}

/* Grid CSS */

#ContentPlaceHolder4_SCReport_Receipts1_lblReceipthdr {
    text-align: left;
    margin-left: 15px;
}

.gvReportHeader th,
.gvReportHeader th a {
    background-color: #afd3e8 !important;
    color: #333333 !important;
    padding: 5px !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_gvReceipt tr:nth-of-type(even) {
    background-color: #FFFFFF !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_gvReceipt tr:nth-of-type(odd) {
    background-color: #e2edf5 !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_gvReceipt td {
    background-color: transparent !important;
    padding: 5px;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlReceipt tr,
#ContentPlaceHolder4_SCReport_Receipts1_lblReceipthdr {
    background-image: url() !important;
    background-color: transparent !important;
    color: #333333;
}

#btnShowMultiReceipt {
    height: 14px !important;
    overflow: visible;
}

/* Saved Reports */

#ContentPlaceHolder4_SCReport_Receipts1_RadPageView2 {
    background-color: #FFFFFF;
    padding: 15px;
    margin: 0 10px;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .1);
    width: 500px;
    border-radius: 8px 8px 0 0;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlEditReport {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .1);
    border-radius: 8px;
    position: absolute;
    top: 50px;
    left: 10px;
    padding: 50px 15px 15px 15px;
    width: 467px;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlEditReport table td:nth-of-type(odd) {
    max-width: 150px;
    color: #333333 !important;
    font-weight: normal !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlEditReport table td:nth-of-type(even) {
    max-width: 200px;
    padding: 5px 0;
}

#ContentPlaceHolder4_SCReport_Receipts1_txtReportName,
#ddlReportAvailable {
    width: 200px !important;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlSaving input {
    right: 0px !important;
    position: relative;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlEditReport~div {
    position: absolute;
    right: 15px;
    top: 65px;
    width: 447px;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlEditReport~div:before {
    content: "Save Report";
    left: 0px;
    position: absolute;
    font-weight: bold;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlEditReport tr:last-child {
    display: none;
}

#ContentPlaceHolder4_SCReport_Receipts1_pnlFilterView {
    width: 500px;
}

#ContentPlaceHolder4_SCReport_Receipts1_Label10 {
    padding: 5px !important;
}

#btnScheduleReport {
    padding-right: 15px;
    padding-top: 5px;
}

#btnDeleteReport, #btnEditReport {
    padding-top: 5px;
}

.SC_QueryHeader_lbl {
    background-color: #afd3e8 !important;
    background-image: url() !important;
    color: #333333 !important;
    font-weight: normal !important;
}








body {
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
    margin: 0px 1px 0px 1px;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: small;
}

body table {
    /*width: 980px;*/
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
    margin: 0;
    border: 0;
    outline: 0;
}

body table thead, tr, th, td {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: 0;
}


/*************** HEADER *********************/
.websitebackgroundcontentheader {
    background: url(images/NavHeaderBackground.png) repeat-x top;
    text-align: center;
    vertical-align: top;
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
    height: 70px;
}

.websitebackgroundcontentheaderleftside {
    text-align: left;
    vertical-align: top;
    width: 424px;
    padding-left: 5px;
}

.websitebackgroundcontentheaderrightside {
    text-align: center;
    vertical-align: top;
    text-align: right;
    width: 536px;
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
}

.websitehdr_blj {
    text-align: center;
    vertical-align: top;
    text-align: right;
    border-spacing: 0;
    padding: 0;
    width: 1000px;
    border-collapse: collapse;
    height: 70px;
    padding-right: 15px;
    /*BLJ: helps keep the text inside the header background*/
    padding-top: 5px;
    /*BLJ: helps keep the text inside the header background*/
}

.feedbackhdr_blj {
    vertical-align: top;
    text-align: right;
    border-spacing: 0;
    padding: 0;
    width: 500px;
    border-collapse: collapse;
    height: 70px;
    padding-right: 15px;
    /*BLJ: helps keep the text inside the header background*/
    padding-top: 5px;
    /*BLJ: helps keep the text inside the header background*/
}

/*****************************************/
.websitebackgroundcontentbottom {
    background: url(images/NavWebsiteDarkBottomToTop.png) repeat-x bottom;
    /*text-align:center;*/
    vertical-align: top;
    padding: 5px 10px 10px 10px;
}


.websitebackgroundcontentfooter {
    background-color: #5D92D4;
    /* row blue */
    text-align: center;
    vertical-align: top;
    color: #ffffff;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    vertical-align: bottom;
    max-width: 100%;
    position: relative;

}



.websitebackgroundcontenttop {
    background: url(images/NavWebsiteDarkTopToBottom.png) repeat-x top;
    /*text-align:center;*/
    vertical-align: top;
    padding: 5px 0px 0px 0px;
}

/* .websitebackgroundcontenttop div */
.websitebackgroundicons div {
    background-color: #ffffff;
    /* height:213px; */
    border: 4px solid #EF892D;
    /* orange */
    max-width: 100%;
    position: relative;
    margin: 10px 10px 10px 10px;
    /* 10px 30px 6px;*/
    padding: 10px 16px 10px 16px;
}

/* .websitebackgroundcontenttop div:hover */
.websitebackgroundicons div:hover {
    background-color: #084C74;
    /* 19378A; #19378A new blue */
}

.websitebackgroundicons {
    /* background: url(images/navIconMainBackground.jpg) repeat-x bottom; */
    /* background: url(images/NavWebsiteHighlightBottomToTop.png) repeat-x bottom; */
    text-align: center;
    vertical-align: top;
    border-style: solid;
}

.websitebackgroundiconsHeaderText {
    color: #084C74;
}

#content_spotlight {
    background: url(images/NavWebsiteLightBottomToTop.png) repeat-x top;
    border: 1px solid #87A1E9;
    /* light purple */
    max-width: 100%;
    position: relative;
    text-align: center;
    margin: 0px 0px 0px 0px;
    /* 10px 30px 6px;*/
    padding: 0px 0px 0px 0px;
    /*
margin: 10px 30px 6px;
padding: 10px 10px 0px 10px;
*/
}

.tblContent {
    min-height: 1000px;
}

.contentplain {
    /* background:url(images/navWebSiteContent.jpg) repeat-x; */
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    /*max-width:100%;
position:relative;*/
    padding-left: 10px;
    padding-right: 10px;
    width: 980px;
    /*
margin: 10px 30px 6px;
padding: 10px 10px 0px 10px;
*/
}

/*================================= TEXT =================================*/
.classIDforTroubleshoot {
    color: #bfbfbf;
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
}

.djlHeaderCompanyTitle {
    color: #FFFFFF;
    /* : #87A1E9;	*/
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    vertical-align: top;
    padding: 0px 0px 0px 5px;
}


.djlHeaderTextBackground {
    text-align: left;
    background: url(images/NavContentHeaderBackground.png) repeat-x top;
    padding: 5px 5px 5px 5px;
}

.djlHeaderTextBackgroundContent {
    text-align: left;
    padding: 5px 5px 5px 5px;
}



.djlHeaderText {
    color: #19378A;
    /* blue */
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    vertical-align: bottom
}

.djlNormalTextWhite {
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    vertical-align: bottom;
}

.djlSmallTextWhite {
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
}

.djlNormalTextGrey {
    color: #CCCCCC;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    vertical-align: bottom;
}

.djlSmallTextGrey {
    color: #CCCCCC;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
}

.djlParagraphText {
    color: #242424;
    /* charcoal*/
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.djlHeader {
    color: #1a7298;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
}

.djlHeaderMessage {
    color: #1a7298;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    vertical-align: bottom;
}

.djlFooter {
    color: #616161;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
}


/*================================= MAIN MENU =================================*/

.menu {
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    /*text-align:center; 
	background: url(images/NavMenuUpperDefault.png) top left repeat-x;	*/
    background-color: #084d74;
}

.menu ul {
    /* background: url(images/menu-bg.gif) top left no-repeat;  repeat-x; */
    background-color: #084d74;
    height: 45px;
    list-style: none;
    margin: 0;
    padding: 0;
    /* width: 100%; */
}

.menu li {
    float: left;
    position: relative;
    z-index: 300;
}

.menu li a {
    display: block;
    line-height: 45px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
}

/******* MENU HOVER EFFECT ********/

.menu li ul {
    border-left: 2px solid #1a7298;
    border-right: 2px solid #1a7298;
    border-bottom: 2px solid #1a7298;
    display: none;
    height: auto;
    position: absolute;
    width: 188px;
    z-index: 200;
    left: 0;
    border: 0px;
}

.menu li a:hover {

    background-color: #1b91c7;
    color: #FFFFFF;
}

.menu li:hover ul {
    display: block;
    z-index: 2000;
}

.menu li li {
    display: block;
    float: none;
    width: 188px;
    background: #4ea2c6;
    filter: alpha(opacity=96);
    opacity: 1;
}

.menu li ul a {
    display: block;
    padding: 0px 10px 0px 15px;
    text-align: left;
    filter: '';
    opacity: '';
}

.menu li ul a:hover {
    background-color: #5EA7D2;
    color: #FFFFFF;
    cursor: pointer;
}

.menu p {
    clear: left;
}

/***** MENU ITEMS DEFAULT *****/
.djlmenuupperdefault {
    background-color: transparent;
}

.djlmenuupperdefault a {
    color: #FFFFFF;
}

.djlmenuupperdefault:hover {
    background-color: #1b91c7;
}

.djlmenuupperdefault a:hover {
    color: #FFFFFF;
}

.djlmenusubdefault {
    background-color: #1b91c7 !important;
}

.djlmenusubdefault:hover {
    height: 45px;
    width: 188px;
    /*192px; was overlapping right border djl corrected 2012-01-06*/
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

/*BLJ: Orange color button */
input[type="submit"], input[type="button"] {
    border: 1px solid #084d74;
    background: #f48020 url(images/ui-bg_highlight-soft_100_f48020_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2C3D85;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type="submit"]:hover, input[type="button"]:hover {
    border: 1px solid #084d74;
    background: #4f81bd url(images/ui-bg_highlight-soft_25_f48020_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/***** MENU ITEMS WHICH ARE SELECTED *****/
.djlmenusubselected a,
.djlmenuupperselected {
    background-color: #1b91c7;
}

.djlmenusubdefault.djlmenusubselected a {
    background-color: #5EA7D2;
}

.djlmenuupperselected a {
    color: #FFFFFF;
    /*font-weight:bold;		BLJ: This is used for the main menu item selected*/
}

.djlmenusubselected {
    height: 45px;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

/**************************************/

/***** BLJ CUSTOM - START *****/
.SC_Header_lbl {
    background: #afd3e8;
    color: #333333;
    padding: 10px;
    border-bottom: 20px solid #FFFFFF;
}

.SC_PageHeader_lbl_oldwithGrayBorder {
    background-repeat: repeat-x;
    background-image: url(images/HeaderBlue_ht30.png);
    color: White;
    font-size: medium;
    font-weight: bold;
    border-color: #484848;
    border-width: 3px;
    border-style: solid;
    /*padding-left:5px;*/
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.SC_PageHeader_lbl {
    color: White;
    font-size: medium;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    margin-left: 10px;

}

.SC_QueryHeader_lbl {
    background-repeat: repeat-x;
    background-image: url(images/HeaderBlue_ht30.png);
    color: White;
    font-size: small;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 2px;
    padding-left: 5px;
}

.SC_ReportHeader_lbl {
    background-repeat: repeat-x;
    background-image: url(images/HeaderBlue_ht30.png);
    color: White;
    font-size: medium;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 2px;

    /*padding-left:8px;
BLJ - selected 8 instead of 5(page header) because of the 3px border*/
}

.SC_LoginHeader_lbl {
    background-repeat: repeat-x;
    background-image: url(images/HeaderBlue_ht30.png);
    color: White;
    font-size: medium;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;

    /*padding-left:8px;
BLJ - selected 8 instead of 5(page header) because of the 3px border*/
}

/*
.SC_link_lbl
{
	color:Black;
    font-size:small;
    font-weight:bold;
    font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.SC_link_lbl:hover
{
	color: Yellow;
    font-size:small;
    font-weight:bold;
    font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}*/

.SC_link_a {
    color: Black;
    font-size: small;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

.SC_link_a:hover {
    /*color:#084d74;*/
    color: orangered;
    font-size: small;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.SC_link_a img {
    border: 0px;
}


/***** BLJ CUSTOM - END *****/

.gvReportHeader {
    border: 0px !important;
}

.gvReportHeader th {
    vertical-align: middle;
    text-align: left;
    Height: 20px;
    padding: 10px 5px !important;
    background-color: #afd3e8 !important;
    color: #333333 !important;
}

.gvReportHeader th a {
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    background-color: #084d74;
    Height: 20px;
    color: White;
    border-spacing: 0;
    padding-right: 5px;
    border-collapse: collapse;
    margin: 0;
    border: 0;
    outline: 0;
}

.gvHeaderLeftAlign th {
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    float: left;
    background-color: #084d74;
    Height: 20px;
    color: White;
    border-spacing: 0;
    padding-right: 5px;
    border-collapse: collapse;
    margin: 0;
    border: 0;
    outline: 0;
}

.gvReportHeader~tr:nth-of-type(odd) td {
    background-color: #FFFFFF !important;
}

.gvReportHeader~tr:nth-of-type(even) td {
    background-color: #e2edf5 !important;
}

.gvReportHeader~tr td {
    padding: 5px !important;
}

.Err_Warning {
    /*BLJ: Used for the warning Message Labels*/
    background-repeat: no-repeat;
    background-image: url(http://127.0.0.1:8887/EmptyBox.svg) !important;
    background-position: calc(50% + 30px) 15px;
    background-color: #ffffff !important;
    /*JAM added for textformating*/
    padding-top: 15px;
    padding-left: 55px;
    padding-bottom: 15px;
    padding-right: 15px;
    /*padding-left:50px;*/
    vertical-align: middle;
    border-color: #484848;
    /*#F48020*/
    border-width: 0px !important;
    border-style: solid;
    /*text-indent:40px;*/
    text-align: left;
    font-size: small;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    color: #333333 !important;
    background-size: 75px;
}

.Err_Warning td {
    border: 1px dashed #cccccc !important;
    height: 130px;
    text-align: center;
    padding-top: 80px;
    color: #999999;
}

.Err_Warning_OK {
    /*BLJ: Used for the Success Message Labels*/
    background-repeat: no-repeat;
    background-image: url(images/icon_OK.png);
    background-position: 10px 5px;
    /*BLJ: This sets the warning image properly within the boundaries*/
    background-color: #484848;
    /*#F48020, #2C3D85*/
    padding: 15px;
    /*padding-left:50px;*/
    vertical-align: middle;
    border-color: #484848;
    /*#F48020*/
    border-width: 1px;
    border-style: solid;
    text-indent: 40px;
    text-align: left;
    font-size: small;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    color: Yellow;
    /*#F48020, #2C3D85*/
}

.lbl_ErrWarning {
    /*background-repeat:no-repeat;
    background-image:url(images/warning.gif);
    background-position:left;
    background-color:#000060;*/
    color: #F48020;
    font-size: small;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    padding: 2px;
    text-align: left;

}

/*
BLJ: this style was created to display a label's text starting with <li> tag so that i can assign a bullet symbol to the list item.

.lbl_ErrWarning li
{
    list-style-image:url(images/warning.gif);
    list-style-position:inside;
    vertical-align:middle;
}
*/


/* BLJ - The following styles are used to bring a accordion affect upon hover.  It is used in the reports AZ list page.

    BLJ - Vertical
    #accordion { 
	width: 500px; 
	margin: 100px auto; }	
	#accordion div {
	float: left;
	width:25%;
	height: 300px;
	overflow: hidden;}	
	#accordion:hover div { width: 20px; }	
	#accordion:hover div:hover {
	width: 440px;
	overflow: auto; }*/

/* BLJ - Horizontal*/
.accordion_CSS {
    /*width: 500px;
	height: 400px;
	margin: 20% auto;*/
}

.accordion_CSS div {
    height: 17px;
    overflow: hidden;
}

.accordion_CSS:hover div {
    height: 20px;
}

.accordion_CSS:hover div p {
    background-color: #F48020;
    color: Black;
    font-style: italic;
    margin-left: 50px;
    padding: 5px;
}

.accordion_CSS:hover div:hover {
    height: 100%;
    overflow: auto;
    background-color: #C0C0C0;
    padding: 10px;
}













.pnl_accordion_CSS {
    /*background-color:#C0C0C0;
	padding-right:10px;
	width:500px;
	border-width:2px;
	border-color:#484848;
	border-style:solid;*/
    background-color: #1C7399;
    background-image: url('../Images/background.jpg');
    background-repeat: repeat-x;
    padding-right: 10px;
    width: 500px;
    border-width: 1px;
    border-color: #484848;
    border-style: solid;
    font-size: 1em;
    font-weight: normal;
}

.pnl_accordion_CSS p {
    /*background-color:#F48020; 
	color:Black; 
	font-style:italic;
	margin-left:50px;
	padding:5px;*/
    background-color: White;
    color: Black;
    font-size: 1em;
    font-weight: normal;
    margin-left: 10px;
    padding: 5px;
}



/***** JJC GROUP HEADERS *****/
.SC_EditForm {
    background-color: #5998bc;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    text-align: left;
}

.SC_EditFormWhite {
    background-color: White;
    color: Black;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    text-align: left;
}

.SC_TabContainer {
    background-color: #5998bc;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    text-align: left;
    font-weight: bold;
}

.SC_GroupHeader {
    background-color: #17375E;
    color: White;
    font-size: medium;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    padding: 2px;
}

.SC_MainGridHeader {
    background-color: #084d74;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    padding: 1px;
    border: 1px, solid, White;
}

.SC_MainGridHeader th {
    background-color: #084d74;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    padding: 1px;
    border: 1px, solid, White;
}

.SC_MainGridHeader a {
    text-align: left;
    color: White;
}

.SC_MainGridHeader th a {
    text-align: left;
    color: White;
}

.SC_MainGridHeaderDiagonal {
    text-align: left;
    vertical-align: bottom;
    height: 75px;
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.SC_MainGridHeader_noAlign {
    background-color: #084d74;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 3px;
    border: 1px, solid, White;
}

.SC_MainGridHeader_noAlign th {
    background-color: #084d74;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 3px;
    border: 1px, solid, White;
    vertical-align: top;
}

.SC_MainGridHeader_noAlign a {
    color: White;
}

.SC_MainGridHeader_noAlign th a {
    color: White;
}

/*.SC_MainGridRow {
    background-color: White;
    font-size: smaller;
    color: Black;
    height: 20px;
    font-weight: normal;
}

.SC_MainGridAltRow {
    background-color: #CCCCCC;
    font-size: smaller;
    color: Black;
    height: 20px;
    font-weight: normal;
}*/

.SC_LeftTab {
    height: 75px;
    width: 125px;
    color: White;
    font-size: large;
    background: url(images/LeftTabDefault.png) top left repeat;
}

.SC_LeftTab a div {
    height: 75px;
    width: 125px;
    line-height: 75px;
    text-align: center;
    vertical-align: middle;
}

.SC_LeftTab a {
    color: White;
    text-decoration: none;
}

.SC_LeftTab2Line {
    height: 75px;
    width: 125px;
    color: White;
    font-size: large;
    background: url(images/LeftTabDefault.png) top left repeat;
}

.SC_LeftTab2Line a div {
    height: 75px;
    width: 125px;
    line-height: 37px;
    text-align: center;
    vertical-align: middle;
}

.SC_LeftTab2Line a {
    color: White;
    text-decoration: none;
}

.SC_LeftTabSelected {
    height: 75px;
    width: 125px;
    color: White;
    font-size: large;
    background-color: #084d74;
}

.SC_LeftTabSelected a {
    color: #23527c;
    text-decoration: none;
}

.SC_LeftTabSelected a div {
    height: 75px;
    width: 125px;
    line-height: 75px;
    text-align: center;
    vertical-align: middle;
}

.SC_LeftTabSelected2Line {
    height: 75px;
    width: 125px;
    /*color: White;*/
    font-size: large;
    background-color: #084d74;
}

.SC_LeftTabSelected2Line a {
    /*color: White;*/
    text-decoration: none;
}

.SC_LeftTabSelected2Line a div {
    height: 75px;
    width: 125px;
    line-height: 37px;
    text-align: center;
    vertical-align: middle;
}

.SC_LeftTabEmpty {
    background-color: White;
}

.SC_RightTabBody {
    background-color: #084d74;
    color: White;
    width: 750px;
}

.SC_TopTab {
    height: 35px;
    width: 200px;
    color: White;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    background-color: #2c6b8f;
}

.SC_TopTab a {
    color: #23527c;
    width: 50px;
    text-decoration: none;
}

.SC_TopTabSelected {
    height: 35px;
    width: 200px;
    color: White;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    background:
    /* faking this since there's a conflict in the .contentplain div table tbody tr td CSS that sets the background color to white and can't override*/
    linear-gradient( rgba(89, 152, 188, 0.4), rgba(89, 152, 188, 0.4) );
}

.SC_TopTabSelected a {
    color: #23527c;
    width: 50px;
    text-decoration: none;
}

.SC_TopTabEmpty1Button {
    background-color: #084d74;
}

.SC_TopTabEmpty2Buttons {
    background-color: #084d74;
}

.SC_TopTabEmpty3Buttons {
    background-color: #084d74;
}

.SC_BottomTab {
    background-color: #5998bc;
}

.SC_GridHeader {
    background-color: #084d74;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 1px;
}

.SC_GridHeader a {
    color: White;
}

.SC_GridRow {

    font-size: smaller;
    height: 20px;
    font-weight: normal;
}

.SC_GridAltRow {
    background-color: #CCCCCC;
    font-size: smaller;
    height: 20px;
    font-weight: normal;
}

.SC_NoAlias {
    color: Gray;
    font-style: italic;
}

.SC_Alias {
    font-weight: bold;
}

.SC_GridPaging {
    text-indent: 5px;
    color: White;
    text-align: center;
}

.SC_GridPaging a {
    color: #337ab7;
}

.SC_GridPaging td table tbody tr td {
    display: inline-block;
    width: 1%;
}

.SC_ReportHeader {
    background-color: #084d74;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 1px;
    text-align: left;
}

.SC_ReportHeader th {
    background-color: #084d74;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 1px;
    text-align: left;
}

.SC_ReportHeader a {
    text-align: left;
    color: White;
}

.SC_ReportHeader th a {
    color: White;
    text-align: left;
}

.SC_ReportRow {
    font-size: smaller;
    height: 20px;
    font-weight: normal;
}

.SC_ReportAltRow {
    background-color: #CCCCCC;
    font-size: smaller;
    height: 20px;
    font-weight: normal;
}

.SC_ReportPaging {
    text-indent: 5px;
    color: White;
}

.SC_ReportPaging a {
    color: White;
}

.SC_ReportPagingEmployee {
    text-indent: 5px;
}

.SC_TextWatermark {
    color: Gray;
}

.SC_ErrorPanel {
    background-color: Red;
    color: Black;
}

.SC_EmployeeRow {
    font-size: small;
    height: 20px;
    font-weight: normal;
}

.SC_EmployeeAltRow {
    background-color: #DDDDFF;
    font-size: small;
    height: 20px;
    font-weight: normal;
}

.SC_EmployeeHeader {
    background-repeat: repeat-x;
    background-image: url(images/HeaderBlue_ht30.png);
    color: White;
    font-size: medium;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 2px;
}

.SC_EmployeeHeaderBackGroundColor {
    background-color: #084d74;
    color: white;
}

.SC_EmployeeSubHeader {
    background-repeat: repeat-x;
    background-image: url(images/HeaderBlue_ht30.png);
    color: White;
    font-size: small;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 2px;
}

.SCQuickList2021 {
    text-align: center;
    vertical-align: top;
}

.SCQuickList2021 li {
    text-align: center;
    list-style-type: none;
    float: left;

    background-color: #ffffff;
    /* height:213px; */
    position: relative;
    margin: 5px 20px 5px 20px;
    /* 10px 30px 6px;*/
    /*padding: 5px 8px 5px 8px;*/
}

#content_spotlightwidget {
    /* background:url(images/NavWebsiteLightBottomToTop.png) repeat top; */
    border: 1px solid #87A1E9;
    /* light purple */
    text-align: center;
    margin: 0px 0px 0px 0px;
    /* 10px 30px 6px;*/
    padding: 0px 0px 0px 0px;
}

.SCNotes {
    font-size: smaller;
    font-weight: bold;
}

.SCNotesClassEdit {
    width: 100%;
    font-weight: 500;
}

/*BLJ 20120822: style for quicklinks*/
.SCQuickLinks_100 {
    margin: 10px;
    height: 100px;
    width: 100px;
}

.SC_MainGridTotalFooter {
    background-color: #084d74;
    color: White;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    padding: 3px;
    border: 1px, solid, White;
    vertical-align: top;
    font-size: smaller;
}

.SC_ModalPopup {
    background-color: #5998bc;
    color: White;
}

.courseList {
    margin-left: auto;
    margin-right: auto;
    width: 80%
}

.courseList div {
    background-color: #084d74;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding: 4px;
    margin: 4px 0px 10px 0px;
}

.courseList table {
    width: 100%;
}

.courseList td {
    padding: 4px;

}

.courseList td:nth-child(1) {
    font-weight: bold;

}

.courseList tr:nth-child(odd) {
    background-color: #eee;
}

.courseList tr:nth-child(even) {
    background-color: #fff;
}

.footerMenu {
    text-align: left;
    vertical-align: top;
}

.footerMenu a {
    text-decoration: none;
    color: Gray;
}

.footerMenu div {
    font-size: smaller;
    padding-bottom: 5px;
}

.NotifyPopup {
    background-color: #1C7399;
    background-image: url('images/background.jpg');
    background-repeat: repeat-x;
    padding: 10px;
    border-width: 1px;
    border-color: #484848;
    border-style: solid;
    font-weight: bold;
}

/*<---AAH: Menu*/
.mini-submenu {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 9px;
    /*position: relative;*/
    width: 42px;

}

.mini-submenu:hover {
    cursor: pointer;
}

.mini-submenu .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    margin-top: 3px;
}

.mini-submenu .icon-bar {
    background-color: #000;
}

#slide-submenu {
    background: rgba(0, 0, 0, 0.45);
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    cursor: pointer;
}

.fa-times:before {
    content: "\f00d";
}

/*>---AAH: Menu*/
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    height: 22px !important;
}

input[type=checkbox] {
    display: inline-block;
    font-weight: bold;
    color: black;
}

/*ul {
    display: none;
    font-weight: bold;
    color: black;
}*/

input[type=checkbox]:checked~ul {
    display: block;
    margin-left: 10px;
}

.spaceforcheck {
    margin-left: 10px;
}

.panel-heading {
    padding: 0px;
    border: 0px;
}

.panel-title>a, .panel-title>a:active {
    display: block;
    padding: 0px;
    color: Black;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

/*.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    position: relative;
    /*right: 945px;*/
/*transition: all 0.5s;
   
}*/

.customhidden {
    display: none;
    background-color: white;
}

.switch {
    width: 100px;
    height: 40px;
    position: relative;
    overflow: visible;
}

.switch input {
    position: relative;
    top: 200px;
    /*width: 100%;
        height: 100%;*/
    z-index: 100;
    opacity: 0;

}

.switch label {
    display: inherit;
    text-align: center;
    color: Black;
    /* line-height: normal; */
    width: 100px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 3px;
    border-right: 1px solid #848181;
    border-bottom: 1px solid #848181;
    border-top: 1px solid #848181;
    border-left: 1px solid #848181;
    padding: 10px 50px 10px;
}

.containerclass {
    width: 600px;
    padding: 30px;
    background-color: #ffffff;
    margin-left: 46px;
    border: 30px;
    position: center;
}

.switch label:hover {
    background-color: #f48020
}

.panelposition {
    margin-left: 2px;
}

.newspace label {
    margin-left: 10px;
}