@charset "UTF-8";
/* CSS Document, this document contains the styles for the Magazine division*/

.ArticleText, .FrontPageBlurb, .FeatureBlurb, .FeatureSpotText {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.FeatureSpotH1, .FeatureSpotH2, .FeatureSpotH3 {font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;}


a {color:#800000;}

.DivisionMenuTop {background:url(/magazine/images/dshadow.jpg) repeat-x;
background-color:#800000;
overflow:hidden;}

#DivisionMenuBottom {background:url(/magazine/images/dshadow2.jpg) repeat-x;
border:solid 5px #800000;}

.Bread_Crumb {width:400px;}

.MainArea {border:solid 5px #800000;
border-top:0px;
border-bottom:0px;}

.Title {font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
font-size:24px;
margin:25px 0 20px 25px;
color:#800000;
text-transform:uppercase;}

.MainArea {width:980px;
color:#333333;
/*height:2434px;*/
min-height:800px;
height:auto;
margin-top:0px;
padding-top:0px;
overflow:hidden;}

.MainAreaBG {width:980px;
background:#FFFFFF url('/magazine/images/adbg.gif') repeat-y;
color:#333333;
/*height:2434px;*/
min-height:800px;
height:auto;
margin-top:0px;
padding-top:0px;
overflow:hidden;}

#IEroot .MainArea {width:990px;
overflow:hidden;}

		.MALeft {background:#FFFFFF;
		display:inline;
		float:left;
		width:659px;
		height:auto;
		text-align:left;
		overflow:hidden;
		padding-bottom:50px;}
		
		.MARight {min-height:764px;}
		

	.HomeSection {color:#800000;
	margin-left:25px;
	margin-right:25px;
	font-size:18px;
	text-transform:uppercase;
	border-bottom:1px dotted #800000;
	margin-top:0px;}
	
	.HomeSection a {color:#800000;}
	
	.HomeSection a:hover {color:#999999;}

	.Author {color:#999999;
	border-right:1px solid #999999;
	padding-right:5px;}
	
	.CitationSpot .Author {color:#666;
	border-right:1px solid #666;
	padding-right:5px;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

.FeatureSpot, .CitationSpot {width:auto;
	margin:25px 25px 10px;
	height:200px;
	color:#333333;}
	
	.CitationSpot {height:auto;
	width:275px;
	}
	
	.CitationSpot .FeatureSpotText {width:200px;}
	
	.CitationSpot a:hover {color:#375978;}
	
	.NewFeature {height:285px;
	width:610px;
	margin:10px 25px 10px 25px;}
	
.FeatureSpot a {color:#800000;}
	
	.FeatureSpotImage {float:left;
	text-align:center;
	width:200px;
	padding:10px 20px 10px 0px;
	border-right: 1px solid #800000;}
	
		.imgborder {border:1px solid #999;}
	
	#IEroot .FeatureSpotImage {
	width:222px;
	}
	
	.NewFeature .FeatureSpotImage {width:610px;
	height:285px;
	border:none;
	padding:0px;}

	.FeatureSpotText {float:left;
	margin-top:5px;
	width:350px;
	margin-left:20px;
	font-size:13px;
	line-height:18px;}
	
	.CitationSpot .FeatureSpotText {float:none;}
	
	.FeatureSpotCitation1 {text-transform:uppercase;
	color:#333;
	line-height:14px;
	font-size:11px;
	margin-top:0;}
	
	.FeatureSpotCitation2 {
	color:#333;
	line-height:11px;
	font-size:9px;
	margin-top:2px;}
	
	.FeatureSpotH1, .FeatureSpotH3 {font-size:18px;
	line-height:20px;
	color:#800000;
	margin-top:5px;
	margin-bottom:5px;
	}
	
		.ArticleContainer .FeatureSpotH1 {font-size:26px;
	line-height:30px;}
	
	.CitationSpot .FeatureSpotH1{margin-top:2px;
	margin-bottom:0px;
	font-size:15px;
	line-height:18px}
	
	.CitationSpot .FeatureSpotH1 a {font-weight:bold;}
	
	.FeatureSpotH2 {font-size:10px;
	text-transform:uppercase;
	margin-bottom:3px;
	margin-top:3px;
	color:#800000;}
	
	.FeatureSpotPubDate {font-size:9px;
	text-transform:uppercase;
	margin-bottom:0px;
	color:#333;}
	
	.Name {font-weight:bold;
	text-transform:uppercase;}
	
	.FeatureSpotLink {font-size:10px;
	margin-right:20px;
	margin-top:5px;
	text-align:right;}
	
	.FeatureSpotFooter {text-align:right;
	margin:15px 25px 25px 0;
	font-size:10px;
	text-transform:uppercase;}
	
	#NewFeatureSpotFooter {margin-top:10px;}
	
	.NewFeature a {cursor:pointer;}

	.NewFeature a:hover {cursor:pointer;text-decoration:underline;}
	
	.NewFeatureImage img {border:1px solid #999;}
	
	.NewFeatureTopStamp {font-size:10px;
	text-transform:uppercase;
	margin-bottom:3px;
	color:#800000;}
	
	.FeatureBlurb {width:auto;
	margin:25px 35px 0;
	font-size:13px;
	line-height:18px;}
	
	.FrontPageBlurb {width:600px;
	margin:5px 25px 25px;
	color:#333;
	font-size:13px;
	line-height:18px}
	
	.FrontPageNewlist {
		margin:2px 0 20px 25px;
		width:602px;
		text-transform:uppercase;
		font-size:11px;
		background:#EEE;
		border:solid 1px #999;
		padding:5px 0 15px 5px;
		line-height:17px;
	}
	
	.FrontPageNewDate, .date {
	border-bottom:1px solid #BBB;
	font-size:8px;
	margin:5px 0;
	width:150px;
	color:#888;}
	
		.FrontPageNewlist a:visited {color:#555;}
		
		.FrontPageNewlist a:hover {color:#000;}

	
	.FrontPageListType, .type {float:left;
	background:#FFF;
	width:15px;
	height:15px;
	text-align:center;
	margin-right:4px;
	}
	
.ArticleContainer {width:615px;
margin:25px 25px 0px 25px;
color:#333;
padding:0px}

	.ArticleContainer a {color:#800000;}
	
	.ArticleSubheading {font-size:10px;
	text-transform:uppercase;
	margin-bottom:3px;
	margin-top:3px;
	color:#800000;}
	
	.ArticleSubheading span {color:#333;}
	
	.ArticleOptions {text-align:right;
	font-size:10px;
	text-transform:uppercase;}
	
	.ArticleText {margin-top:15px;
	margin-left:0px;
	padding:0px;
	font-size:13px;
	line-height:18px;
	text-align:left;}
	
	.ArticleBooktease {text-align:center;
	width:auto;}
	
	.ArticleBooktease img {border:none;}
	
	.ArticleImageL {float:left;
	padding:10px 30px 8px 0px;}
	
	.ArticleImageLTitle, .FrontPageImageTitle {float:left;
	text-align:left;
	width:300px;
	font-size:10px;
	line-height:normal;
	padding:5px 0;}
	
	.ArticleImageR {float:right;
	padding:10px 0 8px 30px;
	width:auto;}
	
	.ArticleImageR img, .ArticleImageL img {border:1px solid #999;}
	
	.ArticleImageRTitle {float:right;
	text-align:right; 
	line-height:normal;
	width:320px;
	font-size:10px;
	padding:5px 0;}
	
	.FrontPageImageTitle {font-size: 8px; width: 150px; margin-left: 25px; text-transform: uppercase;color:#ababab; padding-top:2px;}

	
	.Underlined {border-bottom:dotted 1px #800000;}
	
	.MiniRule {width:75px;
	border-top:1px solid #999;
	margin:10px auto;}
	
	.ArticleFootnote {color:#800000;
	font-size:12px;
	line-height:14px;}
	
	.ArticleFootnote a {text-decoration:underline;
	color:#444;}
	
	.AuthorBio {font-size:12px;
	border-top:1px solid #999;
	padding-top:10px;
	margin-top:25px;
	line-height:14px;}
	
	
.ArticleFooter {font-size:11px;
text-transform:uppercase;
text-align:right;
width:500px;
float:right;
margin-top:25px;}

	.ArchiveRow {clear:both;
	width:628px;
	margin:20px auto 0 auto;}
	
	.ArchiveIssue {float:left;
	width:314px;
	height:300px;}
	
	.ArchiveIssue img {border:1px solid #999;}

	.ArchiveIssueName {text-transform:uppercase;
	font-size:10px;
	text-align:center;
	width:314px;
	margin-top:15px;}

	.ArchiveIssue object {width:314px;
	height:232px;}
	
.BlogMenu {width:659px;
text-transform:uppdercase;
text-align:center;
margin:25px;
color:#800000;}
	
	.BlogMenuItem {float:left;
	margin:10px 0 10px 0;
	text-transform:uppercase;
	font-size:12px;
	line-height:14px;
	padding:0 10px 0 10px;
	border-right:1px solid #800000;
	cursor:pointer;}
		
	#BlogSearch {float:right;
	text-align:right;
	margin-right:25px;
	border:none;}
	
	.BlogSearchBox {background:white;
	border: 1px solid #800000;
	font-size:12px;
	line-height:14px;
	text-transform:none;
	height:15px;
	margin:0;
	color:#333;}

/* Tabbed Panel Contents */
.BlogFilterOptions {margin-top:5px;
margin-left:10px;
width:150px;
float:left;
border-right:dotted 1px #800000;}

	.BlogFilterText {margin-left:5px;
	color:#800000;}
	
	.BlogFilterCheckContainer {margin-top:5px;
	clear:both;}
	
	.BlogFilterCheck {margin-top:2px;
	float:left;}
	
	.BlogFilterCheckText {margin-top:4px;
	float:left;}
	
/* Horizontal Tabbed Panels */
.TabbedPanels {
	width:620px;
	margin: 0 25px 0 25px;
	padding: 0px;
	clear: both;
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	visibility:hidden;
	width:0px;
	height:0px;
}
.TabbedPanelsTab {
	/*position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;*/
}
.TabbedPanelsTabHover {
	background-color: #CCC;
}
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
/*	clear: both;	
	padding: 5px;;*/
}
.TabbedPanelsContent {
	padding: 4px;
}
.TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.PanelContent {
	font-family: verdana, arial, sans-serif; 
	font-size: 10px;
	text-transform:uppercase;
	margin: 0px;
}

	.PanelTab a {
	color: black;
	text-decoration: none;
	}
	
	.PanelHead {
	text-align:left;
	color:#800000;
	font-size:14px;
	text-transform:uppercase;
	padding:3px 3px 5px 0;
	height:12px;
	line-height:14px;
	border-bottom: dotted 1px #800000;}
	
	.PanelHeadTitle {float:left;}
	
	.PanelClose {text-align:center;
	float:right;
	width:10px;
	height:10px;
	cursor:pointer;}
	
/* Elements only used when printing */
	
	.PrintLogo {text-align:center;
	margin-bottom:40px;
	display:none;}
	
	.PrintCopyright {text-align:left;
	width:659px;
	margin:50px auto 0 auto;
	display:none;}
	
/* Collapsible panel styles */

.CollapsiblePanel {
	margin:15px 0 0 0;
	padding: 0px;
}
.CollapsiblePanelTab {
	font-size:11px;
	text-transform:uppercase;
	color:#800000;
	border-bottom: dashed 1px #800000;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	margin-top:25px;
	width:450px;
}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}
.CollapsiblePanelTab a {
	color: #800000;
	text-decoration: none;
}

.CollapsiblePanel .plusminus {margin:2px 3px 2px 0;
float:left;
width:9px;
height:9px;
background: transparent url(/magazine/images/plusminus.gif) no-repeat scroll left -11px;}

	#IEroot .CollapsiblePanel .plusminus {overflow:hidden;}

.CollapsiblePanelOpen .plusminus {
background-position:left top;}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {

}
.CollapsiblePanelFocused .CollapsiblePanelTab {

}

/* Comment Styles */

.CommentHeader {font-size:12px;
width:400px;
color:#800000;}

.CommentHeader span {text-transform:uppercase;
font-size:14px;}

.CommentContainer input, .CommentContainer textarea {border:1px solid #333;}

	/* From the Blog Styles */
	
				.comment, .trackback, .commentAlt, .trackbackAlt{
				padding: 10px;
				margin:10px 0;
			/*	position:relative;
			*/	background:#f5f5f5;}
			
			.commentName {
			font-style:normal;
			text-transform:uppercase;
			color:#800000;}
			
			.commentAlt, .trackbackAlt{
			background-color:white;
			border-bottom: 1px solid #800000;
			border-top: 1px solid #800000;}
			
			.comment img, .commentAlt img{
				float:left;
			/*	position:relative;
			*/	margin: 0 5px 5px 0;}
						
			.commentBody, .trackbackBody{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; 
				line-height:15px;
				color: #333; 
				margin-bottom: 10px;}
			
			 #relatedEntriesList {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; 
				color: #333;}
									
			.commentByLine, .trackbackByLine {
				font-style: italic;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;}
			
			.addCommentLink,.addTrackbackLink{
				text-align:right;}
				
				.CommentDisplayNote {font-size:11px;
				color:#800000;
				text-transform:uppercase;
				margin:5px 0 0 0;}

#IconPrint {padding:6px 21px 6px 0;background: transparent url(/magazine/images/iconset2.gif) no-repeat scroll left top;}
#IconEmail {padding:6px 21px 6px 0;background: transparent url(/magazine/images/iconset2.gif) no-repeat scroll -20px top;}

#IEroot #IconPrint {padding:0;width:21px;height:12px;background-position:left -4px}
#IEroot #IconEmail {padding:0;width:21px;height:12px;background-position:-20px -4px}

.BigLoader {position:fixed;text-align:center;padding-top:350px;display:block;font-size:16px;color:#CCC;width:100%;height:2000px;background:#222;margin-top:0px;top:-50px;letter-spacing:1px;}

@charset "UTF-8";


/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	margin-left:5px;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #fff;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}

/*Validation Textarea styling classes*/
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {
	display:none;
}
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg{
	display: inline;
	color: #CC3333;
}
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#fff;
}
textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
textarea.textareaHintState, .textareaHintState textarea{
}