#header{
position:static;
}
#main{
color:#6A6C7F;
margin-top:0;
}
#left-nav,#left-nav+div{
background-color:white;
border-radius:1px;
box-shadow:-1px 0 2px 0 #D3D3D3,1px 0 2px 0 #D3D3D3,0 1px 1px 0 #808080;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
}
#left-nav{
color:#316A9B;
font-size:.9em;
margin-right:30px;
padding:15px 20px;
width:180px;
}
.scrolled #left-nav{
position:fixed;
z-index:99;
}
#left-nav button{
display:none;
}
#left-nav>div>ul>li{
border-bottom:1px solid #CCC;
padding:9px 0;
}
#left-nav a{
color:inherit;
}
#left-nav a:hover {
color:#316A9B;
text-decoration:underline;
}
#left-nav li li a{
background:url(/media/ieawebsite/responsive/arrows_raquo.png) no-repeat left;
color:#7AC180;
display:block;
font-size:.9em;
margin-left:5px;
padding-left:12px;
}
#left-nav small{
color:#6A6C7F;
display:block;
font-size:9px;
}
#left-nav small a{
color:#217AC3;
}
#left-nav input {
border:1px solid #CCC;
border-radius:3px 0 0 3px;
box-sizing:border-box;
color:#666;
height:30px;
margin:15px 0 10px;
padding-left:5px;
vertical-align:top; /* IE8 */
width:80%;
}
#left-nav input[type="submit"] {
background:#4498F3 url(/media/ieawebsite/responsive/icon_search_white.png) no-repeat center;
border-color:#4498F3;
border-radius:0 3px 3px 0;
color:transparent;
width:20%;
}
#left-nav+div{
background:white url(/media/omr/OMRbanner.png) top right no-repeat;
background-size:contain;
border-top:9px solid #4498F3;
font-size:.9em;
padding:10% 20px 20px;
width:75%;
}
.scrolled #left-nav+div{
margin-left:213px;
}
@media only screen and (min-width:1301px){
#left-nav+div{
width:79%;
}
}
@media only screen and (max-width:1100px){
#left-nav+div{
width:71%;
}
}
@media only screen and (max-width:800px){
#left-nav{
margin-bottom:20px;
margin-right:0;
padding:0;
transition:all 0.5s;
width:100%;
}
.scrolled #left-nav{
top:5px;
width:auto;
}
#left-nav.open{
padding:20px;
}
#left-nav>button{
background-color:#BDBDBD;
color:white;
cursor:pointer;
display:block;
outline:0;
padding:5px 10px;
text-align:center;
text-transform:uppercase;
width:100%;
}
#left-nav>button::-moz-focus-inner{
border:0;
}
#left-nav div{
display:none;
}
#left-nav.open div{
display:block;
}
#left-nav+div{
display:block;
padding-top:15%;
width:100%;
}
.scrolled #left-nav+div{
margin-left:0;
}
}
@media only screen and (max-height:550px){
#left-nav{
font-size:.7em;
}
#left-nav.open{
padding:10px;
}
#left-nav>div>ul>li{
padding:4px 0;
}
#left-nav input {
height:20px;
}
}
@media only screen and (max-height:340px){
.scrolled #left-nav{
position:static;
width:100%;
}
}
/* For content */
.omrreport{
clear:both;
}
.omrreport h1{
border-bottom:1px dotted #ccd5e5;
border-top:1px dashed #CCC;
color:#2C2C33;
font-size:18px;
font-weight:normal;
margin:10px 0;
padding:13px 0;
}
.omrreport h2{
color:#13B862;
font-size:20px;
font-weight:normal;
margin:0 0 15px;
padding:13px 0;
text-transform:capitalize;
}
.omrreport h4{
color:#0EB7DF;
font-size:17px;
margin:10px 0;
}
.omrreport p{
line-height:1.5em;
margin:0 0 20px;
}
.omrreport li{
padding-left:15px;
background:transparent url(/media/ieawebsite/styleassets/images/bullblue.png) no-repeat scroll 0px 6px;
}
.omrreport table{
border:1px solid #CCC;
}
.omrreport th,.omrreport td{
padding:10px;
}
.omrreport img{
background-color:white;
border:1px solid #CCC;
box-sizing:border-box;
display:block;
height:auto;
max-width:99%;
padding:9px;
}
li.omrlist{
border-bottom:1px solid #CCC;
padding:15px;
}
/* For actual OMR reports only (and homepage) */
h1.topNav{
background-color:white;
box-shadow:0 5px 20px 20px white;
margin-top:0;
padding:8px 0 0;
text-align:center;
top:0;
}
h1.topNav.scrolled{
position:fixed;
}
h1.topNav ul{
margin:5px 0;
}
.omrreport h1.topNav li{
background:none;
border-left:1px solid;
box-sizing:border-box;
color:#13B862;
display:inline-block;
font-size:.7em;
padding:0;
width:14%;
}
@media only screen and (max-width:525px){
h1.topNav{
font-size:.9em;
}
}
.omrreport h1.topNav li:first-child{
border-left:none;
}
h1.topNav li a{
color:inherit;
}
.omrreport h3{
color:#000;
font-size:18px;
padding:13px 0;
}
.omrreport h5{
color:#89A300;
font-size:15px;
font-weight:bold;
}
.omrreport .section li{
margin-bottom:15px;
}
.omrreport img.SideBySide{
display:inline-block;
margin-bottom:20px;
width:49%;
}
.omrreport img.JustOne{
width:99%;
}
.omrreport .section div{
clear:both;
}
.omrreport div.Box{
background-color:#EDEBD3;
margin:20px 0;
padding:20px;
}