.debug 
{
    /* display values: inline none */
    display:none;
}
html 
{
    overflow-y: scroll;
}

#bodyTxt {width:980px; margin:0 auto;}

#bodycontent {width:962px; border:0 none; margin:0 auto;}

a 
{
    text-decoration:none;
    color:Black;
}

h3 
{
    font-size:12px;
    line-height:22px;
}

h4
{
    font-size:12px;
    line-height:22px;
}

#header
{
    height:140px; 
}
#banner 
{
    width:100%; height:84px; background:#3a74bd url('/images/banner-bkg.png');
}

#bannerBody {width:980px; height:84px; margin:0 auto;}
#links01Wrapper, #logoWrapper, #links02Wrapper {position:absolute;}

#logo 
{
    display:block;
    position:relative; 
    top:13px; left:392px;
    width:170px; height:59px; 
    background-image:url('/images/haclogo.png')    
}
#links01
{
    position:relative;
    top:25px; left: 1px;
    font-family: Verdana;
    font-size: 12px;
    line-height:18px;
    color: #dfdfdf;
}
#links01 a, #links02 a
{
    color: #dfdfdf;
}

#links02
{
    position:relative;
    top:26px; left: 679px;
    text-align:right;
    font-family: Verdana;
    font-size: 12px;
    line-height:18px;
    color: #dfdfdf;
}

#menubar 
{
    width:100%; height:34px; background:#356cb2 url('/images/menu-bkg.png');
}

#menuFrame, .menuFrame
{
    width:980px;
    margin:0 auto;
    height:34px;
}

#submenuFrame, .submenuFrame
{
    width:980px;
    margin:0 auto;
    height:22px;
}

#menu
{
    display:inline-block;
    height:34px;
    border-right:1px solid #0083ca;
    border-left:1px solid #005ea3;
    padding: 0 0;
    margin:0 0;
}

.customer
{
    width:670px; margin: 0 auto;
}

.merchant
{
    width:400px; margin-left: 60px; 
}

.employee
{
    width:500px; margin-left: 60px;
}


#menu li
{
    padding: 0 0;
    margin: 0 0;
    float:left;
    display:block;
    width:100px;
    border-left:1px solid #0083ca;
    border-right:1px solid #005ea3;
    vertical-align:middle;
    text-align:center;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    line-height:34px;
}

#login li
{
    padding: 0px 8px;
    margin: 0 0;
    float:left;
    display:block;
    border-left:1px solid #0083ca;
    border-right:1px solid #005ea3;
    vertical-align:middle;
    text-align:center;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    line-height:34px;
}

#submenu 
{
    display:block;
    height:22px;
    padding: 0 0;
    border:1px solid #356cb2;
    border-top:0 none;
    background-color:#dfdfdf;
    margin-top:-5px;
}


#submenu li
{
    float:left;
    display:block;
    vertical-align:middle;
    text-align:center;
    font-family: Verdana;
    font-size: 12px;
    line-height:22px;
    
}

#menu li a, #login li a
{
    display:block;
    text-decoration:none;
    color: #dfdfdf;
}

#submenu li a
{
    display:block;
    text-decoration:none;
    color: #356cb2;
    padding: 0 30px;
}

#menu li a:hover, #login li:hover
{
    background-color:#005ea3;
}

#submenu li a:hover
{
    background-color:#ccc;
    color:#000;
    text-decoration:underline;
}

#menu .nav-on, #menu .nav-on:hover
{
    background-color:#dfdfdf;
    background-image:url('/images/menu-active.png');
    color: #3a74bd;
}

#submenu .nav-on, #submenu .nav-on:hover 
{
    background-color:#fff;
    color: #3a74bd;
}

#login 
{
    float:right;
    display:inline-block;
    height:34px;
    border-right:1px solid #0083ca;
    border-left:1px solid #005ea3;
    padding: 0 0;
    margin:0 0;
}

#spacer 
{
    width:100%; background:#dfdfdf;
}

.report 
{
    margin:0 auto; 
}
.report td 
{
    background-color:#f8f8ff;
    color:#aaa;
    font-family:Verdana;
    font-weight:normal;
    font-size:10px;
    text-align:left;
}
.report td a 
{
    color:#aaa;
    font-weight:bold;
}
.report td a:hover
{
    color:#C66;
    font-weight:bold;
}

.reportheader td
{
    background-color:#e0e4f8;
    color:#808080;
    font-family:Verdana;
    font-weight:bold;
    font-size:10px;
    text-align:center;
    background-image:none;
}

.pair
{
    color:#808080;
    font-family:Verdana;
    font-size:12px;
    background-image:none;

}

.value
{
    color:#3a74bd;
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    background-image:none;

}

#resultspanel 
{
    margin:6px 6px;
    font-family:Verdana;
    font-size:10px;
}

.hoverItem:hover
{
    color:#a00;
    background-color:#fff0f0;
    cursor: pointer;
}

.spinner
{
    position: absolute;
    display: inline;
    height: 12px;
}
.spinner div
{
    float: left;
    height: 12px;
    width: 6px;
    margin-right: 6px;
    position: relative;
    background-color: #8090ff;
}

.odd {font-family: Verdana; font-size: 10px; color:Gray; background-color:#eee; height:9px;}
.even {font-family: Verdana; font-size: 10px; color:Gray; background-color:#f8f8ff;background:#ddd; height:9px;}

.tablelist 
{
    margin:0 auto; 
}
.tablelist td 
{
    font-family:Verdana;
    font-weight:normal;
    font-size:10px;
    text-align:left;
}
.tablelist td a 
{
    color:Gray;
    font-weight:bold;
}
.tablelist td a:hover
{
    color:#C66;
    font-weight:bold;
}

.tablelistheader td
{   
    background-color:Gray;
    color:White;
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    background-image:none;
}


.anchor {color:#207ac0; text-decoration:none}
.anchor:hover {text-decoration:underline; cursor:pointer}
.label {font-size:14px; color:#333; margin-bottom:4px;}
.input {width:370px; height:30px; border:1px solid #ccc; border-radius:5px; color:#888; padding-left:10px; line-height:30px;}
.enter {width:380px; height:50px; border-style:none; border-radius:5px; background-color:#34b8f4; color:#fff; font-size:18px;}
.enter:hover {cursor:pointer; background-color:#64c9f7; display:block;}