.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
 background-color: #99CC00; color: #003333;}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
 color: #003300;}

td.header {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	background-color: #F7F7FF ;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-top-color: #F0F0F7;
	border-bottom-color: #C7C7DF;
	color: #333366;
}

td.keyval {
	border-style: ridge;
	border-color:#CCBBCC;
	border-width:thin;
	font-family:"Courier New", Courier, mono;
	font-weight:bold;
	font-size:12px;
	}
td.label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #444466;
	height:24px;
}
td.smalltxt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFEF;
	border-width: 1px;
	border-style: solid;
	border-color: #4B4B19;
	color: #224433;
}

td.top_menu_head {
	padding:2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12 px;
	font-weight: bold;
/*
	background:-webkit-linear-gradient(top, #d2d6cb 5%, #f9faf5 100%);
	background:-o-linear-gradient(top, #d2d6cb 5%, #f9faf5 100%);
	background:-ms-linear-gradient(top, #d2d6cb 5%, #f9faf5 100%);
	background:linear-gradient(to bottom, #d2d6cb 5%, #f9faf5 100%);
*/	background:linear-gradient(to bottom, #F7DDB7 5%, #FBB799 100%);

	background-color: #FBB799;
	color:#DFDFAF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #DFBFCF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6B4B19;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #8F4F7F;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #DFBFCF;

	border-radius: 5px 5px 5px 2px; 
}
td.mnubut {
	font-size:12px;
	font-weight:bold;
	font-family:Tahoma;
	color: #FFEEAA;
	text-align:center;
	background-color: #000066;  
	border-top: 1px solid  #EEEEFF;
	border-left: 1px solid #eeeeff;
	border-right: 2px solid #7f7f9f;
	border-bottom: 2px solid #7f7f9f;
	padding: 0.3cm, 0.3cm,0.3cm,0.6cm;
}
td.mnubut  a {
	font-size:12px;
	font-weight:bold;
	color: #C9Cb92; 
}

.lftBtn {
	background:linear-gradient(to bottom, #949fc2 5%, #020368 90%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb699', endColorstr='#613624',GradientType=0);
	background-color:#fbb699;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #573526;
	display:inline-block;
	cursor:pointer;
	color:#fff691;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:6px 12px;
	width:124px;
	text-align:center;
	text-decoration:none;
}
.lftBtn:hover {
	background:linear-gradient(to bottom, #949fc2 15%, #2a2c4b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#613624', endColorstr='#fbb699',GradientType=0);
	background-color:#613624;
}

.newBtn {
/*	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb699), color-stop(1, #613624));
	background:-moz-linear-gradient(top, #fbb699 5%, #613624 100%);
	background:-webkit-linear-gradient(top, #fbb699 5%, #613624 100%);
	background:-o-linear-gradient(top, #fbb699 5%, #613624 100%);
	background:-ms-linear-gradient(top, #fbb699 5%, #613624 100%);
*/	background:linear-gradient(to bottom, #949fc2 5%, #020368 90%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb699', endColorstr='#613624',GradientType=0);
	background-color:#fbb699;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #573526;
	display:inline-block;
	cursor:pointer;
	color:#fff691;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:6px 12px;
	width:210px;
	text-align:center;
	text-decoration:none;
}
.wd {
	background:linear-gradient(to bottom, #9CF 5%, #2D4F82 90%);
	color:#fff8C1;
	width:90%;
}
.newBtn:hover {
/*	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #613624), color-stop(1, #fbb699));
	background:-moz-linear-gradient(top, #613624 5%, #fbb699 100%);
	background:-webkit-linear-gradient(top, #613624 5%, #fbb699 100%);
	background:-o-linear-gradient(top, #613624 5%, #fbb699 100%);
	background:-ms-linear-gradient(top, #613624 5%, #fbb699 100%);
*/	background:linear-gradient(to bottom, #949fc2 15%, #2a2c4b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#613624', endColorstr='#fbb699',GradientType=0);
	background-color:#613624;
}
.newBtn:active {
	position:relative;
	top:1px;
}

.msg {
	font-family:  Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #104010;
	background-color: #FFFFFF;
	font-style: italic;
}


.nav {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #101010;
	background-color: #FFFFFF;
}

.navLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
	height:57px;
	width:94px;
	display:inline-block;
	padding-top:7px;
	padding-left:1px;

	background:linear-gradient(to bottom, #F7DDB7 5%, #FBB799 100%);

	background-color: #FBB799;
	border:thin outset #DFBFCF;

/*border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #DFBFCF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6B4B19;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #8F4F7F;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #DFBFCF;
*/
	border-radius: 5px 5px 5px 2px; 
}

.navLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333366;

}

.navLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF3300;
}
.navLink:active {
	position:relative;
	top:1px;
}

a.selLink {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E7E7FF;
}

a.selLink:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E7E7FF;
}
a.selLink:hover {
	background-color: #99CCFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#330066;
}

.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 3px;
	background-color: #FFFFCC;
 color: #003333;
}

.sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003300;
	background-color: #FFFF66;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCFF99;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
 color: #660000; font-weight: bolder; font-size: medium;
 }

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}
input.ival12 {
	color: #004422;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 1px;
}	
input.ivaltd {
	color: #002222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-width: 2px 1px 1px 2px;
	border-style: none;
	border-color: #BBCCAA;
	background-color: #FFFFFF;
	padding-top: 1px;
}	
input.btn {
	color: #221144;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
	background-image:url(images/bkbut.gif);
	background-repeat:repeat;
/*	background-color: #FFAF99/*#DBC3B8*/;
	border:thin outset #96966F;
	border-radius: 4px;
}	
input.ival {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000060;
	border-width: 1px 1px 1px 2px;
	border-style: groove;
/*	border-top-color: #6699CC; */

}	

input.chgbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #202040;
	border-width: 2px 1px 1px 2px;
	border-style: solid;
	border-top-color: #200040;
	background-color:#FFF7EE;
}
.field {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #556644;
	font-weight: bold;
	margin-bottom: 6px;
}
td.field {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7F8F7F;
	font-weight: bold;
	background-color: #F4F6EF;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #BBCCBB;
}

td.fldval {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #6F4F2F;
	background-color: #F7F7EF;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
}

td.one {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #336633;
	background-color: #F7FBF5;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B6B19;
	padding:2px;
}

td.two {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #224422;
	background-color: #EAF0E6;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6B8B49;
	padding:2px;
}
td.three {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666633;
	background-color: #EFEFDF;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6B8B49;
}

grn-w{
	background:transparent no-repeat top left;
	width:9em;font:bold 120%/1.1em arial;
	color:#000;
	text-decoration:none;
	text-align:center;
	margin:0 auto 1em;
	cursor:hand;
	cursor:pointer;
	display:block;
	}
.grn-w{background-image:url(grn_tl.gif);}

/* Calendar */
table.calendar      { width: 100%; }
table.calendar td   { text-align: center; }
table.calendar td a { display: block; }

table.calendar td a:hover {
    background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
}

table.calendar th {
    background-color: <?php echo $GLOBALS['cfg']['ThBgcolor']; ?>;
}

table.calendar td.selected {
    background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
a.mnbut {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #004040;
	text-decoration: none;
}
a.mnbut:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #A35600;
}
td.leftbox {
	text-align: center;
	background-color: #efe7cf;
	border-width: thin;
	border-style: solid;
	border-top-color: #fff7e0;
	border-right-color: #77674F;
	border-bottom-color: #77674F;
	border-left-color: #fff7e0;
}
#divWhole {
	position:fixed;
	background-color: #536976;
	background:linear-gradient(to bottom, #e4e5e6 5%, #00416a 100%);
	opacity:1;
	top:0;
	left:0px;
	height:100%;
	width:100%;
	z-index:-1;
}
@keyframes anopac {
  from {opacity: 0.1;}
  to {opacity: 1;}
}
#divBan {
	position:fixed;
	top:0;
	left:18%;
 	box-shadow: 2px 4px 16px -5px rgba(102,102,168,1);
	animation-name: anopac;
  animation-duration: 1.5s;
/*	transition:0.8s;
*/
	z-index:4;
}