@charset "UTF-8";#content .sidebar,.assessment-container .sidebar{width:20%;float:left;position:relative;}.percentage-container input[type="text"]{margin-top:-70px!important;margin-left:35px!important;}.assessment-container .navigation-buttons .previousButton,.navigation-buttons .nextButton,.buttons.submit-button .submitButton{width:200px;}.buttons.submit-button{clear:both;text-align:center;}.navigation-buttons .previousButton{float:left;}.navigation-buttons .nextButton{float:right;}.assessment-container .radio+.radio,.assessment-container .checkbox+.checkbox{margin-top:7px;}.assessment-container .page-section-indicator-line{display:none;}.assessment-container form label{margin-bottom:0px;}#content .contentmain,.assessment-container .contentmain{float:right;width:80%;box-sizing:border-box;-moz-box-sizing:border-box;}#header-nav{position:relative;width:100%;clear:both;height:40px;margin-top:20px;border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-right-radius:10px;-moz-border-radius-topright:10px;padding-bottom:20px;}#header-nav .main-nav li{list-style:none;float:left;margin:0;padding:0;display:block;width:120px;position:relative;}#header-nav .main-nav li.selected a{background-color:#4aa3df;color:#ffffff;}#header-nav .main-nav li a{height:40px;display:table-cell;vertical-align:middle;padding-left:15px;padding-right:25px;color:#777777;text-decoration:none;width:120px;line-height:14px;background-color:#eeeeee;margin-left:5px;}#header-nav .main-nav li:before{content:'';position:absolute;top:0;height:50%;width:5px;background:#ffffff;-webkit-transform:skew(25deg,0deg);-moz-transform:skew(25deg,0deg);-ms-transform:skew(25deg,0deg);-o-transform:skew(25deg,0deg);transform:skew(25deg,0deg);}#header-nav .main-nav li:first-child:before,#header-nav .main-nav li:first-child:after{background:transparent;}#header-nav .main-nav li:after{content:'';position:absolute;top:50%;height:50%;width:5px;background:#ffffff;-webkit-transform:skew(-25deg,0deg);-moz-transform:skew(-25deg,0deg);-ms-transform:skew(-25deg,0deg);-o-transform:skew(-25deg,0deg);transform:skew(-25deg,0deg);}​

#header-nav .main-nav li.first a,
#header-nav .main-nav li.first a.done,
#header-nav .main-nav li:first-child a {
	border-top-left-radius:0px;
	-moz-border-left-topright:0px;
}

#header-nav .main-nav li.last a {
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
}

#header-nav .main-nav li:hover a {
	background-color: #4aa3df;	
	color:#ffffff;
}

#header-nav .main-nav li a.done  {
	background-color:#3498db;
	color:#ffffff !important;
	background-image:url(../_images/core/pageSectionCompelte.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
}

#header-nav .main-nav li a.done:hover {
	background-color:#4aa3df;
	color:#ffffff !important;
	background-image:url(../_images/core/pageSectionCompelte.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
}

#header-nav .main-nav li .after-text {
	width: 0;
	height: 0;
	top: 0px;
	border-top: 20px solid transparent;
	border-left: 9px solid #eeeeee;
	border-bottom: 20px solid transparent;
	position: absolute;
	right: -5px;
	z-index: 1;
}

#header-nav .main-nav li:hover .after-text,
#header-nav .main-nav li.selected .after-text {
	width: 0;
	height: 0;
	top: 0px;
	border-top: 20px solid transparent;
	border-left: 9px solid #4aa3df;
	border-bottom: 20px solid transparent;
	position: absolute;
	right: -5px;
	z-index: 1;
}

#header-nav .main-nav li:first-child .before-text {
	width: 0;
	height: 0;
	top: 0px;
	border-top: 20px solid #eeeeee;
	border-left: 10px solid #eeeeee;
	border-bottom: 20px solid #eeeeee;
	position: absolute;
	z-index: 1;
	left: 0px;
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-left:none;
}

#header-nav .main-nav li:first-child:hover .before-text {
	border-top: 20px solid #4aa3df;
	border-left: 10px solid #4aa3df;
	border-bottom: 20px solid #4aa3df;
}

#header-nav .main-nav li:first-child:hover a.done .before-text {
	border-top: 20px solid #4aa3df;
	border-left: 10px solid #4aa3df;
	border-bottom: 20px solid #4aa3df;
}

#header-nav .main-nav li:first-child a.done .before-text {
	border-top: 20px solid #3498db;
	border-left: 10px solid #3498db;
	border-bottom: 20px solid #3498db;
}

#header-nav .main-nav li:hover a.done .after-text {
	width: 0;
	height: 0;
	top: 0px;
	border-top: 20px solid transparent;
	border-left: 9px solid #4aa3df;
	border-bottom: 20px solid transparent;
	position: absolute;
	right: -5px;
	z-index: 1;
}

#header-nav .main-nav li a.done .after-text {
	width: 0;
	height: 0;
	top: 0px;
	border-top: 20px solid transparent;
	border-left: 9px solid #3498db;
	border-bottom: 20px solid transparent;
	position: absolute;
	right: -5px;
	z-index: 1;
}

#header-nav .main-nav li:last-child .after-text {
	width: 0;
	height: 0;
	top: 0px;
	border-top: 20px solid transparent;
	border-left: 9px solid transparent !important;
	border-bottom: 20px solid transparent;
	position: absolute;
	right: -5px;
	z-index: 1;
}

#header-nav .main-nav {
	width:100%;
	padding-left:0px;
}

#assessment-container {
	padding:20px;
	padding-right:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.sidebar {
	padding:20px;
	padding-left:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

form#checklist fieldset {
	padding:0px;	
}

ul.checklistPages li {
	list-style-type:none;
	border: 1px solid #e1e1e1;
	border-top:none;
	color:#000000;
	margin-top:0px !important;
}

ul.checklistPages li a {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	padding: 10px;
	padding-top:13px;
	padding-bottom:13px;
	padding-right:20px;
	display:block;
}

ul.checklistPages li.selected a {
	background-color: #3498db;
	color: #ffffff;	
}

ul.checklistPages li a:hover {
	color: #000;
	background-color: #e1e1e1;
}

ul.checklistPages li:first-child {
	border-top:1px solid #e1e1e1;	
}

ul.checklistPages li.page-complete a {
	background-image:url(../_images/black-tick.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

div.assessmentActionButtons input {
	width:100% !important;
	background-image:none;
	background-color:#3498db;
	border:0px;
	margin-top:10px;
}

div.navigation-buttons input[type="submit"],
div.submit-button input[type="submit"] {
	background-image:none;
	background-color:#3498db;
	margin:25px;
	border:0px;
}

#assessment-body table.tabled-questions {
	width:100%;
}

body {
	font-family: sans-serif;
	color: #222;
	font-size: 13px;
	line-height: 1.231;
	letter-spacing: auto;
}

#assessment-body {
	padding-bottom:20px;
}


.page-section-indicator-line {
	height:1px;
	background-color: #3498db;
	box-shadow: 0px 0px 20px #000000;
	-moz-box-shadow: 0px 0px 20px #000000;
}

.page-section-indicator-arrow-outer {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #3498db;
	position: absolute;
	bottom: -20px;
	left:35%;
	display:none;
}

.page-section-indicator-arrow-container {
	position:relative;
}

.assessmentProgressNumber {
	float:left;
	font-size:20px;
	padding-right:2px;	
}

.assessmentProgressText {
	line-height:10px;
	font-size:13px;	
}

.assessmentProgress {
	width:100px;
	float:right;	
}

p.error {
	padding:0px;
}

.assessment-body.answer-error {
	border: 1px solid red;
	background-color: rgba(253,226,227,1);
	padding: 10px !important;
}

#assessment-question-footer {
	padding:5px;
	border-top: 1px solid #cecece;
	padding-bottom: 20px;
}

.assessment-spacer {
	width:100%;
	height:1px;
	overflow:hidden;
}

form#checklist div.buttons input#continue {
	margin:auto;	
}

input.submitButton {
	background-image: none;
	background-color:#06F;
}

#assessment-container input[type="text"],
#assessment-container input[type="password"],
#assessment-container input[type="textarea"],
#assessment-container textarea {
	width: 100%;
	border: 1px solid #CCC;
	padding: 4px;
	background-color: #FFFFFF;
	opacity: none;
	filter: none;
	background: #FFFFFF;
	filter: 1;
	opacity: 100;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

label.css-checkbox-radio input[type="checkbox"],
label.css-checkbox-radio input[type="radio"],
.tabled-questions input[type="radio"].css-checkbox-radio {
	display:none;	
}

label.css-checkbox-radio span.css-checkbox-radio-image.radio {
	background-image:url(../_images/core/radio-buttons-bright-blue.png);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:25px;
	height:22px;
	display:inline-block;
	background-size:90%;
	margin-right:4px;
	float:left;
}

label.css-checkbox-radio input:checked + span.css-checkbox-radio-image.radio,
.tabled-questions span.css-checkbox-radio-image.radio {
	background-position:0 -22px;
}

label.css-checkbox-radio span.css-checkbox-radio-label {
	display:inline-block;
	top:-5px !important;
	position:relative;	
}

label.css-checkbox-radio span.css-checkbox-radio-image.checkbox {
	background-image:url(../_images/core/checkbox-buttons-bright-blue.png);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:33px;
	height:25px; 
	display:inline-block;
	background-size:80%;
	float:left;
}

label.css-checkbox-radio input:checked + span.css-checkbox-radio-image.checkbox {
	background-position:0 -27px;
}

label.css-checkbox-radio span.css-checkbox-radio-label.radio {
	display:block;
	top:3px;
	position:relative;
}

label.css-checkbox-radio span.css-checkbox-radio-label.checkbox {
	display:block;
	top:5px;
	position:relative;
}

#assessment-container p.checkbox-other input[type="text"].checkbox-other-text {
	width:33%;
	margin-top:10px;	
}

.checklistPages {
	padding-left:0px;
	margin-bottom:20px;
}

.checklistPages li {
	background-image:none !important;
	padding-left:0px !important;	
}

table.tabled-questions th.question-col {
	vertical-align: middle;
}

table.tabled-questions .answer-col span.css-checkbox-radio-image.radio {
	float:none;
}

ul.ticks2 li {
	background-image: url('/_images/tick2.gif') !important;
	background-repeat:no-repeat;
	background-size: 20px !important;
	padding-left: 27px !important;
	padding-top: 5px !important;
	background-repeat:no-repeat;
	padding-bottom:5px;
	list-style-type:none;
}

ul.ticks li {
	background-image: url('/_images/tick.gif') !important;
	background-repeat:no-repeat;
	background-size: 20px !important;
	padding-left: 27px !important;
	padding-top: 5px !important;
	padding-bottom:5px !important;
	list-style-type:none;
}

table.multi-site-query {
	width:100%;
}

table.multi-site-query td,
table.multi-site-query th {
	padding:5px;
}

table.multi-site-query tr td:first-child,
table.multi-site-query tr th:first-child {
	padding-left:0px;	
}

table.multi-site-query tr.add-site-row td {
	text-align:center;
}

#report-body ul.reportAction li, .blue-action-link {
	color: rgb(41,91,170);
	text-decoration: underline;
	padding-top:5px;
	padding-bottom:5px;
}

#reportForm .reportSection {
	margin-top:15px;
	margin-bottom:15px;
	clear:both;
}

h2.report-title {
	font-size:26px;
	font-weight:bold;
	margin-top:15px !important;
	margin-bottom:5px;
}

.report-instructions ul li {
	list-style:none;	
}

.overall-score-container .percentage-container,
.certification-levels-container .percentage-container,
.category-score-container .percentage-container {
	float:left;
	position:relative;
}

.percentage-container .range-unit-label {
	width: 150px;
	text-align: center;
	position: relative;
	top: -15px;
	color:rgb(0,177,178);
	font-weight:bold;	
}

#reportForm .overall-score-container,
.certification-levels-container,
.category-score-container {
	clear:both;
	overflow:hidden;
	min-height:150px;
	margin:0 auto;
}

.category-score-container {
	clear:none;
	overflow:hidden;
	min-height:170px;
	float:left;
	width:25%;
	border-bottom:1px solid #000000;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding-top:10px;
	padding-bottom:5px;
	min-width:215px;
}

.category-score-container:last-child,
.category-score-container:nth-last-child(2) {
	/*border-bottom:none;	*/
}

.category-scores-container {
	clear:both;
	overflow:hidden;
}

.category-scores-container .category-score-container:nth-child(even) .percentage-container,
.category-scores-container .category-score-container:nth-child(even) .report-section-title {
	float:right;	
}

.category-scores-container .category-score-container {
	/*border-right:1px solid #000000;*/
}

.overall-score-container .initial-score-overlay-container,
.overall-score-container .current-score-overlay-container,
.category-score-container .initial-score-overlay-container,
.category-score-container .current-score-overlay-container,
.certification-levels-container .score-overlay-container {
	top:0px;
	position:absolute;	
}

.overall-score-container .initial-score,
.overall-score-container .current-score,
.category-score-container .initial-score,
.category-score-container .current-score,
.certification-levels-container .certification-level-container,
.certification-level-container .percentage-container-inner {
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
}

.category-score-container .initial-score,
.category-score-container .current-score {
	padding-left:7px;
	padding-right:7px;
	padding-top:4px;
}

.overall-score-container .section-title p,
.certification-level-container p,
.category-score-container .section-title p {
	text-align:center;
	font-weight:bold;	
}

.category-score-container .report-section-title p {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	width:240px;	
}

.reportSection .radar-graph {
	width:700px;
	margin:0 auto;
	max-width:100%;
}

.category-score-container .percentage-container {
	width:105px;	
}

.category-score-container .section-title p {
	text-align:center;
	width:90px;	
}

.category-score-container .report-section-title {
	min-height:45px;
}

.category-score-container .report-section-title p {
	padding-bottom:0px;
}

div.submit-button {
	border:1px solid #e0eded;
	background: #fcfcfc;
}

/*Responsive*/

/*Sub 990px screens*/
@media screen and (max-width: 990px) {
	
	#content,
	.assessment-container {
		margin-right:0px;
	}
	
	#content .contentmain,
	.assessment-container .contentmain {
		float: left;
		width: 100%;
	}
	
	#assessment-container {
		padding:0px;	
	}
	
	div.assessmentActionButtons input {
		min-width:150px;
		float:left;
		margin-bottom:10px !important;
		margin-top:10px !important;
		padding-top:10px !important;
		padding-bottom:10px !important;
		width:100% !important;	
	}
	
	#content .sidebar,
	.assessment-container .sidebar {
		width:100%;
		padding-right:0px;
	}
	
	form.checklist #assessment-footer {
		padding:0px;	
	}
	
	form.checklist #assessment-footer .navigation-buttons input,
	form.checklist #assessment-footer .submit-button input.submitButton {
		width:100%;
		margin:0px;
		margin-bottom:10px;
		margin-top:10px;
		min-width:150px;
		padding-top:10px;
		padding-bottom:10px;
	}

	div.submit-button {
		background:transparent;
		border:none;
	}
	
	/* Page Section Navitation */
	
	.page-section-indicator-line,
	.page-section-indicator-arrow-container {
		display:none;	
	}
	
	#header-nav .main-nav li {
		width:100% !important;
		border-bottom: 1px solid #e1e1e1;	
	}
	
	#header-nav .main-nav li:first-child {
		border-top: 1px solid #e1e1e1;	
	}
	
	#header-nav .main-nav li:before,
	#header-nav .main-nav li:after {
		display:none;
	}
	
	#header-nav .main-nav li a span.after-text {
		display:none;	
	}
	
	#header-nav .main-nav li a {
		border-radius:0px !important;
		-moz-border-radius:0px!important;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		width:1% !important;	
	}
	
	.assessmentProgress {
		clear: both;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#report-header, #report-header-background, form#reportForm {
		padding:0px;	
	}
	
	#reportForm .reportSection {
		margin:0px;	
	}
	
	h2.report-title {
		padding:20px;
		margin-bottom:0px;	
	}
	
	/* Category Score Dials */
	.category-score-container .report-section-title p {
		width:100%;	
	}
	
	.category-score-container .report-section-title {
		float:none !important;
		clear:both;
	}
	
	.category-score-container .percentage-container {
		clear: both;
		float: none !important;
		width: 90px;
		margin: 0 auto;
	}
	
	table.bubbletip {
		width:90% !important;
		left:5% !important;	
	}

	.assessment-action-links .btn {
		width: 100%;
  		margin-top: 20px;
	}

	.assessment-progress {
		float:none !important;
	}

}

/*Sub 670px screens*/
@media screen and (max-width: 670px) {
	
	.certification-level-container,
	.overall-score-container .percentage-container {
		clear:both;
		float:none !important;
		width:180px;
		margin:0 auto;	
	}
}

/*Sub 430px screens*/
@media screen and (max-width: 430px) {

	.category-scores-container .category-score-container {
		border-right:0px !important;
	}
	
	.category-score-container {
		width:100%;	
	}
	
}

/* Gobal Styling Override */
#content {
	max-width:100%;	
}

table.date-quarter {
	width:100%;
}


table.date-quarter select {
	width:95%;
}

table.ghg-metrics-table {
	width:97%;
}

table.ghg-metrics-table select {
	width:100%;
}

table.ghg-metrics-table th,
table.ghg-metrics-table td {
	padding:5px;
	vertical-align:top;
}

table.ghg-metrics-table th:nth-child(2) {
	color:transparent;
}

.assessment-instructions-help {
	right:0px;
	position:absolute;
	background-image:url(../_images/red-help-icon.png);
	display:inline-block;
	width:21px;
	height:30px;
}

#assessment-header {
	position:relative;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.reportLoaderModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .75 ) 
                url('/_images/core/loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .reportLoaderModal {
    display: block;
}

.reportLoaderModal .modal-text {
	width:100%;
	font-size: 1.25em;
	top: 35%;
	position: absolute;	
}

.reportLoaderModal .modal-text p {
	text-align:center;
}

/* Category Scores Graphic */

.catScoresArrow {
	width:100%;
	overflow:hidden;
	background-color:rgb(221, 221, 221);
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.catScoresArrow .cat-row {
	position:relative;
	overflow:hidden;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.catScoresArrow .score-col {
	float:right;
	width:75%;
	position:relative;
	height:100%;
}

.catScoresArrow .label-col {
	float:left;
	width:25%;
	height:100%;
	font-weight:bold;
	text-align:left;
	padding-top:5px;
}

.catScoresArrow .score-col .score-label {
	width:20%;
	float:left;
	text-align:center;
}

.catScoresArrow .score-col .score-label.col-count-4 {
	width:25%;
}

.catScoresArrow .score-col .arrow {
	background: url(/_images/indicator_arrow.png) no-repeat;
	background-size:100% 100%;
}

.catScoresArrow .score-col .arrow .arrow-indicator {
	position: relative;
	width: 21px;
	height: 29px;
	background: url(/_images/arrow.png) no-repeat;
	top:1px;
}


form.checklist #assessment-header {
	padding-bottom: 25px;
	border-bottom: 1px solid #cecece;
	margin-bottom: 25px;	
}

/*Sub 600px screens*/
@media screen and (max-width: 600px) {
	
	.catScoresArrow .label-col {
		float:left;
		width:100%;
		height:100%;
		font-weight:bold;
		text-align:left;
	}
	
	.catScoresArrow .score-col {
		float:right;
		width:100%;
		position:relative;
		height:100%;
	}	
}

#assessment-footer .navigation-buttons input.disabled {
	opacity:0.3;
}

div.submit-button input[type="submit"] {
	color: #fff;
  	background-color: #9cd70e;
  	border: 1px solid;
 	border-color: #8bbf0c;
}

div.submit-button input[type="submit"]:hover {
	background-color: #b6f127;
 	border-color: #b6f127;
}

a.tip-close, a.tip-close:hover, a.tip-close:active, a.tip-close:visited {
	text-decoration:underline;
	color: #3498db;
}

/* ####### Assessment v3 ########### */

.entry.page {
	display:none;
}

.entry.page.current-page {
	display:block;
}

.form-horizontal .form-group {
	margin-left:0px;
	margin-right:0px;
}

label.question-content {
	font-weight: 700;
}

label.question-content span.required-question {
	padding-left:5px;
}

.assessment-footer-buttons {
	min-width:200px;
}