/*Postcard CSS */

body
{
width: 100%;
border: none;
background-color:#76c2e9;
text-decoration: none; 
color: #000000; 
font-family:verdana,arial; 
font-size:12px;
font-weight:normal;
}

#page
{
width:961px; 
padding:0px; 
border:0px solid #99ff99; 
margin:0px; 
background-color:#76c2e9;
text-align:center;
}

.centerIE
{
text-align:center;
}
.center
{
margin: 0 auto;
width:961px;
text-align:left;
}


.postcardpageline {text-align: center; font-weight:bold;  text-decoration:none; font-size:12px;}

.postcard{width:960px; padding:0px; border:0px solid #ff0000; margin:0px; background-color:#009999; text-align:center; font-size:14px; font-weight:bold; float:left;}
.postcardtype{width:152px; padding:4px; border:0px solid #ff0000; margin:0px; background-color:#ffff99; color:#0000ff; text-align:center; font-size:14px; font-weight:bold; float:left;}
.postcardtypetext{width:928px; padding:16px; border:0px solid #ff0000; margin:0px; background-color:#ffff99; color:#000099; text-align:center; font-size:12px; font-weight:normal; float:left;}
.postcardtypelist{width:160px; padding:4px; border:1px solid #ff0000; margin:0px; background-color:#ffff99; color:#0000ff; text-align:center; font-size:14px; font-weight:bold; float:left;}
.postcardtypelist1{width:700px; padding:4px; border:0px solid #ff0000; margin:0px; background-color:#ffff99; color:#0000ff; text-align:center; font-size:14px; font-weight:bold; float:left;}
.postcardstore{width:90px; padding:4px; border:0px solid #ff0000; margin:0px; background-color:#ffff99; color:#0000ff; text-align:center; font-size:10px; font-weight:bold; float:left;}


.theheader {grid-area:gheader; background-color: #76c2e9; color:#76c2e9; font-weight:bold; text-decoration:none; font-size:12px; border:1x solid #ff0000; font-family: Verdana;}
.theeras {grid-area:geras; padding:0px; background-color: #009999; font-weight:bold; text-decoration:none; font-size:14px; border:0x solid #ff0000;}
.thetext {grid-area:gtext; padding:0px; background-color: #009900; font-weight:bold; text-decoration:none; font-size:14px; border:0x solid #00ffff;}
.thetypes {grid-area:gtypes; width:100px; padding:0px; background-color: #cccccc; font-weight:bold; text-decoration:none; font-size:14px; border:0x solid #00ffff;}
.thelinks {grid-area:glinks; padding:10px; width:840px; border:0px solid #ff0000; background-color: #009999; color:00ff00; font-weight:bold; text-decoration:none; font-size:12px; font-family: Verdana;}


.grid-container {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  justify-items: left;
  align-items: top;
  justify-content: center; 
  grid-template-areas:
  'gheader gheader'
  'geras geras'
  'gtext gtext'
  'gtypes glinks';
  grid-gap: 0px;
  column-gap: 0px;
  background-color: #76c2e9;
  padding: 0px;
}

 a {
	text-decoration:none;
}


/* Tooltip container */
.tooltip .postcardpageline{
    position: relative;
    display: inline-block;
	width:100%;
	border:1px solid #ff0000;
	float:left;
	font-size:10px;
	padding: 0px 0;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: gray;
    color: #00ffff;
    text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
    padding: 0px 0;
    border-radius: 0px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.gobutton{background-color:#cccc00;
text-decoration: none;
color: #000000;
font-family:verdana,arial; 
font-size:12px;
font-weight:bold;
margin:0px 0px; padding:0px;
text-align:center;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

a:link {
  color: #0000ff;
}

a:hover {
  color: 00ffff;
}