
/* 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 */

/* Gray - 333333 (light - CCCCCC) */

/********************************************************/
/* VERTICAL MENU STYLES */
/********************************************************/

/*
burlywood - #DEB887
khaki - F0E68C
palegoldenrod - #EEE8AA
gainsboro - #DCDCDC
lavender - #E6E6FA
thistle - #D8BFD8
*/

.menuVertical_MainStyle
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    color: #000000;  
    background-color: #DCDCDC;
    width: 140px;
}

.menuVertical_MainStyle_Admin
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    color: #000000;  
    background-color: #DDA0DD;
    width: 140px;
}

.menuVertical_MainStyle_SuperAdmin
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    color: #000000;  
    background-color: #FBE5A1;
    width: 140px;
}

.menuVertical_MainStyle_WebStore
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    color: #000000;  
    background-color: #00FF7F;
    width: 140px;
}

.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: #708090;
    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;
    background-color: #DCDCDC;
    width: 175px;
}

.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: #DCDCDC; 
    width: 175px;
}

.menuVertical_DynamicSelectedStyle
{
    /*
    background-color: yellow;
    */
}

.menuVertical_DynamicHoverStyle
{
    background-color: #708090;
    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; }