body
{
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	background-color: #172240;
	font-size: 12px;
	background-image: url(bg_main.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;  
}

p
{
	margin: 0 0 10px 0;
	padding: 0;
}

code
{
	font-family: Courier New, Monospace;
}

dt
{
	margin-bottom: 0.5em;
	font-weight: bold;
}

dd
{
	margin-bottom: 1.5em;
	font-style: italic;
}

textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

blockquote
{
	background-color: #f0f0f0;
	padding: 8px 8px 8px 8px !important;
}

blockquote p
{
	text-align: left !important;
}

a
{
	color: #6db61e;
	text-decoration: none;
}

a:hover .NoHover
{
	text-decoration: none !important;
}

a img
{
	border: none;
}

a:visited
{
	text-decoration: none;
	color: #4d961e;
}

a:hover
{
	text-decoration: underline;
	color: #6db61e;
}

form
{
	margin: 0;
}

#selected-group
{
	font-weight: bold;
}

.Clear
{
	clear: both;
}

.FieldError
{
	color: Red;
	font-weight: bold;
	margin: 10px 0 20px 0;
	padding: 0;
}

#SIGNIN_AREA
{
	text-align: center
}

#NAVIGATION { width: 900px; height:31px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 15px; }
	#TABS { margin: 0; padding: 0; height: 32px; list-style: none; display: inline; overflow: hidden; }
	#TABS li { text-align: center; margin: 0; padding: 0; list-style: none; display: inline; }
	#TABS a { text-align: center; margin-right: -1px; text-decoration: none; font-weight: bold; color: Black; float: left; overflow: hidden; height: 32px !important; width: 100px; background: url(Tab.png) top left no-repeat; }
	#TABS a span { width: 99px !important; position: relative; top: 9px; }
	#TABS a:hover { background-position: 0 -32px; color: White; }
	#TABS a:active, #TABS a.SELECTED { background-position: 0 -64px; color: White; }
	#TABS a:focus { -moz-outline: none; }

#VISUAL{ width: 900px; text-align: left; vertical-align: bottom; margin-left: auto; margin-right: auto;  height: 122px; }

#CONTENT { width: 898px; text-align: left; margin-left: auto; margin-right: auto; background-color: White; border-left: solid 1px black; border-right: solid 1px black; }
	#LEFTBOX { float: left; width: 195px; text-align: left; margin-left: 0; left: 0px; top: 10px; position: relative; padding: 0; }
	#LEFTBOX a { display: block; width: 195px !important; height: 67px !important; background-image: url(Nav.png); text-decoration: none; margin-bottom: 5px; }
	#LEFTBOX a:hover { background-position: 0 -67px; text-decoration: none; }
	#LEFTBOX a.NavSelected { background-position: 0 -134px; text-decoration: none; color: White; }
	#LEFTBOX a.NavIgnore { display: inline; width: auto !important; height: auto !important; background-image: none; text-decoration: inherit; margin-bottom: auto; }
	#LEFTBOX div { padding: 10px 10px 10px 10px; margin-bottom: 15px; }
	#LEFTBOX .Last { display: none; }
	#LEFTBOX h1 { font-weight: bold;  font-size: 16px; padding-top: 0; margin-top: 0; }
	#LEFTBOX p .Date { font-weight: bold; color: #C10000; }
	#LEFTBOX .Browse { width: 125px; height: 18px; border: 1px solid #666666;  margin-right: 7px;  }
	#LEFTBOX h1, #LEFTBOX p { padding-left: 10px; }
	
	#LEFTBOX .SubLinkHeadingSelected, #LEFTBOX .SubLinkHeading { display: block; font-weight: bold; font-size: 14px; position: relative; left: 10px; top: 6px; }
	#LEFTBOX .SubLinkDescriptionSelected, #LEFTBOX .SubLinkDescription { display: block; font-style: italic; position: relative; left: 18px; top: 8px; padding-right: 30px; font-size: 11px; }
	#LEFTBOX .SubLinkHeadingSelected { color: White; }
	#LEFTBOX .SubLinkHeading { cursor: pointer; }
	#LEFTBOX .SubLinkDescription { color: Black; cursor: pointer; }
	#LEFTBOX a .SubLinkHeading { }
	#LEFTBOX a:hover .SubLinkHeading { color: White; text-decoration: none !important; }
	#LEFTBOX a:hover .SubLinkDescription { text-decoration: none !important; }
	#LEFTBOX .SubLinkDescriptionSelected { color: #aaaaaa; }
	#LEFTBOX a:focus { -moz-outline: none; }

	#TEXT { min-height:430px; margin: 0 30px 0 220px; display: block; position: relative; padding-top: 15px;  padding-bottom: 20px; }
	#TEXT h1 { font-size: 18px;  font-weight: bold;  margin: 0 0 15px 0;  padding: 5px 0 0 0; }
	#TEXT h2 { font-size: 14px;  font-weight: bold;  margin: 0 0 15px 0;  padding: 5px 0 0 0; }
	#TEXT p { text-align: justify;  line-height: 18px;  margin-bottom: 18px; }
	#TEXT ul.Path { margin-left: 0;  padding-left: 0;  display: block; border: none;  margin: 0 0 15px 0; } 
	#TEXT ul.Path li { margin-left: 0; padding-left: 0px; border: none; list-style: none; display: inline; color: black; font-size: 11px; font-weight: bold;  line-height: 18px; }
	#TEXT ul.Path a { display: inline; text-decoration: none; font-size: 11px; padding-right: 12px;  margin-right: 5px;  background-image: url(ArrowPath.png); background-position: right; background-repeat: no-repeat; }	
	#TEXT ul.Path a:hover { text-decoration: underline; }
	#TEXT td { vertical-align: top; text-align: left; }
	#TEXT ol li p { margin-bottom: 10px; }
	#TEXT ol li ul { margin-bottom: 10px; }

#FOOTER { width: 900px; text-align: left; margin-left: auto; margin-right: auto; background-image: url(bg_footer.png);  background-repeat: no-repeat; padding-top: 12px; }
	#LINKS { height: 38px;  text-align: left; color: white;  padding-left: 5px; clear: none; }
	#LINKS ul { margin: 0; padding-left: 0; display: inline;  list-style: none; } 
	#LINKS li { float: left; margin: 0;  padding: 0px 11px 0px 11px; list-style: none; display: inline;  border-right: 1px dotted Gray; clear: none; }
	#LINKS li.Last { border-right: none; }
	#LINKS a { font-size: 11px; color: white; text-decoration: none; }
	#LINKS a:hover{ text-decoration: underline;	}
	#LINKS li.Right { float: right;  }
	#LINKS li.RightLast { float: right; border-right: none; }

.HelpPage h1
{
	font-size: 18px;
	font-weight: bold;
	margin: 25px 0 15px 0;
	padding: 5px 0 0 0; 
}

.HelpPage h2
{
	font-size: 16px;
	font-weight: bold;
	margin: 25px 0 15px 0;
	padding: 5px 0 0 0; 
}

.HelpPage h3
{
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0 15px 0;
	padding: 5px 0 0 0; 
}

.selected
{
	font-weight: bold
}

table.Blocky
{
	border: 1px; 
	border-style: solid;
	border-color: black;
}

.Blocky th
{
	padding: 5px;
	background-color: Black;
	color: White;
	font-weight: bold;
	margin: 0;
	border: 0;
}

.ForumsList td, .BlogRoll td, .LinkBlogList td
{
	border-top: solid 1px gray;
}

.LinkBlogList td
{
	padding: 5px;
}

.Blocky tr
{
	margin: 0;
	padding: 0;
}

.ForumDescription a, .BlogDescription a
{
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 100% !important;
}

.ForumDescription a:hover, .BlogDescription a:hover
{
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-color: #6db61e;
	color: White;
}

.ForumsList em, .BlogRoll em
{
	font-weight: normal;
	font-style: italic;
	color: Black;
}

.ForumLastPostDetails, .CategoryPostDescription, .BlogAuthor
{
	padding: 5px;
}

.ForumPostsCount
{
	display: block;
	padding: 5px;
	text-align: right;
	font-weight: bold;
}

.pages
{
    padding: 20px 0 10px 0;
    margin: 20px 0 10px 0;
    clear: left;
    font-size: 11px;
    text-align: center;
    width: 100%;
}

.pages div
{
	display: inline;
	vertical-align: top;
}

.pages .single, .pages .nextprev, .pages .currentPage
{
	padding: 3px 7px 3px 7px;
    background: White;
	vertical-align: top;
}

.pages .currentPage
{
    border: 1px solid #ddd;
    font-weight: bold;
    background: white;
    color: black;
}

.pages a
{
    border: 1px solid #6db61e;
    text-decoration: none;
}

.pages a:hover
{
    color: white;
    background: #6db61e;
}

.pages a.nextprev
{
    font-weight: bold;
}

.pages div.nextprev
{
	color: #999;
}

.pages .nextprev
{
	border: 1px solid #ddd;
    margin-right: 2px;
}

.pages a.nextprev
{
	border: 1px solid #6db61e;
}

.BigButton
{
	padding: 6px;
	position: relative;
	top: 20px;
	border-style: solid;
	border-width: 2px;
	border-color: #4d960e;
	border-top-color: #9de65e;
	border-left-color: #9de65e;
	background-color: #6db61e;
	color: White;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 32px;
	padding-right: 10px;
	font-size: 14px;
}

.BigButton:visited
{
	color: White;
}

.BigButton:hover
{
	color: White;
}

.GroupBox
{
	padding: 5px;
	background-color: White;
	border: solid 1px gray;
}

.BlogEntry
{
	border: solid 1px black;
	margin-bottom: 20px;
}

.BlogEntryExtra
{
	margin-top: 4px;
	font-style: italic;
	font-weight: normal;
	font-size: 10pt;
	font-weight: normal;
	margin-bottom: 4px;
}

.BlogEntryTitle h1 a
{
	color: Black;
}

.BlogEntryContent
{
	padding: 5px;
	overflow: auto;
}

.BlogEntry .BlogEntryTitle
{
	display: block;
	background-color: #e8e8e8;
	padding: 5px;
}

.BlogEntryTitle
{
	font-weight: bold;
}

.BlogEntryAction
{
	padding: 5px;
	font-weight: bold;
}

.BlogComments
{
	padding-left: 30px;
	padding-right: 30px;
}

.BlogCommentTitle
{
	font-weight: bold;
	background-color: #eeeeee;
	padding: 2px 4px 2px 4px;
}

.BlogCommentFeedGhost .BlogCommentTitle
{
	background-color: #bae67e;
}

.BlogCommentMeta
{
	font-style: italic;
	color: gray;
	padding: 2px 4px 2px 4px;
}

.BlogCommentComment
{
	margin-top: 0.5em;
	padding: 2px 4px 2px 4px;
}

.BlogCommentEntry
{
	margin-top: 2em;
	margin-bottom: 2em;
	border: solid 1px #bbbbbb;
}

.BlogCommentFeedGhost .BlogCommentEntry
{
	border: solid 1px #72961e;
}

.forumPostWrapper
{
	border: solid 1px #bbbbbb;
}

.forumPostFeedGhost .forumPostWrapper
{
	border: solid 1px #72961e;
}

.forumPostTopBar
{
	padding: 5px;
	background-color: #eeeeee;
	font-weight: bold;
}

.forumPostFeedGhost .forumPostTopBar
{
	background-color: #bae67e;
}

.forumPostMeta
{
	font-weight: normal;
	font-style: italic;
	line-height: 2em;
}

.forumPostContent
{
	padding: 5px;
}

.Quote
{
	margin: 30px 0 0px 0;
}

.QuoteSubText
{
	margin: 0 1em 50px 1em;
	padding-top: 0;
}

.QuoteInner
{
	text-align: justify;
	border: dotted 2px #6db61e;
	background-color: #f8f8f8;
	padding: 10px 30px 10px 20px;
	margin: 30px 1em 10px 1em;
	font-style: italic;
}

.QuoteLeft, .QuoteRight
{
	font-family: serif;
	font-weight: bold;
	font-size: 500%;
	color: #6db61e;
}

.QuoteLeft
{
	float: left;
	position: relative;
	left: -3px;
	top: -25px;
	height: 20px !important;
}

.QuoteRight
{
	float: right;
	position: relative;
	left: 5px;
	top: -37px;
	height: 20px !important;
}

.HelpTip
{
	padding: 5px 5px 5px 38px;
	margin: 25px 25px 25px 25px;
	background-color: #dde8ff;
	border: dotted 1px #4477ee;
	font-style: italic;
	font-size: larger;
	background-image: url(Info_bulb.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	min-height: 44px;
}

.HelpTip p
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 12px !important;
}

.HelpTip h1
{
	padding-left: 10px !important;
}

.Thumbnail
{
	float: left;
}

.Thumbnail img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.Thumbnail a
{
	display: block;
	padding: 10px;
	width: 250px;
	height: 265px;
	margin-bottom: 40px;
	margin-right: 40px;
	border: solid 1px black;
	background-color: #eeeeee;
}

.Thumbnail a, .Thumbnail a:hover
{
	text-decoration: none;
	color: Black;
}

.Thumbnail a:hover
{
	background-color: #6db61e;
	color: White;
}

.Thumbnail
{
	text-align: center !important;
	line-height: normal;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	font-weight: bold;
	font-style: italic;
}

.ThumbnailSpacer
{
	clear: both;
}

.Thumbnail .Magnifier
{
	display: none;
	position: absolute;
	left: 220px;
	top: 140px;
}

.Thumbnail a:hover .Magnifier
{
	display: block;
}

.ShowImageTransparency img
{
	background-image: url(TransparencyBackground.png);
	padding: 10px;
}

.PricingStage
{
	text-align: center;
	width: 140px;
	height: 109px;
	background-image: url(PricingStage.gif);
	padding: 16px 4px 4px 4px;
	line-height: 1.7em;
	position: absolute;
}

.PricingStageTitle
{
	font-size: 18px;
	font-weight: bold;
	color: White;
}

.PricingInput
{
	position: absolute;
	text-align: center;
	width: 95px;
	height: 35px;
	padding: 10px;
	background-image: url(PricingEvent.gif);
	font-size: 14px;
	font-weight: bold;
	display: table;
}

.PricingInput div
{
	display: table-cell;
	vertical-align: middle;
}

.PricingArrowDownRight
{
	width: 64px;
	height: 64px;
	background-image: url(ArrowDownRight.gif);
	position: absolute;
}

.PricingArrowDownLeft
{
	width: 64px;
	height: 64px;
	background-image: url(ArrowDownLeft.gif);
	position: absolute;
}

.ApplicationImage
{
	float: right;
	position: relative;
	left: 5px;
	top: 20px;
	width: 275px; height: 375px;
	background-image: url(Application.png);
	overflow: hidden;
}

.ApplicationImage:hover
{
	background-position: 0 375px;
}

.ApplicationImage:focus
{
	-moz-outline: none;
}

.DownloadButton
{
	background-image: url(DownloadButton.png);
}

.DownloadButton
{
	display: block;
	overflow: hidden;
	position: relative;
	width: 324px;
	height: 132px;
}

.DownloadButton:hover
{
	background-position: 0 133px;
	text-decoration: none;
}

.DownloadButton:focus
{
	-moz-outline: none;
}

.ScreenshotsDownload .DownloadButton
{
	margin-left: 149px;
}

.HomeDownload .DownloadButton
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	position: relative;
	left: -40px;
}