/* generic styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Layout
	Typography and Inline Elements
		Message Boxes
	Forms
	Tables
*/

/* Layout */
/* *************************************************************************************** */
* {margin:0;padding:0;border:none} /* Reset all elements to zero margin and padding */

body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.75em;
}
.left {float:left; margin:0 1em 1em 0}
.right{float:right; margin: 0 0 1em 1em}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #04306D;
	margin-bottom: .5em;
}
h2 {}
h3 {}
p {margin:0 0 1em} /* Default bottom padding for paragraphs that can't handle styles below (yes IE6)*/

h1 + p, h2 + p, h3 + p {text-indent:0px} /* First paragraphs under headings have no indent (no IE6)*/

ul {}
li {}

a {outline-style:none} /* remove the dotted border around clicked links */
a:link { color: #04306D; }
a:visited { color:#04306D;}
a:hover, a:active { color: #5E81A7; }

/* Message Boxes - from mattvarone.com */
.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

/* Forms */
/* some of these classes and styles are applied during validation. .validationError gets 
	applied by the JavaScript validation or by the PHP validation.
	The .help functions that that make it visible or not visible don't work in IE6, so there is
	a JavaScript (in generic_ie6.js) to make that part work. It's is added with a conditional comment */
/* *************************************************************************************** */
form {
	width:auto;
	margin: 0 0 1em 0;
}
.formRow {clear:both; background-color:#FCFCF5}
.formRow:hover {background-color:#faede1;}
#content .formRow {margin:0 0 .5em; padding:0}
label {
	display:block;
	float:left;
	text-align:right;
	width:30%;
	margin:0 15px 0 0;
}

textarea, input, select {margin:0 .25em 0 0;}

form div.buttons,#container form .counter {
	text-align:left;
	display:block;
	float:none;
	clear:both;
	margin: 0 0 0 15px;
	padding:0 0 .5em 8px;
}
#container form div.buttons {margin:0 0 0 28.25%;}
* > #container form div.buttons {margin:0 0 0 32%;}


form div.buttons input {
	background:transparent url(images/btnBg.gif) no-repeat scroll left top;
	border-style:none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:0.9em;
	height:auto;
	letter-spacing:0.125em;
	line-height:normal;
	text-transform:lowercase;
	width:auto;
	padding: .25em 2em;
}
form div.buttons input:hover, form div.buttons input:active, form div.buttons input:focus {
	background-position:left bottom;
}

.formRow .note {display:block; padding:0 0 0 33%}
p.validationError {text-align:center;color:#EE2E24;}
.formRow .validationError {
	display:block;
	color:#EE2E24;
	font-size:.9em;
	float:none;
	clear:both;
	margin:0 0 0.7em;
	padding:0 0 0 34%;
	background: url(images/validationErrorArrow.gif) no-repeat 34% 5px;
}
* > .formRow .validationError {
	padding:0 0 0 37%;
	background: url(images/validationErrorArrow.gif) no-repeat 33.5% 5px;
}
.formRow label .note {display:inline; padding:0}

a.help {cursor:help; text-decoration:none}
a.help:hover {overflow:visible;color:#333333}
a.help span{
	display:none;
	padding:0 2em 0 37%;
	background: url(images/questionPointer.gif) no-repeat 33% 5px;
}
a.help:hover span, .help span:hover{display:block}

/* Tables */
/* *************************************************************************************** */
table {}
tr {}
td {}
tr:hover {}