/** MODAL WINDOW CLOSE BUTTON **/
.close-button {
    right: 10px;
    top: 0;
    font-size: 2em;
    line-height: 1;
	color: #0e6abe;
}
.close-button.small {
    right: 5px;
    font-size: 1.5em;
    line-height: 1;
}
.close-button:hover, .close-button:focus,
.close-button.small:hover, .close-button.small:focus {
	color: #0c5ba3;
}
/** BUTTONS **/
button[type="submit"],
button.button, a.button, span.button {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	font-weight: 400;
	color: white;
	border: 2px solid #0e6abe;
	background: #0e6abe;
	padding: 20px;
	margin: 0;
	text-decoration: none;
	width: auto;
}

button[type="submit"]:hover, button[type="submit"]:focus,
button.button:hover, a.button:hover, span.button:hover,
button.button:focus, a.button:focus, span.button:focus{
	letter-spacing: 2px;
	color: white;
	border: 2px solid #0b5395;
	background: #0b5395;
	text-decoration: none;
}
button.button.text-left, a.button.text-left, span.button.text-left {
	text-align: left;
}
/** sizes **/
button.button.large, a.button.large, span.button.large {
	padding: 20px;
	font-size: 18px;
	font-weight: 400;
	width: 225px;
}
button.button.medium, a.button.medium, span.button.medium {
	padding: 10px 5px;
	font-size: 16px;
	font-weight: 400;
	width: 175px;
}
button.button.medium-short, a.button.medium-short, span.button.medium-short {
	padding: 10px 5px;
	font-size: 16px;
	font-weight: 400;
	width: 100px;
}
button.button.medium-long, a.button.medium-long, span.button.medium-long {
	padding: 10px 5px;
	font-size: 16px;
	font-weight: 400;
	width: 225px;
}
button.button.medium-x-long, a.button.medium-x-long, span.button.medium-x-long {
	padding: 10px 5px;
	font-size: 16px;
	font-weight: 400;
	width: 275px;
}
button.button.small, a.button.small, span.button.small {
	padding: 10px 5px;
	font-size: 14px;
	font-weight: 400;
	width: 100px;
}
button.button.small-medium, a.button.small-medium, span.button.small-medium {
	padding: 10px 5px;
	font-size: 14px;
	font-weight: 400;
	width: 150px;
}
button.button.small-long, a.button.small-long, span.button.small-long {
	padding: 10px 5px;
	font-size: 14px;
	font-weight: 400;
	width: 200px;
}
button.button.tiny, a.button.tiny, span.button.tiny {
	padding: 5px;
	font-size: 12px;
	font-weight: 400;
	width: 50px;
}
button.button.tiny-short, a.button.tiny-short, span.button.tiny-short {
	padding: 5px;
	font-size: 12px;
	font-weight: 400;
	width: 40px;
}
button.button.width-full, a.button.width-full, span.button.width-full {
	width: 100%;
}

/** blue **/
button.button.blue, a.button.blue, span.button.blue {
	background: #0e6abe;
	border: 2px solid #0c5ba3;
}
button.button.blue:hover, a.button.blue:hover, span.button.blue:hover,
button.button.blue:focus, a.button.blue:focus, span.button.blue:focus{
	background: #0c5ba3;
	border: 2px solid #0b4f8c;
}
/** avw light green **/
button.button.vrc-teal, a.button.vrc-teal, span.button.vrc-teal {
	letter-spacing: normal;
	background: #529EA7;
	border: 2px solid #44838a;
}
button.button.vrc-teal:hover, a.button.vrc-teal:hover, span.button.vrc-teal:hover,
button.button.vrc-teal:focus, a.button.vrc-teal:focus, span.button.vrc-teal:focus{
	letter-spacing: 2px;
	background: #44838a;
	border: 2px solid #44838a;
}
/** red **/
button.button.red, a.button.red, span.button.red {
	background: #ed1c24;
	border: 2px solid #fff;
},
button.button.red:hover, a.button.red:hover, span.button.red:hover
button.button.red:focus, a.button.red:focus, span.button.red:focus{
	letter-spacing: 2px;
	background: #c9101a;
	border: 2px solid #c9101a;
}
/** admin dashboard **/
button.button.admin, a.button.admin, span.button.admin {
	padding: 5px 5px;
	font-size: 12px;
	font-weight: 400;
	width: 80px;
}
/*google*/
button.button.google, a.button.google {
	color: white;
	background: #D34836;
	border: 2px solid #c53f2c;
}
button.button.google i, a.button.google i{
	line-height:95%;
}
button.button.google i:after, a.button.google i:after{
  content: "";
  position: absolute;
  height: 40px;
  border-right: 2px solid #c53f2c;
  top: 0;
  padding-left: 10px;
}
button.button.google:hover, a.button.google:hover,
button.button.google:focus, a.button.google:focus{
	color: white;
	background: #c53f2c;
	border: 2px solid #c53f2c;
}
/*facebook*/
button.button.facebook, a.button.facebook{
	color: white;
	background: #3b5998;
	border: 2px solid #365189;
}
button.button.facebook i, a.button.facebook i{
	line-height:95%;
}
button.button.facebook i:after, a.button.facebook i:after{
  content: "";
  position: absolute;
  height: 40px;
  border-right: 2px solid #365189;
  top: 0;
  padding-left: 18px;
}
button.button.facebook:hover, a.button.facebook:hover,
button.button.facebook:focus, a.button.facebook:focus{
	color: white;
	background: #365189;
	border: 2px solid #365189;
}


/** disabled **/
button[disabled].button, button.button:disabled,
button.button.disabled, a.button.disabled, span.button.disabled,
button[disabled].button:hover, button.button.disabled:hover, a.button.disabled:hover, span.button.disabled:hover{
	letter-spacing: normal;
	color: #888;
	background: #eee;
	border: 2px solid #aaa;
	opacity: 1.0;
}