/*************************************************************************************************
		General / All inclusive
*************************************************************************************************/
img {border-style:none;}
body { 
	text-align:left; 
	background-color:#1555CC; 
	font-family:Tahoma,Verdana,Arial,san-serif; 
	margin:0px 4px 5px 4px;
	}
.hbar {
	color:#FFFFFF;
	font-weight:700;
	font-size:130%;
	text-indent:2px;
	padding:3px;
	background-color:#7FC836;
	clear:right;
	border:double #BEE399 3px;
	margin-left:3px;
}
.hbar a {color:#FFFFFF;}
table.areanav {font-size:90%; width:600px;}
.productimage {
	width:220px;
	height:200px;
	border:solid #000000 1px;
	margin:0px 0px 2px 2px;
	float:right;
	}

/*************************************************************************************************
		Header Area Styles - including Tabs
*************************************************************************************************/
#header {
	background-color:#FFFFFF;
	width:792px;
	height:98px;
	position:relative;
	text-align:left;
}
/**
	Top Images
*/
#cyb_logo { 
	position:absolute;
	top:0px;
	left:0px;
	width:150px; 
	height:72px; 
	}
#headbg {
	width:642px;
	height:50px;
	position:absolute;
	top:0px;
	right:0px;}
#downld {
	width:130px;
	height:35px;
	position:absolute;
	left:657px;
	top:58px;
	z-index:99;
	}
	
/** 
	Layout Divs
*/
#tabs {
	position:absolute;
	left:150px;
	top:54px;
	z-index:90;
}
#steps {
	position:absolute;
	left:150px;
	top:78px;
	z-index:99;
	background-image:url(/images/2005/graphics/bg_youarehere.gif);
	background-repeat:no-repeat;
	width:500px;
	height:19px;
	line-height:19px;
	font-size:60%;
	text-indent:4px;
	color:#FFFFFF;
	overflow:hidden;
}
#navbar {
	background-color:#1860E4;
	background-image:url(/images/2005/graphics/bg_navbar.gif);
	background-repeat:repeat-x;
	height:25px;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#1247A9;
	z-index:50;
	position:absolute;
	top:71px;
	width:100%;
	text-indent:4px;
	color:#FFFFFF;
	font-weight:700;
	font-size:68%;
	line-height:24px;
	text-align:left;
}
a.stepTrack { text-decoration:none; color:#FFFFFF; }
a.stepTrack:hover { text-decoration:underline; }
.navDiv {border:solid #336699 0px; border-bottom-width:1px; }
.stepTrack { color: #FFFFFF; }
.navtab, .navtabon, .navtabover {
	width:100px;
	height:18px;
	font-weight:700;
	text-align:center;
	float:left;
	font-size:75%;
	line-height:18px;
	text-decoration:none;
	cursor:pointer;
	background-repeat:no-repeat;
	z-index:90;
	color:#000000;
}
.navtab {
	color:#000000;
	background-color:#CCCCCC;
	background-image:url(/images/2005/graphics/bg_tab.gif);
	}
.navtabon {
	color:#FFFFFF;
	background-color:#1860E4;
	background-image:url(/images/2005/graphics/bg_tabon.gif);
}
.navtabover {text-decoration:underline;color:#990033;background-color:orange;}
/**
a div.navtab {text-decoration:none;color:#000000;}
:hover .navtab {text-decoration:underline;color:#990033; }
*/
/**
*/

/*************************************************************************************************
		Primary Area Styles
*************************************************************************************************/


#stage, #plainstage {
	position:relative;
	background-color:#FFFFFF;
	text-align:left;
	width:792px;
	text-align:left; 
	font-size:68%;
}
#stage {
	background-image:url(/images/2005/graphics/bg_stage.gif);
	background-repeat:repeat-y;
	}
/**
#mainstage td { font-size:68%; }
*/
#mainstage {
	position:relative;
	vertical-align:top; 
	padding:3px;
	padding-left:156px;
	z-index:49;
}

#leftnav {
	position:inherit;
	vertical-align:top; 
	float:left;
	width:151px; 
	border:solid #1247A9 0px;
	border-right-width:1px;
	border-bottom-width:1px;
	background-color:#E2EAFC;
	background-image:url(/images/2005/graphics/bg_leftnav.jpg);
	padding:6px 0px 0px 0px;
	z-index:50;
}

/**
	Left Nav
*/

/**
#leftnav a[href="/products/s360v2/Applications/Reminder.html"] div {padding:1px 1px 2px 12px; text-decoration: none;border:solid #999999 1px; margin:0px;background-color:#FFFFFF;}
*/

#leftnav a div {padding:0px 0px 0px 12px; text-decoration: underline;border:solid #E2EAFC 1px; margin:0px 5px 0px 3px;}

#leftnav a:hover, #leftnav :hover div  {background:#FFFFFF;}
#leftnav a:hover div {border-color:#999999;}

#leftnav div.extra {	
	background-color:#FFFFFF;
	border:solid #FFFFFF 1px;
}
#leftnav div.onpage {	
	background-color:#FFFFFF;
	border:solid #0000FF 1px;
	background-image:url(/images/2005/graphics/left_nav_arrow.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#1555CC;
	font-weight:600;
}
.leftDivider {
	background-image:url(/images/2005/graphics/left_divide.jpg);
	width:150px;
	height:12px;
}
#leftDivide {
	background-image:url(/images/2005/graphics/bg_left_extra.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:150px;
	padding:12px 0px 5px 0px;
}
#leftEnd {
	background-image:url(/images/2005/graphics/bg_leftnav_extra.jpg);
	width:150px;
	height:5px;
	}



/*************************************************************************************************
		Footer Area 
*************************************************************************************************/
#footer {
	position:relative;
	margin-top:30px;
	border:double #FFFFFF 6px;
	background-color:#FFFFFF;
	width:780px;
	text-align:left;
	font-size:60%;
	line-height:140%;
}
#copyright {float:right;}
.screenshot {border:solid #000 1px;
	float:right;
	width:171px;
	height:170px;
}
.titleimage {
	width:630px;
	height:40px;
	border-style:none;
}
.small {font-size:90%;}
tr {vertical-align:top;}
ul.nomark {list-style:none;}