html {
}
body {
	/*vlink="#FFFFFF" alink="#191175" link="#FFFFFF" LEFTMARGIN="0" RIGHTMARGIN="0" MARGINWIDTH="0" TOPMARGIN="0" MARGINHEIGHT="0"*/
	background-color: #00203E;
    margin: 0;padding: 0;
}

form { margin: 0;padding: 0; }
a { font-family:Arial,Helvetica; font-size:10px ; }

div.clear{ clear: both; }

#mainhf {
	position: relative;
	width: 660px;height: 500px;
	left: 50%;
	margin-top: 30px;margin-left: -330px;
	background-color: #E7E7E7;
	background-image: url(../_img/borderplayer.gif);
	background-repeat: repeat-y;
}

#remote {
	position: absolute;margin: 0;padding: 0;
	left: 30px;top: 20px;
	width: 114px;
}
#remote div{
	position: relative;margin: 0;padding: 0;
	float: left;
}
#remote div.topleft {
	height: 15px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_topleft.gif);
}
#remote div.top{
	height: 15px;width: 84px;line-height: 12px;
	background-image: URL(../_img/hf_top.gif);
	background-repeat: repeat-x;
}
#remote div.topright {
	height: 15px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_topright.gif);
}
#remote div.left {
	height: 180px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_left.gif);
	background-repeat: repeat-y;
}
#remote div.center {
	height: 180px;width: 84px;z-index: 20;
	background-color: #8E9CE4;
}
#remote div.right {
	height: 180px;width: 15px;line-height: 12px;z-index: 19;
	background-image: URL(../_img/hf_right.gif);
	background-repeat: repeat-y;
}

#remote #genres {
	z-index: 10;
	position: absolute;top: 0;left: 0;
	width: 120px;
}

span.genre {
	float: left;
	display: block;width: 84px;height: 30px;
	color: #184194; font-family: Verdana; font-size:11px; text-align:center;
	line-height: 30px;
	margin-top: 8px;
}
span.on {
	background-color: #184194;color: #8E9CE4;
}
a.playbt {
	float: left;
	display: block;width: 36px;height: 30px;
	background-image: URL(../_img/playbt.gif);
	margin-top: 8px;
	text-indent: -9999px;
	outline: none;
}


#remote div.bottomleft {
	height: 15px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_bottomleft.gif);
}
#remote div.bottom{
	height: 15px;width: 84px;line-height: 12px;
	background-image: URL(../_img/hf_bottom.gif);
	background-repeat: repeat-x;
}
#remote div.bottomright {
	height: 15px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_bottomright.gif);
}

/* --- */

#mainscreen {
	position: absolute;margin: 0;padding: 0;
	left: 200px;top: 20px;
	width: 440px;
}

#mainscreen div{
	position: relative;margin: 0;padding: 0;
	float: left;
}
#mainscreen div.topleft {
	height: 15px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_topleft.gif);
}
#mainscreen div.top{
	height: 15px;width: 410px;line-height: 12px;
	background-image: URL(../_img/hf_top.gif);
	background-repeat: repeat-x;
}
#mainscreen div.topright {
	height: 15px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_topright.gif);
}
#mainscreen div.left {
	height: 380px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_left.gif);
	background-repeat: repeat-y;
}
#mainscreen div.center {
	height: 380px;width: 410px;
	background-color: #8E9CE4;
}
#mainscreen div.right {
	height: 380px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_right.gif);
	background-repeat: repeat-y;
}
#mainscreen div.bottomleft {
	height: 15px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_bottomleft.gif);
}
#mainscreen div.bottom{
	height: 15px;width: 410px;line-height: 12px;
	background-image: URL(../_img/hf_bottom.gif);
	background-repeat: repeat-x;
}
#mainscreen div.bottomright {
	height: 15px;width: 15px;line-height: 12px;
	background-image: URL(../_img/hf_bottomright.gif);
}

#mainscreen div.musiclist {
	overflow: auto;width: 410px;height: 380px;
}
#mainscreen div.musiclist ul {
	margin: 0;padding: 0;
	list-style: none;
}

#mainscreen div.leftgb {
	height: 430px;width: 15px;
	background-image: URL(../_img/hf_left.gif);
	background-repeat: repeat-y;
}
#mainscreen div.centergb {
	height: 430px;width: 410px;
	background-color: #8E9CE4;
}
#mainscreen div.rightgb {
	height: 430px;width: 15px;
	background-image: URL(../_img/hf_right.gif);
	background-repeat: repeat-y;
}
#mainscreen div.musiclistgb {
	overflow: auto;width: 410px;height: 430px;
}
#mainscreen div.musiclistgb ul {
	margin: 0;padding: 0;
	list-style: none;
}

.midi { font-family: Verdana; font-size:12px;color: #184194;line-height: 20px;}
a.midi { display: block;width: 90%;font-family: Verdana; font-size:12px;color: #184194; text-decoration: none;line-height: 20px;margin-left: 10px;}
a.midi:hover { color: #8E9CE4; text-decoration: none;background-color: #184194;}

/* - */

#remote div.smallrow{
	position: relative;height: 30px;width: 114px;margin-top: 10px;
	background: URL(../_img/bt_smallrow.gif) center no-repeat;
}
#remote div.smallrow span{ position: absolute;}
#remote div.smallrow span.download { top: 0;left: 2px;}
#remote div.smallrow span.downloadbt { top: 6px;left: 14px;}

#remote div.smallrow span.request { top: 1px;left: 62px;}
#remote div.smallrow span.requestbt { top: 6px;left: 69px;}

#remote div.smallrow span a.smallbt {
	text-indent: -9999px;
	display: block;height: 32px;width: 32px;
	background-image: url(../_img/smallbt.png);
	background-position: 0 0;
	outline: none;
}
#remote div.smallrow span a.smallbt:hover {
	background-position : -1px 31px;
}

#qtplayer {
	position:absolute;top: 430px;
	left: 210px;
	z-index: 202;
	width: 340px;
	font-family:Verdana,Sans-serif;font-size: 11px;
}
#qtplayer a.qbt {display: block;width: 32px;height: 32px;line-height: 32px;text-decoration: none;color: #fff;background-color: grey;text-align: center;margin: 4px;cursor: pointer;}
#qtplayer a.dwnl { background-image:url("../_img/dwnld.png"); }
#qtplayer a.stop { background-image:url("../_img/stop.png"); }

#emidiplayer { background-color: #E7E7E7; }

#remote div.logo { width: 114px;margin-top: 20px; text-align: center;}
#remote div.btoff { width: 114px;margin-top: 20px; text-align: center;}