/* ************************************************************************* */
/* Vertical Layout for a WebForm                                           */
/* ************************************************************************* */

/* Begin by fixing a few problems that crop up between the different browser versions */
legend { position: relative; left: -.5em; color: #333; zoom: 1; }
label { cursor: pointer; }
form .help,
fieldset { border: none; }

/* Position each of the fields vertically so that visually the form fields appear below their label */
.webform { margin-left: .5em; }
.webform .formField { position: relative; width: 27em; margin: .8em 0; zoom: 1; }
.webform span.required { position: absolute; right: 0; }
.webform .textBox input,
.webform .dropDownList select { display: block; }
.webform span.label {font-weight: bold; }

.webform .formField span.required,
.webform .formField em.required { color: #CF885A; font-weight: bold; font-style: normal; }
.webform .formField label,
.webform .formField p.label { color: #555; font-weight: bold; display: inline; }
.webform .formField input.text,
.webform .formField input.file,
.webform .formField input.password,
.webform .formField textarea,
.webform .formField select { display: block; width: 25em; margin-left: 1em; }
.webform .fieldHelp { margin-left: 1em; font-size: 93%; color: #666; font-weight: normal; }
.webform .multiSelectList .fieldHelp { display:block; }
.webform .formButtons,
.webform #formButtons { margin: 1.5em 1em 1em 1em; }
.webform .formButtons input,
.webform #formButtons input { margin-right: 1em; }

.webform .doubleFormField { position: relative; width: 27em; margin: .8em 0; zoom: 1; }
.webform .doubleFormField textarea { display: block; width: 50em; margin-left: 1em; }

.formError { color: #00C; font-weight: bold;}

.certification {width: 24em; margin-left: 1em; background-color: #BDAFDD; padding: .5em; border-style: solid; border-width: .01em; margin-bottom: 1em; margin-top: 1.5em;}

.webform .listBuilder { width: 98%; }
.webform .listBuilder select { width: 22em; margin: 0 0 0 0em; }
.webform .listBuilder div label { margin-left: 1em; font-weight: normal; }
.webform .listBuilder div.source, .webform .listBuilder div.destination { width: 21em; }
.webform .listBuilder div.source,
.webform .listBuilder div.destination,
.webform .listBuilder .controls { float: left; }
.webform .listBuilder .controls { width: 10%; margin: 2em 0em 0 1em; text-align: center; }
.webform .listBuilder .controls a {color: #55C; }

.schoolUsersForSchool table { table-layout: fixed; width: 97%; border-collapse: collapse; }
.schoolUsersForSchool thead { background: #DDD; }
.schoolUsersForSchool thead th { vertical-align: bottom; border-top: 1px solid #999; font-weight: bold;}
.schoolUsersForSchool tbody tr { background: #F9F9F9; border-top: 1px solid #999;}
.schoolUsersForSchool tbody td { vertical-align: top; padding: .2em .3em; }

.stopListForTrip table { table-layout: fixed; width: 97%; border-collapse: collapse; }
.stopListForTrip thead { background: #DDD; }
.stopListForTrip thead th { vertical-align: bottom; border-top: 1px solid #999; font-weight: bold;}
.stopListForTrip tbody tr { background: #F9F9F9; border-top: 1px solid #999;}
.stopListForTrip tbody td { vertical-align: top; padding: .2em .3em; }


.triprow .stopHeader stopView { display: none; }
.tripHeader ul { margin: 0; }
.tripHeader li { border-top: solid 1px #666666; background: #C2B5DF; }

.triprow { padding: 0; }
.triprow ul { margin: 0; clear: both; }
.tripCol { display: block; float: left; border-bottom: solid 1px #666666; border-left: solid 1px #666666; margin: 0; padding: 0.25em; height: 1.5em; background: #F4EFFF; }

.tripNumCol { width: 5em; }
.tripDescriptionCol { width: 25em; }
.startDateCol { width: 6em; }
.endDateCol { width: 6em; }
.stopsCol { width: 6em; }
.rankCol { width: 4em; border-right: solid 1px #666666; }

.triprow .stopView { display: none; clear: both; }

.stopCol { display: block; float: left; border-bottom: solid 1px #666666; border-left: solid 1px #666666; margin: 0; padding: 0.25em; height: 1.5em; background: #F9F9F9; }
.stopHeader li { background: #DDD; }
.schoolCol { width: 26em; }
.dateCol { width: 7em; }
.cityCol { width: 13.55em; }
.stateCol { width: 6em; border-right: solid 1px #666666; }

.formField .spinner { position: absolute; right: -18px; top: 10px; }
.columnHelp{ float: left; width: 50%; }