a, a:visited, a:hover, a:active { color: blue; }
html,body{
  margin:0;
  padding:0;
  height:100%;
  text-align: center;
  /* Hack for adding :hover modifier for IE 5/6 */
  behavior:url('hover.htc');
}
form { margin: 0; padding: 0; }
input, select
{
	font-family: Verdana, Helvetica;
	font-size: 8pt;		
}
#mainTable
{
	min-height: 100%;
	height: 100%;
	position: absolute;
	left: 0;
}
#middle
{
	width: 806px;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	 text-align: left;
}
#left
{
	background-image: url('images/left.gif');
	background-position: right;
	background-repeat: repeat-y;
}
#right
{
	background-image: url('images/right.gif');
	background-position: left;
	background-repeat: repeat-y;	
}
#topimage
{
	padding-bottom: 10px;
}
.content
{
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
}
.mandatory
{
	color: #FF0000;
}
/* Menu */
#tableMenu
{	
	
}
.menuCellSel
{
	background-image: none;
	height: 29px;
	background-color: #d0d5e0;	
	text-align: center;		
}
.menuCellSel a
{
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;		
}
.menuCell a
{
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;			
}
.menuCell
{
	background-repeat: repeat-x;
	background-image: url('images/menu_bg.gif');
	height: 29px;
	text-align: center;
}
.menuCell:hover
{
	background-image: none;
	height: 29px;
	background-color: #7392bf;
}
.menuLine
{
	border-top: solid 1px #ffffff;
	background-color: #d0d5e0;
	height: 4px;
}
.menuPadding
{
	background-repeat: repeat-x;
	background-image: url('images/menu_bg.gif');
	height: 29px;	
}
.timeline
{
    border: solid 1px #000000;
    border-collapse: collapse;
    width: 152px;
    background-color: #FFFFFF;
    display: block;
}
.timelinecaption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: center;		
	background-image: url('images/caption_gradient.gif');	
	background-repeat: repeat-x;
	height: 16px;	
	vertical-align: middle;
	padding-top: 2px;
	/* border-bottom: solid 1px #000000; */
}
.timelineclick
{
	font-family: Verdana;
	font-size: 7pt;
	text-align: left;
	width: 100%;
	background: #FDC689 url('images/line1pxLightGray.gif') repeat-x;
	cursor: pointer;
}
.timelineclick:hover
{
    background-color: #FFFFFF;
}
.timelinecell
{                                
    background-color: #DDDDDD;    
    height: 15px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    display: inline-block;
    color: #000000;    
    background: #DDDDDD url('images/line1pxGray.gif') repeat-x;
    width: 100%;
    text-align: left;
    cursor: pointer;
}
.timelinecell:hover
{                
    cursor: pointer;
    background-color: #BBBBBB;
}
.timelinespan
{                                
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: left;

	width: 100%;
	background: #EAA url('images/line1pxLightGray.gif') repeat-x;
	cursor: pointer;
}
.timelinespan:hover
{                                
	background-color: #FF8888;
}
.timelinegreen
{                                
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: left;

	width: 100%;
	background: #EAA url('images/line1pxLightGray.gif') repeat-x;
	cursor: pointer;
	background-color: #FFFF88;
}
.timelinespan:hover, .timelinegreen:hover
{                                
	background-color: #FF8888;	
}
/* Booking styles */
.preliminaryBooking
{                                
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: left;

	width: 100%;
	background-color: #F7941C; /* url('images/line1pxLightGray.gif') repeat-x; */
	cursor: pointer;
}
.preliminaryBooking:hover
{                                
	background: #FFFFFF url('images/line1pxLightGray.gif') repeat-x;
}
.approvedBooking
{                                
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: left;

	width: 100%;
	background-color: #0071BC; /* url('images/line1pxLightGray.gif') repeat-x; */
	cursor: pointer;
}
.approvedBooking:hover
{                                
	background: #FFFFFF url('images/line1pxLightGray.gif') repeat-x;
}  
  
.resourcegroupcaption
{
	text-align: center;
	background-color: #d0d0d0;
	border: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	height: 25px;
}
.resourcegroupcell
{
	text-align: left;
	border: solid 1px #000000;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-collapse: collapse;
}
.resourcecell
{
	width: 150px;
	text-align: center;
	vertical-align: top;
}
/* Toppen på kalendern */
.calendar
{
	/*width: 373px;*/
}
.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, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #ffffff;
	background-image: url('images/caption_gradient.gif');
	text-align: center;	
	border-top: solid 1px #000000;	
	height: 20px;
}
/* Kalenderhuvudet, där nästa-knappen är */
.nextHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #ffffff;
	background-image: url('images/caption_gradient.gif');
	text-align: right;
	padding-right: 10px;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	width: 100px;
}
/* Kalenderhuvudet, där föregående-knappen är */
.prevHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-image: url('images/caption_gradient.gif');
	text-align: left;
	border-collapse: collapse;
	padding-left: 10px;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	width: 100px;
}
a.navigation, a.navigation:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;	
	text-decoration: none;
}
/* Header för dagarna i kalendern, måndag->söndag */
.dayHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: solid 1px #000000;
	background-image: url('images/table_cell.gif');
	background-repeat: no-repeat;
	background-color: #adadad;
	text-align: center;
	height: 20px;
}
/* Topleftcellen för vecka (v.) */
.weekHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: solid 1px #000000;
	background-image: url('images/table_cell.gif');
	text-align: center;
	height: 20px;
	width: 40px;
}
/* Cell för veckonumrering */
.weekCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;	
	border: solid 1px #000000;
	background-image: url('images/table_cell.gif');
	text-align: center;
	height: 20px;
	width: 30px;
}
/* Vanliga dagar i kalendern */
.dayCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;	
	background-color: #DDDDDD;
	border: solid 1px #000000;
	text-align: center;
	height: 18px;
	cursor: pointer;
	width: 65px;
}
.dayCell:hover, .sundayCell:hover
{
	background-color: #ADADAD;
	cursor: pointer;
}
/* Cell som indikerar en bokad resurs */
.bookedCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;	
	background-color: #F69760;
	border: solid 1px #000000;
	text-align: center;
	height: 18px;
	width: 65px;
}
/* Cell som indikerar idag */
.todayCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;	
	background-color: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	text-align: center;
	height: 18px;
	width: 65px;
}
.todayCell:hover
{
	background-color: #555555;
	cursor: pointer;
}
/* Vald cell */
.activeCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;	
	background-color: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	text-align: center;
	height: 18px;
	width: 65px;
}
/* Cellen som du hovrar */
.selCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;	
	background-color: #ADADAD;
	border: solid 1px #000000;
	color: #000000;
	text-align: center;
	height: 15px;
	width: 65px;
}
/* Cell som tillhör föregående eller nästa månad */
.grayCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #AFAFAF;	
	background-color: #DDDDDD;
	border: solid 1px #000000;
	text-align: center;
	height: 15px;
	width: 65px;
}
.grayCell:hover
{
	background-color: #ADADAD;
	color: #333333;
	cursor: pointer;
}
/* Söndagar */
.sundayCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #09689F;	
	background-color: #DDDDDD;
	border: solid 1px #000000;
	text-align: center;
	height: 15px;
	width: 65px;
}
/* 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;
	width: 65px;
}
/* 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;
	width: 65px;
}
/* Resurstext */
.resourceText
{
}
/* Resursbild */
.resourceImage
{
	text-align: right;
}
.bookingStartBox
{
	background-color: #C4DF9B;
	padding: 5px;	
	width: 220px;
	border: solid 1px #000000;
	text-align: center;
	font-family: Verdana, Helvetica;
	font-size: 8pt;	
}
.bookingEndBox
{
	background-color: #F69760;
	padding: 5px;
	width: 220px;
	border: solid 1px #000000;
	text-align: center;
	font-family: Verdana, Helvetica;
	font-size: 8pt;		
}
.bookingGeneralBox
{
	background-color: #cccccc;
	padding: 5px;
	width: 220px;
	border: solid 1px #000000;
	text-align: center;
	font-family: Verdana, Helvetica;
	font-size: 8pt;		
}

.calendarIcon
{
	cursor: pointer;
}
.boxCaption
{
	border: solid 1px #000000;
	background-image: url('images/caption_gradient.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;	
	color: #ffffff;
	height: 20px;
}
.boxContents
{
	border: solid 1px #000000;
	padding: 8px 8px 8px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.modalPopup
{
	border: solid 1px #000000;
	background-color: #FFFFFF;
	color: #000000;	
}
.modalBackground
{
    filter: Alpha(Opacity=40); 
    -moz-opacity:0.4; 
    opacity: 0.4;
    background-color: #999999;
}
.modalHeader
{
	background-color: #C0C0C0;
	background-image: url('images/modalheader.gif');
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11pt;
	font-weight:bold;
	font-variant: small-caps;
	text-align: center;
	border-bottom: solid 1px #000000;
}
.modalContent
{
	padding: 5px 5px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	color: #000000;	
}
.modalButtons
{
	padding: 10px 10px 10px;
}
/* TOOLTIP */

#dialToolTip
{	
	position: absolute;
	border: solid 1px black;
	background-color: #ffe;
	padding: 4px;
	overflow: auto;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 7pt;	
	font-weight: normal;
	z-index: 1000;
}

#dialToolTip h1
{	
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 9pt;	
} 

#dialToolTip h2
{	
	font-weight: bold;
	font-size: 8pt;	
}