@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {
	margin:10px 0px 0px 0px;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
}

#page {
	margin:0 auto;
	width:837px;
}

#outside {
	float:left;
	background:url(../images/outside.png) no-repeat;
	width:47px;
	height:600px;
}

#wrapper {
	float:left;
	width:790px;
	overflow:hidden;
	background:url(../images/wrapper_bg.gif) repeat-y;
}

#top-left {
	float:left;
	width:97px;
	background:url(../images/top_left.png) no-repeat;
}

#left-box {
	float:left;
	width:86px;
	padding:280px 0 0 11px;
	overflow:hidden;
	font-size:10px;
}

#top-main {
	float:left;
	width:693px;
	height:96px;
	background:url(../images/top_main.png) no-repeat;
}

#top-menu {
	float:left;
	width:693px;
	height:23px;
	background:url(../images/top_menu.png) no-repeat;
}

#content {
	clear:none;
	float:left;
	margin-right:13px;
	margin-bottom:10px;
	width:680px;
	height:auto;
	min-height:240px;
	background-color:#CCCCCC;
}
.half_content {
	float:left;
	width:320px;
	height:auto;
	padding:0 10px 15px 10px;
}

#bottom-footer {
	float:left;
	width:790px;
	height:33px;
	background:url(../images/bottom_footer.gif) no-repeat;
}
#bottom-footer td {
	font-size:11px;
	font-weight:bold;
}

#menu-container {
	float:left;
	height:23px;
	margin-left:30px;
	display:block;
}

p {
	text-align:left;
	margin:5px 10px 10px 10px;
}
.bold {
	font-weight:bold;	
}
.info {
	font-weight:bold;
	color:#FFF;
	border:1px dotted rgb(171,0,0);
	background-color:rgb(115,115,115);
	padding:3px;
}
.clear {
	clear:both;
	display:block;
}
.status {
	text-align:left !important;
	color:rgb(171,0,0);
}
.white {
	color:#FFFFFF;
}
.normal {
	font-size:12px;
}
div.heading {
	margin-left:10px;
	width:450px;
	background:url(../images/heading_bg.png) repeat-y;
}
.centertext {
	text-align:center;	
}
h1 {
	text-align:left;
	font-size:14px;
	margin:2px 0px 2px 5px;
	color:#FFFFFF;
}
h2 {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	display:inline;
}
h3 {
	text-align:left;
	font-size:14px;
	color:#FFFFFF;
	display:inline;
}
h4 {
	text-align:left;
	font-size:12px;
	color:rgb(171,0,0);
	display:inline;
}

a {
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	color:rgb(171,0,0);
}
a:hover {
	text-decoration:overline;
}

img {
	border:1px solid #333;
}
img.noborder {
	border: 0;
}
img.inline {
	display:inline;	
}
img.toolbar {
	padding-left:25px;
	border: 0;
}

img[align="left"] {
	margin:5px 10px 5px 10px;
}
img[align="right"] {
	margin:5px 10px 5px 10px;
}

form.mainform {
	margin-bottom:10px;	
}
form.mainform label {
	display:block;
	float:left;
	width:150px; 
	font-weight:bold;
	margin:8px 0 0 0;
	text-align:right;
    padding-right:50px;
	clear:left;
}
form.mainform.half label {
	width:120px; 
    padding-right:20px;
}
form.smallform label {
	display:block;
	float:left;
	width:80px; 
	font-weight:bold;
	margin:8px 0 0 0;
	text-align:right;
    padding-right:20px;
	clear:left;
}
form.mainform label.details {
	clear:none;
	margin-left:0; 
	font-weight:normal;
	padding:0 10px 0 200px !important;
	width:170px !important; 
	text-align:left !important;
}
form.mainform.half label.details{
	padding:0 10px 0 140px !important;
	width:130px !important; 
}
form.mainform label.error {
	margin-left: 200px; 
	font-weight:normal;
	width: 300px !important; 
	text-align:left !important;
}
form.mainform.half label.error {
	margin-left: 140px; 
	font-weight:normal;
	width: 150px !important; 
	text-align:left !important;
}
form.smallform label.error {
	margin-left: 100px; 
	font-weight:normal;
	width: 200px !important; 
	text-align:left !important;
}

label.error { 
	color:rgb(171,0,0);
	background:transparent url(../images/error.png) no-repeat left;
	padding-left:17px;
}
label.inline {
	display:inline !important;
	clear:none !important;
	width: 100px !important;
	padding-right:10px !important;
}
input.error, textarea.error { 
	border:1px dashed rgb(171,0,0);
}

input, select, textarea {
	float:left;
	display:block;
	font-size:12px;	
	color:#FFF;
	font-weight:bold;
	border:none;
	margin-right:10px;
	margin-top:8px;
	background-color:rgb(115,115,115);
}

input[type="checkbox"] {
	background-color:#CCCCCC;	
}

input.btn {
	padding:3px;
}
input.btn.right {
	clear:both;
	float:right;
	margin-bottom:20px;
	margin-right:15px;
}
form.smallform input.btn.right {
	clear:both;
	float:right;
	margin-bottom:20px;
	margin-right:56px;
}
input.btn:hover {
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=50);
}
ul.reel {
    margin-left: 15px;
    padding-left: 0;
    list-style: none;
}
ul.reel li {	
	height:20px;
    padding-left:32px;
    background-image:url(../images/bullet.png);
    background-repeat:no-repeat;
    background-position:0 -2px;
}
ul.standard {
	margin-left:60px;
	margin-bottom:15px;
	list-style-type:circle;
}
ul.standard li {
	margin:5px 10px 5px 0px;
}

.half_box {
	float:left;
	width:340px;
	margin-bottom:15px;
}

.artist_table {
	margin-left:10px;
	width:320px;
	font-size:11px;
	text-align:left;
}

.playlist_table td {
	padding:2px;
}

.topmenu_table {
	height:23px;
	width:99%;
	text-align:center;
}
.topmenu_table td {
	border-right:1px dotted #FFFFFF;
}
.topmenu_table td:hover {
	background-color:rgb(33,33,33);
	cursor:pointer;
}
.topmenu_table a {
	padding:5px 14px 5px 14px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.topmenu_table a:hover {
	text-decoration:none;
	color:rgb(171,0,0);
	cursor:pointer;
}

table.cart {
	width:660px;
	margin-left:20px;
	border: 0;	
}
table.cart td {
	border: 1px solid #AFAFAF;
}
table.cart tr.heading {
	background-color:#999;
}

/*Jquery UI stuff*/
/* Widget: busy */
.ui-widget-overlay.busy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-dialog.busy { background:none; border:none; overflow:visible;}
.ui-widget.busy { background:none; overflow:visible; }
.ui-widget-content.busy { background:none; overflow:visible; }
/* Dialog: busy */
.ui-dialog.busy .ui-dialog-titlebar { background:none; background-color:rgb(171,0,0); }
.ui-dialog.busy .ui-dialog-titlebar-close{ display:none; }
.ui-dialog.busy .ui-dialog-title{ font-size:14px; font-weight:bold; color:#FFF; width:98%; }
.ui-dialog.busy .ui-dialog-content { background:none; background-color:#FFF; min-height:10px !important; }
.ui-dialog.busy .ui-widget-header { border:none; }

/* Widget: info */
.ui-widget-overlay.info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-dialog.info { background:none; border:none; overflow:visible; }
.ui-widget.info { background:none; overflow:visible; }
.ui-widget-content.info { background:none; overflow:visible; }
/* Dialog: info */
.ui-dialog.info .ui-dialog-titlebar { background:none; background-color:rgb(171,0,0); }
.ui-dialog.info .ui-dialog-titlebar-close{ display:block; }
.ui-dialog.info .ui-dialog-title{ font-size:14px; font-weight:bold; color:#FFF; width:98%; }
.ui-dialog.info .ui-dialog-content { background:none; background-color:#FFF; }
.ui-dialog.info .ui-widget-header { border:none; }