body
{
  font-family: Arial, helvetica, arial, sans-serif;
  font-size: 12px;
}

form
{
  margin: 0;
  padding: 0;
  display: inline;
}
a:link
{
  color: #0000cd;
  padding: 0px 0px 0px 0px;
}

a:visited
{
  color: navy;
  padding: 0px 0px 0px 0px;
}

a:hover
{
  color: #800080;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
}

a:active
{
  color: #ff0000;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
}


/* --- headings --- */

h1, h2, h3, h4
{
  margin: 0px;
  color: #800080;
  font-family: helvetica, arial, sans-serif;
}
h1
{
  font-size: 20px;
  letter-spacing: -0px;
}

h2
{
  font-size: 16px;
}

h3
{
  font-size: small; /*/*/
  font-size: medium; /* */
}
h4
{
  font-size: small;
}

/* --- images and photos --- */

img
{  border-style: none;
}


.imagecenter, .imageleft, .imageright
{
  border: 0;
  display: block;
}
.imagecenter
{
  float: none;
  padding: 5px;
  margin: auto;
}
.imageleft
{
  float: left;
  padding: 0 5px 5px 0;
}
.imageright
{
  float: right;
  padding: 0 0 5px 5px;
}

.photoright
{
  border: 0;
  float: right;
  text-align: center;
  padding: 0 0 5px 5px;
}
.photoleft
{
  border: 0;
  width: 250px;
  float: left;
  text-align: center;
  padding: 5px 0 5px 0;
}
.photocenter
{
  border: 0;
  width: 250px;
  clear: both;
  text-align: center;
  padding: 5px;
  margin: auto;
}

.center4
{
  width: 400px;
  float: none;
  padding: 5px;
  margin: auto;
}
.center5
{
  width: 500px;
  float: none;
  padding: 5px;
  margin: auto;
}

.navimages
{
  text-align: center;
  float: right;
  width: 255px;
  padding: 0 0 0 5px;
}
.navimages img
{
  float: right;
  width: 250px;
  margin: 5px 0 0 0;
  border: 0;
}

.SmallDropdown
{
font-size:11px;
 margin:3px 0px 3px 0px;
}

/* --- tables --- */
.tableheading, td.tableheading, th.tableheading, .election th
{
  font-weight: bold;
  font-size: 16px;
  color: #800080;
  background-color: #c0c0c0;
  text-align: center;
}

td.tableheading
{
  background-color: #d0d0d0;
  background: #d0d0d0 url(images/background-medium.gif);
}

.eventresults
{
  text-align: center;
  border: 0;
  margin: auto;
}
.eventresults .bar
{
  background: #d0d0d0;
  height: 1px;
  display: block;
}
.eventresults td, .eventresults th
{
  padding: 3px;
}
.eventresults .name
{
  white-space: nowrap;
}
.eventresults .model, .eventresults .legend, .eventresults .name
{
  text-align: left;
}
.eventresutls .points, .eventresults .name
{
  font-weight: bold;
}
.eventresults .car, .eventresults .average
{
  color: #800080;
}
.eventresults .paxaverage
{
  color: #000000;
}
.eventresults .key
{
  text-align: right;
  font-weight: bold;
}
.eventresults .hot .car, .eventresults .hot .average, .eventresults .hot .paxaverage, .eventresults .hot .points, .eventresults .hot a
{
  font-weight: bold;
  color: #ff0000;
}

.election
{
  margin: 10px auto;
  padding: 2px;
}
.election th, .election td
{
  padding: 5px;
}
.election td
{
  border-bottom: 1px dashed #800080;
}
.election .office
{
  color: purple;
}
.election .candidate
{
  font-weight: bold;
}
.election .votes
{
  text-align: right;
  padding: 3px;
}

.classification
{
  margin: 10px auto;
  padding: 0;
}
.classification td, .classification th
{
  padding: 4px;
}
.classification td
{
  border-bottom: 1px dashed #800080;
}
.classification .points
{
  text-align: right;
}
.classification .class
{
  font-weight: bold;
  text-align: right;
}

.rowodd
{
  background: #e0e0e0;
}

/* --- text classification --- */


.eventsummary
{
  border: 2px solid #c0c0c0;
  padding: 5px;
  margin: 0 0 5px 5px;
  text-align: right;
  float: right;
}
.articleimages
{
  width: 250px;
  float: right;
}

.external, .external a:link, .external a:visited, a.external:link, a.external:visited, .moreinfo, .moreinfo a:link, .moreinfo a:visited, a.moreinfo:link, a.moreinfo:visited, .purple, .purple a:link, .purple a:visited, a.purple:link, a.purple:visited
{
  color: #800080;
}

.external a:active, .external a:hover, a.external:active, a.external:hover, .moreinfo a:active, .moreinfo a:hover, a.moreinfo:active, a.moreinfo:hover, .purple a:active, .purple a:hover, a.purple:active, a.purple:hover
{
  color: #ff0000;
  text-decoration: none;
}

.pover, A.pover:link, A.pover:visited
{
  font-weight: bold;
  color: #800080;
}
A.pover:active, A.pover:hover
{
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
}

.hot
{
  font-weight: bold;
  color: #ff0000;
}
.hotNotBold
{
  font-weight: bold;
  color: #0000ee;
}

.rover, A.rover:link, A.rover:visited
{
  font-weight: bold;
  color: #ff0000;
}
A.rover:active, A.rover:hover
{
  font-weight: bold;
  color: #800080;
  text-decoration: none;
}

A.homeindex:link, A.homeindex:visited
{
  font-weight: bold;
  color: #800080;
}
A.homeindex:active, A.homeindex:hover
{
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
}

A.bimmerindex:link, A.bimmerindex:visited
{
  font-weight: bold;
  font-size: medium;
}
A.bimmerindex:active, A.bimmerindex:hover
{
  font-weight: bold;
  font-size: medium;
  text-decoration: none;
}

A.clean:hover, A.clean:link, A.clean:active, A.clean:visited, .clean a:hover, .clean a:link, .clean a:active, .clean a:visited
{
  background-color: transparent;
  text-decoration: none;
}

.articleclass
{
  margin: 0 0 10px 0;
}
.articleclass img
{
  border: 0;
}
.caption
{
  color: navy;
  font-size: 95%;
}
A.caption:active, A.caption:hover, .caption a:active, .caption a:hover
{
  color: red;
  text-decoration: underline;
}
A.caption:link, A.caption:visited, .caption a:link, .caption a:visited
{
  text-decoration: none;
}

.light, a.light:link, a.light:visited, .light a:link, .light a:visited, .author, .issue
{
  color: #666;
}
A.light:active, A.light:hover, .light a:active, .light a:hover
{
  color: #800080;
  text-decoration: none;
}

.medium
{
  color: #000000;
}

div.copyright
{
  margin: 10px 0;
}
.copyright p
{
  text-align: center;
  font-size: x-small;
  padding: 0;
  margin: 0;
}

.spam, .welcome, A.welcome:link, A.welcome:visited, .welcome a:link, .welcome a:visited, .validity, A.validity:link, A.validity:visited, .validity a:link, .validity a:visited, .copyright, A.copyright:link, A.copyright:visited, .copyright a:link, .copyright a:visited
{
  font-size: x-small;
  color: gray;
}
.titlebar .spam
{
  color: #800080;
}

A.welcome:active, A.welcome:hover, .welcome a:active, .welcome a:hover, A.validity:active, A.validity:hover, .validity a:active, .validity a:hover, A.copyright:active, A.copyright:hover, .copyright a:active, .copyright a:hover
{
  font-size: x-small;
  color: #800080;
  text-decoration: none;
}


.checkbox
{
  color: #333333;
}

.sidebar
{
  background-color: #ffffff;
}

.tablelight
{
  background-color: #e6e6e6;
}

.bimmersubtitle
{
  font-weight: bold;
}

.callout
{
  font-weight: bold;
  font-size: large;
  color: #000000;
}

.welcome .date
{
  display: block;
  float: right;
}


/* --- table formatting --- */

th
{
  font-weight: bold;
  color: #800080;
  text-align: center;
}
.bigtableheading1
{
  font-weight: bold;
  font-size: medium;
  color: #ffffff;
  background-color: #606060;
  text-align: center;
  letter-spacing: -1px; /*/*/
  background-image: url(images/background-dark.gif); /* */
}
.bigtableheading2
{
  font-weight: bold;
  font-size: medium;
  color: #ffffff;
  background-color: #808080;
  letter-spacing: -1px; /*/*/
  background-image: url(images/background-medium.gif); /* */
}
.bigtableheading3
{
  font-weight: bold;
  font-size: medium;
  color: #800080;
  letter-spacing: -1px;
}



/* --- navigation --- */

.titlebar
{
  font-weight: bold;
  font-size: medium;
  color: #ffffff;
  background-color: gray;
  text-align: center; /*/*/
  background-image: url(images/background-dark.gif);
  font-size: large;
  letter-spacing: -1px; /* */
}
h2.titlebar
{
  margin: 4px 0;
  padding: 4px;
}

.titletop
{
  font-weight: bold;
  font-size: medium;
  color: #800080;
  letter-spacing: -1px;
}
.bimmerarticle
{
  /*background-color: #000000*/
}
.topbar, .navbar
{
  color: #000000;
  background-color: #c0c0c0; /*/*/
  background-image: url(images/background-medium.gif); /* */
  background: #ffffff;
}

.maincontent
{
  padding-left: 25px;
  padding-right: 15px;
}
.topbar, .titleimage
{
  border: 1px dashed #aaa;
  border-bottom: 0;
}

.navbar p.caption, .navbar p.clean
{
  text-align: center;
  width: 200px;
}
.topline
{
  border-top: gray 1px solid;
}
.full
{
  display: block;
  clear: both;
}



/* --- lists --- */

.autocrosscone p, p.autocrosscone, .autocrosscone li, li.autocrosscone
{
  list-style: none; /*/*/
  background: url(images/cone-bullet.gif) no-repeat;
  margin: 0;
  padding: 0 0 6px 20px; /* */
}

.spin p, p.spin
{
  /*/*/
  border-bottom: 1px solid #cccccc;
  margin-left: 50px; 
  margin-right: 15px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 5px 5px 5px 5px;  
}

.spin2 p, p.spin2
{
  /*/*/
  border-bottom: 1px solid #cccccc;
  /* margin-left: 50px; */
  margin-right: 15px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 5px 5px 5px 5px;  
}






.spinNewsFlash p, p.spinNewsFlash
{
  /*/*/
  background-color: lemonchiffon;
  border: 1px solid #fcfabb;
  margin-left: 50px;
  margin-right: 15px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 5px 5px 5px 5px;
   /* */
}




.spin .newsdate
{
  color: gray;
}

.hitcounter img
{
  width: 15px;
  height: 20px;
}

.fancy dt
{
  font-weight: bold;
}
.fancy
{
  padding-left: 20px;
}

/* main menu - remember this css looks ugly thanks to nn4 support */

.mainmenu a
{
  display: block;
  text-decoration: none;
  padding: 0 4px 0 4px;
  margin: 2px 0 0 0;
  border: 1px solid #fff;
}

.mainmenu a:link, .mainmenu a:visited
{
  color: navy;
  background: #fff;
}

.mainmenu .k1l a:link, .mainmenu .k1l a:visited, .mainmenu .k2l a:link, .mainmenu .k2l a:visited, .mainmenu .k3l a:link, .mainmenu .k3l a:visited, .mainmenu .k4l a:link, .mainmenu .k4l a:visited
{
  color: #800080;
}

.mainmenu .k1s a:link, .mainmenu .k1s a:visited, .mainmenu .k2s a:link, .mainmenu .k2s a:visited, .mainmenu .k3s a:link, .mainmenu .k3s a:visited, .mainmenu .k4s a:link, .mainmenu .k4s a:visited
{
  color: #800080;
  border: 1px dashed #aaa;
}

.mainmenu a:hover, .mainmenu .k1l a:hover, .mainmenu .k1s a:hover, .mainmenu .k2l a:hover, .mainmenu .k2s a:hover, .mainmenu .k3l a:hover, .mainmenu .k3s a:hover, .mainmenu .k4l a:hover, .mainmenu .k4s a:hover
{
  border: 1px dashed #800080;
}

.mainmenu a:active, .mainmenu .k1l a:active, .mainmenu .k2l a:active, .mainmenu .k3l a:active, .mainmenu .k4l a:active
{
  color: #ff0000;
  border: 1px dashed #ff0000;
}


.k1 a:link, .k1 a:visited, .k1 a:hover, .k1 a:active, .k1l a:link, .k1l a:visited, .k1l a:hover, .k1l a:active, .k1s a:link, .k1s a:visited, .k1s a:hover, .k1s a:active
{
  font-size: medium;
  letter-spacing: -1px;
}

/*
.k2 a:link,  .k2 a:visited,  .k2 a:hover,  .k2 a:active,
.k2l a:link, .k2l a:visited, .k2l a:hover, .k2l a:active,
.k2s a:link, .k2s a:visited, .k2s a:hover, .k2s a:active,
.k3 a:link,  .k3 a:visited,  .k3 a:hover,  .k3 a:active,
.k3l a:link, .k3l a:visited, .k3l a:hover, .k3l a:active,
.k3s a:link, .k3s a:visited, .k3s a:hover, .k3s a:active,
.k4 a:link,  .k4 a:visited,  .k4 a:hover,  .k4 a:active,
.k4l a:link, .k4l a:visited, .k4l a:hover, .k4l a:active,
.k4s a:link, .k4s a:visited, .k4s a:hover, .k4s a:active { font-size: small }

.k1 b, p.k1s b, p.k1l b,
.k2 b, p.k2s b, p.k2l b,
.k3 b, p.k3s b, p.k3l b,
.k4 b, p.k4s b, p.k4l b { color: #800080 }

*/

p.k1, p.k1s, p.k1l
{
  margin: 0;
  padding: 0;
}
p.k2, p.k2s, p.k2l
{
  margin: 0;
  padding: 0 0 0 10px;
}
p.k3, p.k3s, p.k3l
{
  margin: 0;
  padding: 0 0 0 20px;
}
p.k4, p.k4s, p.k4l
{
  margin: 0;
  padding: 0 0 0 30px;
}


/*/*/a
{
}

.k1, .k1s, .k1l, .k2, .k2s, .k2l, .k3, .k3s, .k3l, .k4, .k4s, .k4l
{
  font-weight: bold;
}

.k1s a:link, .k1s a:visited, .k1s a:hover, .k1s a:active, .k2s a:link, .k2s a:visited, .k2s a:hover, .k2s a:active, .k3s a:link, .k3s a:visited, .k3s a:hover, .k3s a:active, .k4s a:link, .k4s a:visited, .k4s a:hover, .k4s a:active
{
  background-color: #ffffff;
}

/* */

/* --- formattting --- */

.LoginBox
{
  background-color: #F0F0ED;
  border-color: #d0d0d0;
  border-width: 1px 1px 1px 1px;
  border-style: double;
}

.LoginBox_td
{
  padding-bottom: 1px;
  padding-left: 8px;
  padding-right: 3px;
  padding-top: 8px;
}

.LoginBox_td_right
{
  padding-bottom: 1px;
  padding-left: 8px;
  padding-right: 3px;
  padding-top: 8px;
  text-align: right;
}

.alert
{
  background-color: #eeeeee;
  border: solid 1px red;
  padding: 5px 5px 5px 5px;
  color: Red;
  font-size: 15px;
}

.savedData
{
  background-color: #f4f4f4;
  border: solid 1px #aaaaaa;
  padding: 5px 15px 5px 15px;
  margin: 10px 25px 10px 25px;
  color: #333333;
  font-size: 14px;
}


.myMenu_OnClass
{
  font-weight: normal;
  text-decoration: none;
  border-bottom: solid 4px #557EF9;
}

.myMenu_OffClass
{
  font-weight: normal;
  text-decoration: none;
  border-bottom: solid 4px #D0D8E4;
}

.myMenu_PageClass
{
  font-weight: normal;
  text-decoration: none;
  border-bottom: solid 4px #0033cc;
}

.admin_table
{
  font-size: 13px;
}

td, th
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.buttonStyle125
{
  background-image: url(/_Images/buttons/blank_125.gif);
  padding-bottom: 4px;
  font-weight: bold;
  font-size: 9pt;
  color: Black;
  font-family: Verdana;
  width: 125px;
  height: 30px;
  border: none;
  background-color: Transparent;
}



/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: Blue;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
}

.SendEmail
{
  cursor: pointer; color: Blue; text-decoration: underline;
}
