﻿/* Alla tabeller */
/* Besökta och aktiva länkar */

A:visited, A:link
{
	text-decoration: none;
	color: Blue;
}

TD
{	
	font-family: Verdana, Helvetica;
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
}

BODY
{
	background-color:#FFFFFF;
	font-family: Verdana, Helvetica;
	font-size: 8pt;
}

INPUT, SELECT
{
	font-family: Verdana, Helvetica;
	font-size: 8pt;
}

H1
{
	font-size: 12pt;
	margin: 0 0 0 0;
	font-weight: bold;
}

H2
{
	font-size: 11pt;
	margin: 0 0 0 0;
	font-weight: bold;
}

H3
{
	font-size: 10pt;
	margin: 0 0 0 0;
	font-weight: bold;
}

IMG
{
	border: solid 0px black;
}

IMG.infold
{
	margin: 0 5px 0 5px;
}


.SplitLeftColumn
{
	border-right: solid 1px black;
	padding-right: 10px;
}

.SplitRightColumn
{
	padding-left: 10px;
}

.PageTable
{
	width: 740px;
}

.booking_startbox
{
	background-color: #C4DF9B;
	padding: 5px;	
	width: 200px;
	border: solid 1px #000000;
	text-align: center;
}
.booking_endbox
{
	background-color: #F69760;
	padding: 5px;
	width: 200px;
	border: solid 1px #000000;
	text-align: center;
}
/* Toppen på kalendern */
.Calendar
{
	width: 500px;
}
.CalendarTop
{
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	border-collapse: collapse;
}
/* Botten på kalendern */
.CalendarBottom
{
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	border-collapse: collapse;
}
/* Kalenderhuvudet, där månaden står */
.CalendarHeader
{
	font-family: Verdana;
	font-size: 8pt;
	background-image: url('images/caption_gradient.gif');
	text-align: center;
	height: 20px;
	font-weight: bold;
	vertical-align: middle;
}
/* Kalenderhuvudet, där nästa-knappen är */
.NextHeader
{
	font-family: Verdana;
	font-size: 8pt;
	background-image: url('images/caption_gradient.gif');
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
}
/* Kalenderhuvudet, där föregående-knappen är */
.PrevHeader
{
	font-family: Verdana;
	font-size: 8pt;
	background-image: url('images/caption_gradient.gif');
	text-align: left;
	border-collapse: collapse;
	padding-left: 10px;	
	vertical-align: middle;
}
A.Navigation, A.Navigation:visited
{
	color: #000000;
}
/* Header för dagarna i kalendern, måndag->söndag */
.DayHeader
{
	font-family: Verdana;
	font-size: 8pt;
	border: solid 1px #000000;
	background-image: url('images/table_cell.gif');
	text-align: center;
	width: 64px;
	height: 20px;
	vertical-align: middle;
}
/* Topleftcellen för vecka (v.) */
.WeekHeader
{
	font-family: Verdana;
	font-size: 8pt;
	border: solid 1px #000000;
	background-image: url('images/table_cell.gif');
	text-align: center;
	height: 20px;
	vertical-align: middle;
}
/* Cell för veckonumrering */
.WeekCell
{
	font-family: Verdana;
	font-size: 8pt;	
	border: solid 1px #000000;
	background-image: url('images/table_cell.gif');
	text-align: center;
	height: 20px;
	vertical-align: middle;
}
/* Vanliga dagar i kalendern */
.DayCell
{
	font-family: Verdana;
	font-size: 8pt;	
	background-color: #C9D2E8;
	border: solid 1px #000000;
	text-align: center;
	height: 18px;
	vertical-align: middle;
}
/* Cell som indikerar en bokad resurs */
.BookedCell
{
	font-family: Verdana;
	font-size: 8pt;	
	background-color: #F69760;
	border: solid 1px #000000;
	text-align: center;
	height: 18px;
	vertical-align: middle;
}
/* Cell som indikerar idag */
.TodayCell
{
	font-family: Verdana;
	font-size: 8pt;	
	background-color: #C4DF9B;
	border: solid 1px #000000;
	color: #000000;
	text-align: center;
	height: 18px;
	vertical-align: middle;
}
/* Vald cell */
.ActiveCell
{
	font-family: Verdana;
	font-size: 8pt;	
	background-color: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	text-align: center;
	height: 18px;
	vertical-align: middle;
}
/* Cellen som du hovrar */
.SelCell
{
	font-family: Verdana;
	font-size: 8pt;	
	background-color: #ADADAD;
	border: solid 1px #000000;
	color: #000000;
	text-align: center;
	height: 15px;
	vertical-align: middle;
}
/* Cell som tillhör föregående eller nästa månad */
.GrayCell
{
	font-family: Verdana;
	font-size: 8pt;
	color: #AFAFAF;	
	background-color: #C9D2E8;
	border: solid 1px #000000;
	text-align: center;
	height: 15px;
	vertical-align: middle;
}
/* Söndagar */
.RedCell
{
	font-family: Verdana;
	font-size: 8pt;
	color: #09689F;	
	font-weight: bold;
	background-color: #C9D2E8;
	border: solid 1px #000000;
	text-align: center;
	height: 15px;
	vertical-align: middle;
}
/* Helgdagar */
.HolidayCell
{
	font-family: Verdana;
	font-size: 8pt;
	color: #09689F;	
	text-decoration: underline;
	font-weight: bold;
	background-color: #C9D2E8;
	border: solid 1px #000000;
	text-align: center;
	height: 15px;
}
/* Helgdagar i nästa eller föregående månad */
.GrayHolidayCell
{
	font-family: Verdana;
	font-size: 8pt;
	color: #AFAFAF;	
	text-decoration: underline;
	font-weight: bold;
	background-color: #C9D2E8;
	border: solid 1px #000000;
	text-align: center;
}
/* Sidhuvud */
.PageHeader
{
	font-family: Verdana;
	font-size: 12pt;
	text-align: left;
	padding-left: 10px;
	height: 32px;
	font-weight: bold;
	background-image: url('images/header_gradient.gif');
	vertical-align: middle;
}
/* Cell där resursen visas i resurslistan */
.ResursCell
{
	width: 180px;	
}
.ResursCell:link, .ResursCell:visited
{
	color: #000000;
}
/* Tidslinjen för bokningen */
.TimelineTable
{
	width: 230px;
}
.Timeline
{
	border-collapse: collapse;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
}
/* Huvudet för tidslinjen, där datumen står */
.TimelineHeader
{
	font-size: 8pt;
	font-weight: bold;
	text-align: center;	
	height: 20px;
	background-image: url('images/caption_gradient.gif');
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;	
	vertical-align: middle;
}
/* Tidslinjens tider */
.TimelineTimes
{
	font-size: 8pt;	
	height: 22px;
}
/* Obokad tid i tidslinjen */
.TimelineFree
{
	border-bottom: solid 1px #000000;
	border-collapse: collapse;	
	background-color: #C4DF9B;
	height: 20px;
	padding-left: 2px;
	cursor: pointer;
}
/* Bokad tid i tidslinjen */
.TimelineBusy
{	
	border-bottom: solid 1px #000000;
	border-collapse: collapse;
	background-color: #F69760;
	height: 20px;
	padding-left: 2px;
	cursor: pointer;	
}
/* Text vid felmeddelande */
.ErrorText
{
	color: #FF0000;
	font-family: Verdana;
	font-size: 10pt;
}
/* Avgränsare för kategorier */
.CategoryHeader
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;	
	background-image: url('images/caption_gradient.gif');
	height: 20px;
	vertical-align: middle;
}
.CategoryCell
{
	padding: 10px 10px 10px 10px;
	text-align: center;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;	
	border-top: solid 1px #000000;
}
/* Huvudet för tidslinjen, där datumen står */
.InfoHeader
{
	font-size: 8pt;
	font-weight: bold;
	text-align: center;	
	height: 20px;
	background-image: url('images/caption_gradient.gif');
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	vertical-align: middle;	
}
.InfoCell
{
	font-size: 8pt;
	text-align: left;	
	height: 20px;
	background-color: #FFFFFF;
	border: solid 1px #000000;
	padding: 10px 10px 10px 10px;
}

.InfoCellNoTop
{
	font-size: 8pt;
	text-align: left;	
	height: 20px;
	background-color: #FFFFFF;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding: 10px 10px 10px 10px;
}

.InfoImage
{
	padding-left: 10px;	
}
.BookButton
{
	width: 150px;
}
.NextResource
{
	font-family: Verdana;
	font-size: 8pt;	
	text-align: right;
	padding-right: 10px;
	font-weight: normal;
	width: 130px;
}
.PrevResource
{
	font-family: Verdana;
	font-size: 8pt;	
	text-align: left;
	border-collapse: collapse;
	padding-left: 10px;	
	font-weight: normal;
	width: 130px;
}

.error
{
	text-align: center;
	color: Red;
	font-style: italic;
}
