/* Jason Bickley - EWEA */

/* GENERAL
--------------------------------------------------------*/
*       {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
body    {background: #d3dbe3; font-size: 12px;}
a       {color: #137693; overflow: hidden;}
a:hover {color: #fff; background-color: #137693;}
hr      {display: none;}
h3      {font-size: 150%; font-family: Georgia, "Times New Roman", Times, serif; color: #005596;}
h3 a    {font-family: Georgia, "Times New Roman", Times, serif; color: #005596 !important; text-decoration: none; background: none !important;}
h4      {font-size: 110%; padding: 0 0 1em 0;}
li      {list-style: none;}
img     {border: 0;}
sub     {font-size: 75%;}
sup     {font-size: 75%; color: #999;}
.clear  {clear: both;}
.more   {text-align: left;}
.pdf    {padding: 0 0 0 20px; background: url(../images/icon_PDF.gif) 0 0 no-repeat;}
.ppt    {padding: 0 0 0 20px; background: url(../images/icon_PPT.gif) 0 0 no-repeat;}
.top    {text-align: right;}
.bodytext {text-align: left; padding: 0 30px; text-align: justify;}

/* STRUCTURE
--------------------------------------------------------*/
#wrapper {width: 1000px; margin: 0 auto; background: url(../images/bkgrd_wrapper.gif) 50% 0 repeat-y;}
#inner   {width: 980px; margin: 0 auto; background: #fff;}
#upper   {height: 350px; background: url(../images/bkgrd_upper.jpg) 0 60px no-repeat; position: relative;}
#header  {margin: 0 20px;}
#content {background: url(../images/bkgrd_content.gif) 0 0 repeat-x; padding: 0 0 0 20px;}
#footer  {padding: 0 20px 0 20px; background: url(../images/bkgrd_footer.gif) 0 0 repeat-x;}

/* HEADER
--------------------------------------------------------*/
#header      {color: #005596;}
#header h1 a {display: block; width: 180px; height: 35px; position: absolute; top: 20px; right: 20px; background: url(../images/logo_EWEA.gif) 0 0 no-repeat; text-indent: -5000px; float: right;}
#header h2   {font-size: 40px; line-height: 40px; position: absolute; top: 15px; left: 20px; font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-weight: normal;}
#header h3   {font-size: 14px; line-height: 18px; position: absolute; top: 58px; left: 20px; font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-weight: normal; text-indent: 1px;}
#declaration       {margin: 0 0 0 40px;}
#declaration h3    {font-size: 170%;}
.steps p           {padding: 10px 15px 0 30px; cursor: default;}
.steps h3 a        {color: #005596; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; background: transparent;}
#read              {width: 317px; height: 139px; position: absolute; top: 150px; left: 13px; background: url(../images/steps_read_r.jpg) 0 0 no-repeat;}
#read p a          {text-decoration: none; background: none; cursor: pointer; color: #000;}
#read .steps       {width: 317px; height: 139px; background: url(../images/steps_read.jpg) 0 0 no-repeat;}
#read .steps:hover {background: none;}
#read .steps h3    {padding: 15px 0 0 50px; cursor: default;}
#support              {width: 320px; height: 139px; position: absolute; top: 150px; left: 330px; background: url(../images/steps_sign_r.jpg) 0 0 no-repeat;}
#support .steps       {width: 320px; height: 139px; background: url(../images/steps_sign.jpg) 0 0 no-repeat;}
#support .steps:hover {background: none;}
#support .steps h3    {padding: 15px 0 0 50px; cursor: default;}
#list                {width: 310px; height: 139px; position: absolute; top: 150px; right: 20px; background: url(../images/steps_list_r.jpg) 0 0 no-repeat;}
#list .steps         {width: 310px; height: 139px; background: url(../images/steps_list.jpg) 0 0 no-repeat; position: relative;}
#list .steps:hover   {background: none;}
#list .steps h3      {padding: 15px 0 0 70px; cursor: default;}
#list .steps p       {position: absolute; padding: 0; width: 61px; height: 50px; top: 55px; right: 15px; background: url(../images/btn_list_r.png) 0 0 no-repeat; text-align: center;}
#list .steps p a     {display: block; width: 61px; height: 42px; padding: 8px 0 0 0; color: #000; text-decoration: none; background: url(../images/btn_list.png) 0 0 no-repeat;}
#list .steps a:hover {background: none;}
#list .steps ul      {padding: 10px 10px 0 40px; cursor: default;}

#list #scroller_container {width: 210px; height: 65px; display: block; margin: 15px 0 0 20px; cursor: default; font-size: 11px; position: relative; overflow: hidden;}
#list #datacontainer      {position:absolute; left: 0; top: 0; width: 100%;}

/* DECLARATION FORM
--------------------------------------------------------*/
#declaration #support_form          { }
#declaration #support_form br       {display: none;}
#declaration #support_form input    {height: 16px; width: 104px; padding: 1px 2px 2px 2px; border: 1px solid #b3b9c3; color: #666;}
#declaration #support_form select   {height: 22px; border: 1px solid #b3b9c3; color: #333;}
#declaration #support_form #fname   {margin: 10px 0 0 40px;}
#declaration #support_form #lname   {margin: 10px 0 0 5px;}
#declaration #support_form #org     {margin: 4px 0 0 40px; width: 222px;}
#declaration #support_form #country {margin: 4px 0 0 40px; width: 160px;}
#declaration #support_form #submit  {margin: 0 0 -8px 4px; width: 59px; height: 21px; border: 0;}

/* CONTENT
--------------------------------------------------------*/
#content h3 {font-size: 18px; padding: 20px 0 15px 0; color: #137693;}
.column {float: left;}
#report {width: 290px; padding: 0 10px 50px 0;}
#report h4.map         {margin: 0 0 10px 0; background: url(../images/map_r.jpg) 0 0 no-repeat; width: 288px;}
#report h4.map a       {display: block; padding: 210px 0 10px 0; background: url(../images/map.jpg) 0 0 no-repeat; width: 288px; text-decoration: none;}
#report h4.map a:hover {background: #f5f5f5 url(../images/map_r.jpg) 0 0 no-repeat; color: #137693;}
#report h4.map a img   {margin: 0 0 -2px 5px;}
#report_download       {margin: 20px 0 0 0; padding: 0 0 0 100px; background: url(../images/report_thumbnail.gif) 0 3px no-repeat; min-height: 130px; position: relative;}
#report_download ul    {padding:0;}
#report_download li    {margin: 0 0 3px 0;}
#report_download img   {margin: 0 0 -2px 0;}
#report_download small {display: block; padding-top: 5px;}
#offshore_report       {display: block; height: 115px; width: 78px; position: absolute; top: 0; left: 0; background: 0; text-indent: -5000px;}
#offshore_facts  ul    {margin: 0 0 0 1em; padding: 0 0 10px 0;}
#offshore_facts  li    {margin: 0 0 0 1em; padding: 0 0 0 0; list-style: disc;}
#offshore_facts  p     {margin: 0 0 1em 0;}

#event {border-left: 1px solid #f5f5f5; width: 310px; margin: 0 0 0 0; padding: 0 0 50px 14px;}
#event h4.logo a {display: block; background: url(../images/logo_EOW.gif) 0 0 no-repeat; width: 290px; height: 100px; margin: 0 0 15px 0; text-indent: -5000px;}
#event h4  {padding: 0 0 10px 0;}
#event_url {padding: 0 0 10px 0;}
#event ul  {margin: 0 0 0 1em; padding: 10px 0 30px 0;}
#event li  {margin: 0 0 0 1em; padding: 0 0 0 0; list-style: disc; color: #c41230;}

#quote      {padding: 0 0 20px 0;}
#quote p    {padding: 0 0 10px 0;}
#quote img  {margin: 0 10px 5px 0; padding: 4px; float: left; border: 1px solid #eee; background: #fff;}
#quote .quoteleft  {background: url(../images/quote_left.gif) 0 0 no-repeat; padding-left: 20px;}
#quote .quoteright {background: url(../images/quote_right.gif) 100% 100% no-repeat; padding-left: 20px;}
* html #quote .quoteleft  {height: 12px;}
* html #quote .quoteright {height: 12px;}

#eventnews        {padding: 0 0 20px 0;}
#eventnews .title {font-weight: bold;}
#eventnews img    {margin: 0 10px 5px 0; padding: 4px; float: left; border: 1px solid #eee; background: #fff; width: 100px;}

#pressrelease        {padding: 0 0 20px 0;}
#pressrelease p      {padding: 0 0 5px 0;}
#pressrelease .title {font-weight: bold;}
#pressrelease .date  {text-decoration: none; color: #999;}
#pressrelease .blurb {text-decoration: none; font-style: italic; color: #000;}

#media {width: 315px; float: right; margin: 0 0 0 19px; padding: 0 0 10px 0; background: #f5f5f5 url(../images/bkgrd_videos.gif) 50% 0 repeat-x;}
#videos h3 {margin: 0 0 0 13px;}
#videos p {margin: 5px 10px 10px 13px; background: #fafafa;}
#videos p span {display: block; padding: 0 5px 5px 5px;}
#videos embed {margin: 0 0 10px 0; border-top: 1px solid #ccc;}
#videos .more  {margin: 15px 0 10px 13px; background: 0;}
#photos h3 {margin: 0 0 0 13px;}
#photos p  {margin: 0 0 10px 13px;}
#photo_grid         {margin: 0 0 0 13px;}
#photo_grid a       {display: block; width: 70px; height: 70px; float: left; padding: 0 5px 5px 0; background: url(../images/bkgrd_photo.png) 0 0 no-repeat;}
#photo_grid a:hover {padding: 1px 4px 4px 1px; background: url(../images/bkgrd_photo.png) 0 0 no-repeat;}
#photo_grid a span {display: none;}
#photo_grid img {width: 63px; height: 63px; border: 1px solid #137693;}
#photo_grid br {display: block; clear: both;}

/* FOOTER
--------------------------------------------------------*/
#footer    {clear: both;}
#footer a  {background: none;}
#footer h3 {padding: 10px;}
#footer ul {padding: 0 10px 10px 10px; float: left; height: 90px;}
#footer li {display: block; float: left; margin: 0 40px 0 0;}
#footer li br,
#footer li span {display: none;}
#footer .media_partners li {height: 90px;}
#footer .media_partners a  {display: block; float: left;}
#footer .media01 a {margin: 33px 0 0 0;}
#footer .media02 a {margin: 8px 0 0 0;}
#footer .media03 a {margin: 20px 0 0 0;}
#footer .media04 a {margin: 22px 0 0 0;}
#footer .media05 a {margin: 30px 0 0 0;}
#footer .media06 a {margin: 30px 0 0 0;}
#footer .media07 a {margin: 8px 0 0 0;}
#footer .media08 a {margin: 15px 0 0 0;}
#footer .media09 a {margin: 8px 0 0 0;}
#footer .media10 a {margin: 24px 0 0 0;}
#footer .media11 a {margin: 15px 0 0 0;}
#footer address   {font-size: 12px; font-style: normal; display: block; border-top: 1px dotted #393939; padding: 10px 0 15px 0;}
#footer address a {text-decoration: none; color: #000; background: none;}
#footer address a:hover {text-decoration: underline;}

/* NAME LIST
--------------------------------------------------------*/
#namelist  {padding: 0 0 50px 0;}
#namelist #wrapper {width: 600px; margin: 0 auto 8px auto; padding: 0 0 50px 0; border-top: 0; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; background: #fff url(../images/header_namelist.jpg) 50% 0 no-repeat; text-align: center;}
#namelist .return {text-decoration: none; background: none; display: block; height: 200px; text-indent: -5000px;}
#namelist h2 {padding: 20px 0; text-decoration: underline;}
#namelist h4 {padding: 0 20px 20px 60px; text-align: left; color: #005596;}
#namelist address   {font-size: 12px; font-style: normal; display: block; width: 600px; margin: 0 auto; text-align: center;}
#namelist address a {text-decoration: none; color: #000; background: none;}
#namelist address a:hover {text-decoration: underline;}

#namelist table {width: 550px; margin: 0 auto 20px auto; padding: 0; text-align: left; border-collapse: collapse;}
#namelist table th {padding: 3px 5px; background: #f5f5f8;}
#namelist table td {padding: 3px 5px; border-bottom: 1px dotted #efefef;}
#namelist table .fname   {width: 90px;}
#namelist table .lname   {width: 90px;}
#namelist table .org     {width: 250px;}
#namelist table .country {width: auto;}

#namelist .sign  {width: 300px; margin: 0 auto 20px auto; padding: 15px 0 20px 0; background: #efefef url(../images/icon_sign.png) 10px 3px no-repeat; border: 1px solid #e5e5e5; text-align: left;}
#namelist .top   {margin: 0 60px 0 0;}
#namelist .close {margin: 50px auto 0 auto;}

/* DIALOGUE PAGES
--------------------------------------------------------*/
#confirm {background: #d3dbe3;}
#confirm #content {background: none;}
#dialogue    {width: 435px; height: auto; margin: 30px auto 0 auto; background: #d3dbe3 url(../images/bkgrd_dialogueMid.gif) 0 0 repeat-y;}
#dialogue h3 {padding: 30px 0 10px 50px; background: #d3dbe3 url(../images/bkgrd_dialogueTop.gif) 0 0 no-repeat;}
#dialogue h4 {padding: 0 0 10px 50px; color: #666; font-size: 12px;}
#dialogue p strong {display: block; padding: 0 0 15px 50px; font-size: 16px;}
#dialogue .yes {margin: 0 0 13px 50px; width: 40px; height: 21px; border: 0;}
#dialogue .no  {margin: 0 0 13px 20px; width: 40px; height: 21px; border: 0;}
#dialogue .finish {margin: 0 0 13px 50px; width: 48px; height: 21px; border: 0;}
#dialogue p small {display: block; padding: 0 20px 25px 50px; font-size: 10px; color: #666; background: #d3dbe3 url(../images/bkgrd_dialogueFoot.gif) 0 100% no-repeat;}

.support_form h3       {padding: 0 0 20px 0; margin: 0 0 0 55px; background: none;}
.support_form br       {display: none;}
.support_form input    {height: 16px; padding: 1px 2px 2px 2px; border: 1px solid #b3b9c3; color: #666;}
.support_form .fname   {margin: 0 0 10px 30px; width: 110px;}
.support_form .lname   {margin: 0 0 10px 5px; width: 110px;}
.support_form .org     {margin: 0 0 10px 30px; width: 234px; display: block;}
.support_form .country {margin: 0 0 10px 30px; width: 240px; height: 20px; border: 1px solid #b3b9c3; display: block;}
.support_form .submit  {margin: 0 0 0 30px; height: auto; width: auto; border: 0;}
#dialogue .support_form input {color: #333;}

/* Global Navigation */
#EWEA_GlobalNav *    {margin: 0; padding: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
#EWEA_GlobalNav br   {clear: both;}
#EWEA_GlobalNav ul   {float: left; width: 100%; padding: 0 0 0 0; background: #eee; border-top: 1px #fff solid; border-bottom: 1px #ccc solid;}
#EWEA_GlobalNav li   {float: left; list-style: none; padding: 0 15px 0 20px;}
#EWEA_GlobalNav li a {text-decoration: none; line-height: 18px; padding: 0 0 0 0; display: block; color: #005596; font-weight: bold;}
#EWEA_GlobalNav li a:hover {text-decoration: underline; background: none;}
#EWEA_GlobalNav #global_ewea    {background: url('http://www.ewea.org/fileadmin/globalnav/EWEA.png') 0 1px no-repeat; margin: 0 0 0 10px;}
#EWEA_GlobalNav #global_eow09   {background: url('http://www.ewea.org/fileadmin/globalnav/EOW09.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_eow11   {background: url('http://www.ewea.org/fileadmin/globalnav/EOW11.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_ewec10  {background: url('http://www.ewea.org/fileadmin/globalnav/EWEC.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_ewec11  {background: url('http://www.ewea.org/fileadmin/globalnav/EWEC.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_jobs    {background: url('http://www.ewea.org/fileadmin/globalnav/EWEA.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_gwd     {background: url('http://www.ewea.org/fileadmin/globalnav/GWD.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_nofuel  {background: url('http://www.ewea.org/fileadmin/globalnav/NoFuel.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_wetf    {background: url('http://www.ewea.org/fileadmin/globalnav/WETF.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_members {background: url('http://www.ewea.org/fileadmin/globalnav/member.png') 0 2px no-repeat; float: right;}