/*
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.

*/



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



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


/* Breadcrumbs links */
.gallerymenu {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

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

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


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

/* Gallery Image thumbnail */
.galleryimage {
	border: 1px solid #3CB371;
	background-color: transparent;
	margin-left:10px;
	margin-right:10px;
}
.galleryimage:hover {
	border: 1px solid #999;
}

/* Default Folder Image */
.galleryfolder {
	border: 1px solid green;
	background-color: transparent;
	margin-left:10px;
	margin-right:10px;
}
.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: Green;
	text-decoration: none
}
.navlink:visited {
	COLOR: Green;
	text-decoration: none
}
.navlink:active {
	COLOR: Gray;
	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;
}

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




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

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

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

#gallerynav a {
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt
}
#gallerynav a:hover {
	color: #fff;
	background-color: #20B2AA;
}

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

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




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


li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 180px;
	font-weight: normal;
	color: #000;
	background-color: #FFFFFF;
	padding: 4px 0 4px 0;
	z-index:500;
	border: solid 1px green
}

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

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

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

.pagetitle  {
	text-decoration: none; 
	color=#FFFFFF; 
	background-color: #008000; 
	font-family: arial,verdana; 
	font-size: 12pt; 
	font-weight: bold; 
	align=center; 
	border-color:#FFCC00; 
	border-style:ridge; 
	border-width:2 }