/*  Visual  */

.flexOpen {
    padding-bottom: 5px; 
    display:block;
    width: 100%;
}
/*  Headers  */

.flexHeader {
  padding: 3px 8px 3px 8px;
  border-top: 1px solid #b7ad7f;
  background: #eae5ce;
  display:block;
  text-align: left;
}
  
.flexHeader div {
  float: left; }

.flexHeader h2 {
  display: inline;
  color: #1d201e; }

/* Content Box */

.flexBox {
  padding: 0px;
  margin-left: 0px;
  display:block;
}

.flexBox .placeHolder {
    background-color: #f7f7f7;
    color: #777;
    padding: 8px;  
}

.no_padding {
  padding: 0px; }

.flexBox h4 {
  margin: 1px 0px 0px;
  padding: 4px 0px 2px;
  font-size: 11px;
}

/* === Subheader === */

.fSub {
  padding: 2px 8px 2px 8px;
  border-top: solid 1px #ccc;
  height: 14px;
  background: #eee; 
}
  
.fSub .fDetails {
    float: left; 
    color:#444;
    width: 184px; }
.fSub .wSeeAll {
    width: 140px; }
.fSub .fSeeAll {
    text-align: right;
    float: left;
    width: 44px; }


.friendTable {
  margin: 0px;
  margin: 5px 5px 15px; }
.friendTable td {
  margin: 0px;
  padding: 1px 0px;
  vertical-align: bottom;
  text-align: center;
  width: 62px;
  font-size: 11px; }
.friendTable table {
  margin: 0px auto;
  padding-bottom: 0px; }
.friendTable img {
  margin-top: 5px; }

.add {
    margin:3px 0px 3px 3px;	
}

#rate {
    margin: 0px;
    padding: 0px;
}

#percent {
 position:relative;
 text-align:center;
 top:-15px;
 height: 0px;
 font-weight: bold;
 display:block;
 color: #8c9575;
}

#rateLeft {
 float:left;
 height: 16px;
}

#rateRight {
 float:left;
 height: 16px;
 border-right: 1px solid #EEE;
}

.rLeftGreen {
 border-top: 1px solid #ddd;
 background-color:#cee3b5;
}

.rRightGreen {
 border-top: 1px solid #ECECEC;
 background-color:#FAFAFA;
}

.rLeftGold {
 border-top: 1px solid #ddd;
 background-color:#edd7a3;
}

.rRightGold {
 border-top: 1px solid #ECECEC;
 background-color:#FAF3D8;
}

.rLeftRed {
    color: white;	
	border-top: 1px solid #ddd;
	background-color:#f9c1a1;
}

.rRightRed {
    color: white;   
	border-top: 1px solid #ECECEC;
    background-color:#fbe8dd;
}


.actionPointsValue {
    font-weight: bold;
    color: #720404;
}

.listElement {
    width:67px;
    float:left;
    margin: 10px 0px;	
}

.listElement table {
/*    height: 115px; */
}

.listElement td {
    text-align: center;	
}

.listElement td.image {
    height: 100%;
    vertical-align: top;
}

#currentUserRating {
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: green;
    font-weight: bold;
    padding: 5px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}