﻿
body {
    background-color: #D6D6D6;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
}
/*body
{
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 0;
    margin-top: 0;
    /*background-color: #064589;*/
    /*background-color: #BAF5FD;*/
    background-color: #D6D6D6;
    color: #000000;
}*/
.backgroundcolor
{
    /*background-color: #CEE4FC;*/
    background-color: #FFFFFF;
}
.VerticalAlignment
{
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: small;
    color: #000000;
    text-align: center;
}
.headerlink
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
    text-decoration: none;
    vertical-align: top;
}
.headerlink2
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    vertical-align: top;
}
.footer
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
}
.footer a
{
    color: #000000;
}
.footer a:active
{
    color: #000000;
}
.footer a:hover
{
    color: #800000;
}
.TopMainTable
{
    width: 1200px;
    /*background-color: #CEE4FC;*/
    background-color: #FFFFFF;
}
.TopMainTable a
{
    color: #000000;
}
.TopMainTable a:active
{
    color: #000000;
}
.TopMainTable a:hover
{
    color: #800000;
}
.WelcomeUser
{
    /*background-color: #CEE4FC;*/
    background-color: #FFFFFF;
    font-size: small;
}

/* ---- Menu ----- */

.test_cls
{
    background:url(../images/back_btn.png) no-repeat;   
    width:80px;
    height:50px;
}
#menu
{
    /*float:left;        padding: 0 16px 0px 0;     font-family: Verdana, Geneva, Tahoma, sans-serif;     color: #FFFFFF;     text-align:center;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    text-transform: capitalize;
    color: #FFFFFF;
    text-align: center;
    margin-left:2px;
}
#menu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #FFFFFF;
    text-align: center;        
}

#menu ul li
{
    float: left;    
    font-family: Arial, Helvetica, sans-serif;
    /*text-transform: uppercase;*/
    width: 112px;
    position: relative;
    background-color: #3A71AB;
    background-position: -10px center;
    background-repeat: no-repeat;
    display: block;    
    border-right: 1px solid #f2f2f2;
    background:url(../images/back.png) no-repeat;
}
#menu ul li:hover
{
    color: #ffffff;
    text-decoration: none; /*background-image: url(../images/menubackover.png);*/
    background-color: #064589;
    background-repeat: no-repeat;
    background-position: -10 px center;
    background:url(../images/hover_back.png) no-repeat;
}
#menu ul li a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #064589;/*#FFFFFF;*/
    text-decoration: none;
    font-weight: bold; /*             color: #FFFFFF;     display: block;     line-height: 23px;     padding: 0 0;     text-decoration: none;     width: 180px;  */     
}
/*#menu ul li a.selected { color:#a6c9dc; text-decoration:none; }*/
#menu ul li a:hover
{
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFFFFF;
}

#menu ul li ul
{
    display: none;
    padding-top: 5%;
    width:500px;
    background-image:none;
    background-color:#336699;
    
}
#menu ul li ul li
{
    display: block;
    padding-top: 5%;
    width:50%;
    float:left;
    background-image:none;
    background-color:#336699;
    position:relative;
    list-style-image:url(../images/arrow_right.gif);
    
}

#menu ul li:hover ul
{
    display: block;
    position: absolute;    
    margin:0px;
    margin-top:5px;
    margin-left:-680px;     
    background-color:#336699;
    height:20px;
    
    
    
}
#menu ul li:hover ul li
{
    display: inherit;
    position: absolute;
    border:1px solid red;    
    margin:0px;    
    background-image:none;
    background-color:#336699;
    width:50%;   
    float:left;
    color:#FFFFFF; 
    
}
#menu ul li ul li a
{
    text-align: center;    
    width: 113px;
    vertical-align: top;
    display: block;
    text-decoration: none;
    color: #ffffff;    
    padding-top:5px;
    padding-bottom:3px; 
    padding-left:4px; 
    /*margin-left:5px;*/    
     
     
}

#menu ul li:hover ul li a
{
    display: block;
    /*background-color: #3A71AB; /*#E8E8E8;*/
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    color: #064589;/*#ffffff;*/
    font-weight: bold;
    width: 190px;
    text-align: left;
    vertical-align: top;
    border-bottom:1px solid #ffffff;
    
}

#menu ul li:hover ul li a:hover
{
    /*background: #064589;*/
    color: #064589;        

}


.lispacing
{
    padding-top: 5px;
    padding-bottom: 5px;
    
}

#menu ul li:hover ul tr td
{
   /* display: block;
    position: absolute;    
    margin:0px;
    margin-top:5px;
    margin-left:-680px;     */
    background-color:#336699;
    height:20px;
    width:1020px;    
    
}
#menu ul li:hover ul tr td a
{       
    color:#FFFFFF;   
}
#menu ul li:hover ul tr td a:hover
{       
    color:#FFFFFF;   
}