html, body {
	height: 100%;
	color: #4e3d2a; 
	font-size: 100.01%;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0;
	}
#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	}
#fg {position:relative; z-index:1;}
* html html {overflow-y:hidden;}
* html body {overflow-y:hidden;}
* html #bg {position:absolute; z-index:-1;}
* html {margin: 0;} 

/*img, div { behavior: url(/src/iepngfix.htc) }*/

/* menubar */
div#menubar {
	width: 100%; height:100px;
	background:url(/pix/themes/default/menubar_bg.png);
	font-size: 0.8em;
	position: relative;
	left: 0; top: 0;
	z-index:3;
}

/* login banner */
div#login {
	width: 770px; height:78px;
	margin: 0; padding: 0;
	background:url(/pix/themes/default/mw_menubar_fg.jpg);
	position: absolute;
	right: 2.5em; top: 0;
	z-index:1;
}
/* login form */
div#loginFrm {
	position:relative;
	top:1em;right:-2.5em;
	margin-left:5em;
	background:url(/pix/themes/default/menubar_textbg.png);
}

/* input languages */
.lng  {
	width: 100px;
	background: transparent;
	border: none; border-bottom: 1px solid black;
	margin-left: 5px; 
	position:relative;
}
/* input form field size */
.med  {
	width: 180px;
	font-size: 11px;
	background-color: #D7E5F2;
	color: #102132;
	border: 1px solid #284279;
	margin-right: 0px; 
	position:relative;
}
/* submit button */
.submit {
 font-size: 11px;
 background-color: #D7E5F2;
 color: #102132;
 margin-top: 3px;
 margin-bottom: 2px;
}
/* mwr banner */
div.logo {
	width: 380px; height:45px;
	margin: 0; padding: 0;
	position: absolute;
	left: 2.5em; top: 2.8em;
	z-index:2;
}

/* right info box */
div#Info {
	font-size: 0.8em;
	float: right; width: 210px;
	margin: 0 0 1em 0; padding: 0;
	border:none;
	background-color: #eee;
	position: relative;
}
div#Info p {
	font-size: 1.2em;
	padding: 0 0.5em;
}

/* right link to owner etc. */
div.rlink {
	margin: 0; padding: 0;
	vertical-align:middle;
	width:100%;
	position:relative;
}
.rlink a {
	display: block;
	margin: 0;
	padding: 0.5em;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	vertical-align:middle;
}
.rlink a:link {
	color: #dc3e63; 
	vertical-align: middle;
}
.rlink a:visited {
	color: silver; 
}
.rlink a:hover {
	color: #ff6d8f; background-color: #EAE4D7;
}
.rlink a:active {
	color: #dc3e63; 
}

/* agb links */
a.agb {
	font-weight: normal;
	font-size: .9em;
}
a.agb:link {
	color: #eda600; 
}
a.agb:visited {
	color: #eda600; 
}
a.agb:hover {
	color: #A57913;
}
a.agb:active {
	color: #eda600; 
}

/* right link to owner etc. */
div.tellshell {
	z-index:10;
	position:relative;
}
div.tell {
	z-index:11;
	position:absolute;
	top:13px;left:45px;
}
.tell a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	vertical-align:middle;
	padding-left:.5em;
}
.tell a:link {
	color: #cbaf91; 
	vertical-align: middle;
}
.tell a:visited {
	color: #cbaf91; 
}
.tell a:hover {
	color: #d28028; background-color: #f6fbdf;text-decoration: underline;
}
.tell a:active {
	color: #cbaf91; 
}

/* default link */
a.def {
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	vertical-align:middle;
}
a.def:link {
	color: #dc3e63; 
	vertical-align: middle;
}
a.def:visited {
	color: #b2a282; 
}
a.def:hover {
	color: #ff6d8f; background-color: #EAE4D7;
}
a.def:active {
	color: #dc3e63; 
}

/* center box content */
div#main {
	margin: 0 225px 1em 0;
	padding: 0.2em;
	border:none;
}
* html div#main {
    height: 1em;
  }
.box { 	
	margin:.25em; padding:0; 
	background:url(/pix/themes/default/white_bg.png);
	vertical-align: middle;
	position:relative; z-index:4;
}
.fbox { 	
	margin:.25em; padding:0; 
	vertical-align: middle;
	z-index:2;
	position:relative;
}
p.box { 	
	margin-left:1em;  
	background:none;
	line-height:50px;
}
p.fbox { 	
	margin-left:0.5em;  
	background:none;
	line-height:40px;
}
/* inner box */
.ibox { 	
	width:320px; height:auto;
	background-color:#eff3f5;
	border:1px solid silver;
	margin:0.25em; padding:0;
	position:relative; z-index:7;
}
.ibox2 { 	
	width:320px; height:auto;
	background-color:#F4E5E2;
	border:1px solid silver;
	margin:0.25em; padding:0;
	position:relative; z-index:7;
}

/* info box */
.ifobox { 	
	width:320px; height:auto;
	background-color:#FCBDD9;
	border:1px solid silver;
	margin:0.25em; padding:0;
	position:relative; z-index:7;
}

/* pixbox */
.pixbox { 	
	margin: 0; padding:0; 
	float: left;
	vertical-align: top;
}
.pixbox a {
	padding: 0.2em;
	font-weight: normal;
	font-size: 0.8em;
	text-decoration: underline;
}
.pixbox a:link {
	color: blue; 
}
.pixbox a:visited {
	color: blue; 
}
.pixbox a:hover {
	color: red; background-color: white;
}
.pixbox a:active {
	color: blue; 
}

/* vhclinfo */
.vinfo { 	
	margin: 0.5em; padding:0; 
	vertical-align: top;
}
td.vspec {
	margin: 0; padding:0;
	font-size: 0.8em;
	font-weight: normal; 
	line-height:1.4em;
	vertical-align: top;
}
td.vspec fieldset {
	margin: 0; padding:0;
}

/* overview tracks */
.ovtb { 	
	vertical-align: middle;
}
div.ovtb {
	border: 5px solid #e5d9c1; 
	background:url(/pix/themes/default/white_bg.png);
	margin: 0.25em 0.25em 1em 0.25em; padding: 0.5em;
	position:relative; z-index:4;
}
img.ovtb  {
	vertical-align: middle;
	margin: 0 2px 0 0; padding:0;
	border: none;
}
.ovtb a {
	display: block;
	line-height: 30px;
	vertical-align: middle;
	margin: 0; padding: 0;
	font-weight: normal;
	text-decoration: none;
}
.ovtb a:link {
	color: #4e3d2a; 
	vertical-align: middle;
}
.ovtb a:visited {
	color: silver; 
}
.ovtb a:hover {
	color: red; background-color: #f6fbdf;
}
.ovtb a:active {
	color: #4e3d2a; 
}
.pts {
	color: white; background-color: black;
	font-weight: bold;
	font-size: 2em;
	text-decoration: none;
	padding: 0 0.1em; margin: 0;
	position:absolute; top:0px; right:0px;
	z-index:12;
}
.avgpts {
	color: white; background-color: #453a2d;
	font-weight: normal;
	font-size: .3em;
	text-decoration: none;
	padding: 0 0.5em; margin: 0;
	position:absolute; bottom:-13px; right:0px;
	z-index:13;
}
tr.act {
	border-bottom:3px groove silver;
	background-color: white;
}
tr.lst {
	border-bottom:3px groove silver;
	background-color: #816c5f;
}
tr.exp {
	border-bottom:3px groove silver;
	background-color: #ab7378;
}


/* vehicles box  */
table.vbox {
	font-size: 0.8em; 
	width: 100%;
	margin: 0; padding: 0;
	position:relative;
	border:none; border-collapse:collapse;
	vertical-align:top;
}
ul.vbox {
	font-size: 0.8em; 
	width: 100%;
	margin: 0; padding: 0;
	position:relative;
}
ul.vbox li {
	list-style: none;
}
ul.vbox img {
	vertical-align: middle;
	margin: 0 0.2em 0 0.2em;
	padding: 0.2em;
}

/* inside box  */
ul.mcars {
	font-size: 0.8em; 
	background-color: #808080;
	width: 98%;
	margin: 0; padding: 0.2em;
	position:relative;
}
ul.mcars li {
	list-style: none;
}
ul.mcars img {
	vertical-align: middle;
	margin: 0 0.2em 0 0.2em;
	padding: 0.2em;
}

/* group drill down link */
li.hdr {
	list-style: none;
	background-color: #f6f3d4;
	margin: 0; padding: 0;
	border: none;
	position: relative;
}
li.hdr a {
	display: block;
	padding: 0.2em;
	font-weight: normal;
	text-decoration: none;
}
li.hdr a:link {
	color: #4e3d2a; 
}
li.hdr a:visited {
	color: #4e3d2a; 
}
li.hdr a:hover {
	color: black; background-color: #eee;
}
li.hdr a:active {
	color: #4e3d2a; 
}

/* group drill up link */
li.hdract {
	list-style: none;
	background-color: #f6f3d4;
	margin: 0; padding: 0;
	border: none;
	position: relative;
}
li.hdract a {
	display: block;
	padding: 0.2em;
	font-weight: normal;
	text-decoration: none;
}
li.hdract a:link {
	color: #4e3d2a; background-color: #eee6e7;
}
li.hdract a:visited {
	color: #666; background-color: #eee6e7;
}
li.hdract a:hover {
	color: black; background-color: #eee;
}
li.hdract a:active {
	color: white; background-color: #eee6e7;
}

/* page up/down */
li.page {
	list-style: none;
	background-color: #c7e3ef;
	text-align:center;
	margin: 0;
	padding: 0.2em;
	border-top: 1px solid gray;
	position: relative;
}
li.page a {
	display: block;
	text-align:center;
	font-weight: normal;
	text-decoration: underline;
}
li.page a:link {
	color: #4e3d2a; background-color: #c7e3ef;
}
li.page a:visited {
	color: #666; background-color: #c7e3ef;
}
li.page a:hover {
	color: red; background-color: #eee;
}
li.page a:active {
	color: white; background-color: #c7e3ef;
}

/* standard link */
li.std {
	list-style: none;
	background-color: #e3e1e1;
	margin: 0; padding: 0.5em 0.2em 0.5em 0.2em;
	border-top: 1px solid gray;
	position: relative;
}
li.std a {
	display: inline;
	font-weight: normal;
	font-size: 1em;
	text-decoration: underline;
}
li.std a:link {
	color: #4e3d2a;	background-color: #e3e1e1;
}
li.std a:visited {
	color: #4e3d2a;	background-color: #e3e1e1; 
}
li.std a:hover {
	color: red;	background-color: #e3e1e1; 
}
li.std a:active {
	color: #4e3d2a;	background-color: #e3e1e1; 
}

/* active trk */
li.nrm {
	list-style: none;
	background-color: #f6f3d4;
	margin: 0; padding: 0;
	border-top: 1px solid gray;
	position: relative;
}
li.nrm a {
	display: block;
	padding: 0.2em;
	font-weight: normal;
	text-decoration: none;
}
li.nrm a:link {
	color: #4e3d2a; background-color: #f6f3d4;
}
li.nrm a:visited {
	color: #666; background-color: #f6f3d4;
}
li.nrm a:hover {
	color: black; background-color: #eee;
}
li.nrm a:active {
	color: white; background-color: #eee;
}

/* last days trk */
li.out {
	list-style: none;
	background-color: #816c5f;
	margin: 0; padding: 0;
	border-top: 1px solid gray;
	position: relative;
}
li.out a {
	display: block;
	margin: 0; 		
	padding: 0.2em;
	font-weight: normal;
	text-decoration: none;
}
li.out a:link {
	color: white; background-color: #816c5f;
}
li.out a:visited {
	color: silver; background-color: #816c5f;
}
li.out a:hover {
	color: maroon; background-color: #9e897c;
}
li.out a:active {
	color: white; background-color: #9e897c;
}
span.out {
	color: white; background-color: #fcbf70;
	font-weight: normal;
	font-size: 0.8em;
	margin: 0; 
	padding: 0 0.2em 0 0.2em;
	text-decoration: none;
	position:absolute; top:0px; right:25px;
	z-index:4;
}

/* expired trk */
li.exp {
	list-style: none;
	background-color: #ab7378;
	margin: 0; padding: 0;
	border-top: 1px solid gray;
	position: relative;
}
li.exp a {
	display: block;
	margin: 0; 
	padding: 0.2em;
	font-weight: normal;
	text-decoration: none;
}
li.exp a:link {
	color: white; background-color: #ab7378;
}
li.exp a:visited {
	color: silver; background-color: #ab7378;
}
li.exp a:hover {
	color: maroon; background-color: #f6b7aa;
}
li.exp a:active {
	color: white; background-color: #f6b7aa;
}
span.exp {
	color: white; background-color: #f18e81;
	font-weight: normal;
	font-size: 0.8em;
	margin: 0; 
	padding: 0 0.2em 0 0.2em;
	text-decoration: none;
	position:absolute; top:0px; right:25px;
	z-index:4;
}
	
/* a-store widget */
ul.astorewdgt li {
	font-size:.9em;
	font-weight: bold;
	line-height:1.5em;
	margin: 0; padding: 0;
}
ul.astorewdgt li a {
	color: #1F6D85;
	display: block;
	text-decoration: none;
}
ul.astorewdgt li a:link {
	color: #1F6D85; 
}
ul.astorewdgt li a:visited {
	color: #1F6D85; 
}
ul.astorewdgt li a:hover {
	color: maroon; background-color: #EDEAE1;
}
ul.astorewdgt li a:active {
	color: #1F6D85; 
}

.pkt {
	text-align:center; 
	font-size:2.5em; 
	font-weight:bold;
	color:white;
	background-color:black;
	position:relative;
}
.ptssml {
	color: white; background-color: black;
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
	padding: 0.2em;
	position:absolute; 
	top:0px; right:0px;
	z-index:3;
}
	
/* top link */
.anker {
	text-align: center;
}
.anker a {
	display: block;
	margin: 0; padding: 0.5em 0;
	font-size: .8em;
	text-decoration: underline;
}
.anker a:link {
	color: #4e3d2a; 
}
.anker a:visited {
	color: #4e3d2a; 
}
.anker a:hover {
	color: red; background-color: #f6fbdf;
}
.anker a:active {
	color: #4e3d2a; 
}
	
/* gmap */
div#navmap {
			margin: 1em;
			padding: 0;
		}

div#map {
			margin: 1em;
			padding: 0;
			border: 1px solid silver;
		}
		
/* general graphs */
div.graff img {
			margin: 1em;
			padding: 0;
			border: 1px solid silver;
		}

/* lightbox links */
.lBox a {
	padding: 0.2em;
	font-weight: bold;
	text-decoration: none;
}
.lBox a:link {
	color: #4e3d2a; background-color: #efd;
}
.lBox a:visited {
	color: #666; background-color: #efd;
}
.lBox a:hover {
	color: black; background-color: #eee;
}
.lBox a:active {
	color: white; background-color: #eee;
}

/* footer */
div#footer {
	clear: both;
	font-size: 0.8em;
	margin: 1em 0; padding: 1em 0.5em;
	text-align: center;
	vertical-align: middle;
	background-color: #cec7c7; 
	position: relative;
}

/* main */
table.fbox{
  font-size:.8em; margin:0 0.5em;
}
table.fbox th{
  background-color: #e5d9c1;
  text-align: left;
}
table.fbox td{
  text-align: right;
}

table.fboxbrd{
  font-size:.8em; margin:0 0.5em;
}
table.fboxbrd th{
  background-color: #e5d9c1;
  text-align: left;
}
table.fboxbrd td{
  text-align: right;
  border-bottom:1px solid #CEC3AF;
}

div.lu {
	vertical-align: middle;
	background:url(/pix/themes/default/skidmarks.png) no-repeat;
	margin: 0; padding: 0;
	position:relative; z-index:13;
	height:48px;line-height:48px;
}
.lu a {
	font-size:1.5em; 
	margin-left:50px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	position:relative; z-index:14;
}
.lu a:link {
	color: #dc3e63; 
}
.lu a:visited {
	color: #dc3e63; 
}
.lu a:hover {
	color: #ff6d8f; 
}
.lu a:active {
	color: #dc3e63; 
}

