﻿html
{
	padding : 0.1%;
	background : url(/statics/images/bkgd_trfl.png) repeat rgba(16,231,220,0.1);
	height : 95%;
	width : 99%;
	font-family: calibri;
	color: white;
}

body
{
	position : relative;
	height : 92%;
	width : 90%;
	margin : auto;
	margin-top: 2%;
	padding : 2%;
	border : 1px white;
	border-radius : 5px/5px;
}

div {
	width: 100%;
	padding: 0% 0%;
}

h1
{
	background: #6CDAEE;
	font-size : 2em;
	position : center;

	text-align : center;
	vertical-align : bottom;
	width: 50%;
	margin: 1% auto;
	padding : 5% auto;
}

header
{
	text-align : center;
}

header img {
	position: fixed;
	display: none;
	width: 10%;
	right: 0%;
	top: 0%;
	opacity: 60%;
		-moz-opacity: 0.6;
		-webkit-opacity: 0.6;
		filter: alpha(opacity=60);
	filter : blur(5px);
	z-index: 1;
}

header:hover img {
	position: fixed;
	display: block;
}

img:hover {
	filter: blur(0px);
	width: 11%;
	right: 1%;
	top: 1%;
	border-radius: 5px;
}

h2
{
	padding : 2%;
	font-size : 2em;
}

h3
{
	font-size : 1.5em;
}

h1, h2, h3 {
	color: #0074E1;
}

.carousel {
	height: 80%;
	padding: 1%;
	border: 1px solid rgba(27,156,229,0.1);
}

.carousel-cell {
	height: 100%;
}

.time-card {
	background: rgba(27,156,229,0.2);
	color: #0074E1;
	margin: 0.2% auto;
	padding: 1%;
	width: 50%;
}

.carousel-cell .time-card:nth-child(2n) {
	background: rgba(110, 220, 240, 0.2);
}

.title{
	color: rgba(10,110,200,0.6);
}

.time-container {
	height: 90%;
	overflow: scroll;
}

a {
	color: #F79E02;
}

.a {
	color: #10E7DC;
}

.b {
	color: #0074E1;
}
.c {
	color: #1B9CE5;
}
.d {
	color: #6CDAEE;
}
.e {
	color: #F79E02;
}


.number {
	color: #F79E02;
	background: none;
	font-size: larger;
}


/*COLLAPSE*/
.detail .content {
	background: none;
}

.collapsible {
	background: rgba(235, 252, 255, 0.4);
	color: rgba(25, 150, 230, 0.9);
	cursor: pointer;
	padding: 0%;
	margin: 0%;
	height: 5%;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
}

.active, .collapsible:hover {
	background: rgba(79, 105, 121, 0.4);
	color: rgba(150, 230, 220, 0.9);

}

.content {
	padding: 1% auto;
	text-align: justify;
	display: none;
	height: 0%;
	width: 80%;
	background-color: #f1f1f1;
}