/*----------------------------------------------------------------------------------Created by: Duc Vo---------
 *File Name      : style.css
 *Purpose        : Globally define how the documtment's text and layout should behave under IE and NC 4+.
 * 
 *Company Name   : DVo!nvesCo LLC, Copyright 2003 - All Rights Reserved
 *Compnay Website: www.dvoinvesco.com
 *Contact Info   : duc@dvoinvesco.com, support@dvoinvesco.com
------------------------------------------------------------------------------------Created on: 8/03-----------*/
/* Include in HTML files: <LINK REL=stylesheet HREF="share/css/style.css" TYPE="text/css"> */

/*
 * 
 *Modifying Default values for the following Predefine HTML tags...
 *==============================================================================================
 */

/*The main part of the document.  All attributes latter will inherit from this tag.*/
body  {font-family: Arial, Verdana, Helvetica; font-size:10pt; font-style: normal; font-weight: normal; color: #57705B; background-color: #FFFFFF; 
       text-decoration: none; text-align: left; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; 
       padding-top: 0px; padding-left: 0px;
       scrollbar-face-color:#87F88E; scrollbar-shadow-color:#F1F0D8; scrollbar-highlight-color:#FDE080; scrollbar-3dlight-color:#06480D; 
       scrollbar-darkshadow-color:#06480D; scrollbar-track-color:#C9FACC; scrollbar-arrow-color:#06480D 
}

/*For reference...
*/

/*This tag is used throughout the site*/
H1  {font-family: "Arial Black", Helvetica; font-style: normal; font-weight: normal; font-size: 15pt; color: #A50000; text-decoration: none; text-align: left; text-transform: capitalize;}

/*This tag is used mainly in confirmation pages: shoot out by .asp files*/
H2  {font-family: Arial, Helvetica; font-style: normal; font-weight: bold; font-size: large; color: #A50000; text-decoration: none; text-align: left; text-transform: capitalize;}

/*Currently used in /partners/ pages*/
H3  {font-family: Arial, Helvetica; font-style: normal; font-weight: bold; font-size: 12pt; color: #09269C; text-decoration: none; text-align: left; text-transform: capitalize;}

SUP, SUB {font-size: 8pt;}


/*
 *Setting the default font-family for all defined tables in body.  All other attributes are inherited.
 *This settings will be used in all tables, no matter how nested the tables are.
 *This helps in cases where the class="bodytext" can't reach inside multiple nested tables to render the font-family.
 *  --again, this is mainly done for Netscape's sake! ;-{
 */
TD {font-style: normal; font-family: Arial, Helvetica; font-size: 10pt;}

/*The default document body rendering of the Anchor tags...latter modification should inherit most of these attributes.*/
A:link    {font-family: Arial, Verdana, Helvetica; font-size: 10pt; font-weight: normal; font-style: normal; color: #135B90; text-decoration: underline;}
A:visited {font-family: Arial, Verdana, Helvetica; font-size: 10pt; font-weight: normal; font-style: normal; color: #9F8004;  text-decoration: underline;}
/*This works for NC only */
A:active  {font-family: Arial, Verdana, Helvetica; font-size: 10pt; font-weight: normal; font-style: normal; color: #03A3FF; text-decoration: underline;}
/*Hover works under IE only */
A:hover   {font-family: Arial, Verdana, Helvetica; font-size: 10pt; font-weight: normal; font-style: normal; color: #009BFE; text-decoration: none;}


/*Predefine the background color of a form...only IE show this color*/
form {background-color: #ffffff;}

/*
 *End modifying Predefined HTML Tags 
 *=================================================================
 */

/*
 *Began Defining Customized tags
 *=================================================================
 */

.siteoutline    { background-color: #FFFFFF;}
.topBar         { color: red}
.leftSide       { background-image: url(../img/header/left_side_bg.jpg); background-repeat: no-repeat; background-color: #024609;}
.contentBody    { padding-left: 30px; padding-top: 20px; padding-bottom: 20px; background-color: #FFFFFF}
.footerBar   TD { font-family: Arial, Verdana; font-size: 12px; color: #576D48; background-color: #024609; text-decoration: none; }

.topMenuLink, .topMenuLink:link, .topMenuLink:visited, .topMenuLink:active, .topMenuLink:hover{ font-family: Arial; color:white; text-decoration: none;}
.lfSideMenuLink, .lfSideMenuLink:link, .lfSideMenuLink:visited, .lfSideMenuLink:active, .lfSideMenuLink:hover { font-size: 8pt; font-family: Arial; font-weight: bold; color:white; text-decoration: none;}
.footerLink													{ font-family: Arial; font-size:8pt; color:white; text-decoration: none; font-weight: bold;}
.footerLink:link, .footerLink:active, .footerLink:visited 	{ font-family: Arial; font-size:8pt; color:white; text-decoration: underline;}
.footerLink:hover                       					{ font-family: Arial; font-size:8pt; color:#06B816; text-decoration: none;}
.linkseparator { font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-weight: bold; font-style: normal; color: #FCF301; text-decoration: none; }

/* FAQs */
.question   { cursor:hand; font-weight: bold; color: #006E0D; padding-bottom: 5px }
.answer     { color: #57705B }
.faqControl { cursor:hand; font-weight: bold; color: #135B90; padding-bottom: 5px  }
.q2         { font-weight: bold; color: #000000 }


/* For special text block with bg color and bordering... */
.hiLites     { font-family: Arial, Verdana; color: #000000; background-color: #E5FFE5; padding: 15px; border-top:1px #AAAAAA solid; border-bottom:1px #000000 solid; border-left:1px #AAAAAA solid; border-right:1px #000000 solid; }
.divBorders1 { font-family: Arial, Verdana; color: #000000; background-color: #E5FFE5; padding: 15px; border-top:2px #AAAAAA solid; border-bottom:1px #000000 solid; border-left:1px #AAAAAA solid; border-right:1px #000000 solid; width:95%}

.hr1         { color:#417244; width:95% }



/*************************************************************/
/*                    FORM style                             */
/*************************************************************/

/*Shared features...*/
.formLabel  { font-weight: normal; text-align: right; padding-right:10px}
.formLabel11{ font-weight: normal; font-style: italic; text-align: right; padding-right:10px}
.formLabel2 { font-weight: normal; text-align: left; padding-right:10px}
.formLabel21{ font-weight: normal; font-style: italic; text-align: left; padding-right:10px}
.required   { color: red }
.submitBtn  { font-size: 11px;font-family:"tahoma";color:black;background-color:#C9FACC;border:1px #417244 solid;cursor:hand;height:20px;width:100px;}
.resetBtn   { font-size: 11px;font-family:"tahoma";color:black;background-color:#C9FACC;border:1px #417244 solid;cursor:hand;height:20px;width:100px;}

/* For the Contact Us fields */
.con_fields, .errFields { font-family:"tahoma";font-weight: normal;font-size: 11px;color:black;background-color:#F4FDF5;border:1px solid #417244;width:300px;height:20px;padding-left:5px;}
.con_msg, .errMsg       { font-family:"tahoma";font-weight: normal;font-size: 11px;color:black;background-color:#F4FDF5;border:1px solid #417244;width:300px;height:60px;padding-left:5px;}

/* For the House Info fields */
.yh_fields1, .errFields1 { font-family:"tahoma";font-weight: normal;font-size: 11px;color:black;background-color:#F4FDF5;border:1px solid #417244;width:150px;height:20px;padding-left:5px;}
.yh_fields2, .errFields2 { font-family:"tahoma";font-weight: normal;font-size: 11px;color:black;background-color:#F4FDF5;border:1px solid #417244;width:75px;height:20px;padding-left:5px;}
.yh_fields3, .errFields3 { font-family:"tahoma";font-weight: normal;font-size: 11px;color:black;background-color:#F4FDF5;border:1px solid #417244;width:40px;height:20px;padding-left:5px;}
.yh_msg1, .errMsg1       { font-family:"tahoma";font-weight: normal;font-size: 11px;color:black;background-color:#F4FDF5;border:1px solid #417244;width:300px;height:60px;padding-left:5px;}
.yh_select, .errSelect   { font-family:"tahoma";font-weight: normal;font-size: 13px;color:black;background-color:#F4FDF5;width:300px;height:60px;}
.yh_select2, .errSelect2 { font-family:"tahoma";font-weight: normal;font-size: 13px;color:black;background-color:#F4FDF5;width:150px;height:20px;}
.yh_select3, .errSelect3 { font-family:"tahoma";font-weight: normal;font-size: 13px;color:black;background-color:#F4FDF5;width:75px;height:20px;}

/*Classes to indicate an error has been made on a field - basically change the background color and the text color*/
.errFields, .errFields1, .errFields2, .errFields3, 
    .errMsg, .errMsg1, 
    .errSelect, .errSelect2, .errSelect3 { color:red;background-color:#FFE8E8;}











/* Samples for formatting DIVs and Inputs*/
.filecatapps {font-family:"tahoma";font-weight: normal;font-size: 70%;color:black;border:0px;border-top:1px #000000 solid;border-bottom:1px #000000 solid;border-left:1px #000000 solid;border-right:1px #000000 solid;width:320;height : 70px;overflow:auto;padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top:5px;}
.divinput    {font-family:"tahoma";font-weight: normal;font-size: 70%;color:black;background-color:#ffffff;border:2px groove;border-top:2px groove #7B7E63;border-left:2px groove #7B7E63;width:320;height:20px;padding-left:5px;}

.selectedbtn3			{font-size: 11px;font-family:"tahoma";color:black;background-color:#AAAAAA;border-top:1px #AAAAAA solid;border-bottom:1px #000000 solid;border-left:1px #AAAAAA solid;border-right:1px #000000 solid;cursor:hand;height:20px;width:100;}
.unselectedbtn3			{font-size: 11px;font-family:"tahoma";color:black;background-color:#AAAAAA;border-top:1px #AAAAAA solid;border-bottom:1px #000000 solid;border-left:1px #AAAAAA solid;border-right:1px #000000 solid;cursor:hand;height:20px;width:100;}
.unselectedbtn3disabled	{font-size: 11px;font-family:"tahoma";color:#646464;background-color:#AAAAAA;border-top:1px #AAAAAA solid;border-bottom:1px #646464 solid;border-left:1px #AAAAAA solid;border-right:1px #646464 solid;height:20px;width:100;}


/***************************************************************************************************************
 *TECHNICAL NOTES: STYLE PRECEDENCE
 *
 *1)Style Origin: An author's styles take precedence over the reader's styles, which take precedence over the 
 *                browser's internal styles.
 *2)Style Type:   Inline styles take precedence over embeded styles , which take precedence over linked styles.
 *              
 *      Types: Inline Style:  <P style="font-size: 12pt; color:red;">text</P> or <P class=f12>text</P>
 *             Linked Style:  <LINK REL=MyStyleSht HREF="mystyle.css" type="text/css">
 *             Embeded Style: <style type="text/css"> P{ font-size: 12pt; color:red;}</style>
 *
 *3)Style Order:  All other factors being equal, the style specified last take precedence.
 *
 *MEASUREMENTS:
 *
 *EM and PT varies as the user specify browser font size to increase...for both IE and NC.
 *PX on the other hand, keeps the font size fixed and disrequard all browser font size settings.
 *   --EM and PT are used through out the site to allow user to view content in the size they want.
 *   --PX, however, is set to the basemenus, parent menus, submenus, sidemenus, feedback, and legal styles only.
 *
 *URL Units in CSS 
 *[Relative URL] 
 *[CSS1|CSS2] [IE3|N4|O3.5] 
 *Description:
 *An Internet address relative to some other resource. In the case where the CSS statement is contained within a document, the address is relative to the  
 *document itself or its assigned base URL. In the case where the CSS statement is in a separate CSS file, the Relative URL is relative to the address of  
 *the style sheet. The protocol and machine name are already be known, so a Relative URL only consists of local directory structure information. 
 *Example (external CSS):
 * span { background-image: url("../images/mybackground.gif") }
 ***************************************************************************************************************/