@CHARSET "UTF-8";
/*********************************************************************
 * copyright:   	network.hu
 * name:        	n_form.css
 * projekt:     	www.network.hu
 * release: 	 		2008.05.14.
 * description: 	network 1.0 forms | incl. all the form elements
 * developer:   	eFBe
**********************************************************************
 * 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_personaldatatable P.n_help {
	margin-top: 5px;
	
	font-size: 11px;
} 

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_sexlabel label.n_inlinelabel {
	margin-right: 5px;

}

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


/**********************************************************************
 * 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;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #F26522;
}

/* 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;
}


/* links @ labels */
A.n_linkedlabel {
	color: #567FAA;
}

/* checkboxes @ two columns */
LABEL.n_dividedlabel {
	margin: 2px 0 0 5px;

	display: block;
	width: 208px;
	overflow: hidden;
	
	float: left;
}
@media all and (min-width:0px) { /* unique checkbox rendering hack */
	html:not(:link) LABEL.n_dividedlabel { /* khtml / webkit */
		margin-top: 3px;
	}
}

LABEL.n_dividedlabel A {
	font-weight: bold;
	color: #F26522;
}

.n_formfieldsetbox .n_contentboxinlay P.n_labelextra {
	margin: 2px 0px 12px 0px;

	display: block;
	width: 211px;
	overflow: hidden;
	
	float: right;
	
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	
	line-height: 16px;
}
@media all and (min-width:0px) { /* unique checkbox rendering hack */
	head~body .n_formfieldsetbox .n_contentboxinlay P.n_labelextra { /* opera 9 */
		width: 216px;
	}
	html:not(:link) .n_formfieldsetbox .n_contentboxinlay P.n_labelextra { /* khtml / webkit */
		width: 215px;
	}
}

P.n_labelextra A {
	color: #336699;
}

/* accept terms label */
LABEL.n_accepttermslabel {
	padding-bottom: 12px;
	*padding-bottom: 0px;
	_padding-bottom: 12px;

	width: 446px;
	overflow: hidden;
}

@media all and (min-width:0px) { /* safari width hack 4 floating label */
	html:not(:link) LABEL.n_accepttermslabel {
  	width: 446px;    
	}
}

LABEL.n_highlightedlabel { /* big blue :P */
	font-family: Arial, sans-serif, Helvetica;
	font-size: 15px;
	font-weight: bold;
	color: #567FAA;
}
@media all and (min-width:0px) {
  html:not(:link) LABEL.n_highlightedlabel { /* safari anti-alias crap */
    font-weight: normal;
  }
}


/**********************************************************************
 * 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 */
	
	border: 2px solid #979797;
	border-right-color: #FBFBFB;
	border-bottom-color: #FBFBFB;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #000000;
}

html>/**/body .n_tabbedrecommendcontent INPUT.n_normalinput, x:-moz-any-link, x:default { 
  height: 20px;
}

/* "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;
}

/* "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;
}

/* "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;
}

/* inline */
INPUT.n_inlineinput {
	float: left;
}


/* 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;
}

/* standard select  */
SELECT.n_normalinput {
	display: block;
	width: 194px;
	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 SELECT.n_normalinput, x:-moz-any-link, x:default {
	height: 22px;
}

SELECT.n_multipleinput {
	height: 66px;
  display: block;
  width: 194px;
  height: 66px;
  
  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 select  */
SELECT.n_sesquiinput {
  display: block;
  width: 267px;
  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 SELECT.n_sesquiinput, x:-moz-any-link, x:default {
  height: 22px;
}

SELECT.n_multipleinput {
  height: 66px;
  display: block;
  width: 194px;
  height: 66px;
  
  border: 2px solid #979797;
  border-right-color: #FBFBFB;
  border-bottom-color: #FBFBFB;
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  color: #000000;
}

/* "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;
}

/* radio / checkbox */
INPUT.n_inlineradio,
INPUT.n_inlinecheckbox {
	float: left;
}


INPUT.n_sexinputradio {

  margin: 3px 25px 0 0;

}

/* checkbox with extralabel */
INPUT.n_dividedcheckbox {
	clear: right;
}

/* 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 */
	
	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 TEXTAREA.n_normalinput { /* opera 9 hack */
		height: 78px;
	}
	html:not(:link) TEXTAREA.n_normalinput { /* safari select capsule hack */
  	height: 80px;    
	}
}


/**********************************************************************
 * 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;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	
	background-color: #FFFFFF;
	border-bottom: 1px solid #BFCBDB;
	
	cursor: pointer; /* imitate link */
	
	text-align: left;
	*line-height: 16px;
}

.n_autocompleteresults UL LI.n_passive {
  cursor: default;
  color: gray;
  font-weight: normal;
}

@media all and (min-width:0px) { /* little safari padding hack */
	html:not(:link) .n_autocompleteresults UL LI {
		padding-top: 4px;
		height: 14px;
	}
}

.n_autocompleteresults UL LI SPAN {
	color: #000000;
}

/* scroller */
.n_autocompletescroller {
	width: 16px;
	_width: 17px; /* ie6 box-model hack */
	height: 131px;
	
	position: absolute;
	top: 0px;
	right: 0px;
	
	background-color: #FFFFFF;
	border-left: 1px solid #BFCBDB;
}

.n_autocompletescroller A.n_scrollup,
.n_autocompletescroller A.n_scrolldown {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	
	position: absolute;
	right: 0px;
	
	background-image: url(/images/frontend/n_autocompletescrollpalette.gif);
	background-color: #A3B5CC;
	background-repeat: no-repeat;
}

.n_autocompletescroller A.n_scrollup {
	top: 0px;
	
	background-position: 0px 0px;
	
	z-index: 1;
}
.n_autocompletescroller A.n_scrolldown {
	bottom: 0px;
	
	background-position: 0px -16px;
}

/* 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 {
  color: #FFFFFF;
  background-color: #A3B5CC;
}

.n_autocompleteresults UL LI.n_selectedrow SPAN {
  color: #FFF799;
}

/* 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: #A3B5CC;
}

.n_autocompletescroller .n_active {
  background: #FFF799;
}


/**********************************************************************
 * feedback | error messages
**********************************************************************/

TABLE.n_formwraptable TD.n_formerrorcell {
	padding-top: 0px;
	
	vertical-align: top;
}

P.n_forma_errorMessage,
TD.n_formerrorcell P.n_formerrormessage {
	margin-bottom: 0px;

	font-family: Arial, sans-serif, Helvetica;
	font-size: 11px;
	color: #F26522;
}


/**********************************************************************
 * feedback | warning classes
**********************************************************************/

INPUT.n_warning {
	border-color: #FF0000; /* red */
}

/* fieldset error */
SPAN.n_fieldseterrortext {
	margin-left: 20px;
	padding-left: 20px;

	display: block;
	float: right;

	font-size: 12px;
	color: #F26522;
	
	background-color: transparent;
	background-image: url(/images/frontend/n_forminvalidsign.png);
	_background-image: url(/images/frontend/n_forminvalidsign_lb.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/* input error & success */
.n_formfieldsetbox .n_contentboxinlay P.n_validinputtext {
	margin: 0px;
	padding-left: 20px;

	font-size: 12px;
	font-weight: bold;
	color: #5CAB44;
	
	background: url(/images/frontend/n_formvalidsign.png) no-repeat top left transparent;
}
.n_formfieldsetbox .n_contentboxinlay P.n_invalidinputtext {
	margin: 0px;
	padding-left: 20px;

	_height: 1px; /* png hack min-height */

	font-size: 12px;
	font-weight: bold;
	color: #F26522;
	
	_text-align: left;
	
	background: url(/images/frontend/n_forminvalidsign.png) no-repeat top left transparent;
}

.n_formfieldsetbox .n_contentboxinlay P.n_confirminputtext {
  margin: 0px;
  padding-left: 20px;

  _height: 1px; /* png hack min-height */

  font-size: 12px;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
  
  _text-align: left;
  
  background: url(/images/frontend/n_formconfirmsign.png) no-repeat top left transparent;
}
@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-left: 20px;

  width: 178px;
  
  font-size: 12px;
  font-weight: bold;
  color: #C44C3A;

  background: url(/images/frontend/n_forminvalidsign.png) no-repeat top left transparent;
  _background-image: url(/images/frontend/n_forminvalidsign_lb.gif); /* png hack ain't worx */
}


/**********************************************************************
 * submit
**********************************************************************/

A.n_imagebutton,
INPUT.n_imagebutton { /* alt text */
	margin: 2px 0 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;
}

A.n_imagebutton {
	*background-color: transparent;
}

/* 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;
}

/* centerized button(s) */
.n_centerizedsubmit {
	text-align: center;
}

/* submit @ invite friends with big button */
.n_invitefriendssubmit {
	float: right;
}

.n_invitefriendssubmit INPUT.n_sendinvitationsbutton {
	margin: 18px 12px 0px 0px;
	*margin-top: 20px;
}

/* upload button @ profile phase 3 */
INPUT.n_uploadprofileimgbutton {
	margin-left: 15px; /* suitable for ff under linux */
	*margin-left: 5px;
}
@media all and (min-width:0px) { /* opera 9 & khtml/webkit hack */
	head~body INPUT.n_uploadprofileimgbutton {
		margin-top: 6px;
		margin-left: 5px;
	}
}

/* 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: 20px;
}

.n_loginbox .n_loginboxbody INPUT.n_loginbutton {
	margin: 5px 0 6px 0;

}


/**********************************************************************
 * friends' & same interest search forms
**********************************************************************/

.n_schoolmatesearchformwrap {
	margin-top: 24px;
	
	position: relative;
}

.n_schoolmatesearchformwrap LABEL.n_inputlabel {
	margin-bottom: 5px;
}

.n_schoolmatesearchformwrap INPUT.n_normalinput {
	margin-bottom: 8px;
}

.n_schoolmatesearchformwrap SELECT.n_dateselectinput {
	margin-bottom: 12px;
	*margin-bottom: 0px;
	
	width: 60px;
}

@media all and (min-width:0px) {
  html:not(:link) .n_schoolmatesearchformwrap SELECT.n_dateselectinput { /* safari capsules suck */
    width: 64px;
  }
}


.n_schoolmatesearchformwrap .n_autocompleteresults {
	_width: 228px;
		
	position: absolute;
	top: 40px;
	left: 0px;
}

.n_schoolmatesearchformwrap .n_autocompleteresults UL {
	width: 228px;
}

.n_schoolmatesearchformwrap .n_autocompleteresults UL LI {
  width: 218px;
  _width: 228px;
}


.n_sameinterestsearchformwrap  {
  margin-top: 24px;
  padding-bottom: 10px;
  *padding-bottom: 3px;
}

.n_sameinterestsearchformwrap LABEL.n_inputlabel {
  margin-bottom: 5px;
}

.n_sameinterestsearchformwrap SELECT.n_normalinput {
  margin-bottom: 12px;
}

.n_sameinterestsearchformwrap INPUT.n_normalinput {
  margin-bottom:8px;
}


/**********************************************************************
 * registration form
**********************************************************************/

/* img upload wrapper */
.n_uploadprofilethumbbox .n_boxbody {
	_text-align: center; /* centerize in ie6 */
}
.n_uploadprofilethumbbox .n_boxbody P {
	_text-align: left; /* paragraphs go left */
}

.n_userthumbupload {
	margin: 0px auto;
	margin-top: 20px;
	_margin-top: 18px;
	padding-bottom: 10px;
	
	width: 250px;
	
	_text-align: left;
}
@media all and (min-width:0px) { /* opera 9 & khtml/webkit hack */
	head~body .n_userthumbupload {
		width: 278px;
	}
}

/* captcha */
INPUT.n_captchainput {
	margin-top: 30px;
	
	text-transform: uppercase;
}

.n_captchabox .n_contentboxinlay P.n_invalidinputtext {
  margin: 12px 0px 10px 24px;
  
  clear: both;
}

	
/* accept terms */
.n_acceptermsbox .n_contentboxinlay P.n_invalidinputtext {
	margin: 0 0px 10px 24px;
	
	clear: both;
}

/* invite friends */
INPUT.n_outersystem_checkbox {
	margin-top: 14px;
	*margin-top: 10px; /* ie top-margin fix */
}

LABEL.n_iwiw_label,
LABEL.n_facebook_label,
LABEL.n_citromail_label {
	margin-left: 0px;

	display: block;
	width: 92px;
	height: 34px;
	
	float: left;
}

/* backgrounds */
LABEL.n_iwiw_label {
	background: url(/images/frontend/n_iwiw_label.png) no-repeat top left transparent;
}
LABEL.n_facebook_label {
	background: url(/images/frontend/n_facebook_label.png) no-repeat top left transparent;
}
LABEL.n_citromail_label {
	background: url(/images/frontend/n_citromail_label.png) no-repeat top left transparent;
}

/* contents for validity */
LABEL.n_iwiw_label SPAN,
LABEL.n_facebook_label SPAN,
LABEL.n_citromail_label SPAN {
	display: none;
}

/* width of error message in step two - simple, half, double */
FORM#jsForm_step_two P.n_forma_errorMessage {
  overflow: hidden;
  
  width: 184px;
}

FORM#jsForm_step_two P.n_forma_errorMessage_half {
  overflow: hidden;
  
  width: 118px;
}

FORM#jsForm_step_two P.n_forma_errorMessage_double {
  overflow: hidden;
  
  width: 320px;
}

FORM#jsForm_step_one SELECT.n_dateselectinput {
   margin-right: 10px;
}


/**********************************************************************
 * profile form
**********************************************************************/

INPUT.n_eraseprofilebutton {
		margin: 10px 0px 1px 0px;
		*margin: 8px 0px 1px 0px;
}

/* checkbox columns */
.n_leftcheckboxcolumn,
.n_rightcheckboxcolumn {
	margin: 24px 0px 0px 0px;
	*margin-bottom: 0px; /* ie float-clear margin bug */
	width: 237px;
	
	float: left;
}
.n_rightcheckboxcolumn {
	margin-left: 8px;
}

/* send profile & recommend content form */
.n_sendprofilebox .n_boxbody LABEL.n_inputlabel,
.n_recommendcontentbox .n_boxbody LABEL.n_inputlabel {
	padding-bottom: 3px;
	
	color: #F7941D;
}
@media all and (min-width:0px) { /* safari anti-alias crap */
  html:not(:link) .n_sendprofilebox .n_boxbody LABEL.n_inputlabel,
  html:not(:link) .n_recommendcontentbox  .n_boxbody LABEL.n_inputlabel {
    font-weight: normal;
  }
}


.n_sendprofilebox .n_boxbody INPUT.n_normalinput,
.n_recommendcontentbox .n_boxbody INPUT.n_normalinput {
	margin-bottom: 7px;

	width: 180px; /* 190px */
	_width: 190px; /* ie6 box-model hack */
}

.n_sendprofilebox .n_boxbody TEXTAREA.n_normalinput,
.n_recommendcontentbox .n_boxbody TEXTAREA.n_normalinput {
	width: 186px; /* 190px */
	*width: 184px;
	_width: 190px;
}
@media all and (min-width:0px) { /* opera 9 & safari hack */
	head~body .n_sendprofilebox .n_boxbody TEXTAREA.n_normalinput,
	head~body .n_recommendcontentbox .n_boxbody TEXTAREA.n_normalinput { 
		width: 184px;
	}
	html:not(:link) .n_sendprofilebox .n_boxbody TEXTAREA.n_normalinput,
	html:not(:link) .n_recommendcontentbox .n_boxbody TEXTAREA.n_normalinput {
  	width: 186px;    
	}
}

.n_sendprofilebox .n_boxbody INPUT.n_sendprofilebutton,
.n_recommendcontentbox .n_boxbody INPUT.n_sendprofilebutton {
	margin: 10px 0 6px 0;
}

/**********************************************************************
 * invitation form
**********************************************************************/

.n_invitationcolumn .n_headlinebox .n_contentboxinlay H4 {
	font-size: 16px;
}

.n_invitationcolumn .n_contentboxinlay H4.n_primaryboxtitle {
	width: auto;
}

.n_invitationcolumn .n_outersystembox .n_outersystemwrap {
	margin-left: 64px;
	
	width: 306px;
	_width: 330px; /* ie6 box-model hack */
}

.n_invitationcolumn .n_outersystembox .n_iwiwwrap {
  background-image: url(/images/frontend/n_iwiwlabelwrapbg_dark.gif);
}
.n_invitationcolumn .n_outersystembox .n_citromailwrap {
  background-image: url(/images/frontend/n_citromaillabelwrapbg_dark.gif);
}
.n_invitationcolumn .n_outersystembox .n_myvipwrap {
  background-image: url(/images/frontend/n_myviplabelwrapbg_dark.gif);
}
.n_invitationcolumn .n_outersystembox .n_freemailwrap {
  background-image: url(/images/frontend/n_freemaillabelwrapbg_dark.gif);
}
.n_invitationcolumn .n_outersystembox .n_yahoomailwrap {
	width: 136px;
	
  background-image: url(/images/frontend/n_yahoomaillabelwrapbg_dark.gif);
}
.n_invitationcolumn .n_outersystembox .n_gmailwrap {
	width: 87px;
	
  background-image: url(/images/frontend/n_gmaillabelwrapbg_dark.gif);
}
.n_invitationcolumn .n_outersystembox .n_azetwrap {
  background-image: url(/images/frontend/n_azetlabelwrapbg_dark.gif);
}
.n_invitationcolumn .n_outersystembox .n_centrumwrap {
	width: 140px;
	
  background-image: url(/images/frontend/n_centrumlabelwrapbg_dark.gif);
}

.n_invitationcolumn .n_outersystembox .n_boxbody P,
.n_invitationcolumn .n_emailbox .n_boxbody P {
	padding-left: 77px;
}

.n_emailbox TEXTAREA.n_normalinput {
  margin: 15px 0px 25px 77px;
  
  width: 322px; /* 194 */
  _width: 326px; /* ie box-model hack */
}

.n_invitationcolumn .n_outersystembox TABLE.n_personaldatatable {
	margin-left: 77px;
	margin-bottom: 16px;
}

.n_invitationcolumn .n_outersystembox TABLE.n_formwraptable COL.n_col_label {
	width: 122px;
}

.n_invitationcolumn .n_outersystembox .n_boxbody P.n_acceptterms {
	margin: 0px;
	padding-left: 0px;
	
	text-align: center;
}

.n_invitationcolumn .n_outersystembox .n_invitefriendsubmit {
	margin-top: 10px;
	
	width: 483px;
	
	text-align: center;
}

.n_invitationcolumn .n_emailbox .n_invitefriendsubmit {
  width: 483px;
  
  text-align: center;
}

.n_invitationcolumn .n_outersystembox .n_contactlistwrap,
.n_invitationcolumn .n_outersystembox TEXTAREA.n_normalinput {
	margin-left: 77px;
} 
.n_emailbox INPUT.n_subjectinput,
.n_invitationcolumn .n_outersystembox INPUT.n_subjectinput {
	margin: 10px 0 20px 77px;
	width: 316px;
} 

.n_invitationcolumn .n_emailbox .n_emailwrap {
	padding-top: 10px;
	
	*width: 483px;
}

.n_invitationcolumn .n_emailbox .n_emailinputwrap {
	margin-left: 44px;
	padding-bottom: 4px;
	
	width: 483px;
}

.n_invitationcolumn .n_emailbox .n_emailinputwrap P.n_addemailinput {
	margin: 3px 0px 0px 8px;
  _margin: 4px 0px 0px 4px;
	padding: 0px;
	
	float: left;
		
	*line-height: 15px;
}

.n_invitationcolumn .n_emailbox .n_emailinputwrap INPUT.n_normalinput {
	float: left;
}

.n_invitationcolumn .n_emailbox A.n_addemailinput {
	padding-left: 20px;
	
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/frontend/club/skin/skin_default/n_addnewtag_icon.gif);
}

A.n_addemailinput {
  color: #4A5768;	
}

.n_invitationcolumn .n_outersystembox P#n_send_success,
.n_invitationcolumn .n_emailbox P#n_emailsend_success {
	padding-left: 0px;
	
	text-align: center;
}


/**********************************************************************
 * faq form
**********************************************************************/

.n_contentboxinlay P.n_formerrormessage {
  margin-bottom: 0px;
	padding: 0 0 2px 0;
  display: none;
	
  font-family: Arial, sans-serif, Helvetica;
  font-size: 11px;
  color: #F26522;
}


/**********************************************************************
 * 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;
}


/**********************************************************************
 * mail box forms
**********************************************************************/

TABLE.n_mailcomposewrap {
	margin: 0px;
	padding: 0px;

	width: 664px;

	border: 0px none;
	border-collapse: collapse;
}

TABLE.n_mailcomposewrap COL.n_labelcolumn {
	width: 80px;
}
TABLE.n_mailcomposewrap COL.n_inputcolumn {
	width: 398px;
}
TABLE.n_mailcomposewrap COL.n_friendslinkcolumn {
	width: 180px;
}

TABLE.n_mailcomposewrap TD {
	padding: 4px;
	
	vertical-align: middle;
}

TABLE.n_mailcomposewrap TD.n_myfriendslinkcell {
	padding-top: 6px;

	vertical-align: top;
}

TABLE.n_mailcomposewrap INPUT {
	padding: 3px 3px 0px 3px;

	width: 364px; /* 382px */
	_width: 382px; /* ie6 box-model hack */
	height: 18px; /* 25px */
	_height: 25px; /* ie6 box-model hack */
}
@media all and (min-width:0px) {
	head~body TABLE.n_mailcomposewrap INPUT { /* opera 9 hack */
		padding: 0 3px;
		height: 21px; /* 25px */
	}
	html:not(:link) TABLE.n_mailcomposewrap INPUT { /* safari hack */
		padding: 4px 3px 0px 3px;  
  	height: 17px; /* 25px */
	}
}

TABLE.n_mailcomposewrap TEXTAREA {
	padding: 6px;
	
	width: 631px; /* 645px */
	_width: 645px; /* ie6 box-model hack */
	height: 356px; /* 370px */
	_height: 370px; /* ie6 box-model hack */
}

@media all and (min-width:0px) {
	head~body TABLE.n_mailcomposewrap TEXTAREA { /* opera 9 hack */
		height: 356px; /* 370px */
		}
		html:not(:link) TABLE.n_mailcomposewrap TEXTAREA { /* safari hack */
  	height: 356px; /* 370px */ 
	}
}

/* listed checkboxes & labels */
INPUT.n_listcheckbox {
	margin: 3px 8px 0 0;
	*margin: 0px 8px 0 0;
}

UL.n_contactlist LABEL,
UL.n_grouplist LABEL {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #336699;
}

/* search mail & blogpost box form */
INPUT.n_mailsearchinput,
INPUT.n_blogpostsearchinput {
	margin: 0px;
	padding: 6px 3px 0px 5px;
	
	display: block;
	width: 178px; /* 196px */
  _width: 188px; /* ie6 box-model hack */
  height: 20px; /* 26px */
  _height: 26px; /* ie6 box-model hack */
  
  position: absolute;
  top: 0px;
  left: 0px;
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  color: #336699;
	
	float: left;
	
	border: 0px none;
	
	background-color: transparent;
}

@media all and (min-width:0px) {
  head~body INPUT.n_mailsearchinput,
  head~body INPUT.n_blogpostsearchinput { /* opera 9 hack */
    padding-top: 0px;
    height: 24px;
  }
  html:not(:link) INPUT.n_mailsearchinput,
  html:not(:link) INPUT.n_blogpostsearchinput { /* safari restore */
    padding-top: 8px;
    height: 18px;
  }
}
INPUT.n_blogpostsearchinput {
	width: 230px; /* 240px */
	_width: 240px; /* ie6 box-model hack */
}


A.n_clearsearchbar_icon {
	margin: 3px 8px 0px 0px;
	_margin-right: 4px; /* ie6 float-margin bug */
	
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  
  float: right;
  _cursor: pointer;
	
  background-image: url(/images/frontend/n_erasemail_icon.png);
}

A.n_clearsearchbar_icon:hover {
  background-image: url(/images/frontend/n_erasemail_icon_over.png);
}


.n_mailsearchbox INPUT.n_imagebutton,
.n_blogpostsearchbox INPUT.n_imagebutton {
  margin: 0px 10px 0px 3px;
}

/* checkbox & label fine tune */
.n_mailsearchbox INPUT.n_inlinecheckbox, 
.n_blogpostsearchbox INPUT.n_inlinecheckbox {
	margin: 8px 3px 0px 0px;
  *margin: 4px 3px 0px 0px;
}
@media all and (min-width:0px) {
  head~body .n_mailsearchbox INPUT.n_inlinecheckbox,
  head~body .n_blogpostsearchbox INPUT.n_inlinecheckbox  { /* opera 9 hack */
    margin: 6px 3px 0px 0px;
  }
  html:not(:link) .n_mailsearchbox INPUT.n_inlinecheckbox,
  html:not(:link) .n_blogpostsearchbox INPUT.n_inlinecheckbox  { /* safari hack */
    margin: 8px 3px 0px 0px;
  }
}

.n_mailsearchbox LABEL.n_inlinelabel,
.n_blogpostsearchbox LABEL.n_inlinelabel {
  margin: 7px 12px 0px 0px;
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  color: #000000;
}


/**********************************************************************
 * relationships form
**********************************************************************/

.n_relationshipsboxcolumn .n_col_1 { width:  10px; }
.n_relationshipsboxcolumn .n_col_2 { width: 115px; }
.n_relationshipsboxcolumn .n_col_3 { width: 140px; }
.n_relationshipsboxcolumn .n_col_4 { width:  85px; }
.n_relationshipsboxcolumn .n_col_5 { width: 150px; }
.n_relationshipsboxcolumn .n_col_6 { width: 105px; }
.n_relationshipsboxcolumn .n_col_7 { width: 146px; }

.n_relationshipsboxcolumn LABEL {
  float: left;
  display: block;
  padding: 0 6px 0 0;
  _padding: 0 3px 0 0;

  color: #F26522;
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  font-weight: bold;

  text-align: right;
}

.n_relationshipsboxcolumn TABLE.n_formwraptable LABEL.n_normal {
  float: left;
  display: inline-block;
  padding: 3px 5px 0 2px;
  *padding: 0 5px 0 2px;
  _padding: 3px 5px 0 2px;

  color: #000000;
  font-weight: normal;
}

.n_relationshipsboxcolumn LABEL.n_normallabel {
  width: 110px;
}

.n_relationshipsboxcolumn LABEL.n_smalllabel {
  width: 78px;
}

.n_relationshipsboxcolumn LABEL.n_midlabel {
  width: 95px;
}

.n_relationshipsboxcolumn LABEL.n_doublelabel {
  width: 144px;
}

.n_relationshipsboxcolumn INPUT {
  display: inline;
  float: left;
  height: 16px;
  _height: 20px;

  border-top: 2px solid #959794;
  border-left: 2px solid #959794;
  border-bottom: 2px solid #FDFDFD;
  border-right: 2px solid #FDFDFD;
}

.n_relationshipsboxcolumn INPUT.n_normalinput {
  width: 124px;
  _width: 128px;
}

.n_relationshipsboxcolumn INPUT.n_doubleinput {
  width: 229px;
  _width: 233px;
}

.n_relationshipsboxcolumn INPUT.n_checkbox {
  border: none;
}

.n_relationshipsboxcolumn INPUT#yourrelationship {
  margin-left: 80px;
}

.n_relationshipsboxcolumn TR.n_submit TD INPUT.n_search {
  margin: 3px 0 3px 24px;
  width: 78px;
  height: 27px;
  
  border: none;
}

.n_relationshipsboxcolumn TR.n_submit TD INPUT.n_prev {
	float: right;
	
  margin: 3px 24px 3px 0;
  width: 66px;
  height: 27px;
  
  border: none;
}

.n_relationshipsboxcolumn SELECT {
  height: 21px;

  border-top: 2px solid #959794;
  border-left: 2px solid #959794;
  border-bottom: 2px solid #FDFDFD;
  border-right: 2px solid #FDFDFD;
}

@media all and (min-width:0px) {
  head~body .n_relationshipsboxcolumn SELECT { /* opera 9 hack */
    height: 16px;
    }
    :root .n_relationshipsboxcolumn SELECT,
    html:not(:link) .n_relationshipsboxcolumn SELECT { /* safari hack */
    height: 21px;
  }
}

.n_relationshipsboxcolumn SELECT.n_ageselect {
	margin-right: 5px;
  width: 57px;
  _width: 55px;
}
@media all and (min-width:0px) {
  head~body .n_relationshipsboxcolumn SELECT.n_ageselect { /* opera 9 hack */
    width: 54px;
    }
    :root .n_relationshipsboxcolumn SELECT.n_ageselect,
    html:not(:link) .n_relationshipsboxcolumn SELECT.n_ageselect { /* opera 9.5 up, safari hack */
    width: 57px;
  }
}

.n_relationshipsboxcolumn TD.n_yearselect_right {
  text-align: left;
}

.n_relationshipsboxcolumn SELECT.n_yearselect {
  margin: 0 0 0 4px;
  _margin: 0 0 0 2px;
  width: 61px;
}

.n_relationshipsboxcolumn SELECT.n_groupselect {
  width: 111px;
}

.n_relationshipsboxcolumn SELECT.n_doubleselect {
  width: 208px;
}


/**********************************************************************
 * video forms | upload
**********************************************************************/
	
INPUT.n_uploadvideo {
  width: 390px; /* 316px input + browse button | means size="59" in gecko */
}
@media all and (min-width:0px) {
    html:not(:link) INPUT.n_uploadvideo { /* safari hack */
      width: 376px; /* 386px */
  }
}

/* special thumb labels */
LABEL.n_uploadvideothumblabel {
  display: block;
  width: 86px;
  height: 70px;
  overflow: hidden;
  
  text-align: left;
  
  cursor: pointer;
  
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

LABEL.n_uploadvideothumblabel SPAN {
	display: none;
}

LABEL.n_uploadvideothumblabel IMG {
	display: block;
	width: 80px;
	height: 60px;
	overflow: hidden;
	
	margin: 2px 0px 0px 2px;
}

.n_uploadvideothumblabelwrap INPUT {
	margin: 0px auto;
	
	display: block;
}

/* comment */
TEXTAREA.n_videocommenttextarea,
TEXTAREA.n_picturecommenttextarea,
TEXTAREA.n_blogpostcommenttextarea {
	width: 475px; /* 479px */
	_width: 479px; /* ie6 box-model hack */
	height: 106px; /* 110px */
	_height: 110px; /* ie6 box-model hack */
}

INPUT.n_sendvideocommentbutton,
INPUT.n_sendblogpostcommentbutton {
	margin-top: 14px;
}


/**********************************************************************
 * inputs waiting for response
**********************************************************************/

.n_inputloading {
	background: url(/images/frontend/n_indicator.gif) no-repeat right center #FFFFFF;
}


/**********************************************************************
 * picture forms | upload
**********************************************************************/
  
INPUT.n_uploadpicture {
  width: 390px; /* 316px input + browse button | means size="59" in gecko */
}
@media all and (min-width:0px) {
    html:not(:link) INPUT.n_uploadpicture { /* safari hack */
      width: 376px; /* 386px */
  }
}

/* special thumb labels */
LABEL.n_uploadpicturethumblabel {
  display: block;
  width: 70px;
  height: 70px;
  overflow: hidden;
  
  text-align: left;
  
  cursor: pointer;
  
  background-repeat: no-repeat;
  background-position: 3px 2px;
}

LABEL.n_uploadpicturethumblabel SPAN {
  display: none;
}

LABEL.n_uploadpicturethumblabel IMG {
  padding: 2px 0px 0px 3px;
}

.n_uploadpicturethumblabelwrap INPUT {
  margin: 0px auto;
  
  display: block;
}

TABLE.n_pictureuploadtable COL.n_col_label {
	width: 160px;
}

TABLE.n_pictureuploadtable COL.n_col_text {
  width: 258px;
}

TABLE.n_pictureuploadtable TD INPUT.n_doubleinput {
  width: 258px;
	_width: 266px;
}

TABLE.n_pictureuploadtable TD SELECT.n_doubleinput {
	width: 269px;
}

.n_picturelabellingwrap LABEL {
  float: left;
	margin: 10px 0 2px 0;
  text-indent: 7px;
}

.n_picturelabellingwrap LABEL.n_inputlabel_normal {
  width: 150px;
}

.n_picturelabellingwrap LABEL.n_inputlabel_half {
  width: 86px;
}

.n_picturelabellingwrap INPUT {
	float: right;
	margin: 8px 3px 2px 0;
}

.n_picturelabellingwrap INPUT.n_normalinput {
  width: 194px;
	_width: 200px;
}

.n_picturelabellingwrap INPUT.n_doubleinput {
  width: 258px;
	_width: 264px;
}


/**********************************************************************
 * search forms
**********************************************************************/

/* search among users */
.n_searchamongusers .n_col_1 { width: 120px; }
.n_searchamongusers .n_col_2 { width: 125px; }
.n_searchamongusers .n_col_3 { width:  80px; }
.n_searchamongusers .n_col_4 { width: 138px; }
.n_searchamongusers .n_col_5 { width:  85px; }
.n_searchamongusers .n_col_6 { width: 132px; }

.n_searchamongusers LABEL.n_normallabel {
  float: right;
  display: block;
  padding: 0 5px 0 0;
	color:  #F26522;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.n_searchamongusers .n_searchmainblock LABEL.n_checkboxlabel {
	padding-top: 1px;
	*padding-top: 4px;
	_padding-top: 2px;
	padding-right: 15px;
	color: #000000;
	font-size: 12px;
}

.n_serchinsg .n_searchmainblock LABEL.n_videolengthlabel {
	margin: 0 0 0 30px;
}

.n_searchamongusers INPUT.n_normalinput {
	width: 120px;
  _width: 130px;
}

.n_searchamongusers INPUT.n_doubleinput {
  width: 208px;
  _width: 218px;
}

.n_searchamongusers .n_searchmainblock INPUT.n_checkbox {
	margin: 2px 5px 0 0;
}

.n_searchamongusers SELECT {
	float: left;
}

.n_searchamongusers 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;    
  }
}

.n_searchamongusers 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_searchamongusers 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_searchamongusers .n_searchbycategoryblock SELECT.n_doubleselect {
	margin: 0px 4px;
	_margin-left: 2px; /* ie6 float-margin bug */
}

.n_searchamongusers TABLE SPAN {
  float: left;
  display: block;
  padding: 3px 6px 0 2px;
  color:  #F26522;
  font-size: 12px;
  font-weight: bold;
}

/* search in something */
.n_searchmainblock .n_searchinputwrap INPUT {
	_margin-left: -10px;
	padding: 5px;
	width: 625px;
	height: 16px;
	_height: 26px;
	
  background: transparent;
	border: none;
}

.n_searchmainblock LABEL {
	float: left;
	margin: 3 0 0 0;
  
  font-size: 12px;
}

.n_searchmainblock_title LABEL {
	float: none;
	margin: 0;
	
	font-size: 15px;
}

.n_searchmainblock INPUT.n_checkbox {
	float: left;
	margin: 2px 4px 0 17px;
	*margin: 0px 2px 0 9px;
}


/**********************************************************************
 * blog forms
**********************************************************************/

.n_createblogpostbox TABLE.n_createblogposttable {
	margin-bottom: 0px;
}

.n_createblogpostbox TABLE.n_createblogposttable COL.n_col_text {
  width: 351px;
}

.n_createblogpostbox TABLE.n_createblogposttable INPUT.n_doubleinput {
	width: 341px; /* 351px */
	_width: 351px; /* 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;
	width: 292px;
	*width: 275px;
	
	_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;
}


/**********************************************************************
 * create club forms
**********************************************************************/

/* validation */
.n_clubname .n_contentboxinlay p.n_invalidinputtext,
.n_cluburl .n_contentboxinlay p.n_invalidinputtext,
.n_clubname .n_contentboxinlay p.n_validinputtext,
.n_cluburl .n_contentboxinlay p.n_validinputtext {
  float: right;
  padding-top: 3px;
  background-position: 0 3px;
}

/* club's url */
.n_cluburl LABEL.n_inlinelabel {
	margin: 3px 4px 0 4px;
}

.n_cluburl INPUT.n_normalinput {
	width: 218px;
	
	text-transform: lowercase;
}

/* fullsize */
.n_greet TEXTAREA.n_fullinput,
.n_cui TEXTAREA.n_fullinput,
.n_welcomeletterbox TEXTAREA.n_fullinput,
.n_welcomemessagebox TEXTAREA.n_fullinput {
  width: 479px;
}

.n_welcomeletterbox TEXTAREA.n_fullinput {
	height: 140px;
}

.n_clubstyle TEXTAREA.n_fullinput {
	width: 479px;
  height: 174px; /* 178px */
  *height: 172px; /* ie box-model hack */
  _height: 178px; /* ie6 box-model hack */
}
@media all and (min-width:0px) {
  head~body TEXTAREA.n_normalinput { /* opera 9 hack */
    height: 172px;
  }
  html:not(:link) TEXTAREA.n_normalinput { /* safari select capsule hack */
    height: 174px;    
  }
}

.n_cui_radios INPUT {
	float: left;
	margin-right: 24px;
}

.n_cui_radios LABEL {
  margin-top: 14px;
}
.n_cui_radios INPUT {
	/*margin-top: 14px;*/
}

/* motto */
.n_motto INPUT.n_fullinput {
  width: 473px;
  _width: 477px;
}

.n_viewcredentialbox SELECT.n_normalinput,
.n_clubjoinoptionbox SELECT.n_normalinput,
.n_uploadcontentcredentialbox SELECT.n_normalinput {
	width: 243px;
}

.n_motto,
.n_greet {
	_float: none;
}

TABLE.n_clubjoinoptiontable COL.n_selectcolumn {
	width: 260px;
}
TABLE.n_clubjoinoptiontable COL.n_checkboxcolumn {
  width: 190px;
}

.n_clubjoinoptionbox LABEL.n_inlinelabel {
	width: 150px;
	overflow: hidden;
}

TABLE.n_clubjoinoptiontable TD {
	vertical-align: top;
}

.n_joinquestionformwrap .n_optionblock {
	margin-bottom: 12px;
}

.n_joinquestionformwrap .n_optionblock SPAN {
  width: 400px;
  overflow: hidden;
  
  float: left;
}

.n_joinquestionformwrap LABEL {
	color: #336699;
}

.n_joinquestionformwrap INPUT.n_doubleinput {
	margin-bottom: 15px;
	margin-left: 10px;
	
	width: 409px; /* 419px */
	_width: 419px; /* ie6 box-model hack */
}

.n_joinquestionformwrap TEXTAREA.n_normalinput {
	margin-bottom: 15px;
	margin-left: 10px;
	
	width: 415px; /* 419px */
	_width: 419px; /* ie6 box-model hack */
}
@media all and (min-width:0px) {
  head~body .n_joinquestionformwrap TEXTAREA.n_normalinput { /* opera 9 & safari hack */
    width: 413px;
  }
}

/* edit */
.n_editjoinquestionformwrap LABEL.n_choicelabel {
	margin-bottom: 7px;
}

.n_editjoinquestionformwrap INPUT.n_doubleinput {
	margin-bottom: 20px;
	
	width: 449px; /* 459px */
	_width: 459px; /* ie6 box-model hack */
}

.n_editjoinquestionformwrap SELECT.n_doubleinput {
  margin-bottom: 20px;
  
  width: 459px;
}

TABLE.n_editjoinquestiontable COL.n_labelcolumn {
	width: 68px;
}

TABLE.n_editjoinquestiontable COL.n_inputcolumn {
  width: 346px;
}

TABLE.n_editjoinquestiontable COL.n_optionscolumn {
	width: 60px;
}

TABLE.n_editjoinquestiontable TR TD.n_rightaligned {
	text-align: right;
	vertical-align: top;
}

TABLE.n_editjoinquestiontable LABEL.n_choicelabel {
	margin: 2px 4px 0px 0px;
	
	width: 64px;
	overflow: hidden;
}

TABLE.n_editjoinquestiontable INPUT.n_normalinput {
	width: 330px; /* 340px */
	_width: 340px; /* ie6 box-model hack */
}

TABLE.n_editjoinquestiontable TR TD {
	padding-bottom: 20px;
}

TABLE.n_editjoinquestiontable TR TD.n_optionscell {
	vertical-align: top;
}

TABLE.n_editjoinquestiontable A.n_removerow,
TABLE.n_editjoinquestiontable A.n_addrow {
	margin: 3px 2px 0px 2px;
	*margin-top: 5px;
	
	display: block;
	width: 14px;
	height: 14px;
	
	float: left;
	
	_cursor: pointer; /* ie6 png hack fix */
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

TABLE.n_editjoinquestiontable A.n_removerow {
	background-image: url(/images/frontend/n_ignorefriend_icon.png);
}

TABLE.n_editjoinquestiontable A.n_addrow {
  background-image: url(/images/frontend/n_acceptfriend_icon.png);
}

INPUT#n_clubmottovisible {
  margin: 5px 5px 0 0;
}

LABEL.n_clubmottovisible {
	padding: 5px 0 0 0;
}

.n_clubnewsletterbox TEXTAREA.n_normalinput {
	margin: 0px 0px 20px 13px;
	
	width: 453px; /* 457px */
	_width: 457px; /* ie6 box-model hack */
	height: 174px; /* 178px */
	min-height: 174px; /* safari hack */
	_height: 178px; /* ie6 box-model hack */
}

.n_clubmeasurecodebox TEXTAREA.n_normalinput {
  margin: 0px 0px 20px 13px;
  
  width: 453px; /* 457px */
  _width: 457px; /* ie6 box-model hack */
  height: 110px; /* 110px */
  min-height: 106px; /* safari hack */
  _height: 110px; /* ie6 box-model hack */
}

/* main news */
INPUT.n_mainnewseditinput {
  width: 207px;
  _width: 217px;
}

/* similar named clubs */
.n_similarclublistwrap {
	height: 60px;
	overflow: auto;
}

.n_similarclublistwrap UL {
  
}

.n_similarclublistwrap UL LI {
	padding: 2px 0px 2px 11px;
	
	line-height: 14px;
	list-style-type: none;
	list-style-position: outside;
	color: #000000;
	
	background: url(/images/frontend/n_clublinkarrow_right.gif) no-repeat 0px 7px;
	*background-position: 0px 6px;
}

@media all and (min-width:0px) {
  head~body .n_similarclublistwrap UL LI { /* opera 9 hack */
    background-position: 0px 7px;
  }
  html:not(:link) .n_similarclublistwrap UL LI { /* safari position fix */
    background-position: 0px 6px;   
  }
}

.n_similarclublistwrap UL LI A {
	color: #5481AB;
}


/**********************************************************************
 * 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;
  }
}


/**********************************************************************
 * OTF edit submits
**********************************************************************/

INPUT.n_otf_button {
	margin: 4px 0px 4px 0px;
	padding: 1px 1px;
	*padding: 1px 0px;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #F26522;
	
	cursor: pointer;
	
	border: 1px solid #D6D6D6;
	background-color: #FFFFFF;
}
@media all and (min-width:0px) {
  head~body INPUT.n_otf_button { /* safari fine tune */
    padding: 3px;
  }
}

INPUT.n_inlineotf_button {
	margin: 0px 0px 0px 6px;
	_margin-left: 0px 0px 0px 3px; /* ie6 float-margin bug */
	  
  float: left;
}


/**********************************************************************
 * upper right utilities
**********************************************************************/

.n_utilitybutton {
	display: inline-block;
	
	font-family: Arial, sans-serif, Helvetica;
  font-size: 14px;
	
	cursor: pointer;
	
	border-width: 0px;
  border-style: solid;
  border-color: #C8CBD4;
  
  background-color: #FFFFFF;
}

.n_utilitybutton:hover {
	text-decoration: none;
}

INPUT.n_jointoclubbutton {
  margin: 0px auto;
  
  font-weight: bold;
  color: #F26522;
}

INPUT.n_addcontentbutton {
  margin: 0px auto;
  
  font-weight: bold;
  color: #409FCF;
}

.n_welcomemessagebox LABEL.n_choicelabel {
  margin-top: 12px;
  margin-bottom: 5px;
}

.n_welcomemessagebox INPUT.n_normalinput {
  margin-bottom: 4px;
}

.n_welcomemessagebox INPUT.n_fullinput {
	width: 473px;
}



/**********************************************************************
 * pager
**********************************************************************/

.n_pager .n_goonapage INPUT {
  float: left;
  margin: 2px 6px 0 10px;
  width: 34px;
  _width: 38px;
}

/**********************************************************************
 * form error message
**********************************************************************/

P.n_forma_errorMessage {
	margin: 5px 0 0 0!important;
}

/* img & video upload response from the server */
.n_uploadmediacolumn H4.n_imageuploaderror,
.n_uploadmediacolumn H4.n_videouploaderror {
	position: absolute;
	top: 68px;
	right: 14px;
	
	width: 170px;
	
	font-family: Arial, sans-serif, Helvetica;
  font-size: 15px;
	color: #567FAA;
	
	_position: auto;
}

/* video upload response from the server */
.n_uploadmediacolumn H4.n_videouploaderror {
  top: 216px;
}

/* authentication */
LABEL.n_authlabel {
  margin: 5px 5px 0 0;
  height: 24px;
  
  float: left;
}

INPUT.n_authenticatebutton {
    margin: 10px 0px 1px 0px;
    *margin: 8px 0px 1px 0px;
}

/* delete user */
TEXTAREA.n_delaskarea {
  margin: 8px 0 20px 9px;
  width: 454px;
  height: 150px;
  
  overflow: auto;
}



/**********************************************************************
 * 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;
  display:block;
  font-family:Arial,sans-serif,Helvetica;
  font-size:12px;
  height:15px;
  margin:8px 5px 0 5px;
  padding:1px 3px 0;
  width: 25px;
  
  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;
}

div.n_composealert {
  background: #ffabac;
    
  border: 2px solid #BE0C02; 
  
  margin: 0 0 20px 0; 
  padding: 10px; 
  
  color: #be0c02; 
  
  width: 640px; /*664px*/
  _width: 644px; 
   
  line-height: 18px;
  font-family:Tahoma,sans-serif,Helvetica; 
  font-weight: bold;
}

input.n_videoupload_input {
  width: 290px;
}

textarea.n_videoupload_textarea {
  width: 296px;
}