/*
'/\/\/\/\/\/\/\/\/\/\/\/\/\/\*  Program MAINTENANCE Log
' *Copyright (c) 2002, by ULTRADATA AUSTRALIA PTY LTD
'*Rel  byWhom     When              ReviewedBy When
' ---  ------     ----              ---------- ----
'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    SWakefield2Apr13
'       [PD2532B - HumeDesignIssue#3]
'       Implement HTML based combobox for To Account List
'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;
}
.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: Silver 1px solid;
	border-top: Silver 1px solid;
	font-size: 8pt;
	border-left: Silver 1px solid;
	color: #0066CC;
	border-bottom: Silver 1px solid;
	font-family: Helvetica;
	border-collapse: collapse;
}
.tableItem /*used on web parts [PD1469B]*/
{
	border-bottom-style: solid;
	border-bottom-color: Silver;
	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;
}

/* 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
{

}

/* 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;
}

.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;
}
.horizontalSeparatorLine
{
    color:lightgrey;
    height:1px;
}
.hidden /* class to use with jQuery .toggleClass to toggle visibility of an element */
{
    visibility:hidden;
}