/*-----------------*/
/* Main Master CSS */
/*-----------------*/
/* THEMES STYLE SHEET */
/* DEFINE COLORS ONLY IN THIS STYLE SHEET */

.colorpopuppickertester {
    color: #CCCCCC;  /*Dummy for getting color in CSS.  Click on color value, then Ctrl-space.*/
}
.mainPage {
	background-color:		var(--mainpage_back_color);
	border-bottom-color:	var(--mainpage_border_bottom_color);
}
.titlebar
{
    background-color:	var(--titlebar_back_color); 
    border-color:		var(--titlebar_back_color); 
}
.footer
{
    background-color:	var(--footer_back_color); 
    border-top-color:	var(--footer_back_color); 
}
.scrollFooter
{
    background-color: var(--footer_back_color); 
    border-top-color: var(--footer_border_color); 
}
#mywidgets {
	color: var(--mediumHighlight_text_color);
}
input[type="button"].noaccesskey {
  background-color: var(--input_button_back_color);
  color: var(--input_button_text_color);
  border-color: var(--default_medium_gray_border_color);
  text-decoration: var(--input_button_text_decoration);
}
  input[type="button"].noaccesskey:hover {
    background-color: var(--input_button_hover_back_color);
    color: var(--input_button_hover_text_color);
    border-color: var(--default_medium_gray_border_color);
    text-decoration: var(--input_button_hover_text_decoration);
  }
.appButtonBar input[type="button"].noaccesskey {
  background-color: var(--appbuttonbar_input_button_back_color);
  color: var(--appbuttonbar_input_button_text_color);
  border-color: var(--default_medium_gray_border_color);
  text-decoration: var(--appbuttonbar_input_button_hover_text_decoration);
}
.appButtonBar input[type="button"].noaccesskey:hover {
    background-color: var(--appbuttonbar_input_button_hover_back_color);
    color: var(--appbuttonbar_input_button_hover_text_color);
    border-color: var(--default_medium_gray_border_color);
    text-decoration: var(--appbuttonbar_input_button_hover_text_decoration);
}
	.appButtonBar input[type="button"].noaccesskey:disabled {
		background-color: var(--button_disabled_back_color);
		color: var(--button_disabled_text_color);
		border-color: var(--default_light_gray_border_color);
		cursor: not-allowed;
		pointer-events: none;
	}
input {
    border-color: var(--default_light_gray_border_color); 
}
input[type="button"] {
    background-color: var(--button_back_color);
    color: var(--button_text_color);
    border-color: var(--default_medium_gray_border_color);
}
input[type="button"]:hover {
    background-color: var(--button_hover_back_color);
    color: var(--button_hover_text_color);
    border-color: var(--default_medium_gray_border_color);
}
input[type="button"]:disabled {
    background-color: var(--button_disabled_back_color);
    color: var(--button_disabled_text_color);
    border-color: var(--default_light_gray_border_color);
    cursor: not-allowed;
    pointer-events: none;
}
button {
  background-color: var(--button_back_color);
  color: var(--button_text_color);
  border-color: var(--default_medium_gray_border_color);
}
button:hover {
    background-color: var(--button_hover_back_color);
    color: var(--button_hover_text_color);
    border-color: var(--default_medium_gray_border_color);
}
button:disabled {
    background-color: var(--button_disabled_back_color);
    color: var(--button_disabled_text_color);
    border-color: var(--default_light_gray_border_color);
    cursor: not-allowed;
    pointer-events: none;
}