/* $Id: pubchem_styles.css 353733 2012-02-18 13:57:56Z wangjiy $
 * ===========================================================================
 *
 *                            PUBLIC DOMAIN NOTICE
 *               National Center for Biotechnology Information
 *
 *  This software/database is a "United States Government Work" under the
 *  terms of the United States Copyright Act.  It was written as part of
 *  the author's official duties as a United States Government employee and
 *  thus cannot be copyrighted.  This software/database is freely available
 *  to the public for use. The National Library of Medicine and the U.S.
 *  Government have not placed any restriction on its use or reproduction.
 *
 *  Although all reasonable efforts have been taken to ensure the accuracy
 *  and reliability of the software and data, the NLM and the U.S.
 *  Government do not and cannot warrant the performance or results that
 *  may be obtained by using this software or data. The NLM and the U.S.
 *  Government disclaim all warranties, express or implied, including
 *  warranties of performance, merchantability or fitness for any particular
 *  purpose.
 *
 *  Please cite the author in any work or product based on this material.
 *
 * ===========================================================================
 *
 * Author:  Jian Zhang
 *
 *
 */

.SMALL2 {font-size:10pt; font-family: Verdana, Arial, Helvetica, sans-serif;  }

.tabletext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #666666}

.tableHeading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #996666}

.tableText2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FFFFFF}

.tableText3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #333333}

.table4black {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; color: #333333}

.bordercolor {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; color: #333333;  background : #E0EEEE; }

.regulartext { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 14px; color:#666666; }

.originaltext { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 100%; color:#666666; }

.smalltext { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 11px; color:#777777; }

.titletext { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 24px; color:#666666; }
.btitletext { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-weight:600; font-size:19px; color:#666666;background-color: #ffffff; }
/*li.MsoNormal {mso-style-parent:""; margin-bottom:.0001pt; font-size:14px; font-family:"Times New Roman"; margin-left:0in; margin-right:0in; margin-top:0in} */

.graphheadingtext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; font-variant: normal; color: #666666}

.graphheadingbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: bold; font-variant: normal; color: #666666}

.graphtitle { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 1.3em; font-style: normal; font-weight: bold; font-variant: normal; color: #666666}

.graphsubtitle { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 1.1em; font-style: normal; font-weight: bold; font-variant: normal; color: #666666}

.inputform {background-color : #FFFFFF; border-width : 1pt; border-style : groove; font-size : 9pt; font-family : Arial; color : black; border-color : #336699;}

.redhead {color: red; }


.entrez {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; vertical-align: text-top}

.homepageLink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none}
A.homepageLink:link {text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #666666; }
A.homepageLink:hover {text-decoration: underline; font-family: Verdana, Arial, Sans-serif; font-size: 11px; color:#336699; }

.CheckLink {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none}
A.CheckLink:link {text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 10px; font-weight: bold; color: #666666; }
A.CheckLink:active {text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 10px; font-weight: bold; color: #666666; }
A.CheckLink:visited {text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 10px; font-weight: bold; color: #666666; }
A.CheckLink:hover {text-decoration: underline; font-family: Verdana, Arial, Sans-serif; font-size: 10px; color:#336699; font-weight: bold;}

.HELPBAR  {text-decoration: none;font-size: 13px;color: #999999;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }

.HELPBAR A {text-decoration: none;font-size: 13px;color: #587DA1;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }

.HELPBAR A:hover {text-decoration: none;font-size: 13px;color: #D9E3EE;background-color: #336699; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }

/*
A.HELPBAR  {text-decoration: none;font-size: 12.1px;color: #999999;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }

A.HELPBAR:Link {text-decoration: none;font-size: 18px;color: #003366;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }

A.HELPBAR:hover {text-decoration: none;font-size: 12px;color: #FFFFFF;background-color: #336699;  }
*/

A.MainMenuFont:link { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 12px; color:#336699; }
A.MainMenuFont:visited { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 12px;  color:#336699; }
A.MainMenuFont:active { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 12px;  color:#336699; }
A.MainMenuFont:hover { text-decoration: none; color:white; background-color: #336699; font-family: Verdana, Arial, Sans-serif; font-size: 12px; }

A:link { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 100%; color:#0056CC; }
A:visited { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 100%;  color:#0056CC; }
A:active { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 100%;  color:#00994E; }
A:hover { text-decoration: none; color:black;  font-family: Verdana, Arial, Sans-serif; font-size: 100%; color:#00994E;}

/* MbuttonA .. used for timeframe buttons in center bar and vertical pages */
div#MbuttonA {font-weight: bold; margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;}

/*div#MbuttonA a{text-decoration: none;color: #FFFFFF;font-size:12px;font-weight: bold;width: 110px; 
  display: block;border-width: 2px;padding:3px 2px 3px 2px;margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #4477aa;  border-style: solid;  border-bottom-color: #005782; border-right-color: #005782;  
  border-left-color: #99ccff; border-top-color: #77aadd;}*/
div#MbuttonA a{text-decoration: none;color: #FFFFFF;font-size:12px;width: 110px; 
  display: block;border-width: 2px;padding:3px 2px 3px 2px;margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold; color: #003366;  background-color: #D9E3EE;  border-style: solid;
  border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}

div#MbuttonA a:link {color: #FFFFFF;font-size:12px; font-weight: bold; background-color: #5588bb; border-style: solid;
  border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
div#MbuttonA a:visited {color: #FFFFFF;font-weight: bold;background-color: #4477aa;border-style: solid; border-bottom-color: #005782;
  border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
div#MbuttonA a:hover {font-weight: bold; color: #003366;  background-color: #D9E3EE;  border-style: solid;
  border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}
div#MbuttonA a:active {font-weight: bold; color: #FFFFFF; background-color: #4477aa;border-style: solid;
  border-bottom-color: #005782; border-right-color: #005782;border-left-color: #77aadd; border-top-color: #77aadd;}
.Mselected{color: #000000;text-decoration: none;width: 90%;display: block;border-width: 2px;padding:2px 0px 2px 0px;
  font-size:11px;font-weight: bold;background-color: #336699;border-style: solid;border-bottom-color: #005782;  
  border-right-color: #005782;  border-left-color: #77aadd; border-top-color: #77aadd;}
/*.lapNavBar{ background-color:#336699;}*/


/* used for timeframe buttons in center bar and vertical pages */
.btb1 {margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;}
.btb1 a{text-decoration: none;color: #FFFFFF;font-size:12px;width: 96px;  display: block;border-width: 2px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #4477aa; border-style: solid;  border-bottom-color: #005782;
  border-right-color: #005782;  border-left-color: #77aadd; border-top-color: #77aadd;}
.btb1 a:link {color: #FFFFFF;font-size:12px; background-color: #4477aa; border-style: solid;  border-bottom-color: #005782;
  border-right-color: #005782;  border-left-color: #77aadd; border-top-color: #77aadd;}
.btb1 a:visited {font-size:12px;color: #FFFFFF;font-weight: normal;background-color: #4477aa;border-style: solid; 
  border-bottom-color: #005782; border-right-color: #005782;border-left-color: #77aadd; border-top-color: #77aadd;}
.btb1 a:hover {font-weight: bold; color: #003366; background-color: #D9E3EE;  border-style: solid;  
  border-bottom-color: #77aadd; border-right-color: #77aadd;  border-left-color: #D9E3EE; border-top-color:#005782; }
.btb1 a:active {font-size:12px;font-weight: bold; color: #FFFFFF; background-color: #4477aa;border-style: solid;
  border-bottom-color: #005782; border-right-color: #005782;border-left-color: #77aadd; border-top-color: #77aadd;}


.expbt {margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF; font-weight: bold;}
.expbt a{text-decoration: none;color: #FFFFFF;font-size:13px;width: 96px; height:; display: block;border-width: 2px; padding:6px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #4477aa; border-style: solid;  border-bottom-color: #005782;  font-weight: bold;
  border-right-color: #005782;  border-left-color: #77aadd; border-top-color: #77aadd;}
.expbt a:link {color: #FFFFFF;font-size:13px; background-color: #4477aa; border-style: solid;  border-bottom-color: #005782;
  border-right-color: #005782;  border-left-color: #77aadd; border-top-color: #77aadd;}
.expbt a:visited {font-size:13px;color: #FFFFFF;font-weight: normal;background-color: #4477aa;border-style: solid;  font-weight: bold; 
  border-bottom-color: #005782; border-right-color: #005782;border-left-color: #77aadd; border-top-color: #77aadd;}
.expbt a:hover {color: #003366; background-color: #D9E3EE;  border-style: solid;   font-weight: bold; 
  border-bottom-color: #77aadd; border-right-color: #77aadd;  border-left-color: #005782; border-top-color:#005782; }
.expbt a:active {font-size:13px; color: #FFFFFF; background-color: #4477aa;border-style: solid;
  border-bottom-color: #005782; border-right-color: #005782;border-left-color: #77aadd; border-top-color: #77aadd;}


/*.btbplain{font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366;font-size:12px;font-weight:bold;
  width:68px; display: block; border-width: 2px; border-style: solid;text-align: center;
  border-bottom-color: #77aadd; border-right-color: #D9E3EE;  border-left-color: #336699;
  border-top-color: #005782; background-color: #D9E3EE; vertical-align: middle;}*/

.btbplain{text-decoration: none;color: #003366;font-size:12px;font-weight: bold; width:68px; height:38px; display: block;
  border-width: 2px; padding:3px 0px 3px 0px;margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; border-style: solid;
  border-bottom-color: #77aadd; border-right-color: #D9E3EE;  border-left-color: #336699;
  border-top-color: #005782; background-color: #D9E3EE; vertical-align: middle;} 


.dbar { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;}
.dbar a{text-decoration: none;color: #003366;font-size:13px; width: 180px; 
    display: block;border-width: 1px;padding:3px 2px 3px 2px;margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #eeeeee; border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
.dbar a:link {color: #003366;font-size:13px; background-color: #eeeeee; border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
.dbar a:visited {color: #003366;font-weight: normal;background-color: #eeeeee;border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
.dbar a:hover {font-weight: bold; color: #ffffff; background-color: #336699;  border-style: solid;
    border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}
.dbar a:active {color: #003366; background-color: #4477aa;border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;border-left-color: #77aadd; border-top-color: #77aadd;}
.dselected{font-weight: bold; font-size:11px; color: #ffffff; background-color: #336699;  border-style: solid;
    display: block;border-width: 1px;padding:3px 2px 3px 2px;margin: 0px; 
    border-bottom-color: #ffffff; border-right-color: #77aadd;  border-left-color: #116688; border-top-color: #005782;}

.distree { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;}
.distree a{text-decoration: none;color: #003366;font-size:12px; width: 260px; 
    border-width: 1px; text-align: center; display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #eeeeee; border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
.distree a:link {color: #003366;font-size:12px; background-color: #eeeeee;  border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
.distree a:visited {color: #003366;font-weight: normal;background-color: #eeeeee;border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
.distree a:hover {font-weight: bold; color: #ffffff;  background-color: #336699;  border-style: solid;
    border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}
.distree a:active {color: #003366;  background-color: #4477aa;border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;border-left-color: #77aadd; border-top-color: #77aadd;}
.dselected{font-weight: bold; font-size:11px; color: #ffffff; background-color: #336699;  border-style: solid;
    display: block;border-width: 1px;padding:3px 2px 3px 2px;margin: 0px; 
    border-bottom-color: #ffffff; border-right-color: #77aadd;  border-left-color: #116688; border-top-color: #005782;}

.btitle {font-weight: bold; margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF; 
         text-decoration: none; font-size:15px;width: 500px; height: 20px; background-color: #aaaaaa; }
.ctitle {width: 20px; height: 20px; background-color: #bbbbbb;}

.subd a {margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #0056cc; 
         text-decoration: none; border-width: 0px; }
    /* border-bottom-color: #005782;  border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}*/
    /*border-bottom-color: #cccccc; border-right-color: #cccccc;  border-left-color: #cccccc; border-top-color: #cccccc }*/
.subd a:link {color: #0056cc;}
.subd a:hover {color: #00994E;  background-color: #cccccc;}

.pcsearchbar {text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 13px; color:#666666; 
              font-size:13px; position: absolute; top: 124; left: 440;}


.revoke {text-decoration: none;color: #777777;font-size:14px; font-weight: bold; 
        position: absolute; top: 180; left:-80; width:360px; 
    display: block;border-width: 1px;padding:6px 6px 6px 6px;margin: 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #eeeeee; border-style: solid;
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}

.div30 {font-family: Verdana, Arial, Helvetica, sans-serif;Position: relative; left: 30px;background-color: #fbfbfb; width: 580px}

.small7 {font-size:50%; font-family: Verdana, Arial, Helvetica, sans-serif; }

.assayresultheader1 { background-color:#EEEEEE; border-style: solid; border-width: 2px;border-bottom-color: #CCCCCC;border-right-color: #CCCCCC;border-left-color: #F6F6F6;border-top-color:#F6F6F6;} 

/*.assayresultheader { text-align: center; height:100%;display: block;border-width: 2px;padding:1px 1px 1px 1px; 
       margin: 0px; border-style: solid; border-width: 2px;
       border-bottom-color: #CCCCCC;border-right-color: #CCCCCC;border-left-color: #F6F6F6;
       border-top-color:#F6F6F6;} 
*/
.assayresultheader  { vertical-align:text-top ; height:100%;text-align: center; height:100%;display: block;border-width: 2px;
       margin: 0px; border-style: solid; border-width: 2px; background-color: #F2F2F2;
       border-bottom-color: #CCCCCC;border-right-color: #CCCCCC;border-left-color: #F6F6F6;
       border-top-color:#F6F6F6;} 
.assayresultheader a {  height:100%;display: block;border-width:0px; border-style: solid; background-color: #F2F2F2;}
.assayresultheader a:hover { height:100%;display: block;border-width:0px; border-style: solid;background-color: #e2e2FF;}

.assayresultheaderz  { height:100%;text-align: center; height:100%;display: block;border-width: 2px;
       margin: 0px; border-style: solid; border-width: 2px; background-color: #F2F2F2;
       border-bottom-color: #CCCCCC;border-right-color: #CCCCCC;border-left-color: #E0F0FF;
       border-top-color:#F6F6F6;} 
.assayresultheaderz a {  height:100%;display: block;border-width:0px; border-style: solid; background-color: #E0F0FF;}
.assayresultheaderz a:hover { height:100%;display: block;border-width:0px; border-style: solid;background-color: #e2e2FF;}


.assayresultheaderx  { height:100%;text-align: center; height:100%;display: block;border-width: 2px;
       margin: 0px; border-style: solid; border-width: 2px; background-color: #F0F0F0;
       border-bottom-color: #CCCCCC;border-right-color: #CCCCCC;border-left-color: #F6F6F6;
       border-top-color:#F6F6F6;} 

.assayfilter { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 90%; color:#666666;display: block;border-style: solid; border-width: 1px;padding:4px 4px 4px 4px;margin: 3px;background-color:#F6F6F6; position:relative;left:30px;width:580px; text-align:left; border-bottom-color: #C0C0C0;border-right-color: #C0C0C0;border-left-color: #C0C0C0;border-top-color:#C0C0C0;}

.assayfilter1 { background-color:#EEEEEE; position:relative;left:30px;width:400px; text-align:left; border-style: solid; border-width: 1px;border-bottom-color: #C0C0C0;border-right-color: #C0C0C0;border-left-color: #F6F6F6;border-top-color:#F6F6F6;}

.graphbox { text-decoration: none; font-family: Verdana, Arial, Sans-serif; font-size: 100%; color:#666666;display: inline;border-style: solid; border-width: 1px;padding:4px 4px 4px 4px;margin: 3px;background-color:#F6F6F6; position:relative;left:30px; text-align:left; border-bottom-color: #C0C0C0;border-right-color: #C0C0C0;border-left-color: #C0C0C0;border-top-color:#C0C0C0;}

.graphbutton { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;color: #0056CC; width: 120px; height: 60%;
    text-align: center; font-size: 0.9em; font-weight: bold; 
    background-color: #eeeeee; border-style: solid;border-width: 2px; 
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}

.graphbutton:hover {font-weight: bold; color: #ffffff;  background-color: #336699;  border-style: solid;
    border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}

.span200 a { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;color: #0056CC;width: 120px; height:20px; font-size: 12px;
    text-align: center; display: block; 
    background-color: #eeeeee; border-style: solid;border-width: 2px; 
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
    
.span200 a:hover {color: #ffffff;  background-color: #336699;  border-style: solid; font-size: 12px;
    border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}
    
    
.span201 a { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;color: #ffffff;width: 110px; font-size: 12px;
    text-align: center; display: block; font-weight:bold;
    background-color: #6789ab; border-style: solid;border-width: 2px; 
  border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}    

.span201 a:hover {color: #0056CC;  background-color: #eeeeee;  border-style: solid; font-size: 12px;font-weight:bold;
     border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}

.span100 { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif; white-space: no-wrap; 
    text-decoration: none;color: #666666;height: 20px; font-size: 14px;
    text-align: center; font-weight:normal;}    

.span100 a { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;color: #005782; height: 20px; font-size:14px;text-align: center;}    
.span100 a:hover {color: #fff;  background-color: #597ca4;font-size:14px;}

.span101 { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif; white-space: no-wrap;
    text-decoration: none;color: #666666; height:20px; font-size: 16px;
    text-align: center; font-weight:bold;
    background-color: #fff;}    

.span102 a { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;color: #0056CC;width:80px; font-size: 12px;
    text-align: center; 
    background-color: #eeeeee; border-style: solid;border-width: 1px; 
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
    
.span102 a:hover {color: #ffffff;  background-color: #336699;  border-style: solid; font-size: 12px;
    border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}

.span103 a { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;color: #0056CC;width:220px; font-size: 12px;
    text-align: center; 
    background-color: #eeeeee; border-style: solid;border-width: 1px; 
    border-bottom-color: #005782; border-right-color: #005782;  border-left-color: #99ccff; border-top-color: #77aadd;}
    
.span103 a:hover {color: #ffffff;  background-color: #336699;  border-style: solid; font-size: 12px;
    border-bottom-color: #77aadd; border-right-color: #6699cc;  border-left-color: #116688; border-top-color: #005782;}

.clusterpopup span, .heatmappopup span{
  position: absolute;
  background-color: lightyellow;
  padding: 2px;
  left: -1000px;
  border: 1px solid black;
  visibility: hidden;
  font-family: Times; 
  color: #666666;
}

/*
.clusterpopup:hover span{
  visibility: visible;
  left: 120px;
}

.heatmappopup:hover span{
  visibility: visible;
  left: 250px;
}
*/

.stitle { margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;color: #666666; width: ; height:24px; font-size: 16px;
    text-align: left; display: block; font-weight:bold;
    background-color: #EEEEEE; border-style: solid;border-width: 1px; 
    border-bottom-color: #F6F6F6; border-right-color: #F6F6F6;  border-left-color: #F6F6F6; border-top-color: #888888;}

.indenttext {margin-left: 40px}
.box {border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; padding: 5px;}

.white1 {border:solid 1px fff;}
.downloadgrey {background: #888; border: solid 1px; border-color: #ccc #444 #444 #ccc; color: #fff; font-weight: bold; padding:2px 6px;}
.downloadgrey:hover {background: #999; border-color: #444 #ccc #ccc #444;}

.cmap {cursor:pointer; position:absolute; z-index:1; background: #FFF; opacity:0.0; filter:alpha(opacity = 0);}

.claunchmap {position:absolute; background: #FFF; opacity:0.0; filter:alpha(opacity = 0);}