@charset "UTF-8";

/* resets/normalizers/alwaysreallyhandys */
	body {
		margin:0;
		padding:0;
      border:0; /* kill IE body border. */
	}
	a img {
		border:0;
	}
   /* force resampling in IE7/8 */
	img {
		-ms-interpolation-mode:bicubic;
	}

	ul, ol, li {
		margin:0;
		padding:0;
	}
	ul, ol {
		margin-left:3em;
	}
	ul.menulist{
		margin:0;
		list-style:none;
		
	}
	ul.menulist li{
		display:inline;
		padding:0 3px;
	}
	
	
	form {
		margin:0;
	}
	input, select, textarea {
		font-family:tahoma;
      /*font-size:11px;*/
	}
   body input.hidden,
   body input[type='hidden'] {
	   display:none !important;
   }

/* utility */
	.shoehorn, .clearfix {
		clear:both;
      line-height:0px;
		font-size:0px;
		height:0px;
	}
   .error_message, .info_message {
      padding:10px;
      border:1px solid red;
      color:red;
      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 blue;
      color:blue;
   }

   /* Generic Form Styles */
   input.submitbutton {
      width:auto !important;
      font-size:12px;
      float:right;
      margin-left:10px;
   }
   div.button {
      background:url('../gfx/button_normal_left.gif') no-repeat 0 0;
      float:right;
      *width: 130px;
   }
   div.button a,
   div.button input,
   div.button button {
      text-align:center;
      text-decoration:none;
      white-space:nowrap;
      background:transparent url('../gfx/button_normal_right.gif') no-repeat 100% 0;
      border:0;
      padding:5px 15px;
      margin:0;
      display:inline-block;
      color:black;
   }

   /* Standard form format styles */
   /* Percentages are not an exact-fit 50%, due to possible pixel roundoff errors wreaking havoc upon the layout. */
   .formfield {
      float:left;
      width: 100%;
      clear:both;
      margin-bottom:5px;
   }
   .formfield label {
      width:45%;
      float:left;
      padding-top:3px;
   }
   .formfield input,
   .formfield textarea,
   .formfield select {
      width:49%;
      float:right;
      padding:1px 0;
   }
   .formfield select {
      width:49%;
   }
   .formfield textarea {
      height:80px;
      width:48% !important;
      padding:0.5%;
   }

   /* Special stlyes for groups of checks and radios */
   .formfield .checkradioset {
      width:49%;
      margin-left:51%;
      padding:2px 0;
      clear:right;
   }
   .formfield input.checkradio {
      width:auto;
      float:left;
      border: 0;
      margin-left:0;
      margin-right:5px;
      xoutline:1px dotted orange;
   }
   .formfield label.checkradio {
      width:auto;
      float:none;
      display:block;
      margin-bottom:5px;
      margin-left:20px;
      padding-top:0;
      *padding-top:3px; /* IE7 doesn't allow tight height of radios & checks, thus an extra push from the labels is necessary */
      xoutline:1px dotted plum;
   }
   /* For a span in place of a field. Usage: a readonly field; multiple smaller fiels as one. */
   .formfield .fixed_fieldvalue {
      width:49%;
      padding-top:2px;
      float:right;
   }
   /* to support multiple smaller inputs in the space of a field (example: zipcode) */
   .formfield .fixed_fieldvalue input {
      float:none;
   }
   /* Extra information near a field. */
   .formfield .formfield_tip {
      width:49%;
      margin-left:51%;
      padding-top:5px;
      clear:both;
      font-style:italic;
   }
   .formtext {
      margin-bottom:5px;
   }

   /* fixing styles for FILE inputs, which perform badly in narrow situations
      because IE and FFX have personal vendettas against allowing them to be styled.

      For 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.

      For IE6, 7 and 8: a little wider.
   */
   /*input.fileinput {
      width:302px !important;
      *width:304px !important;
   }*/