/* Popstars Academy CSS Document */

.county { width: 540px; margin-bottom: 8px; }

.county .county-heading { width: 540px; height: 17px; background: url(../../images/academy_locations_county_header.gif) top left no-repeat; padding: 5px 0 0 8px; border-bottom: 2px solid #fff; }
.county .county-heading h5 { color: #fff; margin: 0; line-height: 1em; font-size: 76%; }

.county .county-subheading { width: 532px; background-color: #debae8; padding: 5px 0 5px 8px; border-bottom: 2px solid #fff; }
.county .county-subheading h6 { color: #7c3291; margin: 0; line-height: 1em; font-size: 76%; }

.county .town-item { float: left; width: 269px; height: 2em; background-color: #eedcf1; color: #7c3291; font-size: 76%; }
.county .town-item a:link, .county .town-item a:visited { width: 244px; display: block; text-decoration: none;
    background: url(../../images/academy_locations_town_star.gif) 5px 5px no-repeat; padding: 0 0 0 25px; line-height: 2em; }
.county .town-item a:hover, .county .town-item a:active { text-decoration: none; font-weight: bold;  color: #7c3291; }

.border2-r-b { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }


/* Location Pop Up*/
#locations-wrapper { position: relative; }

#locations-overlay {position: absolute; top: 0; left: 0; z-index: 5; width: 540px; height: 100%; background-color: #fff; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); }

#location-profile { }
.location-profile-no-ajax { width: 396px; margin: 0 auto; margin-top: 20px; }
.location-profile-ajax { position: absolute; top: 30px; left: 72px; z-index: 6; }
#location-profile .header { width: 378px; height: 28px; padding: 9px 9px 0 9px; background: url(../../images/popup_header.png) top left no-repeat; }
#location-profile .footer { width: 396px; height: 14px; overflow: hidden; background: url(../../images/popup_footer.png) top left no-repeat; }
#location-profile .body { width: 358px; padding: 10px 19px 5px 19px; background: url(../../images/popup_body.png) top left repeat-y; }

#location-profile .location-title { width: 296px; float: left; margin-right: 10px; padding: 5px 0 0 10px; }
#location-profile .location-title h5 { margin: 0; color: #fff; line-height: 1em; }
#location-profile .close-button { width: 57px; height:17px; float: left; margin: 5px 5px 5px 0; background: url(../../images/popup_closebutton.gif); }
#location-profile .close-button a { width: 57px; height: 17px; display: block; position: absolute; }
#location-profile .close-button span { display: none; visibility: hidden; }
#location-profile .back-button { width: 57px; height:17px; float: left; margin: 5px 5px 5px 0; background: url(../../images/popup_backbutton.gif); }
#location-profile .back-button a { width: 57px; height: 17px; display: block; position: absolute; }
#location-profile .back-button span { display: none; visibility: hidden; }
#location-profile  .header-rule { width: 378px; height: 1px; overflow: hidden; background-color: #fff; }



#location-profile .location-table { border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; }
#location-profile .location-table td { border-bottom: 2px solid #fff; background-color: #e5d6e9; font-size: 80%; color: #7c3291; text-align: center; }
#location-profile .location-table td.address { background-color: #bd98c8; color: #fff; font-weight: bold; }
#location-profile .location-table td.day { background-color: #d7c1de; }
#location-profile .location-table td.silver, #location-profile .location-table td.silver-primary { background: url(../../images/popup_silverstar.gif) #e5d6e9 7px center no-repeat; }
#location-profile .location-table td.gold, #location-profile .location-table td.gold-primary { background: url(../../images/popup_goldstar.gif) #e5d6e9 7px center no-repeat; }

#location-profile .location-information { width: 358px; }
#location-profile .generic-information { width: 358px; }

#location-profile .generic-information .contact-details { width: 240px; margin: 0 auto 0 auto; }
#location-profile .location-information .contact-details { width: 240px; float: left; }
#location-profile .contact-details p { color: #fff; text-align: center; }
#location-profile .contact-details p.telephone { font-size: 140%; margin-top: 0.2em; margin-bottom: 0.2em; }
#location-profile .email-button { width: 164px; height: 25px; margin: 0 auto 0 auto; background: url(../../images/popup_emailbutton.gif) top left no-repeat;}
#location-profile .email-button a { width: 164px; height: 25px; display: block; background: url(../../images/popup_emailbutton.gif) top left no-repeat; position: absolute; }
#location-profile .email-button a:hover { background: url(../../images/popup_emailbutton.gif) bottom left no-repeat; position: absolute; }
#location-profile .email-button span { display: none; visibility: hidden; }
#location-profile .free-trial-starburst { width: 118px; height: 103px; float: right; background: url(../../images/popup_starburst.gif) top left no-repeat;}
#location-profile .free-trial-starburst  p { display: none; visibility: hidden; }
#location-profile .free-trial-starburst a { width: 118px; height: 103px; display: block; position: absolute; }

/* Academy Location box - used on Academy Locations index */
.academy-location { width: 259px; height: 75px; padding: 3px; background: url(../../images/academylocation_background.jpg) top left no-repeat; }
.academy-location .photo { width: 60px; height: 75px; float: left; }
.academy-location .details { width: 199px; height: 75px; float: left; text-align: center; }

.academy-location .location-title div { width: 199px; height: 26px; background-position: top left; background-repeat: no-repeat; }
.academy-location .location-title h4 { display:none; visibility: hidden; }
.academy-location .location-title .tylersgreen { background-image: url(../../images/academylocation_tylersgreen.gif); }
.academy-location .location-title .chalfontstgiles { background-image: url(../../images/academylocation_chalfontstgiles.gif); }
.academy-location .location-title .amersham { background-image: url(../../images/academylocation_amersham.gif); }
.academy-location .location-title .hampstead { background-image: url(../../images/academylocation_hampstead.gif); }
.academy-location .location-title .kilburn { background-image: url(../../images/academylocation_kilburn.gif); }
.academy-location .location-title .burnham { background-image: url(../../images/academylocation_burnham.gif); }
.academy-location .location-title .chiswick { background-image: url(../../images/academylocation_chiswick.gif); }
.academy-location .location-title .isleworth { background-image: url(../../images/academylocation_isleworth.gif); }

.academy-location .instructor { width: 199px; height: 27px; }
.academy-location .instructor p { font-weight: bold; margin: 0; }

.academy-location .button-moreinfo { width: 85px; height: 21px; margin: 0 auto 0 auto; background: url(../../images/button_moreinfo.gif) top left no-repeat;}
.academy-location .button-moreinfo a { width: 85px; height: 21px; display: block; outline: none; background: url(../../images/button_moreinfo.gif) top left no-repeat; }
.academy-location .button-moreinfo a:hover { background-position: bottom left; }
.academy-location .button-moreinfo span { display: none; visibility: hidden; }

/* Instructors profile */
.instructors-photo { width: 130px; float: left; }
.instructors-photo img { border: 1px solid #7c3291; }
.instructors-biography { width: 217px; float: left; }
.instructors-biography p { font-size: 75%; }

/* Class Panels */
.class-header-silver { width: 265px; height: 56px; background: url(../../images/classpanel_header_silver.jpg) top left no-repeat; }
.class-body-silver { width: auto; padding: 1px 10px 5px 10px; border: 1px solid #c3caca; border-top: 0; }

.class-header-gold { width: 265px; height: 56px; background: url(../../images/classpanel_header_gold.jpg) top left no-repeat; }
.class-body-gold { width: auto; padding: 1px 10px 5px 10px; border: 1px solid #efc705; border-top: 0; }

.class-header-silver h6, .class-header-gold h6, .class-header-platinum h6,
.class-header-silver p, .class-header-gold p, .class-header-platinum p {
    display: none; visibility: hidden;
}
.class-body-silver p, .class-body-gold p, .class-body-platinum p {
    text-align: center; font-size: 75%; margin: 0;
}

/*.contact-telephone { width: 174px; height: 45px; background: url(../../images/contact_telephone.gif) top center no-repeat; }*/
.contact-telephone h6, .contact-telephone p { display: none; visibility: hidden; }
.t-0870-850-6018 { width: 174px; height: 45px; background: url(../../images/contact_telephone_0870_850_6018.gif) top center no-repeat; }
.t-020-7681-7719 { width: 174px; height: 45px; background: url(../../images/contact_telephone_020_7681_7719.gif) top center no-repeat; }
.t-01753-538-525 { width: 174px; height: 45px; background: url(../../images/contact_telephone_01753_538_525.gif) top center no-repeat; }
.t-020-8568-6886 { width: 174px; height: 45px; background: url(../../images/contact_telephone_020_8568_6886.gif) top center no-repeat; }
.button-email { width: 114px; height: 25px; margin: 10px auto 10px auto; background: url(../../images/button_big_email.gif) top left no-repeat;}
.button-email a { width: 114px; height: 25px; display: block; outline: none; background: url(../../images/button_big_email.gif) top left no-repeat; }
.button-email a:hover { background-position: bottom left; }
.button-email span { display: none; visibility: hidden; }

/* -- Free Trial Panel -- */
.freetrial-panel { background-color: #9bf5df; }
.freetrial-panel-left { width: 265px; height: 180px; float: left; background: url(../../images/promo_freetrial_panel_topleft.gif) top left no-repeat; }
.freetrial-panel-left a { width: 265px; height: 180px; display: block; }
.freetrial-panel-left h4, .freetrial-panel-left p { display:none; visibility: hidden; }
.freetrial-panel-right { width: 255px; float: left; padding: 10px 10px 1px 10px; background: url(../../images/promo_freetrial_panel_topright.gif) top left no-repeat; }
.freetrial-panel-right p { font-size: 70%; }
.freetrial-panel-bottom { width: 540px; height: 10px; overflow: hidden; background: url(../../images/promo_freetrial_panel_bottom.gif) top left no-repeat; }

/* -- Sub Headings -- */
.sub-heading { color: #7c3291; font-weight: bold; line-height: 1em; margin: 0.6em 0 0.4em 0; }