body {



}

   
/* red
.myButton {
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color:#c62d1f;
	border-radius:18px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color:#f24437;
}
.myButton:active {
	position:relative;
	top:1px;
}
    */
      .myButton {
	box-shadow: 3px 4px 0px 0px #1564ad;
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color:#79bbff;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 44px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton:hover {
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myheader {
    text-align:center;
    color: #000000;
    font-family: Arial;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528ecc;
    text-decoration:underline;
}
  .myfont{
      color:#000000;
      font-family:Arial;
	font-size:17px;
	font-weight:bold;
    text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
  }
.myfont2 {
    text-align: center;
    color: #000000;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528ecc;
}

  .box {
  width: auto;
  height:auto;
  background-color: white;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);   
  margin: 0 auto;
}
    .logbox {
  width: 400px;
  height:auto;
  background-color: white;
  box-shadow: 0px 0px 5px 5px rgb(128, 128, 128);   
  margin: 0 auto;
}
    .label{
        width: 20px;
        font-family:Arial;
  height:auto;
  color:blue; 
 
    }
    .labelresult{
        width: 20px;
        font-family:Arial;
        font-size : large;
        font-weight: bold;
  height:auto; 
  color: #ff3300;
 
    }

       .mysmallButton {
	box-shadow: 3px 4px 0px 0px #1564ad;
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color:#79bbff;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.mysmallButton:hover {
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color:#378de5;
}
.mysmallButton:active {
	position:relative;
	top:1px;
}

.tdleft{
    text-align:left;
    color:rgb(51, 102, 153);
}

.img
{
  width: auto !important;
  height: auto !important;
  
}