﻿body {
    font:12px Calibri,arial; 
}

#containers{
    width:60%;
    margin:0 auto;
}

#headers{
    width:100%;
    
    margin:0 auto;
}

#content{
    width:100%;
    margin:0 auto;
    clear:both;
}

#footers{
    width: 100%;
margin: -31px auto;
background-color: #7EBF27;
clear: both;
float: left;
height: 18px;
padding-top: 3px;
padding-right: 2px;
}

#kaleLogo{
    float:left;
    width:50%;
    position:relative;
}

#codexLogo{
    float:right;
    width:50%;
    position:relative;
    margin-right: -54%;
}

#divide{
    clear:both;
    height: 1px;
    width:100%;
}

#left-divide{
    width: 84%;
    float: left;
    border-top:3px solid #004c98;
}

#center-divide{
    width: 0.5%;
    float: left;
    border-top:3px solid #ffffff;
}

#right-divide{
    width: 15.5%;
    float: left;
    border-top:3px solid #7ebf27;
}

#contents-left{
    width:50%;
    float:left;
}

#contents-right{
    width:50%;
    float:right;
}

#contents-right-div1{
    float:right;
    width:100%;
    padding-top:2%;
    padding-bottom:3%;
}

#contents-right-div2{
    width:100%;
    clear:both;
}

#contents-right-div2-greenshadow{
    /*background-color: #7EBF27;
width: 100%;
float: right;
padding-right: 3.5%;
height: 185px;*/
    background-color: #7EBF27;
width: 96%;
float: right;
height: 310px;
padding-right: 3.7%;
}

#contents-right-div2-blueshadow{
  /*  position: relative;
    background-color: #004C98;
    width: 100%;
    margin-bottom: 3%;
    margin-left: 3.4%;
    margin-top: -5%;
    height: 188px;*/

    position: relative;
background-color: #004C98;
width: 100%;
margin-bottom: 3%;
margin-top: -5%;
margin-left: 4%;
height: 316px;
}

#label-login{
    color:#ffffff;
    width:27%;
    clear:both; 
    float:left; 
    text-align:right; 
    padding-right:3%
}
#label-login1{
    color:#ffffff;
    width:27%;
    clear:both; 
    float:left; 
    text-align:right; 
    padding-right:3%
}
#label-bold{
    font-weight:bold;
    color:#ffffff;
}

#button{
    background-color: #7ebf27;
    color:#ffffff;
    border:none;
}

#link{
    color:#ffffff;
}

#content-right-div3{
    width:100%;
    clear:both;
    padding-top:5%;
    padding-bottom:2%;
}

#textbox{
    color:#004c98;
}﻿body {
    font:12px Calibri,arial; 
}

#containers{
    width:60%;
    margin:0 auto;
}

#headers{
    width:100%;
    
    margin:0 auto;
}

#content{
    width:100%;
    margin:0 auto;
    clear:both;
}

#footers{
    width: 100%;
margin: -31px auto;
background-color: #7EBF27;
clear: both;
float: left;
height: 18px;
padding-top: 3px;
padding-right: 2px;
}

#kaleLogo{
    float:left;
    width:50%;
    position:relative;
}

#codexLogo{
    float:right;
    width:50%;
    position:relative;
    margin-right: -54%;
}

#divide{
    clear:both;
    height: 1px;
    width:100%;
}

#left-divide{
    width: 84%;
    float: left;
    border-top:3px solid #004c98;
}

#center-divide{
    width: 0.5%;
    float: left;
    border-top:3px solid #ffffff;
}

#right-divide{
    width: 15.5%;
    float: left;
    border-top:3px solid #7ebf27;
}

#contents-left{
    width:50%;
    float:left;
}

#contents-right{
    width:50%;
    float:right;
}

#contents-right-div1{
    float:right;
    width:100%;
    padding-top:2%;
    padding-bottom:3%;
}

#contents-right-div2{
    width:100%;
    clear:both;
}

#contents-right-div2-greenshadow{
    /*background-color: #7EBF27;
width: 100%;
float: right;
padding-right: 3.5%;
height: 185px;*/
    background-color: #7EBF27;
width: 96%;
float: right;
height: 310px;
padding-right: 3.7%;
}

#contents-right-div2-blueshadow{
  /*  position: relative;
    background-color: #004C98;
    width: 100%;
    margin-bottom: 3%;
    margin-left: 3.4%;
    margin-top: -5%;
    height: 188px;*/

    position: relative;
background-color: #004C98;
width: 100%;
margin-bottom: 3%;
margin-top: -5%;
margin-left: 4%;
height: 316px;
}

#label-login{
    color:#ffffff;
    width:27%;
    clear:both; 
    float:left; 
    text-align:right; 
    padding-right:3%
}
#label-login1{
    color:#ffffff;
    width:27%;
    clear:both; 
    float:left; 
    text-align:right; 
    padding-right:3%
}
#label-bold{
    font-weight:bold;
    color:#ffffff;
}

#button{
    background-color: #7ebf27;
    color:#ffffff;
    border:none;
}

#link{
    color:#ffffff;
}

#content-right-div3{
    width:100%;
    clear:both;
    padding-top:5%;
    padding-bottom:2%;
}

#textbox{
    color:#004c98;
}