body {
      margin: 0;
      border: 0;
      font-family: sans-serif;
      background: #D0D0D0;
      color: black;
      text-align: center;
    }
    
		hr {
		  border: 0px;
		  border-top: 1px solid #A0A0A0;
		  border-bottom: 1px solid white;
		}
		
    em {
      font-weight: bold;
    }
    
    .header {
      position: relative;
      background: url(headerBack.png) #202020;/*#3040A0;*/
      height: 41px;
      padding-top: 9px;
      text-shadow: black 0px 1px 2px;
      color: white;
    }
    
    .headerText {
      font-size: 24px;
      font-weight: bold;
      padding-top: 0px;
    }
    
    #Chart {
      display: none;
    }
    
    #ChartImage {
      padding: 5px;
    }
    
    #Content {
      padding-top: 0px;
      color: black;
    }
    
    .button {
      display: inline;
      font-size: 19px;
      font-weight: bold;
      background: #FF8000;
      background-image: url(navBackground.png);
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      margin-left: 10px;
      margin-right: 10px;
      border-left: 1px solid #808080;
      border-right: 1px solid #000000;
      text-shadow: black 0px 1px 2px;
    }
    
    div.button:hover {
      opacity: 0.9;
    }
    
    #Charts {
    }
    
    #AddChart {
      background: url(blueGradient.png) bottom;
      padding-bottom: 10px;
      padding-top: 10px;
      border-top: 1px solid white;
      border-bottom:  1px solid black;
      color: white;
      font-weight: bold;
    }
    
    #ChartList {
      border: 1px solid gray;
      border-bottom: 0px;
      background: white;
      list-style-type: none;
      padding: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
    
    #ChartList li {
      text-align: left;
      padding-left: 20px;
      color: #000040;
      font-weight: bold;
      padding-top:8px;
      padding-bottom: 8px;
      border-bottom: 1px solid gray;
    }
    
    #Header2 {
      padding-top: 3px;
      background: url(navBackground.png) #3859FF;/*#4A4D5A;/*#3040A0;*/
      position: relative;
      height: 29px;
      font-size: 15px;
      font-weight: bold;      
      text-shadow: black 0px 1px 2px;
      color: white;
    }
    
    #HeaderText2 {
      overflow: hidden;
      white-space: nowrap;
      font-size: 20px;
      text-shadow: black 0px 1px 2px;
      padding-top: 10px;
      color: white;
    }
    
    #Data {
      display: none;
      /*background: #203060;/*#604030;*/
    }   
    
    .push {
      display: inline;
      position: absolute;
      width: 24px;
      height: 24px;
    }
    
    .addButton {
      background: url(addButton.png) no-repeat;
      left: 0px;
    }
        
    .removeButton {
      background: url(removeButton.png) no-repeat;
      left: 28px;
    }
        
    .upButton {
      background: url(upButton.png) no-repeat;
      right: 38px;
    }
        
    .downButton {
      background: url(downButton.png) no-repeat;
      right: 10px;
    }
    
    #Data li {
      position: relative;
      width: 100%;
    }
    
    #DataList {
      color: white;      
    }
    
    #DataList li {
      width: 100%;
      border-bottom: 1px solid #2A2D3A;
      border-top: 1px solid #6A6D7A;
      padding-top: 4px;
      padding-bottom: 4px;
      height: 24px;
    }
    
    .dataEntry {
      position: absolute;
      left: 56px;
      right: 66px;
    }
    
    input.dataEntry:focus {
      background: #FFFFC0;
    }
        
    #HistoryHelp {
      text-align: left;
      position: relative;
      width: 300px;
      margin-left: auto;
      margin-right: auto;
      font-size: 9px;
      color: #D0D0D0;
    }    
    
    #Help {
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 11px;
      text-align: left;
    }
        
    #More {
      padding-top: 40px;
      padding-left: 20px;
      padding-right: 20px;
      text-align: left;      
    }
    
    #More a {
      color: orange;
      font-weight: bold;
      text-decoration: none;
      text-shadow: black 0px 1px 2px;
    }
    
    #More li {
      padding-bottom: 10px;
    }
    
    #More a img {
      border: 0px;
      vertical-align: middle;
    }

		#Footer {
		  font-family: sans-serif;
		  font-size: 10px;
		  color: #202020;
		  padding-top: 40px;
		  padding-bottom: 40px;
		  clear: both;
		}
		
		#Footer a {
		  text-decoration: none;
		  font-weight: bold;
		  padding-right: 10px;
		  color: #202020;
		} 
		
		#Footer a:hover {
		  text-decoration: underline;
		  color: black;
		}
		
		#Footer a img {
		  border: 0px;
		}
		
    #EntryTemplate {
      display: none;
    }