/*

	This stylesheet is handwritten and © by TammekaZ

*/

body { margin: 0px; background-color: #fff; }
body, table, td, p { font-family: verdana, serif; font-size: 14px; color: #252626; }
input, select, textarea { font-family: verdana, serif; font-size: 14px; color: #252626; border: 1px solid #999; background-color: #fff; }
table { border: 0px solid #eee; padding: 0px; margin: 0px; }
.disable { border: 1px solid #999; background-color: #e8e8e9; }

.sry { padding:5px; border: 1px solid #999; background-color: #e8e8e9; color: #999; font-weight: bold; }
.sry a, .sry a:hover { color: #999; font-weight: bold; }
.asry { position: relative; padding: 5px; border: 1px solid #999; background-color: #e8e8e9; color: #999; font-weight: bold; text-align: center; }
.copyr { padding: 5px; font-size: 9px; color: #C0C0C0; text-align: left; }
.ego { padding: 5px; border: 1px solid #252626; background-color: #fbe61a; color: #252626; font-weight: bold; }
.ego a, .ego a:hover { color: #252626; font-weight: bold; }

a:link, a:visited { color: #999; text-decoration: none; }
a:hover, a:active { color: #b50001; }

hr { border: 0; color: #eee; background-color: #eee; height: 1px; width: 90%; }

.glayout { }
.glayout .bin { padding-bottom: 15px; width: 100%; max-width: 700px; text-align: left; }
	.glayout .bin:after { content: ""; clear: both; display: block; visibility: hidden; }
.glayout .bin .dp { }
	.glayout .bin .dp .dayhead { }
		.glayout .bin .dp .dayhead > a { display: block; padding: 10px; background-color: #b50001; font-size: 12px; font-weight: bold; color: #fff; }
		.glayout .bin .dp .dayhead:before { float: left; content: "\f054"; font-family: FontAwesome; margin: 11px 5px 0px; color: #fff; font-size: 12px; }
	.glayout .bin .dp .dayname { padding: 10px; border-bottom: 1px solid #999; background-color: #eee; text-align: left; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #666; }
	.glayout .bin .dp .groupname { border-bottom: 1px solid #eee; }
		.glayout .bin .dp .groupname > a { display: block; margin: 0 10px; padding: 10px; color: #252626; }
		.glayout .bin .dp .groupname:hover { background-color: #eee; }
			.glayout .bin .dp .groupname:hover > a { color: #b50001; }
	.glayout .bin .dp .day { padding: 0; border-bottom: 1px solid #eee; }
		.glayout .bin .dp .day > input[type=checkbox] { float: left; margin: 13px 10px 10px; }
		.glayout .bin .dp .day > label > a { display: block; margin-left: 30px; padding: 10px; color: #252626; }
			.glayout .bin .dp .day > label > a > span { float: right; margin-left: 5px; font-size: 12px; color: #666; }
			.glayout .bin .dp .day > label > a:hover { background-color: #eee; color: #b50001; }
		.glayout .bin .dp .day:after { content: ""; clear: both; display: block; visibility: hidden; }
	.glayout .bin .dp .sline { padding: 10px; text-align: center; }
		.glayout .bin .dp .sline input[type=text] { margin-right: 5px; padding: 10px; width: calc(90% - 150px); max-width: 320px; border-radius: 5px; }
		.glayout .bin .dp .sline input[type=submit] { padding: 10px; background-color: #eee; color: #999; border-radius: 5px; }
			.glayout .bin .dp .sline input[type=submit]:hover { background-color: #b50001; color: #fff; cursor: pointer; }
	.glayout .bin .dp .lline { margin-left: 30px; padding: 10px; border-bottom: 1px solid #eee; font-size: 12px; color: #666; }
		.glayout .bin .dp .lline > strong { display: inline-block; color: #b50001; }
		.glayout .bin .dp .lline > span { float: right; display: inline-block; width: 70%; color: #252626; }
			.glayout .bin .dp .lline > span.small { display: block; font-size: 12px; color: #999; }
		.glayout .bin .dp .lline:after { content: ""; clear: both; display: block; visibility: hidden; }

/* SECTIONS */
.section { clear: both; padding: 0px; margin: 0px; }
	.section:after { content: ""; clear: both; display: block; visibility: hidden; }

/* COLUMN SETUP */
.col { display: block; float:left; margin: 1% 0 1% 1.6%; }
.col:first-child { margin-left: 0; }

/* GROUPING */
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom:1; /* For IE 6/7 */ }

.span_main { width: 100%; margin: 0; padding: 0; } /* Main */
	.span_main form { margin: 0 auto; }
	.span_main .pnweek { width: 100%; border-bottom: solid 1px #eee; }
		.span_main .pnweek td.today { width: 14%; }
		.span_main .pnweek td > a { display: block; padding: 10px; color: #999; text-align: center; }
			.span_main .pnweek td.today > a { color: #b50001; }
		.span_main .pnweek td:hover > a { background-color: #eee; }
	.span_main .minical { border-top: solid 3px #b50001; width: 100%; }
		.span_main .minical tr > td { text-align: center; }
		.span_main .minical tr > td > a { display: block; padding: 10px; color: #b50001; }
			.span_main .minical td.noact > a { color: #ccc; }
			.span_main .minical td.active > a { background-color: #eee; }
			.span_main .minical td.today > a { background-color: #b50001; color: #fff; }
			.span_main .minical td:hover > a { background-color: #ccc; color: #999; }
		.span_main .minical tr.miniline { height: 1px; background-color: #ccc; }
			.span_main .minical tr.miniline > td { height: 1px !important; }
		.span_main .minical tr.mline > td {}
			.span_main .minical tr.mline > td:not(.mname) > a { font-weight: bold; color: #252626; }
			.span_main .minical tr.mline > td.mname { background-color: #eee; }
				.span_main .minical tr.mline > td.mname > a { color: #b50001; }
		.span_main .minical tr.dline > td { padding: 10px; font-weight: bold; font-size: 12px; color: #999; }
.span_1_of_1 { width: 100%; } /* GRID OF ONE */

.span_2_of_2 { width: 100%; min-height: 20px; border-bottom: 1px solid #999; } /* GRID OF TWO */
	.span_2_of_2 > strong { display: block; padding: 10px; text-align: center; font-size: 20px; color: #b50001; cursor: pointer; }
		.span_2_of_2:not(.nochev) > strong:after { float: right; content: "\f078"; font-family: FontAwesome; margin-left: 5px; color: #999; }
	.ui-accordion-content { display: none; }
.span_1_of_2 { width: 49.2%; padding: 0; min-height: 20px; } /* GRID OF TWO */
	.span_1_of_2.title > a { display: block; padding: 10px 5px; background-color: #eee; border: 1px solid #eee; color: #b50001; text-align: center; }
		.span_1_of_2.title > a > i { display: block; margin: 10px; color: #999; font-size: 30px; }
			.span_1_of_2.title > a:hover > i { color: #b50001; }
		.span_1_of_2.title > a:hover { background-color: #ccc; }
	.span_1_of_2.oneelem { width: calc(49.2% - 22px); padding: 10px; border: 1px solid #999; text-align: center; cursor: pointer; }
		.span_1_of_2.oneelem:hover { background-color: #eee; }

.span_2_of_3 { width: 66.13%; min-height: 20px; } /* GRID OF THREE */
	.span_2_of_3 > a { display: block; text-align: center; }
		.span_2_of_3 > a > img { width: 90%; max-width: 314px; }
.span_1_of_3 { width: 32.26%; min-height: 20px; } /* GRID OF THREE */
	.span_1_of_3 a { display: block; padding: 5px; width: calc(100% - 10px); font-size: 16px; text-align: center; }
		.span_1_of_3 a.active { background-color: #b50001; color: #fff; }

.span_1_of_5 { width: 18.72%; min-height: 20px; } /* GRID OF FIVE */
	.span_1_of_5 > a { display: block; padding: 10px; background-color: #eee; color: #b50001; text-align: center; }
		.span_1_of_5 > a > i { display: block; margin: 10px; font-size: 20px; }
		.span_1_of_5.act > a { background-color: #ccc; }
		.span_1_of_5 > a:hover { background-color: #b50001; color: #fff; }

.srchinpt { width: 50%; }
.toasio { }
	.toasio > a { display: block; padding: 10px; background-color: #eee; font-size: 16px; color: #b50001; text-align: center; }
		.toasio > a:hover { background-color: #ccc; }

@media only screen and (max-width: 650px){
	.span_1_of_5 { font-size: 12px; }
	.glayout .bin .dp .lline { margin-left: 10px; }
		.glayout .bin .dp .lline > span { float: none; display: block; margin-left: 30px; width: calc(100% - 20px); }
}

@media only screen and (max-width: 480px){
	.span_2_of_2, .span_1_of_2 { font-size: 16px; }
	.span_2_of_3, .span_1_of_3 { margin: 10px 0 0; width: 100%; }
	.glayout .bin .dp .sline input[type=text] { display: block; margin: 0 auto 5px; width: calc(90% - 22px); }
}