﻿/* == STYLESHEET FUNCTIONS - Site layout and base style overrides
----------------------------------------------------------------------------------------------------------------------

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/

#outerWrap{position: relative; background: url(/_img/bg.jpg) top left no-repeat fixed;}
#wrap{width: 935px; position: relative; padding: 40px 0 0 40px;}
#wrap #head{float: left; width: 935px; height: 150px;}
#wrap #nav{float: left; width: 1050px; height: 70px;}

#wrap #mainContent, #wrap #mainContentStore{float: left; width: 971px;}
#footer{position: relative; width: 98%; height: 100px; z-index: 10; margin: 0; padding: 0 0 0 1%;}
#footer .footerInner{position: relative; width: 990px; padding: 30px 10px 0 30px; z-index: 5;}
#footer .opacityLayer{background: #0e0e0e; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.8; filter:Alpha(opacity=80); z-index: 1;}

/* == Main Content Divisions
----------------------------------------------------------------------------------------------------------------------*/

#wrap .templateOne .zoneOne {float: left; width: 220px;  overflow:hidden;}
#wrap .templateOne .zoneOne .section {width:220px; display:inline;}
#wrap .templateOne .zoneTwo {float: left; width: 460px;margin: 0 0 0 15px; display: inline; overflow:hidden; }
#wrap .templateOne .zoneThree{float: right; width: 261px; display:inline; overflow:hidden;}
#wrap .templateTwo .zoneOne{float: left; position: relative; width: 692px; display:inline; overflow:hidden;}
#wrap .templateTwo .zoneTwo{float: right; width: 267px;padding-bottom: 132px; display:inline; overflow:hidden;}

#wrap .templateStore .zoneOne{float: left; width: 970px;}

#wrap .splitLeft{float: left; width: 49%;}
#wrap .splitRight{float: right; width: 49%;}
#wrap .templateTwo .zoneOne .panel{background: #212931; padding: 5px 10px 10px 10px;border: solid 2px #272f37;margin-bottom: 12px;height: 1%;}
#wrap .templateTwo .zoneOne .panel:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap .templateTwo .zoneOne .panel h2 {text-transform:uppercase; font-size:120%;}

#wrap .section{float: left;width: 100%;position: relative;z-index: 10; }
#wrap .section .content{zoom: 1;position:relative;z-index: 5;padding: 12px;}
#wrap .section .content:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

#wrap .section .opacityLayer{background: #0c0e13;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.6;filter:Alpha(opacity=60);z-index: -1;}
#wrap .zoneOne .section {border-top:1px solid #7A7C81;}

#wrap .sectionFoot{clear: both; background:transparent;margin: 5px 0 5px 0;  /*float:left;*/ display:block;}
#wrap .sectionFoot a{float:right; /*margin: 5px 0 0 0; color: #fff;*/ text-decoration: none; text-transform: uppercase; font-size: 90%; font-weight: bold; }
#wrap .sectionFoot a:hover{}
#wrap .sectionFoot a span{}

#rightHolder{position: absolute; margin-top: 150px; right: 0; z-index: 1;}

/*wider footers */
#wrap .templateOne .zoneThree .sectionFoot,
#wrap .templateTwo .zoneTwo .sectionFoot{text-transform: uppercase;}
#wrap .templateOne .zoneThree .sectionFoot a,
#wrap .templateTwo .zoneTwo .sectionFoot a{display: block; text-transform: uppercase;}
#wrap .templateOne .zoneThree .sectionFoot a:hover,
#wrap .templateTwo .zoneTwo .sectionFoot a:hover {display: block; text-transform: uppercase;}
#wrap .templateOne .zoneTwo .sectionFoot{text-transform: uppercase;}
#wrap .templateOne .zoneTwo .sectionFoot a{display: block; text-transform: uppercase;}
#wrap .templateOne .zoneTwo .sectionFoot a:hover{display: block; text-transform: uppercase;}


/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/
#wrap #logo a{float: left; width: 669px; height: 76px; background: transparent url(/_img/sprite-nav.gif) no-repeat 0 0; text-decoration: none; margin: 0 0 15px 0;}
#wrap #logo a span{visibility: hidden;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/
#wrap #nav ul{float: left; margin: 0;}
#wrap #nav ul li{float: left; list-style: none; margin: 0 6px 0 0;}
#wrap #nav ul li a{float: left; text-decoration: none;}
#wrap #nav ul li a span{float: left; height: 16px; cursor: pointer; background: transparent url(/_img/sprite-nav.gif) no-repeat -160px -77px; font-size: 0; letter-spacing: -100000px; overflow: hidden; filter:alpha(opacity=50);opacity: .50;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

#wrap #nav ul li.navHome a span{width: 65px;}
#wrap #nav ul li.navUpdates a span{width: 104px; background-position: -160px -95px;}
#wrap #nav ul li.navShows a span{width: 82px; background-position: -160px -113px;}
/*#wrap #nav ul li.navTeamBiffy a span{width: 136px; background-position: -160px -131px; filter:alpha(opacity=70);opacity: 0.70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} */
#wrap #nav ul li.navTeamBiffy a span{width: 175px; height:34px; background: url(/_img/team-biffy.png) no-repeat !important; filter:alpha(opacity=70);opacity: 0.70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; margin-top:0px; }
#wrap #nav ul li.navMusic a span{width: 71px; background-position: -160px -149px;}
#wrap #nav ul li.navVideos a span{width: 88px; background-position: -160px -167px;}
#wrap #nav ul li.navGallery a span{width: 107px; background-position: -160px -185px;}
#wrap #nav ul li.navStore a span{width: 77px; background-position: -160px -203px;}
#wrap #nav ul li.navTheBiff a span{width: 107px; background-position: -160px -221px;}

#wrap #nav ul li a:hover span, #wrap #nav ul li.liOn a span{filter:alpha(opacity=100);opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

#wrap .splitLeft .btn{margin-top:10px}

/* == Footer
----------------------------------------------------------------------------------------------------------------------*/
#footer.social{}
#footer a img{float: left; margin: 0 20px 0 0; filter:alpha(opacity=50);opacity: .50;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
#footer a:hover img {filter:alpha(opacity=100);opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}
#footer a.twitter{margin-top: 4px;}
#footer a.facebook, #footer a.roadrunner{margin-top: 3px;}

/* == Paging
----------------------------------------------------------------------------------------------------------------------*/

.paging{height: 1%;}
.paging:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.paging .text,
.pagingbase .text{float: left; }
.paging .pg,
.pagingbase .pg{float: right;}
.paging .pg ul,
.pagingbase .pg ul{float: left;margin: 0;}
.paging .pg ul li,
.pagingbase .pg ul li{float: left; margin: 0 0 0 8px;list-style: none;border: 0;padding: 0;}
.paging .pg ul li a,
.pagingbase .pg ul li a{float: left; height: 22px; width: 25px; text-align: center;padding: 3px 0 0 0;background: url(/_img/paging-bg.gif) top left no-repeat;color: #fff; text-decoration: none;}
.paging .pg ul li a.on,
.pagingbase .pg ul li a.on{color: #000;font-weight: bold;background: url(/_img/paging-on.gif) top left no-repeat;}
.paging .pg ul li a:hover,
.pagingbase .pg ul li a:hover{background: url(/_img/paging-on.gif) top left no-repeat;text-decoration: underline;color: #000;}
.paging .pg ul li.det,
.pagingbase .pg ul li.det{height: 25px; line-height: 25px;font-weight: bold;}
.paging .divLoading,
.pagingbase .divLoading{height: 20px; line-height: 20px;}
.paging .divLoading img,
.pagingbase .divLoading img{vertical-align: middle;}


/* == Info Box 
----------------------------------------------------------------------------------------------------------------------*/
#infoBoxPopupFull{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1011;}
#infoBoxPopupFullOverlay{background: #000;position: fixed;width: 100%;height: 100%;filter:alpha(opacity=80);opacity: .80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";left: 0;}
.infoBoxPopupOuter{float: left;width: 500px;position: fixed;top: 20%;left: 50%;margin: 0 0 0 -250px;z-index: 100;}
.infoBoxPopupOuter .infoBoxPopup{float: left;width: 100%;background: #2f3935;margin: 10px 0;padding: 20px;border: 8px solid #c6d6af;}
.infoBoxPopup a{color: #fff;}
.infoBoxPopup img{padding:1px; border:solid 1px #666;margin:5px 5px 0 0;}
.infoBoxPopup .closeInfoBox{color: #fff;font-size:120%;font-weight:bold;float:right;margin:0 10px 0 0;}

/* == Calendar Item
----------------------------------------------------------------------------------------------------------------------*/
.calendar{border: solid 1px #1e2522; float: left; width: 65px;text-align: center;background: #828386;margin: 0 10px 5px 0;}
.calendar p{margin: 0; padding: 3px 0;line-height: 1.3em;}
.calendar p.one{background: #2f3935;color: #fff;margin: 2px; border: solid 1px #c3cea8;}
.calendar p.two{color: #fff;font-size: 140%;line-height: 1.1em;}
.calendar p.three{text-transform: uppercase;font-size: 90%;color: #fff;}
.calendar p.four{background: #293341;font-weight: bold;letter-spacing: 2px;}

/* == Video Module
----------------------------------------------------------------------------------------------------------------------*/
.sideVideos .vidThumbs{float: left;border-top: solid 1px #323232; padding: 4px 0 4px 2px; background: #201e21;}
.sideVideos .vidThumbs .scroll{float:left;border: solid 1px #444;background: #222;color: #878787;height: 53px; line-height: 53px;padding: 0 2px;font-weight: bold;font-size: 150%;text-decoration: none;}
.sideVideos .vidThumbs a.scroll:hover {border: solid 1px #EEEEEE; color:#EEEEEE;}
.sideVideos .vidThumbs .thumbHolder{float:left;width:214px;overflow:hidden;margin-top: 1px;margin-right: 3px;}
.sideVideos .vidThumbs .thumbHolder .inner{width:10000px;}
.sideVideos .vidThumbs .thumbHolder a{margin-left:2px; border:1px solid #201E21; background:#222222 url(/_img/play_small.gif);}
.sideVideos .vidThumbs .thumbHolder a:hover{border:1px solid #DDDDDD}
.sideVideos .vidThumbs .thumbHolder a:hover img{opacity:0.4;filter:Alpha(opacity=40); text-decoration:none;}

.sideVideos .vidThumbs .thumb{float:left;height:51px;width:67px;overflow:hidden;background-color:#000;text-align:center;}
.sideVideos a.moreLink {text-transform:uppercase; margin:5px 0 5px 35px; float:left; text-decoration:none; color:#787676; }
.sideVideos a.moreLink:hover {color:#EEEEEE;}

/* == Video Section
----------------------------------------------------------------------------------------------------------------------*/
ul.listThumbs{margin: 0 0 10px 0; list-style: none;height: 1%;}
ul.listThumbs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.listThumbs li{width: 222px;float: left;}
ul.listThumbs li .thumb{float: left;margin: 0 5px 0 0;border: solid 1px #565455; padding: 7px; background: #222222;}
ul.listThumbs li .thumb img{float: left;}
.listVideo ul.mainList{margin: 10px 0 10px 0; list-style: none;height: 1%; border-top:1px solid #7A7C81; padding-top:10px;}
.listVideo ul.mainList a {text-decoration:none;}
.listVideo ul.mainList a:hover {text-decoration:underline;}

.listVideo ul.mainList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.listVideo ul.mainList li{width: 225px;float: left;}
.listVideo ul.mainList li a.thumb{float: left;margin: 0 5px 0 0;border: solid 1px #565455; padding: 7px; background: #222222 url(/_img/play.gif) center center no-repeat;}
.listVideo ul.mainList li a.thumb img{float: left;}
.listVideo ul.mainList li a.thumb:hover img{opacity:0.3;filter:Alpha(opacity=30);}
.listVideo .floatLeft a { display:block; margin-bottom:7px; margin-left:0px; float:left;}
.listVideo p.floatLeft  {height:28px; margin:0;}
.listVideo p.floatRight  {height:28px; margin:0 0 15px 0;}
.listVideo .floatRight a { margin-bottom:7px; margin-left:0px;float:right; display:block;}
.listVideo .floatLeft span {float:left; padding:7px;}
.listVideo .floatRight span {float:right; padding:7px;}

.videos .listThumbs {margin: 10px 0 10px 0; list-style: none;height: 1%; border-top:1px solid #7A7C81; padding-top:10px; float:left; width:100%;}
.videos .listThumbs a{text-decoration:none;}
.videos .listThumbs a:hover{text-decoration:underline;}

ul.videoList li a.thumb{background: #222222 url(/_img/play.gif) center center no-repeat;}
ul.videoList li a.thumb:hover img{opacity:0.3;filter:Alpha(opacity=30);}

.viewVideo .commentsholder{margin:0 0 15px 0;}
.viewVideo h2 {float:none;}

.landingVideo a.linkBtn {position:relative;}


/* == Photos Section
----------------------------------------------------------------------------------------------------------------------*/
.landingPhoto .thumbs ul{}
.landingPhoto .thumbs ul{margin: 0 0 10px 0; list-style: none;height: 1%;}
.landingPhoto .thumbs ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.landingPhoto .thumbs ul li{width: 210px; float: left; margin:5px;}
.landingPhoto .thumbs ul li a.thumb{float: left;margin: 0 5px 0 0;border: solid 1px #565455; padding: 7px; background: #222222;}
.landingPhoto .thumbs ul li a.thumb img{float: left;}
.landingPhoto .thumbs ul li a.thumb:hover{background: #2f3935;}

.landingPhoto .linkBtn {; z-index: 20; position: relative;}

.listGallery a.linkBtn{ margin:0;}

.listGallery ul.genList li {padding-top:15px;}
.listGallery ul.genList li .info {padding:0px;}
.listGallery ul.genList li a.linkBtn {}


.viewPhoto .main{float:left;margin:5px 0 5px 3px;display: inline;border:solid 1px #333;background:#000;padding:10px;text-align:center;}
.viewPhoto .main .int{margin:0;overflow:hidden;text-align:center;width:640px;}
.viewPhoto .commentsholder .main{float:left;margin:0px;display: inline;border:0; background:#000;padding:10px;text-align:left;}
.viewPhoto .main .int{margin:0;overflow:hidden;text-align:center;width:630px;}
.viewPhoto .commentsholder {margin:0px;}
.photos .commentsholder h2 {float:none;} 

.viewPhoto .prev{float:left;display:inline;margin:0 0 0 4px;}
.viewPhoto .next{float:right;display:inline;margin:0 13px 0 0;}
.galleryBox{float: left;width: 98%;margin: 0px 0 5px 3px;display: inline; position: relative; z-index: 20;}
.galleryBox .scroll{margin-top:1px; float: left;width: 18px;border: solid 1px #444;background: #222;color: #878787;height:72px;line-height: 73px;font-weight: bold;font-size: 150%;text-decoration: none;text-align: center;}
.galleryBox .scroll:hover {color:#EEEEEE; border:1px solid #EEEEEE;}
.galleryBox .thumbs{float: left;width: 612px;overflow:hidden;margin:0;}
.galleryBox ul, .galleryBox ul li{float: left;margin:0;padding:0;list-style:none;}
.galleryBox ul{padding:1px 0 2px 4px;width:20000px;}
.galleryBox ul li{width: 76px;padding-left:0;}
.galleryBox ul li .inlineImg{margin:0;background-color:#000;}
.galleryBox ul li a.thumb{float:left; text-align:center; background:transparent url(/_img/biffy_back.gif) no-repeat scroll 0 0;}
.galleryBox ul li a.thumb:hover img{opacity:0.8; filter:alpha(opacity=80); }
.galleryBox ul li a.thumb span{}
.galleryBox .scrollInd{float:left;width: 652px;border: solid 1px #c8c8c8;margin-top:5px;filter:alpha(opacity=10);-moz-opacity:.10;opacity:.10;height:8px;line-height:8px;overflow:hidden;}
.galleryBox .scrollInd .current{position:absolute;background-color:#c8c8c8;height:8px;line-height:8px;cursor:move;font-size:1px;}
.galleryBox p{text-align:right;margin-right:15px;}
.galleryBox .linkOff, .galleryBox .linkOff a.current{filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;cursor:default;}
.galleryBox .linkOff .current{cursor:default;}

/* == Contact Form
----------------------------------------------------------------------------------------------------------------------*/
.contactform label{width:120px;}
.contactform .formHolder .input,
.contactform .formHolder select{width:420px;}
.sideContact .contactform label{width:70px;}
.sideContact .contactform .formHolder .input, 
.sideContact .contactform .formHolder select{width:160px;}


/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/
ul.error{margin: 0 0 5px 0; list-style: none;padding: 10px 0 0 60px;background: url(/_img/warning.gif) 5px 10px no-repeat;min-height: 60px; height: auto !important; height: 60px;font-weight: bold;}
ul.error li {margin:0 0 10px 0;}
ul.success{border: solid 1px green; color: green; font-style: italic;margin: 5px 0; list-style: none;padding: 16px;background: url(/_img/warning.gif) 5px 10px no-repeat;font-weight: bold;}
ul.success li{margin-left: 50px;}

/* == Audio Player Module
----------------------------------------------------------------------------------------------------------------------*/
.audioWrap{float: left; margin-bottom:15px;}
.audioWrap p.top{font-size: 95%; margin:0 0 5px 0;}
.audioWrap #divPlayer{margin: 0 0 5px 0;float: left;}
.audioWrap a.popup{text-decoration: none; font-weight: bold;}
.audioWrap .section {/*margin-bottom:8px;*/}
.audioWrap .section .content {border:1px solid #535353;}
.audioWrap .section .content {padding:5px 12px 5px 12px;}

.audioWrap .sectionFootHolder .popup span {background:transparent url(/_img/launch-popup-player.png) no-repeat; cursor:pointer;float:left;font-size:0;height:11px; width:175px; letter-spacing:-100000px;overflow:hidden; float: right;}
.audioWrap .sectionFootHolder .popup:hover span {background:transparent url(/_img/launch-popup-player-over.png) no-repeat;}
.audioWrap .section .popup:hover {color:#EEEEEE;}



/* == Header Promotion Text
----------------------------------------------------------------------------------------------------------------------*/
#headPromo{float: right;clear: right; width: 250px;height:55px;overflow:hidden;margin: 10px 30px 0 0; font-size: 120%;display: inline;}
#headPromo p{margin: 0;}
#headPromo a{color: #d9dca4}

/* == Tabs
----------------------------------------------------------------------------------------------------------------------*/
ul.tabs{margin: 0;list-style: none;height: 1%;}
ul.tabs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.tabs li{float: left; background: none; margin: 0 1px 0 0;}
ul.tabs li a{float: left; height: 28px; background: #12151B; line-height: 28px; padding: 0 13px; text-decoration: none;color: #fff;text-transform: uppercase; font-weight: bold; font-size: 85%;}
ul.tabs li.on a{color: #c6d6af;}
ul.tabs li.divLoading{background: none;}

ul.tabs li a {padding:0px;} 
ul.tabs li a span {display:none;}

ul.store{float: left; height: 1%;}
ul.store:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.store li a span {display:block;}

ul.tabs li.all a{background: url(/_img/tabs_nav.png) top left no-repeat transparent; width:47px; height:25px;}
ul.tabs li.all a:hover{background: url(/_img/tabs_nav.png) -235px 0px no-repeat transparent;}

ul.tabs li.news a{background: url(/_img/tabs_nav.png) -47px 0 no-repeat transparent; width:55px; height:25px;}
ul.tabs li.news a:hover{background: url(/_img/tabs_nav.png) -282px 0px no-repeat transparent;}

ul.tabs li.blog a{background: url(/_img/tabs_nav.png) -103px 0 no-repeat transparent; width:55px; height:25px;}
ul.tabs li.blog a:hover{background: url(/_img/tabs_nav.png) -338px 0px no-repeat transparent;}

ul.tabs li.twitter a{background: url(/_img/tabs_nav.png) -158px 0 no-repeat transparent; width:75px; height:25px;}
ul.tabs li.twitter a:hover{background: url(/_img/tabs_nav.png) -393px 0px no-repeat transparent;}

ul.tabs li.viewAll{float: right;margin-top: 5px;}
ul.tabs li.viewAll a{background: #151515; color: #d2d2d2; text-decoration: none;padding: 4px;height: auto; line-height:normal;}
ul.tabs li.viewAll a span{color: #426957;}
ul.tabs li.viewAll a:hover{background: #c5d6ac; color: #111;}

#listOfficial {} 
#listOfficial a {text-decoration:none;}
#listOfficial a:hover {text-decoration:underline;}
#listLive a {text-decoration:none;}
#listLive a:hover {text-decoration:underline;}
#listOther a {text-decoration:none;}
#listOther a:hover {text-decoration:underline;}
#listMembers a {text-decoration:none;}
#listMembers a:hover {text-decoration:underline;}
.ratingControl p {margin-bottom:0px}

/* == Blog Navigator List
----------------------------------------------------------------------------------------------------------------------*/
ul.blogList, ul.blogList li {float:left; width:100%; margin:0; list-style:none;}
ul.blogList li ul{overflow: auto;}

/* == Generic Listings
----------------------------------------------------------------------------------------------------------------------*/
ul.genList{margin: 5px 0 0 0;list-style: none;}
ul.genList li{height: 1%;border-bottom: solid 1px #a1a78d; padding: 0 0 10px 0; margin: 0 0 10px 0;}
ul.genList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.genList a.thumbnail, ul.genList li a.thumbnail, .thumbnailImg{float: left; border: solid 1px #565455; padding: 7px; background: #222222; margin: 0 10px 10px 0;}
ul.genList a.thumbnail:hover, ul.genList li a.thumbnail:hover{background: #2f3935;}
ul.genList .btn {margin-top:10px;}

.thumbnailImg{float:right;margin:0 0 10px 10px; cursor: pointer;display:inline;width:auto;}
ul.genList li .info{padding: 0 0 0 3px;}
ul.genList li .info h2{margin: 0 0 5px 0;}
ul.genList li .info p{margin: 3px 0 15px 0;}

#wrap .sideGigs .section{border: 0;}
#wrap .sideGigs .section .content{padding: 0;}
#wrap .sideGigs .opacityLayer{background: none;}

#wrap .sideGallery .section{padding: 7px;}
#wrap .sideGigs .section .content{padding: 0; margin-bottom:0px;}
#wrap .sideGigs .opacityLayer{background: none;}

#wrap .sideGigs ul.compactList{margin: 0; list-style: none;}
#wrap .sideGigs ul.compactList li{height: 1%; border-top: solid 1px #84888d; padding: 0 0 0 5px; margin: 0 0 8px 0; background: url(/_img/bg-gigitem.gif) no-repeat top right #12151b;}
#wrap .sideGigs ul.compactList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap .sideGigs ul.compactList li p{margin: 3px 0;line-height: 1.3em;}
#wrap .sideGigs ul.compactList li .holder{width:114px; margin-top:0px;}
#wrap .sideGigs ul.compactList li .title{color: #FFFFFF; line-height:1.3em; margin:1px 0 0 0; font-size:110%; float:left; font-weight:bold; }
#wrap .sideGigs ul.compactList li .title a{ text-decoration:none;}
#wrap .sideGigs ul.compactList li .title a:hover{ text-decoration:underline;}

#wrap .sideGigs ul.compactList li .town{color: #CCCCCC; line-height:1.3em; margin:1px 0 0 0; font-size:110%; float:left;font-weight:bold;}
#wrap .sideGigs ul.compactList li .calendar .two {line-height:normal; margin:0 0; font-size:100%; font-weight:bold; text-transform:uppercase;}
#wrap .sideGigs ul.compactList li .calendar .four  {margin:0}
#wrap .sideGigs .sectionFoot {margin:0;}
#wrap .sideGigs .calendar {margin:5px 5px 0 0}
#wrap .sideGigs a.gigBuy{background-color:#CCCCCC;}
#wrap .sideGigs a.gigBuy:hover img {opacity:0.4;filter:Alpha(opacity=40);}

#wrap .twitterMain {border-top:1px solid #80838B; float:left; margin-top:5px;}
#wrap .twitterMain ul{margin: 20px 0 0 0; list-style: none;}
#wrap .twitterMain ul li{border-bottom: solid 1px #80838B; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#wrap .twitterMain ul li h2{margin: 0 0 5px 0; color:#D0CDA4; font-size:120%;}
#wrap .twitterMain ul li p{margin: 3px 0;}
#wrap .twitterMain ul li span {color:#FFF;}

body#home .twitterMain ul{margin: 5px 0 0 0;}
body#home .twitterMain ul li{background: #161921; border: 0; border-top: 1px #787878 solid; padding: 10px;}
body#home .twitterMain ul li h2{font-size: 130%;}
body#home .twitterMain {font-size: 90%; border:0px;}


ul.photoList{height: 1%;margin: 0;}
ul.photoList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.photoList li{float: left;margin: 0 5px 0 0;list-style: none;}
ul.photoList li img{float: left;border: solid 1px #565455; padding: 7px; background: #222222;}

ul.attendeeList{height: 1%;margin: 10px 0 0 0;}
ul.attendeeList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.attendeeList li{float: left;margin: 3px 10px;list-style: none;text-align: center;min-height: 90px; height: auto !important;height: 115px;}
ul.attendeeList li img{float: left;border: solid 1px #565455; padding: 7px; background: #222222;height: 50px; width: 50px;}

#wrap .twitterLead{position: relative; float: none; width: auto; min-height: 40px; _height: 40px; border: solid 1px #4f5154;margin: 5px 0 15px 0;padding: 0 95px 0px 8px;height: 1%;}
#wrap .twitterLead .content{padding: 10px 0 0 0;min-height: 85px; height: auto !important; height: 85px;}
#wrap .twitterLead h2{font-size: 120%; color: #d0cda4; font-weight: bold;}
#wrap .twitterLead h2 span{color: #fff; font-weight: bold;}
#wrap .twitterLead .follow{position: absolute; z-index: 11; top: 5px; right: 10px;}
#wrap .twitterLead .follow img{opacity:0.70;}
#wrap .twitterLead .follow:hover img{opacity:1; filter:Alpha(opacity=100);}

#wrap .twitterLead .itemDetails {margin:10px 0;}

#wrap ul.genList li{margin: 0; border: 0; border-top: 1px #80838b solid;}
#wrap ul.genList li .section{border: 0;}
#wrap ul.genList li div.homepage-news .content{background: url(/_img/bg-homelisting-news.gif) top right no-repeat; padding-right: 40px;}
#wrap ul.genList li div.homepage-blog .content{background: url(/_img/bg-homelisting-blog.gif) top right no-repeat; padding-right: 40px;}
#wrap ul.genList li div .content h2{text-transform: uppercase; letter-spacing: -1px;}
#wrap ul.genList li .newsListArticle{display:none;}

/* == Form Styles
----------------------------------------------------------------------------------------------------------------------*/
.formHolder .input{width: 170px;}
.formHolder select.input{width: 183px;}
.formHolder h2, .formHolder h3{margin-bottom: 0; border-bottom: solid 1px #7A7C81;padding-bottom: 5px;}

/* == Comment Styles
----------------------------------------------------------------------------------------------------------------------*/
.mainCommentList{margin: 0; list-style: none;}
.mainCommentList li{height: 1%;margin: 0 0 15px 0;}
.mainCommentList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.mainCommentList li .text{padding: 0 0 0 90px;}
.mainCommentList li .text .inner{padding: 5px;}
.mainCommentList li a.thumb{float: left;background: url(/_img/comment-bubble.gif) top left no-repeat;padding: 3px 3px 20px 3px;}
.mainCommentList li .text p{padding-top: 5px;}
#wrap .section .content .commentsholder {margin:0px;}
.commentsholder{float:left; width:650px; background:#030303 url(/_img/input-bg.gif) repeat-x scroll left top;border:1px solid #787878;clear:both;margin:0px 12px 12px 12px; padding:8px;}
.commentsholder textarea.ninety {}
.commentsholder .comments-hdr {float:left; width:100%;}
.commentsholder .holder {float:left; width:97%;}
.commentsholder .holder  span {display:inline-block;float:left;padding:8px; font-weight:bold;}
.listingComments span {display:inline-block;float:left;padding:8px; font-weight:bold;}

.commentsholder .form div {float:left; width:97%; }
.commentstext{color: #fff; font-weight: bold; font-size: 90%; float: left; margin-top:10px;}
.commentstext span{float: left; display: inline-block; padding: 8px;}
.addLink{margin: 5px 0 0 0; font-size: 90% !important;}
.closeLink{margin: 0 55px 0 0; font-family: Arial,Helvetica,Sans-Serif;}

.listingComments{width: 650px; background:#030303 url(/_img/input-bg.gif) repeat-x scroll left top;border:1px solid #787878;clear:both;margin-top:0px;padding:8px;}
.commentList {margin:5px 0 0 0; list-style-type:none;}
.commentList li {float:left; width:97%;}
.commentList li div.info {float:left; width:400px;}
.commentList li div.info .date {clear:both; padding:0 2px 0 0; color:#A4B0BB;}
.commentList li div.info .main {float:left}
.commentList li div.img {float:left; margin-right:15px; background:#222222 none repeat scroll 0 0;border:1px solid #565455;float:left;padding:7px;}
.commentList li div span.author { padding:0 2px 0 0; color:#C6D6AF;}
.commentList li div .text {float:left; width:500px;}

/* == Shows Styles
----------------------------------------------------------------------------------------------------------------------*/
.divAttend{border: solid 1px #787878;padding: 8px; margin-top:35px;clear: both; background: url(/_img/input-bg.gif) #030303 repeat-x top left;}

#wrap .shows .detailsText{display: none;}
#wrap .shows ul.tabs, #wrap .templateTwo ul.tabs  {float: left;  height:30px;}
#wrap .shows .paging, #wrap .store .paging, #wrap .updates .paging{float: right;}
#wrap .shows .paging .pg, #wrap .shows .pagingbase .pg{float: none;}
#wrap .templateTwo ul.tabs li a, #wrap .shows ul.tabs li a, #wrap .store ul.tabs li a{text-transform: uppercase; font-size: 120%; padding: 0 5px; color: #7b7b7b;}
#wrap .templateTwo ul.tabs li, #wrap .shows ul.tabs li , #wrap .store ul.tabs li {margin:0 2px 5px 0;}

#wrap .templateTwo ul.tabs li a:hover, #wrap .templateTwo ul.tabs li a.on, #wrap .shows ul.tabs li a:hover, #wrap .shows ul.tabs li a.on, #wrap .store ul.tabs li a:hover, #wrap .store ul.tabs li.on a{color: #333333; background-color: #d0cda4;}
#wrap .shows ul.genList {float:left; width:100%;}
#wrap .shows ul.genList li{padding: 10px 0;}
#wrap .shows ul.genList li .itemDetails{clear: none;padding-top: 5px;}
#wrap .shows ul.genList li .showButtons{float: right;width: 350px;text-align: right;}
#wrap .shows ul.genList li .showButtons .linkBtn{margin-top: 0;}
#wrap .shows ul.genList li .info h2{margin-bottom: 0;}
#wrap .shows .info h2 span{color: #9ba0a9;}
#wrap .videos .paging {float:right;}

/*
/*    FAN AREA
/*
/*
----------------------------------------------------------------------------------------------------------------------*/


/* == Main Styles
----------------------------------------------------------------------------------------------------------------------*/
#wrap .fanArea ul.tabs{margin-bottom: 0; background-color:#28313A; padding:10px; float:none; height:30px;}
#wrap  .fanArea ul.tabs li a {text-transform: uppercase; font-size: 120%; padding: 0 5px; color: #7b7b7b;}
.fanArea ul.tabs li a:hover, .fanArea ul.tabs li a.on{color: #111; background: #a4b0bb;}

.fanArea ul.fanSecNav{margin:0;list-style: none; background: url(/_img/bg-fanarea2nav.gif) no-repeat transparent center left; padding: 7px 0 7px 28px; margin:5px 0 0 0;}
.fanArea ul.fanSecNav li{display: inline;padding: 0 3px 0 0px;margin: 0 3px 0 0px;}
.fanArea ul.fanSecNav li a{background: none; color: #d2d2d2; text-decoration: none;padding: 4px; border: 1px #787878 solid; font-size: 90%; text-transform:uppercase; font-weight:bold;}
.fanArea ul.fanSecNav li a:hover, .fanArea ul.fanSecNav li a.on{text-decoration: none; background:#a4b0bb; color: #000;}
.fanArea table td{border:1px solid #333; background: #111;}
.fanArea table td label{display:none;}
.fanArea table th{border:1px solid #333;background: url(/_img/input-bg.gif) #030303 repeat-x top left; color:#fff;}
.fanArea label{width:30%;float:left;}
.fanArea .form label{font-weight:bold;}
.fanArea b {color:#A4B0BB;}
.fanArea a {text-decoration:none;}
.fanArea a:hover {text-decoration:under-line;}
.fanArea .tabs a:hover {text-decoration:none;}
.chkRow{float: left; margin: 0 0 0 3px;}

.fanArea ul.plain{margin: 5px 0;}
.fanArea ul.plain li{height: 1%;}
.fanArea ul.plain li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.fanArea ul.plain li .thumb{border: solid 1px #444; padding: 1px;float: left;}
.fanArea ul.plain li .info{padding: 0 0 0 80px;}
.fanArea ul.plain li p{margin: 0 0 5px 0;}

.fanArea ul.fanPhotoList{margin: 5px 0;float: left;}
.fanArea ul.fanPhotoList li{float: left;list-style: none;}
.fanArea ul.fanPhotoList li a{float: left;}
.fanArea ul.fanPhotoList li a img{float: left;bordeR: solid 1px #444; padding: 1px;}

p.memberNote{padding:5px 10px; background: #000; border: solid 1px #A6BC96;}

/* =Fan Area - Filter
--------------------------------------------------------------------------- */
.fanArea .filter{padding-top:2px;}
.fanArea .filter b, 
.fanArea .filter ul, 
.fanArea .filter ul li{float:left;margin:0 5px 0 0;padding:0;list-style:none;}
.fanArea .filter b{margin-left:10px;}
.fanArea .filter ul li a.on{border-color:#00b4ff;}

/* =Fan Area - Listing
--------------------------------------------------------------------------- */
#container #wrap #mainContent .fanArea .userList ul.genList{float: left; width:100%;margin: 5px 0;}
#container #wrap #mainContent .fanArea .userList ul.genList li{float: left; width:100%;margin: 0 0 15px 0;}
#container #wrap #mainContent .fanArea .userList ul.genList li p{margin: 0;}

.fanArea .userList ul.genList li .memberType1 .txt,
.fanArea .memberProfile .memberType1{}
.fanArea .userList ul.genList li .memberType2 .txt,
.fanArea .memberProfile .memberType2{}
.fanArea ul.genList p.textRight{margin-bottom:5px;}

/* =Fan Area - Gender Specific
--------------------------------------------------------------------------- */
.fanArea .Female h2.name{color:#efb8d1;}
.fanArea .userList ul.genList li .Female h3 a{color:#efb8d1;}
.fanArea .userList ul.genList li .Male h3 a{color:#abe6f2;}
.fanArea .Male h2.name{color:#abe6f2;}
.fanArea .userList ul.genList li h3 a:hover{color:#1edfee;}

/* =Fan Area - Profile */
.fanArea .memberProfile .bottom{float:left;width:100%;padding:0 0 0 0;margin:0 0 10px 0;}
.fanArea .memberProfile .img{float:left;width:150px;}
.fanArea .memberProfile .facts{float:left;width:370px;}

.fanArea .memberProfile .facts b{width:100px;float:left; color:#A4B0BB}
.fanArea .memberProfile .facts span{width:240px;float:left;margin:0 0 0 10px;}

.fanArea .memberProfile .options{float:left;width:100%;margin:0 0 10px 0;padding:5px 0;background: #000;}
.fanArea .memberProfile .options ul, 
.fanArea .memberProfile .options ul li{float:left;margin:0;padding:0;list-style:none;}
.fanArea .memberProfile .options ul li a{float: left; background: #1edfee; color: #000;margin: 0 0 0 5px;padding: 0 5px;font-family: Arial;font-weight: bold;border: solid 3px #000;}

.fanArea .memberProfile .photos,.memberProfile .photos li{margin:0;padding:0;list-style:none;float:left;}
.fanArea .memberProfile .photos li{/*width:40px;height:40px;*/overflow:hidden;border: solid 1px #aeaeae;padding: 2px; background: #f2f2f2;margin:2px 2px 0 0;}
.fanArea .memberProfile .divFullImg{position:absolute;border:1px solid #787878;margin: -110px 0 0 110px;}
.fanArea .memberProfile .divFullImg a{display:block;text-decoration:none;background-color:#000;color:#FFF;padding: 5px 10px;font-weight:bold;border-bottom:1px solid #787878;}

/* =Fan Area - Friends List */
.fanArea .memberProfile .fullFriends,.fanArea .memberProfile .fullFriends li{float:left;margin:0;padding:0;list-style:none;}
.fanArea .memberProfile .fullFriends{padding:0 0 15px 10px;}
.fanArea .memberProfile .fullFriends li{width:92px;overflow:hidden;font-size:90%;margin:0 0 5px 0;}
.fanArea .memberProfile .fullFriends li img{}

/* =Fan Area - Gigs */
.fanArea .memberProfile .gigsBox ul,.fanArea .memberProfile .gigsBox ul li{margin:0;padding:0 0 5px 0;list-style:none;}

/* =Fan Area - Image Uploader */
.fanArea .imageUploader h2{letter-spacing:0.1px;padding:0 0 0 0;border-bottom:0;font-size:130%;}
.fanArea .imageUploader .clr{font-size:1px;height:1px;line-height:1px;}
.fanArea .imageUploader .btn {margin:10px 0 10px 0;}



/* =Fan Area - Image Listing
--------------------------------------------------------------------------- */
.fanArea .uploadedimages br{font-size:1px;height:1px;line-height:1px;}
.fanArea .imgListing{float: left; margin: 0;list-style: none;}
.fanArea .imgListing li{float: left;margin: 0 4px 0 0;list-style: none;width:70px;min-height: 120px;height: auto !important; height: 120px;background: transparent url('/_img/bg/white-box.gif') no-repeat bottom right;padding: 5px;}
.fanArea .imgListing li img{overflow:hidden; width:70px; height: 70px;}
.fanArea .imgListing li a, 
.fanArea .imgListing li b{float:left;font-size:90%;padding: 2px 0;height:auto;margin:1px 0 0 0;background-color:#828487;color:#fff;width:70px; text-align:center;overflow:hidden;text-decoration: none;}
.fanArea .imgListing li b{background-color: #000;font-weight:normal;}
.fanArea .imgListing li a:hover{color: #000;}


/* =Fan Area - Friends Listing
--------------------------------------------------------------------------- */
#listFriends{padding-left:0;}
#listFriends .scroll{height:80px;padding:11px 0;}
#listFriends ul{float:left;margin:0;padding:0;}
#listFriends ul li{overflow:hidden;font-size:90%;margin:5px;float:left;width:83px;}


/* =Fan Area - Messages Page
--------------------------------------------------------------------------- */
.fanArea .from{float:left;width:110px;font-size:90%;overflow:hidden;}
.fanArea .from h2{font-size:180%;}
.fanArea .view{float:left;width:380px;overflow:hidden;}
.fanArea .view h3{color:#1edfee;}
.fanArea .view h4{color:#a4a4a4;}
.fanArea .msgPanel .to b{font-size: 170%;}
.fanArea .col_subject a.msgTitle{color: #999;text-decoration: none;}
.fanArea .col_subject a.msgTitle:hover{text-decoration: underline;}
.fanArea a.msgTitle .unreadMsg{color: #d9dca4;}


/* =Fan Area - Sub friends
--------------------------------------------------------------------------- */
.fanArea .subFriends .paging{float:right;text-align:right;margin:0;padding-right:5px;}
.fanArea .subFriends .list ul li a.on{background-color: #70b7ef;}    
.fanArea .subFriends .list ul, .fanArea .subFriends .list ul li{float:left;margin:0;padding:0;list-style:none;}
.fanArea .subFriends .list ul{padding-left:5px;}
.fanArea .subFriends .list ul li{width: 95px;min-height: 90px; height:auto !important; height:145px;text-align:center;margin:0 13px 10px 0;padding: 10px 0;border:none;}
.fanArea .subFriends .list ul li a {text-decoration:none; }
.fanArea .subFriends .list ul li a img {text-decoration:none; border:1px solid #444444;}

.fanArea .subFriends .list ul li div {display:none;}

.fanArea .subFriends .list ul li b{font-size:90%;}
.fanArea .subFriends .list ul li.mask, .fanArea .subFriends .list ul li.mask a{color:#d1d1d1;}
.fanArea .subFriends .list ul li.mask img{filter:alpha(opacity=20);-moz-opacity:0.20;opacity:0.2;}
.fanArea .subFriends .list ul li.mask input{filter:alpha(opacity=20);-moz-opacity:0.20;opacity:0.2;}
.fanArea .subFriends .list ul li.mask b{font-size:90%;}
.fanArea .subFriends .list ul li a.sel span, .fanArea .subFriends .list ul li.mask a.sel span{color:#fff;background-color:#00b4ff;}

.landingVideo .detailsText{display: none;}

.fanArea .basicList{list-style:none;margin:0}


/* =Fan Area - Sub friends
--------------------------------------------------------------------------- */

/* =Fan Area - Members/Photos
--------------------------------------------------------------------------- */
#wrap .fanmembers ul.genList, #wrap .fanphotos ul.genList, #wrap .videos ul.genList, #wrap .fanblog ul.genList{margin-top: 20px;}
#wrap .fanmembers ul.genList li, #wrap .fanphotos ul.genList li, #wrap .videos ul.genList li, #wrap .fanblog ul.genList li{padding: 15px 10px 10px 10px; margin: 0;}
#wrap .fanphotos ul.genList li h3, #wrap .videos ul.genList li h3, #wrap .fanblog ul.genList li h3{margin-top: 0;}


/* =Updates 7 May - see documentation
--------------------------------------------------------------------------- */

.termslinks{float: left; font-size: 95%; margin: 5px 0 0 62px; clear: both; margin-bottom:5px;margin-left:57px;margin-right:0;margin-top:10px;text-align:left;width:67px}
.termslinks a{color: #fff; font-size:80%;}
p.title {color: #fff; font-weight: bold;}
a.linkBtn {text-transform: uppercase; font-weight: bold; font-size: 90%; text-decoration: none;}
a.reportContent {border:1px solid #787878; background: #151515; color: #EEEEEE; text-decoration: none;padding: 3px;font-weight: bold; font-size: 90%; margin: 0px; font-family: Arial, Helvetica, Sans-Serif; float:left; clear:both;}
a.reportContent:hover {color: #333; background: #D0CDA4;}


/* Video | Audio home element
--------------------------------------------------------------------------- */
#wrap .sideVideos {width:261px}
#wrap .sideVideos .section  {width:255px;}
#wrap .sideVideos .section .content {padding:0px; border:1px solid #535353;}


/* CUSTOM FIXES
--------------------------------------------------------------------------- */
#wrap .sideExclusivesArchive .section,
#wrap .sideArchive .section,
#wrap .sideReg .section {margin-bottom:15px;}
#wrap .sideExclusivesArchive .section .content, 
#wrap .sideArchive .section .content, 
#wrap .sideReg .section .content {border:1px solid #535353; }
#wrap .sideReg select {width:132px;}
#wrap .sideReg input.sixty {width:120px;}
#wrap .sideReg .title {margin-bottom:5px;}
#wrap .sideReg .btn {margin: 8px 4px 0 0;}
#wrap .templateOne .zoneTwo .sectionFoot {margin-top:0px;}
#wrap .templateTwo input.sixty {width:60%;}
#wrap .templateTwo .termslinks {margin:10px 0 5px 74px;}
#wrap .templateTwo .sideReg select {width:65%;}
#wrap .templateTwo .sideReg  .btn {margin-right:10px;}
#wrap .sideArchive .section .content a {text-decoration:none;}
#wrap .sideArchive .section .content a.on {padding-left:16px; padding-top:2px; background: url(/_img/btn-on-arc.gif) no-repeat 0px 2px;}
#wrap .sideArchive .section .content a.off {background: url(/_img/btn-off-arc.gif) no-repeat 0px 2px; padding-left:16px; padding-top:1px;} 
#wrap .sideArchive .section .content .basicInner a {font-size:90%;}

  


/* Biff it up panel
--------------------------------------------------------------------------- */
#rightHolder #btn-slide1 {float:left;}
#rightHolder #btn-slide1 img {opacity:0.8; filter:Alpha(opacity=80)}
#rightHolder #btn-slide1:hover img {opacity:1; filter:Alpha(opacity=100)}

.panelRight #btn-slide2 {float:left;}
.panelRight #btn-slide2 div {width:129px; border:1px solid #535353; height:30px; background: #333 url('/_img/biff_close.jpg') 0 0 no-repeat;}
.panelRight a#btn-slide2:hover div {border:1px solid #EEEEEE; background: #333 url('/_img/biff_close.jpg') -131px 0 no-repeat;}
.panelRight #btn-slide2 span {display:none; }
.panelRight a.biffitup {background: #FFF url(/_img/biffy_back.gif) no-repeat scroll 30px 5px; float:left;}
.panelRight a.biffitup:hover img {opacity:0.8;filter:Alpha(opacity=80);}


.commentReport .reportHolder {float:left; }
.commentReport .reportHolder br {clear:both;}
.commentReport .reportHolder .btn {clear:both; margin:10px 0 10px 0;}
.sideArchive {float:left; width:267px;}
.sideReg {float:left;}
.sideReg h2 {margin: 0; padding: 0; height: 1%;}
.zoneTwo .sideReg .thirty {width:73px;}

.sidePhoto .sectionFootHolder{margin-left:95px;} /* sIFR Fix - float right is bugged*/
.sideGigs .sectionFootHolder{margin-left:95px;} /* sIFR Fix  - float right is bugged*/
.listingSectionFooterHolder {margin-left:333px;} /* sIFR Fix  - float right is bugged*/
.sideVideos .sectionFootHolder {margin-left:147px;padding-right: 6px;} /* sIFR Fix  - float right is bugged*/
.sideShop .sectionFootHolder {margin-left:120px;} /* sIFR Fix  - float right is bugged*/
.zoneTwo .sectionFootHolder {margin-left:130px;} /* sIFR Fix  - float right is bugged*/

/* Store Coming Soon Box
--------------------------------------------------------------------------- */
.storeComingSoon{display:none; background: #000; border: solid 1px #CFCFCF; font-weight:bold; text-transform:uppercase; font-size:120%; padding: 5px 10px; color:#fff; position:absolute; margin: 5px 0 0 630px;}

/** main popup styling **/

#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 70;display: none;}
#fade{background: #000;position: fixed;width: 100%;height: 100%;filter:alpha(opacity=70);opacity: .70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/left: 0;z-index: 70;}

#popupLogin{background: #fff;border: 5px solid #fff;padding: 1px;float: left;width: 750px;position: fixed; top: 50%; margin-top: -237px;left: 50%;margin-left: -384px;z-index: 100;display: none;}
#popupLogin .popMain{border: solid 20px #0b1113;}
#popupLogin .popMain .popInner{border: solid 1px #666;padding: 10px;background: #111;height: 410px;overflow: auto; overflow-x: hidden;}
#popupLogin .popMain h3{background: none; padding: 0px;margin: 0 0 10px 0;font-size: 150%;font-weight: bold;color: #fff;}
#popupLogin .popMain .clr{height: 1px; line-height: 1px;}
#popupLogin .popMain .formHolder{padding-bottom: 10px;}
#popupLogin .popMain .formHolder label{color: #fff;}
#popupLogin .popMain .formHolder .input{width: 140px;background-color: #111 !important;border: solid 1px #444;color: #fff;}
#popupLogin .popMain .formHolder select.input{width: 150px;}
#popupLogin .popMain .formHolder p{display: inline;padding-right: 5px;}
#popupLogin a.small {color:#fff;text-decoration: none; cursor:help;}
#popupLogin a.small .whyText {display:none;}
#popupLogin a.small:hover {border:0; position:relative; z-index:500; text-decoration:none;}
#popupLogin a.small:hover .whyText {display:block; position:absolute; top:-70px; left:-100px; padding:5px; font-weight:normal; color:#333; border:5px solid #bfb19a; background:#efe7dc; width:170px;text-decoration: none;font-size: 95%;}
#popupLogin .popMain label {float:left;}
#popupLogin .popMain .btn {margin-top:5px;}
#popupLogin .popMain h2 {margin-bottom:10px}
.closeLoginBox{position: absolute; top: -23px; right: -23px;}

/* needed for store popup */
#popup{background: #fff;border: 5px solid #fff;padding: 1px;float: left;width: 750px;position: fixed; top: 50%; margin-top: -237px;left: 50%;margin-left: -384px;z-index: 150;display: none;}
#popup .inner{border: solid 20px #0b1113;}
#popup .inner .innerMost{border: solid 1px #666;padding: 10px;background: #111;height: 410px;overflow: auto;}
#popup .ClosePopup{position: absolute; top: -23px; right: -23px;}
#popup .ClosePopup:hover{background-color: Transparent;}

/* duplicate popup styles for data capture popup */
#dataPopup{float: left; width: 650px;position: absolute; top: 0; margin-top: 170px;left: 0;margin-left: 30px;z-index: 100;display: none;}
#dataPopup .inner{border: 6px solid #fff; background: #0b1113; padding: 20px;}
#dataPopup .inner .innerMost{border: solid 1px #666;padding: 10px;background: #111;height: 310px;overflow: auto;}
#dataPopup .ClosePopup{position: absolute; top: -15px; right: -15px;}

#dataPopup .inner .innerMost h2{height: auto;}
#dataPopup .inner .innerMost h2 span{color: #d0cda4; font-size: 90%;}
#dataPopup .inner .innerMost label{float: left; clear: left; width: 120px; font-weight: bold;padding-top: 10px;}
#dataPopup .inner .innerMost .opts{padding: 8px 10px 8px 0px;zoom:1; float: left; width: 430px;}
#dataPopup .inner .innerMost .opts:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#dataPopup .inner .innerMost .opts .dBtn{float: left;width: 60px; background: #19252a; border: 0; padding: 0px; height: 20px; line-height: 20px; text-decoration: none; text-transform: uppercase; color: #fff; font-size: 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: normal; margin: 0 3px 3px 0; cursor: pointer;}
#dataPopup .inner .innerMost .opts .dbWide{width: 98px;}
#dataPopup .inner .innerMost .opts .On{background: #d0cda4; color: #000;}
#dataPopup .inner .innerMost .optsWide .dBtn{width: 98px;}
#dataPopup .inner .innerMost .optsWide .dBtnWidest{width: 136px;}
#dataPopup .inner .innerMost .opts span{width: 60px; height: 20px; margin: 0 3px 3px 0; float: left; text-align: center; font-size: 80%;}
#dataPopup .inner .innerMost span img{float: none;}
#dataPopup .inner .innerMost .hr{clear: both; border-color: #19252a;}
#dataPopup .inner .innerMost .optsWide span{width: 98px;}


#zone1 h1 {height:45px}

/** Members Page - Video Box **/
.box  .hrImage, .fanhome .hrImage {height:18px;}
.box div.floatLeft{margin-left:20px;}
.fanhome ul.plain li div.info  {padding-left:70px; }
.box a, .fanhome a {text-decoration:none;}
.box a:hover, .fanhome a:hover {text-decoration:underline;}
.fanhome a.linkBtn:hover {text-decoration:none;} 
.box b, .fanhome b {color:#A4B0BB;}

/** Members Page - Image uploader **/

/** Store page - contact customer services link **/

.footerContact {display: none;}

body#store .footerContact {background:transparent;display:block;display: block; float: right; margin-top: -20px; margin-right: 0px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; cursor: pointer; z-index: 100;}
body#store .footerContact a{text-decoration: none;font-size: 90%;color: #858585;padding-right: 27px;}
body#store .footerContact a:hover{color: #fff;}

body#store .floatRightLink {float: right;margin-right: 7px;}

/* == Store V3 Override Styles
----------------------------------------------------------------------------------------------------------------------*/
.templateStore h1{border: 0;padding:0;background: none;margin: 0 0 10px 0;z-index: 60;}
.templateStore h2{border: solid 1px #787878; padding: 5px 10px;background: #030303; margin: 10px 0;font-size: 130%;}
.templateStore h3{margin: 10px 0;}
.templateStore a{color: #D0CDA4;text-decoration: none;}
.templateStore a:hover{background-color: #D0CDA4; color: #333;text-decoration: none;}
.templateStore a.btn:hover{text-decoration: none;}
.templateStore .btn{display: inline-block; color: #fff;float: none;margin: 0;cursor: pointer;}
.templateStore .btn:hover{color: #333;}
.templateStore h2 a{color: #eee; font-size: 100%; text-decoration: none;}
.templateStore h2 a:hover{font-size: 100%;}
.templateStore table{margin: 10px 0;}
.templateStore label{float: left;width: 125px;padding: 0; margin-top: 0;}
.templateStore .bannerZone{background: none;}

/** Tabs **/
.templateStore ul.tabs{float: none; width: auto;zoom: 1;background: url(/_img/store-tab-pixel.gif) bottom left repeat-x;padding-left: 10px;}
.templateStore ul.tabs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.templateStore ul.tabs li a{font-size: 90%;padding: 0 5px; border: solid 1px #787878;color: #666;font-weight: bold;background: #151515;}
.templateStore ul.tabs li a:hover{color: #fff;}
.templateStore ul.tabs li.on a{background: #151515;color: #fff;border-bottom-color: #151515;}
.templateStore ul.tabs li a span{display: block;}
.templateStore .tabHolder{float: none; width: auto;background: #151515;border: 0;padding: 0px;border: solid 1px #787878;border-top: 0;}
.templateStore .tabHolder .tabContent{padding: 10px;}

/** Mini Basket **/
.templateStore h1 #miniBasket{padding: 8px 0 0 25px;border: 0; background: url(/_img/padlock-sml.gif) no-repeat center left;letter-spacing: 0;letter-spacing: 0;font-size: 13px;margin-right: 0;text-transform: none;}
.templateStore h1 #miniBasket .btn{float: none;margin-right: 0;}
.templateStore h1 #miniBasket .item{padding: 2px 5px 7px 0;display: inline-block;}
.templateStore h1 #miniBasket .price{padding: 2px 5px 7px 0;display: inline-block;}
.templateStore h1 #miniBasket .basketLink{padding: 2px 5px 7px 0;display: inline-block;}

/** Category Dropdown **/
.navCategories{letter-spacing: 0;font-size: 13px;color: #fff;left: 110px;top: 9px;z-index: 60;}
.navCategories a{color: #111; font-weight: bold;}

.navCategories .dropdown ul.navCatDrop{width: 170px;margin: 0;border: solid 1px #686868;border-top: 0;padding: 0;}
.navCategories .dropdown ul.navCatDrop li{border-bottom: solid 1px #444; border-top: solid 1px #000;border-width: 1px 0;width: 170px;background: #222;}
.navCategories .dropdown ul.navCatDrop li a{width: 160px;padding: 5px;border: 0;color: #fff;text-transform: none;}
.navCategories .dropdown ul.navCatDrop li a:hover{color: #333;}

/** Breadcrumb **/
ul.crumbList{font-size: 85%;}
ul.crumbList li span{font-weight: bold;color: #fff;}

/** Store Category View Page **/
.catView .catText .catSummary{background: #222;border: solid 1px #000;border-width: 0 0 1px 0;}
.catView .prodView{border-bottom: solid 1px #000;}
.catView .prodView h2{margin-top: 0;}

/** Store Category List Page **/
.catList h2 a.catViewMore{font-size: 70%;font-weight: normal;top: 6px;background: url(/_img/store-arrow.gif) center right no-repeat;padding-right: 12px;text-transform: none;}
.catList h2 a.catViewMore:hover{font-size: 70%;background: #D0CDA4;}

/** Default Product Listing Styles **/
/* NOTE: see ie6.css for IE6 specifics */
.prodList li .prodText{padding-left: 230px;}
.prodList li .prodText .prodPrice{color: #fff;}
.prodList li .prodText .prodStock{float: left; width: 100%;}
.prodList li .prodText .prodStockBtn{float: left; width: 100%;}
.prodList li .prodText select{padding: 0;float: left;margin: 4px 3px 0 0;}
.prodList li .prodImage img{float: left;padding: 7px; background: #222;border: solid 1px #565455;}
.prodList li .prodImage img.sash{padding: 0; border: 0;background: none;}
.prodList li .prodImage a:hover img{background-color: #2F3935;}
.prodSlider .prodSliderInner ul li .prodText{padding-left: 100px;}
.prodSlider .prodSliderInner ul li .prodText h3{letter-spacing: 0;}
.prodSlider{border: 0; background: none;padding-top: 0;}
.prodSlider .sliderPrev:hover{background-color: transparent;}
.prodSlider .sliderNext:hover{background-color: transparent;}

/**Product Detail/View Page **/
.prodView h2{margin-top: 0;}
.prodView .prodText h3{padding-top: 6px;}
.prodView .prodText p{margin: 10px 0;}
.prodView .prodText .prodTextAlt{border: solid 1px #000;background: #141414;margin-bottom: 10px;}
.prodView .prodText .prodTextAlt .inner{padding: 5px;border: solid 1px #333;}
.prodView .prodText .prodTextAlt .inner ul{margin-top: 5px;}
.prodView .prodText .prodTextAlt .inner ul li{margin-bottom: 10px;}
.prodView .prodText .prodTextAlt .prodTextAltTitle{margin: 0;border: solid 1px #333;border-bottom: solid 1px #000;color: #fff;padding: 3px 5px;}
.prodView .prodText .prodStock select{padding: 0;float: left;margin: 3px 3px 0 0;}
.prodView .prodText .prodStock .btn{padding: 3px 4px;float: none;}
.prodView .prodText .prodBundleDD .btn{padding: 3px 4px;float: none;}
.prodView .prodText .prodBundleDD select{float: none;}
.prodView .prodImages .main img{float: left;border: solid 1px #000;}
.prodTrackLists .label{float: none; width: auto;}

/** Product Added To Basket Popup **/
.prodStockFlyout{background: none; border: 0;top: -110px; left: 15px;}
.prodStockFlyout div.success{border: 0;background: url(/_img/flyout-success.gif) no-repeat top left;padding-left: 55px;width: 125px; height: 97px;}
.prodStockFlyout div.failure{border: 0;background: url(/_img/flyout-fail.gif) no-repeat top left;padding-left: 65px;width: 115px; height: 97px;}
.prodStockFlyout h3{letter-spacing: 0;color: #fff !important;font-size: 100% !important;margin-top: 4px;}
.prodStockFlyout .btn{padding: 2px 3px;}

.prodList .prodStock .prodStockFlyout{top: -60px; left: 45px;}
.prodView .prodText .prodBundleDD .prodStockSelection .prodStockFlyout{left: 285px;}
.ticketView .ticketOptions .prodStockSelection .prodStockFlyout{top: -200px !important; top: -75px;}
.ticketView .prodStockFlyout div.success{background: url(/_img/flyout-success-lrg.gif) no-repeat top left;width: 300px; height: 200px;}

/** Global Checkout styles **/
.coBasketWrap, .tableWrap{border: solid 1px #787878; background: #030303;}
.coCheckout .coFormPanel .input,
.coAccount .coFormPanel .input{margin-bottom: 4px;}

/** Checkout Login **/
.coCheckout .coLogIn .coSplitTwo .btn{margin-right: 15px !important;margin-top: 0;}
.coCheckout .coLogIn .small{margin-right: 15px !important;}
.coCheckout .coFormPanel .coContinueBtn{padding-right: 15px !important;}
.coCheckout .coNewCustomer .coNewCustomerTop{min-height: 191px; height: auto !important; height: 191px;}
.coCheckout .coNewCustomer ol{margin: 20px 0 20px 25px;}
.coCheckout .coNewCustomer ol li{margin: 0 0 8px 0;}

/** Basket Screen **/
.coBasket .coBasketShipping a{background-image: none;padding: 0;font-weight: bold;}
.coBasket .coBasketTotal{background: #030303; border: solid 1px #787878;border-width: 1px 0;}
.coBasket .coBasketTotal .value{color: #D0CDA4;}

/** Proceed/Continue Shopping Buttons **/
.coProceed{border-color: #000;}
.coProceed .btnProceed .btn{background-color: #151515;color: #fff;}
.coProceed .btnProceed .btn:hover{background-color: #D0CDA4;color: #333;}
.coProceed .btnContinue, .coProceed .btnBack{float: left;}
.coProceed .btnLogOut{float: right;} 

/** Progress bar indicator **/
.coCheckout .progressList li{color: #999;}
.coCheckout .progressList li.on{color: #fff;}

/** Checkout Order Summary Screen **/
.coCheckout .coCheckoutSummary .coOrderTotal .inner,
.coCheckout .coCheckoutPayment .coOrderTotal .inner,
.coCheckout .coCheckoutConfirmation .coOrderSummary .coOrderTotal{border: solid 1px #787878;background: #030303 url(/_img/input-bg.gif) repeat-x left top;}

.coCheckout .coCheckoutConfirmation .coOrderSummary label{margin: 0;font-weight: bold;}
.coCheckout .coCheckoutConfirmation .coStoreDetails h2,
.coCheckout .coCheckoutConfirmation .coStoreVIP h2{font-sizE: 120%;}
.coCheckout .coCheckoutConfirmation .coStoreDetails .inner{background: #030303 url(/_img/input-bg.gif) repeat-x left top;border: solid 1px #787878;border-top: 0;min-height: 135px; height: auto !important; height: 135px;}
.coCheckout .coCheckoutConfirmation .coStoreVIP .inner{background: #030303 url(/_img/input-bg.gif) repeat-x left top;border: solid 1px #787878;border-top: 0;min-height: 135px; height: auto !important; height: 135px;}

/** Account Screens **/
.coAccount .coAccountArea ul{background: #030303 url(/_img/input-bg.gif) repeat-x left top;border-color: #787878;}
.coAccount .coAccountArea ul li{margin: 5px 0;list-style-image: none;}
.coAccount .options{padding-left: 130px;}
.coAccount .small{font-size: 90%;}
.coAccount .coOrderSummary .orderRef{color: #888;}

/** Ticket View **/
.ticketView .info{border-bottom: solid 1px #333;}
.ticketView .ticketComments{border-top: solid 1px #333;}
.ticketView .ticketOptions{border:solid 1px #787878; background: #030303;clear: left;}
.ticketView h2{margin-bottom: 0;}
.ticketView h3.ticketName{font-size: 150%;}
.ticketView .storeMsg{background: #222;border: solid 1px #000;border-width: 0 0 1px 0;margin-top: 0;padding: 10px;}
.ticketView .bannerZone{background: none; border: 0; float: right;clear: right;}
.ticketView .ticketImages{clear: right;}
.ticketView .ticketComments{clear: both;}
.ticketView .ticketComments .commentsholder{width: 926px;}
.ticketView .ticketComments .commentsholder h2{background: none; border: 0; padding: 0;}

/** Ticket Seat Plan **/
.seatPlanView .seatPlanExternal{border: solid 1px #333;}
.seatPlanView .seatPlanExternal .seatPlanInner{background: #030303; border: solid 1px #787878;}

/* =Tooltips
--------------------------------------------------------------------------- */
a.tooltip {text-decoration: none; cursor:help;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:8px; left:20px; padding:5px; font-weight:normal; color:#333; border:5px solid #323232; background:#eee; width:170px;text-decoration: none;font-size: 90%;}

.coPaymentDetails a.tooltip:hover b{width: 230px;top: -5px;}

/* =Mini Store
--------------------------------------------------------------------------- */
.sideShop ul.tabs{display: none;}
.sideShop .prodList li{width:100%;margin-bottom: 5px;}
.sideShop .prodList li .prodText{padding-left: 100px;}
.sideShop .prodList li .prodText h3{font-size: 110%;}
.sideShop .prodList li .prodText h3 a{color: #D0CDA4;text-decoration: none;font-weight: bold;}
.sideShop .prodList li .prodText h3 a:hover{text-decoration: underline;}
.sideShop .prodList li .sash{height: 90px; width: 90px;}
.sideShop .prodList li .prodText .prodStock{margin-bottom: 0;}
.sideShop .prodList li .prodText .prodStockBtn{display: none;}