/* ------------------------------------------------------------
 * Layout and Branding Styles
 ------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	font-family: verdana,arial,sans-serif;
	color: #666;
	font-size: 12px;
	background: url('/images/background_backstage_top.jpg');
	background-repeat: no-repeat;
	background-color: #f2f6f9;
	}

#container_a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	}

#container_c {
	position:absolute;
	top:166px;
	left:0px;
	width:1000px;
	background: url('/images/background_backstage_middle.gif');
	background-repeat:repeat-y;
	}

#top_left {
	position:absolute;
	top:0px;
	left:0px;
	background: url('/images/background_backstage_top.jpg');
	background-repeat: no-repeat;
	width:27px;
	height:440px;
	z-index:1000;
	}

#top_right {
	position:absolute;
	top:0px;
	left:983px;
	background: url('/images/background_backstage_top.jpg');
	background-repeat: no-repeat;
	background-position: -983px 0px;
	width:17px;
	height:440px;
	z-index:1000;
	}


#bottom {
	width:100%;
	position:relative;
	top:50px;
	padding-top:20px;
	clear:both;

	/* leave these as separate values so they can be overridden
	 * individually for advertising purposes
	 */
	background-image:url('/images/background_backstage_bottom.jpg');
	background-repeat: no-repeat;
	background-color: #f2f6f9;
	}

#logo_div {
	position: relative;
	left: 59px;
	top: 80px;
	width: 690px;
	height:50px;
	}

#backstage_at {
	position: absolute;
	left: -55px;
	top: 0;
	}

#logo {
	position: absolute;
	left: 0;
	top: 0px;
	}

#powered {
	position: absolute;
	left: 68px;
	top: 24px;
	}

#login_logout {
	position: absolute;
	left: 500px;
	top: 24px;
	width:385px;
	font-size:10px;
	text-align:right;
	}
	
#login_logout a {
	text-decoration: none;
	font-size:10px;
	}

#description {
	font-weight:normal;
	padding-left:20px;
	}

/* ------------------------------------------------------------
 * Special advertiser customizations
 * ------------------------------------------------------------ */
body.advertiser {
	background: url('/images/background_backstage_top.gif') no-repeat;
	background-color: [desired advertiser hex];
	}
	
body.advertiser #container_c {
	background: url('/images/background_backstage_mid_ad.gif');
	}

body.advertiser #top_left {
	display:none;
	}

body.advertiser #top_right {
	display:none;
	}

body.advertiser #bottom {
	background-image: url('/images/background_backstage_bottom.gif');
	}


/* ------------------------------------------------------------
 * Navigation Styles Backstage
 ------------------------------------------------------------ */

#search_box {
	position: absolute;
	left: 60px;
	top: 137px;
	background: url('/images/search_icon.gif') 1px 4px no-repeat #fff;
	border-top: 1px solid #369;
	border-left: 1px solid #369;
	border-right: none;
	border-bottom: none;
	padding-left: 18px;
	padding-top: 3px;
	overflow: hidden;
	}

#search_box .input_box {
	position: relative;
	width: 164px;
	height: 16px;
	overflow: hidden;
	}
	
#search_box input {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 168px;
	height: 20px;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	}

#nav_community {
	position: absolute;
	left: 265px;
	top: 137px;
	width: 685px;
	text-align:right;
	}

#nav_item {
	text-align: center;
    display: block;
    float: right;
    margin: 1px; 
    margin-right:3px;
    padding: 0; 
  	width: 115px;
  	height:19px;
    background:url('/images/nav_button.gif') no-repeat;
	}

#nav_item a {
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	color: #555;
	font-weight: normal;
	text-decoration: none;
    display: block;
    float: right;
    margin: 0px; 
    padding: 3px 2px 3px 2px; 
  	width: 111px !important; 
  	width /**/:115px;
  	height: 13px !important;
  	height /**/:19px;
	}

#nav_item:hover {
    background:url('/images/nav_button_hover.gif') no-repeat top;
	}

#nav_item_menu {
	text-align: center;
    display: block;
    float: right;
    margin: 1px; 
    margin-right:3px;
    padding: 0; 
  	width: 115px;
  	height:19px;
    background:url('/images/nav_button_menu.gif') no-repeat;
	}

#nav_item_menu a {
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	color: #555;
	font-weight: normal;
	text-decoration: none;
    display: block;
    float: right;
    margin: 0px; 
    padding: 3px 2px 3px 2px; 
  	width: 111px !important; 
  	width /**/:115px;
  	height: 13px !important;
  	height /**/:19px;
	}

#nav_item_menu:hover {
    background:url('/images/nav_button_menu_hover.gif') no-repeat top;
	}

#nav_item_about {
	text-align: center;
    display: block;
    float: right;
    margin: 1px; 
    margin-right:3px;
    padding: 0; 
  	width: 115px;
  	height:19px;
    background:url('/images/nav_button_menu.gif') no-repeat;
	}

#nav_item_about a {
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	color: #555;
	font-weight: normal;
	text-decoration: none;
    display: block;
    float: left;
    margin: 0px; 
    padding: 3px 12px 3px 2px; 
  	width: 101px !important; 
  	width /**/:115px;
  	height: 13px !important;
  	height /**/:19px;
	}

#nav_item_about:hover {
    background:url('/images/nav_button_menu_hover.gif') no-repeat top;
	}


#nav_item.current {
    background:url('/images/nav_button_hover.gif') no-repeat top;
	}

#login_logout a:hover {
	color: #f90;
	text-decoration: underline;
}

/* ------------------------------------------------------------
 * Navigation Styles Corporate
 ------------------------------------------------------------ */

#nav_corp {
	position: absolute;
	left: 63px;
	top: 5px;
	width: 885px;
	text-align:left;
	}

#nav_corp a {
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	}

#nav_corp a:hover {
	color: #f90;
	}

#nav_corp a.current {
	color:#666;
	}



/* ------------------------------------------------------------
 * Page Content Styles
 ------------------------------------------------------------ */

#page_title {
	position: absolute;
	top:10px;
	left:62px;
  	width: 882px; 
  	text-align:left;
  	font-size:15px;
  	font-weight:bold;
  	color:#999;
	word-wrap:break-word;
	}

#content {
	position: relative;
	top: 50px;
	left: 62px;
  	width: 885px; 
	}

#content_corp {
	position: relative;
	top: 90px;
	left: 20px;
  	width: 684px; 
	}
	
#community_content_left {
	float:left;
	width:180px;
	margin-right:20px;
	}

#community_content_center {
	float:left;
	width:483px;
	margin-right:10px;
	}

#community_content_right {
	float:right;
	width:683px;
	}

#community_content_far_right {
	float:right;
	width:180px;
	}

#badge_and_bio {
	background: #eee;
	margin-bottom:25px;
	padding:0 10px 10px 5px;
	clear:both;
	border-top:1px solid #999;
	}

#badge_and_bio p {
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	}

#badge_and_bio table {
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	}

#badge_and_bio tr {
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	}

#badge_and_bio td {
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	}

#badge_and_bio span {
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	}

#badge {
	float:left;
	width:483px;
	margin-left:5px;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	}

#bio {
	float:left;
	width:170px;
	margin-left:10px;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	}

#footer {
	clear:both;
	padding-top: 60px;
	margin-left: 60px;
	padding-bottom:125px;
	width: 880px;
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 9px;
	}

#footer a {
	font-family: verdana,arial,sans-serif;
	font-size: 9px;
	font-weight:normal;
	}

#facebook-like {
	float:right;
	left: 333px;
  	width: 350px;
}

.fb_profile_pic_rendered img {
	border:none;
}

#artist-with-like {
	float: left;
	font-size:14px;
	margin:0 0 3px 0px;
	font-weight:bold;
	width:300px;
	}

#artist {
	font-size:14px;
	margin:0 0 3px 0px;
	font-weight:bold;
	}

#artist a {
	font-weight:bold;
	}

#composer {
	font-size:14px;
	margin:0 0 3px 0px;
	font-weight:bold;
	}

#composer a {
	font-weight:bold;
	}

#album {
	font-size:14px;
	margin:0 0 3px 10px;
	}

.album_release_info {
	margin:3px 0 10px 0;
	}

.record_label {
	font-size:9px;
	width:130px;
	height:11px;
	overflow:hidden;
	float:left;
	}

.release_year {
	font-size:9px;
	width:50px;
	height:11px;
	overflow:hidden;
	float:left;
	text-align:right;
	}
	
#track_name_TOP {
	font-size:14px;
	margin:0 0 10px 20px;
	}

#performer_name {
	font-size:14px;
	margin:0 0 20px 20px;
	}

#buttons_container {
	clear:both;
	text-align:center;
	margin: 25px 0;
	}		

#button a {
	display:block;
	margin-top:8px;	
	background:url("/images/community_button_blue.gif") no-repeat;
	padding:4px 6px 5px 6px;
	cursor:pointer;
	font-family: verdana,arial,sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}		

#button a:hover {
	background:url("/images/community_button_orange.gif") no-repeat;
	cursor:pointer;
	color:#f90;
	font-weight:bold;
	text-decoration:none;
	}		

#button_play a {
	display:block;
	margin-top:8px;	
	background:url("/images/play_button_blue.gif") no-repeat;
	padding:9px 6px 12px 6px;
	cursor:pointer;
	font-family: verdana,arial,sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}		

#button_play a:hover {
	background:url("/images/play_button_orange.gif") no-repeat;
	cursor:pointer;
	color:#f90;
	font-weight:bold;
	text-decoration:none;
	}		

#button_invite a {
	display:block;
	margin-top:8px;	
	background:url("/images/invite_friend_button.gif") no-repeat;
	padding:9px 6px 12px 16px;
	cursor:pointer;
	font-family: verdana,arial,sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}		

#button_invite a:hover {
	background:url("/images/invite_friend_button_hover.gif") no-repeat;
	cursor:pointer;
	color:#369;
	font-weight:bold;
	text-decoration:none;
	}		

#button_bookmark a {
	display:block;
	margin-top:8px;	
	background:url("/images/bookmark_button.gif") no-repeat;
	padding:10px 1px 11px 43px;
	cursor:pointer;
	font-family: verdana,arial,sans-serif;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	}		

#button_bookmark a:hover {
	background:url("/images/bookmark_button_hover.gif") no-repeat;
	cursor:pointer;
	color:#369;
	font-weight:bold;
	text-decoration:none;
	}		

#community_section {
	clear:both;
	width:100%;
	margin-top:30px;
	margin-bottom:0;
	border-top:1px solid #999;
	}

#community_section_half {
	float:left;
	width:331px;
	margin-top:15px;
	border-top:1px solid #999;
	}

#community_section_third {
	float:left;
	width:214px;
	margin-top:15px;
	border-top:1px solid #999;
	}

#community_section_title {
	position: relative;
	top: 0px;
	left: 0px;
  	font-size:13px;
  	color:#999;
  	font-weight:bold;
	padding-bottom:20px;
	}

#see_all {
	clear:both;
	width:100%;
	text-align:right;
	}
	
#similar_song {
	display:block;
	float:left;
	width:320px;
	margin-bottom:10px;
	font-size:10px;
	}

#similar_song_play {
	display:block;
	float:left;
	width:20px;
	margin-bottom:10px;
	}

.list_album {
	display:block;
	float:left;
	width:124px;
	margin:0 10px 15px 0;
	font-size:10px;
	}

.list_album img{
	margin-bottom:3px;
	}

#track_list {
	margin-bottom:0px;
	}

#track_list p {
	clear:both;
	margin:0;
	padding:0px 0 5px 0;
	}

#tracks_left {
	width:330px;
	float:left;
	margin-bottom:15px;
	}

#tracks_right {
	width:330px;
	float:right;
	margin-left:20px;
	}

#track {
	clear:both;
	}
	
#play_button {
	display: block;
	float: left;
	width: 20px;
	}

.play_button {
    display: block;
    float: left;
    width: 20px;
    }

#track_number {
	display: block;
	float: left;
	width:20px;
	padding-top: 1px;
	text-align:right;
	margin-right:5px;
	}

#track_name {
	display: block;
	float: left;
	padding-top: 1px;
	margin-bottom:5px;
	width:280px;
	}

#composer_name_listing {
	display: block;
	float: left;
	padding-top: 5px;
	margin-bottom:5px;
	width:280px;
	}

#work_title_listing {
	display: block;
	float: left;
	padding-top: 1px;
	margin-bottom:4px;
	width:280px;
	font-style:italic;
	}

#printable_list_icon {
	float:right;
	margin:2px 0 0 10px;
	}

#rss_icon {
	float:right;
	margin:2px 0 0 10px;
	}

#add_to_blog_icon {
	float:right;
	margin:2px 0 0 10px;
	}

#list_option {
	vertical-align:top;
	position:relative;
	top:2px;
	margin-left:10px;
	}
	
.left {
	float:left;
	}

.right {
	float:right;
	}

span.login_error {
	color: #c00;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	}

#listen {
	position: absolute;
	left: 580;
	top: 59;
	}

#go_back {
	margin-top: 40px;
	padding: 20px 20px 0px 20px;
	text-align: center;
	border: 1px solid #369;
	background: #fff;
  	width: 210px !important; 
  	width /**/:250px;	
  	height: 40px !important; 
  	height /**/:60px;	
  	}

#code {
	border:1px solid #666; 
	padding:5px; 
	font-size: 12px; 
	font-family:verdana,arial,sans-serif; 
	margin-left: 20px;
	width: 456px !important; 
  	width /**/:468px;	
	}

#banner_indent {
	margin-left: 20px;
	}

#survey_link {
	position: absolute;
	left: 482px;
	top: 55px;
	}

#simple_box {
	border:1px solid #999; 
	padding: 0px 0px 10px 10px;
	}

#song_page {
	position:absolute;
	top:0px;
	left:170px;
	font-size: 12px; 
	font-family:verdana,arial,sans-serif;
	color:#666;
	}

#fans_of_section {
	clear:both;
	}
	
#fans_of_section td {
	font-size:10px;
	line-height:120%;
	padding-bottom:5px;
	}

.error {
	position:absolute;
	top:165px;
	left:350px;
	width:350px;
	border:4px solid black;
	background:#ffffff;
	text-align:center;
	font-size:12px;
	padding:10px;
	margin-bottom:30px;
	color:#ff0000;
}

#comment_message_container {
	color:#ff0000;	
}

#bookmark_confirmation_dialog_msg_error {
	color: #c00;
}

.modalDialog {
    background: #eee;
    color: #666;
    padding: 1em;
    border: 2px solid #f90;
    overflow: hidden;
    width: 350px;
}

.modalDialog span {
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
}

.modalDialog input {
	width:100%;
}


.sms_download_trial_section {
	border: 1px solid #7c9ab6;
	background: #eee;
	padding-bottom: 10px;
	}

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

.everywhere_section {
	width:730px;
	padding-top:5px;
	margin-bottom:30px;
	display:block;
	overflow:auto;
	clear:both;
	}

.everywhere_section_title {
	position: relative;
	top: 0px;
	left: 0px;
  	font-size:13px;
  	color:#666;
  	font-weight:bold;
	padding-bottom:5px;
	border-bottom: 1px solid #666;
	}

.everywhere_image {
	float:left;
	margin-right:20px;
	width:300px;
	text-align: center;
	}

.everywhere_text {
	float:left;
	width:400px;
	}

.everywhere_text ul {
	padding-left:15px;
	}


.everywhere_text ul li{
	color: #666;
	}

.phone {
	float:left;
	width:160px;
	height:250px;
	border:1px solid #ddd;
	margin: 0 5px 5px 0;
	text-align:center;
	padding:3px;
	}

.phone a {
	font-weight:normal;
	font-size:10px;
	}

.phone a:hover {
	font-weight:normal;
	font-size:10px;
	color:#f90;
	}

.device {
	float:left;
	margin: 0 0x 20px 0;
	text-align:center;
	padding:3px;
	width: 235px !important; 
  	width /**/:241px;	
	}

a.device_learn_more {
	font-size:10px;
	font-weight:normal;
	font-family:verdana;
	color:#336699;
	text-decoration:underline;
	}

a.device_learn_more:hover {
	font-size:10px;
	font-weight:normal;
	font-family:verdana;
	color:#ff9900;
	text-decoration:underline;
	}

.device_promo {
	float:left;
	margin: 0 0x 20px 0;
	border:1px solid #ccc;
	padding:5px;
	width: 712px !important; 
  	width /**/:724px;	
	}

.slideshow_label {
	left:10px;
}


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

p {
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 20px;
	}

p.headline {
	color: #999;
	font-family: verdana,arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0;
	}

p.login_error {
	color: #c00;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	}

p.on_page_confirmation {
	color: #369;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	}

p.indent {
	margin-left: 40px;
	}

h1 {
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	}
	
a {
	color: #369;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover {
	color: #f90;
	font-weight: bold;
	text-decoration: underline;
	}

a.nobold {
	color: #369;
	font-weight: normal;
	text-decoration: underline;
	}

a.nobold:hover {
	color: #f90;
	font-weight: normal;
	text-decoration: underline;
	}

a.nobold_small {
	color: #369;
	font-weight: normal;
	text-decoration: underline;
	font-size:10px;
	}

a.nobold_small:hover {
	color: #f90;
	font-weight: normal;
	text-decoration: underline;
	font-size:10px;
	}

a.small {
	color: #369;
	font-weight: bold;
	text-decoration: underline;
	font-size: 10px;
	}

a.small:hover {
	color: #f90;
	font-weight: bold;
	text-decoration: underline;
	font-size: 10px;
	}

a.gray_link {
	color: #666;
	font-weight: normal;
	text-decoration: underline;
	}

a.gray_link:hover {
	color: #369;
	font-weight: normal;
	text-decoration: underline;
	}

a.light_gray_link {
	color: #888;
	font-weight: normal;
	text-decoration: underline;
	}

a.light_gray_link:hover {
	color: #369;
	font-weight: normal;
	text-decoration: underline;
	}

#smaller {
	color: #333;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	margin-top: 0;
	}

.smaller {
	font-size: 10px;
	}

ul, ol {
	}

li {
	margin: 0 0 10px 15px;
	padding: 0;
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	}

.bio_label {
	color:#999;
	font-size:12px;
	}
	

/* ------------------------------------------------------------
 * Basic Table Styles
 ------------------------------------------------------------ */

th {
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	}

td {
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	}
	
#concerts td {
	border-bottom: 1px solid #ccc;
	}

#concerts th {
	border-bottom: 1px solid #ccc;
	}


/* ------------------------------------------------------------
 * Sample Audio Styles
 ------------------------------------------------------------ */

.sample_audio_action {
	color: #f90;
	font-weight: bold;
	visibility:hidden;
	position:absolute;
	}

.sample_audio_action_small {
	color: #f90;
	font-weight: bold;
	visibility:hidden;
	position:absolute;
	font-size:10px;
	}

.sample_all_play_single {
	margin-bottom:1px;	
	cursor:pointer;
}

.sample_all_play_multi {
	margin-bottom:6px;	
	cursor:pointer;
}

.sample_all_stop_single {
	margin-bottom:1px;
	cursor:pointer;
	display:none;	
}

.sample_all_stop_multi {
	margin-bottom:6px;	
	cursor:pointer;
	display:none;	
}


/* ------------------------------------------------------------
 * Advertising Styles
 ------------------------------------------------------------ */

#container.with_leader_board {
	}

#leaderboard_container {
   	position:absolute;
   	top:4px;
   	left:240px;
	}

#bottom_leaderboard_container {
	margin-left:240px;
	width:728px;
	height:90px;
	}

#skyscraper_container {
	position: absolute;
	top: 21px;
	left:808px;
	}

#medium_rectangle_container {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	}

/* ------------------------------------------------------------
 * Profile Page Styles
 ------------------------------------------------------------ */

#favorite_list {
	clear:both;
	font-size:10px;
	padding:0 0 10px 0;
	}

#favorite_list.slides {
	background:#369;
	padding:10px 5px 5px 10px;
	border:1px solid #ccc;
	}

#favorite_list a {
	font-size:10px;
	line-height:1.5em;
	font-weight:normal;
	}

#favorite_list td {
	font-size:10px;
	border-bottom:1px solid #ccc;
	}

#favorite_list th {
	font-size:10px;
	text-align:left;
	color:#666;
	border-bottom:1px solid #ccc;
	}

#favorite_list th a {
	font-size:10px;
	font-weight:bold;
	}

#favorite_list ul li {
	font-size:10px;
	color:#666;
	line-height:150%;
	margin-bottom:0;
	padding-bottom:0;
	padding-left:0px;
	margin-left:20px;
	}

#favorite_list ul {
	padding-left:0px;
	margin-left:0px;
	margin-top:10px;
	}
	
#slide {
	position:relative;
	display:block;
	float:left;
	background: url('/images/song_slide.gif') no-repeat;
	width:134px;
	height:185px;
	font-size:9px;
	line-height:11px;
	}

#slide a {
	font-size:9px;
	line-height:11px;
	text-decoration:none;
	}

#slide a:hover {
	text-decoration:underline;
	}
	
#slide_song_name {
	position:absolute;
	top:10px;
	left:13px;
	width:102px;
	height:24px;
	overflow:hidden;
	}


#slide_artist_name {
	position:absolute;
	top:36px;
	left:13px;
	width:102px;
	height:13px;
	overflow:hidden;
	}

#slide_album_name {
	position:absolute;
	top:50px;
	left:13px;	
	width:102px;
	height:13px;
	overflow:hidden;
	}

#slide_art {
	position:absolute;
	top:66px;
	left:13px;	
	}

#no_favorites {
	padding:5px;
	display: block;
	text-align: left;
	font-size: 11px;
	color:#900;
	border:1px solid #ccc;
	}

#no_favorites a {
	color:#900;
	}

#no_favorites a:hover {
	color:#369;
	}

#sidebar_box {
	border:1px solid #999; 
	margin-top:10px;
	margin-bottom:20px;
	font-size:10px;
	padding:0 5px 5px 5px;
	width: 168px !important; 
	width /**/:180px;	
	}

#wide_box {
	border:1px solid #999;
	margin-top:10px;
	margin-bottom:20px;
	font-size:10px;
	padding:0 5px 5px 5px;
	width:671px;
	}

#sidebar_box_title {
	font-size:12px;
	position: relative;
	top: 0px;
	left: 0px;
  	font-size:11px;
  	font-weight:bold;
	margin-bottom:10px;
	}

#now_listening {
	position:relative;
	background:#eee;
	padding: 0 3px 8px 3px;
	margin-bottom:10px;
	}

#now_listening td {
	border:none;
	}

#now_listening_icon {
	position:absolute;
	left:135px;
	top:3px;
	}
	
#now_listening_station_name {
	margin-top:5px;
	margin-left:0px;
	width:130px;
	}

#now_listening_title {
	font-size:13px;
	position: relative;
	top: 0px;
	left: 0px;
  	font-weight:bold;
	color:#f90;
	}

#last_listening_title {
	font-size:13px;
	position: relative;
	top: 0px;
	left: 0px;
  	font-weight:bold;
	color:#999;
	}

.station_table_row {
	width:140px;
	}

#comment_title {
	color:#999;
  	font-size:10px;
  	font-weight:bold;
	margin:2px 0 3px 0;
	word-wrap:break-word;
	}

#comment_text {
	font-size:12px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:3px 0;
	margin-bottom:5px;
	word-wrap:break-word;
	}

#comment_text a {
	font-size:12px;
}

#hrefCancelEditComment {
	margin-top: 3px;
	margin-left: 10px;
	}

#txtNewCommentText {
	background-color: #eee;
	margin:0 0 5px 0;
	width:100px;
	}

#noteCharCountDiv {
	color:#000;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	}

#noteCharCount {
	background: #eee;
	border-style: none;
	border:none;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	text-align: right;
	width: 30px;
	}

.noteTooLong {
	color:#900;
}

#descCharCount {
	background: #eee;
	border-style: none;
	border:none;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	text-align: right;
	width: 30px;
}

.descTooLong {
	color:red;
}

#quick_add_person {
	border:1px solid #f90;
	clear:both;
	position:relative;
	top:5px;
	padding:2px;
	margin-bottom:10px;
  	width:162px !important;
  	width /**/:168px;	
	}

.bookmark_confirmation_dialog {
	display: none;
	border: 1px solid #f90;
	background-color: #FFFFFF;
	z-index: 1000000;
	padding: 10px 5px 5px 5px;
	font-size: 11px;
	font-weight: bold;
	margin-top:5px;
  	width:168px !important; 
  	width /**/:180px;	
	}

.bookmark_confirmation_dialog div{
	text-align: center;
	margin-bottom: 15px;
	}

.bookmark_confirmation_dialog table {
	width: 100%;
	}

.bookmark_confirmation_dialog a {
	background-image: none;
	font-size: 11px;
	}

#profile_info {
	font-size:12px;
	margin-bottom:15px;
	word-wrap:break-word;
	}

#profile_info td {
	font-size:12px;
	padding:0px;
	border:none;
	}

#profile_info a {
	font-size:12px;
}

#crosslink_menu {
	display:none;
	position:absolute;
	top:-70px;
	left:-1px;
	border:1px solid #f90;
  	width: 88px !important; 
  	width /**/:90px;	
	}

#crosslink_menu_description {
	display:none;
	position:absolute;
	top:-70;
	left:-1px;
	border:1px solid #f90;
  	width: 88px !important;
  	width /**/:90px;	
	}

.crosslink_menu_inside {
	background:#fff;
	border:1px solid #ccc;
  	width: 86px !important; 
  	width /**/:88px;	
  	height: 67px !important; 
  	height /**/:65px;	
	}
	
.crosslink_item {
	display:block;
	padding:2px 2px 2px 4px;
	font-size:9px !important;
	text-decoration:none;
	font-weight:normal;
	color:#666;
	border-bottom:1px solid #ccc;
  	height: 12px !important; 
  	height /**/:16px;	
	}

.crosslink_item:hover {
	text-decoration:none;
	font-weight:normal;
	color:#f90;
	}

#no_profile {
	font-size:13px;
	color:#999;
	}

#no_friends_owner {
	font-size:13px;
	color:#999;
	}

/* ------------------------------------------------------------
 * Preference Page Styles
 ------------------------------------------------------------ */

.emailDisabled {
	color:#cccccc;
}

.bannedHeader {
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

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

.search_results_search {
	font-size:10px;
	margin-bottom:40px;
	}

.search_results_column {
	width: 330px;
	margin-right:20px;
	float:left;
	}

.search_results_column_wide {
	width: 683px;
	margin-right:20px;
	float:left;
	}

.search_results_header {
	width: 100%;
	border-top:1px solid #999;
	font-size:14px;
	}

.search_results_header_secondary {
	margin-left:5px;
	font-size:13px;
	padding-bottom:0px;
	}

.search_results {
	margin-top:10px;
	}
	
.search_results td {
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:11px;
	}

.indent_10 {
	padding-left:10px;
	}

.search_result_label {
	padding-left:28px;
	color:#999;
	}

.searchTermHighlight {
	background:#ebebcc;
	}

.secondary_search_results {
	border:1px solid #999;
	margin-bottom:5px;
	}
	
.create_station_on_search {
	border:1px solid #ccc;
	padding:0 5px 9px 5px;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	top:-10px;
	font-size:11px;
  	width: 672px !important; 
  	width /**/:684px;	
	}

.search_tip_title {
	font-size:12px;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
	margin:30px 0 10px 0;
  	width:425px;	
	}

.search_tip_content {
	padding-left: 70px;
	font-size:10px;
	font-weight:normal;
  	width: 355px !important; 
  	width /**/:425px;	
	}

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

.search_form_types a {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	}

.search_form_types a:hover {
	font-weight:normal;
	}

.search_form_current {
	cursor:default;
	font-weight:bold;
	text-decoration:none;
	color:orange;
	}

.search_form_current:hover {
	color:orange;
	text-decoration:none;
	}
	
	

/* ------------------------------------------------------------
 * Station Page Styles
 ------------------------------------------------------------ */

#station_info {
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	margin-top: 5px;
	word-wrap:break-word;
	}

#station_info a {
	font-size: 12px;
}

#quick_add_artist {
	clear:both;
	margin: 5px 10px;
	border:1px solid #f90;
	padding:5px;
  	width: 448px !important; 
  	width /**/:460px;	
	}
	
#quick_add_song {
	clear:both;
	margin: 5px 10px;
	border:1px solid #f90;
	padding:5px;
  	width: 448px !important; 
  	width /**/:460px;	
	}	

/* ------------------------------------------------------------
 * Share Page Styles
 ------------------------------------------------------------ */
 
 #shareByEmailContent {
 	padding: 0px 20px 0px 0px;
 	}
 


/* ------------------------------------------------------------
 * Corporate Pages Styles
 ------------------------------------------------------------ */



body.corp {
	margin: 0;
	padding: 0;
	background: url('/images/background_left.gif') #fff;
	background-repeat: repeat-y;
	color: #666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	}

#container {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url('/images/background_top_comm.gif');
	background-repeat: repeat-x;
	}

#container_2 {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url('/images/background_top_left_comm.gif');
	background-repeat: no-repeat;
	}

#container_3 {
	position: absolute;
	top:75px;
	left:80px;
	}

#logo_corp {
	position: absolute;
	left: 0;
	top: 15px;
	}

#powered_corp {
	position: absolute;
	left: 17px;
	top: 38px;
	}

#nav_community_corp {
	position: absolute;
	left: 395px;
	top: 102px;
	width: 590px;
	text-align:right;
	}

#nav_community_corp a:hover {
	color: #f90;
    background:url('/images/nav_bottom_background_hover.gif') no-repeat bottom;
	}



/* ------------------------------------------------------------
 * RSS Styles
 ------------------------------------------------------------ */
	
.rss_box {
	position: relative;
	border:1px solid #999; 
	padding: 0px 0px 10px 10px;
	margin-bottom:10px;
	width: 648px !important; 
  	width /**/:660px;	
	}

.rss_submit {
	position:absolute;
	top:10px;
	left:490px;
	}

.rss_url {
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	display:none;
	}

.rss_error {
	color:#ff0000;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	display:none;
	}
	
.rss_code {
	border:1px solid #666; 
	padding:5px; 
	font-family:verdana,arial,sans-serif; 
	margin-left: 5px;
	width: 520px;
	height: 30px;
	font-size:10px;
	overflow:hidden;
	}

/* ---------------------------------------------------------
 * menuManager styles
 */

.ul_menu_container{
	display: none;
	z-index: 10000000;
	position: absolute;

	border-collapse: collapse;
	border-style: solid;
	border-color: #7B9AB7;
	border-width: .3mm .3mm .3mm .3mm;
	padding: .4mm .5mm .5mm .4mm;

	background-color: #ffffff;
	width: auto !important;
}

.ul_menu_item{
	padding: 4px 7px 3px 7px;

	font-family:verdana,arial,sans-serif;
	font-size: 8.5pt;
	font-weight: normal;

	background-color: #ffffff;
	color: #555555;

	cursor: pointer;
	white-space: nowrap;
}

.ul_menu_item_last{

}


/* ------------------------------------------------------------
 * Slideshow plugin styles
 ------------------------------------------------------------ */

.slideshow_container {
	position: absolute;
	top: -10000px;
	left: -2000px;
	padding: 20px 20px 10px 20px;
	border: 2px solid #666;
	z-index: 1000;
	background: white;
}

.slideshow_image {
	border:1px solid black;
}

.slideshow_caption {
	height:60px;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden;
}

.slideshow_buttons {
	padding-top:6px;
	text-align:right;
}

/* ------------------------------------------------------------
 * Philanthropy Intro Page
 ------------------------------------------------------------ */

#gg_logo {
	position: absolute;
	left: 660px;
	top: -15px;
	}

#content_charity {
	position: relative;
	top: 0px;
	left: 62px;
  	width: 900px; 
	}
	
#content_charity p {
	color: #1f1706;
	font-family: verdana,arial,sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 20px;
	}
	
#content_charity_intro {
	float: left;
	width: 412px;
	margin-right: 12px;
	}

#content_charity_intro h1 {
	color: #369;
	font-family: verdana,arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	}

#content_charity_intro h2 {
	color: #4c4538;
	font-family: verdana,arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	}
	
#content_charity_divider {
  	float:left;
	width: 1px;
	padding-right: 12px;
	}

#content_charity_boxes {
  	float:left;
	width: 322px;
	margin: 0px;
	padding: 0px;
	}
	
#gg_donation_photo {
	width: 300px;
	text-align: right;
	margin-right: 12px;
	}
	
#gg_charity_info {
	width: 300px;
	padding-right: 12px;
	}
	
#footer_charity {
	float: left;
	width: 755px;
	color: #333;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	}
	

/* ------------------------------------------------------------
 * Philanthropy Charity Pages
 ------------------------------------------------------------ */
	
#charity_main_content {
	position: relative;
	top: 0px;
	left: 62px;
  	width: 758px; 
	}
	
#charity_section {
	clear:both;
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:2px;
	padding-bottom:0;
	border-bottom:1px solid #999;
	}

#charity_section_title {
	color: #999;
	font-family: verdana,arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:1px;
	}
	
#charity_section_img {
	width:100%;
	margin-top:10px;
	margin-bottom:2px;
	}
	
#charity_section_info {
	width: 90%;
	float:left;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.charity_name {
	color: #3c3737;
	font-family: verdana,arial,sans-serif;
	font-size: 17px;
	font-weight: bold;
	}
	
.charity_location {
	color: #666666;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

#charity_section_info p {
	color: #666666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 10px;
	margin-top: 0px;
	}
	
.charity_section_subhead {
	color: #666666;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
.donation_section_title {
	color: #336699;
	font-family: verdana,arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	}
	
#charity_header_container {
	float: left;
	width: 510px;
	padding-bottom:10px;
	}		



/* ------------------------------------------------------------
 * Navigation Styles Philanthropy
 ------------------------------------------------------------ */

#nav_charity {
	left: 30px;
	width: 757px;
	text-align:right;
	padding-top:20px;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	}

#nav_charity a {
	color: #369;
	font-weight: normal;
	text-decoration: none;
	}

#nav_charity a:hover {
	color: #f90;
	}

	
/* ------------------------------------------------------------
 * Button Styles Philanthropy Intro Boxes
 ------------------------------------------------------------ */

#button_charity_intro {
	float: left;
	}		 	


#button_charity_intro1 a {
	display:block;
	background:url("/images/charity1_intro_box.jpg") no-repeat;
	width: 322px; 
	height: 160px;
	cursor:pointer;
	}		

#button_charity_intro1 a:hover {
	display:block;
	background:url("/images/charity1_intro_box_roll.jpg") no-repeat;
	width: 322px; 
	height: 160px;
	cursor:pointer;
	}
	
#button_charity_intro2 a {
	display:block;
	background:url("/images/charity2_intro_box.jpg") no-repeat;
	width: 322px; 
	height: 162px;
	cursor:pointer;
	}		

#button_charity_intro2 a:hover {
	display:block;
	background:url("/images/charity2_intro_box_roll.jpg") no-repeat;
	width: 322px; 
	height: 162px;
	cursor:pointer;
	}
	
#button_charity_intro3 a {
	display:block;
	background:url("/images/charity3_intro_box.jpg") no-repeat;
	width: 322px; 
	height: 164px;
	cursor:pointer;
	}		

#button_charity_intro3 a:hover {
	display:block;
	background:url("/images/charity3_intro_box_roll.jpg") no-repeat;
	width: 322px; 
	height: 164px;
	cursor:pointer;
	}
	
#button_charity_intro4 a {
	display:block;
	background:url("/images/charity4_intro_box.jpg") no-repeat;
	width: 322px; 
	height: 162px;
	cursor:pointer;
	}		

#button_charity_intro4 a:hover {
	display:block;
	background:url("/images/charity4_intro_box_roll.jpg") no-repeat;
	width: 322px; 
	height: 162px;
	cursor:pointer;
	}
	
/* ------------------------------------------------------------
 * Button Styles Philanthropy
 ------------------------------------------------------------ */

#buttons_charity_container {
	float: left;
	text-align:center;
	width:160;
	margin: 0px 8 10 0;
	}		

#button_charity a {
	display:block;
	margin-top:8px;	
	background:url("/images/charity_button_blue.gif") no-repeat;
	padding:4px 6px 5px 6px;
	cursor:pointer;
	font-family: verdana,arial,sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}		

#button_charity a:hover {
	background:url("/images/charity_button_orange.gif") no-repeat;
	cursor:pointer;
	color:#f90;
	font-weight:bold;
	text-decoration:none;
	}
	
#button_charity_grey a {
	display:block;
	margin-top:8px;	
	background:url("/images/charity_button_grey.gif") no-repeat;
	padding:4px 6px 5px 6px;
	cursor:pointer;
	font-family: verdana,arial,sans-serif;
	color:#369;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}		

#button_charity_grey a:hover {
	background:url("/images/charity_button_orange.gif") no-repeat;
	cursor:pointer;
	color:#f90;
	font-weight:bold;
	text-decoration:none;
	}

/* ------------------------------------------------------------
 * jQuery based autocomplete
 ------------------------------------------------------------ */


.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	text-align:left;
}

.ac_loading {
	background : Window url('/images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

	
/* ------------------------------------------------------------
 * Advertising Pages Styles
 ------------------------------------------------------------ */

body.advertising {
	background: url('/images/background_advertising_top.jpg');
	background-repeat: no-repeat;
	background-color: #0e212c;
	}

#container_c_advertising {
	position:absolute;
	top:166px;
	left:0px;
	width:1000px;
	background: url('/images/background_ad_middle.gif');
	background-repeat:repeat-y;
	}

#bottom_advertising {
	width:100%;
	position:relative;
	top:50px;
	padding-top:20px;
	clear:both;

	/* leave these as separate values so they can be overridden
	 * individually for advertising purposes
	 */
	background-image:url('/images/background_ad_bottom.jpg');
	background-repeat: no-repeat;
	background-color: #0e212c;
	}
	
#nav_advertising {
	position: absolute;
	left: 145px;
	top: 137px;
	width: 685px;
	text-align:right;
	}
	
#content_advertising {
	position: relative;
	top: 50px;
	left: 62px;
  	width: 630px; 
	}

.medium_rectangle_advertising {
	position:absolute;
	top:0px;
	left:650px;
	border:1px solid #999;
	background-color:#eee;
	padding:0px;
	}

.skyscraper_advertising {
	position:absolute;
	top:0px;
	left:670px;
	border:1px solid #999;
	background-color:#eee;
	padding:0px;
	}
	
.press_table td {
	padding:0 20px 20px 0;
	font-size:14px;
	width:175px;
	}

.more_press {
	text-align:center;
	}

.more_press img {
	margin-bottom:5px;
	}


/* ------------------------------------------------------------
 * Landing Pages Styles
 ------------------------------------------------------------ */

#landing_page_title_top{
	color: #666666;
	font-size: 14px;
}
#landing_page_refered_by{
	color: #336699;
	display: inline;
}
#landing_page_refered_by:hover{
	color: #FF9900;
}
#landing_page_track_title_top{
	font-weight: bold;
	display: inline;
}
#landing_page_description_container{
	color: #666666;
	font-size: 12px;
	padding-left: 30px;
}
#landing_page_track_name_TOP{
	color: #336699;
	font-weight: bold;
	font-size: 14px;
}
#landing_page_artist{
	display: inline;
}
#landing_page_album{
	display: inline;
}
#landing_page_performer_name{
	display: inline;
}

.landing_sample_player_sliderbar{
	position: absolute;
	top: -27px;
	left: 62px;
	height: 14px;
	width: 406px;
	background-image: url(/images/landing_sample_player_sliderbar.png);
	background-repeat: no-repeat;
}
.landing_sample_player_left{
	position: absolute;
	top: -25px;
	left: 64px;
	height: 10px;
	width: 3px;
	background-image: url(/images/landing_sample_player_left.png);
	background-repeat: no-repeat;
}
.landing_sample_player_middle{
	position: absolute;
	top: -25px;
	left: 67px;
	height: 10px;
	font-size: 1px;
	line-height: 1; 
	width: 1px;
	background-color: #336699;
}
.landing_sample_player_right{
	position: absolute;
	top: -25px;
	left: 67px;
	height: 10px;
	width: 30px;
	background-image: url(/images/landing_sample_player_right.png);
	background-repeat: no-repeat;
}
.landing_sample_player_slider_container{
	position: absolute;
	top: 160px;
	left: 150px;
}
.landing_sample_player_time{
	position: absolute;
	top: -10px;
	left: 442px;
	background-repeat: no-repeat;
}
