label {
	font-size: 12px;
	color: black;
}

.mylabel {color: #266B7E;}

.mycolor {
	background-color: #0099ff;
	color: white;
}

.mycolortext {	
	color: #0099ff;
}

.mycolorfooter {
	background-color: #f8f9fa;
	color: black;
}


.myroundedtopleftright {
	border: 1px solid #266B7E;
  border-top-left-radius: 2.5px 2.5px;
  border-top-right-radius: 2.5px 2.5px;
}

.mybackground {
	background-color: #f2f4f5;
	color: black;
}

.mybackgroundbody {
	background-image: url('pics/BG.png');
	background-color: #0099ff;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  /*background-size: auto;*/
  background-size: cover;
  position: relative;
}

.myform {
	background-color: #ebeae8;
	color: black;
}

.myformborder {
	border: 1px solid darkgrey;
	border-radius: 10px;
	box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
}

.myformcontent {
	background-color: #ebeae8;
	color: black;
}

.myheaderfooter {
	background-color: #ECEDE8;
	color: black;
}

.myinput {
	font-size: 12px;
	font-weight: bold;
	padding: 7.5px;
	border: 1px solid darkgrey;
	border-radius: 2.5px;
	background-color: #f6f3ee;
	color: black;
	width: 100%;
	margin-top: 2px;
	height: 40px;
}


.myinput:focus {
	/*border: 2px solid lightgrey;*/
	color: white;
	background-color: #333333;
}

.mytextarea {
	font-size: 12px;
	font-weight: bold;
	padding: 7.5px;
	border: 1px solid darkgrey;
	border-radius: 2.5px;
	background-color: #f6f3ee;
	color: black;
	width: 100%;
	margin-top: 2px;
	resize: none;
}


.mytextarea:focus {
	/*border: 2px solid lightgrey;*/
	color: white;
	background-color: #333333;
}

/*input[type=submit]{
	border-radius: 5px;
	border: 1px solid darkgrey;	
	background-color: #33cc99;
	color: white;
}*/

.myhomebutton {
	width: 25%;
	max-height: 100px;
	margin-bottom: 5px;
}

.myhomebuttonimage {
	height: 100px;
}

.mybutton {
	border-radius: 5px;
	border: 1px solid darkgrey;
	background-color: #0099ff;
  color: white;
  padding: 7.5px;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  width: 120px;
  height: 40px;
}

.mybuttontable {
	height: 25px;
}

.mybutton:hover {
	background-color: #f9535f;
}

.mymenubutton {
	border: none;
	border-radius: 10px;
  color: black;
  padding: 2.5px, 5px;
  text-align: left;
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  min-width: 50px;
  height: 25px;
  /*background-color: lightgrey;*/
  /*width: 100%;*/
}

.mymenubutton:hover {
	background-color: orange;
}


.mytable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  /*width: 100%;*/
}

.mytable td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

.mytable tr:nth-child(even){background-color: #f2f2f2;}

.mytable tr:hover {background-color: #ddd;}

.mytable th {
  padding-left: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #0099ff;
  color: white;
}

.mytextshadow {
  text-shadow:1px 1px 0 LightGray;
}

.mytextcolor {
  color: #266B7E;
}



/*input[type=text]:focus {
	color: white;
	background-color: rgb(128, 0, 0);
}

select:focus {
	color: white;
	background-color: rgb(128, 0, 0);
}
label {
	font-size: 12px;
}
input[type=text]{
	font-size: 12px;
	font-weight: bold;
	color: blue;
	padding: 1.5px;
}
select {
	font-size: 12px;
	font-weight: bold;
	color: blue;
	padding: 1.5px;
}

#rsvpsummary {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-collapse: collapse;
  width: 100%;
}

#rsvpsummary td, #rsvpsummary th {
  border: .5px solid black;
  padding: 5px;
}

#rsvpsummary tr:nth-child(even){background-color: #f2f2f2;}

#rsvpsummary tr:hover {background-color: #ddd;}

#rsvpsummary th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  background-color: #82d0ff;
  color: black;
}

#conso {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#conso td, #conso th {
  border: 1px solid #ddd;
  padding: 8px;
}

#conso td{
 word-break: normal;
}

#conso tr:nth-child(even){background-color: #f2f2f2;}

#conso tr:hover {background-color: #ddd;}

#conso th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: DodgerBlue;
  color: white;
}*/