html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

div.lo-CalendarDateInfoContainer div.lo-CalendarAddressLabel {
     height: 50px;
}

div.lo-CalendarDateInfoContainer div.lo-CalendarAddressValue {
     height: 50px;
}

body P, body LI, body OL, body UL, body TABLE, body TR, body TH, body TD, body .Explicit {
     font-size: inherit;
     font: 14px/14px "Open Sans";
     line-height: 18px;
}

body {
    background-image: none;
    text-align: center;
}

p {
    margin: 0em 0;
}

#container {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

/* Header */
#header {
    height: 90px;
    position: relative;
    z-index: 100;
    width: 100%;
    margin: auto;
    background-color: #000000;
}

#c4header {
    height: 90px;
    position: relative;
    z-index: 100;
    width: 100%;
    margin: auto;
    background-color: #9BE053;
}

.donate-wrapper #header {
	height: 90px;
}

.headercontainer {
	width: 1000px;	
	margin: auto;
	background: black;
}

#donate {	
	float: right;
	background: #9BE053;
	font: 26px/26px "HelveticaNeue-CondensedBold", "Helvetica Neue";
    padding: 0 8px;
    line-height: 105px;
    height: 100px;
    margin: -10px;
}

#donate a {
	text-decoration: none;
	color:#000;
	font-family: "Oswald";

}

#donate_c4 {	
	float: right;
	background: #000;
	font: 26px/26px "HelveticaNeue-CondensedBold", "Helvetica Neue";
    padding: 0 8px;
    line-height: 105px;
    height: 100px;
    margin: -10px;
}

#donate_c4 a {
	text-decoration: none;
	color:#9BE053;
	font-family: "Oswald";
}	
	
.logo {
	height: 81px;
	margin: 10px;
	margin-left: 5px;
	float: left;
	
}

.logopic {
	height: 66px;
}

/* End Header */

.breadcrumbs {
	display: none;
}

.main {
    margin: 10px 0;
    background: transparent url(../../images/wrpr/page-bkgnd.png) repeat-x left bottom;
    text-align: left;
    padding: 0px 0px 0px;
    width: 1000px;
    position: relative;
    margin: 40px auto;
    float:none;
}

div.addthis_toolbox {
    float: right;
    width: 180px;
    position: absolute;
    right: 0;
    top: 10px;
}

#body-nosidebar {
    margin-left: 0px;
    width: 100%;
    margin-right: 0;
}

#body-sidebar {
    margin-left: 225px;
    width: 650px;
    margin-right: 0;
}

#right-nav h2 {
	font: 20px/20px 'Oswald', sans-serif;
	line-height: 20px;
}

#right-nav p {
	font: 12px/12px "Open Sans";
	line-height: 16px;
}

.donate-wrapper #body-sidebar {
	float: left;
}


.donate-wrapper .secondary {
	float: left;
	width: 180px;
	border: 0;
	margin-left: 50px;
	border-left: 1px solid gray;
	background-color: white;
}

#lo-return-to-cal{
    display: none;
}

h3 {
    font-size: 12px;
    color: #666;
    text-transform: none;
    margin: .2em 0;
}
	
.convio p, .convio li {
    /*line-height: 1.4em;*/
    line-height: 18px;
    margin: 1em 0;
}

.convio h1 {
    font: 26px/26px 'Oswald', sans-serif;
    line-height: 26px;
    margin: .5em 0 .9em;
}

.convio h2 {
    clear: none;
    color: #000;
    font: 26px/26px 'Oswald', sans-serif;
    text-align: left;
    text-transform: none;
    line-height: 26px;
}

.convio h3 {
    color: #000;
    font: 26px/26px 'Oswald', sans-serif;
    line-height: 26px;
}

.convio a, #secondary a {
    text-decoration: underline;
}

.convio label, .convio input, .convio textarea {
    color: #000;
    font-family: 'Open Sans';
}

.convio {
    font-family: 'Open Sans';
}

div.payment-field-container span.internal-payment {
	border-radius: 0;
}

div.payment-field-container span.external-payment span.payment-type-option {
	border-radius: 0;
}

span.label-text {
    font-size: 14px;
    line-height: 18px;
}

.ObjTitle {
	margin-left: 40px;
}

label.wrapable {
	margin-left: 5px;
}

#action-alert .req-legend {
    font-size: 14px;
    line-height: 18px;
}

#action-alert #message {
    font-size: 14px;
    line-height: 18px;
    border: 0;
}

#action-alert #message p {
    font-size: 14px;
    line-height: 18px;
}
/* Begin Footer */

body.page #footer, body.single #footer {
 
    background-color: black;
}

#footer{
    background-color:black;
    height: 150px;
    color: #ffffff;
    width: 100%;
    
}

#footer p{
	font: 14px/18px "Open Sans";
	
}

#footer_container{
    width: 1100px;
    margin: auto;
}

.footer_content_column{
    float: left;
}

.footer_content_column p{
    text-align:right;
    padding-left: 30px;
    padding-top:10px;
	
}

.footer_content_nav{    
    padding-top: 15px;
    width: 600px;
    float: left;
    text-align: center;
    display: block;
    font: 14px/18px "Open Sans";
}

.footer_content_nav a{
    color:#ffffff;
    text-decoration: none;
    padding: 0 5px;
}


.footer_content_nav span{
    color: #86c248;
    font-weight: bold;
}

.footer_content_nav p{
    text-align: center;
    margin-top: 2.5em;
    
}

.mobile_nav{
    display:none;
}

/* End Footer */

/* Begin Button */

div.responsive button.finish-step {
     background: black;
     color: #9cdf46;
     border: none;
     font-size: 1.1em;
     font: "HelveticaNeue-CondensedBold", "Helvetica Neue";
     border-radius: 0;
     text-decoration: none;
     display: inline-block;
}

.convio input[type="submit"],.convio input[type="button"] {
     height: 36px;
     background-color: #000000;
     background-image:none;
     background-repeat: none;
     background-position: 0;
     color: #9cdf46;
     font-size: 12px;
     line-height: 20px;
     border: 1px solid transparent;
     border-radius: 0px;
     font-weight: bold;
     padding: 3px 8px;
     cursor: pointer;
     text-align: center;
     font: 400 20px/30px "HelveticaNeue-CondensedBold", "Helvetica Neue";
     margin-left: 8px;
     margin-bottom: 10px;
}

.convio input[type="reset"], .convio input[type="button"] {
    height: 36px;
    background-color: #000000;
    background-image: none;
    background-repeat: none;
    background-position: 0;
    color: #9cdf46;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 0px;
    font-weight: bold;
    padding: 3px 8px;
    cursor: pointer;
    text-align: center;
    font: 400 20px/30px "HelveticaNeue-CondensedBold", "Helvetica Neue";
    margin-left: 8px;
    margin-bottom: 10px;
}

.convio #action-alert.form .submit-wrap input {
    height: 36px;
    background-color: #000000;
    background-image: none;
    background-repeat: repeat-x;
    background-position: 0 -1px;
    color: #9cdf46;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 0px;
    font-weight: bold;
    padding: 3px 8px;
    cursor: pointer;
    text-align: center;
    margin-left: 8px;
    margin-bottom: 10px;
    font: 400 20px/30px "Oswald";
}

button#pstep_finish {
	background: black;
	background-color: black;
	border: none;
	font-family: "Oswald";
	font-size: 35px;
}

button#pstep_finish:hover {
	background-color: black;
}

div.donation-level-container, .frequency-button
{
	border-radius: 0;
	background-color: white;
	border: none;

}

div.donation-level-container:hover
{
	/*
	border: 2px solid #66A6CC;
	background-color: #66A6CC;*/
	
}

div.donation-level-container.selected, .frequency-button.selected {
	border: 2px solid #66A6CC;
	background-color: #66A6CC;
	
}
div.responsive .donation-levels .donation-level-container label, .frequency-button {
	color: #000;
	font-family: "Open Sans";
	font-size: 16px;
}

div.donation-level-amount-container, div.donation-level-label-container {
    line-height: 0px;
    padding-top: 10px;
    font-family: 'Open Sans';
}

.donation-level-input-container, .donation-level-label-container, .frequency-button {
	line-height: 0px;
	padding-top: 10px;
	font-family: 'Open Sans';
}

.donation-level-container label:hover {
	color: white;
}

div.responsive textarea, div.responsive input, div.responsive select, div.responsive option {
	vertical-align: bottom;
}
/* End Button */

/* Action Alert */
.convio {
    font-size: 14px;
    color: #000;
    font-family: 400 20px/30px "Open Sans",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
#action-alert h2.styled {
    margin: 0 0 15px 0;
    padding-top: 5px;
    color: black;
    font: 35px/35px "Oswald";
    line-height: 35px;
}

#action-alert h3.styled {
    font-size: 16px;	

}

#action-alert, #action-alert form, #action-alert p, #action-alert label, #action-alert input{
    color: #444;
    font: 14px "Open Sans";

    line-height: 18px;
}
#action-alert ul li {
	font: 14px "Open Sans";
	line-height: 18px;
        
}

#action-alert li {
   color: #444;
    font: 14px/18px "Open Sans";
    line-height: 18px;
    
}

#action-alert #message textarea#middle {
    font: normal 14px "Open Sans";
}

/* End Action Alert */

/* Begin Accordion */

#ui-accordion {
    margin-left: 0px;
    width: 600px;
}

#ui-accordion div *, #ui-accordion div p, #ui-accordion div a {
	font-size: 14px;
	line-height: 18px;
	color: white;
}

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
	line-height: 18px;
	font: 14px "Open Sans";
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: none;
background: #000000;
font: 20px "Open Sans";
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: #000000;
    background: #000000;
}
#ui-accordion h3, #ui-accordion h3 a {
    color: #9cdf46;
    text-transform: none;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0;
}

.ui-widget-content {
    border: none;
    background: #000000;
    color: #fff;
}
/* End Accordion */

div.donation-level-general-ask, div.html-caption-container {
    max-width: 620px;
    overflow: hidden;
}


div.donation-form-container.responsive {
    background-color: #fff;
    padding-top: 10px;
    margin-top: 10px;
    width: 650px;
    border: 0;
    padding: 10px;
    border-radius: 12px;
}

div.donation-form-container.responsive .section-header-container {
    border: 0;
    background-color: black;
    color: #fff;
    padding: 5px;
    width: 60%;
}

.appArea {
    width: 1000px;
    margin-left: 10px;
    margin-top: 10px;
}

@media screen and (max-width: 736px) {

#header {
	width: 100%;
}

.main{
   width:100%;
}

.breadcrumbs {
    width: 100%;
}

.convio {
    margin-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
}


.req {
	display: none;
}

.headercontainer {
			width: 100%;
}

#body-sidebar {
	width: 100%;
}

.bbdonation-form .convio {
	margin-top: 0;
    margin-right: 15px;
	}

#body-sidebar {
	float: none;
}

#body-nosidebar {
	
}

.secondary {
	width: 90%;
	float: none;
	margin: auto;
	margin-top: 20px;
	border: 0;	
}

#amount-tip {
	display: none;
}

.donate-wrapper #body-sidebar {
	float: none;
}

.donate-wrapper .secondary {
	width: 90%;
	float: none;
	margin: auto;
	margin-top: 20px;
	border: 0;	
}

#footer{
  height: 400px;
  width: 100%;
}
#footer_container{
   width: 100%;
}

.footer_content_column{
 text-align: center;
 width: 100%;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 20px;
}

.footer_content_column p{
    text-align: center;
    padding-left: 0px;
}

.footer_content_nav{
    display:none;
}

.mobile_nav{
    display:block;
    text-align: center;
    float:none;
    width: 100%;
    padding-bottom: 10px;
}

.mobile_nav a{
    color:#ffffff;
    text-decoration: none;
    padding: 0 5px;
    line-height: 2.5;
}
.mobile_nav span{
    color: #86c248;
}

div.donation-form-container.responsive {
    background-color: #fff;
    padding-top: 10px;
    margin-top: 10px;
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 10px;
    border-radius: 12px;
}

.appArea {
	width: 100%;
	margin: 0;
}

div.appArea {
	margin: 0;
}

#action-alert .recips-top-info-left #column1, #action-alert .recips-top-info-right #column2 {
    width: 100%;
}

#action-alert .recips-top-info-left #column2, #action-alert .recips-top-info-right #column1 {
    width: 100%;
}

#ui-accordion {
	width: 100%;
}

input#billing_addr_street1name {
    width: 170px;
}

select#billing_addr_country {
    width: 200px;
}

select#billing_addr_state {
	width: 200px;
	}
}