/*
    Document   : global.css
    Created on : 25-sep-2009, 10:30:42
    Author     : Maghiel Dijksman <mail@mdijksman.nl>
    Description:
        Global layout
*/

body
{
    padding                 : 0px;
    margin                  : 0px;

    background-color        : #FFFFFF;

    font-family             : Arial, Helvetica, sans-serif;
    font-size               : 12px;
    color                   : #000000;
}

*:first-child+html body
{
    padding-bottom          : 10px;
}

img
{
    border                  : none;
}

a
{
	color					: #699CCE;
	text-decoration			: none;
    font-weight             : bold;
}

a:hover
{
    color                   : #FFAF00;
	text-decoration			: underline;
}

h1
{
    font-size               : 18px;
    color                   : #919293;
    text-transform          : uppercase;
}

h2
{
    font-size               : 14px;
    color                   : #919293;
    text-transform          : uppercase;
}

/* Global layout divs */
div.frame
{
	width					: 1000px;

	margin-top				: 10px;
	margin-left				: auto;
	margin-right			: auto;
	margin-bottom			: 10px;

    color                   : #000000;
}

*:first-child+html div.frame
{
    margin-top               : 0px;
}

div.header
{
    background-color        : #FFFFFF;
    height                  : 65px;
    padding                 : 10px;

    background-image        : url('/images/layout/header-background.png');

    _margin-bottom          : 10px;
}

div.header span.title
{
    color                   : #000000;
}

div.header span.description
{
    position                : relative;
    left                    : 100px;
    top                     : -40px;

    font-size               : 20px;
    font-weight             : bold;
}

div.header span.description span.blue
{
    color                   : #6699CB;
}

div.header span.locale
{
    line-height             : 18px;
    vertical-align          : middle;
    float                   : right;
}

div.header span.logo
{
    position                : relative;
    top                     : -20px;
}

div.header span.janeDoe
{
    position                : relative;
    top                     : -10px;
    left                    : 420px;
}

div.contentFrame
{
    background-color        : #FFFFFF;
    padding                 : 10px;
    margin-top              : 10px;
    margin-left             : auto;
    margin-right            : auto;

    _margin-top             : 0px;

    border                  : 1px solid #DEDEDE;
}

div.leftColumn
{
    display                 : inline;
    float                   : left;
    width                   : 158px;
}

div.centerColumn
{
    margin-top              : 10px;
    margin-bottom           : 10px;
}

div.rightColumn
{
    float                   : right;
}

div.footer
{
    background-color        : #FFFFFF;

    margin-top              : 10px;
    padding                 : 5px;

    text-align              : center;
}

div.footer div
{
    margin                  : 5px;
    padding                 : 0px;
    font-size               : 10px;
}

div.footer a
{
    color                   : #000000;
}

div.clear
{
    clear                   : both;
}

div.center
{
    text-align              : center;
}

div.alignRight
{
    width                   : 100%;
    float                   : right;
}

/* MENU */
div.menu
{
    width                   : 100%;
    height                  : 25px;
	line-height 			: 25px;

	padding					: 0px;
	margin					: 0px;
    margin-top              : 10px;

	border					: none;

    font-size               : 14px;
	text-transform			: uppercase;
}

div.menu ul
{
	display					: block;
    width                   : 100%;
	padding					: 0px;
	margin					: 0px;

	list-style				: none;
}

div.menu li
{
	float					: left;

	margin					: 0px;

	text-align				: center;
}

div.menu li a#menu-faq
{
	margin					: 0px;

	text-align				: center;
}

div.menu a
{
	display 				: block;
	_width					: 0%;
	min-height				: 25px;
	line-height				: 25px;

	margin					: 0px;
	padding					: 5px;
    padding-left            : 15px;
    padding-right           : 15px;

	background-color		: #797D86;
    background-image        : url('/images/layout/menu-background.png');
    background-repeat       : repeat-x;

    border                  : 1px solid #d6e4f1;
    
    color                   : #FFFFFF;

    text-transform          : lowercase;
	text-decoration			: none;
}

div.menu a:hover
{
	background-color		: #FFFFFF;
    background-image        : none;
	color					: #7AADE0;
        
	text-decoration			: none;
}

div.menu li.active a
{
	background-color		: #FFFFFF;
    background-image        : none;
	color					: #7AADE0;
}

div.menu li.faqActive
{
	float					: right;
	margin					: 0px;

	text-align				: center;
}

div.menu li.faqActive a
{
	background-color		: #FFFFFF;
}

div.menu li.right
{
    float                   : right;
    position                : relative;
}