.listNav ,.ln-letters {overflow:hidden; margin-bottom: 5px;}
.listNavHide {display:none;}
.listNavShow {display:list-item;}
.letterCountShow {display:block;}
.ln-letters a {font-size:0.9em;display:block;float:left;padding:2px 6px; margin: 2px; border:1px solid silver;text-decoration:none;}
.ln-letters .ln-last {border-right:1px solid silver;}
.ln-letters a:hover ,.ln-letters .ln-selected {background-color:#eaeaea;}
.ln-letters .ln-disabled {color:#ccc;}
.ln-letter-count {position:absolute;top:0;left:0;width:20px;text-align:center;font-size:0.8em;line-height:1.35;color:#336699;}
#demoFour li {
    float: left;
	margin: 12px 70px 0 0;
    width: 185px;}
	
#demoFo li {
	width: 185px;}

#demoFour a, #demoFo label {
    /*border: 1px solid silver;
	text-align: center;
	padding: 10px;*/
    display: block;
    /*margin: 0 10px 10px 0;*/
	margin: 0 70px 0 0;
    padding: 0;
	text-align: left;
    /*text-decoration: none;
    width: 85px;*/
	width: 185px;
}
#demoFo label:hover {
  /*background-color: #00CCFF;*/
  cursor: pointer; cursor: hand;
} 
.subItem {
    display: none;
}

#demoFo .cb {
    display: none;
}

.cb:checked + .subItem {
    display: block;
}