﻿/* Top Menu */
.bar_menu { position: relative; z-index:800; border-bottom:3px solid #ADADAD; margin-bottom:5px; padding-right:20px; }
.bar_menu ul, .bar_menu li { list-style: none; outline-style: none; margin: 0; padding: 0; }
.bar_menu li { cursor: pointer; }
.bar_menu li > ul { visibility:hidden; }
.bar_menu li:hover > ul { visibility:visible; }
.bar_menu li > a, .bar_menu li > span { color:#fff; font-weight:bold; text-transform:uppercase; padding:5px 15px; display:block; font-family:Tahoma; font-size:12px; }
.bar_menu li > a:hover, .bar_menu li > span:hover { color:#fff; }


.bar_menu li.side_child_items > a, .bar_menu li.side_child_items > span { background:url(images/bar-arrow.gif) no-repeat 97% center; padding-right:20px; }
.bar_menu li li.side_child_items > a, .bar_menu li li.side_child_items > span { background:url(images/side-arrow.gif) no-repeat 98% center;  padding-right:20px; }

.bar_menu > ul { float:right; }
.bar_menu > ul > li { float: left; visibility:visible; background:#7F7E5F; margin:0 0 0 3px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
.bar_menu > ul > li:hover { position: relative; background:#7F7E5F; }
.bar_menu > ul > li > a, .bar_menu > ul > li > span { padding:5px 15px 3px 15px; }

.bar_menu > ul > li > ul > li { border-top: 1px solid #fff; border-bottom: 1px solid #ADADAD; background:#9E9E8F; }
.bar_menu > ul > li > ul > li:hover { position: relative; background:#7F7E5F; }

.bar_menu > ul > li > ul > li ul li { border-top: 1px solid #fff; border-bottom: 1px solid #ADADAD; background:#9E9E8F; }
.bar_menu > ul > li > ul > li ul li:hover { position: relative; background:#7F7E5F; }

.bar_menu > ul > li > ul { position: absolute; top: 100%; left: auto; right:-1px; width:180px; border: 1px solid #ADADAD; border-bottom:0; }
.bar_menu > ul > li > ul > li ul { position: absolute; left:auto; top:-2px; right:100%; width:180px; border: 1px solid #ADADAD; border-bottom:0; }
/* Top Menu Direction */
.bar_menu_top_right > ul > li { float:right; margin:0 0 0 3px;}
.bar_menu_top_right > ul > li > ul { left:auto; right:-1px; }
.bar_menu_top_right > ul > li > ul > li ul { left:auto; right:100%;}
.bar_menu_top_right li > a, .bar_menu_top_right li > span { text-align:right; }

/* Side Menu */
.side_popup_menu { position: relative; z-index:750; margin-bottom:5px; }
.side_popup_menu ul, .side_popup_menu li { list-style: none; outline-style: none; margin: 0; padding: 0; }
.side_popup_menu li { cursor: pointer; }
.side_popup_menu li > ul { visibility:hidden; }
.side_popup_menu li:hover > ul { visibility:visible; }
.side_popup_menu li > a, .side_popup_menu li > span { color:#000; font-weight:bold; padding:5px 15px; display:block;}
.side_popup_menu li > a:hover, .side_popup_menu li > span:hover { color:#000; }
.side_popup_menu li.side_child_items > a, .side_popup_menu li.side_child_items > span { background:url(images/side-arrow.gif) no-repeat 98% center;  padding-right:20px; }

.side_popup_menu > ul > li { visibility:visible; }

.side_popup_menu > ul > li:first-child { border-top: 0; }
.side_popup_menu > ul > li > a, .side_popup_menu > ul > li > span { padding:5px 15px 5px 25px; font-family:Tahoma; font-size:12px; color:#000;  text-transform:uppercase; background:url(images/left_icon.png) 10px 8px no-repeat !important; }

.side_popup_menu > ul > li > ul > li { background:url(images/left_icon_2.jpg) 25px 10px no-repeat !important; }
.side_popup_menu > ul > li > ul > li:hover { position: relative; }
.side_popup_menu > ul > li > ul > li > a, .side_popup_menu > ul > li > ul > li > span { padding:4px 15px 4px 35px; font-family:Tahoma; font-size:12px; color:#000; font-weight:normal; }


.side_popup_menu > ul > li > ul > li ul li { border-top: 1px solid #fff; border-bottom: 1px solid #ADADAD; background:#9E9E8F; }
.side_popup_menu > ul > li > ul > li ul li:hover { position: relative; background:#7F7E5F; }

.side_popup_menu > ul > li > ul { visibility:visible; }
.side_popup_menu > ul > li > ul > li ul { position: absolute; left: 100%; top:-2px; right:auto; width:180px; border: 1px solid #ADADAD; border-bottom:0; }
/* Side Menu Direction */
.side_popup_menu_right > ul > li {}
.side_popup_menu_right > ul > li > ul { left:auto; right:100%; }
.side_popup_menu_right > ul > li > ul > li ul { left:auto; right:100%;}
.side_popup_menu_right li > a, .side_popup_menu_right li > span { text-align:left; }
