.cat_header /* this is the header when displaying photos in a category */
{
	font-family: Arial;
    border: 0px solid black; 
	background-color: #DDFFDD;
}
.item_header /* this is the header when a single photo is displayed */
{
	font-family: Arial;
    border: 0px solid black; 
	background-color: #DDDDDD;
}
table.side_menu th  /* this is a table heading for the side text menu */
{
	border-collapse: collapse;
	border: 1px solid black; 
	background-color: #CCCCCC; 
}
table.side_menu td  /* td cell for side menu */
{
	border: 0px solid black;
	padding: 2px 2px 2px 10px;
}

table.side_menu a:link,  /* the links for the side menu */
table.side_menu a:visited,
table.side_menu a:active
{
	color: #0000FF;
	background-color: #FFDDAA;
	margin-left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #CCBBAA;
}
table.side_menu a:hover  /* the hover links for the side menu */
{
	color: #AA00FF;
	background-color: #FFDDAA;
	margin-left: -10px;
	margin-right: 10px;
	width: 100%;
	height: 100%;
	border: 1px solid #AA9988;
}

.cat_table th /* table header for category table */
{
	border-collapse: collapse;
	border: 1px solid black; 
	background-color: #CCCCCC; 
}
.cat_table td /* td cell for the category table. Makes the album thumbnails aligned at top */
{
	padding: 10px;
	vertical-align: top;
}
.cat_table a:link, /* this effects the text links (titles) for the categories (albums) */
.cat_table a:visited,
.cat_table a:active
{
	color: #0000FF;
}
.cat_table a:hover /* this is the hover text links */
{
	color: #AA00FF;
}
.cat_table img /* this is the category thumbnails */
{
	border: 4px solid white;
}
.cat_table a:hover img /* this is hovering over the category thumbnails */
{
	border: 4px groove blue;
}

.item_table td /* td cells for items table. Makes them align in middle with set width */
{
	padding: 10px;
	vertical-align: middle;
	width: 200px;
}
.item_table a:link, /* text links for items table */
.item_table a:visited,
.item_table a:active
{
	color: #0000FF;
}
.item_table a:hover /* hover text links for items table */
{
	color: #AA00FF;
}
.item_table img /* thumbnails style for items table */
{
	border: 4px outset white;
}
.item_table a:hover img /* thumbnails hover style for items table */
{
	border: 4px inset blue;
}

.photo /* style for text and photo when displaying one photo */
{
	font-family: Comic Sans MS;
	/* text-align: center; */
}
.photo img /* style for image when displaying one photo */
{
	border: 1px solid #555555;
}
.thumbnails /* this is a border around all the thumbnails for duplicate titles */
{
	border: 4px outset blue;
}
.thumbnails img /* this is a border around the individual thumbnails for duplicate titles */
{
	border: 3px groove green;
}
.thumbnails a:hover img /* this is a hover link border around the individual thumbnail */
{
	border: 3px solid #AA00FF;
}
.photo_table input.next_btn /* button for next photo */
{
	border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #CFDFDF;
	padding: 3px 7px 3px 7px;
	filter:progid:DXImageTransform.Microsoft.Gradient  
	(GradientType=1,StartColorStr='#DDFFFF',EndColorStr='#99AAAA'); 
	cursor: pointer; 
	/* To use an image for the next button then comment everything above this line */
	/* and uncomment everything below this line: */
	/*cursor: pointer;
	background: transparent url(next.gif) no-repeat center top;
	padding: 25px 0px 0px 0px;
	overflow: hidden;
	border: 0px;
	width: 50px;
	height: 25px;
	margin: 0px; */
}
.photo_table a:hover input.next_btn /* next photo button hover */
{
	border-color: #777777 #777777 #111111 #111111;	
	border-style: solid;
	border-width: 2px;
	background-color: #C5D5D5;
	filter:progid:DXImageTransform.Microsoft.Gradient   
	(GradientType=1,StartColorStr='#DDFFFF',EndColorStr='#889999'); 
	/* To use an image for the next button hover then comment everything above this line */
	/* and uncomment everything below this line: */
	/* background: transparent url(next2.gif) no-repeat center top; */ 
}
.photo_table input.prev_btn /* button for previous photo */
{
	border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #CFDFDF;
	padding: 3px 7px 3px 7px;
	filter:progid:DXImageTransform.Microsoft.Gradient   
	(GradientType=1,StartColorStr='#99AAAA',EndColorStr='#DDFFFF'); 
	cursor: pointer;
	/* To use an image for the prev button then comment everything above this line */
	/* and uncomment everything below this line: */
	/* cursor: pointer;
	background: transparent url(prev.gif) no-repeat center top;
	padding: 25px 0px 0px 0px;
	overflow: hidden;
	border: 0px;
	width: 50px;
	height: 25px;
	margin: 0px; */
}
.photo_table a:hover input.prev_btn /* previous photo button hover */
{
	border-color: #777777 #777777 #111111 #111111;	
	border-style: solid;
	border-width: 2px;
	background-color: #C5D5D5;
	filter:progid:DXImageTransform.Microsoft.Gradient   
	(GradientType=1,StartColorStr='#889999',EndColorStr='#DDFFFF'); 
	/* To use an image for the prev button hover then comment everything above this line */
	/* and uncomment everything below this line: */
	/* background: transparent url(prev2.gif) no-repeat center top; */
}
.win_div /* admin menus (CTRL-ALT-L) */
{
    background-color: #FFFFAA; 
    /* border: 2px solid brown; */ 
    color: #0000FF;
}
.win_div th /* Header for admin menus */
{
	border: 1px solid black; 
	background-color: #CCCCCC;    
}
.win_div input.submit /* admin menus submit or 'OK' buttons */
{
    border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #CFDFDF;
	padding: 3px 7px 3px 7px;
	filter:progid:DXImageTransform.Microsoft.Gradient  
	(GradientType=1,StartColorStr='#DDFFFF',EndColorStr='#99AAAA'); 
	cursor: pointer;        
}
.win_div a:hover input.submit /* admin menus submit or 'OK' buttons hover */
{
    border-color: #333333 #333333 #AAAAAA #AAAAAA;
	background-color: #DFDFDF;       
}
.win_div input.cancel /* admin menus cancel buttons */
{
    border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #FFDDDD;
	padding: 3px 7px 3px 7px;
	filter:progid:DXImageTransform.Microsoft.Gradient  
	(GradientType=1,StartColorStr='#FFDDDD',EndColorStr='#AA9999'); 
	cursor: pointer;        
}
.win_div a:hover input.cancel /* admin menus submit or 'OK' buttons hover */
{
    border-color: #333333 #333333 #AAAAAA #AAAAAA;
	background-color: #EECCCC;       
}
.win_div input.button /* all other buttons in admin menus */
{
    border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #AAAAFF;
	padding: 3px 7px 3px 7px;

}
input.button /* other admin buttons on main window (edit category, edit photo, upload) */
{
    border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #AAAAFF;
	padding: 3px 7px 3px 7px;

}
input.logout /* admin menu logout button */
{
    border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #CFDFDF;
	padding: 3px 7px 3px 7px;
}
input.settings /* admin menu settings button */
{
    border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #CFDFDF;
	padding: 3px 7px 3px 7px;
}
input.mkdir /* admin menu Make Category button */
{
    border-color: #AAAAAA #AAAAAA #333333 #333333;
	border-style: solid;
	border-width: 2px;
	background-color: #CFDFDF;
	padding: 3px 7px 3px 7px;
}