/*** HTML Elements ***/
html{ min-height:100%; background:#7a5b46 }
body{ /*background:#fff url(../images/body_bg.png) repeat-x 0 0;*/ min-width:960px; background:#fff url(../images/body_bg.jpg) no-repeat 50% 0; font-family:Georgia,serif; border-top:2px solid #764922 }
h1{ font-size:197%; font-weight:normal; color:#2c1215 }
h2{ font-size:153.9%; font-weight:normal; color:#764922; margin:.5em 0 .25em }
h3{ font-size:123.1%; color:#c55628; font-weight:bold; letter-spacing:-.05em; padding:3px 0; margin:.5em 0 .25em }
h4{ font-size:123.1%; color:#000; font-weight:bold; letter-spacing:-.05em; margin:.5em 0 .25em }
h5{ font-size:123.1%; color:#333; font-weight:bold; letter-spacing:-.05em; padding:3px 0; margin:.5em 0 .25em }
ul,ol{ margin-left:20px }
ul li,ol li{ margin-left:20px; line-height:1.4 }
ul li{ list-style-type: disc }
ol li{ list-style-type: decimal }
div.fieldset { border: solid 1px #999; padding: 1em 1em .5em 1em; margin: 1em 0 }
div.fieldset legend span { display: block; font-weight: bold; font-size: 116%; color: #000 }
a,a:visited{ color:#c55628; text-decoration: underline; }
a:hover,a:focus{ color:#4b2607; outline:none; -moz-outline: none; text-decoration: none; }
a:active{ text-decoration: underline }
ul li { list-style-type:disc }
blockquote{ padding-left:40px }
strong{ font-weight:bold }
em{ font-style:italic }
input,select,textarea{ font-size:93%; border:1px solid #ccc; padding:3px }
input[type=image]{ border:0; cursor:pointer }
/*input:focus, input:hover,
textarea:focus, textarea:hover,
select:focus, select:hover{ border:1px solid #666 !important; background: #eee; color:#000 !important }
input.submit:focus, input.submit:hover,input.button:focus, input.button:hover{ border:0 !important }*/
::-moz-selection { background:#4b2607; color:#fff }
::selection { background:#4b2607; color:#fff }
code::-moz-selection { background: #eee; color:#900 }
code::selection { background: #eee; color:#900 }
/*** Breadcrumb ***/
#crumb{ font-family:Arial, Verdana, Helvetica, sans-serif; line-height:1.0em; }
.B_crumbBox{ display:block; padding-top:.25em; padding-bottom:.25em; margin:.5em auto; color:#836264 }
#crumb a{ color:#2c1215 }
/*** Header ***/
#headerWrap{ min-width:960px; overflow:visible }
#header{ height:165px }
#header #logo{}
/*#header ul{ list-style:none; margin:0; padding:0; }
#header ul li{
list-style-type:none; float:left; margin:0; position:relative; width:140px; margin-right:10px;
text-align:center;
}*/
#header #mainNav { display:block; clear:both; position:relative; z-index:10 }
#header #mainNav div{ text-align:center; /*position:relative;*/ cursor:pointer; width:140px }
#header #mainNav div a{ color:#fff; font-size:123.1%; line-height:2.4em; text-decoration:none; /*border-bottom:1px solid #c3bab5;*/ display:block }
#header #mainNav div > a { white-space:nowrap }
#header #mainNav div.active{ background:url(../images/mainnav_active.png) no-repeat 50% 50%; }
#header #mainNav div.active a{ color:#2c1215; text-decoration:none; border-width:0 }
#header #mainNav div a:hover{ text-decoration:none; border-color:#675d5e }
#header #mainNav div span{ display:block }
#header #mainNav div ul{ position:absolute; top:0; left:0; list-style:none; margin:0; padding:0; float:none; display:block; width:140px; background:#7a5b46 url(../images/footer_bg.png) repeat-x 50% 0; /*visibility:hidden;*/ }
#header #mainNav div:hover ul{ /*visibility:visible;*/ }
#header #mainNav div ul li{ font-size:69%; list-style-type:none; margin:0; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:140px; display:block }
#header #mainNav div ul li a{ color:#fff; padding:5px 0 5px 10px; display:block; line-height:1.4em; cursor:pointer; border-bottom:1px solid #7a5b46 }
#header #mainNav div ul li a:hover{ border-color:#7a5b46; text-decoration:underline; background:url(../images/mainnav_sub_active.png) no-repeat 0 50% }
#header #mainNav div.omega ul { right:0; left:auto; width:140px; }
#header #mainNav div.active ul li a{ color:#fff; text-decoration:none; border-width:1px }
#header #mainNav div.active ul li a:hover{ text-decoration:underline }
#header #mainNav div.active ul li.active a{ color:#fbf598; text-decoration:underline; background:url(../images/mainnav_sub_active.png) no-repeat 0 50% }
/*** Container ***/
#containerWrap{ background:url(../images/container_bg.png) repeat-x 0 100%; /*padding-bottom:10px*/ min-width:960px}
#container{
padding-top:1em;
padding-bottom:1em;
overflow: hidden;
}
/*#container.trainings{ background:url(../images/cont_trainings_bg.png) no-repeat 0 0 }*/
#content{ }
#content p{ margin:.75em 0; line-height:1.4 }
#content li{ margin:0 0 .75em 0 }
#summary{ }
#summary p{ font-family:Arial, Verdana, Helvetica, sans-serif; font-style:italic; color:#555 }
#summary a{ color:#4b2607; text-decoration:underline; }
#summary a:hover,#summary a:focus{ color:#c55628; text-decoration:none; }
a,a:visited{ color:#c55628; text-decoration: underline; }
a:hover,a:focus{ color:#4b2607; outline:none; -moz-outline: none; text-decoration: none; }
a:active{ text-decoration: underline }
/*** Sidebar ***/
#sidebar{ }
#sidebar ul{ background:#eee; margin:0; padding:1em; list-style-type:none }
#sidebar ul li{ list-style-type:none; padding:0; margin:0; display:block }
#sidebar ul li a{ display:block; color:#333; text-decoration:none }
#sidebar ul li a:hover{ color:#c55628; text-decoration:underline }
#sidebar ul li.active a{ color:#c55628; text-decoration:underline }
#sidebar ul li.active a:hover{ text-decoration:none }
#sidebar p{ padding: 1em }
/*** Trainings ***/
#trainings{ margin-top:15px }
#trainings div{ height:140px; margin-bottom:10px; background:url(../images/training_box_bg.png) no-repeat 50% 50%; overflow:hidden; }
#trainings div h3{ padding-left:5px; }
#trainings div h3 a{color:rgb(121,2,9); text-decoration:none; }
#trainings div h3 a:hover{ text-decoration:underline }
#trainings div p{ padding:0 5px; font-family:Arial, Verdana, Helvetica, sans-serif; }
#trainings div span{ display:block; text-align:right; }
/*** Assessment ***/
#assessment .form-row{ margin-top:10px; padding-top:10px; border-top:1px solid #999 }
#assessment .form-row div{ clear:both; font-weight:bold; }
#assessment .form-row div h3{ float:left; padding-right:10px; margin:0; padding-top:0 }
#assessment .form-row ol{ clear:both; margin-left:40px; }
#assessment .form-row ol li{ list-style-type:lower-alpha; font-family:Arial, Verdana, Helvetica, sans-serif; }
h3 span{ color:#000; font-size:85% }
#table_header{ background:#666 }
#table_header .grid_2{ text-align:center; color:#fff; background:#666; font-weight:bold; height:25px }
#table_header .grid_2 span{ padding:3px; display:block }
#score_sheet .grid_2{ text-align:center; line-height:1em; font-size:153.9%; height:25px }
#score_sheet_body .grid_2{ background:#fff; font-size:116% }
#score_sheet_body .section{ color:#fff; background:#666; font-size:108% }
#score_sheet_total .grid_2{ background:#999 }
/*** Steps ***/
#steps div { background:#ccc url(../images/form_step_inactive.png) no-repeat 50% 50%; height:190px }
#steps p{ font-family:Arial, Verdana, Helvetica, sans-serif; padding:0 10px; color:#999 }
#steps h2{ text-align:right; padding:0 10px; color:#999 }
#steps .step11,#steps .step22,#steps .step33{ background:#dfccb6 url(../images/form_step_active.png) no-repeat 50% 50% }
#steps .step11 h2,#steps .step22 h2,#steps .step33 h2{ color:#764922; }
#steps .step11 p,#steps .step22 p,#steps .step33 p{ color:#000 }
/*** Controls ***/
#pictures{ text-align:center }
#pictures img{ cursor: pointer }
#ranking{}
#ranking div{ overflow:hidden; position:relative; height:157px; background:#ccc url(../images/form_step_inactive.png) no-repeat; margin-bottom:4px }
#ranking div.active,#ranking span.active{ background:#dfccb6 url(../images/form_step_active.png) no-repeat 0 0 }
#ranking span.active h2{ }
#ranking h2 small{ font-size:11px; color:#000 }
#ranking .controls{ position:absolute; top:0px; right:0; display:block; width:100%; /*margin-top:75px;*/ text-align:center; text-decoration:underline }
#ranking .controls{ }
#ranking div.active .controls{ display:none }
#ranking .controls h2{ cursor:pointer; height:157px }
#ranking .controls h2 .check{ color:#000 }
#ranking .rank{ display:block; position:absolute; top:40px; right:0px; text-align:center; font-size:48px; color:#000; width:100%; text-align:center; }
/*** Footer ***/
#footerWrap{ background:#7a5b46 url(../images/footer_bg.png) repeat-x; overflow:hidden; min-width:960px }
#footer{ padding-top:1em; padding-bottom:1em; overflow:hidden }
#footer .col{ line-height:1.4em; }
#footer .col h3{ color:#fff; font-weight:normal; letter-spacing:.05em; margin-top:0; background:url(../images/footer_divider.png) repeat-x 0 100%; }
#footer .col p{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:85%; color:#c3bab5; }
#footer .col a{ color:#fff; text-decoration:underline; }
#footer .col a:hover,#footer .col a:focus{ text-decoration:none; }
#footer #copyright{ text-align:center; margin-top:2em; color:#2c1215 }
/*** Colors ***/
.black{ color:#000 }
.blue{ color:blue }
.green{ color:green }
.gold{ color:gold }
.orange{ color:orange }
.deep_orange{ color:#c55628 }
.dark_brown{ color:#4b2607 }
/*** Misc Classes ***/
.br{ clear:both }
.hide{ display:none }
.hidden{ visibility:hidden }
.floatLeft{float:left}
.floatRight{float:right}
.floatImgLeft,.floatLeftImg{float:left;padding-right:10px;padding-bottom:10px; }
.floatImgRight,.floatRightImg{float:right;padding-left:10px;padding-bottom:10px; }
.alignRight{text-align:right}
.alignLeft{text-align:left}
.alignCenter{text-align:center}
.justify{text-align:justify}
.bold{ font-weight:bold }
.underline{ text-decoration:underline }
.italic{ font-style:italic }
.errors { color: #900; margin-bottom:15px }
#yui-main p .errors strong,#yui-main p .errors b{ color: #900 }
label.required{ color:#900 }
input.required{ color:#900 }
.invalid{ color:#900 }
.required{ color:#900 }
.small{ font-size:93% }
.shrink{ margin:0 }
.divide{ width:100%; clear:both; height:5px; line-height:1em; font-size:1px; background:#ccc }
ul.nomarg, ol.nomarg{
list-style-position: inside;
margin:0 0 0 15px;
padding:0
}
.ditto_paging {
border-top: 1px solid #ccc;
padding: 10px;
font-size: 131%;
color: black;
}
#ditto_pages .ditto_currentpage {
border: 1px solid black;
padding: 1px 5px 2px;
margin-right: 1px;
background-color: #7a5b46;
color: #fff;
}
#ditto_pages .ditto_off {
border: 1px solid #ccc;
padding: 1px 5px 2px;
margin-right: 1px;
color: #836264;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
border: 1px solid #836264;
padding: 1px 5px 2px;
margin-right: 1px;
background-color: #fff;
text-decoration: none !important;
color: #000;
}
#ditto_pages a:hover {
background-color: #fff;
color: #000;
}
.color1 {
color: #fdfdfd; /* twilight blue */
}
.color2 {
color: #b5ab99; /* bison hide */
}
.color3 {
color: #57341c; /* brown bramble */
}
.color4 {
color: #4b2519; /* mahogany */
}
.color5 {
color: #36140c; /* rustic red */
}
.color6 {
color: #fbee8f; /* picasso */
}
.color7 {
color: #7b5c3f; /* potters clay */
}
.color8 {
color: #a22400;
}
.color9 {
color: #542002;
}
.color10 {
color: #39190f; /* rustic red */
}
.color11 {
color: #77513f; /* pickled bean */
}
.color12 {
color: #421d13; /* rustic red */
}
/* QuickBox Styles */
#qb_viewer { position: absolute; z-index: 200001; padding:10px; background-color: #fff; cursor:pointer }
#qb_props{ font-size:.9em; color:#000 !important; font-weight:bold; padding-top:5px; }
form#team_plotting{ background:#efedee; overflow:hidden }