/***/
/* this is for handling content in dialog boxes */
.openvibe.ui-dialog.ui-widget {
    font-size: 1.2em;
}
/* make sure we have common anchors inside openvibe */
.openvibe a {
    text-decoration: none;
    color: #297398;
    background: none;
    font-weight: bold;
}
.openvibe a:hover { text-decoration: underline; }

/* CEE Reg specific */
.ceereg .graybox {
    margin: 0 80px;
    padding: 20px;
}

.ceereg .field_info {
    height: 16px;
    margin: 4px;
    width: 16px;
}
.ceereg td.mw-label {
    white-space: nowrap;
    font-weight: bold;
}
.ceereg .captcha {
	margin-bottom: 8px;
}

/***/

/* shared */
.grayborder {
    border: 1px solid #AAAAAA;
}
.progress {
    background: #FFFFFF url(images/progress.gif) 50% 50% no-repeat;
    min-height: 32px;
    min-width: 32px;
}
.fineprint {
    color: #666;
}
.tooltip {
    cursor: pointer;
}
.aluminum {
  background: url(images/aluminum-shim.png) 0 -20px repeat-x #dddddd;
}


/* maps */
.map {
    margin-right: 20px;
}
.map p { margin-bottom: 0; }
.map-list {
    border: 1px solid #AAAAAA;
    height: 350px;
    width: 270px;
    overflow: auto;
}
.map-list ul {
    list-style: none;
    margin: 0 8px;
}
/* cloud */
.cloud {
    width: 70%;
}

/* main page */
.page, .toolbar {
    margin: 0 auto;
    min-width: 900px;
    max-width: 1100px;
}

/* unassign the max-width for LEDSGP whitelabel site */
body.LEDSGP-whitelabel .page, body.LEDSGP-whitelabel .toolbar {
    max-width: none;
}

.toolbar {
    position: absolute;
    width: 100%;
}
.toolbar-margin {
    margin: 0.5em 0.5em 0;
}
.toolbar ul {
    list-style: none outside none;
    margin: 0 0 1px 0;
}
.toolbar ul li a {
    color: #222;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
}
.toolbar ul li {
    display: block;
}
.toolbar ul.right {
    margin-right: 16px;
}
.toolbar ul.right li {
    float: right;
    margin-left: 24px;
}
.toolbar ul.left li {
    float: left;
    margin-right: 1em;
}
.toolbar a .icon {
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.toolbar .right {
    position: relative;
}
.toolbar .wide-icon {
    padding-left: 1.95em;
}
.formtable td input[type='text'],
.formtable td textarea,
.field {
    border: 1px inset #7F7F7F;
}    

.formtable td input[type='text'].active,
.formtable td textarea.active,
.field.active {
    background-color: #E9F6F2;
}
.community-wrapper, #content { /* use id since Drupal also has content classes */
  padding: 22px 12px 100px 12px;
  margin-top: 13px;
  background:white url("images/footer-05-2014.png") no-repeat bottom right;
  min-height: 100px;
  box-shadow: 0 0 13px -4px #156970;
  border-radius:0;
}
#content .sidebar {
    float: right;
    padding: 0 50px 24px 20px;
    background-color: #FFF;
    width: 30%;
}
.module {
    margin-bottom: 24px;
}
.module hr {
    border-top: 2px solid #222222;
    border-bottom: 1px solid #CCCCCC;
    border-right: none;
    border-left: none;
    margin: 0 0 12px;
    padding-bottom: 2px;
    background-color: transparent;
    clear: both;
}
.module .module-head {
    margin-bottom: 4px;
    line-height: 1.5em;
    font-size: 1.167em;
    font-weight: bold;
}
.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
    border-bottom: none;
    margin-top: 24px;
}

/* header */
.header .banner {
    height: 42px;
    position: relative;
    background-color: #000;
}
.header .banner .logo {
    background: url(../images/openei_header_logo_white.png) no-repeat;
    width: 650px; 
    height: 40px;
    margin-top: 2px; 
}
.header .banner a .leftside {
    position: relative;
}
.header .leftside {
    height: 68px;
    width: 400px;
    position: absolute;
    top: -1px;
}
.header .rightside {
    margin: 3px 10px 0 0 ;
    font-size: 0.85em;
}
.header .login {
    text-align: right;
    color: #FFF;
}
.header .login a,
.header .controls a {
    color: #297398;
}
.header .login a.new,
.header .controls a.new {
    color: #900;
}
.header .controls li {
    color: #333;
}
.header .menu {
    height: 4em;
    padding: 1em 0 0.6em 0;
}
#searchBody button.fg-button {
    font-size: 1.1em;
}
#searchBody {
    position: relative;
    right: 1px;
    top: 3px;
    padding: 0 10px 0 130px; /* helps with responsive positioning for interim nav bar */
}
.search .field {
    margin-right: 4px;
    border: 1px solid #aaa;
}
.header .search {
}
.header .search .field {
    font-size: 1.2em;
    height: 1.2em;
}
.header .search .prompt {
    font-style: italic;
    color: #777777;
    font-size: 90%;
}
.header .controls ul {
    list-style-type: none;
    margin: 0.3em 0 0 0;
}
.header .rightside ul li {
    display: inline;
}    
.header .signup {
    margin: 1px 0 0 2px;
}
/* site topnav */
#topnav {
    position: relative;
    margin: 0 0 0 180px;
    list-style: none;
    line-height: 0.6em;
    max-width: 490px;
}
#topnavcontainer .logo {
    background: url(../images/openei_header_logo_small_color.png) no-repeat;
    width: 163px; 
    height: 52px;
    float: left;
}
#topnav LI.level1 {
    float: left;
    margin: 0;
    padding: 0;
}

#topnav A.level1 {
    display: block;
    text-decoration: none;
    font-size: 120%;
    margin: 0;
    padding: 0.5em 1em;
    color: #000;
}

/* underline links that don't have dropdowns, otherwise no way to know that it's a link */
#topnav A.level2:hover {
    text-decoration: underline;
}
#topnav A.level2.sf-with-ul:hover {
    text-decoration: none;
}

#topnav A.level1:hover,
#topnav .active A.level1,
#topnav A.level1:active,
#topnav A.level1.active:link,
#topnav A.level1.active:visited {
    color: #000;
    border-bottom: 3px solid #aaa;
    /*
    background-color: #9BE7D8;
    */
}

#topnav A.active:link,
#topnav A.active:visited {
    position: relative;
    z-index: 102;
}

/*subnav*/

#topnav UL.sf-menu {
    position: absolute;
    float: left;
    list-style: none;
    padding-top: 2px;
    /*
    background-color: #9BE7D8;
    */
    border-top: 1px solid #aaa;
    width: 400px;
    height: 15px;
    left: 0;
}

#topnav UL.sf-menu LI.level2 {
    float: left;
    display: block;
}
#topnav UL.sf-menu A.level2 {
    background-color: transparent;
    color: #000;
    display: inline;
    margin: 0;
    padding: 0 1em 0 0.5em;
    border: 0;
    font-size: 100%;
}

/*
#topnav UL.sf-menu A:hover,
#topnav UL.sf-menu A:active,
#topnav UL.sf-menu A.active:link,
#topnav UL.sf-menu A.active:visited {
    color: #FFF;
}
*/

/* footer */
.footer-message { padding-top: 3px; display: none; }

/***=- New styles May 2014 -=***/
body {
  border:none;
}
.page, .toolbar {
  width:1100px;
}
.header {
  border: none;
}
#content {
  border:none;
  border-radius:0;
  -webkit-box-shadow:0 0 13px -4px #156970;
  box-shadow:0 0 13px -4px #156970;
}
/*** Footer styles (new for May 2014) ***/
#recommended-content {
  display:none !important;
}
.special-links {
  background-color:#2aae2a;
  margin:0;
  padding:3px 5px;
  font-size:0.9em;
  border-radius:0 !important;
  -webkit-box-shadow:0 6px 15px -4px #EEE;
  box-shadow:0 6px 15px -4px #EEE;
}
.special-links>div {
  text-align: center;
}
.special-links ul {
  margin:0;
}
.special-links ul>li {
  padding:0 5px;
  display:inline-block;
}
.special-links a {
  color:#f1e78b;
}
/* ESI footer */
#footer {
  padding-bottom:15px;
  font-size:0.9em;
  background-color:#2aae2a;
  clear:both;
  float:left;
  width:100%;
}
#footer>div {
  text-align:center;
}
#footer ul {
  margin:0;
}
#footer ul>li {
  display: inline;
  overflow: visible;
  padding:0 5px;
}
#footer a {
  color:#f1e78b;
  padding:0 5px;
}
#footer .credits {
  color:#fff9ed;
}
#footer .footer-about {
  padding:2px 0 4px 0;
}
/*** End footer styles ***/
/***=- End new styles May 2014 -=***/

/* forms */
textarea.createboxInput,
textarea.mandatoryField {
    border: 1px inset;
}
textarea#free_text {
    width: 100%;
}
/* tables */
table.wikitable,
table.formtable,
table.smwtable,
table.bluetable {
	border-collapse: collapse;
}
table.wikitable {
    margin: 0 20px 20px;
}
table.bluetable.smalltype {
    font-size: 0.8em;
}

table.wikitable th,
table.formtable th,
table.smwtable th,
table.bluetable th {
	background-color: #E6E6E6;
	padding: 2px 4px;
	border: 1px solid #95bce2;
	line-height: 1.2;
    white-space: nowrap;
}
table.smwtable th {
	background-color: #E6E6E6 !important;
}
table.formtable th,
table.wikitable th {
    text-align: right;
}
table.wikitable td,
table.smwtable td, 
table.formtable td,
table.bluetable td {
	padding: 2px 4px;
	border: 1px solid #95bce2;
}
table.wikitable tr {
	border: 1px solid #95bce2;
}
table.formtable td {
	padding: 8px;
	border: none;
}
table.bluetable.sortable td {
	border: 1px solid #95bce2;
}
table.bluetable tr.alt td {
	background-color: #ecf6fc;
}
table.bluetable tr.over td {
	background-color: #bcd4ec;
}

/* user agreement */
.user-agreement {
    margin-bottom: 8px;
    width: 440px;
}
.user-agreement .ua-text {
    height: 70px;
    overflow: auto;
    border: 1px solid #AAAAAA;
}

/*
div.relatedsemantic {
    font-size: 1.167em;
    margin: 0.25em 0;
}
div.relatedsemantic a {
    font-size: 85%;
    margin: 0.5em;
    display: block;
}
*/

/* nav table */
/*
.nav-text-cell a,
.nav-text-cell a:visited {
	color: #002BB8;
}
*/
.nav-icon-cell {
    padding: 0 4px 4px;
}

/* sprites */
/* icon40 and icon60 selectors are deprecated, use *40, *60 instead */
.icon40,
.icon60,
.icon {
    display: block;
    overflow: hidden;
}
.home {
    width: 16px;
    height: 14px;
    background: url(images/sprite.png?v2) no-repeat left top;
}
.edit {
    width: 16px;
    height: 16px;
    background: url(images/sprite.png?v2) no-repeat left -16px;
}
.print {
    width: 16px;
    height: 16px;
    background: url(images/sprite.png?v2) no-repeat left -32px;
}
.history {
    width: 16px;
    height: 16px;
    background: url(images/sprite.png?v2) no-repeat left -48px;
}

/* 40 px icon sprites */
.icon40.buildings,
.buildings40 {
    height: 51px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat left top;
}
.icon40.economy,
.greencircle40,
.economy40 {
    height: 40px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -40px top;
}
.arrowscircle40,
.contribute40 {
    height: 31px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -80px top;
}
.talkballoons40,
.feedback40 {
    height: 35px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -120px top;
}
.help40 {
    height: 40px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -160px top;
}
.icon40.incentives,
.money40,
.incentives40 {
    height: 33px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -200px top;
}
.info40 {
    height: 40px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -240px top;
}
.icon40.international,
.blueglobe40,
.international40 {
    height: 40px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -280px top;
}
.icon40.smartgrid,
.outlet40,
.smartgrid40 {
    height: 34px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -320px top;
}
.icon40.solar,
.solar40 {
    height: 40px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -360px top;
}
.icon40.us,
.usflag40,
.us40 {
    height: 37px;
    width: 40px;
    background: url(images/icons-40.png) no-repeat -400px top; 
}
.news40 {
    height: 33px;
    width: 40px;
    background: url('images/icons-40.png') no-repeat -440px top; 
}
.handsring40 {
    height: 36px;
    width: 40px;
    background: url('images/icons-40.png') no-repeat -480px top; 
}
.handsraised40 {
    height: 33px;
    width: 40px;
    background: url('images/icons-40.png') no-repeat -520px top; 
}
.steam40,
.geothermal40 {
    height: 29px;
    width: 40px;
    background: url('images/icons-40.png') no-repeat -560px top; 
}
.lightbulb40,
.utility40 {
    height: 51px;
    width: 40px;
    background: url('images/icons-40.png') no-repeat -600px top; 
}
.wind40 {
    height: 51px;
    width: 40px;
    background: url('images/icons-40.png') no-repeat -640px top; 
}
.oil40 {
    height: 40px;
    width: 40px;
    background: url('images/icons-40.png') no-repeat -680px top;
}

/* 60px icon sprites */
.buildings60 {
    height: 76px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat left top;
}
.greencircle60,
.economy60 {
    height: 60px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -60px top;
}
.arrowscircle60,
.contribute60 {
    height: 47px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -120px top;
}
.icon60.feedback,
.talkballoons60,
.feedback60 {
    height: 53px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -180px top;
}
.icon60.help,
.help60 {
    height: 60px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -240px top;
}
.money60,
.incentives60 {
    height: 50px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -300px top;
}
.info60 {
    height: 60px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -360px top;
}
.blueglobe60,
.international60 {
    height: 60px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -420px top;
}
.outlet60,
.smartgrid60 {
    height: 51px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -480px top;
}
.solar60 {
    height: 60px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -540px top;
}
.usflag60,
.us60 {
    height: 56px;
    width: 60px;
    background: url(images/icons-60.png) no-repeat -600px top;
}
.news60 {
    height: 49px;
    width: 60px;
    background: url('images/icons-60.png') no-repeat -660px top;
}
.handsring60 {
    height: 54px;
    width: 60px;
    background: url('images/icons-60.png') no-repeat -720px top;
}
.handsraised60 {
    height: 49px;
    width: 60px;
    background: url('images/icons-60.png') no-repeat -780px top;
}
.steam60,
.geothermal60 {
    height: 43px;
    width: 60px;
    background: url('images/icons-60.png') no-repeat -840px top;
}
.lightbulb60,
.utility60 {
    height: 76px;
    width: 60px;
    background: url('images/icons-60.png') no-repeat -900px top;
}
.wind60 {
    height: 76px;
    width: 60px;
    background: url('images/icons-60.png') no-repeat -960px top;
}
.oil60 {
    height: 60px;
    width: 60px;
    background: url('images/icons-60.png') no-repeat -1020px top;
}

/* 30px icon sprites */
.buildings30 {
    height: 38px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat left top;
}
.greencircle30,
.economy30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -30px top;
}
.arrowscircle30,
.contribute30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -60px top;
}
.talkballoons30,
.feedback30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -90px top;
}
.help30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -120px top;
}
.money30,
.incentives30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -150px top;
}
.info30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -180px top;
}
.blueglobe30,
.international30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -210px top;
}
.outlet30,
.smartgrid30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -240px top;
}
.solar30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -270px top;
}
.usflag30,
.us30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -300px top;
}
.news30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -330px top;
}
.handsring30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -360px top;
}
.handsraised30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -390px top;
}
.steam30,
.geothermal30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -420px top;
}
.lightbulb30,
.utility30 {
    height: 38px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -450px top;
}
.wind30 {
    height: 38px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -480px top;
}
.oil30 {
    height: 30px;
    width: 30px;
    background: url('images/icons-30.png') no-repeat -510px top;
}

.zoom16 {
  height: 16px;
  width: 16px;
  background: url('images/zoom.png') no-repeat top center;
}

.loading16 {
  height: 16px;
  width: 16px;
  background: url('images/loading-16.gif') no-repeat top center;
}

.loading32 {
  height: 32px;
  width: 32px;
  background: url('images/loading-32.gif') no-repeat top center;
}

/* v2 icons */
.iconv2 {
  background-image: url( images/iconsv2.png );
  width: 43px;
  height: 43px;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
}

/* v3 icons, adds images to iconsv2 */
.iconv3 {
  background-image: url( images/iconsv3.png );
  width: 43px;
  height: 43px;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
}

/* v4 icons, adds images to iconsv3 */
/* NOTE: when adding new sprite version, you will need to update gatewayicons css rule in http://en.openei.org/wiki/MediaWiki:Common.css 
     and http://en.openei.org/wiki/Widget:MainPageHelper/frontpage.css */
.iconv4 {
  background-image: url( "images/iconsv4.png?v=1" );
  width: 43px;
  height: 43px;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
}
.iconv4-sm {
  background-image: url( "images/iconsv4.png?v=1" );
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
}

.building-1         { background-position: -43px 0px;     }
.building-2         { background-position: -43px -43px;   }
.building-3         { background-position: -43px -86px;   }
.geothermal-1       { background-position: -43px -129px;  }
.geothermal-2       { background-position: -43px -172px;  }
.geothermal-3       { background-position: -43px -215px;  }
.oil-gas-1          { background-position: -43px -258px;  }
.oil-gas-2          { background-position: -43px -301px;  }
.hydro-1            { background-position: -43px -344px;  }
.hydro-2            { background-position: -43px -387px;  }
.hydrogen-1         { background-position: -43px -430px;  }
.hydrogen-2         { background-position: -43px -473px;  }
.power-1            { background-position: -43px -516px;  }
.power-2            { background-position: -43px -559px;  }
.power-3            { background-position: -43px -602px;  }
.power-4            { background-position: -43px -645px;  }
.wind-1             { background-position: -43px -688px;  }
.wind-2             { background-position: -43px -731px;  }
.bio-1              { background-position: -43px -774px;  }
.bio-2              { background-position: -43px -817px;  }
.bio-3              { background-position: -43px -860px;  }
.solar-1            { background-position: -43px -903px;  }
.solar-2            { background-position: -43px -946px;  }
.solar-3            { background-position: -43px -989px;  }
.semweb-1           { background-position: -43px -1032px; }
.gears-1            { background-position: -43px -1075px; }
.blog-1             { background-position: -43px -1118px; }
.download-doc-1     { background-position: -43px -1161px; }
.interchange-1      { background-position: -43px -1204px; }

.article-1          { background-position: -43px -1247px; }
.dataset-1          { background-position: -43px -1290px; }
.definition-1       { background-position: -43px -1333px; }
.document-1         { background-position: -43px -1376px; }
.help-1             { background-position: -43px -1419px; }
.image-1            { background-position: -43px -1462px; }
.map-1              { background-position: -43px -1505px; }
.presentation-1     { background-position: -43px -1548px; }
.tool-1             { background-position: -43px -1591px; }
.video-1            { background-position: -43px -1634px; }
.website-1          { background-position: -43px -1677px; }
.community-1        { background-position: -43px -1720px; }
.stakeholder-1      { background-position: -43px -1763px; }
.presenter-1        { background-position: -43px -1806px; }
.stakeholders-1     { background-position: -43px -1849px; }
.pie-chart-1        { background-position: -43px -1892px; }

.article-1-sm       { background-position: -86px -1247px; }
.dataset-1-sm       { background-position: -86px -1290px; }
.definition-1-sm    { background-position: -86px -1333px; }
.document-1-sm      { background-position: -86px -1376px; }
.help-1-sm          { background-position: -86px -1419px; }
.image-1-sm         { background-position: -86px -1462px; }
.map-1-sm           { background-position: -86px -1505px; }
.presentation-1-sm  { background-position: -86px -1548px; }
.tool-1-sm          { background-position: -86px -1591px; }
.video-1-sm         { background-position: -86px -1634px; }
.website-1-sm       { background-position: -86px -1677px; }
.community-1-sm     { background-position: -86px -1720px; }
.stakeholder-1-sm   { background-position: -86px -1763px; }
.presenter-1-sm     { background-position: -86px -1806px; }
.stakeholders-1-sm  { background-position: -86px -1849px; }
.pie-chart-1-sm     { background-position: -86px -1892px; }

.building-1:hover,     .building-1:active     { background-position: 0px 0px;     }
.building-2:hover,     .building-2:active     { background-position: 0px -43px;   }
.building-3:hover,     .building-3:active     { background-position: 0px -86px;   }
.geothermal-1:hover,   .geothermal-1:active   { background-position: 0px -129px;  }
.geothermal-2:hover,   .geothermal-2:active   { background-position: 0px -172px;  }
.geothermal-3:hover,   .geothermal-3:active   { background-position: 0px -215px;  }
.oil-gas-1:hover,      .oil-gas-1:active      { background-position: 0px -258px;  }
.oil-gas-2:hover,      .oil-gas-2:active      { background-position: 0px -301px;  }
.hydro-1:hover,        .hydro-1:active        { background-position: 0px -344px;  }
.hydro-2:hover,        .hydro-2:active        { background-position: 0px -387px;  }
.hydrogen-1:hover,     .hydrogen-1:active     { background-position: 0px -430px;  }
.hydrogen-2:hover,     .hydrogen-2:active     { background-position: 0px -473px;  }
.power-1:hover,        .power-1:active        { background-position: 0px -516px;  }
.power-2:hover,        .power-2:active        { background-position: 0px -559px;  }
.power-3:hover,        .power-3:active        { background-position: 0px -602px;  }
.power-4:hover,        .power-4:active        { background-position: 0px -645px;  }
.wind-1:hover,         .wind-1:active         { background-position: 0px -688px;  }
.wind-2:hover,         .wind-2:active         { background-position: 0px -731px;  }
.bio-1:hover,          .bio-1:active          { background-position: 0px -774px;  }
.bio-2:hover,          .bio-2:active          { background-position: 0px -817px;  }
.bio-3:hover,          .bio-3:active          { background-position: 0px -860px;  }
.solar-1:hover,        .solar-1:active        { background-position: 0px -903px;  }
.solar-2:hover,        .solar-2:active        { background-position: 0px -946px;  }
.solar-3:hover,        .solar-3:active        { background-position: 0px -989px;  }
.semweb-1:hover,       .semweb-1:active       { background-position: 0px -1032px; }
.gears-1:hover,        .gears-1:active        { background-position: 0px -1075px; }
.blog-1:hover,         .blog-1:active         { background-position: 0px -1118px; }
.download-doc-1:hover, .download-doc-1:active { background-position: 0px -1161px; }
.interchange-1:hover,  .interchange-1:active  { background-position: 0px -1204px; }

/* flag icons */
.flag{float:left;margin:5px 5px 0 0;width:16px;height:11px;background:url(images/flagssprite_small.png) no-repeat}
.flag.ad{background-position:0 0}
.flag.ae{background-position:0 -11px}
.flag.af{background-position:0 -22px}
.flag.ag{background-position:0 -33px}
.flag.ai{background-position:0 -44px}
.flag.al{background-position:0 -55px}
.flag.am{background-position:0 -66px}
.flag.an{background-position:0 -77px}
.flag.ao{background-position:0 -88px}
.flag.ar{background-position:0 -99px}
.flag.as{background-position:0 -110px}
.flag.at{background-position:0 -121px}
.flag.au{background-position:0 -132px}
.flag.aw{background-position:0 -143px}
.flag.ax{background-position:0 -154px}
.flag.az{background-position:0 -165px}
.flag.ba{background-position:0 -176px}
.flag.bb{background-position:0 -187px}
.flag.bd{background-position:0 -198px}
.flag.be{background-position:0 -209px}
.flag.bf{background-position:0 -220px}
.flag.bg{background-position:0 -231px}
.flag.bh{background-position:0 -242px}
.flag.bi{background-position:0 -253px}
.flag.bj{background-position:0 -264px}
.flag.bm{background-position:0 -275px}
.flag.bn{background-position:0 -286px}
.flag.bo{background-position:0 -297px}
.flag.br{background-position:0 -308px}
.flag.bs{background-position:0 -319px}
.flag.bt{background-position:0 -330px}
.flag.bv{background-position:0 -341px}
.flag.bw{background-position:0 -352px}
.flag.by{background-position:0 -363px}
.flag.bz{background-position:0 -374px}
.flag.ca{background-position:0 -385px}
.flag.catalonia{background-position:0 -396px}
.flag.cc{background-position:0 -407px}
.flag.cd{background-position:0 -418px}
.flag.cf{background-position:0 -429px}
.flag.cg{background-position:0 -440px}
.flag.ch{background-position:0 -451px}
.flag.ci{background-position:0 -462px}
.flag.ck{background-position:0 -473px}
.flag.cl{background-position:0 -484px}
.flag.cm{background-position:0 -495px}
.flag.cn{background-position:0 -506px}
.flag.co{background-position:0 -517px}
.flag.cu{background-position:0 -528px}
.flag.cr{background-position:0 -539px}
.flag.cs{background-position:0 -550px}
.flag.cv{background-position:0 -561px}
.flag.cx{background-position:0 -572px}
.flag.cy{background-position:-16px 0}
.flag.cz{background-position:-16px -11px}
.flag.de{background-position:-16px -22px}
.flag.dj{background-position:-16px -33px}
.flag.dk{background-position:-16px -44px}
.flag.dm{background-position:-16px -55px}
.flag.do{background-position:-16px -66px}
.flag.dz{background-position:-16px -77px}
.flag.ec{background-position:-16px -88px}
.flag.ee{background-position:-16px -99px}
.flag.eg{background-position:-16px -110px}
.flag.eh{background-position:-16px -121px}
.flag.england{background-position:-16px -132px}
.flag.er{background-position:-16px -143px}
.flag.es{background-position:-16px -154px}
.flag.et{background-position:-16px -165px}
.flag.eu{background-position:-16px -176px}
.flag.fam{background-position:-16px -187px}
.flag.fi{background-position:-16px -198px}
.flag.fj{background-position:-16px -209px}
.flag.fk{background-position:-16px -220px}
.flag.fm{background-position:-16px -231px}
.flag.fo{background-position:-16px -242px}
.flag.fr{background-position:-16px -253px}
.flag.ga{background-position:-16px -264px}
.flag.gb{background-position:-16px -275px}
.flag.gd{background-position:-16px -286px}
.flag.ge{background-position:-16px -297px}
.flag.gf{background-position:-16px -308px}
.flag.gh{background-position:-16px -319px}
.flag.gi{background-position:-16px -330px}
.flag.gl{background-position:-16px -341px}
.flag.gm{background-position:-16px -352px}
.flag.gn{background-position:-16px -363px}
.flag.gp{background-position:-16px -374px}
.flag.gq{background-position:-16px -385px}
.flag.gr{background-position:-16px -396px}
.flag.gs{background-position:-16px -407px}
.flag.gt{background-position:-16px -418px}
.flag.gu{background-position:-16px -429px}
.flag.gw{background-position:-16px -440px}
.flag.gy{background-position:-16px -451px}
.flag.hk{background-position:-16px -462px}
.flag.hm{background-position:-16px -473px}
.flag.hn{background-position:-16px -484px}
.flag.hr{background-position:-16px -495px}
.flag.ht{background-position:-16px -506px}
.flag.hu{background-position:-16px -517px}
.flag.id{background-position:-16px -528px}
.flag.ie{background-position:-16px -539px}
.flag.il{background-position:-16px -550px}
.flag.in{background-position:-16px -561px}
.flag.io{background-position:-16px -572px}
.flag.iq{background-position:-32px 0}
.flag.ir{background-position:-32px -11px}
.flag.is{background-position:-32px -22px}
.flag.it{background-position:-32px -33px}
.flag.jm{background-position:-32px -44px}
.flag.jo{background-position:-32px -55px}
.flag.jp{background-position:-32px -66px}
.flag.ke{background-position:-32px -77px}
.flag.kg{background-position:-32px -88px}
.flag.kh{background-position:-32px -99px}
.flag.ki{background-position:-32px -110px}
.flag.km{background-position:-32px -121px}
.flag.kn{background-position:-32px -132px}
.flag.kp{background-position:-32px -143px}
.flag.kr{background-position:-32px -154px}
.flag.kw{background-position:-32px -165px}
.flag.ky{background-position:-32px -176px}
.flag.kz{background-position:-32px -187px}
.flag.la{background-position:-32px -198px}
.flag.lb{background-position:-32px -209px}
.flag.lc{background-position:-32px -220px}
.flag.li{background-position:-32px -231px}
.flag.lr{background-position:-32px -242px}
.flag.lk{background-position:-32px -253px}
.flag.ls{background-position:-32px -264px}
.flag.lt{background-position:-32px -275px}
.flag.lu{background-position:-32px -286px}
.flag.lv{background-position:-32px -297px}
.flag.ly{background-position:-32px -308px}
.flag.ma{background-position:-32px -319px}
.flag.mc{background-position:-32px -330px}
.flag.md{background-position:-32px -341px}
.flag.me{background-position:-32px -352px}
.flag.mg{background-position:-32px -363px}
.flag.mh{background-position:-32px -374px}
.flag.mk{background-position:-32px -385px}
.flag.ml{background-position:-32px -396px}
.flag.mm{background-position:-32px -407px}
.flag.mn{background-position:-32px -418px}
.flag.mo{background-position:-32px -429px}
.flag.mp{background-position:-32px -440px}
.flag.mq{background-position:-32px -451px}
.flag.mr{background-position:-32px -462px}
.flag.ms{background-position:-32px -473px}
.flag.mt{background-position:-32px -484px}
.flag.mu{background-position:-32px -495px}
.flag.mv{background-position:-32px -506px}
.flag.mw{background-position:-32px -517px}
.flag.mx{background-position:-32px -528px}
.flag.my{background-position:-32px -539px}
.flag.mz{background-position:-32px -550px}
.flag.na{background-position:-32px -561px}
.flag.nc{background-position:-32px -572px}
.flag.ne{background-position:-48px 0}
.flag.nf{background-position:-48px -11px}
.flag.ng{background-position:-48px -22px}
.flag.ni{background-position:-48px -33px}
.flag.nl{background-position:-48px -44px}
.flag.no{background-position:-48px -55px}
.flag.np{background-position:-48px -66px}
.flag.nr{background-position:-48px -77px}
.flag.nu{background-position:-48px -88px}
.flag.nz{background-position:-48px -99px}
.flag.om{background-position:-48px -110px}
.flag.pa{background-position:-48px -121px}
.flag.pe{background-position:-48px -132px}
.flag.pf{background-position:-48px -143px}
.flag.pg{background-position:-48px -154px}
.flag.ph{background-position:-48px -165px}
.flag.pk{background-position:-48px -176px}
.flag.pl{background-position:-48px -187px}
.flag.pm{background-position:-48px -198px}
.flag.pn{background-position:-48px -209px}
.flag.pr{background-position:-48px -220px}
.flag.ps{background-position:-48px -231px}
.flag.pt{background-position:-48px -242px}
.flag.pw{background-position:-48px -253px}
.flag.py{background-position:-48px -264px}
.flag.qa{background-position:-48px -275px}
.flag.re{background-position:-48px -286px}
.flag.ro{background-position:-48px -297px}
.flag.rs{background-position:-48px -308px}
.flag.ru{background-position:-48px -319px}
.flag.rw{background-position:-48px -330px}
.flag.sa{background-position:-48px -341px}
.flag.sb{background-position:-48px -352px}
.flag.sc{background-position:-48px -363px}
.flag.scotland{background-position:-48px -374px}
.flag.sd{background-position:-48px -385px}
.flag.se{background-position:-48px -396px}
.flag.sg{background-position:-48px -407px}
.flag.sh{background-position:-48px -418px}
.flag.si{background-position:-48px -429px}
.flag.sj{background-position:-48px -440px}
.flag.sk{background-position:-48px -451px}
.flag.sl{background-position:-48px -462px}
.flag.sm{background-position:-48px -473px}
.flag.sn{background-position:-48px -484px}
.flag.so{background-position:-48px -495px}
.flag.sr{background-position:-48px -506px}
.flag.st{background-position:-48px -517px}
.flag.sv{background-position:-48px -528px}
.flag.sy{background-position:-48px -539px}
.flag.sz{background-position:-48px -550px}
.flag.tc{background-position:-48px -561px}
.flag.td{background-position:-48px -572px}
.flag.tf{background-position:-64px 0}
.flag.tg{background-position:-64px -11px}
.flag.th{background-position:-64px -22px}
.flag.tj{background-position:-64px -33px}
.flag.tk{background-position:-64px -44px}
.flag.tl{background-position:-64px -55px}
.flag.tm{background-position:-64px -66px}
.flag.tn{background-position:-64px -77px}
.flag.to{background-position:-64px -88px}
.flag.tr{background-position:-64px -99px}
.flag.tt{background-position:-64px -110px}
.flag.tv{background-position:-64px -121px}
.flag.tw{background-position:-64px -132px}
.flag.tz{background-position:-64px -143px}
.flag.ua{background-position:-64px -154px}
.flag.ug{background-position:-64px -165px}
.flag.um{background-position:-64px -176px}
.flag.us{background-position:-64px -187px}
.flag.uy{background-position:-64px -198px}
.flag.uz{background-position:-64px -209px}
.flag.va{background-position:-64px -220px}
.flag.vc{background-position:-64px -231px}
.flag.ve{background-position:-64px -242px}
.flag.vg{background-position:-64px -253px}
.flag.vi{background-position:-64px -264px}
.flag.vn{background-position:-64px -275px}
.flag.vu{background-position:-64px -286px}
.flag.wales{background-position:-64px -297px}
.flag.wf{background-position:-64px -308px}
.flag.ws{background-position:-64px -319px}
.flag.ye{background-position:-64px -330px}
.flag.yt{background-position:-64px -341px}
.flag.za{background-position:-64px -352px}
.flag.zm{background-position:-64px -363px}
.flag.zw{background-position:-64px -374px}

/* CSS Spritesheets for icons & region map */
.category-icon {
  background:url("images/category-icons-36.png") no-repeat;
  width:36px;
  height:36px;
  display:block;
  margin:auto;
}
.category-utilities {background-position: 0 0;}
.category-utilities:hover, .category-utilities:active {background-position: -36px 0;}
.category-buildings {background-position: 0 -36px;}
.category-buildings:hover, .category-buildings:active {background-position: -36px -36px;}
.category-geothermal {background-position: 0 -72px;}
.category-geothermal:hover, .category-geothermal:active {background-position: -36px -72px;}
.category-hydrogen {background-position: 0 -108px;}
.category-hydrogen:hover, .category-hydrogen:active {background-position: -36px -108px;}
.category-smartgrid {background-position: 0 -144px;}
.category-smartgrid:hover, .category-smartgrid:active {background-position: -36px -144px;}
.category-solar {background-position: 0 -180px;}
.category-solar:hover, .category-solar:active {background-position: -36px -180px;}
.category-water {background-position: 0 -216px;}
.category-water:hover, .category-water:active {background-position: -36px -216px;}
.category-wind {background-position: 0 -252px;}
.category-wind:hover, .category-wind:active {background-position: -36px -252px;}
.category-biomass {background-position: 0 -288px;}
.category-biomass:hover, .category-biomass:active {background-position: -36px -288px;}

.browsebyregion>a {
  position:relative;
  background:url("images/region-map.png") no-repeat;
  width:180px;
  height:100px;
  display:block;
  /*background-position: 0 0;*/
}
.browsebyregion>a:before {
  content:'';
  position:absolute;
  width:100%; height:100%;
  top:0; left:0;
  background:rgba(0,0,0,0.6);
  opacity:0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.browsebyregion>a:after {
  content:'Go to Region Map';
  color:white;
  position:absolute;
  top:34px;
  left:24px;
  background:#009499;
  border:1px solid #008286;
  padding:6px 12px;
  border-radius:4px;
  opacity:0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.browsebyregion>a:hover:before,.browsebyregion>a:hover:after {
  opacity:1;
}
/*.browsebyregion>a:hover, .browsebyregion>a:active {background-position: -180px 0;}*/

span.checkboxSpan {
width: 200px;
display: block;
float: left;
}

/*--------- Customizable blocks from frontpage for sitewide usage ----------*/
/*--------- Future: implement basic responsive design sitewide for block-v1, similar to frontpage ----------*/
.block-v1.minheight {
  height: auto;
  /* overflow visible required to not clip bottom shadow for tall items */
  overflow: visible;
}
.block-v1.minheight .inner {
  min-height: inherit;
  max-height: inherit;
}
.block-v1.quarterheight {
  height: 88px;
}
.block-v1.quarterheight .inner {
  min-height: 88px;
}
.block-v1.thirdheight {
  height: 117px;
}
.block-v1.thirdheight .inner {
  min-height: 117px;
}
.block-v1.halfheight {
  height: 176px;
}
.block-v1.halfheight .inner {
  min-height: 176px;
}
.block-v1.doubleheight {
  height: 704px;
}
.block-v1.doubleheight .inner {
  min-height: 704px;
}
.block-v1.doublewide {
  width: 654px; /* 314 * 2 + 26px */
}
.block-v1 {
  float: left;
  width: 314px;
  height: 352px;
  padding: 0 13px;
  overflow: hidden;
}
.block-v1 .inner {
  max-height: 320px;
  min-height: 320px;
  overflow: hidden;
}

/* variant of colorful.css in community section */
.block-v1 h2 {
  font-family: "Oxygen", "Lucida Grande", Verdana, sans-serif;
  background-color: transparent;
  color: #323232;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2em;
  margin: 0 0 5px 0;
  padding: 3px 8px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-bottom: 1px solid #CCC;
}

.block-v1 {
  margin: 0;
}

.block-v1 .inner {
  border: none;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  margin: 5px 13px 0 5px;
  padding: 12px 16px;
  background-color: #fff;
  /* colorful variant
  url(../images/bg-box-orange.png) 0px 0px no-repeat;
  */
}

.block-v1.nobg .inner {
  background-color: transparent;
}

.block-v1.box .inner {
  -moz-box-shadow: 0px 0px 9px #cbc6c1;
  -webkit-box-shadow: 0px 0px 9px #cbc6c1;
  box-shadow: 0px 0px 9px #cbc6c1;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#666666')";
  /* IE5.5 - IE7 */
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666',direction='120',strength='3');
}
.block-v1.nobox .inner {
  padding-left: 0;
}

.block-v1 .inner .content {
  padding: 3px 0 0 7px;
}

.block-v1.custom-flite-widget .inner {
  position: relative;
}

.block-v1.custom-flite-widget .content {
  position: absolute;
  top: 9px;
  z-index: 1;
  left: 0;
}

/* position h2 on top of widget title; need to KEEP title in widget for external sites */
.block-v1.custom-flite-widget h2 {
  position: absolute;
  background-color: #FFF;
  width: 16em;
  z-index: 10;
  border-bottom: 0;
}

/* (re-)create gradients at http://gradients.glrzad.com/ */
.bg-grey .inner {
background-image: linear-gradient(right bottom, #DBDBDB 0%, #F7F7F7 27%, #FFFFFF 65%);
background-image: -o-linear-gradient(right bottom, #DBDBDB 0%, #F7F7F7 27%, #FFFFFF 65%);
background-image: -moz-linear-gradient(right bottom, #DBDBDB 0%, #F7F7F7 27%, #FFFFFF 65%);
background-image: -webkit-linear-gradient(right bottom, #DBDBDB 0%, #F7F7F7 27%, #FFFFFF 65%);
background-image: -ms-linear-gradient(right bottom, #DBDBDB 0%, #F7F7F7 27%, #FFFFFF 65%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0, #DBDBDB),
	color-stop(0.27, #F7F7F7),
	color-stop(0.65, #FFFFFF)
);
}

.bg-orange .inner {
background-image: linear-gradient(right bottom, #F5DE79 0%, #FFFCF0 27%, #FFFFFF 65%);
background-image: -o-linear-gradient(right bottom, #F5DE79 0%, #FFFCF0 27%, #FFFFFF 65%);
background-image: -moz-linear-gradient(right bottom, #F5DE79 0%, #FFFCF0 27%, #FFFFFF 65%);
background-image: -webkit-linear-gradient(right bottom, #F5DE79 0%, #FFFCF0 27%, #FFFFFF 65%);
background-image: -ms-linear-gradient(right bottom, #F5DE79 0%, #FFFCF0 27%, #FFFFFF 65%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0, #F5DE79),
	color-stop(0.27, #FFFCF0),
	color-stop(0.65, #FFFFFF)
);
}

.bg-pink .inner {
background-image: linear-gradient(right bottom, #FFDBEC 0%, #FAF5F7 27%, #FFFFFF 65%);
background-image: -o-linear-gradient(right bottom, #FFDBEC 0%, #FAF5F7 27%, #FFFFFF 65%);
background-image: -moz-linear-gradient(right bottom, #FFDBEC 0%, #FAF5F7 27%, #FFFFFF 65%);
background-image: -webkit-linear-gradient(right bottom, #FFDBEC 0%, #FAF5F7 27%, #FFFFFF 65%);
background-image: -ms-linear-gradient(right bottom, #FFDBEC 0%, #FAF5F7 27%, #FFFFFF 65%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0, #FFDBEC),
	color-stop(0.27, #FAF5F7),
	color-stop(0.65, #FFFFFF)
);
}

.bg-green .inner {
background-image: linear-gradient(right bottom, #DBFFE3 0%, #F7FAF8 27%, #FFFFFF 65%);
background-image: -o-linear-gradient(right bottom, #DBFFE3 0%, #F7FAF8 27%, #FFFFFF 65%);
background-image: -moz-linear-gradient(right bottom, #DBFFE3 0%, #F7FAF8 27%, #FFFFFF 65%);
background-image: -webkit-linear-gradient(right bottom, #DBFFE3 0%, #F7FAF8 27%, #FFFFFF 65%);
background-image: -ms-linear-gradient(right bottom, #DBFFE3 0%, #F7FAF8 27%, #FFFFFF 65%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0, #DBFFE3),
	color-stop(0.27, #F7FAF8),
	color-stop(0.65, #FFFFFF)
);
}

.bg-red .inner {
background-image: linear-gradient(right bottom, #FFDBDB 0%, #FAF7F7 27%, #FFFFFF 65%);
background-image: -o-linear-gradient(right bottom, #FFDBDB 0%, #FAF7F7 27%, #FFFFFF 65%);
background-image: -moz-linear-gradient(right bottom, #FFDBDB 0%, #FAF7F7 27%, #FFFFFF 65%);
background-image: -webkit-linear-gradient(right bottom, #FFDBDB 0%, #FAF7F7 27%, #FFFFFF 65%);
background-image: -ms-linear-gradient(right bottom, #FFDBDB 0%, #FAF7F7 27%, #FFFFFF 65%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0, #FFDBDB),
	color-stop(0.27, #FAF7F7),
	color-stop(0.65, #FFFFFF)
);
}

.bg-purple .inner {
background-image: linear-gradient(right bottom, #E6DBFF 0%, #F8F7FA 27%, #FFFFFF 65%);
background-image: -o-linear-gradient(right bottom, #E6DBFF 0%, #F8F7FA 27%, #FFFFFF 65%);
background-image: -moz-linear-gradient(right bottom, #E6DBFF 0%, #F8F7FA 27%, #FFFFFF 65%);
background-image: -webkit-linear-gradient(right bottom, #E6DBFF 0%, #F8F7FA 27%, #FFFFFF 65%);
background-image: -ms-linear-gradient(right bottom, #E6DBFF 0%, #F8F7FA 27%, #FFFFFF 65%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0, #E6DBFF),
	color-stop(0.27, #F8F7FA),
	color-stop(0.65, #FFFFFF)
);
}

.bg-purple-grey .inner {
background-image: linear-gradient(right bottom, #DED9EB 0%, #F5F5F5 27%, #FFFFFF 65%);
background-image: -o-linear-gradient(right bottom, #DED9EB 0%, #F5F5F5 27%, #FFFFFF 65%);
background-image: -moz-linear-gradient(right bottom, #DED9EB 0%, #F5F5F5 27%, #FFFFFF 65%);
background-image: -webkit-linear-gradient(right bottom, #DED9EB 0%, #F5F5F5 27%, #FFFFFF 65%);
background-image: -ms-linear-gradient(right bottom, #DED9EB 0%, #F5F5F5 27%, #FFFFFF 65%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0, #DED9EB),
	color-stop(0.27, #F5F5F5),
	color-stop(0.65, #FFFFFF)
);
}
.ui-icon {
  display: block;
}