body
{
	
}

table{ /*keeps tables with fixed size from going off teh screen */
max-width:100%
}


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;
}
.lawreference
{
    font-size:11pt;
}
#printLink
{
	cursor: pointer;
}
#graphicsLink
{
	cursor: pointer;
}

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

#aPrint
{
    cursor: pointer;
}

.alignTop { /*used in code behind*/
    vertical-align: top;
}
.noWrap { /*used in code behind*/
    white-space: nowrap;
}
/*display WAC 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;}

/*Note - not using a full css reset since we are using a css framework*/
ul {
    list-style:none;
    margin:0;
    padding:0;
}

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 */
#wacPage {
    display: flex;
    flex-direction: column;
}

    #wacPage .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"],a[id$="hlRegisterFilings"], #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;
     }

    #wacPage {
        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;

}