@charset "UTF-8";

/* CSS Document




Site wide content

*/
p,img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

*  |*:-moz-any-link:focus {
	outline-width: 0 !important;
}

/*

Page structure elements

 */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #444;
	margin: 0;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

#structure_container {
	background: #333333 none repeat scroll 0 0;
	margin: 0 auto 50px;
	text-align: left;
	width: 958px;
}

#structure_header {
	position: relative; /* for abs pos live help */
	background: #444;
	padding: 0;
}

/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the "#sidebar1 p" rule.
*/
#structure_sidebar {
	background: #333333 none repeat scroll 0 0;
	float: left;
	padding-top: 10px;
	width: 238px;
}

/* Tips for mainContent:
1. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. Be aware it is possible to cause float drop (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. WIth a hybrid layout (percentage-based overall width with em-based sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar div and thus, less room in the mainContent div. You should be aware of this limitation - especially if the client is adding content with Contribute.
3. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This may help avoid several IE-specific bugs.
*/
#structure_maincontent {
	background: #FFFFFF none repeat scroll 0 0;
	float: right;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	width: 719px;
}

#structure_maincontent_blog {
	position: relative;
	background: #fff;
	margin: 0;
	/* 0 0 0 238px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff url(../images/backgrounds/maincontent_top_gradient.jpg)
		repeat-x;
}

* html #structure_maincontent {
	width: 718px;
}

#structure_maincontent_minheight {
	height: 900px;
	float: left;
	width: 1px;
}

#structure_footer {
	text-align: center;
}

#structure_footer p {
	margin: 0;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/*

Page content elements

header

*/
#livehelp {
	position: absolute;
	height: 90px;
	left: 860px;
	top: 15px;
	width: 120px;
	overflow: hidden;
}

a.livehelp {
	background: url(../images/icons/livehelp_search.png) no-repeat;
	display: block;
	height: 90px;
	width: 120px;
}

/*a.livehelp:hover {
	background-position: -120px 0;
}*/

#livehelp_search_container {
	position: absolute;
	top: 53px;
	left: 20px;
	width: 80px;
	height: 13px;
}

#livehelp_search_input {
	padding: 0;
	margin: 0;
	font-size: 9px;
	border: 0;
}

#header_top {
	height: 15px;
}

#masthead {
	height: 99px;
}

#login_form_container {
padding:0 0 0 0;
}

#login_msg {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	padding: 0 10px 0 0px;
	color: #f00;
	visibility: visible;
}

/*
#login_form input {
	border:1px solid #999999;
	font:9px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#000;
}
*/
#forgot_password_form_container {
	padding: 0 0 0 20px;
}

/*
#forgot_password_form input {
	border:1px solid #999999;
	font:9px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#000;
}
*/
#sound_area {
	
}

#mainnavigation {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #222222 none repeat scroll 0 0;
	border-bottom: 1px solid #444444;
	border-top: 1px solid #444444;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	overflow: hidden;
	padding-left: 10px;
	position: relative;
}

#homeicon {
	position: absolute;
	top: 0px;
	left: 10px;
	height: 26px;
	width: 26px;
}

a.homeicon {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/icons/homeicon.png) 0 0 no-repeat;
}

a:hover.homeicon {
	display: block;
	width: 26px;
	height: 26px;
	background-position: -26px 0;
	color: #049;
	list-style-type: none;
}

#mainnavigationlinks {
	margin: 0;
	padding: 5px;
	list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

}
#mainnavigationlinks li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#mainnavigationlinks a:link,#mainnavigationlinks a:visited {
	float: left;
	line-height: 14px;
	margin: 0 12px 4px 12px;
	text-decoration: none;
	color: #fff;
}

#mainnavigationlinks a:link#current,#mainnavigationlinks a:visited#current
	{
	padding-bottom: 2px;
	color: #fff;
}

#mainnavigationlinks a:hover {
	color: #ed2024;
}

/*

sidebar

*/


.sidebar_container {
	width: 210px;
	margin: 0 auto 20px auto;
}

p.large a:link,p.large a:visited {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

p.large a:hover {
	color: #666;
}

.sidebar_top {
	background: #E2E2E2 none repeat scroll 0 0;
	border-left: 1px solid #B6B6B6;
	border-right: 1px solid #B6B6B6;
	border-top: 1px solid #B6B6B6;
	height: 23px;
	padding-bottom: 10px;
	padding-top: 3px;
	position: relative;
}

.sidebar_top_text {
	color: #ED2024;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 8px;
}

.sidebar_top_toggle {
	background: transparent url(../images/icons/expand_collapse.png)
		no-repeat scroll 0 0;
	height: 17px;
	position: absolute;
	right: 7px;
	top: 7px;
	width: 17px;
}

.sidebar_body, sidebar_body form {
	width: 208px;
	background: #e2e2e2 !important;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
}

.tried_entry {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}

.sidebar_body_tried_image {
	padding: 0 8px 0;
	margin: 0 auto;
	float: left;
	border-bottom: 1px solid #ccc;
}

.sidebar_body_tried_details {
	width: 194px;
	padding: 0 0 8px;
	margin: 0 auto;
}

.sidebar_body_tried_details p.large {
	width: 194px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.sidebar_body_tried_details p.small {
	width: 194px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000;
}

.sidebar_body_tried_desc {
	width: 194px;
	padding: 8px 0;
	margin: 0 auto;
	font-size: 10px;
	font-weight: bold;
	color: #ED2024;
}

.sidebar_body_tried_details

 

a


:link
,
.sidebar_body_tried_details

 

a


:visited
,
{
font-color


:


#000


;
text-decoration


:none


;
}
.sidebar_body_tried_details

 

a


:hover
,
{
font-color


:


#666


;
}
.sidebar_body_genre_desc {
	width: 194px;
	padding: 3px 0 3px 8px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	font-weight: bold;
}

.sidebar_body_genre_desc a:link,.sidebar_body_genre_desc a:visited {
	color: #000;
	text-decoration: none;
}

.sidebar_body_genre_desc a:hover {
	color: #666;
	text-decoration: none;
}

.sidebar_body_legend_desc {
	width: 194px;
	height: 30px;
	padding: 3px 0 3px 8px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	font-size: 10px;
	font-weight: bold;
	line-height: 30px;
}

.sidebar_body_legend_img {
	width: 35px;
	float: left;
	margin-right: 15px;
	text-align: center;
}

.sidebar_body_legend_img img {
	padding-top: 5px;
}

.sidebar_body_also_details {
	width: 194px;
	padding: 3px 0;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}

.sidebar_body_also_details

 

a


:link
,
.sidebar_body_also_details

 

a


:visited
,
{
font-color


:


#000


;
text-decoration


:none


;
}
.sidebar_body_also_details a:hover {
	font-color: #666;
}

.sidebar_body_newproj_details {
	padding-left: 5px;
}

#sidebar_body_newproj_details_input {
	margin-bottom: 3px;
}

.sidebar_bottom {
	background: #E2E2E2 none repeat scroll 0 0;
	height: 15px;
	width: 210px;
}

#sidebar_body_player_details {
	color:#000000;
font-size:11px;
font-weight:bold;
padding:4px 10px 0;
text-decoration:none;
}

#sidebar_track_title {
	position: relative;
	margin-left: 20px;
}

#sidebar_track_title a:link,#sidebar_track_title a:visited {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#sidebar_track_title a:hover {
	color: #666;
}

#sidebar_track_title_time {

	float: right;
	margin-right: 10px;
	z-index: 40000;
	font-size: 9px;
	height: 12px;
	
}

#sidebar_volume_container {
	margin:8px auto 0;
}

#volume_label {
	margin-top: 0 !important;
}

#sidebar_volume_control {
	display: inline;
	float: right;
	width: 65%;
	margin-top: 3px !important;
}

.sidebar_volume_button {
	float: left;
	text-align: center;
	color: #ccc;
}

.sidebar_volume_button:hover {
	
}

.sidebar_volume_button a:link,.sidebar_volume_button a:visited {
	color: #ccc;
	text-decoration: none;
}

.sidebar_volume_button a:hover {
	color: #000;
}

#sidebar_volume_left {
	
}

#sidebar_volume_middle {
	float: left;
}

#sidebar_volume_level {
	
}

#sidebar_volume_right {
	
}

/*

content

*/
#content {
	padding: 0;
	min-height: 600px;
}

/* ie6 version of min-height cos it is the only one to read * html 
but also is the only one to expand containers despite hard set height! */
* html #content {
	height: 600px;
}

#ajaxPageLoading {
	position: absolute;
	width: 720px;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	display: none;
	z-index: 100000;
	opacity: 0.9;
	filter: alpha(opacity =     90); /* ie's version of opacity */
}

* html #ajaxPageLoading {
	width: 718px;
}

#loadinganimation {
	padding: 220px 0 220px 330px;
}

#popup_page {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 110000;
}

* html #popup_page {
	position: absolute;
}

#popup_bg {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
height:100%;
left:0;
opacity:0.9;
position:absolute;
top:0;
width:100%;
z-index:120000;
}

#popup_content_container {
	position: relative;
	top: 200px;
	width: 365px;
	margin: 0 auto;
	border: 0;
	z-index: 13000000;
}

#popup_titlebar {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ED2024 none repeat scroll 0 0;
height:31px;
}

#popup_title {
	float: left;
	padding: 5px 0 0 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#popup_titlebar img {
	float: right;
	padding: 5px 5px 0 0;
}

#popup_content {
	background-color: #fff;
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#popup_footer {
	height:1px;
}

.dialogue_container {
	background: #E2E2E2 url(../images/backgrounds/search_box.jpg) repeat-x
		scroll 0 0;
	border: 1px solid #CCCCCC;
	margin: 0;
	margin-top: 10px;
	padding: 10px;
	width: 678px;
}

.dialogue_container_black {
	width: 680px;
	height: 60px;
	padding: 15px 10px 0;
	background: url(../images/backgrounds/dialoguebg.png) no-repeat;
}

.dialogue_container_blue {
	width: 680px;
	height: 60px;
	padding: 15px 10px 0;
	background: url(../images/backgrounds/dialoguebg.png) no-repeat;
}

.dialogue_title {
	font-size: 16px;
	font-weight: bold;
	color: #ED2024;
}

.dialogue_title_black {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.dialogue_title_blue {
	font-size: 16px;
	font-weight: bold;
	color: #0066FF;
}

.dialogue_text {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.red_highlightbar {
	background: #ED2024 url(../images/highlightbars/title_bar_red.png)
		repeat-x;
}

/*

place holder in index for failed loading

*/
#placeholder_container {
	margin: 40px;
	color: #ddd;
}

#placeholder_title {
	font-size: 30px;
}

#placeholder_subtitle {
	font-size: 20px;
}

#placeholder_message {
	font-size: 14px;
}

#placeholder_message p {
	padding: 10px 0;
}

#placeholder_message p a:link,#placeholder_message p a:visited {
	color: #ccc;
	text-decoration: none;
}

#placeholder_message p a:hover {
	color: #aaa;
}

/*

footer

*/
#footer {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #222222 none repeat scroll 0 0;
	border-top: 1px solid #444444;
	height: 50px;
	position: relative;
	width: 958px;
}

#footercopy {
	color: #fff;
	font-size: 9px;
	text-align: center;
	padding-top: 7px;
}

#footercopy a:link,#footercopy a:visited {
	text-decoration: none;
	color: #fff;
}

#footercopy a:link#current,#footercopy a:visited#current {
	color: #fff;
}

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

#sound_area {
	background-color: #333333;
}

/*

chat bar

*/
#chatbar_container {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 96%;
	margin: 0;
	padding: 10px 2%;
	border-top: 3px solid #f00;
	background: #e2e2e2 url(../../images/backgrounds/search_box.jpg)
		repeat-x;
	z-index: 200000;
}

#chatbar_focus {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: #FF0000;
}

#chatbar_content {
	margin: 0;
	text-align: center;
	font-size: 12px;
	color: #666666;
}

.chatbar_content_container {
	width: 640px;
	margin: 0 auto;
}

#chatbar_content_text {
	float: left;
}

#chatbar_content_text a:link,#chatbar_content_text a:visited {
	color: #666666;
	text-decoration: none;
}

#chatbar_content_text a:hover {
	color: #000;
}

.chatbar_button_img {
	float: left;
	padding-left: 20px;
}

.chatbar_right_container {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 200px;
	padding: 10px 20px;
	z-index: 500000;
}

.chatbar_right_container a:link,.chatbar_right_container a:visited {
	color: #666666;
	text-decoration: none;
}

.chatbar_right_container a:hover {
	color: #000;
}

#chatbar_feedback_container {
	display: none;
	width: 180px;
	padding: 20px;
	margin-bottom: 13px;
	background: #e2e2e2 url(../../images/backgrounds/search_box.jpg)
		repeat-x;
	text-align: left;
}

.chatbar_feedback_input {
	width: 180px;
	border: 1px solid #f00;
}

#chatbar_feedback_close {
	position: absolute;
	top: 15px;
	right: 5px;
}

/* Miscellaneous classes for reuse */
#smallprevious {
	position: relative;
	margin-right: 10px;
	float: left;
}

a.smallprevious {
	color: #000;
	font-size: 10px;
	text-decoration: none;
}

a:hover.smallprevious {
	background-position: -12px 0;
}

#noprevious {
	position: relative;
	width: 12px;
	height: 19px;
	margin-right: 10px;
	z-index: 2;
	background: url(../images/buttons/prevrollover.png) 0 0 no-repeat;
	float: left;
}

#smallnext {
	position: relative;
	z-index: 2;
	float: left;
}

a.smallnext {
	text-decoration: none;
	color: #000;
	font-size: 10px;
}

a:hover.smallnext {
	background-position: -12px 0;
}

#nonext {
	position: relative;
	width: 12px;
	height: 19px;
	z-index: 2;
	background: url(../images/buttons/nextrollover.png) 0 0 no-repeat;
	float: left;
}

.fltrt {
	/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft {
	/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat {
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

@media screen {
	* html,* html body {
		overflow-y: hidden !important;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	* html #iefix {
		height: 100%;
		overflow-y: scroll;
		position: relative;
	}
	* html div#chatbar_container,* html div#chatbar_container {
		position: absolute;
	}
}

.dialogue_text img[src="images/icons/expand_collapse.png"] {
	padding-right: 5px;
}

a#album_tracklist_full_all_button_container{
	text-decoration: none !important;
}

#expand_all {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

#sidebar_search_toggle_target, #sidebar_filters_toggle_target {
	padding-left: 5px;
	padding-right: 5px;
	width: 198px;
	
}


#sidebar_search_toggle_target *, #sidebar_filters_toggle_target *{
	color:#000000;
	font-size:11px;
	line-height: 18px;
}

#sidebar_search_toggle_target label, #sidebar_search_toggle_target legend, #sidebar_filters_toggle_target label, {
	font-weight: bold;
}

#sidebar_search_toggle_target fieldset label, #sidebar_filters_toggle_target label {
	display: block;
}


#sidebar_search_toggle_target small, #sidebar_filters_toggle_target small {
	font-size: 10px;
}

#sidebar_search_toggle_target fieldset {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
}

#sidebar_search_toggle_target fieldset legend input {
	margin-top: 3px;
}

#sidebar_search_toggle_target #search_text,#sidebar_search_toggle_target select, #sidebar_filters_toggle_target select{
	width: 100%;
}

#sidebar_search_toggle_target #types_label {
	display: inline;
}

#sidebar_search_toggle_target select#types {
	width: 65%;
}
#sidebar_search_toggle_target #search_text {
border:1px solid #222222;
padding:5px;
width:180px;
margin-bottom: 5px;
}

#sidebar_search_toggle_target {
padding-left:8px;
padding-right:5px;
width:195px;
}

#sort_by_form {
	color:#000000;
	font-size:11px;
	font-weight: bold;
}


a#toggle_filters {
	padding-left: 5px;
}

.sidebar_img {
	margin-left: 14px;
	border: 0;
}

#username, #password, #sidebar_newproj_input {
	border:1px solid #222222;
	margin-bottom:5px;
	padding:5px;
	width:180px;
}