/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@import url("fonts.css");
@import url("numbers.css");

/* just resetting some stuff here*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* end of the reset */


/* some general styles */
body { font-family: Nudista, Arial, Helvetica, sans-serif;  }
#frontpage { background-image: url(img/bottom-gradient.png); background-repeat: repeat-x; background-position: bottom; }
body, p, td { color: #676767; line-height: 20px; font-size: 14px;   }
p { margin-bottom: 20px; }
h1 { color: #4CC4DA; font-weight: 400; }
h1,  h2 { font-size: 37px; line-height: 30px; margin-bottom: 20px; text-transform: uppercase; }
h2.personalityTestHeader { font-size: 24px; font-weight: 400; text-transform: none; margin: 0; }
h2 { font-weight: 300; color: black; margin-top: 40px; }
h3 { font: normal normal normal 130% Arial, sans-serif; margin: 10px 0; }
h4 { font-weight: bold; font-size: 110%; }
a[href] { color: #4CC4DA; text-decoration: underline; }
a.bigButton { background: url("../img/redButton.png") no-repeat; color: white; display: block; font-size: 26px; font-weight: bold; height: 47px; line-height: 51px; text-align: center; text-decoration: none; text-transform: uppercase; width: 308px; }
em { font-style: italic; }
.red { color: #EE442A !important; }
.blue { color: #4cc4da !important; }
.white { color: #DCDACE !important; }
.yellow { color: #FFCC05 !important; }
.burntYellow { color: #F28E1F !important; }
.magenta { color: #9F1C3C !important; }
.bigger { font-size: 38px !important; }
b { font-weight: 500; }
h2.smaller { font-size: 14px important; }

/* positioning and laying out stuff */
.bodywrap { width: 1160px; margin: 0 auto; clear: both; }
#login { float: right; }
#intro { width: 470px; padding: 65px 68px 0px 43px; float: left; font-size: 16px; }
#slides { margin-left: 17px; }
#footer { text-align: center; font-size: 11px; color: #333; clear: both; }
.clear { clear: both; }
.clearfix:after { content: " "; display: block; clear: both; }

/* this is the title of most pages with the blue background and dots */
#big-fat-title { color: white; background-image:url(img/bigheaderbg.png); background-repeat: no-repeat; line-height: 112px; margin-left: -47px; padding-left: 47px; margin-right: -81px; height: 112px; vertical-align:middle; font-weight: 300; }

#big-fat-title-wide { color: white; background-image:url(img/bigheaderbg_wide.png); background-repeat: no-repeat; line-height: 112px; padding-left: 47px; height: 112px; vertical-align:middle; font-weight: 300; }

#content.col_three
{
	margin-left: 0px;
	margin-right: 0px;
	width: 1100px;
}

/* top menu */
#topnav { background-image: url("img/top-gradient.png"); background-repeat: no-repeat; height: 32px; margin-bottom: 20px; margin: 0 0 20px -163px; position: relative; }
#topnav > ul { list-style-type: none; height: 32px; background-repeat: no-repeat; padding: 0px; background-color: #ffffff; margin-left: 350px; margin-right: -151px; }
#topnav > ul > li { background: #4DC4DA; margin: 0px; display: block; float: left; height: 32px; line-height: 35px; padding: 0 5px; position: relative; color: #FFFFFF;  }

#topnav ul > li .navDropDown { display: none; background: #B5E7F7; border: 2px solid #4DC4DA; position: absolute; top: 32px; white-space: nowrap; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
#topnav ul > li:hover .navDropDown { display: block;  }
#topnav ul > li .link .navDropDown { display: block;  }
#topnav ul > li .navDropDown ul { line-height: 100%; text-align: left; }
#topnav ul > li .navDropDown ul li a { display: block; padding: 10px 20px; text-decoration: none; text-transform: uppercase; color: #028EC8; }
#topnav ul > li .navDropDown ul li a:hover { color: #FFFFFF; background: #EE442A; }
#topnav ul > li .navDropDown ul li:last-child a { -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

/* Red background and margin / padding fix to active tab */
#topnav ul.home-page li#home-link,
#topnav ul.test-page li#personality-test-link,
#topnav ul.my-results-page li#my-results-link,
#topnav ul.about-page li#about-link,
#topnav ul.store-page li#store-link,
#topnav ul.blog-page li#blog-link,
#topnav ul.training-page li#training-center-link,
#topnav ul.education-page li#education-link { background: #EE442A; margin: 0 5px; padding: 0; }

/* Left rounded corners to first item, active item, and item following active */
#topnav ul.home-page li#home-link,
#topnav ul.home-page li#home-link + li,
#topnav ul.test-page li#personality-test-link,
#topnav ul.test-page li#personality-test-link + li,
#topnav ul.my-results-page li#my-results-link,
#topnav ul.my-results-page li#my-results-link + li,
#topnav ul.about-page li#about-link,
#topnav ul.about-page li#about-link + li,
#topnav ul.store-page li#store-link,
#topnav ul.store-page li#store-link + li,
#topnav ul.blog-page li#blog-link,
#topnav ul.blog-page li#blog-link + li,
#topnav ul.training-page li#training-center-link,
#topnav ul.training-page li#training-center-link + li,
#topnav ul.education-page li#education-link,
#topnav ul.education-page li#education-link + li,
#topnav > ul > li:first-child { -moz-border-top-left-radius: 5px; -moz-border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

/* Right rounded corners to active item, item before it, and last item */
/* active */
#topnav ul.home-page li#home-link,
#topnav ul.test-page li#personality-test-link,
#topnav ul.my-results-page li#my-results-link,
#topnav ul.about-page li#about-link,
#topnav ul.store-page li#store-link,
#topnav ul.blog-page li#blog-link,
#topnav ul.training-page li#training-center-link,
#topnav ul.education-page li#education-link,
/* preceding active */
#topnav ul.test-page li#home-link,
#topnav ul.my-results-page li#personality-test-link,
#topnav ul.about-page li#my-results-link,
#topnav ul.store-page li#about-link,
#topnav ul.blog-page li#store-link,
#topnav ul.training-page li#blog-link,
#topnav ul.education-page li#training-center-link,
#topnav ul li#education-link { -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px;-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#topnav > ul > li > a, #topnav #education-link { color: white; text-decoration: none; display: block; text-align: center; }
.accessible { display: none; }
#home-link > a { width: 59px; }
#personality-test-link > a { width: 150px; }
#my-results-link > a { width: 100px; }
#about-link > a { width: 70px; }
#store-link > a { width: 66px; }
#blog-link > a { width: 79px; }
#training-center-link > a { width: 141px; }
#education-link { width: 90px; }
.test-page { background-position: 0 -41px; }
.home-page { background-position: 0 0; }
.my-results-page { background-position: 0 -82px; }
.about-page { background-position: 0 -123px; }
.store-page { background-position: 0 -164px; }
.blog-page { background-position: 0 -205px; }
.training-page { background-position: 0 -246px; }

/* the color list thing on the home page */
#color-list {  width: 362px; float: left; margin-top: 96px; }
#color-list dt { font-size: 24px; line-height: 72px; vertical-align: top; text-transform: uppercase; margin-bottom: 5px;}
#color-list dd { font-size: 13px; line-height: 18px; margin-bottom: 20px; margin-left: 34px; }

/* testimonials area on the front page footer */
#testimonials { width: 980px; margin: 110px auto 20px auto; clear: both; background: url(img/client-quote-box.png) no-repeat; height: 144px; padding-top: 5px; }
#client-logo { float: left; padding-left: 355px; padding-top: 4px; width: 90px; height: 90px; }
#client-quote { width: 470px; font-size: 14px; line-height: 18px; margin: 20px; padding: 0 0 0 25px; float: left; background-image: url(img/lquote.png); background-repeat: no-repeat; background-position: top left; text-align: right; }
#client-quote blockquote { text-align: left; }
#client-quote:after { content: " "; background: url('img/rquote.png') no-repeat right; display: inline-block; height: 10px; width: 33px; }

/* the yellow sidebar thing*/
#sidebar { background-color: #fae910; width: 262px; color: black; float: left; background-image: url(img/yellow-col-top.png); background-repeat: no-repeat; background-position: center top; min-height: 210px;  }
#sidebar img { overflow: hidden; }
#sbbottom {
    /*background-image: url(img/yellow-col-bottom.png);*/
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 70px;
    float: left;
    width: 262px;
}

.withsidebar { background-image: url(img/yellow-col-background.png); background-repeat: repeat-y; margin-bottom: 5em; }
.content-header-img { margin-left: -47px; }
.padded-tb { padding-top: 10px; padding-bottom: 10px; }
hr { height: 1px; color: #fff; background-color: #dddccf; border: 0; margin: 10px -86px 0px 0px; clear: both; }
#purchasePage hr { clear: none; }
#sidebar form { padding: 20px; }
#sidebar form input { border-width: 0; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; font-size: 16px; }
#sidebar input.text { width: 140px; margin-right: 5px; }
#sidebar form.profileForm { padding-top: 30px; height: 63px; }
#sidebar form.profileForm label { font-weight: bold; margin-left: 10px; font-size: 15px; }
#sidebar form.profileForm input[type="text"] { font-size: 14px; width: 130px; margin-top: 6px; }
#sidebar form.profileForm input[type="submit"] { background: #4EC5DB; color: #ffffff; font-weight: bold; padding: 3px 6px 3px 4px; text-transform: uppercase;}
#sidebarUpgradeNow { background: url('../img/upgradeNow.png') no-repeat; display: block; height: 190px; width: 262px; }
#sidebarLiveWebinar { background: url('../img/liveWebinar.png') no-repeat; display: block; height: 190px; width: 262px; }
#sidebar .sidebarBox { border: 3px solid #F9E910; margin: 20px 0 0; padding: 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; }
#sidebar .sidebarBox .upgradeRequired { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #F9E910 url('../img/upgradeNowHover.png') center center no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-indent: -300px; overflow: hidden; }
#sidebar .sidebarBox .upgradeRequired:hover { opacity: 1; }
#sidebar .sidebarBox h4 { margin: -20px -20px 10px; background: #F9E910; padding: 5px 20px; text-transform: uppercase; font-size: 13px; -moz-border-radius: 11px 11px 0 0; -webkit-border-radius: 11px 11px 0 0; border-radius: 11px 11px 0 0; }
#sidebar .sidebarBox ul {  }
#sidebar .sidebarBox li { background-repeat: no-repeat; background-position: left top; min-height: 25px; padding-left: 34px; margin-top: 10px; font-size: 110%; }
#sidebar .sidebarBox li:first-child { margin-top: 0; }
#sidebar .sidebarBox li.videoLink { background-image: url('../img/videoLink.png'); }
#sidebar .sidebarBox li.audioLink { background-image: url('../img/videoLink.png'); }
#sidebar .sidebarBox li.docLink { background-image: url('../img/docLink.png'); }
#sidebar .blueSidebarBox { padding-left: 30px; border-color: #4EC5DB; }
#sidebar .blueSidebarBox h4 { color: #FFFFFF; background-color: #4EC5DB; margin-left: -30px; }
#sidebar .blueSidebarBox h5 { font-weight: bold; color: #4EC5DB; font-size: 18px; }
#sidebar .blueSidebarBox ul { margin-left: -10px; }
#sidebar .blueSidebarBox li { background-image: url('../img/blueBulletArrow.png'); padding-left: 15px; background-position: left 6px; }

.button { background-color: #4cc5db; color: white; }
#sidebar p { margin: 20px; color: black; font-size: 24px; font-weight: 300; line-height: 1.25em; }
#sidebar h2 { color: black; font-size: 37px; line-height: 30px; margin: 40px 20px 20px 20px; font-weight: 300 !important; }
#sidebar h3 { color: black; font-size: 30px; line-height: 25px; margin: 40px 20px 20px 20px; font-weight: 300 !important; }
#sidebar a { color: black; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar .details { font-size: 14px; }


/* Training Page */
.accordion { margin: 30px 0 50px; }
.accordion > h3, .accordion > div { padding: 20px 50px; background: #676767; color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.accordion > h3 { cursor: pointer; position: relative; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; margin: 2px 0; }
.accordion > h3.active { background: #ef452b; }
.accordion p
{
	color: #FFFFFF;
}
.accordion > h3 > span { display: block; background: url('/media/cc/img/icon-expander.png') no-repeat bottom; position: absolute; top: 13px; left: 20px; width: 15px; height: 15px; }
.accordion > h3.active > span { background-position: top; }

div.testimonials div.inner
{
	padding-top: 6px;
	padding-bottom: 6px;
}

div.testimonial_head
{
	font-size: 18px;
	font-style: italic;
	padding-bottom: 8px;
	padding-top: 22px;
}


/* Training Page Sidebar */
#sidebar .sidebarHeightFixer { height: 0; overflow: visible; } /* this is here to make it so the sidebar doesn't scroll lower than the bottom. It should only be used when the content is taller than the sidebar */
#sidebar .sidebarForm { background: #232222; color: #cccccc; padding: 20px 35px 10px; }
#sidebar .sidebarForm h2 { line-height: 35px; margin: 0 0 15px; }
#sidebar .sidebarForm label { display: block; }
#sidebar .input { margin-bottom: 2px; }
#sidebar .sidebarForm .input.text input,
#sidebar .sidebarForm .input.textarea textarea { width: 95%; background:#3C3C3C; border: 0; color: #CCCCCC; padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#sidebar .sidebarForm .input.radio { overflow: auto; margin: 10px 0; }
#sidebar .sidebarForm .input.radio label:first-child { float: none; width: 100%; color: #CCCCCC; line-height: 110%; }
#sidebar .sidebarForm .input.radio label:nth-child(2) { margin-top: 5px; }
#sidebar .sidebarForm .input.radio label:nth-child(2) + input { margin-top: 7px; }
#sidebar .sidebarForm .input.radio label { color: #4ec5db; float: right; width: 85%; }
#sidebar .sidebarForm .input.radio input { float: left; }
#sidebar .sidebarForm .input.textarea { margin: 15px 0 5px; }
#sidebar .sidebarForm .input.textarea label { line-height: 110%; }
#sidebar .sidebarForm .input.textarea textarea { resize: vertical; margin: 5px 0; }
#sidebar .sidebarForm .input.submit input { margin: 0; }

/* Education Pages Quote Sidebar */
/* #gettingItPage p { font-size: 21px; font-weight: 300; line-height: 28px; } */
#gettingItPage .bottomLinkBox { overflow: hidden; margin-right: -110px; }
#gettingItPage .bottomLinkButton { float: left; display: block; }
#sidebar .sideQuote { font-weight: 300; background: url('/media/cc/img/side-quote-box.png') no-repeat top left; padding: 55px 35px 0; width: 262px; height: 409px; font-size: 24px; line-height: 1.7em; font-style: italic; }
#sidebar .leftSideQuote { background: url('/media/cc/img/side-quote-box-left.png') no-repeat top left; height: 107px; padding: 15px; }
#sidebar .downloadBox {
	padding: 15px;
	background-color: #FFE651;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #000000;
	display: block;
	font-weight: 300;
	font-size: 24px;
	margin: 25px 0 25px 0;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
	width: 300px;
}
#sidebar .leftSideQuote span.signature { text-align: right; display: block; }
#sidebar .benefitsOf { margin: 104px 0 26px; padding: 20px; background: url('/media/cc/img/benefitsOf.png') repeat-y; position: relative; }
#sidebar .benefitsOf .benefitsOfHeader { background: url('/media/cc/img/benefitsOfHeader.png') no-repeat; height: 84px; width: 100%; position: absolute; top: -84px; left: 0; }
#sidebar .benefitsOf .benefitsOfFooter { background: url('/media/cc/img/benefitsOfFooter.png') no-repeat bottom; height: 16px; width: 100%; position: absolute; bottom: -16px; left: 0; }
#sidebar #benefitsOfSponsorship { background-position: top; }
#sidebar #benefitsOfEducation { background-position: bottom; }
#sidebar .benefitsOf ol { margin-bottom: 15px;  }
#sidebar .benefitsOf ol li { margin: 15px 0 0 15px; list-style-type: circle;}

#myModalWindow.modalBox { opacity: .95; display: none; font-weight: bold; position: fixed; top: 50%; left: 50%; margin-left: -120px; margin-top: -240px; z-index: 25; width: 380px; padding: 30px; text-align: center; background: #232222; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#myModalWindow.modalBox h2 { font-weight: bold !important; margin: 0 0 15px; }
#myModalWindow.modalBox h3 { font-size: 20px; margin: 0; }
#myModalWindow.modalBox h5 + h5 { margin-bottom: 20px; }
#myModalWindow.modalBox h6 { margin: 15px 0 10px; font-weight: normal; font-size: 12px; }
#myModalWindow.modalBox .bigRed { background: #EF442B; border: 0; color: #FFF; cursor: pointer; font-size: 15px; padding: 6px 14px; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#myModalWindow.modalBox .modalInner { position: relative; }
#myModalWindow.modalBox .modalX { position: absolute; background: url('/media/cc/img/modalX.png') no-repeat center center; height: 45px; width: 45px; display: block; top: -15px; right: -15px; cursor: pointer; }
#myModalWindow.modalBox input[type="text"] {  font-size: 14px; font-weight: bold; margin-top: 2px; padding: 4px; text-align: center; width: 90%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#myModalWindow.modalVideo { width: 800px; margin-left: -300px; }
#myModalWindow.modalVideo .video { display: block; height: 374px; width: 500px; }

#myModalWindow.modalBox.personalityForm,
#myModalWindow.modalBox.personalityForm h2 { color: #FFF; }

/* Stuff for the test page, including some tooltips */
.personalityTestSection { border-bottom: 1px solid #CCCCCC; padding-bottom: 20px; margin-bottom: 30px; }
#situationsSection { border-width: 0; margin-bottom: 0; }

#the-test ol li a { text-decoration: none; color: #676766; z-index:25; font-size: 16px; padding: 2px; }
#the-test ol li { position:relative; float: left; width: 50%; display: block;  }
#the-test ol li a span {display: none }
#the-test ol li a:hover { color:#000; }
#the-test ol li a:hover span { display:block; position:absolute; top: 0; left:9em; width:15em; z-index:1; border:1px solid #8b8b8b; background-color:#434343; color:#fff; text-align: center; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#the-questions ol li { position:relative; float: left; width: 100%; display: block; }
#the-questions ol li strong { font-weight: bold; }

#aboutYourselfSection { color: #000000; }
/*#aboutYourselfSection h3 { font-size: 150%; background: none repeat scroll 0 0 #50B0BE; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; color: #FFFFFF; margin: 0; padding: 20px 50px 15px; } */
#aboutYourselfSection h3 {
    background-color:#4CC4DA;
    color:#FFF;
    font-size:125%;
    padding:5px 20px;
}

.field-group-header {
    background-color:#4CC4DA;
    color:#FFF;
    font-size:115%;
    padding:5px;
    margin:20px 0;
}
.field-group .field-group-item:not(:first-child) {
    margin-left:20px;
}

.field-group-item #id_first_name, .field-group-item #id_last_name {
    width:175px;
}

.field-group-item #id_zip_code {
    width:100px;
}

.field-group-item > label,
.field-group-item > input {
    display:flex;
    flex-direction:column;
}

.field-group {
    display:flex;
    flex-direction:row;
}

.field-group-item input {
    padding:5px;
}

.field-group-item #id_email {
    width:100%;
}

.field-group-item *:not(.field-group-header) {
    font-size:14px;
    line-height:20px;
    color:#676767;
    font-weight:normal !important;
}


#the-about { background: #4DC5DB; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; padding: 20px 50px 30px; }
#the-about strong { font-size: 110%; }
#the-about ol li { float: left; width: 33%; margin-top: 20px; }
#the-about ol li:nth-child(7),
#the-about ol li:nth-child(8),
#the-about ol li:nth-child(9) { width: 100%; }
#the-about ol li:nth-child(8) input[type="text"] { width: 300px; }
#the-about ol li ul { list-style-type: none; }
#the-about ol li ul li { background-image: none; float: none; width: 100%; font-size: 90%; margin: 0; }
#the-about input[type="text"] { border-color: transparent; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: block; width: 130px; margin-right: 5px; padding: 2px; }

#the-survey ol li ul { list-style-type: none; }
#the-survey ol li ul li { background-image: none; }

#the-registration ol li { padding: 0; }
#the-registration strong { display: block; font-size: 110%; margin-top: 5px; }
#the-registration input[type="text"],
#the-registration input[type="password"] { display: block; }

#the-tos p { margin: 30px 0; }
#the-tos #id_submit, .bigRedSubmit { background: transparent url("/media/cc/img/redButton.png") no-repeat right; margin-bottom: 30px; padding: 0 25px 0 15px; border: 0 none; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; color: #FFFFFF; font-size: 28px; font-weight: 800; height: 47px; text-transform: uppercase; }

/* Inner Education Pages */
.educationFormInnerPage { margin-top: 35px; }
/* .educationFormInnerPage, .educationFormInnerPage p { font-size: 16px; line-height: 1.5em; } */
.educationFormInnerPage form { margin-top: 50px; }
.educationFormInnerPage .input.text label, .educationFormInnerPage .input.textarea label { display: block; font-weight: bold; }
.educationFormInnerPage .input.text label .required { font-weight: normal; margin-left: 5px; }
.educationFormInnerPage .input.text input { width: 250px; }
.educationFormInnerPage .input.textarea textarea { height: 150px; min-height: 150px; width: 365px; resize: vertical; margin-bottom: 10px; }
.educationFormInnerPage .input.submit input {}
.educationFormInnerPage ul li.d_01,
.educationFormInnerPage ul li.d_02,
.educationFormInnerPage ul li.d_03 { padding-left: 60px; }
.educationFormInnerPage .teacherToolsLink { border: 1px solid #4CC4DA; border-radius: 15px; color: #676767; display: block; font-size: 19px; height: 35px; line-height: 39px; margin: 45px 0 25px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; }


.personalityPage {}
.personalityPage h2, .personalityPage h3 { color: #4EC5DB; font-weight: normal; margin: 0; }
.redPersonality h2, .redPersonality h3 { color: #EF442B; }
#profileTop h2 { margin-bottom: 20px; }
.personalityPage h2 span { font-weight: normal; font-size: 70%; text-transform: none; }
#profileTop { overflow: hidden; margin-right: -170px; }
#profileTopLeft,
#profileTopRight { float: left; }
#profileTop h2, #profileTop h3 { margin-top: 40px; }
#profileTop h2 { width: 270px; margin-bottom: 20px; }
#profileTop h3 { width: 260px; text-transform: uppercase; padding-left: 30px; font-weight: bold; line-height: 26px; margin-bottom: 10px; }
.comprehensiveProfile #profileTop h3 { font-size: 16px; padding-left: 15px; width: 270px; }
.basicProfile #profileTop h3 { font-size: 16px; padding-left: 15px; width: 270px; }

#profileTopRight img { float: right; margin-left: -20px; }
#profileTopRight ul { float: left; font-size: 16px; line-height: 20px; margin-left: 30px; margin-top: 60px; text-transform: uppercase; }
#profileTopRight li:first-child { color: #4EC5DB; font-weight: bold; }
a.profileVideo { display: block; margin: 30px 0; }
a#colorVideo,
a#trainingVideo { width: 539px; height: 309px; background: url('../img/trainingVideo.png') no-repeat; }
a#colorVideo {width: 500px; height: 374px; }
.redPersonality a#colorVideo {
	background-image: url('../video/redSplash.png');
}
.bluePersonality a#colorVideo {
	background-image: url('../video/blueSplash.png');
}
.whitePersonality a#colorVideo {
	background-image: url('../video/whiteSplash.png');
}
.yellowPersonality a#colorVideo {
	background-image: url('../video/yellowSplash.png');
}

/*  Home page stuff */
#rotatingHeader {
	overflow: hidden;
}
#img_rotater
{
	float: left;
}
#discover_box
{
	float: left;
	background-image: url(img/discover_background.png);
	background-repeat: no-repeat;
	width: 399px;
	height: 333px;
}

.image_buttons
{
	padding: 28px 0 0 40px;
}
.image_buttons a {
	display: block;
	display: inline-block;
	height: 26px;
	width: 26px;
	vertical-align: middle;
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
.image_buttons a.on {
	background-position: right;
}
.image_buttons a.one { background-image: url('../img/1.png');}
.image_buttons a.two { background-image: url('../img/2.png');}
.image_buttons a.three { background-image: url('../img/3.png');}
.image_buttons a.four { background-image: url('../img/4.png');}

#socialLinks {
	clear: both;
	overflow: hidden;
	text-align: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 39px;
	padding: 15px;
	margin: 15px 20px;
	/* Generated Gradient */
	background: #EAE7DE; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #eae7de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#eae7de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffffff 0%,#eae7de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffffff 0%,#eae7de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffffff 0%,#eae7de 100%); /* IE10+ */
	background: linear-gradient(left, #ffffff 0%,#eae7de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eae7de',GradientType=1 ); /* IE6-9 */
}
#socialLinks a { display:inline-block; width: 39px; height: 39px; margin-left: 12px; }
#socialLinks a#googleLink { background-image: url('../img/icon-google.png'); }
#socialLinks a#linkedInLink { background-image: url('../img/icon-linkedin.png'); }
#socialLinks a#facebookLink { background-image: url('../img/icon-facebook.png'); }
#socialLinks a#twitterLink { background-image: url('../img/icon-twitter.png'); }

div#discover_box div#strengths
{
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	text-transform: uppercase;
	padding-left: 40px;
	padding-top: 10px;
}
div#discover_box div#take_test
{
	padding-left: 40px;
	padding-top: 10px;
	font-weight: 700;
}

div.span-8
{
	float: left;
	width: 280px;
	font-size: 13px;
	line-height: 21px;
}

div.span-8 div.container
{
	/* border-left: 1px solid #CCCCCC; */
    font-size: 16px;

}
div.span-8 div.noborder
{
	border-left: 0px solid #CCCCCC;
}

div.span-8 div.subhead
{
	font-size: 22px;
}

div.span-8 div.container div
{
	padding: 10px 0 10px 0;
    margin-right: 14px;
}
div.span-8 div.container li
{
	background-image: url(img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding-left: 14px;
	padding-bottom: 10px;
	line-height: 14px;
	width: 200px;
}


div.span-8 h3
{
	color: #4cc4da;
	font-family: Nudista, Arial, Helvetica, sans-serif;
	font-size: 34px;
	text-transform: uppercase;
	line-height: 28px;
}

div.choice_3
{
	width: 320px;
}

div.choice_3 h3
{
	margin-bottom: -10px;
}

div.test_price
{
	color: #4cc4da;
	font-family: Nudista, Arial, Helvetica, sans-serif;
	font-size: 32px;	
	font-weight: 300;
}
a.start-test-link { float: right; margin-bottom: 20px; }

#the-about ul.errorlist li, #the-test ul.errorlist li, #the-questions ul.errorlist li
{
	background-image: none;
	padding: 0px;
	width: 200px;
}

ul.errorlist li
{
	color: red !important;
	font-weight:bold;
}

.strengths_table td
{
}

.strengths_table th
{
	font-weight: bold;
	text-align: left;
	width: 25%
}

.who_do_you_know td
{
	height: 42px;
}

.level_description
{
	font-size: 120%;
}
.level_name
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 150%;
}

#sidebar.checkout
{
    background-color: white;
    background-image: none;
}

.sidebar_content
{
    width: 262px;
    margin-left: 4px;
    margin-right: 8px;

}

div.sidebar_content p
{
    font-size: 15px !important;
}

.strong
{
    font-weight: bolder;
}

.emphasis
{
    font-style: italic;
}

.quote_left, .quote_right
{
    height: 24px;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}

.quote
{
    background-color: #4cc4da;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 15px;
    color: black;
    width: 400px;
}

.push_right
{
    margin-left: 160px;
}

.quote_left
{
    background-image: url(../img/quote_left_pointer.png);
    background-position: 340px top;
}

.quote_right
{
    background-image: url(../img/quote_right_pointer.png);
    background-position: 240px top;
}

.checkout_testimonial
{
    box-sizing: border-box;
    /*line-height: 16px;*/
    padding: 10px;

    color: white;
    width: 440px;
    height: 220px;
    background: url(../img/testimonial_balloon.png) no-repeat;
}

.checkout_testimonial .author
{
    float: right;
    text-align: right;
}

.watch_now
{
    font-weight: bold;
}

.border
{
    border: 1px solid green;
}

.choose_test_sidebar
{
    width: 300px;
    float: left;
}

.sidebar_tall_bkg
{
    background: url(../img/tall_sidebar_bkg.png) no-repeat;
    height: 400px;
}

.sidebar_red
{
    padding: 20px 0 0 20px;
    font-size: 30px;
    color: #EF442B;
    line-height: 40px;
}

.lighter
{
    font-weight: lighter;
}

ul.check_list
{
    padding-top: 10px;
}

.sidebar_basic
{
    font-size: 20px;
    line-height: 28px;
    color: black;
    padding: 20px 0 0 20px;
}

ul.smaller_check_list li
{
    background: url(../img/checkmark.png) no-repeat !important;
    background-position: 0px 10px;

    padding-left: 20px !important;
    line-height: 18px !important;
    /*font-size: 20px;*/
    /*color: black;*/
    /*line-height: 40px;*/
}

ul.check_list li
{
    background: url(../img/checkmark.png) no-repeat;
    background-position: 0px 10px;
    padding-left: 20px;
    margin-left: 30px;
    font-size: 20px;
    color: black;
    line-height: 40px;
}

.life_success
{
    background: url(../img/life_success_bkg.png) no-repeat;
    height: 244px;
    padding-bottom: 8px;
}

.connect_others
{
    background: url(../img/connect_others_bkg.png) no-repeat;
    height: 252px;
    padding-bottom: 8px;
}

.build_good_biz_bkg
{
    background: url(../img/build_good_biz_bkg.png) no-repeat;
    height: 252px;
    padding-bottom: 8px;
}

/* #content { margin-left: 330px; margin-right: 83px; } */
/* this change below was made because the main content window is too narrow for some reason on some versions of Safari. Needs to be polished a bit */
#content { margin-left: 320px; margin-right: 0px; }


#content.wider { margin-left: 360px; margin-right: 60px; } */

/* the change below messes up the banner/header on the results */
/* #content.wider { margin-left: 320px; margin-right: 0px; } */

#content.centered { margin-left: 200px; }

.sidebar_callout
{
    box-sizing: border-box;
    padding-top: 140px;
    padding-left: 20px;
}

.sidebar_callout .tagline
{
    color: #3db8cf;
    font-size: 29px;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 4px;
}

.sidebar_callout .subtag
{
    font-size: 20px;
    font-weight: lighter;
    font-style: italic;
    color: black;
}

.finger
{
    cursor: pointer;
}

.no_footer div#footer div#sbbottom
{
    background-image: none;
}

ul.bullets
{
    /* list-style-type: circle; */
    list-style: inherit;
}

ul.bullets li
{
    /* list-style-type: circle; */
    margin-left: 48px;
}

ol.numbers
{
    list-style-type: decimal;
}

ol.numbers li
{
    list-style: inherit;
    margin-left: 48px;
}