/* ------ GENERAL ------ */

* {
	margin:0;
	outline:none;
	padding:0;
}

html, body {
	background-color:#000000;
	color:#333333;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:15px;
}

#wrapper {
	margin:auto;
	text-align:left;
	width:960px;
}

#wrapper img {
	border:0;
}

#wrapper p {
	color:#333333;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
}

#wrapper h1 {
	color:#FFFFFF;
	font:25px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:47px;
	margin:0 0 15px 0;
	padding:0;
}

#wrapper h2 {
	color:#FFFFFF;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

#wrapper h3 {
	color:#0079c0;
	font:18px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 7px 0;
}

#wrapper h4 {
	color:#0079c0;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 10px 0;
}

#wrapper h5 {
	color:#333333;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 10px 0;
}

#wrapper a {
	color:#4cc4f0;
	font-weight:bold;
}

#wrapper a:hover {
	color:#0079c0;
}

#wrapper input {
	border:1px solid #cccccc;
	color:#333333;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
}

#wrapper textarea{
	border:1px solid #cccccc;
	color:#333333;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
}

#wrapper select {
	border:1px solid #cccccc;
	color:#333333;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:3px;
}

.clr {
	clear:both;
}

#contentWrapper {
	background:#ffffff url(../img/heading-strip.jpg) top center no-repeat;
	width:960px;
}

#contentWrapper div.bottom {
	background:url(../img/corners/bottom-white.gif) bottom center no-repeat;
}

/* Changed top padding to 0 from 15px. */

#leftWrapper {
	float:left;
	padding:0 0 15px 15px;
	width:615px;
}

#leftWrapper p {
	padding:0 0 10px 0;
} 

#leftWrapper .line {
	border-bottom:1px dashed #cccccc;
	margin:0 0 20px 0;
}

#leftWrapper ol li {
	list-style:none;
}

#leftWrapper input.btnSubmit {
	border:0;
	float:right;
	height:28px;
	width:110px;
}

/* Changed top padding to 60px from 15px. */

#rightWrapper {
	float:right;
	padding:60px 15px 15px 0;
	width:285px;
}

#rightWrapper img {
	margin-bottom:15px;
}

/* Styling for flash message */

#flashMessage {
	background: url(../img/flash.png) 0 0 repeat-y #000;
	border:1px solid #2a2a2a;
	color: #fff;
	margin: 0 0 11px;
	padding:10px;	
	-moz-border-radius:8px;
        color: #f5da31;
        font-weight: bold;
}

/* ------ HEADER ----- */

#headerHome {
	background:url(../img/header-home.jpg) top center no-repeat;
	height:188px;
}

#header {
	background:url(../img/header.jpg) top center no-repeat;
	height:188px;
}

#headerLanding {
	background:url(../img/header-landing.jpg) top center no-repeat;
	height:150px;
}

#header.sheer {
	background:url(../img/sheer-header.jpg) top center no-repeat !important;
}

#header a.home, #headerHome a.home, #headerLanding a.home {
	float:left;
	height:100px;
	text-indent:-1000em;
	overflow:hidden;
	width:400px;
}

/* Added float:right and height:56px for testing logout etc */

#headerForm fieldset {
	border:0;
	float:right;
}

#headerForm fieldset.login {
	height:56px;
	margin:0 0 0 26px;
}

#headerForm legend {
	text-indent:-1000em;
	overflow:hidden;
}

#headerForm ol li {
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	list-style:none;
}

#headerForm input {
	margin:0 10px 0 5px;
}

#headerForm .btnGo {
	border:0;
	padding:0;
}

#headerForm {
	float:right;
}

/* Changed height to 94px because the signin div was removed. */

#headerForm div.search {
	float:right;
	margin:10px 0 0;
	width:300px;
	height:94px;
}

#leftWrapper ol.loginRetry li {
	float:left;
	padding:0 20px 0 0;
}

#leftWrapper ol.loginRetry li.fltRight {
	width:400px;
}

#leftWrapper ol.loginRetry label {
	display:block;
	margin:0 0 7px 0;
}

#leftWrapper ol.loginRetry input {
	margin:0 0 10px 0;
}

#leftWrapper ol.loginRetry input.btnSignin {
	border:0;
	float:right;
	width:73px;
}

#leftWrapper li.lostPassword input {
	width: 180px;
}

/* ----- SIGN IN ----- */

/* Commented out because signin styling was changed and this is no longer needed. Will be removed before production 

#headerForm div.signinWrapper {
	float:right;
	height:56px;	
	width:480px;
}

#headerForm div.signinInnerWrapper {
	display: none;
	float:right;
	height:56px;	
	width:480px;
}

*/
#headerForm .btnSignin {
	border:0;
	padding:0;
}

#headerForm div.signin {
	float:right;
	height:56px;
	width:488px;	
}

#headerForm div.signin .forgot {
	float:right;
	padding: 5px 30px 0 0;
}

#navBar ol li.signin div#signin {
	background:url(../img/corners/bottom-signin.gif) bottom center no-repeat;
	display:none;
	overflow:visible;
	padding:0 0 6px 0;
	text-indent:0;
	width:182px;
	position:absolute;
	top:39px;
	left:0;
}

#navBar ol li.signin div#signin div.middle {
	background:url(../img/corners/middle-signin.gif) top center repeat-y;
	padding:0 10px 10px;
	width: 162px;		
}


#navBar ol li.signin div#signin div.top {
	background:url(../img/corners/top-signin.gif) top center no-repeat;
	padding:5px 0 0 0;
}

#navBar ol li.signin div#signin fieldset {
	border:0;	
	margin:0;
	padding:0;
}

#navBar ol li.signin div#signin legend {
	height:10px;
	overflow:hidden;
	text-indent:-1000em;
	margin:0;
	line-height:10px;
	padding:0;
}

#navBar ol li.signin div#signin label {
	color:#0065a0;
	display:block;
	font-weight:bold;
	margin:0 0 5px 0;
	overflow:visible;
	text-indent:0;
}

#navBar ol li.signin div#signin input {
	border:1px solid #4cc4f0;
	margin:0 0 5px 0;
	width:152px;
}

#navBar ol li.signin div#signin input.btnSignin {
	border:0;
	float:right;
	padding:5px;
	text-indent:0;	
	width:73px;
}

#navBar ol li.signin div#signin ol {
	padding:0;
	margin:0;
}

#navBar ol li.signin div#signin ol li {
	float:none;
	height:auto;
	*height:15px;
	padding:0;
	margin:0;
	list-style:none;
	line-height:normal;
}

#navBar ol li.signin div#signin ol li.forgot {
	color:#333333;
	font-size:10px;
	text-indent:0;
}

#navBar ol li.signin div#signin ol li a{
	background:none;
	display:inline;
	overflow:visible;
	text-indent:none;
}

/* ----- NAV BAR ----- */

#navBar {
	height:39px;
	margin:33px 0 0;
}

#navBar ol li {
	float:left;
	height:39px;
	list-style:none;
	line-height:39px;
	text-indent:-1000em;	
}

#navBar ol li.search a {
	background: url(../img/navbar.jpg) 0 0 no-repeat;
	display:block;
	width:73px;
}

#navBar ol li.search a:hover {
	background: url(../img/navbar.jpg) 0 -39px no-repeat;
}

#navBar ol li.register a {
	background: url(../img/navbar.jpg) -75px 0 no-repeat;
	display:block;
	width:92px;
}

#navBar ol li.register a:hover {
	background: url(../img/navbar.jpg) -75px -39px no-repeat;
}

#navBar ol li.browse a {
	background: url(../img/navbar.jpg) -164px 0 no-repeat;
	display:block;
	width:73px;
}

#navBar ol li.browse a:hover {
	background: url(../img/navbar.jpg) -164px -39px no-repeat;
}

#navBar ol li.browseLoggedIn a {
	background: url(../img/navbar.jpg) -155px 0 no-repeat;
	display:block;
	width:82px;
}

#navBar ol li.browseLoggedIn a:hover {
	background: url(../img/navbar.jpg) -155px -39px no-repeat;
}

#navBar ol li.submit a {
	background: url(../img/navbar.jpg) -237px 0 no-repeat;
	display:block;
	width:110px;
}

#navBar ol li.submit a:hover { 
	background: url(../img/navbar.jpg) -237px -39px no-repeat;
}
 
#navBar ol li.contact a {
	background: url(../img/navbar.jpg) -346px 0 no-repeat;
	display:block;
	width:95px;
}

#navBar ol li.contact a:hover {
	background: url(../img/navbar.jpg) -346px -39px no-repeat;
}

#navBar ol li.signin {
	position: relative;
}

#navBar ol li.signin a {
	background: url(../img/navbar.jpg) -441px 0 no-repeat;
	display:block;
	width:71px;
}

#navBar ol li.signin a:hover {
	background: url(../img/navbar.jpg) -441px -39px no-repeat;
}

/*
#navBar ol li.signin a:active {
	background: url(../img/navbar.jpg) -441px -82px no-repeat;
}
*/

#navBar ol li a.signinActive {
	background: url(../img/navbar.jpg) -441px -78px no-repeat!important;
}

#navBar ol li.logout a {
	background: url(../img/navbar.jpg) -512px 0 no-repeat;
	display:block;
	width:74px;
}

#navBar ol li.logout a:hover {
	background: url(../img/navbar.jpg) -512px -39px no-repeat;
}

#navBar ol li.account a {
	background: url(../img/navbar.jpg) -586px 0 no-repeat;
	display:block;
	width:100px;
}

#navBar ol li.account a:hover {
	background: url(../img/navbar.jpg) -586px -39px no-repeat;
}


#navBar ol li.welcome {
	border:0;
	color:#FFFFFF;
	float:right;
	text-align:right;
	text-indent:0;
	padding:0 15px 0 0;
}

/* ----- HOME PAGE ----- */

#mainSection {
	background:url(../img/home-main.jpg) top left no-repeat;
	height:295px;
}

#mainSection h1 {
	background:url(../img/home-heading.png) top left no-repeat;
	height:20px;
	text-indent:-1000em;
	overflow:hidden;
	width:557px;
}

/*IE 6*/

* html #mainSection h1 { 
	background:url(../img/home-heading.gif) top left no-repeat;
}

#mainSection ul li.heading {
	list-style:none;
	margin:0 0 0 30px;	
	padding:48px 0 20px 0;
}

#mainSection ul li {
	color:#FFFFFF;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 42px;
	padding:0 0 5px 0;
}

#mainSection ul li.btnSearch{
	list-style:none;
	margin:0 0 0 30px;
	padding:20px 0 0;	
}

#mainSection ul li.btnSearch a{
	background:url(../img/buttons/btn-search-home.png) top left no-repeat;
	display:block;
	height:56px;
	text-indent:-1000em;
	overflow:hidden;
	width:173px;
}

/*IE 6*/

* html #mainSection ul li.btnSearch a { 
	background:url(../img/buttons/btn-search-home.gif) top left no-repeat;
}

#actionBlocks {
	float:left;
	width:650px;
}

#actionBlocks div.bottom {
	background:url(../img/corners/bottom-grey.gif) bottom center no-repeat;
	padding:15px;
	width:170px;
}

#actionBlocks p {
	color:#FFFFFF;
	padding:5px 0;
}

#actionBlocks div.top {
	background:#333333 url(../img/corners/top-grey.gif) top center no-repeat;
	float:left;
	margin:15px 15px 0 0;
	width:200px;
}

#actionBlocks div.top a {
	display:block;
	height:28px;
	text-indent:-1000em;
	overflow:hidden;
	margin:5px 0 0 0;
	width:162px;
}

#actionBlocks div.top a.register {
	background:url(../img/buttons/btn-register.gif) top left no-repeat;
}

#actionBlocks div.top a.browse {
	background:url(../img/buttons/btn-browse.gif) top left no-repeat;
}

#actionBlocks div.top a.submit {
	background:url(../img/buttons/btn-submit.gif) top left no-repeat;
}

#contentarea a.register {
    background:url(../img/buttons/btn-register.gif) top left no-repeat;
}

#songs {
	float:right;
	margin:15px 0 0 0;
	padding:15px 15px 0 0;
	width:285px;
}

#songs h2 {
	padding:0 0 5px 0;
}

#songs ul li {
	background:url(../img/bullet-black.gif) center left no-repeat;
	border-bottom:1px dashed #4b4b4b;
	color:#FFFFFF; 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	padding: 8px 0 8px 35px;
}

#songs ul li a.play {
	background:url(../img/play-black.gif) top left no-repeat;
	display:block;
	height:20px;
	float:right;
	margin:3px;
	text-indent:-1000em;
	overflow:hidden;
	width:21px;
}

#songs ul li a.license {
	background:url(../img/icons/license20x20.gif) top left no-repeat;
	display:block;
	height:20px;
	float:right;
	margin:3px;
	text-indent:-1000em;
	overflow:hidden;
	width:20px;
}




#songs ul li.heading {
	background:none;
	border:0;
	padding:0 0 5px;
}

#songs ul li span {
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

.promoBox {
	float:left;
	width:630px;
}

.promoBox img {
	margin:15px 0 0;
}

/* ----- SIDE BOXES ----- */

#rightWrapper div.top {
	background:url(../img/corners/top-light-grey.gif) top center no-repeat;
	padding: 10px;
	width: 265px;
}

#rightWrapper div.bottom {
	background:url(../img/corners/bottom-light-grey.gif) bottom center no-repeat;
	margin:0 0 15px 0;
	padding-bottom:9px;
}

#rightWrapper div.middle {
	background:url(../img/corners/middle-light-grey.gif) top center repeat-y;
	width: 285px;
}

#rightWrapper div.bottom a {
	display:block;
	height:28px;
	text-indent:-1000em;
	overflow:hidden;
	margin:10px 0 0 0;
	width:162px;
}

#rightWrapper a.read {
	background:url(../img/buttons/btn-read-more.gif) top left no-repeat;
}

#rightWrapper a.submit {
	background:url(../img/buttons/btn-submit-black.gif) top left no-repeat;
}

#rightWrapper a.search {
	background:url(../img/buttons/btn-search-black.gif) top left no-repeat;
}

#rightWrapper a.contact {
	background:url(../img/buttons/btn-contact.gif) top left no-repeat;
}

#rightWrapper a.register {
	background:url(../img/buttons/btn-register-black.gif) top left no-repeat;
}

/* ----- PLAYLIST ----- */

#rightWrapper div.bottom a.newPlaylist {
	background:url(../img/buttons/btn-new-playlist.gif) top left no-repeat;
	display:block;
	float:left;
	height:29px;
	margin:0;
	text-indent:-1000em;
	overflow:hidden;
	width:138px;
}

#rightWrapper div.bottom a.help {
	background:url(../img/buttons/btn-need-help.gif) top left no-repeat;
	display:block;
	float:right;
	height:29px;
	margin:0;
	text-indent:-1000em;
	overflow:hidden;
	width:94px;
}

#rightWrapper ol.playlist li {
	list-style:none;
}

#rightWrapper ol.playlist li a {
	display:block;
	height:23px;
	margin:0 0 0 3px;
	text-indent:-1000em;
	overflow:hidden;
	width:23px;	
}

#rightWrapper ol.playlist span.magic {
	overflow:hidden;
	float:left;
	width:20px;
	margin-right:5px;
}

#rightWrapper ol.playlist span.expand {
	background:url(../img/icons/minus.gif) left center no-repeat;
	display: block;
}

#rightWrapper ol.playlist span.contract {
	background:url(../img/icons/plus.gif) left center no-repeat;
	display: block;
}

#rightWrapper ol.playlist li.expand {
	border-bottom:1px dashed #CCCCCC;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:10px 0 10px;
}

#rightWrapper ol.playlist li.contract {
	border-bottom:1px dashed #CCCCCC;	
	font-weight:bold;
	height:25px;
	line-height:25px;	
	padding:10px 0 10px 25px;
}

#rightWrapper ol.playlist li.song {
	background-color:#e6e6e6;
	border-bottom:1px dashed #CCCCCC;
	padding:10px 0 10px 3px;
}

/* Styles for hiding/showing playlist items */

#rightWrapper ol.playlist li.show { display:block; }
#rightWrapper ol.playlist li.hide { display:none; }
#rightWrapper ol.playlist li.main { cursor:pointer; }

#rightWrapper div.playlistButtons {
	overflow:hidden;
}

#rightWrapper ul.addPlaylist {
	border-bottom:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
	overflow:hidden;
	margin: 10px 0 5px 0;
	padding: 10px;
	display:none
}

#rightWrapper input.createNewPlaylist {
	border:0!important;
	color:#333333;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0!important;
}

#rightWrapper input#PlaylistName {
	margin: 0 5px 0 0;
	padding:5px!important;
}

#rightWrapper ul.addPlaylist input[type=submit] {
	float:left;
}

#rightWrapper ul.addPlaylist div {
	float:left;
}

#rightWrapper ul.addPlaylist li {
	list-style:none;
	padding:0!important;
	margin:0!important;
	overflow:hidden
}

#rightWrapper ul.addPlaylist li.expand {
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:10px 0 10px 25px;
}

#rightWrapper ul.addPlaylist li.contract {
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:10px 0 10px 25px;
}

/* Styles for hiding/showing addPlaylist items */

#rightWrapper ul.addPlaylist li.show { display:block; }
#rightWrapper ul.addPlaylist li.hide { display:none; }
#rightWrapper ul.addPlaylist li.main { cursor:pointer; }

ol.songsUploaded li {
	list-style:none;
}

ol.songsUploaded li a {
	display:block;
	height:23px;
	margin:0 0 0 3px;
	text-indent:-1000em;
	overflow:hidden;
	width:23px;
}

#rightWrapper ol.songsUploaded span.magic {
	overflow:hidden;
	float:left;
	width:20px;
	margin-right:5px;
}

#rightWrapper ol.songsUploaded span.expand {
	background:url(../img/icons/minus.gif) left center no-repeat;
	display: block;
}

#rightWrapper ol.songsUploaded span.contract {
	background:url(../img/icons/plus.gif) left center no-repeat;
	display: block;
}

ol.songsUploaded li.expand {
	border-bottom:1px dashed #CCCCCC;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:10px 0 10px 0;
}

ol.songsUploaded li.contract {
	border-bottom:1px dashed #CCCCCC;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:10px 0 10px 0;
}

ol.songsUploaded li.song {
	background-color:#e6e6e6;
	border-bottom:1px dashed #CCCCCC;
	padding:10px 0 10px 3px;
}

/* Styles for hiding/showing songsUploaded items */

ol.songsUploaded li.show { display:block; }
ol.songsUploaded li.hide { display:none; }
ol.songsUploaded li.main { cursor:pointer; }

/*IE 6*/
* html #rightWrapper ol.playlist li.song { 
	background:none;
}


#rightWrapper ol.playlist li.song span {
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#rightWrapper ol.playlist li.expand ol, #rightWrapper ol.playlist li.contract ol, #rightWrapper ul.playlist li.song ol {
	float:right;
}

#rightWrapper ol.playlist li.expand ol li, #rightWrapper ol.playlist li.contract ol li, #rightWrapper ol.playlist li.song ol li {
	float: left;
}

#rightWrapper ol.icons {
	margin:5px 0 0;
}

#rightWrapper ol.playlist li a.license {
	background:url(../img/icons/license20x20.gif) top left no-repeat;
}

#rightWrapper ol.playlist li a.share {
	background:url(../img/icons/share20x20.gif) top left no-repeat;
}

#rightWrapper ol.playlist li a.listen {
	background:url(../img/icons/play20x20.gif) top left no-repeat;
}

#rightWrapper ol.playlist li a.delete {
	background:url(../img/icons/delete20x20.gif) top left no-repeat;
}

#rightWrapper ol.playlist li a.download {
	background:url(../img/icons/download20x20.gif) top left no-repeat;
}


/* ----- SHARE ----- */

#shareSong {
	background-color:#000000;
	padding:5px;
	width:210px;
}

#shareSong a.close {
	background:url(../img/close.gif) top left no-repeat;
	display:block;
	float:right;
	height:7px;
	text-indent:-1000em;
	overflow:hidden;
	width:8px;
}

#shareSong label {
	color:#FFFFFF;
	display:block;
	margin:5px 0;
}

#shareSong p {
	color:#FFFFFF;
	padding:0 0 5px 0;
}

#shareSong label span {
	display:block;
	font-size:9px;
}

#shareSong fieldset {
	border:0;
}

#shareSong textarea {
	width:200px;
}

#shareSong input {
	width:200px;
}

#shareSong input.button {
	border:0;
	float:right;
	padding:10px 0 0;
	width:110px;
}

/* ----- REGISTER ----- */



/* ----- BROWSE ----- */

#leftWrapper ul.bullets {
	margin:0 0 0 15px;
}

#leftWrapper ol.options li {
	float:left;
	list-style:none;
	margin:0 17px 0 0;
	text-indent:-1000em;
	overflow:hidden;
}

#leftWrapper ol.options a {
	display:block;
	height:52px;
	width:103px;
}

#leftWrapper ol li.pickedSelect a {
	background:url(../img/buttons/btn-songs-blue.gif) top left no-repeat;
}

#leftWrapper ol li.picked a {
	background:url(../img/buttons/btn-songs-black.gif) top left no-repeat;
}

#leftWrapper ol li.luckySelect a {
	background:url(../img/buttons/btn-lucky-blue.gif) top left no-repeat;
}

#leftWrapper ol li.lucky a {
	background:url(../img/buttons/btn-lucky-black.gif) top left no-repeat;
}

#leftWrapper ol li.themeSelect a {
	background:url(../img/buttons/btn-theme-blue.gif) top left no-repeat;
}

#leftWrapper ol li.theme a {
	background:url(../img/buttons/btn-theme-black.gif) top left no-repeat;
}

#leftWrapper ol li.countrySelect a {
	background:url(../img/buttons/btn-country-blue.gif) top left no-repeat;
}

#leftWrapper ol li.country a {
	background:url(../img/buttons/btn-country-black.gif) top left no-repeat;
}

#leftWrapper ol li.newSelect a {
	background:url(../img/buttons/btn-new-blue.gif) top left no-repeat;
}

#leftWrapper ol li.new a {
	background:url(../img/buttons/btn-new-black.gif) top left no-repeat;
}

#leftWrapper div.dropdown{
	margin:20px 0 0;
}

#leftWrapper div.dropdown ol li{
	float:left;
	list-style:none;
}

#leftWrapper div.dropdown input {
	border:0;
	margin:0;
	padding:0;
}

#leftWrapper fieldset {
	border:0;
}

#leftWrapper select {
	margin:0 10px 0 0;
	width:200px;
}

#leftWrapper h3.browseHeading {
	padding:10px 0 0;
}

#leftWrapper ul.browseList li {
	background:url(../img/bullet-white.gif) center left no-repeat;
	border-bottom:1px dashed #b2b2b2;
	color:#333333; 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	padding: 8px 0 8px 35px;
}

#leftWrapper ul.browseList li span {
	display:block;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#leftWrapper ul.buttons li a{
	display:block;
	height:25px;
	float:right;
	text-indent:-1000em;
	overflow:hidden;
	width:25px;
}

#leftWrapper ul.buttons select {
	height:25px;
	width:100px;
}

#leftWrapper ul.buttons li.playlistDropdown {
	width:100px;
}

#leftWrapper ul.buttons li.small {
	width:0;
}

#leftWrapper ul.buttons li.license a {
	background:url(../img/icons/license25x25.gif) top left no-repeat;
}

#leftWrapper ul.buttons li.play a {
	background:url(../img/icons/play25x25.gif) top left no-repeat;
}

#leftWrapper ul.buttons li.add input {
	border:0;
	height:25px;
	margin:0 10px 0 0;
	padding:0;
	width:25px;	
}

#leftWrapper ul.buttons li.add {
	width:30px;
}

#leftWrapper ul.buttons li.download a {
	background:url(../img/icons/download25x25.gif) top left no-repeat;
}

#leftWrapper ul.buttons {
	float:right;
}

#leftWrapper ul.buttons li {
	background:none;
	border:0;
	float:left;
	margin:3px;
	padding:0;
	width:25px;
}

/* ----- ACCOUNT ----- */

#leftWrapper fieldset.account legend {
	text-indent:-1000em;
	overflow:hidden;
}

#leftWrapper fieldset.account label {
	display:block;
}

#leftWrapper fieldset.account ol li.checkbox {
	width:615px;
}

#leftWrapper fieldset.account ol li.checkbox label {
	display:inline;
}

#leftWrapper fieldset.account ol li.checkbox input {
	border:0;
	width:25px;
}

#leftWrapper fieldset.account ol li.btnForm {
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;	
	margin:15px 0;
	padding:15px 0;
	width:615px;
}

#leftWrapper fieldset.account ol li.btnForm input {
	border:0;
	float:right;
	height:28px;
	margin:0 0 0 15px;
	padding:0;
	width:110px;
}

#leftWrapper fieldset.account ol li {
	list-style:none;
	float:left;
	margin:0 0 5px 0;
	width:205px;
}

#leftWrapper fieldset.account input {
	width:160px;
}

#leftWrapper fieldset.account select {
	margin:3px 0 10px 0;
	width:170px;
}

#leftWrapper fieldset.account textarea {
	height:60px;
	margin:3px 0 10px 0;
	width:160px;
}

#leftWrapper fieldset.account ol li.firstHeading {
	border:0;
	width:615px
}

/* Not sure if this should have a margin/padding/border because it doesnt in the html mockup */

#leftWrapper fieldset ol li.heading { 
	/*border-top: 1px dashed #CCCCCC;*/
	/*margin:15px 0 0;*/
	/*padding:15px 0 0;*/
	width:615px;
}

#leftWrapper table {
	width:100%;
}

#leftWrapper thead {
	font-weight:bold;
}

#leftWrapper table td {
	border-bottom: 1px dashed #CCCCCC;
	padding:3px;
}

#leftWrapper table td.id {
	width:100px;
}

#leftWrapper table td.date {
	width:150px;
}

#leftWrapper table td.pdf {
	width:100px;

}

#leftWrapper table td.view {
	width:40px;
}

#leftWrapper h3.spaceTop {
	padding:15px 0 0 0;
}

#leftWrapper ol.details li {
	border-bottom:1px dashed #CCCCCC;
	float:left;
	list-style:none;
	padding:5px 0;
	width:300px;
}

#leftWrapper ol.details li.head {
	font-weight:bold;
}

#leftWrapper ol.details li.songList{
	padding:5px 0 5px 300px;
}

#leftWrapper ol.details li.button{
	border:0;
	width:600px;
}

#leftWrapper ol.details li.button a{
	background:url(../img/buttons/btn-dl-pdf.gif) top left no-repeat;
	display:block;
	float:right;
	height:28px;
	text-indent:-1000em;
	overflow:hidden;
	width:110px;
}

#leftWrapper input.back {
	margin: 10px 0 0;
	float:left;
	border:0;
	background:url(../img/buttons/btn-back.gif) top left no-repeat;
	display:block;
	height:28px;
	text-indent:-1000em;
	overflow:hidden;
	width:110px;
        cursor: pointer;
}

#leftWrapper input.next {
	margin: 10px 0 0;
	float:right;
	border:0;
	background:url(../img/buttons/btn-next.gif) top left no-repeat;
	display:block;
	height:28px;
	text-indent:-1000em;
	overflow:hidden;
	width:110px;
        cursor: pointer;
}

/* ----- CONTACT ----- */

#leftWrapper div.details {
	float:left;
	width:180px;
}

#leftWrapper div.details ul li {
	list-style:none;
}

#leftWrapper div.details ul li.bold {
	font-weight:bold;
	padding:15px 0 0;
}

#leftWrapper div.details ul li.email {
	padding:0 0 10px 0;
}

#leftWrapper div.form {
	border-left:1px solid #CCCCCC;
	float:right;
	padding: 0 0 0 15px;
	width:400px;
}

#leftWrapper div.form ul li {
	float:left;
	list-style:none;
	width:200px;
}

#leftWrapper div.form legend {
	text-indent:-1000em;
	overflow:hidden;
}

#leftWrapper div.form label{
	display:block;
	padding:10px 0 5px 0;
}

#leftWrapper div.form select{
	margin: 0;
	width:180px;
}

#leftWrapper div.form textarea{
	width:370px;
}

#leftWrapper div.form ul li.text {
	margin:0 0 10px 0;
	width:400px;
}

#leftWrapper div.form ul li.button input {
	margin:0 18px 0 0;
	width:110px;
}

#leftWrapper div.form input{
	width:170px;
}

/* ----- SEARCH ----- */

#leftWrapper legend {
	text-indent:-1000em;
	overflow:hidden;
}

#leftWrapper fieldset.search ul li {
	float:left;
	list-style:none;
	line-height:15px;
}

#leftWrapper fieldset.search input.keyword {
	border:1px solid #CCCCCC;
	height:14px;
	width:160px;
}

#leftWrapper fieldset.search select {
	margin:0;
	width:170px;
}

#leftWrapper fieldset.search input {
	border:0;
	margin:0 3px 0 0;
}

#leftWrapper fieldset.search input.btnSubmit {
	border:0;
	float:right;
}

#leftWrapper fieldset.search ul li.head {
	font-weight:bold;
	width: 80px;
}

#leftWrapper div.top {
	background:url(../img/corners/top-grey-615.gif) top center no-repeat;
	padding:10px 10px 0;
	width:595px;
}

#leftWrapper div.bottom {
	background:url(../img/corners/bottom-grey-615.gif) bottom center no-repeat;
	margin:0 0 15px 0;
	padding-bottom:10px;
}

#leftWrapper div.middle {
	background:url(../img/corners/middle-grey-615.gif) top center repeat-y;
	width:615px;
}

#leftWrapper ul.section1 li{
	width:190px;
}

#leftWrapper ul.section1 li.size{
	width:210px;
}

#leftWrapper ul.section1 label {
	display:block;
	font-weight:bold;
}

#leftWrapper ul.section1 label span {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#leftWrapper ul.section2 li {
	width:98px;	
}

#leftWrapper ul.section3 li {
	padding:0 0 7px 0;
	width:125px;
}

#leftWrapper ul li.space{
	margin:0 0 0 80px ;
}

#leftWrapper ul li .subgenre {
	clear:both;
	margin: 5px 0 0 0;
}

/*IE 6*/
* html #leftWrapper ul li.space { 
	margin:0 0 0 40px ;
}

#leftWrapper ul.section3 li select {
	width:105px;
}

#leftWrapper ul.section4 li {
	width:80px;
}

#leftWrapper ul.section4 li.bigger {
	font-weight:bold;
	width:110px;
}

#leftWrapper ul.section5 li {
	padding:0 0 7px 0;
	width:170px;
}

#leftWrapper ul.section6 li {
	width:170px;
}

/* ----- SEARCH RESULTS ------ */

#leftWrapper ul.browseList li p {
	padding:0;
}


#leftWrapper ul.browseList li p span {
	display:inline;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#leftWrapper div.btnNoResults {
	padding:10px 0 0;
}

#leftWrapper div.btnNoResults a {
	display:block;
	height:28px;
	text-indent:-1000em;
	overflow:hidden;
	width:110px;
}

#leftWrapper div.btnNoResults p {
	padding:10px 0 5px 0;
}

#leftWrapper div.btnNoResults a.restartSearch {
	background:url(../img/buttons/btn-restart-search.gif) top left no-repeat;
}

#leftWrapper div.btnNoResults a.contact {	
	background:url(../img/buttons/btn-contact-us.gif) top left no-repeat;
}

/* ----- LICENSING ----- */

#leftWrapper a.newPlaylist {
	background:url(../img/buttons/btn-new-playlist.gif) top left no-repeat;
	display:block;
	height:29px;
	margin:0 0 10px;
	text-indent:-1000em;
	overflow:hidden;
	width:138px;	
}

#leftWrapper input.createNewPlaylistFromCart {
	border:0!important;
	color:#333333;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0!important;
	margin:0!important
}

#leftWrapper ol.songs {
	padding-bottom: 10px;
}

#leftWrapper ol.songs li {
	list-style:none;
	padding:8px 0 8px 5px;
	border-bottom:1px dashed #CCCCCC;
}

#leftWrapper ol.songs li a.delete {
	float:right;
	background: url(../img/icons/delete20x20.gif);
	display:block;
	width:20px;
	height:20px;
	text-indent: -1000em;
}

#leftWrapper ol.songs li span {
	font-weight:bold;
	padding:0 10px 0 0;
}

#leftWrapper ol.cartToPlaylist {
	display:none;
	padding:0 0 15px 0;
}

#leftWrapper ol.cartToPlaylist li {
	list-style:none;
	border:1px dashed #CCCCCC;
	position: relative;
	height:45px;
}

#leftWrapper ol.cartToPlaylist li #cartPlaylistName {
	position: absolute;
	top:10px;
	left:10px;
	padding:5px;
}

#leftWrapper ol.cartToPlaylist li #cartPlaylistSubmit {
	position: absolute;
	top:10px;
	left:145px;
}

#leftWrapper ol.cartToPlaylist li label.error {
	position: absolute;
	top:15px;
	left:185px;
}

#leftWrapper fieldset.licensing ol li {
	float:left;
	padding:0 0 8px 0;
	width:205px;
}

#leftWrapper fieldset.licensing ol li.space {
	padding:0 0 0 150px;
}

#leftWrapper fieldset.licensing ol.radioOptions li {
	width:150px;
}

#leftWrapper fieldset.licensing ol.radioOptions label{
	padding: 0 0 0 3px;
}

#leftWrapper fieldset.licensing ol.selection label {
	display:block;
	padding:0 0 3px 0;
}

#leftWrapper fieldset.licensing select {
	margin:0;
	width:180px;
}

#leftWrapper fieldset.licensing input {
	border:0;
}


#leftWrapper fieldset.licensing ol li.head {
	font-weight:bold;
}

#leftWrapper fieldset.licensing ol li.btnSelection {
	width:615px;
}

#leftWrapper ol.listing li {
	border-bottom:1px dashed #CCCCCC;
	padding:5px 0;
}

#leftWrapper ol.listing li span {
	font-weight:bold;
}

#leftWrapper h5.spacing {
	padding:15px 0 10px 0;
}

#leftWrapper ol.button li a {
	display:block;
	height:28px;
	text-indent:-1000em;
	overflow:hidden;
	width:110px;
}

#leftWrapper ol.button li input {
	border:0;
        padding: 0;
}

#leftWrapper ol.button li {
	float:right;
	padding:0 0 10px 0;
	width:120px;
}

#leftWrapper ol.button li.terms a {
	display:inline;
	text-indent:0;
}

#leftWrapper ol.button li.terms {
	width:615px;
}

#leftWrapper ol.button li a.save {
	background:url(../img/buttons/btn-save.gif) top left no-repeat;
}

#leftWrapper ol.button li a.download {
	background:url(../img/buttons/btn-dl-pdf.gif) top left no-repeat;
}

#leftWrapper ol.button li a.licenese {
	background:url(../img/buttons/btn-license.gif) top left no-repeat;
}

#leftWrapper ol.detailsForm li {
	float:left;
	padding:0 0 10px 0;	
	width:200px;
}

#leftWrapper ol.detailsForm li label {
	display:block;
}

#leftWrapper ol.detailsForm li input {
	width:170px;
}

#leftWrapper ol.detailsForm li textarea {
	height:60px;
	width:170px;
}

#leftWrapper ol.detailsForm li select {
	margin:0;
	width:178px;
}

#leftWrapper div.option1 {
	float:left;
	width:350px;
}

#leftWrapper div.option1 ol li {
	margin:0 0 10px 0;
}

#leftWrapper div.option2 {
	float:right;
	width:250px;
}

#leftWrapper div.option2 label {
	display:block;
}

#leftWrapper div.option2 input {
	margin:3px 0 8px;
	width:240px;
}

#leftWrapper div.option2 input.btnSubmit {
	width:110px;
}


/* ----- REGISTER ------ */
#leftWrapper fieldset.register ol li {
	float:left;
	height:50px;
	list-style:none;
	width:200px;
}

#leftWrapper fieldset.register label {
	display:block;
	font-weight:bold;
}

#leftWrapper fieldset.register input {
	width:170px;
}

#leftWrapper fieldset.register select {
	margin:0;
	width:178px;
}

#leftWrapper fieldset.register ol li.long {
	width:400px;
}

#leftWrapper fieldset.register ol li.btn {
	width:615px;
}

#leftWrapper fieldset.register ol li.check {
	height:20px;
}

#leftWrapper fieldset.register ol li.check input{
	border:0;
	width: 25px;
}

#leftWrapper fieldset.register ol li.check label{
	display:inline;
}

#leftWrapper fieldset.register input.btnSubmit {
	width:110px;
}

/* ----- MUSIC SUBMIT ----- */
#leftWrapper ul.bullet {
	padding:0 0 0 20px;
}

#leftWrapper fieldset.musicRegister ol li {
	list-style:none;
	float:left;
	width:205px;
}

#leftWrapper fieldset.musicRegister label {
	display:block;
	padding:7px 0 3px;
}

#leftWrapper fieldset.musicRegister input {
	width:170px;
}

#leftWrapper fieldset.musicRegister select {
	margin:0;
	width:177px;	
}

#leftWrapper fieldset.musicRegister textarea {
	height:55px;
	width:170px;
}

#leftWrapper fieldset.musicRegister ol li.checkbox {
	padding:10px 0 0;
	width:615px;
}

#leftWrapper fieldset.musicRegister ol li.country {
	height:45px;
}

#leftWrapper fieldset.musicRegister ol li.checkbox label {
	display:inline;
}

#leftWrapper fieldset.musicRegister ol li.checkbox input {
	border:0;
	width:25px;
}

#leftWrapper fieldset.musicRegister ol li.checkbox input.btnSubmit {
	width:110px;
}

#leftWrapper fieldset.musicSubmit ol li{
	float:left;
	height:50px;
	width:200px;
}

#leftWrapper fieldset.musicSubmit ol li.head {
	height:30px;
	width:615px;
}

#leftWrapper fieldset.musicSubmit ol li.textarea {
	height:120px;
}

#leftWrapper fieldset.musicSubmit ol li.heading{
	height:15px;
	width:200px;
}

#leftWrapper fieldset.musicSubmit ol li.wider{
	width:400px;
}

#leftWrapper fieldset.musicSubmit ol li.oneline{
	height:35px;
	width:100px;
}

#leftWrapper fieldset.musicSubmit ol li.check {
	width:350px;
}

#leftWrapper fieldset.musicSubmit ol li.check a{
	display:inline;
	text-indent:0;
}

#leftWrapper a.addSong {
	background:url(../img/buttons/btn-add-song.gif) top left no-repeat;
}

#leftWrapper a.addArtist {
	background:url(../img/buttons/btn-artist.gif) top left no-repeat;
}

#leftWrapper fieldset.musicSubmit ol li.btnSong {
	width:125px;
}

#leftWrapper fieldset.musicSubmit ol li.check input{
	border:0;
	width:20px;
}

#leftWrapper fieldset.musicSubmit ol li.check label {
	display:inline;
}

#leftWrapper fieldset.musicSubmit ol li.oneline input{
	border:0;
	width:20px;
}

#leftWrapper fieldset.musicSubmit ol li.oneline label{
	display:inline;
}

#leftWrapper fieldset.musicSubmit label {
	display:block;
}

#leftWrapper fieldset.musicSubmit input {
	width:170px;
}

#leftWrapper fieldset.musicSubmit input.btnSubmit {
	padding:0;
	width:110px;
}

#leftWrapper fieldset.musicSubmit select{
	margin:0;
	width:178px;
}

#leftWrapper fieldset.musicSubmit textarea {
	height:80px;
	width:170px;
}

#leftWrapper fieldset.musicSubmit input.btn {
	border:0;
	width:110px;
}

#leftWrapper fieldset.musicSubmit ol li.button {
	width:615px;
}

#leftWrapper fieldset.musicSubmit ol li.button input {
	border:0;
	float:right;
	height:28px;
	width:110px;
}

#leftWrapper fieldset.musicSubmit ol li.txtAddress {
	height:70px;
}

#leftWrapper fieldset.musicSubmit ol li.txtAddress textarea {
	height:63px;
}

ol.songsUploaded li {
	border-bottom:1px dashed #CCCCCC;
	line-height:30px;
	list-style:none;
	height:30px;
}

ol.songsUploaded li a.edit {
	background:url(../img/buttons/btn-edit-small.gif) top left no-repeat;
	float:right;
	height:24px;
	margin:4px 0 0;
	padding:0;
	width:49px;
}

/* ----- ADMIN ----- */

#leftWrapper div.filter {
	padding:0 0 15px 0;
}

#leftWrapper div.filter ol li {
	float:left;
	padding:0 15px 0 0;
}

#leftWrapper div.filter label {
	font-weight:bold;
}

#leftWrapper div.filter select {
	margin:0;
	width:140px;
}

#leftWrapper div.filter input {
	width:140px;
}

#leftWrapper div.filter input.btn {
	border:0;
	height:23px;
	padding:0;
	width:43px;
}

#leftWrapper ul.adminList li {
	background:url(../img/bullet-white.gif) left center no-repeat;
	border-bottom:1px dashed #CCCCCC;
	height:35px;
	line-height:35px;
	list-style:none;
	padding:5px 0 0 30px;
}

#leftWrapper ul.btnActions {
	float:right;
}

#leftWrapper ul.btnActions li {
	background:none;
	border:0;
	padding:0 10px 0 0;
	float:left;
}

#leftWrapper ul.btnActions li {
	border:0;
	float:left;
}

#leftWrapper ul.btnActions li a {
	height:28px;
	display:block;
	text-indent:-1000em;
	overflow:hidden;
	width:110px;
}

#leftWrapper ul.btnActions li a.edit {
	background:url(../img/buttons/btn-edit.gif) top left no-repeat;
}

#leftWrapper ul.btnActions li a.publish {
	background:url(../img/buttons/btn-publish.gif) top left no-repeat;
}

#leftWrapper ul.btnActions li a.unpublish {
	background:url(../img/buttons/btn-unpublish.gif) top left no-repeat;
}

#leftWrapper fieldset.musicSubmit img {
	border:1px solid #CCCCCC;
	width:180px;
}

#leftWrapper fieldset.musicSubmit ol li.image{
	min-height:200px;
	float:right;
}

#leftWrapper a.change {
	background:url(../img/buttons/btn-change.gif) top left no-repeat;
	float:right;
}

#leftWrapper a.listenSong {
	background:url(../img/buttons/btn-listen.gif) top left no-repeat;
}

#leftWrapper a.publishSong {
	background:url(../img/buttons/btn-publish.gif) top left no-repeat;
}

#leftWrapper fieldset.musicSubmit a {
	height:28px;
	display:block;
	text-indent:-1000em;
	overflow:hidden;
	width:110px;
}

#leftWrapper fieldset.musicSubmit ol li.right {
	border-top:1px dashed #CCCCCC;
	margin:15px 0 0;
	padding:15px 0 0;
	width:490px;
}

#leftWrapper fieldset.musicSubmit ol li.right a {
	float:right;	
}

#leftWrapper fieldset.musicSubmit ol li.small {
	border-top:1px dashed #CCCCCC;
	margin:15px 0 0;
	padding:15px 0 0;	
	width:125px;
}


/* ----- FOOTER ----- */

#footer {
	background: url(../img/footer-wave.gif) top center no-repeat;
	margin:15px 0 0;
	padding: 35px 0 0;
}

#footer ul li {
	color:#979595;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	float:left;
	padding:0 15px 0 0;
}

#footer ul li a {
	color:#979595;
	text-decoration:none;
	text-transform:uppercase;
}

#footer ul li.copyright {
	float:right;
	padding:0;
}

#footer ul li.copyright a {
	text-transform:none;
}

#footer.landing {background-position: center 15px; padding:0;}
#footer.landing ul.places li {color:#45c7eb; font-size:14px; margin:5px 0 25px 0; text-transform:uppercase;}


/* ----- VALIDATION STYLES ----- */

.error {
	color: #FF0000;
}

optgroup option {
    padding-left: 20px;
}

div.news {
	padding-bottom:10px;
}

#contentarea ul {
    margin-left: 20px;
}

.top ul {
    /*margin-left: 25px;*/
}

li.btnCard {
	margin:13px 0 0;
}

#wrapper .landingWrapper h1 {color:#fff; font-size:25px; font-weight:normal; text-align:center;}
#wrapper .landingWrapper .blocks {background:#333333 url('../img/bg-block-bottom.png') bottom center no-repeat; float:left; height:320px; margin-bottom:20px; position:relative; width:300px;}
#wrapper .landingWrapper .blocks h2 {background: url('../img/bg-block-top.png') top center no-repeat; color:#fff; font-size:16px; font-weight:normal; padding:15px; text-align:center; text-transform:none;}
#wrapper .landingWrapper .blocks h2 span.blue {color:#4ec5f0; display:block; font-size:20px; font-weight:bold; margin:0 0 5px 0; text-transform:uppercase;}
#wrapper .landingWrapper .blocks ul {margin:15px;}
#wrapper .landingWrapper .blocks ul li {background:url('../img/bullet-blue.png') 0 5px no-repeat; color:#fff; font-size:14px; list-style:none; padding:0 0 15px 20px;}
#wrapper .landingWrapper .blocks a {background:url('../img/btn-blue.png') 0 0 no-repeat; bottom:15px; color:#fff; display:block; font-size:14px; height:37px; line-height:37px; left:15px; position:absolute; text-align:center; text-decoration:none; text-transform:uppercase; width:270px;}
#wrapper .landingWrapper .blocks a:hover {background-position:0 -37px;}

#wrapper .landingWrapper .blocks.solutions {margin-right:30px;}
#wrapper .landingWrapper .blocks.distribution {margin-right:30px;}

#wrapper .landingSubWrapper h1 {margin:0 0 0 15px;}
#wrapper .landingSubWrapper h1 span {text-transform:uppercase;}
#wrapper .landingSubWrapper div.wrap {margin:15px; padding:0 0 20px;}
#wrapper .landingSubWrapper div.wrap p {font-size:12px; margin:0 0 20px 0;}
#wrapper .landingSubWrapper div.wrap p.intro {font-size:14px; font-weight:bold; text-align:center;}
#wrapper .landingSubWrapper div.wrap p.intro2 {font-size:14px; font-weight:bold; text-align:left;}
#wrapper .landingSubWrapper div.wrap h2 {color:#333333; font-size:16px; font-weight:bold; margin:0 0 20px 0; text-transform:uppercase;}
#wrapper .landingSubWrapper div.wrap a {background:url('../img/btn-blue.png') 0 0 no-repeat; color:#fff; display:block; font-size:14px; height:37px; line-height:37px; text-align:center; text-decoration:none; text-transform:uppercase; width:270px;}
#wrapper .landingSubWrapper div.wrap a:hover {background-position:0 -37px;}
#wrapper .landingSubWrapper div.wrap ul.bullets li {background:url('../img/bullet-blue.png') 0 2px no-repeat; font-size:12px; list-style:none; padding:0 0 20px 20px}
#wrapper .landingSubWrapper div.wrap div.image {background:url('../img/music.jpg') 0 0 no-repeat; float:right; height:471px; margin:0 0 0 20px; width:292px;}