/* ###########################################################################
# Default stylesheet #

COPYRIGHT 2007 Tenrec, Inc.
########################################################################### */
/* this forces a scrollbar in firefox so all pages have regardless of necessity to scroll */

body {
margin:0;
padding:0;
font: 1.1em/1em trebuchet,trebuchet ms,verdana,arial,helvetica,sans-serif;
background-color:#fff;
color:#7f7f7f;
text-align:left;
}

* {
margin:0;
padding:0;
}

* img {
border-style: none;
}
	
#logo {
display:block;
}
	
#logoprint {
display:none;
}
	
#rollovers {
position:absolute;
left:-1000px;
}



/* Custom */

h2 {
color:#3a72b6;
font-size:1.2em;
line-height:1.3em;
}

a {
color:#ff45a2;
}

a:hover {
text-decoration:none;
color:#f268a9;
}

p {
margin-bottom:10px;
}

.clear { clear:both;}

#box {
width:750px;
margin:0 auto;
}

#spanish #header {
background-image:url('../images/spanish/header.gif');
}

#logo {
float:right;
margin-top:-25px;
}

#nav_links {
position: relative;
width: 248px;
height: 28px;
top: 35px;
left: 510px;
float:left;
}

#nav {
float:left;
padding: 30px 0 0 245px;
font-size:.6em;
font-weight:bold;
width:350px;
}

#nav li {
list-style:none;
display:inline;
border-right:1px solid #FFF;
padding:0 4px;
}

#nav li.last {
border:none;
}

#nav li a {
text-decoration:none;
color:#3a72b6;
}

#nav li a:hover {
color:#ff4582;
}

#nav li a.active {
color:#ff4582;
}

#mast1 {
overflow:auto;
font-size:.65em;
padding-top:5px;
}

#featured_stories {
margin-top:12px;
width:229px;
height:150px;
background-image:url('../images/bg_featured_stories.gif');
background-repeat:no-repeat;
padding:30px 20px 20px 20px
}
#featured_stories .name {
width:45%;
float:left;
}
#featured_stories .location {
width:45%;
float:right;
text-align:right;
padding-right:15px;
}

#mast1_left {
width:269px;
float:left;
}
#mast1_right {
width:470px;
float:right;
}

#mast2 {
clear:both;
color:#666;
font-size:.7em;
width:750px;
height:173px;
padding-bottom:15px;
background-image:url('../images/mast2.gif');
background-repeat:no-repeat;
line-height:1.1em;
position:relative;
}

#mast2_about {
width:200px;
float:left;
padding:40px 20px 10px 33px;
}
	
#mast2_spread {
width:200px;
float:left;
padding:40px 20px 10px 22px;
}
	
#mast2_story_bus {
width:190px;
float:left;
padding:30px 20px 10px 33px;
}

#sponsors {
	float: left;
	background: url('../images/bg_dottedline.gif') bottom repeat-x;
}

	#sponsors ul {
		list-style: none; 
		float: left;
		background: url('../images/bg_dottedline.gif') top repeat-x;
		}
	
		#sponsors ul li {
			float: left; 
			margin: 5px;
			}

#flower {
text-align:right;
top:311px;
position:absolute;
margin-left:390px;
}


/* Form */

#form_head {
height:23px;
overflow:auto;
margin-bottom:10px;
}

select {
color:#7f7f7f;
}

label {  
float:left;  
width:110px;
margin-right:1em;  
text-align:right;
}

ol.right label {
width:130px;
}

select {
border:1px solid #ffd6e9;
background-color:#fff;
font-size:.9em;
color:#7f7f7f;
}

input.text {
font-family: trebuchet,trebuchet ms,verdana,arial,helvetica,sans-serif;
color:#7f7f7f;
width:150px;
border:1px solid #ffd6e9;
background-color:#fff;
}

.checkbox {
border:1px solid #ffd6e9;
background-color:#fff;
}

textarea {
border:1px solid #ffd6e9;
background-color:#FFF;
color:#7f7f7f;
font-family:trebuchet,trebuchet ms,verdana,arial,helvetica,sans-serif;
font-size: 1em;
line-height: 1.3em;
}

fieldset ol {
list-style:none;
margin:0;
}

fieldset li {
padding-bottom:7px;
}

fieldset {
border:none;
}

#already {
font-size:.7em;
float:right;
}

#form-flower {
background:url('/BabyHasAStory/images/form_flower.gif') top right no-repeat;
height:140px;
width:180px;
position:absolute;
top:170px;
margin-left:570px;
}

#form_container {
width:682px;
background:url('../images/form_tile.gif') repeat-y;
clear:both;
font-size:.7em;
padding: 20px 35px 35px 35px;
}

	#form_container h2 {
	padding: 20px 0 4px 0;
	margin-bottom:20px;
	background: url(../images/dashed_line.gif) bottom left repeat-x;
	}
	
	#form_container h2 span.required {
	padding-left:15px;
	color:#ff8bbc;
	font-size:.75em;
	font-weight:normal;
	}
	
	#form_container #donate {
	margin-top: 5px;
	padding-bottom: 15px;
	background: url(../images/dashed_line.gif) bottom left repeat-x; }
	
	#form_container #donate h2 {
	padding: 15px 0 0;
	margin-bottom: 5px;
	background: url('../images/dashed_line.gif') repeat-x left top;
	width: 512px;
}
	
	#form_container #donate p.wrap {
	width: 510px; }

#form_top {
float:left;
background-image:url('../images/form_top.gif');
background-repeat:no-repeat;
width:752px;
height:12px;
overflow:hidden;
margin:0 auto 0 auto;
}

#form_bottom {
background-image:url('../images/form_bottom.gif');
background-repeat:no-repeat;
width:752px;
height:14px;
overflow:hidden;
margin:0 auto;
}

#close {
text-align:right;
padding:13px 0px 0 0;
}

.tellus {
float:left;
}

#language {
float:left;
padding: 5px 0 0 20px;
}

ol.left {
width:45%;
float:left;
}

ol.right {
width:50%;
float:left;
}

#error {
float:left;
clear:both;
width:450px;
background:url('../images/error_bg_top.gif') top left no-repeat;
padding:16px 20px 2px 80px;
color:#5c8dc8;
margin-top:10px;
}

.error {
color:#ff9900;
font-weight: bold;}

#errorbottom {
background:url('../images/error_bg_bottom.gif') bottom left no-repeat;
height: 12px;
width:550px;
float:left;
clear:both;
}


fieldset.bday_tags {
margin-top:10px;
}

fieldset.tags {
	margin-bottom:20px;
	background: url(../images/dashed_line.gif) bottom left repeat-x;
}

ul.piped {
font-weight:bold;
text-align:right;
font-size:.9em;
padding-right:28px;
}
ul.piped li {
display:inline;
border-right:1px solid #7f7f7f;
padding:0 5px;
}
ul.piped li.last {
border:none;
}
ul.piped li a {
font-weight:normal;
}
ul.piped li a.active {

}

legend {
display:none;
color:#3a72b6;
font-size:1.1em;
width:678px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:10px;
background-image:url('../images/blue_on_pink_line.gif');
background-repeat:no-repeat;
background-position:bottom left;
}
#legend li {
}
#legend ul li.key {
}
#legend ul li.baby_story {
background-image:url('../images/icon_baby_story.gif');
background-repeat:no-repeat;
padding-left:24px;
background-position:left center;
}
#legend ul li.landmark {
background-image:url('../images/icon_landmark.gif');
background-repeat:no-repeat;
padding-left:20px;
background-position:left center;
}
#legend ul li.story_bus_stop {
background-image:url('../images/icon_story_bus_stop.gif');
background-repeat:no-repeat;
padding-left:15px;
background-position:left center;
}


#baby1 {

}
#baby2 {
display:none;
}
#baby3 {
display:none;
}
#baby4 {
display:none;
}


#add_btn_2, #add_btn_3, #add_btn_4 {
margin-bottom:10px;
margin-left:100px;
}

.pd_day {
width:60px;
}

ul.tag_presets {
padding-left:125px;	
padding-top:18px;
}
ul.tag_presets li {
display:inline;
list-style:none;
padding-right:6px;
}



/* Story Map */

#large_map {
margin-top:10px;
border:1px solid #bbdaec;
width:752px;
}
#legend {
background-color:#bbdaec;
color:#5c8dc8;
font-size:.65em;
font-weight:bold;
padding:2px 15px;
}
#legend ul {

}
#legend li {
list-style:none;
display:inline;
padding-top:2px;
padding-bottom:2px;
padding-right:15px;
}
#legend img {
vertical-align:middle;
}


#story_mast {
padding-top:54px;
margin-top:25px;
height:238px;
width:759px;
background-image:url('../images/story_mast.gif');
background-repeat:no-repeat;
font-size:.65em;
line-height:1.2em;
padding-left:39px;
overflow:hidden;
}
#story_mast td {
padding-bottom:8px;
}


#recent_stories {
width:171px;
float:left;
margin-right:70px;
}
#popular_stories {
width:180px;
float:left;
margin-right:64px;
}
#contribute {
padding-top:37px;
width:190px;
float:left;
}
td.name_loc {

}
td.date {
text-align:right;
}
td.hits {
text-align:right;
}
#field_province {
display:none;
}




/* Login Form */

#login_form {
display:none;
position:absolute;
left:50%;
margin-left:-162px;
top:100px;
width:313px;
font-size:.6em;


background-color:#ffeff6;
border:2px solid #ff4582;
}

#login_form h2 {
	margin: -29px 0 0 23px; }

#no-email {
	margin-left: 70px;
	color:#ff4582; }

#login_form ol {
margin-bottom:10px;
}
#login_form_top {

background-image:url('../images/head_member_login.gif');
background-position:20px 20px;
background-repeat:no-repeat;
height:50px;
/*background-image:url('../images/login_top.gif');
height:39px;
overflow:hidden;
*/
}
#login_form_body {
padding:18px 0 25px 24px;
/*background-image:url('../images/login_tile.gif');*/
background-repeat:repeat-y;
}

#password_form_body {
display: none;
padding:18px 0 25px 24px;
/*background-image:url('../images/login_tile.gif');*/
background-repeat:repeat-y;
	 }

#login_form_bottom {
/*background-image:url('../images/login_bottom.gif');*/
background-repeat:no-repeat;
height:8px;
}
#login_form ul.links {
line-height:1.2em;
float:left;
}
#login_form ul.links li {
list-style:none;
}
#login_form .submit {
float:right;
padding-right:30px;
}
#login_form label {
float:left;  
width:60px;
margin-right:1em;  
text-align:right;
}
#login_form input.text {
width:177px;
border:1px solid #ffd6e9;
background-color:#fff;
}










/* Spread The Word */

#spread_form {
margin-top:31px;
width:734px;
font-size:.7em;
line-height:1.2em;
margin-bottom:47px;
}

#spread_form_top {
background-image:url('../images/spread_form_top.gif');
background-repeat:no-repeat;
height:88px;
padding-left:180px;
}
#spread_form_body {
margin-top:5px;
background-image:url('../images/spread_form_tile.gif');
background-repeat:repeat-y;
padding-bottom:15px;
width:734px;
overflow:auto;
font-size:.9em;
}

#spread_fields_from {
padding-top:18px;
background-image:url('../images/spread_fields_from.gif');
background-repeat:no-repeat;
width:363px;
height:64px;
}

#spread_form_body {
margin:0;
padding:0;
}


#spread_fields_to {
background-image:url('../images/spread_fields_tile.gif');
background-repeat:repeat-y;
width:363px;
}

#spread_fields_to1 {
padding-bottom:15px;
}

ol.to {
margin-top:10px;
background-image:url('../images/head_to.gif');
background-repeat:no-repeat;
background-position:34px 0;
padding-top:4px;
}
#spread_fields_to2,#spread_fields_to3,#spread_fields_to4 {
display:none;
padding-bottom:15px;
}
#spread_fields_to4 {
padding-bottom:5px;
}

#spread_fields_left {
width:363px;
margin-left:15px;
padding-bottom:10px;
}

#spread_fields_bottom {
background-image:url('../images/spread_fields_bottom.gif');
background-repeat:no-repeat;
height:6px;
}


#spread_fields_left label {
width:165px;
margin-right:8px;
}
#spread_fields_left input.text {
width:165px;
}

#add_btn_2,#add_btn_3,#add_btn_4 {
text-align:right;
width:180px;
}

#spread_fields_right {
padding-left:50px;
left:50%;
position:absolute;
top:315px;
width:285px;
}


#spread_form_bottom {
background-image:url('../images/spread_form_bottom.gif');
background-repeat:no-repeat;
height:8px;
clear:both;
}



div.spread_chunk {
font-size:.7em;
line-height:1.2em;
}
div.spread_chunk .spread_chunk_img {
float:left;
width:178px;
text-align:center;
margin-bottom:20px;
}
div.spread_chunk .spread_chunk_content {
float:left;
width:305px;
padding-right:45px;
}

div.spread_chunk .privacy_content {
float:left;
width:530px;
}

div.spread_chunk .spread_chunk_links {
}
div.spread_chunk .spread_chunk_links li {
list-style:none;
}
.spread_chunk_divider {
clear:both;
background-image:url('../images/blue_white_line.gif');
background-repeat:no-repeat;
height:20px;
}

.privacy_divider {
clear:both;
padding:0 50 0 100;
background:url('../images/blue_white_line.gif') repeat-x;
height:20px;
}

.privacy_divider_wrap {
width:80%; 
margin:0 100px 0 100px;
}




/* Footer */

#footer_nav {
margin-bottom:10px;
overflow:auto;
}

#footer_nav li {
list-style:none;
display:inline;
border-right:1px solid #ccc;
float:left;
padding:0 5px;
}
#footer_nav li.first {
padding-left:0;
}
#footer_nav li.last {
padding-right:0;
border:none;
}
#footer_nav li a {
color:#7f7f7f;
}
#footer_nav li a:hover {
text-decoration:none;
}

#copyright {
clear:both;
}




/* Buttons */

button { border:0; cursor:pointer; padding:0 20px 0 0; text-align:center; }
   button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }

   /*blue buttons*/
   button.submitBtn { background:url(../images/btn_blue_right.gif) right no-repeat; font-size:.8em; }
   button.submitBtn span { height:24px; line-height:24px;background:url(../images/btn_blue_left.gif) left no-repeat;color:#fff; }
   button.submitBtn:hover {background:url(../images/btn_blue_right_hover.gif) right no-repeat; }
   button.submitBtn:hover span {background:url(../images/btn_blue_left_hover.gif) left no-repeat; }