/* always visible */
#outer .holder {padding:0.3em; border:1px solid #ddd; margin:0 3px 3px 0; font-family: arial; font-size:12px;}
#outer .holder p {padding:5px 0 0 0; margin:0; font-family: arial; font-size:12px;color:#181818;}
#outer .holder p.bold {font-weight:bold; font-family: arial; font-size:12px;}
#outer .holder h2 {margin:0; padding:0; font-family: arial; font-size:12px;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-5px 5px 0 0; cursor:pointer; color:#c00; font-weight:bold; font-family: arial; font-size:12px;}
#outer div.more i.hide {display:none; font-family: arial; font-size:12px;}
#outer div.more p {display:none; font-family: arial; font-size:12px;color:#686868;}
#outer div.more img {display:none; font-family: arial; font-size:12px;}

/* clicked style div.click */
#outer div.click i.show {display:none; font-family: arial; font-size:12px;}
#outer div.click i.hide {display:block; font-family: arial; font-size:12px;}
#outer div.click p {display:block; font-family: arial; font-size:12px;}
#outer div.click img {display:block; float:left; padding-right:5px;}