.boj-members {background:#f5f5f5;}
.boj-members .moduleBody {}
.boj-members .moduleBody ul {width:auto; margin:0 5px;}
.boj-members .moduleBody ul li {position:relative;}
.boj-members .prof {width:60%; float:left;}
.boj-members .stance {width:40%; float:right; background:#ddd; padding:5px; box-sizing:border-box;}
.boj-members img {float:left; margin:0 5px 5px 0;}
.boj-members .moduleBody h4 {font-size:14px; margin-bottom:0;}
.boj-members .ruby {font-size:11px; color:#666; margin-bottom:.5em; display:block;}
.boj-members .title {font-size:12px; display:block;}

.boj-members .stance h5 {font-size:12px; font-weight:normal; margin-bottom:0;}
.boj-members .stance .flag {line-height:25px; text-align:center; background:#fff; color:#000; font-weight:bold; border-radius:5px; font-size:14px;}
.boj-members .stance .flag.yes {background:#0083bf; color:#fff;}
.boj-members .stance .flag.no {background:#303030; color:#fff;}

.boj-members .open, 
.boj-members .close {font-size:12px; font-weight:bold; cursor:pointer;}
.boj-members .open:hover,
.boj-members .close:hover {color:#ff8000;}
.boj-members .open {float:left;}
.boj-members .close {text-align:center; display:none;}

.boj-members .text-area {height:0; opacity:0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;transition:all 0.5s ease-in; overflow:hidden; clear:left;}
.boj-members .text-area p {font-size:13px; line-height:1.4; margin:0 0 .5em 0;}

.boj-members .detail .text-area {height:auto; opacity:1; overflow:visible;}
.boj-members .detail .close {display:block;}
.boj-members .detail .open {pointer-events:none; cursor:inherit;}

.summary-chart {background:#f5f5f5; position:relative; border-top:1px solid #ccc;}
.summary-chart p {margin:0; display:block; width:220px; height:100%; min-height:100%; max-height:100%; color:#333; padding:10px; float:left; margin-right:10px; line-height:1.5;}
.summary-chart p .date-label {display:block; font-weight:bold; margin:0  0 0.25em; color:#000;}
.summary-chart .header-label {font-size:12px; margin:10px 10px 5px 0; font-weight:bold; width:360px; float:right; clear:right;}
.summary-chart ul.header-bars {float:left; width:auto; height:auto; background:#eee; position:relative; margin:0 0 10px; }
.summary-chart ul.header-bars li {height:100%; min-height:100%; max-height:100%; font-size:12px; text-align:center; line-height:1.5em; padding:1.2em 0; float:right; background:none; color:#000;}
.summary-chart ul.header-bars li#yes{background:#0083bf; color:#fff; float:left;}
.summary-chart ul.header-bars li#no {background:#303030; color:#fff;}
.summary-chart ul.header-bars li span { font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:2.0em;}