body {
    background: #F0F0F0 URL(/quickconnect/images/watermark.png) no-repeat fixed bottom right;
    }

p {
    margin: 0 }


/*  FORMS  */

form td {
    padding-bottom: .5ex;
    }

/* Doesn't work in IE */
/* Put before other styles so if a browser doesn't recognize [disabled], it gets overridden. */
input.text[disabled] {
    background-color: #F0F0F0;
    color: #A0A0A0;
    }

input.checkbox {
    padding: 0;
    margin: 0;
    }

input.text,
input.password,
select,
textarea {
    font: 10pt Verdana, sans-serif;
    border: 1px solid #A0A0A0;
    background-color: #FCFCFC;
    }
input.text,
input.password,
textarea {
    padding: 2px;
    }
.Opera7 input.text,
.Opera7 input.password,
.Opera7 textarea {
    padding: 0;
    }

/* Doesn't work in IE */
input.text:focus,
input.text:hover,
input.password:focus,
input.password:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
    background-color: #FFFFFF;
    border-color: #000000;
    }

input.submit,
input.button {
    font: 10pt Verdana, sans-serif;
    }


/*  FORMS AND DB TABLES  */

.FormLabel,
.InnerFormLabel,
.DBTableLabel {
    font: bold 8pt Verdana, serif;
    color: #404040;
    }
.SubForm .FormLabel,
.SubForm .InnerFormLabel,
.DBSubTable .DBTableLabel {
    font-weight: normal;
    font-style: italic;
    }
td.FormLabel,
td.InnerFormLabel {
    text-align: right;
    padding-top: 5px;
    padding-right: 1ex;
    }
td.InnerFormLabel {
    padding-left: 5ex;
    }
td.DBTableLabel {
    text-align: right;
    padding-top: 2px;
    padding-right: 1ex;
    }
td.DBTableField {
    padding-bottom: 3px;
    }

td.FormError {
    text-align: center;
    color: #900000;
    font-weight: bold;
    }
td.FormMessage {
    text-align: center;
    color: #009000;
    font-weight: bold;
    }


.FormGroup,
.DBTableGroup {
    margin-top: 1.5em;
    margin-bottom: .5em;
    font: italic 18pt Times New Roman, serif;
    border-bottom: 1px solid #808080;
    }

.FormText {
    font-size: 8pt;
    margin-top: 1em;
    }



/*  COMMON FORM FIELDS  */

input#Name,
input#CharterNumber,
textarea#Address,
input#City,
input#EMail,
input#Telephone,
input#ContactName,
input#Grok,
input#Pork,
input#Zoom {
    width: 35ex;
    }

input#MondayHours,
input#TuesdayHours,
input#WednesdayHours,
input#ThursdayHours,
input#FridayHours,
input#SaturdayHours,
input#SundayHours {
    width: 23ex;
    }

select#TimeZone {
    width: 35.8ex;
    }

textarea#Notes {
    width: 42ex;
    }

input#Rate6Mo,
input#Rate1Yr,
input#Rate2Yr,
input#Rate3Yr,
input#Rate4Yr,
input#Rate5Yr,
input#RateOther {
    width: 9ex;
    }
input#RateOtherName {
    width: 14ex;
    }


/*  POSTS  */


table#Post {
    background-color: #FFFFFF;
    padding: 20px;
    border: 1px solid #C0C0C0;
    }
#Post .DBTableGroup {
    border-color: #B0B0B0;
    }
#Post #HoursMessage {
    font-size: 8pt;
    width: 40ex;
    margin-top: 1ex;
    font-style: italic;
    }
#Post #ContactName,
#Post #Hours {
    padding-top: 15px;
    }
#Post #ContactNameLabel,
#Post #HoursLabel {
    padding-top: 17px;
    }



/*  S-LISTS  */

.SList {
    border: 1px solid black;
    width: 100%;
    }

.SList td {
    padding: 1px 4px;
    background-color: #FFFFFF;
    }
.SList .Marked td {
    background-color: #F5F5F5;
    }

.SList a:link,
.SList a:visited,
.SList a:hover,
.SList a:active {
    color: #000000;
    display: block;
    }

td.SListHeader {
    padding: 2px 13px;
    background-color: #C0C0C0;
    border-bottom: 2px solid #000000;
    text-align: center;
    }
td.SListHeader#SelectedUp,
td.SListHeader#SelectedDown {
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
    padding-left: 6px;
    }
td.SListHeader#SelectedUp {
    background-image: URL(/images/slist/arrowup.gif);
    }
td.SListHeader#SelectedDown {
    background-image: URL(/images/slist/arrowdown.gif);
    }
td.SListHeader#SelectedUp a:link,
td.SListHeader#SelectedUp a:visited,
td.SListHeader#SelectedUp a:hover,
td.SListHeader#SelectedUp a:active,
td.SListHeader#SelectedDown a:link,
td.SListHeader#SelectedDown a:visited,
td.SListHeader#SelectedDown a:hover,
td.SListHeader#SelectedDown a:active {
    color: #FFFFFF;
    }

td.SListRate,
td.SListState,
td.SListRateOther {
    text-align: center;
    }


#NavigationBar {
    border: 1px solid #000000;
    background-color: #C0C0C0;
    }
#NavigationBar td {
    padding: 2px 4px;
    }
#NavigationBar a:link,
#NavigationBar a:visited,
#NavigationBar a:hover,
#NavigationBar a:active {
    color: #000000;
    font-weight: bold;
    }
#NavigateLeft {
    text-align: left;
    }
#NavigateRight {
    text-align: right;
    }


/*  SIGN IN  */

#SignInForm {
    width: 380px;
    border-style: solid;
    border-color: #A0A060;
    border-width: 1px 3px 3px 1px;
    background-color: #FFFFF8;
    padding: 10px 10px 5px 10px;
    }

#SignInForm input.text,
#SignInForm input.password {
    width: 35ex;
    }
.StretchyControls #SignInForm input.text,
.StretchyControls #SignInForm input.password {
    width: 100%;
    }
#SignInForm input.submit,
#SignInForm input.button {
    font-size: 8pt;
    }

#RestrictedNote {
    text-align: center;
    margin-bottom: 2em;
    }


.BigArrowLink {
    font: bold italic 20pt Arial, sans-serif;
    color: #000000;
    margin: 15px 0;
    text-align: center;
    }
.BigArrowLink a:link,
.BigArrowLink a:visited {
    color: #000000;
    }
.BigArrowLink a:hover {
    color: #336699;
    text-decoration: none;
    }
.BigArrowLink a:active {
    color: #0099CC;
    text-decoration: none;
    }