﻿
html, body 
{
    padding:0px;
    margin:0px;
    overflow-x:hidden;
}
@media only screen and (max-device-width: 700px),
    only screen and (max-width: 700px)
{
    /* Hide images. */
    .hideOnMobile
    {
        display: none;
    }
    
    /* Login page.*/
    #firstTable, #secondTable, #thirdTable
    {
        /*width: 320px;*/
        width:auto;
        float:left;
    }
    #desktopImage 
    {
        display:none;
    }
    .PathLinkBg 
    {
        width: 350px;
    }
    
    /* Forward, middle, and last button. */
    .mobileButton-small 
    {
        padding:10px 15px;
    }
    .LoginButton 
    {
        height:40px;
        width:200px !important;
    }
    
    input[type=text] 
    {
        margin:2px;
        height:30px !important;
    }
    .NavButtonPanel input[type=submit] 
    {
        height:40px;
        width:180px !important;
        align:center;
    }
    input[type=password]
    {
        margin:2px;
        height:30px;
    }
    input[type=button]
    {
        margin:2px;
        height:30px;
    }
    select 
    {
        margin:2px;
        height:30px !important;
    }
}



/*@media screen and (min-width:901px) {*/
@media only screen and (min-width:701px),
    only screen and (min-device-width:701px)
{
        #secondTable 
        {
            width:auto;
        }
        #firstTable 
        {
            width:auto;
        }
}
