html {
	height: 100%;
	margin-bottom: 0px;
}

hr {
	clear: both;                                                                                              
	height: 0;
	border: 0;
	border-top: 1px solid #E6E6DF;
	margin: 0 0 12px 0;
	padding: 0;
}

img {
	border: 0;
}

/* Links  --- */
a {
    color: #22b393; 
    text-decoration: none;
}
a:hover {
    color: #22b393;
	text-decoration: none;
}
/* Main Layout
------------------------------ */
body {
	font: 12px Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #fff;
     background: #111111;
	text-align: left;
     margin: 0 0 0 0;
}


#header {
	font: 11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-align: left;
	width: 98%;
	border: none;
	margin: 0 0 0 0;
	padding: 4px 7px;
}

#images {
	padding: 5px 0 0 10px;
}


/* Album Thumbnails
------------------------------ */
.albumthumb {
	float: left;
}

.albumthumb_inner a {
     float: left;
	display: block;
	padding: 2px;
	margin: 2px;
}

.albumthumb_inner a:visited {
	display: block;
	padding: 2px;
	margin: 2px;
}
.albumthumb_inner a:hover {
	display: block;
	padding: 2px;
	margin: 2px;
	background: #aaaaaa;
}

.albumthumb_inner img {
    width: 180px;
    height: 80px;
    z-index: 1;
}

.favoritestitle {
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #888888;
    letter-spacing: 2px; 
    font-variant: small-caps;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 20px;
   
}

.image {
    float: left; 
    z-index: 1;
}

.imagethumbnoborderleft {
    position:absolute; left:1px; bottom:3px; 
    margin: 0px; 
    z-index: 3;
}
.imagethumbnoborderright {
    position:absolute; right:1px; bottom:3px;
    margin: 0px; 
    z-index: 3;
}

.imagethumbnoborderleft a {
	display: block;
	padding: 0px;
	margin: 0px;
    border: 0;
	line-height: 0px;
    z-index: 3;
}

.imagethumbnoborderright a {

	display: block;
	padding: 0px;
	margin: 0px;
    border: 0;
	line-height: 0px;
    z-index: 3;
}


div.thumbsnav {
           z-index: 2;         
           display: block;
           height: 50px;  
           padding-top: 0px; 
           width: 100%; 
           position:absolute; left:0px; bottom:3px; 
}

span.thumbsinfo {
           display: block;
           padding-top: 0px; 
           text-align: right;
           position:absolute; right:1px; bottom:15px; 
           z-index: 3;         
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}



div.captioninfo {
    display: none;
    border-top: 2px solid gray;
    border-left: 2px solid gray;
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
    padding-top: 0px; 
    background: gray; 
    max-width: 35%;
    position:absolute; right:10px; top:40px; 
    font: 11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    z-index: 3;
 
}

.imagethumb a {
	display: block;
	float: left;
	padding: 2px;
	margin: 2px;
	line-height: 0px;
    z-index: 1;
}

.imagethumbactive a {
	display: block;
	padding: 2px;
	margin: 2px;
	background: #888888;
	line-height: 0px;
}
.imagethumb a:visited {
}
.imagethumb a:hover {
    background: #00aaaa;
}

.imagethumb img {
    width: 85px;
    height: 85px;
    z-index: 1;
}

.albumthumbtext {
	padding: 0px;
	margin: 0px;
	text-align: center;
	line-height: 100%;
	display: block;
	width: 190px;
	border: none;
	font: 14px/22px Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #ffffff;
}
.albumthumbtext a {
    color: #cccccc;
	border: none;
     font-weight: bold;
}
.albumthumbtext a:hover {
	color: #0b9577; 
	border: none;
}
.imagethumbnav {
	float: left;
}

.imagethumb {
	float: left;
}
/* Album Thumbnails
------------------------------ */
#albums {
	padding: 0px 0 0px 0;
}

.image {
	margin: 0;
	padding: 0;
	border: 0;
}
#image {
	padding: 0;
	border: 0;
	z-index: 1;
}



td.errmsg {
     background-color: red;
	color: black;
}

#breadcrumbs 
{
	font-family:	Verdana, Arial, sans-serif;
     display: inline-block;     
     margin: 10px;     
     border-radius: 10px;     
     box-shadow:0 0 1px rgba(0,0,0,0.5);
} 

.button 
{     
     display: inline-block;     
     cursor: pointer;     
     margin-right: -3px;     
     box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.25);     
     background-color: #729fcf;     
     background: -moz-linear-gradient(top, #729fcf, #3465a4);     
     background: -o-linear-gradient(top, #729fcf, #3465a4);     
     background: -webkit-gradient(linear, left top, left bottom, from(#729fcf), to(#3465a4)); 
} 

.button:hover 
{     
     background-color: #3465a4;     
     background: -moz-linear-gradient(bottom, #729fcf, #3465a4);     
     background: -o-linear-gradient(bottom, #729fcf, #3465a4);     
     background: -webkit-gradient(linear, left bottom, left top, from(#729fcf), to(#3465a4));     
     box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
} 

.button:first-child 
{
     border-radius: 10px 0 0 10px;
}

.button:last-child 
{
     border-radius: 0 10px 10px 0;
} 


* 
{     
     box-sizing: border-box;     
     -moz-box-sizing: border-box;     
     -webkit-box-sizing: border-box;     
     margin: 0;     
     padding: 0;     
     font-family: sans-serif;     
     font-size: 12px; 
} 

.label 
{     
     text-shadow: 0 1px 1px #729fcf, 0 -1px 1px #3465a4;     
     color: white;     
     height: 30px;     
     padding: 8px;     
     -moz-user-select: none;     
     -webkit-user-select: none;     
     display: inline-block; 
}
.label a 
{     
     color: #dddddd;     
} 

.button:hover .label 
{
     text-shadow: 0 -1px 1px #729fcf, 0 1px 1px #3465a4;
} 

.button:first-child .label 
{
     padding-left: 15px;
}

.button:last-child .label 
{
     padding-right: 15px;
}

.button:last-child .arrow 
{
     display: none;
}

.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 85px;
}

.my-gallery figcaption {
  display: none;
}