/* ========================================================================== 
     Element style definitions
   ========================================================================== */

/* --------------------------------------------------------------------------
    Main HTML elements
   -------------------------------------------------------------------------- */

html,body { width: 100%; height: 100%; overflow: hidden; background-color:white; text-align: left; }
h1,h2,h3,h4,h5,h6 { margin-top: 0.8em; margin-bottom: 0.5em; }
p,quot,pre,blockquote,address { margin-top: 0.8em; margin-bottom: 0.5em; }
h1 { font-size: 159%; /* 21px */ }
h2 { font-size: 136%; /* 18px */ }
h3 { font-size: 122%; /* 16px */ }
h4 { font-size: 107%; /* 14px */ }
h5 { font-size: 92%; /* 12px */ }
h6 { font-size: 77%; /* 10px */ }
ul,ol,dl { /* giving blockquotes and lists room to breath*/ 
    margin: 0.2em;
}
ol,ul,dl { /* bringing lists on to the page with breathing room */
    margin-left: 2em;
}
ol>li { /* giving OL's LIs generated numbers */
    list-style: decimal outside;
    margin-top: 0.2em;
}

ul>li { /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
    margin-top: 0.2em;
}
dl>dd { /*giving UL's LIs generated numbers*/
    margin-left: 1em;
}

/* --------------------------------------------------------------------------
    Commonly used style classes
   -------------------------------------------------------------------------- */
.nowrap { white-space: nowrap; }

.reducer { float: none; clear: both;  }

.grid { clear: both; }
.grid .col { float: left; width: 50%; }
.grid .c { margin-left: 0.5em; }
.grid .col:first-child .c { margin-left: 0; }

.flow-end { clear: both; }

.wizardform {
    margin: 0 0 1em 0;
    background-color: #F7F7F7;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

table.layout,
table.layout>tbody,
table.layout>tbody>tr,
table.layout>tbody>tr>td,
table.layout>tbody>tr>th {
    border: none;
    padding: 0;
    spacing: 0;
    margin: 0;
    vertical-align: top;
}

/* borders with rounded corners */
.border { border: white 3px solid; background-color: white; }
.border>.reducer { padding: 0 1em; }
.border>.i,.border>.i>.i {
    display: block;
    height: 10px;
    font-size: 1px;
    position: relative;
    background-repeat: no-repeat;
}
.border>.t { top: -3px; left: -3px }
.border>.t>.i { background-position: 100% -10px; left: 6px }
.border>.b { background-position: 0 -20px; top: 3px; left: -3px }
.border>.b>.i { background-position: 100% -30px; left: 6px }

/* gray border */
.grey-border { border-color: #ddd; }
.grey-border .i { background-image: url("../images/bg/grey-border.gif"); }

/* gray border */
.grey-panel { border-color: #ddd; background-color: #eeeeee; }
.grey-panel .i { background-image: url("../images/bg/grey-corner.gif"); }

/* Edit/view mode switchers */
.mode-edit .viewer { display: none; }
.mode-edit .editor { display: run-in; }
.mode-view .viewer { display: run-in; }
.mode-view .editor { display: none; }

/* Fields */
.field-container { padding: 0.1em 0; }
.field-line { margin: 0.5em; }
.field-line .w { overflow: auto; border: 1px solid silver; }
.field-line .w * { border: none; padding: 0; margin: 0;}
.field-line .w > input,
.field-line .w > textarea { marging: 0; padding: 0; border: none; width: 100%; }
/* Forms */
.field-container.form { background-color: #F7F7F7;  }
.field-container.view { background-color: white;  }


/* Help tips */
.help { color: gray; }
.help * { color: gray; }

/* Fields in pop-ups*/
.gwt-PopupPanel .field-line { margin-top: 1em; }
.gwt-PopupPanel .field-line:first-child { margin-top: 0; }
.gwt-PopupPanel .field-line h2 { font-size: 123%; }
.gwt-PopupPanel .field-line .w > input,
.gwt-PopupPanel .field-line .w > textarea { font-size: 116%; }


/* Toolbox  */
.toolbox { margin: 0.5em 0; clear: both; }
.toolbox.toolbox-float { display: block-inline; }
.toolbox.toolbox-float-left { float: left; }
.toolbox.toolbox-float-right { float: right; }
.toolbox .item { 
    margin: 0 0.25em;
    padding: 1px 3px;
    font-size: 93%;
    white-space: nowrap;
}
.toolbox .item * { color: gray;  }
.toolbox .item-arrow * { text-decoration: none; background: none; border: none; }
.toolbox .item-enabled { }
.toolbox .item-disabled { color: black; background: #F7F7F7; }

/* Link emulation */
.link { cursor: pointer; cursor: hand; color: blue; text-decoration: underline; }

.shadow-container { position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px; }
.shadow-container .shadow { position: relative; left: -1px; top: -1px; }
.shadow-container .shadow.s1 { background: #F1F0F1; }
.shadow-container .shadow.s2 { background: #DBDADB; }
.shadow-container .shadow.s3 { background: #B8B6B8; }
.shadow-container .shadow.container { background: white; border: 1px solid #848284; padding: 0; text-align: left; }