.hidden {display:none}
div#simplePanel {
  position:absolute;
  top:25%;
  left:50%;
  transform: translate(-50%, -25%);
  width:auto;
  z-index:10;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.5);
  box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.5);
}

/* panel header styles */
div.simplePanelHeader {
  margin: -11px auto 0 auto;
  text-align: center;
}
.simplePanelHeaderText{
  display: inline-block;
  height: 49px;
  font-size: 2em;
  line-height: 2em;
  color: white;
  font-weight: bold;
  padding:0 8px;
  text-transform: uppercase;
  background: url("/images/simple-panel-header-bg-fill.png") repeat-x scroll 0 0 transparent;
  position: relative;
}

span.simplePanelHeaderCorner {
  position: absolute;
  width: 20px;
  height: 49px;
  top: 0;
}

span.sphLeft {
  background: url("/images/simple-panel-header-corner-left.png");
  left:-20px;
}

span.sphRight {
  background: url("/images/simple-panel-header-corner-right.png");
  right: -20px;
}

/* contact group styles */
div#simplePanelContent ul {
  display: block;
  float: left;
  list-style: none outside none;
  padding: 0 10px 10px 10px;
  width:556px;
}
div#simplePanelContent ul li {
  float:left;
  width:110px;
  height:110px;
  margin-right:1px;
  padding-bottom:1px;
  display:inline;
}
div#simplePanelContent ul li a {
  display:block;
  text-decoration:none;
  color:white;
  position:absolute;
}
div#simplePanelContent ul li a img {
  width:110px;
  height:110px;
  z-index:10;
}
div#simplePanelContent ul li a span.contact-name {
  background: none repeat scroll 0 0 black;
  bottom: 4px;
  height: 30px;
  left: 0;
  padding: 3px;
  position: absolute;
  text-align: left;
  font-weight:bold;
  width: 103px;
  z-index: 12;
  opacity: 0.5;
  filter:alpha(opacity=50);
}

div#simplePanelContent span#avatar-border {
  height:90px;
  width:90px;
  border:10px solid #f68c1e;
  position:relative;
}

div#simplePanelContent.simpleAlertBody {
  font-size: 16px;
  padding: 20px;
}

#simplePanelContent .galleryGroup .more  {
    top: 15px;
    background: #F68C1E url('../../images/mycell/more_icon.png') 0 0 no-repeat;
    cursor: pointer;
}

#simplePanelContent .galleryGroup .back {
    top: 15px;
    background: #F68C1E url('../../images/mycell/back_icon.png') 0 0 no-repeat !important;
    cursor: pointer;
}

.galleryGroup .more, .galleryGroup .back {
  width: 102px;
  height: 102px;
  position: static !important;
  padding: 4px;
  font-weight: bold;
  font-family: HelveticaNeue-BoldCond;
  font-size: 16px;
  display: table-cell !important;
  vertical-align: bottom;
}