/* from mega_menu.css - needed to move reset styles up - full reset stylesheet TBD at later date - DL 10/3/13 */ /*------------------------ overlay wrapper reset - resets each wrapper element in the olveray div ------------------------*/ div, ul, li, p, h1, h2, h3, img, form { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* SECTION 1 - STANDARD TAGS */ body, table { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#53565a; } #rcolumn {font-size:.9em} sup, sub {font-size: .7em;} a:link, a:visited {color:#008ce6; } a:hover, a:active {color:#00bdf2; text-decoration:none} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color:#002d72; } a.btn:link, a.btn:visited {color:#ffffff; background-color:#008ce6; text-decoration:none; padding:5px; font-weight:bold} a.btn:hover, a.btn:active {color:#ffffff; background-color:#00bdf2; text-decoration:none; padding:5px; font-weight:bold} a.btn2:link, a.btn2:visited {font-size:14px; color:#ffffff; background-color:#008ce6; text-decoration:none; padding:5px; font-weight:bold} a.btn2:hover, a.btn2:active {font-size:14px; color:#ffffff; background-color:#00bdf2; text-decoration:none; padding:5px; font-weight:bold} a.homeLink:link, a.homeLink:visited {font-size:14px; color:#00bdf2; text-decoration:underline; } a.homeLink:hover, a.homeLink:active {font-size:14px; color:#008ce6; text-decoration:none; } a.homeLink2:link, a.homeLink2:visited {font-size:12px; color:#ffffff; text-decoration:underline; } a.homeLink2:hover, a.homeLink2:active {font-size:12px; color:#ffffff; text-decoration:none; } /* standard paragraph */ p {margin:1em 0} /* standard headings */ h1 {font-weight:normal; font-size:18px; color:#002d72; margin:6px 0 1em 0} /* top page headings only */ h2 {font-weight:bold; font-size:14px; color:#002d72; margin:1em 0 1em 0} /* second-level heading */ h3 {font-weight:bold; font-size:12px; color:#002d72; margin:1em 0 1em 0} /* third-level heading */ h4 {font-weight:bold; font-size:12px; color:#000000; margin:1em 0 1em 0} /* alternate heading for emphasis only - use sparingly */ h5 {font-weight:bold; font-size:11px; color:#000000; margin:1em 0 1em 0} /* alternate lower-level heading */ h6 {font-weight:bold; font-size:14px; color:#000000; margin:1em 0 4px 0; padding-bottom:4px; background: url("/tts/branding/img/bdr_dotted_x.gif") bottom repeat-x;}/*border-bottom:1px dotted #999;} /* heading with underline */ h1.number {margin:0 0 0 0} h2.month {margin:0 0 0 0} h3#country {color:#999999; margin:0 0 15px 0; font-size:13px;} /* cross-platform hacks */ form {margin:0} img {border:0; margin:0; padding:0;} /* SECTION 2 - UTILITY CLASSES */ /* for use with floats */ .clr {display:block; clear: both; } img.np {display:none;} /* hack for r12 - should coordinate better with print4.css (print stylesheets) */ .floatLeft {float:left;} .floatRight {float:right;} img.floatLeft {padding:0 12px 12px 0} img.floatRight {padding:0 0 12px 12px} .grid div, .grid img {float:left; margin-right:10px; margin-bottom:10px;} /* alignment */ .l, .left {text-align: left; } .c, .center {text-align: center; } .r, .right {text-align: right; } /* design hacks */ .noborder {border:0 !important} .nomargin {margin:0 !important} .nopadding {padding:0 !important} /* do not display */ .hide {display:none} /* make invisible */ .invisible {visibility:hidden} /* divider lines */ .linetop {padding-top:12px; background: url(/tts/branding/img/bdr_dotted_x.gif) top repeat-x; } .linebottom {padding-bottom:12px; background: url(/tts/branding/img/bdr_dotted_x.gif) bottom repeat-x;} /* block/inline display */ .block {display:block;} .inline {display:inline;} /* SECTION 3 - LISTS */ /* standard lists */ #content ul, #content ol {padding-left:15px; margin-left:15px; } #rcolumn ul, .transform2to3LR .column2 ul, .insert2colR .column2 ul, #rcolumn ol, .transform2to3LR .column2 ol, .insert2colR .column2 ol {padding-left:12px; margin-left:12px;} #rcolumn h3, .rcol h3, .transform2to3LR .column2 h3, .insert2colR .column2 h3, {margin:0} #rcolumn ul, .rcol ul, .transform2to3LR .column2 ul, .insert2colR .column2 ul {margin-top:6px; } #rcolumn hr, .rcol hr, .transform2to3LR .column2 hr, .insert2colR .column2 hr {height:1px; border-collapse:collapse; } /* footer styles */ #corpNav li a, #corpNav1 a , #corpNav2 a, #corpNav3 a {color:#53565a; font-size:10px; text-decoration:none;} #corpNav li a:hover, #corpNav1 a:hover, #corpNav2 a:hover, #corpNav3 li a:hover {color:#008ce6; text-decoration:underline} #corpNav li a {margin-left:15px;} #corpNav3 li a {margin:0px 7px 0px 0px; border-right:1px #ccc solid; padding:0px 7px 0px 0px;} #corpNav3 li a.last {margin:0px 0px 0px 0px; border-right:none; padding:0px 0px 0px 0px;} #corpNav li.section1 {color:#53565a; font-size:10px; margin-left:20px;} #corpNav li.section2 a {font-size:10px; margin-left:5px; } /* optional links - upper right corner */ #topNavRight {float:right} #topNavRight ul {list-style:none} #topNavRight li {float:left} #topNavRight li a, #topNavRight li a {color:#fff; font-size:10px; text-decoration:none;} #topNavRight li a:hover, #topNavRight li a:hover {color:#ddd; } #topNavRight li a {margin-left:15px;} /* special class for added space between list items */ ul.announcements li {margin-bottom:8px; } #content ul li, #content ol li, #rcolumn ul li, .transform2to3LR .column2 ul li, .insert2colR .column2 ul li {margin-bottom:8px; } /* 2nd level list items */ div#content li ol, div#content li ul {margin-top: 8px; } /* carat 1 - KILLED 11/20/2013 DL */ /*ul.carat li, ul.carat1 li {list-style-image: url("/tts/branding/img/arrow_light_gray.png"); } li.carat, li.carat1 {list-style-image: url("/tts/branding/img/arrow_light_gray.png") !important; } ul.carat li a, ul.carat li a:visited, ul.carat1 li a, ul.carat1 li a:visited {color:#53565a; text-decoration:none} ul.carat li a:hover, ul.carat1 li a:hover {color:#008ce6; text-decoration:underline} */ /* carat 2 */ /* This class requires new classname - DEPRECATED 11/20/2013 */ #rcolumn ul.carat2, #content ul.carat2 {margin-left:0px; padding-left:0px} ul.carat2 li {list-style: none;} li.carat2 {list-style:none; } ul.carat2 li a, ul.carat2 li a:visited, li.carat2 a, li.carat2 a:visited {color:#008ce6; text-decoration:underline} ul.carat2 li a:hover, li.carat2 a:hover {color:#00bdf2; text-decoration:none} /*ul.carat2 li a:after {content:" >"} a.carat2:after {content:" >"}*/ a.carat2:hover {color:#00bdf2; text-decoration:none} /* new style to replace old 'carat2' = 'ul2' */ #rcolumn ul.ul2, #content ul.ul2 {margin-left:0px; padding-left:0px} ul.ul2 li {list-style: none;} li.ul2 {list-style:none; } ul.ul2 li a, ul.ul2 li a:visited, li.ul2 a, li.ul2 a:visited {color:#008ce6; text-decoration:underline} ul.ul2 li a:hover, li.ul2 a:hover {color:#00bdf2; text-decoration:none} /*ul.carat2 li a:after {content:" >"} a.carat2:after {content:" >"}*/ a.ul2:hover {color:#00bdf2; text-decoration:none} /* carat 3 - KILLED 11/20/2013 DL ul.carat3 li {list-style-image: url("/tts/branding/img/arrow_light_gray.png"); } li.carat3 {list-style-image: url("/tts/branding/img/arrow_light_gray.png") !important; } ul.carat3 li a, ul.carat3 li a:visited {color:#53565a; text-decoration:none} ul.carat3 li a:hover {color:#008ce6; text-decoration:underline} */ /* carat 4 - KILLED 11/20/2013 DL ul.carat4 li {list-style-image: url("/tts/branding/img/arrow_light_gray.png"); } li.carat4 {list-style-image: url("/tts/branding/img/arrow_light_gray.png") !important; } ul.carat4 li a, ul.carat4 li a:visited {color:#53565a; text-decoration:none} ul.carat4 li a:hover {color:#008ce6; text-decoration:underline} */ /* carat 5 - KILLED 11/20/2013 DL ul.carat5 li {list-style-image: url("/tts/branding/img/arrow_light_gray.png"); } li.carat5 {list-style-image: url("/tts/branding/img/arrow_light_gray.png") !important; } ul.carat5 li a, ul.carat5 li a:visited {color:#53565a; text-decoration:none} ul.carat5 li a:hover {color:#008ce6; text-decoration:underline} */ /* carat 6 - KILLED 11/20/2013 DL ul.carat6 li {list-style-image: url("/tts/branding/img/arrow_light_gray.png"); } li.carat6 {list-style-image: url("/tts/branding/img/arrow_light_gray.png") !important; } ul.carat6 li a, ul.carat6 li a:visited {color:#53565a; text-decoration:none} ul.carat6 li a:hover {color:#008ce6; text-decoration:underline} */ /* carat 7 - KILLED 11/20/2013 DL ul.carat7 li {list-style-image: url("/tts/branding/img/arrow_light_gray.png"); } li.carat7 {list-style-image: url("/tts/branding/img/arrow_light_gray.png") !important; } ul.carat7 li a, ul.carat7 li a:visited {color:#53565a; text-decoration:none} ul.carat7 li a:hover {color:#008ce6; text-decoration:underline} */ /* temporary styles for expandable content - DEPRECATED 11/20/2013 DL */ /* REPLACE WITH expand1+trigger2 or expand1+trigger3 - see those classes below */ a.carat9, a.carat9:visited {background: url("/tts/branding/img/arrow_dark_gray_down.png") no-repeat; padding:0 0 10px 20px; color:#008ce6 !important; text-decoration:underline; display:block; margin:0;} a.carat9:hover {color:#00bdf2 !important; text-decoration:none} a.carat10, a.carat10:visited {background: url("/tts/branding/img/arrow_dark_gray.png") no-repeat; padding:0 0 10px 20px; color:#008ce6 !important; text-decoration:underline; display:block; margin:0;} a.carat10:hover {color:#00bdf2 !important; text-decoration:none} /* add this as an additional class in any mixed text/link context - KILLED 11/20/2013 DL */ /* exapmple: class="carat2 mixed" */ /*ul.mixed a, li.mixed a {color:#53565a !important; text-decoration:underline !important;} ul.mixed a:hover, li.mixed a:hover {color:#008ce6 !important;} */ ul.pdf li, li.pdf {list-style-image: url(/tts/branding/img/pdf_icon.gif);} /* 'wmv' class deprecated - use class="vid" */ ul.wmv li, li.wmv, ul.vid li, li.vid {list-style-image: url(/tts/branding/img/media_icon.gif);} #content ul.linkheavy, #content ol.linkheavy {list-style:none; padding-left:0; margin-left:0; } ul.linkheavy a:link, ul.linkheavy a:visited, ol.linkheavy a:link, ol.linkheavy a:visited {color:#000000; text-decoration:none; } ul.linkheavy a:hover, ul.linkheavy a:active, ol.linkheavy a:hover, ol.linkheavy a:active {color:#00bdf2; text-decoration:underline; } #content ul.nobullet, #content ol.nobullet {list-style:none; padding-left:0; margin-left:0; } /* SECTION 4 - special classes for text styling */ /* intro text */ /* intro1, intro2, and intro3 deprecated in favor of intro */ .intro1 {color:#999; font-size:16px; line-height:24px} .intro2 {color:#666; font-size:13px; line-height:20px} .intro3 {color:#999; font-size:13px; line-height:20px} .intro {color:#333; font-size:16px; line-height:24px} .welcome1 {color:#999; font-size:18px; margin:16px 0 0 0; font-weight:normal} .welcome2 {color:#000; font-size:24px; margin:0 0 6px 0; font-weight:normal} .welcome2b {color:#002d72; font-size:24px; margin:0 0 6px 0; font-weight:normal} /* other text styles */ .f11 {font-size:11px;} .f12 {font-size:12px;} .f13 {font-size:13px;} .f14 {font-size:14px} .f15 {font-size:15px} .f16 {font-size:16px} .f18 {font-size:18px} .footnote {color:#666; font-size:10px;} /* color options */ .black {color:#000;} .charcoal {color:#333;} .gray {color:#666;} .ltgray, .light_gray {color:#999;} .function_gray {#ccc} .red {color:#c6007e;} .blue {color:#002d72;} .white {color:#fff} .tangerine {color:#ed8b00} /* bar headers */ .leftOnly .bar { margin:12px 0 0 0; padding:8px; font-weight:bold; background:url("/tts/branding/img/graybar690.gif") no-repeat} .leftRight .bar { margin:12px 0 0 0; padding:8px; font-weight:bold; background:url("/tts/branding/img/graybar447.gif") no-repeat} .rightOnly .bar { margin:12px 0 0 0; padding:8px; font-weight:bold; background:url("/tts/branding/img/graybar667.gif") no-repeat} .noColumns .bar { margin:12px 0 0 0; padding:8px; font-weight:bold; background:url("/tts/branding/img/graybar910.gif") no-repeat} /* SECTION 5 - TABLES */ table.table1 { border-collapse:collapse; border:1px solid #bbb; padding:0; margin:0; width:100%; clear:both;} table.table1 td, table.table1 th { padding: 4px;border:1px solid #bbb; vertical-align:top; } table.table1 th {background-color:#dddddd;} table.table2 {border-collapse:collapse; border:1px solid #bbb; padding:0; margin:0; width:100%; clear:both; font-size:11px} table.table2 td, table.table2 th {padding: 4px;border:1px solid #bbb; vertical-align:top; } table.table2 th {background-color:#dddddd;} /* background colors */ .bgwhite {background-color:#ffffff !important; } .bggray1 {background-color:#eeeeee !important; } .bggray2 {background-color:#dddddd !important; } .bggray3 {background-color:#cccccc !important; } .bgred {background-color:#f9e5f2 !important; } /* 10% shade of fuchsia */ /* shades of citi blue added 7/24/2014 DL */ .bgblue5 {background-color: #f2f4f8 !important} /* 5% */ .bgblue10 {background-color: #e5eaf1 !important} /* 10% */ .bgblue20 {background-color: #ccd5e3 !important} /* 20% */ /* table with image icon */ table.icon {margin:10px 0 0 0; padding:0; border-collapse:collapse; border:none; font-size:11px} table.icon td {padding:0; margin:0} .icon img {padding-right:6px; display:block} .icon td {vertical-align:top; } .icon a, .icon a:visited {color:#008ce6; text-decoration:underline} .icon a:hover, .icon a:active {color:#00bdf2; text-decoration:none} .smallbox table.icon {margin:0} /* use .mixed class in TD if text is both linking and non-linking */ .icon .mixed a, .icon .mixed a:visited {color:#008ce6; text-decoration:underline} .icon .mixed a:hover, .icon .mixed a:active {color:#00bdf2; text-decoration:none} table.alignTop td, table.alignTop th {vertical-align:top; } /* SECTION 6 - FORMS */ /* form styles - KILLED 11/20/2013 DL*/ /*.graybox select, .graybox input {font-size:11px; } .rcol select, .rcol input, #rcolumn select, #rcolumn input, .transform2to3LR .column2 input, .insert2colR .column2 input, .transform2to3LR .column2 select, .insert2colR .column2 select {font-size:10px; width:133px;} */ /* SECTION 7 - TOP NAV SEARCH FIELD */ /* NEW VERSION - DL 5/21/2015 */ #searchform .searchBox a {margin-top: 3px;} #searchform #searchbox2 {margin-top: 2px;} #headA .search_wrapper { background: url("/tts/branding/img/global_bgd_search.png") no-repeat scroll 0 0 transparent; float: right; height: 16px; margin-right: 0px; margin-top: 4px; padding-left: 10px; } #headA .ga_search { border-left-width: 9px; height: 16px; padding-left: 10px; padding-top: 0; width: 138px; } #headA .ga_search input.text { background-color: transparent; color: #666666; float: left; height: 13px; font-size: 11px; line-height: 13px; margin-top: 0; width: 110px; } #headA .ga_search input.submit { background: url("/tts/branding/img/global_go.jpg") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 15px; margin-left: 4px; width: 16px; } #headA .ga_search input.ga_submit_go { background: url("/tts/branding/img/global_go.jpg") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 14px; margin-left: 7px; width: 16px; } #headA .ga_search span { float: left; } #headA input.ga_search_input { background: none repeat scroll 0 0 transparent; border: 0 none; height: 13px; font-size: 11px; line-height: 13px; width: 110px; } .resultBlockText a { color:#2b5997!important; text-decoration:none!important; } /* OLD VERSION - KILL - DL 5/21/2015 */ /* search field */ #search {margin:0 0 0 0; padding:0; float:right; width:200px; /*optional depending on other css*/ font-size:10px; } #search fieldset { margin:0 1px 0 0; padding:0; float:right; width:200px; height:22px; border:none } /*Use this width to set the total width of search field and button i.e. 200px wide field + 22px wide button + 2px for the magic to happen = width:224px;*/ #search legend {display:none;} #search ol {margin:0 0 0 0 ; padding:0 0 0 0 ; display:inline; list-style:none;} #search li {margin:0 0 0 0; padding:0 0 0 0; display:inline; height:22px; float:left;} #search input#gtsSearch, #search input#qt {margin:0; padding:0px 0px 0 20px; width:154px; height:22px; border:none; font:11px Arial, Helvetica, sans-serif; color:#666; background:transparent url("/tts/branding/img/search_bg.gif") no-repeat; vertical-align:middle;} /*Use this width to set the total width of search field*/ .btnSearch {float:left; height:21px; width:25px; background:transparent url("/tts/branding/img/search_button.gif") no-repeat 0px 0px;} .btnSearch:hover {background:transparent url("/tts/branding/img/search_button.gif") no-repeat 0px -21px; } .buttons a, .buttons button, a.button, button.button { background:transparent url("/tts/branding/img/search_button.gif") no-repeat scroll 0px 0px; border-top:none; /* *border-top:2px solid #373737; */ cursor:pointer; display:block; float:left; font-family:"Arial", "Helvetica", sans-serif; font-size:100%; font-weight:bold; margin:0px; padding:0; text-decoration:none; } a.button, button.button { float:none; height:21px; width:25px; } .buttons button { font-weight:bold; overflow:visible; padding:4px 0px 3px 0px; width:auto; } .buttons button img, .buttons a img, a.button img, button.button img { margin:0px !important; } .buttons button:hover, .buttons a:hover, a.button:hover, button.button:hover { background: transparent url("/tts/branding/img/search_button.gif") no-repeat scroll 0px -21px; } /* results page */ .srCountry {font-weight:bold; color:#999;} .srURL {color:#999;} /* SECTION 8 - SPECIAL DROPDOWN MENUS */ /* NOTE - THESE NEED TO BE REBRANDED - DL 11/20/2013 */ /* style the outer div to give it width */ .options_drop {padding:0; margin:0; font:normal 11px Arial, Helvetica, Sans-Serif;} /* remove all the bullets, borders and padding from the default list styling */ .options_drop ul {padding:0 !important; margin:0 !important; list-style-type:none; height:22px; background-color:#FFFFFF; *width:130px; width:140px;} .options_drop ul li {margin:0 !important;} /* style the sub-level lists */ .options_drop ul ul {*margin:5px 0 0 0 !important; margin:1px 0 0 0 !important; padding:15px 0 10px !important;} .options_drop ul ul li.last {background:transparent url("/tts/branding/img/drop_li_bkgrd.gif") repeat-y top left;} /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .options_drop ul li {float:left; height:2em; line-height:2em; width:100%; height:100%;} /* style the sub level list items */ .options_drop ul ul li {padding:3px 0 !important; *padding:3px 0 3px 0 !important; display:block; height:auto; *width:130px; width:140px; line-height:1em; background:transparent url("/tts/branding/img/drop_li_bkgrd.gif") repeat-y top left;} * html .options_drop ul ul li {} /* style the links for the top level */ .options_drop a, .options_drop a:visited {padding:0 0 0 10px !important; display:block; float:left; text-decoration:none; color:#000000; width:130px; background:transparent url("/tts/branding/img/blue_arr_swap.gif") no-repeat top left;} /* style the sub level links */ .options_drop ul ul a, .options_drop ul ul a:visited {display:block; background-image:none; color:#000; line-height:1.3em;} * html .options_drop ul ul a, * html .options_drop ul ul a:visited {font-size:1em;} /* style the table so that it takes no part in the layout - required for IE to work */ .options_drop table {position:absolute; left:0; top:0; width:0; height:0; font-size:1em; z-index:-1;} /* style the level hovers */ /* first */ * html .options_drop a:hover {color:#000; position:relative; z-index:100; background:transparent url("/tts/branding/img/blue_arr_swap.gif") no-repeat bottom left;} * html .options_drop .no_dropdown a:hover {color:#000; position:relative; z-index:100;} .options_drop li:hover, .options_drop li.last:hover {position:relative;} .options_drop :hover > a {color:#000; background:transparent url("/tts/branding/img/blue_arr_swap.gif") no-repeat bottom left;} .options_drop .no_dropdown a:hover {color:#000;} /* second */ * html .options_drop ul ul a:hover{color:#006; position:relative; z-index:110; background-image:none; text-decoration:underline;} .options_drop ul ul li:hover, .options_drop ul ul li.last:hover {position:relative; background:blue url("/tts/branding/img/drop_li_bkgrd.gif") repeat-y top left;} .options_drop ul ul :hover > a {color:#006; text-decoration:underline; background-image:none;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .options_drop ul ul {visibility:hidden; position:absolute; height:0; top:.5em; left:0;} /* make the second level visible when hover on first level list OR link */ .options_drop ul :hover ul{visibility:visible; height:auto; background:transparent url("/tts/branding/img/drop_ul_bkgrd.jpg") no-repeat bottom left;} /* SECTION 9 - Expandable hidden content */ /* DEPRECATED - DL 11/20/2013 */ /* REPLACE WITH expand1+trigger2 or expand1+trigger3 - see those classes below */ a.accordion {margin:0 0 0 20px; padding:0 0 8px 20px; color:#000000 !important; text-decoration:none; background:url("/tts/branding/img/arrow_dark_gray_down.png") no-repeat;} /* SECTION 10.1 - callout/special boxes */ /* UPDATED AS OF V.3.7 - WIDTH CHANGED FROM 690 TO 675 */ .co690 {background:url("/tts/branding/img/co690sides.gif") repeat-y; padding:0; margin:0; } *html .co690 {height:1em; min-height:1em;} .co690inner1 {background:url("/tts/branding/img/co690top.gif") no-repeat top; padding:0; margin:0} .co690inner2 {background:url("/tts/branding/img/co690bottom.gif") no-repeat bottom; padding:10px 15px 20px 10px; margin:0} /* Callout 210 wide */ /* UPDATED AS OF V.3.7 - WIDTH CHANGED FROM 210 TO 201 */ .callout210 {width:201px; background: url("/tts/branding/img/callout210bg.gif") repeat-y} .callout210b {margin:0; background: url("/tts/branding/img/callout210t.gif") no-repeat top left;} .callout210c {margin:0; background: url("/tts/branding/img/callout210b.gif") no-repeat bottom left; } .callout210d {padding:6px 10px 6px 10px} .callout210 h1 {font-size:14px; font-weight:bold; color:#333333; margin-top:0} /* Auto-size special feature box with gray fade/rounded corners */ .gray_box_auto {padding:10px 15px 15px 10px;} .inset_corner_1 {background:transparent url("/tts/branding/img/auto_corner1.gif") no-repeat left bottom;} .inset_corner_2 {background:transparent url("/tts/branding/img/auto_corner2.gif") no-repeat right bottom;} .inset_corner_3 {background:transparent url("/tts/branding/img/auto_corner3.gif") no-repeat left top;} .inset_corner_4 {background:transparent url("/tts/branding/img/auto_corner4.gif") no-repeat right top;} *html .inset_corner_1 {height:1px;} .white_box_auto {padding:10px 15px 15px 10px;} .inset_corner_1w {background:transparent url("/tts/branding/img/auto_corner1w.gif") no-repeat left bottom;} .inset_corner_2w {background:transparent url("/tts/branding/img/auto_corner2w.gif") no-repeat right bottom;} .inset_corner_3w {background:transparent url("/tts/branding/img/auto_corner3w.gif") no-repeat left top;} .inset_corner_4w {background:transparent url("/tts/branding/img/auto_corner4w.gif") no-repeat right top;} *html .inset_corner_1w {height:1px;} /* KILLED 11/20/2013 - DL .q_box_auto {padding:15px 15px 27px 60px;} .inset_corner_1q {background:transparent url("/tts/branding/img/qabox_q1.gif") no-repeat left bottom;} .inset_corner_2q {background:transparent url("/tts/branding/img/qabox_q2.gif") no-repeat right bottom;} .inset_corner_3q {background:transparent url("/tts/branding/img/qabox_q3.gif") no-repeat left top;} .inset_corner_4q {background:transparent url("/tts/branding/img/qabox_q4.gif") no-repeat right top;} *html .inset_corner_1q {padding:15px 15px 10px 60px; height:1px;} .a_box_auto {padding:27px 15px 15px 60px;} .inset_corner_1a {background:transparent url("/tts/branding/img/qabox_a1.gif") no-repeat left bottom;} .inset_corner_2a {background:transparent url("/tts/branding/img/qabox_a2.gif") no-repeat right bottom;} .inset_corner_3a {background:transparent url("/tts/branding/img/qabox_a3.gif") no-repeat left top;} .inset_corner_4a {background:transparent url("/tts/branding/img/qabox_a4.gif") no-repeat right top;} *html .inset_corner_1a {height:1px;} .q_box_auto p {font-weight:bold}*/ /* .a_box_auto p, .q_box_auto p {margin:0} */ /* SECTION 10.2 - expandable boxes - jquery.js + expandbox.js MAY BE REQUIRED */ /**/ /* BOX TYPE 1 - WIDTH AND HEIGHT BOTH AUTO-SIZEABLE */ /**/ /* box with globe background */ .globe_box_auto {background:transparent url("/tts/branding/img/newbox/globox/globox2-3.gif") no-repeat left top;} .globe_box_auto .section1 {background:transparent url("/tts/branding/img/newbox/globox/globox2-4.gif") no-repeat right top;} .globe_box_auto .section2 {background:transparent url("/tts/branding/img/newbox/globox/globox2-1.gif") no-repeat left bottom;} .globe_box_auto .section3 {background:transparent url("/tts/branding/img/newbox/globox/globox2-2.gif") no-repeat right bottom;} .globe_box_auto .section4 {padding:20px;} *html .globe_box_auto {height:1px;} .globe_box_auto p {margin:6px 0} /* small rounded box gradient background */ .smallbox {background:transparent url("/tts/branding/img/newbox/smallbox/smallbox_tl.gif") no-repeat left top; } .smallbox .section1 {background:transparent url("/tts/branding/img/newbox/smallbox/smallbox_tr.gif") no-repeat right top;} .smallbox .section2 {background:transparent url("/tts/branding/img/newbox/smallbox/smallbox_bl.gif") no-repeat left bottom;} .smallbox .section3 {background:transparent url("/tts/branding/img/newbox/smallbox/smallbox_br.gif") no-repeat right bottom;} .smallbox .section4 {padding:6px;} #content .smallbox ul, #content .smallbox li {margin:0 0 0 0} *html .smallbox {height:1px;} /* megamenu box */ .megamenubox {background:transparent url("/tts/branding/img/newbox/megamenubox/megamenubox_tl.png") no-repeat left top; } .megamenubox .section1 {background:transparent url("/tts/branding/img/newbox/megamenubox/megamenubox_tr.png") no-repeat right top;} .megamenubox .section2 {background:transparent url("/tts/branding/img/newbox/megamenubox/megamenubox_bl.png") no-repeat left bottom;} .megamenubox .section3 {background:transparent url("/tts/branding/img/newbox/megamenubox/megamenubox_br.png") no-repeat right bottom;} .megamenubox .section4 {padding:16px;} #content .megamenubox ul, #content .megamenubox li {margin:0 0 0 0} *html .megamenubox {height:1px;} /* Title box - Fits size of column automatically */ .title_box_auto {} /* header bar */ .title_box_auto .section1 {background:transparent url("/tts/branding/img/newbox/smallbox/smallbox_tl.gif") no-repeat left top; } .title_box_auto .section2 {background:transparent url("/tts/branding/img/newbox/smallbox/smallbox_tr.gif") no-repeat right top;padding: 6px; font-weight:bold; color:#002d72} .title_box_auto .section3 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox5e.gif") no-repeat left top; border-top:1px solid #cccccc;} .title_box_auto .section4 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox6e.gif") no-repeat right top;} .title_box_auto .section5 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox7e.gif") no-repeat left bottom;} .title_box_auto .section6 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox8e.gif") no-repeat right bottom; padding: 6px} *html .title_box_auto {height:1px} /**/ /* BOX TYPE 2 - FIXED WIDTH */ /**/ /* 210-wide box with title-bar - intended for right column Learn More / At-a-Glance box */ /* UPDATED AS OF V.3.7 - WIDTH CHANGED FROM 210 TO 201 */ /* DEPRECATED AS OF V.3.7 - USE .title_box_auto */ .title_box_210 .section2 {width:201px; background:transparent url("/tts/branding/img/newbox/title_box_210/title_box_210_m.gif") no-repeat; margin:0; border-top:1px solid #cccccc; font-size:12px} .title_box_210 .section2a {padding:6px 10px 0 10px;} .title_box_210 .section1 {padding:6px 10px 6px 10px; background:transparent url("/tts/branding/img/newbox/title_box_210/title_box_210_t.gif") no-repeat left top;} .title_box_210 .section2b {height:10px; background:transparent url("/tts/branding/img/newbox/title_box_210/title_box_210_b.gif") no-repeat bottom;} .title_box_210 .section1 h3 {color:#002d72; margin:0} .title_box_210 .section2a h4 {color:#000000; margin:0} *html .title_box_210 .section2 {height:1px;} .title_box_1x_447 .section1 {background:transparent url("/tts/branding/img/newbox/title_box_1x_447/titlebox_447t.gif") no-repeat left top; width:438px; padding:6px 10px 6px 10px; } /**/ /* BOX TYPE 3 - 2 COLUMNS EXPAND TOGETHER VERTICALLY AND IS A FIXED WIDTH */ /**/ /* Double boxes with gray headers - v3 */ /* UPDATED AS OF V.3.7 - WIDTH CHANGED FROM 447 TO 438 */ .title_box_2x_447 {width:438px; background:transparent url("/tts/branding/img/newbox/title_box_2x_447/titlebox_2x447m.gif") no-repeat left top; margin:0 0 0 0; padding:0 0 0 0; } .title_box_2x_447 .section1, .title_box_2x_447 .section2 {padding:0 0 0 0; width:215px; float:left; } .title_box_2x_447 .section1 {margin-right: 8px} .title_box_2x_447 .section1a, .title_box_2x_447 .section2a {background:transparent url("/tts/branding/img/newbox/title_box_2x_447/titlebox_2x447t.gif") no-repeat left top; width:195px; padding:6px 10px 6px 10px; } .title_box_2x_447 .section1b, .title_box_2x_447 .section2b {width:195px; padding:0 10px; border-top:1px solid #cccccc} .title_box_2x_447 .section3 {background:transparent url("/tts/branding/img/newbox/title_box_2x_447/titlebox_2x447b.gif") bottom; width:438px; height:14px; clear:both; } .title_box_2x_447 .section1a h3, .title_box_2x_447 .section2a h3 {padding-bottom:0; margin:0} .title_box_2x_447 .section1b p, .title_box_2x_447 .section2b p {margin-top:6px; margin-bottom:6px} *html .title_box_2x_447, *html .title_box_2x_447 .section1, *html .title_box_2x_447 .section2 , *html .title_box_2x_447 .section3 {height:1px;} /* Double boxes - plain */ /* UPDATED AS OF V.3.7 - WIDTH CHANGED FROM 447 TO 438 */ .box_2x_447 {width:438px; background:transparent url("/tts/branding/img/newbox/box_2x_447/box_2x447m.gif") no-repeat left top; margin:0 0 0 0; padding:0 0 0 0; } .box_2x_447 .section1, .box_2x_447 .section2 {float:left; } .box_2x_447 .section1 {margin-right: 8px} .box_2x_447 .section1, .box_2x_447 .section2 {width:195px; padding:0 10px; } .box_2x_447 .section3 {background:transparent url("/tts/branding/img/newbox/title_box_2x_447/titlebox_2x447b.gif") bottom; width:438px; height:14px; clear:both; } .box_2x_447 .section1 h3, .box_2x_447 .section2 h3 {padding-bottom:0; margin:0} .box_2x_447 .section1 p, .box_2x_447 .section2 p, .box_2x_447 .section1 h2, .box_2x_447 .section2 h2 {margin-top:6px; margin-bottom:6px} *html .box_2x_447, *html .box_2x_447 .section1, *html .box_2x_447 .section2 , *html .box_2x_447 .section3 {height:1px;} /* Fits 690 column */ /* UPDATED AS OF V.3.7 - WIDTH CHANGED FROM 690 TO 675 */ .title_box_2x_690 {width:675px; background:transparent url("/tts/branding/img/newbox/title_box_2x_690/titlebox_2x690m.gif") no-repeat left top; margin:0 0 0 0; padding:0 0 0 0; } .title_box_2x_690 .section1, .title_box_2x_690 .section2 {padding:0 0 0 0; width:330px; float:left; } .title_box_2x_690 .section1 {margin-right: 15px} .title_box_2x_690 .section1a, .title_box_2x_690 .section2a {background:transparent url("/tts/branding/img/newbox/title_box_2x_690/titlebox_2x690t.gif") no-repeat left top; width:310px; padding:6px 10px 6px 10px; } .title_box_2x_690 .section1b, .title_box_2x_690 .section2b {width:310px; padding:0 10px; border-top:1px solid #cccccc} .title_box_2x_690 .section3 {background:transparent url("/tts/branding/img/newbox/title_box_2x_690/titlebox_2x690b.gif") bottom; width:675px; height:14px; clear:both; } .title_box_2x_690 .section1a h3, .title_box_2x_690 .section2a h3 {padding-bottom:0; margin:0} .title_box_2x_690 .section1b p, .title_box_2x_690 .section2b p {margin-top:6px; margin-bottom:6px} *html .title_box_2x_690, *html .title_box_2x_690 .section1, *html .title_box_2x_690 .section2 , *html .title_box_2x_690 .section3 {height:1px;} /**/ /* BOX TYPE 4 - ONE SECTION TOGGLES ON/OFF VIA JQUERY. IS AUTO-SIZEABLE */ /**/ /* Expandable (toggle on/off) box - Fits size of column automatically */ .expand_auto {margin-bottom:12px} /* header bar */ .expand_auto .section1 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox1e.gif") no-repeat left top;} .expand_auto .section2 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox2e.gif") no-repeat right -2000px;} .expand_auto .section3 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox3e.gif") no-repeat left bottom;} .expand_auto .section4 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox4e.gif") no-repeat right bottom; padding:8px 80px 8px 8px} *html .expand_auto .section4 {height:10px} *html .expand_auto .section4b {height:10px} .expand_auto .section1 a:link, .expand_auto .section1 a:visited {color:#002d72; text-decoration:none;} .expand_auto .section1 a:hover, .expand_auto .section1 a:active {color:#002d72;} /* body */ .expand_auto .section5 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox5e.gif") no-repeat left top;} .expand_auto .section6 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox6e.gif") no-repeat right top;} .expand_auto .section7 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox7e.gif") no-repeat left bottom;} .expand_auto .section8 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox8e.gif") no-repeat right bottom; padding:8px} *html .expand_auto .section8 {height:10px} /* active state - turned on by javascript */ .expand_auto .trigger.active .section2 {background-position: right 0px ;} .expand_auto .trigger.active .section3 {background-position: -910px bottom ;} .expand_auto .trigger.active .section4 {background-position: -910px bottom ;} /* Expandable - version 2 - expanded section has no background, width = to column width */ .expand_auto2 {margin-bottom:12px} /* header bar */ .expand_auto2 .section1 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox1e.gif") no-repeat left top;} .expand_auto2 .section2 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox2e.gif") no-repeat right -2000px;} .expand_auto2 .section3 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox3e.gif") no-repeat left bottom;} .expand_auto2 .section4 {background:transparent url("/tts/branding/img/newbox/expand_auto/expandbox4e.gif") no-repeat right bottom; padding:8px 80px 8px 8px} *html .expand_auto2 .section4 {height:10px} *html .expand_auto2 .section4b {height:10px} .expand_auto2 .section1 a:link, .expand_auto2 .section1 a:visited {color:#002d72; text-decoration:none;} .expand_auto2 .section1 a:hover, .expand_auto2 .section1 a:active {color:#002d72; } *html .expand_auto2 .section8 {height:10px} /* active state - turned on by javascript */ .expand_auto2 .trigger.active .section2 {background-position: right 0px ;} /* Expandable - version 3 - white background with dotted line divider, width = to column width */ .expand_auto3 {margin-bottom:12px; padding-bottom:8px; background:transparent url("/tts/branding/img/newbox/expand_auto/3/expandbox3e.jpg") no-repeat left bottom;} /* header bar */ .expand_auto3 .section1 {} .expand_auto3 .section2 {background:transparent url("/tts/branding/img/newbox/expand_auto/3/expandbox2e.jpg") no-repeat right -2000px;} .expand_auto3 .section3 {} .expand_auto3 .section4 {min-height:30px} *html .expand_auto3 .section4 {height:20px} *html .expand_auto3 .section4b {height:20px} .expand_auto3 .section1 a:link,.expand_auto3 .section1 a:visited {color:#002d72; text-decoration:none;} .expand_auto3 .section1 a:hover, .expand_auto3 .section1 a:active {color:#002d72; } /* body */ .expand_auto3 .section5 {} .expand_auto3 .section6 {} .expand_auto3 .section7 {} .expand_auto3 .section8 {} *html .expand_auto3 .section8 {height:10px} /* active state - turned on by javascript */ .expand_auto3 .trigger.active .section2 {background-position: right 0px ;} .expand_auto3 .trigger.active .section3 {background-position: -910px bottom ;} .expand_auto3 .trigger.active .section4 {background-position: -910px bottom ;} .expand_auto3 .trigger img{float:left} .expand_auto3 .trigger span{float:right} /* special styles used for open/close function */ .expand1 .trigger2 a {color:#333333; text-decoration:none;} .expand1 .trigger2 {background:url("/tts/branding/img/open-close.gif") no-repeat scroll 0 0 transparent; padding-left:20px;} .expand1 .trigger2:hover {background-position: -4000px 0 ;} .expand1 .trigger2.active {background-position: -2000px 0 ;} .expand1 .trigger2.active:hover {background-position: -6000px 0 ;} .expand1 .trigger3 a {color:#333333; text-decoration:none;} .expand1 .trigger3 {background:url("/tts/branding/img/open-close-arrow.gif") no-repeat scroll 0 0 transparent; padding-left:20px;} .expand1 .trigger3:hover {background-position: -4000px 0 ;} .expand1 .trigger3.active {background-position: -2000px 0 ;} .expand1 .trigger3.active:hover {background-position: -6000px 0 ;} .expand1 .toggle_container2 ul {margin-top:.5em} /* NEW QA box (used without Q-box) */ /* KILLED - DL 11/20/2013 .a_box_auto2 {} .a_box_auto2 .section4 {background:transparent url("/tts/branding/img/blue_dbl_arrow.gif") no-repeat left 10px; padding:8px 0px 0px 15px} .a_box_auto2 .section5 {background:transparent url("/tts/branding/img/newbox/a_box_auto2/qabox_a1.gif") no-repeat left bottom; margin-top:4px} .a_box_auto2 .section6 {background:transparent url("/tts/branding/img/newbox/a_box_auto2/qabox_a2.gif") no-repeat right bottom;} .a_box_auto2 .section7 {background:transparent url("/tts/branding/img/newbox/a_box_auto2/qabox_a3a.gif") no-repeat left top;} .a_box_auto2 .section8 {background:transparent url("/tts/branding/img/newbox/a_box_auto2/qabox_a4a.gif") no-repeat right top; padding:27px 15px 15px 50px;} *html .a_box_auto2 {height:1px;} .a_box_auto2 a:link, .a_box_auto2 a:visited {color:#333333;text-decoration:none} .a_box_auto2 a:hover, .a_box_auto2 a:active {color:#000066;text-decoration:underline} */ /* SECTION 11 - Font-sizing and Print Icons */ .printoption {float:right; width:104px; text-align:right; margin:4px 0 4px 20px; } .printoption img {width:25px; height:30px} #print {display:block; margin:0} #printie {display:none; z-index:10;} a.zoomIcon0, a.zoomIcon0:visited {background:url("/tts/branding/img/zoomicon0.png") 0 0 no-repeat; width:25px; height:30px; vertical-align:top; display:block; float:left; margin:0; padding:0} a.zoomIcon0:hover {background:url("/tts/branding/img/zoomicon0.png") 0 -30px no-repeat; } a.zoomIcon1, a.zoomIcon1:visited {background:url("/tts/branding/img/zoomicon1.png") 0 0 no-repeat; width:25px; height:30px; vertical-align:top; display:block; float:left; margin:0; padding:0} a.zoomIcon1:hover {background:url("/tts/branding/img/zoomicon1.png") 0 -30px no-repeat; } a.zoomIcon2, a.zoomIcon2:visited {background:url("/tts/branding/img/zoomicon2.png") 0 0 no-repeat; width:25px; height:30px; vertical-align:top; display:block; float:left; margin:0; padding:0} a.zoomIcon2:hover {background:url("/tts/branding/img/zoomicon2.png") 0 -30px no-repeat; } a.printIcon, a.printIcon:visited {background:url("/tts/branding/img/printicon.png") 0 0 no-repeat; width:25px; height:30px; vertical-align:top; float:left; margin:0; padding:0} a.printIcon:hover {background:url("/tts/branding/img/printicon.png") 0 -30px no-repeat; } a.pdfIcon, a.pdfIcon:visited {background:url("/tts/branding/img/pdficon2.png") 0 0 no-repeat; width:25px; height:30px; vertical-align:top; float:left; margin:0; padding:0} a.pdfIcon:hover {background:url("/tts/branding/img/pdficon2.png") 0 -30px no-repeat; } a.emailIcon, a.emailIcon:visited {background:url("/tts/branding/img/emailicon.png") 0 0 no-repeat; width:25px; height:30px; vertical-align:top; float:left; margin:0; padding:0} a.emailIcon:hover {background:url("/tts/branding/img/emailicon.png") 0 -30px no-repeat; } /* SECTION 12 - Special buttons */ /* SECTION 12.1 - small button icon (>>) various iterations */ /* DEPRECATED AS OF V.3.71 */ /* KILLED - DL 11/20/2013 div.smbut {margin:6px 0;} .smbut a, .smbut a:visited {display:block; padding:4px 0 4px 0px; color:#002d72; text-decoration:underline} .smbut a:hover {padding:4px 0 4px 0px; color:#008ce6; text-decoration:none} a.smbut, a.smbut:visited {display:block; padding:6px 0 6px 0px; color:#002d72; text-decoration:underline} a.smbut:hover {padding:6px 0 6px 0px; color:#008ce6; text-decoration:none} div.smbut2 {margin:6px 0; padding:0 0 4px 0} .smbut2 a, .smbut2 a:visited {display:block; padding:4px 0 0 0px; color:#002d72; text-decoration:underline; font-weight:bold} .smbut2 a:hover {color:#008ce6; text-decoration:none} .smbut2 p {margin:0; padding-left:0px;} */ /* test version - for ul tags */ /* DEPRECATED AS OF V.3.71 */ #content ul.feature1 {margin:6px 0; padding:0 0 4px 0; list-style:none} #content .feature1 a, .feature1 a:visited {display:block; padding:4px 0 0 0px; color:#008ce6; text-decoration:none; font-weight:bold} #content .feature1 a:hover {color:#008ce6; text-decoration:none} #content .feature1 li {margin:0 0 0 0; padding:0 0 0 0;} /* USE ONLY IF CONTENT EXPANDS VIA JQUERY, ETC. */ div.expand-content {margin:6px 0;} .expand-content a, .expand-content a:visited {background:url("/tts/branding/img/arrow_2state_citiblue_ocean.png") 0 2px no-repeat; display:block; padding:4px 0 4px 18px; color:#008ce6; text-decoration:none} .expand-content a:hover {background:url("/tts/branding/img/arrow_2state_citiblue_ocean.png") -1000px 2px no-repeat ; padding:4px 0 4px 18px; color:#00bdf2; text-decoration:none} a.expand-content, a.expand-content:visited {background:url("/tts/branding/img/arrow_2state_citiblue_ocean.png") 0 4px no-repeat; display:block; padding:6px 0 6px 18px; color:#008ce6; text-decoration:none} a.expand-content:hover {background:url("/tts/branding/img/arrow_2state_citiblue_ocean.png") -1000px 4px no-repeat; padding:6px 0 6px 18px; color:#00bdf2; text-decoration:none} /* (<<) back and forward (>>) buttons */ a.goback, a.goback:visited {background:url(/tts/branding/img/blue_smbutton_l.gif) -1000px 2px no-repeat; padding:4px 0 0 18px; color:#000066; text-decoration:none; line-height:18px} a.goback:hover {background:url(/tts/branding/img/blue_smbutton_l.gif) 0 2px no-repeat; color:#669; } a.goforward, a.goforward:visited {background:url(/tts/branding/img/blue_smbutton_r.gif) right 2px no-repeat; padding:4px 15px 0 0; color:#000066; text-decoration:none; line-height:18px} a.goforward:hover {background:url(/tts/branding/img/blue_smbutton_r.gif) right -198px no-repeat; color:#669; } a.golink, a.golink:visited {background:url(/tts/branding/img/blue_smbutton_r.gif) 0px 2px no-repeat; padding:4px 0 0 18px; color:#000066; text-decoration:none; line-height:18px} a.golink:hover {background:url(/tts/branding/img/blue_smbutton_r.gif) 0px -198px no-repeat; color:#669; } a.maillink, a.maillink:visited {background:url(/tts/branding/img/mailicon.gif) 0px 2px no-repeat; padding:4px 0 0 18px; color:#000066; text-decoration:none; line-height:18px} a.maillink:hover {background:url(/tts/branding/img/mailicon.gif) 0px -198px no-repeat; color:#669; } a.twitter, a.twitter:visited {background:url(/tts/branding/img/twitter_icon.gif) 0px 2px no-repeat; padding:4px 0 0 18px; color:#000066; text-decoration:none; line-height:18px} a.twitter:hover {background:url(/tts/branding/img/twitter_icon.gif) 0px -198px no-repeat; color:#669; } /* SECTION 12.2 - text buttons with rollover states */ a.button_download_pdf, a.button_download_pdf:visited {background:url(/tts/branding/img/downloadpdf2.gif) 0px -200px no-repeat; width:100px; display:block} a.button_download_pdf:hover {background:url(/tts/branding/img/downloadpdf2.gif) 0px 0px no-repeat; } /* SECTION 13 */ /* Box types for 2013 rebrand */ /* SITEMAP LINK */ .sitemap-link { display : none; } /* SECTION 14 - FOOTER */ #footLinkRss a, #footLinkFacebook a, #footLinkTwitter a, #footLinkYoutube a, #footLinkLinkedin a, #footLinkGoogle a, #footLinkInstagram a {background-image: url("/tts/branding/img/social-media-icons.png"); width:20px; height:20px; background-repeat:no-repeat;} #footLinkRss a:link, #footLinkRss a:visited {background-position:0 -260px} #footLinkRss a:active, #footLinkRss a:hover {background-position:0 -120px} #footLinkFacebook a:link, #footLinkFacebook a:visited {background-position:0 -240px} #footLinkFacebook a:active, #footLinkFacebook a:hover {background-position:0 -100px} #footLinkTwitter a:link, #footLinkTwitter a:visited {background-position:0 -220px} #footLinkTwitter a:active, #footLinkTwitter a:hover {background-position:0 -80px} #footLinkYoutube a:link, #footLinkYoutube a:visited {background-position:0 -200px} #footLinkYoutube a:active, #footLinkYoutube a:hover {background-position:0 -60px} #footLinkLinkedin a:link, #footLinkLinkedin a:visited {background-position:0 -180px} #footLinkLinkedin a:active, #footLinkLinkedin a:hover {background-position:0 -40px} #footLinkGoogle a:link, #footLinkGoogle a:visited {background-position:0 -160px} #footLinkGoogle a:active, #footLinkGoogle a:hover {background-position:0 -20px} #footLinkInstagram a:link, #footLinkInstagram a:visited {background-position:0 -140px} #footLinkInstagram a:active, #footLinkInstagram a:hover {background-position:0 0}