.gridView {
	table-layout:fixed;
	width:100%;
}

.gridView caption {
	font-weight:bold;
	line-height:1.2;
	padding:5px;
	text-align:left;
}


/* Gridview Header Row */
.gridView thead,
.gridHeader {
	background-color:#fff; /* Style Setting: Quickrank Header Background Color */
}

/* Gridview Header Row Cells */
.gridView thead *,
.gridHeader * {
	font-weight:normal;
	color:#828282; /* Style Setting: Quickrank Header Text Color */
}
.gridView thead th,
.gridHeader th {
	word-wrap:break-word;
	padding:5px 0 5px 5px;
	text-align:left;
	vertical-align:top;
}
.gridView thead a,
.gridHeader a {
	text-decoration:none;
}
.gridView thead a:hover,
.gridHeader a:hover {
	text-decoration:underline;
}
.gridView thead a img,
.gridHeader a img {
	border:0;
	vertical-align:top;
}
.gridHeaderUnderline th {
	border-bottom:1px solid #919191;
}


/* Gridview Body Row */
.gridItem {
	background-color:#fff; /* Style Setting: Grid Color */
}
.gridAlternateItem {
	background-color:#E6F0FA; /* Style Setting: Grid Alternate Color */
}

/* Gridview Body Row Cells */
.gridItem td {
	line-height:20px;
	padding:2px 0 2px 5px;
	text-align:left;
	vertical-align:top;
}
.gridItem a {
	text-decoration:none;
}
.gridItem a:hover {
	text-decoration:underline;
}
.gridItem td.shrink,		/* For consistency would like to use lower case version. */
.gridItem td.Shrink {		/* For legacy have to keep capitalized version version */
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


/* GridView Grouping Row(s) add more grouping if needed */
.headingGrouping_1 {
	background-color:#e1e1e1;
}
.headingGrouping_1 *,
.headingGrouping_2 * {
	font-weight:bold;
	line-height:20px;
	padding:2px 0;
}


/* Gridview Footer Row */
.gridView tfoot,
.gridFooter {
	background-color:#fff;
}
.gridView tfoot td,
.gridFooter td {
	border-top:1px solid #919191;
	color:#000;
	font-weight:bold;
	line-height:20px;
	padding:2px 5px 2px 0;
	/*height:40px;
	padding:5px 0 0 5px;*/ /* Check these two are generals */
	text-align:right;
}
.gridFooter *:first-child {
	padding-left:5px;
	padding-right:0;
	text-align:left;
}


/* Padding adjustment for right aligned cells */
.gridView .right {
	padding-left:0;
	padding-right:5px;
	text-align:right;
}


/* GridViewRight - For use in tables where all columns (except the first) are right aligned */
.gridViewRight .gridHeader th,
.gridViewRight .gridItem td,
.gridViewRight thead th {
	padding-left:0;
	padding-right:5px;
	text-align:right;
}
.gridViewRight .gridHeader th:first-child,
.gridViewRight .gridItem td:first-child,
.gridViewRight thead th:first-child {
	padding-left:5px;
	padding-right:0;
	text-align:left;
}


/* Gridview Header Row Sorting Arrows */
.gridArrow {
	background-position:2px 3px;
	background-repeat:no-repeat;
	height:8px;
	margin-left:4px;
	width:5px;
}
.gridArrow img {
	border:0;
	height:14px;
	width:9px;
}
.gridArrowASC {
	background-image:url(/img/icons/sorting/sort_ascending.gif);
}
.gridArrowDESC {
	background-image:url(/img/icons/sorting/sort_descending.gif);
}
.gridArrowUnsorted {
	background-image:url(/img/icons/sorting/sort_unsorted.gif);
}


/* Buy and Sell Button Styling
	 (Will move to fully styles.css when everything has been revamped but until then there will be some overlap) */
col.gridBuyButton,
th.gridBuyButton,
col.gridSellButton,
th.gridSellButton {
	width:4%; /* Style Setting: Buy Button Cell Size AND Sell Button Cell Size */
}
th.gridBuyButton,
th.gridSellButton {
	background-image:none !important;
}
td.gridBuyButton,
td.gridSellButton {
	background-position:center center;
	background-repeat:no-repeat;
	vertical-align:middle;
}
td.gridBuyButton {
	background-image:url(/includes/images/buy.gif); /* Style Setting: Buy Button Image URL */
}
td.gridSellButton {
	background-image:url(/includes/images/sell.gif); /* Style Setting: Buy Button Image URL */
}
td.gridBuyButton a,
td.gridSellButton a {
	display:block;
	height:100%;
	text-decoration:none;
	width:100%;
}
td.gridBuyButton a:hover,
td.gridSellButton a:hover {
	text-decoration:none;
}

td.gridBuyHtmlButton input,
td.gridSellHtmlButton input {
	display:block;
	height:100%;
	text-decoration:none;
	width:100%;
}
col.gridBuyHtmlButton,
th.gridBuyHtmlButton,
col.gridSellHtmlButton,
th.gridSellHtmlButton {
	width:6%; /* Style Setting: Buy Button Html Cell Size (%) */
}

/* Gridview Column Widths
	 (Would prefer these to be on the <col /> tag but until such time as this is possible the Header Row Cells will have to do)
*/
th.gridACQ {
	width:9%;
}
th.gridADY {
	width:9%;
}
th.gridAMC {
	width:9%;
}
th.gridBidOfferFallback {
	width:9%;
}
th.gridBidPrice {
	width:9%;
}
th.gridCalPerformance {
	width:8%;
}
th.gridCategoryName {
	width:20%;
}
th.gridCategoryNameSmall {
	width:14%;
}
th.gridCheckbox {
	width:13px;
}
th.gridClientFund {
	width:1%; /* Style Setting: Quickrank Client Fund Column Width */
}
th.gridClosePrice {
	width:9%;
}
th.gridClosePriceCurrency {
	width:5%; /* Style Setting: Grid List Close Price Currency Width */
}
th.gridCustomBuyFee {
	width:8%;
}
th.gridCustomBuyFeeDiscount {
	width:8%;
}
th.gridCustomCategoryName {
	width:20%;
}
th.gridCustomFundManagerDiscount {
	width:8%;
}
th.gridCustomISABuyFee {
	width:8%;
}
th.gridCustomISAFundManagerDiscount {
	width:8%;
}
th.gridCustomMinimumAdditionalPurchaseAmount {
	width:8%;
}
th.gridCustomMinimumMonthlyInvestment {
	width:8%;
}
th.gridCustomMinimumPurchaseAmount {
	width:14%;
}
th.gridCustomPurchaseCurrency {
	width:8%;
}
th.gridCustomRisk {
	width:8%;
}
th.gridCustomSecurityRating {
	width:8%;
}
th.gridCustomSellFee {
	width:8%;
}
th.gridDebtEquityRatio {
	width:12%;
}
th.gridDeletebox {
	width:3%;
}
th.gridDomicile {
	width:18%;
}
th.gridEPSGrowth5Y {
	width:12%;
}
th.gridExchangeCode {
	width:10%;
}
th.gridFundName {
}
th.gridCategoryEndDate,
th.gridIndexEndDate {
	width:10%;
}
th.gridIndexName {
	width:45%;
}
th.gridIndustryName {
	width:17%;
}
th.gridIsHKAuthorized {
	width:12%;
}
th.gridIsFavourite {
	width:66px;
}
th.gridLatestPrice {
	width:9%;
}
th.gridM36HighLight,
th.gridM36HighLightCA,
th.gridM3HighLight,
th.gridM3HighLightCA {
	width:16%;
}
th.gridManagementFee {
	width:12%;
}
th.gridManagerTenure {
	width:9%;
}
th.gridMarketCap {
	width:13%;
}
th.gridMDL {
	width:10%;
}
th.gridMFEL {
	width:9%;
}
th.gridMIP {
	width:15%;
}
th.gridOfferPrice {
	width:9%;
}
th.gridPerformanceFee {
	width:12%;
}
th.gridPDFButton {
	width:2%;
}
th.gridPensionType {
	width:10%;
}
th.gridPortfolioBaseCurrency {
	width:30%;
}
th.gridPortfolioName {
}
th.gridPortfolioType {
	width:30%;
}
th.gridPriceDate {
	width:10%; /* Style Setting: Grid List Close Price Date Width */
}
th.gridRevenueGrowth3Y {
	width:12%;
}
th.gridROETTM {
	width:12%;
}
th.gridQEPerformance {
	width:8%;
}
th.gridQualitativeRating {
	width:11%;
}
th.gridQualitativeRatingDate {
	width:11%;
}
th.gridResearchDate {
	width:11%;
}
th.gridRisk255 {
	width:15%;
}
th.gridSb {
	width:9.5%;
}
th.gridSectorName {
	width:17%;
}
th.gridSedol {
	width:8%;
} 
th.gridSPRating {
	width:6%;
}
th.gridStarRating {
	width:11%;
}
th.gridStarRatingHighLight {
	width:20%;
}
th.gridTER {
	width:8%;
}
th.gridTERHighLight {
	width:16%;
} 
th.gridTMV {
	width:9%;
}
th.gridValoren {
	width:8%;
}
th.gridWKN {
	width:7%;
}
th.gridYTD,
th.gridD1,
th.gridW1,
th.gridM1,
th.gridM3,
th.gridM6,
th.gridM12,
th.gridM36,
th.gridM60,
th.gridM120,
th.gridStdM36 {
	width:8%;
}

th.gridYieldM12{
	width:7%;
}
th.gridPortfolioCurrency {
	width:5%;
}
th.gridPortfolioTool52WeekHigh {
	width:9.8%;
}
th.gridPortfolioTool52WeekLow {
	width:9.8%;
}
th.gridPortfolioToolAverageCreditQuality {
	width:8.6%;
}
th.gridPortfolioToolBondStyle {
	width:8.6%;
}
th.gridPortfolioToolCategory {
	width:23%;
}
th.gridPortfolioToolCommissions {
	width:12.3%;
}
th.gridPortfolioToolCostPerShare {
	width:9.8%;
}
th.gridPortfolioToolCurrencyPrice {
	width:5%;
}
th.gridPortfolioToolCurrentPrice {
	width:7.3%;
}
th.gridPortfolioToolD1 {
	width:7.3%;
}
th.gridPortfolioToolDayHigh {
	width:9.8%;
}
th.gridPortfolioToolDayLow {
	width:9.8%;
}
th.gridPortfolioToolEquityStyle {
	width:8.6%;
}
th.gridPortfolioToolGainLoss {
	width:12.3%;
}
th.gridPortfolioToolGLPercent {
	width:9.8%;
}
th.gridPortfolioToolM0,
th.gridPortfolioToolW1,
th.gridPortfolioToolM1,
th.gridPortfolioToolM3,
th.gridPortfolioToolM12,
th.gridPortfolioToolM36,
th.gridPortfolioToolM60,
th.gridPortfolioToolM120 {
	width:6.6%;
}
th.gridPortfolioToolMarketValue {
	width:12.3%;
}
th.gridPortfolioToolNetCashFlow {
	width:14%;
}
th.gridPortfolioToolPB {
	width:8.6%;
}
th.gridPortfolioToolPE {
	width:8.6%;
}
th.gridPortfolioToolPeriod {
	width:12.3%;
}
th.gridPortfolioToolPriceChangePerc {
	width:9.8%;
}
th.gridPortfolioToolRating {
	width:12%;
}
th.gridPortfolioToolRisk {
	width:14%;
}
th.gridPortfolioToolSecurityName {
}
th.gridPortfolioToolTotalCost {
	width:12.3%;
}
th.gridPortfolioToolTotalInflows {
	width:12.3%;
}
th.gridPortfolioToolTotalOutflows {
	width:12.3%;
}
th.gridPortfolioToolTotalShares {
	width:12.3%;
}
th.gridPortfolioToolVolume {
	width:10.5%;
}
th.gridPortfolioToolWeight {
	width:7.3%;
}

th.gridPortfolioEditAmount {
	width:10%;
}
th.gridPortfolioEditbenchmark {
	width:30%;
}
th.gridPortfolioEditCommission {
	width:10%;
}
th.gridPortfolioEditCurrency {
	width:7%;
}
th.gridPortfolioEditCommentary {
	width:15%;
}
th.gridPortfolioEditDate {
	width:9.5%;
}
th.gridPortfolioEditDistribution {
	width:10%;
}
th.gridPortfolioEditFrequency {
	width:12%;
}
th.gridPortfolioEditHolding {
}
th.gridPortfolioEditHoldingType {
	width:10%;
}
th.gridPortfolioEditNoHoldings {
	width:8%;
}
th.gridPortfolioEditPrice {
	width:8%;
}
th.gridPortfolioEditShares {
	width:9%;
}
th.gridPortfolioEditRatio {
	width:32%;
}
th.gridPortfolioEditTransactionType {
	width:7%;
}
th.gridPortfolioEditTransactionValue {
	width:11%;
}
th.gridPortfolioEditWeight {
	width:20%;
}


/* Gridview Cell Specific Styling
	 (In most cases it is expected that styling will be replicated in <th /> and <td />. Only specify either when it does not.
*/
.gridACQ {
}
.gridADY {
}
.gridAMC {
}
.gridBidOfferFallback {
}
.gridBidPrice {
}
.gridCalPerformance {
}
.gridCategoryName {
}
.gridCategoryNameSmall {
}
.gridCheckbox {
	padding-left:3px !important;
	padding-right:3px !important;
	text-align:center;
}
td.gridCheckbox input {
	margin:0;
	vertical-align:text-top;
}
td.gridClientFund {
	background-position:center center;
	background-repeat:no-repeat;
}
.msDataIsClientFund {
	background-image:url(/img/clear.gif);
}
.msDataIsNotClientFund {
	background-image:url(/img/clear.gif);
}
.gridClosePrice {
}
.gridClosePriceCurrency {
}
.gridCustomBuyFee {
}
.gridCustomBuyFeeDiscount {
}
.gridCustomCategoryName {
}
.gridCustomFundManagerDiscount {
}
.gridCustomISABuyFee {
}
.gridCustomISAFundManagerDiscount {
}
.gridCustomMinimumAdditionalPurchaseAmount {
}
.gridCustomMinimumMonthlyInvestment {
}
.gridCustomMinimumPurchaseAmount {
}
.gridCustomPurchaseCurrency {
}
.gridCustomRisk {
}
.gridCustomSecurityRating {
}
.gridCustomSellFee {
}
.gridDeletebox {
}
.gridDomicile {
}
.gridFundName {
}
.gridIndexEndDate {
	text-indent:5px;
}
.gridIndexName {
}
.gridCategoryName {
}
.gridIsHKAuthorized {
}
td.gridIsFavourite {
	background-position:center center;
	background-repeat:no-repeat;
}
.msDataIsFavourite {
	background-image:url(/img/favorite.gif);
}
.msDataIsNotFavourite {
	background-image:url(/img/clear.gif);
}
.gridLatestPrice {
}
.gridM36HighLight,
.gridM36HighLightCA,
.gridM3HighLight,
.gridM3HighLightCA {
}
.gridManagementFee {
}
.gridManagerTenure {
}
.gridMDL {
}
.gridMFEL {
}
.gridMIP {
}
.gridOfferPrice {
}
.gridPerformanceFee {
}
td.gridPDFButton {
	/* Have to write this as separate properties to get around a problem in IE6 and IE7 */
	background-image:url(/img/pdf_small.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
.gridPensionType {
}
.gridPortfolioBaseCurrency {
}
.gridPortfolioName {
}
.gridPortfolioType {
}
.gridPriceDate {
}
.gridQEPerformance {
}
.gridResearchDate {
}
.gridRisk255 {
}
.gridSb {
}
td.gridSb img {
	vertical-align:middle;
}
.gridSedol {
} 
.gridSPRating {
}
td.gridStarRating,
td.gridStarRatingHighLight {
	line-height:1;
	vertical-align:middle;
}
.gridTER {
}
.gridTERHighLight {
}
.gridTMV {
}
.gridWKN {
}
.gridYTD,
.gridD1,
.gridW1,
.gridM1,
.gridM3,
.gridM6,
.gridM12,
.gridM36,
.gridM60,
.gridM120,
.gridStdM36 {
}

.gridPortfolioCurrency {
}
.gridPortfolioTool52WeekHigh {
}
.gridPortfolioTool52WeekLow {
}
.gridPortfolioToolAverageCreditQuality {
}
.gridPortfolioToolBondStyle {
}
td.gridPortfolioToolBondStyle img {
	vertical-align:middle;
}
.gridPortfolioToolCategory {
}
.gridPortfolioToolCommissions {
}
.gridPortfolioToolCostPerShare {
}
.gridPortfolioToolCurrencyPrice {
}
.gridPortfolioToolCurrentPrice {
}
.gridPortfolioToolD1 {
}
.gridPortfolioToolDayHigh {
}
.gridPortfolioToolDayLow {
}
.gridPortfolioToolEquityStyle {
}
td.gridPortfolioToolEquityStyle img {
	vertical-align:middle;
}
.gridPortfolioToolGainLoss {
}
.gridPortfolioToolGLPercent {
}
.gridPortfolioToolM0,
.gridPortfolioToolW1,
.gridPortfolioToolM1,
.gridPortfolioToolM3,
.gridPortfolioToolM12,
.gridPortfolioToolM36,
.gridPortfolioToolM60,
.gridPortfolioToolM120 {
}
.gridPortfolioToolMarketValue {
}
.gridPortfolioToolNetCashFlow {
}
.gridPortfolioToolPB {
}
.gridPortfolioToolPE {
}
.gridPortfolioToolPeriod {
}
.gridPortfolioToolPriceChangePerc {
}
td.gridPortfolioToolRating {
	line-height:1;
	vertical-align:middle;
}
.gridPortfolioToolRisk {
}
.gridPortfolioToolSecurityName {
}
.gridPortfolioToolTotalCost {
}
.gridPortfolioToolTotalInflows {
}
.gridPortfolioToolTotalOutflows {
}
.gridPortfolioToolTotalShares {
}
.gridPortfolioToolVolume {
}
.gridPortfolioToolWeight {
}

.gridPortfolioEditCommission {
}
.gridPortfolioEditCurrency {
}
.gridPortfolioEditDate {
}
.gridPortfolioEditHolding {
}
.gridPortfolioEditShares {
}
.gridPortfolioEditTransactionType {
}
.gridPortfolioEditPrice {
}
.gridPortfolioEditTransactionValue {
}
.gridPortfolioEditCommentary{
}


/* GridView form styling
	 (Eventually aim to move non-generics to specific stylesheets.)
*/
.gridView input.textbox {
	border:1px solid #d7d7d7;
	padding:1px;
	text-align:right;
	width:90%;
}
td.gridPortfolioEditHolding input.textbox {
	text-align:left;
}
.portfoliomanager-edittransaction td.gridPortfolioEditHolding input.textbox {
	width:88%;
}
.portfoliomanager-splits td.gridPortfolioEditRatio input.textbox {
	width:85px;
}
.gridView select {
	border:1px solid #d7d7d7;
	width:95%;
}


/***** Legacy styles *****/
/* For these, use the 'right' class instead */
th.gridHeaderNumeric,
td.msDataNumeric {
	padding-left:0;
	padding-right:5px;
	text-align:right;
}
/* Font Sizing */
.portfoliomanager-default .gridView,
.portfoliomanager-performanceview .gridView,
.portfoliomanager-editquick .gridView,
.portfoliomanager-edittransaction .gridView,
.portfoliomanager-dividends .gridView,
.portfoliomanager-splits .gridView,
.portfoliomanager-recurring .gridView {
	font-size:11px;
}
/***** End Legacy Styles *****/


/***** Page Specific Styling (To be removed as tools are restyled) *****/
.portfoliomanager-dividends .gridItem,
.portfoliomanager-splits .gridItem,
.portfoliomanager-recurring .gridItem,
.portfoliomanager-editquick .gridItem,
.portfoliomanager-edittransaction .gridItem {
	background-color:#E6F0FA;
}
.portfoliomanager-dividends th.gridPortfolioEditCommission,
.portfoliomanager-dividends th.gridPortfolioEditDate,
.portfoliomanager-dividends th.gridPortfolioEditDistribution,
.portfoliomanager-dividends th.gridPortfolioEditPrice {
	width:12%;
}
.portfoliomanager-splits th.gridPortfolioEditDate,
.portfoliomanager-recurring th.gridPortfolioEditDate {
	width:13%;
}
.portfoliomanager-editquick th.gridPortfolioEditAmount,
.xray-editholdings th.gridPortfolioEditAmount {
	width:20%;
}
/***** End Page Specific Styling *****/