.reportsect { margin: 10px 4px 1px 4px; border-bottom: 1px dashed #c0c0c0; padding: 2px 2px 2px 2px; }
.reportlistgroup {  }
.reportlistgroup:hover {  }

.reporticon { float: left; background-color: #F9F9F9; background-repeat: no-repeat; 
              background-position: 4px center; border: 1px solid #DCDCDC; width: 140px; height: 40px; 
              padding: 2px 4px 2px 40px; cursor: pointer; margin: 4px 1px 4px 1px; -moz-border-radius: 11px; -webkit-border-radius: 11px;}
.reporticon:hover {border: 2px solid #E27474; background-color: #FFFFE0; margin: 0px 0px 0px 0px; height: 46px; }
.reporticon:focus { outline:none; }

/* do not alter the below selector as it is called via Javascript later */
.reporticon .repicodesc { display: none; visibility: hidden; position:relative; top: -139px; left:-10px; color: #483d8b; 
            background: url(site/balloon.png) no-repeat; padding: 6px 8px 6px 35px; width: 160px; height: 77px; }
.reporticon:hover > .repicodesc { visibility: visible; }
.reporticon > .repicodesc:hover { visibility: hidden; }

/* properties beginning with an asterix below will be read only by IE...  bit of a hack but it works */
.vcenter div { display: table; height: 100%; *display: block; *position: relative; } 
.vcenter div span { display: table-cell; vertical-align: middle; *display: block; *position: absolute; *left: 0px; *width: 100%; *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }

.reporticon.report { background-image: url(report3.gif); }
.reporticon.query { background-image: url(query.gif); }
.reporticon.graph { background-image: url(graph3.gif); }
.reporticon.money { background-image: url(money3.gif); }

.reporttable {empty-cells: show;}
.reporttable thead {font-weight: bold; display:table-header-group; cursor: pointer; background-color: #EEEEEE;}
.reporttable thead td:hover {color: #B22222; background-color: #FFF1C1;}
.reporttable tbody {display:table-row-group;}
.reporttable tbody tr:hover {background-color: #FFFFE0;}
.reporttable td {border-bottom:1px solid #B9B9B9; padding: 1px 5px 1px 5px;}
.reporttable th {border: none; padding-right: 5px; padding-left: 5px;}
.reporttable tfoot {font-weight: bold; background-color: #EEEEEE; display: table-row-group;}
.reporttable tfoot td {border: none;}
.reporttable tr {page-break-inside: avoid;}
.reportopts {padding: 2px 2px 2px 2px; margin: 5px 1px 1px 1px; border: #FFDEAD 1px solid; background-color: #FFFFF0; font-weight: bold; text-align: center;}
.rcellR {text-align: right;}
.rcellC {text-align: center;}
.rcellNW {white-space: nowrap;}
.rsubrow {font-weight: bold; padding-bottom: 10px; padding-right: 5px;}
.reportgroup {font-weight: bold; background: #f5f5f5;}
.printgroup {page-break-inside: avoid;}

/* deprecated */
.reportcellR {text-align: right;}
.reportcellC {text-align: center;}
.reportsubrow {font-weight: bold; padding-bottom: 10px; padding-right: 5px;}