html, body {
	font-family:arial;
	font-size:12px;
	margin:0px;
	overflow:auto;
}

#header {
	position:absolute;
  height:10%;
	width:100%;
	color:white;
	background:#1c3660 url('/images/title-bg.png') repeat-x left bottom;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}

#header font.library {
	color:#8f9cb2;
}

#header table {
	height:70%;
	margin:auto;
}

#search-options {
	position:absolute;
	top:10%;
	height:90%;
	width:20%;
	background:#f7f7f7;
	overflow:auto;
}

#search-results {
	position:absolute;
	left:20%;
	width:60%;
	height:90%;
	overflow:auto;
	bottom:0px;
}

#search-preview {
	position:absolute;
	top:10%;
	right:0px;
	width:20%;
	height:90%;
	text-align:center;
	background:#f7f7f7;
	overflow:auto;
}


 h1 ,  h2{
	margin:0px;
	font-size:12px;
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
	display:block;
}

h1 {
	padding-top:5px;
	padding-bottom:5px;

	color:white;
	text-align:center;
	position:absolute;
}

#search-options-header {
	left:0%;
	width:20%;
	bottom:90%;
}

#search-results-header {
	left:20%;
	width:60%;
	bottom:90%;
	font-weight:normal;
}

#search-preview-header {
	left:80%;
	width:20%;
	bottom:90%;
}

h2 {	
	margin-bottom:0px;
	margin-top:20px;
}

div.padding {
	padding:5px;
}

#search-options td {
	padding:1px;
}

#search-options input[type="text"] {
	width:90%;
}

#search-options table.dates {
	display:none;
}




div.results-header {
	position:absolute;
	bottom:0px;
	height:20px;
	width:100%;
	background:black;
}

div.results-header table {
	width:96%;
	color:white;
	height:20px;	
}

div.results-header th {
	width:25%;
}

#search-results p {
	padding:10px;
	text-align:center;
}

#search-results table {
	width:97%;
	margin:auto;
	margin-top:10px;
}

#search-results td {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:15px;
	padding-right:15px;
}

#search-results tr.r1 {
	width:100%;
	height:20px;
	background:#ffffff;
	overflow:none;
}

#search-results tr.r2 {
	height:20px;
	width:100%;
	background:#f7f7f7;
	overflow:none;
}

#search-results tr:hover {
	background:#2b68a5;
	color:white;
	cursor:default;
}

span.search {
	font-weight:bold;
}

#info {
	padding:5px;
	margin:auto;
}

table.credits {
	position:absolute;
	bottom:20px;
	left:0px;
	text-align:center;
	font-size:9px;
	width:15%;
	
}

table.credits td {
	width:50%;
	padding:2px;
}