.flex_open .when_shut {
  display: none; }
.flex_open .when_open {
  display: block; }

.flex_shut .when_shut {
  display: block; }
.flex_shut .when_open {
  display: none; }
  
/* === Header */

.flex_header {
  cursor: pointer;
  padding: 1px 8px 2px 23px;
  border-top: solid 1px #b1bdd6;
  background: #d8dfea;
  -khtml-user-select: none;
}
  
.flex_header div {
  float: left;
}

.flex_header .flex_edit {
  font-weight: bold; 
  float: right;
}

.flex_header h2 {
  display: inline;
  font-family: Perpetua;
  position: relative;
  font-size: 18px;
  width: 720px;
}

.when_open .flex_header {
  color: #3B5998; 
  border-top: solid 1px #3B5998;
}

.when_shut .flex_header {
  color: #b1bdd6; 
  background-color: #eee;
}

.flex_box {
  padding: 12px 2px 2px 2px;
}

.click_to_expand {
  display: none;
}

.click_to_collapse {
	top: 1px;
	color: #888888;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    display: inline;
}