@charset "UTF-8";
/* CSS Document */
/* AQUACLUSTERS CSS */
/* BEGIN navigation for top tabs Dec 2007 */
body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em "Lucida Grande","Trebuchet MS", helvetica, arial, sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}
  
#header { /* container for all of the header tabs */
  float:left;
  font-size:93%;
  width:100%;
  line-height:normal;
  margin-left:0px; 
  padding-left:0px;
  }
 #sitelogo { /* container for logo */
	float:left;
	padding:0px 0px 0px 0px;
	margin:12px 0px -33px 0px; /* the negative bottom margin of -16px pulls the image down into position next to the tabs */
  }
 #sitelogo a { /* container for logo positioning so the a href fits around it correctly */
	position:relative;
	width:115px;
	height:45px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 15px 0px; /* the negative bottom margin of -16px pulls the image down into position next to the tabs */
  }
#header ul {
  margin-top:0px;
  margin-bottom:0px;
  margin-right:0px;
  margin-left:175px; /* this pushes the tabs to the right so the 120px wide logo can be dropped into position with the -16px bottom margin */
  padding:10px 10px 0;
  list-style:none;
  }
#header li { /* each li gets a background image floated to the top left */
  float:left;
  background:url("../images/tabgifs/bnorm_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 19px;
  }

#header a { /* each link within the <ul> gets a background image floated top right */
  float:left;
  display:block;
  background:url("../images/tabgifs/bnorm_right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#000;
  }
#header #current { /* this changes the background images so the current tab looks different than others */
  background-image:url("../images/tabgifs/bnorm_left_on.gif");
  }
#header #current a {  /* this changes the background images so the current tab looks different than others */
  background-image:url("../images/tabgifs/bnorm_right_on.gif");
  color:#000;
  padding-bottom:5px;
  }
  
/* these are for the links below the header - list of databases from aquafold pages */
#header_sub {
	float:left;
	width:100%;
    font-size:83%;
	line-height:normal;
	margin:-1px 0px 0px 0px; 
	background-color:#c3d9ff;
  }
#header_sub a {
  float:left;
  padding:5px 10px 4px 10px;/* this sets the padding around the individual subheader links, the database list in aquafold site */
  margin:0px 0px 0px 0px; 
  text-decoration:none;
  font-weight:bold;
  color:#000;
  background-color:#c3d9ff;
  }
#header_sub_empty { /* this is used on a nonbreaking space in front of an <a href> to keep the row heigh when nothing is below the tabs */
	float:left;
	display:block;
	width:100%;
    font-size:83%;
	line-height:normal;
	margin:-1px -10px 0px 0px;
	padding:5px 0px 4px 0px;
	background-color:#c3d9ff;
  }
/* END navigation for top tabs Dec 2007 */

/* BEGIN Lucida type settings used on index Dec 2007 */
.copy-lucida {
	font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	background-color:#fff;
	color:#666666;
	font-size: 12px;
	line-height:1.5em;
	}
.copy-lucida-category {
    font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	color:#000000;
	}
.copy-lucida-category2 {
    font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color:#000000;
	}
.category-images {
	float:left;
	width:200px;
	margin:12px 12px 12px 24px;
	}
img.left {
	float: left;
	margin: 0px 20px 10px 0;
	}
.style11 {
	color: #666666;
	}
.apphistyears {
	font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	}
.apphistoryl {
	font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
	color:#666666;
	}
.apphistoryl.a {
	font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
	color:#666666;
	}
.apphistoryd {
	font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#333333;
	}
/* END Lucida type settings used on index Dec 2007 */

/* BEGIN gradient fade right to lef Dec 2007 */
.gradientfade {
	background:url(../images/apphistfade.gif) repeat-y;
	}
/* unordered list on customers page Dec 2007 */
ul.customers {font-size:11px;list-style-image: url("../images/Qua_aquafold_listicon.gif");width:230px;}



/*Default Copy Style */
.hidden {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; margin-top:3px; margin-bottom:11px; margin-left:0px; margin-right:0px }
.copysmallsmall {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #3B3B3B; font-size: 11px; margin-top:3px; margin-bottom:3px; margin-left:0px; margin-right:0px }
.copysmall {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #3B3B3B; font-size: 12px; margin-top:3px; margin-bottom:11px; margin-left:0px; margin-right:0px }
.copy {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #3B3B3B; font-size: 13px; margin-top:3px; margin-bottom:11px; margin-left:0px; margin-right:0px }
.copymed {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #3B3B3B; font-size: 14px; margin-top:3px; margin-bottom:11px; margin-left:0px; margin-right:0px }
.copylarge {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #3B3B3B; font-size: 15px; margin-top:3px; margin-bottom:11px; margin-left:0px; margin-right:0px }
.copymedred {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 14px; margin-top:3px; margin-bottom:11px; margin-left:0px; margin-right:0px }
.copyheader {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #2778CB; font-size: 14px; margin-top:3px; margin-bottom:0px; margin-left:0px; margin-right:0px }
.copyheaderwhite {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 14px; margin-top:3px; margin-bottom:0px; margin-left:0px; margin-right:0px }
.copytitle {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #2778CB; font-size: 15px; font-weight: bold }
.copysmalltitle {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #2778CB; font-size: 15px; font-weight: bold }
.copysubtitle {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #2778CB; font-size: 15px }
.copyfooter {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; padding: 20px; }
.copydownload {  font-family: "Lucida Grande","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #3B3B3B; font-size: 13px }

p { margin-top:3px; margin-bottom:12px; margin-left:0px; margin-right:0px; }
p.topmarg { margin-top:12px; margin-bottom:8px; }
p.nobot { margin-top:2px; margin-bottom:0px; }
p.topmargnobot { margin-top:12px; margin-bottom:0px; }
p.nav { color:#FFFFFF; text-align:center; margin-top:8px; margin-bottom:12px; margin-left:3px; margin-right:3px; }
p.foot { font-size:9px; margin-top:3px; margin-bottom:3px; margin-left:3px; margin-right:3px; }
/* BEGIN REMOVED FOR AQUACLUSTER CSS TRIAL
a { color: #446185; text-decoration: none }
a:hover { text-decoration: underline }
a:visited { color: #446185; text-decoration: none }
a:visited:hover { text-decoration: underline }
END REMOVED FOR AQUACLUSTER CSS TRIAL*/

.copywhite {  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px }
.copywhiteB {  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold }

/*More Information Link Style */
.copy11 {  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px }

/* Section Headers Style */
.blueheader {  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #446185; font-size: 13px; font-weight: bold }
.whiteheader {  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; font-weight: bold }

.topics {  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 11px }
.topicsB {  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; font-weight: bold }
.topicsH {  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px}
a.topics { color: #CCCCCC; text-decoration: none }
a:hover.topics { color: #CCCCCC; text-decoration: underline }
a:visited.topics { color: #CCCCCC; text-decoration: none }
a:visited:hover.topics { color: #CCCCCC; text-decoration: underline }

h2 { font-size:13px; color:#2778CB; margin-left:0px; margin-right:0px; margin-top:3px; margin-bottom:0px; }


/* list items with blue bullet */
.listitem {
    line-height: 15px;
    font-size: 11px;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;
    font-weight: normal;
	color: #262626;
    margin-top:4px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px
}

.subtitle_body{
    background-image: url(images/subtitle_body.gif);
    background-repeat: repeat-x;
    color: #035AA4;
    font-size: 13px;
    font-weight: bold;
}

.subtitle_cap{
    height: 25px;
    width: 12px;
    background : url(images/subtitle_cap.gif);
}

/* commnon feature layout ----------------------------------------- */
#features {height: 350px;}
.featurelist li {
         font-family: "Lucida Grande", "Trebuchet MS", Verdana, arial;
         font-size: 86%;
         padding: 5px 0px 5px 0px;
         list-style-type: none;
         }
.featurelist li a:link, .featurelist li a:visited, .featurelist li a:hover {
         text-decoration: none;
         border-bottom: 1px solid #fff;
         display: block;
         padding: 0.5em 0 0 40px;
         height: 3em;
         }
/* end of commnon feature layout ----------------------------------------- */

.feature {
    line-height: 1.7em;
    margin-bottom: 2.5em;
    }

.feature span {display: none;}

.feature h3 {
    font-size: 86%;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0.3em 0.3em 0.3em 2.2em;
    margin-bottom: 1em;
    background: #F0F0F0 url(../img/bullet.gif) no-repeat 0.5em 0.4em;
	}

.feature img {
    border: 1px solid #555;
    margin-bottom: 5px;
    }

.feature img.nobottom {
    border: 1px solid #555;
    margin: 0px 3px 0px 3px;
    }

.feature img.screenshot {
    float: left;
    margin: 5px 25px 15px 0px;
    }

.outline
{
color: #000000;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial,helv;
font-size: 11px;
font-weight: normal;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-left-color:  #999999;
border-right-color:  #999999;
border-top-color:  #999999;
border-bottom-color:  #999999;
}

.outlinebubble
{
color: #000000;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial,helv;
font-size: 11px;
font-weight: normal;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 1px;
border-style: solid;
border-left-color:  #999999;
border-right-color:  #999999;
border-top-color:  #999999;
border-bottom-color:  #999999;
}

.outlinesection
{
color: #000000;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial,helv;
font-size: 11px;
font-weight: normal;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 1px;
border-style: solid;
border-left-color:  #999999;
border-right-color:  #999999;
border-top-color:  #999999;
border-bottom-color:  #999999;
}

.outlinesectioncorner
{
color: #000000;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial,helv;
font-size: 11px;
font-weight: normal;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 1px;
border-style: solid;
border-left-color:  #999999;
border-right-color:  #999999;
border-top-color:  #999999;
border-bottom-color:  #999999;
}

.outlinesectionnone
{
color: #000000;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial,helv;
font-size: 11px;
font-weight: normal;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-style: solid;
border-left-color:  #999999;
border-right-color:  #999999;
border-top-color:  #999999;
border-bottom-color:  #999999;
}