/* General sitewide styles */ body {margin: 0; background: #fff ; color: #666; font-family: arial, sans-serif; font-size: 70%; } html {min-height: 100.1%;} a {color: #2736AD;} a:visited {color: #878BAA;} a:hover {color: #F58220} img {border: 0;} table {border-collapse: collapse; border-spacing: 0;} table td {padding: 0; vertical-align: top;} p {margin: 7px 10px;} #cl {clear: both;} #topstripe {padding: 1px 10px 0 0; background-color:#336699; height: 11px;} #topstripe #jsdate {margin: 0 auto; color: #fff; text-transform: uppercase; font-size: 80%; text-align: right; max-width:954px; width:expression(document.body.clientWidth > 1000? "954px": "auto" );} #logo {margin: 6px 0;} #wrapper {padding: 0 10px; margin: 0 auto; max-width:954px; width:expression(document.body.clientWidth > 1000? "973px": "auto" ); position: relative; padding-bottom: 10px;} #structure {border: 2px solid #eceded; border-width: 2px 0; width: auto; clear: both; position: relative;} /* General sitewide styles */ /* Main Navigation */ #nav {width: 179px; border: 1px solid #eceded; border-width: 0 2px 0 0; height: auto;} #nav ul {margin: 0; padding: 17px 0 17px 0;} #nav ul {list-style: none; margin: 0 0 0 5px; border-bottom: 2px solid #eceded;} #nav .in {background: url(../img/li-1.gif) 10px 5px no-repeat; text-indent: 19px;} #nav ul li a {text-decoration: none; text-indent: -4000px; display: block; height: 21px; width: 128px;} #nav .about {height: 21px; background: url(../img/nav-about.gif) 0 0 no-repeat; text-indent: -4000px;} #nav .philosophy a {background: url(../img/nav-links.gif) 0 0 no-repeat;} #nav .philosophy a:hover {background: url(../img/nav-links.gif) -164px 0 no-repeat;} #bodyphilosophy #nav .philosophy a {background: url(../img/nav-links.gif) -164px 0 no-repeat;} #nav .company a {background: url(../img/nav-links.gif) 0 -21px no-repeat;} #nav .company a:hover {background: url(../img/nav-links.gif) -164px -21px no-repeat;} #bodyabout #nav .company a {background: url(../img/nav-links.gif) -164px -21px no-repeat;} #nav .industry a {background: url(../img/nav-links.gif) 0 -42px no-repeat;} #nav .industry a:hover {background: url(../img/nav-links.gif) -164px -42px no-repeat;} #bodyindustry #nav .industry a {background: url(../img/nav-links.gif) -164px -42px no-repeat;} #nav .contact a {background: url(../img/nav-links.gif) 0 -63px no-repeat;} #nav .contact a:hover {background: url(../img/nav-links.gif) -164px -63px no-repeat;} #bodycontact #nav .contact a {background: url(../img/nav-links.gif) -164px -63px no-repeat;} /* This is the new section of the main navigation that was added */ #nav .news {height: 21px; background: url(../img/nav-news.gif) 0 0 no-repeat; text-indent: -4000px;} #nav .newsEvents a {background: url(../img/nav-links.gif) 0 -84px no-repeat;} #nav .newsEvents a:hover {background: url(../img/nav-links.gif) -164px -84px no-repeat;} #bodynewsEvents #nav .newsEvents a {background: url(../img/nav-links.gif) -164px -84px no-repeat;} #nav .blog a {background: url(../img/nav-links.gif) 0 -105px no-repeat;} #nav .blog a:hover {background: url(../img/nav-links.gif) -164px -105px no-repeat;} #bodyblog #nav .blog a {background: url(../img/nav-links.gif) -164px -105px no-repeat;} #nav .kenshoSearchAdvisor a {background: url(../img/nav-links.gif) 0 -126px no-repeat;} #nav .kenshoSearchAdvisor a:hover {background: url(../img/nav-links.gif) -164px -126px no-repeat;} #bodykenshoSearchAdvisor #nav .kenshoSearchAdvisor a {background: url(../img/nav-links.gif) -164px -126px no-repeat;} /* This is the new section of the main navigation that was added */ #nav .services {height: 21px; text-indent: -4000px; background: url(../img/nav-services.gif) 0 0 no-repeat;} #nav .companies a {background: url(../img/nav-links.gif) 0 -147px no-repeat;} #nav .companies a:hover {background: url(../img/nav-links.gif) -164px -147px no-repeat;} #bodyclient #nav .companies a {background: url(../img/nav-links.gif) -164px -147px no-repeat;} #nav .candidates a {background: url(../img/nav-links.gif) 0 -168px no-repeat;} #nav .candidates a:hover {background: url(../img/nav-links.gif) -164px -168px no-repeat;} #bodycand #nav .candidates a {background: url(../img/nav-links.gif) -164px -168px no-repeat;} #nav .relocation a {background: url(../img/nav-links.gif) 0 -189px no-repeat;} #nav .relocation a:hover {background: url(../img/nav-links.gif) -164px -189px no-repeat;} #bodyrelocation #nav .relocation a {background: url(../img/nav-links.gif) -164px -189px no-repeat;} #nav .jobs a {background: url(../img/nav-links.gif) 0 -210px no-repeat;} #nav .jobs a:hover {background: url(../img/nav-links.gif) -164px -210px no-repeat;} #bodyjobs #nav .jobs a {background: url(../img/nav-links.gif) -164px -210px no-repeat;} #nav .res a {background: url(../img/nav-links.gif) 0 -231px no-repeat;} #nav .res a:hover {background: url(../img/nav-links.gif) -164px -231px no-repeat;} #bodyres #nav .res a {background: url(../img/nav-links.gif) -164px -231px no-repeat;} #nav .download a {background: url(../img/nav-links.gif) 0 -252px no-repeat;} #nav .download a:hover {background: url(../img/nav-links.gif) -164px -252px no-repeat;} #bodydownload #nav .download a {background: url(../img/nav-links.gif) -164px -252px no-repeat;} #nav .action {height: 21px; background: url(../img/nav-action.gif) 0 0 no-repeat; text-indent: -4000px;} #nav .indFocus {height: 21px; background: url(../img/nav-industry.gif) 0 0 no-repeat; text-indent: -4000px;} #nav .indMedDev a {background: url(../img/nav-links.gif) 0 -273px no-repeat;} #nav .indMedDev a:hover {background: url(../img/nav-links.gif) -164px -273px no-repeat;} #bodyindMedDev #nav .indMedDev a {background: url(../img/nav-links.gif) -164px -273px no-repeat;} #nav .indHiTech a {background: url(../img/nav-links.gif) 0 -294px no-repeat;} #nav .indHiTech a:hover {background: url(../img/nav-links.gif) -164px -294px no-repeat;} #bodyindHiTech #nav .indHiTech a {background: url(../img/nav-links.gif) -164px -294px no-repeat;} #nav .nb {border-bottom: 0; } /* Main Navigation */ /* Homepage specific styles */ #body {margin: 10px 0 10px 18px; width: auto;} #hcontent {max-width: 512px; width:expression(document.body.clientWidth > 964? "512px": "auto" ); background: url(../img/hfade.gif) top center no-repeat;} #content {max-width: 512px; width:expression(document.body.clientWidth > 964? "512px": "auto" ); background: url(../img/fade.gif) center 6px no-repeat;} #tag {height: 63px; background: url(../img/h-tagline.gif) 0 4px no-repeat; margin-bottom: 5px;} #tag img {height: 62px; width: 350px;} #h-photo {height: 257px; width:512px; background: url(../img/h-photo.jpg) center bottom no-repeat; max-width: 512px; min-width: 512px; margin-bottom: 8px;} #preload img {height: 1px; width: 1px; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;} .indbox {border: 1px solid #ccc; width: 99%;} .indbox img {margin-right: 7px;} .newsbox {width: 99%; padding: 6px; border: 3px solid #ccc; margin: 20px 0 0 0; background: #F0F8FF;} .newsbox ul {margin: 7px 0 10px 0 !important;} .newsbox ul li {margin: 5px 0 0 0 !important; font-size: 100%; padding: 0 8px 0 8px} /* Homepage specific styles */ /* Section pages */ #body h2 {color: #F58220; font-size: 120%; margin: 0 10px;} #body h2 div {font-size: 80%;} #body h3 {color: #333; font-size: 110%; margin: 10px 10px 0;} #body h3 div {font-size: 90%;} #body h4 {font-size: 100%; margin: 10px 6px 0;} #content p {padding-right: 10px;} #body ul {list-style: none; padding: 0; margin: 7px 20px; position: relative;} #body ul li {background: transparent url(../img/li-1.gif) 5px 5px no-repeat; padding-left: 16px; margin: 0 0 5px;} #body ol {padding: 0; margin: 10px 20px 10px 40px;} #body ol li {margin: 0 0 5px;} #bodyhome #body ul li {font-weight: normal;} blockquote {width: 260px; padding: 6px; float: right; border: 2px solid #F58220; font-weight: normal; margin: 0 0 10px 16px; text-align: left;} blockquote ul {margin: 7px 0 !important;} blockquote ol {font-weight: bold; margin: 0;} .kensho {font-size: 110%; width: 120px; } .kensho h2 {color: #5C788E !important; margin: 0 !important; padding-bottom: 6px; border-bottom: 1px dashed #666;} .kensho ol {margin: 5px 5px 5px 25px !important;} /* Section pages */ /* Section page titles */ #s-t {height: 30px; margin-bottom: 2px;} #bodycompany #s-t, #bodyrecruiters #s-t, #bodycontact #s-t, #bodyabout #s-t, #bodydown #s-t, #bodyphilosophy #s-t {background: #A7A9AC url(../img/s-t-about.gif) 0 0 no-repeat;} #bodycand #s-t, #bodyrelocation #s-t, #bodyres #s-t {background: #A7A9AC url(../img/s-t-candidates.gif) 0 0 no-repeat;} #bodyclient #s-t {background: #A7A9AC url(../img/s-t-companies.gif) 0 0 no-repeat;} #bodyindustry #s-t, #bodyindHiTech #s-t, #bodyindMedDev #s-t {background: #A7A9AC url(../img/s-t-industry.gif) 0 0 no-repeat;} #bodyjobs #s-t {background: #A7A9AC url(../img/s-t-jobs.gif) 0 0 no-repeat;} #body404 #s-t {background: #A7A9AC url(../img/s-t-404.gif) 0 0 no-repeat;} #bodyrelocation #s-t {background: #A7A9AC url(../img/s-t-relocation.gif) 0 0 no-repeat;} #bodydownload #s-t {background: #A7A9AC url(../img/s-t-links.gif) 0 0 no-repeat;} #bodynewsEvents #s-t {background: #A7A9AC url(../img/s-t-newsEvents.gif) 0 0 no-repeat;} #bodykenshoSearchAdvisor #s-t {background: #A7A9AC url(../img/s-t-kenshoSearchAdvisor.gif) 0 0 no-repeat;} /* Section page titles */ /* Section page images */ #clip {width: 527px; height: 96px; margin: 6px 0 10px 0; width: auto;} #bodycompany #clip, #bodyrecruiters #clip, #bodycontact #clip, #bodyabout #clip, #body404 #clip, #bodydownload #clip, #bodyphilosophy #clip, #bodykenshoSearchAdvisor #clip, #bodynewsEvents #clip {background: url(../img/s-photo-about.jpg) top center no-repeat;} #bodycand #clip, #bodyjobs #clip, #bodyres #clip, #bodyrelocation #clip {background: url(../img/s-photo-candidates.jpg) top center no-repeat;} #bodyclient #clip {background: url(../img/s-photo-client.jpg) top center no-repeat;} #bodyindustry #clip, #bodyindHiTech #clip, #bodyindMedDev #clip {background: url(../img/s-photo-focus.jpg) 0 -8px no-repeat;} /* Section page images */ /* Section page navigation */ #snav a {color: #333333; text-decoration: underline;} #snav a:visited {color: #696969;} #snav a:hover {color: #696969; text-decoration: none;} #snav {width: 255px; border-left: 19px solid #fff;} #snav h1 {margin: 0; height: 36px; width: auto;} #snav h1 img {width: 200px; height: 36px;} #snav .com {background: #C9CBCC url(../img/hcom.gif) 0 0 no-repeat;} #snav .can {background: #C9CBCC url(../img/hcan.gif) 0 0 no-repeat;} #snav .sec {background: #C9CBCC url(../img/related.gif) 0 -8px no-repeat; margin-top: 6px; height: 20px;} #snav .sec-clients {background: #C9CBCC url(../img/related-clients.gif) 0 -8px no-repeat; margin-top: 6px; height: 20px;} #snav .sec-about {background: #C9CBCC url(../img/related-about.gif) 0 -8px no-repeat; margin-top: 6px; height: 20px;} #snav h1.sec img {width: 173px; height: 1px;} #snav #company, #snav #candidate {margin:0; width: auto; background: #F0F8FF; padding: 10px 5px 25px 2px; border: 5px solid #fff; border-width: 5px 0 5px 0;} #snav #candidate {border-bottom: 0;} #snav ul {margin: 10px;} #snav li, #snav #company li, #snav #candidate li {list-style: none; background: url(../img/li-2.gif) 0 3px no-repeat; padding: 0 18px;} #snav #links {margin: 2px 0 5px 0; width: auto; background: #F0F8FF; padding: 8px 10px;} #snav #links ul {margin: 0;} #snav #links li {background: url(../img/li-2.gif) 0 3px no-repeat;} #snav #links li a {text-decoration: none;} #snav #links li a:hover {text-decoration: underline;} /* Section page navigation */ /* Form styles */ #content #resumeform {border-collapse: collapse; border-spacing: 3px; } #content #resumeform td {padding: 4px 6px; border: 1px solid #ddd; border-width: 1px 1px 0 0 } #content #resumeform .required {font-weight: bold} #content #resumeform .label {background-color: #f3f3f3;} #content #resumeform .note {margin-bottom: 6px} #request {width: 100%;} .tdcolor {background-color: #f3f3f3; padding: 3px; font-weight: bold;} .input {padding-left: 5px;} #fresumbox { clear: left; } #fresumearea { clear: left; } #evilAutomotonFooler { display:none; } form { margin: 0; padding: 0; font-size: 1em; margin: auto; width:510px; } * html form { margin: 0; padding: 0; font-size: 1em; margin: 0; } #content form fieldset { border: 1px solid #C9CBCC; background-color: #FFFFFF; margin-top: 0px; margin-right: 12px; margin-bottom: 0px; margin-left: 12px; padding-top: 6; padding-right: 0; padding-bottom: 0; padding-left: 0; } * html #content form fieldset { border: 1px solid #C9CBCC; background-color: #FFFFFF; margin: 0px 0px 12px; padding: 0px 0px 0px; width:490px!important; position:relative; /* top:-90px; left:-140px; */ } #content form fieldset h3 { clear:both; color: #909079; margin-top: -12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; padding-top: 2px; padding-right: 12px; padding-bottom: 2px; padding-left: 12px; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #C9CBCC; background-color: #f2f2f3; font-weight: bold; } #content form fieldset label { width:172px !important; *width:184px!important; height:auto !important; display:block; position:relative; margin-top: 4px; margin-right: 0px; margin-bottom: -4px; margin-left: 0px; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 18px; color: #666666; font-weight: bold; background-color: #F4F4F4; } #content form fieldset input, #content form fieldset textarea { width:272px !important; height:auto !important; display:block; position:relative; left: 192px; top: -22px; padding: 0px; margin-top: 4px; margin-right: 0px; margin-bottom: -8px; margin-left: 0px; } #content form fieldset select { width:272px !important; height:auto !important; display:block; position:relative; left: 192px; top: -22px; padding: 0px; margin-top: 4px; margin-right: 0px; margin-bottom: -4px; margin-left: 0px; *margin-left:12px; } #content form fieldset input#submit { margin: 12px 0 6px; padding: 0; } #fresumearea { clear: left; } #evilAutomotonFooler { display:none; } /* Form styles */ /* Fees table */ #content #fees {border: 2px solid #999; border-width: 2px 0; width: 98%;} head:first-child+body #content #fees {border-collapse: separate;} #content #fees th {text-align:center; border-bottom: 3px double #ccc;} #content #fees .head {font-weight: bold; text-align: right;} #content #fees .odd {background-color: #f6f6f6;} #content #fees td {padding: 4px 6px; border-bottom: 1px solid #ccc;} /* Fees table */ /* Footer */ #footer {margin: 0 0 0 176px; text-align: left; color: #A9A9AC;} html>body #footer ul {margin-left: -42px;} #footer ul {list-style: none; margin: 7px 0 4px -3px;} #footer li {padding: 0; display: inline;} #footer a {color: #333333; padding: 0 3px;} #footer a:visited {color: #696969;} #footer a:hover {color: #696969;} /* Footer */ /* industry */ .orange {color:#F58220;} #hiring {border:1px solid #CFCFCF; margin:10px; background-color:#F5F5F5;} #hiring p {margin:10px;} #hiring p.speaker {font-style:italic; margin-top:3px; text-align:center;} #hiring h2 {text-align:center; margin:10px 0px 0px;} #hiring h2.smaller {font-size:1.2em;} /* industry */ /* Misc */ #ul-wrap {margin-left: 20px;} #a-col {width: 100px; float: left;} #a-col ul {margin: 7px 0;} #funnel {float: right; width: 189px; text-align: center;} .line-space {line-height: 1.4;} .footnote {color:#A9A9AC;} .w {color: #fff;} .col-val {width: 49%; float: left;} .bio {border: 1px solid #000; margin: 10px; float: left;} .profile {border: 1px dashed #ccc; border-width: 1px 0 1px 0; padding-bottom: 7px; margin-bottom: 10px;} .highlight {background-color: yellow;} /* Misc */