@charset "utf-8";
/* --- Global(ish) settings --- */
* { margin:0; padding:0; }
html { /*background:url(../img/sur/bg.gif) left top repeat-x #000;*/ }
body { background:url(../img/sur/bg1.jpg) 0 0 fixed no-repeat #000; ; margin-bottom:47px; }
div, table, td, p, label, input, textarea, dl, ul, li, h1, h2, h3, h4, .advSearch { font-family: 'trebuchet ms',helvetica,sans-serif; color:#eeeeee; text-shadow:0 1px 0 #000; }
div, table, td, p, label, input, textarea, dl, ul, li, .advSearch { font-size: 14px; }
a:link, a:active { border-bottom:1px dotted #b5b599; text-decoration:none; color:#cb6f14; }
a:visited { border-bottom:1px dotted #90907d; text-decoration:none; color:#90907d; }
a:hover { color:#90907d; border-bottom:1px dotted #90907d; }
a:focus { -moz-outline-style:none; }
hr { height:1px; color:#ccc; }
/* --- Top Section formatting --- */

#logoContainer { padding:24px 0 17px 28px; }
#logoContainer h1 a { display:block; height:59px; text-indent:-9999px; background:url(../img/sur/logo.png) left top no-repeat; border-bottom:none; }
#artistLogoContainer #rosterContainer img { margin:auto 30px auto 30px; }
#otherSiteLink { padding:22px 10px 0 0; float: right; }
#otherSiteLink h2 a { display:block; height:21px; text-indent:-9999px; border-bottom:none; }
#otherSiteLink h2.sud a { background:url(../img/sud.png) left top no-repeat; }
#otherSiteLink h2.sum a { background:url(../img/sum.png) left top no-repeat; }
#otherSiteLink h2.sc a { background:url(../img/supercrawl.png) left top no-repeat; width:240px; }
#otherSiteLink h2 a:hover { background-position: left -22px; cursor: pointer; }
#pageTop { background:url(../img/sur/contentTop.png) center top no-repeat; height: 30px; margin-top: 10px;}
/* --- Navigation Bar --- */

#navContainer { background:url(../img/sur/contentMainBG.png); height:36px; }
ul#nav { float:left; width:750px; padding:5px 0 0 14px; position:relative; }
ul#nav li { float:left; height:18px; list-style-type:none; }
ul#nav li a { float:left; display:block; height:18px; text-indent:-9999px; background-position:center top; background-repeat:no-repeat; padding:0 10px 0 10px; cursor:default; border-bottom:none; }
ul#nav li a.navWhatsNew { background-image:url(../img/sur/navWhatsNew.png); width:110px; }
ul#nav li a.navActiveRoster { background-image:url(../img/sur/navActiveRoster.png); width:124px; }
ul#nav li a.navAlumni { background-image:url(../img/sur/navAlumni.png); width:150px; }
ul#nav li a.navTourDates { background-image:url(../img/sur/navTourDates.png); width:96px; }
ul#nav li a.navNR { background-image:url(../img/sur/navNR.png); width:128px; }
ul#nav li a.navLabelInfo { background-image:url(../img/sur/navLabelInfo.png); width:87px; }
ul#nav li a.navMySpace { background-image:url(../img/sur/navMySpace.png); width:85px; }
ul#nav li a.navShop { background-image:url(../img/sur/navShop.png); width:46px; }
ul#nav li a:hover, ul#nav li a.activeNav { background-position:center -18px; cursor: pointer; }
ul#nav li ul { position:absolute; top:53px; left:0; width:940px; padding:0; display:none; }
ul#nav li ul li { width:940px; height:115px; display:block; /*text-indent:-9999px;*/ padding:0; }
a.navLogin { float:right; margin:14px 23px 0 0; display:block; width:35px; height:21px; line-height:21px; background:url(../img/sur/navLogin.png) 0 0 no-repeat; text-indent:-9999px; border-bottom:none; }
* html a.navLogin { margin:14px 12px 0 0; }
a.navSocial { float:right; margin:0 23px 0 0; display:block; width:30px; height:30px; line-height:21px; border-bottom:none; }
* html a.navSocial { margin:0 12px 0 0; }
a.navLogin:hover { background-position:0 -21px; }
a.navLogout { float:right; margin:14px 23px 0 0; display:block; width:42px; height:21px; line-height:21px; background:url(../img/sur/navLogout.png) 0 0 no-repeat; text-indent:-9999px; border-bottom:none; }
* html a.navLogout { margin:14px 12px 0 0; }
a.navLogout:hover { background-position:0 -21px; }

/* --- Artist navbar --- */

ul#nav li a.artistNavNewsDates { background-image:url(../img/sur/artistNavNewsDates.png); width:131px; }
ul#nav li a.artistNavBio { background-image:url(../img/sur/artistNavBio.png); width:28px; }
ul#nav li a.artistNavAlbums { background-image:url(../img/sur/artistNavAlbums.png); width:69px; }
ul#nav li a.artistNavPress { background-image:url(../img/sur/artistNavPress.png); width:52px; }
ul#nav li a.artistNavDL { background-image:url(../img/sur/artistNavDL.png); width:189px; }
ul#nav li a.artistNavContact { background-image:url(../img/sur/artistNavContact.png); width:148px; }
ul#nav li a.artistNavBuy { background-image:url(../img/sur/artistNavBuy.png); width:80px; }

/* --- SubNavigation Bar --- */

#subNavContainer { background:url(../img/sur/contentMainBG.png); height:50px; }
ul#subNav { float:left; width:800px; padding:15px 0 0 14px; position:relative; }
ul#subNav li { float:left; height:19px; list-style-type:none; }
ul#subNav li a { float:left; display:block; height:19px; text-indent:-9999px; background-position:center 0; background-repeat:no-repeat; padding:0 12px 0 11px; cursor:default; border-bottom:none; }
ul#subNav li a.subNavAI { background-image:url(../img/sur/subNavAI.png); width:78px; }
ul#subNav li a.subNavDL { background-image:url(../img/sur/subNavDL.png); width:65px; }
ul#subNav li a.subNavUL { background-image:url(../img/sur/subNavUL.png); width:83px; }
ul#subNav li a.subNavOS { background-image:url(../img/sur/subNavOS.png); width:75px; }
ul#subNav li a.subNavOH { background-image:url(../img/sur/subNavOH.png); width:81px; }
ul#subNav li a:hover, ul#subNav li a.activeNav { background-position:center -21px; cursor: pointer; }
ul#subNav li ul { position:absolute; top:53px; left:0; width:940px; padding:0; display:none; }
ul#subNav li ul li { width:940px; height:115px; display:block; /*text-indent:-9999px;*/ padding:0; }
a.subNavLogin { float:right; margin:14px 23px 0 0; display:block; width:35px; height:21px; line-height:21px; background:url(../img/sur/subNavLogin.png) 0 0 no-repeat; text-indent:-9999px; }
* html a.subNavLogin { margin:14px 12px 0 0; }
a.subNavLogin:hover { background-position:0 -21px; }
span a.print { float:left; margin:0; display:block; height:15px; width:39px; background:url(../img/sur/buttonPrint.png) 0 0 no-repeat; text-indent:-9999px; border:1px solid #000000; }
/* --- Search pane --- */

#playerContainerTop { background:url(../img/sur/contentLeftTop.png) 0 0 no-repeat; height: 30px; }
#playerContainer { background:url(../img/sur/contentMainBG.png) repeat; min-height:300px; height:auto; }
#playerContainerBottom { background:url(../img/sur/contentLeftBottom.png) 0 0 no-repeat; height: 30px; }
#mediaspace, #surPlayer { width: 880px; height: 300px; margin-left: 30px; }
#mediaspace2, #surPlayer2 { width: 940px; height: 127px; }
#featureSpace { width: 280px; height: 400px; border: 1px solid #ffffff; }
#features, #news { background:url(../img/sur/searchPaneBG.png) repeat; min-height:400px; float: left; margin:0; height:auto; padding:30px; }
#features { width: 280px; }
#news { width: 520px; }
#newsHeader { height: 20px; margin-bottom: 5px; }
#newsContent ul, #newsContent ul li, #priorityNewsContainer ul, #priorityNewsContainer ul li { list-style-type: none; background-image: none; padding: 5px 0 5px 0; }
#newsContent ul li, #priorityNewsContainer ul li { display: block; background-repeat: no-repeat; background-position: 0 3px; padding: 3px 0 3px 40px; margin-bottom: 0.5em; border: none; width: 85%; min-height: 32px; }
#priorityNewsContainer ul li { background-image:url(../img/iconSUR.png); }
input.searchField { width: 490px; height: 16px; line-height: 1em; color:#111; text-align: left; border: 1px solid #ccc; padding: 2px; background-color: #fff; }
.advSearch { height: 16px; line-height: 1em; color:#111; text-align: left; border: 1px solid #ccc; padding: 2px; margin:2px; }
select.advSearch, .advSearchButton { height: 22px; }
.advSearchButton { cursor:pointer; border: 1px solid #c30; background-color: #fff; }
button.searchButton { width: 36px; height: 36px; color:#000; text-indent:-9999px; background:url(../img/sur/buttonSearch.png) center no-repeat; border:none; cursor: pointer; margin-right:5px; }
#searchResults { border: 1px solid #666; border-bottom: 0px; font-size: 10px; /*font-family: arial;*/ padding: 0px; display: none; }
#searchResults div { border-bottom: 1px solid #666; padding: 3px; }
#searchResults .selected { background-color: #666; color: #fff; }
#searchResults .unselected { background-color: #fff; color: #666; }
div.autocomplete { position:absolute; width:250px; background-color:white; border:1px solid #888; margin:0px; padding:0px; z-index:1; }
div.autocomplete ul { list-style:none!important; list-style-image:none!important; margin:0px; padding:0px; }
div.autocomplete ul li.selected { background-color: #f4f5f7; }
div.autocomplete ul li { font-size: small; list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; }

/* --- Main Content formatting --- */

#albumContainerTop, #featureRightContainerTop { background:url(../img/sur/contentLeftTop.png) center top no-repeat; height: 30px; }
#albumContainerBottom, #featureRightContainerBottom { background:url(../img/sur/contentLeftBottom.png) center top no-repeat; height: 30px; }
#rightContainerTop, #featureLeftContainerTop { background:url(../img/sur/contentRightTop.png) center top no-repeat; height: 30px; }
#rightContainerBottom, #featureLeftContainerBottom { background:url(../img/sur/contentRightBottom.png) center top no-repeat; height: 30px; }
#mainContainer { width: 980px; }
#albumContainer { background:url(../img/sur/contentMainBG.png) repeat; min-height:400px; padding:0 30px 0 30px; }
#featureContainer { /*font: 14px/1.35 Georgia, serif; color:#fff;*/ padding:0; width:580px; min-height:400px; }
#featureContainer table, #featureContainer th, #featureContainer td { /*font: 14px/1.35 Georgia, serif;*/ color:#fff; }
#featureLeftContainer, #rosterContainer, #artistDetailsContainer { background:url(../img/sur/searchPaneBG.png); }
#artistDetailsContainer div, #artistDetailsContainer table, #artistDetailsContainer td, #artistDetailsContainer p, #artistDetailsContainer label, #artistDetailsContainer input, #artistDetailsContainer textarea, #artistDetailsContainer dl, #artistDetailsContainer ul, #artistDetailsContainer li { font: 100% 'trebuchet ms',helvetica,sans-serif; }
#rosterContainer img, #artistDetailsContainer img { border: 1px solid #fff; }
#featuresContent, #newsHeader { margin:0 30px 0 30px; }
#albumContainer #newsContent, #albumContainer #priorityNewsContainer  { margin:0 0 0 30px; }
.georgia { font: 14px/1.35 Georgia, serif; }
.releasePane h1, #featureContainer h1 { font-size: 24px; color:#fff; }
#rightContainer { background:url(../img/sur/contentMainBG.png) repeat; padding:0 30px 0 20px; }
#rightContentFiller { background:url(../img/sur/contentMainBG.png); height:13px; }
input.addToCartButton { background:transparent url(../img/sur/buttonAddToCart.png) center top no-repeat; width:30px; height:17px; cursor:pointer; border:1px solid #000; margin: 0 0 0 3px; padding: 0; text-indent: -1000em; }
input.updateButton { background:transparent url(../img/sur/buttonUpdateCart.png) center top no-repeat; width:46px; height:16px; cursor:pointer; border:1px solid #000; margin: 0 0 0 3px; padding: 0; text-indent: -1000em; }
input.emptyButton { background:transparent url(../img/sur/buttonEmptyCart.png) center top no-repeat; width:40px; height:16px; cursor:pointer; border:1px solid #000; margin: 0 0 0 3px; padding: 0; text-indent: -1000em; }
input.checkoutButton { background:transparent url(../img/sur/buttonCheckout.png) center top no-repeat; width:60px; height:16px; cursor:pointer; border:1px solid #000; margin: 0 0 0 3px; padding: 0; text-indent: -1000em; }
a.empty { border-bottom: none; }
div.listenButton { width: 20px; height: 20px; margin:1px; background:url(../img/sur/buttonListen.png) left top no-repeat; cursor: pointer; }
div.likeButton { width: 20px; height: 20px; margin:1px; background:url(../img/sur/buttonLike.png) left top no-repeat; cursor: pointer; }
div.dislikeButton { width: 20px; height: 20px; margin:1px; background:url(../img/sur/buttonDislike.png) left top no-repeat; cursor: pointer; }
.albumPaneTable { width: 100%; height: 85px; }
.albumPane { /*font-family: Arial, Helvetica, sans-serif;*/ border: 1px solid #ccc; float: left; padding: 5px; line-height:14px; width: 155px; height: 125x; margin:0 -1px 0 0; }
.albumPane a:hover { text-decoration: underline; }
.albumPane h1 { font-size:11px; font-weight:bold; color: #c60; }
.albumPane h2 a, .albumPane td { font-size:11px; font-weight: lighter; color:#333; }
.albumPane h3 a { font-size:11px; font-weight: lighter; color:#666; }
.albumCover { width: 75px; height: 75px; border:1px solid #ccc; }
input.qty { width:18px; height:14px; float: left; }
#pagination { /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 11px; /*background:url(../img/sur/contentMainBG.png);*/ width: 100%; text-align:right; }
/* override the root element to enable scrolling */ 
#flowPanes { height:40px; min-height:36px; width:520px; position:relative; overflow:hidden; }
/* override single pane */ 
/*#flowPanes div { display:block; padding:0 0 5px 0; }*/
/* our additional wrapper element for the items */ 
#flowPanes .items { height:20000em; position:absolute; }
#flowPanes .items .item { height: 40px; }
/*#flowPanes .less, #flowPanes .less a { color:#999 !important; font-size:11px; }*/
a.browse { background:url(../img/sur/hori_large.png) no-repeat; display:block; width:30px; height:30px; margin:205px 0 205px 0; cursor:pointer; font-size:1px; border-bottom: none; }
/* right */
a.right { background-position: 0 -30px; clear:right; float:right; margin-right: 0px; }
a.right:hover { background-position:-30px -30px; border-bottom: none; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 0px; float:left; }
a.left:hover { background-position:-30px 0; border-bottom: none; }
a.left:active { background-position:-60px 0; }
/* --- Contact Section --- */

#contactHolder { /*height:160px;*/ background:url(../img/sur/contentMainBG.png); }
#contactTalkToUs { padding-left:20px; }
#contactTalkToUs h2 { /*background:url(../img/sur/titleContact.png) left top no-repeat; line-height:28px; width:210px; text-indent:-9999px; padding-bottom:0;*/ }
#contactTalkToUs h3 { padding:10px 0 0 0; line-height:15px; padding-left:1px; }
#contactTalkToUs p { padding:0 0 8px 1px; line-height:16px; }
#contactTalkToUs dl { float:left; width:220px; font-size:11px; padding:4px 0; }
#contactTalkToUs dt { float:left; width:50px; padding:0 0 0 27px; line-height:15px; font-weight:bold; }
#contactTalkToUs dd { float:left; width:120px; padding-left:5px; line-height:15px; }
.contactDetails { padding-top:30px; }
.contactDetails h3 { padding-left:3px; }
.contactDetails p { padding-left:3px; }
.contactDetails dl { font-size:11px; padding:4px 0; text-shadow:none; }
.contactDetails dt { float:left; width:95px; padding:0; line-height:15px; font-weight:bold; text-shadow:none; }
.contactDetails dt.contactTitle { font-weight:lighter; }
.contactDetails dd { float:left; width:165px; padding-left:5px; line-height:15px; text-shadow:none; }
#footer { float:left; background:url(../img/sur/contentMainBG.png); height:50px; }
#footer p { padding-top:21px; text-align:center; color:#8f8f8f; }
#pageBottom { float:left; height: 30px; display:block; background:url(../img/sur/contentBottom.png) center top no-repeat; width: 940px; }

.jeditcss > input { color: #000; padding: 2px; font-size:11px; /*font-family: Arial,Helvetica,sans-serif;*/ }