body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body a {
	color: #FFFFFF;
	text-decoration: none;
}
body a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
body a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

form {
	margin: 0px;
	padding: 0px;
}

#container {
	background-image: url(../images/plan8main.gif);
	background-repeat: no-repeat;
	height: 640px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	float: left;
	height: 118px;
	width: 940px;
}
#main {
	float: left;
	height: 471px;
	width: 923px;
	margin-left: 9px;
}
#col1 {
	float: left;
	height: 471px;
	width: 242px;
	overflow: hidden;
}

#signin {
	float: right;
	height: 60px;
	width: 243px;
	margin-right: 10px;
	padding-top: 10px;
	text-align: right;
}
#searchbox {
	float: right;
	clear: right;
	margin-right: 10px;
	width: 280px;
}
#mainnav {
	float: left;
	width: 440px;
	margin-left: 200px;
	text-align: left;
	margin-top: 78px;
}
#col2 {
	float: left;
	height: 471px;
	width: 423px;
	margin-left: 8px;
	overflow: hidden;
}
#col3 {
	float: left;
	height: 471px;
	width: 242px;
	margin-left: 8px;
	overflow: hidden;
}
#footer {
	float: left;
	height: 35px;
	width: 920px;
	padding-top: 15px;
	text-align: left;
	line-height: 17px;
	font-size: 12px;
	margin-left: 10px;
}
.mid {
	background-image: url(../images/plan8bg.gif);
	background-repeat: repeat-x;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 100%;
}

.searchbox {
	width: 243px;
	color: #333333;
	background-image: url(../images/searchbox243x27.gif);
	height: 27px;
	padding-left: 15px;
	border:none;
	float: right;
	padding-top: 6px;
	font-size: 11px;
}

.searchbox_90 {
	width: 90px;
	color: #333333;
	background-image: url(../images/inputbox90x27.gif);
	height: 27px;
	padding-left: 15px;
	border:none;
	float: left;
	padding-top: 6px;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 11px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.loginbox {
	margin-top: 5px;
	float: left;
	margin-left: 5px;
}

.fleft {
	float: left;
}
.fright {
	float: right;
	text-align: right;
}
.copyright {
	color: #C07E95;
}
.clear {
	clear: both;
}








/* SCROLL BAR STYLES */

#mycustomscroll {
	width: 423px;
	height: 415px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0.2em auto 0.3em;
	padding: 0px 0px 15px;
	float: left;
}

#mycustomscroll22222 {
	width: 500px;
	height: 300px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #D5EADE;
	margin: 0.3em auto;
	padding: 15px;
	float: left;
}


.test {
	position:relative;
	float: left;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/genre-on.gif) no-repeat;
	width: 80px;
	height: 33px;
	overflow:hidden;
			}


.test img { width: 80px; height:33px; border: 0; }
	* html a:hover {visibility:visible}
	.test a:hover img{visibility:hidden}

.test span {
	text-align: center;
	width: 80px;
	cursor: pointer;
	height: 33px;
	position: absolute;
					     }

/* COLUMN 1 STYLE */

.mainnavbut {
	float: left;
}

div.butmid_off {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	float: left;
	height: 37px;
	width: 80px;
	overflow: hidden;
	background-image: url(../images/buttonmid_80x37.gif);
	background-repeat: no-repeat;
}
div.butmid_off a {
	font-size: 9px;
	color: #CCCCCC;
}

div.butmid_off a:hover {
	text-decoration:none;
	color: #EB00AB;
}
div.butmid_off table {
	height: 37px;
	width: 100%;
	border-collapse:collapse;
}

div.butmid_off td {
	height: 37px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.butmid_on {
	background-image: url(../images/buttonmidon_80x37.gif) !important;
}

.darker {
	background-image: url(../images/buttondark_80x37.gif) !important;
}.listing {
	background-image: url(../images/list_bar.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: 10px;
	margin-left: 1px;
}
.listing img {
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.list_title {
	float: left;
	width: 120px;
	font-weight: 600;
	text-align: left;
	overflow: hidden;
	padding-top:5px !important;
	margin:0px !important;
	padding-left: 10px;

}
.list_detail {
	float: left;
	width: 200px;
	text-align: left;
	overflow: hidden;
	padding-top:5px !important;
	margin:0px !important;
	padding-left: 5px;

}
.featurewriter {
	background-image: url(../images/feature_writer_titlebox.jpg);
	background-repeat: no-repeat;
	height: 25px;
	_height: 37px;
	width: 242px;
	font-size: 11px;
	text-align: left;
	padding-left: 10px;
	padding-top: 12px;
	margin: 0px;
	padding-bottom: 0px;
}
.preproj {
	float: right;
	width: 160px;
	margin-top: 6px;
	font-size: 10px;
	color: #CCCCCC;
}
.col3title {
	width: 220px;
	text-align: left;
	margin-left: 10px;
	color: #CCCCCC;
	float: left;
	height: 25px;
	margin-top: 0px;
	padding-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.col3title img {
	border:none;
	_margin-top: -10px;
	padding: 0px;

}
.trackcopy {
	font-size: 11px;
	text-align: left;
	padding-left: 10px;
	height: 90px;
	overflow: hidden;
	margin: 5px 0px 0px;
	width: 220px;
	color: #CCCCCC;
	line-height: 13px;
	float: left;
}
.albumcopy {
	font-size: 10px;
	color: #CCCCCC;
	text-align: left;
	padding-left: 10px;
	height: 120px;
	width: 220px;
	margin: 0px;
	float: left;
}
.loginnote {
	font-size: 10px;
	color: #CCCCCC;
	padding-left: 10px;
	text-align: left;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: left;
}
.albumcopy img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.spacer100 {
	margin-top: 100px;
	float: left;
	clear: left;
}
.versions {
	background-image: url(../images/versions_panel.gif);
	float: left;
	height: 120px;
	width: 242px;
	padding-top: 35px;
	overflow: hidden;
}
.versions_list {
	font-size: 11px;
	line-height: 20px;
	color: #CCCCCC;
	text-align: left;
	padding-left: 10px;
	margin: 0px;
	float: left;
	width: 100px;
}

.versions_link {
	width: 120px;
}
.downpref_label {
	font-size: 9px;
	color: #CCCCCC;
	margin-right: 5px;
	float: left;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-left: 5px;
}
.downpref_select {
	width: 100px;
	float: left;
	font-size: 10px;
	color: #333333;
	margin-top: 4px;
}

.col2pop_box {
	height: 471px;
	width: 423px;
	position: relative;
	z-index: 100;
	margin-bottom: -471px;
}
.col3pop_box {
	height: 471px;
	width: 242px;
	position: relative;
	z-index: 100;
	background-color: #FF0000;
	margin-bottom: -471px;
	display: none;
}
div.albumlistbox {
	float: left;
	height: 360px;
	width: 242px;
	overflow: hidden;
}
div.albumlistbox_box {
	float: left;
	height: 120px;
	width: 80px;
	background-repeat: no-repeat;
}
div.albumlistbox_box img {
border: none;
}
div.albumlistbox_box table {
	float: left;
	height: 41px;
	width: 80px;
	background-repeat: no-repeat;
	background-image: url(../images/album_frame_footer80x41.gif);
	border-collapse:collapse;
}
div.albumlistbox_box td {
text-align:center;
vertical-align:middle;
}

div.albumlistbox_box td a {
	font-size: 9px;
	color: #CCCCCC;
}

div.albumlistbox_box td a:hover {
	text-decoration:none;
	color: #EB00AB;
}
.paging {
	color: #999999;
	margin-top: 10px;
	float: left;
	height: 20px;
	width: 242px;
}
.composerlist a {
	height: 16px;
	width: 230px;
	float: left;
	padding-top: 2px;
	padding-bottom: 0px;
	text-align: left;
	padding-left: 10px;
	margin-left: 1px;
	color: #999999;
}


.composerlist a:visited {
	text-decoration: none;
	color: #999999;
}

.composerlist a:hover {
	background-color: #222222;
	text-decoration: none;
	color: #ffffff;
}

.composerlist p {
	background-color: #330066;
	text-align: left;
	float: left;
	height: 24px;
	width: 242px;
}


.tempolist a {
	width: 240px;
	float: left;
	padding-top: 2px;
	padding-bottom: 0px;
	text-align: left;
	padding-left: 10px;
	margin-left: 1px;
	color: #CCCCCC;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	background-color: #222222;
	
}
.tempolist a:visited {
	text-decoration: none;
	color: #999999;
}

.tempolist a:hover {
	background-color: #333333;
	text-decoration: none;
	color: #ffffff;
}




/* PAGE CONTENT STYLES */

div.pagecontent {
width: 390px;
margin-left: 16px; margin-top: -4px;
height: 455px;
float: left;
overflow:auto;
text-align: left;
}

div.pagecontent h1 {
font-size: 22px;
font-weight:400;
color:#FF0099;
margin: 0px;
padding: 0px;
line-height:28px;
}

div.pagecontent h3 {
	font-size: 12px;
	font-weight:700;
	color:#FFFFFF;
	margin: 4px 0px 2px;
	padding: 0px;
	line-height:20px;
	
}div.pagecontent h2 {
	font-size: 18px;
	font-weight:600;
	color:#FFFFFF;
	margin: 8px 0px;
	padding: 3px 0px 3px 10px;
	line-height:22px;
	background-color: #121212;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #272727;
}
div.pagecontent TD {
	padding: 5px;
}
div.pagecontent p {
	line-height: 14px;
	color: #CCCCCC;
	font-size: 11px;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-bottom: 0px;
}
div.pagecontent p strong {
	color: #FFFFFF;
}
div.pagecontent li {
	color: #CCCCCC;
	margin-bottom: 4px;
}
div.pagecontent ol {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div.pagecontent a {
	color: #FF0099;
	font-weight: 600;
}
div.pagecontent label {
	float: left;
	width: 120px;
	padding-top: 4px;
	font-size: 10px;
	font-weight: lighter;
}
div.pagecontent input {
	float: left;
	height: 21px;
	width: 255px;
	margin-bottom: 4px;
	font-size: 11px;
	color: #666666;
	font-family: Arial;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(../images/255x21_input_bg.gif);
	background-repeat: no-repeat;
	border:none  !important;
	padding-top: 3px;
}
.whitelink, .whitelink a, .whitelink a:visited {
	color: #FFFFFF !important;
	text-decoration: underline !important;
}


.tempo1 {
	float: left;
	width: 150px;
}
.tempo2 {
	float: left;
	width: 70px;
	text-align: right !important;
}



.signup {
position: absolute;
z-index:9999;
width: 940px;
height: 670px;
background-image:url(../images/plan8bg.png);
background-position:center center;
}
div.pagecontent textarea {
	float: left;
	height: 42px;
	width: 255px;
	margin-bottom: 4px;
	background-image: url(../images/255x42_input_bg.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
}
div.pagecontent select {
	float: left;
	width: 55px;
	font-size: 12px;
	color: #333333;
	font-family: Arial;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 5px;
}
.loginbox {
position: absolute;
z-index:9999;
width: 940px;
height: 670px;
background-image:url(../images/plan8bg2.png);
background-position:center center;
}