body { font-family:Arial, Helvetica, sans-serif; font-size:100%;}

/****************** styles for subscription form *******************/
.subsfeaturehead, .substype { margin:0; padding:0; font-size:80%; line-height:160%; font-weight:bold; color:#000000;}
#subscontainer {width:100%; margin-top:0px;}
#subsuserdetailscontainer { width:100%; border:0px solid #ccc;}
#subsdetailscontainer { border:1px solid #ccc; padding-bottom:5px; width:100%;}
#subsdetailscontainer p { margin-top:0; padding-top:0;}
#subsaddresscontainer { margin-top:10px; padding-bottom:5px; border:1px solid #ccc; width:100%;}
#subsaddresscontainer p { margin-top:0; padding-top:0;}
#subsusercontainer {  border:0px solid #ccc;}
#subsothercontainer { margin-top:10px; padding-bottom:5px; width:100%; border:1px solid #ccc;}
#subsothercontainer p { margin-top:0; padding-top:0;}
#subsothercontainer p .subssmallnote{ font-size:90%; padding:0; display:block; width:200px; float:left;}
#subsdebitcardcontainer {margin-top:10px; padding-bottom:5px; width:100%; border:1px solid #ccc;}
#subscompanydetailscontainer { margin-top:10px; padding-bottom:5px; border:1px solid #ccc; width:100%;}
#subscompanydetailscontainer p { margin-top:0; padding-top:0;}

.subsproductdescription {font-size:80%;}
.subscheckbox { text-align:right;}
.substdwidth2 { width:80%;}
.subsuserdetailshead, .subsdetailshead{ margin:0; padding:2px; background-color:#ccc; font-size:80%; color:#000;}
.subsuserdetailslabels, .subsotherlabels { margin-left:5px; font-weight:bold; font-size:100%; color:#000;}
.subssmallnote { padding-left:5px; font-size:70%; color:#333;}
.subsuserdetailsbox { padding-left:3px; margin-bottom:5px;}
.subsuserdetailscheckbox { margin-left:0px;  padding-left:3px; padding-bottom:0px; margin-bottom:0px;}
.subsdetailsbusinessselect { width:140px;} 
.subscardmonthselect { width:50px; margin-right:2px;}
.subscardyearselect { width:50px; margin-left:5px;}
.subsinfocheckbox { margin-left:90px; margin-bottom:15px;}
.subssubmitbutton { padding:2px 0 2px 3px; text-align:left; width:100px; background-color:#fff; color:#000; border:1px solid #ccc; background-image:url(/magazine/graphics/Arrow2.gif); background-repeat:no-repeat; background-position:right; display:block;}
.subsformbox p {margin:5px 0px 5px 0px; clear:both;}
.subsformbox .width1 {width:120px;}
.subsformbox .width2 {width:200px;}
.subsformbox .width3 {width:50px;}
.subsformbox .floatleft {float:left; margin-bottom:10px;}


/****************** styles for subscription options ********************/

.subsprodlistbox {background-color:#fff; padding:5px 15px 5px 15px;}
.subsprodlistbox p {margin:0px 0px 2px 0px; clear:both;}
.subsprodlistbox p .subssmallnote { color:#c00;}
.subsprodlistbox .subsprodtitle { font-size:100%; font-weight:bold; color:#000;}
.subsprodlistbox .subsprodsummary {font-size:80%; font-weight:normal; color:#000;}
.subsprodlistbox .subssmallnote { font-size:90%; color:#999; padding-bottom:10px; border-bottom:1px solid #ccc;}
.subsprodlistbox .width1 {width:90%;}
.subsprodlistbox .width4 {width:400px; border:1px solid #ccc;}
.subsprodlistbox .floatleft2 {float:left; margin-bottom:10px;}
.subsprodtype { font-size:80%; line-height:160%; font-weight:bold; color:#000; margin-left:15px; border-bottom:1px solid #ccc; padding-bottom:2px;}





#subsoptionscontainer {width:100%;  margin-top:10px;}
#subsoptionscontainer .subssmallnote { color:#c00;}


.subsoptionsummary { font-size:80%; color: #06c;}
.subsoptiondetail { font-size:75%; color: #039; margin:10px 0 0 0; border:0px solid #000;}
.subsoptionswidth1 { width:90%;}
.subsoptionswidth2 { width:10%;}
.subsoptionprice { font-size:75%; color:#666;}
.subsproductcomponent { font-size: 80%; font-weight:bold; color:#000; }
.subsproductcomponentprice {  color:#c00; font-weight:normal; }

.subsoptionssubmitbutton {padding-left:3px; text-align:left; width:100px; background-color:#fff; color:#000; border:1px solid #ccc; background-image:url(/magazine/graphics/Arrow2.gif); background-repeat:no-repeat; background-position:right; display:block; cursor:pointer;}

/****************** styles for login and new users ***********************/

.subsnewuser a { margin:0; padding-right:15px; text-decoration:none; background-image:url(graphics/testarrow.gif); background-repeat:no-repeat; background-position:right;}
.subsnewuser a:visited { text-decoration:none;}
.subsnewuser a:hover { text-decoration:none; color:#c00;}
.substitle { padding:2px 0; font-size:70%; font-weight:normal; line-height:160%; color:#000; border-bottom:1px solid #ccc; background-color:#ccc; margin-bottom:1px;}
.subsdisplayname { font-size:70%; font-weight:bold; line-height:160%; background-color: #fff; color:#000; padding:2px 0; border-bottom:1px solid #fff;}
.substitle2 { font-size:70%; line-height:160%; font-weight:bold; color:#c00; padding:2px;  background-color:#eee; border-bottom:1px solid #ccc;}
.subslink1 { font-size:70%; line-height:160%; display:block; color:#000; padding-left:3px;}
.subslink2 { font-size:70%; line-height:160%; font-weight:normal; color:#fff; padding-left:3px;}
.subslink3 { font-size:70%; line-height:160%; font-weight:normal; display:block; color:#000; margin-left:15px;}
.subsloginform { border:1px solid #ccc; background-color:#fff; padding:0; margin:0;}
.subsloginform p { padding:3px; margin-top:0px;}
.subsloginform a { padding:3px; margin:0;}
.subsloginform a:hover { padding:3px; margin:0; color:#c00;}
.subsloginform a:visited { padding:3px; margin:0; color:#c00;}
.subsloginform .subsuserdetailslabels, .subsotherlabels { color:#fff;}
.subslogin form { margin: 0; padding:0;}
.subslogin {  margin-top:0px ; margin-bottom:0px; background-color:#fff; border-bottom:0;}
.subslogin p {  color:#000; padding:3px; margin:0; }

.subslogin a {margin-bottom:1px; color:#000; display:block; margin-right:4px; text-decoration:none; background-image:url(/magazine/graphics/Arrow2.gif); background-repeat:no-repeat; background-position:right; }

.subslogin a:visited {color:#000; text-decoration:none; margin-right:4px;}
.subslogin a:hover { color:#c00; text-decoration:underline; margin-right:4px;}
.logintitle { background-color:#ccc; margin-bottom:5px; padding:3px; font-size:70%; font-weight:normal; line-height:160%; color:#000; border-bottom:1px solid #ccc; }

.subsfurtherlinkscontainer { margin-bottom:15px; border:1px solid #ccc;}
.subsfurtherlinkscontainer p { margin:0; padding-left:3px; }
.subsfurtherlinks { margin:1px 0; color:#000; padding:2px 0; border:0px solid #ccc; background-color:#fff;}




.subsfurtherlinks a { margin-bottom:1px; color:#000; display:block; margin-right:4px; text-decoration:none; background-image:url(/magazine/graphics/Arrow2.gif); background-repeat:no-repeat; background-position:right;}

.subsfurtherlinks a:visited { text-decoration:none; color:#000;}
.subsfurtherlinks a:hover { text-decoration:none; color:#c00;}

.subsfurtherlinksodd { margin-bottom:15px; background-color:#666; border:1px solid #666; }
.subsfurtherlinksodd a { font-weight:bold; display:block; margin-right:10px; text-decoration:none; }
.subsfurtherlinksodd a:visited { text-decoration:none;}
.subsfurtherlinksodd a:hover { text-decoration:none;}

.subsloginlabels, .subsotherlabels {margin-top:3px; font-size:90%; color:#000;}
.subsloginbox { width:100px; border:1px solid #000; padding-left:3px; }
.subsloginbottom{ border:solid #fff; border-width:1px 0 0 0;}


.subsloginbutton{ font-size:60%; font-weight:normal; color:#fff; background-image: url(/magazine/Graphics/Login.gif);  background-repeat: no-repeat; width:120px; height:25px; border: 0;  padding:1px 0 0 30px;  margin-left:0px; }

.hide{font-size:1px;margin:0px;padding:0px;position:absolute;top:-500px;left:-500px;}

/****************** end of subscription styles ***********************/