@charset "UTF-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
}

#content {
	position:relative;
	width: 500px;
	height: 333px;
	margin: 0 auto;
	background:url(../images/gradient.png) top repeat-x #b9b9b9;
	border-radius:5px;
	border:5px solid #6a636a;
}

#redeem {
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	background: url(../images/bg.jpg);
	position: relative;
}

.logo{
	width:417px;
	height:77px;
	margin:10px auto;
}


input{

}

.scroll{
	overflow:auto;
	background:#fff;
	box-shadow:2px 2px 2px #000;
	-moz-box-shadow:2px 2px 2px #000 inset;
	-webkit-box-shadow:2px 2px 2px #000 inset;
	-ms-box-shadow:2px 2px 2px #000 inset;
	-o-box-shadow:2px 2px 2px #000 inset;
	width:288px;
	height:190px;
	padding:5px 5px;
}

#form {
	width: 298px;
	height: 378px;
	margin:10px 10px 0 40px;
	float:left;
}

#form a{
	color:#58103e;
	text-decoration:underline
}

.purple{
	background:url(../images/rewards.png) top left no-repeat;
	padding:15px 0;

}

.info{
	float:left;
	width:130px;
}

h1{
	font-size:18px;
	color:#58103e;
	font-weight:normal;
	line-height:1.25em;
	margin-top:20px;
}

hr{
	color:#58103e;
	background-color:#58103e;
	margin:5px 0;
}

#form h1{
	font-size:16px;
	margin:0;
	font-weight:bold;
}

p{
	font-size:12px;
	color:#636363;
}

input {
	background: none;
	border: none;
	color: #6b6c6e;
	background-position:top left;
	padding:5px 0 0 5px;
}

#asdf {
	width: 339px;
	height: 38px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background:url(../images/email.png) no-repeat;
}
	
#custfield1 {
	width: 298px;
	height: 38px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background:url(../images/name.png) no-repeat;
}
	
#custfield2 {
	width: 298px;
	height: 38px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background:url(../images/cell.png) no-repeat;
}
	
#custfield3 {
	width: 298px;
	height: 38px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background:url(../images/birthday.png) no-repeat;
}
	
#custfield4 {
	position: absolute;
	width: 166px;
	height: 20px;
	top: 208px;
	left: 88px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
	
#custfield5 {
	position: absolute;
	width: 85px;
	height: 31px;
	top: 202px;
	left: 270px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

#custfield6 {
	position: absolute;
	width: 72px;
	height: 20px;
	top: 208px;
	left: 368px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
	

	
#accesscode {
	width: 298px;
	height: 38px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background:url(../images/accesscode.png) no-repeat;
}

#errormessage {
	position: absolute;
	width: 414px;
	height: 25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: red;
	top: 6px;
	left: 59px;
	text-align: center;
}

.clearfix{
	clear:both;
}

.download{
	width: 89px;
	height: 29px;
	background: url(../images/download.png) top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	display:block;
	float:right;
	margin:0 5px 0 0;
}
.download:hover{
	background:url(../images/downloadhover.png) top no-repeat;
}
.download:active{
	background:url(../images/downloadhover.png) top no-repeat;
}
.download:visited{
	background:url(../images/downloadhover.png) top no-repeat;
}

#_submit{
	position: absolute;
	width: 85px;
	height: 37px;
	bottom: 10px;
	right:30px;
	background: url(../images/button.png) top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

#_submit:hover{
	background:url(../images/buttonhover.png) top no-repeat;
}

#_submit:active{
	background: url(../images/button.png) top no-repeat;'
}

#_submit:visited{
	background: url(../images/button.png) top no-repeat;
}

#download {
	position: absolute;
	width: 523px;
	height: 378px;
	top: 159px;
	left: 464px;
	background: url(../images/redeem.gif);
}

.downloaditem {
	color: #fff;
}	

.playpausearea {
	float: left;
	width: 30px;
	height: 27px;
	margin-right: 10px;
	margin-top: -4px;
}

.artisttitlearea {
	float: left;
	width: 230px;
	height: 25px;
	overflow: none;
}	
.artist {
	padding-top: 0;
	font-weight: bold;	
}

.title {
	margin-top: 0;
	padding-top: 0;
	font-weight: normal;
}

.downloadarea {
	float: left;
	width: 40px;
	background: none;
}


.downloadalllink {
	position: absolute;
	top: 317px;
	left: 147px;
	display: block;
	width: 218px;
	height: 36px;
	text-indent: -9999px;
	overflow: none;
	background-color: blue;/*	background: url(../images/downloadbutton.gif);
	margin: 35px 0 0 150px;
	*/
}

.downloadbutton {
	width: 100px;
}

a {
	text-decoration: none;
	color: #fff;
}

#link1 {
	position: absolute;
	width: 296px;
	height: 124px;
	top: 166px;
	left: 79px;
	text-indent: -9999px;
}

#link2 {
	position: absolute;
	width: 315px;
	height: 44px;
	top: 201px;
	left: 377px;
	text-indent: -9999px;
}

#link3 {
	position: absolute;
	width: 169px;
	height: 46px;
	top: 200px;
	left: 695px;
	text-indent: -9999px;
}




#dc_help_footer {
	width: 100px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	height: 30px;
	background-color: #670118;
	text-align: center;
	margin-right: 50px;
	padding-top: 5px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#dc_help_footer a {
	text-decoration: none;
	color: #fff;
}

#dc_help_footer a:hover {
	border-bottom: 1px dashed;
}