@charset "utf-8";
/* CSS Document */

* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}

body { font-size:0.9em; font-family:Arial, Verdana, Helvetica, sans-serif; background-color:#000; }

a {outline:none}

#header {
	position:fixed;
	width:100%;
	height:105px;
	margin:0 auto;
	top:0px;
	border-bottom:5px solid #000;
	z-index:2;
}

#nav {
	position:absolute;
	top:0px;
	width:100%;
	height:25px;
	margin:0 auto;
	padding:0;
	background-image:url('../images/ui/bg_nav.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#002139;
	text-align:center;
	color:#FFF;
}

#navmenu { position: absolute; left:456px; width:444px; height:22px; margin-top:3px; list-style:none; }
#navmenu li {
	margin: 0 5px 0 0;
	padding-top:0;
	height: 22px;
	background-repeat: no-repeat;
	list-style:none;
}

#navmenu li a {
	display: block;
	text-decoration: none;
	height: 22px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.navb1, .navb2, .navb3, .navb4 { width:106px; }
.navb1 a:link, .navb1 a:visited { background-image: url('../images/ui/nav_button1.gif'); }
.navb1 a:hover, .navb1 a:active { background-image: url('../images/ui/nav_button1-ovr.gif'); }

.navb2 a:link, .navb2 a:visited { background-image: url('../images/ui/nav_button2.gif'); }
.navb2 a:hover, .navb2 a:active { background-image: url('../images/ui/nav_button2-ovr.gif'); }

.navb3 a:link, .navb3 a:visited { background-image: url('../images/ui/nav_button3.gif'); }
.navb3 a:hover, .navb3 a:active { background-image: url('../images/ui/nav_button3-ovr.gif'); }

.navb4 a:link, .navb4 a:visited { background-image: url('../images/ui/nav_button4.gif'); }
.navb4 a:hover, .navb4 a:active { background-image: url('../images/ui/nav_button4-ovr.gif'); }

.navb1select { width:106px; text-indent: -9999px; background-image: url('../images/ui/nav_button1-ovr.gif'); }
.navb2select { width:106px; text-indent: -9999px; background-image: url('../images/ui/nav_button2-ovr.gif'); }
.navb3select { width:106px; text-indent: -9999px; background-image: url('../images/ui/nav_button3-ovr.gif'); }
.navb4select { width:106px; text-indent: -9999px; background-image: url('../images/ui/nav_button4-ovr.gif'); }

#navmenu li { float: left; }

#controller {
	position:absolute;
	top:25px;
	width:100%;
	margin:0 auto;
	height:40px;
	padding:20px 0;
	background-image:url('../images/ui/bg_header.gif');
	background-repeat:repeat-x;
	color:#FFF;
	text-align:center;
	font-size:0.85em;
	font-weight:bold;
	overflow:auto;
}
#nav .inner, #controller .inner {
	position:absolute;
	width:900px;
	left:50%;
	margin-left:-450px;
}
#controller input { padding:5px; margin:0 0 0 3px; font-size:1.0em; }
#controller select, #controller input { font-size:1.0em; font-family:Arial, Verdana, Helvetica, sans-serif; padding:3px 5px; margin:0 0 0 3px; }
#controller #searchButton, #controller #searchButton2 { padding:1px 0; }

#result { 
	position:absolute;
	width:900px;
	left:50%;
	margin-left:-450px;
	z-index:1;
	margin-top:110px;
	padding-bottom:20px;
}

#result .error { width:100%; padding:5px 0; text-align:center; font-weight:bold; color:#FFF; background:#670817; border:1px #8E1323 solid; }
#result .message { width:100%; padding:5px 0; text-align:center; font-weight:bold; color:#FFF; background:#165C3E; border:1px #217451 solid; }

#result #grid { width:100%; margin:1px auto 0 auto; }
#result #grid .even { background-color:#FFF; }
#result #grid .odd { background-color:#E2EDF5; }
#result #grid .highlight { background-color:#3D3D3D; font-weight:bold; }
#result #grid .header { background: url('../images/ui/small.gif') no-repeat #28506D right center; color:#FFF; cursor:pointer; padding:8px 4px; }
#result #grid .headerSortUp { background: url('../images/ui/small_asc.gif') no-repeat #53738A right center; }
#result #grid .headerSortDown { background: url('../images/ui/small_desc.gif') no-repeat #53738A right center; }
#result #grid .col1, #grid .col2, #grid .col3 { padding:5px; }
#result #grid .col1 { width:35%; }
#result #grid .col2 { width:65%; }
#result #grid .col1 img { max-height:120px; max-width:120px; padding:5px; margin:5px 0; border:1px #EFEFEF solid; }
#result #grid .col1 img:hover {
	-moz-transform: rotate(360deg) scale(1);
}

#result #grid .title { font-size:1.0em; font-weight:bold; text-transform:none; }
#result #grid .resulttext { font-size:0.8em; font-weight:normal; text-align:left; padding:10px; }
#result #grid .nokeys {	font-size:0.95em; font-style:italic; color:#B4B4C3; }
#result #grid .pathtext { font-size:0.8em; color:#666;" }