/* www.eknowlogie.com Style Sheet */


/* Background Properties */

.rightJustifiedBackground { background-position: top right; 
                            background-repeat:   no-repeat }

.yellow {background-color: yellow}

.coralYellow { background-color: #FFCC66 }

.coralOrange { background-color: #FBA921 }

.lightCoral { background-color: #E9D7BF } 

.gray1 { background-color: #F5F0DF } 

.gray2 {background-color: #D3CDBC }

.gray3 {background-color: #B5B0A0 }

.whiteBackgr { background-color: white }

.darkBlueBackgr { background-color: #073A4C }


/* Text and font Properties */

* { color: black;
    font-family: Arial, Verdana, sans-serif; }

p, div, li { text-align:  justify;
             font-size:   9pt;
             font-weight: lighter; }

.leftAlign { text-align: left }

.centeredAlign { text-align: center }

.normalFontWeight { font-weight: normal }

a { text-decoration: none; font-weight: bold}

a:hover { color: #0E6B8C }

.whiteFont { color: white }


/* "h"n classes can be used inside font tags to replace "h"n tags 
    in XHTML in order to exercise more control.  For example, with 
    h tags, it is not possible to remove the space below and thus cannot 
    be used in header stripes since the headers cannot be vertically 
    alligned to the middle.
*/

.h3 { font-size: 14pt; 
      font-weight: bold; 
      font-family: Arial;
      vertical-align: middle;
      text-align:  left }

.h4 { font-size: 10pt; 
      font-weight: Bold; 
      font-family: Arial;
      vertical-align: middle;
      text-align:  left }

.h3Centered { font-size: 14pt; 
              font-weight: bold; 
              vertical-align: middle;
              text-align:  center }

.h3Stripe { height : 30px;
            background-color: #FFCC66 }


.h4Stripe { height : 25px;
            background-color: #E9D7BF } 

.coralYellowLine { height           : 5px;
                   background-color : #FFCC66 }

.whiteLine       { height           : 5px;
                   background-color : #FFFFFF }

.transparentThickLine  { height           : 10px }


.darkBlueLine    { height           : 5px;
                   background-color : #073A4C }

.header4LeftBottomWhite { font-size: 12pt; 
                          font-weight: bold; 
                          font-family: Arial; 
                          color: white;
                          margin-left: 10px;
                          margin-bottom: 10px }

.header4RightBottom { text-align: right;
                      margin-bottom: 2px }

.smallFontWhiteInBox:hover { font-weight: bold;
                             color: white }

.smallFontWhiteInBox  { color: white; 
                        font-size: 8pt; 
                        font-weight: normal;
                        font-family: Arial, Verdana, sans-serif; }

/* Box Properties */

* { vertical-align: top }
    

body { margin: 0px;
       border: 0px;
       padding: 0px;
       color:   #000000 }

img { border: 0px; margin: 0px; padding: 0px }

/* When displaying images in table cells which make up one single 
   contiguous image, that contiguity may be broken up by empty white 
   space caused by character alignment issues if blanks are added 
   in the tag contents inside the cells.  This may happen, for example, 
   when end tags, such as "</a>", "</td>" are advanced and deindented 
   in a new line for formatting purposes.  The choices are then to 
   insure no pretty-printing is done on these cells and begin and end 
   tags do not leave any white space, or to disallow character content 
   in these image-only tags by using the class "imgbox" below.
*/

.imgbox { font-size: 0pt }

.mainHeaderHeight { height: 125px }

.contentTitleLeftMiddle { height: 80px; 
                          vertical-align: middle }

.contentTitleRightBottom { height: 80px;
                           vertical-align: bottom;
                           text-align: right }

.contentBox { width: 500px }

.leftGutterBox { width: 150px }

.leftPaddingBox { width: 100px }

.transparentSideBox { width: 250px;
		      color: white;
                    }

.buttonHeight { height: 25px }

.logoSize { width : 200px, height: 125px }

.mainButtonSize { width : 100px; height: 25px }

.mainMenuBox { height: 25px; background-color: #FBA921; font-size: 0pt }

.floatRight { float: right; 
              margin-left: 20px; 
              margin-bottom: 10px;
	      margin-top: 18px;
              margin-right: 5px }

.floatLeft  { float: left; 
              margin-right: 20px; 
              margin-bottom: 10px }

.coldFusionToJSPLeftPaddingBox { font-size: 0pt;
                                 background-color: #E4DCC3; /* #E3DCC8; */
                                 width: 100px }

.coldFusionToJSPContentBackground { background-color: #F5F0DF } /* #F5F0DF */

.coldFusionToJSPContentDetailBox { margin-top: 10px;
                                   margin-left: 10px;
                                   margin-right: 10px }

.cardProfitContentDetailBox { margin-top: 10px;
                              margin-left: 50px;
                              margin-right: 50px }

.leftNarrowBox { width: 900px }


.paddedBox { margin-top: 10px;
             margin-left: 10px;
             margin-right: 10px;
             margin-bottom: 10px }

.doublePaddedBox { margin-top: 20px;
                   margin-left: 30px;
                   margin-right: 30px;
                   margin-bottom: 20px;
                   vertical-align: middle }


.triplePaddedBox { margin-top: 30px;
             margin-left: 30px;
             margin-right: 30px;
             margin-bottom: 30px;
             vertical-align: middle }

.footerBox { margin-left: 10px;
             font-size: 9 pt;
             background-color : #FFFFFF }

.footerBoxLeftJust { font-size: 9 pt;
                     background-color : #FFFFFF }

.footerBoxTransparent { font-size: 9 pt;
                        color : #FFFFFF }

.alignBottom { vertical-align: bottom }

.alignRight { horizontal-align: right }

.thinBoxDivider { width: 1px; 
                  background-color: white } /* #0E6B8C */