/* NAVIGATION */
#navigation { margin:0 0 15px 0 }
#navigation ul, #navigation li { padding:0; margin:0; list-style:none; list-style-image:none }

/* borders */
#navigation li { border-top:1px solid #4B668D; border-bottom:1px solid #444D54 }
#navigation li.before-collapsable { border-bottom-color:#374A68 }
#navigation li.collapsable,  #navigation li.selected { border-top-color:#4B668D; border-bottom-color:#444D54 }
#navigation li.nested { border:none !important }
#navigation li.first { border-top:1px solid #4B668D; clear:left }

#navigation li {  padding: 7px 16px; line-height:13px }
#navigation li a { color:#d9dde4; font-size:11px; font-weight:bold }
#navigation li, #navigation li.expandable { background-color:#405779 }
#navigation li.collapsable, #navigation li.selected { background-color:#4B668D; border-top-color:#4B668D }
#navigation li.collapsable a { color:#ffffff }
#navigation li.nested { padding:1px 0 1px 10px; background:transparent url(img/navigation_li.gif) no-repeat    }
#navigation li.nested a { color:#C8CBCE; font-size:10px; font-weight:normal }
#navigation li li.selected { background-position:-193px 0 }
#navigation li.selected a  { color:#ffffff }
#navigation li.selected li a  { color:#C8CBCE }
#navigation li li.nested a.selected  { color:#EBAD14 }

/* hitareas */
#navigation li .hitarea { height:11px; width:11px; margin-left: -11px; float: left; cursor: pointer; background:transparent url(img/navigation_hitarea.gif) no-repeat 0 0    }
#navigation li .collapsable-hitarea { background-position: 0 -30px }
#navigation li .expandable-hitarea { background-position: 0 0 }
#navigation li.collapsable .expandable-hitarea { background-position: 0 0px; margin-left:-0px }
#navigation li.expandable .collapsable-hitarea { background-position: 0 -45px }
#navigation li .selected-hitarea { cursor:default }
* html .hitarea { display: inline; float:none }