/*** static/css/site.css - common styles used throughout the site ***/

p.test_blue 
{
  color: blue;
}

p {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12pt;
}

div.simple-table
{
  display: table;
}
div.simple-row
{
  display: table-row;
}
div.simple-cell
{
  display: table-cell;
  vertical-align: top;
  padding: 1px 2px 1px 2px;

  border-style: solid;
  border-color: green;
  border-width: 0px;
}

hr
{
  color: #d0d0d0;
  border-color: #d0d0d0;
  background-color: #d0d0d0;
  height: 1px;
  border: none;
}

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

div.filter-table
{
  display: table;
}
div.filter-row
{
  display: table-row;
}
div.filter-cell
{
  display: table-cell;
  text-align: left;
  padding: 1px 2px 1px 2px;

  border-style: solid;
  border-color: green;
  border-width: 1px;
}

/*--------------------------------------------------*/
div.lr-table
{
  display: table;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div.lr-row
{
  display: table-row;
}
div.lr-left
{
  display: table-cell;
  width: 50%;
  font-size: 11pt;
  vertical-align: top;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;

  border-style: solid;
  border-color: black;
  border-width: 0px;
}
div.lr-right
{
  display: table-cell;
  width: 50%;
  font-size: 11pt;
  vertical-align: top;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;

  border-style: solid;
  border-color: red;
  border-width: 0px;
}

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

div.lcr-table
{
  display: table;
  width: 100%;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div.lcr-row
{
  display: table-row;
}
div.lcr-left
{
  display: table-cell;
  width: 33%;
  text-align: left;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  border-style: solid;
  border-color: red;
  border-width: 0px;
}
div.lcr-centre
{
  display: table-cell;
  width: 34%;
  text-align: center;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  border-style: solid;
  border-color: blue;
  border-width: 0px;
}
div.lcr-right
{
  display: table-cell;
  width: 33%;
  text-align: right;
  vertical-align: top;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;

  border-style: solid;
  border-color: red;
  border-width: 0px;
}

/*--------------------------------------------------*/
/* poetry line */

.pline {
  text-indent: -20px;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 20px;
}

p.ptitle {
  font-size: 18pt;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}

.error {
  font-size: 10pt;
  color: red;
}
.feint {
  font-size: 10pt;
  color: #808080;
}
.feinter {
  font-size: 10pt;
  color: #c0c0c0;
}

hr.phr {
  width: 50%;
  float: left;
  margin: 5px 0px 3px 0px;
}

img.box {
  width: 100%;
  display: block;
}

img.trib {
  width: 100%;
  display: block;
  margin: 10px 0px 0px 0px;
}
.trib-name {
  font-size: 18pt;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.trib-sub {
  font-size: 10pt;
  color: #a0a0a0;
  padding: 0px 0px 10px 0px;
}
.trib-author {
  float: right;
  font-size: 9pt;
  font-style: italic;
  color: #d0d0d0;
  padding: 0px 0px 0px 0px;
}

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

a:link
{
  text-decoration: none;
  color: black;
}
a:visited
{
  text-decoration: none;
  color: black;
}
a:hover
{
  text-decoration: none;
  color: #808080;
}

a.ulink:link
{
  text-decoration: underline;
  color: black;
}
a.ulink:visited
{
  text-decoration: underline;
  color: black;
}
a.ulink:hover
{
  text-decoration: underline;
  color: #808080;
}
/*--------------------------------------------------*/

a.ext_link:link
{
  font-size: 10pt;
  float: right;
  text-decoration: underline;
  color: #808080;
}
a.ext_link:visited
{
  font-size: 10pt;
  float: right;
  text-decoration: underline;
  color: #808080;
}
a.ext_link:hover
{  
  font-size: 10pt;
  float: right;
  text-decoration: none;
  color: #808080;
}

a.ext_link2:link
{
  text-decoration: underline;
}
a.ext_link2:visited
{
  text-decoration: underline;
}
a.ext_link2:hover
{  
  text-decoration: none;
  color: #808080;
}

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

span.hlink-pipe
{
  color: #c0c0c0;
}
a.hlink
{
  text-decoration: none;
  color: rgb(224, 146, 1);
}
a.hlink:hover
{
  color: #808080;
}

a.hlink-12u
{
  font-size: 12pt;
  text-decoration: underline;
  color: rgb(224, 146, 1);
}
a.hlink-12u:hover
{
  color: #808080;
}

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

span.choose-10u
{
  font-size: 10pt;
  text-decoration: none;
  color: #404040;
}
a.choose-10u:link
{
  font-size: 10pt;
  text-decoration: underline;
  color: #404040;
}
a.choose-10u:visited
{
  font-size: 10pt;
  text-decoration: underline;
  color: #404040;
}
a.choose-10u:hover
{
  font-size: 10pt;
  text-decoration: none;
  color: #808080;
}


span.choose-12u
{
  font-size: 12pt;
  text-decoration: none;
  color: black;
}
a.choose-12u:link
{
  font-size: 12pt;
  text-decoration: underline;
  color: blue;
}
a.choose-12u:visited
{
  font-size: 12pt;
  text-decoration: underline;
  color: blue;
}
a.choose-12u:hover
{
  font-size: 12pt;
  text-decoration: none;
  color: #808080;
}

span.choose-14
{
  font-size: 14pt;
  text-decoration: none;
  color: #c0c0c0; /* #c0c0c0 */
}
a.choose-14:link
{
  font-size: 14pt;
  text-decoration: none;
  color: black;
}
a.choose-14:visited
{
  font-size: 14pt;
  text-decoration: none;
  color: black;
}
a.choose-14:hover
{
  font-size: 14pt;
  text-decoration: none;
  color: #808080;
}

span.choose-16u /* no link */
{
  font-size: 16pt;
  text-decoration: none;
  color: #c0c0c0;
}
a.choose-16u:link
{
  font-size: 16pt;
  text-decoration: underline;
  color: black;
}
a.choose-16u:visited
{
  font-size: 16pt;
  text-decoration: underline;
  color: black;
}
a.choose-16u:hover
{
  font-size: 16pt;
  text-decoration: underline;
  color: #808080;
}

span.choose-18 /* no link */
{
  font-size: 18pt;
  text-decoration: none;
  color: #c0c0c0;
}
a.choose-18:link
{
  font-size: 18pt;
  text-decoration: none;
  color: black;
}
a.choose-18:visited
{
  font-size: 18pt;
  text-decoration: none;
  color: black;
}
a.choose-18:hover
{
  font-size: 18pt;
  text-decoration: none;
  color: #808080;
}

span.choose-18u /* no link */
{
  font-size: 18pt;
  text-decoration: underline;
  color: #c0c0c0;
}
a.choose-18u:link
{
  font-size: 18pt;
  text-decoration: underline;
  color: black;
}
a.choose-18u:visited
{
  font-size: 18pt;
  text-decoration: underline;
  color: black;
}
a.choose-18u:hover
{
  font-size: 18pt;
  text-decoration: underline;
  color: #808080;
}

div.choose-20 /* no link */
{
  font-size: 20pt;
  text-decoration: none;
  color: #c0c0c0;
}
a.choose-20:link
{
  font-size: 20pt;
  text-decoration: none;
  color: black;
}
a.choose-20:visited
{
  font-size: 20pt;
  text-decoration: none;
  color: black;
}
a.choose-20:hover
{
  font-size: 20pt;
  text-decoration: none;
  color: #808080;
}

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

div.very-top-table
{
  display: table; 
  width: 100%; 
}
div.very-top-row
{
  display: table-row; 
}
div.very-top-left {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 2px 0px 0px 5px;
}
div.very-top-right {
  display: table-cell;
  text-align: right;
  float: right;
  vertical-align: middle;
  padding: 2px 0px 0px 5px;
}

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

div.sign_in_links
{
  font-size: 12pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  float: right; 
  text-align: right;
  vertical-align: top;
  z-index: 100;
}

div.twitter-link-table
{
  display: table; 
  padding: 0px;
  margin: 0px;
  border-width: 0px; 
  border-color: red; 
  border-style: solid;
}
div.twitter-link-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 0px 0px 5px;
  margin: 0px;
  border-width: 0px; 
  border-color: green; 
  border-style: solid;
}


/* site_title - name of website */

div.site_title
{
  font-size: 20pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
p.site_title
{
  font-size: 20pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
a.site_title
{
  font-size: 20pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
a.site_title:link
{
  font-size: 20pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
a.site_title:visited
{
  font-size: 20pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
a.site_title:hover
{
  font-size: 20pt;
  font-weight: normal;
  text-decoration: none;
  color: gray;
  /*
  background-color: #f0f0f0;
  border-style: solid;
  border-color: orange;
  border-width: 1px;
  */
}

/* page_title - for titles at the top of a page */

div.page_title
{
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
p.page_title
{
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
a.page_title
{
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
a.page_title:link
{
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
a.page_title:visited
{
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
a.page_title:hover
{
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
  color: gray;
  padding: 10px 0px 5px 0px;
}

/* ppl-title - for titles at the top of a ppl page */

span.ppl-title
{
  font-size: 18pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
div.ppl-title
{
  font-size: 18pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
p.ppl-title
{
  font-size: 18pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
a.ppl-title
{
  font-size: 18pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
a.ppl-title:link
{
  font-size: 18pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
a.ppl-title:visited
{
  font-size: 18pt;
  font-weight: normal;
  text-decoration: none;
  color: black;
  padding: 10px 0px 5px 0px;
}
a.ppl-title:hover
{
  font-size: 18pt;
  font-weight: normal;
  text-decoration: none;
  color: gray;
  padding: 10px 0px 5px 0px;
}

/* menu_bar - at top of each page */

span.menu_bar
{
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: gray;
  background-color: brown;
}
a.menu_bar:link
{
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: brown;
}
a.menu_bar:visited
{
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: brown;
}
a.menu_bar:hover
{
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: gray;
  background-color: brown;
}

/* form table */

div.form_table
{
  display: table;
  font-size: 11pt;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div.form_row
{
  display: table-row;
}
div.form_cell
{
  display: table-cell;
  font-size: 11pt;
  padding: 0px 0px 0px 0px;

  border-style: solid;
  border-color: white;
  border-width: 1px;
}
div.form_cell_padded
{
  display: table-cell;
  font-size: 11pt;
  padding: 10px 0px 0px 0px;

  border-style: solid;
  border-color: white;
  border-width: 1px;
}

/* form inputs */
/***
input.text_long
{
  width: 400px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
textarea.message
{
  width: 400px; 
  height: 400px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
***/

input.forgot
{
  width: 200px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #ffffff;
  background-color: brown;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
input.forgot:hover
{
  width: 200px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #e0e0e0;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

/* no class styles */

input
{
  width: 300px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
button
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: black;
  background-color: #ffc133;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #ff9933;
}
button:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: black;
  background-color: #ffd033;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: brown;
}

select
{
  font-family: Verdana, sans-serif;
  color: black;
}
option
{
  font-size: 14pt;
}
div.finder
{
  text-align: left; 
  width: 360px; 
  font-size: 10pt;
  color: #808080;
}

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