@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
{
    padding:0;
}

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:1pxdottedplum;
}

/* 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;
   }*/