img, div { behavior: url(iepngfix.htc) }

ul#list-nav {
list-style: none;
margin:     0px;
padding:    0;
width:      898px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:    none;
padding:            4px 0;
width:              84px;
_width:             86px; 
height:             13px;
background:         rgb(170, 180, 190);
color:              rgb(250, 250, 250);;
float:              left;
text-align:         center;
border-right:        2px solid #fff;
font-family:        "Lucida Grande", Verdana, helvetica, sans-serif; 
font-weight:        bold;
font-size:          9pt;
}

latch
{
    font-family:        "Lucida Grande", Verdana, helvetica, sans-serif; 
}

ul#list-nav li a:hover {
background:         rgb(51, 51, 153);
color:              #fff
}



ul#list-nav_s {
list-style: none;
margin:     0px;
padding:    0;
remwidth:      500px
}

ul#list-nav_s li {
display:    inline
}

ul#list-nav_s li a {
text-decoration:    none;
padding:            3 3 3 3;
_padding:           3 3 2 3;
height:             12px;
background:         none;
color:              rgb(100, 100, 110);
float:              right;
text-align:         center;
font-family:        "Lucida Grande", Verdana, sans-serif;
font-weight:        bold;
font-size:          8pt;
}

cap1
{
color:              rgb(100, 100, 150); 
font-family:        verdana; 
font-weight:        bold;
font-size:          12px; 
}

div#caption
{
color:              rgb(100, 100, 150); 
font-family:        verdana; 
font-weight:        bold;
font-size:          12px; 
}


table
{font-family:verdana; color:rgb(100, 100, 110); font-size:12px;}

body
{
    font-family: "Lucida Grande", Verdana, helvetica, sans-serif;
    color:rgb(100, 100, 110); 
    font-size:10px;
}


p.copyright
{
    font-family:verdana; 
    color:rgb(170, 170, 170); 
    font-size:10px; 
    text-align: center;
}

div#copyright 
{
    font-family:verdana; 
    color:rgb(170, 170, 170); 
    font-size:10px; 
    text-align: center;
}

div#copyright a 
{
    text-decoration:underline;
    font-family:verdana; 
    color:rgb(170, 170, 170); 
    font-size:10px; 
    text-align: center;
}

p.special
{
    font-family:verdana; 
    color:0000ad; 
    font-size:13px; 
    text-align: left;
}

p.greetings
{
    font-family:verdana; 
    color:0000ad; 
    font-size:13px; 
    text-align: center;
}

form
{
    font-family:verdana; 
    color:0000ad; 
    font-size:13px; 
    text-align: left;
}

h1
{
    //background-color: #fff;
    font-family: "Lucida Grande", Verdana, helvetica, sans-serif;
    color: #0000ad;
    padding: 4px 0px 4px 0px;
    font-size: 16pt;
    font-weight: bold;
    text-shadow: #ddd;
}

thead
{
    font-weight: bold;
}

span.formcap
{
    //background-color: #fff;
    font-family: "Lucida Grande", Verdana, helvetica, sans-serif;
    color: #0000ad;
    padding: 4px 0px 4px 0px;
    font-size: 16pt;
    font-weight: bold;
    text-shadow: #ddd;
}



.registerform 
{ 
    font-family:verdana; 
    color:rgb(100, 100, 110); 
    font-size:12px;    
    padding: 2px 2px 2px 2px; 
}

.registerform a, productgrid a { color: #226685; }

.registerformdark 
{ 
    background: #E8EEEF; 
    font-family:verdana; 
    color:rgb(100, 100, 110); 
    font-size:12px;
    padding: 2px 2px 2px 2px; 
}

.darkblue
{ 
    text-decoration:    none;
    background: #7395C7; 
    background: #50AA50; 
    font-family:verdana; 
    font-weight: bold;
    color:rgb(250, 250, 250); 
    font-size:12px;
    padding: 4px 4px 4px 4px; 
}


.registerformdark A { color: #226685; }

.registerform_small { font-family: arial, verdana, helvetica, Sans-serif; font-size: 8.5pt; color: #000;  padding: 4px 10px 4px 4px; }
.registerform_small a { color: #226685; }

.filterheader 
{ 
    background: none; 
    font-family:verdana; 
    color:rgb(250, 250, 250); 
    font-size:12px;
    padding: 2px 2px 2px 2px; 
}


.textfield {
    font-size: 9.5pt;
    padding: 2px;
    font-family: verdana, arial, helvetica, Sans-serif;
    color:rgb(100, 100, 110); 
    width: 160;
    }

.formfields {
    font-size: 9.5pt;
    padding: 2px;
    font-family: verdana, arial, helvetica, Sans-serif;
    }

.formfields_bold {
    font-size: 9.5pt;
    padding: 2px;
    font-family: verdana, arial, helvetica, Sans-serif;
    font-weight: bold;
    }

.formfields_noteabove {
    font-size: 9.5pt;
    padding: 2px;
    font-family: verdana, arial, helvetica, Sans-serif;
    margin: 4px 0 0 0;
    }

.formfields_note {
    font-size: 9.5pt;
    padding: 2px;
    font-family: verdana, arial, helvetica, Sans-serif;
    margin: 0 0 4px 0;
    }

.formfields_small {
    font-size: 8pt;
    padding: 2px;
    font-family: verdana, arial, helvetica, Sans-serif;
    }

select
{
    width: 150px;
    font-family:verdana; 
    color:rgb(100, 100, 150); 
    font-size:13px; 
    //text-align: center;
}

select.fs
{
    width: 160px;
    height: 24px;
    font-family:verdana; 
    //color:0a0dad; 
    font-size:13px; 
    text-align: left;
}


select.filter[disabled]
{
    background: #fff;
    color: #aaa;
}

select.filter
{
    border: none;
    width: 150px;
    font-family:verdana; 
    color:rgb(100, 100, 150); 
    font-size:13px; 
    //text-align: center;
}

select.small
{
    border          : none;
    width           : 86px;
    height          : 18px;
    font-family     : "Lucida Grande", Verdana, sans-serif;
    rem_background  : rgb(200, 200, 220);
    rem_rcolor      : rgb(250, 250, 250);;
    background      : #fff;
    color           : rgb(100, 100, 150); 
    font-size       : 11px; 
    rem_font-weight : bold;
    rem_text-align  : center;
}

td.hcvt
{
    text-align: center;
    vertical-align: top;
}

td.hcvc
{
    text-align: center;
    vertical-align: center;
}

td.hcvb
{
    text-align: center;
    vertical-align: bottom;
}

.livesearch
{ 
    margin:         0px;
    margin-left:    14px;
    _margin-left:   -200;
    width:          198px;
    _width:          200px;
    height:         100px;
    overflow:       auto;
    z-index:        -1;
    position:       absolute;
}

ul#list-lookup {
list-style: none;
margin:     0px;
padding:    0;
width:      178px;
}

ul#list-lookup li {
//display:inline
}

ul#list-lookup li a {
text-decoration:    none;
padding:            4px 0;
width:              178px;
_width:             178px; 
height:             13px;
background:         #FFF;
float:              left;
text-align:         left;
border-left:        2px solid #fff;
font-family:        "Lucida Grande", Verdana, helvetica, sans-serif; 
font-weight:        bold;
font-size:          9pt;
}

ul#list-lookup li a:hover {
background:         #E8EEEF;
}


.stattable 
{ 
    font-family:verdana; 
    text-decoration:    none;
    color:rgb(100, 100, 110); 
    font-size:9pt;    
    padding: 2px 2px 2px 2px; 
}

.stattable:hover {
color:              rgb(100, 100, 100); 
text-decoration:    underline;
}


.stattableH2
{ 
    font-family:verdana; 
    text-decoration:    none;
    color:rgb(100, 100, 110); 
    font-size:12pt;    
    font-weight: bold;
    padding: 2px 2px 2px 2px; 
}


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
    margin: 0 auto; /* center for now */
    width: 17em; /* ems so it will grow */
    background: url(images/sbbody-r.png) no-repeat bottom right;
    font-size: 100%;
}
.boxhead {
    background: url(images/sbhead-r.png) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.boxhead h2 {
    background: url(images/sbhead-l.png) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1em;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
    background: url(images/sbbody-l.png) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
}

ul#list-log {
list-style: none;
margin:     0px;
padding:    0;
}

ul#list-log li {
display:inline
}

ul#list-log li a {
text-decoration:    none;
padding:            2 4 2 4;
width:              74px;
_width:             76px; 
height:             13px;
background:         #E8EEEF; 
color:              rgb(120, 120, 130); 
float:              left;
text-align:         center;
border-right:        2px solid #fff;
font-family:        "Lucida Grande", Verdana, helvetica, sans-serif; 
font-size:          8pt;
}

ul#list-log li a:hover {
background:         rgb(51, 51, 153);
color:              #fff
}



ul#list-footer {
list-style: none;
margin:     0px;
padding:    0;
}

ul#list-footer li {
display:inline
}

ul#list-footer li a {
text-decoration:    none;
padding:            2 4 2 4;
height:             13px;
background:         none; 
color:              rgb(51, 51, 153); 
text-align:         center;
border-right:        2px solid #fff;
font-family:        "Lucida Grande", Verdana, helvetica, sans-serif; 
font-size:          8pt;
}

ul#list-footer li a:hover {
color:              rgb(51, 51, 153); 
text-decoration:    underline;
}

.reply, .cheerup, .join, .underlined {
text-decoration:    none;    
color:              rgb(120, 120, 130); 
padding:            3px 10px 3px 25px;    
font-size:          85%;    
margin:             6px 0;    
font-family:        "Lucida Grande", Verdana, helvetica, sans-serif; 
font-size:          8pt;
float:              left;
}


.underlined:hover {
color:              rgb(100, 100, 100); 
text-decoration:    underline;
}

.underlined {
font-size:          100%;    
}


.reply:hover {
color:              rgb(100, 100, 100); 
text-decoration:    underline;
}

.cheerup:hover {
color:              rgb(100, 100, 100); 
text-decoration:    underline;
}

.join:hover {
color:              rgb(100, 100, 100); 
text-decoration:    underline;
}


.reply{
background:         url(../images/we_reply5_16x16.png) no-repeat 6px 50%;    
}

.join{
background:         url(../images/we_balloon4_16x16.png) no-repeat 6px 50%;    
}

.cheerup{
background:         url(../images/we_balloon4_16x16.png) no-repeat 6px 50%;    
}


.linkdrag{
cursor:             move;
text-decoration:    none;
}

.linkdrag:hover {
text-decoration:    underline;
}
