@CHARSET "UTF-8"; /********************************************************************* * copyright: network.hu * name: n_clubform.css * projekt: www.network.hu * release: 2008.08.06. * description: network 1.0 clubforms | club form elements * developer: eFBe ********************************************************************** * labels **********************************************************************/ /* label for form-groups */ LABEL.n_grouplabel { display: block; font-family: Arial, sans-serif, Helvetica; font-size: 11px; color: #000000; } /* real labels */ LABEL.n_inputlabel { display: block; } /* fixed-width formlabels */ LABEL.n_label_136 { width: 136px; overflow: hidden; } LABEL.n_label_150 { width: 150px; overflow: hidden; } /* inline labels */ LABEL.n_inlinelabel { margin: 3px 12px 0 4px; float: left; } /* normal black label... */ LABEL.n_choicelabel { font-weight: normal; color: #000000; } /********************************************************************** * inputs | standard input **********************************************************************/ INPUT.n_normalinput { margin: 0; padding: 1px 3px 0px 3px; display: block; width: 184px; /* 194px */ _width: 194px; /* ie6 box-model hack */ height: 15px; /* 20px */ _height: 20px; /* ie6 box-model hack */ } /* "half" width input */ INPUT.n_halfinput { margin: 0; padding: 1px 3px 0px 3px; display: block; width: 118px; /* 128px */ _width: 128px; /* ie6 box-model hack */ height: 15px; /* 20px */ _height: 20px; /* ie6 box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } /* "double" width input */ INPUT.n_doubleinput { margin: 0; padding: 1px 3px 0px 3px; display: block; width: 320px; /* 330px */ _width: 330px; /* ie6 box-model hack */ height: 15px; /* 20px */ _height: 20px; /* ie6 box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } /* "quarter" width input */ INPUT.n_quarterinput { margin: 0; padding: 1px 3px 0px 3px; display: block; width: 84px; /* 94px */ _width: 94px; /* ie6 box-model hack */ height: 15px; /* 20px */ _height: 20px; /* ie6 box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } /* "one and half" width input */ INPUT.n_sesquiinput { margin: 0; padding: 1px 3px 0px 3px; display: block; width: 257px; /* 267px */ _width: 267px; /* ie6 box-model hack */ height: 15px; /* 20px */ _height: 20px; /* ie6 box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } /* "pentath" width input */ INPUT.n_pentathinput { margin: 0; padding: 1px 3px 0px 3px; display: block; width: 28px; /* 94px */ _width: 38px; /* ie6 box-model hack */ height: 15px; /* 20px */ _height: 20px; /* ie6 box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } /********************************************************************** * inputs waiting for response **********************************************************************/ .n_inputloading { background: url(/images/frontend/n_indicator.gif) no-repeat right center #FFFFFF; } /* upload */ INPUT[type="file"] { width: 272px; /* 198px + button | about size="30" */ height: 20px; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; } /* inline */ INPUT.n_inlineinput { float: left; } /* standard select */ SELECT.n_normalinput { display: block; width: 194px; height: 18px; /* 20px */ *height: 20px; /* ie box-model hack */ } @media all and (min-width:0px) { head~body SELECT.n_normalinput { /* opera 9 hack */ height: 20px; } html:not(:link) SELECT.n_normalinput { /* safari select capsule hack */ height: 20px; } } html>/**/body SELECT.n_normalinput, x:-moz-any-link, x:default { height: 22px; } /* "half" width select */ SELECT.n_halfinput { display: block; width: 128px; height: 18px; /* 20px */ _height: 20px; /* ie6 box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } @media all and (min-width:0px) { head~body SELECT.n_halfinput { /* opera 9 hack */ height: 20px; } html:not(:link) SELECT.n_halfinput { /* safari select capsule hack */ height: 20px; } } html>/**/body SELECT.n_halfinput, x:-moz-any-link, x:default { height: 22px; } /* "tertial" width select */ SELECT.n_tertialinput { display: block; width: 96px; height: 18px; /* 20px */ _height: 20px; /* ie6 box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } @media all and (min-width:0px) { head~body SELECT.n_tertialinput { /* opera 9 hack */ height: 20px; } html:not(:link) SELECT.n_tertialinput { /* safari select capsule hack */ height: 20px; } } html>/**/body SELECT.n_tertialinput, x:-moz-any-link, x:default { height: 22px; } /* dateselector select */ SELECT.n_dateselectinput { height: 18px; /* 20px */ *height: 20px; float: left; /* inline block */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } @media all and (min-width:0px) { head~body SELECT.n_dateselectinput { /* opera 9 & khtml hack */ height: 20px; } } html>/**/body SELECT.n_dateselectinput, x:-moz-any-link, x:default { height: 22px; } /* month and day */ SELECT.n_twodigitsselect { margin-left: 10px; } /* inline */ INPUT.n_inlineinput, SELECT.n_inlineinput { display: -moz-inline-box; display: inline-block; } /* radio / checkbox */ INPUT.n_formcheckbox { margin: 3px 0px 0px 0px; *margin: 0px 0px 0px -3px; } INPUT.n_inlineradio, INPUT.n_inlinecheckbox { float: left; } /* standard textarea */ TEXTAREA.n_normalinput { display: block; width: 190px; /* 194 */ _width: 194px; /* ie box-model hack */ height: 80px; /* 84px */ *height: 78px; /* ie box-model hack */ _height: 84px; /* ie box-model hack */ overflow: auto; /* enable inactive scrollbar */ } @media all and (min-width:0px) { head~body TEXTAREA.n_normalinput { /* opera 9 hack */ height: 78px; } html:not(:link) TEXTAREA.n_normalinput { /* safari select capsule hack */ height: 80px; } } /********************************************************************** * form wrap tables **********************************************************************/ TABLE.n_formwraptable { margin-bottom: 10px; border-collapse: collapse; } TABLE.n_personaldatatable { margin-left: 40px; } TABLE.n_personaldatatable P { margin-top: 0px; } TABLE.n_invitefriendstable { margin-left: 24px; _margin-left: 12px; /* ie6 float-margin bug */ float: left; } /* columns */ TABLE.n_formwraptable COL.n_col_label { width: 132px; } TABLE.n_formwraptable COL.n_col_biglabel { width: 150px; } TABLE.n_formwraptable COL.n_col_text { width: 212px; *width: 216px; } /* text @ main personal data @ invite friends */ TABLE.n_personaldatatable COL.n_col_text, TABLE.n_invitefriendstable COL.n_col_text { width: 206px; *width: 210px; } TABLE.n_formwraptable COL.n_col_doubletext { width: 346px; } TABLE.n_formwraptable COL.n_col_feedback { width: 104px; } /* equal radio & checkbox columns */ TABLE.n_formwraptable COL.n_col_radioequal, TABLE.n_formwraptable COL.n_col_checkboxequal { width: 68px; } /* assimetric radio & checkbox columns according to the design */ TABLE.n_formwraptable COL.n_col_radioleft, TABLE.n_formwraptable COL.n_col_checkboxleft { width: 86px; } TABLE.n_formwraptable COL.n_col_radioright, TABLE.n_formwraptable COL.n_col_checkboxright { width: 50px; } /********************************************************************** * cells **********************************************************************/ TABLE.n_formwraptable TD { margin: 0; padding: 10px 0 0 0; text-align: left; /* some kind of reset */ vertical-align: middle; } TABLE.n_formwraptable TD.n_topaligned { padding-top: 15px; vertical-align: top; } TABLE.n_formwraptable THEAD TD { /* there's no white space in the head */ padding-top: 0px; } TABLE.n_formwraptable TD.n_centerize { text-align: center; } TABLE.n_formwraptable TD.n_rightaligned { text-align: right; } /********************************************************************** * autocomplete **********************************************************************/ .n_autocompleteresultswrap { position: absolute; z-index: 1000; overflow: hidden; } .n_autocompleteresults { height: auto; min-width: 194px; *width: 250px; _width: 210px; overflow: hidden; z-index: 1; } .n_autocompleteresults UL { margin: 0 0 -1px 0; padding: 0; min-width: 194px; *width: 250px; position: relative; *left: -16px; /* scroller pos. hack */ list-style-type: none; } .n_autocompleteresults UL LI { margin: 0; padding: 3px 5px; display: block; min-height: 15px; /* 22px */ *height: 15px; _height: 22px; *overflow: hidden; text-align: left; *line-height: 16px; } @media all and (min-width:0px) { /* little safari padding hack */ html:not(:link) .n_autocompleteresults UL LI { padding-top: 4px; height: 14px; } } /* scroller */ .n_autocompletescroller { width: 16px; _width: 17px; /* ie6 box-model hack */ height: 131px; position: absolute; top: 0px; right: 0px; } .n_autocompletescroller A.n_scrollup, .n_autocompletescroller A.n_scrolldown { display: block; width: 16px; height: 16px; overflow: hidden; position: absolute; right: 0px; } .n_autocompletescroller A.n_scrollup { top: 0px; } .n_autocompletescroller A.n_scrolldown { bottom: 0px; } /* arrow :hovers */ .n_autocompletescroller A.n_scrollup:hover { background-position: -16px 0px; } .n_autocompletescroller A.n_scrolldown:hover { background-position: -16px -16px; } /* :hover highlight emulation :) */ .n_autocompleteresults UL LI.n_selectedrow { background-color: #FFFFFF; color: #336699; } .n_autocompleteresults UL LI.n_selectedrow SPAN { color: #000000; } /* non-clickable arrows when no more results */ .n_autocompletescroller A.n_noprevresults:hover { background-position: 0px 0px !important; cursor: default !important; } .n_autocompletescroller A.n_nomoreresults:hover { background-position: 0px -16px !important; cursor: default !important; } .n_autocompletescroller .n_autocompletescrollbar { position: absolute; top: 16px; left: 0; width: 16px; cursor: pointer; background: #FFFFFF; } .n_autocompletescroller .n_active { background: #FFF799; } /* width @ right col */ .n_rightcolumnautocomplete .n_autocompleteresults { _width: 202px; } .n_rightcolumnautocomplete .n_autocompleteresults UL { _width: 202px; } /********************************************************************** * feedback | error messages **********************************************************************/ TABLE.n_formwraptable TD.n_formerrorcell { padding-top: 0px; vertical-align: top; } TD.n_formerrorcell P.n_formerrormessage { margin-bottom: 0px; } /********************************************************************** * feedback | warning classes **********************************************************************/ INPUT.n_warning { } /* fieldset error */ SPAN.n_fieldseterrortext { margin-left: 20px; padding-left: 20px; display: block; float: right; } /* input error & success */ .n_formfieldsetbox .n_contentboxinlay P.n_validinputtext { margin: 0px; padding-left: 20px; _height: 1px; /* png hack min-height */ _text-align: left; } .n_formfieldsetbox .n_contentboxinlay P.n_invalidinputtext { margin: 0px; padding-left: 20px; _height: 1px; /* png hack min-height */ _text-align: left; } .n_formfieldsetbox .n_contentboxinlay P.n_confirminputtext { margin: 0px; padding-left: 20px; _height: 1px; /* png hack min-height */ line-height: 16px; _text-align: left; } @media all and (min-width:0px) { /* normal in safari 'cause there's not enough place... */ html:not(:link) .n_formfieldsetbox .n_contentboxinlay P.n_confirminputtext { /* khtml / webkit */ font-weight: normal; } } /* warning @ double columned forms */ .n_doublefieldsetbox .n_fieldseterrorwrap, .n_doublefieldsetbox_plus .n_fieldseterrorwrap { width: 130px; overflow: hidden; position: absolute; top: 0px; right: 154px; /* 16 from the edge */ _right: 166px; background-color: #E6E9F4; } .n_doublefieldsetbox_plus .n_fieldseterrorwrap { right: 0px; } .n_doublefieldsetbox P.n_fieldseterrortext, .n_doublefieldsetbox_plus P.n_fieldseterrortext { margin: 0; padding-left: 20px; font-size: 12px; font-weight: bold; color: #F26522; text-align: right; line-height: 16px; float: right; background: url(/images/frontend/n_forminvalidsign.png) no-repeat 1px 1px transparent; _background-image: url(/images/frontend/n_forminvalidsign.gif); /* png hack ain't worx */ } /* login */ P.n_invalidlogintext { margin: 12px 0px 10px 0px; padding: 0px 0px 0px 20px; width: 178px; } P.n_forma_errorMessage { margin-bottom: 0px; font-family: Arial, sans-serif, Helvetica; font-size: 11px; color: #F26522; } /********************************************************************** * submit **********************************************************************/ A.n_imagebutton { cursor: pointer; } INPUT.n_inputbutton { margin: 0px; padding: 2px 6px; *padding: 2px 0px; display: block; } .n_contactlistsubmit INPUT.n_imagebutton { margin: 2px 6px 6px 0; *margin-bottom: 4px; font-family: Arial, sans-serif, Helvetica; font-weight: bold; font-size: 13px; color: #F26522; background-color: #F0F0F0; /* alt background */ cursor: pointer; } /* button on the right */ A.n_rightsidebutton, INPUT.n_rightsidebutton { float: right; } /* button on the left - inline block */ A.n_leftsidebutton, INPUT.n_leftsidebutton { float: left; } /* submit @ invite friends with big button */ .n_invitefriendssubmit { float: right; } /* secondary funct. button */ A.n_secondarybutton, INPUT.n_secondarybutton { margin-right: 6px; } /********************************************************************** * login box form **********************************************************************/ .n_loginbox .n_loginboxbody LABEL.n_inputlabel { padding-bottom: 3px; color: #F36F31; } .n_loginbox .n_loginboxbody INPUT.n_normalinput { margin-bottom: 7px; width: 168px; /* 194px */ _height: 15px; } .n_loginbox .n_loginboxbody INPUT.n_loginbutton { margin: 5px 0 6px 0; } /********************************************************************** * compact search form | right column **********************************************************************/ INPUT.n_compactsearchinput { margin: 18px 0px 0px 12px; _margin-left: 6px; /* ie6 float-margin bug */ padding: 4px 3px 0px 3px; display: block; width: 115px; /* 123px */ _width: 123px; height: 20px; /* 26px */ _height: 26px; float: left; border: 1px solid #8AA3BB; font-family: Arial, sans-serif, Helvetica; font-size: 14px; color: #000000; background: transparent; } @media all and (min-width:0px) { head~body INPUT.n_compactsearchinput { /* opera 9 hack */ padding-top: 0px; height: 24px; } html:not(:link) INPUT.n_compactsearchinput { /* safari restore */ padding-top: 4px; height: 20px; } } INPUT.n_compactsearchbutton { margin: 17px 0px 0px 4px; } /********************************************************************** * message wall form **********************************************************************/ .n_messagewallbox .n_boxbody TEXTAREA.n_normalinput { width: 186px; /* 190px */ *width: 184px; _width: 190px; } @media all and (min-width:0px) { head~body .n_messagewallbox .n_boxbody TEXTAREA.n_normalinput { /* opera 9 hack */ width: 184px; } html:not(:link) .n_messagewallbox .n_boxbody TEXTAREA.n_normalinput{ /* safari hack */ width: 186px; } } .n_messagewallbox .n_boxbody INPUT.n_sendmessagebutton { margin: 10px 0 6px 0; } /********************************************************************** * lightbox forms | friends module **********************************************************************/ .n_groupwrap INPUT.n_normalinput { width: 110px; /* 130px */ _width: 120px; /* ie6 box-model hack */ } /* blog */ INPUT.n_uploadblogpicture { width: 250px; /* ~ size="32" */ } @media all and (min-width:0px) { html:not(:link) INPUT.n_uploadblogpicture { /* safari fine tune */ width: 240px; } } /* login and clubjoin or registration */ .yui-skin-sam .yui-panel-container .n_loginregisterbox INPUT.n_normalinput { width: 240px; _width: 250px; } .n_joinquestionslightbox .n_joinquestionwrap H6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; } UL.n_contactlist LABEL, UL.n_grouplist LABEL { font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #336699; } /********************************************************************** * OTF edit submits **********************************************************************/ .n_editboxheadpanel { padding: 16px 0px 16px 14px; } INPUT.n_otfbutton { margin: 4px 0px 4px 0px; padding: 1px 1px; *padding: 1px 0px; cursor: pointer; } @media all and (min-width:0px) { head~body INPUT.n_otfbutton { /* safari fine tune */ padding: 3px; } } INPUT.n_inline_otfbutton { margin: 0px 0px 0px 6px; _margin-left: 0px 0px 0px 3px; /* ie6 float-margin bug */ display: -moz-inline-box; display: inline-block; } /********************************************************************** * add tags module **********************************************************************/ .n_addtagpanel { padding: 12px 14px 0px 14px; *padding-left: 7px; /* some float-padding bug */ _padding-left: 14px; } P.n_tags { } .n_addtagpanel P.n_tags, .n_addtagpanel DIV.n_tags { margin: 3px 0px 0px 0px; *margin-top: 0px; } .n_addtagpanel LABEL { *margin-top: 1px; _margin-top: 3px; } .n_addtagpanel P.n_tags A, .n_addtagpanel DIV.n_tags A { margin-left: 6px; margin-bottom: 4px; *margin-top: 2px; _margin: 4px 0px 0px 3px; padding-right: 2px; display: block; float: left; background-repeat: no-repeat; background-position: right bottom; } .n_addtagpanel P.n_tags A.n_lasttag, .n_addtagpanel DIV.n_tags A.n_lasttag { background: none; } SPAN.n_taggerwrap { margin-left: 8px; *margin-left: 4px; /* ie6 float-margin bug */ display: block; width: 180px; *width: 184px; _width: 180px; float: left; } INPUT.n_addnewtaginput { width: 146px; /* 150px */ _width: 150px; /* ie6 box-model hack */ float: left; } P.n_tags A.n_addnewtag, DIV.n_tags A.n_addnewtag { margin: 0px; padding: 2px 0px 0px 2px; display: -moz-inline-box; display: inline-block; width: 20px; height: 20px; overflow: hidden; float: right; background-repeat: no-repeat; background-position: 2px 2px; } /********************************************************************** * blog forms **********************************************************************/ .n_createblogpostbox TABLE.n_createblogposttable { margin-bottom: 0px; } .n_createblogpostbox TABLE.n_createblogposttable COL.n_col_text { width: 381px; } .n_createblogpostbox TABLE.n_createblogposttable INPUT.n_doubleinput { width: 371px; /* 381px */ _width: 381px; /* ie6 box-model hack */ } .n_createblogpostbox TABLE.n_createblogposttable TEXTAREA.n_normalinput { width: 479px; /* 483px */ _width: 483px; /* ie6 box-model hack */ height: 296px; /* 300px */ _height: 300px; /* ie6 box-model hack */ } .n_createblogpostbox TABLE.n_createblogposttable LABEL.n_inlinelabel { margin-left: 0px; } .n_armblogpostdatewrap { _text-align: center; /* ie6 centerize */ _margin-bottom: 14px; } P.n_armblogpostdatewrap { /* smoothly centerized in every single f*ckin browser */ margin: 10px auto 0px auto; height: 20px; _height: 21px; width: 292px; *width: 275px; _overflow: hidden; _text-align: left; /* ie6 decenterize */ } @media all and (min-width:0px) { head~body P.n_armblogpostdatewrap { width: 260px; } html:not(:link) P.n_armblogpostdatewrap { width: 318px;; } } P.n_armblogpostdatewrap SPAN { padding: 2px 0px 0px 3px; *padding: 2px 0px 0px 4px; width: 2px; float: left; } P.n_armblogpostdatewrap SELECT.n_hourselect { margin-left: 20px; } P.n_armblogpostdatewrap SELECT.n_minuteselect { margin-left: 6px; } .n_blogpostcredentialbox { margin-bottom: 10px; } .n_blogpostcredentialbox SELECT.n_inlineinput { _margin-bottom: 14px; /* replace conteninlay padding */ display: -moz-inline-box; display: inline-block; width: 132px; } #n_blogaccess_boxbody { padding-bottom: 90px; } /* blogpost box form */ INPUT.n_blogpostsearchinput { position: relative; float: left; margin: 0 10px 0 0; padding: 5px 5px 0px 5px; width: 252px; /* 264px */ _width: 264px; /* ie6 box-model hack */ height: 19px; /* 26px */ _height: 26px; /* ie6 box-model hack */ font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #336699; background: #FFFFFF; border-top: 1px solid #969696; border-left: 1px solid #969696; border-bottom: 1px solid #FBFBFB; border-right: 1px solid #FBFBFB; } @media all and (min-width:0px) { head~body INPUT.n_blogpostsearchinput { /* opera 9 hack */ padding-top: 0px; height: 24px; } html:not(:link) INPUT.n_blogpostsearchinput { /* safari restore */ padding-top: 8px; height: 18px; } } /* comment */ TEXTAREA.n_blogpostcommenttextarea { width: 505px; /* 509px */ _width: 509px; /* ie6 box-model hack */ height: 106px; /* 110px */ _height: 110px; /* ie6 box-model hack */ } INPUT.n_sendblogpostcommentbutton { margin-top: 14px; } /********************************************************************** * clubmembers forms **********************************************************************/ .n_searchamongmembers TABLE.n_formwraptable TD { margin: 0; padding: 10px 0 0 0; text-align: left; /* some kind of reset */ vertical-align: middle; } .n_searchamongmembers table.n_formwraptable TR.n_submit TD { padding: 10px 0 10px 0; } /* search among members */ .n_searchamongmembers .n_col_1 { width: 5px; } .n_searchamongmembers .n_col_2 { width: 115px; } .n_searchamongmembers .n_col_3 { width: 130px; } .n_searchamongmembers .n_col_4 { width: 78px; } .n_searchamongmembers .n_col_5 { width: 138px; } .n_searchamongmembers .n_col_6 { width: 85px; } .n_searchamongmembers .n_col_7 { width: 135px; } .n_searchamongmembers .n_col_8 { width: 5px; } .n_searchamongmembers LABEL.n_normallabel { float: right; display: block; padding: 0 5px 0 0; color: #F26522; font-size: 12px; font-weight: bold; text-align: right; } .n_searchamongmembers .n_searchmainblock LABEL.n_checkboxlabel { padding-top: 1px; *padding-top: 4px; _padding-top: 2px; padding-right: 15px; color: #000000; font-size: 12px; } .n_searchamongmembers INPUT.n_normalinput { width: 120px; _width: 130px; } .n_searchamongmembers INPUT.n_doubleinput { width: 208px; _width: 218px; } .n_searchamongmembers .n_searchmainblock INPUT.n_checkbox { margin: 2px 5px 0 0; } .n_searchamongmembers SELECT { float: left; } .n_searchamongmembers SELECT.n_ageselect { display: block; width: 42px; height: 18px; /* 20px */ *height: 20px; /* ie box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } @media all and (min-width:0px) { head~body SELECT.n_normalinput { /* opera 9 hack */ height: 20px; } html:not(:link) SELECT.n_normalinput { /* safari select capsule hack */ height: 20px; } } html>/**/body .n_searchamongmembers SELECT.n_ageselect, x:-moz-any-link, x:default { height: 22px; } .n_searchamongmembers SELECT.n_yearselect { display: block; margin: 0 0 0 10px; _margin: 0 0 0 5px; /* ie6 hack (float - margin) */ width: 60px; height: 18px; /* 20px */ *height: 20px; /* ie box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } @media all and (min-width:0px) { head~body SELECT.n_normalinput { /* opera 9 hack */ height: 20px; } html:not(:link) SELECT.n_normalinput { /* safari select capsule hack */ height: 20px; } } .n_searchamongmembers SELECT.n_doubleselect { display: block; width: 218px; height: 18px; /* 20px */ *height: 20px; /* ie box-model hack */ border: 2px solid #979797; border-right-color: #FBFBFB; border-bottom-color: #FBFBFB; font-family: Arial, sans-serif, Helvetica; font-size: 12px; color: #000000; } @media all and (min-width:0px) { head~body SELECT.n_normalinput { /* opera 9 hack */ height: 20px; } html:not(:link) SELECT.n_normalinput { /* safari select capsule hack */ height: 20px; } } .n_searchamongmembers TABLE SPAN { float: left; display: block; padding: 3px 6px 0 2px; color: #F26522; font-size: 12px; font-weight: bold; } .n_clubmembersmaincolumn INPUT.n_anywhere { width: 218px; _width: 228px; } .n_clubmembersmaincolumn SELECT.n_fieldofinterest { width: 218px; } /********************************************************************** * upload picture forms **********************************************************************/ .n_picturelabellingwrap INPUT.n_doubleinput { width: 258px; } .n_picturelabellingwrap INPUT { float: right; margin: 8px 3px 2px 0pt; } /********************************************************************** * send and invitation **********************************************************************/ .n_send_invitation FORM { *min-height: 136px; _height: 136px; /* ie6 min-height */ } .n_send_invitation LABEL.n_inputlabel { margin-bottom: 4px; } .n_send_invitation INPUT.n_normalinput { margin-bottom: 7px; width: 184px; /* 194px */ _width: 194px; /* ie6 box-model hack */ height: 15px; /* 20px */ _height: 20px; /* ie6 box-model hack */ } /********************************************************************** * button **********************************************************************/ /* button on the right */ A.n_rightsidebutton, INPUT.n_rightsidebutton { float: right; } /* button on the left - inline block */ A.n_leftsidebutton, INPUT.n_leftsidebutton { float: left; } /********************************************************************** * pager **********************************************************************/ .n_pager .n_goonapage INPUT { float: left; margin: 2px 6px 0 10px; width: 34px; _width: 38px; } /********************************************************************** * registration **********************************************************************/ /* validation */ .n_clubname .n_contentboxinlay p.n_invalidinputtext, .n_cluburl .n_contentboxinlay p.n_invalidinputtext, .n_clubkeyword .n_contentboxinlay p.n_invalidinputtext, .n_clubname .n_contentboxinlay p.n_validinputtext, .n_cluburl .n_contentboxinlay p.n_validinputtext, .n_clubkeyword .n_contentboxinlay p.n_validinputtext { float: right; padding-top: 3px; background-position: 0 3px; } .n_bottom10 { *height: 10px; /* creating 10px margin above the foot in ie */ } .n_clubregistrationcolumn { *width: 941px; } .n_clubinvitationcolumn { margin-bottom: 10px; } .n_clubregistrationcolumn H4 { margin-bottom: 18px; } .n_clubregistrationcolumn .n_contentboxinlay H4.n_primaryboxtitle { width: 200px; overflow: hidden; float: left; } .n_clubregistrationcolumn .n_contentboxinlay H4.n_secondaryboxtitle { width: 130px; overflow: hidden; float: right; } .n_autocompleteresults { z-index: 1; } IMG.n_captcha { margin: 7px 33px 0px 22px; *margin-bottom: -5px; _margin-left: 11px; /* ie6 float-margin bug */ display: block; height: 54px; width: 191px; float: left; } INPUT.n_captchainput { margin-top: 30px; } P.n_refreshcaptha { margin: 0px 0px 0px 22px; } P.n_refreshcaptha A { padding: 3px 0px 4px; display: block; width: 193px; text-align: center; } .n_acceptermsbox LABEL.n_choicelabel { margin: 3px 12px 0px 4px; padding-bottom: 12px; *padding-bottom: 0px; width: 470px; overflow: hidden; } .n_acceptermsbox .n_contentboxinlay P.n_invalidinputtext { margin: 0px 0px 10px 24px; clear: both; } /* questions */ .n_joinquestionwrap { margin-bottom: 10px; padding: 16px 12px; width: 489px; /* 483px */ _width: 513px; /* ie6 box-model hack */ overflow: hidden; } .n_joinquestionformwrap { padding: 20px 10px 4px 10px; *padding-left: 20px; _padding-left: 10px; } .n_joinquestionformwrap LABEL.n_choicelabel { margin: 3px 12px 0px 4px; width: 430px; overflow: hidden; } /* tip box */ .n_tipbox { margin-left: 8px; _margin-left: 4px; /* ie6 float-margin bug */ margin-bottom: 10px; position: absolute; width: 184px; overflow: hidden; float: none; _text-align: left; } .n_tipbox .n_boxhead { padding: 10px 8px 0 16px; height: 24px; /* 34px */ _height: 34px; overflow: hidden; } .n_tipbox .n_boxhead H4 { margin: 0; font-family: Arial, sans-serif, Helvetica; font-size: 15px; color: #F5833E; } .n_tipbox .n_boxbody { padding: 17px 0 8px 18px; _height: 1px; /* ie6 min-height for png filter */ } .n_tipbox .n_boxbody P { margin: 0; width: 150px; font-size: 11px; } .n_tipbox .n_boxfoot { height: 12px; } /* warning at the main page */ P.n_tablelessformtext { margin-top: -10px; margin-bottom: 10px; } /* facebook-like invitation module */ .n_compactselectorwrap { margin-bottom: 7px; width: 188px; _width: 194px; } .n_send_invitation .n_tabcontentbox .n_contactselectorwrap P { margin: 0px; } .n_send_invitation .n_tabcontentbox .n_contactselectorwrap P.n_contactname { margin: 2px 2px 1px 2px; _margin-left: 1px; color: #000000; font-weight: normal; } /********************************************************************** * invitation forms **********************************************************************/ .n_invitationcolumn .n_headlinebox .n_contentboxinlay H4 { margin-bottom: 0px; _width: 511px; } .n_contentboxinlay H4.n_primaryboxtitle { margin-bottom: 18px; _margin-bottom: 0px; overflow: hidden; } .n_invitationcolumn .n_contentboxinlay H4.n_primaryboxtitle { width: auto; } .n_invitationcolumn .n_contentboxinlay H4.n_secondaryboxtitle { width: 130px; overflow: hidden; float: right; } .n_invitetypewrap { padding: 14px; } .n_invitetypewrap INPUT.n_inlineradio { margin-right: 8px; _margin-right: 4px; } .n_invitationcolumn .n_outersystembox .n_invitefriendsubmit INPUT.n_inputbutton, .n_invitationcolumn .n_emailbox .n_invitefriendsubmit INPUT.n_inputbutton { display: -moz-inline-box; display: inline-block; } .n_invitationcolumn .n_invitefriendsubmit INPUT.n_inputbutton { margin: 0px auto; } .n_invitationcolumn .n_outersystembox .n_iwiwwrap { background-image: url(/images/frontend/n_iwiwlabelwrapbg_club.gif); } .n_invitationcolumn .n_outersystembox .n_citromailwrap { background-image: url(/images/frontend/n_citromaillabelwrapbg_club.gif); } .n_invitationcolumn .n_outersystembox .n_myvipwrap { margin-right: 3px; background-image: url(/images/frontend/n_myviplabelwrapbg_club.gif); } .n_invitationcolumn .n_outersystembox .n_freemailwrap { background-image: url(/images/frontend/n_freemaillabelwrapbg_club.gif); } .n_invitationcolumn .n_outersystembox .n_yahoomailwrap { margin-right: 3px; background-image: url(/images/frontend/n_yahoomaillabelwrapbg_club.gif); } .n_invitationcolumn .n_outersystembox .n_gmailwrap { width: 88px; background-image: url(/images/frontend/n_gmaillabelwrapbg_club.gif); } .n_invitationcolumn .n_outersystembox .n_azetwrap { background-image: url(/images/frontend/n_azetlabelwrapbg_club.gif); } .n_invitationcolumn .n_outersystembox .n_centrumwrap { background-image: url(/images/frontend/n_centrumlabelwrapbg_club.gif); width: 140px; } .n_outersystembox .n_contactlistwrap { border: 1px solid #C8C8C8; } .n_invitationcolumn .n_networkfriendsbox .n_boxbody P.n_contactlisttab { margin: 16px 0px 0px 77px; display: block; height: 32px; width: 326px; padding: 0px; } .n_invitationcolumn .n_networkfriendsbox .n_boxbody P.n_contactlisttab A { padding: 8px 20px 0px 20px; width: auto; height: 22px; _height: 33px; color: #979797; background: #FFFFFF; border: 1px solid #C8C8C8; border-bottom: 0px none; } @media all and (min-width:0px) { html:not(:link) .n_invitationcolumn .n_networkfriendsbox .n_boxbody P.n_contactlisttab A { height: 22px; } } .n_invitationcolumn .n_networkfriendsbox .n_boxbody P.n_contactlisttab A.n_secondarytab { margin-left: 4px; float: left; } .n_invitationcolumn .n_networkfriendsbox .n_boxbody P.n_contactlisttab A.n_activetab { height: 22px; *height: 24px; _height: 33px; color: #336699; border-bottom: 1px solid #FFFFFF; } @media all and (min-width:0px) { html:not(:link) .n_invitationcolumn .n_networkfriendsbox .n_boxbody P.n_contactlisttab A.n_activetab { height: 22px; } } .n_invitationcolumn .n_networkfriendsbox .n_contactlistwrap { margin-top: -1px; } .n_invitationcolumn .n_networkfriendsbox UL.n_compactcontaclist { height: 240px; *height: 248px; } .n_invitationcolumn .n_invitefriendsubmit { padding: 6px 0px; } .n_clubregistrationcolumn .n_leftcheckboxcolumn, .n_clubregistrationcolumn .n_rightcheckboxcolumn { width: 252px; } .n_clubregistrationcolumn LABEL.n_dividedlabel { width: 223px; } .n_clubregistrationcolumn .n_formfieldsetbox .n_contentboxinlay P.n_labelextra { width: 226px; } /* step zero */ .n_regphasezerocolumn { margin-left: 0px; } .n_invitationcardbox { margin-bottom: 0px; } .n_invitationcardbox H4 { margin: 10px 0px 12px 0px; } .n_invitationcardbox .n_contentboxinlay { padding-left: 50px; width: 477px; _width: 541px; } .n_invite_user_textbox { _margin-left: 7px; width: 372px; float: left; } .n_invite_user_textbox P { margin-bottom: 10px; text-align: justify; } .n_toregistration_submit { padding: 10px 36px 0px 0px; } /********************************************************************** * sulyozas **********************************************************************/ .n_listOwnerBox { background: transparent; line-height: 36px; } .n_listOwnerBox span.n_listOwnertitle { color:#336699; font-family:Tahoma,sans-serif,Kalimati,Helvetica; font-size:10px; font-weight:bold; float: left; text-transform:uppercase; margin: 0 0 0 20px; } .n_listOwnerBox a { margin-left: 260px; } input.n_listOwner { border-color:#979797 #FBFBFB #FBFBFB #979797; border-style:solid; border-width:2px; color:#000000; font-family:Arial,sans-serif,Helvetica; font-size:12px; width:25px; height:15px; margin:8px 5px 0 5px; padding:1px 3px 0; display: block; float: left; } input.n_listOwnerButton[type=submit] { background-color: #FFFFFF; border: 1px solid #D6D6D6; color: #F26522; cursor: pointer; font-family: Arial,sans-serif,Helvetica; font-size: 11px; font-weight: bold; margin: 8px 0 0 0; *margin: 0px 0 0 0; /*IE7*/ padding: 1px; } a.listownerSuccess { color:#336699; font-family:Tahoma,sans-serif,Kalimati,Helvetica; font-size:10px; font-weight:bold; text-transform:uppercase; background:transparent url(/images/frontend/n_clubdetailsarrow.png) no-repeat scroll right center; padding: 0 15px 0 0; float: right; margin: 0 10px 0 0; } .n_listOwnerBox .n_listownererror { clear: both; margin: 10px; width: 496px; line-height: 1; font-size: 12px; } .n_listOwnerBox p.n_forma_errorMessage { display: block; clear: both; padding: 5px; }