/****** Stocktrade 100% DARK PLUM #46166B ******/

div#container div.bodyPanel.secondaryNavigation a, 
div.headerDetails span.detail,
.login .supportTitle, 
div.loggedInUserPanel div.headerDetails span.detail,
div#container.login .authenticationForm fieldset .loginFields div label,
#navigationMenu > li > ul.menus > li  a,
div#telephoneNumberPanel p,
div#container.forms div.bodyPanel.sectionlinks a,
div.sectionlinks a,
.web-flow p.questionText a {
    color: #00768a;
}

div#container div.bodyPanel.secondaryNavigation div {
    border-right: 2px solid #00768a;
}

div.wicket-modal div.w_figaro div.w_caption {
  	background-color: #00768a;
}




/****** Stocktrade 60% DARK PLUM #7A6198 *******/

.ccm-page a.edit, 
.secureMessagesPanel .messageButton,
div input.submitButton,
div a.submitButton,
#navigationMenu > li > ul.menus > li.selected  a, 
#navigationMenu > li > ul.menus > li.unselected a:hover,
.webFlowButton,
div.productSelectorLinkPanel a {
    background: #3391a1;
}


div.productSelectorLinkPanel a,
div.productSelectorLinkPanel a:hover,
.webFlowButton {
    border: 1px solid #3391a1;
}

div.productSelectorLinkPanel a:hover,
.changePasswordFields div label, .loginFields div label,
.forgottenUsernameLinkPanel a, .forgottenPasswordLinkPanel a,
.ccmInceptionLinkPanel a, ul.menus.selected li,
.changePasswordFields div label {
     color: #3391a1;
}

ul.menus.selected li.selected {
  	background: url(../../content/images/sideSelectionArrowMask.gif) no-repeat right #3391a1;
}




/****** Stocktrade 100% LIGHT PLUM #78496A ******/

div.watchlistWidgetContainer span.watchlistTitle,
.ccm_update_select-template h3,
.supportInfoPanel > .supportTitleAndProduct,
.legendPanel div.legendContainer span.label,
div#telephoneNumberPanel a#telephoneNumberLink p#openingHours,
.headerDetails, div#container.forms h2,
div.helpPanel h2, .web-flow div.accountDetails h1 {
    color: #363636;
}


/****** Stocktrade 85% GRAY #363636 ******/

p, 
td,
.printButton, 
.messagesButton, 
td.cashwithdrawal-tbc, 
.stockSearchInputPanel .searchInput,
.legendPanel li, 
table.dataTable tfoot td, 
.searchInput, 
.stockSearchInputPanel .buttonAction,
.stockSearchCategory, 
.ccmProgressIndicatorPanel .pager .label, 
div.bodyPanel .ccm-page-list div.ccm-page h3, 
div.ccmProductDeclaration h3,
div#container.ccm_bank_success div.bodyPanel div#topPanel h3,
div#container.ccm_add_success div.bodyPanel h3,
div#container.forms h3, div#container.forms h4,
.reversePortfolioSummaryPanel, #ddGuaranteeHeader {
	color: #363636;
}

div.dashboard td.active, div.dashboard td.hover {
    border: 2px solid #363636;
}

div.helpPanel table th, div.helpPanel table td,
table.commission th, table.commission td {
	border: 1px solid #363636;
}


/****** Stocktrade 55% GRAY #959595 ******/

.dataTable thead th,
.corporateActionsPanel div.wicket-tree-table div.header,
div.helpPanel table th, table.commission th {
  background: #959595;
}

.corporateActionsPanel div.wicket-tree-table div.header {
    border: 1px solid #959595;
}

.watchlistTable span.usingClosePrice, .usingClosePriceContainer,
.availableCashForWithdrawalTable tr.withdrawableBalance_false td {
	color: #959595;
}




/****** Stocktrade 100% BLUE #004990 ******/

.accountSummaryPanel td a:link,.accountSummaryPanel  td a:active, .accountSummaryPanel td a:visited, 
ul.ccmTemplateList a:link,ul.ccmTemplateList a:active,ul.ccmTemplateList a:visited,
div#container.ccm_bank_success div.bodyPanel div#pdfLink a,
div#container.ccm_add_success div.bodyPanel.cardPaymentLinkPanel a, 
div#container.ccm_add_success div.bodyPanel.msipLinkPanel a,
.corporateActionsPanel div.wicket-tree-table a,
div#container.msip div.editBankDetailsLink a,
.openOrdersTable a,
div#orderEntryPanel.bodyPanel .floatLeft table.dataTable tbody tr td.mediumColumn,
#logoutButtonPanel a,
div.portfolioItemsPanel table.portfolioTable tbody td.instrumentCode,
.messagesCounterSectionCss .messagesButton,
.printSectionCss .printButton,
div.bodyPanel table.statementTable tbody td span a,
.watchlistLink a:link, .watchlistLink a:active, .watchlistLink a:visited,
table.watchlistTable div.navigatorLabel span, table.watchlistTable div.navigator span,
table.watchlistTable div.navigator span a,
div#container.forms div.bodyPanel.appropriateness a, div#container.forms div.bodyPanel.tax a,
div.helpPanel a, 
.contact-us div.bodyPanel p a, .transactionHistoryTable td.link a, .documents table.documentTable tbody a span {
  color: #00768a;
}

div#changeClientButtonPanel.headerButtonPanel .buttonAction {
    background: none repeat scroll 0 0 #00768a;
}




/****** Stocktrade 80% BLUE #647cb2 ******/

div.dashboard caption,
.buttons,
div.dashboard td.active, div.dashboard td.hover,
.order-entry div.holdingPriceInformation table thead th,
div#orderEntryPanel.bodyPanel table.dataTable thead.headers tr th.right,
.smallSection table.dataTable thead.headers tr th.left  {
    background: none repeat scroll 0 0 #828385;
}

div.dashboard caption a, #countdown {
    color: #828385;
}

div#orderEntryPanel.bodyPanel table.dataTable thead.headers tr th.mediumColumn {
    background: url("../../content/images/icon-warning.png") no-repeat scroll 20px 48% #828385;
}



/****** Stocktrade 60% BLUE #909ec9 ******/

/****** Stocktrade 40% BLUE #c1c8e2 ******/

.clientSearchFormPanel div div.IFAClientList table#IFAClientList.IFAClientList tbody :hover {
    background-color: #7fbac4;
}

.corporateActionsPanel div.wicket-tree-table div.row-selected,
.corporateActionsPanel div.wicket-tree-table div.wicket-tree-table-body div:hover,
.messagesTable tbody tr:hover {
	background-color: #7fbac4 !important;
}



/****** Stocktrade Form Background Grey #EBEBEB ******/

.bodyPanel,
fieldset,
.cardpayment-entry fieldset table.dataTable tbody tr.alt,
.mandatoryInfo,
.ccmInceptionLinkPanel a,
.secureMessagesPanel .dateSelectorPanel,
div#container.order-detail-embedded div.bodyPanel div.floatLeft div.linkSection,
.secureMessagesPanel div.formBox,
html body div#container.order-detail-embedded div.bodyPanel div.floatLeft div,
.watchlist .formButtonPanel  {
  background: #ebebeb;
}

.dataTable tbody tr.alt, .dataTable tbody tr.even, .accountSelectorPanel, .corporateActionsPanel div.wicket-tree-table div.wicket-tree-table-body div.level_0 {
  background-color: #ebebeb;
}

#cardPaymentEntryPanel .dataTable .cvvLabel {
    background: url("../images/help.png") no-repeat scroll 55px 9px #EBEBEB;
}

#ddGuarantee {
    background: url("../images/DDebit.bmp") no-repeat scroll 800px 240px #EBEBEB;
}


/****** Stocktrade PINK ******/

.feedbackPanelERROR, .feedbackPanelWARNING, .feedbackPanelINFO, 
#cardPaymentResultPanel .failureLabel,
#cardPaymentEntryPanel .feedbackPanelERROR, 
#cardPaymentEntryPanel .cardPaymentsNotAllowedMessage , .auto-cashwithdrawal .notGranted,
.msipAdditionalMessages, #msipInvestmentBelowMin, #msipISAOverSubscribed, .userWarning, .error {
	color: #df4343;
}
