body
{
	margin:0;
	padding:0;
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
}

td { font-size:10pt; font-family:Arial, Helvetica, sans-serif; }

h1, h2, h3 {
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-weight:normal; }

.leftPanel h2 {
font-size:1.5em;
xfont-weight:bold;
color:#a52a2a; /* brown */
margin-top:0px; }

/* main layout */

.panelContainer { width:760px; }
.rightPanel {
	vertical-align:top;
	padding:7px 15px 15px 20px; 
	}
.leftPanel {
	border-right:1px solid gray;
	padding:9px;
	background-color:#f0f0f0;
	width:200px;
	vertical-align:top; }

.pageTitle {
float:right;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-weight:bold; 
padding-right:15px; }

/* shadows */
div.withshadow
{
background:url(images/shadow.gif) no-repeat bottom right;
}
div.withshadow div
{
background:url(images/whitshad.png) no-repeat left top !important;
background:url(images/whitshad.gif) no-repeat left top;
padding:0 12px 12px 0;
}
div.withshadow img
{
background-color:#fff;
border:1px solid #aaa;
padding:2px;
}

/* footer */

#footer	{ width:760px; background-color: black; }
#footer table tr td {
	color:white;
	font-size:0.7em;
	font-family:Tahoma, Arial, Helvetica, sans-serif; }
	
#footer .links { color:#999; }
#footer a { color:#fff; font-weight:bold; }
#footer .copyright { text-align:right; }
	
/* navigation */

#navigation
{
float:left;
width:760px;
margin-top:0px;
background-color:#174;
border-bottom:1px solid #333;
}

#navigation ul { margin:0; padding:0; list-style-type:none; float:left; width: 370px; }
#navigation ul li { display:inline; float:left; }
#navigation ul li a
{
font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
color:#ffe;
padding:3px 1.5em;
display: block;
border-right:1px solid #999;
font-size:0.8em;
float:left;
}
#navigation ul li a:hover
{
background-color:#600;
color:#ff9;
text-decoration:none;
}

/* photo collection view tooltip */

.helparea
{
position:relative;
text-align:left;
padding:7px;
background-color:#ffc;
border:1px solid #d2b48c; /* tan */
margin-top:5px;
margin-bottom:10px;
}

.helparea .content {
font-size:0.85em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
margin-left:48px; }

.helparea .icon {
position:absolute; 
width:36px;
height:35px;
background-image:url(images/help-ico.gif); }

/* photo details */
table.photodetails
{
margin-bottom:1em;
background-color:white;
width:100%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
border:1px solid #999;
border-width:1px 0;
}

table.photodetails th
{
text-align:left;
font-size:0.7em;
background-color:#ccc;
padding:2px 5px;
color:black;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
table.photodetails td.data
{
vertical-align:top;
font-size:0.7em;
padding:5px 5px;
color:black;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
color:maroon;
text-align:left;
padding-right:0;
}
table.photodetails tr.wallpaper
{
background-color:#ffc;
}
table.photodetails tr.wallpaper td
{
border:1px solid tan;
border-width:1px 0;
}

table.photodetails td
{
text-align:right;
padding:5px 5px;
padding-left:0;
font-size:0.85em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
border-bottom:1px solid #eee;
}

/* Files */
table.files
{
margin-top:0.5em;
background-color:white;
width:100%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
border:1px solid #999;
border-width:1px 0;
}
table.files th
{
font-size:0.7em;
background-color:#ccc;
padding:2px 5px;
color:black;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
table.files td
{
padding:2px 5px;
font-size:0.85em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
border-bottom:1px solid #eee;
}
table.files .size { text-align:right; }
table.files .file { text-align:left; }

/* press releases */

table.releases { background-color:white; width:100%; }
.releases td.date
{
background-color:#336;
color:white;
font-weight:bold;
padding-left:5px;
font-size:0.7em;
border-top:1px solid #669;
}
.releases td.name {
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
padding:7px; }
.releases td.name a:hover {
border-bottom:1px solid blue;
text-decoration:none; }

/* subtle UI elements */
.version
{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.65em;
color:#ccc;
}
a { color:blue; text-decoration:none; }
a:hover { text-decoration:underline; }
ul.arrows {
	list-style-type:square;
	list-style-image:url(images/right_ar.gif); }
hr { height:1px; color:#ddd; }
html>body hr { border:0px; border-bottom:1px solid #ccc; }

.viewall {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.85em;
margin-top:-10px;
padding:5px;
padding-left:10px; }
.viewall a { text-decoration: underline; }

.small { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:0.85em; }
.attribute { font-family:Arial, Helvetica, sans-serif; font-size:0.85em; color:maroon; }
.collDetails {
	text-align:right;
	display:block;
	font-size:0.7em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#999; 

	padding-right:7px;
	margin-top:0.75em;
	xposition:absolute;
	xright:5px;
	xbottom:5px;
	}
acronym {
	font-weight:bold;
	cursor:help;
	border-bottom:1px dashed gray;
	color:gray; }

.caption {
	display:block;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	text-align:left;
	padding-top:2px;
	color:#666;
}

/* Everything above re-written for v2.21 and newer */
/* Everything below here OLD, but not all super old */

div.pressHeader
{
background-color:lightsteelblue;
border:1px solid steelblue;
font-weight:bold;
padding:5px;
padding-left:10px;
padding-right:10px;
}

.doclinks td
{
font-weight:normal;
border-top:1px solid #eee;
}
.doclinks
{
margin-top:10px;
border-bottom:1px solid #999;
border-top:1px solid #999;
}
.doclinks a { border-bottom:1px dotted blue; position:relative;}
.doclinks a:hover { border-bottom:1px solid blue; text-decoration:none; }

.doclinks td a.img  { border:0; }
.doclinks td a:hover.img  { border:0; }
.doclinks .selected { font-style:italic; }