@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;
}