/* ############### BOARDS & COMMISSIONS MEMBERS ######################### */
/* ========= global structural properties =========== */
#results { border:1px solid #C8C8C8;border-right:2px solid #C8C8C8;width:100%;clear:both; }
#results > div { width:100%;border-bottom:1px solid #C8C8C8; }
.head { width:100%;padding:10px 0 10px 0;background-color:#F2F2F2;border-top:1px solid #FFF;border-right:1px solid #FFF; }
.body { width:100%;border-right:1px solid #FFF;background-color:#FFF;height:40px;overflow:hidden; }
.head > div, .body > div { display:inline-block;text-align:center; }
.body > div { padding:10px 0 10px 0; }
/* ========== granular selections of individual cells =========== */
.stateSelect { width:5%; }
.name { width:39%; }
.type { width:25%; }
.affiliation { width:30%; }
.start { width:24%; }
.end { width:25%; }
.appointed { width:25%; }
.title { width:24%; }
.links { width:100%; }
.links > a { padding:0 20px;height:10px;vertical-align:top; }
/* ======== dynamic properties ========= */
.hidden { position:absolute;left:-9999px; }
.selected { background-color:#C5D1E7; }
#results .hover { background-color:#C5D1E7;border-right:2px solid #C5D1E7;border-top:1px solid #C5D1E7;cursor:pointer; }
.collapsed .body { position:absolute;left:-9999px; }
.expanded .body { border-top:1px dotted #C8C8C8; }
/* ======== members control =========== */
#control { margin:15px 0 8px 0;float:right; }
#control > div { margin:0 2px;float:right; }
.defaultCollapse { background-image:url(/images/collapse_g.png);background-position:top;width:15px;height:15px;cursor:pointer; }
.defaultExpand { background-image:url(/images/expand_g.png);background-position:top;width:15px;height:15px;cursor:pointer; }
.hoverCollapse { background-image:url(/images/collapse.png);background-position:top;width:15px;height:15px; }
.hoverExpand { background-image:url(/images/expand.png);background-position:top;width:15px;height:15px; }
/* ========= details page ============= */
#terminfo table { border:1px solid #C8C8C8; }
#terminfo table tr td { width:200px;font-size:90%; }
#member { text-align:center;padding:10px 0;width:415px;border:1px solid #C8C8C8;background-color:#eeeeee;margin:15px auto; }
#name { font-size:130%;font-weight:bold; }
#heading { font-weight:bold;background-color:#3d5c92;color:#ffffff;margin:auto;padding:6px;width:400px;text-align:center;border: 1px solid #C8C8C8; }
#terminfo table #head { background-color:#eeeeee;font-weight:bold; }
.vacant .head {
	background-color: #DDD !important;
	color: #666;
}

