@charset "utf-8";

@font-face {
	font-family: MyFont;
	src: url(fonts/SourceSansPro-Regular.otf);
}

table {
	margin: 0 auto;
}

table, th, td {
	border-collapse: collapse;
	border: 0px solid #ccc;
	font-family: MyFont, sans-serif;
	font-size: 15px;
	line-height: 1.2em;
	
	text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}

.head {
	background: #70d4f9; /* Old browsers */
	#background: -moz-linear-gradient(top, rgba(206, 220, 231, 1) 0%,
		rgba(89, 106, 114, 1) 100%); /* FF3.6+ */
	#background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(206,
		220, 231, 1)), color-stop(100%, rgba(89, 106, 114, 1)));
	/* Chrome,Safari4+ */
	#background: -webkit-linear-gradient(top, rgba(206, 220, 231, 1) 0%,
		rgba(89, 106, 114, 1) 100%); /* Chrome10+,Safari5.1+ */
	#background: -o-linear-gradient(top, rgba(206, 220, 231, 1) 0%,
		rgba(89, 106, 114, 1) 100%); /* Opera 11.10+ */
	#background: -ms-linear-gradient(top, rgba(206, 220, 231, 1) 0%,
		rgba(89, 106, 114, 1) 100%); /* IE10+ */
	#background: linear-gradient(to bottom, rgba(206, 220, 231, 1) 0%,
		rgba(89, 106, 114, 1) 100%); /* W3C */
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7',
		endColorstr='#596a72', GradientType=0); /* IE6-9 */
}

.head th {
	color: #000;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2em;
	
	padding:5px;
}

.head th {
	color: #000;
	font-size: 15px;
	line-height: 1.2em;
	
	padding:5px;
}


.satu {
	background-color: #fff;
}

.dua {
	background-color: #f1f1f1;
}

.merah {
	background-color: #ffaeae;
}
.kuning {
	background-color: #f5ffae;
}

.satu:hover, .dua:hover, .merah:hover {
	background-color: #BADFFE;
	font-weight: bold;
	cursor: pointer;
}