﻿body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 70%;
    color: #666666;
}

img { border: none; }

ul.nav li a,
ul.nav2 li a
{
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

ul.nav li a span { cursor: pointer; }
ul.nav li a:hover { text-decoration: none; }

.header .date
{
    font-size: 1.4em;
    color: #999999;
}

.header .contact-details
{
    font-size: 2em;
    line-height: 1.5em;
    text-align: right;
    color: #333333;
}

h1
{
    font-size: 3.0em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 5px;
    line-height: 0.8em;
}

h2
{
    font-size: 1.5em;
    font-weight: bold;
    margin: 0px 0px 10px;
    color: #333333;
}

h3
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 0px 10px;
    color: #333333;
}

h4
{
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 4px;
    color: #333333;
}

h5
{
    font-size: 1.3em;
    font-weight: bold;
    margin: 0px 0px 10px;
}

p
{
    margin: 0px 0px 15px;
    padding: 0px;
    line-height: 1.6em;
    text-align: justify;
}

.rhcol ul
{
    margin: 0px 0px 15px;
    padding: 0px;
    line-height: 1.6em;
    list-style-type: disc;
    text-align: justify;
}

.rhcol ul li
{
    margin: 0px 0px 5px 15px;
    padding: 0px;
}

p.disclaimer
{
    font-size: 0.9em;
    margin: 0px 0px 10px;
    line-height: 1.4em;
}

.nomargin { margin: 0px; }
.reduced { margin: 0px 0px 8px; }
.nowrap { white-space: nowrap; }

a
{
    text-decoration: none;
    outline: none;
}

a:hover { text-decoration: underline; }

input.text,
textarea,
select
{
    border: solid 1px #cccccc;
    padding: 4px 9px;
    margin: 2px 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.2em;
    color: #666666;
}

input.submit
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 5px 10px;
    border: none;
    outline: none;
    cursor: pointer;
    width: 138px;
    text-align: right;
    text-transform: uppercase;
}

.client-logo
{
    width: 108px; 
    height: 108px; 
    border: solid 1px #f5c0d9; 
    float: left;
    margin: 0px 4px 4px 0px;
}

table.greenguage
{
    border-collapse: collapse;
}

table.greenguage th 
{
    padding: 0px 10px 5px 0px;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.5em;
    text-align: left;
}

table.greenguage td
{
    padding: 0px 0px 5px;
    vertical-align: top;
    line-height: 1.5em;
}

table.data
{
    width: 100%;
    border-collapse: collapse;
}

table.data th 
{
    text-align: left;
    padding: 4px;
    background: #fcecf4;
    border: solid 1px #fcecf4;
    color: #b51a8a;
}

table.data td
{
    padding: 4px;
    border: solid 1px #fcecf4;
}

/* THEMES */
.pink h1, .pink a, .pink .accent, .pink input.submit { color: #b51a8a; }
.green h1, .green a, .green .accent, .green input.submit { color: #008752; }
.orange h1, .orange a, .orange .accent, .orange input.submit { color: #f26532; }
.black h1, .black a, .black .accent, .black input.submit { color: #231f20; }

.pink input.submit { background: #b51a8a; color: #ffffff; }
.pink input.submit:hover { background: #e40e62; color: #ffffff; }

.green input.submit { background: #7ac141; color: #ffffff; }
.green input.submit:hover { background: #008752; color: #ffffff; }