/* booq style */

/* colors
orange: #f60
very light orange: #fff0d8
dark red: #900
light gray: #ccc
gray: #999
dark gray: #666
*/

/* global */
* { margin: 0; padding: 0; border: none; }
body {
	margin-left: auto; margin-right: auto;
	text-align: center;
	width: 809px;
	padding: .5em;
	color: #666; background-color: #000;
	font-size: 10pt; font-family: Futura, Arial, sans-serif;
	}
img { vertical-align: middle; }
table { border-collapse: collapse; }
td { vertical-align: top; }
p { padding-bottom: 5px; font-size: 9pt; }
a:link { color: #f60; }
a:link:hover { color: #fff; }
b { color: #f60; font-weight: normal; }
em { color: #999; }
ol { list-style-position: inside; }
div.spacer { font-size: 1px; clear: both; } /* stupid fix for keeping the floats in the divs */

/* pre top */
div.pretop {
	margin: 4em .2em 1.2em;
	text-align: right;
	font-size: 7pt;
	color: #ccc;
	}
.pretop a {
	color: #f60;
	text-decoration: none;
	}
	
/* big box */
div.bigbox {
	width: 809px;
	text-align: left;
	border: solid 1px #fff;
	}
div.smallbox {
	margin: 2px 80px 5px 80px;
	padding: 2px 0px 5px;
	}

/* top */
div.top { padding: 10px; }
.topleft {
	float: left;
	text-align: left;
	}
.topright {
	float: right;
	text-align: right;
	}
div.topbar {
	vertical-align: middle;
	height: 20px;
	clear: both;
	}
.topbar {
	padding: 10px 15px 0 15px;
	border-bottom: solid 1px #fff;
	font-size: 9pt;
	color: #666;
	background-color: #000;
	}
.topbar b {
	padding: 0 5px;
	color: #f60;
	font-style: normal; font-weight: normal; text-decoration: none;
	}
.topbar em {
	padding: 0 5px;
	color: #f60;
	font-style: normal; font-weight: normal; text-decoration: none;
	}
.topbar a {
	padding: 0 5px;
	color: #fff;
	font-style: normal; font-weight: normal; text-decoration: none;
	}
.topbar a:hover { text-decoration: underline; }

/* sub heading */
h1 {
	position: relative;
	margin: 2px 0;
	padding-top: 20px; padding-bottom: 3px;
	border-bottom: solid 1px #666;
	color: #fff;
	font-size: 11pt;
	font-style: normal; font-weight: normal; text-decoration: none;
	}
span.steps {
	padding-top: 2pt;
	float: right;
	color: #666;
	font-size: 9pt;
	}
span.step { padding-left: 10px; }
span.stepselected {
	padding-left: 10px;
	color: #f60;
	}
span.steps b {
	color: #f60;
	font-style: normal; font-weight: normal; text-decoration: none;
	}
span.steps a {
	color: #666;
	font-style: normal; font-weight: normal; text-decoration: none;
	}
span.steps a:hover { text-decoration: underline; }
h2 {
	padding-top: 10px;
	color: #666;
	font-size: 9pt;
	font-style: normal; font-weight: normal; text-decoration: none;
	}

/* more things */
td.left {
	padding-right: 1em;
	border-right: solid 1px #999;
	}
td.right { padding-left: 1em; }

/* content */
.content {
	margin: 2px 0 10px;
	padding: 3px 10px;
	border: solid 1px #666;
	}
.content th {
	padding: 2px 5px 2px 2px;
	text-align: left !important; vertical-align: bottom;
	font-style: normal; font-weight: normal; text-decoration: none;
	border: none;
	color: #666;
	font-size: 9pt;
	}
.content th.selected { color: #f60; }
.content .list th { font-size: 8pt; border-bottom: solid 1px #666; }
.content .list td { color: #fff; border-bottom: solid 1px #333; }
.content tr:hover { background-color: #111; }
table.list { margin-bottom: 10px; width: 100%-160px; }
html>body table.list { width: 100%; } /* ie hack (this is the value for all other browsers) */
.content th b { color: #fff; background-color: #f60; }
.content td {
	padding: 2px;
	vertical-align: middle;
	}
.content td a {
	text-decoration: none;
	}
.bagfound td { color: #0f0 !important; }
.baglost td { color: #f00 !important; }
.bagdestroyed td { color: #666 !important; }
.badpassedon td { color: #888 !important; }
.selected td { color: #fff !important; }
.inactive td { color: #444 !important; }
.killed td { color: #f60 !important; }
input {
	padding: 2px 5px;
	border: solid 1px #666;
	color: #fff !important; background-color: #000 !important;
	}
input:hover { border: solid 1px #fff; }
input:focus {
	border: solid 1px #f60;
	background-color: #000;
	}
input.button { color: #f60 !important; background-color: #000 !important;}
input.inactive { color: #444 !important; background-color: #000 !important; border: solid 1px #222;}

/* validation */
.info { font-size: 1px; }
.error {
	padding: .1em 0;
	font-size: 8pt;
	text-align: center; vertical-align: top;
	color: #fff; background-color: #900;
	}
.error a {
	padding: 0 .1em;
	color: #fff;
	}
.error a:hover { color: #900; background-color: #fff; }
.error td { text-align: left; }

/* page */
div.page {
	clear: both;
	margin-top: 1em;
	font-size: 80%;
	color: #666;
	}
.page b {
	padding: 0 .2em;
	color: #fff; background-color: #f60;
	}

/* bottom */
div.bottom {
	text-align: left;
	clear: both;
	margin: .5em;
	font-size: 75%;
	color: #666;
	}
.bottom a { color: #666; }
.bottom a:hover { color: #999; }


/* more things */
span.showmore {  }
span.showmore:hover { background: #000; text-decoration: none; }
span.showmore span { display: none; padding: 0; margin: 0; }
span.showmore:hover span { display: inline; position: absolute; background: #000; }