/* ** 1.0 GRID SECTION ** 1.1 GENERIC SELECTORS ** 1.2 PRINT ** 1.3 TOP ** 1.4 SHORTCUTBOX ** 1.5 SEARCH ** 1.6 TOOLBAR ** 1.7 TABS IN A AND C AREA ** 1.8 MENU ** 1.9 BTC // Updated 2 March 2006, removed margins from css and added space via html instead ** 1.10 TEXT ELEMENTS ** 1.11 LINK LISTS ** 1.12 IMAGES ** 1.13 ILLUSTRATIONS ** 1.14 ICONS ** 1.15 FORMS ** 1.16 CODE EXAMPLES ** 1.17 LISTS ** 1.18 TABLES ** 1.19 BOXES ** 1.20 BARS ** 1.21 2 COLUMS IN C AREA ** 1.22 POPUPS ** 1.23 LIFE EVENTS ** 1.24 ADVICE AND GUIDANCE ** 1.25 CONTEXTUAL NAVIGATION ** 1.26 EXTRAS - added by Mondo, should be cleaned. */ html, body, div, form {margin: 0; padding: 0;} body {background: #d9d5be; font: 76% Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif; /* Lucida is for Linux */ text-align: center;} /* ************** 1.0 GRID SECTION - fill in with padding, margins, borders and so on. ******************* */ #wrap {background: #fff url(/sitemod/upload/Root/eGuidelines/stylesheets/images/bLine_v1-0-0.gif) 154px 110px no-repeat; width: 760px; text-align: left; margin: 0 auto;}/* The margin auto is for Moz to center the wraper. */ #logo {background: #005284 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/nordea_logo_v1-0-0.gif) no-repeat; width: 85px; height: 36px; overflow: visible;} #search {margin: 10px 10px 0 0; text-align: right;} #solo {padding: 5px 10px 0 0; text-align: right;} #mainNavigation {float: left; width: 100%; background: #e4e3e3 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_bg_v1-0-0.gif) repeat-x bottom; line-height: normal;} #tabs {font-family: arial, sans-serif;} #toolbar {text-align: right; padding: 8px 0 0 0; margin: 0 5px 0 0;} #container {margin-top: 0; padding: 17px 0 0; min-height: 400px; height: 400px;} #toolbarHolder {margin: 0 10px 0 10px; font-size: 90%;} html>body #menu {font-size: 95%;} /* for Opera SHOULD WE USE THIS ONE */ #content {padding: 0; margin: 0;} #breadCrumbTrail {padding: 0 0 0 10px; color: #999; margin: 0;} #mainContent {padding: 0 10px 0 9px; margin: 0;} #relatedContent {margin-top: 3.9em; padding: 0 10px 0 10px;} #footer {padding: 25px 0 5px 25px; margin: 0 0 0 150px ; font-size: 0.9em; color: #999; background: #fff url(/sitemod/upload/Root/eGuidelines/stylesheets/images/footer_v1-0-0.gif) 6px 0 no-repeat;} #footer a {color: #999;} /* Outer sections - leave these with nothing more than floats and widths. */ /* Common for all grids*/ .cp1col #topOut, .cp2col #topOut, .fp1col #topOut, .fp2col #topOut {width: 760px;} .cp1col #logoOut, .cp2col #logoOut, .fp1col #logoOut, .fp2col #logoOut {width: 380px; float: left;} .cp1col #searchOut, .cp2col #searchOut, .fp1col #searchOut, .fp2col #searchOut {width: 380px; float: right;} .cp1col #mainNavigationOut, .cp2col #mainNavigationOut, .fp1col #mainNavigationOut, .fp2col #mainNavigationOut {width: 760px; clear: both;} .cp1col #toolbarOut, .cp2col #toolbarOut, .fp1col #toolbarOut, .fp2col #toolbarOut {float: right;} /* more definitions are in local file */ .cp1col #tabsOut, .cp2col #tabsOut, .fp1col #tabsOut, .fp2col #tabsOut {float: left;} /* more definitions are in local file */ .cp1col #containerOut, .cp2col #containerOut, .fp1col #containerOut, .fp2col #containerOut {width: 760px; clear: both;} .cp1col #footerOut, .cp2col #footerOut, .fp1col #footerOut, .fp2col #footerOut {width: 760px; clear: both;} .cp1col #relatedContent0ut, .cp2col #relatedContent0ut, .fp2col #relatedContent0ut {width: 188px; float: right; overflow: hidden;} /* overflow makes the D area stay in place even if the content is too wide */ /* ******** TWO COLUMN DESIGN ***************/ .cp2col #menuOut, .cp2col #menu-out {width: 156px; float: left;} .cp2col #contentOut {width: 603px; float: right;} .cp2col #breadCrumbTrailOut {width: 603px;} .cp2col #mainContentOut {width: 415px; clear: both; float: left; overflow: hidden;} /* ******** ONE COLUMN DESIGN ***************/ .cp1col #menuOut {width: 156px; float: left;} .cp1col #contentOut {width: 604px; float: right;} .cp1col #breadCrumbTrailOut {width: 604px;} .cp1col #mainContentOut {width: 604px; clear: both; float: left; overflow: hidden;} .cp1col #relatedContent0ut {display: none;} /* ******** FRONTPAGE TWO COLUMN DESIGN ***************/ .fp2col #wrap {background: #fff; background-image: none;} .fp2col #footer {background: 0; margin: 20px 10px 0 10px; font-size: 0.9em; border-top: 1px solid #779abc; padding: 5px 0 5px 0; background-image: none;} .fp2col #relatedContent {margin-top: 0 !important;} .fp2col #mainContent {padding: 0 35px 0 45px; margin-top: 0;} .fp2col #container {background-image: none;} .fp2col #contentOut {width: 760px; float: right; padding-top: 17px;} .fp2col #mainContentOut {width: 572px; clear: both; float: left; overflow: hidden;} .fp2col #footer address {font-style: normal; margin-left: 10px;} /* ******** FRONTPAGE ONE COLUMN DESIGN ***************/ .fp1col #wrap {background: #fff; background-image: none;} .fp1col #footer {background: 0; margin: 20px 10px 0 10px; font-size: 0.9em; border-top: 1px solid #779abc; padding: 5px 0 5px 0; background-image: none;} .fp1col #relatedContent {margin-top: 0 !important;} .fp1col #mainContent {padding: 0 35px 0 45px; margin-top: 0;} .fp1col #container {background-image: none;} .fp1col #contentOut {width: 760px; float: right; padding-top: 17px;} .fp1col #mainContentOut {width: 760px; clear: both; float: left; overflow: hidden;} .fp1col #footer address {font-style: normal; margin-left: 10px;} /* ********* 1.1 GENERIC SELECTORS ************ */ .nowrap {white-space: nowrap !important;} .nodisplay {display: none;} .enclose {clear: both; border: 0 !important;} .floatleft {float: left;} .floatright {float: right;} .alignright {text-align: right !important;} .alignleft {text-align: left !important;} .aligncenter {text-align: center !important;} .asterix {color: #c60; cursor: help;} .line {border-top: 1px solid #779abc; width: 100%; height: 1px; margin: 20px 0 0 0; padding: 0; clear: both;} .hide {display: none !important;} .noborder {border: 0 !important;} .smaller {font-size: 95%; margin: 0;} .larger {font-size: 105%; margin: 0;} .paddingtop {margin-top: 20px; display: block;} .paddingbottom {padding-bottom: 20px; display: block;} .paddingtopbottom {padding-bottom: 20px; padding-top: 20px; display: block;} .middle {vertical-align: middle !important;} .bottom {vertical-align: bottom !important;} .top {vertical-align: top !important;} /* ********* 1.2 PRINT **************** */ #topPrint, #footerPrint, #statement, #accessibility-statement {display: none;} /* ********* 1.3 TOP *************** */ #top {background-color: #005284; height:36px; background-image: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/brand_area_illu_v1-0-0.gif); background-repeat: no-repeat; background-position: 256px -3px;} /* long version because of opera */ #top img {margin: 0;} #logo img {margin: 8px 0 0 18px !important;} /* ******** 1.4 SHORTCUTBOX ************** */ #shortcutbox {position: absolute; left: -9999px; font-size: small;} #shortcutbox a:focus, #shortcutbox a:hover #shortcutbox a:active {display: block; position: absolute; top: 0; left: 10420px; background: #fff; border: 1px solid #c60; padding: 9px; width: 22em; z-index: 1;} /* ******** 1.5 SEARCH ************** */ #search input {text-align: left; margin: 0 6px 0 0; width: 19em; font-size: 0.9em;} * html #search input {margin: 0 10px 0 0;} /* for ie */ @media all and (min-width: 0px){#search input {margin: 0 5px 2px 0;}} /*for opera */ #search button {margin: 0 !important; float: none; display: inline;} /* ********* 1.6 TOOLBAR ************* */ #toolbar img {margin: 0 0 -1px 0px !important; vertical-align: middle; background: transparent;} #toolbar span {margin: 0; padding: 0 0 0 6px; border-right: 1px solid #779abc/*#005284*/; vertical-align: middle;} #toolbar a {font-size: 0.9em; white-space: nowrap; color: #000; text-decoration: underline; padding: 0 6px 0 0 !important; display: inline; margin: 0 0 0 5px;} #toolbar a:hover {text-decoration: none;} #toolbar .default {font-weight: normal; padding: 2px 0px 5px 6px;} #toolbar .defaultHover {font-weight: normal; padding: 2px 0px 5px 5px; background-color:#e5eaef; border: solid 1px #779abc;} #toolbar .login {font-weight: bold; padding: 2px 0px 5px 6px;} #toolbar .loginHover {font-weight: bold; padding: 2px 0px 5px 5px; background-color:#e5eaef; border: solid 1px #779abc;} #toolbar .nodivider {border: 0; padding: 0 0 0 6px !important;} .toolBarDropdown {padding: 2px 5px 10px 10px; position: absolute; left: -5000px; top: 0px; background-color:#e5eaef; width:166px; border: solid 1px #779abc; text-align:left} .toolBarDropdown strong {font-size: 1em; display: block !important; margin: 0 !important;} .toolBarDropdown a {text-decoration:none !important; font-size: 1em; display: block !important; margin: 8px 0 2px !important;} .toolBarDropdown a:hover {text-decoration:underline !important;} .toolBarFillDropdown {color: #005284; padding: 0px; position: absolute; left: -5000px; top: 0px; width: 10px; height: 7px; overflow: hidden; background-color: #e5eaef; border-left: solid 1px #779abc; border-right: solid 1px #779abc;} .emptytablist {height: 14px;} /* ********* 1.7 TABS IN A AND C AREA ************* */ #tabs ul, .tabsC ul {margin: 0; padding: 10px 10px 0; list-style: none;} #tabs li, .tabsC li {display: inline; float: left; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_l_v1-0-0.gif) no-repeat left top; margin: 0; padding: 0 0 0 9px; border-bottom: 1px solid #779abc; list-style: none; white-space: nowrap;} #tabs a, .tabsC a {display: block; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_r_v1-0-0.gif) no-repeat right top; font-size: 12px !important; font-family: Arial, Verdana, sans-serif; padding: 5px 10px 3px 1px; text-decoration: none !important; color: #000 !important;} #tabs a:hover, .tabsC a:hover {text-decoration: underline !important;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a, .tabsC a {float: none;} /* End IE5-Mac hack */ #tabs .current, .tabsC .current {background-image: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_l_on_v1-0-0.gif); border-width: 0;} #tabs .current a, .tabsC .current a {background-image: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_r_on_v1-0-0.gif); color: #000; padding-bottom: 4px; font-weight: bold;} /* #tabs #home li {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_l_home_v1-0-0.gif) no-repeat left top; padding: 0 0 0 25px;} #tabs #home .current {background-image: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_l_home_on_v1-0-0.gif); border-width: 0;} */ #tabs .home {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_l_home_v1-0-0.gif) no-repeat left top !important; padding: 0 0 0 25px !important;} #tabs .currenthome {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_l_home_on_v1-0-0.gif) no-repeat left top !important; padding: 0 0 0 25px; border-width: 0 !important;} #tabs .currenthome a {background-image: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/tab_r_on_v1-0-0.gif); padding-bottom: 4px !important; border-width: 0 !important; font-weight: bold;} /* tabs in C area */ .tabsC {float: left; width: 100%; background: #fff url(/sitemod/upload/Root/information_model/tabC_bg_v1-0-0.gif) repeat-x bottom; line-height: normal; margin-bottom: 10px; clear: both !important;} * html .tabsC {float: none;} /* for ie */ .tabsC li {background-image: url(/sitemod/upload/Root/information_model/tabC_l_v1-0-0.gif);} .tabsC a {background-image: url(/sitemod/upload/Root/information_model/tabC_r_v1-0-0.gif);} .tabsC .current {background-image: url(/sitemod/upload/Root/information_model/tabC_l_on_v1-0-0.gif); font-weight:bold;} .tabsC .current a {background-image: url(/sitemod/upload/Root/information_model/tabC_r_on_v1-0-0.gif); font-weight:bold;} .tabsC ul {margin: 0 !important; padding: 10px 10px 0; list-style: none;} .tabsC li {font: 1.0em Arial, Verdana, sans-serif; float: left; line-height: 1.2em; background: url(/sitemod/upload/Root/information_model/tabC_l_v1-0-0.gif) no-repeat left top; margin: 0; padding: 0 0 0 9px; border-bottom: 1px solid #779abc; list-style: none; white-space: nowrap;} .tabsC a {float: left; display: block; background: url(/sitemod/upload/Root/information_model/tabC_r_v1-0-0.gif) right top no-repeat; padding: 5px 10px 4px 1px; text-decoration: none !important; color: #000 !important;} .tabsC a:hover {text-decoration: underline !important;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabsC a {float: none;} /* End IE5-Mac hack */ .tabsC .current {background-image: url(/sitemod/upload/Root/information_model/tabC_l_on_v1-0-0.gif); border-width: 0; font-weight:bold;} .tabsC .current a {background-image: url(/sitemod/upload/Root/information_model/tabC_r_on_v1-0-0.gif); color: #000; padding-bottom: 5px; font-weight: bold;} /* container for tabbed content in c-area */ .tabsContent {float: left; clear: both; width: 100%;} .tabbox {border: 1px solid #779abc; border-width: 0 1px 1px 1px; margin: 0 0 20px 0; padding: 5px} * html .tabbox {padding: 5px 5px 0 5px;} /* for ie */ /* ****************** 1.8 MENU *********************** */ #menuOut {overflow: hidden;} #toolbarHolder * {background-repeat: no-repeat !important;} /* this and all the other redundant instances of this are for Safari 1.03 */ #toolbarHolder ul {margin: 0; padding: 0; list-style: none !important;} #toolbarHolder li {list-style: none !important; position: relative; margin: 0 0 4px; padding: 0;} #toolbarHolder ul ul {margin-left: 0px;} #toolbarHolder a {display: block; padding: 3px 10px 3px 3px; border-width: 1px; border-style: solid; text-decoration: none; color: #000; margin: -3px 0 0px !important;} /*#toolbarHolder a:hover {border: solid 1px #779abc !important; background: #e5eaef !important; color: #000 !important;}*/ #toolbarHolder div {padding: 4px;} #toolbarHolder span {height:10px;} #toolbarHolder .parentItem {font-weight: bold; color: #036 !important; background-repeat: no-repeat !important; background:#fff url(/sitemod/upload/Root/eGuidelines/stylesheets/images/arrowleft_brand_blue_8x11_v1-0-0.gif) right top no-repeat;} #toolbarHolder .parentItem:hover {border: solid 1px #779abc !important; font-weight: bold; color: #036; background:#e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/arrowleft_brand_blue_8x11_v1-0-0.gif) right top no-repeat !important; background-repeat: no-repeat !important;} #toolbarHolder .currentParentItem {font-weight: bold; color: #036; padding: 5px 4px 6px; border-width: 0; border-top: 1px solid #779abc; border-bottom: 1px solid #779abc; margin: 2px 0 10px !important;} .selected {color: #c60 !important; font-weight: bold; padding: 3px 10px 3px 3px; margin: -3px 0 0px !important;} a.selected:hover {border: solid 1px #779abc !important; background: #e5eaef !important; color: #c60 !important; font-weight: bold;} .currentParentItem .selected {margin-left: -3px !important;} /* Needed for IE/Win bugs \*/ * html #toolbarHolder a {position: relative;} * #toolbarHolder ul ul a:visited, * #toolbarHolder ul ul a:active {color: #000;} * html #toolbarHolder li {height: 1px;} * html #toolbarHolder ul ul li div {margin-bottom: px;} /* do not touch this comment, too */ .subIndicator {position: absolute; top: 6px; right: 3px; width: 5px; height: 9px; background-repeat: no-repeat !important; overflow: hidden;} .toolbarNormal a {border-color:#fff; background: #fff; color: #000;} .toolbarNormal .subIndicator {background-position: 0 0;} ul ul .toolbarOver a {border-color: #779abc; background: #e5eaef; color: #000 !important;} ul .toolbarOver a {border-color: #779abc; background: #e5eaef; color: #005284 !important;} .toolbarOver,.cascadeNoArrow:hover {border: solid 1px #779abc !important; background: #e5eaef !important; color: #000 !important;} .toolbarOverArrow, .cascadeArrow:hover {border: solid 1px #779abc !important; color: #000 !important; background-repeat: no-repeat !important; background:#e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/arrowleft_brand_blue_8x11_v1-0-0.gif) right top no-repeat !important;} .toolbarOver .subIndicator {background-position: 0 -9px;} /* ****************** Cascade ************************ */ div.cascadeMenu {margin: 0; padding: 3px; padding-top: 2px; width: 150px; border: solid 1px #779abc; text-align:left; position:absolute; z-index:2000; background-color: #f2f5f7; -moz-box-shadow:2px 2px 2px gray;-webkit-box-shadow:2px 2px 2px gray;box-shadow:2px 2px 2px gray;} div.cascadeMenu ul {margin: 0; padding: 0; list-style: none !important;} div.cascadeMenu li {list-style: none !important; position: relative; margin: 0; padding: 0;} /*.cascadeMenu ul ul {margin-left: 0px;}*/ div.cascadeMenu a {display: block; text-decoration: none !important; padding: 3px 10px 3px 3px; border: solid 1px #f2f5f7; background-color: #f2f5f7; text-decoration: none; color: #000 !important; width:90%; font-size: 0.9em;} div.cascadeMenu a:visited {color: #000 !important;} .cascadeArrow {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/arrowright_light_8x11_v1-0-0.gif) right top no-repeat !important; text-decoration: none !important;} /* this class does not work in NS 7.01 */ .cascadeNoArrow { text-decoration: none !important; } /* ****************** 1.9 BTC ************************ */ #breadCrumbTrail a:link, #breadCrumbTrail a:visited, #breadCrumbTrail a:active {font-size: 0.9em; color: #999; text-decoration: underline; margin: 0;} #breadCrumbTrail a:hover {text-decoration: none;} #breadCrumbTrail strong {font-size: 0.9em; margin: 0;} /* ***************** MAIN AND RELATED CONTENT ********************** */ /* **************** 1.10 TEXT ELEMENTS ********************* */ h1, h2, h3, h4 {font-weight: bold;} h1 {font-size: 1.4em; margin: 5px 0 20px 0;} h2 {font-size: 1.2em; margin: 17px 0 3px 0;} h3 {font-size: 1.1em; margin: 0;} h4 {font-size: 1em; margin: 0;} h2 a, h3 a, h4 a {text-decoration: underline !important;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: none !important;} p {font-size: 1.0em; margin: 0 0 10px 0; line-height: 1.3em;} p.preamble {margin: 0 0 10px 0;} strong {font-weight: bold;} a, a:link, a:active, a:hover {color: #005284; text-decoration: underline;} a:visited {color: #603;} address {font-style: normal;} acronym, span.abbr, abbr {border-bottom: 1px dotted #779abc; cursor: help;} /* span.abbr is for ie, see js file */ hr {clear: both; text-align: right; width: 100%; height: 1px; color: #779abc; border: none; margin: 10px 0 10px 0;} /* For ie6 */ html > body hr {clear: both; margin: 10px 0 10px 0 !important; width: 100%; height: 1px; background-color: #779abc; border: none;} /* For Gecko-based browsers */ /* ************ 1.11 LINK LISTS *************** */ .listlink {text-align: right; clear: both; margin: 10px 0 10px 0;} .listlink a, .listlink a:link, .listlink a:active, .listlink a:hover {color: #005284; text-decoration: underline;} .listlink a:visited {color: #005284;} .listlink strong {color: #c60;} /**************** 1.12 IMAGES ******************/ a img {border: 0;} img {margin:0 !important; border-color: #779abc !important;} img.floatleft {float: left; margin: 0 10px 10px 0 !important; border: 1px solid #779abc;} .popup {margin: 0 0 0 5px !important; padding: 0;} .boxb1 img, .boxg1 img, .boxd1 img, .boxb2 img, .boxg2 img, .boxd2 img, .boxi2 img {margin: -5px -5px 5px -5px !important;} .img {margin: 0 0 10px 0; border: 1px solid #779abc;} /* clickable images with no border */ .noborder {border: 0 !important;} /*************** 1.13 ILLUSTRATIONS ***************/ .illustrationb1, .illustrationg1, .illustrationd1 {float: left; margin: 0 10px 10px 0 !important; width: 53px; height: 53px; border: 1px solid #779abc;} .boxb1 .illustrationb1, .boxg1 .illustrationb1, .boxd1 .illustrationb1, .boxb2 .illustrationb1, .boxg2 .illustrationb1, .boxd2 .illustrationb1 {margin: 0 5px 0 0 !important;} /* This will only fix the blue icons in boxes */ .illustrationb1 {border-color: #779abc; background: #e5eaef;} /* Brand Blue */ .illustrationg1 {border-color: #999; background: #e4e3e3;} /* Cool grey */ .illustrationd1 {border-color: #968f69; background: #d9d5be;} /* Dust green */ /************ 1.14 ICONS ***********************/ .iconn1 {width: 15px; height: 12px; margin: 2px;} .iconb1, .icong1, .icond1 {width: 15px; height: 12px; border: 1px solid #779abc; padding: 2px; margin: 2px;} .iconb2, .icong2, .icond2 {width: 30px; height: 24px; border: 1px solid #779abc; float: left; margin: 0 10px 0 0 !important;} .iconb1, .iconb2 {border-color: #779abc; background: #e5eaef;} .icong1, .icong2 {border-color: #999; background: #e4e3e3;} .icond1, .icond2 {border-color: #968f69; background: #d9d5be;} .iconb1:hover, .iconb2:hover {background: #ccd8de;} .icong1:hover, .icong2:hover {background: #ccc;} .icond1:hover, .icond2:hover {background: #c5bc89;} .boxb1 .iconb1, .boxg1 .iconb1, .boxd1 .iconb1, .boxb2 .iconb1, .boxg2 .iconb1, .boxd2 .iconb1 {margin: 0 5px 0 0 !important;} /* This will only fix the blue icons in boxes */ .baricon {float: right; padding: 8px 10px 0 0; margin: 0;} /* When icon is in a box */ caption img {float: right; padding: 1px ; margin: 0 5px 0 0 !important; border: 1px solid #779abc !important; background: #e5eaef; width: 13px !important; height: 10px !important;} caption img:hover {background: #ccd8de} /* ****************** 1.15 FORMS **************** */ fieldset {margin: 0; padding: 0; border: none; width: 100%;} legend {margin: 0; padding: 0; display: none;} fieldset fieldset legend {font-weight: bold; padding: 0 0 0 5px; display: block;} * html fieldset fieldset legend {padding: 0;} /* for ie */ input, textarea, select {font: 1.0em Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;} .formgroup {margin: 5px 0 5px 0;} .labelL {text-align: right; width: 100px; float: left; padding: 0.2em; margin: 0; margin-top: 0.3em;} .textfield, .textarea, .select {margin: 5px 5px 5px 6px; font: 1.0em Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;} .textfield, .textarea {width: 17em;} .select {width: 17.3em;} * html .select {width: 17.5em;} /* ie */ .checkbox {margin-left: 104px; text-align: right; padding: 0;} * html .checkbox {margin-left: 108px;} /* for ie */ .radio {margin-left: 102px; text-align: right; padding: 0;} * html .radio {margin-left: 107px;} /* for ie */ .formbar1 {background: #e5eaef; font-size: 1.0em; margin: 0; padding: 2px 0 2px 5px; border-bottom: 1px solid #779abc;} .formborder1 {border: 1px solid #779abc; border-width: 0 1px 1px 1px;} .fotnote {margin: 10px 0 0 0;} .fotnote p {margin: 0;} fieldset img {padding: 0 0 4px 0;} .help {vertical-align: top; line-height: 4px} /* complex forms (in tables) */ .complexform {} .complexform td {padding: 3px} .complexform label {line-height: 20px; vertical-align: middle;} /* buttons */ .buttongroup {display: block; float: right; margin: 10px 10px 10px 0; clear: both} * html .buttongroup {margin-right: 5px} /* for ie6 */ button {padding: 1px 3px 1px 3px; margin: 0 0 0 10px; font: 0.9em Verdana, Arial, Tahoma, Lucida, Helvetica, Sans-serif; background-color: #e5eaef; border: solid 1px #779abc; border-width: 1px 2px 2px 1px; text-align: center !important; cursor: pointer;} /* display: inline; Display is for Safari, removed because it screws up IE 5 mac */ * html button {padding: 0px 3px 0px 3px;} .ok {width: 4em;} button:hover {background: #ccd8de} .accelerator {text-decoration: underline; font-style: normal;} /* ************* 1.17 LISTS ************** */ ul {margin: 0 0 20px 20px; padding: 0;} ol {margin: 0 0 20px 24px; padding: 0; list-style: decimal-leading-zero;} ol ol {margin: 0 0 14px 24px; list-style: upper-alpha;} ul ul {margin-bottom: 0;} ul li {list-style-type: disc;} li {margin: 5px 0 5px 0; padding: 0;} .portrait {list-style-type: none; margin: 0 0 20px 0; padding: 0;} .portrait li {list-style-type: none; margin: 0 0 4px 0; padding: 0;} /* **************** 1.18 TABLES *********************** */ /* First the common selectors, had to add #container becuase if css collsion with the menu css */ /* Do not remove the #content, it makes the cascade not work in ie */ #content table {border-width: 1px; margin: 20px 0 10px 0; border-collapse: collapse; width: 100%;} #content caption {padding: 3px 5px 3px 5px; text-align: left; font-weight: bold; height: auto; margin: 10px 0 0 0} #content @media all and (min-width: 0px){caption {padding: 3px 5px 2px 5px;}} /* for opera */ #content th {text-align: left; padding: 2px 5px 2px 5px; vertical-align: bottom;} #content td {text-align: left; vertical-align: top;} #content tfoot {font-weight: bold;} #content th.vertical {vertical-align: top; background: #fff !important;} #content table td div {padding-bottom: 10px;} .tableb1 td, .tableb2 td, .tableb3 td, .tableb4 td, .tableg1 td, .tableg2 td, .tableg3 td, .tableg4 td, .tabled1 td, .tabled2 td, .tabled3 td, .tabled4 td {padding: 2px 5px 2px 5px;} table td img {margin-top: 5px;} /* this seems silly (to turn links black) td a {color: #000;}*/ .tablew1 caption {padding: 0 0 5px 0;} .tablew1 table {width: 100%; border: 0;} .tablew1 th {padding: 0;} .tablew1 td {padding: 0;} /* COLUMNS HEADING SORTING */ /* deprecated - see "sortable tables" in screen_local.css */ th a, th a:link, th a:visited, th a:active {color: #000; text-decoration: none;} th a:hover {text-decoration: underline;} th img {margin: 0; padding: 0 0 0 5px;} /* Then the color specific selectors */ /* b = blue , g = grey , d = dust green , i = intranet brown , w = white , 1-3 is the variations */ /*Blue table*/ .tableb1 {border: 1px solid #779abc;} .tableb1 caption {background: #ccd8de;} .tableb1 th {background: #e5eaef;} .tableb1 tr.odd {background: #e5eaef;} /*Blue table with boxes*/ .tableb2 {border: 1px solid #779abc; border-width: 1px 0 0 1px;} .tableb2 caption {background: #ccd8de;} .tableb2 th {background: #e5eaef; border-right: 1px solid #779abc; border-bottom: 1px solid #779abc;} .tableb2 tr.odd {background: #e5eaef;} .tableb2 td {border: 1px solid #779abc; border-width: 0 1px 1px 0;} /*Blue table with lines*/ .tableb3 {border: 1px solid #779abc; border-width: 1px 1px 0 1px;} .tableb3 caption {background: #ccd8de;} .tableb3 th {background: #e5eaef; border: 1px solid #779abc; border-width: 0 0 1px 0;} .tableb3 tr.odd {background: #e5eaef;} .tableb3 td {border: 1px solid #779abc; border-width: 0 0 1px 0;} /*Blue table with no outline */ .tableb4 {border: 0;} .tableb4 caption {display: none;} .tableb4 th {background: #e5eaef; border: 1px solid #779abc; border-width: 0 0 1px 0;} .tableb4 td {border-bottom: 1px solid #e5eaef;} /*Grey table*/ .tableg1 {border: 1px solid #999;} .tableg1 caption {background: #ccc;} .tableg1 th {background: #e4e3e3;} .tableg1 tr.odd {background: #e4e3e3;} /*Grey table with boxes*/ .tableg2 {border: 1px solid #999; border-width: 1px 1px 0 0;} .tableg2 caption {background: #ccc;} .tableg2 th {background: #e4e3e3; border: 1px solid #999; border-width: 0 0 1px 1px;} .tableg2 tr.odd {background: #e4e3e3;} .tableg2 td {border: 1px solid #999; border-width: 0 0 1px 1px;} /*Grey table with lines*/ .tableg3 {border: 1px solid #999; border-width: 1px 1px 0 1px;} .tableg3 caption {background: #ccc;} .tableg3 th {background: #e4e3e3; border: 1px solid #999; border-width: 0 0 1px 0;} .tableg3 tr.odd {background: #e4e3e3;} .tableg3 td {border: 1px solid #999; border-width: 0 0 1px 0;} /*Dust green table*/ .tabled1 {border: 1px solid #968f69;} .tabled1 caption {background: #c5bc89;} .tabled1 th {background: #d9d5be;} .tabled1 tr.odd {background: #d9d5be;} /*Dust green table with boxes*/ .tabled2 {border: 1px solid #968f69; border-width: 1px 1px 0 0;} .tabled2 caption {background: #c5bc89;} .tabled2 th {background: #d9d5be; border: 1px solid #968f69; border-width: 0 0 1px 1px;} .tabled2 tr.odd {background: #d9d5be;} .tabled2 td {border: 1px solid #968f69; border-width: 0 0 1px 1px;} /*Dust green table with lines*/ .tabled3 {border: 1px solid #968f69; border-width: 1px 1px 0 1px;} .tabled3 caption {background: #c5bc89;} .tabled3 th {background: #d9d5be; border: 1px solid #968f69; border-width: 0 0 1px 0;} .tabled3 tr.odd {background: #d9d5be;} .tabled3 td {border: 1px solid #968f69; border-width: 0 0 1px 0;} /*Intranet table*/ .tablei1 {border: 1px solid #7e6d5e;} .tablei1 caption {background: #d6d1c5;} .tablei1 th {background: #d6d1c5;} .tablei1 tr.odd {background: #efeee9;} /*White box with no lines at all*/ .tablew1 {border: 0;} .tablew1 caption {background: #fff;} .tablew1 th {background: #fff; border: 0;} .tablew1 td {border: 0;} /* LISTS OF LINKS */ ul.linklist {margin: 0; padding: 0; list-style-type: none; margin: 0 0 10px 0;} .linklist li {margin: 0 0 5px 0; list-style-type: none;} .box1 .linklist, .box2 .linklist, .box3 .linklist, .box4 .linklist {margin: 0 0 5px 0 !important;} /* Linklists in boxes should have 5px padding instead of 19px */ /* *************** 1.19 BOXES ******************* */ /* First the common selectors */ .boxb1, .boxg1, .boxd1, .boxb2, .boxg2, .boxd2, .boxn2, .boxe1, .boxe2, .boxe3, .boxe4 {margin: 10px 0 20px 0;} .boxb1 h2, .boxg1 h2, .boxd1 h2, .boxe1 h2, .boxe2 h2, .boxe3 h2, .boxe4 h2 {padding: 2px 5px 2px 5px; font-size: 1.0em !important; margin: 0 !important; height: auto;} .boxb1 h3, .boxg1 h3, .boxd1 h3, .boxe1 h3, .boxe2 h3, .boxe3 h3, .boxe4 h3 {padding: 2px 5px 2px 5px; font-size: 1.0em !important; margin: 0 !important; height: auto;} .boxb2 h2, .boxg2 h2, .boxd2 h2, .boxn2 h2 {padding: 0; font-size: 1.0em !important; margin: 0 !important; height: auto;} .boxb2 h3, .boxg2 h3, .boxd2 h3, .boxn2 h3 {padding: 2px 5px 2px 5px; font-size: 1.0em !important; margin: 0 !important; height: auto;} .boxb1 div, .boxg1 div, .boxd1 div, .boxe1 div, .boxb2, .boxg2, .boxd2, .boxn2 {padding: 5px;} .boxe1 div, .boxe2 div, .boxe3 div, .boxe4 div {padding: 5px 5px 5px 45px;} .boxb1 div h2, .boxb1 div h3, .boxg1 div h2, .boxg1 div h3, .boxd1 div h2, .boxd1 div h3, .boxe1 div h2, .boxe1 div h3 {padding: 0; margin: 0; font-size: 1.0em !important;} .boxb1 div p, .boxg1 div p, .boxd1 div p, .boxe1 div p {margin: 0 0 5px 0;} .boxb1 div a, .boxg1 div a, .boxd1 div a, .boxe1 div a {margin: 0 0 5px 0;} /* Then the color specific selectors for boxes */ /* Blue boxes */ .boxb1 div, .boxb2 {border: 1px solid #779abc;} /* Grey boxes */ .boxg1 div, .boxg2 {border: 1px solid #999;} /* Brown boxes */ .boxd1 div, .boxd2 {border: 1px solid #968f69;} /* No background color boxes */ .boxn2 {border: 1px solid #779abc;} /*Error boxes */ .boxe1 div, .boxe2 div, .boxe3 div, .boxe4 div {border: 1px solid #a9af00;} .boxe1 div {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/i_SystemFailure_v1-0-0.gif) 5px 5px no-repeat;} .boxe2 div {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/i_IncorrectInput_v1-0-0.gif) 5px 5px no-repeat;} .boxe3 div {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/i_Information_v1-0-0.gif) 5px 5px no-repeat;} .boxe4 div {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/i_Question_v1-0-0.gif) 5px 5px no-repeat;} .boxb1 h1, .boxb1 h2, .boxb1 h3 {background: #ccd8de;} .boxg1 h1, .boxg1 h2, .boxg1 h3 {background: #ccc;} .boxd1 h1, .boxd1 h2, .boxd1 h3 {background: #c5bc89;} .boxe1 h1, .boxe1 h2, .boxe2 h2, .boxe3 h2, .boxe4 h2, .boxe1 h3, .boxe2 h3, .boxe3 h3, .boxe4 h3 {background: #d8db7f;} .boxb2, .boxb1 div.bgcolor {background: #e5eaef;} .boxg2, .boxg1 div.bgcolor {background: #e4e3e3;} .boxd2, .boxd1 div.bgcolor {background: #d9d5be;} .boxn2 {background: #fff;} .subboxb1 {border: 1px solid #779abc; border-width: 0 1px 1px 1px !important;} .subboxg1 {border: 1px solid #999; border-width: 0 1px 1px 1px !important;} .subboxd1 {border: 1px solid #968f69; border-width: 0 1px 1px 1px !important;} /* ********************** 1.20 BARS ************************** */ /* First the common selectors */ .barb1, .barg1, .bard1 {margin: 0 0 20px 0; padding: 2px 5px 2px 5px; font-size: 1.0em; margin: 0 0 5px; height: 14px;} /* Then the color specific selectors */ .barb1 {border-bottom: 1px solid #779abc; background: #ccd8de;} .barg1 {border-bottom: 1px solid #999; background: #ccc;} .bard1 {border-bottom: 1px solid #968f69; background: #c5bc89;} /* ************** 1.21 2 COLUMS IN C AREA ******************** */ /* Outer sections, only floats and widths */ .col1-out {width: 50%; float: left;} .col2-out {width: 50%; float: right;} .col1 {margin: 0 10px 0 0;} .col2 {margin: 0 0 0 10px;} .col1 h3, .col2 h3 {margin: 0; padding: 0;} /* ********* 1.22 POPUPS ************* */ /* common */ #popup_small, #popup_medium, #popup_large, #popup_largeNavi {margin: 0; padding: 0; text-align: left;} #popup_medium, #popup_large, #popup_largeNavi {background: #fff url(/sitemod/upload/Root/eGuidelines/stylesheets/images/popupcorner_v1-0-0.gif) bottom left no-repeat;} /* small */ #popup_small {background: #d9d5be; padding: 25px 30px 40px 25px;} /* medium and large */ #popup_medium #popupMainContent, #popup_large #popupMainContent, #popup_largeNavi #popupMainContent {padding: 25px 30px 40px 25px; border-left: 10px solid #e5eaef; border-bottom: 10px solid #e5eaef;} #popup_medium #popupMainContent {min-height: 280px;} #popup_large #popupMainContent, #popup_largeNavi #popupMainContent {min-height: 305px; } * html #popup_medium #popupMainContent {height: 280px} /* for ie */ * html #popup_large #popupMainContent, * html #popup_largeNavi #popupMainContent {height: 305px} /* for ie */ /* large with navi */ #popup_largeNavi {padding: 0; border-left: 0; text-align: left;} #popuptop {background: #036 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/popuplogo_v1-0-0.gif) right center no-repeat; font-size: 1.0em; color: #fff; font-weight: bold; padding: 4px 0 4px 10px;} #popupnavigation {border-bottom: 1px solid #779abc; background: #e5eaef; height: 17px;} #popupnavigation ul {margin: 0 0 0 5px; padding: 2px 0 0 0; list-style:none;} #popupnavigation li {float: left; margin: 0; padding: 0 5px 0 5px; list-style-type: none; border-left: 1px solid #779abc; border-right: 1px solid #ccd8de;} #popupMainContent {border-left: 10px solid #e5eaef; border-bottom: 10px solid #e5eaef; padding: 10px 30px 40px 25px;} .popupfirst {border-left: 0 !important;} .popuplast {border-right: 0 !important;} #popupcurrent {font-weight: bold;} /* Microsites */ #microsite {padding: 0; text-align: left; background: #fff;} #micrositetop {padding: 10px; background: #036 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/popuplogo_v1-0-0.gif) 99% center no-repeat;} #micrositetop span {font-weight: bold; font-size: 1.1em; color: #fff;} #micrositeMainContent {padding: 0 10px 0 10px;} #micrositefooter {background: #036; text-align: right; color: #fff; padding: 5px 10px 5px 0;} #micrositefooter a {color: #fff; text-decoration: none;} #micrositefooter a:hover {text-decoration: underline;} #microsite #micrositeMainContent {min-height: 320px;} /* not sure about these two */ * html #microsite #micrositeMainContent {height: 320px;} /* for ie */ /* ********* ELEMENTS ************* */ /* ********* 1.23 LIFE EVENTS ************* */ /* leD is for D area and leC is for C area */ #leD {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/leTop_v1-0-0.gif) no-repeat 0 0; margin: 0 0 20px 0; } #leD div {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/leBottom_v1-0-0.gif) no-repeat 100% 100%; padding: 7px 0 15px 10px;} #leD h2 {font-size: 1.0em; padding: 2px 5px 0 0; margin: 0;} #leD button {margin: 5px 0 0 0; float: right;} #leD select {width: 146px; margin: 0; padding: 0;} * html #leD fieldset {width: 0} #leC {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/leTop396_v1-0-0.gif) no-repeat 0 0; margin: 0 0 20px 0;} #leC div {height: 5em; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/leBottom396_v1-0-0.gif) no-repeat 100% 100%;} #leC label {margin: 18px 8px 0 0; width: 140px} #leC select {width: 150px; margin: 19px 0 0 0;} #leC button {margin: 0 0 0 10px;} /* ********* 1.24 ADVICE AND GUIDANCE ************* */ /* leD is for D area and leC is for C area */ #adD {background: #e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/adTop_v1-0-0.gif) no-repeat 0 0; margin: 0 0 20px 0;} #adD div {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/adBottom_v1-0-0.gif) no-repeat 100% 100%; padding: 7px 0 15px 10px;} #adD h2 {font-size: 1.0em; padding: 2px 5px 0 0; margin: 0;} #adD button {margin: 5px 0 0 0; float: right;} #adD select {width: 146px; margin: 0;} * html #adD fieldset {width: 0} #adC {background: #e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/adTop396_v1-0-0.gif) no-repeat 0 0; margin: 0 0 20px 0;} #adC div {height: 5em; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/adBottom396_v1-0-0.gif) no-repeat 100% 100%;} #adC label {margin: 18px 8px 0 0; width: 140px} #adC select {width: 150px; margin: 19px 0 0 0;} #adC button {margin: 0 0 0 10px;} /* ********* 1.25 CONTEXTUAL NAVIGATION ************* */ #context {background: #fff url(/sitemod/upload/Root/eGuidelines/stylesheets/images/contextual-navigation-bg_v1-0-0.gif) left bottom no-repeat; margin: 0 0 20px 0; padding: 0 0 1px 0;} #context div {padding: 5px 5px 4px 1px;} #context h2 {font-size: 1.0em; padding: 2px 5px 0 5px; margin: 0;} #context ul {padding: 0; margin: 0 0 0 5px !important;} /* Generic classes */ .italic {font-style: italic;} /* ********* 1.26 EXTRAS added by Mondo ************* */ /* generic, added for crisis system messages */ .generic {width: 100%; border: 1px solid #779abc; margin: 0 0 20px 0;} .generic td {padding: 5px;} .generic caption {background: #ccd8de; padding: 3px 0 3px 5px; font-weight: bold; font-size: 12px; text-align: left} /* Imported from screen_local.css */ h2.bar {margin-top: 20px; clear:both;} table {border: none;} #content table, #relatedContent table, #relatedContent table * {margin: 0px; border-collapse: collapse;} #relatedContent table.appStarter, #relatedContent table.shortcuts, #relatedContent div.shortcuts, #relatedContent table.solomarketCampaign, #relatedContent table.advice, #relatedContent table.lifeEvent, #relatedContent table.generic {margin: 0 0 20px !important; overflow: hidden;} #soloMarket {background: #f3efc3; border: 1px solid #993; margin:20px 0; padding: 0; width: 166px;} * html #soloMarket {width: 168px;} /* for ie */ #soloMarket p {margin: 1px 10px 5px !important;} #soloMarket p a {margin: 0;} /* estonia (pid=66602) */ .cp2col #pidcontent1 td p {margin-bottom: 0;} /* this was due to many tables containing a P in their line td's (1px borders) */ .cp1col #pidcontent1 table table p {margin-bottom: 0;} /* this and below are for pid=211914 */ .r3 {font-weight: bold !important;} /* back to general */ .linklist li {line-height: 130%;} table.appStarter caption img {border: none !important; background: transparent;} table.transitpageCategory p {margin: 0px 0px 0px 10px;} table.transitpageCategory td {padding: 0px 0px 10px;} .shortcuts li {list-style-type:none; padding: 0 0 4px !important;} .fp2col h1#lidMainHeadline, .fp2col #boxcontent1 p, .fp2col #padding {display: none;} .fp2col #boxcontent1 table p {display: block;} .fp2col #boxcontent1 table table {float: left; width: 196px; z-index: 7; position: relative;} .fp2col #boxcontent1 table table .brodtext {display: block; width: 185px;} .fp2col #boxcontent1 table .brodtext table, .fp2col #boxcontent1 table .colourcool, .fp2col #boxcontent1 table.colourline {display: block; width: 396px;} #pidcontent1 table.topStory {margin: 0 auto 10px;} #pidcontent1 p.aggregate {margin-bottom: 20px;} #pidcontent1 table.topStory table {float: left; width: 206px; height: 142px; clear: none;} #pidcontent1 table.topStory h2 {margin: 0px;} .fp2col table.channels {margin: 20px 0 !important;} .fp2col #relatedContentOut {padding-top:0;} #boxcontent1 ul, #pidcontent1 ul {margin: 0 0 20px 18px;} div.signup ul, ul.linklist {margin: 0 !important;} /* for pid=782982 */ /* Jump menu styles */ #mainContent .advice, #mainContent .lifeEvent {margin-bottom: 18px;} #mainContent .advice fieldset, #mainContent .lifeEvent fieldset {text-align: center;} #mainContent .advice fieldset select, #mainContent .lifeEvent fieldset select {text-align: left; width: 220px; margin: 6px 0;} /* reduced from 246 wide to make space for the button */ #mainContent .advice .adTop {background: #e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/adTop396_v1-0-0.gif) left top no-repeat; margin: 0; display: block; padding-top: 10px;} #mainContent table.advice .adTop {padding-top: 0px; font-size: 1pt; height: 8px;} /* deprecated, but just in case there are any left */ #mainContent .advice .adBottom {background: #e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/adBottom396_v1-0-0.gif) left bottom no-repeat; padding-bottom: 10px; display: block;} #mainContent .lifeEvent {width: 396px;} #mainContent .lifeEvent p {text-align: left; margin: 0 10px;} #mainContent .lifeEvent .leTop {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/leTop396_v1-0-0.gif) left top no-repeat; margin: 0; display: block; padding-top: 10px;} #mainContent table.lifeEvent .leTop {font-size: 1pt;} /* deprecated, but just in case there are any left */ #mainContent .lifeEvent .leBottom {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/leBottom396_v1-0-0.gif) left bottom no-repeat; padding-bottom: 10px; display: block;} #relatedContent .advice .adTop {background: #e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/adTop_v1-0-0.gif) left top no-repeat; margin: 0px; padding: 10px 0 0;} #relatedContent .advice .adBottom {background: #e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/adBottom_v1-0-0.gif) left bottom no-repeat; padding: 0 0 16px; width: 168px;} div.advice legend, div.lifeEvent legend {display: block; color: #000; font-weight: bolder; margin: -1px 3px 4px 2px;} #relatedContent .adBottom span.wrapper, #relatedContent .adBottom div.wrapper, #relatedContent .advice label, #relatedContent .lifeEvent label {margin: 4px 8px 5px 10px; display: block;} #relatedContent .advice fieldset, #relatedContent .lifeEvent fieldset {padding: 0;} #relatedContent table.lifeEvent .leTop, #relatedContent table.advice .adTop {padding: 8px 10px 0px !important;} /* deprecated, but just in case there are any left */ #relatedContent table.lifeEvent .leBottom, #relatedContent table.advice .adBottom {padding: 7px 0 15px 10px;} /* deprecated, but just in case there are any left */ #relatedContent table.lifeEvent fieldset, #relatedContent table.advice fieldset {width: auto; margin-left: 0;} /* deprecated, but just in case there are any left */ #relatedContent .lifeEvent .leTop {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/leTop_v1-0-0.gif) left top no-repeat; margin: 0px; padding: 10px 0 0;} #relatedContent .lifeEvent .leBottom {background: #eff1cc url(/sitemod/upload/Root/eGuidelines/stylesheets/images/leBottom_v1-0-0.gif) left bottom no-repeat; padding: 0 0 16px; width: 168px;} #relatedContent .lifeEvent select, #relatedContent .advice select {width: 120px; margin-left: 10px;} /* decreased from 148px */ .advice .button, .lifeEvent .button {width: 2.1em !important;} /* end jump menu styles */ table.newsList div {display: inline;} table.overviewList thead {display: none;} .cp2col table.overviewList ul.linkList {margin:0 !important; padding:0 !important;} .cp2col table.overviewList ul.linkList li {margin: 0 0 4px; list-style-type:none; padding: 0px;} /* Corporate-specific styles */ table.table {margin-top: 20px !important;} .table table td {border:1px solid #779abc; border-collapse: collapse;} /* this is just for Mozilla borders... */ *html .table table td {border:none;} /* ...so we void it for ie */ .table table table td {border:none;} .table table table h3.r3 {width: 201px;} .table table table div {display: inline;} #Table1 .contentBlue {padding: 0;} #Table1 .contentBlue li {padding: 2px 0 3px 3px;} #relatedContent table.textbox {margin-bottom: 20px;} /* .se corp */ html table.table {border: none !important; margin: 20px 0 0 !important;} /* plusgirot */ .imageHolder img {margin: 0 20px 10px 0 !important; border: 1px solid #779abc !important; float: left;} .fp2col #pidcontent1 .imageHolder h2 {margin-top: 0px !important;} .fp2col .campaign img {border: none !important;} .fp2col .campaignGradient img.icon {float: left; margin: 0 8px 0 4px !important; border: none !important;} .fp2col .campaignGradient div.ostBox {background: White url(/sitemod/upload/Root/eGuidelines/stylesheets/i/bg_ost_gradient_blue_v1-0-0.jpg) bottom no-repeat; padding-bottom: 10px !important; float: left; width: 236px;} .fp2col div.ostBox h3 {margin: 0 8px 3px 10px;} .fp2col div.ostBox p.teaserText {margin: 6px 8px 0 0;} /* fix this: pid=400894 */ .cp2col #pidcontent1 table table {float: left; position: relative;} #pidcontent1 span.brodtext {position: relative;} .cp1col #pidcontent1 table h3.r3 {width: 394px; margin: 20px 0 0 0;} .cp1col #boxcontent1 table td.r3 {width: 166px !important; margin-right: 20px;}/* .cp1col .genericTable td {padding: 4px; border-bottom: 1px solid #779abc !important;} .cp1col .genericTable caption {padding: 4px; border-bottom: 1px solid #779abc; background-color: #ccd8de;}*/ /* dot com specifics */ h2.clsNoSpace, h3.clsNoSpace {margin-bottom:0px !important;} td.clstextboxtopbar {font-weight: bold; background-color: #CCD8DE; padding: 2px 0 3px;} .clsTextBox2OnlyTopBorder {padding: 4px 0 !important;} .cp2col td.clsNormalText {font-weight: normal !important;} .clsTextBox2OnlyTopBorder ul, #Table7 ul, #Table23 ul, #Table5 ul {list-style: disc !important; margin: 0 0 0 16px !important; line-height: 130%;} .p { font-size: 10px; margin: 8px 0;} h3.bar { font-size: 11px; font-weight: 700; background-color: #ccd8de; padding: 2px 10px; margin: 20px 0 0px !important;} table.table {margin-top: 0px !important; width:584px; border-collapse: collapse; border: #779abc solid 1px;} .th { font-size: 11px !important; font-weight: 700; padding: 2px 0; background-color: #e5eaef; color: Black; border-bottom: #779abc solid 1px; height: 18px;} .td { font-size: 10px !important; padding: 2px 10px; border-bottom: #779abc solid 1px; height: 18px;} .star { color: #cc6600;} /* fi specifics */ td.contentBlue p {margin: 4px 10px !important;} .cp2col #boxcontent1 table.textboxNoTopbarTwoCol {margin: 20px 0;} #relatedContent .textboxNoTopbar {margin-bottom: 20px;} /* dk specifics */ .fp2col TABLE.infocus {width: 492px;} .fp2col TABLE.infocus TD.campaign A.info {padding-left: 18px; white-space: nowrap; height: 15px; background: transparent url(/sitemod/upload/root/theme/images/icons/icon_fp_info.gif) no-repeat; float: left; margin-left: 10px;} .fp2col div.ostBox ul.icons {margin-top: 2px !important;} .fp2col div.ostBox .icons li {display: inline;} .fp2col TABLE.infocus TD.campaign IMG {margin: 0 15px 0 0 !important;} .fp2col TABLE.infocus TD.campaign TD {vertical-align: middle !important; padding-bottom: 8px;} /* se/infomodel specifics */ .cp2col table.topStory p {margin-bottom: 1em !important;} .cp2col .tableBlue caption {display: block;} /* pid=509072 */ html>body.cp2col .tableBlue {border-width: 0px 0px 1px 0px !important; margin-top: 0px; padding-top: 0px;} /* pid=509072 hide rule from IE */ *html .cp2col .tableBlue {border-bottom: 0px !important;} /* pid=509072 IE only */ .cp2col h3.clsNoSpace a {color: #003366 !important;} /* pid=213524 */ .cp2col .tableBlue td {font-size: 1em;} /* pid=773332 */ .cp2col #pidcontent1 h4 {margin-top: 8px !important;} /* pid=795952 */ .cp2col #pidcontent1 table.intro table, /* pid=776062 */ .cp2col #boxcontent1 table.intro table {width: 206px; float: left;} /* 37741, 738202 */ .topStory h2 {margin-bottom: 8px !important;} .topStory .linklist li {line-height: 110% !important;} .portraitHolder p, table.intro p {margin: 0 0 8px !important;} table.intro table {margin-bottom: 20px !important;} .portraitHolder ul, .portraitHolder li {list-style: none !important; list-style-type: none !important;} .genericTable {margin: 0 0 20px 0 !important;} /* new table style */ .tableBlueLines {margin:0 0 20px 0 !important; border:1px solid #779abc; border-width: 0 1px 1px 0;} .tableBlueLines * {margin:0;} .tableBlueLines td, .tableBlueLines th {padding:4px 10px 4px 10px; vertical-align: top;} .tableBlueLines caption {background:#ccd8de; font-size: 11px; font-weight:bold; text-align:left; padding: 4px 10px 4px 10px} .tableBlueLines {border:1px solid #779abc; border-width: 0 1px 1px 0;} .tableBlueLines td {background:#fff; border:1px solid #779abc; border-width: 1px 0 0 1px;} .tableBlueLines th {background:#e5eaef; border:1px solid #779abc; border-width: 1px 0 0 1px; text-align:left; font-size:11px; font-weight:bold;} /* no */ #relatedContent TD.clsTextBox UL {margin-left:16px !important;} #relatedContent TD.clsTextBox LI {padding-top: 3px;} #boxcontent1 p {display: block !important;} /* infomodel */ div.signup h2 {background: url(/sitemod/upload/root/theme/images/icons/icon_fp_arrow.gif) left no-repeat; padding-left: 18px; padding-top: 1px;} #boxcontent1 table.topStory table {float:left; width: 206px;} /* pid=30502 */ #relLinksIcons {width: 100%; margin: -8px 0 20px !important;} #relLinksIcons td {padding: 0 12px 0 0;} #relLinksIcons img {margin: 0 2px 0 0; vertical-align: top !important} h2 {margin-top: 0px;} /* front-page styles */ .fp2col UL.fp {list-style-image: url(/sitemod/upload/root/theme/images/backgrounds/bullet.gif); margin: 0 !important; padding: 0 !important;} .fp2col UL.fp LI {padding: 0 !important; margin: 4px 0 0 18px;} /* font-size: 10px;*/ .fp2col P.fp {margin: 0;} .fp2col P.rightalign {text-align: right; margin: 0;} H1.huge {font: normal 22px verdana, arial, sans-serif; margin: 0;} H3.largeheadline {font: bolder 14px verdana, arial, sans-serif; margin: 0;} .fp2col H3.largeheadline A {font-size: 1em !important; color: #000 !important;} H4.medheadline {font: bolder 11px verdana, arial, sans-serif; margin: 0;} /* fptopbanner renamed to fptopstory because of anti spam ware blocking the keyword "banner" */ .fp2col TABLE.fptopbanner, .fp2col TABLE.fptopstory, .fp2col TABLE.infocus, .fp2col TABLE.channels, .fp2col TABLE.teaser {padding: 0; width: 492px; border: none; margin: 0 0 20px !important;} .fp2col TABLE.fptopbanner P, .fp2col TABLE.fptopstory P { margin: 8px 0 12px !important;} .fp2col UL.icons {margin: 8px 0 0 !important; padding:0 !important; list-style-type: none;} .fp2col UL.icons LI {margin: 0 !important; padding:0 !important; list-style: none; line-height: 160%; text-indent: 0 !important; background-image: none !important; vertical-align: middle !important;} .fp2col UL.icons LI.info A {padding-left: 18px; padding-top: 1px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_info_v1-0-0.gif) left no-repeat;} .fp2col UL.icons LI.question A {padding-left: 18px; padding-top: 1px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_question_v1-0-0.gif) left no-repeat;} .fp2col UL.icons LI.arrow A {padding-left: 18px; padding-top: 1px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_arrow_v1-0-0.gif) left no-repeat;} .fp2col TD.campaign {border: 1px solid #779abc; width: 236px;} .fp2col TABLE.blurb, .fp2col TABLE.solomarket TD { border: 1px solid #779abc;} .fp2col TD.campaign H3 { margin: 4px 10px;} .fp2col TD.campaign P { margin: 8px 0 !important;} .fp2col TD.campaign P.links {line-height: 150%;} .fp2col TD.campaign IMG { margin: 0 15px 0 0; border: none; float: left;} .fp2col TD.campaign A {padding-left: 18px !important; margin: 0 !important; padding-top: 1px;} .fp2col TD.campaign A.info {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_info_v1-0-0.gif) left no-repeat !important;} .fp2col TD.campaign A.arrow {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_arrow_v1-0-0.gif) left no-repeat !important;} .fp2col TABLE.channels TD.highlight { background-color: #e5eaef; padding: 0 0 6px;} .fp2col TABLE.channels H3 { margin-top: 4px;} .fp2col TABLE.channels TD.highlight H3 { margin: 4px 10px;} /*.fp2col TABLE.channels TD.highlight UL { margin: 0 !important;}*/ /* 9/9-08 Removed to fix issues with bulletpoints not being shown on portal pages */ .fp2col TABLE.infocus UL { margin-bottom: 0 !important;} .fp2col TABLE.teaser { border-top: 1px solid #779abc; border-bottom: 1px solid #779abc;} .fp2col TABLE.teaser TD { padding: 8px 0;} .fp2col TABLE.teaser H3 { margin-bottom: 5px;} .fp2col TABLE.loginbox, .fp2col TABLE.shortcuts, .fp2col TABLE.solomarket, .fp2col TABLE.blurb { width: 168px; padding: 0; margin: 0 0 8px;} .fp2col TABLE.loginbox TH { background: #c5bc89 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/solo_mini_v1-0-0.gif) 2px 140px no-repeat; text-align: left; padding: 4px 35px 3px 10px;} .fp2col TABLE.loginbox H3, TABLE.solomarket H3 { font: bold 11px verdana; margin: 0 10px;} .fp2col TABLE.loginbox TD { border: 1px solid #968f69; padding: 4px 6px; text-align: center !important; background-color: White;} .fp2col TABLE.loginbox SELECT { margin: 5px !important; width: 150px;} .fp2col TABLE.loginbox DIV.toplinks { margin: 0 4px 5px !important; padding: 0 !important; font: 11px normal arial, sans-serif;} .fp2col TABLE.loginbox INPUT.button { margin: 6px !important;} .fp2col TABLE.loginbox TD UL { text-align: left;} .fp2col TABLE.loginbox IMG.loginbutton { margin: 9px 0 12px;} TABLE.shortcuts TD {padding: 0 5px 6px 7px;} TABLE.shortcuts TD LI {padding-bottom: 4px !important;} DIV.shortcuts {background: transparent url(/sitemod/upload/root/theme/images/backgrounds/bg_shortcuts.gif) bottom left no-repeat; padding: 0 5px 10px 7px;} .shortcuts UL {margin: 0; padding: 0; list-style-image: none; list-style-type: none !important; list-style: none !important;} h2.shortcuts {margin-left: 0px;} /* this class is for images with rounded corners (that we don't want a square border around) */ IMG.imageHolderNoBorder, IMG.imageNoBorder, .noBorder {border: 0px !important;} IMG.imageBorder {border: 1px solid #779abc !important;} .fp2col TABLE.blurb P, .fp2col TABLE.blurb H4 { margin: 0 10px;} .fp2col TABLE.blurb TD { padding-bottom: 4px;} .fp2col TABLE.solomarket TH { background-color: #CCD8DE; text-align: left; padding: 2px 0 1px;} .fp2col TABLE.solomarket TD { padding: 0 0 4px;} .fp2col TABLE.solomarket P { margin: 0 10px;} .fp2col .links a.info {padding-left: 17px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_info_v1-0-0.gif) 0 50% no-repeat; font-size: 1em; padding-top: 1px;} .fp2col .links a.arrow {padding-left: 17px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_arrow_v1-0-0.gif) 0 50% no-repeat; font-size: 1em; padding-top: 1px;} .fp2col .links a.question {padding-left: 17px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_question_v1-0-0.gif) 0 50% no-repeat; font-size: 1em; padding-top: 1px;} /* new campaign concept */ .fp2col .campaignGreen {background: #a9af00 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/camp_green_236_bot_v1-0-0.gif) bottom no-repeat; width: 236px; padding: 0px 0px 9px;} .fp2col .campaignOrange {background: #e8af00 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/camp_orange_236_bot_v1-0-0.gif) bottom no-repeat; width: 236px; padding: 0px 0px 9px;} .fp2col .campaignGreen .largeheadline, .fp2col .campaignOrange .largeheadline {color: White; padding: 9px 10px; margin: 0 !important; font: bold 1.8em helvetica, arial, sans-serif;} .fp2col .campaignGreen .largeheadline {background: #a9af00 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/camp_green_236_top_v1-0-0.gif) top no-repeat;} .fp2col .campaignOrange .largeheadline {background: #e8af00 url(/sitemod/upload/Root/eGuidelines/stylesheets/images/camp_orange_236_top_v1-0-0.gif) top no-repeat;} .fp2col .campaignGreen p.links, .fp2col .campaignOrange p.links {margin: 0px 10px;} .fp2col .campaignGreen .links a.info {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_info_green_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .fp2col .campaignGreen .links a.question {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_question_green_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .fp2col .campaignGreen .links a.arrow {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_arrow_green_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .fp2col .campaignOrange .links a.info {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_info_orange_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .fp2col .campaignOrange .links a.question {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_question_orange_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .fp2col .campaignOrange .links a.arrow {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_arrow_orange_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .fp2col .infocus ul.links, .fp2col .infocus ul.links li {margin: 0; padding: 0; list-style: none; line-height: 180%;} /* exitBanner renamed to exitSpot because some anti-spam ware was blocking it from showing (like a popup-blocker) */ .exitBanner, .exitSpot {border: 1px solid #779abc; padding: 0; width: 100%;} .exitBanner .image, .exitSpot .image {width: 234px; height: 79px; padding: 0; overflow: hidden;} .exitBanner .message, .exitSpot .message {padding: 4px 9px 4px 20px;} .exitBanner h3, .exitSpot h3 {margin: 2px 0; font-size: 14px;} .exitBanner p, .exitSpot p {margin: 4px 0;} .exitBanner .links a.info, .exitSpot .links a.info {padding-left: 17px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_info_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .exitBanner .links a.arrow, .exitSpot .links a.arrow {padding-left: 17px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_arrow_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .exitBanner .links a.question, .exitSpot .links a.question {padding-left: 17px; background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_fp_question_v1-0-0.gif) 0 50% no-repeat; padding-top: 1px;} .spacer20 {width: 20px !important;} /* FORMS */ .radioGroupRows {margin: 0 0 8px 130px;} form div.row {clear: both; margin-top: 8px; padding-bottom: 8px;} .indent130 {margin-left: 130px; text-indent: 6px;} .labelText {float:left; width: 130px; text-align: right; padding-right: 6px; clear: left;} .inputText {float: left; clear: right;} form input.button {margin: 10px 10px 10px 0px; border-top: 1px solid #ccd8de; border-left: 1px solid #ccd8de; border-bottom: 1px solid #779abc; border-right: 1px solid #779abc; background-color: #e5eaef; color: Black;} .fp1col form fieldset {border: 1px solid #779abc;} .fp1col form fieldset p, .fp1col form fieldset div {margin: 10px;}/* we don't want to see legends after all... form fieldset legend {font-weight: bolder; display: inline !important; color: Black;}*/ .lifeEvent fieldset .button, .advice fieldset .button {margin: 0 0 0 1px;} /* TABLES */ .tableBlueLines legend {display: block; background-color: #ccd8de; padding: 3px 10px; font-weight: bold; width: 100%;} tr.highlight td, td.highlight {background-color: #e5eaef;} td.rightalign {text-align: right !important;} h3.tableHeader {border-bottom: none; padding: 3px 10px; background-color: #ccd8de;} table.genericTable .price {width: 90px;} td.go {color: Green; font-weight: bolder;} td.stop {color: Red; font-weight: bolder;} .portraitTable {border: none; margin: 4px 0 20px; padding: 0; width: 584px;} .portraitTable th {padding: 6px 0 !important;} .portraitTable .columnLeft {padding: 0; width: 282px;} .portraitTable .columnRight {padding-left: 20px !important;} .portraitTable img {border: 1px solid #779abc; margin:0 10px 0 0 !important; padding: 0; float: left; width: 63px; height: 83px;} .portraitTable p {margin: 0 0 8px;} .portraitTable p.phone {padding-left: 24px; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_phone_v1-0-0.gif) left no-repeat;} .portraitTable p.mobile {padding-left: 24px; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_mobile_v1-0-0.gif) left no-repeat;} .portraitTable p.mail {padding-left: 24px; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_mail_v1-0-0.gif) left no-repeat;} .portraitTable p.download {padding-left: 24px; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_download_v1-0-0.gif) left no-repeat;} /* sortable tables */ table.lined {border-top: 1px solid #779abc; border-left: 1px solid #779abc; border-collapse: separate !important; width: 100%; margin-top: 20px !important;} table.lined caption {border-bottom: 0 solid #779abc; background: #ccd8de; text-align: left; font-size: 11px; font-weight: bold; padding: 3px 6px;} table.lined th {background-color: #e5eaef; text-align: left; vertical-align: middle; height: auto; /*white-space: nowrap;*/ padding: 2px 5px 3px; border-right: 1px solid #779abc; border-bottom: 1px solid #779abc;} html th.sort {border-top: 1px solid #fff !important; border-left: 1px solid #fff !important; background: #e5eaef url(/sitemod/upload/Root/eGuidelines/stylesheets/images/th_bg_v1-0-0.gif) bottom repeat-x; cursor: pointer; cursor: hand;} th.sort a {color: #000 !important; display: block; height: 100%; text-decoration: none; float: none; position: relative;} th.sort a:hover {text-decoration: underline;} th:hover.sort {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/th_bg_v1-0-0.gif) top repeat-x;} th.sort a.sortDown {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/th_arrow_down_v1-0-0.gif) right 2px no-repeat; padding-right: 10px;} th.sort a.sortUp {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/th_arrow_up_v1-0-0.gif) right 2px no-repeat; padding-right: 10px;} table.lined td {border-bottom: 1px solid #779abc; border-right: 1px solid #779abc; padding: 3px 5px; vertical-align: text-top;} table.lined caption .button {margin: 4px 0px 4px 10px;} table.lined caption select {margin: 4px 10px;} /* boxes additions */ .boxb1 p, .boxg1 p, .boxd1 p, .boxb2 p, .boxg2 p, .boxd2 p, .boxn2 p, .boxe1 p, .boxe2 p, .boxe3 p, .boxe4 p, {margin: 0 0 6px;} .boxb1 select, .boxg1 select, .boxd1 select, .boxb2 select, .boxg2 select, .boxd2 select, .boxn2 select, .boxe1 select, .boxe2 select, .boxe3 select, .boxe4 select, {margin: 4px 0 2px;} .boxb1 .button, .boxg1 .button, .boxd1 .button, .boxb2 .button, .boxg2 .button, .boxd2 .button, .boxn2 .button, .boxe1 .button, .boxe2 .button, .boxe3 .button, .boxe4 .button {margin: 0 0 2px;} select.dWbutton {width: 126px;} /* Added 28 March 2006, SEARCH RESULTS PAGE ELEMENTS */ .resultlink {margin-top: 12px;} /* contains page title */ .resultlink a {font-size: 125% !important;} .resultlink a:link {color: #005284;} p.resultAmount {} /* e.g. Your search gave 116 results */ h3.categoryHeadline {background-color: #e4e3e3; color: #000; margin: 20px 0 -4px; padding: 2px 8px; border-bottom: 1px solid #999;}/* blue bg = #ccd8de*/ p.pageContext {margin-bottom: 0px;} /* a summary showing the context of the search word in that page */ p.categoryTrail {color: #999 !important;} /* Breadcrumb trail seperators ">" */ .categoryTrail a {color: #779abc !important;} /* Breadcrumb trail links */ p.categoryTrail span {color: #666 !important;} /* Category: */ /* END ADDITIONS */ #toolbarOut {float: right; clear: none;} #tabsOut {float: left; width: 100%;} .bariconb1 {margin: 5px; padding: 1px; border: 1px solid #779abc; background: #e5eaef; width: 13px; height: 10px} /*This one is the same as put an img within a caption*/ .bariconb1:hover {background: #ccd8de;} /* Intranet exception */ .intra {min-width: 4.0em; padding: 1px 3px 1px 3px; margin: 0 0 0 10px; font: 0.9em Verdana, Arial, Tahoma, Lucida, Helvetica, Sans-serif; background-color: #f5f2ee; border: solid 1px #a89d8a; border-width: 1px 2px 2px 1px; text-align: center !important; cursor: pointer;} .intra:hover {background: #d6d1c5} caption img.bari1 {float: right; padding: 1px ; margin: 0 5px 0 0 !important; border: 1px solid #7e6d5e; background: #efeee9; width: 13px !important; height: 10px !important;} * html caption img.bari1 {margin: 0 0 -1px 5px !important;} /* for IE*/ caption img.bari1:hover {background: #d6d1c5;} /* Icon after http:// links */ .popupSmall, .popupMedium, .popupLarge, .newwindow {margin-left: 0 !important; padding-right: 23px; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/i/icon_popup_v1-0-0.gif) 99% 60% no-repeat;} img.newwindow {padding: 0 0 0 4px; border: 0px;} img.iconimage {padding: 0 0 0 4px; border: 0px;} /* code examples */ .codeexamples {display: none; background: #fff; border: 1px solid #ccc; margin: 20px 0 20px 0;} .codeexamples ol {margin: 0 0 0 30px; padding: 0;} .codeexamples li {font: 1.0em "courier new"; list-style-type: decimal-leading-zero; margin: 1px; padding: 2px 1px 2px 5px; background: #efefef} * html .codeexamples li {list-style-type: decimal;} .mobilePhoneNumber {margin-left: 0 !important; padding-left: 23px; background: url(/sitemod/upload/Root/eGuidelines/stylesheets/i/icon_mobile_v1-0-0.gif) 1% 60% no-repeat;} /*for the mondo editor*/ #lidEdit ul {margin-left: 18px;} /* New classes for dot com front page Templates affected: 1501, 1502 Added January 15, 2007 Richard Harris */ /* D-area language block (1501) */ .chooseLanguage h3 {margin: 0 0 5px; padding: 0; font: bold 12px Verdana, Arial, sans-serif;} ul.languageFlags {list-style: none; margin: 0 0 10px 7px; padding: 0;} ul.languageFlags li {display: inline; margin: 0; padding: 0;} ul.languageFlags a {margin: 0 6px;} ul.languageFlags img {width: 15px; height: 12px; border: 0; background-color: InactiveCaptionText;} ul.languageFlags span {display: none;} /* faded flags */ .lang_dk img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_dk_faded_v1-0-0.gif) no-repeat;} .lang_fi img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_fi_faded_v1-0-0.gif) no-repeat;} .lang_no img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_no_faded_v1-0-0.gif) no-repeat;} .lang_se img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_se_faded_v1-0-0.gif) no-repeat;} .lang_uk img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_uk_faded_v1-0-0.gif) no-repeat;} /* dark flags below */ .lang_dk .current img, .lang_dk a:hover img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_dk_v1-0-0.gif) no-repeat;} .lang_fi .current img, .lang_fi a:hover img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_fi_v1-0-0.gif) no-repeat;} .lang_no .current img, .lang_no a:hover img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_no_v1-0-0.gif) no-repeat;} .lang_se .current img, .lang_se a:hover img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_se_v1-0-0.gif) no-repeat;} .lang_uk .current img, .lang_uk a:hover img {background: url(/sitemod/upload/Root/eGuidelines/stylesheets/images/flag_uk_v1-0-0.gif) no-repeat;} .chooseLanguage form {margin: 0px;} .chooseLanguage select {margin: 0 0 16px; width: 168px; font: normal 12px Arial;} /* /language block */ /* dot com in-focus c-area block (1502) */ #inFocus-com {background: #fff url(/sitemod/upload/Root/eGuidelines/stylesheets/images/bg_faded_curve_l-r_396_v1-0-0.gif) left bottom no-repeat; margin: 0 0 20px; float: left; clear: both; width: 100%; padding-bottom: 14px;} #inFocus-com h3 {margin: 0;} #inFocus-com p {margin: 4px 0;} #inFocus-com .inFocus_left {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/bg_line_vertical_faded_v1-0-0.gif) right no-repeat; float: left; width: 246px;} #inFocus-com .inFocus_left ul {margin: 0; padding: 0; list-style: none;} #inFocus-com .inFocus_left li {margin: 0; padding: 3px 10px 1px;} #inFocus-com .inFocus_right {float: left; margin: 0px 10px 10px; width: 226px;} #inFocus-com .rightalign {text-align: right; display: block;} /* /in-focus dot com */ a.videoLink {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_large_video_v1-0-0.gif) left no-repeat; padding-left: 34px;} a.audioLink {background: transparent url(/sitemod/upload/Root/eGuidelines/stylesheets/images/icon_large_audio_v1-0-0.gif) left no-repeat; padding-left: 34px;} /* New classes for info-model template modifications (upgrades from tabled design) Templates affected: 704, 705, 706, 707, 708 and 1110 Added: January 16, 2007 by Richard Harris */ div.topStory {margin: 0 0 20px; clear: both;} div.topStory .message {float: left; width: 186px; margin: 0 0 0 20px;} .cLargeImage, .cSmallImage {float: left; margin: 0px 20px 0px 0px; border: 1px solid #779abc; width: 186px;} .cLargeImage {height: 130px;} .cSmallImage {height: 79px;} .noBorder {border: none !important;} /* used mostly for images with rounded corners */ .fp2col img.topStoryImage {float: left; margin: 0px; border: none !important; width: 234px; height: 138px;} /* for differences to (portal) front pages */ .fp2col div.topStory {} /* for differences to (portal) front pages */ .fp2col div.topStory .message {float: left; margin: 0 0 0 20px; width: 234px;} /* for differences to (portal) front pages */ /* Must add this because of FireFox floating bug */ table.generic {clear: both;}