/*
*************************************************
ZS Associates
General Screen Styles
Created by the wacky troop at Happy Cog
http://www.happycog.com/
*************************************************
*/
/*-------------------------------------------
General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 18px; }
body { font: normal 12px Arial, Helvetica, sans-serif; background: #688a92; position: relative; padding-top: 10px; }
#wrap, #footer, #home_utility { width: 930px; margin: 0 auto; position: relative; }
#wrap { background: #fff; border: 4px solid #b7c7cb; padding-bottom: 20px; }
p, ul, ol, dl { font-size: 12px; margin-bottom: 1em; color: #414142; }
* html p, * html ul, * html ol, * html dl { font-size:100%; }
* + html p, * + html ul, * + html ol, * + html dl { font-size:100%; }
ul, ol { margin-bottom: 1.2em; }
ol { margin-left:1.4em; }
dl { margin-bottom: 1em; }
ul li { list-style-type: none; }
a, #secondary_nav li li a { color: #32808d; text-decoration: underline; }
#breadcrumb a { color: #688a92; }
a:visited, #breadcrumb a:visited { color: #005360; }
a:hover, a:focus, #breadcrumb a:hover, #breadcrumb a:focus, #secondary_nav li li a:hover, #secondary_nav li li a:focus { color: #88bbc0; }
/* Clearfix */
.clearfix:after
{
content: ".";
display: block;
height: 0.1px;
clear: both;
font-size: 0;
visibility: hidden;
}
.clearfix
{
display: inline-table;
z-index:100;
}
/* \*/
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}
/* */
.text_hide { left: -9999px; position: absolute; }
h2 { margin-bottom: 2px; }
h2.multiline { margin-bottom: 13px; }
h3 { color: #a41128; font: 16px/20px "Futura Book", Monaco; margin-bottom: 0px; }
h3.para_head { margin: 20px 0pt 0px 0; }
#sub div.first h3 { margin-bottom: 3px; }
body.home h3 { margin-bottom: 8px; }
body.home #content h3 { margin-bottom: -2px; }
h4, dt { color: #231f20; font-size: 13px; margin-bottom: 2px; font-weight: bold; }
h4 { margin-bottom: 4px; }
h5 { margin-top:2em; padding-top:6px !important; }
body.home h4 { margin-bottom: -2px; }
span.date { color: #231f20; }
.more_link { background: transparent url(http://www.zsassociates.com/images/site/layout/more_marker.gif) no-repeat right center; padding-right: 5px; margin-bottom: 1.5em; font-size: 12px; }
.back_link { background: transparent url(http://www.zsassociates.com/images/site/layout/prev_marker.gif) no-repeat left center; padding-left: 10px; margin-bottom: 1.5em; font-size: 12px; }
span.header_type, h5 { text-transform: uppercase; font-size: 11px; color: #5f6062; letter-spacing: 1px; margin-bottom: 4px; display: block;}
body.search span.header_type { width: 200px; }
span.headline_sub { display: block; }
p.results { font-style: italic; color: #231f20; }
/*change if there will be images in sub section*/
#content img { float: left; margin: 0 20px 12px 0; padding: 1px; border: 1px solid #e8eeef; }
#content img.right { float: right; margin: 0 0 12px 20px; padding: 1px; border: 1px solid #e8eeef; }
#content img.full_width { margin-right: 0; }
#content a img { border: 1px solid #99bcaf; }
ul li, ol li { color: #5f6062; line-height: 21px; }
ul.marker li { padding: 2px 3px 0 8px; background-repeat: no-repeat; background-position: left 9px; color:inherit; line-height:18px; margin-bottom:6px; margin-left:16px; color:#414142; background-image: url(http://www.zsassociates.com/images/site/layout/marker_contact.gif); }
body.services ul.marker li, body.services_solutions ul.marker li { background-image: url(http://www.zsassociates.com/images/site/layout/marker_services.gif); }
body.about ul.marker li { background-image: url(http://www.zsassociates.com/images/site/layout/marker_about.gif); }
body.news_events ul.marker li, body.news_events ul.marker li { background-image: url(http://www.zsassociates.com/images/site/layout/marker_news.gif); }
body.careers ul.marker li { background-image: url(http://www.zsassociates.com/images/site/layout/marker_careers.gif); }
body.contact ul.marker li { background-image: url(http://www.zsassociates.com/images/site/layout/marker_contact.gif); }
ol li { color: #414142; margin-bottom:6px; }
#main {padding-left:200px;}
#main ol dt { margin: 0; }
#main dd.page { color: #231f20; font-style: italic; }
#main dd strong { color: #231f20; }
dt span.sub_dt { font-weight: normal; display: block; }
dd.sub_dt { /*font-style: italic;*/ font-weight:bold; color: #231f20; }
#main dt{ margin: 15px 0 0; line-height: 19px; clear: both; }
#main dl.image_dl dt { margin-bottom: 12px; }
#sub dt { margin: 12px 0 0; }
#main dt.first, #sub dt.first { margin: 0; }
#sub dt.hilighted { margin: -5px 0 -8px; }
#main .block_section, #main blockquote { /*background: #f0f3f4;*/ padding: 15px; margin-bottom: 20px; }
#main .block_section h4 { color: #688a92; font-size: 13px; line-height: 19px; margin-bottom: 0; }
.msg-error { border:1px solid #f00; color:#f00; background:#fee; padding:10px; }
.msg-success { border:1px solid #060; color:#060; background:#efe; padding:10px; }
/*-------------------------------------------
Header Elements
-------------------------------------------*/
#header { position: relative; height: 189px; }
.logo_img { display: none; }
#header h1 { z-index: 10; }
#header h1 a { text-indent: -9999px; display: block; background: transparent url(http://www.zsassociates.com/images/site/layout/logo_sm.gif) no-repeat center top; width: 149px; height: 98px; position: absolute; top: 62px; left: 33px; z-index: 10; }
body.home #header h1 a { background-image: url(http://www.zsassociates.com/images/site/layout/logo_lg.gif); width: 169px; height: 144px; top: 75px; left: 21px; }
/*\*/
#header h1 a, #nav li a { overflow: hidden; }
/**/
#search_wrap { position: absolute; left: 6px; top: 6px; height: 36px; width: 200px; background: #ebebeb; }
#search_wrap * { vertical-align: bottom; margin: 8px 0 0; }
#main_search { width: 115px; margin: 8px 5px 0 9px; height: 17px; }
* html #main_search { margin-right:0; }
* + html #main_search { margin-right:0; }
/*-------------------------------------------
Home Page Styles
-------------------------------------------*/
#home_utility { text-align: right; margin-bottom: 10px; left: 4px; }
#home_utility * { display: inline; vertical-align: bottom; }
#utility_link { position: relative}
#utility_link * { width: 65px; }
#home_utility li { width: 65px; letter-spacing:2px; }
#home_utility a { text-transform: uppercase; color: #fff; /*float: left;*/ margin-right:10px; font-size:10px; }
#home_utility select { min-width: 90px; margin-right: 6px; }
#home_utility option { display:block; }
#home_utility input { vertical-align: top; padding-top: 2px; }
div.services, div.services_solutions, div.careers, div.news_events, div.about, div.contact, h5 { border-top-width: 4px; border-top-style: solid; padding: 14px 0 0 1px; }
div.services, div.services_solutions, body.services_solutions h5 { border-top-color: #a41d2a; }
div.careers, body.careers h5 { border-top-color: #075590; }
div.news_events, body.news_events h5 { border-top-color: #f47c20; }
div.about, body.about h5 { border-top-color: #005738; }
div.contact, body.contact h5 { border-top-color: #000; }
.spotlight_main { width: 460px; float: left; padding-bottom: 20px; }
.spotlight_main h4 { color:#a41d2a; font-size:20px; }
.spotlight_main .headline_sub { color:#a41d2a; margin:5px 0; font-size:14px; }
.spotlight_sub { width: 213px; float: right; margin-left: 10px; }
.spotlight_sub ul { margin-top:5px; }
.spotlight_sub ul li { border-top: 1px solid #d2dcde; /*background: transparent url(http://www.zsassociates.com/images/site/layout/home_list_arrow.gif) no-repeat 0 center;*/ /*padding: 5px 0 0 10px;*/ line-height: 1px; padding:5px 0; }
.spotlight_sub ul li.first { border: none; }
.spotlight_sub ul li a { display: block; line-height: 1; padding: 7px 0 0 10px; color:#a41d2a; position:relative; }
.spotlight_sub #consumer-products a { overflow:hidden; overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/consumer-products-v.gif) no-repeat left -2px; }
.spotlight_sub #consumer-products a:hover { background-position:0 -22px; }
.spotlight_sub #energy a { overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/energy-v.gif) no-repeat left -2px; }
.spotlight_sub #energy a:hover { background-position:0 -22px; }
.spotlight_sub #financial-services a { overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/financial-services-v.gif) no-repeat left -2px; }
.spotlight_sub #financial-services a:hover { background-position:0 -22px; }
.spotlight_sub #high-tech a { overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/high-tech-v.gif) no-repeat left -2px; }
.spotlight_sub #high-tech a:hover { background-position:0 -22px; }
.spotlight_sub #industrial-products a { overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/industrial-products-v.gif) no-repeat left -2px; }
.spotlight_sub #industrial-products a:hover { background-position:0 -22px; }
.spotlight_sub #medical-products-services a { overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/medical-products-v.gif) no-repeat left -2px; }
.spotlight_sub #medical-products-services a:hover { background-position:0 -22px; }
.spotlight_sub #pharmaceuticals-biotech a { overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/pharma-v.gif) no-repeat left -2px; }
.spotlight_sub #pharmaceuticals-biotech a:hover { background-position:0 -22px; }
.spotlight_sub #telecommunications a { overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/telecom-v.gif) no-repeat left -2px; }
.spotlight_sub #telecommunications a:hover { background-position:0 -22px; }
.spotlight_sub #transportation-logistics a { overflow:hidden; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/industry/transportation-v.gif) no-repeat left -2px; }
.spotlight_sub #transportation-logistics a:hover { background-position:0 -22px; }
body.home h3#spotlight-on { position:relative; top:-8px; height:15px; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/spotlight-on.gif) no-repeat left top; }
body.home h3#announcements { position:relative; top:-10px; height:15px; margin-left:-3px; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/announcements.gif) no-repeat left top; }
body.home h3#careers { position:relative; top:-10px; height:15px; margin-left:-3px; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/careers.gif) no-repeat left top; }
* html body.home h3#careers { left:-3px; }
* + html body.home h3#careers { left:-3px; }
body.home h3#featured-industries { position:relative; top:-9px; height:15px; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/featured-industries.gif) no-repeat left top; }
body.home h3#events { position:relative; top:-10px; height:15px; margin-left:-3px; text-indent:-9999px; background:transparent url(http://www.zsassociates.com/images/site/home/events.gif) no-repeat left top; }
/*-------------------------------------------
Flyouts
-------------------------------------------*/
ul#nav { margin: 0; padding: 0; list-style: none; position: relative; left: 211px; top: 6px; z-index: 5; width: 715px; }
#nav li { display: block; float: left; }
#nav li a { display: block; color: #444; text-decoration: none; padding: 0 0 18px 4px; height: 18px; background-repeat: no-repeat; background-color: transparent; background-position: 0 0; text-indent: -123456px; }
#nav ul { position: absolute; z-index: 99; left: -999em; margin: 0px 0 0 -1px; padding: 0; width: auto; height: auto; border-top: 6px solid #fff; }
#nav li li { padding: 2px 1em 6px 0; width: auto; float: none; }
#nav ul a { width: auto; text-indent: 0; padding-bottom: 3px; }
#nav li li a { color: #fff; font-size: 13px; text-decoration: none; padding: 5px 8px 0 23px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav ul ul { left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; background: #fff; }
#nav ul li a { background: none; }
#nav .current a { cursor: default; }
#nav .current li a { cursor: pointer; }
#nav_services a { width: 210px; background-image: url(http://www.zsassociates.com/images/site/layout/nav_services.gif); }
#nav_services a:hover, #nav_services a:focus { background-position: 0 -36px; }
body.services #nav_services a, body.services #nav_services a:hover, body.services #nav_services a:focus,
body.services_solutions #nav_services a, body.services_solutions #nav_services a:hover, body.services_solutions #nav_services a:focus { background-image: url(http://www.zsassociates.com/images/site/layout/nav_services.gif); background-position: 0 -72px; }
#nav_services ul li { background: #e45a5a url(http://www.zsassociates.com/images/site/nav/services_mark.gif) no-repeat 15px center; /* min-width: 180px; */ }
#nav_services ul li:hover, #nav_services ul li:focus, #nav_services ul li.sfhover { background: #ea8282 url(http://www.zsassociates.com/images/site/nav/services_mark_sel.gif) no-repeat 15px center; }
body.services #nav_services li a, body.services #nav_services li a:hover, body.services #nav_services li a:focus,
body.services_solutions #nav_services li a, body.services_solutions #nav_services li a:hover, body.services_solutions #nav_services li a:focus { background: none; }
#nav_careers a { width: 103px; background-image: url(http://www.zsassociates.com/images/site/layout/nav_careers.gif); }
#nav_careers a:hover, #nav_careers a:focus { background-position: 0 -36px; }
body.careers #nav_careers a, body.careers #nav_careers a:hover, body.careers #nav_careers a:focus { background-image: url(http://www.zsassociates.com/images/site/layout/nav_careers.gif); background-position: 0 -72px; /*cursor: default;*/ }
#nav_careers ul li { background: #5b9ac1 url(http://www.zsassociates.com/images/site/nav/careers_mark.gif) no-repeat 15px center;/* min-width: 72px; */ }
#nav_careers ul li:hover, #nav_careers ul li:focus, #nav_careers ul li.sfhover { background: #9ac4e4 url(http://www.zsassociates.com/images/site/nav/careers_mark_sel.gif) no-repeat 15px center; }
body.careers #nav_careers li a, body.careers #nav_careers li a:hover, body.careers #nav_careers li a:focus { background: none; }
#nav_news a { width: 155px; background-image: url(http://www.zsassociates.com/images/site/layout/nav_news.gif); }
#nav_news a:hover, #nav_news a:focus { background-position: 0 -36px; }
body.news_events #nav_news a, body.news_events #nav_news a:hover, body.news_events #nav_news a:focus { background-image: url(http://www.zsassociates.com/images/site/layout/nav_news.gif); background-position: 0 -72px; }
#nav_news ul li { background: #f7ac79 url(http://www.zsassociates.com/images/site/nav/news_mark.gif) no-repeat 15px center; /* min-width: 126px; */ }
#nav_news ul li:hover, #nav_news ul li:focus, #nav_news ul li.sfhover { background: #fdc998 url(http://www.zsassociates.com/images/site/nav/news_mark_sel.gif) no-repeat 15px center; }
body.news_events #nav_news li a, body.news_events #nav_news li a:hover, body.news_events #nav_news li a:focus { background: none; }
#nav_about a { width: 104px; background-image: url(http://www.zsassociates.com/images/site/layout/nav_about.gif); }
#nav_about a:hover, #nav_about a:focus { background-position: 0 -36px; }
body.about #nav_about a, body.about #nav_about a:hover, body.about #nav_about a:focus { background-image: url(http://www.zsassociates.com/images/site/layout/nav_about.gif); background-position: 0 -72px; }
#nav_about ul li { background: #429977 url(http://www.zsassociates.com/images/site/nav/about_mark.gif) no-repeat 15px center; /* min-width: 73px; */ }
#nav_about ul li:hover, #nav_about ul li:focus, #nav_about ul li.sfhover { background: #96c7a9 url(http://www.zsassociates.com/images/site/nav/about_mark_sel.gif) no-repeat 15px center; }
body.about #nav_about li a, body.about #nav_about li a:hover, body.about #nav_about lia:focus { background: none; }
#nav_contact a { width: 120px; background-image: url(http://www.zsassociates.com/images/site/layout/nav_contact.gif); }
#nav_contact a:hover, #nav_contact a:focus { background-position: 0 -36px; }
body.contact #nav_contact a, body.contact #nav_contact a:hover, body.contact #nav_contact a:focus { background-image: url(http://www.zsassociates.com/images/site/layout/nav_contact.gif); background-position: 0 -72px; }
#nav_contact ul li { background: #b2b2b2 url(http://www.zsassociates.com/images/site/nav/contact_mark.gif) no-repeat 15px center; }
#nav_contact ul li:hover, #nav_contact ul li:focus, #nav_contact ul li.sfhover { background: #ccc url(http://www.zsassociates.com/images/site/nav/contact_mark_sel.gif) no-repeat 15px center; }
#nav_contact ul li a { width:78px; }
body.contact #nav_contact li a, body.contact #nav_contact li a:hover, body.contact #nav_contact li a:focus { background: none; }
/*-------------------------------------------
Content/Utility
-------------------------------------------*/
#content { width: 670px; position: relative; left: 0; background: transparent url(http://www.zsassociates.com/images/site/layout/content_bg.gif) right 43px no-repeat; top: 0px; margin-top: -57px; padding-right: 25px; float: left; }
#content.one_column { width: 798px; }
body.home #content { width: 702px; position: static; margin-left: 211px; background: none;padding-top: 121px; }
#content.one_column { background: none; }
#content.one_column #main { width: 567px; }
#utility { position: absolute; top: 57px; left: 232px; font-size: 10px; width: 660px; }
/*#home_head { position: absolute; top: 48px; left: 211px; width: 699px; }*/
#home_head { position: absolute; top: 48px; left: 211px; width: 699px; height: 205px; background: transparent url(http://www.zsassociates.com/images/site/home_image.jpg) no-repeat; }
#home_head * { left: -9999px; position: absolute; }
#breadcrumb { font-size: 11px; color: #5f6062; float: left; }
#breadcrumb li { display: inline; letter-spacing: 0.01em; }
#breadcrumb li:before { display: inline; content: ">" ; padding: 0 4px 0 1px; }
#breadcrumb li.second:before { display: inline; content: ":" ; padding: 0 4px 0 1px; }
#breadcrumb li.first:before { padding: 0; content: ""; }
a#print_page { float: right; color: #92bcc3; text-transform: uppercase; background: transparent url(http://www.zsassociates.com/images/site/buttons/print_icon.gif) no-repeat 0 0; padding-left: 23px; display: block; }
a#print_page:hover, a#print_page:focus { color: #32808d; }
/*-------------------------------------------
Sidebar
-------------------------------------------*/
#sidebar { position: absolute; width: 173px; top: 253px; left: 20px; z-index: 20; }
#sidebar dl { margin-bottom: 22px; }
#sidebar dt { margin: 24px 0 4px; }
#sidebar dt.first { margin-top: 0; }
#sidebar dd { color: #5f6062; }
#sidebar dd.date { color: #414142; }
/*-------------------------------------------
Secondary Nav
-------------------------------------------*/
#secondary_nav { float: left; width: 201px; margin:44px 0 0 6px; }
#secondary_nav ul { margin:0; padding:0 0 9px 0; background:#fff url(http://www.zsassociates.com/images/site/layout/subnav_tertiary.gif) no-repeat 1px 0; }
#secondary_nav li { background-color: #b7c7cb; text-transform: uppercase; width: 201px; margin-bottom: 1px; line-height: 1; text-align:right; }
#secondary_nav li span { display: block; position:relative; margin:0 23px 0 0; }
#secondary_nav li span span { margin:0; }
#secondary_nav li a { color:#fff; display:block; padding:9px 10px 9px 0; text-decoration:none; font-family: Arial, sans-serif; letter-spacing:.1em; font-weight:bold; }
#secondary_nav li li a { font-family: Arial, Helvetica, sans-serif; letter-spacing:0; font-weight:normal; }
* html #secondary_nav li a { margin-top:-2px; letter-spacing:0; }
* + html #secondary_nav li a { margin-top:-2px; }
* html #secondary_nav li li a { font-weight:normal; }
* + html #secondary_nav li li a { font-weight:normal; }
#secondary_nav li a:hover, .sIFR-active #secondary_nav li span.sIFR-replaced:hover { background-color:#86a1a8; }
* html #secondary_nav li a { /*font-size:103% !important;*/ font-weight:600; }
* html #secondary_nav li li a { /*font-weight:normal;*/ }
#secondary_nav li li { background-color:transparent; margin:0; text-transform: none; }
#secondary_nav li li a { color:#688a92; margin:0; padding:9px 7px 0 0; }
#secondary_nav li li a:hover { background-color:transparent; }
#secondary_nav li.selected { background-color:#d9e2e4; }
#secondary_nav li.selected a { color:#000; }
#secondary_nav li.selected li a { color:#688a92; }
#secondary_nav li.selected li a:hover { color:#88bbc0; }
#secondary_nav li.no_drop_js, #secondary_nav li.no_drop_js_selected { background-image:url(http://www.zsassociates.com/images/site/layout/sub_marker.gif); background-repeat:repeat-y; background-position:top right; }
#secondary_nav li.no_drop_js_selected { background-image:url(http://www.zsassociates.com/images/site/layout/sub_marker_sel.gif); }
#secondary_nav li.selected a.plus-minus { background:#c0cfd3 url(http://www.zsassociates.com/images/site/layout/minus_off.gif) no-repeat center center; }
#secondary_nav li.selected a.plus-minus:hover { background:#e1e8e9 url(http://www.zsassociates.com/images/site/layout/minus_on.gif) no-repeat center center; }
#secondary_nav .select { display:block; padding:9px 30px 0 0; width:171px; }
#secondary_nav .plus-minus { background:#A4B9BD url(http://www.zsassociates.com/images/site/layout/plus_off.gif) no-repeat center center; border-left:1px solid #fff; padding:0; position:absolute; top:0; right:-23px; bottom:0; text-align:center; width:22px; visibility: visible; }
#secondary_nav .plus-minus:hover { background:#cad6d9 url(http://www.zsassociates.com/images/site/layout/plus_on.gif) no-repeat center center; }
/*
#secondary_nav { float: left; width: 201px; margin-left: 6px; margin-top: 85px; }
#secondary_nav li { text-transform: uppercase; width: 181px; padding: 9px 20px 0 0; margin-bottom: 1px; text-align: right; background: #b7c7cb url(http://www.zsassociates.com/images/site/layout/sub_marker.gif) repeat-y 178px 12px; line-height: 1; }
#secondary_nav li.sifr:hover, #secondary_nav li#hover { background: #86a1a8 url(http://www.zsassociates.com/images/site/layout/sub_marker_roll.gif) repeat-y 178px 12px; }
#secondary_nav li span { width: 171px; display: block; }
#secondary_nav li li, #secondary_nav li ul { width: 201px; padding: 0 ; }
#secondary_nav li li span { width: 201px; padding: 0;}
#secondary_nav li.selected, #secondary_nav li.no_drop_sel { background: #d9e2e4 url(http://www.zsassociates.com/images/site/layout/sub_marker_sel.gif) repeat-y 178px 14px; }
#secondary_nav li.no_drop, #secondary_nav li.no_drop_sel { background-image: url(http://www.zsassociates.com/images/site/layout/sub_marker.gif); }
#secondary_nav li.selected:hover, #secondary_nav li#hover.selected { background: #86a1a8 url(http://www.zsassociates.com/images/site/layout/#main {width: 439px; float: right; padding-top: 0px; }
body.home #main { margin-top: 0; padding-top: 16px; width: 467px; float: left; }
/*#main div { border-top: 4px solid #231f20; padding: 11px 0 0; }*/
#main div.first { border: none; padding: 0 0 14px; }
#main div div { border: none; }
/*-------------------------------------------
Sub
-------------------------------------------*/
#sub { width: 227px; margin-top: -17px; float: left; background: transparent url(http://www.zsassociates.com/images/site/layout/content_bg.gif) left 0 repeat-y; margin-left: -2px; position:relative; z-index: 99; }
body.home #sub { margin-top: 0px; width: 213px; float: right; background-image: none; }
#sub div { border-top: 2px solid #ecf1f2; padding: 26px 0 20px 22px; }
#sub div.sub { padding: 10px 0 10px 22px; }
body.home #sub div { padding-left: 0; }
#sub div div { padding:21px 0 0; width: 182px; }
#sub div.first { border: none; padding-top: 0px; }
#sub p { margin-bottom: 1.4em; }
/*-------------------------------------------
Footer
-------------------------------------------*/
#footer, #footer a { color: #d2dcde; font-size: 12px; padding: 7px 0 18px; }
#footer a:hover, #footer a:focus { color: #fff; }
#footer ul, #footer li, address { display: inline; margin-right: 3px; }
#footer li:before { display: inline; content: "\00B7"; padding: 0 8px 0 0; color: #d2dcde; }
#footer li.first:before { padding: 0; content: ""; }
address { font-style: normal; margin: 0 0 0 -5px;}
/*-------------------------------------------
Form
-------------------------------------------*/
form.form { font-size: 12px; }
form.form label.mandatory { font-style: italic; font-size: 11px; }
form.form em { color: #333; font-style: normal; font-weight: bold; font-size: 12px; }
form.form input, form.form label, form.form textarea { display: block; }
form.form input, form.form textarea { margin-bottom: 10px; width: 268px; }
form.form select { margin-bottom: 10px; min-width: 150px;}
form.form input.checkbox { display: inline; margin: 0 5px 0 0; vertical-align: baseline; width: auto; }
form.form label.checkbox { display: inline; vertical-align: top;}
form.form .image_input { width: auto; margin-top: 20px; }
/*-------------------------------------------
One Column Main / Two Column divs
-------------------------------------------*/
.two_columns1, .two_columns2 { width: 265px; float: left; }
.two_columns1 { margin-right: 35px; }
#main div.two_columns1 ul, #main div.two_columns2 ul { margin-bottom: 1.5em; }
div.site-map ul { margin-bottom:0; }
div.site-map ul ul { padding-left:2em; }
/*-------------------------------------------
Tab Navigation
-------------------------------------------*/
/*
ul.tab_nav { margin-bottom: 0; padding-bottom: 18px; }
ul.tab_nav li { width: 80px; display: inline; float: left; padding-left: 20px; border-left: 1px solid #414142; height: 14px; }
ul.tab_nav li.first { border: none; padding: 0; margin: 0 7px 0 0; }
*/
ul.tab_nav2 { margin-bottom: 0; padding-bottom: 18px; }
ul.tab_nav2 li { display: inline; float: left; padding-left: 20px; border-left: 1px solid #414142; /* height: 14px; */ text-transform: uppercase; padding-right: 20px; margin-right: -5px; font-size: 12px; letter-spacing: 1px; /*width:100px;*/ }
ul.tab_nav2 li.first { border: none; padding: 0; margin: 0 20px 0 0; }
ul.tab_nav2 ul { padding-left: 0; margin-bottom: 0; margin-right: -11px; margin-top:-4px; }
ul.tab_nav2 li li { display: block; float: none; border: none; padding-left: 0; text-transform: none;/* border-right: 1px solid #414142;*/ /* margin-right: -11px; */ font-size: 11px; letter-spacing: 0; /*padding-right: 25px;*/ }
* html ul.tab_nav2 li { margin-right:-5px; }
/*-------------------------------------------
Search
-------------------------------------------*/
#main div.advanced_search { float: left; width: 180px; margin: 0 30px 0 5px; }
#main div.advanced_search { text-align: right; }
#main div.advanced_search input { margin-bottom: 10px; }
#search_field { width: 170px; }
#main div.search_options { width: 300px; float: left; padding-top: 8px; font-weight: bold; }
#main div.search_options li { color: #688a92; }
#main div.search_options input { margin-right: 7px; }
#content #main div.search_options ul li:before, #content ul.search_nav li:before, #content .spotlight_sub ul li:before { content: ""; }
#content ul.search_nav { float: right; margin-top: -35px; position: relative; z-index: 10; }
#content ul.search_nav li { display: inline; border-left: 1px solid #414142; padding: 0 5px;}
#content ul.search_nav li.first { border: none; padding-left: 0; }
#content ul.search_nav li.active { font-weight: bold; color: #231f20; }
#content ul.search_nav li:before { content: ""; }
body.search ol { margin-left:0; }
#searchform { padding-top:2em; }
/*-------------------------------------------
Issues
-------------------------------------------*/
ul.expand_control { margin-bottom: -10px; text-align: right; }
ul.expand_control li { display: inline; border-left: 1px solid #414142; padding: 0 5px; }
ul.expand_control li.first { border: none; }
#main ul.issues_list li dd.block_section { margin-bottom: 0; }
#main ul.issues_list li dt { font-size:14px; line-height:20px; color:#414142; text-decoration:none; }
#main ul.issues_list li dt { border-bottom: 1px solid #f0f3f4; margin-top: 0px; background: transparent url(http://www.zsassociates.com/images/site/layout/issues_mark.gif) no-repeat 0 5px; padding-left: 12px; }
#main ul.issues_list li dt.selected { background: transparent url(http://www.zsassociates.com/images/site/layout/issues_mark_sel.gif) no-repeat 0 7px; }
#main ul.issues_list strong { display: block; }
/*-------------------------------------------
Tables
-------------------------------------------*/
table { /*border-bottom: 4px solid #231f20; border-top: 4px solid #231f20;*/ border-collapse: collapse; }
caption { text-align: left; display: table }
th { font-size: 11px; font-weight: normal; text-align: left; }
body.services th { color: #a51d2b; }
tr.alt { background: #f1f3f3; }
td, th { padding: 6px; /*border-left: 1px solid #e1e7e8;*/ vertical-align: top; }
td { /*border: 1px solid #e1e7e8; border-right: none;*/ }
tr.first td { /*border-top: 1px solid #231f20;*/ }
td.first, th.first { border-left: none; }
/*-------------------------------------------
Headers no sIFR
-------------------------------------------*/
h2 { margin-top:8px; font-size:20px; }
.sIFR-active h2 { margin-top:0; }
h4 { margin-top:12px; }
.sIFR-active h4 { margin-top:0; }
body.services_solutions h2, body.services_solutions h2.multiline, body.services_solutions h3, body.services_solutions h4 { color:#a31d2a; }
body.about h2, body.about h3, body.about h4 { color:#005738; }
body.news_events h2, body.news_events h3, body.news_events h4 { color: #f47c20 }
body.careers h2, body.careers h3, body.careers h4 { color:#075590; }
body.contact h2, body.contact h3, body.contact h4 { color:#525252; }
/*-------------------------------------------
styles for Software pages
-------------------------------------------*/
#zsbody {width:567px; font:10pt Arial, Helvetica, sans-serif; line-height:135%; clear: both; }
/*
#zsbody ul li {padding-top:0.5em; }
*/#zsbody h1 {color:#A31D2A; font-size:20pt ; font-family:"Futura Md BT", Arial, Helvetica, sans-serif; font-weight:normal; clear:both; }
#zsbody h3 {color:#A31D2A; font-size:11pt ; font-family:"Futura Md BT", Arial, Helvetica, sans-serif; font-weight:normal; clear:both; }
#zsbody img {float:right; margin:5px 0px 5px 15px; padding: 1px; border: 1px solid #E8EEEF; }
#zsbody img.standalone {float:none; margin:25px 5px 25px 115px; }
#zsbody table {
border:0px;
background-color:#FFFFFF;
font:10pt Arial, Helvetica, sans-serif; line-height:135%;
}
#zsbody table tr {
text-align:left;
vertical-align:baseline;
border:0px;
font:10pt Arial, Helvetica, sans-serif; line-height:135%;
}
#zsbody table tr .section {
padding:10px 0 0 0;
text-transform:uppercase;
letter-spacing:4px;
border-bottom:1px solid #AAAAAA;
font:bold 10pt Arial, Helvetica, sans-serif; line-height:135%;
}
#zsbody table th {
padding:5px 20px 5px 0;
border:0px;
font:10pt Arial, Helvetica, sans-serif; line-height:135%;
}
#zsbody table td {
padding:5px 20px 5px 0;
border:0px;
font:10pt Arial, Helvetica, sans-serif; line-height:135%;
}
#zsbody table ul {
font-size:100%;
/* padding-left:10px; */
/* margin-left:15px; */
margin-top:0;
}
#zsbody table li {
font-size:100%;
margin:0 0 2px;
}
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/*---- Header styling ---*/
.sIFR-active #utility_link li,
.sIFR-active body.home h4,
/*.sIFR-active .spotlight_sub ul li,*/
.sIFR-active span.headline_sub,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4,
.sIFR-active dt.hilighted,
/*.sIFR-active #secondary_nav li.selected,
.sIFR-active #secondary_nav li.sifr span,*/
.sIFR-active span.header_type,
.sIFR-active h5,
.sIFR-active ul.tab_nav li { visibility: hidden; line-height: 1em; }
.sIFR-active body.home h3 { visibility: visible; }
/*.sIFR-active #secondary_nav li.selected,
.sIFR-active #secondary_nav li.selected li,
.sIFR-active #secondary_nav li.sifr li span { visibility:visible; }*/
/*---- Lightbox ---*/
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(file:///C|/Documents%20and%20Settings/cstull/Local%20Settings/Temporary%20Internet%20Files/Content.IE5http://www.zsassociates.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(..http://www.zsassociates.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(..http://www.zsassociates.com/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}