<%

 String bordercolor = "#000000";
 String bgcolor = "#FFFFFF";
 String primarycolor = "#0B0B49";
 String secondarycolor = "#333333"; 
 
%>


/* Style for all bodies. */
body {
  font-size: 10pt;
  background-color: <%= bgcolor %>;
  color: <%= secondarycolor %>;
  margin: 5;
  font-family: Tahoma, Arial, sans-serif;

}

.headerRow
{
  background-color: #999999;
  margin-top: 8;
  margin-bottom: 8;
  margin-left: 20;
}

.titleRow
{
  background-color: #CCCCCC;
}

/* Style for all table cells. */
td {
  font-size: 12px;
}

/* Put a border on all generated images */
.image {
  border:2px outset <%= secondarycolor %>; margin:5;
}


.thumbTable{
  margin: 20;
}

.thumbLabel{
  color: <%= primarycolor %>;
}

.thumbDetails{
  color: <%= secondarycolor %>;
}

.thumbComment{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: <%= primarycolor %>;
  }



/* Align the content of the cells on the index pages to the left and top. */
.indexThumbCell {
  text-align: left;
  vertical-align: top;
}

/* Remove the margin under the images on the index pages. */
#index .image {
  margin-left: 2;
  margin-right: 2;
  margin-bottom: 0;
}

/* Don't have margins on the slide pages. */
body#slide {
  margin: 0;
}

/* Highlight the image name on the slide pages. */
#slide .name {
  font-weight: bold;
  font-size: 14px;
}


/* Custom link styles */
a:active {
  text-decoration: underline;
  color: <%= primarycolor %>
}

a:visited {
  text-decoration: underline;
  color: <%= primarycolor %>
}

a:hover {
  text-decoration: underline;
  color: <%= primarycolor %>
}

a:link {
  text-decoration: underline;
  color: <%= secondarycolor %>
}

#imageinfo {
  visibility: hidden;
}

.navImg {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: <%= bordercolor %>;
  border-right-color: <%= bordercolor %>;
  border-bottom-color: <%= bordercolor %>;
  border-left-color: <%= bordercolor %>;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
}

.smallText
{
  font-size: 10px;
}


.comments {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10pt;
  color: <%= primarycolor %>;
}

.tdNav {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: <%= primarycolor %>;
  border-right-color: <%= primarycolor %>;
  border-bottom-color: <%= primarycolor %>;
  border-left-color: <%= primarycolor %>;
}
.mainImage {
  border-top-width: <%= bordercolor %>;
  border-right-width: <%= bordercolor %>;
  border-bottom-width: <%= bordercolor %>;
  border-left-width: <%= bordercolor %>;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: <%= bordercolor %>;
  border-right-color: <%= bordercolor %>;
  border-bottom-color: <%= bordercolor %>;
  border-left-color: <%= bordercolor %>;
}
.indexTitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: <%= primarycolor %>;
}

.subtitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: <%= secondarycolor %>;
  margin-top: 4;
  margin-bottom: 8;
}

.pageNavCell {
  font-family: Tahoma, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
}
.darkText {
  color: <%= primarycolor %>;
}
.pageNumLink {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: <%= secondarycolor %>;
  text-decoration: underline;
}
.currentPageNum {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bolder;
  color: <%= primarycolor %>;
}


