/*  Generated by www.menucool.com/horizontal/tab-menu  */

/* Useful when www.menucool.com/horizontal/tab/keep-menu-source-in-one-place
-----------------------------------*/
a#tabmenuLink {display:none;}


/* main menu
--------------------------------------------*/
ul#tabmenu {
    width: 100%;
    margin: 0 auto; /*If the menu has a width, this "margin:0 auto;" makes the menu center-aligned. You can remove it for left-alignment, or change it to "margin-left:auto; margin-right:0;" for right-alignment.*/
    text-align: left;
    list-style: none;
    padding: 0;
    font-size: 0;
    position: relative;
}
ul#tabmenu:after
{
    content:'.'; height: 0; clear: both; display: block; visibility: hidden;
}
        
ul#tabmenu li
{
    
    display:inline;
    list-style:none; padding:0;
    margin-top:1px;margin-bottom:0;
    margin-left:1px;margin-right:2px;
}
        
/*Main menu links*/
ul#tabmenu li a
{
    letter-spacing:normal;
    color:#143f71;
    padding:0 12px;
    line-height:22px;
    font-size:small;
    
    font-family:sans-serif;
    text-decoration:none;
    display:inline-block; 
    outline:0;
    
    border:1px solid #C2D5EF;
    border-bottom:none;
    background:#5b8ecb;
        background: url(../img/yui/sprite.png) #d8d8d8 repeat-x;
    position: relative;
    top:2px;
    z-index:4;  
    border-radius:5px 5px 0 0;
    cursor:pointer;
    margin-top:2px;
   
}
/* If you've set the menu's javascript file with { preview:false }, you may want to specify the following hovered tab styles     
ul#tabmenu li a:hover {
    color: red;
    background: black;
}*/


ul#tabmenu li.active a
{
    padding-bottom:0px;
  background:  linear-gradient(to bottom, #0789bd 0%,#029ed9 100%);
 
  display:inline-block;
   position:relative;
 margin-top:1px;
    color:#fff;
}

/* You can set active tab's style when hovered
    ul#tabmenu li.active a:hover {
        color: green;
    }*/
        
/* Secondary level sub-menu
----------------------------------------------------------*/
/* turn first child off
     ul#tabmenu li.active ul, ul#tabmenu>li:first-child>ul
{
    display:block;
    text-align:left;
    margin:0;
    padding:0;
    border:1px solid #C2D5EF;    
    float:left;
    width:100%;
    z-index:3;
    box-sizing:content-box;
    border-radius:5px;
}*/
ul#tabmenu li.active ul
{
    display:block;
    text-align:left;
   
    margin:0;
    padding:0px;
    border:1px solid #C2D5EF;    
    float:left;
    width:100%;
    z-index:3;
    border-top:1px solid #029ed9;
    box-sizing:content-box;
    border-radius:5px 5px 0 0;
    margin-bottom:0px;
}
 
 ul#tabmenu>li.active ul li a:hover{
  text-decoration: none;
   padding-right:8px;
   padding-left:8px;
   top:3px;
   margin:0px;
   border-radius:5px;
        background-color: white;
    color: #42ae39;
 }       
ul#tabmenu li ul
{
    display: none;
    letter-spacing:normal;
    background:#F3F7FD;
        background: linear-gradient(to bottom, #0789bd 0%,#029ed9 100%);
        color:#fff;
}    
ul#tabmenu li li
{
    margin-left: 0px;
}
     
/*Sub-menu links*/
ul#tabmenu ul li a
{
    color:#244D8A;
    padding:0;
    padding-left:8px;padding-right:8px; 
    font-size:11px;
    font-weight:normal;
    font-family:sans-serif;
    line-height:24px;
    margin: 0; border: 0; top: 0;
    background: transparent;
  
}
ul#tabmenu li.active li a, ul#tabmenu li.active li a:hover {
    color:#fff;
    border: 0;
    background: transparent;


}



ul#tabmenu ul li.subActive a, ul#tabmenu ul li a:hover
{
    text-decoration: none;
   padding-right:8px;
   padding-left:8px;
   margin-top:2px;
   margin-bottom:-1px;
        background-color: white;
    color: #42ae39;
}
ul#tabmenu ul li.subActive a:hover
{
    text-decoration: none;
   padding-right:8px;
   padding-left:8px;
   margin-top:2px;
   margin-bottom:-1px;
        background-color: white;
    color: #42ae39;
}

ul#tabmenu li.dummy {margin:0;}
ul#tabmenu li.dummy a
{
    padding:0;margin:0;border:0;
    padding-bottom:1px;    
    width:0;/* Set it 0 if not template 1 */ 
}

/*Third-level sub menu
------------------------------------------------------------*/
ul#tabmenu ul li li
{
    font-size:12px;
}
/* links */
ul#tabmenu ul li li a
{
    line-height:24px;
    padding: 0; 
    white-space: nowrap;
    font-size:12px;
    font-weight:normal;
    font-family:Arial;
}
/* non-active links */
ul#tabmenu ul li.subActive li a
{
    color:#244D8A;
    text-decoration: none;
}
/* active link */
ul#tabmenu ul li.subActive li.subActive a, ul#tabmenu ul li.subActive li a:hover
{
         padding-right:8px;
   padding-left:8px;
   margin-top:2px;
   margin-bottom:-1px;
        background-color: white;
    color: #42ae39;
}

ul#tabmenu li.active li li
{
    display: block;
    *clear:both;/*IE hack*/
}

ul#tabmenu li.active ul ul
{
    text-align:left;
    padding:4px 24px 10px 24px;
    left: 0px; /*offset*/
    width: auto;
    background:#F3F7FD;
    
    border:1px solid #C2D5EF;
    border-top: 0;
    *top: 24px;
    display: none;
    position: absolute;
    z-index: 4;
    border-radius: 0 0 5px 5px;
}
ul#tabmenu li.active li
{
    position: relative;
}