body {
	margin: 0;
	padding: 0;
	background-color: #EAECEE;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

h1.title {
	height: 20px;
	margin: 0 0 5px 0;
	padding: 8px 0 0 20px;
	font-size: 12px;
}

.ajax-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px; /* -1 * image width / 2 */
	margin-top: -32px; /* -1 * image height / 2 */
	display: block;
	z-index: 999;
}

.ui-panelgrid {
	border-collapse: collapse;
}

.ui-panelgrid tr,.ui-panelgrid td {
	background: none !important;
	border: none !important;
	padding: 2px 4px !important;
}

.ui-panelgrid .ui-panelgrid-footer {
	text-align: right !important;
}

.ui-panelgrid-label {
	text-align: right;
}

.ui-panelgrid-input {
	text-align: left;
}

.ui-panelgrid-footer {
	padding-top: 10px;
	text-align: right;
	border-top: 1px solid #333333;
}

.ui-panelgrid-top {
	vertical-align: top;
}

#headerMain .ui-widget-content,#footerMain .ui-widget-content {
	background: #EAECEE !important;
}

.ui-inputfield,.ui-widget-content .ui-inputfield,.ui-widget-header .ui-inputfield
	{
	box-shadow: none !important;
}

.ui-inputfield.ui-state-focus,.ui-widget-content .ui-inputfield.ui-state-focus,.ui-widget-header .ui-inputfield.ui-state-focus
	{
	box-shadow: 0 0 3px #79B7E7, 0 1px 1px #8F8F8F inset !important;
}

.ui-fieldset-doc .ui-fieldset-legend {
	margin-left: 0 !important;
}

.ui-fieldset {
	padding: 0 !important;
	margin: 5px 5px 0 0;
}

.ui-fieldset .ui-fieldset-legend {
	padding: 0 1em !important;
	text-align: left;
	margin-left: 20px;
	background: none;
	border: 1px solid inherit;
	border-bottom: 0;
	border-top: 0;
	border-radius: 0 0 0 0 !important;
}

.ui-fieldset .ui-fieldset-content {
	margin: 8px 2px 5px 2px;
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
	overflow-x: hidden !important;
}

.ui-lbl-remunera {
	text-align: right;
	font-weight: bold;
}

.ui-out-remunera {
	text-align: left;
	padding-right: 10px
}

.ui-button-var {
	background: none repeat scroll 0 0 transparent !important;
	border: none !important;
	height: 1.5em !important;
	font-size: 10px !important;
	font-style: italic;
	font-weight: normal !important;
}

.ui-button-icon-var {
	background: none repeat scroll 0 0 transparent !important;
	border: none !important;
	height: 1.5em !important;
	width: 2em !important;
}

.ui-button-icon-only-var {
	width: 18px !important;
}

.nestedUnit {
	border: 0 none !important;
	background: #EAECEE !important;
}

#header {
	background: transparent;
	color: #f0f0f0;
	margin: 0;
	padding: 0;
}

#header h1 {
	padding-top: 24px;
	font-size: 250%;
}

#header-logo {
	color: #f0f0f0;
	display: block;
	width: 184px;
	text-align: center;
}

#header-logo p {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#header-logout {
	float: right;
	color: #454545;
	padding-top: 5px;
	padding-right: 45px;
	text-align: right;
}

#header-logout .user-detail {
	float: left;
	border-right: 1px solid;
	padding-right: 5px;
	text-align: left;
}

#header-logout .user-detail .label {
	text-align: right;
	font-weight: bold;
	color: #000;
}

#header-logout .out {
	float: right;
	padding-top: 10px;
	margin-left: 5px;
}

#page {
	background: #ffffff;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-right: solid 2px #a0a0a0;
	border-bottom: solid 2px #a0a0a0;
}

#sidebar {
	width: 180px;
	border: 1px solid #d0d0d0;
	float: left;
	padding: 4px;
	background-color: #3D6EB1;
	color: #ffffff;
}

#sidebar h1 {
	display: block;
	font-size: 150%;
	text-align: center;
	border-bottom: 1px solid #d0d0d0;
}

#sidebar ul li a {
	font-size: 100%;
	color: #fff;
	text-decoration: none;
}

#container {
	padding-right: 8px;
}

#content {
	float: right;
	min-height: 320px;
	font-size: 120%;
	width: 740px;
}

#footer {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}

#login-container {
	padding-top: 55px;
	padding-left: 35%;
}

#login-box {
	width: 270px;
	height: 300px;
	padding: 58px 76px 0 76px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #666666;
}

#login-box h2 {
	padding: 0;
	margin: 0;
	color: #ebebeb;
	font: bold 44px Arial;
}

#login-box-name {
	text-align: right;
	padding-right: 5px;
}

.ui-button-search {
	background: none repeat scroll 0 0 transparent !important;
	border: none !important;
	height: 2.1em !important;
	margin-left: -22px;
	width: 2em !important;
}

.panel {
	border: 1px solid #d0d0d0;
	padding: 8px;
	margin: 8px 4px 16px 4px;
	background: #fafafa;
}

.panel h1 {
	font-size: 120%;
	display: block;
	background: #f0f0f0;
	padding: 6px;
	margin: -8px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 8px;
}

.odd {
	background: #f0f0f0;
}

.even {
	background: #ffffff;
}

.dataTable {
	border-collapse: collapse;;
	width: 100%;
}

.dataTable th {
	background: #204080;
	color: #f0f0f0;
	padding: 6px;
	border: 1px solid #f0f0f0;
}

.dataTable td {
	border: 1px solid #d0d0d0;
	padding: 4px;
}

.caption {
	float: left;
	width: 100px;
}

.formCaption {
	float: left;
	width: 100px;
	padding-top: 4px;
}

.value {
	margin-right: 8px;
}

.errorMessage {
	color: #FF0000;
	font-weight: bold;
}

.property {
	margin-bottom: 12px;
}

.mount-rem {
	text-align: right;
}

.mount-rem a {
	text-decoration: none;
}

.mount-rem a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.year-rem {
	text-align: center;
}

input[type=checkbox]:not(old){
	height: auto;
}
