/*            GLOBALALTAJET.CSS         */

/* ::::: Contact Bill Cruse bill@williamcruse.com 704-258-7156  */

/*    CONTACT PAGE IMPORTANT
::::: The form validation was apparently placed accidentally in the contact 'controller' would not format, removed all, probably need to place validation back in regular contact page.


/*    LAYOUT
::::: Masthead and Total width = 1000px
::::: Copy ends at 960 for 'white space'
::::: Left white space is 30px, where logo begins, logo ends 125, +30=155 for left text margin, maybe headline is left of that

      NOTE LAYOUT ANOMOLIES
::::: Left 'margin is 150 about the same as the logo, so it 'graphically floats' above the left col
::::: 820 px main copy wraps give the correct visual impression ???  CHECK THIS
::::: Need to float all or extend main text so that there is no fixed length of text pages  
*/

/*    PRELOAD IMAGES */

/*    CHANGES to SITE
::::: Notice barchart and cdd in root, maybe move; menu test, why is sddm.css-what is it; xpmwnu21.js - toss;
::::: header.php has style tags, think these can be removed?; plus many commented out links;
::::: Images - toss Squeezebox and Formcheck? no maybe leave formcheck;
::::: Images - remove dummy jpgs when active
::::: Add h1, h2, etc after all else is complete
::::: Footer needs to move to left, okay for time being, but probably need a div since the a links might be different, maybe they aren't
::::: Make the altajet logo smaller in the footer, take out the yes, add the altajet man
::::: Buttons still have alt tag as start here. Maybe search engine, nah. Change regardless.
::::: HeadlineWrap is still in index but not in other pages, can probably be removed
::::: In this CSS, vertical menu looks like old slide menu. 50 lines moved to bottom. Check later to see if they can be removed.
::::: Start button, below 630, needs to work or come out

::::: CONTACT FORMS, need to format
::::: TAKE A LOOK AT CONTACT_TEST. It has a form we might use. Also has reply, success, failure, etc.
::::: All of the files under /EMAIL seem to be dummy forms, where were they used?

::::: Simplify the files names, = close_the_deal etc to closing
*/

/*    FUNCTIONALITY 
::::: Check #headlineWrap in index - probably has to do with functionality
::::: IMPORTANT, now have headline in appWrap. WILL THAT AFFECT THE FUNCTIONALITY?
/* This is a position cheat. Can we get rid of it?
#appwrapLeft  {
	position: absolute;
	z-index: 120;
	top: 265px;
	left: 140px;
	width: 660px;
}

#appWrap  {
	position: absolute;
	z-index: 170;
/*	top: 245px;
	top: 285px;
/*	left: 210px;
	left: 210px;
	width: 670px;
}
*/


/*            SECTIONS
::::: COLORS
::::: DIV LAYERS - Z REF
::::: DIVS COMMON TO ALL
::::: STYLES COMMON TO ALL
::::: PAGES AND PHP INCLUDED
::::: LINKS AND NAVS
::::: FORMS
::::: TABLES
::::: RESETS	
::::: HOUSEKEEPING 
*/


/* ******************************************************   C O L O R S   ********************************************************   */

.goldDk {color: #F87F06}
.goldMed {color: #FFB317}
.goldLt {color: #FFD56D}

.grayDk {color: #4D4634}
.grayMed {color: #B8A779}
.grayLt {color: #E8E8BF}
.grayXLt {color: #F1EFE1}

/*change all altaRed to Red */
.altaRed {color: #B30000;}
.altaTurbo {color: #B30000 !important;}

.commentPurple  {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #9F7DA9;
	line-height: 100%;
}

.error{
	color: #B30000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	line-height: 200%;
	vertical-align: middle;
	background-color: #FFFFFF;
}

.required {
	font-size: 12px;
	font-weight: bold;
	color: #B30000;
}

/* ****************************************************** D I V   L A Y E R S   &   Z  R E F   ***********************************   */
/*

#textWrap
	position:absolute;
	z-index: 10;

#mastHead
	position:relative;
	z-index: 10;
	
#sideBar  {
	position: absolute;
	z-index: 30;
	
#headlineWrap  
	position: absolute;
	z-index: 152;
	
	154 = #subheadWrap  no longer used??
	
#linkWrap  
	position: absolute;
	z-index: 160;

#header
	position:absolute;
	z-index: 170;
	
#barchartWrap  conflict here but bar chart isn't currently used?
	position: absolute;
	z-index: 170;
	
#buttonWrap  
	position: absolute;
	z-index: 180;

#startButton  
	position: absolute;
	z-index: 190;
	
#advancedBox   What is this??
	position: absolute;
	z-index: 192;

#mainNav   not sure this is still used??
	position: absolute;
	z-index: 200;

200 = #slideMenu but I am not sure if it works off of this since it is relative no longer used



/* ***********************************************         D I V S           ************************************************   */
 
 /* This is the original. Toss only when all is working  IS THIS REALLY IN THE HEADER? Also same specs as textWrap.  No, but does work for the contact page. Confusing. */
#appWrap  {
	position: absolute;
	z-index: 170;
	top: 310px;
	left: 185px;
	width: 660px;
}

#bigButtons  {
	position: absolute;
	z-index: 190;
	top: 170px;
	left: 155px;
	height: 50px;
	width: 800px;
	text-align: left;
}

#bigButtons a  {
	color: #F87F06;
	text-decoration:none;
}

#bigButtons a:hover {
	color: #B30000;
	font-weight: normal;
	text-decoration:underline;
}

#textWrap  {
	position: absolute;
	z-index: 10;
	top: 220px;
	left: 155px;
	height:250px;
	width: 800px;
	text-align: left;
}

#textWrapUnder  {
	position: absolute;
	z-index: 9;
	top: 135px;
	left: 50px;
	height:250px;
	width: 800px;
	text-align: left;
}

#textWrap a  {
	color: #4D4634;
	text-decoration:underline;
}

#textWrap a:hover {
	color: #B30000;
	font-weight: normal;
}

/* ********************************************* S T Y L E S   C O M M O N   T O   A L L   P A G E S   ******************************   */

/* Why not strong? toss maybe in tables?? } */
.bold{ font-weight:bold; }

.bodyText  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 150%;
	padding-bottom: 3px;
	margin-left: 20px;
	padding-top: 3px;
}

/* Probably don't need either of these center or italic, maybe it is in tables?? Delete? */
.center  {
	text-align: center;
}

.italic{
	font-style:italic;
}

.linksBar  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4D4634;
	width: 800px;
	background-color: #FFD56D; 
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 20px;
}

.linksText  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 150%;
	padding-bottom: 8px;
	margin-left: 40px;
	padding-top: 3px;
}

.logo  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #F87F06;
	line-height: 40px;
}

/* duplicate with comment Purple, delete when finished */
.purpleComments  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #C107F6;
	text-align: left;
	line-height: 175%;
	padding-bottom: 10px;
}

.rule {
	color: #A24805;
}

/* Probably don't need small, maybe it is in tables?? Delete? */
.small  {
	font-size: 11px; }
/* .small didn't work except as a descendent to bodyText */


/* CHANGE THIS TO bodySmall */
.smallText  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 150%;
	padding-bottom: 3px;
	margin-left: 20px;
	padding-top: 3px;
}

/* This should be h2. No maybe the smaller subheads should be H2?? since they are more meaningfull */
.subHead2  {
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	text-align: left;
	color: #F87F06;
/*	color: #FFB317;  */
	line-height: 100%;
	font-style: italic;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* This will probably be eliminated  Why? It is the red subhead. */
.subHead3  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B30000;
	text-align: left;
	line-height: 100%;
	margin-left: 0px;
/*	margin-left: 20px; */
	padding-top: 5px;
	padding-bottom: 5px;
}

.tableCopyright  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #4D4634;
	text-align: left; 
	line-height: 100%;
	font-style: italic;
}

.tableLogo  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F87F06;
	text-align: left; 
}


/*	Eliminate this, change to a regular font, well, it is a regualar font, not sure */
.tableSig  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4D4634;
	text-align: left; 
	font-style: italic;
}

.turbo {
	color: #A24805;
}

.underline{
	text-decoration:underline;
}

/* **************************************************     P A G E S   &   P H P   I N C L U D E S    **************************   */


/*    ::::::::::::::::::::                                      HEADER PHP                                                               */

/* The image wrap is here, but moved down because of the headers. Must find those on other pages and deal with.                           */

/* what is this? */
#wrapper, #content-wrapper {
	float: left;
	width: 100%;
	min-height:100%;
}

#mastHead  {
	position:relative;
	z-index: 10;
	margin-top:0px;
	height: 150px;
	width: 900px;
	top: 0px;  
	position:relative;*/
}

/* :::::::::::::::::::::::::::::::                              HOME PAGE                                                                  */

/* The image wrap is here, but moved down because of the headers. Must find those on other pages and deal with.                            */

/* Why doesn't this work?! */
#headlineWrap  {
	position: absolute;
	z-index: 152;
	top: 210px;
	left: 175px;
	height: 50px;
	width: 800px;
	text-align: left;
}

/* Toss one or the other, see headline above. */
.hRule  {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E8E8BF;
}

.headline  {
	font-family: Arial, sans-serif;
	font-size: 28px;
	text-align: left;
	color: #4D4634;
	line-height: 130%;
	font-style: italic;
}

.headlineGold  {
	font-family: Arial, sans-serif;
	font-size: 28px;
	text-align: left;
	color: #F87F06;
	line-height: 130%;
	font-style: italic;
}

.subHead1  {
	font-family: Arial, sans-serif;
	font-size: 20px;
	text-align: left;
	color: #4D4634;
	line-height: 130%;
	font-style: italic;
}

/* :::::::::::::::::::::::::::::::                           LINKS / RESOURCES                                                              */
/* :::::::::::::::::                                          A REF AND HOVER                      :::::::::::::::::::::::::                 */

/*  Why is this important? Was old Slide  */

.small{font-size:9px !important;}

a {
	color:#4D4634;
	text-decoration:underline;
}
a:hover {
	color: #B30000;
	font-weight: normal;
}

/* Not sure what is wrong with underline, and now, not even sure what that means, leave complete notes */
#linkWrap  {
	position: absolute;
	z-index: 160;
	top: 320px;
	left: 170px;
	height: 1200px;
/*	width: 850px; */
	width: 780px;
	text-align: left;
}


/* ::::::::::::::::::::                                                       FOOTER                                                   */

/* This is to include on individual pages */

.footer  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #4D4634;
	text-align: center;
	line-height: 150%;
	margin-top: 100px;
	margin-bottom: 50px;
}

#footer a {
	color:#4D4634;
	text-decoration:none;
}
#footer a:hover {
	font-weight:bold;
	color:#B30000;
}


/* ::::::::::::::::::::          MAIN NAV  SIDE BAR NAV       */
/* There is no slide bar nav ?? */

#mainNav {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 200;
	top: 100px;
	left: 163px;
	font-style: italic;
	letter-spacing: .5px;
	font-weight: bold;
}

#mainNav ul {
	padding: 0px;
	margin: 0px;
}

#mainNav ul li {
	display: inline;
	width: 105px;
	float: left;
	font-size: 12px;
	height: 25px;
	text-align: center;
}

#mainNav ul li a {
	text-decoration: none;
	color: #4D4634;
	display: block;
	padding-left: 0px;
	line-height: 25px;
	background-image: url('../../assets/images/grayMenu.jpg');
	font-style: italic;
	letter-spacing: .5px;
	font-weight: bold;
}

#mainNav ul li a:hover {
	background-image: url('../../assets/images/redMenu.jpg');
	color: #fff;
	background-repeat: no-repeat;
	font-style: italic;
	letter-spacing: .5px;
	font-weight: bold;
}

#mainNav .goldMenu {
	background-image: url('../../assets/images/goldMenu.jpg');
}

/* I think next 4 are not necessary, yes? no? */
#mainNav ul li ul {
	visibility: hidden;
}
#mainNav ul li:hover ul {
	visibility: visible;
}
#mainNav ul li ul li a {
	background-color: #fff;
	color: #4D4634;
	padding-left: 20px;
}
#mainNav ul li ul li a:hover {
	background-color: #FFD56D;
	color: #B80000;
}

/* ******* Sidebar and NAV ******* */

#sideBar  {
	position: absolute;
	z-index: 30;
	left: 10px;
	top: 475px;
	height: 400px;
	width: 145px;
	text-align: left;
	background-color: #fff;
}

#sideBar a {
	text-decoration: none;
	color: #4D4634;
	background-color: #fff;
	line-height: 15px;
}

#sideBar a:hover {
	background-color: #FFD56D;
	color: #B80000;
}

.sideBarHead  {
	text-align: left;
	background-color: #FFD56D;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #4D4634;
	font-weight: bold;
	line-height: 150%;
}



/*
::::::::::::::::::::                                       START BUTTON

start is necessary for position, but why, since the there is the div below? */

.start  {
	line-height: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}

/* Might have to be in a div  on top of others */

#startButton  {
	position: absolute;
	z-index: 190;
	top: 320px;
	left: 200px;
	height:30px;
	width: 300px;
}



/* ************************************************   FORMS  ***************************************************************  /* 

/*                                                 Contact Forms -  Find It - Make Offer - Contact - Others?     */                                                        
/*Might combine later with all, if possible. Review, if not used after live, delete. */ 

/*  Change Table width to 600 275 + 325  from 500     */

/* Why does this have to be here for the .styles to work?? */
# transferForm { }

/* This is same as label except for text alignment. */
.transferInput  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 100%;
	padding-right: 0px;
	vertical-align: middle;
	background-color: #fff;
}

.transferLabel  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: right;
	line-height: 100%;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align: middle;
}


/* Why does this have to be here for the .styles to work?? */
# offerForm { }

.contactHead  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
/*	color: #4D4634; */
	color: #B30000;
	text-align: left;
	line-height: 100%;
	padding-left: 20px;
	padding-right: 0px;
	vertical-align: middle;
	font-style: italic;
}

/* This is only for one line in the Escrow form; regular text didn't work - simplify?? */
.contactHeadGray  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
/*	font-weight: bold; */
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 100%;
	padding-left: 20px;
	padding-right: 0px;
	vertical-align: middle;
	font-style: italic;
}

/* This is same as label except for text alignment */
.contactInput  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 125%;
	padding-right: 0px;
	vertical-align: middle;
	background-color: #fff;
	height: 30px;
	width: 300px;	
}

.contactLabel  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: right;
	line-height: 100%;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align: middle;
	height: 30px;
	width: 350px;
	white-space:nowrap;
}


/* This is to make terms and conditions left since it spans 2 cols, can be simplified ?? */
.contactLabelLeft  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: justify;
	line-height: 125%;
	padding-left: 80px;
	padding-right: 10px;
	vertical-align: middle;
}



/*  :::::::::::::::::::::::::::::::::::::::::::::::::::: FORMCHECK TIPBOX
What is this and who put it here?
Fonts and colors are not to style, above
What are the png images? That will tell you what it was used for. . . . .  These are the arrows before the search.

   tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.fc-tbx .tl{
	background: url('file:///C:/Users/Charles/Documents/img/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('file:///C:/Users/Charles/Documents/img/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('file:///C:/Users/Charles/Documents/img/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('file:///C:/Users/Charles/Documents/img/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('file:///C:/Users/Charles/Documents/img/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('file:///C:/Users/Charles/Documents/img/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('file:///C:/Users/Charles/Documents/img/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('file:///C:/Users/Charles/Documents/img/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('file:///C:/Users/Charles/Documents/img/c.png');
}
.fc-tbx a.close {
	float: right;
	background: url('file:///C:/Users/Charles/Documents/img/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('file:///C:/Users/Charles/Documents/img/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}

/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : #A00;
}

/* ********************  FORMCHECK VALIDATION  */


/*
:::::::::::::::::::::::::::::::::::: FORMS
What is the difference between form and form check.
*/

/*REPEATED FOR FORMS WITH MORE DESCRIPTIVE NAME, WILL NIX THE ABOVE RULES ON CLEANUP*/
.altajet_form input, .altajet_form textarea {
	background: #FFF;
	border:1px solid #000;
	padding:2px;
}

.altajet_form input:focus, .altajet_form textarea:focus {
	background: #779483;
	border:	1px solid #3D5686;
	color:	white;
}

.enterHead  {
	text-align: center;
	color: #B30000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
}

input[type=submit], input[type=button], button{
	background: #FFF;
	border:1px solid #000;
	padding:2px;
}

input[type=submit]:focus, input[type=button]:focus, button:focus{
	background: #779483;
	border:1px solid #3D5686;
	color:white;
}
input[type=submit]:hover, input[type=button]:hover, button:hover{
	cursor:pointer;
	background-color:#B30000;	
}

/*
:::::::::::::::::::: FORMCHECK TIPBOX AND AJAX FUNCTIONALITY
*/ 

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

/* take out beta on all, copied below
.fc-tbx .tl{
	background: url('../../assets/images/formcheck/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('../../assets/images/formcheck/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('../../assets/images/formcheck/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('../../assets/images/formcheck/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('../../assets/images/formcheck/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('../../assets/images/formcheck/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('../../assets/images/formcheck/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('../../assets/images/formcheck/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('../../assets/images/formcheck/c.png') repeat;
} */


.fc-tbx .tl{
	background: url('../../assets/images/formcheck/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('../../assets/images/formcheck/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('../../assets/images/formcheck/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('../../assets/images/formcheck/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('../../assets/images/formcheck/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('../../assets/images/formcheck/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('../../assets/images/formcheck/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('../../assets/images/formcheck/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('../../assets/images/formcheck/c.png') repeat;
}

.fc-tbx a.close {
	float: right;
/*	background: url('../../assets/images/formcheck/close.png') no-repeat; */
	background: url('../../assets/images/formcheck/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}

.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('file:///C:/Users/Charles/images/formcheck/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}

/*     ::::::::::::::::::::::::::::::::::   END FORMCHECK    */




/* *********************************************************************************************************************************
   ****************************************************    T A B L E S  **************************************************************  */

/* ::::::::::::::::::                                 CHOOSE TABLES, RSO AND RSO UI, TEXT TABLES                                                     */

table.choose_table{
		width:660px;
		line-height:20px;
		/* Why is this line height, instead of a row height? */
}
	
table.choose_table th{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-color: #4D4634;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
	
table.choose_table td.choice{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: right;
	padding-right: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
table.choose_table td.choice:hover{
	cursor:pointer;
	background-color:#B30000;
}

table.choose_table td.description{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-left: 5px;
}
	
table.choose_table td[colspan]{
	text-align:center;
	width: auto !important; /*IE believes that width still applies even if the cell has a colspan applied to it*/
}
	
table.choose_table td{
	width:110px;
}

.chooseNote  {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #4D4634;
/*	line-height: 12px;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #4D4634; */
}

.shortList  {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #B30000;
}



/* :::::::::::::::::::::::::                                   COMPARE               TABLES INCL WORLDWIDE SEARCH                          */

/*                 This needs a lot of cleanup, starting with better comments.


comments:
Yes, these are for the compare input tables
Need work, clean etc                                         Notice changed name to compare if site doesn't work
*/

/* main wrapper for compare tables  ::::::PLEASE:::::: RENAME :::: THESE:::, THEY ARE NOT DESCRIPTIVE ENOUGH */

/* div#wrap{
	margin:25px;
	border: 1px dotted #C107F6;
TOSS  */

/* what is this? */
div#main{
	width:550px;
	margin-bottom:25px;
}

/*
table.section{
	font-size:.9em;
}
*/
/* the section table stylings below handle how the input and task 8 (links) tables are styled */



/* NOTE, WAS .SECTION, CHANGED TO .COMPARE */

table.compare{
	width:660px;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px; 
	color:black;
}

table.compare a{
	text-decoration:none; 
	color:black;
}

 /* 	This is the color in the title bars */
table.compare tr.head th{
	background-color:#4D4634;  /* 	background-color:#B30000; gold= background-color:#F87F06; */
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;	
}

table.compare td{
	padding:2px;
	width:110px;
}

table.compare tr.make td{
	border-left:1px solid #000000;
	font-weight:bold;
	padding-top:4px;
	width:110px;
}

table.compare tr.model td{
	border-left:1px solid #000000;
	width:110px;
}

table.compare td.bar{
	width: 110px;
	background-color: #E8E8BF; /* bad gold was background-color: #E9C31E;	background-color: #4D4634; */;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	border-right-style: solid;
	border-right-width: 50px;
	border-right-color: #FFFFFF;
}

table.compare td.blank{
	border:none !important;
	width:110px;
}

table.compare tr.model td.make{
	border-left:1px solid #000000;
	font-weight:bold;
}

table.compare td[lang]:hover{
	cursor: pointer;
	background-color: #B30000;
}

table.compare tr.make td.slogan{
	border-left:1px solid #000000;
	font-weight:bold;
	padding-top:4px;
	width:110px;
	color: #B30000;
}

table.compare td.rule{
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #B30000;
}

.slogan {
	color: #B30000;
	font-weight:bold;
}

.selected{
	background-color:#000000;
	color:#FFFFFF !important;
	font-weight:bold;
}
.selectable:hover{
	cursor:pointer;
}

          

/*seperate "compare by" charts
URL: compare/range 
===============================*/
#comparison_output{
	margin-top:30px;
}


/*
::::::::::::::::::::::: DATA TABLES RETURNED AFTER SEARCH

Since we don't need this background color, they can probably be deleted?
From data_tables.css
*/

table {}

.header {}

/*   From data_tables.css  Notice Background Colors. Why?          */

.passengers {background-color: #779483;}

.oc {background-color: #779483;}

.range {background-color: #779483;}


/* ######### CSS classes applied to down and right arrow images  #########  PROBABLY SLIDE. REMOVE?  */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}



/* :::::::::::::::::::::::::::          5 COL     "OUTPUT"         TABLES    */

.five_col_table table{
	width:660px;
	line-height:20px;
	font-family: verdana;
	font-size:10px;
	border:none;
}
	
.five_col_table table td{
	border:none;
}
	
.five_col_table table td.left_col{
	width:150px;
	text-align:right;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #F87F06;
	text-align: right;
	padding-right: 6px;
}

.five_col_table table td.category_header{
	font-family: Verdana, Arial, sans-serif;
/*	font-size: 12px; */
	font-size: 10px; 
	font-weight: bold;
	color: #F87F06;
	text-align:left;
}

.five_col_table table td.result{
	width:140px;
}

.five_col_table table td.right_col{
	width: 90px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #F87F06;
	text-align: left;
	padding-left: 6px;
}


/* ::::::::::::::::::::::::::: 5 COL OUTPUT TABLES and CHOOSE TABLES                      */
/* Combine with above ??   */
	
.five_col_table .result, table.choose_table .result {
	font-family: "Courier New", courier, sans-serif;
	font-size:12px;
text-align:center;
}

/* Why no period? Search fo this on the site, see where it is.  */

table.model_list td.result{
	text-align:left;
}


/*  :::::::::::::::::::::::                                    RESOURCES PAGE (LINKS) TABLE                                  */
/* Copied from Compare, remove all unused, notice pull from and toss                                                         */

table.links{
	width: 800px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: black;
	empty-cells: show;
	line-height: 16px;
}

table.links tr.colorBar th{
	background-color: #FFD56D;
	color: #4D4634;
/*	color: #E8E8BF; */
	font-weight: bold;
	padding: 2px;
	empty-cells: show;
}

table.links td{
	padding:2px;
	width:265px;
}

table.links td.blank{
	border:none !important;
	width:265px;
}

table.links a{
	text-decoration: none;
	color: #4D4634;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #E8E8BF;
}

table.links a:hover{
	text-decoration: none;
	color: #B30000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #B30000;
}


/*          Pull from below, then toss what you don't need to finish the Links page */


table.links tr.make td{
	border-left:1px solid #000000;
	font-weight:bold;
	padding-top:4px;
	width:110px;
}

table.links tr.model td{
	border-left:1px solid #000000;
	width:110px;
}

table.links tr.model td.make{
	border-left:1px solid #000000;
	font-weight:bold;
}

table.links td[lang]:hover{
	cursor: pointer;
	background-color: #B30000;
}

table.links td.blank{
	border:none !important;
	width:110px;
}

table.links tr.model td.make{
	border-left:1px solid #000000;
	font-weight:bold;
}

table.links td[lang]:hover{
	cursor: pointer;
	background-color: #B30000;
}

/*  :::::::::::::::::::::::                                    TEXT TABLE                                  */
/*  to style contact addresses, table in faqs */  

.tableText  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 150%;
	margin-left: 50px;
	left: 50px;
}


/*   *************************************   R E S E T   |   B R O W S E R   H A C K S  ***********************************  /* 

/* Removed strong, since it was not diplaying on IE or Opera but it still doesn't work. Why? pulled out ol, ul, li   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
/*	font-size: 100%; */
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

select {font-size:9px;}
/* 


/* what is this? */
#posStatement p{
	padding-bottom:1px;
}



/*   ************************************   H O U S E K E E P I N G -  U N F I L L E D  ****************************************  /* 


/* This is old, separate positioning statement in the header. Check to see if it is still in the header, if so, remove, then delete this. */
#posStatement div{
	text-align:center;
	padding-left:50px;
	font-family:verdana;
	line-height:12px;
}

#posStatement a,#posStatement span{
	font-size:11px;
	font-style:normal;
	text-decoration: none !important;



/* :::::::::::::::::::::::::::::::                    INTERACTIVE BUTTONS

DIV OR PARAGRAPH, OR DO YOU NEED THEM AT ALL??   Toss??*/

#buttonWrap  {
	position: absolute;
	z-index: 180;
	top: 250px;
	left: 150px;
	width: 850px;
	height: 900px;
}


/*
::::::::::::::::::::                                                 MYACCOUNT
*/
.myaccount_editable:hover	{ background:#eee; }
.myaccount_textarea textarea{ height:200px; padding:3px; }
.myaccount_editable-empty	{ background:#fffea1; padding:20px; border:1px dashed #fc0; }
.myaccount_box				{ border:1px solid #ccc; padding:5px; display:block; width:95%; }


/* 
::::::::::::::::::::                                                  BAR CHART PAGES
Under development, will integrate styles when finished
*/

#barchartWrap  {
	position: absolute;
	z-index: 170;
	top: 245px;
	left: 0px;
	width: 900px;
	height: 3000px;
}


/* **************************************************     D E L E T E D ??     T O S S ??    **************************   */

/* Don't use this anymore, or is it in the footer. Delete, if possible. } */
.bodyCenter  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: center;
	line-height: 150%;
	padding-bottom: 10px;
}


/* Not sure this is being used or necessary, doesn't color the input fields as expected */
.contactEntry  {
	border-style: 0;
	border-color: 0;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Courier, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 100%;
	background-color: #E8E8BF;
	vertical-align: bottom;
	text-indent: 3px;
	}


/* What is advancedBox??   notice reference to BETA, HAVE TAKEN IT OUT TEST AND SEE  NO IMAGES IN BETA

#advancedBox  {
	position: absolute;
	z-index: 192;
	top: 820px;
	left: 200px;
	height:30px;
	width: 300px;
}

.advancedBox {
	list-style-type: none;
	width: 200px;
	height: 30px;
}
.advancedBox a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #B80000;
	text-decoration: none;
	background-image: url('beta/assets/images/red_large_blank.jpg');
	background-repeat: no-repeat;
	padding: 7px 62px 7px 62px;
	font-style: italic;
}
.advancedBox li {
}

.advancedBox a:hover {
	background-image: url('beta/assets/images/red_large_blank.jpg');
	color: #fff;
	background-repeat: no-repeat;
}

.advancedBox a:active {
	background-image: url('beta/assets/images/gray_large_blank.jpg');
	background-repeat: no-repeat;
	color: #000;
}

*/