table {
	border:none !important;
}

ul  {
    list-style-type: none;
    margin: 0 0 17px -44px;
}

a {
	color:#0093D5;
	text-decoration:none;
}

a:hover {
	color:#19AF55;
}

ul li{
    text-align: justify;
    font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
}

tr{

    
}

td {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 15px;
    
    font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
    font-size: 14px;
	text-align: left;
	padding-left: 1em;
}

/*input {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    width: 75%;
    height: 23px;
    text-align: left;
    font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
    font-size: 14px;
}*/

input[name="submit"] {
    background-color: #19AF55;
    border: none;
    color: #fff;
    border-radius: 6px;
    height: 37px;
    width: 160px;
    text-transform: uppercase;
    font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
    font-weight: 200;
    font-size: 14px;
    padding: 2px 19px;
    -webkit-transition: background 0.6s;
    -moz-transition: background 0.6s;
    }

    input[name="submit"]:hover {
        background-color:#0093D5;
        color:#fff;
    }

input:focus {
	 -webkit-box-shadow: 0px 0px 4px #19AF55;
       -moz-box-shadow: 0px 0px 4px #19AF55;
            box-shadow: 0px 0px 4px #19AF55; /* some variation of blue for the shadow */
}

th {
    font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
    font-weight:200;
    color:#0093D5;
    width: 220px;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
	padding: 0 10px;
}

.terms_subscriptions th{
    background: #fff;
    width: 734px;
    text-align: right;
    font-size: 13px;
	color:#000;
}

.terms_subscriptions td{
    width: 130px;
}

.additional_contrib {
    float: inherit;
    text-align: justify;
    padding-left: 5em;
}

select#id_date_of_birth_day{
    width: 15%; !important
    display: inline-table;
}
select#id_date_of_birth_month{
    width: 37%; !important
    display: inline-table;
}
select#id_date_of_birth_year{
    width: 23%; !important
    display: inline-table;
}

input[id*='id_visited_']{
    width: 3%; !important
    margin-left: 5em;
	vertical-align: middle;
}

input[id*='id_ever_run']{
    width: 3%; !important
    margin-left: 5em;
	vertical-align: middle;
}

input[id*='id_charity_choice_']{
    width: 10%; !important
    margin-left: 5em;
	vertical-align: middle;
}
input[id*='id_entrant_type_']{
    width: 10%; !important
    margin-left: 5em;
	vertical-align: middle;
}

input#id_additional_contribution_radio_0 {
	width: 10%;
	vertical-align: middle;
}
input#id_additional_contribution_radio_1 {
	width: 10%;
	vertical-align: middle;
}
input#id_additional_contribution_radio_2 {
	width: 10%;
	vertical-align: middle;
}
#id_additional_contribution_radio_custom_field{
    width: 10%;
	vertical-align: middle;
}


select[id*='id_finish_time_hrs']{
    width: 100px;
    margin:0 8px 0 0;
    background-position: 80px;
}

select[id*='id_finish_time_mins']{
    width: 100px;
    margin:0 8px;
    background-position: 80px;
}

input[id*='id_rb_agree']{
	text-align: left;
}




select{

   background: url(../admin/img/admin/arrow-down.gif) no-repeat right whitesmoke;
   width: 75%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 1px solid #CCCCCC;
   border-radius: 5px;
   /*height: 28px;*/
   -webkit-appearance: none;
   background-position: 270px;
}

tr.not-required  th {
	font-size: 14px;
}

tr.not-required  th a {
	color:#19AF55;
	text-decoration:none;
	margin: 0 0 0 10px;
}

input#id_rb_username {
	background-color: #fff !important;
	color:#000 !important;
}

input#id_rb_password {
	background-color: #fff !important;
	color:#000 !important;
}

textarea {
	width: 385px;
}

#submit-button {
	text-align: center;
	margin: 0 70px 0 0;
}

th.deceleration {
	background: darkgrey !important;
	color:#fff;
}

.terms li {
	padding: 10px 0;
	font-size:12px;
    text-transform:none;
    color:#4D4E4E;
    font-weight:normal;
}

th.textarea_label {
    padding: 10px 0 0 0;
}

#charity_listings {
    height: 230px;
    overflow: auto;
    margin: 30px 0;
    border: 1px solid #ddd;
    padding: 20px 0 0;
    width: 492px;
    display:inline-block;
}

#charity_listings ul {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

#charity_listings .tier1_listings {
    margin-bottom: 25px;
}

#charity_listings .tier2_listings {
    margin-bottom: 20px;
}

#charity_listings input {
    display: inline-block;
    vertical-align: top;
    margin: -3px 0 0 10px;
    width: 25px;
}

#charity_listings label {
    display: inline-block;
    width: 426px;
}

#charity_listings .indent {
    margin-left: 35px;
    text-transform: capitalize;
    margin-top: 0;
    margin-right: 10px;
}

/* Scroll down on charity dropdown online entry */

.scroll-more {
    display: inline-block;
    width: 73px;
    font-size: 0.76em;
    font-style: italic;
    vertical-align: top;
    margin-top: 115px;
    text-align: center;
}

.top-arrow {
    -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg); 
}














.braintree-button-wrap-back {
    position: relative;
    display: inline-block;
    width: 24%;
    margin-right: 10px;
}

.braintree-button-wrap-back:before {
    position: absolute;
    content: '';
    left: 20px;
    top: 33px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #fff transparent transparent
}

.braintree-button-wrap-pay {
    position: relative;
    display: inline-block;
    width: 17%
}

.braintree-button-wrap-pay:before {
    position: absolute;
    content: '';
    right: 20px;
    top: 33px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #fff
}

.braintree-form-button {
    background: #19AF55;
    float: left;
    display: block;
    padding: 20px;
    color: #fff;
    border: none;
    font-size: 20px;
    line-height: 0;
    margin-top: 20px;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
}

.braintree-form-button:hover {
    background: #3d87b5
}

.braintree-button-back {
    text-align: right
}

.braintree-button-pay {
    text-align: left
}