/* Times, Arial, Verdana or Georgia */

#notselected { font-size: 8pt;  background-color: #006699; color: #cccccc; font-weight: bold; text-align: center; }
#selected { font-size: 8pt;  background-color: #cccccc; color: #006699; font-weight: bold; text-align: center; }

#small {font-size: 8pt;}
#vn { color:silver; }
#cal { background-color: #006699; color: #cccccc; font-weight: bold; text-align: right; }

#ml {background-color: #006699; color: #CCCCCC; font-weight: bold; text-align: center;}
#mh {background-color: #F0F0E0; color: #005588; font-weight: bold; text-align: center;}
#ri { text-align: right; }
#normal { font-size: 10pt; }

body {
  background: silver 50% repeat fixed;
  font-family: arial,helvetica;
}

form {
  margin: 0 0 0 0;
  padding:0;
}

a {
 color: navy;
}

a:link {text-decoration: none}
a:active {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}

h1.title {
 font-family: arial,helvetica;
 font-size: 26px;
 color: navy;
 text-decoration: none;
 font-weight: bold;
 margin: 10;
}

h3 {
 text-align: center;
}

th {
	font-weight : bold;
	background : Silver;
}

td {font-size: 8pt; font-family: helvetica, sans-serif; text-decoration:none; vertical-align:top; }

td.title {
 text-align: left;
 vertical-align: middle;
 font-family: arial,helvetica;
 font-size: 18pt;
 font-weight: bold;
 color: navy;
 margin: 0 0 0 20px;
}

p.title {
 font-family: arial,helvetica;
 font-size: 12px;
 text-decoration: none;
 font-weight: bold;
 margin: 10;
 color: navy;
}

tr.graph {
 vertical-align: bottom;
 text-align: center;
 width: 50px;
 font-family: arial,helvetica;
 font-style: italic;
 font-size: 6pt;
 color: #000040;
}

table {
 margin: 0 0 0 0;
}

table.detail {
 font-family: arial,helvetica;
 font-size: 8pt;
 color: #000040;
 text-align: left;
}

table.dataSummary {
 font-size: 10pt;
}

table.searchSummary {
 font-size: 10pt;
}

.title {
 text-align: left;
 vertical-align: middle;
 font-family: arial,helvetica;
 font-size: 18pt;
 font-weight: bold;
 color: navy;
 margin: 0 0 20px 0;
}

.label {
 font-family: arial,helvetica;
 font-size: 12px;
}

.buttonBar {
 position: absolute;
 margin: 10px 10px 10px 0;
 text-align: right;
 float: right;
 right: 0px;
 z-index: 1;
}

.button {
 width: 98px;
 height: 23px;
 color: navy;
 margin: 0 10px 0 0;
 font-family: arial,helvetica;
 font-size: 13px;
 text-decoration: none;
 font-weight: bold;
 text-align: center;
 cursor: pointer;
 background-image: url(picture/button.png);
 Filter: Chroma(Color = #FFFFFF);
}

a.clA0{ /* All top level links */
 color:white;
 font-size:12px;
 text-decoration:none;
 font-weight:bold;
}

.content>p {
 margin: 0;
}
.content>p+p {
 text-indent: 30px;
}

/* All the content boxes belong to the content class. */
.content {
 position: relative;
 width: 98%;
 margin: 0 0 10px 0px;
 border: 2px solid navy;
 background-color: white;
 padding: 10px;
}

.contentData {
 position: relative;
 width: 97%;
 margin: 0 0 10px 0px;
 border: 2px solid navy;
 background-color: white;
 padding: 10px;
}

.screenList {
 position: absolute;
 right: 10;
 width: 50;
 margin: 0 0 0 0;
 border: 1px solid navy;
 font-family: arial,helvetica;
 font-size: 10px;
 background-color: white;
 padding: 5px;
/* z-index: 1;*/
}

.subContent {
 position: relative;
 width: auto;
 margin: 0 0 20px 0px;
 border: 0px solid navy;
 background-color: white;
 padding: 10px;
 font-family: arial,helvetica;
 font-size: 10pt;
/* z-index: 2;*/
}

#logo {
 position: absolute;
 top: 13px;
 left: 1000px;
 z-index: 1;
 Filter: Chroma(Color = #7F7E7D);
}

#title {
 position: absolute;
 top: 37px;
 left: 137px;
 z-index: 1;
 color: white;
 visibility: hidden;
}

#logo2 {
 position: absolute;
 top: 13px;
 left: 17px;
 z-index: 1;
 Filter: Chroma(Color = #7F7E7D);
}

#title2 {
 position: absolute;
 top: 37px;
 left: 137px;
 z-index: 1;
 color: navy;
 visibility: visible;
}

#btnView {
 width: 17px;
 height: 13px;
 cursor: pointer;
 background-image: url(picture/btnView.png);
 Filter: Chroma(Color = #7F7E7D);
 overflow: hidden; 
}

#btnAdd {
 width: 13px;
 height: 13px;
 cursor: pointer;
 background-image: url(picture/btnAdd.png);
 Filter: Chroma(Color = #7F7E7D);
 overflow: hidden; 
}

#btnEdit {
 width: 13px;
 height: 13px;
 cursor: pointer;
 background-image: url(picture/btnEdit.png);
 Filter: Chroma(Color = #7F7E7D);
 overflow: hidden; 
}

#btnDrop {
 width: 11px;
 height: 13px;
 cursor: pointer;
 background-image: url(picture/btnDrop.png);
 Filter: Chroma(Color = #7F7E7D);
 overflow: hidden; 
}

#btnPrint {
  float: right;
  width: 30px;
  height: 25px; 
  cursor: pointer;
  background-image: url(picture/btnPrint.png);
  Filter: Chroma(Color = #7F7E7D);
  overflow: hidden; 
}

#btnEmail {
  float: right;
  width: 30px;
  height: 25px; 
  cursor: pointer;
  background-image: url(picture/btnEmail.png);
  Filter: Chroma(Color = #7F7E7D);
  overflow: hidden; 
}

#toel {
  position: absolute;
	bottom: 0;
	right: 0;
	width: 19px;
  height: 15px; 
	background-image: url(picture/toelLogo.png);
	Filter: Chroma(Color = #7F7E7D);
	overflow: hidden; 
}

#required0 { height:16px; padding: 0 0 0 20px; background-image: url(picture/required0.jpg); background-repeat: no-repeat;}

#required1 { height:16px; padding: 0 0 0 20px; background-image: url(picture/required1.jpg); background-repeat: no-repeat;}

#required2 { height:16px; padding: 0 0 0 20px; background-image: url(picture/required2.jpg); background-repeat: no-repeat;}

@media print { 
  #navbar {  display: none; }
  #btnView { display: none; }
  #btnEdit { display: none; }
  #btnDrop { display: none;}
  #btnEmail { display: none; }
  #btnPrint { display: none;}
  #toel { display: none;}
  .contentData { border: 0; }
  .buttonBar { display: none;}
}

@page { margin: 0cm }