body { padding-top: 28px; }
#topbar { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; font-size: 11px; font-family: 'Helvetica Neue', 'Arial', Tahoma, sans-serif; background: #e5e5e5 url(topbarbg.png) repeat-x top left; color: #000; }
#topbar a { color: #3a3333; }
#topbar img { border: 0px; }
#topbar div, #topbar ul, #topbar li { margin: 0px; padding: 0px; }
#topbar #topbar_menu { position: relative; border: 1px solid #ccc; margin: 0px; height: 26px; padding: 0px 10px; z-index: 90; }
#topbar #topbar_combo_wrap { border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; }
#topbar #topbar_combo_wrap .active { background-color: #fff; }
#topbar #topbar_combo_menu { width: 220px; background: #fff; border-width: 1px; border-style: solid; border-color: #ccc #333 #333 #333; position: absolute; top: 25px; left: 10px; padding: 5px; z-index: 98; }
#topbar #topbar_combo_menu a { text-decoration: none; color: #3B5998; }
#topbar #topbar_combo_menu a:hover { text-decoration: underline; }
#topbar #topbar_combo_menu li.topbar_combo_menu_separator { height: 1px; line-height: 1px; font-size: 1px; background-color: #ccc; margin: 5px 0px; }
#topbar #topbar_quick_icon { float: left; margin-left: 10px; }
#topbar #topbar_quick_icon a { text-decoration: none; }
#topbar #topbar_quick_icon .topbar_quick_icon_elem { float: left; line-height: 26px; margin-left: 5px; }
#topbar #topbar_combo_right { position: absolute; top: 0px; right: 0px; z-index: 91; width: 230px; height: 26px; }
#topbar #topbar_combo_right a { text-decoration: none; }
#topbar .topbar_button { cursor: pointer; line-height: 26px; padding: 0px 10px; }
#topbar #topbar_middle_wrap ul { padding: 0px; margin: 0px; display: inline; }
#topbar #topbar_middle_wrap ul li { padding: 0px; margin: 0px; display: inline; list-style-type: none; }
#topbar #topbar_middle_wrap ul li a { text-decoration: none; padding: 2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
#topbar #topbar_middle_wrap ul li a:hover { background-color: #fff; }

#topbar #topbar_user_extend { position: absolute; right: 90px; top: 26px; background: url('bg_userpanel.gif') left top no-repeat; width: 219px; height: 100px; z-index: 100; }
#topbar #topbar_user_extend .wrap { padding: 20px 8px 8px 8px; height: 47px; }
#topbar #topbar_user_extend .wrap img.thumbnail { width: 47px; height: 47px; float: left; margin-right: 5px; }
#topbar #topbar_user_extend .wrap p { float: left; }
#topbar #topbar_user_extend .wrap .row {  }
#topbar #topbar_user_extend .wrap .row span.type { display: block; float: left; width: 77px; margin-right: 12px; }
#topbar #topbar_user_extend .wrap .row span.m-point { display: block; width: 70px; height: 47px; line-height: 47px; background: url('icons/icon_mpoint.gif') left center no-repeat; }
#topbar #topbar_user_extend .wrap .row span.total { display: block; float: left; width: 69px; height: 47px; line-height: 47px; font-size: 1.3em; font-weight: bold; text-align: center; }
#topbar #topbar_user_extend span.editlink, #topbar #topbar_user_extend span.mpoint_info { height: 24px; line-height: 24px; padding: 0px 8px; }
#topbar #topbar_user_extend span.editlink a, #topbar #topbar_user_extend span.mpoint_info a { color: #fef9f3; text-decoration: underline; }
#topbar #topbar_user_extend span.mpoint_info { float: right; }
#topbar #topbar_login_wrap { float: right; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 56px; }
#topbar #topbar_login_wrap .active { background-color: #fff; }
#topbar #topbar_login_extend { position: absolute; right: 10px; top: 26px; padding: 5px; border-width: 1px; border-style: solid; border-color: #ccc #333 #333 #333; background: #fff; z-index: 999; }
#topbar #topbar_login_extend form { font-size: 10px; }
#topbar #topbar_login_extend .form_row label { display: block; }
#topbar #topbar_login_extend .row_submit { text-align: right; padding-top: 3px; }
#topbar #topbar_login_extend .row_submit #forgetpassword { margin-right: 10px; }
#topbar #topbar_login_extend .row_submit #forgetpassword a { color: #3B5998; text-decoration: underline; } 
#topbar #topbar_login_extend .row_submit input { border: 2px solid #666; background: #e5e5e5; padding: 1px 2px; font-weight: normal; font-size: 10px; }
#topbar #topbar_login_extend #topbar_f_login_name { border: 1px solid #666; width: 100px; padding: 2px; background: #e5e5e5; }
#topbar #topbar_login_extend #topbar_f_password { border: 1px solid #666; width: 100px; padding: 2px; background: #e5e5e5; }
#topbar #topbar_login_extend #topbar_f_remember_label { display: inline; }
#topbar #topbar_signup_wrap { float: right; border-left: 1px solid #ccc; width: 81px; text-align: center; }
#topbar #topbar_signup_wrap .active { background-color: #fff; }
#topbar #topbar_signout_wrap { float: right; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 88px; text-align: center; }
#topbar #topbar_signout_wrap .active { background-color: #fff; }
#topbar #topbar_user_wrap { float: right; border-left: 1px solid #ccc; }
#topbar #topbar_user_wrap .active { background-color: #fff; }
#topbar #topbar_user_wrap img.avatar { width: 20px; height: 20px; vertical-align: middle; padding: 0px 4px; border: 0px; margin: 0px; }
#topbar #topbar_combo_menu_head { line-height: 20px; padding: 0px 0px 2px 25px; list-style-type: none; margin: 0px 0px 5px 0px; border-bottom: 1px solid #ccc; background: transparent url(topbar_icons.gif) no-repeat scroll 0 0; }
#topbar #topbar_combo_menu_head div { float: left; display: block; margin-right: 5px; background-image: url(topbar_icons.gif); background-repeat: no-repeat; width: 20px; height: 20px; }
#topbar #topbar_combo_menu_detail ul.column { float: left; width: 100px; }
#topbar ul li.topbar_combo_menu_entry { line-height: 20px; padding: 0px 0px 2px 25px; list-style-type: none; margin: 0px; clear: left; background: none; }
#topbar #topbar_middle { float: left; margin-left: 10px; }
#topbar #topbar_middle_wrap { line-height: 26px; text-shadow: #999 1px 1px 2px; }
#topbar #topbar_combo_button { background: transparent url(topbar_icons.gif) no-repeat scroll 5px -458px; padding: 5px 5px 0px 5px; float: left; display: block; height: 21px; width: 20px; z-index: 99; cursor: pointer; }
#topbar #topbar_combo_button .home { display: none; }
#topbar ul.column li { background-color: transparent; background-image: url(topbar_icons.gif); background-repeat: no-repeat; }
#topbar ul.column li.news { background-position: 0px -200px; }
#topbar ul.column li.travel { background-position: 0px -80px; }
#topbar ul.column li.movie { background-position: 0px -220px; }
#topbar ul.column li.women { background-position: 0px -20px; }
#topbar ul.column li.gossip { background-position: 0px -320px; }
#topbar ul.column li.sport { background-position: 0px -140px; }
#topbar ul.column li.tech { background-position: 0px -100px; }
#topbar ul.column li.game { background-position: 0px -360px; }
#topbar ul.column li.car { background-position: 0px -400px; }
#topbar ul.column li.horo { background-position: 0px -300px; }
#topbar ul.column li.tv { background-position: 0px -60px; }
#topbar ul.column li.links { background-position: 0px -260px; }
#topbar ul.column li.video { background-position: 0px -40px; }
#topbar ul.column li.talk { background-position: 0px -120px; }
#topbar ul.column li.market { background-position: 0px -240px; }
#topbar ul.column li.album { background-position: 0px -440px; }
#topbar ul.column li.club { background-position: 0px -380px; }
#topbar ul.column li.blog { background-position: 0px -420px; }
#topbar ul.column li.pretty { background-position: 0px -543px; }
#topbar ul.column li.picpost { background-position: 0px -160px; }
#topbar ul.column li.glitter { background-position: 0px -339px; }
#topbar ul.column li.work { background-position: 0px -280px; }
#topbar ul.column li.music { background-position: 0px -480px; }
#topbar ul.column li.men { background-position: 0px -503px; }
#topbar ul.column li.poem { background-position: 0px -521px; }
#topbar ul.column li.allure { background-position: 0px -563px; }
#topbar ul.column li.doonung { background-position: 0px -583px; }
#topbar_login_button { background-color: #f8e3b7; }
.clear { clear: both; }
.clear_right { clear: right; }