.axe .descCol {
	float:left;
	width:60%;
	clear:both;
}

.axe .metaCol {
	float:right;
	width:38%;
	line-height:1.5em;
	
}

.axe .metaCol ul,.axe .additionalInfo ul {
	margin:0;
	padding:0;
}
.axe .metaCol li,.axe .additionalInfo li {
	margin-left:40px;
	padding:0;
}
.axe .metaCol div,.axe .additionalInfo div {
	margin:4px 0;
}

.axe section {
	border:1px solid #225a9b;
	border-radius:5px;
	padding: 12px;
	margin: 0 0 20px 0;
}

.axe section h2,#content .axe h2 {
	margin:-12px -12px 4px -12px;
	padding:2px 6px;
	background-color:#225a9b;
	color:#fff;
	font-size:18px;
}


.axe .metaCol div.userImpactGraphWrapper {
	border:1px solid #ccc;
	border-radius:4px;
	padding:2px 0 4px 0;
	font-size:12px;
}
.leastImpact {
	float:left;
}
.biggestImpact {
	float:right;
}
.axe .metaCol div.userImpactGraphWrapper div {
	margin:0;
	padding:0;
}
.axe .metaCol div.userImpactGraphWrapper div.userImpactGraph {
	width:100%;
	border:1px solid grey;
	background-color:#fff;
	height:12px;
	padding:0;
	margin:0 12px 0 0;
	box-sizing:border-box;
}

.axe .metaCol div.userImpactGraphWrapper div.userImpactGraphOuter {
	width:100%;
	padding:0 7px 0 7px;
	box-sizing:border-box;
}
.axe .metaCol div.userImpactGraphWrapper div.userImpactGraphBar {
	height:10px;
	margin:0;
	padding:0;
	clear:both;
	box-sizing:border-box;;
}
.axe .metaCol div.userImpactGraphBar.Critical {
	width:100%;
	background-color:red;
}
.axe .metaCol div.userImpactGraphBar.Serious {
	width:75%;
	background-color:red;
	border-right:1px solid grey;
}
.axe .metaCol div.userImpactGraphBar.Moderate {
	width:50%;
	background-color:orange;
	border-right:1px solid grey;
}
.axe .metaCol div.userImpactGraphBar.Minor {
	width:25%;
	background-color:yellow;
	border-right:1px solid grey;
}
.axe .metaCol div.userImpactGraphWrapper .userImpactGraphMarker {
	height:11px;
	line-height:1em;
	text-align:right;
	clear:both;
	font-size:14px;
	position:relative;
	left:3px;
	margin:0 0 4px 0;
	padding:0;
}
.userImpactGraphMarker.Critical {
	width:99%;
}
.userImpactGraphMarker.Serious {
	width:75%;
}
.userImpactGraphMarker.Moderate {
	width:51%;

}
.userImpactGraphMarker.Minor {
	width:27%;
}
/*
pre {margin:5px 0 10px 0; background:#f1f1f1;padding:10px;overflow:auto;border-radius:10px;} */
pre {
    margin: 5px 0 10px 0;
    max-height: 430px;
    background: #232323;
    padding: 10px;
    overflow: auto;
    border-radius: 10px;
}

pre code {background-color:#fefefe;display:block;padding:.5em;}

pre code mark, pre code .highlight, pre code span.highlight {
    background-color:#000;
    margin:2px;
}

.loginLinkOnly {
	display:none;	
}

.axe section#loginAccount {
	padding:8px;
	box-sizing:border-box;
	float:right;	
	width:38%;
	position:relative;
	margin-top:10px;
}
.h1Container {
	width:60%;
	float:left;
	display:table-cell;
	padding-top:10px;
	min-height:97px;
}
#content .axe h1 {
	vertical-align:middle;
	text-align:center;
	margin-top:0;
}
.axe section#loginAccount h2 {
	margin:-8px -8px 0 -8px;
	padding:0 5px;
}
.axe section#loginAccount h2 .subtitle {
	font-size:80%;
}

.axeLogin p.premiumInfo {
	text-align:left;
	margin-top:5px;
}
.promoLink {
	float:right;
	font-size:74%;
	line-height:1em;
	background-color:#225a9b;
	background-color: #00274D;
	text-transform:uppercase;
	color:#fff;
	border:1px solid #6d95c3;
	padding:4px 9px;
	margin:3px -2px 0 0;
	display:inline-block;
	text-decoration:none;
	border-radius:4px;
}
a.promoLink:hover,a.promoLink:active,a.promoLink:focus {
	outline:0;	
	border:1px solid #8CC63F;
	color:#990000;
}

.axeLogin {
	line-height:1em;	
}

.axeLogin p {
	margin:0;
	padding:0;	
}

.axe .metaCol .axeLogin div  {
	margin:0;
	line-height:1em;
}
.axeLogin label {
	padding: 4px 0 0 0;
	margin:0;
	display:block;
	float:left;
	font-size:80%;
}
.axeLogin #userLabel {
	width:55%;
	clear:both;	
}
.axeLogin input {
	font-size:94%;
	margin-top:2px;
}
.axeLogin #userLabel input {
	float:left;
	width:92%;
}
.axeLogin #passwordLabel {
	width:28%;
}

.axeLogin #passwordLabel input {
	float:left;
	width:94%;
}
	

.axeLogin .submitButton {
	float:right;
	width:15%;
	display:block;
	margin-top:17px;
}

.axeLogin .submitButton input {
	
}

.axeLogin .forgot {	
	line-height:1em;
	margin:0 0 0 55%;
	padding:2px 0 0 0;
	font-size:80%;
}

@media (max-width:1055px) {
	.axe section#loginAccount h2 .subtitle2 {
		display:none;
	}
	.axeLogin #userLabel {
		width:50%;
	}
	.axeLogin #userLabel input {
		width:90%;
	}
	.axeLogin .submitButton {
		width:18%;	
	}
@media (max-width:800px) {
	.h1Container {
		width:100%;
		float:none;
		margin-top:0;
		height:auto;
	}
	.axe .descCol,.axe .metaCol {
		width:100%;
		float:none;
	}
	.axe section#loginAccount {
		float:none;	
		clear:both;
		width:100%;
	}
	.axe section#loginAccount h2 .subtitle2 {
	display:inline;
	}
}