@charset "utf-8"; /* CSS Document */ /*USEFULL*/ * {margin:0; padding:0} a img, fieldset {border:none} a em,h1 em,h2 em,h3 em,h4 em {display:none;} .clear{ clear:both} a{ outline-width: 0px;} a, a:active { text-decoration:none} a:hover {color:#FFFF00;} * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } body{margin:0; padding:0;font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:13px; color:#333333} body#bodynormal{ background: #FFFFFF url(../img/background.jpg) repeat-x;} body#bodymember{ background: #FFFFFF url(../img/background_member.jpg) repeat-x;} /*TOP*/ #all{ width:980px; height:auto; position:relative; margin:auto;} #flash{ height:188px; width:980px; display:block; float:left; margin:20px 0 0 0} #container,#container_member{ width:980px; height:auto; float:left; margin:5px 0 0 0} #container_member{ background:#FFFFFF; margin-top:20px; padding-bottom:22px } #menu{ height:auto; float:left; height:99px;} #menu a#top_logo{ background: url(../img/h1_toplogo149x56.gif) no-repeat 0 0; display:block; width:176px; height:117px; float:left; margin:0 0 0 0} #menu #navigation{ float:left; width:780px; background:url(../img/navigation_background.jpg) no-repeat 0 0; } #menu a{ float:left; display:block; height:29px; width:136px; background:url(../img/button_yello_roll276x26.jpg) no-repeat -140px 0} #menu a span{ color:#FFFFFF; margin-top:8px} #menu a#home span,#menu a#messages span,#menu a#about span,#menu a#why span,#menu a#help span, #menu a.sel span{ margin:6px 0 0 8px;width:100px; float:left} #menu a:hover,#menu a#about:hover,#menu a#why:hover,#menu a#help:hover, #menu a.sel{ background-position:0 0 !important; font-weight:bold} #menu a#home{ margin:22px 0 0 40px} #menu a#messages{ margin:22px 0 0 0} #menu a#about{ margin:22px 0 0 0 } #menu a#why{ margin:22px 0 0 0 } #menu a#help{ margin:22px 0 0 0; cursor:help } #members_access{ float:left; width:455px; min-height:28px; height:30px; margin:30px 0 0 84px ; border-top:1px dotted #F27302; padding:10px 0 0 0;} #members_access h4#access_title{ background: url(../img/members_access_120x9.jpg) no-repeat; float:left; width:120px; height:9px; display:block; padding-bottom:3px; margin-top:4px} #members_access a {background:none} input.input_access{ width:130px; border:1px solid #FE950D; margin:1px 0 0 14px;font-size:12px; color:white; background:#FADB21; float:left; padding-left:3px; padding-top:2px font-size:10px; height:16px} #members_access form input:focus{background: black } #members_access form div#member_message{ color:red; font-size:11px; padding:0 0 0 130px} input.login{ background:#FFFFFF;width:22px; font-size:22px; margin:0 0 0 14px;float:left; } /*member logged*/ #members_logged{float:left; width:510px; height:48px; margin:22px 0 0 84px ; padding:0;} #members_logged div#log_text{ float:left; margin:3px 0 0 20px } #members_logged div#log_text span.empty_profile{ color:#FF8400; line-height:30px; } #members_logged div#log_text span.empty_profile a{ color:#0099CC; display:inline} #members_logged div#log_text span.empty_profile a:hover{ background:#00CCFF; color:#FFFFFF} #members_logged div#log_text span.logged{ color:#4FB7FF } #members_logged img.img_member{ float:left;border: 1px dotted #FF8400} #members_logged a#logout{ float:left;margin:5px 0 0 67px; background:url(../img/logout.gif) no-repeat; width:128px; height:19px; display:block } div#admin_tools{ background:url(../img/bg_admin_tools.jpg) no-repeat; padding:10px 10px 20px 10px} div#admin_tools h2#h2_admin_tools{ background:url(../img/h2_admin103x22.jpg) no-repeat; width:103px; height:22px; display:block;} div#admin_tools ul{ margin:10px 0 0 20px; padding:0;list-style-image:url(../img/li_admin10x12.jpg); font-size:12px} div#admin_tools ul li a{ color:#000000} div#admin_tools ul li a:hover{ color:#FF8400} /*COLS*/ #left_col{ width:180px; height:auto; margin:14px 0 0 15px; float:left; } #left_col h4,#right_col h4{ width:180px; height:9px; display:block; padding:0 0 15px 0} #left_col h4#invite_friends{ background:url(../img/h4_left_invite_yourfriends140x9.gif) no-repeat} #left_col h4#new_pics_member{ background:url(../img/h4_left_new_pics_members140x9.gif) no-repeat; } #left_col h4#new_pics_group{ background:url(../img/h4_left_new_pics_groups140x9.gif) no-repeat; } #left_col h4#new_member{ background:url(../img/h4_left_new_members140x9.gif) no-repeat; } #left_col h4#last_entries{ background:url(../img/h4_left_lastgroup_40x9.gif) no-repeat} #left_col h4#ranking{ background:url(../img/h4_left_ranking_40x9.gif) no-repeat} #left_col p,#right_col p{ font-size:11px; padding: 0 0 10px 0; color: #999999} .img_member_left{ border: 1px dotted #FF8400} #right_col{ width:180px; height:auto; margin:15px 0 0 30px; float:left; padding-bottom:10px;} #right_col h4#newsletter{ background:url(../img/h4_right_newsletter_140x9.gif) no-repeat} #right_col h4#what_you_want{ background:url(../img/h4_what_you_want_140x9.gif) no-repeat} #right_col h4#search_community{ background:url(../img/h4_find_community_140x9.gif) no-repeat} #right_col h4#search_member{ background:url(../img/h4_find_member_140x9.gif) no-repeat} #right_col h4#news{ background:url(../img/h4_right_news140x9.gif) no-repeat} /*CONTENT*/ #content{ width:526px; height:auto; float:left; display:block; margin:15px 0 0 30px; padding-bottom:15px;} #content div.article{ background:url(../img/bg_artcile566x191.jpg) 0 0 no-repeat; padding:15px 0 0 30px; min-height:150px} #content div.article h2#pick_up_group{ background:url(../img/h2_pick_up_group229x17.gif) no-repeat; width:229px; height:17px; display:block} #content div.article h2#groups_need{ background:url(../img/h2_what_buzz_229x17.gif) no-repeat; width:229px; height:17px; display:block} #content div.article h2#how_efficient{ background:url(../img/h2_how_efficient229x17.gif) no-repeat; width:229px; height:17px; display:block} #content div.article h2#h2_about_buzz{ background:url(../img/h2_about_buzz229x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article h2#h2_why_buzz{ background: url(../img/h2_why_buzz_229x17.gif) no-repeat;width:229px; height:17px; display:block; } #content div.article h2#h2_help_buzz{ background: url(../img/h2_help_buzz229x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article h2#h2_member_profile{ background: url(../img/h2_member_profile_buzz229x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article h2#h2_team_profile{ background: url(../img/h2_member_ban_buzz229x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article h2#h2_contact_us{ background: url(../img/h2_contact_us29x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article h2#h2_team_ranking{ background: url(../img/h2_team_ranking_29x17.gif) no-repeat;width:229px; height:17px; display:block} /* article CONTENT MEMBER PROFILE*/ /*CONTENT MEMBER PROFILE*/ #content div.article div#profile{ margin: 25px auto auto auto } #content div.article div#profile img#img_profile{ float:left} #content div.article div#profile div#content_profile{ float:left} #content div.article div#profile div#content_profile h4.title_profile{font-size:13px; width:452px; margin: 0 0 0 15px; background:url(../img/h4_profile14x18.gif) no-repeat -1px -2px; height:18px} #content div.article div#profile div#teams{ width:452px; background:url(../img/bg_profile_dotted_line.gif) repeat-x top center; padding:5px 0 0 0 } #content div.article div#profile div#teams h4.title_profile_team{font-size:13px; margin:5px 0 0 0px; background:url(../img/h4_team14x18.gif) no-repeat -1px -3px; height:18px} #content div.article div#profile div#content_profile h4.title_profile span{ padding:0 0 0 18px;} #content div.article div#profile div#teams h4.title_profile_team span{ padding:0 0 0 23px;} #content div.article div#profile div#teams ul{ list-style-type:none; } #content div.article div#profile div#teams ul li {display:inline;} #content div.article div#profile div#teams ul li a img{ border:1px solid black;margin:8px 2px 2px 2px} #content div.article div#profile div#content_profile ul{ list-style-type:none; width:360px; margin:2px 0 0 15px; background:url(../img/bg_profile_dotted_line.gif) repeat-x top center;} #content div.article div#profile div#content_profile ul li { padding:10px 5px 5px 5px} /*CONTENT MEMBER*/ #content div.article h2#approve_message{ background: url(../img/h2_approve_229x17.gif) no-repeat; width:232px; height:17px; margin:32px 0 0 0; display:block} #content div.article h2#member_activity{ background: url(../img/h2_homepage_member_groupneed_raku202x17.gif) no-repeat; width:232px; height:17px; margin:32px 0 0 0; display:block} #content div.article h2#send_message{ background: url(../img/h2_send_message229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article h2#send_invite_message{ background: url(../img/h2_send_invite_message229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article h2#send_join_message{ background: url(../img/h2_join_229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article h2#edit_profile{ background: url(../img/h2_edit_profile229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article h2#edit_team_profile{ background: url(../img/h2_edit_team_profile229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article form {background-color: #212427;-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 2px solid #000; padding:10px; width:440px; margin:15px 0 0 0} #content div.article form label{ display:block; margin:10px 0 0 0; font-size:13px; color:#F27302;} #content div.article form select,#content div.article form textarea { background:white; font-size:12px; border:none; margin:8px 0 0 0; padding:3px} #content div.article form input.char_count{background:white; font-size:12px; border:none; margin:8px 0 0 0; padding:3px} #content div.article form span.char{font-size:12px;color:#F27302; } #content div.article form span.alert{font-size:12px;color:white; } #content div.article form input[type="submit"]{ color:#F27302; background:white; border:1px solid #F27302; padding:3px; width:180px; margin:8px 0 0 120px;} #content div.article form input.birth{ width:40px} #content div.article form input.birthyear{ width:80px} #content div.article form input.email{width:390px; background:white; font-size:12px; border:none; margin:8px 0 0 0; padding:3px} #content div.article form label#donotupload{ display:none;margin:8px 0 0 0} #content div.article form img{ margin:8px 0 0 0} /*CONTENT MEMBER HELP*/ div.article#help div#faq { margin-top:10px} div.article#help div#faq a { display:block; font-size:13px; color: #999999; padding:5px 0 0 0} div.article#help div#faq h5{ font-size:13px} div.article#help div#faq p{ font-size:11px; width:465px; display:none; padding:10px 0 10px 0; border-bottom: 1px dotted #FE950D} div.article table{ font-size:11px; padding:5px; margin-top:15px} div.article table tr td{ padding:5px} div.article table tr td.table_help{ background:#E6E6E6; color:#FE950D; font-weight:bold} div.article table tr td.table_help2{background:#FE950D} div.article table tr td.table_help3{background:#E6E6E6; color:black; font-weight:bold; font-style:italic; font-size:10px} div.article table tr td.table_help4{ color:#FE950D; font-size:14px;} /*---------------------------- from here(article) ------------------------------*/ /* article 2 CONTENT MEMBER PROFILE*/ /*CONTENT*/ #content div.article_2{ background:url(../img/bg_artcile566x191.jpg) 0 0 no-repeat; padding:15px 0 0 30px; min-height:150px} #content div.article_2 h2#pick_up_group{ background:url(../img/h2_pick_up_group229x17.gif) no-repeat; width:229px; height:17px; display:block} #content div.article_2 h2#groups_need{ background:url(../img/h2_what_buzz_229x17.gif) no-repeat; width:229px; height:17px; display:block} #content div.article_2 h2#how_efficient{ background:url(../img/h2_how_efficient229x17.gif) no-repeat; width:229px; height:17px; display:block} #content div.article_2 h2#h2_about_buzz{ background:url(../img/h2_about_buzz229x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article_2 h2#h2_why_buzz{ background: url(../img/h2_why_buzz_229x17.gif) no-repeat;width:229px; height:17px; display:block; } #content div.article_2 h2#h2_help_buzz{ background: url(../img/h2_help_buzz229x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article_2 h2#h2_member_profile{ background: url(../img/h2_member_profile_buzz229x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article_2 h2#h2_team_profile{ background: url(../img/h2_member_ban_buzz229x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article_2 h2#h2_contact_us{ background: url(../img/h2_contact_us29x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article_2 h2#h2_team_ranking{ background: url(../img/h2_team_ranking_29x17.gif) no-repeat;width:229px; height:17px; display:block} #content div.article_2 div#profile{ margin: 25px auto auto auto } #content div.article_2 div#profile img#img_profile{ float:left} #content div.article_2 div#profile div#content_profile{ float:left} #content div.article_2 div#profile div#content_profile h4.title_profile{font-size:13px; width:452px; margin: 0 0 0 15px; background:url(../img/h4_profile14x18.gif) no-repeat -1px -2px; height:18px} #content div.article_2 div#profile div#teams{ width:452px; background:url(../img/bg_profile_dotted_line.gif) repeat-x top center; padding:5px 0 0 0 } #content div.article_2 div#profile div#teams h4.title_profile_team{font-size:13px; margin:5px 0 0 0px; background:url(../img/h4_team14x18.gif) no-repeat -1px -3px; height:18px} #content div.article_2 div#profile div#content_profile h4.title_profile span{ padding:0 0 0 18px;} #content div.article_2 div#profile div#teams h4.title_profile_team span{ padding:0 0 0 23px;} #content div.article_2 div#profile div#teams ul{ list-style-type:none; } #content div.article_2 div#profile div#teams ul li {display:inline;} #content div.article_2 div#profile div#teams ul li a img{ border:1px solid black;margin:8px 2px 2px 2px} #content div.article_2 div#profile div#content_profile ul{ list-style-type:none; width:360px; margin:2px 0 0 15px; background:url(../img/bg_profile_dotted_line.gif) repeat-x top center;} #content div.article_2 div#profile div#content_profile ul li { padding:10px 5px 5px 5px} /*CONTENT MEMBER*/ #content div.article_2 h2#approve_message{ background: url(../img/h2_approve_229x17.gif) no-repeat; width:232px; height:17px; margin:32px 0 0 0; display:block} #content div.article_2 h2#member_activity{ background: url(../img/h2_homepage_member_groupneed_raku202x17.gif) no-repeat; width:232px; height:17px; margin:32px 0 0 0; display:block} #content div.article_2 h2#send_message{ background: url(../img/h2_send_message229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article_2 h2#send_invite_message{ background: url(../img/h2_send_invite_message229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article_2 h2#send_join_message{ background: url(../img/h2_join_229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article_2 h2#edit_profile{ background: url(../img/h2_edit_profile229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article_2 h2#edit_team_profile{ background: url(../img/h2_edit_team_profile229x17.gif) no-repeat; width:232px; height:17px; display:block} #content div.article_2 form {background-color:#F5F5F5 ;-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 2px solid #3677C9; padding:10px; width:440px; margin:15px 0 0 0} #content div.article_2 form label{ display:block; margin:10px 0 0 0; font-size:13px; color:#F27302;} #content div.article_2 form select,#content div.article_2 form textarea { width:390px; background:white; font-size:12px; border:none; margin:8px 0 0 0; padding:3px} #content div.article_2 form input.char_count{background:white; font-size:12px; border:none; margin:8px 0 0 0; padding:3px} #content div.article_2 form span.char{font-size:12px;color:#F27302; } #content div.article_2 form span.alert{font-size:12px;color:white; } #content div.article_2 form input[type="submit"]{ color:#F27302; background:white; border:1px solid #F27302; padding:3px; width:180px; margin:8px 0 0 120px;} #content div.article_2 form input.birth{ width:40px} #content div.article_2 form input.birthyear{ width:80px} #content div.article_2 form input.email{width:390px; background:white; font-size:12px; border:none; margin:8px 0 0 0; padding:3px} #content div.article_2 form label#donotupload{ display:none;margin:8px 0 0 0} #content div.article_2 form img{ margin:8px 0 0 0} /*CONTENT MEMBER HELP*/ div.article_2#help div#faq { margin-top:10px} div.article_2#help div#faq a { display:block; font-size:13px; color: #999999; padding:5px 0 0 0} div.article_2#help div#faq h5{ font-size:13px} div.article_2#help div#faq p{ font-size:11px; width:465px; display:none; padding:10px 0 10px 0; border-bottom: 1px dotted #FE950D} div.article_2 table{ font-size:11px; padding:5px; margin-top:15px} div.article_2 table tr td{ padding:5px} div.article_2 table tr td.table_help{ background:#E6E6E6; color:#FE950D; font-weight:bold} div.article_2 table tr td.table_help2{background:#FE950D} div.article_2 table tr td.table_help3{background:#E6E6E6; color:black; font-weight:bold; font-style:italic; font-size:10px} div.article_2 table tr td.table_help4{ color:#FE950D; font-size:14px;} /*---------------------------- from here(article2) ------------------------------*/ #schema{ text-align:center; padding:15px 0 15px 0} p.home_text,p.home_text2{line-height:20px; width:465px; margin-left:0; text-align:justify} p.home_text { padding:10px 0 0 0; } p.home_text2 { padding:5px 0 25px 0; border-bottom:1px dotted #F2A30A} /*CONTENT MEMBERS*/ #content ul.activities{ margin:1px 0 0 0; padding:0} #content ul.activities li{ list-style-image:url(../img/BACKOFFICE_r3_c2.gif); font-size:11px; display:block; width:455px; height:auto; border-bottom:1px solid #00CCFF; padding:4px; } #content ul.activities li.clear{ background: #F5F5F5} #content ul.activities li.dark{ background:#D1E8FE} #content ul.activities li.approval_orange{ background:#F5F5F5 ; width:432px; } #content ul.activities li.approval_green{ background:#CCCCCC ; width:432px; } #content ul.activities li.approval_dark{ background:#FF8000; width:432px; } #content ul.activities li.approval_white{ background:#000000; width:432px; } #content ul.activities li span.date{ font-style:italic; font-size:12px; padding-bottom:3px} #content h3.team_title{ margin-top:15px; font-size:13px; width:455px; height:17px; background: #CCCCCC; color:#3677C9; padding:4px;} #content h3.approval_team_title{ margin-top:15px; font-size:13px; width:432px; height:17px; background: #CCCCCC; color:#3677C9; padding:4px;} #content h3.team_title a{ font-size:10px;} /*FORMS*/ form.home_form { border-bottom:1px dotted #CCCCCC; width:140px; margin: 0 0 15px 0; } form.home_form input[type="text"]{ width:140px; height:19px; border:1px solid #E9E9E9; font-size:11px; color:#A3A3A3; padding: 2px 0 0 0; background:url(../img/input_bg.jpg); margin-bottom:2px} form.home_form input#inputString{ width:140px} form.home_form input#search_input{ background:url(../img/input_search147x19.jpg) no-repeat} form.home_form input.submit_ok{ background:#FFFFFF; border:1px solid #CCCCCC; color:#F27501; width:40px; font-size:11px; margin:10px 0 15px 100px; } #people_jump{ background:url(../img/people_jump157x169.jpg); display:block; width:157px; height:169px; display:block; margin:100px 0 0 0 } /*UL LI STUFF*/ ul#members_list{ padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px dotted #CCCCCC; width:180px} ul#members_list li{ list-style-type:none; display:inline; margin:0; padding:0} ul#members_list li img{ margin:0; padding:0} ul#new_community li,ul#member_community li{ list-style-type:none; background:url(../img/arrow_lastgroup5x5.jpg) no-repeat 0 5px; padding-left:11px; height:15px; display:block} ul#member_community li span.join_meth{ font-size:10px} ul#member_community li{ font-size:12px; margin:14px 0 0 0 } ul#new_community li{ font-size:11px} ul#new_community li a{ color:black} ul#new_community li a:hover{ color:#F27302} ul#ul_line{ padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px dotted #CCCCCC; width:140px} /*FOOTER*/ #grass{ width:100%; height:; display:block; background:#F2A30A url(../img/new_grass.jpg) repeat-x; height:32px; min-height:130px; height:100%} #footer span{ margin-left:12px; margin-right:508px; color:#FFFFFF!important} #footer{ width:1024px; margin-top:100px; padding-bottom:20px; position:relative; margin:auto; padding-top:35px } #footer a{ color: #FFFFFF; font-size:12px;} #footer a:hover{ color: #000000} /*Tooltips*/ a.tooltip em {display:none;} a.tooltip:hover {border: 0;position: relative;z-index: 500;text-decoration:none;} a.tooltip:hover em {font-style: normal;display: block;position: absolute;top: 20px;left: -10px;padding: 5px;color: white;border: 1px solid #F2A30A;background:black;width:170px; } a.tooltip:hover em span {position: absolute;top: -7px;left: 15px;height: 7px;width: 11px;background: transparent url(../img/upArrow.png) no-repeat;margin:0; padding: 0;border: 0;}