/* Reset */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, pre,
a, em, font, img, small,
strong, b, u, i, ol, ul, li,
form, label, legend,
table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Ok, styling */

html, body, #body {color: #7a8c89; font: 12px/16px Helvetica, Arial, Tahoma, sans-serif; height: 100%;}
body > #body {height: auto; min-height: 100%;}

	#topline {width: 600px; margin: 0 auto; height: 60px; padding-top: 10px;}
	
	#header {width: 600px; margin: 0 auto; height: 90px;}
	#header .container {margin-left: -20px;}
	.head-spacer {height: 30px;}

	#page {width: 600px; margin: 0 auto; padding-bottom: 20px;}
	
	.player {float: left; width: 540px; height: 40px;}
		
		
#footer {width: 600px; margin: 0 auto; position: relative; margin-top: -20px; height: 20px; clear:both;}
#footer a {color: #7a8c89;}

#whyreg a {color: #7a8c89;}


#uploader {margin: 0 auto; width: 380px; height: 40px; margin-top: -40px;}

.upload-button {margin: 0 auto; width: 380px; height: 40px; background: #909d9e; color: white; text-align: center;}
.upload-text {margin: 0 auto; display: inline-block; text-align: center; margin-top: 10px; padding-left: 40px;}

.button-corners {margin: 0 auto; width: 380px; height: 40px; margin-top: -40px; background: url(/shared/images/button-corners.png) no-repeat;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div.title-block {float: left; margin: 30px 0px 0px 7px;}

div.title {float: left; font: 20px/20px Helvetica, Arial, Tahoma, sans-serif;}
.title a {color: #7a8c89;}

div.sup {float:left; font: 10px/10px Helvetica, Arial, Tahoma, sans-serif; margin: -2px 0px 0px 2px; font-style: italic;}


input.ready { width: 600px; margin: 20px auto; height: 40px; border: 1px solid #dde1e2; color: #7a8c89; font: 24px/40px Helvetica, Arial, Tahoma, sans-serif; text-align: center;}

p {margin-top: 5px; margin-bottom: 5px;}
a { color: #ff0d51; text-decoration: none;}
a:hover { text-decoration: underline;}

img { border: none }

.player-box {margin: 10px 0px 10px 0px;}

.playpause {float: left; width: 40px; height: 27px; margin-top: 2px; background: url(/shared/images/pic_playpause.png) no-repeat; }
.play {background-position: 0px 0px;}
.pause {background-position: 0px -28px;}


.track-title h1 {float: left; font: 30px/30px Helvetica, Arial, Tahoma, sans-serif; font-weight: normal;}
.track-title h2 {float: left; font: 15px/15px Helvetica, Arial, Tahoma, sans-serif; font-weight: normal; margin: -2px 0px 0px 4px; font-style: italic;}


h1 { font: 35px/35px Helvetica, Arial, Tahoma, sans-serif; font-weight: normal;}
h2 { font: 20px/20px Helvetica, Arial, Tahoma, sans-serif; font-weight: normal;}
h3 { font: 17px/17px Helvetica, Arial, Tahoma, sans-serif; text-decoration: none; margin-bottom: 10px; }


.center {text-align: center;}
.clear {clear: both;}
.left {float: left;}
.right { float: right; }
.mm-top { margin-top: 30px; }
.m-top { margin-top: 15px; }
.m-bottom { margin-bottom: 15px; }
.m-left { margin-left: 15px; }
.m-right { margin-right: 15px; }

.m-bottom-big { margin-bottom: 30px; }


.f-rows { min-width: 520px; }
.f-row { clear: both; margin: 15px 0px 15px 0px;}
.f-row .label { float: left; min-width: 100px; padding-top: 6px; }
.f-row input.f-field { width: 300px; height: 25px; border: 1px solid #dde1e2; padding-left: 5px; color: #7a8c89; font: 16px/25px Helvetica, Arial, Tahoma, sans-serif; line-height: 25px; vertical-align: middle; }
.f-row .error { color: #80a8a8; padding-left: 100px; padding-top: 5px;}