/*************************************************
*
* Layout and Presentation Stylesheet
*
**************************************************/

/* General */
html
{
	background: url() repeat-x top left;
	background-color: #FFFFFF;
}

* {
	font-family: Arial, Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, sans-serif; /* set the font of all elements to this */
	font-size: 14px; /* reset all fonts to a common size */
	word-wrap: break-word; /* Stop IE from expanding parent container when word is too long (proprietary IE, new in CSS3) */
}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 { font-size: 22px; color: #7CC576; font-weight: normal;}
h2 { font-size: 18px; color: #7CC576; font-weight: normal;}
h3 { font-size: 14px; color: #7CC576; font-weight: normal;}
h4 { font-size: 14px; color: #7CC576; font-weight: normal;}
h5 { font-size: 12px; color: #7CC576; font-weight: normal;}
h6 { font-size: 10px; color: #7CC576; font-weight: normal;}

body
{
	margin: 0;
	padding: 0;
	font-size: 14px; /* sets a base font size of 12px/9pt */
	color: #333333;
}
body.PagePrint
{
	margin: 0;
	padding: 0;
	font-size: 10px; /* sets a base font size of 12px/9pt */
	background-image: url();
	background-color: #FFFFFF;
}
img {
	-ms-interpolation-mode: bicubic; /* Resample images in IE7 */
}

img.alpha { /* Give PNG image class="alpha" to fix alpha transparency problems in IE 5.5 & 6 */	 
}

a img {
	border: none;
}

big {
	font-size: 133%;
}

small, sup, sub {
	font-size: 75%;
}

wbr:after {
	content: "\00200B"; /* Emulate the <wbr> (word break) tag in modern browsers that don't support it */
}
hr
{
    BORDER-TOP: 1px solid #7CC576;
    WIDTH: 100%;
    HEIGHT: 1px;
    text-align: center;
}
/*----TEXT SIZES----*/
.SmallText
{
     font-size: 9px;
}
.DefaultText
{
     font-size: 10px;
}
.LargeText
{
     font-size: 14px;
}
.LargerText
{
     FONT-SIZE: 16px;	
}
.PageWrapper p
{
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
/*----TEXT SIZES----*/
/* General */

/* Links */
.PageWrapper a, .PageWrapper a:link
{
	color: #7CC576;
	text-decoration: none;
}
.PageWrapper a:visited
{
	color: #7CC576;
	text-decoration: none;
}
.PageWrapper a:hover,.PageWrapper a:active
{
	color: #CCCCCC;
	text-decoration: underline;
}
/* Links */

/*----FORMS----*/
.PageWrapper form
{}
.PageWrapper textarea
{
    	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #E0DEDE;
}
.PageWrapper input
{
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #E0DEDE;
}
.PageWrapper select
{
    	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #E0DEDE;
}
.PageWrapper .Button
{
	vertical-align: middle;
	border: 2px solid blue;
	background-color: #FFFF00;
	font-weight: bold;
	color: blue;
}
.BodyText INPUT .ButtonOK
{
}
/*----FORMS----*/

/*----SPAN----*/
.Alert
{
	font-weight: bold;
	color: red;
}
/*----SPAN----*/

/*---- MODAL POPUP ----*/

/*Modal Popup*/
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	top: 10px;
	left: 10px;
}
.modalPopup
{
	background-color: #FFFFFF;
	border: 2px solid #E0DEDE;
	padding: 10px;
	width: 460px;
}
.modalDisablePopup
{
	background-color: #FFFFFF;
	border: 2px solid #E0DEDE;
	z-index:10000;
	position:absolute;
}
.modalHeading
{
	/*cursor: move;*/
	background-color: #DDDDDD;
	border: 1px solid #E0DEDE;
	color: #333333;
	text-align: left;
	padding: 4px;
	font-family:Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	width: 100%;
}
.modalText
{
	font-size: 12px;
}
.modalDisablePopup
{
	background-color: #FFFFFF;
	border: 2px solid #E0DEDE;
	z-index:10000;
	position:absolute;
}
/*Popup Control*/
.popupControl
{
	background-color: #FFFFFF;
	position:absolute;
	visibility:hidden;
}
/*---- MODAL POPUP ----*/

/* Standard Page Layout */
#OuterWrapper
{
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#PageWrapper
{
	width: 900px;
	background-color: #FFFFFF;
	margin:0 auto;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}
#PageWrapper #BrandingWrapper
{
	border: 0px solid transparent;
	width: 900px;
	height: 214px;
	padding: 0px;
	margin: 0px;	
}
#PageWrapper #BrandingWrapper #MainBanner
{
	border: 0px solid transparent;
	width: 900px;
	height: 174px;
	float: left;
	text-align: left;
	overflow: hidden;
	padding: 0px;	
	margin: 0px;
}
#PageWrapper #BrandingWrapper #MainBanner img
{
	padding: 0px;
	margin: 0px;
}
#PageWrapper #ContentWrapper
{
	border: 0px solid transparent;
	background-color: #FFFFFF;
	width: 900px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: left;
}
#PageWrapper #ContentWrapper #MainContent
{
	border: 0px solid transparent;
	width: 625px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right: 10px;
}
* html #PageWrapper #ContentWrapper #MainContent
{
  width: 655px;
}
#PageWrapper #ContentWrapper #MainContent #TitleTable
{
	border: 0px solid transparent;
	background-color: #FFFFFF;
}
#PageWrapper #ContentWrapper #MainContent #Utilities
{
	border: 0px solid transparent;
	background-color: #FFFFFF;
	clear: both;
	margin-top: 10px;
}
#PageWrapper #ContentWrapper #MainContent #BodyContent
{
	border: 0px solid transparent;
	display: inline;
	float: left;	
}
#PageWrapper #ContentWrapper #PromoContentRight
{
	border: 0px solid transparent;
	width: 220px;
	display: inline;
	float: right;
	border-left: 0px solid #25428E;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
}
* html #PageWrapper #ContentWrapper #PromoContentRight
{
  width: 240px;
}
.PageWrapper #FooterWrapper
{
	border: 0px solid transparent;
	width: 100%;
	height: 100px;	
	background: url() no-repeat left bottom;
}
.PageWrapper #FooterWrapper #FooterContentWrapper
{
	border: 0px solid transparent;
	background: url() repeat-x left top;
	color: #666666;
	width: 870px;
	padding: 15px;
	overflow: hidden;	
	clear: both;
	text-align: left;
}
* html .PageWrapper #FooterWrapper #FooterContentWrapper
{
  width: 900px;
}
.PageWrapper #FooterWrapper #FooterContentWrapper #FooterContent
{
}
.PageWrapper #FooterWrapper #FooterContentWrapper #FooterContent #FooterText
{
}
.PageWrapper #FooterWrapper #FooterContentWrapper #FooterContent #FooterText a
{
	font-size: 10px;
}
/* Standard Page Layout */

/* Promotion Page Layout */
#PageWrapperPopup
{
	width: 900px;
	background-color: #FFFFFF;
	margin:0 auto;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}
#PageWrapperPopup #BrandingWrapper
{
	border: 0px solid transparent;
	width: 900px;
	height: 214px;
	padding: 0px;
	margin: 0px;	
}
#PageWrapperPopup #BrandingWrapper #MainBanner
{
	border: 0px solid transparent;
	width: 900px;
	height: 174px;
	float: left;
	text-align: left;
	overflow: hidden;
	padding: 0px;	
	margin: 0px;
}
#PageWrapperPopup #BrandingWrapper #MainBanner img
{
	padding: 0px;
	margin: 0px;
}
#PageWrapperPopup #ContentWrapper
{
	border: 0px solid transparent;
	background-color: #FFFFFF;
	width: 900px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: left;
}
#PageWrapperPopup #ContentWrapper #MainContent
{
	border: 0px solid transparent;
	width: 850px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
}
* html #PageWrapperPopup #ContentWrapper #MainContent
{
  width: 890px;
}
#PageWrapperPopup #ContentWrapper #MainContent #TitleTable
{
	border: 0px solid transparent;
	background-color: #FFFFFF;
}
#PageWrapperPopup #ContentWrapper #MainContent #Utilities
{
	border: 0px solid transparent;
	background-color: #FFFFFF;
	clear: both;
	margin-top: 10px;
}
#PageWrapperPopup #ContentWrapper #MainContent #BodyContent
{
	border: 0px solid transparent;
	display: inline;
	float: left;	
}
/* Promotion Page Layout */

/* Promotion Containers */
#PromoContainerWrapper
{

}
#PromoContainerWrapper #divHeading,
#PromoContentRight #divHeading
{
	border-bottom: 0px solid #7CC576;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
}
#PromoContainerWrapper #divHeading h1,
#PromoContainerWrapper #divHeading h2,
#PromoContentRight #divHeading h1, #PromoContentRight #divHeading h2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7CC576;
	padding: 0px;
	margin: 0px;
}
#PromoContainerWrapper #PromoContainerContent
{
	padding: 0px;
	margin: 0px;
}
#PromoContainerWrapper #PromoContainerContent h1,
#PromoContainerWrapper #PromoContainerContent h2,
#PromoContainerWrapper #PromoContainerContent h2 a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0px;
}
#PromoContainerContent ul
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;    
    list-style-type: square;
}
#PromoContainerContent ul li
{
    margin-top: 4px;
    margin-bottom: 4px;   
}
#PromoContainerContent ul li a
{
      font-weight: normal;
}
#PromoContainerContent ol
{
    margin-top: 5px;
    margin-bottom: 5px;    
}
/* Promotion Containers */

/* Sections */
.PageWrapper #ContentWrapper #MainContent #TitleTable h1.TitleHeading
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #7CC576;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

/* Body Styles */
.PageWrapper #ContentWrapper #MainContent #BodyContent img
{
}

/* Sections */

/* Form Tables */
.PageWrapper form table.FormTable
{
	margin-top: 8px;
	font-size: 11px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color: #333333;
	border-spacing: 1px;
}
.PageWrapper form table TR TD.FormTableCopyAltLeft,
.PageWrapper table.FormTable tr td.FormTableQuestion
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #333333;
	background-color: #ffffff
}
.PageWrapper form table tr td.FormTableCopyAltRight
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #333333;
	background-color: #ffffff;
}
.PageWrapper form table tr td.FormTableButtons
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #333333;
	background-color: #ffffff;
	text-align: right;
}
.PageWrapper form div.ButtonHolder
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    MARGIN: 0px;
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: right;
}
/* Form Tables */

/* Main Navigation */
.PageWrapper #BrandingWrapper #MainNavigation
{
	background: url() repeat-x left top;
	text-align: left;	
	width: 900px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	float: left;
}
* html .PageWrapper #BrandingWrapper #MainNavigation
{
	width: 900px;
}
.PageWrapper #BrandingWrapper #MainNavigation #MainNavigationHolder
{
	padding-left: 10px;
}
#MainNavigation table tr td.NavTableCellOn a.NavLinkOn,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOn span,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOff,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOff span
{
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #7CC576;
}
#MainNavigation a.NavLinkOn:link
{
	color: #7CC576;
	text-decoration: none;
	border-bottom: 2px solid #FFF100;
}
#MainNavigation a.NavLinkOn:visited
{
	color: #7CC576;
	text-decoration: none;
	border-bottom: 2px solid #FFF100;
}
#MainNavigation a.NavLinkOn:active
{
	color: #7CC576;
	text-decoration: none;
	border-bottom: 2px solid #FFF100;
}
#MainNavigation a.NavLinkOn:hover
{
	color: #7CC576;
	text-decoration: none;
	border-bottom: 2px solid #FFF100;
}
#MainNavigation table tr td.NavTableCellOff a.NavLinkOff,
#MainNavigation table tr td.NavTableCellOff a.NavLinkOff span
{
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #CCCCCC;
}
#MainNavigation a.NavLinkOff:link
{
	color: #CCCCCC;
	text-decoration: none;
}
#MainNavigation a.NavLinkOff:visited
{
	color: #CCCCCC;
	text-decoration: none;
}
#MainNavigation a.NavLinkOff:active
{
	color: #CCCCCC;
	text-decoration: none;
	border-bottom: 2px solid #FFFFFF;
}
#MainNavigation a.NavLinkOff:hover
{
	color: #CCCCCC;
	text-decoration: none;
	border-bottom: 2px solid #CCCCCC;
}
#MainNavigation table tr td.NavTableCellOn
{
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;	
}
#MainNavigation table tr td.NavTableCellOff
{
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;		
}
/* Main Navigation */

* MESSAGE BOXES */
.PageWrapper div.MessageHolderSuccess
{
	WIDTH: 100%;
	HEIGHT: 50px;
	BORDER: 1px solid green;
	margin-top: 5px;
}
.PageWrapper div.MessageHolderFailure
{
	WIDTH: 100%;
	HEIGHT: 50px;
	BORDER: 1px solid red;
	margin-top: 5px;
}
.PageWrapper #idMessageHolder div.MessageImageSuccess
{
	WIDTH: 5%;
	HEIGHT: 40px;
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	background-image: url(/images/icons/icon_tick.gif);
	background-repeat:  no-repeat;
	background-position: 50% 50%;
	padding: 0px;
	margin: 0px;
	FLOAT: left;
}
.PageWrapper #idMessageHolder div.MessageImageFailure
{
	WIDTH: 5%;
	HEIGHT: 40px;
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	background-image: url(/images/icons/icon_cross.gif);
	background-repeat:  no-repeat;
	background-position: 50% 50%;
	padding: 0px;
	margin: 0px;
	FLOAT: left;
}
.PageWrapper #idMessageHolder #idMessageContent
{
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	WIDTH: 95%;
	HEIGHT: 100%;
	FLOAT: right;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}
.PageWrapper #idMessageHolder #idMessageContent ul
{
	list-style-type: square;
}
/* MESSAGE BOXES */

/* Modules */

/* ContextMenuPanel */
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(/images/icons/context_menu_background.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}
.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}
a.ContextMenuItem, div.ContextMenuPanel a.thickbox
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
	font-family: Verdana, Arial, helvetica;
}
a.ContextMenuItem-Selected, div.ContextMenuPanel a.thickbox-Selected
{
	font-weight: bold;
}
a.ContextMenuItem:hover, div.ContextMenuPanel a.thickbox:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}
/* ContextMenuPanel */

/* BLOG MODULE */
.PageWrapper div.BlogContainer
{
	display: block;
	clear: both;
}
.PageWrapper div.BlogContainer h2.BlogTitle,
.PageWrapper div.BlogContainer h2.BlogTitle a
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 4px;
	margin: 0px;
}
.PageWrapper div.BlogContainer p.BlogByLine,
.PageWrapper div.BlogContainer span.BlogByLine,
{
	color: #999999;
	padding-top: 0px;
	padding-bottom: 4px;
	margin: 0px;
}
.PageWrapper table tr td.BlogPromoCopy
{
	padding-bottom: 10px;
}
.PageWrapper table tr td.BlogPromoCopy span.BlogPromoText
{
	font-style: italic;
}
.PageWrapper table tr td.BlogPromoCopy span.BlogDate
{
	color: #999999;
}
/* BLOG MODULE */