@charset "utf-8";
/*
EWEA.ORG MASTER CSS
Author:       Jason Bickley
Title:        Web Manager
Last edit:    24 June 2015
*/

/* RESET & BASICS
=======================================================*/
@import url("normalize.css");
@import url("default_typo3.css");

/* Replacement of the link above */
.news-list-container img {
    float: right;
    margin: 0 2px 5px 5px;
    border: none;
}
.news-list-container HR.clearer {
    clear: right;
    height: 1px;
    border: none;
    padding: 0;
    margin: 0;
}
.news-list-morelink {
    padding-left: 5px;
}


/* -------------------------------------------------------------------------------------------------------------------*/
*,body {padding: 0; margin: 0;}
body {font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif; font-size: small;}
h2 {font-family: "Franklin Gothic", "Franklin Gothic Book", Arial, Helvetica, sans-serif;}
a {text-decoration: none; color: #005596;}
a:hover {text-decoration: underline;}
img {border: 0;}
li {list-style: none;}
.clear {clear: both;}
.date  {color: #666; margin-right: 5px}
blockquote {color: #005596; background: url(../images/common/blockquote.png) 0 15px no-repeat; padding: 10px 0 10px 40px; font-style: italic; min-height: 30px;}
.center {text-align: center;}
.button {border: 2px solid #d8ecf8; border-radius: 5px; padding: 5px 10px 5px 10px; color: #005596; background: #79bde8; text-decoration: none; font-size: 14px;}
.button:hover {background: #005596; color: #fff; text-decoration: none;}
.button.alignright {float: right; margin: 0 0 0 1em;}
.button.alignleft {float: left; margin: 0 1em 0 0;}
.bigger {font-size: 120%; margin: 2em auto; padding: 1em 2em 1em 2em; display: block; width: 40%}
a.more:after {content: "  »";}
.contenttable td {vertical-align: top;}
.noshadow {box-shadow: none !important;}


/* HIDE
=======================================================*/
hr, #skip {display: none;}
.divider hr, hr.show {clear: both; display: block; margin: 1em 0 3em 0; border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0, 85, 150,0), rgba(0, 85, 150,0.75), rgba(0, 85, 150,0)); background-image: -moz-linear-gradient(left, rgba(0, 85, 150,0), rgba(0, 85, 150,0.75), rgba(0, 85, 150,0)); background-image: -ms-linear-gradient(left, rgba(0, 85, 150,0), rgba(0, 85, 150,0.75), rgba(0, 85, 150,0)); background-image: -o-linear-gradient(left, rgba(0, 85, 150,0), rgba(0, 85, 150,0.75), rgba(0, 85, 150,0));}
#page_91 #subnavi, #page_234 #subnavi {display: none;}
#logo br {display: none;}
#full-logo {display: none;}
 /* #page_1 .tx-cal-controller {visibility: hidden;}Hidden on 22 January 2014 as there were no other events - JB */


/* PAGE STRUCTURE
=======================================================*/
body {background: #005596 url(../images/common/body_bkgrd.jpg) 0 0 repeat-x;}
#outer {width: 1020px; margin: 0 auto; background: url(../images/common/content_bkgrd2.png) 50% 0 repeat-y;}
#inner {width: 1000px; margin: 0 auto; background: #fff;}


/* HEADER
=======================================================*/
#header {position: relative; height: 375px;}
#logo {width: 170px; height: 35px; position: absolute; top: 15px; left: 15px;}
#logo a {overflow: hidden; display: block; width: 170px; height: 35px; text-indent: -9999px; background: url(../images/common/logo_ewea.gif) 0 0 no-repeat;}
#breadcrumbs {position: absolute; top: 85px; left: 20px; width: 645px; background: #d8ecf8; padding: 0 0 0 5px;}
#breadcrumbs h4 {font-size: 10px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
#breadcrumbs span {padding: 0 0 0 .5em;}
#search {z-index: 10;}
#search #input_search  {position: absolute; top: 85px; left: 700px; width: 195px; display: inline-block; height: 18px; line-height: 18px; border: 1px solid #005596; background: url(../images/common/input_bkgrd.png) 0 0 no-repeat;}
#search #submit_search {position: absolute; top: 83px; left: 905px; width: 75px; display: inline-block; height: 24px; line-height: 20px;}
#featured {position: absolute; top: 120px; right: 20px; width: 270px; height: 220px; border: 5px solid #d8ecf8; background: #d8ecf8;}


/* MAINBANNER
=======================================================*/
#mainbanner {position: absolute; top: 120px; left: 20px; width: 640px; height: 220px; border: 5px solid #d8ecf8;}
#mainbanner h2 {display: none;}
/*#mainbanner_content {width: 640px; height: 220px; position: relative;}
#mainbanner_content a {display: block; width: 640px; height: 220px;}
#mainbanner_content img {width: 640px; height: 220px; position: absolute; top: 0; left: 0; z-index: 1;}
#mainbanner_content .mainbanner_title {width: 205px; height: 200px; position: absolute; top: 0; right: 0; z-index: 5; background: url(../images/common/blue_trans.png) 0 0 repeat; color: #fff; padding: 10px 5px 10px 10px; text-shadow: 2px 2px 2px #005596; font-size: 20px;}*/
.lof-title .mainbanner_more {display: block; margin: 20px 0 0 0; font-size: 13px;}
#mainbanner_content .mainbanner_title:hover {text-decoration: underline; cursor: pointer;}
.mainbanner_title {font-weight: normal;}


/* NAVIGATION
=======================================================*/
#navigation {position: absolute; top: 18px; left: 200px;}
#navigation li {display: inline-block; float: left; margin: 0 2px 0 0;height:16px; position: relative}
#navigation a  { display: inline-block; padding: 3px 8px; font-size: 13px; height:16px;}
#navigation li.active a {background: #005596; -webkit-border-radius: 7px; border-radius: 7px; height: 16px; color: #fff; text-decoration: none;}
#navigation a:hover {background: #005596; -webkit-border-radius: 7px; border-radius: 7px; color: #fff; text-decoration: none; height: 16px;}
#navigation li.events {margin: 0 10px 0 10px;}
#navigation li.events a {background: #78a22f;-webkit-border-radius: 7px; border-radius: 7px; height: 16px; color: #fff;}
#navigation li.membership a {background: #9b1323;-webkit-border-radius: 7px; border-radius: 7px; height: 16px; color: #fff;}
#navigation li.events a:hover {background: #95af57;}
#navigation li.membership a:hover {background: #af2b3a;}
#navigation li.events.active a:hover {background: #78a22f;}
#navigation li.membership.active a:hover {background: #a43137;}


/* MEMBERS' LOGIN
=======================================================*/
#login {width: 185px; margin: 15px auto 0 auto;}
#login h2 a {color: #fff; font-size: 16px;}
#page_140 #member_logged_in {background-color: #F3F9FD; border: 5px solid #D8ECF8; height: auto; margin: 0 0 15px; padding: 15px 0 15px 15px;}
#page_140 .member_logged_in_as {padding: 0 0 1em 0;}
#page_140 .member_logged_in_mail {font-weight: bold;}
#page_140 .submit.button {width: 200px; font-weight: bold; height: 40px; margin: 20px;}
#page_140 .member_back {text-align: left; font-weight: bold; font-size: 150%; margin: 20px;}


/* CONTENT HOME
=======================================================*/
#reports h2, #statistics h2, #wefacts h2, #events h2 {font-size: 16px; padding: 5px 0 10px 0; border-top: 5px solid #d8ecf8;}
.itembox .date {color: #888; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.itembox .moretxt {clear: left; margin: 15px 0 0 0;}
.itembox .moretxt a {clear: left; margin: 15px 0 0 5px;}
.itembox a:hover {text-decoration: underline;}

#reports {width: 300px; height: 230px; float: left; margin: 0 30px 0 0;}
#reports img {/*width: 90px; height: 130px;*/ float: left; margin: 0 10px 10px 0; border: 1px solid #d8ecf8; box-shadow: 2px 2px 2px #d8ecf8;}
#reports .title {margin: 0;}
#reports .title strong a {font-size: 14px; font-family: "Franklin Gothic",helvetica,arial,sans-serif; font-weight: normal;}
#reports .date  {margin: 5px 0 0 0;}
#reports .details {margin: 5px 5px 0 102px;}

#statistics {width: 280px; height: 230px; float: left;}
#statistics img {display: block; width: 270px; height: 125px; border: 5px solid #d8ecf8;}

#wefacts {width: 300px; min-height: 230px; float: left; margin: 0 30px 0 0;}
#wefacts .csc-textpic img {display: block; width: 290px; height: 100px; border: 5px solid #d8ecf8;}
#wefacts .bx-window {min-height: 200px;}

#events {width: 280px; min-height: 230px; float: left;}
#events .title {margin: 0 0 1em 0; font-size: 14px;}
#events .date {margin: 0; font-size: small; display: block;}
#events_container a strong {font-family: "Franklin Gothic",helvetica,arial,sans-serif; font-weight: normal;}

#social {width: 300px; height: 40px; float: left; border-top: 5px solid #d8ecf8; padding: 10px 0 0 0; margin: 20px 0 0 0;}
#social a {display: inline-block; float: left; width: 15px; height: 15px; margin: 0 15px 0 0; text-indent: -9999px; background: #00F;}

#dogear {position: absolute; top: 0; left: 0; z-index: 99999;}

/* CONTENT OUR ACTIVITIES
=======================================================*/
.page_column {float: left; width: 210px; min-height: 500px; margin: 0 39px 0 0; padding: 10px 0 0 0;}
.page_column h2 {font-size: 16px; padding: 5px 0 0 0; border-top: 5px solid #d8ecf8;}
.page_column .csc-header-n1 h2 a {display: block; padding: 0 0 110px 0;}
.page_column .csc-header-n1 h2 a:hover {text-decoration: none;}
.page_column .csc-header-n2 h2{font-size: 14px; padding: 5px 0 10px 0; border-top: 3px solid #d8ecf8; margin: 1.5em 0 0 0;}
#col_policy {margin-left: 20px;}
#col_campaigns {margin-right: 0;}
#col_charities h2 {margin-top: 2em;}


/* CONTENT PRESS ROOM
=======================================================*/
#col_pr li, #col_blog li {border-bottom: 1px dotted #fff; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0;}
#col_pr h2, #col_blog h2, #col_articles h2, #col_presscontact h2 {font-size: 16px;}
#col_pr {width: 270px; margin: 0 30px 0 20px; float: left; background: #d8ecf8; padding: 10px 20px 20px; min-height: 280px;}
#col_blog {width: 270px; margin: 0 0 0 0; float: left; background: #d8ecf8; padding: 10px 20px 20px; min-height: 280px;}
#col_blog .more:after {content: "";}
#col_pr .moretxt,
#col_blog .moretxt {padding: 10px 0 0 0;}
#col_pr .tab a, #col_blog .tab a {background: #d8ecf8; display: inline-block; font-size: 16px; padding: 3px 6px 10px 0px;}
#col_pr .panel, #col_blog .panel {background: #d8ecf8;}
#col_articles {width: 280px; margin: 0 20px 0 0; float: right;}
#col_articles h2, #col_presscontact h2 {padding: 5px 0 10px 0; border-top: 5px solid #d8ecf8; color: #005596;}
#col_articles li {margin: 0 0 .5em 0; padding: 0 0 .5em 0; border-bottom: 1px dotted #d8ecf8;}
.press-contact {background: url(../images/press_room/Oliver_Joy.jpg) 110% 0 no-repeat;}
.press-contact .details {width: 200px; padding: 0 0 1em 0;}
#col_presscontact .details, #col_presscontact .contact {padding: 1em 0 0 0;}
#photos h2, #videos h2, #agenda h2 {padding: 5px 0 10px 0; border-top: 5px solid #d8ecf8; color: #005596; font-size: 16px;}
#photos .thumbnail_panel h2 a, #photos .thumbnail_panel .moretxt a {height: auto; margin: 0}
#photos {float: left; width: 320px; margin: 20px 20px 0 20px;}
#photos .flickrImages li {float: left}
.flickrImages {max-height: 280px; overflow: hidden;}
.flickrImages a {display: inline-block; height: 60px; margin: 0 0 10px 0;}
.flickrImages a.last {margin: 0;}
#photos .moretxt {clear: left}
#videos {float: left; width: 300px; margin: 20px 20px 0 0;}
#videos .thumbnail_panel div {float: left; margin-right: 10px}
#videos .thumbnail_panel div h3{font-size: 12px; color: #005596; width: 140px}
#videos .thumbnail_panel a {display: inline-block; width: 140px; height: 100px; background: #0F0; margin: 0 10px 10px 0;}
#videos .thumbnail_panel a.last {margin: 0;}
#videos p.moretxt {clear: left; padding-top: 5px}
#agenda {float: left; width: 300px; margin: 20px 20px 0 0;}
#col_content .news-amenu-container   {width: 300px;}
#col_content .news-amenu-container li {list-style: none;}
#col_content .news-amenu-item-year {margin: 1.5em 0 0 0;}


/* CONTENT LIBRARY
=======================================================*/
.item_container {margin: 10px 0 0 20px;}
.item {width: 220px; min-height: 280px; float: left; margin: 0 25px 0 0; padding: 0 0 0 0;}
.item h2 {}
.item h2 a {display: block; padding: 100px 0 0 0; background: url(../images/library/graphic.gif) 0 0 no-repeat;}
.item h2 span {display: block; border-top: 5px solid #d8ecf8; color:#005596; padding: 5px 0 1em 0;}
.item h2 a:hover {text-decoration: none;}
.item h2 span:hover {text-decoration: underline; cursor: pointer;}

.item .detail {padding: 0 0 1em 0;}
.item.publications h2 a {background-image: url(../images/library/publications.gif);}
.item.statistics h2 a {background-image: url(../images/library/stats.gif);}
.item.photos h2 a {background-image: url(../images/library/photos.gif);}
.item.videos h2 a {background-image: url(../images/library/graphic.gif);}
.item.webasics h2 a {background-image: url(../images/library/graphic.gif);}
.item.logos h2 a {background-image: url(../images/library/graphic.gif);}
.item.gadgets h2 a {background-image: url(../images/library/graphic.gif);}
.item.spare h2 a {background-image: url(../images/library/graphic.gif);}


/* CONTENT EVENTS
=======================================================*/.template_8 #header, .template_9 #header {height: 340px;}
.template_8 #content h2, .template_9 #content h2   {color: #83a13a; font-size: 18px; padding: 5px 0 0 0; border-top: 5px solid #e6ecd8; font-weight: normal;}
.template_8 #content h2 a, .template_9 #content h2 a  {display: block; padding: 0 0 110px 0;}
.template_8 #content h2 a:hover, .template_9 #content h2 a:hover {text-decoration: none;}

#eventsheader  {position: absolute; top: 120px; left: 20px; width: 960px; height: 200px; overflow: hidden;}
.header-item a {display: block;}
.header-item a:hover {opacity: .8;}
.header-item.item-1 a {width: 478px; height: 200px; float: left; background: url(../images/events/header_item_1.jpg) 0 0 no-repeat; margin: 0 3px 0 0;}
.header-item.item-2 a {width: 248px; height: 200px; float: left; background: url(../images/events/header_item_2.jpg) 0 0 no-repeat; margin: 0 3px 0 0;}
.header-item.item-3 a {width: 228px; height: 200px; float: left; background: url(../images/events/header_item_3.jpg) 0 0 no-repeat;}
.template_8 .item, .template_9 .item {min-height: 220px; padding: 0 0 2em 0;}
.template_8 #eventnews.item, .template_9 #eventnews.item {width: 458px; margin: 0 23px 0 20px;}
.template_8 #eventnews.item li, .template_9 #eventnews.item li {margin: 0 0 .5em 0;}
.template_8 #eventlist.item, .template_9 #eventlist.item {width: 228px; margin: 0 23px 0 0;}
.template_8 #workshoplist.item, .template_9 #workshoplist.item {width: 228px; margin: 0;}
.template_8 #eventphotos.item, .template_9 #eventphotos.item {width: 458px; margin: 0 23px 0 20px;}
.template_8 #eventabout.item, .template_9 #eventabout.item {width: 480px; margin: 0 0 0 0; background: #f2f5eb; border-radius: 10px 10px 10px 10px; padding: 0;}
.template_8 #eventabout.item .inner, .template_9 #eventabout.item .inner {width: auto; margin: 8px; padding: 15px 15px 5px 15px; min-height: 190px; background: #e6ecd8; border-radius: 8px 8px 8px 8px;}
.template_8 #eventabout.item h2 em, .template_9 #eventabout.item h2 em {display: block;}
.template_8 #eventabout.item h2, .template_9 #eventabout.item h2 {border-top: none; border-bottom: 1px #fff solid; margin: 0 0 .5em 0; padding: 0 0 .5em 0;}
.template_8 #eventabout.item p, .template_9 #eventabout.item p  {padding: 0 0 1em 0;}
.template_8 #eventpast.item, .template_9 #eventpast.item {min-height: 1em; border-top: 5px solid #e6ecd8; margin: 0; padding: 0 0 1em 0; width: 490px;}
.template_8 #eventpast.item li, .template_9 #eventpast.item li {/*display: inline-block; float: left;*/ margin: 0 20px 0 0; font-weight: bold;}
/*.template_8 .item.list a {font-weight: bold;}*/
.template_8 .item.list span, .template_9 .item.list span {display: block; padding-bottom: .5em;}
.template_8 .item ul, .template_9 .item ul {padding: 1em 0 0 0;}
.flickrImages li {float: left; margin: 0 10px 0 0;}
.flickrImages li a img{width: 90px;}
.template_8 #eventphotos h2 a, .template_9 #eventphotos h2 a {padding:0; background: none;}
.template_8 .moretxt, .template_9 .moretxt {clear: left}
#event-gallery {width: 460px;}
.event-gallery-item {width: 100px; height: 175px; float: left; margin: 0 19px 0 0;}
.event-gallery-item:nth-child(4),
.event-gallery-item:nth-child(8) {margin: 0 0 0 0;}
.event-gallery-item img {padding: 5px; border: 1px solid #ccc; box-shadow: 3px 3px 3px #ddd;}
.event-gallery-item img:hover {background: #efefff;}
.event-gallery-item .event-gallery-title {font-weight: bold; font-size: 12px; display: block; padding: 3px 0; line-height: 14px;}
.event-gallery-item .event-gallery-more {font-size: 10px; line-height: 14px;}
#page_3 .event-gallery-item {margin: 0 5px 0 0;}


/* EXHIBITOR LIST
=================================================================*/
#exhibitor-list   {width: 100%;}
#exhibitor-list a {display: inline-block; padding: 0 0 0 25px; line-height: 1.5em;}
#exhibitor-list .Yes {background: url(/fileadmin/globalnav/EWEA.png) 0 50% no-repeat;}


/*  Template 9 addition
=======================================================*/
.template_9 #eventabout.item {width: 960px; margin: 0 0 20px 20px; background: #f2f5eb; border-radius: 10px 10px 10px 10px; padding: 0; min-height: auto;}
.template_9 #eventabout.item .inner {width: auto; margin: 8px; padding: 15px 15px 5px 15px; background: #e6ecd8; border-radius: 8px 8px 8px 8px;}
.template_9 #eventabout.item h2 {border-top: none; border-bottom: 1px #fff solid; margin: 0 0 .5em 0; padding: 0 0 .5em 0;}
.template_9 #eventabout.item h2 em {display: block;}
.template_9 #eventabout.item p  {padding: 0 0 1em 0;}
.template_9 #eventpast.item {min-height: 1em; border-top: 5px solid #e6ecd8; margin: 0; padding: 0 0 1em 0; width: 472px; margin-right: 23px; margin-top: 25px}
.template_9 #eventpast.item li {/* display: inline-block;float: left;*/ margin: 0 20px 0 0; font-weight: bold;}
.template_9 .item.list span {display: block; padding-bottom: .5em;}
.template_9 .item ul {padding: 1em 0 0 0;}
.flickrImages li {float: left; margin: 0 10px 0 0;}
.template_9 #eventphotos h2 a {padding:0; background: none;}
.template_9 .moretxt {clear: left; padding: 10px 0 0 0;}
.template_9 #wrap {float: right; width: 496px}
.template_9 #wrap #inner_events .inner_events_item{width: 225px; float: left; margin-right: 23px}


/* SUB PAGES
=======================================================*/
.subpage {}
.subpage #header {height: 275px;}
.subpage #mainbanner {height: 120px;}
.subpage #mainbanner img {width: 640px; height: 120px;}
.subpage #featured {height: 120px;}
#col_content {width: 650px; min-height: 500px; margin: 0 0 0 20px; padding: 0 0 120px 0; float: left; position: relative;}
#col_content table {border-collapse: collapse; border: 1px solid #79bde8; margin: 0 0 2em 0;}
#col_content td {border-collapse: collapse; border: 1px solid #79bde8; padding: 5px 10px;}
#col_content td p {margin: 0; padding: 0;}
#col_subcontent {width: 280px; min-height: 500px; margin: 0 20px 0 0; padding: 0 0 0 0; float: right;}
#subnavi    {padding: 0 0 30px 0;}
#subnavi ul {width: 280px; border-top: 10px solid #d8ecf8; background: url(../images/common/subnavi_bottom.png) 0 100% no-repeat; padding: 0 0 17px 0;}
#subnavi ul ul{background: none; padding: 0; border-top: 0;}
#subnavi ul ul li a{background-color: #7CA6C5; font-size: 13px}
#subnavi ul ul li a span, #subnavi ul ul li a.active span{border: none; padding-left: 35px}
#subnavi li {background: #9cbad0;}
#subnavi li.current {background: #7ca6c5;}
#subnavi a  {display: block; width: 280px; color: #fff; text-shadow: 1px 1px 1px #4c7da9; font-size: 15px; background: url(../images/common/subnavi_shadow.png) 0 50% repeat-y;}
#subnavi span {display: block; padding: 0 0 0 20px; line-height: 2em; border-top: 1px solid #a6c4da; border-bottom: 1px solid #59aaca;}
#subnavi a.active span{border: none;}
#subnavi a:hover {text-decoration: none; background-color: #b0c8d9;}
#subnavi a.active {background-color: #7ca6c5;}
#subnavi a.current span  {background: url(../images/common/subnavi_pointer.png) -3px 50% no-repeat; border-top: 1px solid #4c7da9; border-bottom: 1px solid #7ca6c5;}
#subnavi a.current span  {background: url(../images/common/subnavi_pointer.png) -3px 50% no-repeat; border-top: 1px solid #4c7da9; border-bottom: 1px solid #7ca6c5;}
#subnavi ul ul a.current span{border: none;}
.subitem {padding: 0 0 30px 0;}
.subitem h3 {border-top: 3px solid #d8ecf8; color:#005596; padding: 5px 0 20px 0;}
.subitem h4 {padding: 0 0 10px 0;}
.subitem ul {padding: 10px 0 0 0;}
.subitem li {padding: 0 0 5px 0;}
.subitem p  {font-size: 13px;}
.subitem img {box-shadow: 1px 3px 5px #79BDE8;}
#col_content .csc-textpic-image table,
#col_content .csc-textpic-image td {border: 0;}
#col_content .csc-textpic-caption {padding: 4px 10px 0 10px; font-style: italic; font-size: 80%; line-height: 100%;}
.doc, .filelinks .doc,
.docx, .filelinks .docx {padding: 0 0 0 20px; background: url(../images/common/icons/doc.gif) 0 0 no-repeat;}
.pdf, .filelinks .pdf {padding: 0 0 0 20px; background: url(../images/common/icons/pdf.gif) 0 0 no-repeat;}
.ppt, .filelinks .ppt,
.pptx, .filelinks .pptx {padding: 0 0 0 20px; background: url(../images/common/icons/ppt.gif) 0 0 no-repeat;}
.xls, .filelinks .xls,
.xlsx, .filelinks .xlsx {padding: 0 0 0 20px; background: url(../images/common/icons/xls.gif) 0 0 no-repeat;}
.ibook, .filelinks .ibook {padding: 0 0 0 20px; background: url(../images/common/icons/ibook.gif) 0 0 no-repeat;}

/* ShareLinks style
======================================================*/
#col_content .social-share   {clear: both; width: 100%; background: url(/fileadmin/templates/fluid/images/common/social_bkgrd.png) 0 0 repeat-x; padding: 20px 0 35px 0; margin: 20px 0 0 0; position: absolute; bottom: 0;}
#col_content .social-share p {display: inline; font-size: 11px; color: #005596; padding: 3px 10px 3px 400px;}
a.style06          {background: url("/fileadmin/templates/fluid/images/common/social_icons.png") no-repeat 0 0; overflow: hidden; display: inline-block; height: 22px; text-indent: -9999px; width: 22px; margin: 0 10px 0 0;}
a.style06.twitter  {background-position: -44px 0;}
a.style06.facebook {background-position: -22px 0;}
a.style06.linkedin {background-position: -66px 0;}
a.style06.google   {background-position: -88px 0;}


/* MEMBERS DIRECTORY
=======================================================*/
#members_directory {height: 1750px;}


/* WIND BASICS & MEMBERSHIP TEMPLATE
 * =======================================================*/
.template_11 #col_content {width: 680px}
.template_11 #col_content .item h2 {font-size: 18px; border-bottom: none; margin: 0; padding: 0;}
.template_11 .item_container {margin: 0}
.template_11 .item {width: 310px; min-height: 250px; margin: 0 30px 0 0;}
.template_11 .item h2 a {padding: 0 0 100px 0;}
.template_11 .item .detail {font-size: 13px;}
.template_11 .item.directory h2 a {background-image: url(/fileadmin/images/membership/members-directory.gif);}
.template_11 .item.benefits h2 a {background-image: url(/fileadmin/images/membership/membership-benefits-services.gif);}
.template_11 .item.application h2 a {background-image: url(/fileadmin/images/membership/membership-application.gif);}
.template_11 .item.statistics h2 a {background-image: url(/fileadmin/images/membership/membership-statistics.gif);}
.template_11 .item.faqs h2 a {background-image: url(/fileadmin/images/membership/membership-faqs.gif);}
.template_11 .item.request h2 a {background-image: url(/fileadmin/images/membership/request-information.gif);}

#page_55 .item {width: 310px; min-height: 325px; margin: 0 30px 0 0;}
#page_55 .item h2 a {cursor: default; text-decoration: none;}
#page_55 .item h2 span {cursor: default; text-decoration: none;}
#page_55 .item.answers h2 a {background: url(/fileadmin/templates/fluid/images/library/hawtw_answers.png) 0 40px no-repeat;}
#page_55 .item.discover h2 a {background: url(/fileadmin/templates/fluid/images/library/hawtw_stories.png) 0 40px no-repeat;}
#page_55 .item.media h2 a {background: url(/fileadmin/templates/fluid/images/library/hawtw_media.png) 0 40px no-repeat;}
#page_55 .item.kids h2 a {background: url(/fileadmin/templates/fluid/images/library/hawtw_kids.png) 0 40px no-repeat;}

/* FOOTER
=======================================================*/
#footer {width: 1020px; margin: 0 auto; background: #005596 url(../images/common/footer_bkgrd.gif) 0 0 no-repeat;}
#footer_about {float: left; width: 360px; padding: 80px 20px 30px 30px; background: url(../images/common/footer_v-div.gif) 100% 80px no-repeat;}
#footer h2 a {display: block; color: #fff; font-size: 13px; padding: 0 0 1em 0;}
#footer .description {font-style: italic; font-size: 13px; color: #79bde8; padding: 0 0 1em 0;}
#footer .contactdetails {font-size: 12px; color: #fff;}
#footer .contactdetails a {color: #fff;}

#footer_navi {float: left; padding: 100px 0 0 20px;}
#footer_navi li {display: inline-block; float: left; padding: 0 10px;}
#footer_navi li a {color: #fff; font-weight: bold; font-size: 13px;}
#footer_navi li ul {padding: 10px 0 0 0;}
#footer_navi li li {display: block; float: none; padding: 0; line-height: 1.2em;}
#footer_navi li li a {color: #79bde8; font-weight: normal;}
#footer_navi li a:hover {text-decoration: underline;}

#footer address {margin: 20px 0 0 0; padding: 10px 0 10px 0; background: url(../images/common/footer_h-div.gif) 50% 0 no-repeat; color: #fff; color: #fff; font-style: normal; font-size: 13px; text-align: center;}
#footer address * {color: #fff; color: #fff; font-style: normal; font-size: 13px;}
#footer address span {padding: 0 0 0 10px;}


/* Slider arrows
=======================================================*/
.bx-pager {display: inline}
.bx-pager a {margin-right: 5px; display: inline-block; text-indent: -9999px; width: 9px; height: 14px; background: url(../images/common/coin_off.png) 0 4px no-repeat; color:transparent}
.bx-pager a.pager-active {background: url(../images/common/coin_on.png) 0 4px no-repeat;}

.bx-wrapper a.bx-prev img,
.bx-wrapper a.bx-next img,
#statistics .bx-wrapper a.bx-prev img,
#statistics .bx-wrapper a.bx-next img,
#reports .bx-wrapper a.bx-prev img,
#reports .bx-wrapper a.bx-next img {position: absolute; z-index: 99999; top: 57px; width: 21px; height: 21px; border: none; box-shadow: none; margin: 0;}
a.bx-next img {right: -5px;}
a.bx-prev img {left: -5px;}

#wefacts .bx-wrapper a.bx-prev img,
#wefacts .bx-wrapper a.bx-next img,
#events .bx-wrapper a.bx-prev img,
#events .bx-wrapper a.bx-next img {top: 47px;}
#events .bx-wrapper a.bx-prev img {left: -12px;}
#events .bx-wrapper a.bx-next img {right: -12px;}

#reports_container p.moretxt {display: inline;}
#page_1 #events .csc-textpic, #page_1 #events .csc-textpic-imagerow {overflow: visible;}
#reports_container .more:after {content: "";}


/* Divers modifs
=======================================================*/
.tx-cal-controller .title { background-image: none; padding: 0}


/* CONTENT MEMBERS' AREA
=======================================================*/
#page_21 .item.ewea {width: 220px; min-height: 165px; margin: -14px 0 0 0; float: left; padding-top: 130px; background: url(../images/members_area/iga.jpg) 50px 1px no-repeat;}
#page_21 .item.ewea .detail {display: none;}
#page_21 .item.ewea span:hover {text-decoration: none; cursor: default;}
#page_21 .item.ewea .contact {padding: 0;}
#page_21 .item.ewea .more {display: none;}
#page_21 .item.ewea .name {padding: 0 0 1em 0;}
#page_21 .item.social .more {display: none;}
.left_free_text     {background: none repeat scroll 0 0 #D8ECF8; margin: 0 20px 20px; padding: 10px;}
.left_free_text h2 {color: #005596; text-shadow: 1px 1px 1px #fff; margin: 0 0 5px 5px;}
.left_free_text li   {color: #005596; list-style: square outside none; margin: 0 0 2px 20px;}
.left_free_text a   {text-decoration: underline;}


/* SEARCH
=======================================================*/
#page_143 #col_content table {border: 0; margin: 0;}
#page_143 #col_content td {border: 0; padding: 0;}
.tx-indexedsearch-searchbox {width: 610px; background: #d8ecf8; padding: 10px 20px;}
.tx-indexedsearch form td {padding: 5px 10px 5px 0;}
.tx-indexedsearch form p  {margin: 0 0 0 75px;}
.tx-indexedsearch form .submit {height: 30px; font-size: 16px;}
#col_content .tx-indexedsearch-searchbox-sword {font-size: 24px; line-height: 30px; width: 400px; padding: 0 5px 0 5px;}
#col_content .tx-indexedsearch-rules h2 {border: 0; font-size: 18px; color:#000;}
.tx-indexedsearch-title a {font-size: 16px; font-weight: bold;}
.tx-indexedsearch-info {display: none;}
.tx-indexedsearch-percent {display:none;}
#col_content .tx-indexedsearch-redMarkup {color: #79bde8;}
.tx-indexedsearch-browsebox {padding: 10px 0 10px 0; color: #000;}
#col_content .tx-indexedsearch-whatis {display: none;}
.tx-indexedsearch-sw {color: #79bde8;}
.tx-indexedsearch-rules {display: none;}
.tx-indexedsearch-res {clear: left; padding: 20px 0 0 0;}
.tx-indexedsearch-res .tx-indexedsearch-res {padding: 5px 0 0 0; margin: -10px 0 0 0; border-top: 3px solid #D8ECF8;}
#col_content ul.browsebox {margin: 0; padding: 1em 0 0 0;}
#col_content ul.browsebox li {margin: 0 10px 0 0; padding: 0;}
.tx-indexedsearch-noresults {margin: 2em; font-size: 16px;}


/* NREAP
=======================================================*/
#col_content #NREAP {border: 1px solid #aaa; width: auto; background: #fff; margin: 20px 0 50px 0;}
#col_content #NREAP th {border-bottom: 1px solid #aaa; color: #fff; text-align: left; padding: 2px 4px; background: #005596 url(../images/common/icons/help.png) 95% 6px no-repeat;}
#col_content #NREAP th.country {background: #005596;}
#col_content #NREAP td {border-bottom: 1px dotted #eee; border-right: 1px dotted #eee; padding: 2px 4px; text-align: center;}
#col_content #NREAP tr:hover {background: #f4f4ff;}
#col_content #NREAP .Europe {background: #79bde8; color: #005596;}
#col_content #NREAP tr.Europe:hover {background: #79bde8;}
#col_content #NREAP .Europe td {font-weight: bold;}
#col_content #NREAP .country  {width: 105px;}
#col_content #NREAP .ewea     {width: 105px;}
#col_content #NREAP .target   {width: 105px;}
#col_content #NREAP .fulldoc  {width: 105px;}
#col_content #NREAP .fulldoc2 {width: 105px;}
#col_content #NREAP .comments {width: 105px;}
#col_content #NREAP .annex {width: 100px; border-right: none;}
#col_content #NREAP .last     {border-right: none;}
#col_content #NREAP p {text-align: center; padding: 0; margin: 0;}
#col_content #NREAP img {background: none; padding: 0; margin: 0; border: 0;}
#col_content #NREAP th p {font-size: 11px; font-weight: normal; line-height: 13px;  margin: 0; padding: 3px; text-align: left;}
#col_content #NREAP .first p {text-align: left; padding: 0; margin: 0;}


/* PRESS RELEASES & ARTICLES
=======================================================*/
#col_content .news-search-form {padding: 5px 10px 0 10px; background: #d8ecf8;}
#col_content .news-search-emptyMsg {padding: 5px 10px; background: #d8ecf8;}
#col_content .news-list-item h2 {font-size: 15px; border: 0; font-weight: bold; border: 0; font-weight: normal; margin: 0; padding: 0 0 0.5em 90px; line-height: 1.3em;}
#col_content .news-list-item p  {padding: 0 0 0 90px;}
#col_content .news-list-category {display: none;}
#col_content .news-list-item hr {display: block;}
#col_content .news-search-form input {font-size: 16px; line-height: 20px; height: 20px; padding: 0 5px; width: 400px;}
#col_content .news-search-form .news-search-form-submit input {font-size: 16px; height: 30px; padding: 0 5px; width: 80px; margin-left: 20px;}


/* SOCIAL FEED
=======================================================*/
#facebookfeed {margin: 0 20px 0 0;}
#twitterfeed, #facebookfeed {float: left; width: 300px;}


/* FAQ
=======================================================*/
.tx-irfaq-pi1 {padding: 0 0 20px 0;}


/* OFFSHORE ANIMATION
=======================================================*/
#offshoreFlash {height: 490px; margin: 0 0 1em 0;}


/* EVENT CALENDAR */
#page_116 .pagebrowser {display: none;}

/* Addition for the events logo slider on the homepage.
======================================================*/
#events .csc-textpic-imagecolumn .csc-textpic-image{text-align: center;}

/* Tip-a-friend form */
body#page_370 {
	padding: 10px;
}

body#page_370 font {
	font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;
}

body#page_370 input[type="submit"] {
	background: none repeat scroll 0px 0px #005596;
	border: 2px solid #fff;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 10px;
	text-decoration: none;
}

body#page_370 input[type="submit"]:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

body#page_370 input[type="text"],
body#page_370 textarea {
	width: 200px;
	box-sizing: border-box;
	border: 1px solid #005596;
	border-radius: 2px;
	padding: 2px;
	color: #005596;
	background: url('../images/common/input_bkgrd.png') no-repeat scroll 0px 0px #fff;
}

body#page_370 input[name="TIPFORM[captchaResponse]"] {
	display: block;
}

body#page_370 > table:first-of-type > tbody > tr:first-child,
body#page_370 > table:first-of-type > tbody > tr:last-child {
	background-color: initial;
}

body#page_370 > table:first-of-type > tbody > tr:first-child > td {
	background-color: #005596;
	padding: 10px;
	border-radius: 10px 10px 0 0;
}

body#page_370 > table:first-of-type > tbody > tr:first-child > td > font {
	font-size: 18px;
}

body#page_370 > table:first-of-type > tbody > tr:last-child > td {
	background-color: #005596;
	padding: 10px;
}

body#page_370 > table:first-of-type > tbody > tr:last-child > td:first-child {
	border-bottom-left-radius: 10px;
}

body#page_370 > table:first-of-type > tbody > tr:last-child > td:last-child {
	border-bottom-right-radius: 10px;
}

body#page_370 > table:first-of-type > tbody > tr[bgcolor="#cccccc"]:nth-child(n+3):hover {
	background-color: rgba(255, 255, 255, 0.9);
}

body#page_370 > table:first-of-type > tbody > tr > td[bgcolor="red"] {
	background-color: rgba(155, 19, 35, 0.8);
}

body#page_370 > table {
	margin: 0 auto;
}

body#page_370 td {
	padding: 5px 10px;
}

body#page_370 font[size="2"] {
	font-size: 14px;
}

body#page_370 font[size="1"] {
	font-size: 12px;
}

body#page_370 tr[bgcolor="#999999"] > td > font {
	color: #fff;
}

body#page_370 tr[bgcolor="#cccccc"] {
	background-color: #fff;
}

body#page_370 a > strong {
	color: #9b1323 !important;
}

body#page_370 a > strong:hover {
	text-decoration: underline;
}

a.solution-wind-logos { display: block; width: 128px; height: 80px; float: left; text-decoration: none; }
a.solution-wind-logos:hover { text-decoration: none !important; background-color: rgba(255,255,255,0.2); }

div#energy-union h3:last-of-type { border-bottom: 1px solid #B0C8D9; }
div#energy-union h3 { font-size: 20px; border-top: 1px solid #B0C8D9; padding: 0.5em 0;
	background: url("../images/common/arrow-down-collapse.png") no-repeat right; }
div#energy-union h3.active { background: url("../images/common/arrow-up-collapse.png") no-repeat right rgba(121,189,232,0.1);
	border-bottom: none; font-weight: bold; margin-bottom: 1em; }
div#energy-union h3:hover { color: rgba(0,85,150,0.8); cursor: pointer; background-color: rgba(121,189,232,0.1);
	background-blend-mode: lighten; }
div#energy-union h3 .light-blue { color: rgba(121,189,232,0.5); }

div#energy-union h4 { font-size: 18px; font-weight: normal; padding: 0; padding-bottom: 0.5em; color: rgba(0,85,150,1); }

div#energy-union h5 { font-size: 14px; font-weight: bold; padding: 0; }

div#energy-union p,
div#energy-union li { font-size: 14px; text-align: justify; }

div#energy-union p.pre-prologue { font-size: 16px; padding-bottom: 1.5em; color: dimgray; }

div#energy-union p.prologue { font-size: 17px; font-weight: bold; padding-bottom: 1.5em; }

.calcoffice input,
.calcoffice select { border: 2px solid black; border-radius: 4px; background-color: white; }

.calcoffice input { width: 80px; font-size: 24px; padding: 0 5px; text-align: center; }

.calcoffice select { font-size: 24px; }

.calcoffice .arrow { display: inline-block; margin-right: 15px; }

.calcoffice p { font-size: 24px; line-height: 2em; display: inline-block; vertical-align: middle; }

.calcoffice .outcome p { display: inline; }

.calcoffice p.small { font-size: 14px; display: block; }

.calcoffice p.footnote { font-size: 12px; line-height: 1.5em; padding-bottom: 0.5em !important; display: block; }

.calcoffice p strong { font-size: 1.2em; font-weight: normal; }

/* Working Groups tables */
div.wg table { width: 100%; }

div.wg table tbody tr:not(.more-info):hover { background-color: rgba(121,189,232,0.2); }

div.wg table tr.selected { background-color: rgba(121,189,232,0.1); }

/*div.wg table tr.selected.more-info { border-bottom: 2px solid rgba(121,189,232,0.5); }*/

div.wg table td,
div.wg table th { padding: 5px 10px !important; border: 1px solid rgba(121,189,232,0.5) !important; }

div.wg table th { background-color: rgba(0,85,150,1); color: white; }

div.wg table tr.more-info td { padding: 10px !important; }

table.no-borders { border-width: 0 !important; }
table.no-borders th,
table.no-borders td { border-width: 0 !important; }

table.top-valign th,
table.top-valign td { vertical-align: top !important; }

@font-face {
	font-family: "nexa-light";
	src: url("../../fonts/nexa-light-webfont.eot");
	src: url("../../fonts/nexa-light-webfont.eot?#iefix") format("embedded-opentype"),
		url("../../fonts/nexa-light-webfont.woff2") format("woff2"),
		url("../../fonts/nexa-light-webfont.woff") format("woff"),
		url("../../fonts/nexa-light-webfont.ttf") format("truetype"),
		url("../../fonts/nexa-light-webfont.svg#nexa_lightregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

div.blue-dot-screen {
	display: none;
	background-color: rgba(0, 0, 0, .65);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 99999;
}

div.blue-dot {
	width: 500px;
	height: 500px;
	margin-top: 100px;
	background-color: rgba(121, 189, 232, 1);
	color: rgba(255, 255, 255, 1);
	font-family: "nexa-light";
	text-align: center;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}

div.blue-dot h1 {
	font-size: 56px;
	padding-top: 130px;
	padding-bottom: 20px;
}

div.blue-dot p {
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.blue-dot a {
	color: white;
	text-decoration: underline;
}

div.blue-dot span.countdown {
	color: rgba(0, 85, 150, 1);
	font-size: 35px;
	display: none;
}

div.blue-dot span.countdown .hours,
div.blue-dot span.countdown .minutes,
div.blue-dot span.countdown .seconds {
	display: inline-block;
	width: 2em;
}
