/* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: white; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
/* reset done */

body {
	nbackground-image: url('images/rules.png');
	font-family: 'helvetica', 'arial', sans-serif;
	font-size: 16px;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
}

a { color: #2C5AA0 }
a:hover { color: #ff6200; }

strong { font-weight: bold; }
em { font-style: italic; }

h2 {
	clear: both;
	color: #ff6200;
	font-size: 1.875em;
	line-height: 1.6em;
}

h3 {
	clear: left;
	color: #ff6200;
	font-size: 1.25em;
	line-height: 2.4em;
}
h4 {
	font-weight: bold;
}

h4+p {
	padding:0;
}
sup {
	vertical-align: super;
}

code {
	font-family: courier, monospace;
}

table , p , ul , ol , dl {
	padding-top: 1.5em;
}
h3+p , h3+ul , h3+ol , h3+dl {
	padding-top: 0;
}

dt {
	font-weight: bold;
}
dt .separator { margin: 0;}
dt span {
	font-weight: normal;
	margin-left: .7em;
}

dd {
	margin-bottom: 1.5em;
}

dl+p {
	padding-top: 0;
}

ol {
	padding-left: 1.5em;
}
ul {
	list-style-type: square;
	padding-left: 1.5em;
}

table {
	width: 92%;
}
th {
	border-bottom: 1px solid black;
	padding: 0 .2em;
	text-align: center;
}
th:first-child {
	border: 0;
}
th .sorted {
	font-weight: bold;
}
.even td {
	background-color: #f0f0f0;
}
td {
	padding: .5em .2em;
	text-align: center;
}
td:first-child {
	background-color: white;
	text-align: left;
}

#content {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4.5em;
	max-width: 48em;
	width:expression( document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) ?  "48em": "auto" );
	text-align: left;
}

#title {
	color: #ff6200;
	margin-left: auto;
	margin-right: auto;
	max-width: 48em;
	padding: .75em;
	width:expression( document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) ?  "48em": "auto" );
}

#title span {
	background: url('images/confused.png') no-repeat right center;
	font-size: 4em;
	padding: .5em 210px .5em 0;
	line-height: 1.875em;
}

#secondary-page-title {
	border-bottom: 3em solid #2C5AA0;
	margin-bottom: 1.5em;
	padding: .75em;
}

#secondary-page-title span {
	background: url('images/confused-small.png') no-repeat left center;
	color: #ff6200;
	display: block;
	font-size: 2em;
	margin-left: auto;
	margin-right: auto;
	max-width: 20.875em;
	width:expression( document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) ?  "24em": "auto" );
	padding: .5em 0 .5em 100px;
	text-align: left;
}
a#return-link {
	font-size: .5em;
	margin-left: 2em;
}

#table-of-contents {
	background-color: #2C5AA0;
	clear: both;
	margin: 0 0 1.5em;
	padding: 1.5em 0;
}

#table-of-contents p {
	color: white;
	font-size: 1.25em;
	line-height: 1.2em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.2em;
	padding: 0;
	width: 35.2em;
}

#table-of-contents ul {
	height: 6em;
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 44em;
}

#table-of-contents a {
	display: block;
	font-size: 1.5em;
	line-height: 1.5em;
	padding: .3725em .3em !important;
}

#question-why, #question-get, #question-how {
	background-color: white;
	border: .1875em solid #444;
	display: block;
	float: left;
	text-align: center;
	width: 30.5%;
}

#question-why a, #question-get a, #question-how a {
	text-decoration: none;
}
#question-why, #question-get {
	margin-right: 1%;
}

#question-why a span ,
#question-get a span ,
#question-how a span {
	background: url('images/down-arrow.png') no-repeat right bottom;
	padding-right: 35px;
}
#question-why a:hover span ,
#question-get a:hover span ,
#question-how a:hover span {
	background-image: url('images/down-arrow-hover.png');
}

#developer-link {
	padding: 0 0 1.5em;
}

#related-pages {
	margin-top: 1.5em;
}
#related-pages ul {
	height: 3em;
	list-style-type: none;
	padding: 0;
}
#related-pages li {
	display: block;
	float: left;
	font-size: 1.25em;
	line-height: 1.2em;
	margin: .7em 0;
	width: 48%;
}

#footer {
	background-color: #2C5AA0;
	color: white;
	margin-top: -1.5em;
}
#copyright {
	margin: auto;
	padding: .75em 0;
	text-align: left;
	width: 48em;
}
#copyright a:link, #copyright a:visited {
	color: white;
}
#copyright .cc {
	display: block;
  float: right;
}
#copyright .cc img {
  display: inline-block;
  height: 24px;
  margin-bottom: -4px;
  width: 24px;
}



#food-mart {
	float: right;
	margin-left: 1em;
}
#hydra-container {
	text-align: center;
}
#hydra-container span {
	display: block;
	margin-bottom: 1.5em;
}

#companies-container {
	float: right;
	margin-left: 1em;
	padding-bottom: 2.5em;
	padding-top: 1em;
	text-align: center;
}
#companies-container img {
	display: block;
	margin: .5em 0 .5em .5em;
}
#companies-container span {
	font-size: .875em;
}

#is-is-not h2 {
	text-align: center;
}
#is-is-not table {
	padding-top: 0;
}
#is-is-not td {
	padding: 1.5em 1em;
	width: 50%;
	vertical-align: middle;
}
#is-is-not td.img {
	background-color: pink;
	line-height: 1px;
	padding: 0;
}
#is-is-not img {
	margin: 0;
	padding: 0;
}
#is-is-not .is {
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 60px;
	text-align: right;
}

#is-is-not .is-not {
	background-color: #ddd;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 60px;
	text-align: left;
}

#is-is-not #is-is-not-prove .is { background-image: url('images/is-is-not/handshake-left.png'); }
#is-is-not #is-is-not-prove .is-not { background-image: url('images/is-is-not/handshake-right.png'); }
#is-is-not #is-is-not-use .is { background-image: url('images/is-is-not/use-left.png'); }
#is-is-not #is-is-not-use .is-not { background-image: url('images/is-is-not/use-right.png'); }
#is-is-not #is-is-not-different .is { background-image: url('images/is-is-not/different-left.png'); }
#is-is-not #is-is-not-different .is-not { background-image: url('images/is-is-not/different-right.png'); }
#is-is-not #is-is-not-secure .is { background-image: url('images/is-is-not/secure-left.png'); }
#is-is-not #is-is-not-secure .is-not { background-image: url('images/is-is-not/secure-right.png'); }
#is-is-not #is-is-not-connect .is { background-image: url('images/is-is-not/connect-left.png'); }
#is-is-not #is-is-not-connect .is-not { background-image: url('images/is-is-not/connect-right.png'); }
#is-is-not #is-is-not-world .is { background-image: url('images/is-is-not/world-left.png'); }
#is-is-not #is-is-not-world .is-not { background-image: url('images/is-is-not/world-right.png'); }


.provider-name {
	text-align: left;
}


#id-builder-form {
	clear: both;
	font-size: .9em;
	margin-bottom: 1.5em;
	text-align: left;
}

#id-builder-form form {
	background-color: #ddd;
	margin-left: auto;
	margin-right: auto;
	max-width: 44em;
	padding: 0 1.5em;
}

p#id-builder-description {
	font-size: 1.25em;
	line-height: 1.2em;
	padding: 1.2em 0;
	margin-top: 1.2em;
}

#id-builder-form label {
	display: block;
	color: black;
	font-size: 1.25em;
	margin: 0em 1.5em .6em 0;3.5em;
	text-align: left;
}

#provider_container, #username_container, #submit-button-container {
	background-color: white;
	border: .1975em solid #444;
	margin-bottom: 1.5em;
	padding: .75em 0 !important;
	width: 20.5em;
}

#provider_container {
	float: left;
	margin-right: 2em;
}
#id-builder-form .number {
	color: #2C5AA0;
	float: left;
	font-size: 4em;
	line-height: .88em;
	letter-spacing: -.2em;
	text-align: center;
	margin: 0 .3em 0 .1em;
}

#submit-button-container .number, #username_container .number {
	margin: 0 .1em 0 .15em;
	letter-spacing:0;
}
#username_container {
	float: left;
}
#id-builder-form select, #id-builder-form input.textfield {
	border: 2px solid #888;
	font-size: 1.25em;
	height: 1.5em;
	margin-left: .5em;
	width: 15em;
}
#submit-button-container {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.2em;
	width: 27em;
}
#submit-button-container input {
	border: 2px solid #888;
	display: block;
	font-size: 1.25em;
	margin: .5em 0 .5em .5em;
	width: 16em;
}

p#results-container {
	clear: both;
	color: #ff6200;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.4em;
	padding: 0;
	text-align: center;
}
#results-container .title {
	color: #ff6200;
	display: block;
	font-size: .5em;
	line-height: 1.5em;
}
#your-openid {
	display: block;
	padding: 0 0 .75em;
}

#recommended-providers {
	list-style-type: none;
	margin-left: 5%;
	width: 80%;
}
#recommended-providers li {
	margin-bottom: 1.5em;
}
#recommended-providers .separator { display: none; }
#recommended-providers a {
	display: block;
	float: left;
	margin-top: .75em;
}
#recommended-providers p {
	background-color: #ddd;
	margin: 0 0 0 20%;
	padding: .75em 1em;
	width: 80%;
}
#recommended-providers .even p {
}

#scenarios {
}
#scenarios table {
	background-color: #ddd;
	margin: auto;
	padding: .75em;
	width: 80%;
}
#scenarios th {
	font-weight: bold;
}
#scenarios th[scope='row'] {
	border-right: 1px solid black;
	padding-right: 2%;
	text-align: right;
	vertical-align: middle;
}
#scenarios td {
	background-color: white;
	border: solid black;
	border-width: 1px 2px 2px 1px;
	font-size: 1.5em;
	padding: 1em 0;
}
#scenarios dl {
	margin: auto;
	padding-top: .75em;
	width: 80%;
}
#scenarios dt {
	clear: left;
	float: left;
	margin-right: 1em;
}
#scenarios dd {
	margin-bottom: .75em;
}

.user-info {
	color: #666;
}
.browser-action {
	font-size: .95em;
}
.browser-action:before {
	content: '\2192';
	margin-right: .3em;
}

#detailed-explanation li:first-child p:first-child {
	padding-top: 0;
}

.code-return-list {
	padding-top: 1.5em;
}
.code-return-list dl, .code-return-list p {
	padding-left: .7em;
}
.code-return-list p {
	padding-top: 0;
}
.code-return-list dd {
	margin: 0;
}
.code-return-list+h4 {
	padding-top: 1.5em;
}
.short-definition {
	float: left;
	margin-right: 1em;
}

#return {
	font-size: 1.5em;
	padding: 1.5em 0 1em;
}
#return a {
	color: #ff3333;
}
#return a:hover {
	color: #3333ff;
}
#return img {
	margin: -1em 0 -1em .5em;
	height: 3em;
}

#contact-us label {
	display: block;
}
#contact-us input[type='text'] {
	width: 20em;
}
#contact-us textarea {
	height: 15em;
	width: 40em;
}
#us-image {
	text-align: center;
}

#providers-table {
	padding-bottom: 1.5em;
}