/* -- General -- */
html { min-height: 100%; margin-top: 1px; }

body { 
    min-width: 1003px; margin: 0px; background: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; color: #333; 
}

h1, h2, h3, h4, h5, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { margin-bottom: 1em; display: block; font-size: 1em; font-weight: bold; color: #000000; }
h2 { font-size: 1em; margin-bottom: 1em; }
h3 { margin-bottom: 1em; font-size: 1em; }
h3.emptytable { margin: 4px 8px 8px 4px; font-size: 0.9em; color: #999; }
h3.mid { margin-top: 8px; font-size: 0.9em; color: #5c900c; }
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
p { margin-bottom: 1em; font-size: 0.8em; line-height: 1.5em; }
a { text-decoration: underline; outline: none; }
a:link, a:active, a:visited { color: #2a4877; text-decoration: underline; outline: none; }
a:hover { color: #2a4877; text-decoration: none; outline: none; }
img { margin-bottom: 0px; border: 0; }
ul { margin-bottom: 1em; padding-left: 1em; font-size: 0.8em; list-style: disc; }
li { margin-bottom: 1em; line-height: 1.5em; }
ul li p { font-size: 1em; }

p.narrow { width: 534px; }

/* -- Layout -- */
.column { float: left; position: relative; }
.end { margin: 0; }
.hide { display: none; }
.links { margin-bottom: 1em; padding: 0; list-style: none; }
.nonav { padding-bottom: 8px; }

div.left { float: left; }
div.lefttext { text-align: left; }
div.righttext { text-align: right; }
div.right { float: right; }
div.clear:after { clear: both; }
div.half { width: 50%; }
div.third { width: 33%; }
div.center { margin-left: auto; margin-right: auto; text-align: center; }

a.pager { margin-right: 12px; text-decoration: none; font-size: 0.8em; }
a.pager.selected { font-weight: bold; }

/* -- Welcome -- */
#welcome { width: 984px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; height: 12px; }
#welcome img { vertical-align: top; margin: 0; padding: 0; }

/* -- User details -- */
#details { float: right; }
#details ul { margin: 0; padding: 0; font-size: 0.8em; font-weight: bold; color: #5c900c; list-style: none; }
#details li { margin-left: 8px; display: inline; }
#details a { color: #fff; }

/* -- Header -- */
#header { width: 952px; margin-left: auto; margin-right: auto; margin-top: 8px; padding: 8px 15px 6px 15px; background: #fff; border: 1px solid #e1e1e1; border-bottom: none; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; }
#header.alt { padding: 16px 15px 8px 15px; border-bottom: none; }
#header-left { float: left; text-align: left; width: 60%; padding-top: 4px; }
#header-right { float: left; text-align: right; width: 40%; padding-top: 6px; }

/* -- Primary navigation -- */
#primarynavigation { width: 982px; height: 37px; margin-left: auto; margin-right: auto; border: 1px solid #e1e1e1; border-bottom: none; background: #ebebeb url("../images/primarynavigation_bg.gif") repeat left top; font-size: 1.1em; line-height: normal; overflow: hidden; }
#primarynavigation #tabs ul { margin: 0; padding: 0; list-style: none; }
#primarynavigation #tabs li { float: left; height: 36px; margin: 0; padding: 0 0 0 8px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
#primarynavigation #tabs a { float: left; display: block; width: .1em; height: 19px; white-space: nowrap; padding: 9px 16px 5px 8px; text-decoration: none; font-weight: bold; color: #797979; }
#primarynavigation #tabs > ul a { width: auto; }
#primarynavigation #tabs a:hover { color: #62a10d; }
#primarynavigation #tabs #current { background: #fff; border-bottom: 1px solid #fff; }
#primarynavigation #tabs #current a { color: #428d07; }
#primarynavigation #tabs li:hover, #primarynavigation li:hover a { color: #428d07; background: #fff; }
#primarynavigation #context { float: right; margin-right: 16px; height: 36px; padding: 10px 0 0 0; }
#primarynavigation #context p { font-size: 0.75em; font-weight: normal; color: #797979; }
#primarynavigation #context a { text-decoration: underline; color: #797979; }
#primarynavigation #context a:hover { text-decoration: none; color: #797979; }

/* -- Content area -- */
#contentarea { width: 950px; margin-left: auto; margin-right: auto; padding: 16px; background: #fff; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-radius: 0 0 8px 8px; }
#contentarea.login { min-height: 0; }
#contentarea.nonav { border-top: 1px solid #e1e1e1; }
#contentarea.login { border-top: 1px solid #e1e1e1; border-top-left-radius: 0; border-top-right-radius: 0; }

/* -- Secondary navigation -- */
#secondarynavigation { width: 950px; margin-bottom: 16px; background: #6fb211; border: 1px solid #428e08; font-size: 1em; line-height: normal; overflow: hidden; }
#secondarynavigation ul { margin: 0; padding: 0; list-style: none; }
#secondarynavigation li { float: left; margin: 0; padding: 0; border-left: 1px solid #a5d45d; }
#secondarynavigation li:first-child { border-left: 0; }
#secondarynavigation a { float: left; display: block; width: .1em; white-space: nowrap; border-right: 1px solid #428e08; padding: 8px 16px 8px 16px; text-decoration: none; font-weight: bold; color: #fff; }
#secondarynavigation > ul a { width: auto; }
#secondarynavigation a:hover { background: #428e08; color: #fff; }
#secondarynavigation #selected { border-left: #428e08; }
#secondarynavigation #selected a { background: #428e08; border-right: #428e08; color: #fff; }

#secondarynavigation.empty { height: 1px;  }

/* -- Content -- */
#content { width: 950px; background: #fff; overflow: hidden; }
#contentleft { width: 734px; }

/* -- Alert box -- */
#alertbox { margin-bottom: 16px; padding: 16px; border: 1px solid #74bb89; background: #daf2d1; }
#alertbox h4 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px dotted #74bb89; color: #2d6005; }
#alertbox a { color: #2d6005; }
#alertbox p { font-size: 0.7em; color: #4c9a42; }
#alertbox .links { margin: 0; font-size: 0.7em; color: #74bb89; }

/* -- Error box -- */
#errorbox, .modalerrorbox { margin-bottom: 16px; padding: 16px; border: 1px solid #a82a22; background: #f3c6c6; }
#errorbox a, .modalerrorbox a { color: #951f15; }
#errorbox h4, .modalerrorbox h4 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px dotted #a82a22; color: #951f15; }
#errorbox p, .modalerrorbox p { font-size: 0.7em; color: #d3423c; }
#errorbox .links, .modalerrorbox links { margin: 0; font-size: 0.7em; color: #a82a22; }
#errorbox div ul, .modalerrorbox div ul { margin: 0px 0px 0px 16px; padding: 0; }
#errorbox div ul li, .modalerrorbox div ul li { font-size: 0.9em; color: #d3423c; margin-bottom: 0; }

/* -- Temporary error box -- */
#temporaryerrorbox { margin-bottom: 16px; padding: 16px; border: 1px solid #a82a22; background: #f3c6c6; }
#temporaryerrorbox a { color: #951f15; }
#temporaryerrorbox h4 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px dotted #a82a22; color: #951f15; }
#temporaryerrorbox p { font-size: 0.7em; color: #d3423c; }
#temporaryerrorbox .links { margin: 0; font-size: 0.7em; color: #a82a22; }
#temporaryerrorbox div ul { margin: 0px 0px 0px 16px; padding: 0; }
#temporaryerrorbox div ul li { font-size: 0.9em; color: #d3423c; margin-bottom: 0; }

/* -- Forms -- */
form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, label, select, textarea { font-size: 0.8em; margin-bottom: 0em; }
input[type="checkbox"], input[type="radio"] { margin: 0; }
input[type="button"], input[type="submit"] { text-align: center; }

/* -- Tables -- */
table { border-collapse: collapse; border: none; }
table th, td { padding: 6px; }
table th { background: #333; }
table th a { color: #fff; text-decoration: none; }
table td { border: 1px solid #ddd; }
table h4 { margin: 0; color: #fff; }
table p { margin: 0; font-style: normal; }
table ul { margin: 0; padding: 0; color: #ccc; list-style: none; }
table li { display: inline; padding: 0 0 0 4px; }
table input { width: auto; }
table .center { text-align: center; }
table .left { text-align: left; }
table .right { text-align: right; }
table .nowrap { white-space: nowrap; }
table .headerrow { background: #878787 url("../images/table_headerrow.gif") no-repeat left bottom; }
table .headerrow td { border: none; }
table .headerrow h5 { color: #fff; }
table .headerrow a { color: #fff; text-decoration: none; }
table .footerrow { background: #eaf1f9; }
table .tableform { margin: 0; font-size: 0.7em; }
table .item { background: #f9f9f9; }
table .total { background: #f9f9f9; }

table.payment { width: 90%; margin-bottom: 16px; }
table.payment th { font-size: 0.8em; padding: 4px; margin: 0; line-height: normal; border: 1px solid #878787; background: #878787; color: #ffffff; font-weight: bold; }
table.payment td { font-size: 0.8em; padding: 4px; margin: 0; line-height: normal; border: 1px solid #ccc; background: #f7f7f7; text-align: center; }

table.payment-small { width: 100%; margin-left: 16px; }
table.payment-small td { font-size: 0.75em; padding: 0 0 4px 0; margin: 0; line-height: normal; border: none; }

table.accreditations { width: 100%; margin-left: 16px; border: none; }
table.accreditations td { width: 50%; font-size: 0.8em; padding:0; margin: 0; border: none; }
table.accreditations thead td { font-weight: bold; }

/* -- List tables -- */
.listtable { width: 950px; }
.listtable h4 { color: #333; }
.listtable { border-collapse: collapse; border: none; border-bottom: 1px solid #e1e1e1; }
.listtable th, td { padding: 6px; }
.listtable th { background: #333; border: 1px solid #333; border-bottom: 1px solid #e1e1e1; }
.listtable th a, .listtable th a:visited, .listtable th a:hover { color: #fff; text-decoration: none; }
.listtable td { background: #fff; }
.listtable th h4 { margin: 0; color: #fff; }
.listtable td h4 { margin: 0; color: #5c900c; }
.listtable p { margin: 0 0 0 0; font-style: normal; line-height: normal; }
.listtable ul { margin: 0; padding: 0; color: #ccc; list-style: none; }
.listtable li { display: inline; padding: 0 0 0 4px; }
.listtable input { width: auto; margin: 0; padding: 0; }
.listtable .center { text-align: center; }
.listtable .nowrap { white-space: nowrap; }
.listtable .nowrapcenter { text-align: center; white-space: nowrap; }
.listtable .item { background: #f9f9f9; }
.listtable .buttoncell { padding: 2px 4px 0 4px; text-align: center; }
.listtable tr.hoverable:hover td { background-color: #f9f9f9; }
.listtable tr.hoverable td img.addbutton, .listtable tr.hoverable td img.removebutton { filter: alpha(opacity=20); opacity: 0.1; }
.listtable tr.hoverable:hover td img.addbutton, .listtable tr.hoverable:hover td img.removebutton { filter: alpha(opacity=100); opacity: 1; }
.listtable tr.hoverable td .imagebuttoncontainer:hover img.addbutton, .listtable tr.hoverable td .imagebuttoncontainer:hover img.removebutton {filter: alpha(opacity=100); opacity: 1; cursor: pointer;}
.listtable tr.hoverable td .notallowed img { display: none; }
.listtable tr.hoverable td .notallowed a { display: none; }
.listtable tr.hoverable.disabled_add, tr.hoverable.disabled_add td { background-color: #ed8d8d }
.listtable tr.hoverable.disabled_add:hover, tr.hoverable.disabled_add:hover td { background-color: #ed8d8d; }
.listtable tr.hoverable.disabled_remove, tr.hoverable.disabled_remove td { background-color: #c2e193; }
.listtable tr.hoverable.disabled_remove:hover, tr.hoverable.disabled_remove:hover td { background-color: #c2e193; }
.listtablenarrow { width: 355px; }
.listtablescoping { width: 455px; }
.measure { cursor: pointer; }
.collapsed td { padding-bottom: 6px; }

/* -- Control Panel -- */
.controlpanel { width: 200px; background-color: #F7F7F7; margin-bottom: 16px; }
.controlpanelheader { padding: 7px; background: #878787 url('../images/table_headerrow.gif') no-repeat left bottom; font-size: 1em; color: #fff; }
.controlpanelbody { padding: 7px; font-size: 1em; color: #000; border: 1px solid #e1e1e1; border-top: none;  }
 
/* -- Sidebar -- */
#sidebartracker { width: 100px; float: left; margin-left: 16px; padding: 0; height: 0; }
#sidebarcolumn { position: relative; left: 0px; top: 0px; }
.sidebar { width: 200px; margin-left: 16px; }
.sidebarheader { padding: 7px; background: #6baf10 url("../images/sidebarhdr_bg.gif") no-repeat left bottom; font-size: 1em; color: #fff; margin-bottom: 8px; }
.sidebarcontent { padding: 10px 5px 10px 10px; background: #6fb110 url("../images/sidebar_bg.gif") no-repeat left top; height: 628px; border-bottom: 1px solid #428d07; }
.sidebaritem { width: 174px; margin: 0 0 8px 0; padding: 6px 0 6px 4px; color: #49700b; cursor: pointer; }
.sidebaritem:hover { background: #64990f; cursor: pointer; color: #fff;  }
.sidebaritem:hover a, .sidebaritem:hover a:visited, .sidebaritem:hover a:hover { color: #fff; }
.sidebaritem h6, .sidebaritemtop h6, .sidebaritembottom h6 { margin: 0 0 0.5em 0; font-size: 0.7em; }
.sidebaritem h6 a, .sidebaritemtop h6 a, .sidebaritembottom h6 a { text-decoration: none; cursor: pointer; }
.sidebaritem .prominent, .sidebaritemtop .prominent, .sidebaritembottom .prominent { margin: 0 0 0.5em 0; font-size: 0.9em; }
.sidebaritem p, .sidebaritemtop p, .sidebaritembottom p { font-size: 0.7em; }
.sidebaritem ul, .sidebaritemtop ul, .sidebaritembottom ul { margin: 0; padding: 0; font-size: 0.7em; list-style: none; }
.sidebaritem a, .sidebaritemtop a, .sidebaritembottom a, .sidebaritem a:visited, .sidebaritemtop a:visited, .sidebaritembottom a:visited { color: #448307; }
.sidebaritemselected, .sidebaritemselected:hover { background: #56870d; padding: 5px 0 5px 3px; cursor: auto; border: 1px solid #49700b; color: #ffffff; }
.sidebaritemselected a, .sidebaritemselected a:visited, .sidebaritemselected a:hover { color: #fff; }
.sidebaritemselected:hover a, .sidebaritemselected:hover a:visited, .sidebaritemselected:hover a:hover { color: #fff; }
.measureslist, .projectslist { height: 610px; overflow: auto; }
.options p { margin-bottom: 12px; }
.options p:last-child { margin-bottom: 0px; }

/* -- Footer -- */
#footer { width: 950px; margin-left: auto; margin-right: auto; margin-top: 8px; padding: 0px 16px 0px 16px; margin-bottom: 32px; }
#footer ul { margin: 0 0 1em 0; padding: 0; font-size: 0.7em; color: #999; list-style: none; }
#footer li { margin-right: 8px; display: inline; }
#footer p { margin: 0; padding: 0; font-size: 0.7em; color: #999; line-height: 1.5em; }
#footer a { color: #999; }
#footer a:hover { color: #000; text-decoration: underline; }

/* -- Boxout -- */
.boxout { width: 382px; background-color: #F7F7F7; float: left; }
.boxoutbody { border: 1px solid #e1e1e1; border-top: none; float: left; width: 100%; }
.boxout h5 { padding-left: 16px; color: #F7F7F7; font-weight: bold; font-size: 0.9em; line-height: 2.2em; background: #878787 url('../images/table_headerrow.gif') no-repeat scroll left bottom; width: 100%; }
.boxout .row, .boxout .row2 { width: 364px; margin: 0; padding: 8px 0px 0px 0px; line-height: 1.7em; float: left; }
.boxout .row input { float: right; width: 175px; margin: 0.2em 0px 0px 0px; padding: 2px; font-size: 1em; border: solid 1px #C4C4C4; }
.boxout .row span, .boxout .row2 span { color: #666666; font-size: 1em; float: left; margin: 0px; padding: 0px; margin-left: 16px; }
.boxout input { margin: 16px 0px 16px 16px; }
.boxout .row2 input { margin: 0; }
.boxout p { margin: 16px 16px 16px 16px; }
.boxout ul { margin: 16px 0px 8px 16px; }

.creditboxout { background-color: #f7f7f7; border: 1px solid #c4c4c4; padding: 8px; }

h3.form { padding: 8px 0 8px 16px; font-size: 0.9em; overflow: hidden; float: left; background: #6fb211 url('../images/sidebarhdr_bg.gif') no-repeat scroll left bottom; color: #fff; width: 534px; }

/* Form */
.form { margin: 0px 16px 16px 0px; float: left; width: 550px; }
.form h3 { padding: 8px 0 8px 16px; font-size: 0.9em; overflow: hidden; float: left; background: #6fb211 url('../images/sidebarhdr_bg.gif') no-repeat scroll left bottom; color: #fff; width: 534px; }
.form h3.nobar { padding: 8px 0 0 0; background: none; color: #000; }
.form h4 { padding: 8px 0 8px 0; }
.form .row, .form .shortrow { width: 534px; margin-bottom: 8px; padding: 0px; float: left; }

.form .veryshortrow { width: 250px; }
.form .custommeasurerow { width: 270px; }

.form .shortrow { width: 340px; }
.form .row label input, .form .row input[type='text'] { float: right; width: 300px; margin: 0px; font-size: 1em; border: solid 1px #C4C4C4; padding: 2px; }
.form .row input[type='text'] { font-size: 1em; }
.form .row .shortinput { width: 180px; }
.form .row .veryshortinput { width: 140px!important; }
.form .row .dropdown { width: 307px; }
.form .row .shortdropdown { width: 186px; }
.form .row select { float: right; width: 150px; margin: 0px; font-size: 1em; border: solid 1px #C4C4C4; padding: 2px; }
.form .row select.elements { float: none; width: 305px; margin: 0px 0px 8px 0px; padding: 0px; font-size: 0.8em; }
.form .row select.nolabel { float: left; margin-left: 16px; }
.form .row .shortselect { width: 72px; margin-left: 6px; font-size: 100%; }
.form .row .longselect { width: 306px; }
.form .row textarea { margin: 0px 16px 8px 16px; width: 512px; height: 98px; font-family: Sans-Serif; font-size: 0.8em; }
.form .row textarea.double { width: 250px; height: 80px; }
.form .row span { float: left; margin: 0px; padding: 0px 0px 0px 16px; }
.form .break { height: 0; border: 0; border-top: 1px solid #e2e2e2; width: 516px; padding: 0px 0px 16px 0px; margin: 8px 0px 0px 16px; float: left; }
.form .permissionslist { margin: 0px 0px 8px 0px; padding: 0; font-size: 1em; float: right; width: 321px; }
.form .permissionslist li { list-style: none; display: block; float: left; width: 150px; margin: 0px 0px 4px 0px; padding: 0; }
.form .permissionslist li input { margin: 0px 5px 0px 0px; width: 13px; height: 13px; }
.form #permissionslist td { background-color: White; font-weight: normal; font-size: 0.8em; border-width: 0; }
.form #permissionslist { width: 366px; border-color: White; }
.form #permissionslist th, .form #permissionslist td { background-color: White; font-weight: normal; font-size: 0.8em; border-width: 0; }
.form p { float: left; padding: 0px 16px 0px 16px; }
.form div.catspec p { padding: 0; float: none; } 
.form .information { width: 534px; clear: both; padding-bottom: 8px; }
.form .buttoncontainer { float: left; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 16px; }
.form .container { clear: both; padding: 0px 0px 0px 16px; }
.form .container input { float: left; margin-right: 5px; }
.form .checkboxcontainer { float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 16px; }
.form .checkboxcontainer input  { margin: 0 6px 0 0; }
.form .checkboxcontainer span, .form .checkboxcontainer input  { line-height: 1.5em;}
.form .checkboxcontainer a { font-size: 0.8em; }
.form .readonly span { float: left; margin: 0px; padding: 0px 0px 0px 16px; width: 200px; font-size: 0.8em; line-height: 2em; }
.form .row.readonly span { font-size : 1em; padding: 0; }
.information { text-align: left; margin: 0; padding: 0px 0px 16px 0px; font-size: 0.7em; }
.wideform { width: 950px; margin: 0; padding: 0; }
.wideform h4 { padding-top: 0; }
.wideform .help p { padding: 0; margin: 0; margin-bottom: 1em; font-size: 0.7em; width: 160px; }
.buttoncontainer input { margin: 0 16px 0 0; }

.row .checkboxcolumns { padding-bottom: 32px; }
.row .checkboxcolumns .column { width: 130px; }
.row .checkboxcolumns .leftcolumn { margin-right: 44px; }
.row .checkboxcolumns ul { padding: 0; }
.row .checkboxcolumns li { list-style: none; margin: 0; }
.row .checkboxcolumns label { font-size: 1em; }
.row .checkboxcolumns input { margin-right: 3px; }

/* -- Datasheet -- */
#datasheet h2 { font-size: 1.2em; color: #5c900c; }
#datasheet .logo { margin-bottom: 16px; }
#datasheet .identity { background-color: #dddddd; padding: 5px; margin-bottom: 5px; }
#datasheet .info { border: 4px solid #dddddd; padding: 5px; margin-bottom: 5px; }
#datasheet .identity .content { font-size: 0.8em; font-weight: bold; color: #888888; margin: 0; padding: 0;}
#datasheet .info .content { font-size: 1em; font-weight: bold; color: #5c900c; margin: 6px; padding: 0; text-align: center;}
#datasheet .info .label { font-size: 0.8em; font-weight: bold; color: #dddddd; margin: 0; padding: 0; text-align: left; }

/* -- Assessment -- */
span.padlock { vertical-align: bottom; }
span.projectname { vertical-align: middle; color: #000000; font-weight: bold; }
span.schemename { vertical-align: middle; color: #888888; font-weight: bold; }
span.stagename { vertical-align: middle; color: #5c900c; font-weight: bold;  }
div.titlebar { padding-bottom: 8px; }
span.owner { width: 30px; font-size: 0.8em; cursor: pointer; }
td.owner { cursor: pointer; }

a.rowexpander { text-decoration: none; outline: none;  }
tr.collapsed { margin: 0; padding: 0; display: none; }
tr.collapsed .updaterowbutton { padding: 3px; min-width: auto; }
#assessmentsummary { margin-left: 16px; width: 200px; }
#assessmentsummarybody p { margin: 0; padding: 0 0 10px 0; }
#assessmentsummarybody h5 { margin: 16px 0 16px 0; }
#assessmentsummarybody h6 { margin: 6px 0 3px 0; font-size: 0.8em; }
#currentrating, #targetedrating, #breakdown { width: 182px; padding: 4px 8px 4px 8px; background: #f2f2f2 url("/assets/images/gradient_background.gif") no-repeat left top; border: 1px solid #e1e1e1; margin-bottom: 12px; }
#currentrating p.last, #targetedrating p.last, #breakdown p.last { margin: 0; }
#breakdown img.ratinglogosmall { width: 30px; float: left; margin: 3px 10px 0 0; padding: 3px; background-color: #fff; border: 1px solid #e1e1e1; }
#currentrating img.ratinglogo, #targetedrating img.ratinglogo { width: 60px; float: right; margin: 8px; padding: 3px; background-color: #fff; border: 1px solid #e1e1e1; }
.ratingmeasures { font-size: 0.8em; line-height: 1.5em; padding-bottom: 8px;}
.ratinggateways { font-size: 0.8em; line-height: 1.5em; }
.ratingname { color: #5c900c; font-size: 0.8em; font-weight: bold; padding-bottom: 8px; }
#sidebar .options { margin: 16px 0 0 8px; }
tr.amber td, tr.amber td.item { background-color: #fff1a6; }
tr.green td, tr.green td.item { background-color: #c6e0a0; }
tr.red td, tr.red td.item { background-color: #d0d0d0; }

/* -- Scoping -- */
.scopecontainer { width: 455px; float: left; margin-right: 24px; }
.scopecontainer h2 { float: left; font-size: 1em; margin: 7px 0px 11px 0px; }
.scopecount { float: right; text-align: right; color: #5c900c; font-weight: bold; margin: 7px 0px 11px 0px; }
.scopeempty { color: #5c900c; clear: both; float: left; font-weight: bold; }
.scopecontainerright { margin-right: 0px; }
.scopingnavigation { margin-top: 37px; }
.scopingnavigation .sidebaritem { width: 170px; padding-left: 8px; }
.scopingnavigation .sidebaritem p { color: #fff; font-size: 0.8em; font-weight: bold; margin: 0px; }
.scopingnavigation .sidebarcontent { height: 330px; }
div.catspec ul { margin-left: 2em; }
div.catspec li { padding-top: 4px; }

div.issues { width: 938px; padding: 5px; margin: 4px 0 4px 0; background-color: #999999; border: 1px solid #555555; color: #fff; font-weight: bold; }
div.issues table, div.issues tbody, div.issues tr, div.issues td { padding: 0; margin: 0; border: 0; }
div.issues table { width: 100%; }
div.issues td { text-align: center; padding: 2px 0 0 0; min-width: 85px; }
div.issues td.left { text-align: left; }
div.issues a.issueclick { color: #fff; text-decoration: none; font-size: 0.8em; font-weight: bold; }
div.issues a.issueclick:hover { color: #ddd; text-decoration: none; font-size: 0.8em; font-weight: bold; }
div.issues td.selected { color: #555; background-color: #ccc; border: 1px solid #555; }
div.issues td.selected a.issueclick { color: #555; text-decoration: none; font-size: 0.8em; font-weight: bold; }

/* -- Rating -- */
.value { color: #5c900c; }
#summarypanel { width: 932px; margin: 0; padding: 8px; background: #f2f2f2 url("/assets/images/gradient_background.gif") no-repeat left top; border: 1px solid #e1e1e1; }
#summarypanel .summaryitem { width: 230px; float: left; }
#summarypanel .summaryitem p { margin: 4px; padding: 0 8px 0 8px; font-size: 0.8em; font-weight: bold; }
#summarypanel .summaryitem .value { font-weight: bold; vertical-align: top; }
#summarypanel h4 { border-bottom: 1px solid #cccccc; margin-bottom: 8px; }
#achievedratingpanel, #targetedratingpanel { width: 450px; margin: 16px 0 16px 0; padding: 8px; background: #f2f2f2 url("/assets/images/gradient_background.gif") no-repeat left top; border: 1px solid #e1e1e1; }
#achievedratingpanel h4, #targetedratingpanel h4 { border-bottom: 1px solid #cccccc; }
#achievedratingpanel { float: right; }
#targetedratingpanel { float: left; }
#achievedratinglogo, #targetedratinglogo { float: left; width: 150px; margin: 8px 0 0 0; padding: 4px; background-color: #ffffff; }
#achievedratingbreakdown, #targetedratingbreakdown { float: left; width: auto; margin: 8px 0 0 12px; }
#achievedratingbreakdown p, #targetedratingbreakdown p { margin: 0 0 14px 0; }
#achievedratingbreakdown p.last, #targetedratingbreakdown p.last { margin: 0; }

/* -- Project details -- */

#projectdetails { width: 558px; padding: 8px 0 0 0; margin: 0 8px 0 0; min-height: 478px; padding-bottom: 8px; border: 1px solid #e1e1e1; }

/* -- Permissions grid -- */
#permissions { background-color: #f9f9f9; }
#permissions h5 { padding-left: 16px; color: #F7F7F7; font-weight: bold; font-size: 0.9em; line-height: 2.2em; background: #878787 url('../images/table_headerrow.gif') no-repeat scroll left bottom; }
#permissionsbody { height: 360px; border: 1px solid #e1e1e1; border-top: none; background-color: #f9f9f9; padding: 12px; }
#permissionbuttons { text-align: right; }
#permissionscontainer { height: 342px; overflow: auto; }
#permissionsgrid { border-color: #f2f2f2; }
#permissionsgrid th, #permissionsgrid td { background-color: #f9f9f9; font-weight: normal; font-size: 0.8em; border-width: 0; }
#permissionsgrid th { font-size: 0.7em; }
#permissionsgrid .disabled { color: #BFBFBF; }
#permissionsgrid td label { display: none; }
#permissionsgrid td input { margin: 0; padding: 0; }

/* -- Invitations grid -- */
#invitations { background-color: #f9f9f9; }
#invitations h1.empty { font-size: 0.9em; font-weight: normal; padding-left: 8px; padding-top: 30px; }
#invitations h5 { padding-left: 16px; color: #F7F7F7; font-weight: bold; font-size: 0.9em; line-height: 2.2em; background: #878787 url('../images/table_headerrow.gif') no-repeat scroll left bottom; }
#invitationsbody { height: 360px; border: 1px solid #e1e1e1; border-top: none; background-color: #f9f9f9; padding: 12px; }
#permissionbuttons { text-align: right; }
#invitationscontainer { height: 342px; overflow: auto; }
#invitationsgrid { border-color: #f2f2f2; }
#invitationsgrid th, #invitationsgrid td { background-color: #f9f9f9; font-weight: normal; font-size: 0.8em; border-width: 0; }
#invitationsgrid th { font-size: 0.7em; }
#invitationsgrid .disabled { color: #BFBFBF; }
#invitationsgrid td label { display: none; }
#invitationsgrid td input { margin: 0; padding: 0; }

/* -- Contacts -- */

.contactbox p { margin-bottom: 6px; }
.contactbox { min-height: 200px; width: 200px; margin: 8px 16px 8px 0; padding: 8px; float: left; border: 1px solid #999; border-radius: 6px; background: #fff; }
.defaultcontact { background: #f2f2f2; }
.clientcontact { background: #d5d5d5; }
p.contactlink { color: #000; font-size: 0.9em; font-weight: bold; }
.contactlink a { color: #000; text-decoration: none; }

/* -- Modal overlay -- */
.overlay { background: #000 none repeat scroll 0 0; display:none; height:100%; left:0; filter: alpha(opacity=50); opacity: 0.5; top:0; width:100%; z-index:4; display:none; position:fixed; }
.modal { position: absolute; left: 30%; top: auto; z-index:5; background-color: #fff; background-clip: padding-box; display: none; width: 556px; height: auto; padding: 30px 40px 20px 40px; border: 1px solid #555; border: 4px solid rgba(253,253,253,0.2); border-radius: 16px; }
.modal input[type='text'] { border: 1px solid #c4c4c4; padding: 3px; font-size: 1em; }
.modal select { border: 1px solid #c4c4c4; padding: 3px; }
.modal input[type='submit'] { margin-top: 16px; }
.modal p label { font-size: 0.9em; padding-left: 4px; color: #777; }
.modal.catspec li { margin: 0; }
.modal h4 { margin-bottom: 4px; }
#motd h4 { font-size: 0.87em; margin-bottom: 0.5em; }

.cardlogos { padding: 5px 5px 0 5px; margin: 0 0 0 16px; border: 1px solid #cccccc; border-radius: 5px; text-align: center; }

/* --Assessment summary -- */
.summarycontainer { height: 130px; width: 350px; margin: 0 0 5px 0; padding: 15px; }
.summarycontainer h4 { font-size: 1em; color: #000000; }
.summarycontainer .summarycontainerinner h4 { font-size: 0.8em; padding: 0; margin: 0 0 10px; }
.summarycontainer .summarycontainerinner p { padding: 0; margin: 0; float: none; }
.summarycontainer .summarycontainerinner a, .summarycontainer .summarycontainerinner a:hover, .summarycontainer .summarycontainerinner a:visited { color: #5D940D; }
.summarycontainer .summarycontainerinner .ratingsummary { float: left; width: 164px; background: #fff; margin-bottom: 8px; }
.summarycontainer .summarycontainerinner .ratingsummary h4 { margin: 4px 0 8px 8px; }
.summarycontainer .summarycontainerinner .ratingsummary p { padding: 0 0 8px 8px; }
.summarycontainer .summarycontainerinner .ratingsummary img { width: 40px; float: left; padding:1px; background-color: #fff; border: 1px solid #e1e1e1; margin-right: 5px; }

#previewadvicespinner { padding: 14px 10px 10px 10px; margin-bottom: 16px; border: 1px solid #cccccc; border-radius: 8px; } 

#topiccontainer h5 { margin-bottom: 1em; margin-top: 1.8em; }
#topiccontainer p, #topiccontainer li { width: 66%; }