html, body{ margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color: #333333;background-color: #FFFFFF; } h1 { font-family: Helvetica, Verdana, Arial,Sans-serif; font-weight: bold; word-spacing : 2px; } h2 { font-family: Helvetica, Verdana, Arial, Sans-serif; font-weight: bold; word-spacing : 2px; } h3 { font-family: Helvetica, Verdana, Arial, Sans-serif; font-weight: bold; word-spacing : 2px; } h4 { font-family: Helvetica, Verdana, Arial, Sans-serif; font-weight: bold; word-spacing : 2px; } .X-Large { font-size: 16px; } .Large { font-size: 14px; } .Medium { font-size: 13px; } .Small { font-size: 12px; } .X-Small { font-size: 11px; } .XX-Small { font-size: 10px; } .Bold { font-weight: bold; } .Arial { font-family: Arial, Verdana, Helvetica, sans-serif; } .Times { font-family: "Times New Roman", Times, serif; } .Verdana { font-family: Verdana, Arial,Sans-serif; } .Blue { color: #006699; } .LtBlue { color: #3399CC ; } .DkBlue { color: #003366 ; } .Green { color: #339933; } .Black { color: #000000; } .MdGrey { color: #555555; } .DkGrey { color: #333333; } .Grey { color: #666666; } .LtGrey { color: #999999; } .Red { color: #CC0000; } .White { color: #FFFFFF; } .DarkGreen { color: #3c6269; } .BlueHeader { color: #006699; font-family: "Trebuchet Ms", Verdana, Arial, Sans-serif; font-weight: bold; line-height: 20px; } .GreenHeader { color: #5d848b; } .DarkGreenHeader { color: #3c6269; } .WhiteHeader { color: #ffffff; } a.MediumLink { font-family: Verdana, Arial,Sans-serif; font-size:13px; font-weight: bold; color: #5d848b; text-decoration: none; border-bottom: 1px dotted #3c6269; } a.MediumLink:hover { font-family: Verdana, Arial,Sans-serif; font-size:13px; font-weight: bold; color: #3399CC; text-decoration: none; border-bottom: 1px dotted #3399CC; } a.lk { font-family: Verdana, Arial,Sans-serif; font-size:11px; font-weight: normal; color: #006699; text-decoration: none; border-bottom: none; } a.lk:hover { font-family: Verdana, Arial,Sans-serif; font-size:11px; font-weight: normal; color: #3399CC; text-decoration: none; border-bottom: 1px dotted #3399CC; } a.BoldLink { font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #006699; font-weight: bold; text-decoration: none; } a.BoldLink:hover { border-bottom: 1px dotted #3399CC; color: #3399CC ;} a.highlight { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #333333; text-decoration: none; border-bottom: 1px dotted #999999; } a.highlight:hover { color: #333333; text-decoration: none;border-bottom: 1px dotted #333333; background-color: #efefef; border-bottom: none; } .SiteNotice { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #993300; text-decoration: none; border: 1px solid #993300; padding: 5px; width: 595px; background-color: #ffffcc; } .AlertNotice { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #993300; text-decoration: none; border: 1px solid #993300; padding: 5px; width: 580px; background-color: #ffffcc; cursor: hand; } .Heading { font-family: "Trebuchet Ms", Verdana, Arial, Sans-serif; font-weight: bold; line-height: 20px; } .Upper { text-transform: uppercase; } .DottedLine { border-bottom: 1px dotted #999999; } .InsetBorder { background-color: #ebebeb; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; } input { font-family: Verdana, Arial, Sans-serif; font-size : 11px; color: #333333; border: 1px solid #999999; } #Wrapper1{ width:920px; max-height: 100%; text-align:left; background-image : url(/Content/Images/Layout/Page.gif); min-height: 800px; margin-left:auto; margin-right:auto; background-repeat : repeat-y; background-position:top center;} #Wrapper2 { width: 920px; height:125px; text-align:left; background-image : url(/Content/Images/Layout/CopyRightBg.png); background-position : bottom; background-repeat : no-repeat; margin-left:auto; margin-right:auto; } #Wrapper3 { width:920px; height: 100px; text-align:left; background-color : #FFFFFF; margin-left:auto; margin-right:auto; } #Top { width:920px; padding: 0px 20px 0px 20px; clear:both; } #Menu { width:920px; padding: 0px 20px 0px 20px; clear:both; } #Content { width:900px; padding: 0px 20px 0px 20px; } #LeftNavContainer { width: 190px; height: 100%; padding: 10px 7px 0px 10px; float: left; } #LeftNavMenu { width: 190px; height: 100%; padding: 10px 7px 0px 10px; float: left; } #PrintPageURL{ display: none; } /* DEPRECATE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! #ProductContainer { width: 643px; padding: 0px 10px 0px 13px; float: left; min-height: 650px; } */ #BreadCrumbLinks { width: 643px; float: left; font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #CCCCCC; padding: 20px 0px 10px 0px; } #BreadCrumbLinks a { color: #CCCCCC; text-decoration: none; padding-right: 5px; } #BreadCrumbLinks a:hover { color: #666666; text-decoration: none; } #ProductDesc { width: 643px; padding: 3px 0px 0px 0px; float: left; } #ProductDesc p { padding: 0px ; line-height: 18px; } #ProductDesc ul { margin-left: 0; padding-left: 17px; list-style-image : url(/Content/Images/Layout/FilledGreyArrow.png); margin:0; padding-top: 2px; padding-bottom: 5px; line-height: 17px; } #ProductDesc li { padding-bottom: 5px; } #ProductDesc td { padding-bottom: 12px ;padding-top: 12px; border-bottom: 1px solid #ffff; } #ProductDesc td.separator { border-bottom: 1px dotted #DDDDDD; } #ProductDesc .Table { width: 630px; font-size: 11px; font-family: Verdana, Arial, Sans-serif; border: 1px solid #CCCCCC; border-collapse: collapse; } #ProductDesc .Table td, th { border: 1px solid #CCCCCC; padding: 5px 2px 5px 6px; line-height: 18px; } #ProductDesc .Table th { font-weight: bold; padding: 7px 0px 7px 7px; background-image: url(/Content/Images/Layout/thBg.png); background-position : top left; background-color : #EBEBEB; } #ProductDesc strong.name { color: #666666; } #ProductDesc a.link { font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #006699; text-decoration: none; } #ProductDesc a.link:hover { font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #3399CC; text-decoration: none; } #ProductDesc a.name { font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #333333; text-decoration: none; } #ProductDesc a.name:hover { font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #006699; text-decoration: none; } #ProductDesc a.news { font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #006699; font-weight: bold; text-decoration: none; } #ProductDesc a.news:hover { border-bottom: 1px dotted #006699; } #ProductTabs { width: 655px; height: 50%; padding-top: 10px; float: left; } #ProductTabs p { line-height: 18px; } #ProductTabs ul.core { margin-left: 0; padding-left: 20px; list-style-image : url(/Content/Images/Layout/FilledGreyArrow.png); margin:0; padding-top: 2px; padding-bottom: 5px; line-height: 18px; } #ProductTabs ol.core { margin-left: 0; padding-left: 20px; margin:0; padding-top: 2px; padding-bottom: 5px; line-height: 18px; } #ProductTabs li.core { padding-bottom: 5px;} #ProductTabs .Details { width: 600px; font-size: 11px; font-family: Verdana, Arial, Sans-serif; border: 1px solid #CCCCCC; border-collapse: collapse;} #ProductTabs .Details ul { margin-left: 0; padding-left: 17px; list-style-image : url(/Content/Images/Layout/FilledGreyArrow.png); margin:0; padding-top: 2px; padding-bottom: 5px; } #ProductTabs .Details td, th { border: 1px solid #CCCCCC; padding: 3px 2px 2px 4px; line-height: 18px; } #ProductTabs .Details th { font-size: 11px; font-family: Arial, Verdana, Sans-serif; font-weight: bold; color: #444444; word-spacing: 2px; line-height: 15px; } #ProductTabs strong { font-size: 11px; font-family: Arial, Verdana, Sans-serif; font-weight: bold; color: #444444; word-spacing: 2px; } #ProductTabs ul.GreyList { line-height: 17px; margin-left: 0; padding-left: 17px; list-style-image : url(/Content/Images/Layout/FilledGreyArrow.png); margin:0; padding-top: 5px; padding-bottom: 2px; } #ProductTabs ul.NumberList { line-height: 17px; list-style : decimal; } .vertical { filter: flipv fliph; writing-mode: tb-rl; font-size: 11px; font-family: Arial, Verdana, Sans-serif; font-weight: normal; color: #444444; word-spacing: 2px; line-height: 15px;} #FooterCopyRight { width:920px;padding: 0px 20px 0px 20px; clear:both; } #FooterDisclosure { width:880px; padding: 10px 40px 0px 40px; clear:both; } #Logo{ margin-top: 0px; width:460px; height:63px; float: left; } #SearchBar{ width:420px; height:63px; float: left; background-image : url(/Content/Images/Layout/SearchBarBg.png); } #MainMenu{ width:880px; height:34px; float: left; } #Gallery { visibility: hidden; background-color: #000000; } #SecondaryMenu{ width:632px;height:30px; margin-left: 230px; padding: 0px 20px 10px 13px; } #SecondaryMenu { font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #999999; padding: 0px 5px 0px 5px; } #SecondaryMenu a { color: #999999; text-decoration: none; padding: 0px 7px 0px 7px; } #SecondaryMenu a:hover { color: #666666; text-decoration: none; padding: 0px 7px 0px 7px; } #Copyright{ width:850px; height: 30px; float: left; padding: 20px 10px 10px 20px; color: #888888; font-size: 10px; } #Disclosure{ width:840px; height:100px; font-size: xx-small; color: #999999; float: left; } /* *** Float containers fix: *** */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /*** Search Bar ***/ table#Search { table-layout: auto; width: 520px; border-collapse: collapse; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #777777; font-weight: normal; } table#Search a.Search { font-family: Arial, Verdana, Sans-Serif; font-weight: bold; color: #777777; text-decoration: none; line-height: 19px; padding-right: 11px; padding-left: 11px; } table#Search a.Search:hover { color: #333333; text-decoration: none; } table#Search input.SearchBoxBg { margin: -3px 0px 0px 6px; border: 0px; padding: 8px 0px 1px 7px; height: 21px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #666666; border: 0px; background-image : url(/Content/Images/Layout/SearchBoxBg.png); background-position : left ; background-repeat : no-repeat; } /*** End Search Bar ***/ /*** Main Menu ***/ ul#topmenu { width: 880px; height:60px; background:url(/Content/Images/Layout/MainMenuBg.png) repeat-x; list-style:none; margin:0; padding:0; } ul#topmenu li { float:left; } ul#topmenu li a { background:url(/Content/Images/Layout/MainMenuSprite.png) no-repeat scroll top left; display:block; height:30px; position:relative; } ul#topmenu li a.home { width:133px; } ul#topmenu li a.internetbanking { width:198px; background-position:-133px 0px; } ul#topmenu li a.bankingproducts { width:199px; background-position:-331px 0px; } ul#topmenu li a.memberservices { width:196px; background-position:-530px 0px; } ul#topmenu li a.aboutus { width:154px; background-position:-726px 0px; } ul#topmenu li a span { background:url(/Content/Images/Layout/MainMenuSprite.png) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; } ul#topmenu li a.home span { background-position:0px -30px; } ul#topmenu li a.internetbanking span { background-position:-133px -30px; } ul#topmenu li a.bankingproducts span { background-position:-331px -30px; } ul#topmenu li a.memberservices span { background-position:-530px -30px; } ul#topmenu li a.aboutus span { background-position:-726px -30px; } ul#topmenu li a span:hover { cursor:pointer; } /*** End Main Menu ***/ /*** Product Menu ***/ table#ProductMenu { table-layout: auto; width: 190px; height: 450px; border-collapse: collapse; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; font-weight: normal; } table#ProductMenu a { color: #006699; text-decoration: none; text-transform: uppercase; background-image: url(/Content/Images/Layout/DottedBlueArrow.png); margin-left: 0; padding-left: 15px; background-repeat : no-repeat; word-spacing : 1px; } table#ProductMenu a:hover { color: #3399CC ; text-decoration: none; text-transform: uppercase; } table#ProductMenu a.active { color: #CC3333; text-decoration: none; text-transform: uppercase; background-image: url(/Content/Images/Layout/DottedRedArrow.png); background-repeat : no-repeat; } table#ProductMenu a.active:hover { color: #CC3333; text-decoration: none; text-transform: uppercase; background-image: url(/Content/Images/Layout/DottedRedArrow.png); background-repeat : no-repeat; } table#ProductMenu ul.ProductMenuLink { line-height: 26px; float: left; list-style : outside url(/Content/Images/Layout/DottedBlueArrow.png); margin-left: 0; padding-left: 15px; } table#ProductMenu a.SubProductMenuLink { color: #006699; text-decoration:none; } table#ProductMenu a.SubProductMenuLink:hover { color: #3399CC; text-decoration:none; } table#ProductMenu hr { background-color: #DDDDDD; color: #DDDDDD; width: 95%; border: 0px; height: 1px; } table#ProductMenu a.Print { color: #BBBBBB; text-decoration: none; text-transform: lowercase; background-image: url(/Content/Images/Layout/PrintThisPage.png); margin-left: 0; padding-left: 22px; padding-top: 2px; background-repeat : no-repeat; line-height: 25px; } table#ProductMenu a.Print:hover { color: #999999 ; text-decoration: none; text-transform: lowercase; } /*** End Product Menu ***/ /*** Product Menu ***/ table#LeftNavMenu { table-layout: auto; width: 190px; height: 450px; border-collapse: collapse; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; font-weight: normal; } table#LeftNavMenu a { color: #006699; text-decoration: none; text-transform: uppercase; background-image: url(/Content/Images/Layout/DottedBlueArrow.png); margin-left: 0; padding-left: 15px; background-repeat : no-repeat; word-spacing : 1px; } table#LeftNavMenu a:hover { color: #3399CC ; text-decoration: none; text-transform: uppercase; } table#LeftNavMenu a.active { color: #CC3333; text-decoration: none; text-transform: uppercase; background-image: url(/Content/Images/Layout/DottedRedArrow.png); background-repeat : no-repeat; } table#LeftNavMenu a.active:hover { color: #CC3333; text-decoration: none; text-transform: uppercase; background-image: url(/Content/Images/Layout/DottedRedArrow.png); background-repeat : no-repeat; } table#LeftNavMenu ul.ProductMenuLink { line-height: 26px; float: left; list-style : outside url(/Content/Images/Layout/DottedBlueArrow.png); margin-left: 0; padding-left: 15px; } table#LeftNavMenu a.SubProductMenuLink { color: #006699; text-decoration:none; } table#LeftNavMenu a.SubProductMenuLink:hover { color: #3399CC; text-decoration:none; } table#LeftNavMenu hr { background-color: #DDDDDD; color: #DDDDDD; width: 95%; border: 0px; height: 1px; } table#LeftNavMenu a.Print { color: #BBBBBB; text-decoration: none; text-transform: lowercase; background-image: url(/Content/Images/Layout/PrintThisPage.png); margin-left: 0; padding-left: 22px; padding-top: 2px; background-repeat : no-repeat; line-height: 25px; } table#LeftNavMenu a.Print:hover { color: #999999 ; text-decoration: none; text-transform: lowercase; } /*** End Product Menu ***/ /* Skin */ #container-1 .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; } #container-1 .tabs-nav:after { display: block; clear: both; content: " "; } /* clearing without presentational markup, IE gets extra treatment */ #container-1 .tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 104px; } /* be nice to Opera */ #container-1 .tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background: url(/Content/Images/Layout/SilverTab.png) no-repeat; } #container-1 .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #666666; font-family: Arial, Verdana, Sans-serif; font-size: 9px; text-transform: uppercase; font-weight: normal; line-height: 1.2; text-align: center; text-decoration: none; word-spacing:1px; white-space: nowrap; } /* required in IE 6 */ #container-1 .tabs-nav .tabs-selected a { color: #333333; } #container-1 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -153px; outline: 0; } /* prevent dotted border in Firefox */ #container-1 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -102px; } #container-1 .tabs-nav a span { width: auto; min-width: 84px; height: 19px; min-height: 19px; padding-top:10px; padding-right: 0; } /* IE 6 treats width as min-width - height as min-height */ #container-1 *>.tabs-nav a span { width: auto; height: auto; } /* hide from IE 6 */ #container-1 .tabs-nav .tabs-selected a span { padding-top: 12px; } #container-1 .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -51px; } #container-1 .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } #container-1 .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text; } /* @ Opera, use pseudo classes otherwise it confuses cursor... */ #container-1 .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer; } /* @ Opera, we need to be explicit again here now... */ #container-1 .tabs-nav .tabs-disabled { opacity: .4; } #container-1 .tabs-container { border-top: 1px solid #DDDDDD; padding: 1em 8px; background: #fff; } /* declare background color for container to avoid distorted fonts in IE while fading */ #container-1 .tabs-loading em { padding: 0 0 0 20px; background: url(/Content/Images/Layout/loading.gif) no-repeat 0 50%; } /* Tabs - additional IE specific bug fixes Recommended usage (Conditional Comments): */ #container-1 .tabs-nav { display: inline-block; } /* auto clear */ #container-1 .tabs-nav .tabs-disabled { position: relative; filter: alpha(opacity=40); } /* fixes opacity */ #container-1 .tabs-nav .tabs-disabled a span { _height: 20px; min-height: 20px; } /* for some reason the height is 1px to less with opacity...in both IE 6 and 7 */ /* Skin */ #container-2 .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; } #container-2 .tabs-nav:after { display: block; clear: both; content: " "; } /* clearing without presentational markup, IE gets extra treatment */ #container-2 .tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 104px; } /* be nice to Opera */ #container-2 .tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background: url(/Content/Images/Layout/SilverTab.png) no-repeat; } #container-2 .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #666666; font-family: Arial, Verdana, Sans-serif; font-size: 9px; text-transform: uppercase; font-weight: normal; line-height: 1.2; text-align: center; text-decoration: none; word-spacing:1px; white-space: nowrap; } /* required in IE 6 */ #container-2 .tabs-nav .tabs-selected a { color: #333333; } #container-2 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -153px; outline: 0; } /* prevent dotted border in Firefox */ #container-2 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -102px; } #container-2 .tabs-nav a span { width: auto; min-width: 84px; height: 19px; min-height: 19px; padding-top:10px; padding-right: 0; } /* IE 6 treats width as min-width - height as min-height */ #container-2 *>.tabs-nav a span { width: auto; height: auto; } /* hide from IE 6 */ #container-2 .tabs-nav .tabs-selected a span { padding-top: 12px; } #container-2 .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -51px; } #container-2 .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } #container-2 .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text; } /* @ Opera, use pseudo classes otherwise it confuses cursor... */ #container-2 .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer; } /* @ Opera, we need to be explicit again here now... */ #container-2 .tabs-nav .tabs-disabled { opacity: .4; } #container-2 .tabs-container { border-top: 1px solid #DDDDDD; padding: 1em 8px; background: #fff; } /* declare background color for container to avoid distorted fonts in IE while fading */ #container-2 .tabs-loading em { padding: 0 0 0 20px; background: url(/Content/Images/Layout/loading.gif) no-repeat 0 50%; } /* Tabs - additional IE specific bug fixes Recommended usage (Conditional Comments): */ #container-2 .tabs-nav { display: inline-block; } /* auto clear */ #container-2 .tabs-nav .tabs-disabled { position: relative; filter: alpha(opacity=40); } /* fixes opacity */ #container-2 .tabs-nav .tabs-disabled a span { _height: 20px; min-height: 20px; } /* for some reason the height is 1px to less with opacity...in both IE 6 and 7 */ /* Tooltip */ /* ----- add selectors here for font sizing ----- */ #JT_close_left, #JT_close_right{font-size: 1.1em;} #JT_copy p, #JT_copy ul{font-size: 1.1em;} #contentPad{ margin:20px; } .formInfo a, .formInfo a:active, formInfo a:visited{ background-image: url(/Content/Images/Layout/HelpGreen.png); background-repeat : no-repeat; background-position : right; padding:1px 2px 5px 5px; width: 20px; height: 25px; margin-left: 5px; line-height: 20px; text-decoration: none; } .formInfo a:hover{ background-image: url(/Content/Images/Layout/HelpBlue.png); } /* ---------->>> jtip <<<---------------------------------------------------------------*/ #JT_arrow_left{ background-image: url(/Content/Images/Layout/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-11px; height:23px; width:10px; top:-3px; } #JT_arrow_right{ background-image: url(/Content/Images/Layout/arrow_right.gif); background-repeat: no-repeat; background-position: left center; position: absolute; z-index:101; height:23px; width:11px; top:0px; } #JT { position: absolute; z-index:150; border: 1px solid #cccccc; background-color: #ffffff; font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #333333; } #JT .LgTxt { font: normal normal 11px Verdana, Arial, San-serif; line-height: 16px; color:#000000; } #AppProductRates { width: 370px; border-collapse: collapse; margin-left: 10px; margin-top: 15px; } #AppProductRates td { border: 1px solid #CCCCCC; padding: 6px; font: normal normal 11px Verdana, Arial, San-serif; line-height: 16px; } #AppProductRates th { font-weight: bold; color:#FFFFFF; background-color: #888888; } #JT_copy{ padding:10px 10px 10px 10px; color:#333333; } .JT_loader{ background-image: url(/Content/Images/Layout/loading.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; } #JT_close_left{ background-color: #cccccc; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_close_right{ background-color: #cccccc; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_copy p{ margin:3px 0; } #JT_copy img{ padding: 1px; border: 1px solid #cccccc; } .jTip{ cursor:help; } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } /*printer styles */ @media print { body { background: white; font-size: 12pt; } #Top { display: none; } #SearchBar { display:none; } #Menu { display:none; } #ProductMenu { display: none; } .tabs-nav { display: none; } .tabs-container { width: 900px;} #PrintPageURL{ display: block; top: 0; left: 0;} #Wrapper1 { width:900px; background-image: none; margin-left:0; margin-right:0; } #Wrapper2 { width:900px; height:85px; text-align:left; background-image : none; margin-left:0; margin-right:0; } #ProductDesc { width: 900px; float: none !important; font-size: 12pt; } #ProductDesc h2 { font-size: 12pt; font-weight: bold; } #ProductDesc img { display: none; } #container-1 { width: 900px; font-size: 12pt; } #ProductTabs .Details { width:890px; font-size: 12pt; } #ProductTabs strong { font-size: 10pt; font-weight: bold; } #ProductTabs .Details th { font-size: 10pt; font-weight: bold; } .btn { visibility: hidden; } #SecondaryMenu { display:none; } #Copyright{ width: 900px; font-size: 10pt; padding: 0px;} #Disclosure{ width: 900px; font-size: 10pt; } #LeftNavMenu { display: none; } #MainContentHolder { font-size: 12pt; } .btn {display: none; } .ButtonApply {display: none; } #BreadCrumbLinks { display: none; } #Rates table.Details { width: 870px; font-size: 11pt;} #Rates table.Details th { font-size: 10pt;} .btnRates { visibility: visible; } } /* THIS IS FROM LANDING CSS FILE */ /* table#Login { table-layout: auto; width: 195px; border-collapse: collapse; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #333333; font-weight: normal; } table#Login input.Login { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; } table#Login a.Login { color: #006699; text-decoration: none; } table#Login a.Login:hover { color: #3399CC; text-decoration: none; } table#Login ul.Login { line-height: 16px; float: left; list-style : outside url(images/FilledBlueArrow.png); margin-left: 0; padding-left: 15px; margin-top: 3px; } table#Login a.LoginLink { color: #222222; text-decoration:none; } table#Login a.LoginLink:hover { color: #006699; text-decoration:none; } table#QuickLink { table-layout: auto; width: 195px; border-collapse: collapse; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #333333; font-weight: normal; } table#QuickLink input.QuickLinks { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #006699; font-weight: bold; } table#QuickLink ul.QuickLinks { line-height: 15px; float: left; list-style : outside url(images/FilledBlueArrow.png); margin-left: 0; margin-top: 0; padding-top: 10px; padding-left: 15px; } table#QuickLink a.QuickLinks { color: #222222; text-decoration:none; } table#QuickLink a.QuickLinks:hover { color: #006699; text-decoration:none; } table#QuickLink a.more { color: #999999; text-decoration:none; } table#QuickLink a.more:hover { color: #666666; text-decoration:none; }*/ table#RelatedLinks { table-layout: auto; width: 225px; height: 100%; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #666666; font-weight: normal; line-height: 15px; padding-left: 7px; } table#RelatedLinks td.member { height: 185px; background-image : url(/Content/Images/Layout/BecomeMemberBg.png); font-size: 10px; padding-left: 5px; background-repeat : no-repeat; } table#RelatedLinks a.member { font-size: 11px; color: #999999; text-decoration: none; } table#RelatedLinks a.member:hover { color: #666666; } table#RelatedLinks a.more { font-family: Arial, Verdana, Sans-serif; color: #006699; text-decoration:none; margin-left:0; padding-right: 10px; background-image: url(/Content/Images/Layout/FilledBlueArrow.png); background-repeat : no-repeat; background-position :56px; } table#RelatedLinks a.more:hover { color: #3399CC; text-decoration:none; } table#RelatedLinks td.Heading { font-size: 11px; font-family: Verdana, Arial, Sans-serif; font-weight: bold; margin-left:0 ; background-image: url(/Content/Images/Layout/BoxedBlueArrow.png); background-repeat : no-repeat; padding-left: 15px; } table#RelatedLinks td.hr { background-image: url(/Content/Images/Layout/HrBg.png) ; background-position: center; background-repeat: repeat-x; width: 100%; height: 15px; } table#RelatedLinks .pics { padding: 0px; margin: 0px; overflow: hidden; width: 191px; height: 124px } table#RelatedLinks .pics img { cursor: hand; padding: 0px; border: #ccc 0px solid; left: 0px; width: 191px; top: 0px; height: 124px; background-color: #EEEEEE; } table.CategoryLinks { table-layout: auto; border-collapse: collapse; width: 200px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; font-weight: normal; border: 1px solid #ededed; } table.CategoryLinks td.Heading { height: 32px; background-image: url(/Content/Images/Layout/HeaderLandingBg1.png); background-repeat: repeat-x; font-family: Verdana, Arial, San-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666666; padding-left: 7px; letter-spacing : 0px; } table.CategoryLinks a { color: #006699; text-decoration: none; } table.CategoryLinks .alert { font-family: Arial, Verdana, San-serif; color: #CC0000; text-decoration: none; font-size: 10px; } table.CategoryLinks a:hover { color: #3399CC; text-decoration: none; } table.CategoryLinks ul { line-height: 21px; float: left; margin-left: 0; padding: 5px 0px 5px 7px; list-style: none; } table.CategoryLinks a.more { color: #006699; text-decoration:none; margin-left:0; padding-right: 10px; background-image: url(/Content/Images/Layout/FilledGreyArrow.png); background-repeat : no-repeat; background-position :32px; } table.CategoryLinks a.more:hover { color: #666666; text-decoration:none; } /* BEGIN !!!!!!!!!!!!!!!!!!!!!!!!FIXES ----PAT*/ /*#West { width:242px; height:690px; padding: 1px 2px 0px 4px; float : left; } */ /*#East { width:640px; float : left; } */ /* DEPRECATE UPPER */ /* #West { width:242px; height:690px; padding: 1px 0px 4px 4px; float : left; } #East { width:648px; height:690px; float : left; } */ #LogIn{ width:227px; height:240px; float : left; padding: 5px 0px 10px 10px; background-image : url(/Content/Images/Layout/LoginBg.png);} #QuickLinks{ width:227px; height:434px; float : left; padding: 10px 0px 10px 10px; background-image : url(/Content/Images/Layout/QuickLinksBg.png); background-repeat: no-repeat; margin-top: 4px; } #ImageHeader{ width:632px; height:256px; float : left; background-image : url(/Content/Images/Layout/ImageHeaderBg.png); background-position : right; background-repeat : no-repeat; padding-right: 2px; } #ProductLink{ width:612px; height:210px; float : left; padding: 10px 20px 0px 20px;} #FeaturedProduct{ width:612px;height:154px; float : left; padding: 0px 20px 10px 20px;} table#FeaturedProducts { table-layout: auto; border-collapse: collapse; width: 600px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #333333; font-weight: normal; line-height: 15px; } table#FeaturedProducts a { color: #666666; text-decoration: none; } table#FeaturedProducts a:hover { color: #000000; text-decoration: none; } #OverviewLeftNav { width:242px; height:690px; padding: 1px 0px 4px 4px; float : left; } #OverviewContent { width:648px; float : left; } #HomeLeftNav { width:242px; height:690px; padding: 1px 0px 4px 4px; float : left; } #HomeContent { width:648px; height:690px; float : left;} /* END !!!!!!!!!!!!!!!!!!!!!!!!FIXES */ #RelatedLink { padding: 16px 3px 5px 7px; width: 227px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; font-weight: normal; border: 1px solid #ededed; height:575px; background-image: url(/Content/Images/Layout/RelatedLinksBg.png); background-repeat: repeat-x; } /* Removed temporary to fix home page Ads THIS WAS ORIGINALLY STYLED FOR LANDING #ImageHeader { width:630px; height:190px; float : left; padding-right: 5px; } #ImageHeader img { width: 100%; height: 100%; } #ImageHeader .loading { z-index: 10; background: url(/Content/Images/Layout/Loading.gif) no-repeat 50% 50%; width: 100%; height: 100%; } */ #HomeImageHeaderOLD { width:630px; height:256px; float : left; padding-right: 5px; } #HomeImageHeaderOLD img { width: 100%; height: 100%; } #HomeImageHeaderOLD .loading { z-index: 10; background: url(/Content/Images/Layout/Loading.gif) no-repeat 50% 50%; width: 100%; height: 100%; } #HomeImageHeader .pics { padding-right: 0px; padding-bottom: 0px; overflow: hidden; width: 605px; padding-top: 0px; height: 256px; } #HomeImageHeader .pics img { width: 100%; height: 100%;} #HomeImageHeader{ width:632px; height:256px; float : left; background-image : url(/Content/Images/Layout/ImageHeaderBg.png); background-position : right; background-repeat : no-repeat; padding-right: 2px; } #Category { width:630px; float : left; padding: 9px 10px 10px 0px; } #Rates { width:620px; float : left; padding: 9px 0px 10px 10px; } #Rates span.ProductTitle { background : url(/Content/Images/Layout/RateLtBlueHeader.png) repeat-x scroll right top; height: 40px; margin-top: 0px; line-height: 20px; padding: 10px 20px 3px 7px;} #Rates span.ProductTitle a { font-family: "Trebuchet Ms", Verdana, Arial, Sans-serif; font-weight: bold; text-transform: uppercase; color: #333333; font-size: 11px; text-decoration: none; } #Rates span.ProductTitle a:hover { color: #000000; text-decoration: none; } #Rates .Details { width: 600px; font-size: 11px; font-family: Verdana, Arial, Sans-serif; border: 1px solid #DDDDDD; border-collapse: collapse;} #Rates .Details ul { margin-left: 0; padding-left: 17px; list-style-image : url(/Content/Images/Layout/FilledGreyArrow.png); margin:0; padding-top: 2px; padding-bottom: 5px; } #Rates .Details td, th { border: 1px solid #CCCCCC;padding: 3px 2px 2px 4px; line-height: 18px; } #Rates .Details th { font-size: 11px; font-family: Arial, Verdana, Sans-serif; font-weight: bold; color: #444444; word-spacing: 2px; line-height: 18px; background-color: #F5F5F5; } #Rates .Details th.desc { font-size: 11px; font-family: Arial, Verdana, Sans-serif; font-weight: bold; color: #444444; word-spacing: 2px; line-height: 18px; background-color: #FFFFFF; padding: 5px; } #Rates .Details a.disclosure { font-size: 10px; font-family: Arial, Verdana, Sans-serif; font-weight: normal; color: #006699; text-decoration: none; } #Rates .Details a.disclosure:hover { font-size: 10px; font-family: Arial, Verdana, Sans-serif; font-weight: normal; color: #3399CC; text-decoration: none; } #Rates .Details a.small { font-size: 11px; font-family: Arial, Verdana, Sans-serif; font-weight: normal; color: #666666; text-decoration: none; } #Rates .Details a.small:hover { font-size: 11px; font-family: Arial, Verdana, Sans-serif; font-weight: normal; color: #333333; text-decoration: none; } /* #Rates span.ProductName a { font-family: Verdana, Arial, Sans-serif; font-weight: bold; text-transform: uppercase; color: #666666; font-size: 11px; text-decoration: none; } #Rates span.ProductName a:hover { color: #000000; text-decoration: underline; } */ span.ProductName a { font-family: Verdana, Arial, Sans-serif; font-weight: bold; text-transform: uppercase; color: #666666; font-size: 11px; text-decoration: none; } span.ProductName a:hover { color: #000000; text-decoration: underline; } #CheckingBox { width: 208px; padding-bottom: 10px; float: left; } #SavingsBox { width: 208px; padding-bottom: 10px; float: left; } #LoansBox { width: 208px; padding-bottom: 10px; float: left; } #CalculatorsBox { width: 208px; padding-bottom: 10px; float: left; } #SmallBusBox { width: 208px; padding-bottom: 10px; float: left; } #Map { width: 630px; color: #6699FF; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; font-weight: normal; } table#MapLinks { width: 570px; float:right; } table#MapLinks td { padding-bottom: 3px; padding-top:3px; border-bottom: 1px dotted #E5E5E5; } table#MapLinks a { color: #006699; text-decoration: none; } table#MapLinks a:hover { color: #3399CC; text-decoration: none; border-bottom: 1px dotted #3399CC; } /* FAQs*/ .accordion div { width: 620px; padding-top: 5px; padding-left: 15px; } .accordion .on { border-bottom: 1px dotted #CCCCCC; padding-bottom: 10px; } .accordion p { font-weight: normal; font-size: 11px; padding: 0px 5px 5px 3px; } .accordion a.question { cursor: hand; display:block;margin-top: 0;padding: 10px 5px 10px 15px; text-decoration: none;font-weight: bold;font-family: 'Trebuchet Ms',Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px;color: #006699;border-bottom: 1px dotted #CCCCCC;background : url(/Content/Images/Layout/FilledGreyArrow.png) no-repeat left; } .accordion a.question:hover { color: #000000; background-color: #F5F5F5; cursor: hand; } .accordion a.question.selected { color: #336699;background-color : #FFFFFF;border-bottom: 1px dotted #FFFFFF; cursor: hand; } .accordion ul { margin: 0; padding-left: 20px; line-height: 17px; list-style : circle; } .accordion ul li { padding-bottom: 7px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } .PageDisclosure{ font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #666666; font-weight: normal;} /*** FIX THIS!!!! DO NOT FLOAT LEFT Button* **/ .ButtonApplyNow { display: block; position: relative; background: #aaa; padding: 3px; color: #fff; text-decoration: none; cursor: pointer; } .ButtonApplyNow * { font-style: normal; font-family: Arial, Verdana, Sans-serif; font-size: 9px; background-image: url(/Content/Images/Layout/btn2.png); background-repeat: no-repeat; display: block; position: relative; } .ButtonApplyNow i { background-position: top left; position: absolute; margin-bottom: -3px; top: 0; left: 0; width: 3px; height: 3px; } .ButtonApplyNow span { background-position: bottom left; left: -3px; padding: 0 0 3px 6px; margin-bottom: -3px; } .ButtonApplyNow span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 6px; height: 100%; top: 0; } .ButtonApplyNow span span { background-position: top right; position: absolute; right: -6px; margin-left: 10px; top: -3px; height: 0; } * html .ButtonApplyNow span, * html .ButtonApplyNow i { float: left; width: auto; background-image: none; cursor: pointer; } .ButtonApplyNow.blue { background: #77DFFF; } .ButtonApplyNow.green { background: #9d4; } .ButtonApplyNow:hover { background-color: #3bb4f0; } .ButtonApplyNow:active { background-color: #444; } .ButtonApplyNow[class] { background-image: url(/Content/Images/Layout/shade.png); background-position: bottom; } * html .ButtonApplyNow { border: 3px double #aaa; } * html .ButtonApplyNow.blue { border-color: #2ae; } * html .ButtonApplyNow.green { border-color: #9d4; } * html .ButtonApplyNow:hover { border-color: #a00; } /*** End Button ***/ /* Home Button */ .btn1 { display: block; position: relative; background: #aaa; padding: 3px; float: left; color: #FFFFFF; text-decoration: none; cursor: pointer; } .btn1 * { font-style: normal; font-family: Arial, Verdana, Sans-serif; font-size: 9px; background-image: url(/Content/Images/Layout/btn1.png); background-repeat: no-repeat; display: block; position: relative; } .btn1 i { background-position: top left; position: absolute; margin-bottom: -3px; top: 0; left: 0; width: 3px; height: 3px; } .btn1 span { background-position: bottom left; left: -3px; padding: 0 0 3px 6px; margin-bottom: -3px; } .btn1 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 6px; height: 100%; top: 0; } .btn1 span span { background-position: top right; position: absolute; right: -6px; margin-left: 10px; top: -3px; height: 0; } * html .btn1 span, * html .btn1 i { float: left; width: auto; background-image: none; cursor: pointer; } .btn1.blue { background: #77DFFF; } .btn1:hover { background-color: #3bb4f0;} .btn1:active { background-color: #444; } .btn1[class] { background-image: url(/Content/Images/Layout/shade.png); background-position: bottom; } * html .btn1 { border: 3px double #aaa; } * html .btn1.blue { border-color: #2ae; } * html .btn1:hover { border-color: #99CCFF;} /*** Button* **/ .btn { display: block; position: relative; background: #aaa; padding: 3px; color: #fff; text-decoration: none; cursor: pointer; } .btn * { font-style: normal; font-family: Arial, Verdana, Sans-serif; font-size: 9px; background-image: url(/Content/Images/Layout/btn2.png); background-repeat: no-repeat; display: block; position: relative; } .btn i { background-position: top left; position: absolute; margin-bottom: -3px; top: 0; left: 0; width: 3px; height: 3px; } .btn span { background-position: bottom left; left: -3px; padding: 0 0 3px 6px; margin-bottom: -3px; } .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 6px; height: 100%; top: 0; } .btn span span { background-position: top right; position: absolute; right: -6px; margin-left: 10px; top: -3px; height: 0; } * html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; } .btn.blue { background: #77DFFF; } .btn.green { background: #9d4; } .btn.red { background: #cc3333; font: normal normal 10px Arial, Verdana,san-serif; height: 18px; padding:0px 8px 0px 8px; } .btn:hover { background-color: #3bb4f0; } .btn:active { background-color: #CCCCCC; } .btn[class] { background-image: url(/Content/Images/Layout/shade.png); background-position: bottom; } .btn.WhiteBackground { background-image: url(/Content/Images/Layout/btn1.png); background-repeat: no-repeat; } .btn.BlueBackground { background-image: url(/Content/Images/Layout/btn2.png); background-repeat: no-repeat; } * html .btn { border: 3px double #aaa; } * html .btn.blue { border-color: #2ae; } * html .btn.green { border-color: #9d4; } * html .btn:hover { border-color: #a00; } /*** End Button ***/ /*** Temp Login Button* **/ .ButtonLogin { background: #aaa; padding: 0px; color: #fff; text-decoration: none; cursor: pointer; height: 18px; } .ButtonLogin * { font-style: normal; font-family: Arial, Verdana, Sans-serif; font-size: 9px; background-image: url(/Content/Images/Layout/btn2.png); background-repeat: no-repeat; display: block; position: relative; } .ButtonLogin i { background-position: top left; position: absolute; margin-bottom: -3px; top: 0; left: 0; width: 3px; height: 3px; } .ButtonLogin span { background-position: bottom left; left: -3px; padding: 0 0 3px 6px; margin-bottom: -3px; } .ButtonLogin span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 6px; height: 100%; top: 0; } .ButtonLogin span span { background-position: top right; position: absolute; right: -6px; margin-left: 10px; top: -3px; height: 0; } * html .ButtonLogin span, * html .ButtonLogin i { width: auto; background-image: none; cursor: pointer; } .ButtonLogin.blue { background: #77DFFF; } .ButtonLogin.green { background: #9d4; } .ButtonLogin:hover { background-color: #3bb4f0; } .ButtonLogin:active { background-color: #444; } .ButtonLogin[class] { background-image: url(/Content/Images/Layout/shade.png); background-position: bottom; } .ButtonLogin.WhiteBackground { background-image: url(/Content/Images/Layout/btn1.png); background-repeat: no-repeat; } .ButtonLogin.BlueBackground { background-image: url(/Content/Images/Layout/btn2.png); background-repeat: no-repeat; } * html .ButtonLogin { border: 0px double #aaa; } * html .ButtonLogin.blue { border-color: #2ae; } * html .ButtonLogin.green { border-color: #9d4; } * html .ButtonLogin:hover { border-color: #a00; } /*** End Temp Login Button ***/ /*** News Date Posting ***/ .postdate { FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 50px; POSITION: relative; HEIGHT: 50px; } .month { BACKGROUND-IMAGE: url(/Content/Images/Layout/dates.png); TEXT-INDENT: -1000em; BACKGROUND-REPEAT: no-repeat; POSITION: absolute } .day { BACKGROUND-IMAGE: url(/Content/Images/Layout/dates.png); TEXT-INDENT: -1000em; BACKGROUND-REPEAT: no-repeat; POSITION: absolute } .year { BACKGROUND-IMAGE: url(/Content/Images/Layout/dates.png); TEXT-INDENT: -1000em; BACKGROUND-REPEAT: no-repeat; POSITION: absolute } .month { LEFT: 0px; WIDTH: 32px; TOP: 2px; HEIGHT: 24px } .day { LEFT: 0px; WIDTH: 32px; TOP: 25px; HEIGHT: 25px } .year { RIGHT: 0px; WIDTH: 17px; BOTTOM: 0px; HEIGHT: 48px } .m-01 { BACKGROUND-POSITION: 0px 4px } .m-02 { BACKGROUND-POSITION: 0px -28px } .m-03 { BACKGROUND-POSITION: 0px -57px } .m-04 { BACKGROUND-POSITION: 0px -90px } .m-05 { BACKGROUND-POSITION: 0px -121px } .m-06 { BACKGROUND-POSITION: 0px -155px } .m-07 { BACKGROUND-POSITION: 0px -180px } .m-08 { BACKGROUND-POSITION: 0px -216px } .m-09 { BACKGROUND-POSITION: 0px -246px } .m-10 { BACKGROUND-POSITION: 0px -273px } .m-11 { BACKGROUND-POSITION: 0px -309px } .m-12 { BACKGROUND-POSITION: 0px -340px } .d-01 { BACKGROUND-POSITION: -50px 0px } .d-02 { BACKGROUND-POSITION: -50px -31px } .d-03 { BACKGROUND-POSITION: -50px -62px } .d-04 { BACKGROUND-POSITION: -50px -92px } .d-05 { BACKGROUND-POSITION: -50px -123px } .d-06 { BACKGROUND-POSITION: -50px -154px } .d-07 { BACKGROUND-POSITION: -50px -185px } .d-08 { BACKGROUND-POSITION: -50px -216px } .d-09 { BACKGROUND-POSITION: -50px -248px } .d-10 { BACKGROUND-POSITION: -50px -278px } .d-11 { BACKGROUND-POSITION: -50px -309px } .d-12 { BACKGROUND-POSITION: -50px -340px } .d-13 { BACKGROUND-POSITION: -50px -371px } .d-14 { BACKGROUND-POSITION: -50px -402px } .d-15 { BACKGROUND-POSITION: -50px -434px } .d-16 { BACKGROUND-POSITION: -50px -465px } .d-17 { BACKGROUND-POSITION: -100px 0px } .d-18 { BACKGROUND-POSITION: -100px -31px } .d-19 { BACKGROUND-POSITION: -100px -62px } .d-20 { BACKGROUND-POSITION: -100px -92px } .d-21 { BACKGROUND-POSITION: -100px -123px } .d-22 { BACKGROUND-POSITION: -100px -154px } .d-23 { BACKGROUND-POSITION: -100px -185px } .d-24 { BACKGROUND-POSITION: -100px -216px } .d-25 { BACKGROUND-POSITION: -100px -248px } .d-26 { BACKGROUND-POSITION: -100px -278px } .d-27 { BACKGROUND-POSITION: -100px -309px } .d-28 { BACKGROUND-POSITION: -100px -340px } .d-29 { BACKGROUND-POSITION: -100px -371px } .d-30 { BACKGROUND-POSITION: -100px -402px } .d-31 { BACKGROUND-POSITION: -100px -434px } .y-2009 { BACKGROUND-POSITION: -150px 0px } .y-2010 { BACKGROUND-POSITION: -150px -50px } .y-2011 { BACKGROUND-POSITION: -150px -100px } .y-2012 { BACKGROUND-POSITION: -150px -150px } .y-2013 { BACKGROUND-POSITION: -150px -200px } .y-2014 { BACKGROUND-POSITION: -150px -250px } .y-2015 { BACKGROUND-POSITION: -150px -300px } .y-2016 { BACKGROUND-POSITION: -150px -350px } .y-2017 { BACKGROUND-POSITION: -150px -400px } .y-2018 { BACKGROUND-POSITION: -150px -450px } .y-2019 { BACKGROUND-POSITION: -150px -500px } /*** End News Date Posting ***/ /*** Master Button Element ***/ .Button { display: block; background: transparent; padding: 3px; color: #fff; text-decoration: none; cursor: pointer; border: 1px #2ae;} .Button * { font-style: normal; font-family: Arial, Verdana, Sans-serif; font-size: 9px; display: block; } .Button.BlueBackground { background: #77DFFF; } .Button.GreenBackground { background: #9d4; } .Button.BlueBackground:hover { background-color: #3bb4f0; border-color: #2ae; } .Button.GreenBackground:hover { background: #9d4; border-color: #a00;} .Button:active { background-color: #000000; } .Button[class] { background-image: url(/Content/Images/Layout/shade.png); background-position: bottom; } * html .Button { border: 3px double #aaa; } * html .Button.BlueBackground { border-color: #2ae; } * html .Button.GreenBackground { border-color: #9d4; } * html .Button:hover { border-color: #a00; } /*** End Master Button Element ***/ /*** Button* **/ .btnRates { display: block; position: relative; background: #aaa; padding: 3px; color: #fff; text-decoration: none; cursor: pointer; } .btnRates * { font-style: normal; font-family: Arial, Verdana, Sans-serif; font-size: 9px; background-image: url(/Content/Images/Layout/btn2.png); background-repeat: no-repeat; display: block; position: relative; } .btnRates i { background-position: top left; position: absolute; margin-bottom: -3px; top: 0; left: 0; width: 3px; height: 3px; } .btnRates span { background-position: bottom left; left: -3px; padding: 0 0 3px 6px; margin-bottom: -3px; } .btnRates span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 6px; height: 100%; top: 0; } .btnRates span span { background-position: top right; position: absolute; right: -6px; margin-left: 10px; top: -3px; height: 0; } * html .btnRates span, * html .btnRates i { float: left; width: auto; background-image: none; cursor: pointer; } .btnRates.blue { background: #77DFFF; } .btnRates.green { background: #9d4; } .btnRates:hover { background-color: #3bb4f0; } .btnRates:active { background-color: #444; } .btnRates[class] { background-image: url(/Content/Images/Layout/shade.png); background-position: bottom; } .btnRates.WhiteBackground { background-image: url(/Content/Images/Layout/btn1.png); background-repeat: no-repeat; } .btnRates.BlueBackground { background-image: url(/Content/Images/Layout/btn2.png); background-repeat: no-repeat; } * html .btnRates { border: 3px double #aaa; } * html .btnRates.blue { border-color: #2ae; } * html .btnRates.green { border-color: #9d4; } * html .btnRates:hover { border-color: #a00; } /*** End Button ***/ /* ************************************************************** TITLE: Rounded Corners Plugin AUTHOR: Aaron Vanderzwan COMPANY: People Design DATE: February 19, 2008 Rebuild #1 DATE: February 03, 2009 ************************************************************** */ /* *********************************************************** */ /* EDIT THESE ATTRIBUTES FOR YOUR BACKGROUND IMAGE INFORMATION */ /* *********************************************************** */ .top_left, .top_right, .bottom_left, .bottom_right{ /* Where the background image is located */ background-image:url("/Content/Images/Layout/WhiteRoundedBackground.png"); /* The width of the background image */ width:7px; /* The height of the background image */ height:7px; } /* *********************************************************** */ /* **** DON'T CHANGE ANYTHING BEYOND THIS POINT ************** */ /* *********************************************************** */ .rcorner_wrapper { position:absolute; height:auto; width:auto; margin-bottom:0px; } .top_left, .top_right, .bottom_left, .bottom_right{ position:absolute; } /* this sets the position of the corners */ .top_left{top:0;left:0; background-position:-1px -1px; background-repeat:no-repeat} .top_right{top:0;right:0; background-position:-9px -1px; background-repeat:no-repeat} .bottom_left{bottom:0;left:0; background-position:-1px -9px; background-repeat:no-repeat} .bottom_right{bottom:0;right:0; background-position:-9px -9px; background-repeat:no-repeat} .top_leftORG{top:0;left:0;background-position:left top; background-position:-1px -1px;} .top_rightORG{top:0;right:0;background-position:right top; background-position:-7px -1px;} .bottom_leftORG{bottom:0;left:0;background-position:left bottom;background-position:-1px -7px;} .bottom_rightORG{bottom:0;right:0;background-position:right bottom; background-position:-7px -7px;} a.Link { font-family: Verdana, Arial,Sans-serif; font-size:11px; font-weight: normal; color: #006699; text-decoration: none; border-bottom: none; } a.Link:hover { font-family: Verdana, Arial,Sans-serif; font-size:11px; font-weight: normal; color: #3399CC; text-decoration: none; border-bottom: 1px dotted #3399CC; } span.Link { font-family: Verdana, Arial,Sans-serif; font-size:11px; font-weight: normal; color: #006699; text-decoration: none; border-bottom: none; } span.Link:hover { font-family: Verdana, Arial,Sans-serif; font-size:11px; font-weight: normal; color: #3399CC; text-decoration: none; cursor: hand; border-bottom: 1px dotted #3399CC; } .RateSmallText{font-size: 10px;}