﻿* 
 
    /*******************************************/
    /* General styles applies to all */
    
    menu, ol, ul {
    padding: 0 0 0 14px;
    }
  
    .tbl
    {
        width:inherit;
    }
    #tbl_login td {
        display:block;
    }

    header
    {
        margin:0 auto;
        width:100%;
    }
    .container {
        margin:0 auto;
        width:100%;
        max-width:800px; 
         display: flex;
         margin-top:1em;
    }
    section {
        width: 100%;
        margin:0 auto;
        max-width:800px;    
    }
    
    header img
    {
        width:auto;
        margin-bottom:3px;
        border-width:0px;
    }
    .container img {
            width:auto;
            margin-bottom:3px;
            border-width:0px;
    }
    .column {
        flex: 1;
    }
   
    .column:first-child {
    margin-right: 200px;
    } 

    .imgblurb 
    {
        text-align:center;
        max-width:200px;
        margin-left:15%;
    }
    
    .module_blurb
    {
        font-family:Times New Roman;
        font-size:1.2em;
        width:37%;
        float:left;
        clear:left;
        display:block;
    }
        
/* Customer Care Styles */
	
    #module_login
    {
        border-style:none;
    }
    
    #module_landing_wrapper, #module_login_wrapper
    {
        width:56%;
        float:right;
        clear:right;
        display:block;
        background-color: #FFFFFF; 
        margin-left:auto;
	    margin-right:auto;
	    margin-bottom:3%;
	    border-color:#ADADAD;
	    border-style:solid;
	    border-width:1px;
	    padding-top:1em;
	    padding-bottom:1em;
	    padding-left:1em;
	
	    /* this creates the rounded corners */
	    -webkit-border-bottom-right-radius: 10px;
	    -webkit-border-bottom-left-radius: 10px;
	    -webkit-border-top-right-radius: 10px;
	    -webkit-border-top-left-radius: 10px;

	    -khtml-border-radius-bottomright: 10px;
	    -khtml-border-radius-bottomleft: 10px;
	    -khtml-border-radius-topright: 10px;
	    -khtml-border-radius-topleft: 10px;

	    -moz-border-radius-bottomright: 10px;
	    -moz-border-radius-bottomleft: 10px;
	    -moz-border-radius-topright: 10px;
	    -moz-border-radius-topleft: 10px;
    
        border-radius: 10px 10px 10px 10px; /*always declare the non-prefixed version LAST */
    }
        
    #module_landing_links_wrapper
    {
        width:37%;
        float:left;
        clear:left;
        display:block;
        margin-left:auto;
        margin-right:auto;
        background-color: #FFFFFF;
        border-color: #ADADAD;
	    border-style:solid;
        border-width:1px;
        padding:1%;
        margin-bottom:2%;

	    /* this creates the rounded corners */
	    -webkit-border-bottom-right-radius: 10px;
	    -webkit-border-bottom-left-radius: 10px;
	    -webkit-border-top-right-radius: 10px;
	    -webkit-border-top-left-radius: 10px;

	    -khtml-border-radius-bottomright: 10px;
	    -khtml-border-radius-bottomleft: 10px;
	    -khtml-border-radius-topright: 10px;
	    -khtml-border-radius-topleft: 10px;

	    -moz-border-radius-bottomright: 10px;
	    -moz-border-radius-bottomleft: 10px;
	    -moz-border-radius-topright: 10px;
	    -moz-border-radius-topleft: 10px;
    
         border-radius: 10px 10px 10px 10px; /*always declare the non-prefixed version LAST */
    }
    
    #module_landing_links li
    {

        margin-bottom:.35em; 
    }

    .cell1_landing 
    {
        text-align:right; 
        padding-right:.5em; 
        max-width:200px;
        vertical-align:top;
        font-style:italic;
    }
    
    .cell2_landing 
    {
        text-align:left; 
        background-color:transparent; 
        max-width:300px;
        font-weight:bold;
    }
    
    input[type="text"]
    {        
        -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px; /* always declare the non-prefixed version LAST */
    }
    
    #errordiv
    {
        padding:1em;
    }    
   
    #spnCustCare
    {
        font-weight: bold; 
        font-size: 2em; 
        color: #000000;
    }
    
    footer 
    {
        border-color:transparent;
    }
    
    .heading
    {
        font-size:1.5em; 
        font-weight:bold; 
        color:navy; 
    }
    
    .subheading
    {
        font-size:1.1em; 
        color:#333333;
    }

    @media only screen and (max-width: 43em) 
    {
         .container {
        flex-direction: column;
        }
        
        body
        {
        padding:1.5%;
        }
        
        header img
        {
        min-width:300px;
        }
        
        #module_landing_wrapper
        {
            width:96%;
        }
        
        #module_login_wrapper, #module_landing_links_wrapper, #module_landing_wrapper, .module_blurb
        {
            width:100%;
            margin-left:auto;
            margin-right:auto;
            float:left;
        }
        
        .tbllanding, .tbllogin
        {
            width:100%;
        }
        
        #tbl_landing td, #tbl_login td 
        {    
            display:block;   
            float:left;
        }
        
        .lbl_landing
        {
            font-size: 0.938em; /*used to be 1em*/
            width: 96%; 
        }
        
        .cell1_landing, .cell1_login
        {
            width: 100%;
            text-align:left; 
        }    

        #spnCustCare
        {
            display:none;
        }
    }
