body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 80%; background-color: #161616; }
pre { font-size: 1.2em; }
a { color: #0d53ff;	background-color: inherit; }
a:hover { background-color: inherit; color: #f50; }
a img { border: 0; }
table { font-size: 1em; }
.err { font-weight: bold; color: #f00; background-color: inherit; }
.notice { font-weight: bold; color: #090; background-color: inherit; }	
.cleardiv { clear: both; height: 10px; }
h2 { font-size: 1.8em; margin-top: 0px; padding-top: 15px; font-family: Georgia, Times, serif; font-weight: normal; }
h3 { color: #f60; font-size: 1.5em; margin-top: 30px; }
p { font-size: 1.1em; }

.content { padding: 0 10px; }
#header { height: 4em; background-color: #222; min-width: 100%; float: left;}
#header .content { width: 960px; margin: 0 auto; }
#logo { float: left; margin-top: 13px; }
#menus { padding-top: 1.5em; text-align: right; }
#menus a { color: #fff; text-decoration: none; margin-right: 1em; font-size: 1.1em; }
#menus a.pp { color: #9ef; }
#menus a:hover { border-bottom: 2px solid #9ef; }
#pagetitle { background-color: #def; border-bottom: 1px solid #ddd; min-width: 100%; float: left; }
#pagetitle h1 { font-size: 2.4em; margin: 0 auto; width: 960px;  padding: 10px; font-style: italic; background-color: #def; color: #000; }
#breadcrumb { background-color: #bcd; padding: 10px 0 5px 15px; }
#main { background-color: #fff; min-width: 100%; float: left; }
#main .content { margin: 0 auto; width: 960px; padding-top: 10px; padding-bottom: 20px; overflow: hidden; min-height: 400px; }
#footer { min-width: 100%; float: left; }
#footer .content { margin: 0 auto; width: 960px;  padding: 20px 0; color: #fff; text-align: center; }
#footer a { color: #fff; }
#footerlinks { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 1.1em; }
#footerlogo { margin: 30px 0 20px 0; }
#copyright { font-size: 0.8em; }

#outfeature { background-color: #def; border-bottom: 1px solid #ddd; min-width: 100%; float: left; }
a.hportfolio { color: #000; text-decoration: none; position: relative; }
a.hportfolio:hover { text-decoration: underline; }
a.hportfolio:hover span { display: block; position: absolute; top: 30px; left: 110px; width: 250px; z-index: 10; padding: 9px 12px; border: 2px dashed #777; font-size: 11pt; background-color: #f9f9f9; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
a.hportfolio span { display: none; }
#feature { width: 960px; margin: 0 auto; padding: 1em 20px 0 0px; }
#infeature { height: 400px; background: url(/images/program2.png) right no-repeat; }
#infeature .content { width: 400px; }
#infeature h1 { font-size: 2.4em; margin: 0px; padding-top: 10px; }
#links { margin-top: 30px; }
#links a { display: block; float: left; width: 120px; font-size: 2em; text-decoration: none; color: #333; padding-bottom: 5px; margin: 10px 30px 20px 0; padding-left: 50px; border-bottom: 2px solid #def; }
#links a:hover span { border-bottom: 2px solid #2576AE; }
.hdownload { background: url(/images/download.gif) no-repeat; }
.hcompare { background: url(/images/compare.gif) no-repeat; }
.hdemo { background: url(/images/demo.gif) no-repeat; }
.hpurchase { background: url(/images/purchase.png) no-repeat; }

#feat { width: 662px; height: 370px; background: url(feature-submission.png) no-repeat right top; margin: 30px 0 20px 0; }
#feat .border { width: 489px; height: 369px; float: right; border: 1px solid #666; text-align: center; }
#featmenu { float: left; width: 170px; }
#featmenu ul { margin: 0; padding: 0; list-style: none; border: 1px solid #999; border-right: 0; margin-right: -1px; }
#featmenu ul li { margin: 0; padding: 5px 7px; border-bottom: 1px solid #999; font-size: 1.3em; color: #f60; font-weight: bold; background-color: #eee; }
#featmenu ul li:last-child { border-bottom: 0px; }
#featmenu ul li.selected { background-color: #def; }
#featmenu ul li.selected:after { content: " \bb"; }
#featmenu ul li:hover { background-color: #def; cursor: pointer; }
#featmenu p { font-style: italic; margin: 8px 0 0 1px; }

input.field { background-color: #def; border: 1px solid #aaa; }
select.field { background-color: #def; border: 1px solid #aaa; }
textarea.field { background-color: #def; border: 1px solid #aaa; }
/*
input.submit { font-weight: bold; font-size: 1.1em; color: #222; background-color: #9cf; border: none; -moz-border-radius:8px;}
input.submit:hover { background-color: #def; }
input.submit:active { position: relative; top: 1px; }
*/

#logout { float: right; margin: 20px 30px 0 0; }

#homeright {
	background-color: #eef6ff;
	padding: 10px 15px;
	margin: 30px 10px 2em 20px;
	width: 235px;
	height: 352px;
	float: right;
}
.homeheader {
	color: #2F75A8;
	background-color: inherit;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#version {
	font-size: 2.5em;
	color: #4d4d4d;
	margin: 5px 0 0 50px;
}
#version a { color: #4d4d4d; text-decoration: none; font-family: Verdana, Geneva, sans-serif; }
#version a:hover { 	color: #f50; }
.newsitem {
	margin-top: 1.5em;
}
.newsitem a {
	text-decoration: none;
	font-weight: bold;
	color: #4d4d4d;
	background-color: inherit;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.newsitem a:hover {
	color: #f50;
	background-color: inherit;
}
.newsitem span {
	color: #666666;
	background-color: inherit;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#map {
    position: relative; 
    right: -20px; top: 30px;
    float: right;
}
#tagline {
	color: #f60;
	background-color: inherit;
	font-size: 1.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.note {
	color: #f60;
	background-color: inherit;
	font-style: italic;
}

#right {
	float: right;
	width: 215px;
	margin-left: 20px;
	border-left: 1px solid #2F75A8;
	padding: 0 20px;
}
hr {
    height: 1px;
    border: 0;
    color: #2F75A8;
    background-color: #2F75A8;
}
#right .header {
	color: #2F75A8;
	background-color: inherit;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#action {
	border: 0;
	margin: 0;
	padding: 0;
}
#action th {
	text-align: center;
	padding: 10px 10px 10px 5px;
}
#action td {
	padding: 10px 5px 10px 0;
}
#action tr:hover {
	background-color: #eee;
	color: inherit;
}
#action td a {
	color: #000;
	background-color: inherit;
	text-decoration: none;
}
#action td span {
	color: #0D5EFF;
	background-color: inherit;
}

.action:before {
	content: "\bb\a0";
	color: #f40;
	background-color: inherit;
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.ulline li {
	margin-bottom: 0.5em;
}

h4#ochid { margin-top: 1em; display: none; font-size: 9pt; color: #000; }
h4#ochid a { font-weight: normal; color: #000; }

#nolink a { text-decoration: none; color: #000; }
#nolink a:hover { cursor: text; }

ol.doclist li { margin-bottom: 1em; }
ol.doclist li span { font-weight: bold; }
ol.doclist ul li { margin-bottom: 0; }

.rowhdr { color: #444; background-color: #adf; padding: 3px 0; }
.row1 { color: #000; background-color: #eee; }
.row2 { color: #000; background-color: #ddd; }

#users { background-color: #c0c0c0; min-width: 100%; float: left; }
#users .content { margin: 0 auto; width: 960px;  font-size: 1.3em; padding: 1em 0 1.5em 0; color: #333; font-family: Georgia, "Times New Roman", serif; font-style: italic; text-align: center; }
#users img { margin: 0 20px; }
#users a { color: #333; }
#users a:hover { color: #307AA3; }

.moduleImage { float: right; margin: 10px 0 20px 20px; padding-bottom: 10px; border-bottom: 5px solid #def; border-left: 5px solid #def; }

.docbreadcrumb { font-size: 0.9em; }
