@charset "utf-8";

body {
	font-family: verdana, arial, sans-serif;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 12pt;
}

#login {
	text-align: center;
	margin: 10px 100px;
	background-color: #BBBBDD;
	border: 1px solid black;

}

#changeForm {
	display: none;
}

#tableContainer {
	padding-top: 30px;
}

#userContainer {
	padding-top: 30px;
	padding-left: 30px;
}

#userTable {
    border-collapse: collapse;
}

#userTable td, #userTable th {
	border: 1px solid black;
	padding: 4px;
}

#caltable{
    border-collapse: collapse;
    border: 1px solid #0E224B;
	padding: 0;
	width: 1024px;
/*
	margin-left:auto;
    margin-right:auto;
*/
    background-color: #DEDFE2;
}

#caltable th{
    font-weight: bold;
    font-size: 9pt;
    color: #BFBFC1;
    font-family: verdana, arial, sans-serif;
    text-align: center;
    height: 1em;
    background-color: #112A5D;
}

#caltable a:link, #caltable a:visited, #caltable a:active, #caltable a:hover{
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;
    color: #BFBFC1;
    font-size: 8pt;
    letter-spacing: 1px;
    font-family: verdana, arial, sans-serif;
}

#caltable td.cell{
    font-weight: normal;
    font-size: 10pt;
    padding-top: 2px;
    color: #0E224B;
    font-family: verdana, arial, sans-serif;
    text-align: right;
    vertical-align: top;
    border: 1px solid black;
    width: 146px;
}

#caltable .dayNumbers {
	font-weight: bold;
	border: 1px dotted #112A5D;
	background-color: #EEEEEE;
	margin: 2px;
	padding: 1px;
}

#caltable td.days{
    font-weight: bold;
    border-bottom: 4px double black;
    height: 1em;
}

#caltable .today {
	background-color: #FFFF99;
}

#docTableLeft {
	font-size: 7pt;
	width: 50%;
	border-collapse: collapse;
	float: left;
}

#docTableRight {
	font-size: 7pt;
	width: 50%;
	border-collapse: collapse;
	float: right;
}

#docTableLeft .docHead, #docTableRight .docHead {
	text-align: center;
}

#docTableLeft .docCell, #docTableRight .docCell {
	text-align: left;
	vertical-align: top;
	border: 1px dotted #444444;
	height: 27px;
	padding: 0;
	margin: 0;
	width: 50%;
}

#docTableLeft .selectedDoc, #docTableRight .selectedDoc {
	background-color: #FDDBB5;
	font-weight: bold;
}

#docTableLeft .selectedDocUnit, #docTableRight .selectedDocUnit {
	border: 1px solid black;
}

#errormessage {
	position: absolute;
	top: 50%;
	left: 424px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	border:2px solid #AA2222;
	background-color: #FFAAAA;
	text-align: center;
	padding: 8px;
}

#actionmessage {
	position: absolute;
	top: 50%;
	left: 424px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	border:2px solid #22AA22;
	background-color: #AAFFAA;
	text-align: center;
	padding: 8px;
}

.headline {
	font-family:"Lucida Grande",Verdana;
	font-size:14px;
	font-weight: bold;
	margin: 10px;
}

label {
	width: 75px;
	float: left;
}

input.btn, select.btn {
	color:#005;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	background-color:#eef;
	border: 1px solid;
	border-color: #669 #336 #336 #669;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
	cursor: pointer;
}

input.txt {
	color:#005;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	background-color:#eef;
	border: 1px solid;
	border-color: #669 #336 #336 #669;
}