/* * Project: TraceLink * Date: 2010-03-02 /* ---------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; } body { background: #e3edf9 url(../images/bg-main.gif); font-size: 62.5%; } /** html body { behavior: url("styles/csshover.htc"); } */ @media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } body, textarea, input, select, option, button { color: #252525; font-family: Arial, Helvetica, "Helvetica Neue", sans-serif; line-height: 1.25; } li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; } ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; } a { color: #39f; text-decoration: underline; } a:hover, a:focus, a:active { text-decoration: none; } ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; } img { border: none; border-width: 0; -ms-interpolation-mode: bicubic; } pre { font-family: "Courier New",monospace; white-space: pre-wrap; } table { border-collapse: collapse; border-spacing: 0; } button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; } hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; } *:first-child+html hr { margin: -7px 0 8px !important; } .offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; } /* LAYOUT ------------------------------------------- */ #root { width: 920px; margin: 0 auto; } #top { position: relative; height: 65px; width: 100%; } #logo { position: absolute; left: 0; top: 10px; z-index:5; } #logo a { } #top h2 { position: absolute; top: 28px; left: 155px; font: bold 1.4em/1.25 Arial, Helvetica,sans-serif; color: #2e67ae; z-index:4;} #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; } #top .options { position: absolute; right: 0; top: 27px; } #top .options form { float: left; display: block; width: 140px; _margin-left:285px; _margin-top:-35px;} *+html #top .options form {position:absolute; left:570px; top:0px; width: 140px; } #top .options form p { position: relative; width: 140px; margin: 0; overflow: hidden; } #top .options form label { position: absolute; top: 3px; left: 3px; } #top .options form input { float: left; border: 1px solid #cbcbcb; border-right: none; height: 13px; padding: 3px 2px; width: 114px; } #top .options form button { float: right; display: block; width: 21px; height: 21px; background: url(../images/button-search.png) no-repeat; border: none; text-indent: -999em; overflow: hidden; } #top .options ul { float: right; list-style: none; padding: 0; font-weight:bold; } #top .options ul li { float: left; margin: 0 0 0 15px; line-height: 1.75; } #top .options ul li a { color: #717171; text-decoration: none; } #top .options ul li a:hover, #top .options ul li a:focus, #top .options ul li a:active { color: #000; } #nav { background: #2e67ae; margin: 0 0 15px; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; _height:17px; _padding:5px 5px 8px 5px;} #nav p { float: right; margin: 0; padding: 0 25px; font: bold 1.4em/1.25 Arial, Helvetica, sans-serif; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { float: left; padding: 0 23px 0 25px; background: url(../images/nav-sep.png) 0 50% no-repeat; font: 1.5em/1.25 Arial, Helvetica,sans-serif; } #nav li:first-child, #nav li.first { background: none; } #nav a { color: #fff; text-decoration: none;font-weight:bold; } #nav a:hover, #nav a:focus, #nav a:active { color: #000; } #nav li.selected a { color: #fff; color:#ec9500; } #nav li em { position: absolute; left: -10001px; top: -10001px; } /* the original main nav color selected code, removed to temp fix multi-select problem introduced with Products menu */ /* #nav li.selected a { color: #ec9500; } */ #content { width: 100%; overflow: hidden; margin: 0 0 15px; } #main { float: right; width: 682px; border: 2px solid #2e67ae; background: #fff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden; zoom: 1; } #main .inner { padding: 20px 25px; width: 632px;} #aside { float: left; width: 214px; } body.blog #main { float: left; } body.blog #aside { float: right; } #footer { padding: 0 0 15px; } #footer .options { text-align: center; } #footer .options a { margin: 0 5px; } #footer .nav { width: 100%; overflow: hidden;} #footer .nav ul { padding: 0; list-style: none; } #footer .nav .col-a { float: left; width: 50%; font-weight:bold; } #footer .nav .col-b { float: right; width: 50%; text-align: right; font-weight:bold; } #footer .nav li { display: inline; margin: 0 10px 0 0; } #footer .nav .col-b li { margin: 0 0 0 10px; } #footer .nav li a { color: #717171;; text-decoration: none; } #footer .copyright { color: #2e67ae; text-align: center; font-size: 1em; } #footer a:hover, #footer a:focus, #footer a:active { color: #000; } #footer .nav ul li a:hover, #footer .nav ul li a:focus, #footer .nav ul li a:active { color: #000; } /* GENERAL ------------------------------------------- */ /* headers */ h1, h2, h3, h4, h5, h6 { color: #2e67ae; } h1 { font-size: 2.4em; } h2 { font-size: 1.9em; font-weight: normal; } h3 { font-size: 1.4em; margin: 0 0 10px; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.0em; } /* containers */ .sections-a { width: 100%; overflow: hidden; } .sections-a .col-a { float: left; width: 300px; } .sections-a .col-b { float: right; width: 300px; } .sections-a .item { width: 100%; margin: 0 0 30px; overflow: hidden; } .sections-a .item .ico { float: left; width: 100px; text-align: center; } .sections-a .item .description { float: right; width: 200px; } .sections-a .item .description h3 { margin: 0; font: bold 1.4em/1.25 Arial, Helvetica, sans-serif; } .sections-a .item .description p { margin: 0; } .sections-a .item .description p a { text-decoration: none; } .sections-a .item .description p a:hover, .sections-a .item .description p a:focus, .sections-a .item .description p a:active { text-decoration: underline; } /* single full-width container w two columns */ .sections-full { width: 100%; overflow: hidden; } .sections-full .col-a { float: left; width: 300px; } .sections-full .col-b { float: right; width: 300px; } .sections-full .item { width: 100%; margin: 0 0 30px; overflow: hidden; } .sections-full .item .ico { float: left; width: 100px; text-align: center; } .sections-full .item .description { float: right; width: 200px; } .sections-full .item .description h3 { margin: 0; font: bold 1.4em/1.25 Arial, Helvetica, sans-serif; } .sections-full .item .description p { margin: 0; } .sections-full .item .description p a { text-decoration: none; } .sections-full .item .description p a:hover, .sections-full .item .description p a:focus, .sections-full .item .description p a:active { text-decoration: underline; } .bio-a { width: 100%; overflow: hidden; padding: 15px 0; margin: 0 0 15px; background: url(../images/hor-sep.png) 0 100% repeat-x; } .bio-a .portrait { float: left; margin: 0 15px 10px 0; } .bio-a .portrait img { border: 1px solid #d1d1d1; } .bio-a h2 { font: bold 1.9em/1.25 Arial, Helvetica, sans-serif; color: #2e67ae; margin: 0; } .bio-a h3 { font: italic 1.4em/1.25 Arial, Helvetica, sans-serif; color: #76add8; margin: 0 0 20px; text-transform: uppercase; } .video-a { width: 100%; overflow: hidden; padding: 15px 0; margin: 0 0 15px; background: url(../images/hor-sep.png) 0 100% repeat-x; } .video-a .portrait { float: left; margin: 0 15px 10px 0; } .video-a .portrait img { border: 1px solid #d1d1d1; } .video-a h2 { font: bold 1.9em/1.25 Arial, Helvetica, sans-serif; color: #2e67ae; margin: 0; } .video-a h3 { font: italic 1.4em/1.25 Arial, Helvetica, sans-serif; color: #76add8; margin: 0 0 20px; text-transform: uppercase; } /* forms */ /* tables */ table { } table th, table td { padding: 5px 10px; border: 1px solid #ccc; } /* lists */ #main .inner ul { padding: 0; list-style: none; margin: 0 0 10px; margin-left:15px; } #main .inner ul li { background: url(../images/bullet-a.png) 0 3px no-repeat; margin: 0 0 5px; padding: 0 0 0 15px; } /* paragraphs */ /* links */ /* other */ /* SPECIFIC ------------------------------------------- */ #featured-a { width: 916px; height: 345px; margin: 0 0 15px; overflow: hidden; border: 2px solid #2e67ae; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #featured-a .overview { float: left; width: 707px; } #featured-a .overview .nav { float: left; padding: 0; width: 182px; border-right: 1px solid #333; } #featured-a .overview .nav li { width: 182px; } #featured-a .overview .nav li.featured-a-overview { border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; } #featured-a .overview .nav li.featured-a-industry { border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; } #featured-a .overview .nav li a { display: block; width: 100%; text-indent: -999em; overflow: hidden; background-image: url(../images/featured-a-nav.png); } #featured-a.v2 .overview .nav li a { background-image: url(../images/featured-a-nav-v2.png); } #featured-a .featured-a-overview a { height: 89px; background-position: 0 0; } #featured-a .featured-a-overview a:hover, #featured-a .featured-a-overview a.selected { background-position: -182px 0; } #featured-a .featured-a-role a { height: 84px; background-position: 0 -89px; } #featured-a .featured-a-role a:hover, #featured-a .featured-a-role a.selected { background-position: -182px -89px; } #featured-a .featured-a-challenge a { height: 84px; background-position: 0 -173px; } #featured-a .featured-a-challenge a:hover, #featured-a .featured-a-challenge a.selected { background-position: -182px -173px; } #featured-a .featured-a-industry a { height: 89px; background-position: 0 -257px; } #featured-a .featured-a-industry a:hover, #featured-a .featured-a-industry a.selected { background-position: -182px -257px; } #featured-a .overview .inner { float: right; width: 524px; height: 345px; background: #fff; } #featured-a .overview .section { } #featured-a .overview .section .h { padding: 10px 17px; } #featured-a .overview .section .h h2 { font: bold 2.4em/1.25 Arial, Helvetica, sans-serif; color: #2e67ae; margin: 0; } #featured-a .overview .section .h p { margin: 0; } #featured-a .overview .section .solutions { background: url(../images/featured-a-section-bg.png) repeat-x; padding: 12px; text-align: center; } #featured-a .overview .section .item { display: -moz-inline-stack; display: inline-block; width: 120px; text-align: center; vertical-align: top; cursor: pointer; } * html #featured-a .overview .section .item { display: inline; } *:first-child+html #featured-a .overview .section .item { display: inline; } #featured-a .overview .section .item h3 { height: 2.5em; font: bold 1.2em/1.25 Arial, Helvetica, sans-serif; color: #2e67ae; margin: 0 0 5px; } #featured-a .overview .section .item p { margin: 0; } #featured-a .overview .section .item p.more { margin: 0; } #featured-a .overview .section .item p.more a { padding: 0 10px 0 0; background: url(../images/featured-nav-arrow.png) 100% 50% no-repeat; text-decoration: none; } #featured-a .overview .section .item p.more a:hover, #featured-a .overview .section .item p.more a:focus, #featured-a .overview .section .item p.more a:active { text-decoration: underline; } #tracelink-overview img { display: block; } #featured-a .freebies { float: right; width: 209px; height: 345px; background: url(../images/featured-a-freebies.jpg) 0 50% no-repeat; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; overflow: hidden; } #featured-a .freebies div { padding: 20px 0 0 20px; height: 152px; } #featured-a .freebies p.text { padding: 2px 20px 2px 2px; margin: 0 0 8px; background: url(../images/featured-a-freebies-text.png); color: #fff; font-size: 1.2em; } #featured-a .freebies .free-pilot { margin: 0 0 2px; } #featured-a .freebies .free-pilot h2 { width: 113px; height: 22px; margin: 0 0 10px; background: url(../images/header-free-pilot.png) no-repeat; text-indent: -999em; overflow: hidden; } #featured-a .freebies .free-pilot p.more a { display: block; width: 123px; height: 38px; background: url(../images/button-try-it-out.png) no-repeat; text-indent: -999em; overflow: hidden; } #featured-a .freebies .free-membership { padding-top: 10px; height: 145px; } #featured-a .freebies .free-membership h2 { width: 182px; height: 22px; margin: 0 0 5px; background: url(../images/header-free-membership.png) no-repeat; text-indent: -999em; overflow: hidden; } #featured-a .freebies .free-membership form p { position: relative; width: 100%; } #featured-a .freebies .free-membership form p input { border: 1px solid #233b82; padding: 2px; width: 165px; } #featured-a .freebies .free-membership form p label { position: absolute; top: 4px; left: 4px; } #featured-a .freebies .free-membership form p button { display: block; width: 123px; height: 38px; background: url(../images/button-join-today.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; border-width: 0; } #featured-b { border: 2px solid #2e67ae; background: #fff; padding: 10px; margin: 0 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; zoom: 1;} #featured-b .col { display: inline; position: relative; float: left; padding: 0 0 0 55px; margin: 0 35px; width: 170px; } #featured-b .col h2 { color: #2e67ae; margin: 0 0 5px; font: bold 1.4em/1.25 Arial, Helvetica, sans-serif; } #featured-b .col h2 a { color: #2e67ae; text-decoration: none; } #featured-b .col h2 a:hover, #featured-b .col h2 a:focus, #featured-b .col h2 a:active { text-decoration: underline; } #featured-b .col p { margin: 0; } #featured-b .col .ico { position: absolute; left: 0; top: 0; } #featured-c { width: 100%; padding: 6px 0 0; background: url(../images/featured-c-top.png) no-repeat; margin: 0 0 15px 0;} #featured-c .wrapper { width: 100%; background: url(../images/featured-c-bottom.png) 0 100% no-repeat; overflow: hidden; } #featured-c .col { float: left; width: 257px; margin: 0 15px 0 0; padding: 0 20px; } #featured-c .news { width: 256px; margin: 0; } #featured-c .col h2 { font: bold 1.4em/41px Arial, Helvetica, sans-serif; color: #2e67ae; padding: 0 0 0 45px; } #featured-c .spotlight h2 { background: url(../images/ico-spotlight.png) 0 50% no-repeat; } #featured-c .blog h2 { background: url(../images/ico-rss-large.png) 0 50% no-repeat; } #featured-c .col p span.meta { display: block; } #featured-c .news h2 { background: url(../images/ico-news.png) 0 50% no-repeat; } #featured-c .col .more a { text-decoration: none; } #featured-c .col .more a:hover, #featured-c .col .more a:focus, #featured-c .col .more a:active { text-decoration: underline; } #featured-d { border: 2px solid #2e67ae; background: #fff; padding: 10px; margin: 0 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; zoom: 1;} #featured-d .col { display: inline; position: relative; float: left; padding: 0 0 0 55px; margin: 0 35px; width: 170px; } /* sidebar */ #sidenav { border: 2px solid #2e67ae; background: #fff; padding: 10px 0 0; margin: 0 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; zoom: 1; } #sidenav h2 { margin: 0 10px 10px; font: bold 1.4em/1.25 Arial, Helvetica, sans-serif; color: #2e67ae; } #sidenav ul { padding: 0; list-style: none; margin: 0 0 5px; } #sidenav ul li { font: 1.4em/1.25 Arial, Helvetica, sans-serif; zoom: 1; } #sidenav ul li a { display: block; padding: 5px 10px 5px 24px; color: #666; background: url(../images/subnav-arrow.png) 10px 10px no-repeat; text-decoration: none; } #sidenav ul li a:hover, #sidenav ul li a:focus, #sidenav ul li a:active { text-decoration: underline; } #sidenav ul li.selected a { background-color: #e3edf9; color: #333; font-weight: bold; } #sidenav ul li.selected a:hover, #sidenav ul li.selected a:focus, #sidenav ul li.selected a:active { text-decoration: none; } #sidenav ul li ul { padding: 0 0 0 24px; } #sidenav ul li ul li { font-size: 0.93em; } #sidenav ul li ul li a { background-position: 0 10px; padding-left: 14px; } #sidenav ul li.selected ul li a { background-color: #fff; color: #666; font-weight: normal; } #sidenav ul li.selected ul li a:hover, #sidenav ul li.selected ul li a:focus, #sidenav ul li ul li a:active { text-decoration: underline; } #sidenav ul li ul li.selected a { font-weight: bold; color: #2e67ae; } #sidenav ul li ul li.selected a:hover, #sidenav ul li ul li.selected a:focus, #sidenav ul li ul li.selected a:active { text-decoration: none; } #help { border: 2px solid #2e67ae; background: #fff; padding: 10px; margin: 0 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; zoom: 1; } #help .head { height: 42px; overflow: hidden; margin: 0 0 15px; padding: 0 0 0 45px; background: url(../images/ico-help.png) no-repeat; } #help .head h2 { width: 100%; overflow: hidden; margin: 0; font: bold 1.7em/1.25 Arial, Helvetica, sans-serif; color: #2e67ae; } #help .head p { margin: 0; } #help ul { padding: 0; list-style: none; margin: 0; } #help ul li { font: 1.4em/1.25 Arial, Helvetica, sans-serif; width: 100%; } #help ul li a { display: block; color: #666; padding: 10px 0 10px 45px; text-decoration: none; } #help ul li a:hover, #help ul li a:focus, #help ul li a:active { text-decoration: underline; } #help ul li.chat a { background: url(../images/ico-help-chat.png) 5px 50% no-repeat; } #help ul li.note a { background: url(../images/ico-help-note.png) 5px 50% no-repeat; } #help ul li.email a { background: url(../images/ico-help-mail.png) 5px 50% no-repeat; } #help ul li.video a { background: url(../images/ico-help-video.png) 5px 50% no-repeat; } #help ul li.paper a { background: url(../images/ico-help-paper.png) 5px 50% no-repeat; } /* main head */ #main .section-head { width: 682px; height: 186px; background: url(../images/section-head.png) no-repeat; overflow: hidden; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; } #main .section-head .overview { float: left; width: 450px; } #main .section-head .overview h1 { margin: 0 0 10px; padding: 15px 0 0 20px; font: bold 2.4em/1.25 Arial, Helvetica, sans-serif; color: #fff; } #main .section-head .overview p { padding: 10px 10px 10px 20px; font: 1.4em/1.25 Arial, Helvetica, sans-serif; color: #fff; background: url(../images/featured-a-freebies-text.png); } #main .section-head .freebies { float: right; width: 193px; } #main .section-head .freebies div { padding: 10px 0 0 8px; height: 65px; } #main .section-head .freebies .free-pilot { margin: 0 0 2px; } #main .section-head .freebies .free-pilot h2 { width: 113px; height: 22px; margin: 0; background: url(../images/header-free-pilot.png) no-repeat; text-indent: -999em; overflow: hidden; } #main .section-head .freebies .free-pilot p.more { margin: 0; } #main .section-head .freebies .free-pilot p.more a { display: block; width: 123px; height: 38px; background: url(../images/button-try-it-out.png) no-repeat; text-indent: -999em; overflow: hidden; } #main .section-head .freebies .free-membership { padding-top: 10px; } #main .section-head .freebies .free-membership h2 { width: 182px; height: 22px; margin: 0 0 5px; background: url(../images/header-free-membership.png) no-repeat; text-indent: -999em; overflow: hidden; } #main .section-head .freebies .free-membership form p { position: relative; width: 100%; margin: 0 0 5px; } #main .section-head .freebies .free-membership form p input { border: 1px solid #233b82; padding: 2px; width: 165px; } #main .section-head .freebies .free-membership form p label { position: absolute; top: 4px; left: 4px; } #main .section-head .freebies .free-membership form p button { display: block; width: 123px; height: 38px; background: url(../images/button-join-today.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; border-width: 0; } /* Blog */ #blog-aside { position: relative; background: #fff; padding: 10px; margin: 0 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; zoom: 1; } #blog-aside .rss { position: absolute; top: 10px; right: 10px; } div.BlogRecentPost { } div.BlogRecentPost h2 { font: bold 1.4em/1.25 Arial, Helvetica, sans-serif; } div.BlogRecentPost ul { padding: 0; list-style: none; } div.BlogRecentPost ul li { margin: 0 0 10px; } div.BlogTagCloud { word-spacing: 1em; margin: 0 0 15px;font-size:1.1em; } div.BlogTagCloud h2 { font: bold 1.4em/1.25 Arial, Helvetica, sans-serif; margin: 0; word-spacing: 0; } div.BlogTagCloud a { font-size: 1.1em; text-decoration: none; word-spacing: 0; } div.BlogTagCloud a:hover, div.BlogTagCloud a:focus, div.BlogTagCloud a:active { text-decoration: underline; } div.BlogTagCloud a.BlogTagCloud-XX-Small { font-size: 1em; } div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; } div.BlogTagCloud a.BlogTagCloud-Small { font-size: 1.2em; } div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.3em; } div.BlogTagCloud a.BlogTagCloud-Large { font-size: 1.4em; } div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 1.5em; } div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 1.6em; } #blog-aside .list-a { } #blog-aside .list-a h2 { font: bold 1.4em/1.25 Arial, Helvetica, sans-serif; margin: 0 0 5px; word-spacing: 0; } #blog-aside .list-a ul { padding: 0; list-style: none; margin: 0 0 5px; } #blog-aside .list-a ul li { font: 1.4em/1.25 Arial, Helvetica, sans-serif; zoom: 1; } #blog-aside .list-a ul li a { display: block; padding: 5px 10px 5px 14px; color: #666; background: url(../images/subnav-arrow.png) 0 10px no-repeat; text-decoration: none; } #blog-aside .list-a ul li a:hover, #blog-aside .list-a ul li a:focus, #blog-aside .list-a ul li a:active { text-decoration: underline; } .entry { padding-bottom: 10px; } .entry .date { margin: -15px 0 20px; } .entry h2 { } .entry h2 a { color: #2e67ae; text-decoration: none; } .entry h2 a:hover { text-decoration: underline; } .entry .meta { width: 100%; overflow: hidden; color: #000; } .entry .meta p { float: left; margin: 0 10px 0 0; line-height: 1.25; } .entry .meta p.a span { text-transform: uppercase; } .entry .meta p.b a { margin: 0 5px; } .entry .meta p.share { float: right; } .comments-a { background: #fffee5; border: 1px solid #ffe885; border-width: 1px 0; padding: 10px 10px 0; margin: 0 0 15px; } .comments-a h2 { font: 1.4em/1.25 Arial, Helvetica, sans-serif; text-transform: uppercase; } .comments-a .comment { padding: 0 0 20px; } .comments-a .comment .author { color: #2e67ae; font: 1.1em/1.25 Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; } .comments-a .comment blockquote { margin: 0; padding: 0; } .comments-a .comment blockquote p { margin: 0; font-size: 1.3em; } .add-comment { width: 100%; overflow: hidden; padding: 0 0 15px; background: url(../images/hor-sep.png) 0 100% repeat-x; margin: 0 0 15px; } .add-comment h2 { font: 1.4em/1.25 Arial, Helvetica, sans-serif; text-transform: uppercase; } .add-comment form { width: 405px; } * html .add-comment form { width: 408px; } .add-comment form p { overflow: hidden; width: 100%; margin-bottom: 5px; } .add-comment form p input { width: 286px; padding: 5px 3px; border: 1px solid #dcddde; line-height: 1.2em; } .add-comment form p label { display: block; float: left; width: 111px; padding-top: 5px; color: #666; } .add-comment form p.captcha { margin-bottom: 10px;width:111px; float:left; } .captchaimg {float:left; margin-right:10px;} input#CaptchaV2 {float:left;border:1px solid #DCDDDE;line-height:1.2em;padding:5px 3px;width:116px !important; } .add-comment form p.captcha label { } .add-comment form p.captcha input { float: right; width: 129px; padding: 5px 3px; margin-top: 2px; } .add-comment form p.captcha img { display: block; float: left; } .add-comment form p.message { } .add-comment form p.message label { } .add-comment form p.message textarea { overflow: auto; width: 286px; height: 103px; padding: 5px 3px; border: 1px solid #dcddde; line-height: 1.2em; } .add-comment form p.submit { padding: 6px 0 0 109px; } .add-comment form p.submit button { display: block; width: 123px; height: 38px; background: url(../images/submit-a.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; } /* addons */ #cat_920159_divs {float:right;} ol.blogsitesummary {list-style-type:none; padding-left:0px;} .system-message, .system-error-message {margin:0px; padding:0px; padding:25px; background:none; border:none;} table th, table td {border:0px; } * {font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;} .blogsitesummary li {line-height:1.2em; padding:0 0 14px 0px;} .news .item {line-height:1.2em; padding:0px;} .news p.more {padding-top:14px;} .content-image {text-align:center; padding:10px;} .next-steps {color:#2E67AE;} #main .inner ul ul {margin-top:15px;} #download-reg-form-container {width:500px; height:320px; font-size:.9em; padding:15px;} #download-reg-form {font-family:arial; color:#333; font-size:1.3em;} #download-reg-form .form-a {margin:15px;} #download-reg-form .form-a p.row {width:100%; position:relative; overflow:hidden;} #download-reg-form .form-a label {width:120px; float:left;} #download-reg-form .form-a .text {width:275px; border:solid 1px #666; padding:3px; float:left; margin:1px;} #download-reg-form .form-a .required-info {text-align:right; margin-right:67px; font-size:12px;} #download-reg-form .form-a .btn-submit {text-align:center;} .hide {display:none;} #contactWrapper {width:100%; overflow:hidden; position:relative;} #contactWrapper .col-a {width:300px; float:left;} #contactWrapper .col-b {width:300px; float:right;} #contactWrapper .col-b .form-a {border:solid 1px #ddd; padding:10px; position:relative;} #contactWrapper .col-b .form-a label {float:left; margin-right:5px; width:87px; text-align:right;} #contactWrapper .col-b .form-a .cat_textbox {border:1px solid #888; padding:3px; width:150px; float:left;} #contactWrapper .col-b .form-a .cat_dropdown, #contactWrapper .col-b .form-a .cat_listbox {width:150px;} #caseWrapper{width:100%; overflow:hidden; position:relative;} #caseWrapper.col-a {width:300px; float:left;} #caseWrapper.col-a .form-a {border:solid 1px #ddd; padding:10px; position:relative;} #caseWrapper.col-a .form-a label {float:left; margin-right:5px; width:87px; text-align:right;} #caseWrapper.col-a .form-a .cat_textbox {border:1px solid #888; padding:3px; width:150px; float:left;} #caseWrapper.col-a .form-a .cat_dropdown, #caseWrapper .col-a .form-a .cat_listbox {width:150px;} #caseWrapper.col-b {width:300px; float:right;} #caseWrapper.col-b .form-a {border:solid 1px #ddd; padding:10px; position:relative;} #caseWrapper.col-b .form-a label {float:left; margin-right:5px; width:87px; text-align:right;} #caseWrapper.col-b .form-a .cat_textbox {border:1px solid #888; padding:3px; width:150px; float:left;} #caseWrapper.col-b .form-a .cat_dropdown, #caseWrapper .col-b .form-a .cat_listbox {width:150px;} #CaptchaV2 {margin-left:92px; _margin-top:15px;} *+html #CaptchaV2 {margin-top:15px;} div.col-b .captchaimg {float:right;margin-right:14px;margin-top:-18px; _margin-right:7px;} div.add-comment input#CaptchaV2 {float:left;border:1px solid #DCDDDE;line-height:1.2em;padding:5px 3px;width:153px !important; margin-left:110px;} .requiredBlurb {position:absolute; top:11px; right:-40px; width:100px;} ul.cap-top li.user, ul.cap-bottom li.nav-page {width:275px !Important; font-size:1.1em;} #wp-items .item{ padding-left:100px; position:relative; width:86%; } #wp-items .item .portrait{ position:absolute; left:0; }