/* == STYLESHEET FUNCTIONS - Site layout and base style overrides
----------------------------------------------------------------------------------------------------------------------

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/

#outerWrap{position: relative; background: url(/_img/biff/bc_bg1.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: 100%; height: 100px; z-index: 10; margin: 0; background: url(/_img/section-tile.png) left top;}
#footer .footerInner{position: relative; width: 972px; padding: 30px 10px 0 48px; z-index: 5;}

/* == 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;}
#wrap .templateOne .zoneThree{float: right; width: 261px; display:inline; overflow:hidden;}
#wrap .templateOne .zoneOneTwoWrap{float:left; width:700px;}

#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%; background: url(/_img/section-tile.png) left top;}
#wrap .section .content{zoom: 1;padding: 12px;}
#wrap .section .content:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

#wrap .section .opacityLayer{display: none;}
#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;}


/* == Bannerzone
----------------------------------------------------------------------------------------------------------------------*/

.leaderboardBanner{float: left; width: 696px; height: 248px;position: relative; margin-bottom: 10px;}
.leaderboardBanner .sliderPaging{position: absolute; z-index: 2; top: 5px; right: 5px;}
.leaderboardBanner .sliderPaging a{float: left; border: solid 2px #666; height: 12px; width: 12px; margin: 0 0 0 5px;overflow: hidden; background: #ececec;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.leaderboardBanner .sliderPaging a.on,
#head #leadBanner .sliderPaging a:hover{border-color: #fff;}
.leaderboardBanner .sliderPaging a img{display:none;}

.leaderboardBanner .contentBanSlider{float: left;position: relative; z-index: 1;width: 696px; height: 248px;overflow: hidden;}
.leaderboardBanner .contentBanSlider .contentBanHold{float: left;position: absolute; top: 0; left: 0; z-index: 1;}
.leaderboardBanner .contentBanSlider .contentBanHold div{float: left; width: 696px; height: 248px;}


/* == 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;}


/* == Share
----------------------------------------------------------------------------------------------------------------------*/
.share{margin-top: 10px;}
.share .shareAddthis{float: left; width: 85px; padding-top: 4px;}
.share .shareFacebook{float: left; width: 300px; color: #fff;}

/* == 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 .listMemThumbs li{height:69px; overflow:hidden;}
.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{margin-bottom:5px;}
.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;}
#listMembers ul.listThumbs li{width:auto;}
.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 .sideGigs .modLinks{text-align:center; margin:0 0 8px 0;}
#wrap .sideGigs .modLinks .cta{display:block; background:#828386 url(/_img/gradient-ora.gif) top left repeat-x; height: 21px; line-height: 21px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 95%;}
#wrap .sideGigs .modLinks a.linkBtnCta{display:block; background:#293341 url(/_img/gradient-grey.gif) bottom left repeat-x; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 95%; height: 21px; line-height: 21px; text-align: center; margin-bottom: 5px;}
#wrap .sideGigs .modLinks a.linkBtnCta:hover{background:#222 url(/_img/gradient-grey-rev.gif)}

#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; height:86px; width:70px; overflow:hidden;}
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,
.divAddContent,
.divOffContent,
.divMemContent{border: solid 1px #787878;padding: 8px; margin-top:15px;clear: both; background: url(/_img/input-bg.gif) #030303 repeat-x top left;}
.divAddContent .formHolder .input{width:65%;}
.divAddContent .formHolder .fileUpload{margin:0 0 5px 0;}
.photoOnlyList{margin:0; list-style: none; zoom: 1; z-index:2; width: 650px;}
.photoOnlyList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.photoOnlyList li{float: left; margin: 0 10px 0 0;}
.memberPhotoOnlyList li{margin:10px 8px 0 0;}
.reviewList li{width:200px; overflow:hidden;}
.reviewList li .thumb{background:#222; border:1px solid #565455; float:left; margin:0 5px 0 0; padding:7px;}
.divMemContent ul.listThumbs{margin:0;}
.divMemContent .popupLinkBlog h4{margin:0;}


#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 .itemDetails a{color:#C6D6AF; text-decoration:none;}
#wrap .shows ul.genList li .itemDetails a:hover{text-decoration:underline;}
#wrap .shows ul.genList li .showButtons{float:right; width:320px; margin:3px 0 0 0; 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;}
a.btnShare{background:#D0CDA4; color:#000;}
a.btnShare:hover{color:#EEEEEE; background:#151515;}
.gigSearch{float: right; margin: 7px 0 0 0;}
.gigSearch label{width:auto; float:left; padding:3px 3px 0 0;}
.gigSearch select{float:left;}
.gigSearch .btn{float:left;}


/* == Discog styling
----------------------------------------------------------------------------------------------------------------------*/
.discogList ul.genList{border:solid 0 #000; padding:0 0 5px 0;}
#wrap .discogList ul.genList li{padding:0; border:solid 1px #fff; width:160px; height:160px; overflow:hidden; margin:0 5px 5px 0;}
.discogList ul.genList li img{float:left;}
.discogList ul.genList li a{font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold;}
.discogList ul.genList li a .overlay{position:absolute; width:140px; height:140px; padding:10px; margin:-160px 0 0 0; background:#000; color:#fff; visibility:hidden;}
.discogList ul.genList li a:hover .overlay{visibility:visible; opacity:0.8; filter:alpha(opacity=80);}
.discogList ul.genList li a h2{color:#999; font-size:16px;}
.discogList ul.genList li a .release{color:#fff; font-size:10px;}
.discogList ul.genList li a .base{position:absolute; bottom:10px; color:#fff; font-size:10px;}
.discogView .btnBack{position:absolute; margin:-45px 0 0 580px;}
.discogView .item,
.discogView .top,
.discogView .base{float:left; width:100%;}
.discogView .item{}
.discogView .mainImg{float:left; margin:0 10px 10px 0; border:solid 1px #fff;}
.discogView .top .linkBtn{float:right; text-decoration:none;}
.discogView .top .details{margin-top:20px;}
.discogView p{line-height:1.5em; margin:2px 0;}
.discogView p b{color:#fff;}
.discogView .item a{text-decoration:underline;}
.discogView .item a:hover{text-decoration:none;}
.discogView .base h2{font-size:100%; margin:10px 0 5px 0; width:50%;}
.discogView .base table{width:100%; margin-top:0;}
.discogView .base table .colTrack{width:450px;}
.discogView .base table .colPlay,
.discogView .base table .colVid,
.discogView .base table .colLyrics,
.discogView .base table .colBuy{width:20px; text-align:center;}
.discogView .base table .extraRow{width:100%;}
.discogView .base table .extraRow td{display:none;}
.discogView .base table .extraRow a{text-decoration:none;}
.discogView .samplePlayer{position:absolute; margin:-5px 0 0 390px; margin-left:-10000px;}

#discogView #wrap .templateTwo .zoneOne{overflow: visible}

/*
/*    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 - Secure Download */
.teamBiffyDownloads ul{margin: 0; margin-top: 20px;}
.teamBiffyDownloads ul li{list-style-type: none}
.teamBiffyDownloads ul li a.linkBtn{margin: 0; font-size: 100%}
.teamBiffyDownloads ul li{border-bottom: solid 1px #D0CDA4}
.teamBiffyDownloads p{font-style: italic}


/* =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
--------------------------------------------------------------------------- */

/* == Video Listing
------------------------------------------------------------------------------------------------------------------------ */
.fanArea .vidList{margin: 10px 0; list-style: none; list-style-image: none;}
.fanArea .vidList li{zoom: 1; margin: 0 0 10px 0;border-bottom: dotted 1px #666;padding: 0 0 10px 0;}
.fanArea .vidList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.fanArea .vidList li .thumb{float: left; margin-right: 5px;}
.fanArea .vidList li .txt{margin-left: 60px;}
.fanArea .vidList li .txt .linkBtn{margin-left: 2px;}
.fanArea .panel .vidList li{border: 0; padding: 0;}

/* == Photo Listing (Compact)
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .photoListCompact{margin: 10px 0; list-style: none; list-style-image: none;zoom: 1;}
#fanArea .photoListCompact:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .photoListCompact li{float: left;margin: 0 5px 5px 0;height: 33px; overflow: hidden;}
.mediaListEdit{float:right; width:45%; margin:5px 0 0 0;}
.mediaListEdit img{float:right;}
ul.genList .mediaListEdit .btn{margin-top:0;}
.mediaListEdit .input{margin:0 0 2px 0;}
.tabHolder .picFrame{float:right; width:638px; overflow:hidden;}
.tabHolder .picFrameInner{width:40000px;}
.picListThumb,
.picListThumb li{float:left; list-style:none; margin:0; padding:0;}
.picListThumb{width:638px;}
.picListThumb li a{float:left; width:54px; height:54px; overflow:hidden; margin:0 0 10px 4px;}
.picListThumb li img{float:left; border:solid 1px #222; padding:1px; width:50px; height:50px; background:url('/_img/loading-sml.gif') center center no-repeat; background:transparent;}
.memberThumbs .ddlGigs{width: 198px;}
.memberThumbs .paging{margin:10px 0;}

/* =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;}


/* == Fan attending styles for gigs
------------------------------------------------------------------------------------------------------------------------ */
.attendingHolder .triggerAlt{float:left;width:623px;}
.attendingHolder .triggerAlt a{float:left; width:70%;}
.attendingHolder .triggerAlt a.addAttendeeLink{float:right; font-size:65%; width:auto;}
.attendingHolder .toggleContainer{float:left; clear:both; width: 658px;}

/* == Member content for gigs
------------------------------------------------------------------------------------------------------------------------ */
.divOffContent .closePopup,
.divMemContent .closePopup{position:absolute; margin:7px 0 0 610px; display:none;}
.divOffContent .photoViewerOff,
.divMemContent .photoViewer,
.divMemContent .videoViewer{float:left; text-align:center; width:500px; margin:0 0 15px 70px; background:url('/_img/loading-alt.gif') center center no-repeat;}
.divMemContent .videoViewer{height:374px;}
.divMemContent .photoViewerOff img,
.divMemContent .photoViewer img{padding:1px; border:solid 1px #222;}
.divOffContent .block,
.divMemContent .block,
.officialPhotoViewer{float:left; width:100%; overflow:hidden; position:relative; height:160px;}
.divOffContent .block{height:auto;}
.divMemContent .meta span{color:#D85600; font-size:120%; font-weight:bold; text-transform:uppercase;}
.divMemContent .thumb img{float: left; width: 70px; height: 70px;}
.memPhotos ul.listThumbs li,
.memVideos ul.listThumbs li{width:auto;}
.divMemContent .block{height:215px;}
.divMemContent .block .inner{height:192px; overflow:hidden;}
.divOffContent ul.photoList li{margin: 0 5px 5px 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  {}
#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; background: #030303 !important;}
#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{} /* sIFR Fix  - float right is bugged*/
.listingSectionFooterHolder {margin-left:333px;} /* sIFR Fix  - float right is bugged*/
.sideVideos .sectionFootHolder {margin-left:147px;} /* 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: 750px;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: 430px;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: 475px;}
#dataPopup .inner .innerMost .opts:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#dataPopup .inner .innerMost .opts .dBtn{ text-align: center; 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 .dbWide{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;}

#dataPopup .inner .innerMost .mapHold{float: left; width: 300px;margin: -5px 0 0 -12px; height: 165px;}
#dataPopup .inner .innerMost .mapHold .first a{float: left; width: 68px; height: 124px; background: url(/_img/map1.gif) no-repeat top left; border: 0; padding: 0; cursor: pointer; text-indent: -999999px;}
#dataPopup .inner .innerMost .mapHold .first a:hover,
#dataPopup .inner .innerMost .mapHold .first a.on{background-position: 0 -136px;}
#dataPopup .inner .innerMost .mapHold .second a{float: left; width: 92px; height: 155px; background: url(/_img/map2.gif) no-repeat 0 -1px; border: 0; padding: 0; cursor: pointer; text-indent: -999999px; margin: 5px 0 0 -14px;}
#dataPopup .inner .innerMost .mapHold .second a:hover,
#dataPopup .inner .innerMost .mapHold .second a.on{background-position: 0 -165px;}
#dataPopup .inner .innerMost .mapHold .third a{float: left; width: 71px; height: 128px; background: url(/_img/map3.gif) no-repeat top left; border: 0; padding: 0; cursor: pointer; text-indent: -999999px; margin: 11px 0 0 -1px;}
#dataPopup .inner .innerMost .mapHold .third a:hover,
#dataPopup .inner .innerMost .mapHold .third a.on{background-position: 0 -136px;}
#dataPopup .inner .innerMost .mapHold .fourth a{float: left; width: 75px; height: 151px; background: url(/_img/map4.gif) no-repeat top left; border: 0; padding: 0; cursor: pointer; text-indent: -999999px; margin: 6px 0 0 -14px;}
#dataPopup .inner .innerMost .mapHold .fourth a:hover,
#dataPopup .inner .innerMost .mapHold .fourth a.on{background-position: 0 -157px;}
#dataPopup .inner .innerMost .mapStates{float: left; background: #19252a; width: 165px; font-family: Arial; margin-top: -30px;}
#dataPopup .inner .innerMost .mapStates .lbl{padding: 2px 5px; display: block; width: auto; font-weight: bold; color: #fff;float: none; text-align: left; margin: 0;}
#dataPopup .inner .innerMost .mapStates .hide{display: none;}
#dataPopup .inner .innerMost .mapStates .stateList .customScroll{background: #d0cda4; height: 155px;}
#dataPopup .inner .innerMost .mapStates .stateList a{ color: #000; display: block; padding: 3px 5px; border-bottom: solid 1px #19252a; margin-right: 20px; text-decoration: none;}
#dataPopup .inner .innerMost .mapStates .stateList a:hover {background: #19252a; color: #fff;}
#dataPopup .inner .innerMost .mapStates .stateList a.On {background: #19252a; color: #fff;}


#dataPopup .inner .innerMost .yobSelector{float: left; background: #19252a;-moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 6px 0 5px; margin-top: 2px; margin-bottom: 5px; width: 60px;}
#dataPopup .inner .innerMost .yobSelector .dateUp{float: left;height: 15px; width: 15px; background: url(/_img/date-selector-up.gif) no-repeat 0 0; margin-left: 2px; border: 0; padding: 0;}
#dataPopup .inner .innerMost .yobSelector .dateUp:hover{background-position: 0 -15px;}
#dataPopup .inner .innerMost .yobSelector .dateDown{float: left;height: 15px; width: 15px; background: url(/_img/date-selector-down.gif) no-repeat 0 -15px; margin-left: 2px; border: 0; padding: 0;}
#dataPopup .inner .innerMost .yobSelector .dateDown:hover{background-position: 0 0;}
#dataPopup .inner .innerMost .yobSelector .btnFirst{margin: 0 2px 0 6px; clear: left;}
#dataPopup .inner .innerMost .yobSelector .inputHold{float: left;clear: left;height: 20px; width: 58px;}
#dataPopup .inner .innerMost .yobSelector .valueOne{float: left;font-family: Arial; height: 17px; line-height: 17px; text-align: center; border: 0;color: #fff; margin: 2px 0 0 0; padding: 0 3px;border-right: solid 1px #d0cda4;background: none; width: 18px;}
#dataPopup .inner .innerMost .yobSelector .valueTwo{float: left;font-family: Arial; height: 17px; line-height: 17px; text-align: center;border: 0;color: #fff; margin: 2px 0 0 0; padding: 0 3px;border-right: solid 1px #d0cda4;background: none; width: 10px;}
#dataPopup .inner .innerMost .yobSelector .valueThree{float: left;font-family: Arial; height: 17px; line-height: 17px; text-align: center; border: 0;color: #fff; margin: 2px 0 0 0; padding: 0 3px; background: none; width: 10px;}
#dataPopup .inner .innerMost .yobError{color: #fff; font-family: Arial; font-size: 90%; float: left; padding: 18px 0 0 10px;}

/* == Custom Scrollbar
--------------------------------------------------------------------------------------------------------------------*/
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;background:transparent;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background:transparent; padding: 0; border: none;}
.jScrollPaneDrag {position: absolute;background: #19252a;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
#dataPopup .inner .innerMost .mapStates .stateList a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 20px; width: 15px;background: url(/_img/scrollbar-up.gif) no-repeat top left; margin: 0px; padding: 0; border: none;}
#dataPopup .inner .innerMost .mapStates .stateList a.jScrollArrowUp:hover {/*background-color: #f60;*/}
#dataPopup .inner .innerMost .mapStates .stateList a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 20px; width: 15px;background: url(/_img/scrollbar-down.gif) no-repeat top left;margin: 0px;padding: 0; border: none;}
#dataPopup .inner .innerMost .mapStates .stateList a.jScrollArrowDown:hover {/*background-color: #f60;*/}
#dataPopup .inner .innerMost .mapStates .stateList a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
.attendingHolder .jScrollPaneContainer{}
.attendingHolder .jScrollPaneTrack{}
.attendingHolder .jScrollPaneDrag{background:#fff;}
.attendingHolder a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 20px; width: 15px;background: url(/_img/scrollbar-up.gif) no-repeat top left; margin: 0px; padding: 0; border: none;}
.attendingHolder a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 20px; width: 15px;background: url(/_img/scrollbar-down.gif) no-repeat top left;margin: 0px;padding: 0; border: none;}

.mapPopover .jScrollPaneTrack{background:#000;}
.mapPopover .jScrollPaneDrag{background:#fff;}
.mapPopover a.jScrollArrowUp{display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 20px; width: 15px;background: url(/_img/scrollbar-up.gif) no-repeat top left; margin: 0px; padding: 0; border: none;}
.mapPopover a.jScrollArrowDown{display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 20px; width: 15px;background: url(/_img/scrollbar-down.gif) no-repeat top left;margin: 0px;padding: 0; border: none;}


#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;}


/* == Popovers
--------------------------------------------------------------------------------------------------------------------*/
.popoverHover,
.mapPopoverHover{display:none; position:absolute; z-index:1000000; top:0; left:0; border:solid 1px #D0CDA4; color:#333; background:#D0CDA4; padding: 2px 10px; font-size:90%; font-weight:bold;}
	

/* == FAQ Overrides
--------------------------------------------------------------------------------------------------------------------*/
.faqHolder h1{margin-top: 5px;}

.faqHolder .faqQuestions ul.section li.mainSection ul li{margin: 0;}

.faqHolder .faqQuestions ul.section li.mainSection a,
.faqHolder .faqQuestions ul.section li.mainSection ul li a,
.faqHolder .backToQs ul li a,
.faqHolder .contactBtn ul li a{background-color: #111;}

.faqHolder .backToQs ul li a:hover,
.faqHolder  .contactBtn ul li a:hover,
.faqHolder .faqQuestions ul.section li.mainSection a:hover,
.faqHolder .faqQuestions ul.section li.mainSection ul li a:hover{background-color: #111; color: #D0CDA4; text-decoration: underline;}

.faqHolder .contactForm{color: #000;margin-top: -350px;}

.faqHolder .faqTopList ul li a{font-weight: bold;}
.faqHolder .answerHolder .helpful h3{text-transform: none; font-size: 120%;}
.faqHolder .answerHolder .helpful a img{vertical-align: bottom;}

#faqs #wrap .section .content,
#faqs #wrap .section{position: static; background: #000;}

.viewAccount a{background:none repeat scroll 0 0 #151515;border:1px solid #787878;color:#EEEEEE;cursor:pointer;font-size:90%;font-weight:bold;margin:0 0 10px;padding:3px;text-decoration:none;text-transform:uppercase;}



/* == International Flags
--------------------------------------------------------------------------------------------------------------------*/
.flags{position:absolute; top:20px; right:15px; width:210px; width:150px; display:inline; padding:5px 0 2px 5px; background:#000;}
.flags ul,
.flags ul li{float:left; width:100%; margin:0; padding:0; list-style:none;}
.flags ul li{width:auto; margin:0 2px 0 0;}
.flags ul li a{float:left; padding:0 0 3px 3px; background:url('/_img/bg/flag-shadow.png') no-repeat bottom left;}
.flags ul li a img{margin:2px;}
.flags ul li a.on img{border:solid 2px #fff; margin:0;}
.flags .countryFlyover{position:absolute; z-index:10000; display:none; color:#fff; border:solid 2px #000; background:#000; font-size:90%; top:35px; left:-130px; padding:0 8px 5px 8px; text-align:left; width:265px;}
.flags .countryFlyover h3{color:#fff; font-weight:bold; margin:5px 0 0 0;}
.flags .countryFlyover p{margin:6px 0;}
.flags .countryFlyover p span{font-size:90%; font-style:italic;}
.flag{vertical-align:-3px; margin-right:2px;}


/* == Duplicate popup styles for managed splashpage lightbox popup
------------------------------------------------------------------------------------------------------------------------ */
#splashPopup{float: left;width: 750px;position: absolute; top: 0; margin-top: 100px;left: 50%;margin-left: -384px;z-index: 999; text-align: left;}
#splashPopup .inner{border: 6px solid #fff;background: #0b1113; height: auto;padding: 20px;position: static;}
#splashPopup .inner .innerMost{border: solid 1px #666;padding: 10px;background: #111;overflow: auto;}
#splashPopup .ClosePopup{position: absolute; top: -15px; right: -15px;}



.mapTools{float:left; width:937px; height:100px; background:#030303 url(/_img/bg-input.gif) top left repeat-x !important; border:solid 1px #666;}
.mapWrap{float:left; position:relative; width:935px; background:#fff; border:solid 1px #e5e5e5; padding:1px; margin:0;}
#mapDiv{float:left; width:935px; height:600px; overflow:hidden; background:#111;}
.mapInfo{float:left; width:935px; margin:5px 0;}
.mapPopoverHover{background:#7390D2; border-color:#607FC4; color:#fff;}

.mapWrap p.noJS{position:absolute; top:60px; left:30px;}
.mapWrap p.noJS a{color:#fff; text-decoration:underline;}
.mapWrap p.noJS a:hover{text-decoration:none; background:transparent;}

.mapTools a.btn{float:left; width:145px; padding-left:25px !important; margin:2px; background:#222; border-color:#252525;}
.mapTools a.btn:hover{color:#fff;}
.mapTools a.btnOn{background:#222 url('/_img/map/on.png') 5px center no-repeat;}
.mapTools a.btnOff{width:145px; background:#111 url('/_img/map/off.png') 5px center no-repeat;}

.mapTools h2{font-size:110%; margin:0; padding:2px 0 3px 0; background:transparent; border-width:0; border-bottom:solid 1px #252525;}
.mapTools p{font-size:90%;}
.mapTools .chkToggles,
.mapTools .gigFilter,
.mapTools .yourPosition,
.mapTools .gigInfo{float:left; width:200px; padding:10px 5px 5px 5px;}
.mapTools .gigInfo{padding-top:28px;}
.mapTools .gigInfo p{line-height:16px;}
.mapTools .chkToggles{margin-left:10px;}
.mapTools .yourPosition{float:left; width:230px;}
.mapTools .chkToggles img,
.mapTools .yourPosition img{float:left; margin:7px 5px 0 0;}
.mapTools .yourPosition a.btn{padding-left:7px !important; width:173px; margin-top:8px;}
.mapTools .yourPosition a.btnOn{background:#222;}
.mapTools .yourPosition a.btnOff{background:#111; color:#777;}
.mapTools .yourPosition a.btnSmall{width:auto; margin:0 5px 0 0; padding:0 4px !important; background:#111; border-color:#252525;}
.mapTools .yourPosition a.btnSmall:hover{background:#222; color:#fff;}
.mapTools .yourPosition p{margin:4px 0 0 2px;}
.mapTools .gigFilter label{float:left; width:40px; margin-top:2px;}
.mapTools .gigFilter .input{width:80px; margin:0 0 4px; padding:4px 5px; font-size:90%;}
.mapTools .gigFilter .form{float:left; margin-top:5px;}
.mapTools .gigFilter .btn{float:left; margin:32px 0 0 5px; padding:2px 3px 3px 3px !important; background:#111; border-color:#252525;}
.mapTools .gigFilter .btn:hover{background:#222; color:#fff;}

.mapInfo{font-size:90%;}

.mapWrap .loadingPane,
.mapWrap .cloudPane{display:none; top:1px; left:1px; width:935px; height:600px; position:absolute; z-index:990; background:#111 url('/_img/map/loading.gif') center center no-repeat; opacity:0.90; filter:alpha(opacity=90);}
.mapWrap .cloudPane{background-image:none; cursor:pointer;}

.ui-datepicker{z-index: 150 !important;}

.mapPopover{display:none; z-index:1000; position:absolute; top:50px; left:335px; color:#fff; background:transparent;}
.mapPopoverGig{left:65px;}
.mapPopoverForm{left:225px;}
.mapPopover .close{position:absolute; top:-12px; right:-11px;}
.mapPopover .close:hover{background:transparent;}
.mapPopover .infoHolder{float:left; width:300px; border:solid 2px #dbdbdb; background:#030303 url(/_img/bg-input.gif) top left repeat-x;}
.mapPopoverGig .infoHolder{width:805px; min-height:160px; height:auto !important; height:160px;}
.mapPopoverForm .infoHolder{width:550px; height:500px; background-image:none;}
.mapPopover .infoHolderLoading{background:#030303 url('/_img/map/loading-alt.gif') center center no-repeat;}
.mapPopover .infoHolderLoading .info{min-height:160px; height:auto !important; height:160px;}
.mapPopover .infoHolder .info{padding:0 0 5px 0;}

.mapPopover .infoHolder .venue,
.mapPopover .infoHolder .gig,
.mapPopover .infoHolder .fan{float:left; padding:10px;}
.mapPopover .infoHolder .fan img{float:left; width:70px; padding:1px; border:solid 1px #252525;}
.mapPopover .infoHolder .fan .details{float:left; width:194px; margin:0 0 0 10px;}
.mapPopover .infoHolder .venue .details h2,
.mapPopover .infoHolder .gig .details h2,
.mapPopover .infoHolder .fan .details h2{font-size:120%; padding:0 0 3px 0; margin:0 0 3px 0; background:transparent; border-width:0; border-bottom:solid 1px #252525;}
.mapPopover .infoHolder .fan .details .facts{font-size:90%;}
.mapPopover .infoHolder .fan .details .btn{float:right;}

.mapPopover .infoHolder .venue .details h2{font-size:110%;}
.mapPopover .infoHolder .venue ul,
.mapPopover .infoHolder .venue ul li{float:left; width:100%; margin:0; padding:0; list-style:none;}
.mapPopover .infoHolder .venue ul{border-bottom:solid 1px #252525;}
.mapPopover .infoHolder .venue ul li{border-top:solid 1px #252525; padding:5px 0 0 0;}
.mapPopover .infoHolder .venue ul li a.gigLinkName{font-weight:bold;}
.mapPopover .infoHolder .venue ul li .btn{margin-top:4px;}
.mapPopover .infoHolder .venue p{font-size:90%;}
.mapPopover .infoHolder .venue .gigListWrap{overflow:hidden;}
.mapPopover .infoHolder .venue .prev{float:left;}
.mapPopover .infoHolder .venue .next{float:right;}

.mapPopover .infoHolder .gig .details{float:left; width:214px; margin-top:7px;}
#wrap .section .mapPopover .infoHolder .gig .content{padding:5px 0 8px 12px;}
.mapPopover .infoHolder .gig .content{float:left; width:543px; margin:0 0 0 10px;}
.mapPopover .infoHolder .gig .content .tabContent{float:left; width:531px; border:solid 1px #787878; border-top-width:0; background:#151515; padding:5px;}
.mapPopover .infoHolder .venue .calendar,
.mapPopover .infoHolder .gig .calendar{float:left; font-size:80%; width:50px;}
.mapPopover .infoHolder .venue .calendar{width:40px;}
.mapPopover .infoHolder .venue .calendar p.two,
.mapPopover .infoHolder .gig .calendar p.two{font-size:110%; font-weight:bold;}
.mapPopover .infoHolder .venue .calendar p.four,
.mapPopover .infoHolder .gig .calendar p.four{letter-spacing:0px;}
.mapPopover .infoHolder .gig .details h2{float:left; width:151px; font-size:95%;}
.mapPopover .infoHolder .gig .details .location{float:left; font-size:90%;}
.mapPopover .infoHolder .gig .details .location span{}
.mapPopover .infoHolder .gig .details .extraInfo{font-size:90%;}
.mapPopover .infoHolder .gig .details .extraInfo a:hover{background:transparent; text-decoration:underline;}
.mapPopover .infoHolder .gig .details .btn{float:left; font-size:90%; margin:5px 5px 0 0;}
.mapPopover .infoHolder .gig ul.tabs{padding-left:5px;}
.mapPopover .infoHolder .gig ul.tabs li a span{display:inline;}
.mapPopover .infoHolder .gig .tabContent .block{display:none; padding:3px 10px 10px 10px;}  
.mapPopover .infoHolder .gig .tabContent .block p{font-size:90%;}   
.mapPopover .infoHolder .gig .tabContent .mapContentLoading{display:none; background:url('/_img/map/loading.gif') no-repeat center center; height:140px;}
.mapPopover .infoHolder .gig .tabContent .officialPhotos{display:block;}
.mapPopover .infoHolder .gig .tabContent .officialPhotos ul.photoList{margin-top:1px;}
.mapPopover .infoHolder .gig .tabContent .block .viewerContent{display:none; overflow:hidden;}
.mapPopover .infoHolder .gig .tabContent h2{font-size:110%; padding:0 0 3px 0; margin:0 0 8px 0; background:transparent; border-width:0; border-bottom:solid 1px #252525;}
.mapPopover .infoHolder .gig .tabContent ul.photoList li{margin:0 7px 7px 0;}
.mapPopover .infoHolder .gig .tabContent ul.photoList li img{padding:1px;}
.mapPopover .infoHolder .gig .tabContent .fanAttendance ul{margin:0;}
.mapPopover .infoHolder .gig .tabContent .fanAttendance ul.attendeeList li{margin:3px 5px;}
.mapPopover .infoHolder .gig .tabContent .contentFormSpace{float:left; width:100%; height:400px;}
.mapPopover .clusterItemsWrap li a{float:left; margin:0 4px 5px 0;}

.mapUploadContentForm{display:none; position:absolute; z-index:50000; top:505px; left:382px; width:510px; height:390px; overflow:hidden;}
.mapUploadContentForm h3{font-size:100%; padding:0 0 3px 0 !important; margin:0 0 3px 0 !important; background:transparent;}
.mapUploadContentForm .fileUpload{margin-bottom:6px;}
.mapUploadContentForm .contentFormWrap{float:left; width:1300px;}
.mapUploadContentForm .contentForm{float:left; width:510px;}
.mapUploadContentForm ul.success,
.mapMissingDatesForm ul.success{background-image:none; border-width:0; margin:5px 0; padding:0;}
.mapUploadContentForm ul.success li,
.mapMissingDatesForm ul.success li{padding:0 0 5px 0; margin:0;}
.mapUploadContentForm ul.error,
.mapMissingDatesForm ul.error{background-position:5px 2px; margin:0 0 5px; min-height:50px; padding-top:2px;}
.mapUploadContentForm ul.error li,
.mapMissingDatesForm ul.error li{margin:0 0 5px;}
.mapMissingDatesForm{display:none; position:absolute; z-index:50000; top:420px; left:295px; width:520px; height:470px; overflow:hidden;}
.mapMissingDatesForm h2{font-size:110%; padding:0 0 3px 0; margin:0 0 8px 0; background:transparent; border-width:0; border-bottom:solid 1px #252525;}
.mapMissingDatesForm label{font-weight:bold;}
.mapMissingDatesForm .input{width:300px;}
.mapMissingDatesForm .select{margin:0 0 8px 0; width:312px;}

.facebookConnectPara{margin-top:5px; font-size:80%;}