﻿body
{ 
	font-size: 8pt; 
	color: white; 
	font-family: verdana; 
	background-color: #6699cc 
}
td
{
	font-size: 8pt;
}

a { color: white; }	
a:visited { color: cornsilk; }

input[type=text], select, textarea 
{ 
   font-size: 8pt; 
   font-family: verdana 
}
input[type=button], input[type=submit]
{
	height: 25px;
}
hr  
{
	border-right: 1px; border-top: 1px; 
	background: navy; 
	border-left: 1px; 
	color: navy; 
	border-bottom: 1px; 
	height: 1px 
}
.menulink { padding-right: 2px; padding-left: 2px; font-size: 8pt; padding-bottom: 2px; color: white; padding-top: 2px; height: 10px; text-align: left; text-decoration: none }
.menulink:hover { background: white; color: navy; text-decoration: none }
.menulink:visited { color: beige }
.menulink:hover { background: silver; color: darkblue; text-decoration: none }	
.errordisplay 
{
    font-size: 10pt;
    font-weight: normal;
    color: darkred;
    border:solid 2px darkred;
    background-color:cornsilk;
    padding-left:15pt;
    padding-right:10pt;
    line-height: 15pt;
}
.errordisplay a
{
	color: Navy;
}

#titleContainer
{    	
	background: #0F2859 url(images/vertgradient40.gif);
	background-repeat: repeat-x;
	padding: 10px;
	display: block;
}
#lblTitle
{ 
	font-size:xx-large; 
	color: white; 
	font-family: arial black; 	
	display: block;
	min-height: 25px;
}
#lblDescription
{
	margin: 10px;
	display: block;
	min-height: 10px;
}
#ErrorDisplay
{ 
	margin: 10px; 
}
#divMenuContainer
{
	background: #00309c url(images/vertgradient.gif);
	background-repeat: repeat-x;
	height: 15px;
	padding: 8px;	
	margin-bottom: 10px;
}
#divMenuLinks
{
	float: right;
}
#divMenuLinks a
{
	padding: 4px;	
	text-decoration: none;
}
#divMenuLinks a:hover
{	
	background: url(images/menuhighlight.png);
	color: Navy;
}
#divAdminLinks
{		
}
.statusbar
{
	position: fixed;
	bottom: 5px;
	left: 0px;
	right: 0px;
	height: 16px;	
	padding: 5px;
	
	background: black;
	color: white;	
	border: solid 1px lightgray;
	
	opacity: .70;	
	filter: alpha(opacity="70");
	z-index: 200;

	overflow: hidden;
	overflow-y: auto; 
}
.statusbarhighlight
{
	font-weight: bold;
	background-color: khaki;
	color: Maroon;
	border: solid 1px silver;
}
.statusbarerror
{
	font-weight: bold;
	background-color: lightred;
	color: white;
}
.statusbarclose
{
	position: absolute;
	right: 10px; 
	top: 2px;
	color:red;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
}
#divPhotoList
{
	margin: 0px auto 0px auto;
	width: 800px;			
	padding: 20px 10px 20px 50px;		
}
#ulThumbnailList
{
	padding: 0px;	
	margin: 0px;	
}	
.photolistitem
{
	position: relative;
	display: block;
	float: left;	
	list-style-type: none;
    height: 220px;	
    width: 170px;	
	padding: 10px;
	border: solid 1px khaki;
	margin: 12px;
	background: steelblue;
	text-align: center;
}
/* container around image inside of photolistitem*/
.photolistitem div:first-child
{		
	height: 165px;
	margin-bottom: 3px;	
}
/* div that contains the caption */
.photolistitem div[id$=Notes]
{
	height: 50px;
	overflow-y: auto;
	overflow-x: hidden;	
}
#ImageDisplayPanel
{
    border: solid 6px White;
    background:black;
    color:white;
    position:absolute;
    z-index:100;
    display:none;
}
#OpaqueOverlay
{	
	background-color: black;	
}
#imgProgress
{
	z-index: 2;
	position: absolute;	
	top: -200px;
}
#ImageDisplayContent
{
	background: #455262;
}
#OverlayImageHeader
{
	text-align:right;
	background:white;
	vertical-align:top;
	padding:0px;
}
#closebuttontext
{
	font-family:Arial Black;
	font-size: 12pt;
	font-weight: bold;
	text-decoration:none;
	color:Maroon;
	border: solid 1px transparent;
	padding: 0px 5px 0px 5px;
}
#closebuttontext:hover
{
	color: Red;
	background: url(images/menuhighlight.png);
	border: solid 1px silver;
}
.thumbnailimage 
{ 
	border: solid 2px whitesmoke; 
}    	
.thumbnaillink
{
	display: block;
	margin-bottom: 10px;	
}
.deletethumbnail
{				
	/* PhotoListItem  is relative so relative to it */
	position: absolute;
	top: 1px;
	right: 3px;	
	xfloat: right;
	background: black;
	color: Red;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
	opacity: 0.60;
	filter: alpha(opacity="60");
	display: none;
	margin-top: 3px;
	width:25px;			
	cursor: pointer;	
}
.deletethumbnail:hover
{
	opacity: 0.90;
	filter: alpha(opacity="90");	
}
.captionedit
{
	 overflow-x: hidden;
	 overflow-y: scroll;	 
	 background-color: lightblue;
	 border: solid 1px white;
}
/* REQUIRED Style - or IE fails to click on empty captions  */
.captiondisplay
{
	background-color: steelblue;
	xborder: solid 1px silver;
}
#AdminDialog
{
	background: white;
	color: Black;
	border: solid 2px navy;
}
#AdminDialogContent
{
	padding: 20px;
}
#AdminDialogContent table tr td:first-child
{
	width: 120px;
	text-align: right;	
}
.admininputlong
{
	width: 400px;
}
.adminfield
{
	
}
.dialog
{
	border: solid 2px navy;	
}
.dialogheader
{
	background: navy;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;	
}
#divSlideShow
{
	border: solid 15px white;
	background: black;	
}
#divSidebarToolbox
{
	padding: 8px;
	text-align: center;
	font-family: Arial Black;
	font-weight: bold;
}
#divSidebarToolbox a
{
	text-decoration: none;
	width: 100px;
}
#divSidebarToolbox img:hover
{
	background: green;
}
