/* ******************************************** */
/* More advanced thematic elements */
/* ******************************************** */

/* These first bits style the scrollbars under webkit browsers - this is actually so scrollbars appear on android and ipad
 * as the default behaviour is for them not to show (you can still scroll around under the modern versions of both, but you
 * just don't see the scrollbars). A side effect is that under desktop webkit browsers you get the same, but it looks ok so
 * it's a decent comrpomise. */

::-webkit-scrollbar{

    -webkit-appearance: none;
    width: 8px;
    height: 8px;

}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {

    border-radius: 4px;
    background-color: rgba(0,0,0,.3); 
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
x.ui-tabs .assess-participate-sections {
	-webkit-overflow-scrolling: touch;
}
input[type="text"], input[type="password"], input[type="number"], textarea {
  margin: 0;
  outline: 0;
  padding: 3px;
  border: 1px solid #aaa;
  border-radius: 3px;
}

select { padding: 2px 0px; }

@-moz-document url-prefix() {
    select { padding: 0px;}
}

.assess-login-header { float: right; margin: 0px; padding: 3px; }
.assess-login-header .assess-input-hint { color: #555555; }
.assess-login-header .assess-login-forgotten-password { font-size: 85%; padding-left: 4px; }

form.login .assess-form-fields input#id_username, form.login .assess-form-fields input#id_password { width: 18em; }

.assess-password-requirements { border: 1px solid #555; background: #eee; padding: 5px; color: #222; font-style: italic; }
.assess-password-requirements ul { margin: 0.3em 0; }


div.assess-footer { padding: 0.2em; text-align: center; border-top: 1px solid black; font-size: 85%;  }

/* ******************************************** */
/* ******************************************** */
/* Bit too faded in the original, copied from jquery ui theme */
body .ui-state-disabled,
body .ui-widget-content .ui-state-disabled,
body .ui-widget-header .ui-state-disabled {
	opacity: .50;
	filter:Alpha(Opacity=50);
}
body .ui-state-disabled .ui-icon {
	opacity: .45;
	filter:Alpha(Opacity=45);
}
body .ui-slider .ui-slider-handle { border: 1px solid #777; border-radius: 3px; }

/* These are used to prevent flash of unstyled content (and to allow e.g. a "Loading" message to show) */

html body.prevent-fouc .hide-fouc { display: none; }
.show-fouc { display: none; }
.show-fouc-loading { font-style: italic; }
html body.prevent-fouc .show-fouc { display: block; }

html body.javascript-notenabled .assess-body-inner { display: none; }

/* NB: these are also used for viewing mail queue messages as well as replies */
.assess-reply .assess-reply-headers {
  border-top: 1px solid gray;
  width: 100%;
}
.assess-reply .assess-reply-related-to {
  margin-bottom: 3px;
  font-weight: bold;
}
.assess-reply .assess-reply-handled {
  margin-bottom: 3px;
  font-style: italic;
}
.assess-reply .assess-reply-handled-comment {
  color: #005522;
}
.assess-reply .assess-reply-body {
  border: 1px inset;
  height: 200px;
  overflow: auto;
  padding: 2px;
}

.assess-reply .assess-reply-headers th {
  vertical-align: top;
  text-align: right;
  color: #444444;
}
.assess-reply .assess-reply-headers td {
  vertical-align: top;
}

/* For view */
#repliesgrid tr.assess-handled-reply td { color: #777777; }

/* Utility */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
}

.assessment-form-errors, div.assess-form-errors-message { border: 1px dotted red; margin: 7px 10px; text-align: center; color: #770000; padding: 3px; font-size: 95%; background-color: #ffeeee; }
.assessment-form-incomplete, .assessment-form-fieldcountsummary { border: 1px dotted blue; margin: 7px 10px; text-align: center; color: #000077; padding: 3px; font-size: 85%; background-color: #ddddff; }
body.assess-participate-report-pdf .assessment-form-fieldcountsummary { border: 1px dotted #a0a0a0; margin: 5px 20px; text-align: center; color: #666666; padding: 3px; font-size: 95%; background-color: #eeeeee; }
.assess-participate-projectbox { color: white; float: right; background-color: #b3b3b3; font-style: italic; padding: 1px 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
    behavior: url('/res/pie/PIE.htc'); /* Provides rounded corners under IE6-IE8 */
}

/* Use additional class "border-collapse" if you e.g. want to have a background colour on a tbody section - this maintains the same spacing
 * pretty much */
table.assess-form-fields.border-collapse { border-collapse: collapse; margin-bottom: 2px; }
table.assess-form-fields.border-collapse > tbody > tr > th, table.assess-form-fields.border-collapse > tbody > tr > td { padding: 3px 1px 1px 3px; }
table.assess-form-fields th, #fileattachment_form th { text-align: right; vertical-align: top; color: #6b7b80; }
table.assess-form-fields td, #fileattachment_form td { vertical-align: top; }
#fileattachment_form .fileattachment_size_limit { margin-top: 8px; font-size: 90%; font-style: italic; }
#fileattachment_form input[type="text"] { width: 25em; }
#fileattachment_type { margin-bottom: 8px; }

body .fileattachmentReadWidget a, body .fileattachmentValue { background: none; padding-left: 0; }
body .fileattachmentValue { margin-top: 1px; }

table.assess-manage-weightings th.groupLabel { text-align: left; font-size: 120%; color: black; padding-5px; padding-top: 10px; font-weight: normal; border-bottom: 1px solid grey; }

.fieldHasFieldHelpText .fieldHelpText { display: none; }

/* For non-tabular display */
.assess-form-fields .fieldlabel { vertical-align: top; color: #6b7b80; white-space: nowrap; font-weight: bold; padding-top: 0.15em;}
.assess-form-fields .fieldlabel .errorlist, .assess-form-fields .fieldvalue .errorlist  { white-space: normal; background-color: #ffeeee; border: 1px dotted red; font-size: 90%; padding: 0.1em; margin: 0.2em; }
.assess-form-fields .fieldlabel .errorlist { max-width: 25em; }
.assess-form-fields .fieldlabel.fieldlayoutgrid { text-align: right; }
.assess-form-fields .fieldvalue { vertical-align: top; }
.assess-form-fields .fieldvalue.readfield { padding-top: 0.15em; }
.assess-form-fields .fieldlayoutplaceholder .errorlist { font-size: 90%; }
.assess-form-fields-grid { display: grid; grid-template-columns: min-content min-content; grid-gap: 0.3em; }
.assess-form-fields-grid.columns4 { grid-template-columns: min-content min-content min-content min-content; }
.assess-form-fields-grid .colspan2 { grid-column-end: span 2; }
.assess-form-fields-grid .colspan3 { grid-column-end: span 3; }
.assess-form-fields-grid .colspan4 { grid-column-end: span 4; }
.assess-form-fields-grid .colspan5 { grid-column-end: span 5; }
.assess-form-fields-grid .colspan6 { grid-column-end: span 6; }
.assess-form-fields-grid .colspan7 { grid-column-end: span 7; }
.assess-form-fields-grid .colspan8 { grid-column-end: span 8; }

.assess-order-setup .consent { padding: 0.2em; background-color: #eee; }
.assess-order-setup .setuphelp .helptextcontainer { border: 1px solid #77a; color: #55a; padding: 0.1em 0.4em; background-color: #eef; }
.assess-order-setup .setuphelp.toright { position: relative; }
.assess-order-setup .setuphelp.toright .helptextcontainer {  margin-left: 1em; }
.assess-order-setup .setuphelp.toright .helptextcontainer::before { content: '\00a0'; border-bottom: 1px solid #77a; position: absolute; top: 0.2em; width: 2em; left: 0; font-size: 50%; }
.assess-order-setup .setuphelp .subject { font-weight: bold; }
.assess-order-setup .setuphelp .detail { font-size: 90%; }    


.ui-dialog #parameter-edit { padding-left: 0; padding-right: 0; }
.ui-dialog #parameter-edit .ui-tabs { border: none; }
.ui-dialog .parameter-settings-form { padding-left: 1em; padding-right: 1em; }

.delegate-dialog-form label { display: inline-block; width: 7em; text-align: right; padding-right: 1em; }
.delegate-dialog-form textarea { vertical-align: top; }

/* Settings for the advanced fields sections */
.assess-advanced-fields {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.assess-advanced-fields .ui-collapseexpandsection-content {
  padding: 0.5em 0.2em;
}
table.assess-form-fields-has-advanced margin-left {
  margin-left: 0.21em;
}
.assess-advanced-fields h3.ui-collapseexpandsection-header {
  font-weight: bold;
  font-size: 100%;
}

body .qtip-shadow  {
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
body .qtip-close .ui-icon { margin-top: 0px; }
body .qtip-content { padding: 10px; }
body .qtip-content span.label { font-weight: bold; }
body .qtip-content span.value .even { color: #e1e1ff; }
body .qtip-score-guidance {
  background-color: #f5f5f5;
  border-color: #bbb;
  color: #303030;
  max-width: 600px;
  font-size: 90%;
}
body .qtip-score-guidance .qtip-close {
  width: 16px;
  height: 16px;
  background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 30%;
	color: #777;
}
body .qtip-score-guidance .qtip-close span {
	opacity: 0.7;
}

@media (max-width: 800px) {
  body .qtip-score-guidance {
    max-width: 70%;
  }
}
body .qtip-score-value-guidance .qtip-icon {
  border-color: #303030;
}
body .qtip-score-value-guidance {
  background-color: #e0e0e0;
  border-color: #303030;
  color: #202020;
}
body .qtip-score-value-guidance .qtip-icon {
  border-color: #303030;
}
.assess-score-guidance-text { max-height: 300px; overflow: auto; }
body .qtip-score-guidance-upwards .assess-score-guidance-text { max-height: 125px; }
body .qtip-score-guidance-leftwards .assess-score-guidance-text { max-width: 370px; } /* Fit into space created for the pop-up to the left (see below) */
.parameter-info-popup-left div.assess-parameter-name { min-width: 350px; } /* Create space for the pop-up to the left */
.assess-score-guidance-widgetheading { font-weight: bold; margin-bottom: 2px; }
.assess-score-guidance-text table { border-collapse: collapse; }
.assess-score-guidance-text ul, .assess-score-guidance-text ol { padding-left: 20px; }

div.assess-main-action-buttons-hide .simple-action-buttons { height: 13px; }
div.assess-main-action-buttons-hide .simple-action-buttons a { display: none; }

ul.errorlist { color: #dd0000; font-weight: normal; list-style: none; margin: 0px; padding: 0px; }

ul.fieldValueList, .radio-select-field ul, .checkbox-select-field ul { margin: 0; padding: 0; padding-left: 0; list-style: none; }
.radio-select-field li input[type="radio"] { margin-left: 0; }
ul.fieldValueListComma li { display: inline; }
span.fieldValueListEmpty { font-style: italic; }

.ui-dialog-buttonpane .assess-other-button { background-color: #888; }
.ui-dialog-buttonpane .assess-default-button { background-color: #707070; color: #fff;}
body .ui-dialog .gridfilter { margin-top: 3px; }
.ui-dialog .ui-dialog-titlebar-close { display: none; }
.nip-autocomplete-popup-dialog .ui-dialog-titlebar-close { display: block; }
.assess-errorhandler-dialog .ui-dialog-titlebar-close { display: block; }
.assess-errorhandler-dialog .originalerror { max-height: 800px; overflow: auto; }

.ui-autocomplete.ui-front { z-index: 101; }

body .ui-autocomplete-input, body .ui-widget-content .ui-autocomplete-input { background: white; padding: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; color: black; font-weight: normal; border: 1px solid #d3d3d3; }

.assess-alert-dialog { border-color: #aa4444; }
.assess-alert-dialog .ui-dialog-titlebar { color: #ffffff; background: #ee3333; }
.assess-alert-dialog .ui-widget-content { color: #aa0000; }

/* Stop blue borders with image map under IE */
.assess-body #assess-participants-charts img { border: none; }

/* *************************************************************** */
/* Action buttons */
/* *************************************************************** */

body .assess-main-action-buttons {
  float: right;
}

body .simple-action-buttons {
  overflow: visible;
  position: relative; /* Helps with pie */
}
body .simple-action-buttons .ui-button .ui-button-text { font-weight: bold; } /* Make all bold */
body .simple-action-buttons .assess-action-button {
  border: 1px solid #444444;
  background:url("/res/static/assess/nip_buttons_shade_short.png") repeat-x #777777;
  margin: 0em 0.2em;
  overflow: visible;
  padding: 0; /* jQuery UI 1.12.x adds loads */
}
body .simple-action-buttons a.assess-action-button:hover {
  text-decoration: none;
}
body .simple-action-buttons .assess-action-button span {
  color: white;
  white-space: nowrap;
  font-size: 90%;
}
body .simple-action-buttons .assess-action-button .ui-button-text {
    display: block; /* older jQuery used to do this, 1.12.x doesn't - we could remove this if we set padding instead on the parent to something more appropriate so the combination matches our old style */
}
body .simple-action-buttons .ui-button-text-only .ui-button-text {
  padding: 0.2em 0.5em;
}
body .simple-action-buttons button.ui-button-text-only .ui-button-text {
  /* IE7 seems to put in its own extra padding on buttons. Sigh. */
  *padding: 0.03em 0.4em;
}
body .ui-jqgrid .simple-action-buttons .assess-action-button, body .simple-action-buttons a.smaller, body .ui-widget .simple-action-buttons a.smaller  {
  font-size: 95%;
  margin: 0em 0.1em;
  padding: 1px 2px;
}


.icon.clickable { cursor: pointer; }

/* Bit more spacing */
.action-buttons { font-size: 13px; } /* Absolute size so including buttons in e.g. H2 won't enlarge them */
body .ui-button { margin-right: 0.4em; }
body .ui-button .icon { margin-right: 0.1em; }

.gridfilter .action-buttons .search {
    padding: 0.3em 0.8em;
    top: -1px;
}

body .ui-jqgrid .action-buttons .assess-action-button, body .action-buttons .smaller, body .ui-widget .action-buttons .smaller  {
  font-size: 95%;
  margin-right: 0.2em;
  padding: 2px 3px;
}

.gridfilter td { vertical-align: top; }
.gridfilter th { padding-right: 5px; }
/* NB: we don't currently have borders on buttons so the border colours do nothing for now (we did used to have borders) */
body .gridfilter .nipjqgridsearchbuttonhighlight[type="submit"] { background-color: #aa6666; color: #ffeeee; border-color: #aa0000; }
body .gridfilter .nipjqgridsearchbuttonhighlight[type="submit"]:hover { background-color: #bb8888; border-color: #dd3333; }
body .normallinks .simple-action-buttons .assess-action-button, body .ui-jqgrid-bdiv .simple-action-buttons .assess-action-button span, body .ui-jqgrid-bdiv .simple-action-buttons a:hover span {
  color: white;
}
/* For IE 6 */
* html body .simple-action-buttons .assess-action-button {
  background: #777777;
}
/* Used to be included for IE 6 and IE 7 only - don't think it's needed now? */
/* body .simple-action-buttons {  
  *padding-top: 2px; 
  *padding-bottom: 2px;
}*/
body .simple-action-buttons .assess-action-button:hover, body .simple-action-buttons .assess-action-button:hover{
  border: 1px outset #999999;
  background-color: #889988;
}
body .simple-action-buttons .assess-action-new, body .simple-action-buttons .assess-action-edit, body .simple-action-buttons .assess-action-select {
  background-color: #4444aa;
}
body .simple-action-buttons .assess-action-new:hover, body .simple-action-buttons .assess-action-edit:hover, body .simple-action-buttons .assess-action-select:hover {
  background-color: #5555bb;
}
body .simple-action-buttons .assess-action-save, body .simple-action-buttons .assess-action-ok, body .simple-action-buttons .assess-action-next {
  background-color: #449944;
}
body .simple-action-buttons .assess-action-save:hover, body .simple-action-buttons .assess-action-ok:hover, body .simple-action-buttons .assess-action-next:hover {
  background-color: #55aa55;
}
body .simple-action-buttons .assess-action-cancel, body .simple-action-buttons .assess-action-delete {
  background-color: #994444;
}
body .simple-action-buttons .assess-action-cancel:hover, body .simple-action-buttons .assess-action-delete:hover {
  background-color: #aa5555;
}
body .simple-action-buttons .assess-action-back {
  background-color: #ba6d2e;
}
body .simple-action-buttons .assess-action-back:hover {
  background-color: #ca7d3e;
}

/* ******************************************** */
/* Other elements */
/* ******************************************** */

html body.assess-participate-report-pdf, html body.assess-participate-report-pdf td, html body.assess-participate-report-pdf th, html body.assess-participate-report-pdf .ui-widget { font-size: 12px; }

/* for qtip - we prefer a bigger shadow */
body.theme-abase .ui-tooltip-shadow {
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.8);  
}
.assess-assessment-ended-late {
  color: #555555;
}
.assess-assessment-ended-timely {
  color: #116611;
}
.assess-assessment-deadline-overdue {
  color: #bb0000;
}

.assess-assessment-deadline-grace {
  color: #aa7d00;
}

.assessment-fake-choice-widget { border: 1px inset; padding: 1px 3px; background: #eeeeee; float: left; }
.ui-icon-inline { display: -moz-inline-block; display: inline-block; *display : inline; zoom: 1; /* IE5.5+ */}
.assess-move-group-controls { float: right; }
.assess-move-group-controls a { float: right; }
div.assess-parameter-group  { border: 1px dotted black; margin-bottom: 5px; padding: 3px; }
table.assess-parameter-group-parameters { background-color: #eeeeee; border-collapse: collapse; }
table.assess-parameter-group-parameters tr.assess-parameter-group-header th { text-align: center; font-weight: bold; }
table.assess-parameter-group-parameters tr.assess-parameter-group-header th.notlast { border-right: 1px dotted #cccccc; }
table.assess-parameter-group-parameters tr.assess-parameter { border-top: 1px solid #cccccc; }
table.assess-parameter-group-parameters tr.ui-sortable-helper { border: 1px solid #cccccc; background-color: #f3f3f3; }
table.assess-parameter-group-parameters td { padding: 2px; }

table.assess-parameter-group-parameters td.assess-parameter-nameanddesc { border-right: 1px dotted #cccccc; padding-right: 0px; }
table.assess-parameter-group-parameters div.assess-parameter-name { padding-right: 10px; font-weight: bold; }
table.assess-parameter-group-parameters div.assess-parameter-description { color: #444444; border-top: 1px dotted #cccccc; padding-right: 2px; }
table.assess-parameter-group-parameters tr.sortable-empty-row div { width: 200px; font-style: italic; padding: 5px; text-align: center; }
table.assess-parameter-group-parameters tbody.has-parameters tr.sortable-empty-row { display: none; }
table.assess-parameter-group-parameters td.assess-parameter-moveicon { vertical-align: middle; }

table.assess-parameter-group-parameters .assess-parameter-manage div.assess-parameter-description { max-height: 6em; overflow: auto; }
table.assess-parameter-group-parameters .assess-parameter-manage td.assess-parameter-widget-edit { max-width: 500px; overflow: scroll; }
table.assess-parameter-group-parameters .assess-parameter-manage td.assess-parameter-widget-edit div.assesswidgetrangeslider { overflow: hidden; }
.assess-parameter-widget-parameter-info { font-style: italic; }

.page-title .assess-definition-status-draft { color: #888888; }
.page-title .assess-definition-status-published { color: #007700; }
.page-title .assess-definition-status-archived { color: #770000; }

.assess-mandatory-mark { font-weight: normal; color: red; width: 1em;}

tr.assess-parameter td { vertical-align: top; }
tr.assess-parameter-supplementary td { vertical-align: top; }
tr.assess-parameter-supplementary { page-break-before: avoid; page-break-inside: avoid; }
tr.assess-parameter { page-break-inside: avoid; }

/* .assess-parameter-edit div.assesswidgetrangeradio div { white-space: nowrap; } */
div.assesswidgetrangeradio div span.assesswidgetrangeradio-cell, div.assesswidgetenumeratedchoices div span.assesswidgetenumeratedchoices-cell, .assess-parameter-edit div.assesswidgettextchoicesmultiplecheckbox div span.assesswidgettextchoicesmultiplecheckbox-cell {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 2px;
  padding-right: 5px;
  margin-right: 2px;
}

div.assesswidgettextchoicesmultiplecheckbox div.assesswidgettextchoicesmultiplecheckbox-verticaldisplay span.assesswidgettextchoicesmultiplecheckbox-cell {
  display: block;
}

.assess-parameter-read .assesswidgetrangeradio .redambergreen span { display: block; padding: 2px; }
.assesswidgetrangeradio-0-10-5 .redambergreen { font-weight: bold; }
.assesswidgetrangeradio-0-10-5 .redambergreen .assesswidgetrangeradio-val-0 { background-color: #ff0000; }
.assesswidgetrangeradio-0-10-5 .redambergreen .assesswidgetrangeradio-val-5 { background-color: #ffff00; }
.assesswidgetrangeradio-0-10-5 .redambergreen .assesswidgetrangeradio-val-10 { background-color: #00ff00; }
.assesswidgetrangeradio-1-5-2 .redambergreen { font-weight: bold; }
.assesswidgetrangeradio-1-5-2 .redambergreen .assesswidgetrangeradio-val-1 { background-color: #ff0000; }
.assesswidgetrangeradio-1-5-2 .redambergreen .assesswidgetrangeradio-val-3 { background-color: #ffff00; }
.assesswidgetrangeradio-1-5-2 .redambergreen .assesswidgetrangeradio-val-5 { background-color: #00ff00; }

td.assess-parameter-widget div.assess-multiline-radio { margin: 2px; }
td.assess-parameter-widget div.assess-multiline-radio span.assesswidgetrangeradio-cell, td.assess-parameter-widget div.assess-multiline-radio span.assesswidgetenumeratedchoices-cell { display: block; position: relative; }
td.assess-parameter-widget div.assess-multiline-radio input { position: absolute; display: block; left: 0; top: 0; margin-top: 1px; margin-left: 0.5em; }
td.assess-parameter-widget div.assess-multiline-radio label { display: block; white-space: normal; margin-top: 1px; margin-left: 2em; min-width: 350px; }
td.assess-parameter-widget div.assess-multiline-radio-border { margin: 1px; border: 1px solid #bbb; }
td.assess-parameter-widget div.assess-multiline-radio-border span.assesswidgetrangeradio-cell, td.assess-parameter-widget div.assess-multiline-radio-border span.assesswidgetenumeratedchoices-cell { display: block; position: relative; border-bottom: 1px solid #ccc; }
td.assess-parameter-widget div.assess-multiline-radio-border input { position: absolute; display: block; left: 0; top: 0; margin-top: 1px; margin-left: 0.5em;}
td.assess-parameter-widget div.assess-multiline-radio-border label { display: block; white-space: normal; margin-top: 1px; margin-left: 2em; min-width: 350px; }

/* Wide cell-like arrangement */
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5 {
  width: 850px;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide span.assesswidgetrangeradio-cell, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5 span.assesswidgetenumeratedchoices-cell {
  float: left;
  width: 155px;
  margin-left: 2px;
  border: 1px solid rgb(187, 187, 187);
  font-size: 85%;
  text-align: center;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide.assesswidgetrangeradio-na span.assesswidgetrangeradio-cell, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5.assesswidgetrangeradio-na span.assesswidgetenumeratedchoices-cell {
  width: 143px;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide span.assesswidgetrangeradio-cell label span, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5 span.assesswidgetenumeratedchoices-cell label span {
  display: block;
  white-space: normal;
  padding: 0px 2px;
}
@media (max-width: 1000px) {
  .assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5 {
    width: 650px;
  }
  .assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide span.assesswidgetrangeradio-cell, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5 span.assesswidgetenumeratedchoices-cell {
    width: 126px;
    margin-left: 1px;
    font-size: 80%;
  }
  .assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide.assesswidgetrangeradio-na span.assesswidgetrangeradio-cell, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5.assesswidgetrangeradio-na span.assesswidgetenumeratedchoices-cell {
    width: 104px;
  }
} 
@media (min-width: 1300px)  {
  .assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5 {
    width: 1030px;
  }
  .assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide span.assesswidgetrangeradio-cell, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5 span.assesswidgetenumeratedchoices-cell {
    width: 190px;
    font-size: 90%;
  }
  .assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide.assesswidgetrangeradio-na span.assesswidgetrangeradio-cell, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5.assesswidgetrangeradio-na span.assesswidgetenumeratedchoices-cell {
    width: 179px;
  }
  
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio-wide.assesswidgetrangeradio-na span.assesswidgetrangeradio-val--na-, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-5.assesswidgetrangeradio-na span.assesswidgetenumeratedchoices-val--na- {
  width: 50px;
}

/* More normal cell-like arrangement, font not shrunk so much */
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-5 {
  width: 700px;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio span.assesswidgetrangeradio-cell, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-5 span.assesswidgetenumeratedchoices-cell {
  float: left;
  width: 125px;
  margin-left: 3px;
  border: 1px solid rgb(187, 187, 187);
  font-size: 90%;
  text-align: center;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assess-spreadsheet-radio span.assesswidgetrangeradio-cell label span, .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-5 span.assesswidgetenumeratedchoices-cell label span {
  display: block;
  white-space: normal;
  padding: 0px 2px;
}

/* Wide cell-like arrangement for 4 choices for enumerated */
.assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-4 {
  width: 770px;
}
.assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-4 span.assesswidgetenumeratedchoices-cell {
  float: left;
  width: 185px;
  margin-left: 2px;
  border: 1px solid rgb(187, 187, 187);
  font-size: 85%;
  text-align: center;
}
.assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-4 span.assesswidgetenumeratedchoices-cell label span {
  display: block;
  white-space: normal;
  padding: 0px 2px;
}
@media (max-width: 950px) {
  .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-4 {
    width: 580px;
  }
  .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-4 span.assesswidgetenumeratedchoices-cell {
    width: 139px;
    margin-left: 1px;
    font-size: 80%;
  }
} 
@media (min-width: 1300px)  {
  .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-4 {
    width: 940px;
  }
  .assess-parameter-edit td.assess-parameter-widget div.assess-spreadsheet-radio-wide-4 span.assesswidgetenumeratedchoices-cell {
    width: 228px;
    font-size: 90%;
  }
}


input.assesswidgetsinglelinetext { width: 30em; }

textarea.assesswidgetmultilinetext { min-width: 30em; min-height: 5em; max-height: 12em; width: 98%; }
textarea.assesswidgetmultilinetext { width: 30em\9; height: 7em\9; } /* IE7,IE8 doesn't support our resizing stuff, so just make bigger */

textarea.assessparametercomment { min-width: 25em; min-height: 3.5em; max-height: 12em; width: 98%; }
textarea.assessparametercomment { width: 25em\9; height: 6em\9; } /* IE7,IE8 doesn't support our resizing stuff, so just make bigger */

@media (min-width: 950px) {
  textarea.assesswidgetmultilinetext { min-width: 35em; }
  textarea.assessparametercomment { min-width: 30em; }
}

@media (min-width: 1100px) {
  textarea.assesswidgetmultilinetext { min-width: 38em; }
  textarea.assessparametercomment { min-width: 33em; }
}
table.assess-assessment-parameters {
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
}
body.assess-participate-report-pdf table.assess-assessment-parameters {
  border-collapse: collapse;
}
body.assess-participate-report-pdf table.assess-assessment-parameters td {
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
body.assess-participate-report-pdf table.assess-assessment-parameters th {
  border-left: 1px solid white;
  border-right: 1px solid white;
}
table.assess-assessment-parameters td, table.assess-assessment-parameters th {
  padding: 5px;
}

table.assess-assessment-parameters td.assess-parameter-nameanddesc {  min-width: 130px; }
table.assess-assessment-parameters td.assess-parameter-comment { min-width: 100px; }
table.assess-assessment-parameters td.assess-parameter-supplementary { min-width: 100px; }
body.assess-participate-report-pdf table.assess-assessment-parameters td.assess-parameter-nameanddesc {  min-width: 100px; }
body.assess-participate-report-pdf table.assess-assessment-parameters td.assess-parameter-comment { min-width: 90px; font-size: 9px; }
body.assess-participate-report-pdf table.assess-assessment-parameters td.assess-parameter-supplementary { min-width: 90px; font-size: 9px; }
table.assess-assessment-parameters td.assess-parameter-nameanddesc .sg-icon, .assess-guidance-icon-container .sg-icon, .assess-supplementary-parameterdetails .sg-icon { float: right; cursor: pointer; }
.sg-icon .icon { font-size: 14px; color: #3447b4; }
.ui-collapseexpandsection-header .icon { float: right; margin-top: 3px; margin-right: 3px; }

body .ui-collapseexpandsection .ui-collapseexpandsection-header { background-color: #ebebeb; color: #555; border: 1px solid #d3d3d3; }
body .ui-collapseexpandsection .ui-collapseexpandsection-header.ui-state-hover { color: #eee; background-color: #777; }

table.assess-assessment-parameters span.assess-supplementary-count { font-style: italic; padding-right: 5px; }
table.assess-assessment-parameters tbody.assess-assessment-parameter-group-nocomment .assess-parameter-nocomment {
  display: none;
}
table.assess-assessment-parameters div.assess-parameter-description {
  margin-top: 1px;
  padding-top: 1px;
  border-top: 1px dotted #d1d1d1;
  color: #444444;
}
table.assess-assessment-parameters div.assess-parameter-name {
  font-size: 110%;
  font-weight: bold;
}
@media (max-width: 900px) {
  table.assess-assessment-parameters div.assess-parameter-name {
    font-size: 100%;
  }
  table.assess-assessment-parameters div.assess-parameter-description {
    font-size: 90%;
  }
}
.assess-assessment-parameter-group-header h3.group-name {
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  font-size: 130%;
  color: #555;
}
table.assess-assessment-parameters .assess-assessment-parameter-group-header > td {
  padding: 0.3em 0.7em;
}
.assess-assessment-parameter-group-header .group-name-empty h3.group-name {
	display: none;
}
.assess-assessment-parameter-group-header div.group-description {
  border-top: 1px dotted #d1d1d1;
  font-size: 105%;
  color: #444444;
}
.assess-assessment-parameter-group-header .group-name-empty div.group-description {
  border-top: none;
}
table.assess-assessment-parameters tr.assess-assessment-parameter-group-colheader th {  
  background-color: #eee;
  color: #666;
}
table.assess-assessment-parameters tr.assess-parameter td {
    border-bottom: 1px solid #ddd;
}
table.assess-assessment-parameters tr.assess-parameter-supplementary td {
    border-bottom: 1px solid #ddd;
}
table.assess-assessment-parameters tr.assess-parameter td.container {
    border-bottom: none;
}
table.assess-assessment-parameters tr.assess-parameter td.container>table {
    width: 100%;
}
/* table.assess-assessment-parameters tr.assess-parameter td, table.assess-assessment-parameters tr.assess-parameter-supplementary td {  
  background-color: #e9e9e9;
} */
/* Next stuff is old way of doing things - TODO: remove */
table.assess-assessment-parameters tr.assess-parameter-row-incomplete td {
  background-color: #dfdfff;
}
table.assess-assessment-parameters tr.assess-parameter-row-incomplete td.assess-parameter-widget {
  border: 1px solid blue;
}
table.assess-assessment-parameters tr.assess-parameter-row-mandatory-missing td {
  background-color: #ffdfdf;
}
table.assess-assessment-parameters tr.assess-parameter-row-mandatory-parameter-missing td.assess-parameter-widget {
  border: 1px solid #ff9090;
}
table.assess-assessment-parameters tr.assess-parameter-row-mandatory-comment-missing td.assess-parameter-comment {
  border: 1px solid #ff9090;
}
table.assess-assessment-parameters tr.assess-parameter-row-mandatory-supplementary-missing td.assess-parameter-comment {
  border: 1px solid #ff9090;
}
table.assess-assessment-parameters tr.assess-parameter-row-mandatory-supplementary-missing span.assess-supplementary-count {
  color: red;
}
/* End old way of doing things */

table.assess-assessment-parameters td.assess-parameter-widget { border-left: 5px solid #e9e9e9; }
table.assess-assessment-parameters tr.assess-parameter-score-incomplete td.assess-parameter-widget { border-left-color: #eeaaaa; }
table.assess-assessment-parameters tr.assess-parameter-score-incomplete.assess-parameter-score-mandatory td.assess-parameter-widget { border-left-color: #ff0000; }
table.assess-assessment-parameters tr.assess-parameter-score-complete td.assess-parameter-widget { border-left-color: #88ff88; }
table.assess-assessment-parameters tr.assess-parameter-score-complete.assess-parameter-read td.assess-parameter-widget { border-left-color: #e9e9e9; }
table.assess-assessment-parameters tr.assess-parameter-score-sourceerrors td.assess-parameter-nameanddesc { border-left: 2px solid #ff0000; }

table.assess-assessment-parameters td.assess-parameter-comment { border-left: 5px solid #e9e9e9; }
table.assess-assessment-parameters tr.assess-parameter-comment-incomplete td.assess-parameter-comment { border-left-color: #eeaaaa; }
table.assess-assessment-parameters tr.assess-parameter-comment-incomplete.assess-parameter-comment-mandatory td.assess-parameter-comment { border-left-color: #ff0000; }
table.assess-assessment-parameters tr.assess-parameter-comment-complete td.assess-parameter-comment { border-left-color: #88ff88; }
table.assess-assessment-parameters tr.assess-parameter-comment-complete.assess-parameter-read td.assess-parameter-comment { border-left-color: #e9e9e9; }

table.assess-assessment-parameters td.assess-parameter-supplementary { border-left: 5px solid #e9e9e9; }
table.assess-assessment-parameters tr.assess-parameter-supplementary-incomplete td.assess-parameter-supplementary { border-left-color: #eeaaaa; }
table.assess-assessment-parameters tr.assess-parameter-supplementary-incomplete.assess-parameter-supplementary-mandatory td.assess-parameter-supplementary { border-left-color: #ff0000; }
table.assess-assessment-parameters tr.assess-parameter-supplementary-complete td.assess-parameter-supplementary { border-left-color: #88ff88; }
table.assess-assessment-parameters tr.assess-parameter-supplementary-complete.assess-parameter-read td.assess-parameter-supplementary { border-left-color: #e9e9e9; }

.assess-participation-inner-nav .statusbullet { color: #cccccc; }
.assess-participation-inner-nav .statusbullet.complete { color: #44ff44; }
.assess-participation-inner-nav .statusbullet.incomplete{ color: #eeaaaa; }
.assess-participation-inner-nav .statusbullet.incompleteother { color: #99f099; }
.assess-participation-inner-nav .statusbullet.incompletemandatory { color: #ff0000; }

.assess-participation-subtabbed .assess-assessment-parameter-group-header .group-name { height: 1px; visibility: hidden; margin-top: 0; }
.assess-participation-subtabbed .assess-assessment-parameter-group-header .group-description { border-top: none; padding-top: 5px; }
.assess-participation-subtabbed .assess-assessment-parameter-group-header .group-description > p:last-child { margin-bottom: 5px; }

.assess-participation-subtabbed .assess-parameter .assess-parameter-section-name {
	font-weight: bold;
	color: #888;
	border-right: 1px solid #999;
	margin-right: 3px;
	padding: 2px;
	padding-right: 5px;
	display: inline-block;
}

.assess-participation-subtabbed table.assess-assessment-parameters tr.assess-parameter td {
	border-bottom: none;
}

.assess-parameter-subtab th.assess-parameter-body-label { text-align: right; vertical-align: top; color: #777777; min-width: 5em; width: 10%; white-space: nowrap; display: none; }
.assess-parameter-subtab .assess-parameter-name { font-size: 115%; font-weight: bold; color: #555555; }
.assess-parameter-subtab td.assess-parameter-header { border-left: 5px solid #e9e9e9; }
.assess-parameter-subtab div.assess-parameter-nameandnumber { margin-bottom: 3px; }
.assess-parameter-subtab .assesswidgetrangeslider .assesswidgetrangeslider-inner {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    margin: 5px;
}
.assess-parameter-subtab div.assess-parameter-nodescription { border-top: 1px dotted #d1d1d1; }
.assess-participation-inner-bodies { overflow: auto; }
.assess-parameter-subtab .assess-guidance-icon-container .sg-icon {
    float: none;
}

table.assess-participate-completenesskey {
  border-collapse: separate;
  border-spacing: 2px;
}
table.assess-participate-completenesskey th { padding: 3px; color: white; background-color: #888888; text-align: left; }
table.assess-participate-completenesskey td { border-left: 5px solid #e9e9e9; background-color: #e9e9e9; padding: 3px; }
table.assess-participate-completenesskey td div { min-height: 2em; }
table.assess-participate-completenesskey tr.incomplete td { border-left-color: #eeaaaa; }
table.assess-participate-completenesskey tr.mandatory td { border-left-color: #ff0000; }
table.assess-participate-completenesskey tr.complete td { border-left-color: #88ff88; }

.assessclickableparticipantschart .ahcclickableticklabel, .assessclickableparticipantschart .highcharts-point { cursor: pointer !important; }

/* Hide the export menu button unless hovering over chart */
.highcharts-container .highcharts-contextbutton, .wordcloud-container .wordcloud-menu-icon { visibility: hidden; }
.highcharts-container:hover .highcharts-contextbutton, .wordcloud-container:hover .wordcloud-menu-icon { visibility: visible; }

/* Allow overlap of plotarea for bounded scatter - means averages at extremes don't get cut in half! NB: need to duplicate in javascript to add to nip_highcharts_extra_export_css for export */
.nip-highchart-boundedscatterchart .highcharts-series {
  clip-path: none;
}

.assess-assessment-parameter-group-header-nocolheader td { border-bottom: 2px solid #bbb; }
.subtabs .assess-assessment-parameter-group-header-nocolheader td { border-bottom: none; }

col.assess-assessment-parameter-widget, col.assess-assessment-parameter-comment {
  border-left: 1px solid white;
}

h3.assess-definition-picker-header {
    margin: 2px;
    font-size: 16px;
}
table.select-existing-indicator-wrapper { border-collapse: collapse; }
table.select-existing-indicator-wrapper .assessment-fake-choice-widget { margin-top: 3px; }
#selection-existing-indicator { white-space: nowrap; width: 0px; overflow: visible;  color: green; margin-left: 5px; margin-top: 3px; }
#other-definitions { padding: 0em 0.1em; }

/* Popup picker additional */
div.popup-picker a.pick-link { margin-left: 4px; margin-right: 2px; outline: none; }
div.popup-picker a.clear-link { margin-left: 2px; margin-right: 2px; outline: none; }
div.popup_picker ul { min-width: 7em; }
div.popup_picker li.novalue { width: 7em; }
.ui-datepicker-trigger { border: none; padding: 0; margin: 0 4px;  }
.ui-datepicker-trigger .icon { cursor: pointer; }
body .ui-datepicker .ui-state-default { background: #eee; }
body .ui-datepicker .ui-state-default.ui-state-highlight { background: #fafafa; color: #333; border: none; }
body .ui-datepicker .ui-state-default.ui-state-active { background: #777; color: #fff; }
div.popup-picker .popup-picker-inner ul {
    max-height: 15em;
    overflow: auto;
    border: 1px solid #aaa;
    padding: 2px;
    border-radius: 3px;
}
div.popup-picker .popup-picker-inner td {
    padding: 0px;
}
ul.assessment-participants-status .warning { color: #660000; }

#id_participants_to_add {
  margin: 0px; padding: 0px; padding-left: 0px; list-style: none;  
}
#id_participants_to_add li {
  display: inline-block;
  border: 1px solid #ddd; padding: 1px 2px; margin-right: 2px;
  background-color: #fafafa;
  line-height: 22px;
  white-space: nowrap;
}
#id_participants_to_add li.participants-none {
  border: none;
  padding: 0px;
  line-height: normal;
  font-style: italic;
}
#id_participants_to_add li span.user-remove {
  font-weight: bold;
  margin-right: 4px;
  cursor: pointer;
}
.assess-header {
  border-bottom: 1px solid black;
}

table.importerprocessedinfo { border-collapse: collapse; }
table.importerprocessedinfo th, table.importerprocessedinfo td { vertical-align: top; padding: 3px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; text-align: left; }
table.importerprocessedinfo tr { border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
table.importerprocessedinfo tr.header th { border: 1px solid black; text-align: center; padding: 3px 5px; }
table.importerprocessedinfo tr.mainrow th, table.importerprocessedinfo tr.mainrow td { border-top: 1px solid black; }
table.importerprocessedinfo td.errorlist ul li { color: red; }


@media screen {
  div.assess-page {
    z-index: 1;    
    -pie-poll:true; /* ie6 seems to be a bit rubbish on layout init */
    -pie-track-active: false; /* -pie-track-active helps scrollbars work properly in IE6/IE7 */
  }
  body.assess-page { margin: 0px; }
  html, body.assess-page-has-layout {
    height: 100%;
  }
  body.assess-page-has-layout  {
    overflow: hidden;
  }
  div.ui-layout-pane-assessmain { overflow: hidden; }
  body.assess-page-has-layout div.assess-page-container { position: relative; width: 100%; height: 100%; padding: 0px; }
  body.assess-page-has-layout div.assess-page, .tab-panel-with-layout { position: absolute; width: auto; height: auto; overflow: hidden; top: 0px; left: 0px; right: 0px; bottom: 0px; }
  body.assess-page-has-layout div.assess-body { overflow: auto; } 
  div.assess-body-inner-content { overflow: auto; }
  body.assess-page .ui-tabs .ui-tabs-nav li a { outline: none; }
  body.assess-page .assess-tab-header { background: #fff; border: none; color: #000; font-weight: normal; }
  body.assess-page .assess-tab-header.height-limited { max-height: 40%; overflow: auto; }
  div.assess-body {
    z-index: 0;
  }
  .assess-header .assess-loggedin-as {
    float: right;
  }
}

div.assess-body div.ui-jqgrid {
  margin: 4px;
}
div.ui-jqgrid .viewlink {
  font-size: 90%;
}

/* *************************************************************** */
/* Main menu base styling (over the superfish default) */
/* *************************************************************** */
div.assess-menu {
  z-index: 200;
  zoom: 1; /* This helps with IE7 adding space before the clear */
}
div.assess-menu a .sf-sub-indicator {
  top: 0.6em;
}
div.assess-menu .sf-menu {
  margin-bottom: 0;
}
div.assess-menu .sf-menu li {
  z-index: 2;
  font-weight: bold;
}
div.assess-menu .sf-menu li a {
  padding: 0.4em 0.7em;
}
/* More specific with the body.assess-page so that themes can override the padding generally without affecting this padding-right */
body.assess-page div.assess-menu .sf-menu li a.sf-with-ul {
  padding-right: 2.5em;
}

/* Basic plain styling */

div.assess-menu {
  border-bottom: 1px solid black;
}

div.assess-menu .sf-menu li {
  background-color: #777777;
}
div.assess-menu .sf-menu li a:hover {
  background-color: #999999;
}
body div.assess-menu .sf-menu li a, body div.assess-menu .sf-menu li a:visited {
  color: #ffffff;
  border-top: none;
  border-bottom: none;
}

/* *************************************************************** */
/* Page title */
/* *************************************************************** */

div.assess-page h2.page-title, div.assess-section h2 {
  margin: 0;
  margin-bottom: 0.7em;
  padding: 0.15em 0.2em;
  font-size: 133%;
}
div.assess-page div.page-title-spacer { /* Used when there are action buttons in the page title part of the layout */
  font-size: 133%;
  padding: 0.15em 0.2em;
}
div.assess-page h2.page-title {
  margin-bottom: 0px;
}

/* Additional stuff */
.assess-resizablenav a { overflow: hidden; text-overflow: ellipsis; }
.assess-participate-sections-nav a, .assess-participation-inner-nav a { overflow: hidden; text-overflow: ellipsis; }
.assess-participation-inner-nav a { font-size: 90%; }
.assess-participate-sections-nav a .pie { margin-right: 3px; font-size: 85%; display: inline-block; opacity: 0.8 }
body h2.page-title .pie { font-size: 80%; display: inline-block; opacity: 0.8; }
.assess-participation-inner-nav .statusbullet { opacity: 0.8; }
.assess-participate-sections-nav .guidance .ui-icon { opacity: 0.5; } /* Smoothness in latest themeroller has bolder non-active-but-in-header icon */
.assess-participate-sections-nav .guidance.ui-state-active .ui-icon { opacity: 0.7; }
.assess-participate-section table.assess-assessment-parameter-group-header { border: none; background: none; font-weight: normal; }
.assess-participate-section .subtabs .assess-participate-commentslabel { font-weight: bold; color: #666; }
.assess-participate-section .subtabs textarea.assessparametercomment { min-height: 5em; min-width: 50em; width: 70%; max-width: 80em; }

/* The table.assess-assessment-parameters td which adds the padding should be made more specific I think, rather than doing this removal */
table.assess-assessment-parameters tr.assess-parameter > td.container > .innercontainer { max-width: 960px; margin-left: auto; margin-right: auto; margin-top: 15px; position: relative;  }
table.assess-assessment-parameters tr.assess-parameter > td.container table.singleparametertable { width: 100%; box-shadow: 0 0 5px #aaa; border-radius: 5px; border-spacing: 0; border: none; }
table.assess-assessment-parameters tr.assess-parameter > td.container table.singleparametertable > tbody > tr:first-child > td:first-of-type { border-top-left-radius: 5px; }
table.assess-assessment-parameters tr.assess-parameter > td.container table.singleparametertable > tbody > tr:last-child > td:first-of-type { border-bottom-left-radius: 5px; }
table.assess-assessment-parameters tr.assess-parameter > td.container table.singleparametertable > tbody textarea { width: 98%; }

.assess-parameter-prevnextcontainer { float: right; padding-top: 2px; }
.assess-parameter-prevnextcontainer .subtabprevnext a { color: #999; font-weight: bold; font-size: 16px; margin-right: 6px; }
.assess-parameter-prevnextcontainer .subtabprevnext a:hover { text-decoration: none; color: #555; }

body.assess-page .ui-tabs .assess-nav-smaller li a, body.assess-page .ui-tabs .assess-participate-sections-nav-smaller li a {
  padding: 0.3em 0.4em 0.2em;
  font-size: 90%;
  line-height: 140%;
}

.assess-participate-sections-nav-smaller a .pie { margin-right: 2px; font-size: 100%; /* To counter the parent now being 90% */ }
.ui-tabs .assess-participate-sections {
	overflow: auto;
	height: 100%;
}
.ui-tabs .assess-participate-section.ui-tabs-panel {
    padding: 0;
}
.ui-tabs .assess-participate-section.ui-tabs-panel>.subtabs {
  padding: 5px 15px 0;
}
.ui-tabs .assess-participate-section.ui-tabs-panel>.subtabs .score-guidance h3.ui-collapseexpandsection-header { opacity: 0.75; }
#assess-participate-autosave-indicator {
  position: absolute;
  right: 20px;
  top: 10px;
  border: 1px solid #88aa88;
  background-color: #aaeeaa;
  font-size: 90%;
  padding: 1px;
}
body .qtip-participate-section-status {
  background-color: #f5f5f5;
  border-color: #bbb;
  color: #303030;
  max-width: 600px;
  font-size: 90%;
}
.participate-section-status .label {
  font-size: 110%;
  font-weight: bold;
  border-bottom: 1px solid black;
}
.participate-section-status .overall {
  font-weight: bold;
  padding: 2px 0px;
}
.participate-section-status .problem {
  font-weight: bold;
  color: #880000;
}

#assess-participate-autosave-indicator .text {
  display: inline-block;
  padding: 2px;
}
div.assess-section-guidance div.assess-section-body {
  margin: 3px;
  padding: 5px;
}
div.assess-section-deleted div.assess-section-body {
  margin: 3px;
  padding: 5px;
  border: 1px dotted #d84444;
  background-color: #ffd9d9;
  color: #aa1111;
}

div.assess-section-reopening div.assess-section-body, div.assess-section-reopened div.assess-section-body, div.assess-section-delegated div.assess-section-body {
  margin: 3px;
  padding: 5px;
  border: 1px dotted #444444;
  background-color: #e9e9e9;
  color: #444444;
}
div.assess-section-reopening div.assess-section-body .assess-reopening-text {
  font-style: italic;
}
div.assess-section-invite div.assess-section-body {
  color: #333333;
}
div.assess-section-invite div.invite-body {
  max-height: 100px;
  overflow: auto;
  background-color: #f0f0f0;
}
div.assess-section-invite div.invite-body p {
  margin-top: 0;
  margin-bottom: 1em;
}
div.ui-jqgrid div.ui-jqgrid-bdiv tr.jqgrow td.jqgcollast, div.ui-jqgrid div.ui-jqgrid-bdiv tr.jqgrow th.jqgcollast {
  border-right-color: transparent;
}
div.ui-jqgrid div.ui-jqgrid-hdiv th.jqgcollast {
  border-right-color: transparent;
}
div.ui-jqgrid div.ui-jqgrid-bdiv tr.jqgrow {
  border-color: #ddd;
}
div.ui-jqgrid div.ui-jqgrid-bdiv .ui-state-hover {
  background: #f3f3fa;
  color: inherit;
}
div.ui-jqgrid .nip-jqgrid-emptyrecords { font-size: 120%; padding: 3px; color: #555555; }
div.ui-jqgrid .nip-jqgrid-error { font-size: 120%; padding: 3px; color: #aa4444; border-bottom: 1px solid #aaaaaa; }
div.ui-jqgrid .ui-pg-div .fa-lg { margin-top: 0.6em; }
div.ui-jqgrid .ui-pg-table .ui-pg-button { margin: 1px; }
div.ui-jqgrid .ui-pg-button, div.ui-jqgrid .ui-pg-button.ui-state-hover { border: 1px solid transparent; }
div.ui-jqgrid > .ui-jqgrid-pager td { font-size: 11px; }
div.ui-jqgrid .ui-pg-table .ui-pg-input { font-size: 75%; border: none; }
div.ui-jqgrid .s-ico > .fa.fa-sort-up { top: 0em; }
div.ui-jqgrid .ui-pg-table .ui-pg-selbox { padding: 0px; }
/* div.ui-jqgrid .s-ico > .fa.fa-sort-down { top: -0.80m; } */

.ui-multiselect li span.ui-icon-arrowthick-2-n-s {
  top: 3px;
}

.fieldBreak td { padding-top: 2px; padding-bottom: 2px; }
.fieldBreak div, .fieldbreak div { height: 1px; font-size: 1px; border-top: 1px solid #92a1a6; margin: 0px; }
.fieldBreak.subgroup div, .fieldbreak.subgroup div { border-top: 1px dotted #a0b3b8; }

table th.assess-form-section-header { color: #404b4e; font-size: 125%; font-weight: bold; text-align: left; padding: 3px 2px; }
.assess-signup-stage-help div, div.assess-signup-stage-help {
  margin: 5px;
  color: #444444;
}
.assess-module-summary-outer {
  clear: both;
  padding-top: 3px;
  padding-bottom: 3px;
}
.assess-module-summary {
  border: 1px dotted #aaaaaa;
}
.assess-module-summary .assess-module-summary-title {
  font-size: 110%;
  padding: 5px;
  margin: 0px;
  border-bottom: 1px dotted #aaaaaa;
  background-color: #ddeedd;
}
.assess-module-summary .assess-module-summary-body {
  padding: 10px;
}
.blockUI {
  z-index: 2001 !important;
}

/* ******************** */
/* Slider widget styles */
/* ******************** */

.assesswidgetrangeslider-input {
  display: none;
}

.assesswidgetrangeslider .assesswidgetrangeslider-inner {
  padding-top: 1px;
  padding-bottom: 1px;
  width: 275px;
  overflow: hidden;
}
.assess-parameter-edit .assesswidgetrangeslider-withna .assesswidgetrangeslider-inner {
  width: 305px;
  overflow: hidden;
}
.assesswidgetrangeslider .assess-slider-wide {
  width: 375px;
}
.assess-parameter-edit .assesswidgetrangeslider-withna .assess-slider-wide {
  width: 405px;
}
.assess-parameter-edit .assesswidgetrangeslider .assess-slider-moreslidingdisplay {
  width: 375px;
}
.assess-parameter-edit .assesswidgetrangeslider-withna .assess-slider-moreslidingdisplay {
  width: 405px;
}
.assess-parameter-edit .assesswidgetrangeslider .assess-slider-wideslidingdisplay {
  width: 475px;
}
.assess-parameter-edit .assesswidgetrangeslider-withna .assess-slider-wideslidingdisplay {
  width: 505px;
}
.assess-parameter-edit .assesswidgetrangeslider .assess-slider-widerslidingdisplay {
  width: 625px;
}
.assess-parameter-edit .assesswidgetrangeslider-withna .assess-slider-widerslidingdisplay {
  width: 655px;
}
.assesswidgetrangeslider-na {
  float: left;
  margin-left: 3px;
}
.assesswidgetrangeslider-na input {
  float: left;
  margin-top: 0;
}
.assesswidgetrangeslider-slider-clear {
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 15px;
}
.assesswidgetrangeslider-slider {
  float: left;
  width: 200px;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.assesswidgetrangeslider-withna .assesswidgetrangeslider-slider-clear {
  margin-left: 6px;
}
.assess-slider-wide .assesswidgetrangeslider-slider {
  width: 300px;
}
.assess-participate-report-pdf .assesswidgetrangeslider .assesswidgetrangeslider-slider {
  width: 150px;
  background-size: 100% auto;
}
.assess-participate-report-pdf .assesswidgetrangeslider .assesswidgetrangeslider-inner  {
  width: 205px;
}
.assess-participate-report-pdf .assesswidgetrangeslider-slider-clear {
  margin-left: 5px;
}
.assess-parameter .slick-slider { margin-bottom: 0; }
.assess-parameter-edit .assess-slider-moreslidingdisplay .assesswidgetrangeslider-slider-clear {
  margin-left: 80px;
}
.assess-parameter-edit .assess-slider-moreslidingdisplay.assess-slider-wide .assesswidgetrangeslider-slider-clear {
  margin-left: 25px;
}
.assess-parameter-edit .assess-slider-wideslidingdisplay .assesswidgetrangeslider-slider-clear {
  margin-left: 130px;
}
.assess-parameter-edit .assess-slider-wideslidingdisplay.assess-slider-wide .assesswidgetrangeslider-slider-clear {
  margin-left: 75px;
}
.assess-parameter-edit .assess-slider-widerslidingdisplay .assesswidgetrangeslider-slider-clear {
  margin-left: 190px;
}
.assess-parameter-edit .assess-slider-widerslidingdisplay.assess-slider-wide .assesswidgetrangeslider-slider-clear {
  margin-left: 150px;
}
.assesswidgetrangeslider-1-5-1 .assesswidgetrangeslider-inner .assesswidgetrangeslider-slider, .assesswidgetrangeslider-0-100-25 .assesswidgetrangeslider-inner .assesswidgetrangeslider-slider {
  background-image: url('slider_200_5step.png');
  background-size: 100% auto;
}
.assesswidgetrangeslider-1-5-1 .assess-slider-wide .assesswidgetrangeslider-slider, .assesswidgetrangeslider-0-100-25 .assess-slider-wide .assesswidgetrangeslider-slider {
  background-image: url('slider_300_5step.png');
  background-size: 100% auto;
}
.assesswidgetrangeslider-1-6-1 .assesswidgetrangeslider-inner .assesswidgetrangeslider-slider, .assesswidgetrangeslider-0-100-20 .assesswidgetrangeslider-inner .assesswidgetrangeslider-slider {
  background-image: url('slider_200_6step.png');
  background-size: 100% auto;
}
.assesswidgetrangeslider-1-6-1 .assess-slider-wide .assesswidgetrangeslider-slider, .assesswidgetrangeslider-0-100-20 .assess-slider-wide .assesswidgetrangeslider-slider {
  background-image: url('slider_300_6step.png');
  background-size: 100% auto;
}
.assesswidgetrangeslider-1-4-1 .assesswidgetrangeslider-inner .assesswidgetrangeslider-slider, .assesswidgetrangeslider-0-100-33 .assesswidgetrangeslider-inner .assesswidgetrangeslider-slider, .assesswidgetrangeslider-1-100-33 .assesswidgetrangeslider-slider {
  background-image: url('slider_200_4step.png');
  background-size: 100% auto;
}
.assesswidgetrangeslider-1-4-1 .assess-slider-wide .assesswidgetrangeslider-slider, .assesswidgetrangeslider-0-100-33 .assess-slider-wide .assesswidgetrangeslider-slider, .assesswidgetrangeslider-1-100-33 .assess-slider-wide .assesswidgetrangeslider-slide {
  background-image: url('slider_300_4step.png');
  background-size: 100% auto;
}
.assesswidgetrangeslider-display {
  padding-left: 2px;
  width: 1.5em;
  float: left;
}
.assesswidgetrangeslider-rangetext {
  clear: both;
  white-space: normal;
  font-style: italic;
}
.assesswidgetrangeslider-inner-withslidingdisplay .assesswidgetrangeslider-rangetext {
  font-style: normal;
}
.assesswidgetrangeslider-sliding-display {
  overflow: hidden;
}
/* Note: if you mess with slide padding or margin make sure you do it so it's the same across all slides */
.assesswidgetrangeslider-sliding-display .slide {
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid rgb(204, 204, 204);
  background-color: #f7f7f7;
  text-align: center;
  padding: 2px;
  margin: 5px;
  font-size: 90%;
}
.assesswidgetrangeslider-sliding-display .slick-track {
	padding-bottom: 5px;
}
.assesswidgetrangeslider-sliding-display .slide ul, .assesswidgetrangeslider-sliding-display .slide ol {
  text-align: left; /* bulleted lists and ordered lists never look great centered */
  margin-top: 1px;
  margin-bottom: 13px;
  margin-left: 0;
  padding-left: 17px;
}
.assesswidgetrangeslider-sliding-display .slide-score-notscored {
  color: #222255;
  border: 1px solid #99b;
  background-color: #dde;
}
.assesswidgetrangeslider-sliding-display .slick-slide { opacity: 0.5; filter: alpha(opacity=50);}
.assesswidgetrangeslider-sliding-display .slick-center { opacity: 1; filter: alpha(opacity=100); }

/* ******************* */
/* Radio widget styles */
/* ******************* */

.assess-parameter-edit div.assesswidgetrangeradio div.assesswidgetrangeradio-cells {
  white-space: nowrap;
}
.assess-parameter-edit div.assesswidgetrangeradio .assesswidgetrangeradio-separatelabel {
  clear: both;
  white-space: normal;
  font-style: italic;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assesswidgetrangeradio-separatelabeldisplay {
  width: 21em;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assesswidgetrangeradio-separatelabeldisplay-na {
  width: 23em;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assesswidgetrangeradio-separatelabel {
  width: 21em;
}
.assess-parameter-edit div.assesswidgetrangeradio-1-5-1 div.assesswidgetrangeradio-separatelabel-na {
  width: 23em;
}
.assess-parameter-edit div.assesswidgetenumeratedchoices {
  overflow: auto;
}
.assess-parameter-edit div.assesswidgetrangeradio {
  overflow: auto;
}
.assess-parameter-edit div.assesswidgetenumeratedchoices div {
  white-space: normal;
}
.assess-parameter-edit div.assesswidgetenumeratedchoices div.vertical span.assesswidgetenumeratedchoices-cell {
  display: block;
}
.assess-parameter-edit div.assesswidgetyesno div {
  white-space: nowrap;
}
div.assess-page-help {
  font-style: italic;
  margin: 10px;
  padding: 5px;
  border: 1px dotted gray;
  color: #333333;
  background-color: #f0f0f0;
}
div.assess-parameter-scoreerrors {
  color: red;
}
div.assess-centre-jqgrid .ui-jqgrid {
  margin-left: auto;
  margin-right: auto;
}

.assess-home-welcome {
  font-size: 110%;
  font-weight: bold;
}

.ui-accordion .ui-accordion-header { padding: 0.3em; }
.ui-accordion .ui-accordion-content { padding: 0.6em 1.6em; }
.ui-accordion .ui-accordion-icons { padding-left: 1.6em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { left: 0.1em; }
/* Supplementary */
/* .assess-supplementary-dialog .ui-accordion-header a { padding: 3px; padding-left: 2.2em; font-weight: bold; } */
.assess-supplementary-parameterdetails { overflow: hidden; } /* This is necessary because with html parameter descriptions with <p> tags can overflow the container if we don't have padding which pushes the "fill" accordion below down and leads to scrollbars on the dialog container! */
.assess-supplementary-parameterdetails .assess-parameter-number { float: left; margin-right: 5px;}
.assess-supplementary-parameterdetails .assess-parameter-name { font-weight: bold; }
.assess-supplementary-parameterdetails .assess-mandatory-mark { display: none; }
.assess-supplementary-parameterdetails .assess-parameter-description { border-top: 1px dotted #D1D1D1; color: #444444; clear: left; padding-top: 1px; }
.assess-supplementary-dialog .assess-supplementary-entries-empty { padding: 5px; font-style: italic; border-top: 2px solid #D1D1D1; padding-top: 100px; text-align: center;}
.assess-supplementary-edit-dialog .assess-supplementary-parameterdetails { border-bottom: 2px solid #D1D1D1; margin-bottom: 2px; }
.assess-supplementary-attachments { border-top: 1px solid #cccccc; margin-top: 4px; }
/* Project report */

table.assess-project-report { border-collapse: collapse; }
body table.assess-project-report tr.bottom th, body table.assess-project-report tr.bottom td { border-bottom: 1px solid #bbbbbb; }
html body table.assess-project-report tr .left { border-left: 1px solid #bbbbdd; }
html body table.assess-project-report tr .top { border-top: 1px solid #bbbbdd; }

table.assess-project-report th, table.assess-project-report td { padding: 3px; }
table.assess-project-report tr.headergroups th, table.assess-project-report tr.headers th { border: 1px solid white; background-color: #D1D1FF; }
table.assess-project-report tr.projectrow th, table.assess-project-report tr.projectrow td {  border: 1px solid white; background-color: #E9E9E9; }
body table.assess-project-report tr .groupright { border-right: 2px solid #999999; }
table.assess-project-report tbody tr.projectrow th { text-align: left; }
table.assess-project-report .clickable { cursor: pointer; }

/* Portfolio project wizard */

form.assess-portfolio-project-new #stagenext td, form.assess-portfolio-project-new #createproject td { border-top: 1px solid #555555; }
form.assess-portfolio-project-new div.existingGroupsList { margin: 1px; border: 1px dotted #666666; padding: 2px; }
form.assess-portfolio-project-new table.assess-form-fields { border-collapse: collapse; }
form.assess-portfolio-project-new table.assess-form-fields td.fieldValue { padding-bottom: 5px; }
form.assess-portfolio-project-new table.assess-form-fields div.category { border-left: 2px solid #666666; border-bottom: 1px solid #666666; margin-top: 3px; color: #666666; font-weight: bold; padding-left: 2px; }

/* Portfolio assessor management */

div.portfolio-group-definitions div.portfoliogroup { border: 1px dotted #777777; margin: 4px; padding: 1px 3px; }
div.portfolio-group-definitions .portfoliogroup .portfoliogrouplabel { font-weight: bold; color: #6B7B80; }
div.portfolio-group-definitions .portfoliogroup .portfoliogrouplabel a { color: #6B7B80; }
div.portfolio-group-definitions div.portfolio-group-category-title { font-weight: bold; border-bottom: 1px solid black; margin-bottom: 2px; }
div.portfolio-group-definitions div.portfolio-group-category-title .inner { padding: 3px; }
div.portfolio-group-definitions div.portfolio-group-category { margin-bottom: 8px; }
div.portfolio-group-definitions div.ui-state-hover { border: none; background: none; background-color: #edffe7; }
div.portfolio-group-definitions div.ui-state-active { border: none; background: none; background-color: #d4ffcd;}

div.portfolio-group-definitions-manage .portfoliogroup { cursor: move; }
div.portfolio-group-definitions-manage .portfoliogroup a { cursor: pointer; }

table.portfolio-group-participants-stats td, table.portfolio-group-participants-stats th { padding: 2px; }
table.portfolio-group-participants-stats { border-collapse: collapse; }
table.portfolio-group-participants-stats tr.portfoliogroup th { text-align: left; vertical-align: top; border-left: 1px dotted #777777; padding-left: 10px; }
table.portfolio-group-participants-stats tr.portfoliogroup td { vertical-align: top; text-align: center; }
table.portfolio-group-participants-stats tr.portfoliogroupspacer td { font-size: 4px; }
table.portfolio-group-participants-stats .pg-stats { vertical-align: top; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; }
table.portfolio-group-participants-stats tr.portfoliogroup .pg-stats-last { border-right: 1px dotted #777777; }
table.portfolio-group-participants-stats tr.portfoliogroup th, table.portfolio-group-participants-stats tr.portfoliogroup td { border-top: 1px dotted #777777; border-bottom: 1px dotted #777777; }
table.portfolio-group-participants-stats .red { background-color: #ff6666; }
table.portfolio-group-participants-stats .green { background-color: #66ff66; }
table.portfolio-group-participants-stats .amber { background-color: #ffae66; }
table.portfolio-group-participants-stats tr td.pg-spacer { width: 20px; border: none; }



/* Portfolio summary table */
table.portfolio-group-definitions-read-summary { border-collapse: collapse; }
table.portfolio-group-definitions-read-summary th, table.portfolio-group-definitions-read-summary td { padding: 2px;}
table.portfolio-group-definitions-read-summary th { text-align: right; color: #333333; font-weight: bold; border-right: 1px dotted #333333; }

/* Misc other portfolio stuff */
div.assess-project-form-assess-projectmoduleportfolio #involved_groups_row { display: none; }

table.portfolio-setup-assessors ul { margin-top: 0px; margin-bottom: 0px;}
table.portfolio-setup-assessors td { vertical-align: top; }
table.portfolio-setup-assessors td.portfolio-assessment-our-assessors { padding-right: 60px; }
table.portfolio-setup-assessors td.portfolio-assessment-their-assessors, .portfolio-assessment-their-assessors-key { background-color: #ddffdd;  }
table.portfolio-setup-assessors td.portfolio-assessment-their-assessors ul { margin-left: 1.5em; margin-right: 1.5em; padding-left: 0px; }

#portfolio-category-sort-list li { clear: both; margin: 2px; border: 1px dotted gray; padding: 1px; background-color: #eaeaea; }
ul#portfolio-category-sort-list { border: 1px solid gray; background-color: #fafafa; padding: 5px; list-style: none; }

table.organisationpair-setup-respondents ul { margin-top: 0px; margin-bottom: 0px;}
table.organisationpair-setup-respondents td { vertical-align: top; }
table.organisationpair-setup-respondents ul.organisationpair-assessment-assessors { overflow: auto; max-height: 21em; }

div.assess-page-module-assess-assessmentmoduleportfolio form#objectForm tr.assessment-involved-groups { display: none; }

p {
  margin-top: 0.12em;
  margin-bottom: 1em;
}

/* TINYMCE adjustments */

body .tox .tox-toolbar {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='33px' viewBox='0 0 34 33px' width='34' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='32px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
}
body .tox .tox-tbtn {
  width: 28px;
  height: 28px;
  font-size: 12px;
}
body .tox .tox-tbtn--select {
  width: auto;
}

/* *** Moono (4.x) *** */
/* Newer versions have no skin class it seems - they do have cke_chrome for bordering so use that */
body .cke_chrome .cke_top {
  padding: 4px 4px 0px;
}
body .cke_chrome .cke_toolgroup {
  margin: 0px 3px 3px 0px;
}

body .cke_chrome .cke_combo_open {
  margin: 1px 9px;
}
body .cke_chrome .cke_combo_arrow {
  margin: 9px 0px 0px;
}
body .cke_chrome .cke_combo_text {
  line-height: 22px;
  padding-left: 8px;
}

body .cke_chrome .cke_bottom {
  padding: 2px 4px;
}
body .cke_chrome .cke_resizer {
  margin-top: 2px;
}
body .cke_chrome .cke_resizer_ltr {
  margin-right: 0px;
}
body .cke_browser_ie10 span.cke_top .cke_combo_text, body .cke_browser_ie9 span.cke_top .cke_combo_text, body .cke_browser_ie8 span.cke_top .cke_combo_text, body .cke_browser_ie7 span.cke_top .cke_combo_text {
  line-height: 22px;
}
body .cke_browser_ie7 span.cke_top .cke_toolgroup {
  height: 22px;
}
/* These help jquery tiptip function under IE6  - TODO: remove as now obselete */
#tiptip_content {
  _background-color: #000;
  _color: #fff;
  _width: 150px;
}

#tiptip_arrow {
  _display:none;
}

div.ui-layout-pane-south div.definition-browser-buttons { border-bottom: 1px solid #aaa; height: 1.6em; padding: 0.3em; }
/* For status flow displays */
table.assess-status-flow { border-collapse: collapse; }
table.assess-status-flow tr td { vertical-align: middle;  padding: 0px;   position: relative; /* Needed for PIE to work as nested */  z-index: 20; }
table.assess-status-flow tr td div { text-align: center;  font-size: 90%; }
table.assess-status-flow tr td.assess-status div {
  color: #555555;
  border: 1px dotted gray;
  padding: 4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url('/res/pie/PIE.htc'); /* Provides rounded borders under IE6-IE8 */
  position: relative; /* Needed for PIE to work as nested */  
}
table.assess-status-flow tr td.assess-status-reached div { border-color: black; color: black; border-style: solid; color: black;}
table.assess-status-flow tr td.assess-status-equal div { font-weight: bold; border-width: 2px; }
table.assess-status-flow tr td.assess-status-separator div span { display: block; width: 40px; height: 1px; font-size: 0px; color: white; border-top: 2px dotted gray; }
table.assess-status-flow tr td.assess-status-separator-reached div span { border-top-color: black; border-top: 1px solid black; }

tr.assess-inactive-user td {
  opacity: .60;
  filter:  alpha(opacity=60);
}

div.assess-user-permission-noteditable { color: #888888; }
div.assess-page-signup #nip-payments-payment-iframe, div.assess-page-order #nip-payments-payment-iframe {
  width: 100%;
}
table.nip-payments-transaction-lines  { border-collapse: collapse; }
table.nip-payments-transaction-lines th { color: #222222; text-align: center; border: 1px solid #a0a0a0; border-bottom: 1px solid black; padding: 3px; }
table.nip-payments-transaction-lines td { border: 1px solid #a0a0a0; padding: 3px; }

div.assess-signup-completed-information {
  /* Unused now? */
  margin: 20px;
  border: 1px dotted gray;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;	
}
.assess-payment-successful-info { color: #005500; margin-bottom: 10px; }
.assess-signup-meta-display table { border-collapse: collapse; }
.assess-signup-meta-display thead th { border-bottom: 1px solid black; }
.assess-signup-meta-display tbody th, .assess-signup-meta-display tbody td { vertical-align: top; border-bottom: 1px solid gray; padding: 2px; }
.assess-signup-meta-display tbody th { border-right: 1px solid gray; text-align: right; }

/* ** Css related to styling the action menu ** */
.actionMenuBar .sf-menu {
	font-size: 85%;
	font-weight: bold;
}
.actionMenuBar .sf-menu a {
	padding: 0.4em 0.4em;
}
.actionMenuBar .sf-menu a.sf-with-ul {
	padding-right: 2.25em;
}
.actionMenuBar .sf-menu li {
	 z-index: 2;
	background-color: #666;
}

.actionMenuBar .sf-menu a:link, .actionMenuBar .sf-menu a:visited, .actionMenuBar .sf-menu a:hover {
	color: white;
}
.actionMenuBar .sf-menu a {
	border: 1px solid #444444;
}
.actionMenuBar .sf-menu li:hover, .actionMenuBar .sf-menu li.sfHover, .actionMenuBar .sf-menu a:focus, .actionMenuBar .sf-menu a:hover, .actionMenuBar .sf-menu a:active {
	background-color: #999;
	text-decoration: none;
}
.actionMenuBar .sf-sub-indicator {
	top: 0.8em;
}
.actionMenuBar a > .sf-sub-indicator {
	top: 0.5em;
}

.actionMenuBar .sf-vertical, .actionMenuBar .sf-vertical li, .actionMenuBar .sf-menu ul {
	min-width: 120px;
	*width: 120px;
}
.actionMenuBar .sf-vertical li:hover ul,
.actionMenuBar .sf-vertical li.sfHover ul {
        *left:   120px; /* match ul width */	
}
.actionMenuBar ul.sf-menu li li:hover ul,
.actionMenuBar ul.sf-menu li li.sfHover ul {
	*left:	120px; /* match ul width */
}
.actionMenuBar ul.sf-menu li li li:hover ul,
.actionMenuBar ul.sf-menu li li li.sfHover ul {
	*left:	120px; /* match ul width */
}



/* ***** UI LAYOUT CSS CORE ***** */

/*
 *	PANES & CONTENT-DIVs
 */
.ui-layout-pane { /* all 'panes' */
	overflow:	auto;
	/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	   - use ui-layout-wrapper class if pane has a content-div
	   - use ui-layout-container if pane has an inner-layout
	*/
}
.ui-layout-pane.ui-widget-content {
  border: none;
}
/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
.ui-layout-content {
	/* padding:	10px; */
	position:	relative; /* contain floated or positioned elements */
	overflow:	auto; /* add scrolling to content-div */
}

/*
 *	UTILITY CLASSES
 *	Must come AFTER pane-class above so will override
 *	These classes are NOT auto-generated and are NOT used by Layout
 */
.layout-child-container,
.layout-content-container {
	padding:	0;
	overflow:	hidden;
}
.layout-child-container {
	border:		0; /* remove border because inner-layout-panes probably have borders */
}
.layout-scroll {
	overflow:	auto;
}
.layout-hide {
	display:	none;
}

/*
 *	RESIZER-BARS
 */
.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#DDD;
	border:			1px solid #BBB;
	border-width:	0;
	}
	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
	}
	.ui-layout-resizer-hover	{	/* affects both open and closed states */
	}
	/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
		otherwise color shifts while dragging when bar can't keep up with mouse */
	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: #C4E1A4;
	}
	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border: 	 1px solid #BBB;
	}
	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}

	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		filter:  alpha(opacity=10);
		}
		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
			filter:  alpha(opacity=100);
		}
		/* sliding resizer - add 'outside-border' to resizer on-hover 
		 * this sample illustrates how to target specific panes and states */
		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
		.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
	border: 1px solid #BBB; /* match pane-border */
	background-color: #BBB;
	}
	.ui-layout-resizer-hover .ui-layout-toggler {
		opacity: .60;
		filter:  alpha(opacity=60);
	}
	.ui-layout-toggler-hover , /* need when NOT resizable */
	.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
		background-color: #FC6;
		opacity: 1.00;
		filter:  alpha(opacity=100);
	}
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 0 1px; /* left/right borders */
	}
	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 1px 0; /* top/bottom borders */
	}
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding  .ui-layout-toggler {
		display: none;
	}
	/*
	 *	style the text we put INSIDE the togglers
	 */
	.ui-layout-toggler .content {
		color:			#666;
		font-size:		100%;
		font-weight:	bold;
		width:			100%;
		padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
	}

/*
 *	PANE-MASKS
 *	these styles are hard-coded on mask elems, but are also 
 *	included here as !important to ensure will overrides any generic styles
 */
.ui-layout-mask {
  border:	none !important;
  padding:	0 !important;
  margin:	0 !important;
  overflow:	hidden !important;
  position:	absolute !important;
  opacity:	0 !important;
  filter:	Alpha(Opacity="0") !important;
}
.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
  top:		0 !important;
  left:		0 !important;
  width:	100% !important;
  height:	100% !important;
}
div.ui-layout-mask {}		/* standard mask for iframes */
iframe.ui-layout-mask {}	/* extra mask for objects/applets */

/* **** */

@page {
    margin: 10mm;
}

.report-printpopup .nip-highchart-container { max-width: 670px; }
.report-printpopup .nip-highchart-container .highcharts-container { max-width: 100%; }
.report-printpopup .nip-highchart-container .highcharts-container svg { max-width: 100%; }
.report-printpopup-forpdf .nip-highchart-container { max-width: 800px; }

@media print {
  .page-hasreportprintpopup { display: none; }
  .report-printpopup .nip-highchart-container { max-width: 670px; }
  .report-printpopup-forpdf .nip-highchart-container { max-width: none; }
  .report-printpopup img, .report-printpopup svg { max-width: 670px; max-height: 1050px; }
  .report-printpopup {
    position:	relative	!important;
    top:	auto		!important;
    bottom:	auto		!important;
    left:	auto		!important;
    right:	auto		!important;
    width:	auto		!important;
    height:	auto		!important;    
    overflow: 	visible		!important;
    background:	transparent	!important;
  }
}
@media print and (orientation: landscape) {
    /* Only really helps under chrome as we can't currently trigger the highcharts reflow */
  .report-printpopup .nip-highchart-container { max-width: 1150px; }
  .report-printpopup img, .report-printpopup svg { max-width: 1150px; max-height: 680px; }
}

@media print {
  .printHide { display: none; }
  body div.actionMenuBar { display: none; }
  body div.assess-menu { display: none; }
  div.assess-page div.page-title-spacer { display: none; }
  body div.assess-header .assess-loggedin-as  { display: none; }
  .assess-main-action-buttons, .simple-action-buttons { display: none !important; }
  html, body.assess-page-has-layout, body.assess-page-has-layout div.assess-page-container {
    overflow: visible !important;
    width: auto	!important;
    height: auto !important;
    background:	transparent	!important;
  }
  .ui-layout-resizer, .ui-layout-toggler {
    display: none !important; /* hide ALL by default */
  }
  .ui-layout-pane, .assess-page-inner, .assess-body, .assess-body-inner-content, .assess-body-inner, div.assess-page {
    position:	relative	!important;
    top:	auto		!important;
    bottom:	auto		!important;
    left:	auto		!important;
    right:	auto		!important;
    width:	auto		!important;
    height:	auto		!important;    
    overflow: 	visible		!important;
    background:	transparent	!important;
  }
  ul.ui-tabs-nav li {
    display: none;
  }
  ul.ui-tabs-nav li.ui-tabs-selected {
    display: block;
  }
}