/* frontend edit mode styles (all beginning with "dpgem-") */

.dpgem-loadingbar {
    position: absolute;
    z-index: 999;
}

.dpgem-invisible {
    display: none;
    margin: 0;
    padding: 0;
}

.dpgem-visible-though {
    display: inline;
}

.dpgem-invisible-though {
    display: none;
}

.dpgem-tinymce-editor { width: 100%; }

.dpgem-tinymce-editor-unchangeable { width: 100%; }

.dpgem-saveable-container { width: 100%; }

.dpgem-saveable-container input {
    display: block !important;
}

.dpgem-simple-text {
    width: 95%;
    border: 0 !important;
    /*background-color: transparent;*/
}

.dpgem-toolbar {
    background-image: url(../pictures/frontend_em_toolbar.png) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 66px;
    filter: alpha(opacity=90) !important;
    -moz-opacity: 0.9 !important;
    opacity: 0.9 !important;
    z-index: 1000;
}

.dpgem-button {
	float: right;
	background: url(../pictures/frontend_em_btn_left.png) no-repeat !important;
	padding: 0 0 0 10px;
    margin: 19px 19px 5px 5px;
    cursor: pointer !important;
}

.dpgem-button-active {
    float: right;
	background: url(../pictures/frontend_em_btn_left_a.png) no-repeat !important;
	padding: 0 0 0 10px;
    margin: 19px 19px 5px 5px;
    cursor: pointer !important;
}

.dpgem-button .dpgem-button-text {
	float: left !important;
	height: 27px !important;
	background: url(../pictures/frontend_em_btn_stretch.png) repeat-x left top !important;
	line-height: 27px !important;
	padding: 0 10px !important;
	color: #929292 !important;
	font-size: 1.3em !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

.dpgem-button .dpgem-button-text-active {
	float: left !important;
	height: 27px !important;
	background: url(../pictures/frontend_em_btn_stretch_a.png) repeat-x left top !important;
	line-height: 27px !important;
	padding: 0 10px !important;
	color: white !important;
	font-size: 1.3em !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

.dpgem-button span {
	background: url(../pictures/frontend_em_btn_right.png) no-repeat;
	float: left !important;
	width: 10px !important;
	height: 27px !important;
}

.dpgem-button span.dpgem-button-span-active {
	background: url(../pictures/frontend_em_btn_right_a.png) no-repeat;
	float: left !important;
	width: 10px !important;
	height: 27px !important;
}

.dpgem-button-image {
    border: 0 !important;
    padding: 0 !important;
    float: left !important;
    margin: 0 3px 0 0 !important;
}

.dpgem-button-image-single {
    border: 0 !important;
    padding: 0 !important;
    float: left !important;
    margin: 0 !important;
}

.dpgem-logo {
    float: left !important;
    background: url(../pictures/frontend_em_dpglogo.png) no-repeat !important;
    height: 66px !important;
    width:60px !important;
    margin: 0 !important;
}

.dpgem-button-shrink {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 13px !important;
    text-align: center !important;
    margin: 53px 0 0 0 !important;
    padding: 0 !important;
}

.dpgem-button-shrink img {
    cursor: pointer !important;
    float: none !important;
    margin: 0 !important;
    border: 0 !important;
}

.dpgem-button-blow {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 13px !important;
    text-align: center !important;
    margin: 0 !important;
    display: none;
    padding: 0 !important;
}

.dpgem-button-blow img {
    cursor: pointer !important;
    float: none !important;
    margin: 0 !important;
    border: 0 !important;
}

.dpgem-button-add-to-list {
    cursor: pointer !important;

}

.dpgem-contextmenu-opener {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 3px !important;
    width: 5px !important;
    display: inline !important;
}

.dpgem-imgbtn-menu-context {
    position: absolute;
    min-width: 140px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    background-image: url(../pictures/frontend_em_context.png) !important;
    border: 1px #929292 solid;
    display: none;
    z-index: 1000;
}

.dpgem-imgbtn-menu-context p { padding: 5px; margin: 0; border-bottom: 1px #929292 dotted; font-size: 10px; line-height: 12px; }
.dpgem-imgbtn-menu-context a { color: white; }
.dpgem-imgbtn-menu-context a:link 		{ text-decoration:none !important; }
.dpgem-imgbtn-menu-context a:visited 	{ text-decoration:none !important; }
.dpgem-imgbtn-menu-context a:hover 	    { text-decoration:none !important; }
.dpgem-imgbtn-menu-context a:active 	{ text-decoration:none !important; }
.dpgem-imgbtn-menu-context a:focus 	    { text-decoration:none !important; }

.dpgem-imgbtn-menu-mode {
    border: 0 !important;
    cursor: pointer !important;
    width: 11px !important;
    height: 10px !important;
}

.dpgem-imgbtn-menu-text {
    display: inline;
    /* float: left; */
}

.dpgem-multifunction-layer {
    background-color: #333333 !important;
    border: 10px #929292 solid !important;
    padding: 20px !important;
    width: 400px;
    position: absolute;
    z-index: 1001;
    display: none;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.dpgem-iframe {
    filter:alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    border: 0;
}

.dpgem-multifunction-layer fieldset {
    border: 1px #929292 solid !important;
    color: white !important;
    padding: 5px !important;
}
.dpgem-multifunction-layer-head {
    color: white !important;
    font-weight: bold !important;
    margin: 4px !important;
    font-size: 1.5em !important;
}
.dpgem-multifunction-layer .trA {
    background-color: #929292 !important;
    color: #333333 !important;
}
.dpgem-multifunction-layer td {
    color: white !important;
    font-size: 1.1em !important;
}

.dpgem-multifunction-layer-long {
    width: 600px;
}

.dpgem-multifunction-layer-long select.dpgem-select {
    width: 300px;
}

.dpgem-error-dialog {
    color: red;
    font-weight: bold;
}

.dpgem-newsticker {
    position: absolute !important;
    float: left !important;
    top: 25px !important;
    left: 50px !important;
}

.dpgem-newsticker iframe {
    width: 450px;
    height: 30px;
}

.dpgem-imgbtn-delete {
    margin: 0 !important;
    border: 0 !important;
}

.dpgem-clear {
    clear: both !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* tinyMCE style modifications */

.mceContentBody { margin: 0; }

/* overwrite old edit mode styles for the case where the new config_general.css
   has not been installed */

div.dynpg_A_edit_mode img {
    border: 0 !important;
    height: 16px !important;
}

div.dynpg_A_edit_mode {
    position: relative !important;
    top: 0 !important;
    float: right !important;
    z-index: 999 !important;
    width: 16px !important;
    filter: alpha(opacity=80) !important;
    -moz-opacity: 0.8 !important;
    opacity: 0.8 !important;
}

span.mce_fullscreen_fem {background-position:-100px -20px !important;}