/*******************************************************************************
* Project: Slater Machine & Tool 1.0                                           *
* File: slater.css (CSS)                                                       *
* Author: Cody Garvin                                                          *
*                                                                              *
********************************************************************************
* Date: 09/14/09                                                               *
* Version: 0.1                                                                 *
* History:                                                                     *
*  09/14/09 - Initial script created.                                          *
*                                                                              *
*******************************************************************************/
/* CSS For the whole site */

/*
----------------------------------------------------------------------------------------------------
- Basics
----------------------------------------------------------------------------------------------------
*/


html {
	height: 100%;
	/*overflow: auto; *//* Commented out because ie was adding a horizontal bar */
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Lucida, "Lucida Grande", Geneva, sans-serif;
	background: #48494e url("../images/backgrounds/background1.jpg") no-repeat;
	background-position: top center;
	text-align: center;
	color: #2f2929;
	font-size: 12px;
	line-height: 1.5em;	
	height: 100%;
  	letter-spacing: .25px;
}

.background1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Lucida, "Lucida Grande", Geneva, sans-serif;
	background: #48494e url("../images/backgrounds/background1.jpg") no-repeat;
	background-position: top center;
	text-align: center;
	color: #2f2929;
	font-size: 12px;
	line-height: 1.5em;	
	height: 100%;
  	letter-spacing: .25px;
}

.background2 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Lucida, "Lucida Grande", Geneva, sans-serif;
	background: #405c71 url("../images/backgrounds/background2.jpg") no-repeat;
	background-position: top center;
	text-align: center;
	color: #2f2929;
	font-size: 12px;
	line-height: 1.5em;	
	height: 100%;
  	letter-spacing: .25px;
}

.background3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Lucida, "Lucida Grande", Geneva, sans-serif;
	background: #afbbb1 url("../images/backgrounds/background3.jpg") no-repeat;
	background-position: top center;
	text-align: center;
	color: #2f2929;
	font-size: 12px;
	line-height: 1.5em;	
	height: 100%;
  	letter-spacing: .25px;
}

.background4 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Lucida, "Lucida Grande", Geneva, sans-serif;
	background: #c6c3cc url("../images/backgrounds/background4.jpg") no-repeat;
	background-position: top center;
	text-align: center;
	color: #2f2929;
	font-size: 12px;
	line-height: 1.5em;	
	height: 100%;
  	letter-spacing: .25px;
}

html>body { /* be nice to Opera */
	font-size: 12px;
	height: 100%;
	min-height: 100%;
  	letter-spacing: .25px;	
}

h1 {
	font-size: 18px;
	line-height: 18px;
	padding: 5px 0 5px 0;
	margin: 0;
}

h2 {
	font-size: 16px;
	line-height: 16px;
	padding: 15px 0 0px 0px;
	margin: 0;
}

h3 {
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

font {
	font-family: Arial, Helvetica, Lucida, "Lucida Grande", Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5em;	
}

ul {
	margin-top: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}

div.mainPoints {
	margin-top: 0;
	padding: 0;
}

div.mainPoints div.listItem {
	background: url("../images/indicator_items-trans.png") left center no-repeat; 
	padding-left: 16px; 
	float: left;
	font-size: 13px;
	width: 125px;
}

div.mainPoints div.listItemDown {
	background: url("../images/indicator_items-trans.png") left center no-repeat; 
	padding-left: 16px; 
	font-size: 13px;
}

p {
	text-align: left;
	padding: 0px;
	margin-bottom: 0px;
	padding-bottom: 7px;
}

a:link, a:active, a:visited {
	color: #5fbae8;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #5fbae8;
	text-decoration: underline;
	outline: none;	
}

a.nohover:link, a.nohover:active, a.nohover:visited, a.nohover:hover {
	color: #006400;
	text-decoration: none;
	outline: none;
}

a.normal:link, a.normal:active, a.normal:visited, a.normal:hover {
	color: #969696;
	text-decoration: underline;
	outline: none;
}

div.breadCrumbs {
	padding: 5px 0 0 0px; 
	font-size: 14px;
	line-height: 14px;
}

.clear {
	padding: 0;
	margin: 0;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.error_title {
	color: #FF0000;
}

.borderImage {
	border: 1px solid #969696;
	padding: 0;
	margin: 0;
}

.showCursor {
	color: #5fbae8;
	cursor: hand;
	cursor: pointer;
}

.showCursor:hover {
	color: #5fbae8;
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
	outline: none;
}

fieldset.headerFieldset {
	margin-top: 15px;
}

fieldset.headerFieldset legend {
	color: #be0a0a; 
	font-size: 18px; 
	line-height: 18px;
}

/*
----------------------------------------------------------------------------------------------------
- Main Container
----------------------------------------------------------------------------------------------------
*/

#mainContainer {
	width: 910px; 
	text-align: center; 	
	margin: 0 auto;
}

#mainContainer div.layoutContainer {
	width: 910px;
	margin: 0 auto;
}

/* menu */
#mainContainer div.layoutContainer div.mainMenuContainer {
	width: 910px;
	height: 49px;
	text-align: left;
}

#mainContainer div.layoutContainer div.mainMenuContainer div.menuContainer {
	padding: 16px 0 0 56px;
}

#mainContainer div.layoutContainer div.mainMenuContainer div.menuContainer span.menuItem {
	padding-right: 29px;
}

/* header */
#mainContainer div.layoutContainer div.mainHeaderContainer {
	width: 910px; 
	height: 133px; 
	background: url("../images/body/header-trans.png") no-repeat;
}

#mainContainer div.layoutContainer div.mainHeaderContainer div.mainHeaderThumbContainer {
	padding: 49px 0 0 623px;
}

#mainContainer div.layoutContainer div.mainHeaderContainer div.mainHeaderThumbContainer div {
	padding-right: 5px;
}

/* body */
#mainContainer div.layoutContainer div.mainBodyContainer {
	width: 910px; 
	background: url("../images/body/body-trans.png") no-repeat;
}

#mainContainer div.layoutContainer div.mainBodyContainer div.topBodyContainer {
	margin: 0 2px 0 10px;
	padding-top: 5px;
}

#mainContainer div.layoutContainer div.mainBodyContainer div.bodyContainer {
	margin: 0 2px 0 10px;
	padding: 3px 0 0 3px;
}

#mainContainer div.layoutContainer div.mainBodyBottom {
	width: 910px; 
	height: 16px; 
	background: url("../images/body/body_bottom-trans.png") no-repeat;
}

#mainContainer div.layoutContainer div.mainFooterContainer {
	width: 910px; 
	height: 52px; 
	background: url("../images/body/footer-trans.png") no-repeat;
}

#mainContainer .sectionHeader {
	color: #be0a0a; 
	font-size: 18px; 
	line-height: 18px;
}


/*
----------------------------------------------------------------------------------------------------
- Tables                                                                    
----------------------------------------------------------------------------------------------------
*/

.signUpForm {

}

.signUpForm tr {

}

.signUpForm td {
	padding: 10px 0 0 0;
	text-align: left;
	vertical-align: top;
}

.signUpForm td.signUpFormHeader {
	font-weight: bold; 
	padding: 30px 0 0 10px;
	text-align: left;
	vertical-align: top;
}

.menuTable td {
	padding: 0px;
	margin: 0;
	line-height: 1px;
	border: 0;
}

/*
----------------------------------------------------------------------------------------------------
- Divs
----------------------------------------------------------------------------------------------------
*/

div.styledFont {
	font-family: "Times New Roman", Courier, Garamond, serif;
	font-size: 18px;
	line-height: 18px;
}

div.note {
	font-size: 10px; 
	color: #999;
	padding: 0 0 0px 10px;
	font-weight: normal;
	font-style: italic;
}

div.errorSpan {
	display: block; 
	float: left;
	margin: 1px 1px 1px 4px; 
	padding: 1px; 
	background: no-repeat;
}

.dataEntry div.dataInfo {
	padding: 4px;
}

.dataEntry div label {
	display: block;
	float: left;
	width: 110px;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	margin: 0 0 0px 0;
	text-align: right;
}

div.errorForm {
	width: 550px;
	margin: 25px auto;
	margin-bottom: 15px; 
	padding: 10px 10px 0 10px;
	color: #ff3333;
	background-color: #fffff3;
	border: 1px solid #ccc;
	text-align: left;
}

div.errorForm ul li {
	margin: 5px 0 0 25px;
	font-size: 11px;
	color: #a3a3a3;
	list-style-type: none;
	list-style-image: url("../images/list_indicator.png");
}

div.messageContainer {
	width: 550px;
	margin: 15px auto;
	padding: 15px;
	text-align: center;
	font-size: 15px;
}

div.tosHeader {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}

div.tosSubHeader {
	font-weight: bold;
	padding-top: 10px;
}

div.noteContainer {
	margin: 10px 50px;
	padding: 10px;
	font-size: 14px;
	text-align: left;
	line-height: 18px;
	border: 1px solid #969696;
	background: #f9f9f9;
}


/*
-----------------------------------------------------------------------------
- Forms                                                                     -
-----------------------------------------------------------------------------
*/
/* Define default form */
form {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, Lucida, "Lucida Grande", Geneva, sans-serif;	
}

form div.formHeading {
	color: #9e9e9e; 
	font-size: 14px; 
	line-height: 18px; 
	font-weight: bold;
	padding-bottom: 4px;
}

textarea {
	font-family: Arial, Helvetica, Lucida, "Lucida Grande", Geneva, sans-serif;	
	font-size: 12px;
}

/* newForm for nice looking forms */
form.newForm select, form.newForm input, form.newForm textarea {
	border: 1px solid #848484;
	background-color: #fff;
	font-size: 13px;
}

form.newForm input.clearFileInput {
	border: none;
	background-color: #FFFFFF;
}

form.newForm input.clearInputButton {
	background-color: transparent;
	border: none;
}


form.newForm select:focus, form.newForm input:focus, form.newForm textarea:focus {
	background-color: #f1f1f1;
}

/* Bigger select and input for usability */
select.big, input.big {
	font-size: 14px;
	background-color: #f5f5f5;
	color: #555;
}

input.formb {
	color: #0037a4;
	font-size: 12px;
	border-color: #f4fAff;
	border-width: 1px;
}


input.seta {
	color: #0033ff;
	font-size: 9px;
}

submitrow input {
	color: #8990AC;
	font-weight: bold;
	background-color: #DCDEE6;
	border-width: 2px;
	border-color: #A2A6BA;
}

input.formfirstalt {
	background: #EFEFEF;
	color: #FF0000;
}

input.formsecondalt {
	background: #E9E8E8;
	color: #FF0000;
}

input.hiddenInput {
	width: 0px; 
	height: 0px; 
	position: absolute; 
	left: -50px; 
	top: -50px;	
}

div .shadowInputBox {

}

div.shadowInputBox div.shadowInputBoxLeft {
	background: url("../images/inputbox_left-trans.png") no-repeat; 
	width: 8px; 
	height: 24px; 
	float: left;
}

div.shadowInputBox div.shadowInputBoxMiddle {
	background: url("../images/inputbox_middle.png") repeat-x; 
	border: none;
	height: 24px; 
	float: left;
}

div.shadowInputBox div.shadowInputBoxMiddle input.searchFieldInput {
	padding: 0px; 
	margin: 5px 0 0 0; 
	border: 0; 
	background: none; 
	outline: none;
	float: left;
}

div.shadowInputBox div.shadowInputBoxRight {
	background: url("../images/inputbox_right-trans.png") no-repeat; 
	width: 8px; 
	height: 24px; 
	float: left;
}

table.formTable {
	font-size: 12px;
}

table.formTable td {
	vertical-align: top;
	font-size: 12px;
}

table.formTable td.head {
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	margin: 0 0 15px 0;
	text-align: right;
}


/*
----------------------------------------------------------------------------------------------------
- Buttons                                                                      
----------------------------------------------------------------------------------------------------
*/

a.button_submit:link, a.button_submit:visited, a.button_submit:hover {
	background: url('../images/buttons/btn_active_end.png') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 32px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
	cursor: hand;
	cursor: pointer;	
	outline: none;
}

a.button_submit span {
	background: transparent url('../images/buttons/btn_active.png') no-repeat;
	color: #FFF;	
	height: 25px;	
	display: block;
	line-height: 14px;
	padding: 0 0 0 15px;
	font: bold 14px arial, sans-serif;	
	padding-top: 7px;
	text-decoration: none;	
	outline: none;
}

a.button_submit:active {
	color: #FFF;
	display: block;
	float: left;
	font: normal 14px arial, sans-serif;
	height: 32px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_submit:active span {
	color: #FFF;
	background-position: bottom left;
	height: 25px;	
	display: block;
	line-height: 14px;
	padding: 0 0 0 15px;
	font: bold 14px arial, sans-serif;	
	padding-top: 7px;
	text-decoration: none;	
	outline: none;
}

a.button_submit_inverse:link, a.button_submit_inverse:visited, a.button_submit_inverse:hover {
	background: url('../images/buttons/btn_active_end.png') no-repeat scroll bottom right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 32px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	_padding-right: 10px;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	outline: none;
}

a.button_submit_inverse span {
	background: transparent url('../images/buttons/btn_active.png') no-repeat bottom left;
	color: #FFF;	
	height: 25px;	
	display: block;
	line-height: 14px;
	padding: 0 0 0 15px;
	font: bold 14px arial, sans-serif;	
	padding-top: 7px;
	text-decoration: none;	
	outline: none;
}

a.button_submit_inverse:active {
	color: #FFF;
	display: block;
	float: left;
	font: normal 14px arial, sans-serif;
	height: 32px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
	background-position: top right;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_submit_inverse:active span {
	color: #FFF;
	background-position: top left;
	height: 25px;	
	display: block;
	line-height: 14px;
	padding: 0 0 0 15px;
	font: bold 14px arial, sans-serif;	
	padding-top: 7px;
	text-decoration: none;	
	outline: none;
}

/* Used for disabled buttons */
a.button_disabled:link, a.button_disabled:visited, a.button_disabled:hover {
	background: url('../images/buttons/btn_inactive_end.png') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 32px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
	cursor: hand;
	cursor: pointer;	
	outline: none;
}

a.button_disabled span {
	background: transparent url('../images/buttons/btn_inactive.png') no-repeat;
	color: #FFF;	
	height: 25px;	
	display: block;
	line-height: 14px;
	padding: 0 0 0 15px;
	font: bold 14px arial, sans-serif;	
	padding-top: 7px;
	text-decoration: none;	
	outline: none;
}

a.button_disabled:active {
	color: #FFF;
	display: block;
	float: left;
	font: normal 14px arial, sans-serif;
	height: 32px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_disabled:active span {
	color: #FFF;
	background-position: bottom left;
	height: 25px;	
	display: block;
	line-height: 14px;
	padding: 0 0 0 15px;
	font: bold 14px arial, sans-serif;	
	padding-top: 7px;
	text-decoration: none;	
	outline: none;
}

a.button_small:link, a.button_small:visited, a.button_small:hover {
	background: url('../images/buttons/btn_small_end.png') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 11px arial, sans-serif;
	height: 25px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
	cursor: hand;
	cursor: pointer;	
	outline: none;
}

a.button_small span {
	background: transparent url('../images/buttons/btn_small.png') no-repeat;
	color: #FFF;	
	height: 20px;	
	display: block;
	line-height: 14px;
	padding: 0 0 0 10px;
	font: bold 11px arial, sans-serif;	
	padding-top: 5px;
	text-decoration: none;	
	outline: none;
}

a.button_small:active {
	color: #FFF;
	display: block;
	float: left;
	font: normal 14px arial, sans-serif;
	height: 25px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_small:active span {
	color: #FFF;
	background-position: bottom left;
	height: 20px;	
	display: block;
	line-height: 14px;
	padding: 0 0 0 10px;
	font: bold 11px arial, sans-serif;	
	padding-top: 5px;
	text-decoration: none;	
	outline: none;
}

/*
----------------------------------------------------------------------------------------------------
- Home Page Sliders
----------------------------------------------------------------------------------------------------
*/

#homePage {
	padding: 26px 22px 0 22px;
	_padding: 26px 22px 0 19px;
}

#demo-wrapper {
	overflow: hidden; 
	height: 234px; 
	width: 636px;
	padding-left: 5px;
	position: relative;
}

#demo-inner {
	width: 7000px;
	height: 234px;
	position: relative;	
}

.scrolling-content {
	height: 234px;
	text-align: left;
	position: absolute;
	width: 640px;
}

/*
----------------------------------------------------------------------------------------------------
- FAQ Section
----------------------------------------------------------------------------------------------------
*/

div.faqHeaderSection {
	font-size: 14px; 
	font-weight: bold;
}

div.faqSection {
	padding: 10px 10px;
}

div.faqSection .subSection {
	font-weight: bold; 
	padding-top: 6px;
}

div.faqSection p {
	padding: 2px 10px 10px 10px;
	margin: 0px;
}

div.faqSection .listSection {
	padding-left: 10px;
}

div.faqSection .listHeading {
	font-weight: none; 
	font-style: italic; 
	padding-top: 5px;
}

div.faqSection ul {
	padding-left: 40px;
}

/*
----------------------------------------------------------------------------------------------------
- Main Menu
----------------------------------------------------------------------------------------------------
*/

#mainMenu {
	height: 22px; 
	font-size: 15px; 
	line-height: 15px;
	margin-top: 6px; 
	letter-spacing: 0px; 
	text-align: center;
}

#mainMenu div {
	padding: 0 70px 0 0; 
	display: inline;
}

#mainMenu a, a:link, a:active, a:visited {
	color: #0054a6;
}

/*
----------------------------------------------------------------------------------------------------
- Footer
----------------------------------------------------------------------------------------------------
*/

#footer {
	
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #969696;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}