@font-face {
	font-family: 'Password';
	src: url('../fonts/password-dots.ttf');
}
html{
	width: 100%;
	min-height: 100%;
	background: rgb(230,230,230);
}
@media print {
	html {
		background-color: #fff;
	}
	.no-print{
		display: none;
	}
}
body{
	margin: 0px auto;
	padding: 0px 25px 50px;
	width: 1500px;
	min-height: 100%;
	background: rgb(240,240,240);
	font: 10pt arial;
	box-sizing: border-box;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
body.report{
	background: #FFF;
	margin: 0px auto;
	padding: 0px;
	width: 1100px;
	height: 100%;
	font: 10pt arial;
	box-sizing: border-box;
}
.table-break{
	page-break-after: always;
}
a{
	color: green;
	text-decoration: none;
	border-radius: 3px;
}
a.bold{
	color: black;
	font-weight: bold;
}
.align-right{
	text-align: right !important;
}

#navigation{
	border: 0;
	margin-bottom: 0;
}
ul.menu{
	float: left;
}
ul.ui-front{
	z-index: 2002 !important;
}
.ui-menu-item{
	background: #DDD;
	color: green;
}
.ui-menu-item-wrapper.ui-state-active{
	background: #CCC !important;
}
.ui-menu-item a{
	color: green !important;
}

#page_header{
	padding-top:5px;
}

input[type=submit], input[type=button]{
	margin: 3px;
	border: 1px solid green;
	border-radius: 3px;
	color: green;
}
input[type=submit]:hover, input[type=button]:hover{
	background: #BBB;
	color: #FFD;
}
input[type=text], input[type=password], select, textarea{
	background: #FFD;
	border: 1px solid #AAF;
	margin: 1px;
}
input:disabled, select:disabled{
	background: #CCC !important;
}

.table-data{
	table-layout: fixed;
	border-collapse: collapse;
}
.table-data caption{
	text-transform: uppercase;
	font-weight: bold;
}
.table-data th, .table-data td{
	padding: 0px 3px;
	margin: 0px;
	text-align: left;
	border: 1px solid #999;
}
.table-data th{
	background: #CCC;
	text-transform: uppercase;
}
.table-data tr:nth-child(2n+1){
	background: #DDF;
}

.table-form{
	table-layout: fixed;
	border: 1px solid #666;
	border-radius: 4px;
	background: #DDD;
}
.table-form td, .table-form th{
	border: 0;
	text-align: left;
	padding: 0px 3px;
}
.updating{
	border: 1px solid #F44;
}
.update-complete{
	color: red !important;
}
.error{
	color: red !important;
}

/* sorting */
.sort-header{
	position: relative;
	display: inline-block;
	height: 20px;
	padding-right: 18px;
}
.sort-container{
	position: absolute;
	right: 1px;
	top: 2px;
	padding: 0;
	width: 18px;
	height: 14px;
}
.sort-asc{
	position: absolute;
	top: 0px;
	right: 1px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 6px solid black;
}
.sort-desc{
	position: absolute;
	bottom: 0px;
	right: 1px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid black;
}
.sort-asc.active{
	border-bottom: 6px solid green;
}
.sort-desc.active{
	border-top: 6px solid green;
}

/* reports css */
table.inline, div.inline{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.bl {
	border-left: 1px solid;
}
.bt {
	border-top: 1px solid;
}
.bb {
	border-bottom: 1px solid;
}
.bbd{
	border-bottom: 1px dashed;
}
.br {
	border-right: 1px solid;
}
.ac{
	text-align: center !important;
}
.al{
	text-align: left;
}
.ar{
	text-align: right !important;
}

/* round checkbox */
.circle-check-label{
    background-color: #EEE;
	display: inline-block;
	border: 1px solid #000;
	padding: 2px;
	/*box-shadow: inset 0 0 4px #FFF;*/
    width: 9px;
    height: 9px;
	border-radius: 50%;
}
.circle-check-label div{
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #AAA;
}
input.circle-check{
    display: none;
}
input.circle-check:checked + .circle-check-label div{
    background-color: green;
}
input.circle-check.error:checked + .circle-check-label div{
    background-color: red;
}

.si-btn{
	height: 20px;
	border: 1px solid #666;
	border-radius: 3px;
	background: #FFF;
}
.si-btn.present{
	background: #DFD;
}

/* disabled controls */
a.disabled{
	color: black;
	cursor: default;
}