html body {
	margin: 0;
	padding: 0;
	font-family: tohoma, sans-serif, verdana;
	height: 100%;
	/*font-size: 0.8em;*/
}

div{
	border: 0px solid red;
}

#container {
	width: 100%;
	height: 100%;
}

#header{
	margin: 1em;
}

#header_wrapper{
	margin: auto;
	max-width: 1024px;
}

#menu{
	background-color: #f8f9fa;
}

#menu_wrapper{
	margin: auto;
	max-width: 1024px;
}

#content {
	margin: 1em;
}

#content_wrapper {
	margin: auto;
	max-width: 1024px;
}

#footer {
	clear: both;
	width: 100%;
	height: 100%;
	background-color: #f8f9fa;
	margin-top: 1em;
}

#footer_wrapper {
	margin: auto;
	text-align: center;
	vertical-align: bottom;
	color: #666666;
	font-size: 0.8em;
	padding: 1em;
	max-width: 1024px;
}

.separator {
	height: 10px;
	clear: both;
}
/*
.selector-container {

}

@media screen and (max-width: 600px) {

}

@media (min-width: 768px) {
	.selector-container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.selector-container {
		width: 970px;
	}
}

@media (min-width: 1024px) {
	.selector-container {
		width: 1024px;
	}	
}
*/
.mbutton {width:140px}

.field-header {
	font-weight: 700;	/* bold */
}

.field-small-remark .ui-widget {
	font-size: .75rem;	/* smaller size */
}

.field-small-remark {
	font-size: .75rem;	/* smaller size */
}

.upper-margin {
	margin-top: 1rem;
}

.left-margin {
	margin-left: 1rem;
}

input .pass{
	background-color: #689f38; 
	color: white;
}

input .fail{
	background-color: #d32f2f; 
	color: white
}

.bg-blue{
	background-color: #66ccff;
}