/**************************
BODY, HTML
**************************/
*{
  padding:0;
  margin:0;
  
}
html {
	height:98%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(images/pagebkg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	
}
p {
	display: block;
	padding-bottom: 5px;
}
#page {
	width: 950px;
	height: 650px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#HMlogo {
	position: absolute;
	visibility: visible;
	z-index: 999;
	left: 750px;
	top: 0px;
}
#star {
	position: absolute;
	visibility: visible;
	z-index: 999;
	left: 536px;
	top: 0px;
}

#staranimation {
	position: absolute;
	visibility: visible;
	z-index: 999;
	left: 170px;
	top: 0px;
	height: 230px;
	width: 480px;
}
#musicwrapper {
	position: absolute;
	visibility: visible;
	z-index: 999;
	left: 590px;
	top: 220px;
	height: 409px;
	width: 361px;
}
#toplayer {
	position: relative;
	visibility: visible;
	z-index: 998;
}
#bottomlayer {
	position: absolute;
	visibility: visible;
	z-index: 997;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: square;
	list-style-position: outside;
	padding-left: 15px;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: decimal;
	list-style-position: outside;
}
.warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	color: #FF0000;
	font-weight: bold;
	display: block;
	padding-bottom: 8px;
	}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.entryfield {
	padding: 2px;
	background-color: #F0F0F0;
	border: thin solid #CCCCCC;
	width: 200px;
}
.entryfield_nowidth {
	padding: 2px;
	background-color: #F0F0F0;
	border: thin solid #CCCCCC;
}

.box2 {
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}
.loginpanel {
	background-image: url(images/entrybottom_bkg.gif);
	background-position: center bottom;
	color: #FFFFFF;
	font-size: 11px;
	width: 341px;
	text-align: center;
}
.loginpanel p{
	font-size: 11px;
}
.loginpanel a{
	color: #FF3366;
}
.registerpanel {
	background-image: url(images/entry_bkg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	width: 341px;
}
.registerpanel p{
	font-size: 11px;
	
}
.contentpanel {
	background-image: url(images/content_bkg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	padding-right: 25px;
	padding-left: 25px;
}
.contentpanel p{
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 8px;
}
.legal p{
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 8px;
}

/**************************/
.legal {
	color: #000000;
	font-size: 11px;
	line-height: 13px;
}
.legal a{
	color: #45B0B8;
	text-decoration: underline;
}
h2 {
	color: #45B0B8;
	padding-bottom: 5px;
	font-size: 16px;
	line-height: 18px;
}
h1 {
	color: #c40075;
	padding-bottom: 5px;
	font-size: 18px;
	line-height: 20px;
}