﻿body
{
    /* center body */
    margin: 0 auto;
    /* default text style */
    color: #120b7c;
    font-family: Verdana, Arial;
    font-size: 0.75em;
}

p
{
    /* firefox and ie have different defaults for these settings */
    margin-top: 1em;
    margin-bottom: 1em;
}

a img
{
    border: 0;
}

div.wrapper
{
    /* center page */
    margin: 5px auto;
    /* assumes min 800x600 */
    width: 770px;
}

div.welcome
{
    /* center page */
    margin: 0 auto;
    /* assumes min 800x600 */
    width: 770px;
}

div.welcome img
{
    border: 0;
    margin: 0;
    padding: 0;
}

div.topimage
{
    float: left;
}

div.logo
{
    /* align logo right */
    text-align: right;
    /* make this div is the furthest on the right */
    clear: right;
    /* spacing before menu */
    margin-bottom: 15px;
}

div.logo img
{
    padding-right: 20px;
}

div.menu
{
    border-bottom: solid 1px #75dfb6;
    margin-left: 5px;
    padding-right: 5px;
}

div.dropdownmenu
{
    /* clear 1px border on bottom of menu bar */
    margin-top: 1px;
    background-color: transparent;
}

.menuitem div.bullet
{
    float:left; 
    margin-right: 5px;
    background-color: transparent;
}

.menuitem div.text
{
    float: left;
    background-color: transparent;
}

ul.menuitem
{
    padding: 0;
    margin: 0 0 0 1em;
}

ul.menuitem li
{
    padding: 0;
    margin: 0;
}

div.lhsimage
{
    float: left;
    width: 240px;
}

div.content
{
    float: left;
    width: 420px;
    padding-top: 90px;
}

div.rhsimage
{
    float: left;
    width: 110px;
    text-align: right;
}

div.content h1
{
    font-size: 1.6em;
    font-weight: normal;
    color: #75dfb6;
}

div.content h2
{
    font-size: 1.25em;
    font-weight: bold;
}

div.content p.error
{
    color: Red;
}

div.content a:link
{
    color: #120b7c;
}

div.content a:visited
{
    color: #120b7c;
}

div.content a:hover
{
    color: #75dfb6;
}

div.content input, div.content select, div.content textarea
{
    border: solid 1px #a7a7a7;
    color: #120b7c;
    background: white;
}

div.content .radiobutton input, div.content .checkbox input
{
    border: 0;
    background: none;
}

div.content select.dropdownlist option
{
    background: #e3f8f0;
}

div.person
{
    position: relative;
    float: left;
    width: 90px;
    height: 17em;
    font-size: 0.8em;
    margin-bottom: 15px;
    margin-right: 10px;
}

div.personlink
{
    position: absolute;
    width: 100px;
    bottom: 0;
}

div.peopleoverview
{
    float: left;
    width: 110px;
    margin-right: 10px;
}

div.peopledetails
{
    float: left;
    width: 300px;
}

table.salarytable
{
    /* equivalent to cellspacing=0 */
    border-collapse: collapse;
}

table.salarytable col
{
    width: 125px;
}

table.salarytable col.pqecol
{
    width: 100px;
}

table.salarytable thead
{
    background: #acecd3;
}
/*
table.salarytable thead td.pqecol
{
    background-image: url(left.png);
    background-position: left;
    background-repeat: no-repeat;
}

table.salarytable thead td.maximumcol
{
    background-image: url(right.png);
    background-position: right;
    background-repeat: no-repeat;
}
*/
table.salarytable td
{
    text-align: center;
    padding: 5px;
}

td.pqecol, td.averagecol, td.minimumcol
{
    border-right: solid 1px #91e5c4;
}

tr.nqrow, tr.row2, tr.row4
{
    background-color: #e3f8f0;
}

tr.row1, tr.row3, tr.row5
{
    background-color: #d6f5e9;
}

table.linkstable
{
    border-collapse: collapse;
}

table.linkstable tr
{
    height: 46px;
}

table.linkstable td.iconcol
{
    text-align: center;
    vertical-align: middle;
}

ul.terms
{
    font-size: 0.8em;
    list-style-type: disc;
    padding-left: 0;
    margin-left: 15px;
}

ul.terms li
{
    margin-left: 0;
}    

div.bottomimage
{
    clear: both;
    width: 100%;
}

div.marquee
{
    clear: both;
    margin-left: 30px;
}

div.marquee marquee
{
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #75dfb6;
}

div.testimonial
{
    display: inline;
    margin: 0 100px 0 0;
    padding: 0;
}

.navigationspacing
{
	border-left: solid 1px red;
	margin-right: 10px;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*[class$="clearfix"] { display: inline-block } /* ie7, ignored by opera 8 */
* html>body .clearfix { width: 100%; } /* ie mac only */
* html .clearfix { /* Hides from IE-mac \*/
height: 1px; /* End hide from IE-mac */ }