/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_pullup.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { height: 31px; float: left; }
.menu ul { padding: 0; margin: 0px 0px 0px -1px; list-style-type: none; float: left; }
.menu li { float: left; width: 154px; position: relative; }
.menu li#start { width: 50px; }
.menu a, .menu a:visited { text-align: left; display: block; width: 50px; height: 23px; padding: 8px 0px 0px 10px; background: url("../images/status_element_top.jpg") no-repeat top right; color: #82c0d9; text-transform: uppercase; }
* html .menu a, * html .menu a:visited { width: 144px; w\idth: 144px; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { color: #ccc; margin: 0px 0px 0px 1px; text-transform: none; font-weight: normal; height: 21px; padding: 10px 0px 0px 10px; width: 144px; background: url("../images/status_element_second.jpg") no-repeat bottom left; }
/* style the second level hover */
.menu ul ul a.drop:hover { background: url("../images/status_element_second.jpg") no-repeat top left; }
.menu ul ul :hover > a.drop { }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { text-align: left; width: 170px; color: #fff; text-transform: none; font-weight: normal; height: 23px; padding: 8px 0px 0px 10px; background: url("../images/status_element_third.jpg") no-repeat bottom left; }
/* style the third level hover */
.menu ul ul ul a:hover { background: url("../images/status_element_third.jpg") no-repeat top left; }
.menu ul ul ul :hover > a { }

.menu table { border-collapse: collapse; border: 0; position: absolute; left: 0; bottom: -1px; }
.menu ul ul { visibility: hidden; position: absolute; bottom: 31px; left: 0; width: 154px; }
* html .menu ul ul { bottom: 31px; }
.menu ul ul ul{ left: 154px; bottom: 0; width: 154px; }
.menu ul ul ul.left { left: -154px; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { width: 154px; height: 31px; }
* html .menu ul ul a { width: 154px; width: 154px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover { background: url("../images/status_element_top.jpg") no-repeat top right; }
.menu :hover > a, .menu ul ul :hover > a { }

.menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; height: auto; }
.menu ul :hover ul ul { display: none; margin: 0px 0px 0px -1px; }
.menu ul :hover ul :hover ul ul { display: none; }
.menu ul :hover ul :hover ul { display: block; bottom: 0; }
.menu ul :hover ul :hover ul :hover ul { display: block; bottom: 0; }

div#status { float: right; height: 23px; display: block; padding: 8px 8px 0px 8px; }
div#status a { color: #7ec2d9; }
div#status img { height: 23px; margin-top: -3px; vertical-align: middle; text-align: right; }

span.right { padding: 0px 25px 0px 0px; }

li.note:hover { background-position: top right; }