/*	CSS Element Structure
---------------------------------------------------
	Css Reset
	Body
	Headings
	Paragraphs
	Images
	Links
	Lists
	Tables
	Forms
	Other Elements & Global Classes
---------------------------------------------------
	Notes:
	Preferred property declaration order:
		selector	{
			position
			top right bottom left
			float
			clear
			width
			height
			margin
			padding
			background
			border
			color
			font
			text-align/transform/indent
			overflow
			z-index
		}
	
	Shorthand propoerties & order:
		margin: top right bottom left;
		background: color image repeat attachment position(x y);
		border: width style color;
		font: style variant weight size/line-height family;
		list: type position image;
---------------------------------------------------	*/
/*	CSS Reset
---------------------------------------------------	*/
html, body, h1, h2, h3, h4, h5, h6, p, table, th, td, form, fieldset, ul, li, blockquote	{
	margin: 0;
	padding: 0;
}

/*	Body
---------------------------------------------------	*/
body	{
	background: #fff;
	color: #666;
	font: normal 12px/1.5 "Arial", "Trebuchet MS", Verdana, sans-serif;
}

/*	Headings
---------------------------------------------------	*/
h1	{
	margin: 0 0 10px;
	color: #c47d3b;
	font-size: 20px;
	font-weight:normal;
}

h2	{
	margin: 10px 0 5px;
	color: #333;
	font-size: 20px;
	font-weight:normal;
}

h3	{
	margin: 20px 0 0;
	color: #333;
	font-size: 12px;
}

h4	{
	margin: 20px 0 0;
	color: #333;
	font-size: 15px;
}

h5	{
	margin: 15px 0 5px;
	color: #333;
	font-size: 13px;
}

h6	{
	margin: 15px 0 5px;
	color: #333;
	font-size: 12px;
}

/*	Paragraphs
---------------------------------------------------	*/
p	{
	margin: 5px 0 10px;
}


/*	Images
---------------------------------------------------	*/
img	{
	display: block;
	border: none;
}

img.inlineImg	{ 
	display: inline; 
}

/*	Links
---------------------------------------------------	*/
a:link, a:visited	{
	color: #002f65;
}

a:active, a:hover	{
	color: #333;
}

/*	Lists
---------------------------------------------------	*/
ul	{
	margin: 10px 0;
	padding: 0 0 0 25px;
	list-style: disc outside;
}
	ul li	{
		margin: 0 0 5px;
	}
	
	ul ul	{
		list-style: circle outside;
	}
	
	ul ul ul	{
		list-style: square outside;
	}

ul.menuList	{
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul.menuList li	{
		margin: 0;
	}
	
ol	{
	margin: 10px 0;
	padding: 0 0 0 25px;
	list-style: decimal outside;
}
	ol li	{
		margin: 0 0 5px;
	}
	
	ol ol	{
		list-style: lower-roman outside;
	}
	
	ol ol ol	{
		list-style: lower-alpha outside;
	}

dl	{}
	dl dt	{}
	dl dd	{}

	dl.horizontalList	{
		margin: 10px 0;
		overflow: hidden;
	}

	dl.horizontalList dt, dl.horizontalList dd	{
		float: left;
		margin: 0;
		padding: 5px 0;
		border-bottom: 1px dotted #ccc;
		font-weight: normal;
	}

	dl.horizontalList dt	{
		width: 30%;
	}

	dl.horizontalList dd	{
		width: 70%;
	}

/*	Tables
	Basic table structure:
		table
			thead (optional)
			tfoot (optional)
			tbody (required)
	
	**	Tables can contain multiple tbody elements.
---------------------------------------------------	*/
table	{
	width: 100%;
	margin: 5px 0 20px;
	border: none;
	border-collapse: collapse;
}

table th	{
	padding: 3px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

table td	{
	padding: 5px;
}

table tfoot td	{
	padding: 10px 5px;
	border-top: 1px solid #ddd;
	color: #777;
	font-size: 11px;
}

table.zebra tr.stripe td	{
	background: #eaeaef;
}


/*	Forms
---------------------------------------------------	*/
fieldset	{
	border: none;
}
	fieldset fieldset	{
		margin: 10px 0;
		padding: 10px 20px;
		border: 1px solid #ddd;
	}

.required span	{
	padding-right: 5px;
	color: #a00;
	font-weight: bold;
}

p.required	{
	margin: 0 0 5px;
	padding: 0 0 0 38%;
	font-weight: bold;
}

label	{
	color: #555;
}
	label.required	{
		color: #000;
		font-weight: bold;
	}

input.textInput	{
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #b7b7b7;
}

textarea	{
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #b7b7b7;
}

input.buttonSubmit	{
	background: #7ad;
	border-top: 1px solid #9cf;
	border-right: 1px solid #48a;
	border-bottom: 1px solid #379;
	border-left: 1px solid #8be;
	color: #fff;
	cursor: pointer;
}

input.buttonReset	{
	margin-left: 5px;
	background: #eee;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #adadad;
	border-left: 1px solid #ececec;
	color: #666;
	cursor: pointer;
}

.errorMessage	{
	width: 75%;
	margin: 10px 0;
	padding: 5px 10px;
	background: #f6e5e5;
	border: 1px solid #a00;
	font-size: 11px;
}
	.errorMessage p	{
		margin: 0;
		color: #a00;
		font-weight: bold;
	}

/*	Column layout w/ label left of element	*/
fieldset.columns div	{
	clear: both;
	height: auto !important;
	height: 1%;
	padding: 5px 0;
	overflow: hidden;
}
	fieldset.columns div.errorMessage	{
		margin: 10px auto;
		padding: 5px 10px;
		
	}
	fieldset.columns label	{
		float: left;
		width: 35%;
		margin: 0 20px 0 0;
		text-align: right;
	}
	fieldset.columns input.textInput, fieldset.columns textarea	{}
	
	/*	Group of elements such as radio buttons or checkboxes	*/
	fieldset.columns fieldset.formGroup	{}
	fieldset.columns fieldset.formGroup label	{
		margin: 0;
	}
	fieldset.columns fieldset.formGroup div	{
		clear: none;
		float: right;
		width: 62%;
		padding: 0;
	}
	fieldset.columns fieldset.formGroup div label	{
		float: none;
		width: auto;
		margin: 0;
		color: #000;
		text-align: left;
		vertical-align: baseline;
	}
	fieldset.columns div.formControls	{
		text-align: center;
	}
		

/*	Stacked layout w/ label above element	*/
fieldset.stacked p.required	{
	padding: 0 0 5px;
	text-align: left;
}

fieldset.stacked div	{
	padding: 5px 0 10px;
}
	fieldset.stacked div.errorMessage	{
		padding: 5px 10px;
		
	}
	fieldset.stacked label	{
		display: block;
		margin: 0 0 3px;
	}
	fieldset.stacked input.textInput, fieldset.stacked textarea	{}
	fieldset.stacked fieldset.formGroup	{}
	fieldset.stacked fieldset.formGroup div	{
		padding: 0;
	}
		fieldset.stacked fieldset.formGroup div label	{
			display: inline;
			margin: 0;
			vertical-align: baseline;
		}


/*	Other Elements & Global Classes
---------------------------------------------------	*/
blockquote	{}
	blockquote p	{}
	
hr	{
	display: none;
}

.skipLink, .hide	{
	display: none;
}

.clear	{
	clear: both;
}