table.ep_frame_table {
	width: 100%;
	background-color: #dddddd;
}

table.ep_inner_table tr.ep_inner_table{
	width: 100%;
	margin: 0 auto;
	background: #dddddd;
}

table.ep_inner_table th.ep_inner_table{
	width: 100%;
	margin: 0 auto;
	background: #dddddd;
}

table.ep_inner_table {
	margin-bottom: 0px;
}

table.ep_eventcalendar_table td.ep_eventcalendar_table{
	margin: 0 auto;
	background: #dddddd;
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	vertical-align: top;
	padding: 1px 1px 1px 1px;
	height: 8em;
}

table.ep_eventcalendar_table tr.ep_eventcalendar_table{
	width: 100%;
	margin: 0 auto;
	background: #dddddd;
	border: 1px solid black;
	border-collapse: collapse;
}

table.ep_eventcalendar_table th.ep_eventcalendar_table{
	width: 100%;
	margin: 0 auto;
	background: #dddddd;
	border: 1px solid black;
	border-collapse: collapse;
}

table.ep_eventcalendar_table {
	margin-bottom: 0px;
	border: 1px solid black;
	border-collapse: collapse;
}

table.overlay {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	vertical-align: middle;
}

table.overlayEntry {
	margin: 0px 0px 0px 0px;
}

tr.overlay {
	padding: 0px 0px 0px 0px;
}

td.overlay {
	background-color: #ffffff;
	padding: 0px 2px 10px 2px;
	vertical-align: top;
	text-align: center;
}

td.overlayEntry {
	vertical-align: middle;
}

fieldset.overlay {
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 0.35em;
	padding-bottom: 0.625em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	border: 2px groove;
}

legend.overlay {
	display: block;
	padding: 0px 4px 0px 4px;
	border: none;
	width: inherit;
	background-image: linear-gradient(#96d191,white);
	font-size: 16px;
	font-weight: bold;
}

// Duplicates for error overlay

table.errorOverlay {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	vertical-align: middle;
}

table.errorOverlayEntry {
	margin: 0px 0px 0px 0px;
}

tr.errorOverlay {
	padding: 0px 0px 0px 0px;
}

td.errorOverlay {
	background-color: #ffffff;
	padding: 0px 2px 10px 2px;
	vertical-align: top;
	text-align: center;
}

td.errorOverlayEntry {
	vertical-align: middle;
}

fieldset.errorOverlay {
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 0.35em;
	padding-bottom: 0.625em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	border: 2px groove;
}

legend.errorOverlay {
	display: block;
	padding: 0px 4px 0px 4px;
	border: none;
	width: inherit;
	background-image: linear-gradient(#96d191,white);
	font-size: 16px;
	font-weight: bold;
}

// Duplicates for prompt overlay

table.promptOverlay {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	vertical-align: middle;
}

table.promptOverlayEntry {
	margin: 0px 0px 0px 0px;
}

tr.promptOverlay {
	padding: 0px 0px 0px 0px;
}

td.promptOverlay {
	background-color: #ffffff;
	padding: 0px 2px 10px 2px;
	vertical-align: top;
	text-align: center;
}

td.promptOverlayEntry {
	vertical-align: middle;
}

fieldset.promptOverlay {
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 0.35em;
	padding-bottom: 0.625em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	border: 2px groove;
}

legend.promptOverlay {
	display: block;
	padding: 0px 4px 0px 4px;
	border: none;
	width: inherit;
	background-image: linear-gradient(#96d191,white);
	font-size: 16px;
	font-weight: bold;
}

a.ep_btn {
	border-radius: 12px;
	background-color: silver;
	padding: 12px 16px;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

a.ep_btn_disabled {
	cursor: not-allowed;
}

a.ep_loading_indicator {
	border-radius: 12px;
	background-color: white;
	padding: 12px 16px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

div#loadingOverlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 5; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

div#loadingOverlayContent {
	position: absolute;
	width: 75%;
    top: 50%;
    left: 50%;
	font-size: 3em;
	text-align: center;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

div#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

div#overlayContent {
	position: absolute;
	width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

div#errorOverlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 4; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

div#errorOverlayContent {
	position: absolute;
	width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

div#promptOverlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 3; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

div#promptOverlayContent {
	position: absolute;
	width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

span.item-count {
	font-size: 10px;
	border-radius: 3px 3px 3px;
	padding: 3px;
	border: 1px solid red;
	background-color: #ffc9c9;
}
