/* VARIOUS */

/* CSS3 SPOTLIGHT BUTTONS */

.text_container {
  height: 5.0em;
}

.spotlight_button a {
  display:block;
  margin: 0 auto;
  width: 10em;
  text-decoration:none !important;
  font-weight: bold;
  font-family: Arial;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  padding: 5px 10px;
  text-align:center;
  color: #fff !important;
  background: #fa0101 !important; /* Opera, etc */
}

.spotlight_button a:hover {
  background: #c80a0d !important; /* Opera, etc */
}

/* JOOMLA DONATION PAGE SUBMIT BUTTON */

.spotlight .button,
input.spotlight,
.jd_donor_table .button {
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  background: #fa0101 !important; /* Opera, etc */

}

/* Submit button hover */
.spotlight:hover .button,
input.spotlight:hover,
.jd_donor_table .button:hover {
  background: #c80a0d !important; /* Opera, etc */
}






/* BOOTSTRAP STYLED */

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
 
.btn a {
	text-decoration: none;
}

.btn-lg {
	font-size: 150% !important;
}

.btn-center { margin: 0 auto; }

.btn-verylightteal {
	display: table !important;
	width: auto !important;
	background: #009999 ; /* teal -20 */
	border: none !important;
	color: #fff !important;
	padding: 5px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn-verylightteal:hover {
	background: teal !important;
	border: none !important;
	background-color:#008080; /* true teal */
	color: #fff !important;
}

.btn-lightteal {
	display: table !important;
	width: auto !important;
	background: #009999 !important; /* teal -20 */
	border: none !important;
	color: #fff !important;
	padding: 5px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn-lightteal:hover {
	background: teal !important;
	border: none !important;
	background-color:#008080; /* true teal */
	color: #fff !important;
}
.btn-teal {
	display: table !important;
	width: auto !important;
	background: teal !important ; 
	border: none !important;
	color: #fff !important;
	padding: 5px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn-teal:hover {
	background: teal !important;
	border: none !important;
	background-color:#00b3b3;
	background: #003333 !important; /* teal -20 */
	background: #006666 !important; /* teal -10 */
	color: #fff !important;
}

.btn-teal a { color: #fff; }

.btn-darkteal {
	margin-top: 15px;
	display: table !important;
	width: auto !important;
	background: #004d4d !important;
	border: none !important;
	color: #fff !important;
}

.btn-darkteal:hover {
	background: teal !important;
	border: none !important;
	background-color:#003333 !important;
	color: #fff !important;
}
.btn-darkteal a { color: #fff; }

.btn-primary {
	background: #eb3443; /* CAPS Red */
	font-weight: 400;
	margin-left: 0px;
	margin-top: 15px;
	font-size: 100%;
	padding: 5px 10px;
	border: 0px solid red;
}
.btn-primary:hover {
	background: #eb1c2d;
}
.btn-primary a {
	color: white !important;
	text-decoration:none;
	border: 0px solid red;
}

.btn-red {
	color: white !important;
	background: #11b4b3;
	background: red;
	font-weight: 400;
	margin-left: 0px;
	margin-top: 15px;
	font-size: 100%;
	padding: 5px 10px;
	border: 0px solid red;
	opacity: red;
}
.btn-red:hover {
	background: #cc0000;
}
.btn-red a {
	color: white !important;
	text-decoration:none;
	border: 0px solid red;
}

.btn-dark {
	color: white !important;
	background: #333;
	font-weight: 400;
	margin-left: 0px;
	margin-top: 15px;
	font-size: 100%;
	padding: 5px 10px;
	border: 0px solid darkgray;
}
.btn-dark:hover {
	background: #000;
}
.btn-dark a {
	color: white !important;
	text-decoration:none;
	border: 0px solid red;
}

.btn-lower-dark:hover {
	background: #000;
}
.btn-lower-dark a {
	color: white !important;
	text-decoration:none;
	border: 0px solid red;
}
.sidebar-extras .btn-teal {
	display: table !important;
	width: auto !important;
	margin: 0 auto !important;
	text-align: center !important;
	background: teal !important;
	background: #11b4b3 !important;
	border: none !important;
	color: #fff !important;
}

.sidebar-extras .btn-teal:hover {
	background: teal !important;
	border: none !important;
	background-color:#00b3b3;
	color: #fff !important;
}

a { text-decoration: none !important; }