/* 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
	Forms
	Tables
*/

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

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

span.FIX {
	background: #FFFF00;
} /* any item with this needs to be checked and fixed before page/site is made live */
.FIX {}

/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {
	font-size:1.6em;
	color: #69444F;
	margin-bottom: 0.25em;
	line-height: 1.4em;
	border-bottom: 0.125em solid #D7C5CB;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}
p {margin:0 0 1em} 

acronym {
	cursor: help;
	color: #69444F;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-weight: normal;
	font-variant: normal;
}
acronym:hover {
	padding-bottom: 2px;
}
.note {}
h2 .note, h3 .note {
	font-weight: normal;
	font-size: 0.8em;
	padding-left: 1em
}


ul {
	list-style: inside;
	margin-bottom:1em;
}
li {}

a:link {
	color: #69444F;
	text-decoration: none;
	border-bottom-width: 0.05em;
	border-bottom-style: solid;
}
a:visited {
	color: #38748B;
	text-decoration: none;
	border-bottom-width: 0.05em;
	border-bottom-style: solid;
}
a:hover, a:active {padding-bottom: 2px;}

h2 a:link, h2 a:visited {
	color: #333333;
	text-decoration: none;
	border-style: none;
}
h2 a:hover, h2 a:active {
	color: #69444F;
}


.signature {
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
	text-align: right;
}
.signature a:link {border-bottom:none !important;}

/* 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 {width:245px}
* > textarea, * > input {width:262px}

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(file:///D|/Mystery%20Meat%27s%20Documents/CSS/template/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(file:///D|/Mystery%20Meat%27s%20Documents/CSS/template/images/validationErrorArrow.gif) no-repeat 34% 5px;
}
* > .formRow .validationError {
	padding:0 0 0 37%;
	background: url(file:///D|/Mystery%20Meat%27s%20Documents/CSS/template/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(file:///D|/Mystery%20Meat%27s%20Documents/CSS/template/images/questionPointer.gif) no-repeat 33% 5px;
}
a.help:hover span, .help span:hover{display:block}

/* Tables */
/* *************************************************************************************** */
table {
	text-align:left;
	border-collapse: separate;
	border-spacing:1px;
	vertical-align: top;
	margin: 0px 0px 1em;
	padding: 0px;
	border: 1px solid #999999;
}
tr:hover td{background: #FAF8F9;}

table.calendar {text-align:center;}
thead td{
	background: #D7C5CB!important;
	font-size: .8em;
	font-weight: bold;
	padding: 0.25em;
	height: 1.75em;
	vertical-align: middle;
}
td {
	border: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 4px;
}