/* CSS Document */

/* CSS RESET */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
body { line-height: 1; font-size: 62.5%;}

/* GLOBAL STYLES */
.hide { display: none; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; height:0px; overflow:hidden;  }
.inline { display: inline;  }
.marginleft { margin-left: 50px;  }
.paddingright { padding-right: 30px; }

/* Layout Styles */
body { background: #3581BF; background-attachment: fixed; background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; }
.pagetop { height:0px; line-height:0; overflow:hidden; float: left; }
#bg1 { background: #F2E9E0 url(../gfx/bg/tui_bg01.jpg) left top fixed  no-repeat;  }
#bg2 { background: #FBFFFE url(../gfx/bg/tui_bg02.jpg) left top fixed  no-repeat; }
#bg3 { background: #F8F3F0 url(../gfx/bg/tui_bg03.jpg) left top fixed  no-repeat; }
#bg4 { background: #FEFEFE url(../gfx/bg/tui_bg04.jpg) left top fixed  no-repeat;  }
#bg5 { background: #EEEBE6 url(../gfx/bg/tui_bg05.jpg) right top fixed  no-repeat; }
#bg6 { background: #EFEEE9 url(../gfx/bg/tui_bg06.jpg) right top fixed  no-repeat; }
#bg7 { background: #F2E9E0 url(../gfx/bg/tui_bg07.jpg) left top fixed  no-repeat; }
#header { float: left; height: 63px; padding-top: 10px; margin-bottom: 10px; width:100%; background: #658AA3 url(../gfx/header_bg.gif) bottom left repeat-x; display: block;  }
#nav1 { width: 950px; margin: 0 auto; }
#container { width: 980px; margin: 0 auto;}
#breadsearch { width: 950px; float: left;  min-height: 20px; padding-top: 9px; padding-left: 30px; text-transform: uppercase; }
#sitesearch { float: right; }
#breadcrumbs { padding-top: 4px; }
#breadcrumbs, #breadcrumbs a  { color: #FEFFFE; text-decoration: none; }
#breadcrumbs .here { color: #D9D9D9; }
#search_query { background-color: #6B8EA6; color: #FFFFFF; font-size: 1.0em; width: 154px; height: 12px; padding: 2px; }
#search_go { vertical-align: bottom; }
#titlelogo { clear:both; width: 950px; height: 75px; margin: 0 auto; padding-left: 30px; }
#reporttitle { margin-top: 5px; }

/* LEVEL 1 NAVIGATION */
#nav { background: url(../gfx/nav1.gif) 0px 0px no-repeat; height: 54px; width: 953px; margin: 0px auto; }
#nav li { list-style-type: none;	float: left; }
#nav a { height: 54px;	display: block; }
#nav span {display: none;}

#home a { width: 56px; }
#group-at-a-glance a { width: 150px; }
#strategic-overview a { width: 150px; }
#business-performance a { width: 150px; }
#governance a { width: 150px; }
#financial-statements a { width: 150px; }
#shareholder-information a { width: 147px; }

#group-at-a-glance.active, #group-at-a-glance a:hover { background: url(../gfx/nav1.gif) -56px -54px no-repeat; }
#strategic-overview.active, #strategic-overview a:hover { background: url(../gfx/nav1.gif) -206px -54px no-repeat;}
#business-performance.active, #business-performance a:hover { background: url(../gfx/nav1.gif) -356px -54px no-repeat;}
#governance.active, #governance a:hover { background: url(../gfx/nav1.gif) -506px -54px no-repeat;}
#financial-statements.active, #financial-statements a:hover { background: url(../gfx/nav1.gif) -656px -54px no-repeat;}
#shareholder-information.active, #shareholder-information a:hover { background: url(../gfx/nav1.gif) -806px -54px no-repeat;}

/* TOOLS BUTTON */
#tools { float:left; width: 230px; height:154px; z-index: 1; position: relative; }
#tools-img { float: left; margin-top:10px; width:30px; height: 154px; }
#tools-panel { float: left; margin-top:10px; width:200px; height: 154px; background-color:#FFFFFF; list-style: none; display: none; padding-top:2px; }
#tools-panel li { font-size: 1.2em; font-weight: bold; line-height: 2.5em; padding-left: 10px; color: #CCC; }
#tools-panel a { text-decoration: none; color:#346082; }
#tools-panel a:hover { text-decoration: underline; }

/* OUTER TRANSPARENT BOX */
#content-holder { float:left; z-index: 2; margin-left: -200px;  position: relative; padding-top: 7px; width: 740px; background: url(../gfx/outer_top.png) top left no-repeat;  }
#content-mid { width: 720px; background: transparent url(../gfx/outer_mid.png) repeat scroll top left; padding: 0px 10px;  }
#content-mid-home {float: left;  width: 730px; background: transparent url(../gfx/outer_mid.png) repeat scroll top left; padding: 0px 0px 0px 10px;  }
#content-bot { height: 20px; width: 740px; background-image: url(../gfx/outer_bot.png); overflow:hidden;   }
#content-tail { clear: both; height: 120px; width: 730px; background: url(../gfx/bg_content_tail_wide.png) repeat-y top left; border-top: 1px dotted #FC3413; padding: 10px 0px 0px 10px; float: left; display:block; position: relative; z-index:100; }
#content-tail-left, #content-tail-right { width: 355px; float:left; overflow: hidden; z-index: 200; }
#content-tail-right { margin-left: 10px; }
#content-tail-bot { height: 20px; width: 740px; background: url(../gfx/content_tail_bot.png) no-repeat bottom right; float: left; display:block; position: relative; }
/* HOME PAGE CONTENT PADDING */
#home-content { float: left;  padding: 10px 0 0 10px; width: 720px;}
#welcome { float: left; border-top: 1px dotted #FFF; }
#hero { width: 353px; float: left; padding-right: 10px; padding-top: 20px; padding-left: 5px; }
#sections { width: 352px; float:left; }
#fincarousel .jcarousel-list { padding-top: 5px; }
/* LANDING PAGE INNER TRANSPARENT BOX */
#landing { float: left; width: 720px; background: transparent url(../gfx/land_bg_top.png) no-repeat top left; display: inline; padding-top: 8px; }
#landing-mid { float: left; width: 700px; background: transparent url(../gfx/land_bg_bot.png) repeat-x top left; color:#FFFFFF; display: inline; padding: 0px 10px;  }
/* LANDING PAGE BOX CONTAINER */
.landing-boxes { float: left; width: 700px; background: transparent url(../gfx/short_bg_top.png) no-repeat top left; display: inline; padding-top: 5px;  margin-bottom: 10px; }
.landing-boxes-bod { float: left; width: 680px; background: transparent url(../gfx/short_bg_mid.png) repeat scroll top left; padding: 5px 10px; }
.landing-boxes-bot { float: left; width: 700px; height:5px; background: transparent url(../gfx/short_bg_bot.png) no-repeat top left; display: inline; overflow: hidden; clear:both;   }
/* LANDING PAGE BLUE BOXES */
.landing-box-left { clear: left; display: block; float: left; width: 160px; background: transparent url(../gfx/bluebg_left_top.png) no-repeat top left;  padding-top: 5px; margin-right: 12px;}
.landing-box-mid { display: block; float: left; width: 160px; background: transparent url(../gfx/bluebg_mid_top.png) no-repeat top left; padding-top: 5px;  margin-right: 12px;}
.landing-box-right { display: block; float: left; width: 160px; background: transparent url(../gfx/bluebg_right_top.png) no-repeat top left;  padding-top: 5px; }
.landing-box-bod { float: left; width: 140px; background: transparent url(../gfx/bluebg_bot.png) repeat-x scroll top left; padding: 0px 10px;  }
/* LANDING PAGE CONTENT TAIL */
#landing-tail { height: 140px; width: 730px; background: url(../gfx/bg_content_tail_wide.png) repeat-y top left; border-top: 1px dotted #FFFFFF; padding: 0px 0px 0px 10px; position:relative; display: block; float: left; }
#landing-tail a { color: #FFFFFF; text-decoration: underline; }
#landing-tail a:hover { color: #346082;  }
#casestudy-carousel { height: 140px; width: 720px; position:relative; display: block; float: left; z-index: 101; }
#casestudy-carousel ul {  float:left; height: 140px; width: 720px; position:relative; }
#casestudy-carousel li { height: 140px; width: 720px; background: transparent url(../gfx/slider_bg.png) no-repeat top left;}
#casestudy-carousel img { float:left;  }
/* TABS */
#tabs #subpage-mid { padding: 10px 20px; width: 688px; }
#tabs { float: left; display:inline; margin:0; padding:0;  position: relative; width: 720px; }
.ui-tabs-nav { float: right; margin:0 20px 0 0; list-style: none; height:27px; }
.ui-tabs-nav li { float:left; font-weight: bold; display: block; width: 31px; height:19px;  padding-top: 8px; text-align: center;}
.ui-tabs-nav li.ui-state-default {  background: transparent url(../gfx/tab_link.png) no-repeat top left; }
.ui-tabs-nav li.ui-tabs-selected { background: transparent url(../gfx/tab_active.png) no-repeat top left;  }
.ui-tabs-selected a { color: #346082; text-decoration: none; }
.ui-tabs-nav li a { display: block; background: none;  }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* SUB PAGE INNER TRANSPARENT BOX */
#subpage { float: left; width: 728px; background: transparent url(../gfx/inner_top.png) no-repeat top left; display: block; padding-top: 10px; margin-left: -4px; margin-right: -4px; margin-top: -4px; }
#subpage-mid { float: left; width: 708px; background: transparent url(../gfx/inner_mid.png) repeat-y top left; color:#346082; display: block; padding: 0 10px; z-index: 100; position: relative;  }
#subpage-mid-content { float: left; width: 678px; background: transparent url(../gfx/inner_mid.png) repeat-y top left; color:#346082; display: block; padding: 10px 25px; z-index: 100; position: relative;  }
#subpage-bot { float: left; width: 728px; height:10px; background: transparent url(../gfx/inner_bot.png) no-repeat top left; display: block; overflow: hidden; clear:both;  }

/* ACCORDIAN */
#accordion { width: 688px; float: left; padding: 0 10px; }
#accordion div { display: block; width: 684px; padding-left:4px; overflow: hidden; clear: both; }
#subpage #accordion h2 { float: left; background: transparent url(../gfx/acc_bg.png) no-repeat top left; height: 32px; padding-left: 10px; padding-top: 8px; display: block; margin-top: 5px; margin-bottom: 5px; width: 674px;cursor:pointer; z-index:3; overflow: hidden; font-size: 1.4em; line-height: 1.2em; font-weight: bold; }
#subpage #accordion h2 a { float: left; display: block;  height: 32px; padding-right: 8px; color: #346082; cursor:pointer; z-index:5; overflow: hidden; padding-left: 15px; }
.ui-state-active a { background: transparent url(../gfx/icons.gif) no-repeat 0 -118px;  }
.ui-state-default a { background: transparent url(../gfx/icons.gif) no-repeat 0 -145px; }

/* SIDE BAR */
#sidebar-holder { margin-top:10px; width:210px; float:left; }
/* sub nav */
#subnav-top { background: url(../gfx/sub_nav_top.png) 0 0 no-repeat; width: 190px; height: 30px;  padding: 15px 10px 0 10px; overflow: hidden; }
#subnav-mid { float: left; width: 190px; background: url(../gfx/sub_nav_mid.png) 0 0 repeat-y; padding: 0 10px; line-height: 1.4em; display: inline; }
#subnav-bot { float: left; height: 10px; width: 210px; background: url(../gfx/sub_nav_bot.png) 0 0 no-repeat; overflow:hidden; margin-bottom: 8px; display: inline; }
#subnav-mid ul { list-style: none; margin:0; padding:0; }
#subnav-mid ul a { color: #346082; text-decoration: none; }
#subnav-mid ul a:hover { color: #6BADDF; text-decoration: underline; }
#subnav-mid li { font-size: 1.1em; margin-top: 3px; margin-bottom: 3px; }
#subnav-mid li.parent { font-weight: bold; }
#subnav-mid li li { font-weight: normal; background: transparent url(../gfx/arrow_grey.gif) no-repeat 0 5px; padding-left: 10px; }
#subnav-mid li li.active {  background: transparent url(../gfx/arrow_red.gif) no-repeat 0 5px; }
#subnav-mid .active a {  color: #DA2128; font-weight: normal; }
#subnav-mid li li li { font-weight: normal; background: none; padding-left: 10px; }
#subnav-mid .active li a { color: #346082; }
#subnav-mid li li li.active {  background: none; }
#subnav-mid ul ul { list-style: none; margin:0; padding:0; }
#subnav-mid ul ul li { font-size: 100%;  }
/* side blocks */
.sidebar { float: left; padding-top: 9px; width: 210px; background: url(../gfx/bg_sidebar_top.png) 0 0 no-repeat; overflow: hidden; display: inline; }
.sidebar-mid { float: left; width: 190px; background: url(../gfx/bg_sidebar_mid.png) 0 0 repeat-y; padding: 5px 10px; line-height: 1.4em; display: inline; }
.sidebar-bot { float: left; height: 10px; width: 210px; background: url(../gfx/bg_sidebar_bot.png) 0 0 no-repeat; overflow:hidden; margin-bottom: 8px; display: inline; }
#sidebar-holder img { float:left; }
.sidebar ul { position: relative; list-style: none; padding:0; margin:0; display:block; }
.sidebar ul a { color: #666; text-decoration: none; }
.sidebar ul a:hover { text-decoration: underline; }
.dlcentre { margin-bottom: 8px; }

/* FOOTER */
#footer-holder { margin-top:10px; width:740px; height:25px; float:left; padding-left: 30px; padding-bottom:30px; }
#footer-left { float: left; width: 7px; height: 25px; background: transparent url(../gfx/footer_left.png) no-repeat top left; }
#footer-mid { float: left;  width: 726px; height: 25px; background: transparent url(../gfx/footer_mid.png) repeat-x top left; color: #FFFFFF; line-height: 25px; }
#footer-right { float: left; width: 7px; height: 25px; background: transparent url(../gfx/footer_right.png) no-repeat top right; margin:0; }
#footer-mid a { color: #FFFFFF; text-decoration: none; }
#footer-mid a:hover { text-decoration: underline; }
#footer-mid ul { list-style-type: none; }
#footer-mid li { display: inline; padding-left: 10px; }

/* DIRECTORS CAROUSEL */
#directorcarousel { padding-left: 30px; width: 678px;  position: relative; }
#directorcarousel li { height:256px; width: 126px; position: relative; }
#directorcarousel li a { height:256px; width: 126px; position: relative; display:block; }
.col2dir_left { width: 366px; float:left; padding-right: 10px; }
.col2dir_right { width: 332px; float: left; }

/* DIRECTORS PAGE */
.directors { float: left; height: 220px; width: 160px; padding-right: 9px; }
.directors img, .bio { border: 1px solid #CCCCCC;  }
.bio { float:left; margin-right: 10px; margin-bottom:5px; }
.directors p { font-size: 1.1em; margin-bottom:0; padding-bottom: 2px; }

/* FLASH VIDEO LAYOUT */
.col2vid_left { width: 374px; float:left; }
#subpage .col2vid_left h2 { font-size: 1.4em; }
.quote { padding-left: 10px; width: 364px; }
#subpage .videofoot p { font-size: 1.1em; }
#transcript { display: none; clear:both; padding-left: 10px; width: 698px; }

/* DIRECTORS AND FLASH VIDEO BUTTONS */
#subpage-mid .col2dir_right ul { margin:0; }
.col2dir_right li { float: left; padding-top: 6px; width: 332px; background: url(../gfx/btn_top.png) 0 0 no-repeat; overflow: hidden; display: inline; }
.col2dir_right li a  { float: left; width:312px; background: url(../gfx/btn_mid.png) 0 0 repeat-y; padding: 5px 10px; line-height: 1.4em; display: inline; color: #000000; text-decoration: none; }
.col2dir_right li a span.vidicon { display: block; float:left; background: url(../gfx/video_icon_black.gif) 0 0 no-repeat; width: 25px; height: 19px; }
.col2dir_right li a.active  { color: #346082; }
.col2dir_right li a.active span.vidicon { display: block; float:left; background: url(../gfx/video_icon_blue.gif) 0 0 no-repeat; width: 25px; height: 19px; }
.col2dir_right li span.btn_bot { float: left; width: 332px; height: 6px; margin-bottom: 5px; background: url(../gfx/btn_bottom.png) 0 0 no-repeat;  display: inline; }

/* Text Styles */
h1 { font-size: 3.6em; color: #FFFFFF; font-weight: normal; padding-bottom: 10px; }
h2 { font-size: 1.4em; line-height: 1.4em; margin:0; padding:0; color: #6BADDF; display:block; }
h2.sidehead, .sidehead { font-size: 1.4em; line-height: 1.4em; color: #6BADDF; display:inline;  margin:0; padding:0; }
span.sidegrey { font-size: 1.3em; line-height: 1.4em; color: #666666; margin:0; padding:0;display:inline; }
.landing-box-bod h2 { color: #FFFFFF; font-size: 1.6em; padding-bottom: 5px; padding:0; margin:0; width: 140px; }
#subpage h2 { font-size: 1.8em; color: #346082; display: block; font-weight: bold; }
#subpage h3 { font-size: 1.4em; line-height: 1.4em; color: #346082; display: block; font-weight: bold; }
.bio h3 { font-size: 1.1em; color: #346082; padding-bottom: 5px; margin-bottom: 5px; display: block; }
.bio h3 span.jobtitle { font-weight: normal; }
.ui-state-hover { display: none; }
#subnav-top, #subnav-top a { font-size: 1.1em; color: #FFFFFF; text-transform: uppercase; }
#subpage-mid-content ul, #subpage-mid ul { margin-left: 20px;  padding-bottom: 0.6em; margin-bottom: 0.6em; }
#subpage-mid ul ul { padding-bottom: 0; margin-bottom: 0; }
#subpage-mid-content li, #subpage-mid li { font-size: 1.4em; line-height: 1.4em; }
#subpage-mid li li, td p, td td { font-size: 100%; line-height:100%; }
p, td { font-size: 1.4em; line-height: 1.4em; padding-bottom: 0.6em; margin-bottom: 0.6em; }
td { vertical-align: top; }
td.plineheight { line-height: 1.4em; }
.landing-box-bod p, #subpage-mid-content .landing-box-bod li { color: #346082; font-size: 1.0em; }
.landing-box-bod p.smallsifr  { color: #FFF; font-size: 1.1em; margin-bottom:0; padding-bottom:0; }
#hero p { color: #346082; font-size: 2.4em; font-weight: bold; }
th sup { line-height: 1.4em; }

span.sidehead a.sifrlink { color: #6BADDF; position: relative; cursor: pointer; text-decoration: none; font-weight:bold; }

a { color: #6BADDF; position: relative; cursor: pointer; }
a:hover { color: #346082; cursor: pointer;  }

#subpage-mid-content table { margin: 0 0 20px 0; }
#subpage-mid-content form { margin: 10px 0; }
#finalquestion { display: none; }

hr { color:#346082; background-color: #346082;; height: 1px; border:0; margin-bottom: 10px; }

/* FINANCIAL TABLE STYLES */
.fintable {  width:100%; margin-bottom: 20px; }
.fintable caption { font-size: 1.8em; line-height: 1.8em; color: #346082; font-weight: bold; text-align:left; }
.fintable thead { font-size: 1.2em;  }
.fintable th  { margin:0;  }
.fintable tbody th  { font-size: 1.4em;  }
.fintable tbody td sup  { font-size: 0.7em;  }
.fintable td, .fintable th { padding: 4px 2px; }
.fintable td.noleftpad { padding-left:0; }
.fintable td.norightpad { padding-right:0; }
.fintable .underline td, .fintable .underline th, .fintable th.underline, .fintable td.underline { border-bottom: 1px solid #346082; }
.fintable .total td, .fintable .total th { border-bottom: 2px solid #346082; border-top: 1px solid #346082; }
.fintable tfoot td { font-size: 1.1em;  }

/* KPI TABLE STYLES */
.kpitable { padding-top: 2px; }
.kpitable td { font-size: 1.1em; padding-top: 2px; }
.kpitable td td, #subpage-mid-content .kpitable td li  { font-size: 100%; }
tr.underlinedot td { border-bottom: 1px dotted #346082; }
tr.kpihead th { font-size: 1.2em; padding-bottom: 2px; font-weight: bold; border-bottom: 1px dotted #346082; text-align: left; }
.kpimid { padding: 0 10px; }
tr.kpibig td { font-size: 1.4em; width: 25%; }
.kpitable table { width: 190px; }

tr.dot_top td, tr.dot_top th { border-top: 1px dotted #346082; }
tr.dot_bot td, tr.dot_bot th { border-bottom: 1px dotted #346082; }

.risktable th { text-align: left; font-size: 1.2em; padding: 2px 1px; }
.risktable td { text-align: left; font-size: 1.1em; padding: 2px 1px; }
#subpage-mid .risktable td ul { padding:0; margin:0 0 0 20px; }
#subpage-mid .risktable td li { font-size: 100%; }

/* FEEDBACK */
.feedh2 { display: inline; float:left; }
.feedinput { display: inline; border: 1px solid #7F9DB9; margin-left: 10px; margin-top: 5px; }

/* SITEMAP */
.sitemap a { color: #346082; text-decoration: none; }
#subpage-mid-content .sitemap, #subpage-mid-content .sitemap ul { margin: 0; }
#subpage-mid-content .sitemap li { font-size: 20px; font-weight: normal; list-style: none; line-height: 1.8em; }
#subpage-mid-content .sitemap li li  { margin-left: 30px; font-size: 14px; font-weight: bold; line-height: 1.4em; }
#subpage-mid-content .sitemap li li li  { font-weight: normal; background: transparent url(../gfx/arrow_bullet.gif) no-repeat 0 7px; padding-left: 15px; }

/*SEARCH */
.col_layout { width: 100%; }
.col3_left { float: left; width: 30%; }
.col3_mid { float: left; width: 39%; text-align: center; }
.col3_right { float:left; width: 30%; text-align:right; }

/* BUTTONS PAGE LAYOUT */
#buttons { width: 678px; }
#buttons_left, #buttons_right { float: left; width: 332px; }
#buttons_right { padding-left: 14px;  }
#buttons ul { margin-left: 0; }
#buttons li { float: left; padding-top: 6px; width: 332px; background: url(../gfx/btn_top.png) 0 0 no-repeat; overflow: hidden; display: inline; font-size: 1.4em; }
#buttons li a  { float: left; width:312px; background: url(../gfx/btn_mid.png) 0 0 repeat-y; padding: 5px 10px; line-height: 1.4em; display: inline; color: #346082; text-decoration: none; font-weight:bold; }
#buttons li a:hover { text-decoration: underline; }
#buttons li span.btn_bot { float: left; width: 332px; height: 6px; margin-bottom: 5px; background: url(../gfx/btn_bottom.png) 0 0 no-repeat;  display: inline; }

/* Icon Styles */
.readmore { background: transparent url(../gfx/icons.gif) no-repeat 0 -199px; padding-left: 10px; line-height: 1.0em;  }
span.readmore { background: transparent url(../gfx/icons.gif) no-repeat 0 -199px; }
.top { background: transparent url(../gfx/icons.gif) no-repeat 0 -222px; padding-left: 10px; font-size: 1.1em; }
.pdf_big { background: transparent url(../gfx/icons.gif) no-repeat 0 0; padding-left: 30px; line-height: 2.5em; margin-top:3px;  }
.pdf { background: transparent url(../gfx/icons.gif) no-repeat 0 -44px; padding-left: 30px; line-height: 1.0em; line-height: 1.8em; margin-top:3px;  }
.xls { background: transparent url(../gfx/icons.gif) no-repeat 0 -83px; padding-left: 30px; line-height: 1.0em; line-height: 1.8em; margin-top:3px;  }

/* Tooltip */
.cluetip-default div#cluetip-close { 
  position:absolute;
  font-weight:bold;
  top:15px;
  right:5px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}