@charset "UTF-8";

@font-face {
	font-family: 'dinot-black';
	src: url("fonts/DINOT-Black.eot");
	src: url("fonts/DINOT-Black.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Black.woff") format("woff"), url("fonts/DINOT-Black.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'dinot-bold';
	src: url("fonts/DINOT-Bold.eot");
	src: url("fonts/DINOT-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Bold.woff") format("woff"), url("fonts/DINOT-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'dinot-medium';
	src: url("fonts/DINOT-Medium.eot");
	src: url("fonts/DINOT-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Medium.woff") format("woff"), url("fonts/DINOT-Medium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'dinot-regular';
	src: url("fonts/DINOT-Regular.eot");
	src: url("fonts/DINOT-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Regular.woff") format("woff"), url("fonts/DINOT-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'dinot-light';
	src: url("fonts/DINOT-Light.eot");
	src: url("fonts/DINOT-Light.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Light.woff") format("woff"), url("fonts/DINOT-Light.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.form.required.url {
	display:none;
}

@media only screen
and (min-width : 200px) {

	body.calendar-form {
		color: #fff;
	}

	body.calendar-form a:link, a:visited {
		color: #ef7d00;
		text-decoration: none;
	}
	body.calendar-form a:hover, a:active {
		text-decoration: underline;
	}

    body.calendar-form h1 {
        font-size: 75px;
        line-height: 70px;
        margin: 0 0 20px;
        font-family: 'dinot-bold';
        font-weight: normal;
        text-transform: uppercase;
    }
	h2 { font-size: 30px; line-height: 30px; margin: 30px 0 20px; font-family: 'dinot-bold'; font-weight: normal; text-transform: uppercase; }
	h3 { font-size: 20px; line-height: 20px; margin: 0 0 10px; font-family: 'dinot-medium'; font-weight: normal; }
	p { font-size:14px; margin:0 0 10px; line-height:20px; font-family: 'dinot-regular'; }

	body.calendar-form { background-color: #284734 !important; }

	#wrapper { padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	a.button { display:block; }

	div.form {
		background-color: #d5d1c3;
		padding: 20px;
		width: 100%;
		margin: 0 0 30px;
		-webkit-border-radius: 3px;
		border-radius: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	div.submit { width:100%; padding: 0 20px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	div.submit a.button,
	div.submit input { background-color: #7b9a4b; color: white; font-size: 30px; line-height: 30px; font-family: 'dinot-bold'; font-weight: normal; text-transform: uppercase; }
	div.submit input:hover { background-color:#1C3225; }
	div.submit a.button:hover { text-decoration: none; background-color:#1C3225; }

	.required {
		background: #EEEDE7 url(/templates/library/img/bullet-orangered.png) no-repeat 95% center;
	}
	.error { background:#d7252e url(/templates/library/img/bullet-orangered.png) no-repeat 95% center !important; color: white !important; }
	.valid {
		background: #EEEDE7 url(/templates/library/img/bullet-lime.png) no-repeat 95% center;
	}
	
	input:invalid,
	textarea:invalid { color:#222; }

	label {
		font-size: 16px;
		color: #8b704e;
		line-height: 26px;
		margin: 10px 0 4px;
		font-family: 'dinot-bold';
		font-weight: normal;
		display: block;
	}
	label span { font-family: 'dinot-roman'; font-weight: normal; }
	.tags label {
		color: #fff;
		display: inline;
		font-weight: normal;
		font-family: 'dinot-regular';
		padding-right: 6px;
		padding-left: 2px;
		cursor: pointer;
	}
	.tags div:hover {
		background-color: #1C3225;
		cursor: pointer;
	}
	.tags input[type="checkbox"],
	.tags input[type="radio"] {
		margin-right: 4px;
	}

	a.button,
	input:not([type=checkbox]),
	select,
	textarea {
		background-color: #EEEDE7;
		border: none;
		padding: 10px;
		width: 100%;
		font-size: 14px;
		margin: 0 0 10px;
		line-height: 20px;
		font-family: 'dinot-regular';
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

	div.tags {
		background-color: #EEEDE7;
		padding: 10px;
		border: none;
		width: 100%;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		div.tags div {
			float: left;
			margin-right: 10px;
			background-color: #7b9a4b;
			padding: 2px 8px;
			color: white;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}

	div.upload-container {
		background-color: #EEEDE7;
		border: none;
		padding: 10px;
		width: 100%;
		font-size: 14px;
		margin: 0 0 10px;
		line-height: 20px;
		font-family: 'dinot-regular';
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	a#pickfile:link,
	a#pickfile:visited { display:block; float:left; background-color:#7b9a4b; padding:5px 10px; -webkit-border-radius: 3px; border-radius: 3px; font-size:14px; margin:0; line-height:20px; font-family: 'dinot-regular'; color:white; }
	a#pickfile:hover,
	a#pickfile:active { text-decoration:none; background-color:#1C3225; }
	div#filelist { float:left; padding:5px 10px; }

	ul.categories { display:block; margin: 0; padding: 0; list-style: none; }
	ul.categories li { font-family: 'dinot-regular'; float: left; margin: 0 4px 0 0; padding: 0; font-size: 14px; line-height: 27px; }
	ul.categories li a { font-family: 'dinot-bold'; text-transform: uppercase; text-decoration: none; display: block; color: #527138; padding: 1px 7px 0; -webkit-border-radius: 3px; border-radius: 3px; }
	ul.categories li a.active { color:#fff; background-color: #ed7d20; }
	ul.categories li a.active:hover { color: #fff; background-color: #ed7d20; }
	ul.categories li a:hover { background-color: #527138; color: #fff; }

				.clearfix:before, .clearfix:after {
					content: "";
					display: table;
				}
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }
}

@media only screen
and (min-width : 1200px) {
	#confirmation,
	#error,
	#wrapper { width: 600px; margin: 0 auto; }
}