﻿/* ////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) IT Pro Solutions BVBA 2010
//
// This material contains unpublished, copyrighted work, which includes
// confidential and proprietary information of IT Pro Solutions BVBA,
// Dijk 21/1, BE-2861 OLV-Waver, info@itprosolutions.be.
//
// All rights reserved. No copy of any part of this document is permitted
// without explicit written authorization from IT Pro Solutions BVBA.
//
// $Revision: $
// Last modified by $Author: $ on $Date: $
//
// ///////////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////////////////
//
// Defined Colors:
//
//  Lighter Blue: #AFD2F6
//  Light Blue: #469FF9
//  Blue: #368FE9
//  Dark Blue: #1871CB
//  Darker Blue: #0059B3
//  Green: #8CA224
//
//  White: #FFFFFF
//  Grey 1: #E6E6E6
//  Grey 2: #CCCCCC
//  Grey 3: #BFBFBF
//  Grey 4: #999999
//  Grey 5: #666666
//
// ///////////////////////////////////////////////////////////////////////// */

/* *, BODY, IMG, LABEL, BUTTON, INPUT, SELECT & TEXTAREA */
* { margin: 0px; padding: 0px; }

BODY {
  background: #E6E6E6 url(../Images/Body.png) repeat-x left top; color: #666666; cursor: default;
  font-family: "Helvetica", "Lucida Grande", Tahoma, Verdana, Sans-Serif;
  font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal;
  height: 100%; line-height: 20px; text-align: left; width: 100%; }

IMG { border: none; }

LABEL { cursor: pointer; }

BUTTON, INPUT, SELECT, TEXTAREA {
  font-family: "Helvetica", "Lucida Grande", Tahoma, Verdana, Sans-Serif;
  font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; }


/* ///////////////////////////////////////////////////////////////////////// */

/* H1, H2, H3, H4, H5 & H6 */
H1 { display: none; }

H2 { color: #0059B3; font-weight: normal; margin: 20px 0px; }

H3 { border-bottom: solid 2px #AFD2F6; color: #0059B3; font-weight: normal; margin: 20px 0px 10px; padding-bottom: 2px; }

H4 { color: #0059B3; font-size: 13px; margin: 10px 0px; }

H5 { font-size: 11px; margin: 10px 0px; }

H6 { border-bottom: solid 2px #AFD2F6; color: #0059B3; font-size: 16px; font-weight: normal; margin: 20px 0px 10px; padding-bottom: 2px; }


/* LI, P, STRONG & UL */
LI { margin: 0px 0px 0px 15px; }

P { margin-bottom: 10px; text-align: justify; }

STRONG { color: #333333; font-weight: bold; }

UL { margin-bottom: 10px; }


/* ///////////////////////////////////////////////////////////////////////// */

/* A:Link, A:Visited, A:Active & A:Hover */
A:Link, A:Visited { color: #368FE9; text-decoration: underline; }

A:Active, A:Hover { color: #0059B3; text-decoration: none; }


/* ///////////////////////////////////////////////////////////////////////// */

/* MasterPage */
.MasterPage { margin: 0px auto; position: relative; width: 960px; }


/* ///////////////////////////////////////////////////////////////////////// */

/* MasterPage Header */
.MasterPage .Header { height: 222px; }


/* MasterPage Header Languages */
.MasterPage .Header .Languages { font-size: 11px; text-align: right; }

.MasterPage .Header .Languages DT { border-left: solid 1px #666666; display: inline; margin-left: 7px; padding-left: 10px; }

.MasterPage .Header .Languages DD { border-left: solid 1px #666666; display: inline; margin-left: 7px; padding-left: 10px; }

.MasterPage .Header .Languages A:Link, .MasterPage .Header .Languages A:Visited { color: #666666; text-decoration: underline; }

.MasterPage .Header .Languages A:Active, .MasterPage .Header .Languages A:Hover { color: #666666; text-decoration: none; }

.MasterPage .Header .Languages A.Selected:Link, .MasterPage .Header .Languages A.Selected:Visited { color: #368FE9; text-decoration: none; }

.MasterPage .Header .Languages A.Selected:Active, .MasterPage .Header .Languages A.Selected:Hover { color: #0059B3; text-decoration: none; }

.MasterPage .Header .Languages DT.SiteMap { border: none; margin: 0px; padding: 0px; }


/* MasterPage Header Application */
.MasterPage .Header .Application DT { display: none; }


/* MasterPage Header MainMenu */
.MasterPage .Header .MainMenu { border-left: solid 2px #368FE9; border-right: solid 2px #368FE9; position: absolute; top: 121px; width: 956px; }

.MasterPage .Header .MainMenu LI { display: inline; font-size: 14px; font-weight: bold; line-height: 40px; margin: 0px; }

.MasterPage .Header .MainMenu LI.Selected { background: url(../Images/MainMenuSelected.png) repeat-x left top; border-left: solid 2px #469FF9; border-right: solid 2px #469FF9; display: inline-block; margin: 0px; padding: 0px 8px; text-decoration: none; }

.MasterPage .Header .MainMenu A:Link, .MasterPage .Header .MainMenu A:Visited { color: #FFFFFF; margin: 0px 10px; text-decoration: none; }

.MasterPage .Header .MainMenu A:Active, .MasterPage .Header .MainMenu A:Hover { color: #AFD2F6; text-decoration: none; }


/* MasterPage Header MainMenu SubMenu */
.MasterPage .Header .MainMenu .SubMenu { left: 0px; position: absolute; top: 40px; }

.MasterPage .Header .MainMenu .SubMenu LI { font-size: 13px; margin: 0px; }

.MasterPage .Header .MainMenu .SubMenu LI.Selected { background: none; border: none; color: #FFFFFF; margin: 0px 10px; padding: 0px; text-decoration: none; }

.MasterPage .Header .MainMenu .SubMenu A:Link, .MasterPage .Header .MainMenu .SubMenu A:Visited { color: #1871CB; text-decoration: none; }

.MasterPage .Header .MainMenu .SubMenu A:Active, .MasterPage .Header .MainMenu .SubMenu A:Hover { color: #FFFFFF; text-decoration: none; }

.MasterPage .Header .MainMenu .SubMenu LI.Selected A:Link, .MasterPage .Header .MainMenu .SubMenu LI.Selected A:Visited { color: #FFFFFF; text-decoration: none; }

.MasterPage .Header .MainMenu .SubMenu LI.Selected A:Active, .MasterPage .Header .MainMenu .SubMenu LI.Selected A:Hover { color: #FFFFFF; text-decoration: none; }


/* ///////////////////////////////////////////////////////////////////////// */

/* MasterPage Content SideBar */
.MasterPage .Content .SideBar { background: #FFFFFF; float: right; font-size: 11px; margin-left: 20px; padding: 10px; width: 200px; }


/* MasterPage Content SideBar Search */
.MasterPage .Content .SideBar .Search { background: #BFBFBF; border: solid 3px #E6E6E6; padding: 1px; position: absolute; right: 0px; top: 65px; }

.MasterPage .Content .SideBar .Search DL { background: #E6E6E6; border: solid 1px #FFFFFF; padding: 2px; }

.MasterPage .Content .SideBar .Search DT { display: none; }

.MasterPage .Content .SideBar .Search DD { display: inline; }

.MasterPage .Content .SideBar .Search .Button { background: #368FE9; border: solid 1px #1871CB; color: #FFFFFF; cursor: pointer; font-size: 11px; height: 22px; text-transform: uppercase; width: 60px; }

.MasterPage .Content .SideBar .Search .TextBox { border: solid 1px #368FE9; color: #1871CB; height: 16px; padding: 2px; width: 160px; }


/* MasterPage Content SideBar Posts */
.MasterPage .Content .SideBar .Posts { margin-top: -20px; }

.MasterPage .Content .SideBar .Posts LI { border-bottom: dotted 1px #CCCCCC; line-height: 15px; list-style-type: none; margin: 0px 0px 5px; padding-bottom: 2px; position: relative; }

.MasterPage .Content .SideBar .Posts LI P { font-weight: normal; margin: 0px; position: absolute; right: 0px; top: 0px; width: 130px; }

.MasterPage .Content .SideBar .Posts LI.NoBorder { background: #AFD2F6; border-bottom: none; margin: 0px 0px 10px; padding: 10px; }

.MasterPage .Content .SideBar .Posts LI.NoBorder P { font-weight: normal; position: relative; width: auto; }

.MasterPage .Content .SideBar .Posts P { font-weight: bold; margin-top: 10px; text-align: left; }


/* MasterPage Content SideBar Events */
.MasterPage .Content .SideBar .Events LI { border-bottom: dotted 1px #CCCCCC; list-style-type: none; margin: 0px 0px 5px; padding-bottom: 2px; }

.MasterPage .Content .SideBar .Events P { font-weight: bold; margin-top: 10px; text-align: left; }


/* MasterPage Content QuoteAndLinks */
.MasterPage .Content .QuoteAndLinks { float: left; margin-right: 20px; width: 220px; }

.MasterPage .Content .QuoteAndLinks DL { background: url(../Images/Quote.png) no-repeat left top; }

.MasterPage .Content .QuoteAndLinks DT { color: #FFFFFF; font-size: 16px; font-style: italic; padding: 43px 0px 44px; text-align: center; }

.MasterPage .Content .QuoteAndLinks DD { background: url(../Images/Quoter.png) no-repeat left top; color: #FFFFFF; font-size: 11px; font-style: italic; line-height: 23px; margin-top: 2px; padding-right: 10px; text-align: right; }

.MasterPage .Content .QuoteAndLinks P { background: url(../Images/Link.png) no-repeat left -23px; border-bottom: dotted 1px #8CA224; color: #FFFFFF; font-size: 11px; line-height: 23px; margin: 10px 0px 3px; padding: 0px 10px 3px; text-transform: uppercase; }

.MasterPage .Content .QuoteAndLinks LI { list-style-type: none; margin: 0px; }

.MasterPage .Content .QuoteAndLinks A:Link, .MasterPage .Content .QuoteAndLinks A:Visited { background: url(../Images/Link.png) no-repeat left top; color: #CCCCCC; display: block; font-size: 11px; line-height: 23px; margin-bottom: 2px; padding: 0px 10px; text-decoration: none; }

.MasterPage .Content .QuoteAndLinks A:Active, .MasterPage .Content .QuoteAndLinks A:Hover { background: url(../Images/Link.png) no-repeat left bottom; color: #FFFFFF; text-decoration: none; }


/* MasterPage Content SlideShow */
.MasterPage .Content .SlideShow { background: #FFFFFF; height: 200px; float: left; width: 480px; overflow:hidden; }

.MasterPage .Content .SlideShow IMG { margin: 20px 20px 0px; position: relative; }


/* MasterPage Content Carousel */
.MasterPage .Content .Carousel { background: #FFFFFF; float: left; height: 160px; margin: -22px 0px 0px 240px; position: relative; padding: 0px 20px; width: 440px; }

.MasterPage .Content .Carousel P { color: #368FE9; font-size: 14px; left: 205px; position: absolute; top: 64px; z-index: 1; }

.MasterPage .Content .Carousel LI P { color: #999999; font-size: 12px; left: 140px; margin: 0px; position: absolute; top: 75px; }

.MasterPage .Content .Carousel LI STRONG { color: #666666; font-size: 16px; font-weight: bold; left: 0px; position: absolute; top: 22px; }

.MasterPage .Content .Carousel .jcarousel-container { background: url(../Images/Carousel.png) repeat-x left top; height: 160px; }

.MasterPage .Content .Carousel .jcarousel-container-horizontal { padding: 10px 20px; width: 400px; }

.MasterPage .Content .Carousel .jcarousel-clip-horizontal { height: 150px; padding: 0px 10px; position: relative; width: 380px; }

.MasterPage .Content .Carousel .jcarousel-list-horizontal { height: 150px; }

.MasterPage .Content .Carousel .jcarousel-item { position: relative; }

.MasterPage .Content .Carousel .jcarousel-next-horizontal { background: url(../Images/Next.png) no-repeat left top; cursor: pointer; height: 45px; position: absolute; right: 5px; top: 75px; }

.MasterPage .Content .Carousel .jcarousel-next-horizontal:Hover { background-position: -32px 0px; }

.MasterPage .Content .Carousel .jcarousel-next-horizontal:Active { background-position: -64px 0px; }

.MasterPage .Content .Carousel .jcarousel-next-disabled-horizontal, .MasterPage .Content .Carousel .jcarousel-next-disabled-horizontal:Hover, .MasterPage .Content .Carousel .jcarousel-next-disabled-horizontal:Active { background-position: -96px 0px; cursor: default; }

.MasterPage .Content .Carousel .jcarousel-prev-horizontal { background: url(../Images/Previous.png) no-repeat left top; cursor: pointer; height: 45px; left: 5px; position: absolute; top: 75px; }

.MasterPage .Content .Carousel .jcarousel-prev-horizontal:Hover { background-position: -32px 0px; }

.MasterPage .Content .Carousel .jcarousel-prev-horizontal:Active { background-position: -64px 0px; }

.MasterPage .Content .Carousel .jcarousel-prev-disabled-horizontal, .MasterPage .Content .Carousel .jcarousel-prev-disabled-horizontal:Hover, .MasterPage .Content .Carousel .jcarousel-prev-disabled-horizontal:Active { background-position: -96px 0px; cursor: default; }


/* ///////////////////////////////////////////////////////////////////////// */

/* MasterPage Footer */
.MasterPage .Footer { color: #666666; clear: both; font-size: 11px; padding: 20px; text-align: center; }

.MasterPage .Footer DT { display: inline; }

.MasterPage .Footer DD { border-left: solid 1px #666666; display: inline; margin-left: 7px; padding-left: 10px; }

.MasterPage .Footer A:Link, .MasterPage .Footer A:Visited { color: #666666; text-decoration: underline; }

.MasterPage .Footer A:Active, .MasterPage .Footer A:Hover { color: #666666; text-decoration: none; }

.MasterPage .Footer .Company DT { font-weight: bold; }


/* ///////////////////////////////////////////////////////////////////////// */

/* ContentPage */
.ContentPage { background: #FFFFFF; float: left; padding: 0px 20px 10px; width: 440px; }

.ContentPage #GoogleMapsCanvas { border: solid 1px #666666; height: 328px; margin-bottom: 10px; width: 438px; }

.ContentPage #ToggleArchivedEvents { color: #368FE9; font-weight: bold; margin: 20px 0px 10px; text-decoration: underline; }

.ContentPage #ToggleArchivedEvents:Hover { color: #0059B3; cursor: pointer; text-decoration: none; }

.ContentPage #ArchivedEvents { display: none; }

.ContentPage #ToggleArchivedPosts { color: #368FE9; font-weight: bold; margin: 20px 0px 10px; text-decoration: underline; }

.ContentPage #ToggleArchivedPosts:Hover { color: #0059B3; cursor: pointer; text-decoration: none; }

.ContentPage #ArchivedPosts { display: none; }

.ContentPage #ContactInfo { width: 100%; }

/* WebForm */
#LoginWebForm { margin-bottom:20px; }
#LoginWebForm dt, #LoginWebForm dd { margin-bottom:10px; }
#LoginWebForm dt label { display:block; }
#LoginWebForm .TextBox { padding:2px 4px; border:1px solid #CCC; }
