.barDiv
{
    /*background-image: url("/Content/images/scrollbg.gif");*/
    background: url(/Content/images/sprite_chexi_index-barback.png) no-repeat scroll;
    position: relative;
    width: 700px;
    display: block;
    height: 35px;
    margin-top: 25px;
}
.barDiv a
{
    display: inline-block; /*background-color: Blue;*/
    background: url(/Content/images/sprite_chexi_index.png) no-repeat scroll -240px -1px;
    text-decoration: none;
    width: 11px;
    height: 11px;
    position: absolute;
    top: -3px;
}
.barDiv a:hover
{
    background: url(/Content/images/sprite_chexi_index.png) no-repeat scroll -252px -1px;
}
.barDiv .tip
{
    position: absolute;
    top: -42px;
    left: -9999px;
}
.barDiv .tip .content
{
    display: inline-block;
    _float: left;
    white-space: nowrap;
    border: 1px solid #909090;
    background-color: #EFD5AC;
    color: #103F74;
    line-height: 14px;
    padding: 7px 14px;
}
.barDiv .tip .content a
{
    text-decoration: none;
    color: #103F74;
}
.barDiv .tip .content strong
{
    color: #C61111;
    font-size: 12px;
    margin-left: 10px;
}
.barDiv .tip .triangle, .barDiv .tip .triangle i
{
    zoom: 1;
    position: absolute;
    bottom: -10px;
    left: 11px;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    border-top: 5px solid #909090;
    border-bottom: 5px dashed transparent;
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0;
}
.barDiv .tip .triangle i
{
    top: -6px;
    left: -5px;
    border-top-color: #EFD5AC;
}