/* Simple Modern Design 30.css */


body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #384047;
}
a {
	cursor: pointer;
	color: darkblue;
}
::placeholder {
    text-transform: none;
}

h1 {
  margin: 0 0 30px 0;
  text-align: center;
}

#formContainer {
  max-width: 400px;
  margin: 10px auto;
  padding: 20px 12px 10px 20px;
}
#formContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.formRow {
	padding: 5px;
	text-align: left !important;
	margin: 0px;
	clear: both;
}
.fieldName {
	margin-bottom:15px;
	color: #384047;;
	vertical-align: middle;
	margin-right: 15px;
	float: none !important;
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display: block;
	font-weight: 500;
	display: inline;
}

.inputTextField, .object_Contact, #captchaInput, .rightElement {
    background: rgba(255,255,255);
    border: 1px solid #BEBEBE;
    font-size: 16px;
    height: auto;
    margin: 0;
    outline: 0;
    padding: 5px;
    width: 100% !important;
    background-color: #fff;
    color: #8a97a0;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    margin-bottom: 30px
}
.intl-tel-input {
	width: 100%;
}

.inputTextField:focus, .object_Contact:focus, #captchaInput:focus {
  -moz-box-shadow: 0 0 8px #88D5E9;
  -webkit-box-shadow: 0 0 8px #88D5E9;
  box-shadow: 0 0 8px #88D5E9;
  border: 1px solid #88D5E9;
}

.inputTextField textarea, .object_Contact textarea, select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border:1px solid #BEBEBE;
  padding: 7px;
  margin:0px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}


#formSubmit {
  background: #4B99AD;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
  display: block;
  margin: 5px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#formsubmit:hover {
  background: #4691A4;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
 }

#reqInfo {margin-bottom: 20px;}

.formText {
	color: #808080;
	text-shadow: #f5ffff 0 1px 0;
	margin-bottom:20px !important;
	width: 300px !important;
	display: block;
}
#confirmText {
	display: block;
    font-size: 16px;
    color: #5E5E5E;
}
.introText {
	font: 24px "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
    padding: 20px 20px 20px 20px;
    display: block;
    margin: -10px -30px -10px -30px;
    color: #384047;
}
.userCheckboxes {
	clear: both;
	margin-left: 0px !important;
}

#teamSelection {display: inline-block; width: 100%;}
li#field_BirthdayMM.formRow {margin-bottom: 20px;}
li#field_Gender.formRow {margin-bottom: 20px;}

#emailEntryAlert {
	color:	#5E5E5E;
}

.reqMarker {
	font-size: 12px;
}

li select {
	margin-left: 0px !important;
	padding:	5px;
}

#collectFunds {
	color: #555;
}

#collectFunds span {
	color:	#555;
}


#collectFunds {
	margin-left: 0px;
}
#collectFunds td {
	text-align: left !important;
	margin-bottom: 5px;
	margin-left: 10px;
	display: block;
}
#collectFunds table {
	background: transparent;
	width: 100%;
}
#collectFunds .inputTextField {
	margin-bottom: 25px !important;
}


/* custom object styles */
input[type=checkbox].object_Contact, select.object_Contact {
	display: inline-block;
	width: auto !important;
}
.objectImage, .objectFile {
	padding: 5px;
}
.objectSet {
	margin: 8px 0px;
	text-align: left;
}
.objectSet .mask-variable {
	display: inline-block;
	margin-top: -4px;
	margin-left: 3px;
	vertical-align: middle;
}
.objectDatetime select {
	vertical-align: inherit !important;
}


/* new style of checkboxes */
.newCheckboxWrapper {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
}
.newCheckboxWrapper input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.newCheckboxIndicator, .newCheckboxIndicatorRed, .newCheckboxIndicatorGreen {
  position: absolute;
  top: -1px;
  left: 0px;
  height: 16px;
  width: 16px;
  background: #e6e6e6;
  outline: 1px solid #ccc;
}
.newCheckboxWrapper:hover input ~ .newCheckboxIndicator, .newCheckboxWrapper input:focus ~ .newCheckboxIndicator {
  background: #ccc;
}
.newCheckboxWrapper input:checked ~ .newCheckboxIndicator {
  background: #428BCA;
}
.newCheckboxWrapper:hover input:not([disabled]):checked ~ .newCheckboxIndicator, .newCheckboxWrapper input:checked:focus ~ .newCheckboxIndicator {
  background: #5BC0DE;
}
.newCheckboxWrapper input:checked ~ .newCheckboxIndicatorRed {
  background: #B64700;
}
.newCheckboxWrapper:hover input:not([disabled]):checked ~ .newCheckboxIndicatorRed, .newCheckboxWrapper input:checked:focus ~ .newCheckboxIndicatorRed {
  background: #FF946D;
}
.newCheckboxWrapper input:checked ~ .newCheckboxIndicatorGreen {
  background: #5CB85C;
}
.newCheckboxWrapper:hover input:not([disabled]):checked ~ .newCheckboxIndicatorGreen, .newCheckboxWrapper input:checked:focus ~ .newCheckboxIndicatorGreen {
  background: #76DF5B;
}
.newCheckboxWrapper input:disabled ~ .newCheckboxIndicator, .newCheckboxWrapper input:disabled ~ .newCheckboxIndicatorRed, .newCheckboxWrapper input:disabled ~ .newCheckboxIndicatorGreen {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.newCheckboxIndicator:after, .newCheckboxIndicatorRed:after, .newCheckboxIndicatorGreen:after {
  content: '';
  position: absolute;
  display: none;
}
.newCheckboxWrapper input:checked ~ .newCheckboxIndicator:after, .newCheckboxWrapper input:checked ~ .newCheckboxIndicatorRed:after, .newCheckboxWrapper input:checked ~ .newCheckboxIndicatorGreen:after {
  display: block;
}
.newCheckboxWrapper .newCheckboxIndicator:after, .newCheckboxWrapper .newCheckboxIndicatorRed:after, .newCheckboxWrapper .newCheckboxIndicatorGreen:after {
  left: 6px;
  top: 2px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.newCheckboxWrapper input:disabled ~ .newCheckboxIndicator:after, .newCheckboxWrapper input:disabled ~ .newCheckboxIndicatorRed:after, .newCheckboxWrapper input:disabled ~ .newCheckboxIndicatorGreen:after {
  border-color: #7b7b7b;
}