@charset "utf-8";
.rank_title { margin:0 auto; text-align:center; font-weight:bold; font-size:12px; color:gray; }
.attendRankTable { width:100%; border:0; border-top:2px solid #cfcfcf; margin:3px 0 0 0; padding:0; color:gray;}
.attendRankTable th div { white-space:nowrap; }
.attendRankTable tr.bg0{ background:#fff;}
.attendRankTable tr.bg1{ background:#f8f8f8;}
.attendRankTable th,
.attendRankTable td{ border:0; padding:3px 1px; vertical-align:middle; }
.attendRankTable th{ background:#f4f4f4; text-align:center; }
.attendRankTable tbody th{ border-bottom:1px solid #e5e5e5;}
.attendRankTable td{ border-bottom:1px solid #f0f0f0;}
.attendRankTable th.button, .colTable th.button, .crossTable th.button { text-align:right; }
.attendRankTable td.alert, .colTable td.alert, .crossTable td.alert  { color:red !important; }
.attendRankTable td.alert a, .colTable td.alert a, .crossTable td.alert a { text-decoration:none; color:red !important; }
.attendRankTable .bold { font-weight:bold; font-size:12px; text-align:center; }
.attendRankTable .center { text-align:center; }
.aab {text-align:right;}
.aab a:link {text-decoration:none; color:gray }
.aab a:visited {text-decoration:none; color:gray }

/*Graph*/
.attendance_graph { 
    width:60%; 
    position:relative; 
    height:15px; 
    font:.9em Tahoma; 
    text-align:left;
}

.attendance_graph .progress { 
    position:absolute; 
    height:12px; 
    border:1px solid #a1a1a1; 
    text-align:center; 
    color:#a1a1a1;
    padding-top:1px;
}

.attendance_graph .progress:hover { 
    position:absolute; 
    height:12px; 
    border:1px 
    solid #d9d9d9;
    text-align:center; 
    color:#d9d9d9;
    padding-top:1px;
}

.attendance_graph .trans-image { 
    width:1px; 
    height:1px;
}

.attendance_graph .num { 
    position:relative; 
    color:#a1a1a1; 
    padding-left:3px; 
    white-space:nowrap;
}