/*
Styles for Childmark

Copyright (c) 2008 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;}

#header {font-family: Georgia, Times, Serif; font-size: 1.3em; height: 62px;}
#branding {float: left; width: 150px; margin: 0 15px;}

#content {width: 920px; height: 100%; padding: 15px; background-color: #e3e2d8;}
#feature {background: url('/test/img/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 11px 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('/test/img/bg-test.gif') no-repeat scroll top left;}
.col-main-test .callout, .col-main .callout {background: url('/test/img/bg-speech.gif') no-repeat scroll 55px 0; padding: 17px 0 0 0;}


.col-side {float: left; width: 220px; margin: 0 0 15px 0;}
.col-side .callout {margin: 0 0 15px 0; padding:10px; background-color:#3a3129;}

.col-side2 {width: 220px; margin: 0 0 0 0;position:relative; top:0px; left:-20px;float: right;}
.col-side2 .callout {margin: 0 0 30px 0; padding:10px; background-color:#3a3129;}

.col-side .social-networking { margin-top:50px; }
.col-side .social-networking p { color:#3a3129; font-size:15px; }
.col-side .social-networking ul { margin:0; padding:0; }
.col-side .social-networking li { list-style-type:none; margin-bottom:5px; }
.col-side .social-networking span { display:none; }
.col-side .social-networking a.twitter { width:220px; height:27px; display:block; background:url("/images/twitter.jpg"); }
.col-side .social-networking a.facebook { width:220px; height:25px; display:block; background:url("/images/facebook.jpg"); }

.post {margin: 20px 10px 10px 10px;}
.test {display: inline-block; background: #e2e0ac url('/test/img/bg-premium_new.jpg') repeat-x scroll top left; padding: 10px; color: #fff;}

.test-finalstep {background: #e2e0ac url('/test/img/bg-premium_new.jpg') repeat-x scroll top left; padding: 10px; color: #fff;}
.test-finalstep-container {
        background-color:#fff;
        padding:5px 5px 0px 5px;
}

.test-finalstep-age-indicator {
	background-color:#000000;
	background-image:url(/images/test-finalstep-age-indicator-bg.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:1.5em;
	padding:5px 25px 10px 12px;
	margin:0px;
	width:auto;
}
#test-finalstep-age-indicator-arrow {
        height:64px
        background-color:#fff;
	margin:0px;
	padding:0px;
	background: transparent url(/images/test-finalstep-age-indicator-arrow.gif) no-repeat scroll 220px 0px;
	height:16px;
	width:400px;
	overflow:hidden;
}


.test-rightnav-header {
        background-color:#fff;
        padding:0px 0px 0px 0px;
}

.test-rightnav-gradient {
	background-color:#86240b;
	background-image:url(/images/test-rightnav-gradient.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:1.5em;
	padding:15px 15px 10px 15px;
	
        height:40px;
	width:auto;
        
}

.test-finalstep-graphbar-checkmark {position:absolute; top:10px; left:565px; color:#FFFFFF; z-index:10;}
.test-finalstep-graphbar-checkmark2 {position:absolute; top:5px; left:565px; color:#FFFFFF; z-index:10;}

.test-finalstep-graphbar1 {background-color: #fff; position:relative; padding:0px 0px 0px 0px}
.test-finalstep-graphbar-title1 {position:absolute; top:13px; left:10px; color:#FFFFFF; z-index:10; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; font-weight:bold;}
.test-finalstep-graphbar {background-color: #fff; position:relative; padding:5px 0px 0px 0px}
.test-finalstep-graphbar-title {position:absolute; top:17px; left:10px; color:#FFFFFF; z-index:10; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; font-weight:bold;}
.test-finalstep-topsection {padding:5px 0px 15px 0px;}
.test-finalstep-middlesection {padding:5px 0 10px 0;background-color: #e2e0ac;}
.testresults-text {color:#271f19; font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px; line-height:23px; padding-left:5px; padding-right:5px;}
.testresults-cm-score {color:#3a3129; font-family:Georgia, 'Times New Roman', Times, serif; font-size:27px; background-color:#d72626; padding:10px; margin-top:10px; margin-bottom:10px;}
div.testresults-cm-score h2 {color:#FFFFFF; font-family:Georgia, 'Times New Roman', Times, serif; font-size:22px;}
div.test-finalstep-topsection h1 {color:#E33B3B; font-family:Georgia, 'Times New Roman', Times, serif; font-size:18px;}
div.test-finalstep-topsection h2 {color:#3A3129; font-family:Georgia, 'Times New Roman', Times, serif; font-size:18px;}
div.test-finalstep-middlesection h1 {color:#FFFFFF; font-family:Georgia, 'Times New Roman', Times, serif; font-size:27px;}
div.test-finalstep-middlesection h2 {color:#3A3129; font-family:Georgia, 'Times New Roman', Times, serif; font-size:18px;}
.test-finalstep-bottomsection {padding:15px 0px;background-color: #e2e0ac;}
.test-results-dashboardlink { width: 440px; height: 219px; background: url('/images/signup/test-results-bottom-bg.jpg') no-repeat; padding: 50px 0 0 220px; color:#3A3129; font-family:Georgia, 'Times New Roman', Times, serif; font-size:22px; }
.test-results-dashboardlink h3 { width: 260px; padding-left: 30px; }
div.test-finalstep-bottomsection h1 {color:#3A3129; font-family:Georgia, 'Times New Roman', Times, serif; font-size:18px;}
.test-finalstep-monthlyplan {font-family:Georgia, 'Times New Roman', Times, serif;}
.test-finalstep-monthlyplan-link {background: #e2e0ac url('/test/img/bg-premium_new.jpg') repeat-x scroll top left; padding: 10px; color: #fff;}
div.test-finalstep-monthlyplan-link a {color:#3a3129; font-size:22px;}
div.test-finalstep-monthlyplan-link a:hover {color:#982830;}
div.test-finalstep-monthlyplan h4 {color:#d72626; margin:15px 0 5px 0; font-size:15px;}
div.test-finalstep-monthlyplan ul {margin:0px; padding:0px;}
div.test-finalstep-monthlyplan ul li {color:#050505; font-size:15px; list-style:outside; margin-left:18px;}

.PaginationContainer-Hide {
	width:1px;
	height:1px;
	overflow:hidden;
}

body.nojs .PaginationContainer-Hide {
	width:auto;
	height:auto;
	overflow:auto;
}

.PaginationContainer-Show {
	width:auto;
	height:auto;
	overflow:auto;
}

#PaginationPageNumTopDiv {
	color:#E33B3B;
	font-family:Georgia,Times,Serif;
	font-size:1.4em;
	font-weight:normal;
	margin:0px 0px 15px 0px;
	display:none;
}

#PaginationPageNumDiv {
	display:none;
	float:left;
	margin:10px;
	text-align:center;
}
#PaginationBackDiv {
	display:none;
	float:right;
	margin:12px 10px 10px 10px;
}
#PaginationNextDiv {
	display:none;
	float:right;
	margin:10px;
}
#PaginationContinueDiv {
	display:none;
	float:right;
	margin:10px;
}
body.nojs #PaginationContinueDiv {
	display:block;
}

#PaginationActionsDiv{
	clear:both;
}





#report {font-size: 1.2em;}

.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: #000; 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 {background: #85776e url('/test/img/bg-premium.jpg') repeat-x scroll top left; padding: 10px; color: #fff;}
.co-connect .header {background-color: #767a70; padding: 1px 5px;}
.co-connect, .content-dark {background: #e2e0ac url('/test/img/bg-premium_new.jpg') repeat-x scroll top left; padding: 10px; color: #fff;}

.premium {background: #85776e url('/test/img/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;}

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

#footer {margin: 10px 0 0 0; padding: 0 0 20px 0; color: #9b242c; 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.6em; color: #3A3129; font-weight: normal;}
#feature h2 {font-family: Georgia, Times, Serif; font-size: 1.8em; margin: 10px 0; color: #3A3129; font-weight: normal;}
h3 {color: #9d9087; font-size: .9em; text-transform: uppercase; font-weight: normal;}
h3 .red {color: #dd3535;}
h3 .grey {color: #b9a7a1;}
h3 .dark-grey {color: #443a31;}
h3 .white {color: #fff;}
.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;}
#header a:link, #header a:visited {color: #3a3129; text-decoration: none;}
#header a:hover {text-decoration: underline;}
#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: #fff;}

.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 {color: #fff;}

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

#header ul {float: left; width: 400px; 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: #3a3129;}
#header ul li a:hover {background-color: #fff; color: #3a3129; text-decoration: none;}

#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: #666561;}
#header p {float: right; width: 310px; margin: 20px 0 0 10px; text-align: right; color: #dd3535;}
#footer p {color: #9b242c;}
#feature p {font-family: Georgia, Times, Serif; font-size: 1.2em; color: #3a3129;}
.benefit p {color: #fdfdfd; 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;}
.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;}

.test p {color: #666561; 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: #666561;}

.col-main img, .col-main-test img, .startimg  {vertical-align: middle;}

.loginerror { color:#E33B3B; }

.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;}
.txtbox {width: 205px; border: 1px solid #a4a4a3;}
.txtbox-short {width: 100px; border: 1px solid #a4a4a3;}

label {display: inline-block; margin: 15px 0 10px 0; color: #3A3129; 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;}
.test-questions label {margin:0px;}

/* ==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;
height: 15px;
 color: #9d9087; font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: normal;
}