/* rectangle buttons*/

.Blue_Btn{
	background-color:#009edd;
	border-radius:40px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
	}
.Blue_Btn:hover{
	color:#015170;
	text-shadow:1px -2px -4px 0 rgba(254, 254, 254, 0.2), 2px 6px 10px 0 rgba(0, 0, 0, 0.19);
	
}

.Red_Btn{
  background-color:#630909;
  color:#f2f2f2;
  display: inline-block;
  border-radius:10px;
  margin: 5px;
  box-shadow: inset 2px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
  }
.Red_Btn:hover{
  color:#BA1818;
  text-shadow:1px -2px -4px 0 rgba(254, 254, 254, 0.2), 2px 6px 10px 0 rgba(0, 0, 0, 0.19);
  background-color:#353535;
}

.green_Btn{
  background-color:#53C924;
  color:#f2f2f2;
  display: inline-block;
  margin: 5px;
  border-radius:10px;
  box-shadow:inset 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
  }
.green_Btn:hover{
  color:#419E1C;
  text-shadow:1px -2px -4px 0 rgba(254, 254, 254, 0.2), 2px 6px 10px 0 rgba(0, 0, 0, 0.19);
  background-color:#353535;
}

.Orange_Btn{
  background-color:#EF8732;
  color:#f2f2f2;
  display: inline-block;
  margin: 5px;
  border-radius:10px;
  box-shadow:inset 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
  }
.Orange_Btn:hover{
  color:#CC732A;
  /*text-shadow:1px -2px -4px 0 rgba(254, 254, 254, 0.2), 2px 6px 10px 0 rgba(0, 0, 0, 0.19);*/
  background-color:#353535;
}


.Purple_Btn{
  background-color:#3E3270;
  color:#f2f2f2;
  display: inline-block;
  margin: 5px;
  border-radius:10px;
  box-shadow:inset 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
  }
.Purple_Btn:hover{
  color:#e5e5e5;
  text-shadow:1px -2px -4px 0 rgba(254, 254, 254, 0.2), 2px 6px 10px 0 rgba(0, 0, 0, 0.19);
  background-color:#353535;
}

.Yellow_Btn{
  background-color:#FFDA35;
  color:#353535;
  display: inline-block;
  margin: 5px;
  border-radius:10px;
  box-shadow:inset 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
  }
.Yellow_Btn:hover{
  color:#F2DD21;
  text-shadow:1px -2px -4px 0 rgba(254, 254, 254, 0.2), 2px 6px 10px 0 rgba(0, 0, 0, 0.19);
  background-color:#353535;
}

/* Gradients*/
.grad { /* has blue gradient*/
  background: #	009edd; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#009edd, #019adb, #00a8e8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#009edd, #019adb, #00a8e); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#009edd, #019adb, #00a8e); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#009edd, #019adb, #00a8e); /* Standard syntax */
}
.grad_orange {
  background: #	ff9a16; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ff9a16, #ffb805, #ff9a16); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ff9a16, #ffb805, #ff9a16); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ff9a16, #ffb805, #ff9a16); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ff9a16, #ffb805, #ff9a16); /* Standard syntax */
  color:#ffffff;
  text-align:center;
  padding-top: 5px;
}
.grad_orange p{
  text-align: left;
  color:#000000;
}

/* Circle Buttons*/
.Circle_Button{
  display:block;
  border-radius:50%;
  font-size:20px;
  color:#fff;
  line-height:100px;
  text-shadow:0 1px 0 #666;
  text-align:center;
  text-decoration:none;
  box-shadow:1px 1px 2px #000;
  background:#cccbbb;
  opacity:0.95
  }
.Cirlce-Button:hover{
  color:#eee;
  text-shadow:0 0 1px #666;
  text-decoration:none;
  box-shadow:0 0 4px #222 inset;
  opacity:1}


/* Line Buttons*/

.Blue_line_Btn{
  color:#009edd;
  display: inline-block;
  margin: 5px;
}
.Blue_line_Btn:hover{
  color:#015170;
  text-shadow:1px -1px rgba(254, 254, 254, 0.2), 1px -1px rgba(0, 0, 0, 0.19);
  background-color: #ffffff;
}

.Red_line_Btn{
  color:#BA1818;
  display: inline-block;
  margin: 5px;
}
.Red_line_Btn:hover{
  color:#630909;
  text-shadow:1px -2px rgba(254, 254, 254, 0.2), 1px 2px rgba(0, 0, 0, 0.19);
  background-color:#ffffff;
}

.green_line_Btn{
  color:#53C924;
  display: inline-block;
  margin: 5px;
}
.green_line_Btn:hover{
  color:#419E1C;
  text-shadow:1px -2px rgba(254, 254, 254, 0.2), 1px 2px rgba(0, 0, 0, 0.19);
  background-color:#ffffff;
}

.Orange_line_Btn{
  color:#EF8732;
  display: inline-block;
  margin: 5px;
 }
.Orange_line_Btn:hover{
  color:#CC732A;
  text-shadow:1px -2px rgba(254, 254, 254, 0.2), 1px 2px rgba(0, 0, 0, 0.19);
  background-color:#ffffff;
}


.Purple_line_Btn{
  color:#3E3270;
  display: inline-block;
  margin: 5px;
   }
.Purple_line_Btn:hover{
  color:#3A1F70;
  text-shadow:1px -2px rgba(254, 254, 254, 0.2), 1px 2px rgba(0, 0, 0, 0.19);
  background-color:#ffffff;
}

.Yellow_line_Btn{
  color:#FFDA35;
  display: inline-block;
  margin: 5px;
}
.Yellow_line_Btn:hover{
  color:#F2DD21;
  text-shadow:1px -2px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.line_Btn{
  color:#353535;
  display: inline-block;
  margin: 5px;
}
.line_Btn:hover{
  color:#414141;
  text-shadow:1px -2px rgba(0, 0, 0, 0.2);
  background-color: #e5e5e5;
}