body{
background-color:#f0f0f0;
font-family:'Open Sans',sans-serif;
margin:0;
}
button,img{
border:0;
}
img{
height:auto;
max-width:100%;
}
ul{
list-style:none;
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#83B883;
}
a:hover{
color:#316A9B;
}
.wrap{
margin:0 auto;
max-width:1200px;
min-width:900px;
width:80%;
}
/* HEADER */
#header{
background-color:white;
border-bottom:1px solid #C6CACD;
box-shadow:0 1px 4px #D3D3D3;
position:fixed;
height:74px;
top:0;
transition:height 0.5s;
width:100%;
z-index:91;
}
.tinyHeader #header{
height:44px;
}
#header input::-moz-focus-inner,#header button::-moz-focus-inner{
border:0;
}
#header .wrap{
height:100%;
position:relative;
}
#logo{
display:inline-block;
height:80%;
margin-top:5px;
}
#logo img{
height:100%;
max-width:none;
}
.tinyHeader #logo img{
background-image:url(/media/ieawebsite/responsive/logo.png);
background-size:contain;
height:0;
padding-left:90px;
padding-top:35px;
}
#lang{
position:absolute;
right:0;
top:5px;
}
.tinyHeader  #lang{
display:none;
}
#lang>a{
margin-left:20px;
}
#nav{
bottom:0;
position:absolute;
right:0;
text-align:right;
}
#menu{
background-color:white;
margin-right:40px;
text-align:left;
}
#menu a{
border-bottom:6px solid white;
color:#c0c0c0;
display:inline-block;
font-size:1em;
font-weight:600;
margin-right:6px;
outline:none;
padding:5px 10px;
text-transform:uppercase;
transition:all 0.5s ease-in-out;
}
#menu a:hover,#menu a.active{
border-color:#7AC280;
}
#menu a.expendable{
background:url(/media/ieawebsite/responsive/arrow_down.png) right no-repeat;
padding-right:18px;
}
#menu ul,#menu li{
display:none;
}
#search{
display:inline-block;
position:absolute;
right:0;
text-align:left;
top:5px;
transition:width 0.3s;
width:24px;
}
#search.open{
width:100%;
}
#search-input{
background-color:white;
border:0;
color:#BBB;
font-family:inherit;
height:24px;
width:0;
}
#search-input::-webkit-input-placeholder{
color:#BBB;
}
#search-input::-moz-placeholder{
color:#BBB;
}
#search-input:-ms-input-placeholder{
color:#BBB;
}
.open #search-input{
width:100%;
}
#search-icon,#search-submit{
background:white url(/media/ieawebsite/responsive/icon_search.png);
cursor:pointer;
display:inline-block;
height:24px;
position:absolute;
right:0;
top:0;
width:24px;
}
.open #search-icon{
display:none;
}
#search-submit{
border:0;
display:none;
font-size:0;
line-height:0;
text-indent:-9999px;
}
.open #search-submit{
display:inline-block;
}
#menu-icon{
background:url(/media/ieawebsite/responsive/icon_menu.png) center no-repeat;
cursor:pointer;
display:none;
height:24px;
margin-left:10px;
vertical-align:top;
width:24px;
}
.subMenu{
display:none;
position:fixed;
top:74px;
transition:top 0.5s;
width:100%;
}
.tinyHeader .subMenu{
top:44px;
}
.subMenu.open{
display:block;
z-index:92;
}
.subMenu .wrap{
background-color:white;
border:1px solid #ccc;
box-shadow:0px 6px 12px rgba(0, 0, 0, 0.176);
}
.subMenu nav{
border-bottom:1px solid #ccc;
display:block;/*IE8*/
padding:1%;
}
.subMenu nav a{
display:inline-block;
box-sizing:border-size;
font-weight:bold;
padding:5px 0;
text-align:center;
width:49%;
}
.subMenu nav a:hover,.subMenu nav a.hover{
color:white;
background-color:#83B883;
}
.subMenu .subMenuList nav a{
width:12%;
}
.subMenu .subMenuList{
display:none;
}
.subMenu ul{
padding:1%;
}
.subMenu li{
display:inline-block;
width:25%;
}
.subMenu .alphabetical li{
width:33%;
}
.subMenu li a{
background:url(/media/ieawebsite/responsive/arrows_raquo.png) left no-repeat;
color:#7ac180;
display:block;
font-size:0.8em;
padding:10px 0 10px 12px;
}
.subMenu li a:hover{
color:#316A9B;
}
#subnav{
background-color:#CED0CE;
border-bottom:1px solid #C6CACD;
box-shadow:0 1px 4px #D3D3D3;
font-size:.9em;
position:fixed;
text-transform:uppercase;
top:75px;
transition:top 0.5s;
width:100%;
z-index:90;
}
.tinyHeader #subnav{
top:44px;
}
#subnav>ul{
height:29px;
overflow:hidden;
}
#subnav>ul>li{
display:inline-block;
}
#subnav a{
color:white;
display:block;
line-height:29px;
outline:none;
padding:0 15px;
text-decoration:none;
}
#subnav a:hover,#subnav a.active{
background-color:#aaa;
}
.flexMenu-popup{
background-color:#CED0CE;
box-shadow:0 1px 4px #D3D3D3;
}
#subnav .flexMenu-popup a{
border-top:1px solid #bbc0c3;
line-height:normal;
padding-bottom:9px;
padding-top:9px;
}
.flexMenu-viewMore>a:after {
display:inline-block;
content:"";
border-left:.3em solid transparent;
border-right:.3em solid transparent;
border-top:.4em solid white;
margin-left:.4em;
position:relative;
top:-.1em;
}
/* MAIN */
#main{
margin-top:100px;
padding:2% 0;
}
#main:after{
clear:both;
content:"\0020";
display:block;
visibility:hidden;
}
#breadcrumb{
color:#ccc;
display:block;/*IE8*/
font-size:0.9em;
margin-bottom:20px;
}
#breadcrumb>*{
box-sizing:border-box;
display:inline-block;
height:30px;
vertical-align:middle;
}
#breadcrumb a{
background:white 5px no-repeat;
padding:5px 5px 0;
}
#breadcrumb a:first-child{
background-image:url(/media/ieawebsite/responsive/breadcrumb_home.png);
font-size:0;
width:30px;
}
#breadcrumb span{
background-image:url(/media/ieawebsite/responsive/breadcrumb_separator.png);
font-size:0;
width:12px;
}
#breadcrumb span.last{
background-image:url(/media/ieawebsite/responsive/breadcrumb_end.png);
width:10px;
}
#breadcrumb a:first-child:hover{
background-image:url(/media/ieawebsite/responsive/breadcrumb_home_hover.png);
}
.responsiveTable{
border:1px solid #E7E7E7;
border-collapse:collapse;
color:#2D2D33;
font-size:.9em;
}
.responsiveTable th{
background-color:#EEE;
color:#BDBDBD;
font-size:1.2em;
font-weight:bold;
padding:8px;
text-align:left;
text-transform:uppercase;
}
.responsiveTable tbody tr:nth-child(even){
background-color:#EFF1F7;
}
.responsiveTable td{
border:1px solid #E7E7E7;
box-sizing:border-box;
padding:5px;
}
#main a[href$='.doc']:after,#main a[href$='.docx']:after,#main a[href$='.rtf']:after{
content:url(/media/ieawebsite/responsive/filetypeWord.png);
padding-left:2px;
}
#main a[href$='.pdf']:after{
content:url(/media/ieawebsite/responsive/filetypePDF.png);
padding-left:2px;
}
#main a[href$='.pps']:after,#main a[href$='.ppsx']:after,#main a[href$='.ppt']:after,#main a[href$='.pptx']:after{
content:url(/media/ieawebsite/responsive/filetypePowerpoint.png);
padding-left:2px;
}
#main a[href$='.xls']:after,#main a[href$='.xlsb']:after,#main a[href$='.xlsx']:after{
content:url(/media/ieawebsite/responsive/filetypeExcel.png);
padding-left:2px;
}
/* FOOTER */
#footer{
background-color:white;
}
#footer>ul{
margin:20px auto 0;
width:480px;
}
#footer>ul>li{
display:inline-block;
margin:10px;
}
#sitemap>div{
display:inline-block;
margin-left:3.3333%;
vertical-align:top;
width:16%;
}
#sitemap>div:first-child{
margin-left:0;
}
#sitemap h4{
color:#c0c0c0;
font-size:1.2em;
margin-bottom:8%;
text-transform:uppercase;
}
#sitemap .strong{
background-color:#ECF0F1;
color:#a0a0a0;
display:block;
line-height:1.5em;
margin-top:8%;
padding:4%;
text-shadow:0 1px white;
}
#sitemap .strong:hover{
color:#316A9B;
}
#footer-bottom{
border-top:1px solid #E7E7E7;
color:#9c9c9c;
margin-top:2%;
padding:2% 0 1%;
font-size:0.9em;
}
#footer-bottom ul{
display:inline-block;
float:right;
}
#footer-bottom li{
display:inline-block;
margin-left:20px;
padding:0 5px;
}
#footer-bottom a{
color:#9c9c9c;
}
#footer-bottom a:hover{
color:#316A9B;
}
#footer-bottom p{
display:inline-block;
margin:0;
}
/* MEDIA QUERIES */
@media only screen and (min-width:1301px){
#menu a{
margin-right:10px;
padding:5px 16px;
}
.subMenu li{
width:20%;
}
.subMenu .alphabetical li{
width:25%;
}
}
@media only screen and (max-width:1300px){
.wrap{
width:85%;
min-width:285px;
}
}
@media only screen and (max-width:1100px){
.wrap{
width:95%;
}
#menu a{
margin-right:4px;
padding:5px 3px;
}
#menu a.expendable{
padding-right:15px;
}
#footer-bottom li{
margin-left:9px;
}
}
@media only screen and (max-width:800px){
.wrap{
width:97%;
}
#nav{
bottom:5px;
}
#menu{
display:none;
}
#menu.open{
border:1px solid #ccc;
border-top:0;
display:block;
margin:0;
position:absolute;
right:0;
top:30px;
}
#menu.open a{
border-bottom:1px solid #ccc;
color:#7ac180;
display:block;
font-size:0.9em;
font-weight:400;
margin:0;
padding:10px 20px;
}
#menu.open a:hover,#menu.open a.active{
background-color:#7ac180;
color:white;
}
#menu a.expendable{
background:none;
}
#menu.open ul{
display:block;
}
#menu.open li a{
background-color:#ECF0F1;
color:#A0A0A0;
font-size:0.7em;
padding:5px 5px 5px 25px;
text-shadow:0px 1px white;
}
#search{
position:relative;
right:auto;
top:auto;
width:auto;
}
#search.open{
width:210px;
}
.open #search-input{
width:175px;
}
#menu-icon{
display:inline-block;
}
.subMenu.open{
display:none;
}
#breadcrumb{
background-color:white;
border-radius:5px;
font-size:0.8em;
padding:8px;
}
#breadcrumb>*{
display:inline;
height:auto;
}
#breadcrumb a{
padding:0;
}
#breadcrumb a:first-child{
background-position:0;
display:inline-block;
height:20px;
width:20px;
}
#breadcrumb span{
font-size:1em;
width:auto;
}
#sitemap>div{
width:100%;
margin-left:0;
}
#sitemap h4{
margin:4% 0 2%;
}
#sitemap .strong{
margin-top:2%;
}
#footer-bottom{
text-align:center;
}
#footer-bottom ul{
display:block;
float:none;
margin-bottom:2%;
}
}
@media only screen and (max-width:525px){
#lang>a{
display:block;
height:16px;
}
#lang>a img{
height:11px;
vertical-align:top;
}
#footer>ul{
width:auto;
}
#footer>ul>li{
margin:9px 3px 0;
}
}
@media only screen and (max-width:440px){
.open #search-input{
border:1px solid #83B883;
border-radius:5px;
height:22px;
}
#footer img{
height:40px;
width:40px;
}
}
@media only screen and (max-height:550px){
#header,#subnav{
position:static;
}
.subMenu{
position:absolute;
}
#main{
margin-top:0;
}
}