/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body
{
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6em;
}

.primaryGreen
{
    color: #00AE9E;
    /*#008752*/
}

.primaryGreenBorder
{
    border: 1px solid #00AE9E;
}

input[type=submit]
{
    padding: 10px 15px;
    color: #ffffff;
    background: #11a36a;
    border: 1px solid #008579;
    text-shadow: 1px 1px 0px #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(29, 78, 23, 0.03), 0 0 4px rgba(29, 102, 0, 0.2);
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    background: -webkit-linear-gradient(top, #00aaa6, #00817e); /* For Safari */
    background: -o-linear-gradient(top, #00aaa6, #00817e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #00aaa6, #00817e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top, #00aaa6, #00817e); /* Standard syntax */
}

    input[type=submit]:hover
    {
        background: -webkit-linear-gradient(top, #04bcb8, #008e8b); /* For Safari */
        background: -o-linear-gradient(top, #04bcb8, #008e8b); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(top, #04bcb8, #008e8b); /* For Firefox 3.6 to 15 */
        background: linear-gradient(top, #04bcb8, #008e8b); /* Standard syntax */
    }

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    line-height: 1.2em;
}

h1
{
    font-size: 3em;
    margin-bottom: 0.5em;
}

h2
{
    font-size: 2em;
    margin-bottom: 0.75em;
}

h3
{
    font-size: 1.4em;
    margin-bottom: 1em;
}

h4
{
    font-size: 1.2em;
    margin-bottom: 1.25em;
}

h5
{
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

h6
{
    font-size: 1em;
    font-weight: bold;
}

    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
    {
        margin: 0;
    }

    /*titles with underlines*/
    h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline
    {
        border-bottom: 1px solid #eaeaea;
    }

h1.underline
{
    padding-bottom: 0.5em;
}

h2.underline
{
    padding-bottom: 0.75em;
}

h3.underline
{
    padding-bottom: 1em;
}

h4.underline
{
    padding-bottom: 1.25em;
}

h5.underline
{
    padding-bottom: 1.5em;
}

/* Text elements
-------------------------------------------------------------- */
.liveTextBox
{
    color: #666666;
}

p
{
    margin: 0 0 1.5em;
}

    p img
    {
        float: left;
        margin: 1.5em 1.5em 1.5em 0;
        padding: 0;
    }

        p img.right
        {
            float: right;
            margin: 1.5em 0 1.5em 1.5em;
        }

a:focus, a:hover
{
    color: #666;
}

a
{
    color: #a0a0a0;
    text-decoration: underline;
}

blockquote
{
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong
{
    font-weight: bold;
}

em, dfn
{
    font-style: italic;
}

dfn
{
    font-weight: bold;
}

sup, sub
{
    line-height: 0;
}

abbr, acronym
{
    border-bottom: 1px dotted #666;
}

address
{
    margin: 0 0 1.5em;
    font-style: italic;
}

del
{
    color: #666;
}

pre, code
{
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt
{
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}


/* Lists
-------------------------------------------------------------- */

li ul, li ol
{
    margin: 0 1.5em;
}

ul, ol
{
    margin: 0 1.5em 1.5em 1.5em;
}

ul
{
    list-style-type: disc;
}

ol
{
    list-style-type: decimal;
}

dl
{
    margin: 0 0 1.5em 0;
}

    dl dt
    {
        font-weight: bold;
    }

dd
{
    margin-left: 1.5em;
}


/* Tables
-------------------------------------------------------------- */

th
{
    font-weight: bold;
}

th, td
{
    padding: 4px 10px 4px 5px;
}

tr.even td
{
    background: #E5ECF9;
}

tfoot
{
    font-style: italic;
}

caption
{
    background: #eee;
}


/* Misc classes
-------------------------------------------------------------- */

.small
{
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}

.large
{
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}

.quiet
{
    color: #666;
}

.loud
{
    color: #000;
}

.highlight
{
    background: #ff0;
}

.added
{
    background: #060;
    color: #fff;
}

.removed
{
    background: #900;
    color: #fff;
}

.first
{
    margin-left: 0;
    padding-left: 0;
}

.last
{
    margin-right: 0;
    padding-right: 0;
}

.top
{
    margin-top: 0;
    padding-top: 0;
}

.bottom
{
    margin-bottom: 0;
    padding-bottom: 0;
}