/*** COLOR LEGEND
#f5f5f5 - whitesmoke / light gray
#e5e5e5 - gray
#a5a5a5 - darker gray
#555555 - text gray (charcoal)

selected green rgb(236,244,225)
selected blue  rgba(90,188,238,0.2);
hovered blue   rgba(90,188,238,0.4)

IHS light blue -> MDV lighter blue -> rgb(228,240,251);
***/

@charset "UTF-8";
@font-face { 
    font-family: 'akkurat_ll_ttlight';
    src: url('fonts/akkuratlltt-light-webfont.eot');
    src: url('fonts/akkuratlltt-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akkuratlltt-light-webfont.woff') format('woff'),
         url('fonts/akkuratlltt-light-webfont.ttf') format('truetype'),
         url('fonts/akkuratlltt-light-webfont.svg#akkurat_ll_ttlight') format('svg');
    font-weight: normal;
    font-style: normal; 
}
@font-face { 
    font-family: 'akkurat_ll_ttregular';
    src: url('fonts/akkuratlltt-regular-webfont.eot');
    src: url('fonts/akkuratlltt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akkuratlltt-regular-webfont.woff') format('woff'),
         url('fonts/akkuratlltt-regular-webfont.ttf') format('truetype'),
         url('fonts/akkuratlltt-regular-webfont.svg#akkurat_ll_ttregular') format('svg');
    font-weight: normal;
    font-style: normal; 
}


/***************************************/
/* TAGS                                */
/***************************************/
*, *:before, *:after{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, *         { font-family: "akkurat_ll_ttlight", "Arial", "Tahoma", sans-serif, "Verdana"; font-size:10pt; color:#595959; margin:0px; padding:0px; border: 0; line-height: 1.1em;}
body            { background:#EDE9E3; }
h1              { padding-top:10px; margin-top:5px; margin-bottom:5px; font-size:1.4em; font-weight:normal; /*border-bottom: 1px dashed #666;*/ }
img             { border:0; }
input, select, .button { -moz-border-radius:5px;/*FF1+*/ -webkit-border-radius:5px;/*Saf3-4*/ border-radius:5px;/*Opera10.5,IE9,Saf5,Chrome*/ }    
a               { text-decoration:none; color:#0C8466; /*teal7*/ }  
a:hover         { text-decoration:underline; cursor:pointer; }    
table           { border-color:#e5e5e5; border-spacing:0px; border-collapse:collapse; }
tr:nth-child(even)  { background:#ddf1ec; }
tr:nth-child(odd)   { background:#fff; }
th, td          { padding:5px; margin:0px; vertical-align:top; border-color:#e5e5e5; }
hr              { width:100%; height:1px; background-color:#E0E0E0; color:#E0E0E0; border: 0px none; }
<!--[if lt IE 8]>
hr              { display:list-item; filter:alpha(opacity=0); width:0; }
<![endif]-->
textarea:focus, 
input:focus     { outline: 0; }
*:focus         { outline: 0; }

/***************************************/
/* TAGS WITH CLASSES                   */
/***************************************/
a.blue          { text-decoration:none; cursor:pointer; color:rgb(0,135,200);  }
a.blue:hover    { text-decoration:underline; }
a.underlined    { text-decoration:underline; }
a.green         { color: rgb(160,206,20); }
h2.green        { color: rgb(160,206,20); }

/* BUTTONS */
button,
div.button,
#signin .button,
#signin input.button,
#register .button,
#thankyou .button    { cursor:pointer; margin:0px; background:#54baa0; /* Teal5 */ font-size: 11pt; font-family: 'akkurat_ll_ttregular'; color:#ffffff; padding:10px 15px; 
					   -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }

button img           { vertical-align:middle; margin-bottom:2px; }
div.button           { display:block; padding:6px 7px; min-height:16px; }
div.button img       { padding:0px; vertical-align:middle; }
div.button a         { text-decoration:none; color:#fff; display:block; margin:2px; font-size: 11pt; }
div.button a:hover   { text-decoration:none; color:#fff; }

button:hover,
.button:hover        { background:#0f9e7a /* Teal7 */; text-decoration:none; cursor:pointer; }
button:active,
div.button:active       { cursor:default; background:#E5E5E5; }
button:disabled,
div.button:disabled     { cursor:default; background:#f5f5f5; border:1px solid #E5E5E5; color:#a5a5a5; }

#register input.green,
button.green,
div.button.green            { background:rgb(236,245,208); /* same as rgba(160,206,20,0.2); but doesn't work in <IE7 */ border:1px solid rgb(160,206,20); color:#555555; }
#register input.green:hover,
button.green:hover,
div.button.green:hover      { background:rgb(226,240,184); /* same as rgba(160,206,20,0.3); but doesn't work in <IE7 */ border:1px solid rgb(160,206,20); }
#register input.green:disabled,
button.green:disabled,
div.button.green:disabled   { background:#f5f5f5; border:1px solid #E5E5E5; color:#a5a5a5; }

#signin input.blue,
#register input.green       { font-weight: bold; font-size: 110%; }

#signin input.blue,
button.blue,
div.button.blue             { background:#bae3d9; /* same as rgba(90,188,238,0.1); but doesn't work in <IE7 */ border:1px solid #bae3d9; color:#555555; }
#signin input.blue:hover,
button.blue:hover,
div.button.blue:hover       { background:#98d5c6; /* same as rgba(90,188,238,0.2); but doesn't work in <IE7 */ border:1px solid #bae3d9; }
#signin input.blue:disabled,
button.blue:disabled,
div.button.blue:disabled    { background:#f5f5f5; border:1px solid #E5E5E5; color:#a5a5a5; }

#signin label { font-size: 11pt; }

#thankyou div   { overflow: hidden; margin-left: 200px; float: left; clear: both; }

a.button, 
a.withdropdown  { border:1px solid #eeeeee; color:#555555; -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }
a.button, 
a.withdropdown  { background:#f5f5f5; }
a.button:hover  { border:1px solid #A5A5A5; background:#f0f0f0; text-decoration:none; cursor:pointer; }
a.button:active { background: #E5E5E5; }
a.withtext      { margin-top:10px; padding:3px 10px; text-decoration:none; } 
a.withdropdown  { margin-left: 10px; }    

div.nopadding   { padding:0px; }
div.cont        { padding:15px; overflow:hidden; }
div.inlne       { padding:0px 5px 0px 5px; }
div.singleborder    { border:1px solid #f5f5f5; }
div.box         { background:#f5f5f5; border:1px solid #E5E5E5; padding:3px 5px; float:left; -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }
div.box_white   { background:#fff; border:1px solid #E5E5E5; padding:0px; margin:0px;  -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }
div.bottomborder        { border-bottom:1px solid #e5e5e5; }
div.topborder           { border-top:1px solid #e5e5e5; }
div.boxheading          { overflow:hidden; background:#f5f5f5; font-weight:bold; color:#555555; }
div.boxheading.bluebox  { overflow:hidden; border: 1px solid #3953b4; background:#3953b4; color:#ffffff; }
div.boxheading.greenbox { overflow:hidden; border: 1px solid rgb(160,206,20); background:rgb(160,206,20); font-weight:bold; color:#ffffff; }
div.boxheading.tealbox  { overflow:hidden; border: 1px solid #54baa0; background: #54baa0; padding: 5px; }

div.boxheading div.label{ vertical-align:middle; margin:3px 5px; color:#555555; float:left; padding-left: 3px; }
div.boxheading.bluebox div.label,
div.boxheading.greenbox div.label { vertical-align:middle; margin:5px 5px; color:#ffffff; float:left; }
div.boxheading.bluebox div.label { font-size: 18px; font-weight:normal; }
div.boxheading a        { color:rgb(160,206,20); font-size:0.9em; font-weight:normal; }
div.boxheading a:hover  { color:#555555; }
div.boxheading img      { vertical-align:middle; }

/*text-bottom;*/  /*margin-top:4px; margin-bottom:0px;*/ 
/*div.boxheading ul       { background:#ffffff; overflow:hidden; }
div.boxheading li       { margin:2px 2px -2px 2px; list-style:none; display:block; float:left; color:#a5a5a5; background:#ffffff; padding:2px 10px 3px 10px; border-right:1px solid #f5f5f5; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; -moz-border-top-right-radius:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; }
div.boxheading li:hover     { background:#f9f9f9; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; color:#555555; cursor:pointer; }
div.boxheading li:hover span{ color:#555555; }
div.boxheading li.active    { background:#ddf1ec; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; color:#555555; }
div.boxheading li span      { color:#a5a5a5; margin-left:5px; font-size:0.8em; }
div.boxheading li.active span { color:#555555; }*/
div.boxtab ul               { background:#ffffff; overflow:hidden; }
div.boxtab li               { margin-right: 1px; /* margin:2px 2px -1px 2px;*/ list-style:none; display:block; float:left; color:#a5a5a5; background:#ffffff; padding:5px 10px 3px 10px; border-right:1px solid #f5f5f5; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; -moz-border-top-right-radius:2px;/*FF1+*/ -webkit-border-top-right-radius:2px;/*Saf3-4*/ border-top-right-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ -moz-border-top-left-radius:2px;/*FF1+*/ -webkit-border-top-left-radius:2px;/*Saf3-4*/ border-top-left-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }
div.boxtab li:hover         { background:#ebebeb; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; color:#555555; cursor:pointer; }
div.boxtab li:hover span    { color:#555555; }
div.boxtab li.active        { background:#ebebeb; font-weight:bold; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; color:#555555; }
div.boxtab li span          { color:#a5a5a5; margin-left:5px; font-size:0.8em; }
div.boxtab li.active span   { color:#555555; }
div.boxtabcontent           { background:#fff; border:1px solid #D9D9D9; padding:0px; margin:0px; clear:both; overflow:auto; -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }
div.boxtabcontent2          { background:#fff; border:1px solid #D9D9D9; padding:0px; margin:0px; clear:both; overflow:auto; -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }
div.boxheading div.menu     { margin-top:2px; }
div.breadcrumb              { padding-left:10px; }
div.menu                    { vertical-align:middle; float:right; margin-bottom:5px; }
div.menu a                  { color:#fff; font-size:0.9em; font-weight:normal; vertical-align:middle; padding:0px 7px 0px 2px; border-right:1px solid #a5a5a5; }
div.menu a:hover            { color:#555555; text-decoration:underline; }
div.menu a.last-child       { vertical-align:middle; border:none; }
div.footermenu              { vertical-align:middle; float:left; }
div.footermenu div.footeritem { float: left; margin-right: 30px; } 
div.footermenu a            { color: #595959; /* normal color */; font-size: 0.9em; }
div.actionbar               { overflow:hidden; padding:15px 12px 17px 12px; }

h1.big              { font-size: x-large; }

p.withspacer        { margin-bottom:5px; }
p.more              { margin:10px 10px -15px 0px; float:right; }
p.more a            { font-size:0.9em; text-decoration:none; cursor:pointer; color:rgb(160,206,20);  }    
p.more a:hover      { text-decoration:none; color:rgb(104,185,46); } 
p.expired, p.error, p.clienterror               { margin: 20px; }
p.expired img, p.error img, p.clienterror img   { margin-right: 10px; }



/***************************************/
/* CLASSES                             */
/***************************************/
.byeboer        { visibility: hidden; }
.blink          { color: #FFF !important; background: #b20023; !important; }
.bold           { font-weight:bold; }
.close b        { color:#a5a5a5; }
.close b:hover  { color:#555555; }
.percent100     { width:1030px; }  /* was 851px */
.percent70      { width:700px; /*595*/ }  /* percent70 + percent 30 + 15px margin = percent100 */
.percent30      { width:315px; /*248*/ }
.percent50      { width:500px; }
.slider         { margin:10px 40px; display:block; }
.textfield, 
.buttons        { margin-top:10px; }
.textfield input{ margin-left:10px; }
.line150        { line-height:1.5em; }
.error          { color: #b20023; /* Red8 */ }
.error a        { color:#555555; }
.error a:hover  { text-decoration:underline; }
.txt_weight_normal { font-weight:normal; }
.txt_normal     { font-size:1em; }
.txt_s          { font-size:0.9em; }
.txt_ss         { font-size:0.8em; }
.txt_l          { font-size:1.3em; }
.txt_xl         { font-size:18pt; }
.lft            { float:left; }
.rgt            { float:right; }
.middle         { margin:0px auto; }
.clearboth      { clear:both; }
.load           { color: #555555; font-size:0.9em; padding:5px; }
.ontop          { z-index:4; position:absolute; float:right; margin-left:-350px; }
.selectedcol    { background:rgb(238,248,253); /* rgba doesn't work in IE 'rgba(90,188,238,0.2);  /*rgb(236,244,225)*//*rgb(228,240,251)*/ }
.freq           { /* same as seriesinfo freqs */ background:#a5a5a5; color:#ffffff; padding:2px 2px 0px 3px; }
.info           { margin-top:2px; }
.bordertop      { border:1px solid #e5e5e5; }
.rounded        { -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }


.datatable th                   { /*font-weight: normal;*/ text-transform: lowercase; }
#AddSeriesManually input { padding:2px; border-style:none; border:1px solid #e5e5e5; -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }

 div.bar                        { background: #808080; border: 1px solid #808080; padding: 5px; overflow: hidden; clear: both; }
 div.bar div.label              { float: left; text-transform: uppercase; font-weight: bold; vertical-align: middle; }
 div.bar div.menu               { margin-bottom: 0px; }
 div.bar div.menu a             { vertical-align: none; }
 div.bar *                      { color: #fff; }
 div.bar.showmoreresults        { text-transform: uppercase; font-weight: bold; } 
 div.bar.showmoreresults a      { font-size: 0.8em; color: #fff; }
 div.bar div.menu a:hover,          
 div.bar.showmoreresults a:hover  { color: rgb(216,220,219); text-decoration: none; }
 
.popup_msg                      { overflow:hidden; background:#fff; border:1px solid #e5e5e5; margin-top:15px; position:absolute; z-index:60; display:none;  /*visibility:hidden; */ -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ -moz-box-shadow:0px 0px 7px 7px #eee; -webkit-box-shadow:0px 0px 7px 7px #eee; box-shadow:0px 0px 7px 7px #eee; }
.popup_msg h1                   { color:#555555; font-size:1em; margin:0px; overflow:hidden; background:#f5f5f5; border-bottom:1px solid #e5e5e5; font-weight:bold; padding:3px 7px; }
.popup_msg div.popup_content    { margin:20px; }

.shadow         { -moz-box-shadow:3px 3px 5px 6px #ccc; -webkit-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc;}

.dropdowndiv    { overflow:hidden; background:#fff; border:1px solid #e5e5e5; margin-top:15px; display:none; z-index:3; position:absolute; }
/*.browse_main tr { background:#fff; border-bottom:1px solid #fff; }*/
.browse_cat     { width:31%; float:left; padding:0px 0px 0px 15px; margin-right:15px; }

a.browseLink,
a.browseLinkReadOnly,
a.browseLinkAdvertise   { padding:2px 3px 2px 3px; margin-bottom:10px; }
a.browseLinkReadOnly    { color:#858585; }
a.browseLinkAdvertise   { color:#a5a5a5; }
a.browseLink:hover      { color:#555555; background-color:#EDE9E3; }

.tabs-content       { margin:1px 0px 10px 0px; /*border-top:1px solid red;*/ /*#e5e5e5;*/ z-index:5; min-width:1005px; max-width:1005px; float:left; clear:both; overflow: auto; }
.tabs-content table { margin-top:-1px; margin-left:-1px; cellpadding:0px; }
.tabs-content th, 
.tabs-content th    { text-align:left; font-size:0.9em; min-width:65px; } 
.tabs-content td    { border:1px solid #e5e5e5; font-size:0.9em; padding:2px 3px; }

/***************************************/
/* COLORS                              */
/***************************************/
.bodyback       { background:#f5f5f5; }
.grys           { color:#999999; }
.blue           { color:rgb(0,135,200); }
.white          { color:#fff; }
.darkgray       { color:#a5a5a5; }
.red            { color:red; }
.blueback       { background:rgb(0,135,200); }
.ihsgreen       { color:rgb(160,206,20); }
.backgreen      { background: rgb(226,240,184); /* IE cannot handle rgba background:rgba(160,206,20,0.2); */ }
.backgrys       { background: #808080; color: #fff; }

/* SPGMI colors /*/
.backteal1      { background:#DDF1EC; }
.backteal5      { background: #54BAA0; }
.fontteal8      { color: #0C8466; }
.fontteal5      { color: #54BAA0; }


/***************************************/
/* LAYOUT & IDs                        */
/***************************************/
/* MAIN LAYOUT */
#wrap           { max-width:1100px;/*same as footer*/ margin:0px auto; clear:both; }
#top, #bottom   { height:25px; }
#selectionblock { margin-left:15px; margin-top: 41px; }
#datablock      { overflow:hidden; margin-left:31px; }
#footer         { max-width:1100px;/*same as #wrap*/ margin:0px auto; padding: 10px;  background: #DDF1EC; /* Teal1*/ 
                  height: 65px; border-bottom: 4px solid #ffffff; font-size: 0.8em; }

/* TOP */
#logo           { clear: both; float: left; margin-bottom: 10px; }  
#headerbar      { float: left; clear: both; padding: 5px; width: 100%; }  
.company        {  }
.word           { margin-left: 5px; position: absolute; margin-top: 10px; padding-left: 10px; border-left: 1px solid #c2c4c3; padding-top: 5px; padding-bottom: 5px; }
#IHS_contact    { float: right; margin-top: -20px; margin-right: 5px; }
#econostat      { clear: both; float: left; }
.title          { font-family: 'akkurat_ll_ttregular'; font-size: 32pt; margin-top: 7px; }
.subtitle       { font-size: 11pt; margin: 5px 0px 25px 3px; line-height: 1.3; }
.sectiontitle   { color: #595959; font-size: 24pt; margin-bottom: 7px;	 }
#menuandlogo    { width:1100px;/*same as #wrap*/ margin:0px auto; overflow:hidden; }
#menuandlogo .logo { position:absolute; margin-left:-52px; margin-top:-5px; z-index:3;}
#menu           { padding-top:4px; text-align:right; }
#menu a         { margin:0px 5px; font-size: 0.9em; color: #595959; }  
#menu a:hover   { color:#555555; }
#menu_button    { min-width:200px; }

/* CONTENT */
#accordion input    { border:1px solid #e5e5e5; padding:3px; }
#accordion div.series_collapse,
#accordion div.series_expand        { overflow:hidden; width:100%; margin-left:30px; margin-bottom: 20px; padding:10px; }

#addin                              { overflow:hidden; border:1px solid rgb(160,206,20); }
#advancedsearch                     { height:140px; display:none; border-top:1px solid #f5f5f5; padding-top:10px; margin-top:-10px; overflow:hidden; overflow-x: auto; position:relative; z-index:3; margin:0px 10px 0px 0px; }
#advancedsearch input[type=radio]   { margin:0px; padding:0px; margin-right:3px; vertical-align:middle; border:none; }
#advancedsearch td.filter           { background:#fff; border-left:1px solid #E5E5E5; margin:00px 0px 10px 10px; padding: 0px 10px; }  /* text-align:left; float:left; height:85px; width:122px; font-size:0.9em; */
#advancedsearch td.firstchild       { background:#fff; border: 0px; }
#advancedsearch input               { font-size:1em; }
#advancedsearch input,
#advancedsearch select              { border:1px solid #a5a5a5; padding: 3px 0px 0px 3px; }
#advancedsearch select              { padding:5px; }
#advancedsearch select option       { padding:1px 3px 0px 3px; }     

#basicsearch                        { margin:20px 0px 15px 10px; padding:0px; overflow:hidden; }
#basicsearch #links                 { text-align:left; margin-right:3px; color:#A5A5A5; margin-top: 5px; }
#basicsearch #links span            { font-size:0.9em; color:#A5A5A5; }
#basicsearch #links span:hover      { color:#555555; cursor:pointer; }
#basicsearch #links span.current    { color:#555555; cursor:default; }
#basicsearch #links span.current:hover { cursor:default; }

#browse_main                { display:none; margin:3px 2px 15px 2px; overflow:hidden; }
/*#browse_main table table th { text-align: left; }
#browse_main table table td { border-bottom:1px dashed #a5a5a5; }
#browse_main div.panel      { float:left; width:32%; }*/
#browse_detail              { display:none; }
#browse_detail div.databankname     { font-weight:bold; background-color:#f5f5f5; padding:5px; border-bottom:1px solid #e5e5e5; }
#browsestructure                    { /*overflow-y:scroll;*/ border-top:1px solid #f5f5f5; }
#browsestructure div.topic,
         #combos div.topic,
         #selectcombodesc           { padding:5px; border-bottom:1px solid #f5f5f5; overflow:hidden; }
#browsestructure div.topic:hover,
         #combos div.topic:hover    { background:#bae3d9; }
#browsestructure div.topic div.collapse,
         #combos div.topic div.collapse,
         #combos div.topic div.selimg       { margin-right:5px; }
#browsestructure div.topic div.expand,    
         #combos div.topic div.expand       { margin-right:5px; }
#browsestructure div.selected,
         #combos div.selected       { font-weight:bold; background:#ddf1ec; }
#browsestructure div.selected       { /*border-bottom:1px solid rgb(160, 206, 20); border-top:1px solid rgb(160, 206, 20);*/ }
#browsestructure div.selected:hover,
         #combos div.selected:hover { background:#ddf1ec; /* rgba doesn't work in IE 'rgba(160,206,20,0.2); */ } 
#browsestructure .browsekeys        { clear:both; background:#ddf1ec; /*rgba doesn't work in IE 'rgba(160,206,20,0.2);/*same as preview data green*/ border-bottom:1px solid #f5f5f5; }

#changepwpop input[type=password]   { padding:2px; border:1px solid #bae3d9; }

#combos .tabs               { margin:0px; padding:0px; }
#combos .tabs li            { display:block; float:left; padding:3px 10px; margin:0px 2px; border:1px solid #f5f5f5; border-bottom: none; }
#combos .tabs li:hover      { background-color: #f5f5f5; cursor:pointer; }
#combos .tabs li.active     { background-color: #f5f5f5; border:1px solid #e5e5e5; border-bottom:1px solid #f5f5f5; }
#combos .tabs li span       { margin-left:5px; }
#combos .tabs li span,
#combos .tabs li label      { font-size:0.8em; }
#combos .tabcontent         { padding:0px; margin:0px; clear:both; border:1px solid #e5e5e5; }
#combos .tabcontent input.radio  { margin:5px 10px; }
#combos .tabcontent label:hover  { cursor:pointer; }
#combos div.specific        { border-top:1px solid #f5f5f5; }
#combos div.choose          { margin: 10px; font-weight: bold; }

#content    { padding:10px; clear:both; overflow: auto; }
#page       { background:white; overflow: hidden; position:relative; display: block; -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }

#data .menu a       { color:rgb(0,135,200); }
#data .menu a:hover { color:#555555; }

#db_background      { margin: 20px 40px; }
#db_background h2   { color: rgb(160,206,20); margin-top: 20px; padding-top: 20px; border-top: 1px dotted #e5e5e5; }
#db_list h2         { line-height: 200%; margin-left: 20px; }
#db_list p          { line-height: 200%; } 
#db_list p.db       { margin-left: 50px; }
#db_list input      { margin-right: 10px; }

#downloadoptions_popup fieldset { float:left; clear:both; padding:5px 10px 7px 10px; margin:5px; border:1px solid #e5e5e5; width:130%; }
#downloadoptions_popup fieldset fieldset { float:left; clear:both; padding:3px 7px 5px 7px; margin:3px; border:1px solid #f5f5f5; width:80%; }
#downloadoptions_popup legend   { color:#a5a5a5; padding:0px 3px 0px 3px; /*font-weight:bold;*/ text-transform:uppercase; font-size:0.9em; } 
#downloadoptions_popup legend span { font-weight: bold; }
#downloadoptions_popup img      { vertical-align:middle; }
#downloadoptions_popup input[type=text]     { border:1px solid #e5e5e5; padding:2px; }
#downloadoptions_popup input[type=radio],
#downloadoptions_popup input[type=checkbox] { margin: 5px; vertical-align:middle; }

#esupdates span,
#esupdates a,
#esupdates b        { line-height: 150%; }

#moredatareleases,
#moredatareleases_link_less { display: none; }

#esnews,
#newsitem,
#esupdates,
.browse_cat     { overflow:hidden; padding-bottom:15px; border-left:1px dotted #E5E5E5; border-bottom:1px dotted #E5E5E5; 
                      -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/ }    
#esnews h1,
#newsitem h1,
#esupdates h1,
.browse_cat h1  { margin-top:0px; padding-bottom:5px; border-bottom:1px solid #f5f5f5; border-left:1px dotted #e5e5e5; margin-left:-15px; padding-left:14px; margin-bottom:15px; }

#newsitem p.heading { margin-bottom: 5px; font-weight: bold; }
#newsitem a     { color: #1f1f1f; }

#home               { /*margin: 40px 3% 0px 3%;*/ }  /* total width now is 94% for Sign-in + Releases */
#home_login         { width: 35%; min-width: 248px; margin-right: 5%; margin-bottom: 5%; overflow:hidden; float: left; }
#home_releases      { width: 60%; min-width: 248px; float: left; position: relative; }

    

#releases_list              { overflow-y: scroll; width: 100%; }
#home_releases div.next_day { width: 100%; clear: both; float: left; padding: 10px 3px 5px 3px; font-weight: bold; overflow: hidden; border-top: 1px solid #f5f5f5; }
#home_releases div.today    { font-weight: bold; font-size: 1.5em; }
#home_releases .release     { width: 100%; clear: both; padding: 5px 3px; overflow: hidden; border-top: 1px solid #f5f5f5; }
    #home_releases .rel_time    { float: left; margin-right: 7px; }
    #home_releases .rel_img     { float: left; align: left; margin-right: 7px;  }
    #home_releases .release_summary .rel_img img:hover,
    #home_releases .release_summary .rel_time:hover,
    #home_releases .release_summary .rel_desc:hover { cursor: help; }
    #home_releases .rel_desc    { float: left; max-width: 76%; overflow: hidden; }
    #home_releases .rel_desc a  { word-wrap: break-word; }
#home_releases .release_details             { padding-top: 3px; }    
#home_releases .release_details div         { font-size: 0.8em; padding-top: 7px; margin-bottom: 1px; }
#home_releases .release_details div.label   { font-weight: bold; width: 80px; float: left; clear: both; }    
#home_releases a.released { color: #595959; /* normal text color */ }
#home_releases div.week     { width: 99%; float: left; clear: both; border-top: 1px solid #e5e5e5; overflow: hidden; margin-bottom: 12px; }
#home_releases #week1       { border-top: none; }
#home_releases div.fade_to_transparent_top,
#home_releases div.fade_to_transparent_bottom
{ 
    height: 15px;
    width: 96%;    /* in order to not put the transparency over the scrollbar */
    z-index: 10;
    position: absolute;
}
#home_releases div.fade_to_transparent_top
{
    top: 10px;  /* same as padding of releases_container */
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );    
}   
#home_releases div.fade_to_transparent_bottom
{
    bottom: 10px;  /* same as padding of releases_container */
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}
#home_releases div.releases_container { border: 1px solid #D9D9D9; position: relative; margin-bottom: 50px; }
#home_releases div.releases { overflow:hidden; padding: 0px 0px 0px 8px; }

#esnews               { margin-top:15px; }
#esnews div.latest    { margin-left:15px; }
#esnews .latestnewsitem           { padding:0px 30px 10px 20px; margin-bottom:15px; }
#esnews .latestnewsitem a         { font-weight:bold; color:rgb(0,135,200); }
#esnews .latestnewsitem a:hover   { color:rgb(90,188,238); } 

#esnewsitem           { margin:20px; min-height:400px; }
#esnewsitem table     { margin:15px; border:1px solid #e5e5e5; max-width:100%; }
#esnewsitem p         { margin-bottom:15px; }
#esnewsitem .item     { border-bottom:1px solid #e5e5e5; margin-bottom:10px; }

#nritemsperpage_B,
#nritemsperpage_S   { border:1px solid #f5f5f5; vertical-align:middle; }

#nrresultsbox_search_tpl,
#nrresultsbox_browse_tpl        { overflow:hidden; background:#f5f5f5; /*border-top:2px solid #e5e5e5;*/ border-bottom:1px solid #e5e5e5; }
#nrresultsbox_search_tpl .nr *,
#nrresultsbox_browse_tpl .nr *  { font-size:0.9em; }
#nrresultsbox_search_tpl,
#nrresultsbox_browse_tpl        { padding: 5px; font-weight:bold; color:#555555; }

#pages_S,
#pages_B            { clear:both; padding:3px 5px; border-top:1px solid #e5e5e5; overflow:hidden; }
#pages_S a,
#pages_B a          { padding: 0px 3px; }

#searchBox          { margin:10px 0px 20px 10px; /*width:100%; text-align:right;*/ overflow:hidden; }
#searchBox #keyword { background: #fff; padding: 7px; border: 1px solid #C2C4C3; width: 600px; }
#searchBox #keyword_tpl { background:rgb(255,221,127); /* rgba doesn't work in IE 'rgba(160,206,20,0.2);*/ padding:4px; border:1px solid rgb(252,185,77); width:485px; /*390px;*/ }
#searchcontent      { width:1030px; /* so that the percent100 can fit in */ overflow:hidden; }
#searchForm         { overflow:hidden; }
#searchNormal       { margin-bottom:20px; }

li.serie                        { display: block; border: 1px solid #e5e5e5; padding: 8px; overflow: hidden; position: relative; }
li.serie:hover                  { cursor: pointer; background:#bae3d9; }
li.serie div.actions            { float: right; }
li.serie div.actions span       { margin: 2px; }   
li.serie span                   { font-size: 0.9em; font-color:  }
li.serie span.freq              { background: gray; } 
li.serie span.code              { text-transform: lowercase; padding: 0px 5px; } 
li.serie.noaccess:hover         { cursor: default; background: rgb(241,242,242); }
li.serie.selected               { background:#ddf1ec; }
li.serie.selected span          { color:#a5a5a5; }
li.serie.selected span.freq     { color:#f5f5f5; }
li.serie.canremove:hover        { cursor: default; background: none; }
li.serie.canremove img.series_remove { cursor: pointer; }
li.serie img.info_tpl           { cursor: pointer; position: absolute; right: 10px; bottom: 0px; z-index: 50; }

#resultsbox         { border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; -moz-border-radius:2px;/*FF1+*/ -webkit-border-radius:2px;/*Saf3-4*/ border-radius:2px;/*Opera10.5,IE9,Saf5,Chrome*/} 
#searchscroll       { width:2100px; float:left; }   /* 1750 = (percent100 * 2) + 30px margin */

#selectedseriesbox  { margin-bottom:15px; display:none; }
#selectedseriesbox .menu { display: none; }
#selectedseries     { border-top:1px solid #F5F5F5; max-height:405px; overflow-y:scroll; } /*padding:10px 0px 10px 10px;*/
#selectedseries .serie              { line-height:150%; display:block; vertical-align:middle; border-bottom:1px solid #F5F5F5; overflow:hidden; }
#selectedseries .serie:hover        { cursor: pointer; background:#f5f5f5; /*rgba(90,188,238,0.3);*/ color:#000; }
#selectedseries .freqs              { background:#a5a5a5; margin:2px 0px 0px 0px; padding:0px 3px; line-height:1.1em; }
#selectedseries .freqs span         { font-size:0.9em; background:#a5a5a5; float:left; font-weight:normal; color:#e5e5e5; }
#selectedseries .freqs span.bold    { font-size:0.9em; background:#a5a5a5; font-weight:bold; color:#ffffff; /*color:rgb(0,135,200);*/ }

/* for popup */
#seriesinfo         { padding:7px; }
#seriesinfo *, #seriesinfo_cont *           { font-size:0.9em; }
#seriesinfo button  { font-size:1.1em; }
#seriesinfo label, #seriesinfo_cont label   { padding-right:3px; font-weight:bold; /*color:#a5a5a5;*/ }
#seriesinfo value, #seriesinfo_cont value   { }
#seriesinfo value span                      { font-size:1em; }
#seriesinfo p                               { font-size:1em; }
#seriesinfo a       { font-size: 1em; color: #a5a5a5; }
#seriesinfo a:hover { color: rgb(0,135,200); }

#seriesgraph,        
#seriesgraph_popup  { margin:10px auto; }

/* for inbetween series */
.seriesinfo         { display: block; overflow: hidden; background: #fff; position: relative; border: 1px dotted #e5e5e5; }
.seriesinfo *       { font-size: 1em; }

.seriesinfo .loading                { margin: 20px; text-transform: uppercase; }
.seriesinfo .close                  { position: absolute; right: 8px; top: 8px; }
.seriesinfo .seriesinfo_info        { position: relative; float: left;  padding: 20px; width: 47%; overflow: hidden; }
.seriesinfo .seriesinfo_chartarea   { position: relative; float: right; padding: 20px; border-left: 1px dashed #c5c5c5; }

.seriesinfo .row    { clear: both; margin-bottom: 10px; overflow: hidden; }
.seriesinfo .seriesinfo_label   { float: left;  text-transform: uppercase;  }
.seriesinfo .seriesinfo_value   { float: right; }
.seriesinfo .seriesinfo_download            { float: right; clear: both; margin-bottom: 15px; } 
.seriesinfo .seriesinfo_download a          { text-transform: uppercase; }
.seriesinfo .seriesinfo_download a:hover    { text-decoration: underline; }
.seriesinfo .seriesgraph        { clear: both; margin: 10px; float: right; }
.seriesinfo .seriescode         { clear: both; font-size: 1.6em; text-align: center; }
.seriesinfo label   { padding-right:3px; font-weight:bold; /*color:#a5a5a5;*/ }
.seriesinfo value   { }
/*.seriesinfo value span { font-size:1em; }*/
.seriesinfo p       { font-size:1em; }
.seriesinfo a       { font-size: 1em; }
.seriesinfo a:hover { text-decoration: underline; }


#signin, 
#register           { margin:30px auto 40px auto; overflow:hidden; border: 1px solid #D9D9D9; padding: 25px; }
#signin .textbox    { border:1px solid #C2C4C3; padding:5px; margin:5px 0px 5px 0px; width: 250px; }
#register .textbox  { border:1px solid #C2C4C3; padding:5px; margin:5px 0px 5px 0px; width: 400px; }
#register .form_label  { width:160px; margin:10px 0px 0px 0px; }
/*#signin .button     { margin:15px 0px; background:#f5f5f5; border:1px solid #E5E5E5; color:#555555; padding:3px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#signin .button:hover   { border:1px solid #A5A5A5; background:#f0f0f0; text-decoration:none; cursor:pointer; }
#signin .button:active  { background: #E5E5E5; } */

#statusbar          { margin: 15px; }
#statusbar p        { font-size:0.9em; }

#tabs               { margin:5px 5px -1px 0px; float:left; position:relative; /*overflow:auto;*/  /*border:1px solid #a5a5a5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;*/ }
#tabs a             { -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; background:#f5f5f5; margin-right:5px; display:block; float:left; padding:5px 15px 0px 15px; border:solid 1px #e5e5e5; position:relative; overflow:hidden; /*color:#999;*/ }
#tabs a.actives     { font-weight:bold; color:#fff; border:2px solid rgb(90,188,238); background:rgb(90,188,238); }
#tabs a.actives *   { color:#fff; }

#tooltip            { position:absolute; display:none; border:1px solid #e5e5e5; padding:2px; background-color:#f5f5f5; opacity:0.80; z-index: 100; }

/* used for recent data releases */
#esupdates            { margin-top:20px; /* to be in line with tabcontent boxes to the left*/ /*see #news*/ }
#esupdates div.latest { margin-left:15px; }
#esupdates span, #updates a { font-size:0.9em; }
#esupdates span       { color:#A5A5A5; }