/* Basic easyFlickr stylesheet */
body {
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000;
background-color: #bbc;
padding: 0; margin: 0;
}
body#photoset {
margin-bottom: 15em; /* to leave room for Details display */
}
div#mainmenu {padding: 0; margin: 0 0.5em}
div#footer {
	width:100%; float: left; clear: both; border-top: 1px solid #666; 
	font-size: 0.8em; color: #666;margin-top: 4em; padding: 6px;
	}
div#footer a {text-decoration: none;}

ul.sets {list-style-type: none; margin: 0 0; padding: 0 0;}
ul.sets li {float:left;position:relative; border: none; padding-right: 2em;font-size: 0.8em; text-align:center;}
ul.sets img {border: 1px solid black; padding: 0; margin: 0;}

/* #mainphotodiv img {border: 1px solid black; margin: 2px 2px 0 0;} */
img#mainphoto {border: double black;}
#photos img {border: 1px solid black; margin: 2px 2px 0 0;}

a:hover {background-color: transparent;} /* needed to make IE pay attention to later :hover commands */

a.photoLink:focus {outline: none;}

a.hasNotes {position: relative; text-decoration: none;}
a.hasNotes span {display: none;}
/* If you specify the :focus, the desired order of precedence is
:link
:visited
:focus
:hover
:active
*/
/*a.hasNotes:focus {outline:none;}*/
a.hasNotes:hover {z-index: 9999;}
a.hasNotes:hover span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  background: #dde;
  border: 1px solid black;
  color: black;
  padding: 4px;
  width: 160px;
  z-index: 9999;
}

.splitcontentleft{float:left;}
.splitcontentright{float:left; width: auto;}
.splitcontentleftImg{float:left; width: 510px; vertical-align: top;}
.splitcontentrightImg{float:left; width: auto; margin-right: 80px;}

.photosetTable {width: auto; margin-left: 550px; margin-top: 80px;}
.photosetTable td {vertical-align: top;}
/*
.slideshowLayoutTable {width: 950px; padding: 0 10px; border: 1px solid yellow;}
.slideshowBigPicCell {width: 510px;}
*/

div#slideshowBigPic {position: absolute; top: 40px; left: 20px;}

/*.slideshowTable {width: auto; margin-left: 600px; margin-top: 20px;}*/
.slideshowTable {position: absolute; left: 550px; top: 40px; width: 400px; border: none; margin: 0; padding: 0}
.slideshowTable td {vertical-align: top;}

p#photoTools {font-size: 0.8em;}
p.dirs {font-size: 0.8em; font-weight: normal; padding: 1px 3px; border: 1px solid black; background-color: #DEF; width: 500px;}
p.links {font-size: 0.8em; font-weight: normal; padding: 1px 3px; border: none; background-color: transparent; text-align:right; width: 500px;}

p.links a {padding: 0 0.5em; border: none; border-right: 2px solid black;}
p.links a.last {border-right: none;}

.setTitle, .appTitle {font-size: 1.0em; font-weight: bold; /*width: 500px;*/}
p.normalHeading {font-size: 0.9em; font-weight: bold;color: black;}
span.subHeading {font-size: 0.8em; font-weight: normal; color: #666;}
p.advisory {clear:both; float: left;}
.poweredby {color: #666;}

div#ss_controls {position: relative;width: 400px; border: none; /*background-color: none;*/}
div#ss_controls a.runner {margin-right: 0; border: none;}
div#ss_controls a.runner img {border: none; margin: 0; padding:0;}
div#ss_controls_panel {position: relative; background-color: #CCC; border: 1px solid black;
	width: 398px; height: 50px;padding: 4px 0 4px 10px;}
div#ss_controls_panel .spacedover {margin-left: 12px;}
div#ss_thumbs {height: 54px; width: 402px; background-color: black; padding: 4px;}

img.ss_thumb   {border: 2px solid black;padding: 0; margin: 0;}
img.ss_current {border: 2px solid yellow;}

div#pageHeader {width:100%; background-color: #446; color: #FFF; margin: 0; padding: 2px 0 0 0;
border-bottom: 1px solid black; height: 1.5em;}
div#pageHeader span.appTitle {float: left; font-size: 1em; font-weight: bold;
margin: 2px 0 0 1em;}
div#pageHeader span.links    {float: right; font-size: 0.8em; font-weight: normal;
margin: 2px 1em 0 0;}
div#pageHeader span.credits {font-size: 0.8em; font-weight: normal; color: #CCC; 
margin-left: 2em; margin-top: -2px;}
div#pageHeader a, div#pageHeader a:link, div#pageHeader a:visited  {
	color: #0FF; text-decoration: none;
}
div#pageHeader span.nav a:hover {color: #FFF; background-color: transparent;}
div#footer span.poweredby a {/* NO CHANGE */}
div#footer span.poweredby a:hover {/* NO CHANGE */}

.ef_logo {
	font-weight: bold;
	background-color: #FFF;
	padding: 0 2px 1px 2px;
	border: 2px solid #080;
	margin: 4px 0;
	}
span.ef_logo span.easy  {color: #080;}
span.ef_logo span.flick {color: #22F;}
span.ef_logo span.r     {color: #C0C;}

a#ss_start_stop {position: absolute; top: 0; left: 0;}
a#ss_first {position: absolute; top: 20px; left: 0;}

#fixme {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 20px; top: 30px;
}
body > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

.details_phototitle{border-top: 1px solid black; font-size: 70%;margin-bottom: 0;}