﻿/*
* WalBro WebSites ©2007 - 2009
* All content is property of the Festivalitis Team.
*
* Dark Brown : #6d0909		-- used for the border and text of the news topics.
*/
body
	{ text-align:center; width:100%; height:100%; font-family:Arial; color:Black; font-size:18px; font-weight:bold; padding:0; margin:0; background-color:white; background-image:url('../images/gradient01.jpg'); background-position:top; background-repeat:repeat-x;}
a , a:hover
	{ text-decoration:none; width:100%; height:100%; color:Gray; }
p, h1,h2, td
	{ padding:0; margin:0;}
img
	{ border:0; padding:0; margin:0;}
/* BANNER */
#Header
	{ background-image:url('../images/banner03.jpg');height:200px; background-repeat:no-repeat; background-color:Black; background-position:center;}

/* NAVIGATION */
#TopNavigation
	{ width:100%; background-color:Black; height:50px;}
#TopNavigation table
	{ height:40px; margin:0 auto; }
#TopNavigation table tr td a
	{ color:#ddaa55; font-weight:bold; font-size:18px; }
#TopNavigation table tr td
	{ width:120px; text-align:center; height:40px;}
#TopNavigation table tr td:hover
	{ background-image:url('../images/menu.jpg'); background-position:bottom; background-repeat:repeat-x;   }
	
/* CONTENT */	
#Content
	{ margin-left:auto; margin-right:auto; width:1024; height:512px; background-color:White; background-image:url('../images/gradient02.jpg'); background-position:top; background-repeat:no-repeat; text-align:left;}

#btnCheck{ width:300px;}
#contentUnregister
	{ border:1px solid gray; width:500px; background-color:Silver; padding:0; margin:0; margin-top:20px; margin-left:260px; padding-left:20px;}
#btnGo
	{ font-size:20px;margin-left:180px;margin-top:20px; margin-bottom:10px;}
#contentUnregister table tr td, #contentUnregister table tr td input
	{ font-size:16px;}
#contentUnregister table tr td input
	{ border:1px solid gray;}
.WarningMessage
	{ text-align:center; color:Red; font-size:12px; margin-top:-12px; height:15px; }
#contentpersonal
	{ font-size:16px; margin:20px 0px 10px 150px; }
#contentpersonal input, #contentpersonal option
	{ font-size:14px;}
#contentpersonal i
	{ font-size:10px;}
#contentpersonal td
	{ padding-top:7px; }
.ContentButtons
	{ text-align:center;}

#ErrorMessage
	{ text-align:center }
#Content .RegistrationText .news td
	{  font-size:14px; color:#994400; font-weight:bold; padding:5px 10px 5px 20px;}
.licenseAgreement
	{ font-size:14; margin:20px 20px 10px 20px;}
table .header
	{ background-color:gray;padding: 5px 5px 5px 5px; margin:5px 5px 5px 5px;color:White;}
#tableAgenda
	{ border:1px solid gray; margin-top:20px; text-align:center; margin-left:40px; }
#tableAgenda td
	{height:25px;font-size:16px; padding:5px 5px 0px 5px;}
#tableAgenda tr
	{border-top:1px solid gray;}
#tableAgenda tr td input
	{ border:0;}
#tableAgenda .grayRow
	{ background-color:Silver;}
#tableAgenda td span input
	{ margin-left:30px; border:0;}
#ContentRegistration 
	{ margin:0px 0px 20px 150px;}
#ContentRegistration p
	{ margin-left:100px;}
#ContentRegistration panel
	{ border:1px solid gray; margin-right:20px;}
#ContentRegistrationButton 
	{ margin-left:320px;}
	
#blockWorkWith #btnRegister
	{ float:left; margin-left:400px; margin-top: -31px; }

#blockWorkWith input, #blockWorkWith select
	{ font-size:14px;}
	
/* NEWS on default page */
.news
	{ border:1px Solid #926600; width:900px; margin-left:50px; padding:0; margin-bottom:10px; text-align:left; }
.news h1
	{ font-size:20px; font-weight:bold; padding:5px 0px 5px 20px; background-image:url('../images/gradient03.jpg'); background-repeat:repeat-x; color:White;}
.news h2
	{ font-size:16px; margin-top:10px;color:#994400; margin-left:20px; }
.news p
	{ font-size:14px; padding:0px 20px 10px 0px; color:#994400;}
.button
	{ border:1px solid gray; font-size:16px; font-weight:bold;}
	
.button:hover
	{ border:1px solid red; font-size:16px; background-color:Orange; font-weight:bold;}
	
td input
	{ border:1px solid gray;}

/* CALENDAR */
.calendar
	{ margin:5px 0px 40px 0px;}
.calendar h1
	{ font-size:18px; margin-left:50px;  padding:5px 10px 5px 20px; width:900px; background-image:url('../images/gradient03.jpg'); background-repeat:repeat-x; color:White;}
.calendar h1 a
	{ text-align:right; float:right; margin-top:-20px; color:White; font-size:12px; height:auto; font-style:italic; }
.calendar h1 a:hover
	{ text-decoration:underline; color:White;}
.calendar h2, .calendar h3, .calendar h4
	{ padding:0; margin:0; margin-left:70px; }	
.calendar h2
	{ font-size:18px; margin-top:10px; margin-bottom:10px;  }
.calendar h3
	{ font-size:14px; margin-top:5px; margin-left:80px; }
.calendar h4
	{ font-size:14px; margin-top:-25px; width:900px; text-align:right; font-style:italic; padding-right:20px;}

/* ERROR MESSAGES */
.ErrorMessage
	{ color:Red; margin:15px; font-size:12px; font-weight:bold; }

/* CONTACT US */
#contentContactUs
	{ padding:120px 0px 0px 300px; font-size:14px;}
#contentContactUs img
	{margin-left:-30px; margin-top:20px; }
	
/* FOTO BROWSER */
#bigImage
	{border:1px solid red; margin-top:30px; }
#HoveringImage
	{position:absolute;visibility:hidden;border:1px solid blue;}
	
/* ALBUMS */
#panelAvailableAlbums table 
	{ margin: 20px 50px 0px 50px;}
#panelAvailableAlbums table tr td img
	{ margin-right:20px; margin-bottom:20px;}
#ChooseAlbum
	{ color:#6d0909; text-align:center; font-size:24px;}
#lblAlbumTitle
	{  color:#6d0909; margin:0px 0px 20px 150px; }
#BackToAlbums
	{ color:Gray; float:right; font-size:11px; margin-right:100px; width:300px; }
#BackToAlbums a:hover
	{ color:black; text-decoration:underline;}
#ImageContainer
	{ background-color:white; text-align:center; margin:20px 20px 20px 20px;  }
#ImageNavigation
	{ background-color:white; width:500px; height:30px;text-align:center; margin-left:auto; margin-right:auto;}
#lnkVolgende, #lnkVorige
	{ color:gray; font-size:14px;}
#lnkVolgende:hover, #lnkVorige:hover
	{ color:#6d0909; font-size:14px; text-decoration:underline;}
#ImageNavigation td
	{ width:250px;}
#lnkPreviousPos
	{ text-align:left;}
#lnkNextPos
	{ text-align:right;}