/*buttons and drop down menus CSS*/

/*small button*/
.sbt {
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	background-color:#F8F8F8;
	color:#000000;
	border:1px solid #000000; 
	border-radius: 3px;
	box-shadow: 1px 1px 1px lightgrey;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
	position: relative;
}

.sbt:hover {
      background-color: #3472c7;
      color: white;
      font-weight: bold;
      font-style: italic;
      cursor: pointer;
      border: 1px dotted #3472c7; 
      border-radius: 6px;
      box-shadow: 1px 1px 1px #ffb100;
}


/*reg button*/
.bt {
	font-size:13px;
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	background-color:#F8F8F8;
	color:#000000;
	border:1px solid #000000; 
	border-radius: 4px;
	box-shadow: 1px 1px 1px grey;
  	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	position: relative;
}

.bt:hover {
	background-color: #3a77d8;
	color: white;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	border: 1px dotted #3472c7; 
	border-radius: 6px;
	box-shadow: 1px 1px 1px #ffb100;
}

/*clicked*/
.bt:active, .sbt:active, .cpbtn:active {
	background-color: #ffb100;
	box-shadow: 1px 1px 4px grey;
	top: 1px;
}


/*drop down menu - text box*/
.t {
	font-size:13px;
	font-family:Arial,Helvetica,Sans-serif;
	background-color:#F2F2F2;
	color:#000000;
	border:1px solid #000000; 
	border-radius: 4px;
	box-shadow: 1px 1px 2px lightgrey;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
}

/*small drop down - text box*/
.st {
	font-size:12px;
	font-family:Arial,Helvetica,Sans-serif;
	background-color:#F2F2F2;
	color:#000000;
	border:1px solid #000000; 
      border-radius: 4px;
	box-shadow: 1px 1px 2px lightgrey;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
}

.f {
      font-size:13px;
      font-family:Arial,Helvetica,Sans-serif;
      background-color:#FFFFFF;
      color:#000000;
      border:1px solid #000000; 
      border-radius: 4px;
      box-shadow: 1px 1px 2px lightgrey;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
}

/*login box*/
.ms, .sms {
      background-color:#F2F2F2;
      border: 1px solid #000000;
      border-radius: 4px;
      box-shadow: 1px 1px 2px lightgrey;
}