/*
'/\/\/\/\/\/\/\/\/\/\/\/\/\/\*  Program MAINTENANCE Log
' *Copyright (c) 2002, by ULTRADATA AUSTRALIA PTY LTD
'*Rel  byWhom     When              ReviewedBy When
' ---  ------     ----              ---------- ----
'4.1    YPGan       21Oct13
'       [PD2603 # 737]
'       Added style for DateTextBox
'4.1    YPGan       17Oct13
'       [PD2603 # 752]
'       Added styles for online authentication page
4.0     CAtkinson 04JUN13
'       [PD1827B]
'       Added BoldMessage and label
'4.1    SWakefield  03Jul13
'		[PD2603B] Design specified changes
'       .dropDownList width removed due to buggy support in IE7
'4.0    SWakefield  25Sep13
'		[#407363] Removed the .dropDownList width property
'4.1    SWakefield  19Jun13
'		[PD2603B] Design specified changes
'       Set .dropDownList width as well as min-width to support IE
'4.1    SWakefield06Jun13
'       [PD2603]
'       Further tweaking of searchable dropdown to Prod Designs requirements
'4.0    SWakefield27May13
'       [#407363]
'       Changed .dropdown to specify min-length, not length
'4.0    SWakefield27May13
'       [#407187]
'       Added a scrollbar to udaselect dropdown
'TODO:GUNA - no change log for changeset 1175. cant code review.
'4.0    SWakefield2May13
'       [PD2532B - HumeDesignIssue#3]
'       Changed the font for udaselect, and colour for (udaselect .dropdown span:hover)
'4.0    SWakefield2May13
'       [PD2532B - HumeDesignIssue#3]
'       Include class .DropDownCurrentItem for HTML based combobox
'4.0    SWakefield  30Oct12
'		[PD2352B] Added handling for Alphanumeric Pinpad.
'4.0    SWakefield2Apr13
'       [PD2532B - HumeDesignIssue#3]
'       Implement HTML based combobox for To Account List
'4.0    YPGan     02Jul12
'       [PD1242B]
'       Modified span.multSelItem to set font-size and font-family
'4.0    YPGan     30Mar12           SWakefield 27Apr12
'       [PD1242B]
'       Added styles used by the MultiSelectDropDownList web control
'4.0    YPGan     26Mar12
'       [PD1242B]
'       Added styles used in the GridView web control
'4.0    CBooth    31May12
'       [PD1994B]
'       Menu changes as per design
'4.0    KBTan     07Mar12
'       [PD1994B # 197]
'       Remove height setting for Sub menu control, it may have more that one row.
'       Move submenustaticselected's style because StaticSelectedStyle-CssClass is not working.
'4.0    YPGan     02Mar12
'       [PD1994C # 146]
'       Modified stText and stTextBold to Helvetica 8pt
'4.0    GKrish    01Mar12
'       [PD1994B] #25
'       Removed dropShadow from .welcomeMessageText
'4.0    CBooth  17Feb12
'       [PD1994B]
'       Fixed loginerrortext colour
'4.0	BenW	23Nov11
'		[PD0877B] Added right padding to .newRowHeading for right align data.
'4.0	GKrish	21Sep10
'		[PD1469B]
'		Added css style to display horizontal menu
'4.0	YFWong	09Sep10
'		[PD1469B]
'		Added new style item called "radioButton" & "timingDropDownList"
'4.0	GKrish	27Aug10
'		[PD1469B]
'		Added Conservative theme.
'4.0    GKrish  25Aug10
'       [PD1469B]
'		Added .passwordFont class.
'4.0    GKrish  18Aug10
'       [PD1469B]
'		Added A:visited.wptitle
'4.0    GKrish  27Jul10
'       [PD1469B]
'       Updated with new styles for grid view items
*********************************************************/

.classname
{
	background-color: #F8F8F8;
	color: White;
}

.background
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	background-color: white;
}

/***** login *****/
.loginbackground
{
	background-image: url(loginBackground.jpg);
}

.loginGeneralMessage
{
	position: absolute;
	float: left;
	top: 300px;
	left: 100px;
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	font-family: Helvetica;
	text-align: center;
}
.loginLogo
{
	position: absolute;
	left: 20px;
	top: 20px;
	float: left;
}

.loginTitle
{
	position: absolute;
	float: right;
	top: 100px;
	right: 50px;
	font: Arial;
	font-size: 15;
	color: Black;
}
.loginInputs
{
	background-image: url(loginInputs.png);
	background-repeat: no-repeat;
	position: absolute;
	float: right;
	bottom: 50px;
	right: 100px;
	text-align: left;
	width: 451px;
	height: 300px;
	padding-top: 20px;
	vertical-align: middle;
}
.loginInputs span
{
	text-align:right;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
.tblLoginInputs
{
    width: 535px;
}
.loginSubmitButton
{
	padding-top: 6px;
	vertical-align: middle;
	text-align: right;
}
.loginSubmitButton input
{
	background: inherit;
}
.newsignonfont /* This is the class that is used for login text */
{
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	font-family: Helvetica;
}
table.newsignonfont
{
    width:451px;
}

.signonfont /* This was originally the font for login text, but has been used in many other places */
{
	font-weight: bold;
	font-size: 12pt;
	color: #0066cc;
	font-family: Verdana;
}
.H1
{
	font-weight: bold;
	font-size: 24pt;
	color: #0066CC;
	font-family: Helvetica;
}
.stText
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
.stTextBold
{
	font-size: 8pt;
	color: #000000;
	font-family: Helvetica;
	font-weight: bold;
}
.errorheading
{
	font-weight: bold;
	font-size: 12pt;
	color: #FF0000;
	font-family: Helvetica;
}
.errortext
{
	font-size: 8pt;
	color: #FF0000;
	font-family: Helvetica;
}
.loginerrortext
{
	font-size: 8pt;
	color: #FFFFFF;
	font-family: Helvetica;
}
.small
{
	font-size: 8pt;
	font-family: Monospace;
}
.subHeading
{
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-family: Helvetica;
}
.warningtext
{
	font-weight: bold;
	font-size: 8pt;
	color: #FF0000;
	font-family: Helvetica;
}
.navhighlight
{
	border-right: white thin solid;
	border-top: white thin solid;
	font-size: 10pt;
	border-left: white thin solid;
	color: white;
	border-bottom: white thin solid;
	font-family: Helvetica;
	background-color: #000051;
}
A:link .Navlink
{
	font-size: 10pt;
	color: white;
	font-family: Helvetica;
}
.descHeading
{
	font-size: 8pt;
	color: white;
	font-family: Helvetica;
	background-color: #000051;
}
.Mandatory
{
	color: red;
	text-align:left;
}
.medium
{
	font-size: 9pt;
	color: black;
	font-family: arial,helvetica,lucida sansregular,sans-serif;
}
.combo
{
	font-size: 8pt;
	font-family: Helvetica;
}
@media print
{
	.DONOTPRINT
	{
		visibility: hidden;
	}
}
@media screen
{
	.DONOTPRINT
	{
		visibility: visible;
	}
}

/***** tabs *****/
.tabControl
{
	border-right: #0066ff 0px solid;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #0066ff 0px solid;
	width: 100%;
	padding-top: 0px;
	border-bottom: #0066ff 3px solid;
	background-color: #ffffff;
}
.tab
{
	font-family: Verdana;
	font-size: 8pt;
	color: #0066ff;
	font-weight: bold;
	float: left;
	margin: 0px;
	padding: 6px 18px 6px 18px;
	background-color: #bed4f1;
	border: 0px;
	border-right: #0066ff 1px solid;
	border-top: #0066ff 1px solid;
	border-left: #0066ff 1px solid;
	border-bottom: #0066ff 0px solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= 'white' , EndColorStr= '#bed4f1' );
}
.tabDisabled
{
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	font-weight: bold;
	float: left;
	margin: 0px;
	padding: 6px 18px 6px 18px;
	background-color: gray;
	border: 0px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 0px solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= 'white' , EndColorStr= 'gray' );
}
.tabHighlight
{
	font-family: Verdana;
	font-size: 8pt;
	color: #ffffff;
	font-weight: bold;
	float: left;
	margin: 0px;
	padding: 6px 18px 6px 18px;
	background-color: #0066ff;
	border: 0px;
	cursor: default;
	border-right: #0066ff 1px solid;
	border-top: #0066ff 1px solid;
	border-left: #0066ff 1px solid;
	border-bottom: #0067d1 0px solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#bed4f1' , EndColorStr= '#0066ff' );
}


/***** master page *****/
.contentDiv
{
	width: 100%;
	display: block;
	border: 1px solid #000;
	background: inherit;
}
.contentWrapper
{
	width: 100%;
}
.contentTable /*modify this to align content */
{
	/*margin-left:0px - left justified */
	margin-left:auto; 
	margin-right:auto;
	/*margin-right:0px - right justified */
}
.leftMargin
{
	width: 1%;
}

.contentColumn
{
	text-align: left;
}
.rightMargin
{
	width: 1%;
}
.headerbkg
{
	float: left;
	width: 100%;
	background-image: url("header_bg.gif");
	background-repeat: repeat;
	height: 80px;
}
.header
{
	float: left;
	width: 584px;
	background-image: url("header.gif");
	background-repeat: no-repeat;
	height: 60px;
}
.logo
{
	float: right;
	width: 200px;
	background-image: url("uda_logo.gif");
	background-repeat: no-repeat;
	height: 60px;
}
.contentDivNoBorder
{
	width: 100%;
	display: block;
	background: inherit;
}

/**/



/* elements, default styles */
INPUT
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
OPTION
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
SELECT
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
BODY
{
	margin-left: 0;
	margin-top: 0;
}
.maindiv
{    
    margin-left:auto;
    margin-right:auto;
    width:1135px;
}
.innermaindiv
{    
	position:absolute;
	width:1135px;
}

.instructionsText A:link
{
	font: 8pt/11pt verdana;
	color: #FF0000;
}
.instructionsText A:visited
{
	font: 8pt/11pt verdana;
	color: #4e4e4e;
}

/* global hyperlink settings */
a img
{
	border-width: 0px;
}
A:link
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	text-decoration: none;
}
A:active
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	text-decoration: none;
}
A:visited
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
}

/***** tables, grids *****/
.headerbackground
{
	/*background-image: url(header_bg.gif); 	background-repeat: repeat-x;*/
}
.footerbackground
{
	background-color: white;
	text-align: right;
}
.AltRow
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
.rhighlight
{
	font-weight: bold;
	font-size: 10pt;
	color: #0066CC;
	font-family: Helvetica;
}
.rowHeading, .rowHeading a:link, .rowHeading a:visited, .rowHeading a:active
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	font-weight: bold;
}

.tblBorder
{
	border-right: #e0e0e0 1px solid;
	border-top: #e0e0e0 1px solid;
	font-size: 8pt;
	border-left: #e0e0e0 1px solid;
	color: #0066CC;
	border-bottom: #e0e0e0 1px solid;
	font-family: Helvetica;
	border-collapse: collapse;
}
.tableItem /*used on web parts [PD1469B]*/
{
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	border-bottom-width: 1px;
	padding: 2px 3px 2px 3px;
}
.tableSelectedRow /*used on web parts [PD1469B]*/
{
	background-color: #C0DAFE;
}

.newRowHeading /*used on web parts [PD1469B]*/
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	font-weight: bold;
	padding:  0px 3px 0px 3px;
}
.gridHeaderLeftAlign
{
	text-align: left;
}

.gridHeaderCenterAlign
{
	text-align: center;
}

.gridHeaderRightAlign
{
	text-align: right;
}

/* web parts */
.wpTitle
{
	font-size:10pt;
	font-weight:bold;
	font-family:Helvetica;
	color: #026FBF;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#B5C3EF,endColorStr=#EFF3FF); /*IE*/
	background-image: -moz-linear-gradient(top, rgb(181,195,239), rgb(239,243,255));/* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#B5C3EF), to(#EFF3FF)) /*safari chrome*/
}
.wpHeader
{
	border-collapse: collapse;
	font-family: arial;
	font-size: 11.5px;
	border-style: none; 
	color: #FFFFFF;
	font-weight: bold;
}
a.wpTitle 
{
	font-size:10pt;
	font-weight:bold;
	color: #026FBF;
	font-family:Helvetica;
}
a:active.wpTitle 
{
	font-size:10pt;
	font-weight:bold;
	color: #026FBF;
}
a:visited.wpTitle 
{
	font-size:10pt;
	font-weight:bold;
	color: #026FBF;
}
.wpContentBorder
{
	height: 100%;
	border: 1px solid #B5C3EF;
	border-bottom: none; /*because there is another row beneath that contains the web part footer*/
	background-color: white;
	margin: 0px;
	padding: 5px; 
}
.wpFooter
{
	height: 2px;
	border-bottom: 1px solid #B5C3EF;
	font-size: 2px; 
}

/***** menu *****/
.menubar
{
	height: 43px;
	background-image: url("menu_bg.png");
	background-repeat: repeat-x;
	background-position: left center;
	width: 100%;
}
/* LEVEL 1*/
.menuStatic /* level 1 menu style */
{
	height: 43px;
	z-index: 99999;
	vertical-align: middle;
	line-height: 43px; /*to enable list items to be properly vertical aligned*/
	padding: 0px;
	margin: 0px;
}

.menuStaticItem /* style for level1 menu items with no sub menu items */
{
	/*font changes here need to be replicated in li.static*/
	font-family: Tahoma !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #ffffff !important;
	line-height:43px;
}

.submenubar
{
	background-color: transparent;
	width: 100%;
}
div.submenubar div:first-child
{

	background-color: #adadad;
	width: 100%;
   
}
.submenuStatic /* level 1 menu style */
{
	height: 20px;
	vertical-align: middle;
	line-height: 20px; /*to enable list items to be properly vertical aligned*/
	padding: 0px 5px 0px 5px;
	margin: 0px;
}

.submenuStaticItem /* style for level1 menu items with no sub menu items */
{
	/*font changes here need to be replicated in li.static*/
	/*font-family: Tahoma !important;
	font-size: 10px !important;
	font-weight: bold !important;
	color: #ffffff !important;*/
	line-height:20px;
	white-space:nowrap;
}

ul.level1.submenustatic
{
	position:static !important;  
}
ul.level1.submenustatic li.static
{	
    width: auto !important;
    padding: 0px 5px 0px 5px;
    line-height: 20px;
	font-family: Tahoma !important;
	font-size: 10px !important;
	font-weight: normal !important;
	position:static !important;
	background:none !important;
	border-right: 1px solid #363636;
}
ul.level1.submenustatic a
{
	color: #000000 !important;
    font-style:normal;
    font-weight:normal;
}
ul.level1.submenustatic a.selected
{
	color: #000000 !important;
	font-size: 8.5pt;
    font-weight:bold;
}
li.static /* style for level1 menu item that has sub menu items*/
{
	text-align: center;
	width: 120px;
	background-position: right;
	background-image: url(staticmenu-separator.png);
	background-repeat: no-repeat;
	font-family: Tahoma !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #ffffff !important;
	line-height:43px;
}
ul.menustatic li.static a.selected 
{
	color: #000000 !important;
}

ul.menustatic li.static a.static
{
    text-decoration:none;
}

ul.menustatic li.has-popup.static a.static
{
    text-decoration:none;
	cursor: text;
}

/* LEVEL 2 */
/*  HORIZONTAL SUB MENUS
	1. Enable the ul li below. This makes the sub menus appear horizontally 
	2. In menuDynamic, set the width to a very wide figure, ex 2000px and overflow: hidden. */
ul li  
{
    list-style: none; 
	/*position: static !important; 
    float: left;*/
}

ul.static 
{
   	padding: 0px;
	margin: 0px;

}

.menuDynamic /* sub menu */
{
	z-index: 99999;
	/*width:2000px !important;*/
	overflow: hidden ;
	background-color: #696969;
	text-align:left;
	width: 200px;
	padding: 0px;
}
.menuDynamicItem /* this gets applied to the hyperlink (<a>) within the list item */
{
	line-height: 20px;
	/*background-color: #F4FBFE;*/
	text-align: left;
	/*text-indent: 10px;*/
	font-family: Arial !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #ffffff !important;
	width: auto;
	white-space: nowrap;
	padding: 0px;
	z-index: 99999;
}
li.dynamic /*individual sub menu item style*/
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #363636;
	z-index: 99999;
	width:auto;
	text-align:left;
	padding: 0px 10px 0px 10px;
	line-height:20px;
}
li.dynamic:hover /* when hovering over submenu item */
{
	background-color:#363636;
}
.menuDynamicHover
{
	background-color:#363636;
}

/***** print and logout buttons *****/
.printAndLogout
{
	position:absolute;
	top:60px;
	right:0px;
	float:right;
	display:inline ;
}

/***** welcome message *****/
.welcomeContent
{
	width: 1024px;
}
.welcomeMessageText
{	text-align:left;
	font-family: Tahoma;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
	font-size: 12px;
	width: 100%;
}

.welcomeMessageBkg
{
	background-image: url(welcome_message_bar_repeat.png);
	background-repeat: repeat-x;
	height: 27px;
}
.welcomeMessageBkgRight
{
	background-image: url(welcome_message_bar_right.png);
	background-repeat: no-repeat;
	height: 27px;
}
.welcomeMessageBkgLeft
{
	background-image: url(welcome_message_bar_left.png);
	background-repeat: no-repeat;
	height: 27px;
}

/***** other styles *****/

.passwordFont
{
	font-family: Tahoma;
}
.waterMark
{
	color: #999;
	position: absolute;
	z-index: 100;
	background-color: transparent;
	margin-top: 0;
	margin-left: 0;
	padding-top: 5px;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
}
.hiddenControl
{
	visibility: hidden;
	display: none;
}
.centerAlign
{
	margin-left: auto;
	margin-right: auto;
}
.centerAlignText
{
	text-align: center;
}
.indent
{
	text-indent: 10px;
}
.dropDownList
{
	min-width: 250px;
}

.leftAlign
{
	text-align: left;
} 
.radioButton
{

}
.currency, .currency span
{
	white-space:nowrap;
	text-align:right;
}
.dateTime, .dateTime span
{
	white-space:nowrap;
}

/* Recurring timing control */
.timingDropDownList
{
}

.UdaTextBox
{
    width:90px;
}

/* udaHtmlComboBox control */
.udaselect{ /* invisible parent of the dropdown */
        font: normal normal 10px helvetica;
        margin:0px;
        position: relative;
        text-indent: 3px;
        padding: 1px 0;
        cursor: hand;
        cursor: pointer;
}

.udaselect .dropdown{ /* Dropdown List  */
        position: absolute;
        left: 0;
        border: 1px solid black;
        display: none;
        z-index: 5;
        font-weight: normal;
        max-height:400px;
        overflow:scroll;
        overflow-x:hidden;
}

.udaselect .dropdown span{ /*Dropdown Items */
        width: auto;
        display: block;
        background: white;
        padding: 1px 0;
        text-indent: 5px;
        text-decoration: none;
}

.udaselect .dropdown span:hover{ /*Dropdown Items Mouseover*/
        background: lightgrey;
}

.DropDownHighlight
{
	color: blue;
	background-color: transparent;
    font-style:italic;
}
.DropDownPayNewHighlight
{
	color: black;
	background-color: transparent;
    font-weight:bold;
}

.DropDownCurrentItem
{
    background: lightgrey !important;
}

.udaSelectInputbox
{

}

/* set the watermark/placeholder for the dropdown input field */
#dropDownInput::-webkit-input-placeholder { /* WebKit browsers */
    color:    black;
}
#dropDownInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    black;
}
#dropDownInput::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    black;
}
#dropDownInput:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    black;
}

.dropdownbutton
{
    display:inline-block;
    height:19px;
    top:0px;
    margin:0px;
    cursor: hand;
    background-image: url(DropDownButton.png);
    background-repeat:no-repeat;
    background-position:left top;
}

/*List Search Prompt*/
.ListSearchPrompt
{
    white-space:nowrap;
    padding:2px;
    overflow:hidden;
    position:absolute;
    display:block;
    margin-top:2px;
    z-index:9999999;
        
    font-style: italic;
	color: Gray;
	background-color: lemonchiffon;        
}
/*End List Search Prompt*/

/* DropDownList */
span.multSelItem
{
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 19px 4px 19px;
	white-space: nowrap;
	font-size: 8pt;
	font-family: Helvetica;
}

span.multSelItem-sel
{
	background-color:#bed4f1;
}

span.multSelItem-hover
{
	border: solid 1px #0067d1;
	padding: 3px 18px 3px 18px;
}
span.multSel
{
	border: Solid 1px #85888A;
	padding:  1px 1px 1px 1px;
	oveflow-x: hidden;
	oveflow-y: hidden;
}
span.multSel img
{
	border:none;
	width:15px;
	height:13px;
}
span.multSel input
{
	background-color:Transparent; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	/*For some reason we must have a border for tooltips to appear in IE*/
	/*none 0px doesn't work, nor does none 1px*/
	border: solid 1px transparent;
}
span.multSelItemContainer
{
    border: 1px solid #868686;
    z-index: 9003;
    position: absolute;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 8pt;
    overflow-x: hidden;    
    display:block;
    background-color:#FFFFFF;
}

/* End DropDownList */

.mandatoryErrorBox
{
    padding: 0px 1px 0px 1px;
    background-color: #faa;
    border: 1px solid #f00;
    margin-left: 2px;
}


/* AlphaNumericKeyboard Styles */
.cover {    /* this is the dark translucuent background that covers the main window behind the keyboard*/
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=50);
	background-color: rgba( 0, 0, 0, 0.5 ); /* not supported by IE7, javascript supplements this for IE7 document mode browsers */

}

    .KBFrame
    {
        background-color:#c0c0c0;
        z-index: 9999;
        overflow: hidden;
    }

    .KBContainer
    {
        background-color:#c0c0c0;
	    border-top:1px solid black;
	    border-right:2px solid black;
	    border-bottom:2px solid black;
	    border-left:1px solid black;
        position:relative;
        width:500px;
        
    }
    
    .KBHeader
    {
        font-weight: bold;
	    font-size: 12pt;
	    background-color:Black;
	    color:White;
        position:static;
        overflow: hidden;
	    font-family: Helvetica;
	    text-align: left;
	    border-top:1px solid white;
	    border-left:1px solid white;
	    border-right:1px solid white;	    
    }
    
    .DisplayFld
    {
        height:15px;
        width:150px;
        background:white;
        color:Black;
        border:inset;
        margin:2px;
        font-size:15pt;
    }

    .KBRow
    {
        height:30px;
    }
    
    .ppRow 
    {
        height:30px;
        width:100%;
    }
    .ppRowShift 
    {
        height:30px;
        width:100%;
    }

    .ppBtn 
    {
        height:30px;
        width:30px !important;
        font-size:10pt;
        font-family:Verdana;
        color:Black;
	    border-top:1px solid black;
	    border-right:2px solid black;
	    border-bottom:2px solid black;
	    border-left:1px solid black;
        text-align:center;
        vertical-align:middle;
        cursor:pointer;
        background-repeat:no-repeat;
        background-position:center;
    }


.horizontalSeparatorLine
{
    color:lightgrey;
    height:1px;
}

TABLE.dialogTable 
{
    width:95%;
    padding:5px;
}
TABLE.dialogTable TR TD
{
    border-bottom: 1px solid #B5C3EF; 
}

TABLE.dialogTable TD
{
    height:auto;
    text-align:left;
    padding-bottom:1px;
}
TABLE.dialogTable TD.stText
{
    font-weight:normal;
}

.mandatorySymbol
{
	color: red;
}
/* Secure Messaging */
.boldMessage /*used on webparts PD1827B*/
{
    font-weight:bold;
}

.label /*used on webparts PD1827B*/
{
       font-weight:bold;
}

.unreadMessage
{
    width:0px;
    height:0px;   
    background:url('Envelope.png') center no-repeat;
    padding-top:19px;
    padding-right:13px;
    padding-left:13px;
}

.readMessage
{
    width:0px;
    height:0px;   
    background:url('ReadEnvelope.png') center no-repeat;
    padding-top:15px;
    padding-right:13px;
    padding-left:13px;
}

.sentMessage
{
    width:0px;
    height:0px;   
    background:url('OpenEnvelope.png') center no-repeat;
    padding-top:15px;
    padding-right:13px;
    padding-left:13px;
}

.sentAndRepliedToMessage
{
    width:0px;
    height:0px;   
    background:url('OpenEnvelope.png') center no-repeat; 
    padding-top:15px;
    padding-right:13px;
    padding-left:13px;
}

.GroupHeaderStyle
{
    text-align:left;
    font-weight:bold;
    font-size:10pt;

}

.MessageBody
{
    margin-left:20px;
    float:left;
    width:800px;
    color:black;
    font-family:Verdana;
    font-size: 10px;
    word-wrap: break-word; /* should not be required, but IE was not wrapping! */
}

.MessageBody p
{
    margin-top: -1px;
    margin-bottom: -1px;
}
.MessageBody p+p
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.MessageHistoryList /* container for list of messages */
{
}

.MessageHistoryMessage /* container for each item in list of messages */
{
    padding-top:10px;
    padding-bottom:10px;
}

.MessageHistoryMessageSeparator
{
    height:10px;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    border-bottom:1px solid silver;
    margin-top:10px;
    margin-bottom:10px;
}

.SMTextArea
{
    width:800px;
    padding-left:100px;
}

.nicEdit-main 
{
    color:black;
    font-family:Verdana;
    font-size: 10px;
}
/* End Of Secure Messaging */