html {  height:100%; width:100%; }
body {  top: 0px; padding: 0px; margin: 0px; height:100%; width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #ffffff;}
table {border-collapse:collapse}
a:link, a:visited, a:active, a:hover { padding-left:0px; text-decoration:none; font-weight: normal; }
h1 { color: #333333; text-align: center; margin: 2px 0 4px 0; font-size:16px; }
h2 { color: #666666; text-align: center;  margin: 2px 0 2px 0; font-size:14px; }
h3 { color: #333333; text-align: center;  margin: 2px 0 2px 0; font-size:12px; }
h4 { text-align: left; margin: 2px 0 2px 0; }
h5 { color: #333333; text-align: center;  margin: 2px 0 2px 0; font-size:16px; }
p  { margin: 2px 0 2px 0; }
form { margin: 3px; }

.top_table, .main_table { margin-left: auto; margin-right: auto; text-align:left; border:1px solid #aaaaaa; background-color:#ffffff; }
.bottom_table { margin-left: auto; margin-right: auto; text-align:left; border:1px solid #aaaaaa; background-color:#ffffff; }
.main_table { height: 300px; border-top:none; }
.bottom_table { border-top: 0px; }
.divide { border-bottom:1px solid #aaaaaa; }

.red, .mandatory, .alert { color: #cc0000; text-align:center; }
.mandatory { text-align:right; }
.alert { font-size: 1.5em; font-weight:bold; }
.bold, .red { font-weight:bold; }

.dashed_table { border: 1px; margin-left: auto; margin-right: auto; dashed #cccccc; background-color:#ffffff; }
.dashed_table_client { border: 1px dashed #cccccc; margin-left: auto; margin-right: auto; width:100%; }
.dashed_table_client2 { border: 1px dashed #cccccc; margin-left: auto; margin-right: auto; }

a.tooltip{ position:relative; z-index:24; color:#000; text-decoration:none; }
a.tooltip:hover{ z-index:100; background:; }
a.tooltip span{ display: none; }
a.tooltip:hover span{ position:absolute; display: block; font-size:10px; font-weight:normal; top:20px; left:20px; width:150px; border:1px solid #c0c0c0; background-color:#eeeeee; color:#0a06a4; text-align: left; padding:5px 5px 5px 5px;text-decoration:none; }

/*left navigation menu*/
.navleft { border: 1px solid #eeeeee; width:200px; }
.navleft div { font-size: 1.4em; padding:1px; margin-top: 6px; font-weight:bolder; color: #cccccc; }
.navleft ul	 { padding:0px; margin:0 0 0 20px; }
.navleft ul li a { font-size: 1.1em; padding:2px; margin-top: 4px; font-weight:bolder; color:#999999; text-decoration:none; }
.navleft ul li ul li a { font-size: 1em; padding:2px; margin-top: 4px; font-weight:bold; color:#6699FF; }

/*reports*/
.report { width: auto; border-spacing: 0px; border: 1px solid #cccccc; margin: 0 auto; }
.report th{ background-color: #efefef; text-align:center; font-weight:bold; font-size:12px; border: 1px solid #cccccc; padding: 2px; }
.report td{ background-color: #ffffff; border: 1px solid #cccccc; vertical-align: top; padding: 4px; }
.report a{ text-decoration: none; }
.notfound { text-align:center; font-weight:bold; }
.subtotal td  { background-color: #F7F7F7; text-align:right; }
.total    td  { background-color: #EEEEEE; text-align:right; }
.minimum  td  { background-color: #E4E4E4; text-align:right; }
.average  td  { background-color: #D4D4D4; text-align:right; }
.maximum  td  { background-color: #C4C4C4; text-align:right; }
.paging   td  { background-color: #B4B4B4; text-align:center; }
.paging   td a{ color: #666666; font-weight:bold; }

.hover:hover td { background-color: #D4D4D4; color: #000000; }

.hidden { display:none; }

/* main page */
.topbd { border-top: 1px solid #cccccc;   }
.lkbg:link, .lkbg:visited, .lkbg:active { text-decoration: none; font-size: 14px; color: #3645fc; font-weight: bolder;  }
.lkbg:hover { color: #6671ff; }

.main_tb {  padding-left:0px; width: 244px; height:317px; background-image: url(images/tb-bg.gif); }
.mtbm { margin:14px; }
.mtbl { height:23px;  color:#eeeeee; font-size:9px; background-color:#b7b7b7; }
.mtbl a {  margin-top:0px; margin-left:195px; text-decoration: none; color: #ffffff; }
.mtbl a:hover {	color: #ffffff; }

.lmenu { width:750px; }
.lmenu td a:link, .lmenu td a:visited, .lmenu td a:active { font-weight: bold; color: #333333;  }
.lmenu td a:hover { color: #666666; }

ul { margin: 7px; padding: 7px; }

.small { font-family: Arial; font-size:9px; font-weight: bold; color: #333333; }
.small:link, .small:visited, .small:active, .small:hover { text-decoration: none; }