.panel
{
  margin: 10px 0;
  box-shadow: 0 2px 5px #dddddd;
    border: 0;
}

.panelTitle
{
  color: #424242;
  font-size: 20px;
  padding: 10px 10px 0 10px;
  background: #ffffff;
  /*position: relative;*/
  font-family: 'Bree Serif', serif;
  z-index: 50;
  position: relative;
    max-width: 99%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.panelBody
{
  padding: 0 10px 10px 10px;
  background: #ffffff;
  /*overflow: hidden;*/
  position: relative;
  z-index: 55;
}

.panelIcon
{
  padding-right: 5px;
  padding-top: 2px;
}

.panelTitleText
{
}

.panelMoreLink
{
  position: absolute;
  right: 5px;
  top: 15px;
  padding-right: 20px;
  font-size: 12px;
  color: #777777;
  /*background: url('../images/icons/16x16/more.png') no-repeat right center;*/
}

.moreLink
{
  color: #777777;
  text-decoration: none;
}

.panelFooter
{
  clear: both;
}

.popupPanel
{
}

.popupPanelTitle
{
  color: #454545;
  font-size: 20px;
  padding: 5px 10px;
  background: #ffffff;
  position: relative;
  font-family: 'Bree Serif', serif;
  text-align: left;
}

.popupPanelIcon
{
  padding-right: 5px;
  padding-top: 2px;
}

.popupPanelTitleText
{
  /*position: absolute;*/
  /*top: 11px;*/
}

.popupPanelCloseLink
{
  position: absolute;
  right: 5px;
  top: 9px;
  padding-right: 20px;
  font-size: 12px;
  background: #ed1b2e;
}

.popupPanelBody
{
  background: #ffffff;
  padding: 5px 10px 10px 10px;
  text-align: left;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

.popupPanelFooter
{

}