/* ////////////////////////////////////////////////////////////////////////////
//
// 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:$
//
// ///////////////////////////////////////////////////////////////////////// */

@import url('Reset.css');

/* @General
  -------------------------------------------------------------------------- */
html { background:#FFF url(../Images/bg-html.gif) repeat-x 0 0; }
body { font:80%/170% "Lucida Grande", Tahoma, Verdana, Sans-Serif; color:#000; background:transparent url(../Images/bg-body.gif) repeat-x left bottom; }
p { margin-bottom:10px; }
ul { margin-bottom:10px; }
strong { font-weight:bold; }
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; }
.NoShow { position:absolute; top:-9999px; left:-9999px; height:1px; width:1px; }

/* @Headers
  -------------------------------------------------------------------------- */
h1 {}
h2 { margin-bottom:20px; padding:0 90px; font-size:18px; line-height:90px; color:#FFF; background:transparent url(../Images/Heading2.png) repeat-y 0 0; }
h3 { margin:20px 0 10px; padding-bottom:5px; font-size:14px; border-bottom:2px solid #33A02C; }
h4 {}
h5 {}
h6 { margin-bottom:10px; font-size:16px; font-weight:bold; color:#0F1D0A; }

.Companies h2 { background-image:url(../Images/Heading2Companies.png); }
.Groups h2 { background-image:url(../Images/Heading2Groups.png); }
.Kids h2 { background-image:url(../Images/Heading2Kids.png); }
.Schools h2 { background-image:url(../Images/Heading2Schools.png); }


/* @Links
  -------------------------------------------------------------------------- */
a:link, a:visited { color:#0F1D0A; font-weight:bold; text-decoration:underline; }
a:hover { color:#F00; text-decoration:none; }
a:active { position:relative; top:1px; color:#56A92A; text-decoration:none; }


/* @MasterPage
  -------------------------------------------------------------------------- */
#MasterPage { margin:0 auto; width:960px; }


/* @Header
  -------------------------------------------------------------------------- */
#Header { position:relative; padding-top:12px; height:180px; }
#Header .Application { position:absolute; top:16px; left:0; width:235px; height:120px; }
#Header .Application dt a { display:block; text-indent:-9999px; width:325px; height:120px; background:transparent url(../Images/tGrom.png) no-repeat 0 0; }
#Header .Application dd { display:none; }

.Companies #Header .Application dt a { background:transparent url(../Images/tGromCompanies.png) no-repeat 0 0; }
.Groups #Header .Application dt a { background:transparent url(../Images/tGromGroups.png) no-repeat 0 0; }
.Kids #Header .Application dt a { background:transparent url(../Images/tGromKids.png) no-repeat 0 0; }
.Schools #Header .Application dt a { background:transparent url(../Images/tGromSchools.png) no-repeat 0 0; }


/* @Languages
  -------------------------------------------------------------------------- */
#Header .Languages { float:right; font-size:11px; text-align:right; }
#Header .Languages dt, 
#Header .Languages dd { display:inline; margin-left:7px; padding-left:10px; border-left:solid 1px #0F1D0A; }
#Header .Languages dt.SiteMap { margin:0; padding:0; border:none; }
#Header .Languages a { color:#0F1D0A; font-weight:bold; }
#Header .Languages a:hover,
#Header .Languages a.Selected { color:#0059B3; text-decoration:none; }


/* @MainMenu
  -------------------------------------------------------------------------- */
#Header .MainMenu { margin:112px 0 0 0; height:36px; text-align:right; }
#Header .MainMenu li { display:inline-block; margin:0 0 0 4px; font-size:14px; height:35px; font-weight:bold; background:#ABDA4D url(../Images/MenuItemRight.png) no-repeat right top; border-bottom:1px solid #FFF; }
#Header .MainMenu li:hover { background-color:#FFF; }
#Header .MainMenu li.Selected { background-color:#56A92A; border-bottom:1px solid #56A92A; }
#Header .MainMenu li.Selected a { color:#FFF; }
#Header .MainMenu a { display:block; padding:0 18px; height:35px; line-height:35px; color:#000; text-decoration:none; background:transparent url(../Images/MenuItemLeft.png) no-repeat 0 0; }
#Header .MainMenu a:active { top:0; }


/* @SubMenu
  -------------------------------------------------------------------------- */
#Header .SubMenu { position:absolute; left:0; bottom:0; margin:0; width:100%; height:32px; }
#Header .SubMenu li { margin:4px 0 6px; height:22px; background:none; border-bottom:none; border-left:1px solid #FFF; }
#Header .SubMenu li.NoBorder { border:none; }
#Header .SubMenu li:hover { background:none; }
#Header .SubMenu li.Selected { background:none; border-bottom:none; }
#Header .SubMenu li.Selected a,
#Header .SubMenu li.Selected a:hover { color:#0F1D0A; }
#Header .SubMenu a { height:22px; line-height:22px; font-size:12px; text-decoration:none; background:none; }
#Header .MainMenu .SubMenu a:hover { color:#0F1D0A; }


/* @TargetMenu
  -------------------------------------------------------------------------- */
#Header .TargetMenu { position:absolute; top:60px; right:0; width:50%; font-size:13px; text-align:right; z-index:10; }
#Header .TargetMenu li { display:inline; }
#Header .TargetMenu li.Companies a { border-color:#811788; }
#Header .TargetMenu li.Groups a { border-color:#FFB100; }
#Header .TargetMenu li.Kids a { border-color:#F00; }
#Header .TargetMenu li.Shools a { border-color:#F7DB36; }
#Header .TargetMenu li.Selected a { border-bottom-width:6px; }
#Header .TargetMenu a { margin-left:10px; padding:8px 12px; text-decoration:none; border-bottom:3px solid #ABDA4D; }
#Header .TargetMenu a:hover { color:#0F1D0A; border-bottom-width:6px; }


/* @Content
  -------------------------------------------------------------------------- */
.Content { overflow:hidden; }


/* @ContentPage
  -------------------------------------------------------------------------- */
#ContentPage { float:left; padding-top:20px; width:620px; }
#ContentPage #GoogleMapsCanvas { margin:30px 0; width:610px; height:300px; color:#333; border:5px solid #33A02C; }
#ContentPage #ToggleArchivedEvents { margin:20px 0 10px; color:#368FE9; font-weight:bold; text-decoration:underline; }
#ContentPage #ToggleArchivedEvents:hover { color:#0059B3; cursor:pointer; text-decoration:none; }
#ContentPage #ArchivedEvents { display:none; }
#ContentPage #ToggleArchivedPosts { margin:20px 0 10px; color:#368FE9; font-weight:bold; text-decoration:underline; }
#ContentPage #ToggleArchivedPosts:Hover { color:#0059B3; cursor:pointer; text-decoration:none; }
#ContentPage #ArchivedPosts { display:none; }

#ContentPage ul { padding-left:20px; }
#ContentPage li { list-style-type:disc; }
#ContentPage p { overflow:hidden; }
#ContentPage p.ReadMore a { color:#ABDA4D; font-size:75%; text-transform:uppercase; }
#ContentPage p.ReadMore a:hover { color:#33A02C; }

#ContentPage img { float:left; margin:0 10px 10px; /*width:280px;*/ vertical-align:top; border:5px solid #33A02C; }


/* @Webforms
  -------------------------------------------------------------------------- */
div.Summary { display:none; }
div.Summary ul { padding:6px 12px; color:#F30; border:1px solid #F30; } 
div.Summary ul li { margin:0; } 
  
#LoginWebForm { padding-top:60px; }
#LoginWebForm dl { margin:0 auto; width:240px; }
#LoginWebForm label {}
#LoginWebForm label[for="RememberMe"] { font-size:90%; color:#777; } /* CSS3 */
#LoginWebForm .TextBox { margin-bottom:8px; padding:4px 8px; width:222px; border:1px solid #666; }
#LoginWebForm #LoginButton { margin:10px 0 5px; padding:5px 10px; font-weight:bold; color:#FFF; background:#33A02C; border:2px solid #0F1D0A; }
#LoginWebForm #LoginButton:hover { color:#0F1D0A; background:#FFF; cursor:pointer; }

#CommentWebForm { margin:30px 0; }
#CommentWebForm #Content { padding:10px; width:328px; color:#FFF; background:#111; border:1px solid #333; }
#CommentWebForm #CommentButton { display:inline-block; margin-top:10px; padding:4px 8px; text-transform:uppercase; color:#FFF; background:#999; border:1px solid #FFF; }
#CommentWebForm #CommentButton:hover { background:#F30; cursor:pointer; }


/* @SideBar
  -------------------------------------------------------------------------- */
#SideBar { float:right; margin-top:36px; padding-top:15px; width:300px; font-size:11px; background:transparent url(../Images/MasterPageSideBar.png) no-repeat center top; }
#SideBar .Inner { padding:0 15px 16px; background:transparent url(../Images/SideBarClosingContainer.png) no-repeat center bottom; }

#SideBar .Inner > div { padding-top:20px; background:transparent url(../Images/SideBarItem.png) no-repeat center top; }
#SideBar h6 { padding:0 20px; }
#SideBar ul { padding:0 20px 16px; background:transparent url(../Images/SideBarItemClosingContainer.png) no-repeat center bottom; }
#SideBar li a { display:block; margin-bottom:6px; padding-left:30px; font-weight:bold; background:transparent url(../Images/ListItem.png) no-repeat 0 50%; }

#SideBar .TextBox { padding:2px; width:222px; color:#0F1D0A; background:#FFF; border:2px solid #0F1D0A; }
#SideBar .Button { margin:10px 0 5px; padding:5px 10px; font-weight:bold; color:#FFF; background:#33A02C; border:2px solid #0F1D0A; }
#SideBar .Button:hover { color:#0F1D0A; background:#FFF; cursor:pointer; }


/* @SideBar Newsletter Subscription
  -------------------------------------------------------------------------- */
#SideBar #SubscribeWebForm { padding:0 20px 150px; background:transparent url(../Images/SubscriberClosingContainer.png) no-repeat center bottom; }


/* @SideBar Search
  -------------------------------------------------------------------------- */
#SideBar .Search dl { margin-bottom:10px; padding:0 20px 16px; background:transparent url(../Images/SideBarItemClosingContainer.png) no-repeat center bottom; }
#SideBar .Search dt label { display:block; margin-bottom:10px; font-size:16px; font-weight:bold; color:#0F1D0A; }
#SideBar .Search dd {}


/* @Footer
  -------------------------------------------------------------------------- */
#Footer { clear:both; margin:60px 30px 0; padding:5px 0 10px; font-size:11px; color:#0F1D0A; }
#Footer .Company dt { font-weight:bold; }
#Footer dt { display:inline; }
#Footer dd { display:inline; margin-left:7px; padding-left:10px; border-left:1px solid #666; }
#Footer a { color:#0F1D0A; font-weight:bold; }
#Footer a:hover { text-decoration:none; }