/* -------------------------------------------------------------- 
  
    base/all.css
    Includes reset styles and modification classes that can be 
    re-used across websites.

    Content:
    01 - Reset styles
    02 - Modification classes
    03 - General element styles
    04 - Form styles

---------------------------------------------------------------*/

/*---------------------------------------------------------------
01 - Reset styles (see http://meyerweb.com/eric/tools/css/reset/)
---------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

img
{ vertical-align: bottom; }

body
{ line-height: 1; }

ol, ul
{ list-style: none; }

blockquote, q
{ quotes: none;  }

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{ outline: 0; }

/* remember to highlight inserts somehow! */
ins
{ text-decoration: none; }

del
{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------------------------------
02 - Modification classes
---------------------------------------------------------------*/
.positionRelative
{ position: relative; }

.positionAbsolute
{ position: absolute; }

.positionFixed
{ position: fixed; }

.positionStatic
{ position: static; }

.clearLeft
{ clear: left !important; }

.clearRight
{ clear: right !important; }

.clearBoth
{ clear: both !important; }

.clearNone
{ clear: none !important; }

.floatLeft
{ float: left !important; }

.floatRight
{ float: right !important; }

.floatNone
{ float: none !important; }

.displayInline
{ display: inline !important; }

.displayBlock
{ display: block !important; }

.displayNone
{ display: none !important; }

.visibilityHidden
{ visibility: hidden !important; }

.visibilityVisible
{ visibility: visible !important; }

.textAlignRight
{ text-align: right !important; }

.textAlignLeft
{ text-align: left !important; }

.textAlignCenter
{ text-align: center !important; }

.textAlignJustify
{ text-align: justify !important; }

.textDecorationUnderline
{ text-decoration: underline !important; }

.textDecorationNone
{ text-decoration: none !important; }

.widthAuto
{ width: auto !important; }

.width100
{ width: 100% !important; }

.width75
{ width: 75% !important; }

.width66
{ width: 66% !important; }

.width50
{ width: 50% !important; }

.width33
{ width: 33% !important; }

.width25
{ width: 25% !important; }

.width10
{ width: 10% !important; }

.leader
{ margin-bottom: 0 !important; }

/* any element with this class will be hidden off screen, but should still be seen by screen readers */
.nonVisual
{
    position: absolute !important;
    left: -9000px !important;
    top: 0 !important;
}

legend.nonVisual
{
    display: none !important;
    visibility: hidden !important;
}

/*---------------------------------------------------------------
03 - General element styles
---------------------------------------------------------------*/
ul.horizontal
{
    overflow: hidden;
}

    ul.horizontal li
    {
        float: left;
        padding: 0 5px;
    }

    ul.horizontal li.first
    {
        padding-left: 0;
    }

/*---------------------------------------------------------------
04 - Form styles
---------------------------------------------------------------*/
div.formInput
{
    overflow: hidden;
}

    div.formInput label
    {
        float: left;
        display: block;
        width: 115px;
        padding: 2px 5px 2px 0;
    }

    div.formInput input.checkbox,
    div.formInput input.radio
    {
        margin: 0;
    }

    div.formInput input.radio
    {
        position: relative;
        top: 2px;
    }

    div.formInput input.text,
    div.formInput textarea,
    div.formInput select
    {
        padding: 2px;
        border: 1px solid #eee;
        font-family: inherit;
    }
    
    div.formInput input.text
    {
        width: 200px;
    }

div.formInput.inputFirst label
{
    float: none;
    display: inline;
    width: auto;
    padding-right: 0;
    padding-left: 5px;
}


div.noshow {display:none;}
#joinMailingList {float:right;}
.validationSummary {font-weight:bold;}