body
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;*/
}
h4
{
	margin-bottom:5px;
	margin-top:5px;
}
h4.multipleSectionHeading
{
    margin-top:24pt
}
h3
{
	margin-bottom:10px;
	margin-top:5px;
}
h2
{
	margin: 0px;
	padding: 0px;
}
h1
{
	margin: 0px 0px 10px;
	padding: 0px;
}
a:link, a:visited
{
	color: #2b674d;
}
a:hover
{
	color: #0000ff;
}

/* for anchors that are not links */
a[name]:hover
{
	color:#000000;
}
#divContent table
{
    font-size:11pt;
}

/* horizontal scroll is necessary when mobile devices are viewing some of the bigger tables */
#pageWrapper
{
    overflow:auto;
}

.noscroll 
{
    overflow-y: hidden;
    overflow-x: hidden;
}

#aPrint
{
    cursor: pointer;
}

/* #region Header */

.templateHeader {
    font-weight:bold;
    font-size:1em;
    text-align:left;
}

/* #endregion Header */

/* #region Validation */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.validationred {
    color: red;
}
/* #endregion Validation */

/* #region jquery toggle sort classes */
.sortable th /*make columh headers look like links for sorting*/
{
    cursor:pointer;
    text-decoration:underline;
}

.tablesorter-header {
    background-color: #2b674d  ;
    color: white;
}

.table-stripe tbody tr:nth-child(2n+1) td {
    background-color: white  ;
}
/* #endregion jquery toggle sort classes */

/*display RCW lookup input and button on same line*/
#divLookup .ui-input-text { width: 80px;display:inline-block }
#divLookup .ui-btn-inline {vertical-align: top }
#divLookup .ui-btn {padding: 0.5em .7em;}

img {
    max-width: 100%;
    max-height: 100%
}

/* Use flex layout on the page to the footer stays at the bottom and the content expands vertically */
#rcwPage {
    display: flex;
    flex-direction: column;
}

    #rcwPage .ui-content {
        flex: 1;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

#mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
	font-family: "xsmall"; /*work around for IE8, delete when we don't support it anymore*/
}
#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
    content: "xsmall";
    display: none;
}

/*Phone/Landscape STYLES*/
@media (min-width:26.25em), print /*420/16*/
{
    #mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
		font-family: "small"; /*work around for IE8, delete when we don't support it anymore*/
	}
	#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
        content: "small";
        display: none;
    }

}

/* tablet STYLES*/
@media (min-width:37.5em), print /*600/16*/
{
    #mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
		font-family: "medium"; /*work around for IE8, delete when we don't support it anymore*/
	}
	#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
        content: "medium";		
    }    
}

/*DESKTOP STYLES*/
@media (min-width:64em)  /* 1024/16 breakpoint four */
{
    #mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
		font-family: "large"; /*work around for IE8, delete when we don't support it anymore*/
	}
	#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
        content: "large";
    }   
    /* #region Footer */
    
    /* #endregion Footer */

    /* Set width of print link popup so that it will be a percentage of screen for styles larger than 64em; otherwise the popup will take up the entire horizontal space */
    #divPrintContent-popup
    {
        width: 50%;
    }
}

/* Large screens ----------- */
@media (min-width : 114em) /*1824/16*/
{
    #mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
		font-family: "xlarge"; /*work around for IE8, delete when we don't support it anymore*/
	}
	#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
        content: "xlarge";		
    }
}


/* Print screens ----------- */
@media print /*1824/16*/ 
{ 
 /* Don't display header/footer/nav for printing */
     #mobileHeader, .publicSiteFooter, .desktopSideNavParentContainer, div[id$="pnlPrevNext"], #divBreadCrumb, #aPrint { display: none !important; }      
     .contentContainer { margin-left:0em;display:block}
    body, body * {
        max-width: 100% !important; /* have to set otherwise FF prints blank page and IE only shows one page*/
        -ms-overflow-y: hidden !important; /*have to set for IE only get extra blank pages at the end.*/
        -ms-overflow-x: hidden !important; /*have to set for IE only get extra blank pages at the end.*/
    }
    body {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 11pt;
     }
        #contentWrapper div {
        -ms-overflow-y: visible !important; /*have to set for IE so content doesn't get truncated (this happens because of a -0.25 indent and left margin 24 px*/
        -ms-overflow-x: visible !important; /*have to set for IE so content doesn't get truncated (this happens because of a -0.25 indent and left margin 24 px*/
    }

    #rcwPage {
        min-height: auto !important; /* An extra blank page was showing due to an explicit min height */
    }

    .ui-btn, #wsl-header, footer {
        display: none;
    }
}
/*included this so convert to pdf will work correctly in IE*/
.ui-page {

	display: block;

}