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


body 
{
    font-size: 9pt;
    font-family: Arimo, Helvetica, Arial, sans-serif !important; 
    color: #696969;
}

.unselectable 
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a   { cursor: pointer; }


a:link { text-decoration: none; }


a:visited {
    color: #505abc;
}


a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0; margin-bottom:8px
}

h3 {
    font-size: 1.2em; margin-bottom:5px
}

h4 {
    font-size: 14px !important; margin-bottom:5px
}

h5, h6 {
    font-size: 12px !important;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    height:70px
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #666;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}


/* TABLE
----------------------------------------------------------*/

table {}

table td {  vertical-align:top; }

table th {}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    --margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    float:right;
}

#logindisplay a:link {
    text-decoration: underline;
}

#logindisplay a:visited {
    text-decoration: underline;
}

#logindisplay a:hover {
    text-decoration: none;
}

#setuplink {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    float:right;
}

#setuplink a:link {
    text-decoration: underline;

}

#setuplink a:visited {
    text-decoration: underline;
}

#setuplink a:hover {
    text-decoration: none;
}

/* 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 {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

li { list-style-type:none; }
a.halo  {text-decoration:none }
img { border:none }
a.halo h2 { margin-top: -20px; padding-top:-20px; border:none; text-decoration:none; text-align:center }
.breadcrumb { font-size:14px; margin-bottom:20px; }
.importcredentials input[type=text] {width: 100px; font-size:10pt; color:Black; }
.importcredentials label {width: 150px; font-size:10pt; color:Black; text-align:right; display:inline-block}
.importcredentials input[type=submit] {float:right}

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

ul.account_summary_table        {font-size: 12px; min-height: 60px; }
ul.account_table                {font-size: 12px; min-height: 60px; }
ul.client_table                 {font-size: 12px; width:500px; }
ul.portfolio_table              {font-size: 12px; }
ul.asset_table                  {font-size: 12px; width:980px; }

ul.account_summary_table  h3    {margin-top: 8px; margin-bottom: 5px}
ul.account_table  h3            {margin-top: 8px; margin-bottom: 5px}
ul.client_table  h3             {margin-top: 8px; margin-bottom: 5px}
ul.portfolio_table h3           {margin-top: 8px; margin-bottom: 5px}
ul.asset_table h3           {margin-top: 8px; margin-bottom: 5px}

ul.account_summary_table > li   { background-color:#DDFFFF; padding: 5px; margin: 2px; cursor:pointer;  border:1px grey solid; border-radius:2mm;  }
ul.account_table > li           { background-color:#EEEEFF; padding: 5px; margin: 2px; cursor:pointer;  float:left; width:22%; border:1px grey solid; border-radius:2mm;  }
ul.client_table > li            { background-color:Bisque; padding: 1px; margin: 2px; cursor:pointer;  border:2px transparent solid; border-radius:1mm; font-size:12px; height:24px }
ul.client_table > li.selected    { border:2px red solid; box-shadow: 0 0 15px red }
ul.client_table input[type=text]    { padding:2px; }

ul.wrapper_type_table > li            { background-color:Wheat; padding: 1px; margin: 2px; cursor:pointer;  border:none; border-radius:1mm; font-size:12px; float:left; width:170px; border:2px solid transparent }
ul.wrapper_type_table > li.selected   { border:2px solid red; box-shadow: 0 0 15px red; z-index:2000 }
fieldset.selected                { border: 2px solid red; border-radius:1mm }
/*ul.portfolio_table > li         { background-color:BlanchedAlmond; padding: 5px; margin: 2px; cursor:pointer;  color:Black; opacity:0.6; border:1px grey solid; border-radius:2mm; margin-bottom:10px; }
ul.fund_table > li              { margin: 0px; color:Black; margin-top:10px}*/
ul.asset_table > li              { margin: 0px; color}
/*
*/


.portfolio_table li { background-color:BlanchedAlmond; list-style-type:none; padding: 3px; border:none; height:24px }
.fund_table > li { list-style-type:none; margin: 0px; color:Black; margin-top:10px}
.fund_table .target_header  { display:inline-block; width: 170px; text-align:right; font-size:12px}
.fund_table .portfolio_header  { display:inline-block; width: 210px; text-align:right; font-size:12px}
.fund_table .wrapper_header   { display:inline-block; text-align:right; width: 340px; margin-left:60px; overflow-x:hidden; font-size:12px; vertical-align:bottom}
.fund_table .currency_column  { float: none; margin-left: 10px; text-align:right }
.fund_table .wad_column       {  display:inline-block; float: none; width: 120px; text-align:right}
.fund_table .percent_column   { display:inline-block; float: none; width: 60px; text-align:right }
.fund_table input[type=text].percent_column   { display:none; width: 55px; text-align:right; margin-right:-4px; font-size:12px  }
.fund_table input[type=text].wad_column       { display:none; width: 115px; text-align:right;margin-right: -4px; font-size:12px   }
.fund_table .portfolio        { cursor:pointer;  }
.fund_table .wrapper        { cursor:pointer;  }

.sector_table                   { font-size:12px }
.sector_table li                { background-color:BlanchedAlmond; list-style-type:none; padding: 3px; border:none; height:24px }
.sector_table .target_header    { display:inline-block; width: 170px; text-align:right; }
.sector_table .portfolio_header { display:inline-block; width: 210px; text-align:right; }
.sector_table .wrapper_header   { display:inline-block; text-align:right; width: 340px; margin-left:60px; overflow-x:hidden; }
.sector_table .currency_column  { margin-left: 10px; text-align:right }
.sector_table .wad_column       {  display:inline-block; float: none; width: 120px; text-align:right}
.sector_table .percent_column   { display:inline-block; float: none; width: 60px; text-align:right }
.sector_table input[type=text].percent_column   { display:none; width: 55px; text-align:right; margin-right:-4px; font-size:12px  }
.sector_table input[type=text].wad_column       { display:none; width: 115px; text-align:right; margin-right: -4px; font-size:12px   }
.sector_table .portfolio        { cursor:pointer;  }
.sector_table .wrapper        { cursor:pointer;  }
.pin                      { cursor:pointer }

ul.client_group_table li { background-color:#EEEEFF; list-style-type:none; padding: 3px; margin: 2px; cursor:pointer;  color:Black;   }

.centre                         { text-align:center; }

.liveEdit img           { cursor:pointer }


span.fund_column    {display:inline-block; width:280px; white-space:nowrap; overflow:hidden; }
span.risk_column    {display:inline-block; text-align:center; width:120px; border-radius:5px}
span.sector_column    {display:inline-block; text-align:center; width:280px; border-top-left-radius:5px; border-top-right-radius:5px; border:2px gray solid; border-bottom:none}
span.percent_column    {text-align:right; display:inline-block; width:50px; }
.wad_column         {text-align:right; }
.wad_column input[type=text]        {text-align:right; width:120px }

.client_table .wad_column input[type=text]  { width: 100px }
.client_table .name_column                  { width: 260px }

li.header_row        { background-color: #EEEEFF !important; }
span.asset_header    {display:inline-block; width:400px; text-align:right; font-weight: bold }
span.units_header    {display:inline-block; width:100px; text-align:right; font-weight: bold  }
span.price_header    {display:inline-block; width:100px; text-align:right; font-weight: bold }
span.value_header    {display:inline-block; width:100px; text-align:right; font-weight: bold }
span.currency_header {display:inline-block; width:100px; text-align:right; font-weight: bold }

span.asset_column    {display:inline-block; width:400px; text-align:right; }
span.units_column    {display:inline-block; width:100px; text-align:right; }
span.price_column    {display:inline-block; width:100px; text-align:right; }
span.value_column    {display:inline-block; width:100px; text-align:right; font-weight: bold }
.currency_column { text-align:right; }



.addnewmoney                    { font-size:12px;}
.addnewmoney select             { width:200px; }
.addnewmoney label              { display:inline-block; width:100px; text-align:right; }
.addnewmoney input[type=text] { display:inline-block; width:120px; text-align:right; }
.addnewmoney img                { cursor:pointer }
.newamount                      { width:90px; text-align:right; }
.newmoney               { margin-bottom:10px; width: 444px}
.newmoney img           { float:right; }


.newclientdetails input[type=text]  { font-size:16px; font-weight:bold; color:Black; width:250px }
.newclientdetails                   { position:relative; min-height:140px }
.newclientdetails                   { padding:10px; }
.newclientdetails label            { width:200px; text-align:right; display:inline-block; margin-top:20px; }
.newclientdetails span            { width:200px; text-align:right; display:inline-block; font-size:12px }
.newclientdetails textarea         { width:250px; overflow-x:no-content; overflow-y:auto; margin-top:15px; vertical-align:top}


#newportfolio           { display:none; }
.currency               { font-size:12px; }

ul.fund_table ul        { border:gray 2px solid; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px }
.sector_table ul         { border:gray 2px solid; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px }
ul.asset_table ul       { border:gray 2px solid; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px }
ul.asset_table ul li    { background-color:Ivory; padding: 2px; margin: 2px; cursor:pointer;  color:Black; border:1px grey solid; border-radius:1mm; margin-bottom:2px; }

#allocation_summary li  { list-style-type:none; padding: 3px; color:Black; border:none }
#allocation_summary     { border-top:1px solid black; background-color:WhiteSmoke }

.wad_heading            {display:inline-block; text-align:center; width:100px; color:Black; font-size:small}
.percent_heading        {display:inline-block; text-align:center; width:100px; color:Black; font-size:small}
.sector_heading         {display:inline-block; text-align:center; width:200px; color:Black; font-size:small}
.wad_summary            {display:inline-block; text-align:center; width:100px; font-size:12px}
.percent_summary        {display:inline-block; text-align:center; width:100px; font-size:12px}
/*
.sector_name            {display:inline-block; text-align:center; width:280px; font-size:12px; border-radius:1mm; }
.sector_bar             {display:inline-block; border-radius:2px; box-shadow: 2px 2px 2px #777 }
.fund_bar               {display:inline-block; border-radius:2px; box-shadow: 2px 2px 2px #777 }
*/
.SaveChanges            { position:absolute; bottom:0px; right:0px }
.SaveChanges img        { margin: 5px }

/*ul.sortable                         { min-width: 480px; min-height: 200px; }*/
.Hot                        { cursor: pointer; }
.Link                      { font-size: 10px; text-decoration:underline; display:inline-block; width: 100px; }
/*
.Search                     { float:right; margin:10px; margin-right:80px;  } 
.Search input[type=text]            { width:400px } 
*/

div.recent_accounts          { margin-top:10px; overflow-x:hidden; overflow-y:auto; font-size:12px }
div.recent_accounts li       { padding: 3px; border-bottom: 1px gray dotted; background-color:FloralWhite; cursor:pointer; border}

.hidden                      { display:none !important}

#clients_list span           { display:inline-block; margin:15px; cursor:pointer; }
#clients_list                { padding: 10px }
#save_changes_link          { font-size: 12px; text-decoration:underline; display:inline-block; width: 120px; float:right; cursor:pointer;  }
.request_status         {font-size:12px;  min-height:20px !important; vertical-align:top; padding-top:6px  }
tr.selected_client      { border:2px red solid;  box-shadow: 0 0 15px red }
tr.selected_client td     { color:Black; font-weight:bold;  background-color:LightBlue; border-bottom:2px red solid }

.errmsg                             { z-index: 1000; }

 #mask                              
 {  
    position:absolute; /* important */  
    top:0px; /* start from top */  
    left:0px; /* start from left */  
    height:100%; /* cover the whole page */  
    width:100%;  /* cover the whole page */  
    display:none; /* don't show it '*/  
  
    /* styling bellow */  
    background-color: black;  
    cursor:wait;
}  
  
.modal_window{  
    position:absolute;
    display:none;
    color:white;  
}  
  
/* style a specific modal window  */  
#progress_update{  
    padding:50px;  
    border:1px solid gray; 
    border-radius:5mm;
    box-shadow: 5px 5px 5px #fff;
    background: whitesmoke;  
    color:black;  
    cursor:wait;
}  

div.Dialog                  { color: WhiteSmoke }
div.Dialog h2               { color:Orange; }

/*Alien stuff */

.Grid									{ width: 100%; border:1px solid #BBBBBB; border-collapse:collapse; }
.GridHeader								{ font-size:0.9em; padding:5px; height:30px; margin-top: 20px; vertical-align:middle; }
.GridHeader	h2							{ float:left; width: 200px; margin: 0px; margin-right:100px; }
.GridHeader input[type=button]			{ float:left;  }
.Grid  tr								{ border-bottom: 1px #DDDDDD solid ; height: 25px; background-color:#FDFDFD }
.Grid  td								{ border-left: 1px #DDDDDD solid ; padding:3px; padding-left:5px }
.ActionCell								{ text-align:center; }
.ActionCell a							{ color: Blue; }


input[type=text], input[type=password],
input[type=date], input[type=datetime],
input[type=number], input[type=email],
input[type=url], input[type=phone]		 
{
    /*width: 250px;*/ 
    height:24px;
    padding:3px; 
    border-radius:5px; 
    border:2px solid silver;
    font-size:10pt; 
    background-image: url('/Content/Images/login_bgfields.jpg'); 
    background-repeat:repeat-x 
}

img.image_selector                      { max-height:70px; max-width:300px; border:2px solid Silver; border-radius:1mm; background-color:White; cursor:pointer}

table.CheckBoxList						{ width: 206px; padding:3px; border:2px solid Silver; -moz-border-radius: 1mm; border-radius:1mm; font-size:10pt }
textarea								{ width: 250px; overflow:auto; padding:3px; border:2px solid Silver; -moz-border-radius: 1mm; border-radius:1mm; text-align:left; font-family: "Arial", Verdana, Helvetica, Sans-Serif;  }
select									{ min-height: 25px; min-width: 160px; overflow:auto; border:2px solid Silver; -moz-border-radius: 1mm; border-radius:1mm  }
option									{ width:100%; margin:5px; height:25px }
option:hover							{ color: Blue; }

.LastModified a							{ margin-left:8px; text-decoration:underline; }
.LastModified .ValueCell				{ min-width:100px; }

input[type=text]:hover, input[type=password]:hover,
input[type=date]:hover, input[type=datetime]:hover,
input[type=number]:hover, input[type=emai]:hover,
input[type=url]:hover, input[type=phone]:hover,
textarea:hover, select:hover,
table.CheckBoxList:hover, 
img.image_selector:hover			    { border-color: Orange }

input[type=text]:focus, input[type=password]:focus,
input[type=date]:focus, input[type=datetime]:focus,
input[type=number]:focus, input[type=emai]:focus,
input[type=url]:focus, input[type=phone]:focus,
textarea:focus, select:focus,
table.CheckBoxList:focus,
img.image_selector:active				{ border-color: Blue }

span.Tip								{ position:absolute; min-height:0px !important; }
span.Tip > span							{ display:none; position:absolute; z-index:1000; top:-20px; left: 20px; width:250px; border: 1px solid #FF8800; padding:10px; background-color: #FFEE88; border-radius: 2mm !important; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; font-size:12px }

span.PinTip								{ display:none; position:relative; min-height:0px !important; height:0px; width:0px }
span.PinTip > span						{ display:none; position:absolute; z-index:100; top:-80px; right: -200px; width:250px; border: 1px solid #FF8800; padding:5px; background-color: #FFEE88; border-radius: 2mm !important; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; font-size:12px }


.EditForm								{ width: 100% }

.EditFormHeader							{ width:100%; height:35px; border: 1px gray solid; margin-top:30px; height:50px; border-bottom:none; }
.EditFormHeader  h1 				    { width:350px; float:left; margin: 10px; margin-top: 5px; margin-bottom:4px }
.EditFormHeader  input					{ margin:5px; float:left;  margin-top:12px;  }

.EditFormFooter							{ width:100%; height:35px; border: 1px gray solid; height:50px; border-top:none; }
.EditFormFooter  h1 				    { width:350px; float:left; margin: 10px; margin-top: 5px; margin-bottom:4px }
.EditFormFooter  input					{ margin:5px; float:left;  margin-top:12px;  }

.EditFormSectionHeader					{ background-color:#F4F4FF; width:100%; border:1px gray solid; border-bottom:none; border-top-width:3px; height:35px }
.EditFormSectionHeader  h2				{ width:250px; margin: 5px; margin-left:10px }

.EditFormSection						{ background-color:GhostWhite; border:2px #35343A solid; clear:both; padding-top:10px; padding-bottom:10px; border-radius:2mm;  }
.EditFormSection td						{ vertical-align:top; padding-bottom:0px;}
.EditFormSection > p					{ margin:10px }
.EditFormSection tr						{ }
.EditFormSection li						{ list-style-type:none; }

.EditFormBanner							{ background-color:#F4F4FF; font-weight:bold; padding:5px; padding-left:10px; margin-top:20px}


.FieldLabelCell							{ width:240px; border-right:3px transparent solid; vertical-align:top; text-align:right; }
.FieldLabelCell.Required    			{ border-right:3px red solid; }
.FieldLabelCell	span					{ display:inline-block; width:237px; padding-right:10px; text-align:right; vertical-align:top; font-size:0.9em; font-weight:600; color:#666666; clear:both; border-right:2px solid transparent}
.WidgetCell								{ display:inline-block; vertical-align:top; height:24px; }
.ValueCell								{ min-width: 260px; min-height:20px; padding-top:0px; }
.ValueCell	span						{ margin-top:0px; display:inline-block; min-height:20px; }
.ValueCell select	                    { color:Black; height:21px; margin-bottom:7px  }
.ValueCell	img							{ margin-top: 4px; }
.WidgetCell	img 						{ cursor:pointer}
.ExampleText							{ font-weight:bold; font-size:12px; margin-left:5px }

.FormSection							{ background-color:#F4F4FF; border: 1px solid gray; border-top: 3px solid gray; margin-top:20px; }
.FormSection h2							{ width:350px; float:left; margin-top: 5px; margin-bottom: 10px; }
.FormSection > *						{ margin:8px; }

.DetailForm								{ width: 100% }
.DetailFormHeader						{ background-color:White; float:left; padding:5px; width:98%; vertical-align:bottom; margin-bottom:20px }
.DetailFormHeader input					{ margin:5px; float:left; margin-top:16px }
.DetailFormHeader  h1					{ width:200px; float:left; margin-top: 5px; margin-bottom: 5px; margin-right:100px;  }
.DetailFormSection						{ padding:5px; width:98%; border-collapse:collapse }
.DetailFormSection td					{ vertical-align:top; }
.DetailFormSection tr					{ height: 25px; }
.DetailFormSection li					{ list-style-type:none; border-bottom: 1px #DDDDEE solid; }
.ReturnLink								{ }
li.sortable								{ border:1px gray dotted; background-color: BlanchedAlmond; }
ul.sortable								{ padding-left: 0px; }
.layout_link							{ float:right; cursor:pointer; margin-left: 20px; margin-top:15px; margin-right:10px}

.HelpTopicLink							{ margin-left: 8px; margin-right:5px }

.Local_Edit								{ float:right; margin-left: 5px; cursor:pointer;}
.Local_Edit:hover, .Local_Edit:active	{ visibility:visible; }
.Local_Save								{ margin-left: 10px; margin-right: 3px }
.Local_Cancel							{ margin-left: 10px; margin-right: 3px; float:right;}
#edit_icon, #undo_icon, #save_icon		{ border: 1px solid transparent; padding:3px; -moz-border-radius: 1mm; border-radius:1mm; -webkit-border-radius: 1mm }
#edit_icon:hover, #undo_icon:hover,
#save_icon:hover						{ border-color: #999999; }

.Current_Control						{ float:left; }
.PolyMorph_Focus						{  height: 16px; min-width:200; }
.PolyMorph_NoButtonBox					{ width:16px !important; border:none !important; }

.slant                                  { display:block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform:rotate(-90deg); height:50px; width:30px; text-align:left; margin-left:15px; margin-right: -15px; margin-bottom:-10px; }
td.value                                { text-align:right; }
td.asset_total                          { text-align:right; padding-right: 5px }
.popup_selector                         { position:absolute; display:none; padding:10px; border:2px blue solid; border-radius:2mm; background-color:whitesmoke; box-shadow: 5px 5px 5px #888; }
.popup_selector img                     { cursor:pointer; height:20px }
img.source_selector                     { cursor:pointer; height:16px; padding:1px; margin-right:10px; margin-top:-5px }
img.source_selector.selected            { border:2px red solid; border-radius:1mm; box-shadow: 0px 0px 15px #red; cursor:default }

span.PolyMorph                          { display:inline-block; margin-top:10px; margin-bottom:-5px; font-weight:bold; color:Black}
.number                                 { width: 130px; text-align:right; }
#edit_icon                              { display:none; position:absolute; }
.dragselecting                          { background: #FECA40; }
.dragselected                           { background: #F39814; color: white; }

#funds li:hover                         { color:Black; }
#funds li:active                        { color:Black; }
/*#sectors li > ul                        { min-height: 20px; }*/

#sectors span.risk_weighting                    { display:inline-block; font-size:12px; float:right; vertical-align:middle; margin-right:20px; }
#sectors span.risk_weighting input[type=text]   { width:40px; float:right; text-align:right; font-size:12; padding:2px}

span.ISIN                          { width:124px; }
input[type="text"].allocation       { width: 100px; margin:0px; text-align:right; }
span.allocation_label                { width: 300px; text-align:right; color:Black; padding:5px; border-radius:1mm; display:inline-block }
.risk_label                        { min-height:20px; padding-top:3px; width:120px; height:40px; vertical-align:middle; text-align:center; display:block; font-size:12px; color:black; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.fund_selector_header              { background-color: #36353A; color: white; display:inline-block; width:556px; position:relative; left:-4px; top: -4px; padding-top:4px }
.sector_selector_header            { background-color: #F7BA21; color: #36353A; display:inline-block; width:556px; position:relative; left:-4px; top: -4px; padding-top:4px }

span.sector_header                    { display:inline-block; width:476px; border-radius:1mm; color:Black }	 
span.sector_header *                { float:left; }
span.sector_header span             { margin-top:4px }

img.color_button                    { float:right; margin-right: 5px }                         
span.allocation_percentage          { text-align:right; display:inline-block; width: 100% }

img.FE                              { height:16px; cursor:pointer; float: left;}

div.top_palette                     { width: 1100px; padding:10px;  }
div.top_palette li                  { float:left; margin-left:20px; text-decoration:underline; cursor:pointer; margin-top:20px}
td.top_palette span                 { float:left; margin-left:40px; text-decoration:underline; cursor:pointer; }

.ui-datepicker select                   { min-width: 20px !important }
div.client_profile.selected             { border-color:blue;  box-shadow: 0 0 15px blue }
#portfolio_profile input[type=text]     { height:15px; }
.ComboArrow                         { position:relative; left:-30px; top:-5px; vertical-align:middle; cursor:pointer; }


div.report_widget                   { display:inline-block; width: 100%; height:100%; border-radius: 2mm; border: 1px LightGray solid; font-size:12px; }
div.report_widget > h3              { width: 275px;  text-align:left; margin-top:-1px; margin-left:-1px; margin-bottom: 0px; border-radius:2mm 0 0 0; background-color: #36353A; color:#F7BA21; padding:3px; padding-left:5px}
div.report_widget > div             { padding: 5px; overflow-x:hidden; height: 100%;   }
div.report_widget hr                { margin: 0px; padding: 0px  }

/* NEW COMPONENT-BASED APPROACH */

.outlined                           { border: 2px solid silver; border-radius:1mm }
.active:hover                       { border-color:Orange }
.active:active                      { border-color:Blue }
.wheaty                             { background-color: Wheat }
.twisty_header                      { border-radius: 2mm; padding: 3px; }
.square_base                        { border-bottom-left-radius: 0 !important;  border-bottom-right-radius: 0 !important; border-bottom:none !important}
.square_top                         { border-top-left-radius: 0 !important; border-top-right-radius: 0  !important}
.square_right                       { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important }
.square_left                        { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.black                              { color:Black }
.red                                { color:red}
.blue                                { color:Blue}
.bold                               { font-weight: bold; }


.white_background
{ 
    background: white !important;
    color: #696969 !important; 
}

.gray_borders 
{
    border: 1px solid #AAAAAA   
}

.no-close .ui-dialog-titlebar-close 
{
  display: none;
}


.ui-widget-overlay 
{
    background: #444444;
    opacity: .6;
    filter: Alpha(Opacity=40);
}


.row-eq-height 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ui-helper-hidden-accessible { display: none; !important}
.ui-dialog { z-index: 20 }

.e-ddl-hidden { display:none }
textarea.e-rte-hidden { display: none !important; }