@charset "utf-8";
/**
 * SenCSS 0.5 - Sensible Standards CSS framework
 *
 * Copyright (c) 2008 Kilian Valkhof (kilianvalkhof.com)
 * Visit sencss.kilianvalkhof.com for more information and changelogs.
 * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 */
/**
 * Basic reset
 * By Eric meyer and Paul Chaplin, http://meyerweb.com/eric/tools/css/reset/
 */
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	vertical-align:baseline;
}
body{
	background:#fff;
	color:#000;
	font:62.5%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
	position:relative;
}
textarea{
	font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:none;
}
/**
 * Baseline and common looks 
 * Sets a vertical rhythm and styles the different elements.
 */
a{
	color:inherit;
	text-decoration:underline;
	outline: none;
}
a:hover,a:focus{
	text-decoration:none;
	outline: none;
}
a img {
	border: none
}
abbr,acronym{
	border-bottom:1px dotted;
	cursor:help;
	font-variant:small-caps;
}
address,cite,em,i{
	font-style:italic;
}
blockquote p{
	margin:0 1.5em 1.5em;
	padding:0.75em;
}
code,kbd,tt{
	font:1em/1.5em "Courier New", Courier, monospace;
}
del{
	text-decoration:line-through;
}
dfn{
	border-bottom:1px dashed;
	font-style:italic;
}
dl{
	margin:0 0 1.5em;
}
dt{
	font-weight:700;
}
dd{
	padding-left:1.5em;
}
h1{
	font-size:2.2em;
	font-weight:700;
	margin:.1 0 0.75em;
}
h2{
	font-size:1.7em;
	margin:0 0 1em;
}
h3{
	font-size:1.3666em;
	margin:0 0 1.285em;
}
h4{
	font-size:1.2em;
	margin:0 0 1.5em;
}
h5{
	font-size:0.9333em;
	margin:0 0 1.6em;
}
h6{
	font-size:0.666em;
	margin:0 0 2.25em;
}
img{
	display:inline-block;
	vertical-align:bottom;
}
ins{
	text-decoration:overline;
}
ol li{
	list-style:outside decimal;
}
p{
	font-weight:300;
	margin:0 0 1.5em;
}
pre{
	font:1.2em/1.5em "Courier New", Courier, monospace;
	margin:0 0 1.5em;
	padding:0 0 0 1.5em;
	white-space: normal;
}
sub{
	bottom:-0.4em;
	font-size:0.85em;
	line-height:1em;
	position:relative;
	vertical-align:baseline;
}
sup{
	font-size:0.85em;
	line-height:1em;
	position:relative;
	top:-0.4em;
	vertical-align:baseline;
}
strong,b{
	font-weight:700;
}
ul,ol{
	margin:0 0 1.5em 2em;
	padding:0;
}
li ul,li ol{
	margin:0;
}
ul li{
	list-style:outside disc;
}
li li{
  padding-left: .25em;
  margin-left: 2.5em;
}
/** tables still need 'cellspacing="0"' in the markup 
 */
table{
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 1.5em;
	padding:0;
}
caption{
	font-style:italic;
	text-align:left;
}
tr.alt td{
	background:#eee;
}
td{
	padding:0.333em;
	vertical-align:middle;
}
th{
	font-weight:700;
	padding:0.333em;
	vertical-align:middle;
}
/**
 * Common classes
 * Some base classes for pretty typography, asides and messages.
 */
.amp{
	font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;
	font-style:italic;
}
.aside-left{
	clear:left;
	float:left;
	margin:0 1.5em 0 0;
}
.aside-right{
	clear:right;
	float:right;
	margin:0 0 0 1.5em;
}
.error{
	background:#fee;
	color: #000;
	border:1px solid red;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
.notice{
	background:#eef;
	border:1px solid #00f;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
.success{
	background:#efe;
	border:1px solid #0f0;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
.warning{
	background:#ffe;
	border:1px solid #ff0;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
.quo{
	font-family:Georgia, Gentium, "Times New Roman", Times, serif;
}
.lquo{
	font-family:Georgia, Gentium, "Times New Roman", Times, serif;
	margin:0 0 0 -0.55em;
}
.section{
	position:relative;
}
.clear {
	clear: both;
}
/** 
 * Common context-sensitive classes 
 * These names are obnoxious on purpose, I want you to change them into what classname fits with your content. :)
 */
.firstParagraphArticle:first-letter{
	float:left;
	font-size:3.2em;
	font-weight:700;
	line-height:1em;
	margin-bottom:-0.2em;
	padding:0.125em 0.1em 0 0;
}
/** Horizontal form stylings
 */
.horizontalForm button{
	clear:left;
	float:left;
}
.horizontalForm input,.horizontalForm textarea{
	float:left;
	margin:1.5em 0 0;
	width:49%;
}
.horizontalForm select{
	float:left;
	margin:1.5em 0 0;
}
.horizontalForm label{
	clear:left;
	float:left;
	padding:0.375em 0;
	width:49%;
}
.horizontalForm label input{
	height:1em;
	line-height:1;
	margin:0.25em 0.5em 0 0;
	width:auto;
}
.horizontalForm label.singleLine{
	clear:both;
	float:none;
	margin-top:0;
	padding:1.5em 0 0;
	width:100%;
}
/* CLEAN FORM STYLES
 ******************************/
/* General */

.cleanform {
	font-size:1em;
	width:40em;
	color:#1b1b1b;
	text-align:left;
	margin:1em;
}

/* Elements */

.cleanform  label,.cleanform legend{
	padding:0;
	margin:0.3em 0
}

.cleanform fieldset{
	padding:0.7em;
	border:1px solid #ddd;
	margin:0 0 0.5em 0
}

.cleanform label {
    font-weight:bold
}

.cleanform fieldset input {
    width:70%;
    line-height:1.5em;
	padding:0.15em
}

.cleanform .radio input,
.cleanform .checkbox input {
    width:auto;
    border:none;
    margin:0 1.5em 0 0
 }

.cleanform input, .cleanform textarea, .cleanform select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    margin-right:1em
 }

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input {
    display:inline;
    margin:0 1.5em 0 0
}

.cleanform .radio input, .cleanform .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

.cleanform button {
	margin:0.3em 0;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:1em;
	cursor:pointer;
	padding:0.5em
}

.cleanform button:hover {
	background-color:#e6efc2;
	border:1px solid #c6d880;
	color:#529214
}

.cleanform button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* Information */

.cleanform .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:0.1em solid #ddd
}

.cleanform .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

.cleanform .formInfo p{
	text-align:justify
}

.cleanform .required {
	color:#ff3838;
	font-weight:bold;
	font-size:0.8em
}
