body, html {
          font-family: verdana;
		  font-size: 12px;
          margin: 0;
          -webkit-font-smoothing: antialiased;
          font-weight: 100%;
}
.spotDatagrid{
		font-family: arial;
 	    font-size: 12px;
		background: #CCC;
		width: 100%;
		border: 1px solid #00008a;
}
	  
      .tabs input[type=radio] {
          position: absolute;
          top: -9999px;
          left: -9999px;
      }
      .tabs {
        width:100%;
		float: none;
        list-style: none;
        position: relative;
        padding: 0;
        margin: 5px auto;
      }
      .tabs li{
        float: left;
      }
      .tabs label {
		  display: block;
		  padding: 8px 5px;
          border-radius: 2px 2px 0 0;
          color: #00008a;
		  background: rgba(255,255,255,0.2);
          cursor: pointer;
      }
      .tabs label:hover {
        background: rgba(255,255,255,0.5);
        top: 0;
      }

       
      [id^=tab]:checked ~ [id^=tab-content] {
          display: block;
      }
      .tab-content{
        z-index: 10;
        display: none;
        width: 100%;
        line-height: 100%;
        padding-top: 8px;
		top: 25px;	
		position: absolute;
        left: 0;
        box-sizing: border-box;
      }