/*
JV2 Folder Gallery Styles

If you change the theme, and would like to share them....
please contact me through the website.
You might have your theme included in the next release.

*/



/* body style - delete this if using as include and conficting with existing css */
body {
	margin: 10px;
	background-color: #383838;
}

/* remove dotted lines from links */
a:focus {outline: 0px dotted;}

/* Gallery Title */
.gallerytitle {
	color: #cccccc;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}

/* Breadcrumbs links */
.gallerymenu {
	color: #aaaaaa;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.gallerymenu A:link {COLOR: #aaaaaa; text-decoration: underline}
.gallerymenu A:visited {COLOR: #aaaaaa; text-decoration: underline}
.gallerymenu A:active {COLOR: #aaaaaa; text-decoration: underline}
.gallerymenu A:hover {COLOR: #eeeeee; text-decoration: none}


/* HR below breadcrumbs */
hr {
	border:0;
	color: #777777;
	background-color: #777777;
	height: 1px;
}


/* Image (and folder) Title */
.imagetitle {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

.view_download {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px; 
}
.view_download A:link {COLOR: #888888; text-decoration: none}
.view_download A:visited {COLOR: #888888; text-decoration: none}
.view_download A:active {COLOR: #888888; text-decoration: none}
.view_download A:hover {COLOR: #888888; text-decoration: underline}

.folder_description {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px; 
}

.table_cell_folder {
	background-color:#898989;
	border: 2px solid #222222;
	height:100%;
	margin: 0px 5px;
	padding: 10px;
}

.table_cell_img {
	background-color:#898989;
	border: 2px solid #222222;
	height:100%;
	margin: 0px 5px; 
	padding: 10px;
}

.table_cell {
	padding-bottom: 8px;
}

.large_img_view {
	background-color:#898989;
	border: 2px solid #222222;
	padding: 10px;
}

/* FILE LIST VIEW */
.filetitle {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight:bold;
}
.filelist {
	color: #888888;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px; 
}
.filelist A:link {COLOR: #888888; text-decoration: none}
.filelist A:visited {COLOR: #888888; text-decoration: none}
.filelist A:active {COLOR: #888888; text-decoration: none}
.filelist A:hover {COLOR: #888888; text-decoration: underline}

/* Gallery Image thumbnail */
.galleryimage {
	margin-bottom:4px;
}
.galleryimage:hover {

}

/* Default Folder Image */
.galleryfolder {
	margin-bottom:4px;
}
.galleryfolder:hover {

}

/* Page Links */
.gallerypagelinks {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
      	color: #000000;
      	text-align: center;
      	margin-top:20px;
}

.gallerypagelinks A:link {COLOR: #aaaaaa; text-decoration: underline}
.gallerypagelinks A:visited {COLOR: #aaaaaa; text-decoration: underline}
.gallerypagelinks A:active {COLOR: #aaaaaa; text-decoration: underline}
.gallerypagelinks A:hover {COLOR: #ffffff; text-decoration: none}

.slideshowlink {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
      	color: #000000;
      	text-align: center;
      	margin-top:5px;
}

.slideshowlink A:link {COLOR: #aaaaaa; text-decoration: underline}
.slideshowlink A:visited {COLOR: #aaaaaa; text-decoration: underline}
.slideshowlink A:active {COLOR: #aaaaaa; text-decoration: underline}
.slideshowlink A:hover {COLOR: #ffffff; text-decoration: none}


/* Links in large img view mode */
.navlink {
	color: #888888;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display:block;
	padding:3px 6px;
	margin:0px 12px 0px 0px;
	border:1px solid #888888;
	float:left;
}
.navlink:link {COLOR: #888888; text-decoration: none}
.navlink:visited {COLOR: #888888; text-decoration: none}
.navlink:active {COLOR: #888888; text-decoration: none}
.navlink:hover {COLOR: #dddddd; text-decoration: none}

/* Links for admin */
.galleryadminlinks {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
      color: #aaaaaa;
      text-align: center;
      border: 1px solid #aaaaaa;
      margin: 15px auto;
      padding: 15px;
      width: 250px;
}

.galleryadminlinks A:link {COLOR: #aaaaaa; text-decoration: underline}
.galleryadminlinks A:visited {COLOR: #aaaaaa; text-decoration: underline}
.galleryadminlinks A:active {COLOR: #aaaaaa; text-decoration: underline}
.galleryadminlinks A:hover {COLOR: #ffffff; text-decoration: none}

/* powered by */
.credit {
	text-align:right;
	margin-top:20px;
	margin-bottom:2px;
	color: #888888;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
.credit A:link {COLOR: #888888; text-decoration: underline}
.credit A:visited {COLOR: #888888; text-decoration: underline}
.credit A:active {COLOR: #888888; text-decoration: underline}
.credit A:hover {COLOR: #ffffff; text-decoration: none}

/* popup tips */
.tips {
	font-family: Verdana;
	font-size: 8pt;
	display: none;
	position: absolute;
	border: 1px solid #000000;
	background-color: #787878;
	color: white;
	width: 200px;
}
.tips p
{
	padding: 5px;
	margin: 0px;
}
.tips h1
{
	font-size: 8pt;
	color: #000000;
	background-color: #cccccc;
	padding: 2px;
	margin: 0px;
	margin-bottom: 2px;
	text-align: center;
}
.tips img
{
	float: left;
	margin: 0px;
	padding: 5px;
	padding-right: 8px;
}

.comments {
  color: #ffffff;
  font-family: Verdana;
  font-size: 12px;
  width:500px;
  padding-top:5px;
}


.exif {
	margin-top:20px;
	margin-right:20px;
	color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}


/*////// GALLERY MENU //////*/

#menu{
z-index:2;
width:150px;
padding-bottom:12em; /* To allow room for bottom dropdown */
padding-right:20px;
}

#menu a {
font:normal 12px verdana,helvetica,sans-serif;
display:block;
width:142px;
border:1px solid #696969;
margin:0px 0px 2px 0px;
padding:3px;
color:#888888;
background-color:#383838;
text-decoration:none;
}

#menu a:hover{
color:#ffffff;
background-color:#555555;
}

#menu ul ul a {
border:0px;
margin:0px
}

#menu a:active{
color:#888888;
background-color:#383838;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menu ul ul {
border:1px solid #696969;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul ul ul ul,
div#menu ul ul ul ul ul,
div#menu ul ul ul ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul li:hover ul ul ul ul,
div#menu ul li:hover ul ul ul ul ul,
div#menu ul li:hover ul ul ul ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#eee url(gallery/css/sub.gif) no-repeat bottom right;
}

#menu a.x:hover{
color:#ffffff;
background-color:#383838;
}

#menu a.x:active{
color:#ffffff;
background-color:#383838;
}


















.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 5px solid #444444;
    cursor: pointer; /* opera */
	cursor: url(highslide/graphics/zoomout.cur), pointer;
}
.highslide-image-blur {
    cursor: pointer;
    cursor: hand;
}
.highslide-caption {
    display: none;
    
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    border: 5px solid #444444;
    border-top: none;
    padding: 5px;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}