/* Author/Reader Signup */
.authorBox {width:469px; height:307px; margin:0 0 0 3px; padding:0 47px 40px 0; float:left; background:url(/images/phoenix/signup/author-box.jpg) no-repeat; position:relative;}
.readerBox {width:470px; height:307px; margin:0; padding:0 0 40px 0; float:left; background:url(/images/phoenix/signup/reader-box.jpg) no-repeat;}

.rJoin {padding:249px 0 0 175px;}
a.readerJoin {display: block; width:122px; height:28px; background:url(/images/phoenix/signup/reader-join.jpg) no-repeat; margin:0; padding:0; text-decoration: none; text-indent:-9999px; outline:0;}
a.readerJoin:hover {background-position: 0 -28px;}

.aJoin {padding:247px 0 0 172px;}
a.authorJoin {display: block; width:126px; height:29px; background:url(/images/phoenix/signup/author-join.jpg) no-repeat; margin:0; padding:0; text-decoration: none; text-indent:-9999px; outline:0;}
a.authorJoin:hover {background-position: 0 -29px;}
.authorMore {position:absolute; top:268px; right:74px; width:100px; text-align:right;}
.authorMore a {color:#ccc; text-decoration:underline;}
.authorMore a:hover {color:#ccc; text-decoration:none;}

/* next button */
.nextHolder {width:100px; height:22px; float:right;}
.next {border:0 none;display: block; width:71px; height:22px; background:url(/images/phoenix/signup/next.gif) no-repeat; margin:0; padding:0; text-decoration: none; text-indent:-9999px; outline:0;}
.next:hover {background-position: 0 -22px;}

/* Join Button */
.joinHolder {width:154px; height:27px; float:right; text-align:left;}
.joinHere {border:0 none;display: block; width:124px; height:27px; background:url(/images/phoenix/signup/join-here.gif) no-repeat; margin:0; padding:0; text-decoration: none; text-indent:-9999px; outline:0;}
.joinHere:hover {background-position: 0 -27px;}


/* Steps 1 - 4 */
#signupHolder {width:985px; margin:0px auto; padding:0;}
.bar {width:985px; height:50px; margin:0 0 10px 0; padding:22px 0 0 0; background:url(/images/phoenix/signup/bar.gif) no-repeat;}
.bar h1 {font-size:21px; color:#fff; text-align:center; text-indent:-9999px; width:791px; height:27px; background:url(/images/phoenix/signup/step1-text.gif) no-repeat; margin:0px auto;}
h1.step3 {font-size:21px; color:#fff; text-align:center; text-indent:-9999px; width:488px; height:27px; background:url(/images/phoenix/signup/step3-text.gif) no-repeat; margin:0px auto;}
h1.step5 {font-size:21px; color:#fff; text-align:center; text-indent:-9999px; width:909px; height:27px; background:url(/images/phoenix/signup/step5-text.gif) no-repeat; margin:0px auto;}

.stepL {width:463px; margin:0 30px 0 12px; padding:0; float:left;}
.stepL h2 {width:455px;}
.stepR {width:463px; margin:0; padding:0; float:left;}
.stepR h2 {width:455px;}
.box {width:463px; height:440px; margin-top:15px; padding:0; background:url(/images/phoenix/signup/box.jpg) no-repeat; font-size:14px;}
.box2 {width:463px; height:440px; margin-top:15px;  padding:0; background:url(/images/phoenix/signup/box.jpg) no-repeat; font-size:14px;}
.step3_box {float:left; width:125px; margin:0; padding:0 20px 0 0;}
.step3_box_end {float:left; width:125px; margin:0; padding:0;}


.box ul {margin-bottom:15px;padding-left:43px;}
.box li {padding: 0 0 0 0 ;list-style-type:disc;font-size:10px;margin-left:-20px;}

/* form styles */
.pad {padding:20px; margin:0;}
.author_info {margin:0; padding:0 0 0px 10px; width:350px; float:left; line-height:170%;}
.input_name {float:left; width:145px; margin:0; padding:3px 0 0 0;}
.signin_name {float:left; width:95px; margin:0; padding:3px 0 0 0;}
.input_box {float:left; margin:0; padding-bottom:5px;}
#input_style input {width:250px; padding:3px; margin:0; border:1px solid #4499cd;}
#input_style radio, #input_style select {float:left; margin:0; padding:0;}
.comSelect {width:258px; background:#fff; padding:3px; margin:0; border:1px solid #4499cd;}
.input_center {padding:0; margin:0 0 5px 55px;}
.smallTxt {font-size:13px; margin-bottom:25px; display:block;}

.signup ul, .signup li {font-size:9px;}
.signup ul {margin:8px 0 0 12px; padding:0;}
.signup li {list-style-type:disc; margin:0 0 0 5px; padding:0 0 2px 0;}
a.learn {text-decoration:underline; font-size:10px; padding:0; margin-left:22px;}



/* login page */
#loginBox { height:230px; margin:0 119px 0 0; padding:25px 22px 0 22px;  float:left; font-size:14px;}
.loginButton {border:0 none;display: block; width:82px; height:22px; background:url(/images/phoenix/signup/login-button.gif) no-repeat; margin:0; padding:0; text-decoration: none; text-indent:-9999px; outline:0;}
.loginButton:hover {background-position: 0 -22px;}
#loginPage {width:720px; height:400px; float:right; padding:0;}
#loginText {width:160px; padding-top:40px; font-size:13px; float:left; line-height:160%;}
.signIn {color:#368cc5; font-weight:bold; font-size:22px;}