/*
    * Static/DynamicMenuStyle The MenuStyle sets the properties that control the corresponding Menu 
        think of it as the style for the box that contains all of the MenuItems. In addition to the traditional style properties it also includes HorizontalPadding and VerticalPadding.

    * DynamicMenuItemStyle The MenuItemStyle sets the properties that control the display of the individual MenuItems contained in the corresponding component of the menu
        think of it as the style for the links that appear within the box. In addition to the traditional style properties it also includes ItemSpacing, HorizontalPadding and VerticalPadding.

    * DynamicSelectedStyle The SelectedStyle sets the properties that control the display of the individual MenuItem that is currently selected and contained on the corresponding component of the menu 
        think of it as a MenuItemStyle specific to the selected item. In addition to the traditional style properties it also includes ItemSpacing, HorizontalPadding and VerticalPadding.

    * DynamicHoverStyle The HoverStyle sets the properties that control the display of the individual MenuItem that is currently selected and contained on the corresponding component of the menu 
        think of it as a MenuItemStyle specific to the selected item. In addition to the traditional style properties it also includes ItemSpacing, HorizontalPadding and VerticalPadding.

*/


/********************************************************/
/* VERTICAL MENU STYLES */
/********************************************************/


.menuVertical_MainStyle
{
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
	width: 175px;
	text-align: left;
}

.menuVertical_StaticMenuStyle
{
    border-top: black 1px solid;
    /* border-bottom: black 1px solid; */
    border-right: black 1px solid;
    border-left: black 1px solid;
    /*
    font-weight: bold;
    font-size: 9pt;  
    */ 
}

.menuVertical_StaticMenuStyle a:link { color:#000000; }
.menuVertical_StaticMenuStyle a:visited { color:#000000; }
.menuVertical_StaticMenuStyle a:active { color:#000000; }
.menuVertical_StaticMenuStyle a:hover { color:#000000; }



.menuVertical_StaticMenuItemStyle
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom: black 1px solid;
    /*
    font-weight: bold;
    font-size: 9pt;  
    */ 
}
/*
to make entire cell clickable 
.smis a { width:100%; display:block; }
*/
.menuVertical_StaticMenuItemStyle a { width:95%; display:block; }



.menuVertical_StaticSelectedStyle
{
    background-color: yellow;
}

.menuVertical_StaticHoverStyle
{
	background-color: #472E16;
	color: #000000;
	text-decoration: none;
}

.menuVertical_StaticHoverStyle a:link { color:#ffffff; }
.menuVertical_StaticHoverStyle a:visited { color:#ffffff; }
.menuVertical_StaticHoverStyle a:active { color:#ffffff; }
.menuVertical_StaticHoverStyle a:hover { color:#ffffff; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.menuVertical_DynamicMenuStyle
{
    border-top: black 1px solid;
    /* border-bottom: black 1px solid; */
    border-right: black 1px solid;
    border-left: black 1px solid;

    
	/* Width/height can be set on the control to fix Firefox problem. */
    /* width: 175px; */
	/* IE 8 bug fix */
	z-index: 100;
    font-weight: bold;
    font-size: 11px;
}

.menuVertical_DynamicMenuStyle a:link { color:#000000; }
.menuVertical_DynamicMenuStyle a:visited { color:#000000; }
.menuVertical_DynamicMenuStyle a:active { color:#000000; }
.menuVertical_DynamicMenuStyle a:hover { color:#000000; }

.menuVertical_DynamicMenuItemStyle
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: black 1px solid;
	background-color: #CCCCCC;
	/* Width/height can be set on the control to fix Firefox problem. */
    width: 175px;
}

.menuVertical_DynamicSelectedStyle
{
    /*
    background-color: yellow;
    */
}

.menuVertical_DynamicHoverStyle
{
	background-color: #482F17;
	color: #000000;
	text-decoration: none;
}

.menuVertical_DynamicHoverStyle a:link { color:#ffffff; }
.menuVertical_DynamicHoverStyle a:visited { color:#ffffff; }
.menuVertical_DynamicHoverStyle a:active { color:#ffffff; }
.menuVertical_DynamicHoverStyle a:hover { color:#ffffff; }



/********************************************************/
/* HORIZONTAL MENU STYLES */
/********************************************************/

.menuHorizontal_MainStyle
{

}

.menuHorizontal_StaticMenuItemStyle
{

}

.menuHorizontal_StaticSelectedStyle
{

}

.menuHorizontal_StaticHoverStyle
{    

}

.menuHorizontal_DynamicMenuStyle
{    
	/* IE 8 bug fix */
    z-index: 100;
}

.menuHorizontal_DynamicMenuStyle a:link { color:#000000; }
.menuHorizontal_DynamicMenuStyle a:visited { color:#000000; }
.menuHorizontal_DynamicMenuStyle a:active { color:#000000; }
.menuHorizontal_DynamicMenuStyle a:hover { color:#000000; }

.menuHorizontal_DynamicMenuItemStyle
{    

}

.menuHorizontal_DynamicSelectedStyle
{    

}

.menuHorizontal_DynamicHoverStyle
{    

}

.menuHorizontal_DynamicHoverStyle a:link { color:#ffffff; }
.menuHorizontal_DynamicHoverStyle a:visited { color:#ffffff; }
.menuHorizontal_DynamicHoverStyle a:active { color:#ffffff; }
.menuHorizontal_DynamicHoverStyle a:hover { color:#ffffff; }


/* gold - #FFD700 */
/* lightgold - #FBE5A1 */
/* goldenrod - #DAA520 */
/* steelblue - #4682B4 */
/* lightsteelblue - #B0C4DE */
/* lightblue - #ADD8E6 */
/* darkseagreen - #8FBC8F */
/* seagreen - #2E8B57 */
/* green - #008000 */
/* forestgreen - #228B22 */
/* lightgreen - #90EE90 */
/* darkkhaki - #BDB76B */
/* palegoldenrod - #EEE8AA */
/* moccasin - #FFE4B5 */
/* burlywood - #DEB887 */
/* tan - #D2B48C */
/* orange - #FFA500 */
/* darkorange - #FF8C00 */
/* crimson - #DC143C */
/* thistle - #D8BFD8 */
/* lightgoldenrodyellow - #FAFAD2 */
/* honeydew - #F0FFF0 */
/* bisque - #FFE4C4  */
/* gainsboro - #DCDCDC */
/* silver - #C0C0C0 */
/* slategray - #708090 */
/* royalblue - #041690 */