/* CSS Document */

body { padding-top: 28px; }
#topbar { position: absolute; top: 0px; left: 0px; z-index: 999; width: 100%; font-size: 11px; font-family: 'Helvetica Neue', 'Arial', Tahoma, sans-serif; background:#BEDCE6 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: #FFF #ccc #ccc #ccc; position: absolute; top: 26px; 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 { float: right; }
#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 {color:#FF0000;}
#topbar #topbar_middle_wrap .active {color:#FF0000; padding: 2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
#topbar #topbar_login_wrap { float: right; border-left: 1px solid #ccc; border-right: 1px solid #ccc; z-index: 10; }
#topbar #topbar_login_wrap .active {color:#FF0000;}
#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; }
#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 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; }
#topbar #topbar_signup_wrap .active { background-color: #fff; }
#topbar #topbar_signout_wrap { float: right; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#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:url(images/base.gif) no-repeat scroll 5px; padding: 5px 5px 0px 5px; float: left; display: block; height: 21px; width: 20px; z-index: 99; cursor: pointer; }
#topbar #topbar_combo_button .active{background:url(images/base.gif) no-repeat scroll 5px; padding: 5px 5px 0px 5px; float: left; display: block; height: 21px; width: 20px; z-index: 99; cursor: pointer; background:#FFFFFF}