/********************
 
Nav-bar style


*********************/
/* to change the color of the top elements when hovering, check the javascript in _header.html.erb */
/* also check aiducation_new.css */

/* LEVEL ONE */
ul.dropdown                         { position: relative; list-style-type: none;}
ul.dropdown li                      { float: left; }
ul.dropdown a:hover                 { background-color : #94BE0E; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { padding-top: 0px; padding-bottom: 0px; 
                                      /*
                                      padding-left: 12px; padding-right: 12px; 
                                      */
                                      /* border-right: 1px solid #808080; */
                                    }
/* ul.dropdown li:first-child a        { padding-left: 0px; } */ /* Then the appearing box doesnt fit any more */
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative;  }

/* Make sure the dropdown doesnt vanish when the mouse moves down -> make the li element big enough*/
ul.dropdown li.main                 { height: 25px; z-index : 99;}

/*
ul.dropdown li.hover a.main,
ul.dropdown li:hover a.main{ 
background: #333;
text-shadow: -1px -1px #666 !important;
color: white !important;
-webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.4);
-moz-box-shadow:    inset 0px 0px 2px rgba(0,0,0,0.4);
box-shadow:         inset 0px 0px 2px rgba(0,0,0,0.4); 
}
*/


/* LEVEL TWO */
/* This is where one can vary the width of the box, how much it goes down (top %) */
ul.dropdown ul            { width: 160px; visibility: hidden; 
                            position: absolute; top: 100%; left: -15px; 
                            list-style-type: none;
                          } 
ul.dropdown ul li         { font-weight: normal; /* color: #100; color of the border */ float: none; }
                    
ul.sub_menu{
/* background: #94be0e; */
position:relative;
left:0px;
top:0px;
z-index:9999;
/* Important if there is a border around the whole box */
/*
border: 6px solid white; 
*/
/*  To make some space between the top main menu element and the first sub element */
border-top: 1px solid white; 
width: 160px;
box-shadow: 0px 4px 5px #666;
-moz-box-shadow: 0px 4px 5px #666;
-webkit-box-shadow: 0px 4px 5px #666;
/*
padding: 2px !important;
*/
}

/*
ul.sub_menu li {
width: 230px;
padding: 0px;
}
*/

ul.sub_menu li a {
/* Color of the text itself*/
color: #FFF !important;
/* text-shadow: -1px -1px white !important; */
text-decoration: none;
/* Color of the text itself*/
background: #94BE0E;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px !important;
/*
padding-left: 3px !important;
padding-right: -3px !important;
*/
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
/*
border-bottom: 2px solid #ccc;
*/
border-bottom: 1px solid #FFF;
left 5px;
}


#main-navi-sub_menu-support li a
{
  background: #f76b44;
}


ul.sub_menu li:last-child a{ border-bottom: 0px ; } 

/* In order to move the text a little to the right, we have to have a span */
ul.sub_menu li a div#navi-text {
  /*
  padding-left: 25px;
  left: 20px;
  */
  left: 5px;
  position: relative;
  background-color : #94BE0E;
  width: 140px;
}

#main-navi-sub_menu-support li a div#navi-text 
{
  background: #f76b44;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a         { border-right: none; width: 100%; display: inline-block; } 

/* Allows the switch of visibility upon hover */
ul.dropdown li:hover > ul       { visibility: visible; }

#paypal-btn { margin-right:8px; height : 12px;}

/* When selecting sub-elements, change color slightly */
div#top-navigation .sub_menu li a:hover,
div#top-navigation .sub_menu li a:hover > div{ background: #84AE00; }

div#top-navigation #main-navi-sub_menu-support li a:hover,
div#top-navigation #main-navi-sub_menu-support li a:hover > div{ background: #e76b44; }