body {
	font-family: "Segoe UI", Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif;
	font-size:62.5%;
	background:#fff;
	color: #444;
}
#mako_menu {
	width: 180px;
	position:relative;
	top:10px;

}

#menu_navigator {position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden;}

a img {border: 0;}

a, *{outline: 0 !important;}
a span { cursor:pointer; }
a span b, button span b { display:block; }


a.menuBtn:link,
a.menuBtn:visited {
	float: left;
	background:url(bg_date_picker_select_rt.gif) right top no-repeat;
	text-decoration: none;

	padding-right:2px;
	color: #444 !important;
	outline: 0 !important;
	}
a.menuBtn:hover,
a.menuBtn:active { }

a.menuBtn:link span,
a.menuBtn:visited span { display: block;
	margin-right: 20px;
	height: 20px;
	line-height: 2em;
	padding-left: 10px !important;
	background: url(bg_date_picker_select.gif) left top no-repeat;}


.positionHelper { position:absolute; cursor:pointer; top:210px;}
.menuContainer {border-bottom:2px solid #eee;
border-right:2px solid #eee;
padding-bottom:2px;
padding-right:2px;
background:#ccc;}
.menuContainer p.menuLoading { color:#444; font-size:1.1em; padding:.5em; }
.hiddenContent { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.menu, .menu ul { background:#FFFFFF; list-style-type:none; visibility:hidden;  overflow: hidden; position:absolute; top:0; left:0; padding: 0; margin:0; color:#666;}
.menu li { clear:both; float:left; width:100% !important;  }
.menu li.hover {background: #eee;}

.menu p,
.menu a:link,
.menu a:visited,
.menu a:hover,
.menu a:active { float:left; width:13.7em; padding:.3em; padding-left:.5em; margin:0; font-size:1em; font-weight:bold; line-height:1.2em; color:#666; text-decoration:none;}

.menu a.singleLink:link,
.menu a.singleLink:visited,
.menu a.singleLink:hover,
.menu a.singleLink:active { float:none; display:block; width:14em; }

.menu a:hover,
.menu a:active,
.menu a.singleLink:hover,
.menu a.singleLink:active,
.menu a.mCurrent {color:#fff !important; background:#4e92c8;}


.scrollNeeded a:link,
.scrollNeeded a:visited,
.scrollNeeded a:hover,
.scrollNeeded a:active { width:15em; }

.menu a.menuIndicator:link,
.menu a.menuIndicator:visited { background: url(icon_arrow_right.gif) no-repeat 98% center; }
.menu a.menuIndicator:hover,
.menu a.menuIndicator:active {color:#fff; background-color:#4e92c8; background-image: url(icon_arrow_right_hover.gif); }

/*next level links*/
.menu a.nextLevel:link,
.scrollNeeded a.nextLevel:link,
.menu a.nextLevel:visited,
.scrollNeeded a.nextLevel:visited,
.menu a.nextLevel:hover,
.scrollNeeded a.nextLevel:hover,
.menu a.nextLevel:active,
.scrollNeeded a.nextLevel:active { float:right; width:12px; overflow:hidden; margin: 0; padding-left: .3em; background:url(icon_arrow_right.gif) no-repeat 70% 50%; text-indent:-30em; }
.menu a.nextLevel:hover,
.menu a.nextLevel:active { background: #4e92c8 url(icon_arrow_right_hover.gif) no-repeat 70% 50%; }




/*BREADCRUMBS*/
.ddBreadcrumb {width:18em; font-size:1em; background:#f9f9f9; padding: .5em 0; margin: 0; border-bottom: 1px solid #ccc;}
.ddBreadcrumb li { float: left; list-style: none; margin: 0;padding:.1em 0; padding-left:.5em;}
.ddBreadcrumb li.currentCrumb {clear: left; float: none; margin: .1em 0 0 0;}
.ddBreadcrumb a, .ddBreadcrumb span {font-size: 1.1em;}
.ddBreadcrumb a:link,
.ddBreadcrumb a:visited { color:#1266a9; background:url(icon_breadcrumb.gif) no-repeat right; padding-right:10px; margin-right:.5em; }
.ddBreadcrumb a:hover,
.ddBreadcrumb a:active { color:#4e92c8; }
.ddBreadcrumb .currentCrumb a:link,
.ddBreadcrumb .currentCrumb a:visited,
.ddBreadcrumb .currentCrumb a:hover,
.ddBreadcrumb .currentCrumb a:active { display:block; color:#586FA3; background-image:none; font-size:1.2em; font-weight:bold; padding:.1em 0 0; margin-right:0; text-decoration:none; }
.ddBreadcrumb .currentCrumb a:hover,
.ddBreadcrumb .currentCrumb a:active { text-decoration:underline; }




/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */
/* without this class applied, a float might hang over the bottom border of it's container */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }

/* hides clearfix from IE-mac \*/
//html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */