/* adjust for IE11 */
html, body {
    height:100vh;
}

body {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

#content {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
}

#footer {
    background: none;
}

/* adjust indi tabs area */
#content {
	margin: 5px 10px 10px;
}

#indi-header {
	margin: 5px 0;
}

#header {
    height: auto;
}

#topMenu {
    float: none;
    height: auto;
    padding: 1em 0;
}

#main-menu {
    display: flex;
}

#main-menu > li {
    float: inherit;
    width: 90px;
    text-align: center;
    line-height: 28px;
    text-indent: 0;
}

#main-menu > li::before {
    background-image: url(images/sprites-top-menu.png);
    background-position: top center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 28px;
    width: 100%;
}

#main-menu > li#widget-button.fa-bars::before,
#main-menu > li#widget-button.fa-times::before {
    background-image: none;
}

#main-menu > li#widget-button.fa-bars a,
#main-menu > li#widget-button.fa-times a {
    font-weight: 900;
    line-height: 38px;
    position: relative;
    top: -36px;
}

#main-menu > li#widget-button.fa-bars a:hover {
    position: relative;
    top: -30px;
    background-color: #fff;
    background-image: url(images/icon-widget-hover.png);
    width: 33px;
    height: 38px;
    padding: 0;
}

#main-menu > li#widget-button.fa-bars a:hover {
    position: relative;
    top: -30px;
    background-color: #fff;
    background-image: url(images/icon-widget-hover.png);
    width: 33px;
    height: 38px;
    padding: 0;
}

#main-menu > li#widget-button.fa-times a:hover {
    position: relative;
    top: -30px;
    background-color: #fff;
    background-image: url(images/icon-widget-close-hover.png);
    width: 33px;
    height: 38px;
    padding: 0;
}

#main-menu li#menu-chart::before {
    background-position: center -29px;
}

#main-menu li#menu-list::before {
    background-position: center -58px;
}

#main-menu li#menu-report::before {
    background-position: center -493px;
}

#main-menu li#menu-search::before {
    background-position: center -145px;
}

#main-menu > li > a {
    line-height: 1.2em;
    padding: .5em 0 0;
    white-space: normal;
    font-weight: normal;
    font-size: .9em;
}

#main-menu li a {
    margin: auto;
    width: 100%;
}

#main-menu li a:hover {
    background-color: transparent;
    color: #b11116;
}

#main-menu a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

#tabs {
    border: 1px solid #999;
    margin: auto 0px auto 5px;
    width: 99.45%;
}

.ui-tabs .ui-tabs-nav {
	border: none;
	border-bottom: 1px solid #888;
}

.ui-tabs .ui-tabs-panel {
	padding: 0.5em;
}

.ui-tabs .ui-tabs-nav li {
	padding: 0 10px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
	padding-bottom: 0;
}

#stories ol#contents_list,
#stories2 ol#contents_list {
	margin: 2em;
}

#stories div#contents,
#stories2 div#contents {
	margin: auto 1em;
}

#story_contents {
	margin: auto 20px;
}

/* Styling for stories2 module */
#stories2 {padding:20px;}
/* story content - reset main styles to standard styling */
#stories2 span, #stories2 h1, #stories2 h2, #stories2 h3, #stories2 h4, #stories2 h5, #stories2 h6, #stories2 p, #stories2 blockquote, #stories2 pre,
#stories2 a, #stories2 img, #stories2 strong, #stories2 sub, #stories2 sup, #stories2 b, #stories2 u, #stories2 i, #stories2 dl, #stories2 dt, #stories2 dd, #stories2 ol, #stories2 ul, #stories2 li,
#stories2 fieldset, #stories2 form, #stories2 label, #stories2 legend, #stories2 table, #stories2 caption, #stories2 tbody, #stories2 tfoot, #stories2 thead, #stories2 tr, #stories2 th, #stories2 td
 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
 /* story content - set new main styles */
#stories2 h1 {font-size: 1.75em; margin: .67em 0; text-align: center;}
#stories2 h2 {font-size: 1.5em; margin: .75em 0;}
#stories2 h3 {font-size: 1.17em; margin: .83em 0;}
#stories2 h4, #stories2 p, #stories2 blockquote, #stories2 ul, #stories2 fieldset, #stories2 ol, #stories2 dl, #stories2 h5 {font-size: 1em; margin: 1.5em 0;}
#stories2 h6 {font-size: .83em; margin: 1.67em 0;}
#stories2 h1,#stories2 h2, #stories2 h3, #stories2 h4, #stories2 h5, #stories2 h6, #stories2 b, #stories2 strong{font-weight: bolder;}
#stories2 #story_contents a[id^="footnote"] {
	color: blue;
    font-size: 75%;
	font-weight: 700;
    vertical-align: top;
}
#stories2 #story_contents section.footnotes sup a {
	color: blue;
    font-size: 125%;
	font-weight: 900;
    vertical-align: middle;
}