/* ========== ContentFlow ========== */ /* * Within this file you can adjust the styling of ContentFlow * to your personal needs. The default styling is the same as found on the * project page. * * To utilze this file for global styleing, rename it to 'mycontentflow.css'. */ #coverflow-wrapper { overflow:hidden; position:relative; width:295px; height:200px; } .ContentFlow { margin-top:-65px; } .flow { background-position:0 10px; /* background-image: url("/static/app/csr_coverflow/_assets/csr/contentflow/img/stage-background.gif");*/ background-repeat:repeat-x; } .ContentFlow img.reflection { cursor: default; } /* ----- DEBUG styling ----- .ContentFlow .flow { border: 1px solid green; } .ContentFlow .flow .item { border: 1px solid red; } .ContentFlow .flow .item canvas.content { border: 1px solid yellow; } .ContentFlow .flow .item img.content { border: 1px solid yellow; } */ /* ----- styling of items ----- */ .ContentFlow .flow .item.active { cursor: pointer; } .ContentFlow .flow .item .caption { font-size: 100%; font-weight: bold; text-align: center; color: white; max-height: 30%; bottom: 10%; background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/1x1_0.5_black.png); width: 100%; } * html .ContentFlow .flow .item .caption { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/static/app/csr_coverflow/_assets/csr/contentflow/img/1x1_0.5_black.png'); } .ContentFlow .flow .item .caption a, .ContentFlow .flow .item .caption a:link, .ContentFlow .flow .item .caption a:visited, .ContentFlow .flow .item .caption a:active, .ContentFlow .flow .item .caption a:hover { text-decoration: none; color: white; font-style: italic; font-size: 0.8em; } .ContentFlow .flow .item .caption a:hover { text-decoration: underline; } .ContentFlow .flow .item.active .caption { /*display: block;*/ /* uncomment to show caption inside item */ } /* ----- scrollbar ----- */ .ContentFlow .scrollbar { width: 50%; margin: 0px auto; margin-top: 10px; height: 16px; background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/scrollbar_white.png) left center repeat-x; position: relative; } .ContentFlow .scrollbar .slider { width: 16px; height: 16px; background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/slider_white.png) center center no-repeat; } /* only for IE <= 6 and a alphatransparent slider image */ * html .ContentFlow .scrollbar .slider { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/static/app/csr_coverflow/_assets/csr/contentflow/img/slider_white.png'); } .ContentFlow .scrollbar .slider .position { top: 120%; font-size: 16px; font-weight: bold; color: silver } .ContentFlow .preButton, .ContentFlow .nextButton { position: absolute; top: 0; width: 8px; height: 15px; cursor: pointer; } .ContentFlow .preButton { background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/btn-prev.gif) center no-repeat; top:140px; left: 0px; } * html .ContentFlow .preButton { /* background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/static/app/csr_coverflow/_assets/csr/contentflow/img/btn-prev.gif');*/ } /* .ContentFlow .preButton:hover { background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/btn-prev.gif) center no-repeat; }*/ .ContentFlow .nextButton { background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/btn-next.gif) center no-repeat; top:140px; right: 0px; } * html .ContentFlow .nextButton { /* background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/static/app/csr_coverflow/_assets/csr/contentflow/img/btn-next.gif');*/ } /* .ContentFlow .nextButton:hover { background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/btn-next.gif) center no-repeat; }*/ .ContentFlow .preButton-disabled { background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/btn-prev-dis.gif) center no-repeat; } .ContentFlow .nextButton-disabled { background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/btn-next-dis.gif) center no-repeat; top:140px; right: 0px; } /* ----- global caption ----- */ .ContentFlow .globalCaption { text-align: center; font-weight: bold; color: white; font-size: 14px; height: 20px; /*margin: 2em auto;*/ margin-top:8px; font-size:11px; line-height:11px; color:#333333; font-family:Arial, Helvetica, sans-serif; width:100px; } .ContentFlow .globalCaption .caption { display:block; left:-17px; position:absolute; text-align:left; width:151px; } .ContentFlow .globalCaption .caption a, .ContentFlow .globalCaption .caption a:link, .ContentFlow .globalCaption .caption a:visited, .ContentFlow .globalCaption .caption a:active, .ContentFlow .globalCaption .caption a:hover { z-index: 100; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; text-decoration: none; color: black; font-style: normal; font-size: 11px; line-height: 13px; font-weight: normal; color: #0066cc; } .ContentFlow .globalCaption .caption a:hover { text-decoration: underline; } .ContentFlow .caption img { margin-top:-3px; float:left; margin-right: 5px; } * html .ContentFlow .caption img { margin-top:0; } /* ----- load indicator ----- */ .ContentFlow .loadIndicator { width: 100%; height: 100%; top: 0px; left: 0px; background: black; } .ContentFlow .loadIndicator .indicator { background: url(/static/app/csr_coverflow/_assets/csr/contentflow/img/loader.gif) center center no-repeat; width: 100%; height: 100%; } * html .ContentFlow .loadIndicator .indicator { height: 100px; } /* ================================= */

Conducting Business Responsibly

At Roche we are committed to meeting high ethical standards and complying with all applicable local, national and international laws wherever we do business. Ethical behaviour in business is essential to creating and maintaining a healthy and just environment for all. For that reason, we maintain rigorous internal processes to ensure that our employees adhere to the laws, regulations and industry codes of conduct that support good business practices.

Our Code of Conduct

Our ethical standards and commitments are embodied in our Corporate Values – integrity, courage and passion. Our Code of Conduct guides Roche employees on acting with integrity at all times. Employees complete mandatory training to ensure they understand the code, including how to voice their compliance concerns over business practices or behaviour.

Our Performance Management Principles ensure that employee compensation considers not only the results they achieve, but also how they achieve them. In particular, the principles consider whether an employee’s performance reflects the Roche Values.