/* always visible */
#outer {margin:0px; padding:0px;}
#outer .holder {padding:5px; border:1px solid #ddd; margin:0;}
#outer .holder p {padding:5px 0 0 0; margin:0; font-size: 11px;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#c00;}

/* unclicked style div.more */
#outer div.more i {
	margin-right:0;
	cursor:pointer;
	color:#23536f;
	font-weight:normal;
	text-align: right;
	font-style:normal;
	font-size:11px;
}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {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:10px;}


.p-more{ width:300px;}