/* ---------------------------------------- */
/* Calendar Browse: 
------------------------------------------- */

#timetable {background: white;}
/* #header_bar {background: gray;} */
/* #header_wrapper div { background: brown; } */

/* Heading Sizes: 
------------------------------------------- */
h1 {font-size: 30px; padding: 5px;}
#timetable h1 {font-size: 2.6em; padding: 10px; margin-bottom: 10px;}
/* #timetable h2 {float: right; margin: 20px 10px;} */
#timetable h2 {margin: 0 0 5px 5px;}

dl.date {margin: 0 0 0 10px; float: left; }
div.filter {float: right; text-align: right; margin-top: 10px;}
.filter form.timezone, form.timezone table, form.timezone tr {display: block; height: auto;}
.filter form.timezone th {font-size: 0.9em;}
.filter form.timezone td {padding: 5px 0;}
.filter form.timezone td.right {display: block;}
/* .filter {background: brown;} */
/* .filter form {text-align: center; display: inline; */
  /* margin: 0 150px; */
/* } */
.filter form select, .filter form fieldset,
.filter form label, .filter form {height: 23px; display: inline;}
.filter form fieldset, .filter form table {margin-bottom: 10px;}
.filter form label {padding-right: 5px; font-weight: bold;}
.filter form select {margin: 0; padding; 0;}

ul.controls {text-align: right; margin-bottom: 0;}
ul.controls li:first-child {margin-right: 10px;}
ul.controls li {display: inline; list-style: none; margin: 0; font-size: 11px;}

div.key h3 {font-size: 14px; margin: 5px; font-weight: bold; text-align: left;}
div.key ul {margin-bottom: 0;}
div.key {float: right; margin: 10px; padding: 0 10px 10px 10px; border: 1px solid #CCCCCC; background: #EEEEEE;}
div.key li {text-align: left; font-size: 11px; list-style: none; margin: 0; padding: 1px 6px; border: 1px solid #DDDDDD;}
/* ---------------------------------------- */
/* "Day Table": 
------------------------------------------- */
col.alt {background: #F3F7FC}

table.schedule {
  border-collapse: separate;
  border-spacing: 2px;
}
table.schedule caption { margin-bottom: 10px; }
table.schedule td {
    padding: 3px;
    /* vertical-align: top; */
}	
table.schedule th {
  background: white;
  text-align: center;
}

/* ruled lines */
table.schedule th, table.schedule td {
	border-bottom: 1px solid #ccc;
}

table.schedule thead th {
	border-bottom: 2px solid #205672;
}

table.schedule tbody th {
	font-size: 0.8em;
	text-align: center;
}
	
table.schedule tbody td {
	text-align: left;
	font-weight: bold;
	color: #CC0000;
}

table.schedule div.info, 
table.schedule div.timezones {
	font-weight: normal;
	color: #001724;
	border-top: 1px solid #BBC9D0;
	border-right: 1px solid #839BA9;
	border-bottom: 1px solid #839BA9;
	border-left: 1px solid #BBC9D0;
}

table.schedule div.info {
	margin: 0px 0px 5px;
	padding: 4px;
	background: #fff;
	font-weight: normal;
}

table.schedule div.timezones {
	margin: 6px 1px 1px;
	padding: 2px 5px !important;
	background-color: #F9F9F9;
  line-height: 0.5em;
}
table.schedule div.timezones dl {
    margin: 3px 0;
}
	
/* text */
table.schedule h2, table.schedule h3 {
  font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
}
table.schedule h2 {
	font-size: 1em;
  line-height: 1.2em;
}
table.schedule h3 {
    font-size: 0.8em;
}
table.schedule h3.product_type {
    text-align: right;
    padding-right: 3px;
    font-size: 0.8em;
    font-weight: normal;
}
table.schedule span, 
table.schedule .timezones dd, dt {
	display: block;
	clear: both;
	text-align: left;
	font-size: 0.8em;
  line-height: 1.1em;
}
table.schedule .timezones dd, dt {
    display: inline;
    font-size: 0.8em;
}
table.schedule .timezones dt {
    margin-right: 20px;
}
/* ---- */

table.schedule div.info:hover {
	background-color: #FFEFAE;
	color: #000;
}
	
table.schedule div.info:hover a {
	color: #000;
	text-decoration: underline;
}
	
table.schedule div.info:hover div.timezones{
	color: #000;
}
	
table.schedule div.info:hover h4{
	color: #CC0000;
}
	
	
	
tr.highlight, tr.highlight td {
}
	
tr.color {
	background: none;
}
	
tr.highlight td div.info {
	background-color: #E8EFF9;
}
	
tr.highlight div.timezones {
	background-color: #fff !important;
}

div.selected {
	padding: 5px;
	font-size: 0.9em;
}
/*
*/
.info a {display: block; height: 100%; width: 100%;}
.schedule {
    width: 100%;
    border: 0;
}
th.hour {
    width: 2%;
    /* height: 5em; */
}
td.day {
    width: 14%;
    /* background-color: #F3F7FC;  */
}


/* ---------------------------------------- */
/* Attendance: 
------------------------------------------- */
form.attendance label {margin: 0 15px;}

/* ---------------------------------------- */
/* Class Details: 
------------------------------------------- */
.inline {display: inline;}
div.class.details dt {font-size: 11px; font-weight: bold; text-decoration: underline;}
#main_content h1 {max-width: 535px;}
#secondary2.grid_3 p, #secondary2.grid_3 li {max-width: 200px }

.day-cell {
border-radius: 10px !important;
    
}