BODY, A, DIV, EM, H1, H2, H3, H4, H5, H6, UL, OL, LI, P, SPAN {
    font-family: Arial;
    /* font-size: 1em; */
}

BODY {
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

H1 {
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    margin-top: 5px;
    margin-bottom: 5px;
}

H2 {
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
}

H3 {
    font-family: Arial;
    font-weight: bold;
    text-align: left;
    font-size: 1.09em;
    margin-top: 10px;
    margin-bottom: 3px;
}

TABLE.commoninfo {
    font-size: 70%;
    background: #CCCCCC;
    border-top: thin inset #003399;
    border-bottom: thin inset #003399;
}

TABLE.commoninfo TD {
    font-family: Arial;
    font-weight: normal;
    text-align: left;
}

TABLE.commoninfo .label {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    padding-right: 3px;
}


DIV.maincontent {
	z-index: 0;
	font-family: Arial;
	font-size: 13px;
	/*line-height: 140%;*/
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #F8F8F8;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 30px;
    /* width: 990px; */
	border-style:solid;
	border-width:1px;
	border-color:#DFDFDF;
	border-radius: 0.5rem;
	text-align:left;
	position: relative;
	min-height: 40vh;
}

DIV.maincontent h1 {
	font-size: 1.5em;
	margin: 0;
}

/* html>body DIV.maincontent {
    width: 928px;
} */

DIV.chartcontent {
	font-family: Arial;
	font-size: 12px; 
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #F8F8F8;
    /* padding-left: 10px; */
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 990px;
	border-style:solid;
	border-width:1px;
	border-color:#DFDFDF;
	position: relative;
	border-radius: 0.5rem;
}

DIV.maincontent_tl, DIV.maincontent_tr, DIV.maincontent_bl, DIV.maincontent_br
{
  width: 7px;
  height: 7px;
  position: absolute;
}

DIV.maincontent_tl
{
  background: url(../img/main/content_bx_tl.png) no-repeat top left ;
  top: -2px;
  left: -2px;
}

DIV.maincontent_tr
{
  background: url(../img/main/content_bx_tr.png) no-repeat top right ;
  top: -2px;
  right: -2px;
}

DIV.maincontent_bl
{
  background: url(../img/main/content_bx_bl.png) no-repeat bottom left ;
  bottom: -2px;
  left: -2px;
}

DIV.maincontent_br
{
  background: url(../img/main/content_bx_br.png) no-repeat bottom right ;
  bottom: -2px;
  right: -2px
}
DIV.mainchartcontent {
	font-family: Arial;
	font-size: 12px; 
    /*margin-left: 6px;    
    margin-right: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 1002px;*/
}


DIV.belowchartcontent {
	font-family: Arial;
	font-size: 12px; 
    /*margin-left: 6px;
    margin-right: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    width: 980px; */
    padding-left: 5px;
    padding-top: 10px;
}

DIV.printcontent {
	font-family: Arial;
	font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 15px;
    width: 770px;
}

DIV.footer {
    font-family: Arial;
    font-size: .75em;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 30px;

}

DIV.formsection {
    background-color: #CCCCCC;
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

DIV.eoSectionBDiv {
}

DIV.eoSectionBDiv p{ padding-left:135px; padding-top:200px; color:#FFFFFF; line-height:12px;}

CAPTION {
    background-color: #003399;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
CAPTION A {
    background-color: #003399;
    color: #FFFFFF;
    font-weight: bold;
}

HR.blueline {
    color: #003399;
}

LABEL {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
LABEL.normal {
    font-family: Arial;
    font-size: 1em;
    font-weight: normal;
}
LEGEND {
    font-family: Arial;
    font-size: .8em;
    font-weight: bold;
}

SPAN.asterisk {
    font-family: Arial; 
    font-size: 1.1em; 
    font-weight: bold;
}

FIELDSET {
    border-style: none ;
}

P.formbuttons {
    margin-top: 10px;
    text-align: center;
}

P.formbuttonsLeftJustified {
    margin-top: 10px;
    text-align: left;
}

P.formbuttonsRightJustified {
    margin-top: 10px;
    text-align: right;
}

.formbuttons INPUT {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: capitalize;
}

P.formbuttonsLeftJustified INPUT {
    font-size: 70%;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: capitalize;
}

P.formbuttonsRightJustified INPUT {
    font-size: 70%;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: capitalize;
}

P.general	
{ 	
	font-family: Arial; 
	font-size: 12px; font-style: normal; 
	font-weight: normal; color: #FFFFFF 
}

P.news 	
{ 	
	font-family: Arial; 
	font-size: 12px; font-style: normal; 
	font-weight: normal; color: #003366 
}

P.white 	
{ 	
	font-family: Arial; 
	font-size: 12px; font-style: normal; 
	font-weight: normal; color: #FFFFFF 
}



.formatnote {
    font-size: 12px;
    font-style: italic;
}

.readonly {
    color: #000000;
    background-color: #ffffff;
    margin-top: 0px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    /*  border: 1px inset #000000; */
}

LI.readonlytext  {
    color: #000000;
    background-color: #ffffff;
    display: list-item;
}

.required {
    color: #000000;
    font-family: Arial;
    font-size: 90%;
    font-weight: bold;
}

.login {
    border: medium solid #003399;
}

.loginerror {
    margin-top: 50px;
}

TABLE.datatable {
    font-size: 12px;
    background-color: #EFEFEF;
}
.datatable TH {
    background-color: #003399;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.datatableLeft TH {
    background-color: #003399;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}

.datatable TH A {
	
    background-color: #003399;
    color: #FFFFFF; 
    font-weight: bold;
}

.datatable TR.oddrow TD {
    /* background-color: #BBD1E8; */
    /* background-color: #D5E4F4; */
    background-color: #E8F0F9;
}

.datatable TD {
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    padding: 2px 2px 2px 2px;
}

.subformlink {
    font-size: 70%;
    color: #003399;
}

.subformlink A {
    color: #003399;
}

.subheadBlack 	
{ 	
	font-family: Arial; 
	font-size: 12px; font-style: normal; 
	font-weight: normal; color: #000000 
	}

.subheadWhite	
{ 	
	font-family: Arial; 
	font-size: 12px; font-style: normal; 
	font-weight: bold; color: #FFFFFF;
	text-decoration: none
	}

.subheadWhite:hover	
{ 	
	font-family: Arial; 
	font-size: 12px; font-style: normal; 
	font-weight: bold; color: #990033;
	text-decoration: none
	}

.subheadBlue	
{ 	
	font-family: Arial; 
	font-size: 12px; font-style: normal; 
	font-weight: bold; color: #003366;
	text-decoration: none
}

.subheadBlue:hover	
{ 	
	font-family: Arial; 
	font-size: 12px; font-style: normal; 
	font-weight: bold; color: #990033;
	text-decoration: none
}

.pageTitle 
{ 	font-family: Arial; 
	font-size: 15px; font-style: normal; 
	font-weight: bold; color: #FFFFFF 
}

A.pageTitleNav 
{ 	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; color: #FFFFFF; 
	text-decoration: none
}

.pageTitleNav:hover 
{ 	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; color: #FFFFFF; 
	text-decoration: none
}

A.pageSubNav 
{ 	font-family: Arial; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; color: #003366; 
	text-decoration: underline
}

.pageSubNav:hover 
{ 	font-family: Arial; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; color: #6699FF; 
	text-decoration: underline
}

A.pageSubNavTxt
{   font-family: Arial; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal; color: #0033FF; 
    text-decoration: underline
}

.pageSubNavTxt:hover
{   font-family: Arial; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal; color: #663366; 
    text-decoration: underline
}

font.error {
	font-family: Arial; 
	font-style: italic;
	font-weight: bold; 
	color: #FF0000; 
}

.generalTxt
{
	font-family: Arial; 
	font-size: 12px; 
	font-style: normal; 
}
.labelTxt {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

TABLE.newdatatable {
    font-size: 12px;
    background-color: darkgray;
}
.newdatatable TH {
    background-color: #CCCCCC;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.newdatatable TH A {
	
    background-color: #CCCCCC;
    color: #000000; 
    font-weight: bold;
}

.newdatatable TR.oddrow TD {
    /* background-color: #BBD1E8; */
    /* background-color: #D5E4F4; */
    background-color: #EFEFEF;
}

.newdatatable TD {
    background-color: #EFEFEF;
    color: #000000;
    font-weight: normal;
    padding: 2px 2px 2px 2px;
}

.sub_cat_id { color: red;}

.note{
    margin: 0 auto;
    width: 100%;
    /*margin-top: -20px;*/
}

.columnTitle {
    float: left;
    width: 5%;
    margin-top: 20px;
}

.columnContent {
    float: left;
    width: 95%;
    text-align: left;
    margin-top: 20px;
}

.clear{
    clear: left;
    display: block;
}

.bg-gradient-primary {
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; }

.bg-gradient-secondary {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; }

.bg-gradient-success {
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; }

.bg-gradient-info {
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; }

.bg-gradient-warning {
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; }

.bg-gradient-danger {
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; }

.bg-gradient-light {
    background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important; }

.bg-gradient-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; }

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
    box-shadow: none !important; }

.shadow-custom{
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;;
}

#QSIFeedbackButton-btn {
    top: 50%;
    bottom: 100px !important;
    height: 101px;
}

#QSIFeedbackButton-overlay-container {
    height: 90% !important;
    width: 90% !important;
}

#QSIFeedbackButton-btn > div > div {
    color: #fff !important;
}