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

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

#menu { position: absolute ; top: 15px ; right: 15px ; z-index: 1 ; }
#menu { height: 30px ; }

.PopMenu-Item { width: 11em }
.PopMenu-Item a { padding: 5px 10px 5px 10px ; }
.PopMenu-Icon { display: none ; }

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

#tabs {
    display: none ;
    position: absolute ; top: 5px ; bottom: 5px ; left: 5px ; right: 5px ;
}

#tabs .ui-tabs-nav li img { position: relative ; top: 2px ; height: 1em ; }

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

#tabs-scenario {
    display: grid ; display: -ms-grid ;
    grid-template-rows: 16em 1fr ; -ms-grid-rows: 14em 1fr ;
    grid-template-columns: 28em 1fr ; -ms-grid-columns: 28em 1fr ;
}
/* FUDGE! IE hackamathon follows... */
#tabs-scenario fieldset.tl { -ms-grid-row: 1 ; -ms-grid-column: 1 ; }
#tabs-scenario fieldset.tr { -ms-grid-row: 1 ; -ms-grid-column: 2 ; }
#tabs-scenario fieldset.bl { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
#tabs-scenario fieldset.br { -ms-grid-row: 2 ; -ms-grid-column: 2 ; }

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

#tabs-ob1, #tabs-ob2 {
    display: grid ; display: -ms-grid ;
    grid-template-rows: 1fr 1fr ; -ms-grid-rows: 1fr 1fr ;
    grid-template-columns: 1fr 1fr ; -ms-grid-columns: 1fr 1fr ;
}

#tabs-ob1 fieldset.tl, #tabs-ob2 fieldset.tl {
    grid-row-start: 1 ; -ms-grid-row: 1 ;
    grid-column-start: 1 ; -ms-grid-column: 1 ;
}
#tabs-ob1 fieldset.bl, #tabs-ob2 fieldset.bl {
    grid-row-start: 2 ; -ms-grid-row: 2 ;
    grid-column-start: 1 ; -ms-grid-column: 1 ;
}
#tabs-ob1 fieldset.tr, #tabs-ob2 fieldset.tr {
    grid-row-start: 1 ; -ms-grid-row: 1 ;
    grid-column-start: 2 ; -ms-grid-column: 2 ;
}
#tabs-ob1 fieldset.br, #tabs-ob2 fieldset.br {
    grid-row-start: 2 ; -ms-grid-row: 2 ;
    grid-column-start: 2 ; -ms-grid-column: 2 ;
}

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

#tabs-other {
    display: grid ; display: -ms-grid ;
    grid-template-rows: 1fr ; -ms-grid-rows: 1fr ;
    grid-template-columns: 1fr ; -ms-grid-columns: 1fr ;
}

#panel-other {
    height: 100% ;
}

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

fieldset { height: calc(100% - 30px) ; margin: 0 5px 5px 5px ; padding: 10px ; }
#tabs-other fieldset { border: none ; }
fieldset legend { padding: 0 0.2em 0 0.2em ; font-style: italic ; font-weight: bold ; }

.label { font-weight: bold ; }
input[type="text"] { margin-bottom: 0.25em ; }

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

/* FUDGE! Fix vertical alignment between labels and their input boxes :-/ */
div.label { border: 1px dotted transparent ; }

.snippet-control button.generate { height: 26px ; padding: 2px 10px 2px 5px ; }
.snippet-control button.generate img { height: 20px ; margin-right: 3px ; vertical-align: middle ; }
.snippet-control .ui-selectmenu-button { padding: 2px 10px ; }
.snippet-control-menu-item { font-size: 75% ; }
.ui-selectmenu-button-closed { height: 26px ; }
.ui-selectmenu-icon.ui-icon { margin-top: -7px; }

button.edit-template { height: 30px ; padding: 4px 10px ; }
button.edit-template img { height: 18px ; vertical-align: middle ; margin-right: 0.25em ; }

.ui-dialog-titlebar { padding: 0.2em 0.5em 0.2em 0.5em !important ; }
.ui-dialog-titlebar-close { margin-top: -10px !important ; }

#edit-template { overflow: hidden ; padding: 2px ; }
.ui-dialog.edit-template textarea { resize: none ; width: calc(100% - 4px) ; height: 100% ; }
.ui-dialog.edit-template textarea { font-family: "Courier New" ; font-size: 80% ; }
.ui-dialog.edit-template .ui-dialog-buttonpane { border: none ; padding: 0 ; font-size: 75% ; }
.ui-dialog.edit-template button { margin: 0 0 0 5px ; padding: 0.1em 0.2em ; }

#edit-simple_note { overflow: hidden ; padding: 2px ; }
.ui-dialog.edit-simple_note textarea { resize: none ; width: calc(100% - 4px) ; height: 100% ; }
.ui-dialog.edit-simple_note .ui-dialog-buttonpane { border: none ; padding: 0 ; font-size: 75% ; }
.ui-dialog.edit-simple_note button { margin: 0 0 0 5px ; padding: 0.1em 0.2em ; }

#select-vo { overflow: hidden ; padding: 2px ; }
#select-vo .header { height: 1.75em ; margin-top: 0.25em ; font-size: 80% ; }
#select-vo select { width: 100% ; top: 2em ; height: calc(100% - 1.5em) ; }
.ui-dialog.select-vo .ui-dialog-buttonpane { border: none ; padding: 0 ; font-size: 75% ; }
.ui-dialog.select-vo button { margin: 0 0 0 5px ; padding: 0.1em 0.2em ; }

.growl-title { display: none ; }
.growl ul { margin-left: 1em ; }
.growl .pre { font-family: "Courier New"; }
.growl div.pre { margin: 0 0 1em 1em ; font-size: 80% ; }
.growl .pre ul { margin-left: 0 ; }