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

div.registrationform {
width:100%;
float:left;
margin-bottom:15px;
}

ul.registrationform {
margin:15px 0 10px 50px;
font-size:110%;
line-height:20px;
}

td.registrationpageformlabel {
text-align:right;
font-weight:bold;
height:30px;
}

td.registrationpageformfield {
margin-bottom:10px;
text-align:left;
}

span.registrationformwhy{
font-size:80%;
color:#333333;
font-weight:normal;
}

#tooltip{
position:absolute;
border:1px solid #063547;
background:#1590c0;
padding:2px 5px;
color:#fff;
display:none;
width:200px;
text-decoration:none;
}

a.tooltip:hover {
text-decoration:underline;
}

div.registrationform a {
text-decoration:none;
}


h2.checkboxslide {
margin-top:0;
}

div.hiddencontent {
width:90%;
float:left;
margin-left:50px;
margin-top:15px;
margin-bottom:15px;
}


h2.registrationfom {
margin-top:0;
margin-bottom:10px;
font-size:130%;
text-align:center;
}

div.registrationformsignup {
width:100%;
float:left;
}

div.newslettersignupheader {
width:245px;
text-align:center;
float:left;
margin:0 3px;
}

div.newslettersignup {
width:245px;
margin:0 3px;
text-align:center;
float:left;
background-image:url(/Images/registration/registration-form-divsides.gif);
background-repeat:repeat-y;
height:180px;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	background: url(/Images/registration/checkbox.png) no-repeat;
	display: block;
	float:left;
	margin-right:5px;
}

.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(/Images/registration/select.gif) no-repeat;
	overflow: hidden;
}

h3.newslettersignup {
font-size:100%;
margin:2px 0 0 0;
}

#registrationbutton {
width:100%;
float:left;
text-align:center;
margin-top:15px;
}

.registrationbutton {
display: block;
background: url(/Images/registration/registration-form-button.png) no-repeat;
border: none;
height: 65px;
width: 790px;
margin-bottom:10px;
}

.registrationbutton:hover {
background-position: 0 -65px;
}

.registrationbuttonsave {
display: block;
background: url(/Images/registration/registration-form-button.png) no-repeat;
border: none;
height: 55px;
width: 790px;
margin-bottom:10px;
background-position: 0 -130px;
}

.registrationbuttonsave:hover {
background-position: 0 -185px;
}

h2.checkboxslide {
margin:0;
}



div.memberarealeft {
width:50%;
float:left;
text-align:center;
}



div.memberarearight {
width:48%;
border-left:1px dashed #bbceda;
padding-left:1%;
float:left;
text-align:center;
clear:bottom;
min-height:425px;
}

a.memberareabuttonregister {
display: block;
background: url(/Images/registration/registration-memberarea-button.png) no-repeat;
height: 33px;
width: 129px;
margin-left:70px;
}

a.memberareabuttonregister:hover {
background-position: 0 -33px;
}

a.memberareabuttonlogin {
display: block;
background: url(/Images/registration/registration-memberarea-button.png) no-repeat;
height: 23px;
width: 129px;
margin-top:10px;
margin-left:100px;
background-position: 0 -66px;
}

a.memberareabuttonlogin:hover {
background-position: 0 -89px;
}

.memberareabuttonloginsubmit {
display: block;
background: url(/Images/registration/log-in-now.png) no-repeat;
border: none;
height: 50px;
width: 350px;
margin-top:15px;
}

.memberareabuttonloginsubmit:hover {
background-position: 0 -50px;
}
/************Common**********/
div.memberareaheader {
width:100%;
float:left;
margin-bottom:10px;
text-align:center;
}

div.memberareaburst {
float:left;
margin-right:5px;
margin-left:100px;
}

div.memeberareatext {
float:left;
margin-top:25px;
}

h1.memberarea {
font-size:110%;
font-weight:normal;
}

h2.memberarea {
font-size:110%;
text-align:center;
}


div.memberareaicon {
width:26%;
margin-left:2%;
margin-right:2%;
float:left;
border:1px solid #ccc;
text-align:center;
padding:5px 0;
margin-bottom:10px;
height:150px;
}

h3.memberarea {
font-size:120%;
font-weight:normal;
text-align:center;
}

p.memberarea {
font-size:110%;
font-style:italic;
font-weight:bold;
}

div.memberarearegisterbutton {
float:left;
margin-top:50px;
text-align:center;
width:68%;
}


a.memberareasubbb {
display:block;
width: 335px;
height: 40px;
margin-left:30px;
background: url(/Images/projects/2010/JF/bookbag-dot-com-subbutton.png);
background-position: 0 -40px;
}

a.memberareasubbb:hover  {
display:block;
width: 335px;
height: 40px;
background: url(/Images/projects/2010/JF/bookbag-dot-com-subbutton.png);
background-position: 0 0;
}

p.memberareawatch {
margin-top:20px;
font-size:130%;
}

a.memberareasample {
font-size:90%;
text-decoration:none;
}

a.memberareasample:hover {
text-decoration:underline;
}

a.memberareabuttonbooksbuy {
display: block;
background: url(/Images/registration/registration-memberarea-button-bks.png) no-repeat;
height: 54px;
width: 190px;
margin-bottom:30px;
margin-left:100px;
}

a.memberareabuttonbooksbuy:hover {
background-position: 0 -54px;
}

a.memberareasubmbx {
display: block;
background: url(/Images/registration/registration-memberarea-button-mbx.png) no-repeat;
height: 55px;
width: 215px;
margin-bottom:10px;
margin-left:40%;
}

a.memberareasubmbx:hover {
background-position: 0 -55px;
}

#memberareambx2column {
width:80%;
margin:5% 10% 0 10%;
float:left;
}

p.strong {
margin: 10px 10px 5px 10px; 
font-size: 1.2em; 
text-align: left; 
font-weight: bold;
}

p.default {
margin: 10px 10px 5px 10px;
text-align: left;
}

p.signupbox {
text-align:left;
margin-bottom:20px;
font-size:11px;
text-align:center;
}

a.mymailboxregister {
margin-top:10px;
display:block;
width:425px;
height:50px;
float:left;
background:url(/Images/registration/register-now.png)  no-repeat;
}


a.mymailboxregister:hover {
background-position:0 -50px;
}


a.mymailboxsignup {
margin-top:10px;
display:block;
width:380px;
height:50px;
float:left;
background:url(/Images/projects/2010/JA/signup-now.png)  no-repeat;
}


a.mymailboxsignup:hover {
background-position:0 -50px;
}


a.mailboxsubscribe {
margin-top:10px;
display:block;
width:350px;
height:50px;
float:left;
background:url(/Images/registration/subscribe-now.png)  no-repeat;
}


a.mailboxsubscribe:hover {
background-position:0 -50px;
}

p.fineprint {
font-size:80%;
margin-top:60px;
}