/* ".encphoto_foo" is for the "encphoto_foo" template in the encphoto_prefs.cgi file. */

.encphoto_02
{
	font: 8pt sans-serif;
	color: #999;
	background: #191919;
	margin: 0;
	padding: 4px;
}
.encphoto_02 a
{
	text-decoration: none;
}
.encphoto_02 a:link, .encphoto_02 a:visited
{
	color: #fff;
}
.encphoto_02 a:link:hover, .encphoto_02 a:visited:hover, .encphoto_02 #ss-framed-mode a:link:hover
{
	text-decoration: underline;
}
.encphoto_02 h1,.encphoto_02 h2,.encphoto_02 h3,.encphoto_02 h4,.encphoto_02 h5,.encphoto_02 h6
{
	color: white;
}
.encphoto_02 #enc-feature-photo img
{
	border: 0;
	margin-top: 4px;
}
.encphoto_02 #enc-feature-photo-caption
{
	color: #999;
	background: #333;
	padding: 4px;
	margin: 15px 4px 4px 4px;
}


/* 	#	#	#	#	#	#	#	#	#	*/


.encphoto_concrete
{
	background: url(/photos/appfiles/images/tile-a-e05c.jpg);
	font: 9pt sans-serif;
	color: #ccc;
	margin: 0;
	padding: 0px;
}
.encphoto_concrete a
{
	text-decoration: none;
}
.encphoto_concrete a:link, .encphoto_concrete a:visited
{
	color: #fff;
}
.encphoto_concrete a:link:hover, .encphoto_concrete a:visited:hover, .encphoto_concrete #ss-framed-mode a:link:hover
{
	text-decoration: underline;
}
.encphoto_concrete #side-info
{
	background: transparent;
	margin-left: 20px;
	width: 210px;




/*
	width: 310px;
*/

}
.encphoto_concrete #photocontainer
{
	margin: 30px auto;
}
.encphoto_concrete #photocontainer a
{
	color: #fff;
	text-decoration: none;
}
.encphoto_concrete #photocontainer a:hover
{
	color: #fff;
	text-decoration: underline;
}
.encphoto_concrete .image-for-sale-link
{
	display: none;
}
.encphoto_concrete h1
{
	font: 11pt serif;
	color: #aaa;
} 
#encphoto_footer
{
	text-align: center;
	margin: 30px auto 0px auto;
	padding: 12px;
	background: rgba(0, 0, 0, 0.2);
}
.encphoto_block
{


/*
	float: left;
	width: 150px;
	min-height: 130px;
*/

}
.encphoto_block ul
{
	list-style-type: none;
	margin: 15px;
	padding: 0;
}
.encphoto_concrete #enc-feature-photo #the_photo
{
	position: relative;
	padding: 10px;
}
.encphoto_concrete #enc-feature-photo a:link,
.encphoto_concrete #enc-feature-photo a:visited
{
	/* color: transparent; */   /* removed 20100606 so that for videos, the download links are not invisible; and it looks like this wasn't really necessary for the non-video cases either? */  
	border: 0;
	margin: 0;
	padding: 0;
}
.encphoto_concrete #enc-feature-photo
{
	background: transparent;
	float: left;
}
.encphoto_concrete #enc-feature-photo img
{
	margin: 0;
	border: 0;
	border: 0;
}
.encphoto_concrete #enc-feature-photo-caption a
{
	text-decoration: underline;
}
.encphoto_concrete #enc-feature-photo #the_photo a#video_framegrab
{
	/* position: relative; */
}
.encphoto_concrete #enc-feature-photo #the_photo a#video_framegrab #play_button_overlay_bg
{
	position: absolute;

	/* background: rgba(0,0,0,0.5) url(/photos/appfiles/images/play_arrow_empty_light_e01.png) center center no-repeat; */
	/*    rgba() doesn't work in IE8; instead, set a solid bg color, then use opacity: and filter: on it. */
	/* background: #000 url(/photos/appfiles/images/play_arrow_empty_light_e01.png) center center no-repeat; */
	/*    But then that makes the arrow fade too, which isn't what we want... instead we'll have to put the */
	/*    dark bg color and the arrow into two separate divs and style them independently. */
	background: #000;
	opacity: 0.40;
	filter: alpha(opacity=40);

	/* shift in by 10px for the drop-shadows: */
	top: 10px;
	left: 10px;

	/* the width and height will be set dynamically by the code, but just in case that fails, stretch us out: */
	width: 100%;
	height: 100%;
}
.encphoto_concrete #enc-feature-photo #the_photo a#video_framegrab #play_button_overlay_arrow
{
	position: absolute;

	background: url(/photos/appfiles/images/play_arrow_empty_light_e01.png) center center no-repeat;

	/* shift in by 10px for the drop-shadows: */
	top: 10px;
	left: 10px;

	/* the width and height will be set dynamically by the code, but just in case that fails, stretch us out: */
	width: 100%;
	height: 100%;
}
.encphoto_concrete .sspagebottom
{
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
}

.encphoto_concrete .eshd01nw	{ width: 10px; height: 10px; top: 0; left: 0; background: url(/photos/appfiles/images/eshd01nw.png) top left no-repeat; }
.encphoto_concrete .eshd01n	{ height: 10px; top: 0; left: 10px; right: 10px; background: url(/photos/appfiles/images/eshd01n.png) top left repeat-x; }
.encphoto_concrete .eshd01ne	{ width: 10px; height: 10px; top: 0; right: 0; background: url(/photos/appfiles/images/eshd01ne.png) top right no-repeat; }
.encphoto_concrete .eshd01e	{ width: 10px; top: 10px; right: 0; bottom: 10px; background: url(/photos/appfiles/images/eshd01e.png) top right repeat-y; }
.encphoto_concrete .eshd01se	{ width: 10px; height: 10px; bottom: 0; right: 0; background: url(/photos/appfiles/images/eshd01se.png) bottom right no-repeat; }
.encphoto_concrete .eshd01s	{ height: 10px; bottom: 0; left: 10px; right: 10px; background: url(/photos/appfiles/images/eshd01s.png) bottom left repeat-x; }
.encphoto_concrete .eshd01sw	{ width: 10px; height: 10px; bottom: 0; left: 0; background: url(/photos/appfiles/images/eshd01sw.png) bottom left no-repeat; }
.encphoto_concrete .eshd01w	{ width: 10px; top: 10px; left: 0; bottom: 10px; background: url(/photos/appfiles/images/eshd01w.png) top left repeat-y; }
.encphoto_concrete .eshd	{ position: absolute; }

/* for the thumbs, the drop-shadow is a little too dark, so we'll make it less opaque: */
.encphoto_concrete .eshdthumb
{
	-moz-opacity: 0.7; 
	/* filter:alpha(opacity=70); */    /* doesn't work like it should, at least in IE7... */
	-khtml-opacity: 0.7;
	opacity: 0.7;
}


/* 	#	#	#	#	#	#	#	#	#	*/




body.framedimage
{
	text-align: center;
}
img.ss,img.framedimage
{
	border: 1px solid #000;
	margin: 2px 0px;
}
input.ss
{
	border: 2px solid #ccc;
	background: #f7f7f7;
}
a.ss,a.ss:visited
{
	color: #000;
	font-weight: bold;
}
#photocontainer { margin: 30px auto; color: #fff; }
#enc-feature-photo { float: left; background: #000; }
#side-info { width: 160px; float: left; background: #000; }
#side-info .item { margin: 4px 4px 4px 2px; text-align: right; }
#side-info .nav { white-space: nowrap; font-weight: bold; margin-bottom: 15px; padding-bottom: 0; line-height: 1; }
#side-info .count { font-size: 250%; font-weight: bold; }

#side-info a { color: #4970ff; }
#side-info form a { color: #b0b0b0; }

#photocontainer form { margin: 0; padding: 0; }
.image-for-sale-link { display: none; }
.sspagebottom { clear: both; font-size: 0; line-height: 0; height: 0; }
#enc-feature-photo input { border: 1px solid #222; background: #fff; padding-left: 2px; padding-right: 2px; font-size: 8pt; width: 32px; }
.sstoplinks form { margin: 0; padding: 0; }
#ssone-toplinks { color: #fff; background: rgba(0,0,0,0.55); padding: 5px 5px; }
#enc-feature-photo, #enc-photoset-thumbs-nonframed { padding: 0; text-align: center; }
#enc-feature-photo { color: #fff; }
.searchresult { color: #333; background: #bbb; padding: 4px; margin: 15px 4px 0px 4px !important; }
.searchresult .searchterms { font-weight: bold; }
#enc-ss-delay-field, #enc-ss-delay-btn { border: 1px solid #bbb; color: #fff; background: #000; padding-left: 2px; padding-right: 2px; font-size: 0.8em; width: 3.5em; }
#enc-ss-delay-field:hover { background: #500; }
#enc-ss-delay-btn:hover { background: #900; color: #fff; }

#enc-photoset-thumbs-framed #photoset-title,
#enc-photoset-thumbs-nonframed #photoset-title
{
	color: white;
	padding: 10px 5px 10px 5px;
	text-align: center;
	font-size: 1.7em;
	margin: 0;
	background: rgba(0,0,0,0.25);
}
#enc-photoset-thumbs-framed #photoset-date,
#enc-photoset-thumbs-nonframed #photoset-date
{
	color: #a3a5a1;
	margin-top: 0;
	padding: 5px 5px 10px 5px;
	text-align: center;
	background: rgba(0,0,0,0.25);
}
#photoset-desc
{
	text-align: left;
	padding: 5px;
}
#photoset-desc a
{
	text-decoration: underline;
}


#ss-framed-mode
{
	text-align: center;
}




.ds1, .ds2, .ds3, .ds4
{
	border: 0;
	margin: 0;
	padding: 0;
}


.image-for-sale-link
{
	position: absolute;
	top: 100px;
	right: 0px;
	margin: 10px 0 10px 10px;
	padding: 12px;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid #e0e0e0;
	background: #500;
}


table#thumbs_container
{
	border: 0;
}
td.thumbbox
{
}
.thumbwrapper
{
	padding: 20px;
}
.thumb_caption_text_sep
{
	max-width: 250px;
}

img.thumbs
{
	border: 1px solid #000;
	margin: 0;
}


/*
td.sale-thumb .top
{
	height: 19px;
	background: url(/layout/icons/forsale-red-11-top-border.png) top right no-repeat;
}
td.sale-thumb .left, td.sale-thumb .right, td.sale-thumb .bottom,
td.nonsale-thumb .top, td.nonsale-thumb .bottom, td.nonsale-thumb .left, td.nonsale-thumb .right
{
	position: absolute;
	left: -10000px;
	width: 0;
	height: 0;
}
*/


td.sale-thumb .right
{
	width: 19px;
	background: url(/layout/icons/forsale-red-21-right-border.png) top right no-repeat;
	float: left;
}
td.sale-thumb .thethumb
{

}

td.nonsale-thumb .thethumb, td.nonsale-thumb .right
{

}
.thethumb
{
	position: relative;
	padding: 10px;
}
br.thumb_vid_text_sep
{
	clear: both;
}
td.sale-thumb .left, td.sale-thumb .top, td.sale-thumb .bottom,
td.nonsale-thumb .top, td.nonsale-thumb .bottom, td.nonsale-thumb .left
{
	position: absolute;
	left: -10000px;
	width: 0;
	height: 0;
}

td.framedthumb
{
	padding-bottom: 40px;
}

div.thcolumns
{
	width: 174px; /* set this to the width of your widest (eg. landscape) thumb plus the width of any side-hanging "for sale" image. */
}




#global_keywords_form
{
	padding: 30px 0;
	border-bottom: 1px solid;
	border-top: 1px solid;
	margin: 30px auto;
}
.edititems .outer-container
{
	margin-left: auto;
	margin-right: auto;
}
.edititems .item-container
{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid;
	margin-left: auto;
	margin-right: auto;
}
.edititems .image-container
{
	margin-bottom: 15px;
}
.edititems img.preview
{
	border: 1px solid #000;
	margin-bottom: 10px;
}
.edititems div.caption
{
	margin-bottom: 15px;
}
.edititems div.caption textarea
{
	width: 300px;
	height: 60px;
}
.edititems .tags input
{
	width: 300px;
}
.edititems .tags
{
	margin-bottom: 15px;
}
.edititems .nontag-edit-checkboxes
{
	margin: 7px 0;
}
.edititems .tagcheckboxes
{
	margin: 0 auto 15px;
	padding: 5px;
	/* border: 1px solid #000; */
	text-align: left;
}
.edititems .tagcheckboxes-inner
{
	margin: 10px 0;
	font-size: 8pt;
}
.edititems .tagcheckboxes-inner td
{
	white-space: nowrap;
	border: 1px solid transparent;
}
.edititems .tagcheckboxes-inner td.tagcbon
{
	background: rgba(0,0,0,0.15);
	border: 1px solid rgba(0,0,0,0.55);
}
.edititems .tagcheckboxes-inner td span
{
	cursor: pointer;
}
.edititems .submit-button
{
	margin-bottom: 5px;
}


.edititems-wide .outer-container
{
	text-align: left;
	margin: 5px;
}
.edititems-wide .item-container
{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid;
	clear: both;
}
.edititems-wide .image-container
{
	float: left;
	margin-bottom: 15px;
}
.edititems-wide .option-container
{
	float: left;
	margin-left: 10px;
}
.edititems-wide .clear
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
}


.clear
{
	clear: both;

	/* http://www.complexspiral.com/publications/containing-floats/ */
	line-height: 0;
	height: 0;

	/* added for IE */
	font-size: 0;
}