body { background-color: #C7CDD8; color: #333; font: normal normal 11px Verdana, Arial, sans-serif; }
input { background: #F3F4F5; color: #000; font: normal normal 9px Arial, sans-serif; }
h1    { color: #445D7E; font:  normal bold 13px Arial, sans-serif; margin-bottom: 4px; }
h2    { color: #000; font:  normal bold 13px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h3    { color: #006; font:  normal bold 13px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h4    { color: #C00; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h6    { color: #006; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
ol, ol ol, ol ol ol { color: #333; font: normal normal 12px Verdana, Arial, sans-serif; }
ul       { color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul    { color: #C00; font: normal normal 11px/14px Verdana, Arial, sans-serif; }
ul ul ul { color: #006; font: normal normal 10px/12px Verdana, Arial, sans-serif; }

/* Define include_top area */

.banner { color: #4A4D60; padding-bottom: 8px; padding-right: 7px; font: normal bold 16px Times, Times Roman, serif; 
	font-variant: small-caps; }

.top1 { background-image: url('../img/top2l.jpg'); color: #000; font: normal normal 11px Verdana, Arial, sans-serif;
	padding-left: 15px; padding-top: 10px; padding-right: 15px;}

.top1a { color: #000; font: normal normal 11px Verdana, Arial, sans-serif;
	line-height: 24px; }

.top1b { background-image: url('../img/top2lmini.jpg'); color: #000; font: normal normal 11px Verdana, Arial, sans-serif; }

.top1bs { background: #6E77A0; color: #FFF; font: normal bold 16px Verdana, Arial, sans-serif; }

/* Define top right banner */
.topbanner { background: #4A4D60; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; 
	     border-top: 1px solid #6D76A3; border-left: 1px solid #6D76A3; line-height: 20px; padding-top: 5px; }

.topbanner1 { background: #4A4D60; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; 
	      line-height: 20px; text-decoration: none; }

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

.topbanner1 a:hover   { color: #DAE1EC; text-decoration: underline; }

.topbanner2 { background: #4A4D60; color: #FFF; font: normal normal 9px Verdana, Arial, sans-serif; 
	      line-height: 20px; text-decoration: none;}

.topbanner2 a:link,
.topbanner2 a:visited { color: #FFF; text-decoration: none; }

.topbanner2 a:hover   { color: #DAE1EC; text-decoration: underline; }

/* Define doc sections */
.docfoldertitle0  { background: #F3F4F5; font: normal normal 18px Verdana, Arial, sans-serif; color: #4A4D60;  }
.docfoldertitle2  { background: #F3F4F5; font: normal normal 18px Verdana, Arial, sans-serif; color: #CF7633;  }
.docno            { color: #960000; font: normal normal 10px Verdana, Arial, sans-serif; }
.docdesc          { font: italic normal 10px Verdana, Arial, sans-serif; color: #7E798D; }

/* Define tree sections */
.treesideempty      { background: #E3E6EB; font: normal normal 11px Verdana, Arial, sans-serif; color: #FFF; text-align: left; }
.treeemptytxt       { font: normal normal 10px Verdana, Arial, sans-serif; color: #FFF; }
.treeboldemptytxt   { font: normal bold 10px Verdana, Arial, sans-serif; color: #FFF; }

.treeside1,
.treeside1 a:link,
.treeside1 a:active,
.treeside1 a:visited { background: #E3E6EB; 
                       font: normal normal 11px Verdana, Arial, sans-serif; color: #108510; text-decoration: none; text-align: left; }

.treeside1 a:hover   { color: #108510; text-decoration: underline overline; }

.treesideopen1       { background: #E3E6EB; font: bold 11px Verdana, Arial, sans-serif; color: #108510; text-align: left;}

.treeside2,
.treeside2 a:link,
.treeside2 a:active,
.treeside2 a:visited { background: #E3E6EB; 
                       font: normal normal 11px Verdana, Arial, sans-serif; color: #CF7633; text-decoration: none; text-align: left; }

.treeside2 a:hover   { color: #CF7633; text-decoration: underline overline; }

.treesideopen2       { background: #E3E6EB; font: bold 11px Verdana, Arial, sans-serif; color: #CF7633; text-align: left;}

.treeside0,
.treeside0 a:link,
.treeside0 a:active,
.treeside0 a:visited { background: #E3E6EB; 
                       font: normal normal 11px Verdana, Arial, sans-serif; color: #4A4D60; text-decoration: none; text-align: left; }

.treeside0 a:hover   { color: #4A4D60; text-decoration: underline overline; }

.treesideopen0       { background: #E3E6EB; font: bold 11px Verdana, Arial, sans-serif; color: #4A4D60; text-align: left; }

.treeside4,
.treeside4 a:link,
.treeside4 a:active,
.treeside4 a:visited { background: #E3E6EB; 
                       font: normal normal 11px Verdana, Arial, sans-serif; color: #CC0000; text-decoration: none; text-align: left; }

.treeside4 a:hover   { color: #CC0000; text-decoration: underline overline; }

.treesideopen4       { background: #E3E6EB; font: bold 11px Verdana, Arial, sans-serif; color: #990000; text-align: left;}

.treeside,
.treeside a:link,
.treeside a:active,
.treeside a:visited { background: #E3E6EB; 
                      font: normal normal 11px Verdana, Arial, sans-serif; color: #4A4D60; text-decoration: none; text-align: left; }

.treeside a:hover   { color: #4A4D60; text-decoration: underline overline; }

.treesideopen       { background: #E3E6EB; font: bold 11px Verdana, Arial, sans-serif; color: #4A4D60; }

.treemain      { background: #FFF; color: #333; font: normal normal 10px Verdana, Arial, sans-serif; }
.treemainno    { background: #FFF; color: #960000; font: normal normal 10px Verdana, Arial, sans-serif;
	         border: 1px solid #CCC; }
.treeupbox     { background: #E3E6EB; border: 1px solid #CCC; }
.treeup        { background: #E3E6EB; border-top: 1px solid #CCC; border-left: 1px solid #CCC;  border-right: 1px solid #CCC;  }
.treehighclear { background: #FFF; border: 1px solid #CCC; }
.treehighdark  { background: #E3E6EB; border: 1px solid #CCC; }
.treeupclear   { background: #FFF; border-top: 1px solid #CCC; border-left: 1px solid #CCC;  border-right: 1px solid #CCC; }

.treeuptitle   { background-image: url('../img/boxokh.gif'); color: #FFF; font: bold 12px Verdana, Arial, sans-serif; }
.treeuptitle2  { background-image: url('../img/boxongh.gif'); color: #FFF; font: bold 12px Verdana, Arial, sans-serif; }

.treemiddark   { background: #E3E6EB; border-left: 1px solid #CCC;  border-right: 1px solid #CCC;  }

.treemidclear  { background: #FFF; border-left: 1px solid #CCC;  border-right: 1px solid #CCC;  }
.treedownclear { background: #FFF;
                 border-bottom: 1px solid #CCC; border-left: 1px solid #CCC;  border-right: 1px solid #CCC;  }

.treeboxclear  { background: #FFF; border: 1px solid #CCC; }
.treeboxdark   { background: #E3E6EB; border: 1px solid #CCC; }
.treedowndark  { background: #E3E6EB;
                 border-bottom: 1px solid #CCC; border-left: 1px solid #CCC;  border-right: 1px solid #CCC;  }

.treetxt       { font: normal normal 10px Verdana, Arial, sans-serif; color: #000; }

.treeboldtxt,
.treeboldtxt a:link,
.treeboldtxt a:active,
.treeboldtxt a:visited { font: normal bold 10px Verdana, Arial, sans-serif; color: #000; text-decoration: none; }

.treeboldtxt a:hover   { color: #4A4D60; text-decoration: underline overline; }

.formtxt,
.formtxt a:link,
.formtxt a:active,
.formtxt a:visited { font: normal normal 12px Verdana, Arial, sans-serif; color: #000; text-decoration: none; 
                     text-align: left;}

.formtxt a:hover   { color: #4A4D60; text-decoration: underline overline; }

/* Define main sections */
.leftside { background-image: url('../img/leftsidebk.gif'); font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #000;  }
.leftsidebot { background: #FFF; font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #000; }
.main { background: #FFF; color: #333; font: normal normal 12px/15px Verdana, Arial, sans-serif; 
	padding: 10px; }

.mainstrat { background-image: url(../img/tete-strat.png); background-position: center center; background-repeat: no-repeat;
             color: #333; font: normal normal 12px/15px Verdana, Arial, sans-serif; }

.mainstrat a:link,
.mainstrat a:active,
.mainstrat a:visited { color: #333; font: normal normal 12px/15px Verdana, Arial, sans-serif; text-decoration: underline; }

.mainstrat a:hover   { color: #9EACBA; }

.rightside { background: #E3E6EB; font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #000; padding: 4px; }
.formpage { background: #F3F4F5; font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #000; padding: 10px; }
.formfield { background: #F3F4F5; font: normal normal 12px Verdana, Arial, sans-serif; 
	color: #000;  }

/* Define product page sections */
.productbox      { background: #F3F4F5; color: #333; font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	           padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	           border: 1px solid #CCC; }

.productboxtop   { background: #4A4D60; color: #FFF; font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	           padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	           border-top: 1px solid #CCC; border-left: 1px solid #CCC;  border-right: 1px solid #CCC;  }
.products        { background: #FFF; }

.productstop   { background: #FFF; color: #333; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC;
	         padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }

/* Define textbox area */

.textsimple   { background: #FFF; color: #333; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	        padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; }

.textbox           { background: #FFF; color: #333; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	             padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; 
	             border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;  border-right: 1px solid #CCC; }

.textbox a:link,
.textbox a:active,
.textbox a:visited { background: #FFF; color: #333; font: normal normal 11px/14px Verdana, Arial, sans-serif; text-decoration: underline; }

.textbox a:hover   { color: #9EACBA; text-decoration: underline; }


.textboxheader { background-image: url('../img/boxtop.gif'); color: #000; 
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.textformboxheader { background-image: url('../img/boxformtop.gif'); color: #000; 
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.textformbox { background: #FFF; color: #333; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; 
	border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;  border-right: 1px solid #CCC; }
.textform    { background: #FFF; color: #333; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;  border-right: 1px solid #CCC; }

.textalertebox { background: #FFF; color: #333; font: normal normal 11px/14px Verdana, Arial, sans-serif;
        padding-top: 5px; padding-bottom: 5px; }	

/* Define textatome area */

.textatome           { color: #FFF; font: italic bold 12px Arial, Verdana, sans-serif; }

.textatome a:link,
.textatome a:active,
.textatome a:visited { color: #FFF; font: normal bold 14px Arial, Verdana, sans-serif; 
	               text-decoration: underline; }

.textatome a:hover   { text-decoration: underline overline; }

/* Define horizontal rule */
HR { height:1px; width: 96%; background:#CCC; margin: 0% 2% 0% 2%; }

/* Define warning area */
.warner { background-image: url('../img/boxwarnh.gif'); color: #FFF; font: normal bold 12px Verdana, Arial, sans-serif; 
	  padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }

.warner a:link,
.warner a:visited { color: #FFF; text-decoration: none; }

.warner a:active  { color: #CCC; text-decoration: none; }

.warner a:hover   { color: #FFF; font: bold; text-decoration: underline;  }

/* Define valid area */
.valider { background-image: url('../img/boxokh.gif'); color: #FFF; font: normal bold 12px Verdana, Arial, sans-serif; 
	   padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }

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

.valider a:hover   { color: #FFF; font: bold; text-decoration: underline; }

/* Define footer area */
.docfooter { background: #4A4D60; color: #FFF; font: normal normal 10px Arial, sans-serif; line-height: 28px;}

.footer { background: #4A4D60; color: #FFF; font: normal normal 10px Arial, sans-serif; padding-left: 180px; line-height: 28px;}
 
.footer a:link,
.footer a:active,  { color: #CCC; text-decoration: none; }

.footer a:visited { color: #FFF; text-decoration: none; }

.footer a:hover   { color: #DAE1EC; text-decoration: underline; }

	
/* Define standard hyperlinks */
	
a:link,
a:active,
a:visited { color: #333; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }

a:hover { color: #4A4D60; text-decoration: underline overline; }

/* Define navigation buttons */

#navcontainer ul { margin: 0; padding: 0; list-style-type: none; margin-left: 7px;
                   font: normal normal 12px Arial, Verdana, sans-serif; text-align: center; }

#navcontainer li { margin: 0; }

#navcontainer a { display: block; width: 173px; height: 23px; line-height: 23px; 
                  background-image: url(../img/bt-wait.png); background-repeat: no-repeat }

#navcontainer a:link,
#navlist a:visited { color: #003333; text-decoration: none;  }

#navcontainer a:hover { background-image: url(../img/bt-up.png); background-repeat: no-repeat }

#active,
#active a:link,
#active a:visited,
#active a:hover { display: block; width: 173px; height: 23px; line-height: 23px;
                  background-image: url(../img/bt-down.png); background-repeat: no-repeat; }