/* Z-INDEX NOTES - TODO 1. regulars = 1-3 2. coverMe = 99 3. modal = 100 4. form errors = 200 5. php debug = 300 ----------------------------*/ #vlogContainer { z-index:1005; position:fixed; } /*---------- TAGS ------------*/ body { background:#fff; color:#333; text-align:left; font:13px/1.231 arial, helvetica, clean, sans-serif; } h1 { color:#693; font-size:28px; } /* color:#693; */ h2 { font-size:125%; } h3 { color:#333; } h5 { font-size:18px; color:#1b75bc; } p { margin-bottom:1em; } ul { margin:0 0 1em 3em; } ul li { list-style-type:disc; padding:3px 0; } ul ul { margin-bottom:0; } ol { margin:0 0 1em 3em; } ol li { list-style-type:decimal; padding:3px 0; } sup { bottom:0.2em; font-size:9px; position:relative; } blockquote { border-left:4px solid #ccc; margin:.8em 3em .8em 4em; padding:.3em 0 0 1em; } /** * OVERIDES */ .wrap { margin:0; position:static; text-align:left; width:auto; } .wrap a { font-weight:normal; } /*------------------- MAIN WRAPPERS ---------------------*/ #Header { margin:0 0 28px; } #Content { padding:0 0 10px 0; min-height:300px; } #Footer { } .mainWrapper { text-align:left; } /*----------------- MAIN HEADER -------------------*/ /* live help */ #Header #liveHelp { padding:0 0 0 60px; float:right; margin:20px 10px 0 0; height:44px; background:url('/asset/img/main/postitnote.jpg') 0 0 no-repeat; } #Header #liveHelp h4.live { color:#036; font-weight:bold; line-height:1.231; margin-bottom:0; } #Header #liveHelp p, #Header #liveHelp span { font-size:11px; margin:0; } #Header #liveHelp a { font-weight:normal; } /* HEADER: logo */ #Header #logo { background:url('/asset/img/main/logo.jpg') 0 0 no-repeat; width:277px; margin:10px 10px 5px -15px; float:left; } #Header #logo a img { display:block; height:68px; width:277px; } /* HEADER:live help */ #Header #liveHelp { background:url('/asset/img/main/postitnote.jpg') 0 0 no-repeat; padding:0 0 0 60px; float:right; margin:34px 10px 0 0; height:44px; } #Header #liveHelp h4.live { color:#036; font-weight:bold; line-height:1.231; margin-bottom:0; } #Header #liveHelp p, #Header #liveHelp span { font-size:11px; margin:0; } #Header #liveHelp a { font-weight:normal; } /* ohHeader:secure login */ #Header #secureLogin { background-image:url('/asset/img/securelockhover.jpg'); background-position:-2px 3px; background-repeat:no-repeat; width:102px; border-left:1px solid #000; margin:40px -15px 0 0; float:right; } #Header #secureLogin.hover { background-position:-2px -34px; cursor:pointer; } #Header #secureLogin h4 { font-size:13px; margin:0; } /* needs to be explicit for signup success page*/ #Header #secureLogin h4 a { text-transform:uppercase; display:block; padding-left:28px; color:#036; font-weight:bold; padding-top:2px; text-decoration:none; line-height:1.231; } #Header #secureLogin.hover h4 a, #Header #secureLogin h4 a:hover { color:#666; text-decoration:none; } /* HEADER:main navigation */ #Header #mainNav { clear:both; background:url('/asset/img/nav/navBar.jpg') 0 0 no-repeat; margin-left:-24px; width:989px; } * html #Header #mainNav { margin-left:0; position:relative; left:-20px; } #Header #mainNav ul { margin:0 0 0 15px; list-style:none; } #Header #mainNav ul li { padding:0; list-style:none; float:left; } #Header #mainNav ul li a { display:block; min-height:20px; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; font-size:11px; margin-top:8px; letter-spacing:.9px; padding:0 2px 0 0; background-image:url('/asset/img/nav/navDivider.png'); background-repeat:no-repeat; background-position:right; } * html #Header #mainNav ul li a { background-image:none; border-right:1px solid #ccc; } #Header #mainNav ul li.noDivider a { background:none; } * html #Header #mainNav ul li.noDivider a, * html #Header #mainNav ul li.nav_account a { border:none; } #Header #mainNav ul li a span { display:block; font-weight:bold; min-height:16px; padding:2px 15px 0 15px; } #Header #mainNav ul li a.hover span { background:url('/asset/img/nav/nav_hover.jpg') 0 0 repeat-x; border-color:#666; } #Header #mainNav ul li a.selected span { background:url('/asset/img/nav/nav_selected.jpg') 0 0 repeat-x; border-color:#666; } #Header #mainNav ul li.nav_account { float:right; margin-right:15px; } * html #Header #mainNav ul li.nav_account { margin-right:8px; } #Header #mainNav ul li.nav_account a { background-image:none; padding:5px 0 0 0; font-size:15px; letter-spacing:.3px; margin:0 0 10px 0; } #Header #mainNav ul li.nav_account a span { background:#486c82 url('/asset/img/nav/navOpenAccount.jpg') 0 0 repeat-x; border:1px solid #666; min-height:20px; padding:2px 20px 0 20px; } #Header #mainNav ul li.nav_account a:hover span { background:#59744b url('/asset/img/nav/navOpenAccount_selected.jpg') 0 0 repeat-x; border:1px solid #666; color:#fff; } /* float clearing */ * html #Header #mainNav ul, * html #Header { height:1%; overflow:visible; } *+html #Header #mainNav ul, *+html #Header { min-height:1%; } #Header #mainNav ul:after, #Header:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } /*----------------- MAIN FOOTER -------------------*/ #Footer #subNav { margin-top:35px; } #Footer .legalWrap p { position:relative; } #Footer .legalWrap sup { position:absolute; left:-12px; top:-2px; font-size:9px; } #subNav a { font-size:11px; color:#666; text-decoration:none; font-weight:normal; } #subNav a.selected { color:#693; } #subNav a:hover { color:#999; } /*--------------- FOOTNOTES -----------------*/ sup[title], sup[title] * { font-size:9px !important; color:#669900 !important; } sup[title] a { text-decoration:underline !important; } sup[title] a:hover { text-decoration:none !important; } sup[title].absolute { position:absolute; } sup[title].absolute a { display:block; width:9px; height:11px; text-indent:-9999px; /*border:1px solid #000;*/ background:transparent url('/oh-assets/images/blank.gif') repeat 0 0; } sup[title].absolute.show a { text-indent:0; } sup[title].absolute.blue a { color:#00529b !important; } .sup-style-2 sup[title] * { color:#fff !important; } /*------------------ MAIN CONTENT --------------------*/ #Content .intro { margin:0 0 22px; } #Content h1 { margin:0 0 25px; } #Content .grid_12 h1 { margin:0 0 30px; } #Content h1 .subTitle { display:block; margin:5px 0 -5px; color:#333; font-size:18px; line-height:28px; } #Content h1 .subTitle strong { color:#000; font-size:30px; line-height:30px; } #Content h2 .subTitle { display:block; margin:5px 0 -5px; color:#666; font-size:18px; } #Small-title h1 { font-size:18px; } #Small-title h1 .subTitle { margin:12px 0 25px; font-size:28px; color:#000; } /** * MISC */ #Home #optionRates, #Home #spreadRates, #Home #stockRates { height:auto; } .rateContentBlock { margin:5px 10px 10px 0 !important; } .rateContentBlock .rateContentHeader h3 { margin:0; font-size:30px; } .rateContentBlock p { margin:0; } .rateContentBlock br { display:none; } /*------------- CONTENT ---------------*/ .category #wrap #content, .archive #wrap #content { /*float:left; width:51em; margin-right:1em;*/ } .category #wrap #content #main, .archive #wrap #content #main, .single #wrap #content #main, .page #wrap #content #main { float:left; width:51em; margin-right:1em; } #content #main { margin:0 auto; /*width:50.4em;*/ float:left; } /*---------- BLOG ------------*/ .post { margin-bottom:50px; } #postWrapper { margin:0 0 50px; } .blogList { } .blogList p { font-size:14px; line-height:18px; color:#444; } .blogList table * { font-size:13px; } .blogList .noRecs { padding:50px 20px 10px !important; margin-bottom:40px; } .blogList .comments { font-size:12px; } .blogList .post { position:relative; margin-bottom:0; padding:3em 0 2.9em; border-bottom:2px dotted #bbb; } .blogList .post:first-of-type { border-top:2px dotted #bbb; } .blogList .post .posthead { } .blogList .post .posthead h2 { color:#222; font-size:22px; line-height:33px; font-weight:bold !important; } .blogList .post .posthead h2 a { color:#222; cursor:pointer; text-decoration:none; } .blogList .post .posthead h2 a:hover { color:#669900; } .blogList .post .posthead h2 sup { position:relative; top:-15px; left:0; font-size:15px; } .blogList .post .posthead span.author { color:#888; font-style:italic;margin-bottom:1em; font-size:.85em; line-height:1.8em; display:block; } .blogList .post .posthead span.author a { color:#888; font-size:1.2em; } .blogList .post .postcontent { font-size:1.4em; line-height:1.571em; } .blogList .post .postmetadata { color:#888; } .blogList .post .postmetadata .tags { } .blogList .post h3 { /*color:#143e68;*/ font-size:20px; } .blogList .post h3 sup { position:relative; top:-8px; left:0; font-size:11px; } span.author { display:block; margin-bottom:1em; color:#888; font-style:italic; font-size:.85em; line-height:1.8em; } span.author a { color:#888; font-size:1.2em; } .postcontent h2 { font-size:16px; } .postcontent li, .postcontent dd { font-size:14px; } .nopassword, .nocomments { display:none; } /* category description */ .catDescWrap { margin:-6px 0 25px; color:#777; font-weight:normal; } .catDescWrap.moreMargin { margin:-6px 0 40px; } .catDescWrap.padMe { padding:10px 15px 2px; } .catDescWrap.big p { font-size:18px; line-height:20px; } .catDescWrap p { font-size:14px; color:#777; } .catDescWrap strong { display:block; margin:0 0 5px; font-size:18px; } /* blog list no title */ .blogListNoTitle .post:first-of-type { padding-top:0; border-top:none; } /* blog list with images */ .blogListWithImages .post { padding-left:125px; } .blogListWithImages .post .thumbnail { position:absolute; top:20px; left:0; } .blogListWithImages .post:first-of-type { margin-top:40px; padding-top:15px; border-top:1px dotted #bbb; } /* promotions */ .promosList .post .posthead h2 { text-transform:uppercase; font-size:35px; color:#143e68; } .promosList .post .posthead h2 a { color:#143e68; } .promosList .post h3 { color:#143e68; } /*.promosList .post { padding:3em 0 2.8em; }*/ /*------------ SINGLE --------------*/ #Single .author { margin:-15px 0 15px; } #Single .postmetadata { margin:25px 0 20px; color:#888; } /* related posts */ .relatedPosts { margin:40px 0 40px; } /*----------- ENTRY -------------*/ .entry { font-size:13px; } .entry h2 { font-size:18px; margin-bottom:20px; } .entry h3 { font-size:16px; } .entry h4 { font-size:14px;} .entry p { margin-bottom:1em; } .entry .videoWrap { float:left; margin:0 25px 25px 0; text-align:center; } .entry .videoWrap object { margin-bottom:10px; } .entry small { font-size:10px; } .editEntry { margin:40px 0 0; } .editEntry a { color:#666; text-decoration:none; } .editEntry a:hover { color:#999; text-decoration:underline; } /*----------------- * SUB NAVIGATIONS ------------------*/ .subnav ul { border-bottom:1px dotted #aaa; } .subnav li { list-style-type:none; border-top:1px dotted #aaa; } .subnav li a { display:block; padding:8px 5px 6px; font-size:12px; font-weight:bold; text-decoration:none; } .subnav li a:hover { text-decoration:underline; } .subnav li a.selected { color:#444; text-decoration:none; } .subnav2 { margin:0 0 25px; } .subnav2 ul { margin:0 0 2px 0; padding-bottom:2px; } .subnav2 ul li { float:left; color:#000; padding:5px; border-bottom:1px solid #ccc; list-style-type:none; } .subnav2 ul li a { text-decoration:none; font-weight:bold; } .subnav2 ul li a:hover { text-decoration:underline; } .subnav2 ul li.selected { border:1px solid #ccc; border-bottom:none; } .subnav2 ul li.selected a { color:#333; font-weight:bold; } .subnav2 ul li.selected a:hover { text-decoration:none; } .subnav2 ul li.blank { display:block; float:left; border-bottom:1px solid #ccc; width:61%; height:16px; } /*------------ * NEW BUTTONS *------------*/ .btns { text-align:center; } .btns-horizontal { text-align:left; } .btns-horizontal .btn:first-child { margin-left:0; } .btns-horizontal .btn { margin-left:20px; padding:4px 10px; font-size:15px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .aside .btns-horizontal { text-align:center; margin-left:-10px; } .aside .btns-horizontal .btn { margin:0 0 0 10px; } .aside .btns-horizontal .btn:first-child { margin-bottom:20px; } .btn { display:inline-block; margin:0; padding:8px 12px; text-align:center; text-decoration:none; font-size:19px; font-weight:bold; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } .btn1 { color:#fff; border:2px solid #294864; background-color:#295989; background: -moz-linear-gradient(top, #3777b4 0%, #294865 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3777b4), color-stop(100%,#294865)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3777b4', endColorstr='#294865',GradientType=0); } .btn1:hover { color:#ccc; } .btn2 { color:#fff; border:2px solid #9e9e9e; background-color:#717171; background: -moz-linear-gradient(top, #aeaeae 0%, #363636 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#363636)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaeae', endColorstr='#363636',GradientType=0); } .btn2:hover { color:#333; } .btn3 { color:#fff; border:2px solid #c4711a; background-color:#f28d1e; background: -moz-linear-gradient(top, #f08A1d 0%, #d15e0e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f08A1d), color-stop(100%,#d15e0e)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08A1d', endColorstr='#d15e0e',GradientType=0 ); } .btn3:hover { color:#333; } .btn4 { color:#fff; border:2px solid #9e9e9e; background-color:#568100; background: -moz-linear-gradient(top, #669900 0%, #333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#669900), color-stop(100%,#333)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669900', endColorstr='#333',GradientType=0 ); } .btn4:hover { color:#ccc; } /*--------- * BUTTONS *--------*/ .buttons { } .buttons > div { float:left; margin:0 0 0 20px; } .buttons > div:first-child { margin-left:0; } .buttons span { display:block; margin:0 0 6px; font-size:12px; text-align:center; } .buttons2 .button { display:block; float:left; margin:15px 0 0 10px; padding:9px 0 0; height:45px; text-transform:uppercase; text-align:center; font-size:19px; font-weight:bold; text-decoration:none; } .buttons2 .button:first-child { margin-left:0; } /* individuals */ .button1 { color:#fff; } .button1:hover { color:#ccc; } .button2 { color:#666; } .button2:hover { color:#333; } .buttonOpenAnAccount { width:215px; background:transparent url('assets/images/buttons/open-an-account.jpg') no-repeat 0 0; } .buttonTakeATour { width:185px; background:transparent url('assets/images/buttons/take-a-tour.jpg') no-repeat 0 0; } /*-------- * INTROS *-------*/ .tradingIntro { position:relative; margin:0 0 30px; padding:0 0 20px; border-bottom:1px solid #ccc; } .tradingIntro .buttons { position:absolute; bottom:35px; left:0; } .tradingIntro .desc { float:left; width:58%; margin-right:38px; } /*--------- * BANNERS *--------*/ #optionRates, #spreadRates, #stockRates { width:190px; /*height:278px;*/ } #Home #optionRates, #Home #spreadRates, #Home #stockRates { height:auto; } .rateContentBlock { margin:5px 10px 10px 0 !important; } .rateContentBlock .rateContentHeader h3 { margin:0; font-size:30px; } .rateContentBlock p { margin:0; } .rateContentBlock br { display:none; } /*------------- MODULES ---------------*/ #content #main #modules { /*width:52.5em;*/ float:left; } #wrap #modules .postNavigation div { text-align:center; background-color:#f2f2f2; border:1px solid #e1e1e1; padding:10px; margin-top:10px; width:90px; } #wrap #modules .postNavigation div.alignleft { float:left; } #wrap #modules .postNavigation div.alignright { float:right; width:85px; } #wrap #modules .postNavigation a div { text-decoration:none; text-transform:uppercase; font-weight:bold; } /* * SIDEBAR *---------*/ #sidebar li a { font-weight:normal; } .sidebar { padding:0 0 0 35px; border-left:1px dotted #bbb; } .sidebar h2, .sidebar h3 { font-size:1em; line-height:1.385em; margin-bottom:0.692em; color:#555; font-variant:small-caps; letter-spacing:2px; } /*------------ * LISTS WRAP *-----------*/ .listsWrap { margin:0; } .listsWrap.floats .wrap { float:left; width:44%; } .listsWrap .wrap:first-child { margin-top:30px; padding-top:18px; border-top:2px dotted #bbb; } .listsWrap .wrap { margin:0 0 20px 0; padding:0 0 6px; border-bottom:2px dotted #bbb; } .listsWrap h3 { margin:0 0 13px; padding:0 6px; font-size:18px; color:#333; } .listsWrap ul { margin-left:42px; } .moveList { position:relative; width:90%; } .moveListL15 { left:15px; } .moveListL30 { left:30px; } .moveListL40 { left:40px; } .moveListL50 { left:50px; } .listWithTitles { margin-bottom:20px; } .listWithTitles li { list-style-type:none; } .listWithTitles .title { list-style-type:disc; font-weight:bold; font-size:20px; color:#669900; } /*------------------ SIDE MODULES --------------------*/ .aside { background-color:#fff; } .aside .module { padding:30px 0 29px; border-bottom:1px solid #cbcbcb; } .aside .module:first-child { border-top:1px solid #cbcbcb; } .aside .module:last-child { border-bottom:none; } .aside .module2 { padding:26px 15px 22px; background-color:#f0f1f3; } .aside .module3 { border-top:none !important; padding-top:0; } .aside .module4 { padding-top:25px; } /* common */ .aside .module h3 { color:#7fad49; font-size:22px; font-weight:bold; } .aside .module h4 { color:#003366; font-size:15px; font-weight:bold; } /* testimonial */ .aside .module .testimonial { min-height:318px; padding:15px 5px 0 10px; color:#2c446a; background:url('assets/images/bg/testimonial.gif') 0 0 no-repeat; } .aside .module .testimonial .highlight { color:#0099cc; background-color:transparent; } .aside .module .testimony { line-height:1.5; } .aside .module .testimony sup { bottom:0.6em; } .aside .module .testimonyEnd { margin:0; } .aside .module .testimony .emphasis { color:#09c; font-size:1.25em; font-weight:bold; } .aside .module .testimonySignature { margin:5px 0 0 0;} .aside .module .testimonySignature p { font-style:italic; margin:0 15px 0 0; text-align:right; } .aside .module .testimonyName { font-weight:bold; } /* 2 */ .aside .module .testimonial2 { min-height:160px; font-size:14px; font-weight:bold; background:url('assets/images/bg/testimonial-2.gif') 0 0 no-repeat; } /* 3 */ .testimonial-3 { padding:25px 20px; color:#16416b; border:2px solid #eaeaea; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .testimonial-3 ul { margin:0; } .testimonial-3 ul li { padding:27px 10px 8px 15px; list-style-type:none; line-height:20px; background:url('/oh-assets/images/misc/quotations-marks.png') 0 0 no-repeat; } .testimonial-3 ul li sup { top:-6px; } .testimonial-3 strong { color:#429bc7; font-size:15px; } .testimonial-3 em { display:block; text-align:right; font-weight:bold; } /* tool buttons */ .aside .toolsButtons { margin:10px; text-align:right; } .aside .toolsButtons p { margin:0 0 5px; color:#666; font-size:.875em; } .aside .toolsButtons #openAnAccountDescription { margin-right:32px; } .aside .toolsButtons #tourDescription { margin-right:20px; } .tools-video { float:left; margin:0 20px 20px 0; position:relative; z-index:1; } /* side nav */ .aside .sideNav { padding:20px 0 18px; } .aside .sideNav h4 { margin:0 0 20px 10px; color:#444; font-size:14px; text-transform:uppercase; text-align:center; } .aside .sideNav h4 a { color:#669933; text-decoration:none; } .aside .sideNav h4 a:hover { text-decoration:underline; } .aside .sideNav ul { margin:0 0 0 25px; color:#669900; } .aside .sideNav li { margin:2px 0 0; list-style:none outside none; } .aside .sideNav li:first-child { margin-top:0; } .aside .sideNav li a { padding:0 10px 0 0; background:url('assets/images/icons/arrow-green-small.gif') right 4px no-repeat; text-decoration:none; } .aside .sideNav li a:hover { text-decoration:underline; } .aside .sideNav li a.selected { color:#666; font-weight:bold; text-decoration:none; background:url('assets/images/icons/arrow-gray-small.gif') right 4px no-repeat; } /* with icon */ .aside .module .withIcon { position:relative; padding:0 0 0 65px; } .aside .module .withIcon .iconWrap { display:block; position:absolute; top:2px; left:0; } .aside .module .withIcon .content { font-size:12px; } /* videos */ .aside .module .video { /*text-align:center;*/ } .aside .module .video object { margin-bottom:10px; } .aside .module .video p { margin:0; padding:0 0 0 2px; font-size:12px; line-height:14px; } /* webinar link */ .aside .module .webinarLink { padding:0 10px; } /* link wraps */ .turnIntoLink { cursor:pointer !important; } .noLink { cursor:default !important; } .hoverModule { padding:5px 5px 1px; cursor:pointer; } .hoverModule:hover { padding:4px 4px 0; border:1px dotted #669900; } .hot:hover { border:1px dotted #693!important; } .hot-color:hover { color:#669933 !important; } /* live help */ .liveHelpWrap { margin:49px 0 0; padding:5px; border:1px solid #ccc; } .liveHelpWrap .help { background:url('assets/images/icons/sticky-help.jpg') 0 0 no-repeat; padding-left:83px; font-size:11px; min-height:65px; min-width:288px; } .liveHelpWrap .help a { color:#036; } .liveHelpWrap .help .helpLinks { line-height:15px; margin:0 0 5px 0; } .liveHelpWrap .help .helpLinks ul { margin-top:3px; } .liveHelpWrap .help .helpLinks ul li { padding-top:0; padding-bottom:0; } .liveHelpWrap .help .helpLinks h4 { font-size:15px; line-height:15px; color:#036; margin:0 .5em 0 0; } .liveHelpWrap .help .helpHours h5 { color:#693; font-size:14px; line-height:14px; font-weight:bold; float:left; margin:0 15px 0 0; } .liveHelpWrap .help .helpHours p { line-height:14px; margin:2px 0 0 0; } .liveHelpWrap .takeTour { margin-left:5px; padding-left:5px; border-left:1px solid #909090; } .liveHelpWrap .takeTour .colorBlock { color:#fff; background:#9c3 url('assets/images/icons/tour.png') 10px 10px no-repeat; width:140px; padding:10px 10px 1px 60px; } .liveHelpWrap .takeTour.hover .colorBlock { background-color:#693; cursor:pointer; } .liveHelpWrap .takeTour .colorBlock p, .liveHelpWrap .takeTour .colorBlock a { color:#fff; } .liveHelpWrap .takeTour.hover .colorBlock a { text-decoration:none; } .liveHelpWrap .takeTour h4 { font-size:15px; font-weight:bold; margin-bottom:3px; } .liveHelpWrap .takeTour p { font-size:11px; line-height:13px; } /* live help 2 */ .module .liveHelpWrap { margin:5px 0 0; padding:0 10px; border:none; } .module .liveHelpWrap .help { padding-left:93px; min-width:inherit; } .module .liveHelpWrap .help .helpLinks { margin-bottom:7px; } .module .liveHelpWrap .help div.helpHours h5 { margin-bottom:4px; } /* * WIDGETS *--------*/ .widgets { } /* * CALLOUT WIDGET *---------------*/ .callout-widget { margin-bottom:20px; } .aside .callout-widget { margin:0 0 40px; } .callout-widget.round { padding:25px; border:1px solid #eaeaea; border-radius:10px; } .callout-widget p { font-size:11px; } .callout-widget .thumbnails {} .callout-widget .thumbnails div.thumbnail { float:left; width:50%; } .callout-widget .thumbnails div.thumbnail:nth-child(odd) .wrap { border-right:1px solid #d9d9d9; } .callout-widget div.thumbnail {} .callout-widget div.thumbnail .wrap { margin:10px 1px 10px 5px; padding:5px 5px 5px 8px; } .callout-widget div.thumbnail h4 { margin:0 0 10px; } .callout-widget div.thumbnail h4, .callout-widget div.thumbnail h4 a { text-transform:uppercase; color:#999; font-size:14px; font-weight:bold; text-decoration:none; } .callout-widget div.thumbnail h4 a:hover { color:#666; } .callout-widget a.thumbnail { display:inline-block; margin:0 0 8px; } .callout-widget a.thumbnail img { border:1px solid #ccc; } .callout-widget a.thumbnail:hover img { border:1px solid #000; } /* education */ .callout-widget.edu { width:300px; } /* investment coaching */ .callout-widget.investment-coaching { font-size:12px; text-align:center; } .callout-widget.investment-coaching img { margin:-10px 0 10px 7px; } .callout-widget.investment-coaching p { margin:0 0 5px; text-align:left; } /* investment coaching */ .callout-widget.m888options { font-size:12px; text-align:center; } .callout-widget.m888options img { margin:-12px 0 20px -22px; } .callout-widget.m888options p { margin:0 0 5px; text-align:left; } /* * GENERAL WIDGETS *----------------*/ .widget { margin:0 0 35px !important; list-style:none; } .widget > li { list-style:none; } /* common */ .widget a { text-decoration:none; } .widget a:hover { text-decoration:underline; } /* header */ .widget h3 { position:relative; margin-bottom:10px; font-size:1em; font-variant:small-caps; line-height:1.385em; color:#555; letter-spacing:2px; } .widget h3 a { color:#ff3f38; } /* content */ .widget li > div { } /* WIDGET 2 */ .widget-2 { padding:26px 15px 22px; background-color:#f0f1f3; } .widget-2 .header { margin-bottom:25px; } .widget-2 .header h3 { color:#666; letter-spacing:normal; font-size:22px; font-variant:normal; text-transform:uppercase; } .widget-2 .header p { color:#666; font-size:14px; } .widget-2 .header p a { color:#1b75bc; } /* WIDGET 3 */ .widget-3 { padding:19px 15px 22px !important; background-color:#f0f1f3; } .widget-3 .header { text-align:center; } .widget-3 .header h3 { padding-bottom:6px; color:#525254; letter-spacing:normal; font-size:18px; font-variant:normal; } .widget-3 .header div { padding:18px 10px 6px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .widget-3 .header p { color:#666; font-size:14px; } .widget-3 .header p a { color:#1b75bc; font-weight:bold; } /* rates */ .widget.rates { padding:20px; background-color:#fff; } .widget.rates .content { padding:20px; border-top:4px solid #ccc; color:#666; } .widget.rates .content { text-align:center; } .widget.rates .content em { display:block; margin:2px 0 0; font-weight:bold; font-size:20px; font-style:normal; color:#8dc641; } .widget.rates .content em:first-child { margin-top:0; } .widget.rates .content strong { display:block; position:relative; top:-2px; font-size:44px; color:#444; } .widget.rates .content small { position:relative; top:-8px; color:#999; font-size:15px; } .widget.rates .content small sup { position:relative; top:-6px; } .widget-3.rates .content { border-top:none; padding:23px 20px 0; } .widget-3.rates .content em { font-weight:normal; } .widget-3.rates .content strong { position:relative; top:-2px; } .widget-3.rates .content small { position:relative; top:-8px; color:#999; font-size:15px; } .widget-3.rates .content small sup { position:relative; top:-6px; } /* videos */ .widget.video object { margin:0 0 10px; } /* * WIDGET WRAPS (usually to add background color) *--------------*/ .widget-wrap { margin:0 0 35px; } .widget-wrap .widget { margin-bottom:0 !important; } /* 2 */ .widget-wrap-2 { padding:26px 15px 22px; background-color:#f0f1f3; } /* 3 */ .widget-wrap-3 { padding:0 5px; background-color:transparent; border:2px solid #eaeaea; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /*------------- * PAGE WIDGETS *-------------*/ /* frame */ .pageWidget { margin:0 0 40px; } .pageWidget2 { } /* common */ .pageWidget a { text-decoration:none; } .pageWidget a:hover { text-decoration:underline; } .pageWidget a.more-link { font-size:10px; } /* header */ .pageWidget .header { position:relative; padding:10px 15px; background:transparent url('assets/img/bg/gray-light.png') repeat 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; } .pageWidget .header a { color:#ff3f38; } .pageWidget .header h3 { position:relative; margin:0 !important; padding:1px 0 0; text-shadow:0 1px 0 #f9f9f9; font-size:17px !important; font-weight:bold; line-height:18px !important; } /* content */ .pageWidget .content { padding:15px 15px 5px; background-color:#fff; border:1px solid #d9d9d9; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px; } /* pageWidget 2 */ .pageWidget2 .header { padding:10px 15px 10px 0; background:none; } .pageWidget2 .content { padding:15px 15px 8px 0; background-color:transparent; border:none; } /*------------- * LIST WIDGETS *-------------*/ .listWidget { margin:0 0 40px; } .listWidget2 { } /* common */ .listWidget a { text-decoration:none; } .listWidget a:hover { text-decoration:underline; } /* header */ .listWidget .header { padding:10px 15px; background-color:#d9d9d9; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; } .listWidget .header a { color:#ff3f38; } .listWidget .header h3 { margin:0 0 0 0 !important; padding:1px 0 0; text-transform:uppercase; font-size:13px; font-weight:bold; line-height:18px !important; } /* content */ .listWidget .content { padding:15px 15px 5px; background-color:#fff; border:1px solid #d9d9d9; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px; } .listWidget .content ul { margin:0 0 0 15px !important; list-style:disc outside none; color:#999; } .listWidget .content .noBullets { list-style-type:none; } .listWidget .content .floats li { float:left; } .listWidget .content .evenWidth li { width:33%; } .listWidget .content .middleBigWidth .item1 { width:29%; } .listWidget .content .middleBigWidth .item2 { width:40%; } .listWidget .content .middleBigWidth .item3 { width:29%; } .listWidget .content .imgBorders img { padding:2px; background-color:#fff; border:1px solid #aaa; } .listWidget .content .centerItems { text-align:center; } .listWidget .content .topText { display:inline-block; margin:0 0 10px; } .listWidget .content li { margin:0 0 15px 0; padding:0; } .listWidget .content .liWrap { display:block; color:#666; } .listWidget .content .imgWrap { float:left; width/*\**/:30%\9; } .listWidget .content .imgWrap img { margin:0 20px 10px 5px; } .listWidget .content a .linkText { position:relative; top:-3px; } /* listWidget 2 */ .listWidget2 .content ul { margin:0 0 0 -1px !important; } .listWidget2 .content ul li { list-style-type:none; } /* listWidget 3 */ .listWidget3 .header { background-color:transparent; } .listWidget3 .content { padding:8px 15px; background-color:transparent; border:none; } /* listWidget 4 */ .listWidget4 .header { background-color:transparent; } .listWidget4 .content { padding:8px 15px; background-color:transparent; border:none; } .listWidget4 .content ul { margin:0 0 0 -1px !important; } .listWidget4 .content ul li { list-style-type:none; } /* listWidget 5 */ .listWidget5 { margin-bottom:0; } .listWidget5 .header { background-color:transparent; } .listWidget5 .content { padding:0; background-color:transparent; border:none; } .listWidget5 .content ul { margin:0 0 0 -1px !important; } .listWidget5 .content li { margin:0 0 15px; padding:3px 5px; border-bottom:1px solid #cbcbcb; list-style-type:none; } .listWidget5 .content ul li:first-child { margin-top:40px; padding-top:15px; border-top:1px solid #cbcbcb; } .listWidget5 .content a { color:#222; cursor:pointer; text-decoration:none; font-size:22px; font-weight:bold; line-height:27px; } .listWidget5 .content a:hover { color:#669900; } /* listWidget 6 */ .listWidget6 { margin-bottom:0; } .listWidget6 .header { background-color:transparent; } .listWidget6 .content { padding:0; background-color:transparent; border:none; } .listWidget6 .content ul { margin:0 0 0 -1px !important; } .listWidget6 .content li { margin:0 0 15px; padding:18px 5px; border-bottom:2px solid #cbcbcb; list-style-type:none; } .listWidget6 .content ul li:first-child { margin-top:16px; padding-top:2px; } .listWidget6 .content a { color:#669900; cursor:pointer; text-decoration:none; font-size:22px; font-weight:bold; line-height:27px; } .listWidget6 .content a:hover { color:#222; } /* content list widget */ .contentListWidget { } .contentListWidget .header { padding:10px 15px; background-color:transparent; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0 } .contentListWidget .header a { color:#ff3f38; } .contentListWidget .header h3 { margin:0 0 0 0 !important; padding:1px 0 0; text-transform:uppercase; font-size:13px; font-weight:bold; line-height:18px !important; } .contentListWidget .content { padding:0; background-color:transparent; border:none; } .contentListWidget .content h2 { padding:7px 10px 4px; font-size:20px; color:#fff; background-color:#003366; text-transform:uppercase; text-shadow:0 1px 0 #333; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .contentListWidget .content .entry { margin:0 0 45px; } .contentListWidget .content img { max-width:215px; width:auto; height:auto; } /*---------- FAQS ------------*/ #faqs { } /* content */ #faqs .grid_8 h2 { font-size:30px; color:#666; } #faqs #searchBox { height:106px; margin-bottom:50px; padding:20px; color:#fff; background:#fff url('assets/images/bg/green-gradient-1.png') 0 0 repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; } #faqs #searchBox h3 { margin-top:10px; color:#cee3b5; text-transform:uppercase; } #faqs #searchBox input { width:450px; height:40px; margin-right:10px; padding-left:10px; font-size:18px; color:#666; background:#fff url('assets/images/bg/silver-gradient-1.png') 0 0 repeat-x; } #faqs #searchBox button { width:100px; height:44px; font-size:18px; font-weight:bold; background:#fff url('assets/images/bg/silver-gradient-1.png') 0 0 repeat-x; } #faqs #searchBox p { margin:5px 0 0 10px; color:#cee3b5; } #faqs .numberOfQuestions { border-bottom:1px solid #888; font-size:16px; } #faqs .numberOfQuestions h4 { color:#666; } #faqs .faqAnswer { font-size:16px; } #faqs .faqAnswer h4 { position:relative; z-index:1; margin:0 0 18px 25px; color:#666; } #faqs .faqAnswerContent { position:relative; margin:0 0 50px; border:1px solid #d5d5d5; font-size:14px; line-height:22px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #faqs .faqAnswerContent .wrapper { padding:20px 20px 25px; } #faqs .faqAnswerContent .topPointer { position:absolute; top:-17px; left:70px; width:67px; height:17px; } #faqs .faqAnswerContent img { max-width:580px; } #faqs .navigation { font-size:25px; margin-bottom:35px; color:#666; } #faqs .navigation a { text-decoration:none; } #faqs .navigation a:hover { text-decoration:underline; } .faqQuestion h4 { color:#224970; font-size:17px; } /* side */ #faqs #faqTopics { margin-bottom:20px; background-color:#fdfdfd; } #faqs #faqTopics .faqHeader { height:15px; padding:10px 10px 5px; color:#fff; font-weight:bold; background-color:#669933; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius :5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius :5px; } #faqs #faqTopics .faqHeader a { float:right; margin-right:5px; padding-left:20px; color:#fff; text-decoration:none; background:url('assets/images/icons/house.png') 0 -2px no-repeat; } #faqs #faqTopics .faqContent .wrapper { border:1px solid #888; padding:20px; color:#999; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius :5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius :5px; } #faqs #faqTopics .faqContent h6 { color:#669933; font-weight:bold; } #faqs #faqTopics .faqContent h6 a, #faqs #faqTopics a { text-decoration:none; } #faqs #faqTopics .faqContent a:hover { text-decoration:underline; } #faqs #faqTopics .faqContent .spacer { display:inline-block; margin-bottom:8px; } #faqs #faqTopics .faqContent h6 span { padding-left:5px; color:#000; font-weight:normal; } #faqTopics .faqContent li { list-style-type:none; margin-bottom:5px; } #faqTopics .faqContent li.current-cat a { color:#666; } #faqs #faqSuggestQuestion { padding:18px 20px 18px 30px; background-color:#fbfbfb; border:1px solid #888; -moz-border-radius:5px; -webkit-border-radius:5px; } #faqs #miniSearchBox { height:50px; margin-bottom:20px; padding:10px; color:#fff; background:#fff url('assets/images/bg/green-gradient-1.png') 0 0 repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; } #faqs #miniSearchBox h3 { text-transform:uppercase; color:#fff; font-size:14px; } #faqs #miniSearchBox input { width:145px; height:20px; margin-right:5px; padding-left:10px; color:#666; font-size:11px; background:#fff url('assets/images/bg/silver-gradient-1.png') 0 0 repeat-x; } #faqs #miniSearchBox button { width:65px; height:25px; font-size:10px; font-weight:bold; background:#fff url('assets/images/bg/silver-gradient-1.png') 0 0 repeat-x; } /* faq suggest a question */ #faqSuggestQuestion h5 { text-transform:uppercase; color:#888; font-weight:bold; margin-bottom:5px; font-size:13px; } #faqSuggestQuestion .suggestion { background:url('assets/images/icons/pencil.png') 0 0 no-repeat; padding-left:25px; } /*---------------------- SUGGEST QUESTION ------------------------*/ #suggestQuestion label { display:block; margin-bottom:10px; } #suggestQuestion .asterisk { color:#F00; } #suggestQuestion input { margin-right:5px; width:230px; background-color:#ebebea;} #suggestQuestion textarea { width:500px; margin-bottom:10px; background-color:#ebebea; } #suggestQuestion .button { width:65px; height:30px; font-size:14px; border:1px solid #666; font-weight:bold; display:block; background-color:#ebebea; } h3.suggestTitle { margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:5px; } /*----------------- CONTENT BOX -------------------*/ #contentBox { clear:both; } #contentBox h4 { color:#676767; } #contentBox #mostViewed { width:45%; margin-right:10px; float:left; } #contentBox #mostViewed h4 { border-bottom:1px solid #888; font-size:16px; padding-bottom:2px; } #contentBox #mostViewed ul li { list-style-type:decimal;} #contentBox #otherResources { float:right; width:50%; } #contentBox #otherResources h4 { border-bottom:1px solid #888; font-size:16px; } #contentBox #otherResources ul { } #contentBox #mostViewed ul li, #contentBox #otherResources ul li { margin-bottom:10px; font-size:12px; } /*------------ SEARCH --------------*/ .searchResults .content h3 a { text-decoration:none; } /*-------------- WEBINARS ----------------*/ #Webinars h2 { position:relative; margin:0 0 20px; line-height:33px; color:#333; font-size:25px; } #Webinars h2 small { position:relative; left:2px; top:-2px; } #Webinars h2, #Webinars h2 a { } #Webinars h2 a:hover { color:#666; } #Webinars h3 { color:#444; font-size:16px; } #Webinars * { font-size:13px; } .webinar { margin:0 0 30px; padding:0 0 40px; border-bottom:5px solid #666; } .webinar:first-child { /*margin-top:25px;*/ padding-top:20px; border-top:5px solid #666; } .webinar .catDescWrap { padding-bottom:20px; color:#666 !important; font-size:12px !important; border-bottom:2px dotted #bbb; } .webinar .catDescWrap.empty { border:none; } .webinar .post { margin:0 0 30px; padding:0 0 30px; border-bottom:2px dotted #bbb; } .webinar .post:last-child { padding-bottom:0; margin-bottom:0; border:none; } .webinar .postcontent p:last-child { margin-bottom:0; } .coming-soon-table { width:90%; margin:30px 0 0; } .coming-soon-table .coming-soon { padding:10px 0 0; } .coming-soon-table th { font-size:13px; color:#333; } /*------------------ WEBINAR ARCHIVE --------------------*/ #WebinarArchive { padding:0 0 40px; border-top:5px solid #666; border-bottom:5px solid #666; } #WebinarArchive .catDescWrap { padding:15px 0 10px; color:#666 !important; font-size:12px !important; border-bottom:2px dotted #bbb; } #WebinarArchive .catDescWrap p { font-size:12px; } #WebinarArchive dl { } #WebinarArchive dt:first-child { margin-top:25px; padding:0; border:none; } #WebinarArchive dt { margin:40px 0 12px; padding:25px 0 0; line-height:33px; color:#333; font-size:25px; font-weight:bold; border-top:5px solid #666; } #WebinarArchive dd { margin-bottom:10px; font-size:14px; } #WebinarArchive dd a { font-size:14px; font-weight:bold; } #WebinarArchive dd a:hover { /*text-decoration:underline;*/ } #WebinarArchive dd small { font-size:11px; color:#666; } #WebinarArchive .excerpt { margin:4px 0 15px 24px; font-size:12px; color:#666; } /*---------- MISC ------------*/ #careers { padding-left:40px; } #careersList { margin:25px 0; } #categoryQuestions { margin-bottom:60px; } #categoryQuestions li a { text-decoration:none; font-size:18px; } #categoryQuestions li a:hover { text-decoration:underline; } #tptn_related ol li { font-weight:bold; } .sociable_tagline { margin:35px 0 15px; } /*---------------------- INDIVIDUAL PAGES ------------------------*/ /* HOME */ #Home sup { bottom:0.4em; } #Home span.link { font-weight:bold; } /* homepage: top 3 modules */ #containerTop { padding:10px 6px 10px 10px; margin:2px 0 35px; border:1px solid #ccc; } #containerTop .cta { float:left; width:303px; margin:0 4px 0 0; } .cta { position:relative; /**/ margin:0 0 35px; padding:0 0 5px; width:300px; height:266px; `min-height:266px; background:#195e95 repeat-y 0 0; /*in cases images fail to load*/ } .cta .content { padding:0; color:#fff; } .cta .content:hover * { color:#ddd; } .cta:hover a { text-decoration:none; } .cta a { color:#fff; } .cta a:hover { text-decoration:none; } .cta p { font-size:12px; } .cta h4 { margin:0 0 14px; text-transform:uppercase; font-size:18px; font-weight:normal; line-height:25px; } #speedCta { background-image:url('assets/images/bg/matrix-1.jpg'); } #stabilityCta { background-image:url('assets/images/bg/matrix-3.jpg'); } #valueCta { background-image:url('assets/images/bg/matrix-4.jpg'); } #platformCta { background-image:url('assets/images/bg/matrix-5.jpg'); } #valueCta, #speedCta, #speedCta h1, #stabilityCta { color:#fff; } #valueCta.hover, #valueCta.hover p, #speedCta.hover, #speedCta.hover h1, #speedCta.hover p, #stabilityCta.hover, #stabilityCta.hover p { color:#ccc; } #valueCta.hover a, #speedCta.hover a, #stabilityCta.hover a { text-decoration:none; } /* homepage: top 3 modules: common styles */ .cta h3 { display:block; width:198px; margin:0 auto; padding:4px 0 2px; color:#fff; cursor:pointer; font-size:15px; text-align:center; background-color:#7ebe32; border:2px solid white; border-top:0; } .specificContent { width:295px; margin:35px 5px 0; } #valueCta .specificContent { margin-top:18px; } #speedCta .specificContent { min-height:145px; margin-top:5px; } .cta .overview { clear:both; width:303px; min-height:85px; } .cta .overview .video { float:left; } .cta .overview .video .watchNow { width:67px; margin-top:12px; margin-left:15px; padding-bottom:5px; background-color:#fff; text-align:center; } .cta .overview .video .watchNow.hover { background-color:#ccc; } .cta .overview .video .watchNow img { margin-top:5px; margin-bottom:6px; } .cta .overview .video .watchNow span { display:block; color:#693; font-size:11px; font-weight:bold; text-decoration:underline; } .cta .overview .video .watchNow span.hover { text-decoration:none; } .cta .overview div.text { float:left; width:200px; margin-left:15px; font-size:11px; line-height:13px; } .cta .overview div.text a { color:#fff; font-size:11px; } /* homepage: top 3 modules: speed */ #speedCta .barronsNote { font-size:12px; font-weight:bold; text-align:center; padding:5px 0; } #speedCta .barronsNote sup { font-size:8px; } #speedCta .tradeExperience h1 { margin:0 20px 5px; padding-bottom:5px; border-bottom:1px solid #fff; font-size:20px; font-weight:bold; text-align:center; } #speedCta .tradeExperience h2 { margin:0 48px; font-size:18px; font-weight:normal; letter-spacing:.001px; text-align:center; } #speedCta .tradeExperience h2 img { width:108px; height:21px; float:right; display:block; margin:4px 0 0; } /* homepage: top 3 modules: stability */ #stabilityCta #peak6Investments { width:275px; margin-left:20px; } #stabilityCta #peak6Investments h2 { font-size:20px; line-height:19px; } #stabilityCta #peak6Investments p { font:13px/1.231 arial,helvetica,clean,sans-serif; font-weight:bold; line-height:15px; } #speedCta .overview { margin-top:150px; } #valueCta .overview div.text, #speedCta .overview div.text { width:92%; padding-top:0; } #speedCta .overview div.text { margin-top:45px; width:90%; text-align:center; } /* platform */ #platformCta h4 { text-transform:none; font-size:20px; } #platformCta .content { padding:24px 30px 20px; } /* BOTTOM */ .tout { padding:5px; min-height:75px; } .tout h4 { margin-bottom:3px; font-size:15px; font-weight:bold; color:#036; cursor:pointer; } .tout p { margin:0; color:#000; font-size:11px; } .tout .content { float:right; width:228px; } .tout span.icon { height:60px; width:60px; float:left; display:block; cursor:pointer; } .need-help-take-tour { clear:both; padding:10px 5px; border:1px solid #ccc; } .need-help-take-tour .needHelp { width:282px; } .needHelp div.helpHours h5 { margin-right:8px; } .aside .need-help-take-tour .needHelp { width:210px; padding-left:88px; } .aside .need-help-take-tour .helpHours p { clear:left; } .aside .need-help-take-tour .right { margin-top:10px; } .aside .need-help-take-tour #takeTour { border:none; } /* * BARRONS PAGES *---------------*/ .barronImages { margin:22px 0 0; border-top:3px solid #ccc; } .barronImages hr { background-color:#ccc; border:0 none; color:#ccc; display:block; height:2px; width:99%; } .barronImages .wrap { padding:10px; text-align:center; } .barronImages .wrap img { margin-left:25px; } .barronImages .wrap img:first-child { margin-left:0; } /* * BANNERS *---------*/ .banner1 { border-top:3px solid #666; border-bottom:3px solid #666; padding:12px 0 17px; } .banner2 { border-top:2px solid #eaeaea; /*border-bottom:2px solid #eaeaea;*/ padding:30px 0 25px; } /* * DISCLAIMERS PAGE *------------------*/ #disclaimers { margin-left:0; } #disclaimers dt { margin:26px 0 0; padding:0 3px 12px; font-size:20px; font-weight:bold; color:#333; /*border-bottom:2px solid #ddd;*/ font-variant:small-caps; } #disclaimers dt a { color:#333; text-decoration:none; } #disclaimers dt a:hover { text-decoration:underline; } #disclaimers dt:first-child { margin-top:0; } #disclaimers dd { position:relative; margin-bottom:5px; padding:12px; list-style-type:none; } #disclaimers dd.sel { margin-bottom:12px; background-color:#eee; border:1px solid #999; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 2px 3px #c9cac9; -webkit-box-shadow:2px 2px 3px #c9cac9; box-shadow:2px 2px 3px #c9cac9; } #disclaimers .top a { position:absolute; right:25px; top:15px; font-size:11px; text-decoration:underline; color:#999; } #disclaimers .top a:hover { text-decoration:none; color:#bbb; } #disclaimers sup { position:relative; left:-2px; top:-4px; font-size:10px; color:#333; } #disclaimers dd a[name] { position:absolute; `position:static; position:static\0/; top:-20px; } /* disclaimers page list */ .disclaimers-pages { position:absolute; left:0; top:0; border-bottom:none !important; } .disclaimers-pages h5 { margin-bottom:20px; color:#999; font-size:14px; line-height:16px; } .disclaimers-pages h6 { margin-bottom:10px; font-weight:bold; color:#333; font-size:13px; } .disclaimers-pages ul { margin:0; `width:100%; height:360px; overflow-y:scroll; } .disclaimers-pages li { margin-bottom:2px; list-style-type:none; } /*----------- * FEES PAGE *-----------*/ #fees { } #fees .module { margin:0; } #fees .module_text table { margin:0 0 20px; border-top:3px solid #8f8f8f; border-bottom:3px solid #8f8f8f; } #fees .module_text table thead th, #fees .module_text table tr td { padding:5px 3px; border-bottom:1px solid #8f8f8f; font-size:12px; color:#000; } #fees .module_text table thead th { border-bottom-width:0; padding-bottom:0; } #fees .module_text table tr td sup { font-size:11px; } #fees .splitbox { float:left; position:relative; } #fees .splitbox table.fees { width:300px; } #fees .splitbox table tr td { vertical-align:top; padding-bottom:15px; } #fees td.grey { background-color:#dfdfdf; text-align:center; } #fees td.padleft { padding-left:40px!important; } /*----------- * TOUR PAGE *-----------*/ #Tour .customerService { width: 380px; background-color: #fff; border: 1px solid #ccc; padding: 20px 10px 20px 0; margin: 5px; float: right; } #Tour h1 { margin-bottom:0; height:auto; } #Tour h2 { color:#003366; font-size:17px; font-weight:bold; margin:0 0 20px 30px; } #Tour .attention { padding:0 0 0 30px; } #Tour .attention p { margin-bottom:50px; } #Tour .attention h3 { color: #003366; font-size: 35px; font-weight: bold; line-height:35px; width: 175px; margin: 40px 0 10px 0; } #Tour .rightContainer { width:720px; height:470px; margin-bottom:10px; } #Tour .videoSwitchers { margin:0 0 50px; } #Tour .videoSwitchers .tout { padding:0; } #Tour .videoSwitchers .tout h3 { color:#669933; font-size:16px; } #Tour .bottomContainer { width:953px; } /*#Tour .bottomContainer .tout { width: 190px; padding: 10px 10px 10px 70px; float: left; margin: 5px 0; } #Tour .bottomContainer .tout p { margin: 0; } #Tour #tVirtual { background:url('/asset/img/main/virtual_icon_gray.jpg') 5px 10px no-repeat; } #Tour #tSecure { background:url('/asset/img/main/secure_icon_gray.jpg') 5px 10px no-repeat; } #Tour #tFree { background:url('/asset/img/main/free_icon_gray.jpg') 0 0 no-repeat; } #Tour #tFree.hover { border: 1px dotted #693; }*/ #Tour .bottomContainer .tout .content { width:200px; } #Tour .bottomContainer h4 { font-size: 15px; font-weight:bold; color:#036; } #Tour .bottomContainer p { color:#000; font-size: 10px; line-height:12px; } #Tour .buttonContainer { color:#555; width:175px; height:50px; position:relative; } #Tour .buttonContainer span { padding-left: 10px; } #Tour #tourVideo { background-color: #fff; width: 720px; height: 480px; } #Tour .title h1 { margin-top: 20px; } #Tour #modules_tour .tourWelcome { margin: 30px 0 20px 30px; width: 610px; } #Tour #modules_tour .bottomContent { border-width: 1px 1px 0 1px; border-style: solid; border-color: #000; font-size: 12px; background-color: #222; color: white; } #Tour #modules_tour .bottomContent .heard { padding-right:10px; } #Tour #modules_tour .bottomContent .disclaimer { text-align:center; } #Tour #tourFrame { margin-top:-3px; width:948px; height:470px; background-color:white; } /*------------ * RATES PAGE (todo: clean this junk up) *-----------*/ #commissionPricing h2, #ratesCallouts h3 { color:#7fad49; } #rates h5 { font-size:26px; font-weight:bold; margin-bottom:15px; } #ohRatesInfo { height:100%; margin:1em 0 40px; } #ratesPricing { width:68%; float:left; height:100%; margin-bottom:10px; } #commissionPricing h2 { font-size:28px; margin:20px 0 10px; } /****************** Rates Page Buttons - Take a Tour and Open and Account *******************/ #ratesButtons { font-weight:bold; font-size:1.4em; width:410px; margin:20px 0 0 150px; height:40px; } * html #ratesButtons a { padding-bottom:10px; } #ratesButtons a, #ratesButtons a:hover, #ratesButtons.link:hover, #ratesButtons.link:focus, #ratesButtons.hover a, #ratesButtons.hover .link { text-decoration:none; } #openAnAccount, #takeATour { text-transform: uppercase; height:45px; padding-top:10px; text-align:center; cursor:pointer; } #openAnAccount { color:#fff; float:left; width:215px; background:url('/asset/img/rates/openAnAccountButton.jpg') 0 0 no-repeat; } #takeATour{ color:#666; float:right; width:185px; background:url('/asset/img/rates/takeATourButton.jpg') 0 0 no-repeat; } /******************** ratesCallouts **********************/ #ratesCallouts{ background-color: #f5f5f4; float:right; width:25%; padding:10px; clear:right; } #ratesCallouts h3{ font-size:1.2em; font-weight:bold; } #ratesCallouts h4{ color:#224970; font-size:1.1em; font-weight:bold; } #goToWhy{ font-weight:bold; padding-right:10px; display:block; text-decoration:none; } #ratesCallouts span.arrow{ background: url('/asset/img/rates/ratesArrows.jpg') 2px 2px no-repeat; padding-right:10px; text-decoration:none; margin-left:2px; } /**** end ratesCallouts ****/ /************************* commissionPricing **************************/ #discoverLowRates{ width:65%; margin-bottom:40px; } #commissionContainerTop{ } #commissionPricing .commissionComparisonChart td{ align:left; } #commissionPricing .commissionComparisonChart{ background-color: #fbfbfb; border:1px solid #e4e4e5; border-bottom: 2px solid #cecdcd; width:31%; padding:5px 5px 15px 5px; margin: 0 5px 20px 0; float:left; } #commissionPricing .commissionComparisonChart.wide, #commissionPricing .commissionComparisonChart.extraWide { width:47%; float:left; margin-right:10px; } /******* alignment of bar graphs in the table cell *******/ .commissionComparisonChart tbody tr td{ text-align:left; } .commissionComparisonChart tbody tr td div{ text-align:right; } .commissionComparisonChart tr th, #commissionPricing .commissionComparisonChart.wide tr th { border-bottom:2px solid #9d9f98; text-align:left; } /******** bar graph values and background *******/ .commissionComparisonChart .pricePoints{ background:url(/asset/img/rates/rateTick.jpg); background-position: 2px 19px; background-repeat: no-repeat; } .commissionComparisonChart.wide .pricePoints{ background:url(/asset/img/rates/rateTickWide.jpg); background-position: 2px 21px; background-repeat: no-repeat; } .commissionComparisonChart.extraWide .pricePoints{ background:url(/asset/img/rates/rateTickExtraWide.jpg); background-position: 2px 21px; background-repeat: no-repeat; } .commissionComparisonChart .pricePoints span{ display:block; float:left; width:30%; text-align:center; height:100%; background-repeat: no-repeat; } .commissionComparisonChart .pricePoints span.first, .commissionComparisonChart .pricePoints span.last { text-align:left; width:20%; } .commissionComparisonChart .pricePoints span.last{ text-align:right; } .commissionComparisonChart tr td{ padding:5px; border-bottom:1px solid #eaeae9; text-align:right; } .commissionComparisonChart tr td div{ padding-right:5px; } #commissionPricing .commissionComparisonChart .commissionType{ color:#7fad49; padding-bottom:5px; } #commissionPricing .commissionComparisonChart .companyName{ font-weight:bold; color: #888; } #commissionPricing .commissionComparisonChart .companyName img{ height:21px; width:80px; } *+html#commissionPricing .commissionComparisonChart .ohCommissionPrice, *+html#commissionPricing .commissionComparisonChart .otherCommissionPrice{ padding:2px 6px 2px 2px; } * html #commissionPricing .commissionComparisonChart .ohCommissionPrice, * html #commissionPricing .commissionComparisonChart .otherCommissionPrice{ padding:2px 6px 2px 2px; } #commissionPricing .commissionComparisonChart .ohCommissionPrice, #commissionPricing .commissionComparisonChart .otherCommissionPrice { color:#fff; font-weight:bold; font-size:11px; padding:2px 2px 2px 2px; } #commissionPricing .commissionComparisonChart .ohCommissionPrice{ background: #79ae3c url(/asset/img/rates/ohPriceGraphGradient.jpg) 0 0 repeat-x; min-height:12px; } #commissionPricing .commissionComparisonChart .otherCommissionPrice{ background: #81847d url(/asset/img/rates/otherPriceGraphGradient.jpg) 0 0 repeat-x; margin-top:2px; min-height:12px; } #fees .splitbox table tr td#spreadsNStraddles{ padding: 16px 3px 10px 3px; } /* ======== Compare Rates and Fees Table =============*/ #compareRatesandFees{ width:98%; } #compareRatesandFeesHead { border:1px solid #797c75; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background:#80837b url(/asset/img/rates/headerGradientRates.gif) repeat-x scroll 0 0; font-size:.9em; font-weight:bold; padding: 6px 10px; color:#fff; text-transform:uppercase; height:15%; } #compareRatesandFeesHead tr th{ border-right:1px solid #fff; padding: 0 10px; } #compareRatesandFeesHead tr th span{ text-transform:none; font-size:10px; } #compareRatesandFeesHead a{ color:#fff; text-decoration:none; } #compareRatesandFeesHead tr th span.subText{ display: block; } #compareRatesandFeesHead tr th .numberOfContracts{ } #compareRatesandFeesHead .lastColumn, #compareRatesandFeesContainer #compareRatesandFeesSubheader .lastColumn, #compareRatesandFeesContainer #compareRatesandFeesDetails .lastColumn div, #compareRatesandFeesContainer #compareRatesandFeesDetails .noBorder { border:none; } #compareRatesandFeesContainer #compareRatesandFeesDetails .lastRow, #compareRatesandFeesContainer #compareRatesandFeesDetails .lastRow td { border-bottom: none; } #compareRatesandFees .numberOfContracts span{ display:inline; padding: 0 5px; } #compareRatesandFeesDetails .additionalInfo span{ display:block; } #compareRatesandFeesDetails td div{ font-size:11px; } #compareRatesandFeesContainer #compareRatesandFeesSubheader table.pricePerContract tr td{ border-right:none; padding:0 20px 0 0; text-align:right; } #compareRatesandFeesContainer #compareRatesandFeesSubheader td span.notOffered{ color:#69872e; } #compareRatesandFeesContainer #compareRatesandFeesDetails .comparePricePerContract{ clear:both; height:16px; padding: 0 10px 5px 3px; width:285px; } .comparePricePerContract span{ display:block; float:left; text-align:right; padding-right:8px; } #compareRatesandFeesContainer #compareRatesandFeesSubheader{ padding:10px; height:20%; background-color:#7ca137; color:#fff; font-weight:bold; } #compareRatesandFeesContainer #compareRatesandFeesSubheader td { border-right:1px solid #dedede; padding:0 10px; } #compareRatesandFeesContainer #compareRatesandFeesSubheader td span{ display:block; margin-bottom:5px; } #compareRatesandFeesContainer #compareRatesandFeesSubheader td.stockColumn{ padding-left: 13px; padding-right:13px; } #compareRatesandFeesContainer #compareRatesandFeesDetails{ background-color:#fdfdfd; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid #dedede; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; height: 65%; padding:10px; } #compareRatesandFeesContainer #compareRatesandFeesDetails table, #compareRatesandFeesSubheader table { width:100%; } #compareRatesandFeesContainer #compareRatesandFeesDetails table{ border-collapse:collapse; } #compareRatesandFeesContainer #compareRatesandFeesDetails tr td{ border-bottom:1px solid #dedede; color:#888888; } #compareRatesandFeesContainer #compareRatesandFeesDetails tr td div{ margin:5px 0; border-right:1px solid #dedede; padding: 0 10px 5px 3px; } #compareRatesandFeesContainer #compareRatesandFeesDetails tr td.companyName{ font-weight:bold; } #compareRatesandFeesContainer #compareRatesandFeesDetails tr td.companyName div{ width:118px; } #compareRatesandFeesContainer #compareRatesandFeesDetails tr td{ padding: 0 5px; vertical-align:middle; } #compareRatesandFeesContainer #compareRatesandFeesSubheader .pricePerContract .optionsContracts{ display:inline; } .fiveContracts{ width:18%; } .tenContracts{ width:21%; } .fiftyContracts{ width:23%; } .oneHundredContracts{ width:23%; } /******* end commissionPricing *****/ /****************** Float Clearing *******************/ * html #ratesCallouts, * html #commissionPricing .commissionComparisonChart, * html #compareRatesandFees, * html #ohRatesInfo, * html #takeATour, * html #openAnAccount, * html #ratesPricing, * html #commissionPricing .commissionComparisonChart.wide, * html #commissionPricing .commissionComparisonChart.extraWide, * html .commissionComparisonChart .pricePoints span, * html .comparePricePerContract span, * html #commissionContainerTop, * html #commissionContainerBottom { height: 1%; overflow: visible; } *+html#ratesCallouts, *+html#commissionPricing .commissionComparisonChart, *+html#compareRatesandFees, *+html#ohRatesInfo, *+html#takeATour, *+html#openAnAccount, *+html#ratesPricing, *+html#commissionPricing .commissionComparisonChart.wide, *+html#commissionPricing .commissionComparisonChart.extraWide, *+html.commissionComparisonChart .pricePoints span, *+html.comparePricePerContract span, *+html#commissionContainerTop, *+html#commissionContainerBottom { min-height: 1%; } #ratesCallouts:after, #commissionPricing .commissionComparisonChart:after, #compareRatesandFees:after, #ohRatesInfo:after, #takeATour:after, #openAnAccount:after, #ratesPricing:after, #commissionPricing .commissionComparisonChart.wide:after, #commissionPricing .commissionComparisonChart.extraWide:after, .commissionComparisonChart .pricePoints span:after, .comparePricePerContract span:after, #commissionContainerTop:after, #commissionContainerBottom:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /*------------------- LANDING PAGES ---------------------*/ /* 1 - body class .LandingPg -----------------------------*/ .LandingPg h1 { font-size:34px; } .LandingPg h2 { font-size:18px; font-weight:normal; } .LandingPg h4 { font-size:22px; } .LandingPg h5 { padding:15px 15px 10px; } .LandingPg #Content h1, .LandingPg #Content h2 { margin:0; } .LandingPg #Content h1 { margin-bottom:2px; } .LandingPg #Content .pgTitle { margin-bottom:20px; min-height:50px; } .LandingPg #Header { padding:10px 0 5px; } .LandingPg #Content { padding-bottom:10px; } .LandingPg #Footer { padding-bottom:25px; } .LandingPg #OHLogo { margin-left:25px; line-height:8px; } .LandingPg #Footer { color:#333; } .LandingPg #Footer .blueDots1 { margin-top:10px; padding-top:25px; } .LandingPg #Footer ul { margin-left:15px; margin-bottom:25px; } .LandingPg #Footer .legalWrap { font-size:10px; color:#999; } .LandingPg #Content { font-size:17px; } .LandingPg #Content ul { margin:0 0 25px 15px; } .LandingPg #Content ul li { margin-bottom:10px; line-height:23px; } .LandingPg #Content .imgRate850 { margin-left:20px; width:189px; height:150px; } .LandingPg #Content .graph { margin:0 0 0 35px; } .LandingPg #Content .ratesLink { position:relative; left:88px; } /* 2 -----*/ #LandingPg2 #OHLogo { margin-left:0; } #LandingPg2 #liveHelp { margin-top:17px; } #LandingPg2 #Header .container_12 { padding:45px 0 5px; border-bottom:5px solid #8cc63f; } #LandingPg2 #Content { padding-bottom:20px; color:#666; font-size:16px; } #LandingPg2 h1 { font-size:27px; color:#666; } #LandingPg2 .topBox { margin:35px 0 30px; padding:30px 30px 20px; border:10px solid #ccc; } #LandingPg2 #Content a { color:#1b75bc; text-decoration:none; } #LandingPg2 #Content a:hover { text-decoration:underline; } #LandingPg2 #Content ul { color:#1b75bc; } #LandingPg2 #Content ul li span { color:#666; } /* 2.1 -------*/ #LandingPg2 .topBox2 h1 { font-size:30px; color:#fff; line-height:40px; } #LandingPg2 .topBox2 { min-height:220px; color:#fff; background:transparent url('assets/images/bg/blue-bar-1.jpg') repeat-x 0 0; } #LandingPg2 .arrowBullets { font-size:15px; } #LandingPg2 .arrowBullets strong { color:#333; } /* 3 -----*/ #LandingPg3 { color:#fff; background:#7183b2 url('assets/images/bg/blue-gradient-1.png') repeat-x 0 0; } #LandingPg3 #OHLogo { position:relative; top:-10px; margin:0 0 0 0; } #LandingPg3 #Header .container_12 { padding:35px 0 5px; } /* header */ #LandingPg3 #Header .nav { float:right; } #LandingPg3 #Header .nav li { float:left; list-style-type:none; } #LandingPg3 #Header .nav li a, #LandingPg3 #Footer .nav li .txt { margin:0 10px; font-size:12px; color:#fff; text-decoration:none; } #LandingPg3 #Header .nav li a:hover { text-decoration:underline; } /* footer */ #LandingPg3 #Footer { color:#fff; } #LandingPg3 #Footer .nav { float:right; } #LandingPg3 #Footer .nav li { float:left; list-style-type:none; } #LandingPg3 #Footer .nav li a, #LandingPg3 #Footer .nav li .txt { margin:0 10px; font-size:11px; color:#fff; } /* content */ #LandingPg3 #Content { padding-bottom:20px; color:#333; font-size:15px; } #LandingPg3 #Content .mainWrapper { background:#505d7f url('assets/images/bg/blue-dark-gradient-1.png') repeat-x 0 0; } #LandingPg3 #Content .wrapper { margin:20px 0; min-height:375px; _height:375px; background-color:#fff; } #LandingPg3 #Content h1 { position:relative; left:-35px; min-height:72px; margin:0 0 8px; padding:15px 30px 0 30px; font-size:18px; color:#333; background:transparent url('assets/images/arrows/header-arrow-1.png') no-repeat 0 0; } #LandingPg3 #Content a { color:#002663; text-decoration:underline; } #LandingPg3 #Content a:hover { text-decoration:none; } #LandingPg3 #Content ul { color:#1b75bc; } #LandingPg3 #Content ul li span { color:#666; } #LandingPg3 #Content h4 { font-size:18px; font-weight:bold; } #LandingPg3 #Content .formWrapOuter { background:#fff url('assets/images/bg/gray-gradient-1.png') repeat-x bottom left; } #LandingPg3 #Content .formWrap { padding:20px 0; } #LandingPg3 #Content .formWrap p { margin:20px 0 17px; font-size:13px; } #LandingPg3 #Content .formWrap label { display:block; margin:0 0 3px; font-size:13px; font-weight:bold; } #LandingPg3 #Content .formWrap input[type='text'], #LandingPg3 #Content .formWrap input[type='password'] { width:100%; height:22px; margin:0 0 12px; border:1px solid #cecece; } #LandingPg3 #Content .formWrap select { display:block; width:100%; min-height:22px; margin:0 0 12px; border:1px solid #cecece; } #LandingPg3 #Content .formWrap input[type='image'] { margin:10px 0 0; } #LandingPg3 #Content .formWrap .txtValue { display:block; margin-bottom:10px; } #LandingPg3 #Content .formWrap .errors { margin-bottom:12px; } #LandingPg3 #Content .formWrap .errors em { display:block; font-size:12px; color:#f0051e; font-weight:bold; font-style:normal; } #LandingPg3 #Content .grid_8 { _width:605px; } /* 4 -----*/ #LandingPg4 #Content .bodySubHead { line-height:26px; margin-top:10px;font-size:22px; font-family:Arial; color:#333333; font-weight:bold; } #LandingPg4 #Content .bodyCopy { font-size:14px; font-family:Arial; color:#484848; margin-left:18px; } #LandingPg4 #Content .titleCopy { margin-top:-10px; font-size:27px; font-family:Arial; color:#666666; } #LandingPg4 #Content .rColumnCopy { margin-top:-2px; border-bottom:solid 2px #e4e4e4; font-size:16px; font-family:Arial; color:#666666; } #LandingPg4 #Content .rColumnTitles { margin-top:22px; font-size:16px; border-bottom:solid 7px #e4e4e4; font-family:Arial; color:#74BF44; } #LandingPg4 #Content .rColumnTitles2 { padding-bottom:10px;font-size:14px; border-bottom:solid 7px #e4e4e4; font-weight:bold; font-family:Arial; color:#74BF44; } #LandingPg4 #Content .rColumnSecondaryTitles { margin-top:-10px; font-size:15px; font-family:Arial; font-weight:bold; color:#74BF44; } #LandingPg4 #Content .rColumnDollarSigns { position:relative;left:-5px; top:-18px; font-size:22px; font-family:Arial; font-weight:bold; color:#333333; } #LandingPg4 #Content .rColumnNumbers { margin-top:-10px; font-size:45px; font-family:Arial; font-weight:bold; color:#333333; } #LandingPg4 #Content .rColumnSmallCopy { margin-top:-5px; font-size:13px; font-family:Arial; color:#333333; } #LandingPg4 #Content sup { position:relative; left:1px; top:-4px; } #LandingPg4 #Content .lineGap { margin:5px 0px 14px 0; width:auto; height:2px; background-color:#e4e4e4; } #LandingPg4 #Content .greyLine { border-top:solid 7px #e4e4e4; } #LandingPg4 #Content .rColumnLinks { font-size:12px; color:#74BF44; } #LandingPg4 #Content li { padding:10px; list-style-type:none; height:100px; border-bottom:solid 7px #e4e4e4; } #LandingPg4 #Content .arrowListLeft { margin:0 0 5px -10px; _margin-left:0; width:40px; float:left; } #LandingPg4 #Content .arrowListRight { margin-top:2px; width:250px; _width:240px; float:left; color:#333333; font-size:14px; font-family:Arial; } #LandingPg4 #Content .arrowHolder { width:280px; height:40px; } #LandingPg4 #Content .mainContentLeft { margin-top:10px;width:200px; float:left; } #LandingPg4 #Content .mainContentRight { width:320px; float:left; } #LandingPg4 #Content .mainContentRight span { color:#74BF44; font-size:14px; font-family:Arial; text-transform:uppercase; } #LandingPg4 #Content .mainContentRight p { margin:0; padding:0; color:#484848; font-size:13px; font-family:Arial;line-height:18px; } #LandingPg4 #Content .subFree { position:relative; left:-5px; top:-10px; font-size:12px; color:#333333; } /* TIGRENT ------------------*/ #LandingTigrent #Header .container_12 { border-bottom:5px solid #8cc63f; } #LandingTigrent #Content { color:#666; font-size:16px; } #LandingTigrent #Content .topBox2 { margin:30px 0 20px -20px; _margin:30px 0 20px 0; width:948px; min-height:435px; border:4px solid #ccc;} #LandingTigrent .logoContainer { margin:20px 0 10px 20px;} #LandingTigrent #Content h1{ padding:20px 0 10px 20px; color:black; font-size:68px;} #LandingTigrent .subHead{padding-left:20px; font-size:17px; font-weight:bold; color:#333333;} #LandingTigrent .subHeadB{padding-left:20px; font-size:17px; font-weight:bold; color:#333333;} #LandingTigrent .headContentLeft {width:400px; height:200px; padding:40px 0 0 80px; float:left;} #LandingTigrent .headContentRight {width:430px; height:200px; padding:20px 0 0 0; float:left; color:#333333; font-size:15px;} #LandingTigrent .headContentRight sub{ position:relative; top:-5px; font-size:10px; } #LandingTigrent .secondHeadline { margin:0 0 20px 0; _margin-left:20px; padding-bottom:5px; font-size:25px; font-weight:bold; color:black; border-bottom:solid 7px #e4e4e4; } #LandingTigrent .featuresTitle { font-size:15px; font-weight:bold; color:black; } #LandingTigrent .featuresLink { font-size:15px; font-weight:bold; color:#1b75bc; } #LandingTigrent .featuresLink a{ font-size:15px; font-weight:bold; color:#1b75bc; text-decoration:none; } #LandingTigrent .featuresText sub{ position:relative; top:-3px; font-size:10px; } #LandingTigrent .featuresText { height:150px; padding:10px 0 0 10px; font-size:15px; color:#333333; border-top:solid 2px #e4e4e4; } #LandingTigrent .featuresImg { height:140px; text-align:center; } #LandingTigrent .shadow { -moz-box-shadow: 3px 3px 4px #c9cac9; -webkit-box-shadow: 3px 3px 4px #c9cac9; box-shadow: 3px 3px 4px #c9cac9; } /* IRAFREE ------------------*/ #LandingIRA ul{ padding:20px 0 0 47px; } #LandingIRA ul .listTitle{ font-size:19px; font-weight:bold; color:#8CC63F; } #LandingIRA li{ list-style: none; padding:0 0; } #LandingIRA ul p{ font-size:14px; color:#666666; } #LandingIRA .insideContainer { margin-left:-1px; min-height:600px; border-top:5px solid #8cc63f; border-right:1px solid #cecece; border-left:1px solid #cecece; background: url('assets/images/bg/delta_bg.png') no-repeat right top; } #LandingIRA .outsideContainer { background:#fafafa url('assets/images/bg/gradient_bg.png') no-repeat bottom; } #LandingIRA h3 { padding:0 0 0 60px; font-size:20px; font-weight:bold; color:#666666; } #LandingIRA .mainTitle { padding:20px 0 20px 60px; font-size:38px; font-weight:bold; } #LandingIRA .lineSpacer { margin-left: 12px; height:1px; background-color:#cecece; width:97%; } #LandingIRA .bottomContainer { margin-left:-1px; height:70px; border-bottom:1px solid #cecece; border-right:1px solid #cecece; border-left:1px solid #cecece; background:#fafafa; } #LandingIRA .logoContainer { margin:20px 0 0 20px; } /* BARRONS ------------------*/ #LandingBarrons .container_12 { width:988px; } #LandingBarrons #Header { margin:0 auto; padding:20px 0; margin-bottom:40px; border-bottom:5px solid #8cc63f; } #LandingBarrons #Content .topBox { margin-left:-5px; min-height:474px; border:7px solid #cccccc; background: url('/wp-content/themes/OHTheme/assets/images/bg/barrons_background_repeated.jpg') repeat-x bottom #ffffff; } #LandingBarrons #Content h2 { } #LandingBarrons #Content .secondaryContent { margin:30px 0px 20px 0px; } #LandingBarrons #Content .mainContent { padding-top:50px; margin-left:0px; } #LandingBarrons #Content .topBox span { color:#8CC63F; } #LandingBarrons #Content .topBox h1 { margin:30px 0 -0px 0; font-size:36px; color:#666; } #LandingBarrons #Content .topBox h3 { font-weight:normal; margin:5px 0 20px 0; font-size:18px; color:#666; } #LandingBarrons #Content .topBox p { font-size:14px; line-height:150%; color:#666; } #LandingBarrons #Content .topBox li { font-size:14px; font-weight:bold; color:#333; } #LandingBarrons #Content .topBox ul { margin-left:16px; } #LandingBarrons #Content .grid_8 { width:600px; } #LandingBarrons #Content .divider { margin:0px; width:218px; border-right: 1px solid #ccc; min-height:235px; } #LandingBarrons #Content .grid_3 { padding:0 20px; width:215px; } #LandingBarrons #Content .divider img { position:relative; top:2px; vertical-align:baseline; } #LandingBarrons #Content .grid_3 a { font-size:12px; font-weight:bold; color:#1B75BC; text-decoration:none; } #LandingBarrons #Content .grid_3 h3 { font-size:14px; font-weight:bold; color:#333333; } #LandingBarrons #Content .grid_3 p { margin-top:-3px; padding-bottom:20px; font-size:12px; color:#666; line-height:150%; } #LandingBarrons #Content .paddedBox { padding:20px 0px; text-align:center; border: 1px solid #ccc; font-size:18px; font-weight:bold; color:#666; } #LandingBarrons #Content .paddedBox a { color:#1B75BC; text-decoration:none; } #LandingBarrons #Footer { margin-top:20px; width:996px; } #LandingBarrons #Footer p { font-size:10px; color:#888888; } #LandingBarrons #Footer p strong { font-size:10px; font-weight:bold; color:#454545; } #LandingBarrons #Footer p a { font-size:10px; color:#669933; } #LandingBarrons #Footer p sup { margin-left:-10px; padding-right:5px; } /*----------- LISTS -------------*/ .arrowBullets { margin-left:30px !important; text-align:left; list-style-image:url('assets/images/icons/bullet-arrow.png'); } .arrowBullets span { position:relative; top:-6px; } .oh-bullets { position:relative; left:-9px; color:#669933; font-size:16px; line-height:18px; } .oh-bullets span { color:#333; font-size:13px; } /*------------ * THUMBNAILS *-----------*/ img.thumbnail, span.thumbnail img { } /*padding:2px; border:1px solid #bbb;*/ a:hover img.thumbnail, a:hover span.thumbnail img { } /*background-color:#ddd;*/ .thumbnail70 img { width:auto; max-width:70px; height:auto; } .thumbnail100 img { width:auto; max-width:100px; height:auto; } .thumbnail110 img { width:auto; max-width:110px; height:auto; } .thumbnail110 img { width:auto; max-width:110px; height:auto; } .thumbnail125 img { width:auto; max-width:125px; height:auto; } .thumbnail150 img { width:auto; max-width:150px; height:auto; } .thumbnail175 img { width:auto; max-width:175px; height:auto; } .thumbnail250 img { width:auto; max-width:250px; height:auto; } /*------------- LOADERS ---------------*/ .loader, .loaderMedium { z-index:1002; text-indent:-2000em; `text-indent:0; `font-size:0; `line-height:2000px; } .loader { width:18px; height:18px; background:transparent url('assets/images/loaders/small.gif') no-repeat 2px 2px; } .loaderMedium { width:39px; height:39px; background:transparent url('assets/images/loaders/medium.gif') no-repeat 2px 2px; } /*------------ MODALS --------------*/ #coverMe { position:absolute; top:0; left:0; z-index:99; background:#fff; opacity:.01; filter:alpha(opacity=1); } .coverMeLightBox { background:#000 !important; opacity:.8 !important; filter:alpha(opacity=80) !important; } .modal { position:fixed; _position:absolute; z-index:100; top:-9000px; left:0; padding:10px; width:465px; background:transparent url('assets/images/bg/modal-border-1.png') repeat 0 0; /*background-color:#d9d9d9;*/ display:none; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -webkit-box-shadow:rgba(0,0,0,0.70) 0 0 20px; -moz-box-shadow:rgba(0,0,0,0.70) 0 0 20px; box-shadow:rgba(0,0,0,0.70) 0 0 20px; } .modalWrap { position:relative; background-color:#fff; color:#333; text-align:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* sizes */ .smallModal { position:absolute; width:220px; } .bigModal { } /* common */ .modal .closeMe { position:absolute; z-index:1; top:8px; right:10px; } .modal .content { position:relative; padding:30px 10px 25px 25px; } .modal h4 { position:relative; margin:0 0 20px; font-size:13px; font-weight:bold; } .modal h5 { margin-bottom:16px; padding:0; font-size:14px; color:#333; font-weight:bold; text-transform:uppercase; } .modal h6 { margin-bottom:5px; padding:0; font-size:13px; color:#333; } .modal p { margin-bottom:15px; font-size:12px; color:333; } .modal .mainImage { float:right; margin:0 0 25px 15px; } .modal .scrollMe1 { overflow-y:scroll; height:410px; } /* modal buttons section */ .modal .btns { margin-top:35px; text-align:center; } .modal .btns > a, .modal .btns > button { margin-left:35px; } .modal .btns > a:first-child, .modal .btns > button:first-child { margin-left:0; } .modal .btns > a { font-weight:bold; text-decoration:underline; } .modal .btns > a:hover { text-decoration:none; } .modal .btns > .customButton { text-decoration:none; } .modal .content .popupPointer { position:absolute; top:14px; left:-15px; width:19px; height:32px; } .modal .content .popupPointer1 { left:-15px; } .modal .content .popupPointer2 { left:auto; right:-15px; } /* small */ .smallModal .content { padding:19px 20px 11px 22px; } /* aa promo */ .aaMilesModal { background-image:none; background-color:#fff; border:3px solid #173279; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } .aaMilesModal .content a { color:#002663; text-decoration:underline; } .aaMilesModal .content a:hover { text-decoration:none; } .aaMilesModalSmall { border:1px solid #000; } .aaMilesModalSmall .popupPointer { display:none; } .aaMilesModalSmall .closeMe { top:-5px; right:-5px; } .aaMilesModalSmall .content { padding:12px 10px 10px; } .aaMilesModalSmall .content p { margin-bottom:5px; } /*------------------ * ICONS --------------------*/ .video-icon { position:relative; top:2px; margin:0 6px 0 0; width:18px; height:18px; } .new-window-icon { position:relative; top:-1px; margin:0 6px 0 1px; width:11px; height:11px; } /*------------------ * SUB NAVIGATION --------------------*/ .sub-navigation { margin:-5px 0 40px; padding-bottom:10px; list-style:none; border-bottom:1px dotted #bbb; /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/ } .sub-navigation li { float:left; list-style:none; padding:0 5px; font-weight:bold; font-size:14px; color:#888; } .sub-navigation li.div { font-size:16px; } .sub-navigation li a { text-decoration:none; color:#888; } .sub-navigation li a:hover { text-decoration:underline; } /*------------------ * INNER NAVIGATION --------------------*/ .inner-navigation { margin:0; list-style:none; } .inner-navigation li { float:left; list-style:none; padding:11px; font-weight:bold; font-size:13px; border:1px solid #ccc; border-bottom:none; -moz-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius:5px 5px 0 0; } .inner-navigation li.sel { color:#fff; background-color:#666; border:1px solid #666; border-bottom:none; } .inner-navigation li a { text-decoration:none; } .inner-navigation li a:hover { text-decoration:underline; } /*------------- * BACKGROUNDS ---------------*/ .grayGradientTop1 { background:transparent url('assets/images/bg/gray-gradient-top-1.png') left top repeat-x; } .grayGradientBottom1 { background:transparent url('assets/images/bg/gray-gradient-bottom-1.png') left bottom repeat-x; } .blueBG1 { min-height:540px; color:#fff; background:transparent url('assets/images/bg/blue-1.jpg') no-repeat left top; } .blueBG1 a { color:#fff; } .blueBG1 h1 { color:#fff; } .blueBG1 h2 { color:#fff; } .blueDots1 { background:transparent url('assets/images/bg/blue-dot-1.gif') repeat-x 0 1px; `height:1%; } /*---------------------------------------- AWESOME BUTTONS AND CUSTOM BUTTONS ------------------------------------------*/ .awesome-button, .awesome-button:visited { position:relative; display:inline-block; padding:5px 12px 6px 13px; color:#fff; background:#439744 url('assets/images/buttons/overlay.png') repeat-x 0 50%; text-decoration:none; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); /*-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);*/ text-shadow:0 1px 0 #000; border:none; border-bottom:1px solid rgba(0,0,0,0.25); cursor:pointer; font-size:12px; line-height:15px; text-align:center; } .awesome-button:hover { background-color:#28597a; color:#fff; -moz-box-shadow:0 0 5px rgba(71,164,202,1); } .awesome-button.small, .awesome-button.small:visited { padding:1px 9px 1px; white-space:nowrap; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; } .awesome-button.large, .awesome-button.large:visited { margin-bottom:10px; padding:10px 15px; font-size:16px; -webkit-box-shadow:none; } .awesome-button.save { background-color:#ee4923; } .awesome-button.save:hover { background-color:#2b96c2; } .awesome-button.delete { background-color:#666; } .awesome-button.delete:hover { background-color:#888; } .awesome-button.remove { background-color:#888; } .awesome-button.remove:hover { background-color:#666; } .awesome-button.cancel { background-color:#666; } .awesome-button.cancel:hover { background-color:#888; } .awesome-button.badge, .awesome-button.badge:visited { padding:1px 5px 2px; background-color:#ee4923; color:#fff; font-weight:bold; line-height:13px; -moz-border-radius:8px; -webkit-border-radius:8px; } .awesome-button.badge:hover { background-color:#dfe1ff; color:#ee4923; border:1px solid #888; } /*------------- HELPERS ---------------*/ .hide { display:none; } .hardHide { display:none !important; } .floatL { float:left; } .floatR { float:right; } .alignleft { float:left; } .alignright { float:right; } .noClear { clear:none !important; } .simple-clear, .simpleClear { clear:both; } .brHide br { display:none; } /* wp html publisher inserts br(s) on it's own, put class on container if you want to get ride of them */ .noRecs { padding:10px !important; font-size:13px !important; color:#777 !important; } .noBorder { border:none !important; } .relative { position:relative; } .absolute { position:absolute; } /* text */ .noWrap { white-space:nowrap; } .txtLeft { text-align:left !important; } .txtCenter { text-align:center !important; } .txtRight { text-align:right; } .txtUpper { text-transform:uppercase; } .normalFontStyle { font-style:normal; } h2 .registeredTrademark { left:0; position:relative; top:-15px; font-size:15px; } /* lists */ .upperAlphaList > li { list-style-type:upper-alpha; } /* colors */ .ohGreen { color:#8cc63f; } /* shadows */ .shadow1 { -moz-box-shadow: 3px 4px 10px #444; -webkit-box-shadow: 3px 4px 10px #444; box-shadow: 3px 4px 10px #444; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444'); /* For IE 5.5 - 7 */ } .noShadow { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; -ms-filter:none !important; filter:none !important; } /* gradients */ .gradient-gray { background: #f5f5f5; /* old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e8e8e8)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0 ); /* ie */ } /* padding */ .wrapPad10 { padding:10px; } .wrapPad15 { padding:15px; } .wrapPad20 { padding:20px; } .wrapPad25 { padding:25px; } .wrapPad30 { padding:30px; } .wrapPadLRT30 { padding:30px 30px 0; } .wrapPadLR10 { padding-left:10px; padding-right:10px; } .wrapPadLR15 { padding-left:15px; padding-right:15px; } .wrapPadLR20 { padding-left:20px; padding-right:20px; } .wrapPadR0 { padding-right:0px; } .wrapPadR5 { padding-right:5px; } .wrapPadR10 { padding-right:10px; } .wrapPadR15 { padding-right:15px; } .wrapPadR20 { padding-right:20px; } .wrapPadR25 { padding-right:25px; } .wrapPadR30 { padding-right:30px; } .wrapPadL10 { padding-left:10px; } .wrapPadL15 { padding-left:15px; } .wrapPadL20 { padding-left:20px; } .wrapPadL25 { padding-left:25px; } .wrapPadL30 { padding-left:30px; } .wrapPadL40 { padding-left:40px; } .wrapPadT10 { padding-top:10px; } .wrapPadT20 { padding-top:20px; } .wrapPadT25 { padding-top:25px; } .wrapPadT30 { padding-top:30px; } .noTBPadding { padding-top:0 !important; padding-bottom:0 !important; } .noBPadding { padding-bottom:0 !important; } /* margin */ .marginL10 { margin-left:10px; } .marginL30 { margin-left:30px; } .marginR15 { margin-right:15px; } .marginRB20 { margin-bottom:20px; margin-right:20px; } .noBMargin { margin-bottom:0 !important; } /* widths */ .width40pc { width:40%; } .width50pc { width:50%; } .width60pc { width:60%; } .width100pc { width:100% !important; } /*--------------- PHP DEGUG -----------------*/ pre.print_r { position:relative; z-index:300; width:1000px; font-size:13px !important; background-color:#fff !important; color:#333 !important; text-align:left !important; } pre.print_r.print_r_debug { width:auto; color:#ff0000 !important; } pre.print_r.fixed { position:fixed; top:0; left:0; z-index:300; }