/* -= Structure Elements =-*/

body {  font-family:Helvetica,Arial; font-size:16px; color:#111; background:#1570b2; margin:0px }
img { border:0 }
a { text-decoration:none }
a:hover {  }
h1 { font-weight:36px; }
h2 { font-weight:24px }
h3 { font-size:18px; color:#d83629; }
h4 { font-size:14px; }

div#holder { margin:0 auto; width:900px; background-color:white; padding:0 11px 0 12px; overflow:hidden; }
div#header { padding:15 25 15 25}
	div#header h2 { background-color:white; margin:0 0 5 0; padding:0; color:#d83629; font-size:16px}
div#topnav { padding:5 25 5 25 } 
	div#topnav table#nav { font-family: Century Gothic, Helvetica, sans-serif; background-color: #99cc67; height: 30px; width: 100%; margin: 0 auto; padding: 0; }
	div#topnav table#nav td a { display: block; text-align: center; text-decoration: none; font-family: Trebuchet MS, Arial, sans-serif; font-weight: 800; font-size: 14px; height: 30px; line-height: 30px; margin: 0; border-right: 1px dashed #99CC67; border-	left: 1px dashed #99CC67; padding: 0px 14px; }
	div#topnav table#nav td a:link, #topnav table#nav td a:visited { color: #FFFFFF; }
	div#topnav table#nav td a.active { color: #FFFFFF; background-color: #639c31; border-left-color: #639c31; border-right-color: #639c31; }
	div#topnav table#nav td a.lactive { border-left-color: #FFFFFF; }
	div#topnav table#nav td a.ractive { border-right-color: #FFFFFF; }
	div#topnav table#nav td a.inactive:hover, #topnav table#nav td a.inactive:active { color: #FFFFFF; background-color: #639c31; border-right-color: #FFFFFF; border-left-color: #FFFFFF;}

div#content { padding:15 25 15 25 }
div#footer { border-top:1px solid #c9c9c9; color:margin-top:50px; text-align:center; }

div.left { float:left; }
div.right {float:right; }
div.clear {clear:both}

label { font-size:16px; color:#d83629; font-size:18px; font-weight:bold }
input { font-size:18px; padding:7px; height:44px }
textarea { font-size:22px; padding:7px; font-family:Helvetica,Arial; line-height:26px; letter-spacing:0.5px; margin-bottom:5px }
select { font-size:22px; padding:7px; }
label.radio {font-size:22px; color:#888; cursor:pointer } 

div#content table { width:100% }
div#content table td, th { padding:4px; margin:4px; vertical-align:top }
div#content table th { text-align:left }

ul.condition-list { list-style:none; margin:0px; padding:0px  }
ul.condition-list li { float:left; width:190px; margin:10px; }
ul.condition-list img { float:left; vertical-align:middle; margin-right:15px }
ul.condition-list li a { display:block; width:200px; height:50px; border:2px solid #c9c9c9; color:#1570b2; font-size:15px; font-weight:bold }
ul.condition-list li a span.subtitle { font-size:12px; color:#a9a9a9; font-weight:normal }
ul.condition-list li a:hover { background-color:#639c31; color:white }

ul.team-profiles { list-style:none; margin:0px; padding:0px }
ul.team-profiles li { clear:both; padding-bottom:15px }
ul.team-profiles img { margin-right:15px; margin-bottom:15px }

ul.assessment-profiles { list-style:none; margin:0px; padding:0px }
ul.assessment-profiles li { clear:both; padding-bottom:15px }
ul.assessment-profiles img { margin-right:15px; margin-bottom:15px }

ul.api-profiles { list-style:none; margin:0px; padding:0px }
ul.api-profiles li { clear:both; padding-bottom:15px }
ul.api-profiles li h3 { margin:0 }
ul.api-profiles li p { margin:0 }
ul.api-profiles img { margin-right:15px; margin-bottom:15px }

ul.indexes { list-style:none; margin:0px; padding:0px }
ul.indexes li { clear:both; padding-bottom:0px; border-bottom:4px dotted #c9c9c9 }
ul.indexes img { margin-right:15px; margin-bottom:15px }

div.form-field { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #c9c9c9}
div.form-field .number {float:left; width:50px; font-size:36px; font-weight:bold }
div.form-field .field {float:left; width:750px; }
div.form-field .field p {margin:0}

div.spectrum-select { margin:10 0 0 0}
div.spectrum-select .item { float:left; margin:0 15 0 15; padding:5; font-size:24px; font-weight:bold; color:#639c31; cursor:pointer}
div.spectrum-select .selection { float:left; margin:0 15 0 15; padding:5; font-size:24px; font-weight:bold; color:white; background-color:#639c31; cursor:pointer }

div.check-select { font-size:20px; margin:10 0 10 0 }
div.check-select img { margin-right:25px; vertical-align:middle; cursor:pointer }

div.compare-metric { margin:10 0 10 0}
div.compare-metric label {margin-right:10px; color:#639c31 }
div.compare-metric input {width:75px }
div.compare-metric .one {float:left; width:300px; margin-right:50px}
div.compare-metric .two {float:left; width:300px}

div.metric { margin:10 0 10 0}
div.metric label {margin-right:10px; color:#639c31 }
div.metric input {width:75px }

div.notify { background-color:#c9c9c9; padding:10px; margin:0 0 25 0; font-weight:bold; font-size:18px }
div.notify ul { margin:0 }
div.notify li { padding:0; margin:0 }

p.big-message { font-size:28px; line-height:36px; color:#639c31 }
p.big-message-black { font-size:28px; line-height:36px; color:black }
p.medium-message { font-size:24px; line-height:28px; color:#639c31; font-weight:bold}
p.medium-message-black { font-size:24px; line-height:28px; color:black; text-align:justify }

table.bell { width:400px }
table.bell td { width:33%; }

div.separator {padding-bottom:10px; border-bottom:4px dotted #c9c9c9; margin-bottom:10px }
	div.content-section { padding:10px; border-bottom:4px dotted #c9c9c9  }
	div.first { border-top:4px dotted #c9c9c9; }
	div.score { float:left; margin-right:25px; padding:10 10 0 10; width:125px; font-size:48px; font-weight:bold; text-align:center; background-color:#639c31; color:white }
	div.score .title { margin:0 0 10 0; font-size:14px; font-weight:bold; color:black }	
	div.spectrum { float:left; width:400px }
	div.compare { float:left; margin-left:15px }
	div.spectrum h3 {margin:0}
	div.analysis h2 { color:#d83629 }
	div.analysis h3 { color:black }
	
div.step { margin-bottom:20px; }
div.step .number {float:left; width:50px; font-size:36px; font-weight:bold }
div.step .info {float:left; width:750px; }
div.step .info img { border:1px solid black; margin-right:25px}
div.step .info h3 { font-size:24px; font-weight:bold; margin:0}
div.step .info p {margin:0}

	div.left-top { float:left; width:400px;}
		div.left-top img { margin-bottom:10px }
	div.top {  border-bottom:4px dotted #c9c9c9; margin-bottom:20px} 
	div.top h1 {font-size:28px; line-height:36px; color:black; margin:0 0 10 0; font-weight:normal}
	
		div.top h1 span.accent { color:#639c31; font-weight:bold}
	div.right-top { float:right; width:375px; background-color:#f0f0f0; padding:10px }