@charset "UTF-8";

/* REMOVED
body{
	width: 95%;
}
REMOVED */

button.ui-button {
	width: 200px;
	text-align: left;
}

.ui-widget-content a {
	color: #8B0000;
	text-decoration: none;
}

.ui-state-highlight p {
	padding-top: 10px;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	background-image: none;
}

.ui-state-error p {
	padding-top: 10px;
}

.ui-state-error li, .ui-state-highlight li  {
	padding-top: .5rem;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #750012;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*****************************/
/*          SECTION          */
/*****************************/

/* REMOVED
.login {
	margin: auto;
	padding: 50px 0;
  width: 420px;
}

.login-form {
	border: 1px solid #DDD;
	padding: 10px;
	margin: 10px 0px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
}

.forgot-password {
	padding: 15px 0px 0px 10px;
}

.system-section {
	padding-bottom: 10px;
	border: solid 1px #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}

.system-section h2 {
	padding-bottom: 10px;
	border-bottom: 2px solid #8B0000;
	color: #8B0000;
	line-height: normal;
}

.system-section .content {
	padding-bottom: 10px;
	color: #666666;
}

div.section-container {
	padding: 10px;
	float: left;
}

	div.section-container {
		width: 50%;
	}

	div.section-container.photo {
		width: 260px;
	}

#content {margin: 0 10px 50px 10px;}

.enter-section-outer {padding-bottom: 10px;}

ul.enter-section {margin: 0; padding: 0;}
ul.enter-section li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none; width: 200px;}
ul.enter-section span.ui-icon {float: left; margin: 0 4px;}
div.enter-section {margin: 2px; padding: 4px 0;}
span.enter-section {padding-right: 6px;}

div.clear.all {clear: both;}

.alt {
	background: #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.over {
	background: #CCC;
}

.form-field {
	padding-bottom: 10px;
}

label	{
	display: block;
	padding-bottom: 3px;
}

.inline	{
	display: inline;
}

.question {
	padding: 5px;
	margin-bottom: 5px;
	background: #F6F6F6;
}

.highlight {
	background: #f00;
}

#number-of-insects {
	margin-bottom: 5px;
}
REMOVED */