@charset "UTF-8";

* {
	margin: 0; padding: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 16px;
	font-size: 100%;
}

body {
	color: white;
	background: #023 url(/staticarchive/7b063a86bbcb8c9c56b2c44ffd1b5c2c869dfe31.jpg) left top;
	font-size: 0.8em;
}

.clear {
	clear: both;
}

.replace-text span {
	display: none;
}

#r4content {
	position: relative;
}

h1 {
	font-size: 19px;
	font-weight: normal;
	margin-top: 10px;
	display: -moz-inline-box; /* FF 2 fix */
	display: inline-block;
	padding: 17px 20px 21px 20px;
	/* background: transparent url(./arrow.gif) right center no-repeat; */
}

h2 {
	font-size: 16px;
	font-weight: normal;
}

a {
	text-decoration: none;
}

:focus {
    outline: none;
}

.note {
	font-size: 0.85em;
}

p {
	margin-bottom: 15px;
}

p.last {
	margin-bottom: 0;
}

p.button {
	margin-top: 5px;
}

sup {
	line-height: 0;
	vertical-align: 60%;
}

.button a, .button a:link, .button a:focus, .button a:visited, input.button {
	display: block;
	width: 195px;
	height: 25px;
	background: transparent url('/staticarchive/23ba42fde548770f05cd02cd6ef3871eb157fa6b.png') top left no-repeat;
	background-position: 0 0;
	color: black;
	text-shadow: #ccc 0px -1px 1px;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: -2px;
	padding: 3px 0 0 9px;
	cursor: pointer;
}

.button.wide a, .button.wide a:link, .button.wide a:focus, .button.wide a:visited, input.button.wide {
	width: 295px;
	background-image: url('/staticarchive/6a35291cfa37c786969968be805fb5cfc62f761b.png');
}

.button.right a, .button.right a:link, .button.right a:focus, .button.right a:visited {
	background-image: url('/staticarchive/4e7702f2fdab5f99ff7c5e0a5f13984130052975.png');
	text-align: right;
	padding: 3px 9px 0 0;
}

.button a:hover, input.button.over {
	background-position: 0 -28px;
	color: white;
	text-shadow: #666 0px -1px 1px;
}

.button a.active, input.button.active {
	background-position: 0 -56px;
	color: white;
	text-shadow: #666 0px -1px 1px;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

input.button {
	border: 0;
	text-align: left;
	height: auto;
	padding: 2px 0 7px 7px;
	width: 204px;
	height: 26px;
}

input.range.hidden-input {
	position: absolute;
	left: -1000em;
}

#welcome {
	margin: 70px;
}

#details {
	margin: 35px 70px;
}

#compare {
	margin: 30px 30px;
}

#compare h1 {
	margin-bottom: 0 !important;
}

#compare-buttons {
	list-style: none;
	zoom: 1;
	padding-top: 20px;
	border-top: #7094b7 1px solid;
}

#compare-buttons li#blocks.button a, #compare-buttons li#bars.button a {
	padding-top: 4px;
}

#compare-buttons #blocks {
	float: right;
}

#compare-buttons #blocks.button a {
	background-image: url('/staticarchive/fcd4170c77e77e5b465d08eb6b5eeec446ee9765.png');
	width: 144px;
}

#compare-buttons #bars {
	float: right;
}

#compare-buttons li.selected {
	text-shadow: #666 0px -1px 1px;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: -2px;
	padding: 4px 0 0 9px;
}

#compare-buttons #blocks.selected {
	width: 144px;
	height: 24px;
	background: transparent url('/staticarchive/c187168603f46e1fa1188050a4f956fce5392c1d.png') left top no-repeat;
}

#compare-buttons #bars.selected {
	width: 143px;
	height: 24px;
	background: transparent url('/staticarchive/22d3be6d9a1e363431aa4a995c868fd96d28fee4.png') left top no-repeat;
}

#compare-buttons #bars.button a {
	background-image: url('/staticarchive/f48ff261dab111a85ae74ff32b4582c909a4de99.png');
	width: 143px;
	margin-right: -2px;
}

#welcome h1, #details h1, #compare h1 {
	border-bottom: #7094b7 3px solid;
	display: block;
	padding: 0 0 20px 0;
	margin: 0 0 15px 0;
	background: none;
}

#welcome img {
	margin: 0 0 10px;
}

#begin {
	float: right;
}

#professions {
	list-style: none;
	margin: 10px 10px 0 20px;
}

#professions li {
	float: left;
	width: 126px;
	height: 173px;
	margin: 0 10px 16px 0;
}

#professions li.last {
	margin-right: 0;
}

#professions li a {
	font-weight: bold;
	font-size: 0.9em;
	color: black;
	display: block;
	width: 116px;
	height: 42px;
	padding: 131px 5px 0 5px;
	text-align: center;
	position: relative;
}

#professions #i1, #professions #i1 a {
	background: transparent url('/staticarchive/301accf1e29d723cb5fa91976a59b43df5c896c9.jpg') top left no-repeat;
}

#professions #i2, #professions #i2 a {
	background: transparent url('/staticarchive/b1bb0830cecf204402229f6c9f1207d3572369ff.jpg') top left no-repeat;
}

#professions #i3, #professions #i3 a {
	background: transparent url('/staticarchive/f0b2088d27164fd81c156240bb572a11fe57a238.jpg') top left no-repeat;
}

#professions #i4, #professions #i4 a {
	background: transparent url('/staticarchive/cef2bcfe6a3908b3f6dce73337d49780736515b2.jpg') top left no-repeat;
}

#professions #i5, #professions #i5 a {
	background: transparent url('/staticarchive/b20949c668f50d868de88a5611f6d63f4ffb73b3.jpg') top left no-repeat;
}

#professions #i6, #professions #i6 a {
	background: transparent url('/staticarchive/ade0d91385dd9ac506794bc17b095dc3d4f5b95b.jpg') top left no-repeat;
}

#professions #i7, #professions #i7 a {
	background: transparent url('/staticarchive/ba135cbe85c464c148f5be5c0300f65e53803d98.jpg') top left no-repeat;
}

#professions #i8, #professions #i8 a {
	background: transparent url('/staticarchive/ae7c240311e7aa06565385234729004beacebc4d.jpg') top left no-repeat;
}

#professions #i9, #professions #i9 a {
	background: transparent url('/staticarchive/8fc32bd32350947ff81b494d2a3cb04dd253e157.jpg') top left no-repeat;
}

#professions #i10, #professions #i10 a {
	background: transparent url('/staticarchive/d1db0f0036ab01be23e570d357f70b8917f6356f.jpg') top left no-repeat;
}

#professions #i11, #professions #i11 a {
	background: transparent url('/staticarchive/a31f857d45790a1a5705f2dca532462282fd6046.jpg') top left no-repeat;
}

#professions #i12, #professions #i12 a {
	background: transparent url('/staticarchive/63c5c5795b04a6dd84457e5f3a8a00c03e805896.jpg') top left no-repeat;
}

#professions #i1 a:hover,
#professions #i2 a:hover,
#professions #i3 a:hover,
#professions #i4 a:hover,
#professions #i5 a:hover,
#professions #i6 a:hover,
#professions #i7 a:hover,
#professions #i8 a:hover,
#professions #i9 a:hover,
#professions #i10 a:hover,
#professions #i11 a:hover,
#professions #i12 a:hover {
	background-position: 0 -173px;
	color: white;
}

#professions li a div.submitted {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 24px;
	height: 24px;
	background: transparent url('/staticarchive/8c3e822d16d0d23935c59c5cf81cb0b5bac12425.png') top left no-repeat;
}

#submitted-count {
	margin-top: 12px;
	margin-left: 20px;
	position: absolute;
	top: 18px;
	right: 20px;
}

#submitted-count .count, #submitted-count .count em {
	color: #00cc00;
}

#details-button {
	margin-top: 13px;
	margin-left: 20px;
	float: left;
}

#details-button a {
	width: 295px;
	height: 25px;
	background: transparent url('/staticarchive/b350606d6f279b37f927fb7898158c049dfc1945.png') top left no-repeat;
	color: white;
	text-shadow: none;
	font-weight: normal;
}

#details-button a:hover {
	background-position: 0 -28px;
}

#details-button a.active {
	background-position: 0 -56px;
}

#compare-button {
	margin-top: 13px;
	margin-right: 18px;
	float: right;
}

#compare-button a {
	width: 295px;
	height: 25px;
	background: transparent url('/staticarchive/bad3d5b77386086c07b7c0646f51b196de16cb04.png') top left no-repeat;
}

#compare-button a:hover {
	background-position: 0 -28px;
}

#compare-button a.active {
	background-position: 0 -56px;
}

.profession {
	margin: 10px 178px 0;
	width: 459px;
	height: 406px;
	position: relative;
}

#p1 {
	background: transparent url('/staticarchive/1f09ae061dc8c2f4e06bbd1637cbf3d2114a9ec7.jpg') left -1px no-repeat;
}

#p2 {
	background: transparent url('/staticarchive/95dc0c179581a8454ab95552594843a23d9b4e26.jpg') left -1px no-repeat;
}

#p3 {
	background: transparent url('/staticarchive/8e68d8f266d04d2fdf9d6374cc1dfe73e5135490.jpg') left -1px no-repeat;
}

#p4 {
	background: transparent url('/staticarchive/a71b1880f5a8d30ee1ffe17d7434b63f7322707f.jpg') left -1px no-repeat;
}

#p5 {
	background: transparent url('/staticarchive/07ad3a1b6350fde4c7f7b8da223fb53c33a6377e.jpg') left -1px no-repeat;
}

#p6 {
	background: transparent url('/staticarchive/cd2483b413a962346eecd4b582650d0bdfe0b713.jpg') left -1px no-repeat;
}

#p7 {
	background: transparent url('/staticarchive/9f1b347d8f2b32b15904f00542de2d6e82a4f8b4.jpg') left -1px no-repeat;
}

#p8 {
	background: transparent url('/staticarchive/2b7aec77732d5764f3c255533861ee16273939c3.jpg') left -1px no-repeat;
}

#p9 {
	background: transparent url('/staticarchive/3b32d58a6b2e45882191a491ca988ffd4df12c62.jpg') left -1px no-repeat;
}

#p10 {
	background: transparent url('/staticarchive/f4270246b35543cde69bb3b9213a645b20ac5a42.jpg') left -1px no-repeat;
}

#p11 {
	background: transparent url('/staticarchive/abef04cdf9a3701449afa7534e4dcaecdff05426.jpg') left -1px no-repeat;
}

#p12 {
	background: transparent url('/staticarchive/1ccb774d3e22f3a1ce962bf45a21a31989356e31.jpg') left -1px no-repeat;
}

#rnge-label, #submit-label, #back-label {
	display: none;
}

#rnge-element {
	padding: 10px;
}

#rnge-element br {
	display: none;
}

#rnge-element label {
	display: block;
	margin-bottom: 10px;
	width: 200px;
	height: 20px;
	color: black;
	padding-top: 3px;
	font-weight: bold;
	text-align: center;
	position: relative;
	text-shadow: #ccc 0px -1px 2px;
}

#rnge-0-label {
	background: transparent url('/staticarchive/8e4ffb724dbbf8e3dba87c47c94c1571fb7be7ed.png') left top no-repeat;
}

#rnge-1-label {
	background: transparent url('/staticarchive/ee6835275fe1f472a02631fbd7792455571e1932.png') left top no-repeat;
}

#rnge-2-label {
	background: transparent url('/staticarchive/7fdde5cd5c997cc72815bdcc53a16a2f839b4b0e.png') left top no-repeat;
}

#rnge-3-label {
	background: transparent url('/staticarchive/153ce15b7e46bceaab35eda6e8266bfa1b93a22d.png') left top no-repeat;
}

#rnge-4-label {
	background: transparent url('/staticarchive/69f521df6f73cae05a5cc5ec7e093d5d0cc2087e.png') left top no-repeat;
}

#rnge-5-label {
	background: transparent url('/staticarchive/88ee33a6cdd32c1008205633ff83381d38ccc268.png') left top no-repeat;
}

#rnge-6-label {
	background: transparent url('/staticarchive/c39ec63db749ad1b8c1923f6bc487ba826331cd7.png') left top no-repeat;
}

#rnge-7-label {
	background: transparent url('/staticarchive/8f7a0aecc79f235537a9277f67ed2dcdbf0449f4.png') left top no-repeat;
}

#rnge-8-label {
	background: transparent url('/staticarchive/44dde87ac5f5f34028a131259d2a348013011953.png') left top no-repeat;
}

#rnge-9-label {
	background: transparent url('/staticarchive/c1706fa8b91bbb80d2663b8889a07f8b518f67d7.png') left top no-repeat;
}

#rnge-10-label {
	background: transparent url('/staticarchive/f54ebb309df258a9ff3f93f63cb9a748e05a9cab.png') left top no-repeat;
}

#rnge-11-label {
	background: transparent url('/staticarchive/bbbacb750cf2a3f770cb82b802aefd0da7f533bc.png') left top no-repeat;
}

label.rnge-label.over, label.rnge-label.selected {
	cursor: pointer;
	color: white !important;
	text-shadow: #444 0px -1px 2px !important;
	background: transparent url('/staticarchive/e8e486aaafa3b719e0716fb70a4e7e7cd6920404.png') left top no-repeat !important;
}

input.range {
	margin-right: 10px;
	position: absolute;
	left: 5px;
	top: 5px;
}

input.range.hidden-input {
	margin-top: -1000em;
}

#submit-element {
	position: absolute;
	top: 373px;
	right: -33px;
}

#submit-element.disabled {
	display: none !important;
}

#submit-element.disabled input {
	cursor: default;
}

#details #submit-element {
	position: relative;
	left: auto;
	top: auto;
}

.paid {
	color: #66ccff;
}

.details-fields {
	margin-bottom: 10px;
}

#details form p {
	clear: both;
}

.form-element {
	position: relative;
	margin-bottom: 5px;
	height: 26px;
}

.form-element label {
	position: absolute;
	background-color: #001c33;
	padding: 5px 8px;
	height: 16px;
	width: 179px;
	left: 0;
}

.form-element div {
	position: absolute;
	left: 195px;
}

.form-element input {
	display: inline;
	float: left;
	width: 205px;
	height: 20px;
	color: black;
	background: transparent url('/staticarchive/d05345560b4b3dd5888f489e6c257963e6975338.png') left top no-repeat !important;
	border: #001c33 3px solid;
	padding: 0 2px;
}

#back-element {
	float: left;
}

#details #submit-element {
	display: inline;
	margin-right: 31px;
	float: right;
}

#submitted {
	height: 328px;
}

#compare-inner {
	height: 376px;
}

#compare-inner img {
	display: block;
}

#details-buttons {
	zoom: 1;
	padding-top: 20px;
	border-top: #7094b7 1px solid;
}

ul.errors {
	float: left;
	list-style: none;
	margin-left: 6px;
}

ul.errors li {
	color: #f33;
	padding: 5px 3px 0;
}

#results {
	width: 794px;
	margin: 0 20px;
}

#results h1 {
	padding-left: 0;
}

#graph-tabs {
	list-style: none;
	height: 37px;
	position: relative;
}

#graph-tabs li {
	position: absolute;
	width: 397px;
	height: 37px;
	top: 0;
	text-align: center;
	text-transform: uppercase;
}

#graph-tabs li#are {
	left: 0;
}

#graph-tabs li.active {
	background: transparent url('/staticarchive/028fb8705daff772380249372cc002bc33a6d258.png') left top no-repeat;
	padding-top: 11px;
	height: 26px;
}

#graph-tabs li.inactive {
	color: black;
	padding-top: 0;
	height: 37px;
}

#graph-tabs li.inactive a {
	color: black;
	display: block;
	width: 397px;
	padding-top: 11px;
	height: 26px;
}

#graph-tabs li.inactive a strong {
	color: black;
}

#graph-tabs li#are.inactive a, #graph-tabs li#are.inactive {
	background: transparent url('/staticarchive/20291d175d721c6a000edb9c86e9ef3d69b233d3.png') left top no-repeat;
	background-position: 0 0;
}

#graph-tabs li#should {
	left: 397px;
}

#graph-tabs li#should.inactive a, #graph-tabs li#should.inactive {
	background: transparent url('/staticarchive/bd94ff02d2f616dbd0cf522d93e9fd32a6ce2115.png') left top no-repeat;
	background-position: 0 0;
}

#graph-tabs li.inactive a:hover {
	background-position: 0 -37px !important;
	color: white;
}

#graph-tabs li.inactive a.active {
	background-position: 0 -74px !important;
	color: white;
}

#graph-tabs li.inactive a:hover strong, #graph-tabs li.inactive a.active strong {
	color: white;
}

#graph-container {
	width: 772px;
	height: 313px;
	padding: 10px 12px;
	background: transparent url('/staticarchive/5679224f9844d8a542a0fecaa59e548a78df9c1f.png') left top no-repeat;
}

#graph-container h2 {
	margin-bottom: 16px;
}

#graph-container dl {
	position: relative;
	background: transparent url('/staticarchive/46b137b23d7a220fd201003ebd4918a92aa0e944.png') left top no-repeat;
	width: 770px;
	height: 257px;
}

#graph-container dt, #graph-container dd {
	position: absolute;
}

#graph-container dt, #graph-container dd {
	position: absolute;
	top: 244px;
	width: 55px;
	text-align: center;
}

#graph-container dt {
	top: 231px;
	font-size: 0.85em;
	font-weight: bold;
}

#graph-container dd {
	top: 0;
	font-size: 16px;
	height: 230px;
}

#graph-container .percentage {
	position: absolute;
	left: 0;
	top: 7px;
	font-weight: bold;
	width: 55px;
}

#graph-container dt.r1, #graph-container dd.r1 {
	left: 0px;
}

#graph-container dt.r1, #graph-container dd.r1, .c10k-13k, .c12 {
	color: #72c7e7;
}

#graph-container dd.r1 .bar {
	background-color: #72c7e7;
}

#graph-container dt.r2, #graph-container dd.r2 {
	left: 65px;
}

#graph-container dt.r2, #graph-container dd.r2, .c13k-17k, .c11, .c10 {
	color: #8ba4ec;
}

#graph-container dd.r2 .bar {
	background-color: #8ba4ec;
}

#graph-container dt.r3, #graph-container dd.r3 {
	left: 130px;
}

#graph-container dt.r3, #graph-container dd.r3, .c17k-21k, .c9 {
	color: #9e86e5;
}

#graph-container dd.r3 .bar {
	background-color: #9e86e5;
}

#graph-container dt.r4, #graph-container dd.r4 {
	left: 195px;
}

#graph-container dt.r4, #graph-container dd.r4, .c21k-25k, .c8 {
	color: #cc87e7;
}

#graph-container dd.r4 .bar {
	background-color: #cc87e7;
}

#graph-container dt.r5, #graph-container dd.r5 {
	left: 260px;
}

#graph-container dt.r5, #graph-container dd.r5, .c25k-35k, .c7 {
	color: #ee8bd3;
}

#graph-container dd.r5 .bar {
	background-color: #ee8bd3;
}

#graph-container dt.r6, #graph-container dd.r6 {
	left: 325px;
}

#graph-container dt.r6, #graph-container dd.r6, .c35k-50k, .c6 {
	color: #e77293;
}

#graph-container dd.r6 .bar {
	background-color: #e77293;
}

#graph-container dt.r7, #graph-container dd.r7 {
	left: 390px;
}

#graph-container dt.r7, #graph-container dd.r7, .c50k-80k, .c5 {
	color: #e79072;
}

#graph-container dd.r7 .bar {
	background-color: #e79072;
}

#graph-container dt.r8, #graph-container dd.r8 {
	left: 455px;
}

#graph-container dt.r8, #graph-container dd.r8, .c80k-150k, .c4 {
	color: #e5c571;
}

#graph-container dd.r8 .bar {
	background-color: #e5c571;
}

#graph-container dt.r9, #graph-container dd.r9 {
	left: 520px;
}

#graph-container dt.r9, #graph-container dd.r9, .c150k-300k {
	color: #c7e672;
}

#graph-container dd.r9 .bar {
	background-color: #c7e672;
}

#graph-container dt.r10, #graph-container dd.r10 {
	left: 585px;
}

#graph-container dt.r10, #graph-container dd.r10, .c300k-500k, .c3 {
	color: #aaee75;
}

#graph-container dd.r10 .bar {
	background-color: #aaee75;
}

#graph-container dt.r11, #graph-container dd.r11 {
	left: 650px;
}

#graph-container dt.r11, #graph-container dd.r11, .c500k-1M {
	color: #73e985;
}

#graph-container dd.r11 .bar {
	background-color: #73e985;
}

#graph-container dt.r12, #graph-container dd.r12 {
	left: 715px;
}

#graph-container dt.r12, #graph-container dd.r12, .c1M-3M, .c2, .c1 {
	color: #71e5c3;
}

#graph-container dd.r12 .bar {
	background-color: #71e5c3;
}

#graph-container #you, #graph-container #real {
	behavior: url(/staticarchive/78a0bfb4aade443e41366539ad96e0fb76dd1b8d.htc);
	background: transparent url('/staticarchive/4982670cd67c24df38e78cd18b1103bd44e67553.png') left top no-repeat;
	width: 51px;
	height: 17px;
	position: absolute;
	left: 2px;
	top: 211px;
}

#graph-container #you {
	background: transparent url('/staticarchive/0d6c64560dc445fe2631b2bfbdee518993b36529.png') left top no-repeat;
}

#graph-container #you.stacked {
	top: 192px;
}

#graph-container #real {
	background: transparent url('/staticarchive/4982670cd67c24df38e78cd18b1103bd44e67553.png') left top no-repeat;
}

#graph-container .bar {
	position: absolute;
	width: 55px;
	left: 0;
	bottom: 0;
}

.yourRange {
	color: #8ba4ec;
}

#choose-button {
	margin-top: 17px;
	margin-right: 0;
	float: right;
}

#result-notes {
	margin-top: 13px;
	width: 420px;
}

#result-notes p {
	margin-bottom: 10px;
}

#loading {
	display: none;
	position: absolute;
	width: 846px;
	top: 250px;
	text-align: center;
	font-weight: bold;
}