/*            GLOBALALTAJET.CSS         */

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

/*  START 1820 LINES, resources out, 1711 lines, now 1134   */

/*  Expand Arial family to incude Calibri or Helvetica, something more than just sans serif */

/*            SECTIONS
::::: COLORS
::::: DIV LAYERS - Z REF
::::: DIVS COMMON TO ALL
::::: STYLES COMMON TO ALL
::::: PAGES AND PHP INCLUDED
::::: LINKS AND NAVS
::::: FORMS
::::: TABLES
::::: RESETS	
::::: MAKE OFFER REALLY ESCROW PAGE delete when finished
::::: SIDEBARS  Much to remove when finihsed
::::: HOUSEKEEPING 
*/


/* ******************************************************   C O L O R S    See prior css for chosen but unused colors if you need more   */

/*Black is ocassionally needed because body text is gray */
.black {color: #000000}

.goldDk {color: #F87F06}
.goldLt {color: #FFD56D} /* The Color Bar in Sidebar and Tables */

.grayDk {color: #4D4634}

/*    FIX THIS   .grayXLt {color: #F1EFE1 changed to altaRed} This was originally the subheads and this was a quick, cheat fix*/
.grayXLt {color: #B30000}

.altaRed {color: #B30000;}
.altaTurbo {color: #B30000 !important;}

.commentPurple  {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #C14A80;
	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    

#topSlogan  	z-index: 9;
#textWrap		z-index: 10;	
#mastHead		z-index: 15;		IS THIS BEING USED, MAYBE IN HEADER??
#sideBar  		z-index: 30;
#appWrap 		z-index: 170;
#header			z-index: 180;		CAN'T FIND THIS, IS IT BEING USED
#startButton  	z-index: 190; 
#bigButtons  	z-index: 195;	
#mainNav   		z-index: 200;
#escrowLetter   z-index: 210;
*/

/* ***********************************************         D I V S          */                     

/*	This is used in the compare and choose tables */
#appWrap  {
	position: absolute;
	z-index: 170;
	top: 310px;
	left: 185px;
	width: 660px;
}

/*	This is used to contain the find, etc. buttons AND to set the top margins for Choose and Compare Pages */
#bigButtons  {
	position: absolute;
	z-index: 195;
	top: 200px;
	left: 155px;
	height: 50px;
	width: 800px;
	text-align: left;
}

/* Necessary to keep gold in standard a from peeking out on rollever. Maybe there is a better way? Same with start, below */
#bigButtons a {
	background-color: #FFFFFF;}
#bigButtons a:hover {
	background-color: #FFFFFF;}

/*	Special, just for the home page, to make sure it is always on top. */
#startButton  {
	position: absolute;
	z-index: 190;
	top: 340px;
	left: 200px;
	height:30px;
	width: 300px;
}

/* Necessary to keep gold in standard a from peeking out on rollever. Maybe there is a better way?*/
#startButton a {
	background-color: #FFFFFF;
}
#startButton a:hover {
	background-color: #FFFFFF;
}

/*	All text on all pages starts here. */
#textWrap  {
	position: absolute;
	z-index: 10;
	top: 250px;
	left: 155px;
	height:250px;
	width: 800px;
	text-align: left;
}

/*	Bold red subhead in top left of frame. */
#topSlogan  {
	position: absolute;
	z-index: 9;
	top: 145px;
	left: 50px;
	height:250px;
	width: 850px;
	text-align: left;
}

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

a:link {
	text-decoration: none;
	color: #4D4634;
}

a:visited {
	text-decoration: none;
	color: #4D4634;
}

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

.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;
}


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

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

.purpleComments  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #C107F6;
	text-align: left;
	line-height: 175%;
	padding-bottom: 10px;
}

.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 is only to gray out empty links in the Resources page, quick fix, delete when finished */
.gray  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CFCFCF;
	text-align: left;
	line-height: 150%;
	padding-bottom: 3px;
	margin-left: 20px;
	padding-top: 3px;
}


/*   .subHead1  Where is this used  apparently nowhere remove */

/* Home page, Find it. Manke and offer. etc */
.subHead2  {
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	text-align: left;
	color: #000000;
	line-height: 100%;
	font-style: italic;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
}

/* Common red bold subhead used on many pages */
.subHead3  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B30000;
	text-align: left;
	line-height: 100%;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* This should be the only rule used througout.  Another rule in "resources" which combines text styling */
.hRule  {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #F87F06; /* .goldDk #F87F06} .goldLt #FFD56D} */
}

.headline  {
	font-family: Arial, sans-serif;
	font-size: 28px;
	text-align: left;
	color: #4D4634;
	line-height: 130%;
	font-style: italic;
} 
/* This is make the slogan slightly smaller than the headline */
.topSlogan  {
	font-family: Arial, sans-serif;
	font-size: 24px;
	text-align: left;
	color: #B30000;
	line-height: 110%;
	font-style: italic;
}

/*	see if turbo was used in new tables */
.turbo {
	color: #A24805;
}

/* **************************************************     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?    DON'T THINK IT IS USED ANYMORE. WHY DOES IT FLOAT WHEN ALL OTHERS ARE SUPPOSED TO BE ABSOLUTE?   */
#wrapper, #content-wrapper {
	float: left;
	width: 100%;
	min-height:100%;
}

/* #mastHead  did not affect the header or any pages, took it out */


/* :::::::::::::::::                                          A REF AND HOVER COLORS                       */

/*  .small{font-size:9px !important;}  Why is this important? Was old Slide  */




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

/* This is to include on individual pages, now hard on Home Page */

.footer  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #4D4634;
	text-align: center;
	line-height: 150%;
	margin-top: 100px;
	margin-bottom: 50px;
}
/* These are no longer valid. Remove when all footers are installed 
#footer a {
	color:#4D4634;
	text-decoration:none;
}
#footer a:hover {
	font-weight:bold;
	color:#B30000;
}
*/

/* ::::::::::::::::::::                                      MAIN NAV                      */

/* the drop down tabs, seems to be clean                      */

#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');
	color: #B30000;
}



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

/*    Contact Forms -  Find It - Make Offer - Contact - Others?     */
                                                        


# transferForm { }

/* This is same as label except for text alignment.

Review this after Willmont, make sure that it is still being used. yes */
.transferInput  {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #0000FF;
	text-align: left;
	line-height: 100%;
	padding-right: 0px;
	vertical-align: middle;
	background-color: #fff;
}


/* Previous color to Courier Blue 
.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;
}  */


/* Did not affect the input cells*/

input.transfer {
/* 	background-color: #FFFFFF;  */
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #0000FF;
}

.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;
}


/* # offerForm only appeared in this css and was removed */

/* This is the bold section heading for all forms */ 
.formHead  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: left;
	line-height: 100%;
	padding-left: 20px;
	padding-right: 0px;
	vertical-align: middle;
}

/* Keep this font so that email and phone radio buttons are same a form input
Was contactInput. Changed to formInput so that all forms are the same */

.formInput  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 125%;
	padding-right: 0px;
	vertical-align: middle;
	background-color: #fff;
	height: 30px;
	width: 300px;
}

/* Assume this is what fills the contact form ?  Maybe used in Escrow?? Did not affect the Contact input. Check later  Not on the contact page. Delete later if not used in other pages.
.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;
	}
	*/
/* The right aligned label on all forms */
.formLabel  {
	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 and indented. Don't know a simpler way to do it */
.formLabelDetail  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4634;
	text-align: left;
	line-height: 125%;
	padding-left: 80px;
	padding-right: 10px;
	vertical-align: middle;
}

/*  ::::::::: FORMCHECK TIPBOX    Removed.  Below should probably be removed, too.

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


/*   :::::::::::::::::::::::::::::::::::: FORMS

What is the difference between form and form check? */

/* AltaJet form moved below to Escrow */


}

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


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

/* ::::::::::::::::::   CHOOSE TABLES, RSO AND RSO UI, TEXT TABLES    Likely to delete this, replaced by Results Table     

/*  Change name from CHOICE to CHOOSE, this is confusing with two names*/                                              

table.choose_table{
		width:660px;
		line-height:20px; /* To affect line height, must go to choice below, change all from choice to choose */
		/* Does not seem to dominate, see th below */
}
	
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;
	line-height:20px;  /* added, this was not here, seems to dominate all the other row heights, below */
}
	
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: #FFD56D;
/* 	background-color:#B30000; */
}

table.choose_table td.description{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-left: 5px;
	line-height:20px;
}
	
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;
}

/* I don't think either of these are being used anymore */
.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; */
}

/* I don't think either of these are being used anymore */
.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.

/* 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; 
	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;
	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: #FFD56D;  /* changed to gold */
/* 	background-color:#B30000; */
}

/* No longer used, remove */
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;
}

/* What is slogan? */
.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        C O M E  B A C K  T O  T H I S   Seems nothing here is used

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   Yes, these are still active    */

.five_col_table table{
	border: thin dashed #C0C0C0;
	width: 660px;
	line-height: 20px;
	font-family: verdana;
	font-size: 10px;
}
	
.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: 10px;
	font-weight: bold;	
	color: #F87F06;
	text-align: left;
	text-indent: 20px;
}

.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 for this on the site, see where it is.  */

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


/*  :::::::::::::::::::::::           RESOURCES PAGE TABLE            */

/* Need head and body because there are 4 cols in head a 3 in body */
/* Note resources_ADS at bottom of page */

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

/* table.resourcesBody  removed   */

/* This makes it easier to format the rule and the text all at once on Resources page */
.resourcesRule {
	border-width: thin;
	border-color: #F87F06;
	width: 800px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	empty-cells: show;
	line-height: 24px;
	font-weight: bold;
	border-bottom-style: solid;
}

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

}




/* ::::::::::::::::::                 RSO RESULTS TABLE    (rso_output)         ::::::::::::::::: */
/* Yes, this is being used */

#results_table {
	border: thin dashed #C0C0C0;
	width: 100%;
}

.rso_output_head{
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 24px;
}

.rso_data_output_left {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	line-height: 24px;
	text-indent: 15px;
	text-decoration: underline;
}

.rso_data_output_left :hover {
	background-color: #FFD56D;
}

.rso_data_output_center {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 24px;
}


/* .tableText  removed */  



/*   *************************************   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: disc;
}
/* 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: "" "";
}

/* Was 9px too small 14px too big, check to see if there can be different for transfer and regular forms */
select {font-size:11px;}
/* 


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



/* #buttonWrap  removed */


/* ::::::::::::::::::::                                                 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%; }



/*  #barchartWrap    removed  */


/*  :::::::::::::::::::: SIDEBARS   */


/* ******* Sidebar Left "Jump to Menu" ******* */

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

/* #sideBar a and #sideBar a:hover  removed   */

/* Why is this necessary? Because of the background color bar. Might be able to simplify it later */
.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%;
}



/*::::::::::::::::::::                     ESCROW    MAKE OFFER    Poorly named, this is the escrow form page   All stored on notepad on desktop   */

/*  altajet form is the ESCROW form  RENAME */
.altajet_form input, .altajet_form textarea {
	background: #FFF;
	border:1px solid #000;
	padding:2px;
}

.altajet_form input:focus, .altajet_form textarea:focus {
	background: #FFD56D;
	border:	1px solid #000;
	color:	#000;
}

.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;
}
/* This is the submit botton on the contact form. What is focus? Why does it matter */
input[type=submit]:focus, input[type=button]:focus, button:focus{
/*	background: #779483;
	border:px solid #3D5686;
	color:white;  */
	
	background: #fff;
	border:1px solid #000;
	color:000;

}
/* This is the submit botton on the contact form. What is focus? Why does it matter */

input[type=submit]:hover, input[type=button]:hover, button:hover{
	cursor: pointer;
	background-color: #FFD56D;
/* 	background-color:#B30000; */
}

/*	This is simply to push it all left so that the sidebar can be wider */
#textWrapEscrow  {
	position: absolute;
	z-index: 10;
	top: 250px;
	left: 200px;
	height:250px;
	width: 800px;
	text-align: left;
}

#escrowLetter  {
	border-width: thin thick thick thin;
	border-color: #C0C0C0;
	border-style: solid;
	position: absolute;
	z-index: 210;
	top: 950px;
	left: 210px;
	height: 1000px;
	width: 800px;
	text-align: left;
}

#sidebarEscrow  {
	position: absolute;
	z-index: 42;
	left: 20px;
	top: 725px;
	height: 800px;
	width: 140px;
	text-align: left;
}

.sideEscrowBody  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 130%;
	padding-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
}




#escrowComments  {
	position: absolute;
	z-index: 44;
	left: 1000px;
	top: 220px;
	height: 900px;
	width: 150px;
	text-align: left;
}


.sideCenter  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	line-height: 100%;
	padding-bottom: 6px;
	margin-left: 0px;
	padding-top: 6px;
}



.offerLetter  {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 125%;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 40px;
	padding-left: 0px;
}

.offerletterHead  {
	padding: 4px 0px 4px 0px;
	margin: 8px 0px 8px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 300%;
	text-decoration: underline overline;
}

.offerletterSmall  {
	font-family: Verdana, Arial sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 175%;
	text-indent: 50px;
}

#make_offer_app{
	margin-top:700px;
}
#make_offer_actions{
	margin-top:45px;
}

.form_fill{
	font-family: "Courier New", Courier, monospace;
	color: blue;
	font-size: 15px;
}


.make_offer_input{
	font-family: "Courier New", Courier, monospace;
	color: blue;
	font-size: 15px;
}