@CHARSET "UTF-8";
/*********************************************************************
 * copyright:   	network.hu
 * name:        	n_mailbox.css
 * projekt:     	www.network.hu
 * release: 	 		2008.06.20.
 * description: 	network 1.0 mail box module elements
 * developer:   	eFBe
**********************************************************************/

.n_mailboxcolumn {
	background: #FFFFFF;
	
	*width: 941px;
}

.n_mailboxcolumn .n_innermidrightcolumn {
	width: 711px;
	overflow: hidden;
	
	float: right;
}

.n_mailboxcolumn .n_innerleftcolumn {
	margin: 0px;

	width: 220px;
}


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

A.n_myfriendslistlink {
	padding: 0 0 4px 20px;

	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	
	background: url(/images/frontend/n_profilefunctionsicon_commonfriends.gif) no-repeat 0px 0px;
}


/**********************************************************************
 * contact selector module
**********************************************************************/

.n_contactselectorwrap { /* emulate input */
	margin: 0;
	padding: 0px 1px;

	width: 368px; /* 382px */
	_width: 382px; /* ie6 box-model hack */
	min-height: 19px; /* 20px */
	_height: 18px; /* 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;
	background-color: #FFFFFF;
}

.n_contactselectorwrap INPUT.n_contactinput {
	margin: 4px 0px 0px 0px;
	padding: 0px;

	display: block;
	height: 18px;
	_height: 18px;
	width: 2px;
	overflow: hidden;
	
	float: left;
	
	border: 0px none;
}

@media all and (min-width:0px) {
	html:not(:link) .n_contactselectorwrap INPUT.n_contactinput { /* safari selector fix */
	margin: 0px;
	padding: 0px;

	display: block;
	height: 18px;
	width: 2px;
	overflow: hidden;
	}
}

.n_contactselectorwrap P.n_contactname {
	margin: 2px 2px 1px 2px;
	padding: 0 0 5px 0;
	
	display: block;
	height: 14px; /* 19px */
	_height: 19px; /* ie6 box-model hack */
	_overflow: hidden;
	
	float: left;
	
	background: url(/images/frontend/n_contactname_line.gif) repeat-x top left;
}

.n_contactselectorwrap P.n_precontactname {
	margin: 4px 2px 1px 2px;
	padding: 1px 0 5px 0;
	
	display: block;
	height: 11px; /* 16px */
	_height: 16px; /* ie6 box-model hack */
	_overflow: hidden;
	
	float: left;
}

.n_contactselectorwrap P.n_contactprename {
	margin: 0px;
	padding: 2px 0 0 4px;
	*padding-top: 3px;
	
	float: left;
}

.n_contactselectorwrap P.n_contactname SPAN {
	padding: 3px 0px 0px 6px;
	
	display: -moz-inline-box;
	display: inline-block;
	
	height: 19px;
	
	background: url(/images/frontend/n_contactname_bg.gif) no-repeat 0px 0px;
}

.n_contactselectorwrap P.n_contactname SPAN.n_erasecontactname {
	margin: 0px;
	_margin-left: 4px; /* ie6 padding */
	padding-left: 4px; /* + padding top: inherited 3px is very important! */

	display: -moz-inline-box;
	display: inline-block;	
	width: 18px; /* + height: inherited 19px is also very important */
	
	cursor: pointer;
	
	background: url(/images/frontend/n_erasecontactname_x.gif) no-repeat right top;
}

/**********************************************************************
 * form submit
**********************************************************************/

.n_formsubmitarea {
	padding-top: 2px;

	width: 652px;
	_width: 649px;
}


/**********************************************************************
 * mail view | search box
**********************************************************************/

.n_mailsearchinputwrap {
	margin-left: 50px;
	_margin-left: 25px; /* ie6 float-margin bug */
	padding: 0px;
	
	position: relative;
	
	width: 210px;
	height: 26px;
	
  float: left;
  
  background: url(/images/frontend/n_mailsearchinputbg.gif) no-repeat top left;
}


/**********************************************************************
 * mail view | letter table
**********************************************************************/

.n_mailboxcolumn .n_innermidrightcolumn  .n_maillistbox .n_contentboxinlay {
	padding: 16px 0px 0px 0px;
	
	width: 711px;
	
	background: url(/images/frontend/n_maillistboxbgline.gif) repeat-x top left #EDEFF7;
}

/* the table itself */
TABLE.n_maillisttable {
	margin-left: 6px;
	
	border-collapse: collapse;
	border: 0px none;
}

/* columns | ie & opera renders columns in a different way (col width + padding) */
COL.n_mailsender { 
	width: 188px; 
  *width: 174px;
}
@media all and (min-width:0px) {
  head~body COL.n_mailsender { /* opera 9 hack */
      width: 174px;
    }
    html:not(:link) COL.n_mailsender { /* safari restore */
      width: 188px;
  }
}

COL.n_mailsubject { 
	width: 290px; 
	*width: 276px;
}
@media all and (min-width:0px) {
  head~body COL.n_mailsubject { /* opera 9 hack */
      width: 276px;
    }
    html:not(:link) COL.n_mailsubject { /* safari restore */
      width: 290px;
  }
}

COL.n_maildate {
	width: 170px; 
	*width: 156px;
}
@media all and (min-width:0px) {
  head~body COL.n_maildate { /* opera 9 hack */
      width: 156px;
    }
    html:not(:link) COL.n_maildate { /* safari restore */
      width: 170px;
  }
}

COL.n_mailoptions {
	width: 35px;
	*width: 21px;
}
@media all and (min-width:0px) {
  head~body COL.n_mailoptions { /* opera 9 hack */
      width: 21px;
    }
    html:not(:link) COL.n_mailoptions { /* safari restore */
      width: 35px;
  }
}

/* table head */
TABLE.n_maillisttable THEAD.n_maillisttablehead {
	height: 25px;
	overflow: hidden;
}

TABLE.n_maillisttable THEAD.n_maillisttablehead TR TH {
	padding: 0px 0px 0px 14px;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FF5902;
	
	vertical-align: top; /* fix float bug in ie */
}

TABLE.n_maillisttable THEAD.n_maillisttablehead TR TH SPAN {
	margin-right: 7px;
	
	display: block;
	
	float: left;
}

/* set order icons */
A.n_setmailordericon_up,
A.n_setmailordericon_down {
	margin-left: 2px;
	_margin-left: 1px; /* ie6 float-margin bug */
	
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	
	float: left;
	
  _cursor: pointer; /* png hack restore */
	
	background-position: 0px 0px;
	background-repeat: no-repeat;	
}

A.n_setmailordericon_down {
  background-image: url(/images/frontend/n_setmailordericon_down.png);
  _background-image: url(/images/frontend/n_setmailordericon_down.gif);
}

A.n_setmailordericon_up {
  background-image: url(/images/frontend/n_setmailordericon_up.png);
  _background-image: url(/images/frontend/n_setmailordericon_up.gif);
}

A.n_setmailordericon_down:hover,
A.n_setmailordericon_active_down {
  margin-top: 0px;	
	
  background-image: url(/images/frontend/n_setmailordericon_active_down.png);
  _background-image: url(/images/frontend/n_setmailordericon_active_down.gif);
}

A.n_setmailordericon_up:hover,
A.n_setmailordericon_active_up {
  margin-top: 0px;  	
	
  background-image: url(/images/frontend/n_setmailordericon_active_up.png);
  _background-image: url(/images/frontend/n_setmailordericon_active_up.gif);
}



/* scrollable wrap | the browsers cannot render tbody overflow: auto... */
.n_maillisttablewrap {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	
	height: 238px; /* 240px; */
	_height: 240px; /* ie6 box-model hack */
	overflow: auto;
}
@media all and (min-width:0px) {
  head~body .n_maillisttablewrap{ /* opera & khtml distance hack */
      margin-top: 10px;
    }
}


TABLE.n_maillisttable TBODY.n_maillisttablebody {

} 

TABLE.n_maillisttable TBODY.n_maillisttablebody TR TD {
	padding: 1px 0px 4px 14px;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #336699;
	
	border-bottom: 1px solid #DCE2EE;
	cursor: pointer; /* clickable lines except the last col */
	
  vertical-align: top; /* vertically centerized @ one line, but top @ more lines */
}

TABLE.n_maillisttable TBODY.n_maillisttablebody TR TD.n_fullrow {
	width: 684px;
}

TABLE.n_maillisttable TBODY.n_maillisttablebody TR TD A {
	color: #4CA5D2;
}


/* fixed width cell contents | cannot f.. mess up the table layout :P */
TABLE.n_maillisttable TBODY.n_maillisttablebody TR TD.n_mailsender SPAN {
	padding-top: 3px;
	padding-left: 20px;
	
  display: block;
  width: 148px; /* 168px; */
  _width: 168px; /* ie6 box-model hack */
  overflow: hidden;
  
  background-repeat: no-repeat;
}

TABLE.n_maillisttable TBODY.n_maillisttablebody TR TD.n_mailsubject SPAN {
	padding-top: 3px;
	
  display: block;
  width: 270px;
  overflow: hidden;
}

TABLE.n_maillisttable TBODY.n_maillisttablebody TR TD.n_maildate SPAN {
  padding-top: 3px;
	
  display: block;
  width: 150px;
  overflow: hidden;
}

TABLE.n_maillisttable TBODY.n_maillisttablebody TR TD.n_mailoptions {
  padding-top: 6px;
  
  cursor: default;
}

A.n_mailisticon {
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  
  _cursor: pointer; /* png hack restore */
  
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/* different mail & icon types | unread */
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_unreadmail TD {
	font-weight: bold;
}
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_unreadmail TD.n_mailsender SPAN {
  background-image: url(/images/frontend/n_unreadmail_icon.gif);
  background-position: 0px 5px;
}
@media all and (min-width:0px) { /* safari fine tune */
  html:not(:link) TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_unreadmail TD.n_mailsender SPAN {
      background-position: 0px 4px;
  }
}

/* read */
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_readmail TD.n_mailsender SPAN {
  background-image: url(/images/frontend/n_readmail_icon.gif);
  background-position: 0px 1px;
}

/* replied */
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_repliedmail TD.n_mailsender SPAN {
  background-image: url(/images/frontend/n_repliedmail_icon.gif);
  background-position: 0px 3px;
}

/* forwarded */
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_forwardedmail TD.n_mailsender SPAN {
  background-image: url(/images/frontend/n_forwardedmail_icon.gif);
  background-position: 0px 2px;
}

/* replied-forwarded */
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_replied-forwardedmail TD.n_mailsender SPAN {
  background-image: url(/images/frontend/n_replied-forwardedmail_icon.gif);
  background-position: 0px 2px;
}

/* active = reading @ the moment */
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_activemail TD {
	background-color: white;
}

/* :hover */
TABLE.n_maillisttable TBODY.n_maillisttablebody TR:hover TD,
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_activemail:hover TD {
	background-color: #DAE0EE;
}
TABLE.n_maillisttable TBODY.n_maillisttablebody TR.n_hover TD {
  _background-color: #DAE0EE; /* ie hack */
}


/* erase mail */
A.n_erasemailicon {
	background-image: url(/images/frontend/n_erasemail_icon.png);
}
A.n_erasemailicon:hover {
  background-image: url(/images/frontend/n_erasemail_icon_over.png);
}


/**********************************************************************
 * mail view box
**********************************************************************/

.n_mailboxcolumn .n_innermidrightcolumn .n_mailviewbox .n_contentboxinlay {
	padding: 18px 16px;
	
	width: 679px; /* 711px */
	_width: 711px; /* ie6 box-model hack */
}

.n_mailviewbox .n_contentboxinlay H5 {
	margin-left: 8px;
	_margin-left: 4px; /* ie6 float-margin bug */
	
	width: 461px;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 15px;
	color: #F26522;
	
	float: left;
}

.n_mailviewbox .n_contentboxinlay H5 A {
	color: #F26522;
}

/* letter headline detail box with table */
.n_mailviewdetails {
  margin-left: 8px;
  _margin-left: 4px; /* ie6 float-margin bug */	
	
  width: 461px;
  overflow: hidden;
  
  float: left;
}

TABLE.n_mailviewdetailstable {
	margin-top: 8px;
}

TABLE.n_mailviewdetailstable TR TD {
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  color: #000000;
}

TABLE.n_mailviewdetailstable TR TD SPAN {
	color: #567FAA;
}

TABLE.n_mailviewdetailstable TR TD SPAN.n_cctext {
  color: #282828;
}

TABLE.n_mailviewdetailstable TR TD DIV.n_cc_restlinkwrap {
  padding: 10px 0;
}

TABLE.n_mailviewdetailstable TR TD A {
	color: #567FAA;
}

TABLE.n_mailviewdetailstable TR TD SPAN.n_mailviewlabel {
	padding-right: 5px;
	
	font-weight: bold;
}

/* user options */
UL.n_mailoptions {
	margin: 0px 8px 0px 0px;
	_margin-right: 4px; /* ie6 float-margin bug */
	padding: 0px;
	
	float: right;
}

UL.n_mailoptions LI {
	margin: 0px;
	padding: 2px 0px;
	
	text-align: left;
	list-style-type: none;
	*list-style-position: outside;
}

UL.n_mailoptions LI A {
	margin: 0px;
	padding: 3px 0px 3px 25px;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #336699;
		
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

/* diff. icons */

UL.n_mailoptions LI A.n_spam_mail,
P.n_submailoptions A.n_spam_mail {
  background-image: url(/images/frontend/n_spam_level_icon.png);
}

UL.n_mailoptions LI A.n_inactive_spam_mail,
P.n_submailoptions A.n_inactive_spam_mail {
  background-image: url(/images/frontend/n_spam_level_inactive_icon.png);
}


UL.n_mailoptions LI A.n_reply,
P.n_submailoptions A.n_reply {
	background-image: url(/images/frontend/n_repliedmail_icon.gif);
}

UL.n_mailoptions LI A.n_replytoall,
P.n_submailoptions A.n_replytoall {
  background-image: url(/images/frontend/n_replytoall_icon.gif);
}

UL.n_mailoptions LI A.n_forward,
P.n_submailoptions A.n_forward {
  background-image: url(/images/frontend/n_forwardmail_icon.png);
  _background-image: url(/images/frontend/n_forwardmail_icon.gif); /* blue anti-aliased gif for stupid ie */
}

UL.n_mailoptions LI A.n_delete,
P.n_submailoptions A.n_delete {
  background-image: url(/images/frontend/n_deletemail_icon.png);
  _background-image: url(/images/frontend/n_deletemail_icon.gif); /* blue anti-aliased gif for stupid ie */
  background-position: 2px 4px;
}

UL.n_mailoptions LI A.n_ignoreuser,
P.n_submailoptions A.n_ignoreuser  {
  background-image: url(/images/frontend/n_blockuser_icon.gif);
  background-position: 2px 2px;
}

UL.n_mailoptions LI A.n_deleteblockuser,
P.n_submailoptions A.n_deleteblockuser  {
  background-image: url(/images/frontend/n_profilefunctionsicon_deleteblockuser.gif);
  background-position: 2px 2px;
}

UL.n_mailoptions LI A.n_spam_mail,
P.n_submailoptions A.n_spam_mail  {
  background-image: url(/images/frontend/n_spam_level_icon.png);
  _background-image: url(/images/frontend/n_spam_level_icon.gif);
  background-position: 2px 2px;
}

UL.n_mailoptions LI A.n_inactive_spam_mail,
P.n_submailoptions A.n_inactive_spam_mail  {
  background-image: url(/images/frontend/n_spam_level_inactive_icon.png);
  _background-image: url(/images/frontend/n_spam_level_inactive_icon.gif);
  background-position: 2px 2px;
  cursor: default;
  text-decoration: none;
}

P.n_submailoptions A.n_deleteblockuser,
P.n_submailoptions A.n_spam_mail,
P.n_submailoptions A.n_inactive_spam_mail {
	background-position: 2px 0px;
}


@media all and (min-width:0px) { /* safari fine tune */
  html:not(:link) UL.n_mailoptions LI A.n_reply,
  html:not(:link) UL.n_mailoptions LI A.n_replytoall {
      background-position: 0px 0px;
  }
  html:not(:link) UL.n_mailoptions LI A.n_forward {
      background-position: 0px 3px;
  }
  html:not(:link) UL.n_mailoptions LI A.n_delete,
  html:not(:link) UL.n_mailoptions LI A.n_blockuser,
  html:not(:link) UL.n_mailoptions LI A.n_spam_mail,
  html:not(:link) UL.n_mailoptions LI A.n_inactive_spam_mail {
      background-position: 2px 3px;
  }
}

/* the letter itself */
.n_mailviewletter {
	margin: 18px 0px 38px 0px;
	
  width: 679px;
  overflow: hidden;
  
  background: url(/images/frontend/n_mailviewletter_bgline.gif) repeat-y top left;
}

.n_mailviewletter .n_mailviewletter_head {
	width: 679px;
	height: 15px;
	overflow: hidden;
	
	background: url(/images/frontend/n_mailviewletter_head.gif) no-repeat top left;
}

.n_mailviewletter .n_mailviewletter_foot {
  width: 679px;
  height: 20px;
  
  clear: both; /* just 4 safety */
  
  background: url(/images/frontend/n_mailviewletter_foot.gif) no-repeat bottom left;
}

.n_mailviewletter P {
	margin: 15px 0px;
	padding: 0 22px;
	
	width: 635px; /* 679px */
	_width: 679px; /* ie6 box-model hack */
	overflow: hidden;
}

/* footer functions */
P.n_submailoptions {
	margin: 0px;
	padding: 13px 12px;
	
  width: 655px; /* 679px */
  _width: 679px; /* ie6 box-model hack */
	overflow: hidden;
	
	text-align: center;
	
	background-color: #FFFFFF;
}

P.n_submailoptions A {
	margin-right: 16px;
  padding: 0px 0px 2px 20px;
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  color: #336699;
    
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

P.n_submailoptions A.n_delete,
P.n_submailoptions A.n_blockuser,
P.n_submailoptions A.n_spam_mail,
P.n_submailoptions A.n_inactive_spam_mail {
  background-position: 2px 1px;
}

/* some icon fine tune... */
@media all and (min-width:0px) { /* safari */
  html:not(:link) P.n_submailoptions A {
      background-position: 0px 0px;
  }
}

P.n_submailoptions A.n_delete {
	_background-image: url(/images/frontend/n_deletemail_icon_white.gif); /* white anti-aliased gif for stupid ie */
}

P.n_submailoptions A.n_spam_mail {
  _background-image: url(/images/frontend/n_spam_level_icon_white.gif);
}

P.n_submailoptions A.n_inactive_spam_mail {
  _background-image: url(/images/frontend/n_spam_level_inactive_icon_white.gif);
}


/**********************************************************************
 * left column | main menu
**********************************************************************/

UL.n_mailboxmainmenu {
  margin: 0px;
  padding: 0px;
}

UL.n_mailboxmainmenu LI {
  margin: 0px;
  padding: 14px 22px;
  
  display: block;
  width: 176px; /* 220px */
  _width: 220px; /* ie6 box-model hack */
  overflow: hidden;
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 15px;
  font-weight: bold;
  color: #409FCF;
  text-align: left;
  list-style-type: none;
  *list-style-position: outside;
  
  background: url(/images/frontend/n_mailboxmainmenu_itembgline.gif) repeat-x top left #FEF3A1;
}

UL.n_mailboxmainmenu LI A {
  color: #409FCF;
}

UL.n_mailboxmainmenu LI A.n_composemail {
	padding-right: 20px;
	
	background: url(/images/frontend/n_composemail_icon.gif) no-repeat right 1px;
}

/* dates */
UL.n_mailboxmainmenu LI UL {
  margin-top: 8px;
}

UL.n_mailboxmainmenu LI UL LI {
	margin: 0px;
	*margin-bottom: -4px; /* some ul li / checkbox label bug */
	padding: 3px 0px;
	*padding: 0px 0px;
	
	font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  font-weight: normal;
	color: #000000;
	
	background: none;
}

UL.n_mailboxmainmenu LI UL LI INPUT.n_inlinecheckbox {
	margin: 1px 4px 0px 0px;
	*margin-top: 0px;
	_margin-right: 2px; /* ie6 float-margin bug */
}

UL.n_mailboxmainmenu LI UL LI LABEL.n_inlinelabel {
  margin: 0px;
  *margin-top: 3px;
  padding: 0px;
}

UL.n_mailboxmainmenu LI UL LI LABEL.n_unreadmaillabel {
	font-weight: bold;
}


P#n_mailviewletter_content A.n_commonlink {
	color: #409FCF;
}