/*----------------------------------------------------------------------------------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   : 4thpass INC, Copyright 1997-2001 - All Rights Reserved
 *Compnay Website: www.4thpass.com
 *Contact Info   : support@4thpass.com, sales@4thpass.com
------------------------------------------------------------------------------------Created on: 6/01-----------*/

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


/*The main part of the document.  All attributes latter will inherit from this tag.
 *Note: comment his tag out if it is being included in the ie.css or ns.css file.
 */
body  {
  font-family: Verdana, Arial, Helvetica;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  color: #506699;
  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-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*This tag is used throughout the site
old color: #6699ff
*/
H1  {
  font-style: normal;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica;
  font-size: x-large;
  color: black;
  text-decoration: none;
  text-align: left;
  text-transform: capitalize;
}

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

/*Currently used in /partners/ pages
old color: #0080ff
*/
H3  {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: medium;
  color: black;
  text-decoration: none;
  text-align: left;
  text-transform: capitalize;
}

H4  {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: small;
  color: black;
  text-decoration: none;
  text-align: left;
  text-transform: capitalize;
}

H5  {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: x-small;
  color: black;
  text-decoration: none;
  text-align: left;
  text-transform: capitalize;
}

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

/*
 *Setting the default font-family for all defined tables in body.  All other attributes are inherited.
 *This setting 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.
 */
TD {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}

/*
  The default document body rendering of the Anchor tags...latter modification should inherit most of these attributes.
  Note: the order of the visited, active and hover does have an effect.  For visited links to still have their hover effect,
  the A.visited tag must be declare before the hover...otherwise, the visited tag takes presidence and after a link is visited,
  it will not hover: why? --the style define last takes president over previouse ones.
  
  old color: 
   link: #6699ff
   visited: 
   active: #0033ff
   hover: #4C7A9E
*/
A:link {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  color: #627AA7;
  text-decoration: none;
}

/*old color: #4C7A9E */
A:visited {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  color: #022D7E;
  text-decoration: none;
}
/*This works for NC only */
A:active {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  color: #3941A4;
  text-decoration: none;
}
/*Hover works under IE only 
  Prev color: 0033ff
*/
A:hover {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  color: #4E94E2;
  text-decoration: none;
}

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

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

/*
 *Began Defining Customized tags for 4thpass.com site 
 *=================================================================
 */

/*This declear the text appearance of the document body
 *and the rest is inherented from the document body tag.
 *The TD is set as contextual...meaning, treat all text surrounded by this class as specified here.
 */
.bodytext, .bodytext TD{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
}

P.normal{
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}


/******
 Began Special Headings and Font Size tags
 This will replace the <font size="#"> tag attributions.  
 This is here to help in cases where browser does not recognize the font size tag because of style-precedence
   --Especially under Netscape
*******/

/*Syntax:
 *The 'f#' classes are normal...can chage any attributes accept color
 *The 'heading#' classes are reserved for page headings and subheadings...all changes allowed
 *  --The # is the font size number of that class
 *
 *This is ok for both browser: <font class=f12>text here</font> or <P class=f12>text</P> <--will render as size 12pt.
 *This style is use in cases where NC will not honor the font size tag: <font size="3">text here</font>.
 */

/*For small footnotes*/
.f8{
  font-size: 8px;
}
.f9{
  font-size: 9px;
}
.f10 {
  font-size: 10px;
}
.f12 {
  font-size: 12px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}


/*For small text*/
.smalltext, .smalltext TD {
  font-size: 10px;	
}



/*Headings: <font class="heading9">text...</font>
 old color: #009966
*/

.pageHeading{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  font-weight: bold;
}

.sectionHeading{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black;
  font-weight: bold;
}

.paragraphHeading{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
  font-weight: bold;
}


.heading9 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: black;
  font-weight: bold;
}


.heading10 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: bold;
}

.heading12 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black;
  font-weight: bold;
}

/*old color: #6699ff */
.heading14 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  font-weight: bold;
}

/*old color: #0099ff */
.heading16 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: black;
  font-weight: bold;
}

/* old color: #0099ff */
.heading20 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: black;
  font-weight: bold;
}

/*Used for the numbering of KBrowser Download page*/
.heading40 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: bold;
}

/******End Special Headings and Font size tags*/


.HR1{
  color: black;
  height: 1;
  shaddow: none;
}

/*
 *Inherits from document's Anchor tag...we only want to change the font-size, text-align, and color to the legal link text
 *It will always be this color except when mouse is over on IE or when clicked on in NC.
 */
.legal, A.legal:link, A.legal:visited {
  font-size: 11px;
  color: Gray;
}

/*
 * Similar to .legal but it will always remain hot! (The color of a normal link).
 old color: #0099ff
*/
.feedbk, A.feedbk:link, A.feedbk:visited {
  font-size: 11px;
  color: gray;
}

/*This will be shared by .legal and .feedbk
 old color: #0033ff
*/
A.legal:active, A.legal:hover, A.feedbk:active, A.feedbk:hover{
  font-size: 11px;
  color: black;
}

/*For the License Agreement textarea of kbrowser/download/index.html
 *Currently works under IE but not NC
 */
.license, .license TEXTAREA {
  font-family: sans-serif; 
  font-size: 7.5pt;
}


/*
 * This is for the Main Menu Link...
 * (the horizontal navigation bar on top of each page)
 */
.mainMenuLink, A.mainMenuLink:link, A.mainMenuLink:visited {
  color: #557788;
}
A.mainMenuLink:hover, A.mainMenuLink:active {
  color: #333333;
}

/*
  Inheriting most of the Document's Anchoring and body tag...we only want to modify the anchor text's size...
  This applies to all side menu...such as the ones on the news/index.html, support/index.html pages etc...
  Exp: Instances of a tag is separated by (,) like below....However, CONTEXTUAL SELECTORS are done without commas
    H1 EM { color: yellow; } <---This line says that every <EM> that is found within the <H1> tags are to be YELLOW.
                                 All other <EM> tags are rendered normally as define by EM{...}
 */
.date, .sidemenu, .sidemenu TD, A.sidemenu:link, A.sidemenu:visited {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #4F4F51; /*gray*/
  font-weight: bold;
  text-decoration: none;
}

A.sidemenu:active, A.sidemenu:hover{
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: gray; /*#4F4F51;*/
  font-weight: bold;
  text-decoration: none;
}

.sideTxt, .sideTxt TD{
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000; /*#4E94E2*/
  text-decoration: none;
  font-weight: bold;
}

.curSideTxt, .curSideTxt TD{
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #627AA7; /*#4E94E2#123D6DF4F51;#000000*/
  text-decoration: none;
  font-weight: bold;
}

.date {
  color: gray;
}

/*
   This class is used mainly in KBrowser Feature pages' sidemenu.
*/
.sidemenu2, sidemenu2 TD{
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-weight: bold;
  color: silver;
}

/*
  This class is used mainly in the product's side submenu
*/
.subsidemenu, .subsidemenu TD, A.subsidemenu:link, A.subsidemenu:visited {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: gray;
  font-weight: normal;
  text-decoration: none;
}

A.subsidemenu:active, A.subsidemenu:hover {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #4F4F51;
  font-weight: normal;
  text-decoration: none;
}


/*This is for the partner's company links
 old color: #0099FF
*/
.plink, A.plink:Link, A.plink:visited, A.plink:hover, A.plink:active {
  font-size: 9pt;
  font-style: normal;
  font-weight: bold;
  color: black;
}

/*used for the hilighter obj. used on rollover menus. */
.hiLite, A.hiLite:Link, A.hiLite:hover, A.hiLite:active, A.hiLite:visited{
  cursor: hand;
  color: #4C7A9E;
  border-color: #4C7A9E;
}

/*The following two FAQs are specified for questions and answer pages...
  They work together!
*/
.FAQ {
  font-family: Verdana, Arial, helvetica;
  font-size: 9pt;
  line-height:10pt;
  color:#6699ff;
  cursor:hand;
  text-decoration:none;
  font-weight:bold; 
  margin-bottom: 1em;
}

.FAQB {
  font-family: Verdana, Arial, helvetica;
  font-size: 9pt;
  font-style : normal;
  color : #000000;
  text-decoration : none;
  text-align:left;
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: .5em;
}


/***************************************************************************************************************
 *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.
 *
 *MARGINS:
 *   - margin: 0px;          //This set the margins all 4 sides: setting the outside margins
 *   - margin: 0px 10px 30px 0px; //This set individual margins of the four sides: Top Right Bottom Left.
 *   - margin-top: 0px       //This set the top margin
 *   - margin-right: 0px     //set's the top margin
 *   - margin-bottom: 0px
 *   - margin-left: 0px  
 *   - marginwidth = "0px"   //use as HTML attributes - effective in NS only
 *   - marginheight = "0px"  //same as above.
 *
 *PADDING:
 *   - padding: 0px          //This set the inside spacing of an element for all 4 sides.
 *   - padding: 0px 10px 30px 0px //set individual paddings of all 4 sides: Top Right Bottom Left
 *   - padding-top: 0px      //same syntax as MARGIN.
 *   - ...
 *
 *LINE-HEIGHT:
 *   - normal | number | length (pt, em, px...) | %
 *   - Used to set the height of a line in the browser
 *   - Useful for text spacing but not good when use with Images and text.
 *     Under IE, the Images are rendered normally but under Netscape, the images bigger then the LINE-HEIGHT
 *     will overflow on top of the text below it.
 *   - To handle this with Netscape, do not apply a LINE-HEIGHT style on images that have text flowing below it.
 *   - exp: <TABLE><TR><TD CLASS="bodyText">Text body flow here...<TABLE><TR><TD><IMG SRC...></TD></TR></TABLE>
 *          more text flow here.  
 *          The image above will not overflow if bodyText did not have a TD context as in: .bodyText TD{...}.
 *          </TD></TR></TABLE>
 *
 ***************************************************************************************************************/



/* 
Below added by Joshua Decker
*/
.topnavlinks, A.topnavlinks:link, A.topnavlinks:visited  {
  font-style: normal;
  font-weight: BOLD;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: black;
  text-decoration: none;
  text-align: center; 
  text-transform: capitalize;
}

.topnavcurrent, A.topnavcurrent:link, A.topnavcurrent:visited {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: black; /*#627AA7;black;*/
  text-decoration: underline;
  text-align: center;
  text-transform: capitalize;
}

A.topnavcurrent:hover  {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: black;
  text-decoration: underline;
  text-align: center;
  text-transform: capitalize;
}

a.topnavlinks:hover {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: Black;
  text-decoration: none;
  text-align: left;
  text-transform: capitalize;
}

.indexcontentheader {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: 13px;
  color: white;
  text-decoration: none;
  text-align: left;
  text-transform: capitalize;
  }
  
.indexcontent, A.indexcontent:link, A.indexcontent:active, A.indexcontent:visited {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: #627AA7;
  text-decoration: none;
  text-align: left;
  }  
  
.indexheader, A.indexcontent:hover {
  font-style: normal;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: gray; /*#655F4B;*/
  text-decoration: none;
  text-align: left;
  }

.footerlink, A.footerlink:Link, A.footerlink:visited, A.footerlink:active {
  font-style: normal;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: white;
  text-decoration: none;
  text-align: left;
  }
  
A.footerlink:hover {
  font-style: normal;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: white;
  text-decoration: underline;
  text-align: left;
  }
  
  /*This class is used for all images that are linked: they have no underline even if its just a space.
  NS will show up an underline of 1 space if anchor and Image tag do not line up right.
*/
.imgLink, A.imgLink:Link, A.imgLink:Visited, A.imgLink:Active, A.imgLink:Hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7.5pt;
  font-weight: normal;
  font-style: normal;
  color: gray;
  text-decoration: none;
}