html,body, body.wide {
	border: none;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	max-width: 100%;
	min-width: auto;
	color: #919191;
  background-color: #f9f9f9;
}

body.wide a { 
  color: #000;
  text-decoration: none;
  }
  
body.wide a:hover {
  color: #ff9600;
}

body.wide .stage { 
  padding: 0px 20px 0px 20px;
  margin: 0;
  max-width: none;
  width:100%;
  min-height: 0;
  max-height: none;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  border-left: 0px;
  border-right: 0px;
  box-sizing: border-box;
  } 
    
 body.wide.pools-viewpic .stage,
 body.wide.section-challenge .stage {
  padding: 0px;
  }    

.wide-content {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
  width: 100%;
  }

#challenge-index .wide-content,
#challenge-view .wide-content,
#challenge-connectphoto .wide-content,
#challenge-selectphoto .wide-content,
#challenge-viewcup .wide-content,
#challenge-admin-edit .wide-content {
  padding: 20px 20px 0px 20px;
  width: 100%;
  box-sizing: border-box;
  }

#challenge-index .wide-content {}

#challenge-view .wide-content,
#challenge-viewcup .wide-content {
  padding: 0px 20px 0px 20px;
  }
  
body.wide.section-gallery .stage {
  padding: 0px;
  width: 100%;
  box-sizing: border-box;
}

#partner-box {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    padding-left: 5px;
    }

.gallery-viewpic3wide .course-header .course-header-outer {
	  margin-top: 30px;
    }

.gallery-viewpic3wide .course-header.tiny {
    background-image: none;
    }

body.wide .tp-tabbedpane td,
body.wide .tp-tabbedpane dl,
body.wide .tp-tabbedpane p,
body.wide .tp-tabbedpane {
  	color: #000;
    }

/* ---------------------------------------------------------------------- */

body.wide .topbar-small {
  	background-color: #000;
  	height: 50px;
  	background-image: url("/styles/std/images/topstrip/new/topstrip_fs_mini6.png");
  	background-repeat: no-repeat;
  	width: 100%;
}

/* body.wide .topbar-small.topbar-gfs { background-image: url(/images/gfs/gfs-logo.gif); } */

.topbar-small {
	  float: left;
}

body.wide #toppanel { 
	  position: absolute; 
	  right: 265px; 
	  top: 10px; 
  	background: #222; 
  	height: 24px; 
  	border-radius: 5px;
  	padding: 6px 10px 0px 10px;
  	min-width: 50px;
}

body.wide .topbar-small .pm-box, 
body.wide .topbar-small .events-box,
body.wide .topbar-small .loginbox {
	  position: static; 
	  float: right; 
    }

 body.wide.pools-viewpic .tp-tabbedmenu {
    background-color: #000;
    padding-left: 20px;
    display: none;
    }

 body.wide.pools-viewpic.maximize-mode .tp-tabbedmenu {
    display: none;
    }


 body.wide.pools-viewpic .tp-tabbedmenu a {
    color: #ccc;
    }
  
.wide-content .gallery-viewpic3 .tp-tabbedmenu {}

.wide-content .gallery-viewpic3 .buttonrow.std {
  margin: 0px;
  padding: 0px;
  }

.wide-content .gallery-viewpic3 ul.subtabs {
  margin-bottom: 20px;
  } 
    
.wide-content .tp-tabbedmenu ul.tp-tabs li:hover {
  background-color: inherit;
  }

/* ---------------------------------------------------------------------- */

.photonavigator #pagecount {
  	background: url(/images/layout/wide/viewwide_bg.png) repeat-x;
  	height: 28px;
  	min-width: 100px;
  	padding-top: 6px;
  	text-align: center;
  	float: left;
}

.socialwidget {
  	padding: 5px;
  	min-height: 25px;
  	min-width: 150px;
}

.photoshare #shareslide {
  	z-index: 100;
  	background: #000;
  	height: auto;
  	width: 100px;
  	white-space: nowrap;
  	position: absolute;
  	top: 210px;
  	right: 100px;
  	padding: 10px;
  	background-color: #d0d0d0;
}

#shareslide:after, 
#shareslide:before {
	  bottom: 100%;
	  left: 50%;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
}

#shareslide:after {
	  border-bottom-color: #d0d0d0;
	  border-width: 10px;
	  margin-left: -10px;	
}

#shareslide:before {
	  border-bottom-color: #d0d0d0;
	  border-width: 16px;
	  margin-left: -16px;
}

#shareslide .socialwidget {
	  min-width:100%;
	  text-align:left;
}

.photonavigator .button,
.photoshare .button
 .photoshare .button.selected {
  	padding-left: 0px;
  	float: left;
  	margin-left: 0px; 
  	margin-top: 0px; 
  	height: 30px; 
  	padding: 20px 0px 8px 0px;
}

a#navnext.button {
  	float: left;
  	margin-left: 0px; 
  	margin-top: 0px; 
  	height: 30px;  
  	padding: 0px;
}

a#navprev.button {
  	float: left;
  	margin-left: 0px; 
  	margin-top: 0px; 
  	height: 30px; 
  	padding: 0px;
}

.photonavigator .button:hover,
.photoshare .button:hover {
}

.photoshare .button.first,
.photonavigator .button.first {
  	padding-left: 0;
  	background: none;
  	margin-left: 0px; 
  	margin-top: 0px; 
  	height: 30px; 
  	padding: 20px 0px 8px 0px;
}

.photoshare .button.first:hover,
.photonavigator .button.first:hover {
}

.photonavigator.wset .button.first {
  	background: right top url(/images/layout/wide/viewwide_separator.png) no-repeat;
}

body.wide .photoshare {
  }

body.wide #viewpicsidebar .photoshare {
	  margin: 30px 0px 30px 0px;
	  text-align: center;
    }

#returnbutton a::before {
	  content: "\f00d"; 
	  font-family: "Font Awesome 5 Pro"; 
	  padding: 10px 10px 8px 10px; 
	  color: #666;  
	  text-decoration: none; 
	  font-size: 20px;
    }

#returnbutton a { 
 	  color: #fff;
 	  text-decoration: none; 
 	  padding: 0;
}

#returnbutton a:hover {
	  background-color: #333333; 
}

#returnbutton a img {
	  display:none;
}

.photonavigator {
  	color: #fff;
  	float:left;
}

.photonavigator.wset {
  	color: #fff;
  	float:left;
}


/* ---------------------------------------------------------------------- */

body.wide #viewpiccontainer {
	  float: left;
	  overflow: auto;
	  position: relative;
    background-color: #f2f2f2;
    background-color: #f9f9f9;
    }

/* ---- */
#viewpiccontainer .overlay { position: absolute; z-index: 100; top: 350px; }
#viewpiccontainer .overlay img { opacity: 0.5; }
#viewpiccontainer .overlay.navnext { right: 5px; }
#viewpiccontainer .overlay.navprev { left: 5px; }

#viewpiccontainer .overlay.navnext a { background: url(/images/layout/wide/arrow_next_black.png) no-repeat; height: 200px; width: 45px; display: block; }
#viewpiccontainer .overlay.navprev a { background: url(/images/layout/wide/arrow_previous_black.png) no-repeat; height: 200px; width: 45px; display: block; }

#viewpiccontainer .overlay.navnext.bgcolorB a { background: url(/images/layout/wide/arrow_next_white.png) no-repeat; height: 200px; width: 45px; display: block; }
#viewpiccontainer .overlay.navprev.bgcolorB a { background: url(/images/layout/wide/arrow_previous_white.png) no-repeat; height: 200px; width: 45px; display: block; }

/* ---- */

body.wide #viewpiccontainer .canvas {
  	margin: 0px;
  	padding: 0px;
  	margin-left: auto;
  	margin-right: auto;
}

body.wide #viewpiccontainer #mainimgwrap {
    background-color: #101010;
    padding: 0;
    vertical-align: middle;
    display: flex;
    }

body.wide #viewpiccontainer #mainimg {
    display: block;
    box-sizing: border-box;
    object-fit: scale-down;
    padding: 20px;
    margin: auto;
    width: 100%;
    }

#viewpiccontainer {
  width: 100%;
  }

#viewpiccontainer .infocols {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  }

body.bgcolorB .photoinfo { color: #fff; margin-top: 20px;  }
body.bgcolorG .photoinfo { color: #000; margin-top: 20px;  }
body.bgcolorW .photoinfo { color: #000; margin-top: 20px;  }

a#commentlink { padding-left: 20px; background: url(/images/layout/wide/icon-comment_black.png) no-repeat 0px -2px; }
.bgcolorB a#commentlink { background-image: url(/images/layout/wide/icon-comment_white.png); }

div.pm-box {
  	display: none;
  	position: absolute;
  	top: 9px;
  	right: 80px;  
  	left: auto;
  	background-image: url(/images/header/pm_on.png);
  	background-repeat: no-repeat;
  	background-position: 2px 2px; 
  	border-radius: 4px;
}

div.events-box {
  	position: absolute;
  	top: 9px;
  	right: 40px; 
  	left: auto;
  	border-radius: 4px;
}

body.wide #ratingform-photo .ratingform-row {
  background-color: #fff;
  width: 100%;
  padding-top: 0px;
  box-sizing: border-box;
  }

/* photo nav blocks */

body.wide #viewpiccontainer #navigation-arrows a.setnav {
    display: block;
    height: 60%;
    position: absolute;
    top: 80px;
    text-decoration: none;
    z-index: 50;
    width: 200px;
}
body.wide #viewpiccontainer #navigation-arrows a.setnav.back { left: 0; }
body.wide #viewpiccontainer #navigation-arrows a.setnav.fwd { right: 0; }
body.wide #viewpiccontainer #navigation-arrows a.setnav:hover { /* background-color: rgba(0, 0, 0, 0.1); */} 

/* photo nav arrows */

body.wide #viewpiccontainer #navigation-arrows .setnav i {
    position: relative;
    top: 40%;
    text-decoration: none;
    font-style: normal;
}
body.wide #viewpiccontainer #navigation-arrows .setnav.back i { left: 40px; }
body.wide #viewpiccontainer #navigation-arrows .setnav.fwd i { left: 130px; }

body.wide #viewpiccontainer #navigation-arrows a.setnav i::before {
  font-family: "Font Awesome 5 Pro"; 
  font-size: 20px;
  color: #fff;
  }

body.wide #viewpiccontainer #navigation-arrows a.setnav.fwd i::before {
  padding-right:10px; 
  background: none;
  content: "\f054"; 
  }

body.wide #viewpiccontainer #navigation-arrows a.setnav.back i::before {
  padding-left:10px; 
  background: none;
  content: "\f053"; 
  }

body.wide #viewpiccontainer #navigation-arrows a:hover.setnav.fwd i::before,
body.wide #viewpiccontainer #navigation-arrows a:hover.setnav.back i::before {
  color: #ccc;
  }
  
body.wide #viewpiccontainer #navigation-arrows #maximize-btn i::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  color: #fff;
  content: "\f065";
  position: absolute;
  top: 20px;
  right: 60px;
  z-index: 300;
  font-weight: 300;
  font-style: normal;
  }  

body.wide #viewpiccontainer .infocol1 .tp-tabs {
  margin-top: 0px;
  padding: 0px;  
  }
  
body.wide #viewpiccontainer .infocol1 ul.tp-tabs li:hover {
  background-color: inherit;
  }
  
body.wide #viewpiccontainer .poollist .thumbnails-small,
body.wide .gallery-viewpic3 .thumbnails-small {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* grid-template-rows: 80px; */
  -webkit-box-flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 10px;
  }

#creditbox { text-align: left; padding: 20px 0px 10px 0px; color: #d0d0d0; overflow: auto; height: 20px; }
#creditbox h1 { float: left; }
#creditbox .author { float: right; }

body.wide div.photoinfo {
  	padding: 10px 0 0 10px;
  	margin: 0;
}

body.wide.isstage #debuginfo {
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 10px;
  	color: #ccc;
}

body.wide #debuginfo {
  	display: none;
}

body.wide div.toolboxmenu {
  	display: none;
}

/* ---------------------------------------------------------------------- */

body.wide #viewpicsidebar {
	  display: block;
	  float: right;
	  width: 300px;
	  background-color: #111111;
	  position: relative;
	  color: #fff;
	  height: 400px;
	  margin-top: -1px;
	  padding-top: 5px;
}

#viewpiccontainer .fsm-rating {
  padding: 20px;
  background-color: #ddd;
  margin-top: 20px;
  margin-bottom: 20px;
  }
  
#viewpiccontainer .fsm-rating a {
  text-decoration: underline;
  }  
  
#viewpiccontainer .course-header .course-header-outer .course-header-inner .akademi-usp {
  bottom: 50px;  
  }    

#viewpiccontainer .course-header .course-header-outer .course-header-inner a,
#viewpiccontainer .course-header .course-header-outer .course-header-inner span {
  font-weight: 700;
  color: #fff;
  text-decoration: none;  
  } 
   
 #viewpiccontainer .course-header .course-header-outer .course-header-inner a:hover {
   text-decoration: underline;
   } 

#viewpicsidebar a {color: #fff; font-family: 'Open Sans', sans-serif;}
#viewpicsidebar .authorcell {font-family: 'Open Sans', sans-serif; font-size: 12px;color: #c5c5c5;}
#viewpicsidebar div.commentslist div {font-family: 'Open Sans', sans-serif; font-size: 12px;color: #c5c5c5;border-left:0px; font-weight: 600;}
#viewpicsidebar .buttoncell a {}
#viewpicsidebar .replycell .buttoncell a.function {margin: 0px;}
#viewpicsidebar .buttoncell a.function {font-family:Arial,Helvetica,sans-serif;text-transform:uppercase; font-size: 11px;line-height: 12px;font-weight: bold;display: inline-block;-webkit-appearance: none;box-sizing: border-box;border: 2px solid #ededed;background: #d6d6d6;color: #222;}
#viewpicsidebar .buttoncell a#ratingvote.function, #viewpicsidebar .buttoncell a#ratingvote.function {border: 0px;background: inherit;margin-right:20px;}

body.wide #viewpicsidebar .comment.oddline, 
body.wide #viewpicsidebar .comment.evenline {
	  background-color: inherit;
	  border: 0px;
	  border-bottom: 1px dotted #555;
}

body.wide td, 
body.wide dl, 
body.wide p,
body.wide td a, 
body.wide dl a, 
body.wide p a { 
	  color: #d0d0d0; 
    color: #000; 
}

body.wide #togglesidebar a {
	  text-decoration: none; 
	  font-weight: bold; 
	  color: #d0d0d0;
}

body.wide #togglesidebar {
	  position: absolute;	
	  top: 42px; 
	  right: 25px;
}

body.wide #viewpicsidebar textarea {
	  width: 100%;  
	  background: #f2f2f2; 
	  padding: 5px; 
	  border: 1px solid #f2f2f2;
	  box-sizing: border-box;
	  line-height: 18px;
	  color: #222;
	  font-family: 'Open Sans', sans-serif;
	  font-size: 13px;
}

body.wide #sidebar-adspace {
	  position: absolute;
	  min-height: 120px;
	  bottom: 0;
	  padding-left: 15px;
	  border-top: 1px solid #444;
	  padding-top: 10px;
	  display: none;
}

.textad {
  	padding: 2px 0 2px 0;
  	margin: 3px 45px 2px 0px;
  	padding-left: 10px;
  	background-color: #333;
  	text-decoration: none;
}

body.wide #socialtools {
   	height: 30px;
   	background-color: #999;
}

body.wide .scoreboard {
  padding-top: 20px;
  margin-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 11px;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  display: inline-block;
  width:100%;
  box-sizing: border-box;
  }

.scoreboard-detail-comment,
.scoreboard-detail-rating,
.scoreboard-detail-favcount {
	  width: 33%; 
	  text-align: center; 
	  float: left;
	  box-sizing: border-box;
}

.scoreboardcount {
	  font-family: 'Roboto', sans-serif; 
	  font-size: 50px; 
	  color: #ccc; 
	  line-height: 60px; 
	  margin-bottom:5px;
	  font-weight: normal;
}

.scoreboardcount-label {
	  font-size: 11px; 
	  height: 20px; 
	  color: #444444;
}

body.wide #viewpiccontainer .item-list-wrapper.wide .item {
  padding: 10px 20px 10px 20px;;
  }

body.wide #viewpiccontainer .item-list-wrapper.wide .item:first-child {
  padding-top: 20px;
  }

body.wide #viewpiccontainer .ratingform-row .comment {
  margin-top: 0px;
  }

body.wide #viewpiccontainer .item-list-wrapper.wide .item .replycell {
  }

body.wide #viewpiccontainer .item-list-wrapper.wide .item .replycell .comment {
  padding: 0px 0px 0px 0px;
  }
  
body.wide #viewpiccontainer .item-list-wrapper.wide .item .replycell .comment .portraitcell .memberpicture-thumbnail {
  width: 50px;
  text-align: center;
  }
  
body.wide #viewpiccontainer .item-list-wrapper.wide .item .authorcell a {
  font-weight: 700;
  }

.comment.evenline, 
.comment.oddline {
  background-color: inherit; 
	border: 0px;
  }

body.wide #comments {
  background: inherit;
  }

body.wide #commentbox {
  margin-bottom: 0px;
  }

body.wide .commentslist .comment {
  	padding: 0 0 0px 0;
  	margin-top: 10px;
}

body.wide .commentslist .replycell {
  	padding: 0 0 10px 0;
  	background-color: inherit;
  	margin-left: 20px;
}

body.wide .commentslist .replycell::before {
}

body.wide .commentslist .comment a {
   	text-decoration: none;
}

body.wide .commentslist .commentcell {
  	color: #c5c5c5;
  	background-color: inherit;
  	font-size: 12px;
  	font-family: 'Open Sans', sans-serif;
}

body.wide div.commentslist .buttoncell {
  	color: #c5c5c5;
  	background-color: inherit;
  	margin-bottom: 10px;
 	  font-family: 'Open Sans', sans-serif;
}

body.wide .commentslist .comment .comment {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    overflow: hidden;
    background-color: inherit;
}

body.wide #viewpicsidebar .buttoncell a.function {
	  padding: 3px 5px 3px 5px;
}

body.wide span.votesum {
}

.toggler { cursor: pointer; }

body.wide #photoinfobox-toggler,  
body.wide h2 {
  	color: #fff;
  	padding: 20px 0px 10px 0px;
    }    
    
body.wide.section-pools h2,
body.wide .commentbox h2 {
  color: #000;
  }    
    
body.wide .fsm-rating h2 {
  padding-top: 0px;
  color: #222;
  }    

body.wide #photoinfobox-toggler {
	  border-top: 1px solid #393939;
}	  

body.wide #viewpicsidebar h3, 
#viewpicsidebar h3 {
    font-size: 16px;
    margin: 10px 0px 10px 0px;
    color: #fff;
    padding: 20px 0px 10px 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}  

body.wide div#photoinfobox {}  

body.wide #photoinfobox-toggler::after {
	  content: "\f105"; 
	  font-family: "Font Awesome 5 Pro"; 
	  padding: 6px 10px 8px 0px; 
	  text-decoration: none;
	  font-size:20px; 
	  color: #f7e37c; 
	  float: right;
	  position: relative;
    bottom: 5px;}

body.wide #photoinfobox-toggler.toggler-open::after {
	  content: "\f107"; 
	  font-family: "Font Awesome 5 Pro"; 
	  padding: 6px 10px 8px 10px; 
	  text-decoration: none;
	  font-size:20px; 
	  color: #f7e37c;
	  float: right;
	  position: relative;
    bottom: 5px;}  

body.wide .prorating-from {
	  font-size:14px;
	  margin-bottom: 10px;
	  font-weight: 500;
}

body.wide .prorating-plus {margin-bottom: 20px;}  

body.wide .prorating-plus::before {
	  /* content: "\f055"; 
	font-family: "Font Awesome 5 Pro"; 
	padding: 6px 5px 8px 0px; 
	text-decoration: none;
	font-size:14px; 
	color: #fff; */
}

body.wide .prorating-minus::before {
	  /* content: "\f056"; 
	font-family: "Font Awesome 5 Pro"; 
	padding: 6px 5px 8px 0px; 
	text-decoration: none;
	font-size:14px; 
	color: #fff; */
}     

body.wide #commentform-toggler {
  	font-size: 20px;
  	background-image: url("/images/layout/wide/arrow_info.png");
  	background-repeat: no-repeat;
  	background-position: left;
  	top: 1px;
  	padding: 18px 0px 18px 20px;
  	margin: 0px 0 0px 0;
  	border-top: 1px solid #333;
  	color: #fff;
}

body.wide #commentform-toggler.toggler-open {
  	background-image: url("/images/layout/wide/arrow_info_active.png");
  	background-repeat: no-repeat;
  	background-position: left;
  	top: 1px;
}

body.wide div.exifdetail {
  	height: 23px;
}

body.wide div.exifdetail img {
  	margin-bottom: -8px;
}

body.wide ul.poollist li.current {
}

body.wide ul.poollist li.current::before {
} 

body.wide ul.poollist li {
  line-height: 1.5;
  }

body.wide ul.poollist li:span {}

body.wide ul.poollist li:hover {
  	border: 0px;
    }

body.wide #debuginfo {
    font-size: 10px;
    line-height: 12px;
}

.gallery-viewpic3 div.infocol2 #photodetails,
.gallery-viewpic3 #placements,
.gallery-viewpic3 #external,
body.wide .infocol2 div.picinfo-wrapper {
   padding: 20px;
   background-color: #fff;
   background-color: #f9f9f9;
   margin-bottom: 0px;
   }

.scrollable-content {
	  overflow-y: auto; 
	  padding: 0 15px; 
	  background-color: #1d1d1;
}

body.wide p.author {
	  font-family: 'Open Sans', sans-serif;
	  color: #919191; 
	  margin: 0px; 
	  padding: 0px;
	  font-weight: 300;
	  font-style: normal;
	  font-size: 15px;
}

body.wide p.author a {
	  font-family: 'Open Sans', sans-serif;
	  color: #919191; 
	  text-decoration: none; 
	  font-size: 14px; 
	  line-height: 1.2;
}

body.wide h1 {
	  color: #000; 
	  margin: 0px; 
	  padding: 0px; 
	  line-height: 1.4; 
	  font-family: 'Open Sans', sans-serif;
	  font-weight: 600;
	  font-style: normal;
	  font-size: 25px;}

.functioncell {
	  display: none;
}

.buttoncell  {
	  padding: 4px 0 4px 0; 
}

#ratingvote {
	  border: 0px; 
	  padding: 0px 0 0 10px; 
	  height: 8px; 
	  margin-top: -3px;
}

#ratingvote img {
  }

#buybutton {
	  width: 100%;
	  box-sizing: border-box;
}

#buybutton a {
	  color: #fff; 
	  text-decoration: none; 
}

.xxreplycell .buttoncell a.function:after {
 	  content: " -";
}

div.document div.commentslist div, div.commentslist div {
 	  color: #aaaaaa;
}

div.captionbox {
   	margin-top: 10px;
   	max-height: 70px;
   	position: relative;
   	overflow: hidden;
}

p.caption {
	  margin: 0; 
	  padding: 0; 
}

p.readmore a { 
    background: #000; border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    text-decoration: none;
    font-size: 10px;
}

p.readmore { 
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; 
    text-align: center; 
    margin: 0;
    padding: 10px 0 3px 0;

    /* 54 = #36 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0)),color-stop(1, rgba(0,0,0,100)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,100));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,100));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,100));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,100));


}


/* button */

/*

body.wide input.slimbutton, 
body.wide input.button, 
a.slimbutton, 
body.wide a.slimbutton:link, 
body.wide a.slimbutton:visited, 
body.wide a.slimbutton:active, 
body.wide span.slimbutton, 
#viewpicsidebar .buttoncell a.function {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    display: inline-block;
    -webkit-appearance: none;
    box-sizing: border-box;
    text-transform: none;
    border: 0px;
    margin-right: 10px; 
    background-color: #000;
    color: #fff;
    padding: 10px 8px 10px 8px;
    border-radius: 2px;
}

body.wide input.slimbutton {
    font-weight: normal;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #f7e37c;
    color: #f7e37c;
}

body.wide input.slimbutton:hover {
	  background-color: #333;	 
} 



body.wide input.slimbutton::before, 
body.wide input.button::before {
	  font-weight: 300;
  	content: "\f0e5";
    font-family: "Font Awesome 5 Pro";
    padding-right: 8px;
}  

#viewpicsidebar .buttoncell a.function:hover, 
body.wide input.slimbutton:hover, 
body.wide input.button:hover, 
body.wide a.slimbutton:hover, 
body.wide input.slimbutton:hover, 
body.wide input.button:hover  {
 	  border: 1px solid #f7e37c;
}

*/

#mainimgwrap:-webkit-full-screen {
  	background-color: black;
  	width:100% !important;
  	height:100% !important;
}

#mainimgwrap:-webkit-full-screen img {
  	width:auto !important;
  	height:auto !important;
  	max-width:100% !important;
  	max-height:100% !important;
}

#mainimgwrap:-moz-full-screen {
  	background-color: black;
  	width:100% !important;
  	height:100% !important;
}

#mainimgwrap:-moz-full-screen img {
  	width:auto !important;
  	height:auto !important;
  	max-width:100% !important;
  	max-height:100% !important;
}

ul.exifdata {
  	padding: 0px;
  	margin: 0px;
}




html.safari.iphone #mainimgwrap img,
html.safari.ipad #mainimgwrap img {
 	  pointer-events: none; 
}

/* LOGIN REGISTER */

#login, #member-register, 
#tools-resetpassword, 
#tools-resetpasswordsent {
  	background-image: url(/images/login_bg12.jpg); 
  	background-size: cover;
  	color: white;
  	font-weight: 400;
  	font-size: 14px;
}

#member-register {
	  background-image: url(/images/register_bg17.jpg); 
}		

#login a {
  	color: #fff;
}

#login .stage, 
#member-register .stage, 
#tools-resetpassword .stage, 
#tools-resetpasswordsent .stage {
  	padding:40px;
  	width: 100%;
  	max-width: 450px;
  	min-height: 500px;
  	margin: auto;
  	margin-top: 30px;
  	font-family: Arial, sans-serif;
  	float: none;
  	min-height: inherit;
  	text-align: center;
  	box-sizing: border-box;
  	border: 0px;
}

.login-page, 
.register-page,
.resetpassword {
	  padding:20px;
}

#tools-resetpassword .instruction, 
#tools-resetpasswordsent .instruction {
	  color: white; 
	  font-size: 14px;
}

#tools-resetpassword div.instruction a {
	  color:white;
} 

#member-register div.stage {
  	box-sizing: border-box;
}

div.formfield {}

.become-member {
	  padding: 10px 0px 0px 0px;
	  color: #fff;
	  padding-bottom: 10px;
	  font-weight: 600;
}

#member-register a {
  	color: white;
}

#tools-resetpassword input, 
#member-register input, 
#login input {
	  font-size: 14px;
	  padding: 12px 8px 12px 8px;
	  margin: 5px 5px 5px 0px;
	  font-weight: bold;
	  color: black;
	  background-color: #fff;
	  border: 1px solid #fff;
}

#member-register input[name="_captcha"] {}

#tools-resetpassword input[name="login"],
#tools-resetpassword input[name="email"],
#login input[name="login"],
#login input[name="password"],
#member-register input[name="login"],
#member-register input[name="email"],
#member-register input[name="_captcha"],
#member-register input[name="password"],
#member-register input[name="x_password"],
#member-register input[name="firstname"],
#member-register input[name="lastname"] {
	  width: 100%;
	  box-sizing: border-box; 
	  max-width:355px; 
}

#tools-resetpassword .slimbutton, 
#login .slimbutton, 
#member-register .slimbutton {
    padding: 15px 0px 15px 0px;
    min-width: 50px;
    text-align: center;
    -webkit-appearance: none;
    box-sizing: border-box;
    color: #222;
    text-transform: uppercase;
    border: 2px solid #ffd31b;
    background-color: #ffd31b;
    font-size: 14px;
    text-transform: none;
    border-radius: 5px;
    width:100%;
}

#tools-resetpassword .slimbutton:hover, 
#login .slimbutton:hover, 
#member-register .slimbutton:hover {
 	  border: 2px solid #f7e37c;
	  background-color: #f7e37c;
}

#login h1, 
#member-register h1,
body.wide .instruction h1 {
	  color: white;
	  padding: 0px 0px 40px 0px;
	  font-weight: 600;
	  font-size: 26px;
}

#member-register h1 {
	  padding-bottom: 0px;
}	

#login div.instruction {
  	width: auto;
  	margin-bottom: 20px;
}

.member-register-step2 p {
	  color: white; 
	  font-size: 14px;
}

.register-page .errorbox, 
.register-page .error, 
.register-page .errors {
    border: 0px;
    background-color: inherit;
    width: 400px;
    padding: 5px;
    margin: 5px 0px;
    color: red;}

.register-page span.error, 
.register-page .errors span.error {
	  color: red;
}     

.fs-login-button { 
    background-color: #3B5998;
    background-image: url(/images/fb-logo-button.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    border-color: #3B5998;
    color: #FFF;
    font-weight: 600;
    margin-bottom: 20px;
    text-shadow: none;
    cursor: pointer;
    display: inline-block;
    line-height: 12px;
    white-space: nowrap;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 12px 18px 40px;
    max-width:355px;
    border-radius: 5px;
}

div.fs-login-button:hover {
    background-color: #ff9600;
}

div.fs-login-button a {
  	color: white;
  	text-decoration: none;
}

#login h2 {
  	font-family: 'Open Sans', sans-serif;
	  font-weight: 500;
	  font-style: normal;
	  font-size: 20px;
	  text-transform: uppercase;
	  letter-spacing: 0.4px; 
  	margin-bottom: 10px;
  	background-color: #222222;
  	color: white;
  	padding: 10px;
  	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
}

.copyrightbox {
	  background: #000; 
	  color: #fff; 
	  padding: 5px; 
	  border-radius: 4px; 
}

.crumbs span {
  }

#photocreditbox {
	  padding: 40px 0px 60px 0px;
}

.photographer-portrait {
	  float: left;
	  width:25%
}

.photographer-portrait img {
	  border-radius: 100px; 
	  border: 2px solid #fff;
}

#viewpicsidebar .photographer-c-name a {
	  font-size: 19px;
	  line-height: 20px;
	  font-family: "Open Sans", sans-serif;
	  text-decoration: none;
	  font-weight: 100; 
	  color: #f7e37c;
}

.photographer-c-name {
	  }

.photo-title, .photographer-name {
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  overflow: hidden;
  width:100%; 
  text-align: left;
  }

#photocreditbox .photographer-name {}

#photocreditbox .photo-title {
	  margin-top: 15px;
	  display: inline-block;
}

.photo-description {
	  line-height: 20px; 
	  color: #222; 
	  font-size: 14px;
}

.photographer-name a {
	  text-decoration: none;
}

#photocreditbox .exif {
	  margin: 25px 0px 15px 0px;
    }

#photocreditbox .memberfollowbox, .memberfollowbox {
  }

#photocreditbox .memberfollowbox a {
  }

#photocreditbox .memberfollowbox a.slimbutton, 
body.wide #photocreditbox .memberfollowbox a.slimbutton:link {
	  border-radius: 2px; 
	  font-size: 10px; 
	  padding: 2px 3px 2px 3px;
	  color: #f7e37c; 
	  border: 1px solid #f7e37c; 
	  margin-top:10px;
}

body#member-register label,
body#member-register .label {
    font-weight: bold;
    display: block;
    float: none;
}

body#member-register div.error {
	  width: auto !important;  
	  margin-top: 0 !important; 
	  color: red;
}

body#member-register form .formfield {
	  clear: both; 
}

body#member-register form .formfield .fieldinfo {
    max-width: 355px;
    x-float: right;
}

.magasin-gallery-view-wrapper {
	  padding:10px 20px 10px 20px;
}

.magasin-gallery-view-wrapper .thumb {
	  float:left; 
	  margin-right: 20px;
}

.magasin-gallery-view-wrapper #headers img.logo {
	  width: 50px;
	  height: auto;
}

.magasin-gallery-view-wrapper h3 {
	  color: #fff;
    font-weight: 700;
    font-size: 74px;
    letter-spacing: -2px;
    line-height: 1.2;
}	

body.wide .instruction {
	  font-size: 14px;
}    	

body.wide .instruction a {	
	  color: #fff;
	  text-decoration: underline;
}


#mainimgwrap.maximize-mode {
   background-image: none !important;
}
#mainimgwrap.maximize-mode img {
   display: block; 
}