/*
    Document   : screen
    Created on : 2013-04-21, 00:57:42
    Author     : Krzysztof Mantorski <k.mantorski@mantor.pl>
    Description:
        Purpose of the stylesheet follows.
*/

body {
	background-color: #FDF5E6;
	/*font-family: 'Clicker Script', cursive;*/
	/*font-family: 'Courgette', cursive;*/
	/*font-family: 'Sacramento', cursive;*/
	/*font-family: 'Parisienne', cursive;*/
	/*font-family: 'Allura', cursive;*/
	font-family: 'Italianno', cursive;
	color: #8d600b;
	font-size: 2em;
	text-align: center;

	animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;

	overflow-y: scroll;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

h1 {
	font-size: 2em;
	font-weight: normal;
	padding: 0.5em 0 0 0;
	/*line-height: 1.4em;*/
}

h2 {
	font-size: 1em;
	background-color: #FFFAEB;
	border-radius: 16px 16px 0 0;
	border-bottom: solid 1px #CDC5B6;
	padding: 0.2em 0;
	font-weight: normal;
}

p {
	padding: 0.5em 0;
}
a {
	text-decoration: none;
	color: #BD800E;
}
a:hover {
	color: #6d400b;
}

.page-container {
	min-width: 1000px;
	width: auto;
	margin: auto;
}

.hidden {
	display: none;
}

.top-bar {
	font-size: 0.8em;
	/*text-align: right;*/
	text-align: left;
	background: #FFFAEB;
	border-bottom: solid 1px #CDC5B6;
}
.top-bar .content {
	width: 1000px;
	margin: auto;
}
.top-bar p.name {
	display: inline-block;
/*	float: right;*/
	padding: 0.2em 0;
}
.top-bar .logout-link {
	padding-left: 4em;
	float: right;
	padding: 0.2em;
}

.center {
	background-image: url('../images/bg-image.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0%;
	width: 100%;
	height: 340px;
}

.error {
	color: #C00;
}

input,
textarea {
	font-family: 'Italianno', cursive;
	font-size: 1em;
	height: 1em;
	line-height: 1.2em;
	color: #8d600b;
	text-align: center;
	vertical-align: top;
	background-color: #FFFAEB;
	border: none;
	border-radius: 8px;
	text-align: center;
}
input:focus,
textarea:focus {
	background-color: #FFFEF4;
	outline: none;
}

input[type="text"].large{
	background-image: url('../images/form-input.png');
	background-repeat: no-repeat;
	background-position: 0 100%;
	width: 240px;
	margin: 0 1em;
}
textarea {
	width: 240px;
	height: 3em;
	font-size: 0.8em;
	resize: none;
	overflow: hidden;
}
input[type="text"].small {
	background-image: url('../images/form-input-small.png');
	background-repeat: no-repeat;
	background-position: 0 100%;
	width: 23px;
	margin: 0 1em;
}
input[type="text"].x-large,
textarea {
	background-image: url('../images/form-input-x-large.png');
	background-repeat: no-repeat;
	background-position: 0 100%;
	width: 340px;
	margin: 0 1em;
}
.field {
	margin: 0.5em 0;
}

.menu-page h1 {
	font-size: 1.5em;
}

.fragment {
	/*padding: 0 4em;*/
	width: 24em;
	margin: auto;
	border: solid 1px #CDC5B6;
	border-radius: 16px;
	box-shadow: 0px 0px 4px #BD800E;
}

.table-map {
	width: 800px;
	height: 1000px;
	margin-bottom: 100px;
}

.table-map .content {
	position: relative;
	color: #444;
	font-size: 0.9em;
	text-shadow: 0px 0px 2px #444;
	cursor: default;
	height: 1000px;
}

.table-map .content .table-label {
	color: #aaa;
	text-shadow: 0px 0px 2px #fff;
}
.table-map .content .table-label.active {
	color: #000;
	text-shadow: 0px 0px 2px #444;
}
.table-map .content .name-label {
	font-size: 0.8em;
	box-shadow: 0px 0px 4px #8d600b;
	/*text-shadow: none;*/
	color: #6d400b;
	border: solid 1px #BD800E;
	border-radius: 4px;
	background-color: #FFF;
	display: inline-block;
	padding: 0.1em 0.25em 0.2em 0.2em;
}

.table-map .content .misc-label {
	font-size: 0.9em;
	/*text-shadow: none;*/
	color: #000;
	border: solid 1px #8d600b;
	box-shadow: 0px 0px 4px #8d600b, inset 0px 0px 4px #8d600b;
	display: inline-block;
	padding: 0;
}

#main-menu > div {
	margin: auto;
}

.thanks-text {
	display: inline-block;
	line-height: 1.4em;
}
.thanks-text .right {
	text-align: right;
}