/* Abacus Subscription Style Sheet*/

/* Subs Box in right column --------------------------------------------- */
.right #subscription #name, .right #subscription #password { width:118px; }
.right #subscription .subscriptionbox .formbox { margin:0; padding:5px 0; }
.right #subscription .subscriptionbox p { margin:10px 0 5px 15px; font-size:0.9em; }
.right #subscription .subscriptionbox span { float:left; line-height:1.7; }
.right #subscription .subscriptionbox span.width1 { width:80px; }

/* List Items --------------------------------------------- */
#subscription ul { list-style:none; margin:0 0 15px; padding:0 15px; }
#subscription ul li a { color:#000; text-decoration:none; vertical-align: bottom;}
#subscription ul li a:hover { color:#000; text-decoration:underline; }

/*subs forms CM*/
#subscribeform .subsuserdetailslabels {float:left;font-weight:bold;width:150px;}
#subscribeform .storytext { background:#D5D5D5; padding:0 20px 10px;}
#subscribeform .storytext h1 { margin:0 -20px 10px; text-transform:uppercase}
#subscontainer p .subssubmitbutton, #subsforgottenpassword .subssubmitbutton { margin-left:0; }

#subsuserdetailscontainer, #subspersonaldetailscontainer, #subspersonaldetailscontainer, #subsaddresscontainer, #subscompanydetailscontainer, #subsothercontainer { padding:10px 2px; margin-bottom: 10px; border-top: 1px solid #999; }
#subsuserdetailscontainer p, #subspersonaldetailscontainer p, #subspersonaldetailscontainer p, #subsaddresscontainer p, #subscompanydetailscontainer p, #subsothercontainer p {  padding-left: 10px; }
#subsuserdetailscontainer p, #subspersonaldetailscontainer p, #subspersonaldetailscontainer p, #subsaddresscontainer p, #subscompanydetailscontainer p, #subsothercontainer p {  padding-left: 10px; }

.subssubmitbutton, #subscribemenu #maincol .button, #subslogin #maincol .button { background: url(/magazine/graphics/go.gif) no-repeat 0 1px; padding:0 0 10px 21px; color:#000; border:0; font-weight:bold; cursor:pointer; margin-top:5px;}
.subsuserdetailshead { font-size:1.182em; line-height:normal; font-weight:bold; color:#C1272D; }
.subsfeaturehead { display:block; padding-bottom:10px; }


#subsforgottenpassword .width2 {width:250px;}
#subsforgottenpassword h1 {margin:0;}
#subsforgottenpassword #maincol form {margin:0; background:#D5D5D5; padding:10px 20px 1px;}
#subsforgottenpassword #maincol form p {zoom:1; margin:0 0 3px;}
#subsforgottenpassword #maincol form p:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#subsforgottenpassword #maincol #email { clear:left; float:left;}
#subsforgottenpassword #maincol label {font-weight:bold; float:left; margin-right:10px;}

#subslogin .storytext .formbox .inputnormal {width:220px;}
#subslogin .formbox .floatleft {font-size:1em;}
#maincol #subs_login { padding:0; }
#maincol #subs_login .ad object { margin:0 0 10px; }

#subscribemenu .formbox .width5 {width:400px;margin-left:4px;}
#subscribemenu .formbox p {font-weight:normal; color:#000;}

#subsothercontainer br{display:none;}
#subsothercontainer span br{display:inline;} /*CM and RW don't want all brs displaying none*/

.forgotten {float:left;}

#subs_login #rightcol_mpus { float: right; margin: 0 0 10px 10px; width: 336px; }

.subscribe_message { padding-top: 10px; border-top: 1px solid #e0dbd7; }

.subs_formbox { width: 468px; background: #D5D5D5; }
.subs_formbox:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
.subs_formbox h2 { background: transparent; font-weight: bold; text-transform: none; color: #000; margin: 7px; padding: 0; font-size: 1em; line-height:normal; }
.subs_formbox p { margin: 0 7px; }
.subs_formbox form { margin: 7px; }
.subs_formbox .existing, .subs_formbox .forgotten { min-height:90px; _height:90px; }

.existing { float: left; color: #fff; width:234px; }
.existing div:first-child + div { clear: left; } /* work around a bug in Safari 1.0 */
.existing label { color:#000; float: left; clear: left; width: 70px; margin-bottom: 10px; }
.existing input.text { width: 120px; margin: 0; float: left; font: 1em Arial, sans-serif; }
.existing #login { float: left; margin-left:5px; }
.existing #subsPassword {margin-top: 3px;}
.existing #login {margin-top: 3px;}

#story1 .forgotten { background-color:#E6E6E6; color: #000; float: left; width:234px; }
* html #story1 .forgotten { width: /**/233px; } /* IE6 is 1 pixel out */
#story1 .forgotten h2 { color: #000; margin-bottom: 0; }
#story1 .forgotten label { position: absolute; left: -9999px; }
#story1 .forgotten input.text { font: 1em Arial, sans-serif; width: 190px; vertical-align: top; margin-right:1px; }
* html #story1 .forgotten input.text { margin-right:0; } /* :hack: adjust for ie 5.5+6 */
#story1 .forgotten p { color:#000; }

.subscribe_options { width:468px; padding-top:20px; zoom:1; } /* :hack: clearing floats */
.subscribe_options:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; } /* :hack: clearing floats */
.subscribe_options div { position: relative; border-bottom: 1px solid #e0dbd7; width:468px; float: left; padding-bottom: 2em; margin: 0 0 15px; }
.subscribe_options div.free_trial { margin-right: 0; }
.subscribe_options h2 { border: 0; margin: 0; background: #ea7825; padding: 0; }
.subscribe_options h2 a { display: block; height:25px; background-color:#C1272D; color: #fff; background-repeat: no-repeat; background-position: 0 0; }
.subscribe_options .activate_account h2 a { background-image: url(/magazine/graphics/subs_activate.gif); }
.subscribe_options .free_registration h2 a { background-image: url(/magazine/graphics/subs_registration.gif); }
.subscribe_options .subscribe_to h2 a { background-image: url(/magazine/graphics/subs_subscribe.gif); }
.subscribe_options .free_trial h2 a { background-image: url(/magazine/graphics/subs_free.gif); }
.subscribe_options h2 span { position: absolute; left: -9999px; }
.subscribe_options p { margin: 0.5em 0.5em; }
@media ScReEn { .subscribe_options .subs_link { position: absolute; right: 5px; bottom: 5px; margin: 0; } } /* :hack: hide from Safari 1.0 */
.subscribe_options .subs_link a { color: #cb312f; text-decoration: none; padding-right: 15px; background: url(/magazine/graphics/arrow.gif) no-repeat right; }
.subscribe_options .subs_link a:focus, .subscribe_options .subs_link a:hover { text-decoration: underline; color: #000; }

.subs_questions { clear: left; margin: 10px 0; }

/*styles for subsLogin.asp*/

#subslogin .storytext .formbox .inputnormal {width:120px;}
#subslogin .formbox {overflow: hidden; zoom:1; background:#D5D5D5; margin-top:0; padding:0 0 0 10px;}
#subslogin .formbox .floatleft {font-size:1em; margin-bottom:0;}
#subslogin .formbox span.width1 {width: 70px;}
#subslogin .formbox form p.note {margin: 3px 0 20px 0;}
#subslogin .formbox form p {margin:0 0 10px 0; font-size:1em;}
#subslogin .formbox .width1 label {margin-left:0;}
#subslogin .formbox form label.labelnormal {float: left;}
#subslogin .formbox span.labelnormal.width1 {width:0;}
#subslogin form.floatleft {width:215px !important; margin-right:10px;}
#subslogin #maincol .button { padding-bottom:5px; }

#subslogin .forgotten {width: 222px; background-color: #E6E6E6; padding: 5px 5px 20px 5px;}
#subslogin .forgotten h2 {margin: 0 0 10px 0; color: #000; font-size:1em; line-height:normal; }
#subslogin .forgotten p {margin: 0; color: #000; font-weight: normal; font-size:1em; line-height:normal; }
#subslogin .forgotten form {margin-top: 5px;}
#subslogin .forgotten #email {width: 170px; margin: 0}
#subslogin .forgotten .button {color: #000!important; background-image: url(/magazine/graphics/b_go.gif)!important; margin-top: 10px!important;}

#subslogin .formheader, #subscribemenu .formheader { font-size:1.727em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.111; font-weight:normal; margin:0 0 0; padding:3px 9px 6px 0px; color:#3B3C3C; text-transform:uppercase; background:#fff; display:block; }
#subslogin h2, #subscribemenu .sleeve h2 {margin: 0;}
#subslogin form h3, #subscribemenu .formbox h3 {margin-top:0; background-color: transparent; color: #000; font-weight: bold; font-size:1.182em; line-height:normal;}
#subscribemenu .formbox {margin-top: 0; background:#D5D5D5; padding:10px 20px 1px;}

#subsAccessInfo h1 { margin-bottom:1px; }