#chartdiv {
	width	: 100%;
	height	: 500px;
}

#charttabul p {
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    color: rgb(62, 62, 62);
    margin: 18px;
}

#charttabul {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    padding: 7px 11px;
}

#charttabli1, #charttabli2 {
    float: left;
    background-color: rgb(200,200,200);
    padding: 0px 19px;
    margin: 5px 2px 5px 0px;
    color: black;
    list-style: none;
}

#charttabli1:hover, #charttabli2:hover, #charttabli1:hover a, #charttabli2:hover a {
		background-color: #337ab7;
		color:white;
	}
	#charttabli1 a, #charttabli2 a {
		text-decoration: none;
		color: white;
		font-size: 14px;
		font-style: italic;
		text-shadow: 1px 0px 3px rgb(157, 157, 157);
        
	}
	#charttabli1 { border-radius: 4px 0px 0px 4px; margin-left: 1px;}
	#charttabli2 { border-radius: 0px 4px 4px 0px;}
	#charttabul .active {
		background-color: #337ab7;
        border-color: #2e6da4;
	}


#chartdiv {
    border-radius: 5px;
    border: solid 1px rgb(198, 198, 198);
    background-color: rgb(248,248,248);
}

#griddiv {
    overflow: auto;
    height: 500px;
    width: 100%;
}

#griddiv .table {
    border-radius: 5px;
    border: solid 1px rgb(198, 198, 198);
    background-color: rgb(248,248,248);
}


.pulsatingBullet {
  -webkit-animation: am-pulsating 5s ease-out infinite;
  animation: am-pulsating 5s ease-out infinite;
}
@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 10px;
  }
}
@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 10px;
  }
}