/* Loosely messing with color palette from:
http://www.colourlovers.com/trend/websitecolors/172/2008/1/9/Burnett_Dairy
*/

body {
  background: #fff;
}

a {
  background: none;
  text-decoration:none;
  color:#166abc;
}

a:hover, a:focus {
  text-decoration:underline;
}

.container {
  background: #fff;position:relative;
}

#header {
  /*background-image: url( '/images/logo.gif' );
    background-repeat:no-repeat;background-position:top left;*/
  height: 96px;
}

#header h1 {padding:0;}

.pool_wizard_grouping .form_field{
    width:300px;
}
.form_field {
  margin-bottom: 10px;
}

.nav {
  margin: 5px;
  padding: 5px;
  border: 1px solid #ccc;
}

#my_lollis_dropdown {z-index:10;width:350px;background-color:#cfe6fc;position:absolute;top:120px;left:60px;}

/* Set the background color of the table headers */
th {
  background: #D7E2E8;
}

#account_links {
  float: right; 
  padding: 0px; 
  margin: 0px; 
  padding-top: 3px;
  padding-right: 5px;
  font-size: 11px;
}

#account_links a {
  color: #1f69b2;
}

#site_links{
  float: left; 
  padding: 0px; 
  margin: 0px; 
  padding-top: 3px;
  padding-right: 5px;
  font-size: 10px;
}
#site_links a {
  font-size:15px;padding-left:10px;font-weight:bold;padding-right:5px;
}


h1 {
  color: #444;
  font-weight: bold;
  font-size: large;
  padding: 10px 0px;
  margin: 0px;
}

h2 {
  font-size: medium;
  padding-top: 8px;
  font-weight: bold;
  color: #444;
}

h3, h4 {
  margin-bottom: 0.2em;
  font-weight: bold;
  font-size: small;
  color: #444;
}

h4 {
  font-size: x-small;
  margin-bottom: 0.0em;
}

.menu_link {
  display: block;
}

.section {
  border: 1px solid #fff;
  padding: 5px;
}

.inner_section {
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 3px;
}

.last_section {
  margin-right: 5px;
}

.first_section {
  margin-left: 5px;
}

.top_section {
  margin-top: 5px;
}

.tiny {
  font-size: xx-small;
  margin:0;
  padding:0;
}

.pink {
	color: #990033;
}

a img.arro {
    padding-left:5px;
    border:none;
}

div.fieldWithErrors {
  display: inline;
}

div.pool_wizard_grouping{
    padding:0px 0px 20px 0px; width:700px;clear:both;margin:0px auto; margin-top:30px;
}

div.pool_wizard_grouping h3{
    font-weight:normal;
    background-color:#cfe6fc;padding:5px;border-bottom:1px solid #666;margin-left:-5px;
}

div.pool_wizard_grouping h2{
    /*background-color:#cfe6fc;*/ font-weight:normal;border-bottom:0px solid #f0f2f4; padding:5px; margin-left:-5px; margin-bottom:5px; font-size:2em;/* color:#E93E47*/;
}

img.pool_wizard_progress_bar{
    margin-bottom:25px;
}

.pool_wizard_field_help{
    font-size:90%;color:#888888;display:inline;
}

td.pool_wizard_calculator_controls{
    width:22px;text-align:center;vertical-align:top;
}

td.pool_wizard_calculator_data_field{
    width:50px;text-align:center;vertical-align:middle;
}

td.pool_wizard_calculator_text{
    size:16px;color:#666;
}
div.pool_wizard_calculator_controls_up{
    width:22px;height:11px;       background-image:url("/images/pool_wizard_calculator_controls_up.gif");background-repeat:no-repeat;
    margin-bottom:5px;margin-top:5px;
}
div.pool_wizard_calculator_controls_down{
    width:22px;height:11px;
 background-image:url("/images/pool_wizard_calculator_controls_down.gif");background-repeat:no-repeat;
}
input.pool_wizard_calculator_data_field{
    width:50px;line-height:40px;height:40px;font-size:24px;text-align:center;
    color:#333333;background-color:#eeeeee;border:1px solid #dddddd;
    margin:0px auto;
}
#pool_wizard_calculator_contributors_field{
}
#pool_wizard_calculator_contribution_field{
    margin-right:5px;width:60px;
}
td.pool_wizard_calculator_data_field div.label{
    size:16px;color:#666;margin:0px auto;
}


#wizard_calculator{
    position:absolute;width:400px;border:1px solid #dddddd;background-color:#f9f9f9;padding:5px 20px 10px 20px;
    left:0px;margin-top:-80px;
}


#pool_nav_links_poolpage{
    padding:5px; font-weight:bold;font-size:14px;
}
#pool_nav_links_poolpage a{
    padding:0px 5px;
}
#pool_nav_links_poolpage #pool_name a{
    color:#292929;font-size:36px;
}


#pool_nav_links{
    font-weight:bold;font-size:12px;
}
#pool_nav_links a{
    padding:0px 5px;
}
#pool_nav_links a.this_page{
    padding:0px 5px;color:#292929;
}
#pool_nav_links img{
    float:left;margin-right:10px;border:5px solid #fff;
}

#pool_nav_links #pool_name a{
    font-size:24px;
}

#pool_nav_header {
    background-image:url("/images/mainbar_top.gif");background-repeat:no-repeat;background-color:#a9d3fc;
    width:930px;padding:10px 10px 0px 10px;margin-top:10px;
}
#pool_nav_header_bottom{
    background-image:url("/images/mainbar_bottom.gif");background-repeat:no-repeat;background-color:#a9d3fc;
    width:950px;padding:0px;margin-left:-10px;margin-right:-10px;height:18px;clear:left;
    overflow:hidden;}



#pool_mainbar{
    background-image:url("/images/mainbar_top.gif");background-repeat:no-repeat;background-color:#a9d3fc;
    width:920px;padding:10px 15px 0px 15px;margin-top:10px;
}

#pool_mainbar_bottom{
    background-image:url("/images/mainbar_bottom.gif");background-repeat:no-repeat;background-color:#a9d3fc;
    width:950px;padding:0px;margin-left:-15px;margin-right:-15px;height:18px;
    overflow:hidden;}

#pool_cta{
    background-image:url("/images/ctabox_top.gif");background-repeat:no-repeat;background-color:#e6f1fc;
    width:250px;padding:10px 25px 0px 25px;float:right;
}

#pool_cta_bottom{
    background-image:url("/images/ctabox_bottom.gif");padding:0px;margin-left:-25px;margin-right:-25px;height:9px;
    overflow:hidden;
}

#pool_cta h2{
    font-size:2em;line-height:1.6em;padding-top:0px;margin-top:0px;padding-bottom:0px;margin-bottom:0px;text-align:center;
}
#pool_cta ul{
    width:170px;margin:0px auto;
    padding:0px 0px 20px 0px;
}
#pool_cta li a{
    font-weight:bold;
    padding:0px; margin:0px;text-indent:0px;
}
#pool_cta h3{
    width:190px;margin:10px auto; 
}
#cta_button{
    display:block;padding:10px;background-color:#ec3f48;color:#fff;border:5px solid #ff8f94;
    text-align:center;font-weight:bold;font-size:1.5em;
}

#pool_main_text{
    float:left;width:350px;padding-left:15px;font-size:11pt;
}
#pool_feature_image{
    float:left;width:220px;
}
#pool_feature_image img{
    border:10px solid #fff;   
}
#pool_organizer{
    padding-top:10px;
}
#pool_organizer img{
    float:left;border:5px solid #fff; margin-right:10px;
}
#pool_organizer p{
    margin-left:60px;line-height:1.2em;
}

#pool_gift{
    padding-top:10px;text-align:left;width:220px;margin:0px auto;
}
#pool_gift img{
    float:left;border:5px solid #fff; margin-right:10px;
}
#pool_gift p{
    margin-left:60px;
}

.has_contributed {
    color: #ec3f48; 
}


.system_comment{
    background-color:#f0f2f4;
    padding:10px;
    color:#393839; clear:left; margin-bottom:10px;
}
.system_comment img{
    float:left;border:5px solid #c2c4c6;
}
.system_comment p{
    margin-left:100px;line-height:1.2em;padding-top:20px;
   
}


.user_comment{
    /*background-color:#cfe6fc;*/
    background-image:url("/images/comment_back.gif");background-repeat:no-repeat;
    padding:0px 10px 0px 10px;
    width:567px;
    color:#393839; clear:left; margin-bottom:10px;
}
.user_comment img{
    float:left;border:5px solid #c2c4c6;
}
.user_comment p{
    margin-left:100px;line-height:1.2em;padding-top:15px;margin-bottom:6px;
}
.user_comment_bottom{
    background-image:url("/images/comment_back_bottom.gif");background-repeat:no-repeat;
    height:9px;overflow:hidden;
    margin-left:-10px;margin-right:-10px;
    clear:left;
}

.user_comment .new_comment{ display:block;
    margin-left:100px;line-height:1.2em;padding-top:15px;margin-bottom:6px;
}
.user_comment .new_comment textarea#comment_message{ 
    width:440px;
}
.user_comment .new_comment textarea#signature_body{ 
    width:440px;
}
.user_comment .new_comment #comment_submit{ 
    display:block;padding:5px;background-color:#ec3f48;color:#fff;border:3px solid #ff8f94;
    text-align:center;font-weight:bold;font-size:1.1em;float:right; margin-right:18px;
}

.user_comment .new_comment #signature_submit{ 
    display:block;padding:5px;background-color:#ec3f48;color:#fff;border:3px solid #ff8f94;
    text-align:center;font-weight:bold;font-size:1.1em;float:right; margin-right:18px;
}

#pool_right_column div.section{
    padding:10px;background-color:#e6f1fc;margin:0px;margin-top:20px;padding-bottom:20px;
}
.member_listing{
    padding-top:10px;clear:left;
}
.member_listing img{
    float:left;border:5px solid #c2c4c6; margin-right:10px;
}
.member_listing p{
    margin-left:30px;line-height:1.3em;font-size:0.9em;
}

.member_listing p strong{
    font-size:1.3em;
}

.member_listing p .has_contributed {
    color: #ec3f48; font-size:1.2em;
}

.member_listing a.edit_myself{
    color:#292929;text-decoration:none;
}

.member_listing a.edit_myself:hover{
    color:#292929;text-decoration:none;
}


.clear {
    clear: both; height:0px; overflow:hidden;
}


.left_col {
    padding-left:7px;float:left;width:450px; margin-top:18px;
}

body#messages .left_col{width:625px;}

.right_col {
    padding-left:27px;float:left;width:450px; margin-top:18px;
}

.center_col {
    padding-left:27px;float:left;width:325px; margin-top:18px;
}

.buttonclass{ 
    padding:5px;background-color:#ec3f48;color:#fff;border:3px solid #ff8f94;
    text-align:center;font-weight:bold;font-size:1.1em;
}
a.buttonclass:hover{
    color:#fff; text-decoration:none;
}

#card_top{
    padding:10px;margin-left:75px;background-color:#cfe6fc;width:400px;margin-top:20px;
}

div.dropdown{
    padding:10px;
}
div.dropdown a{
    display:block;
}

#dashboard .section h2{
    background-color:#cfe6fc; padding-left:5px; margin-left:-5px; padding-top:0;border-bottom:1px solid #bfdefb;
}
#dashboard .section {
    margin-bottom:10px;
}

tr.new_message_row td.newness_indicator{
    background-color:#359a47;
}
tr.old_message_row td.newness_indicator{
    background-color:#eee;
}
tr.new_message_row td a{
    font-weight:bold;
}

table#inbox{
    width:600px;
}
table#inbox td{
    padding:5px;
    border-bottom:1px solid #eee;
}
table#inbox th{
    padding:5px;
    background-color:#cfe6fc;
}

a span.make_linkish{
    text-decoration:underline;  color:#166abc;

}

#user_nav{
    background-color:#a9d3fc;padding:10px;
}
#user_nav a.this_page{
    color:#444;
}

#recipients div{
    background-color:#f0f2f4;border:1px solid #ccc;
    font-size:1.3em;
margin:0 10px 0.5em 0;
}

#recipients div a{
    background-color:#166abc;padding:1px 2px;color:#eee;
}

#organizer_controls{
    background-color:#e6f1fc;padding:10px;
    border:5px solid #a9d3fc;margin-bottom:18px;
}

span.error_message {background-color:#DA4F58; display:block;color:#fff;border:1px solid #da222c;padding:3px;}

.help_inline{margin-top:0px; color:#666; float:right;width:255px; background:#cfe6fc url(/images/inline_help_bottom.gif) bottom left no-repeat; font-size:1.2em;
}

.help_inline h4 {background:#cfe6fc url(/images/inline_help_top.gif) top left no-repeat; padding:10px; width:235px; font-size:1.2em;}

.help_inline h5 {margin-left:10px; padding-right:10px; color:#444; margin-bottom:0;}

.help_inline p {margin-left:10px; padding-right:10px;}

.help_col{
    padding:18px 27px 18px 27px;float:right;margin-top:18px;width:180px; background-color:#f0f2f4;color:#666;
}

.notice_wrapper,
.error_wrapper {padding:15px;text-align:center;font-size:1.2em; margin:15px 0;}

.notice_wrapper p,
.error_wrapper p {margin:0;}

.notice_wrapper {border: 1px solid #2b7f3a; background-color:#359A47; color:#fff;}
.error_wrapper {background-color:#DA4F58; color:#fff; ;border:1px solid #da222c;}

#help_dropdown {z-index:10;width:100px;background-color:#cfe6fc;position:absolute;top:115px;left:830px;}

/*==Home Page
_________________________________________*/
#hero { position:relative; overflow:hidden; width:940px; height:297px; margin-top:10px;}
#slideshow {height:297px;width:600px; float:right; position:relative; /*padding:0;*/}
#slideshow li {position:absolute; top:0;}
#mask {width:900px; height:257px; background:transparent url(/images/hero_mask.png) 0 0; position:absolute; top:0; left:0; padding:20px}
#mask h2 {font-size:3.8em;color:#272829; width:290px; padding:0; margin:0 0 20px 0; line-height:50px;}
#mask p {font-size:1.8em; font-weight:bold; margin-top:10px;}
#mask ol {margin-bottom:0;margin-left:0; width:265px;}
#mask li {font-size:2em; list-style:none; line-height:26px; margin-bottom:10px; width:300px;}
#mask li span {display:block; float:left; margin-right:5px; height:26px; width:26px;}
#mask li span#start_gift_pool {background: transparent url(/images/better_way_one.gif) 0 0 no-repeat;}
#mask li span#friends_chip_in {background: transparent url(/images/better_way_two.gif) 0 0 no-repeat;}
#mask li span#group_hug {background: transparent url(/images/better_way_three.gif) 0 0 no-repeat;}

#content_wrapper,
#street_cred_wrapper {position:relative; float:left; width:940px;margin-top:40px;}
#activity_wrapper {width:620px; float:left;}
#start_gift_pool_form,
#special_lolligifts {float:right;}

#start_gift_pool_form,
#friends_are_lolligifting,
#add_a_gift_reminder,
#special_lolligifts {width:280px; padding:10px; background-color:#e6f1fc; height:335px;}

#content_wrapper h3 {font-size:2em; color:#4e4f51; margin-bottom:15px;}
#content_wrapper ul {list-style:none; margin:0; width:280px; float:left;}

#friends_are_lolligifting li {clear:both; height:40px; margin-bottom:10px;}
#friends_are_lolligifting li img {float:left;border:5px solid #c2c4c6; margin-right:10px;}

#special_lolligifts li {clear:both; margin-bottom:15px; float:left; width:278px;}
#special_lolligifts li img {float:left; display:block; border:7px solid #c2c4c6; margin-right:10px;}
#special_lolligifts li span {display:block; float:right; width:175px;}
#special_lolligifts li a { display:block; font-weight:bold;}
#special_lolligifts li a.special_headline {font-size:1.1em;margin-bottom:5px;}

#start_gift_pool_form input.text{width:175px;}
#add_a_gift_reminder input.text{width:175px;}


#street_cred_wrapper h4 {font-size:2em;margin-bottom:15px;color:#4e4f51;}
#street_cred_wrapper h5 {color:#4e4f51;}
#street_cred {float:left;width:940px; list-style:none; margin:0 0 10px 0;}
#street_cred li {float:left; width:289px; margin-right:22px; background:transparent url(/images/streetcred_quote_bottom.png) bottom left no-repeat;}
#street_cred li span {width:249px; padding:10px 10px 0 30px; background:transparent url(/images/streetcred_quote.png) top left no-repeat; display:block; margin-bottom:12px;}
#featured_in {list-style:none;margin:0;}
#featured_in li {float:left;}

/*==Footer
_________________________________________*/
#footer {background-color:#e9e9ea;margin-top:20px;padding:20px;width:910px;}
#footer h6 {color:#4e4f51;font-size:1.2em; margin-bottom:5px;}
#footer ul {list-style:none; margin-left:0;font-size:.9em;}
#footer ul li {margin-bottom:5px;}
#footer p {clear:both;float:left; margin-bottom:0; width:100%;}
#footer div{float:left; width:225px; margin-bottom:20px;}

/*==Edit Pool
_________________________________________*/

#edit_pool_wrapper {margin-top:30px}
#edit_pool_wrapper h3 { margin:30px 0 10px 0; color:#444; font-size:1.9em;}
#edit_pool_wrapper #pool_cta h3 {margin:10px 0; }

a.highlighted_organizer_link{
    color:#fff;background-color:#1f69be;
}

.pagination {text-align:center;}

.wizard_dollar {font-size:16px;padding-right:2px; line-height:30px; display:block; float:left;}

#payment_table {font-size:.8em;}

#start_gift_pool_form input.name {width:100px; display:inline;}


.date_selecting img {margin:4px 0 0 0;}
.date_selecting_calendar { background-color:white; padding:8px 5px 6px 5px; display:block; border:1px solid #ccc; width:300px;}      


/*----------------------------- 
below is for the lolligift tour 
-------------------------------  */
p.tour {
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	color: #000000;
}

h1.tour  {
	font-family:Arial,Helvetica,sans-serif;
	font-size:24px;
	margin-top:0;
	padding-top:30px;
	padding-bottom:40px;
	color: #166abc;
	text-align: center;
}
h2.tour  {
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	margin-bottom:5px;
	text-align: left;
}
h3.tour  {
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align: left;
}                                                              
h3.tourindent  {
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:normal;
    text-align: left;
	padding-left:390px;
}
p.tourcenter  {
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:normal;
    text-align: left;
	padding-left:200px;
	padding-right:200px;
}     
h2.tourcenter  {
    font-family:Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:normal;
    margin-bottom:10px;
    text-align: left;
	padding-left:200px;
	padding-right:200px;
}
p.tourprev{
	margin-top:100px;
	font-family:Arial,Helvetica,sans-serif;   
	text-align:left;
	padding-left:200px;
	font-size:18px;    
}
p.tournext{     
	margin-top:100px;
	font-family:Arial,Helvetica,sans-serif;      
	text-align:right;
	padding-right:200px;
	font-size:18px;  
}
