/* CSS Document */

#navigator { width: 980px; height: 38px; margin: 10px auto; position: relative; z-index: 9998; }
#navigator #bunnyNavigator { margin: 0; padding: 0; }
#navigator #bunnyNavigator li { display: inline; }
#navigator #bunnyNavigator li a { float: left; height:0px; padding-top: 38px; overflow: hidden; }
#navigator #bunnyNavigator li a,
#search { background-image: url(navigator.png); _background-image: url(navigator.gif); background-repeat: no-repeat; }

/* BUTTONS */
#navigator #bunnyNavigator li#bunny.selected a { background-position: 0 0; width: 67px;}
#navigator #bunnyNavigator li#disney.selected a { background-position: -68px 0; width: 141px;}
#navigator #bunnyNavigator li#anime.selected a { background-position: -209px 0; width: 121px;}
#navigator #bunnyNavigator li#midi.selected a { background-position: -330px 0;  width: 121px;}
#navigator #bunnyNavigator li#classical.selected a { background-position: -451px 0;  width: 141px;}
#navigator #bunnyNavigator li#animeblog.selected a { background-position: -592px 0; width: 121px; }
#navigator #bunnyNavigator li#blog.selected a { background-position: -713px 0;  width: 121px;}

#navigator #bunnyNavigator li#bunny a { background-position: 0 -38px; width: 67px;}
#navigator #bunnyNavigator li#disney a { background-position: -68px -38px; width: 141px;}
#navigator #bunnyNavigator li#anime a { background-position: -209px -38px; width: 121px;}
#navigator #bunnyNavigator li#midi a { background-position: -330px -38px;  width: 121px;}
#navigator #bunnyNavigator li#classical a { background-position: -451px -38px;  width: 141px;}
#navigator #bunnyNavigator li#animeblog a { background-position: -592px -38px; width: 121px; }
#navigator #bunnyNavigator li#blog a { background-position: -713px -38px;  width: 121px;}

#navigator #bunnyNavigator li#bunny a:active { background-position: 0 -76px; width: 67px;}
#navigator #bunnyNavigator li#disney a:active { background-position: -68px -76px; width: 141px;}
#navigator #bunnyNavigator li#anime a:active { background-position: -209px -76px; width: 121px;}
#navigator #bunnyNavigator li#midi a:active { background-position: -330px -76px;  width: 121px;}
#navigator #bunnyNavigator li#classical a:active { background-position: -451px -76px;  width: 141px;}
#navigator #bunnyNavigator li#animeblog a:active { background-position: -592px -76px; width: 121px; }
#navigator #bunnyNavigator li#blog a:active { background-position: -713px -76px;  width: 121px;}

#navigator #bunnyNavigator li#bunny a:hover { background-position: 0 -114px; width: 67px;}
#navigator #bunnyNavigator li#disney a:hover { background-position: -68px -114px; width: 141px;}
#navigator #bunnyNavigator li#anime a:hover { background-position: -209px -114px; width: 121px;}
#navigator #bunnyNavigator li#midi a:hover { background-position: -330px -114px;  width: 121px;}
#navigator #bunnyNavigator li#classical a:hover { background-position: -451px -114px;  width: 141px;}
#navigator #bunnyNavigator li#animeblog a:hover { background-position: -592px -114px; width: 121px; }
#navigator #bunnyNavigator li#blog a:hover { background-position: -713px -114px;  width: 121px;}

#search { width: 147px; height: 38px; position: absolute; top: 0; right: 0; background-position: 100% -38px; background-repeat: no-repeat; }
#search.active { background-position: 100% -76px; }
#search input.g-prettysearch { width:100px; height: 16px; margin-top: 0px; margin-left: 11px; background: url(searchfield_repeat.png) left top repeat-x; }
#search .search-wrapper input.g-prettysearch { position: absolute; width: 100px; top: 0; right: 10px; background: url(searchfield_repeat.png) center top repeat-x; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Geneva, Arial, sans-serif; }
#search .search-wrapper { position: relative; width: 130px; margin-top: 9px; margin-left: 8px; }
#search .search-wrapper .left, 
#search .search-wrapper .right { behavior:url(http://www.bunny.tw/iepngfix.htc); }
#search .search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(searchfield_leftcap.png) left top no-repeat; }
#search .search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(searchfield_rightcap.png) right top no-repeat; }