body{font-size: 9pt; background-color:#ffffff; font-family: Verdana, Arial, Helvetica }
a { color:#08c; text-decoration: none; }
a:hover, a:focus { color: #005580;  text-decoration: underline;}
fieldset {border: 1px solid #ccc;margin:5px;color:#333}
label { display: inline-block; }
ul { list-style-type: none; margin: 0 0 0 5px; }

input[type="text"], textarea,select{
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    padding: 4px 2px 4px 2px;
    margin: 2px;
	xborder-radius: 4px;
}

.alert > div > ul { padding-left:0px;} /* twitter boostrap alerts */

body.paddingtop10{padding-top:10px} /* Required extra spacing below our top banner */
body.paddingtop50,body.social-banner{padding-top:50px} /* social-banner can be removed on next full release. 10-7-13 */



body.email-viewer {background-color:#fff !important;}

/* Everything below will be removed after the new donation form is released. PRH */

.container-banner {background :url('https://www.trailblz.info/common/images/headerbg40x1.png') repeat-x scroll left;height:40px;position:fixed;z-index:3000;width:100%;text-align:center;left:0px;top:0px}
.container-banner-social {margin: 0 auto;position:relative;text-align:left;width:650px;padding-top:9px;}
.container-banner-logo {background :url('https://www.trailblz.info/common/images/Powered-By-Trail-Blazer125x34.png') no-repeat scroll left;width:125px;height:34px;float:left;margin: 0 10px 0 10px;}
.container-banner-title {margin: 3px 0 0 25px}

#socialicons li {
        margin: 3px;
        padding: 0;
        list-style: none;
		background-image: url('https://www.trailblz.info/common/images/social_icon_sprite.png');
        background-repeat: no-repeat;
    }
#socialicons li, #socialicons a {
        width: 16px;
        height: 16px;
        display: block;
        float: left;       
    }

.share {width:55px !important;background: none !important;  }
.facebooklike {width:70px !important;background: none !important;  }
.googleplus {width:55px !important;background: none !important;  }
.facebookthumb { background-position: -0px}
.facebook { background-position: -16px;}
.addthis { background-position: -32px;}
.linkedin { background-position: -48px;}
.twitter {  background-position: -64px;}

/* 
Twitter Boostrap buttons and colors
http://charliepark.org/bootstrap_buttons/
*/
.btn-green { background-color: hsl(92, 64%, 40%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7fd236", endColorstr="#61a724"); background-image: -khtml-gradient(linear, left top, left bottom, from(#7fd236), to(#61a724)); background-image: -moz-linear-gradient(top, #7fd236, #61a724); background-image: -ms-linear-gradient(top, #7fd236, #61a724); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fd236), color-stop(100%, #61a724)); background-image: -webkit-linear-gradient(top, #7fd236, #61a724); background-image: -o-linear-gradient(top, #7fd236, #61a724); background-image: linear-gradient(#7fd236, #61a724); border-color: #61a724 #61a724 hsl(92, 64%, 37%); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.19); -webkit-font-smoothing: antialiased; }


/*
CSS Spinners: SpinKit
http://tobiasahlin.com/spinkit/
*/
.spinner {
  width: 40px;
  height: 40px;

  position: relative;
 
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #2779aa;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*
http://jsfiddle.net/awayF/491/
My custom check
http://jsfiddle.net/awayF/1264/
*/

.checkmark {
    display:inline-block;
    width: 40px;
    height:40px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_circle {
    position: absolute;
    width:40px;
    height:40px;
    background-color: #2779aa;
    opacity: 0.6;
    border-radius:40px;
    left:0;
    top:0;
}

.checkmark_stem {
    position: absolute;
    width:6px;
    height:26px;
    background-color: #fff;
    left:19px;
    top:6px;
}

.checkmark_kick {
    position: absolute;
    width:8px;
    height:6px;
    background-color: #fff;
  
    left:12px;
    top:26px;
}