.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

div.honos-case-study { min-height: 135px; background: url(../graphics/honos-case-study.gif) repeat-x; margin: 0 0 18px; #margin: 0 0 13px; }
* html div.honos-case-study { height: 135px; }
div.honos-case-study img { float: left; }
div.honos-case-study h3 { padding: 0 0 0.5em; margin: 0 0 0.5em; border-bottom: 1px solid #dde7f7; }
div.honos-case-study h3 span { font-weight: normal; font-size: 80%; color: black; }
div.honos-case-study p { margin-top: 0; }
div.honos-case-study div.content { margin: 0 0 0 135px; padding: 10px 15px; }
div.honos-case-study div.content a.honos-case-study-link { float: left; width: 97px; padding: 0 0 0 20px; height: 33px; color: white; text-decoration: none; font-weight: bold; line-height: 33px; background: url(../graphics/honos-case-study-link.gif) no-repeat; }

#case-study-title { background: url(../graphics/case-study-title.gif) repeat-x; }
#case-study-title div { background: url(../graphics/case-study-title-right.gif) no-repeat right top; }
#case-study-title div ul { margin: 0; padding: 5px 0; list-style-type: none; background: url(../graphics/case-study-title-left.gif) no-repeat; }
#case-study-title div li { float: left; height: 30px; line-height: 30px; padding: 0 10px; color: #578ad6; border-right: 1px solid white; }
#case-study-title div li.end { border-right: 0; }
#case-study-title div li strong { font-size: 140%; color: #522145; font-weight: normal; }
#case-study-title div li span { color: black; }

#case-study-crumbs { background: url(../graphics/case-study-crumbs.gif) repeat-x; }
#case-study-crumbs div { background: url(../graphics/case-study-crumbs-right.gif) no-repeat right top; }
#case-study-crumbs div ul { height: 58px; margin: 0; padding: 0; list-style-type: none; background: url(../graphics/case-study-crumbs-left.gif) no-repeat; }
#case-study-crumbs div li { height: 34px; padding: 0 18px 0 10px; line-height: 34px; color: #a990a2; float: left; background: url(../graphics/case-study-crumbs-li.gif) no-repeat right top; }
#case-study-crumbs div li.active { color: #522145; }
#case-study-crumbs div li.complete { color: #cf6900; }
#case-study-crumbs div li.four { padding: 0 0 0 10px; background: none; }
#case-study-crumbs div li span { padding: 0 0 0 23px; display: block; }
#case-study-crumbs div li.one span { background: url(../graphics/step1_inactive.gif) no-repeat left center; }
#case-study-crumbs div li.one-active span { background: url(../graphics/step1_active.gif) no-repeat left center; }
#case-study-crumbs div li.one-complete span { background: url(../graphics/step1_complete.gif) no-repeat left center; }
#case-study-crumbs div li.two span { background: url(../graphics/step2_inactive.gif) no-repeat left center; }
#case-study-crumbs div li.two-active span { background: url(../graphics/step2_active.gif) no-repeat left center; }
#case-study-crumbs div li.two-complete span { background: url(../graphics/step2_complete.gif) no-repeat left center; }
#case-study-crumbs div li.three span { background: url(../graphics/step3_inactive.gif) no-repeat left center; }
#case-study-crumbs div li.three-active span { background: url(../graphics/step3_active.gif) no-repeat left center; }
#case-study-crumbs div li.three-complete span { background: url(../graphics/step3_complete.gif) no-repeat left center; }
#case-study-crumbs div li.four span { background: url(../graphics/step4_inactive.gif) no-repeat left center; }
#case-study-crumbs div li.four-active span { background: url(../graphics/step4_active.gif) no-repeat left center; }
#case-study-crumbs div li.four-complete span { background: url(../graphics/step4_complete.gif) no-repeat left center; }
#case-study-crumbs div li span a { display: block; text-decoration: none; }
#case-study-crumbs div li span a:hover { text-decoration: underline; }

#case-study-foot { position: relative; background: url(../graphics/case-study-foot.gif) repeat-x; }
#case-study-foot div { background: url(../graphics/case-study-foot-right.gif) no-repeat right top; }
#case-study-foot div ul { margin: 0; padding: 8px 10px; list-style-type: none; background: url(../graphics/case-study-foot-left.gif) no-repeat; }
#case-study-foot div li { height: 34px; line-height: 34px; }
#case-study-foot div li.left { float: left; }
#case-study-foot div li.right { float: right; }
#case-study-foot div li a { zoom: 1; display: block; color: white; text-decoration: none; font-weight: bold; }
#case-study-foot div li a { float: left; }
#case-study-foot div li a span { display: block; }
#case-study-foot div li.another-case-study { background: url(../graphics/another-case-study.gif) repeat-x; }
#case-study-foot div li.another-case-study a { background: url(../graphics/another-case-study-left.gif) no-repeat; }
#case-study-foot div li.another-case-study a span { padding: 0 15px 0 25px; background: url(../graphics/another-case-study-right.gif) no-repeat right top; }
#case-study-foot div li.case-study-back { background: url(../graphics/next-link.gif) repeat-x; }
#case-study-foot div li.case-study-back a { background: url(../graphics/back-link-left.gif) no-repeat; }
#case-study-foot div li.case-study-back a span { padding: 0 15px 0 25px; background: url(../graphics/regular-link-right.gif) no-repeat right top; }
#case-study-foot div li.case-study-back-disabled { background: url(../graphics/back-link-disabled.gif) repeat-x; }
#case-study-foot div li.case-study-back-disabled a { background: url(../graphics/back-link-disabled-left.gif) no-repeat; }
#case-study-foot div li.case-study-back-disabled a span { padding: 0 15px 0 25px; background: url(../graphics/back-link-disabled-right.gif) no-repeat right top; }
#case-study-foot div li.case-study-next { margin: 0 0 0 8px; background: url(../graphics/next-link.gif) repeat-x; }
#case-study-foot div li.case-study-next a { background: url(../graphics/next-link-left.gif) no-repeat; }
#case-study-foot div li.case-study-next a span { padding: 0 25px 0 15px; background: url(../graphics/next-link-right.gif) no-repeat right top; }
#case-study-foot div li.case-study-next input { position: absolute; right: 10px; top: 8px; width: 170px; height: 34px; }
#case-study-foot div li.case-study-regular { position: relative; margin: 0 0 0 8px; background: url(../graphics/next-link.gif) repeat-x; }
#case-study-foot div li.case-study-regular a { background: url(../graphics/next-link-left.gif) no-repeat; }
#case-study-foot div li.case-study-regular a span { padding: 0 15px; background: url(../graphics/regular-link-right.gif) no-repeat right top; }

#case-study-video { padding: 0 0 20px; }
#case-study-video ul { position: relative; top: 190px; width: 175px; float: left; margin: 0; padding: 0; list-style-type: none; }
* html #case-study-video ul { left: 20px; }
#case-study-video li { background: #faeee3 url(../graphics/videolink-top.gif) no-repeat; }
#case-study-video li.active { background: #a990a2 url(../graphics/videolink-active-top.gif) no-repeat; }
#case-study-video li a { zoom: 1; display: block; padding: 12px 9px; color: #cf6900; text-decoration: none; line-height: 1.4em; background: url(../graphics/videolink-bottom.gif) no-repeat left bottom; }
#case-study-video li.active a { color: white; background: url(../graphics/videolink-active-bottom.gif) no-repeat left bottom; }
#case-study-video div { float: left; width: 416x; background: #a990a2 url(../graphics/video-top.gif) no-repeat; }
#case-study-video div div { padding: 8px 0 8px 8px; width: 408px; border: 0; background: url(../graphics/video-bottom.gif) no-repeat bottom left; }

#rating-form-top div.left { float: left; width: 212px; }
#rating-form-top div.left a { display: block; height: 31px; padding: 10px 5px 10px 33px; text-decoration: none; font-weight: bold; background: url(../graphics/guidelines-link.gif) no-repeat; color: #578ad6; }

#rating-form-top div.right { position: relative; top: -1em; float: right; margin: 0 0 -1em; }
#rating-form-top div.right h3 { float: left; margin: 0; font-style: italic; padding: 15px 20px 0 0; background: url(../graphics/tip-h3.gif) no-repeat right bottom; }
#rating-form-top div.right p { width: 305px; float: left; font-weight: bold; line-height: 1.4em; font-style: italic; background: #522145 url(../graphics/tip-tl.gif) no-repeat; color: white; }
#rating-form-top div.right p span { display: block; background: url(../graphics/tip-tr.gif) no-repeat right top; }
#rating-form-top div.right p span span { background: url(../graphics/tip-br.gif) no-repeat right bottom; }
#rating-form-top div.right p span span span { padding: 10px; background: url(../graphics/tip-bl.gif) no-repeat left bottom; }

#rating-form-top #rating-form-guidelines { display: none; clear: both; background: #e6eef9; #margin: -1em 0 0; }
#rating-form-top #rating-form-guidelines.display { display: block; }
#rating-form-top #rating-form-guidelines div { margin: 1em; }
#rating-form-top #rating-form-guidelines ul { margin: 0; padding: 1em 0 0 1.1em; #padding: 1em 0 0 1.4em; }
#rating-form-top #rating-form-guidelines li { padding: 0 0 0.3em; }
#rating-form-top #rating-form-guidelines dl { margin: 1em 0 0; }
#rating-form-top #rating-form-guidelines dt { margin: 0; padding: 0 1em 0 0; float: left; clear: both; }
#rating-form-top #rating-form-guidelines dd { margin: 0; padding: 0 0 0.5em; }
#rating-form-top #rating-form-guidelines p { margin: 0.5em 0 0; padding: 0 0 1em; }

#rating-form-guidelines-close { float: right; font-size: 1.1em; margin: 1em 0 0; color: #578ad6; font-weight: bold; text-decoration: none; }

#rating-form #rating-form-questions { padding: 0.5em 0 0 25px; #padding: 0.5em 0 0 30px;; margin: 1em 0 0; border-top: 1px solid #f6e1cc; }
#rating-form li.question-container { vertical-align: top; position: relative; font-weight: bold; padding: 0; margin: 0; #margin: 0.5em 0 0; border-bottom: 1px solid #f6e1cc; }
* html #rating-form li.question-container { border-top: 1px solid #fff; }
#rating-form li.question-container div.slider { #top: -6px; }
#rating-form li.question-container label.question, #rating-form li.question-container ul.options, #rating-form li.question-container div, #rating-form ul.options-specify li label { font-weight: normal; }
#rating-form li.error label.question a { float: left; border: 3px solid red; padding: 1px; }
* html #rating-form li.error label.question a { position: relative; top: -5px; left: 20px; }
#rating-form label.question { display: block; width: 330px; padding: 0 0 0.5em 2px; }
#rating-form label.question a { color: black; text-decoration: none; }
#rating-form label.question a:hover, #rating-form div.top:hover label.question a { text-decoration: underline; }
#rating-form label.specify { padding: 0 0 2em 2px; }
#rating-form ul.options, #rating-form ul.options-specify { position: absolute; z-index: 20; top: 2px; #top: -0.4em; right: 2px; margin: 0; padding: 0; list-style-type: none; }
#rating-form ul.options-specify { top: 27px; }
#rating-form ul.options li, #rating-form ul.options-specify li { float: left; padding: 0 0 3px 1px; }
#rating-form ul.options li label, #rating-form ul.options-specify li label { float: left; width: 35px; height: 22px; padding: 2px 0 0; background: url(../graphics/rating-form-radio.png) no-repeat right top; }
#rating-form ul.options-specify li label { background: url(../graphics/rating-form-radio-specify.png) no-repeat right top; }
#rating-form div.glossary { position: relative; color: black !important; display: none; clear: both; background: #f6e1cc; padding: 5px 10px; margin: 0 0 0.5em; }
#rating-form div.top { padding: 3px 0.5em 0; background: transparent; cursor: pointer; margin: 0 0 1px; position: relative; #top: -0.5em; }
#rating-form div.top:hover, #rating-form div.hover, #rating-form li.selected div { background: #f6e1cc; }
#rating-form li.selected div { background: #f6e1cc !important; }
#rating-form li.complete div { background: #faf0e5; }
#rating-form div.display, #rating-form div.top { display: block; }
#rating-form div h2 a { float: right; font-size: 70%; text-decoration: none; }
#rating-form dl dt { float: left; margin: 0; padding: 0 0 0 1em; }
* html #rating-form dl dt { position: relative; }
#rating-form dl dd { padding: 0 0 0.5em; margin: 0 0 0 3em; }
#rating-form li.question-container div.glossary ul { list-style-type: disc; }
#rating-form li.question-container div.glossary dl { #margin: 1em 0 0; }

#error-top { padding: 5px; border: 3px solid red; font-weight: bold; }
#error-top.hide { display: none; }

#submit-button { cursor: pointer; }

#case-study-results-top h2 { float: left; }
#case-study-results-top h3 { float: right; color: #a2909c; font-weight: normal; font-size: 100%; margin: 0; padding: 0.3em 0 0; }
#case-study-results-top h3 a { font-weight: bold; text-decoration: none; }
#case-study-results-top h3 a:hover { text-decoration: underline; }

#case-study-results { clear: both; }
#case-study-results .align-centre { text-align: center; }
#case-study-results table { }
#case-study-results table td, #case-study-results table th { border-width: 0 1px 1px 0; border-style: solid; border-color: #e6c39b; padding: 5px; vertical-align: top; }
#case-study-results table td.final, #case-study-results table th.final { border-width: 0 0 1px 0; }
#case-study-results table thead th { color: white; background: #e1a566; font-weight: normal; }
#case-study-results table tbody td { }
#case-study-results table thead th.alt, #case-study-results table tbody td.alt { background: #fbf0e6; color: black; }
#case-study-results table tbody td span { display: block; width: 35px; height: 24px; line-height: 24px; margin: 0 auto; background: url(../graphics/rating.gif) no-repeat; }
#case-study-results table tbody td.alt span { background: url(../graphics/rating-left.gif) no-repeat; }
#case-study-results table tbody td span.alt { background: url(../graphics/rating-alt.gif) no-repeat; }

#cs-email-results-form { display: none; background: url(../graphics/case-study-foot.gif) repeat-x; }
#cs-email-results-form div { background: url(../graphics/case-study-foot-right.gif) no-repeat right top; }
#cs-email-results-form form { position: relative; height: 27px; padding: 10px; background: url(../graphics/case-study-foot-left.gif) no-repeat; }
#cs-email-results-form form #cs-email-close { float: right; font-weight: bold; font-size: 110%; }
#cs-email-results-form label { float: left; height: 27px; line-height: 27px; }
#cs-email-results-form input.text { height: 20px; width: 200px; float: left; margin: 0 1em 0 0.5em; }
#cs-email-results-form.display { display: block; }

#cs-results-top-links { float: right; font-size: 100%; font-weight: normal; color: #a694a0; }
#cs-results-top-links a { font-weight: bold; text-decoration: none; }
#cs-results-top-links a:hover { text-decoration: underline; }

#casestudy-videocontainer { width: 400px; height: 326px; }