/*-------------------------------------------------
general
-------------------------------------------------*/

html, body {
	background-color: #e5e5e5;
	}

html, body, legend {
	color: #525759;
	}

body {
    margin:0;
    padding:1em;
}

p , li, form div, address, pre, dd, dt, td, th  {
	font-size: 130%;
	}

form p, form div div {
	font-size: 100%;
	}

/*-------------------------------------------------
headings
-------------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7 {
	margin-bottom: 0.5em;
	}

h1 {
	margin: 0;
	font-size:  230%;
	}

h2 {
	font-size: 150%;
	}


h3, h4, h5, h6, h7 {
	font-size: 130%;
	}

h4, h5, h6, h7 {
	font-weight: normal;
	font-style: italic;
	}

/*-------------------------------------------------
text
-------------------------------------------------*/

p.lead {
	font-weight: bold;
	}

address {
	margin-bottom: 1em;
	font-style: normal;
	}

blockquote {
	padding: 0 0.5em;
	border-left: 0.3em solid #0BA1B8;
	}

acronym, abbr {
  	border-bottom: 1px dashed #ccc;
  	cursor: help;
  	}

small {
	font-size: 75%;
	}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	}

sup {
	bottom: 1ex;
	}

sub {
	top: .5ex;
	}

cite {
	font-style: normal;
	}

ins {
	color: green;
	border-bottom: 1px solid green;
	}

del {
	color: red;
	}

code, samp, tt {
	font-size: 100%;
	}

var {
	font-family: monospace;
	font-style: normal;
	}

dfn {
	font-style: italic;
	}

/*-------------------------------------------------
multimedia
-------------------------------------------------*/

embed, img {
	margin-bottom: 1em;
	}

/*-------------------------------------------------
lists
-------------------------------------------------*/

dl {
	margin-left: 0;
	}

li li {
	font-size: 100%;
	}

table li {
	font-size: 100%;
	}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-top: 0;
	margin-bottom: 0;
	}

/*-------------------------------------------------
links
-------------------------------------------------*/

a {
	text-decoration: underline;
	}

a:link {
	color: #2669EB;
	}

a:visited {
	color: #263552;
	}

a:hover {
	color: #0BA1B8;
	}

h2 a:link, h2 a:visited, h2 a:hover,
h3 a:link, h3 a:visited, h3 a:hover,
h4 a:link, h4 a:visited, h4 a:hover,
h5 a:link, h5 a:visited, h5 a:hover,
h6 a:link, h6 a:visited, h6 a:hover,
h7 a:link, h7 a:visited, h7 a:hover {
	color: #525759;
	text-decoration: none;
	}


/*-------------------------------------------------
tables
-------------------------------------------------*/

td, th {
	border: 1px solid #ccc;
	text-align: left;
	}

thead th {
	text-align: center;
	}

caption {
	caption-side: bottom;
	margin-bottom: 1em;
	font-weight: bold;
	}

/*-------------------------------------------------
forms
-------------------------------------------------*/

form img {
	margin: 0;
	vertical-align: middle;
	}

.form-element,
.form-actions {
	margin-bottom: 1em;
	}

label, legend {
	font-weight: bold;
	}

label {
	display: block;
	}

label .input-hint {
	font-weight: normal;
	}

input, select {
	vertical-align: middle;
	}

fieldset {
	margin: 0;
	}

fieldset ol {
	margin: 0;
	padding: 0;
	}

fieldset li {
	font-size: 100%;
	list-style: none;
	margin-top: 0.5em;
	}

fieldset.multiple-choice-question label {
	display: inline;
	font-weight: normal;
	vertical-align: middle;
	}

.lone-checkbox-element .wrap {
	position: relative;
	margin-left: 1em;
	}

.lone-checkbox-element label {
	display: block;
	margin-left: 0.2em;
	}

.lone-checkbox-element input {
	position: absolute;
	left: -1em;
	top: 0.2em;
	}

.inline-submit label,
.inline-submit input {
	display: inline;
	}

.inline-submit label {
	margin-top: 0.25em;
	}

.input-hint-link {
	margin-left: 0.5em;
	}

.form-actions input,
.form-actions button.primary-action {
	background-image: url('../images/shade.png');
	background-position: bottom;
	padding: 0.3em 1em;
	}

.form-actions .primary-action {
	background-color: #0BA1B8;
	color: white;
	font-weight: bold;
	}

.form-actions .primary-action:hover,
.form-actions .primary-action:focus,
.form-actions .primary-action:active {
	outline: 2px solid #ffcc66; /* Not supported by IE */
	background-color: #0CACC5;
	}

button.secondary-action {
	border: 0;
	background-color: transparent;
	color: #2669EB;
	vertical-align: middle;
	}

button.secondary-action span {
	text-decoration: underline;
	}

button.secondary-action:hover {
	color: #0BA1B8;
	cursor: pointer;
	}

/* compact layout */

form.compact-layout {
	overflow: auto;
	width: 100%
	}

form.compact-layout  .form-element {
	float: left;
	width: 100%;
	}

form.compact-layout .form-actions {
	float: left;
	padding-left: 16em;
	}

form.compact-layout  label {
	float: left;
	width: 15em;
	margin-right: 1em;
	text-align: right;
	padding-top: 0.1em;
	}

form.compact-layout div.input-hint {
	margin-left: 16em;
	}

form.compact-layout  .lone-checkbox-element .wrap {
	margin-left: 17em;
	}

form.compact-layout  .lone-checkbox-element label {
	float: none;
	width: auto;
	margin: 0;
	text-align: left;
	}

form.compact-layout  fieldset {
	position: relative;
	top: -1.25em;
	margin: 0 0 -1.25em 11em;
	padding: 0;
	}

form.compact-layout fieldset label {
	float: none;
	width: auto;
	margin-right: 0;
	text-align: left;
	}

form.compact-layout legend span {
	position: relative;
	display: block;
	width: 10em;
	text-align: right;
	left: -11em;
	top: 1.25em;
	}

#checkout-offline {
    margin: 0 1em 0 1em;
}

/*-------------------------------------------------
helper styles
-------------------------------------------------*/

.skip,
.aural-text {
	position: absolute;
	left: -100em;
	}