﻿/* ============================================================
    CSS STYLES FOR THE MCC Left Menu
    Software
    v1.0, 3/17/2009
   ============================================================
   Change Log
   ------------------------------------------------------------
   Date        Who       Notes
   ------------------------------------------------------------
   06/17/2008  RHarris   Initial Imp.  
   ============================================================
*/ 
ul.AspNet-Menu 
{
   /* position: relative; */
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;
}

ul.AspNet-Menu li
{
	/*
    position: relative;
    list-style: none;
    */
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
	/*
    display: block;
    text-decoration: none;
    */
}

ul.AspNet-Menu ul
{
	/* Rodh commented this out so that the sub menus would show all the time and not hide */
   /* position: absolute;
    display: none;    */
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul
{
	/* Rodh commented this out so that the sub menus would show all the time and not hide */
    /* display: none; */
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
   /* display: block; */
}


/****************************************************************************************************************

     Left menu Style

****************************************************************************************************************/
/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */


/* Testing */
ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    width: inherit; 
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
	width: inherit; 
    display: block;
    text-decoration: none;
}

/* End Testing */

.AspNet-Menu-Vertical
{
  width: 100%;
  margin-left: 5px; 
  padding: 0;
  padding-bottom: 30px ;
  margin-top: 10px;
  margin-bottom: 0px; 
}

.AspNet-Menu-Title
{
	width: inherit; 
	font-family: Arial;
    font-size: 12pt;
    color: white;  /* #327DAA; */
    font-weight: normal; 
    overflow:hidden;
    cursor:pointer;
    padding: 4px 0 4px 13px;
    margin-right: 13px; 
    margin-left: -5px;
	border-bottom: solid 1px white;
}
.AspNet-Menu-TitleHighLight
{
	width: inherit; 
	font-family: Arial;
    font-size: 12pt;
    color: #2f5467; /* #327DAA; */
    font-weight: normal; 
    overflow:hidden;
    cursor:pointer;
    background-color: white; /* #CBDDE7; */
    padding: 4px 0 4px 13px;
    margin-right: 13px; 
    margin-left: -5px;
  	border-bottom: solid 1px white;
}

AspNet-Menu-AccordionContent
{
	overflow: hidden;
    display:none; 
}

.AspNet-Menu-Link
{ 
	width: inherit;
	font-family: Arial;
    font-size: 12pt;
    color: White; /* #327DAA; */
    font-weight: normal; 
    overflow:hidden;
    cursor:pointer;    
    padding: 4px 1px 4px 13px;
    margin-right: 13px; 
    margin-left: -5px;
	border-bottom: solid 1px white;
	
}

.AspNet-Menu-Link:Hover
{
  background-color: white; /* #CBDDE7; */
  color: #2f5467; /* #327DAA; */
  padding-left: 13px; 
  margin-right: 12px; 
  margin-left: -5px;	
}

.AspNet-Menu-Link:active
{
   background-color: white; /* #CBDDE7; */
   color: #2f5467; /* #327DAA; */
}


.AspNet-Menu-WithChildren .AspNet-Menu-Leaf .AspNet-Menu-Link
{
	 margin-right: 12px; 
     margin-left: -5px;	
	 padding-left: 30px; 
	 font-size: 10pt;	
	 font-weight: normal;
}

.AspNet-Menu-Link-Selected
{
	background-color: #b3c5b3; /* #556b8f;	*/
	width: inherit;
	font-family: Arial;
    font-size: 12pt;
    color: White; /* #327DAA; */
    font-weight: normal; 
    overflow:hidden;
    cursor:pointer;    
    padding: 4px 1px 4px 13px;
    margin-right: 13px; 
    margin-left: -5px;
	border-bottom: solid 1px white;
	
}

.AspNet-Menu-WithChildren .AspNet-Menu-Leaf .AspNet-Menu-Link-Selected
{
    margin-right: 12px; 
    margin-left: -5px;	
	padding-left: 30px; 
	font-size: 10pt;	
	font-weight: normal;
	color: White;
	background-color:  #b3c5b3; /* #556b8f;	*/
}
/* =========================================================

   Design elements for accordian menu 
   See DesktopModules/

============================================================
   Change Log
------------------------------------------------------------
   Date        Who       Notes
------------------------------------------------------------
   8/20/2008  RHarris   Initial Imp.  
============================================================ */
.AccordionTitle, .AccordionContent, .AccordionContainer
{
	/*
  position:relative;
  width:200px;
  */
}

.AccordionTitle
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow: hidden;
  display:none; 
}

/* Can't get the display: none; to work
   when it's in the style sheet.  Works fine when
   it is declared inline
*/
.AccordianContainerSelected
{
	display: block;
}	

.AccordianContainer
{
	display: none;
}


/* Show only to IE PC \*/
* html .boxheadMenu h1 {height: 1%;} /* For IE 5 PC */

.sideboxMenu 
{
	padding: 0;
	margin: 0 0px 0 4px;
	width: inherit;
/*	width: 17em; */ /* ems so it will grow */
	background: url(../images/MCCMenuBody-r.jpg) no-repeat bottom right;
}
.boxheadMenu {
	background: url(../images/MCCMenuHead-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
}
.boxheadMenu h1 {
	/* background: url(../images/sbheadwht-l.gif) no-repeat top left; */
	margin: 0;
	padding:  5px 0px 0px 0px;
	color: #324158;
	font-weight: bold; 
	font-weight: bold;
	font-family: Arial; 
	font-size:  .85em;  
	line-height: 1em; 
}

.boxbodyMenu {
	/* background: url(../images/sbbody-l.gif) no-repeat bottom left; */
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
		
