﻿body, ul, li {
    font-size:13px; 
    font-family:Calibri;
    line-height:21px;
    text-align:left;
}
 
/* Navigation Bar */
 
#menu 
{
    list-style:none;
    width:98%;
    /*margin:0px auto 0px auto;*/
    height:32px;
    padding:0px 0px 0px 0px;
 margin-left: 9%;
    /* Rounded Corners */
     
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
 
    /* Background color and gradients */
     
    background: #014464;
    background: -moz-linear-gradient(top, #0272a7, purple);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#430099));
     
    /* Borders */
     
    border: 0px solid #002232;
 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;
}
 
#menu li 
{
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 8px 4px 8px;
    margin-right:20px;
    margin-top:0px;
    border:none;
    font-size:11px;
}
 
#menu li:hover {
    border: 1px solid #777777;
    padding: 4px 7px 4px 7px;
     
    /* Background color and gradients */
     
    background: #4e3296;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
     
    /* Rounded corners */
     
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
 
#menu li a {
    font-family:Calibri;
    font-size:13px; 
    color: #EEEEEE;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
}
 
#menu li:hover a {
    color:#161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu li .drop {
    padding-right:21px;
}
#menu li:hover .drop {
}
 
/* Drop Down */ 
 
.dropdown_column
{	
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
     
    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    z-index: 9999;
} 

.dropdown_column {width: 140px;}
 
#menu li:hover .dropdown_column
 {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.col_1 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.col_1 {width:130px;}


.dropdown_column1
{	
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
     
    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    z-index: 9999;
} 

.dropdown_column1 {width: 160px;}
 
#menu li:hover .dropdown_column1
 {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.col_2 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 2px;
}

.col_2 {width:150px;}

/* Drop Down Content Stylings */
 
#menu h3, #menu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#menu h3 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;
}
 
#menu li:hover div a {
    font-size:12px;
    color:#015b86;
}

#menu li:hover div a:hover {
    color:#029feb;
}

#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}

#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:150px;
}

#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
/*Configuration Menu*/

#Configuration 
{
    list-style:none;
    width:75%;
    /*margin:0px auto 0px auto;*/
    height:32px;
    padding:0px 0px 0px 0px;
 margin-left: 9%;
    /* Rounded Corners */
     
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
 
    /* Background color and gradients */
     
    background: #014464;
    background: -moz-linear-gradient(top, #0272a7, purple);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#430099));
     
    /* Borders */
     
    border: 0px solid #002232;
 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;
}
 
#Configuration li 
{
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 8px 4px 8px;
    margin-right:20px;
    margin-top:0px;
    border:none;
    font-size:11px;
}
 
#Configuration li:hover {
    border: 1px solid #777777;
    padding: 4px 7px 4px 7px;
     
    /* Background color and gradients */
     
    background: #4e3296;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
     
    /* Rounded corners */
     
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
 
#Configuration li a {
    font-family:Calibri;
    font-size:13px; 
    color: #EEEEEE;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
}
 
#Configuration li:hover a {
    color:#161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#Configuration li .drop {
    padding-right:21px;
}
#Configuration li:hover .drop {
}
 
/* Drop Down */ 
 
.dropdown_column
{	
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
     
    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    z-index: 9999;
} 

.dropdown_column {width: 140px;}
 
#Configuration li:hover .dropdown_column
 {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.col_1 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.col_1 {width:130px;}


.dropdown_column1
{	
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
     
    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    z-index: 9999;
} 

.dropdown_column1 {width: 160px;}
 
#Configuration li:hover .dropdown_column1
 {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.col_2 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 2px;
}

.col_2 {width:150px;}

/* Drop Down Content Stylings */
 
#Configuration h3, #Configuration ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#Configuration h3 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;
}
 
#Configuration li:hover div a {
    font-size:12px;
    color:#015b86;
}

#Configuration li:hover div a:hover {
    color:#029feb;
}

#Configuration li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}

#Configuration li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:150px;
}

#Configuration li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
li#op8 {
    background-color: white;
    height: 98%;
    width: 08%;
}

 /*.active{
         
             border: 1px solid #777777;
    padding: 4px 7px 4px 7px;
     
  
     
    background: #4e3296;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#47049cd1), to(#EEEEEE));
     
   
     
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
        }*/
  .activeSub{
            /*background-color:aqua;
            color:black;*/
             border: 1px solid #777777;
    padding: 4px 7px 4px 7px;
     
    /* Background color and gradients */
     
    background: #4e3296;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#47049cd1), to(#EEEEEE));
     
    /* Rounded corners */
     
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
        }
        .MainMenu{
            color:#fff;
        }
        .SubMenu{
            color:#fff
        }