/****************************************************************************
 *layout:		exodus
 *style:		blue
 *Created On:	7/1/2004
 *Updated:		5/24/2005
 *Author:		TJ Rikli, MOPS International
 *Comments:		Under each description, it says if this class is needed in
 *				all style sheets on the MOPS public and leaders site, 
 *				or if this is just for this design
 ****************************************************************************/


/****************************************************************************
 *Printing stuff.
 *  -required in all designs
 ***************************************************************************/
	.PrintHide{
	}
	.PrintShow{
		DISPLAY: none
	}
	.Show{
	}
	
/****************************************************************************
 *Class:		.menu
 *Description:	Left column where the menu is located
 *Requirement:	specific to this design
 ***************************************************************************/
	.menu
	{
		BACKGROUND-COLOR: #EEF4FB;
		FONT-SIZE: 11px;
		COLOR:#666666;
		LINE-HEIGHT: 13px;
		FONT-FAMILY: Verdana;
		FONT-WEIGHT: normal;
	}
	
	
/****************************************************************************
 *Class:		.shell
 *Description:	basically sets the background color of the page
 *Requirement:	all designs
 ***************************************************************************/
	.shell{
		background-color:#FBF8EA;
	}
	
	
/****************************************************************************
 *Class:		.content
 *Description:	main content area of the site.
 *Requirement:	all designs
 ***************************************************************************/
	.content{
		FONT-SIZE: 11px;
		COLOR: dimgray;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: white;
		FONT-WEIGHT: normal;
	}
	.content a:link { text-decoration: none; color: #c20044}
	.content a:visited { text-decoration: none; color: #c20044}
	.content a:hover { text-decoration: underline; color: dimgray;}
	.content a:active { text-decoration: underline; color: dimgray}
	
/****************************************************************************
 *Class:		.content
 *Description:	main content area of the site - works with Fusion
 *Requirement:	all designs
 ***************************************************************************/
	.body{
		FONT-SIZE: 11px;
		COLOR: dimgray;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: white;
		FONT-WEIGHT: normal;
	}
	.body a:link { text-decoration: none; color: #c20044}
	.body a:visited { text-decoration: none; color: #c20044}
	.body a:hover { text-decoration: underline; color: dimgray;}
	.body a:active { text-decoration: underline; color: dimgray}


/****************************************************************************
 *Class:		.content_header
 *Description:	Top header for the main content section
 *Requirement:	all designs
 ***************************************************************************/
	.content_header{
		FONT-WEIGHT: 600;
		FONT-SIZE: 12px;
		COLOR: white;
		FONT-FAMILY: "Verdana";
		background-color:#91B9E2;
		background-image:url(header.jpg);
		text-indent: 5px;
	}
	
/****************************************************************************
 *Class:		.content_subheader
 *Description:	header for all modules in the main content area
 *Requirement:	all designs
 ***************************************************************************/
	.content_subheader
	{
		FONT-WEIGHT: bolder;
		FONT-SIZE: 8pt;
		COLOR: dimgray;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #CEE0F2;
		background-image:url(subheader.jpg);
	
	}
	
/****************************************************************************
 *Class:		.content_H1D, .content_H2D, .content_H3D
 *Description:	Heading fonts for the main content area
 *Requirement:	all designs
 ***************************************************************************/
	.content_H1D{
		FONT-WEIGHT: bold;
		FONT-SIZE: 14px;
		COLOR: #c20044;
		FONT-FAMILY: Verdana;
		line-height:17px;
	}
	.content_H2D
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 10pt;
		COLOR: #c20044;
		FONT-FAMILY: Verdana;
	}
	.content_H3D
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 8.5pt;
		COLOR: #C20044;
		FONT-FAMILY: Verdana;
	}


/****************************************************************************
 *Class:		.sidebar
 *Description:	sidebar area of the site.  Used for related links, page options, etc
 *Requirement:	all designs
 ***************************************************************************/
	.sidebar_background
	{
		BACKGROUND-COLOR: #EEF4FB;
	}
	.sidebar
	{
		FONT-SIZE: 11px;
		COLOR: dimgray;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana;
		FONT-WEIGHT: normal;
	}
	.sidebar a:link { text-decoration: none; color: #c20044; font-size: 11px;}
	.sidebar a:visited { text-decoration: none; color: #c20044; font-size: 11px;}
	.sidebar a:hover { text-decoration: underline; color: dimgray; font-size: 11px;}
	.sidebar a:active { text-decoration: underline; color: dimgray; font-size: 11px;}

	.sidebar UL
	{
		MARGIN-LEFT: 20px;
		color: #666666;
	}
	
/****************************************************************************
 *Class:		.sidebar_header
 *Description:	Top header bar for the sidebar 
 *Requirement:	all designs
 ***************************************************************************/
	.sidebar_header{
		FONT-WEIGHT: 600;
		FONT-SIZE: 12px;
		COLOR: white;
		FONT-FAMILY: "Verdana";
		background-color:#91B9E2;
		text-indent: 5px;
		background-image:url(header.jpg);
	}
	
/****************************************************************************
 *Class:		.sidebar_subheader
 *Description:	Header bar for modules in the sidebar 
 *Requirement:	all designs
 ***************************************************************************/
	.sidebar_subheader
	{
		FONT-WEIGHT: bolder;
		FONT-SIZE: 8pt;
		COLOR: dimgray;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #CEE0F2;
		background-image:url(subheader.jpg);
	}
	
/****************************************************************************
 *Class:		.sidebar_H1D, .sidebar_H2D, .sidebar_H3D
 *Description:	Heading fonts for the main content area
 *Requirement:	all designs
 ***************************************************************************/
	.sidebar_H1D{
		FONT-WEIGHT: bold;
		FONT-SIZE: 14px;
		COLOR: #c20044;
		FONT-FAMILY: Verdana;
		line-height:17px;
	}
	.sidebar_H2D
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 10pt;
		COLOR: #c20044;
		FONT-FAMILY: Verdana;
	}
	.sidebar_H3D
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 8.5pt;
		COLOR: #C20044;
		FONT-FAMILY: Verdana;
	}


/****************************************************************************
 *Class:		.table_bg
 *Description:	Background settings for a table.  Mainly used as a border for 
 *				when the cellspacing=1 on the table properties
 *Requirement:	all designs
 ***************************************************************************/
	.table_bg{
		FONT-WEIGHT: 600;
		FONT-SIZE: 12px;
		COLOR: white;
		FONT-FAMILY: "Verdana";
		background-color:#91B9E2;
		text-indent: 5px;
	}
	

	
	
/****************************************************************************
 *Class:		.table_heading
 *Description:	Header row of a table.  Defines color and font
 *Requirement:	all designs
 ***************************************************************************/
	.table_heading
	{
		FONT-WEIGHT: bolder;
		FONT-SIZE: 8pt;
		COLOR: dimgray;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #CEE0F2;
	
	}
	
/****************************************************************************
 *Class:		.row_bg
 *Description:	Alternate row color.  Default will be .content, but sometimes
 *				you may want every row to alternate colors.  Make sure the font
 *				is the same as defined in .content, otherwise it will look funny
 *Requirement:	all designs
 ***************************************************************************/
 	.row_bg	{
		FONT-SIZE: 11px;
		COLOR: dimgray;
		LINE-HEIGHT: 16px;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #EEF4FB;
		FONT-WEIGHT: normal;
	}
	.row_bg a:link { text-decoration: none; color: #5B8FB3}
	.row_bg a:visited { text-decoration: none; color: #5B8FB3}
	.row_bg a:hover { text-decoration: underline; color: dimgray;}
	.row_bg a:active { text-decoration: underline; color: dimgray}
	
	
/****************************************************************************
 *Class:		.row_bg
 *Description:	Alternate row color.  Default will be .content, but sometimes
 *				you may want every row to alternate colors.  Make sure the font
 *				is the same as defined in .content, otherwise it will look funny
 *Requirement:	all designs
 ***************************************************************************/
	.L2
{
    FONT-SIZE:	11px;
    COLOR:	black;
	font-weight: 500;
    FONT-FAMILY:	Verdana, Helvetica, sans-serif;
}
	.L2 a:link { text-decoration: underline; color: #CB0303};
	.L2 a:visited { text-decoration: underline; color: #CB0303};
	.L2 a:hover { text-decoration: none; color: #003366};
	.L2 a:active { text-decoration: none; color: #003366};
	
	.L5
	{
		FONT-SIZE: 11px;
		COLOR: dimgray;
		LINE-HEIGHT: 16px;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #FFFFFF;
		FONT-WEIGHT: normal;
	}
	.L5 a:link { text-decoration: none; color: #5B8FB3}
	.L5 a:visited { text-decoration: none; color: #5B8FB3}
	.L5 a:hover { text-decoration: underline; color: dimgray;}
	.L5 a:active { text-decoration: underline; color: dimgray}	

/****************************************************************************
 *Class:		.child_head1
 *Description:	Background settings for a child table's heading background. 
 *Requirement:	all designs
 ***************************************************************************/
	.child_head1{
		height:20px;
		FONT-WEIGHT: bold;
		FONT-SIZE: 9pt;
		COLOR: white;
		FONT-FAMILY: Verdana;
		background-image:url(/design/mops_scheme/images/child_head1.jpg);
	}

/****************************************************************************
 *Class:		.child_head2
 *Description:	Background settings for child's column's header
 *Requirement:	all designs
 ***************************************************************************/
	.child_head2{
		height:22px; 
		background-image:url(/design/mops_scheme/images/child_head2.jpg);
		FONT-SIZE: 11px;
    	FONT-FAMILY:	Verdana, Helvetica, sans-serif;
	}

/****************************************************************************
 *Class:		.child_column1
 *Description:	Background settings for child's column's header
 *Requirement:	all designs
 ***************************************************************************/
	.child_column1{ 
		FONT-WEIGHT: bold;
		FONT-SIZE: 11px;
		COLOR: #FF0000;
    	FONT-FAMILY:	Verdana, Helvetica, sans-serif;
	}

/****************************************************************************
 *Class:		.child_foot1
 *Description:	Background settings for child's column's footer
 *Requirement:	all designs
 ***************************************************************************/
	.child_foot1{
		height:39px; 
		background-image:url(/design/mops_scheme/images/child_foot1.jpg);
		FONT-SIZE: 11px;
    	FONT-FAMILY:	Verdana, Helvetica, sans-serif;
	}
 	

/****************************************************************************
 *Class:		.line1, .line2, .line3
 *Description:	defines a color for a line in the design
 *Requirement:	Specific to this design
 ***************************************************************************/
	.line
	{
		BACKGROUND-COLOR: #91B9E2;
		
	}
	.line1
	{
		BACKGROUND-COLOR: #91B9E2;
		
	}
	.line2
	{
		BACKGROUND-COLOR: #5996D2;
	}
	.line3
	{
		BACKGROUND-COLOR: #91B9E2;
	}
	
/****************************************************************************
 *Class:		.small
 *Description:	defines a a small font, used in footer and other places
 *Requirement:	All Designs
 ***************************************************************************/
	.small
	{
		FONT-SIZE: 7pt;
		COLOR: #5A5A5A;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana
	}
	.small a:link { text-decoration: none; color: #5B8FB3}
	.small a:visited { text-decoration: none; color: #5B8FB3}
	.small a:hover { text-decoration: underline; color: dimgray;}
	.small a:active { text-decoration: underline; color: dimgray}


/****************************************************************************
 *Class:		.err
 *Description:	used mainly on forms, when there is an error to display
 *				(Only used on Non-group registration)
 *Requirement:	All Designs
 ***************************************************************************/
	.err {
		FONT-WEIGHT: bold;
		FONT-SIZE: 9pt;
		COLOR: red;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana
	}
	
/****************************************************************************
 *Class:		.LayerErr
 *Description:	used mainly on forms, when there is an error to display (primary error style)
 *Requirement:	All Designs
 ***************************************************************************/
	.LayerErr {
		BACKGROUND-COLOR: red;
		color: white;
		FONT-SIZE: 10pt;
		FONT-WEIGHT: bolder;
		FONT-FAMILY: Verdana
	}

/****************************************************************************
 *Class:		.form_field
 *Description:	defines the look of a form field (text box, DDL, etc)
 *Requirement:	All Designs
 ***************************************************************************/
	.form_field
	{
		height:19px;
		font-size:10px;
		font-family:verdana;
		color:#676767;
	}

/****************************************************************************
 *Class:		.form_field_err
 *Description:	defines the look of a field if there is an error
 *				(only used in Non-group registration)
 *Requirement:	All Designs
 ***************************************************************************/
	.form_field_err
	{
		height:19px;
		font-size:10px;
		font-family:verdana;
		color:#676767;
		background-color:#ffc0c0
	}

/****************************************************************************
 *Class:		.form_textarea
 *Description:	defines the look of a textarea field
 *Requirement:	All Designs
 ***************************************************************************/
	.form_textarea
	{
		font-size:10px;
		font-family:verdana;
		color:#676767;
	}

/****************************************************************************
 *Class:		.form_button
 *Description:	defines the look of a button
 *Requirement:	All Designs
 ***************************************************************************/
	.form_button
	{
		cursor:hand;
		font-family:Verdana,"MS Sans Serif",Charcoal,Chicago,Arial;
		font-weight:normal;
		font-size:10px;
		color:#666666;
		background-color:#f1f1f2;
	}

/****************************************************************************
 *Class:		.hidden
 *Description:	used with JavaScript to hide data until user clicks on an icon to display
 *Requirement:	All Designs
 ***************************************************************************/
	.hidden
	{
		display:none;
	}


.Editorbody
{
    FONT-SIZE: 8.5pt;
    COLOR: #5A5A5A;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana;
	Font-Weight: normal;
	align: justify;
}
.Editorbody a:link { text-decoration: none; color: #c20044}
.Editorbody a:visited { text-decoration: none; color: #c20044}
.Editorbody a:hover { text-decoration: underline; color: dimgray;}
.Editorbody a:active { text-decoration: underline; color: dimgray}