.popupMenu 
{
	position:absolute;
	visibility:hidden;
	opacity:9;
	filter: alpha(opacity=90);
}

/* ****************** RatingStar ****************** */
.ratingStar {
    font-size: 0pt;
    width: 25px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

.h1 
{
	font-size:x-small;
}

.name
{
  font-size: xx-large;
  color: White;
}
a 
{

	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

img 
{
	border: none;
}

h1
{
	font-size: large;
	margin-bottom: 20px;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Gallery Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryCntr {
	position: relative;
	width: 650px;
	background-color:Transparent;
	Color:Black;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.flickrGalleryCntr img {
	border:0pt none;
}

/* - - - - - - - - - - - - - - - - - - - - -
		album containers
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryAlbum {
	width: 30%;
	height: 100%;
	float: left;
	border: 1px solid #0f0f0f;
	padding: 10px;
	margin: 10px;
	border: 5px solid #000000;
}
.flickrGalleryAlbum img {
	float: left;
	padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Images Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImages {
	height: 550px
}
.flickrGalleryImageView {
	padding-top: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.flickrGalleryImageView img {
	display: inline;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Image Navigation buttons
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageMenu {
	width: inherit;
	position: inherit;
	left: 0em;
	background: #000000;
	opacity: .40;
	filter: alpha(opacity=40);
}
.flickrGalleryImageMenuHover {
	opacity: .90;
	filter: alpha(opacity=90);
}

.flickrGalleryImageMenu a {
	color: #ffffff;
	width: 100%;
}
.flickrGalleryImageMenuButtons {
	background-color: #000000;
	color: #ffffff;
}
.flickrGalleryImageMenuButtons a {
	padding: 3px;
	margin: 4px;
	border: 1px solid #000000;
}
.flickrGalleryImageMenuButtons a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border-color: #ffffff;
	color: #ffffff;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Thumbnails images
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageThumbs {
	background: #000000;
	border-bottom: 5px solid #0f0f0f;
	padding: 1em;
}
.flickrGalleryImageThumbs ul {
	list-style: none;
}
.flickrGalleryImageThumbs li {
	float: left;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	display: block;
	height: 50px;
	width: 50px;
	overflow: hidden;
	padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Loading Message Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryLoading {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	/* z-index: 11; */
	width: 85%;
	height: 90%;
	opacity: .90;
	color: #ffffff;
	filter: alpha(opacity=90);
	margin: auto;
	margin-top: 30%;
	font-size: large;
	font-weight: 900;
	display: block;
}

.pics {  
    height:  250px;  
    width:   250px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {   
    background-color: #eee;  
    border: thin solid black;
    top:  0; 
    left: 0 
} 

--------------------------------------------------------------------------------
div.content {
        /* The display of content is enabled by a javascript generated style on the page.
           This is so that the slideshow content won't display unless javascript is enabled. */
        display: none;
        float:right;
        width:695px; 
        text-align:center;
}

div.content a, div.navigation a {
        text-decoration: none;
        color:Black;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
        text-decoration: underline;
}

div.controls {
        margin-top: 5px;
        height: 23px;
}
div.controls a {
        padding: 5px;
}
div.ss-controls {
        float: left;
}
div.nav-controls {
        float:right
}

div.loader {

        background-repeat: no-repeat;
        background-position: center;
        width: 200px;
        height: 350px;
        text-align:center;
        
}
div.slideshow {
        clear: both;
        width:500px;
}
div.slideshow span.image-wrapper {
        float: none;
        padding-bottom: 12px;
}
div.slideshow a.advance-link {
        padding: 2px;
        display: block;
        border: 1px solid #ccc;
}
div.slideshow img 
{      float:left;
        border: none;
        display:block;
}
div.download {
        float: right;
}


div.embox {
        clear: both;
        border: 1px solid #ccc;
        background-color: #eee;
        padding: 12px;
        width:500px;
        text-align:left;
}
div.image-title {
        font-weight: bold;
        font-size: 1.4em;
}

div.image-desc {
        line-height: 1.3em;
        padding-top: 12px;
}
div.image-datetaken {
font-size:small;
}
div.image-dateuploaded {
   font-size:small;
}
div.navigation {
        /* The navigation style is set by a javascript generated style on the page.
           This is so that the javascript specific styles won't be applied unless javascript is enabled. */
       width:150px;
}
ul.thumbs {
        clear: both;
        margin: 0;
        padding: 0;
}
ul.thumbs li {
        float: left;
        padding: 0;
        margin: 5px 10px 5px 0;
        list-style: none;
}
a.thumb {
        padding: 2px;
        display: block;
        border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
        background: #000;
}
a.thumb:focus {
        outline: none;
}
ul.thumbs img {
        border: none;
        display: block;
}
div.pagination {
        clear: both;
}
div.navigation div.top {
        margin-bottom: 12px;
        height: 11px;
}
div.navigation div.bottom {
        margin-top: 12px;
}
div.pagination a, div.pagination span.current {
        display: block;
        float: left;
        margin-right: 2px;
        padding: 4px 7px 2px 7px;
        border: 1px solid #ccc;
}
div.pagination a:hover {
        background-color: #eee;
        text-decoration: none;
}
div.pagination span.current {
        font-weight: bold;
        background-color: #000;
        border-color: #000;
        color:#fff;
}

.AlbumTitle
{
  font-size:large;
  font-weight:bold;
}

#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}