@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 {
	margin: 0;
	padding: 3px;
	background-color: #BBBBDD;
	border-bottom: 1px solid black;
	position: fixed;
	width: 100%;
}

#changeForm hr {
	margin: 2px 0;
}

#tableContainer {
	padding-top: 30px;
}

#userContainer {
	padding-top: 80px;
	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-top: 2px solid 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;
}

#infopage {
	width: 800px;
	padding: 5px;
	border: 1px solid black;
	overflow: auto;
	background-color: #EDEDED;
}

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

.red {
	color: #FF0000;
}

.warning td {
	vertical-align: top;
}

.blocked {
	background-color: grey;
}

.lighterBack {
	background-color: rgb(240, 240, 255);
}

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;
}




#scheduletable, #scheduletableHeader {
    border-collapse: collapse;
    border: 1px solid #0E224B;
    padding: 0;
    /*width: 1024px;*/
    /*width: 100%;*/
    /*margin-left:5px;*/
    /*background-color: #DEDFE2;*/
    background-color: #ffffff;
	
}

#scheduletable {
	
}


#scheduletable th, #scheduletableHeader th{
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: verdana, arial, sans-serif;
    text-align: center;
    height: 1em;
    /*background-color: #112A5D;*/
    background-color: #5d2a11;
}

#scheduletable a:link, #scheduletable a:visited, #scheduletable a:active, #scheduletable a:hover,
#scheduletableHeader a:link, #scheduletableHeader a:visited, #scheduletableHeader a:active, #scheduletableHeader 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;
}

#scheduletable td.cell, #scheduletableHeader td.cell {
    font-weight: normal;
    font-size: 7pt;
    /*padding: 2px 4px 0 4px;*/
	padding: 2px;
    color: #0E224B;
    font-family: verdana, arial, sans-serif;
    text-align: right;
    vertical-align: top;
    border: 1px solid black;
    width: 33px;
	overflow: hidden;
}

#scheduletable .dayFields, #scheduletableHeader .dayFields {
    background: #FFFFFF ; /*url('../images/background_days.png') top left repeat-x;*/
}

#scheduletable .dayFieldsWE, #scheduletableHeader .dayFieldsWE {
   /* background:  url('../images/background_days.png') top left repeat-x;*/
}

#scheduletable .dayNumbers, #scheduletableHeader .dayNumbers {
    font-weight: bold;
    border: 1px dotted #112A5D;
    background-color: #EEEEEE;
    padding: 1px;
}

#scheduletable .headlineNotes, #scheduletableHeader .headlineNotes {
    font-weight: bold;
    border: 1px dotted #112A5D;
    background-color: #EEEEEE;
    margin: 2px;
    padding: 1px;
}

#scheduletable tr.nightRow, #scheduletableHeader tr.nightRow {
    background-color: #AAAAAA;
}

#scheduletable tr.dayRow, #scheduletableHeader tr.dayRow {
    background-color: #DDDDDD;
}

#scheduletable td.days, #scheduletableHeader td.days {
    font-weight: bold;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 1em;
}

#scheduletable td.daysWE, #scheduletableHeader td.daysWE {
    font-weight: bold;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 1em;
	background: #FF3333;
}

#scheduletable td.daysHO, #scheduletableHeader td.daysHO {
    font-weight: bold;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 1em;
	background: #FFAAAA;
}

#scheduletable .today, #scheduletableHeader .today {
    background-color: #FFFF99;
}

#scheduletable td.dayimage {
	background: url('../images/sonne.png') no-repeat bottom left;
}

#scheduletable td.nightimage {
	background: url('../images/mond.png') no-repeat bottom left;
}

#scheduletable .shiftSelectorDiv {
	width: 65px;
	cursor: pointer;
}

#scheduletable .shiftSelector {
	font-size: 10px;
	/*width: 45px;*/
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#scheduletable .overtimesSelectorDiv {
	width: 34px;
	overflow-x: hidden;
	cursor: pointer;
}

#scheduletable .overtimesSelector {
	font-size: 9px;
	/*width: 45px;*/
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#scheduletable td.editModeTD {
	padding: 3px 0 0 1px;
}

.highlight {
	background-color: #FEF4CF !important;
}

.isemployeed {
	background-color: #FEF4CF !important;
}

#waitingmessage {
    position: absolute;
    top: 300px;
    left: 424px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    border:2px solid #666;
    background-color: #DDDDDD;
    text-align: center;
    padding: 8px;
    z-index: 1001;
}

#overlayAll {
	width: 2000px;
	height: 2000px;
	background: url('../images/overlay.png');
	position: absolute;
	z-index: 1000;
}

.borderShortNotApproved {
	border: 2px solid red !important;
}

.borderShortApproved {
	border: 2px solid green !important;
}