#page-wrap {
	margin: 50px;
}
p {
	margin: 20px 0; 
}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/

.table_schedule { 
		width: 100%; 
		border-collapse: collapse;
	}
	/* Zebra striping */
	.table_schedule tr:nth-of-type(odd) { 
		 
	}
	.table_schedule th { 
		font-weight: bold; 
		
	}
	.table_schedule td, .table_schedule th {
	text-align: left;
	font-size:16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
		@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		.table_schedule table, .table_schedule thead, .table_schedule tbody, .table_schedule th, .table_schedule td, .table_schedule tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.table_schedule thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.table_schedule tr { border: 1px solid #eaeaea; }
		
		.table_schedule td { 
			/* Behave  like a "row" */
			border: none;
			position: relative;
			padding-left: 50%; 
			height:45px;
			padding-top:12px;
		}
		
		.table_schedule td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 20px;
			left: 20px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.table_schedule td:nth-of-type(1):before { content: "Date"; }
		.table_schedule td:nth-of-type(2):before { content: "Time"; }
		.table_schedule td:nth-of-type(3):before { content: "Stadium"; }
		.table_schedule td:nth-of-type(4):before { content: "Team"; }
		.table_schedule td:nth-of-type(5):before { content: ""; }
		.table_schedule td:nth-of-type(6):before { content: "V/S"; }
		.table_scheduletd:nth-of-type(7):before { content: "Team"; }
		.table_schedule td:nth-of-type(8):before { content: ""; }
	}
	
	
	.table_latest { 
		width: 100%; 
		border-collapse: collapse;
	}
	/* Zebra striping */
	.table_latest tr:nth-of-type(odd) { 
		 
	}
	.table_latest th { 
		font-weight: bold; 
		
	}
	.table_latest td, .table_schedule th {
	text-align: left;
	font-size:16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
	padding-top: 4px;
	padding-bottom: 4px;
	}
	
		@media 
	only screen and (max-width: 480px){
	
		/* Force table to not be like tables anymore */
		.table_latest table, .table_latest thead, .table_latest tbody, .table_latest th, .table_latest td, .table_latest tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.table_latest thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.table_latest tr { border: 1px solid #eaeaea; }
		
		.table_latest td { 
			/* Behave  like a "row" */
			border: none;
			position: relative;
			padding-left: 50%; 
			height:45px;
			padding-top:12px;
		}
		
		.table_latest td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 20px;
			left: 20px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.table_latest td:nth-of-type(1):before { content: "Date"; }
		.table_latest td:nth-of-type(2):before { content: "Team"; }
		.table_latest td:nth-of-type(3):before { content: ""; }
		.table_latest td:nth-of-type(4):before { content: "V/S"; }
		.table_latest td:nth-of-type(5):before { content: "Team"; }
		.table_latest td:nth-of-type(6):before { content: ""; }
	}
	
#chartdiv {
	width	: 100%;
	height	: 670px;
}

.map-marker {
    /* adjusting for the marker dimensions 
    so that it is centered on coordinates */
    margin-left: -8px;
    margin-top: -8px;
}
.map-marker.map-clickable {
    cursor: pointer;
}
.pulse {
		width: 10px;
		height: 10px;
		border: 5px solid  #FF0000;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		background-color: #716f42;
		z-index: 10;
		position: absolute;
	}
.map-marker .dot {
		border: 20px solid #FF0000;
		background: transparent;
		-webkit-border-radius: 160px;
		-moz-border-radius: 160px;
		border-radius: 160px;
		height: 120px;
		width: 120px;
		-webkit-animation: pulse 3s ease-out;
		-moz-animation: pulse 3s ease-out;
		animation: pulse 3s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		position: absolute;
		top: -70px;
		left: -70px;
		z-index: 1;
		opacity: 0;
	}
	@-moz-keyframes pulse {
	 0% {
	   	-moz-transform: scale(0);
	   	opacity: 0.0;
	 }
	 25% {
	   	-moz-transform: scale(0);
	   	opacity: 0.1;
	 }
	 50% {
	   	-moz-transform: scale(0.1);
	   	opacity: 0.3;
	 }
	 75% {
	   	-moz-transform: scale(0.5);
	   	opacity: 0.5;
	 }
	 100% {
	   	-moz-transform: scale(1);
	   	opacity: 0.0;
	 }
	}
	@-webkit-keyframes "pulse" {
	 0% {
	    -webkit-transform: scale(0);
	   	opacity: 0.0;
	 }
	 25% {
	    -webkit-transform: scale(0);
	   	opacity: 0.1;
	 }
	 50% {
	    -webkit-transform: scale(0.1);
	   	opacity: 0.3;
	 }
	 75% {
	    -webkit-transform: scale(0.5);
	   	opacity: 0.5;
	 }
	 100% {
	    -webkit-transform: scale(1);
	   	opacity: 0.0;
	 }
	}