/*
	Typical 
	Structure:
		
				INITIAL RESET
				GLOBAL
				GENERAL TYPO - You'll find default font sizes here
				HEADERS
				LISTS
				FORMS
				TABLES
				HELPERS
				MISC - float clearing & other stuff



	INITIAL RESET
	Reset default browser styling	
________________________________________________________________________________________ */

html,body,
h1,h2,h3,h4,h5,h6,p,blockquote,address,pre,cite,code,dfn,abbr,
acronym,kbd,a,samp,img,ins/*i,b*/,u,strike,small,big,font,tt,q,dl,dt,dd,ul,ol
,li,applet,object,iframe,form,fieldset,label,legend,th,td,th,tbody,
tfoot,thead,tr,caption{font-size:100%;margin:0;padding:0;border:0;
outline:0;font-weight:400;font-style:400;text-decoration:none}
:focus{outline:0}
blockquote:before,blockquote:after{content:""}
blockquote{quotes:"" ""}


/*
	GLOBAL
	Body styling and general typography	
________________________________________________________________________________________ */


body {
	font: 62.5%/1.5 "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #222
	}


/* If editing the HR remember to update it in ie.css also */	
hr {
	clear: both;
	width: 95%;
	height: 1px;
	margin: 18px auto 17px;
	color: #333;
	border: none;
	border-top: 1px solid inherit;
	background: #333
	}

/* 	GENERAL TYPO
------------------------------------- */

p, 
ul, ol, dt, dd, 
pre, code, 
address,
fieldset, 
table {
	font-size: 1.2em;
	margin: 0 0 18px
	} 

label {
	font-size: 100%;
	}

	li label {
		font-size: 83.3%;
		}

blockquote {
	padding: 0 18px 0
	}

abbr,
acronym {
	cursor: help
	}

dfn { 
	font-weight: 700 
	}
	
cite,
q { 
	font-style: italic 
	}

pre {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	white-space: pre-wrap /* css-3 */
	}
	
code,
kbd,
var {
	font: 11px Monaco, "Courier New", Courier, monospace;
	}
	
	p code {
		margin: 0
		}

small {
	font-size: 90%;
	}


/*	HEADERS
------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	line-height: 1.2
	}


/*	LISTS
------------------------------------- */

ul, 
ol {
	margin-left: 22px;
	text-indent: 0
	}

ol {
	margin-left: 36px
	}

	li ul, 
	li ol {
		font-size: 100%;
		margin-bottom: 0
		}

	li p,
	li address {
		font-size: inherit;
		}
		

dl {
	overflow: hidden
	}

	dt {
		font-weight: 700;
		margin: 0
		}

dd dl {
	font-size: 83.3%;
	margin: 0 0 -18px 18px
    }
		
/*
	FORMS
	
	.textInput - Basic text field
	.inputGroup - A group of text fields
	.selectGroup - Combo dropdown option group
	.radioInput - Radio button
	.checkBoxGroup - A group of checkboxs
________________________________________________________________________________________ */

form {
	width: auto
	}

fieldset {
	display: block
	}

legend {
	display: block;
	font-weight: 700
	}
	
fieldset ol,
fieldset ul,
fieldset li {
	list-style: none;
	margin: 0
	}

input,
select,
option,
button {
	font-size: 12px
	}
	
textarea {
	font: 12px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 436px;
	overflow: auto;
	resize: both
	}
	
/* Input & Select Groups */

.inputGroup div,
.selectGroup div,
.inputGroup li,
.selectGroup li {
	overflow: hidden;
	width: 100%;
	padding: 4px 0
	}

.inputGroup label,
.selectGroup label {
	float: left;
	width: 114px
	}
	
.inputGroup input {
	width: 221px
	}


/* Radio & Checkbox Groups */
	
.checkBoxGroup label,
.radioGroup label {
	display: block;
	clear: both;
	margin: 0
	}
	
	.checkBoxGroup input,
	.radioGroup input {
		display: inline
		}
		
/* Buttons */

.formButton,
button {
	cursor: pointer
	}

/*
	TABLES
	tables still need 'cellspacing="0"' in the markup
________________________________________________________________________________________ */

/*
table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #333; font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #eee; }
*/

table {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc
	}

th, td {
	padding: 9px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc
	}

caption,
th {
	text-align: left;
	font-weight: 700
	}

form table,
form th, 
form td {
	border: none
	}

/*
	HELPERS
________________________________________________________________________________________ */

.nav,
.nav ul {
	list-style: none;
	padding: 0;
	margin: 0
	}


ul.alphabetical,
ol.alphabetical {
	list-style-type: lower-alpha
	}

img.alignRight {
	float: right;
	margin: 0
	}

img.alignLeft {
	float: left;
	margin: 0
	}

.inline-list li,
.inline-list dt,
.inline-list dd {
	display: inline
	}

.inline-list li:after {
	content: ', '
	}

.inline-list li:last-child:after {
	content: '.'
	}

ul.inline-list,
ol.inline-list,
dl.inline-list {
	margin: 0 0 18px
	}