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

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

#outerWrap{background: url(/_img/body-bg-reskin.jpg) top center no-repeat;}
#container{width: 995px;margin: 0 auto;text-align: left;}
#container #head{float: left;width: 995px;height: 245px;text-align: center;position: relative;}
#container #wrap{float: left;position: relative;overflow:auto;}
#container #wrapInner{float: left;width: 971px;padding: 6px 12px;zoom: 1;position:relative;z-index: 5; overflow: hidden;}
#container #wrapOpacity{background: #030406;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.5;filter:Alpha(opacity=50);}
#container #wrap #nav{float: left; width: 955px;background: #030406;margin: 0 0 5px 0;padding: 0 8px;}
#container #wrap #mainContent{float: left;width: 971px;}
#container #footer{float: left;width: 985px;background: #111;-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;margin: 12px 0 0 0;padding: 5px;}

/* == Main Content Divisions
----------------------------------------------------------------------------------------------------------------------*/

/** Template One Zones **/
#container #wrap .templateOne .zoneOne{float: left; width: 220px;}
#container #wrap .templateOne .zoneTwo{float: left; width: 460px;margin: 0 0 0 12px; display: inline;}
#container #wrap .templateOne .zoneThree{float: right; width: 267px;}

/** Template Two Zones **/
#container #wrap .templateTwo .zoneOne{float: left; width: 692px;}
#container #wrap .templateTwo .zoneTwo{float: right; width: 267px;}

/** Template Three Zones **/
#container #wrap .templateThree .zoneOne{float: left; width: 975px;}

/** Template Store Zones **/
#container #wrap .templateStore .zoneOne{float: left; width: 975px;}

/** Opacity Sections **/
#container #wrap #mainContent .section{float: left;margin: 0 0 12px 0;padding: 5px;position: relative;overflow:auto;}
#container #wrap #mainContent .section .content{zoom: 1;position:relative;z-index: 5; min-width:0;}
#container #wrap #mainContent .section .opacityLayer{background: #030406;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.6;filter:Alpha(opacity=60);}

/** Fix for scrollbar issue in FF **/
#container #wrap #mainContent #storeSection{overflow: hidden;}

/** Opacity Section Widths **/
#container #wrap .templateOne .zoneOne .section{width: 210px;}
#container #wrap .templateOne .zoneTwo .section{width: 450px;}
#container #wrap .templateOne .zoneThree .section{width: 257px;}
#container #wrap .templateTwo .zoneOne .section{width: 682px !important;}
#container #wrap .templateTwo .zoneTwo .section{width: 257px;}
#container #wrap .templateThree .zoneOne .section{width: 962px;}
#container #wrap .templateStore .zoneOne .section{width: 962px;}

/** Content Divisions **/
#container #wrap .splitLeft{float: left; width: 49%;}
#container #wrap .splitRight{float: right; width: 49%;}

#container #wrap .templateTwo .zoneOne .splitLeft{float: left; width: 334px;}
#container #wrap .templateTwo .zoneOne .splitRight{float: right; width: 334px;}
#container #wrap .templateTwo .zoneOne .panel{background: #111;padding: 5px;border: solid 2px #000;margin-bottom: 12px;}

#container #head .logo{position: absolute; top: 0; left: 380px;z-index: 10;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/

#container #nav ul{float: left;list-style-image: none;margin: 0;width: 760px;}
#container #nav ul.mem{float:right;width:190px;}
#container #nav ul li{float: left;margin: 0;padding: 8px 0;}
#container #nav ul.mem li{float:right;}
#container #nav ul li a{float: left;font-family: arial;font-size: 200%;height:24px;padding: 0 0 3px 0;border-bottom:solid 2px #030406; font-size:0;letter-spacing: -100000px;color: #000;margin-right: 33px;overflow: hidden;}
#container #nav ul li a:hover{opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
#container #nav ul li a.on{border-bottom:solid 2px #fff;}

#container #nav ul li.navHome a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 0; width: 52px;}
#container #nav ul li.navGigs a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 -146px;width: 78px;}
#container #nav ul li.navBlog a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 -117px;width: 55px;}
#container #nav ul li.navStore a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 -87px;width: 112px;}
#container #nav ul li.navVideo a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 -58px;width: 58px;}
#container #nav ul li.navPhotos a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 -29px;width: 89px;}
#container #nav ul li.navNews a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 -232px;width: 51px;}
#container #nav ul li.naviTunes{display: none;}

#container #nav ul li.navMembers{float: right;}
#container #nav ul li.navMembers a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 -176px;width: 163px;margin: 0;}
#container #nav ul li.navMembersOn a{background: transparent url(/_img/title-sprite-reskin.gif) no-repeat 0 -203px;width: 156px;margin: 0;}

#container ul.tabs{background: url(/_img/tab-line.gif) bottom left repeat-x;padding-left: 8px;height: 1%;margin: 0;}
#container ul.tabs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#container ul.tabs li{float:left; margin:0; padding:0; list-style:none;}
#container ul.tabs li a{float: left;padding: 6px 8px;cursor: pointer;border: solid 2px #000;}
#container ul.tabs li a.on, #container ul.tabs li.on a{background: #2d2d2d;border: solid 2px #000;border-bottom: 0;color: #fff;}
#container .tabHolder{float: left;background: #2d2d2d;border: solid 2px #000;border-top: 0;padding: 8px;}

/* == Footer
----------------------------------------------------------------------------------------------------------------------*/

#container #footer ul{margin: 0;}
#container #footer ul li{display: inline;margin: 0;}
#container #footer ul li a{margin: 0 25px 0 0;color: #fff;font-weight: bold;font-family: Arial;letter-spacing: -1px; text-transform: uppercase;font-size: 110%;border-bottom: dotted 3px #fff;}
#container #footer ul li a:hover{border-bottom: dotted 3px #1edfee;text-decoration: none;background: none;}

/* == Mini Gallery
----------------------------------------------------------------------------------------------------------------------*/

#container #wrap #mainContent .miniGallery a{float: left;border: solid 1px #8b8b8b;margin: 2px;-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
#container #wrap #mainContent .miniGallery a:hover{border: solid 1px #1edfee;-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

/* == List Styling
----------------------------------------------------------------------------------------------------------------------*/

#container #wrap #mainContent ul.genList{margin: 0;list-style-image: none;}
#container #wrap #mainContent ul.genList li{margin: 0 0 15px 0;}
#container #wrap #mainContent ul.genList li .thumbnail{float: left;margin: 0 8px 8px 0;background: #222;border: solid 1px #555; padding: 8px;}
#container #wrap #mainContent ul.genList li .thumbnail img{border: solid 1px #444;}
#container #wrap #mainContent ul.genList li p{margin: 0 0 20px 0;}
#container #wrap #mainContent .info{font-style: italic;color: #aaa;}
#container #wrap #mainContent .tools{text-align: right; border: solid 1px #333;border-width: 1px 0; padding: 5px;background: #000;margin: 5px 0 0 0;}

body#blog #container #wrap #mainContent ul.genList li h2.bigTitle{font-size:240%;}
body#blog #container #wrap #mainContent ul.genList li{margin-bottom: 30px;}
body#blog #container #wrap #mainContent ul.genList li .info{border-top: solid 1px #fff;padding-top:6px;}

#container #wrap #mainContent ul.compactList{margin: 0;list-style-image: none;}
#container #wrap #mainContent ul.compactList li{margin: 0 0 5px 0;border-bottom: solid 1px #333;padding: 0 0 5px 0;}
#container #wrap #mainContent ul.compactList li h3{margin: 0;}

#mainBlogListingStyle{padding-top:6px;}
#mainBlogListingStyle li{margin:5px 0 15px 0;border-top:solid 1px #fff;height: 1%;}
#mainBlogListingStyle li h2{margin-top:2px;} 
#container #wrap #mainContent ul#mainBlogListingStyle li .thumbnail{margin-top:8px;}
#mainBlogListingStyle li .sml{margin-top:8px;}

.twitterLead{background: #222; border: solid 2px #000;margin: 0 0 15px 0;padding: 0 8px 8px 8px;height: 1%;}
.twitterLead h2{font-size: 150%;}
.twitterLead h2 a {text-decoration: underline}

/* == Paging
----------------------------------------------------------------------------------------------------------------------*/

#container #wrap #mainContent .paging .text,
#container #wrap #mainContent .pagingbase .text{float: left; width: 200px;}
#container #wrap #mainContent .paging .pg,
#container #wrap #mainContent .pagingbase .pg{float: right}
#container #wrap #mainContent .paging .pg ul,
#container #wrap #mainContent .pagingbase .pg ul{float: left;margin: 5px;}
#container #wrap #mainContent .paging .pg ul li,
#container #wrap #mainContent .pagingbase .pg ul li{float: left; margin: 0 0 0 8px;list-style-image: none;}
#container #wrap #mainContent .paging .pg ul li a,
#container #wrap #mainContent .pagingbase .pg ul li a{float: left; height: 20px; width: 20px; text-align: center;padding: 0;}
#container #wrap #mainContent .paging .pg ul li a.on,
#container #wrap #mainContent .pagingbase .pg ul li a.on{background: url(/_img/paging-on.gif) top left no-repeat;color: #000;font-weight: bold;}
#container #wrap #mainContent .paging .pg ul li a:hover,
#container #wrap #mainContent .pagingbase .pg ul li a:hover{background: none; text-decoration: underline;color: #1edfee;}
#container #wrap #mainContent .paging .pg ul li.det,
#container #wrap #mainContent .pagingbase .pg ul li.det{height: 20px; line-height: 20px;}
#container #wrap #mainContent .paging .divLoading,
#container #wrap #mainContent .pagingbase .divLoading{height: 20px; line-height: 20px;}
#container #wrap #mainContent .paging .divLoading img,
#container #wrap #mainContent .pagingbase .divLoading img{vertical-align: middle;}


/* == Info Box 
----------------------------------------------------------------------------------------------------------------------*/
/*
#infoBoxPopupFull{position: fixed;z-index: 1011;top: 0px;left: 0px;height:100%;width:100%;}
#infoBoxPopupFullOverlay{width: 995px;margin: 0 auto;text-align: left;}
#infoBoxPopupOuter{position: relative;border: solid 2px #333;z-index: 1000;display:none;}
#infoBoxPopup{position: absolute;width: 440px;top: 100px;left: 244px;background: #333;z-index: 200; color: #fff;padding: 0;border: solid 8px #1EDFEE;}
#infoBoxPopup .inner{background: #333;padding: 5px;border: solid 1px #333; font-weight:bold;}

*/

#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: #333;margin: 10px 0;padding: 20px;border: 8px solid #1EDFEE;}
.infoBoxPopup h2{color: #fff;border-bottom: solid 1px #bbb;}
.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;}

/* == Right col Audio Player
----------------------------------------------------------------------------------------------------------------------*/
.sideAudio p.top{margin: 0 0 5px 0;}
.sideAudio{float: left; width: 257px;margin: 0;}
.sideAudioWrap{float: left; width: 257px;}
.sideAudio ul{padding: 5px 0 0 0;width:257px;float:left;margin:0;}
.sideAudio ul li{padding: 0;float:left;width:257px;margin: 0 0 5px 0;color:#fff;}
.sideAudio ul li a{float:left;text-decoration: none;}
.sideAudio .thumb{float: left; padding: 2px; background: #fff; border: solid 1px #ccc;}
.sideAudio .txt{float: left; width:150px; padding-left:5px;}
.sideAudio .audioList{float:left;width:257px;overflow:hidden;margin-bottom: 5px;}
.sideAudio .scanHolder{float:left;width:257px;padding: 5px 0;}
.sideAudio .scanHolder div{float:left;width:85px;}
.sideAudio .popupLink{border-top: solid 1px #333;border-bottom: solid 1px #333;text-align: center; padding: 5px 0;width: 100% !important;height: 1%;}


/* == Right col Social links
----------------------------------------------------------------------------------------------------------------------*/
.sideSocial ul, .sideSocial ul li{float:left; margin:0; padding:0;display:inline;}
.sideSocial ul li{padding:0 15px 0 0;margin:0 0 6px 10px;}


/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/
ul.error{border-left: solid 4px #fe0000; color: #fe0000; font-style: italic;margin: 5px 0; list-style-image: none;padding: 0 0 0 10px;}
ul.success{border-left: solid 4px green; color: green; font-style: italic;margin: 5px 0; list-style-image: none;padding: 0 0 0 10px;}


/* == Right col video
----------------------------------------------------------------------------------------------------------------------*/
.sideVideos .vidThumbs{width: 257px;padding: 5px 0 5px 0;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.sideVideos .vidThumbs .scroll{float:left;border: solid 1px #444;background: #222;color: #1edfee;height: 51px; line-height: 53px;padding: 0 2px;font-weight: bold;font-size: 150%;}
.sideVideos .vidThumbs .thumbHolder{float:left;width:223px;overflow:hidden;}
.sideVideos .vidThumbs .thumbHolder .inner{width:10000px;}
.sideVideos .vidThumbs .thumbHolder a{margin-left:2px;}
.sideVideos .vidThumbs .thumb{float:left;height:53px;width:72px;overflow:hidden;background-color:#000;text-align:center;}


/* == User Area
----------------------------------------------------------------------------------------------------------------------*/
.pwdReset label{float: left; width: 25%;}
.pwdReset input{width: 60%;margin: 0 0 3px 0;border: solid 1px #127b83;background: #222 url(/_img/input-bg.gif);color: #fff;}
.pwdReset input.btn{width: auto;margin:0 0 20px 0;}


/* == Zone 1 / Photos
----------------------------------------------------------------------------------------------------------------------*/
.landingPhoto .thumbs ul,.landingPhoto .thumbs ul li{float:left; margin:0; padding:0; list-style:none;}
.landingPhoto .thumbs ul li{width:170px;}
.landingPhoto .thumbs ul li .thumb, .landingPhoto .thumbs ul li .thumb img{float:left;}
.landingPhoto .thumbs ul li .txt{float:left;width:93px;font-size:90%;}
.landingPhoto .viewAll{text-align:right;}
.viewPhoto .main{float:left;margin:5px 0 5px 10px;border:solid 1px #333;background:#000;padding:10px;text-align:center;}
.viewPhoto .main .int{margin:0;overflow:hidden;text-align:center;width:640px;}
.viewPhoto .prev{float:left;display:inline;margin:0 0 0 10px;}
.viewPhoto .next{float:right;display:inline;margin:0 10px 0 0;}
.galleryBox{float: left;width: 97%;margin: 2px 0 5px 0;padding-left:10px;}
.galleryBox .scroll{float: left;width: 18px;border: solid 1px #c8c8c8;padding:2px 0 1px 0;background-color:#66666a;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;height:70px;}
.galleryBox .thumbs{float: left;width: 613px;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;}
.galleryBox ul li a.thumb{float:left; text-align:center;}
.galleryBox ul li a.thumb:hover{}
.galleryBox ul li a.thumb span{}
.galleryBox .scrollInd{float:left;width: 657px;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=10);-moz-opacity:.10;opacity:.10;cursor:default;}
.galleryBox .linkOff .current{cursor:default;}
#listMembers ul li{min-height:110px; height: auto !important; height: 110px;}

/* == Zone 1 / Videos
----------------------------------------------------------------------------------------------------------------------*/
.landingVideo .thumbs ul,.landingVideo .thumbs ul li{float:left; margin:0; padding:0; list-style:none;}
.landingVideo .thumbs ul li{width:170px;}
.landingVideo .thumbs ul li .thumb, .landingVideo .thumbs ul li .thumb img{float:left;}
.landingVideo .thumbs ul li .txt{float:left;width:93px;font-size:90%;}
.landingVideo p{margin:10px 0;}
.viewVideo .vid{float:left;margin:0 0 8px 0;border:solid 1px #333;background:#000;width:680px;height:533px;padding:15px 0 10px 0;text-align:center;}

.listVideo ul.mainList, 
.listVideo ul.mainList li{float:left; margin:0; padding:0; list-style:none;}
.listVideo ul.mainList{margin:5px 0 0 0;border-top: solid 1px #333;}
.listVideo ul.mainList li{width:220px;margin-right: 5px;padding-top:7px;min-height:165px; height: auto !important; height: 165px;border-bottom: solid 1px #333;}
.listVideo ul.mainList li h3{font-size:130%; font-weight: bold;}
.listVideo ul.mainList li .img{float:left;}
.listVideo ul.mainList li .view{float:right;display:inline;margin:0 10px 0 0;font-size:90%;}



/* == Star Ratings
----------------------------------------------------------------------------------------------------------------------*/

.icoStars{background-image:url('/_img/stars.gif');width:80px;height:16px;vertical-align: -15%;}
.icoStars1{background-position: 0 -16px;}
.icoStars2{background-position: 0 -32px;}
.icoStars3{background-position: 0 -48px;}
.icoStars4{background-position: 0 -64px;}
.icoStars5{background-position: 0 -80px;}
.icoStars05{background-position: 0 -96px;}
.icoStars15{background-position: 0 -112px;}
.icoStars25{background-position: 0 -128px;}
.icoStars35{background-position: 0 -144px;}
.icoStars45{background-position: 0 -160px;}

.ratingControl ul.rate, .ratingControl ul.rate li{float:left;margin:0;padding:0;list-style:none;}
.ratingControl ul.rate li{padding:0 10px 0 0;}
.ratingControl ul.rate li a.on{border-bottom: dotted 2px #10b8fe;}
.ratingControl p{margin: 5px 0;}

/* == Comments
----------------------------------------------------------------------------------------------------------------------*/
.commentControl {padding:5px; width:660px; overflow:hidden; }
.commentControl h3{float:left;width:100%;}
.commentControl h3 .comments{float:left;}
.commentControl h3 .addCommentLink{float:right;margin-top:8px;font-size:70%;}
.commentControl p{margin:5px 0;}
ul.mainCommentList{margin: 10px 0;padding:15px 0 0 0; list-style: none;font-weight: bold;border-top: 1px solid #333;}
ul.mainCommentList li{padding: 0;border-bottom: 1px solid #333;margin: 0 0 15px 0;min-height: 100px; height: auto !important; height: 100px;}
.commentControl ul.mainCommentList li .thumbHolder{float:left;width:75px; margin-right: 5px;}
ul.mainCommentList li img{float:left;}
ul.mainCommentList li a.thumb{float: left;}
ul.mainCommentList li .txtHolder{float:left;width:560px;}
ul.mainCommentList li a.title{background: #000; color: #1EDFEE;text-decoration: none;padding: 2px 5px;font-weight: bold; font-size:100%;}
ul.mainCommentList li a.title:hover{background: #1edfee; color: #000;}
ul.mainCommentList li .date{padding: 2px 5px;color: #fff;font-style:italic;font-family: Georgia; font-weight:normal;}
ul.mainCommentList li p{font-weight:normal;margin: 10px 0 0 0;}
.reportHolder .form{display:none;}
.commentControl textarea {width:100%; margin-top:5px; margin-bottom:5px;}
.fanArea .commentReport p { margin:0px;}
.fanArea .commentReport br {clear:both; height:1px; line-height:1px;}

/*
/*    FAN AREA
/*
/*
----------------------------------------------------------------------------------------------------------------------*/

/* == Main Styles
----------------------------------------------------------------------------------------------------------------------*/

.fanArea ul.nav, .fanArea ul.nav li{float:left; margin:0; padding:0; list-style:none}
.fanArea ul.nav li a{float: left;background: url(/_img/fan-tabs.gif) top left no-repeat;color: #1edfee;margin:0;height: 33px; line-height: 33px; width: 75px; text-align: center;cursor: pointer;text-transform: uppercase;}
.fanArea ul.navBig li a{width:85px;}
.fanArea ul.nav li a:hover{text-decoration: underline;}
.fanArea ul.nav li a.on{background: url(/_img/fan-tabs-on.gif) top left no-repeat;color: #fff;}

.fanArea ul.fanSecNav{margin:0;list-style: none;background: #2d2d2d;padding: 5px 0;} 
.fanArea ul.fanSecNav li{display: inline;padding: 0 0 0 20px;margin: 0 0 0 10px;background: url(/_img/angle-arrow.gif) center left no-repeat;}
.fanArea ul.fanSecNav li a:hover{text-decoration: underline;background: none;color: #1edfee;}
.fanArea ul.fanSecNav li a.on{color:#fff;}

.fanArea table td{border:1px solid #333;}
.fanArea table td label{display:none;}
.fanArea table th{border:1px solid #333;background:#fff;color:#000;}
.fanArea label{width:30%;float:left;}
.fanArea .form label{font-weight:bold;}

.fanArea .panel h4{margin-bottom: 0px;}
.fanArea ul.plain{margin: 5px 0;}
.fanArea ul.plain li p{margin: 0 0 5px 0;}
.fanArea p{margin: 10px 0;}

p.memberNote{padding:5px 10px; background: #000; border: solid 1px #1EDFEE;}


/* =Alt member dashboard overide style
--------------------------------------------------------------------------------------------------------------------*/
.fanArea ul.plainDashImgs{float:left;list-style:none;width:96%;}
.fanArea ul.plainDashImgs li{float:left;list-style:none;}
.fanArea ul.plainDashText{float:left;list-style:none;width:95%;}
.fanArea ul.plainDashText li{float:left;list-style:none;width:95%;}

/* =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; border: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 20px 0;margin:0 0 10px 0;}
.fanArea .memberProfile .img{float:left;}
.fanArea .memberProfile .facts{float:left;width:370px;}
.fanArea .memberProfile .facts b{width:100px;float:left;}
.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:solid 2px #fff;margin: -110px 0 0 110px;}
.fanArea .memberProfile .divFullImg a{display:block;text-decoration:none;background-color:#fff;color:#000;padding: 5px 10px;font-weight:bold;border-bottom:solid 2px #fff;}

.fanArea ul.tabs{width: 674px;}
.fanArea .tabHolder{width: 662px;}


/* =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 5px 0;border-bottom: solid 1px #333;font-size:130%;}
.fanArea .imageUploader .clr{font-size:1px;height:1px;line-height:1px;}

/* =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:#1EDFEE;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:right;width:380px;overflow:hidden;}
.fanArea .view h3{color:#1edfee;}
.fanArea .view h4{color:#a4a4a4;}
.fanArea .msgPanel .to b{font-size: 170%;}


/* =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: 110px;min-height: 145px; height:auto !important; height:145px;text-align:center;margin:0 5px 5px 0;padding: 10px 0;border:solid 1px #333;}
.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;}

.fanArea .basicList{list-style:none;margin:0}
.fanArea .fanNavHolder {border-bottom: solid 2px #000; float:left; margin-bottom:10px;}
.fanArea .fanNavHolder ul {width:675px;}
#container #wrap #mainContent .fanArea ul.genList li{margin:10px 0 15px 0; padding-bottom:10px; border-bottom:1px dashed #555; }
 
/*-----  Sprites  ------------------
- Icons
- Buttons
-----------------------------------*/

.sprite{background: transparent url('/_img/ico/main.gif') no-repeat top left;vertical-align: -25%;width:20px;height:20px;line-height:20px;}

/* =Icons
-------------------------------------------------------------------------*/
.ico_fan_friendmsg, .ico_fan_msgunread{background-position: -70px -268px;width:18px;height:16px;}
.ico_fan_frienddel{background-position: -90px -270px;width:18px;height:16px;}
.ico_fan_friendord{background-position: -110px -270px;width:18px;height:18px;}
.ico_fan_msgcompose{background-position: -70px -288px;width:18px;height:18px;}
.ico_fan_msgread{background-position: -70px -310px;width:18px;height:18px;}
.ico_fan_msgsent{background-position: -90px -288px;width:18px;height:18px;}

/* == Store
----------------------------------------------------------------------------------------------------------------------*/
#shop #wrap #mainContent .storeWrap{float: left; margin-top: 0px; width: 690px;}
.usStore{margin: 0; position: relative; display: inline; float: right; margin-top: -44px; margin-right: 6px; background-color: #222222; border: solid #127b83 1px; padding: 4px;}

/* =Mini Bootique
--------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .miniStore ul.tabs{width: 237px; display: none;}
#wrap #mainContent .miniStore .tabHolder{width: 237px; margin-top: -10px;background: none;}
#wrap #mainContent .miniStore .prodList li{float: none;width: 90%;padding-right: 0;margin: 0 0 10px 0;list-style-image: none;zoom: 1;}
#wrap #mainContent .miniStore .prodList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #mainContent .miniStore .prodList li .prodText{padding-left: 90px;}
#wrap #mainContent .miniStore .prodList li .prodText h3{font-size: 100%;font-weight: bold;letter-spacing: 0;}
#wrap #mainContent .miniStore .prodList:after{display: none;}

/* == Popup Lightboxes (required for store V3)
----------------------------------------------------------------------------------------------------------------------*/
#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 15;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: 15;}

#popup{background: #fff;border: 5px solid #fff;padding: 1px;float: left;width: 750px;position: fixed; top: 50%; margin-top: -187px;left: 50%;margin-left: -384px;z-index: 100;display: none;}
#popup .inner{border: solid 20px #222;}
#popup .inner .innerMost{border: solid 1px #666;padding: 10px;background: #111;height: 315px;overflow: auto;}
#popup .ClosePopup{position: absolute; top: -15px; right: -15px;}
#popup .ClosePopup:hover{background-color: Transparent;}

/* == Duplicate popup styles for data capture lightbox
----------------------------------------------------------------------------------------------------------------------*/
#dataPopup{background: #fff;border: 5px solid #fff;padding: 1px;float: left;width: 750px;position: fixed; top: 50%; margin-top: -187px;left: 50%;margin-left: -384px;z-index: 100;display: none;}
#dataPopup .inner{border: solid 20px #222;}
#dataPopup .inner .innerMost{border: solid 1px #666;padding: 10px;background: #111;height: 315px;overflow: auto;}
#dataPopup .ClosePopup{position: absolute; top: -15px; right: -15px;}
#dataPopup .ClosePopup:hover{background-color: Transparent;}

#dataPopup .inner .innerMost h2 span{color: #127b83;}
#dataPopup .inner .innerMost label{float: left; clear: left; width: 120px;padding: 10px 0 0 12px;}
#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: #444; border: 0; padding: 0px; height: 20px; line-height: 20px; text-decoration: none; text-transform: uppercase; color: #fff; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-weight: normal; margin: 0 3px 3px 0; cursor: pointer;}
#dataPopup .inner .innerMost .opts .dbWide{width: 98px;}
#dataPopup .inner .innerMost .opts .On{background: #1edfee; color: #000;}
#dataPopup .inner .innerMost .optsWide .dBtn{width: 98px;}
#dataPopup .inner .innerMost .optsWide .dbWidest{width: 140px;}
#dataPopup .inner .innerMost .opts span{width: 60px; height: 20px; margin: 0 3px 3px 0; float: left; text-align: center;}
#dataPopup .inner .innerMost span img{float: none;}
#dataPopup .inner .innerMost span{font-size: 80%;}
#dataPopup .inner .innerMost .optsWide span{width: 98px;}
#dataPopup .inner .innerMost .hr{border-color: #333;}
#dataPopup .inner .innerMost .btn{width: auto;margin-top: 8px;}

/* =Store V3 Overrides
--------------------------------------------------------------------------------------------------------------------*/
.templateStore h1{border: 0;background: #ffffff;padding: 5px;}
.templateStore h2{border: solid 1px #000; border-width: 1px 0;padding: 0 10px;background: #111;margin: 10px 0;}
.templateStore h3{margin: 10px 0;}
.templateStore h4{margin-top: 10px;font-weight: bold;}
.templateStore .btn{display: inline-block;}
.templateStore table{margin: 10px 0;}
.templateStore label{float: left;width: 125px;}

/** Store tab overrides **/
#container .templateStore ul.tabs{margin: 10px 0 0 0;padding-left: 0;border: 0;background: url(/_img/store-tab-pixel.gif) bottom left repeat-x;}
#container .templateStore ul.tabs li a{border: solid 1px #000;background: #222;font-size: 180%;padding: 0 10px;color: #fff;}
#container .templateStore ul.tabs li.on a{border: solid 1px #000;background: #111;border-bottom: 0;color: #1edfee;}
#container .templateStore .tabHolder{float: none;background: #111; border-color: #000; border-width: 1px;border-top: 0;}

/** Mini Basket **/
#miniBasket .price{padding: 0 5px;}
.templateStore h1 #miniBasket{position: absolute;padding: 7px 12px 7px 12px;border: solid 1px #fff;letter-spacing: 0;line-height: 15px;}

/** Category Dropdown **/
.navCategories{height: 27px;top: 5px;right: 305px;}
.navCategories .dropdown{background: #111;border: solid 2px #666;height: 25px;}
.navCategories .dropdown p{font-size: 100%;height: 25px; line-height: 25px;}
.navCategories .dropdown span{background: url(/_img/dropdown-arrow.gif) top left no-repeat;}
.navCategories .dropdown ul.navCatDrop{top: 27px; left: -2px;margin: 0;padding: 0;width: 172px;border: solid 2px #666;border-top: 0;}
.navCategories .dropdown ul.navCatDrop li{border: 0; width: 172px;}
.navCategories .dropdown ul.navCatDrop li a{border: 0; width: 158px;background: #111;padding: 7px;color: #fff; font-size: 100%; text-transform: none;border-top: solid 1px #222; border-bottom: soplid 1px #000;}
.navCategories .dropdown ul.navCatDrop li a:hover{background: #1edfee;color: #000;}

/** Store Category View Page **/
.catView .catText .catSummary{background: #222;border: solid 1px #000;border-width: 0 0 1px 0;}
.catView .prodView{border-bottom: 0;}

/** Default Product Listing Styles **/
.prodList li .prodText .prodPrice{color: #fff;}
.prodSlider .prodSliderInner ul li .prodText h3{letter-spacing: 0;}
.prodSlider .prodSliderInner ul li .prodText h3 a{color: #fff;}
.prodSlider .prodSliderInner ul li .prodText h3 a:hover{color: #000;}
.prodSlider{border-color: #000; background: url(/_img/slider-gradient.gif) top left repeat-x;}
.prodSlider .sliderPrev:hover{background-color: transparent;}
.prodSlider .sliderNext:hover{background-color: transparent;}
.prodList li .prodText .prodStockPreviousPrice{background: #fff; color: #000; font-style: italic; padding: 0 5px; font-weight: bold; text-decoration: line-through;}
.prodList li .prodText .prodStockPrice{display: block;}

/**Product Detail/View Page **/
.prodView .prodText h3{color: #1edfee;}
.prodView .prodText p{margin: 10px 0;}
.prodView .prodText .prodTextAlt{border: solid 1px #000;background: #111;margin-bottom: 10px;}
.prodView .prodText .prodTextAlt .inner{padding: 5px;border: solid 1px #222;}
.prodView .prodText .prodTextAlt .prodTextAltTitle{margin: 0;border: solid 1px #222;border-bottom: solid 1px #111;color: #fff;padding: 0 5px;}
.prodView .prodText .prodTextAlt .inner ul{margin: 10px 0 10px 20px;}
.prodView .prodText .prodStock .prodStockPrice {display:block}
.prodView .prodText .prodStock .prodStockPreviousPrice{background: #fff; color: #000; font-style: italic; padding: 0 5px; font-weight: bold; }


/** Product Added To Basket Popup **/
.prodStockFlyout{background: none; border: 0;top: -115px; left: 45px;}
.prodStockFlyout div.success{border: 0;background: url(/_img/flyout-success.gif) no-repeat top left;padding-left: 55px;width: 125px; height: 97px;border: 0;}
.prodStockFlyout div.failure{border: 0;background: url(/_img/flyout-fail.gif) no-repeat top left;padding-left: 65px;width: 115px; height: 97px;border: 0;}
.prodStockFlyout h3{letter-spacing: 0;color: #fff !important;font-size: 120% !important;margin-top: 0;}
.prodStockFlyout .btn{padding: 2px 3px;}

.prodList .prodStock .prodStockFlyout{top: -70px; left: 50px;}
.prodView .prodText .prodBundleDD .prodStockSelection .prodStockFlyout{left: 285px;}
.ticketView .ticketOptions .prodStockSelection .prodStockFlyout{top: -115px !important; top: -75px;}

/** Global Checkout styles **/
.coBasketWrap, .tableWrap{border: solid 1px #000; background: #111;}

/** Basket Screen **/
.coBasket .coBasketShipping a{background: none;padding: 0;}
.coBasket .coBasketShipping a:hover{background: #1edfee;}
.coBasket .coBasketTotal{background: #111; border: solid 1px #000;border-width: 1px 0;}
.coBasket .coBasketTotal .value{color: #1edfee;}

/** Proceed/Continue Shopping Buttons **/
.coProceed{border-color: #444;}
.coProceed .btnProceed .btn{background: #1edfee;color: #000;}
.coProceed .btnProceed .btn:hover{background: #000; color: #fff;}

/** Progress bar indicator **/
.coCheckout .progressList li{color: #666;}
.coCheckout .progressList li.on{color: #fff;}

/** Checkout Login Screen **/
.coCheckout .coLogIn .coSplitOne p{margin-top: 10px;}
.coCheckout .coLogIn .coSplitTwo .clr{height: 1px; line-height: 1px;}
.coCheckout .coLogIn .coSplitTwo .btn{margin-top: 10px !important; margin-top: 20px;}

/** Checkout Order Summary Screen **/
.coCheckout .coCheckoutSummary .coOrderTotal .inner,
.coCheckout .coCheckoutPayment .coOrderTotal .inner,
.coCheckout .coCheckoutConfirmation .coOrderSummary .coOrderTotal,
.coCheckout .coCheckoutConfirmation .coStoreDetails .inner,
.coCheckout .coCheckoutConfirmation .coStoreVIP .inner{border: solid 1px #222; background: #000;}

.coCheckout .coCheckoutConfirmation .coStoreDetails .inner,
.coCheckout .coCheckoutConfirmation .coStoreVIP .inner{min-height: 125px; height: auto !important; height: 125px;}

.coAccount .coAccountArea ul{background: #111;border-color: #000;list-style-image: none;}

.catList .catViewMore{letter-spacing: 0;}

/* == Ticket View
------------------------------------------------------------------------------------------------------------------------ */
.ticketView .info{border-bottom: solid 1px #000;}
.ticketView .ticketComments{border-top: solid 1px #000;}
.ticketView .ticketOptions{border:solid 1px #000; background: #111;}

/* =Tooltips
--------------------------------------------------------------------------------------------------------------------*/
a.tooltip {color:#1edfee;text-decoration: none; cursor:help;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;background: none;color: #1edfee;}
a.tooltip:hover b {display:block; position:absolute; top:8px; left:20px; padding:5px; font-weight:normal; color:#333; border:5px solid #1edfee; background:#eee; width:170px;text-decoration: none;font-size: 85%;}

.coPaymentDetails a.tooltip b{width: 250px;}