/* Stylesheet maxspot Web-Server */
* {
  padding:	0;
  margin:	0;
}
body {
  font:		normal 11px "Trebuchet MS",Trebuchet,Arial,Verdana,Helvetica,sans-serif;
  background-color:#EFEFEF;
  color:	black;
}
table, th, td, input, select {
  font:		normal 11px "Trebuchet MS",Trebuchet,Arial,Verdana,Helvetica,sans-serif;
}
th {
  font-weight:	bold;
}
a {
  color:	#040;
  text-decoration: underline;
}
a:hover {
  color:	#070;
  text-decoration: underline;
}

#container {
  min-width:	850px;
  margin:	7px;
}

#header {
  height:	120px !important;
  background-color: #490;
  background-image: url(/images/maxspot-bg.png);
}
#header img.logo {
  position:	absolute;
  border:	none;
  top:		27px;
  left:		27px;
  z-index:	10;
}
#header #impr {
  position:	absolute;
  font-weight:	bold;
  font-size:	12px;
  line-height:	16px;
  background-color:transparent;
  color:	white;
  top:		18px;
  right:	18px;
  width:	auto;
  text-align:	right;
  z-index:	5;
}
#header #impr a {
  font-size:	12px;
  text-decoration: none;
  background-color: inherit;
  color:	white;
}
#header #impr a:hover {
  color:	#FEF28E;
}
#header #impr a.active {
  text-decoration: none;
  background-color:inherit;
  color:	#FFE800;
}
#header #slogan {
  position:	absolute;
  top:		80px;
  left:		212px;
  width:	auto;
  font-size:	20px;
  font-weight:	normal;
  background-color:transparent;
  color:	white;
  z-index:	4;
}

/* Navigation bar */
#nav {
  background-color: #040;
  background-image: url(/images/maxspot-bgsm.png);
  border-top:	solid 1px #999;
  height:	20px !important;
  padding-bottom:1px;
}
#nav th {
  text-align:	center;
  font-size:	12px;
  font-weight:	bold;
  border-left:	solid 1px #999;
}
#nav th.start { width: 20%; border-left: none; }
#nav th.hsmap { width: 20%; }
#nav th.list  { width: 20%; }
#nav th.faq   { width: 20%; }
#nav th.hotshots { width: 20%; }
#nav th.download { width: 20%; }

#nav a, #nav a:link, #nav a:visited {
  text-decoration: none;
  background-color:inherit;
  color:	white;
  display:	block;
}
#nav a:hover {
  text-decoration: none;
  background-color:inherit;
  color:	#FFE880;
}
#nav a.active {
  text-decoration: none;
  background-color:inherit;
  color:	#FFE800;
}

#banner {
  margin:	8px 10px 0 10px;
}
#sidebar_left {
  float:	left;
  width:	200px !important;
  margin:	4px 0 12px 0;
}
#sidebar_right {
  float:	right;
  width:	200px !important;
  margin:	4px 0 12px 0;
}
#sidebar_left h2, #sidebar_right h2,
#sidebar_left h3, #sidebar_right h3,
#sidebar_left h4, #sidebar_right h4 {
  font-weight:	bold;
  background-color:inherit;
  color:	#040;
  margin:	0;
  padding:	0;
}
#sidebar_left h2.top, #sidebar_right h2.top {
  font-size:	100.01%;
  text-align:	center;
  height:	15px !important;
  background-image: url(/images/maxspot-bgsm.png);
  background-color:#040;
  color:	white;
  margin-top:	8px;
  padding:	3px 0 2px 0;
}
#sidebar_left h3, #sidebar_right h3 { font-size: 110%; }
#sidebar_left h4, #sidebar_right h4 { font-size: 100%; }
#sidebar_left div.bg, #sidebar_right div.bg {
  background-color: white;
  color:	inherit;
  border:	solid 1px #490;
  border-top:	0;
  padding:	2px 4px;
}
#sidebar_left div.hs, #sidebar_right div.hs {
  text-align:	center;
  background-color: white;
  color:	inherit;
  border:	solid 1px #490;
  border-top:	0;
  padding:	8px 4px 8px 4px;
}
#sidebar_left div.hl, #sidebar_right div.hl {
  background-color: #F5F000;
  color:	inherit;
  border:	solid 1px #490;
  border-top:	0;
  padding:	4px 6px;
}
#sidebar_left p, #sidebar_right p {
  line-height:	11px;
  margin:	2px 0 0 0;
}
#sidebar_left p.tiny, #sidebar_right p.tiny {
  font-size:	9px;
  text-align:	center;
  padding:	0 3px 0 3px;
}
#sidebar_left p.more, #sidebar_right p.more {
  font-size:	9px;
  font-style:	italic;
  text-align:	right;
  margin-top:	2px;
  margin-bottom:4px;
}
#sidebar_left p.hotline, #sidebar_right p.hotline {
  text-align:	center;
  font-size:	13px;
  line-height:	16px;
  margin:	4px 0;
}
#sidebar_left ul, #sidebar_right ul {
  line-height:	13px;
  list-style:	circle;
}
#sidebar_left li, #sidebar_right li {
  margin-left:	16px;
  padding:	0;
}
#sidebar_left a, #sidebar_left a:link, #sidebar_left a:visited,
#sidebar_right a, #sidebar_right a:link, #sidebar_right a:visited {
  text-decoration: none;
}
#sidebar_left a:hover, #sidebar_right a:hover {
  text-decoration: underline;
}

#page, #firmware {
  width:	auto;
  margin-left:	204px;
  margin-right:	204px;
  margin-top:	12px;
  margin-bottom:12px;
  padding:	0;
}
#page li {
  display:	inline;
  margin-left:	12px;
}
#firmware li {
  margin-left:	20px;
  padding: 0;
}
#firmware ul {
  margin-bottom: 10px;
}
#firmware .small {
  font-size:	10px;
  font-weight:	normal;
}
#page li.menu {
  display:	block;
  margin-left:	12px;
}
#page dl {
  margin:	4px 0 8px 18px;
}
#page dd {
  line-height:	14px;
}
h1, h2, h3 {
  background-color:inherit;
  color:	#040;
  margin-top:	0;
  margin-bottom:6px;
  padding:	0 4px;
}
h1 { font-size: 15px; }
h2 { font-size: 13px; }
h3 { font-size: 11px; }
h3.ralign { text-align: right; }

p.text {
  text-align:	justify;
  margin-bottom:4px;
  padding:	0 4px 2px 4px;
}
p.ralign {
  text-align:	right;
  padding:	0 4px 2px 4px;
}
p.calign {
  text-align:	center;
  margin-bottom:4px;
  padding:	0 4px 2px 4px;
}
.warning {
  font-weight:	normal;
  background:	#FFF9C7;
  border:	solid 1px #FFE800;
  margin-bottom:10px;
  margin-top:	0px;
  padding:	7px;
}
.warning img {
  margin-right:	4px;
}
.warning p {
  margin:	0;
  padding:	0;
}

#gpl {
  margin-top:	12px;
  margin-bottom:12px;
  padding:	6px 0;
}
#gpl h1, #gpl h2, #gpl h3 {
  text-align:	center;
}

#order, #hotshots {
  width:	auto;
  margin-left:	204px;
  margin-right:	6px;
  margin-top:	12px;
  margin-bottom:12px;
  padding:	0;
}
#order fieldset {
  background-color:white;
  color:	inherit;
  border:	ridge 1px #DADADA;
  padding:	0 4px 4px 4px;
}
#order table, #hotshots table {
  background-color:white;
  color:	inherit;
}
#order th {
  background-color:inherit;
  color:	#040;
  font-size:	13px;
  text-align:	left;
  width:	100%;
  padding:	4px 2px 4px 2px;
}
#order td {
  padding:	2px;
}
#order td.head {
  background-color:inherit;
  color:	#040;
}
#order td.missing {
  font-weight:	bold;
  background-color:inherit;
  color:	maroon;
}
#order td.sm {
  text-align:	center;
  font-size:	10px;
}
#order td.price { text-align: right; }
#order .small {
  font-size:	10px;
  font-weight:	normal;
  background-color:inherit;
  color:	black;
}
#order caption {
  font-size:	9px;
  font-weight:	normal;
  text-align:	left;
  padding:	2px 0 4px 8px;
}
#order input {
  background-color:#F0F0F0;
  color:	inherit;
}
#order ul {
  line-height:	13px;
  list-style:	circle;
  margin-top:	6px;
  margin-bottom:12px;
}
#order li {
  margin-left:	24px;
  padding:	0;
}
#order b.article {
  background-color:inherit;
  color:	#040;
}
#order p.missing {
  text-align:	justify;
  background-color:inherit;
  color:	maroon;
  margin-bottom:4px;
  padding:	0 4px 2px 4px;
}
#order .tiny, #hotshots .tiny {
  font-size:	9px;
  padding-top:	6px;
}
#credits {
  float:	right;
  text-align:	center;
  width:	94px;
  margin:	2px 4px 2px 4px;
}
#credits img {
  margin-bottom:6px;
}
#page .list ul {
  line-height:	14px;
  list-style:	circle;
  margin-top:	6px;
  margin-bottom:12px;
}
#page .list li {
  display:	block;
}

#footer {
  clear:	both;
  font-size:	95%;
  text-align:	center;
  border-top:	solid 1px black;
  padding:	4px 0 12px 0;
}
#footer p.copyrights {
  line-height:	13px;
  margin:	12px 0 12px 0;
}
#footer ul {
  list-style-type: none;
  list-style-image: none;
  margin:	0;
  padding:	0;
}
#footer li {
  display:	inline;
  border-right:	1px solid #000000;
  text-align:	center;
  padding:	0 5px 0 2px;
  margin:	0;
}
#footer li.last {
  border:	none;
}