/* primary: netscape sees this: */
body, div, p, th, td, li, dd    {
    /* redundant selectors to help NS4 remember */
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
    	font-size:    11px;
    }


/* should be imported, netscape cannot see: */
body, body div, body p, body th, 
body td, body li, body dd    {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small;
    /* intended value for better browsers */
}

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd    {
    font-size:    small
    /* be nice to Opera */
}
/* end import */

.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}
* html .clear{display:none} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/


BODY {
	margin: 0px;
	padding: 0px;
	background-color: #f0f0f0;
}

#wrapper {
	width: 774px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	background: white;
	padding: 0;
}

#header {
	background-color: #004e82;
}

#logo {
	margin: 0px;
}

#logo IMG {
	padding: 0px;
	margin: 0px;
	border: none 0px;
}

#topmenu {
	margin-bottom: 11px;
	margin-bottom: 3px;
	margin-right: 10px;
	text-align: right; 
	font-size: 80%;
	font-weight: bold;
	color: #67a3cb;
}

#topmenu .separator {
	font-weight: normal;
	font-size: 50%;
	padding-left: 4px;
	padding-right: 4px;
}

#topmenu a,
#topmenu a:link,
#topmenu .menu a:visited,
#topmenu .menu a:active {
	color: #c4d9ef;
	text-decoration: none;
}

#topmenu .menu a:hover {
	color: white;
	color: #67a3cb;
	text-decoration: none;
}


	

/*************************** mainmenu **************************/
#mainmenu {
	border-top: #67a3cb 1px solid; 
	margin: 0px auto; 
	text-align: center;
	background: #026fb0;
	width: 100%;
}

#mainmenulist {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;
}

#mainmenulist UL {
	border-right: 0px; 
	padding-right: 0px;
	border-top: 0px; 
	display: inline; 
	padding-left: 0px;
	padding-bottom: 0px; 
	margin: 0px; 
	border-left: 0px; 
	padding-top: 0px; 
	border-bottom: 0px; 
	list-style-type: none;
}

#mainmenulist LI {
	border-right: 0px; 
	padding-right: 0px; 
	border-top: 0px; 
	display: inline; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	border-left: 0px; 
	padding-top: 0px; 
	border-bottom: 0px; 
	list-style-type: none;
}

#mainmenulist A:link {
	border-right: #004e82 1px solid; 
	padding-right: 0px; 
	border-top: 0px; 
	padding-left: 0px; 
	font-weight: bold; 
	font-size: 90%; 
	float: left; 
	padding-bottom: 5px; 
	margin: 0px; 
	border-left: none; 
	color: #f4f5f9; 
	line-height: 1em; 
	padding-top: 5px; 
	border-bottom: 0px; 
	background-color: #026fb0;
	text-decoration: none;
}

#mainmenulist A:visited {
	border-right: #004e82 1px solid; 
	padding-right: 0px; 
	border-top: 0px; 
	padding-left: 0px; 
	font-weight: bold; 
	font-size: 90%; 
	float: left; 
	padding-bottom: 5px; 
	margin: 0px; 
	border-left: none; 
	color: #f4f5f9; 
	line-height: 1em; 
	padding-top: 5px; 
	border-bottom: 0px; 
	background-color: #026fb0; 
	text-decoration: none;
}

#mainmenulist A:hover {
	color: #ffffff; 
	background-color: #458cbb; 
	text-decoration: none;
}

#mainmenulist A.selected:link {
	border-left: none; 
	border-bottom-color: #7797bd; 
	color: #ffffff; 
	border-top-color: #7797bd; 
	text-decoration: none; 
	border-right-color: #004e82;
	background-color: #4994c5; 
}

#mainmenulist A.selected:visited {
	border-left: none; 
	border-bottom-color: #7797bd; 
	color: #ffffff; 
	border-top-color: #7797bd; 
	text-decoration: none; 
	border-right-color: #004e82;
	background-color: #4994c5; 
}

#mainmenulist A {
	width: 128px; 
	color: #46698f;
}

/*************************** end mainmenu **********************/

/*************************** sidemenu **************************/
#sidemenu {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 100%; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 0px; 
	width: 12.5em; 
	padding-top: 25px;
	padding-left: 0.5em;
}

HTML BODY #sidemenu {
	padding-top: 10px
}

#sidemenu A {
	color: #285577;
	font-size: 85%;
}

#sidemenu A:hover {
	background-color: #7CB0D3; 
	text-decoration: none;
	color: #ffffff;
}

#sidemenu A.selected {
	font-weight: bold;
}

#sidemenu A.submenu {
	font-size: 75%;
	color: #5E819C;
}

#sidemenu A.submenu:hover {
	color: #ffffff;
}

.sidemenubox {
	padding-right: 0px;
	padding-left: 0px; 
	margin-bottom: 10px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
}

.sidemenubox H2 {
	display: none;
	padding-right: 3px; 
	border-top: #a9bdd5 1px solid; 
	padding-left: 3px; 
	font-size: 90%; 
	padding-bottom: 1px; 
	margin: 0px; color: #ffffff; 
	padding-top: 1px; 
	border-bottom: #537cac 2px solid; 
	background-color: #4994c5;
	text-align: center;
}

.sidemenubox UL.nobullets {
	padding-right: 5px; 
	padding-left: 5px; 
	font-size: 100%; 
	padding-bottom: 0.5em; 
	margin: 0px; 
	padding-top: 0.5em;
}

.sidemenubox UL.nobullets A {
	padding-right: 0px; 
	display: block;
	padding-left: 5px;
	padding-bottom: 2px; 
	margin: 0px; 
	padding-top: 2px; 
	text-decoration: none;
}

.sidemenubox UL.nobullets A.submenu {
	margin-left: 2em;
	margin-right: 2em;
}

.sidemenubox UL.nobullets DIV.menupad {
	line-height: 0.2em;
}

.sidemenubox UL.nobullets LI {
	margin: 0px;
	display: inline;
}


/*************************** end sidemenu **********************/

#solutiontext {
	background-color: #ffffff;
	padding-top: 7px;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 13px; 
	margin-left: 12.5em;
	height: 100%;  
	border-left: 1px solid #e3e3e3;
}


#contents {
	clear: both;
	border-left: #d3d3d3 solid 1px;
	border-bottom: #d3d3d3 solid 1px;
	border-right: #d3d3d3 solid 1px;
	border-top: #99b8d5 solid 1px;
	padding: 0px;
	margin: 0px;
	background-color: #fcfcfc;
	height: 100%;  
}

#text {
	padding-left: 1em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-top: 0.5em;
}

#text #mainimage {
	margin-left: 0px;
	margin-right: 15px;
	float: left;
	padding-top: 0;
	margin-top: 0;
}

/* first paragraph in the main page: */
#text #mainfirstp {
	margin-top: 0;
	padding-top: 0;
	font-size: 140%;
}

#text .mainafterimage {
	clear: both;
	margin-top: 3em;
}

#text .mainafterimage UL {
	padding: 0;
	margin: 0;
}

#mainpage {
	margin-left: 0.5em;
	margin-bottom: -2em;
	margin-top: 1em;
}

#mainpagetext P {
	font-size: 115%;
	line-height: 1.4em;
	margin-bottom: 0.8em;
}

#mainpagetext UL {
	margin-top: -0.5em;
}

#mainpagetext LI {
	font-size: 115%;
}

#footer {
	clear: both;
}

#bottommenu {
	margin-top: 7px;
	text-align: center;
	font-size: 80%;
	clear: both;
}

#bottommenu a,
#bottommenu a:link,
#bottommenu .menu a:visited,
#bottommenu .menu a:active {
	color: #285577;
	text-decoration: none;
}

#bottommenu .menu a:hover {
	color: #0066b2;
	text-decoration: none;
}






a, a:link,a:visited,a:active {
	color: #0066AA;
	text-decoration: none;
}
a:hover {
	color: #0066AA;
	text-decoration: underline;
}




#bottom_menu .separator {
	font-size: 80%;
	color: #838383;
}




H2 {
	color: #004e82;
	margin-top: 4px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 130%;
}

H3 {
	margin-bottom: 0em;
	font-size: 110%;
}

H4 {
	margin-bottom: 0em;
	font-size: 105%;
}



P {
	margin-top: 0.5em;
	line-height: 130%;
}

P.first {
	margin-top: 0.5em;
}

#copyright {
	margin-top: 7px;
	text-align: center;
	font-size: 80%;
}

LI {
        margin: 0.5em;
}






/***************** start sitemap **********************/
#sitemap {
	margin-top: 2em;
}

#sitemap table {
	width: 100%;
}

#sitemap td {
	width: 33%;
	vertical-align: top;
	padding-left: 2em;
	padding-right: 1em;
}

#sitemap a, #sitemap a:link,#sitemap a:visited,#sitemap a:active {
	color: #285577;
	text-decoration: none;
}

#sitemap a:hover {
	color: #285577;
	text-decoration: underline;
}


/***************** end sitemap **********************/


/***************** start contactform **********************/
.contactform FORM {
	margin-top: 27px;
}

.contactform LABEL {
	text-align:right;
	width:240px;
	float:left; 
	margin:0;
}

.contactform INPUT.text {
	width : 220px;
}

.contactform SELECT {
	width : 226px;
}

.contactform FORM DIV.item {
	margin-top: 8px;
}

.contactform FORM DIV.submit {
	margin-top: 7px;
	margin-left: 242px;
}

.contactform SPAN.required {
	color: red;
}
/***************** end contactform **********************/

IMG.triangle {
       padding: 0px;
       margin: 0px;
       border: none 0px;
       vertical-align: middle;
}

.screenshot {
       text-align: center;
       margin-top: 2em;
}

.screenshot IMG {
       margin: 0;
       padding: 0;
       border: none 0px;
}

.screenshot .caption {
       text-align: center;
       font-size: 100%;
       margin: 0px;
       padding: 0;
       margin-left: 13px;
       margin-bottom: 0.5em;
} 

.detailedlink {
       text-align: right;
       margin-right: 0.5em;
}

.screenshotslink {
       text-align: right;
       margin-right: 0.5em;
       margin-top: 1em;
}


.preload {
	display: none;
}

.diagram {
	text-align: center;
}

/******** start search ***************/
.mnogopowered {
	font-size: 80%;
	text-align: right;
	border-top: solid #d3d3d3 1px;
}

.mnogopowered a,
.mnogopowered a:link,
.mnogopowered a:visited,
.mnogopowered a:active {
	color: #b3b3b3;
	text-decoration: none;
}

.mnogopowered a:hover {
	color: #0066b2;
	text-decoration: none;
}


.mnogosearchform {
	width: 100%;
	background-color: #f0f0f0;
}

.mnogosearchtop {
	width: 100%;
	background-color: #f0f0f0;
}

.mnogoresbot {
	text-align: center;
	border-top: solid #d3d3d3 1px;
}

.mnogores {
	word-wrap: break-word;
}

.mnogohighlight {
	font-weight: bold;
}
/******** end search *****************/

.supertext {
    	vertical-align: super;
	font-size: 80%;
}

/*
#text UL {
	list-style-type: none;
}

#text LI {
	background-position: 0px 50%; 
	background-image: url(/arrow.gif); 
	background-repeat: no-repeat;
	padding-left: 15px;
}
*/

code {
	font-size: 110%;
}

.roiCalc {
	background-color: white;
}

BODY.roiCalc {
	margin-top: 0;
	padding-top: 0;
}

.roiCalc #roiContents {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 2em;
	padding-top: 7px;
}

.roiCalc .readonly {
	/*background-color: #e0e0e0;*/
	border: none;
}

.roiCalc input {
	border: none;
	border-bottom: 1px solid #004e82;
}

.roiCalc .roiTable {
	width: 700px;
	border-collapse: collapse;
}

.roiCalc .roiTable td {
	border: 1px solid #a0a0a0;
	padding: 2px;
}

.roiCalc .roiTable .roiRes {
	background-color: #f0f0f0;
}

.roiCalc #header {
	width: 700px;
}