@charset "utf-8";
/*
FUND TABLE STYLESHEET
Description:  Fund table definitions
Author:       Interactive Things
Created:      100622_JS
Updated:      100708_BW
*/

/* FIXED TABLE HEADER
/////////////////////////////////////////////////////////////////*/
.fund_table_header{
  z-index: 1;
}
.fund_table_header.fixed{
  /* CSS3 */
  box-shadow: 0px 1px 3px #999;
}
#fund_table_header_fix{
  height: 65px;
/*  z-index: 1;*/
  min-width: 900px;
}

#fund_table_header_fix_var_width{
  height: 65px;
}

.fund_table_header table{
  margin-bottom: 0;
}
/* TABLE TOOLBAR
/////////////////////////////////////////////////////////////////*/
.fund_table_toolbar{
  background: #bbd0e9 url('../img/table_sprite.png') 0 0px repeat-x;
  line-height: 35px;
  padding: 0 10px;
  height: 35px;
  position: relative;
  vertical-align:middle;
  /* CSS3 */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.fund_table_titlebar{
  background: #bbd0e9 url('../img/table_sprite.png') 0 -100px repeat-x;
  padding: 0 10px;
  position: relative;
  vertical-align:middle;
  border-right: 1px solid #9ebbdf;
  border-top: 1px solid #9ebbdf;
  border-bottom: 1px solid #9ebbdf;
  cursor: pointer;
  color: #38537e;
  line-height: 30px;
  height: 30px;
  font-weight: bold;
  /* CSS3 */
}
.fixed .fund_table_toolbar{
  /* CSS3 */
  border-radius: 0;
}
.fund_table_toolbar .right { float: right;}
.fund_table_toolbar .left { float: left;}
.fund_table_toolbar .left .dropdown-button{
  /* CSS3 */
  box-shadow: 0px 1px 0px #d3e4f4;
}
.fund_table_toolbar .left #find_field,
.fund_table_toolbar .left #find_field_vesting,
.fund_table_toolbar .left #find_field_distribution 
{ margin-top: 8px; }/*QA-2202, QA-2186*/

.fund_table_toolbar .left.go #find_field,
.fund_table_toolbar .left.go #find_field_vesting,
.fund_table_toolbar .left.go #find_field_distribution
{ margin-top: 0px;}

.fund_table_toolbar .left #find_field,
.fund_table_toolbar .left #find_field_vesting,
.fund_table_toolbar .left #find_field_distribution,
.fund_table_toolbar .left .date_field,
.fund_table_toolbar .left #table_filter,
.fund_table_toolbar .left #table_grouping {
	float: left;
	display: block;
	position: relative;
}
.fund_table_toolbar .left #table_grouping_inv {
	float: left;
	display: block;
	position: relative;
}

.fund_table_toolbar .date_field{
	margin-top:7px;
	padding-left:5px;
}
.fund_table_toolbar .left #table_filter,
.fund_table_toolbar .left #table_grouping{
	padding: 8px 0 6px;
	margin-left: 10px;
}
.fund_table_toolbar .left #table_grouping_inv{
	padding: 8px 0 6px;
	margin-left: 10px;
}

.fund_table_toolbar .left #find_field input,
.fund_table_toolbar .left #find_field_vesting input,
.fund_table_toolbar .left #find_field_distribution input,
.fund_table_toolbar .date_field input {
  background: #fff url('../img/table_sprite.png') 0 -700px repeat-x;
  border: 1px solid #9ebbdf;
  font-size: 11px;
  height: 14px;
  width: 110px;
  line-height: 15px;
  margin: 0;
  padding: 2px 5px;
  outline: none;
  /* CSS3 */
  border-radius: 5px;
  box-shadow: 0px 1px 0px #d3e4f4;
}

.fund_table_toolbar .left .date_field input{
	width:85px;
}

.fund_table_toolbar .left #find_field  .close,
.fund_table_toolbar .left #find_field_vesting  .close,
.fund_table_toolbar .left #find_field_distribution .close,
.fund_table_toolbar .left .date_field  .close{
  right: 4px;
  top: 4px;	/*QA-2202, QA-2186*/
  display: none;
}

.fund_table_toolbar .left.go #find_field .close {
  right: 45px;
  top: 10px;
}
.fund_table_toolbar input[type="checkbox"]{vertical-align:text-bottom;}
/* TABLE CONTROLS
/////////////////////////////////////////////////////////////////*/
.fund_table_controls table {
  line-height: 30px;
  margin: 0;
}
.fund_table_controls th {
  background: #bbd0e9 url('../img/table_sprite.png') 0 -100px repeat-x;
  border-right: 1px solid #9ebbdf;
  border-top: 1px solid #9ebbdf;
  border-bottom: 1px solid #9ebbdf;
  cursor: pointer;
  color: #38537e;
  line-height: 30px;
  height: 30px;
  padding: 0 0 0 0;
  position: relative;
  vertical-align: middle;
}
.fund_table_controls th:last-child {
  border-right: none;
}
.fund_table_controls th:first-child {
  border-left: none;
}
.fund_table_controls th span{ padding: 0 0 0 10px; display: block; position: relative;}
.fund_table_controls th.right span{ padding: 0 5px 0 0;}
.fund_table_controls th.checkbox span{ padding: 0 0 0 0;}

.fund_table_controls th.no_sort {cursor: default;}

.fund_table_controls th.desc,
.fund_table_controls th.asc   { padding: 0; background-position: 0 -200px;}

.fund_table_controls th.desc span { background: url('../img/dropdown_sprite.png') 5px -386px no-repeat; padding-left: 15px;}
.fund_table_controls th.asc span  { background: url('../img/dropdown_sprite.png') 5px -1286px no-repeat; padding-left: 15px;}


.fund_table_controls th.desc .icon-flag_dark,
.fund_table_controls th.asc .icon-flag_dark { background: url('../img/icon_sprite.png') no-repeat 0 -528px;}
.fund_table_controls th.desc .icon-star_dark,
.fund_table_controls th.asc .icon-star_dark{ background: url('../img/icon_sprite.png') no-repeat 0 -1452px;}
.fund_table_controls th.desc .checkbox,
.fund_table_controls th.asc .checkbox{ background: none;} 

.fund_table_controls th.icon span{ display: block; height:18px; text-indent: -9999px;}
.fund_table_controls th .menu {
  float: right;
  position: absolute;
  padding: 0;
  right: 5px;
  top: 5px;
}
.fund_table_controls th span.year_drop{ top: -3px; height: 15px; right: 0px; float: left; position: relative;}
.fund_table_controls th.performance .menu {
  width: 19px;
}
.fund_table_controls th .label{
  display: inline;
  padding-left: 0;
}
.fund_table_controls th .menu span{
  padding-left: 0;
}
.fund_table_controls th.desc .label,
.fund_table_controls th.asc .label,
.fund_table_controls th.desc .menu,
.fund_table_controls th.asc .menu{ padding-left: 0;}

.fund_table_controls th .menu .selector, 
{
  position: absolute;
  right: 0;
  top: 2px;
  font-weight: normal;
  width: 40px;
}
 
/* SORTABLE TABLE WITH GROUPS
/////////////////////////////////////////////////////////////////*/
.fund_table_tables thead {
  display: none;
}
.fund_table h3,
.fund_table_tables h3{
  background: #e3e3e3 url('../img/table_sprite.png') 0 -600px repeat-x;
  border-bottom: 1px solid #ccc;
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 0 0 10px;
}
.fund_table td.icon span{
  display: block;
  text-indent: -9999px;
  padding: 0;
  width: 16px;
}
.fund_table td.icon a         { border: 1px solid #fff; display: block; }
.fund_table td.icon a:hover   { background: #e3e3e3 url('../img/button_sprite.png') 0 -400px repeat-x; border: 1px solid #d9d9d9;
  /* CSS3 */
  border-radius: 5px;
}
.fund_table td.icon a:active  { background-position: 0 -500px; color: #999;}
.fund_table_blocked table{
  margin-bottom: 0;
}
.fund_table tr.blocked {
  background: #dcdcdc url('../img/table_sprite.png') 0 -500px repeat-x;
}
.fund_table tr.blocked td {
  font-weight: bold;
  line-height: 30px;
  text-align: right;
  border-bottom: 1px solid #ccc;
}
/* FIXED TABLE FOOTER
/////////////////////////////////////////////////////////////////*/
.fund_table_footer.fixed{
  /* CSS3 */
  box-shadow: 0px -1px 3px #999;
}
#fund_table_footer_fix{
  height: 60px;
}
.fund_table_footer{
  width: 100%;
}
.fund_table_footer table{
  margin: 0;
}
.fund_table_footer thead {
  display: none;
}
.fund_table_footer tr{
  background: #e3e3e3 url('../img/table_sprite.png') 0 -300px repeat-x;
}
.fund_table_footer td{
  font-weight: bold;
  line-height: 30px;
  height: auto;
  padding: 0 10px 0 0;
  text-align: right;
  border-bottom: 1px solid #8DACD6;
}
.fund_table_footer td.left span{ padding: 0 0 0 0;} 
.fund_table_footer td.left{ padding: 0 0 0 10px;}

.fund_table_footer td a{
  font-weight: bold;
  color: #333333;
}
.fund_table_footer td .total-amount{
  float: left;
}

.fund_table_footer .error{
  background: transparent url('../img/notification_sprite.png') 0 -400px repeat-x;
  border-color: #EA5A50;
}
/* TABLE ACTIONBAR
/////////////////////////////////////////////////////////////////*/
.fund_table_actionbar{
  background: #a5c0e1 url('../img/table_sprite.png') 0 -300px repeat-x;
  border-top: 1px solid #91ADD4;
  clear: both;
  color: #38537e;
  line-height: 35px;
  padding: 0 10px;
  height: 35px;
  /* CSS3 */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.fund_table_actionbar .right { float: right;}
.fund_table_actionbar .left { float: left;}
.fund_table_actionbar .right p,
.fund_table_actionbar .left p{
  margin: 0;
}
.fund_table_actionbar.double_line{
	height:52px;
	line-height:21px;	
}

/* FIELDS
/////////////////////////////////////////////////////////////////*/
.fund_table_tables .fund_table td{ line-height: 24px; padding:0 10px;}
.fund_table_tables .fund_table th{ padding: 0;}
.fund_table td.narrow,
.fund_table td.narrow_footer,
.fund_table th.narrow { width: 85px;}
.fund_table td.std,
.fund_table td.std_footer,
.fund_table th.std { width: 100px;}
.fund_table td.x_std,
.fund_table td.x_std_footer,
.fund_table th.x_std { width: 120px;}
.fund_table td.wide,
.fund_table td.wide_footer,
.fund_table th.wide { width: 135px;}
.fund_table td.x_wide,
.fund_table th.x_wide { width: 160px;}
.fund_table td.xx_wide,
.fund_table th.xx_wide { width: 180px;}
.fund_table td.extra_wide,
.fund_table th.extra_wide { width: 200px;}
.fund_table th.extra_extra_wide{ width: 250px; }
.fund_table td.extra_extra_wide{ width: 250px; }
.fund_table td.extra_extra_wide a{ text-decoration: none;}
.fund_table td.extra_extra_wide a:hover{ text-decoration: underline;}
.fund_table th.xxx_wide{ width: 300px; }
.fund_table td.xxx_wide{ width: 300px; }
.fund_table td.xxx_wide a{ text-decoration: none;}
.fund_table td.xxx_wide a:hover{ text-decoration: underline;}
.fund_table td.checkbox,
.fund_table th.checkbox { width: 170px;}
.fund_table td.checkbox {vertical-align:top;}
.fund_table td.icon,
.fund_table th.icon { width: 20px; padding: 0;}
.fund_table td.ticker,
.fund_table th.ticker { width: 54px;}
.fund_table td.fund_name_offering,
.fund_table th.fund_name_offering { width: 48%;}
.fund_table td.fund_currency,
.fund_table th.fund_currency { width: 72px;}
.fund_table td.performance,
.fund_table th.performance { width: 66px;}
.fund_table td.tax_band,
.fund_table th.tax_band { width: 20px; padding-left:2px; }
.fund_table td.holding,
.fund_table th.holding { width: 110px;}
.fund_table td.percentPortfolio,
.fund_table th.percentPortfolio { width: 117px;}
.fund_table th.amount { width: 120px;}
.fund_table td.amount { color: #333; font-weight: bold; text-align: right; width: 120px;}
.fund_table td.holding {
  font-weight: bold;
  text-align: right;
  color: #333;
}
.fund_table td.fund_name {
  white-space: nowrap; overflow: hidden; color: #333;
}
.fund_table td.fund_name_offering {
  white-space: nowrap; overflow: hidden; color: #333;
}
.fund_table td.fund_name a{ text-decoration: none;}
.fund_table td.fund_name a:hover{ text-decoration: underline;}
.fund_table td.fund_name a.text:hover{ text-decoration: none;}

.fund_table td.fund_name_offering a{ text-decoration: none;}
.fund_table td.fund_name_offering a:hover{ text-decoration: underline;}

.fund_table td.percentage { color: #333; width: 132px;}
.fund_table td.title {color: #333;}

.fund_table th.sell, .fund_table th.buy { width: 96px;}
.fund_table td.sell, .fund_table td.buy{ width: 96px; padding: 0; text-align: right;}

.fund_table th.target { width: 112px;}
.fund_table td.target { width: 112px; padding: 0; text-align: right;}

.fund_table th.vintage_year { width: 18%;}
.fund_table th.investment_short { width: 32%;}
.fund_table th.investment {width:50%;}
.fund_table th.vested_percent { width: 19%;}
.fund_table th.carry_points { width: 12%;}
.fund_table th.double_line {line-height:12px}
.fund_table td.double_line {line-height:16px}

.fund_table td.border_top {border-top:1px solid #E9E9E9;}
.fund_table td.border_bottom_none {border-bottom:0;}
.fund_table td.hidden_cell {visibility:hidden;line-height:10px;}
.fund_table tr.hidden_cell{visibility:hidden;}

.fund_table_box_first {
	border-right: 1px solid #E9E9E9;
	padding: 0 20px 0 0;
}
.fund_table_box {
	border-right: 1px solid #E9E9E9;
	padding: 0 20px 0 20px;
}
.fund_table_box_last {
	padding-left:20px;
}

.fund_table input {
  background: #f9f9f9 url('../img/table_sprite.png') 0 -701px repeat-x;
  border: 1px solid #ccc;
  font-weight: bold;
  font-size: 10px;
  height: 16px;
  outline: none;
  text-align: right;
  width: 100%;
  /* CSS3 */
  border-radius: 9px;
}

.fund_table input:focus { border: 1px solid #6787B6;}
.fund_table input.disabled { background: #ECECEC;}
.fund_table input.changed { background-position: 0px -801px;}
.fund_table input.error,
.enroll_table input.error,
.enrollment_text input.error { background-position: 0px -901px; border-color: #EA5A50;}
.fund_table input.checkbox { background: none; border: none; } 
span.error {
  background: #f9f9f9 url('../img/table_sprite.png') 0px -901px repeat-x;
  border-color: #EA5A50;
  height: 16px;
  outline: none;
  border-radius: 9px;
  padding: 0 5px;
  font-weight: bold;
  color: #fff;
}

.fund_table td.sell input,
.fund_table td.buy input { padding: 0 5px; width: 70px;}
.fund_table td.target input { padding: 0 5px; width: 90px;} 

.fund_table .field-original-value {
  position: absolute;
  padding: 0 35px 0 5px;
  margin: 1px 0 0 -130px;
  font-size: 10px;
  line-height: 16px;
  background-position: right -132px;
  width: 33px;
}
/* BUTTONS
/////////////////////////////////////////////////////////////////*/
#submitReallocationRequest,
.fund_table_actionbar #submitForm,
.fund_table_toolbar #submitForm{
  background: #8DACD6 url('../img/button_sprite.png') 0 -1300px repeat-x;
  border: 1px solid #38537e;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 0 0 5px;
  padding: 0 10px;
  text-align: center;
  /* CSS3 */
  border-radius: 11px;
  box-shadow: 0px 1px 0px #CCDDEF;
}

#submitReallocationRequest:hover,
.fund_table_actionbar #submitForm:hover,
.fund_table_toolbar #submitForm:hover{ background-position: 0 -1400px;}
#submitReallocationRequest:active,
.fund_table_actionbar #submitForm:active,
.fund_table_toolbar #submitForm:active{ background-position: 0 -1500px;  color: #d3e4f4;  cursor: pointer;}


#submitReallocationRequest.disabled,
.fund_table_actionbar #submitForm.disabled,
.fund_table_actionbar #addTemplVal.disabled,
.fund_table_actionbar #replaceTemplVal.disabled,		
.fund_table_toolbar #submitForm.disabled{
  color: #557fb2;
  background: #8DACD6 url('../img/button_sprite.png') 0 -0px repeat-x;
  border-color: #7F9CC9;
  border-bottom-color: #557fb2;
  cursor: default;
}

.fund_table_toolbar #adjustForm,
.fund_table_actionbar #resetForm,
.fund_table_toolbar #resetForm,
.fund_table_actionbar #clearForm,	
.fund_table_toolbar #clearForm,	
.fund_table_actionbar #clearRequest,
.fund_table_toolbar #clearRequest{
  background: #8DACD6 url('../img/button_sprite.png') 0 -700px repeat-x;
  border: 1px solid #8DACD6;
  color: #38537e;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 0 5px;
  padding: 0 10px;
  text-decoration: none;
  /* CSS3 */
  border-radius: 9px;
  text-shadow: 0px 1px 0px #d3e4f4;
  filter: dropshadow(color=#d3e4f4, offx=0, offy=1);
  box-shadow: 0px 1px 1px #CCDDEF;
}
.fund_table_toolbar #adjustForm:hover, 
.fund_table_actionbar #resetForm:hover,
.fund_table_toolbar #resetForm:hover,
.fund_table_actionbar #clearForm:hover,
.fund_table_toolbar #clearForm:hover,
.fund_table_actionbar #clearRequest:hover, 
.fund_table_toolbar #clearRequest:hover{ background-position: 0 -800px;}
.fund_table_toolbar #adjustForm:active,
.fund_table_actionbar #resetForm:active,
.fund_table_toolbar #resetForm:active,
.fund_table_actionbar #clearForm:active,
.fund_table_toolbar #clearForm:active,
.fund_table_actionbar #clearRequest:active,
.fund_table_toolbar #clearRequest:active{ background-position: 0 -900px; color: #557fb2; cursor: pointer;}

.fund_table_actionbar .button,
.fund_table_toolbar .button ,
.fund_table_controls .button {
  background: #8DACD6 url('../img/button_sprite.png') 0 -700px repeat-x;
  border-color: #8DACD6;
  color: #38537e;
  margin: 0 0 2px 5px;
  width: 110px;
  text-align: center;
  vertical-align: middle;
  height: auto;
  /* CSS3 */
  text-shadow: 0px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=0, offy=1);
  box-shadow: 0px 1px 0px #CCDDEF;
}

.fund_table_actionbar .button:hover,
.fund_table_toolbar .button:hover { background-position: 0 -800px;}
.fund_table_actionbar .button:active,
.fund_table_toolbar .button:active{ background-position: 0 -900px; color: #557fb2;}

/* EXPANDABLE
/////////////////////////////////////////////////////////////////*/
.fund_table tr.expandable {
	cursor:	pointer;
}
.fund_table tr.expandable td:first-child,
div.expandable span:first-child {
	padding-left: 24px;
	background-image: url('../img/arrow_sprite.png');
	background-repeat:no-repeat;
	background-position: 6px 7px;
}
.fund_table tr.expandable.highlight_dark td:first-child{
	background-position: 6px -45px;
}
.fund_table tr.expandable.highlight_dark.open td:first-child{
	background-position: 6px -103px;
}
.fund_table tr.expandable.open td:first-child,
div.expandable.open span:first-child {
	background-position: 6px -160px;
}
.fund_table tr.expandable.open.up td:first-child,
div.expandable.open.up span:first-child {
	background-position: 6px -224px;
}
.fund_table tr.level1 td:first-child {
 padding-left: 30px;
}
.fund_table tr.level2.expandable td:first-child {
 padding-left: 30px;
}
.template_percentage_table .type{color: #999999; text-align: left; width: 200px;}
.template_percentage_table .arrow{text-align: right; width: 20px;}
.template_percentage_table .percentage{font-weight: bold; text-align: right; width: 50px;}
#terms-pane	{ height:500px; overflow:scroll; border:1px solid #ccc; background:#eee; margin:5px 0; padding:10px 20px; }

.search_text {
	color: #333;
}
.search_text_placeholder {
	color: #999;
}