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

.loginbox
{
    padding:7px 16px 7px 16px;
    border:0px;
    background: transparent url('images/OccAcc_1pixel_verts.png') repeat-x 0px -66px;
    height:154px;
    color:#000;
    font-size:small;
}
.loginbox_left
{
    position:absolute;
    left:0px;
    top:0px;
    padding:0px;
    border:0px;
    height:168px;
    width:7px;
    background: transparent url('images/sprite_OccAcc_base.png') repeat-x -27px 0px;
}
.loginbox_right
{
    position:absolute;
    right:0px;
    top:0px;
    border:0px;
    height:168px;
    width:7px;
    background: transparent url('images/sprite_OccAcc_base.png') repeat-x -43px 0px;
}
.loginbox_outer
{
    padding-left:7px;
    padding-right:7px;
    position:relative;
    margin:6px 1.5px 3px 4.5px;
}
/*This is for the login box*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #loginbox .LoginTextbox
    {
        width:187px;
    }
    #LoginContainer
    {
        float:left;
    }
    #loginbox table tr td
    {
        padding:3px 3px 3px 0px;
        height:20px;
    }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    #loginbox .LoginTextbox
    {
        width:188px;
    }
    #LoginContainer
    {
        float:left;
    }
    #loginbox table tr td
    {
        padding:3px 3px 3px 0px;
        height:20px;
    }
}

@media only screen and (min-device-width:1025px)
{
    #loginbox .LoginTextbox
    {
        width:222.5px;
    }
    #LoginContainer
    {
        float:left;
        max-width:345px;
        width:100%;
    }
    #loginbox table tr td
    {
        padding:3px 3px 3px 0px;
        height:20px;
    }

}
.RememberMe 
{
    font-size:small;
}

#HomeTop_outer
{
    clear:both;
    position:relative;
    height:288px;
    max-width:987px;
    background-color:#FFF;
    margin:3px 1.5px 3px 1.5px;
}

#TopLogo
{
    position:absolute;
    left:50px;
    top:41px;
    width:700px;
    height:110px;
    background: transparent url('images/sprite_home_top_panel.png') repeat-x 0px 0px;
}
#TopMainText
{
    background-color:transparent;
    background-repeat:repeat-x;

    position:absolute;
    top:152px;
    left:50px;
    width:539px;
    height:133px;
}
#TopDivider
{
    position:absolute;
    top:41px;
    left:644px;
    width:1px;
    height:212px;
    background: transparent url('images/sprite_home_top_panel.png') repeat-x -544px -110px;
}
#TopMouseText
{
    position:absolute;
    height:140px;
    width:330px;
    top:65px;
    right:3px;

}
.textmouseover
{
    height:27px;
    width:330px;
}

/*Bottom logo area*/
#BottomLogoContainer
{
    clear:left;
    float:left;
}
.bottomtextpanel
{
    padding:7px 0px 7px 0px;
    border:0px;
    background: transparent url('images/OccAcc_1pixel_verts.png') repeat-x 0px -236px;
    height:156px;
    color:#FFF;
}
.bottomtextpanel_left
{
    position:absolute;
    left:0px;
    top:0px;
    padding:0px;
    border:0px;
    height:170px;
    width:7px;
    background: transparent url('images/sprite_OccAcc_base.png') repeat-x -52px 0px;
}
.bottomtextpanel_right
{
    position:absolute;
    right:0px;
    top:0px;
    border:0px;
    height:170px;
    width:7px;
    background: transparent url('images/sprite_OccAcc_base.png') repeat-x -70px 0px;
}
.bottomtextpanel_outer
{
    padding-left:7px;
    padding-right:7px;
    position:relative;
    width:626px;
    margin:6px 4.5px 3px 1.5px;
}
/*Bottom Index Page Mouseovers*/
/*Autoliability*/
#DotCom_0
{
    left:33px;
}
/*OccAcc*/
#DotCom_1
{
    display:none;
}
/*Physdam*/
#DotCom_2
{
    left:350px;
}
/*NTL*/
#DotCom_3
{
    left:480px;
}
/*Cargoliability*/
#DotCom_4
{
    left:183px;
}