/* always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0px;}
#outer .holder p {padding:5px 0 0 0; margin:0;font-family :  Verdana, Arial; color : #000000; font-size : 9pt; line-height: 18px;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}
#outer .holder ul {list-style-image:url(greenp.gif);font-family :  Verdana, Arial; color : #000000; font-size : 9pt; line-height: 18px;}
#outer .holder hr {padding:0; border:0.1px solid #ddd; margin:10px 0px 10px 0px;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}
#outer div.more ul {display:none;}
#outer div.more hr {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:8px;  align:bottom;}
#outer div.click ul {display:block;}
#outer div.click hr {display:block;}