@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

BODY{background:url('/donations/images/bg.jpg') bottom left no-repeat #FEFDFD;font-family:"Open Sans",arial,sans-serif;font-size:16px;color:#333333;position:relative;}
BODY,HTML{height:100%;}

.thumbnail{border:none;padding:0px;border-radius:0px;background:transparent;margin:0px;}
H1{font-size:24px;font-family:"Open Sans",arial,sans-serif;color:#3B3838;font-weight:700;border:none;margin:5px 0px;}
H2{font-size:18px;font-family:"Open Sans",arial,sans-serif;color:#25AAE1;font-weight:700;border:none;margin:5px 0px;}
H3{font-size:16px;font-family:"Open Sans",arial,sans-serif;color:#25AAE1;font-weight:700;border:none;margin:5px 0px;}
H4{font-size:14px;font-family:"Open Sans",arial,sans-serif;color:#25AAE1;font-weight:700;border:none;margin:5px 0px;}
A{color:#25AAE1;text-decoration:none;}
A:hover{color:#12557C;text-decoration:none;}

.show_loading{background:url('/donations/images/loading.gif') center center no-repeat transparent;height:400px;width:100%;}

.banner{margin:0px 0px 0px 0px;text-align:center;background:#5D0F4B}
.banner IMG{max-width:100%;}

.header_area{overflow:hidden;}
.header_area DIV.logo{margin:20px 20px;text-align:left;}
.header_area DIV.logo IMG{max-width:100%;}
.header_area DIV.secure{margin:20px 20px;text-align:left;}
.header_area DIV.secure IMG{max-width:100%;}

.full_height{height:100%;}

.ss_area_cell{height:100%;overflow:hidden;background:#FFFFFF}
.ss_area{width:100%;height:100%;position:relative;overflow:hidden;background:#FFFFFF}
.ss_area_mask{width:100%;height:100%;position:absolute;z-index:1000;top:0px;bottom:0px;left:0px;right:0px;background-size:contain;background:url('/donations/images/image-mask.png') top right no-repeat;}
.ss_area_image{width:100%;height:100%;position:absolute;z-index:100;top:0px;bottom:0px;left:0px;right:0px;background-size:contain;background:url('/donations/images/') top right no-repeat #FFFFFF;}
.ss_area_image IMG{position:absolute;z-index:100;top:0px;right:0px;width:100%;background:#FFFFFF}



/*
.navbar{margin-bottom:0px;}
.navbar .navbar-collapse{margin:0px 25px;padding:0px;border-top:none;}
.navbar-default{border:none;border-radius:0px;background:transparent;float:right;}
.navbar-default .navbar-nav{margin:0px;float:right;}
.navbar-default .navbar-nav > li > a{font-size:14px;color:#27afcf;font-family:'Roboto Condensed',arial,sans-serif;line-height:80px;font-weight:bold;text-transform:none;padding:0px 23px;text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover{font-size:14px;color:#EFB260;text-transform:uppercase;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#FFFFFF;}
.navbar-default .navbar-nav .dropdown-menu{border-radius:0px;padding:0px;border:1 px solid #DDDDDD;}
.navbar-default .navbar-nav .dropdown-menu > li > a{font-size:14px;color:#27afcf;font-family:'Roboto Condensed',arial,sans-serif;font-weight:bold;text-transform:none;padding:0px 15px;line-height:30px;text-transform:uppercase;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{font-size:14px;color:#27afcf;font-family:'Roboto Condensed',arial,sans-serif;font-weight:bold;text-transform:none;padding:0px 15px;line-height:30px;text-transform:uppercase;}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#EFB260;}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{border:none;padding:0px;text-align:center;margin:40px 15px 0px 15px;;font-size:14px;color:#FFFFFF;font-family:'Roboto Condensed',arial,sans-serif;line-height:auto;font-weight:400;text-transform:uppercase;padding:5px 0px;background:transparent;}
*/

.content_area{}
.content_area_inner{padding:0px 100px 0px 225px;}


.donation_form{max-width:600px;margin:0px auto;}
.donation_form .errors{line-height:20px;color:#993333;font-weight:700;margin:0px 0px 15px 0px}
.donation_form .message{line-height:20px;color:#339933;font-weight:700;margin:0px 0px 15px 0px}
.donation_form_label{font-weight:600;color:#5D0F4B;text-transform:uppercase;margin:2px 0px}
.donation_form_info{color:#333341;font-weight:300;font-size:13px;;margin:2px 0px}
.donation_form_buttons{margin:15px 0px}
.donation_form INPUT.text{font-weight:500;color:#333333;text-transform:none;background:#F3F3F3;border:none;width:100%;line-height:35px;margin:0px 0px 10px 0px;padding:0px 5px;}
.donation_form SELECT{font-weight:500;color:#333333;text-transform:none;background:#F3F3F3;border:none;width:100%;line-height:11px;margin:0px 0px 10px 0px;padding:8px 5px;}
.donation_form INPUT.text:focus{background:#F3F3FF;}
.donation_form A.next,
.donation_form BUTTON.next,
.donation_form INPUT.next{display:inline-block;background:url('/donations/images/button-next.png') center left no-repeat transparent;border:none;margin:5px 0px;line-height:55px;font-weight:600;color:#5D0F4B;padding:0px 0px 15px 60px;}
.donation_form A.back,
.donation_form BUTTON.back,
.donation_form INPUT.back{display:inline-block;background:url('/donations/images/button-back.png') center left no-repeat transparent;border:none;margin:5px 0px;line-height:55px;font-weight:600;color:#5D0F4B;padding:0px 0px 15px 60px;}
.donation_form A.info,
.donation_form BUTTON.info,
.donation_form INPUT.info{display:inline-block;background:url('/donations/images/button-info.png') center left no-repeat transparent;border:none;height:35px;width:35px;}
.donation_form A.button_link{line-height:55px;display:block;margin:5px 0px;color:#000000}

.donation_form .row_small{margin:0px -2px;}
.donation_form .col_small{padding:0px 2px;}
.donation_form .donation_form_thanks{text-align:center;margin:20px 0px}
.donation_form .donation_form_thanks IMG{max-width:100%;}

DIV.clear_exit{text-align:center;margin:40px auto;}
DIV.clear_exit A.clear_exit{text-align:center;font-weight:bold;color:#990000;font-weight:bold;}


#card_modal DIV.card_modal_data{text-align:center;margin:0px 0px 10px 0px;font-weight:bold;}
#card_modal #cc_rawdata,
#card_modal #cc_rawdata:focus{border:none;color:#FFFFFF;outline:none;}
#card_modal DIV.label_text{margin:5px 0px;}
#card_modal BUTTON{width:100%;margin:5px 0px;}
#card_modal INPUT.text{width:100%;margin:5px 0px;}
#card_modal SELECT{width:100%;margin:5px 0px;}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #AE5324;border-color: #AE5324;}
.pagination > li > a,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span,
.pagination > li > span:hover,
.pagination > li > span:focus{color: #AE5324;margin:0px 3px;border-radius:0px !important;padding:5px 10px !important;}
.pagination > li > a:hover,
.pagination > li > span:hover{background:#d0622a}
NAV.pages{text-align:center;}

/*loading*/
.loading{background:url('/donations/images/loading.gif') center center no-repeat #FFFFFF;}
.loading>*{opacity:.50}

A.button,
.wysiwyg-body A.button{display:inline-block;max-width:100%;margin:10px 0px;padding:20px 20px;border-radius:15px;;text-align:center;font-size:18px;color:#FFFFFF;background:#25AAE1;font-family:'Roboto Condensed',sans-serif;font-weight:500;text-transform:uppercase;text-decoration:none;font-size:14px;border:none;}

A.button:hover,
.wysiwyg-body A.button:hover{display:inline-block;max-width:100%;margin:10px 0px;padding:20px 20px;border-radius:15px;;text-align:center;font-size:18px;color:#FFFFFF;background:#2999E0;font-family:'Roboto Condensed',sans-serif;font-weight:500;text-transform:uppercase;text-decoration:none;font-size:14px;border:none;}

A.button2,
.wysiwyg-body A.button2{display:inline-block;max-width:100%;margin:10px 0px;padding:20px 20px;border-radius:15px;;text-align:center;font-size:18px;color:#FFFFFF;background:#25AAE1;font-family:'Roboto Condensed',sans-serif;font-weight:500;text-transform:uppercase;text-decoration:none;font-size:14px;border:none;}
A.button2:hover,
.wysiwyg-body A.button2:hover{display:inline-block;max-width:100%;margin:10px 0px;padding:20px 20px;border-radius:15px;;text-align:center;font-size:18px;color:#FFFFFF;background:#2999E0;font-family:'Roboto Condensed',sans-serif;font-weight:500;text-transform:uppercase;text-decoration:none;font-size:14px;border:none;}

.wysiwyg-body A.button,
.wysiwyg-body A.button2{display:inline-block;width:auto;min-width:200px;}


A.currency_button{padding:5px;width:100%;border:1px solid #CCCCCC;color:#CCCCCC;background:#FFFFFF;font-weight:bold;}
A.currency_button:hover{padding:5px;width:100%;border:1px solid #5D0F4B;color:#5D0F4B;background:#FFFFFF;font-weight:bold;}
A.currency_button_selected{padding:5px;width:100%;border:1px solid #5D0F4B;background:#FFFFFF;color:#5D0F4B;font-weight:bold;}
A.currency_button_selected:hover{padding:5px;width:100%;border:1px solid #5D0F4B;background:#FFFFFF;color:#5D0F4B;font-weight:bold;}


DIV.ui-datepicker{width:590px;max-width:100%;}
DIV.ui-datepicker DIV.ui-widget-header{background:transparent;border:none;color:#5D0F4B;text-transform:uppercase;font-weight:600;font-family:"Open Sans",arial,sans-serif;border-bottom:1px solid #5D0F4B;border-radius:0px;}
DIV.ui-datepicker th{background:transparent;border:none;color:#5D0F4B;text-transform:uppercase;font-weight:600;font-family:"Open Sans",arial,sans-serif;}
DIV.ui-datepicker td{text-align:center}
DIV.ui-datepicker .ui-state-default{background:transparent;border:none;color:#5D0F4B;text-transform:uppercase;font-weight:600;font-family:"Open Sans",arial,sans-serif;display:inline-block;margin:0px auot;text-align:center;height:40px;width:40px;line-height:30px;border:2px solid #FFFFFF;border-radius:20px;}
DIV.ui-datepicker .ui-state-highlight{background:transparent;border:none;color:#5D0F4B;text-transform:uppercase;font-weight:600;font-family:"Open Sans",arial,sans-serif;display:inline-block;margin:0px auot;text-align:center;height:40px;width:40px;line-height:30px;border:2px solid #5D0F4B;border-radius:20px;}
DIV.ui-datepicker .selected_date .ui-state-default,
DIV.ui-datepicker .selected_date .ui-state-highlight{background:#5D0F4B;border:none;color:#FFFFFF;text-transform:uppercase;font-weight:600;font-family:"Open Sans",arial,sans-serif;display:inline-block;margin:0px auot;text-align:center;height:40px;width:40px;line-height:30px;border:2px solid #FFFFFF;border-radius:20px;}
DIV.ui-datepicker .disabled_date .ui-state-default,
DIV.ui-datepicker .disabled_date .ui-state-highlight{background:transparent;border:none;color:#CCCCCC;text-transform:uppercase;font-weight:600;font-family:"Open Sans",arial,sans-serif;display:inline-block;margin:0px auot;text-align:center;height:40px;width:40px;line-height:30px;border:2px solid #FFFFFF;border-radius:20px;}
DIV.ui-datepicker .bottom{padding:10px;margin:2px 0px 0px 0px;border-top:1px solid #5D0F4B;text-align:center;}
/*DIV.ui-datepicker .bottom A{display:block;background:transparent;border:none;color:#5D0F4B;text-transform:uppercase;font-weight:600;font-family:"Open Sans",arial,sans-serif;text-align:center;}*/
DIV.ui-datepicker .bottom A.button{background:#AB85A2;border:none;color:#FFFFFF;text-transform:uppercase;font-weight:600;font-family:"Open Sans",arial,sans-serif;display:inline-block;margin:0px auto;text-align:center;height:40px;width:40px;line-height:36px;border:2px solid #FFFFFF;border-radius:20px;padding:0px;}
DIV.ui-datepicker .bottom A.button:hover{background:#5D0F4B;}

.donation_cancelled{color:#BB0000}
.donation_error{color:#990000}
.donation_complete{color:#009900}


/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  transition-duration:3s;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }




/*admin interface area*/
TABLE.listing{width:100%;background:#ffffff;overflow:hidden;}
TABLE.listing TD{padding:3px;vertical-align:top;border-bottom:1px solid #CFCFCF;}
TABLE.listing TD TD{border:none;}
TABLE.listing TH{background:#CFCFCF;border:1px solid #CFCFCF;color:#000000;padding:1px 3px;font-weight:bold;}
TABLE.listing TH.heading{background:#FFFFFF;border:1px solid #FFFFFF;color:#000000;padding:4px 6px;font-weight:bold;margin:-3px;text-transform:uppercase;text-align:center;}