/*  
updated: Jan 02, 2016
updated: Jan 28, 2017 - tuneups for CIMS V3
*/
html, body {
  	margin: 0px;
  	padding: 0px;
  	border: 0;
	background-color: #bfb8a1;		
	overflow-x:hidden;
	font-family: Arial, Helvetica, Georgia, Sans-serif; 
	font-size: 12px;
/*	min-height:100%;*/
/*	height:1200px;*/
	height:100%;
	}

/* smartphone oriented e.g. portrait on iPhone 6+ */
/********************************************************** begin: max-width: 480px ***********************************************************/
@media only screen and (max-width: 480px) {
.about_image {float:left;width:100%}

.login {float:left;width:100%;margin-left:0%;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;padding-top:6px;padding-bottom:6px;}
.CIMS_login_main {float:left;width:90%;margin-left:5%;margin-bottom:20px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;padding:6px;background-color:#ffffcc;}

.loyalty_account_window {margin:auto;height:820px;width:100%;border:1px solid;background-color:#ffffff;}
.loyalty_account_top {width:100%;float:left;height:320px;background-image:URL('../images/loyalty/vineyard_1.jpg');background-size:cover;position:relative;}
.loyalty_account_top_bkground {width:80%;margin-top:140px;left:5%;position:absolute;}
.loyalty_account_bottom_left {float:left;margin-top:5%;margin-left:5%;width:55%;border:1px solid;border-radius:25px;background-color:#e0e0e0;margin-bottom:50px;padding-left:3%;padding-right:3%;padding-bottom:3%;}
.loyalty_account_bottom_right {float:left;width:30%;margin-left:3%;margin-top:5%;text-align:center;background-color:yellow;}
.loyalty_account_bottom_logo {float:left;width:100%;text-align:center;background-color:brown;}
.loyalty_box_prod_entry {float:left;width:96%;background-color:#F0FFFF;text-align:left;border-style:solid;border-width:1px;border-radius:5px;padding:4px;}
.loyalty_box_prod_entry_loyalty_count {float:left;width:100%;}
.loyalty_box_prod_entry_loyalty_credit {float:left;width:100%;}

.product_entry_heading {float:left;width:95%;margin-left:2%;margin-bottom:10px;}
	.product_entry_heading_icon {float:left;width:10%;margin-right:10px;}
	.product_entry_heading_text {float:left;width:80%;font-weight:normal;font-size:1.3em;margin-top:1%;}
.product_entry_kit {float:left;width:80%;margin-left:10%;margin-top:1.5%;margin-bottom:40px;}
	.product_entry_kit_image {float:left;width:90%;margin-left:20%;margin-bottom:10px;max-width:150px;}
.product_entry_panel {float:left;width:90%;margin-left:1.5%;padding:10px;margin-bottom:40px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}
	.product_entry_panel_product_code {float:left;text-align:center;width:100%;}
	.product_entry_panel_product_code_button {float:left;text-align:center;width:100%;}
.beer_product_entry_panel {float:left;width:90%;margin-left:1.5%;padding:10px;margin-bottom:40px;border-style:solid;border-width:1px;border-radius:10px;background-color:#f9e3b9;}

.admin_changepw {margin-left:auto;margin-right:auto;width:90%;height:70%;border:1px solid;border-radius:25px;background-color:#e5e5e5;margin-bottom:50px;}
.admin_exp_labels {width:100%;border-style:solid;border-width:thin;border-radius:15px;border-color:#000000;background-color:#E5E4E2;}
.admin_uname_pwd {float:left;width:80%;}
#admin_stats {float:left;width:100%;}

.utilities_chgpwd_fields {float:left;width:90%;}
.utilities_chgpwd_icon	{float:left;width:50%;margin-left:25%;margin-top:20px;}

.customer_contact_panel {float:left;width:100%;border-style:solid;border-width:1px;border-color:gray;border-radius:15px;padding:6px;}
.customer_credit_panel {float:left;width:95%;border-style:solid;border-width:1px;border-color:gray;border-radius:15px;padding:6px;background-color:#f5f4f2;margin-bottom:10px;}
.customer_buttons_panel {float:left;width:100%;margin-left:0px;background-color:orange;border-style:solid;border-width:1px;border-color:gray;border-radius:6px;margin-bottom:5px;}
.customer_default_notes {float:left;width:100%;}
.customer_default_notes_label {float:left;vertical-align:text-top;width:15%;margin-left:8px;}
.customer_default_notes_field {float:left;vertical-align:text-top;width:70%;}

.customer_buttons_product_code {float:left;width:100%;background-color:orange;text-align:center;border-style:solid;border-width:1px;border-color:gray;border-radius:5px;padding-top:3px;padding-bottom:3px;}

.admin_stuff_lens {position:relative;width:90%;height:90%;min-height:1300px;margin-left:5%;margin-top:20px;margin-bottom:50px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;}
.admin_stuff_recon {position:relative;width:90%;height:90%;min-height:250px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_redeem {position:relative;width:90%;height:90%;max-height:250px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_lapsed {position:relative;width:90%;height:90%;max-height:550px;margin-left:5%;margin-top:20px;margin-bottom:60px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_top {position:relative;width:90%;height:90%;max-height:300px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_earned {position:relative;width:90%;height:90%;max-height:150px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff {position:relative;width:90%;height:90%;max-height:950px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}

.from_to_bottling {float:left;width:100%;margin-bottom:10px;}
.radio_label {float:left;text-align:left;width:100%;}
.radio_buttons {float:left;width:100%;}

.database_image {float:left;margin-right:3%;width:20%;margin-top:10px;margin-bottom:10px;}

.appointment_tables_div {float:left;width:100%;margin-left:2%;margin-top:-20px;}
.appointments_panels {float:left;max-width:100%;margin-left:2%;margin-top:-20px;}
.appointments_view_print {float:left;width:320px;margin-bottom:40px;margin-top:30px;}

.closures_panel {margin-left:auto;margin-right:auto;width:90%;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;overflow:auto;}
.closures_col1 {float:left;width:90%;padding:4px;}
.closures_col2 {float:right;width:90%;padding:4px;}
.closures_buttons {float:left;margin-left:5%;margin-bottom:15px;margin-top:3px;width:89%;}

/* begin: Comm Centre tab */
.CC_panel {float:left;width:100%;background-color:#bb94ba;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:-15px;}
.CC_TimeNow {float:left;width:110px;background-color:#b448b1;border-top-left-radius:10px;}
.CC_NextBottling {float:left;width:60%;padding:6px;}
.CC_Search {float:right;width:100%;height:100%;background-color:#b448b1;border-top-right-radius:10px;}
.CC_NextBottling_Large {font-size:1.2em;font-weight:bold;color:white;}
.CC_NextBottling_Regular {font-size:1.0em;color:white;}
/* end: Comm Centre tab */

/* begin: Bottling Appt(s) Admin tab */
.H3_Title {float:left;width:100%;}
.MultiStationHelp {float:left;width:100%;margin-left:5%;margin-bottom:20px;font-size:1.2em;}
/* end: Bottling Appt(s) Admin tab */

} /* end (max-width: 480px) */
/********************************************************** end: max-width: 480px ***********************************************************/

/********************************************************** begin: (min-width: 480px) and (max-width: 750px) ***********************************************************/
/* smartphone and other small mobile devices oriented e.g. landscape on iPhone 6+ */
@media only screen and (min-width: 480px) and (max-width: 750px) {
.about_image {float:right;width:45%}

.login {float:left;width:70%;margin-left:12%;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;padding-top:6px;padding-bottom:6px;}
.CIMS_login_main {float:left;width:90%;margin-left:5%;margin-bottom:20px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;padding:6px;background-color:#ffffcc;}

.loyalty_account_window {margin:auto;height:720px;width:100%;border:1px solid;background-color:#ffffff;margin-bottom:50px;}
.loyalty_account_top {width:100%;float:left;height:320px;background-image:URL('../images/loyalty/vineyard_1.jpg');background-size:cover;position:relative;}
.loyalty_account_top_bkground {width:80%;margin-top:100px;left:5%;position:absolute;}
.loyalty_account_bottom_left {float:left;margin-top:5%;margin-left:5%;width:55%;border:1px solid;border-radius:25px;background-color:#e0e0e0;margin-bottom:50px;padding-left:3%;padding-right:3%;padding-bottom:3%;}
.loyalty_account_bottom_right {float:left;width:30%;margin-left:3%;margin-top:5%;text-align:center;background-color:brown;}
.loyalty_account_bottom_logo {float:left;width:80%;text-align:center;background-color:orange;}
.loyalty_box_prod_entry {float:left;width:96%;background-color:#F0FFFF;text-align:left;border-style:solid;border-width:1px;border-radius:5px;padding:4px;}
.loyalty_box_prod_entry_loyalty_count {float:left;width:100%;}
.loyalty_box_prod_entry_loyalty_credit {float:left;width:100%;}

.product_entry_heading {float:left;width:95%;margin-left:2%;margin-bottom:10px;}
	.product_entry_heading_icon {float:left;width:5%;margin-right:10px;}
	.product_entry_heading_text {float:left;width:90%;font-weight:normal;font-size:1.3em;margin-top:1%;}
.product_entry_kit {float:right;width:25%;margin-right:8%;margin-top:1.5%;margin-bottom:40px;}
	.product_entry_kit_image {float:left;width:80%;margin-left:10%;margin-bottom:10px;}
.product_entry_panel {float:left;width:55%;margin-left:5%;padding:10px;margin-right:3%;margin-bottom:40px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}
/*	.product_entry_panel_product_code {float:left;width:80%;margin-left:10%;}*/
	.product_entry_panel_product_code {float:left;text-align:center;width:100%;}
	.product_entry_panel_product_code_button {float:left;text-align:center;width:100%;}

.beer_product_entry_panel {float:left;width:55%;margin-left:5%;padding:10px;margin-right:3%;margin-bottom:40px;border-style:solid;border-width:1px;border-radius:10px;background-color:#f9e3b9;}

.admin_changepw {width:90%;height:60%;margin-left:auto;margin-right:auto;border:1px solid;border-radius:25px;background-color:#e5e5e5;margin-bottom:50px;}
.admin_exp_labels {width:80%;min-width:400px;border-style:solid;border-width:thin;border-radius:15px;border-color:#000000;background-color:#E5E4E2;}
.admin_uname_pwd {float:left;width:80%;}
#admin_stats {float:left;width:100%;}

.utilities_chgpwd_fields {float:left;width:60%;}
.utilities_chgpwd_icon	{float:left;width:35%;margin-right:2.5%;}

.customer_contact_panel {float:left;width:100%;margin-left:3%;margin-right:5%;}
.customer_credit_panel {float:left;width:96%;border-style:solid;border-width:1px;border-color:gray;border-radius:15px;padding:6px;background-color:#f5f4f2;margin-bottom:10px;margin-left:1%;}
.customer_buttons_panel {float:left;width:100%;margin-left:0px;background-color:orange;border-style:solid;border-width:1px;border-color:gray;border-radius:6px;margin-bottom:5px;}
.customer_default_notes {float:left;width:50%;}
.customer_default_notes_label {float:left;vertical-align:text-top;width:20%;margin-left:8px;}
.customer_default_notes_field {float:left;vertical-align:text-top;width:60%;}

.customer_buttons_product_code {float:left;width:100%;background-color:orange;text-align:center;border-style:solid;border-width:1px;border-color:gray;border-radius:5px;padding-top:0px;padding-bottom:0px;}

.admin_stuff_lens {position:relative;width:90%;height:100%;min-height:1280px;margin-left:5%;margin-top:20px;margin-bottom:80px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;}
.admin_stuff_recon {position:relative;text-align:center;width:90%;height:90%;min-height:250px;max-width:650px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_lapsed {position:relative;width:90%;height:90%;max-height:470px;margin-left:5%;margin-top:20px;margin-bottom:60px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_top {position:relative;width:90%;height:90%;max-height:300px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_redeem {position:relative;text-align:center;width:90%;height:90%;max-height:250px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_earned {position:relative;text-align:center;width:90%;height:90%;max-height:150px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff {position:relative;width:90%;height:90%;max-height:840px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}

.from_to_bottling {float:left;width:100%;margin-bottom:5px;}
.radio_label {float:left;text-align:left;width:100%;}
.radio_buttons {float:left;width:100%;}

.database_image {float:left;margin-right:3%;width:15%;margin-top:10px;margin-bottom:10px;}

.appointment_tables_div {float:left;width:60%;margin-left:2%;margin-top:-20px;}
.appointments_panels {float:left;max-width:98%;margin-left:2%;margin-top:-20px;}
.appointments_view_print {float:left;width:100%;margin-left:2%;margin-top:20px;}


.closures_panel {margin-left:auto;margin-right:auto;width:90%;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;overflow:auto;}
.closures_col1 {float:left;width:45%;padding:4px;}
.closures_col2 {float:right;width:45%;padding:4px;}
.closures_buttons {float:left;margin-left:5%;margin-bottom:15px;margin-top:3px;width:89%;}

/* begin: Comm Centre tab */
.CC_panel {float:left;width:100%;background-color:#bb94ba;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:-15px;}
.CC_TimeNow {float:left;width:110px;background-color:#b448b1;border-top-left-radius:10px;}
.CC_NextBottling {float:left;width:70%;padding:6px;}
.CC_Search {float:left;text-align:center;width:100%;height:100%;background-color:#b448b1;}
.CC_NextBottling_Large {font-size:1.7em;font-weight:bold;color:white;}
.CC_NextBottling_Regular {font-size:1.2em;color:white;}
/* end: Comm Centre tab */

/* begin: Bottling Appt(s) Admin tab */
.H3_Title {float:left;width:100%;}
.MultiStationHelp {float:left;width:100%;margin-left:5%;margin-bottom:20px;font-size:1.2em;}
/* end: Bottling Appt(s) Admin tab */

} /* end (min-width: 481px) and (max-width: 750px) */
/********************************************************** end: (min-width: 480px) and (max-width: 750px) ***********************************************************/

/********************************************************** begin: (min-width: 750px) ***********************************************************/
/* tablets/desktops oriented landscape e.g XPS8700, iPad 3 landscape & portrait */
@media only screen and (min-width: 750px) {
.about_image {float:right;width:45%}

.login {float:left;width:60%;margin-left:18%;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;padding-top:6px;padding-bottom:6px;}
.CIMS_login_main {float:left;max-width:900px;width:70%;margin-left:15%;margin-bottom:80px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;padding:6px;background-color:#ffffcc;}

.loyalty_account_window {margin:auto;height:720px;width:70%;border:1px solid;background-color:#ffffff;margin-bottom:50px;}
.loyalty_account_top {width:100%;float:left;height:200px;background-image:URL('../images/loyalty/vineyard_1.jpg');background-size:cover;position:relative;}
.loyalty_account_top_bkground {width:80%;margin-top:100px;left:5%;position:absolute;}
.loyalty_account_bottom_left {float:left;margin-top:5%;margin-left:5%;width:55%;border:1px solid;border-radius:25px;background-color:#e0e0e0;margin-bottom:50px;padding-left:3%;padding-right:3%;padding-bottom:3%;}
.loyalty_account_bottom_right {float:right;width:30%;margin-left:3%;margin-top:5%;text-align:center;background-color:orange;}
.loyalty_account_bottom_logo {float:left;width:65%;text-align:center;background-color:green;}
.loyalty_box_prod_entry {float:left;width:75%;background-color:#F0FFFF;text-align:left;border-style:solid;border-width:1px;border-radius:5px;padding:4px;}
.loyalty_box_prod_entry_loyalty_count {float:left;width:50%;}
.loyalty_box_prod_entry_loyalty_credit {float:left;width:50%;}

.product_entry_heading {float:left;width:95%;margin-left:2%;margin-bottom:10px;}
	.product_entry_heading_icon {float:left;width:5%;margin-right:10px;}
	.product_entry_heading_text {float:left;width:90%;font-weight:normal;font-size:1.3em;margin-top:1%;}
.product_entry_kit {float:right;width:25%;margin-right:8%;margin-top:1.5%;margin-bottom:40px;}
	.product_entry_kit_image {float:left;width:80%;margin-left:10%;margin-bottom:10px;max-width:150px;}
.product_entry_panel {float:left;width:55%;margin-left:5%;padding:10px;margin-right:3%;margin-bottom:40px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}
/*	.product_entry_panel_product_code {float:left;width:80%;margin-left:10%;}*/
	.product_entry_panel_product_code {float:left;text-align:right;width:50%;}
	.product_entry_panel_product_code_button {float:left;text-align:left;width:50%;}
.beer_product_entry_panel {float:left;width:55%;margin-left:5%;padding:10px;margin-right:3%;margin-bottom:40px;border-style:solid;border-width:1px;border-radius:10px;background-color:#f9e3b9;}

.admin_changepw {max-width:800px;height:60%;width:80%;margin-bottom:50px;margin-left:auto;margin-right:auto;border:1px solid;border-radius:25px;background-color:#e5e5e5;padding:20px;}
.admin_exp_labels {width:60%;min-width:450px;border-style:solid;border-width:thin;border-radius:15px;border-color:#000000;background-color:#E5E4E2;}
.admin_uname_pwd {float:left;width:45%;}
#admin_stats {float:left;width:80%;margin-left:10%;}

.utilities_chgpwd_fields {float:left;width:60%;}
.utilities_chgpwd_icon	{float:left;width:20%;margin-right:8%;}

.customer_contact_panel {float:left;width:60%;margin-left:1%;margin-top:2%;margin-right:1%;}
.customer_credit_panel {float:right;width:34%;border-style:solid;border-width:1px;border-color:gray;border-radius:15px;padding:6px;background-color:#f5f4f2;margin-bottom:10px;margin-top:10px;margin-right:1%;}
.customer_buttons_panel {float:left;width:100%;margin-left:0px;background-color:orange;border-style:solid;border-width:1px;border-color:gray;border-radius:6px;margin-bottom:5px;margin-top:5px;}
.customer_buttons_product_code {float:left;width:100%;background-color:orange;text-align:center;padding-top:3px;padding-bottom:3px;}
.customer_default_notes_div_loyalty_enabled {float:left;width:60%;margin-top:5px;margin-left:2%;}
.customer_default_notes_div_loyalty_disabled {float:left;width:100%;margin-top:5px;margin-left:2%;}
.customer_default_notes_loyalty_enabled {float:left;width:100%;margin-bottom:5px;}
.customer_default_notes_loyalty_disabled {float:left;width:50%;margin-bottom:10px;}

.customer_default_notes {float:left;width:50%;}
.customer_default_notes_label {float:left;vertical-align:text-top;width:30%;}
.customer_default_notes_field {float:left;vertical-align:text-top;width:65%;}

.customer_access_panel {float:left;width:60%;padding:8px;}
.customer_access_image {float:left;width:35%;}

.database_image {float:left;margin-right:3%;width:10%;margin-top:10px;margin-bottom:10px;}

.appointment_tables_div {float:left;width:60%;margin-left:2%;margin-top:-20px;}
.appointments_panels {float:left;max-width:50%;margin-left:2%;margin-top:-20px;}
.appointments_view_print {float:left;width:100%;margin-left:2%;margin-top:20px;margin-bottom:40px;}

.closures_panel {margin-left:auto;margin-right:auto;width:90%;max-width:1200px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;overflow:auto;}
.closures_col1 {float:left;width:45%;padding:4px;}
.closures_col2 {float:right;width:45%;padding:4px;}
.closures_buttons {float:left;margin-left:5%;margin-bottom:15px;margin-top:3px;width:89%;}

/*.customer_buttons_product_code {float:left;width:100%;background-color:orange;text-align:center;border-style:solid;border-width:1px;border-color:gray;border-radius:5px;padding-top:3px;padding-bottom:3px;}*/
.admin_stuff_lens {position:relative;width:90%;height:100%;margin-left:auto;margin-right:auto;max-width:1300px;min-height:960px;margin-top:20px;margin-bottom:80px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;}
.admin_stuff_recon {position:relative;text-align:center;width:90%;height:90%;min-height:200px;max-width:650px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_lapsed {position:relative;width:90%;height:90%;max-height:380px;max-width:780px;margin-left:5%;margin-top:20px;margin-bottom:60px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_top {position:relative;width:90%;height:90%;max-height:210px;max-width:640px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_redeem {position:relative;text-align:center;width:90%;height:90%;max-height:250px;max-width:650px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff_earned {position:relative;text-align:center;width:90%;height:90%;max-height:150px;max-width:650px;margin-left:5%;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}
.admin_stuff {position:relative;width:90%;height:90%;max-height:840px;margin-left:auto;margin-right:auto;max-width:1200px;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-radius:10px;background-color:#ffffff;overflow-y:auto;}

.from_to_bottling {float:left;width:50%;margin-bottom:5px;}
.radio_label {float:left;width:40%;}
.radio_buttons {float:left;width:50%;}

/* begin: Comm Centre tab */
.CC_panel {float:left;width:100%;background-color:#bb94ba;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:-15px;}
.CC_TimeNow {float:left;width:110px;background-color:#b448b1;border-top-left-radius:10px;}
.CC_NextBottling {float:left;width:40%;padding:6px;}
.CC_Search {float:right;width:45%;background-color:#b448b1;border-top-right-radius:10px;}
.CC_NextBottling_Large {font-size:1.7em;font-weight:bold;color:white;}
.CC_NextBottling_Regular {font-size:1.2em;color:white;}
/* end: Comm Centre tab */

/* begin: Bottling Appt(s) Admin tab */
.H3_Title {float:left;width:100%;}
.MultiStationHelp {float:left;width:50%;margin-left:5%;margin-right:25%;margin-bottom:20px;font-size:1.2em;}
/* end: Bottling Appt(s) Admin tab */

} /* end (min-width: 751px) */
/********************************************************** end: (min-width: 750px) ***********************************************************/

/* tablets/desktops oriented landscape e.g XPS8700, iPad 3 landscape & portrait */
@media only screen and (min-width: 750px) and (max-width: 950px) {
/* begin: Comm Centre tab */
.CC_panel {float:left;width:100%;background-color:#bb94ba;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:-15px;}
.CC_TimeNow {float:left;width:110px;background-color:#b448b1;border-top-left-radius:10px;}
.CC_NextBottling {float:left;width:70%;padding:6px;}
.CC_Search {float:left;text-align:center;width:100%;height:100%;background-color:#b448b1;}
.CC_NextBottling_Large {font-size:1.7em;font-weight:bold;color:white;}
.CC_NextBottling_Regular {font-size:1.2em;color:white;}
/* end: Comm Centre tab */

/* begin: Bottling Appt(s) Admin tab */
.H3_Title {float:left;width:100%;}
.MultiStationHelp {float:left;width:100%;margin-top:10px;margin-right:10px;font-size:1.2em;}
/* end: Bottling Appt(s) Admin tab */
} /* end (min-width: 750px) and (max-width: 870px) */

@media only screen and (min-width: 951px) {
/* begin: Comm Centre tab */
.CC_panel {width:100%;margin-left:auto;margin-right:auto;max-width:1400px;background-color:#bb94ba;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:-15px;}
.CC_TimeNow {float:left;width:110px;background-color:#b448b1;border-top-left-radius:10px;}
.CC_NextBottling {float:left;width:40%;padding:6px;}
.CC_Search {float:right;width:45%;background-color:#b448b1;border-top-right-radius:10px;}
.CC_NextBottling_Large {font-size:1.7em;font-weight:bold;color:white;}
.CC_NextBottling_Regular {font-size:1.2em;color:white;}
/* end: Comm Centre tab */
/* begin: Bottling Appt(s) Admin tab */
.H3_Title {float:left;width:100%;}
.MultiStationHelp {float:right;margin-left:5%;margin-right:5%;margin-bottom:20px;margin-top:-10px;width:90%;font-size:1.2em;}
/* end: Bottling Appt(s) Admin tab */

} /* end (min-width: 951px) */

@media only screen and (min-width: 1284px) {
/* begin: Bottling Appt(s) Admin tab */
.H3_Title {float:left;width:50%;}
.MultiStationHelp {float:left;width:40%;margin-top:10px;font-size:1.2em;}
/* end: Bottling Appt(s) Admin tab */

} /* end (min-width: 1284px) */

/* begin: post-it note CSS statements */
.quote-container-sysadmin-review {
	position:absolute;
 	left:65%;
	top:180px;
	z-index:100;
	}
.quote-container {
	position:absolute;
 	left:18%;
	top:220px;
	z-index:100;
	}
.note {
 	text-align: left;
	color: #333;
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding: 20px;
	font-family: Satisfy;
	font-size: 16px;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	}
.note .author {
	display: block;
	margin: 40px 0 0 0;
	text-align: right;
	}
.yellow {
	background: #eae672;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	}
.pin {
	background-color: #aaa;
	display: block;
	height: 32px;
	width: 2px;
	position: absolute;
	left: 50%;
	top: -16px;
	z-index: 1;
	}
.pin:after {
	background-color: #A31;
	background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
		inset 3px 3px 3px hsla(0,0%,100%,.2),
		inset -3px -3px 3px hsla(0,0%,0%,.2),
		23px 20px 3px hsla(0,0%,0%,.15);
	content: '';
	height: 12px;
	left: -5px;
	position: absolute;
	top: -10px;
	width: 12px;
	}
.pin:before {
	background-color: hsla(0,0%,0%,0.1);
	box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
	content: '';

	height: 24px;
	width: 2px;
	left: 0;
	position: absolute;
	top: 8px;

	transform: rotate(57.5deg);
	-moz-transform: rotate(57.5deg);
	-webkit-transform: rotate(57.5deg);
	-o-transform: rotate(57.5deg);
	-ms-transform: rotate(57.5deg);

	transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	}
/* end: note CSS statements */

#container {
	/*
	The CSS display, flex-direction and justify-content (not sure how they work!) allows one to send to the bottom of this parent <div> the footer <div> regardless of the size of the
	browser window.  The child <div>, such as customer_main becomes scrollable when the size of the screen vertically becomes small
	*/
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	background-color: #ffffff;
	height:100%;
	margin: 0 auto;
	overflow: hidden;
	-webkit-box-shadow: 5px 5px 5px 0px #444;
	-moz-box-shadow: 5px 5px 5px 0px #444;
	box-shadow: 5px 5px 5px 0px #444;
	}
#container_admin {
	/*
	The CSS display, flex-direction and justify-content (not sure how they work!) allows one to send to the bottom of this parent <div> the footer <div> regardless of the size of the
	browser window.  The child <div>, such as customer_main becomes scrollable when the size of the screen vertically becomes small
	*/
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	background-color:#ffffcc;
	height:100%;
	margin: 0 auto;
	overflow: hidden;
	-webkit-box-shadow: 5px 5px 5px 0px #444;
	-moz-box-shadow: 5px 5px 5px 0px #444;
	box-shadow: 5px 5px 5px 0px #444;
	}
#banner {
	margin: 0 auto;
	position: relative;
	line-height: 0;
	float: left;
	width: 100%;
	height: auto;
	}
#footer {
	background: linear-gradient(to left, #fff -80%, #333333 45%);
	color:white;
/*	margin: 0 auto;*/
/*	position:absolute;*/
/*	margin-top:-40px;*/
	position:fixed;
	bottom:0;
	line-height:0;
	float: left;
	width: 100%;
	height: 40px;
	}
#footer_relative {
	background: linear-gradient(to left, #fff -80%, #333333 45%);
	color:white;
/*	margin: 0 auto;*/
/*	position:absolute;*/
/*	margin-top:-40px;*/
	position:relative;
	bottom:0;
	line-height:0;
	float: left;
	width: 100%;
	height: 40px;
	}

#main_content {
	background-color:#ffffff;
/*	background-color:yellow;*/
/*	max-width:1100px;*/
	height:100%;
	width:100%;
	overflow-y:auto;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
/*	margin-top:20px;
	margin-left:0px;
	margin-right:0px; */
/*	min-height:740px;*/
/*	position: relative;*/
	}
#main_content_admin {
	float:left;
	background-color:#ffffcc;
/*	background-color:green;*/
/*	max-width:1100px;*/
	height:100%;
	width:100%;
	overflow-y:auto;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
/*	margin-top:10px;
	margin-left:30px;
	margin-right:30px;
	padding:20px;*/
	}

#main_content_top {
	float: left;
	background-color: #ffffff;
	width:100%;
	margin-top:10px;
	position: relative;
	}

#main_content_bottom {
	float: left;
	background-color: #ffffff;
	width:100%;
	margin-top:10px;
	margin-left:30px;
	position: relative;
	}

.printableArea_kitRequestForm {
	font-size:11pt;

}
/* labels for fields on the forms */
.Label	{
	color:blue;
	font-weight:bold;
	text-align:right;
	padding-right:3px;
	}
.login_fieldset {background-color:#E5E4E2;text-align:left;width:93%;margin-left:1%;margin-bottom:2%;}

.customer_access_home {margin:0 auto;overflow:hidden;width:80%;margin:auto;margin-bottom:50px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;background-color:#FFFFC2;}

.customer_main {margin:0 auto;overflow-y:auto;width:95%;height:80%;margin:auto;margin-bottom:50px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}
.kit_sales_entry_main {margin:0 auto;overflow:hidden;width:95%;margin:auto;margin-bottom:50px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;background-color:white;}
.loyalty_main {margin:0 auto;overflow:hidden;width:95%;margin:auto;margin-bottom:10px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}
.bottling_main {margin:0 auto;overflow:hidden;width:95%;margin:auto;margin-bottom:10px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}
.uvint_main {margin:0 auto;overflow:hidden;width:95%;margin:auto;margin-bottom:50px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}
.button_bar {float:left;width:99%;margin:auto;text-align:center;margin-top:15px;border-style:solid;border-width:1px;border-color:gray;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:3px;background-color:orange;}
.button_bar_standalone {float:left;width:90%;margin-left:5%;margin-bottom:20px;text-align:center;margin-top:20px;border-style:solid;border-width:1px;border-color:gray;border-radius:10px;padding:3px;background-color:orange;}
.button_bar_features {margin:0 auto;width:500px;text-align:center;margin-top:20px;margin-bottom:20px;border-style:solid;border-width:1px;border-color:gray;border-radius:10px;padding:3px;background-color:orange;}

/*.error_panel_main {overflow:hidden;width:80%;max-width:800px;margin:auto;margin-bottom:30px;margin-top:70px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}*/

.error_panel_main {width:80%;height:100%;margin-left:auto;margin-right:auto;max-width:800px;margin-top:50px;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;}

.admin_main {margin:0 auto;overflow:hidden;width:95%;margin:auto;margin-bottom:10px;margin-top:10px;border-style:solid;border-width:1px;border-radius:10px;background-color:#FBF6D9;}

.refresh {cursor:pointer;vertical-align:middle;}

/* change your password panel */
.change_pwd {
	float:left;
	background-color:#ffffcc;
	padding:8px;
	width:80%;
	margin-left:8%;
	margin-top:15px;
	font-style:italic;
	text-align:left;
	border-width:thin;
	border-style:solid;
	border-radius:10px;
	margin-bottom:15px;
	}

.report_text {font-family: Arial, Helvetica, Georgia, Sans-serif;font-size: 12px; }
th {font-family: Arial, Helvetica, Georgia, Sans-serif;font-size: 13px; }

/* colour of the column headings and text for listings types of reports */
.report_header {
	font-weight:bold;
	color:white;
	background-color:brown;
	border-radius:10px;
	}

.report_panel {float:left;width:90%;margin-left:5%;border-style:solid;border-width:1px;border-radius:10px;background-color:#E5E4E2;margin-bottom:24px;}

.blink {
  animation: blink 2s steps(5, start) 5;
  -webkit-animation: blink 2s steps(5, start) 5;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}

#flashingtext {
	color: silver;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
   opacity: 0.45;
   }

h1{
	font-family: Georgia, Sans-serif;
	font-size: 32px;
	padding: 0 0 10px 15px;
}

h3{
	color: #000; 
	font-size: 16px; 
	font-weight: bold; 
/*	text-transform: uppercase;*/
	padding: 5px 0 5px 0;
}

h4{
	padding: 0 0 0 15px;
}

h7{
	font-family: Georgia, Sans-serif;
	font-size: 6px;
	padding: 0 0 10px 15px;
}

/* begin for wine kits tracker table presentation */
input { font-size: 13px; }
textarea { font-size: 13px; }
select { font-size: 13px; }
/* end for wine kits tracker table presentation */

a:link, a:visited{
	text-decoration: underline;
	color:#663300;
}

a:hover{
	text-decoration: underline;
	color: red;
}

/* the email column link on the email contacts listing */
/* unvisited link */
a.linkEmail {
    color:white;
}

/* visited link */
a.linkEmail:visited {
    color: beige;
}

/* mouse over link */
a.linkEmail:hover {
    color: orange;
}

/* selected link */
a.linkEmail:active {
    color: blue;
} 

blockquote { font-style: italic; 
	font-family: Arial, Helvetica, Georgia, Sans-serif; 
/*	background: #faf9ef; */
	background: white; 
	margin: 0.5em 20px 0.5em 10px; 
	padding: 4px 4px 4px 12px;
/*	border: 1px solid #F2E6B1;*/
	}

.entry p { 
	margin: 15px 0 15px 0; 
}

.entry ul, .entry ol { 
	margin: 0 0 15px 40px; 
}
	
.entry ul { 
	list-style-type: disc; 
}
	
.entry li { 
	margin: 0 0 5px 0; 
}
		
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 
	margin: 5px 0 5px 30px; 
}

.entry img.left { 
	padding: 6px; 
	margin: 0.5em 15px 0.5em 0; 
	border: 1px solid #ccc;
	background: #eee;
	float: left; 	
	clear: left; 
}
		
.entry img.right { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: 1px solid #ccc;
	background: #eee;
	float: right; 
	clear: right; 
}
		
.entry img.center { 
	display: block; 
	padding: 8px; 
	margin: 0 auto 1.5em auto; 
	border: 1px solid #ccc;
	background: #eee;
	float: none; 
	clear: both; 
}
	
.entry img.off { 
	padding: 0 !important; 
	border: none !important; 
}
		
.entry img.stack { 
	clear: none !important; 
}

/* need to validate the stuff below this line */

#functionBar{
	/* text attributes */
	color: #000; 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 40px;
	vertical-align:middle;
	text-shadow:1px 1px white;

	/* bar attributes */
	float: left;
	width: 1100px;
	padding: 0 0 0 0;
/*	background: #FFFFCC;	*//* the yellow coloured strip just below the menu strip (actually is the colour of the entire page, except that the iframe's background is white */
	height: 40px;
	border: 2px solid;
	border-color:blue;
	background: url(../images/menu/function_bar_background_1.jpg) no-repeat left bottom;
/*	background: orange; */
/*	background: maroon; */	/* the maroon coloured strip just below the menu strip (actually is the colour of the entire page, except that the iframe's background is white */
}

.functionBarText{
	color: #000; 
	font-size: 16px; 
	font-weight: normal; 
/*	text-transform: uppercase;*/
}
/*
#container{
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	background: #FFFFCC;	/* the yellow coloured strip just below the menu strip (actually is the colour of the entire page, except that the iframe's background is white */
/*	background: orange; */
/*	background: maroon; */	/* the maroon coloured strip just below the menu strip (actually is the colour of the entire page, except that the iframe's background is white */
/*}*/

#admin{
	float: left;
	width: 900px;
	padding: 0 0 0 0;
	background: #FFFFCC;	/* the yellow coloured strip just below the menu strip (actually is the colour of the entire page, except that the iframe's background is white */
/*	background: orange; */
/*	background: maroon; */	/* the maroon coloured strip just below the menu strip (actually is the colour of the entire page, except that the iframe's background is white */
}

/*----HEADER----*/

#header{
	float: left;
	width: 100%;
	padding: 50px 0px 30px 19px;
/*	background: url(../images/grapes_lrg.jpg) no-repeat left bottom;*/
	color: #fff;
	border: 3px solid #8b814c;
}

#header a{
	text-decoration: none;
	color: #fff;
}

#header a:hover{
	text-decoration: underline;
}

/*--- database operations messages --*/
#dbase{
	font-size: 11px;
	color: #504A4B;
}

#tab_uvint {
	margin-bottom:50px;
}
#tab_loyalty {
	margin-bottom:50px;
}
#tab_bottling {
	margin-bottom:50px;
}

table#wp-calendar{
	width: 100%;
}

.proddesc {
	margin: 0; 
	color: #777; 
	font-size: 13px; 
	line-height: 16px;
}

.proddesc_pc {
	margin: 0; 
	line-height: 16px;
	background-color:orange;
}
.proddesc_zero {
	margin: 0; 
	color:blue;
	font-size:14px;
	line-height: 16px;
	background-color:yellow;
}

.postalcode {
	margin: 0; 
	color: #777; 
	font-size: 12px; 
	text-transform: uppercase;
}


.beerimg {
	box-shadow: 5px 5px 5px #888888;
}


.box {
  box-shadow: 5px 5px 5px 0px #444;
}

.tblformat {
	width:380px;
	color:#00f;
	background-color:#ddd;
	font-size:12px;
	padding:.5em;
}

.post{
	padding: 10px 50px 10px 40px;
}

.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
	padding: 10px 0 0 0;
	color: #685c45;
}


.entry{
	line-height: 22px;
}

.postinfo{
	font-size: 11px;
	color: #BFB8A1;
	padding: 2px 0 20px 0;
}

.postinfo a{
	color: #BFB8A1;
}

.postdate{ color: #BFB8A1; }

p.postmetadata{
	font-size: 12px;
	color: #BFB8A1;
	border-top: 1px dashed #F2E6B1;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
}

p.postmetadata strong{
	float: right;
}
/* begin CSS code for standardized buttons */
.button_delete{
 border:1px solid #822121; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 cursor:pointer;
 background-color: #ff3131; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6666), to(#de3434));
 background-image: -webkit-linear-gradient(top, #ff6666, #de3434);
 background-image: -moz-linear-gradient(top, #ff6666, #de3434);
 background-image: -ms-linear-gradient(top, #ff6666, #de3434);
 background-image: -o-linear-gradient(top, #ff6666, #de3434);
 background-image: linear-gradient(to bottom, #ff6666, #de3434);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6666, endColorstr=#de3434);
}

.button_delete:hover{
 border:1px solid #822121; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a41e1e; background-image: -webkit-gradient(linear, left top, left bottom, from(#a41e1e), to(#572525));
 background-image: -webkit-linear-gradient(top, #a41e1e, #572525);
 background-image: -moz-linear-gradient(top, #a41e1e, #572525);
 background-image: -ms-linear-gradient(top, #a41e1e, #572525);
 background-image: -o-linear-gradient(top, #a41e1e, #572525);
 background-image: linear-gradient(to bottom, #a41e1e, #572525);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a41e1e, endColorstr=#572525);
}

.button{
 border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 cursor:pointer;
 background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
 background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
 background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.button:hover{
 border:1px solid #5d7fbc;color:orange;text-decoration:none;
 background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

.button.disabled:hover {
 border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #bdbdbd; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
 background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
 background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.button[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events:none;
}

.button_delete[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events:none;
}

.button_blue{
 border:1px solid #822121; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;cursor:pointer;
 background-color: #0825bd; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a55de), to(#222e71));
 background-image: -webkit-linear-gradient(top, #4a55de, #222e71);
 background-image: -moz-linear-gradient(top, #4a55de, #222e71);
 background-image: -ms-linear-gradient(top, #4a55de, #222e71);
 background-image: -o-linear-gradient(top, #4a55de, #222e71);
 background-image: linear-gradient(to bottom, #4a55de, #222e71);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4a55de, endColorstr=#222e71);
}

.button_blue:hover{
 border:1px solid #822121; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #191f63; background-image: -webkit-gradient(linear, left top, left bottom, from(#191f63), to(#2b2f65));
 background-image: -webkit-linear-gradient(top, #191f63, #2b2f65);
 background-image: -moz-linear-gradient(top, #191f63, #2b2f65);
 background-image: -ms-linear-gradient(top, #191f63, #2b2f65);
 background-image: -o-linear-gradient(top, #191f63, #2b2f65);
 background-image: linear-gradient(to bottom, #191f63, #2b2f65);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#191f63, endColorstr=#2b2f65);
}

.button_blue[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events:none;
}

.button_green{
 border:1px solid #822121; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;cursor:pointer;
 background-color: #0825bd; background-image: -webkit-gradient(linear, left top, left bottom, from(#1d9204), to(#0e4f00));
 background-image: -webkit-linear-gradient(top, #1d9204, #0e4f00);
 background-image: -moz-linear-gradient(top, #1d9204, #0e4f00);
 background-image: -ms-linear-gradient(top, #1d9204, #0e4f00);
 background-image: -o-linear-gradient(top, #1d9204, #0e4f00);
 background-image: linear-gradient(to bottom, #1d9204, #0e4f00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1d9204, endColorstr=#0e4f00);
}

.button_green:hover{
 border:1px solid #822121; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #191f63; background-image: -webkit-gradient(linear, left top, left bottom, from(#0e4f00), to(#093300));
 background-image: -webkit-linear-gradient(top, #0e4f00, #093300);
 background-image: -moz-linear-gradient(top, #0e4f00, #093300);
 background-image: -ms-linear-gradient(top, #0e4f00, #093300);
 background-image: -o-linear-gradient(top, #0e4f00, #093300);
 background-image: linear-gradient(to bottom, #0e4f00, #093300);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0e4f00, endColorstr=#093300);
}

.button_green[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events:none;
}

/* end CSS code for standardized buttons */

/* begin: file folder(s) rendering for calendar & bottling appt tab for multiple bottling stations */
/* sourced from: https://www.w3schools.com/howto/howto_js_full_page_tabs.asp */;
/* Style tab links */
.tablinkBT {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
/*  padding: 14px 16px;
  width: 25%; */
/*  original values */
/*  padding: 14px 16px;*/
}

.tablinkBT:hover {
  background-color: lightgray;
  cursor:pointer;
  color:green;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontentBT {
/*  color: white;*/
  display: none;
  height:640px;
  border:1px solid #822121;/*  original values */
  border-radius: 6px;
/*  padding: 100px 20px;*/
/*  height: 100%;*/
}

/* applies to the body of the file folder only! */
#BottlingA {background-color: LemonChiffon;}
#BottlingB {background-color: MintCream;}		/* light green/teal blue: #cdfff8;  beerish colour: #F8ECE0; pale blue: #CEF6F5;*/
#BottlingC {background-color: PeachPuff;}			/* pale yellow: #fff8df; pale green: #E6F8E0*/
/* end: file folder(s) rendering for calendar & bottling appt tab for multiple bottling stations */