/*
ships.css

CSS for ship passenger lists

Copyright (c) 2022 by Greg DAVIS
all rights reserved

latest revision 30/5/2022

* * * * * * * * * * * * * * * * *
latest revision 24/12/2012

* * * * * * * * * * * * * * * * *
latest revision 21/7/2022
	centered  #page_header_section, #page_body_section

    latest revision 17/1/2024
        notes_inner added
        
        22/1/2024
            notes_inner combined with passenger_notes
* * * * * * * * * * * * * * * * *
*/

b {
  color: green;
}

b.tr {
  color: red;
}

a[href]:link {
    color: black;
    font-size: 120%;
    font-weight: bold;
}
/*
dl[href]:link {
    color: green;
}
*/

.green {
  border: 8px solid green;
  border-radius: 8px;
}

#page_header_section, #page_body_section
   {
   text-align: center;
   }
   
#page_header_section
	{
		margin-left:20%;
		width:60%;
	}
	
.explanation_header 
   { 
   font-size: 75%; 
   text-align: center; 
   font-weight: bold; 
   }

.explanationnotes
   { padding-left: 100pt;
   padding-right: 100pt;
   font-family: verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-size: 120% ;
   color: green; 
   font-weight: normal; 
   text-align: justify; 
   text-decoration: none; }

.passenger_names {
   margin-left:20%;
   color: green;
   font-size:120%;
}

body 
   { 
   background-color: #f0f0b0;
   color: #666666; 
   font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-weight: normal; 
   padding: .5em; 
   text-align: justify; 
   text-decoration: none; 
   }

.shipbody
	{
	background-color: #ccffff;
    background-image:url('ltg.jpg');
	color: #000000; 
	font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	padding: .5em; 
	text-align: left; 
	text-decoration: none; 
	}

.ship_data 
   { 
   width: 80%;
   margin-left: 10%;
   font-size: 110%; 
   text-align: center; 
   /* font-weight: bold; */ 
   }

.footer_text
   { font-family: verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-size: 70% ;
   color: black; 
   font-weight: normal; 
   text-align: center; 
   text-decoration: none; }

.zpassenger_notes {
   width: 70%;
   margin-left: 15%;
   position: static;
   clear: both;
   text-align:left;
}

hr.w {
  border: 1px solid green;
  border-radius: 3px;
}

.passenger_notes {
   width: 60%;
   margin-left: 15%;
   position: static;
   clear: both;
   text-align:left;
   border: 1px solid black;
   background-color: lightblue;
   padding-top: 20px; padding-bottom: 20px;   padding-left: 100px; padding-right: 80px;
}

.information_notes {
   width: 40%;
   margin-left: 30%;
 }

.notes_inner {
   width: 70%;
   margin-left: 15%;
    text-align: left; 
    border: 1px solid black; 
    background-color: lightblue; 
    padding-top: 20px; padding-bottom: 20px;   padding-left: 30px;
}

h1 { text-align: center; color: black; }

div#alphanav {
    background-color: #EEE;
}
div#alphanav ul {
    list-style: none;
    border-width: 2px 0px 4px 0px;
    border-style: solid;
    border-color: black;
    margin: 0px;
    padding-left: 10%;      /* was 350px */
    /* float container stretch, see www.quirksmode.org/css/clearing.html */
    overflow: hidden;
}
div#alphanav ul li {
    float: left;
    font-size: larger;
    font-weight: bold;
}
div#alphanav ul li:after {
    content: " |";
}
div#alphanav ul li a {
    display: block;
    padding: 4px 8px;
    line-height: 100%;
    float: left;
}
div#alphanav ul li a:hover {
    text-decoration: none;
    background-color: #7fd4ff;      /* was black */
    color: white;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
	width: 80%;
	margin-left: 8%;
}

td, th {
	/* border: 1px solid #dddddd; */
	text-align: left;
	padding: 0px 0px 10px 85px;
	/* margin-left: 25px; */
	vertical-align: top;
	width: 25%;
}
.surname {			//not currently used 
	font-weight: bold;
	font-size: 120%;
	font-color: blue;
}