/* Der Aufbau des Ribbons setzt sich wie folgt zusammen:
   Es kann zwischen Div-Boxen mit großen, sowie Div-Boxen mit kleinen Symbolen unterschieden werden, der Aufbau ist dann jedoch analog.
   Das Äußerste DIV ist das contextbig (oder contentsmall) DIV. gefolgt von Boxinner welches wiederum Image(s) sowie die Caption enthält.
   Darunter steht die Caption des Footers.
    */


/*boxcontent big */
.actionribbon-boxcontentbig
{ /*width: 59px; */
  height: 65px;
  float: left;
  margin-right: 15px;
  padding-top: 5px;
  color: #2779aa;
  font-size: 12px !important;
}

/*boxleft big*/
.actionribbon-boxinnerbig
{ /*width: 59px;*/
  height: 70px;
}

/*boximg big*/
.actionribbon-boximgbig
{ /*width: 32px;*/
  height: 32px;
  text-align: center;
}

/*boxcaption*/
.actionribbon-boxcaptionbig
{
  height: 20px;
  text-align: center;
  padding-top: 2px;
  overflow: auto; /* to fit content*/
}

/*boxcontent small */
.actionribbon-boxcontentsmall
{ /*width: 59px;*/
  height: 65px;
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}

/*boxleft small */
.actionribbon-boxinnersmall
{ /*width: 59px; */
  height: 20px;
}

/*boximg small*/
.actionribbon-boximgsmall
{
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 5px;
}

/*boxcaption small*/
.actionribbon-boxcaptionsmall
{
  height: 20px;
  position: relative;
  padding-top: 2px;
  overflow: auto; /* to fit content*/
}

/*footer*/
.actionribbon-footer
{
  text-align: center;
  clear: both;
  margin-right: 10px;
  cursor:pointer;
}

/*buttonhost*/
.actionribbon-buttonhost
{
  border-right: 1px solid #aed0ea;
  margin-right: 5px;
  margin-left: 5px;
}

.actionribbon-buttonhosthead
{
  border-right: 1px solid #aed0ea;
  margin-right: 5px;
  padding-top: 15px;
  background-color: #DDDDDD;
  height: 70px;
}

.p-ribbonhead 
{
  margin: 1em;
  cursor: pointer;
  text-align: center; 
}

.toggleoff
{
  display: block;
}

.toggleframe
{
  float: left;
  display: block;
  margin-right: 15px;
  height: 70px;
  padding-top: 15px;
  cursor: pointer;
  border-right: 1px dotted #aed0ea;
  padding-right: 10px;
}

.togglereplace
{
  float: left;
  display: block;
  margin-right: 15px;
  height: 70px;
  padding-top: 15px;
  cursor: pointer;
  border-right: 1px dotted #aed0ea;
  padding-right: 10px;
}

.togglerimg
{
  float: left;
  width: 100%;
  text-align: center;
  display: block;
}

.groupButtonLarge
{
  cursor: pointer;
  float: left;
  padding-right: 5px;
}

.groupButtonLargeDisabled
{
  cursor: default;
  float: left;
  padding-right: 5px;
  opacity: 0.5;
}

.groupButtonSmall
{
  cursor: pointer;
  text-align: left;
  padding-right: 5px;
}

.groupButtonSmallDisabled
{
  cursor: default;
  text-align: left;
  padding-right: 5px;
  opacity: 0.5;
}

.textBlock {
  text-align: left;
  cursor: pointer;
  padding-right: 5px;
  cursor: default;
}