/* STOREFRONT STYLES */

/* Default CSS Stylesheet for a new Web Application project */{}

.GeneralPage
{
	background-color: white; /* Background Color */
	background-image: none; /* Background Image */
	margin-bottom: 0px; /* Margins */
	margin-left: 0px; /* Margins */
	margin-right: 0px; /* Margins */
	margin-top: 0px; /* Margins */
}

.GeneralTable
{
	background-color: white; /* Background Color */}

.TopBanner
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 28px; /* Font Size */
	color: #666666; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #FFFFFF; /* Background Color */
	background-image: none; /* Background Image */
	text-align: left; /* Align Text */
}

.TopSubBanner
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 9pt; /* Font Size */
	color: #E7E3D7; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #666666; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Align Text */
}

.TopSubBannerText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 9pt; /* Font Size */
	color: #E7E3D7; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	text-align: center; /* Align Text */
}

.LeftColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #C6BFA5; /* Background color */
	background-image: none; /* Background Image */
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.LeftColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.RightColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #C6BFA5; /* Background color */
	background-image: none; /* Background Image */
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.RightColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	width: 20%; /* Cell Width */
}

.Footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C6BFA5; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #000000; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Align Text */
	vertical-align: top; /* Vertical Align Text */
}

.FooterText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C6BFA5; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	text-align: center; /* Align Text */
	vertical-align: top; /* Vertical Align Text */
}

.Instructions
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #F1F2F3; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */
}


.ErrorMessages
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C90D4F; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Text Align */
}

.Messages
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #404b55; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Text Align */
}

.Headings
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 10pt; /* Font Size */
	color: #FFFFFF; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #669900; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */
}

.Inputs
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
}

.Content
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */

}

.AlternatingContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */
}


.ContentTableHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 10pt; /* Heading Font Size */
	color: #000000; /* Heading Font Color */
	font-weight: bold; /* Heading Font Style */
	font-style: normal; /* Heading FontStyle */
	text-decoration: none; /* Heading Font Style */
	background-color: #F1F2F3; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */
}

.ContentTable
{
	background-color: #d4d6d9;
}

.ContentTableHorizontal
{
	background-color: #d4d6d9;
}


/******************************/


/* ASBJ STYLES */

/*****************************/


body { margin: 0; padding: 0; background:url(/store/images/ASBJ/bg.jpg) repeat-x #fff; font-family: Verdana, Arial, Helvetica, sans-serif; color: #404b55; }
img { border: 0; }
form { margin: 0; padding: 0; }
a { color: #38567b; }

/* -- page structure -- */
#container { margin: 0 auto; width: 940px; }
#header { margin: 0; padding: 0; height: 125px; position: relative; }
	#branding { width: 369px; height: 89px; position: absolute; top: 0; left: 0; }
	#ad-header { width: 468px; height: 60px; position: absolute; top: 20px; right: 0; }
	#nav-primary { position: absolute; left: 0; bottom: 0; width: 940px; height: 28px; border-bottom: 1px solid #d4d6d9; }
		#search { position: absolute; right: 0; bottom: 3px; }
#page { margin: 0; background:url(/store/images/ASBJ/bg_sidebar.gif) right repeat-y; }
	#content { width: 730px; float: left; margin: 20px 0 0 0; }
	#sidebar { width: 190px; float: right; font-size: 11px; }

.break { clear: both; visibility: hidden; }
#breadcrumbs { font-size: 10px; color: #bcc0c4; text-transform: uppercase; }
	#breadcrumbs a { color: #606a74; text-decoration: none; }
#ad-secondary { margin: 20px 0 0 0; }
#nav-secondary { margin: 20px 0; border: solid #d4d6d9; border-width: 1px 1px 1px 0; float: left; }
#login { padding: 20px 0; background: #fff; }
	#login p { margin: 0 0 5px 0; padding: 0; }
#toc-magazine { font-size: 10px; }
	#toc-magazine h3 { margin: 10px 0 5px 0; padding: 10px 0 0 10px; border-top: 1px solid #d4d6d9; font: normal 14px Arial, Helvetica, sans-serif; }
	#toc-magazine h3 a { color: #38567b; text-decoration: none; }
	#toc-magazine p.document { margin: 5px 0 5px 0; padding: 5px 0 0 10px; border-top: 0px solid #d4d6d9; font: normal 12px Arial, Helvetica, sans-serif; }
	#toc-magazine p { margin: 0; padding: 0 0 0 10px; }
	#toc-magazine p.intro { margin: 0; padding: 10px 10px 0 10px; }
.nav-magazine { display: block; background: #fff; }
#footer { padding: 40px 0 0 0; text-align: center; font-size: 11px; background: #fff; }
	#nav-footer { font-weight: bold; }
	#nav-footer_bottom { font-weight: bold; }	


/* -- menus -- */
#nav-primary ul { margin: 0; padding: 0; list-style: none; width: 725px; }
	#nav-primary li { display: inline; font: normal 11px/28px Arial, Helvetica, sans-serif; margin: 0 30px 0 0; text-transform: uppercase; }
	#nav-primary li a { color: #606a74; text-decoration: none; }
#nav-secondary ul { margin: 0; padding: 0; list-style: none; }
	#nav-secondary li { float: left; border-left: 1px solid #d4d6d9; width: 161px; height: 217px; padding: 10px; }
	#nav-secondary a { text-decoration: none; font-size: 11px; font-weight: bold; color: #38567b; }
	#nav-secondary img { border: 1px solid #d4d6d9; margin: 0 0 5px 0; }

	
#nav-footer ul, #nav-footer_bottom ul { list-style:none; margin: 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #d4d6d9; }
	#nav-footer li, #nav-footer_bottom li { display: inline; margin: 0 20px 0 0; }
	#nav-footer a, #nav-footer_bottom a { color: #38567b; text-decoration: none; }
#page-nav { margin: 30px 0 0 0; float: right; font-weight: bold; font-size: 11px; color: #38567b; }
	#page-nav a { color: #38567b; text-decoration: none; }
	#page-nav ul { margin: 0; padding: 0; list-style: none; }
		#page-nav li { display: inline; }
		#page-nav li.previous { margin: 0 20px 0 0; }
		#page-nav li.pages { margin: 0 20px; }
		#page-nav li.pages a { font-weight: normal; }
		#page-nav li.next { margin: 0 0 0 20px; }
.nav-magazine ul { margin: 0; padding: 5px 0; list-style: none; background: #fff; font-size: 11px; }
	.nav-magazine ul li { font-weight: bold; padding: 0 0 6px 10px; background:url(/store/images/ASBJ/bullet-sidebar.gif) no-repeat; background-position: 0 4px; }
	.nav-magazine ul li a { text-decoration: none; }
ul#magazine-links { padding: 5px 0 0 0; list-style: none; border-top: 1px solid #ccc; border-top: 1px solid #d4d6d9; font-size: 10px; }
	ul#magazine-links li { padding: 5px 0 0 10px; }
	ul#magazine-links li a { font-weight: bold; text-decoration: none; }
ul.nav-topics { margin: 6px 0; padding: 0; list-style: none; display: block; }
	ul.nav-topics li { padding: 6px 0 5px 10px; }
	ul.nav-topics li a { text-decoration: none; }

/* -- forms -- */
#search input { font-size: 10px; border: 1px solid #d4d6d9; }
	#search button { background:url(/store/images/ASBJ/btn_search.gif) no-repeat; width: 56px; height: 17px; text-indent: -999em; border: 0; cursor: pointer; }
/*JH 8/6/07 #login input { font-size: 10px; color: #d4d6d9; border: 1px solid #d4d6d9; margin: 5px 0 0 0; }
	#login button { background:url(/store/images/ASBJ/btn_login.gif) no-repeat; width: 42px; height: 15px; text-indent: -999em; border: 0; cursor: pointer; } */
#login input { font-size: 10px; color: #404b55; border: 1px solid #d4d6d9; margin: 5px 0 0 0; }
	#login button { background:url(/store/images/ASBJ/btn_login.gif) no-repeat; width: 42px; height: 15px; text-indent: -999em; border: 0; cursor: pointer; }
	

/* -- login page form --*/
.formlabel { margin: 20px 20 20px 20px; padding: 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #404b55; }
.formfield { margin: 3px 0 6px 0; padding: 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #404b55; }
.formbutton { background:url(/store/images/ASBJ/btn_login.gif) no-repeat; width: 60px; height: 20px; text-indent: -999em; border: 0; cursor: pointer; }
.formMessage { margin: 3px 0 6px 0; padding: 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: red;}

/* -- content --*/
	/* -- home page -- */
	#lead { margin: 0 0 15px 0; padding: 0; }
		#lead img { float: left; margin: 0; }
		#lead-content { float: right; width: 340px; }
			#lead p { font-size: 11px; margin: 0; padding: 0 0 6px 0; }
			#lead p.byline { font-size: 10px; }
	.feature-col { width: 232px; margin: 0 8px 0 2px; float: left; }
		.feature-col p { margin: 4px 0 6px 0; padding: 0; font-size: 11px; }

	/* -- secondary pages -- */
	ul#recent-issues { margin: 0; padding: 0; list-style: none; width: 665px; }
		ul#recent-issues li { float: left; margin: 0 10px 20px 0; font-size: 11px; font-weight: bold; }
		ul#recent-issues li a { text-decoration: none; }
		ul#recent-issues img { margin: 0 0 5px 0; }
	ul.archives { margin: 0; padding: 0; list-style: none; width: 575px; }
		ul.archives li { float: left; display: inline; margin: 0 75px 0 0; } 
		ul.archives a { font-size: 11px; font-weight: bold; text-decoration: none; }
	ul.subcats { list-style: none; float: left; width: 320px; margin: 0 10px 0 0; padding: 0; }
		ul.subcats li { margin: 0; padding: 0 0 5px 10px; font-size: 10px; font-weight: bold; background:url(/store/images/ASBJ/bullet-subcats.gif) no-repeat; background-position: 0 3px; }
		ul.subcats li a { text-decoration: none; }
	img.headline { float: right; margin: 0 0 5px 10px; }
	
	/* -- remove font size(12px/18px) and use js to change font size for doc.aspx -- 02/20/07 */
	#content p { font: normal Verdana, Arial, Helvetica, sans-serif; }
	#content p.subtitle { margin: 3px 0 10px 0; padding: 0; font: italic 14px Arial, Helvetica, sans-serif; color: #38567b; }	
	#pagetools { background: #fff; }
	#welcome { background: #fff; padding: 5px 0; }
		#welcome p { margin: 0; padding: 0; }
		#welcome a { padding: 5px 0; color: #690; font-weight: bold; text-decoration: none; display: block; border: solid #d4d6d9; border-width: 1px 0; }
	p.copyright { margin: 15px 0 0 0; padding: 8px 0 0 10px; font-size:10px; color: #878f97; border-top: 1px solid #d4d6d9; }
	p.credits { margin: 0; padding: 10px 0 10px 10px; font-weight: bold; font-size: 10px; }

	/* -- current issue -- */
	#cover { margin: 0 0 20px 0; }
	#cover h1 { margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; }
    #cover h1 a { color: #38567b; text-decoration: none; }
	#cover h2 { margin: 20px 0 10px 0; padding: 0 0 4px 0; font: normal 16px Arial, Helvetica, sans-serif; color: #38567b; border-bottom: 1px solid #d4d6d9; }    
    #cover img { float: right; margin: 10px 0 20px 20px; }
    #cover p { font-size: 11px; margin: 0; padding: 0; }
    #cover p.byline { font-size: 10px; }                   

	ul.mag { list-style: none; float: left; width: 320px; margin: 0 20px 0 0; padding: 0; }
    ul.mag li { margin: 0; padding: 0 0 5px 0; font-size: 11px; font-weight: normal; line-height: 14px; }
    ul.mag li a { text-decoration: none; font-weight: bold; }
	
	/* -- current expert -- */
	#expert { margin: 0 0 20px 0; }
	#expert h1 { margin: 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; }
    #expert h1 a { color: #38567b; text-decoration: none; }
	#expert h2 { margin: 20px 0 10px 0; padding: 0 0 4px 0; font: normal 16px Arial, Helvetica, sans-serif; color: #38567b; border-bottom: 1px solid #d4d6d9; }    
    #expert img { float: right; margin: 10px 0 20px 20px; }
    #expert p { font-size: 11px; margin: 0; padding: 0; }
    #expert p.byline { font-size: 10px; }  
	
	
/* -- headlines --*/
#lead h1 { margin: 3px 0 0 0; padding: 0; font: normal 22px Arial, Helvetica, sans-serif; }
	#lead h1 a { color: #38567b; text-decoration: none; }
#lead h4 { margin: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; color: #606a74; text-transform: uppercase; border-bottom: 1px solid #d4d6d9; }
h3.block { margin: 0; padding: 0 10px; font: normal 14px/31px Arial, Helvetica, sans-serif; display: block; background:url(/store/images/ASBJ/bg_h3.gif); text-transform: uppercase; color: #606a74; }

.feature-col h3 { margin: 10px 0 0 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; }
	.feature-col h3 a { color: #38567b; text-decoration: none; }
#content h1 { margin: 5px 0 0 0; padding: 0; font: normal 24px Arial, Helvetica, sans-serif; color: #38567b; }
#content h2 { margin: 15px 0 5px 0; padding: 0 0 4px 0; font: normal 16px Arial, Helvetica, sans-serif; color: #38567b; border-bottom: 1px solid #d4d6d9; }
#content h3 { margin: 3px 0 6px 0; padding: 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #404b55; }

/* ie6 hacks */
* html #search input, * html #login input { margin: 6px 5px 0 0; }

/* pop-up window */
.popUp{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
	background-image:url('/store/images/ASBJ/ModalImageBg.gif');
	z-index:500;
	visibility:hidden;
	}
.popUpMessage{
	position:relative;
	border:1px solid #336;
	background-color:white;
	margin-top:100px;
	vertical-align:middle;
	width:50%;
	padding:12px;
}

/* JH STYLES */
.cartlink { color: #ffffff; }
ul.magsearchresult { list-style: none; float: left; margin: 0 20px 0 0; padding: 0; }
ul.magsearchresult li { margin: 0; padding: 0 0 1px 0; font-size: 11px; font-weight: normal; line-height: 14px; }
ul.magsearchresult li a { text-decoration: none; font-weight: bold; }