/*
  $Id: events_calendar.css $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/**
 * Events Calendar styles.
 */
TABLE.calendarBox
{
	width: 177px;
	height: 100px;
	border: 1;
	padding: 0;
	cursor: default;
	background-color: #459CE0;
}

IFRAME.calendarBox
{
    width: 177px; 
    height: 100px;
	
}

.calendarBoxHeader
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #ff6600; /* box achtergrondkleur header */
	color: #FFFFFF;
	text-decoration: none;
	height: 12px;
	line-height: 25px;
}

.yearHeader 
{ 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    color: #000000; 
    background-color: #FFFFFF; 
    text-decoration: none;
}

.yearHeader SELECT
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
    background: #FFFFFF; 
    color: #000000;
}

.yearHeaderButton
{
    font-size: 10px;
    font-weight: bold;
    border: 1px outset #b4ad9a; 
    background: #D7D7D7; 
    margin: 0px; 
    color: #000000; 
    width: 50px; 
    height: 20px;
}

.yearHeaderButton2 {
    font-size			: 10px;
    font-weight			: bold;
    border				: 1px outset #b4ad9a; 
    background			: #D7D2C8; 
    margin				: 0px; 
    color				: #000000; 
    width				: 60px; 
    height				: 19px;
}

.calendarMonth 
{ 
    background-color: #FFFFFF; 
    border:1px;
	cursor: default; 
    width: 100%;
}

.calendarHeader 
{ 
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #999999;
    background: #FFFFFF;
    text-decoration: none; 
    height: 16px;
	width: 216px;
}

.calendarToday 
{ 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFCF00; 
    padding-left : 3px; 
    text-decoration: none; 
    border:1px outset #FFFFFF; 
    height: 22px; 
    width: 18px;
}

.calendarWeekend 
{ 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #CCCCCC; 
    padding-left : 3px; 
    line-height: 14px; 
    text-decoration: none; 
    border:1px outset #FFFFFF; 
    height: 22px; 
    width: 18px;
}

.calendar 
{ 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    padding-left : 3px; 
    line-height: 14px; 
    text-decoration: none; 
    border:1px outset #FFFFFF; 
    height: 22px; 
    width: 18px; 
}

.event 
{ 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px; 
    color: #E4942C; 
    background-color: #459CE0; /* Achtergrond kleur headerbalk in event detail */
    text-decoration: none; 
    border: 0px inset #FFFFFF;  
}

.event_header   
{ 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px; 
    font-weight: bold;
    line-height: 1.5; 
    text-decoration: none; 
    color: #FFFFFF; 
    background-color: #459CE0; /* overzicht pagina achtergrondkleur header */
} 

.event_header_dates
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #459CE0; /* Achtergrond kleur Datum veld in event detail */
	text-decoration: none;
    border: 1px inset #F2F4F7;
}

/* used for list number */
.event_header_zahl    
{ 
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none; 
} 

.event_description
{ 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px; 
    line-height: 1.5; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 0px solid #000000; 
    text-decoration: none; 
} 

.empty 
{ 
    background-color: #EEEEEE; 
    line-height: 14px; 
    height: 22px; 
    width: 18px; 
}

.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover 
{
    color: red; 
    text-decoration: underline;
}
.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover 
{
    color: red; 
    text-decoration: underline;
}
.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover 
{
    color: red; 
    text-decoration: underline;
}