/*This is the style sheet for a new login page*/
*
{
    padding: 0;
    margin: 0;
}

img
{
    border-style: none;
}

p
{
    margin: 0 .5em 0 .3em;
    padding: 0 .2em 0 .2em;
}

body
{
    background-color: #999;
    /* note: most Mac's don't render Calibri, Verdana is much larger font on Mac */
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

div.login_pageBanner
{
    background-color: #87002a;
    height: 81px;
}

div.login_pageBanner_K12Student
{
    background-color: #0E1F7C;
    height: 81px;
}

div.login_pageBanner_PreKParent
{
    background-color: #66BB49;
    height: 81px;
}

div.pageTitle
{
    background-color: #DBDBDB;
    color: #555;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 103%;
    font-style: italic;
    padding: .3em 0 .3em 10px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

div.login_NavBar
{
    color: #87002a;
    font-size: 95%;
    padding: .2em .1em .3em .1em;
    text-align: center;
    background-color: #FEA807;
}

#login_Logo
{
    float: left;
    height: 81px;
    width: 650px;
    padding-left: 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFF;
    font-style: italic;
}

.textRight
{
    text-align: right;
    white-space: nowrap;
}

p.textCenter
{
    text-align: center;
}

p.heightHalf
{
    line-height: .5em;
}

#container
{
    background-color: #FFF;
    border-left-style: ridge;
    border-right-style: groove;
    border-width: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

#login_Container
{
    margin-left: auto;
    margin-right: auto;
    min-height: 558px;
}

.login_loginForm
{
    float: left;
    width: 300px;
    margin-left: 40px;
}

.login_sidebarRight
{
    float: right;
    width: 300px;
    margin-right: 40px;
    border: 2px solid #999;
    word-wrap: break-word; /*5/17/2012 added these last three from in-line style for consistency across all login pages --SH */
    min-height: 334px;
    overflow: auto;
}

.login_sidebarHeader
{
    font-weight: 800;
    font-size: 105%;
}

.login_headerGold
{
    background-color: #FEA807;
    color: #000;
    font-weight: bold;
    padding: 5px 0 5px 0;
}

.login_headerGreen
{
    background-color: #66BB49;
    color: #FFF;
    padding: 5px 0 5px 0;
}

.login_headerBlue
{
    background-color: #0E1F7C;
    color: #FFF;
    padding: 5px 0 5px 0;
}

.login_headerMaroon
{
    background-color: #87002a;
    color: #FFF;
    padding: 5px 0 5px 0;
}

#login_centerContent
{
    font-style: normal;
    margin-left: 330px;
    margin-right: 350px;
    min-height: 400px;
}

#login_Input
{
    background-color: #FEA807;
    font-style: normal;
    font-weight: bold;
    float: left;
    margin-left: 25px;
    width: 265px;
    border: 2px solid #999;
}

#login_CenterInput
{
    background-color: #FEA807;
    border: 2px solid #999;
    font-style: normal;
    font-weight: bold;
    margin-left: 15px;
    width: 250px;
}

#login_Image
{
    float: left;
    margin-left: 40px;
    height: 400px;
    width: 275px;
}

#verisign
{
    padding-left: 2em;
}

#longContent
{
    margin-left: 275px;
    margin-right: 15px;
    padding: .9em 1em .2em 1em;
}

.login_clear
{
    clear: both;
}

#centerDiv
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#footerDiv
{
    background-color: #66BB49;
    color: #fff;
    font-size: 85%;
    text-align: center;
}

#goldBg
{
    background-color: #FEA807;
}

ul.login_NavLinks li
{
    display: inline;
    margin: 0;
}

ul.sidebarList
{
    margin-left: 2em;
    margin-right: 2em;
}

ul.paddedList
{
    margin: 0 2em 0 2em;
    padding: .1em 1em .1em 2em;
}

a.login_LinkWhiteOnGold:link
{
    color: #FFF;
    text-decoration: none;
}

a.login_LinkWhiteOnGold:visited
{
    color: #555;
}

a.login_LinkWhiteOnGold:hover
{
    background-color: #87002a;
    color: #FFF;
    text-decoration: none;
}

a.login_LinksBreadcrumbs:link
{
    color: #555;
    text-decoration: none;
}

a.login_LinksBreadcrumbs:hover
{
    background-color: white;
}

a.login_LinksBreadcrumbs:visited
{
    color: #555;
}

a.linkWhite:link
{
    color: #FFFFFF;
    text-decoration: none;
}

a.linkWhite:visited
{
    color: #FDE182;
}

a.linkWhite:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.linkMaroon:link
{
    color: #87002a;
    text-decoration: underline;
}

a.linkMaroon:visited
{
    color: #87002a;
}

a.linkMaroon:hover
{
    color: #87002a;
    text-decoration: underline;
}

img.alignTop
{
    vertical-align: top;
}

table, th, td
{
    border: 1px solid #87002a;
    vertical-align: top;
}

th
{
    background-color: #87002a;
    color: #FFF;
    height: 2em;
}

.loginButton
{
    min-height: 25px;
    width: 80px;
}

span.colorYellow
{
    color: #FFCC66;
}

span.colorMaroon
{
    color: #87002a;
}

span.bold
{
    font-weight: bold;
}

span.center
{
    text-align: center;
}

span.right
{
    text-align: right;
}

.ErrorText
{
    color: red;
    margin: 5px 3px 5px 3px;
}

/*iPhone*/
@media only screen and (max-device-width: 480px)
{
    *
    {
        margin: 0;
        padding: 0;
        float: none;
        max-width: 480px;
    }

    .container
    {
        padding: 3px;
        width: 100%;
    }
    /* areas not to display on the mobile */
    #login_Logo, .pageTitle, .login_clear, #login_Image
    {
        display: none;
    }
    /*reformatting of areas to remove floats, excessive margins, etc. */
    .login_loginForm, .login_sidebarRight
    {
        float: none;
        text-align: center;
        margin: 1em;
        width: 90%;
    }

    #login_Input, #login_CenterInput
    {
        float: none;
        margin-bottom: 1em;
        margin-left: 1em;
        width: 90%;
    }

    #login_centerContent
    {
        margin: 1em;
        min-height: 1em;
        padding-top: 2em;
    }
    /*reformat login form; sizes are fixed in original */
    #txtLogin, #txtPassword
    {
        font-size: 20px;
        height: 2em;
    }

    .loginButton, #btnSubmit
    {
        font-family: AmericanTypewriter, serif;
        font-size: 16px;
        font-weight: bold;
        height: 2em;
    }
    /*page banner did not display correctly on mobile; this is a workaround that does not change the source code*/
    .login_pageBanner
    {
        background-image: url(/GalileoASP/LoginImages/StraightStackBold_whiteTransparent250.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 60px;
    }

    div.login_pageBanner_K12Student
    {
        background-color: #0E1F7C;
        background-image: url(/GalileoASP/LoginImages/StraightStackBold_whiteTransparent250.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 60px;
    }

    div.login_pageBanner_PreKParent
    {
        background-color: #66BB49;
        background-image: url(/GalileoASP/LoginImages/StraightStackBold_whiteTransparent250.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 60px;
    }