/* == Fan Layout
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .splitLeft{float: left; width: 49%;}
#fanArea .splitRight{float: right; width: 49%;}

/* == Fan basic elements
------------------------------------------------------------------------------------------------------------------------ */
#fanArea a{color: #fff;}
#fanArea a:hover{color: #339900;}
#fanArea h4{text-transform: none;font-size: 100%; font-weight: bold;margin: 0;color: #fff;}
#fanArea h4 span{color: #666;border-bottom: dotted 1px #666;}
#fanArea p.meta{margin: 0;}
#fanArea .linkBtn:hover{color: #fff;}
#fanArea th{background: #000;padding: 6px; color: #339900;}
#fanArea td{background: #111; padding: 3px 6px;}
#fanArea .imgRight{float: right; margin: 0 0 10px 10px; border: solid 1px #222; background: #111; padding: 5px;}
#fanArea h2.excTitle{margin: 0 0 5px 0; font-size: 100%; border-bottom: dotted 1px #666;padding: 5px 0 5px 12px; background: url(/_img/members-block.gif) center left no-repeat;}
#fanArea h2.excTitle span{color: #339900;}

/* == Fan Navigation
------------------------------------------------------------------------------------------------------------------------ */
#fanArea ul.fanNav{margin: 0px 0px 10px 0px; list-style: none; list-style-image: none; zoom: 1; position: relative; }
#fanArea ul.fanNav:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea ul.fanNav li{float: left;margin: 0 1px 0 0; border-right: solid 1px #222;border-top: solid 1px #222;border-bottom: solid 2px #333;padding-bottom: 2px;}
#fanArea ul.fanNav li a{float: left;border: solid 1px #000; padding: 40px 10px 5px 10px; font-weight: bold;background: #111; color: #339900;}
#fanArea ul.fanNav li a:hover{color: #fff;}
#fanArea ul.fanNav li a.on{color: #fff;background: #339900 url(/_img/calendar-top-tos.gif) repeat-x top left;}
#fanArea ul.fanNav li.logout{float: right;margin: 0;border-left: solid 1px #222;}
#fanArea ul.fanNav li.logout a{color: #fff;background: #000;}
#fanArea ul.fanNav li#underline{position: absolute; bottom: 0px; left: 0; width: 100px; height: 2px; line-height: 2px; background: #339900;margin: 0; padding: 0;overflow: hidden; border: 0;}

#fanArea ul.fanSecNav{margin: 0 0 15px 0;list-style: none; list-style-image: none;background: url(/_img/members-subnav.gif) no-repeat top left; height: 30px; zoom: 1; padding: 0 10px;}
#fanArea ul.fanSecNav:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea ul.fanSecNav li{float: left; margin: 0; background: url(/_img/members-subnav-border.gif) top right no-repeat;}
#fanArea ul.fanSecNav li a{float: left;color: #ccc; height: 35px; line-height: 30px; font-weight: bold; padding: 0 20px;}
#fanArea ul.fanSecNav li a:hover{background: url(/_img/members-subnav-hov.gif) repeat-x top left;color: #fff;}
#fanArea ul.fanSecNav li a.on{background: url(/_img/members-subnav-point.gif) no-repeat bottom center;color: #fff;}

/* == Fan Screen Messages
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .msgInfo{border: solid 1px #222; background: #000 url(/_img/members-speech.gif) center left no-repeat;padding: 10px 10px 10px 50px; min-height: 20px; height: auto !important; height: 20px; font-weight:bold;margin: 10px 0; font-style: italic; color: #aaa;}
#fanArea .activityLog{bordeR: solid 1px #222; background: #000;padding: 5px;}

/* == Fan Toolbar (search, buttons etc)
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .tools{clear: both;margin: 10px 0;padding: 5px; border-top: dotted 1px #444; border-bottom: dotted 1px #444; zoom: 1; color: #666; background: #111;}
#fanArea .tools:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .tools .linkBtn{margin-left: 2px;}

/* == Fan Tab Specifics
------------------------------------------------------------------------------------------------------------------------ */
#fanArea ul.tabs{clear: both;margin-bottom: 0;background: url(/_img/members-tab-pixel.gif) repeat-x bottom left;}
#fanArea ul.tabs li{margin-right: 2px;}
#fanArea ul.tabs li a{background: #222 url(/_img/btn-bg.gif) bottom left repeat-x; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 95%; border: solid 1px #222; font-family: Arial; padding: 3px 28px; margin-top: 6px; color: #ccc;}
#fanArea ul.tabs li.on a,
#fanArea ul.tabs li a.on{background: #111;color: #fff;border-bottom-color: #111;padding-top: 9px; margin-top: 0; color: #fff;}
#fanArea ul.tabs li a:hover{padding-top: 9px; margin-top: 0;}
#fanArea .tabHolder{border: solid 1px #222; border-top: 0;padding: 10px;zoom: 1; background: #111;}
#fanArea .tabHolder:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

/* == Fan Homepage
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .panel{margin: 0 0 10px 0;zoom: 1;border: solid 1px #252525;background: #111;padding: 5px;}
#fanArea .panel:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .panel h2{margin: 0 0 5px 0; font-size: 100%; border-bottom: dotted 1px #666;padding: 5px 0 5px 12px; background: url(/_img/members-block.gif) center left no-repeat;}
#fanArea .panel h2 span{color: #339900;}
#fanArea .panel .toggle{float: right;}
#fanArea .panel .linkBtn{margin-left: 3px;}

/* == Fan Profile Page
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .memberProfile .img{float: left; background: #111; border: solid 1px #222;margin: 0 10px 15px 0;padding: 5px; text-align: center; position: relative;}
#fanArea .memberProfile .img .divFullImg{position: absolute; top: 0; left: 0;bordeR: solid 5px #444;}
#fanArea .memberProfile .img .divFullImg .ClosePopup{position: absolute; top: -15px; right: -15px;}
#fanArea .memberProfile .img .mainImage{border: solid 1px #333;padding: 2px;display: block;margin-bottom: 5px;}
#fanArea .memberProfile .img .linkBtn{margin-bottom: 3px;display: block; width: 94px; padding-left: 0; padding-right: 0;}
#fanArea .memberProfile .img ul.photos{width: 70px;margin: 0; list-style: none; list-style-image: none; text-align: center;}
#fanArea .memberProfile .img .hr{border-top: dashed 1px #666;}
#fanArea .memberProfile h2.name{margin: 0 0 5px 0;}
#fanArea .memberProfile .facts{margin-left: 120px;}
#fanArea .memberProfile .facts .label{float: left; width: 100px;font-weight: bold;color: #666;}
#fanArea .memberProfile .sig{background: url(/_img/signature-bg.gif) top left no-repeat;min-height: 30px; height: 30px; height: auto !important; margin: 0 0 10px 120px; border-bottom: solid 1px #222;padding: 15px 10px 5px 10px; color: #666;font-family: Georgia;}
#fanArea .memberProfile .sig p{margin: 0; background: #111; padding: 5px 0 5px 0; zoom:1;}
#fanArea .memberProfile .tabHolder h3{zoom: 1; border-bottom: dotted 1px #444;font-size: 100%;padding: 0 0 5px 12px; background: url(/_img/members-block.gif) center left no-repeat;}
#fanArea .memberProfile .tabHolder h3:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .memberProfile .tabHolder h3 .floatLeft{padding-top: 6px;}
#fanArea .memberProfile .tabHolder .text{color: #aaa;font-size: 95%; padding-left: 12px;}

/* == Fan Member Listing
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .memberList{margin: 10px 0; list-style: none; list-style-image: none;}
#fanArea .memberList li{zoom: 1; margin: 0 0 5px 0;}
#fanArea .memberList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .memberList li .thumb{float: left; margin-right: 5px;}

#fanArea .fanList{margin: 10px 0; list-style: none; list-style-image: none;}
#fanArea .fanList li{margin: 0 0 10px 0;zoom: 1; border-bottom: dotted 1px #666;padding: 0 0 10px 0;}
#fanArea .fanList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .fanList li .thumb{float: left; margin-right: 5px;}
#fanArea .fanList li .txt{margin-left: 60px;}
#fanArea .fanList li .txt .linkBtn{margin-left: 2px;}
#fanArea .fanList li .txt .awaiting{color: #fe0000;}

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

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

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

/* == Members Activity List
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .activityList{margin: 10px 0; list-style: none; list-style-image: none;}
#fanArea .activityList li{margin: 0 0 10px 0;zoom: 1;}
#fanArea .activityList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .activityList li .thumb{float: left; margin-right: 5px;}

/* == Fan Exclusive News Panel
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .excNews{border: solid 1px #252525;background: #111;padding: 5px;margin: 0 0 10px 0;}
#fanArea .excNews h2.title{margin: 0 0 5px 0; font-size: 100%; border-bottom: dotted 1px #666;padding: 5px 0 5px 12px; background: url(/_img/members-block.gif) center left no-repeat; position: relative; z-index: 1;}
#fanArea .excNews h2.title span{color: #339900;}
#fanArea .excNews .excNewsInner{/*height: 320px; overflow-y: scroll;*/ padding-right: 5px;}
#fanArea .excNews .toggleExcNews{float: right;position: relative; z-index: 2;}
#fanArea .excNews .commentControl h2{display: none;}
#fanArea .excNews textarea.txtComment{width: 617px;}

body#tos .sideArchive ul li{border-bottom: 1px dotted #252525; margin: 0 0 5px 0; padding: 0 0 5px 0;}
body#tos .sideArchive ul li a{color: #339900;}
body#tos .sideArchive ul li a:hover{color: #fff;}

/* == Fan Image Uploader Styles
------------------------------------------------------------------------------------------------------------------------ */
.uploadedimages ul{margin: 0; list-style: none; zoom: 1;}
.uploadedimages ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.uploadedimages ul li{float: left; margin: 0 10px 10px 0;}
.imageUploader .clr{display: none;}
.imageUploader .int .clr{display: block;}

/* == Fan Form Styles
------------------------------------------------------------------------------------------------------------------------ */
#fanArea label{width: 100px;}
#fanArea .centralForm label{width: 130px; text-align: right; margin-right: 10px;}
#fanArea .centralForm .input{width: 400px;}

/* == Fan Inbox
------------------------------------------------------------------------------------------------------------------------ */
#fanArea a.msgTitle{color: #666;}
#fanArea a b.unreadMsg{font-weight: bold;color: #fff;}

/* == Fan Shows Listing Overrides
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .gigList li{background: none;margin: 0 0 10px 0;border-bottom: dotted 1px #666;padding: 0 0 10px 0;}
#fanArea .gigList li .txt h4{margin-bottom: 5px;}
#fanArea .gigList li .txt p.meta{margin: 2px 0 4px 0;}
#fanArea .gigList li h3{padding-top: 0;}
#fanArea .gigList li .calendar{margin-top: 0;}
#fanArea .gigList li .calendar span{background-image: url(/_img/calendar-top-tos.gif);}
#fanArea .gigList li .calendar span.two{background-image: url(/_img/calendar-btm.gif);}
#fanArea .gigSearch{float: none; clear: left;}
#fanArea .gigSearch label{width: auto;}
#fanArea .highlightText{background: #339900;}
#fanArea a.linkBtnShare{background: #339900 url(/_img/gradient-share-tos.gif) no-repeat top left;}

/* == Fan Shows Listing Overrides
------------------------------------------------------------------------------------------------------------------------ */
#fanArea ul.articleList li .articleText{margin-left: 0;}
#fanArea ul.articleList li h2.replaced{margin-top: 15px;}
#fanArea ul.articleList li textarea.txtComment{width: 568px;}
#fanArea ul.articleList li .paging .pg ul li{border: 0; padding: 0;}
#fanArea ul.articleList li .paging .pg ul li.det{padding: 3px 8px 3px 0;}

/* == Fan members List Paging
------------------------------------------------------------------------------------------------------------------------ */
.fanmembers .paging .pg ul li a,
.fanmembers .pagingbase .pg ul li a{width: 26px; background-image: url(/_img/paging-bg-lrg.gif);}