body {
	background-image:url('images/lord-of-the-rings-wallpapers-28175-4936144.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-color: #000022;
}

table.search_form {
	min-width: 640px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left:auto; 
    margin-right:auto;
}

table.search_results {
	border-collapse:collapse;
	border-style:solid;
	border-width:1px;
	background: #e4e4e4;
	min-width:640px;
	margin-left:auto; 
    margin-right:auto;
	text-align: center;
}

.search_results th {
	border-style:solid;
	border-width:1px;
	padding:0.5em;
}
.search_results td {
	border-style:solid;
	border-width:1px;
	padding:0.5em;
}

.Zebra_Form div.clear {
    clear: both
}

/* 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: 300px;
    background-color: #000;
    color: #fff;
    text-align: left;
    padding: 5px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%; 

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* 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;
}

/* Up button */
.back-to-top {
	background: none;
	margin: 0;
	padding: 10px;
	position: fixed;
	bottom: 0%;
	right: 0%;
	//width: 70px;
	//height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #ffffff;
	background-color: #ff9000;
}
  
.back-to-top i {
	font-size: 60px;
}

/* Results style */
.rTable {
   display: table;
   width: 100%;
   //font-size: 12px;
}
.rTableValign {
    //padding: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.rTableCell {
	border: 1px solid #999999;
	background: #fff;
   //float: left;
   display: inline-block;
   vertical-align: top;
   //height: 350px;
   overflow: hidden;
   //padding: 5px;
   width: 65%;
   margin: 5px;
   text-align: left;
}
.rTableCellImage {
   display: inline-block;
   //float: left;
   height: auto;
   overflow: hidden;
   padding: 5px;
   //margin: 2px;
   //width: 40%;
   vertical-align: middle;
}
.rTableCellInfo {
   //border: 1px solid #999999;
   //background: #e4e4e4;
   display: inline-block;
   //float: left;
   height: auto;
   overflow: hidden;
   //padding: 2px;   
   margin-right: -50px;
   margin-top: 30px;
   width: 55%;
   vertical-align: top;
}
.rTableCellLabel {
	font-weight: bold;
   //float: left;
   display: inline-block;
   vertical-align: top;
   //height: 250px;
   overflow: hidden;
   padding: 0;
   margin-right: 5px;
   margin-bottom: 0.2em;
   width: 25%;
   text-align: right;
}
.rTableCellData {
   //float: left;
   display: inline-block;
   vertical-align: top;
   //height: 250px;
   overflow: hidden;
   padding: 0;
   margin-left: 5px;
   margin-bottom: 0.2em;
   width: 60%;
   text-align: left;
}
.rTableCellData a {
	text-decoration: none;
}
.rTableCellData a:hover {
	text-decoration: underline;
}