/*
JV2 Folder Galler 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.

*/






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


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

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


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

/* Gallery Image thumbnail */
.galleryimage {
	border: 5px solid #444;
	background-color: #777;
	margin-left:15px;
	margin-right:15px;
}
.galleryimage:hover {
	border: 5px solid #999;
}

/* Default Folder Image */
.galleryfolder {
	border: 5px solid transparent;
	background-color: transparent;
	margin-left:15px;
	margin-right:15px;
}
.galleryfolder:hover {
	border: 5px solid #999;
}

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

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

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


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

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

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

/* popup tips div in setup edit */
#tips {
	display: none;
	position: absolute;
	border: 1px solid black;
	background-color: lightblue;
	width: 200px;
	padding: 3px 5px;
}




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

#gallerynav {
	list-style: none;
	margin: 0;

}

#gallerynav a {
	font-weight: bold;
	color: #000;
	background-color:#f9f9f9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
}
#gallerynav li
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gallerynav li a
{
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
padding-top: 4px;
}

#gallerynav a {
	text-decoration: none;
}
#gallerynav a:hover {
	color: #fff;
	background-color:#444;
}

#gallerynav li li a {
	display: block;
	font-weight: normal;
	color: #fff;
	padding: 0.2em 10px;
	background-color:#444;
	text-transform: capitalize;
	letter-spacing: 1px;
	height: 12px;
	line-height: 13px;
}

#gallerynav li li a:hover {
	padding: 0.2em 5px;
}




#gallerynav li {
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
	color: #000;
	background-color: #999;
}


#gallerynav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 180px;
	font-weight: normal;
	color: #000;
	background-color: #444;
	padding: 10px 0 10px 0;
	z-index:500;
}

#gallerynav li>ul {
	top: auto;
	left: auto;
}

#gallerynav li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

#gallerynav li:hover ul, li.over ul {
	display: block;
}