/*
Styles for Childmark
Copyright (c) 2008 Childmark, LLC ALL RIGHTS RESERVED

Bookmarking:
==layout
==common
==form

Colors:
*/

/* ==layout */

html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0; background-color:#e2e0ad; font-family:Helvetica, Arial, Verdana, Sans-Serif; font-size:.8em;}
#container {width:950px; margin:40px auto 0 auto;}

#back {}

#header { font-family:Georgia, Times, Serif; font-size:1.25em; height:62px; position:relative; }
#header ul { float:left; width:285px; margin:20px 0 0 0; padding:0; list-style:none; color:#fff; }
#header ul li { float:left; background:url('images/left-hm.gif') no-repeat left top; }
#header ul li a:link, #header ul li a:visited { height:33px; margin:0 4px 0 4px; padding:10px 10px 0 5px;
  float:left; display:block; background:url('images/right-hm.gif') no-repeat right top; }

#header ul li.on { background-image:url('images/left_on-hm.gif'); }
#header ul li.on a {display:block; background-image:url('images/right_on-hm.gif'); height:33px; margin:0 4px 0 4px; padding:10px 5px 0 5px; color:#e23939;}



#header ul li a:hover {background-color:#e9e9e9; color:#43362b; text-decoration:none;}

#header #nav-member ul#nav-primary-member {margin:5px 0 0 0;}
#header #nav-member ul#nav-global {float:left; width:165px; margin:8px 0 0 115px; color:#43362b; font-size:.9em;}
#header #nav-member ul#nav-global memlogin { display:inherit;background-image:url('images/bg-member-btn.gif');  margin:0 4px 0 3px; padding:0px 5px 0 5px;}

#header #nav-member ul#nav-primary-member li, #header #nav-member ul#nav-global li {height:30px;}
#header #nav-member ul#nav-primary-member li a:link, #header #nav-member ul#nav-primary-member li a:visited, #header #nav-member ul#nav-global li a:link, #header #nav-member ul#nav-global li a:visited {display:block; height:25px; margin:0 4px -12px 3px; padding:5px 5px 0 5px;}

#header a:link, #header a:visited {color:#43362b; text-decoration:none;}
#header a:hover {text-decoration:underline;}



#nav-member { position:absolute; right:10px; top:0px; width:300px; height:35px; text-align:right; background:none; padding:0; margin:0; }
#nav-global { display:inline; font-size:18px; padding-right:10px; }

#nav-memlogin {position:absolute;  display:inline; right: -100px; top: 0px; width:250px;  text-align:right; background:none; padding: 0 0px 0 0px; margin:0;}
#nav-memlogin  ul li { height:40px;background:none;}
#nav-memlogin  ul li a { margin: 0; background:none; padding: 0; padding-left: 0px; }
#nav-memlogin  ul li.on { height:40px; width:150px; margin:0 0px 0 0px; padding:0px 10px 0px 0px; display:inline;  background:url('images/bg-member-btn.gif') no-repeat;}
#nav-memlogin  ul li.on a { color: #3a3129;background:none; }
#nav-memlogin  ul li.on a:hover { color: #e73939;background:none; }

#nav-global span { padding-right:10px; }


#content {width:920px; padding:15px; display:block;background: #fffef2 url('images/bg-ltgreygrad.gif') top left repeat-x;}}



#branding {float:left; width:150px; margin:0 15px;}
#feature {background:url('images/img-hm-feat.jpg') no-repeat scroll top left;  width:368px; height:232px; padding:125px 0 0 550px; margin:0 0 20px 0;}
.col-main {float:left; width:660px; margin:0 20px 15px 0; padding:10px; background-color:#fff;}
.col-main-test {float:left; width:660px; margin:0 20px 15px 0; padding:290px 10px 10px 10px; background:#fff url('images/bg-test.gif') no-repeat scroll top left;}
.col-main-test .callout, .col-main .callout {background:url('images/bg-speech.gif') no-repeat scroll 55px 0; padding:17px 0 0 0;}
.col-main-dash {float:left; width:680px; margin:0 20px 15px 0;}
.col-side {float:left; width:220px; margin:0 0 15px 0;}
.col-side .callout {margin:0 0 30px 0;}
.post {margin:20px 10px 10px 10px;}
.test {background-color:#e2e0ac; padding:20px; margin:10px 0 0 0; width:620px; color:#fff;}

#feature2 {background:url('images/img-hm-feat.jpg') no-repeat scroll top left; width:368px; height:350px; padding:55px 0 0 550px; margin:0 0 20px 0;}


#feature3 {background:url('images/boy-report.jpg') no-repeat scroll top left; width:911px; height:382px; padding:15px 0 0 390px; margin:0 0 0px 0;}

#report {font-size:1.2em;}

.benefit { float:left; width:215px; margin:0 20px 20px 0;}

.last {margin-right:0;}

.comment {border-bottom:1px solid #3a3129; margin:0 0 10px 0;}

.co-dark {height:30px; clear:both; background-color:#3a3129; padding:20px; margin:0 0 20px 0;}
.co-med {clear:both; background-color:#afb1a9; padding:20px; margin:0 0 10px 0;}
.co-light {clear:both; padding:0 25px; margin:0 0 10px 0;}
.co-post {clear:both; background-color:#3a3129; padding:20px; margin:0 0 10px 0; color:#fff;}
.co-connect, .content-dark {background:#e2e0ad url('images/bg-premium_new.jpg') repeat-x scroll top left; padding:10px; color:#fff;}
.co-connect .header {background-color:#999891; padding:1px 5px; text-align:center;}

.co-dash-plans, .content-light .col-two-third {float:left; width:420px;}
.co-dash-plan-archive, .content-light .col-third {float:left; margin:0 0 0 20px; width:200px;}
.co-dash-plan-archive {color:#000; font-family:Georgia, Times, Serif; font-size:1em;}
.current-plan {float:left; width:220px; height:65px; padding:10px; margin:0 10px 0 0; background-color:#f1efd6;}
.prev-plan {float:left; width:150px; height:65px; padding:10px; background-color:#ece9c6;}

.content-dark {margin:0 0 20px 0; padding:20px;}
.content-dark .content {background-color:#c2bbb7; padding:10px; margin:10px 0 0 0;}

.content-light {margin:0 0 30px 0; padding:20px; background:#fff;}

.content-med {background:#c2bbb7; padding:20px; margin:0 0 30px 0;}


.content-type {clear:both; float:left; width:60px; margin:0 10px 20px 0;}
.content-med .content-type {width:50px; padding:0 0 0 10px;}
.content-title {float:left; width:320px; margin:0 0 20px 0;}

		
.child-plans-titlebar{ color:#31291e; font-family:Georgia, Times, Serif; font-weight:normal; display:block; margin:15px 10px 10px 0px }
.child-plans-child-name{  font-size:2em; margin:0; display:inline-block; }
.child-plans-child-age{  font-size:1.2em; margin:0px 5px; display:inline-block; }
.child-plans-child-cmark-age{ color:#c61213; font-size:1.2em; margin:0px 5px; display:inline-block; }


.premium {background:#85776e url('images/bg-premium.jpg') repeat-x scroll top left; margin:0 0 20px 0; padding:10px 10px 10px 20px;}
.prem-content {float:left; width:540px; padding:10px 0 0 0;}
.prem-content-listing {clear:both;}
.prem-content-listing .image {float:left; width:180px; margin:0 20px 0 0; padding:0 0 20px 0;}
.prem-content-listing .desc {float:left; width:295px; padding:5px 0 20px 0;}
.prem-video {float:left; width:330px; background-color:#312821; padding:0px 10px 10px 10px;}

.dash-side {background-color:#3a3129; padding:10px 20px; color:#fff;}
.co-payment-type {background-color:#fff; padding:10px 20px; color:#000;}

.hdr-tip {margin:50px 0 0 0;}

#footer {margin:10px 0 0 0; padding:0 0 20px 0; color:#3a3129; font-size:.8em;}

/* ==common */

h1 {margin:0 0 5px 0; font-family:Georgia, Times, Serif; font-size:1.4em; color:#3f2d1f; font-weight:normal;}
h1.report-hdr {color:#7f1923; margin:10px 0; font-size:2.3em; text-align:center;}
h2 {margin:5px 0; font-family:Georgia, Times, Serif; font-size:1.8em; color:#302720; font-weight:normal;}
#feature h2 {font-family: Georgia, Times, Serif; font-size: 1.8em; margin: 10px 0; color: #e74444; font-weight: normal;}
#feature2 h2 {font-family:Georgia, Times, Serif; font-size:1.8em; margin:0px 0; color:#e74444; font-weight:normal;}
.content-dark h2 {color:#fff;}
h3 {clear:both; color:#666661; font-size:.9em; font-family:Helvetica, Arial, Verdana, Sans-Serif; text-transform:uppercase; font-weight:normal;}
h3 .red {color:#dd2117;}
h3 .grey {color:#b9a7a1;}
h3 .dark-grey {color:#443a31;}
h3 .white {color:#fff;}
h3 .black {color:#3a3129;}
.prem-content-listing .desc h3, .post h3 {margin:0;}
h4 {color:#e33b3b; font-family:Georgia, Times, Serif; font-size:1.4em; font-weight:normal; margin:0;}
h4.sidebar {color:#fff;}

a img {border:none;}
a:link, a:visited {color:#8a907c;}
#footer a:link, #footer a:visited {color:#9b242c; text-decoration:none;}
.co-dark a:link, .co-dark a:visited, .co-light a:link, .co-light a:visited {color:#fff; }
a:hover {color:#3f2d1f;}
.co-dark a:hover {color:#dd3535;}
.co-light a:hover, #footer a:hover {color:#8a907c;}
.callout ul li a:link, .callout ul li a:visited {text-decoration:none;}
.callout ul li a:hover {text-decoration:underline; color:#dd3535;}

.categories a:link, .categories a:visited {display:inline-block; margin:0 5px 5px 0; padding:5px; background-color:#999891; color:#3a3129; font-family:Georgia, Times, Serif; font-size:1.1em;}
.categories a:hover {background-color:#3a3129; color:#fffef2;}

.co-connect a:link, .co-connect a:visited, .co-post a:link, .co-post a:visited {color:#fff;}

.test a:link, .test a:visited {color:#e33b3b;}
.test a:hover {color:#fff;}

.content-dark a:link, .content-dark a:visited {color:#000;}
.content-dark a:hover {color:#fff;}

.content-light a:link, .content-light a:visited, .content-med a:link, .content-med a:visited {color:#060606; font-family:Georgia, Times, Serif; font-size:1.2em;}

#footer ul {float:right; margin:0; padding:0; text-align:right; list-style:none; }
#footer ul li { float:left; text-align:right; margin:0 5px;}

#report ul li {padding:0 0 10px 0;}

.callout ul {list-style:none; margin:0; padding:0; font-family:Georgia, Times, Serif; font-size:1.1em;}
.callout ul li {margin:0 0 5px 0;}

ol.test-steps {margin:0; padding:10px 0 0 0; list-style-position:inside;}
ol.test-steps li {color:#fff; padding:5px; margin:5px 0;}
ol.test-steps li.on {background-color:#fff; color:#040404;}

p {line-height:1.4em; color:#6a6a6a;}

#footer p {color:#9b242c;}
#feature p {font-family:Georgia, Times, Serif; font-size:1.2em; color:#3a3129;}
#feature2 p {font-family:Georgia, Times, Serif; font-size:1.2em; color:#3a3129;}
.benefit p {color:#6a6a6afdfdfd; line-height:1.2em; margin:10px 0 0 0;}
.co-dark p, .co-light p, .co-med p {margin:0; color:#fff; font-family:Georgia, Times, Serif; font-size:1.6em; text-align:center;}
.co-light p {color:#dd3535;}
.co-post p {color:#fff; margin:0;}
.co-med p {color:#fff; text-align:left; font-size:1.2em; }
.col-side p {font-family:Georgia, Times, Serif; font-size:1.2em; color:#555555; text-align:left; margin:5px 0 10px 0;}
.col-side .co-payment-type p {color:#000;}
.prem-video p {color:#fdfdfd;}
.prem-content-listing .desc p {margin:0; font-family:Georgia, Times, Serif; font-size:.9em; color:#f3f2f0;}
p.meta {margin:0 0 10px 0; font-family:Georgia, Times, Serif; font-size:.9em; color:#3f2d1f;}
.co-connect p {color:#666661; font-size:1em; font-family:Helvetica, Arial, Verdana, Sans-Serif;}
.content-dark .content p, .current-plan p, .prev-plan p {color:#000; font-family:Georgia, Times, Serif; font-size:1.2em; }
.co-dash-plan-archive p { margin:5px; }
.current-plan p, .prev-plan p {margin:10px 0 0 0;}

.test p {color:#fff; font-family:Georgia, Times, Serif; font-size:1em; }

.co-dark b {color:#dd3535; font-weight:normal;}

.col-main span.desc, .col-main-test span.desc {display:inline-block; margin:10px; font-family:Georgia, Times, Serif; }
.test span.desc {color:#e33b3b;}

.col-main img, .col-main-test img, .content-type img {vertical-align:middle;}
.current-plan img {float:left; margin:0 10px 0 0;}

.clear {clear:both; line-height:0; height:0;}

.txt-center {text-align:center;}

/* ==form */

#form {float:right; width:370px;}
#cover {float:left; width:250px; }
.submit {float:right;}
input {margin:0 0 3px 0;}
.label {padding:0 10px 0 0;}
.content-dark .label {width:100px; padding:0 10px 0 0; color:#000; text-align:right; font-weight:bold;}
.txtbox {width:205px; height:17px; border:1px solid #a4a4a3;}
.content-dark .txtbox { margin:0 0 5px 0;}
.txtbox-short {width:100px; border:1px solid #a4a4a3;}

.test label {display:inline-block; margin:20px 0 0 0; color:#fff; font-family:Georgia, Times, Serif; font-size:1.2em;}

.test-questions {width:100%; color:#fff; font-family:Georgia, Times, Serif; font-size:1.2em;}
.test-questions td {padding:0 5px 20px 0; vertical-align:top;}

.payments {width:100%;}
.payments th {background-color:#ada6a2; color:#fff; padding:10px; text-align:left;}
.payments td {padding:10px;}

/* ==sifr */

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright:2006 Mark Wubben.
    Author:Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR:Shaun Inman
    * sIFR 1:Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2:Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility:visible !important;
  margin:0;
  padding:0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility:visible !important;
}

.sIFR-alternate {
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
  display:block;
  overflow:hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin:0pt; 
  padding:0pt; 
  overflow:auto; 
  letter-spacing:0px; 
  float:none;
}

.sIFR-replaced span {
  display:none !important;
}

/*---- Header styling ---*/
 .sIFR-active h3 {
  visibility:hidden;
clear:both;
height:15px;
 color:#9d9087; font-size:12px; line-height:12px; text-transform:uppercase; font-weight:normal;
}

 .sIFR-active h3 .black {color:#040404;}
 .sIFR-active h3 .dark-grey {color:#443a31;}





/*---- Ovi's bit ---*/

.clear-all { clear: both; }

#content-top h1, #content-bottom h1 { color: #e74444; font-size: 2em; margin-top: 20px; font-family: Georgia; font-style: normal;}
#content-top h2, #content-bottom h2, #feature h2 { width: 100%; clear: both; font-size: 2.2em; color: #3a3129; }

#content-feature { width: 450px; background: url('/images/cmhome-childs-strength.jpg') no-repeat; padding: 35px 0 0 430px; }
#content-feature p { font-family:Georgia, Times, Serif; font-size:2.2em; color: #3a3129; font-size: 1.3em; }

#content-main { float: left; width: 640px; }

#content-sidebar { float: right; margin-right: 5px; width: 200px; text-align: center; }
#content-sidebar h2 { margin-top: 40px; color: #e74444; }
#content-sidebar p { text-align: left; font-family:Georgia, Times, Serif; font-size:1.5em; line-height: 1.3em; color: #666661; }
#content-sidebar ul li { text-align: left; font-family:Georgia, Times, Serif; font-size:1.5em; line-height: 1.3em; color: #3a3129; }
#content-sidebar p span { color: #e74444; }
#content-sidebar ul { margin: 0; padding: 0; list-style: none; text-align: left; }
#content-sidebar ul li { margin: 0; border-bottom: #3a3129 1px solid; padding: 10px 0 10px 0; list-style: none; }
#content-sidebar ul .last { border-bottom: 0; }

#content-bottom { text-align: center; }

#cmresults { margin: 20px 0 20px 0; background-color: #c2c1b8; height: 150px; padding: 0; clear: both; }
#cmresults ul { margin: 0; padding: 0; list-style: none; }
#cmresults li { margin: 0; padding: 8px 0 0 8px; float: left; list-style: none; }
#cmresults li h4 { margin: 10px 0 0 0; padding: 4px 0 4px 33px; font-size: 1em; color: #3a3129; }

.home-summary { background: url('/images/cmhome-plan-bg.jpg'); width:488px; height:338px; padding: 20px 10px 0 420px; clear: both; }
.home-summary h2 { font-family:Georgia, Times, Serif; font-size:2.2em; color: #e2e0ad; }
.home-summary p { font-family:Georgia, Times, Serif; font-size:1em; line-height: 1.8em; color: #f2f1e6; }
.home-summary a { font-weight: bold; color: #f2f1e6; text-decoration: underline; }
.home-summary strong { color: #e2e0ad; }

.home-addlinfo { width: 480px; margin-bottom: 20px; }
.home-addlinfo h2 { font-size: 2.2em; color: #3a3129; }
.home-addlinfo p, .home-addlinfo-extra p { font-family:Georgia, Times, Serif; font-size:1.3em; line-height: 1.3em;  color: #666661; }
.home-addlinfo-extra { float: right; width: 180px; position: relative; top: -30px; padding- }
.home-addlinfo-extra p { margin-top: 10px; font-size: 1.8em; line-height: 1.2em; }

.btn-joinnow { margin: 0; padding: 0; position: relative; left: -10px; }

#login { margin: 0; width: 650px; height: 46px; position: absolute; left: 295px; top: -30px; background: url('/images/main-login-bg.gif') no-repeat; padding: 5px 20px 0 0; }
#login form { margin: 0; padding: 0; }
#login form input[type="text"], #login form input[type="password"] { width: 120px; font-size: .85em; }