/* 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-left:3em;
	}
	form {
		margin:0;
	}
	input, select, textarea {
		font-family:arial;
      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 .submitbutton{
      background:url(../gfx/button_bg.jpg);
      border:1px solid #646464;
      color:#d54317;
      font-size:11px;
      padding:2px;

   }

   .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 {
      width:auto !important;
      font-size:12px;
      float:right;
      margin-left:10px;
   }
   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: 100%;
      margin-bottom:5px;
   }
   .formfield label {
      width:280px;
      float:left;
      padding-top:5px;
   }
   .formfield input,
   .formfield textarea,
   .formfield select {
      width:300px;
      float:right;
      border:1px solid #909090;
   }
   .formfield select {
      width:51%;
   }
   .formfield textarea {
      height:80px;
      width:290px !important;
      *width:292px !important;
   }

   /* Special stlyes for groups of checks and radios */
   .formfield .checkradiocombo {
      float:left;
      width:100%;
      padding:2px 0;
   }
   .formfield input.checkradio {
      width:auto;
      float:left;
      border: 0;
      margin-left:0;
      margin-right:5px;
   }
   .formfield label.checkradio {
      width:auto;
      float:none;
      position:relative;
      top:2px;
   }
   /* 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;
   }
   .formtext, .form_text {
      margin:5px 0;
      clear:both;
   }

   .form_field .submitbutton{
      background:url(../gfx/button_bg.jpg);
      border:1px solid #646464;
      color:#d54317;
      font-size:11px;
      padding:2px;
   }

   /* 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;
   }
