.slot_time
{
	border-style:solid;
	border-width:1px;
}

.slot_number
{
	border-style:solid;
	border-width:1px;
}

.slot_filled
{
	border-style:solid;
	border-width:1px;
	min-width:150px;
	/*width:100px;*/
}

.slot_avail
{
	border-style:solid;
	border-width:1px;
	min-width:150px;
	width:150px;
}

.listBarHidden
{
	background-color: #a9a9a9;
	border: thin outset;
}

 .helpPanel
{
	background-color: #ffffcc;
	border: #4169e1 1px solid;
	padding:10px;
}
 
.htmlDisplayText
{
	min-height: 12pt;
	background-color: white; /*color: Black; */
	border:thin groove;
}
.groupByRow 
{
	font-size:14pt;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:10px;
	border-bottom: solid thin blue;
}

html, body, form 
{
    margin:0;
    height: 100%;
    max-height:100%;
    width: 100%;
    padding: 0;
    border: none;
	font-size:10pt;
    /*overflow: hidden;*/
}

/* Don't delete this, it hides the 'select' button at the top of the list bar group */
.mainListBarselGroup
{
	display:none;
}

.fmDialog,
.sl_footerRow,
.pd_headerRow,
.pd_footerRow,
.fmBody,
.fmPage,
.popupBody,
.fmNormalText,
.fmTable,
.fmControlReadOnly,
.fmTextLeft,
.fmTextAbove,
.fmTextRight,
.fmTextBelow,
.sl_headerRow,
.fieldSumHeading
{
	color: #215dc6;
/*color: #3768B9;*/
}

.fieldSumText,
.UltraWebTreeNode,
.pd_subtotalCell,
.pd_grandtotalCell,
.pd_infoRow,
.fmHeadingText,
.fmBigText,
.fmNormalText2
{
	color: #003ca5;
}

.fieldSumText
{
	font-weight:600	
}

.bold,
.fmNormalText,
.sl_footerRow,
.sl_table,
.sl_headerRow,
.sl_infoColCell,
.popupBody,
.fmTextLeft,
.fmTextRight,
.fmHeadingText,
.fmBigText,
.fmNormalText2,
.fieldSumHeading,
.UltraWebTreeNode,
.UltraWebTreeHover,
.ft_nodeGroup,
.pd_subtotalCell,
.pd_grandtotalCell,
.pd_infoRow,
.pd_cell,
.pd_headerRow,
.pd_footerRow,
.pl_monthHeader,
.pl_userName,
.pl_deptName,
.noteText,
.fmControlReadOnly
/*.fmDialog,
.fmBody,
.fmPage,
.fmTable,*/

{
	font-weight: bold;
}

.hRefClass
{
	color: #0066ff;
	text-decoration: none;
}

.fmDialog,
.fileListBackground
{
/*	background-color: #B5CCFA;*/
	background-color: #f8f8ff;
}

.hiddenListBar,
.tg_rowHeader,
.btnTextRaised
{
	background-color: #dcdcdc;
}

.symbolTable,
.dlg_mainContentCell,
.fmControlReadOnly,
.fmPage,
.sl_class,
.sl_table,
.fmBody
{
	/*	background-color: #E1EDFF;*/
	background-color: #EEF4FF;
}

.fmToolbar
{
	background-color: #b4d1f1;
}

.sp_body
{
	background-color: #f8f8ff;
}

.tg_colHeader,
.tg_rowHeader,
.cb_cssDivRow,
.cBookOptionsClass,
.sl_table,
.pl_booked_item,
.pl_monthHeader,
.pl_userName,
.pl_deptName,
.UltraWebTreeSel,
.UltraWebTreeNode,
.fieldSumHeading,
.fieldSumText,
.pd_headerCell,
.pd_footerCell,
.pd_subtotalCell,
.pd_grandtotalCell,
.fmNormalText,
.fmNormalText2,
.olbText,
.tb_text,
.dsNavText,
.fmInfoText,
.fmControlReadOnly,
.fmTextLeft,
.fmTextAbove,
.fmTextRight,
.fmTextBelow,
.diaryTextSize,
.pd_footerRow,
.pd_cell,
.fmControl,
.fmControlNoBorder,
.pd_headerRow
{
	font-size:10pt;
}

.fmHeadingText,
.fmBigText
{
	font-size:12pt;
}

.pl_dayHeader,
.pd_infoRow,
.pd_tbText,
.noteText,
.tb_stationaryText,
.fmOptionAmount,
.sl_infoColCell,
.diaryNotes
{
	font-size: 8pt;
}

.cancelBookContact,
.cancelBookUser,
.cancelledItem,
.cancelledEvent
{
	text-decoration: line-through;	
}

.fmDialog,
.fmBody,
.fmPage,
.popupBody,
.fmControlReadOnly,
.diaryDayBackground,
.diaryDayBody
{
	font-family: Arial, Helvetica;
}

.fmDialog
{
	margin: 0px;
	height:100%;
    padding: 0;
    border: none;
    vertical-align:top;
}

.hiddenListBar
{
	border: thin ridge;
}


/* Tick Grid */
.tg_colHeader,
.tg_rowHeader,
.tg_cell
{
	border-right: navy 1px solid;
}


.tg_colHeader
{
	padding-right: 5px;
	padding-left: 5px;
	background-color: #99ccff;
}

.tg_rowHeader
{
	padding-right: 5px;
}

.tg_cell
{
}

/* End tick grid */

/* Folder tree */

.ft_body
{
	
	/*border: thin groove;*/
	/*padding: 10px;*/
	/*height: 100%;*/
	/*width: 100%;*/
	overflow:hidden
}

.ft_NodeSelected 
{
	height:60px;
}

.ft_thumbnailPic
{
	height:55px;
}

.ft_nodeGroup
{
	font-size:10pt
}

/* End folder tree */

.fmImagePreview
{
	width:95%;
	vertical-align:top;
	/*margin-top:10%;*/
}

.pp_container
{
	width: 100%;
	height: 100%;
	table-layout:fixed;
	
}


.fe_print
{
	font-size: 12pt;
	color: black;
	font-family: Arial;
}

.noMargin,
.fmBody,
.fe_sectionPara
{
	margin:0px;
}

.fmHighlightImage 
{
	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=50)
}

.fmDisableImage 
{
	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=25)
}

.cBookOptionsClass
{
	border: thin groove;
	overflow: auto;	
}

.sl_selectedRow
{
	background-color: #6495ed;
}

.sl_class
{
	border: thin groove;
	overflow: auto;
}

.sl_table
{
	cursor:pointer;
}

.sl_quantityCell,
.sl_selectCell,
.sl_infoColCell
{
	border-bottom: #d3d3d3 1px dotted;
}

.sl_quantityCell
{
	width: 20px;
}

.sl_selectCell
{
	width:20px;
}

.sl_titleRow
{
	font-weight: bold;
	font-size: 12pt;
	color: Navy;
	padding-bottom: 6pt;
	text-align: left;
}

.sl_headerRow
{
	/*	font-weight: bolder;*/
	padding-right:10px;
}

.sl_footerRow
{
	font-weight: bolder;
	border-top: #696969 thin dotted;
}

.sl_topColCell
{
	padding-right:10px;
}

.colRightBorder,
.pl_eventCell 
{
	border-right: #89a5e0 thin solid;
}

.pl_eventCell 
{
	padding-left:10px
}

.pl_day
{
	vertical-align:top;
	border: #89a5e0 thin solid;	
}

.pl_monthHeader
{
	padding-left:10px
}

.pl_userName
{
	padding-left: 10px;
}

.pl_deptName
{
	padding-left: 10px;
}

.UltraWebTreeHover 
{
	background:SkyBlue;
	color:white;
 }

.UltraWebTreeSel
{
	background:DarkBlue;
	color:white!important;
	cursor:pointer;
 }

.UltraWebTreeNode
{
	cursor:pointer;
}

.UltraWebTreeDisabled {
	color:#A9A9A9;
}

.tb_ul
{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.tb_liLeft
{
	float: left;
	
}

.tb_liMiddle
{
	float:none;
}

.tb_liRight
{
	float: right;
}

.sp_mainTitle,
.sp_subTitle,
.sp_selectTitle,
.sp_selectText
{
	font-family: 'Arial Black', 'Arial';
}

.sp_image
{
}

.sp_cell
{
	border: #f8f8ff 5px solid;
	background-color: #D6DFF7;
	cursor:pointer;
}

.sp_hightlight
{
	border-right: #fbca6a 5px solid;
	border-top: #fdd889 5px solid;
	border-left: #fbca6a 5px solid;
	border-bottom: #f8b330 5px solid;
	background-color: #ffffe0;
	cursor:pointer;
}

.sp_mainTitle
{
	font-size: 14pt;
	color: #4169e1;
	float:left
}

.sp_subTitle,
.sp_selectTitle
{
	color: #4169e1;
	font-size: 12pt;
}

.sp_selectText,
.sp_text
{
	color: #696969;
	font-family: 'Arial';
	font-size: 12pt;
}

.sp_para
{
	padding-top:6pt;
}

.sp_backButton
{
	float : right
}

.expiredItem
{
	color: #a9a9a9;
}

.fieldSumHeading
{
	vertical-align:top;
	text-align:right;
	padding-right:5px;
	font-size:inherit;
}

.fieldSumText
{
	vertical-align: top;
}

.fieldAttentionText
{
	color: red;
}

.dlg_screenSelectCell
{
	text-align:left;
}

.pd_allowSelect
{
	cursor:pointer;
}

.pd_infoRowPreText
{
	font-weight: bolder;
}
	
.pd_altRowStyle
{
	background-color: white;
}

.pd_highlightRow
{
	background-color: #6495ed;
}

.pd_body
{
}

.tabClass
{
}

.pd_headerCell,
.pd_subheading
{
	border-bottom: #696969 thin solid;
}

.pd_footerCell,
.pd_subtotalCell,
.pd_grandtotalCell
{
	border-top: #696969 thin dotted;
}

.pd_cell,
.pd_headerCell,
.pd_footerCell,
.pd_subtotalCell,
.pd_grandtotalCell
{
	padding-right: 5px;
	padding-left: 5px;
}

.pd_cell
{
	vertical-align: top
}

.pd_headerCell
{
	text-align: center;
}

.pd_subtotalCell,
.pd_grandtotalCell
{
	text-align:right;
}

.pd_grandtotalCell,
.pd_subheading,
.pd_headerRow
{
	font-weight: bolder;
}

.pd_toolbar
{
/*	border:thin threedhighlight groove; */
	margin-top: 5px;
/*	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EBEBEB,endColorStr=#C0C0C0);*/
}

.pd_subheading
{
	font-size:12pt;
	padding-top:10pt;
}

.pd_footerRow
{
}

.pd_footerCell
{
}

.pd_page
{	
}

.pd_headerRow
{
	font-size:12pt;
}

.pd_infoRow,
.sl_infoColCell,
.noteText
{
	padding-left: 15px;
	color: #696969;
}

.treeNoteText
{
	padding-left: 45px;
}

.popupBody
{
	margin: 0px;
	background-color: #ffffcc;
}

.addMargin
{
	margin: 15px;
}

.fmPrintTemplate
{
	color: black;
	background-color: white;	
}

.dlg_container
{
/*	position:absolute;*/
	width:100%;
	height:100%;
	vertical-align:top;
	overflow:auto;
	/*border: red thin solid;*/
}

.dlg_mainContentCell
{
	width:100%;
	height:80%;
	vertical-align:top;
	overflow:auto;
}

.dlg_InfoBarContainer
{
	width:100%
}

.dlg_infoBarCell
{
	font-weight: bold;
	font-size: 12pt;
	width: 100%;
	color: #cc0000;
	letter-spacing: 1pt;
	text-align: center;
}

/*
.fmContentPane
{
	border: 1px outset;
	width:100%;
	height:100%;
	overflow:auto;
	vertical-align : top;
}
*/

.helpBody
{
	margin: 5px;
	color: #000099;
	font-family: Arial, Helvetica;
	background-color: #ffffcc;
}

.tb_text
{
	color:black;
}

.tb_stationaryText
{
	padding-left: 2px;
	font-weight: bold;
	color: black;
}

.fmControlBar
{
	text-align:center
}

.fmDSNavigator
{
}

.fmBigHeading,
.fmRadioButtonText
{
	font-weight: bold;
	font-size: 12pt;
	color: Navy;
	padding-top: 12pt;
	text-align: left;
}

.fmSingleRadio
{
	padding-top: 18pt;
	margin-top:18pt;
}


.fmHeadingUnderline, .dsNavToolbar, .sl_headerRow
{
	border-bottom: #7ba4e0 thin solid;
}

.fmImgStyle
{
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}

.fmInfoText
{
	/*padding: 6pt;*/
	font-family: 'Comic Sans MS';
	text-align: left;
	font-weight:normal;
}

.dsNavText,
.fmHeadingText
{
    padding-top: 12pt;
	font-weight: bold;
	text-align: left;
}

.fmInfoText
{
	color: #006400;
	background-color: #e3f5e1;
}

.fmWarningText
{
	color: #dc143c;
	background-color: #ffccff;
	font-size:10pt;
	font-family: 'Comic Sans MS';
	text-align: left;
	font-weight:normal;
}

.fmTable
{
	border-collapse: collapse;	
}

.fmPictureBox,
.fmColourBox,
.fmColourPair,
.fmSymbolBox,
.fmControl,
.fmOptionAmount
{
	border: #7f9db9 1px solid;
}

.fmControl,
.fmControlNoBorder,
.fmOptionAmount
{
	font-family: Sans-Serif;
	font-weight:normal;
}

.fmWideControl
{
	min-width:95%;
}

.fmPictureBox
{
	width:200px;
}

.fmColourBox
{
	width: 50px;
}

.fmColourPair
{
	width:200px;
}


.fmSymbolBox
{
	width: 50px;
	font-size:14pt;
}

.fmHtmlEdit 
{
	width:95%;
	height:60pt;
	overflow:auto;
	font-weight:normal;
}

.fmControl,
.fmControlNoBorder
{
	background-color:white;
	color:Black;
	float:left;
}

.fmControlNoBorder,
.fmControlReadOnly,
.noBorder
{
	border:none;
}

.fmControlFocused
{
	background-color:white;
}

.fmRowFocused
{
	background-color: #ffffcc;
}


.fmOptionAmount
{
	text-align:right;
}

.fmTextLeft
{
	padding-right: 10px;
	text-align: right;
}

.fmTextAbove,
.fmTextBelow
{
	text-align:center;
	font-family: 'Comic Sans MS';
	font-weight:normal;
}


.fmTextRight
{
	padding-left: 10px;
	text-align:left;
}

.fmToolbar
{
	border: thin groove;
	background-image:url("../images/tbBackground.gif");
/*	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#E0F0FF,endColorStr=#8DB4EB);*/
}

/*.rvToolbar
{
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#E0F0FF,endColorStr=#8DB4EB);
}*/


.btnRmdToolbar
{
	height:15px;
}

.btnFlat,
.btnTextRaised
{
	font-size: 8pt;
	font-family: 'MS Sans Serif';
	text-align: center;
	color: black;
/*	behavior:url(../htc/toolbarButton.htc) */
}

.btnFlat
{
/*	
	Flat text buttons don't reserve enough space for the border when the mouse pointer is over them, causing other buttons to shuffle about
*/
	border: none;
	background-color: transparent;
}

.btnTextRaised,
.btnOver
{
	border-right: black 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: black 1px solid;
}

.btnOver,
.btnDown
{
	color: white;
}

.btnTextRaised
{
	margin-right: 5px;
}

.btnOver
{
	background-color: #FCEFC3;
}

.btnDown
{
	border-right: white 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: white 1px solid;
}


/* ------------------- Diary styles --------------------- */
.fmDiary
{
	margin: 0px;
	background-color: #d6dff7;	
}

.diaryDayBackground
{
}

.diaryDayTitle
{
	text-align:center;
	
}

.diaryDaysDateTitle
{
}

.diaryDaysDateBody
{
	vertical-align:top;
	height: 50px;
	min-height:50px;
}

.diaryAllDayEvents
{
	width:100%;
}

.diaryDayBody
{
	width: 100%;
}

.diaryEmptyCell
{
}

.diaryTimes
{
	width:40px;
	text-align:right
}

.diaryDayEvent
{
	vertical-align:top;
}

.diaryBorders
{
	border: 1px solid;
	vertical-align:top;
}

.diarySubject
{
	font-weight:bold;
}

.diaryEventVacancy
{
	font-family:arial black;
	font-weight:bold;
	color:#32cd32;	
}

.diaryEventFull
{
	font-family:webdings;
	font-weight:bold;
	color:red;	
}

.activeBookUser
{
	font-weight:bold;	
}

.activeBookContact
{
}

.reportHelp
{
/*	width:100%;*/
/*	height:98%;*/
	border-right: black 4px solid;
	border-top: black 1px solid;
	margin: 2mm;
	padding: 10mm;
	border-left: black 1px solid;
	border-bottom: black 4px solid;
	background-color:#f8f8ff;
	overflow:auto
}

.rightColDiv
{
	border-right:black 1px dashed;
}

.ft_NodeSelected,
.sl_mouseOver,
A:hover,
A:active,
.Ahover,
.cb_cssHighlightTableRow,
.pd_selectedRow
{
	background-color:navy!important;
}

.cb_cssHighlightTableRow,
.sl_selectedRow,
.sl_mouseOver,
A:hover,
A:active,
.Ahover,
.pd_highlightRow,
.pd_selectedRow
{
	color: white!important;
}

.fmHtmlEditBig 
{
	 height:240pt;
}

.alignLeft
{
	text-align:left
}

.alignRight
{
	text-align:right
}

.alignCentre
{
	text-align:center
}

