/*** MAIN CLASSESS *************************************************************************/
html {overflow-y:scroll; overflow-x: auto}
html,body { padding:0; margin:0; width: 100%; height: 100%; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size:12px; }
body { background: #43B6B6 url(../img/body_bg.gif) left top repeat-x; }
/*
.body { background-image:url(../img/page/page_bg.png); }
.body_gl { background-image:url(../img/page/page_bg_gl.png); }
*/
form { padding:0; }
a { color: #3287B2; }
a:hover { text-decoration:none; }
a img { border:0; }

#gw_content { width:1000px; margin:auto; }

#topPageBg_en { background:url(../img/page_bg.jpg) left top no-repeat; height: 240px; width: 1000px; margin: 0 auto -240px auto;}
#topPageBg_gl { background:url(../img/page_bg_gl.jpg) left top no-repeat; height: 240px; width: 1000px; margin: 0 auto -240px auto;}

#access-menu { height:170px; margin-left:270px; }
#access-menu li.mainItem { float:left; margin:0 10px; }
#access-menu li.mainItem ul { margin-left:10px; }

.content h1 { font-size: 13pt; border-bottom: 2px dotted #8E7028; padding: 0 0 8px 0; color:#8E7028; margin: 10px 17px 10px 15px;}
h2 { font-size: 13pt; color:#8E7028; margin: 0; padding: 0px 15px; }
h3 { color:#8E7028; margin: 15px 20px 10px 15px; font-size: 11pt; font-family:"Times New Roman",Verdana,Tahoma,Helvetica,Arial,sans-serif; }
p, ul { color:#000; line-height: 140%; font-size:9pt; padding:0; }
p { margin: 10px 15px;  }
.video_highlight { margin: 4px 0 6px 0; font-weight:bold; color:#8E7028; clear:both;  }
.content ul { color: #666; font-size:11px; list-style:none; padding:0; margin: 0 0 0 15px; }
.content li { margin: 10px 0; padding:1px 0 1px 25px; background:url(../img/icons/star.png) left 1px no-repeat; font-size:9pt;  }
.hidetext{ margin: 0 0 0 -5000px;}

.replace{ display:block; padding:0; color: #003366; }
.replace span{ z-index:-1; position:relative; }

.header,.footer { width:700px; margin: 0 auto; padding-top:5px; text-align:right; color: #D6E6B5; font-size:11px; position:relative; cursor:default; }
.header { width:700px; }
.header a { color: #98A883; text-decoration:none; }
.footer a { color: #808076; text-decoration:none; }
.header a:hover, .footer a:hover { text-decoration:underline; }
.header .active { font-weight:bold; }
.header .separator, .footer .separator { padding:0 3px; background-repeat:no-repeat; background-position: center; }
.header .separator { background-image: url('../img/page/header_link_separator.jpg'); }
.header .logout { color:#ccc; }

#skip {text-align:left;}
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:-5000px;top:0;color:#000;width:auto;height:auto;}
#skip a:focus {position:static;}

#skipnav {text-align:left;display:none;}
#skipnav a, #skip a:hover, #skip a:visited {display:none;color:#000;width:auto;height:auto; }
#skipnav a:focus {position:static;}

.footer { width:730px; color: #fff; }
.footer .info { float:left; color: #fff; }
.footer a { color: #fff; }

.weather { height: 91px; width:700px; margin:auto; }
.weatherbox { height: 26px; width:170px; padding: 7px 10px 0 10px; margin-top: 50px; float:right; color:#99B92A; font-size: 8pt;}
.weatherbox img { float:right; margin-top:-17px; position:relative; }
.weatherbox a { color:#407316; float:left; margin-top: 2px;}

/*** MENU *****************************************************************************************************/
/*#menu { height:40px; }*/

#menubg { height:235px; margin:0 auto; width:730px; }

.menu-hp div.x-toolbar { height:32px; width:710px; border: 0; margin:-32px auto 0 auto; padding:0 10px; background:0; }
.menu div.x-toolbar { height:32px; width:710px; border: 0; margin:0 auto; padding:10px 10px 0 10px; background: #2B3C20; }

.submenu { background:#8EBB13; border:1px solid #D9DF03; padding: 5px;  }



.mn_el { height: 32px; display:block; margin-right: 5px; }
/* English */
.mn_home { background: url(../img/menu/home.png) left bottom no-repeat; width:65px; }
.mn_sightings { background: url(../img/menu/sightings.png) left bottom no-repeat; width:86px; }
.mn_stats { background: url(../img/menu/results.png) left bottom no-repeat; width:86px; }
.mn_howto { background: url(../img/menu/how_to.png) left bottom no-repeat; width:142px; }
.mn_gallery { background: url(../img/menu/gallery.png) left bottom no-repeat; width:86px; }
.mn_resources { background: url(../img/menu/resources.png) left bottom no-repeat; width:103px; }
.mn_mygw { background: url(../img/menu/mygw.png) left bottom no-repeat; width:111px; }
.mn_mygw2 { background: url(../img/menu/mygw_logged.png) left bottom no-repeat; width:131px; }
/* Irish */
.mn_home_gl { background: url(../img/menu/baile.png) left bottom no-repeat; width:58px; }
.mn_sightings_gl { background: url(../img/menu/amhairc.png) left bottom no-repeat; width:86px; }
.mn_stats_gl { background: url(../img/menu/torthai.png) left bottom no-repeat; width:90px; }
.mn_howto_gl { background: url(../img/menu/conas.png) left bottom no-repeat; width:179px; }
.mn_gallery_gl { background: url(../img/menu/gaileari.png) left bottom no-repeat; width:99px; }
.mn_resources_gl { background: url(../img/menu/aiseanna.png) left bottom no-repeat; width:100px; }
.mn_mygw_gl { background: url(../img/menu/mogw.png) left bottom no-repeat; width:111px; }
.mn_mygw2_gl { background: url(../img/menu/mogw_logged.png) left bottom no-repeat; width:131px; }

/* English */
#dt_home { width:65px; }
#dt_sightings { width:86px; }
#dt_stats { width:86px; }
#dt_howto { width:142px; }
#dt_gallery { width:86px; }
#dt_resources { width:103px; }
#dt_mygw { width:111px;  }
#dt_mygw2 { width:131px;  }
/* Irish */
#dt_home_gl { width:58px; }
#dt_sightings_gl { width:86px; }
#dt_stats_gl { width:90px; }
#dt_howto_gl { width:179px; }
#dt_gallery_gl { width:99px; }
#dt_resources_gl { width:100px; }
#dt_mygw_gl { width:111px;  }
#dt_mygw2_gl { width:131px;  }

#menu div#menubox { margin:0 auto; width:710px; background:#2B3C20 none repeat scroll 0 0; padding:10px 10px 0; margin-bottom:-10px; }
#menu-hp div#menubox { margin:-44px auto -10px; width:710px; background:none; padding:10px 10px 0; }
div#menu-hp>div#menubox { margin:-42px auto -10px; width:710px; background:none; padding:10px 10px 0; }
#menu-hp { position:relative; }

#menu div#menubox li div.menu_separator, #menu-hp div#menubox li div.menu_separator { margin:5px 10px; border-top:1px solid #D9DF03; }

.dropdown {float:left; padding-right:5px}
.dropdown dd {position:absolute; overflow:hidden; display:none; z-index:2000; opacity:0; background:#8EBB13; border:1px solid #D9DF03; padding: 5px 5px 0; width:180px;}

.dropdown dd a {color:#fff; font-size:9pt; padding:5px 10px; z-index:2000;}
.dropdown dd a:hover, .dropdown dd a.active { color:#FFFF00; }
.dropdown li {display:inline; z-index:2000;}
.dropdown a, .dropdown a:active {display:block; color:#333; text-decoration:none; }
.dropdown a:hover, .dropdown a:active, .dropdown a.active {background-position: left top;}

.dropdown a.topitem { text-indent:-5000px; overflow:hidden; height:32px; }
.dropdown a.subitem { float:right; height:32px; margin-top:-32px; width:20px; cursor:pointer; }

#mygw-menu { float:right; }

/**************************************************************************************************************/



.page { width:730px; margin: 0 auto; background-color: #F2ECE0; clear:both; }

.button { background:url('../img/buttons/button.png') top left no-repeat; width:98px; height:19px; text-align:center; text-decoration:none; color:#6A723A; padding-top: 4px;}


/*** CONTENT **************************************************************************************************/
/* w aboucie */
.content { width:97%; margin: auto; padding-top:10px;}
.content td { vertical-align:top; }

.page h4 { margin: 0 0 3px 0; text-align:center }

.content img { float:right; margin: 3px 17px; }
.content img.img_head { float:left; clear:both; margin: 5px 0 5px 5px; }
.content .strongtext {font-weight:bold;}
.content .cleartext {color:#f2ece0;}
.content .subtitle h2 { margin: 5px 0 0 20px;}

/**************************************************************************************************************/




/*** HOME PAGE ************************************************************************************************/
.homepage { width: 100%; margin-bottom: 20px;} 
.homepage td { vertical-align:top; } 
.homepage .left { width: 250px; }
.homepage .left h1 { font-size: 9pt; color:#03658C; margin: 10px 0 5px 11px; }
.homepage .left .segment { border-bottom: 1px solid #B9CD67; margin: 5px 10px; padding: 5px 0; font-size: 8pt; color:#666; line-height:120%; height: 77px; }
.homepage .left .segment h2 { color: #821C5F; font-size:8pt; margin: 0px 0 2px 0; }
.homepage .left .segment img { float:left; width:71px; height:71px; margin-right: 15px; margin-bottom: 5px; border:1px solid #B9CD67; }

.homepage .left .segment:hover { cursor:pointer; }
.homepage .left .segment:hover img { border-color:#000; }


.homepage .left .hpBtn-view_photos { background:url(../img/buttons/view_photos_btn.png) left top no-repeat; width:117px; height: 26px; display:block; margin: 10px 0 14px 8px; }
.homepage .left .hpBtn-view_photos:hover { background-position:left bottom; }

.homepage .left .hpBtn-view_photos_gl { background:url(../img/buttons/feach_gail_btn.png) left top no-repeat; width:136px; height: 26px; display:block; margin: 10px 0 14px 8px; }
.homepage .left .hpBtn-view_photos_gl:hover { background-position:left bottom; }

.homepage .left .hpBtn-view_video { background:url(../img/buttons/view_video_btn.png) left top no-repeat; width:117px; height: 26px; display:block; float:left; clear:both; margin: 0 0 0 -2px; }
.homepage .left .hpBtn-view_video:hover { background-position:left bottom; }

.homepage .left .hpBtn-view_video_gl { background:url(../img/buttons/feach_fhisean_btn.gif) left top no-repeat; width:117px; height: 26px; display:block; float:left; clear:both; margin: 0 0 0 -2px; }
.homepage .left .hpBtn-view_video_gl:hover { background-position:left bottom; }

.homepage .left .voice-segment { border-top: 1px solid #B9CD67; margin: 5px 10px; padding: 10px 0 0; font-size: 8pt; color:#666; line-height:140%; height: 77px;  }
.homepage .left .voice-segment img { float:left; margin: 0 15px 5px 0; border:1px solid #B9CD67; }


.homepage .right { padding-top:3px; padding-left: 1px; }
.homepage .right .gmap-header { background: #41b0b0; color:#FFF; padding: 8px 18px; width: 424px; margin-bottom:1px; text-transform:uppercase;}
.homepage .right .gmap-img { background: url(../img/page/hp_gmap.png) left top no-repeat; width:460px; height:176px; padding:1px 0;}
.homepage .right .gmap-img .gmap-btn { background: url(../img/buttons/see_charts_btn.png) left top no-repeat; width:117px; height:26px; display:block; margin: 134px 0 0 16px; }
.homepage .right .gmap-img .gmap-btn:hover { background-position: left bottom; }
.homepage .right .gmap-img_gl { background: url(../img/page/hp_gmap_irish.png) left top no-repeat; width:460px; height:176px; padding:1px 0;}
.homepage .right .gmap-img_gl .gmap-btn { background: url(../img/buttons/feic_learscail_btn.png) left top no-repeat; width:117px; height:26px; display:block; margin: 134px 0 0 16px; }
.homepage .right .gmap-img_gl .gmap-btn:hover { background-position: left bottom; }

.homepage .right .barlinks a { display:block; height:96px; width:460px; margin: 2px 0;  padding: 0; background-position: top left; background-repeat:no-repeat; text-decoration:none; color:#174b1c; font-size: 11px; font-weight:bold; line-height: 130%;}
.homepage .right .barlinks a:hover { background-position: bottom left; color:#224c62; }
.homepage .right .barlinks .textplace { padding: 36px 8px 0px 90px; }
.homepage .right .barlinks .textplace2 { padding: 45px 8px 0px 90px; }
.homepage .right .barlinks .hp-login { background-image:url(../img/buttons/hpBtn_login.png); }
.homepage .right .barlinks .hp-measure { background-image:url(../img/buttons/hpBtn_measure.png); }
.homepage .right .barlinks .hp-whatis { background-image:url(../img/buttons/hpBtn_whatisspring.png); }
.homepage .right .barlinks .hp-login_gl { background-image:url(../img/buttons/hpBtn_login_irish.png); }
.homepage .right .barlinks .hp-measure_gl { background-image:url(../img/buttons/hpBtn_measure_irish.png); }
.homepage .right .barlinks .hp-whatis_gl { background-image:url(../img/buttons/hpBtn_whatisspring_irish.png); }
/**************************************************************************************************************/






/*** SUBMIT SIGHTING FORM *************************************************************************************/
.submit_sighting { width:98%; table-layout:fixed; margin:0 5px;}
.submit_sighting td { padding:0 4px; }
.submit_sighting label { display:block; font-weight:bold; margin:10px 0 5px 2px; }
.submit_sighting img { float:none; margin: 0;}
.submit_sighting .btn_link { margin: 15px 0 0 1px;}
#weather_station_name { margin-left:2px;}

.submit_sighting .infotip { width:16px; height:16px; background:url(../img/icons/information.png) left top no-repeat; float:right; margin-left:5px; display:none }
.submit_sighting .radiogroup { display:inline-block; width:185px; }
.submit_sighting .radiogroup label { float:left; clear:right; margin:3px 0 3px 5px; }
.submit_sighting .radiogroup input { float:left; clear:left; margin:4px 0 4px 0; }
.ext-ie .submit_sighting .radiogroup input { margin:0; }


#photoPanel { width:685px; margin:8px 10px 10px 10px;}
#photoPanel .panel { background-color: #F0EFFF; margin-bottom:10px;}
#photoPanel .iframe { float:left; width:340px; height:40px; overflow:hidden; padding:0;  background:#DFE8F6;}
#photoPanel .photo { float:right; width:256px; text-align:right; margin: auto 10px; }
#photoPanel .photo img { float:none; margin:auto; border:1px solid #000;}
#photoPanel label { display:block; font-weight:bold; margin-top:10px; margin-bottom:5px; clear:both; margin-left:7px; }
#photoPanel input { margin-left:7px; }
#photoPanel textarea { margin-left:7px; }
#photoPanel p { margin-left:7px; }


.content .submission_tab { width:100%; margin: 10px 15px; }
.content .submission_tab td { vertical-align:top; }
.content .submission_tab .left { width: 220px; }
.content .submission_tab .left * { margin-left:0; }
.content .submission_tab .left h3 { margin-top:0} 
.content .submission_tab #map { width:455px; height:630px; }

/**************************************************************************************************************/






/*** ABOUT ****************************************************************************************************/
.content .other_sites .top { background:url('../img/frames/about_os_top.gif') top center no-repeat; height:47px; }
.content .other_sites .gl { background:url('../img/frames/about_os_top_gl.gif') top center no-repeat; }
.content .other_sites .bottom { background:url('../img/frames/about_os_bottom.gif') top center no-repeat; height:18px; }
.content .other_sites .mid { background:url('../img/frames/about_os_mid.gif') center repeat-y; padding: 5px;  }

.content .students .top { background:url('../img/frames/about_students_top.gif') top center no-repeat; height:32px; }
.content .students .gl { background:url('../img/frames/about_students_top_gl.gif') top center no-repeat;}
.content .students .bottom { background:url('../img/frames/about_students_bottom.gif') top center no-repeat; height:8px; }
.content .students .mid { background:url('../img/frames/about_students_mid.gif') center repeat-y; padding: 5px;  }

.content .footnote h4 { margin: 15px 0 5px 15px; color:#3287B2; font-size:12px; }
.content .footnote p { padding: 3px 0; font-size:11px; margin: 2px 15px;}
/**************************************************************************************************************/




/*** GREENWAVE 5 **********************************************************************************************/
.gw5_howto { padding-bottom: 20px;}
.gw5_howto ul { margin-left: 15px; }
.gw5_howto ul li { margin: 10px 0; padding:1px 0 1px 25px; background:url(../img/icons/star.png) left 1px no-repeat; font-size:9pt;  }
.gw5_howto img { clear:right; padding-bottom: 20px;}

.gw5_howto .btn-find_out { float:right; background:url(../img/buttons/find_out_more_en.gif) left top no-repeat; width:117px; height: 26px; margin: 150px 14px 0 0; }
.gw5_howto .btn-find_out:hover { background-position: left bottom; }

.gw5_howto .howtobox { background:#c4e276 url(../img/page/howtotakepart_reg_bg.png) no-repeat scroll left top; width:675px; border:1px solid #cfd5b2; margin:0 0 0 15px; min-height:170px; font-weight:bold; color:#336633;}

.gw5_howto .howtobox h1 { margin: 0 0 0 20px;}
.gw5_howto .howtobox h2 { font-size:12px; font-weight:bold;}
.gw5_howto .howtobox div { width:500px; padding: 10px 0; }
.gw5_howto .howtobox ul { margin-left:20px; }
.gw5_howto .howtobox li {  margin: 10px 20px 0 0; padding:3px 0 2px 25px; background:url(../img/icons/bullet3.gif) left 1px no-repeat; font-size:9pt; color:#336633; }
.gw5_howto .howtobox div p { margin:14px 0 14px 20px; color:#336633; }

.gw5_howto .temperature { background:url(../img/page/howtotakepart_temp_bg.png); }
.gw5_howto .rain { background:url(../img/page/howtotakepart_rain_bg.png); }
.gw5_howto .wind { background:url(../img/page/howtotakepart_wind_bg.png); }
.gw5_howto .mobile_gallery { background:url(../img/page/gallery_mobile_bg.png); }

.gw5_howto .submit_sightings { background:url(../img/page/mygw_submit_bg.png); }
.gw5_howto .submit_sightings div h2 {  margin:0 0 0 14px; padding:0; color:#237797; font-weight:bold; text-transform:uppercase; }

.gw5_howto .new2009 { background:url(../img/page/push_submit.png); }
.gw5_howto .new2009 div h2 { font-size:12px; margin:0 0 0 20px; padding:0; color:#237797; text-transform:uppercase; }
.gw5_howto .new2009 .btn-submit { float:right; background:url(../img/buttons/submit_sightings_btn_en.gif) left top no-repeat; width:117px; height: 26px; margin: 285px 14px 0 0; }
.gw5_howto .new2009 .btn-submit:hover { background-position: left bottom; }

.gw5_howto .new2009 .btn-submit_gl { float:right; background:url(../img/buttons/submit_sightings_btn_gl.gif) left top no-repeat; width:140px; height: 26px; margin: 285px 14px 0 0; }
.gw5_howto .new2009 .btn-submit_gl:hover { background-position: left bottom; }


#btn_submit_2009{ float:right; background:url(../img/buttons/submit_sightings_btn.png) left top no-repeat; width:117px; height: 26px; margin: 285px 14px 0 0; }
#btn_submit_2009:hover{ background-position: left bottom;}


.gw5_howto .resources { background:url(../img/page/resources_bg.png); }
.gw5_howto .resources div h2 {  margin:0 0 0 20px; padding:0; color:#237797; font-weight:bold; text-transform:uppercase; }

.gw5_howto .photo_gallery { background:url(../img/page/photo_gallery_bg.png); }
.gw5_howto .photo_gallery div h2 {  margin:0 0 0 20px; padding:0; color:#237797; font-weight:bold; text-transform:uppercase; }
.gw5_howto .photo_gallery .btn-winner { float:right; background:url(../img/buttons/submit_sightings_btn.png) left top no-repeat; width:117px; height: 26px; margin: 285px 14px 0 0; }
.gw5_howto .photo_gallery .btn-winner:hover { background-position: left bottom; }

.gw5_howto .register .btn-submit { float:right; background:url(../img/buttons/register_now_btn.png) left top no-repeat; width:117px; height: 26px; margin: 175px 14px 10px 0; }
.gw5_howto .register .btn-submit:hover { background-position: left bottom; }

.gw5_howto .pushbox { width:675px; margin:10px 0 0 14px; }
.gw5_howto .pushbox h1 { margin: 0 0 0 20px;}
.gw5_howto .pushbox h2 { font-size:12px; color:#fff; font-weight:bold;}
.gw5_howto .pushbox div { width:325px; margin: 0 0 10px 0; }
.gw5_howto .pushbox .top {  margin:0 0 3px 0; padding: 10px 0 10px 6px; text-transform:uppercase;}
.gw5_howto .pushbox .bottom { padding: 5px 0 5px 6px; width:325px; min-height:350px; }


.gw5_howto .pushleft { float:left; width:325px;  }
.gw5_howto .pushleft .top { background:#03658c;  }
.gw5_howto .pushleft .bottom { background:#99b3cc url(../img/page/push_map.png) no-repeat scroll left top; min-height:210px;  }
.gw5_howto .pushleft .bottom_gl { background:#99b3cc url(../img/page/push_map_ir.png) no-repeat scroll left top; min-height:266px; overflow:hidden;  }
.gw5_howto .pushleft div p { color: #003366; padding: 0 145px 0 0;  }
.gw5_howto .pushleft .btn-submit { float:right; background:url(../img/buttons/view_sightings_en.gif) left top no-repeat; width:117px; height: 26px; margin: 164px 14px 18px 0; }
.gw5_howto .pushleft .btn-submit:hover { background-position: left bottom; }

.gw5_howto .pushleft .btn-submit_gl { float:right; background:url(../img/buttons/feic_hamhairc.gif) left top no-repeat; width:117px; height: 26px; margin: 205px 14px 34px 0; }
.gw5_howto .pushleft .btn-submit_gl:hover { background-position: left bottom; }

.gw5_howto .pushright { float:right; width:325px; }
.gw5_howto .pushright .top { background:#43b7b7;  }
.gw5_howto .pushright .bottom { background:#b8ced1 url(../img/page/push_wind.png) no-repeat scroll left top; min-height:210px; overflow:hidden;}
.gw5_howto .pushright .bottom_gl { background:#b8ced1 url(../img/page/push_wind_ir.png) no-repeat scroll left top; min-height:266px; overflow:hidden;}
.gw5_howto .pushright div p { color: #003366; padding: 0 145px 0 0; }
.gw5_howto .pushright .btn-submit { float:right; background:url(../img/buttons/view_details_en.gif) left top no-repeat; width:117px; height: 26px; margin: 164px 14px 0 0; }
.gw5_howto .pushright .btn-submit:hover { background-position: left bottom; }
.gw5_howto .pushright .btn-submit_gl { float:right; background:url(../img/buttons/feach_shonrai.gif) left top no-repeat; width:117px; height: 26px; margin: 205px 14px 34px 0; }
.gw5_howto .pushright .btn-submit_gl:hover { background-position: left bottom; }

.gw5_howto .photos { background:url(../img/page/photos_from_mobile.png) center no-repeat; }
.gw5_howto .photos div p { padding: 5px 10px; color:#666; line-height:150%; font-size:10pt; }

.voice h3, .voice h1 { clear:both; }

.gw5_howto .voicebox { background:url(../img/page/voice_new_bg.png); }
.gw5_howto .voicebox p { margin:14px 0 14px 20px; color:#336633; font-weight:bold; }


.gw5_howto #biologyie_logo {float: left; margin-left: 0; margin-top: -1ex;}
.gw5_howto .biology_clear {clear: left;}

.the6species {}
.the6species h2 { font: bold 12pt "Times New Roman",Verdana,Tahoma,Helvetica,Arial,sans-serif; border-bottom: 2px dotted #8E7028; padding: 0 0 3px 0; color:#8E7028; margin: 25px 15px 10px 15px;}
.the6species h3 { margin: 20px 0 0 15px; }
.the6species ul { margin:0 0 0 15px; }
.the6species li { margin: 10px 0; padding:1px 0 1px 25px; background:url(../img/icons/star.png) left 1px no-repeat; font-size: 9pt; }

.content .guide { float:left; width:125px; height:140px; margin: 0 30px 15px 0; padding: 5px; background-repeat: no-repeat; cursor:pointer; }
.content .guide a { text-decoration:none; font-weight:bold; color:#8E7028; float:left; margin-top: 125px; margin-left: 10px; border-bottom: 2px solid #F2ECE0;}
.content .guide a:hover { border-bottom: 2px dotted #8E7028; }

.gw5_howto ul.numbered { list-style-type:decimal; }
.gw5_howto ul.numbered li { background:none; padding:0; margin-left:20px; }
/**************************************************************************************************************/


/*** GALLERY **************************************************************************************************/
#gallery_div #header { background:transparent url(../img/species/sightings_display_details_back.png) no-repeat scroll left top; height:76px; width:675px; margin: 5px auto 15px; color:#237797; }
#gallery_div #header #print_all { background:transparent url(../img/buttons/sightings_print_all_btn.png) no-repeat scroll left top; float:right; height:26px; width:117px; margin:25px 5px 0; }
#gallery_div #header #print_all:hover { background-position:left bottom; }
#gallery_div #header .spec_visual { margin:10px 0 0 12px; }
#gallery_div #header #off_record { margin:-29px 0 0 200px; }
#gallery_div #header #obs_count { margin:-14px 0 0 405px; }

#gallery_div #gallery_header { 	background:transparent url(../img/page/photo_gallery_control_top.png) no-repeat scroll left top; width:675px; height:125px; margin:0 auto 15px; border:1px solid #cfd5b2; }
#gallery_div #gallery_header #gallery_filters { margin: 27px 0 25px 190px; }
#gallery_header #gallery_filters #species { margin: 0; width:140px; }
#gallery_header #gallery_filters #county { margin: 0 0 0 170px;	width:140px; }
#gallery_div #gallery_footer { background:transparent url(../img/page/photo_gallery_control_btm.png) no-repeat scroll left top; width:675px; height:73px; margin:0 auto 10px; border:1px solid #cfd5b2; }
#gallery_div #gallery_footer .pos_pagina { margin:25px 0 0 175px; }

.gallery_filters { margin:0 auto; width:679px; border-collapse:collapse; border:1px solid #000; border-bottom:0; }
.gallery_filters td { padding: 10px; background-color: #A36BA6; color:#FFF; }
.gallery_filters td.caption { padding-left: 20px; width: 140px; text-align:right}

.gallera { margin: 5px auto 15px auto; width:675px; background-color:#fafeea; border:1px solid #b5c48f; border-collapse:collapse; }
.gallera td { vertical-align:top; }
.gallera h3 { margin: 3px 5px 0 5px; font-size: 10pt; text-align:center}

.gallera .photo { width: 180px;}
.gallera .photo a { display:block; margin: 5px 5px 5px 25px; }
.gallera .photo img { margin:2px 2px 0 2px;}
.gallera .photo h4 { text-align:left; margin-left: 25px;}
.gallera .photo .upload_photo { background:transparent url(../img/buttons/sightings_upload_photo_btn.png) no-repeat scroll left top; float:left; height:26px; width:117px; }
.gallera .photo .upload_photo:hover { background-position:left bottom; }

/* fred */
.gallera .mobilephoto { width: 180px;}
.gallera .mobilephoto a { display:block; margin: 8px 5px 8px 25px; text-align:center; width:132px; border:1px solid black; }
.gallera .mobilephoto a:hover { background-color:#666;}
.gallera .mobilephoto img { margin:2px 2px 0 2px;}
.gallera .mobilephoto h4 { text-align:left; margin-left: 25px;}
.gallera .choice {margin-top: 5px; display: block;}
.gallera .display {margin-top: 5px; display: inline;}
.gallera .delete {margin-top: 5px; margin-left:80px; display: inline;}
.gallera .caption {font-weight: bold; margin-top: 5px; display: block;}
/* fred */

.gallera .gal_head td { background:#b1dcdc none center repeat-x; color:#237797; padding: 5px; height:32px; border-bottom:1px solid #d5e2b9; }
.gallera .gal_head td img { margin-top: 5px; float:left; }
.gallera .gal_head td span { margin: -18px 0pt 0pt 80px; display: block; float: left; }
.gallera .gal_head td.record span { margin-left: 100px; }
.gallera .gal_head td.observation { background-color:#dbe6ab; }
.gallera .gal_head td.record { background-color:#b1dcdc; font-weight:bold; }
.gallera .gal_head td.record .print, .gallera .gal_head td.observation .print { float:right; height:26px; width:117px; }
.gallera .gal_head td.record .print { background:transparent url(../img/buttons/sightings_print_record_btn.png) no-repeat scroll left top; }
.gallera .gal_head td.observation .print { background:transparent url(../img/buttons/sightings_print_observation_btn.png) no-repeat scroll left top; }
.gallera .gal_head td.record .print, .gallera .gal_head td.observation .print:hover { background-position:left bottom; }
.gallera .print { float:right; margin-top:-15px; color:#FFF; padding-right: 3px; padding-left:20px; background:url(../img/icons/printer.gif) top left no-repeat;  }

.gallera .gal_head td span { margin:6px 0 0 10px; display:inline; }
.gallera .gal_head td.record span { margin:6px 0 0 10px; display:inline; }

.gallera .gal_content td { padding:5px; }

.gallera .weather { margin: 10px auto 5px auto; width: 450px; color:#333; }
.gallera .weather td { border-bottom:1px solid #D9E5A8; margin:0 }
.gallera .weather .caption { margin:0 -2px 0 0; }

.gallera .comments { float:right; margin-top:3px; font-weight:bold; padding:2px 5px 5px 30px; background:transparent none no-repeat scroll left top; }
.gallera .observation .comments { background-image:url(../img/icons/comment_bubble_observation.gif); }
.gallera .record .comments { background-image:url(../img/icons/comment_bubble_record.gif); }

.gallera .comments_box h4 { color:#FFF; text-align:left; padding: 2px 5px; margin: 10px 3px; background:#6B9149; }
.gallera .comments_box a { text-align:left; margin-top:5px;}
.gallera .comments_box label { clear:left; float:left; margin:4px 5px 4px 0; width: 70px;}
.gallera .comments_box input { clear:right; margin:2px 0; width: 180px;}
.gallera .comments_box textarea { clear:right; margin:2px 0; width: 180px;}
.gallera .comments_box .submit { width: 80px; }
.gallera .comments_box .komentarze { width: 92%; margin:auto}
.gallera .comments_box .add_comment { margin-left: 25px; }

.pos_pagina { color:#237797; padding:5px; margin:29px 0 0 175px; }
.pos_pagina .separator { border-right:1px solid #237797; width:0; padding:0; margin-right: 3px;}
.pos_pagina .page_info { margin: 0 3px; }
.pos_pagina a { margin:0 3px; color:#237797; }


/* USER GALLERY  -  SIGHTINGS HISTORY */
.upload_photo_box h4 { color:#FFF; text-align:left; padding: 2px 5px; margin: 10px 3px; background:#6B9149; }
.upload_photo_box label { clear:both; display:block; margin:0px 10px; width: 200px; font-weight:bold}
.upload_photo_box textarea { width: 285px; height: 40px; margin-left: 10px; margin-top:7px;}
.upload_photo_box .iframe { width: 315px; height: 40px; padding:0; margin-left: 2px;}
.upload_photo_box p { margin:5px 10px; }
.upload_photo_box .photo { width: 256px; height: 256px; margin-right: 10px; text-align:center;}
.upload_photo_box .photo img { border:1px solid #ccc;}


/**************************************************************************************************************/




/*** LOGIN ****************************************************************************************************/
.login_h1 { font-size: 9pt; color:#973582; margin: 10px 0 5px 11px; }
.login_text { padding: 16px 12px 0; margin:0; }
.login { padding: 10px; }
.login .register_or { color:#8F4A91; font-size: 13pt; font-weight:bold; margin: 5px 0; text-align:center; width: 32px; padding: 5px 0;}

.login .register_div { background: #F0EFFF; border:1px solid #999;  margin: 5px 0; }
.login .register_div h3 { color: #3287B2; margin:0; padding:0 }

.login .register_benefits { width:388px; height: 260px; padding: 10px 20px 0;}
.login .register_benefits div { float:left; margin: 10px 0; width: 100%; }
.login .register_benefits div * { float:left; }
.login .register_benefits div img { margin:0 5px 0 0; }
.login .register_benefits .span { height: 100%; padding: 16px 0; color:#999; font-weight:bold}

.login .login_form { width: 200px; font-size: 11px; padding:10px;}

.login .login_form label { font-weight:bold; display:block; margin: 15px 0 0 0;}
.login .login_form .text { width:97%; } 
.login .login_form .submit { width:78px; height:27px; border:0; margin: 10px 0 10px; font-weight:bold; font-size: 11px; display:block; background: url('../img/buttons/login.gif') top left no-repeat; }



/* REGISTER */
.content .register_box { background:#F0EFFF; border:1px solid #999; margin:10px; padding:10px; }
.content .register_box h3 { margin-top:0; } /* and in userdetails as well */
.content .register_box table { margin-left: 20px; width: 600px; }
.content .register_box table img { margin:0 5px; float:left; }

.content .register_box table .column1 { width: 120px;}
.content .register_box table .col_img { width: 25px; }
.content .register_box table .inputs { width:150px; padding-left:5px; }
.content .register_box table td { font-weight:bold; padding: 2px 0; vertical-align: middle; text-align:left}

.content .register_box #school_combo { position:absolute; background:#fff; border:1px solid #666; width: 200px;}
.content .register_box #school_combo table { margin: 0; width:100% }
.content .register_box #school_combo table td { padding:1px 5px; font-weight:normal;}

.content .register_box .reg_unfold_link { margin: 20px 0 20px 20px; display:block; }

.content .register_box2 table .column1 { width: 250px; }

.register_box .infotip { background:transparent url(../img/icons/information.png) no-repeat scroll left top; display:block; height:16px; margin-left:5px; width:16px; }


/**************************************************************************************************************/



/*** USER SPACE ***********************************************************************************************/
.mygw-layout { display:inline-block; width:99%; }
.status { float:left; width:440px; margin-left:10px; }
.summary { float:right; width:265px; margin-right:5px; }
.ext-ie .status { margin-left:3px; }
.ext-ie .summary { margin-right:2px; }

.mygw-box { width:420px; height: 76px; margin: 3px 15px; display:inline-block; }
.mygw-box-content { margin: 15px 0 20px 10px; float:left; width: 302px; padding-top:5px; }
.mygw-box-content * { float:left; }
.mygw-box-content h4 { color: #237797; text-transform:uppercase; margin:0; padding:0 }
.mygw-box-content .separator { border-left: 1px solid #B2C792; border-right: 1px solid #689028; height: 16px; margin: 0 10px; }
.mygw-box-content a { color:#689028; text-decoration:none; font-weight:bold; }
.mygw-box-content a:hover { text-decoration:underline; }
.mygw-box-content img { float:right; margin:0; }
.mygw-box-content p { margin: 4px 0 0 0; width:100%; font-size: 8pt; font-family: Arial, Helvetica, sans-serif }
.mygw-box-content p strong { color: #8EBB13; font-weight:bold; text-transform:uppercase;  }
.mygw-box-content p strong.observations { margin-left: 15px; }
.mygw-box-content p span { color:#237797; margin: 0 0 0 7px; text-transform:capitalize; }

.db-box-6 { background:url(../img/buttons/my_frog_btn.png) left bottom no-repeat; }
.db-box-4 { background:url(../img/buttons/my_primrose_btn.png) left bottom no-repeat; }
.db-box-1 { background:url(../img/buttons/my_h_chestnut_btn.png) left bottom no-repeat; }
.db-box-5 { background:url(../img/buttons/my_swallow_btn.png) left bottom no-repeat; }
.db-box-2 { background:url(../img/buttons/my_hawthorn_btn.png) left bottom no-repeat; }
.db-box-3 { background:url(../img/buttons/my_ash_btn.png) left bottom no-repeat; }

/*.mygw-box-hover { background-position: left top; }*/
.mygw-box .species { height: 76px; width: 88px; float:left; }
.mygw-box-content-checked { background: url(../img/icons/record_submitted.png) right top no-repeat; }

.summary .segment { border-top: 1px solid #B9CD67; margin: 10px 15px; padding: 15px 0 0; display:inline-block; width:232px; }
.summary .segment img { float:left; margin:0 10px 0 0; }
.summary .segment span { float:left; color: #237797; text-transform:uppercase; margin-bottom: 10px; width: 153px; font: bold 9pt Arial, Helvetica, sans-serif; }
.summary .segment .btn-submit { float:left; background:url(../img/buttons/submit_btn.png) left top no-repeat; width:117px; height: 26px; }
.summary .segment .btn-submit:hover { background-position: left bottom; }



.comments_to_approve img { border:1px solid #000; }
.comments_to_approve td.komenta { padding:6px;  }

.content .minimap {  margin: 0 0 15px 15px; padding: 0;  }
.content .minimap iframe { width:220px; height:150px; padding:0; margin:0; }
.content .minimap  .block { display:block; clear:both; margin: 3px auto; }

.content .locations_tab { width:96%; margin: 10px 15px; }
.content .locations_tab td { vertical-align:top; }

.content .locations_tab .loc_list { width: 330px; }
.content .locations_tab .loc_list h3 { margin:0 }
.content .locations_tab .loc_list ul { margin-left:0; font-size:8pt; }
.content .locations_tab .loc_list ul li { margin: 10px 0; padding:1px 0 1px 25px; background:url(../img/icons/star.png) left 1px no-repeat;  }

.content .locations_tab #map { width:345px; height:350px; }
/**************************************************************************************************************/





.winners-content { display:inline-block; padding: 0 0 20px 0; }
.winners { clear:both; width:100%; padding: 10px 0 40px 0; display:inline-block; }
.winners img { float:left; border:1px solid #8E7028; }
.winners h3 { clear:both; }
.winners h4 { text-align:left }







.error_message, .info_message { clear:both; border:1px solid #000; margin: 10px 15px; padding:10px; font: bold 10pt Arial, Helvetica, sans-serif; }
.error_message { background:#e22; color:#FFF;  }
.info_message { background:#063; color:#FFF;   }


.transpa { background-color:#666; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; }

.btn_link { display:block; padding:0; text-decoration:none; color:#44103a; margin: 2px -2px; border:0 !important;} /* a */
.btn_link span { padding:0; display:block; margin:0; cursor:pointer; }
.btn_link .btn_left,.btn_link .btn_right { background-image: url(../img/buttons/button_bg.gif); background-repeat:no-repeat; height:21px;}
.btn_link .btn_left { background-position: top left; } /* left div*/
.btn_link .btn_right { background-position: top right; margin-left:6px; } /* right div */
.btn_link .btn_middle { text-align:center; margin-right:6px; padding: 4px 0 0 0; } /* buton content div */
.btn_link:hover { color:#000; }
.btn_link:hover .btn_left { background-position: left -21px;}
.btn_link:hover .btn_right { background-position: right -21px ; }
.btn_link:active .btn_left { background-position: left -42px; }
.btn_link:active .btn_right { background-position: right -42px; }

/* the button for submit sighting */
.btn2_link { display:block; padding:0; text-decoration:none; color:#fff; margin: 2px -2px; font-size: 14pt; font-weight:bold; } /* a */
.btn2_link span { padding:0; display:block; margin:0; cursor:pointer; }
.btn2_link .btn_left,.btn2_link .btn_right { background-image: url(../img/buttons/button_big_bg.png); background-repeat:no-repeat; height:40px;}
.btn2_link .btn_left { background-position: top left; } /* left div*/
.btn2_link .btn_right { background-position: top right; margin-left:6px; } /* right div */
.btn2_link .btn_middle { text-align:center; margin-right:6px; padding: 8px 0 0 0; } /* buton content div */
.btn2_link:hover { color:#fff; }
.btn2_link:hover .btn_left { background-position: left -40px;}
.btn2_link:hover .btn_right { background-position: right -40px ; }
.btn2_link:active .btn_left { background-position: left -80px; }
.btn2_link:active .btn_right { background-position: right -80px; }


#progress{ position:absolute; left:44%; top:45%; padding:2px; z-index:20001; width:250px; border:1px solid #000; filter: alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; }
#progress .loading-indicator{ background:white; color:#444; padding:10px; margin:0; height:100%; white: 100%; }
#progress .loading-indicator img {margin-right:15px; vertical-align:middle; width:32px; height:32px; }
#loading-msg { font: normal 11px arial,tahoma,sans-serif; margin-top:8px;}

#overDiv div { padding:5px; }
.ext-el-mask {background-color:#333 !important; opacity:0.8 !important;}


/* fred */
div.bleft {
margin: -2px 0px 10px 25px;
padding:0px;
width:100px;
}
.moreleft {
margin: -2px 0px 10px 15px;
padding:0px;
width:100px;
}

.clip { padding: 0; margin: 5px 18px 20px 16px; border:1px solid #333; height: 138px; width: 178px; 
background: #FFF url(../img/bg_clip1.gif) 4px bottom no-repeat;}
.clip:hover { background: #E6E6E6 url(../img/bg_clip2.gif) 4px bottom no-repeat; }
.clip img { margin:4px; }
.rainclip { float:left;  }
.voiceclip { float:left; }

/**********************************************************************************************/
/* NEW STYLES */
/**********************************************************************************************/

/*** LIVE SIGHTINGS ***********************************************************************************************/

#live-sightings #live-header { height:80px; width:675px; margin:auto; }
#live-sightings #live-header img { float:right; }
#live-sightings #live-header p { width:570px; margin:0; padding:5px 0 0; }

/*needs optimizing*/
#live-sightings #live-mapheader { border:1px solid #CFD5B2; height:160px; margin:0 auto 15px; width:675px; }
#live-public #live-mapheader { background:transparent url(../img/page/live_public_bg.jpg) no-repeat scroll left top; }
#live-private #live-mapheader { background:transparent url(../img/page/live_private_bg.jpg) no-repeat scroll left top; }
#live-mapheader #live-headerspecies { padding-left:25px; }
#live-mapheader a { display:block; float:left; width:82px; height:70px; overflow:hidden; text-indent:-5000px; margin:13px 9px 0 0; }
#live-mapheader #btn-frog { background:transparent url(../img/buttons/sightings_frog_btn.gif) no-repeat scroll left top; }
#live-mapheader #btn-primrose { background:transparent url(../img/buttons/sightings_primrose_btn.gif) no-repeat scroll left top; }
#live-mapheader #btn-chestnut { background:transparent url(../img/buttons/sightings_chestnut_btn.gif) no-repeat scroll left top; }
#live-mapheader #btn-swallow { background:transparent url(../img/buttons/sightings_swallow_btn.gif) no-repeat scroll left top; }
#live-mapheader #btn-hawthorn { background:transparent url(../img/buttons/sightings_hawthorn_btn.gif) no-repeat scroll left top; }
#live-mapheader #btn-ash { background:transparent url(../img/buttons/sightings_ash_btn.gif) no-repeat scroll left top; }
#live-mapheader #btn-all { background:transparent url(../img/buttons/sightings_all_btn.gif) no-repeat scroll left top; }
#live-mapheader #live-headerspecies a:hover, #live-mapheader #live-headerspecies a.active { background-position: left bottom; }

#live-mapheader #map-species-info { clear:both; padding:22px 0 0 40px; height:35px; width:288px; }

/******************/
#live-sightings #live-mapheader_gl { border:1px solid #CFD5B2; height:160px; margin:0 auto 15px; width:675px; }
#live-public #live-mapheader_gl { background:transparent url(../img/page/live_public_bg_ir.jpg) no-repeat scroll left top; }
#live-private #live-mapheader_gl { background:transparent url(../img/page/live_private_bg_ir.jpg) no-repeat scroll left top; }
#live-mapheader_gl #live-headerspecies { padding-left:25px; }
#live-mapheader_gl a { display:block; float:left; width:82px; height:70px; overflow:hidden; text-indent:-5000px; margin:13px 9px 0 0; }
#live-mapheader_gl #btn-frog { background:transparent url(../img/buttons/sightings_frog_btn.gif) no-repeat scroll left top; }
#live-mapheader_gl #btn-primrose { background:transparent url(../img/buttons/sightings_primrose_btn.gif) no-repeat scroll left top; }
#live-mapheader_gl #btn-chestnut { background:transparent url(../img/buttons/sightings_chestnut_btn.gif) no-repeat scroll left top; }
#live-mapheader_gl #btn-swallow { background:transparent url(../img/buttons/sightings_swallow_btn.gif) no-repeat scroll left top; }
#live-mapheader_gl #btn-hawthorn { background:transparent url(../img/buttons/sightings_hawthorn_btn.gif) no-repeat scroll left top; }
#live-mapheader_gl #btn-ash { background:transparent url(../img/buttons/sightings_ash_btn.gif) no-repeat scroll left top; }
#live-mapheader_gl #btn-all { background:transparent url(../img/buttons/sightings_all_btn.gif) no-repeat scroll left top; }
#live-mapheader_gl #live-headerspecies a:hover, #live-mapheader_gl #live-headerspecies a.active { background-position: left bottom; }

#live-mapheader_gl #map-species-info { clear:both; padding:22px 0 0 40px; height:35px; width:288px; }
/******************/


#map-species-info p { margin:0; padding:0; line-height:100%; color:#237797; font-size:11px; font-weight:bold; }
#map-species-info #info-left { float:left; }
#map-species-info #info-right { float:right; }
#map-species-info .records { margin-top:9px; margin-left:95px; }
#map-species-info .species_name { text-transform:uppercase; }
#map-species-info .observations { margin-top:9px; }

#live-sightings #map { width:675px; height:620px; margin:auto; }
/*** ************** ***********************************************************************************************/
/* NEW MAP */
#map_wrap { width:680px; height:650px; background-color:#e1eace; margin:10px 17px 10px 15px; }
#live-sightings #map_wrap #map { width:550px; height:620px; float:right; }
#map_wrap #sightings_info { width:130px; height:650px; float:left;  }
#map_wrap #sightings_legend { width:550px; height:30px; float:right; }

#map_wrap .sightings_info_en { background:transparent url(../img/page/sightings_info.gif) no-repeat scroll left top;  }
#map_wrap .sightings_info_irish { background:transparent url(../img/page/sightings_info_irish.gif) no-repeat scroll left top;  }
#map_wrap .sightings_legend_en_public { background:transparent url(../img/page/legend_public.gif) no-repeat scroll right top;  }
#map_wrap .sightings_legend_en_private { background:transparent url(../img/page/legend_private.gif) no-repeat scroll right top;  }
#map_wrap .sightings_legend_irish_public { background:transparent url(../img/page/legend_public_irish.gif) no-repeat scroll right top;  }
#map_wrap .sightings_legend_irish_private { background:transparent url(../img/page/legend_private_irish.gif) no-repeat scroll right top;  }

#map_wrap #sightings_info p { margin:15px 0 0 15px; padding:0; line-height:100%; color:#237797; font-size:11px; font-weight:bold; }
#map_wrap #sightings_info .first { margin-top:25px; }
#map_wrap #sightings_info .records { margin-top:22px; }
#map_wrap #sightings_info .species_name { text-transform:uppercase; }
#map_wrap #sightings_info .observations { margin-top:20px; }

#map_wrap #menu-species { margin:20px 0 0 15px; }

#map_wrap a { display:block; float:left; width:82px; height:70px; overflow:hidden; text-indent:-5000px; margin:0 0 1px; }
#map_wrap #btn-frog { background:transparent url(../img/buttons/sightings_frog.gif) no-repeat scroll left top; }
#map_wrap #btn-primrose { background:transparent url(../img/buttons/sightings_primrose.gif) no-repeat scroll left top; }
#map_wrap #btn-chestnut { background:transparent url(../img/buttons/sightings_chestnut.gif) no-repeat scroll left top; }
#map_wrap #btn-swallow { background:transparent url(../img/buttons/sightings_swallow.gif) no-repeat scroll left top; }
#map_wrap #btn-hawthorn { background:transparent url(../img/buttons/sightings_hawthorn.gif) no-repeat scroll left top; }
#map_wrap #btn-ash { background:transparent url(../img/buttons/sightings_ash.gif) no-repeat scroll left top; }
#map_wrap #btn-all { background:transparent url(../img/buttons/sightings_all.gif) no-repeat scroll left top; }
#map_wrap #menu-species a:hover, #map_wrap #menu-species a.active { background-position: left bottom; }

#slider_tip { float:right; }

#timeline { margin:20px 0; }
#sightings_timeline_info { margin:20px 15px 0; }
/*** ************** ***********************************************************************************************/

/* STATISTICS */

/* species */
.stats { background:#F2ECE0 url(../img/statistics/florish.gif) no-repeat scroll right 140px; }
.stats p { line-height:1.6em; }
.stats h4 { margin:0 0 5px; }

#stats-headerspecies { padding-left:40px; margin-bottom:10px; }
#stats-headerspecies a { display:block; float:left; width:79px; height:68px; overflow:hidden; text-indent:-5000px; margin:0 12px 0 0; }
#stats-headerspecies #btn-frog { background:transparent url(../img/statistics/frog_btn.gif) no-repeat scroll left top; }
#stats-headerspecies #btn-primrose { background:transparent url(../img/statistics/primrose_btn.gif) no-repeat scroll left top; }
#stats-headerspecies #btn-chestnut { background:transparent url(../img/statistics/chestnut_btn.gif) no-repeat scroll left top; }
#stats-headerspecies #btn-swallow { background:transparent url(../img/statistics/swallow_btn.gif) no-repeat scroll left top; }
#stats-headerspecies #btn-hawthorn { background:transparent url(../img/statistics/hawthorn_btn.gif) no-repeat scroll left top; }
#stats-headerspecies #btn-ash { background:transparent url(../img/statistics/ash_btn.gif) no-repeat scroll left top; }
#stats-headerspecies #btn-all { background:transparent url(../img/statistics/all_btn.gif) no-repeat scroll left top; }
#stats-species #stats-headerspecies a:hover, #stats-species #stats-headerspecies a.active { background-position: left bottom; }

#chart_actions, #stats_info { margin:10px 15px; padding:7px 0; border-top:1px solid #ded5c0; border-bottom:1px solid #ded5c0; }
#stats-rainfall #chart_actions, #stats-temperature #chart_actions { border-top:none; padding:7px 0 15px; }
#chart_actions h3, #stats_info h3, #stats_content h3 { margin:0 0 5px; color:#000; }
#stats_content h3 { margin:0 0 5px 15px; }
#stats_info strong { font-weight:bold; }
#chart_actions p, #stats_info p { margin:0; }

form#chart_selector { margin:5px 0 0; }
form#chart_selector fieldset { border:none; padding:0; }
fieldset#select_years { float:right; /*width:500px;*/ margin-top:8px; }
form#chart_selector fieldset#select_extra { float:left; width:160px; border-right:1px solid #ded5c0; }

fieldset#select_years p {  width:135px; height:21px; color:#fff; }
fieldset#select_extra p {  }

form#chart_selector p { margin:0 5px; padding:2px 5px 0; }
form#chart_selector p input { margin:0 5px 0 5px; vertical-align:middle; }
form#chart_selector>fieldset>p>input { vertical-align:-5%; }
form#chart_selector #current_year { float:left; background-color:#8ebb13; }
form#chart_selector #last_year { float:left; background-color:#43b7b7; }
form#chart_selector #prev_last_year { float:left; background-color:#90287b; }
form#chart_selector #other_current_year { float:left; background-color:#0400ae; }

form#chart_selector #extra_label { float:left; margin:0; padding:0; }
form#chart_selector #extra_inputs { float:right; }

#stats_info .total_off_rec { float:left; width:200px; }
#stats_info .busiest_week { float:right; width:450px; }

/* glance */
#stats-glance #stats-highlights { margin:0 0 0 15px; }
/*div#stats-glance>ul#stats-highlights { margin:0 0 0 10px; }*/
#stats-glance #stats-highlights li { float:left; width:217px; height:207px; list-style:none; padding:0; background:none; margin:0 14px 15px 0; }
#stats-glance #stats-highlights li a { display:block; width:182px; height:177px; text-decoration:none; font-size:1.5em; line-height:1.6em; padding:30px 0 0 28px; }
#stats-glance #stats-highlights li a#total { background:transparent url(../img/statistics/glance/total.gif) no-repeat scroll left top; color:#306a6a; }
#stats-glance #stats-highlights li a#frogspawns { background:transparent url(../img/statistics/glance/frogspawns.gif) no-repeat scroll left top; color:#18922a; }
#stats-glance #stats-highlights li a#rainfall { background:transparent url(../img/statistics/glance/rainfall.gif) no-repeat scroll left top; color:#306a6a; }
#stats-glance #stats-highlights li a#warmest { background:transparent url(../img/statistics/glance/warmest.gif) no-repeat scroll left top; color:#18922a; }
#stats-glance #stats-highlights li a#swallows { background:transparent url(../img/statistics/glance/swallows.gif) no-repeat scroll left top; color:#306a6a; }
#stats-glance #stats-highlights li a#ashes { background:transparent url(../img/statistics/glance/ashes.gif) no-repeat scroll left top; color:#18922a; }
#stats-highlights li a .value { font-size:24px; line-height:1em; margin-top:8px; display:block; text-align:center; width:150px; }
a#frogspawns .value, a#warmest .value, a#ashes .value { color:#fff; }
#stats-highlights li a#warmest .value, #stats-highlights li a#ashes .value { font-size:1.3em; }

/* Temperature */
#stats-temperature form#chart_selector p { margin:0 10px 0 0; }
#stats-temperature fieldset#select_years { float:none; }

/* Rainfall */
#stats-rainfall form#chart_selector p, #stats-wind form#chart_selector p { margin:0 10px 0 0; }
#stats-rainfall fieldset#select_years, #stats-wind fieldset#select_years { float:none; }

#chart_wrap { height:232px; }
#chart { display:block; margin:auto; } /* object created for the chart */

/*** ************** ***********************************************************************************************/

/* SPECIES INFO */
#frog-box, #primrose-box, #chestnut-box, #swallow-box, #hawthorn-box, #ash-box { width:675px; background:#c4e276 none no-repeat scroll left top; border:1px solid #cfd5b2; margin:0 0 20px 14px; }
#frog-box { height:190px; background-image:url(../img/species/species_frog.png); }
#primrose-box { height:190px; background-image:url(../img/species/species_primrose.png); }
#chestnut-box { height:190px; background-image:url(../img/species/species_chestnut.png); }
#swallow-box { height:206px; background-image:url(../img/species/species_swallow.png); }
#hawthorn-box { height:190px; background-image:url(../img/species/species_hawthorn.png); }
#ash-box { height:190px; background-image:url(../img/species/species_ash.png); }

#species-info h2 { padding:0; color:#237797; font-size:12px; font-weight:bold; text-transform:uppercase; }
#species-info p {  }

#species-info .spec-desc { float:left; padding:15px 0 0 25px; }
#species-info .spec-desc p { margin:1em 0; font-weight:bold; width:410px; font-size:12px; color:#174b1c;}

#species-info .spec-dl { margin:0 0 0 540px; }
#species-info .spec-dl h2 { margin:35px 0 0 0; }
#species-info .spec-dl p { margin:8px 0; font-weight:bold; color:#9dc435; }

#species-info .btn-download:hover { background-position:left bottom; }
#species-info .btn-download { margin: 0 0 15px 0; background:transparent url(../img/buttons/download_en.gif) no-repeat scroll left top; float:left; height:24px; width:115px; }

#species-info .btn-watch:hover { background-position:left bottom; }
#species-info .btn-watch { margin:0 0 5px 0; background:transparent url(../img/buttons/watch_en.gif) no-repeat scroll left top; float:left; height:24px; width:115px; border:0; }

#species-info .btn-watch_gl:hover { background-position:left bottom; }
#species-info .btn-watch_gl { margin:0; background:transparent url(../img/buttons/watch_gl.gif) no-repeat scroll left top; float:left; height:24px; width:115px; border:0; }

#species-info .btn-learn:hover { background-position:left bottom; }
#species-info .btn-learn { background:transparent url(../img/buttons/learn_more_en.gif) no-repeat scroll left top; margin-left:-2px; float:left; height:24px; width:115px; }

/* SPECIES DETAILS */

#frog-details { background:#c4e276 url(../img/species/species_frog.png) no-repeat scroll left top; }
#primrose-details { background:#c4e276 url(../img/species/species_primrose.png) no-repeat scroll left top; }
#horse_chestnut-details { background:#c4e276 url(../img/species/species_chestnut.png) no-repeat scroll left top; }
#swallow-details { background:#c4e276 url(../img/species/species_swallow.png) no-repeat scroll left top; }
#hawthorn-details { background:#c4e276 url(../img/species/species_hawthorn.png) no-repeat scroll left top; }
#ash-details { background:#c4e276 url(../img/species/species_ash.png) no-repeat scroll left top; }

.species-details { width:675px; border:1px solid #cfd5b2; margin: 20px 0 20px 14px; }
.species-details h2 { padding:0; color:#237797; font-size:12px; font-weight:bold; text-transform:uppercase; }

.species-details .spec-desc { float:left; padding:15px 0 0 25px; }
.species-details .spec-desc p { margin:1em 0; font-weight:bold; width:410px; font-size:12px; color:#174b1c;}

.species-details .spec-dl { margin:0 0 0 540px; }
.species-details .spec-dl h2 { margin:35px 0 0 0; }
.species-details .spec-dl p { margin:8px 0; font-weight:bold; color:#9dc435; }

.species-details .btn-download:hover { background-position:left bottom; }
.species-details .btn-download { background:transparent url(../img/buttons/download_en.gif) no-repeat scroll left top; float:left; height:24px; width:115px; }

.species-details .spec-bullet ul { clear:both; margin: 1px 0 14px 25px; }
.species-details .spec-bullet ul li { margin: 10px 20px 0 0; padding:3px 0 2px 25px; background:url(../img/icons/bullet.gif) left 1px no-repeat; font-size:9pt;}

/* HOW TO REGISTER */
#register-details { background:#c4e276 url(../img/page/howtotakepart_reg_bg.png) no-repeat scroll left top; }

/* ADJUST */
.clear { clear:both; }

/* GREENWAVE TV */
#tvbox { width:675px; height:210px; margin:10px 0 ; padding:0; }
#tvbox .english { float:left; width:215px; margin:0; padding:0; }
#tvbox .irish { float:left; width:215px; margin:0; padding:0; }
#tvbox .info { float:left; width:237px; margin:0; padding:0; }
#tvbox h1 { }
#tvbox h2 { }
#tvbox div { }
#tvbox ul { margin-left:20px; }
#tvbox li {  margin: 10px 20px 0 0; padding:3px 0 2px 25px; background:url(../img/icons/bullet3.gif) left 1px no-repeat; font-size:9pt; }
#tvbox div p {  }
.linehr { clear:both; height:1px; border-bottom:1px solid #B9CD67;}


/*************************************************************************************************/
/* STYLES used when developing the new version - merge them with the styles above... */
a#home_link { display:block; position:relative; width:300px; height:100px; text-indent:-5000px; overflow:hidden; margin:0 0 0 150px; }

.x-form-field-wrap .x-form-trigger {
	padding-bottom:0;
}

.submit_sightings .explane_rec, .submit_sightings .explane_obs {width:210px;}
.submit_sightings .explanations {clear:both;}
.submit_sightings .explane_rec {float:left;}
.submit_sightings .explane_obs {float:right;}

.submit_sighting .infotip {
margin:2px 2px 0 0;
}
div.radiogroup>div#speciesInfo {margin-right:10px;}

.header a {text-decoration:underline;}
.header a:hover {text-decoration:none;}

div#gallery_header>div.pos_pagina {
	margin-top:30px;
}

div.previous_gallery table.gallera tr.gal_head td.observation span {
	margin:5px 0 0;
}

div.mobile_gallery table.gallera tr.gal_head td.observation span {
	margin:5px 0 0;
}

div.mobile_gallery div#gallery_header { background:transparent url(../img/page/photo_gallery_control_btm.png) no-repeat scroll left top !important; height:73px !important; margin:0 auto 10px !important; }

div.mobile_gallery div#gallery_header .pos_pagina { margin:25px 0 0 175px !important; }

div#progress { padding:0; }

.sightingsTypeErrorBox .x-window-bwrap span.ext-mb-text { display:block; margin-left:50px; }
.sightingsErrorBox .x-window-bwrap span.ext-mb-text { display:inline; margin-left:0; }
/*************************************************************************************************/