f/*
Description: 2010 Phase 2 Development for lalela.com
Authors: Eric Musser and Lon Keonig
Author URI: http://www.mannastudio.com/
Version: 1.7 (phase II)
Last change: 7/29/10 - composer page tweak
*/

/**************** Reset ****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/**************** Default Tags ****************/
body {
	font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif;
	font-size: 0.875em; /* From here on, 1em = 14px */
	color: #CCC;
	background: #34190c url('/images/nav/bg-main.jpg') 50% 0;
	margin: 0px;
	}
	
.small {
	font-size: .8em;
	}
.fineprint {
	display:block;
	font-size: .8em;
	margin-top:12px;
	margin-bottom:6px;
	line-height: 1.2em;
	}

strong {
	font-weight: bold;
	color: #fff;
	}

p { padding-top: 1.3em; }

em
{
	color: #ffeaa1;
	font-weight: bolder;
}

img, img a { border:0px; }

blockquote {
	margin: 1em;
	}

a, a:visited { color: #ffcc66; text-decoration: none; }
a:hover { color: #ffe5b2; }

ol {
	list-style-position: inside;
	margin-left:8px;
	}

ul {
	list-style-position: inside;
	margin-left:8px;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 1.2em 0 0 0;
	}
h1 {
	color: #ffeaa1;
	font-size: 1.2em;
	margin-top: 1em;
	}
h2 {
	color: #ffeaa1;	
	font-size: 1.1em;
	}
h3 {
	color: #ffeaa1;	
	font-size: 1em;
	}
h4 {
	color: #ffeaa1;	
	font-size: 1em;
	}
.clear { clear: both; }


/**************** Page Wrap, Masthead and Content Block ****************/
/*.template_frame {
	margin:0px;
	padding:0px;
	}*/
.pageWrap {
	width: 916px;
	margin: 0 auto;
	padding: 0;
	background: #000;
	position: relative;
	overflow: hidden;
	}
#masthead { /* Masthead graphic with logo and home link only */
	background: #301a10 url('/images/nav/header.jpg') top center;
	height: 160px;
	margin:0 auto;
	padding:0px;
	position: relative;
	overflow: hidden;
	}

.contentWrap {
	}
.content {
	background: #000;
	line-height: 1.4em;
	margin: 1em auto 0 auto;
	padding: 50px;
	position: relative;
	clear: both;
	}


/**************** Navigation (no hacks, x-browser centered menu) ****************/
#topnavWrap {
	float: left;
	width: 100%; /* full width wrap for centering */
	overflow: hidden;
	position: relative;
	text-align: center;
	background: #000 url('/images/nav/bg-nav.jpg') no-repeat 0 0;
	margin-top: 2px;
	}
ul#topnav {
	float: left;
	clear: left;
	position:relative;
	left: 50%; /* moves the ul to the right, starting at the center of the page */
	list-style: none;
	font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: .9em;
	text-align: center;
	margin: 0; padding: 0;
	}
ul#topnav li {
	display:block;
	float:left;
	list-style:none;
	margin: 0; padding: 0;
	position:relative;
	right: 50%; /* moves the li's back to the left, centered on page */
	}
ul#topnav a, ul#topnav a:visited {
	display: block;
	background: url('/images/nav/bg-navlinks-off.jpg') repeat-x;
	color: #ffcc66;
	width: 75px;
	height: 40px;
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none;
	}
ul#topnav a:hover {
	display: block;
	background: url('/images/nav/bg-navlinks.jpg') repeat-x;
	color: #ffe5b2;
	text-decoration: none;
	}
ul#topnav li span.s {
	display: block;
	margin: 0; padding: 0;
	height: 5px;
	}
#topnav li form {
	display: inline;
	margin-left: 10px;
	}


/**************** Home Page ****************/
.welcomeWrap {
	background: url('/images/nav/bg-welcome.jpg') no-repeat 0 0;
	margin: 0 auto;
	position: relative;
	width: 710px;
	height: 225px;
	}
.welcome {
	font-size: .9em;
	line-height: 1.3em;
	padding: 40px 180px 0 25px;
	}
.welcome h1 {
	margin: 0;
	padding: 0;
	}
.loginMessage {
	display: block;
	background: url('/images/nav/icon-checkmarkSM.gif') no-repeat 0 50%;
	padding-left: 12px;
	font-size: .7em;
	color: #999;
	}
.loginUser {
	color: #ffcc61;
	}

.tweet {
	font-size: .9em;
	line-height: 1.3em;
	color: #fff;
	padding: 0 35px 12px 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	}
.socialIcons {
	float: left;
	padding: 5px 10px 0 0;
	}


.mediahome {
	margin: 40px auto 20px auto;
	width: 710px;
	}
.mediahome h2 {
	font-size: .9em;
	padding: 0;
	}

/* Phase 2 */
#mediahomeLeft {
	float: left;
	margin: 0;
	padding: 0;
	}
#mediahomeLeft img {
	margin-bottom: 30px;
	}
#mediahomeRight {
	float: right;
	margin-right: 12px;
	}
#videoWrap {
	background: url('/images/nav/bg-video-xxsm.jpg') no-repeat 0 0;
	float: left;
	margin: 0 5px 40px 0;
	width: 230px;
	height: 194px;
	}
#videoItem {
	padding: 12px 11px 12px 12px;	
	}
#featureWrap {
	background: url('/images/nav/bg-featured.jpg') no-repeat left bottom;
	float: left;
	height: 125px;
	width: 692px;
	margin: 0;
	}
#featureWrap h2 {
	background: url('/images/nav/bg-featuredheading.jpg') no-repeat 0 0;
	width: 160px;
	height: 25px;
	margin: 0;
	text-align: center;
	line-height: 25px;
	}
#featureItem {
	width: 230px;
	float: left;
	}
#featureWrap img {
	background: url('/images/nav/bg-featuredgo.gif') no-repeat center bottom;
	display: block;
	float: left;
	padding: 9px 7px 30px 8px;
	}
#featureItem h3 {
	padding: 0px 5px 0 0;
	font-size: .7em;
	text-align: left;
	line-height: 1.3em;
	}
#featureItem p {
	padding: 0px 5px 0 0;
	font-size: .7em;
	text-align: left;
	line-height: 1.3em;
	}


#browsecategoryWrap {
	width:800px;
	margin:0 auto;
	}
.browsecategory {
	float: left;
	text-align: left;
	margin-left: 20px;
	}
.browsecategory a {
	display: block;
	padding: 3px 0 3px 20px;
	background: url('/images/nav/categoryOFF.gif') no-repeat left 5px;
	text-decoration: none;
	}
.browsecategory a:visited {
	color: #b38f47;
	}
.browsecategory a:hover {
	background: url('/images/nav/categoryON.gif') no-repeat left 5px;
	text-decoration: none;
	}


/**************** Composer Page ****************/
.composerWrap {
	width: 800px;
	height: 210px;
	margin: 0;
	padding: 0;
	background: url('/images/nav/bg-composerblock.jpg') no-repeat center bottom;
	}

.composerBio {
	width: 410px;
	height: 210px;
	float: left;
	}
.composerBio p {
	padding: 30px 10px 0 25px;
	font-size: 11px;
	line-height: 1.7em;
	color: #fff;	
	}

.composerInfo {
	height: 210px;
	max-width: 195px;
	float: left;
	}
.composerInfo p {
	padding: 30px 10px 0 20px;
	font-size: 11px;
	line-height: 1.7em;
	color: #fff;	
	}
.composerName {
	font-size: 13px;
	font-weight: bold;
	color: #ffeaa1;
	}	

.composerPicture {
	float: right;
	/*padding-top: 20px;*/
	position:relative;
	top:20px;
	padding-right: 27px;
	}
.composerPicture img {
/*	width: 160px;
	height: 160px; */
	border: 1px solid #7f582c;
	}


/**************** Info Pages ****************/
#licenseBlock {
	position: absolute;
	top: 65px;
	right: 25px;
	font-size: .8em;
	}
#licenseBlock h3 {
	margin: 0;
	font-size: 1.3em;
	}
#privacycontent, #legalcontent {
	font-size: .9em;
	width: 750px;
	margin: 3em auto;
	}
#licensecontent {
	font-size: .9em;
	width: 460px;
	margin: 3em auto;
	}
#licensecontent .success {
	color: #fff;
	font-weight: bold;
	}
#licensecontent form {
	}
#licensecontent h2 {
	margin-top: 2em;
	border-bottom: 1px solid #999;
	}
#licensecontent h3 {
	margin-top: 1.5em;
	}
.licenseitem {
	color: #fff;
	font-weight: bold;
	margin-top: .3em;
	}
#license_price, #calculated_price {
	color: #fff;
	font-weight: bold;
	}
.license_total {
	font-size: 1.1em;
	width: 460px;
	text-align: center;
	padding: .8em 1em 1em 1em;
	margin: 2.5em 0 0 0;
	background: #4c1e0f url('/images/nav/bg-pricecalculator.jpg') repeat-x 0 0;
	border: 1px solid #4c1e0f;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
.license_summary {
	margin: .5em 0 1em 1em;
	}
.license_summarylabel {
	clear: both;
	float: left;
	width: 150px;
	color: #e5c77e;
	font-weight: bold;
	}
.license_summarycontent {
	float: left;
	width: 290px;
	}
.license_activateoption {
	margin: 1em;
	padding: 1em;
	border: 1px solid #444;
	background: #0f0f00;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
.license_activateoption_name {
	color: #fff;
	font-weight: bold;
	}
.license_activateoption .formfield {
	text-align: right;
	}
#LicenseCCblock {
	float: left;
	text-align: left;
	}
#LicenseCCblock td {
	text-align: left;
	}
.license_activateoption .formlabel {
	clear: both;
	float: left;
	width: 200px;
	margin-top: .25em;
	color: #e5c77e;
	font-weight: bold;
	}
.license_activateoption .formfield {
	float: left;
	margin-top: .25em;
	}
.license_activateoption .formfield input, .license_activateoption .formfield select {
	width: 200px;
	}
.license_activateoption .formfield input.smallfield {
	width: 20px;
	}
#mail_form textarea, textarea {
	font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif;
	font-size: .9em;
	padding: .5em;
	}
#help-search {
	position: absolute;
	top: 0;
	right: 240px
	}
.help_selector {
	display: block;
	padding-bottom: 20px;
	}


/**************** Footer ****************/
.prefooter {
	clear:both;
	height: 1px;
	}
.footer {
	position: relative;
	font-size: .725em;
	clear: both;
	background: url('/images/nav/bg-footer.png') no-repeat;
	margin: 0 auto;
	width: 916px;
	height: 140px;
	text-align: center;
	vertical-align: middle;
	}
.footer p {
	position: relative;
	top: 18px;
	color: #9f906e;
	}
.footer p.footfloatL {
	float: left;
	margin: 0 0 0 20px;
	}
.footer p.footfloatR {
	float: right;
	margin: 0 15px 0 0;
	}

.footer a, .footer a:visited {
	display: block;
	float: left;
	font-size: 1.1em;
	height: 35px;
	line-height: 35px;
	padding: 0 8px;
	text-decoration: none;
	color: #ffcc66;
	}
.footer a:hover {
	font-size: 1.1em;
	text-decoration: none;
	color: #fff;
	}
a#socialFacebook, a#socialFacebook:visited, a#socialFacebook:hover,
a#socialTwitter, a#socialTwitter:visited, a#socialTwitter:hover {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin: 0 5px;
	padding: 0;
	text-indent: -9999px;
	}
a#socialFacebook, a#socialFacebook:visited, a#socialFacebook:hover {
	background: url('/images/nav/icon-social-facebook.png') no-repeat 0 0;
	}
a#socialTwitter, a#socialTwitter:visited, a#socialTwitter:hover {
	background: url('/images/nav/icon-social-twitter.png') no-repeat 0 0;
	}
a#sitecredit, a#sitecredit:visited {
	display: inline;
	float: none;
	font-size: 1em;
	text-decoration: none;
	color: #9f906e;
	padding: 0;
	}
a#sitecredit:hover {
	font-size: 1em;
	text-decoration: none;
	color: #ffcc66;
	padding: 0;
	}


/**************** Nav? ****************/
.nav_h {
	font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif;
	color: #FC6;
	font-size: 16px;
	position: absolute;
	display: inline;
	overflow: hidden;
	}

.nav_h a, .nav_h:visited, .nav_h a:focus {
	font-size: 16px;
	color: #FC6;
	text-decoration: none;
	}

.nav_h a:active {
	color: #FC6;
	text-decoration: none;
	}

.browse_group

{
	width: 396px;
	display: inline-block;
}

.browse_img { 
	border:0px;
}



/**************** Buttons, Forms and Inputs ****************/
.loginForm {
	width: 300px;
	margin: 1em auto;
	}
.registerForm {
	width: 350px;
	margin: 1em auto;
	}
.regpanel .required {
	border: 1px solid #990000;
	background: url('/images/nav/bg-required.jpg') no-repeat 0 0;
	padding: 1em;
	margin: .5em 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

a.buttonHuge {
	background: url('/images/nav/button-huge.jpg') no-repeat;
	display:block;
	width: 436px;
	height: 49px;
	line-height: 49px;
	margin:0px auto;
	text-align:center;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	}
a.buttonHuge:hover {
	background: url('/images/nav/button-hugeON.jpg') no-repeat;
	color: #ffe5b2;
	}
a.buttonMed {
	background: url('/images/nav/button-licenseMED.jpg') no-repeat;
	display:block;
	width: 385px;
	height: 49px;
	line-height: 49px;
	margin:0px auto;
	text-align:center;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	}
a.buttonMed:hover {
	background: url('/images/nav/button-licenseMEDON.jpg') no-repeat;
	color: #ffe5b2;
	}
a.buttonSmall {
	background: url('/images/nav/button-222x26.jpg') no-repeat;
	display: block;
	width: 222px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	}	
a.buttonSmall:hover {
	color: #ffe5b2;
	}

a.passwordmask {
	font-size: .7em;
	}
.two_column { /* Temporarily replaced by columnLeft and columnRight below */
	display: block;
	float: left;
	width: 400px;
	padding-bottom: 1em; 
	clear: none;
	}
.two_columnLeft {
	display: block;
	float: left;
	width: 275px;
	padding-bottom: 1em; 
	clear: none;
	}
.two_columnRight {
	display: block;
	float: left;
	width: 525px;
	padding-bottom: 1em; 
	clear: none;
	}
.in_label {
	display:block;
	margin-top: 5px;
	font-size: .9em;
	font-weight: bold;
	color: #e5c77e;
	}

input[type="text"]{
	padding: 1px;
	font-size: .8em;
	color: #600;
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: 2px #999 solid;
	border-right: 2px #FFF solid;
	border-bottom: 2px #FFF solid;
	border-left: 2px #666 solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#request_pwbox {
	text-decoration: none;
	font-size: .8em;
	padding-left: 4px;
	display:block;
	width:320px;
	height:40px;
}

#pwbox {
	text-decoration: none;
	display: block;
	width: 320px;
	height: 40px;
	display: none;
	}
.form_error {
	font-size: .9em;
	font-weight: bold;
	color: #d10000;
	}

.generic_error h1 {
	font-weight: bold;
	color: #d10000;
}


/* Search and browsing of tracks */
.browse_img a:link{
	text-decoration: none;
}

.browse_img a:active {
		text-decoration: none;
}


.browse_img a:visited {
		text-decoration: none;
}



.browse_img a:focus {
		text-decoration: none;
}

.col1 {
	width:240px;
	float:left;
	clear: none;
	display: block;
}

.col2 {
float:right;
width:570px;
	clear: none;
	display: block;
}

.invisolink a:link   {border:0px; text-decoration: none;}
.invisolink a:active {border:0px; text-decoration: none;}
.invisolink a:visited{border:0px; text-decoration: none;}
.invisolink a:focus  {border:0px; text-decoration: none;}

.info-slide { width:100%; }

.info-slide_title {
	color: #ffeaa1;
	font-size: 1.2em;
	display:block;
	width:40%;
	text-transform:lowercase;
	text-align:center;
	float:left;
	padding-top: 52px;
	}

.info-slide_content {
	display: block;
	width: 50%;
	font-size: .9em;
	text-align: left;
	float: left;
	padding: 12px 6px 0px 2px;
	}

.info-slide_gutter {
	width: 50px;
	min-height: 630px;
	background: url('/images/nav/slide_separator.jpg') no-repeat top left;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-right:6px;
	}

.info-slide_content h3 {
	color: #FC6;
	font-size: 1.2em;
	margin: 40px 0 0 0;
	}

dl.info-list {
	width: 450px;
	margin: 6px 0 20px 0;
	display:block;
	}

.info-list dt {
	width: 200px;
	float: left;
	margin: 0 0 0 0;
	padding: 4px 8px;
	border-bottom: 1px solid #999;
	font-weight: bold;
	}
.info-list dd {
	width: 200px;
	float: left;
	margin: 0 0 0 0;
	padding: 4px 8px;
	border-bottom: 1px solid #999;
	font-weight: normal;
	}




.explanations {



}
.explanations dt {
padding-top:4px;
color: #ffeaa1;
}

.explanations dd {
margin-left:20px;

}


.musicplayer_title

{

display: none;

}

/**************** Search box ****************/

.autocomplete-w1 {
	background:url('/images/nav/search_shadow.png') no-repeat bottom right; 
	position:absolute; 
	top:0px; 
	left:0px; 
	margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; 
	}
.autocomplete
{
	border: 1px #400 solid;
	background: #FFF;
	cursor: default;
	text-align: left;
	max-height: 350px;
	overflow: auto;
	margin: -6px 6px 6px -6px;
	/* IE6 specific: */
	_height: 350px;
	_margin: 0;
	_overflow-x: hidden;
}
.autocomplete .selected { background-color: #FC9; }
.autocomplete div { padding:2px 5px; white-space:nowrap; color:#D77; }
.autocomplete strong
{
	font-weight: bold;
	color: #400;
}



/**************** Search Results/Track Listing ****************/
.track_entry {
	width: 800px;
	padding: 0px;
	background: url('/images/nav/bg-searchresults.jpg') repeat-x;
	position: relative;
	clear: both;
	padding: 2em 0 .5em 0;
	}
.track_play {
	width:90px;
	height: 25px;
	float: left;
	display:block;
	}
.track_info {
	width: 490px;
	float: left;
	margin: 4px 10px 0 10px;
	}
.track_spacer {
	width:1px;
	height:14px;
	}
.track_details {
	width:200px;
	float: right;
	font-size: .8em;
	}
.track_table {
	font-size: smaller;
	float: left;
	margin: 18px 0 0 0;
	}
.track_composer {
	margin-bottom:4px;
	}
.track_title {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	}
.track_description {
	color: #999;
	font-size: .8em;
	}
.track_table td { 
	padding: 0px 6px 0px 6px; 
	}
.track_tags {
	text-decoration: none;
	font-size: .8em;
	float:right;
	}
.track_license {
	font-size: 10px;
	text-decoration: none;
	border:0;
	}
.track_license img {
	margin-top: 6px;
	}

.paging_nav {
	width:630px;
	margin:0 auto;
	font-size: .8em;
	text-align:center;
	}
a.page_first { /* << */
	}
a.page_back { /* > */
	}
a.page_next { /* > */
	}
a.page_last { /* >> */
	}

.admin_button {
	padding: 1px 8px;
	margin-right: 1em;
	background: #ff9d4d;
	color: #000;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b06c35;
	}

.admin_button a, .admin_button a:visited
{
	padding: 2px 5px 2px 5px;
	background-color: #F90 !important;
	color: black !important;
	text-decoration: none;
}


.admin_button a:hover
{
	background-color: #FF3 !important;
	color: #FFF !important;
	text-decoration: none;
}


#need_account {
	width:860px; /* added by Lon for locking in top panel */
/*	height:50px;  added by Lon for locking in top panel */
	z-index:1000; /* added by Lon for locking in top panel */
	text-align: center;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	margin: 0 auto;
	padding: 10px;
	background: #fdb524 url('/images/nav/bg-needaccount.jpg') repeat-x;
	position:absolute;
	top:0;

	}
#need_account a, #need_account a:visited {
	font-size: .9em;
	font-weight: normal;
	color: #ffcc66;
	}		
#need_account a:hover {
	font-size: .8em;
	font-weight: normal;
	color: #fff;
	}