/* 
Title:  	   Musicoz Stylesheet
Updated: 	   June 7, 2007

Key Colours
-----------

Red: 		#d91a22
Yellow: 	#ffec9d

*/

/* define screen styles
---------------------------------------------------------- */

@media screen {


	/* Global Styles
	---------------------------------------------------------- */


	* {
		margin: 0;
		padding: 0;
		}

	body {
		background-color: #000;
		color: #eee;
		font-family: "Century Gothic", "Avant Garde", Verdana, Helvetica, sans-serif;
		line-height: 1.5;
		font-size: 12px;
		text-align: center;
		}

	body#musicoz {
		/*background: #000 url(images/musicoz_bg_repeat.gif) top left repeat;*/
		background: #000 url(images/musicoz_bg.jpg) top left repeat;
		}

	a {
		/*color: #d91a22;*/
		color: #6BA632;
		}

	a:visited {
		/*color: #d91a22;*/
		color: #6BA632;
		}

	a:hover {
		/*color: #f56c0c;*/
		color: #FDD862;
		}

	a:active {
		/*color: #f56c0c;*/
		color: #6BA632;
		}

	img {
		border: 0;
		}

	h1 {
		font-size: 2.2em;
		}

	h2 {	
		font-size: 2em;
		}

	h3 {
		font-size: 1.6em;
		}

	h4 {
		font-size: 1.4em;
		}

	h5 {
		font-size: 1em;
		}

	h1,
	h2,
	h3,
	h4,
	h5 {
		font-weight: bold;
		margin: 0.5em 0;
		}

	p {
		margin: 1em 0;
		}

	dl {
		margin: 1em 0;
		}

	dl dd {
		padding: 0 0 0 3em;
		}

	ul {
		margin: 1em 0;
		padding: 0 0 0 3em;
		}

	ol {
		margin: 1em 0;
		padding: 0 0 0 3em;
		}

	acronym {
		border-bottom: 1px dotted;
		cursor: help;
		color: #060;
		}

	address {
		font-style: normal;
		}

	cite {
		cursor: help;
		font-style: oblique;
		}

	code {
		color: #060;
		cursor: help;
		font-family: Courier, monospace;
		}

	dfn {
		color: #060;
		cursor: help;
		font-style: oblique;
		}

	em {
		font-style: oblique;
		}

	strong {
		font-weight: bold;
		}

	pre {
		border: 1px dashed #eee;
		font-family: Courier, monospace;
		margin: 1em 0;
		padding: 1em;
		}

	blockquote {
		font-style: oblique;
		margin: 1em 2em;
		padding: 1em;
		}

	kbd {
		color: #900;
		cursor: help;
		font-family: Courier, monospace;
		font-weight: bold;
		}

	textarea,
	select {
		font-family: "Century Gothic", "Avant Garde", Verdana, Helvetica, sans-serif;
		font-size: 1em;
		}

	option {
		padding: 0 1em 0 0;
		}

	table {
		border-collapse: collapse;
		}

	th {
		font-weight: bold;
		text-align: center;
		}

	th,
	td {
		border: none;
		padding: 5px;
		}

	input.submit {
		/*background-color: #d91a22;*/
		background-color: #6BA632;
		border: 1px solid #000;
		color: #fff;
		font-family: "Century Gothic", "Avant Garde", Verdana, Helvetica, sans-serif;
		line-height: 1.3;
		font-weight: bold;
		margin: 0 0.5em;
		overflow: visible;			/* fix for IE double padding on buttons */
		padding: 0 0.5em;
		text-align: center;
		width: auto;				/* fix for IE double padding on buttons */
		}


	/* Dashbar Styles
	---------------------------------------------------------- */


	#mongoose_dashbar {
		background: #000;
		color: #fff;
		font: 10px Verdana, Helvetica, sans-serif !important;
		padding: 5px 10px;
		text-align: right;
		}

	#mongoose_dashbar span {
		font: bold 10px Verdana, Helvetica, sans-serif !important;
		color: #fff;
		}

	#mongoose_dashbar a {
		color: #fff;
		font: bold 10px Verdana, Helvetica, sans-serif !important;
		text-decoration: none;
		}

	#mongoose_dashbar a:hover {
		text-decoration: underline;
		}
	

	/* Layout Styles
	---------------------------------------------------------- */

	#wrap {
		/*background: transparent url(images/content_edge_bottom.gif) repeat-x bottom left;*/
		background: transparent url(images/nav_background_green.png) repeat-x bottom left;
		padding: 0 0 10px 0;
		margin: 0 auto 40px auto;
		width: 930px;
		}

	#container {
		/*background: #000 url(images/content_edge_left.gif) repeat-y left top;*/
		background: transparent url(images/content_edge_left_green.png) repeat-y left top;
		position: relative;
		width: 915px;
		margin: 0 auto;
		padding: 0 0 0 15px;
		text-align: left;
		}

	#container_inner {
		/*background: transparent url(images/content_edge_right.gif) repeat-y right top;*/
		background: #000 url(images/content_edge_right_green.png) repeat-y right top;
		padding: 0 15px 0 0;
		width: 900px;
		}

	/* Header Styles
	---------------------------------------------------------- */

	#header {
		background: url(images/banner_musicoz_temp.jpg) top right no-repeat;
		height: 177px;
		margin: 0;
		padding: 0;
		position: relative;
		width: 900px;
		}

	#header #logo a {
		display: block;
		height: 160px;
		overflow: hidden;
		width: 370px;
		text-indent: -9999px;
		}
	
	#login_status {
		background: #FFFC01;
		height: 2em;
		float: right;
		padding: 0 20px;
		color: #000;
	}
	#login_status a {
		color: #000;
		text-decoration: none;
		padding: 0 8px;
		font-weight: bold;
	}
	#login_status a:hover {
		color: #fff;
		text-decoration: underline;
	}

	/* Nav Bar Styles
	---------------------------------------------------------- */

	#nav {
		/*background: #d91a22 url(images/nav_background.png) repeat-x bottom left;*/
		background: #FFFC01 url(images/nav_background_green.png) repeat-x bottom left;
		clear: both;
		float: left;
		padding: 0 0 13px 0;
		width: 900px;
		}
	#nav li, #nav li a {
    cursor: pointer!important;
}
		
	/* Content Specific Styles
	---------------------------------------------------------- */

	#content {
		float: left;
		min-height: 500px;
		_height: 500px;
		padding: 15px 20px;
		width: 860px;
		}
		
	#content.two_column,#content.two_column_left {
		width: 580px;
	}
	
	#content img {
		/*margin: 0 5px;*/
		}

	#content h1 {
		color: #fdd862;
		font-size: 1.5em;
		}

	#content h2 {
		font-size: 1.3em;
		}

	#content h3 {
		font-size: 1.1em;
		}

	#content h4 {
		font-size: 1em;
		}
	

	/* Sidebar Styles
	---------------------------------------------------------- */


	#sidebar {
		clear: left;
		float: left;
		margin: 15px 0 0 20px;
		_margin: 15px 0 0 10px;
		width: 260px;
	}
	#right_sidebar{
	    float: left;
	    width: 260px;
	    padding: 10px;
	}
	.sidebar_panel h2{
	    font-size: 15px;
	}
	

	a.enter_online {
		/*background: transparent url(images/enter_online.gif) top left no-repeat;*/
		background: transparent url(images/enter_online_gfx.jpg) top left no-repeat;
		display: block;
		height: 112px;
		overflow: hidden;
		text-indent: -9999px;
		width: 265px;
		}

	a.listen_and_vote {
		/*background: transparent url(images/listen_and_vote.gif) top left no-repeat;*/
		background: transparent url(images/fav_artist_gfx.jpg) top left no-repeat;
		display: block;
		height: 120px;
		overflow: hidden;
		text-indent: -9999px;
		width: 265px;
		}

	.search_site,
	.latest_articles,
	.subscribe_to_our_newsletter {
		color: #fd6;
		}

	.search_site {
		margin: 2em 0 0 0;
		}

	.search_site div,
	.subscribe_to_our_newsletter div {
		padding: 20px;
		}

	.search_site input.inputText, 
	.subscribe_to_our_newsletter input.inputText {
		border: none;
		padding: 1px;
		width: 120px;
		}

	.search_site input.submit,
	.subscribe_to_our_newsletter input.submit {
		border: solid 1px #333;
		background: #000;
		/*color: #d91a22;*/
		color: #6BA632;
		margin: 0;
		overflow: visible;
		padding: 0 3px;
		text-align: center;
		text-transform: uppercase;
		width: auto;
		}

	.latest_articles a {
		color: #fff;
		text-decoration: none;
		}

	.latest_articles a:hover {
		text-decoration: underline;
		}

	.latest_articles ul {
		list-style-type: none;
		padding: 0 0 0 3em;
		}

	.latest_articles li {
		background: transparent url(images/list_icon.png) no-repeat center left;
		padding: 0 0 0 15px;
		}

	.search_site h2,
	.latest_articles h2,
	.subscribe_to_our_newsletter h2,
	.product_list h2,
	.product_search_form h2,
	#shopping_cart h2 {
		height: 40px;
		margin: 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 260px;
		}

	.search_site h2 {
		background: #222 url(images/title_search_site.png) no-repeat top left;
		color: #fd6;
		}

	.latest_articles h2 {
		background: #222 url(images/title_latest_articles.png) no-repeat top left;
		color: #fd6;
		}

	.subscribe_to_our_newsletter h2 {
		background: #222 url(images/title_subscribe_to_our_newsletter.png) no-repeat top left;
		color: #fd6;
		}
		
	.product_list h2 {
		background: #222 url(images/title_browse_category.jpg) no-repeat top left;
		color: #fd6;
		}
		
	.product_search_form h2{
	    background: #222 url(images/title_product_search.jpg) no-repeat top left;
		color: #fd6;
	}
	#product_search_fields{
	    margin: 15px 10px;
	}
	#shopping_cart h2{
	    background: #222 url(images/title_shopping_cart.jpg) no-repeat top left;
		color: #fd6;
	}
	
    /* Sales Menu
	---------------------------------------------------------- */
	
	#sales_menu, #sales_menu li{
	    list-style-type: none;
	}
	#sales_menu{
	    margin: 5px 0px;
	}
	
	ul#sales_menu li a{
	    font-weight: bold;
	    text-decoration: none;
	    font-size: 14px;
	}
	ul#sales_menu li ul li a{
	    font-weight: normal;
	    font-size: 12px;
	}
	
	/* Items Purchased
	---------------------------------------------------------- */	
	
	#line {
		border-top: 1px solid #666666;
	}
	
	/* Footer Styles
	---------------------------------------------------------- */


	#footer {
		/*background: #d91a22 url(images/footer_background.png) repeat-x top left;*/
		background: #FFFC01 url(images/footer_background_green.png) repeat-x top left;
		border-bottom: 2px solid #FFFC01;
		color: #000;
		clear: both;
		padding: 15px 10px 3px 10px;
		text-align: right;
		width: 880px;
		}

	#footer .copyright {
		float: left;
		}

	#footer a {
		color: #000;
		text-decoration: none;
		}

	#footer a:hover {
		color: #fff;
		text-decoration: underline;
		}


	/* Form Styles
	---------------------------------------------------------- */


	div.form {
		margin: 0 auto;
		padding: 0;
		}

	div.form fieldset {
		border-width: 1px 0 0 0;
		border-color: #fff;
		margin: 1em 0 0 0;
		}

	div.form fieldset legend {
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
		margin: 0;
		padding: 0 0.5em;
		}

	div.form div.required,
	div.form div.optional,
	div.form div.buttons {
		position: relative;
		clear: both;
		padding: 0.5em 0;
		width: 100%;					/* Fixes IE float issues for child elements */
		}

	div.form div.required label,
	div.form div.optional label {
		float: left;
		text-align: right;
		width: 14em;
		padding: 0.2em;
		background: #333;
		}

	div.form div.required label {
		font-weight: bold;
		}

	div.form div.required span,
	div.form div.optional span {
		/*clear: both;*/
		display: block;
		margin: 0 0 0 16em;
		padding: 0.2em 0;
		}

	div.form div.required span.dynamic_error,
	div.form div.optional span.dynamic_error {
		clear: left;
		color: #CC0000;
		}

	div.form div.required span span,
	div.form div.optional span span {
		display: inline;
		padding: 0;
		margin: 0;
		}

	div.form div.required span.wide,
	div.form div.optional span.wide {
		width: 100%;
		padding: 0;
		margin: 0;
		}

	div.form div.required span label,
	div.form div.optional span label {
		display: inline;
		float: none;
		width: auto;
		background: transparent;
		font-weight: normal;
		}

	div.form div.buttons input {
		float: right;
		font-size: 1.4em;
		}

	div.form input.inputText {
		font-family: "Century Gothic", "Avant Garde", Verdana, Helvetica, sans-serif;
		width: 23em;
		}

	div.form textarea.inputTextArea {
		font-family: "Century Gothic", "Avant Garde", Verdana, Helvetica, sans-serif;
		height: 6em;
		width: 23em;
		}


	/* FAQ Styles
	---------------------------------------------------------- */	


	#faqs {
		float: left;
		width: 100%;
		}

	#faqs div.questions {
		float: left;
		width: 30%;
		}
		
	#faqs div.questions ul {
		list-style-type: none;
		margin: 0 1em 0 0;
		padding: 0;
		}
		
	#faqs div.questions ul ul {
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 1em;
		}

	#faqs div.questions li {
		padding: 0.5em;
		}

	#faqs div.questions li li {
		font-weight: normal;
		padding: 0;
		}

	#faqs div.questions ul li.current {
		font-weight: bold;
		}

	#faqs div.answers {
		float: left;
		width: 70%;
		}

	#faqs div.answers p.created {
		color: #aaa;
		font-size: smaller;
		padding-top: 2.0em;
		text-align: right;
		}


	/* Edit Links
	---------------------------------------------------------- */


	div.editlinks {
		background: #f00;
		clear: both;
		padding: 5px 0;
		text-align: right;
		}

	div.answers div.editlinks {
		clear: none;
		}
		
	div.editlinks a {
		color: #ff0 !important;
		font-weight: bold;
		margin: 0 0 0 5px;
		padding: 5px;
		}

	div.editlinks a:hover {
		background: #000 !important;
		}


	/* Media Gallery Styles
	---------------------------------------------------------- */


	div.media_gallery {
		clear: both;
		float: left;
		width: 580px;
		}

	div.media_gallery div.media_item {
		float: left;
		height: 150px;
		padding: 5px;
		text-align: center;
		width: 135px;
		}

	div.media_gallery div.item img {
		margin: 0;
		}


	/* Site Search Styles
	---------------------------------------------------------- */


	span.highlight_search {
		/*background-color: #fea;*/
		background-color: #6BA632;
		color: #fff;
		}

	#search {
		border-bottom: 1px solid black;
		font-size: 1.2em;
		padding: 10px;
		}

	div.data div.paging {
		text-align: right;
		}


	/* Custom Styles
	---------------------------------------------------------- */

	h2.artist_title {
		font-size: 2em !important;
		}

	div.song_list {
		background-color: #666;
		float: right;
		margin: 1em 0 1em 1em;
		overflow: hidden;
		padding: 1em;
		width: 250px;
		}

	#browse_songs h3 {
		margin: 0 0 0 0;
		}

	#browse_songs h4 {
		font-size: 1.4em;
		margin: 0 0 0 0;
		}

	.a_to_z,
	.genre_list {
		clear: both;
		padding: 10px 0;
		}

	.genre_list ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	.genre_list li {
		float: left;
		padding: 5px;
		}

	.genre_list li a:link,
	.genre_list li a:visited,
	.genre_list li a:active {
		background: #111;
		color: #f56c0c;
		display: block;
		font-weight: bold;
		padding: 5px;
		text-align: center;
		vertical-align: middle;
		width: 170px;
		}

	.genre_list li a:hover {
		background: #d91a22;
		color: #fff;
		}

	.top_ten_artists {
		clear: both;
		padding: 10px 0;
		}

	.top_ten_artists table {
		width: 100%;
		}

	.top_ten_artists th {
		background-color: #666;
		text-align: left;
		}

	.top_ten_artists td {
		background-color: #111;
		}

	.top_ten_artists .alternate td {
		background-color: #222;
		}

	.top_ten_artists .song_position,
	.top_ten_artists .artist_name {
		font-size: 1.6em;
		font-weight: bold;
		}

	.song_summary {
		padding: 1em 0;
		}

	.song_summary h3 {
		font-size: 1.8em !important;
		}

	.song_summary img {
		float: right;
		margin: 0 0 0 1em;
		}


	/*
	---------------------------------------------------------- */

	.search_paging {
		clear: both;
		padding: 0.5em 0;
		text-align: right;
		}

	.search_paging span,
	.search_paging a {
		padding: 0 0.2em;
		}


	/* Banners
	---------------------------------------------------------- */

	.banner {
		clear: both;
		margin: 0 auto;
		padding: 1em 0;
		text-align: center;
		}
	
	/* Client Area & general styles
	---------------------------------------------------------- */
	.clear{ clear: both;}
	.float_right{ float: right; }
	.form_container{
	    clear: both;
	}
	.form_container hr{
	   margin: 20px 0;
	   border: solid 1px #555; 
	}
	h2.competition{
	    vertical-align: middle;
	}
	.competion_link{
	    display: inline;
	    padding: 0 0 0 10px;
	}
	#content .form_container h2{
	    margin: 15px 0;
	}
	.artist_profile{
	    clear: both;
	    padding: 10px;
	    border: solid 1px #333;
	    background: #050505;
	}
	.artist_profile h3{
	    margin: 0 0 10px;
	    color: #fff;
	    font-family: Trebuchet MS;
	    font-size: 15px;
	}
	.gridview_search_results{
	    margin: 10px 0 0;
	}
	.gridview_data,.gridview_search_filter{
	    padding: 5px;
	    border: solid 1px #555;
	    background: #050505;
	}
	.gridview_search_filter{
	    background: #111;
	}
	table.gridview{
	    width: 100%;
	}
	table.gridview tr.gridview_header{
	    background: #333;
	}
	table.gridview tr.gridview_alternate_row{
	    background: #111;
	}
	
	/* Sales Pages - Custom Content
	---------------------------------------------------------- */
	#content .sales_path h1{
	    font-size: 15px;
	    color: #6BA632;
	}
	#content .sales_path h1 a{
	    text-decoration: none;
	}
	.product_summary{
	    width: 190px;
	    height: 180px;
	    float: left;
	    text-align: center;
	    color: #fff;
	}
	.product_summary a{
	    color: #fff;
	    text-decoration: none;
	    font-weight: bold;
	}
	.product_images{
	    width: 300px;
	    float: left;
	}
	#main_image{
	    margin: 0 0 10px 0;
	}
	
	
	.product_text{
	    float: left;
	    width: 270px;
	}
	#product_options{
	    clear: both;
	}
	#product_options ul{
	    margin: 0;
	    padding: 0;
	}
	#product_options ul li{
	    float: left;
	    list-style-type: none;
	    margin: 0 5px 0 0;
	}
	
	.related_products{
	    clear: both;
	    padding: 10px 0;
	}
	.related_products ul{
	    padding: 0;
	}
	.related_products ul li{
	    list-style-type: none;
	    float: left;
	    margin: 0 5px 0 0;
	}
	
	.add_to_cart{
	    clear: both;
	    padding: 10px 0;
	}
	.add_to_cart label{
	    width: 80px;
	    float: left;
	    display: block;
	}
	.add_to_cart .inputText{
	    width: 40px;
	}
	
	.product_options_option_option{
	    height: 30px;
	}
	.product_options_option_option span{
	    width: 80px;
	    float: left;
	    display: block;
	}
	.product_options_error{
	    clear: both;
	    width: 200px;
	    float: left;
	    padding: 5px;
	}
	.product_options_error span{
	    width: 200px;
	}
	.featured_products ul{
	    padding: 0;
	}
	.featured_products ul li{
	    list-style-type: none;
	    width: 200px;
	    float: left;
	    text-align: center;
	}
	#shopping_cart_buttons{
	    clear: both;
	    text-align: right;
	}
	#shopping_cart_buttons a.checkout, #shopping_cart_buttons a.print{
	    width: 106px;
	    height: 33px;
	    background: transparent url('images/button_bg_small.png') no-repeat center;
	    text-align: center;
	    /*text-indent: -9999px;*/
	    color: #fff;
	    line-height: 30px;
	    float: right;
	    text-decoration: none;
	    font-weight: bold;
	}
	#shopping_cart_content{
	    padding: 10px;
	    background: #333;
	}
	#shopping_cart_content .gridview{
	    width: 100%;
	}
	
	.remove{
	    width: 16px;
	    height: 16px;
	    background: url('images/delete.png') no-repeat center;
	    text-indent: -9999px;
	    float: left;
	}

#free_song{
    border: #FDD860 solid 1px;
    padding: 10px;
    margin: 10px auto;
}
#free_song h2{
    color: #FDD860;
}
#free_song .left_column{
    width: 180px;
    min-height: 150px;
    float: left;
}
#free_song .right_column{
    width: 340px;
    min-height: 150px;
    float: left;
}
#free_song .right_column .title{
    font-size: 20px;
    font-weight: bold;
}
#free_song .details{
    clear: both;
}
#free_song .required{
    padding: 5px 0;
}
#free_song .required label{
    width: 160px;
    display: block;
    background: #333;
    padding: 2px 5px;
    text-align: right;
    float: left;
    margin-right: 20px;
}

#song_archive{
    border: #6BA632 solid 1px;
    padding: 10px;
    margin: 10px auto;
}
#song_archive h2{
    color: #6BA632;
}
#song_archive ul, #song_archive ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#song_archive ul li{
    width: 270px;
    height: 120px;
    float: left;
}
#song_archive .thumbnail{
    width: 100px;
    height: 120px;
    float: left;
}
#song_archive .description{
    width: 150px;
    height: 120px;
    float: left;
    padding: 0 10px;
    font-size: 16px;
    color: #FDD860;
}



	}

/* define print styles
---------------------------------------------------------- */

@media print {

	/* Print Styles
	---------------------------------------------------------- */

	body {
		font-family: Verdana, sans-serif;
		font-size: 12pt;
		}
	
	div {
		float: none !important;
		}

	#mongoose_dashbar,
	#nav,
	.editlinks,
	.noprint,
	#footer {
		display: none;
		}
	
	#logo {
		border-bottom: 1px solid #000;
		font-size: 1.8em;
		padding: 0.5em;
		}
	
	#logo a {
		color: #000;
		font-weight: bold;
		}

	a:link,
	a:visited {
		color: gray;
		}

	}
	.refer, div.form .refer
	{
	    border: 1px solid #ddd;
	    padding: 20px;
	}
	.required2{
	    clear: both;
	    padding: 5px 0;
	}
	.required2 label{
	    font-weight: bold;
	}
	.subject{
	    display: none;
	}