/* Minification failed. Returning unminified contents.
(300,1): run-time error CSS1019: Unexpected token, found '}'
 */

nav 
{
    background:white;
    border-bottom:1px solid #ccc;
    min-width:320px;
    margin-bottom:40px;
}

nav.globalNav
{
    box-shadow: #ccc 0px 1px 0px 0px;
}

div.mainContent
{
    background:white;
    max-width:960px;
    margin:0 auto;
    min-width:320px;
    
}

nav a.login, nav div
{
    height:100px;
    
}

div.z-Logo
{
    background:url(../../content/Images/logo.png) no-repeat center;
    
    width:170px;
    float:left;
    background-size:98px 58px;
    
}

.svg div.z-Logo
{
    
    background:url(../../content/Images/logo.svg) no-repeat center;
   background-size:98px 58px;
    
}


a.login
{
    display:block;
    background:url(../../content/Images/log-in.png) no-repeat top 22px center;
    width:140px;
    float:right;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align:center;
    padding-top:65px;
}

.svg a.login
{
    background:url(../../content/images/login.svg) no-repeat top 22px center;
    background-size: 31px 30px;
}

a.login:hover
{
    background-color: #4066b3;
    color: white;
}

nav p
{
    font-weight:600;
    font-size:14px;
}

@media screen and (max-width:991px)
{
    a.login
    {
        width:120px;
    }
}

@media screen and (max-width:767px)
{
    div.mainContent
    {
        max-width:728px;
    }
    nav 
    {
        margin-bottom:40px;
    }

    nav.globalNav /*Needed on the broken link page*/
    {
        margin-bottom:25px;
    }
        
    nav div,nav a.login
    {
        height:60px;
    }
    
    div.z-Logo
    {
        background:url(../../content/Images/logox2.png) no-repeat center;
        background-size: 133px 30px;
    }
   
    .svg.backgroundsize div.z-Logo
    {
        background:url(../../content/Images/zurich-logo-small.svg) no-repeat center;
        background-size: 133px 30px;
    }
     
   a.login
   {
       background:none;
       padding-top:23px;
       text-align:center;
   }
   
     .svg a.login
   {
       background:none;
   }
    a.login
        {
            width:110px;
            border-right:none;
            }
    nav {

    border-bottom: none;

    }
}

/* main body style */
.page
{
    margin:0 auto;
    max-width:960px;
    width:100%; 


}

body
{
    background-color: rgb(238, 238, 238);
}

@media screen and (max-width:991px)
{
    div.mainContent
    {
        padding-left:20px;
        padding-right:20px;
        }
    .page
    {
        padding:0px 20px;
       
    }
    
}

@media screen and (max-width:767px)
{
    div.mainContent
    {
        padding-left:0;
        padding-right:0;
        
        }
       
}

@media screen and (max-width:479px)
{
   
    .page
    {
        padding:0px 15px;
        overflow:hidden;
    }
}




div.page
{
    background:none;
    height:auto;
}

div.mainForm
{
    width:100%;
    background:white;
    max-width:960px;
    min-width:900px;
    margin:0 auto;
    padding:30px 20px 20px 20px;
}

div.actForm
{
    width:66%;  
    padding:0 60px 0 60px;
    background:white;
    min-height:300px;
}


/*footer style*/
footer , .footer
{
   
   height: 128px;
   margin-top: 80px;
   background-color: #e6e6e6;

   font-size:12px;
}

footer ul,.footer ul
{
    margin:0 auto;
   max-width:960px;
    padding-top:20px;
    padding-bottom:10px;
    text-align:right;
}

footer ul li,.footer ul li
{
    display:inline-block;
    
    font-weight: 600;
    color: #8e8e8e;
    margin-left:8px
    
}

footer p,.footer p
{
    margin: 0 auto;
    text-align:right;
    max-width:960px;
    color: #666;
     font-size:11px;
    
}

footer ul li a,.footer ul li a
{
    font-size:11px;
    color: #666;
    text-decoration:none;
}

@media screen and (max-width:991px)
{
    
    footer
    {
        padding-left:20px;
        padding-right:20px;
    }
}

@media screen and (max-width:767px)
{
    footer ul, .footer ul
    {
        text-align:left;
    }  
    
    footer ul li
    {
        margin-left:0px;
        margin-right:8px;
        line-height:20px;
    }
    footer ul li a{ font-size:13px; } 
    footer p, .footer p
    {
        margin-right:5px;
        font-size:13px;
        text-align: left; margin-left:5px;
    }
    }
}
@media screen and (max-width:479px)
{
    footer
    {
        padding-left:15px;
        padding-right:5px;
        margin-left:-10px;
       
    }
  
    footer p,.footer p
    {
        margin-right:15px;
        margin-left:15px;
        color:#8e8e8e;
        font-weight:bold;
        font-family: 'Swis721 bt', sans-serif;
        font-size:12px;
    }
    footer ul, .footer ul { padding-left: 10px; }
    footer ul li, .footer ul li{margin: 0 15px 0 0; }
    footer ul li a, .footer ul li a { font-size:12px !important; color:#8e8e8e; font-family: 'swis721 lt bt' , sans-serif; }
}


