/*
	Colours
	Blue #1		#E9F1FC		Lightest
	Blue #2		#CCDFF8		.
	Blue #3		#C2D4EC		.
	Blue #4		#A2B8DB		.
	Blue #5		#0066CC		Darkest
*/

html, form 
{
     height:100%;
}

body
{
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family: Arial;
	font-size: 10pt;
}

table
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-style: none;
}

tr
{
	padding: 0px;
	margin: 0px;
}

td
{
	padding: 0px;
	margin: 0px;
}

table.RadioButtonList td
{
	white-space:normal;
}

table.RadioButtonList label
{
	width:100%;
}

table.CheckBoxList td
{
	white-space:normal;
}

table.CheckBoxlist label
{
	width:100%;
}

.InLineDiv
{
	display: inline-block;
	float: left;
}

.InLineDivSpacer
{
	display: inline-block;
	float: left;
	width: 10px;
}

.InLineDivHeader
{
	display: inline-block;
	float: left;
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 4px 4px 4px 4px;
	height: 24px;
}

.InLineDivHeaderSmall
{
	display: inline-block;
	float: left;
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 4px 4px 4px 4px;
	height: 12px;
}

.FullSize
{
	width:100%;
	height:100%;
}

.FullSizeScroll
{
	width:100%;
	height:100%;
	overflow: auto;
}

.TableBorder
{
	border: Solid 2px #C2D4EC;
}

.Tab
{
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: White;
}

.PageTitle
{
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	vertical-align:middle;
}

.TitleExtension
{
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	vertical-align:bottom;
}

.PageFooter
{
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	vertical-align:middle;
}

.Breadcrumb
{
	font-size: 8pt;
	font-style: italic;
	text-align: left;
	vertical-align:middle;
}

.BannerMessage
{
	font-size: 8pt;
	font-weight: bold;
	font-style:italic;
	text-align: left;
	vertical-align:top;
}

.SectionTitle
{
	background-color: #C2D4EC;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	text-align:left;
}

.SectionLabel
{
	background-color: #C2D4EC;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}

.SurveyDesignLayout
{
	border-style: dotted;
	border-color: Gray;
	border-width: 1px;
	table-layout: fixed;
}

.FieldLabel
{
	font-size: 7pt;
	font-weight: bold;
	font-style:italic;
	text-align: left;
	color: Black;
}

.FieldLabelReverse
{
	font-size: 7pt;
	font-weight: bold;
	font-style:italic;
	text-align: left;
	background-color: #3366cc;
	color: White;
}

.Link
{
	font-size: 7pt;
	font-weight: bold;
	font-style:italic;
	text-decoration:underline;
	text-align: left;
	cursor: pointer;
	color: #3366cc;
}


.MessageHeader_Information
{
	font-size: 12pt;
	font-weight: bold;
}

.MessageHeader_Instruction
{
	font-size: 12pt;
	font-weight: bold;
}

.MessageHeader_Warning
{
	font-size: 12pt;
	font-weight: bold;
}

.MessageHeader_Error
{
	font-size: 12pt;
	font-weight: bold;
}


.MessageText_Information
{
	font-size: 7.5pt;
	font-style:italic;
}

.MessageText_Instruction
{
	font-size: 7.5pt;
	font-style:italic;
}

.MessageText_Warning
{
	font-size: 7.5pt;
	font-style:italic;
}

.MessageText_Error
{
	font-size: 7.5pt;
	font-style:italic;
}


.ErrorMessage
{
	font-size: 8pt;
	font-weight: bold;
	font-style:italic;
	color: Red;
}

.GeneralMessage
{
	font-size: 8pt;
	font-weight: bold;
	font-style:italic;
}

.DetailsLayer
{
	position:absolute;
	display:none;
	z-index:250;
	background-color: White;
}

.DialogHeaderStyle
{
	background: #A2B8DB;
	color: White;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	height: 24px;
}

.PopupMenu
{
	font-size: 8pt;
	width: 200px;
	border-width: 2px;
	background-color: #C2D4EC;
}

.FormHeader
{
	font-size: 8pt;
	font-weight: bold;
	font-style:italic;
	text-align: center;
	vertical-align:top;
}

.Splitter
{
	height: 100%;
}

.SplitterBar
{
	background-color: #CCDFF8;
	height: 100%;
	width: 5px;
}
.MenuGroup_Container
{
	background-color: #E9F1FC;
}

.MenuGroup_Text
{
	font-size: 10pt;
	font-weight: bold;
}

.MenuGroup_Hover
{
	font-size: 10pt;
	font-weight: bold;
	background-color: #CCDFF8;
	cursor: pointer;
	text-align:left;
}

.MenuGroup
{
	font-size: 10pt;
	font-weight: bold;
	background-color: #E9F1FC;
	cursor: pointer;
	text-align:left;
}

.MenuItemText
{
	font-size: 7px;
	text-align:center;
	white-space: normal;
}

.MenuGroup_Selected
{
	height: 20px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #CCDFF8;
}

.MenuItem
{
	font-size: 8pt;
	cursor: pointer;
	white-space: normal;
}

.MenuItemHover
{
	font-size: 8pt;
	cursor: pointer;
	background-color: #CCDFF8;
	white-space: normal;
}

.ReportToolBarItem
{
	font-size: 8pt;
	font-weight: bold;
	background-color: #CCDFF8;
	width: 100px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
}

.ReportToolBarItem_Hover
{
	font-size: 8pt;
	font-weight: bold;
	background-color: #E9F1FC;
	width: 100px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
}

.ReportToolBarItem_Selected
{
	font-size: 8pt;
	font-weight: bold;
	background-color: #A2B8DB;
	width: 100px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
}

.WebExplorerBar
{
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.ExplorerBarGroup
{
	font-size: 8pt;
	font-weight: bold;
	background-color: #CCDFF8;
	width: 100%;
	height: 20px;
	vertical-align: middle;
	text-align: center;
}

.ExplorerBarGroupItem
{
	text-align:left;
}

.TreeLevel_Top
{
	font-size: 8pt;
	font-weight: bold;	
}

.TreeLevel_Child
{
	font-size: 8pt;
	font-style: italic;
}

.FormContainer
{
	background-color: #C2D4EC;
	width: 100%;
	height: 100%;
	border-style: inset;
	border-width: 2px;
}

.FormCell
{
	padding : 3px 2px 3px 2px;
}

.FormTitle
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
}

.FooterMessage
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
}

.LinksStyle
{
	background-color: #E9F1FC;
	border-style: inset;
	border-width: 2px;
	border-color: #FFFFFF;
	width: 200px;
	height: 100%;
}

.LinksTitle
{
	background-color: #005796;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

.LinksName
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	font-style:italic;
	text-align: left;
	color: #005796;
}

.LinksValue
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #005796;
}

.HideMe
{
	display: none;
}

/*******************************************************
	GRID STYLES
*******************************************************/

.GridStyle, .Grid_Style
{
	background-color: Transparent;
	border: solid 2px #FFFFFF;
	padding: 4px 4px 4px 4px;
}

.Grid_HeaderStyle, .GridHeaderStyle
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 8pt;
	color: #000000;
	padding: 2px 2px 2px 2px;
}

.Grid_RowStyle, .GridRowStyle
{
	background-color: #FFFFFF;
	color: #005796;
	font-family: Arial;
	font-size: 8pt;
	padding: 0px 3px 0px 3px;
	border: solid 3px #FFFFFF;
}

.Grid_AlternatingRowStyle, .GridAlternatingRowStyle
{
	background-color: #E9F1FC;
	color: #005796;
	font-family: Arial;
	font-size: 8pt;	
	padding: 0px 3px 0px 3px;
	border: solid 3px #FFFFFF;
}

.GridFooterStyle, .Grid_FooterStyle
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 8pt;
	color: #000000;
	padding: 2px 2px 2px 2px;
}


.Grid_SelectedRowStyle, .GridSelectedRowStyle
{
	background-color: #3366CC;
	color: #FFFFFF;
	font-family: Arial;
	padding: 0px 3px 0px 3px;
	font-size: 8pt;	
	border: solid 3px #FFFFFF;
}

.Grid_RowSelectorStyle, .GridRowSelectorStyle
{
	background-color: #E9F1FC;
	color: #000000;
	font-family: Arial;
	font-size: 8pt;	
	cursor: pointer;
}

.Grid_RolloverRowStyle
{
	background-color: #3366CC;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 8pt;	
}

.Grid_CellStyle, .GridCellstyle
{
	padding: 0px 2px 0px 2px;
	border: solid 2px #FFFFFF;
	font-size:8pt;
}

.Grid_CellHeaderStyle, .GridCellHeaderStyle
{
	padding: 2px 2px 2px 2px;
	border: solid 2px #FFFFFF;
}


.PageList_CellStyle
{
	padding: 2px 2px 2px 2px;
	border: solid 2px #FFFFFF;
	cursor: pointer;
}

.PagerStyle
{
	background-color: #E9F1FC;
	padding: 2px 2px 2px 2px;
}

.Header
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.HeaderCompressed
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7pt;
	font-weight: bold;
	font-style: italic;
	padding-top: 2px;
	height: 14px;
	border: 2px solid #FFFFFF;
}

.Header_800x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_600x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_550x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_500x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_400x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_300x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_350x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_375x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}


.Header_250x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_225x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_200x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_150x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_100x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_75x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_50x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_35x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}

.Header_25x20
{
	background-color: #C2D4EC;
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;
	padding: 2px 2px 2px 2px;
	height: 18px;
	border: 2px solid #FFFFFF;
}


/*******************************************************
	DASHBOARD STYLES
*******************************************************/
.Tab
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;		
	border-bottom: solid 2px #C2D4EC;
	padding-left: 2px;
	color: Black;
}

.TopBorder
{
	border-bottom: solid 2px #C2D4EC;
}

.LeftBorder
{
	border-right: solid 2px #C2D4EC;
}

.RightBorder
{
	border-left: solid 2px #C2D4EC;
}

.BottomBorder
{
	border-top: solid 2px #C2D4EC;	
}

.Hyperlink
{
	font-family: Arial;
	font-size: 7.5pt;
	font-weight: bold;
	font-style: italic;	
	cursor: pointer;
	color: #C2D4EC;
	white-space:nowrap;
}

.SubToolBar
{
	background-color: #C2D4EC;
}


.WizardText
{
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #A2B8DB;
}

.WizardOptions
{
	font-size: 8pt;
	font-weight: bold;
	color: #A2B8DB;
}


.DocumentDetails_Name
{
	font-size: 10pt;
	font-weight: bold;
	font-style:italic;
	text-decoration: underline;
}

.DocumentDetails_Text
{
	font-size: 8pt;
}


.BannerInfo_Text
{
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
}

.AccountName_Text
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

.Address_Text
{
	font-size: 8pt;
	font-style: italic;
}



/*******************************************************
	CALENDAR STYLES
*******************************************************/
.YearStyle
{
	font-size: 18pt;
	font-weight:bold;
	color: White;	
	background-color: #C2D4EC;
}

.YearCaption
{
	font-size: 10pt;
	font-weight: bold;
	color: #C2D4EC;
}

.MonthCaption
{
	font-size: 8pt;
	font-weight: bold;
	background-color: #C2D4EC;
}

.WeekDayHeader
{
	font-size: 7pt;
	font-style:italic;
	background-color: #E9F1FC;
}

.DayStyle_Month
{
	font-size: 6pt;
	border: solid 1px #E9F1FC;
	color: Black;
}

.DayStlye_NonMonth
{
	font-size: 6pt;
	border: solid 1px #E9F1FC;
	color:Gray;
}

.HightlightedDate
{
	font-size: 6pt;
	border: solid 1px #E9F1FC;
	background-color: #C2D4EC;
	color: Black;
	cursor: pointer;
}

.DayStyle_Default
{
	font-size: 6pt;
	border: solid 1px #E9F1FC;
	color: Black;
}

.Cell_DisplayText
{
	font-size: 6pt;
	border: solid 1px #E9F1FC;
	color: Black;
}


/*******************************************************
	SCHEDULING STYLES
*******************************************************/

.CallTemplateHeader
{
	font-size: 7pt;
	font-style: inherit;
	font-weight: bold;
}

.ShiftWork
{
	font-size: 7pt;
	font-style: italic;
	font-weight: bold;
}

/*******************************************************
	ACCOUNT SEARCH STYLES
*******************************************************/

.AccountSearch_SelectedStyleBanner
{
	font-size: 8pt;
	font-weight: bold;
}

.AccountSearch_SelectedStyleAccount
{
	font-size: 7pt;
	font-weight: bold;
}

.AccountSearch_SelectedStyleAddress
{
	font-size: 7pt;
	font-style: italic;
}

.AccountSearch_SearchStyleHeader
{
	font-size: 6pt;
	font-weight: bold;
	font-style: italic;
}

.AccountSearch_SearchStyleField
{
	font-size: 6pt;
}

/*******************************************************
	REPORTING STYLE
*******************************************************/

.ReportTitle
{
	font-family: Verdana;
	font-size: 24pt;
	font-weight: bold;
	font-style: italic;
	color: #C2D4EC;
}

.ReportName
{
	font-size: 12pt;
	font-style:italic;
	font-weight:bold;
}

.SelectedFilterLabel
{
	font-size: 7pt;
	font-weight: bold;
	text-align:right;
	white-space:nowrap;
}

.SelectedFilterText
{
	font-size: 7pt;
	font-style:italic;
	text-align:left;
	white-space:nowrap;
}

.ColumnFilterStyle
{
	font-size: 8pt;
	background-color: White;
	border: inset 2px #C2D4EC;
	cursor: pointer;
}

.ReportGrid_Header
{
	font-size: 8pt;
	font-weight:bold;
	background-color: #C2D4EC;
	color: #ffffff;
}

.ReportGrid_Text
{
	font-size: 8pt;
}

/*******************************************************
	GANTT STYLES
*******************************************************/
.ScheduleItem
{
	background-color:#0066CC;
	cursor: pointer;
}


/*******************************************************
	WebTab STYLES
*******************************************************/
.DefaultTab
{
	background-color: #E9F1FC;
	height: 10px;
	width: 200px;
	font-size: 8pt;
	padding: 5px 10px 5px 10px;
	border: 1px solid #C2D4EC;
}

.SelectedTab
{
	background-color: #C2D4EC;
	height: 10px;
	width: 200px;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border: 1px solid #C2D4EC;
}