/*** The Essential Code ***/

h1 { font-size:25px}

h2 { font-size:20px}

h3 { font-size:15px}

h6 { font-size:20px;
margin: 4px}

/*p,h1,h2,h3 { margin: 10px 10px 10px 10px}*/
        body {
            margin: 0;
            padding-left: 10px;    /* LC fullwidth */
            padding-right: 10px;   /* RC fullwidth + CC padding * -ORG 290px-/
            min-width: 240px;       /* LC fullwidth + CC padding */
            font-family:     Verdana, Arial, Helvetica, sans-serif;
            font-size:       80%;
            text-align: left;
        }
        #header, #footer {
            /*margin-left: -10px;    /* LC fullwidth */
            /*margin-right: -200px;   /* RC fullwidth + CC padding */
        }



        #footer {
            clear: both;


            text-align: center; /*changed form center*/
            padding: 0.3em 0;
             color:           grey;

}
        }

        /*** IE Fix ***/
        * html #left {
            left: 150px;            /* RC fullwidth */
        }

        /*** Just for Looks ***/

        body {
            background: #FFF;
        }

        #header {
            font-size: large;
            text-align: left; /*changed form center*/
            padding: 0.3em 0;
            /*background: #999;*/
        }

       /* COLORS #left {
            background: #66F;
        }

        #center {
            background: #DDD;
               text-align: left;
        }

        #right {
            background: #F66;
        }   */

        .column {
            padding-top: 1em;
            text-align: justify;
        }


/* JDR */
input.search {
    position: absolute;
    top: 45px; right: 220px;
    width: 280px;
    border: 0;
    background: #FFF url(input.gif) no-repeat;
    padding: 4px; 
    font-weight: bold;
}

input.search2 {
    /*position: absolute;
    top: 45px; right: 189px;*/
    width: 292px;
    border: 0;
    background: #FFF url(input.gif) no-repeat;
    padding: 4px; 
    font-weight: bold;
}


input.submit2 {
    /*position: absolute;
    top: 45px; right: 15px;*/
    background: rgb(179, 12, 126) url(./submit.gif) no-repeat;
    border: 0;
    padding: 4px 0;
    width: 65px;
    margin: 0 15px 1px 0;
    color: #FFF;
    font: bold 1em Arial, Sans-Serif;
}


div.selecter {
    position: absolute;
    top: 45px; right: 100px;
    /*background: #FFF url(input.gif) no-repeat;*/
    /*padding: 4px;
    color: #E0691A;
    font-weight: bold;*/
}

input.submit {
    position: absolute;
    top: 45px; right: 15px;
    background: rgb(179, 12, 126) url(./submit.gif) no-repeat;
    border: 0;
    padding: 4px 0;
    width: 65px;
    margin: 0 15px 1px 0;
    color: #FFF;
    font: bold 1em Arial, Sans-Serif;
}

input.submitbutton {
    /*position: absolute;
    top: 45px; right: 15px;*/
    background: rgb(179, 12, 126) url(./submit.gif) no-repeat;
    border: 0;
    padding: 3px 0;
    /*width: 65px;*/
    margin: 0 15px 1px 0;
    color: #FFF;
    font: bold 1em Arial, Sans-Serif;
}

input.login { 
    width: 150px;
    border: none; 
    
    padding: 4px; 
}

/*----------------*/

/* Block-inline elements */

img {
   vertical-align:  baseline;
   margin:          0;
   padding:         0;
   border:          none;
}

img.left {          /* Left-floating images */
   margin:          0.75em 1.5em 0.75em 0;
   float:           left;
}

img.right {         /* Right-floating images */
   margin:          0.75em 0 0.75em 1.5em;
   float:           right;
}

div.twoleft {float: left; width: 50%}

/* */

/********** Styles for Header **********/

                /* In this style sheet, headers are composed */
                /* of three parts: left, right and subheader */
                /* Left part is ideally an image.            */

#header {           /* Warning: not printed out on paper */
   /*color:           #003399;
   background:      #eeeeee; */
   /*background-image: url(images/bg_bottom.jpg);*/
   height: 50px /*JDR EDIT HEADER HEIGHT*/

}

.content_header {
width:600px;
float:left;
margin-right:33px;
height:0px;
background:url(images/content_header.gif) no-repeat;
}

.content_body {
width:332px;
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc; 
float:right;
margin-right:33px;

}
.content_footer {
width:334px;
float:right;
margin-right:33px;
height:45px;
background:url(images/content_footer.gif) no-repeat;
}

#header a:link,
#header a:visited {
   color:           #003399;
   background:      transparent;
}

#header .highlight,
#header a.highlight:link,
#header a.highlight:visited {
   color:           white;
   background:      transparent;
}

/* Left part of header (ideally an image but may be a link) */

#header div.left {
   float:           left;
   clear:           left;
}

#header div.left img {
   display:         block;  /* Otherwise IMG is an inline, causing gaps */
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       200%;
   font-weight:     bold;
   text-decoration: none;
   color:           white;
   background:      transparent;
}

#header div.left p {
   margin:          0 0 0 0.25em;
   padding:         0;
}

#header div.left .alt {
   color:           #FF9800;
   background:      transparent;
}

/* UPPER RIGHT Right part of header is for external/global links, search, etc */

#header div.right {
   font-size:       60%;
   text-align:      right;
   margin:          0;
   padding:         0.5em 1.67em 0 1em;
   float:           right;
   clear:           right;
   font-weight:     bolder;
}

#header div.right a:link,
#header div.right a:visited {
   margin:          0;
   padding:         0 0.5em;
}

#header div.right form {
   margin:          0;
   padding:         0.25em 0 0 0;
}

#header div.right form input {
   font-size:       95%;
   vertical-align:  middle;
}

/* MAIN LEFT NAVIGATION Subheader for global links */

#header div.subheader {
font-size:       85%; /* JDR change this to change font size for navigation*/
font-family:  Verdana, Tahoma, Helvetica, Arial;

   color:           gray;
   /*background:      rgb(87, 95, 110);*/
   margin:          0;
   padding:         0.25em 1.5em 0.5em 0.5em; /* For IE/Win */
   clear:           both;
   align: left;
}

#header > div.subheader {
   padding:         0.5em 1.5em 0.5em 0.5em; /* For all other browsers */
}

#header div.subheader a:link,
#header div.subheader a:visited {
font-size:       90%;
font-family:  Verdana, Tahoma, Helvetica, Arial;
   font-weight:     bolder;
   color:           rgb(87, 95, 110);
   background:      transparent;
   margin:          0;
   padding:         0 0.5em;
}

#header div.subheader .highlight,
#header div.subheader a.highlight:link,
#header div.subheader a.highlight:visited {
   color:           #FDA05E;
   background:      transparent;
}

/* END HEADER */


div.adbox {
   /*overflow:        visible;*/
   font-size:       95%;
   line-height:     1.25;
   margin:          1px;
   padding:         1px 1px 1px 1px ;

/*   border:          1px solid #999999;*/
   /*float:           left;
   clear:           left;*/
   text-align: left;
   /*color: black;
   background: pink;*/
}




/* trade detail */

.tradedetailimg {
  BORDER-RIGHT: white 10px solid; BORDER-TOP: white 5px solid; BORDER-LEFT: white 15px solid; BORDER-BOTTOM: white 1px solid
   }

.tradedetailtitle {
   font-weight:     bold;
   text-align:      left;
   /*margin:          1.5em 0 0 0;*/
   padding:         0;
   font-size:     130%
}

div.tworight {float: right; width: 50%}


/* Anchors */

a:link {
   text-decoration: none;
   /*color:           #0066CC;*/
      color: #0066CC;

   background:      transparent;
   text-align: left;
}

a:visited {
   text-decoration: none;
   /*color:           #003399;*/

       color: #003399;
   background:      transparent;
   text-align: left;
}

a:hover,
a:active {
   text-decoration: underline;
   text-align: left;
}

#p6 { border-top-style: solid; border-top-color: pink; border-top-width: 1px;  width: 100%;}
#p2 { border-top-style: solid; border-top-color: pink; border-top-width: 5px;  width: 100%;}
#p3 { border-top-style: solid; border-top-color: #F0F0F0; border-top-width: 5px;  width: 60%;}

#p4 { border-top-style: dotted; border-top-color: gray; border-top-width: 1px;  width: 95%;}
#p5 { border-top-style: dotted; border-top-color: gray; border-top-width: 1px;  width: 100%;}
#p7 { border-top-style: dotted; border-top-color: gray; border-top-width: 1px;  width: 45%;}

div.dotted { border-bottom: none; padding: 1px; background: url(css-dotted.gif) repeat-x bottom; width: 45%;}

 div.hr {
  height: 15px;
  background: #fff url(css-dotted.gif) repeat-x top;
  background-position: 30% 30%
}
div.hr hr {
  display: none;

}

 div.hr2 {
  height: 10px;
  background: #fff url(css-dotted.gif) repeat-x bottom;  width: 95%;
}
div.hr2 hr {
  display: none;
}

 div.hr3 {
  height: 10px;
  background: #fff url(css-dotted.gif) repeat-x bottom;  width: 100%;
}
div.hr3 hr {
  display: none;
}

/********** Styles for Floating Boxes **********/

                /* "navbox" is used to provide intra/inter- */
                /* page links; it is NOT printed out on     */
                /* paper.  "floatbox" is used to provide    */
                /* floating boxes that may appear anywhere  */
                /* in the main content; they ARE printed.   */




.floatbox,
.navbox {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   margin:          0 0 0.75em 1.5em;
   padding:         0.5em 1em;
   border:          1px solid #999999;
   float:           right;
   clear:           right;
}

.floatbox {
   color:           black;
   background:      #F0F0F0;
   width:           35%;
}

.navbox {
   text-align:      left;
   color:           black;
   background:      white;
   width:           12.5em;
}

.floatbox hr,           /* Used for non-stylesheet-aware browsers */
.navbox hr {
   display:         none !important;
}

.floatbox p,
.navbox p {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox ol,
.floatbox ul {
   margin:          0.75em 0;
   padding:         0 0 0 1.5em;
}

.navbox ol,
.navbox ul {
   margin:          0.5em 0;
   padding:         0 0 0 1.5em;
}

.floatbox blockquote {
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox pre {
   font-size:       95%;
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0 0.25em 0;
   padding:         0;
}

.floatbox dd {
   margin:          0 0 0.75em 1.5em;
   padding:         0;
}

#main .floatbox .highlight {
   color:           inherit;
   background:      white;
   margin:          0.75em 0;
   padding:         0.75em 1.5em;
}

#main .floatbox table.simple {
   margin:          0.75em 0;
}

#main .floatbox table.simple th,
#main .floatbox table.simple td.highlight,
#main .floatbox table.simple th.highlight {
   color:           inherit;
   background:      white;
   margin:          0;
   padding:         0.25em 0.5em;
}



div.image50 {
width: 50px;
}
 /* ------------------------------------ *
 CSS
 Tuesday, February 06, 2007 6:10:38 PM
 HAPedit 3.1.11.111
 * ------------------------------------ */

/* CSS Tabs */
/********** added code **********/

}
.basictab {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 3px; MARGIN-LEFT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.basictab LI {
    DISPLAY: inline; MARGIN: 0px
}
.basictab LI A {
    BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 3px; BORDER-LEFT: #999 1px solid; COLOR: #0000ff; MARGIN-RIGHT: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px; BACKGROUND-COLOR: #eee; TEXT-DECORATION: none
}
.basictab LI A:visited {
    COLOR: #0000ff
}
.basictab LI A:active {
    COLOR: #0000ff
}
.basictab LI.selected A {
    COLOR: #333; PADDING-TOP: 4px; POSITION: relative; TOP: 1px; BACKGROUND-COLOR: #fff
}
.divhidden {
    DISPLAY: none
}
.divshown {
    DISPLAY: inline
}