body {
	margin: 0 20px 0 20px;
	background-color: #FFF;
}
#logo {
	height: 91px;
	background-image: url(/images/otmtc.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
}
#topnav {
	background-image: url(/images/headbg.gif);
	height: 25px;
}
#maintable #navigation {
	vertical-align: top;
  height: 100%;
}
#maintable td.content {
	margin-top: 2px;
	vertical-align: top;
	background-color: #f6f6f6;
	height: 100%;
	width: 100%;
}
#Caption {
	padding: 12px 10px 13px 10px;
	font-weight: bold;
  border-bottom: 1px solid #FFF;
  background-color: #f7f7f7;
}
.settings {
	background: #f7f7f7;
  border-bottom: 1px solid #FFF;
  padding: 5px;
}
#contentdiv {
  border-bottom: 1px solid #FFF;
}
#maintable {
	border: 0px;
	width: 100%;
	height: 100%;
}
#welcome {
	background-color: #f7f7f7;
	color: #000;
}
#welcome #domain {
	font-weight: bold;
	padding: 10px;
	padding-bottom: 0;
}
#ContentBox {
  border-bottom: 1px solid #FFF;
	background-color: #f7f7f7;
	padding: 10px;
}
.ContentBox {
  border-bottom: 1px solid #FFF;
	background-color: #f7f7f7;
	padding: 10px;
}
form {
	margin: 0;
}
.SearchTD {
	padding: 0 10px 0 5px;
}
.SecondLevelNav {
	 list-style-type:none;
	 margin: 0;
	 padding: 0;
}
div.help {
	background: #FFFFE0;
  border-bottom: 1px solid #FFF;
	padding: 10px;
}
#Site {
  height: 100%;
}
.ExpButton {
 width: 244px;
}
.ExpButton div{
  width: 100px;
}
.ExpButton img {
	margin: 2px;
}

.navitem_over {
	color: #666666;
	border-top: 1px solid #f7f7f7;
	padding: 2px 0 2px 5px;
	cursor: default;
	width: 192px;
	background: #DAE0E7;
}
.navitem {
	color: #000000;
	border-top: 1px solid #f7f7f7;
	padding: 2px 0 2px 5px;
	cursor: default;
	width: 192px;
	height: 15px;
	valign: bottom;
	background: #7ac2e8;
}
.marker{
   align: right;

   border: none;
}
.navitem_p_over {
	color: #000;
	border-top: 1px solid #f7f7f7;
	padding: 2px 0 2px 5px;
	cursor: default;
	width: 190px;
	background-position: right;
}
.navitem_p {
	color: #FFF;
	border-top: 1px solid #f7f7f7;
	padding: 2px 0 2px 5px;
	cursor: default;
	width: 192px;
	background-position: right;
}
.navitemnolink {
	color: #FFF;
	border-top: 1px solid #f7f7f7;
	padding: 2px 0 2px 5px;
	cursor: default;
	width: 192px;
	background: #7ac2e8;
}
.nav_dark {
   background-color: #7ac2e8;
   color: #FFFFFF;
   cursor: default
}
.nav_bright {
   background-color: #DAE0E7;
   color: #7ac2e8;
   cursor: default
}
.subnav {
   width: 252px;
   background-color: #f7f7f7;
   border: 1px solid #DAE0E7;
   cursor: pointer;
   left: 216px;
   position:absolute; 
   visibility:hidden;
   margin-top: -20px;
}
th a {
	color: #FFF;
	text-decoration: underline;
}
th a:hover {
	color: #FFF;
	text-decoration: underline;
}
.subnavitem {
	color: #000000;
	background-color: #7ac2e8;
	cursor: hand;
	margin: 0 0 1px 0;
	padding: 2px 0 2px 5px;
}
.subnavitem_over {
	color: #666666;
	background-color: #DAE0E7;
	cursor: hand;
	margin: 0 0 1px 0;
	padding: 2px 0 2px 5px;
}
.subnavitem_p {
	color: #DAE0E7;
	background-color: #7ac2e8;
	cursor: hand;
	margin: 0 0 1px 0;
	padding: 2px 0 2px 5px;
}
.subnavitem_p_over {
	color: #7ac2e8;
	background-color: #DAE0E7;
	cursor: hand;
	margin: 0 0 1px 0;
	padding: 2px 0 2px 5px;
}
#Title {
   text-align: center;
}
div, li, td {
   font-family: Arial, Helvetica;
   font-size: 12px;
}

#Menuitem {
   padding-left: 10px;
}
#MenuitemHover {
   padding: 2px;
   padding-left: 10px;
   background-color: #FFFFFF;
}
a {
   color: #000000;
}
a:hover {
   color: #000000;
}
#Menuitem a {
   text-decoration: none;
}
#Menuitem a:hover {
   text-decoration: none;
}

.Headline {
   font-family: Arial, Helvetica;
   font-size: 16px;
   color: #FFFFFF;
   font-weight: bold;
   width: 100%;
   background-color: #7ac2e8;

   padding: 3px;
}
.table-3d {
   border: 1px solid #888888;
   width: 100%;
}
.table-head-3d {
	padding: 3px 10px 3px 5px;
	background-color: #7ac2e8;
	color: #FFF;
	font: bold 12px Arial, Helvetica;
	text-align: left;
	padding-left: 5px;
}
.table-head-3d B{
	color: #FFF;
}
.table-3d td {
	font: 12px Arial, Helvetica;
   font-weight: normal;
   color: #444444;
   padding: 2px 10px 2px 5px;
   text-align:left;
   vertical-align: top;
}
.dr {
	font: 12px Arial, Helvetica;
   font-weight: normal;
   color: #444444;
   padding: 20px 10px 2px 5px;
   text-align:left;
   vertical-align: top;
}
.dr2 {
	font: 12px Arial, Helvetica;
   font-weight: normal;
   color: #444444;
   padding: 2px 10px 2px 5px;
   background-color: #CCE8F7;
   text-align: left;
   vertical-align: top;
}

.graph-bar-row {

   border-top:1px solid #888888;
   border-left:1px solid #888888;
   border-right:1px solid #888888;

      background-image:    url(/images/graph_bar_tbg.png);
      background-repeat:   repeat-x;
}

a {
   text-decoration: none;
}
.hidden-tr {
   display: none;
}
.visible-tr {

}
#TimeSelect {
}

.text {
   font-family: Tahoma, Arial;
   font-size: 11px;

}

@media print {
   #Navigation {
      display: none;
   }
   .table-3d {
      width: 100%;
   }
   #Content {
      width: 99%;
   }
}

.MenuOff { display: none; }
.MenuOff {  }


.table_cal {

	width: 100%;
}
.table_cal th {

	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;  
}
.table_cal td {
	text-align: center;
}
td.td_cal {
	color: #696969;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

}
.a_cal { 
	color: #434343;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
td.empty { 
	color: #696969;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
td.sunday {   color: #F94500;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;       }
td.today {   color: Blue;  font-family: Arial, Helvetica, sans-serif;  font-size: 11px; font-weight: bold;       }
td.headdays {   color: Black;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;       }
td.ago {   color: #C9C9C9;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;       }
.empty {   color: #696969;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;       }
.sunday {   color: #F94500;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;       }
.sunday_u {   color: #F94500;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;  text-decoration: underline;        }
.today {   color: Black;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px; font-weight: bold;   text-decoration: underline;      }
.selected { 
	background-color: yellow;  
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
	text-decoration: underline;
}
.headdays {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.ago {
	color: #C9C9C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; text-decoration: underline;
}
.ago {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; text-decoration: underline;
}
.between {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}
.inpButton {
	border: 1px solid #888;
  font: 12px Arial, Helvetica;
}

#login_left {
	height: 30px;
 	width: 50%;
 	text-align: right;
 	valign: middle;
 	font-size: 11px; 
 	font-weight: bold; 
 	font-family: verdana;
 	border-right: 1px solid #cccccc;
}
#login_right {
	height: 30px;
 	width: 50%;
 	text-align: left;
 	padding-left: 5px;
 	valign: middle;
 	font-size: 11px; 
 	font-weight: bold; 
 	font-family: verdana;
}

input.read{
   width: 150px;
   color: gray;
}

input.write{
   width: 150px
}

#ieonly{
   font-size: 10px;
   font-weight: normal; 
   color: #aaaaaa;
   text-decoration:none
}
#ieonly:hover{
   font-size: 10px;
   font-weight: normal; 
   color: #999999;
   text-decoration:none
}