/* 
    Document   : global.css
    Created on : 25-sep-2009, 10:30:42
    Author     : Maghiel Dijksman <mail@mdijksman.nl>
    Description:
        Global layout, module default specific
*/
body
{
    padding                 : 0px;
    margin                  : 0px;

    background-color        : #FFFFFF;

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

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.localeHeader
{
    margin                  : 0;
    width                   : fill-available;
    height                  : 13px;

    background-color        : #76ADD6;
    background-image        : url('/images/layout/header-locale-background.png');
}

div.localeHeader div.frame
{
    margin                  : 0;
    width                   : 1000px;
    margin-left             : auto;
    margin-right            : auto;
}

div.localeHeader div.locale
{
    margin                  : 0;
    padding                 : 9px;
    width                   : 50px;
    height                  : 16px;
    float                   : right;

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

div.frame
{
	width					: 1000px;

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

    color                   : #000000;
}

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

    _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                     : 35px;
}

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

/* Header 2 */
div.header2j1
{
    margin                  : 0;
    height                  : 196px;
    border                  : 1px solid #EBEBEB;

    background-image        : url('/images/layout/header-jane01.png');
    background-position     : right;
    background-repeat       : no-repeat;
}

div.header2j2
{
    margin : 0;
    height                  : 196px;
    border                  : 1px solid #EBEBEB;

    background-image        : url('/images/layout/header-jane02.png');
    background-position     : right;
    background-repeat       : no-repeat;
}

/* Other */

div.contentFrame
{
    background-color        : #FFFFFF;
    padding                 : 0px;
    padding-top             : 0;

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

    _margin-top             : 0px;
}

div.columnHead
{
    margin                  : 0;
    height                  : 46px;
    background-image        : url('/images/layout/column-head-middle.png');
    background-repeat       : repeat-x;
}

div.columnHead span.headLeft
{
    width                   : 4px;
    height                  : 46px;
    float                   : left;
    background-image        : url('/images/layout/column-head-left.png');
}

span.columnHead span.headRight
{
    width                   : 4px;
    height                  : 46px;
    float                   : right;
    background-image        : url('/images/layout/column-head-right.png');
}

div.columnHead h3
{
    color                   : #FFFFFF;
    line-height             : 46px;
    margin                  : 0;
    margin-left             : 30px;
    font-size               : 16px;
}

div.columnHead h2
{
    color                   : #FFFFFF;
    line-height             : 46px;
    margin                  : 0;
    margin-left             : 30px;
    font-size               : 16px;
    text-transform          : capitalize;
}

div.columnHead h1
{
    color                   : #FFFFFF;
    line-height             : 46px;
    margin                  : 0;
    margin-left             : 30px;
    font-size               : 16px;
    text-transform          : capitalize;
    text-align              : left
}

div.leftColumn
{
    width                   : 230px;
    padding                 : 0;
    margin                  : 0;
    margin-bottom           : 10px;
    float                   : left;
}

div.centerColumn
{
    position                : relative;
    float                   : right;
    width                   : 760px;
}

div.rightColumn
{
    float                   : right;
}

/* FOOTER */
div.footer
{
    color                   : #FFFFFF;
    margin-top              : 10px;
    padding                 : 5px;

    background-image        : url('/images/layout/footer-background-new.png');
    background-repeat       : repeat-x;
}

div.footer div.floatLeft
{
    width                   : 780px;
    float                   : left;
}

div.footer div.floatRight
{
    width                   : 200px;
    float                   : right;
}

div.footer div.footerInner
{
    width                   : 1000px;
    margin-left             : auto;
    margin-right            : auto;
}

div.footer div.copyright
{
    text-align              : center;
    color                   : #124575;
    font-weight             : bold;
    background-image        : url('/images/layout/footer-border.png');
    background-position     : top center;
    background-repeat       : no-repeat;
    padding                 : 10px;
}

div.footer div.copyright
{

}

div.footer a
{
    color                   : #FFFFFF;
}

div.footer h4
{
    font-size               : 14px;
}

div.footer th
{
    color                   : #124575;
}


/* OTHER */
div.clear
{
    clear                   : both;
}

div.center
{
    text-align              : center;
}

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

/* MENU */
div.menu
{
    float                   : right;
    height                  : 25px;
	line-height 			: 25px;

	padding					: 0px;
	margin					: 0px;
    margin-top              : 70px;
    margin-right            : -80px;
    vertical-align          : bottom;

    border					: none;

    font-size               : 14px;
}

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;

    color                   : #9B9B9B;

	text-decoration			: none;
}

div.menu a:hover
{
	color					: #669ACC;

	text-decoration			: none;
}

div.menu li.active a
{

	color					: #669ACC;
}

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

	text-align				: center;
}

div.menu li.faqActive a
{
}

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

h1
{
    text-align              : center;

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

    margin                  : 0px;
}

h2
{
}

div.frame
{        
}

div.leftColumn
{    
}

div.centerColumn
{

}

div.rightColumn
{ 
    float                   : right;
    margin                  : 0;

    _width                  : 0%;
}

