* {
  margin: 0;
  padding: 0;
}

a { font-family: 'Bangers', sans serif; color: #1E5A17; }
a:hover { color: #00ad26; }
a:link, a:active, a:visited { text-decoration: none; }

body {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1em;
	color: #000000;
	
}

h1, h2, h3 {
	font-family: 'Bangers', sans-serif;	
	font-size: 4em;
	font-weight: bolder;
	color: #1E5A17;
}

h2 {
	font-size: 3em;
	font-weight: bold;
}

h3 {
	font-size: 2em;
	font-weight: normal;
}

p.caption, span {
	font-family: 'Shadows into Light Two', sans-serif;	
	font-size: 1.2em;
	font-weight: bolder;
}

span {
	color: #1E5A17;
}

button.image {
	cursor: pointer;	
	border: 0px;
	border-radius: 2px;
	background-color: rgba(255,0,0,0);
	margin: 5px 5px 5px 5px;
	padding: 0;
	font-size: 0em;
}

button.image:hover{
	-webkit-box-shadow: 	0px 0px 3px 0px rgba(255, 255, 255, 0.75);
	-moz-box-shadow:    	0px 0px 3px 0px rgba(255, 255, 255, 0.75);
	box-shadow:         		0px 0px 3px 0px rgba(255, 255, 255, 0.75);
}

button.control {
	cursor: pointer;
	font-family: 'Bangers', sans-serif;	
	font-size: 1.5em;
	text-align: center;
	color: white;
	background-color: #1E5A17;
	border: 2px solid #1A5613;
	border-radius: 2px;
	padding: 5px 20px 5px 20px;
	margin-left: 0.5em;
}

button.control:hover, input[type="submit"]:hover {
	color: #1E5A17;
	background-color: white;
}

button.small {
	font-size: 1em;
	border-width: 2px;
	border-radius: 2px;
	padding: 5px 10px 5px 10px;
}

button.medium, input[type="submit"] {
	font-size: 1.5em;
	border-width: 3px;
	border-radius: 3px;
	padding: 5px 25px 5px 25px;
}


button.big {
	font-size: 2em;
	border-width: 4px;
	border-radius: 4px;
	padding: 5px 40px 5px 40px;
}

button.cancel {
	background-color: #EB1414;
	border-color: #E71010;
}

button.cancel:hover {
	color: #EB1414;
	background-color: white;
}


button.disabled {
	cursor: default;
	background-color: #DDDDDD;
	border: 2px solid #D9D9D9;
}
button.disabled:hover {
	background-color: #DDDDDD;
	color: white;
}
input[type="submit"] {
	cursor: pointer;
	font-family: 'Bangers', sans-serif;	
	font-size: 1.5em;
	text-align: center;
	color: white;
	background-color: #1E5A17;
	border: 2px solid #1A5613;
	border-radius: 2px;
	padding: 5px 20px 5px 20px;
	margin-left: 0.5em;
	font-size: 1.5em;
	border-width: 3px;
	border-radius: 3px;
	padding: 5px 25px 5px 25px;
	width: 14em;
	margin-top: 1em;
}
td.label {
    text-align: right;
}
label {
	font-family: 'Bangers', sans-serif;	
	font-size: 1em;	
	color: black;
	text-align: right;	
}


input {
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
	width: 20em;
	margin-left: 1em;
}

input[type="text"],
input[type="password"] {
	padding: 4px;
	border: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	border-radius: none;
	border-bottom: solid 3px #c9c9c9;
	transition: background-color 0.5s;
}
input[type="text"]:focus,
input[type="password"]:focus {
	background-color: rgba(30, 90, 23, 0.2);
	border-bottom: solid 3px #1E5A17;
}

div.center {
	margin-left:auto; 
    margin-right:auto;
}

div.sitecontainer {
	margin: 0 0 0 0px;
}

div.form {
	display: block;
	border: 0px;
	background-color: white;	
}

div.form .header {
	background-color: white;
	font-family: 'Bangers', sans-serif;	
	font-size: 2em;
	font-weight: normal;
	text-align: center;
	color: #1E5A17;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
div.form .content {
	text-align: center;
	padding: 1em 1em 1em 1em;
}

div.form .buttons {
	text-align: center;
	padding: 1em 1em 1em 1em;
}

table.form {
	width: 100%;
	/*margin-left:auto; 
    margin-right:auto;*/
}

td.label {
	width : 45%;
}

td.input {
	width : 55%;
}

div.message {
	display: block;
	border: 2px solid #1A5613;
	background-color: white;
	z-index: 5000;
}


div.message.error {
	border-color: #E71010;
}

div.message.error span{
	color: #EB1414;
	padding-left: 2em;
}


div.message.warning {
	border-color: #E77400;
}

div.message .header {
	background-color: #1E5A17;
	font-family: 'Bangers', sans-serif;	
	font-size: 2em;
	font-weight: normal;
	color: white;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

div.message.error .header {
	background-color: #EB1414;
}

div.message.warning .header {
	background-color: #EB7800;
}

div.message .content {
	padding: 1em 1em 1em 1em;
}

div.message .buttons {
	float: right;
}

div.message .icons {
	float: right;
}

div.message .icons a{
	cursor: pointer;
	font-family: 'Bangers', sans-serif;	
	font-size: 2em;
	font-weight: normal;
	color: white;
	padding-right: 0.5em
}

div.container {
	display: block;
	background-color: white;
}

div.container .header {
	background-color: white;
	border: 2px solid #1A5613;
	font-family: 'Bangers', sans-serif;	
	font-size: 1.0em;
	font-weight: normal;
	color: #1E5A17;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

div.container .buttons {
	float: right;
}

div.container .icons {
	float: right;
}

div.container .icons a{
	cursor: pointer;
	font-family: 'Bangers', sans-serif;	
	font-size: 1.5em;
	font-weight: normal;
	color: white;
	padding-right: 0.5em
}

div.container .element {

}

div.container .element .status {

}


div.container .element .icon {

}

div.container .menu {

}

div.resizer {
	padding: 8px 0px 8px 0px;
	background-color: rgba(10, 89, 3, 0.1);
}

div.resizer:hover {
	background-color: rgba(10, 89, 3, 0.5);
}

div.siteheader {
	height: 6em;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;
	background-color: #1E5A17;
	color: white;
	display: inline-block;
	margin: 0 0 0 0;
}


div.languages {
	float: right;
	background-color: #1E5A17; 
}

img.languages {
	border-radius: 2px;
}

.form label.error {
	position:relative;
	top:0px;
	right:-5px;
	margin:0;
	background: white;
	border: 2px solid #CF000E;
    border-radius: 2px;
	/* opacity:.7;
	filter:alpha(opacity=70); */
	color: #CF000E;
	padding:5px 10px;
}
.form label.error:before {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;    
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
    border-right:5px solid #CF000E;
    left:-7px;    
    top:8px;		
}