/* Generic settings */

body { background: #ffffbb; 
       color: #000000; 
       font-size: 14px;
       border: 0px; 
       margin: 0px; 
       scrollbar-face-color: #ccdd99;
       scrollbar-highlight-color: #ffffbb;
       scrollbar-shadow-color: #ccdd99;
       scrollbar-3dlight-color: #556622;
       scrollbar-arrow-color:  #000000;
       scrollbar-track-color: #ddeeaa;
       scrollbar-darkshadow-color: #550022;
}
a { color: #000000;  font-size: 14px; } /* Added font-size */
/* a:visited { color: #444444; } */
thead { background: #ccdd99; text-align: left; border: 0px;
        margin: 0px; padding: 0px; }
th { text-align: left; vertical-align: center; border: 0px;
     margin: 0px; padding-top: 3px; padding-left: 3px; padding-right: 0px; }
thead td { text-align: left; vertical-align: center; border: 0px;
     margin: 0px; padding-top: 3px; padding-left: 3px; padding-right: 0px; 
     cursor: pointer; font-weight: bold}

img.biglogo { font-family: sans-serif; font-size: 120px; font-style: italic; }


/* Header */
div.header { background: #550022; color: #ffffff; font-weight: bold;
             border: 0px; margin: 0px; padding: 0px; }
table.header { background: #550022; color: #ffffff; width: 800px;
               font-size: 16px; border: 0px; padding: 0px; margin: 0px; }
span.header { font-style: italic; }
div.header td { padding-left: 10px; }   
td.user { align: right; text-align: right; font-size: 14px;
          padding-right: 10px; }
a.user { color: #ffffff; }

div.header_help { background: #550022; color: #ffffff; font-weight: bold;
             border: 0px; margin: 0px; padding: 0px; }
table.header_help { background: #550022; color: #ffffff; width: 400px;
               font-size: 16px; border: 0px; padding: 0px; margin: 0px; }


/* Menu Bar */
div.menu { background: #556622; color: #ffffff; padding: 0px; }
div.menu a:visited { color: #ffffff; }
table.menu { background: #556622; color: #000000; width: 800px;
             border: 0px; padding: 0px; margin: 0px; } /* font-size: 14px; */
            /* td: top and bottom padding required to offset link padding */
div.menu td { border: 0px; margin: 0px; padding: 0px;
              padding-top: 3px; padding-bottom: 3px;
              padding-left: 0px; padding-right: 0px; }   
a.menu { color: #ffffff;
         text-decoration: none; font-weight: bold; border: 0px; margin: 0px;
         padding-top: 3px; padding-bottom: 3px; padding-left: 10px;
         padding-right: 10px; }
a.menu#active { background: #889955; }
         /* td.rightside: padding-right: 10px; required for display in mac ie */
td.logout { text-align: right; padding-right: 10px; } /* align: right; */
         /* This is needed to counter the ie specific setting in td.rightside */
a.menu#logout { padding-right: 0px; } /* !!!!! NOT WORKING !!!!! */

/* Menu Buttons */
div.submenu { background: #ffffbb; } /* color: #ffffff; */
div.submenu table { padding: 5px; margin: 5px; } /* Added */
div.submenu a { background: #550022; color: #ffffff;
                text-decoration: none; font-weight: bold;
                border: 0px; margin: 0px; padding: 5px; }
div.submenu a.active { background: #883355; }

a.submenu { background: #550022; color: #ffffff;
            text-decoration: none; font-weight: bold;
            border: 0px; margin: 0px; padding: 5px; } /* font-size: 14px; */
a.submenu#active { background: #883355; }

/* Multiline button settings */
table.buttons td { background: #550022; border: 2px solid #550022;
                   margin: 0px; padding: 5px; }
table.buttons a { background: #550022; color: #ffffff;
                  text-decoration: none; font-weight: bold; }
table.buttons td.active { background: #883355; border: 2px solid #883355;
                          margin: 0px; padding: 5px; }
table.buttons a.active { background: #883355; }

/* Main Display */
div.main { background: #ffffbb; color: #000000; border: 0px;
           margin: 0px; padding: 10px; }
/* div.main#index { length: 400px; } */
/* Wine colors */
span.red { background: #dd0022;
           padding-top: 3px; padding-left: 8px; padding-right: 8px; }
span.blush { background: #ffbbcc;
             padding-top: 3px; padding-left: 3px; padding-right: 3px; }
span.white { background: #FFFFFF;
             padding-top: 3px; padding-left: 3px; padding-right: 3px; }

/* Footer */
div.footer { background: #550022; text-align: center; width: 100%; border: 0px;
             margin: 0px; } /* padding-top: 2px; padding-bottom: 2px; */
/*             color: #ffffff; font-weight: bold; font-size: 12px; */
div.footer_help { background: #550022; text-align: center; width: 100%; border: 0px;
             margin: 0px; }
div.footer table { background: #550022; width: 800px; }
div.footer_help table { background: #550022; width: 400px; }
div.footer td { text-align: center; }
div.footer_help td { text-align: center; }
a.footer { color: #ffffff; font-size: 12px;
           font-weight: bold; text-decoration: none; }
div.footer a:visited { color: #ffffff; }
/* div.footer#index { position: relative; top: 400px; } */

/* Result view boxes */
table.box { background: #ccdd99; border: 4px double #550022; padding: 5px; }
table.box#info { background: #ffffff;
                 padding: 5px; border: 4px double #550022; }
table.subbox { background: #ccdd99; border: 4px groove #550022; padding: 5px; }
table.simplebox { background: #ffffff; border: 2px solid #550022;
                  padding: 0px; }
table.addressbox { background: #ffffff; width: 100%; border: 2px solid #550022;
                   padding: 0px; }

/* Login Page */
div.login { background: #556622; color: #ffffff; width: 300px;
            vertical-align: top; }

table.login { vertical-align: top; border: 0px; margin: 0px; padding: 10px; }
th.login { color: #ffffff; }
td.login { text-align: center; vertical-align: top; }

/* Index */
span.title { font-size: 20px; font-weight: bold; padding-left: 20px; }

/* Help */
table.definitionlist { font-size: small; }
table.definitionlist caption { font-weight: bold; }
table.definitionlist th { vertical-align: top; padding: 1px 0px 0px 0px; }
table.definitionlist td { vertical-align: top; padding-bottom: 5px; }
dl.fields { font-size: small; }
dl.fields dt { font-weight: bold; }
dl.fields dd { margin-left: 100px; margin-top: -15px; }

/* For Date Picker Javascript Pop Up Calendars */
.dpDiv { }
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px; text-align: center; color: #505050;
	background-color: #ffffbb;
	border: 2px solid #550022;
	}
.dpTR { }
.dpTD { cursor: pointer; }

.dpTitleTR { }
.dpTitleTD { }
.dpTitleText {
	font-size: 12px; font-weight: bold; color: #550022;
	}

.dpDayTR { }
.dpDayTD {
	background-color: #889955;
	color: #ffffff;
	border: 1px solid #ccdd99;
	}

.dpDayHighlightTD {
	background-color: #ffccee;
	border: 1px solid #550022;
	cursor: pointer;
	}
.dpDayHighlight {
	font-weight: bold; color: #000000;
	}

.dpButtonTD { }
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold; color: #550022;
	background: #EEEEEE; padding: 0px;
	}

.dpTodayButtonTR { }
.dpTodayButtonTD { }
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold; color: #000000;
	background: #EEEEEE;
	}

/* Tab List for Winery View (5) */
table.tablist { background: #ccdd99; border: 0px; padding: 0px; }
table.tablist th { background: #ccdd99; border: 2px solid #ffffff;
                   padding: 5px; margin: 0px; }
table.tablist th.active { background: #ffffff; }
table.tablist a { text-decoration: none; }

/* Submit Button Formatting */
input.submit { margin: 10px; }

/* Search and Add Results */
div.results { width: 100%; border: 2px solid #550022; padding: 0px; }

/* Search Results */
table.results { background: #ffffff; width: 100%; border 2px; solid #000000;
                padding: 5px; }

/* Winery View All samples */
th.results { padding-bottom: 3px; vertical-align: top; }
td.shortresults { vertical-align: top; padding-top: 3px; }

/* Release View */
th.view { width: 150px; vertical-align: top; }
td.view { width: 350px; }

/* Alignment settings for Display Boxes */
th.display { padding-top: 2px; padding-bottom: 3px; vertical-align: top; }

/* Password Page */
span.password { padding-left: 5px; }

/* Obsolete styles or sample pages only */
/* wineryView.html and wineryView2.html only */
td.tableseparator { background: #ccdd99; }

/* To Do Page */
a.todo { font-size: 10px; padding: 10px; }

/* For navigatorA.html and navigatoB.html only */
dt#label { font-weight: bold; padding: 0px; margin: 0px; }
dd#label { padding-bottom: 5px; margin: 0px; }

/* For navigatorA.html only */
td#search { vertical-align: bottom; }

/* For navigatorB.html only */
div#search { position: relative; left: 200px; padding: 10px; }

label { }

*.carpe_horizontal_slider_display_combo {
	clear: left;
	margin: 0;
}
*.carpe_vertical_slider_display_combo {
	float: left;
	margin: 0;
}
*.carpe_horizontal_slider_track {
	background-color: #bbb;
	color: #333;
	width: 120px;
	float: left;
	margin: 0;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	padding: 4px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.carpe_vertical_slider_track {
	background-color: #bbb;
	color: #333;
	padding: 3px 6px 15px 6px;
	width: 24px;
	height: 100px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.carpe_horizontal_slider_track *.carpe_slider_slit {
	background-color: #333;
	color: #ccc;
	width: 110px;
	height: 2px;
	margin: 4px 4px 2px 4px;
	line-height: 0px;
	position: absolute;
	z-index: 1;
	border: 1px solid;
	border-color: #999 #ddd #ddd #999;
}
*.carpe_vertical_slider_track *.carpe_slider_slit {
	background-color: #000;
	color: #333;
	width: 2px;
	height: 100px;
	position: absolute;
	margin: 4px 10px 4px 10px;
	padding: 4px 0 1px 0;
	line-height: 0px;
	font-size: 0;
	border: 1px solid;
	border-color: #666 #ccc #ccc #666;
}
*.carpe_horizontal_slider_track *.carpe_slider {
	width: 16px;
	background-color: #666;
	color: #333;
	position: relative;
	margin: 0;
	height: 8px;
	z-index: 1;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.carpe_vertical_slider_track *.carpe_slider {
	width: 20px;
	background-color: #666;
	color: #333;
	position: relative;
	margin: 0;
	height: 8px;
	z-index: 1;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.carpe_slider_display_holder {
	background-color: #bbb;
	color: #333;
	width: 34px;
	margin: 0;
	float: left;
	padding: 0 2px 0 0;
	height: 20px;
	text-align: right;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
.carpe_slider_display {
	background-color: #bbb;
	color: #333;
	padding: 3px 1px 0 0;
	width: 30px;
	text-align: right;
	font-size: 11px;
	line-height: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	border: 0;
	cursor: default;
}