body 
{
    margin:0px;
    padding:0px;
    font-family:Arial;
    color:#585858;
}
P,UL,LI,A,h4 
{
    font-size:14px;
}
H2 
{
    font-family:Arial Black,arial;
    font-size:14px;
}

#header 
{
    height:62px;
    width:100%;
    background:  #cda57b url(../img/header1.jpg) no-repeat left;
}
    #header #headerBtn
    {
        background:  url(../img/header1.jpg) no-repeat left;
        height:30px;
        padding-top:32px;
        
        width:100%;
               
    }
    #header #headerBtn A
    {
        text-decoration:none;
        color:#4f8731;
        font-weight:bold;
    }
     #header #headerBtn A:hover
    {
        text-decoration:none;
        color: #cda57b;
        
    }
#nav 
{
    float:left;
    width:220px; 
   /*176px;*/
    padding-left:10px;
    padding-right:10px;
    
}   
    #nav .container 
    {
        background:url(../img/nav_bg2.jpg) repeat-y center;
        text-align:left;
    }
        #nav .container H4
        {
            background:url(../img/nav_top2.jpg) no-repeat center top;
            background-color:#DAB490;
            
            padding-left:16px;
            font-weight:normal;
            margin-bottom:0px;
            padding-top:8px;
            padding-bottom:2px;
            
        }
        #nav .container UL 
        {
            margin-left:0px;
            padding-left:0px;
            margin-top:6px;
            padding-top:0px;
            background:url(../img/nav_btm2.jpg) no-repeat center bottom;
            padding-bottom:34px;
        }
        #nav .container LI
        {
            list-style:none;
            padding-left:15px;
            margin-left:0px;
            font-size:12px;
        }
       #nav .container A 
       {
           text-decoration:none;
           color:#585858;
           display:block;
           margin-right:10px;
           padding-left:3px;
           border:solid 1px #fbf7f4;
       }
     /*#nav .container A 
       {
           text-decoration:none;
           color:#4f8731;
           display:block;
           margin-right:10px;
           padding-left:3px;
           border:solid 1px #fbf7f4;
       }
       add one for when item is manditory and or existing*/
        #nav .container A:hover 
       {
           background-color:#9fc370 !important;
           border:solid 1px #72a557;
       }
#top 
{
    padding-top:15px;
    /*padding-left:226px;*/
    margin-left:15px;
    padding-bottom:16px;
    /*float:left;*/
}
/*#top H2
{
   
}*/
#main 
{
    width:100%;
    float:left;
   margin-top:20px;
   height:600px;
   
   /*overflow-y:scroll;*/
}
#search 
{
    width:99%;
    float:left;

   height:600px;
   /*overflow-y:scroll;*/
}


/* Begin login-page specific css  */
#logincenter 
{ 
        position: absolute; 
        top: 50%; 
        width: 100%; 
        height: 1px; 
        overflow: visible 
}
#loginmain 
{ 
        
        width: 323px; 
        position: absolute; 
        left: 50%; 
        margin-left: -161px; 
        top: -270px;
} 

#loginBox 
{
    background:url(../img/login_bg.jpg) repeat-y; 
    color:#797c7f;
    font-size:14px;
    margin-top:-18px;
}

#loginmain H4 
{
       background:url(../img/login_top.jpg) no-repeat center;
       padding-left:20px;
       font-weight:normal;
       height:19px;
       display:block;
       padding-top:7px;
}
#loginmain table 
{
    padding-bottom:15px;
}
#loginCheck 
{
    text-align:right;
}
#loginCheck a
{
    display:block;
    width:33px;
    height:32px;
    background:url(../img/login_btn.jpg) no-repeat top left;
    margin-bottom:10px;
}
#loginCheck a:hover 
{
    background:url(../img/login_btn.jpg) no-repeat bottom right;
}
#footer 
{
    clear:both;
    min-height:50px;
}



#upperControls 
{
    margin-top:18px;
    
    width:100%;
    height:35px;
    background:url(../img/header2.jpg) no-repeat;
    background-position: 771px 12px;
    
    overflow:visible;

        
}
#searchCTRL 
{
    float:left;
    margin-left:230px;
    height:30px;
    width:206px;
    text-align:center;
   background:url(../img/upper_lrg.png) no-repeat;
}
#searchCTRL INPUT
{
    margin-top:9px;
    font-size:6pt;
    height:12px;
    width:120px;
}
#saveCTRL
{
    text-align:center;
    float:right;
    height:30px;
    width:102px;
    background:url(../img/upper_sml.png) no-repeat;
}
#validCTRL
{
    text-align:center;
    float:right;
    height:30px;
    width:206px;
    background:url(../img/upper_lrg.png) no-repeat;
    margin-right:10px;
}

#ULAContent
{
    padding-top:10px;
    margin:0 auto;
    width:800px;
    
}
#ULAControl
{
    margin-top:-20px;
    
    background-color:#FCF7F4;
    border-left:5px solid #D8AC82;
    border-right:5px solid #D8AC82;
    padding-bottom:10px;
    
}
#ULAAgreement
{
    margin-left:30px;
    width:720px;
    height:370px;
    border:3px solid #E8BC92;
    margin-bottom:10px;
    padding:5px;
    background-color:White;
    overflow-y:scroll;
    
}
#ULAContent H4
{
       margin-top:-20px;
       padding-left:40px;
       font-weight:normal;
       height:19px;
       display:block;
       margin-bottom:10px;
       
}

.justified
{
    text-align:justify;
    padding-bottom:10px; 
}
.justified1
{
    text-align:justify;
    padding-bottom:10px; 
}
.justified2
{
    text-align:justify;
    padding-bottom:10px; 
}

.justified1:first-letter
{
    margin-left:20px;
}
.justified2:first-letter
{
    margin-left:40px;
}


#messageBox_messageSpace 
{
    margin-top:10px;
    border:solid 1px #e5cbb0;
    background:#fbf7f4;
    margin-right:20px;
    padding:5px;
}
    #messageBox_messageSpace .reassessmentLink 
    {
        /*background:url(../img/nav_bg2.jpg) repeat-y center;*/
        text-align:left;
        display: inline-block;
    }
       /* #messageSpace UL 
        {
            margin-left:0px;
            padding-left:0px;
            margin-top:6px;
            padding-top:0px;
            background:url(../img/nav_btm2.jpg) no-repeat center bottom;
            padding-bottom:34px;
        }*/
       /* #messageSpace LI
        {
            list-style:none;
            padding-left:15px;
            margin-left:0px;
            font-size:12px;
        }*/
       #messageBox_messageSpace .reassessmentLink A 
       {
           text-decoration:none;
           color:#72a557;/*#585858;*/
           
           /*display:block;*/
           margin-right:10px;
           padding-left:3px;
           padding-right:3px;
           /*width:400px;*/
           border:solid 1px #fbf7f4;/*#e5cbb0;*/
       }
       #messageBox_messageSpace .reassessmentLink A:hover 
       {
           background-color:#9fc370 !important;
           border:solid 1px #72a557;
           color:#585858;
       }
       
       /*#messageBox_blErrorList li:hover
       {
           color:#72a557;
           cursor:hand;
           cursor:pointer;
       }*/
       
       .blValErrors:hover
       {
           color:#72a557;
           cursor:hand;
           cursor:pointer;
       }

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.ajax__calendar_title {width:150px; margin:auto; }