@charset "utf-8";
/* CSS Document */
/* TOOLS: =Tabs
----------------------------------------------- */
ul li{
	font:small Arial, Helvetica, sans-serif;
}

#tools {
  position:relative;
  z-index:0;
  float:left;
  width:100%;
  margin:0 0 12px;
  }
#tools h2 {
  position:absolute;
  left:-9999px;
  width:50px;
  text-indent:-9999px;
  }
#tabs {
  float:left;
  width:100%;
  margin:0;
  padding:0;
  font-size:100%;
  line-height:1.5em;
  font-family:Arial,Tahoma,Verdana,Sans-serif;
  font-weight:normal;
  list-style:none;
  }
#tabs li {
  background:url("../images/tabr.gif") no-repeat 98% 0;
  float:left;
  position:relative;
  z-index:5;
  margin:0;
  margin-right:-5px;
  padding:0 24px 0 0;
  border-bottom:1px solid #0C5E64;
  }
#tabs li a {
  background:#4B7477 url("../images/tabl.gif") no-repeat 0 0;
  float:left;
  padding:5px 0px 5px 10px;
  margin:0;
  height:1em;
  line-height:1em;
  text-decoration:none;
  font-weight:normal;
  color:#fff;
  }
#tabs li.hover {
  cursor:pointer;
  }
#tabs li.hover, #tabs li.focus {
  background-position:98% -120px;
  }
#tabs li.hover a, #tabs li.focus a {
  background-position:0 -120px;
  text-decoration:none;
  }
#tabs li.focus {
  z-index:10;
  }
#tabs li.focus a {
  cursor:default;
  text-decoration:none;
  }

li#tab1 a.hover, li#tab1 a.focus {
  background-color:#0B5E64;
  text-decoration:none;
  }
li#tab2 {
  background-image:url("../images/tabr2.gif");
  left:-10px;
  z-index:4;
  border-bottom-color:#CAD8D8;
  }
li#tab2 a {
  background-image:url("../images/tabl2.gif");
  text-decoration:none;
  }
li#tab2 a.hover, li#tab2 a.focus {
  background-color:#CAD8D8;
  color:#244;
  text-decoration:none;
  }
li#tab3 {
  background-image:url("../images/tabr3.gif");
  left:-20px;
  z-index:3;
  border-bottom-color:#376389;
  }
li#tab3 a {
  background-image:url("../images/tabl3.gif");
  text-decoration:none;
  }
li#tab3 a.hover, li#tab2 a.focus {
  background-color:#376389;  
  text-decoration:none;
  }
li#tab4 {
  background-image:url("../images/tabr4.gif");
  left:-30px;
  z-index:2;
  border-bottom-color:#dda;
  }
li#tab4 a {
  background-image:url("../images/tabl4.gif");
  text-decoration:none;
  }
li#tab4 a.hover, li#tab4 a.focus {
  color:#221;
  background-color:#dda;
  text-decoration:none;
  }


/* TOOLS: =Boxes
----------------------------------------------- */
div.tool {
  background:#0B5E64 url("../images/bg-tools1.jpg") repeat-x 50% 100%;
  float:left;
  position:relative;
  z-index:6;
  width:512px;
  min-height:12.5em;
  margin:-1px -3px 0 0;
  padding:.5em 10px .5em 9px;
  border-top:1px solid #64A3A7;
  border-left:1px solid #64A3A7;
  color:#acc;
  }
/* IE does not support min-height, but it treats height as min-height.
   So we serve the height property only to IE by using the star hack */
* html div.tool {
  height:12.5em;
  }
div.tool a {
  color:#fff;
  text-decoration:none;
  }
div.tool label {
  color:#bdd;
  }
#tool2 {
  background-color:#CAD8D8;
  border-top-color:#E1E9E9;
  border-left-color:#E1E9E9;
  color:#233;
  }
#tool2 a {color:#045;text-decoration:none;}
#tool2 label {color:#455;}
#tool3 {
  background-color:#376389;
  border-top-color:#79A0B8;
  border-left-color:#79A0B8;
  color:#bde;
  }
#tool3 a {color:#fff;text-decoration:none;}
#tool3 label {color:#bcd;}
#tool4 {
  background-color:#dda;
  border-top-color:#E7E7C2;
  border-left-color:#E7E7C2;
  color:#221;
  }
#tool4 a {color:#442;text-decoration:none;}
#tool4 label {color:#665;}
#tool4 h3, #tool4 strong {
  color:#332;
  }
#tool4 h3 {
  border-bottom:1px solid;
  border-color:#bb8;
  font-family:Tahoma,Verdana,Sans-serif;
  font-weight:normal;
  }

#tool1 a:visited {
  color:#fff;
  } 
#tool2 a:visited {
  color:#045;
  } 
#tool3 a:visited {
  color:#fff;
  } 
#tool4 a:visited {
  color:#442;
  }