﻿
/*
 - This is the default menu. It creates the default look and feel without formatting how the dropdowns function..i.e, vertical, horizontal, etc.
 -
 - @file		default.css
 - @name		Default
 - @version		4.3
 - @browsers	Windows: IE5+, Opera7+, Firefox1 Mac OS: Safari2+, Firefox2+ -
 - Module Classes: *.dir {} *.nonDir{} *.open {} li.hover {} li.first {} li.last {}
 */

/* THINGS TO REMEMBER
	1. To change the look of the text when using a button and not a hyperlink, you have to make sure to actually change the button css and not the li.  Changing the Li only changes the text when you have it between tags such as <asp:label> text </asp:label>  
	2. When you are working with a li and a class such as .dir in the class, the css is actually applied to the control with-in the li not the actual li.  The css of the preceding ul is what actually changes the look of the actual li */

/*-------------------------------------- ul.dropdown-vertical - this is basically the panel that the complete menu exists in - no List Items yet ----------------------------------------*/

ul.dropdown {
 padding-bottom: 1px;
 background-color: #fff;
 /*font: bold 13px/normal Arial, Helvetica, sans-serif;*/
}

/*-------------------------------------- ul.dropdown-vertical - List Items at top level Most level - no buttons ----------------------------------------*/

	ul.dropdown li {
	 padding: 4px 6px;
	     /* color of light blue backgroun on simmonz.com*/
	}

	ul.dropdown li.divider {
	 border-top: solid 1px #e5e5e5;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 color: #385868;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #0063dc; text-decoration: none; }
	ul.dropdown a:hover		{ color: #0063dc; text-decoration: underline; }
	ul.dropdown a:active	{ color: #ff0084; }


	/* -- Next level formatting of sub panel - no list items yet */

	ul.dropdown ul {
	 width: auto;
	 padding: 3px 6px;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #f0f0f0 #666 #666 #f0f0f0;
	 background-color: #fff;
	 font-weight: normal;
	 font-size: 11px;
	}

/*------------------  dir class for list menus with sub menus ------------------------------- */
 
ul.dropdown *.dir {
 padding-right: 25px;
 background-image: url(Images/nav-arrow-down.png);
 background-position: 95% 50%;
 background-repeat: no-repeat;
}

/* -- Vertical defaults -- */

ul.dropdown-vertical ul {
 top: 0;
 left: 100%;
}

/* -- Vertical defaults (Right) -- */

ul.dropdown-vertical-rgt ul {
 right: 100%;
}

/* -- Horizontal defaults -- */

ul.dropdown-horizontal,
ul.dropdown-linear,
ul.dropdown-upward {
 width: 100%;
}

ul.dropdown-horizontal ul *.dir {
 padding-right: 25px;
 background-image: url(Images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* -- DropUpward defaults -- */

ul.dropdown-upward *.dir {
 background-image: url(Images/nav-arrow-up.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward *.dir {
 /*background-image: url(Images/nav-arrow-right.png);*/
 background: url(Images/nav-arrow-right-blue1.jpg) no-repeat right center; /* This puts the arrow to the right of the list items with the "dir" class*/
 height: 24px;
 background-position: 80% 50%;
}

/* -- Vertical defaults dir level right -- */

ul.dropdown-vertical-rgt *.dir {
 padding-right: 6px;
 padding-left: 25px;
 background-image: url(Images/nav-arrow-left.png);
 background-position: 5px 50%;
}

ul.dropdown-vertical-rgt ul *.dir {
 padding-right: 0;
 background-image: url(Images/nav-arrow-left.png);
 background-position: 0 50%;
}

.linksAddedLevel2, linksAddedLevel3 {
    font-weight: bold;
    font-style: italic;
}