body {
	
	background-color: #f2f2f2;
	color: #000000;
	width: 100%;
	font-size: medium;
	text-align: center;
}

h1 {
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	float: top;
}

a {
	font-weight: normal;
	font-size: medium;
	margin-left: 10px;
}
h2 {
	font-weight: bold;
	font-size: large;
	text-align: center;
	background-color: #0066cc;
	color: #f2f2f2;
}
img{
	float: left;
}


.atie{
	font-weight: normal;
	font-size: x-large;
	margin-left: 10px;
}

.blank{	
	width: 75%;
	margin: auto;
}

.search{
	width: 75%;
	margin: auto;
	background-color: #cce6ff;
	margin: auto;
}

.search_instructions{
	text-align: left;
	vertical-align: top;
	font-size: medium;
	margin-left: 5px;	
}
.input{
	text-align: left;
	margin-left:15px;
}

.align_left{
	width: 75%;
	margin: auto;
	text-align: left;
}

.s_table{
	display: table;
	width: 75%;
	margin:auto;
	text-align: left;
}

.s_table_row{
	display: table-row;
}

.s_table_heading{
	display: table-header-group;
	background-color: #99ccff;
   	font-weight: bold;
	text-align: center;
}

.s_table_cell, .s_table_head{
	display: table-cell;
	padding: 3px 10px;   	
	border: 1px solid #e6e6e6;
}
.d_table{
	display: table;
	width: 100%;
	margin:auto;
	text-align: left;
}

.d_table_row{
	display: table-row;
}

.d_table_heading{
	display: table-header-group;
	background-color: #0066cc;
	color: #f2f2f2;
   	font-weight: bold;
	text-align: center;
}

.d_table_cell, .d_table_head{
	display: table-cell;
	padding: 3px 10px;   	
	border: 1px solid #e6e6e6;
}

.m_table{
	display: table;
	width: 75%;
	float: left;
	margin: 10px;
	text-align: left;
	height: 88%
}

.m_table_row{
	display: table-row;
	font-size: small;
}

.m_table_cell_out{
	display: table-cell;	
	border: 1px solid #bfbfbf;
	background-color: #bfbfbf;
	width: 4%;	
	text-align: center;
	height: 2.5%;
}

.m_table_cell_in{
	display: table-cell;	
	border: 1px solid #f2f2f2;
	background-color: #f2f2f2;
	width: 4%;
	text-align: center;
	font-weight: bold;
	height: 2.5%;
}

.b_boarder{
	background-color: #80bfff;
	border-radius: 6px;
}

.b_center{
	background-color: #e6f2ff;
	border-radius: 6px;
}

.heading{
	background-color: #0066cc;
	color: #f2f2f2;
   	font-weight: bold;
	text-align: left;
	width: 75%;
	margin: auto;
	font-size: large;
}

.tooltip {
    position: relative;
    display: inline-block;
	font-style: italic;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 450px;
    background-color: #555;
    color: #fff;
    text-align: left;
    padding: 5px 5px 5px 5px;
    border-radius: 6px;
	font-style: normal;

    /* 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 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}