/* booq style */

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

/* global */
* { margin: 0; padding: 0; border: none; }
body {
	text-align: center; 
	position: relative;
	margin-left: auto; margin-right: auto;
	width: 800px;
	padding: .5em;
	color: #666; background-color: #000;
	font-family: Futura, "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 10pt;
	}
img { vertical-align: middle; }
table { border-collapse: collapse; }
td { vertical-align: top; }
p  { padding-top: .5em; }
a { color: #900; text-decoration: none; }
a:hover { color: #f40; cursor: pointer; }
form { display: inline; }
em { color: #999; }
.spacer { font-size: 1px; clear: both; } /* stupid fix for keeping the floats in the divs */

/* page */
div#page { float: left; clear: both; width: 800px; margin-left: auto; margin-right: auto; text-align: left; }
input { width: auto; }

/* top */
div.top { width: 800px; float: left; padding: 0; border: solid 1px #fff; border-bottom: none; clear: both; }
.topleft { float: left; clear: both; }
.topright { clear: both; float: right; text-align: right; }

.topnav {
	font-size: 7pt;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	color: #999;
	line-height: 15pt;
	letter-spacing: 1px;
	text-align: right;
	vertical-align: bottom;
	padding: 3px 0;
	text-decoration: none;
	height: 52px;
	position: relative;
	width: 800px;
}
.topnav a { text-decoration: none; color: #999; }
.topnav a:hover { text-decoration: none; color: #f40; }
.topnavlinks { position: absolute; bottom: 0; right: 0; }

.innernav {
	font-size: 8pt;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	color: #000;
	line-height: 5pt;
	letter-spacing: 1px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	text-decoration: none;
	height: 130px;
	background: #fff url(images/headerbg.jpg) no-repeat;
}
.innernav em { color: #000; font-style: normal; text-decoration: underline; }
.innernav a { color: #fff; text-decoration: none; }
.innernav a:hover { color: #f40; text-decoration: none; }
.innernavlaptops {
	clear: both;
	font-size: 7pt;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px;
	text-align: right;
	vertical-align: bottom;
	text-decoration: none;
	padding: 3px;
	padding-right: 10px;
	padding-top: 105px;
}
.innernavlaptops a { color: #333; text-decoration: none; }
.innernavlaptops a:hover { color: #f40; text-decoration: none; }

/* big box */
div.bigbox {
	float: left;
	width: 800px;
	margin-right: 8px; margin-bottom: 10px;
	overflow-y: auto;
	background: #fff;
	border: solid 1px #fff; border-top: none;
	}
div.smallbox { position: relative; margin: 2px 10px 5px 10px; }

/* sub heading */
h1 {
	position: relative;
	margin: 2px 0;
	padding-top: 20px; padding-bottom: 3px;
	border-bottom: solid 1px #666;
	color: #000;
	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: #f40; }
span.steps b { color: #f40; 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 */
span.showmore {  }
span.showmore:hover { background: #eee; text-decoration: none; }
span.showmore span { display: none; padding: 0; margin: 0; }
span.showmore:hover span { display: inline; padding-right: 10px; position: absolute; background: #eee; }

/* content */
.content { margin: 5px 0 10px; padding: 3px 10px; border: solid 1px #666; }
.noborder { border: none !important; vertical-align: middle; padding-left: 0; padding-right: 0; }
.content table { width: 100%; white-space: nowrap; }
.content th {
	padding: 2px 5px;
	text-align: left !important; vertical-align: bottom;
	font-style: normal; font-weight: normal; text-decoration: none;
	border: none;
	color: #444;
	font-size: 9pt;
	}
.content th.selected { color: #f40; }
.content th b { color: #f40; }
.content td { padding: 2px 5px; vertical-align: middle; }
.content td a { text-decoration: none; }
.content .list th { font-size: 8pt; border-bottom: solid 1px #666; }
.content .list td { font-size: 8pt; color: #000; border-bottom: solid 1px #666; }
.content tr:hover { background-color: #eee; }
.editable { background-color: #ddd; }
.footer { font-size: 8pt; margin-top: 7px; }
.footer a { color: #666; margin-right: 10px; text-decoration: underline; }
.footer a:hover { color: #000; }
.selected td { color: #f40 !important; }
.inactive td { color: #999 !important; }
input { padding: 2px 5px; border: solid 1px #666; color: #000 !important; }
input:hover { border: solid 1px #f40; }
input:focus { border: solid 1px #f40; }
input.button { color: #f40 !important; background-color: #fff !important; }
select { border: solid 1px #666; }
option { padding: 0 2px; }

.selected { }
.notselected { display: none; }

/* validation */
.info { font-size: 70%; color: #999; }
.error { padding: .1em 0; font-size: 70%; 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; }

/* bottom */
div.bottom { width: 800px; text-transform: uppercase; text-align: right; clear: both; margin: .5em; font-size: 7pt; color: #999; }
.bottom a { color: #666; text-decoration: underline; }
.bottom a:hover { color: #fff; text-decoration: underline; }
	
/* map */
#map { width: 800px; height: 400px; }
.mapbubble { font-size: 10pt; }
.mapbubble b { color: #f40; }
.mapbubble a { color: #900; }
.mapbubble a:hover { color: #f40; text-decoration: underline; }