/* CSS Document */

body {
	margin-top: 0;
	margin-bottom: 0;
}

body, p, a, td, th, ul, ol, li, dl, dt, dd {
	line-height: 1.4;
}


li {
padding: 10px 0px 10px 0px;
}

label {
font-family: arial,helvetica,sans-serif;
font-size: 90%;
}
label.right {
float: right;
}



.navheadleft {
	padding-left: 20px;
	padding-bottom: 0px;
	background-image:url(/public/images/leftnavbackground.gif);
}
.navheadleft a, .navheadright a {
	color:#888677;
	font-family:Arial,Verdana,Helvetica,Sans Serif,Normal;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}
.navheadleft a:visited, .navheadright a:visited {
	color:#888677;
	font-family:Arial,Verdana,Helvetica,Sans Serif,Normal;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}
.navheadleft a:hover, .navheadright a:hover {
	color:#000000;
	font-family:Arial,Verdana,Helvetica,Sans Serif,Normal;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
.navheadleft a.selected, .navheadright a.selected{
	color:#000000;
}

.navleft {
	padding-left: 17px;
}
.leftnavbar {
	background-image:url(/public/images/leftnavbackground.gif);
}

.footer {
	padding: 20px;
}
.copyright {
	font-size: 9px;
}
.copyright a {
	font-size: 9px;
}
#searchcontainer {
	width: 980px;
	float:left;
}
#leftnavsearch {
	margin-left: 20px;
/*	border: 1px solid #E7E5D5;  */
	border: none;
	height:100%;
	margin-top: 1px;
	width:350px;
}
#leftnavsearch form {
	margin: 0;
	padding: 0;
}
.leftnavsearchinput {
	color: #000000;
	border: 0;
	width: 247px;
	font: Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	margin-top: 3px;
	margin-bottom: 1px;
	vertical-align: middle;
}

#leftnavsearchinputbox {
	width: 247px;
	height:31px;
	border: 1px solid #E7E5D5;
	border-right: none;
	vertical-align: middle;
}

.srch_button {
margin: 0;
padding: 0;
}

.SearchBottom, .SearchBottom td, .SearchBottom tr, .SearchBottom input {
vertical-align: middle;
}

#header {
	position: relative;
	height: 30px;
/* LSF - changed from 500 to 510 due to a display issue on http://www.subscriptionsiteinsider.com/members/smresources/manage.cfm */ 
	width: 510px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	height: 30px;
	bottom: -1px;
}

#header ul#primary li  {
	display: inline;
	list-style: none;
	padding-top: auto;
	padding-bottom: auto;
}


#header ul#primary a,#header ul#primary span,#header ul#primary a.selected {
	/*width: 90px;*/
	display: block;
	float: left;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
	padding-top: auto;
	padding-bottom: auto;
	text-decoration: none;
	color:#000000;
	font-family:Arial,Verdana,Helvetica,Sans Serif,Normal;
	font-size:11px;
	font-weight:bold;
	height: 30px;
	margin: 0 1px 0 1px;
}

#header ul#primary span,#header ul#primary a.selected,#header ul#primary a.selected:hover {
	border: 1px solid #E8E5D6;
	border-bottom: none;
	background: #FFFFFF;
	margin-top: 0;
}

#header ul#primary a {
	background: transparent;
/*	background: #E8E5D6;; */
	border: 1px solid #E8E5D6;
	border-bottom: none;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #E8E5D6;
	background: #F4F2DE;
}
#bottom {
	height: 1px;
	width: 100%;
	border-top: 1px solid #E8E5D6;
	top: 30px;
	margin: 0;
	padding: 0;
}
#headerimg {
	float: left;
}

/* LSF 7-23 added to remove space between logo and content */
#headerimg a {
line-height:0;
}

#headercontent {
	width: 700px;		/* LSF 7-23 changed from 680  */
	position: relative;
	float: right;
	padding: 10px;
	font-family: verdana,arial;
}

.articleheadlineAttn {
color: red;
}

#customerservices {
	text-align: right;
	padding: 5px 20px 5px 0px;
	font-family: verdana,arial;
	font-size: 13px;
}
#customerservices a {
	font-size: 13px;	
}
#topswitch{
	/*padding: 5px 20px 5px 0px;*/
	font-family: verdana,arial;
	font-size: 13px;
}
#topswitch a {
	font-size: 13px;
	font-family: verdana,arial;
}
#headermessage {
	position: relative;
	float: left;
	color:#333333;
	font-family:arial;
	font-size:25px;
	font-weight:bold;
}
#headermessage a {
	font-size: 13px;
	font-family: verdana,arial;
}
#headerlogon {
	position: relative;
	float: right;
	text-align: right;
	font-family: verdana,arial;
}
#headerlogon {
	font-family: verdana,arial;
}
#headerlogon input {
	border: 1px solid #BBBBBB;
	color: #000000;
	width: 130px;
	font-size: 12px;
	margin: 0;
	padding: 2px;
	font-family: verdana,arial;
}
#headerlogon a.forgot {
	font-size: 9px;
	font-family: verdana,arial;
}
.articletease {
	margin: 0px 12px 0px 12px;
	background-color: #F4F2DE;
	border-color: #000000;
	color: #000000;
}
#logincontent {
	margin: 10px 12px 0px 12px;
	padding: 10px;
	font-family: verdana,arial;
}
#message1 {
	width: 100%;
	padding: 5px 5px 15px 5px;
	font-family: verdana,arial;
}
#submessage1 {
	width: 350px;
	position: relative;
	float: left;
	padding: 0px 5px 5px 5px;
	font-family: verdana,arial;
}
#form1 {
	width: 450px;
	position: relative;
	float: right;
	padding: 10px;
	margin: 0px 30px 10px 10px;
	border: 1px solid #CCCCCC;
}
.header1 {
	font-size: 24px;
	font-weight: bold;
	margin:0;
	padding:0;
}
.header2 {
	font-size: 18px;
	font-weight: bold;
	margin:0;
	padding:0;
}
.header3 {
	font-size: 14px;
	font-weight: bold;
	margin:0;
	padding:0;
}
#form1 input {
	border: 1px solid black;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}
#form1 select {
	border: 1px solid black;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}
#step2left {
	float:left;	
	width: 700px;
}
#step2right {
	float:right;
}
#step22left {
	float:left;	
	width: 200px;
	padding:4px;
	border: 1px solid black;
}
#step22right {
	float:right;
	width:475px;
}
#step2left input {
	border: 1px solid black;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}
#step2left select {
	border: 1px solid black;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}
#checkout {
	width: 550px;
	padding: 10px;
	margin: 0px 30px 10px 25px;
	border: 1px solid #CCCCCC;
}
#checkout input {
	border: 1px solid black;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}
#checkout select {
	border: 1px solid black;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}
#guarantee {
	position: relative;
	float: right;
	width: 250px;
	padding: 10px;
	margin: 450px 50px 0px 50px;
	border: 1px solid #CCCCCC;
}
.breadcrumb {
	color: #4100C7;
	font-family:Verdana,arial;
	font-size:11px;
	font-weight:normal;
}
a.breadcrumb:link {
	color: #4100C7;
	font-family:Verdana,arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
a.breadcrumb:visited {
	color: #4100C7;
	font-family:Verdana,arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
a.breadcrumb:hover {
	color: #4100C7;
	font-family:Verdana,arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
}

.centerpanel {
width:	475px;     /*  LSF - 7/24 changed from 540 to correct display of barrier pages */
vertical-align: top;
/*   margin-right: 95px;   LSF - to prevent body copy from exceeding 73 characters */
}
.rightpanel {
width:	280px;     /*  LSF - 7/24 changed from 204 to correct display of barrier pages */
vertical-align: top;
}

/* Barrier Page Login Form Style */
.logincenterpanel {
width:	500px;
vertical-align: top;
}

.logincenterpanel a.more {
font-size: .8em;
}

.loginrightpanel {
width:	300px;
vertical-align: top;
}

table#logintop {
width: 804px;}

#logintop .logincenterpanel {
padding-left: 17px;
}

.barrierform {
	border:0px;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}
.barrierbenefits {
	border:0px;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}
.topleft {
	background:url(images/topleft.gif);
	width:17px;
	height:17px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.topcenter {
	background:url(images/centertop.gif) repeat-x;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.topright {
	background:url(images/topright.gif);
	width:17px;
	height:17px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.middleleft {
	background:url(images/centerleft.gif) repeat-y;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.trialform, .middlecenter {
	font-family:Arial,Verdana,Helvetica,Sans Serif,Normal;
	color:#333333;
}

.middlecenter {
	background-color: #D0E2ED;	
	padding:5px;
	margin:0px;
	border-collapse:collapse;
}
.middleright {
	background:url(images/centerright.gif) repeat-y;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.bottomleft {
	background:url(images/bottomleft.gif);
	width:17px;
	height:17px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.bottomcenter {
	background:url(images/centerbottom.gif) repeat-x;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.bottomright {
	background:url(images/bottomright.gif);
	width:17px;
	height:17px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

.topleftwhite {
	background:url(images/topleftwhite.gif);
	width:17px;
	height:17px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.topcenterwhite {
	background:url(images/centertopwhite.gif) repeat-x;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.toprightwhite {
	background:url(images/toprightwhite.gif);
	width:17px;
	height:17px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.middleleftwhite {
	background:url(images/centerleftwhite.gif) repeat-y;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.middlecenterwhite {
	background-color: #FFFFFF;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.middlerightwhite {
	background:url(images/centerrightwhite.gif) repeat-y;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.bottomleftwhite {
	background:url(images/bottomleftwhite.gif) no-repeat;
	width:17px;
	height:17px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.bottomcenterwhite {
	background:url(images/centerbottomwhite.gif) repeat-x;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
.bottomrightwhite {
	background:url(images/bottomrightwhite.gif);
	width:17px;
	height:17px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

#cloud a.tag1 { font-size: 1em; font-weight: 100; }
#cloud a.tag2 { font-size: 1.15em; font-weight: 200; }
#cloud a.tag3 { font-size: 1.3em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.45em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.6em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.75em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.9em; font-weight: 700; }
#cloud a.tag8 { font-size: 2.05em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud { padding: 2px; line-height: 3em; text-align: center; }
#cloud a { padding: 0px; }
#cloud a.tag10 { font-size: 2.35em; font-weight: 900; }
#cloud { margin: 0; }
#cloud li { display: inline; }

.portalright {
	width: 204px;
	padding: 10px;
}

img#star {
position: absolute;
top:  450px;
left: 605px;
z-index: 1000;
}

#arrow {
position: relative;
top:  -15px;
left: 50px;
z-index: 1000;
}

#arrow img {
z-index: 10000;
}

.forward {
float: right;
}

.back {
float: left;
}

.clearBoth {
clear:both;
display:block;
height:0;
visibility:hidden;
}

.bottomPanel {
height: 400px;
}
.module .articleheadline {
	background:none repeat scroll 0 0 transparent;
	color:#333333;
	font-family:verdana,arial;
	font-size:22px;
	font-weight:bold;
}

table.RelevantLinks {
border: 1px dotted #CACACA;
padding: 3px;
}

.RelevantLinksContent {
background:none repeat scroll 0 0 transparent;
font-family:Verdana,arial;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

.RelevantLinksContent a, .RelevantLinksContent a:link, .RelevantLinksContent a:visited, .RelevantLinksContent a:active {
color:#2100CB;
background:none repeat scroll 0 0 transparent;
font-family:Verdana,arial;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

.RelevantLinksContent a:hover  {
background:none repeat scroll 0 0 transparent;
color:#2100CB;
font-family:Verdana,arial;
font-size:11px;
font-weight:normal;
text-decoration:underline;
}

.RNavLoggedIn {
float:right;
}

a.more:link, a.more:visited, a.more:active {
font-weight: normal;
}

table.DeptTOC, table.toc {
border:1px solid #AAAAAA;
background-color: #F9F9F9;
padding:5px;
}

.DeptTOC td, .DeptTOC a, .toc td, .toc a {
font-size: 90%;
font-family: arial,helvetica,sans-serif;
}
/* LSF 7/29 - Moved this into the new Standards area at the bottom */
/*
.fineprint {
font-size: 80%;
font-family: arial,helvetica,sans-serif;
margin-top: 5px;
}
*/

.DeptTOC_Header, .toc_Header {
font-weight: bold;
}

.subdepartmentlvl1, .lvl1 {
padding-left: 5px;
}
.subdepartmentlvl2, .lvl2 {
padding-left: 25px;
}
.subdepartmentlvl3, .lvl3 {
padding-left: 45px;
}
.subdepartmentlvl4, .lvl4 {
padding-left: 65px;
}
.subdepartmentlvl5, .lvl5 {
padding-left: 85px;
}

td.departmentHeader, span.departmentHeader {
vertical-align: bottom;
font-weight: bold;
font-size: 1.1em;
padding-top: 10px;
}

.returnTop {
float: right;
padding-top: 2px;
}

a.returnTop:visited, a.returnTop:link, a.returnTop:hover, a.returnTop:active {
font-size: 80%;
font-weight: normal;
}

.rightnavpanel input {
width: 200px;
}

.trialEmailSubmit {
position: relative;
top: 0px;
left: 22px;
}
.trialEmailSubmit p {
line-height: .9;
}

.rightnavpanel .trialEmailSubmit {
left:0px;
position:relative;
top:0;
}

#email {
width: 50%
}

.rightnavpanel #email {
width: 90%
}

input#email {
margin-left:2px;
font-size: 1.2em;
margin-bottom: 5px;
}

.linethrough {
color: red;
text-decoration: line-through;
}

.padleft {
padding-left: 30px;
}

.halfwidth {
width: 50%;
vertical-align: top;
}


.portalTeaser {
float:left;
line-height: 1.2;
margin: 0 6 25 0;
font-family:Arial,Verdana,Helvetica,Sans Serif,Normal;
}

h3, .portalTeaserH3 a {
margin-top: 0;
margin-bottom: 4px;
font-size: 14px;
font-weight: bold;
line-height: 1.2;
}

h3{
margin: 7 0 2 0;
}

h5 {
margin: 0;
font-family:Arial,Verdana,Helvetica,Sans Serif,Normal;
font-size:12px;
}

.teaseLink, a.teaseLink, teaseLinkAttn, a.teaseLinkAttn {
font-family:Arial,Verdana,Helvetica,Sans Serif,Normal;
text-decoration: underline;
font-size: 12px;
line-height: 1.2;
}

.teaseLinkAttn, a.teaseLinkAttn {
float: right;
font-weight: bold;
/*background:none url(http://www.subscriptionsiteinsider.com/public/images/tease_bullet.gif) no-repeat scroll 0 0 transparent;*/
}

.mbrbenefits {
font-family:arial;
font-size:1.3em;
line-height: 1.3;
}


.mbrbenefits {
margin: 10px;
margin-left: 22px;
}
.headerstyle {
font-size:1.2em;
color:#444444;
margin-bottom:8px;
}

.MbrWebinar, .PublicOffer {
background-color: #D0E2ED;
}
.MbrPortal {
border: 2px dashed #D0E2ED;
}

.SecureSeals {
vertical-align: center;
padding-left: 15px;
}

/**********************************************************/
/************ Standard Styles for Sitewide Use ************/
/**********************************************************/

/*** general ***/
.attn {		         /* currently used: public right nav ad, payment page*/
color: red;
}

.light {
color:#888677;
}

/*** headings ***/
.h2, .h3 {         /* currently used: public right nav ad, webinar ad, barrier page benefits */
margin-top: 0;
margin-bottom: 4px;
line-height: 1.2;
margin: 7 0 2 0;
font-weight: bold;
}

.h2 {
font-size: 1.5em;
}
.h3 {
font-size: 1.3em;
}

.h5 {  /* currently used: webinar ad and public right nav ad */
font-weight:bold;
font-size: .9em;
}

.nav .h5 {color:#888677;} /************ LSF not in use yet - use for left nav and right nav categories *************/

/*** text ***/
.fineprint {	/* currently used: payment page */
font-size: 9px;
font-family: verdana,arial,helvetica,sans-serif;
margin-top: 5px;
}

/*** links ***/


/*** boxes ***/

/*********** LSF - change name from callout to calloutbox for semantics **************/
.callout {     /* currently used: public right nav ad, webinar ad */
margin: 5px;
padding: 5px;
border: 1px dotted black;
background-color: #D0E2ED;	
}

.borderbox {	/* currently used: barrier 1 member benefits */
padding: 15px;
border: 1px solid #FAFFFF;
}

/*** text inside boxes ***/
.callout, .borderbox {
font-family: arial,helvetica,sans-serif;
color: #333333;
}

.callout li, .borderbox li, .middlecenter li {   /*** this setting doesn't work when combined with the previous setting ***/
font-family: arial,helvetica,sans-serif;
color: #333333;
}

.callout .attn {
margin: 3px 0px;
padding: 2px;
background: yellow;
}


/*** images inside boxes ***/
.callout img {
padding: 5px;
}