@CHARSET "UTF-8";

#logo {
	height: 267px;
	width: 100%;
}

#content {
	background-image: url("/media/img/search/logo_main.jpg");
	background-repeat: no-repeat;
	background-position: top;
}

#searchbox {
	margin-bottom: 50px;
	background-color: white;
}

#searchform { /* table */
	text-align: left;
	padding: 5px;
}

#searchform td {
	padding-left: 5px;
	padding-right: 5px;
}

#searchform input{
	font-size: 1em;
}

#querysubmit { /* input */
	background-color:#701C1D;
	color: white;
}

span.searchtitle {
	color: #a82a2b;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
}

span.searchexplanation {
	color: #A8A8A8;
	font-size: 0.8em;
}

#explanation {
	width: 450px;
	font-size: 0.8em;
	color: #808080;
	padding: 10px;
	margin-top: 40px;
	opacity: 0.8;
	border-top-color: #888888;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #888888;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#footer {
	padding-bottom: 100px;
	padding-top: 20px;
}

.tooltipped span {
	display: none; 
}
	
.tooltipped:hover span { 
	display: block; 
	position: absolute; 
	top: 2.5em; 
	left: 2em; 
	width: 15em;
    border: 1px solid #888888;
    background-color: #eee;
	padding: 5px;
    text-align: center 
}
	
.tooltipped:hover {
	font-size: 100%; /* IE6 fix */ 
	z-index: 25; 
}

.tooltipped {
    position: relative; /*this is the key*/
    z-index: 24; 
}