html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; outline: 0; font-size: 100%; background: transparent; }
body {line-height: 1;}
ol, ul {list-style: none;}
a{text-decoration: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins { text-decoration: none; }
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0; }

/* --- CSS RESET --- CSS RESET --- CSS RESET --- CSS RESET --- CSS RESET ---*/

div.clear {clear: both;}

div.hidden {display: none;}

body {/* background-image: url('http://toldygimnazium.hu/images/bg.jpg');
	background-repeat: repeat-x; */
	background-color: #f9f3e8;
	color: #302C2C;
	font-family: arial;
	font-size: 14px;}
	
div#page_container { background-color: #ffffff;
	width: 800px; 
	min-height: 300px;
	margin: 20px auto 20px auto;
	padding: 10px 50px 10px 50px;
	border: 1px solid #cccccc;
	border-radius: 5px;}	

div.loginbox{
	width: auto;
	height: 30px;
	margin: 0 0 10px 0;
	text-align: right;
}

div.loginbox a{ color: #999368; } 
div.loginbox a:hover{ color: #ff0000; } 


div.footer{ margin: 10px 0 0 0;
	height:30px;
	color: #cccccc;}
div.footer p{padding-top: 10px;}
div.footer span.invisible {color: #ffffff;}	
	
h1.main_title {font-size: 24px;}
	
div.wide_text_holder {
	margin: 20px 0;}	
	
div#loginbox{ background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 20px;}	
table.logintable {margin: auto;
    width: 320px;}
table.logintable tr {height: 27px; vertical-align: center;}
table.logintable tr td{min-width: 100px;}
	
	
input.standard_input{border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    width: 200px;}	
	
input.login_submit{ background-color: #EDEDED;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    height: 30px;
    margin-top: 4px;
    width: 308px; 
	cursor: pointer;}	
	
div.error_messages {margin: 0 0 5px 0;}	
	
p.error_message {background-color: #EE5555;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
	margin-bottom: 10px;}	
	
p.success_message {background-color: #22AA22;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
    text-align: center;}		

/* RESERVE */	
	
div#reserve{ background-color: #FAFAFA;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	padding: 20px;
	position: relative;}

div {position: relative;}
	
div#reserve div.big_block { /* background-color: #F9F3E8; */
	opacity: 0.9;}

div#reserve div.small_block {float: left;}
	
div#reserve div.seat {float: left; padding: 0px; margin: 2px; background-color: #00DD55;
	width: 17px;
	height: 17px;
	text-align: center;}	
div#reserve div.disabled_seat {background-color: #DDDDDD;}	
div#reserve div.my_seat		 {background-color: #0077FF !important;}	
div#reserve input.standard_checkbox {margin: 2px 0 0;}

div#direct_block_holder {height: 550px;}

div#block_A { /* background-color: #aaaaff !important; */
	width: 525px;
	position: absolute;
	left: 102px;
	top: 444px;}
div#block_A div.block_A_0 {margin: 0 0 0 72px;}
div#block_A div.block_A_1 {margin: 0 21px 0 51px;}
div#block_A div.block_A_2 {}
div#block_A div.block_A_3 {margin: 0 40px 0 21px;}
div#block_A div.block_A_4 {}
div#block_A div.block_A_5 {margin: 0 40px 0 0px;}
div#block_A div.block_A_6 {}

div#block_B { /* background-color: #FFaaaa !important; */
	width: 100px;
	height: 431px;
	position: absolute;
	left: 20px;
	top: 40px;}
div#block_B div.block_B_0 {position: absolute; width: 20px; top: 31px; right: 0px;}
div#block_B div.block_B_1 {position: absolute; width: 20px; top: 10px; right: 20px;}
div#block_B div.block_B_2 {position: absolute; width: 20px; top: 199px; right: 20px;}
div#block_B div.block_B_3 {position: absolute; width: 20px; top: 0px; right: 40px;}
div#block_B div.block_B_4 {position: absolute; width: 20px; top: 199px; right: 40px;}
div#block_B div.block_B_5 {position: absolute; width: 20px; top: 0px; right: 60px;}
div#block_B div.block_B_6 {position: absolute; width: 20px; top: 199px; right: 60px;}
div#block_B div.block_B_7 {position: absolute; width: 20px; top: 84px; right: 80px;}
div#block_B div.block_B_8 {position: absolute; width: 20px; top: 199px; right: 80px;}

div#block_C { /* background-color: #ffaaff !important; */
	width: 125px;
	height: 431px;
	position: absolute;
	right: 20px;
    top: 40px;}
div#block_C div.block_C_0 {position: absolute; width: 20px; top: 31px; left: 0px;}
div#block_C div.block_C_1 {position: absolute; width: 20px; top: 31px; left: 20px;}
div#block_C div.block_C_2 {position: absolute; width: 20px; top: 220px; left: 20px;}
div#block_C div.block_C_3 {position: absolute; width: 20px; top: 22px; left: 40px;}
div#block_C div.block_C_4 {position: absolute; width: 20px; top: 220px; left: 40px;}
div#block_C div.block_C_5 {position: absolute; width: 20px; top: 22px; left: 60px;}
div#block_C div.block_C_6 {position: absolute; width: 20px; top: 220px; left: 60px;}
div#block_C div.block_C_7 {position: absolute; width: 20px; top: 106px; left: 80px;}
div#block_C div.block_C_8 {position: absolute; width: 20px; top: 220px; left: 80px;}

div#block_D { /* background-color: #FFFFAA !important; */
    position: absolute;
    right: 38px;
    top: 481px;
    width: 84px;}
div#block_D div.block_D_0 {margin: 0 0 0 21px;}
div#block_D div.block_D_1 {margin: 0 0 0 10px;}
div#block_D div.block_D_2 {margin: 0;}

div#stage{border: 1px solid #CCCCCC;
    color: #555555;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin: 0 0 0 -227px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 433px;}
	
div#controls {border-top: 1px solid #CCCCCC;
    padding: 15px 0;
    text-align: center;}	

#tooltip {background-color: #999999;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: none;
    font-weight: bold;
    height: 40px;
    left: 50%;
    margin-left: -64px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 90px;}
	
#tooltip2 {background-color: #999999;
    border-radius: 5px 5px 5px 5px;
    display: none;
    color: #FFFFFF;
    font-weight: bold;
    height: 28px;
    left: 50%;
    margin-left: -64px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 60%;
    width: 90px;}

input.reserved {background-color: transparent;
    border: medium none;
    color: #302C2C;
    font-weight: bold;
    width: 32px;}

div#admin_menu {background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    margin: 0 auto 10px;
    padding: 5px 20px;
    text-align: right;
    border-radius: 5px 5px 5px 5px;}
	
div#admin_menu  a{ color: #999368;} 
div#admin_menu  a:hover{ color: #ff0000; } 
div#admin_menu span.separator {margin: 0px 5px; color: #cccccc;}

/*admin list by seat */

div#reserve table { width: 750px; margin: auto;}
div#reserve table tr {height: 17px;}
div#reserve table tr.header{ background-color: #444444; color: #fafafa; font-weight: bold; }

div#reserve table tr.even_free{ background-color: #DFFFDF; }
div#reserve table tr.odd_free{ background-color: #AFFFAF; }

div#reserve table tr.even_reserved{ background-color: #DFDFFF; }
div#reserve table tr.odd_reserved{ background-color: #AFAFFF; }

div#reserve table tr td{ text-align: center; padding: 0px 10px; border: none;}
div#reserve table tr td.price{ text-align: right; width: 65px;}
div#reserve table tr td.name{ text-align: left; width: 150px;}

/*price table*/

div.reserve_main {background-color: #FAFAFA;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	padding: 20px;
	position: relative;
	margin-top: 10px;}
div.reserve_main h2 {text-align: center; margin-bottom: 20px;}	
div.reserve_main table.price_table {margin: auto;}
div.reserve_main table.price_table td{border: 1px solid #cccccc;
	padding: 5px;}
div.reserve_main table.price_table td.centered {text-align: center;}

div.reserve_main div.left { float: left;
    width: 360px;}

/* DEV */
div.login_error_messages {font-size: 14px;  text-align: center; margin-top: -15px;}
div.error_messages {font-size: 14px;
    left: 50%;
    margin-left: -209px;
    position: absolute;
    text-align: center;
    top: 93px;
    width: 400px;}
pre {background-color: #444444; color: #dddddd;}	
p.dev_status {font-size: 11px; color: #aa6655;}


/* elevated blocks */
div.block_B_5, div.block_B_6, div.block_B_7, div.block_B_8,
div.block_C_5, div.block_C_6, div.block_C_7, div.block_C_8
{
	background-color: #998070;
}

p#test_time {
	color: #cc1111;
	margin: 15px 0 0 0;
	font-weight: bold;
	font-size: 16px;
}


/* info overlay */
div#info_overlay_container { position: relative; }

div#info_overlay_container div#info_button {
	position: absolute;
	top: 7px;
	right: 5px;
	color: #fff;
	background-color: #888;
	border-radius: 50px;
	padding: 2px 8px 3px 9px;
	font-size: 25px;
	font-family: monospace;
}
div#info_overlay_container div#info_button:hover {
	background-color: #999;
	cursor: pointer;
}

div#info_overlay_container div#info_overlay {
	display: none;

	position: absolute;
	top: -1px;
	left: 0px;
	width: 758px;
	height: 550px;
	background-color: rgba(20,20,20, 0.5);
	border: 1px solid #666;
	border-radius: 3px;

	text-shadow: 0px 0px 1px #000;
	color: #fff;
	font-weight: bold;
}
/* cat 1 positions */
div#info_overlay_container div#info_overlay div#category_1_1 {
	position: absolute;
	left: 151px;
	width: 442px;
	height: 43px;
	top: 443px;
	text-align: center;
	line-height: 41px;
}

/* cat 2 positions */
div#info_overlay_container div#info_overlay div#category_2_1 {
	position: absolute;
	left: 122px;
	width: 481px;
	height: 21px;
	top: 486px;
	line-height: 20px;
	text-align: center;
}
div#info_overlay_container div#info_overlay div#category_2_1 span {
	position: relative;
	left: 10px;
}

div#info_overlay_container div#info_overlay div#category_2_2 {
	position: absolute;
	left: 80px;
	width: 40px;
	height: 379px;
	top: 49px;
}
div#info_overlay_container div#info_overlay div#category_2_2 span {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: inline-block;
	width: 200px;
	position: absolute;
	top: 146px;
	left: -81px;
}
div#info_overlay_container div#info_overlay div#category_2_3 {
	position: absolute;
	left: 612px;
	width: 40px;
	height: 357px;
	top: 71px;
}
div#info_overlay_container div#info_overlay div#category_2_3 span {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
	width: 200px;
	position: absolute;
	top: 178px;
	left: -81px;
}

/* cat 3 positions */
div#info_overlay_container div#info_overlay div#category_3_1 {
	position: absolute;
	left: 101px;
	width: 252px;
	height: 21px;
	top: 507px;
	line-height: 20px;
	text-align: center;
}
div#info_overlay_container div#info_overlay div#category_3_2 {
	position: absolute;
	left: 18px;
	width: 62px;
	height: 411px;
	top: 39px;
}
div#info_overlay_container div#info_overlay div#category_3_2 span {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: inline-block;
	width: 200px;
	position: absolute;
	top: 156px;
	left: -68px;
}
div#info_overlay_container div#info_overlay div#category_3_3 {
	position: absolute;
	left: 652px;
	width: 61px;
	height: 410px;
	top: 61px;
}
div#info_overlay_container div#info_overlay div#category_3_3 span {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
	width: 200px;
	position: absolute;
	top: 188px;
	left: -70px;
}

/* category types */

div#info_overlay_container div#info_overlay div.category_1 {
	background-color: rgba(255, 242, 0, 0.5);
}
div#info_overlay_container div#info_overlay div.category_2 {
	background-color: rgba(229, 241, 252, 0.7);
}
div#info_overlay_container div#info_overlay div.category_3 {
	background-color: rgba(204, 120, 50, 0.50);
}

div#cat_infobox {
	position: absolute;
	top: 222px;
	left: 232px;
	font-size: 25px;
}

div#overlay_close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: normal;
	font-size: 18px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 2px 4px 1px 4px;
}
div#overlay_close:hover {
	cursor: pointer;
	background-color: rgba(255,255,255,0.4);
}