/*
    Pictet extended CSS
*/





/* ---------- LANGUAGE PAGES DESIGN ---------- */

body#languageDef nav#breadCrumb,
body#languageDef nav#languageSelect {
	display: none;
}

body#languageDef #langLabels {
	margin-top: 80px;
}

body#languageDef h1 {
	padding-top: 80px;
	margin-left: 20px;
}

body#languageDef #langLabels ul {
	position: relative;
	top: -42px;
	margin-left: 20px;
}

body#languageDef #langLabels li {
	float: left;
	padding: 10px;
	margin: 0 4px 4px 0;
	border: 1px solid #676767;
	border-bottom: none;
}

body#languageDef #langLabels li.selected {
	background-color: #A8A8A6;
}

body#languageDef #langLabels .tab {
	padding: 10px 10px 50px;
	margin: 0 10px 50px;
	background-color: #A8A8A6;
	border: 1px solid #676767;
}

body#languageDef #langLabels a {
	color: #990000;
}

body#languageDef h3.labels {
	font-size: 18px;
	margin-left: 12px;
}

body#languageDef table.labels {
	margin-left: 25px;
}

body#languageDef .labels td {
	padding: 2px;
}

body#languageDef .labels td:first-child {
	width: 300px;
 }

body#languageDef .labels td:nth-child(2) {
	padding-left: 10px;
	font-style: italic;
}

body#languageDef .labels .default {
	color: #B8B8B5;
}

body#languageDef #langLabels h2 {
	margin-top: 50px;
}

body#languageDef .langRedirection {
	margin: 0 20px;
	width: auto;
}





/* ---------- ADAPTATIONS FOR CMS ---------- */

.modal .button {
	margin-bottom: 20px;
}


/* ---------- STYLES FOR EDITION MODE ---------- */

.editInfo {
	background-color: #DFDFDE;
	border: 2px solid #990000;
	padding: 5px 9px;
	margin-bottom: 20px;
	width: auto;
	clear: left;
	word-wrap: break-word;
}

.editInfo img {
	display: block;
	margin: 0;
	float: none;
}

.editError,
.article p.editError {
	color: #990000;
}







b,
strong {
	font-weight: bold;
}

i,
em {
	font-style: italic;
}

.section.lppviewer,
.section.text,
.section.simplex_linktopopup {
	width: 100%;
}

.section.login,
.section.image,
.section.text,
.section.multicolonne,
.section.sidelist,
.section.blockquote,
.section.checkbox,
.section.radio,
.section.captcha,
.section.dropdown,
.section.dropdownlist,
.section.end,
.section.password,
.section.spacer,
.section.pxspacer,
.section.trionews,
.section.fundchartviewer,
.section.multicolonneHUBImage,
.section.multicolonneLI,
.section.simplex_video,
.section.simplex_linktopopup,
.section.recentPublications,
.section.lppviewer,
.article.recentPublicationsArticle,
.investorselector.typeLinks,
.employee .column div.contact,
fieldset.inner {
	clear: left;
	float: left;
}

.formBlockSpace {
	height: 40px;
}

.section.table,
.section.listOfLinks {
	clear: left;
}

.list .count {
	width: 22px; /* width in %  (pictet.css:2707) to large for wide template */
}

.text .emDash ul,
.stringsList .list.emDash {
	list-style: none;
	margin-left: 0;
}

.text .emDash {
    padding-bottom: 0;
}

.stringsList p {
	padding: 0;
}

.stringsList .emDash {
    padding-bottom: 20px;
}

.stringsList .disc {
    list-style: disc outside none;
}

.stringsList .disc li {
    overflow: visible;
}

.serviceMenu.text ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.text .emDash ul,
.stringsList .list.emDash {
	list-style: none;
	margin-left: 0;
}

.text ol {
	list-style: decimal;
	margin-left: 20px;
}

.stringsList.text ol.list {
	margin-left: 0;
}

.section.text .emDash,
.section.text .emDash {
	padding-bottom: 0;
}

.text ul,
.text ol,
.section.text ul.emDash,
.section.text ol.emDash ol {
	padding-bottom: 20px; /* style on p in pictet.css line 379 */
	/* ordered list and normal unordered list in text module has no bullets */
}

.wideForm .question {
	padding-left: 225px; /* correction for captcha image placement within wide form layout*/
}

.section.end .editInfo .editError {
	font-size: 13px;
}

.section.end .editInfo {
	width: 394px;
}

.wideForm .section.end .editInfo {
	width: 514px;
}

.leadText p {
	padding-bottom: 0; /* to big space displayed under subhub description text */
}

.column.primary.wide,
.column.primary.wide article {
	width: 690px; /* wide template for news page */
}

.column.primary.wide .section.search .listing article {
	width: 450px;
}

.table section,
.table section table {
	width: 100%;
}

.columnLists.noLine {
	border-bottom: 0; /* no bottom line in multicolumns*/ 
}

.article img.printonly {
	display: none; /* big lion (printed one) displayed in news pages in header! */
}

.article .section.image img {
	float: none;
}

.recentBarometerIssues {
	clear: left;
}

.recentBarometerIssues ul {
    list-style-type: none;
    padding: 0;
}

.tableExtend {
	width: 690px !important; /* this style already is defined in pictet.css.
								It is placed here in order to override .table section
								selector defined above in this file */
}

.fullWidthTable {
	width: 690px !important; /* this style already is defined in pictet.css.
								It is placed here in order to override .table section
								selector defined above in this file */
}


/* Fix PICRE-78, 'display: inline-block' make some texts overlap others... */
.article .highlight {
	top: 0px !important;
	padding-bottom: 0px !important;
}

.formBlock,
.section.title {
	clear: left; /* display forms under preceding module */
	float: left;
}

.formBlock .section.title h3 {
	width: 416px;
}

.formBlock.wideForm .section.title h3 {
	width: 536px;
}

.advice {
	width: 256px;
}

.wideForm .advice {
	padding-left: 225px;
	width: 311px;
	
}

.emptyArticleList {
	padding-bottom: 600px;	
}

.updates {
	padding: 0 0 50px 0 !important;

}
.twoColumnLists {
	padding: 0 0 10px 0 !important;
}

.transitional {
	clear: both;
}

.transitional h2 {
	padding: 0;
	line-height: 22px;
}

div.section .trionews .updates .columnWrap .column .pconews p {
	padding-bottom: 0;
}

.text p {
	clear: both;
}


img.videoimg {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.modal.investorselector,
.modal.disclaimerModal {
	width: 690px; /* Correction for change of Seb in pictet.com line 3566 */
}

.subHub .multicolonneHUBImage .image img,
.article .section.image .imageColumns img {
	margin: 0;
}

.findOutMore {
	float: left;
}

.findOutMore p {
	padding: 0;
	margin: 13px 0 0;
}

.jobListingTable table {
	clear: left;
}

.twoColwide .imageColumns,
.multicolonne .image img  {
	padding: 0 !important;
	margin: 0;
}

.text h2 a {
	float: none;
}

.modalWrap {
	z-index: 6000;
}

.section.sidelist {
	float: left;
	clear: left;
	width: 100%;
}

#footer .lower.noNav {
	border-top: none;
}

.pagination .first,
.pagination .firstInactive,
.pagination .last,
.pagination .lastInactive {
    background-color: transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    display: inline;
    float: left;
    height: 16px;
    margin-top: 2px;
    padding: 0;
    width: 17px;
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

.pagination .first {
	background-image: url("../images/first.png");
    margin-right: 9px;
}

.pagination .firstInactive {
	background-image: url("../images/firstInactive.png");
    margin-right: 9px;
}

.pagination .last {
    background-image: url("../images/last.png");
    margin-left: 4px;
}

.pagination .lastInactive {
    background-image: url("../images/lastInactive.png");
    margin-left: 4px;
}

.pagination .first:hover,
.pagination .last:hover {
	background-position: 0 -16px;
}

.errorInfo {
	color: #990000;
}

.footerlists h3 {
	width: 663px;
}

.talktoexpert #enquireService #contactInfo {
	margin-bottom: 20px;
}

.wideForm input.button {
	width: auto;
}

.multicolonne .twoColumnLists p {
	color: #676767;
    font-family: "Poynter",Georgia,serif;
    font-size: 15px;
    line-height: 22px;
    position: relative;
}

.mailMessage p {
    font-family: 'Trade Gothic Bold',Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
}

.parsys > .lastModule > .multicolonne > .columnLists {
	margin-bottom: 15px;
}

.lastModule .recentBarometerIssues .splitList {
	padding-bottom: 15px;
}

.lastModule .multicolonne .column .lastModule .text p:last-child,
.lastModule .multicolonne .column .lastModule .text ul:last-child,
.lastModule > .multicolonne > .columnLists > .parsys .lastModule .text p:last-child,
.lastModule > .multicolonne > .columnLists > .parsys .lastModule .text ul:last-child {
    padding-bottom: 0;
}

#disclaimerRedirectInfo {
	margin-left: 135px;
	padding: 10px 20px 0;
	border: 2px solid #990000;
	background-color: #DFDFDE;
}

#disclaimerRedirectInfo p {
	padding: 0 0 10px;
}

#disclaimerRedirectInfo a,
#disclaimerRedirectInfo a:hover {
	color: #990000;
}

/* ---------- job openings table headers ---------- */

.jobListingTable {
	clear: both;
}

.jobListingTable table {
	margin-bottom: 0;
}

.jobListingTable tbody tr.hidden {
	display: none;
}

.jobListingTable tr th:nth-child(4),
.jobListingTable tr td:nth-child(4) {
	display: none;
}

.jobListingTable th span {
	cursor: pointer;
	font-family: 'Trade Gothic Bold',Arial,sans-serif;
}

.jobListingTable th span:hover {
	text-decoration: underline;
}

.jobListingTable th.headerSortUp span {
	background-image: url("../images/tableToggle.png");
	background-position: right 4px;
	background-repeat: no-repeat;
	padding-right: 12px;
}

.jobListingTable th.headerSortDown span {
	background-image: url("../images/tableToggle.png");
	background-position: right -98px;
	background-repeat: no-repeat;
	padding-right: 12px;
}

.jobListingTable tbody td.nojobs {
	background-color: #FFFFFF;
	font-size: 15px;
	padding-left: 10px;
}

.jobListingTable #noResultMessage {
	padding-left: 10px; 
}

.jobListingTable #noResultMessage.hidden {
	display: none;
}

/* Form required field (checkbox + radio) */
.fieldWrap .error {
    color: #AD1917;
    font-family: 'Trade Gothic Bold',Arial,sans-serif;
    font-weight: normal;
}

/* LPP viewer */
.section.lppviewer {
	padding-bottom: 20px;
}

#lppData h4 .asFrom {
	font-family: 'Trade Gothic',Arial,sans-serif;
	font-size: 13px;
	font-style: normal;
}

.article .lppviewer .chart {
	padding: 2px 0 40px;
}

.article .lppviewer .chart img {
    clear: none;
    display: block;
    float: none;
    margin: 0;
    position: static;
}

.lppviewer table#lppData th {
	width: 80px;
}

.lppviewer table#lppData th.labels {
	width: 210px;
}

.lppviewer table#lppData th,
.lppviewer table#lppData td {
	text-align: right;
}

.lppviewer table#lppData th.alignLeft,
.lppviewer table#lppData td.alignLeft {
	text-align: left;
}

.simplex_video .caption {
	position: inherit;
	top: auto;
	margin-top: 10px;
}

.searchArticles {
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

.textColumns .column ul {
	padding-bottom: 18px;
}

.textColumns .column ul li {
    font-family: 'Calibri',sans-serif;
    font-size: 11px;
    line-height: 13px;
}

.modal.investorselector {
	top: 125px;
}

.typeSelection .modalIntro {
    padding-bottom: 0;
}

.author img {
	margin: 20px 0 0 0;
}

.listOfLinks section.linkList {
	width: 100%;
}

.highlight-document {
	height: 16px;
	padding-right: 15px;
	background: no-repeat url('../images/document_icon_small.png') scroll right 0 transparent;
	display: block;
}

td .pictetBold,
#CQrte .pictetBold {
    color: #333333;
    font-weight: bold;
}

form .form_field_text {
	width: auto;
}

form .form_field_textarea {
	width: auto;
}

.section.contactForm {
	height: 100%;
	width: 100%;
	clear: left;
	float: left;
}

.download .highlight-document,
.linked-page .highlight {
	display: inline;
	font-family: "Trade Gothic",Arial,sans-serif;
	font-size:	13px;
	
}

.section-download-link .download .highlight-document,
.article .download .highlight-document {
	background-position-y: -2px; 
}

/* Move padding-bottom:20px of tag "p" to class "section-download-link" */
.section-download-link {
	 margin-top: -15px;
	 padding-bottom: 20px;
}

/* Needed to authorize image to overlap the second column. This removes directive "width:100%" */
.section.image {
	overflow: visible;
}