body, div, p, h1, h2, h3, h4, table
{
	/*margin:0;*/
	border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 0;
    /*text-align: center;*/
}

/*table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}*/

/*table {
    margin:auto;
}
*/

body {
    background: #e4e4e4 left top;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 75%;
    margin: 0;
}

.border1L
{
    border-color: inherit;
    border-style:solid;
    border-width:1px;
	white-space:nowrap;
	text-align:left;
	vertical-align:text-top;
}

.center
{
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
	width:98%;
}

.td-bottom
{
	white-space:nowrap;
	vertical-align:bottom;
}

.td-center
{
	white-space:nowrap;
	text-align:center;
	vertical-align:text-top;
}

.td-center-wrap
{
	white-space:normal;
	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;
}

.td-right-b1
{
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
    border:solid;
    border-width:1px;
}

.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;
}