/***********************************************/
/*     Website_styles_graphical.css            */
/***********************************************/

/***********************************************/
/*     Background Image Styles                 */
/***********************************************/
/*
#masterContainer {
	background-image:url(../images/home/blue-steel.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	min-height:600px;
	vertical-align:middle;
	width:100%;
	}

/***********************************************/
/*     Nav Table Styles                        */
/***********************************************/

#navTable {
	position:relative;
	top:0px;
	left:0px;
	width:1000px;
	border-left:1px solid #5c706e;
	border-right:1px solid #5c706e;
	}


/***********************************************/
/*     Admin Styles                            */
/***********************************************/

/* To be added later when Network is hooked up 
.admin { 
	position:absolute;
	top:10px;
	left:835px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	}

.admin a {
  	color:#5c706e;
  	text-decoration:none;
	}

.admin a:hover {
  	color:#83b1c8;
	text-decoration:underline;
	}
*/


/***********************************************/
/*     Icon Styles                             */
/***********************************************/

#iconContainer {
	position:relative;
	width:1000px;
	top:-118px;
	left:100px;
	}

#cartIcon {
	position:absolute;
	top:83px;
	left:695px;
	z-index:150;
	}

#networkIcon {
	position:absolute;
	top:82px;
	left:737px;
	z-index:150;
	}

#forumIcon {
	position:absolute;
	top:82px;
	left:764px;
	z-index:150;
	}
	
#wikiIcon {
	position:absolute;
	top:83px;
	left:800px;
	z-index:150;
	}

#homeIcon {
	position:absolute;
	top:85px;
	left:843px;
	z-index:150;
	}
	

/***********************************************/
/*     Sub-Navigation Styles                   */
/***********************************************/

#subNav {
	position:relative;
	width:1000px;
	height:22px;
	top:-25px;
	left:0px;
	/* background:url("../images/navigation/subnav_background.gif") no-repeat; */
	font-size:11pt;
	font-weight:normal;
	color:#1a1a1a;
  	}
  
#subNav ol {
  	margin:-2px 0px 0px 0px;
  	padding:0px 135px 0px;
  	list-style:none;
  	}
  
#subNav li {
  	float:left;
  	margin:0;
  	padding:0 0 0 9px;
  	}
  
#subNav a {
  	float:left;
  	display:block;
  	padding:3px 15px 0px 6px;
  	text-decoration:none;
  	color:#1a1a1a;
	voice-family: "\"}\""; 
	voice-family:inherit;
  	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#subNav a {
	float:none;
	}
/* End IE5-Mac hack */

#subNav a:hover {
  	color:#fff;
  	}
  
#subNav #current {
  	font-weight:normal;
	color:#fff;
  	padding:3px 15px;
  	}
	
/***********************************************/
/*     Sub-Navigation Special Styles           */
/***********************************************/

#subNavCompany {
	position:relative;
	width:1000px;
	height:22px;
	top:-25px;
	left:15px;
	/* background:url("../images/navigation/subnav_background.gif") no-repeat; */
	font-size:11pt;
	font-weight:normal;
	color:#1a1a1a;
  	}
  
#subNavCompany ol {
  	margin:0px 0px 0px 0px;
  	padding:0px 125px 0px;
  	list-style:none;
  	}
  
#subNavCompany li {
  	float:left;
  	margin:0;
  	padding:3px 0 0 6px;
  	}

#subNavCompany a {
  	float:left;
  	display:block;
  	padding:0px 15px 0px 6px;
  	text-decoration:none;
  	color:#1a1a1a;
	voice-family: "\"}\""; 
	voice-family:inherit;
  	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#subNavCompany a {
	float:none;
	}
/* End IE5-Mac hack */

#subNavCompany a:hover {
  	color:#fff;
  	}
  
#subNavCompany #current {
  	font-weight:normal;
	color:#fff;
  	padding:3px 15px 0 6px;
  	}
	
/***********************************************/
/*     3rd-Navigation Styles                   */
/***********************************************/

#thirdNav {
	position:relative;
	top:0px;
	left:0px;
	width:1000px;
	height:22px;
	/* background:url("../images/navigation/subnav_background.gif") no-repeat; */
	font-size:10pt;
	font-weight:normal;
	color:#1a1a1a;
	border-bottom:1px solid #ccc;
	background:#e3ead9;
	z-index:200;
  	}
  
#thirdNav ol {
	position:absolute;
	top:0px;
	left:0px;
  	margin:-2px 0px 0px 0px;
  	padding:0px 0px 0px 135px;
  	list-style:none;
  	}
  
#thirdNav li {
  	float:left;
  	margin:0px;
  	padding:0px 0px 0px 9px;
  	}
  
#thirdNav a {
  	float:left;
  	display:block;
  	padding:3px 15px 0px 6px;
  	text-decoration:none;
  	color:#688fa2;
	voice-family: "\"}\""; 
	voice-family:inherit;
  	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#thirdNav a {
	float:none;
	}
/* End IE5-Mac hack */

#thirdNav a:hover {
  	color:#1a1a1a;
  	}
  
#thirdNav #current {
  	font-weight:bold;
	color:#1a1a1a;
  	padding:3px 15px;
  	}

#thirdNavContent {
	float:left;
	width:75%;
	margin:25px 0 0 0;
	padding:0 3% 0 0;
	}


/***********************************************/
/*     Main Content & Right Nav Styles         */
/***********************************************/

#header {
	margin:0;
	padding:70px 0px;
	width:100%;
	}
	
#body {
	position:relative;
	top:-23px;
	left:0px;
	width:1000px;
	text-align:left;
	border-left:1px solid #5c706e;
	border-right:1px solid #5c706e;
	border-bottom:1px solid #5c706e;
	}
	
#searchBody {
	position:relative;
	top:0px;
	left:0px;
	width:1000px;
	text-align:left;
	border-left:1px solid #5c706e;
	border-right:1px solid #5c706e;
	border-bottom:1px solid #5c706e;
	}

#content{
  	float:left;
	width:75%;
	margin:0px 0px 0px 0px;
	padding:0 3% 0 0;
	}


/***********************************************/
/*     HTML Tag Styles                         */
/***********************************************/

body {
	font-size:12;
	font-family:Arial, sans-serif, Helvetica;
	color:#1a1a1a;
	line-height:1.5;
	margin:0px;
	padding:0px;
	font-weight:normal;
	}

a:link, a:visited, a:hover {
	color:#006699;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, sans-serif, Helvetica;
	margin:0px;
	padding:0px;
	}

h1 {
 	font-size:120%;
 	color:#334d55;
	}

h2 {
 	font-size:114%;
 	color:#006699;
	}

h3 {
 	font-size:100%;
 	color:#334d55;
	}

h4 {
 	font-size:100%;
 	font-weight:normal;
 	color:#333333;
	}

h5 {
 	font-size:100%;
 	color:#334d55;
	}

ul {
 	list-style-type:square;
	}

ul ul {
 	list-style-type:disc;
	}

ul ul ul {
 	list-style-type:none;
	}
	
hr {
	border:#FF9900;
	border-top-style:solid;
	border-width:thin;
	}
	
label {
	font:bold 100% Arial,sans-serif, Helvetica;
 	color:#334d55;
	}
	
.tinyfont {
	font-size:10px;
	}


/***********************************************/
/*     Heading & Sub-Heading Title Styles      */
/***********************************************/

#headingTitle {
	font-family:Arial, san-serif, Helvetica;
	margin:0px 0px 0px 0px;
	padding:5px 0px 10px 10px;
	color:#FF9900;
	}

#headingSubTitle {
	font-family:Arial, san-serif, Helvetica;
	padding:0px 0px 10px 10px;
	}
	
.important {
	color:#FF9900;
	text-decoration:none;
	}
	
.note {
	color:#FF0000;
	}

/***********************************************/
/*     Search Styles                           */
/***********************************************/
#searchContainer {
	position:relative;
	top:-115px;
	text-align:center;
	}
	
#floatingSearchBox {
	position:absolute;
	top:9px;
	left:846px;
	}
	
#floatingSearchText {
	position:absolute;
	top:8px;
	left:793px;
	}
	
#goButton {
	position:absolute;
	top:0px;
	left:90px;
	}
#aedge_button {
float:right;
clear:none;
	}

/***********************************************/
/*     #rightNavBar link Styles                */
/***********************************************/

#rightNav {
	position:relative;
	top:2px;
	margin:0 0 0 79%;
	background-color:#e3ead9;
	/* border-top:1px solid #ccc; */
	/* border-bottom:1px solid #ccc; */
	border-left:1px solid #ccc;
	}

#rightNav ul a:link, #rightNav ul a:visited {
	display:block;
	}

#rightNav ul {
	list-style:none; 
	margin:0; 
	padding:0;
	}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#rightNav li {
	border-bottom:1px solid #eee;
	}

/* fix for browsers that don't need the hack */
html>body #rightNav li {
	border-bottom:none;
	}


/***********************************************/
/*     Right Nav for 3rd Level                 */
/***********************************************/
#rightNavThirdNav {
	margin:0px 0px 0px 79%;
	padding:0px 0px 0px 0px;
	background-color: #e3ead9;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

#rightNavThirdNav ul a:link, #rightNavThirdNav ul a:visited {
	display:block;
	}

#rightNavThirdNav ul {
	list-style:none; 
	margin:0; 
	padding:0;
	}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#rightNavThirdNav li {
	border-bottom:1px solid #eee;
	}

/* fix for browsers that don't need the hack */
html>body #rightNavThirdNav li {
	border-bottom:none;
	}
	

/***********************************************/
/*     .feature Styles                         */
/***********************************************/

.feature {
	padding:0px 0px 10px 10px;
	font-size:80%;
	}

.feature h3 {
	padding:30px 0px 5px 0px;
	text-align:left;
	}

.feature img {
	float:left;
	padding:0px 10px 0px 0px;
	margin:0 5px 5px 0;
	}
/* adjust margins to change separation between the feature image and text flowing around it */


/***********************************************/
/*     .story Styles                           */
/***********************************************/

.story {
	padding:10px 0px 0px 10px;
	font-size:80%;
	clear:both;
	}

.story p {
  	padding:0px 0px 10px 0px;
	}

.story img {
	float:left;
	clear:both;
	padding:0px 10px 0px 0px;
	margin:0 5px 5px 0;
	}


/***********************************************/
/*     #sectionLinks Styles                    */
/***********************************************/

#sectionLinks {
	position:relative;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #cccccc;
	/* border-top:1px solid #000000; */
	font-size:90%;
	}

#sectionLinks h3 {
	padding:10px 0px 2px 10px;
	}

#sectionLinks a:link {
	padding:2px 0px 2px 10px;
	border-top:1px solid #cccccc;
	width:100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:auto;
	}

#sectionLinks a:visited {
	border-top:1px solid #cccccc;
	padding:2px 0px 2px 10px;
	}

#sectionLinks a:hover {
	border-top:1px solid #cccccc;
	background-color:#ccd3ba;
	padding:2px 0px 2px 10px;
	text-decoration:none;
	color:#5c706e;
	}


/***********************************************/
/*     .relatedLinks Styles                    */
/***********************************************/

.relatedLinks {
	margin:0px;
	padding:0px 0px 10px 10px;
	font-size:90%;
	}

.relatedLinks h3 {
	padding:10px 0px 2px 0px;
	}
	
.relatedLinks li {
	padding:5px 0px 2px 0px;
	}


/***********************************************/
/*     Advert Styles                           */
/***********************************************/

#advert {
	padding:10px 10px 10px 10px;
	font-size:95%;
	color:#FF9900;
	text-decoration:none;
	border-top:1px solid #cccccc;
	}

#advert img {
	display:block;
	/* use float:left along with the border top(above) to have the text wrap around the image 
	float:left;
	*/
	}
	

/***********************************************/
/*     Quote Styles                            */
/***********************************************/

#quote {
	padding:10px 10px 10px 10px;
	font-size:70%;
	border-top:1px solid #cccccc;
	}
	
#quote a {
	color:#5c706e;
	text-decoration:none;
	}

#quote a:hover {
  	color:#996600;
  	}
	

/***********************************************/
/*     #headlines Styles                       */
/***********************************************/

#headlines {
	margin:0px;
	padding:10px 0px 20px 10px;
	font-size:80%;
	}

#headlines p {
	padding:5px 0px 5px 0px;
	}

/***********************************************/
/*     Footer Styles                           */
/***********************************************/

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the rightNav in cases where they "touch" */
#footer {
	clear:both;
	/* border-top:1px solid #5c706e; */
	border:1px solid #cccccc;
	font-size:75%;
	color:#1a1a1a;
	padding:2px 5px 2px 10px;
	margin-top:2px;
	}


#footer img {
	padding:2px 2px 2px 0px;
	vertical-align:middle;
	}
	
/***********************************************/
/*     Copright Styles                         */
/***********************************************/

.copyright {
	font-size:8pt;
	font-weight:normal;
	color:#999999;
	}


/***********************************************/
/*     Demo Splatt Styles                      */
/***********************************************/
#demoSplatt-MySQL {
	position:absolute;
	top:327px;
	left:381px;
	z-index:1277;
	}
#demoSplatt-MySQL-zrmpage {
	position:absolute;
	top:383px;
	left:641px;
	z-index:1277;
	}

/******************************************************** Page Specific Styles **************************************************************/

/***********************************************/
/*     Community Download Styles               */
/***********************************************/
.productDownloads {  /* This is the Community > downloads page */
	width:500px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 22px;
	}

/***********************************************/
/*  Products > Community & Enterprise Buttons  */
/***********************************************/

#downloadButton {
	position:absolute;
	top:30px;
	left:313px;
	width: 133px;
	height: 32px;
	}
	
#buyButton {
	position:absolute;
	top:30px;
	left:313px;
	width: 133px;
	height: 32px;
	}
	
#surveyButton {
	position:absolute;
	top:50px;
	left:513px;
	height: 32px;
	}
	
/*  Buttons for the overview pages  */

#overviewDownloadButton {
	position:absolute;
	top:30px;
	left:495px;
	width: 133px;
	height: 32px;
	}
	
#overviewBuyButton {
	position:absolute;
	top:30px;
	left:330px;
	width: 133px;
	height: 32px;
	}

/* Buttons for products page */

#buyNowDownloadWrapper {
	position: relative;
	}

#productsBuyAEE {
	position:absolute;
	top:0px;
	left:350px;
	width: 133px;
	height: 32px;
	}

#productsDownloadAEE {
	position:absolute;
	top:0px;
	left:495px;
	width: 133px;
	height: 32px;
	}

#productsBuyZRM {
	position:absolute;
	top:0px;
	left:350px;
	width: 133px;
	height: 32px;
	}

#productsDownloadZRM {
	position:absolute;
	top:0px;
	left:495px;
	width: 133px;
	height: 32px;
	}



/***********************************************/
/*       Contact @ Grphics                     */
/***********************************************/

.atGraphics {
	clear:right;
	padding:0 0 25px 0;
	}


/***********************************************/
/*       Buzz > Main Grid Styles               */
/***********************************************/

#top-section {
  	position:relative;
  	left:10px;
  	top:0;
	padding:2px 10px 10px 0;
	font-family:Arial, sans-serif, Helvetica;
  	font-size:10pt;
	font-weight:normal;
	color:#006699;
	border-top:solid;
	border-width:thin;
	border-color:#FF9900;
  	}
  
#mid-section {
  	position:relative;
  	left:10px;
  	top:0;
	font-family:Arial, sans-serif, Helvetica;
  	font-size:10pt;
	font-weight:normal;
	color:#006699;
  	}
  
#bottom-section {
  	position:relative;
  	left:10px;
  	top:0;
	font-family:Arial, sans-serif, Helvetica;
  	font-size:10pt;
	font-weight:normal;
	color:#006699;
  	}

/***********************************************/
/*       Buzz > Column Grid Styles             */
/***********************************************/

#top-col-1 {
  	position:absolute;
  	top:0;
  	left:0;
  	width:30%;
  	padding:2px 10px 10px 0;
  	}
  
#top-col-2 {
  	position:relative;
  	top:0;
  	left:37%;
  	width:30%;
  	padding:2px 10px 10px 0;
  	}
  
#top-col-3 {
  	position:absolute;
  	top:0;
  	left:75%;
  	width:25%;
  	padding:2px 0px 10px 0;
  	}
  
#mid-col-1 {
  	position:absolute;
  	top:0;
  	left:0;
  	width:30%;
  	padding:2px 10px 10px 0;
  	}
  
#mid-col-2 {
  	position:relative;
  	top:0;
  	left:37%;
  	width:30%;
  	padding:2px 10px 10px 0;
  	}
  
#mid-col-3 {
  	position:absolute;
  	top:0;
  	left:75%;
  	width:25%;
  	padding:2px 0px 10px 0;
  	}
  
#bottom-col-1 {
  	position:absolute;
  	top:0;
  	left:0;
  	width:30%;
  	padding:25px 10px 10px 0;
  	}
  
#bottom-col-2 {
  	position:relative;
  	top:0;
  	left:37%;
  	width:30%;
  	padding:25px 10px 10px 0;
  	}
  
#bottom-col-3 {
  	position:absolute;
  	top:0;
  	left:75%;
  	width:25%;
  	padding:25px 0px 10px 0;
  	}


/***********************************************/
/*     Quote Styles                            */
/***********************************************/

#searc_quote {
	padding:10px 10px 10px 10px;
	font-size:100%;
	/*border-top:1px solid #cccccc;*/
	}
	
#searc_quote a {
	color:#5c706e;
	text-decoration:none;
	}

#searc_quote a:hover {
  	color:#996600;
  	}

/***********************************************/
/*     Forum Styles                            */
/***********************************************/
.smallfont {
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	}
	
.time {
	color: 5c706d;
	}
	
.alt1, .alt1Active {
	background: #FFFFFF;
	color: #5c706d;
	}
	
.alt2, .alt2Active {
	background: #FFFFFF;
	color: #000000;
	}
	
.tborder {
	background: #82b1c8;
	color: #82b1c8;
	border: 1px solid #0B198C;
	}
	
.tcat {
	background: #82b1c8;
	color: #FFFFFF;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	}
	
.tcat a:link {
	color: #ffffff;
	text-decoration: none;
	}
	
.tcat a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.tcat a:hover, .tcat a:active {
	color: #FF0000;
	text-decoration: underline;
	}
	
.thead {
	background: #5c706d;
	color: #FFFFFF;
	font: bold 11px sans-serif;
	}
	
.thead a:link {
	color: #FFFFFF;
	}
	
.thead a:visited {
	color: #FFFFFF;
	}
	
.thead a:hover, .thead a:active {
	color: #FF0000;
	}
	
.tfoot {
	background: #5c706d;
	color: #FFFFFF;
	}
	
.tfoot a:link {
	color: #FFFFFF;
	}
	
.tfoot a:visited {
	color: #E0E0F6;
	}
	
.tfoot a:hover, .tfoot a:active {
	color: #FF0000;
	}

.alt1, .alt1Active {
	background: #FFFFFF;
	color: #5c706d;
	}

.alt2, .alt2Active {
	background: #FFFFFF;
	color: #000000;
	}
	
td.inlinemod {
	background: #FFFFFF;
	color: 5c706d;
	}

.wysiwyg {
	background: #F5F5FF;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	}
	
.searchmatch {
	background-color: rgb(255, 255, 0);
	color: rgb(255, 0, 0);
	font-weight: bold;
	}
	
/*	
td, th, p, li {
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	}
*/


/***********************************************/
/*     White Paper Styles                      */
/***********************************************/

.whitepaper {
	padding:10px 0px 0px 10px;
	font-size:80%;
	clear:both;
	}

.whitepaper img {
	position:relative;
	margin-left: 180px;
	padding:10px;
	border: 1px solid black;
	}

.whitepaper p {
/*	padding:0px 0px 10px 0px;*/
	clear:both;
	}

.whitepaperCommands {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	margin-left: 80px;
	padding:10px 10px 10px 10px;
	border:1px solid black;
	background-color:#f5f5f5;
	}
#floatingPhoneNo3 {
	position:absolute;
	top:3px;
	left:484px;
	}
#floatingPhoneNo4 {
	position:absolute;
	top:2px;
	left:616px;
	}

