html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1.5; background: #fff; margin:1.5em 0;    }
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
 blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a img {border: none}
strong {font-weight: bold}
  body {font-size: 75%; color: #5f677a; font-family: Arial, sans-serif}
 h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #111}
h1 {font-size: 2em; margin-bottom: 0.2em; color: #8f0408; font-weight: normal; line-height: 1.2}
h2 {font-size: 1.3em; line-height: 1.125; margin-top: 0.5em; margin-bottom: 0.1em; font-weight: bold; color: #494F5E}
h3 {font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 0.25em}
h4 {font-size: 1em; font-weight: bold; margin-bottom: 0.25em}
h5 {font-size: 1em; font-weight: bold}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
#banner h1, #banner h2 {width: 50%}
#banner h3 {color: #5f6779; font-weight: normal; font-size: 1.8em; line-height: 1.2; margin-bottom: 1em}
h2.report_title {clear: both}
h3.subtitle {border-bottom: 2px solid #999; margin-bottom: 0}
 p {margin: 0 0 1.5em}
p.last {margin-bottom: 0}
p img, p img.left, div img.left {float: left; margin: 0 1.0em 0.5em 0; padding: 0}
p img.right {float: right; margin: 0 0 0.5em 1.0em; padding: 0}
p img.center{ float: none; margin: 0 auto 0.5em auto; padding: 0; display: block;}
p img.inline {float: none; margin: 0; vertical-align: middle;}
img {margin: 0}
p img.extra_height {margin-bottom: 4em; clear: left}
#tinymce div, div.inner div {clear: both}
p.introduction {color: #5F677A; font-size: 1.4em; line-height: 1.2}
#banner p.introduction {width: 50%}
a:focus, a:hover, span.fake_link:hover {color: #B50205; text-decoration: underline; outline: none;}
a, span.fake_link {color: #8F0408; text-decoration: none; outline: none;}
#body a, span.fake_link {cursor: pointer; font-weight: bold}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
 pre,code {margin: 1.5em 0; white-space: pre}
tt {display: block; margin: 1.5em 0; line-height: 1.5}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
 li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
ul ul {margin: 1em 0 1em 1.5em; list-style: disc;}
ul {list-style-type: square}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
 table {margin-bottom: 1.4em}
thead th {border-bottom: 2px solid #ccc; font-weight: bold; background: #eee; color: #333;}
tbody th {border-bottom: 1px solid #ccc; font-weight: bold; background: #F3F3F3}
tbody th.divider {margin-top: 2em; border-bottom: 2px solid #333;}
td {border-bottom: 1px solid #ddd}
th,td {padding: 4px 10px 4px 5px}
tr.even td {background: #eef}
tfoot {font-style: italic}
caption {background: #ffc}
 table .last {padding-right: 0}
 .small {font-size: 92%; margin-bottom: 1.875em; line-height: 1.5em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
del.diffdel {text-decoration: line-through; background-color: #FB8287}
del.diffmod {text-decoration: line-through; background-color: #FFBF00}
del.diffdel img {border: 2px solid #D75357}
ins.diffins {text-decoration: none; background-color: #A3E78D}
ins.diffmod {text-decoration: none; background-color: #FFBF00}
ins.diffins img {border: 2px solid #6BC451}
ins.diffmod img, del.diffmod img {border: 2px solid #FF9000}
 .hilite h2, .hilite p { }
.quote {color: #b02d61; display: block; padding: 12px 15px 12px 55px; margin-top: 1em; font-size: 115%; line-height: 1.3; font-family: Georgia, Times, serif; font-style: italic; background: #FFF url("/images/quote.gif") 12px 12px no-repeat}
.callout-left {display: block; float: left; width: 32%; padding: 1%; margin-right: 2%; background-color: #ECECEC; clear: right; font-weight: bold}
.callout-right {display: block; float: right; width: 32%; padding: 1%; margin-left: 2%; background-color: #ECECEC; clear: left; font-weight: bold}
img.right {margin-left: 10px; margin-bottom: 10px}
img.left {margin-right: 10px; margin-bottom: 10px}
p.date {margin: 0 0 0.5em 0; color: #999; font-weight: bold}
p.return {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 2em 0 1em 0; padding: 3px 6px; font-size: 92%; background-color: #F7F7F7; clear: both}
p.return_top {margin: 0 0 2em 0; padding: 3px 0; font-size: 92%; clear: both}
p.commenting_closed {font-weight: bold; font-size: 92%}
p.tags {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 2em 0 2em 0; padding: 3px 6px; font-size: 92%; background-color: #F7F7F7; clear: both}
ul.sub_faqs {list-style: none; margin: 0}
ul.sub_faqs h4 {font-size: 110%; border-top: 1px solid #999; margin-top: 1em; padding-top: 1em}
p.intro_video {width: 460px; height: 368px; background: transparent url("/images/bg_video.jpg") top left no-repeat; margin-bottom: 20px; margin-left: -10px; margin-right: -10px}
p.intro_video strong {display: block; padding: 14px 20px 0 80px; font-size: 1.3em; line-height: 1.3}
.flash-replaced .alt {display: none}
p.flash-replaced {margin-bottom: 20px}
 .rainbow_graphic {float: left !important; margin-right: 40px; margin-bottom: 40px}
.rainbow_key li {margin: 0 !important; padding: 0 0 4px 0 !important; line-height: 1; list-style-type: disc; font-size: 133%}
.rainbow_key li span {font-size: 80%; color: #333; line-height: 1.2}
.rainbow_key li.red {color: #DF2027}
.rainbow_key li.orange {color: #F7941D}
.rainbow_key li.yellow {color: #FEF200}
.rainbow_key li.green {color: #A6CE39}
.rainbow_key li.blue {color: #25AAE2}
.rainbow_key li.indigo {color: #0A4F9D}
.rainbow_key li.violet {color: #AB257E}
.rainbow_key li.white {color: #CCC}
p.insight {clear: both; border-bottom: 1px solid #CCC; padding: 0.5em 0; float: left; width: 100%; margin-bottom: 0.5em !important}
div.chart_wrapper {float: left; padding: 0 0 1.4em; width: 100%}
div.chart_wrapper h3 {clear: left}
div.chart {float: left; padding: 10px 0}
div.action h3 {color: #000 !important; padding: 0 0 0.3em 0; border-bottom: 2px solid #999; margin: 2em 0 1em; background-color: transparent !important}
div.action h3.red {border-bottom-color: #DF2027}
div.action h3.orange {border-bottom-color: #F7941D}
div.action h3.yellow {border-bottom-color: #FEF200}
div.action h3.green {border-bottom-color: #A6CE39}
div.action h3.blue {border-bottom-color: #25AAE2}
div.action h3.indigo {border-bottom-color: #0A4F9D}
div.action h3.violet {border-bottom-color: #AB257E}
div.action h3.white {border-bottom-color: #CCC}
div.action_info {float: right; margin-left: 1em; margin-bottom: 1em; width: 30%; padding: 1em; background-color: #EEE; border: 1px solid #999}
div.action_info strong {color: #000}
div.action h4 {margin-bottom: 0}
div.action p {margin-bottom: 1em !important}
 body {margin: 0 !important; padding: 0 !important; background-color: #FFF}
  .lift-1 {margin-top: -1.5em; margin-bottom:1.5em}
.lift-2 {margin-top: -3em; margin-bottom:3em}
.lift-3 {margin-top: -4.5em; margin-bottom:4.5em}
.lift-4 {margin-top: -6em; margin-bottom:6em}
.lift-5 {margin-top: -7.5em; margin-bottom:7.5em}
 .drop-1 {margin-bottom:-1.5em; margin-top:1.5em}
.drop-2 {margin-bottom:-3em; margin-top:3em}
.drop-3 {margin-bottom:-4.5em; margin-top:4.5em}
.drop-4 {margin-bottom:-6em; margin-top:6em}
.drop-5 {margin-bottom:-7.5em; margin-top:7.5em}
  .box {padding: 1.5em; margin-bottom: 1.5em; background: #eee}
 hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.4em; border: none}
hr.space {background: #fff; color: #fff}
 .clearfix:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix, .container {display: inline-block}
.clearfix, .container {display: block}
 .clear {clear:both}
  .container {width: 940px; margin: 0 auto}
 body {margin:1.5em 0}
  div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 20px;}
 div.last {margin-right: 0}
 .span-1 {width: 60px;}
.span-2 {width: 140px;}
.span-3 {width: 220px;}
.span-4 {width: 300px;}
.span-5 {width: 380px;}
.span-6 {width: 460px;}
.span-7 {width: 540px;}
.span-8 {width: 620px;}
.span-9 {width: 700px;}
.span-10 {width: 780px;}
.span-11 {width: 860px;}
.span-12, div.span-12 {width: 940px; margin: 0}
 .append-1 {padding-right: 80px;}
.append-2 {padding-right: 160px;}
.append-3 {padding-right: 240px;}
.append-4 {padding-right: 320px;}
.append-5 {padding-right: 400px;}
.append-6 {padding-right: 480px;}
.append-7 {padding-right: 560px;}
.append-8 {padding-right: 640px;}
.append-9 {padding-right: 720px;}
.append-10 {padding-right: 800px;}
.append-11 {padding-right: 880px;}
 .prepend-1 {padding-left: 80px;}
.prepend-2 {padding-left: 160px;}
.prepend-3 {padding-left: 240px;}
.prepend-4 {padding-left: 320px;}
.prepend-5 {padding-left: 400px;}
.prepend-6 {padding-left: 480px;}
.prepend-7 {padding-left: 560px;}
.prepend-8 {padding-left: 640px;}
.prepend-9 {padding-left: 720px;}
.prepend-10 {padding-left: 800px;}
.prepend-11 {padding-left: 880px;}
 div.border {padding-right:9px; margin-right:10px; border-right: 1px solid #bfbfbf}
#body_tool div.border {border-right: none}
 div.colborder {padding-right:53px; margin-right:50px; border-right: 1px solid #eee}
 .pull-1 {margin-left: -80px;}
.pull-2 {margin-left: -160px;}
.pull-3 {margin-left: -240px;}
.pull-4 {margin-left: -320px;}
.pull-5 {margin-left: -400px;}
.pull-6 {margin-left: -480px;}
.pull-7 {margin-left: -560px;}
.pull-8 {margin-left: -640px;}
.pull-9 {margin-left: -720px;}
.pull-10 {margin-left: -800px;}
.pull-11 {margin-left: -880px;}
.pull-12 {margin-left: -960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {float:left;position:relative;}
.push-1 {margin: 0 -80px 1.5em 80px;}
.push-2 {margin: 0 -160px 1.5em 160px;}
.push-3 {margin: 0 -240px 1.5em 240px;}
.push-4 {margin: 0 -320px 1.5em 320px;}
.push-5 {margin: 0 -400px 1.5em 400px;}
.push-6 {margin: 0 -480px 1.5em 480px;}
.push-7 {margin: 0 -560px 1.5em 560px;}
.push-8 {margin: 0 -640px 1.5em 640px;}
.push-9 {margin: 0 -720px 1.5em 720px;}
.push-10 {margin: 0 -800px 1.5em 800px;}
.push-11 {margin: 0 -880px 1.5em 880px;}
.push-12 {margin: 0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {float:right;position:relative;}
 #navigation {background: #9697a9 url("/images/bg_nav.gif") bottom left repeat-x; vertical-align: middle}
#login_link, #tool_link, #logout_link {padding: 0 10px 0 0; line-height: 1.9; font-size: 117%; color: #fff; text-decoration: none}
#login_link:hover, #tool_link:hover, #logout_link:hover {color: #c7cbd6}
#tool_link {margin-left: 10px}
#tool_link, #logout_link {background: transparent url("/images/nav_pipe.gif") left center no-repeat; padding-left: 10px}
 a.return {padding-left: 30px; background: transparent url("/images/b_return.gif") center left no-repeat; font-weight: bold; color: #5f6779; line-height: 1.6; display: block; font-size: 1.2em}
a.return:hover {color: #8F0408; text-decoration: none}
 #menu {list-style-type: none; margin: 0; float: left; clear: both; background: #9697a9 url("/images/bg_nav.gif") bottom left repeat-x}
#menu li {display: block; float: left; width: auto; font-size: 117%; margin: 0; position: relative; background: transparent url("/images/nav_pipe.gif") left center no-repeat; z-index: 10}
#menu li a {color: #fff; display: block; padding: 0 0 0 10px; margin-right: 7px; text-decoration: none; line-height: 1.9}
#menu li.first {background: none}
#menu li.last a {border-right: 0}
#menu li a:hover {color: #c7cbd6}
 #menu li a.active, #menu li.main li a.active {color: #c7cbd6}
#menu li a.active_parent, #menu li.main li a.active_parent {color: #c7cbd6}
 #menu li ul {display: none; position: absolute; z-index: 100; width: 200px; background: #616379 url("/images/bg_fade_index.gif") bottom left repeat-x; padding: 10px; top: 1.9em; left: 0; margin: 0}
#menu li:hover ul, #menu li.hover ul {display: block}
#menu li li {font-size: 0.9em; background: transparent; border-bottom: 1px solid #fff}
#menu li li a {display: block; line-height: 1.2; padding: 5px 0; width: 190px}
#menu li li a:hover, #menu li li a.active {color: #ffff00 !important}
 div.submenu ul {font-size: 1.2em; list-style: none; margin: 30px 0}
div.submenu ul li {background: url(/images/tool_submenu_inactive.png) no-repeat 14px 0; margin: 0 0 10px; padding: 0; position: relative}
div.submenu ul li.help {background: url(/images/icon_help.gif) no-repeat 14px 0}
div.submenu ul li.notice {background: url(/images/icon_note.gif) no-repeat 14px 0}
div.submenu ul li.discussion {background: url(/images/icon_discussion.gif) no-repeat 14px 0}
div.submenu ul li a {display: inline-block; padding: 0 0 0 46px}
div.submenu ul li.active_branch a {background: url(/images/tool_submenu_active.png) no-repeat 14px 0; padding-bottom: 2px}
div.submenu ul li.last {background-image: url(/images/tool_submenu_last.png) no-repeat 14px 0}
div.submenu ul li.help-and-advice {background-image: url(/images/tool_help_and_advice.png)}
div.submenu ul li.resources-to-promote-the-tool {background-image: url(/images/tool_resources.png)}
div.submenu ul li.your-details {background-image: url(/images/icon_account.gif)}
div.submenu ul li.news {background-image: url(/images/news.png)}
div.submenu ul li.support-forum {background-image: url(/images/forum.png)}
div.submenu ul li.local_logins {background-image: url(/images/local_logins.png)}
div.submenu ul li span.number {color: #fff; font-size: 9px; left: 0; position: absolute; text-align: center; top: 4px; width: 46px}
div.submenu ul li.no_number span.number {text-indent:-100em}
div.submenu ul li.help-and-advice span.number, div.submenu ul li.resources-to-promote-the-tool span.number, div.submenu ul li.news span.number, div.submenu ul li.support-forum span.number, div.submenu ul li.local_logins span.number {display: none}
div.submenu ul li.active_branch {background: url(/images/tool_submenu_branch.png) no-repeat bottom left}
div.submenu ul ul {border-bottom: 1px solid #ccc; margin: 0 0 0 64px; padding: 0}
div.submenu ul ul li.active_branch {background: none}
div.submenu ul ul li.active_branch ul {border: 0; margin: 0 0 0 1em}
div.submenu ul li li {background: none; font-size: .83em; margin: 0; padding: 0}
div.submenu ul li li a {background: none !important; border-top: 1px solid #ccc; display: block; margin: 0; padding: 2px 0}
div.submenu ul a {color: #5d6779}
div.submenu ul a.active {color: #700}
 #crumbs_pager {padding: 5px 0; color: #8a909d; height: 1.5em; border-bottom: 1px solid #949494}
#crumbs_pager a {text-decoration: none; color: #666}
#crumbs_pager a:hover {text-decoration: underline; color: #000}
 #crumb_list {float: left}
 #pager {float: left; padding-left: 10px; border-right: 1px solid #999; margin-right: 10px}
#pager ul {list-style-type: none; margin: 0}
#pager li {float: left; margin-right: 10px}
#pager li.last {margin-right: 0}
#pager a {padding-right: 16px; background: transparent center right no-repeat; line-height: 1.5; color: #EF5704}
#pager a:hover {color: #B50205}
#pager .previous {padding-left: 16px; padding-right: 0; background-image: url("/images/arrow_left.gif"); background-position: center left}
#pager .next {background-image: url("/images/arrow_right.gif")}
#pager .index {background-image: url("/images/i_index.gif")}
#skip_to_content {display: none}
 div.pagination {border-top: 2px solid #EEE; margin: 0 0 18px 0; padding-top: 16px; font-size: 92%; text-align: center; font-weight: bold; float: left; line-height: 1; width: 100%}
div.pagination a {padding: 3px 4px 0 4px; border: 1px solid #EEE; text-decoration: none; background-color: #EEE}
div.pagination a:hover {background-color: #9d060b; border-color: #9d060b; color: #FFF; text-decoration: none}
div.pagination .current {padding: 3px 4px 0 4px; background-color: #999; border: 1px solid #999; color: #FFF}
div.pagination .item_count {float: left; width: auto; text-align: left}
div.pagination .prev_next {float: right; width: auto; text-align: right}
div.pagination .total_entries {padding-right: 2em; text-align: right}
div.pagination span.disabled {visibility: hidden}
 .container {padding: 0 20px}
 #header {position: relative; margin-bottom: 1px; height: 150px; margin-top: 10px; background: transparent url("/images/header.jpg") top left no-repeat}
#header #logo {position: absolute; bottom: 0; left: 0; font-size: 2.2em; line-height: 1; margin: 10px; font-weight: normal}
#header #logo span, #header #logo a {display: block; color: #fff; text-decoration: none; width: 190px; height: 50px; text-indent: -4999em; overflow: hidden}
#header #logo a:hover {color: #666}
#search_login {float: right; list-style-type: none; margin: 0; padding: 0}
#search_login li {float: left; color: #EEE}
#choose_period {float: right}
#choose_period label {display: inline}
#choose_period select {margin: 0; padding: 0}
#choose_period button {display: none}
 #banner {margin-top: 1px}
#walkthrough #banner {position: relative}
#banner .inner {padding: 10px}
.short_banner {height: auto; background: #FFF url("/images/header_panel_bg.jpg") center left repeat-x}
.tall_banner {height: 300px; background-color: #E7E8E8}
#banner h1 {color: #8f0408; margin-bottom: 0}
#banner h2 {color: #5f6779; margin-top: 0}
  #body {min-height: 400px}
#body .inner {padding: 0 0 0 10px}
#updateable .inner p {padding-right: 10px}
div.content {}
#main {margin-top: 12px}
 ul.items {list-style: none; margin: 0 0 20px 0; padding: 0; float: left}
ul.items li {clear: both; padding: 10px 0 4px 0; float: left}
ul.items li.last {background-image: none}
ul.items li img {float: left; margin-right: 10px; margin-bottom: 7px}
ul.items li a {font-size: 117%}
 .bubble_list {list-style-type: none; margin: 0; padding: 0}
.bubble_list li {}
h2.bubble {background: transparent url("/images/bg_bubble_top.gif") top left no-repeat; font-size: 1.5em; font-weight: normal; padding-top: 10px; margin-right: 10px}
h2.bubble a, h2.bubble span {background: #E7E8E8 url("/images/bg_bubble_bottom_active.gif") bottom left no-repeat; padding-left: 10px; padding-right: 0; display: block; padding-bottom: 35px; color: #8f0408}
h2.bubble span {color: #3B3E54}
.inner h2.bubble {margin-left: -10px; margin-right: 0}
.bubble_list h2.bubble {font-size: 1em}
.bubble_list h2.bubble a, .bubble_list h2.bubble span {}
.bubble_list h2.bubble .inactive {background-image: url("/images/bg_bubble_bottom_inactive.gif"); padding-bottom: 10px}
.bubble_list h2.bubble .active {padding-bottom: 35px; font-size: 1em}
a.print {background: transparent url("/images/print.gif") no-repeat 0 10px; padding: 10px 0 0 20px; font-weight: bold; color: #666; float: right; clear: right; white-space: nowrap}
a.print:hover {color: #000}
 #signposts {width: 142px; margin-left: 70px; float: left; display: inline; margin-top: 30px; margin-right: 0}
#signposts ul {list-style: none; margin: 0; padding: 0}
#signposts li {margin-bottom: 20px; line-height: 1.3}
#signposts li a {font-weight: bold}
#signposts li a:hover {text-decoration: none}
 .column {float: left; margin-right: 20px}
 .last {margin-right: 0}
 #footer {clear: both; padding: 15px 0; margin-top: 20px; border-top: 1px solid #BFBFBF;  margin-bottom: 0}
#footer span.footer_info {color: #666; font-size: 92%; display: block}
#footer .inner {padding: 0 10px; color: #666; font-size: 92%; position: relative}
#footer #cwdc {float: left; margin-right: 50px}
#footer #cwdc a {display: block; color: #CD0A23; width: 111px; height: 84px; margin: 5px 0; text-indent: -4999em; overflow: hidden; background: transparent url("/images/cwdc_logo.gif") top left no-repeat}
#footer a {text-decoration: none}
#footer a:hover {}
#footer_links {position: absolute; right: 0; top: 0; text-align: right}
#footer_links a {color: #666; font-weight: bold}
#footer_links a:hover {color: #000}
#footer_links #tictoc, #footer_links #licence {margin-left: 8px; padding-left: 9px; border-left: 1px solid #CCC; display: inline}
#home #footer_links #ignite {display: block}
#siteurl {display: none}
h3.red, th.red, tr.red, option.red {background-color: #DF2027; color: #FFF}
h3.orange, th.orange, tr.orange, option.orange {background-color: #F7941D; color: #FFF}
h3.yellow, th.yellow, tr.yellow, option.yellow {background-color: #FEF200; color: #000}
h3.green, th.green, tr.green, option.green {background-color: #A6CE39; color: #FFF}
h3.blue, th.blue, tr.blue, option.blue {background-color: #25AAE2; color: #FFF}
h3.indigo, th.indigo, tr.indigo, option.indigo {background-color: #0A4F9D; color: #FFF}
h3.violet, th.violet, tr.violet, option.violet {background-color: #AB257E; color: #FFF}
h3.white, th.white, tr.white, option.white {background-color: #FFFFFF; color: #000}
h3.white {border: 1px solid #CCC; padding: 4px 9px;}
#alt_rainbow li.red {background-color: #c91321; color: #FFF}
#alt_rainbow li.orange {background-color: #e48519; color: #FFF}
#alt_rainbow li.yellow {background-color: #e9dd06; color: #000}
#alt_rainbow li.green {background-color: #9bbe33; color: #FFF}
#alt_rainbow li.blue {background-color: #1592C0; color: #FFF}
#alt_rainbow li.indigo {background-color: #00478b; color: #FFF}
#alt_rainbow li.violet {background-color: #5f284d; color: #FFF}
#alt_rainbow li.white {background-color: #c6c6c6; border: 1px solid #CCC; color: #000}
table.red {border-left: 5px solid #DF2027}
table.orange {border-left: 5px solid #F7941D}
table.yellow {border-left: 5px solid #FEF200}
table.green {border-left: 5px solid #A6CE39}
table.blue {border-left: 5px solid #25AAE2}
table.indigo {border-left: 5px solid #0A4F9D}
table.violet {border-left: 5px solid #AB257E}
table.white {border-left: 5px solid #FFFFFF}
  #home #body h1 { background: transparent url("/images/h_what_how_when.gif") top left no-repeat; width: 450px; padding-top: 105px; padding-left: 10px; margin-left: -10px}
 #walkthrough .banner_walkthrough {background-image: url("/images/banners/walkthrough.jpg")}
#walkthrough #definition {position: absolute; bottom: 10px; left: 10px; background: #a0a3b1 url("/images/bg_definition_bottom.gif") bottom left no-repeat; color: #fff; width: 291px}
#walkthrough #definition .inner {padding: 10px; background: transparent url("/images/bg_definition_top.gif") top left no-repeat}
#walkthrough #definition h4 {margin: 0; color: #fff}
#walkthrough #definition p {margin: 0; color: #fff}
#rainbow_groups {}
#rainbow_groups ul {list-style-type: none; margin: 0; padding: 0}
#rainbow_groups li {margin-bottom: 20px}
#rainbow_groups li a {padding-left: 65px; min-height: 60px; display: block; background-color: transparent; background-repeat: no-repeat; background-position: top left; color: #5f6779}
#rainbow_groups li.band_tab a, #rainbow_groups li.white a {background-image: url("/images/b_rainbow_white.gif")}
#rainbow_groups li.red a {background-image: url("/images/b_rainbow_red.gif")}
#rainbow_groups li.orange a {background-image: url("/images/b_rainbow_orange.gif")}
#rainbow_groups li.yellow a {background-image: url("/images/b_rainbow_yellow.gif")}
#rainbow_groups li.green a {background-image: url("/images/b_rainbow_green.gif")}
#rainbow_groups li.blue a {background-image: url("/images/b_rainbow_blue.gif")}
#rainbow_groups li.indigo a {background-image: url("/images/b_rainbow_indigo.gif")}
#rainbow_groups li.violet a {background-image: url("/images/b_rainbow_violet.gif")}
#rainbow_groups li a:hover {text-decoration: none; color: #BE3438}
 #walkthrough .banner_band_red {background-image: url("/images/banners/band_red.jpg")}
#walkthrough .banner_band_orange {background-image: url("/images/banners/band_orange.jpg")}
#walkthrough .banner_band_yellow {background-image: url("/images/banners/band_yellow.jpg")}
#walkthrough .banner_band_green {background-image: url("/images/banners/band_green.jpg")}
#walkthrough .banner_band_blue {background-image: url("/images/banners/band_blue.jpg")}
#walkthrough .banner_band_indigo {background-image: url("/images/banners/band_indigo.jpg")}
#walkthrough .banner_band_violet {background-image: url("/images/banners/band_violet.jpg")}
#walkthrough .banner_band_white {background-image: url("/images/banners/band_white.jpg")}
 #walkthrough .banner_milestones_red {background-image: url("/images/banners/milestones_red.jpg")}
#walkthrough .banner_milestones_orange {background-image: url("/images/banners/milestones_orange.jpg")}
#walkthrough .banner_milestones_yellow {background-image: url("/images/banners/milestones_yellow.jpg")}
#walkthrough .banner_milestones_green {background-image: url("/images/banners/milestones_green.jpg")}
#walkthrough .banner_milestones_blue {background-image: url("/images/banners/milestones_blue.jpg")}
#walkthrough .banner_milestones_indigo {background-image: url("/images/banners/milestones_indigo.jpg")}
#walkthrough .banner_milestones_violet {background-image: url("/images/banners/milestones_violet.jpg")}
#walkthrough .banner_milestones_white {background-image: url("/images/banners/milestones_white.jpg")}
 #perspectives_list {list-style-type: none; margin: 10px -10px 0 -10px; padding: 0}
#perspectives_list li {margin-bottom: 10px; background: transparent top left no-repeat; min-height: 62px}
#perspectives_list li .title, #perspectives_list li .content {color: #8f0408; padding-left: 10px; padding-right: 10px; display: block; background: #e7e8e8 top left no-repeat}
#perspectives_list li .title {margin-bottom: 0; padding-top: 10px; background-image: url("/images/bg_perspective_bubble_top.gif")}
#perspectives_list li .content {padding-bottom: 35px; background-image: url("/images/bg_perspective_bubble_bottom_active.gif"); background-position: bottom left}
#perspectives_list li.child {background-image: url("/images/p_child.gif")}
#perspectives_list li.team {background-image: url("/images/p_team.gif")}
#perspectives_list li.lscb {background-image: url("/images/p_lscb.png")}
#perspectives_list li.service {background-image: url("/images/p_service.gif")}
#perspectives_list li.practitioner {background-image: url("/images/p_practitioner.png")}
#perspectives_list li.trust {background-image: url("/images/p_trust.gif")}
 #milestones_list {list-style-type: none; padding: 0; margin-left: 0}
#milestones_list li .letter {margin-right: 10px; color: #8F0408}
#milestones_list li a {font-weight: normal; color: #5f6779}
#milestones_list li a:hover {color: #8F0408}
 #body_about .banner {background: transparent url("/images/bg_faq_hands.jpg") top right no-repeat; height: 486px}
.faq_section h2.section_bubble {background: #a2d8ee url(/images/faq_section_bg_top.png) no-repeat top left; color: #49626C; font-size: 1.8em; margin: 6px -10px; width: 620px}
.faq_section h2.section_bubble span {background: url(/images/faq_section_bg_bottom.png) no-repeat bottom left; display: block; padding: 10px}
#faq_list h2.bubble {background-image: url("/images/bg_faq_bubble_top.gif")}
#faq_list h2.bubble a {background-image: url("/images/bg_faq_bubble_bottom_inactive.gif"); text-decoration: none}
#faq_list h2.bubble a:hover, #faq_list h2.bubble a:active {text-decoration: none; color: #000}
#faq_list h2.bubble .active {background-image: url("/images/bg_faq_bubble_bottom_active.gif"); font-size: 1.8em}
#faq_list li .faq h1 {display: none}
#faq_list .sub_faq {margin-bottom: 20px; margin-left: 0; list-style: none}
 dl.items {margin: 0}
dl.items dt {margin: 10px 0 0 0; display: block; position: relative; font-size: 1.3em}
dl.items dt a {text-decoration: none}
dl.items dt a:hover {text-decoration: underline}
dl.items dd {margin: 0; line-height: 1.3; min-height: 2em; overflow: hidden; font-size: 92%}
 div.topic {}
div.topic h2 {margin-bottom: 0}
h1.title {margin-bottom: 0}
h2.title {margin-top: 1em; margin-bottom: 0}
p.topic_by {margin-bottom: 0.5em; color: #999; font-size: 92%; font-weight: bold}
div.preview {padding-bottom: 10px; border-bottom: 2px solid #AAA; margin-bottom: 10px}
#forum_invite {margin-top: 20px}
#forum_invite img {float: right; margin-bottom: 10px}
#signposts p img {float: none}
#signup_url {font-size: 120%}
#replies {margin: 0; padding-top: 5px; border-top: 2px solid #AAA; list-style: none; clear: both; width: 100%}
#replies li div.by {color: #999; font-size: 92%; font-weight: normal}
#replies li {margin: 0 0 10px 0; padding-top: 0; border-bottom: 1px solid #AAA; clear: both; float: left; width: 100%}
#replies li p {margin-bottom: 0.7em}
#replies li.preview div.by {color: #DB7B2C}
#replies li.preview {background-color: #EFEDE2; border: none; padding: 5px 5px 0 5px; width: 440px}
#replies img.avatar {float: left; margin: 0 5px 5px 0}
#replies dt.avatar {width: auto; clear: left}
#replies dd.avatar {min-height: 70px}
 #content {padding: 0 12px; position: relative}
 ol#search_results {margin: 0 0 1em 0; padding-bottom: 1em; list-style: none}
ol#search_results li {padding: 0 0 0.5em 0; margin-bottom: 0.5em; line-height: 1.3}
ol#search_results .highlight {color: #0b4755; font-weight: bold}
ol#search_results em {color: #AAA; font-style: normal; font-size: 95%}
 #sitemap {line-height: 1.6}
#sitemap ul {list-style: none; margin-left: 0}
#sitemap ul ul {margin-left: 20px; list-style: none}
#sitemap li {}
#sitemap li li {font-size: 100%}
#sitemap li.main {font-weight: bold}
#sitemap li.main li {font-weight: normal}
 #task_detail_intro {background: #c8c8c8; font-size: 1.2em; margin: 24px 0 1px; padding: 12px}
#task_detail {background: #e4e4e4; float: left; font-size: 1.2em; padding: 12px; width: 436px}
#task_detail dt {clear: both; float: left; padding: .2em 0; width: 144px}
#task_detail dd {float: right; padding: .2em 0; width: 260px}
#task_detail dd a {display: block}
#analysis_filters {display: none}
#analysis_filters.js {display: block}
 fieldset {border: none; padding: 0}
fieldset ul {list-style: none; padding: 0 0 10px 0; margin: 0 !important}
fieldset ul li {padding-bottom: 0}
div.panel fieldset ul li {clear: both}
fieldset input, fieldset select, fieldset textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; border: 2px solid #CCC; padding: 2px; margin: 2px 0 0 0; color: #333333; background-color: #EEE; font-size: 100%}
fieldset textarea {overflow: auto}
fieldset textarea.visual_editor {width: 98%}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {border-color: #333}
fieldset input.checkbox {background: none}
fieldset select {padding: 1px}
fieldset select option {padding: 0 1em 0 2px}
fieldset select optgroup {padding: 0; background-color: #CCC}
fieldset select optgroup option {padding-left: 10px; background-color: #FFF}
fieldset label {margin-right: 5px; font-weight: bold; display: block; margin-top: 10px; line-height: 1.3}
fieldset label.radio {display: inline}
fieldset span.note {display: block; font-weight: normal; color: #AAA !important; margin: 0 1em 0 0; font-size: 92%}
.required {color: #000 !important}
fieldset label.checkbox_note {font-weight: normal; display: inline; float: none}
.tiny {width: 10% }
input.small, label.small {width: 20%}
.third {width: 30%}
.half {width: 47%}
.two_thirds {width: 67%}
.full {width: 98%}
li.full {width: 100%; clear: both;}
label.tiny, label.small, label.third, label.half, label.two_thirds, label.full {float: left}
fieldset p {margin-bottom: 0.5em !important}
#ensure_ham_field {display: none}
form ul.product_ratings li {padding-bottom: 5px}
label.inline {float: left; margin: 0; padding: 0 20px 0 0}
 #post_comment input.post_reply {font-weight: bold; float: right; margin-right: 0}
 fieldset.buttons input.button1 {font-weight: bold}
fieldset.buttons input.button2 {font-weight: normal}
fieldset input.img_button {background-color: transparent; padding: 0; border: none; margin: 0}
fieldset input.post_reply {float: right}
 #plan_band_id {width: 98%}
 fieldset.buttons {border: 0px none #CCCCCC; background-color: transparent; margin: 0; padding: 0 0 15px 0}
fieldset.buttons input {width: auto; overflow: visible; cursor: pointer; padding: 2px 10px; background-color: #DFDFDF; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; margin-right: 15px}
fieldset.buttons input:hover {background-color: #E9E9E9; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #000}
 fieldset.buttons input.button1 {border: 1px solid #2C992F; background-color: #63C371; font-weight: bold; color: #FFF}
fieldset.buttons input.button2 {font-weight: normal}
 #fstabs {height: 25px; clear: right; border-bottom: 2px solid #DEDEDE; margin-top: 5px}
#fstabs a {background-color: #F0F0F0; background-repeat: no-repeat; padding: 4px 10px 0 10px; margin-right: 1px; height: 21px; font-weight: bold; float: left; width: auto; font-size: 11px}
#fstabs a:hover {text-decoration: none; background-color: #DEDEDE}
#fstabs a.active {background-color: #DEDEDE; color: #484848}
 form.tabbed {clear: left; padding: 1.4em 0; position: relative}
form.tabbed fieldset {background: #E4E4E4; margin: 1.4em 0; padding: 12px}
form.tabbed fieldset.buttons {position: static; width: auto}
form.tabbedjs fieldset {margin: 0; position: absolute; width: 100%}
form.tabbedjs fieldset.buttons {background: #e4e4e4}
form.tabbed h2 {color: #999; font-size: 1em; font-weight: normal; margin: 0}
form.tabbedjs h2 {cursor: pointer; float: left; line-height: 26px; margin: -38px 0 0 0; position: relative; padding: 0 12px}
fieldset.selected h2 {background: #E4E4E4; color: #000}
form.tabbed input.full, form.tabbed textarea {background: #fff}
form.tabbed ul.related {list-style: none; margin: 0; padding: 1.4em 0}
form.tabbed ul.related li {padding: 0 0 2px}
 ul.related li {clear: left; float: left; width: 100%}
ul.related li a.name {float: left}
ul.related li a.delete {background: url("/images/delete_grey.png") no-repeat top right; float: left; height: 16px; overflow: hidden; text-indent: -9999px; width: 20px}
 #search_form {padding: 0; position: absolute; right: 14px; bottom: 12px; text-align: right}
#search_form label {display: inline; font-weight: normal; margin: 0; cursor: pointer; color: #FFF}
#search_field {width: 135px; margin: 0 5px 0 0; color: #7f8594; background: #fff; border: 1px solid #FFF; vertical-align: middle}
#search_button {cursor: pointer; margin: 0; padding: 0; border: 0; background: transparent url("/images/search_button.gif") top left no-repeat; font-size: 1em; line-height: 1; width: 20px; height: 20px; text-indent: -4999em; vertical-align: middle}
 #notice {background-color: #bae68f; padding: 7px 14px; margin: 10px 0; color: #000}
#notice p {font-weight: bold; margin: 5px 0; font-size: 100%; color: #000}
.error {font-weight: bold; color: #DF226A}
em.field_error input, em.field_error textarea, em.field_error select {background-color: #F3E9E9; border-color: #B72222; font-style: normal}
 .fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErrors textarea {border: 1px solid #DF226A; background-image: url("/images/alert.gif"); background-repeat: no-repeat; background-position: 100% 3px}
#errorExplanation, #error {padding: 9px; margin: 9px 0; background-color: #B72222; color: #FFFFFF}
#errorExplanation p , #error p {font-size: 100%; margin-bottom: 0; font-weight: bold; color: #FFCD38}
#errorExplanation ul {margin: 0}
#errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1em}
#body_tool div.submenu {width: 220px; margin-right: 0}
#body_tool #body { padding-left: 19px }
#body_tool #main {background: transparent url("/images/divider.gif") 10px 0 repeat-y}
#sub_menu2 {border-top: 1px solid #CCC; padding-top: 20px;  }
#user_progress {list-style: none; margin: 0 0 1em 0; padding: 0; font-weight: bold; width: 400px}
span.progress {display: block; width: 220px; float: right; line-height: 1.5}
span.progress span {display: block; float: left; width: 150px; height: 7px; font-size: 1px; line-height: 0; background-color: #C3C4CA; margin-right: 10px; margin-top: 5px}
span.progress span strong {display: block; background-color: #00AC00; height: 7px; width: 1%}
 div.panel {background: #9394A6 url("/images/panel_bg.jpg") 0 0 repeat-x; padding: 0; margin-bottom: 20px}
div.panel form {padding: 0 10px 10px 10px}
div.panel form a.remove_group {float: right; width: 15px; height: 15px; margin-top: 3px}
div.panel form li li a.remove_group {margin-right: 5px}
div.panel form label.required, div.panel form label {color: #FFF !important; display: block; clear: both; margin-top: 0; padding-top: 5px}
div.panel input.checkbox {background: transparent; border: none}
div.panel input.full {width: 191px}
div.panel select {width: 195px}
div.panel #user_import_file_data {width: 150px}
div.panel .info {line-height: 1.2; margin: 10px 0; color: #FFF; display: block}
div.panel .info a {color: #FC0}
div.panel span.note {line-height: 1.2; margin: 4px 0 10px 0; color: #FFF !important; display: block; font-size: 100%}
h3.dark {background: #9697A9 url("/images/bg_nav.gif") 0 100% repeat-x; color: #FFF; font-weight: normal; border-bottom: 1px solid #FFFFFF; padding: 5px 10px; margin-bottom: 0}
div.panel input.save, div.panel input.delete {width: auto; overflow: visible; padding: 5px; border: none; cursor: pointer; margin-top: 10px; margin-right: 5px}
div.panel input.save {background-color: #616378; color: #FFF}
div.panel input.delete {background-color: #5C5E74; color: #CCC}
table.plan {width: 100%; background: url("/images/table_bg.jpg") repeat-x 0 100%; border-bottom: 1px solid #bebebe; margin: 0}
table.plan thead th {background: #9697A9 url("/images/bg_nav.gif") 0 100% repeat-x; color: #FFF; border-bottom: 1px solid #FFF; font-weight: normal; padding: 5px 10px}
table.plan tbody {border-bottom: 1px solid #999}
table.plan tbody th {font-weight: bold; border-bottom: none; background-color: transparent; width: 25%; padding: 3px 10px}
table.plan tbody td {border-bottom: none}
.members_list a.edit_member, table.plan tbody td a.edit_plan {float: right; color: #B50205; border-right: 1px solid #CCC; padding-right: 5px}
.members_list a.delete_link, table.plan tbody td a.delete_link {float: right; color: #B50205; padding-left: 5px}
.members_list span.delete_link, table.plan tbody td span.delete_link {color: #ccc; float: right; padding-left: 5px}
table.plan tbody.disabled th, table.plan tbody.disabled td {color: #999 !important}
input#add_button {width: 22px; height: 22px; padding: 0; margin: 3px 0 0 0; background-color: transparent !important; border: none; vertical-align: top}
input.small_add_button {width: 15px; height: 15px; padding: 0; margin: 0; background-color: transparent !important; border: none; vertical-align: middle}
#participant_list ul {margin: 0 0 0 1.5em !important; padding: 0}
#participant_list ul label {display: inline; font-weight: normal}
 h3.divider {margin-top: 2em; padding: 5px 10px}
h3.divider span {float: right}
table.qbuilder {width: 700px}
table.qbuilder tbody th {font-weight: normal; width: 50%}
table.qbuilder tbody th a.help {float: right; width: auto; margin-left: 3px}
tr.band_stage td {border-bottom: 2px solid #666; padding-top: 25px; font-style: italic; color: #333; font-weight: bold}
tr.result_title td {background: #fcfcfc}
th.answer, td.answer {text-align: center}
td.default {background-color: #CDDDE5}
tr.band_stage td.answer {font-style: normal}
tr.band_stage td.scale {padding: 0 10px 5px 10px; font-style: normal}
.qbuilder tr.indices td{ text-align:center}
td.workshop_title, td.average_score {font-weight: bold; text-align: right}
td.workshop_title {width: 160px}
td.result { padding-right: 0}
td.result span.direction, td.result select.direction {float: right}
td.result label {clear: left; float: left}
td.result label.score {color: #000; font-size: 1.2em; font-weight: bold; margin-right: 2em; margin-top: .833em}
td.result select.score {font-size: 1.2em; margin-top: .833em}
td.collective_score {color: #5c678b; font-size: 1.2em; font-weight: normal; padding-bottom: 8px; padding-top: 8px; text-align: center; width: 100%}
td.collective_score select.direction {font-size: .833em}
td.collective_score ul.workforce_group_scores {clear: both; float: left; font-size: .83em; margin: 1.5em 0; width: 100%}
td.collective_score ul.workforce_group_scores li {border-top: 1px solid #ccc; float: left; list-style: none; padding: 10px 10px; text-align: right; width: 323px}
td.collective_score ul.workforce_group_scores li.even {clear: both}
td.collective_score ul.workforce_group_scores label {display: inline; float: none; margin: 0; padding-right: 1em}
td.bottomline, th.bottomline {border-bottom: 1px #333 solid}
li div.result strong, li div.result span.average_score {color: #000; font-size: 1.2em; font-weight: bold}
li div.result span.average_score {padding-right: 2em}
table.select_options {width: 100%}
ol.select_options ul.workforce_group_scores {border-bottom: 1px solid #ccc; clear: both; float: left; margin: 1.5em 0; width: 100%}
ol.select_options ul.workforce_group_scores li {border-top: 1px solid #ccc; float: left; list-style: none; padding: 10px 10px; width: 216px}
ol.select_options ul.workforce_group_scores li label {float: left; width: 150px}
ol.select_options ul.workforce_group_scores li select {float: right; width: 50px}
ol.select_options ul.workforce_group_scores li.even {clear: both}
ol.select_options ul.workforce_group_scores label {display: inline; float: none; margin: 0; padding-right: 1em}
ol.select_options {background: #eee url(/images/data_capture_bg.png) repeat-y; float: left; margin: 0; padding: 0 0 30px; position: relative; width: 686px}
ol.select_options li {display: inline; list-style: none; margin: 0; padding: 0}
ol.select_options li h3 {background: #ccc; clear: left; color: #555; cursor: pointer; font-size: 1em; margin: 0; padding: 6px 10px; width: 162px}
ol.select_options li.selected h3 {background: #eee; color: #000}
ol.select_options li span.add_existing_evidence {display: block; padding: 4px 10px; width: 162px}
ol.select_options li h3.average_score {float: left}
ol.select_options li div {background: #eee; float: right; margin: 0; padding: 7px 15px; width: 473px}
ol.select_options li.tabbed div {left: 183px; position: absolute; top: 0}
ol.select_options li div label {font-weight: bold; margin: 0}
ol.select_options li div label.score {color: #000; display: inline; font-size: 1.2em; padding: 0 1em 0 0}
ol.select_options li div label.comments {padding-top: 1.4em}
.qbuilder label {display: block; margin-top: 1em; font-weight: normal}
.qbuilder textarea {width: 99%; font-size: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height: 10em}
.qbuilder input, .qbuilder select {font-size: 92%}
table.scale {width: 100%; margin: 0}
table.scale td {border: none; padding: 0; font-style: normal}
table.scale td.fragmented {text-align: left; color: #C30000; width: 50%; line-height: 1}
table.scale td.reformed {text-align: right; color: #009800; width: 50%; line-height: 1}
tr.missing td {background-color: #F8F99E}
strong.checked {font-weight: bold; display: none; line-height: 1; margin: 0; padding: 0}
#autosave {font-size: 92%; font-weight: bold}
p.save_info {clear: both; display: block; text-align: center; font-size: 92%; line-height: 1.3; color: #999; padding-top: 1em}
 table.import_users {width: 100%}
table.import_users td input {width: 98%}
table.import_users td input.checkbox {width: auto; border: none}
table.import_users .error {border-color: #810000; font-weight: normal; color: #000; background-color: #E3CBCB}
 ul.members_list {list-style: none; margin-left: 0; margin-bottom: 2em; border-bottom: 1px solid #DDD}
ul.members_list li {border-top: 1px solid #DDD; padding: 3px 0}
#body ul.members_list a {font-weight: normal}
 #email_preview {display: none}
#email_preview div {white-space: pre; font-family: courier, monospace; font-size: 12px; color: #000; background-color: #EBECF0; padding: 10px; clear: both; margin: 10px 0; overflow: auto}
div.buttons a {float: right; padding: 3px 15px; border: 1px solid #999; background-color: #CCC; font-weight: bold; color: #333; margin-left: 10px}
div.buttons a:hover {background-color: #999; color: #FFF; text-decoration: none}
input.save, input.preview {width: auto; overflow: visible; padding: 2px 15px; border: 1px solid #2C992F; background-color: #63C371; font-weight: bold; color: #FFF; cursor: pointer; margin: 0; font-size: 100%}
input.save:hover {background-color: #2C992F; color: #FFF}
input.preview {border: 1px solid #127089; background-color: #4A9CB8}
input.preview:hover {background-color: #27718B; color: #FFF}
input#customise_questionnaire {float: right; margin-left: 222px; padding: 3px 15px}
 #action_plan_tabs {border-left: 1px solid #900000; list-style: none; margin: 0 auto; position: relative; width: 700px; z-index: 10}
#action_plan_tabs li {display: inline}
#action_plan_tabs li a, #action_plan_tabs li em {background: #fafafa; border: 1px solid #900000; color: #900000; cursor: pointer; float: left; margin: 0 0 2.8em -1px; padding: .2em 0; text-align: center; text-decoration: none; width: 138px}
#action_plan_tabs li em {color: #999; cursor: default; font-style: normal}
#action_plan_tabs li a.selected, #action_plan_tabs li a.selected:hover {background: #900000; color: #fff; cursor: default}
#action_plan_tabs li a.disabled {color: #999}
#action_plan_tabs li a:hover {background: #eaeaea}
#plan_types {position: relative}
div.plan_type_with_javascript {clear: both; position: absolute; top: 2.8em; width: 100%; z-index: 5}
div.action {clear: both; padding-bottom: 40px}
.edit_action {float: right}
 #chart_form select.disabled {color: #999}
#chart_form input.disabled_button {background: #eee; color: #999}
#chart_form input.disabled_button:hover {background: #eee; border-color: #ccc #a5a5a5 #a5a5a5 #ccc; color: #999}
#charts {font-weight: bold; padding-top: 20px; color: #000}
#charts div img {}
#charts strong {margin-top: 50px; display: block; background: url("/images/indicator2.gif") no-repeat 0 50%; padding: 10px 0 10px 20px; color: #000}
 #rainbow_widget { }
h3.analysis {border-top: 1px solid #CCC; padding-top: 20px; margin-top: 20px; margin-bottom: 0; clear: both}
#rainbow_widget p {padding: 10px; background-color: #CCCCCC; color: #000}
#alt_rainbow {}
#alt_rainbow li {padding: 5px; position: relative; height: 30px}
#alt_report_rainbow {width: 336px; float: left; padding-right: 30px}
#alt_report_rainbow li {margin: 0 0 5px 0; padding: 2px !important; border: 1px solid #999}
#alt_report_rainbow li img {display: block}
#rainbow_widget li span {padding-right: 2em; position: relative; z-index: 10}
#rainbow_widget li input {text-align: right; width: 2em}
#rainbow_widget li span.bar {border-right: 2px solid #000; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 47%; z-index: 5}
#rainbow_widget li.red span.bar {background: #DF2027; border-right-color: #9f0d18}
#rainbow_widget li.orange span.bar {background: #F7941D; border-right-color: #bd6c13}
#rainbow_widget li.yellow span.bar {background: #FEF200; border-right-color: #C1B805}
#rainbow_widget li.green span.bar {background: #A6CE39; border-right-color: #7c9927}
#rainbow_widget li.blue span.bar {background: #25AAE2; border-right-color: #003569}
#rainbow_widget li.indigo span.bar {background: #0A4F9D; border-right-color: #003569}
#rainbow_widget li.violet span.bar {background: #AB257E; border-right-color: #3E1932}
#rainbow_widget li.white span.bar {background: #ebebeb; border-right-color: #fff}
ul#insights {clear: both}
ul#insights li {float: left; width: 100%; padding-bottom: 20px}
ul#insights li img {margin-top: 27px}
ul#insights li textarea {height: 10em}
 #summary_report li {padding-bottom: 20px; clear: both}
#summary_report .rainbow_wrapper {width:300px; float:left}
#summary_report ul.rainbow_key li {clear: none}
.report_block {border-top: 2px dashed #999; clear: both}
label.visible_in_report {background-color: #EEE; padding: 4px}
 form.preview {}
form.preview .noprint, form.preview span.note {display: none}
form.preview textarea, form.preview input {background-color: #FFF; padding: 0; color: #000; margin: 0; height: auto; border: none}
 ul.plans {border-top: 1px solid #999; list-style: none; margin: 0}
ul.plans li {background: url(/images/table_bg.jpg); border-bottom: 1px solid #999; clear: both; float: left; padding: 3px 10px; width: 440px}
ul.plans li.locality {padding-left: 30px; width: 420px}
ul.plans li div.first {float: left}
ul.plans li div.second {float: right; padding: 6px 0 0}
ul.plans li h2 {float: left; font-size: 1.4em}
ul.plans li p {clear: left; margin: 0; padding: 0}
ul.plans li p.title {padding: 0 0 3px}
ul.plans li p.links {padding: .4em 0 0 0; text-align: right}
ul.plans li p.status {text-align: right; width: 200px}
ul.plan_tasks {border-top: 1px solid #e1e1e1}
ul.plan_tasks li {border-bottom: 1px solid #e1e1e1; clear: both; float: left; margin: 0 -8px; padding: 10px 8px; width: 436px}
ul.plan_tasks li.editing, ul.plan_tasks li.editing h3, ul.plan_tasks li.editing a {background: #606377; color: #fff}
ul.plan_tasks li h3 {font-size: 1.4em}
ul.plan_tasks li div.first {float: left; width: 340px}
ul.plan_tasks li div.second {float: right; text-align: right; width: 96px}
ul.plan_tasks li p {margin: 0 !important}
#upcoming_and_overdue {list-style: none; margin: 0; padding: 0}
#upcoming_and_overdue li {background: #fafafa; border-bottom: 1px solid #fff; padding: 10px}
#upcoming_and_overdue li p {clear: left; margin: 0}
#upcoming_and_overdue strong {clear: left; float: left; width: 5em}
 #plan_task {background: #606377; color: #fff; float: left; margin-bottom: 2.8em; padding: 1em}
#plan_task h3 {color: #fff; font-size: 1.4em}
#plan_task div.first {float: left; width: 341px}
#plan_task div.second {float: right; text-align: right; width: 96px}
#plan_task p {margin: 0 !important}
#builder_tabs {margin: 1.4em auto; width: 241px}
#builder_tabs li {float: left; list-style: none; margin: 0; padding: 0 0 7px; width: 120px}
#builder_tabs li.selected {background: url(/images/builder_arrow.png) no-repeat center bottom}
#builder_tabs li.selected a {background: #b60000; color: #fff}
#builder_tabs li a {border: 1px solid #333; float: left; text-align: center; width: 102px; padding: 4px 8px}
#builder_tabs li.first a {border-right: 1px solid #333; width: 103px}
#builder_tabs li.second a {border-left: 0}
#builder_tabs_clear {clear: both}
div.rainbow {float: left; width:100%}
#plan_statuses {margin: 1em 0}
#plan_statuses label {font-weight: normal}
#plan_statuses label input {background: none; border: 0; margin: 0; padding: 0}
span.qs_explanation {display: block; font-size: .9em}
#summary_report_confirmation ul {list-style: square; margin: 1.4em 0 1.4em 2em !important }
h2.support_search_title {margin-top: 1em; color: #000; padding-right: 100px}
h2.support_search_title em {color: #AC0000}
h2.support_search_title a {float: right; font-weight: normal; font-size: 100%; color: #666}
#product_search fieldset {background-color: #EFF0F5; padding: 10px; margin-bottom: 5px}
#product_search fieldset label {float: left; padding: 4px 5px 0 0; margin: 0}
#product_search .search_options label {display: inline; float: none; clear: both; line-height: 20px; font-size: 110%; font-weight: normal}
#product_search .search_options label.rainbow_radio {background-color: transparent; border-left-width: 20px; border-left-style: solid; padding-left: 3px; margin-bottom: 1px}
#product_search .search_options label.red {border-left-color: #DF2027}
#product_search .search_options label.orange {border-left-color: #F7941D}
#product_search .search_options label.yellow {border-left-color: #FEF200}
#product_search .search_options label.green {border-left-color: #A6CE39}
#product_search .search_options label.blue {border-left-color: #25AAE2}
#product_search .search_options label.indigo {border-left-color: #0A4F9D}
#product_search .search_options label.violet {border-left-color: #AB257E}
#product_search .search_options label.white {border-left-color: #CCC}
#product_search .search_options select {background-color: #FFF; border-color: #A5A6AB; margin: 0 0 3px 0; padding: 1px; border-width: 1px; width: 400px}
#product_search .search_options input {margin: 0; border: none}
#product_search #keyword_search {background-color: #FFF; border: 2px solid #999; margin: 0; padding: 2px; width: 194px}
#arc_info {  padding: 10px 0 0 0; margin: 0}
#support_landscape {display: none}
#product_search #filter_options {padding-top: 0 10px 10px 10px}
#product_search h2 {margin-bottom: 0.3em}
#product_search h4 {margin-top: 1em}
#product_search fieldset ul {padding: 0}
#product_search fieldset dl {padding-top: 5px; padding-bottom: 5px; margin: 0; float: left; width: 100%}
#product_search fieldset dt {margin-left: 0; display: block; width: 90%; padding-right: 10%; border-bottom: 1px solid #DBDCE2; color: #222; cursor: pointer; background: transparent url("/images/fold_icons.gif") 98% 2px no-repeat; line-height: 1.3; padding-bottom: 3px}
#product_search fieldset dt.rolled_up {background-position: 98% -75px}
#product_search fieldset dd {margin-left: 0; background-color: #DBDCE2; padding: 0 0 0 2%; width: 98%; display: block; float: left}
#product_search fieldset dd.select_options {font-size: 92%; padding: 2px 4%; width: 92%; border-bottom: 1px dashed #999;  }
#product_search fieldset dd.select_options a {color: #000; font-weight: normal}
#product_search fieldset.filters label {font-weight: normal; display: block; float: left; padding: 2px 0 5px 0; margin: 0; width: 100%; vertical-align: top}
#product_search fieldset.filters label input {float: left; margin: 0 5px 5px 0; padding: 0; border: none; vertical-align: top}
#product_search fieldset dd.inactive label {color: #9D9EA4}
#product_search fieldset.filters h3 {font-size: 100%; padding: 3px 0}
#product_search .indicator {background: #EFF0F5 url("/images/indicator.gif") no-repeat 95% 5px}
#product_search .filter_submit { background-color: #44A94B; color: #FFF; font-weight: bold; cursor: pointer; border: none; padding: 5px 45px; margin-top: 10px; font-size: 100%; display: inline}
#product_search .filter_submit:hover {background-color: #49BA53}
#product_search a.reset {font-weight: normal; margin: 5px; text-align: center; color: #666}
#change_search_options {padding: 5px; background-color: #EBECF2; display: block; margin-bottom: 15px; font-size: 110%; font-weight: bold; font-style: italic; color: #AC0000; display: none}
#change_search_options:hover {background-color: #CFD0D6; color: #AC0000; text-decoration: none}
ul.product_listing {margin: 10px 0 20px 0; padding: 0; list-style: none}
ul.product_listing li {padding: 10px 0; border-top: 1px solid #CCC}
ul.product_listing li p {margin: 0}
ul.product_listing li div.info {color: #000; padding-bottom: 5px}
ul.product_listing li div.provider {color: #000}
ul.product_listing li div.relevance {float: right; width: 150px; text-align: right}
ul.product_listing li div.relevance div {background: transparent url("/images/relevance.gif") -64px 0 no-repeat; width: 64px; height: 12px; float: right; margin-top: 2px; margin-left: 5px}
ul.product_listing li div div.relevance_0 {background-position: -64px 0}
ul.product_listing li div div.relevance_1 {background-position: -52px 0}
ul.product_listing li div div.relevance_2 {background-position: -39px 0}
ul.product_listing li div div.relevance_3 {background-position: -26px 0}
ul.product_listing li div div.relevance_4 {background-position: -13px 0}
ul.product_listing li div div.relevance_5 {background-position: 0 0}
.sidepanel {background-color: #E7E9EE; padding: 10px; margin-top: 40px}
.sidepanel p {margin-bottom: 0}
.sidepanel fieldset label {padding: 0; margin-right: 0; width: 99%}
.sidepanel fieldset textarea {background-color: #FFF; border-color: #BABCC1}
#add_to_support #add_support_button {width: 100%; background-color: #44A94B; color: #FFF; font-weight: bold; cursor: pointer; border: none; padding: 5px 0; margin-top: 10px}
#add_to_support #add_support_button:hover {background-color: #49BA53}
#product_tags {border-top: 1px solid #CCC; padding-top: 10px}
#product_tags a {font-weight: normal}
 a.dp-choose-date {width: 16px; height: 20px; padding: 0; margin: 0 5px 6px 5px; display: block; float: left; text-indent: -2000px; overflow: hidden; cursor: pointer; background: url("/plugin_assets/cms_core/images/admin/calendar.gif") no-repeat 0 3px}
input.dp-applied {width: 8em !important; margin-top: 0; float: left}
table.jCalendar {border-collapse: separate; border-spacing: 1px; margin: 0 0 3px 3px}
table.jCalendar th {background: #FF7E3C; color: #fff; font-weight: bold; padding: 3px 5px; text-align: center}
table.jCalendar td {background: #CCDDEE; color: #000; padding: 3px 5px; text-align: center}
table.jCalendar td.other-month {background: #ddd; color: #aaa}
table.jCalendar td.today {background: #6B98C5; color: #fff; font-weight: bold}
table.jCalendar td.selected {background: #DF0707; color: #fff; font-weight: bold}
table.jCalendar td.selected:hover {background: #f33; color: #fff}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #fff; color: #000}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #bbb; color: #888}
div.dp-popup {position: relative; background: #FFF; font-size: 10px; font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; border: 2px solid #DEDEDE}
div#dp-popup {position: absolute; z-index: 199; margin-left: -108px; margin-top: 25px}
div.dp-popup h2 {font-size: 11px; text-align: center; margin: 2px 0; padding: 0; line-height: 1.2; font-weight: bold}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display: block}
a#dp-close:hover {text-decoration: underline}
div.dp-popup a {color: #000; text-decoration: none; padding: 3px 2px 0}
div.dp-popup div.dp-nav-prev {position: absolute; top: 0px; left: 4px; width: 100px; font-weight: bold}
div.dp-popup div.dp-nav-prev a {float: left}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default}
div.dp-popup div.dp-nav-next {position: absolute; top: 0px; right: 4px; width: 100px}
div.dp-popup div.dp-nav-next a {float: right}
div.dp-popup a.disabled {cursor: default; color: #aaa}
div.dp-popup td {cursor: pointer}
div.dp-popup td.disabled {cursor: default}
#tooltip {position: absolute; z-index: 3000; border: 2px solid #6491C6; background-color: #A6C9F2; padding: 5px; text-align: left}
#tooltip h3, #tooltip div {margin: 0; font-size: 12px; width: 300px;}
div.fragmented {background-color: #F7E4BB !important; border-color: #BC0013 !important}
div.reformed {background-color: #C3EAC3 !important; border-color: #009800 !important}