/**********************************************************************
 *  rx-css-page-menu.css
 *  Copyright, Raditex Control 2018 (c), Göran Hasse gorhas@raditex.nu
 *
 ***********************************************************************/

/* This is the menu div */
.rx-menu-div
{

  background-color: #EEEFF0;
  border-bottom: 4px solid #b3b3ff;
  padding: 0px;
  margin: 0px

}

/* This is the menu pace on top */
.rx-menu-ul
{

    list-style-type: none;
    margin: 0px;
    padding: 0px;    
    overflow: hidden;
    background-color: #FFFFFF;

}

/* All tabs have those proppertys */
.rx-menu-li, .rx-menu-li-active, .rx-menu-li-new, .rx-menu-li-history
{


    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    /* Give som specing to next */
    margin-right: 3px;
    
    float: left;
    
    background-color:  #ccc;
    text-decoration: none;
    
}

/* Special color on new tab */
.rx-menu-li-new
{

    background-color: #99CC66;    
}

/* Special color on history tab */
.rx-menu-li-history
{
    background-color: #99CC66;    
}

/* The active tab have this proppertys */
.rx-menu-li-active
{

    background-color: #b3b3ff;

    border-top: 1px solid #005C00;
    border-left: 1px solid #005C00;
    border-right: 1px solid #005C00;


}

/* The link (Text on the button) if any have propertys */
.rx-menu-li > a, .rx-menu-li-active > a, .rx-menu-li-new > a, .rx-menu-li-history > a
{

    font-size: 1.0em;
    display: block;
    color: #000000;
    text-align: center;
    padding: 10px;
    text-decoration: none;

}

/* The active tab */
.rx-menu-li-active > a 
{


    font-size: 1.0em;
    display: block;
    color: #3300FF;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    
}

/* When we hover tab */
.rx-menu-li > a:hover 
{
    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    font-size: 1.0em;

    background-color: #A0A0A0;  
    text-decoration: none;

}

/* When we hover active tab */
.rx-menu-li-active > a:hover
{

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    background-color: #B0B0FF;
    border-width: 10px;
    text-decoration: none;

    font-size: 1.0em;
}

/**********************************************************************
 *  EOF
 ***********************************************************************/