/*
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: #f9f9f9;
}

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

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


/* Breadcrumbs links */
.gallerymenu {
	color: #ffffff;
	font-family: Times New Roman;
	font-size: 11px;
	float:right;
}
.gallerymenu A:link {COLOR: #ffffff; text-decoration: none}
.gallerymenu A:visited {COLOR: #ffffff; text-decoration: none}
.gallerymenu A:active {COLOR: #ffffff; text-decoration: none}
.gallerymenu A:hover {COLOR: #ffffff; text-decoration: none}

.centro {
top:50%; 
left:50%;
}

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


/* Image (and folder) Title */
.imagetitle {
	color: #ffffff;
	font-family:Times New Roman;
	font-size: 11px; 
}

.view_download {
	color: #ffffff;
	font-family: Times New Roman;
	font-size: 11px; 
}
.view_download A:link {COLOR: #000000; text-decoration: none}
.view_download A:visited {COLOR: #000000; text-decoration: none}
.view_download A:active {COLOR: #000000; text-decoration: none}
.view_download A:hover {COLOR: #000000; text-decoration: underline}


.folder_description {
	color: #000;
	font-family: Times New Roman;
	font-size: 10px; 
	padding: 0px 8px;
	display:block;
	width: 160px;
}

.table_cell_folder {

}

.table_cell_img {

}

.table_cell {
	padding-bottom: 8px;
}



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

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

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

/* Page Links */
.gallerypagelinks {
	font-family: Times New Roman;
	font-size: 12px;
      	color: #ffffff;
      	text-align: center;
      	margin-top:20px;
		padding-right:5px;
        padding-left:5px;
		padding-bottom:20px;
}

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

.slideshowlink {
	font-family: Times New Roman;
	font-size: 10px;
      	color: #ffffff;
      	text-align: center;
      	margin-top:5px;
}

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


/* Links in large img view mode */
.navlink {
	color: #ffffff;
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
	display:block;
	float:rigt;
}
.navlink:link {COLOR: #fffffff; text-decoration: none}
.navlink:visited {COLOR: #fffffff; text-decoration: none}
.navlink:active {COLOR: #ffffff; text-decoration: none}
.navlink:hover {COLOR: #fffffff; text-decoration: none}


/* Links for admin */
.galleryadminlinks {
	font-family: Times New Roman;
	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 */
.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: #696969;
  font-family: Verdana;
  font-size: 12px;
  width:500px;
  padding-top:5px;
}


.exif {
	margin-top:20px;
	margin-right:20px;
	color: #444;
	
	font-size: 10px;
}

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


#menu{
width:100%;
}

#menu a {
font-family:Times New Roman, Times, serif;
font-size:1px;
color: #ffffff;
 
}


#menu a{
font-family:Times New Roman, Times, serif;
font-size:13px;
color: #ffffff;
padding-right:5px;
padding-left:5px;
text-decoration: none;
right:100%;


}

#menu a, #menu a:visited{
color:#ffffff;
}

#menu a:hover{
color:#CC0000;
}

#menu a:active{
color:#ffffff;
}

#menu ul{
list-style:none;
margin:0;
padding:0;

}

#menu li{
position:relative;
padding-right:2px;
}

#menu ul ul li{
position:relative;
float:none;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:10;
right:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover{
cursor:pointer;
z-index:100;
}

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 of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}