﻿html, body, form, ul, li{
	margin: 0;
	padding: 0;	
}

form{
  display:inline;
}

input{
	margin: 2px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	border-style: solid;
	border-color: #2761a1;
	border-width: 1px;
}

body {
	color: white;
	font-family: "Trebuchet MS",Verdana,Arial;
	min-width: 890px;
	background: #030d15 url('images/pagebg.jpg') top center no-repeat;
}

#wrapper{
	margin: 0 auto;
	width: 890px;
	background-image: url('images/bg.jpg');
	background-color: #022e45;
	background-position: top;
	background-repeat: repeat-x;

}

#logo{
	float: left;
	margin-left:10px;
	margin-top:10px;
}

#sorter{
	margin-top:70px;
	margin-left:15px;
	float:left;
	clear:right;
	font-size:12px;
}

#chooser{
	width:100%;
	text-align:center;
	font-size:11px;
	height:180px;
	background: #04111c;
	margin-top:-20px;
	border-bottom: 1px #4d5d63 solid;
	
}

#sorter a, #sorter a.visited{
	/* border: 1px solid #025B86; */
	color: #ECFFFF;
	background-color: #01293c;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
}

#sorter a.submit, #sorter a.visited.submit{
	color: #ffd9dc;
	background-color: #53100e;
	/* border: 1px solid #af1115; */
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
	
}

#sorter a:hover.submit{
	color: #ffd2cc;
	background-color: #ad0010;
	/* border: 1px solid #5e0612; */
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
}

#sorter a:hover{
	/* border: 1px solid #025B86; */
	color: #ECFFFF;
	background-color: #004488;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
}

#leftside{
	width:234px;
	background: url('images/leftside.gif') left top no-repeat;
	min-height: 600px;
	margin-top:20px;
	float:left;
}

#leftside .inside{
	padding:10px;
	text-align:center;
	font-size:11px;
}

#chooser .inside a, #chooser .inside a.visited{
  color: white;
  text-decoration:none;
}

ul{
	list-style: none;
}

ul li{
	display:inline;
	text-align:center;
}

ul li a{
  display:block;
  background: none;
  padding:4px;
  float:left;
  width:160px;
  height:128px;
}

ul li a:hover{
  display:block;
  padding-top:4px;
  padding-bottom:4px;
  background: url('images/buttonbg.jpg') center center no-repeat;
}

#stagingarea{
  padding-left:40px;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:10px;
  margin-bottom:10px;
  float:left;
  font-size:11px;
  background: #001925;
  background: url('images/spinner.gif') center center no-repeat;
  
}

#rightinfo{
  width: 278px;
  margin-left:10px;
  margin-top:20px;
  float:left;
  font-size:12px;
  padding-top: 15px;
  padding-bottom:15px;
  padding-left:20px;
  background: #001925;
  border: 1px #153144 solid;
}

#rightlowerinfo{
  margin-left:20px;
  margin-top:55px;
  float:left;
  font-size:12px;
  padding:25px;
  background: #001925;
  border: 1px #17364d solid;
}

.goog{
  margin-left:10px;
  margin-top:10px;
  float:left;
  font-size:12px;
}

#rightinfo b{
  color: #cdeeff;
}

#spinner{
  width:16px;
  height:16px;
  background: url('images/spinner.gif') no-repeat;
  position: absolute;
  left: 460px;
  top: 150px;
  display:none;
}

.headerbg{
  font-size:48px;
  letter-spacing:-1px;
  margin-bottom: 6px;
  color: #0b1e2c;
  margin-top:-5px;
  margin-bottom:-30px;
  overflow:hidden;
  height:60px;
  z-index:2;
}

.header{
  font-size:20px;
  letter-spacing:-1px;
  margin-bottom: 6px;
  color: white;
  margin-left:43px;
  position: relative;
}

.sorttype{
  padding-top:2px;
  margin-bottom:7px;
  color:white;
  background:url('images/barbg.gif') repeat-x;
  height:30px;
  text-align: right;
  padding-right:5px;
  font-size: 22px;
}

.sorttype .text{
	float:right;
	text-align:center;
	background: #04111c;
	border: 1px #5e6d75 solid;
	width:180px;
}

.urlbar{
  background: #002030;
  border: 1px #1c4358 solid;
  color: white;
  font-family: "Trebuchet MS",Verdana,Arial;
  font-size: 11px;
  width:200px;
}

#footer{
  clear:both;
  margin-top:60px;
  font-size:12px;
  color: #16638c;
  text-align:center;
  padding-bottom:15px;
}

#footer a{
	color: #cae1e4;
}

.thumb{
	width:130px;
	height:97px;
	overflow:hidden;
	margin: 0 auto;
	clear:none;
}

#errorbox{
	margin:30px;
	padding:20px;
	background: #001925;
 	border: 1px #17364d solid;
 	font-size:12px;
}