.ui-changeweb-icon { display:block; float:left; width:2em; height:1em; text-indent:-99em; overflow:hidden; outline:none; }
#changeweb-menu { position:absolute; top:0px; left:0px; width:100%; height:30px; z-index:99999; }
#changeweb-menu * { margin:0; padding:0; }
#changeweb-menu ul { list-style:none; }
#changeweb-menu li { height:30px; font-size:12px; float:left; }
#changeweb-menu li a, #changeweb-menu li p { height:12px; display:block; padding:8px 20px 8px 10px; text-decoration:none; }
#changeweb-menu li a:visited { text-decoration:none; color:#FFFFFF; }
#changeweb-menu li a:hover { text-decoration:none; color:#FFFFFF; }
#changeweb-menu .back-to-control-panel { width:12em; }
#changeweb-menu .back-to-control-panel a span { background:url(images/menu/left-triangle.gif) no-repeat center center; }
.add-page-link { padding:3px 5px; }
#changeweb-menu .current-page-status { width:35em; padding:0px 30px; }
#changeweb-menu .edit-page-properties { width:13em; }
#changeweb-menu .delete-page { width:11em; }
#changeweb-menu .mode-switch { float:right; }

#menu-stack-pane * { margin:0; padding:0; }
#menu-stack-pane ul { list-style:none; }



body.editable-mode { margin-top:30px; }
.contentmenu { position:absolute; }
.contentmenu ul { position:absolute; z-index:100; }
.maincontent-menu ul { z-index:90000; } 
#editform table { width:100%; }
.menu-root a:hover { color:#000000; text-decoration:none; }
.menu-root li { position:relative; }
.menu-root li ul { position:absolute; left:100px; z-index:51; }
.menu-root li ul li { width:150px; }
.styleEditor {}
.styleEditor .color-hex { border:2px solid #DDDDDD; width:60px; text-align:center; cursor:pointer; }
.styleEditor input.selected { border:2px solid #000000; font-weight:bold; }
.slider-text-font-size { margin:0px auto; }
#menu-stack-pane ul { list-style:none; }
#menu-stack-pane .menu-root .ui-widget-header { cursor:move;}
#menu-stack-pane .menu-root li { padding:0.4em 1em 0.4em 20px; }
#menu-stack-pane .menu-root li a { display:block; text-decoration:none; }

/*テスト用*/
.mouseOn { border:1px solid red; }

.ui-dialog h1,
.ui-dialog h2,
.ui-dialog h3,
.ui-dialog h4,
.ui-dialog h5,
.ui-dialog h6,
.ui-dialog form,
.ui-dialog div,
.ui-dialog span,
.ui-dialog ul,
.ui-dialog li,
.ui-dialog dl,
.ui-dialog dt,
.ui-dialog dd,
.ui-dialog p,
.ui-dialog blockquote { margin:0px; padding:0px; }
.ui-dialog ul { list-style:none; }
#changeweb-dialog form, #changeweb-dialog table { width:100%; }

/**
 * ページプロパティ
 */
.pagetype-selector { position:relative; }
#pagetype-selector-pane { position:absolute; }
* html #pagetype-selector-pane li.sfHover { width:17px; height:13px; }
#pagetype-selector-pane ul.dropdown-menu { width:17px; height:17px; padding:2px 0 0 2px; }
#pagetype-selector-pane .selector-panel { position:absolute; top:0px; left:17px; }
#pagetype-selector-pane .selector-panel li a { display:block; color:#222222; width:12em; padding:3px 5px; }
/**
 * イメージ追加
 */
.imagebox { text-align:center }
#imagebox, #loadEditor { margin:0px auto; }
#loadEditor { padding:0.2em 0.6em 0.3em; }
#imagebox img { width:100%; height:100%; }
/**
 * リサイズヘルパ
 */
.ui-resizable-helper { border:2px dashed #666666; }


.inlined-form table, .inlined-form textarea { width:100% }



#changeweb-dialog .radiobutton-option { display:block; }

/**
 * カスタムスタイルセレクタ
 */
#custom-class-selector th { border:1px solid #AAAAAA; }
#custom-class-selector th, #custom-class-selector td { padding:3px 5px; }
#style-list-pane, #selected-style-pane { width:300px; height:200px; background:#FFFFFF; border:1px inset #AAAAAA; padding:5px; overflow:auto; }

#styleEditorPanel { font-size:90%; }
table.bordered { border-collapse:collapse; }
.bordered th, .bordered td { border:1px solid #888888; }
.bordered th { background:#A4AFCC; }
#styleEditorPanel .interface-slider { padding:5px 10px; }
#styleEditorPanel .textbox-narrow { width:80px; }
#styleEditorPanel .textbox-wide { width:320px; }
#background-image-preview { margin:5px auto; background:#FFFFFF; border:1px solid #AAAAAA; height:1em; }
#current-style-info { width:100%; height:200px; }

/**
 * htmlエディタ
 */
#html-editor #html-title { width:400px; }
#html-editor #html-text { width:500px; height:300px; }

.item-wide textarea { width:400px; }