/* General Styles */
body
{
	background-color:	#A0B3BB; /*#f2ffff;*/
	font-family:		"Verdana";
	font-size:			10px;
	margin:				0px;
	margin-left:		1px;
}

.ErrorStyle
{
	font-family:		"Verdana";
	font-size:			10px;
	color:				#C00000;	
	font-weight:		bold;
	visibility:	        visible;
}

.Info
{
	font-weight:		bold;
	font-size:			10px;
	visibility:			visible;
	color:				#405680;
	font-family:		"Verdana";
}

.GridPageStyle
{
	overflow:			auto;
	width:				100%;
	text-align:			left;
	background-color:	white;
	height:				400px;
	border-left:		1px solid #405680;
	border-right:		1px solid #405680;
	border-top:			0px solid #405680;
	border-bottom:		1px solid #405680;
	
}

.NoRecords
{
	font-weight:		bold;
	font-size:			10px;
	visibility:			visible;
	color:				#405680;
	font-family:		"Verdana";
}
/* END General Styles */

/* CONTROLS */

.TextBox
{
	width:				150px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.LongTextBox
{
	width:				200px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.BigTextBox
{
	width:				100%;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.WideTextBox
{
	width:				50%;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.GridTextBox
{
	width:				90px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.RequiredTextBox
{
	background:#ffffcc;
	width:				150px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.NumericTextBox
{
	width:				150px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
	text-align:         right;
	
}

.MiniNumericTextBox
{
	width:				90px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
	text-align:         right;
}

.Button
{
	width:				90px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.LongListBox
{
	width:				200px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.ListBox
{
	width:				150px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.WideListBox
{
	width:				250px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.GridListBox
{
	width:				90px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.MiniListBox
{
	width:				40px;
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.RadioButton
{
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.FunctionButton
{
	font-weight:		bold;
	font-size:			10px;
	width:				90px;
	cursor:				pointer;
	color:				black;
	font-family:		"Verdana";
	background-color:	#E9EAEB;
	text-align:			center;
}

.WideFunctionButton
{
	font-weight:		bold;
	font-size:			10px;
	width:				100px;
	cursor:				pointer;
	color:				black;
	font-family:		"Verdana";
	background-color:	#E9EAEB;
	text-align:			center;
}

.Label
{
	font-weight:		bold;
	font-size:			10px;
	color:				#405680;
	font-family:		"Verdana";
	width:				20%;
}

.LongLabel
{
	font-weight:		bold;
	font-size:			10px;
	color:				#405680;
	font-family:		"Verdana";
	width:				25%;
}

.FullWidthLabel
{
	font-weight:		bold;
	font-size:			10px;
	color:				#405680;
	font-family:		"Verdana";
	width:				100%;
}

.InfoLabel
{
	font-size:			10px;
	color:				#405680;
	font-family:		"Verdana";
}

.TimeStyle
{
	font-size: 10px;
	color: #405680;
	font-family: Verdana;
	background-color: White;	
}

.SelectedTimeStyle
{
	font-size: 10px;
	color: #405680;
	font-family: Verdana;
	background-color: White;
	font-weight: bold;
}

.HeaderLabel
{
	font-size:			10px;
	color:				#405680;
	background-color:	#ccd7e0;
	font-family:		"Verdana";
}

.NumericLabel
{
	font-weight:		bold;
	font-size:			10px;
	color:				#405680;
	font-family:		"Verdana";
	width:				20%;
	text-align:         right;
}

.DotButton
{
	font-weight:		bold;
	font-size:			10px;
	width:				30px;
	cursor:				pointer;
	color:				#405680;
	font-family:		"Verdana";
	background-color:	#cfd7e6;
	text-align:			center;
	
}

.QuoteOption
{
	background-color:	#ccd7e0;
	font-family:		"Verdana";
	font-size:			10px;
	font-weight:		bold;	
	height:				25px;
	width:				100%;
	border-bottom:		1px solid #FFFFFF;
	vertical-align:		middle;
	margin-left:		0px;
	display:			-moz-inline-box;
}

.OptionSection
{
	background-color:	#ccd7e0;
	font-family:		"Verdana";
	font-size:			10px;
	font-weight:		bold;	
	height:				25px;
	width:				100%;
	border-bottom:		1px solid #FFFFFF;
	vertical-align:		middle;	
	text-indent:		10px;
	margin-left:		0px;
	display:			-moz-inline-box;
}

.QuoteLineTable
{
	font-family:		"Verdana";
	font-size:			10px;
	width:				97.45%;
	margin-left:		27px;
}

.QuoteLineTable a:hover
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#ccd7e0;
	font-weight:		bold;	
}

.QuoteLineTable a
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#405680;
	font-weight:		bold;	
}

.QuoteLineTable a:active
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#405680;
	font-weight:		bold;	
}

.QuoteLineTable a:visited
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#405680;
	font-weight:		bold;	
}

.QuoteLineTableHeader
{
	font-weight:		bold;
	color:				#405680;
	background-color:	#ccd7e0;
}

.QuoteLineTableRow
{
	background-color:	#f2f5f7;
}

.QuoteLineTableRowAlt
{
	background-color:	#ffffff;	
}

/*[LO - 20090206]: Added for Comments textboxes*/
.CommentTextbox
{
	height:				136px;
	width:				600px;
	font-family:		"Verdana";
	font-size:			10px;
	/*maxlength:			4000; Can't set this property here. Needs to be done on the control*/
}

/* END CONROLS */

/* Maintenance Pages */
.PageHeading
{
	background-color:	#A7A9AC;
	font-family:		"Verdana";
	font-size:			10px;
	font-weight:		bold;	
	height:				25px;
	border-bottom:		1px solid #FFFFFF;
	border-top:			1px solid #FFFFFF;
	vertical-align:		middle;
}

.PageButtonBorders
{
	background-color:	#A7A9AC;
	font-family:		"Verdana";
	font-size:			10px;
	font-weight:		bold;	
	height:				25px;
	border-bottom:		1px solid #FFFFFF;
	border-top:			1px solid #FFFFFF;
}

.SearchStrip
{
	background-color:	#A7A9AC;
	font-family:		"Verdana";
	font-size:			10px;
	font-weight:		bold;
	height:				25px;
	border-bottom:		1px solid #FFFFFF;
}

/* END Maintenance Pages */

/* Grids */
.Grid
{
	background-color:	#A7A9AC;
	border-style:		solid;
	border-width:		1px;
	border-top:			1px solid #ccd7e0;
	border-left:		1px solid #ccd7e0;
	border-right:		1px solid #ccd7e0;
	border-bottom:		1px solid #ccd7e0;
}

.GridDivStyle
{
	overflow:			auto;
	width:				100%;
	border-bottom:		white 1px solid;
	height:				275px;
	text-align:			left;
}

.GridHeader
{
	font-weight:		bold;
	font-size:			10px;
	color:				#A7A9AC;
	font-family:		"Verdana";
	background-color:	#ccd7e0;
}

.GridHeader a
{
	text-decoration:	none;
	color:				#405680;
	white-space:		nowrap;
}

.GridHeader a:hover
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#FFFFFF;
}

.GridFooter
{
	font-family:		"Verdana";
	font-size:			10px;
	font-weight:		bold;
}

.GridItem
{
	font-size:			10px;
	font-family:		"Verdana";
	height:				20px;
	background-color:	white;
}

.GridItem a
{
	text-decoration:	none;
	color:				#405680;
	white-space:		nowrap;	
	font-weight:		bold;
}

.GridItem a:hover
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#ccd7e0;
	font-weight:		bold;	
}

.GridItem a:active
{
	font-weight:		bold;
	font-size:			10px;
	color:				#405680;
	font-family:		Verdana;
	white-space:		nowrap;
	text-decoration:	none;
}

.GridItem a:visited
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#405680;
	font-weight:		bold;	
}

.GridSelectedItem
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#C7D0D5;
	height:				20px;
}

.GridSelectedItem a
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#C7D0D5;
	height:				20px;
	text-decoration:	none;
}

.GridSelectedItem a:hover
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#C7D0D5;
	height:				20px;
	text-decoration:	none;
}

.GridSelectedItem a:active
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#C7D0D5;
	height:				20px;
	text-decoration:	none;
}

.GridSelectedItem a:visited
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#C7D0D5;
	height:				20px;
	text-decoration:	none;
}

.GridAlternateItem
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#E9EAEB;
	height:				20px;
}

.GridAlternateItem a:hover
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#ccd7e0;
	font-weight:		bold;	
}

.GridAlternateItem a
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#405680;
	font-weight:		bold;	
}

.GridAlternateItem a:active
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#405680;
	font-weight:		bold;	
}

.GridAlternateItem a:visited
{
	text-decoration:	none;
	white-space:		nowrap;
	color:				#405680;
	font-weight:		bold;	
}

.GridSelectedItemColored
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#FFFFE0;
	height:				20px;
	text-decoration:	none;
	color:				#405680;
}

.GridSelectedItemColored a
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#FFFFE0;
	height:				20px;
	text-decoration:	none;
	color:				#405680;
}

.GridSelectedItemColored a:hover
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#FFFFE0;
	height:				20px;
	text-decoration:	none;
	color:				#405680;
}

.GridSelectedItemColored a:active
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#FFFFE0;
	height:				20px;
	text-decoration:	none;
	color:				#405680;
}

.GridSelectedItemColored a:visited
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#FFFFE0;
	height:				20px;
	text-decoration:	none;
	color:				#405680;
}

.GridPager
{
	font-family:		"Verdana";
	font-size:			10px;
	background-color:	#f2f5f7;
	color:              orange;
	text-decoration:	none;
}

.GridPager a
{
	text-decoration:	none;
	color:				#405680;	
}

.GridPager a:active
{
	font-weight:       bold;
	color:	           Red;
}

.GridPager a:visited
{
	color:				#405680;		
}

.GridPager a:hover
{
	font-weight:		bold;
	color:	            Red;		
}

.GridStaticHeader
{
	font-weight:		bold;
	font-size:			10px;
	color:				#A7A9AC;
	font-family:		"Verdana";
	background-color:	#ccd7e0;
	position:			relative;
	top:				expression(this.offsetParent.scrollTop-1.5);
	left:				expression(this.offsetParent.scrollLeft-1);
}

/* END Grids */

/* Tables */
Tablestyle
{
	width:				100%;
	background-color:	white;
	border-style:		solid;
	border-left:		1px solid #405680;
	border-right:		1px solid #405680;
	border-bottom:		1px solid #405680;
	border-top:			0px solid #405680;
	padding-left:		3px;
	padding-top:		3px;
	padding-bottom:		3px;
	padding-right:		3px;	
}

TD 
{
	font-size:			10px;
	color:				#405680;
	font-family:		"Verdana";		
}

/* End Tables */

/* TabStrips */

.TabDivStyle
{
	overflow:			auto;
	width:				100%;
	text-align:			left;
	background-color:	white;
	border-style:		solid;
	border-left:		1px solid #405680;
	border-right:		1px solid #405680;
	border-bottom:		1px solid #405680;
	border-top:			0px;
	height:				170px;
	padding-left:		3px;
	padding-top:		3px;
	padding-bottom:		3px;
	padding-right:		3px;
}
/* This is a hack for the previous style for Firefox. It's ugly, but it works. go figure. I hate you HTML*/
html>body .TabDivStyle
{
	overflow:			auto;
	width:				99.9%;
	text-align:			left;
	background-color:	white;
	border-style:		solid;
	border-left:		1px solid #405680;
	border-right:		1px solid #405680;
	border-bottom:		1px solid #405680;
	border-top:			0px;
	height:				170px;
	padding-left:		3px;
	padding-top:		3px;
	padding-bottom:		3px;
	padding-right:		3px;
	margin-left: -3px;
	margin-top: -3px;
}

/* END TabStrips */

.noPrint 
{
	display:none;
}

.CalendarDay a
{
	text-decoration: none;
}

/*HM->20081012->Fixing treeview control for firefox */
#UcTree_treeview a 
{
	text-decoration: none;
	color:White;
}

#UcTree_treeview img 
{
	vertical-align:bottom;
	height: 18px;
}

.5PTLabel
{
	width:				5;	
	font-weight:		bold;
	font-size:			10px;
	color:				#405680;
	font-family:		"Verdana";
}

.QuoteNumTextbox
{
	width:				139;	
	color:				#405680;
	font-family:		"Verdana";
	font-size:			10px;
}

.TextBoxColumnTable
{
	width:				150;
}

/* DASHBOARD */
.DashboardTableCell_R		/* REMINDERS */
{
	border:				1px thin solid #ff9900; 
	color:				#ffffff;
	font-size:			small;
	vertical-align:		top;
}
.DashboardPageHeader
{
	background-color:	#A7A9AC;
	font-family:		"Verdana";
	font-size:			small;
	font-weight:		bold;	
	height:				25px;
	vertical-align:		middle;
}
.DashboardTableCell_CC		/* CALL CENTRE */
{
	border:				1px thin solid #33FF00; 
	color:				#ffffff;
	font-size:			small;
	vertical-align:		top;
}