/* ------------------------------------------- project: Bridgemark date: 2008/02/01 ------------------------------------------- */ /* Reset ------------------------------------------- */ * {margin: 0; padding: 0; /* color: #000; */ color:#777777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em;} a, span {font-size: 1em;} span {color: inherit;} a, a:visited {text-decoration: underline;} a.tag {color:#777777} a:hover {text-decoration: none;} img {border: none;} /* layout ------------------------------------------- */ html {background: #010512 url(../images/back.jpg) left top repeat-x;} body.home {background: #010512 url(../images/home-back.jpg) left top repeat-x;} body {background: transparent url(../images/tabs-back.jpg) center 94px no-repeat;} a, a:visited { color: #E8C33B; text-decoration: none;} a:hover {text-decoration: underline;} h1 {/* margin: 0 0 20px 0; */ margin:0;font-size: 1.5em;} p {margin: 20px 0 20px 0;} #header {position: relative; width: 892px; height: 94px; margin: 0 auto;} #logo {display: block; position: absolute; top: 30px; width: 430px; height: 50px; background: transparent url(../images/logo.jpg) left top no-repeat; text-indent: -1000px;} #mainmenu {position: absolute; right: 0; top: 48px; width: 377px; height: 17px; background: #000 url(../images/mainmenu.jpg) left top no-repeat;} #mainmenu li {display: block; float: left; list-style: none;} #mainmenu li a, #mainmenu li a:visited {display: block; overflow: hidden; height: 17px; margin: 0 24px 0 0; background-image: url(../images/mainmenu.jpg); background-repeat: no-repeat; line-height: 17px; text-indent: -500px;} #mainmenu li a#mm1, #mainmenu li a#mm1:visited {width: 46px; background-position: 0 top;} #mainmenu li a#mm1:hover, #mainmenu li a#mm1.on {background-position: 0 bottom;} #mainmenu li a#mm2, #mainmenu li a#mm2:visited {width: 55px; background-position: -70px top;} #mainmenu li a#mm2:hover, #mainmenu li a#mm2.on {background-position: -70px bottom;} #mainmenu li a#mm3, #mainmenu li a#mm3:visited {width: 41px; background-position: -149px top;} #mainmenu li a#mm3:hover, #mainmenu li a#mm3.on {background-position: -149px bottom;} #mainmenu li a#mm4, #mainmenu li a#mm4:visited {width: 52px; background-position: -214px top;} #mainmenu li a#mm4:hover, #mainmenu li a#mm4.on {background-position: -214px bottom;} #mainmenu li a#mm5, #mainmenu li a#mm5:visited {width: 26px; background-position: -289px top;} #mainmenu li a#mm5:hover, #mainmenu li a#mm5.on {background-position: -289px bottom;} #mainmenu li a#mm6, #mainmenu li a#mm6:visited {width: 34px; margin: 0 0 0 0; background-position: -339px top;} #mainmenu li a#mm6:hover, #mainmenu li a#mm6.on {background-position: -339px bottom;} #home-picture {width: 1010px; height: 434px; margin: 0 auto; /*background: transparent url(../images/home-main-picture.jpg) center center no-repeat;*/} #content {width: 908px; margin: 0 auto; padding-top: 23px;} #content.home {padding-top: 0; background: transparent url(../images/home-content-back.jpg) center top no-repeat;} ul#tabs {width: 895px; height: 47px; margin: 0 auto;} ul#tabs li {display: block; float: left; height: 47px; } ul#tabs li span {display:block; position:relative; color: #888B8F;} ul#tabs li a, ul#tabs li a:visited {display: block; height: 33px; padding-top: 14px; color: #888B8F; font-size: 0.9em; text-align: center; text-decoration: none;} ul#tabs li a:hover {color: #234366;} ul#tabs.tabs-11 a, ul#tabs.tabs-11 a:visited {position: relative; left: 1px; width: 80px; margin: 0 1px 0 0; background: transparent url(../images/tabs/tab-portfolio.png) center top no-repeat;} ul#tabs.tabs-11 a:hover {background: transparent url(../images/tabs/tab-portfolio.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-11 a.current {background-position: center bottom; color: #234366;} ul#tabs.tabs-10 a, ul#tabs.tabs-10 a:visited {position: relative; left: 1px; width: 88px; margin: 0 1px 0 0; background: transparent url(../images/tabs/tab-10.png) center top no-repeat;} ul#tabs.tabs-10 a:hover {background: transparent url(../images/tabs/tab-10.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-10 a.current {background-position: center bottom; color: #234366;} ul#tabs.tabs-9 a, ul#tabs.tabs-9 a:visited {position: relative; left: 1px; width: 98px; margin: 0 1px 0 0; background: transparent url(../images/tabs/tab-9.png) center top no-repeat;} ul#tabs.tabs-9 a:hover {background: transparent url(../images/tabs/tab-9.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-9 a.current {background-position: center bottom; color: #234366;} ul#tabs.tabs-8 a, ul#tabs.tabs-8 a:visited {position: relative; left: 1px; width: 111px; background: transparent url(../images/tabs/tab-8.png) center top no-repeat;} ul#tabs.tabs-8 a:hover {background: transparent url(../images/tabs/tab-8.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-8 a.current {background-position: center bottom; color: #234366;} ul#tabs.tabs-7 a, ul#tabs.tabs-7 a:visited {position: relative; left: 1px; width: 127px; background: transparent url(../images/tabs/tab-7.png) center top no-repeat;} ul#tabs.tabs-7 a:hover {background: transparent url(../images/tabs/tab-7.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-7 a.current {background-position: center bottom; color: #234366;} ul#tabs.tabs-6 {width:890px;} ul#tabs.tabs-6 a, ul#tabs.tabs-6 a:visited {position: relative; left: 1px; width: 148px; background: transparent url(../images/tabs/tab-6.png) center top no-repeat; font-size: 1.2em; font-weight: bold;} ul#tabs.tabs-6 a:hover {background: transparent url(../images/tabs/tab-6.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-6 a.current {background-position: center bottom; color: #234366;} ul#tabs.tabs-5 a, ul#tabs.tabs-5 a:visited {position: relative; left: 1px; width: 178px; background: transparent url(../images/tabs/tab-gateway.png) center top no-repeat; font-size: 1.2em; font-weight: bold;} ul#tabs.tabs-5 a:hover {background: transparent url(../images/tabs/tab-gateway.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-5 a.current {background-position: center bottom; color: #234366;} ul#tabs.tabs-4 a, ul#tabs.tabs-4 a:visited {position: relative; left: 1px; width: 222px; background: transparent url(../images/tabs/tab-4.png) center top no-repeat; font-size: 1.2em; font-weight: bold;} ul#tabs.tabs-4 a:hover {background: transparent url(../images/tabs/tab-4.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-4 a.current {background-position: center bottom; color: #234366;} ul#tabs.tabs-3 {width:891px;} ul#tabs.tabs-3 a, ul#tabs.tabs-3 a:visited {width: 297px; background: transparent url(../images/tabs/tab-contact.png) center top no-repeat; font-size: 1.2em; font-weight: bold;} ul#tabs.tabs-3 a:hover {background: transparent url(../images/tabs/tab-contact.png) center bottom no-repeat; color: #234366;} ul#tabs.tabs-3 a.current {background-position: center bottom; color: #234366;} #content-top {width: 837px; margin: 0 auto; padding: 10px 24px 5px 25px; border-left: 1px solid #1D3858; border-right: 1px solid #1D3858; background: #ffffff /* #ABACB1 url(../images/gray.png) left top repeat */; text-align:left;} #slider-back {position: relative; top: 25px; display: block; overflow: hidden; float: left; width: 22px; height: 22px; background: #ABACB1 url(../images/slider-back.jpg) center center no-repeat; text-indent: -500px;} #slider-forward {position: relative; top: 25px; display: block; overflow: hidden; float: right; width: 22px; height: 22px; background: #ABACB1 url(../images/slider-forward.jpg) center center no-repeat; text-indent: -500px;} #slider {position: relative; overflow: hidden; width: 760px; height: 67px; margin: 0 auto; margin-left:auto;margin-right:auto; border: 1px solid transparent;} #slider-content {position: absolute; left: 0; top: 0; width: auto; text-align: center;} #slider-content a {margin: 0 3px 0 0;} #content-top a {display: block; float: left; margin-right: 3px;} #content-top a.current {margin-top:13px ;} #content-top h1 {margin: 0; color: #393939;} #content-space {/* width: 888px; */ width:888px; height: 372px; margin: 0 auto; padding: 0 0 14px 0; /* background: #fff url(../images/rounded-2col-bottom.jpg) center bottom no-repeat; */ background:#ffffff url('../images/footer.jpg') no-repeat bottom ; } #content-space.col1 {background: #fff url(../images/rounded-bottom.jpg) center bottom no-repeat;} #content-space.col2 {/* background: #fff url(../images/rounded-2col-bottom.jpg) center bottom no-repeat; */} #content-space.stretch {height: auto; padding-top: 0;} #content-space-wrapper {height: 372px; padding: 0; border: none; background: #fff; border-left: 1px solid #1D3858; border-right: 1px solid #1D3858;} #content-space.col1 #content-space.stretch {height: 352px; padding: 20px 0 0 0;} #content-space.stretch #content-space-wrapper {height: auto; padding-top: 0;} #main-col {float: left; width: 496px; margin-left: 25px;} #main-col p {margin: 20px 0 20px 0;} .normal-content {margin-right: 25px; margin-left: 25px;} #side-col {float: right; width: 309px; height: 352px; padding: /* 20px */ 0 25px 0 20px; /* background: #E8C33B; */} #side-col h2 {color: #333; font-size: 1.5em;} #side-col a {color: #333; text-decoration: none;} #side-col a:hover {text-decoration: underline;} .side-col {float: right; width: 309px; padding: /* 20px */ 0 25px 0 20px; /* background: #E8C33B; */} .side-col h2 {color: #333; font-size: 1.5em;} .side-col a {color: #333; text-decoration: none;} .side-col a:hover {text-decoration: underline;} #product-picture {position: relative; overflow: hidden; width: 886px; height: 372px; margin: 0 auto; background:#ffffff url('../images/footer.jpg') no-repeat bottom ; } #overlay {position: absolute; left: 0; top: 0; z-index: 2000; overflow: visible; width: 379px; height: 372px;/* background: transparent url(../images/overlay.png) left top no-repeat; */ color: #777777;} #overlay p, #overlay li, #overlay strong, #overlay b, #overlay em {/* color: #fff; */ color:#777777; line-height: 1.5em;} #overlay sup, #overlay sub {/* color: #fff; */ font-size:0.6em; line-height:0.6em;} #overlay h1 {/* color: #fff; */ color:#01317b; line-height: 1.3em;} #overlay ul, #overlay ol {margin: 10px 0 10px 20px; line-height: 1.5em;} #overlay ul li {list-style-type: square;} .overlay_padding { padding: 20px 25px 0 25px; } #footer {clear: both; width: 892px; margin: 0 auto; margin-top: 30px; padding-top: 10px; border-top: 1px solid #12253D;} #footer1 {float: left; color: #bfc0c4; font-size: 0.9em;} #footer2 {float: left; margin-left: 120px; color: #bfc0c4; font-size: 0.9em;} #footer3 {float: right; color: #bfc0c4; font-size: 0.9em;} #footer span {color: #bfc0c4;} /* Site map */ ul#sitemap {width:482px; margin:0px;margin-left:5px;padding:0px;} ul#sitemap a { font-weight:bold; color:#E4B134; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:0px 10px;} ul#sitemap li {display:block; list-style-type: none; font-size:12px;} /*ul#sitemap li {background-color:#F5E0B5;}*/ ul#sitemap li a {display: block; padding:6px 5px 5px 9px;} /*ul#sitemap li ul li {background-color:#F7E8C7;}*/ ul#sitemap li ul li a {display: block; padding:6px 5px 5px 29px; background-position:20px 10px;} /*ul#sitemap li ul li ul li {background-color:#FAEFDB;}*/ ul#sitemap li ul li ul li a {display: block; padding:6px 5px 5px 49px; background-position:40px 10px;} /*ul#sitemap li ul li ul li ul li {background-color:#FEF7ED;}*/ ul#sitemap li ul li ul li ul li a {display: block; padding:6px 5px 5px 69px; background-position:60px 10px;} /* repetitive stuff ------------------------------------------- */ #footer span.footer-marked {color: #808289;} .clear {overflow: hidden; clear: both; height: 0;} .home-lbox {float: left; width: 374px; padding: 30px 35px 30px 45px;} .home-rbox {float: right; width: 384px; padding: 30px 35px 30px 35px;} .home-lbox p, .home-rbox p {margin: 0; padding: 0;} .pagination {width: 450px; margin: 0 auto; margin-top: 10px; text-align: center;} a.prev, a.prev:visited {float: left; padding-left: 15px; background: transparent url(../images/icons/prev.jpg) left center no-repeat; color: #B8B8B8; font-size: 0.9em; text-transform: uppercase;} a.next, a.next:visited {float: right; padding-right: 15px; background: transparent url(../images/icons/next.jpg) right center no-repeat; color: #B8B8B8; font-size: 0.9em; text-transform: uppercase;} .news-date {color: #939393; font-size: 0.9em; line-height: 1.5em; text-transform: uppercase; letter-spacing: 0.1em;} .news-body {color: #fff;} .label {/* color: #939393; */ color:#e8c33b; text-transform: uppercase;} h1 .label {font-size: 0.6em; font-weight: normal; line-height: 1em;} h1.section-header {margin: 0; padding: 15px 25px 15px 25px; background: #ABACB1 url(../images/gray.png) left top repeat;} form h2.section-header {padding-top:25px; font-size:15px;} .tip {font-size: 0.9em;} .hint {color: #888;} a.more {padding-left: 15px; background: transparent url(../images/job-arrow.jpg) left center no-repeat; text-transform: uppercase;} a.email-us {padding-left: 15px; background: transparent url(../images/job-arrow.jpg) left center no-repeat; font-weight: bold;} a.search-again, a.search-again:visited {font-size: 1.1em; text-decoration: underline;} a.url, a.url:visited {text-decoration: underline;} a.url:hover {text-decoration: none;} /* tags */ a.tag1 {font-size: 1.0em; font-weight: bold;} a.tag2 {font-size: 1.0em; font-weight: bold;} a.tag3 {font-size: 1.0em; font-weight: bold;} a.tag4 {font-size: 1.4em; font-weight: bold;} a.tag5 {font-size: 1.4em; font-weight: bold;} a.tag6 {font-size: 1.4em; font-weight: bold;} a.tag7 {font-size: 1.6em; font-weight: bold;} a.tag8 {font-size: 1.6em; font-weight: bold;} a.tag9 {font-size: 1.6em; font-weight: bold;} a.tag10 {font-size: 1.8em; font-weight: bold;} a.tag11 {font-size: 1.8em; font-weight: bold;} a.tag12 {font-size: 1.8em; font-weight: bold;} a.tag13 {font-size: 2.0em; font-weight: bold;} a.tag14 {font-size: 2.0em; font-weight: bold;} a.tag15 {font-size: 2.0em; font-weight: bold;} p.tag-cloud {width: 80%;} p.capability {width: 345px; height: 35px; margin: 10px 0 10px -5px; padding: 5px 45px 5px 5px;} p.capability.current {background: url(../images/capability-arrow.png); background-repeat: no-repeat;} p.capability a {text-transform: uppercase;} /* tables */ table {width: 100%; margin: 0 0 20px 0; border-collapse: collapse;} tr.even {background: #F2F3F3;} tr.odd {background: #fff;} td {padding: 8px; vertical-align: middle; color: #000;} td.download-type {width: 105px; padding: 8px 0 8px 25px; color: #888B8F; font-size: 0.9em; text-align: left; vertical-align: top; text-transform: uppercase;} tr td.download-link {width: 139px; padding: 8px; border: 1px solid #fff;} tr.even td.download-link {border: 1px solid #F2F3F3;} a.download-button, a.download-button:visited {display: block; width: 72px; height: 31px; margin: 0 auto; background: transparent url(../images/download-button.png) center center no-repeat; color: #fff; font-size: 0.9em; line-height: 31px; text-align: center; text-transform: uppercase;} td.download-descr {width: 600px; padding: 8px 0 5px 0; border-bottom: 1px dashed #B8B8B8;} .download-name {color: #000; font-size: 1.2em; font-weight: bold;} td.download-data {padding: 5px 0 8px 0; font-size: 0.9em;} td.download-data span {color: #888B8F;} td.download-data.date {width: 160px;} td.download-data.views {width: 80px;} td.download-data.size {width: 80px;} td.download-data.d-time {width: 140px;} td.thumbnail {padding-left: 20px; text-align: center;} /* about/people/person info */ p.person-stats {margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px dashed #fff;} .languages {padding-left: 15px; background: transparent url(../images/icons/languages.gif) left center no-repeat; color: #fff;} .articles {padding-left: 15px; background: transparent url(../images/icons/articles.gif) left center no-repeat; color: #fff;} a.email {float: right; margin-top: 5px; padding-left: 15px; background: transparent url(../images/icons/email.gif) left center no-repeat; font-size: 0.9em; text-transform: uppercase;} span.phone-fax {float: left; margin: 5px 30px 0 0; /* color: #fff; */ color:#777777; font-size: 0.9em;} /* general form stuff*/ form.normal-content {margin-bottom: 50px;} form.normal-content p {font-size:12px; padding-left:30px; width:500px;} fieldset {margin: 5px 0 5px 0; border: none;} legend {display: none;} label {display: block; float: left; clear: left; width: 135px; height: 18px; margin: 5px 7px 5px 0; font-size: 0.9em; line-height: 18px; text-align: right; margin-right:10px;} label.req {border-right:5px solid #97171B; padding-right: 3px; } input, textarea {margin: 5px 5px 5px 0; padding: 1px; vertical-align: middle;} input.radio {margin: 5px 0px 5px 5px; vertical-align:middle;} input.text-field {width: 135px; border: 1px solid #929292; background: #f4f4f4;} textarea {width: 280px; height: 105px;} textarea.text-field {border: 1px solid #929292; background: #f4f4f4;} input.phone1 {width: 30px;} input.phone2 {width: 40px;} input.chk {margin: 4px 5px 4px 0; vertical-align: middle;} label.chk {height: auto; margin: 1px 5px 1px 0;} select {width: 250px; margin: 5px 5px 5px 0; vertical-align: middle;} select option {padding: 0 0 0 5px;} /* form notices */ p.error {margin: 10px 20px 10px 20px; padding: 5px 10px 5px 10px; border: 2px solid #97171B; background: #F5D3D4; color: #97171B;} .error strong {color: #97171B;} p.notice {margin: 10px 20px 10px 20px; padding: 5px 10px 5px 10px; border: 2px solid #E8BF00; background: #FFF9AB; color: #C19F00;} .notice strong {color: #C19F00;} p.success {margin: 10px 20px 10px 20px; padding: 5px 10px 5px 10px; border: 2px solid #8A9965; background: #DBE8BB; color: #8A9965;} .success strong {color: #8A9965;} p.req-indication {margin: 0; padding: 10px 25px 10px 160px; background: #F5D3D4; color: #97171B;} p.req-indication span {padding-left: 10px; border-left: 3px solid #97171B; color: #97171B; font-weight: bold;} /* email me form */ form#person-email-form label {width: 65px; height: auto; margin-right: 5px; font-size: 1em; line-height: 1.3em;} form#person-email-form input {width: 348px; border: 1px solid #000; background: #EBE6D7;} input.send-button { width: 53px; height: 23px; border: none; background: transparent url(../images/send.gif) center center no-repeat; color: #fff; font-weight: bold; line-height: 23px; text-align: center; text-transform: uppercase;} form#person-email-form input.send-button {float: right;width: 53px; height: 23px; border: none; background: transparent url(../images/send.gif) center center no-repeat; color: #fff; font-weight: bold; line-height: 23px; text-align: center; text-transform: uppercase; margin-left:150px;} form#person-email-form input.send-button:hover, form#person-email-form input.send-button:focus {color: #E8C33B;} form#person-email-form textarea {width: 348px; height: 85px; border: 1px solid #000; background: #EBE6D7;} form#person-email-form .email-to {display: block; float: left; margin: 2px; font-size: 1.3em; font-weight: bold;} /* search by text form */ form#search-text fieldset {float: left; width: 420px; margin: 20px 0 20px 0; text-align: right;} form#filter-res-type fieldset {float: left; width: 420px; margin: 20px 0 20px 0;} form#search-text select, #search-text input#search-text-phrase {width: 190px; margin: 5px 15px 5px 0;} label.radio {display: inline; float: none; clear: none; margin-right: 15px;} form#filter-res-type label.radio {margin-right: 20px;} input.search-button {width: 62px; height: 31px; border: none; background: transparent url(../images/search-button.jpg) center center no-repeat; color: #fff; font-size: 0.9em; line-height: 31px; text-align: center; text-transform: uppercase;} input.search-button:hover, input.search-button:focus {text-decoration: underline;} form#search-text .search-button {position: relative; top: 15px;} form#filter-res-type .search-button {position: relative; top: 10px;} .side-col ul {margin: 20px 0 20px 0;} .side-col ul li {padding: 5px 5px 5px 25px; list-style: none; background: transparent url(../images/cbc-arrow.gif) 5px 7px no-repeat; color: #26496F;} .side-col ul li a, .side-col ul li a:visited {color: #26496F; font-weight: bold;} .side-col ul li span {font-size: 0.9em;} .side-col ul li.odd {background-color: #EBCF69;} img.l {float:left; margin: 0 10px 0 0;} /* special layers and stuff on them */ .col2 {/* background: #fff url(../images/2cols.jpg) center top repeat-y; */} .main-col {float: left; width: 496px; margin: 20px 0 20px 25px;} .main-col h1 {margin: 0;F} .main-col h3 {margin: 15px 0 -15px 0; line-height: 1em;} .main-col p {margin: 15px 0 15px 0;} .main-col .news-date {margin-top: 0; line-height: 1em;} .main-col ul, .main-col ol {margin-left:20px;padding-left:20px;} /* unique stuff ------------------------------------------- */ #current-th {display: none;} #capability-overlay {position: absolute; top: 0; right: 1px; z-index: 1900; width: 508px; height: 372px; background: transparent url(../images/yellow-overlay.png) right top no-repeat;} #capability-overlay div {margin: 20px 45px 20px 45px;} #capability-overlay div#email-form {margin: 20px 45px 20px 30px;} #capability-overlay div h1, #capability-overlay div p {color: #010512;} #capability-overlay div a {color: #26496F;} #capability-overlay a.close {float: right; padding-right: 15px; background: transparent url(../images/icons/xbox.png) right center no-repeat; color: #26496F; font-size: 0.9em; text-transform: uppercase;} #news-overlay {position: absolute; top: 0; right: 1px; z-index: 1900; width: 508px; height: 372px; /* background: transparent url(../images/yellow-overlay.png) right top no-repeat; */} #news-overlay div {margin: 20px 45px 20px 45px;} #news-overlay div#email-form {margin: 20px 45px 20px 30px;} #news-overlay div h1, #capability-overlay div p {/* color: #010512; */ color:#777777;} #news-overlay div a {/* color: #26496F; */ } #news-overlay a.close {float: right; padding-right: 15px; background: transparent url(../images/icons/xbox.png) right center no-repeat; color: #26496F; font-size: 0.9em; text-transform: uppercase;} #news-overlay img.rightimage {position: absolute; right: 0; bottom: 0; z-index: 1;} #overlay.news {padding:20px 24px;} #overlay.news p.item {width: 345px; height: 35px; margin: 10px 0 10px -5px; padding: 5px 45px 5px 5px; overflow:hidden; line-height:1.6em} #overlay.news p.item.current {background: url(../images/capability-arrow.png); background-repeat: no-repeat;} #overlay.news p.item.current a{ color:#777777} #overlay.news p.item a {text-transform: uppercase;} #overlay.news ul.pagination {float: right; clear: right; margin:5px 30px 0 0; padding: 0; width:auto;} #overlay.news ul.pagination li {float: left; list-style: none; margin: 0 2px;} #overlay.news ul.pagination li a, ul.pagination li a:visited {display: block; float: left; width: 14px; height: 14px; line-height: 14px; text-align: center;} #overlay.news ul.pagination li a.current, ul.pagination li a.current:visited {background: #E8C33B; color: #000000;} ul#cbc {margin: 20px 0 20px 0;} ul#cbc li {padding: 2px 2px 2px 25px; list-style: none; background: transparent url(../images/cbc-arrow.gif) 5px center no-repeat; color: #26496F;} ul#cbc li.cbc-odd {background-color: #EBCF69;} ul#joblist {margin-left: 20px;} ul#joblist li {list-style-image: url(../images/job-arrow.jpg); line-height: 1.5em;} ul#joblist li a.current {font-weight: bold;} ul#joblist li ul {margin: 8px 0 8px -20px; padding: 5px 0 5px 30px; border-top: 1px dashed #E8C33B; border-bottom: 1px dashed #E8C33B;} ul#joblist li ul li {list-style-type: square; list-style-image: none; line-height: 1.3em;} div#tabs {height: 47px;} .side-col { height: 400px; min-height: 400px; } #overlay p.caseStudies{color:#939393; margin: -5px 0 12px; padding: 0 0 11px; border-bottom:1px solid #4A4242; text-transform:uppercase;} #overlay p.caseStudies a{color:#939393;} #overlay p.caseStudies a.current{color:#E8C33B; border-bottom:1px solid #E8C33B} .family-image{position:absolute; left:0; top:0; display:none; } .family-buttons {position:absolute; left:390px; bottom:10px; } .family-buttons li { list-style:none; float:left; margin:0 5px 0 0} .family-buttons a, .family-buttons a:visited {cursor:pointer;display: block; overflow: hidden; background: url(../images/sprite.png) no-repeat; padding:0 0 0 15px; color:#000000;} .family-buttons a span { display:block; background: url(../images/sprite.png) no-repeat; height: 15px; padding:0 10px 0 0; background-position: right -30px; color: #003559; font-size: .9em; line-height: 15px;} .family-buttons a span em{ font-size: 1em; font-style:normal; color: #003559;} .family-buttons a:hover,.family-buttons a.active {background-position: 0 -15px; color: #003559; text-decoration: none; } .family-buttons a:hover span,.family-buttons a.active span { background-position: right -45px; color:#003559; } .overlay-rollup{ color:#fff; width:570px; height:3.9em; overflow:hidden; position:absolute; bottom:25px; left:25px; padding:8px 10px 0; font-size:1.1em; } .rollup-read-more{cursor:pointer; bottom:9px; color:#FFFFFF; text-align:left; left:36px; overflow:hidden; position:absolute; font-weight:bold; font-size:9px; text-transform:uppercase;} .family-buttons.top-right {position:absolute; top:10px; right:0px; left:auto;} .home-rbox p.news-body{height:2.6em; overflow:hidden;}