/* Command buttons */

.button-small { background: url(/Visitors/Images/Backgrounds/Button.png); border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; width: 80px; }
.button-medium { background: url(/Visitors/Images/Backgrounds/Button.png); border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; width: 120px; }
.button-large { background: url(/Visitors/Images/Backgrounds/Button.png); border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; width: 160px; }

/* Grids */

.grid { border-collapse: collapse; background-color: White; }
.grid caption { color: white; background-color: #848484; padding: 6px; font-weight: bold; border: solid 1px #848484; }
.grid th { background-color: #dddddd; color: black; padding: 4px; border: solid 1px #aaaaaa; }
.grid td { padding: 4px; border: solid 1px #aaaaaa; }
.grid tr.row { background-color: white; }
.grid tr.row-alternate { background-color: #ebebeb; }
.grid tr.row-selected { background-color: #ffff99; }

.grid img { border: 0px; }

/* Forms */

.commands { margin-bottom: 16px; }
.tabs { clear: left; }
.page-view { min-height: 540px; }

div.block { margin-bottom: 16px; }
div.editor { }
div.editor div.block { float: left; margin-bottom: 0px; }

div.half-screen { float: left; width: 460px; margin-right: 16px; }
div.full-screen { clear: left; width: 936px; }

.form .section-header { display: none; }
.form .section { width: 100%; border: solid 1px silver; margin-bottom: 16px; }
.form .field-header { background-color: #EBEBEB; color: #666666; font-weight: bold; text-transform: uppercase; padding: 6px; font-size: 8pt; letter-spacing: 0.2em; text-align: center; vertical-align: middle; }
.form .fields { padding: 4px; }
.form .field { padding: 4px; min-height: 16px; width: inherit; }
.form .field .label { font-weight: bold; float: left; width: 110px; }
.form .last { border: 0px; }
.form .field .sub-field { padding-bottom: 4px; margin-left: 110px; }
.form .field .input-label { font-weight: bold; padding-right: 8px; vertical-align: top; }

.status { margin-bottom: 16px; background-color: #ffffcc; border: dotted 1px silver; padding: 8px; }
.status .error .text { color: black; font-weight: normal; }
.status .error       { min-height: 48px; background-image: url('/Visitors/Images/Icons/48x48/Symbol Error.png'); background-repeat: no-repeat; padding-left: 56px; }
.status .help        { min-height: 48px; background-image: url('/Visitors/Images/Icons/48x48/Symbol Help.png'); background-repeat: no-repeat; padding-left: 56px; }
.status .information { min-height: 48px; background-image: url('/Visitors/Images/Icons/48x48/Symbol Information.png'); background-repeat: no-repeat; padding-left: 56px; }
.status .success     { min-height: 48px; background-image: url('/Visitors/Images/Icons/48x48/Symbol Check.png'); background-repeat: no-repeat; padding-left: 56px; }
.status .warning     { min-height: 48px; background-image: url('/Visitors/Images/Icons/48x48/Symbol Warning.png'); background-repeat: no-repeat; padding-left: 56px; }

.instructions { min-height: 32px; background-color: #eeeeee; border-bottom: solid 1px #cccccc; }
.instructions .step { padding-top: 0px; background-color: #cccccc; color: white; float: left; line-height: 32px; height: 32px; width: 36px; font-weight: bold; font-size: 24px; text-align: center; }
.instructions .text { padding: 7px; margin-left: 40px; }

.tooltip-header { font-weight: bold; width: 240px; border: solid 1px #810702; padding: 3px; font-size: 11px; color: white; background-color: #810702; }
.tooltip-body { width: 240px; border-right: solid 1px #A7A9AC; border-bottom: solid 1px #A7A9AC; border-left: solid 1px #A7A9AC; padding: 3px; font-size: 11px; color: black; background-color: white; }

.input-text { width: 260px; height: 18px; }
.input-text-short { width: 125px; height: 18px; }
.input-comment { width: 260px; }
.input-date { width: 90px; height: 18px; }
.input-select { width: 266px; }
.input-select-short { width: 131px; }
.input-number { width: 60px; height: 18px; }

.search-criteria .section-header { display: none; }
.search-criteria-options { position: absolute; top: 160px; left: 440px; }
.search-results {  }
.search-results .section-header { display: none; }