body,td,th,input,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #eae39f;
/*	background-image: url(background.png);
	background-repeat: repeat-x;
*/	margin: 0px;
}
.adminbackground{
	background-image: url(background.png);
	background-repeat: repeat-x;
	margin: 20px auto;
	width:990px;
	vertical-align:middle;
}
form {
	margin: 0;
}
hr {
	margin: 15px 0px 15px 0px;
	color: #003366;
	height: 1px;
}
h1 {
	text-align: center;
	font-size: 20px;
	color: #000000;
	text-transform: uppercase;
}
h2 {
	font-size: 15px;
	color: #888899;
	margin: 5px 0px 5px 0px;
}
a:link, a:visited, a:active {
	color: #555566;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #888899;
}
.note {
	color: #666666;
	font-size: 10px;
}
label {
	cursor: pointer;
}
.menu {
	margin: 0;
	padding: 0;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 2px;
    background: #000 url(menu.png) ;
    background-repeat:repeat-x;
}
.menu li {
	list-style-type: none;
	display: inline;
	padding-right: 1px;
}
.menu a, .menu a:link, .menu a:active, .menu a:visited {
	border-bottom: 0;
	padding: 7px;
	color: #555;
}
.menu a:hover {
	text-decoration: none;
	color: #fff;
    background: #fff url(menuo.png) ;
    background-repeat:repeat-x;
}
.current a, .current a:link, .current a:active, .current a:visited {
	background: #fff url(menuo.png) ;
    background-repeat:repeat-x;
	color: #fff;
}
.menu li ul.submenu {z-Index:99; position: absolute; background: #eae39f; margin: 0; display: none; padding-left:0px; padding-right:10px; text-transform: none;; font-size: 100%; border: 2px outset #fff;}
.menu li ul.submenu li{width: 95%; text-align: left; background: #dad38f; color:#555555; font-weight: normal; margin: 0; padding: 0; line-height: 1.7em; display: block;}
.menu li ul li a {width: 95%; padding: .6em .8em .6em .8em; background: #eae39f; }
.menu li:hover ul, .menu li a:focus ul, .menu li ul li {display: inherit; margin-top:1.5em; margin-left: -80px;}
.menu li ul.submenu li a, .submenu li a:link {width: 95%; padding: .6em .8em .6em .8em; background: #eae39f; color: #555555; display:inherit;}
.menu li ul.submenu li a:hover, .submenu li a:focus{ background: #cac37f; color:#555555; display:inherit;}
.content {
    background: #f5f7e9 url(bgtitle.png) ;
    background-repeat:repeat-x;
	padding: 20px;
	height: 280px;
	width: 850px;
	text-align: left;
	vertical-align: top;
}
.loginout {
    background: #f5f7e9;
	padding: 20px;
	height: 280px;
	width: 850px;
	text-align: left;
	vertical-align: middle;
	border: 1px #666666 solid;
}
.row_a {
	background-color: #eae39f;
}
.row_b {
	background-color: #dad38f;
}
.row_c {
	background-color: #cac37f;    /* this is for mouseover in lines */
}
.hide {
	display: none;
}

input:focus, select:focus, textarea:focus {
	background: #F1F8FD;
}
input[type=submit], input[type=button], input[type=reset]{ background:#eae39f url(menuo.png); height:25px; border:1px solid #eae39f; }
input[type=file] { background:#eae39f; height:25px; border:1px inset #eae39f; width:97%; }
/* if a old version of forms is without this class in backend.css */
.formInfoBox{
  position:absolute;
  z-Index:2;
  display:none;
  background-color:#ffeedd;
/*  width:90px;*/
  border:2px outset #ffffff;
  padding:3px;
}
/* so on for calendar */
.divInfoBox{
  position:absolute;
  visibility:hidden;
  border:2px #ffffff outset;
  z-Index:2;
  background-color:#ffeedd;
/*  width:150px; */
  padding:3px;
}
/* Styles for settings */
.settings_table td {
	vertical-align: top;
	text-align: left;
}
.setting_name {
	width: 30%;
}
.setting_value {
	width: 70%;
}
.setting_value50 {
	width: 35%;
}
.setting_value input, .setting_value textarea {
	width: 98%;
}
.setting_value select, .setting_value50 select, .setting_value50 textarea {
	width: 99%;
}
.setting_value textarea {
	height: 50px;
}
#file_mode input {
	width: 12px;
	height: 12px;
}
#dir_mode input {
	width: 12px;
	height: 12px;
}
.labelinside{ margin: 0; position: relative; }
.labelinside label{
  color: silver;
  cursor: text;
  display: none;
  font-size: 1em;
  left: 0;
  line-height: 1em;
  padding: 3px 3px 3px 0.3em;
  position: absolute;
  top: 0;
}
.labelinside input,.labelinside textarea{ margin: 0; }
.save, .reset {
	width: 100px;
}
.setting_repair{
	width: 35%;
	text-align:right;
}
.setting_repair input{
	width: 99%;
}
#hide2 {
	display: none;
}
.not_visible{
	visibility:hidden;
}
.waitBox{
	width:30%;
	height:10%;
	position:absolute;
	z-Index:20;
	top:35%;
	left:35%;
	padding-top:5%;
	text-align:center;
	background:#eae39f;
	border:1px solid #aaaacc;
/*	display:none; */
}
/* special styles for planer */
.planerTopTable{ border-collapse:collapse;padding:3px;width:100%;border:1px solid #555555; }
.planerTopTable th{ height:1.2em; }
.planerTopTable th.leftCol, .planerTopTable td.leftCol{ width:20%;text-align:left;border-right:1px solid #555555; }
.planerTopTable td.leftCol{ vertical-align:top; }
.planerTopTable td.leftCol li{ list-style:none; }
.planerTopBox{ width:99%;height:580px; }
.terminBox{ width:100%;padding:2px; }
.timeBox table, .terminBox table{ width:99%;border:1px solid #555555;padding:0px;border-collapse:collapse; }
.timesCol{ text-align:center;width:9%;border-right:1px solid #555555; }
.timesColFD{ height:35px;vertical-align:top; }
.timesColFD p{ margin:1px;padding:0px;position:fixed;height:1.2em;overflow:hidden; }
.tColD{ width:91%;border:1px solid #555555;vertival-align:top; }
.tColW{ width:13%;border:1px solid #555555;vertival-align:top; }
.tColM{ width:14%;height:88px;vertical-align:top;border:1px solid #555555;text-align:right; }
.dColM{ width:99%;position:relative;padding:0;height:63px;overflow-y:overlay;text-align:left; }
.dColD{ width:99%;position:relative;padding:0; }
#scrollBoxMonth{ width:100%; }
#scrollBox{ width:100%;height:510px;overflow:overlay;border-top:1px solid #555555;border-bottom:1px solid #555555; }
#scrollBoxFullD{ width:100%;height:40px;overflow-y:overlay; }
#scrollBoxHead{ width:100%;overflow:hidden; }
#scrollBoxHead th{ text-align:center;font-size:0.9em;line-height:22px; }
.times{ display:block;width:99%;height:29px;border-bottom:1px solid #555555; }
.timesM{ display:block;width:95%;height:20px;left:1px; }
.timesFD{ display:block;width:95%;height:40px;left:1px; }
.terminsBox{ position:relative;top:0px;left:0px;width:100%;padding:0;margin:0; }
.termins{ position:absolute;z-index:1;border:1px solid #555555;box-shadow: 5px 5px 5px #888888; }
.terminsFD{ position:absolute;z-index:2;width:90%;left:0px;height:20px;border:1px solid #555555;box-shadow: 5px 5px 5px #888888; }
.terminsM{ position:relative;width:90%;left:0px;height:20px;border:1px solid #555555;box-shadow: 5px 5px 5px #888888; }
.termins span, .terminsFD span, .terminsM span{ display:block;width:98%;height:1em;overflow:hidden; }
.point{ cursor:pointer; }
#evtBox{ position:absolute; width:200px; font-size:1.0em ; padding:4px; border-radius:5px; box-shadow:5px 5px 5px #888; display:none; z-index:80;border:1px solid #808080; color:#2B3856; background:#FFFFE0; }
#editBox{ position:absolute; top:15%;left:15%;width:45%; padding:1px; display:none; z-index:99;border:3px outset #808080; background:#FFFFE0; }
#eventalarm{ position:absolute;z-Index:99;display:none;top:10%;left:15%;width:50%;text-align:left;padding:2px 2px 10px 2px;background-color:#ffffff;border:1px solid #ff0000;box-shadow: 10px 10px 5px #888888; }