/*** =global ***/
html { height:101%;}
body { background:#7C7B7A; color:#5F5C59; font-family:arial,helvetica,sans-serif; font-size:75%; margin:0; padding:0; overflow:auto; }
a { color:#233E8F; text-decoration:none; }
p, ol, ul, h1, h2, h3, h4, h5, h6 { margin-bottom: 1em;}
.wrap { height:inherit; margin:0 auto; position:relative; width:955px; }
/*** =furniture/=branding ***/
#furniture { background:#1c424d url('../images/header_bg.png') repeat-x 0 0; height:156px; overflow:hidden;}
#furniture .wrap { height:156px; }
#furniture span#logo { background:transparent url('../images/title.png') no-repeat 0 0; height:123px; position:absolute; top:32px; left:-85px; width:519px; z-index:1; display:block;}
#furniture h1 { margin: 0; }
#branding { background:transparent url('../images/logo-ys.png') no-repeat 0 0; display:block; position:relative; text-indent:-9999em; left:79px; top:17px; z-index:1; height:59px; width:287px; }
#tagline { background:url('../images/sub_title.png') no-repeat; position:absolute; right:0; top:70px; text-indent:-9999em; height:38px; width:340px; }
/*** =nav ***/
#nav { position:absolute; bottom:0; left:0; z-index:10; width:100%; margin: 0; }
#nav li { float:left; }
#nav a { background:#5a6488; border-bottom:4px solid #8E95AF; color:#ddd; cursor:pointer; display:block; font-size:1.25em; float:left; margin-right:2px; padding:0.5em 1.25em 0.33em; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; }
#nav a.current, #nav a.current:hover { background:#e7eced; border-color:#e7eced; color:#1a3f48; }
#nav a:hover { background:#74809d; border-bottom:4px solid #9BA6BF; color:#fff;}
#demonav {width:auto; position:absolute; bottom:0; right:0; z-index:10; margin: 0; }
#demonav a { border-top:1px solid #e8a23c; border-right:1px solid #e8a23c; border-left:1px solid #e8a23c; color:#ebb14b; background:#3f4a6c; cursor:pointer; display:block; font-size:1.25em; float:left; margin-right:2px; padding:0.3em 1.20em 0.25em; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; }
#demonav a:hover { border-top:1px solid #e8a23c; border-right:1px solid #e8a23c; border-left:1px solid #e8a23c; background:#5a6488; color:#fff;}
/*** =subnav ***/
#subnav { background:#e7eced url('../images/bg_subnav.jpg') repeat-x left bottom; }
#subnav .wrap { height:3em; min-height:35px; }
#subnav ul { padding:1em 0; }
#subnav li { display:inline; padding-right:2em; }
#subnav li a { background:url('../images/bg-subnav-item.gif') no-repeat 0 center; color:#1A2F48; font-weight:bold; padding-left:12px; }
#subnav li a:hover, #subnav li a.current { color:#3B569F;}
/*** =search ***/
#search { position:absolute; right:0; }
#search p { position:absolute; right:215px; top:10px; color:#d4dadc; text-align:right; width:400px; }
#search p a { color:#d4dadc; }
#search form { position:absolute; margin:0; }
input#id_search { position:absolute; right:26px; top:4px; background:#505873; border:2px solid #394a68; border-right:0; border-bottom:0; color:#ccd3d5; height:15px; margin:0; padding:3px 5px; }
input#id_submit { position:absolute; right:0; top:4px; }
/*** =content ***/
#content { background:#fff; overflow: hidden; padding-bottom: 40px;}
#leftColumn, #rightColumn{ width:475px; float:left;}
#main-content{position:relative; float:none;}
#main-content h1 { font-size: 30px; margin: 30px 0 10px 0; color: #29396F; }
#main-content h2,
#productsservices h3 { font-size: 20px; text-transform: uppercase; font-weight: bold; color: #BB7424; margin: 1.5em 0 1em 0; }
#main-content h3 { font-size: 15px; color: #29396F; font-weight: bold; margin: 1.5em 0 1em 0; }
#main-content h4 { font-size: 14px; color: #29396F; font-weight: bold; margin: 1.5em 0 1em 0; }
#main-content h5 { font-size: 12px; color: #29396F; font-weight: bold; margin: 1.5em 0 1em 0; }
#main-content p,
#main-content li { font-size: 115%; line-height: 1.5em;}
#side-content p,
#side-content li { font-size: 115%; line-height: 1.5em;}
#main-content p a:hover { text-decoration: underline; color: #1c424d;}
#main-content em { color:#3B549F; font-size:15px; font-weight:normal; }
#main-content li { margin-left: 20px; }
#side-content { width:300px; float: right; margin: 0 0 10px 70px; }
ul#page-menu li a { display: block; width: 285px; padding: 10px 10px 10px 20px; color: #BB7424; border-bottom: 2px solid #ececec; background: url('../images/arrow-yellow.png') no-repeat 5px 50%; }
ul#page-menu li a:hover { border-bottom: 2px solid #CFCFCF; color: #8F4D00;}
ul#page-menu li, ul#productsservices { display: block; width: 305px; font-size: 14px; }
#navSecondary li {position:absolute; float: left; margin: 0 0.15em;}
#feature { background:#fff; height:287px;}
.teamBox {height:170px;}
.teamBox img{margin:0 20px 10px 0; border:10px solid #ddd; float:left;}
/*** products landing page */
#product-jumpboxes { margin-top:3em; }
#product-jumpboxes img { margin-bottom:15px; }
#product-jumpboxes h1, #product-jumpboxes h2 { font-size:18px; color:#c80; font-weight:bold;}
#product-jumpboxes p { color:#31383a; font-size:1.1667em; line-height:1.3; margin-right:1em; }
pre { display:none }
/*** products pages */
.featureSamples {width:520px; float:left; margin-left:60px;}
.featureSamples p {position:relative;}
.featureSamples p img {position:absolute; top:-32px; left:-60px;}
blockquote p { color:#7C7B7A; font-style:italic; }
#productsservices h1 span { color:#285765; display:block; font-size:0.75em; font-weight:normal; text-transform:none; }
#productsservices h2 { color:#29396F; font-weight:normal; margin-bottom:0.5em; text-transform:none; }
#productsservices #main-content li { background:url('../images/arrow-large.gif') no-repeat 0 7px; list-style-type:none; margin-left:12px; padding-left:20px; }
#productsservices .featurebox h2 { background:#36626d url('../images/bg-featurebox-h2.jpg') repeat-x 0 bottom; color:#fff; margin:5px 5px 0 0; padding:10px 14px; }
ul#productsservices li a { display: block; width: 305px; height: 60px; }
ul#productsservices li a#testing { background: url("../images/testing-inner.gif") no-repeat 0 0;}
ul#productsservices li a:hover#testing { background: url("../images/testing-inner.gif") no-repeat 0px -60px;}
.featurebox { background:url('../images/bg-featurebox.jpg') no-repeat 0 bottom; overflow:hidden; margin-bottom:2em; }
.featurebox ul { float:left; margin:30px 0 20px 20px;; width:325px; }
.featurebox li { color:#fff; background-image:url('../images/arrow-large-yellow.gif') !important; margin-bottom:1em; }
.featurebox img { background:url('../images/bg-click-to-zoom.png') no-repeat 0 bottom; float:right; margin:30px 20px 20px 0; padding:0 6px 30px 1px; }
.featurebox img.noZoom { background:none; }
.btn { margin-bottom:2em; }
p.btn {height:50px;}
.btn a img {float:left;}
/*** psychometrics page */
#lifeCycle { margin-left:30px; height:379px; width:337px; background-image:url('../images/life_cycle.jpg'); background-position:0 5px; float:right; position:relative;}
.cycleOff { display:none;}
#lifeCycleDesc em{font-size:14px; color:#9F6C31;}
a#btn1{ top:13px; left:45px;}
a#btn2{ top:77px; left:45px;}
a#btn3{ top:140px; left:45px;}
a#btn4{ top:203px; left:45px;}
a#btn5{ top:265px; left:45px;}
a#btn6{ top:328px; left:45px;}
a#btn1.on, a#btn2.on, a#btn3.on, a#btn4.on, a#btn5.on, a#btn6.on{background-image:url('../images/life_cycle/lifecycle_up.jpg'); color:#fff;}
#lifeCycle a:hover{background-image:none; color:#ac691b;}
a#btn1, a#btn2, a#btn3, a#btn4, a#btn5, a#btn6{position:absolute; width:282px; height:34px; font-size:21px; text-align:center; padding-top:9px; color:#ac691b;}
#productsservices h3 { margin-bottom:0.5em !important; font-size:15px; cursor:pointer; }
#productsservices h3 img { margin-left:5px;}
#productsservices h3 span { font-size:11px; font-weight:normal; font-style:italic; letter-spacing:-.5px;}
#productsservices h3:hover{ color:#bb7424; }
#productsservices h3.lifeHover{ color:#bb7424; }
#lifeCycleDesc div{margin-left:60px; position:relative; width:520px;}
#lifeCycleDesc div img{position:absolute; top:0; left:-50px;}
/*** training solutions ***/
#trainingRightColumn{float: right; width: 282px; height: 350px; margin:70px 0 0 30px;}
#trainingRightColumn p{padding:5px 10px 0 10px;}
#calendarLink{margin:20px 0 10px;}
/*** industry solutions */
.block-numbers p span{background:transparent url(../images/bg-block-number.gif) no-repeat scroll 0 0;color:#FFFFFF;display:block;font-weight:bold;height:17px;left:0;line-height:17px;position:absolute;text-indent:5px;top:5px;width:32px;}
.block-numbers{ margin-left:10px; padding-top:10px; width:650px;}
.block-numbers p{padding:0 0 5px 45px;position:relative;}
/*** features list */
#features-list { position:relative; }
#features-list h2 { background:#c28030 url('../images/bg-features-h2.jpg'); color:#fff; font-size:16px; margin:0; padding:12px 1em 0.5em 17px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;}
#features-list ul { background:#e8ecec url('../images/bg-features-list.jpg') no-repeat 0 0; padding:8px 20px 20px 40px; }
#features-list li { background:#e8ecec url('../images/arrow-large.gif') no-repeat 0 6px; font-size:1.1667em; padding:0 0 0 18px; margin-bottom:0.5em; }
#features-list a { color:#17315F; }
#features-list a:hover,
#features-list a.current{ color:#3B569F; }
#features-list img { position:absolute; top:10px; right:20px; z-index:9; }
ul#topFeatures { margin:0; padding:10px 20px 1px 40px; margin-bottom:-8px;}
#productsservices ul#topFeatures h3{ margin:10px 0; padding-left:18px; font-size:18px; background-image: url('../images/arrow-large-dark.gif'); background-repeat:no-repeat;background-position:0 6px;}
/*** =spotlight ***/
#spotlight{background:#ececec url('../images/bg-spotlight.jpg') repeat-x 0 0;/*height:281px;*/ overflow:hidden;}
#jumpboxes{font-family:'Lucida Grande',arial,sans-serif;letter-spacing:-0.07em;}
#jumpboxes li{background:url('../images/spotlight-pipe.png') no-repeat 100% 0;display:inline;float:left;margin-right:28px;padding:20px 30px 30px 0;width:280px; height:230px;}
#jumpboxes li.middle{ width:245px; margin-left:35px;}
#jumpboxes li.last{background:0;margin:0;padding-right:0;width:275px;}
#jumpboxes li li{background:0;height:auto;padding:0;width:auto;}
#jumpboxes h3{color:#1D2C5F;font-family:arial;font-size:1.6667em;font-weight:bold;margin-bottom:10px;}
/*** =newsletter-form
**************************/
#newsletter-form h3{color:#234d59;font-family:arial;font-size:1.6667em;font-weight:bold;margin-bottom:4px;line-height: 0.8em; margin-top:5px;}
/*** testimonials and logos*/
.mugs { width:280px; height:220px; padding: 0;}
div.mugs div{width:280px;height:220px;top:0;left:0}
.testimonial { position:relative; width:280px; height:220px;}
.testimonial h4 { color:#1D2C5F; font-weight:bold; margin-bottom:8px;}
.testimonial img { background:transparent url('../images/bg-thumb.png') no-repeat 0 0; float:left; margin:0 10px 4px 0; padding:3px 7px 7px 3px; }
.testimonial p { font-size:11px; color:#4b4b4b;}
.testimonial cite { color:#234d59; font-style:italic; float:left;}
#s2 img {margin:10px 0 0 20px;}
#clients { background:#fff; height:80px; }
/*** Client Solutions ***/
#clientSolutions{margin-top:50px;}
#clientSolutions a{display:block; color:#f5ae45; width:230px; height:27px; background-image:url('../images/bg-btn-blue.jpg'); font-size:13px; text-transform:uppercase; font-weight:bold; padding-top:13px; text-align:center;}
#clientSolutions a:hover{color:#fff;}
#clientSolutions .solutionBox{float:left; margin-right:11px; width:230px; height:120px;}
#clientSolutions .solutionBox p{margin:10px 7px 0 7px;}
#clientSolutions .solutionBox.last{margin-right:0;}
#clientSolImg{float:right;}
#clientSolutionsRight{float:right; margin-left:30px; width:260px;}
#clientSolutionsRight a{display:block; color:#f5ae45; width:245px; height:27px; background-image:url('../images/bg-btn-blue-long.jpg'); font-size:13px; text-transform:uppercase; font-weight:bold; padding:13px 0 0 15px; text-align:left; margin:0 0 5px 0;}
#clientSolutionsRight a:hover{color:#fff;}
#clientSolutionsRight p{font-size:12px; margin:0 5px 20px 5px;}
/*** news & events*/
#sysNews dl { float:left; margin-bottom:10px; }
#jumpboxes #sysNews dd { margin:0 0 18px; width:275px; }
#jumpboxes #sysNews dt em { display:block; font-weight:bold; font-size:1.3333em; font-style:normal; letter-spacing:0; }
#jumpboxes #sysNews dt.releaseDate { background:url('../images/bg-date.png') no-repeat; color:#234d59; display:block; font:0.75em verdana; float:left; height:36px; letter-spacing:0.05em; line-height:1.1667; padding-top:6px; text-align:center; text-transform:uppercase; width:31px; padding-right:10px; }
#leftColumn #sysNews em{font-size:12px; color:#888;}
#sysNews p { color:#4b4b4b; line-height:1em; float:left; width:230px; }
#svPortal dl{margin:0 25px 15px 0;}
#svPortal dl dt a, #sysEventsFeatures dl dt a{color:#29396F; display:block; padding:10px; height:28px; background:#E6E6FF; width:430px;}
#svPortal dl dt a:hover, #sysEventsFeatures dl dt a:hover{background:#eef; border:1px solid #aae; margin:-1px;}
#jumpboxes #sysNews .moreResults{display:none;}
#sysEventsFeatures dl{margin-bottom:15px;}
#sysEventsFeatures dl.moreResults dt{ margin-top:10px;}
#sysEventsFeatures dl.moreResults dt a{ color:#29396F; padding:0; height:0; background:none; width:auto; display:inline;}
#sysEventsFeatures dl.moreResults dt a:hover{color:#3B5CBF; background:none; border:none; margin:0;}
#svPortal dl.moreResults a:hover{color:#3B5CBF;}
.moreResults{clear:both; width:800px;}
.moreResults ul{list-style:none;}
dl.moreResults li{float:left; list-style-type:none;}
.releaseDate{color:#888;}
a#articlesBack{color:#357C8F; font-size:13px; border:1px solid #bde; -moz-border-radius:5px; -webkit-border-top-left:5px; padding:1px 5px; background:#eff;}
a#articlesBack:hover{border:1px solid #acd; background:#dff; color:#0C4D5F;}
#sysEventsFeatures h3 {padding-left:33px; background-image:url('../images/events.png'); background-repeat:no-repeat; color:#29396F; font-size:30px; margin:30px 0 10px; font-weight:normal;}
p.action { clear:both; color:#234d59; font-weight:bold; text-align:right; letter-spacing:0; }
p.action a { color:#1D2C5F; }
p.action a:hover { color:#2C458F; }
/** calendar **/
.calendarBack{position:absolute; bottom:-10px; left:60px;}
h1#events{margin:20px 0 0 0; text-align:center;}
#svCalendar table{ width:840px; margin:0 0 0 60px; border-collapse: separate; border-spacing: 2px;}
#svCalendar th a{font-size:28px;}
#svCalendar th{ font-size:20px; height:20px; text-align:center; padding-bottom:15px;}
#svCalendar tr.dayofweek td{ font-weight:bold; text-align:center; background-color:transparent; width:120px; height:10px; margin:2px; border-width:0; padding:0; border-color:none;}
#svCalendar td{ background-color:#F5F5FF; width:120px; height:50px; margin:2px; border-width:1px; padding:1px; border-style:inset; border-color:#ccf; -moz-border-radius:5px}
/*** Demo Page ***/
#demoForm{width:600px;}
#demoForm table{width:600px;}
#demoForm td{padding:5px;}
#demoForm input[type="text"], #demoForm select{width:200px;}
#demoForm input[type="submit"]{margin-top:20px;}
/*** =columns ***/
.col { display:inline; float:left; margin-right:15px; width:300px; }
.last { margin:0; }
/*** =site-info ***/
#site-info { background:#7c7b7a; border-top:6px solid #636262; color:#aaaaaa; padding:30px 0; }
#footer-menu { float:left; margin-right:35px; }
#footer-menu li { background:url('../images/arrow-yellow.gif') no-repeat 0 50%; display:inline; margin-right:15px; }
#footer-menu a { color:#d7d7d7; padding-left:15px; }
#site-info em { font-weight:bold; font-style:normal; }
#to-top { background:#979797 url('../images/arrow-up.gif') no-repeat 8px 6px; color:#d0d0d0; cursor:pointer; font-size:0.9167em; padding:4px 12px 6px 20px; position:absolute; right:0; top:-36px; text-transform:lowercase; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;}
.lift { color:#a2a2a1; font-family:georgia; font-weight:bold; font-style:italic; }
#copyright { margin-left:60px;}
/** coda **/
div#feature .wrap {overflow:hidden;position:relative;width:955px;height:287px;margin:0 auto;}
div#blurbs{height:310px;width:955px;position:absolute;left:0;top:50px;}
div#blurbs a{ color:#1D2C5F; font-size:13px; border:1px solid #cce; -moz-border-radius:5px; -webkit-border-top-left:5px; padding:1px 5px; background:#eef;}
div#blurbs a:hover{ border:1px solid #bbd; background:#ddf; color:#005;}
div#box-nav {height:100px;width:955px;position:absolute;left:0;top:0;}
div#blurbs h2 {font-size:2.0833em;color:#1D2C5F;font-weight:bold; margin-bottom:10px;}
div#blurbs p {color:#27489F;font-size: 17px; line-height: 23px; font-style: italic; letter-spacing: -0.01em;}
#box-nav {z-index:3;}
#box-nav ul {position:absolute;top:20px;left:0;width:955px;}
#box-nav ul li.testing, #box-nav ul li.training {float:left; margin-right:44px;}
#box-nav ul li.ecommerce { float:left; }
#box-nav ul li a {height:69px;width:320px;display:block;}
#box-nav ul li.testing a {background:white url(../images/testing_online.png) no-repeat top left;height:83px;width:288px;text-indent:-9999em;}
#box-nav ul li.training a {background:white url(../images/psyc_services.png) no-repeat top left;height:83px;width:288px;text-indent:-9999em;}
#box-nav ul li.ecommerce a {background:white url(../images/training_solutions.png) no-repeat top left;height:83px;width:288px;text-indent:-9999em;}
#box-nav ul li a:hover,#box-nav ul.left li a:hover {background-position:0px -83px;}
#box-nav ul.left li a {background-position:0px -166px;}
#start {padding:85px 20px 50px;position:absolute;left:0;margin-left:0;margin-right:215px;}
div#blurbs img {float:right;margin:0 30px 0 0;}
div#blurbs div#start {background:white url(../images/screenshot.jpg) no-repeat left 50px;padding-left:100px;}
#one {padding:85px 260px 50px 20px;margin-left:20px;width:640px;background:white url(../images/screenshot-testing.jpg) no-repeat 650px 45px;}
#two {padding:80px 20px 50px 340px;margin-left:0;width:600px;background:white url(../images/chalk-board-small.jpg) no-repeat 80px 55px;}
#three {padding:85px 20px 50px 340px;margin-left:0px;width:600px;background:white url(../images/class.jpg) no-repeat 60px 75px;}
div#blurbs div blockquote {margin-right:20px;}
#one {position:absolute;left:1100px;}
#two {position:absolute;left:2200px;}
#three {position:absolute;left:3300px;}
#box-nav ul li.active a {background-position:0px 0px !important;}