/* CSS Document */
#showbox {
		z-index:99; 
		display:none; 
		overflow:hidden; 
		padding:10px;
		position: fixed;
		top: 100px;
		left 50px;
		}
		
#categories {
		padding-bottom:5px;
		z-index:1; 
		display:block;
		padding:8px;
		position: absolute;
		top: 50px;
		left: 30px;
		width:160px;
	}
	
li {
	font-weight: bold;
	padding: 7px;
	list-style:square inside;
	text-align: left;
	background-image: linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 90%); /* IE 10 */ 
	background-image: -moz-linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 90%);
	background-image: -webkit-linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 90%);
	background-image: -o-linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 90%);
	background-image: -ms-linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 90%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColor='#336699', StartColorStr='#336699', EndColor='#0066CC',    EndColorStr='#0066CC', GradientType='0');
		}	

ul {
	margin-top: 6px;
		}
	
div.pics {  
	  float:left; 
	  width:100%; 
	  height:1450px;
	  overflow: scroll;
	  scrollbar-3dlight-color: #ffffff;
	  scrollbar-arrow-color: #9999FF;
      scrollbar-darkshadow-color: #FFFFFF;
	  scrollbar-face-color: #000033;
	  scrollbar-highlight-color: #000000;
	  scrollbar-shadow-color: #cccccc;
	  scrollbar-track-color: #9999FF; 
	  margin-top:0px;
	  margin-left:0px;
     border-left:solid 1px #000033;
	 padding:10px;
	background-image: linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 60%); /* IE 10 */ 
	background-image: -moz-linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 60%);
	background-image: -webkit-linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 60%);
	background-image: -o-linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 60%);
	background-image: -ms-linear-gradient(270deg, #ffffff 0%, #7AA4EF 20%, #445FB9 60%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColor='#7AA4EF', StartColorStr='#7AA4EF', EndColor='#445FB9', EndColorStr='#445FB9', GradientType='0');
		}
	
.top  {
	background-color:#000000; 
	width:100%; 
	height: 50px;
	text-align:left; 
	padding-top:1px;
	margin-top: 0px;
    margin-left:0px;
	background-image: linear-gradient(90deg, #ffffff 0%, #7AA4EF 50%, #445FB9 70%); /* IE 10 */ 
	background-image: -moz-linear-gradient(90deg, #ffffff 0%, #7AA4EF 50%, #445FB9 70%);
	background-image: -webkit-linear-gradient(90deg, #ffffff 0%, #7AA4EF 50%, #445FB9 70%);
	background-image: -o-linear-gradient(90deg, #ffffff 0%, #7AA4EF 50%, #445FB9 70%);
	background-image: -ms-linear-gradient(90deg, #ffffff 0%, #7AA4EF 50%, #445FB9 70%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColor='#336699', StartColorStr='#336699', EndColor='#0066CC', EndColorStr='#0066CC', GradientType='0');
		}

#preload {
		 position:absolute; 
		 width:100%; 
		 text-align:center; 
		 top:18px; 
		 left:400px;
		 }
/*  		 
div.pics {  
	  float:left; 
	  width:860px;
	  height:800px;
	  overflow: scroll;
	  scrollbar-3dlight-color: #ffffff;
	  scrollbar-arrow-color: #9999FF;
      scrollbar-darkshadow-color: #FFFFFF;
	  scrollbar-face-color: #000033;
	  scrollbar-highlight-color: #000000;
	  scrollbar-shadow-color: #cccccc;
	  scrollbar-track-color: #9999FF; 
	  margin-top:6px;
	  margin-left:50px;
     border-left:solid 1px #000033;
	 padding-right:15px;
	 padding-left: 15px;
	 	  }
*/	
 h4.x {
 	float:left;
	text-decoration:none; 
	padding:2px 5px;
	margin-left:10px; 
	font-size:11px; 
	text-align:center; 
	background-color:#ffffff; 
	color: #000000;
	}

#Hprnt {
		border: solid 10px #cccccc;
		}
		
h4 {
 	float:left;
	margin:0px 10px; 
	font-size:15px; 
	text-align:center; 
	color: #cccccc;
	}
h3.title {
	 padding:5px 10px; 
	 margin:0px; 
	 font-stretch:extra-expanded; 
	 letter-spacing: 3px;
	 font-variant:small-caps;
	 margin-right:300px;
	  }

#global {
     position: relative; /* not used */ 
     margin-left: auto;
     margin-right: auto;
	 margin-top:0px;
	 width: 100%;
	 height:100%;
	 text-align:left;
	 	      }	

body {
   background-color:#666666;
   color: #f5f5f5;
   margin:0px;
   height:100%;
   width:100%;
   border:solid 0px #000033;
   background-image: linear-gradient(270deg, #cccccc 0%, #ffffff 30%); /* IE 10 */ 
	background-image: -moz-linear-gradient(270deg, #cccccc 0%, #ffffff 30%);
	background-image: -webkit-linear-gradient(270deg, #cccccc 0%, #ffffff 30%);
	background-image: -o-linear-gradient(270deg, #cccccc 0%, #ffffff 30%);
	background-image: -ms-linear-gradient(270deg, #cccccc 0%, #ffffff 30%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColor='#cccccc', StartColorStr='#cccccc', EndColor='#ffffff',    EndColorStr='#ffffff', GradientType='0');

	}
table {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	background-color: #000000;
		}

h5{color: #000000}

a:active {
	color: #c0c0c0
	}
a:visited {
			color:#cccccc;
			text-decoration:none;
			}
a:link {
		color:#CCCCFF;
		text-decoration:none
		}
a:hover {
		color: #ffffff;
		}	
A:link IMG { 
		border: 3px solid white;
		 } 
A:visited IMG { 
		border: 3px solid aliceblue;
		 } 
A:active IMG { 
		border: 3px solid black;
		 }
a:link.change { 
      color: #000000;
      text-decoration: none;
	  background-color: #ffffff;
	  	}
		
a:visited.change {
	color:#FFFF00;
	}
			
img { 
		border: 3px solid white;
	 }
		 
img:hover {
	filter: grayscale(100%) invert(100%);
	-webkit-filter: grayscale(100%) invert(100%);
	-moz-filter: grayscale(100%) invert(100%);
	-ms-filter: grayscale(100%) invert(100%);
	-o-filter: grayscale(100%) invert(100%);
	}		  
		 
input.capField {
	font-size: 14px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color:#CCCCCC;
	background-color:#000000;
	padding: 2px;
	border: solid 1px #666666;
	width:99%;
	text-align:center;
	margin-top:7px;
	}
	
input.capFieldV {
	font-size: 14px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color:#CCCCCC;
	background-color:#000000;
	padding: 2px;
	border: solid 1px #666666;
	width:99%;
	text-align:center;
	margin-top:7px;
	}		 
	
.sepia{ -webkit-filter: sepia(1);
-webkit-filter: sepia(100%); -moz-filter: sepia(100%);
-ms-filter: sepia(100%); -o-filter: sepia(100%);
filter: url(sepia.svg#old-timey);
filter: sepia(100%);
background-color: #5E2612;
filter: alpha(opacity = 50);
zoom:1;
}	