@CHARSET "UTF-8";
/*********************************************************************
 * copyright:     network.hu
 * name:          n_pictures.css
 * projekt:       www.network.hu
 * release:       2008.07.09.
 * description:   network 1.0 pictures module elements
 * developer:     worbyd
**********************************************************************
 * left column (when not profile)
**********************************************************************/

.n_picturegallerywrap {
  padding: 0 0 6px 0;
  
  width: 180px;
  
  background: url(/images/frontend/n_videogallerywrap_bgline.gif) repeat-x 0px 0px #E6E9F4;
}

/* opened gallerycard with picture cards */
.n_picturegallerywrap .n_openedpicturegallerycard {
  border-top: 1px solid #F3F4F9;
  
  background: url(/images/frontend/n_openedvideogallerycard_bgline.gif) repeat-x 0px 0px #FFF9AD;
}

.n_innerleftcolumn .n_picturegallerywrap .n_openedpicturegallerycard .n_picturegalleryitemwrap {
  display: block !important;
}

/* closed gallerycard with picture  cards */
.n_innerleftcolumn .n_picturegallerywrap .n_picturegalleryitemwrap {
  display: none !important;
}

.n_innerleftcolumn .n_picturegallerycard {
	margin: 0;
	float: none;
}

.n_picturegallerythumbwrap {
  margin: 6px 0px 6px 12px;
  padding: 3px 0px 0px 3px;
  
  width: 52px; /* 60px */
  _width: 55px; /* ie6 box-model hack */
  height: 43px; /* 46px */
  _height: 46px; /* ie6 box-model hack */
  overflow: hidden;
  
  background: url(/images/frontend/n_thumbwrapbg_40.png) no-repeat 0px 0px;
  _background: url(/images/frontend/n_thumbwrapbg_40.gif) no-repeat 0px 0px;
}

.n_picturegallerywrap .n_picturegallerycard .n_picturegallerythumbwrap {
  float: left;
  _margin-left: 6px; /* ie6 float-margin bug */
}

.n_picturegallerythumbwrap IMG {
  display: block;
  width: 40px;
  height: 40px;
}

.n_picturegalleryinfowrap {
  margin: 1px 12px 0px 0px;
  _margin-right: 6px; /* ie6 float-margin bug */
  padding-top: 6px;
  
  width: 92px;
  overflow: hidden;
  
  float: left;
}

.n_picturegalleryinfowrap P {
  margin: 0px 0px 4px 0px;
}

.n_picturegalleryinfowrap P A {
  font-weight: bold;
  color: #409FCF;
}


/* picture thumb pager */
.n_picturethumbpager {
  margin: 0px 0px 4px 0px;
  padding: 6px 12px 8px 12px;
  
  background-color: #FFF9AD;
}
.n_picturethumbpager P {
  margin: 3px 0px 0px 0px;
  
  width: 116px;
  overflow: hidden;
  
  text-align: center;
  
  float: left;
}

A.n_prevpicturethumbs,
A.n_nextpicturethumbs {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  
  float: left;
  
  cursor: pointer;
  
  background: url(/images/frontend/n_togglevideogallerybutton_left.png) no-repeat left top;
}

A.n_nextpicturethumbs {
  float: left;
  
  background: url(/images/frontend/n_togglevideogallerybutton_right.png) no-repeat left top;
}


P.n_browsepictures {
  margin: 0px;
  padding: 4px 0px 6px 12px;
  
  width: 148px; /* some gecko rendering bug */
  *width: 140px;
  _width: 156px;
}
@media all and (min-width:0px) {
  head~body P.n_browsepictures { /* opera 9 & khtml work fine */
    width: 156px;
  }
}

P.n_browsepictures A {
  font-weight: bold;
  color: #F26522;
}
@media all and (min-width:0px) {
    html:not(:link) P.n_browsepictures A { /* safari anti-alias crap */
      font-weight: normal;
  }
}

.n_browsepictures A SPAN {
  background-position: 0 0;
}

P.n_picturegallerydetails {
  margin: 0px;
  padding: 13px 12px 13px 0px;
  
  text-align: right;
  
  background-color: #F4F5F9;
}

.n_picturegallerybox H4 A { 
	color: #567FAA;
}


/**********************************************************************
 * picture site
**********************************************************************/

/* slideshow */
.n_slideshowbox {
  margin-bottom: 0;
}

/* when the gallery contains only one image | nav ain't appear */
.n_slideshowbox H4 SPAN.n_boxtitle {
  margin: 0px;
  padding: 8px 16px 8px 16px;
  
  display: block;
  width: 479px; /* 511px */
  _width: 511px; /* ie6 box-model hack */
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 22px;
  color: #F26522;
}

.n_slideshowbox H4 {
  margin: 0 0 1px 0;
  height: 43px;
  
  background-color: #FFF9AD;
}

.n_slideshow_navleft {
	float: left;
	margin: 9px 0 9px 10px;
	
	width: 25px;
	height: 25px;
	
	background-image: url(/images/frontend/n_slideshow_navleft.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.n_slideshow_navright {
  float: right;
  margin: 9px 10px 9px 0;
  
  width: 25px;
  height: 25px;
  
  background-image: url(/images/frontend/n_slideshow_navright.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.n_slideshowicon {
	position: relative;
	float: left;
	margin: 0 0 0 170px;
	
	width: 100px;
	height: 43px;
	background-image: url(/images/frontend/n_slideshowiconbg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

A.n_slideshowicon:hover {
	text-decoration: none;
}

/* slideshow timer */
.n_slideshowbox {
	position: relative;
}

#n_slideshowtimer {
	position: absolute;
	top: 43px;
	left: 141px;
	width: 218px;
	height: 86px;
	background-image: url(/images/frontend/n_slideshowtimer_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#n_slideshowtimer P {
	margin: 0;
	padding: 16px 16px 10px 16px;
	color: #393939;
	font-size: 12px;
	
}

#n_slideshowtimer INPUT {
	margin: 0 0 0 16px;
	*margin: 0 0 0 12px;
}

#n_slideshowtimer LABEL {
	margin: 0 0 0 4px;
  *margin: 0 0 0 2px;
	color: #F26522;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.n_slideshowicon SPAN {
	position: absolute;
	top: 25px;
	left: 5px;
  color: #f26522;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 9px;
}
.n_slideshowbox .n_boxbody {
  width: 511px;
	
	background-color: #FBFCFC;
}

.n_slideshowbox .n_boxbody {
	padding: 13px 0 13px 0;
}

.n_slideshowimage {
  _text-align: center;
}

.n_slideshowimage TABLE {
	margin: 0 auto 0 auto;
}

.n_slideshowimage TABLE A {
	*z-index: 1;
}

COL.n_slideshowimage_leftcolumn {
	width: 7px;
}

COL.n_slideshowimage_rightcolumn {
  width: 9px;
}

.n_slideshowimage .n_slideshowbg_topleft {
	width: 7px;
	height: 6px;
	
  background-image: url(/images/frontend/n_slideshowbg_topleft.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.n_slideshowimage .n_slideshowbg_top {
	height: 6px;
  
  background-image: url(/images/frontend/n_slideshowbg_top.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
}

.n_slideshowimage .n_slideshowbg_topright {
  width: 9px;
  height: 6px;
  
  background-image: url(/images/frontend/n_slideshowbg_topright.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.n_slideshowimage .n_slideshowbg_left {
  width: 7px;
  
  background-image: url(/images/frontend/n_slideshowbg_left.gif);
  background-position: 0 0;
  background-repeat: repeat-y;
}

.n_slideshowimage .n_slideshowbg_right {
  width: 9px;
  
  background-image: url(/images/frontend/n_slideshowbg_right.gif);
  background-position: 0 0;
  background-repeat: repeat-y;
}

.n_slideshowimage .n_slideshowbg_bottomleft {
  width: 7px;
  height: 10px;
  
  background-image: url(/images/frontend/n_slideshowbg_bottomleft.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.n_slideshowimage .n_slideshowbg_bottom {
  height: 10px;
  
  background-image: url(/images/frontend/n_slideshowbg_bottom.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
}

.n_slideshowimage .n_slideshowbg_bottomright {
  width: 9px;
  height: 10px;
  
  background-image: url(/images/frontend/n_slideshowbg_bottomright.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.n_picturewrap .n_picturecontentbox {
	margin-bottom: 0;
}

.n_picturewrap .n_picturecontentbox .n_contentboxinlay {
	background-color: #FDFDFD;
	background-image: url(/images/frontend/n_picturecontentboxbg.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
}

.n_picturecontentbox H4 {
	margin: 0;
	padding: 14px 0 3px 14px;
	color: #F26522;
	font-size: 18px;
	font-weight: bold;
}

.n_picturecontentbox H4.n_editpicturetitle {
	float: left;
	
	width: 360px;
}

.n_picturegallerybox .n_contentboxinlay H4.n_editpicturegallerytitle {
  overflow: hidden;
  width: 220px;
}

.n_picturecontentbox P.n_deleteitem {
  float: right;
  margin: 18px 12px 0 0;
  padding-left: 18px;

  background: transparent url(/images/frontend/n_deletegalleryicon.gif) no-repeat scroll 0px 2px;
}

.n_picturecontentbox P.n_deleteitem A {
  color: #336797;
}

.n_picturecontentbox H4.n_editpicturetitle A {
  color: #F26522;
}

.n_picturecontentbox H4 A.n_editpicturetitle {
  margin-right: 9px;
  
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden; 
  
  float: left;
  
  background: url(/images/frontend/n_editprofilelink_icon.gif) no-repeat top left;
}

.n_picturewrap .n_picturecontentbox .n_boxbody {
	padding-top: 0;
	background: none;
}

/* picture description */
P.n_picturedescription {
  float: left;
  margin-top: 10px;
}

P.n_editpicturedescription {
  width: 440px;
}

A.n_editpicturedescription {
  margin: 10px 10px 0px 0px;
  
  display: block;
  width: 16px;
  height: 16px;
  
  float: left;
  
  background: url(/images/frontend/n_editprofilelink_icon.gif) no-repeat left top;
}

.n_editpicturedescriptionwrap {
  margin:  10px 0px;
  
  width: 440px;
  
  float: left;
}

TEXTAREA.n_picturedescriptiontextarea {
  width: 436px;
  *width: 434px;
  _width: 440px;
}

P.n_picturetags,
DIV.n_picturetags {
  float: left;
  margin-top: 10px;
	
  color: #409FCF;
}

@media all and (min-width:0px), {
  head~body P.n_picturetags,
  head~body DIV.n_picturetags { /* opera 9 hack */
    padding-top: 10px;
    }
    :root P.n_picturetags,
    :root DIV.n_picturetags,
    html:not(:link) P.n_picturetags,
    html:not(:link) DIV.n_picturetags { /* opera 9.5 up, safari hack */
    padding-top: 0;
  }
}

P.n_picturetags SPAN.n_taglabel,
DIV.n_picturetags SPAN.n_taglabel {
	color: #000000;
	display: block;
	float: left;
	margin: 3px 3px 0px 0px;
}

P.n_picturetags A,
DIV.n_picturetags A {
  float: left;
  display: block;
  margin: 3px 3px 3px 0px;
  padding: 0px 2px 0px 0px;

	background-image: url(/images/frontend/n_videotag_comma.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	
	color: #409FCF;
}

P.n_picturetags A.n_lastvideotag,
P.n_picturetags A.n_lastpicturetag,
DIV.n_picturetags A.n_lastvideotag,
DIV.n_picturetags A.n_lastpicturetag {
  padding-right: 0px;
  background: none;
}

P.n_picturetags A.n_moretags,
DIV.n_picturetags A.n_moretags {
  padding-right: 8px;
  
  background: url(/images/frontend/n_lasttag_more_dot.gif) no-repeat right bottom;
}

P.n_picturetags A#n_addmediatagbutton,
DIV.n_picturetags A#n_addmediatagbutton {
  background: url(/images/frontend/n_addvideotagbutton.png) no-repeat 0px 0px;
}

P.n_picturecategory {
  margin: 15px 0 0 0;
	_margin: 0 0 0 0;
}

P.n_picturecategory A {
	color: #409FCF;
	font-weight: bold;
}


/**********************************************************************
 * picture gallery boxes
**********************************************************************/

A.n_togglepicturegallerybutton {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  
  position: absolute;
  top: 10px;
  *top: 12px;
  right: 14px;
  
  cursor: pointer;
  
  background-image: url(/images/frontend/n_togglevideogallerybutton_right.png);
  background-repeat: no-repeat;
  background-position: top left;
}

A.n_openedgallery {
  background-image: url(/images/frontend/n_togglevideogallerybutton_down.png);
}

/* card */
.n_picturegallerycardsbox {
	padding: 14px 0 0 5px;
}

.n_picturegallerycard {
	float: left;
	margin: 0 0 8px 6px;
	*margin: 0 0 0 6px;
}


.n_picturegallerywrap .n_picturegalleryitemwrap_container {  /* makin' it visible */
  padding: 20px 10px 0 20px;
	*padding: 10px 10px 0 20px;
  display: block;
}

.n_picturegalleryitemwrap {
  
   background: url(/images/frontend/n_videogalleryitemwrap_bgline.gif) repeat-x 0px 0px #FFF9AD;
}

.n_picturecard {
}

.n_picturethumbwrap {
  margin: 0 5px 5px 0;
  padding: 2px 0 0 3px;
  
  width: 62px;
  _width: 69px;
  height: 62px;
  _height: 69px;
  overflow: hidden;
  
  float: left;
  
  background: url(/images/frontend/n_uploadvideothumb_label.png) no-repeat top left;
  _background: url(/images/frontend/n_thumbwrapbg_60.gif) no-repeat top left;
}

.n_picturethumbwrap IMG {
  display: block;
	
	margin: ;
	
  width: 60px;
  height: 60px;
}

.n_picturethumbwrap P {
	width: 60px;
	overflow: hidden;
  line-height: 12px;

	color: #A5B7CE;
	
	font-size: 11px;
	text-align: center;
}

.n_picturethumbwrap P A {
  color: #A5B7CE;
}

UL.n_picturegallerynav {
	margin: 0 0 18px 0;
	padding: 6px 0 0 0;
	height: 13px;
	
	list-style-type: none;
}

UL.n_picturegallerynav A {
	color: #336699;
	
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
}

LI.n_picturegallerynav_prev {
	float: left;
  padding: 0 0 0 16px;
	
	width: 220px;
}

LI.n_picturegallerynav_next {
  float: right;
  margin: 0 14px 0 0;
  _margin: 0 7px 0 0;

	text-align: right;
}

LI.n_picturegallerynav_prev A SPAN  {
  padding: 0px 6px;

  background: url(/images/frontend/n_clubdetailsleftarrow.png) no-repeat 0px -1px;
}

LI.n_picturegallerynav_next A SPAN {
	margin-left: 2px;
  padding: 0px 6px;

  background-image: url(/images/frontend/n_clubdetailsarrow.png);
	background-position: 0px -1px;
	background-repeat: no-repeat;
}

.n_picturegallerybox .n_boxbody {
  overflow: hidden;
}

.n_picturegallerybox .n_boxfoot P {
	margin: 0;
  padding: 12px 0 12px 16px;
  _padding: 12px 0 12px 13px;

  background-color: #F4F5F9;
}

.n_picturegallerybox .n_boxfoot P.n_right {
  margin: 0;
  padding: 12px 16px 12px 0;
  _padding: 12px 13px 12px 0;

  background-color: #F4F5F9;
	text-align: right;
}

.n_picturegallerybox .n_boxfoot P A {
  color: #336699;
  
  font-family: Tahoma;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.n_picturegallerybox .n_boxfoot P A:hover {
	text-decoration: none;
}

.n_picturegallerybox .n_boxfoot P.n_picturegalleryreturn {
  margin: 0px;
  padding: 13px 0px 13px 12px;
  
  background-color: #F4F5F9;

  text-align: left;
}


/**********************************************************************
 * edit galleries
**********************************************************************/

.n_picturegallerybox_edit .n_contentboxinlay H4.n_editpicturegallerytitle A,
.n_picturegalleries .n_contentboxinlay H4.n_editpicturegallerytitle A {
  color: #567FAA;
}

.n_picturegallerybox .n_contentboxinlay A.n_editpicturegallerytitle {
  margin-right: 4px;
  
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden; 
  
  float: left;
  
  background: url(/images/frontend/n_editprofilelink_icon.gif) no-repeat top left;
}

.n_editgalleryname {
  padding: 12px 0px 0px 14px;
  
  width: 216px; /* 230px */
  _width: 230px;
  
  background-color: #EBEDF6;
}
.n_editpicturename {
  padding: 12px 0px 0px 0px;
  
  float: left;
  
  width: 316px; /* 330px */
  _width: 330px;
}


/* useroptions */
.n_picturegalleryuseroptions {
  width: 218px;
  
  position: absolute;
  top: 10px;
  right: 40px;
}

.n_picturegalleryuseroptions SELECT {
  margin-top: 2px;
  width: 150px;
  
  float: left;
}

P.n_deletepicturegallery {
  margin: 0px;
  padding-top: 4px;
  *padding-top: 6px;
  
  width: 56px;
  
  text-align: center;
  
  float: right;
}

P.n_deletepicturegallery A {
  padding-left: 16px;
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  color: #336797;
  
  background: url(/images/frontend/n_deletegalleryicon.gif) no-repeat 0px 2px;
}
@media all and (min-width:0px) {
  html:not(:link) P.n_deletepicturegallery A {
    background-position: 0px 1px; /* safari fine tune */
  }
}

/* edit */
.n_picturegallerybox_edit .n_picturethumbwrap {
  padding: 6px 0px 0px 7px;
	*padding: 4px 0 0 7px;
  
  width: 69px;
  _width: 76px;
  height: 130px;
  _height: 136px;
  overflow: hidden;
  
  float: left;
  
  background: url(/images/frontend/n_picturethumbcardedit_60x60_bg.png) no-repeat top left;
}

.n_picturegallerybox_edit .n_highlightedpicturethumbwrap {
  background: url(/images/frontend/n_picturethumbcardedit_60x60_selected_bg.png) no-repeat top left;
}

.n_picturegallerybox_edit .n_pictureuseroptionblock {
	width: 64px;
	padding: 0 0 2px 0;
	*padding: 0;
}

.n_pictureuseroptionblock INPUT.n_listcheckbox {
	float: left;
	margin: 1px 0 0 0;
	*margin: 0 0 0 -4px;
	border: 0;
}

/* edit picture category select */

P.n_picturecategory {
  margin: 15px 0px 0px 0px;
}

P.n_picturecategory A {
  font-weight: bold;
  color: #409FCF;
}

P.n_uploader SPAN.n_dateindicator {
  color: #F26522;
}

P.n_viewcounter {
  color: #9F9F9F;
}

.n_editpicturecategorywrap {
  margin-top: 12px;
}

.n_editpicturecategorywrap LABEL.n_inlinelabel {
  margin-left: 0px;
  margin-right: 6px;
  
  display: inline;
  
  float: left;
  
  font-weight: normal;
  color: #000000;
}

.n_editpicturecategorywrap select.n_inlineinput {
  display:-moz-inline-box;
  display: inline-block;  
}

/* comments & rating */
.n_commentpictureformbox .n_contentboxinlay {
  padding: 12px 14px;
  
  width: 483px; /* 511px */
  _width: 511px; /* ie6 box-model hack */
  
  background-color: #F9FAFB;
}

.n_commentpictureformbox .n_contentboxinlay {
  background: url(/images/frontend/n_commentvideoform_bgline.gif) repeat-x top left #F9FAFB;
}

.n_picturecommentbox H4,
.n_pictureratingbox H4 {
  color: #FF5902;
}

.n_pictureratingbox .n_contentboxinlay {
  padding: 12px 14px;
	*padding: 12px 14px 0 14px;
  _padding: 12px 14px;
  background-color: #EBEDF6;
}

.n_pictureratingbox H4 {
  margin: 0px;
  
  width: 370px;
  overflow: hidden;
  
  float: left;
}

.n_pictureratingbox .n_ratingcontainer_big {
  float: right;
}

.n_commentblogpostformbox .n_contentboxinlay {
  background: url(/images/frontend/n_commentvideoform_bgline.gif) repeat-x left top #F9FAFB;
}

.n_blogpostbox .n_boxbody P FONT {
  line-height: normal;
}

.n_blogpostcommentbox h4 {
  color:#FF5902;
}

.n_blogpostcommentbox .n_contentboxinlay {
  padding: 12px 14px;
  
  width: 483px;
  _width: 510px;
  
  background-color: #F9FAFB;
}

/* highlight */
.n_pictureuseroptionblock A.n_highlightpicture {
  float: left;
  margin: 0 0 0 9px;
  *margin: 0 0 0 4px;
  
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  
  background: url(/images/frontend/n_highlightstar.png) no-repeat 0 -1px;
	*background-position: 0 1px;
  
  _cursor: pointer;
}

html>body .n_pictureuseroptionblock A.n_highlightpicture,
html>body .n_pictureuseroptionblock A.n_deletepicture {
	margin: 0 0 0 7px;
}

.n_highlightedpicturethumbwrap A.n_highlightpicture {
  margin: 0px 0px 0px 9px;
  _margin-left: 7px;
  cursor: default;
  
  background-image: url(/images/frontend/n_disabledhighlightstar.png);
}

/* delete */
.n_pictureuseroptionblock A.n_deletepicture {
  float: left;
  margin: 0 0 0 9px;
  *margin: 0 0 0 4px;
  _margin: 0 0 0 9px;
  
  display: block;
  width: 12px;
  height: 14px;
	*height: 18px;
  overflow: hidden;
  
  background: url(/images/frontend/n_deletegalleryicon.gif) no-repeat 0 2px;
  *background-position: 0 4px;
}

@media all and (min-width:0px) { /* opera 9 & khtml hack hack */
  head~body .n_pictureuseroptionblock A.n_highlightpicture,
  head~body .n_pictureuseroptionblock A.n_deletepicture { /* opera 9 */
    margin: 1px 0 0 8px;
  }
  html:not(:link) .n_pictureuseroptionblock A.n_highlightpicture,
	html:not(:link) .n_pictureuseroptionblock A.n_deletepicture { /* khtml & webkit */
    margin: 0 0 0 9px;
  }
}

/* multiple picture options */
.n_multipleoptionwrap {
  padding: 8px 14px;
  
  border-bottom: 1px solid #FFFFFF;
  background-color: #FFF9AD;
}

.n_firstmultipleoptionwrap {
  border-top: 1px solid #FFFFFF;
}

.n_multipleoptionwrap INPUT.n_inlinecheckbox {
  margin: 4px 0px 0px 0px;
  *margin: 0;
}

/* reply box */
.n_commentreplyblock {
  margin-top: 14px;
  
  width: 410px;
  
  float: left;
}

.n_commentreplyblock P {
  margin: 0px;
  
  font-size: 11px;
  color: #336699;
  
  float: left;
}

P.n_replymessage {
  padding: 5px 8px;
  
  background: url(/images/frontend/n_replymessage_bg.gif) no-repeat top right #FCFCFD;
  
  border-right: 1px solid #D1DCE6;
}

P.n_deletereply {
  padding: 5px 8px 5px 6px;
}

P.n_deletereply A {
  padding-left: 17px;
  
  color: #336699;
  
  background: url(/images/frontend/n_deletereply_cross.gif) no-repeat 0px 2px;
}

.n_commentbox .n_contentboxinlay {
  padding: 12px 0px;
  background-color: #F8F9FA;
}

.n_commentbox h4 {
  padding: 0px 14px;
  color: #FF5902;
}

/* wrap table */
TABLE.n_movewraptable {
  margin-bottom: 0px;
}

TABLE.n_movewraptable TD {
  padding: 0px;
}

TABLE.n_movewraptable P.n_picturetags,
TABLE.n_movewraptable DIV.n_picturetags {
	margin-top: 0px;
	margin-left: 5px;
}

.n_multipleoptionwrap LABEL.n_inlinelabel {
  margin-right: 6px;
  margin-left: 0px;
  
  display: inline;
  float: left;
}

.n_multipleoptionwrap SELECT.n_inlineinput {
  display: -moz-inline-box;
  display: inline-block;
}

P.n_deleteselectedgalleries {
  margin: 0px;
  
  width: 154px;
  overflow: hidden;
  
  line-height: 16px;
}

P.n_deleteselectedgalleries A {
  padding-left: 18px;
  
  color: #336797;
  
  background: url(/images/frontend/n_deletegalleryicon.gif) no-repeat 0px 2px;
}

P.n_picturelabels {
  margin: -1px 6px 0px 6px;
  *margin-top: 0px;
  
  color: #409FCF;
}
@media all and (min-width:0px) {
  html:not(:link) P.n_picturelabels { /* safari fine tune */
    margin-top: 0px;
  }
}

P.n_picturelabels A {
  color: #409FCF;
}

.n_addpicturetagwrap {
  width: 228px;
  
  float: left;
}

DIV.n_addpicturetagwrap {
  display: -moz-inline-box;
  display: inline-block;
  width: 198px;

}

DIV.n_addpicturetagwrap INPUT.n_normalinput {
  width: 140px;
  _width: 150px;
}

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

A.n_addpicturetagbutton {
  margin: 3px 0px 0px 6px;
  
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  
  float: left;
  
  _cursor: pointer;
  
  background: url(/images/frontend/n_addvideotagbutton.png) no-repeat 0px 0px;
}

P.n_picturetags A.n_addpicturetagbutton,
DIV.n_picturetags A.n_addpicturetagbutton {
  margin: 3px 0px 0px 6px;
  padding: 0px;
  
  background: url(/images/frontend/n_addvideotagbutton.png) no-repeat 0px 0px;
} 

P.n_edittagpool {
  margin: 8px 0 0 0;
  padding: 0 0 2px 20px;
  background: transparent url(/images/frontend/n_editprofilelink_icon.gif) no-repeat scroll left top;
}

@media all and (min-width:0px) {
  head~body P.n_edittagpool { /* opera 9 hack */
    padding: 8px 0 2px 20px;
		background-position: 0 8px;
    }
    :root P.n_edittagpool
    html:not(:link) P.n_edittagpool { /* opera 9.5 up, safari hack */
    padding: 0 0 2px 20px;
		background-position: 0 0;
  }
}

P.n_edittagpool a {
  color: #336797;
}


/**********************************************************************
 * picture galleries
**********************************************************************/
.n_picturegalleries .n_picturegallerycardsbox {
	padding: 14px 0 0 11px;
	*padding: 14px 0 16px 11px;
	_padding: 14px 0 16px 10px;
}

@media all and (min-width:0px) { /* content disappears in chrome */
  html:not(:link) .n_picturegalleries .n_picturegallerycardsbox { /* khtml / webkit */
    position: relative;
  }
}

.n_picturegalleries .n_picturegallerycard {
  float: left;
  margin: 0 0 8px 1px;
  *margin: 0 0 -4px 1px;
  _margin: 0 0 -4px 0;
}

.n_picturegalleries .n_picturethumbwrap {
  padding: 6px 0px 0px 7px;
	_margin: 0 3px 5px 0;
  
  width: 69px;
  _width: 76px;
  height: 70px;
  _height: 76px;
  overflow: hidden;
  
  float: left;
  
  background: url(/images/frontend/n_picturethumbcard_60x60_notext_bg.png) no-repeat top left;
  _background: url(/images/frontend/n_picturethumbcard_60x60_notext_bg.gif) no-repeat top left;
}


/**********************************************************************
 * pictures upload
**********************************************************************/

/* phases */
.n_pictureuploadphase_one .n_contentboxinlay {
  background-image: url(/images/frontend/n_videouploadphase_one.png);
}
.n_pictureuploadphase_two .n_contentboxinlay {
  background-image: url(/images/frontend/n_videouploadphase_two.png);
}
.n_pictureuploadphase_three .n_contentboxinlay {
  background-image: url(/images/frontend/n_videouploadphase_three.png);
}
.n_pictureuploadphase_four .n_contentboxinlay {
  background-image: url(/images/frontend/n_videouploadphase_four.png);
	padding-bottom: 110px;
}

/* headlines */
.n_pictureuploadphasebox .n_contentboxinlay H4 {
  margin: 0px 0px 27px 0px;
  padding: 10px 0px 0px 0px;
}

.n_pictureuploadphasebox .n_contentboxinlay H4.n_primaryboxtitle,
.n_pictureuploadphasebox .n_contentboxinlay H4.n_secondaryboxtitle {
  margin-bottom: 22px;
  *margin-bottom: 15px;
}

/* rededfine width */
.n_pictureuploadphasebox .n_contentboxinlay H4.n_primaryboxtitle {
  width: 300px;
}

.n_uploadgalleryselector {
  margin-top: 20px;
}

/* the tab itself */
.n_uploadgallerytabwrap {
  margin: 0px;

  display: block;
  height: 34px;
  width: 418px;
  overflow: hidden;
}

.n_uploadgallerytabwrap SPAN.n_category {
  padding: 9px 26px 0px 0px;

  float: left;

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

.n_uploadgallerytabwrap A {
  margin: 0px 0px 0px 2px;
  _margin-left: 1px; /* ie6 float-margin bug */
  padding: 0px 16px 0px 0px;

  display: block;
  height: 34px;
  overflow: hidden;
  
  float: left;

  font-weight: bold;
  color: #336699;
  
  background: url(/images/frontend/n_uploadgallerytabrightside.gif) no-repeat right -34px;
  cursor: pointer;
}

.n_uploadgallerytabwrap A SPAN.n_tab {
  padding: 9px 0px 0px 16px;
  
  display: block;
  _display: inline-block; /* ie6 inline-block hack :) */
  height: 25px; /* 34px */
  _height: 34px; /* ie6 box-model hack */
  
  background: url(/images/frontend/n_uploadgallerytableftside.gif) no-repeat left -34px;
}

/* active & :hover */
.n_uploadgallerytabwrap A.n_activetab,
.n_uploadgallerytabwrap A:hover {
  color: #3399CC;
  
  background: url(/images/frontend/n_uploadgallerytabrightside.gif) no-repeat right top;
}

.n_uploadgallerytabwrap A.n_activetab SPAN.n_tab,
.n_uploadgallerytabwrap A:hover SPAN.n_tab {
  color: #3399CC;
  
  background: url(/images/frontend/n_uploadgallerytableftside.gif) no-repeat left top;
}

/* the content itself */
.n_gallerytabcontent {
  margin: 0px 0px 8px 2px;
  padding-bottom: 18px;
  
  width: 416px;
  height: 170px;
  
  overflow: auto; /* scrollable */
  
  background: url(/images/frontend/n_gallerytabcontent_bgline.gif) repeat-x top left;
  _background-attachment: fixed;
}

.n_gallerytabcontent .n_tabcontentinlay {
  margin: 18px 0px 0px 18px;
  
  width: 365px;
  overflow: hidden;
}
@media all and (min-width:0px) {
    html:not(:link) .n_gallerytabcontent .n_tabcontentinlay { /* safari doesn't know margin bottom */
      padding-bottom: 18px;
  }
}

/* gallery tree */
UL.n_gallerytabtree {
  margin: 0px;
  padding: 0px;
  
  list-style-type: none;
}

UL.n_gallerytabtree LI {
  margin: 2px 0px;
  padding: 0px;
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  list-style-position: outside; /* ie reset */
}

/* parents */
UL.n_gallerytabtree LI A {
  padding-left: 18px;
  
  font-weight: bold;
  color: #F26522;
  
  background: url(/images/frontend/n_gallerytabtreeparent_plus.png) no-repeat 0px 0px;
}
@media all and (min-width:0px) {
    html:not(:link) UL.n_gallerytabtree LI A { /* safari fine tune */
      background-position: 0px -1px;
  }
}

UL.n_gallerytabtree LI A.n_selectedparentgallery {
  background: url(/images/frontend/n_gallerytabtreeparent_minus.png) no-repeat 0px 0px;
}
@media all and (min-width:0px) {
    html:not(:link) UL.n_gallerytabtree LI A.n_selectedparentgallery { /* safari fine tune */
      background-position: 0px -1px;
  }
}

UL.n_gallerytabtree LI UL {
  margin: 4px 0px 4px 15px;
  padding: 0px;
  
  list-style-type: none;
}

UL.n_gallerytabtree LI UL LI {
  margin: 0px;
  padding: 2px 13px 2px 13px;
  
  display: block;
}

UL.n_gallerytabtree LI UL LI.n_selectedgallery {
  background-color: #FFF9AD;
}

/* child nodes */
UL.n_gallerytabtree LI UL LI A {
  padding-left: 10px;
  
  color: #409FCF;
  font-weight: normal;
  
  background: url(/images/frontend/n_gallerytabtreechild_arrow.gif) no-repeat 0px 5px;
}
@media all and (min-width:0px) {
    html:not(:link) UL.n_gallerytabtree LI UL LI A { /* safari fine tune */
      background-position: 0px 4px;
  }
}

UL.n_gallerytabtree LI UL LI.n_selectedgallery A {
   cursor: default;
	 font-weight: bold;
}

/* step 4 */
.n_pictureuploadphase_ajaxload .n_contentboxinlay P {
  _text-align: left; /* decenterize content */
}

.n_pictureuploadphase_four .n_contentboxinlay P {
  width: 394px;
} 

IMG.n_ajaxloadboxbody {
  margin: 60px auto 0px auto;
  
  display: block;
  width: 60px;
  height: 60px;
}

/* special thumb labels */
.n_uploadpicturethumbwrap {
  margin: 10px 0px 10px 2px;
  *margin-left: 3px;
  _margin-left: 1px;
  padding-left: 23px;
  
  width: 357px; /* 380px */
  _width: 380px; /* ie6 box-model hack */
  overflow: hidden;
}

.n_uploadpicturethumblabelwrap {
  margin-right: 18px;
  
  display: block;
  width: 70px;
  height: 90px;
  overflow: hidden;
  
  float: left;
  
  text-align: center;
  
  background: url(/images/frontend/n_uploadvideothumb_label.png) no-repeat top left;
  _background-image: url(/images/frontend/n_uploadvideothumb_label.gif); /* the only way 2 make the label clickable in ie6 */
}

/* tabbed box */

/* the tab itself */
.n_picturecontenttabwrap {
  margin: 0px;

  display: block;
  height: 34px;
  width: 499px;
  overflow: hidden;
}

.n_picturecontenttabwrap A {
  margin: 0px 4px 0px 0px;
  padding: 0px 16px 0px 0px;

  display: block;
  height: 34px;
  overflow: hidden;
  
  float: left;

  font-size: 15px;
  font-weight: bold;
  color: #336699;
  
  background: url(/images/frontend/n_profiletabrightside.gif) no-repeat right -34px;
  cursor: pointer;
}

.n_picturecontenttabwrap A SPAN.n_tab {
  padding: 10px 0px 0px 16px;
  
  display: block;
  _display: inline-block; /* ie6 inline-block hack :) */
  height: 25px; /* 34px */
  _height: 34px; /* ie6 box-model hack */
  
  background: url(/images/frontend/n_profiletableftside.gif) no-repeat left -34px;
}

/* active & :hover */
.n_picturecontenttabwrap A.n_activetab,
.n_picturecontenttabwrap A:hover {
  color: #3399CC;
  
  background: url(/images/frontend/n_profiletabrightside.gif) no-repeat right top;
}

.n_picturecontenttabwrap A.n_activetab SPAN.n_tab,
.n_picturecontenttabwrap A:hover SPAN.n_tab {
  color: #3399CC;
  
  background: url(/images/frontend/n_profiletableftside.gif) no-repeat left top;
}

.n_picturecontentbox .n_contentboxinlay {
  padding: 6px;
  
  width: 499px; /* 511px */
  _width: 511px; /* ie6 box-model hack */
  
  background-color: #EBEDF6;
}

/* the content */
.n_picturecontentbox .n_boxbody {
  padding: 11px 15px;
  
  width: 469px; /* 499px */
  _width: 499px; /* ie6 box-model hack */
  
  background: url(/images/frontend/n_profilecontentbox_line.gif) repeat-x left top #EBEDF6;
}

P.n_morepicupload A {
  padding: 0 0 1px 22px;
  
  background-image: url(/images/frontend/n_morepicupload.gif);
  background-position: 0 0;
  background-repeat: no-repeat;

  color: #336797;
}

INPUT.n_upload,
P.n_uploadagain {
  margin: 6px 0 0 0;
}

A.n_upload {
  margin: 6px 0 0 0;
}

SPAN#button_placeholder_wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 79px;
  height: 28px;
}

INPUT.n_picuploadbutton {
  margin: 15px 15px 0 0;
}

A.n_picuploadbutton {
  margin: 15px 15px 0 0;
  position: relative;
}

P.n_uploadagain A {
	float: right;
	
	padding: 0 0 0 14px;
	
	background-image: url(/images/frontend/n_uploadagain.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;

  color: #336797;
}

.n_picturesdeletebox .n_boxbody {
	padding: 17px 15px 14px 20px;
}

.n_picturedeleteblock P {
	color: #F26522;
	font-weight: bold;
  _position: relative;
}

.n_picturedeleteblock .n_processbar {
	float: left;
	
	margin: 2px 0 13px 0;
	
	width: 362px;
	height: 14px;
	
	background-color: white;
}

.n_picturedeleteblock .n_processbar .n_meterbar {
	height: 100%;
	width: 0;
	
	background-color: #F26522;
}

.n_picturedeleteblock P.n_delete {
	float: right;
	margin: 2px 0 0 0;
}

.n_picturedeleteblock P.n_delete A {
	padding: 0 0 0 19px;
	background-image: url(/images/frontend/n_deletepicture.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	
  color: #336797;
	font-weight: normal;
}

.n_picturesdeletebox .n_boxfoot {
	padding: 2px 0 7px 20px;
	background-color: #FDF0A3;
}

.n_picturesdeletebox .n_boxfoot INPUT.n_imagebutton {
	margin-top: 12px;
}

.n_picturesdeletebox .n_boxfoot INPUT.n_picuploadbutton {
	margin-right: 12px;
	margin-left: 6px;
}

/* labelling */
.n_picturelabellingitem {
	padding: 0 0 10px 0;
	*padding: 0 0 5px 0;
}

.n_picturelabellingpic {
	width: 67px;
	height: 67px;
	
  background-image: url(/images/frontend/n_uploadvideothumb_label.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.n_picturelabellingpic {
	float: left;
}

.n_picturelabellingpic IMG {
	margin: 2px 0 0 3px;
	width: 60px;
	height: 60px;
}

.n_picturelabellingdata {
  float: left;
	margin: 0 0 6px 0;
	width: 366px;
}

P.n_outofaction {
	margin: 15px 0 0 0;
  padding-left: 20px;
	background:transparent url(/images/frontend/n_alertheadline_icon.gif) left top no-repeat;
	font-size: 12px;
	font-weight: normal;
}

P.n_outofaction A {
  color: #336699;
}

.n_formfieldsetbox .n_contentboxinlay .n_picturelabellingdata P.n_invalidinputtext_double {
	margin: 5px 3px 10px 95px !important;
  *margin: 5px 3px 5px 95px !important;
	width: 248px;
}

.n_formfieldsetbox .n_contentboxinlay .n_picturelabellingdata P.n_invalidinputtext_normal {
  margin: 5px 3px 10px 159px;
	width: 184px;
}

.n_formfieldsetbox .n_contentboxinlay .n_picturelabellingdata P.n_invalidinputtext SPAN {
	font-weight: normal;
}

/* gallery */
.n_gallery .n_picturegallerycardsbox {
  padding: 14px 0 0 5px;
}
.n_gallery .n_picturegallerycard {
  float: left;
  margin: 0 0 8px 7px;
	_margin: 0 0 0 3px;
}

.n_gallery .n_picturethumbwrap {
  float: left;
  margin: 0 5px 5px 0;
  _margin: 0 2px 0 0;
  overflow: hidden;
  padding: 5px 0 0 7px;
  width: 64px;
  _width: 76px;
  height: 108px;
  _height: 118px;
  background: transparent url(/images/frontend/n_picturethumbcard_60x60_bg.png) no-repeat scroll left top;
  _background: transparent url(/images/frontend/n_picturethumbcard_60x60_bg.gif) no-repeat scroll left top;
}

/* gallery edit */
.n_picturegallerybox_edit .n_picturegallerycardsbox {
  padding: 14px 0 0 5px;
}
.n_picturegallerybox_edit .n_picturegallerycard {
  float: left;
  margin: 0 0 8px 7px;
  _margin: 0 0 0 3px;
}

.n_picturegallerybox_edit .n_picturethumbwrap {
  float: left;
  margin: 0 5px 5px 0;
  _margin: 0 2px 0 0;
  overflow: hidden;
  padding: 5px 0 0 7px;
  width: 64px;
  _width: 76px;
  height: 126px;
  _height: 136px;
  background: transparent url(/images/frontend/n_picturethumbcardedit_60x60_bg.png) no-repeat scroll left top;
  _background: transparent url(/images/frontend/n_picturethumbcardedit_60x60_bg.gif) no-repeat scroll left top;
}

.n_picturegallerybox_edit .n_highlightedpicturethumbwrap {
  background: url(/images/frontend/n_picturethumbcardedit_60x60_selected_bg.png) no-repeat top left;
  _background: url(/images/frontend/n_picturethumbcardedit_60x60_selected_bg.gif) no-repeat top left;
}


/**********************************************************************
 * upload gallery selector
**********************************************************************/

.n_uploadgalleryselector {
  margin-top: 20px;
}

/* the tab itself */
.n_uploadgallerytabwrap {
  margin: 0px;

  display: block;
  height: 34px;
  width: 418px;
  overflow: hidden;
}

.n_uploadgallerytabwrap SPAN.n_category {
  padding: 9px 26px 0px 0px;

  float: left;

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

.n_uploadgallerytabwrap A {
  margin: 0px 0px 0px 2px;
  _margin-left: 1px; /* ie6 float-margin bug */
  padding: 0px 16px 0px 0px;

  display: block;
  height: 34px;
  overflow: hidden;
  
  float: left;

  font-weight: bold;
  color: #336699;
  
  background: url(/images/frontend/n_uploadgallerytabrightside.gif) no-repeat right -34px;
  cursor: pointer;
}

.n_uploadgallerytabwrap A SPAN.n_tab {
  padding: 9px 0px 0px 16px;
  
  display: block;
  _display: inline-block; /* ie6 inline-block hack :) */
  height: 25px; /* 34px */
  _height: 34px; /* ie6 box-model hack */
  
  background: url(/images/frontend/n_uploadgallerytableftside.gif) no-repeat left -34px;
}

/* active & :hover */
.n_uploadgallerytabwrap A.n_activetab,
.n_uploadgallerytabwrap A:hover {
  color: #3399CC;
  
  background: url(/images/frontend/n_uploadgallerytabrightside.gif) no-repeat right top;
}

.n_uploadgallerytabwrap A.n_activetab SPAN.n_tab,
.n_uploadgallerytabwrap A:hover SPAN.n_tab {
  color: #3399CC;
  
  background: url(/images/frontend/n_uploadgallerytableftside.gif) no-repeat left top;
}

/* the content itself */
.n_gallerytabcontent {
  margin: 0px 0px 8px 2px;
  padding-bottom: 18px;
  
  width: 416px;
  height: 170px;
  
  overflow: auto; /* scrollable */
  
  background: url(/images/frontend/n_gallerytabcontent_bgline.gif) repeat-x top left;
  _background-attachment: fixed;
}

.n_gallerytabcontent .n_tabcontentinlay {
  margin: 18px 0px 0px 18px;
  
  width: 365px;
  overflow: hidden;
}
@media all and (min-width:0px) {
    html:not(:link) .n_gallerytabcontent .n_tabcontentinlay { /* safari doesn't know margin bottom */
      padding-bottom: 18px;
  }
}

/* gallery tree */
UL.n_gallerytabtree {
  margin: 0px;
  padding: 0px;
  
  list-style-type: none;
}

UL.n_gallerytabtree LI {
  margin: 2px 0px;
  padding: 0px;
  
  font-family: Arial, sans-serif, Helvetica;
  font-size: 12px;
  list-style-position: outside; /* ie reset */
}

/* parents */
UL.n_gallerytabtree LI A {
  padding-left: 18px;
  
  font-weight: bold;
  color: #F26522;
  
  background: url(/images/frontend/n_gallerytabtreeparent_plus.png) no-repeat 0px 0px;
  _background-image: url(/images/frontend/n_gallerytabtreeparent_plus.gif); /* png hack in't worx here */
}
@media all and (min-width:0px) {
    html:not(:link) UL.n_gallerytabtree LI A { /* safari fine tune */
      background-position: 0px -1px;
  }
}

UL.n_gallerytabtree LI A.n_selectedparentgallery {
  background: url(/images/frontend/n_gallerytabtreeparent_minus.png) no-repeat 0px 0px;
  _background-image: url(/images/frontend/n_gallerytabtreeparent_minus.gif); /* png hack in't worx here */
}
@media all and (min-width:0px) {
    html:not(:link) UL.n_gallerytabtree LI A.n_selectedparentgallery { /* safari fine tune */
      background-position: 0px -1px;
  }
}

UL.n_gallerytabtree LI UL {
  margin: 4px 0px 4px 15px;
  padding: 0px;
  
  list-style-type: none;
}

UL.n_gallerytabtree LI UL LI {
  margin: 0px;
  padding: 2px 13px 2px 13px;
  
  display: block;
}

UL.n_gallerytabtree LI UL LI.n_selectedgallery {
  background-color: #FFF9AD;
}

/* child nodes */
UL.n_gallerytabtree LI UL LI A {
  padding-left: 10px;
  
  color: #409FCF;
  font-weight: normal;
  
  background: url(/images/frontend/n_gallerytabtreechild_arrow.gif) no-repeat 0px 5px;
}
@media all and (min-width:0px) {
    html:not(:link) UL.n_gallerytabtree LI UL LI A { /* safari fine tune */
      background-position: 0px 4px;
  }
}

UL.n_gallerytabtree LI UL LI.n_selectedgallery A {
   cursor: default;
}

/* personal gallery */
UL.n_personalgallerytree {  
  margin: 0px;
  padding: 0px;
  
  list-style-type: none;
}

UL.n_personalgallerytree LI {
  margin: 0px;
  padding: 2px 6px 2px 6px;
  
  list-style-position: outside; /* ie reset */
  
  display: block;
}

UL.n_personalgallerytree LI.n_selectedgallery {
  background-color: #FFF9AD;
}

UL.n_personalgallerytree LI A {
  padding-left: 10px;
  
  color: #409FCF;
  
  background: url(/images/frontend/n_gallerytabtreechild_arrow.gif) no-repeat 0px 5px;
}
@media all and (min-width:0px) {
    html:not(:link) UL.n_personalgallerytree LI A  { /* safari fine tune */
      background-position: 0px 4px;
  }
}

UL.n_personalgallerytree LI.n_selectedgallery A {
   cursor: default;
}