.grid_44col { width : 1056px; float : none; } .grid_43col { width : 1032px; float : left; } .grid_42col { width : 1008px; float : left; } .editor_wrapper { margin : 0px auto; height : 99%; padding : 35px 0px 0px 0px; width : 1058px; } .editable_hover { cursor : crosshair; opacity : .5; background-color : #ff0000; } .spacer24 { height : 24px; } .onright { float : right; } #rist_editor { height : 100%; } #editor_layer { position : fixed; height : 100%; width : 100%; left : 0px; top : 0px; z-index : 999; background-color : rgba( 255 , 255 , 255 , .3 ); padding : 0px; margin : 0px; display : none; } #editor_layer .grid_40col { float : left; clear : none; } #editor_header { background-color : #000000; height : 36px; position : absolute; top : 0px; } #editor_title { height : 36px; line-height : 36px; color : #ffffff; font-size : 1.25rem; font-weight : bold; } #editor_layer_close { margin : 6px 0px; cursor : pointer; } #editor_content_outer { height : 100%; background-color : #ffffff; background-image : linear-gradient(0deg, transparent 23px, #cccccc 24px ), linear-gradient(90deg, transparent 23px, #cccccc 24px); background-image : -webkit-linear-gradient(0deg, transparent 23px, #cccccc 24px ), -webkit-linear-gradient(90deg, transparent 23px, #cccccc 24px); background-size : 24px 24px; } #editor_content { position : relative; height : 100%; padding : 24px 39px 48px 39px; } #editor_content > div { height : 100%; overflow-y : auto; overflow-x : hidden; width : 1000px; } #editor_content .bottom { position : absolute; bottom : 12px; left : 48px; width : 100%; padding-right : 96px; } .submitButton { padding : 4px 0px; background-color : #cccccc; line-height : 1.0rem; text-align : center; font-weight : bold; text-decoration : none; color : #000000; float : right; margin-top : 24px; min-width : 144px; cursor : pointer; } .submitButton:not(:first-of-type) { float : left; } .submitButton:hover { background-color : #e3000b; color : #ffffff; } .buttonGroup { width : 193px; float : left; border : 1px solid #666666; padding : 0px 22px 22px 23px; } .buttonGroup.onright { margin-right : -1px; float : right; } .buttonGroup .submitButton { float : left; margin-top : 0px; } .buttonGroup .submitButton { margin-top : -1px; } .editor_slider { height : 100%; } .editor_slider > div { height : 100%; display : none; } .editor_slider > div:first-of-type { display : block; } .editor_slider .inner { padding : 1px 9px; } input , select , textarea, label { font-family : verdana; font-size : 1.0rem; line-height : 1.0rem; float : left; } label { margin-top : 6px; padding-bottom : 2px; } input[type=radio] , input[type=checkbox] { margin-top : 6px; margin-left : 5px; margin-right : 6px; } input[type=text] , input[type=password] { border : 0px none; border-bottom : 1px solid #666666; width : 383px; padding-top : 4px; padding-left : 6px; height : 24px; } textarea { width : 755px; height : 114px; border : 0px none; padding : 2px 6px; border-bottom : 1px solid #666666; margin-top : 1px; line-height : 1.5rem; } label { width : 192px; display : inline-block; color : #666666; } input.date_picker , input.short { width : 191px; } input.tiny { width : 47px; margin-right : 1px; } label.tiny { width : 24px; text-align : center; } label.tinyleft { width : 96px; } input.max { width : 768px; } li.navclose ul { display : none; } #struktur { margin : 0px 16px 0px 8px; font-size : 0.75rem; line-height : 0.875rem; border : 2px solid #666666; background-color : #FFFFFF; height : 100%; width : 472px; overflow-y : auto; float : left; position : relative; } #struktur ul , #otherMain_box ul { padding-left : 24px; } #otherMain_box > ul { padding-left : 0px; } #struktur > ul { padding-left : 0px; } #navPoint { display : none; width : 472px; height : 100%; float : left; border : 2px solid #666666; padding : 23px 22px 10px 14px; position : relative; overflow-y : auto; } #imageEditor { margin : 0px 0px 0px 8px; padding : 0; width : 960px; background-color : transparent; position : relative; } #rist_editor .ui-widget-content { background-image: none; } .ui-datepicker { background-color: #ffffff; } #imgHolder { padding : 0px; position : relative; left : 22px; margin-bottom : 48px; } #imgImage { position : absolute; z-index : 10; } #imgBlende { position : absolute; z-index : 100; } #imgPreview { left : 0px; top : 0px; cursor : move; } #blendeTop, #blendeLeft, #blendeRight, #blendeBottom { position : absolute; background-color : rgba( 255 , 255 ,255 , .7 ); } .preserveChanges { width : 100%; height : 100%; position : absolute; top : 0px; left : 0px; z-index : 50; background-color : rgba( 100 , 100 , 100 , .5); display : none; } li.open > span { content : '-'; } li.navclose > span { content : '+'; } li.open > span , li.navclose > span , li.empty > span { width : 24px; display : inline-block; cursor : pointer; background-image : url('../images/folders.png'); } li.open > span { background-position : 0px -27px; } li.navclose > span { background-position : 0px -2px; } li.empty > span { cursor : default; background-position : 0px -51px; } li.not_editable { color : #AAAAAA; cursor : default; } li.editable { color : #222222; cursor : crosshair; } li.editorDeactive { color : #AAAAAA; font-style : italic; } li.editorChosen { font-weight : bold; } li.editorChosen li { font-weight : normal; } .hidden { display : none; } .disabled { background-color : #eeeeee; color : #cccccc; font-style : italic; cursor : default; } .disabled:hover { background-color : #eeeeee; color : #cccccc; font-style : italic; } .highlight { background-color : #e3000b; color : #ffffff; } input#content { padding-top : 4px; } input.headline { font-size : 1.25rem; border : none; width : 960px; } #editor_elements { position : absolute; z-index : 100; right : 0px; top : 462px; border : 1px solid #000000; overflow : hidden; background-color : #ffffff; } #element_title { background-color : #000000; color : #ffffff; font-weight : bold; padding : 0px 11px; cursor : move; } #element_content { padding : 12px 11px 4px 11px; } #element_content .grid_40col { width : 100%; float : none; height : 24px; background-color : #999999; display : inline-block; overflow : hidden; text-align : center; font-weight : bold; color : #ffffff; cursor : move; } #element_content .grid_40col p { text-align : center; } #element_content h2 , p { font-size : 1.0rem; } #element_content img { display : none; } #element_content .content { text-align : center; } #content.highlight { background-color : rgba( 160 , 160 , 160 , .2 ); color : #000000; } #content .new_box { border : 1px dashed #000000; background-color : #ffffff; } #content .sort_handle , #rist_editor .sort_handle { background-color : #ffffff; position : absolute; right : 0px; top : 0px; width : 24px; height : 24px; background-image : url( '../images/svjf/icon-sortable.png' ); cursor : move; } #content .del_handle, #rist_editor .del_handle { background-color : #ffffff; position : absolute; right : 24px; top : 0px; width : 24px; height : 24px; background-image : url( '../images/svjf/icon-delete.png' ); cursor : pointer; } #newSort_box li { position : relative; list-style-type : none; } #generalSettings { padding-bottom : 96px; } #generalSettings .bottom { left : 48px; } #imgThumbs img { display : block; float : none; } #wait { position : absolute; width : 100%; height : 100%; background-color : rgba( 255 , 255 , 255 , .7 ); z-index : 99; display : none; } #wait img { position : absolute; top : 50%; left : 50%; margin-top : -48px; margin-left : -48px; }