/* CSS Document */
 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{margin:1em 0}
li, dd, blockquote{margin-left:1em}
html, body, fieldset{font:100.1%/120% "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif}
input, select, textarea{font-size:100.1%}
form label{cursor:pointer}
fieldset, img{border:none}
table{border-collapse:collapse; border-spacing:0}
hr{height:1px; background-color:#E5E5E5; color:#E5E5E5; border:none; padding:0; margin:1em 1em}
ul, ol, dl, li, dt, dd{margin:0; padding:0}

.clearboth{clear:both; color:#fff}
.smlclearboth{height:1px; clear:both}

html{height:100%}
body{height:101%; line-height:110%; font-weight:normal}

/* Hyperlinks */
a:link{color:#333; text-decoration:underline; outline:0}
a:visited{color:#333; text-decoration:underline; outline:0}
a:focus, a:hover, a:active{text-decoration:none; color:#46C8F5!important; outline:0}
#content #mainarea a:focus, #content #mainarea a:hover, #content #mainarea a:active, 
#content #maintext a:hover, #content #maintext a:active, 
#extra .ad-box a:hover, #extra .ad-box a:active, 
#footer a:focus, #footer a:hover, #footer a:active{color:#333!important}
#footer a{display:inline; padding:0; color:#333}
a{color:#006;cursor:pointer}
a.thintext{font-weight:normal}

body{text-align:left; font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; font-size:76%; line-height:1.4em; background:#000 url('/leisure/images/generic-bg.jpg') 199px 45px no-repeat}

/* Background Images */
.home-bg{background:#000 url('/leisure/images/home-bg.jpg') 199px 45px no-repeat}
.genesis-bg{background:#000 url('/leisure/images/genesis-bg.jpg') 199px 45px no-repeat}
.citadel-bg{background:#000 url('/leisure/images/citadel-bg.jpg') 199px 45px no-repeat}
.le-bg{background:#000 url('/leisure/images/entertainment-bg.jpg') 199px 45px no-repeat}
.water-bg{background:#000 url('/leisure/images/water-bg.jpg') 199px 45px no-repeat}

/* Main Page Elements & their p's */
#header{color:#fff; position:relative; background:url('/leisure/images/south-ayrshire-logo.jpg') no-repeat; font-size:0.5em; height:100px; width:172px; line-height:90px; margin:0 0 40px 10px}
#header a{position:absolute; right:0; top:0px}

#container{width:875px}
#wrapper{float:left; width:100%}
#content{margin:0 205px 0 224px; padding:0}

#navigation{float:left; width:215px; margin-left:-875px}
#navigation p, #entertainmentbox p{color:#fff}

#extra{float:left; width:195px; margin-left:-195px;background:transparent}
#extra p{background:#fff; color:#333; line-height:1.3em}
 
#footer{clear:both; background:#fff; width:100%}
#footer p{margin:0; padding:5px 10px}

#entertainmentbox{border-bottom:1px solid #4C4D4F}

h1{font-size:1.8em; border:1px solid #4C4D4F; padding:18px 0 16px 12px; margin:0; color:#fff}
h2{font-size:1.7em; border:1px solid #4C4D4F; border-top:none; padding:18px 0px 12px 20px; margin:0; color:#014770}
h4{color:#000; margin-left:9px; margin-top:9px}

#extra h3{margin-left:10px; padding-top:10px}
#extra p{font-size:1em}
.boxy p{font-size:0.8em}

#mainarea{padding:20px 9px 20px 6px; margin-top:16px; width:430px; background:#fff; color:#333; z-index:0}
#mainimg{background:#000; border:1px solid #6B6A6C; padding:10px 10px 6px 10px; height:233px}
#mainarea h2, h3{font-size:1.2em; color:#2D2D2E; margin:0px 0 5px 0px; padding:9px 0 0 0; font-weight:bold; border:none}
#mainarea h2{color:#014770}

#maintext p, #maintext h2, #maintext h3, #maintext ul, #maintext table, #extra p, iframe{margin:0 10px 10px}

#content p{font-size:1em; line-height:1.4; background:#fff; color:#333}
#content h2, #content h3{color:#014770}
#content h3, #content h4{margin-top:10px; margin-bottom:3px}
#content h3#activity-centre-prices, #content h3#prestwick, #content .boxy h4, #content .boxy2 h4, #content .box h3, #content .box2 h3, #content .box3 h3, #content .box4 h3{margin-top:0}
#content .boxy h4, #content .boxy2 h4{color:#fff}

#content ul{margin-left:10px; margin-bottom:10px; list-style-type:none}
#content ul li{list-style-type:disc; margin-bottom:6px; margin-left:15px}

#navigation li a{margin:0 0 0 15px; padding:0; text-decoration:none}
#navigation li a:hover{text-decoration:none}
#navigation li a:active, #navigation li a:focus, #navigation a:active, #navigation a:focus{color:#46C8F5!important}
h3.links{color:#fff; font-size:1.1em; margin-left:15px}

#topband{width:100%; background:#3B3B3D; height:45px}
#boxarea{padding-top:10px; width:875px; float:left}
.breadcrumb{float:left; color:#fff; margin-top:5px; margin-left:10px}

/* Sidebar Navigation */
.glossymenu{margin:5px 0; padding:0; width:170px; border-bottom-width:0}
.glossymenu a.menuitem{color:#fff; display:block; position:relative; width:auto; padding:0px 0 8px 0; padding-left:10px; text-decoration:none}
.glossymenu .open:active, .glossymenu a.menuitem:hover, .glossymenu .menuitem:active{color:#46C8F5!important; }
.glossymenu a.menuitem .statusicon{position:absolute; top:5px; right:5px; border:none}
.glossymenu div.submenu ul, .glossymenu div.submenu2 ul{color:#fff; list-style-type:none; margin:0; padding:0; border-top:1px dotted #555352; border-bottom:1px dotted #555352; padding-top:4px; padding-bottom:5px; margin-bottom:5px; margin-left:10px}
.glossymenu div.submenu ul li, .glossymenu div.submenu2 ul li{margin:0; padding:0; height:20px}
.glossymenu div.submenu ul li a, .glossymenu div.submenu2 ul li a{display:block; color:#fff; text-decoration:none; padding:0; margin:0; padding-left:10px}
.glossymenu div.submenu ul li a:hover, .glossymenu div.submenu2 ul li a:hover{color:#46C8F5!important}
a.menuitem.active, #navigation .glossymenu .submenu2 ul li a.active{color:#46C8F5!important}
 
/* Footer */
#footer{padding:0 0 3px 0; margin:0 0 2px 0; width:100%; background-color:#fff; font-size:.9em}
#footer ul{display:block; margin:10px 0px; padding-left:220px}
#footer_area ul{margin-top:15px}
#footer #toppage{text-align:right; padding:0 4px 0 0; margin:0}
#footer ul li{display:inline; margin:0; padding:0 5px 0 5px; color:#333; border-right:1px solid #ccc}
#footer ul li.last{display:inline; margin:0; padding:0 5px; color:#333; border-right:none}
#footer p{margin:2px 0 3px 0; padding-left:10px}
#footer_area, #footer_area #toppage a{color:#333}
#footer{text-align:left}
#footer ul li a, p.credit a, #footer a{color:#333; text-decoration:none; font-weight:bold}
#icons{margin-left:225px}
#icons a{margin-right:20px}
p#credit{float:left; width:160px; height:10px; padding-left:10px; margin-top:0; padding-top:0}
#footer_area p.council-footer{margin-left:215px}
span.type{display:none}

/* Search Bar Form */
form#form1{margin:0; color:#fff; font-size:70%;     margin-left:607px}
#form1 input, #form1 span{margin:0; height:23px; vertical-align:middle; float:left; padding:0}
#form1 input.search{background:url('/leisure/images/midinp.gif') repeat-x right top; height:23px; width:225px; border:none; color:#000; font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; font-size:150%; padding:2px 0 0 0}
#form1 span{padding:0 0 0 12px; background:url('/leisure/images/leftinp.gif') no-repeat 0 0}
#searchbox_label{display:none}
#form1 legend{display:none}
.open{color:#46C8F5!important}

#headerbox{background:#000}
#content #headerbox h2{color:#46C8F5!important; margin-left:0; padding-left:12px}
.arrow, .arrow2{position:absolute; margin-left:63px; margin-top:52px}
.arrow2{margin-top:48px}

.box, .box2, .box3, .box4{color:#333; float:left; height:115px; margin-top:10px; background-color:#fff; background-position:right bottom; background-repeat:no-repeat}
.box{width:220px; background:#fff}
.box2 {background-color:#000}
.box2, .box4{width:215px; margin-left:10px; background-image:url('/leisure/images/genesis-gymnasium-image.jpg'); background-position:top left}
.box3{width:220px; background-image:url('/leisure/images/clocks-image.jpg')}
.box4{background:#fff}
.box3 p{margin-top:0px} 
.boxy, .boxy2{padding-top:14px; width:148px; float:left; border-bottom:1px solid #4C4D4F; border-left:1px solid #4C4D4F; border-right:1px solid #4C4D4F}
.boxy{border-right:none; width:147px}
.boxy img, .boxy2 img{margin:7px; border:1px solid #4C4D4F}

ul#links li{margin-top:8px}
ul#links li a{color:#fff}

.pool,.info,.careclub,.membership,.belly,.classes{background-color:#fff; background-position:right bottom; background-repeat:no-repeat}
.pool{background-image:url('/leisure/images/goggles-image.jpg')}
.info{background-image:url('/leisure/images/info-box.jpg')}
.careclub{background-image:url('/leisure/images/care-club-box.jpg')}
.membership{background-image:url('/leisure/images/membership-box.jpg')}
.belly{background-image:url('/leisure/images/belly-box.jpg')}
.classes{background-image:url('/leisure/images/classes-box.jpg')}
.badminton-home-bg{background-image:url('/leisure/images/badminton-home-bg.jpg')}
.tennis-home-bg{background-image:url('/leisure/images/tennis-home-bg.jpg')}

.widead{border:1px solid #6B6A6C; padding:8px 8px 4px 8px}
#entertainmentbox h3{border-left:1px solid #4C4D4F; border-top:1px solid #4C4D4F; border-right:1px solid #4C4D4F; padding:14px 0px 16px 20px; margin:0; color:#fff}

#timetables, #timetables div{margin:0; padding:0; background:#000; border:1px solid #75777A; height:47px; color:#fff; margin-top:0px; margin-bottom:15px}
#picture-gallery{background:#fff url('/leisure/images/pic-thumb-foot.jpg') center bottom no-repeat; border-bottom:0px; height:200px}
#timetables p{margin:0; padding:0; color:#fff; margin-top:3px; line-height:160%; font-size:1em; position:relative; background:transparent; padding-left:75px}
#timetables a{color:#fff}
#extra .ad-box{border-bottom:1px solid #000; min-height:200px; max-height:200px; height:200px; margin-bottom:0; padding-bottom:0; background-color:#fff; background-position:center bottom; background-repeat:no-repeat}

/* Sidebar Columns */  
.football-bg{background-image:url('/leisure/images/football-foot.jpg')}
.pre-school-gymnastics-bg{background-image:url('/leisure/images/pre-school-gymnastics-foot.jpg')}
.drama-workshops-bg{background-image:url('/leisure/images/drama-workshops-foot.jpg')}
.beginners-keep-fit-bg{background-image:url('/leisure/images/beginners-keep-fit-foot.jpg')}
.swimming-bg{background-image:url('/leisure/images/swimming-foot.jpg')}
.nhs-bg{background-image:url('/leisure/images/nhs-foot.jpg')}
.on-line-bookings-bg{background-image:url('/leisure/images/on-line-bookings-foot.jpg')}
.genesis-gymnasia-bg{background-image:url('/leisure/images/genesis-gymnasia-foot.jpg')}
.live-entertainment-bg{background-image:url('/leisure/images/live-entertainment-foot.jpg')}
.yoga-bg{background-image:url('/leisure/images/yoga-foot.jpg')}
.teen-fit-bg{background-image:url('/leisure/images/teen-fit-foot.jpg')}
.circuits-bg{background-image:url('/leisure/images/circuits-foot.jpg')}
.classes-bg{background-image:url('/leisure/images/classes-foot.jpg')}
.box-office-bg{background-image:url('/leisure/images/box-office-foot.jpg')}
.further-information-bg{background-image:url('/leisure/images/further-information-foot.jpg')}
.relaxation-bg{background-image:url('/leisure/images/relaxation-foot.jpg')}
.fun-sessions-bg{background-image:url('/leisure/images/fun-sessions-foot.jpg')}
.drop-zone-bg, .kids-zone-bg{background-image:url('/leisure/images/kids-class-foot.jpg')}
.swimming-lessons-bg{background-image:url('/leisure/images/swimming-lessons-foot.jpg')}
.care-club-bg{background-image:url('/leisure/images/care-club-foot.jpg')}
.meetings-bg{background-image:url('/leisure/images/meetings-foot.jpg')}
.events-programme-bg{background-image:url('/leisure/images/autumn-programme-of-events.jpg')}

#extra .video-bg{height:191px}
.first{margin-top:16px}
.firstImage{margin-left:20px}

/* Tabular */
table{ vertical-align:baseline;  border-collapse:separate;  border-spacing:0;  width:410px }
caption, th, td{ text-align:left;  font-weight:normal;  padding-top:6px;  padding-bottom:6px;  font-size:100% }
table{ border-collapse:collapse;  margin:10px 7px}
th strong{ color:#fff}
th{ background:#02639D;  height:24px;  padding-left:4px;  padding-right:4px;  padding-top:6px;  color:#fff;  text-align:left;   border-left:1px solid #02639D;  border-right:1px solid #02639D}
#content table tr th h4{padding:0; margin:6px 0 0 0; color:#fff}
tr{ height:22px}
td{ padding-left:4px;  padding-right:4px;   border-left:1px solid #FFF;  border-bottom:solid 1px #fff}
td.first, th.first{  }
td.head, th.head{ background:#02639D;  color:#fff;  font-size:1.1em  }
tr.row-a{  border-bottom:1px solid #EFEFEF}
tr.row-b td{ border-bottom:1px solid #ddd;  border-left:1px solid #ddd;  border-right:1px solid #ddd}

.extra-padding{padding-top:90px} 
.entry-holder{margin-bottom:15px}
.entry-holder h3{border-bottom:1px dotted #000; margin-left:0; margin-bottom:10px; padding-bottom:5px}
.entry-holder .thumb{margin-top:5px; margin-left:2px; float:left; width:148px}
.entry-holder .thumb img{margin-left:8px; width:131px}
.entry-holder .text{margin-top:5px; float:left; margin-left:5px; width:250px}

p#sac-return{margin-left:10px}

/* Text Stylings */
#maintext h2{font-size:1.2em; margin:0px 0 15px 10px; padding:9px 0 0 0; font-weight:bold; border:none}
#maintext .box h2, #maintext .box3 h2, #maintext .box2 h2, #maintext .box4 h2{margin-bottom:4px}
#maintext .box2 p.mtop75{margin-top:76px;color:#fff}
#maintext .box p.mtop50{margin-top:50px}
#maintext p.mt50{margin-top:50px}
#maintext .box p{margin-top:0px}
#maintext .box p, #maintext .box2 p, #maintext .box3 p, #maintext .box4 p{line-height:1.2em}

/* Slideshow */
.graphic, #prevBtn, #nextBtn, #infoBar{ margin:0;  padding:0;  display:block;  overflow:hidden;  text-indent:-8000px}
#slider ul, #slider ul li{ margin:0;  padding:0;  list-style:none}
#slider li{    width:424px;   height:229px;   overflow:hidden;   margin:0;   padding:0 }
#infobar{  display:block;   color:#fff;   width:424px;   height:30px;   position:absolute;   left:235px;   top:465px;   z-index:1;         padding-top:8px;       text-align:center}
#prevBtn, #nextBtn{  display:block;   width:25px;   height:30px;   position:absolute;   left:235px;   top:465px;   z-index:9999}
#nextBtn{  left:635px}
#prevBtn a, #nextBtn a{   display:block;   width:25px;   height:30px;   background:url(/leisure/images/btn_prev.jpg) no-repeat 0 0}
#nextBtn a{  background:url(/leisure/images/btn_next.jpg) no-repeat 0 0}

/* Miscellaneous */
#mainarea h3{font-size:1.1em; margin-bottom:8px}
h3#troon, h3#citadel, h3#prestwick, h3#classes, h3#maybole, h3#prices, h3#tt{font-size:120%; margin-top:20px; margin-bottom:15px}
#maintext table thead tr th.first h4, #maintext table thead tr th.first h4{ margin-top:0;  padding-top:0 }

#entertainmentbox a:active, #entertainmentbox a:focus{color:#fff; text-decoration:underline}
#entertainmentbox a, #entertainmentbox a:visited, #entertainmentbox a:hover{color:#fff}

div#video{margin-left:8px}
#spacer{ height:52px;  color:#fff }

.h4top{border-bottom:1px dotted #111; margin-right:10px; padding-bottom:3px}
.h4mid{border-top:1px dotted #111; text-align:center; padding-top:4px}
#graph{background:url('/leisure/images/graph-arrow.jpg') center center no-repeat; height:175px; padding-top:25px; margin:0 auto; width:210px}
h4.h4top, h4.h4bottom, h4.h4mid{text-align:center; width:210px; margin:0 auto}
#graph p{text-align:center}
#graph p.ptop{padding-top:2px}

ul#council-bits{float:left; margin-top:5px; margin-left:40px; padding-left:0px; padding-top:0}
#content #maintext p{background:transparent}
td.first{width:150px}

/* Form */
form#form2 ul li{ list-style-type:none;  margin-left:0px}
form#form2 li{ padding-left:0px;  padding-top:20px;  margin-left:0}
form#form2 legend{ padding:10px;  color:#333 }
form#form2 input, form#form2 textarea{font-size:120%; width:250px}
form#form2 input.submitbutton{ margin:20px 0 40px 0px;  width:100px;  font-size:90% }

#maintext ul.print{margin:20px 0 0 8px; padding:0; list-style-type:none}
#maintext ul.print li{background:url('/leisure/images/print_page.jpg') no-repeat; list-style-type:none; margin:0; padding:0}
#maintext ul.print li a{padding-left:22px}

p#mt50{margin-top:50px}
table#pricestable tr th.first, div#pricestable table tr th.first{background:#0E4D33; border-left:1px solid #0E4D33; border-right:1px solid #0E4D33}
h3#prices{color:#0E4D33}
img.ml8{margin-left:8px}
#extra #timetables a:hover, #extra #timetables a:visited:hover, #extra #timetables a:focus, #extra #timetables a:active{color:#46C8F5}
#container #wrapper #content #maintext #entertainmentbox .boxy a, #container #wrapper #content #maintext #entertainmentbox .boxy a:hover, #container #wrapper #content #maintext #entertainmentbox .boxy2 a, #container #wrapper #content #maintext #entertainmentbox .boxy2 a:hover{color:#fff!important}
div#ttimg{width:62px;     height:65px;     position:absolute;   margin-top:-20px;   margin-left:0px;   padding-left:0px;   background:none;   border:0}
div#ttimg img{border:0; margin-left:5px}

h4{font-size:1.1em; font-weight:normal}
#mainarea #maintext p, a.menuitem, div.submenu2 ul li a, div.submenu ul li a, #extra a{position:relative; z-index:1999}
#viewprices{position:absolute; width:135px; height:135px; background-image:url('/leisure/images/view-prices.jpg'); top:515px; left:541px; z-index:0}
#viewfloorplans{position:absolute; width:135px; height:135px; background-image:url('/leisure/images/view-floorplans.jpg'); top:515px; left:541px; z-index:0}
#topband #boxarea p.breadcrumb a, #topband #boxarea p.breadcrumb a:visited, #topband #boxarea p.breadcrumb a:hover, #topband #boxarea p.breadcrumb a:active{color:#fff!important}
#video embed, #video object{position:relative; z-index:1999}


/* SlideShow */
#slideshow{margin:0 auto; width:187px; height:487px; position:relative}
#slideshow #slidesContainer{ margin:0 auto;  width:187px;  height:487px;  overflow:auto;  position:relative}
#slideshow #slidesContainer .slide{ margin:0 auto;  width:100px;  height:14px}
.control{  display:block;   width:39px;   height:14px;   text-indent:-10000px;   position:absolute;   cursor:pointer}
#leftControl{  bottom:0;   left:0;   background:transparent url(/leisure/images/arrow-left.jpg) no-repeat 0 0;   z-index:100}
#rightControl{  bottom:0;   right:0;   background:transparent url(/leisure/images/arrow-right.jpg) no-repeat 0 0}

/* Slider Fixes */
.slide img{  float:left;margin:0}
.slide-img{height:240px}
#entertainment-header{background:#000 url('/leisure/images/home-entertainment-bg.jpg') no-repeat; border:1px solid #4c4d4f; height:47px}
#entertainment-header h3{color:#fff; font-size:1.5em; padding-top:15px}
body div.slide p{background:transparent!important; color:#fff!important}
#slider-area{background:#fff; height:492px; border:4px solid white; margin-top:17px}
.slide-text{height:196px; background:black; margin-top:6px; background:#000 url('/leisure/images/white-entertainment-arrow.jpg') 80px 0px no-repeat; padding-top:20px}
#whatson{background:url('/leisure/images/home-whats-on-graphic.png'); z-index:10; width:137px; height:137px; position:absolute; margin-top:-12px; margin-left:63px; margin-right:0}
.notoppadding{padding-top:0}
.slide h4{color:#fff}
.slide p{line-height:1em!important}
.slide p a{color:#46C8F5!important}
body #container #wrapper #content #maintext div.box2 a, body #container #wrapper #content #maintext div.box2 a:hover, body #container #wrapper #content #maintext div.box2 a:focus, body #container #wrapper #content #maintext div.box2 a:active, body div.box2 p.mtop75 {color:#fff!important}
div.slide h4 {font-size:1.1em!important}

body #container #wrapper #content #maintext div.box2.pool p#mt50 a, body #container #wrapper #content #maintext div.box2.pool p#mt50 a:hover, body #container #wrapper #content #maintext div.box2.pool p#mt50 a:visited,
body #container #wrapper #content #maintext div.box2.belly a, body #container #wrapper #content #maintext div.box2.belly a:hover, body #container #wrapper #content #maintext div.box2.belly a:visited {color:#000!important}

.slide h4 {margin-top:0;line-height:1.3em;margin-bottom:4px;padding-bottom:0;}
.slide .slide-text p  {line-height:1.5em!important}

img.athh {float:left;margin-top:18px;padding-left:0;margin-left:0}

span.aufa {margin-left:15px}

#content {background-color:#000}
#content .cookiePane
{
    background-color: #000;
    border:1px solid #4C4D4F; padding:18px 0 16px 12px; margin:0 0 5px 0; color:#fff
}
#cookiePane p {background-color:#000;color:#fff}
#cookiePane strong {font-size:1.8em;}
#cookiePane a:link{color:#fff; font-weight:bold; text-decoration:underline; outline:0}
#cookiePane a:visited{color:#fff; font-weight:bold; text-decoration:underline; outline:0}

a.btn{color:#6e6e6e; font-weight:bold; font-family:Helvetica,Arial,sans-serif; text-decoration:none; padding:7px 12px; position:relative; display:inline-block; text-shadow:0 1px 0 #fff; -webkit-transition:border-color .218s; -moz-transition:border .218s; -o-transition:border-color .218s; transition:border-color .218s; background:#f3f3f3; background:-webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); -o-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border:solid 1px #dcdcdc; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-right:10px; text-align:center}
a.btn:hover{color:#333; border-color:#999; -moz-box-shadow:0 2px 0 rgba(0,0,0,0.2) -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.15)}
a.btn:active{color:#000; border-color:#444}
a.btn.green {color:#fff;text-shadow:0 1px 0 #333; background:#66CC33; background:-webkit-gradient(linear,0% 40%,0% 70%,from(#66CC33),to(#63C939)); background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#66CC33),to(#63C939)); -o-linear-gradient(linear,0% 40%,0% 70%,from(#66CC33),to(#63C939));text-decoration:none}
a.btn.green:hover {color:#fff}