﻿.jqueryslidemenu
{
    font: bold 12px Arial;
    width: 100%;
}

.jqueryslidemenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li
{
    position: relative;
    display: inline;
    float: left;
    
    
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a
{
    display: block;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #778;
    
    text-decoration: none;
}

* html .jqueryslidemenu ul li a
{
    /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited
{
	color: #FFFFFF;
}

.jqueryslidemenu ul li a:hover
{
    background-image: url(../Images/tablogin_blue.gif);
    background-position:0 30;
    color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul
{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    z-index:3000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li
{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul
{
    top: 0;
    z-index:5000;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a
{
	background-image: url(../Images/bg_menutop.jpg);
	background-color: #006699;
	background-repeat: repeat;
	border: solid 1px #FFFFFF;
	font-family: Verdana, Tahoma;
	font-size: 12px;
	font-weight: normal;
	width: 200px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	text-align: left;
	color: #ffffff;
	z-index: 3000;
}

.jqueryslidemenuz ul li ul li a:hover
{
    /*sub menus hover style*/
    color: black;
}
.jqueryslidemenuz ul li ul li ul li a
{
   background-color:Yellow;
    border: solid 1px #FFFFFF;
    font-family:Verdana, Tahoma;
    font-size:12px;
    font-weight:normal;
    width: 200px; /*width of sub menus*/
    padding: 5px;
    margin: 70;
    border-top-width: 0;
    text-align: left;
    z-index:1000;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass
{
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass
{
    position: absolute;
    top: 6px;
    right: 5px;
}
