.reportsect { margin: 15px 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: 7px 10px; border: 1px solid #DCDCDC; width: 160px; height: 40px; 
              padding: 2px 4px 2px 22px; cursor: pointer; margin: 5px 2px 4px 2px; 
              -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; }
              
.repfav { float: left; position: relative; top: -10px; left: -26px; height: 20px !important; width: 20px; z-index: 4;  background: url(staroff.png) no-repeat ;   }
.repfav:hover { background: url(staract.png) no-repeat; }

/*.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;}*/
              
/*.repfav { float: right; position: relative; top: -8px; left: 6px; height: 20px !important; width: 20px; z-index: 4;  background: url(staroff.png) no-repeat ;   }
.repfav:hover { background: url(staract.png) no-repeat; }*/


.repfavon { background: url(staron.png) no-repeat ;   }
.reportfav { background-color: #ffffcb; }


.reporticon:hover {border: 2px solid #E27474; background-color: #fff8dc; margin: 1px 1px 0px 1px; height: 46px; background-position: 7px 13px;
                     -moz-box-shadow: 1px 1px 1px #CCC; -webkit-box-shadow: 1px 1px 1px #CCC; box-shadow: 1px 1px 1px #CCC; }
.reporticon:hover .repfav {top: -7px; }

.reporticon:focus { outline:none; }



.repBarIcon {float: right; border-radius:5px 5px 0px 0px;}
.repBarIconL {float: left; border-radius:5px 5px 0px 0px;}
.repBarIconGen {padding: 3px 4px 3px 4px; margin: 0px 5px 0px 5px; font-weight: bold; cursor: pointer; color: #8b0000;}
.repBarIconOn { border: #FFDEAD 1px solid; background-color: #FFFFF0; border-bottom:0px;}
.repBarIconOff { border: #ebebeb 1px solid; background-color: #f6f6f6; border-bottom:0px;}



.reportopts {padding: 2px 2px 2px 2px; margin: 0px 1px 1px 1px; border: #FFDEAD 1px solid; background-color: #FFFFF0; font-weight: bold; text-align: center;}

.reportlist { display:block; height:18px; padding:3px 0 0 10px; margin-left:15px; width:50%; border-bottom: 1px solid #DCDCDC; }
.reportlist:hover { font-weight: bold; background-color: #ffff8e; }
.replistfav { float: left; position: relative; top: -3px; left: -15px; height: 20px !important; 
                         width: 20px; z-index: 4;  background: url(staroff.png) no-repeat ;   }
.replistfav:hover { background: url(staract.png) no-repeat; }
.replistfavon { background: url(staron.png) no-repeat ;   }

/*.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); }

.reportcolON { padding: 0 0px 1px 0px; background-color: #ffebcd; border: 1px solid #d5d5d5; border-radius: 5px; }
.reportcolOFF { padding: 1px 1px 2px 1px; }

.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); }
.reporticon.map { background-image: url(map3.gif); }

.reporttable {empty-cells: show;}
.reporttable thead {font-weight: bold; display:table-header-group; cursor: pointer; background-color: #EEEEEE; 
                     position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0;}

.reporttable thead td:hover {color: #B22222; background-color: #FFF1C1;}
.reporttable thead th:hover {color: #B22222; background-color: #FFF1C1;}
.reporttable tbody {display:table-row-group;}
.reporttable tbody tr:hover {background-color: #feff7b;}
.reporttable td {border-bottom:1px solid #B9B9B9; padding: 1px 5px 1px 5px;}
.reporttable th {background-color: #EEEEEE; border: none; padding-right: 5px; padding-left: 5px;}
/*  position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0; */
.reporttable tfoot {font-weight: bold; background-color: #eeeeee; display: table-row-group; }
/* .reporttable tfoot td {border: none; padding-top:8px; font-size:1.2em;} */
.reporttable tfoot td {border: none;}
.reporttable tr {page-break-inside: avoid;}
.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; margin-top: 5px; }
.printgroup {page-break-inside: avoid;}

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