/* ===================================================================================================
======================================================================================================

filename: style.structure.css
description: main page structure

property of 4 Elements Music
Copyright 4Elementsmusic.com

author: Jeff Schram, email@schramdesign.com
url: schramdesign.com

======================================================================================================
==================================================================================================== */


/* CANVAS
====================================================================================================*/

/* force a scroll bar */
html { overflow-y: scroll; }

html, body {
min-width: 1050px;
background:#fff url(images/bg_wrap_top.png) top center no-repeat;

font-size:62.5%;
font-family:"Lucida Grande","Lucida Sans Unicode",arial, verdana;

/* Force Scrollbar */
min-height: 100%; margin-bottom: 1px; 
}

div.ie_use_google {
display:none;
}

div.body_wrap {
position:relative;
}

div.top {
background:url(images/bg_body_wrap_top.png) bottom center no-repeat;
}
div.bottom {
background:url(images/bg_body_wrap_bottom.png) top center no-repeat;
min-height: 300px;
}

div.wrap {
width:1050px;
margin:0 auto;

}

/* Modal Styles
=============================*/
div.modal {font-size:1.4em; height:400px; overflow: auto;}
div.modal h1{font-size:1.2em;}
div.modal p {line-height:1.4em; margin:1em 1em 1em 0;}

/* GLOBAL
====================================================================================================*/

a {cursor: pointer;}

div.pad {
padding:20px;
}

img.el_blue_arrow {
	border:none;
	margin-left:3px;
	display:inline;
}


/* Shared Button Classes
=============================*/
.btn_on {
background-position:bottom left !important;
}

.btns_menu.btn_enabled:hover {
background-position:bottom left !important;
}

input.btn_black, a.btn_black {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display:-inline-block; display:inline-block;
width:105px; height:15px;
padding-top:2px; margin-right:4px;
font-weight:normal;
color:#fff;
text-align: center;
background:url(images/btn_black.png) top left repeat-x;
text-transform: lowercase;
text-decoration: none;
}

a.btn_grey, input.btn_grey {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding:2px 5px;
color:#5C9F01;
border:1px solid #cccccc;
text-decoration: none;
display:inline-block;
margin-right:1px;
font-size:10px;
font-weight:normal;
font-family:arial;
text-transform: lowercase;
background:#f9f9f9;
}

a.small, input.small {
font-size:x-small !important;
width:auto; 
height:auto;
overflow: visible;
padding:2px 4px;
}


a.proj-browse-songs {
background:#C7C7C7 none repeat scroll 0 0;
color:#F1F1F1;
display:block;
padding:2px 6px;
border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}

a.proj-browse-songs:hover { color:#efefef; background: #5C9F01; }
a.proj-browse-songs:active { color:yellow; } 
a.btn_bubble, input.btn_bubble {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background:#FEFEFE url(images/bg_btn_bubble.png) repeat-x left bottom;
border-color:#797979 #AFAFAF;
border-style:solid;
border-width:1px;
color:#787878 ;
display:inline;
font-family:lucida Grande,arial,helvetica;
font-size:9pt;
font-weight:normal;
margin-right:2px;
padding:2px 7px;
text-decoration:none;
text-transform:lowercase;
}
a.btn_bubble:hover, input.btn_bubble:hover, input.btn_bubble .hover {
background:#c6c6c6;
color:#fff !important;
}

a.blue:hover {color:#0097d0;}
a.green:hover {color:#5C9F01;}

a.green_bg 		 {color:#5C9F01;}
a.green_bg:hover {color:white; background: #5C9F01; }



/* HEADINGS
====================================================================================================*/
div.heading {
-moz-border-radius:2px;
-webkit-border-radius:2px;
margin-bottom:10px;
}

div.heading h3 {
color:#efefef;
font-size:13px;
font-weight:bold;
padding:2px 5px;
}

div.heading_green {
background:#70b100;
-moz-border-radius:2px;
-webkit-border-radius:2px
}

div.heading_blue {
background:#0097d0;
-moz-border-radius:2px;
-webkit-border-radius:2px
}


/* HEADER
====================================================================================================*/
div#header {
/*background:url(images/bg_top.jpg) right top no-repeat;*/
position:relative;
zoom:1;
height:142px;
z-index: 1;
}

div#header_left {
width:530px;
position:absolute;
top:0px; left:0px;
}

div#logo a {
background: url(images/bg_logo.jpg) no-repeat;
width:402px;
height:113px;
display:block;
}

div#logo h1 {
display:none;
}


/* SEARCH JUKEBOX BUTTON
============================*/
a#btn_load_jukebox_search{
display:block;
height:29px;
width:111px;
background: url(images/bg_search_jukebox.png) no-repeat;
background-position:top left;
text-indent: -9999px;
}
a#btn_load_jukebox_search:hover {
/*background-position:bottom left!important;*/
}

/* SEARCH POWER BUTTON
=============================*/
a#btn_load_power_search{
display:block;
height:29px;
width:111px;
background: url(images/bg_search_power.png) no-repeat;
background-position:top left;
text-indent: -9999px;
}
a#btn_load_power_search:hover {
/*background-position:bottom left!important;*/
}

/* SEARCH STAFF BUTTON
=============================*/
a#btn_load_staff_search{
display:block;
height:29px;
width:111px;
background: url(images/bg_search_staff.png) no-repeat;
background-position:top left;
text-indent: -9999px;
}
a#btn_load_staff_search:hover {
/*background-position:bottom left!important;*/
}


/* SEARCH QUERY FORM
=========================*/
form#search_form_query {
}


#SuggestBox {
height:230px;
overflow: auto;
}

#SuggestBox ul {font-size:2em;}
#SuggestBox ul li{padding:.3em;}
#SuggestBox ul li a{}


/*  TOP MENU  */


div#top_menu {
position:absolute;
zoom:1;
top:0; right:10px;
display:block;
z-index: 1000;
}

#btn_top_menu_email:hover {
	color: #0097d0 !important;
}

div#top_menu ul {
float:right;
}

div#top_menu ul li {
display:inline-block;
float:right;
}

a.btn_top_menu {
height:34px;
text-indent: -9999px;
display:-inline-block;
display:inline-block;
display:block;
}
a.btn_top_menu:hover {
background-position:right bottom;
}

	a#btn_about {
	background:url(images/bg_btn_top_about.png) top left no-repeat;
	width:54px;
	}
	
	a#btn_blog {
	background:url(images/bg_btn_top_blog.png) top left no-repeat;
	width:49px;
	}
	
	a#btn_faq {
	background:url(images/bg_btn_top_faq.png) top left no-repeat;
	width:38px;
	}
	
	
	a#btn_contact {
	background:url(images/bg_btn_top_contact.png) top left no-repeat;
	width:57px;
	}
	
	a#btn_users {
	background:url(images/bg_btn_top_users.png) top left no-repeat;
	width:49px;
	}
	
	a#btn_login {
	background:url(images/bg_btn_top_login.png) top left no-repeat;
	width:49px;
	}
	a#btn_register {
	background:url(images/bg_btn_top_register.png) top left no-repeat;
	width:61px;
	}
	a#btn_search {
	background:url(images/bg_btn_top_search.png) top left no-repeat;
	width:55px;
	}

div#logged_in {
border:1px solid #333;
border-top:none;
margin-right:1px;
background: url(images/bg_logged_in.png) bottom left repeat-x;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
}

	div#logged_in p {
	text-align:center;
	font-size:7pt;
	font-weight:bold;
	padding:15px 10px 5px;
	}
	
	div#logged_in a {
	font-size:8pt;
	font-weight:normal;
	text-decoration: none;
	color:#000;
	}
	
	div#logged_in a:hover {
	text-decoration: underline;
	}

	div#this_top_menu_contents {
	float:right;
	zoom:1;
	position:relative;
	z-index: 700;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#fff url(images/bg_top_menu_contents.png) bottom left repeat-x;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #afafaf;
	border-left:1px solid #afafaf;
	}
	
	div#top_menu_contents {
	zoom:1;
	position:relative;
	z-index: 500;
	margin-top:2px;
	}
	
	
	div#top_menu_contents .regular_width {
	width:227px;
	}

	div.top_menu_contents_contents {
	padding:0 20px 20px 20px;
	zoom:1;
	position:relative;
	z-index: 2;
	
	}
	
	span.input_label, label.input_label{
	font-size:7pt;
	color:#5c5c5c;
	}
	
	label.input_label { margin: 0; padding: 0; font-weight: normal;}
	
	div#top_menu_contents .input_text {
	border:1px solid #787878;
	display:block;
	margin-bottom:4px;
	}
	
	div#top_menu_contents .short {
	color:#444444;
	font-size:1.5em;
	padding:4px;
	width:135px;
	/* FIX FOR IE */
	}

	div#top_menu_contents .wide {
	color:#444444;
	float:right;
	font-size:8pt;
	height:100px;
	padding:4px;
	width:285px;
	font-family:arial, helvetica;
	/* FIX FOR IE */
	}
	
	div#top_menu_contents .select {
	color:#444444;
	font-size:8pt;
	padding:4px;
	width:145px;
	/* FIX FOR IE */
	}

	
	div#top_menu_contents .inline {
	display:inline !important;
	}
	
	span.warning {
	color:red;
	font-size:8pt;
	display:block;
	margin:2px 0 1px;
	width:135px;
	text-transform: lowercase;
	}
	
	input.warning {
	border-color:red !important;
	}
	
	div#top_menu_contents h2 {
	color:#008bc8;
	font-size:10pt;
	margin:0 0 6pt 0;
	font-weight:bold;
	}
	
	div#top_menu_contents h3 {
	font-size:9pt;
	margin:0 0 0 0;
	font-weight:bold;
	}
	
	div#top_menu_contents p {
	color:#555555;
	font-family: arial;
	font-size:8pt;
	margin:0 0 9pt;
	line-height:1.5em;
	text-align: justify;
	}
	
	div#top_menu_contents .separator {
	border-top:1px solid #787878;
	margin:1em 0;
	height:1px;
	}
	
	
	
	div#top_menu_contents strong {
	font-weight:bold;
	}
	
	div#top_menu_contents a{
	color:#008bc8;
	text-decoration: none;
	font-size:8pt
	}
	
	div#top_menu_contents p a{
	text-decoration: underline;
	}
	
	div#top_menu_contents a:hover{
	text-decoration: underline;
	}
	
		a#top_menu_forgotpass {
		margin-top:10px;
		display:block;
		}
	
	div.top_menu_close {
	padding:10px 10px 5px;
	}
	
	a.btn_close, a.btn_close_song {
	background:url(images/bg_btn_close_lg.png) top left no-repeat;
	height:15px; width:17px;
	text-indent: -9999px;
	display:-inline-block;
	display:inline-block;
	display:block;
	float:right;
	}
	a.btn_close:hover, a.btn_close_song:hover {
	background-position:right bottom;
	}
	
	div#form_wrapper_user_signin {
	}
	
	/*  Search Field  */
	input#search_query_text {
	width:283px;
	}

/* SUB_MENU
====================================================================================================*/

div#sub_menu_jukebox {
height:15px;
background: url(images/bg_sub_menu.png) no-repeat;
}


/* SEARCH_AREA
====================================================================================================*/

div#search_area {
background:#111 url(images/bg_search_area_b.png) top center repeat-y;
position:relative;
zoom:1;
z-index: 0;
height:215px
filter: alpha(opacity=92);
-moz-opacity: 0.92;
opacity:.92;
display:block;
visibility: visible;
}

.search_area_welcome {
background: url(images/bg_search_welcome.png) !important;
-moz-opacity: 1 !important;
opacity:1 !important;

}

div#search_area_contents {
display:block;
visibility: visible;
}

#search_form {
margin-left:2px;
}


/* PROJECTS RECEIVE AREA (placed inside SEARCH_AREA)
====================================================================================================*/

div#projects_receive {
}

div#projects_receive_contents {
padding:20px;
color:#68cdf4;
}

div#projects_receive_contents h1 {
font-size:12pt;
margin-bottom:6pt;
}

div#projects_receive_contents p {
font-size:9pt;
margin:0 0 9pt;
}


/* POWER SEARCH
====================================================================================================*/

/*  Coda Slider Styles  */
#slider {
width: 1050px;
margin: 0 auto;
zoom:1;
position:relative;
}

.scroll {
height: 585px;
width: 1050px;
overflow: hidden;
overflow-x: hidden;
position:relative;
zoom:1;
clear: left;
}

.scrollContainer div.panel {
padding: 20px;
height: 440px;
width: 1010px;
}

#power_current_search_wrap {
	background:url(images/bg_search_area_b_power.png) repeat-y;
	padding:12px 40px;
}

#power_current_search {
border:1px solid #787878;
color:white;
font-size:7pt;
padding:5px;
text-align:center;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

#power_current_search span.include {color:#68CDF4; text-transform: lowercase;}

#power_current_search span.exclude {color:red; text-transform: lowercase;}


#sub_menu_power{
background: url(images/bg_sub_menu_power.png); 
height:36px;
}

#power_contents {
background: url(images/bg_search_area_b_power.png); 
}

#search_area_b_power {
}

#search_area_f_power {
height:11px;
background: url(images/bg_search_area_f_power.png);
}

#search_area_f_power p{
margin:5px;
color:white;
}
ul.navigation {
    list-style: none;
    display:inline;
}

ul.navigation li {
    display: inline;
    float:left;
}


a#btn_keywords {
background:url(images/bg_btn_keywords.jpg) top left no-repeat;
height:36px; width:103px;
text-indent: -9999px;
display:block;
}
a#btn_keywords:hover {
background-position:right bottom;
}

a#btn_instruments {
background:url(images/bg_btn_instruments.jpg) top left no-repeat;
height:36px; width:98px;
text-indent: -9999px;
display:block;
}
a#btn_instruments:hover {
background-position:right bottom;
}

a#btn_composers {
background:url(images/bg_btn_composers.jpg) top left no-repeat;
height:36px; width:98px;
text-indent: -9999px;
display:block;
}
a#btn_composers:hover {
background-position:right bottom;
}

a.selected {
background-position:left bottom !important;
}

ul.in_ex {
display:inline;
}

ul.in_ex li {
display: inline;
float:left;
}

ul.in_ex li.select {
background:url(images/bg_select_items_to.jpg) top right no-repeat;
height:36px; width:109px;
display:block;
}

a#btn_include {
background:url(images/bg_btn_include.jpg) top left no-repeat;
height:36px; width:53px;
text-indent: -9999px;
display:block;
}
a#btn_include:hover {
background-position:right bottom;
}

a#btn_exclude {
background:url(images/bg_btn_exclude.jpg) top left no-repeat;
height:36px; width:55px;
text-indent: -9999px;
display:block;
}
a#btn_exclude:hover {
background-position:right bottom;
}

a#btn_clear_selections {
background:url(images/bg_btn_clear_selections.jpg) top left no-repeat;
height:36px; width:119px;
text-indent: -9999px;
display:block;
}
a#btn_clear_selections:hover {
background-position:right bottom;
}

a#link_power_results {
background:url(images/bg_power_results.jpg) top left no-repeat;
color:#E0E0E0 ;
display:block;
font-size:7pt;
font-weight:bold;
height:25px;
padding:11px 2px 0 15px;
text-align:center;
width:146px;
}

a#btn_power_results {
background:url(images/bg_power_results_btn.jpg) top left no-repeat;
height:36px; width:93px;
text-indent: -9999px;
display:block;
}
a#btn_power_results:hover {
background-position:right bottom;
}









div.selection_box{
display:inline;
float:left;
width:125px;
font-size:7pt;
}

#instruments_selection_boxes div.selection_box{
width:156px;
}

#composers_selection_boxes div.selection_box{
width:200px;
}

div.selection_box a {
cursor: pointer;
}
div.selection_box a:hover {
color:#000000;
}

label{display:block; font-weight: bold; color:#68cdf4; font-size:1.3em;padding-left:13px;
background:none !important;
text-transform: lowercase;
}
label em {font-size:.8em;text-transform: lowercase;}

.power, .power_cat, .power_cat_inst {
color:#cfcfcf !important;
text-decoration:none !important;
margin:.5em 0; display:block; 
padding-left:13px;
background:none !important;
text-transform: lowercase;
font-size:8pt;
}

.power_or, .power_inclusive_or, .power_exclusive_or {
color:#cfcfcf !important;
text-decoration:none !important;
margin:.5em 0; display:block; 
padding-left:13px;
background:none !important;
text-transform: lowercase;
font-size:8pt;
}


.power_inclusive, .power_cat_inclusive {
color:#68CDF4 !important;
text-decoration:none !important;
margin:.5em 0; display:block;
padding-left:13px;
background:url(images/bg_power_inclusive.png) left no-repeat !important;
text-transform: lowercase;
font-size:8pt;
}

.power_exclusive, .power_cat_exclusive {
color:red !important;
margin:.5em 0; display:block;
padding-left:13px;
background:url(images/bg_power_exclusive.png) left no-repeat !important;
text-transform: lowercase;
font-size:8pt;
}


.power_heading {
border-bottom:1px solid #CFCFCF;
color:#CFCFCF !important;
display:block;
font-size:8pt;
font-weight:bold;
margin:0.5em 0 0.5em 13px;
padding-bottom:2px;
text-decoration:none !important;
text-transform:lowercase;
}


.new_keywords{
color:white;
}
.new_keywords_wrap{
position:relative;
z-index: 0;
}
.new_keywords_floater{
position: absolute;
z-index: 1;
width:140px;
padding:10px;
height:50px;
background: #555;
color:white;
}





/* SEARCH_AREA JUKEBOX
====================================================================================================*/

.search_jukebox_grid {
}

a.juke {
background:transparent;
border-bottom:1px dotted #2A2A2A;
border-top:1px dotted #2A2A2A;
color:#AFAFAF;
cursor:pointer;
font-family:arial;
font-size:8pt;
font-weight:lighter;
letter-spacing:1px;
padding:3px 0 3px 5px;
text-transform:lowercase;
display:block;
}

a.juke:hover {
background:#333;
}


a.juke_on {
color:black !important;
background:#ffa200 !important;
}
div.juke_empty {
background:transparent;
border-bottom:1px dotted #2A2A2A;
border-top:1px dotted #2A2A2A;
color:#AFAFAF;
cursor:pointer;
font-family:arial;
font-size:8pt;
font-weight:lighter;
letter-spacing:1px;
padding:3px 0 3px 5px;
text-transform:lowercase;
}

div.jukebox_selection_box{
display:inline;
float:left;
width:100px:
height:185px;
margin-right:1px;
border-right:1px solid #2a2a2a;

}

div#jukebox_column_1 {
margin-left:5px;
border-left: none;
}

div.jukebox_selection_box_pad{
width:100px; 
height:185px;
overflow:hidden;
}



/* SEARCH STAFF
====================================================================================================*/
div#sub_menu_staff {
background: url(images/bg_sub_menu.png); /* note: same bg as jukebox */ 
height:15px;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
}

div#staff_contents_pad{
padding:10px 30px 0 30px;
}


div#staff_message{
background: url(images/bg_staff_message.jpg); 
border:1px solid #333;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:345px;
height:172px;
}

div#staff_message p{
color:#CFCFCF;
font-size:10pt;
padding:22px;
font-family: Arial;
}

div#staff_message a{
color:#6eb40f;
text-decoration:underline;
}

div#staff_available_heading {
background:url(images/bg_staff_heading.png) top left no-repeat;
border-bottom:1px solid #5c5c5c;
height:22px;
margin: 0 0 0px 30px;
display:block;
width:605px;
}

/* INFINITE CAROUSEL FOR STAFF
======================================= */

.infiniteCarousel {
  margin-left:20px;
  position:relative;
  width:620px;
}

.infiniteCarousel .wrapper {
  width: 530px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 150px;
  margin: 3px 45px 0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  /*border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  */
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
display:block;
float:left;
height:110px;
margin:0;
padding:0 6px;
width:125px;
}

.infiniteCarousel ul li a img {
 /* display:block; */
}

.infiniteCarousel .arrow {
background:black url(images/infiniteCarousel_arrows.jpg) top left;
cursor:pointer;
display:block;
height:85px;
position:absolute;
text-indent:-9999px;
top:25px;
width:37px;
}


.infiniteCarousel .back {
  background-position: 0px 0;
  left: 0;
}

.infiniteCarousel .back:hover {
  background-position: 111px 0;
}

.infiniteCarousel .forward {
  background-position: 37px 0;
  right: 0;
}


.infiniteCarousel .forward:hover {
  background-position: 74px 0;
}


h3.staff_expert_name {
font-size:1.2em;
font-weight: normal;
margin-bottom:2px;
color:#CFCFCF;
}


p.staff_available {
color:#cfcfcf;
font-size:.1.2em;
}

.staff_expert {
height:100px;
width:112px;
background-position: top left no-repeat;
border:1px solid #5c5c5c;
display:block;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:5px;
}

.staff_expert strong{
padding:5px;
color:black;
font-weight: bold;
}

div.btn_wrap{
width:112px;
}


div.not_available_email {
display:block;
width:112px;height:20px;
background:url(images/bg_sprite_btn_staff_not_available2.jpg) bottom right;
}

.btn_staff_email {
display:block;
width:112px;height:20px;
background:url(images/bg_sprite_btn_staff.jpg);
background-position: bottom left;
text-indent: -9999px;
}
a.btn_staff_email:hover {
background-position: top left;
}

/*.btn_staff_chat {
display:block;
width:56px;height:20px;
background:url(images/bg_sprite_btn_staff.jpg);
background-position: bottom right;
text-indent: -9999px;
}
a.btn_staff_chat:hover {
background-position: top right;
}
*/





/* CONTENT
====================================================================================================*/

div#content{
font-size:7pt;
padding:11px;
min-height: 300px;
overflow:visible;
position:relative;
zoom:1;
z-index: 0;
background: url(images/bg_wrap_bottom.png)top repeat-x;

}

/* note: these fraction values are not meant to be mathematically accurate */
div.content_twothirds {
width:682px;
}

/* universal style for all h2.headings (excludes the bg file) */	
h2.heading_welcome, h2.heading_news, h2.heading_events, h2.heading_my_projects {
text-indent: -9999px;
height:24px;
width:300px;
margin:0 0 0 22px;
}

h2.heading_welcome {
background: url(images/bg_heading_welcome.png) bottom left no-repeat;
}

strong.welcome_strong {
font-weight:bold;
color:#ff7100;
}

h2.heading_news {
background: url(images/bg_heading_news.png) bottom left no-repeat;
}

h2.heading_events {
background: url(images/bg_heading_events.png) bottom left no-repeat;
}

h2.heading_my_projects {
background: url(images/bg_heading_my_projects.png) bottom left no-repeat;
}

div.content_welcome {width:340px;}

div.content_news_events {width:338px;}

/* News and Events Links which open modals */
h2.news_link a, h2.events_link a, h2.events_link em{
	font-weight:normal;
	font-size:11px;
	color:#555555;
	margin:0 5px 5px 22px;
	line-height:16px;
	text-decoration: none;
	font-style: normal;
}
h2.news_link a:hover, h2.events_link a:hover{
	text-decoration: underline;
}	


div.content_projects {width:340px;}

a#btn_projects_register {
	width:139px;
	height:23px;
	background:url(images/btn_projects_register.png) top center no-repeat;
	display:block;
	text-indent: -9999px;
	margin-left: 22px;
}
a#btn_projects_register:hover {
	background-position:bottom center;
}

ul.welcome_btns {
	margin-left:22px;
}
ul.welcome_btns li {
	display:inline;
	float:left;
	margin-right:2px;
}

a#btn_welcome_email {
	width:61px;
	height:23px;
	background:url(images/btn_welcome_email.png) top center no-repeat;
	display:block;
	text-indent: -9999px;
}
a#btn_welcome_email:hover {
	background-position:bottom center;
}

a#btn_welcome_chat {
	width:61px;
	height:23px;
	background:url(images/btn_welcome_chat.png) top center no-repeat;
	display:block;
	text-indent: -9999px;
}
a#btn_welcome_chat:hover {
	background-position:bottom center;
}


div.content_thirds {

width:340px;
background:url(images/bg_grey_box_thirds_body.png) repeat-y;
overflow: visible;
}

/* SET P STYLE FOR CONTENT_THIRDS */
div.content_thirds p {
	display:block;
	font-weight:normal;
	font-size:8pt;
	color:#555555;
	margin:0 22px 5px 22px;
	line-height:14pt;
}

div.content_thirds_header {
background:transparent url(images/bg_grey_box_thirds_header.png) no-repeat 0 -1px;
height:10px;
width:340px;
}

div.content_thirds_footer {
width:340px;
height:11px;
background:url(images/bg_grey_box_thirds_footer.png) no-repeat;
}

/* BACKGROUND POSITION UTILITIES FOR CONTENT GREY BOXES */
.bg_left {
background-position: top left;
}
.bg_center {
background-position: top center;
}
.bg_right {
background-position: top right;
}

/* SCROLL BAR HEIGHT FOR CONTENT */
div.content_scroll {
height:380px;
overflow-y: auto;	
overflow-x:hidden;
}


/* CONTENT SEARCH RESULTS 
====================================================================================================*/

.add_song_wrap {
position:relative;
display:none;
}


.add_song {
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: white;
border:1px solid #CCCCCC;
display:block;
left:-17px;
padding:7px;
position:absolute;
text-align:center;
top:-20px;
z-index:999;
-moz-box-shadow:4px 12px 12px #888 !important; -webkit-box-shadow:4px 12px 12px #888 !important; box-shadow:4px 12px 12px #888 !important;
}



.add_song_title {
	
	font-size:9px;
	font-weight:bold;
}

.add_song_list {
margin-top:5px;
height:100px;
width:120px;
padding:5px;
overflow: auto;
text-align:left;
}

.select_proj {
	margin-bottom:1px; padding:2px; padding-left:4px;
	display:block;
	text-decoration: none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
}

.select_proj:hover {
	background:#5C9F01;
	color:white;
}

.select_proj:active {
	background:#f7dc13;
	color:white;
}

a.add_song_create_project, a.create_new_project{
	margin-top:10px;
}


div#results_message {
-webkit-border-radius:3px;
-moz-border-radius:3px;
background:#03A7DA;
color:#EEEEEE;
height:22px;
width:645px;
}

div#results_message.green {
	background:#70B100;
}

div#results_message h3{
color:#efefef;
font-size:6pt;
font-weight:bold;
padding:5px;
}

div#results_message h3 a.first {
border-left:1px solid #EFEFEF;
margin:5px 5px 5px 10px;
padding-left:10px;
}

a.link_scroll_to_search, a.search_back {
border:1px solid #EFEFEF;
padding:1px 3px;
margin:0 10px 0 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:#009CCF;
color:#EFEFEF;
font-size:7pt;
}
a.link_scroll_to_search:hover {
background:#EFEFEF;
color:#009CCF;
}

a.search_back {
background:#5C9F01;
}
a.search_back:hover {
background:#efefef;
color:#5C9F01;
}

.results_warning p{
color:red;
font-size:6pt;
font-weight:normal;
margin:10px;
}

.results_message_a{
color:#efefef;
font-size:6pt;
padding:5px;
text-decoration: none;
}
.results_message_a:hover{
text-decoration: underline;
}


div#results_wrap {
height:330px;
width:645px;
overflow-x:hidden;
overflow-y:scroll;
}

div.results_load_more {
color:#eee;
background:#555;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin-right:3px;
margin-bottom:3px;
}

div.results_load_more h3, div.results_load_more h3 a {
color:#efefef;
font-size:6pt;
font-weight:bold;
padding:5px;
}


#search_results_wrap {
background: url(images/bg_search_results.png) top left no-repeat;
padding:15px 18px 20px 18px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
height:380px; /* FIX FOR IE */
}



/* SEARCH RESULT TABLE
==============================*/

#sorting_message {
	background: url(images/bg_sorting_message.png);
	width:630px;
	height:330px;
	position:absolute;
	display:none;
	text-align: center;
	z-index: 50;
	text-indent:-9999px;
}

#sorting_message p {
	margin:200px 0 0;
}

#order_by_wrap {
	position: relative;
}

a#order_by_dropdown_a {
	margin-top:2px;
	background:#000 url(images/bg_arrows_selector.png) no-repeat 95% 3px;
	padding-right:5px;
}

div#order_by_dropdown {
	 display:none;
	 position:absolute;
	 z-index:100;
	 padding:10px;
	 background: white;
	 border:1px solid #333;
	 text-align: left;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 right:0px;
	 margin-top:3px;
	 

}

#order_by_dropdown a {
	text-decoration: none;
	color:black;
	display: block;
	margin-bottom:1px;
	padding:2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#order_by_dropdown a:hover {color:white; background:#0097d0;}
#order_by_dropdown a:active {color:white; background:#f7dc13;}

#results_sort_by {
background:#009CCF none repeat scroll 0 0;
border:none;
color:#EEEEEE;
margin:3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

table.results_headings {
background: url(images/bg_results_table_headings.jpg) top left no-repeat;
height:22px;
width:646px;
margin:2px 0;
}

table.results_headings td.song{
width:332px;
}
table.results_headings td.song span{margin-left:2px;}

table.results_headings td.composer{

}

table.results_headings td.date{
width:150px
}

table.results_tracks td {
padding:0;
}

table.results_tracks td.separator {
width:2px;
background:url(images/bg_results_table_separator.gif) bottom center no-repeat;
padding:0;
}

table.results_tracks td.separator div {
width:2px;
height:5px;
background:#efefef;
display:block;
}

div.playing table.results_tracks td.separator div {
width:2px;
height:5px;
background:#cfe2e9;
display:block;
}

table.results_tracks td.song {
width:323px;
}

table.results_tracks td.date {
width:150px;
}
table.results_tracks td.date p{padding:5px;}


table.results_tracks td.composer {
padding:5px 15px 0 15px;
}

table.results_tracks td.composer a.btn_results_action{
margin-bottom:5px;
background:url(images/bg_results_table_headings.jpg) !important;
color:#666;
}

table.results_tracks td.composer a.btn_results_action:hover{
background:#03A7DA !important;
color:#fff;
}

table.results_tracks td.composer a.no_style{
margin:0;
color:#363636;
text-decoration: underline;
background: none;
}


table.results_headings h3 {
color:#363636;
font-size:8pt;
font-weight: bold;
}

.results_tracks_wrap {
background:#efefef url(images/bg_results_table.jpg) bottom left repeat-x;
margin:3px 3px 3px 1px;
padding:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #818181;
}

.playing {
background:#cfe2e9 url(images/bg_results_table_playing.jpg) bottom left repeat-x;
padding:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #333;
}

h1.track_song_title {
font-family:lucida Grande,verdana,helvetica;
font-size:8pt;
font-weight:bold;
margin-left:5px;
}

span.track_song_title_number {
font-family:lucida Grande,verdana,helvetica;
font-size:7px;
font-weight:normal;
color:#c9c9c9;
}


a.mock_player {
background:url('images/mock_player.jpg');
width:350px;
height:32px;
display:block;
}

a.song_downloaded_a {}

img.song_downloaded {
height:10px;
margin:0px 18px 0 2px;
width:10px;
}

div.track_header_player {}

div.track_info {
	font-size:7pt;
	font-weight:normal
}

a.btn_song_more_2 {
	display:block;
	width: 63px; height: 11px; 
	background: url(images/song_more.png);
}
a.btn_song_more_2.on {background: url(images/song_less.png); }


a.btn_song_more div {
	background:red;
	display:block;
	width:100px;
	height:20px;
}

	div.track_turns {margin-bottom:0px;}
	div.track_turns a:hover{text-decoration: underline !important;}
	
	div.track_description {margin:0 15px 5px 5px;}
	
	div.track_footer {margin:0 0 0 5px;} 

img.song_tri {
display:block;
width:63px;
height:11px;
margin:0px 0 0 2px;
}





/* PROJECTS AREA
====================================================================================================*/

.projects_track_added {
	font-size: 8pt;
	color:#000;
	font-weight: bold;
	font-style: italic;
}

a.project_arrow {
	width:150px;
	display:block;
	margin-right:2px;
	/* FF ONLY margin-top:3px; */
	}

a.project_arrow span { display:block; background: url(images/bg_project_arrow.png) bottom left no-repeat;  width: 20px; height: 15px;}
	
a.project_arrow.on span {  display:block; background: url(images/bg_project_arrow.png) top left no-repeat;  width: 20px; height: 15px;	}
	
.no_arrow span { display: block; background: none; width: 20px; height: 15px;} 	

div#projects_message {
height:50px;
background: #333;

color:#000;
font-weight: 600;
}

.my_projects_bg {
}

div#my_projects {
}

div.heading_spacer {
height:5px;
}
div.projects_heading {
margin:0 22px 5px;
}

div.heading_green span.l {}

div.heading_green span.r {}

div.projects_heading h3 {
color:#efefef;
font-size:11px;
font-weight:bold;
padding:2px 5px;
}


#my_projects_nav{
margin:0 0 10px 22px
}

div#projects_message p{
margin:auto;
text-align:center;
}

div#projects_message a{
color:red;
}

div#my_projects {
color:black;
}

div#my_projects_scroller {
height:337px;
margin:0 0 0 22px;
overflow-y:auto;
width:298px;
} /*  ADJUST FOR IE  */

div.items_project_container{
margin:0 0 5px 0;
}

div.section {

}


h3.handle {
display:inline;
font-weight:normal;
font-size:8pt;
}


div.lineitem {
	font-size:8pt;
	background:transparent;
	border:1px solid #f0f0f0;
	padding:3px 2px 3px 7px;
}

div.lineitem:hover {
	background:#E4E4E4 none repeat scroll 0 0;
	border:1px solid #CCCCCC;

}


/* FOOTER
==============================*/

#footer {
font-size:7 pt;
border-top:1px solid #777;
color:#444;
margin:140px 0 10px;
}

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

#footer ul{}

#footer li {
	list-style-type: none;
	float:left;
	padding:6px;
	border:1px solid #777;
	border-top:none;
	border-right:none;
}

#footer li.footer-first {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}