/*HTML*/
html
{
	margin: 0;
	padding: 0;
}
body
{
	background-color: #636C87;
	background-image: url(Body_Back.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	color: #111111;
}
body, input, select, textarea, table
{
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
}
p
{
	padding: 5px 0 5px 0;
	margin: 0;
}
div#Top
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 20px;
	background-color: #111111;
	background-image: url(Top_Back.jpg);
	background-repeat: repeat-x;
}
div#Banner
{
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	height: 60px;
	background-color: #111111;
	background-image: url(Banner_Back.jpg);
	background-repeat: repeat-x;
	border-bottom: solid 1px #111111;
	border-top: solid 1px #111111;
}
div#Spacer
{
	position: absolute;
	left: 0;
	top: 772px;
	width: 100%;
	height: 10px;
}
/*Player*/
div#PlayerArea
{
	position: absolute;
	left: 10px;
	top: 82px;
	width: 400px;
	height: 369px;
	border-left: solid 1px #373C4B;
	border-right: solid 1px #373C4B;
	border-bottom: solid 1px #373C4B;
}
div.PlayerImage
{
	height: 300px;
	background-color: #000000;
}
div.MyPlayer
{
	width: 400px;
	height: 69px;
	background-color: #000000;
	color: #FFFFFF;
	vertical-align: top;
	padding: 0;
	overflow: hidden;
}
div.YouTubePlayer
{
	width: 400px;
	height: 369px;
	background-color: #000000;
	color: #FFFFFF;
	vertical-align: top !important;
	padding: 0;
	overflow: hidden;
}
/*Ajax*/
div.Processing
{
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	z-index: 999;
	width: 100%;
	background-color: #EEF3FA;
	font-size: 10px;
	line-height: 20px;
}
div.Processing div
{
	margin-left: 10px;
}
/*Tabs*/
div#Tabs
{
	position: absolute;
	left: 422px;
	top: 82px;
	width: 300px;
	height: 300px;
	border-left: solid 1px #373C4B;
	border-right: solid 1px #373C4B;
	border-bottom: solid 1px #373C4B;
}

div#HostLine
{
	position: absolute;
	left: 423px;
	top: 82px;
	width: 300px;
	height: 4px;
	background-color: #27A4D4;
	font-size: 1px;
}
div.Host
{
	width: 300px;
	height: 300px;
}
div#HostInfo
{
	position: relative;
	width: 170px;
	height: 280px;
	left: 8px;
	top: 12px;
	background-color: #A9B7C9;
	border: solid 1px #FFFFFF;
}
div#HostName
{
	position: relative;
	width: 160px;
	height: 30px;
	padding: 5px;
	text-align: center;
}
div#HostName span
{
	font-size: 12px;
	font-weight: bold;
}
div.ContactsBox
{
	font-weight: bold;
	color: #333333;
	background-color: #93A4BB;
	line-height: 18px;
	padding: 5px 10px 5px 10px;
}
div#Contact
{
	position: relative;
	width: 150px;
	height: 56px;
}
div.ContactsBox img
{
	margin-right: 5px;
	vertical-align: middle;
}
div.ContactsBox a
{
	color: #333333 !important;
}
div.ContactsBox a:hover
{
	color: #000000 !important;
}
div#News
{
	color: #333333;
	position: relative;
	width: 150px;
	height: 139px;
	padding: 5px 10px 5px 10px;
}
div#News table td
{
	padding: 0;
	font-size: 10px;
}
div#NewsText a
{
	text-decoration: underline !important;
}
div#HostInfo a
{
	text-decoration: none;
	color: #222222;
	cursor: pointer;
}
input.Button
{
	height: 25px;
	border: none;
	background-color: #E0E0E0;
	background-image: url(Button_Back.jpg);
	background-repeat: repeat-x;
	cursor: pointer;
}
/*Ads*/
div#Ads
{
	color: #FFFFFF;
	position: absolute;
	left: 422px;
	top: 392px;
	width: 300px;
	height: 272px;
	border: solid 1px #373C4B;
	overflow: hidden;
}
div#Ads table td, div#Sidebar table td
{
	padding: 0;
}
div#Ads img
{
	border: none !important;
	width: 300px;
	height: 250px;
}
div#Sidebar
{
	color: #FFFFFF;
	position: absolute;
	left: 734px;
	top: 82px;
	width: 260px;
	height: 693px;
	border-bottom: solid 1px #373C4B;
	border-left: solid 1px #373C4B;
	border-right: solid 1px #373C4B;
	overflow: hidden;
}
div#Sidebar img
{
	border: none !important;
}
/*Song*/
div#Song
{
	position: absolute;
	left: 10px;
	top: 462px;
	width: 400px;
	height: 202px;
	border: solid 1px #373C4B;
	background-color: #A9B7C9;
}
div#Artist
{
	position: relative;
	width: 380px;
	height: 32px;
	padding: 7px 10px 5px 10px;
	background-image: url(Artist_Back.jpg);
	background-repeat: repeat-x;
	border-bottom: solid 1px #373C4B;
	color: #FFFFFF;
}
div#About
{
	width: 380px;
	padding: 10px;
}
div#About, div#About a
{
	color: #333333;
}
div#About a
{
	text-decoration: underline;
}
div#About a:hover
{
	color: #000000;
}
span.ArtistName
{
	font-size: 14px;
	font-weight: bold;
}
span.SongName
{
	font-size: 12px;
}
input.PagerIcon
{
	margin-right: 2px;
}
img.PreviewPicture
{
}
img.PreviewPictureAudio
{
	float: left;
	margin-right: 5px;
}
/*Box*/
div.Box
{
	color: #FFFFFF;
	width: 600px;
	border: solid 1px #373C4B;
	background-color: #A9B7C9;
}
div.BoxTitle
{
	background-color: #636C87;
	border-bottom: solid 1px #373C4B;
	padding: 5px;
	font-weight: bold;
}
div.BoxText
{
	padding: 5px;
	color: #000000;
}
/*Data lists*/
div.TabListContainer
{
	margin-top: 5px !important;
	height: 270px;
}
table.TabList
{
	color: #FFFFFF;
	width: 100%;
}
table.TabList img
{
	border: solid 1px #FFFFFF !important;
}
tr.NormalListRow td
{
	background-color: #5A6478;
	border-bottom: solid 1px #505A69;
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
}
tr.AltListRow td
{
	background-color: #636C87;
	border-bottom: solid 1px #505A69;
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
}
tr.SelectedListRow td
{
	color: #000000;
	background-color: #A9B7C9;
	border-bottom: solid 1px #505A69;
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
}
a
{
	color: #FFFFFF;
	text-decoration: none;
}
a:hover
{
	color: #A9B7C9;
	text-decoration: none;
}
tr.SelectedListRow td a, tr.SelectedListRowAudio td a
{
	color: #000000;
}
img.ServiceIcon
{
	vertical-align: middle;
}
span.ListText
{
	font-size: 10px;
}
img.PreviewPictureAudio
{
	float: left;
	margin-right: 5px;
}
tr.NormalListRowAudio td
{
	background-color: #5A6478;
	vertical-align: middle;
}
tr.AltListRowAudio td
{
	background-color: #636C87;
	vertical-align: middle;
}
tr.SelectedListRowAudio td
{
	color: #000000;
	background-color: #A9B7C9;
	vertical-align: middle;
}
td.TabListHeader
{
	background-color: #505A69 !important;
	border-bottom: solid 1px #505A69;
	padding: 1px 5px 1px 5px;
}
div.SidebarTitle
{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-image: url(SidebarTitle_Back.jpg);
	background-repeat: repeat-x;
	height: 22px;
	line-height: 21px;
	width: 100%;
}
table.SidebarTable td
{
	font-size: 10px;
	padding: 1px 10px 1px 10px !important;
	height: 26px;
	background-color: #5A6478;
	border-bottom: solid 1px #505A69;
}
tr.AltListSidebar td
{
	background-color: #636C87;
}
div.ContactSidebar
{
	border-top: solid 1px #373C4B;
}
img.PositionImage
{
	float: right;
	position: relative;
	top: 5px;
	cursor: help;
}
td.SidebarFirstCol
{
	width: 1%;
	border-right: solid 1px #505A69;
}
tr.SidebarPager td
{
	border: none !important;
	padding: 0 !important;
}
/*VIP*/
div#Vip
{
	position: absolute;
	left: 10px;
	top: 674px;
	width: 712px;
	height: 100px;
	border: solid 1px #373C4B;
	background-image: url(Vip_Back.jpg);
	background-repeat: no-repeat;
	background-color: #636C87;
	color: #FFFFFF;
}
div#VipAbout
{
	float: right;
	margin: 10px;
	width: 300px;
}
div#VipLogin
{
	float: right;
	margin: 10px;
	width: 120px;
	font-weight: bold;
}
div#VipLogin img
{
	float: left;
	margin-right: 5px;
}