﻿/**
 * Global Reset
 * Main Layout, Typography, Global Elements
 * Non Semantic Helper Class
 */

/* Global Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav, section, summary, d
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}

/* Main Layout, Typography, Global Elements */
body {
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif;
	background-color: #f0f0f0;
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
}
select, input, textarea {
	color:#333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
}
input.placeholder, textarea.placeholder {
	color: #bbb;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
html {
	overflow-y: scroll;
}
a:hover, a:active, a:focus, a:active {
	outline: none;
	-moz-outline-style: none;
}
a {
	color: #607890;
}
a:hover {
	color: #036;
}
a:link {
	-webkit-tap-highlight-color: #FF5E99;
}
ul, ol {
	margin-left: 1.8em;
}
ol {
	list-style-type: decimal;
}
nav ul, nav li {
	margin: 0;
}
strong, th {
	font-weight: bold;
}
td, td img {
	vertical-align: top;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
pre {
	padding: 15px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}
textarea {
	overflow: auto;
}
.ie6 legend, .ie7 legend {
	margin-left: -7px;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
input[type=button], input[type=submit], button {
	cursor: pointer;
}
button, input, select, textarea {
	margin: 0;
}
input:invalid, textarea:invalid {
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
	box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
	background-color: #f0dddd;
}
button {
	width: auto;
	overflow: visible;
}
.ie7 img {
	-ms-interpolation-mode: bicubic;
}

/* Non Semantic Helper Class */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.hidden {
	display: none;
	visibility: hidden;
}
.visuallyhidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
.invisible {
	visibility: hidden;
}
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.horizontalForm button {
	clear: left;
	float: left;
	margin: 0.25em 0 0;
}
.horizontalForm input,
.horizontalForm textarea {
	float: left;
	margin: 0 0 0.75em;
	*margin: 0 0 0.8em;
	width: 49%;
}
.horizontalForm select {
	float: left;
	margin: 0 0 0.75em;
	_margin: 0 0 1.25em;
	width: 49%;
}
.horizontalForm label {
	color: #000;
	clear: both;
	float: left;
	padding: 0.375em 0;
	width: 30%;
}
.horizontalForm input,
.horizontalForm select {
	margin: 0.25em 0.5em 0 0;
	width: 60%;
}
.horizontalForm label.singleLine {
	clear: both;
	float: none;
	height: 1.5em;
	padding: 0;
	width: 100%;
}
