@import 'site.css';

.tagcloud {display:none;}

#imagedisplay {display:block; width:477px; height:475px;}
#imagedisplay .page {position:absolute; top:15px; left:8px; display:block; overflow:hidden; width:490px; height:480px;}
.inner {
	margin:13px;
}
div.next{position:absolute !important; right:0px; top:50px; margin:0px;}
div.previous{position:absolute !important; left:0px; top:50px;}
.floater .flickrphoto img {width:37.5px; height:37.5px; margin:2px;}
#favorites {position:absolute; left:845px; top:15px;}
#favorites .flickrphoto img {width:37.5px; height:37.5px; margin:2px;}
div.flickrphoto {
	position:relative;
	background-color:#cc9;                                                                                   
	float:left;
	margin:5px;
	cursor:pointer;
}
div.current {background-color:#f00;}
div.flickrphoto .tools {
	position:absolute;
	left:0;
	top:0;
	background:transparent url('../images/star_a.png') 10px 0px no-repeat;
	width:100%;
	height:20px;
	overflow:hidden;
	visibility:hidden;
	/*             
	opacity:.7;
	filter: alpha(opacity=70);
	*/
	cursor:pointer;
}
div.flickrphoto img {
	width:75px;
	height:75px;
	background-color:#000;
	border:1px #000 solid;
	margin:5px;
}
#tools {position:absolute; left:420px; top:69px; width:300px; height:30px;}
#tools ul {
	list-style:none;
	margin:0 20px;
	padding:0;
}
#tools ul li {
	margin:0;
	padding:3px;
	float:left;
	font:normal 12px/14px tahoma;
	cursor:pointer;
	background-color:#EBEC84;
	margin-left:3px;
}
.pagelist {margin:0; padding:0; list-style:none;}
.pagelist li{cursor:pointer;}
.pagelist li {border-width:1px; border-style:solid; border-color:transparent;}
.pagelist li.over {background-color:#dda; border-color:#663;}
.pagelist li {width:20px; text-align:center; float:left; cursor:pointer; border:1px #000 solid; background-color:#cc9; margin:2px;}
.pagelist li.over {background-color:#eeb;}

.floater {
	width:503px;
	height:503px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#000;
	padding:1px;
	background-repeat:no-repeat;
	background-position:center center;
}
.floater {overflow:hidden; color:#ccc;}
.floater .full {}
/*
.floater .imginfo {overflow:hidden; position:absolute; left:1px; top:-2px; z-index:100; background:transparent url('/images/imagetools-bkg.png') center bottom no-repeat; height:30px; font:normal 12px/18px verdana; width:100%;}
*/
.floater .imginfo {color:#ccc; position:absolute; left:1px; bottom:-2px; z-index:100; background:transparent url('../images/imagetools-bkg2.png') center top no-repeat; height:20px; font:normal 12px/18px verdana; width:100%;}
.floater .imginfo ul {
	position:absolute;
	left:-10px; 
	top:150px;
	list-style:none;
	margin:0 20px;
	padding:0;
	width:100px;
}
.floater .imginfo ul li {
	margin:0;
	padding:3px;
	font:normal 12px/13px tahoma;
	cursor:pointer;
}

.floater .imginfo ul li.over {background-color:#F6F7CB; color:#000;}
.floater .preview {display:none; position:absolute; left:110px; top:150px; width:365px; height:83px; background-color:#F6F7CB; padding:6px; color:#000;}
.floater .preview .flickrphoto{margin:8px}
.floater .imginfo .title{font:bold 140%/140% tahoma; text-align:center; margin:0 10px; cursor:pointer;}
.floater .imginfo .owner{text-align:center;margin:0 10px; cursor:pointer;}
.floater .imginfo .description{
	text-align:left; 
	font:normal 12px/14px tahoma; 
	margin-left:100px; 
	margin-right:10px; 
	border:1px #000 solid; 
	padding:5px; 
	background-color:#F6F7CB; 
	color:#7B421C;
}
.floater .imginfo img.thumbnail{
	margin:0 10px; 
	float:left; 
	border:1px #000 solid;
}
#tothumbs {cursor:pointer; z-index:2000; position:absolute; left:235px; top:-18px; width:30px; height:34px;}
#loadingdiv {position:absolute; left:0; top:0; z-index:5000; width:525px; height:525px; text-align:center; font:normal 125%/400% Trebuchet MS;  background: #F6F7CB url('../images/pulser2.gif') center center no-repeat;opacity:.9; filter: alpha(opacity=90);}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content {position:absolute; left:327px; top:10px; overflow:hidden;}
#content ul.tabs{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	right:-1px;
	top:-20px;
	z-index:9000;
}
#content ul.tabs li{
	display:block;
	float:right;
	padding:0 3px;
	margin-left:5px;
	background-color:#f6f7cb;
	cursor:pointer;
	border-width:1px 1px 0 1px;
	border-color:#000;
	border-style:solid;
	line-height:18px;
}
#content ul.tabs li.over{color:#f00;}
#content ul.tabs li.details{background-color:#000; color:#ccc;}

 .accordian {margin-top:10px;}
 .pastel .open .tb {color:#000; border-bottom:1px #000 solid; background:#fff url('../images/title-bg.png') 0 -15px repeat-x}
 .pastel .keyadd {visibility:hidden;}
 .pastel .open .keyadd {visibility:visible;}
 .pastel .tb {background:#fff url('../images/title-bg.png') 0 -5px repeat-x; cursor:pointer; color:#999; width:100%; font:normal 10pt/18pt verdana; padding-left:5px; border-bottom:1px #000 solid}
 .pastel .tb .count {font:normal 8px/12px verdana; visibility:hidden;}
 .pastel .open .tb .count {visibility:visible;}
 .pastel .over {color:#000; background-position:0 -15px;}
 .pastel .tabel {background:#f6f7cb url('../images/dropshadow-bottom.png') 0 22px repeat-x; border-top:1px #000 solid; width:100%;}
 .pastel {margin-left:10px; border:1px #000 solid; width:300px;}


.keyadd {border:1px #ccc solid; color:#999333; font:normal 12px/12px verdana; cursor:pointer; position:absolute; right:10px; padding:1px; top:3px; _width:25px; width:23px; height:14px; _height:18px;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */