/* always visible */
#outer { width: 100%;  margin-top: 10px;}
#outer .holder { width: 100%; background-color: #d71920; padding: 1em; border:1px solid #fff; margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0; margin-left: 10px;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}
#outer .holder h4 {margin: 0px; padding: 0px; #margin-left: 10px; padding-left: 0px; }

/* unclicked style div.more */
#outer div.more i {display:none;float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#fff; font-weight:bold; margin-top: -15px;}
#outer div.more i.hide {display:block;}
#outer div.more p {display:block; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; }
#outer div.more img {display:block;}
#outer div.more table {display:block;}
#outer div.more br { display:block;}
#outer div.more hr { display:block; margin-left: 10px;}

/* clicked style div.click */
#outer div.click i.show {display:block;}
#outer div.click i.hide {display:none;}
#outer div.click p {display:none; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; }
#outer div.click img {display:none; float:left; padding-right:10px;}
#outer div.click table {display:none;}
#outer div.click br {display:none;}
#outer div.click hr {display:none;}