/*------------------ mainNav */
#topNav {margin:0px; padding:0px; position:absolute;}

#topNav li {margin:0px; padding:0px; float:left; display:inline;  background:#333; border:1px solid #222 }

#topNav li a {font-size:12px; color:#fff; outline:none; display:block; padding:5px 10px 5px 10px; background:url(../graphics/layout/btnTopNav.gif) top repeat-x; text-decoration:none}

#topNav li a:hover {text-decoration:none; background-position:0 -35px; } 

/*------------------ subNav */

#topNav li div.subNavWrap {position:absolute; z-index:5;}

#topNav li ul.subNav {marign:0px; padding:0px; display:none; }

#topNav li ul.subNav  li {display:block; float:none; background:none; border:none;}

#topNav li.menu div.subNavWrap ul.subNav li a {display:block;background:none; background-color:#333; border-bottom:1px solid #444; border-top:none; padding:3px 6px 3px 6px; color:#ccc; text-decoration:none; width:150px; text-decoration:none; font-size:11px }

#topNav li.menu div.subNavWrap ul.subNav li a:hover {background:none; background-color:#111; color:#5490e1;}




/*-------------------------- tab system */

ul.tabNav {margin:0px; padding:0px}

ul.tabNav li {float:left; display:inline}

ul.tabNav li a {}

ul.tabNav li a:hover {}

ul.tabNav li span {display:block; padding:5px 10px 5px 10px; background:url(../graphics/layout/bgContentWrap.gif) right bottom no-repeat; margin:0 1px 1px 0;}

ul.tabNav li a:hover span {background-position:left bottom; color:#333}


ul.tabNav li a.selected {}

ul.tabNav li a.selected:hover {}

ul.tabNav li a.selected span {margin-bottom:0px; padding-bottom:6px; border-bottom:none; background:#fff}
ul.tabNav li a.completed span {margin-bottom:0px; padding-bottom:6px;  background:#ccc}

ul.tabNav li a.selected:hover span {margin-bottom:0px; padding-bottom:6px; border-bottom:none; background:#fff; color:#5490e1;}