body.application {background: url(/images/layout/home/body-application.jpg)  top center no-repeat scroll #e9f5f7;}

.flash_messages {text-align:left;}

.fundraiser_signup {padding: 2em .5em; position:relative; }
.fundraiser_signup p {padding: .5em 0;}

.fundraiser_success {}

.generic_policies {list-style:disc; margin-top: 1em;}
.policy {list-style:disc;}
.policy ul {padding-left: .3em; list-style:none;}
.policy ul li {list-style:none;}

.tools { padding: 1em; }
.tools ul {list-style: upper-alpha;}
.tools li {list-style: upper-alpha; padding: .5em 0;}

.fundraiser_notes {}
.notes ul {padding: 1em;}
.notes li {padding: .5em 0;}

.note { padding: 1em;}

.award_text {
  font-size:80%;
}
.separator_bottom {border-bottom: solid .2em #444444;}
.separator_top {border-top: solid .2em #444444;}

#fundraiser_admin .new {
  width: 500px; float:left;
}

#fundraiser_admin .existing {
  width: 300px; border: 1px solid #ccc; float:left; padding: 20px; margin-top: 20px;
}

#fundraiser_admin .facebook {
   margin-top 30px; line-height: 2em; height: 2em;
}

#fundraiser_admin .facebook a {
  float:right;
}

#fundraiser_admin .existing form {
  margin: 40px 0;
}

/************ PUBLIC FACING FUNDRAISERS *****************/

.shop_link {margin: 40px 0;}
.social-media {margin: 20px auto; width: 600px;}

/* Fundrasier Manager */


#participants ul { padding: .5em 1em; list-style: disc;}
#participants li { list-style: disc;}

tr.participant { border: .3em solid black;}

/*****************************  REGISTER  *********************************/

#register .facebook_register {display: inline-block; margin: 20px 0; vertical-align: middle;}
#register .user_register { margin: 20px 0;}
#register .register_form {width: 500px;}

/****************************  PAGES STYLES  ******************************/


.contact_us .email_us {margin-left: 10px; padding: 1em 0;}
.contact_us .email_us label {display:block; font-size: 1.1em; font-weight: 600; padding-right: 1em;}
.contact_us h2, .contact_us h3 {line-height: 2.2em;}
.contact_us label {float:left;}
.contact_us input {float:left;}

.introduction {}
.introduction #graphic_wrapper {float:left; height: 600px; width:300px; overflow: hidden;}
.introduction #graphic_scroll {position: relative; height: 2000px; width: 300px;}
.introduction #graphic_scroll img {position: absolute; top: 50%;}
.introduction #static_content {float:left;}
.introduction .introduction_content p {padding: .8em 0;}



/*****************************  ABOUT US  **********************************/
.about_us {padding: 15px;}
.about_us p {padding: 8px;}
.about_us ul {padding: 0 2em; }
.about_us li {padding: .2em 0; list-style-type: disc;}

#about {clear:left; overflow: hidden; width: 800px; height: 350px; padding: 10px;}
#about .scroll_to {width: 4000px;}
#about ul{ list-style:none;}
#about li {list-style:none;}
#about li.pane {float:left; width: 780px; height: 400px; padding: 10px 20px; position:relative; }
#about p.clear_picture { margin-right: 340px;}

.about_controller {width: 100%; }
.about_controller a {font-weight: bold; font-size: 20px;}
.about_controller a:hover {}
.about_controller ul { padding: 12px 0;}
.about_controller li { float:left; margin: 0 25px; }

.privacy {padding: 2em;}
.privacy p {padding: .5em 0;}

.help {}
.help h1 {font-size: 140%;}
.help h3 {padding: 25px 0; font-size: 120%;}
.help p {padding: 10px 0;}

.policies {padding: 2em;}
.policies p {padding: .5em 0;}
.policies .gray {color: #888;}