/* 
##############################################################################
# Web Site ID: Image Library Archival Database (ILiAD)
# Site Design: George Silberstern, ...by Graf!
# Copyrighted: ©2025, ...by Graf!
# ----------------------------------------------------------------------------
# Module Name: appearance.css
# Description: This stylesheet defines the appearance (except colour scheme) 
#              for the web-site. It customizes the predefined framework styles
#              and defines all site-specific styles.
#
##############################################################################
*/

/*
==============================================================================
= GLOBAL SETTINGS
==============================================================================
*/
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	font-family: Teachers, Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;
}

hr {
	border-style: solid;
	border-width: 1px;
	display: block;
	margin: 40px auto 30px auto;;                                 /* T R B L */
	width: 70%; 
}

html {
}

h1, h2, h3 {
}

h4, h5, h6 {
}

ol, ul{
	list-style-type: square;
}

p, ol, ul {
	padding: 0px 0px 10px 0px;                                    /* T R B L */
}


/* 
==============================================================================
= HTML5 ELEMENTS
==============================================================================
*/
header {
	height: 165px;
	top: 0px;
	width: 100%;
}

copy {
}

footer {
}


/* 
==============================================================================
= FRAMEWORK STYLES
==============================================================================
*/

/*
------------------------------------------------------------------------------
- Button
------------------------------------------------------------------------------
*/
.button {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transition-duration: 0.5s;
}

.button:hover {
	-webkit-transition-duration: 0.5s;
}

/*
------------------------------------------------------------------------------
- Constraint Table
------------------------------------------------------------------------------
*/
.constraint_table {
}

/*
------------------------------------------------------------------------------
- Copyright 
------------------------------------------------------------------------------
*/
.copyright {
}

.copyright p {
	padding: 5px 0px 5px 0px;                                     /* T R B L */
}

/*
------------------------------------------------------------------------------
- Icon Bar 
------------------------------------------------------------------------------
*/
.icon_bar {
}

.icon_bar a {
	cursor: pointer;
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.icon_bar a:hover {
	-webkit-transition-duration: 0.5s;
}

.icon_bar td {
	-webkit-transition-duration: 0.5s;
}

.icon_bar td:hover {
	-webkit-transition-duration: 0.5s;
}

.icon_bar-item {
	height: 30px;
}

#icon_bar-item-button {
	width: 34px;
}

/*
------------------------------------------------------------------------------
- Link Bar 
------------------------------------------------------------------------------
*/
.link_bar {
}

.link_bar a {
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.link_bar a:hover {
	-webkit-transition-duration: 0.5s;
}

.link_bar td {
	-webkit-transition-duration: 0.5s;
}

.link_bar td:hover {
	-webkit-transition-duration: 0.5s;
}

.link_bar-item {
}

#link_bar-item-button {
}

/*
------------------------------------------------------------------------------
- Link Disabled
------------------------------------------------------------------------------
*/
#link_disabled {
	font-weight: bold;
}

/*
------------------------------------------------------------------------------
- Masthead
------------------------------------------------------------------------------
*/
.masthead {
	height: 120px;
	text-align: center;
}

.masthead img {
	left: 10px;
	top: 10px;
}

.masthead-text {
	font-family: 'Rethink Sans', arial, sans-serif;
	font-size: 41px;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: 900;
	top: 5px;
}

#masthead-text-subtext {
	display:block;
	font-family: 'Rethink Sans', arial, sans-serif;
	font-size: 21px;
	font-style: oblique;
	font-variant: small-caps;
}
/*
------------------------------------------------------------------------------
- Menu Bar
------------------------------------------------------------------------------
*/
.menu_bar {
	margin: 12px 0px 10px 0px;                                    /* T R B L */
}

.menu_bar a {
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.menu_bar a:hover {
	-webkit-transition-duration: 0.5s;
}

.menu_bar td {
	-webkit-transition-duration: 0.5s;
}

.menu_bar td:hover {
	-webkit-transition-duration: 0.5s;
}

.menu_bar-item {
}

#menu_bar-item-button {
	border: 2px solid;
}

/*
------------------------------------------------------------------------------
- Page Content  
------------------------------------------------------------------------------
*/
.content {
	font-size: 15px;
	padding: 0px 20px 0px 20px;                                   /* T R B L */
}

.content_subtitle {
	text-align: center;
}

.content_subtitle-text {
	font-family: 'Rethink Sans', arial, sans-serif;
	font-size: 26px;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: 900;
	padding: 25px 5px 5px 5px;                                   /* T R B L */
}

.content_title {
	text-align: center;
}

.content_title-text {
	font-family: 'Rethink Sans', arial, sans-serif;
	font-size: 30px;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: 900;
}

/*
------------------------------------------------------------------------------
- Signature 
------------------------------------------------------------------------------
*/
.signature {
}

.signature a {
}

.signature a:hover {
}

.signature img {
}

/*
------------------------------------------------------------------------------
- Top 
------------------------------------------------------------------------------
*/
.top {
}

#top-icon {
}

#top-text {
}

/*
------------------------------------------------------------------------------
- ToolTip
------------------------------------------------------------------------------
*/
.tooltip {
}

.tooltip:hover #tooltip_text {
	font-family: tahoma, arial, sans-serif;
	text-shadow: none;
}

.tooltip #tooltip_text {
	bottom: 100%;
	left: 50%;
	margin-left: -60px;
	width: 150px;
}

/*
------------------------------------------------------------------------------
- White Space 
------------------------------------------------------------------------------
*/
.white_space {
}


/*
==============================================================================
= AUTHENTICATION MODULE STYLES
==============================================================================
*/

/*
------------------------------------------------------------------------------
- Login Dashboard
------------------------------------------------------------------------------
*/
.auth_dashboard {
	border-style: dotted;
	font-weight: normal;
}

.auth_dashboard-welcome {
}

.auth_dashboard-button {
	font-weight: bold;
}

.auth_dashboard a {
}

.auth_dashboard a:hover {
}

.auth_dashboard-line {
	border-top-style: dotted;
}

#auth_dashboard-button-object {
}

/*
------------------------------------------------------------------------------
- Login Form
------------------------------------------------------------------------------
*/
.auth_login {
}

.auth_login table {
}

.auth_login input[type=text],
.auth_login input[type=email],
.auth_login input[type=password] {
	font-family: Teachers, arial, sans-serif;
}

.auth_login input[type=text]:focus,
.auth_login input[type=email]:focus,
.auth_login input[type=password]:focus {
}

.auth_login input[type=submit] {
}

.auth_login input[type=submit]:hover {
}

.auth_login th {
}


.auth_login td {
}

.auth_login-label {
}

.auth_login-tools {
}

.auth_login-links {
}

.auth_login-links a {
}

#auth_login-table-t {
}

#auth_login-table-b {
}

/*
------------------------------------------------------------------------------
- Authentication Messages
------------------------------------------------------------------------------
*/
.auth_message {
}

.auth_message-success {
}

.auth_message-error {
}

.auth_message-info {
}

/*
------------------------------------------------------------------------------
- Password Strength Indicator
------------------------------------------------------------------------------
*/
.auth_password-strength {
}

.auth_password-strength-weak {
}

.auth_password-strength-medium {
}

.auth_password-strength-strong {
}

.auth_password-match {
}

.auth_password-match-same {
}

.auth_password-match-diff {
}


/* 
==============================================================================
= SITE SPECIFIC STYLES
==============================================================================
*/

/*
------------------------------------------------------------------------------
- Bullet List  
------------------------------------------------------------------------------
*/
.bullet_list {
	list-style: square inside url('../img/bullet_sphere-6x6.gif');
	padding: 0px 0px 5px 0px;                                     /* T R B L */
}

.bullet_list li {
	margin: 0px 20px 0px 20px;                                    /* T R B L */
	text-indent: -12px;
}

.bullet_list strong {
color: #82A6ED;
}

/*
------------------------------------------------------------------------------
-  Catalog Table
------------------------------------------------------------------------------
*/
.catalog_table {
	border-spacing: 0px;
	overflow: hidden;
}

.catalog_table td {
	padding: 0px 4px 0px 4px;                                     /* T R B L */
}

.catalog_table th {
}

.catalog_table-gap {
	width: 20px;
}

.catalog_table-header-l {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.catalog_table-header-r {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.catalog_table-header-m {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-left-style: none;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.catalog_table-data-l {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0px 4px 0px 4px;                                     /* T R B L */
	vertical-align: text-top;
}

.catalog_table-data-r {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 0px 4px 0px 4px;                                     /* T R B L */
	vertical-align: text-top;
}

.catalog_table-data-m {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 0px 4px 0px 4px;                                     /* T R B L */
	vertical-align: text-top;
}

.catalog_table-viewport {
	margin: auto;
	max-height: 600px;
	overflow-y: auto;
	width: 794px;
}

/*
------------------------------------------------------------------------------
- Collection Table
------------------------------------------------------------------------------
*/
.collection_table-viewport {
	margin: auto;
	max-height: 600px;
	overflow-y: auto;
	width: 788px;
}

/*
------------------------------------------------------------------------------
- Database Numbers
------------------------------------------------------------------------------
*/
#db_number {
	font-family: 'Sometype Mono', monospace;
	font-size: 14px;
}

/*
------------------------------------------------------------------------------
- Detail Table
------------------------------------------------------------------------------
*/
.detail_table {
	border-spacing: 0px;
	text-align: left;
}

.detail_table td {
	padding: 0px 2px 0px 3px;                                     /* T R B L */
}

.detail_table th {
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.detail_table-data-b {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

.detail_table-data-bl {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.detail_table-data-e {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: double;
	border-top-width: 3px;
}

.detail_table-data-m {
	border-bottom-style: double;
	border-bottom-width: 3px;
}

.detail_table-data-r {
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: double;
	border-bottom-width: 3px;
}

.detail_table-data-rt {
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: double;
	border-bottom-width: 3px;
}

.detail_table-data-t {
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-top-width: 1px;
}

.detail_table-label-b {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
}

.detail_table-label-m {
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-left-style: solid;
	border-left-width: 1px;
}

.detail_table-label-t {
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}

#detail_table-multiline {
	vertical-align: text-top;
	padding: 0px 4px 1px 4px;                                     /* T R B L */
}

/*
------------------------------------------------------------------------------
- Error 
------------------------------------------------------------------------------
*/
#error_content {
	border-radius: 50px 50px 50px 50px;                           /* T R B L */
	border-style: solid;
	border-width: 10px;
	font-size: 19px;
	margin: 40px 0px 40px 0px;                                    /* T R B L */
	padding: 60px 60px 60px 60px;                                 /* T R B L */
	text-align: center;

}

#error_text {
}

#error_title {
	font-size: 40px;
}

/*
------------------------------------------------------------------------------
- Error Navigation 
------------------------------------------------------------------------------
*/
.error_nav {
	-webkit-transition-duration: 0.5s;
}

.error_nav a {
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.error_nav a:hover {
	-webkit-transition-duration: 0.5s;
}

.error_nav-item {
}

#error_nav-item-button {
	border-radius: 5px;
	padding: 3px 20px 3px 20px;
}

/*
------------------------------------------------------------------------------
- Feedback Form
------------------------------------------------------------------------------
*/
.feedback_form {
	margin: auto;
	width: 900px;
}

.feedback_form table {
	text-align: left;
 }

.feedback_form input[type=submit] {
	border-style: solid;
	border-radius: 5px;
	border-width: 2px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.feedback_form input[type=submit]:hover {
}

.feedback_form th {
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0px 3px 0px 3px;                                     /* T R B L */
	width: 100px;
}

.feedback_form td {
	border-right-style: solid;
	border-right-width: 1px;
	padding: 2px 2px 2px 3px;                                     /* T R B L */
	width: 450px;
}

.feedback_form-data {
	border-width: 1px;
	border-style: dotted;
	padding: 3px 3px 3px 3px;
}

.feedback_form-data:focus {
	display: inline-block;
}

.feedback_form-label {
	display: inline-block;
	padding: 3px 3px 3px 3px;
}

.feedback_form-multiline {
	padding: 2px 0px 0px 0px;                                     /* T R B L */
	margin: 2px 2px 2px 2px;
vertical-align: top;	
}

#feedback_form-table-b {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#feedback_form-table-t {
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 4px;
}

.feedback_form-tools {
	padding: 10px 10px 0px 10px;                                  /* T R B L */
}

/*
------------------------------------------------------------------------------
- History 
------------------------------------------------------------------------------
*/
.history_table {
	border-style: solid;
	border-width: 1px;
	border-spacing: 0px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: left;
}

.history_table td {
	color: #000000;
}

.history_table th {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	padding: 4px 4px 4px 4px;                                     /* T R B L */
}

#history_table-data {
	padding: 8px 4px 8px 4px;                                     /* T R B L */
}

#history_table-header {
}

/*
------------------------------------------------------------------------------
-  Icon Gallery
------------------------------------------------------------------------------
*/
.icon-gallery {
}
.icon-gallery img {
	margin: 20px 15px 0px 15px;                                   /* T R B L */
	height: 30px;
}

/*
------------------------------------------------------------------------------
- Index Table
------------------------------------------------------------------------------
*/
.index_table {
	border-spacing: 0px;
	overflow: hidden;
}

.index_table td {
	padding: 0px 4px 0px 4px;                                     /* T R B L */
}

.index_table th {
}

.index_table-gap {
	width: 20px;
}

.index_table-header-l {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.index_table-header-r {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.index_table-header-m {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.index_table-name {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0px 4px 0px 4px;                                     /* T R B L */
}

.index_table-number {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	font-family: 'Sometype Mono', monospace;
	font-size: 14px;
	padding: 0px 4px 0px 4px;                                     /* T R B L */
}

/*
------------------------------------------------------------------------------
- Landing (Index) *** page-specific ***
------------------------------------------------------------------------------
*/
.landing {
}

#landing-override {
}

#landing-override-desc {
	padding: 3px 5px 3px 10px;                                    /* T R B L */
	text-align: left;
}

#landing-override img {
	opacity: 0.95;
}

/*
------------------------------------------------------------------------------
- Results (Search)
------------------------------------------------------------------------------
*/
.result_table {
	border-spacing: 0px;
	border-collapse: collapse;
	overflow: hidden;
	width: 1150px;
}

.result_table td {
	padding: 0px 4px 0px 4px;                                     /* T R B L */
}

.result_table th {
	padding: 4px 4px 4px 4px;                                     /* T R B L */
}

.result_table thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.result_table-header-l {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.result_table-header-m {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.result_table-header-r {
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

.result_table-data-l {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0px 4px 0px 4px;                                     /* T R B L */
	vertical-align: text-top;
}

.result_table-data-m {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 0px 4px 0px 4px;                                     /* T R B L */
	vertical-align: text-top;
}
.result_table-data-r {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 0px 4px 0px 4px;                                     /* T R B L */
	vertical-align: text-top;
}

#result_table-text-fixed {
	font-family: 'Sometype Mono', monospace;
	font-size: 14px;
}

.result_table-viewport {
	margin: auto;
	max-height: 600px;
	overflow-y: auto;
	width: 1168px;
}

/*
------------------------------------------------------------------------------
- Search
------------------------------------------------------------------------------
*/
.search_form {
	margin: auto;
	padding: 0px 0px 0px 0px;                                     /* T R B L */
	width: 900px;
}

.search_form input {
	font-family: 'Rethink Sans', arial, sans-serif;
	border-width: 1px;
	border-style: dotted;
/*	padding: 3px 3px 3px 3px;*/
}

.search_form input[type=submit],input[type=reset] {
	border-style: solid;
	border-radius: 5px;
	border-width: 2px;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	-webkit-transition-duration: 0.5s;
}

.search_form input[type=submit]:hover,input[type=reset]:hover {
}

.search_form option  {
	font-family: Teachers, arial, sans-serif;
}

.search_form select {
	font-family: Teachers, arial, sans-serif;
}

.search_form-data {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}

.search_form-label {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}

.search_form-tools {
	padding: 5px 0px 10px 0px;                                    /* T R B L */
}

.search_directions {
	border-spacing: 0px;
	border-radius: 15px;
	border-style: ridge;
	border-width: 7px;
	margin-bottom: 30px;
	overflow: hidden;
	text-align: left;
}

.search_directions hr {
	border-style: solid;
	border-width: 1px;
	display: block;
	margin: 5px auto 15px auto;                                   /* T R B L */
	width: 70%; 
}

.search_directions strong {
}

#search_directions-content {
	padding: 8px 16px 0px 16px;                                   /* T R B L */
}

#search_directions-header {
	font-family: 'Rethink Sans', arial, sans-serif;
	font-size: 21px;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: 900;
	text-align: center;
}

.search_table {
	border-spacing: 0px;
	padding: 0px 0px 10px 0px;                                    /* T R B L */
	text-align: left;
}

.search_table td {
	padding: 4px 2px 4px 4px;                                     /* T R B L */
}

.search_table th {
	padding: 3px 3px 3px 3px;                                     /* T R B L */
}

/*
------------------------------------------------------------------------------
- Summary Table 
------------------------------------------------------------------------------
*/
.summary_table {
	border-spacing: 0px;
	overflow: hidden;
	padding: 15px 0px 0px 0px;                                    /* T R B L */
}

.summary_table td {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 5px 3px 5px;                                     /* T R B L */
}

.summary_table th {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 3px 5px 3px 3px;                                     /* T R B L */
}

/*
------------------------------------------------------------------------------
- Trim
------------------------------------------------------------------------------
*/
#trim_subtitle {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

#trim_title {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
}

/*
------------------------------------------------------------------------------
- Trouble
------------------------------------------------------------------------------
*/
.trouble {
	font-size: 13px;
	margin-top: 30px;
	text-align: center;
}

.trouble a {
	text-decoration: none;
}

.trouble a:hover {
	text-decoration: underline;
}

/*
------------------------------------------------------------------------------
- Viewer Table
------------------------------------------------------------------------------
*/
.viewer_table {
	border-spacing: 0px;
	margin: 10px 0px 0px 0px;                                     /* T R B L */
	padding: 30px 5px 0px 5px;                                    /* T R B L */
	overflow: hidden;
}

.viewer_table td {
	background-image: url('../img/iliad_96x96.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: 100px 100px;
	margin: 0px 0px 0px 0px;                                      /* T R B L */
}
 
.viewer_table img {
	border-style: inset;
	border-width: 14px;
	display: block;
	min-height: 150px;
	min-width: 150px;
	margin: 0px 0px 0px 0px;                                      /* T R B L */
}


/*
------------------------------------------------------------------------------
- 
------------------------------------------------------------------------------
*/