@charset "UTF-8";
/* CSS Document */
:link,:visited{text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0;border:none}a img,:link img,:visited img{border:none}address{font-style:normal}

body {
	background-color:#E6E6E6;
	font-family:'Helvetica Neue',Arial, Helvetica, sans-serif;
	font-size:0.8em;
	min-width:1000px;
	line-height: 1.3em;
}
/*******************************************************************************
* main layout
*******************************************************************************/

#toplinks, #tabbar, #container, #footer, #noscript {
	padding:0 30px;
}

#toplinks {
	background-color:#006485;
	padding-top:.5em;
	padding-bottom:.5em;
	font-size:0.9em;
	color:#fff;
}

#tabbar {
	background:url(/images/gradient-top.png) bottom repeat-x;
	border-bottom:1px solid #B3B3B3;
	padding-top:50px;
	position:relative;
}

#container {
	background:#fff;
	padding-top:2em;
	padding-bottom:2em;
	min-height:30em;
}
#calculator {
	display:none; /* JS makes this visible when loaded */
}
#footer {
	background:url(/images/gradient-bottom.png) top repeat-x;
	border-top:1px solid #B3B3B3;
	font-size:0.9em;
	padding-top:1em;
	padding-bottom:1em;
}

#logo {
	width:220px;
	height:60px;
	background:url(/images/lca-logo.png);
	position:absolute;
	right:30px;
	bottom:1em;
}

/******************** Text ********************/

sub {
	vertical-align: baseline!important;
}

.text {
	padding:0 10px;
	margin-bottom: 20px;
}
.section-heading {
	padding:10px;
}
.text p, #resultsOverview p {
	margin-bottom: 0.5em;
}

.previousStageLink, .nextStageLink {
	padding:5px 10px;
	color:#000;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	border:1px solid #000;
}
.previousStageLink:before {
	content:"\2190";
}
.nextStageLink:after {
	content:"\2192";
}
.previousStageLink:hover, .nextStageLink:hover {
	color:#fff;
	background:#666;
}
.nextStageLink {
	float:right;
}
.previousStageLink {
	float:left;
}



.left, .right {
	width:49%;
	float:left;
}
.right {
	float:right;
	/* text-align:right; */
}
#toplinks .right {
	text-align:right;
}
.left .display-table {
	padding-right: 20px;
}
.clear {
	clear:both;
}
/* tabs */
#tabs li {
	display:inline-block;
	padding:.8em 1em;
	position:relative;
	top:1px;
	font-weight:bold;
}
#tabs li.active {
	background-color:#fff;
	border:1px solid #B3B3B3;
	border-bottom: 1px solid #fff;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
#tabs a:link, #tabs a:visited {
	color:#000;
}
#tabs a:hover {
	text-decoration:underline;
}
#tabs li.active a:link, #tabs li.active a:visited {
	color:#000;
	text-decoration:none;
}
#tabs li.disabled {
	color:#999999;
}
/* header */

#toplinks li {
	display:inline-block;
	padding-right:1em;
}
#toplinks a {
	opacity:0.6;
	color:#fff;
}
#toplinks a:hover {
	opacity:1;
}

/*******************************************************************************
* Split view
*******************************************************************************/
#splitterLeft {
	width:18%; /* leave 2% margin right to separate columns */
	float:left;
}
#splitterRight {
	width:80%;
	float:right;
	min-height:400px;
}
#lca-usage-page #splitterRight {
	min-height: 0;
}

ul#assemblies a {
	color:#000;
}
ul#assemblies {
	-webkit-user-select:none;
	-moz-user-select: none;
}
.selected-assembly {
	background:#0095C4!important;
	color:#fff;
	background: -moz-linear-gradient(top, #0095C4, #006485)!important;
	background: -webkit-gradient(linear, left top, left  bottom, from(#0095C4), to(#006485))!important;
	
	/*background:url(../../images/assembly-selected.png) right!important;
	display:block!important;
	position:relative;
	margin-right:-1em!important;
	z-index:1000; *//*pull to front to be above border */
}
.selected-assembly a {
	color:#fff!important;
}


/*******************************************************************************
* Tables
*******************************************************************************/

.table-wrapper {
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #b3b3b3;
	margin-bottom: 10px;
	background: no-repeat right;

}

.td {
	padding:0;
	display:inline-block;
	vertical-align:middle;
	width:100%;
}
span.td {
	width:100%;
}
.th .td {
	font-weight:bold;
}
.w5 {
	width:5%;
}
.w10 {
	width:10%;
}
.w15 {
	width:15%;
}
.w20 {
	width:20%;
}
.w25 {
	width:25%;
}
.w30 {
	width:30%;
}
.w35 {
	width:35%;
}
.w40 {
	width:40%;
}
.w45 {
	width:45%;
}
.w50 {
	width:50%;
}
.w55 {
	width:55%;
}
.w60 {
	width:60%;
}
.w65 {
	width:65%;
}
.w70 {
	width:70%;
}
.w75 {
	width:75%;
}

.wFixed290 {
	width:290px;
}

.wFixed190 {
	width:190px;
}

.tr {
	border-bottom:1px solid #E6E6E6;
	vertical-align:middle;
	padding:10px;
	background:#fff;
	display:block;
}
.tr.trManufactureInline .td {
	vertical-align:top!important;
}
.tr:hover {
	cursor:default;
}
.tr + .tr {

}
.lca-lightbox-box-content .tr{
	border:none!important;
}



.th {
	border-top:none!important;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F2F2F2, #E6E6E6);
	background: -webkit-gradient(linear, left top, left  bottom, from(#F2F2F2), to(#E6E6E6));
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	padding:10px;
}
.tf {
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #C3C3C3, #F2F2F2);
	background: -webkit-gradient(linear, left top, left  bottom, from(#C3C3C3), to(#F2F2F2));
	padding:10px;
}
.tr.lastRow {
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}

.expandStatus {
	float: right
}
	

/* display as table elements for newer XSL-based pages */
.display-table {
	display: table;
	width:100%;
	margin-bottom: 20px;
}
.display-table .tr{
	display: table-row;
}
.display-table .td {
	display: table-cell;
	padding: 10px 0px;
	border-bottom:1px solid #E6E6E6;
}
.display-table .tr:last-child .td {
	border-bottom: none;
}



/*******************************************************************************
* Buttons and form elements
*******************************************************************************/

button, .knob, .button {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
}
button, .knob, .button {
	background: #E6E6E6;
	background: -moz-linear-gradient(top, #F2F2F2, #E6E6E6);
	background: -webkit-gradient(linear, left top, left  bottom, from(#F2F2F2), to(#E6E6E6));
	border:1px solid #000;
	color:#000!important;
	font-size:1em;
	padding:3px 8px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
}
button:hover, .knob:hover, .button:hover {
	background: #666;
	background: -moz-linear-gradient(top, #4D4D4D, #666);
	background: -webkit-gradient(linear, left top, left  bottom, from(#4D4D4D), to(#666));
	color:#fff!important;
	text-decoration: none!important;
}


.button-padding {
	margin:.5em 1em;
}



/*******************************************************************************
* Lightbox
*******************************************************************************/

/**
* Appearance
*/
.lca-lightbox-mask {
	position:fixed;
	z-index:80000;
	background:#000;
}
.lca-lightbox-box {
	z-index:90000;
	background:#fff;
	border:1px solid #000;
	overflow:auto;
}
.lca-lightbox-box-content {
	padding:2em;
}
.lca-lightbox-box-content h1 {
	margin-bottom:1em;
}
.lca-lightbox-box-content .tr:hover {
	background:none;
}

/*******************************************************************************
* Busy
*******************************************************************************/

.lca-busy {
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	display:block;
	width:24px;
	height:24px;
	background: transparent url(/images/spinner.gif) no-repeat scroll 0 0;
}
#loading {
	margin:0 auto;
	width:24px;
	height:24px;
	background: transparent url(/images/spinner.gif) no-repeat scroll 0 0;
}

/*******************************************************************************
* Messenger
*******************************************************************************/

/**
* Structure
*/
#lca-messenger-wrapper {
	margin-bottom:0.63em;
}
/**
* Appearance
*/
.lca-messenger {
	opacity:0.95;
	color:#000;
	border-radius: 4px;
	/*position: absolute;*/
}
.lca-messenger p,
.lca-messenger ul {
	padding:1em;
}
.lca-messenger p {

}
.lca-messenger li {
	list-style-type:disc;
	list-style-position:inside;
}
.lca-messenger-error {
	background-color:#b53616;
	color: #fff;
}
.lca-messenger-warn {
	background-color:#fab43c;
}
.lca-messenger-info {
	background-color:#e1f2f2;
}

/*******************************************************************************
* Form
*******************************************************************************/

/**
* Appearance
*/
input[type=text].lca-form-control, input[type=password].lca-form-control, textarea.lca-form-control, select.lca-form-control, select.lca-admin-form-control, input[type=email].lca-form-control {
	padding:0.32em;
	border-color:#E6E6E6;
	border-style:solid;
	border-width:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-right:1em;
}
.td input[type=text], .td input[type=password], .td select {
	width:85%;
}
.td textarea {
	width:85%;
	height:5em;
}
/*input, textarea {
	-webkit-user-select: auto!important;
	-moz-user-select: auto!important;
}*/

/* distance calculator */

.distanceCalc td {
	padding:3px;
	border:1px solid #E6E6E6;
	width:50px;
}
/*******************************************************************************
* Form Appearance
*******************************************************************************/

/**
* Appearance
*/
input[type=text].validation-failed, textarea.validation-failed, select.validation-failed {
	border-color:#BE1E2D;
}
input[type=text].validation-passed, textarea.validation-passed, select.validation-passed {
	border-color:#BED63A;
}
input.lca-form-control:focus, textarea:focus, select:focus {
	border-color:#000!important;
}

/* Other text formating */

a.lca-edit-in-place-module-control-remove, a.lca-form-contributor-remove, a.lca-form-confiscator, a.lca-form-cancel, a.lca-edit-in-place-module-duplicate, a.lca-note-note, a.lca-edit-in-place-module-move, a.lca-edit-in-place-module-control-view, a.lca-sort-heading-control-asc, a.lca-sort-heading-control-desc, a.lca-context-menu-cog, .lca-alert, a.lca-import {
	color:#BE1E2D;
	font-size:0.9em;
	display:inline-block;
	padding:2px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
a.lca-edit-in-place-module-control-remove:hover, a.lca-form-contributor-remove:hover, a.lca-form-confiscator:hover, a.lca-form-cancel:hover {
	background:#BE1E2D;
	color:#fff;
}
a.lca-edit-in-place-module-duplicate, a.lca-note-note, a.lca-edit-in-place-module-move, a.lca-edit-in-place-module-control-view, a.lca-import {
	color:#222;
}
a.lca-edit-in-place-module-duplicate:hover, a.lca-note-note:hover, a.lca-edit-in-place-module-move:hover, a.lca-edit-in-place-module-control-view:hover, a.lca-import:hover {
	color:#fff;
	background:#222;
}
/* alert / warning note message appearance */
.lca-alert {
	background: url(/images/icon/alert-down.png) 3px 3px no-repeat #BE1E2D;
	padding-left:24px;
	min-height:22px;
	margin:5px 0px;
	color:#fff;
}
a.processRemove {
	background:url(/images/icon/block-red.png) center no-repeat;
	width:16px;
	height:16px;
}
a.processRemove:hover{
	background-image:url(/images/icon/block-white.png);
	background-position: center;
	background-repeat: no-repeat;
}
a.lca-sort-heading-control-asc, a.lca-sort-heading-control-desc {
	background:url(/images/icon/arrow-up.png) center no-repeat;
	width:8px;
	height:8px;
	vertical-align: middle;
	border:1px solid #000;
	margin-left: 5px;
}
a.lca-context-menu-cog {
	background:url(/images/icon/settings-black.png) #fff center no-repeat;
	float:right;
	width:12px;
	height:12px;
	vertical-align: middle;
	border:1px solid #000;
}
a.lca-context-menu-cog:hover {
	background:url(/images/icon/settings-white.png) #666 center no-repeat;
}

a.lca-sort-heading-control-desc {
	background:url(/images/icon/arrow-down.png) center no-repeat;
}
a.lca-sort-heading-control-desc:hover, a.lca-sort-heading-control-asc:hover {
	background-color:#666;
	/* change this to reverse out the arrows to match the delete icon*/
}
button.addProcess {
	margin:10px 0px
}
h1 {
	font-size:1.2em;
	margin-bottom:0.5em;
}



/*******************************************************************************
* Login and signup screens
*******************************************************************************/

#login, #signup {
	margin:0 auto;
	width:440px;
}

#signup {
	width:650px;
	background:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #B3B3B3;
	margin-bottom: 10px;
}
#signup form {
	padding:30px;
}

#login .lca-help-panel, #login .lca-help-reverse {
	min-height: 20em;
}
#login .text, #signup .text {
	padding:30px;
	margin-bottom: 0;
}

#lca-login-page #logo, #lca-signup-page #logo {
	position:relative;
	left:0;
	top:10px;
	margin:30px auto;
}

#signup h1 {
	background:#036486 none!important;
	color:#fff;
	background:-webkit-gradient(linear, left top, left  bottom, from(#0095C4), to(#036486))!important;
	background:-moz-linear-gradient(top, #0095C4, #036486)!important;
	padding:20px 30px;
	margin:0;
}
#signup h2 {
	color:#036486;
	font-size:1.2em;
}
#signup section{
	margin-bottom:2em;
}

/* overwrite standard table formatting for the login page */
/* overwrite standard table formatting for lightboxes */
#login .tr, .lca-lightbox-box-content .tr, #signup .tr, .lca-signup-box-content .tr {
	padding:0;
	padding-top:10px;
	border:none!important;
}
#login input[type=text], #login input[type=password], #signup input[type=text], #signup input[type=password], #signup input[type=email] {
	width:97%;
	margin:0;
}
#login-footer, #signup-footer {
	margin:0 auto;
	padding:1em;
	width:400px;
	text-align:center;
}
p.error, .validation-advice {
	color:#BE1E2D;
}
.validation-advice{
	padding:3px 0px;
}
#advice-validate-required-check-input_terms {
	display:inline-block;
}
div.error, div.warning, div.ok	{
	border:1px solid #b53616;
	background:rgba(181,54,22,0.1);
	color:#b53616;
	padding:10px;
	border-radius: 4px;
}
div.warning {
	border-color:#fab43c;
	background:rgba(250,180,60,0.2);
	color:#000;
}

div.ok {
	border-color:#BED538;
	background:rgba(190,213,56,.2);
	color:#000;
}


/*Added by Matt to style thank you page*/
div.ok h2 {
    font-size: 1.1em;
    padding: 5px;
}

div.ok p {
	padding: 5px;
}

.signup-info {
	border-top:1px solid #BED538;
	border-bottom:1px solid #BED538;
	padding:10px 30px;
	background:#E8F0BA;
}
#signup .error {
	margin-top:5px;
}
.signup-required {
	padding:10px 30px 0px;
	display: inline-block
}
.signup-card {
	padding:10px 30px 20px;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F2F2F2, #C3C3C3);
	background: -webkit-gradient(linear, left top, left  bottom, from(#F2F2F2), to(#C3C3C3));
	border-radius: 0px 0px 4px 4px;
	border-top:1px solid #B3B3B3;
}
.signup-card span, .signup-card img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#signup input[type=radio], #account input[type=radio] {
	margin-right: 5px;
}
#account .chooseplan {
	width:100%;
	display: block;
	margin-bottom:5px;
}
span.required:before {
	content: " *";
	font-weight: bold;
	color:#F37228;
}
#signup a {
	color:#004477;
}
#signup a:hover {
	text-decoration:underline;
}
iframe {
	border:0;
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*height:500px;*/
	min-height:300px;
	overflow: hidden;
	background: transparent url(/images/spinner.gif) no-repeat scroll center;
}
#signup iframe {
	padding:30px;
}
label {
	margin-right:15px;
}
/* iframe content */
#iframe {
	width:auto!important;
	min-width: 0;
	background:#fff!important;
}
/*******************************************************************************
* results
*******************************************************************************/

.resultBarChart {
	height:1em;
	display:block;
	background: #CC0033;
	background: -moz-linear-gradient(top, #CC0033, #AA0099);
	background: -webkit-gradient(linear, left top, left  bottom, from(#CC0033), to(#AA0099));
	width:1px;
}


.resultAxis {

}

.resultDetail {
	background:#e6e6e6;
}
.resultMaterial, .resultProcess, .resultDisposal {
	background: none;
}
.resultIndent {
	padding-left:10%;
	color:#999999;
	padding-right:.5em;
}
.comment {
	color:#999999;
	padding-right:.5em;
}
.times {
	color:#333;
	padding:0 .5em;
}
.expandStatus {
	height:16px;
	width:16px;
	border:1px solid #000;
	background:url(/images/icon/plus.png) center no-repeat;

	vertical-align: middle;
	display:inline-block;
	padding:2px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
}
.expandStatus.expanded {
	background-image:url(/images/icon/minus.png);
}
.resultHeading {
	margin-bottom:1em;
	margin-top:2em;
}
.resultHeading h2 {
	font-size:1.3em;
}

/* move this somewhere more logical */

.link {
	color:#3366CC;
}
.link:hover {
	text-decoration:underline;
}

/*******************************************************************************
* Manufacture Sortables
*******************************************************************************/

.lca-sortables-sortable-level-1,
.lca-sortables-sortable-placeholder-level-1 {
	margin-left:1em!important;
}
.lca-sortables-sortable-level-2,
.lca-sortables-sortable-placeholder-level-2 {
	margin-left:2em!important;
}
.lca-sortables-sortable-level-3,
.lca-sortables-sortable-placeholder-level-3 {
	margin-left:3em!important;
}
.lca-sortables-sortable-level-4,
.lca-sortables-sortable-placeholder-level-4 {
	margin-left:4em!important;
}
.lca-sortables-sortable-level-5,
.lca-sortables-sortable-placeholder-level-5 {
	margin-left:5em!important;;
}
.lca-sortables-sortable-level-6,
.lca-sortables-sortable-placeholder-level-6 {
	margin-left:6em!important;;
}
.lca-sortables-sortable-level-7,
.lca-sortables-sortable-placeholder-level-7 {
	margin-left:7em!important;;
}
.lca-sortables-sortable-level-8,
.lca-sortables-sortable-placeholder-level-8 {
	margin-left:8em!important;;
}
.lca-sortables-sortable-level-9,
.lca-sortables-sortable-placeholder-level-9 {
	margin-left:9em!important;;
}
.lca-sortables-sortable-level-10,
.lca-sortables-sortable-placeholder-level-10 {
	margin-left:5em!important;;
}
.lca-sortables-sortable-ghost {
	z-index:1500;
	-webkit-box-shadow:3px 3px 6px #666;
	-moz-box-shadow:3px 3px 6px #666;
	box-shadow:3px 3px 6px #666;
	background:#fff;
	border:1px solid #B3B3B3;
}
.lca-sortables-sortable {
}
.lca-sortables-sortable-placeholder {
	background-color:#fff;
	border:2px dashed #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	margin: 10px;
	background: #efefef;
}
.lca-sortables-drop-receiver {
	background:#FF7221 none!important;
	color:#fff;
	background:-webkit-gradient(linear, left top, left  bottom, from(#FF7221), to(#BF5519))!important;
	background:-moz-linear-gradient(top, #FF7221, #BF5519)!important;
}

.lca-sortables-sortable-handle {
	background:url(/images/icon/navigation.png);
	width:16px;
	height:16px;
	display: inline-block;
	vertical-align: middle;
	opacity:0.2;
	-webkit-transition:opacity 500ms ease-out 100ms;
}
.tr:hover .lca-sortables-sortable-handle {
	opacity:1;
	-webkit-transition: opacity 500ms ease-out 100ms;
	-moz-transition: opacity 500ms ease-out 100ms;
}

.assembly-name:hover {
	cursor: default;
}


/* graph */

#graph {
	width: 500px;
	height:375px;
}

/*******************************************************************************
* My LCAs page
*******************************************************************************/

.selectSummaryData {
	display: none;
}
.selectSummaryChart {
	height:160px;
}


/*******************************************************************************
* Disposal recycling selector sliders
*******************************************************************************/


div.slider {
	width: 218px;
	height: 4px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	background: #222;
}
div.slider div.knob {
	width: 16px;
	height: 16px;
	padding:0px;
	top:-6px;
	z-index:1000;
}
.lca-slider-value, .lca-slider-other {
	/*should rename this*/
	position:relative;
	top:-24px;
	left:224px;
	width:80px;
	display: inline-block;
	z-index:900;
}
/* move to left when in lightbox (composite)*/
.lca-lightbox-box-content .lca-slider-value {
	left: -140px;
}

/* Composite import overide*/

.lca-composite-import .tr {
	padding:10px;
}


/*******************************************************************************
* Results page
*******************************************************************************/


.resultsPanel {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #b3b3b3;
	padding:20px;
	margin-bottom: 10px;
	background: no-repeat right;
}

.resultsTable {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #b3b3b3;
	margin-bottom: 10px;
	background: no-repeat right;
}
#resultsMajorImpacts h1 {
	padding:20px 20px 0px;
}

#resultsMajorImpacts .tr{
	border:none;
	background:none;
	padding-left:20px;
}
#resultsMajorImpacts {
	padding-bottom: 20px;
}

.resultsHeadline {
	padding:0px 20px;
}

.resultsGraph {
	

}
.resultsGraphKey{
	float:left;
	width:50%;
	margin-bottom:10px;
}
.resultsGraphKey:hover {
	cursor:pointer;
}
.resultsVerticalCentre {
	display: block;
	vertical-align: middle;
}

.resultsPanel big {
	font-weight: bold;
	font-size: 3.5em;
	line-height: 1em;
}

/* to do here: fix the heights of the columns or something so that the clear works correctly - doesn't work at the moment because of the absolute positioning */
#resultsLeftColumn {
	width:400px;
	position: absolute;
}

#resultsRightColumn {
	padding-left:410px;
}

/* ok this doesn't work yet - calc() not yet supported in any browser

#resultsLeftColumn {
	width:400px;
}
#resultsRightColumn {
	width:calc(100% - 400px);
}
*/
#resultsRightColumn .resultsPanel {
	min-height:150px;
}
.resultsMajorImpactRow {
	vertical-align: middle;
	padding:10px 0px;
}
.resultsMajorImpactsBar {
	display: inline-block;
	vertical-align: middle;
	border: 2px solid;
	color: #fff;
	height:2em;
	clear:both;
}
.resultsMajorImpactKey {
	display: inline-block;
	vertical-align: middle;
	width:25%;
}
#resultsMajorImpacts strong {
	display: inline-block;
	vertical-align: middle;
	padding: 0.5em;
}
.resultsGraphKey span{
	display: block;
	border: 2px solid;
	padding: 0.5em;
	height:1em;
	width:1em;
	float:left;
	margin-right: 10px;
}
.resultsInlineGraph {
	display: block;
	border: 2px solid;
	padding: 0.5em 0;
}
.resultsBarRed, .manufacture {
	background: #EE4036;
	border-color: #BE1E2D!important;
}
.resultsBarGreen, .transport {
	background: #BED63A;
	border-color: #74B64A!important;
}
.resultsBarBlue, .usage {
	background: #0095C4;
	border-color: #006485!important;
}
.resultsBarOrange, .disposal {
	background: #FF7221;
	border-color: #BF5519!important;
}
.negative {
	background: #ddd;
	border-color: #bbb;
}



#resultsTotalImpact {
	/*background-image: url(/images/results/resultsPanelClouds.png);
	padding-right: 190px;
	*/
}

#resultsEquivalent {
	/*background-image: url();
	background-position: left;
	padding-left: 190px;
	*/
}

.resultsPanel h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.5em;	
}

.results-assembly {
	margin:20px 0px 10px 0px;
}
.results-assembly-name + .results-assembly-name{
	padding-left: 20px;
}
.results-assembly-name:nth-last-child(2) {
	font-weight: bold;
}
.results-assembly-region {
	padding-left:20px;
	font-style: italic;
}
.results-phase-notes {
	margin-bottom: 10px;
}
.results-note-wrapper {
	text-align: right;
}
.resultsTable .results-note-wrapper {
	text-align: left;
}
	
/*******************************************************************************
* ContextMenu
*******************************************************************************/

/**
* Structure
*/
.lca-context-menu, .lca-note {
	position:absolute;
	top:0;
	left:0;
	min-width:12em;
}
/**
* Appearance
*/
.lca-context-menu, .lca-note, .lca-compare-details {
	background:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #b3b3b3;
	
	-webkit-box-shadow:3px 3px 6px #666;
	-moz-box-shadow:3px 3px 6px #666;
	box-shadow:3px 3px 6px #666;
	
	padding:0.5em 0;
	z-index:95000;
}
.lca-context-menu li {
	color:#999;
}
.lca-context-menu li a:link, .lca-context-menu li a:visited {
	display:block;
	color:#000;
	padding:0.5em 1em;
}
.lca-context-menu li a:hover {
	background:#FF7221 none!important;
	color:#fff;
	background:-webkit-gradient(linear, left top, left  bottom, from(#FF7221), to(#BF5519))!important;
	background:-moz-linear-gradient(top, #FF7221, #BF5519)!important;
}
.lca-context-menu-item-sep {
	border-top:0.09em solid #e4e4e4;
	margin-top:0.31em;
	padding-top:0.31em;
}


/* help */

.lca-help-toggle, .lca-help-reverse-toggle {
	color:#0095C4;
}
.lca-help-toggle:hover, .lca-help-reverse-toggle:hover {
	color:#006485;
	text-decoration: underline;
}

.lca-help {
	position:relative;
	
}
.lca-help-reverse, .lca-help-panel {
	-webkit-backface-visibility: hidden;
	transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	background:#fff;
	width:100%;
	-webkit-user-select:none;
	-moz-user-select: none;
}

.lca-help-reverse {
	z-index: 800;
	-webkit-transform: rotateY(-180deg);
	opacity:0;
	position: absolute;

	top: 0;
	left: 0;	
}

.lca-help-panel {
	z-index: 900;
	-webkit-backface-visibility: hidden;
}

.lca-help-flip .lca-help-reverse {

	z-index: 1000;
	-webkit-transform: rotateY(0deg);
	opacity: 1;
}

.lca-help-flip .lca-help-panel {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	opacity: 0;
}

.lca-help-toggle-bottom {
	position:absolute;
	bottom:20px;
	left:20px;
	margin:0;
	margin-top:1em;
	padding:0;
}

.lca-help-toggle-bottom a {
	color:#004477;
}

.lca-help-toggle-bottom a:hover {
	text-decoration:underline;
}

/* LCA Notes (on parts, transport ets) */

.lca-note-indicator {
	position: absolute;
	top:-15px;
	height:15px;
	width:15px;
	right:40px;
	background: url('/images/note-indicator.png');
}
.lca-note {
	width:300px;
	display:none;
}
.lca-note .tr {
	border:none!important;
}
.lca-phase-notes {
	position: absolute;
	top:0;
	right:0;
}
.lca-phase {
	position: relative;
}

/* Admin */

.lca-sticky-heading .th.active{
	margin:0px 30px;
	position:fixed;
	top:0px;
	opacity: 0.8;
	border:1px solid #b3b3b3;
	width:100%;
}


/*******************************************************************************
* compare
*******************************************************************************/



.lca-compare-details {
	position: absolute;
	display: none;
	width:500px;
	z-index: 1000;
	padding:0!important;
}
.lca-compare-details-close {
	position:absolute;
	width:20px;
	height:20px;
	z-index: 1001;
	top:-10px;
	left:-10px;
	background:#666 url(/images/compare-close.png) no-repeat center;
	border-radius: 10px;
	cursor: pointer;
	-webkit-box-shadow:2px 2px 3px #999;
	-moz-box-shadow:2px 2px 3px #999;
	box-shadow:2px 2px 3px #999;
}
.lca-compare-details-close:hover {
	background-color: #333;
}
.lca-compare-details-pointer{
	position: absolute;
	width:12px;
	height:100%;
	background: url(../images/compare-pointer-left.png) no-repeat center;
	left:-12px;
	top:0px;
}
.lca-compare-details-right .lca-compare-details-pointer{
	right:-12px;
	left: auto;
	background: url(../images/compare-pointer-right.png) no-repeat center;
}

#lca-compare-graph {
	width:100%;
	height:400px;
	margin-bottom: 20px;
}