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

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

#cont{background: #585858 url(/_img/body-bg.jpg) top center no-repeat;}
#wrap{position: relative; overflow: hidden; width: 878px; margin: 0 auto; padding: 20px 20px 10px 20px; text-align: left; _background: #fff; _position: static; _filter: Alpha(opacity=85);}
#wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrapInner{zoom: 1;position:relative;z-index: 5;}
#wrapOpacity{position: absolute; background: #fff; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.85; filter: Alpha(opacity=85);}
#wrap #head{float: left; width: 878px;}
#wrap #head #nav{position: relative;z-index: 50;}
#wrap #mainContent{float: left;width: 878px;margin: 15px 0 0 0;padding: 0 0 20px 0;border-bottom: solid 1px #e4e6e8;}
#wrap #footer{float: left;width: 878px;border-top: solid 1px #bbb;padding: 7px 0 0 0;font-size: 90%;}

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

#wrap .templateHome .zoneOne{float: left;width: 400px;}
#wrap .templateHome .zoneTwo{float: left;width: 305px;margin: 0 0 0 17px;background: #fff;border: solid 1px #c5c5c5; border-width: 1px 0 0 1px;padding: 8px; height:auto !important;height:720px; min-height:720px; }

#wrap .templateOne .zoneOne{float: left;width: 735px;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head .logo{float: left;}
#wrap #head #feature{float: left; width: 878px;padding: 0 0 0 0;margin: 20px 0 0 0;position: relative;}
#wrap #head #icons{height: 40px;background: url(../_img/nav-gradient.gif) top left repeat-x;-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; text-align: right;}
#wrap #head #icons img{vertical-align: middle;padding: 5px;}
#wrap #head #icons a:hover{background: url(../_img/nav-gradient-on.gif) repeat-x;}
#wrap #head #icons a {height:40px; float:right;}

#wrap #head #feature .releasewheel, #wrap #head #feature #flashwheel{position: absolute; top: 0; left: 0; width: 878px; height: 181px;}
#wrap #head #feature ul.wheel{z-index: 10; list-style: none; margin: 0; padding: 0; }
#wrap #head #feature ul.wheel li{float: left; display: block; padding: 0; margin: 0;}
#wrap #head #feature ul.wheel li a{display: block; overflow: hidden; height: 151px; width: 139px;}
#wrap #head #feature #on{width: 318px;}
#wrap #head #feature ul.wheel li img{position: absolute; border-left: 5px #F2F3F7 solid;}

#wrap #head #nav ul li .slideBlock{display: none; position: absolute; width: 838px; height: 0; top: -182px; left: -9999px; background: #000; color: #fff; padding: 0 20px; font-size: 90%;}
.artistFrame #artistContent  ul, .promosFrame #promosContent ul {float: left; position: static; z-index: -100; margin: 0 0; display:inline-block;}
.artistFrame #artistContent  ul li, .promosFrame #promosContent ul li {float: left; width: 175px; margin: 0; padding: 0; list-style-type: none; background: none; display:inline-block;}
.artistFrame #artistContent  ul li a, .promosFrame #promosContent ul li a {float: left; height: 14px; background: none; color: #fff; text-transform: capitalize; font-weight: normal; padding: 0; display:inline-block;}
.artistFrame #artistContent  ul li a:hover, .promosFrame #promosContent  ul li a:hover{background: none; text-decoration: underline;}



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

#wrap #head #nav ul{float: left;margin: 0;position: relative;z-index: 100;margin-right: -3px;}
#wrap #head #nav ul li{float: left;margin: 0;padding: 0 2px 0 0;list-style-type: none;background: url(../_img/nav-divide.gif) top right no-repeat;}
#wrap #head #nav ul li a{float: left;height: 40px; line-height: 40px;background: url(../_img/nav-gradient.gif) top left repeat-x;color: #fff;text-transform: uppercase;font-weight: bold;padding: 0 20px;}
#wrap #head #nav ul li a:hover{background: url(../_img/nav-gradient-on.gif) top left repeat-x;text-decoration: none;}
#wrap #head #nav ul li .on{ background: url(../_img/nav-gradient-on.gif) top left repeat-x;text-decoration: none;}
/* == Artists
----------------------------------------------------------------------------------------------------------------------*/

#wrap .templateOne .zoneOne ul.artistList{margin: 0 0 0 -13px; padding: 0;}
#wrap .templateOne .zoneOne ul.artistList li{display: -moz-inline-stack; display: inline-block; _overflow: hidden; zoom: 1; *display: inline; vertical-align: top; width: 162px; list-style: none; margin: 2px 0 15px 13px; padding: 0 0 7px 0; text-align: center; background: #555;}
#wrap .templateOne .zoneOne ul.artistList li .heading{float: left; width: 152px; height: 28px; line-height: 14px; background: url(/_img/artist/bg-title.gif) #353535 repeat-x top left; color: #fff; font-weight: bold; font-size: 90%; padding: 5px; margin: 0 0 7px 0; text-align: left; border-bottom: 1px #777 solid;}
#wrap .templateOne .zoneOne ul.artistList li img{width: 150px; border:2px solid #555555 !important;}
#wrap .templateOne .zoneOne ul.artistList li a {float:left; margin-left:4px; background: url(../_img/form-gradient.gif) repeat-x; }
#wrap .templateOne .zoneOne ul.artistList li a:hover img{border:2px solid #cc0000 !important; opacity:0.8;filter:Alpha(opacity=80);} 

#wrap .templateOne .zoneOne .artist .col{float: left; width: 400px; margin: 0 20px 0 0;}
#wrap .templateOne .zoneOne .artist .right{width: 325px; margin: 0;}

#wrap .templateOne .zoneOne .artist .col .musicWidget{width: 400px; background: #000; color: #fff; padding-top:5px; margin-bottom:15px;}
#wrap .templateOne .zoneOne .artist .col .musicWidget #divPlayer{float: left; }
#wrap .templateOne .zoneOne .artist .col .musicWidget a{background:#000000 url(/_img/nav-gradient.gif) repeat-x scroll left top;border:1px solid #CCCCCC;color:#FFFFFF;float:left;font-size:95%;margin:28px 0px 13px 20px;padding:7px 8px;text-decoration:none; text-transform:uppercase; font-weight:bold;}
#wrap .templateOne .zoneOne .artist .col .musicWidget a:hover {background:#000 url(/_img/nav-gradient-on.gif) repeat-x scroll left bottom;}
#wrap .templateOne .zoneOne .artist .col .musicWidget div.track{float:left; margin:5px 0px 7px 12px;}


#wrap .templateOne .zoneOne .artist .col .musicWidget .popup{float: left; display: inline; width: 145px; height: 30px; line-height: 30px; text-align: center; font-size: 90%; font-weight: bold; border: 1px #1b1b1b solid; border-top: 1px #313131 solid; background: url(/_img/artist/bg-popup.gif) #000 repeat-x top left;}
#wrap .templateOne .zoneOne .artist .col .musicWidget .popup a{color: #fff;}

#wrap .templateOne .zoneOne .artist .col .musicWidget ul {margin-top:0;}

#wrap .templateOne .zoneOne .artist .col .imageholder{width: 398px; height: auto; border: 1px #cc0000 solid; text-align: center; overflow: hidden;}
#wrap .templateOne .zoneOne .artist .col .imageholder img{vertical-align: middle;}

#wrap .templateOne .zoneOne .artist .col .feature{background: #fff; border: 1px #c5c5c5 solid; border-width: 1px 0 0 1px; padding: 8px;}
#wrap .templateOne .zoneOne .artist .col .feature .heading{height: 24px; line-height: 24px; background: url(/_img/artist/bg-title.gif) #353535 repeat-x top left; color: #eee; text-transform: none; font-weight: bold;   padding: 0 10px; margin: 0 0 7px 0; float:none;}
#wrap .templateOne .zoneOne .artist .col .feature p{margin: 0 0 5px 0; line-height:1.4em; font-size:100%; float:left;}
#wrap .templateOne .zoneOne .artist .col .feature ul.newsList li p{margin: 0 0 5px 0; line-height:1.4em; font-size:100%;}

#wrap .templateOne .zoneOne .artist .col .feature li { list-style: none;}
#wrap .templateOne .zoneOne .artist .col .feature a{font-weight:bold;}
#wrap .templateOne .zoneOne .artist .col .feature img{margin:2px 10px 10px 0; border:2px solid #CC0000 !important; float:left;}
#wrap .templateOne .zoneOne .artist .col .feature .releaseLinks img{border:0 !important;}

#wrap .templateOne .zoneOne .artist ul.list, #wrap .templateOne .zoneOne .artist ul.list li{list-style: none; margin: 0; padding: 0;}
#wrap .templateOne .zoneOne .artist ul.list li .pic{float: left; width: 98px;}
#wrap .templateOne .zoneOne .artist ul.list li .date{display: none;}
#wrap .templateOne .zoneOne .artist ul.list li .title{color: #666; font-weight: bold;}
#wrap .templateOne .zoneOne .artist .feature div.hr{border-top: 1px #ccc dotted; margin: 8px 0;}

#wrap .templateOne .zoneOne .artist .latestnews{height: 580px; overflow: auto;}
#wrap .templateOne .zoneOne .artist .feature ul.newsList h2{font-size: 110%; font-weight: bold; margin: 10px 0 5px 0;}


#wrap .templateOne .zoneOne .artist .biog{height: 263px; overflow: auto; width:440px;}

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

#wrap #footer ul{float: left;margin:0;}
#wrap #footer ul li{display: inline;margin: 0;background: url(/_img/pipe.gif) center left no-repeat;padding: 0 0 0 6px; margin: 0 0 0 6px;}
#wrap #footer ul li a{color: #333;}

.homeVid{margin-bottom:17px; height:308px; overflow:hidden;}
.homeVid h2{display:none;}

.formHolder{background: #e00000 url(/_img/form-gradient.gif) bottom left repeat-x;border: solid 1px #ad0000;padding: 8px;color: #fff; min-height:306px;
  height:auto !important;
  height:306px;
}
.templateHome .formHolder{min-height:395px; height:auto !important;  height:395px;}

.formHolder:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.formHolder p, .formHolder label{margin: 0 0 8px 0; font-weight: bold; line-height: 1.4em; font-size: 90%;}
.formHolder .formDetails{float: left; width: 188px;}
.formHolder .inputText{width: 180px; border: 0;}
.formHolder .selectBox{width: 188px; padding: 7px 6px;}
.formHolder .listBox{border: 0; width: 361px; height: 90px;background: #fff; padding: 0;color: #aaa;font-size: 110%;}
.formHolder .textBtn{background: url(/_img/nav-gradient.gif) repeat-x top left; padding: 3px 10px 5px 10px; margin: 10px 0 0 0; border: 1px #666 solid;}
.formHolder .listBoxHolder{border: 1px solid #ccc; height: 133px; width: 378px;overflow: auto; margin: 5px 0 5px 0;}
.formHolder .listBoxHolder label {font-weight:normal; color:#000; font-size:90%;}
.formHolder .ddl {float:left; width:182px; font-size:90%;}
.formHolder .ddlHolder {padding:2px 2px 0 2px; width:184px; height:19px; background-color:#FFF; float:left;}
.formHolder .nextDdl {float:left; margin-right:3px;}
.formHolder h2.bar {margin-bottom:5px;}

/* == News Content
----------------------------------------------------------------------------------------------------------------------*/

ul.newsList{margin: 0; list-style-type: none;}
ul.newsList li{border-bottom: dotted 1px #d7d8d7; /*font-size: 90%;*/ float:left; margin-bottom:0px; }
ul.newsList li p{margin: 5px 0;line-height: 1.4em; width:295px;}
.news ul.newsList li p{margin: 5px 0;line-height: 1.4em; width:275px;}

ul.newsList li p
ul.newsList li p.title{margin: 0 0 5px 0;line-height: 1.4em;}

ul.newsList li a{color: #111;}
ul.newsList li a strong{color: #CC0000;}
ul.newsList li p.date {font-size:80%; }
ul.newsList li a {color:#CC0000;}

ul.newsList li a.title{line-height: 1.4em;font-size: 110%;}
ul.newsList li a img{border: solid 2px #cc0000; float:left; margin-right:5px;}

/* == News Article 
----------------------------------------------------------------------------------------------------------------------*/
.newsArticle{background:#FFF; border-color:#C5C5C5;border-style:solid; border-width:1px 0 0 1px; width:380px; padding:10px; float:left; margin-right:17px;}
.newsArticle .info h3 {font-size:90%; font-weight:bold;}
.newsArticle img {border:2px solid #CC0000; width:380px; margin:0 0 20px 0; }
.newsArticle h2 {color:#CC0000; margin:0 0 20px 0}
.newsArticle h3 {margin:10px 0 10px 0;}

ul.newsListCompact{margin: 0; list-style-type: none; background-color:#FFF; float:left; width:280px; padding:0 10px 10px 10px;}
ul.newsListCompact li{border-bottom: dotted 1px #d7d8d7;font-size: 90%; margin-bottom:10px;}
ul.newsListCompact li p{margin: 5px 0;line-height: 1.4em;}
ul.newsListCompact li a.title{line-height: 1.4em;font-size: 110%;}
ul.newsListCompact li a img{border: solid 2px #cc0000;}
ul.newsListCompact li a.img {float:left; margin-right:10px;}
ul.newsListCompact h3 {margin-bottom:3px; margin-top:3px;}
ul.newsListCompact span {margin-bottom:15px; float:left; font-weight:bold;}
#listing {float:left; width:305px;  border-color:#C5C5C5; border-style:solid; border-width:1px 0 0 1px; background-color:#FFF;}
#listing h2.bar {margin:10px 10px 0 10px;}
.newsHome #listing {width:290px}
.newsHome #listing h2.bar {width:290px; margin:0px ; text-transform: none; text-align: left;}
.news #listing h2.bar {width:275px; margin:0px ; text-transform: none; text-align: left;}
.newsHome #listing span {font-size:90%; font-weight:bold;}
.zoneTwo  #listing {border:0;}
.news #listing {width:280px;}
/* == Flash Wheel
----------------------------------------------------------------------------------------------------------------------*/
.topPanel {height:181px;}

/* = Social Links
----------------------------------------------------------------------------------------------------------------------*/
.extLinks {width: 400px; height:40px; background:#7c0000 url(/_img/links-bg.gif) repeat-x; margin-bottom:15px;}
.extLinks a {margin-left:10px; float:left;}
.extLinks a.officialsite {height:40px; width:96px; background: url(/_img/artist/ext-links.jpg) -13px 0;}
.extLinks a.bebo {height:40px; width:50px; background: url(/_img/artist/ext-links.jpg) -115px 0;}
.extLinks a.facebook {height:40px; width:57px; background: url(/_img/artist/ext-links.jpg) -177px 0;}
.extLinks a.myspace {height:40px; width:72px; background: url(/_img/artist/ext-links.jpg) -248px 0;}
.extLinks a.youtube {height:40px; width:48px; background: url(/_img/artist/ext-links.jpg) -331px 0;}

/* = Release Links
----------------------------------------------------------------------------------------------------------------------*/
.releaseLinks {width: 383px; height:22px; background:#FFF;}
.releaseLinks a {margin-left:10px; float:left;}
.releaseLinks a.sevdigital {height:22px; width:72px; background: url(/_img/artist/buyfrom.gif) -250px 0;}
.releaseLinks a.play {height:22px; width:35px; background: url(/_img/artist/buyfrom.gif) -348px 0;}
.releaseLinks a.amazon {height:22px; width:55px; background: url(/_img/artist/buyfrom.gif) -183px 0;}
.releaseLinks a.itunes {height:22px; width:60px; background: url(/_img/artist/buyfrom.gif) -110px 0;}
.releaseLinks a.hmv {height:22px; width:40px; background: url(/_img/artist/buyfrom.gif) -62px 0;}
.releaseLinks a.webstore {height:22px; width:48px; background: url(/_img/artist/buyfrom.gif) 0 0;}

/* = video search
----------------------------------------------------------------------------------------------------------------------*/
.videoNav { float:right; width:210px;}

.videoSearch{background:#E00000 url(/_img/nav-gradient-on.gif) repeat-x scroll left bottom; float: right;margin: 0; border:1px solid #AD0000;width:208px;}
.videoSearch div{background: transparent; padding:7px; color:#BBB;} 
.videoSearch div .label{background: none; padding: 0; margin: 0 0 5px 0;font-weight: bold; width: auto; float:left;}
.videoSearch div .label span{color: #FFF;}
.videoSearch  .textBtn {background:transparent url(/_img/nav-gradient.gif) repeat-x scroll left top; border:1px solid #666666;  padding:2px 10px 1px 10px;}
.videoSearch a {background:#000 url(/_img/nav-gradient.gif) repeat-x scroll left top; border:1px solid #CCCCCC;float:left;font-size:95%;padding:4px 8px;text-decoration:none; float:right; margin-bottom:5px; color:#FFF;}
.videoSearch a:hover {background:#000 url(/_img/nav-gradient-on.gif) repeat-x scroll left bottom; padding:4px 8px; color:#fff;}

.videoHold {background:#FFFFFF none repeat scroll 0 0;float:left;width: 210px; margin-bottom:17px;}
.videoHold .videoFilters {float:left;padding-left:10px;width:210px;}
.videoHold .videoFilters ul {margin:10px 0 4px 0;padding:5px; width:210px; }
.videoHold .videoFilters ul, .videoHold .videoFilters ul li {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:5px 7px 0 0;padding:0;}
.videoHold .videoFilters ul li.right{float:right; margin-right: 0;}
.videoHold .videoFilters span {font-size:80%; margin-top:4px; margin-bottom:4px; float:left;}

.videoHold  #listArtist {float:left; width:210px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; height:465px; overflow-x:auto; overflow-y:auto;}
.videoHold  #listArtist .artistList {margin:0 0 5px 0; background-color:#FFF; width:193px; padding-top:0px;  float:left;}
.videoHold  #listArtist .artistList .item {padding:5px 0 5px 0; border-bottom:1px solid #000; width:193px; height:30px; background:#000 url(/_img/nav-gradient.gif) repeat-x;}
.videoHold  #listArtist .artistList  a.heading {float:left; font-size:90%; color:#FFF;}
.videoHold  #listArtist .artistList  img { width:40px;  border:1px solid #ccc; padding:0px; float:left;  }

.videoHold  #listArtist .artistList a.thumb {background:#222222 url(/_img/play_small.gif); height:29px; width:42px; float:left; margin:0 5px 5px 10px;}
.videoHold  #listArtist .artistList a.thumb:hover img{opacity:0.4;filter:Alpha(opacity=40); text-decoration:none;}



.videoHold #listVideo {float:left;}
 
.videoHold .pagingGeneric {margin-left:10px;width: 448px;}
.videoHold .pagingGeneric .pg {float:right;}

.videoHold .paging {width:210px;padding:0; font-size:80%;}
.videoHold .paging .bar {display:none;}
.videoHold .paging .text { margin:10px 0 10px 10px; float:left;}
.videoHold .paging .pg{ margin:10px 0 5px 10px; float:right;}
.videoHold .paging ul li a {margin:0px}

.videoHold  ul.vidList {margin:0px 0px 5px 10px;}
.videoHold .vidList li {background:transparent url(/_img/vid-list-bg.gif) no-repeat scroll right bottom; float:left; margin:0 0 3px; padding:3px 0;width:190px;height:108px; list-style-type:none;}
.videoHold .vidList img { border:1px solid #EEEEEE;float:left;margin:20px 5px 5px 10px;padding:1px;}
.videoHold .vidList a {color:#FFF; text-decoration:none; font-size:80%;}
.videoHold .vidList li p {margin:15px 5px 0 0;}
.videoHold {}

/* = player
----------------------------------------------------------------------------------------------------------------------*/
#playerTop {float:left; width:878px;}
#playerTop .playerPanel {float:left;}
#playerTop .mainPlayer br {margin-top:10px; line-height:20px;}
#playerTop .videoHolder {background-color:#000;}
#playerBot {float:left; }
#playerBot .videoSearch{ background:#E00000 url(/_img/nav-gradient-on.gif) repeat-x scroll left bottom; float: left;margin: 0; border:1px solid #AD0000; width:876px;}
#playerBot ul.vidList {margin:0px 0px 0px 0px; float:left; background:#202020 url(/_img/bg-g.jpg) repeat-x; width:5000px; overflow:hidden;}
#playerBot .vidList li {background:transparent; float:left; margin:0 5px 3px 0; padding:0;width:119px;list-style-type:none;}
#playerBot .vidList img { border:1px solid #EEEEEE;float:left;margin:0px; padding:1px;}
#playerBot .vidList a.thumb {background:#222222 url(/_img/play.gif); height:62px; width:112px; float:left; margin:10px 5px 1px 10px;}
#playerBot .vidList a:hover {text-decoration:underline;}

#playerBot .vidList a.thumb:hover img{opacity:0.4;filter:Alpha(opacity=40); text-decoration:none;}


#playerBot .vidList a {color:#FFF; text-decoration:none; font-size:80%;}
#playerBot .vidList li p {margin:2px 5px 5px 10px;}
#playerBot .paging {display:none;}
#playerBot #listHolder{width:878px; background-color:transparent;}
#playerBot  .vidList span {margin:0 0 10px 10px; font-weight:bold; float:left;}

.thumbs {display:inline;float:right;margin:0;overflow:hidden;padding:0 0 10px;width:878px;}
.thumbs .fullthumbs {float:left; width:90000px;}
.thumbs .scrollInd {background-color:#000000;float:left;height:10px;width:878px;}
.thumbs .scrollInd .current {background-color:#C20400;float:left;height:10px;width:80px;}


/* = banners
----------------------------------------------------------------------------------------------------------------------*/
#bannerHolder {}
#bannerHolder .squareHolder{float:left; margin-top:15px;  }

/* = Audio Popup
----------------------------------------------------------------------------------------------------------------------*/

.sideAudio p.top{margin: 5px 0 5px 0; color:#FFF; padding-left:10px; float:left;}
.sideAudio{float: left; width: 257px;margin: 45px 0px 10px 45px; background-color:#000000;border:1px solid #FFF;}
.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; height:15px;}
.sideAudio ul li a{float:left;text-decoration: none; margin:0 0 0 5px;}
.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 5px 175px; height:35px;}
.sideAudio .scanHolder div{float:left; margin-right:10px;}
.sideAudio .popupLink{border-top: solid 1px #333;border-bottom: solid 1px #333;text-align: center; padding: 5px 0;width: 100% !important;height: 1%;}
.sideAudio h2 {background:#353535 url(/_img/artist/bg-title.gif) repeat-x scroll left top;color:#EEEEEE;font-weight:bold;height:24px;line-height:24px;margin:0 0 7px;padding:0 10px;text-transform:none; font-size:110%;}
.sideAudio .btn{ margin-bottom: 5px; float:right;} 
.sideAudio .logoHolder {background-color:#dadada; float:left; width:257px; }
.sideAudio .logoHolder img {margin:8px; float:left; margin-right:5px;}