/*
Styles for Childmark -
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:#f2f1e6; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: .8em;}
#container {width: 950px; margin: 40px auto 0 auto;}
#container-login {width: 400px; margin: 40px auto 0 auto;}
#header {font-family: Georgia, Times, Serif; font-size: 1.3em; height: 62px;}
#branding {float: left; width: 150px; margin: 0 15px;}
#content {width:920px; padding:15px; display:block; background: #E3E2D8 url('images/bg-greygrad.gif') top left repeat-x;}
#container-login #content {width: 400px; padding: 15px; background-color: #f2f1e6;}
#feature {background: url('images/img-hm-feat.jpg') no-repeat scroll top left; width: 368px; height: 232px; padding: 150px 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;}
#container-login .col-main-dash {width: 400px; margin:0px;}
.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;}
#report {font-size: 1.2em;}
#BecomeChildMarkMember {
background:#3a3129 none repeat scroll 0 0;
color:#f2f1e6;
font-family:Georgia,Times,Serif;
font-size:1.3em;
margin:15px 0px 0px 0px;
padding:15px 30px 18px;
width:370px;
text-align:center;
}
#BecomeChildMarkMember a{
color:#fff;
}
#nav-member {float: left; width: 750px; height: 35px; padding: 10px; background-color: #000;}
.benefit {float: left; width: 207px; margin: 0 30px 20px 0;}
.last {margin-right: 0;}
.comment {border-bottom: 1px solid #3a3129; margin: 0 0 10px 0;}
.co-dark {clear: both; background-color: #3a3129; padding: 20px; margin: 0 0 10px 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: #767a70; padding: 1px 5px;}
.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: #c2c1b8; padding: 10px; margin: 10px 0 0 0;}
.content-light {margin: 0 0 30px 0; padding: 20px; background: #fff;}
#container-login .content-light {margin: 0px; padding: 20px; background: #c2c1b8; color:#f2f1e6;}
.content-med {background: #c2c1b8; padding: 20px; margin: 0 0 30px 0;}
#container-login table.errmsg ul { margin:0px; padding:0px; color:#CC0000; list-style:none;}
.content-type {clear: both; float: left; width: 60px; margin: 0 10px 20px -10px;}
.content-med .content-type {width: 50px; padding: 0 0 0 10px;}
.content-title {float: left; width: 320px; margin: 0 0 20px 10px;}
.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: #e2e0ad url('/images/bg-premium_new.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;}
.dash-side-grey {background-color: #555555; 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: 2em; 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: #dd3535; font-weight: normal;}
#feature2 h2 {font-family: Georgia, Times, Serif; font-size: 1.8em; margin: 0px 0; color: #dd3535; font-weight: normal;}
.content-dark h2 {color: #fff;}
h3 {clear:both; color: #555555; 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 .dark-grey {color: #443a31;}
h3 .white {color: #fff;}
h3 .black {color: #040404;}
h3 .maroon {color: #3a3129;}
#nav-member h3 {float: left; width: 185px; font-size: .8em;}
.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;}
h5 {margin: 5px 0; font-family: Georgia, Times, Serif; font-size: .9em; color: #302720; font-weight: normal;}
h5 .dark-grey {color: #3a3129;}
h5 .red {color: #3a3129;}
.small {font-family: Georgia, Times, Serif; font-size: .8em; margin: 10px 0; color: #dd2117; font-weight: normal;}
.small2 {font-family: Georgia, Times, Serif; font-size: .8em; margin: 10px 0; color: #3a3129; font-weight: normal;}
a img {border: none;}
a:link, a:visited {color: #8a907c;}
#header a:link, #header a:visited {color: #000000; text-decoration: none;}
#header a:hover {text-decoration: underline;}
#footer a:link, #footer a:visited {color: #3a3129; 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: #000;}
.categories a:link, .categories a:visited {display: inline-block; margin: 0 5px 5px 0; padding: 5px; background-color: #afb1a9; color: #65675e; font-family: Georgia, Times, Serif; font-size: 1.1em;}
.categories a:hover {background-color: #3a3129; color: #dd3535;}
.co-connect a:link, .co-connect a:visited, .co-post a:link, .co-post a:visited {color: #000;}
.test a:link, .test a:visited {color: #3a3129;}
.test a:hover {color: #000000;}
.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;}
#header ul {float: left; width: 285px; margin: 20px 0 0 0; padding: 0; list-style: none; color: #fff;}
#header ul li,#footer ul li {float: left;}
#header ul li a:link, #header ul li a:visited {display: inline-block; height: 52px; margin: 0 5px -10px 5px; padding: 5px 10px 0 10px;}
#header ul li a.on:link, #header ul li a.on:visited {display: inline-block; height: 52px; margin: 0 5px -10px 5px; padding: 5px 10px 0 10px; background-color: #fff; color: #CA1A1A;}
#header ul li a:hover {background-color: #fff; color: #000000; 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: #dd3535; font-size: .9em;}
#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: inline-block; height: 25px; margin: 0 5px -10px 5px; padding: 5px 5px 0 10px;}
#header #nav-member ul#nav-primary-member li a.on:link, #header #nav-member ul#nav-primary-member li a.on:visited {display: inline-block; height: 25px; margin: 0 5px -10px 5px; padding: 5px 5px 0 10px;}
#footer ul {float: right; margin: 0; padding: 0; text-align: right; list-style: none; }
#footer ul li {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;}
p .dark {color: #555555}
#header p {float: right; width: 310px; margin: 20px 0 0 10px; text-align: right; color: #dd3535;}
#footer p {color: #3a3129;}
#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: #000000;}
.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: #8a907c; font-family: Georgia, Times, Serif; font-size: 1.3em; 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: #fff; text-align: left; margin: 5px 0 10px 0;}
.col-sidemem p {font-family: Georgia, Times, Serif; font-size: 1.2em; color: #fff; 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: #fff; 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;}
#header #nav-member ul#nav-global span {display: inline-block; margin: 5px 0 0 0;}
.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: #3a3129; color: #fff; padding: 10px; text-align: left;}
.payments td {padding: 10px;}
.formItemTitle {font-size:1.2em;color:#3a3129}
.home-bottom { background:#85776e url(/images/co-home-bottom.jpg) top repeat-x; width:878px; height:313px; padding:20px; }
.home-bottom-article { float:left; width:500px; }
.home-bottom-article span { display:block; }
.category { text-transform:uppercase; color:#b9a7a1; }
.title {font-family:Georgia, 'Times New Roman', Times, serif; font-size:25px; color:#302720;}
.date { color:#fff; }
.home-video-section { background:#483d34 url(/images/video-bg.jpg) top repeat-x; width:341px; height:294px; float:right; padding:10px 10px 0 10px; }
.video-title { text-transform:uppercase; color:#dd2117; font:Arial, Helvetica, sans-serif 11px; padding-bottom:5px; }
.caption { color:#FFF; }
/* ==sifr */
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=: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
*/
/*---- 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;}