/*SHARED*/

body {padding: 200px 0;	margin: 0; background:  url(../images/body.gif) fixed; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 24px;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;color: #666;}
p {color: #eee;}
a:focus, a:hover { color: #39F;}
a {color: #39c; text-decoration: none; outline: none;}

.clear {clear: both;}

p#copyright {display: block; height: 54px; width: 334px; position: absolute; top:-41px; left: 50px; padding: 2px 0 18px 0; background: url(../images/abouttab.png) no-repeat bottom right; text-align: left; letter-spacing: 1px; font-weight: bold;}

/*ENTER PIN*/

#wrapper {width: 707px; height: 246px;padding: 100px 0 0 0;margin: 0 auto;position: relative;background: url(../images/bkground.png) no-repeat;text-align: center;}
#wrapper h2 {color: #686868; font-size: 26px; font-weight: bold; letter-spacing: -1px; margin: 0 auto;}

#accesscodewrapper {display: block; width: 468px; height: 41px; padding-top: 8px; border: solid 1px #c6c6c6; margin-top: 24px; margin-left: auto; margin-right: auto; background: url(../images/formbkg.png) no-repeat;}

.accesscode {float: left; width: 340px; height: 37px; padding-left: 20px; text-align: left;}
.accesscode input {float: left; display: inline; width: 340px; height: 37px; border: #eee; background: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 300; color: #444; letter-spacing: 1px;}

#submitbutton {float: left; display: inline;}

#helpbutton {display: block; width: 23px; height: 23px; text-indent: -9999px; background: url(../images/helpicon.png) no-repeat; position: relative; top: 112px; left: 222px;}
#helpbutton a {float: left; display: block; width: 23px; height: 23px; background: url(../images/helpicon.png) no-repeat;}
#helpbutton a:hover {background-position: 0 -23px;}

/*DOWNLOAD ALBUM*/

#wrapper2 {width: 667px; height: 306px;padding: 20px;margin: 0 auto;position: relative;background: url(../images/bkground.png) no-repeat;}
#wrapper2 h2 {color: #686868; font-size: 26px; font-weight: bold; letter-spacing: -1px; margin: 0 auto;}

#container2 {height: 259px;}

#albumart {float: left; margin-right: 25px; wjote-space: normal;}
#albumart img {border: solid 1px #c1c1c1;}
#albumart h2 {font-size: 15px; font-weight: normal; color: #000; letter-spacing: normal; line-height: 20px;}
#albumart h3 {font-size: 15px; font-weight: bold; color: #000; letter-spacing: normal; line-height: 20px;}

#tracklisting {float: left; width: 420px;}

.trackgrid {border: none; margin: 0px; margin-top: 0px;}
.trackgrid td {background: #f1f1f1;border-top: 1px #fff solid;border-bottom:1px #ccc solid;color: #000;padding: 4px; font-style:italic;}
.trackgrid tr.theevens td {background: #f8f8f8; border-top: 1px #fff solid;	border-bottom:1px #ccc solid;}
.trackgrid td.getinthemiddle {text-align: center;}

#helpbutton2 {display: block; width: 23px; height: 23px; text-indent: -9999px; background: url(../images/helpicon.png) no-repeat; position: relative; top: 26px; left: 321px;}
#helpbutton2 a {float: left; display: block; width: 23px; height: 23px; background: url(../images/helpicon.png) no-repeat;}
#helpbutton2 a:hover {background-position: 0 -23px;}