#notcompatible
{
    text-align: center;
}
#login
{
    display: none;
}

#install
{
    width: 100%;
    display: none;
    font-size: 20pt;
    text-align: center;
}

/* iPad 1 & 2 Portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-device-pixel-ratio : 1) 
and (orientation : portrait)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 756px;
        height: 992px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-Low.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 712px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}

/* iPad 1 & 2 Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-device-pixel-ratio : 1) 
and (orientation : landscape)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 1012px;
        height: 736px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-Low.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 968px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}
/* New iPad (iPad 3) Portrait */
@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 756px;
        height: 992px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-High.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
        background-size: 175px;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 712px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}
/* New iPad (iPad 3) Landscape */
@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 1012px;
        height: 736px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-High.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
        background-size: 175px;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 968px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}
/* Samsung Galaxy Tab 2 10.1 Portrait */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (-webkit-device-pixel-ratio : 1) 
and (orientation : portrait)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 788px;
        height: 1220px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-Low.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 768px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}
/* Samsung Galaxy Tab 2 10.1 Landscape */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (-webkit-device-pixel-ratio : 1) 
and (orientation : landscape)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 1268px;
        height: 740px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-Low.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 968px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}

/* Samsung Galaxy Tab 2 7.0 Portrait */
@media only screen
and (min-device-width : 600px)
and (max-device-width : 1024px)
and (-webkit-device-pixel-ratio : 1) 
and (orientation : portrait)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 588px;
        height: 964px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-Low.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 568px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}
/* Samsung Galaxy Tab 2 7.0 Landscape */
@media only screen
and (min-device-width : 600px)
and (max-device-width : 1024px)
and (-webkit-device-pixel-ratio : 1) 
and (orientation : landscape)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 1012px;
        height: 540px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-Low.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 712px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}




/* Samsung High Res 10.1 Portrait */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (-webkit-device-pixel-ratio : 2) 
and (orientation : portrait)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 788px;
        height: 1220px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-Low.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 768px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}
/* Samsung High Res 10.1 Landscape */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (-webkit-device-pixel-ratio : 2) 
and (orientation : landscape)
{
    #notcompatible
    {
        display: none;
    }
    #login
    {
        display: block;
        width: 1268px;
        height: 740px;
        margin: 5px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    #login span.heading
    {
        display: block;
        font-size: 20pt;
        padding-left: 8px;
        line-height: 72px;
        background: #f4f5f6 url('/Images/AltusLogo-Low.png') no-repeat right center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #cccccc;
    }
    #login #wrap
    {
        padding: 8px;
    }
    #login #wrap span
    {
        display: block;
        font-size: 26pt;
    }
    #login #wrap input.tx
    {
        font-size: 18pt;
        width: 968px;
        margin-top: 10px;
    }
    #login #wrap input.btn
    {
        font-size: 18pt;
        display: block;
        margin-top: 10px;
    }
    #login #wrap span.msg
    {
        font-size: 15pt;
        color: Red;
        margin-top: 10px;
    }
}