/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
* {
    -webkit-text-size-adjust:none;
}
*
{
    margin: 0;
    padding: 0;
    /*border: none;*/
}
a
{
    color: #045faa;
    text-decoration: underline;
    cursor: pointer;
}
a:active { color: #FF0000; }
a.siteUrl
{
    color: #045faa !important;
}
a.siteUrl:active { color: #FF0000 !important; }
html, body, #page {
    height: 100%;
}
body
{
    width:1280px;
    background: url("images/header_gradient.png") repeat-x scroll left top #FFFFFF;
    font-family: myriad,arial,helvetica,sans-serif;
    font-size: 16pt;
    /*text-align: center;*/
}
.globalFont-small { font-size: 7pt !important; }
.globalFont-normal { font-size: 8pt !important; }
.globalFont-large { font-size: 10pt !important; }
.globalFont-xlarge { font-size: 12pt !important; }
.globalFont-xxlarge { font-size: 13pt !important; }
.unstyle
{
    display:none;
}
body > #page { height: auto; min-height: 100%; }
h1 {font-size:300%;}
h2 {font-size:260%;}
h3 {font-size:220%;}
h4 {font-size:180%;}
h5 {font-size:140%;}
h6 {font-size:100%;}
h5.Blue {
    color: #045faa;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#page
{
    margin: 0 auto;
    /*max-width: 1600px;*/
    min-width: 960px;
    padding: 0 10px;
    width: auto;    
}
/*----------------------------------------------------------
Top Menu
----------------------------------------------------------*/
ul#topMenu, table#topMenu td
{
    font-size: 11px;
    padding: 3px;
    text-align: right;
    list-style: none outside none;
    margin: 0;
    
}
ul#topMenu li, table#topMenu td
{
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: inline;
    padding: 0 10px;
}
ul#topMenu li a, #footer, #footer a, table#topMenu td a
{
    color: #FFFFFF;
    font-size: 11px;
}
/*----------------------------------------------------------
Header
----------------------------------------------------------*/
#header
{
    padding: 0;
    padding-top: 6px;
    float: left;
    margin-bottom: 0px;
    color: #5E5B54;
    width: 100%;
}
#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 32px !important;*/
}
#logindisplay4
{
    /*font-size: 11px;*/
    padding: 3px;
    text-align: right;
    list-style: none outside none;
    margin: 0;
}
#logindisplay
{
    /*font-size: 1.1em;*/
    display: block;
    text-align: right;
    margin: 5px;
    /*line-height: 20px;*/
}
#logindisplay a
{
    color: #000000;
}
#logindisplay a:link
{
    text-decoration: underline;
}
#logindisplay a:visited
{
    text-decoration: underline;
}
#logindisplay a:hover
{
    text-decoration: none;
}
/*----------------------------------------------------------
MiddleContent
----------------------------------------------------------*/
#MiddleContent
{
    float: left;
    width: 100%;
    padding: 0px 0px 30px 0px;
    height: 80%;
}
/*----------------------------------------------------------
Menu
----------------------------------------------------------*/
#menu
{
    float: left;
    width: 200px;
    padding-bottom: 30px;
}
/*----------------------------------------------------------
Main Content
----------------------------------------------------------*/
#MainContent
{
    margin-left: 0px;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}
/*----------------------------------------------------------
Footer
----------------------------------------------------------*/
#footer
{
    background: url("images/footer_gradient.png") repeat-x scroll left top #FFFFFF;
    /*min-width: 1500px;
    max-width: 2000px;*/
    width:100%;
    clear: both;
    position:relative;
    z-index: 10;
    height: 25px;
    margin-top: -25px;
    bottom:0px;
}
.footer-padded
{
    padding-bottom: 50px;
}
#footer span
{
    position:absolute;
    bottom:5px;
    left:200px;
}
#bottom-dock
{
    /*alt color: #BBDEFA, 336699 */
    background: #BBDEFA; /* for non-css3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BBDEFA));
    background: -moz-linear-gradient(top,  #FFFFFF,  #BBDEFA);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BBDEFA');
    
    width:100%;
    min-width: 980px;
    max-width: 1600px;
    clear: both;
    position: fixed;
    z-index: 2000000;
    height: 50px;
    bottom:0px;
    left:0px;    
}
#footer span, #footer_high span
{
    position:absolute;
    bottom:5px;
    left:200px;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}
fieldset p
{
    margin: 2px 12px 10px 10px;
}
legend
{
    /*font-size: 1.1em;*/
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
}
input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}
select
{
    border: 1px solid #CCC;
}
/*----------------------------------------------------------
TABLE Grid
----------------------------------------------------------*/
table.TableGrid
{
    width: 100%;
    border-collapse: collapse;
    border: 0px;
}
table.TableGrid td
{
    padding: 1px;
	vertical-align:middle;
}
table.TableGrid td.FieldName
{
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    /*font-size: 10pt;*/
}
table.TableGrid td.FieldMandatory
{
    color: #CC3300;
    padding-left : 12px;
	background-image : url("images/mandatory.gif");
	background-repeat : no-repeat;
	background-position: left top;
	/*font-size: 10pt;*/
}
table.TableGrid td.FieldValue
{
    text-align: left;
    vertical-align: top;
    /*font-size: 10pt;*/
}
table.TableGrid td.ChangeInfoFieldValue
{
    color: #8B4513;
}
table.TableGrid a.FieldLink
{
    color: #045faa;
    text-decoration: underline;
    cursor: hand;
}
table.TableGrid a.FieldLink:active { color: #ff0000; }
table.TableGrid td a.NoLineRed
{
    color: #045FAA;
    text-decoration: none;    
}
table.TableGrid td a.NoLineRed:hover
{
    color:red;
}
table.TableGrid a.NoLineRed:active { color: #ff0000; }
table.TableGrid td.RemarkHeader
{
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    /*font-size: 10pt;*/
}
table.TableGrid td.RemarkDetail
{
    text-align: left;
    vertical-align: top;
    /*font-size: 10pt;*/
}
table.TableGrid td.NormalText
{
    text-align: left;
    vertical-align: middle;
    /*font-size: 10pt;*/
}
table.TableGrid td.BlueTitle
{
    text-align: left;
    vertical-align: middle;
    /*font-size: 16px;*/
    font-weight: bold;
    letter-spacing: 1px; 
    color: #045faa;
}
table.TableGrid td.List
{
    text-align: left;
    vertical-align: top;
    /*font-size: 10pt;*/
}
p.BlueTitle
{
    font-family: Arial; 
    /*font-size: 16px; */
    font-weight: bold; 
    letter-spacing: 1px; 
    color: #045faa; 
    line-height: 30px;
    text-align: left;
    font-weight: bold;
}
p.BlueSubTitle
{
    font-family: Arial; 
    /*font-size: 12px; */
    font-weight: bold; 
    letter-spacing: 1px; 
    color: #045faa;
    line-height: 50px;
    text-align: left;
}
p.List
{
    text-align: left;
    vertical-align: top;
    /*font-size: 10pt;*/
    line-height: 25px;
}
ul.List
{
    list-style-image: disc;
    text-align: left;
    /*font-size: 10pt;*/
    line-height: 25px;
    margin: 25px;
}
ol.List
{
    text-align: left;
    /*font-size: 10pt;*/
    line-height: 25px;
    margin: 10px;
}
/*----------------------------------------------------------
TABLE List
----------------------------------------------------------*/
table.TableList
{
    border: solid 0px #F2F5F7;
    border-spacing: 2px;     
    width: 100%;
    /*font-size: 12px;*/
	border-collapse: separate;
}
table.TableList td
{
    padding: 1px 2px;
    border: solid 0px #F2F5F7;
    color:#000000;
	vertical-align:top;
}
table.TableList td.SubCell
{
    padding: 1px 2px;
    background-color: #F2F5F7;           
    padding-left:70px;
}
table.TableList td.FieldAlignRight
{    
    text-align: right;    
}
table.TableList td a
{
    color: #045FAA;
    text-decoration: underline;    
}
table.TableList td a:active { color: #ff0000; }
table.TableList td a.NoLineRed
{
    color: #045FAA;
    text-decoration: none;    
}
table.TableList td a.NoLineRed:hover
{
    color:red;
}
table.TableList td a.NoLineRed:active { color: #ff0000; }
table.TableList tr
{
    background-color: #DFEBF7;
}
table.TableList tr.RemoveStyle
{
    background-color: inherit;
}
table.TableList td.RemoveStyle, table.TableList th.RemoveStyle
{
    background-color: transparent;
    border: none;
    color: #000000;
}
table.TableList td.NoWrap, table.TableList th.NoWrap
{
    white-space: nowrap;
}
table.TableList td.FieldAlignRight, table.TableList td.GridNumber, table.TableList th.GridNumber
{    
    text-align: right;    
}
table.TableList td.FieldAlignLeft
{    
    text-align: left;    
}
table.TableList td.FieldAlignCenter,table.TableList th.FieldAlignCenter
{    
    text-align: center;    
}
table.TableList td.expandable
{    
    cursor: pointer;
}
table.TableList tr.AltRow
{
    background-color: #F7F7F7;
}
table.TableList tr.Highlight
{
    background-color: #CCCCFF;
    color: #000066;
}
table.TableList th
{
    padding: 3px 2px;
    text-align: left;
    background-color: #045FAA;
    border: solid 0px #F2F5F7;
    color: #ffffff;        
	vertical-align:top;  
}
table.TableList th.FieldAlignRight
{    
    text-align: right;    
}
table.TableList th.FieldAlignCenter
{    
    text-align: center;
}
table.TableList th.sorting
{
    background-color:#04467D
}
table.TableList th.sortable
{    
    background-image: url(images/sort_unsort.png);     
    cursor: pointer;     
    background-repeat: no-repeat; 
    background-position: 97% 50%;     
    margin-left: -1px;
    padding-right: 15px;     
}
table.TableList th.asc, table.TableList th.DESC
{    
    background-image: url(images/sort_asc.png);  
}
table.TableList th.desc, table.TableList th.ASC
{  
    background-image: url(images/sort_desc.png);       
}
table.TableList th.sorting
{
    background-color:#04467D
}
table.TableListWP th
{
    background-color: #5DA4DE;
}
/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}
.error
{
    color: Red;
}
.fixedHeight
{
    overflow-x:hidden;
    overflow-y:scroll;
    height:310px;
}
div#title
{
    display: block;
    float: left;
    text-align: left;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    list-style-image: none !important;
    list-style-type: none !important;
    font-weight: normal;
    color: #F00;
}
.validation-summary-errors-en
{
    list-style-image: none !important;
    list-style-type: none !important;
    font-weight: bold;
    color: #FF0;
}
.validation-summary-errors-ct
{
    list-style-image: none !important;
    list-style-type: none !important;
    font-weight: normal;
    color: #FF0;
}
.validation-summary-errors li, .validation-summary-errors-en li, .validation-summary-errors-ct li
{
    display: block;
}
.validation-summary-errors a, .validation-summary-errors-en a, .validation-summary-errors-ct a
{
    color: white;
    text-decoration: underline;
}
.validation-summary-valid
{
    display: none;
}
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
    margin: 0.5em 0;
}
.text-box
{
    width: 30em;
}
.text-box.multi-line
{
    height: 6.5em;
}
.tri-state
{
    width: 6em;
}
/* Styles for popup
----------------------------------------------------------*/
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	/*font-size: 1.2em;*/
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
.blue_text_small	{color: #0045aa; vertical-align: bottom;}
.blue_text_small_b	{color: #0045aa; vertical-align: bottom; font-weight: bold;}
.blue_text_medium	{color: #0045aa; vertical-align: bottom;}
.blue_text_medium_b	{color: #0045aa; vertical-align: bottom; font-weight: bold;}
.blue_text_large	{color: #0045aa; font-size: 12pt; vertical-align: bottom;}
.blue_text_large_b	{color: #0045aa; vertical-align: bottom; font-weight: bold;}
                                     
.dblue_text_small	{color: #023467; vertical-align: bottom;}
.dblue_text_small_b	{color: #023467; vertical-align: bottom; font-weight: bold;}
.dblue_text_medium	{color: #023467; vertical-align: bottom;}
.dblue_text_medium_b{color: #023467; vertical-align: bottom; font-weight: bold;}
.dblue_text_large	{color: #023467; font-size: 12pt; vertical-align: bottom;}
.dblue_text_large_b	{color: #023467; font-size: 12pt; vertical-align: bottom; font-weight: bold;}
                                     
.dblue_text_small_u	{color: #023467; vertical-align: bottom; text-decoration: underline;}
.dblue_text_medium_u{color: #023467; vertical-align: bottom; text-decoration: underline;}
.dblue_text_large_u	{color: #023467; vertical-align: bottom; text-decoration: underline;}
                                     
.blue_link_small	{color: #045faa; vertical-align: bottom; cursor: hand; text-decoration: underline;}
.blue_link_small:active	{color: #ff0000; }
.blue_link_small_b	{color: #0045aa; vertical-align: bottom; font-weight: bold; cursor: hand; text-decoration: underline;}
.blue_link_medium	{color: #0045aa; vertical-align: bottom; cursor: hand; text-decoration: underline;}
.blue_link_medium_b	{color: #0045aa; vertical-align: bottom; font-weight: bold; cursor: hand; text-decoration: underline;}
.blue_link_large	{color: #0045aa; font-size: 12pt; vertical-align: bottom; cursor: hand; text-decoration: underline;}
.blue_link_large_b	{color: #0045aa; font-size: 12pt; vertical-align: bottom; font-weight: bold; cursor: hand; text-decoration: underline;}
.red_text_small		{color: #ff0000; vertical-align: bottom;}
.red_text_small_b	{color: #ff0000; vertical-align: bottom; font-weight: bold;}
.red_text_medium	{color: #ff0000; vertical-align: bottom;}
.red_text_medium_b	{color: #ff0000; vertical-align: bottom; font-weight: bold;}
.red_text_large		{color: #ff0000; font-size: 12pt; vertical-align: bottom;}
.red_text_large_b	{color: #ff0000; font-size: 12pt; vertical-align: bottom; font-weight: bold;}
.black_text_small	{color: #000000; vertical-align: bottom;}
.black_text_small_b	{color: #000000; vertical-align: bottom; font-weight: bold;}
.black_text_medium	{color: #000000; vertical-align: bottom;}
.black_text_medium_b{color: #000000; vertical-align: bottom; font-weight: bold;}
.black_text_large	{color: #000000; font-size: 12pt; vertical-align: bottom;}
.black_text_large_b	{color: #000000; font-size: 12pt; vertical-align: bottom; font-weight: bold;}
.white_text_small	{color: #ffffff; vertical-align: bottom;}
.white_text_small_b	{color: #ffffff; vertical-align: bottom; font-weight: bold;}
.white_text_medium	{color: #ffffff; vertical-align: bottom;}
.white_text_medium_b{color: #ffffff; vertical-align: bottom; font-weight: bold;}
.white_text_large	{color: #ffffff; font-size: 12pt; vertical-align: bottom;}
.white_text_large_b	{color: #ffffff; font-size: 12pt; vertical-align: bottom; font-weight: bold;}
/* style for commonpage */
.fontDesc_s             { color:black; vertical-align : top; padding-left: 10px; }
.fontDesc_s_b           { color:black; vertical-align : top; padding-left: 10px; font-weight: bold; }
.fontDesc_m             { color:black; vertical-align : top; padding-left: 10px; }
.fontDesc_m_b           { color:black; vertical-align : top; padding-left: 10px; font-weight: bold; }
.fontDesc_l             { color:black; vertical-align : top; padding-left: 10px; }
.fontDesc_l_b           { color:black; vertical-align : top; padding-left: 10px; font-weight: bold; }
.fontError_s            { color:red; vertical-align : middle; }
.fontError_s_b          { color:red; vertical-align : middle; font-weight: bold; }
.fontError_m            { color:red; vertical-align : middle; }
.fontError_m_b          { color:red; vertical-align : middle; font-weight: bold; }
.fontError_l            { color:red; vertical-align : middle; }
.fontError_l_b          { color:red; vertical-align : middle; font-weight: bold; }
.fontValue_s            { color:SaddleBrown; vertical-align: top; padding-left: 10px; }
.fontValue_s_b          { color:SaddleBrown; vertical-align: top; padding-left: 10px; font-weight: bold; }
.fontValue_m            { color:SaddleBrown; vertical-align: top; padding-left: 10px; }
.fontValue_m_b          { color:SaddleBrown; vertical-align: top; padding-left: 10px; font-weight: bold; }
.fontValue_l            { color:SaddleBrown; vertical-align: top; padding-left: 10px; }
.fontValue_l_b          { color:SaddleBrown; vertical-align: top; padding-left: 10px; font-weight: bold; }
.fontSpecial1_s         { color:Blue; vertical-align : top; padding-left: 10px; }
.fontSpecial1_s_b       { color:Blue; vertical-align : top; padding-left: 10px; font-weight: bold; }
.fontSpecial1_m         { color:Blue; vertical-align : top; padding-left: 10px; }
.fontSpecial1_m_b       { color:Blue; vertical-align : top; padding-left: 10px; font-weight: bold; }
.fontSpecial1_l         { color:Blue; vertical-align : top; padding-left: 10px; }
.fontSpecial1_l_b       { color:Blue; vertical-align : top; padding-left: 10px; font-weight: bold; }
.fontLimitBrokerAccess_s { color:green; vertical-align : middle; }
.fontXLetterGeneralRemark_s { color:black; vertical-align : middle; }
.fontChiDesc            { font-family: /*細明體_HKSCS,*/細明體; }
.hidden                 { display: none; }
.visible				{ visibility: visible; }
.invisible              { visibility: hidden; }
/* Styles for Workflow */
.workflow_fill_bg
{
    background: url("images/workflow/bg_slice.jpg") repeat-x;
}
span.lapse-dn-prod-dtl-rmk
{
    color:Green;
    font-weight:bolder;
    /*font-size:1.2em;*/
}
/* Styles for iPad Version
-----------------------------------------------------------*/
#_layout_menu #floatmenu {
    position:absolute;
    width: 600px;
    z-index:9999;        
    top: 0px;
    left:-641px;
    background: #999; /* for non-css3 browsers */
    position:absolute;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F2', endColorstr='#AED0EA'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#F1F2F2), to(#AED0EA)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #F1F2F2,  #AED0EA); /* for firefox 3.6+ */ 
    border-color: #ccc;
    border-width: 1px;
    border-style: double;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-bottom-right-radius: 5px;    
    -webkit-border-top-right-radius: 5px;
    -webkit-transform-style: preserve-3d;
}
#_layout_menu #showHideBtnDiv
{
    background: #999; /* for non-css3 browsers */
    position:absolute;
    right:0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F2', endColorstr='#AED0EA'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#F1F2F2), to(#AED0EA)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #F1F2F2,  #AED0EA); /* for firefox 3.6+ */                                            
}
#_layout_menu #iScrollCell
{
    background-color:transparent;
    position:absolute;
    top:0px;
}
#_layout_menu #iScrollWrapper
{
    position:relative;       
    height:500px;        
}
.largeTextbox
{            
    font-size:1.5em !important;
    width:200px;
}     
/* Styles for Ecard System
-----------------------------------------------------------*/
.entree_section
{
	BORDER-BOTTOM: 1px solid #CCCCCC;
	FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 16px;
	color: #DAA520;
	font-weight: 800;
	padding-top : 5px;
	padding-left : 15px;
	background : url(images/tabselected.gif) no-repeat left bottom;			/*	Mod By PP01417 */
} 
.readonly_field
{
    color: #8B4513;
}
/* Styles for Webparts
-----------------------------------------------------------*/
.column
{
    width: 700px;
    float: left;
    padding-bottom: 100px;
}
.portlet
{
    margin: 0 1em 1em 0;
}
.portlet-header
{
    margin: 0.3em;
    padding: 4px;
    /*padding-bottom: 4px;
    padding-left: 0.2em;*/
}
.portlet-header .ui-icon
{
    float: right;
    cursor: pointer;
    /* BEG ADD - SR12199 - FollowUpCenter */
    zoom: 2.0;
    /* END ADD - SR12199 - FollowUpCenter */
}
.portlet-content
{
    overflow: auto;
    /*padding: 0.4em;*/
    padding: 4px;
}
.ui-sortable-placeholder
{
    border: 1px dotted black;
    visibility: visible !important;
    height: 50px !important;
}
.ui-sortable-placeholder *
{
    visibility: hidden;
}
.dialogContent
{
    z-index: inherit;
}
/* Styles for Hierarchy Control
-----------------------------------------------------------*/
table.HierCtrlList                                  { width: 100%; /*border-collapse: collapse; border: 0px;*/ }
table.HierCtrlList td span                          { padding-left:36px;cursor: pointer; }
table.HierCtrlList td span.HierListSpanOrphan       { padding-left:18px;cursor: default; }
table.HierCtrlList td span.HierListSpanExpand       { background-image: url("jqTreeTable/images/toggle-expand-dark.png");background-repeat : no-repeat; }
table.HierCtrlList td span.HierListSpanCollapse     { background-image: url("jqTreeTable/images/toggle-collapse-dark.png");background-repeat : no-repeat; }
table.HierCtrlList td span.HierListSpanMSN          { background-image: url("images/icon_hier.png");background-repeat : no-repeat;/*background-image:url("jstree/themes/classic/d.png"); background-position:-55px -19px;background-repeat : no-repeat;*/ }
table.HierCtrlList td a                             { text-decoration: none; color: #000000 }
table.HierCtrlTable                                 { width: 100%; /*border-collapse: collapse; border: 0px;*/ }
table.HierCtrlTable td span                         { /*margin-left:-38px;*/ padding-left:19px;cursor: pointer; }
table.HierCtrlTable td span.HierTableSpanOrphan     { padding-left:19px;cursor: default; }
table.HierCtrlTable td span.HierTableSpanExpand     { background-image: url("jqTreeTable/images/toggle-expand-dark.png");background-repeat : no-repeat; }
table.HierCtrlTable td span.HierTableSpanCollapse   { background-image: url("jqTreeTable/images/toggle-collapse-dark.png");background-repeat : no-repeat; }
/* Styles for POS Update 
-----------------------------------------------------------*/
.nowrap     { white-space: nowrap; }

/*-----------------------------------------------
For SR10968 - AES Document Upload Center - START
-----------------------------------------------*/
.doccenter-highlight 
{
    background-color: Yellow !important; 
}

.doccenter-dim
{
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" !important;

  /* IE 5-7 */
  filter: alpha(opacity=30) !important;

  /* Netscape */
  -moz-opacity: 0.3 !important;

  /* Safari 1.x */
  -khtml-opacity: 0.3 !important;

  /* Good browsers */
  opacity: 0.3 !important;
}
/*-----------------------------------------------
For SR10968 - AES Document Upload Center - END
-----------------------------------------------*/

/*-----------------------------------------------
For SR11250 - AES - Client Search - Fund List - START
-----------------------------------------------*/
.DialogButtonSetFloatToLeft .ui-dialog-buttonset
{
    width: 100% !important;
    float: left !important;
}
.DialogButtonFloatToLeft
{
    float: left !important;
}
.DialogButtonFloatToRight
{
    float: right !important;
}

.DialogButtonIncreaseMargin button
{
    margin: 5px !important;
}
/*-----------------------------------------------
For SR11250 - AES - Client Search - Fund List - END
-----------------------------------------------*/

/* BEG ADD - SR12199 - FollowUpCenter */
.followupcenter-dialog-header .ui-icon
{
    float: right;
    cursor: pointer;    
    zoom: 2.0;
    
}
/* END ADD - SR12199 - FollowUpCenter */

/*-----------------------------------------------
For Global Search - AES - search bar css & overlay - END
-----------------------------------------------*/
.global-search-trigger {
    display: flex;
    margin: 10px 10px;
    padding: 5px 10px;
}

.go-go-search-logo-background {
    height: 43px;
    background: linear-gradient(261deg, #0367AD 0%, #00B9F2 74.48%);
    color: #FFF;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.go-go-search-logo-text {
    color: #FFF;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    align-self: center;
    position: relative;
    padding: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

.go-go-search-logo-top-right-tri {
    position: absolute;
    top: 0;
    right: 0;
}

.go-go-search-bar {
    flex: 1;
    height: 41px;
    border: 1px solid #DDD;
    background: #FFF;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-right: 0px;
    border-left: 0px;
}

.go-go-search-bar-placeholder {
    flex: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #979797;
    padding: 5px;
}

.go-go-search-button {
    width: 56px;
    height: 43px;
    background: #0367AD;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.global-search-overlay-hidden {
    visibility: hidden
}

.hidden-search-bar {
    visibility: hidden;
    height: 0px;
}

.switch-search-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.global-search-iframe {
    border: 0;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);

    width: 100%;
    height: 100%;
}


.zoom-tablet-mobile-global-search-iframe {
    /* 0.56 is the initZoom / initial scale for tablet version */
    /*-moz-transform: scale(calc(1 / 0.56));
    -moz-transform-origin: 0 0;
    -o-transform: scale(calc(1 / 0.56));
    -o-transform-origin: 0 0;
    -webkit-transform: scale(calc(1 / 0.56));
    -webkit-transform-origin: 0 0;
    transform: scale(calc(1 / 0.56));
    transform-origin: 0 0;
    width: calc(100% * 0.56);
    height: calc(100% * 0.56);
    */
    width: 100%;
    height: 100%;
}

.global-search-container {
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.global-search-wrapper {
    width: 80%;
    height: 85%;
}

.freeze-body {
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
}

.ui-widget-overlay.fixedFullScreen {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.bg-white {
    background: #fff !important;
}

.flex-important {
    display: flex !important;
}

.block-important {
    display: block !important;
}