﻿/* DropDown Menu */

/* menu container div */
#menu																{ height:20px; padding:0; font:normal 9px arial; text-transform:uppercase; border:1px solid #999; border-top:0; }
#nav																{ float:left; }
#menu ul,
#menu li															{ margin:0; padding: 0; list-style-type:none; z-index:999; }

/* horizontal root */
#nav ul 															{ position:absolute; top:20px; display:none; border:1px solid #999; }
#nav li 															{ position:relative; float:left; border-right:1px solid #999; }
#nav li a														{ display:block; height:20px; padding:1px 9px 0 9px; line-height:20px; text-decoration:none; color:#555; }

/* dropdown */
#nav ul ul 														{ left:160px; top:-1px; }
#nav li li 														{ background:white; border:0; }
#nav li li a													{ width:150px; padding:0 0 0 10px; }

/* has not children */
#nav li li a,
#nav .fly li a,
#nav .fly .fly li a,
#nav .fly .fly .fly li a,
#nav .fly .fly .fly .fly li a								{ float:left; margin:0; background:none; }

/* has children */
#nav .fly a,
#nav .fly .fly a,
#nav .fly .fly .fly a,
#nav .fly .fly .fly .fly a,
#nav .fly .fly .fly .fly .fly a							{ background:url(../../img/icon/arrow-gray.gif) no-repeat 100% 50%; }

/* default */
#nav .active ul li a,
#nav .active .fly ul li a,
#nav .active .fly .fly ul li a,
#nav .active .fly .fly .fly ul li a,
#nav .active .fly .fly .fly .fly ul li a				{ color:#555; background:white; }

#nav .active .fly a,
#nav .active .fly .fly a,
#nav .active .fly .fly .fly a,
#nav .active .fly .fly .fly .fly a						{ color:#555; background:white url(../../img/icon/arrow-gray.gif) no-repeat 100% 50%; }


/* hover */
#nav a.hover,

#nav .fly a.hover,
#nav .fly .fly a.hover,
#nav .fly .fly .fly a.hover,
#nav .fly .fly .fly .fly a.hover							{ color:white !important; background:#09f !important; }

#nav a.hoverfly,
#nav .fly a.hoverfly,
#nav .fly .fly a.hoverfly,
#nav .fly .fly .fly a.hoverfly,
#nav .fly .fly .fly .fly a.hoverfly						{ color:white !important; background:#09f url(../../img/icon/arrow-white.gif) no-repeat 100% 50% !important; }

/* active */
#nav .active a,
#nav .active .active a,
#nav .active .active .active a,
#nav .active .active .active .active a,
#nav .active .active .active .active .active a,
#nav .active .active .active .active .active .active a	{ color:white; background:#09f; }

#nav .fly.active a,
#nav .fly .fly.active a,
#nav .fly .fly .fly.active a,
#nav .fly .fly .fly .fly.active a,
#nav .fly .fly .fly .fly .fly.active a					{ color:white; background:#09f url(../../img/icon/arrow-white.gif) no-repeat 100% 50%; }


/* rightmenu */
#rightmenu														{ float:right; }
#rightmenu ul 													{ position:absolute; top:20px; display:none; border:1px solid #999; }
#rightmenu li													{ float:left; border-left:1px solid #999; }
#rightmenu li.member											{ position:relative; float:left; border: none; text-transform: capitalize; font: bold 12px arial; padding: 3px 5px 0 0; }
#rightmenu li a												{ display:block; height:20px; padding:1px 9px 0 9px; line-height:20px; text-decoration:none; color:white; background:#003; }
/*#rightmenu li:first-child a								{ background:#09f; }*/

/* dropdown */
#rightmenu ul ul 												{ left:160px; top:-1px; }
#rightmenu li li 												{ background:white; border:0; }
#rightmenu li li a											{ width:150px; padding:0 0 0 10px; }

/* has not children */
#rightmenu li li a,
#rightmenu .fly li a,
#rightmenu .fly .fly li a,
#rightmenu .fly .fly .fly li a,
#rightmenu .fly .fly .fly .fly li a						{ float:left; margin:0; background:none; }

/* has children */
#rightmenu .fly a,
#rightmenu .fly .fly a,
#rightmenu .fly .fly .fly a,
#rightmenu .fly .fly .fly .fly a,
#rightmenu .fly .fly .fly .fly .fly a					{ background:url(../../img/icon/arrow-gray.gif) no-repeat 100% 50%; }

/* hover & active menu */
#rightmenu .active a,
#rightmenu .active .active a,
#rightmenu .active .active .active a,
#rightmenu .active .active .active .active a,
#rightmenu .active .active .active .active .active a,

#rightmenu a:hover,
#rightmenu li li a.hover,
#rightmenu .fly a.hover,
#rightmenu .fly .fly a.hover,
#rightmenu .fly .fly .fly a.hover,
#rightmenu .fly .fly .fly .fly a.hover,
#rightmenu .fly .fly .fly .fly .fly a.hover			{ background:#09f; }


/*--- left menu ---*/
#leftmenu														{ padding: 0; font:normal 10px arial; text-transform:uppercase; }
#leftmenu ul,
#leftmenu li													{ margin:0; padding: 0; list-style-type:none; z-index:999; }
#leftmenu li a													{ display:block; height:20px; padding: 0px 0 0px 20px; line-height:20px; text-decoration:none; color:#555; }
#leftmenu li.row1												{ background-color: #F0F1F3; }
#leftmenu li.row2												{ background-color: #E1E2E4; }
#leftmenu a:hover												{ background-color: #09f; color: #fff; }
#leftmenu li.active,
#leftmenu li.active a										{ background-color: #09f; color: #fff; }

