﻿body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}

body
{
	background: #e4e4e4 left top;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:75%;
}

.center
{
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
	width:98%;
}

.td-center
{
	white-space:nowrap;
	text-align:center;
	vertical-align:text-top;
}

.td-left
{
	white-space:nowrap;
	text-align:left;
	vertical-align:text-top;
}

.td-left-b1 {
    white-space: nowrap;
    text-align: left;
    vertical-align: text-top;
    border: solid;
    border-width: 1px;
}

.td-left-wrap
{
	white-space:normal;
	text-align:left;
	vertical-align:text-top;
}

.td-left-wrap-pad-r
{
	white-space:normal;
	text-align:left;
	vertical-align:text-top;
	padding-right:15px;
	border-right-color:Fuchsia;
}

.td-left-wrap-pad-l
{
	white-space:normal;
	text-align:left;
	vertical-align:text-top;
	padding-left:15px;
	border-left-color:Fuchsia;
}

.td-left-alt
{
	white-space:nowrap;
	text-align:left;
	vertical-align:text-top;
	background-color:White;
}

.td-right
{
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
}

.warning
{
    color: Red;
    font-style: italic;
    font-weight: bold;
    font-size:large;
}

.wrap {
    text-wrap: normal;
    word-wrap: break-word;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

    /* Tooltip arrow */
    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
    