/*
Project: 
Author: 
Date: 

Contents
------------------------
1. Normalize
	- HTML5
	- Reset
	- Form defaults
	- Table defaults
2. Print
3. Main typography
	- General
	- Tables
	- xForms
	- Episerver selectable classes
4. Positioning and graphics
	- Wrapping elements
	- Responsive design
	- Header
	- Main navigation
	- Main section
	- Global footer widgets
	- Sitemap
	- Footer
5. Media queries
6. Corporate plugins 
	- JQuery UI elements
	- Google charts
	- Social channels
	- Financial report archive
	- Animated charts
	- Financial tables
	- Tooltip
	- Org charts
	- Flexslider
	- Disclaimer
	- Cision


Constants
---------
Text color: #444;
Highlight color: #0478be;
Light shadow: #f2f2f2;
Dark shadow: #ccc;

*/

/* =============================  1. Normalize ============================= */

/* --- HTML5 display definitions --- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 }
audio:not([controls]) { display: none }
[hidden] { display: none }

/* --- Reset --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, input, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } 
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased }
img { -ms-interpolation-mode: bicubic }
#main img, #globalfooterwidgets img { max-width: 100%; width:auto !important; height:auto !important; }
svg:not(:root) { overflow: hidden }
a:hover, a:active { outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
	sup { top: -0.5em }
	sub { bottom: -0.25em }
ol, ul { list-style: none }
b, strong { font-weight: bold }
em { font-style: italic }
blockquote, q { quotes: none }
	blockquote:before, blockquote:after,
	q:before, q:after { content: ''; content: none }

/* ------- Form defaults ----- */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; float:left; margin: 9px 5px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
textarea { overflow: auto; vertical-align: top; resize: vertical; font: inherit; }

/* -------- Table defaults ---------- */
table { border-spacing: 0; width: 100%;} /* Do NOT use border-collapse: It will cause a bug for the financial table function */
td, th { text-align: right; vertical-align: top; }
thead th {vertical-align: bottom; border-top: none;}

thead th.thleft, 
thead th.subheading, 
tbody th { text-align: left; width: auto; padding-right: 0;}


/* -------- clear fix ---------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
#shortcuts { position:absolute; top:-1000px}
#shortcuts a:active, #shortcuts a:focus {position:absolute; top:1117px; white-space:nowrap; padding:5px 20px; margin:0; left:-24px; color:#fff; background:#2762A6; border:1px solid #fff; z-index:100;}


/* =============================  2. Print ============================= */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline !important; }
  #main a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .col { float: none!important; margin: 0!important; width: auto!important; }
  #assistancetools, #mainnav, #subnav, #share, #sitemap, #siteinfo a { display: none; }
}


/* =============================  3. Main typography ============================= */

/* -------- General ---------- */
body { color: #666; font-family: 'Ubuntu', Lucida, 'Lucida Grande', Arial, Sans-Serif; font-size: 16px; line-height: 1.4; font-weight: 300; }
h1, h2, h3, h4, h5, h6 { font-family: 'Times New Roman', Serif; clear: left; line-height: 1.1em; color: #4e1165; margin-bottom: .3em;}
h1 { font-size: 34px; border-bottom: 1px solid #c5c4c4; }
	h1 span { display: block; margin-bottom: 2px; padding-bottom: 10px; border-bottom: 2px solid #939393; }
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }

p, ul, ol, table { margin-bottom: .7em; }

a { color: #0478be; text-decoration: none; }
	a:hover,
	a:focus,
	a:active {  }

#primarycontent li, 
#secondarycontent li { list-style: bullet; margin-left: 20px; list-style-type: disc; }
#primarycontent .nobullet li, 
#secondarycontent .nobullet li { list-style: none; margin-left: 0; list-style-type: none; }



/* -------- Tables ---------- */

td, th { border-top: 1px solid #ccc; padding: 4px; padding-right: 10px; padding-left: 0; width: 50px; line-height: normal; }
thead th {vertical-align: bottom; border-top: none; font-weight: bold; }
thead th.yeargroup {text-align: center; width: auto; border-bottom: 1px solid #444; font-weight: normal; border-left: 10px solid white;}


/* -------- xForms ---------- */

div.xforms div,
.FilterRow { overflow: auto; margin-bottom: 10px; }
	div.xforms label,
	.FilterRow label { float: left; width: 25%; padding: 4px 0; }
	input.text,
	div.xforms textarea,
	.FilterRow input[type="text"],
	.FilterRow textarea { float: left; width: 50%; padding: 4px; border: 1px solid #ccc; line-height: normal; }
	input.button,
	.cision input[type="submit"] { float: left; margin-left: 25%; padding: 4px 10px; line-height: normal; background: #f2f2f2; border: 1px solid #ccc; }


/* -------- Episerver selectable classes ---------- */

.intro { font-size: 14px; }
img.fixedsize { max-width: inherit; }
#main .quarterleft { max-width: 25%; float: left; margin-right: 10px; }
#main .halfleft { max-width: 50%; float: left; margin-right: 10px; }
td.current { background: #f2f2f2; }
tr.subheading th, 
tr.subheading td { font-style: italic; padding-top: 20px; border-top: none; }
tr.trsum th, 
tr.trsum td { font-weight: bold; padding-bottom: 20px; border-color: #444; }

table.text td, table.text th { width: auto; border: none; text-align: left; }
table.text td.date { width: 140px; }

a.pdf { background: url(graphics/pdf.png) 0 0 no-repeat; padding: 4px 20px; }
a.xls { background: url(graphics/xls.png) 0 0 no-repeat; padding: 4px 20px; }


/* =============================  4. Positioning and graphics ============================= */

/* -------- Wrapping elements ---------- */
body { background: #f6f8f9 url(graphics/bg-body.gif) repeat 0 0; }
.cols {  }

/* -------- Responsive design ---------- */
.cols { margin: 0 auto; width: auto; min-width: 240px; max-width: 1200px; clear: both; overflow: hidden; padding: 0 12px; }
	.col { float:left; margin: 0 1%; }
	.col-1 { width: 23% }
	.col-2 { width: 48% }
	.col-3 { width: 73% }
	.col-4 { width: 98% }
	.col-flex { width: 14.666%} /* Use this for items equal to number of top menu elements (flex-grid for IE) */
	.col-right { text-align: right; float: right; }
		.col .cols { margin: 0 -1%; padding: 0; }
		.col-2 .col-1 { width: 48% }
		.col-2 .col-2 { width: 98%; }
		.col-3 .col-1 { width: 31.333%; }
		.col-3 .col-2 { width: 64.666%; }
			.col-3 .col-2 .col-1 { width: 48%; }
		.col-3 .col-3 { width: 98%; }
	
/* -------- Header ---------- */
div.header { background: #fefefe; height: 175px; margin-bottom: 50px; }
header.cols { padding-top: 10px; background: url(graphics/bg-header.png) 0 0 no-repeat; }


/* BACKUP LOGO old */
/*
a#logotype {
	display: block; 
	margin-top: 50px; 
	margin-bottom: 25px; 
	background: url(graphics/logo-header-ostnor.gif) 0 0 no-repeat; 
	width: 200px; 
	height: 50px;
}
*/
a#logotype {
	display: block; 
	margin-top:8px; 
	margin-bottom: 16px; 
	background: url(graphics/logo-header-ostnor.png) 0 0 no-repeat; 
	width: 310px; 
	height: 101px;
}


	a#logotype span { display: none; }
#assistancetools { text-align: right; margin-top: 40px; }
	#siteassistance { margin-bottom: 10px;}
		#siteassistance a { margin-left: 5px; }
	#searchfield { padding-right: 10px; float: right; width: 30.333%; margin-right: 0; margin-bottom: 10px; position: relative; }
		#searchfield #search { padding: 4%; width: 92%; line-height: normal; border: 4px solid #e5e5e5; }
		#searchfield #searchBtn { position: absolute; top: 8px; right: 14px; }
	#lang { float: right; margin: 0; background: #fff; font-size: 19px; height: 46px; padding-left: 5px; color: #666; margin-right: 10px; }
		#lang ul { margin-bottom: 0; position: absolute; margin-left: -130px; }
		#lang li { padding: 0 5px; height: 42px; border: 2px solid #e5e5e5; background: white; display: none; }
		#lang ul:hover li,
		#lang li.selected { display: block; }
		#lang a { display: block; margin-left: 5px; padding-right: 40px; width: 70px; line-height: 42px; text-align: left; background: transparent url(graphics/main-sprite.gif) no-repeat 100% 0; color: #666; font-weight: 400;}
		#lang li.en a { background-position: 100% -52px; }
		#lang li.sv a { background-position: 100% -102px; }
		#lang li.no a { background-position: 100% -152px; }
		#lang li.dk a { background-position: 100% -202px; }
		#lang li.fi a { background-position: 100% -252px; }
		#lang li.de a { background-position: 100% -302px; }
		#lang li.ru a { background-position: 100% -352px; }
		
		

/* -------- Main navigation ---------- */
#mainnav { margin-bottom: 20px; background: #0478be; overflow: hidden; }
	#mainnav ul { margin-bottom: 0; margin-right: -3px;}
	#mainnav a#shownav { display: none; padding: 6px 0; }
		#mainnav li { float: left; margin-right: -2px; width: 16.8%; background: url(graphics/main-nav-divider.gif) 100% 50% no-repeat; }
		#mainnav li:last-child { background: none; }
			#mainnav a { color: white; float: left; padding: 24px 0; font-size: 20px; width: 100%; text-align: center; text-shadow: 0 -1px 1px #0b4261; font-weight: 400;}
				#mainnav li.selected { background: #F6B92A; }
					#mainnav li.selected a { text-shadow: 0 -1px 1px #a57810; }
				
			#mainnav a:hover { color: white; float: left; padding: 24px 0; font-size: 20px; width: 100%; text-align: center; background: transparent url(graphics/main-sprite.gif) no-repeat 0 100%; }
			#mainnav a:hover,
			#mainnav a:focus,
			#mainnav a:active { background-position: 50% 0; }

/* -------- Main section ---------- */
#main {  }
#content { }

#subnav { margin-left: 0; margin-right: 20px; padding: 10px; background: white; box-shadow: 10px 10px 0 #eceeef; box-shadow: 10px 10px 0 rgba(0,0,0,.04); }
	#subnav ul { margin-top: 10px; border-bottom: 1px solid #c5c4c4; }
		#subnav li { padding: 1px 0; border-top: 1px solid #c5c4c4; }
			#subnav a { display: block; padding: 10px; padding-right: 30px; font-weight: 500; color: #0278ba;}
				#subnav a.hasChildren { background: url(graphics/bg-sub-navigation-collapsed.gif) 100% 50% no-repeat; }
				#subnav a.expanded { background: url(graphics/bg-sub-navigation-expanded.gif) 100% 50% no-repeat; }
				#subnav a.expanded.selected { background: url(graphics/bg-sub-navigation-expanded-active.gif) 100% 50% no-repeat; }
				#subnav a.selected { background-color: #F6B92A!important; color: White; text-shadow: 0 -1px 1px #a57810; }
			#subnav ul ul { margin-left: 0; margin-top: 0; border: none; margin-bottom: 0; }
			#subnav ul ul a { padding-left: 30px; background: #fafafa;}

#primarycontent { background: white; margin: 0 -1%; padding: 0 2%; padding-top: 10px; }
#primarycontent.col-3 { width: 71% }
#primarycontent.col-4 { margin-left: 1%; padding: 0; width: 98%; }
#breadcrumbs { display: none; }
#breadcrumbs li { float: left; padding: 0 10px; background: url(graphics/link-arrow.png) 0 50% no-repeat; }
#breadcrumbs li.home { padding-left: 0; background: none; }

#pageinfo { border-top: 1px solid #999999; padding-top: 5px; padding-bottom: 20px; margin-top: 30px; font-size: 12px;}
	#share a { margin-right: 5px; }
#secondarycontent { }
#globalfooterwidgets div.widget,
#secondarycontent div.widget { margin-left: 20px; margin-bottom: 20px; padding: 10px; background: white; 
                               box-shadow: 10px 10px 0 #eceeef;
                               box-shadow: 10px 10px 0 rgba(0,0,0,.04);
                             }

div.widget li 
{
	margin-bottom: 10px; 
}
#secondarycontent div.reports li { list-style: none; margin-left: 0;}

/* -------- Global footer widgets ---------- */
#globalfooterwidgets { padding-top: 10px; }
#globalfooterwidgets div.widget { margin-left: 0; }

/* -------- Sitemap ---------- */
#sitemap { }
	#sitemap > ul { margin-left: 1%; margin-right: 1%; background: #ebf0f3 url(graphics/footer.png) no-repeat; border-bottom: 1px solid #ccc; padding-top: 30px; margin-top: 50px; overflow: auto;}
	#sitemap ul ul a { color: #444; }

/* -------- Footer ---------- */
#siteinfo { margin-top: 10px; margin-bottom: 30px; font-size: 12px;}
	#siteinfo p.copyright { float: left; }
	#siteinfo li { display: inline; }
	#siteinfo a { margin-left: 10px; }

/* =============================  5. Media queries ============================= */

.mobileheader { display: none; }

/* -------- iPad portait and smaller ---------- */
@media only screen and (max-width : 768px) {
    html.rgba {
        overflow: hidden;
    }

        html.rgba body {
            height: 100%;
            width: 100%;
            position: absolute;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        html.rgba form {
            height: 100%;
            width: 100%;
            position: absolute;
            overflow: auto;
            display: -webkit-box;
            -webkit-box-flex: 1;
            -webkit-box-orient: vertical;
            -webkit-overflow-scrolling: touch;
            background: white;
           z-index: 2;
        }

        html.rgba body#page270 #main {
            padding: 0;
        }

        html.rgba body#page270 #primarycontent {
            width: 100%;
            margin: 0;
        }

    div.header {
        height: auto;
        margin-bottom:0px;
    }

    html.rgba #main {
    }

    html.rgba .mobileheader {
        display: block;
        height: 42px;
        width: 100%;
        position: absolute;
        z-index: 20;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        border-top: 1px solid rgba(255,255,255,0.5);
        text-align: center;
        line-height: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.1)), color-stop(50%, rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0.2)));
        background-color: #0478be;
    }

        html.rgba .mobileheader span {
            display: block;
            color: White;
            font: bold 20px/42px Helvetica;
            text-shadow: 0 -1px rgba(0,0,0,.4);
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 140px;
            margin: 0 auto;
        }

    a.mobilebutton {
        position: absolute;
        top: 7px;
        font: bold 12px Helvetica;
        height: 28px;
        line-height: 28px;
        padding: 0 10px;
        text-align: center;
        color: White;
        text-shadow: 0 -1px 1px rgba(0,0,0,.5);
        border-radius: 5px;
        cursor: pointer;
        text-decoration: none;
        -webkit-box-shadow: inset 0 0 1px 0 black, inset 0 1px 1px 0 rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.3);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(50%, rgba(255,255,255,0.15)), color-stop(50%, rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
        background-color: #0478be;
    }

    html.no-cssgradients a.mobilebutton {
        border: 1px solid black;
    }

    a.mobilebutton:active {
        background-color: rgba(0,0,0,0.3);
    }

    #showNav, #mobileback {
        left: 5px;
    }

    #showSearch, #cancelSearch {
        right: 5px;
    }

    #showSearch {
        padding: 0;
    }

        #showSearch span {
            padding: 0;
            display: block;
            text-indent: 9999px;
            width: 30px;
            height: 27px;
            overflow: hidden;
            background: url(graphics/search.png) 50% 50% no-repeat;
            background-size: 14px 16px;
        }

    html.rgba #mobileheader img {
        height: 28px;
        margin: 7px 0;
    }

    html.rgba header.cols {
        padding-top: 0;
    }

    html.rgba header.cols .col-1 { display:none;}
    html.rgba header.cols .col-3 { display:block; width: 100%; margin-top: 0 !important; }
    html.rgba header.cols .col-3 #lang, html.rgba header.cols .col-3 #siteassistance, html.rgba header.cols .col-3 input[type=image] { display:none;}
    html.rgba header.cols .col-4 { display:none;}

	
	html.rgba .animate { -webkit-transition: all 300ms ease-in-out; }
	html.rgba .expandedmenu { -webkit-transform: translate3d(255px, 0, 0); -ms-transform: translateX(255px); -moz-transform: translateX(255px); }
	html.rgba .collapsedmenu { -webkit-transform: translate3d(-255px, 0, 0); }
	
	#mobilenav { position: absolute; top: 0; left: 0; height: 100%; width: 510px; background: #0478be; z-index: 1; display: none; }
	#mobilenavitems { position: absolute; height: 100%; -webkit-overflow-scrolling: touch; overflow: auto; }
	#mobilenav .mobileheader { width: 255px; }
	html.rgba #menushadow { position: absolute; z-index: 30;left: 245px;top: 0;height: 100%;width: 10px; box-shadow: inset -5px 0 10px -5px black; }
	#mobilenav ul { margin-top: 44px; float: left; width: 255px; }
		#mobilenav ul li { border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); }
			#mobilenav ul li.hasChildren { background: url(graphics/mobile-nav-arrow.png) 230px 50% no-repeat; background-size: 9px 14px; }
				#mobilenav ul li span, #mobilenav ul li a { display: block; margin-right: 40px; padding: 10px; padding-right: 40px; font: 16px Helvetica; color: white; }
	
	/* flip to search ----------------- */
	#flipcontainer.flip, 
	#flipcontainer.unflip  { height: 100%; -webkit-perspective: 1000; background: black; }
	
		#flipcontainer.flip #flip, 
		#flipcontainer.unflip #flip { height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: -webkit-transform 700ms ease-in-out; -webkit-box-sizing: border-box; -webkit-transform: rotateY(180deg); }
		#flipcontainer.unflip #flip {-webkit-transform: rotateY(0);}
	
			#flipcontainer.flip #flipcontent, 
			#flipcontainer.flip #flipsearch, 
			#flipcontainer.unflip #flipcontent, 
			#flipcontainer.unflip #flipsearch { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; -webkit-backface-visibility: hidden; }
	
			#flipsearch { display: none; }
			#flipcontainer.flip #flipsearch, 
			#flipcontainer.unflip #flipsearch { display: block; -webkit-box-sizing: border-box; -webkit-transform: rotateY(180deg); background: white; }
	
	/* flip search styles -------------  */
	#mobileback { opacity: 0; display: none; }
	html.rgba #quick-searchresults { left:0 !important; margin-left: -10px; border: none; width: 100%!important; }
		html.rgba #quick-searchresults a { border-bottom: 1px solid #E0E0E0; font-size: 14px; font-family: Helvetica; padding: 10px 15px; color: Black; text-decoration: none; }
	
        html.rgba #searchfield { margin-bottom: 2px; z-index:26; }
	html.rgba #searchfield input#search { margin-bottom: 4px; width: 55%; position:absolute; top: 4px; right: 0; z-index: 25; padding: 2%; display: block; border-radius: 15px; padding: 8px 0px 4px 30px; -webkit-box-shadow: inset 0 0 1px 0 black, inset 0 2px 1px 0 rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.3); color: White; font-size: 14px; background: #0478be url(graphics/mobile-search.png) 10px 50% no-repeat;background-size: 14px 15px;	}
    
	/* end of design for native iphone */
	
	html.rgba #subnav { display: none; }
	html.rgba #primarycontent.col-2 { width: 64.666% }
	html.rgba #primarycontent.col-3 { width: 98% }
	html.rgba #secondarycontent .col-1 { width: 31.333% }
	html.rgba #searchfield { width: 41.444%; height: 42px; }
	
	html.rgba #navandmain.col-3 { width: 64.666%; }
		html.rgba #navandmain.col-3 #primarycontent.col-2 { width: 98% }
		
	html.rgba #main-and-secondarycontent { width: 98%; }
	
	html.rgba .flexslider .slides div { font-size: 80%; }
	
}

/* -------- iPhone landscape and smaller ---------- */
@media only screen and (max-width : 480px) 
{
	/*html.rgba a#logotype { margin-top: 0; background: url(graphics/logotype-mobile.png) 0 0 no-repeat; width: 100px; height: 25px;}
	html.rgba #siteassistance, #lang { display: none;}
	html.rgba #mainnav { margin-top: 0;}*/
	html.rgba #primarycontent.col-2 { width: 98% }
	html.rgba #secondarycontent .col-1 { width: 48%; margin-top: 20px; }
	html.rgba #globalfooterwidgets .col-1 { width: 48%; }
	html.rgba #sitemap .col-flex { width: 31.333%; }
	
	html.rgba #navandmain.col-3 { width: 98%; }
}

/* -------- iPhone portrait and smaller ---------- */
@media only screen and (max-width : 320px) 
{
	html.rgba #pageinfo .col { width: 98%; text-align: left; }
	html.rgba #primarycontent .col { width: 98% }
	html.rgba #secondarycontent .col { width: 98% }
	html.rgba #globalfooterwidgets .col { width: 98% }
	html.rgba #sitemap .col-flex { width: 48% }	
}

/* =============================  6. Corporate plugins ============================= */

/* -------- JQuery UI elements ---------- */
.ui-tabs-hide { display: none; }
.ui-widget-overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

.ui-tabs-nav { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
	.ui-tabs-nav li { display: inline-block; margin-bottom: -1px; padding: 0 1px; }
	.ui-tabs-nav li.ui-tabs-selected { padding: 0; border: 1px solid #ccc; border-bottom: none; background: white; }
		.ui-tabs-nav a { display: block; padding: 5px 10px; cursor: default; }
		
.ui-dialog {position: absolute; }
	.ui-dialog-titlebar { overflow: hidden; background: white; margin: -7px; padding: 10px; }
	.ui-dialog-title {float: left; padding-left: 5px; padding-top: 2px; }
	.ui-dialog-titlebar-close { float: right; margin-top: 2px; background: url(graphics/popup/close.png) 0 0 no-repeat; width: 27px; height: 27px;}
		.ui-dialog-titlebar-close span { display: none; }
	.ui-dialog-content { background: white; padding: 5px; overflow: auto; margin: -7px; }
	.ui-dialog-content h2 { display: none; }
	
	.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 1000; display: block; }
		div.ui-resizable-n { background: url(graphics/popup/n.png) 0 0 repeat-x; height: 12px; width: 100%; top: -16px; left: 0;}
		div.ui-resizable-e { background: url(graphics/popup/e.png) 100% 0 repeat-y; height: 100%; width: 12px; top: 0; right: -16px;}
		div.ui-resizable-s { background: url(graphics/popup/s.png) 0 100% repeat-x; height: 12px; width: 100%; bottom: -16px; left: 0;}
		div.ui-resizable-w { background: url(graphics/popup/w.png) 0 0 repeat-y; height: 100%; width: 12px; top: 0; left: -16px;}

		div.ui-resizable-nw { background: url(graphics/popup/nw.png) 0 0 no-repeat; height: 16px; width: 16px; top: -16px; left: -16px;}
		div.ui-resizable-ne { background: url(graphics/popup/ne.png) 0 0 no-repeat; height: 16px; width: 16px; top: -16px; right: -16px;}
		div.ui-resizable-sw { background: url(graphics/popup/sw.png) 0 0 no-repeat; height: 16px; width: 16px; bottom: -16px; left: -16px;}
		div.ui-resizable-se { background: url(graphics/popup/se.png) 0 0 no-repeat; height: 16px; width: 16px; bottom: -16px; right: -16px;}

/* -------- Google charts -------------------- */
div.googlechart div.parameters, div.googlechart table {display: none;}

/* -------- Quick search -------------------- */
#quick-searchresults { position: absolute; z-index: 100; border: 1px solid #ccc; background: white;}
	#quick-searchresults a { display: block; padding: 5px; }
		#quick-searchresults a:hover { background: #f2f2f2; }

/* -------- Social channels -------------------- */
div.youtubechannel h2 { background: url(graphics/youtube.png) 100% 0 no-repeat}
div.slidesharechannel h2 { background: url(graphics/slideshare.png) 100% 0 no-repeat}
div.slidesharechannel img { min-width: 100%; }
div.playercontainer { width: 560px; padding-right: 20px; float: left; }
div.cliplist { float: left; width: 350px; height: 500px; overflow: auto; }
div.cliplist a { display: block; margin-bottom: 10px; overflow: auto; }
div.cliplist a h3 { float: right; width: 210px; }
div.cliplist a img { float: left; }
div.cliplist a p.title { display: none; }
div.cliplist a p.date { float: right; width: 210px; }


/* -------- Financial report archive -------------------- */
h2.financial-archive { border-top: 1px solid #ccc; margin-bottom: 0.5em; padding-top: 1em; margin-top: 0.5em; }
.financial-archive .col-1 { width: 23%; margin-top: 20px; }
.financial-archive .col-3 { width: 73%; }
.financial-archive a h3, 
.financial-archive a p { color: #444; }
.financial-archive ul li { margin-bottom: 5px; }

/* -------- Animated charts -------------------- */
#animatedchart {  height: 300px; position: relative; } 
	#animatedchart #legends { width: 31.333%; position: absolute; right: 0; top: 60px; }
		#animatedchart #legends div { display: none; clear: both;}
		#animatedchart #legends span { float: left; width: 130px; margin-bottom: 5px; }
			#animatedchart #legends span.icon { margin-right: 3px; margin-top: 1px; clear: left; float: left; line-height: 1px; width: 12px; height: 12px; padding: 0;}
			#animatedchart #legends span.line { background: url(dot-icon.png) 50% 50% no-repeat; }

		#animatedchart #legends input { display: none; }
		#animatedchart #legends.combination input { display: block; float: right; }

	#animatedchart #xaxis { position: absolute; display: none; }
	#animatedchart #xaxis div { text-align: center; float: left; overflow: hidden; }

#animatedchart table { display: none; } 
#animatedchart #togglePanel { position: absolute; bottom: 10px; right: 0px; width: 31.333%; border: 1px solid #aaa; }
#animatedchart #togglePanel .dropdown { display: none; background: white; overflow: auto; padding: 3px; } 
	#animatedchart #togglePanel .dropdown div { padding-bottom: 3px; } 
	#animatedchart #togglePanel .dropdown input { margin-right: 3px; } 
#animatedchart #togglePanel span { display: block; padding: 3px; } 

/* -------- Financial tables -------------------- */
div#tableextras { display: none; }

html.js div.tablepanel {position: relative;}
	html.js div.tablepanel table { width: auto; }
		html.js div.tablepanel thead th.thleft, 
		html.js div.tablepanel thead th.subheading, 
		html.js div.tablepanel tbody th { width: 180px; } /* width 180 makes five quarters visible in 1024 screens (which is preferable) */

div.scrollpanel {overflow: auto; }
table.fixedcolumn { background: white; position: absolute; top: 0; left: 0; }
		
/* --- grouped items --- */
tr.grouped { display: none; }
	tr.grouped th { border-top: none; padding-top: 0; border-left: 1px solid #ccc; }
		tr.grouped th span { display: block; border-top: 1px solid #ccc; padding-top: 5px; margin-left: 15px; }
tbody th a.collapsed { display: block; padding-left: 15px; background: url(graphics/collapsed.png) 0 1px no-repeat; cursor: pointer; float: left; }
tbody th a.expanded { background-image: url(graphics/expanded.png); }

/* --- inline charts --- */
td div.bar { display: none;}
tr.chart td,
tr.chart th { background: #f2f2f2; }
tr.chart td { padding-right: 0; cursor: default;}
tr.chart td span.bar { padding-right: 10px; position: relative; border-bottom: 1px solid black;}
tr.chart td div.bar { display: block; position: absolute; right: 0; bottom: 1px; width: 7px; background: #0478be; }
tr.chart td div.negative { top: 15px; background: #444;}
/*tr.chart td.current div.bar { background-color: #666; }
tr.chart td.current div.negative { background-color: #f33; }*/
tr.chart span.change { position: absolute; left: 8px; background: white; width: 30px; border: 1px solid #ccc; font-size: 10px; text-align: center; padding-top: 2px; padding-bottom: 2px; }

/* -------- Tooltip -------------------- */
a.tooltip { padding-left: 13px; background: url(graphics/tooltip.png) 0 0 no-repeat!important; cursor: pointer; }
div.tooltip { background: url(graphics/tooltip-below.png) 0 0 no-repeat; border-bottom: 1px solid #444; }
	div.tooltip .ui-dialog-titlebar {overflow: visible;}
	div.tooltip span.ui-dialog-title { display: none; }
	div.tooltip .ui-dialog-titlebar-close { margin-top: 10px;}
	div.tooltip div.ui-dialog-content { padding-top: 10px; margin-bottom: 0; }
div.tooltipabove { background: url(graphics/tooltip-above.png) 0 100% no-repeat; border-top: 1px solid #444; }

/* ------------ Org charts ------------ */
.orgchart p, .orgchart h2 { margin: 0!important; font-size: 1em; line-height: normal; padding: 0; }
.orgchart h2 { font-weight: bold; }

ul.orgchart { position: relative; }

.orgbox > .boxbody p, .orgbox > .boxbody h2 { }
.orgbox0 > .boxbody p, .orgbox0 > .boxbody h2 { }
.noorgbox div { display: none; }

li.orgbox {position: absolute; z-index: 10; font-family: Arial; list-style: none; }
	li.orgbox div { line-height: 1px; }
	li.orgbox .boxbody { padding: 5px; display: block; background: #f2f2f2; border: 1px solid black; 
	                    background: -moz-linear-gradient(top,  #fcfcfc 0%, #e7e7e7 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e7e7e7));
						background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
						background: -o-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
						background: -ms-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
						background: linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
						border-radius: 5px;
					}
	
li.line { position: absolute; z-index: 1; background-color: transparent!important; list-style: none; }
	li.vline { background: url(graphics/orgcharts/dot.png) 50% 0 repeat-y; }
	li.hline { background: url(graphics/orgcharts/dot.png) 0 50% repeat-x; }

/* subscribe widget */
.subscribe .widget input.text { width: 90%; float: none; display:block; margin-bottom: 5px;}
.subscribe .widget input.button { float: none; margin-left: 0;}

/* ------------ Flexslider ------------ */
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; max-height: 400px; overflow: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; }
#primarycontent .flexslider li { list-style: none; margin-left: 0;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1; }
.flexslider ul { margin: 0; }
.flexslider .slides > li {position: relative;}

.flexslider .slides div { position: absolute; left: 50px; top: 20px; width: 60%; }
	.flexslider .slides div h2 { font-size: 2.5em;  }
	.flexslider .slides div p { color: #444; font-size: 1.4em;  }

/* Direction Nav */

.flex-direction-nav li a {width: 28px; height: 45px; margin-top: -22px; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; background: url(graphics/carousel-cycle.png) no-repeat 100% 0;}
.flex-direction-nav li .next {right: 10px; }
.flex-direction-nav li .prev {left: 10px; background-position: 0 0;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 0; left: 0; overflow: hidden; text-align: center; width: 100%; }
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(graphics/sliderdots.png) no-repeat 0 0; cursor: pointer; text-indent: 9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}


/* TODO: Calendar timeline */

div.timeline div.year { border-top: 1px solid #444; margin-bottom: -22px; margin-top: -1px; padding-top: 5px; font-weight: bold; }
div.timeline div.month { border-right: 1px solid #444; border-bottom: 1px solid #ccc; width: 20px; text-align: right; padding: 5px; margin-left: 30px; }

/* Calendarlist */
.calendarlist td { text-align: left; border: none; }

/* People list */
#peoplelist h2 { color: #666666; font-size: 28px; font-family: 'Ubuntu', Lucida, 'Lucida Grande', Arial, Sans-Serif;}
#peoplelist .title { font-weight: bold; }

/* Image bank */


/* Serp, Search results */
#ResultText { margin-top: 20px; font-style: italic;}

#primarycontent article .paging { text-align: center; margin-top: 40px;}
#primarycontent article .paging ul li { background: none; padding: 0; display: inline; margin: 5px;}
#primarycontent article .paging ul li a { padding: 5px;}
#primarycontent article .paging ul li.current a { text-decoration: none; font-weight: bold; color: #444; }

/* Calendar widget */
.calendar-widget span.date { text-transform: capitalize; }

@media screen and (max-width:768px) {
	body.no-right-col #primarycontent {width:98% !important;}
}
@media screen and (min-width:769px) {
	body.no-right-col #primarycontent {width:71%;}
}
body.no-right-col #secondarycontent {display:none;}




/* Disclaimer
*********************************/
.disclaimer {}
.disclaimer #secondarycontent {display:none;}
.disclaimer-country {
	display:table;
	table-layout:fixed;
	width:100%;	
}
.disclaimer-country label,
.disclaimer-country select {
	float:left;
}
.disclaimer-country label {
	margin-right:15px;
}
.disclaimer-country select {
	padding: 4px;
	border: 1px solid #ccc;
	line-height: normal;
	box-sizing:border-box;
}

.disclaimer-form input[type="submit"] {
	display:inline-block;
	margin-right:15px;
	padding: 4px 10px;
	line-height: normal;
	color:#fff;
	background: #0478be;
	border: 1px solid #ccc;
}
.disclaimer-form input[type="submit"]:hover,
.disclaimer-form input[type="submit"]:focus {
	background:#0365b0;
}

.disclaimer-country,
.disclaimer-error,
.disclaimer-form {
	color:#333;
	background:#f4f4f4;
	padding:15px;
	box-sizing:border-box;
	
	box-shadow: 5px 5px 0 rgba(0,0,0,.14);
}



/* Cision
*********************************/
.cision {}
.cision h2 {font-size: 22px;}
.FilterRow {}
.FilterRow.inline label {width:auto; margin-right:20px;}
.FilterRow label {}
.FilterRow input[type="text"] {}
.cision input[type="submit"] {clear:both; margin-left:0; margin-bottom:20px;}