/* CSS Document */
a img {
	border:none;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #626864;
	text-align: center;
	/* part 1 of 2 centering hack */
	font:62.5%/1.5 Verdana,  Helvetica, Arial, sans-serif;
	}
#container {
	width: 980px; 
	margin-top: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
 	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	text-align:left; 
	}
	
h1 {
    overflow: hidden;
	height:91px;
	width:980px;
    background-image: url("../images/bg_large_top.gif");
    background-repeat: no-repeat;
	padding-left:15px;
	padding-top: 18px;
}
	h1 a {
		display:block;
		width:950px;
		height:91px;
		background:transparent url(../images/header.gif) no-repeat top left;
		overflow:hidden;
		text-indent:-999999px;
		 outline:0; /* for browsers that understand */
	}

div.header { 
	overflow: hidden;
	height:91px;
	width:980px;
    background-image: url("../images/bg_large_top.gif");
    background-repeat: no-repeat;
	padding-left:15px;
	padding-top: 18px;

 }
 
body#music_royal div#content-container div.header  {background:none; height:auto; width:auto; }
	
	h1.h1 { width:650px; float:left; height:auto; background:none; padding:0; margin:0; }
		h1.h1 a {
			background:transparent url(../images/header1.gif) no-repeat top left;
			float:left;
			width:650px;
		}
			#static_page_overseas h2#h2, h2#h2 { font-size:1.5em; float:right; width:300px; height:91px; display:block; margin:0 30px 0 0;  padding:0; display:block; background:transparent url(../images/header1.gif) no-repeat scroll right top; }
				#static_page_overseas h2#h2 a, h2#h2 a { padding:0;  display:block; height:60px; margin:20px 0 0 60px; color:#e3106e; text-decoration:none; outline:none; text-align:left; }
					h2#h2 a span { overflow:hidden; text-indent:-999999px; display:block; }
	
select, input, textarea {
	font-family:Verdana,Helvetica,Arial,sans-serif;
}
	
.float_left	{
float:left;
}

.float_right	{
float:right;
}

.block1	{
display:block;
}

.push	{
padding-right:100px;
}
.clean	{
background:none;
margin:0px;
padding:0px;
height:auto;
width:auto;
}

.pink	{
color:#E3106E;
margin:0px;
padding:0px;
}

.hr	{
width:680px;
text-align:left;
display:block;
}

/************************* Forms **************************/

form.baseform input, select, textarea {
	font-size:1.1em;
}
form.baseform label {
	width:150px;
	float:left;
}
form.baseform label.login {
	width:100px;
	float:left;
}
form.baseform div {
	padding:0 0 3px 0;
}
form.baseform fieldset	{
	border:none;
	padding:5px 0 15px 0;
}
form.baseform div.nofloat label {
	float:none;
}
			
#fs-0 label	{
	width:330px;
}

/************************* Purple Table **************************/
	
table.purpletable {
	width:600px;
	background-color:#E5E6E5;
	border-left:1px solid #B8137A;
}
table.purpletable th {
	color:#fff;
	background-color:#B8137A;
	border-right:1px solid #E5E6E5;
	padding:3px 4px;
	vertical-align:top;
}
table.purpletable th.last {
	border-right:1px solid #B8137A;
}
table.purpletable td {
	border-right:1px solid #B8137A;
	border-bottom:1px solid #B8137A;
	padding:3px 4px;
	vertical-align:top;
}
	
/************************* Home page **************************/

.home_page_outer_box	{
margin:10px

}



#logged_in	{
	height:20px;
	width:980px;
	padding-left:20px;

}

	#logged_in span.purple_text	{
	color:#A51E5B;
	}
	
	#logged_in a.lost, a.lost:visited	{
	color:#000000;
	text-decoration:underline;
	}
	
	#logged_in a.lost:hover	{
	text-decoration:none;
	}
		
a.lost, a.lost:visited	{
	color:#000000;
	text-decoration:underline;
	font-size:1.1em;
	}

a.lost:hover	{
	text-decoration:none;
	}
	
li.links a.lost	{
	color:#000000;
	text-decoration:underline;
	font-size:1.1em;
}

li.links a.lost:hover	{
	text-decoration:none;
}
	
a.purple, a.purple:visited	{
color:#A51E5B;
text-decoration:underline;
font-weight:bold;
}

a.purple:hover	{
text-decoration:none;
}

p.start_text	{
	padding-right:20px;
	}
	
.grid_outer	{
	width:738px;
	display:block;
	float:left;
	
}

.grid_inner	{
	width:243px;
	float:left;
	display:block;
	padding-bottom:20px;
}
	
.static_page_h2	{
	padding:0px 20px;
}

#static_page p	{
	padding:0px 20px;
}

#static_page a	{
	text-align:center;
}

#static_page_overseas p	{
	padding:0px 20px;
	text-align:center;
}

#static_page_overseas h2	{
	padding:0px 20px;
	text-align:center;
	font-size:2.0em;
	margin:0px;
}

#static_page_overseas h3	{
	padding:0px 20px;
	text-align:center;
	font-size:1.8em;
	margin:0px;
}

#static_page_overseas h4	{
	padding:0px 20px;
	text-align:center;
	font-size:1.4em;
	margin:0px;
}

.bottom_push	{
	margin-bottom:40px;
	display:block;
}	
		
#content-container	{
padding-left:15px;
}

#content	{
width:950px;
background:transparent url(../images/main_middle.gif) repeat-y top left;
}

#content .top	{
width:950px;
background:transparent url(../images/main_top1.gif) no-repeat top left;
}

#content .bottom	{
width:950px;
background:transparent url(../images/main_bottom.gif) no-repeat bottom left;
}

#menu {
	float: left;
	padding: 0;
	margin: 0;
	width: 212px;
	background:transparent;
}
	
	#menu ul {
		float:left;
		padding:18px 0;
		margin:0;
		list-style:none;
		font-size:1.1em;
	}
	
		#menu li {
			padding:0px 18px 0px 18px;
			width:174px;
			color:#5C5A5A;
		}
		
		#menu li span	{
			color:#5C5A5A;
		}
		
		
	
			#menu li a	{
				text-decoration:none;
				color:#333;
				font-size:1.3em;
				border-top:1px solid #E5E5E5;
				display:block;
				padding:6px;
				text-align:center;
			}
				
			#menu li a:hover	{
				background-color:#EBEBEB;
			}
	
					#menu li.first a	{
						margin-top:20px;
					}
					
					#menu li.last a	{
						border-bottom:1px solid #E5E5E5;
					}

					
					#menu li.sub_header {
						padding-right:0;
						width:194px;
						color:#5C5A5A;
					}
					
					#menu li a.reset_link	{
						border:none;
						margin:0px;
						padding:0px;
						color:#000000;
						text-decoration:underline;
						font-size:1.0em;
						background:#FFFFFF;
						text-align:left;
						display:inline;
					}
						
					#menu li a.reset_link:hover	{
						border:none;
						margin:0px;
						padding:0px;
						color:#000000;
						text-decoration:underline;
						font-size:1.0em;
						
					}
					
					#menu li.submit	{
					border:none;
					padding:0px 0px 15px 30px;
					}
					
					#menu li a.last:hover	{
					background-color:#EBEBEB;
					}
					
					#menu li.textbox	{
						padding:20px 0px 10px 30px;
						background-color:transparent;
					}
					
					#menu li.textbox1	{
						padding:2px 0px 2px 30px;
						background-color:transparent;
					}
					
					.select	{
						width:150px;
					}
					
					#menu li select, #menu li input {
						font-size:1.0em;
					}
					
					#menu li.push	{
						padding-bottom:15px;
					}
					
					#menu li.text	{
						padding:0px 0px 10px 30px;
						background-color:transparent;
						font-weight:bold;
					}
					
					#menu li.textbox_search	{
						padding:0px 0px 0px 30px;
						background-color:transparent;
					}
					
					#menu li.text_search	{
						padding:0px 0px 0px 30px;
						background-color:transparent;
					}
	
		#menu li h2	{
    	overflow: hidden;
		height:38px;
		padding-left:15px;
		padding-top:5px;
		margin:0;
		font-size:1.5em;
    	background:transparent url(../images/search_grey.gif) no-repeat top left;
				}

#track {
	float: right;
	padding: 0;
	margin: 0;
	background:transparent;
	width: 738px;
	padding-top:10px;
	
	}

		#tracks ul	{
		list-style:none;
		padding:10px 0;
		}
		
			#tracks li	{
			list-style:none;
			padding-left:30px;
			
			}
			
				#tracks li a	{
				color:#84003B;
				text-decoration:none;
				font-weight:bold;
				font-size:1.4em;
				}
				
				#tracks li a:hover	{
				color:#D42272;
				text-decoration:underline;
				}
.tracks_inner ul	{


}
		.tracks_inner li	{
		font-size:1.4em;
		padding-left:50px;
		}
#button	{
font-size:8pt; 
background-color:#00BFFF; 
color:#ffffff
}

.error	{
color:#FF3300;
padding-left:30px;
font-size:1.2em;
padding-right:30px;
}

.error1	{
color:#FF3300;
font-size:1.1em;
}

.breadcrumb	{
padding:0px 0px 0px 25px;
font-size:1.0em;
outline:0; /* for browsers that understand */
}

.complete	{
color:#FF3300;
padding-left:30px;
font-size:1.2em;
}

.track_type	{
color:#0099FF;
font-size:1.0em;
}


.track_bottom	{
padding:0;
padding-left:15px;
padding-bottom:15px;
margin:0;
}
				
		.track_bottom div	{
		padding:0;
		margin:0;
		}			

				.track_bottom ul {
				padding:0;
				margin:0;
				}			
							.track_bottom li	{
							width:706px;
							background:transparent url(../images/track_top.jpg) no-repeat top left;
							margin:0;
							padding:5px 0;
							display:block;
							list-style:none;
							font-size:1.1em;
							}
							
							#music .track_bottom li	{
							
							}
							
							
						
		
										.track_bottom li div.track	{
										background:transparent url(../images/track_bottom1.jpg) no-repeat bottom left;
										
										height:30px;
										
										width:706px;
										display:block;
										padding-left:15px;
										border:none;
										margin:0 auto;
										outline:0; /* for browsers that understand */
										position:relative;
										}
										
										
										.track_bottom li a	{	
										border:none;
										
										text-decoration:none;
										color:#84003B;			
										font-weight:bold;
										font-size:1.3em;
										outline:0; 
										}
										
										
										.track_bottom li a:hover	{
										color:#D42272;
										}
										
										.track_bottom li a.extra_info	{	
										float:right;
										padding-right:10px;
										font-size:1.1em;
										width:175px;
										}
										
										.track_bottom li span	{
										padding:0px 15px;
										}
										
										.track_bottom li.flip div.track	{
										background:transparent url(../images/track_bottom_flip1.jpg) no-repeat bottom left;
										
										width:706px;
										display:block;
										padding-left:15px;
										  margin:0 auto;
										 
 										 outline:0; /* for browsers that understand */
										}
										
										/*
										.track_bottom li.flip a	{
										background:transparent url(../images/track_bottom_flip1.jpg) no-repeat bottom left;
										padding:4px 0px 8px 0px;
										width:706px;
										display:block;
										padding-left:15px;
										  margin:0 auto;
										 
 										 outline:0;  
										}
										*/
										.track_bottom li div.track_link	{
										padding-top:2px;
										width:504px;
										}
										.track_bottom li div.flash_control	{
										text-align:right;
										width:180px;
										height:26px;
										overflow:hidden;
										position:absolute;
										left:515px;
										}
										
											.flash_control img	{
											
											}



										
													.track_bottom.track_inner ul	{
													
													margin:0;
													padding:0;
													
													}
													
													
															.track_inner li{
															background:transparent url(../images/track_inner.jpg) repeat-y bottom left;
															background-image:url(../images/track_inner.jpg);
															background-color:#FFF;
															color:#929292;
															display:block;
															margin:0;
															width:706px;
															list-style:none;
															border-bottom:1px dashed #CCCCCC;
															float:left;
															}
															
															.track_inner li a.track_link	{
															color:#929292;
															text-decoration:underline;
															font-size:1em;
															font-weight:normal;
															}
															
															.track_inner li a.track_link:hover	{
															text-decoration:none;
															color:#D42272;
															}
															
															.track_inner li span.meta_title	{
															padding-left:15px;
															width:150px;
															display:block;
															float:left;
															}
															
															.track_inner li span.meta_data	{
															display:block;
															float:left;
															}
														
															
															.track_inner li.inner_bottom {
															background:transparent url(../images/track_inner_bottom.jpg) repeat-x bottom left;
															
															margin:0;
															padding:0;
															border-bottom:none;
															
															}
												

#footer {
	padding:16px;
	background:transparent url(../images/bg_bottom.gif) no-repeat bottom left;
}
	#footer div {
	
		background:transparent url(../images/footer-bottom.gif) no-repeat bottom left;
	}
	#footer ul {
		width:948px;
		background:transparent url(../images/footer-top.gif) no-repeat top left;
		margin:0;
		padding:0;
		float:left;
		list-style:none;
		font-size:1.1em;
	}
		#footer li {
			display:block;
			padding:16px 18px;
			border-right:1px solid #d5d7d5;
			float:left;
			color:#5D5D5D;
		}
			#footer li a {
				text-decoration:none;
				color:#5D5D5D;
			}
			#footer li.copyright {
				border:none;
				float:right;
			}
			
/* ---------------- Keywords  ----------------*/			

#keywords ul	{
float:left;
list-style:none;
margin:0;
padding:0;
}
	#keywords li	{
	display:block;
	float:left;
	color:#5D5D5D;
	padding-right:10px;
	}
		#keywords li a	{
		background:transparent url(../images/keyword.gif) no-repeat top left;
		display:block;
		height:30px;
		color:#FFFFFF;
		text-decoration:none;
		float:left;
		border:none;
		}
		
		#keywords li a.plain	{
		background:none;
		display:block;
		color:#000000;;
		text-decoration:underline;
		float:left;
		}
		
		#keywords li a.plain:hover	{
		background:none;
		}
		
		#keywords li a:hover	{
		background:transparent url(../images/keyword.gif) no-repeat top left;
		background-position: -150px 0;
		}
		
		#keywords li a span	{
		background:transparent url(../images/keyword_2.gif) no-repeat top right;
		display:block;
		height:30px;
		padding-right:10px;
		padding-top:2px;
		float:left;
		}
/* ---------------- KEYWORD LINKS  -----------------------------------------------------------------------------------*/


.keyword_menu	{
padding-left:20px;
}
li#keyword_menu	{
background:#FFFFFF;
padding-left:20px;
}

#keyword_menu ul	{
padding-left:20px;
float:left;
width:177px;

}

#keyword_menu li 	{
	padding:0px;
	margin-bottom: 2px;
	border: 1px solid #4D4D4D;	
	text-decoration: none; /* no underline */
	background:#FFFFFF;
	font-size:1.1em;



	float:left;
}

#keyword_menu li a	{

	font-size:1.1em;
	padding: 0px;
	margin: 0px;
	border:none;
	text-decoration: none; /* no underline */

	text-align:left;
	float:left;

	width:173px;
}

#keyword_menu li span	{
	text-align:left;
	float:left;
	width:145px;
	display:block;
	margin:0px;
	color: #4D4D4D;
	font-weight:bold;
	padding-left:5px;
}

#keyword_menu li span.right	{
	text-align:right;
	float:left;
	width:10px;
	display:block;
	margin:0px;
	color: #4D4D4D;
	font-weight:bold;
	border-left:1px solid #4D4D4D;
}

#keyword_menu li a:hover	{
	background:#E5E6E5;

}

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

#form_box	{
float:left;
padding:20px;
}

	#form_box span	{
	width:150px;
	float:left;
	display:block;
	
	}
	
	#form_box span.error	{
	width:600px;
	float:left;
	display:block;
	color:#FF0000;
	font-size:1.0em;
	
	}
	
		#form_box span.form_textbox	{
		float:left;
		display:block;
		width:200px;
		}
		
		#form_box span.form_textarea	{
		float:left;
		display:block;
		width:400px;
		}
/* -------------------- Login --------------------*/	

div.inner_padding	{
	padding:10px;
	-padding:0px;
}

#new_user	{
	float:left;
	width:300px;
	background:#F0F1F0;
	height:300px;
	margin-right:10px;
}

#old_user	{
	float:left;
	width:300px;
	height:300px;
	background:#F0F1F0;
}

	#new_user p {
		padding:10px;
		margin:0;
	}
	#new_user input {
		font-size:1.1em;
	}
	#new_user form {
		padding:0 10px;
		margin:0;
	}
	#new_user form p {
		text-align:right;
		padding:0;
	}
	#old_user p {
		padding:10px 10px 10px 110px;
		margin:0;
	}
	#old_user form p {
		padding:0 0 10px 0;
	}
	
	#old_user form {
		padding:10px 10px 0 10px;
		margin:0;
	}

	#old_user h4, #new_user h4	{
		background:#CCCCCC;
		padding:5px;
		margin:0px;
		font-size:1.1em;
	}
	
	#old_user p.form_textbox, #new_user p.form_textbox{
		float:left;
		display:block;
		width:150px;
		text-align:left;
		padding-left:10px;
	}
		
	#old_user p.error_box	{
		padding:0px;
	}
		
	#login 	{
		padding-top:20px;
	}
	
	#old_user a {
		color:#000000;
	}
	
/* -------------------- Licence --------------------*/	

.mainbox	{
float:left;
width:600px;
padding:0px;
margin:0px;
}

	.mainbox h3	{
	font-size:1.3em;
	padding:0px;
	height:50px;
	display:block;
	}
	
.licence ul	{
background-image:none;

	
}
	.licence li	{
	background-image:none;

	}

.box1	{
float:left;
width:90px;
display:block;
margin-right:10px;
}

.box2	{
float:left;
width:140px;
display:block;
margin-right:10px;
}

.box3	{
float:left;
width:140px;
display:block;
margin-right:10px;
text-align:center;
}

.box4	{
float:left;
width:140px;
display:block;
margin-right:10px;
text-align:center;
}

.box5	{
float:left;
width:240px;
display:block;
margin-right:10px;
text-align:center;
}

#rates ul li	{
background-image:none;
list-style-type:disc;
}
#rates {
background-image:none;
list-style-type:disc;
}
#rates li	{
background-image:none;
list-style-type:disc;
}

div.user_status	{
padding:0px 20px;
}

ul.user_status 	{
background:#FFFFFF;
list-style:none;
padding:10px;
}

.user_status li	{
padding:10px 0px;
border-bottom:1px solid #E5E5E5;
}

.user_status li:hover	{
background:#F0F0F0;
}

.user_status li.first	{
border-top:1px solid #E5E5E5;
}

/* -------------------- user details --------------------*/

#user_details	{
display:block;
width:500px;
}

	#user_details p	{
	display:block;
	float:left;
	width:110px;
	padding-right:20px;
	}
		
		#user_details p.textboxright	{
		display:block;
		float:left;
		width:350px;
		}
		
/* ---- Clearfix */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

/* ------------ Home Boxes ----------------- */
.double_box_bg	{
background: url(../images/double_box_bg.gif) top left;
background-repeat:repeat-y;
width:690px;
margin-bottom:23px;
margin-left:23px;
margin-right:23px;
}
.outer_padding	{
padding:0px 2px;
}
.home_page_outer_box	{
width:333px;
float:left;
margin:0px;
}

.home_page_outer_box_middle	{
width:23px;

float:left;
}

.double_box_bottom_bg	{
background: url(../images/double_box_bottom_bg.gif) no-repeat bottom left;

width:690px;
}


	.home_page_outer_box h2	{
	overflow: hidden;
	height:34px;
	width:333px;
    background-image: url(../images/single_box_top.gif);
    background-repeat: no-repeat;
	padding-top: 6px;
	margin:0px;
	}
	
	.home_page_outer_box h2 a {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/single_box_main.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:34px;
	color:#E3106E;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	outline:0; /* for browsers that understand */
	padding:0px 0px 0px 15px;
	margin:0px;
	}
	
	.home_page_outer_box p	{
	padding:10px;
	float:left;
	
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	.home_page_outer_box img	{
	float:right;
	padding:10px;
	clear: right;
	}
	
	.home_page_outer_box img.margin	{
	padding:10px 10px 10px 0px;
	margin:10px 10px 10px 0px; 

	}
	
	.home_page_outer_box a	{
	color:#000000;
	text-decoration:underline;
	font-weight:bolder;
	}
	
	.home_page_outer_box a:hover	{
	
	}
	
	.home_form	{
	float:none;
	}
	span.form_text	{
	color:#8D8D8D;
	}
	.fixed	{
	width:150px;
	}
	.extra	{
	padding:10px;
	}
.hide	{
display:none;
}

.instructions	{
	padding:0px;
	float:left;
	}
.img_float_right	{
	float:right;
	padding:0px 10px;
	}
.block	{
width:600px;
}
/* ------------ Cue Sheet ----------------- */
.wrapper	{
width:723px;
}
.text_part	{
float:left;
display:block;
width:223px;
}

.form_part	{
float:left;
display:block;
width:500px;
}

.full	{
width:723px;
}
/* ------------ htaccess pages ----------------- */

#ordered_list ol li	{
background:none;
list-style:decimal;
display:list-item;
list-style-type:decimal;
}

/* ------------ New Rate card table ----------------- */

.rate_card	{
	width:600px;
	background-color:#E5E6E5;
}

	.rate_card th	{
		color:#fff;
		background-color:#B8137A;
		border-right:1px solid #E5E6E5;
		padding:3px 4px;
		vertical-align:top;
	}
	
	.rate_card th.last	{
		border-right:1px solid #B8137A;
	}
	
	.rate_card .first	{
		border-left:1px solid #B8137A;
	}
	
	.rate_card .no_right	{
	border-right:none;
	}
	
	.rate_card .no_bottom	{
	border-bottom:none;
	}
	
	.rate_card td	{
		border-right:1px solid #B8137A;
		border-bottom:1px solid #B8137A;
		padding:3px 4px;
		vertical-align:top;
	}
		.rate_card td ul	{
		
		}
		
			.rate_card td ul li	{
				background:none;
				width:auto;
			}
	
	.rate_card td.none	{
	background-color: #E5E6E5;
	}
	
	.rate_card td.sub	{
	background-color:#E3C4D7;
	}
	
div.rate-card ul	{
	margin:10px 10px 10px 20px;
}

	div.rate-card ul li	{
		background:none;
		width:auto;
		list-style-type:disc;
		display:list-item;
		padding:0;
	}

/* ------------ Pagination CSS ----------------- */


div.pagination_padding	{
padding:0px 0px 15px 15px;
}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFFFFF;	
	text-decoration: none; /* no underline */
	color: #4D4D4D;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #4D4D4D;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #4D4D4D;	
		font-weight: bold;
		background-color: #4D4D4D;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #E5E6E5;	
		color: #4D4D4D;
	}