/*
	<CSSName>BODY, TABLE</CSSName>
	<Type>Tags</Type>
	<Purpose>Assign style to BODY and TABLE tags to set standard 
			 default font to be inherited throughout
			 entire site </Purpose>
	<Description>Arial, 10pt, black.</Description>
*/
BODY, TABLE
{
	font-family: Arial, Verdana, Sans-Serif, Helvetica;
	font-size: 10pt;
	color: #000000;
}

/*
	<CSSName>BODY</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign style to body tag to set default
			 bg color to be inherited throughout
			 entire site</Purpose>
	<Description>Light green bg</Description>
*/
BODY
{
	background-color: #bcd4c7;
}

/*
	<CSSName>TABLE</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign style for all tables to display bg color
			 different than default page bg</Purpose>
	<Description>White bg</Description>
*/
TABLE
{
	background-color: #ffffff;		
}

/*
	<CSSName>A:link</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign color style for text links</Purpose>
	<Description>Blue</Description>
*/
A:link
{ 
	color: #0044CF; 
}

/*
	<CSSName>A:hover</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign color style for text links when you mouse
			 over them</Purpose>
	<Description>Red</Description>
*/
A:hover 
{ 
	color: #FF0000; 
}

/*
	<CSSName>A:visited</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign color style for visited text links</Purpose>
	<Description>Dark Green</Description>
*/
A:visited 
{ 
	color: #2A5442; 
}

.submissionForm, .submissionFormInvalid
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: #000000;
	padding: 0;
	margin: 0;
}

.submissionForm h1, .submissionFormInvalid h1
{
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12pt;
	color: #5C8271;
	padding: 0;
	margin: 0;
}

.submissionForm h2, .submissionFormInvalid h2
{
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: #000000;
	padding: 0;
	margin: 0;
}

.submissionForm h3, .submissionFormInvalid h3
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: #000000;
	padding: 0;
	margin: 0;
}

.submissionForm h4, .submissionFormInvalid h4
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: #000000;
	padding: 0;
	margin: 0;
}

.submissionForm input[type=submit]
{
	border: 1px outset #bcd4c7; 
	background-color: #bcd4c7;
	font-family: Arial, Verdana, Sans-Serif, Helvetica;  
	font-size: 8pt; 
	color: #04542B;
	font-weight: bold;
}


.submissionForm li, .submissionFormInvalid li
{
	padding: 0;
	margin-top: 20px;
}

.submissionFormValid
{
	display: none;	
}
/*
	<CSSName>StrongContent</CSSName>
	<Type>Class</Type>
	<Purpose>Assign font-weight style to text that has
		     to stand out</Purpose>
	<Description>Bold</Description>
*/
.StrongContent
{
	font-weight: bold;
}

/*
	<CSSName>ButtonStyle</CSSName>
	<Type>Class</Type>
	<Purpose>Assign style for button and button text</Purpose>
	<Description>Light green button with green text</Description>
*/
.ButtonStyle, .buttonStyle
{
	border: 1px outset #bcd4c7; 
	background-color: #bcd4c7;
	font-family: Arial, Verdana, Sans-Serif, Helvetica;  
	font-size: 8pt; 
	color: #04542B;
	font-weight: bold;
}

/*
	<CSSName>SideBorders</CSSName>
	<Type>Class</Type>
	<Purpose>Define the side borders on the main pages of the site</Purpose>
	<Description>set to 1px and set the color to a dark </Description>
*/
.SideBorders
{
	display: none;
}

/*
	<CSSName>StrongErrorStyle</CSSName>
	<Type>Class</Type>
	<Purpose>Sets error page heading style</Purpose>
	<Description>Bold, red, 18pt font</Description>
*/
.StrongErrorStyle
{
	font-weight: bold;
	font-size: 18pt;
	color: #FF0000;
}

/*
	<CSSName>ErrorStyle</CSSName>
	<Type>Class</Type>
	<Purpose>Sets error page font style</Purpose>
	<Description>Bold, red</Description>
*/
.ErrorStyle
{
	font-weight: bold;
	color: #FF0000;
}

/*
	<CSSName>PageTitle</CSSName>
	<Type>Class</Type>
	<Purpose>Sets page title font style</Purpose>
	<Description>bold, green, 11pt</Description>
*/
.PageTitle
{  
	font-size: 11pt;
	color: #2A5442; 
	font-weight: bold;
}

/*
	<CSSName>alphabeticallisting, MajorCategories, FeaturedMagazines,
		     EmailNewsletters, footer</CSSName>
	<Type>Class</Type>
	<Purpose>Sets font styles for corresponding controls to
		     display smaller than inherited font size</Purpose>
	<Description>8pt font</Description>
*/
.alphabeticallisting, .MajorCategories, .FeaturedMagazines, .EmailNewsletters, .footer, .MagazinesAffiliateControl, .SpecialsControl
{

	font-size: 8pt;	
}

/*
	<CSSName>FreeLabel</CSSName>
	<Type>Class</Type>
	<Purpose>Sets font for featured mags display</Purpose>
	<Description>8pt font, free label green</Description>
*/
/* PREVIOUS JOSHY COMMENT - Class required by the categories.aspx page.  This class is referenced
   Programatically, i.e. the code expects the existence of this class. */
.FreeLabel 
{
	font-family: Arial, Verdana, Sans-Serif, Helvetica;
	font-size: 8pt;
}

/*
	<CSSName>MagazineThumbnail</CSSName>
	<Type>Class</Type>
	<Purpose>Sets magazine thumbnail display</Purpose>
	<Description>width - 65px; height - 84px;</Description>
*/
/* PREVIOUS JOSHY COMMENT - Style used for display magazine images in the categories page.  */
.MagazineThumbnail 
{
    width : 65px;
    height: 84px;
}

/*
	<CSSName>LargeMagazineThumbnail</CSSName>
	<Type>Class</Type>
	<Purpose>Sets magazine thumbnail display on description.aspx</Purpose>
	<Description>width - 105px; height - 140px;</Description>
*/
.LargeMagazineThumbnail
{
    width : 105px;
    height: 140px;
}


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

	Use the following 2 classes to control the alignment of the 
	main table on the page.

	All 3 alignments, Left, Center and Right are provided.  
	Just uncomment the ones you want to use.

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


/*********** USE THESE CLASSES TO LEFT JUSTIFY THE CONTENT ****************/

/*
	<CSSName>MainTable</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main table on all pages.  This is for Firefox</Purpose>
	<Description>Left Justify</Description>
.MainTable
{	
}
*/


/*
	<CSSName>MainDiv</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main div tag on all pages.  This if for IE control</Purpose>
	<Description>Left Justify</Description>
.MainDiv
{
}
*/

/*********** USE THESE CLASSES TO CENTER THE CONTENT ****************/

/*
	<CSSName>MainTable</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main table on all pages.  This is for Firefox</Purpose>
	<Description>Center</Description>
*/
.MainTable
{	
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

/*
	<CSSName>MainDiv</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main div tag on all pages.  This if for IE control</Purpose>
	<Description>Center</Description>
*/
.MainDiv
{
	text-align: center;
}



/*********** USE THESE CLASSES TO RIGHT JUSTIFY THE CONTENT ****************/

/*
	<CSSName>MainTable</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main table on all pages.  This is for Firefox</Purpose>
	<Description>Right Justify</Description>
.MainTable
{	
	margin-left: auto;
	margin-right: 0;
	margin-top: auto;
	margin-bottom: auto;

}
*/

/*
	<CSSName>MainDiv</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main div tag on all pages.  This if for IE control</Purpose>
	<Description>Right Justify</Description>
.MainDiv
{
	text-align: right;
}
*/

/* ****************************************************** */
/* New classes added by Dawn for categories.aspx datalist */



/*<CSSName>NewMagazinesHeaderStyle, FeaturedMagazinesHeaderStyle, UsefulMagazinesHeaderStyle</CSSName>
	<Type>Class</Type>
	<Purpose></Purpose>
	<Description></Description>*/
.NewMagazinesHeaderStyle, .FeaturedMagazinesHeaderStyle, .UsefulMagazinesHeaderStyle
{
	background-color: #537E68;
	font-family: Arial, Sans-Serif, Verdana, Verdana Ref;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;	
}

/*<CSSName>NewMagazinesStyle, FeaturedMagazinesStyle, UsefulMagazinesStyle</CSSName>
	<Type>Class</Type>
	<Purpose></Purpose>
	<Description></Description>*/
.NewMagazinesStyle, .FeaturedMagazinesStyle, .UsefulMagazinesStyle
{
	background-color: #DDE5E1;
	font-family: Arial, Sans-Serif, Verdana, Verdana Ref;	
	font-size: 8pt;
	margin-right: 30px;
	margin-left: 30px;
}


/* Border Fix */
.leftsidetablecell {
	border-left: 1px solid #194a2f;
}

#RightSideCell {
	border-right: 1px solid #194a2f;
}