body {
  color: #333;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
}

body warn {
  color: #FF0000;
}

label {
  display: block;
  margin-top: 10px;
}

button {
  margin-top: 5px;
}

.boxed {
  background: #ECF4FF none repeat scroll 0 0;
  border: 1px solid green;
  padding: 6px;
}

/* New click/hide */
#gallery {position:relative; line-height:20px; width:705px; padding: 50px 0 0 10px; background:url(pointer.jpg) no-repeat left top; height:450px;}
#gallery .switch {display:block; cursor:pointer; color:#000; font-weight:normal;}
#gallery .switch .turn_off {display:none;}
#gallery .off {color:#c00;}
#gallery .off .turn_off {display:inline;}
#gallery .off .turn_on {display:none;}
#gallery .hide {display:none;}
#gallery .show {position:absolute; top:0; left:380px; display:block; width:370px; background:#fff; z-index:200;}



/* Click Toogle */
/* always visible */
#outer .holder {
  padding:1em;
  border:1px solid #ddd;
  margin:0 20px 10px 0;
}
#outer .holder p {
  padding:5px 0 0 0; 
  margin:0;
}
#outer .holder p.bold {
  font-weight:bold;
}
#outer .holder h2 {
  margin:0; 
  padding:0;
}

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

/* clicked style div.click */
#outer div.click button.show {
  display:none;
}
#outer div.click button.hide {
  display:block;
}
#outer div.click p {
  display:block;
}
#outer div.click form {
  display:block;
}