@charset "UTF-8";



/*

-----------------------------------------------

Spry Demos CSS Rules

Version:  12 Apr 2006 (0.2b)

----------------------------------------------- */

body {

	margin: 0;

	padding: 0;

	color: #999;

	background: #000;

	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;

	font-size: x-small; /*for IE5/Win */

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size: small; /*for compliant browsers */	

	}

html>body { font-size: small; } /* be nice to Opera */

hr 
{
	width: 80%;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/	
}

.textbox 
{
	padding: 5px 5px 5px 5px;
	font-size: smaller;
}



#tim_header

{

	top: 0;

	left: 0;

	margin-left: 10px;

	width: 1026px;
	height:30px;

	border-top: solid 1px #999;

	border-left: solid 1px #999;

	border-right: solid 1px #999;

	padding: 5px 5px 5px 5px;

}

.AssetBrowser 
{
	float:left;
	padding:0px 10px 0px 10px;
	border-right:solid 1px #CCC;
	height:700px;
	width:120px;
	overflow:auto;
}

.AssetBrowser a:link {text-decoration: none; color: #999}
.AssetBrowser a:visited {text-decoration: none}
.AssetBrowser a:active {text-decoration: none}
.AssetBrowser a:hover {text-decoration: none; color: white;}

.ArtDetail
{
	float:left;
	padding:0px 0px 0px 0px;
	height:690px;
	width:644px;
	text-align:center;
}

.ArtDetail h1 { font-size: x-large; }

.ArtDetail a:link {text-decoration: none; color: Aqua}
.ArtDetail a:visited {text-decoration: none; color: White}
.ArtDetail a:active {text-decoration: none; color: Red}
.ArtDetail a:hover {text-decoration: none; color: Red;}

.MusicDetail
{
	float:left;
	padding:0px 0px 0px 10px;
	border-bottom:solid 1px #CCC;
	height:500px;
	width:644px;
}

.MusicDetail h1 { font-size: x-large; }

.MusicDetail a:link {text-decoration: none; color: Aqua}
.MusicDetail a:visited {text-decoration: none; color: White}
.MusicDetail a:active {text-decoration: none; color: Red}
.MusicDetail a:hover {text-decoration: none; color: Red;}

.MusicDetailCredits
{
	font-size:smaller;
	float:right;
	padding:0px 10px 10px 10px;
	margin:0px 10px 5px 10px;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	width:200px;
}

.MusicList
{
	float:left;
	padding:0px 0px 0px 10px;
	height:199px;
	width:644px;
}

.MusicList a:link {text-decoration: none; color: #999}
.MusicList a:visited {text-decoration: none}
.MusicList a:active {text-decoration: none}
.MusicList a:hover {text-decoration: none; color: white;}

.InfoAreaStyle {

    position: absolute;

    border: solid 1px #999;

    margin-left: 10px;

    width: 220px;

}



/* Links

----------------------------------------------- */

a img { border-style: none; }



/* Paragraph Headings

----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-weight: normal; }

h1 { font-size: 165%; text-align: left; color: #fff; }

p { margin:0.375em 0; }



/* Hide unprocessed spry dynamic regions */

.SpryHiddenRegion {

	visibility: hidden;

}



/* Auto sizing DIV class */

div.autosize 

{

	display: table; width: 1px;

}



div.autosize > div 

{

	display: table-cell;

}