img				{	border: 0px solid black;}

.negative		{	color: #bbb }
.strong			{	font-weight:bold; }



.pictureviewbox {
					width:868px;
					position:relative;
				}					
				
.singlepicture	{
					border:0px solid red;
					position:relative;
				}

.pictureAndPrevNext {
					border:0px solid green;
				}

.pictureviewprevnext
				{
					width:34px;
					border:0px solid blue;
				}
				
.kreonInfoRow	{	width:100%;
					border-top:1px solid grey;
					border-bottom:1px solid grey;
					margin-bottom:1em;
					padding: .15em 0em .15em 0em;
				}

.kreonInfoRow .left {
					float:left;
				}

.kreonInfoRow .right {
					float:right
				}
				
.grey			{	color:#aaa;
				}
				
.bold			{	font-weight:bold;
				}
				
.larger			{	font-size:1.1em;
				}





.startgallery	{	
					
					margin-bottom:1em;
					position:relative;
				}
.gallerytable	{
					
					margin-left:-10px;
					
					margin-top:0em;
					border:0px solid black;
				}


.gallerytable td {
					vertical-align:top;
				}

.horizontalgallery
				{
					margin-top:4em;
					text-align:center;
					margin-bottom:1em;
				}

.thumbs{
					position:relative;								
					border:1px solid #fff; 				
					padding: 0px;
					margin-left:auto;
					margin-right:auto;
					
					margin-top:0px;
					margin-bottom:0px;
				}
.startgallery .thumbs {
					width: 693px;
				}
.thumbs li		{
					list-style:none;
				}
				
.thumbs li.imgblock,								
.thumbs li.imgblock a,								
.thumbs li.imgblock div								
				{
					width: 79px;
					height:79px;
				}

.thumbs li.imgblock,
.thumbs li.prevnext
				{
					display:inline;
					float:left;									
					padding: 0px;
					margin: 10px;
					border:0px solid #f00;
					position:relative;
					z-index:1;
				}
.thumbs li.imgblock:hover {
					border:0px solid #fff;
					padding: 0px;
					z-index:1000;
				}

.thumbs li.imgblock .imgcontainer img,
.thumbs li.imgblock .activeimgcontainer img
				{											
					position:absolute;
					overflow:hidden;
					z-index:0;
				}

.thumbs li.imgblock:hover a.imgcontainer img
				{
					overflow:visible;
					
					position:relative;
					background-color:transparent;
					border: 20px solid #fff;
				}


				
				
.thumbs li.imgblock a,												
.thumbs li.imgblock div
				{	position:absolute;
					top:0px;
					left:0px;
					background-color:#eee;
					margin:0px;
					padding:0px;
					display:block;
					
				}
.thumbs li.imgblock:hover a.imgcontainer/*,
.thumbs li.imgblock:hover div*/
				{
					top:-20px;
					left:-20px;
				}

.thumbs li.imgblock div.datetop,
.thumbs li.imgblock div.dummytop
				{
					position:absolute;
					top:0px;
					left:0px;
					background-color:transparent;
					opacity:1;
					
				}
.thumbs li.imgblock:hover div.datetop,
.thumbs li.imgblock:hover div.dummytop
				{
					top:0px;
					left:0px;
					z-index:-1;
				}
.thumbs li.imgblock div.dummytop
				{
					background-color:transparent;
				}
.thumbs li.imgblock .datetop span.datetext + img
				{
					position:absolute;
					top:0px;
					left:0px;
				}

.thumbs li.imgblock .datetop span.datetext
				{
					background-color:white;
					color:black;
					opacity:.7;
					font-size:.9em;
				}


.thumbs li.prevnext
				{
					width:39px;
					height:79px;
				}

.thumbs li.active	{border:0px dashed #000;}						


#lastviewedimage{
					bottom:3px;
					left:0px;
					position:absolute;
				}



.thumbs li.active div.dummytop,
.thumbs li.active:hover div.dummytop,
.thumbs li.active div.datetop,
.thumbs li.active:hover div.datetop
{
					background-color:white;
					opacity:0.6;
					z-index:1;															
}


.thumbs li.ptagged div.dummytop,
.thumbs li.ptagged:hover div.dummytop,
.thumbs li.ptagged div.datetop,
.thumbs li.ptagged:hover div.datetop
{
					background-color:#bbb;
					opacity:0.7;
					z-index:1;															
}


.thumbs li.pancenter div.dummytop,
.thumbs li.pancenter:hover div.dummytop,
.thumbs li.pancenter div.datetop,
.thumbs li.pancenter:hover div.datetop
{
					background-color:#000;
					opacity:.8;
					z-index:1;
}

.csshidden		{	display:none;}

.pagenumbers .current {
					font-weight:bold;
				}
				
.pagenumbers a	{
					border:0px solid #aaa;
					padding:.1em;
					margin:.1em;
					color:#777;
				}
.pagenumbers a:hover
				{
					background-color:#bbb;
					text-decoration:none;
					color:white;
				}
				
.pagenumbers a.prevnext
				{
					border:0px solid #eee;
				}

#firstline #firstlinecentercontent,
#firstline #firstlinecentercontent a:link,
#firstline #firstlinecentercontent a:visited
				{
					color:#aaa;
				}
				
#firstline		{
					margin-top:1em;
					margin-bottom:.5em;
				}
				


.tcenter		{
					text-align:center;
				}

.filterbox 		{
					margin-top:10px;
					margin-bottom:3em;
				}
				
.filterindicator{
					background-color:#eee;
					margin-top:3px;
				}
.filterbox .filter		{
					text-align:left;
					border-top:1px solid #aaa;
					padding:.5em;
				}
				
.filterbox .login	{
					border-style:dashed;
					border-width:1px;
					border-color: #000;
				}

.filterbox .failed {
					border:3px solid red;
				}

.filterbox .filtertitle
				{
					background-color:#fff;
				}

.filterbox ul	{
					list-style-type:disc !important;
					padding-left:0px;
					margin-left:0px;
				}
.filterbox li	{
					list-style:none;
				}

.filterbox li.year
				{
					border-top:2px solid #aaa;
					margin-bottom:1em;
				}
.filterbox li.month
				{
					border-top:1px dashed #aaa;
					margin-bottom:.3em;
				}
.filterbox .small
				{
					font-size:.8em;
				}
				
.filterbox ul li.active,
.filterbox ul li span.active
				{
					color:red;
				}

#iconcontainer
				{
					position:absolute;
					top:5px;
					margin-left:0px;
					opacity:.5;
				}
				
#settings		{
					position:absolute;
					left: 1em;
				}
				
#settings .cssbutton,
#settings .imgsizebutton
				{
					margin-right:10px;
				}

#settings .imgsizebutton:hover
				{
					color:white;
					background-color:#bbb;
				}
				
#settings .imgsizebutton a
				{
					color:#777;
				}
				
#settings .imgsizebutton:hover a
				{
					color:white;
				}

#settings .cssbutton.active,
#settings .imgsizebutton.active
				{
					border-bottom:2px solid #bbb !important;
				}

#settings .cssbutton a,
#settings .imgsizebutton a,
#settings .cssbutton a:hover,
#settings .imgsizebutton a:hover
				{
					text-decoration:none;
				}
				
#settings .imgsizebutton
				{
					border:1px solid #aaa;
				}
				
				

.exifinfo table	{
					margin-left:auto;
					margin-right:auto;
					text-align:left;
					margin-bottom:1em;
				}
				
.exifinfo td.detailname
				{
					text-align:left;
					font-style:italic;
					color:#000;
					width:10em;
					vertical-align:top;
					
				}

.exifinfo td.subdiv_left
				{
					padding-left:1em;
				}
				
.exifinfo table td
				{
					color:#aaa;
					padding-bottom:.6em;
				}
				
.exifinfo table tr.products td
				{
					border-top:1px solid #aaa;
					padding-top:.6em;
				}
				
.exifinfo table
				{
					border-collapse:collapse;
				}
				
.exifinfo td.subdiv_right
				{
					padding-right:1em;
				}
				
.exifinfo ul.product_thumbs {
					padding:0em;
					margin:0em;
				}

.exifinfo ul.product_thumbs li {
					position:relative;
					list-style:none;
					display:inline;
					float:left;
					margin-right:1em;
				}

.exifinfo ul.product_thumbs li div img {
					width:80px;
					height:auto;
				}
				
.exifinfo ul.product_thumbs li div {
					position:relative;
					width:17em;
				}

.exifinfo ul.product_thumbs li div span {
					position:absolute;
					top:0px;
					left:90px;
				}

												
.superfaint		{	color: #ccc; }
.small			{	font-size: .9em; }
.default_fontcolor	{ color: #000;}

input.superfaint	{	background-color:transparent;
					border-color: #ccc;
					border-width: 0px 0px 1px 0px;
					border-style: solid;
				}

input.superfaint:hover,
input.superfaint_go:hover { background-color: #bbb;}
input.superfaint:focus { background-color: #777;}
				
input.superfaint_go	{	background-color: #aaa;
					border: 0px solid white;
					color: #fff; }
					
.backgroundcolorfont { color: #fff; }


.draglist		{
					cursor:move;
				}


.clickable		{
					cursor:pointer;
				}
				
.bgcolor1		{
					background-color: #777
				}
.bgcolor2		{
					background-color: #bbb
				}
