* { margin: 0 ; padding: 0 }
html { height: 100% ; }
body { height: 100% ; overflow: hidden ; }

body { font-family: Arial, Helvetica, sans-serif ; font-size: 16px ; }

p { margin-bottom: 0.5em ; }
ul, ol { margin: 0.5em 0 0 1.25em ; }

input[type="text"] { height: 20px ; border: 1px solid #c5c5c5 ; padding: 0 5px ; }
label { height: 1.25em ; }

/* -------------------------------------------------------------------- */

#menu { position: absolute ; top: 15px ; right: 8px ; z-index: 1 ; }
#menu input[type='image'] { height: 30px ; }

.PopMenu-Item { width: 14em ; }
.PopMenu-Item a { padding: 5px 10px 5px 30px ; }

#alt-webapp-base-url { position: absolute ; top: 30px ; right: 110px ;
    font-size: 80% ; font-style: italic ; color: #cc0000 ;
}

#watermark { position: absolute ; left: 8px ; right: 8px ; bottom: 6px ; height: 30% ; }
#watermark { background: url("../images/watermark2.png") left bottom repeat-x ; background-size: auto 100% ; z-index: -999 ; }
#watermark img { height: 100% ; }

/* -------------------------------------------------------------------- */

.select2-dropdown { color: #444 ; }

.snippet-control button.generate { height: 26px ; padding: 2px 0 2px 5px ; color: #000 ; }
.snippet-control button.generate.inactive { color: #888 ; }
.snippet-control button.generate img { height: 20px ; margin-right: 5px ; vertical-align: middle ; }
.snippet-control .ui-selectmenu-button { padding: 2px 10px ; }
.snippet-control-menu-item { font-size: 75% ; font-style: italic ; }
.snippet-control .ui-selectmenu-button-closed { height: 26px ; }
.snippet-control .ui-selectmenu-icon.ui-icon { margin-top: -8px ; }

input.snippet-width { width: 3.75em ; }

.ui-dialog-titlebar { padding: 0.2em 0.5em 0.2em 0.5em !important ; }
.ui-dialog-titlebar img.flag { height: 0.9em ; margin: -2px 0.4em 0 0 ; }
.ui-dialog-titlebar-close { margin-top: -10px !important ; }
.ui-dialog-content { padding: 1em !important ; }
.ui-dialog-content p { margin-bottom: 0.5em ; }
.ui-dialog-buttonpane { margin: 0.5em !important ; padding: 0.75em 0.5em 0.4em 0.5em !important ; }
.ui-dialog-buttonpane button { margin: 0 0 0 0.5em !important ; padding: 0.2em 0.5em ; }
.ui-dialog-buttonpane button:first-child {  margin-left: 0.25em !important ; }
.ui-dialog-buttonpane button.ok { background: #ddd ; }
.ui-dialog-buttonpane button.ok:hover { background: #ccc ; }

/* spectrum color-picker */
.sp-container { border-color: #aaa ; border-radius: 2px ; }
.sp-palette { max-width: 120px ; }
.sp-palette-row-selection { margin-top: 6px ; border-top: 1px solid #ccc ; padding-top: 6px ; }

/* growl notification balloons */
#growls-br { bottom: 2px ; right: 3px ; }
.growl-title { display: none ; }
.growl-close { position: absolute ; top: 0 ; right: 5px ; }
.growl .pre { font-family: monospace ; }
.growl div.pre { margin: 0 0 1em 1em ; font-size: 80% ; }

/* splitters */
.gutter { position: relative ; background-color: #ddd ; }
.gutter-vertical { cursor: row-resize ; }
.gutter-horizontal { cursor: col-resize ; }
img.vsplitter-gripper { position: absolute ; left: calc(50% - 15px) ; }
img.hsplitter-gripper { position: absolute ; top: calc(50% - 15px) ; }

/* -------------------------------------------------------------------- */

.small { font-size: 80% ; }
.spacer { flex-grow: 1 ; }