/*

    Color Scheme 2007
	http://www.actiprosoftware.com


	F6FAFF - Light blue - .InfoListDataAlternate
	E3EFFF - Medium blue - .SideMenuMenuAlternate bg
	D8E9FF - Medium blue - .SideMenuSubHeader bg
	B1D3FF - Darker medium blue - .SideMenuHeader bg
	9EBEF5 - Darker medium blue - BLOCKQUOTE, .HelpBox border
	6C93D2 - Medium dark blue - H4, .InfoList TH
	204D9F - Dark blue - Links, .SideMenuFlyoutContent border
	15428B - Dark blue - H3, .SideMenu H6

	8FABDE - Light slate blue - General borders, .SideMenu border
	5988C9 - Slate blue - .DropDownMenu border

	FDFBF5 - Very light orange = .InfoBox bg
	FFE7A2 - Light orange - .DropDownMenu/.SideMenuMenuBar item bg (hover)
	FFBD69 - Orange - .DropDownMenu.SideMenuMenuBar item border (hover), .InfoBox border
	DF8511 - Dark orange - Links (hover)

	FDFDE1 - Yellow - .SideMenuFlyoutContent bg

	339933 - Dark green - H1, H2, H4 
	145503 - Very dark green - H3

	FBFBFB - Light silver - .DropDownMenu bg, .InsetBox bg
	F6F6F6 - Light silver - BODY bg
	808080 - Gray - .Dim
	606060 - Dark gray - .Light
	000000 - Black - Default text, .Dark

*/

A { color: #204D9F; text-decoration: none; }
A:hover { color: #DF8511; text-decoration: underline; }
A:hover H3 { text-decoration: underline; }
BLOCKQUOTE { margin: 5px 0px 5px 16px; padding: 3px; border-style: dotted; border-width: 1px; border-left-style: solid; border-left-width: 3px; border-color: #9EBEF5; }
BODY { margin: 0px; padding: 0px; background-color: #F6F6F6; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; text-align: center; }
H1 { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 200%; font-weight: bold; color: #339933; text-decoration: none; border-bottom: dotted 1px #808080; }
H1 .Alternate { color: #145503; }
H2 { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 180%; font-weight: bold; color: #339933; text-decoration: none; }
H3 { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 180%; font-weight: bold; color: #15428B; text-decoration: none; line-height: 1em; }
H3 .Alternate { color: #6C93D2; }
H4 { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; color: #6C93D2; text-decoration: none; line-height: 1em; }
H4 .Alternate { color: #145503; }
H4 A { color: #6C93D2; }
H5 { font-family: Arial, Helvetica, sans-serif; font-size: 115%; font-weight: bold; color: #404040; text-decoration: none; }
H6 { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #808080; text-decoration: none; }
INPUT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
P { margin: 1em 0em; }
PRE { background-color: #FFFEF8; border-style: solid; border-width: 1px; border-color: #C0C0C0; font-family: Courier New, monospace; }
SELECT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
TD, TH { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; }
UL { margin: 1em 3.5em; }

.BulletLinkList { margin: 5px 0px 5px 2.5em; padding: 0px; list-style-image: url(Images/BulletLink.png); }
.BulletLinkList LI { margin: 0.5em 0px; }

.clear-left {	
	clear: left;
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
	width: 0;
}

.CurrentLocation { font-size: 100%; text-align: left; color: #808080; }

.Dark { color: #000000; }

.DataListHeader { padding-left: 5px; padding-right: 5px; text-align: left; font-weight: bold; border-style: solid none; border-width: 1px; border-color: #204D9F; color: #FFFFFF; background-color: #6C93D2; } 
.DataListItem { border: solid 1px #E3EFFF; vertical-align: top; }

.Dim { color: #808080; }
A:hover .Dim { color: #DF8511; }

.DropDownMenu { width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; position: absolute; z-index: 1; visibility: hidden; border: solid 1px #5988C9; background-color: #FBFBFB; background-image: url('Images/DropDownMenuBackground.png'); background-repeat: repeat-y; text-align: left; }
.DropDownMenuColumn1 { border: solid 1px #5988C9; }
.DropDownMenuColumn2 { border: solid 1px #5988C9; border-left: 0px; width: 200px; background-color: #FBFBFB; background-image: url('Images/DropDownMenuBackground.png'); background-repeat: repeat-y; text-align: left; }
#ProductsMenu.DropDownMenu { width: 400px; border: none 0px #FFFFFF; }

.EmphasisText { font-weight: bold; }

.FeatureList { margin: 5px 0px 5px 2.5em; padding: 0px; list-style-image: url(Images/BulletArrow.gif); }
.FeatureList LI { margin: 0.5em 0px; }

.float-left {
	float: left;
	margin-right: 22px;
	margin-bottom: 22px;
}

.float-left.small {
	margin-right: 7px;
	margin-bottom: 7px;
}

.ForumPostCode { margin: 0.5em 0px 0.5em 15px; width: 650px; overflow: auto; }

/* TODO: Updates colors here */
.ForumList { border-style: solid none; border-width: 1px; border-color: #033894; border-collapse: collapse; clear: both; }
.ForumList TH { text-align: left; font-weight: bold; border-style: solid none; border-width: 1px; border-color: #033894; color: #FFFFFF; background-color: #5987D6; background-image: url(Images/InfoListHeaderBackground.gif); background-repeat: repeat-x; }
.ForumList TD.ForumPostAuthor { padding: 5px; vertical-align: top; border-right-style: solid; border-width: 1px; border-color: #033894; background-color: #F5FAFF; background-image: url(Images/ForumPostAuthorBackground.gif); background-repeat: repeat-x; }
.ForumList TD.ForumPostBody { padding: 5px; background-color: #FFFFFF; } 
.ForumList TD.ForumPostBody UL { margin-top: 1em; margin-bottom: 1em; } 
.ForumList TD.ForumPostBody UL { margin-top: 1em; margin-bottom: 1em; } 
.ForumList TD.ForumPostCommands { padding: 2px; border-style: solid none none solid; border-width: 1px; border-color: #033894; background-color: #9EBEF5; } 
.ForumList TD.ForumPostCommands .ToolBar { padding-top: 3px; padding-bottom: 3px; }
.ForumList TD.ForumPostNoticeLeft { padding: 5px; vertical-align: top; border-right-style: solid; border-width: 1px; border-color: #033894; background-color: #D8E9FF; }
.ForumList TD.ForumPostNoticeRight { padding: 5px; border-bottom-style: solid; border-width: 1px; border-color: #033894; background-color: #EBF3FD; } 
.ForumList TD.ForumPostSubject { padding: 5px; border-bottom-style: solid; border-width: 1px; border-color: #033894; background-color: #F5FAFF; } 

.Good { color: #008000; }

.HelpBox { padding: 3px; border-style: dotted; border-width: 1px; border-color: #9EBEF5; background-color: #FFFFFF; }

/*
A .HomePageBlockLink { margin: 0px 10px 0px 0px; padding: 5px; border: solid 1px #E0E0E0; }
A:hover .HomePageBlockLink { border-color: #204D9F; background-image: url('Images/HomePageBlockLinkHotBG.png'); background-repeat: repeat-x; background-color: #F9C65B; }
A .HomePageBlockLinkContent { background-image: url('Images/HomePageBlockLinkBG.png'); background-repeat: repeat-x; background-color: #FFFFFF; text-align: center; vertical-align: bottom; }
*/

.HorizontalRule200 { height: 1px; margin: 10px 0px; clear: both; text-align: center; }
.HorizontalRule500 { height: 1px; margin: 10px 0px; clear: both; text-align: center; }

.Indent { padding-left: 15px; }
.Indent2 { padding-left: 30px; }
.Indent3 { padding-left: 45px; }
.Indent4 { padding-left: 60px; }

TABLE.InfoBox { padding: 3px; }
.InfoBox { padding: 10px; border-style: solid; border-width: 1px; border-color: #FFBD69; background-color: #FDFBF5; }

.InfoList { border-style: solid none; border-width: 1px; border-color: #204D9F; border-collapse: collapse; clear: both; }
.InfoList TH { padding-left: 5px; padding-right: 5px; text-align: left; font-weight: bold; border-style: solid none; border-width: 1px; border-color: #204D9F; color: #FFFFFF; background-color: #6C93D2; }
.InfoListHeader TH { text-align: left; font-weight: normal; border-style: solid none; border-width: 1px; border-color: #204D9F; color: #404040; background-color: #D8E9FF; } 
TR.InfoListHeader TD { font-weight: normal; border-style: solid none; border-width: 1px; border-color: #204D9F; color: #404040; background-color: #D8E9FF; } 
TR.InfoListPager TD { text-align: right; border-style: solid none; border-width: 1px; border-color: #204D9F; color: #404040; background-color: #D8E9FF; } 
.InfoList TD { padding-left: 5px; padding-right: 5px; border-width: 1px; color: #000000; background-color: #FFFFFF; }
.InfoListData TD { }
.InfoListDataAlternate TD { color: #000000; background-color: #F6FAFF; }

.InsetBox { width: 100%; }
.InsetBoxTopLeft { width: 6px; height: 6px; background-image: url('Images/InsetBoxTopLeft.png');  }
.InsetBoxTop { height: 6px; background-image: url('Images/InsetBoxTop.png');  }
.InsetBoxTopRight { width: 6px; height: 6px; background-image: url('Images/InsetBoxTopRight.png');  }
.InsetBoxLeft { width: 6px; background-image: url('Images/InsetBoxLeft.png');  }
.InsetBoxMiddle { padding: 4px; background-color: #FBFBFB; }
.InsetBoxRight { width: 6px; background-image: url('Images/InsetBoxRight.png');  }
.InsetBoxBottomLeft { width: 6px; height: 6px; background-image: url('Images/InsetBoxBottomLeft.png');  }
.InsetBoxBottom { height: 6px; background-image: url('Images/InsetBoxBottom.png');  }
.InsetBoxBottomRight { width: 6px; height: 6px; background-image: url('Images/InsetBoxBottomRight.png');  }

.LanguageKey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: #808080; }

.Large { font-size: 115%; }

.Light { color: #606060; }

.LightInsetBox { width: 100%; }
.LightInsetBoxTopLeft { width: 6px; height: 6px; background-image: url('Images/LightInsetBoxTopLeft.png');  }
.LightInsetBoxTop { height: 6px; background-image: url('Images/LightInsetBoxTop.png');  }
.LightInsetBoxTopRight { width: 6px; height: 6px; background-image: url('Images/LightInsetBoxTopRight.png');  }
.LightInsetBoxLeft { width: 6px; background-image: url('Images/LightInsetBoxLeft.png');  }
.LightInsetBoxMiddle { padding: 4px; background-color: #FDFDFD; }
.LightInsetBoxRight { width: 6px; background-image: url('Images/LightInsetBoxRight.png');  }
.LightInsetBoxBottomLeft { width: 6px; height: 6px; background-image: url('Images/LightInsetBoxBottomLeft.png');  }
.LightInsetBoxBottom { height: 6px; background-image: url('Images/LightInsetBoxBottom.png');  }
.LightInsetBoxBottomRight { width: 6px; height: 6px; background-image: url('Images/LightInsetBoxBottomRight.png');  }

.LinkList { margin: 5px 0px 5px 0px; padding: 0px; list-style-type: none; }
.LinkList LI { margin: 0.5em 0px; }

.LiveChatImageLink { width: 42px; height: 9px; }

.MinorFeatureList { margin: 5px 0px 5px 2.5em; padding: 0px; list-style-image: url(Images/BulletSquare.gif); }

/*
.NewsTicker { margin: 0px 0px 10px 0px; border: solid 1px #204D9F; background-image: url('Images/BarBG.png'); background-repeat: repeat-x; background-color: #C0DBFF; }
.NewsTickerHeader { padding: 5px; border-right: solid 1px #204D9F; background-image: url('Images/BarSelectedBG.png'); background-repeat: repeat-x; background-color: #FEE17A; color: #000000; font-weight: bold; }
.NewsTickerItem { padding: 5px;  color: #000000; }
.NewsTickerDate { font-weight: bold; color: #000000; }
.NewsTickerText A:hover { color: #204D9F; text-decoration: underline; }
*/

.PaddedBox { padding: 10px; }

.SemiWarning { color: #800000; }

.SideMenu { margin: 0px 0px 10px 0px; width: 200px; border: solid 1px #8FABDE; border-bottom-style: none; }
.SideMenuContent { padding: 5px; border-bottom: solid 1px #8FABDE; background-color: #FBFBFB; }
.SideMenuMenu { border-bottom: solid 1px #8FABDE; background-color: #FBFBFB; background-image: url('Images/DropDownMenuBackground.png'); background-repeat: repeat-y; text-align: left; }
.SideMenuMenuAlternate { padding: 5px; border-bottom: solid 1px #8FABDE; background-color: #E3EFFF; }
.SideMenuMenuBar { padding: 1px; }
.SideMenuMenuBar A { padding: 1px; display: block; font-size: 100%; font-weight: normal; color: #000000; text-decoration: none; border-style: none; }
.SideMenuMenuBar A:hover { padding: 0px; color: #000000; text-decoration: none; border: solid 1px #FFBD69; background-color: #FFE7A2; }
.SideMenuMenuBar A:hover .Dim { color: #808080; }
.SideMenuMenuBar H3 { margin: 0px; }
.SideMenuMenuSeparator { margin: 0px 0px 0px 28px; height: 1px; border-style: none; }
.SideMenuMenuBarIcon { margin: 2px 4px 2px 2px; width: 16px; height: 16px; vertical-align: middle; border-style: none; }
.SideMenuHeader { padding: 4px 5px 2px 5px; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #8FABDE; background-image: url('Images/SideMenuHeaderBG.png'); background-repeat: repeat-x; background-color: #B1D3FF; }
.SideMenuHeader H3 { margin: 0px; color: #15428B; }
.SideMenuSubHeader { padding: 5px; border-top: solid 1px #ADD1FF; border-bottom: solid 1px #ADD1FF; background-color: #D8E9FF; }
.SideMenuSubHeader H6 { margin: 0px; color: #15428B;  }

.SideMenuFlyout { position: relative; z-index: 1; visibility: hidden; }
.SideMenuFlyoutContent { position: relative; left: -3px; top: -3px; padding: 10px; background-color: #FDFDE1; border: solid 1px #204D9F; }
.SideMenuFlyoutShadow { position: absolute; left: 205px; top: 3px; width: 300px; background-image: url('Images/Shadow.png'); background-color: Transparent; }

.Small { font-size: 85%; }
.SmallNote { font-size: 85%; color: #808080; }
	
/* TODO: Updates colors here */
.ToolBar { margin: 2px 0px; height: 25px; }
.ToolBar TD { padding: 0px; }
.ToolBarCenter { margin: 0px; padding: 0px 2px; height: 25px; vertical-align: middle; font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt; background-image: url(Images/ToolBarCenter.gif); background-repeat: repeat-x; }
.ToolBarCenter A { color: #000000; text-decoration: none; }
.ToolBarCenter A:hover { color: #000000; text-decoration: none; }
.ToolBarButton { padding: 3px 0px; }
.ToolBarButtonNormal { padding: 3px; }
.ToolBarButtonHot { padding: 2px; background-color: #FFD091; border-style: solid; border-width: 1pt; border-color: #000080; } /* background-image: url(Images/ToolBarButtonHot.gif); background-repeat: repeat-x; }*/
.ToolBarLeft { margin: 0px; width: 8px; height: 25px; }
.ToolBarRight { margin: 0px; width: 15px; height: 25px; }
.ToolBarSeparator { margin: 0px; width: 6px; height: 25px; }

.TourBox { float: right; margin-left: 10px; margin-bottom: 10px; padding: 3px; background-color: #F8F8F8; border-style: solid; border-color: #808080; border-width: 1px; }

.VerticalRule200 { width: 1px; height: 200px; margin: 0px 5px; text-align: center; vertical-align: middle; }

.Warning { color: #FF0000; }

.WarningBox { padding: 3px; border-style: solid; border-width: 1px; border-color: #E87F08; background-color: #FFF0F0; }

.WatermarkCheck { padding: 10px; background-image: url('Images/WatermarkCheck.png'); background-repeat: no-repeat; background-position: right bottom; color: #404040; vertical-align: top; }
.WatermarkKey { padding: 10px; background-image: url('Images/WatermarkKey.png'); background-repeat: no-repeat; background-position: right bottom; color: #404040; vertical-align: top; }
.WatermarkEmail { padding: 10px; background-image: url('Images/WatermarkEmail.png'); background-repeat: no-repeat; background-position: right bottom; color: #404040; vertical-align: top; }
.WatermarkLink { padding: 10px; background-image: url('Images/WatermarkLink.png'); background-repeat: no-repeat; background-position: right bottom; color: #404040; vertical-align: top; }
.WatermarkNone { padding: 10px; color: #404040; vertical-align: top; }
.WatermarkPoll { padding: 10px; background-image: url('Images/WatermarkPoll.png'); background-repeat: no-repeat; background-position: right bottom; color: #404040; vertical-align: top; }
.WatermarkPost { padding: 10px; background-image: url('Images/WatermarkPost.png'); background-repeat: no-repeat; background-position: right bottom; color: #404040; vertical-align: top; }
.WatermarkProductSpotlight { padding: 10px 0px 0px 10px; color: #000000; vertical-align: top; }
.WatermarkQuote { padding: 10px; background-image: url('Images/WatermarkQuote.png'); background-repeat: no-repeat; background-position: right bottom; color: #404040; vertical-align: top; }
.WatermarkSpeech { padding: 10px; background-image: url('Images/WatermarkSpeech.png'); background-repeat: no-repeat; background-position: right bottom; color: #404040; vertical-align: top; }

.WebSiteCode { width: 615px; overflow: auto; }

.HeaderLoginView { width: 100%; margin: 3px 0px; border-style: none; }

#PageWrapper { width: 886px; background-image: url('Images/PageWrapperBG.png'); background-repeat: repeat-y; background-color: #FFFFFF; }
#PageContentWrapper { width: 850px; text-align: left; }
#PageHeader { width: 850px; }
#PageFooter { width: 850px; margin-top: 10px; }
#PageContent { width: 100%; padding-left: 10px; }
#PageWrapperFooter { width: 886px; height: 15px; }

/* TODO: Styles in development */
#PageMenuColumn { width: 210px; text-align: left; }
#PageContent2 { width: 100%;  }
.ProductSpecs { width: 200px; padding-left: 6px; }
.PageMenu { margin: 0px 10px 0px 10px; padding: 1px; border: solid 1px #9BAFCA; background-color: #FFFFFF; }
.FeatureTour { margin: -1.5em 10px 10px 10px; }

.FeatureTour dt {
	font-weight: bold;
	margin: 0.85em 0 0.5em 0;
}

.FeatureTour dd {
	margin: 0 0 0 22px;
}

A.PageMenuLink { display: block; widows: 186px; height: 38px; font-size: 11pt; 
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #00156e; text-decoration: none; border-style: none; 
	background-image: url('Images/PageMenuLinkNormal.png'); background-repeat: repeat-x;
	background-color: #F6F6F6; cursor: hand; }
A.PageMenuLink:hover { color: #00156e; text-decoration: none; 
	background-color: #F6F6F6; background-image: url('Images/PageMenuLinkHot.png'); background-repeat: no-repeat; }
A.PageMenuLink .Content { padding: 3px 3px 3px 3px; }
	
.HomePageBannerHost { margin: 10px 0px 10px 0px; padding: 0px; border: solid 1px #15428B; background-image: url('Images/BannerBG.png'); background-repeat: repeat-x; background-color: #F6F6F6; z-index: 0; }
#HomePageBanner { margin: 0px; padding: 0px; z-index: 0; }

#MainMenu { margin: 0px 0px 2px 0px; }

#MainMenuSubLinksContainer { width: 617px; height: 33px; }
#MainMenuSubLinks { color: #808080; }



/* Star rating  (http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/) */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url('http://www.actiprosoftware.com/Images/StarRating.gif') left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

