/* CSS Document */

body		{padding:0px 0 0 0; margin:0; font:0.7em Tahoma, Arial, sans-serif; line-height:1.7em; background:url(../images/back_new.gif) repeat-y center top;}
a			{color:#014897; background:inherit; text-decoration:none;}
a:hover		{color:#808080; background:inherit; text-decoration:underline;}
p			{margin:0 0 5px 0;}
h1			{font:bold 2.2em Arial, Sans-Serif; padding:20px 0 -0px 0; margin:0px 0px -90px 0px; letter-spacing:-1px;}
h2			{margin:0; padding:0; font:bold 1.4em Arial, Sans-Serif;}
h1 a, h2 a	{color:#000; text-decoration:none;}
img			{border:0;}

/*-----------------------------------------------   artist menu  --------------------------------------------------*/
#tabnav {
	height: 20px;
	margin: 0;
	padding-left: 0px;}

#tabnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;}
	
#tabnav a:link, #tabnav a:visited {
	float: left;
	background: #f3f3f3;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 1px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #f3f3f3;
	text-decoration: none;
	color: #666;}

#tabnav a:link.active, #tabnav a:visited.active {
	border-bottom: 2px solid #fff;
	background: #fff;
	color: #000;}

#tabnav a:hover	{
	background: #fff;}


.tabnavcontent {
	background: #fff;
	font-size: 11px;
	padding: 2px 10px 2px 10px;
	margin-right: 1px;
	border: 1px solid #ccc;
	color: #000;}

.buttonlink {
	background: #f3f3f3;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin: 1px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;}

.buttonlink:hover {
	background: #fff;
	color: #000;
	text-decoration: none;}
	
/* layout */
#container {width:907px; margin:0px auto;}
#content {
	float:left;
	margin:0px auto;
	width:787px;
	background:#fff;}

/* top logo and placement for the top text links */
#logo {
	margin:0px 0 0px 0;
	padding:10px 10px 60px 450px;}
	#logo a {
		margin-right: 15px;}
	.logofloat	{float:left;}
	 
/* basket background for firefox */
.basketback	{
	background:url(../images/blank.gif);
	margin-right:20px;}

/* main horizontal menu */
#tablist li				{list-style:none; display:inline; margin:0;}
#tablist li a			{text-decoration:none; padding:12px 10px; margin-right:2px; font-weight:bold; color:#fff;}
#tablist li a:hover		{color:#fc9a00;}
#tablist li a.current	{padding:12px 16px;}
#tablist li a.artist	{padding:12px 12px;}
#tablist li a.directory	{padding:12px 13px;}
#tablist li a.forum		{padding:12px 13px;}	
#tablist li a.blog		{padding:12px 14px;}	
#tablist li a.about		{padding:12px 13px;}	
#tablist li a.login		{padding:12px 14px;}	
#tablist li a.blank		{padding:12px 60px;}	
#tablist li a.register	{padding:6px 0px 6px 0px;}


/* second horizontal menu */

#navbar				{width:775px; background-image:url(../images/navbar.jpg); font-weight:bold; padding:10px 6px; margin:0 0 5px 0; color:#fff; clear:both;}
#navbar li			{list-style:none; display:inline; margin:0;}
#navbar li a		{text-decoration:none; padding:0px 10px; margin-right:2px; font-weight:bold; color:#fff;}
#navbar li a:hover	{color:#fc9a00;}

/* top text - next to main pic */
#announcement	{clear:both; background:#5e7a92; width:775px; padding:10px 7px; margin:0 0 5px 0; color:#ffffff;}

.whitelink		{color:#ffffff; font-weight:bold;}
.whitelink a	{color:#FFCC00;}

/* main pic */
#toppics		{clear:left; float:left; margin:0px 0 4px 0; background-image:url(../images/mainpic.jpg); width:276px; height:140px;}

/* search bar */
#midnavbar	{clear:both; width:775px; background:#d22a2a; font-weight:bold; padding:3px 7px; margin:0 0 5px 0; color:#fff; height:20px;}
#midnavbar a {color:#F5B5B5; text-decoration:none;}
#midnavbar a:hover	{color:#fc9a00;}

.searchresult_table {width:100%;}
	
/* main content */
#main	{background:url(../images/mainback.gif); width:100%;}
#left	{background:#eaeaea; width:579px; float:left;}
#right	{background:#eaeaea; width:202px; margin-left:585px;}

/* multiple blue headers */
.header			{background-image:url(../images/butback.gif); padding:6px 9px; font-weight:bold; color:#fff;}
.maincontent	{padding:7px 9px;}
.mainforum		{padding:7px 9px;}
.mainblog		{padding:7px 9px;}

#highlighted	{font-weight:bold;}

/* tabs for the blooter charts */
#chart_tabs					{background-image:url(../images/chart_tab.jpg); padding:8px 9px; font-weight:bold; color:#000000;}
#chart_tabs ul				{list-style:none; display:inline; margin:0; padding:0;}
#chart_tabs li				{list-style:none; display:inline; margin:0;}
#chart_tabs li a			{text-decoration:none; color:#000000;}
#chart_tabs li a:hover		{color:#3e5a71;}
#chart_tabs_free			{background-image:url(../images/new_tab.jpg); padding:8px 9px; font-weight:bold; color:#000000;}
#chart_tabs_free ul			{list-style:none; display:inline; margin:0; padding:0;}
#chart_tabs_free li			{list-style:none; display:inline; margin:0;}
#chart_tabs_free li a		{text-decoration:none; color:#000000;}
#chart_tabs_free li a:hover	{color:#3e5a71;}

.tabspacer	{padding:0px 0px 0px 25px;}


/* Tables */
.shadow							{line-height:1.5em; background:#919191;}
.disptable						{width:99%; position:relative; top:-4px; left:-4px; border:1px solid #000; background:#fff;}
	.disptable caption				{margin:0; padding:8px 20px; text-align:left; border:1px solid #000; border-bottom:none; background:#fff;}
	.disptable th, .disptable td	{margin:0; text-align:center; border-bottom:1px solid #b5b5b5;}
	.disptable th					{color:#999;}
	.disptable .textleft			{text-align:left;}
	.disptable tr					{background:#e6e6e6;}
		.disptable tr.alt				{background:#f1f1f1;}
	.disptable tr.inactive					{background:#F6A6A6;}
		.disptable tr.alt_inactive		{background:#f1d1d1;}
	.disptable td a					{font-weight:bold;}
	.disptable .column1 {
		width: 15%;}
	.disptable .column2 {
		width: 40%;}
	.disptable .column3 {
		width: 15%;}
	.disptable .column4 {
		width: 15%;}
	.disptable .column5 {
		width: 15%;}


.charttable						{width:100%; background:#fff;}
.charttable caption				{margin:0; padding:1px 5px; text-align:center; background:#fff;}
.charttable th, .disptable td	{margin:0; padding:1px 5px; border-bottom:1px solid #b5b5b5;}
.charttable th					{color:#999;}
.charttable .textleft			{text-align:left;}
.charttable tr					{background:#e6e6e6;}
.charttable tr.alt				{background:#f1f1f1;}
.charttable td 					{font-weight:bold;}

.intablelay			{border:1px solid #fff; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:100%;}
.intablelay td,th	{border:1px solid #fff; border-collapse:collapse; padding:5px;}	
.intablelay caption	{background:#194B6A; font-size:110%; border:1px solid #fff; border-bottom:none; padding:5px; text-align:left; color:#FFFFFF; font-weight:bold;}
.intablelay tr.alt	{background:#f1f1f1;}
	
.textcentre			{text-align:center;}

.forumbutton	{float:right; border:1px solid #5A6B85; padding:3px; background-color:#919191;}
.forumbutton a	{color:#FFFFFF; font-weight:bold;}

.directory_details		{padding:5px; border:1px solid black; background:#FFFFFF;}
.directory_details p	{padding-left:5px;}

form {padding: 0px;}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #ccc;
padding: 2px;
color: #666;
font-size: 10px;
}

.loginform input
{
font-size: 11px;
}

select {
border: 1px solid #ccc;
padding: 0px 0px 1px 0px;
color: #666;
font-size: 10px;
}

label {
font-weight: bold;
}

fieldset {
border: 1px solid #ccc;
padding: 1px 5px 5px 10px;
}

legend {color: #666;}
.button	{ background: #f3f3f3; font-size: 10px; font-weight: bold; padding: 1px; border: 1px solid #ccc; text-decoration: none; color: #666;}

/* General Links */
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
#general		{
			clear:both;
			padding:0px 0px 10px 0px;
			margin:10px 0px 0px 0px;
			background-color:#67879e;
			color:#fff;
			}

#columns {
	padding:0px;
	margin:0px auto;
	width:760px;
	}


#columns ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#columns li {
	display:block;
	padding:5px 10px;
	text-align:left;
	width:94%;
	border-bottom:1px solid #D3ECFF;
	font-size:11px;
	}
#columns ul li a:link, 
#columns ul li a:visited{
	color:#fff;
	}

#columns ul li a:hover {
	color:#fff;
	}

#colLeft,
#colCenter,
#colRight {
	float:left;
	width:31.2%;
	padding:5px;
}	

/* Main Footer */
#footer		{
			clear:both;
			padding:0px 0px 10px 20px;
			margin:8px 0px 0px 0px;
			background:#67879e;
			color:#fff;
			height: 15px;
			}
#footer a {
	color: #fff;
	}
	
/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }


.inbox_toplink			{border:1px solid #ccc; padding:2px 3px 2px 3px; text-decoration:none; color:#FFFFFF; background-color:#637F97;}
.inbox_toplink:hover	{border:1px solid #ccc; padding:2px 3px 2px 3px; text-decoration:none; color:#FC9A00; background-color:#637F97;}
.inbox_toplink_sel		{border:1px solid #ccc; padding:2px 3px 2px 3px; text-decoration:none; color:#FFFFFF; background-color:#CE7273;}
.inbox_toplink_sel:hover{border:1px solid #ccc; padding:2px 3px 2px 3px; text-decoration:none; color:#FC9A00; background-color:#CE7273;}

.inbox_send div			{margin-top:5px;}
.inbox_send label		{width:120px; float:left;}

.addmp3_row {margin:10px 0px 10px 0px; width:100%; text-align:center;}
.addmp3_col01 {clear: both; width: 15%; vertical-align: middle; text-align: left; vertical-align: middle; float: left;}
.addmp3_col02 {width: 58%; vertical-align: middle; text-align: left; vertical-align: middle; float: left;}
.addmp3_col03 {width: 20%; vertical-align: middle; text-align: left; vertical-align: middle; float: left;}

.warningText {color: #DD0000;}