/* ----------  Preview Based Editing ---------- */

.showStatus, .showStatus div, .showStatus table td, .showStatus table tr,.showStatus table th, .showStatus span, .showStatus img {
background-color:#ddffdd;
background:#ddffdd;
}

.pbeArea {display:block;position:absolute; top:5px;left:5px;background:white;border:black 1px solid;padding:3px;}
.pbeArea[id] {position:fixed;}
.pbeArea .schalter a {text-align:right;font-weight:bold;}
.pbeArea div.doc {text-align:left;padding:3px 3px 3px 19px;}
.pbeStatus {border-top:#666 1px  solid;}
.hidePbeArea{display:none;}
.changed {background:url('/tsi/icons/hox/corem/editor/icons-16x16/version-changed-by-me.png') no-repeat left;}
.published {background:url('/tsi/icons/hox/corem/editor/icons-16x16/empty.png') no-repeat left;}
.checkedOut {background:url('/tsi/icons/hox/corem/editor/icons-16x16/version-checked-out-by-me.png') no-repeat left;}

/* Highlighting fuer grid */
div.col11hover, div.col11hover div, div.col11pressed, div.col11pressed div,
div.mGridhover, div.mGridhover div, div.mGridpressed, div.mGridpressed div,
div.lGridhover, div.lGridhover div, div.lGridpressed, div.lGridpressed div,
div.col11hover table td, div.col11pressed table td, div.col11hover table tr, div.col11pressed table tr,
div.mGridhover table td, div.mGridpressed table td, div.mGridhover table tr, div.mGridpressed table tr,
div.lGridhover table td, div.lGridpressed table td, div.lGridhover table tr, div.lGridpressed table tr
 {
  background:url() #ddddff;
}

/* Highlighting fuer Container */
div.contentBox div.hover, div.contentBox div.hover div, div.contentBox div.pressed, div.contentBox div.pressed div,
div.contentBox div.hover h1, div.contentBox div.pressed h1, div.contentBox div.hover h4, div.contentBox div.pressed h4
,
div.contentBox div.hover table td, div.contentBox div.pressed table td, div.contentBox div.hover table tr, div.contentBox div.pressed table tr
 {
 background: #bbbbff;
}
div.appetizerBox div.hover, div.appetizerBox div.hover div, div.appetizerBox div.pressed, div.appetizerBox div.pressed div,
div.appetizerBox div.hover h1, div.appetizerBox div.pressed h1, div.appetizerBox div.hover h4, div.appetizerBox div.pressed h4
 {
  background-color: #bbbbff !important;
}
div.rechteBox div.hover, div.rechteBox div.hover div, div.rechteBox div.pressed, div.rechteBox div.pressed div,
div.rechteBox div.hover h4, div.rechteBox div.pressed h4
 {
  background-color: #bbbbff !important;
}

/* Highlighting fuer Content */
span.conthover,  span.contpressed, span.conthover span,  span.contpressed span,
div.conthover, div.contpressed,
 div.conthover div, div.contpressed div, div.conthover h1, div.contpressed h1,
tr.conthover th, tr.contpressed th, tr.conthover td, tr.contpressed td, tr.conthover td div, tr.contpressed td div,
div.boxIntroTexthover p, div.boxIntroTexthover a,div.boxIntrotextpressed p,div.boxIntroTextpressed a,
li.hover,li.pressed {
  background-color: #9999ff !important;
}

/* Highlighting fuer Properties */
span.prophover, span.proppressed, div.prophover, div.proppressed, div.prophover div, div.proppressed div {
 background:#7777ff !important;
color:#eeeeee;
}

/* Highlighting fuer Images */
span.hover img, span.pressed img {background-color: #9999ff !important;}

/*div.contentBox div.hover img, div.contentBox div.pressed img,
div.appetizerBox div.hover img, div.appetizerBox div.pressed img,
div.rechteBox div.hover img, div.rechteBox div.pressed img,
div.col11 div.hover img, div.col11 div.pressed img,*/
span.hover img, span.pressed img, .showStatus img {
  filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;
}