/* CSS definitions for GUI */
/* <link rel="stylesheet" type="text/css" href="css/gui.css" media="screen">*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*----------------------------old-------------------------*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
.SageCSSBody
{
	font-family: Arial,Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #aba299;
}
img
{
	border: 0px black none;
	-ms-interpolation-mode1: bicubic; /*improves image quality in IE7  			http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing*/
}
h1, h2, h3
{
	text-align: left;
}
a:link, a:visited
{
	color: #546494 /*	display: block;*/;
	text-decoration: underline;
}
A:hover
{
	text-decoration: underline;
	color: #666666; /*background-image: url(Images/graydot.gif);*/
}
.SageCSSMainTable
{
	border: none;
	border-collapse: collapse;
	margin-left: 10px;
	margin-right: auto;
	text-align: left;
	width: 760px;
}
.SageCSSMainTableContent
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 10px;
	background-color: white;
}
.SageCSSGlobalHeaderLink a, .SageCSSGlobalHeaderLink a:link, .SageCSSGlobalHeaderLink a:visited
{
	color: white;
	font-size: 80%;
	text-transform: uppercase;
}
/*-----------------------------------------*/
.SageCSSBodySection td
{
	vertical-align: top;
}
.SageCSSBodyContent
{
}
.SageBodyFooterRow
{
	color: #FFFFFF;
	margin-top: 3px;
	padding-top: 0px;
	text-align: right;
}
.SageBodyFooterRow p
{
	margin: 0;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
}
.SageBodyFooterRow td
{
	text-align: center;
	vertical-align: middle;
}
.SageBodyFooterRowRedBG
{
	background-color: #A9122A;
	color: #FFFFFF;
}
.SageBodyFooterRowBlueBG
{
	background-color: #D5E7CE;
	color: #000000;
}
.SageBodyFooterRowBlackBG
{
	background-color: #000000;
	color: #FFFFFF;
}
.SageBodyFooterRowImage
{
	background-color: #000000;
}
.SageBodyFooterRowImage img
{
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}
.SageCSSLeftJustify
{
	text-align: left;
}
.SageCSSFooterSection
{
	width: 100%;
}

table.SageCSFormApplyTodayMainTable
{
	padding-bottom: 1em;
}

table.SageCSFormApplyTodayMainTable > tbody > tr > td
{
	padding-bottom: 1ex;
}

.SageCSFormApplyTodayLabel
{
	width: 30%;
	vertical-align: middle;
}


.SageCSFormApplyTodayLeftTableCell
{
	vertical-align: middle;
	text-align: left;
	width: 30%; /*valign="middle" align="left" width="30%"*/
}

td.SageCSFormApplyTodayLeftTableCell
{
	padding-right: 5px;
}

span.SageCSFormApplyTodayRequiredFieldMarker
{
	font-weight: bold;
	color: Red;
}

.SageCSFormApplyTodayInputField
{
	width: 80%;
}
.SageCSSFormApplyTodayDropDown
{
	width: 95%;
}
table.SageCSSFooterSection
{
}
.SageCSSFooterSectionLinks a
{
	border-right-style: solid;
	border-right-width: 1px;
	border-color: gray;
	text-decoration: underline;
	padding-left: 0px;
	padding-right: 5px;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 90%;
	margin-right: 5px;
	margin-left: 0px;
	color: #546494;
	white-space: nowrap;
}
.SageCSSFooterSectionLinks a:hover
{
	color: #666666;
}


.SageCSSFooterSection p
{
	/*	color: #FFFFFF;*/
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 1ex;
	padding-left: 0ex;
	padding-right: 1ex;
	padding-top: 1ex;
}

.SageCSSRightAligned
{
	text-align: right;
}
/*----------------------------------------*/
.SageLeftMenuTable
{
	/*border-collapse: collapse;*/
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding-top: 0px;
	padding-left: 2em;
	padding-right: 0px /*	padding-left:0;*/;
	text-align: left;
	vertical-align: middle /*white-space: nowrap;*/ /*width: 100%;*/;
	background-color: white;
	list-style-type: none;
	list-style-image: url(  "/images/LeftMenuBlueArrow.gif" );
	list-style-position: inherit;
}
.SageLeftMenuTable p
{
	padding: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
/*
table.SageLeftMenuTable {
	width: 100%;
}
*/
.SageLeftMenuTable li
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 0;
	margin-right: 0;
}
.SageLeftMenuTable a
{
	color: #546494 /*	display: block;*/;
	text-decoration: none;
}
.SageLeftMenuTable A:hover
{
	text-decoration: underline;
	color: #666666; /*background-image: url(Images/graydot.gif);*/
}
li.SageLeftMenuTableSelected
{
	list-style-image: url(  "/images/LeftMenuBlackArrow.gif" );
}
.SageLeftMenuTableSelected a
{
	/*background-color: #E6E6E6;*/
	color: black /*color: #EBEBEC; */;
	text-decoration: underline; /*background-image: url(Images/graydot.gif);*/
}
.SageLeftMenuTableSelected a:hover
{
}
.SageCSSLeftMenuHeader
{
	background-color: #f1eee9;
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px #bbbbbb dotted; /*width: 100%;*/
}
.SageCSSLeftMenuHeader a, .SageCSSLeftMenuHeader a:link, .SageCSSLeftMenuHeader a:visited
{
	color: Black;
	display: block;
	font-style: normal;
	text-decoration: none;
}
/*-----------------------------------------------------------------*/
td.SageCSSLeftMainFrame
{
	/*	background-image: url(Images/BGLeft.gif);*/ /*	font-size: 82%;*/
	padding-right: 0px;
	margin-right: 0;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 90%;
	border-top: 1px #bbbbbb dotted;
	border-right: 1px #bbbbbb dotted; /*	background-color:aqua;*/
}

td.SageCSSLeftMainFrame, div.SageCSSLeftMainFrame
{
	width: 167px;
	min-width: 167px;
	min-height: 300px;
}

/*-----------------------------------------------------------------*/
.SageCSSRightAd
{
	padding-bottom: 10px;
	padding-left: 12px;
	text-align: left;
}
td.SageCSSRightMainFrame
{
	width: 163px /*border-top: 1px #bbbbbb dotted;*/;
	border-left: 1px #bbbbbb dotted;
}
table.SageRightMenu
{
	border-bottom: 1px #bbbbbb dotted;
}
.SageRightMenu a
{
	color: #546494;
}
.SageRightMenu a:hover
{
	color: #666666;
}
.SageRightMenuHeader
{
	height: 2em;
	font-size: 90%;
	vertical-align: middle;
	color: white;
	padding-left: 10px;
	font-weight: bold;
	background-color: #546494;
}
.SageRightMenuItem, .SageRightMenuItemHome
{
	background-color: #e4e6ee;
}
.SageRightMenuItem
{
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 0;
	padding-bottom: 5px;
	height: 2em;
}
.SageRightMenuItemHome
{
	padding-top: 2px;
	padding-bottom: 2px;
}
.SageCSSRelatedLinks, .SageCSSRelatedLinksHomePage
{
	padding-left: 15px;
	margin-left: 10px;
	padding-bottom: 10px;
	font-size: 95%;
}
.SageCSSRelatedLinksHomePage
{
	background-color: #e4e6ee;
}
.SageCSSRelatedLinksHomePage ul
{
}
.SageCSSRelatedLinks a
{
	color: #546494 /*	display: block;*/;
	text-decoration: underline;
}
.SageCSSRelatedLinks a:hover
{
	color: #666666;
	text-decoration: underline;
}
.SageCSSRelatedLinks ul, ul.SageCSSRelatedLinks, .SageCSSProductOverviewSubTable li
{
	list-style-image: url(  "/images/LeftMenuBlueArrow.gif" );
}
.SageCSSRelatedLinks ul, ul.SageCSSRelatedLinks
{
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 90%;
}
.SageCSSLeftBody
{
	font-size: 80%;
}
div.SageCSSLeftBody
{
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
}
.SageCSSLeftBody p
{
	margin-bottom: 5px;
	margin-top: 0px;
}
.SageCSSLeftBody h1
{
	font-size: 115%;
	margin-bottom: 5px;
	margin-top: 0px;
}
.SageCSSLeftBody hr
{
	background-color: #000000;
	border: 0px solid #FF0000;
	color: #000000;
	height: 1px;
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0px 0px 0px 0px;
}
.SageCSSLeftBody ul
{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
/*
.SageCSSMainPageMiddleHeader p {
	background: #1c3380;
	color: #FFFFFF;
	display: block;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0.5em;
	text-align: center;
	white-space: nowrap;
	width: 100%;
}
*/
td.SageCSSMainPageMiddleTableCell
{
	border-right: 1px #bbbbbb dotted;
}
.SageCSSMainPageMiddleTable h1
{
	font-size: 110%;
}
table.SageCSSMainPageMiddleTable
{
	font-size: 95%;
	border-top: 1px #bbbbbb dotted;
}
.SageCSSMainPageMiddleTable td
{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
/*.SageCSSMainPageLogoTable p {
	margin-bottom: 1ex;
	margin-top: 1ex;
}*/
/*
.SageCSSMainPageMiddleBody ul {
	margin-left: 2em;
	margin-top: 0em;
	padding: 0;
}
.SageCSSMainPageMiddleBody td {
	margin: 0;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
}
.SageCSSMainPageMiddleBody a {
	color: #000000;
}*/
/*------------------------------------------------------------*/
.SageCSSProductOverviewTable
{
	margin-bottom: 1em;
	margin-top: 1em;
}
.SageCSSProductOverviewTable td
{
	margin: 0;
	padding: 0;
}
table.SageCSSProductOverviewSubTable
{
	width: 100%;
}
.SageCSSProductOverviewSubTable td
{
	border: 0;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
tr.SageCSSProductOverviewTableHeader
{
	background-color: #D5E7CE;
	font-weight: bold;
	height: 3em;
	text-align: center;
	vertical-align: middle;
}
/*-----------------------------------------------------------------*/
.SageCSSBodyContent
{
	text-align: left /*height: 400px;*/;
	vertical-align: top /*padding: 10px;*/;
}
img.SageCSSBodyHeaderImage
{
}

.SageCSSBodyContent
{
	font-size: 90%;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px; /*	background-color: fuchsia;*/
}

.SageCSSBodyContent p
{
	margin-bottom: 8px /*margin-left: 10px; */ /*margin-right: 0px; */;
	margin-top: 2px; /*background-color: green;*/
}
.SageCSSBodyContent h1
{
	font-size: 120%;
	margin-bottom: 5px;
	margin-top: 0px /*margin-left: 0px;	margin-right: 0px;*/;
	text-align: left;
}
.SageCSSBodyContent h2
{
	font-size: 105%;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
}
.SageCSSBodyContent h3
{
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 2px;
	margin-top: 5px;
	padding-left: 0;
	text-align: left;
}
.SageCSSBodyContent blockquote
{
	margin-bottom: 5px;
	margin-top: 5px;
}
.SageCSSBodyContent ul, ol
{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
}
.SageCSSBodyContent hr
{
	background-color: #000000;
	border: 0px solid #FF0000;
	color: #000000;
	height: 1px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}
.SageCSSBodyEmphasizedText
{
	color: #000000;
}
.SageCSSLeftMenuPic
{
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
/*
.SageCSSMainPageMiddleBody hr {
	background: #000000;
	border: 0px solid #FF0000;
	height: 1px;
	margin-bottom: 1ex;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1ex;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
*/
/*------------------------------------------*/
.SageCSSMainPageResources
{
	font-weight: normal;
	margin: 0;
	padding-left: 10px;
	vertical-align: top;
}
/*
.SageCSSMainPageResources tr {
	margin: 0;
	padding: 0;
}
*/
.SageCSSMainPageResources td
{
	margin: 0;
	padding: 0;
}
.SageCSSSupportRightColumn
{
	text-align: right;
}
.SageCSSSupportMainTable tr
{
	text-align: left;
	vertical-align: top;
}
.SageCSSSupportHeaderRow
{
	color: black /*	font-size: 105%;*/;
	font-weight: bold;
}
td.SageCSSSupportLeftcolumn
{
	width: 20px;
}
.SageCSSSupportLine
{
	border-style: dotted;
	border-bottom-width: 0px;
	border-top-width: 1px;
	border-top-color: gray;
	height: 1px /*	width:100%;*/;
	margin-left: 20px;
	margin-right: 20px;
	border-left-width: 0px;
	border-right-width: 0px;
}
/*.SageCSSMainPageResources img {
	margin: 0;
	padding: 0;
}*/
.SageCSSMainPageResourcesLink
{
	border: 0;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-top: 0ex;
	padding: 0px; /*	background-color: Yellow; */
}
.SageCSSMainPageResourcesHeader
{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0;
	padding-bottom: 0em;
	padding-left: 0px;
	vertical-align: middle;
	width: 100%;
}
/*------------------------------------------*/
.SageCSSBodyLightBlue
{
	background-color: #DFE5F3;
}
.SageCSSPartnersContentPanel
{
	background-color: #DFE5F3;
	border: 1px ridge #ADD8E6;
	margin-top: 1em;
	padding: 1em;
}
.SageCSSAssociationPic
{
	margin: 0px;
	padding: 20px;
	text-align: center;
}
.SageCSSApplyTodayButtonOutlined
{
	text-align: right;
}
.SageCSSHomePageFooter #CopyrightRow
{
	background-color: #DADBDC;
}
.SageCSSHomePageFooter p
{
	color: #000000;
}
.SageCSSPageHeaderPageTitle
{
	padding-right: 1em;
	color: #616161;
	font-weight: bold;
	font-size: 130%;
}
.SageCSSPageHeaderPageLogo
{
	margin-top: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 0;
}
div.SageCSSPageHeaderLink
{
}
.SageCSSPageHeaderLink a
{
	border-collapse: collapse;
	border-left-style: dotted;
	border-left-width: 1px;
	border-color: gray;
	text-decoration: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 85%;
	color: #666666;
	text-transform: uppercase;
}
.SageCSSPageHeaderLink a:hover
{
	color: #546494;
}
.SageCSSTopLinkBar A, .SageCSSTopLinkBar A:link, .SageCSSTopLinkBar A:visited
{
	background-color: #007f64 /* #546494;*/ /*#1c3380;*/ /*background-image: url(Images/BGBlue.gif);*/;
	color: #FFFFFF /*	font-size: 100%;*/;
	display: block;
	height: 26px /*this must be here,otherwise the hover effect doesn't work in all cells*/;
	line-height: 26px;
	text-align: center;
	white-space: normal;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
.SageCSSTopLinkBar A:hover
{
	background-color: #FADA63 /*#00b588*/ /*#E5EFF5*/ /*#5A7EC4;*/;
	color: black;
}
.SageCSSTopHeaderText
{
	text-align: right;
	vertical-align: middle;
	padding: 0 10px 0 0;
	font-weight: bold;
	font-size: 145%;
	color: #616161;
}
.SageCSSTopHeaderSeparator
{
	height: 7px;
	background-color: #FDC82F; /*#00b588;*/ /* #66cccc;*/
}

.SageCSSTopHeaderSeparatorCDN
{
	height: 7px;
	background-color: #D5E7CE;
}

.SageCSSSpace
{
	width: 20px;
}
.SageCSSImageButton
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.SageCSSImageButtonGreen
{
	color: #69A915;
}
.SageCSSImageButtonBlack
{
	color: #505050;
}
.SageCSSImageButton a
{
	font-style: normal;
	margin: 0;
	padding-bottom: 0 /*color: #505050;*/;
	padding-left: 1ex;
	padding-right: 1ex;
	padding-top: 0;
	text-decoration: none;
}
.SageCSSImageButton td
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
}
a.SageCSSImageButtonBlue
{
	color: #3B5DA4;
}
a.SageCSSImageButtonBlack
{
	color: #000000;
}
.SageCSSRedText
{
	color: #FF0000; /*font-weight: bold;*/
}

/*------------Partner and gift--*/
.SageCSSGiftCardBenefitHeader
{
	/*background-color:Black; 	color:White;*/
	font-weight: bold;
}

.SageCSSGiftCardBenefitHeader td, .SageCSSGiftCardBenefitBody td
{
	padding: 1ex;
}

.SageCSSGiftCardBenefitBody
{
	/*background-color:#E5FFE5;*/
}

.SageCSSGiftCardBenefitBody ul
{
	margin: 0;
	padding-left: 10px;
}


/*----------------------------------------------------*/
/*Top menu*/
.SageCSSLeftPartnersTable p
{
	margin: 0px;
	padding: 0px;
}
/*----------------------------------------------------*/
/*Survey 2006 */
.Survey06 h1
{
	font-size: 110%;
	margin-top: 1ex; /*	background-color:red;*/
}
.Survey06OptionsCell
{
	text-align: center; /*	background-color:Green;*/
}
.Survey06OptionsCell td
{
	font-style: italic;
	vertical-align: bottom;
	width: 80px;
}
.Survey06OptionsCell2 td
{
	padding-right: 1em;
}
.Survey06OptionsLeftCell
{
	text-align: left /*background-color:Yellow;*/;
	width: 150px;
}
tr.Survey06AlternatingRow
{
	background-color: #BDC5DD;
}
.GlossaryTopic
{
	font-weight: bold;
}

.SageCSSOrderGridTable
{
	border-collapse: collapse;
}

table.SageCSSOrderGridTable > tbody > tr > td
{
	border-color: #9F9F9F;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}

.SageCSSOrderGridHeaderRow
{
	font-weight: bold;
	background-color: #DCDCDC;
}

.SageCSSOrderGridGroupRow
{
	font-weight: bold;
	background-color: #EDEDED;
}

.SageCSSBorderSolid
{
	border: 1px solid black;
}

div.SageCSSForumTopMenuContainer
{
	background-color: #F1EEE9;
	width: 100%;
	height: 3em;
	float: none;
	line-height: 3em;
	clear: both;
}


div.SageCSSForumTopMenuItem
{
	margin-right: 3px;
	float: left;
	height: 100%;
	background-color: #E3E0DC;
}

.SageCSSForumTopMenuItem a:visited
{
	color: Black;
}


.SageCSSForumTopMenuItem a:hover
{
	background-color: #bbbbbb;
}

.SageCSSForumTopMenuItem a
{
	padding-left: 2em;
	padding-right: 2em;
	text-decoration: none;
	display: block;
}



/*--------------------------------------------*/
/*Debugging*/

/**/