/* -------------------------------------------------- *
 *  ROUNDED BUTTONS.                                  *
 * -------------------------------------------------- */

button, div.rounded_input, a.rounded_link, input {
    color: #38450E;
    font-weight: bold;
}

button {
background:transparent;
border: none;
cursor:pointer;
overflow:visible;
padding-right: 5px;
white-space:nowrap;
}

button span {
display:block;
height: 30px;
line-height:30px;
padding-right:14px;
}

button span span {
padding-left: 14px;
padding-right: 0px;
}

button.green:active span span, button.blue:active span span{
background-position: left bottom;
color: #888;
}

button.green:active span, button.blue:active span {
background-position: right bottom;
}

button.blue span {
    background:url(/css_images/buttons/button_blue_right.png) no-repeat right top;
}

button.blue span span {
    background: url(/css_images/buttons/button_blue_left.png) no-repeat left top;
    color: #007CB0;
}

button.green span {
    background:url(/css_images/buttons/button_green_right.gif) no-repeat right top;
}

button.green span span {
    background: url(/css_images/buttons/button_green_left.gif) no-repeat left top;
}



/* -------------------------------------------------- *
 *  ROUNDED SUMBIT INPUT                              *
 * -------------------------------------------------- */

div.rounded_input {
background:url(/css_images/buttons/button_green_right.gif) top right no-repeat;
float: left;
height:30px;
line-height:30px;
padding-right:12px;
}

div.rounded_input input {
background:url(/css_images/buttons/button_green_left.gif) top left no-repeat;
border:none;
clear: both;
cursor:pointer;
height:30px;
overflow: visible;
padding: 0 0 0 14px;
width: auto;
}

div.rounded_input input:active {
padding-top: 2px; 
color: #888;
}

/* -------------------------------------------------- *
 *  ROUNDED LINK PSEUDO-BUTTON                        *
 * -------------------------------------------------- */

a.rounded_link span:active {
padding-top: 8px; 
color: #888;
}

a.rounded_link {
    background:url(/css_images/buttons/button_green_right_short.gif) top right no-repeat;
	border:none;
	color:#2e523b;
    cursor:pointer;
    display:-moz-inline-box;
	display:inline-block;
    font-size: 13px;
	height:30px;
    padding-right: 12px;
	text-decoration:none;
}

a.rounded_link span {
    background:url(/css_images/buttons/button_green_left_short.gif) top left no-repeat;
	border:none;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	height:30px;
    padding-left: 14px;
    padding-top: 6px;
}


/* -------------------------------------------------- *
 *  LARGE ROUNDED LINK PSEUDO-BUTTON                  *
 * -------------------------------------------------- */

a.rounded_link_large {
    background:url(/css_images/buttons/button_green_large.png) top left no-repeat;
	border:none;
	color:#2e523b;
    cursor:pointer;
	display:block;
	height: 78px;
	width: 160px;
	text-decoration:none;
	margin-top: 5px;
	padding-top: 10px;
	margin-left: 30px;
	/* Hack for I7 and below. */
	*margin-left: 0;
}

a.rounded_link_large span.top_span {
	font-size: 1.47em;
	margin: 0;
	display: block;
}

a.rounded_link_large:active {
	color: #888;
}

/* -------------------------------------------------- *
 *  CALENDAR DATE                                     *
 * -------------------------------------------------- */

div.date {
background:url(/css_images/boxes/date_pink.png) no-repeat top left;
text-align: center;
width: 40px;
}

div.date_pink {
background:url(/css_images/boxes/date_pink.png) no-repeat top left;
color: #DE2571;
}

div.date_blue {
background:url(/css_images/boxes/date_blue.png) no-repeat top left;
color: #0090CD;
}

div.date p {
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 0;
margin-bottom: -2px;
}

div.date span {
color: white;
}

/* -------------------------------------------------- *
 *  ROUNDED GREEN WIDGET                              *
 * -------------------------------------------------- */

.rounded_green {
    width: 258px;
    overflow: hidden;
}

.rounded_green div.hd {
	background: transparent url(/css_images/boxes/rounded_green_header.png) no-repeat top left;
        color: #38450E;
	font-size: 1.5em;
        height: 37px;
        line-height: 37px;
        text-align: center;
}

.rounded_green div.ft {
	background: transparent url(/css_images/boxes/rounded_green_footer.png) no-repeat top left;
    height: 13px;
	margin-bottom: 1em;
}

.rounded_green div.bd {
	background: transparent url(/css_images/boxes/rounded_green_content.png) repeat-y;
	padding: 15px 15px 0 15px;
}

.rounded_green div.centred {
        text-align: center;
}

.rounded_green div.bd ul {
	margin-bottom: 0;
}

.rounded_green div.foot {
    background: transparent url(/css_images/boxes/rounded_green_content.png) repeat-y;
    padding: 10px 15px 0 15px;
    text-align: right;
}
.rounded_green div.foot hr {
    margin: 0 0 5px 0;
    padding: 0;
    color: #cccccc;
    background-color: #cccccc;
    height: 1px;
}
.rounded_green div.foot a {
    text-decoration: none;
    color: #0090CD;
}

/* -------------------------------------------------- *
 *  ROUNDED WHITE WIDGET                              *
 * -------------------------------------------------- */

.rounded_white {
    margin: 10px 32px 20px 32px;
    text-align: left;
    width: 160px;
    overflow: hidden;
}

.rounded_white div.hd, .rounded_white div.ft {
    background: transparent url(/css_images/boxes/rounded_white.gif) no-repeat top left;
    height: 10px;
    line-height: 10px;
}

.rounded_white div.bd {
    background-color: white;
    padding: 0 15px;
}

.rounded_white div.ft {
    background-position: bottom left;
}

/* -------------------------------------------------- *
 *  H ELEMENTS                                        *
 * -------------------------------------------------- */

#main h2.pink, #main h2.blue {
    padding-left: 40px;
    height: 33px;
    line-height: 33px;
}

#main h2.pink {
    color: #DE2571;
    background: transparent url(/css_images/helements/pink_helement.png) no-repeat top left;
}

#main h2.blue {
    color: #0090CD;
    background: transparent url(/css_images/helements/blue_helement.png) no-repeat top left;
}

#main h2.pink_half {
    background: transparent url(/css_images/helements/pink_helement_half.png) no-repeat top left;
    float: left;
    width: 190px;
}

#main h2.blue_half {
    background: transparent url(/css_images/helements/blue_helement_half.png) no-repeat top left;
    float: left;
    width: 175px;
}

/* -------------------------------------------------- *
 *  IMG FRAMES                                        *
 * -------------------------------------------------- */

.frame_70x50 {
    background: url(/css_images/image_frames/image_frame_70_50.gif) no-repeat top left;
    padding: 6px 6px 6px 6px;
	width: 70px;
}

.frame_50x70 {
    background: url(/css_images/image_frames/image_frame_50_70.gif) no-repeat top left;
    padding: 6px 6px 6px 6px;
	width: 50px;
}

.frame_75x100 {
    background: url(/css_images/image_frames/image_frame_75_100.gif) no-repeat top left;
    padding: 6px 6px 6px 6px;
	width: 75px;
}

.frame_100x75 {
    background: url(/css_images/image_frames/image_frame_100_75.gif) no-repeat top left;
    padding: 6px 6px 6px 6px;
	width: 100px;
}

/* -------------------------------------------------- *
 *  COMMENT BOX                                       *
 * -------------------------------------------------- */

.form_avatar {
    width: 550px;
}

.form_no_avatar {
    width: 430px;
    margin-left: 10px;
}

#comment_form label {
    display: block;
    color: #7A7B79;    
}

#comment_form label span {
    color: #0090CD;
}

#comment_form textarea {
    background:#FFF url(/css_images/forms/formgrad.png) repeat-x top left;
    height: auto;
    margin-top: 0;
    padding: 0;
    width: 100%;    
}

#comment_form div.submit {
    clear: both;
    margin-right: -5px;
    text-align: right;
}

#comment_form div.comment_avatar {
    float: left;
    width: 115px;
}

#comment_form div.comment_textbox {
    float: right;
    width: 430px;
}

#comment_form {
    margin-bottom: 1em;
}

#comment_form .anonymous_query {
    margin-bottom: .5em;
}

#comment_form .anonymous_query label {
    display: inline;
}

/* -------------------------------------------------- *
 *  FAMILY BOX                                        * 
 * -------------------------------------------------- */

dl#family_list {
    margin: 0;
}

dl#family_list dt {
    padding-top: 7px;
}

dl#family_list dd {
    margin-bottom: 7px;
}

dl#family_list dt {
    border-top: 2px dashed #E6E3CD;
}

dl#family_list dt.first {
    border: none;
    padding-top: 0;
}

dl#family_list dd.last {
    margin-bottom: 0;
}

/* -------------------------------------------------- *
 *  NEWS FEED ENTRY                                   *
 * -------------------------------------------------- */

div.news {
    margin: 0 5px 0 10px;
}

div.feed div.bd {
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

div.news hr {
	clear: both;
	margin-top: 5px;
}

div.feed hr {
    margin-bottom: 7px;
}

div.news div.hd {
    position: relative;
}

div.news div.bd div.quote {
    margin: 10px 0 0 10px;
    font-style: italic;
}

div#main-left div.feed div.bd {
	width: 338px;
}

div#main-left div.news div.db {
	width: auto;
}

div#main-full div.news div.bd {
	width: auto;
}

/* div.news div.bd {*/
div.news {
    overflow: hidden;
/* For IE6 HasLayout force*/
    zoom: 1;
}

div.news div.hd h3 {
    font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
    margin-left: 0;
    margin-right: 50px;
    margin-bottom: 0.5em;
    border-top: 1px solid #dddddd;
    padding-top: 10px;
    font-size: 1.7em;
/*    color: #dddddd; */
}

div.news div.hd div.date {
    position: absolute;
    top: 0;
    right: 0;
}

div.news div.hd span.time {
    position: absolute;
    top: 47px;
    right: 0;
    font-weight: bold;
    color: #DE2571;
}

div.news div.hd span.plain_time {
    position: absolute;
    top: 1em;
    right: 0px;
    color: #DE2571;
}

div.news div.hd span.plain_date {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #DE2571;
}

div.news div.bd div.image {
    margin-right: 10px;
    float: left;
}

div.news div.ft p {
    text-align: right;
    margin-top: 2px;
}

div.news div.ft a {
    color: #E01C5F;
}

/* For photo navigation. */
div.news div.bd div.nav {
    text-align: right;
    margin-right: 5px;
    margin-bottom: 3px;
}

div.news .frame_70x50, div.news .frame_50x70, div.new .frame_75x100, div.news .frame_100x75 {
	margin-top: 5px;	
	margin-bottom: 2px;	
}

/* -------------------------------------------------- *
 *  COMMENT ENTRY                                     *
 * -------------------------------------------------- */

div.comment {
    margin: 1em 5px 0 10px;
}

div.comment div.hd {
    position: relative;
    margin-bottom: 0.5em;
}

div.comment div.hd div.date {
    position: absolute;
    top: 0;
    right: 0;
}

div.comment div.hd span.time {
    position: absolute;
    top: 6px;
    right: 50px;
    font-weight: bold;
    color: #0090CD;
}

div.comment div.hd h4 {
    border-top: 1px solid;
    color: #dddddd;
    margin: 0 50px 0 0;
    padding-top: 6px;
    font-size: 100%;
    font-weight: bold;
}

div.comment div.hd h4 span {
    color: #0090CD;
}

div.comment div.bd div.image {
    margin-right: 10px;
    float: left;
}

div.comment div.bd {
    overflow: auto;
    zoom: 1;
}

div.comment div.bd p {
    margin-right: 44px;
    margin-bottom: .5em;
}

div.comment_delete {
    text-align: right;
    margin-top: -10px;
}

/* -------------------------------------------------- *
 *  OUR CHILDREN                                      *
 * -------------------------------------------------- */

div.our_children ul {
    list-style: none;
    margin: 0;
}

div.our_children ul li div.image {
    float: left;
    width: 115px;
}

div.our_children p {
    margin: 0;
}

div.our_children ul li {
    border-bottom: 1px solid grey;
    clear: both;
    min-height: 115px;
    height: auto !important;
    height: 115px;
    margin-bottom: 1em;
}

div.our_children ul li.last {
    border: none;
    margin-bottom: 0;
}

div.our_children p.male, div.our_children p.female {
    margin-bottom: 1em;
}


/* -------------------------------------------------- *
 *  MANAGE FAMILY                                     *
 * -------------------------------------------------- */

div.family_admin {
    overflow: auto;
    zoom: 1;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    font-size: 1.2em;
}

div.family_admin img {
    margin: 0;
    padding: 0;
}

div.family_admin h3 {
    margin-bottom: 5px;
}

div.family_admin div {
    float: left;
}

div.family_admin p {
    margin-bottom: 0px;
}

div.family_admin p.admin_avatar {
    float: right;
}

div.family_admin a {
    font-size: .8em;
}

div.family_admin p.admin_guardian {
    margin-top: 15px;
}

/* -------------------------------------------------- *
 *  RECENT PHOTOS                                     *
 * -------------------------------------------------- */

div.recent_photos ul li {
    list-style-type: none;
    float: left;
    height: 120px;
    text-align: center;
    width: 110px;
}

div.recent_photos ul li.first {
    width: 114px;
}

div.recent_photos ul {
    margin: 0;
}

div.recent_photos_row {
    overflow: auto;
    zoom: 1;
    margin-bottom: 1em;
}

div.recent_photos_row div.image {
    float: left;
    
}

/* -------------------------------------------------- *
 *  BABY PROFILE BOX                                  *
 * -------------------------------------------------- */

dl#profile_list {
    overflow: auto;
    zoom: 1;
    font-size: 1.2em;
    margin-top: 1em;
	margin-bottom: 0;
}

dl#profile_list dd {
    float: left;
	display: inline;
    width: 44%;
}

dl#profile_list dt {
    float: left;
	display: inline;
    width: 44%;
    text-align: right;
}

div.rounded_green div.bd div.image {
   text-align: center; 
}

/* -------------------------------------------------- *
 *  Baby Status on Baby Home                          *
 * -------------------------------------------------- */

div#status {
    font-size: 1.9em;
    margin-bottom: 15px;
}

div#status div {
    color: black;
    display: inline;
    font-size: 0.9em;
}

div#status a {
    font-size: 0.5em;
}

/* -------------------------------------------------- *
 *  Avatar List Green Box                           *
 * -------------------------------------------------- */

ul#avatar_list {
    list-style: none;
    margin: 0;
}

ul#avatar_list li {
    overflow: auto;
    zoom: 1;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
    padding-top: 10px;
}

ul#avatar_list li div {
    float: left;
}

ul#avatar_list li div.name_status {
    width: 125px;
    padding-left: 10px;
}

ul#avatar_list li div.name {
    width: 100px;
    padding-left: 10px;
}

/* -------------------------------------------------- *
 * Avatar List Full                                   *
 * -------------------------------------------------- */

ul#avatar_list_full {
    list-style: none;
    margin: 0;
}

ul#avatar_list_full li div.name_status {
    font-size: 1.2em;
}

ul#avatar_list_full li div.name_status a {
    font-size: 1.5em;
}

ul#avatar_list_full li {
    overflow: auto;
    zoom: 1;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
    padding-top: 15px;
}

ul#avatar_list_full li img {
    float: left;
    margin-right: 15px;
}


/* -------------------------------------------------- *
 *  FIRSTS AND FAVOURITES                             *
 * -------------------------------------------------- */

ul#firsts, ul#favourites {
    margin: 0;
    float: left;
    width: 210px;
}

ul#firsts {
    margin-right: 20px;
}

ul#firsts li, ul#favourites li {
    list-style: none;
    margin-bottom: 5px;
    overflow: hidden;
    zoom: 1;
}

#firsts span.delete, #favourites span.delete {
    float: right;
}

table#firsts td, table#favourites td {
    border-right: 5px solid white;
    border-bottom: 5px solid white;
    width: 33%;
}

ul#firsts li, table#firsts td {
    background-color: #FCF5F4;
}

ul#favourites li, table#favourites td {
    background-color: #F4F9F9;
}

#firsts p.heading, #favourites p.heading {
    margin-bottom: .25em;
    padding-top: .25em;
    font-size: 1.1em;
    color: black;
}

ul#firsts p, ul#favourites p {
    margin: 0 5px 0 5px;
}

#firsts small, #favourites small {
    margin: 0 0 0 10px;
}

#firsts .age {
    float: left;
    font-size: 0.9em;
}

#firsts .date {
    float: right;
    font-size: 0.8em;
}

table#firsts p.date, table#firsts p.age {
    margin-bottom: 5px;
}

/* -------------------------------------------------- *
 *  HEIGHT AND WEIGHT GRAPHS 			      *
 * -------------------------------------------------- */

#heightweightgraph {
	width: 700px;
	height: 400px;
}

#heightweightgraphprofile {
	width: 230px;
	height: 175px;
}

#heightweighttable table {
	width: 450px;
}

#heightweighttable table td {
    width: 150px;
}

#heightweighttable .highlight-row {
    background-color: #D0E8F2;
}

/* -------------------------------------------------- *
 *  SUCCESS AND ERROR MESSAGES 			      *
 * -------------------------------------------------- */

div.success, div.error {
    overflow: hidden;
    zoom: 1;
    width: 700px;
}

div.success img.icon, div.error img.icon {
    float: left;
    margin: 0 0 0 5px;
}

div.success ul, div.error ul {
    margin: 0 0 0 10px;
    float: left;
    list-style-type: none;
    font-size: 1.6em;
    width: 600px;
}

div.error h4 {
    font-size: 1.6em;
    margin-bottom: 0;
    margin-left: 79px;
}

div.error div.error_feedback {
    float: right;
    font-weight: bold;
}

/* -------------------------------------------------- *
 *  REGISTRATION BABY IMAGE			      *
 * -------------------------------------------------- */

div#registration-baby {
    float:left;
    margin: 75px 0 0 20px;
}

/* -------------------------------------------------- *
 *  MOMBLOG SPECIFIC           			      *
 * -------------------------------------------------- */

.momblog #header a {
    float: left;
}

.momblog #header h1, .momblog #header h2 {
    font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif;
    float: right;
    color: #C55985;
}

.momblog #header h1 {
    margin: 34px 64px 0 150px !important;
    margin: 34px 32px 0 150px; /* IE 6 doubles the margin!?! */
    padding: 0;
    font-size: 60px;
}

.momblog #header h2 {
    margin: 0 67px 0 0 !important;
    margin: 0 34px 0 0; /* IE 6 doubles the margin!?! */
    padding: 0;
    font-size: 18px;
}

.momblog #header a {
    text-decoration: none;
    color: #C55985;
}

.momblog p.about {
    text-align: center;
}