/*
** SCRIPT: hvml_menu.css
**
** PURPOSE: To provide styling for the menu system
**
** AUTHOR: MPSERELLIS Ltd
**
** DATE: 28/12/2008
*/


img.hvmlmenu {border: 0px;
              padding-left: 10px;
              position: absolute;
              right: 2px;
              bottom: 6px;}


/* #############for vertical menus############# */
ul.hvmlVertical {text-align: left;
                 padding: 0px;
                 margin: 0px;
                 display: block;
                 position: relative;
                 z-index: 98;
                 width: 10em;}

ul.hvmlVertical ul.hvmlmenu {margin-left: 12px;
                             position: absolute;
                             left: 100%;
                             top: 0px;}

ul.hvmlVertical li.hvmlVertical {padding: 0px;
                                 margin: 0px;
                                 border: 1px solid green;
                                 display: block;
                                 list-style-type: none;
                                 position: relative;}

ul.hvmlVertical a.hvmlVertical {padding: 2px;
                                padding-right: 15px;
                                margin: 0px;
                                position: relative;
                                display: block;
                                width: 100%;
                                color: #DA251D;
                                font-family: Arial, sans-serif;
                                font-size: 11pt;
                                text-decoration: none;}

ul.hvmlVertical a.hvmlVertical:hover {background: #838281;
                                      color: #DA251D;}




/* #############for horizontal menus############# */
ul.hvmlHorizontal {text-align: left;
                   padding: 0px;
                   margin: 0px;
                   display: inline;
                   position: relative;
                   z-index: 99;
                   width: 100%;}

ul.hvmlHorizontal ul.hvmlmenu {margin-top: 4px;
                               position: absolute;
                               left: 0px;
                               top: 100%;}

ul.hvmlHorizontal li.hvmlHorizontal {padding: 0px;
                                     margin: 0px;
                                     border: 2px solid #838281;
                                     display: inline;
                                     list-style-type: none;
                                     position: relative;
                                     float: left;}

ul.hvmlHorizontal a.hvmlHorizontal {padding: 2px;
                                    padding-right: 15px;
                                    margin: 0px;
                                    margin-right: 15px;
                                    display: inline;
                                    width: 100%;
                                    color: #DA251D;
                                    font-family: Arial, sans-serif;
                                    font-size: 11pt;
                                    text-decoration: none;}

ul.hvmlHorizontal a.hvmlHorizontal:hover {background: #838281;
                                          color: #DA251D;}




/* #############for the submenus############# */
ul.hvmlmenu {padding: 0px;
             margin: 0px;
             display: none;
             border: 0px;}

ul.hvmlmenu ul {padding: 0px;
                margin: 0px;
                display: none;
                position: absolute;
                left: 100%;
                top: -1px;
                border: 0px;}

ul.hvmlmenu li {padding: 0px;
                margin: 0px;
                display: block;
                list-style-type: none;
                position: relative;
                background: white;
                text-align: centre;
                border: 1px solid #838281;}

ul.hvmlmenu a {padding: 4px;
               padding-right: 15px;
               margin: 0px;
               position: relative;
               display: block;
               width: 14em;
               font-family: Arial, sans-serif;
               font-size: 10pt;
               color: black;
               background: #C2C1C1;
               text-decoration: none;}

ul.hvmlmenu a:hover {background: #D42E12;
                     color: white;}