﻿* 
    {
        box-sizing: border-box;
    }

  
    /*******************************************/
    /* General styles applies to all */
.content {
    padding:1em; 
    overflow: hidden;
}

.tblMain {
    clear:left;
    width:100%;
}
    
.imgblurb {
    text-align:center;
    max-width:200px;
    margin-left:15%;
}
    
.module_blurb {
    font-size:1.2em;
    width:37%;
    float:left;
    clear:left;
    display:block;
}
        
.heading {
    font-weight:bold;    
    color:#4B5881;
    font-size:1.15em;
}	
  
#module_landing_wrapper, #module_login_wrapper
    {
        width:60%;
        float:right;
        display:block;
        background-color: white; 
        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;
        display:block;
        margin-left:auto;
        margin-right:auto;
        background-color: white;
        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
    {
        list-style:none; 
    }
    
    .cell1_landing 
    {
        text-align:right; 
        padding-right:.5em; 
        max-width:200px;
        vertical-align:top;
        font-style:italic;
    }
    
    .cell2_landing 
    {
        text-align:left; 
        background-color:white; 
        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;
    }

    @media only screen and (max-width: 43em) 
    {
        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;
        }
    }
