.table2 {margin-left:auto;margin-right:auto;}
.table2 td {vertical-align:top;}


/* Anchors */
a:link {font-family: arial; font-size: 12pt; color: #000064;}
a:visited {font-family: arial; font-size: 12pt; color: maroon;}
a:active {font-family: arial; font-size: 12pt; color: green;}
a:hover {font-family: arial; font-size: 12pt; color: green; text-decoration: none;}

a.a_small:link {font-family: arial; font-size: small; color: #4f4f4f;}
a.a_small:visited {font-family: arial; font-size: small; color: #4f4f4f;}
a.a_small:active {font-family: arial; font-size: small; color: #4f4f4f;}
a.a_small:hover {font-family: arial; font-size: small; color: green; text-decoration: none;}

/* Anchor Tooltips */
/** tooltip styles
  * based on http://www.flatypo.net/tutorials/how-to-create-animated-tooltips-css3-hiperlink/ 
 **/
a.tooltip{
  position: relative;
  display: inline;
}
a.tooltip:after{
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 20%;
  opacity: 0;
  content: attr(data-tool); /* might also use attr(title) */
  height: auto;
  min-width: 100px;
  padding: 5px 8px;
  z-index: 999;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0,0,0,0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

a.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0px;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0,0,0,0.85) transparent transparent transparent;
}
a.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }

a.tooltip.animate:after, a.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* tips on bottom */
a.tooltip.bottom:after { bottom: auto; top: 0; }
a.tooltip.bottom:hover:after { top: 28px; }
a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0,0,0,0.85) transparent;
  top: 0px
}
a.tooltip.bottom:hover:before { top: 20px; }


/* tips on the right */
a.tooltip.right:after { left: 100%; bottom: -45%; }
a.tooltip.right:hover:after { left: 110%; bottom: -45%; }
a.tooltip.right:before {
  border-width: 5px 10px 5px 0;
  border-color: transparent rgba(0,0,0,0.85) transparent transparent;
  left: 90%;
  bottom: 2%;
}
a.tooltip.right:hover:before { left: 100%; bottom: 2%; }


/* tips on the left */
a.tooltip.left:after { left: auto; right: 100%; bottom: -45%; }
a.tooltip.left:hover:after { right: 110%; bottom: -45%; }
a.tooltip.left:before {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent rgba(0,0,0,0.85);
  left: auto;
  right: 90%;
  bottom: 2%;
}
a.tooltip.left:hover:before { right: 100%; bottom: 2%; }


/* tooltip colors */
a.tooltip.blue:after { background:#5f87c2; }
a.tooltip.blue:before { border-color: #5f87c2 transparent transparent transparent; }
a.tooltip.bottom.blue:before{ border-color: transparent transparent #5f87c2 transparent; }
a.tooltip.right.blue:before { border-color: transparent #5f87c2 transparent transparent; }
a.tooltip.left.blue:before { border-color: transparent transparent transparent #5f87c2; }




/* Horizontal Rule */
.hr_style1 {color : #3C609F; border-color : #3C609F; background-color: #3C609F; width: 75%; }
.hr_style2 {color : #3C609F; width: 100%; }

/* Base Fonts */
.fu_underline {text-decoration:underline;}
.fu_underline_small {text-decoration:underline; font-size: small;}
.f_handwriting { font-family: "Lucida Handwriting"; }
.f_small_handwriting { font-family: "Lucida Handwriting"; font-size: small; }
.f_djh_page_head { text-align: center;
	font-family: arial;
	font-weight: normal;
	color: #3C609F;
	font-size: xx-large;}
.line_through_red {text-decoration:line-through; color: red;}
.f_small { font-size: 8pt;}
.f_x-small { font-size: 6pt;}
.f_medium { font-size: 12pt;}
.f_large { font-size: 15pt;}
.f_x-large { font-size: 18pt;}
.f_small_gray { font-size: small; color: #4f4f4f;}
.f_calibri1 {font-family: Calibri; font-size: medium;}
.fc_red { color: red;}
.fc_green { color: green;}
.fc_blue { color: #3C609F;}
.fc_gray { color: gray;}

/* Paragraph alignment */
.p_left {text-align: left;}
.p_left_red {text-align: left; color: red;}
.p_left_green {text-align: left; color: green;}
.p_center {text-align: center;}

.p_right {text-align: right;}
.p_center_gray {text-align: center; color: gray;}
.p_center_red {text-align: center; color: red;}
.p_center_green {text-align: center; color: green;}


/* White Space*/
.nobr  { white-space:nowrap; }


/*  Image Style - Standard Antique Padlocks Logo with Home link */
.ap_logo { border-style:none; }

/* Body */
body {text-align:left;background-color: #EFEFFA;
     font-family: "Lucida Sans";
     font-weight: normal; color: black; font-size: 12pt;}
     	    
/* Gallery View Listing Styles - Use these styles in listings ONLY */
.gv_table {width: 100%; border: #3C609F 2px solid;}
.gv_table caption {text-align: center; font-family: arial;
    font-weight: normal; color: #3C609F; font-size: 15pt;}
.gv_table td {border: #3C609F 1px solid;}
/* .gv_table td img {border: 0; height: 50px;} - This class is replaced with gv_img */
/* Table styles - END */
/* Used in column 1 for thumbnails */
.gv_img {text-align: center; vertical-align: middle; background-color: #ffffff;}
.gv_img img {height:100px;width:auto;border:0px;}
/* Used in column 2 listing text */
.gv_text {text-align: left; vertical-align: middle;
      font-family: "Lucida Sans"; font-weight: normal; color: black; font-size: 12pt;}
/* Used in column 3 for UIN */
.gv_uin {width: 1px; white-space: nowrap; font-family: arial; font-weight: normal; color: green; font-size: 11pt;}
/* Used in listing for the collectors name */
.cn_text {text-align: left; font-family: arial;
    font-weight: normal; color: green; font-size: 12pt; white-space:nowrap;}
/* Used in listing for pancake reference number, pylant reference, etc */
.rn_text {text-align: left; font-family: arial; white-space:pre-wrap;
    font-weight: normal; color: green; font-size: 12pt;}
/* Used in listing for verified railroad names */
.rr_names { color: blue; font-weight:bold;}
 /* Used in listing text for 'Further Research' */
.fr_text {color: red; white-space:nowrap;}

/* Gallery View Listing Styles - END */


/* Used by Hardware and Manufacture List pages */
.mfg_dl {margin-left: 1em;}
.mfg_dt {text-align:left;font-family: arial; font-weight: normal; color:#4F4F4F; font-size: 14pt;
	padding-top: 1em;}
.mfg_dd {text-align:left;font-family: arial; font-weight: normal; color:#4F4F4F; font-size: 12pt;}

/* Table1 - General page table */
/* You will have to add the following for IE 5.5 and up: <body style="text-align:center"> */
.table1 {margin-left:auto;margin-right:auto;border: #808080 1px solid;}
.table1 caption {text-align: center;
      font-family: "Lucida Sans"; font-weight: normal; color: #808080 ; font-size: 14pt;}

.table1 th {border: #808080 1px solid;text-align: center;
      font-family: "Lucida Sans"; font-weight: normal; color: #808080 ; font-size: 12pt;}
.table1 tr {border: #808080 1px solid;}
.table1 td {border: #808080 1px solid;text-align: left;
      font-family: "Lucida Sans"; font-weight: normal; color: black; font-size: 12pt;}
.table1 td img {border-width: 0;}

/* cc_comm_tbl - Used for Community List */
.cc_comm_tbl {border: none;}
.cc_comm_tbl caption {text-align: left; border: None;
      font-family: "Lucida Sans"; font-weight: normal; color: #3C609F;  font-size: 14pt;}
.cc_comm_tbl tr {width: 1px; white-space: nowrap; text-align: left; border: none;}
/*  .cc_comm_tbl td:nth-of-type(odd) {background:rgba(255,255,136,0.5);}   zebra stripes - not now */
.cc_comm_tbl td {width: 1px; white-space: nowrap; text-align: left; border: none;
	      font-family: "Lucida Sans"; font-weight: normal; color: black; font-size: 12pt;}

/* Used at the top of pages where headings are needed */
.pagehead {text-align: center; font-family: arial;
    font-weight: normal; color: #3C609F; font-size: 19pt;}
.pagehead_line2 {text-align: center; font-family: arial;
    font-weight: normal; color: #3C609F; font-size: 12pt;}

/* mech_table - Used for mechanicals */
/* You will have to add the following for IE 5.5 and up: <body style="text-align:center"> */
.mech_table {margin-left:auto;margin-right:auto;border: #808080 1px solid; background-color:white}
.mech_table caption {text-align: center;
      font-family: "Lucida Sans"; font-weight: normal; color: #808080 ; font-size: 14pt;}

.mech_table th {border: #808080 1px solid;text-align: center;
      font-family: "Lucida Sans"; font-weight: normal; color: #808080 ; font-size: 12pt;}
.mech_table tr {border: #808080 1px solid;}
.mech_table td {border: #808080 1px solid;text-align: left;
      font-family: "Lucida Sans"; font-weight: normal; color: black; font-size: 12pt;}
.mech_table td img {border-width: 0;}

    
/* Used for 'List Selections' */
.listselect {text-align: center; font-family: arial;
    font-weight: normal; color: #808080; font-size: 15pt;}
    
/* Used for detail page sub headings */
.d_head {text-align: center; font-family: arial;
    font-weight: normal; color: #808080; font-size: 15pt;}

/* Miscellaneous buttons */
.button1 {height:23px; width:125px;
     font-family: "Lucida Sans";
     font-weight: normal; color: black; font-size: 10pt;}
.button2 {height:30px; width:140px;
     font-family: "Lucida Sans Unicode";
     font-weight: normal; color: black; font-size: 10pt;}
/* Miscellaneous img styles */
.img_style1 {border:0px;}
.img_style2 {border: 2px solid black; width: 200px;}


/* Special Table Handling */
/* Center Table */
.center_table{margin-left:auto; margin-right:auto;}
/* You will have to add the following for IE 5.5 and up: <body style="text-align:center"> */
/* Used only in show_picture.htm - DIV did not work */
   
/* Used to display Patent Not Found */
.patent_nf  {color:red; white-space:nowrap;}
 
/* Standard Antique Padlocks Page Footer with links  */
.page_footer_iframe {height:150px; width:100%; border:0;}