/* resets/normalizers/alwaysreallyhandys */
	body {
		margin:0;
		padding:0;

      /* mimic scrolling behaviour of all other browsers. But perhaps IE is actually more consistent,
         and it should be 'scroll' so other browsers mimic IE. Wait for IE8. */
		overflow-y:auto;
		-ms-overflow-y:auto;
	}
	a img {
		border:0;
	}
	img {
		-ms-interpolation-mode:bicubic;
	}

	ul, ol, li {
		margin:0;
		padding:0;
	}
	ul, ol {
		margin:0;
	}
	form {
		margin:0;
	}
	input, select, textarea {
		font-family:Arial, Helvetica, sans-serif;
      	font-size:11px;
	}
   body input.hidden,
   body input[type='hidden'] {
	   display:none !important;
   }
	textarea {
		padding:5px;
	}

/* utility */
	.shoehorn {
		clear:both;
      line-height:1px;
		font-size:1px;
		height:1px; /* the 1px things are just habit. must be tested with zeroes */
		margin-top:-1px; /* neutralization of the 1px height */
	}
   .link_button {
   }
   .link_button a {
      display:block;
   }
   .error_message, .info_message {
      padding:10px;
      border:1px solid #d20000;
      color:#d20000;
      margin:10px 0;
   }
   .error_message h3, .info_message h3 {
      font-size:13px;
      margin:0 0 10px 0;
      font-style:normal;
   }
   .info_message {
      border:1px solid #1b00bf;
      color:#1b00bf;
   }

   /* Generic Form Styles */
   input.submitbutton {
      xwidth:auto !important;
      xfont-size:11px;
      float:left;
      margin-top:5px;
	  background:url(../gfx/bg_button_contact.jpg) repeat-x #393f45;
	  border:1px solid #393f45;
	  color:#ffffff;
	  width:202px;
	  height:21px;
	  padding-bottom:3px;
   }
   a.button {
      padding:1px 8px 1px;
      width:100px;
      float:right;
      text-decoration:none;
      white-space:nowrap;
      text-align:center;
   }
   a.button:hover {
   }
   a.button:active {
   }

   /* Standard form format styles */
   .formfield {
      float:left;
      width: 380px;
      margin-bottom:2px;
   }

   .formfield label {
      width:150px;
      float:left;
      xpadding-top:5px;
   }
   .formfield input,
   .formfield textarea,
   .formfield select {
      width:170px;
      float:right;
      border:1px solid #212e37;
	  background:#212e37;
	  color:#ffffff;
	  margin:0px;
	  padding:0px;
   }
   .formfield select {
      width:51%;
   }
   .formfield textarea {
      height:94px;
      width:190px !important;
      xwidth:292px !important;
	  float:left;
	  overflow:auto;
   }

   /* Special stlyes for groups of checks and radios */
   .formfield .checkradiocombo {
      float:left;
      width:100%;
      padding:2px 0;
	  margin:0;
   }
   .formfield input.checkradio {
      width:auto;
      float:left;
      border: 0;
	  margin:0 5px 0 0;
	  background:#101920;
   }
   .formfield label.checkradio {
      width:auto;
      float:none;
      position:relative;
      top:1px;
   }
   /* For a span in place of a field. A more workable alternative to a readonly field. */
   .formfield .fixed_fieldvalue {
      width:50%;
      float:right;
      padding-top:2px;
   }
   .form_text {
      margin-bottom:6px;
	  position:relative;
	  z-index:-1;
   }
   .form_text  strong{
      color:#6dcff6;
   }
   .form_text h2 {
	  color:#67c3e8;
	  font-family:Corbel;
	  font-size:14px;
	  text-transform:uppercase;
	  margin-top:4px;
	  margin-bottom:-10px;
}

   /* fixing styles for FILE inputs, which perform badly in narrow situations
      because IE and FFX have personal vendettas against allowing them to be styled.
   */
   input.fileinput {
      /* FFX and everyone else: move to next line. FFX won't adjust *visual* width, which is a shame. WebKit (safari & chrome) will, so they're okish. */
      width:302px !important;
      /* IE6, 7 and 8. */
      *width:304px !important;
   }