body { 
		padding-top: 20px;
		color: black;
		font-size: 150%;
		font-family: 'Quicksand', sans-serif;
	}
	
	h1, h2, h3, h4, h5, h6 {font-family: 'Quicksand', sans-serif;}

	#mce-EMAIL {
		width: inherit;
		display: inline;
	}
	
	.container {
		position: relative;
	}
	
	.full-width {
		padding-left: 0;
		padding-right: 0;
	}
	
	#breadcrumbs {
		margin-bottom: 10px;
	}
	
	a, a:visited {
		text-decoration: underline;
		color: #00a6de;
	}
	
	a:focus, a:hover, a:active {
		color: #00a6de;
	}
	
	.link-1 a, a.link-1 {
		text-decoration: none;
		border-bottom: 1px dashed #00a6de;
		display: inline;
	}
	
	.alert-info {
		border-color: #00a6de;
	}
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		text-decoration: none;
	}
	
	.nav-tabs > li > a  {
		text-decoration: none;
	}
	
	.nav-tabs li span {
		border-bottom: 1px dashed #00a6de;
	}
	
	.nav-tabs li.active span {
		border-bottom: none;
		font-weight: bold;
	}
	
	.popover-ini {
		cursor: pointer;
	}
	
	.popover {	
		font-size: 80%;
		font-weight: normal;
	}
	
	.popover-title {
		font-weight: bold;
		color: #8A6FAF;
	}
	
 	.popover-title {
		font-weight: bold;
		color: #54c247;
	}
	
	.explanation-popup-link {
		cursor: pointer;
	}
	
	.explanation-popup-bullets {
		display: inline;
	}
	
	div#explanation-popup-2 {
		width: 10%;
		position: absolute;
	}
	
	div#explanation-popup-3 {
		right: 10%;
		position: absolute;
	}
	
	div#explanation-popup-4 {
		height: 48px;
		width: 35%;
		position: absolute;
	}
	
	.explanation-popup-bullets li {
		float: left; 
		list-style-type: none;
		font-size: 36px;
		line-height: 10px;
		width: 10px;
		height: 10px;
		margin: 5px 5px 15px 0px;
		color: #00a6de;
	}
	
	.btn-explanation {
		float: right;
	}

/* 	.modal-title {
		color: #54c247;
	} */
	
	
	h2, h3 {
		text-align: center;
		font-weight: bold;
	}
	
	h3 {
		color: #54c247;
	}
	
	h4, h5 {
		font-weight: bold;
		font-size: 130%;
	}
	
	ul.no-bullets {
		list-style-type: none;
	}
	
	ul.main-menu {
		margin: 0;
		padding: 0;
	}
	
	.main-menu li {
		margin-top: 5px;
	}
	
	.main-menu a {
		display: block;
		padding: 10px;
		color: #8A6FAF;
	}
	
	.main-menu  a:hover {
		outline: 1px dotted #8A6FAF;
	}
	
	.larger {
		font-size: 120%;
	}
	
	small {
		font-size: 80%;
	}
	 
	.indent-top {
		margin-top: 20px;
	}
	
	.clear {
		clear: both;
	}
	
	.italic {
		font-style: italic;
	}
	
	.center {
		text-align: center;
	}
	
	.bold {
		font-weight: bold;
	}
	
	.left {
		float: left; 
		width: 50%;
	}
	.left-nowidth {
		float: left;
	}
	
	.right {
		float: right; 
		text-align: right;
		width: 50%;
	}
	
	.right-nowidth {
		float: right;
		text-align: right;
	}
	
	#description {
		min-height: 120px;
	}
	
	#example {
		margin-left: -2px;
	}
	
	#scale-d1, #scale {
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 
		background: #ff0000; /* Old browsers */
		background: -moz-linear-gradient(left,  #ff0000 0%, #F68A33 35%, #ffffff 35%, #ffffff 35%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(35%,#F68A33), color-stop(35%,#ffffff), color-stop(35%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ff0000 0%,#F68A33 35%,#ffffff 35%,#ffffff 35%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ff0000 0%,#F68A33 35%,#ffffff 35%,#ffffff 35%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ff0000 0%,#F68A33 35%,#ffffff 35%,#ffffff 35%); /* IE10+ */
		background: linear-gradient(to right,  #ff0000 0%,#F68A33 35%,#ffffff 35%,#ffffff 35%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	
	#scale-d2 {
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 
		background: #ff0000; /* Old browsers */
		background: -moz-linear-gradient(left,  #ff0000 0%, #F68A33 30%, #ffffff 30%, #ffffff 30%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(30%,#F68A33), color-stop(30%,#ffffff), color-stop(30%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ff0000 0%,#F68A33 30%,#ffffff 30%,#ffffff 30%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ff0000 0%,#F68A33 30%,#ffffff 30%,#ffffff 30%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ff0000 0%,#F68A33 30%,#ffffff 30%,#ffffff 30%); /* IE10+ */
		background: linear-gradient(to right,  #ff0000 0%,#F68A33 30%,#ffffff 30%,#ffffff 30%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}	
	
	#scale-d3 {
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 
		background: #ff0000; /* Old browsers */
		background: -moz-linear-gradient(left,  #ff0000 0%, #F68A33 15%, #ffffff 15%, #ffffff 15%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(15%,#F68A33), color-stop(15%,#ffffff), color-stop(15%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ff0000 0%,#F68A33 15%,#ffffff 15%,#ffffff 15%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ff0000 0%,#F68A33 15%,#ffffff 15%,#ffffff 15%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ff0000 0%,#F68A33 15%,#ffffff 15%,#ffffff 15%); /* IE10+ */
		background: linear-gradient(to right,  #ff0000 0%,#F68A33 15%,#ffffff 15%,#ffffff 15%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}	

	#scale-d4, #scale-d4-dysfunctional  {
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 
		background: #ff0000; /* Old browsers */
		background: -moz-linear-gradient(left,  #ff0000 0%, #F68A33 45%, #ffffff 45%, #ffffff 45%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(45%,#F68A33), color-stop(45%,#ffffff), color-stop(45%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ff0000 0%,#F68A33 45%,#ffffff 45%,#ffffff 45%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ff0000 0%,#F68A33 45%,#ffffff 45%,#ffffff 45%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ff0000 0%,#F68A33 45%,#ffffff 45%,#ffffff 45%); /* IE10+ */
		background: linear-gradient(to right,  #ff0000 0%,#F68A33 45%,#ffffff 45%,#ffffff 45%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}		

	#scale-d4-functional  {
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 
		background: #ff0000; /* Old browsers */
		background: -moz-linear-gradient(left,  #ff0000 0%, #F68A33 20%, #ffffff 20%, #ffffff 20%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(20%,#F68A33), color-stop(20%,#ffffff), color-stop(20%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ff0000 0%,#F68A33 20%,#ffffff 20%,#ffffff 20%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ff0000 0%,#F68A33 20%,#ffffff 20%,#ffffff 20%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ff0000 0%,#F68A33 20%,#ffffff 20%,#ffffff 20%); /* IE10+ */
		background: linear-gradient(to right,  #ff0000 0%,#F68A33 20%,#ffffff 20%,#ffffff 20%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */	
	}
	
	#scale-d5 {
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 70%, #ffffff 70%, #F68A33 70%, #ff0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(70%,#ffffff), color-stop(70%,#ffffff), color-stop(70%,#F68A33), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #ffffff 70%,#ffffff 70%,#F68A33 70%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #ffffff 70%,#ffffff 70%,#F68A33 70%,#ff0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #ffffff 70%,#ffffff 70%,#F68A33 70%,#ff0000 100%); /* IE10+ */
		background: linear-gradient(to right, #ffffff 70%,#ffffff 70%,#F68A33 70%,#ff0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 */
	}
	
	#scale-d6 {
		margin-bottom: 60px;
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 75%, #ffffff 75%, #F68A33 75%, #ff0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(75%,#ffffff), color-stop(75%,#ffffff), color-stop(75%,#F68A33), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #ffffff 75%,#ffffff 75%,#F68A33 75%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #ffffff 75%,#ffffff 75%,#F68A33 75%,#ff0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #ffffff 75%,#ffffff 75%,#F68A33 75%,#ff0000 100%); /* IE10+ */
		background: linear-gradient(to right, #ffffff 75%,#ffffff 75%,#F68A33 75%,#ff0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 */
	}
	
	 #scale-d7
	{
		margin-bottom: 60px;
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 
		background: #ff0000; /* Old browsers */
		background: -moz-linear-gradient(left, #ff0000 0%, #F68A33 40%, #ffffff 40%, #ffffff 40%, #F68A33 40%, #ffff00 50%, #6ba81d 70%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(40%,#F68A33), color-stop(40%,#ffffff), color-stop(40%,#ffffff), color-stop(40%,#F68A33), color-stop(50%,#ffff00), color-stop(70%,#6ba81d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #ff0000 0%,#F68A33 40%,#ffffff 40%,#ffffff 40%,#F68A33 40%,#ffff00 50%,#6ba81d 70%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #ff0000 0%,#F68A33 40%,#ffffff 40%,#ffffff 40%,#F68A33 40%,#ffff00 50%,#6ba81d 70%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #ff0000 0%,#F68A33 40%,#ffffff 40%,#ffffff 40%,#F68A33 40%,#ffff00 50%,#6ba81d 70%); /* IE10+ */
		background: linear-gradient(to right, #ff0000 0%,#F68A33 40%,#ffffff 40%,#ffffff 40%,#F68A33 40%,#ffff00 50%,#6ba81d 70%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#6ba81d',GradientType=1 ); /* IE6-9 */
	}
	
	 #scale-d8
	 {
		margin-bottom: 60px;
		margin-bottom: 60px;
		box-shadow: inset 0 1px 6px #979696;
		position: relative; 
		width: 100%; 
		height: 50px; 
		border: 1px solid silver; 	 
		background: #ff0000; /* Old browsers */
		background: -moz-linear-gradient(left, #ff0000 0%, #F68A33 40%, #ffffff 40%, #ffffff 40%, #F68A33 40%, #ffff00 70%, #6ba81d 85%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(40%,#F68A33), color-stop(40%,#ffffff), color-stop(40%,#ffffff), color-stop(40%,#F68A33), color-stop(70%,#ffff00), color-stop(85%,#6ba81d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #ff0000 0%,#F68A33 40%,#ffffff 40%,#ffffff 40%,#F68A33 40%,#ffff00 70%,#6ba81d 85%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #ff0000 0%,#F68A33 40%,#ffffff 40%,#ffffff 40%,#F68A33 40%,#ffff00 70%,#6ba81d 85%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #ff0000 0%,#F68A33 40%,#ffffff 40%,#ffffff 40%,#F68A33 40%,#ffff00 70%,#6ba81d 85%); /* IE10+ */
		background: linear-gradient(to right, #ff0000 0%,#F68A33 40%,#ffffff 40%,#ffffff 40%,#F68A33 40%,#ffff00 70%,#6ba81d 85%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#6ba81d',GradientType=1 ); /* IE6-9 */
	 }
 	
	.scale {
		padding-top: 60px;
		width: 0;
		height: 65px; 
		border-right: 1px dotted #979696; 
		background-color: transparent;
		border-left: none;
		position: absolute;
	}
  
	.scale-sm {
		height: 20px !important;
		margin-bottom: 0 !important;
		margin-top: 5px;
	}
  
    #scale.smaller, .smaller .scale {
		height: 28px;
	}
  
	.smaller .scale {
		padding-top: 38px;
	}
  
	.scale span {
		display: block;
		width: 30px;
		text-align: center;
		margin-left: -15px;
		margin-top: 5px;
	}  

	.scale.selected, .scale.selected-fixed {
		border-right: 1px solid #979696;
	}
  
	.scale.selected span, .scale.selected-fixed span, .scale.selected-semi-fixed {
		color: black;
		font-weight: bold;
	}	
	
	.scale.hover-visible {
		border-right: 1px dotted #979696; 
		color: transparent;
		height: 48px;
		padding-top: 0;		
	}
	
	.scale.hover-visible.selected {
		/* display: block !important; */
		color: #8A6FAF;
		padding-top: 60px;
		height: 65px; 
	}	
	
	.area {
		font-size: 120%;
		height: 48px; 
		text-align: center; 
		float: left; 
		display: block;
		padding-top: 12px;
		position: absolute;
		text-decoration: none;
		color: #8A6FAF !important;
		cursor: pointer;
	}
	
	.area:hover, .area:focus, .area.selected, .area.selected-fixed {
		box-shadow: inset 0 3px 9px #8A6FAF,
					inset 0 -3px 9px #8A6FAF;
		/* border-bottom: 1px solid #60553E; */
		text-decoration: none;
		color: #8A6FAF;
	}
	
	.d4-area-b {			
		background-image: linear-gradient(-15deg, 
			rgba(255, 255, 255, 1) 25%, 
			transparent 25%, transparent 50%, 
			rgba(255, 255, 255, 1) 50%, 
			rgba(255, 255, 255, 1) 75%, 
			transparent 75%, transparent);
		box-shadow: inset 0 1px 6px #979696;
	}

	.d4-area-b.selected-fixed {			
		background-image: linear-gradient(-15deg, 
			rgba(150, 187, 208, 1) 25%, 
			transparent 25%, transparent 50%, 
			rgba(150, 187, 208, 1) 50%, 
			rgba(150, 187, 208, 1) 75%, 
			transparent 75%, transparent);
	}
	
	.smaller .area {
		box-shadow: none;
		height: 26px;
	}
	
	.area.selected-blue {
		background-color: #00a6de;
	}
	
	.smaller .normative-windows {
		border-top: 1px solid #8A6FAF;
		font-size: 70%;
		margin-top: 76px;
		position: absolute;
		text-align: center;
	}
	
	.smaller .normative-windows-borders {
		border-left: 1px solid #8A6FAF;
		border-right: 1px solid #8A6FAF;
		height: 8px;
		margin-top: 68px;
		position: absolute;	
	}
	
	.smaller .internal {
		width: 35%;
		left: 0%;
		border-color: red;
	}
	
	.smaller .external {
		width: 55%;
		left: 45%;
		border-color: #54c247;
	}	
	
	.smaller .area-strategic {
		background-color: #00a6de;
		box-shadow: inset 0 1px 6px #979696;
	}
	
	.smaller .area-external {
		background-color: #54c247;
		box-shadow: inset 0 1px 6px #979696;
	}
	
	.wide .popover {
		max-width: 400px;
	}
	
	#char-title {
		font-weight: bold;
		font-size: 120%;
	}
	
	#char {
		margin-top: 20px;
	}
	
	#buttons {
		margin-top: 20px;
		text-align: center;
	}
	
	.btn-primary {
		background-color: #F68A33;
		color: #fff;
		text-shadow: 0 1px #8A6FAF;
		/* border: 0; */
		margin-right: 5px;
		margin-top: 5px;
		
		border: 1px solid #979696;
		font-size: 18px
	}
	
	.btn-primary:hover, .btn-primary :focus {
		color: #fff;
	}

	.btn-primary:hover, .btn-primary:focus  {
		background-color: #F68A33;
	}

	.clarification, .clarification:focus, .clarification:hover {
		background-color: #54c247;
	}

	.implication, .implication:focus, .implication:hover {
		background-color: #00a6de;
	} 

	.example, .example:focus, .example:hover {
		background-color: #8A6FAF;
	} 

	.clarification-none, .clarification-none:focus, .clarification-none:hover {
		background-color: #979696;
	}

	.implication-none, .implication-none:focus, .implication-none:hover {
		background-color: #979696;
	} 

	.example-none, .example-none:focus, .example-none:hover {
		background-color: #979696 !important;
		border: 1px solid #979696 !important;
	}  
	
	.btn-disabled, .btn-disabled:hover {
		cursor: not-allowed !important;
		color: #CBCACA; /*50 % between 979696 and fff*/
		text-shadow: none;
		background-color: #979696;
	}
	
	.btn-lg {
		line-height: inherit;
	}
	
	.badge {
		font-size: 18px;
		margin-left: 4px;
		min-width: 32x;
		background-color: #FFFFFF;
		color: #000000;
	}
	
	.btn-disabled .badge {
		background-color: #CBCACA;
	}
	
	h1 {
		font-weight: bold;
		font-size: 22px;
		margin-bottom: 0.75em;
		border-bottom: 1px solid #ddd;
		padding-bottom: 0.5em;	
	}
	
	.arrow-down {
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #00a6de;
		margin-bottom: -5px;
		margin-left: -10px;
		position: relative;
	}
	
	.arrow-down-lg {
		margin-bottom: 0%;
		margin-left: -15px;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #00a6de;
		
	}
	
	.arrow-down-d7d8 {
		top: -15px;
		margin-bottom: -15px;
	}
	
	.arrow-down-desc {
		width: 100px;
		position: absolute;
		font-size: 12px;
		top: -34px;
		left: -34px;
	}

	.tooltip-inner {
		white-space: pre-wrap;
	}