/* Style Definition for Project "Mercury" -----------------------------------*
 |
 | Background: #FEFEFE
 | Text:       #000000
 | Links:      #008800
 * --------------------------------------------------------------------------*/

body 
{

    margin: 0;
    font-family: arial sans-serif;

    background-color: #FEFEFE;
    color: #000000;
    /*padding: 0pt;
    margin: 12pt;
    font-family: arial, sans-serif;
    text-align: left;
    vertical-align: top;*/
}

a:link, a:active, a:visited
{
    background-color: transparent; 
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #008800;
}

p
{
    background-color: transparent;
    color: #000000;
    margin: 3pt 0pt 3pt 0pt;
    font-family: arial, sans-serif;
    text-align: inherit;
}

/* ----- Divisions ----- */

div
{
    background-color: transparent;
    margin: 0pt;
    text-align: left;
}

div.center
{
    background-color: transparent;
    margin: 0pt;
    text-align: center;
}

div.right
{
    background-color: transparent;
    margin: 0pt;
    text-align: right;
}

div.indent
{
    background-color: transparent;
    margin: 0pt 24pt 0pt 24pt;
    text-align: left;
}

div.double
{
    background-color: transparent;
    margin: 0pt 48pt 0pt 48pt;
    text-align: left;
}
 .payment
 {
 	width: 70%;
 	margin-left: auto;
 	margin-right: auto;
 }
/* ----- Headers ----- */
.pubhead {
    /* Sizing */
    /*width: 100vw;*/
    height: 100vh;
    
    /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
    color: white; /* ADD THIS LINE */

 	background-image: url('https://mycitycourier.com/img/southern-ontario-bw.jpg');
   	background-size: cover;
   	background-position: center center;
   	background-repeat: no-repeat;
   	background-attachment: fixed;
   
   /* Needed to position the navbar */
   	position: relative;
	
}

h1
{ 
    background-color: #FFC66F;
    color: #000000;
    font-family: arial, sans-serif;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    font-size: 100%; 
    text-decoration: none;
    margin: 6pt 0pt 3pt 0pt;
    padding: 2pt;
    border: 1pt solid #FFC66F;
}

h2
{ 
    background-color: #000066; 
    color: #FEFEFE;
    font-family: arial, sans-serif;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    font-size: 100%; 
    text-decoration: none;
    margin: 6pt 0pt 3pt 24pt;
    padding: 3pt;
    border: 1pt solid #000066;
}

/* ----- Colors ----- */

em.white
{ 
    background-color: transparent; 
    color: #FEFEFE;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

em.black
{ 
    background-color: transparent; 
    color: #010101;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

em.red
{ 
    background-color: transparent; 
    color: #FF0000;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

em.blue
{ 
    background-color: transparent; 
    color: blue;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

/* ----- Regular Display and Input Tables ----- */

table.class
{
    /*margin-left:auto; 
    margin-right:auto;
    border: 0pt;
    /*margin: 3pt 0pt;*/
    /*padding: 0pt;*/
    /*max-width:80%;*/
    margin-left: auto; 
    margin-right:auto;
}
table
{
    /*margin-left:auto; 
    margin-right:auto;
    border: 0pt;
    /*margin: 3pt 0pt;*/
    /*padding: 0pt;*/
    /*max-width:80%;*/
    margin-left:auto; 
    margin-right:auto;
}
table.head {
	 /*max-width: 80%;*/
    margin-left:auto; 
    margin-right:auto;
}
table.navbar {
	 /*width: 80%;
	 margin: auto auto;*/
    margin-left:auto; 
    margin-right:auto;*/
}
a.table:link, a.table:active, a.table:visited
{
    background-color: transparent; 
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #FFFF00;
}

th
{    
    background-color: #1A1A1A;
    color: #FEFEFE;
    text-align: left;
    padding: 4pt;
    margin: 0pt;
    font-family: arial, sans-serif;
    font-stretch: condensed;
}

th.submit
{
    background-color: #1A1A1A;
    color: #FEFEFE;
    text-align: right;
    padding: 4pt;
    margin: 0pt;
    font-family: arial, sans-serif;
}

th.info
{
    background-color: #D8D0C8;
    color: #010101;
    text-align: left;
    padding: 4pt;
    margin: 0pt;
    font-variant: normal; 
    font-weight: normal;
    font-style: normal;
    font-family: arial, sans-serif;
}

td.empty
{
    background-color: transparent;
    margin: 0pt;
    padding: 4pt;
}

td.emptyleft
{
    background-color: transparent;
    margin: 0pt;
    padding: 4pt 4pt 0pt 0pt;
    text-align: left;
}

td.emptyright
{
    background-color: transparent;
    margin: 0pt;
    padding: 4pt 0pt 0pt 4pt;
    text-align: right;
}

td
{
    
    background-color: #D8D0C8;
    color: #010101;
    text-align: center;
    font-family: arial, sans-serif;
    margin: 0pt;
    padding: 4pt;
}

td.nav
{    
    background-color: #084A9C;
    color: #010101;
    text-align: center;
    font-family: arial, sans-serif;
    margin: 0pt;
    padding: 4pt;
}

td.right
{    
    background-color: #F8F0C6;
    color: #010101;
    text-align: right;
    font-family: arial, sans-serif;
}

td.left
{    
    background-color: #F8F0C6;
    color: #010101;
    text-align: left;
    font-family: arial, sans-serif;
}

td.center
{    
    background-color: #D8D0C8;
    text-align: center;
    color: #010101;
    font-family: arial, sans-serif;
}

td.matrix
{
    background-color: #F8F0C6;
    text-align: center;
    color: #010101;
    font-family: arial, sans-serif;
    border: 1px solid black;
    border-top: none;
    border-bottom: none;
}

td.rightalt
{
    
    background-color: #F8F0C6;
    color: #010101;
    text-align: right;
    font-family: arial, sans-serif;
}

td.leftalt
{
    
    background-color: #F8F0C6;
    text-align: left;
    color: #010101;
    font-family: arial, sans-serif;
}

td.centeralt
{
    
    background-color: #F8F0C6;
    text-align: center;
    color: #010101;
    font-family: arial, sans-serif;
}

/* ----- Index page options ----- */

th.index
{
    
    background-color: #FFC66F;
    color: #000000;
    text-align: center;
    margin: 6pt;
    padding: 2pt 6pt 0pt 6pt;
    border: 2pt solid #FFC66F;
    font-family: arial, sans-serif;
}

td.index
{
    
    background-color: transparent; 
    color: #0000FF;
    margin: 0pt 12pt;
    border: 2pt solid #FFFFFF;
    padding: 0pt 12pt;
    text-align: left;
    font-family: arial, sans-serif;
}

/* ----- Error box options ----- */

th.error
{
    background-color: #FF0000;
    color: #FEFEFE;
    text-align: left;
    padding: 2pt 6pt 0pt 6pt;
    font-family: arial, sans-serif;
}

td.error
{
    background-color: transparent; 
    color: #FF0000;
    margin: 0pt 12pt;
    border: 2pt;
    padding: 2pt 6pt;
    border-style: solid;
    border-color: #FF0000;
    text-align: left;
    font-family: arial, sans-serif;
}

/* ----- Option box options ----- */

th.option
{
    background-color: transparent;
    color: #000000;
    text-align: left;
    padding: 2pt 6pt 0pt 6pt;
    font-family: arial, sans-serif;
}

td.option
{
    background-color: transparent; 
    color: #000000;
    margin: 0pt 12pt;
    border: 2pt;
    padding: 2pt 6pt;
    border-style: solid;
    border-color: #FFFFFF;
    text-align: left;
    font-family: arial, sans-serif;
}

hr.break
{
    background-color: transparent; 
    color: transparent;
    /*margin: 0pt 0pt;
    padding: 0pt 0pt;*/
}

img
{
    border: none;
}
select
{
	max-width: 80%;

}
div.licphoto {
  display: table-cell;
  width: 256px;
  height: 160px;
  background-color: grey;
  color: white;
  border-color: white;
  border-radius: 20px;
  border-style: dashed;
  text-align: center;
  vertical-align: middle;
}