@charset "utf-8";
/* CSS Document */

HTML, BODY { padding: 0; margin: 0; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; }

A { outline: none; }

#bar_actions.closer { position: absolute; top: 0; right: 20px; width: 100px; height:24px; z-index: 3; }
.closer A { position: relative; float: right; display: block; height: 24px; width: 26px; background-repeat: no-repeat; font-size: 11px; color: #aaa; text-align: left; line-height: 24px; overflow: hidden; text-decoration: none; }
.closer A.active { background-image: url(../images/closer-up.gif); text-indent: -54px; }
.closer A.inactive { background-image: url(../images/closer-down.gif); text-indent: -62px; background-color: #eee; height: 23px; background-position: bottom; }
.closer A:HOVER { background-color: #eee; overflow: visible; }

#touchnet_bar { font-size: 11px; }
#touchnet_bar A { text-decoration: none; font-weight: bold; }

#touchnet_bar.container { position: absolute; top: 0; left: 0; width: 100%; height:24px; z-index: 2; background: url(../images/bkgd-span.gif) repeat-x; }

#touchnet_bar .logo { position: relative; float: left; width: 104px; height: 100%; }
.logo A { position: relative; float: left; display: block; height: 23px; width: 104px; background: url(../images/logo.jpg) no-repeat; }
.logo A:HOVER { background-image: url(../images/logo-over.jpg); }

#touchnet_bar .addme { position: relative; float: left; width: 24px; height: 100%; }
.addme A { position: relative; float: left; display: block; height: 24px; width: 23px; background: url(../images/addme.gif) no-repeat right; margin: 0 10px 0 1px; }
.addme A:HOVER { background-color: #eee; margin: 0 10px 0 0; width: 24px; }

#touchnet_bar .menu { position: relative; float: left; width: 450px; height: 100%; }

#nav, #nav UL, #nav LI { padding: 0; margin: 0; list-style: none; }
#nav, #nav UL { width: 100%; }
#nav LI { position: relative; float: left; width: 150px; text-align: center; line-height: 24px;  }
#nav UL { display: none; position: absolute; }
#nav UL UL { left: 100%; top: 0; }

#nav A { display: block; line-height: 24px; color: #333; }

#nav>LI.current { background: #eee; }
#nav>LI>UL>LI.current { background: #ddd; }
#nav>LI>UL>LI>UL>LI.current { background: #ccc; }
#nav>LI>UL>LI>UL>LI>UL>LI.current { background: #bbb; }

#nav UL { background: #eee; border: solid 1px #ddd; }
#nav UL UL { background: #ddd; border: solid 1px #ccc; }
#nav UL UL UL { background: #ccc; border: solid 1px #bbb; }

#touchnet_bar .status { position: relative; float: left; width: 260px; height: 100%; line-height: 23px; color: #aaa; margin-left: 10px; }