@CHARSET "ISO-8859-1";

/*
 * Stylesheet for In The Groove
 * new button color: #000
 * base tab color: #F04726
 * selected tab color: #000 - normally #000
 * hover tab color: #B4351D - normally #42.4242
 * waveform color: #B4351D
 * waveform light color: #B2B2B6 - normally #B2.B2B6
 * button color: black
 * loader color: black
 */

#header {
	background: #FFF; /*#000000 url('../user_data/72/blackSkinTop.jpg') no-repeat 50% 20px;*/
}

/* body background image - probably want to enable 'white body elements'  

html,
body {
	background: #000 url("../user_data/72/blackSkin.jpg") no-repeat 50% 119px;
}

/* end body background image */
 
/* body background gradient image - make sure to enable 'white body elements' 

html {
	margin-left: -1px;
	overflow-y: scroll;
}

body {
	background: #e6e7e8 url('../images/gutter-gradient.png') repeat-y 50% 0;
}

#header {
	background: none;
}

#header {
	width: 1030px;
	margin: 0 auto;
}

#header #breadcrumb_container {
	right: 0;
	*position: relative;
	*bottom: -5px;
}

.right_content {
	background: #FFF;
}

#projector,
.left_nav_component #content {
	background: #FFF;
}

/* end body background gradient image */

/* body background no-image - enable 'white body elements' if dark background  

html,
body {
	background: #000;
}

/* end body background no-image */
 
/* white body elements 

.right_content {
	border-bottom: 1px solid;
	border-color: #000;
	background: #FFF;
}

#projector,
.left_nav_component #content {
	background: #FFF;
}

.ltp_header h2,
.ltp_header sub,
.ltp_header a {
	color: #FFF;
}

/* end white body elements */

/* breadcrumb container hide 

#header {
	height: 119px;
}

#header #breadcrumb_container {
	height: 0;
}

#header #nav_container {
	bottom: 2px;
	*bottom: 5px;
}

#header.with_quick_project_bar #breadcrumb_container {
	bottom: 51px;
}

/* end breadcrumb container hide */
 
/* dark footer 

#footer .max_width {
	background: #464846;
	color: #FFF;
}

#footer .max_width a {
	color: #999;
}

/* end dark footer */

/* search resizing 

#header #search_box,
#header #search_box.catalogs {
	width: 170px;
}

/* end search resizing */

#header #logo {
	margin: 0 0 0;
}

/* login page */

#landing_page {
	width: 368px;
	margin: 0 auto;
	padding: 150px 5px 5px;
	position: relative;
	z-index: 2;
	color: #FFF;
}

#landing_page a.terms,
#landing_page b a {
	color: #CCC;
	text-decoration: underline;
}

#landing_page .button {
	border: 1px solid #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#landing_page img {
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 20px;
	left: -20px;
	right: 0;
}

#landing_page #background {
	border: 1px solid #FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position: absolute;
	top: 140px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: -1;
}

/* end login page */

/* END CHANGING SECTION */ 

#body,
#footer {
	background: none;
}

#cloud_browser a, #list_page_numbers a, #list_result_count a, #track_list_page_numbers a, #track_list_result_count a, #left_nav a, 
.light_links a, #signup_container h3, #signup_container h2.right, #faq_answers em.selected, .list a, .track_list a, a {
	color: #222222;
}

#list_result_count a:hover, #list_page_numbers a:hover, #track_list_result_count a:hover, #track_list_page_numbers a:hover {
	border-color: #222222;
}

#header #nav_container a {
	background-color: #F04726;
	color: #FFF;
}

#header #nav_container a:hover {
	background-color: #B4351D;
	color: #FFF;
}

#header #nav_container a.selected {
	background-color: #000;
	color: #FFF;
}

#header #breadcrumb_container {
	border-color: #000;
}

.button {
	background: #F04726;
}

.button:hover {
	background: #B4351D;
}

.button .left {
	background-image: url('../images/buttons/button_black_left.png');
}

.button .right {
	background-image: url('../images/buttons/button_black_right.png');
}

.button .middle {
	background-image: url('../images/buttons/button_black_middle.png');
}

#loader_container div.img {
	margin: 0 auto 10px;
	background-image: url('../images/shared/loading_black.gif');
}

#signup_container div.left img {
	height: 312px;
}

#history_tabs .tab.selected,
#details_nav .tab.selected {
	background-color: #F04726;
}

#history_tabs .tab,
#details_nav .tab,
.ltp_header a {
	border-color: #F04726;
}

.waveform_dark_bar {
	background-color: #B4351D;
}

#shadowfax_waveform_container {
	border-top: 1px solid #2B3563;
}

#shadowfax_waveform_background {
	background-color: #E1E1E1;
}

#shadowfax .waveform_container .timeline div {
	color: #2B3563;
	border-color: #2B3563;
}