body{
background-color:#f0f0f0;
color:#4d4d4d;
font-family:'Open Sans',sans-serif;
margin:0;
}
*{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
button,img{
border:0;
}
img{
height:auto;
max-width:100%;
}
ul{
list-style:none;
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#006db0;
}
a:hover{
text-decoration:underline;
}
.wrap{
margin:0 auto;
max-width:1200px;
min-width:900px;
width:80%;
}
#main {overflow-x: hidden;}
/* HEADER */
#header,#nav,#subnav{
background-color:white;
box-shadow:0 4px 2px -2px #D3D3D3;
}
#header a:hover,#nav a:hover,.subMenu a:hover,#subnav a:hover{
text-decoration:none;
}
#header a::-moz-focus-inner,#header input::-moz-focus-inner,#header button::-moz-focus-inner{
border:0;
}
#logo{
display:inline-block;
margin-top:5px;
}
#logo img{
max-height:50px;
}
#logo span{
color:#7BC381;
display:inline-block;
font-size: 1.5em;
margin: 0 0 12px 15px;
vertical-align: bottom;
letter-spacing: -1px;
}
#menu-icon{
background:url(/media/ieawebsite/responsive/icon_menu.png) center no-repeat;
cursor:pointer;
display:none;
float:right;
height:24px;
margin-left:10px;
vertical-align:top;
width:24px;
}
#lang-search{
display:inline-block;
float:right;
text-align:right;
}
#lang-search a{
color:#4d4d4d;
font-size:.7em;
margin-left:10px;
}
#lang-search a:hover{
color:#006db0;
}
#search-input{
background-color:#EFEFEF;
box-shadow:0 0 1px 1px rgba(0,0,0,.1) inset;
box-sizing:border-box; /* IE fix */
border:0;
font-family:inherit;
height:28px;
vertical-align:top;
}
#search-submit{
background:#7BC381 url(/media/ieawebsite/responsive/icon_search.png) no-repeat 50% 50%;
border:0;
cursor:pointer;
display:inline-block;
height:28px;
vertical-align:top;
width:28px;
text-indent:-9999px;
}
#nav{
background-color:#4d4d4d;
}
#menu a{
display:inline-block;
height:100%;
outline:none;
margin-left:8px;
transition:all 0.5s ease-in-out;
}
#menu>a{
border-bottom:5px #4d4d4d solid;
color:white;
font-size:.9em;
margin-left:0;
margin-right:20px;
padding:9px 8px 4px;
text-transform:uppercase;
}
#menu>a:hover,#menu>a.active{
border-color:#7BC381;
}
#menu a.expendable:after{
content:"∨";
display:inline-block;
font-size:.8em;
margin:0 0 -5px 5px;
transform:scale(1.5,.9);
}
#menu ul,#menu li{
display:none;
}
#menu div{
float:right;
margin-top:5px;
}
#menu img{
vertical-align:middle;
}
.subMenu{
display:none;
position:absolute;
top:97px;
transition:top 0.5s;
width:100%;
}
.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{
color:inherit;
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:#4d4d4d;
}
.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:inherit;
display:block;
font-size:0.8em;
padding:10px 0 10px 12px;
}
.subMenu li a:hover{
color:#006db0;
}
#subnav{
background-color:#bbb;
border-bottom:1px solid #C6CACD;
font-size:.9em;
text-transform:uppercase;
transition:top 0.5s;
z-index:90;
}
#subnav>ul{
height:29px;
overflow:hidden;
}
#subnav>ul>li{
display:inline-block;
}
#subnav a{
color:white;
display:block;
line-height:29px;
outline:none;
margin-right:10px;
padding:0 8px;
}
#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{
padding:25px 0;
}
#main:after{
clear:both;
content:"\0020";
display:block;
visibility:hidden;
}
#breadcrumb{
display:block;/*IE8*/
font-size:.8em;
margin-bottom:15px;
}
#breadcrumb a{
color:inherit;
}
#breadcrumb a:hover{
color:#006db0;
text-decoration:none;
}
pre.charts{
display:none;
}
ul.pressRelease {
list-style: disc outside;
padding-left: 2em;
}
.generalText ul{
list-style:  disc outside;
padding-left: 2em;
}
.generalText li, .pressRelease li{
margin-bottom: .5em;
}
.responsiveTable{
border:1px solid #E7E7E7;
border-collapse:collapse;
font-size:.9em;
}
.responsiveTable th{
background-color:#EEE;
padding:9px;
text-align:left;
}
.responsiveTable:not(.filtered) tbody tr:nth-child(even),.responsiveTable.filtered tbody tr.even{
background-color:#EFF1F7;
}
.responsiveTable td{
border:1px solid #E7E7E7;
box-sizing:border-box;
padding:9px;
}
iframe {
  border: none;
}
.iframe{
height:0;
overflow:hidden;
padding-bottom:56.25% !important;
position:relative;
}
.iframe iframe{
left:0;
position:absolute;
top:0;
}
/* FOOTER */
#footer{
background-color:white;
font-size:.9em;
}
#footer a{
color:inherit;
}
#footer a:hover{
color:#006db0;
text-decoration:none;
}
#sitemap>div{
display:inline-block;
margin-left:2%;
vertical-align:top;
width:23%;
}
#sitemap>div:first-child{
margin-left:0;
}
#sitemap h3{
font-size: 1.2em;
 margin: 25px 0 5px;
 font-weight: 400;
 color: #9c9c9c;
}
#sitemap li{
 padding: 4px 0;
}
#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 p{
display:inline-block;
margin:0;
}
/* TCP logos */
div.tcp {
  width: 30%;
  display: inline-block;
  margin-right: 1%;
  margin-bottom: 1em;
}
.tcp img.tcp-logo {
  float: left;
}
.tcp img.gray-hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 0.5;
}
.tcp:hover img.gray-hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  opacity: 1;
}
img.tcp-logo {
  max-height: 63px;
  margin-right: 1em;
}
.tcp-title {
  color: #4d4d4d;
  position: relative;
  top: 0.5em;
  font-size: 18px
}
.tcp:hover .tcp-title {
  color: inherit;
}
.tcp:hover a {
  text-decoration: none;
}
.iframe iframe {
  border: none;
}
/* Filetype icons */
a.filetype-pdf {
    background-image: url(/media/ieawebsite/styleassets/images/filetypesprite.gif);
    background-repeat: no-repeat;
    background-position: left -634px;
    padding-left: 20px;
    padding-top: 2px;
}
a.filetype-xls {
    background-image: url(/media/ieawebsite/styleassets/images/filetypesprite.gif);
    background-repeat: no-repeat;
    background-position: left -1018px;
    padding-left: 20px;
    padding-top: 2px;
}
/* MEDIA QUERIES */
@media only screen and (min-width:1301px){
.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:0;
}
#footer-bottom li{
margin-left:9px;
}
}
@media only screen and (max-width:800px){
.wrap{
width:90%;
}
#header{
position:fixed;
top:0;
width:100%;
z-index:91;
}
#logo img{
height:35px;
}
#logo span{
font-size:1.2em;
letter-spacing:-2px;
margin:0 0 7px 5px;
}
#menu-icon{
display:inline-block;
margin-top:12px;
border: none;
}
#lang-search{
margin-top:10px;
}
#lang-search a{
display:none;
}
#search-input{
width:140px;
}
#menu,#menu div{
display:none;
}
#menu.open{
background-color:white;
border:1px solid #ccc;
border-top:0;
display:block;
position:fixed;
right:0;
top:45px;
z-index:92;
}
#menu.open a{
border-bottom:1px solid #ccc;
color:inherit;
display:block;
margin:0;
padding:10px 20px;
}
#menu.open a:hover,#menu.open a.active{
background-color:#4d4d4d;
color:white;
text-shadow:none;
}
#menu a.expendable:after{
content: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;
}
.subMenu.open{
display:none;
}
#subnav{
position:fixed;
top:45px;
width:100%;
}
#main{
margin-top:55px;
}
#sitemap>div{
width:100%;
margin-left:0;
}
#footer-bottom{
text-align:center;
}
#footer-bottom ul{
display:block;
float:none;
margin-bottom:2%;
}
}
@media only screen and (max-width:525px){
  #logo span{
    display:none;
  }
}
@media only screen and (max-width:800px) and (max-height:550px){
  #header,#subnav{
    position:static;
  }
  #menu.open{
    position:absolute;
  }
  #main{
    margin-top:0;
  }
}
@media only print{
  #header,#nav,#subnav,#breadcrumb,#footer{
    display:none;
  }
}

pre.webstore{
   display:none!important;
}

ul.list {
  list-style: inherit;
  margin: 1em 0 0 2em;
  padding: inherit;
}
ul.list li {
    padding-bottom: 1em;
}
