/*******************************************/
/* FORMATTING OF THE MAGNOLIA CONTROL BARS */
/*******************************************/

/* control bar large */

body.edit_mode .mgnlControlBar table,
body.edit_mode .mgnlControlBar td,
body.edit_mode span.mgnlControlBar,
body.edit_mode .mgnlControlBar,
.mgnlMainbarPreview {
border: none;
background-color: #FFA500;
margin: 0;
padding: 0;
}

.mgnlMainbarPreview {
background-color: transparent;
}

.mgnlControlButton,
.mgnlControlButton_PUSHED,
.mgnlMainbarPreview .mgnlControlButton		/* button 'back to edit mode' in view mode */
{
display: block;
position: relative;
color: #000;
border-top: solid 1px #FFB834;
border-right: solid 1px #E29200;
border-bottom: solid 1px #E29200;
border-left: solid 1px #FFB834;
margin: 2px 5px 2px 5px;
padding: 1px 4px 2px 4px;
background-color: #FFAE1A;
}

.mgnlMainbarPreview {
width: 30px;
}

/* control bar small */

body.edit_mode .mgnlControlBarSmall table,
body.edit_mode .mgnlControlBarSmall td,
body.edit_mode span.mgnlControlBarSmall,
body.edit_mode .mgnlControlBarSmall,
body.edit_mode .mgnlControlBarSmall_PUSHED,
body.edit_mode .mgnlControlBarSmall_MOUSEOVER {
border: none;
background-color: #FFA500;
margin: 10px 0 0 0;
padding: 0;
}

body.edit_mode .mgnlControlBarSmall_MOUSEOVER {
background-color: #8a3;
}

.mgnlControlButtonSmall,
.mgnlControlButtonSmall_PUSHED {
display: block;
position: relative;
color: #000;
border-top: solid 1px #FFB834;
border-right: solid 1px #E29200;
border-bottom: solid 1px #E29200;
border-left: solid 1px #FFB834;
margin: 2px 2px 1px 2px;
padding: 0 2px 1px 2px;
background-color: #FFAE1A;
height: auto;
}

.mgnlBtnsLeft .mgnlControlButtonSmall,
.mgnlBtnsLeft .mgnlControlButton {
float: left;
}

.mgnlBtnsRight .mgnlControlButtonSmall,
.mgnlBtnsRight .mgnlControlButton {
float: right;
}

#contentParagraphs__mgnlNew,					/* erstelle einen grösseren abstand beim New Button */
#subPar__mgnlNew {
margin-top: 20px;
}

body.edit_mode .rightcolumn_images {
position: absolute;
top: 130px;
left: 790px;
width: 240px;
}

.activate_button {
padding: 0px 0 2px 0;
}

.activate_button img {
vertical-align:text-bottom;
}