/*
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Roboto);
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap');
/*
* {
 font-size: 12px;
 color: #666666;
 font-family: 'Open Sans';
 text-decoration:none;
}
*/

* {
 font-size: 14px;
 color: #666666;
 font-family: 'Roboto Condensed';
 text-decoration:none;
 font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
}

.highlightme {
    font-weight: bold;
    margin-right: 10px;
}

.boldme { font-weight: bold; }

body {

    background: url(./images/bg250.png) #ebf7f7 ;
	background-repeat: no-repeat;
	width: 100%!important;

/*	
	background: #EEEEEE!important;
	background: white!important;
*/	

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}


h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	color:#3B71CA; /* bs 5 primary */
	font-family: 'Roboto Condensed';
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	font-family: 'Roboto Condensed';

}
h3 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0;

	color:#3B71CA; /* bs 5 primary */
	color: #3B71CA; /* bs 5 primary */
	color: white;
	font-family: 'Roboto Condensed';
}

h4.event {
	color: #3992C9; /* Moderate Blue */
	font-size: 1.2em;
}

#saveevententry, #savechosenmembershipentry {
	line-height: 2em!important;
}

a, {
	text-decoration:bold;
	color: #f38552!important; /* orange ejb*/
}
a:hover {
	color: #3B71CA; /* bs 5 primary  was orange ejb*/
}

.colform { float:left; width:50%;}

/*h3{color:#92d050; sarrc green } */
table
{
 border-collapse: collapse;
 padding: 10px;
 border-spacing: 3px;
 margin-right: auto;
 margin-left: auto;
 
 background: white;
 width: 800px;
}

th {
    background: #3B71CA none repeat scroll 0 0;   /* was #3992c9   */ /* bs 5 primary */
    color: #fff;
    padding: 4px;
}
td
{
 padding: 4px;
 text-align: left;
}
hr
{
 color:#FFFFFF;
 border: 2px solid;
 padding: 2px;
 margin: 0px;
 border-top-width: 1px;
 height: 1px;
}

/* 26 Oct 2023 */
table.cart	tr:nth-child(odd) {
	background-color:#eafffe; /* was #f9f9f9; */
	}
	/* 26 Oct 2023 */
table.cart	tr:nth-child(even) {
	background-color:#fffbe5; 
	}
table.cart  {
	border: 0px solid black; 
	width:70%;
}
/*  */

a
{
 text-decoration:bold;
 color:#000066;
}
a:hover
{
 text-decoration:underline;
 color:#FF0000;
}
 a:link {
      text-decoration: none;
}
#submit {
	
		background: #F38552; /* orange ejb*/
		background: #3992C9; /* Moderate Blue */
	color: #fff;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    margin: 10px 0 0;
    padding: 6px 15px;
    text-transform: uppercase;
	    -webkit-border-radius: 24px;
    border-radius: 24px; 
}
#submit:hover {

	    background: #3B71CA; /* bs 5 primary */
		    background: #F38552; /* orange ejb*/
}
#submitform {

		    background: #F38552; /* orange ejb*/
				background: #3992C9; /* Moderate Blue */
	color: #fff;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    margin: 10px 0 0;
    padding: 6px 15px;
    text-transform: uppercase;
	    -webkit-border-radius: 24px;
    border-radius: 24px; 
}
#submitform:hover {

	    background: #3B71CA; /* bs 5 primary */
		    background: #F38552; /* orange ejb*/
}
#submitform2 {

	 background:#F38552; /* orange ejb*/
	 	background: #3992C9; /* Moderate Blue */
	color: #fff;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    margin: 10px 0 0;
    padding: 6px 15px;
    text-transform: uppercase;
	    -webkit-border-radius: 24px;
    border-radius: 24px; 
}
#submitform2:hover {

	    background: #3B71CA; /* bs 5 primary */
		    background: #F38552; /* orange ejb*/
}
#submitform3 {

	 background: #F38552; /* orange ejb*/
	 	background: #3992C9; /* Moderate Blue */
	color: #fff;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    margin: 10px 0 0;
    padding: 6px 15px;
    text-transform: uppercase;
	    -webkit-border-radius: 24px;
    border-radius: 24px; 
}
#submitform3:hover {

	    background: #3B71CA; /* bs 5 primary */
		    background:#F38552; /* orange ejb*/
}
#submitform4 {

    background:#F38552; /* orange ejb*/
		background: ##3992C9; /* Moderate Blue */
	color: #fff;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    margin: 10px 0 0;
    padding: 6px 15px;
    text-transform: uppercase;
	    -webkit-border-radius: 24px;
    border-radius: 24px; 
}
#submitform4:hover {

    background:#F38552; /* orange ejb*/
	    background: #3B71CA; /* bs 5 primary */
}
#editbutton {

	 background:#F38552; /* orange ejb*/
	 	background: #3992C9; /* Moderate Blue */
	color: #fff;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    margin: 10px 0 0;
    padding: 6px 15px;
    text-transform: uppercase;
	    -webkit-border-radius: 24px;
    border-radius: 24px; 
}
#editbutton:hover {

	    background:#3B71CA; /* bs 5 primary */
		    background: #F38552; /* orange ejb*/
}
#options {
    background:#F38552; /* orange ejb*/
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    height: auto;
    margin: 10px 0 0;
    padding: 6px 15px;
    text-transform: uppercase;
	    -webkit-border-radius: 24px;
    border-radius: 24px; 
}
#options:hover {

    background: #3B71CA; /* bs 5 primary */
		background:#F38552; /* orange ejb*/
}
input, textarea, select, option {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666;
    font-size: 1.1em;
    padding: 6px 10px;
	border: none;
    border-radius: 10px;
    border: 1px solid #c6c6c6;
}
input:hover{
    border: 3px solid #3B71CA;
}
input:focus,textarea:focus,select:focus,option:focus {
    outline: none;
    border: 3px solid #3B71CA;
}


.cart_container {
  position: relative;
  float:right;
  text-align: right;
  margin-right:20px;
  font-weight: bold;
  color: black;
}

.cart_centered {
  position: absolute;
  top: 40%;
  left: 70%; 
  
  transform: translate(-50%, -50%);
}
 table.listcart {
	border: 1px solid black;
	width:70%;
 }
 table.listcart tr td:last-child{
   max-width:300px;
 } 

@media screen and (max-width: 960px) {
        /* styles for browsers larger than 960px; */
table {
		width:340px;
}
	table tr,
	table th,
	table td {
		display: block!important;
	}

}

.textbox {
  margin: 10px;
  padding: 10px;
  font-size: 18px;
  border-radius: 15px;
}
.ejbgreen {
  color: white;
background-color: yellowgreen;
  border: 1px solid darkred;
}