@import url(add-link.css);

#browse-link { text-indent: -9999px; overflow: hidden; }

/* layout */
#body { padding-left: 0; padding-right: 0; width: 980px; }

#top-bar { width: 942px; height: 38px; margin: -27px auto 0 auto; padding-left: 15px; }
 
#top-bar .button { height: 27px; margin: 6px 0 0 6px; }
#top-bar .button .wrapper { height: 27px; padding: 0 5px; display: block; }

#filter { float: left; position: relative; }
#browse-link { position: absolute; top: 0px; left: 100%; display: block}

#session-info { top: 126px; right: 30px; }

#back { float: left;  margin-right: 10px; }

#browse-link { width: 32px; height: 27px; display: block; }

#notice { top: 120px; }

/* color */
#top-bar { color: white; background-image: url(../images/contents/filter_bg.png); }
#top-bar a { color: white; }

#top-bar .button { color: white; background: #868371 url(../images/contents/button_left_bg.png) no-repeat scroll 0 0; }
#top-bar .button .wrapper { background: transparent url(../images/contents/button_right_bg.png) no-repeat scroll top right; }

#session-info, #session-info a { color: black; }

#top-bar a#browse-link { background: transparent url(../images/contents/go_button.png) no-repeat scroll 0 0; }
 
/* type */
#top-bar { font-size: 14px; line-height: 38px; }

#top-bar .button { font-size: 12px; line-height: 27px; text-decoration: none; }