/* v1.0 | 20080212 */
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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align:center;
}
#container {
width:802px;
text-align:left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
header {
display: block;
height: 57px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
header.subPage {
height: 97px;
}
nav#top ul li, nav#bottom ul li {
display:inline;
}
nav#top {
display:block;
float:right;
padding:5px 0 0 0px;
height:20px;
position:relative;
right:0;
top:5px;
width:120px;
}
nav#top ul {
width: 220px;
}
nav#top a {
display: block;
float: left;
height: 20px;
text-indent: -9999px;
}
nav#top a.services {
width:60px;
background:transparent url(../images/Nav.png) no-repeat scroll -259px -5px;
}
nav#top a.contact {
width:60px;
background:transparent url(../images/Nav.png) no-repeat scroll -322px -5px;
}
nav#top a.services:hover {
width:60px;
background:transparent url(../images/Nav.png) no-repeat scroll -259px -89px;
}
nav#top a.contact:hover {
width:60px;
background:transparent url(../images/Nav.png) no-repeat scroll -322px -89px;
}
nav#bottom {
background:transparent url(../images/Nav.png) repeat scroll 0 -22px;
display:block;
float:right;
height:22px;
padding:5px 0 0 125px;
position:relative;
right:0;
top:5px;
width:260px;
}
nav#bottom a {
display: block;
float: left;
height: 22px;
text-indent: -9999px;
}
nav#bottom a.eval {
width: 72px;
background:transparent url(../images/Nav.png) no-repeat scroll -121px -27px;
}
nav#bottom a.improve {
width: 94px;
background:transparent url(../images/Nav.png) no-repeat scroll -196px -27px;
}
nav#bottom a.execute {
width: 70px;
background:transparent url(../images/Nav.png) no-repeat scroll -291px -27px;
}
body#home nav#bottom a.eval:hover {
background:transparent url(../images/Nav.png) no-repeat scroll -121px -111px;
}
body#home nav#bottom a.improve:hover {
background:transparent url(../images/Nav.png) no-repeat scroll -196px -111px;
}
body#home nav#bottom a.execute:hover {
background:transparent url(../images/Nav.png) no-repeat scroll -291px -111px;
}
nav#bottom a.eval:hover {
background:transparent url(../images/Nav.png) no-repeat scroll -121px -200px;
}
nav#bottom a.improve:hover {
background:transparent url(../images/Nav.png) no-repeat scroll -196px -200px;
}
nav#bottom a.execute:hover {
background:transparent url(../images/Nav.png) no-repeat scroll -291px -200px;
}
section {
display:block;
padding:0px 0px 20px 0px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
section#mainSection {
background:transparent url(../images/pattern.png) no-repeat scroll bottom right;
}
section#mainSection.subPage {
padding:4px 0px 20px 0px;
background:transparent url(../images/pattern-sub.png) no-repeat scroll bottom center;
}
#mainSection ul{
list-style-type: disc;
padding:10px 0 10px 40px;
}
#mainSection ol{
list-style-type:decimal;
margin:0 0 0 40px;
}
div#leftContent {
width:368px;
float:left;
}
div.leftImageSpacer {
width:4px;
float:left;
}
div#rightContent {
width:426px;
float:left;
}
div#sub-LeftColumn{
width: 562px;
float:left;
}
div.columnSpacer{
width: 4px;
float:left;
}
div#sub-RightColumn{
width: 234px;
float:left;
}
#bigLeftImage {
}
#bigLeftImage img {
float:left;
}
div.clearBoth {
clear:both;
}
.body {
color: #505050;
font-size: 11px;
font-family: Verdana;
line-height: 15px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0px;
}
footer {
color: #787878;
font-size: 10px;
font-family: Verdana;
line-height: 15px;
margin-top: 8px;
margin-bottom: 0;
padding: 0px 5px 0px 0px;
text-align:right;
}
footer-contactMenu {
text-align:right;
}
.headline {
color: #315983;
font-size: 12px;
font-family: Verdana;
font-weight: bold;
}
.subhead {
color: #5d7da0;
font-size: 11px;
font-family: Verdana;
font-weight: bold;
}
.back {
color: #f59310;
font-size: 11px;
font-family: Verdana;
font-weight: bold;
}
.bg_home {
background-image: url(../images/home_stretch.gif);
background-repeat: repeat-y;
}
.purpHeadLG {
display: block;
font-size: 14px;
color: #5c2946;
font-weight: bolder;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 10px;
line-height: 19px;
}
.blueBody {
font-size: 12px;
line-height: 19px;
color: #515255;
font-weight: bold;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
display: block;
}
.mainContent {
width: 400px;
padding: 0px 20px 0px 0px;
}
.main-quizContent {
width: 400px;
padding: 0px 20px 0px 0px;
}
.quizContent {
display: block;
width: 564px;
position: relative;
margin: 0;
overflow: hidden;
}
#quiz {
position: relative;
margin: 0;
width: 7000px;
text-align: center;
}
.question-box {
position: relative;
margin: 0;
display: inline;
float: left;
width: 564px;
min-height: 367px;
text-align: left;
}
.question-contents {
height: 250px;
}
.questionHeadline {
font-size: 17px;
line-height: 19px;
color: #515255;
font-weight: bold;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 10px;
display: block;
}
.questionHeadline-smaller {
font-size: 14px;
font-weight: bold;
color: #666;
margin:10px 5px 5px 10px;
}
.slider {
width: 405px;
margin: 10px 5px;
}
.numbers {
background:url(../images/tempNumbers.gif) no-repeat scroll center top;
height:40px;
left:-50px;
position:relative;
width:525px;
}
.answer {
width: 564px;
margin: 0 auto;
position: relative;
left: 65px;
text-align: center;
font-size: 18px;
}
.answer .answerLabel {
left: 15px;
margin: 0 12px 6px;
position: relative;
}
.answer .toAdd {
border: 0;
color: #f6931f;
font-weight: bold;
font-size: 18px;
}
.moreInfo {
background: transparent url(../images/gradientBKG.png) no-repeat scroll center bottom;
color: #FFFFFF;
font-size: 12px;
font-weight: bolder;
left: 10px;
line-height: 19px;
padding: 10px;
position: relative;
width: 526px;
}
.learnMore {
background:transparent url(../images/quizButton.png) no-repeat scroll -4px -272px;
display:block;
height:16px;
left:470px;
position:relative;
text-indent:-9999px;
width:86px;
}
.pulldownSep {
background-color: #5C2946;
height: 3px;
left: 10px;
position: relative;
width: 546px;
}
.startButton {
width: 564px;
text-align: center;
}
.startButton a {
background:url(../images/quizButton.png) no-repeat scroll 0 0;
display:block;
height:40px;
margin:0 auto;
text-indent:-9999px;
width:200px;
}
.startButton a:hover {
background: url(../images/quizButton.png) no-repeat scroll 0 -43px;
}
.quizNav {
width: 564px;
text-align: left;
display: inline;
position: relative;
bottom: 20px;
}
.prevQuestion {
float: left;
width: 127px;
display: inline;
position: relative;
}
.prevQuestion a {
display: block;
height: 32px;
width: 145px;
background: url(../images/quizButton.png) no-repeat scroll -4px -189px;
text-indent: -9999px;
cursor: pointer;
}
/*.prevQuestion a:hover{background:url(../images/quizButton.png) no-repeat scroll -4px -215px;}*/
.nextQuestion {
bottom: 5px;
display: inline;
float: left;
left: 320px;
position: relative;
}
.nextQuestion.quiz-start {
bottom: 5px;
display: inline;
float: left;
left: 440px;
position: relative;
}
.nextQuestion a {
display: block;
height: 32px;
width: 113px;
background: url(../images/quizButton.png) no-repeat scroll -4px -114px;
text-indent: -9999px;
cursor: pointer;
}
/*.nextQuestion a:hover{background:url(../images/quizButton.png) no-repeat scroll -4px -140px;}*/
.calculate {
width: 564px;
text-align: center;
margin: 100px 0px 0px 0px;
}
.calculate a {
display: block;
margin: 0 auto;
width: 200px;
height: 40px;
background: url(../images/quizButton.png) no-repeat scroll 0 -370px;
text-indent: -99999px;
}
.calculate a:hover {
background: url(../images/quizButton.png) no-repeat scroll 0 -414px;
}
.loadingAnswers {
font-size: 18px;
font-weight: bolder;
text-align: center;
padding: 100px 0px 10px 0px;
}
.red {
font-size: 18px;
color: #F00;
}
.yellow {
font-size: 18px;
color: #d69400;
}
.green {
font-size: 18px;
color: #0C0;
}
/* Hovering Execution Box */
.executionMenu {
}
#executionMenuBox {
width:220px;
height:220px;
background:url(../images/circleMenu-box.png) no-repeat scroll center left;
position:absolute;
display:none;
}
.executionMenuCircles {
width:210px;
height:210px;
background:url(../images/circleMenu-all.jpg) no-repeat scroll center 0px;
}
.executionMenuCircles.tech {
background:url(../images/circleMenu-all.jpg) no-repeat scroll center -210px;
}
.executionMenuCircles.process {
background:url(../images/circleMenu-all.jpg) no-repeat scroll center -420px;
}
.executionMenuCircles.people {
background:url(../images/circleMenu-all.jpg) no-repeat scroll center -630px;
}
.executeMenuLink {
text-indent: -9999px;
display: block;
}
.executeMenuLink.exec-people {
height: 90px;
width: 110px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position:relative;
top: 10px;
}
.executeMenuLink.exec-process {
width: 105px;
height: 90px;
float: left;
position:relative;
top: 10px;
}
.executeMenuLink.exec-tech {
height: 90px;
width: 105px;
float: right;
position:relative;
top: 10px;
}
/*Improvement Page */
.improvementPlan {
margin: 5px 15px;
}
.improvementStep.step2, .improvementStep.step3 {
display:none;
}
.improveView {
background:url(../images/quizButton.png) no-repeat scroll 0 -478px;
color:#0000FF;
display:block;
height:23px;
text-decoration:underline;
text-indent:-9999px;
width:108px;
left:393px;
position:relative;
}
.improveView:hover {
background:url(../images/quizButton.png) no-repeat scroll 0 -506px;
}
/* JQUERY UI or Damn that's a lot of classes
----------------------------------*/ /* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #5c2946 url(images/ui-bg_highlight-soft_75_5c2946_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}
/* Corner radius */
.ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
}
.ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
}
.ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
}
.ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.ui-corner-top {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
}
.ui-corner-bottom {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.ui-corner-right {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.ui-corner-left {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
}
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
border: 1px solid #d3d3d3;
background: #5c2946 url(images/ui-bg_glass_75_5c2946_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
outline: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555555;
text-decoration: none;
outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
outline: none;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #212121;
text-decoration: none;
outline: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
outline: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #212121;
outline: none;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
color: #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text {
color: #cd0a0a;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity = 35);
background-image: none;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity = 70);
font-weight: normal;
}
.ui-widget-overlay {
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .30;
filter: Alpha(Opacity = 30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .30;
filter: Alpha(Opacity = 30);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.images {
margin:10px 12px;
padding: 0px;
}
.images li {
display: inline;
}
.images li a img {
border-style:none;
}
.subhead-larger-line {
font-size: 14px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #5d7da0;
color: #5d7da0;
margin-bottom: 5px;
margin-top: 15px;
}
ul.bodyList {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
ol.numberedList {
color:#315983;
}
.numberedList li {
margin-top: 10px;
margin-bottom: 10px;
}
.rightSidebar {
padding: 5px;
border: 1px solid #000;
margin: 5px;
}
ul.twoButtons{
padding:0px !important;
}
ul.twoButtons li {
display:inline;
float:left;
}
ul.twoButtons li.twoBtn-left a {
background:transparent url(../images/twoBoxes.png) no-repeat scroll -9px 0;
display:block;
height:50px;
text-indent:-9999px;
width:189px;
}
ul.twoButtons li.twoBtn-right a {
background:transparent url(../images/twoBoxes.png) no-repeat scroll -200px 0;
display:block;
height:50px;
text-indent:-9999px;
width:189px;
}
ul.twoButtons li.twoBtn-left a:hover {
background:transparent url(../images/twoBoxes.png) no-repeat scroll -9px -62px;
}
ul.twoButtons li.twoBtn-right a:hover {
background:transparent url(../images/twoBoxes.png) no-repeat scroll -200px -62px;
}
#flashHeader {
clear:both;
position:relative;
top:3px;
}