/* CALIPER LS */ /* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin-bottom: 1px; background: #e1e3e5; filter: expression(document.execCommand("BackgroundImageCache", false, true)); } body { text-align: center; font: 12px tahoma, arial, sans-serif; color: #000; } /*666*/ table, th, td { font: 11px tahoma, arial, sans-serif; color: #000; text-align: left; } /*6a737b*/ a img, :link img, :visited img { border: none; } a:link { color: #005ba6; text-decoration: none; } a:visited { color: #005ba6; text-decoration: none; } a:hover, a:active { color: #2271b2; text-decoration: underline; } a:active { outline: none; } ul { list-style-type: none; } ol { margin-bottom:6px; list-style-position:inside; } select { height: 16px; *height:18px; padding: 0px; /* color: #6A737B; */ font-size: 11px; border: 1px solid #bfbfbf; } * html select { height:16px; } .news_detail td select { height:auto !important; } .news_detail td input { border:1px solid #BFBFBF; color:#6A737B; font-size:11px; } select.multiple { height:40px; } .table_interact { margin: 10px 0; } .table_interact select, .table_interact input { margin-right: 2px; float: left; } .table_interact select { width: 150px; padding: 1px 0 0; } h4 { margin: 0 0 3px; font-size: 11px; } input.simple { border: 1px solid #bfbfbf; background: #fff; width: 199px; height: 16px; text-indent: 2px; } .submit { border: 1px solid #bfbfbf; background: #fff; height: 16px; } .bluebox { background: #005ba6; color: #fff; } .bluebox a { color: #fff; text-decoration: underline; } form#global_search { position: absolute; top: 29px; left: 320px; } form#global_search .simple { position: absolute; top: 0px; } form#global_search #search { position: absolute; top: 0px; left: 203px; } #search { width:50px; height:18px; background:url(../images/bg_sprite.png) no-repeat -600px 0; } * html #search { background:url(../images/bg_sprite.gif) no-repeat -600px 0; } #search input { width:50px; height:18px; border:none; opacity:0; filter:alpha(opacity=0); cursor:pointer; } #go { width:25px; height:18px; background:url(../images/bg_sprite.png) no-repeat -600px -21px; } * html #go { background:url(../images/bg_sprite.gif) no-repeat -600px -21px; } #go input { width:25px; height:18px; border:none; opacity:0; filter:alpha(opacity=0); cursor:pointer; } #global_links { background: url(../images/bg_sprite.png) no-repeat -650px 2px; position: absolute; top: 28px; left: 590px; padding: 0px 43px 0px 0px; font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; } * html #global_links { background: url(../images/bg_sprite.gif) no-repeat -650px 2px; } #global_links li { display: inline; } #global_links li a, #global_links li span { display: block; float: left; height: 15px; padding: 4px 8px; border-right: 1px dotted #6a737b; color: #005ba6; } #global_links li span { color:#bfbfbf; } form#countries { position: absolute; top: 29px; left: 824px; } select.simple { border: 1px solid #bfbfbf; background: #fff; width: 125px; font-size: 11px; position: absolute; top: 1px; } #go { position: absolute; top: 1px; left: 127px; } #skip { display: none; } #container { margin: 0 auto; position: relative; width: 991px; text-align: left; } #header, #nav, #subheader, #main, #feature, #categories, .information, #footer { width: 100%; position: relative; background: #fff; } #header { margin-top: 16px; height:105px; z-index:49; } img.banner { width: 532px; margin: 0px 0px 5px 0px; } .ivisflash { position:relative; } .ivisflash a { position:absolute; top:24px; right:26px; } /* NAVIGATION ------------------------------------------------------------------------------------- */ #nav { position: absolute; top:80px; left:8px; width: 975px; height: 25px; background: #fff; margin:0; } #nav li { float: left; position: relative; height: 24px; list-style: none; } #nav li a { cursor: pointer; } #nav li a, #nav li div { position: relative; display: block; height: 25px; text-decoration: none; color: blue; font-size: 14px; } #nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 25px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.png); } #nav li a:hover { cursor:hand; } #nav li.products, #nav li.products a, #nav li.products a strong { background-position: 0px 0px; width: 243px; } #nav li.apps, #nav li.apps a, #nav li.apps a strong { background-position: -243px 0px; width: 122px; } #nav li.tech, #nav li.tech a, #nav li.tech a strong { background-position: -365px 0px; width: 122px; } #nav li.support, #nav li.support a, #nav li.support a strong { background-position: -487px 0px; width: 122px; } #nav li.investors, #nav li.investors a, #nav li.investors a strong { background-position: -609px 0px; width: 122px; } #nav li.about, #nav li.about a, #nav li.about a strong { background-position: -731px 0px; width: 122px; } #nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: -853px 0px; width: 122px; } /* HOVER STATE */ #nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong, #nav li.productson:hover a, #nav li.productson:hover a strong, #nav li.productson a:hover, #nav li.productson a:hover strong { background-position: 0px -25px; width: 243px; } #nav li.apps:hover a, #nav li.apps:hover a strong, #nav li.apps a:hover, #nav li.apps a:hover strong, #nav li.appson:hover a, #nav li.appson:hover a strong, #nav li.appson a:hover, #nav li.appson a:hover strong { background-position: -243px -25px; width: 122px; } #nav li.tech:hover a, #nav li.tech:hover a strong, #nav li.tech a:hover, #nav li.tech a:hover strong, #nav li.techon:hover a, #nav li.techon:hover a strong, #nav li.techon a:hover, #nav li.techon a:hover strong { background-position: -365px -25px; width: 122px; } #nav li.support:hover a, #nav li.support:hover a strong, #nav li.support a:hover, #nav li.support a:hover strong, #nav li.supporton:hover a, #nav li.supporton:hover a strong, #nav li.supporton a:hover, #nav li.supporton a:hover strong { background-position: -487px -25px; width: 122px; } #nav li.investors:hover a, #nav li.investors:hover a strong, #nav li.investors a:hover, #nav li.investors a:hover strong, #nav li.investorson:hover a, #nav li.investorson:hover a strong, #nav li.investorson a:hover, #nav li.investorson a:hover strong { background-position: -609px -25px; width: 122px; } #nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong, #nav li.abouton:hover a, #nav li.abouton:hover a strong, #nav li.abouton a:hover, #nav li.abouton a:hover strong { background-position: -731px -25px; width: 122px; } #nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong, #nav li.contacton:hover a, #nav li.contacton:hover a strong, #nav li.contacton a:hover, #nav li.contacton a:hover strong { background-position: -853px -25px; width: 122px; } /* ON STATE */ #nav li.productson, #nav li.productson strong, #nav li.productson div { background-position: 0px -50px; width: 243px; } #nav li.appson, #nav li.appson strong, #nav li.appson div { background-position: -243px -50px; width: 122px; } #nav li.techon, #nav li.techon strong, #nav li.techon div { background-position: -365px -50px; width: 122px; } #nav li.supporton, #nav li.supporton strong, #nav li.supporton div { background-position: -487px -50px; width: 122px; } #nav li.investorson, #nav li.investorson strong, #nav li.investorson div { background-position: -609px -50px; width: 122px; } #nav li.abouton, #nav li.abouton strong, #nav li.abouton div { background-position: -731px -50px; width: 122px; } #nav li.contacton, #nav li.contacton strong, #nav li.contacton div { background-position: -853px -50px; width: 122px; } #prod_box { background:#005ba6; padding:29px; position:absolute; top:105px; left:8px; z-index:50; display:none; } #prod_box ul { width:186px; float:left; display:inline; } #prod_box li { font-size:11px; display:inline; } #prod_box li.last a, #prod_box li.last div { border-bottom:none; } #prod_box li a, #prod_box li a:visited { display:block; padding:3px; color:#32ccee; border-bottom:1px solid #4d8dc1; text-decoration:none !important; } #prod_box li a:hover { color:#0ffcff } #prod_box li.on div { padding:3px; color:#FFF; background:#005ba6; border-bottom:1px solid #4d8dc1; } #prod_box #inquiry-form { border-bottom:none; } .hover strong { background-position: 0px -25px !important; } #prod_box_inner { background:#337cb8; width:691px; height:226px; float:left; padding:20px; display:none} * html #prod_box_inner { } #prod_box_inner ul { margin:0; position:static; } #prod_box_inner a { color:#32ccee; } #prod_box div.extraction { background:#337cb8 url(../images/bg_prod_inner_extraction.gif) no-repeat 0 100% !important; } #prod_box div.contract-research { background:#337cb8 url(../images/bg_prod_inner_contract.gif) no-repeat 0 100% !important; } #prod_box div.lab-automation { background:#337cb8 url(../images/bg_prod_inner_automation.gif) no-repeat 0 100% !important; } #prod_box div.labchip-systems { background:#337cb8 url(../images/bg_prod_inner_labchip.gif) no-repeat 0 100% !important; } #prod_box div.aces { background:#337cb8 url(../images/bg_prod_inner_aces.gif) no-repeat 0 100% !important; } #prod_box div.optical-imaging { background:#337cb8 url(../images/bg_prod_inner_optical.gif) no-repeat 0 100% !important; } #prod_box div.pharmaceutical { background:#337cb8 url(../images/bg_prod_inner_pharma.gif) no-repeat 0 100% !important; } #prod_box div.reagents { background:#337cb8 url(../images/bg_prod_inner_reagents.gif) no-repeat 0 100% !important; } #prod_box div.products-a-to-z { background:#337cb8 url(../images/bg_prod_inner_atoz.gif) no-repeat 100% 0 !important; } * html #products-a-to-z_col1 { display:none !important; } .prod_box_col1 { float:left; display:none} .prod_box_col1 li { border-bottom:none; line-height:16px; display:inline; } #prod_box .prod_box_col1 li a, #prod_box .prod_box_col1 li a:visited { display:block; padding: 0 0 0 15px; background:url(../images/bg_sprite.png) no-repeat 0 4px; color:#FFF; border-bottom:none; } * html #prod_box .prod_box_col1 li a, * html #prod_box .prod_box_col1 li a:visited { background:url(../images/bg_prod_arrow.gif) no-repeat 0 3px; } .prod_box_col2 { width:443px; color:#fff; float:left; margin-left:20px; font-size:11px; line-height:14px; display:none; } /*.prod_box_col2 img.floatleft { margin:0 20px 56px 0; }*/ .prod_box_col2 h2 { margin:0 20px 56px 0; width:121px; height:114px; float:left; font-size:12px; text-indent:-9999px; background:url(../images/bg_productnav.png) no-repeat 0 0;} #prod_box_static { background:#005ba6; padding:29px; position:absolute; top:105px; left:8px; z-index:50; } #prod_box_static ul { width:186px; float:left; display:inline; } #prod_box_static li { font-size:11px; display:inline; } #prod_box_static li.last a, #prod_box li.last div { border-bottom:none; } #prod_box_static li a, #prod_box li a:visited { display:block; padding:3px; color:#32ccee; border-bottom:1px solid #4d8dc1; text-decoration:none !important; } #prod_box_static li a:hover { color:#0ffcff } #prod_box_static li.on div { padding:3px; color:#FFF; background:#005ba6; border-bottom:1px solid #4d8dc1; } #prod_box_static #inquiry_form { border-bottom:none; } #contract-research_col2 h2 { background-position:0 0; } #extraction_col2 h2 { background-position:-121px 0; } #lab-automation_col2 h2 { background-position:-242px 0; } #labchip-systems_col2 h2 { background-position:-363px 0; } #aces_col2 h2 { background-position:-484px 0; } #optical-imaging_col2 h2 { background-position:-605px 0; } #reagents_col2 h2 { background-position:-736px 0; } /* DROP DOWNS */ #nav li.contact:hover ul, #nav li.contact a:hover ul { left:2px; _left:1px; } #nav li.contact:hover li:hover ul, #nav li.contact a:hover li a:hover ul { visibility:visible; position:absolute; left:-140px; top:0; } #nav li table { margin:0 -1px -1px; border-collapse:collapse; } #nav li td { font-size:11px; } #nav li:hover, * html #nav a:hover { position:relative; } #nav li li a { font-size:11px; text-align:left; } /* FIRST LEVEL DROP DOWNS */ #nav li ul { display:none; } #nav li:hover ul, #nav li a:hover ul { background:#005ba6; display:block; padding:10px; position:absolute; top:25px; left:1px; /*opacity:.9; filter:alpha(opacity=90);*/ } #nav li.apps:hover ul, #nav li.apps a:hover ul, #nav li.appson:hover ul, #nav li.appson a:hover ul, #nav li.tech:hover ul, #nav li.tech a:hover ul, #nav li.techon:hover ul, #nav li.techon a:hover ul, #nav li.support:hover ul, #nav li.support a:hover ul, #nav li.supporton:hover ul, #nav li.supporton a:hover ul, #nav li.investors:hover ul, #nav li.investors a:hover ul, #nav li.investorson:hover ul, #nav li.investorson a:hover ul, #nav li.about:hover ul, #nav li.about a:hover ul, #nav li.abouton:hover ul, #nav li.abouton a:hover ul, #nav li.contact:hover ul, #nav li.contact a:hover ul, #nav li.contacton:hover ul, #nav li.contacton a:hover ul { width:100px; } #nav li:hover li, #nav li a:hover li { height:auto; } #nav li:hover li.last a, #nav li a:hover li.last a { border-bottom:none; } #nav li:hover li a, #nav li a:hover li a { padding:3px; color:#32ccee; border-bottom:1px solid #4d8dc1; display:block; height:auto; background:#005ba6 !important; } * html #nav li:hover li a, * html #nav li a:hover li a { } #nav li:hover li a:hover, #nav li a:hover li a:hover { color:#0ffcff } #nav li.apps:hover li a, #nav li.apps a:hover li a, #nav li.appson:hover li a, #nav li.appson a:hover li a, #nav li.tech:hover li a, #nav li.tech a:hover li a, #nav li.techon:hover li a, #nav li.techon a:hover li a, #nav li.support:hover li a, #nav li.support a:hover li a, #nav li.supporton:hover li a, #nav li.supporton a:hover li a, #nav li.investors:hover li a, #nav li.investors a:hover li a, #nav li.investorson:hover li a, #nav li.investorson a:hover li a, #nav li.about:hover li a, #nav li.about a:hover li a, #nav li.abouton:hover li a, #nav li.abouton a:hover li a, #nav li.contact:hover li a, #nav li.contact a:hover li a, #nav li.contacton:hover li a, #nav li.contacton a:hover li a { width:95px !important; } /* SECOND LEVEL DROP DOWNS, FLYOUTS */ #nav li:hover li ul, #nav li a li a ul { visibility:hidden; } #nav li:hover li:hover ul, #nav li a:hover li a:hover ul { visibility:visible; position:absolute; top:0; left:140px; background:red; } #nav li:hover li li a, #nav li a:hover li li a { color:#fff; background:green !important; } #nav li:hover li li a:hover, #nav li a:hover li li a:hover { color:#999; background:yellow !important; } /* MAKES THE HOVER 'STICK' IN FIREFOX */ /* CLASS 'drop' MUST BE ON THE 'href', NOT THE 'li' OR IT WILL NOT WORK */ #nav ul a.drop:hover, #nav ul :hover > a.drop{ color:#041527; background:white !important; } /* PRODUCT SEARCH DROP DOWN ------------------------------------------------------------------------------------- */ .prod_box_col_override { width: 600px; } #product-search_col_override { width: 100%; } #full_product-search_col_override { background:#337CB8; width:auto; } #product-search_col_override #search_top, #full_search_top{ font-size:12px; font-weight:bold; color:#ffc425; padding: 0 10px 10px; height: 42px; border-bottom: 1px solid #85b0d4; } /*#prod_box_inner #search_top input, #full_search_top input { vertical-align:middle; margin-top:10px !important; }*/ #prod_box_inner #col1, #prod_box_inner #col2, #prod_box_inner #col3, #full_col1, #full_col2, #full_col3 { width:216px; margin-right:1px; background:#85B0D4; position:relative; float:left; height:157px; } #prod_box_inner #col1, #prod_box_inner #col2, #prod_box_inner #col3 { width:229px; } #prod_box_inner #col3, #full_col3 { margin-right:0; } #product-search_col_override a.floatright, #full_product-search_col_override a.floatright { padding: 3px 4px 3px 13px; background: url(../images/bg_sprite.png) no-repeat 0 6px; font-size:11px; position:absolute; bottom: 8px; right: 8px; } * html #product-search_col_override a.floatright, * html #full_product-search_col_override a.floatright { background: url(../images/circle_right2.png) no-repeat 0 6px; } #prod_box_inner #search_bottom input, #prod_box_inner #search_bottom select, #full_search_bottom input, #full_search_bottom select { margin: 3px 0 2px 8px; width:209px; border:1px solid #BFBFBF } #prod_box_inner #search_bottom .btn, #full_search_bottom .btn { position:absolute; bottom:8px; left:8px; } #prod_box_inner #search_bottom .spotlight, #full_search_bottom .spotlight { background:#005ba6; color:#FFF; font-size:13px; margin:0 0 5px 0; } .or { background:#337CB8; color:#85b0d4; padding:9px; margin-left:318px; top:-8px; position:relative; } #prod_box_inner form input.btn, #full_product-search_col_override form input.btn { margin:0 !important; width:auto !important;border:none !important; } #prod_box_inner form input, #prod_box_inner form select, #full_product-search_col_override form input, #full_product-search_col_override form select { width:187px; border:1px solid #BFBFBF; } #full_search_top { padding:8px 10px 10px } /*#full_product-search_col_override #full_search_top input.btn { margin-top:10px !important; }*/ #prod_box_inner #search_top table {margin:6px 0 0;} #prod_box_inner #search_top td {padding-right:1px;} #prod_box_inner #search_top span { position:relative; width:50px; height:18px; display:block; cursor:pointer; } #prod_box_inner #search_top span input.btn {width:50px; height:18px; opacity:0; filter:alpha(opacity=0);-moz-opacity:0; cursor:pointer; } #prod_box_inner #search_top span.btn_search { width:50px; height:18px; background:url(../images/bg_sprite.png) no-repeat -600px 0px; } * html #prod_box_inner #search_top span.btn_search {background:url(../images/bg_search.gif) no-repeat 0 0;} #prod_box_inner #search_bottom span { position:absolute; bottom:8px; left:8px; width:85px; height:18px; display:block; overflow:hidden; cursor:pointer; } #prod_box_inner #search_bottom span input.btn { top:0; left:0; width:85px; height:18px; opacity:0; filter:alpha(opacity=0);-moz-opacity:0; cursor:pointer; } #prod_box_inner #search_bottom span.btn_viewproducts { background:url(../images/bg_sprite.png) no-repeat -651px -21px; } #prod_box_inner #search_bottom span.btn_viewassays { background:url(../images/bg_sprite.png) no-repeat -736px -21px; } #prod_box_inner #search_bottom span.btn_viewprofiles { background:url(../images/bg_sprite.png) no-repeat -821px -21px; } .classificationTitle { font-size:12px; font-weight:bold; color:#ffc425; } /* SUBHEADER ------------------------------------------------------------------------------------- */ #subheader { padding: 0px 8px 8px 8px; voice-family: "\"}\""; voice-family: inherit; width: 975px; } #subheader .bluebox { height: 48px; } #subheader .bluebox span { display:none; } #subheader h2 { display: block; width: 360px; height: 48px; background-repeat: no-repeat; background-position: 0% 0%; } #subheader h2#products { background: url(../images/subheader_products.gif); } #subheader h2#about { background: url(../images/subheader_about.gif); } #subheader h2#account { background: url(../images/subheader_account.gif); } #subheader h2#cart { background: url(../images/subheader_cart.gif); } #subheader h2#glossary { background: url(../images/subheader_glossary.gif); } #subheader h2#related-links { background: url(../images/subheader_related-links.gif); } #subheader h2#apps { background: url(../images/subheader_apps.gif); } #subheader h2#tech { background: url(../images/subheader_tech.gif); } #subheader h2#support { background: url(../images/subheader_support.gif); } #subheader h2#investors { background: url(../images/subheader_investors.gif); } #subheader h2#login { background: url(../images/subheader_login.gif); } #subheader h2#contact { background: url(../images/subheader_contact.gif); } #subheader h2#terms { background: url(../images/subheader_terms.gif); } #subheader h2#policy { background: url(../images/subheader_policy.gif); } #subheader h2#disclaimer { background: url(../images/subheader_disclaimer.gif); } #subheader h2#caliper404 { background: url(../images/subheader_404.gif); } #subheader h2#search { background: url(../images/subheader_search.gif); } #subheader h2#store { background: url(../images/subheader_store.gif); } /* MAIN ------------------------------------------------------------------------------------- */ #main { position: relative; margin: 4px 0px 0px 0px; padding: 0px 0px 16px 0px; /*overflow: auto;*/ background: #f3f4f4; } /* BREADCRUMB ------------------------------------------------------------------------------------- */ #breadcrumb { font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 10px; color: #90979d; } #breadcrumb span { position: relative; top: 8px; left: 8px; display: block; width: 974px; min-height: 28px; margin: 0px 0px 8px 0px; padding: 6px 0px 6px 8px; background: #d1d4d6; color: #90979d; voice-family: "\"}\""; voice-family: inherit; width: 966px; min-height: 14px; } * html #breadcrumb span { height:14px; } /* SUBNAV ------------------------------------------------------------------------------------- */ #subnav { float: left; display: inline; width: 175px; padding: 38px 7px 16px 8px; font-family: tahoma, arial, sans-serif; font-size: 11px; } *html #subnav { padding-top: 34px; } #subnavlist { border-bottom: 1px solid #dadcde; } #subnavlist li { position: relative; list-style-type: none; border-top: 1px solid #dadcde; } #subnavlist li a:link, #subnavlist li a:visited { display: block; height: 1%; padding: 3px 4px 3px 13px; background: url(../images/circle_right.png) no-repeat 0 6px; } #subnavlist li p, table.calendar_nav p { display: block; height: 1%; padding: 3px 4px 3px 13px; background: url(../images/circle_grey.png) no-repeat 0 6px; } #subnavlist li a:hover { text-decoration: underline; } #subnavlist li.selected { padding: 3px 6px 3px 13px; background: url(../images/circle_grey.png) no-repeat 0 6px; } #subnavlist li.on { padding: 3px 6px 3px 13px; background: url(../images/circle_down.png) no-repeat 0 6px; color: #6A737B; } #subnavlist li.on a:link, #subnavlist li.on a:visited, #subnavlist li.on p { padding: 0; background: none; } #subnavlist li.on ul { margin-left: 13px;} #subnavlist li ul { margin-top:6px; } #subnavlist li li { margin:0 0 4px 3px; border-top: 0px; } #subnavlist li li a:link, #subnavlist li li a:visited { padding: 4px 4px 4px 13px; margin-left: -15px; background: none; } #subnavlist li li a:hover { } #subnavlist li li p { padding: 4px 4px 4px 13px; margin-left: -15px; background: none; } #subnavlist li.subtitle { margin-left: -25px; margin-bottom: -1px; } #subnavlist li.subtitle p { padding: 0; border-bottom: 1px solid #dadcde; margin: 0px 0px 0px 25px; padding: 4px 6px 4px 0px; background: none; } #subnavlist li li li { margin-left: 0px; } #subnav li a:visited, #content a:visited { color:#0F4D7F; } #container_dots { float:left; margin-top:16px; background:url(../images/dots.gif) repeat-y 0% 0%; } #content { float: left; width: 532px; margin:0; padding: 0px 0px 0px 8px; font-size: 11px; min-height:550px; line-height:15px; } * html #content { height:550px;} #content p { font-size: 11px; line-height: 16px; margin: 0px 0px 10px 0px; } #content .sifr_fixer { margin-bottom: 10px; } #content hr { height:1px; border:0; background-color:#DADCDE; color:#DADCDE } #content a { text-decoration:underline; } #content a:hover { text-decoration:none; } #sidebar a { text-decoration:none; } #sidebar a:hover { text-decoration:underline; } .content_full { width:650px !important; } .content_widest { width:773px !important; } #content h3.title { display: block; height: 18px; margin: 0px 0px 4px 0px; font-size: 15px; } h3.linedtitle { padding:0 0 5px; display: block; margin: 0px 0px 4px 0px; font-size: 15px; border-bottom:1px solid #dadcde; } #sidebar h3.linedtitle { margin-top:8px; font-size:14px; } h1.linedtitle { padding:0 0 5px; display: block; margin: 0px 0px 4px 0px; font-size: 15px; border-bottom:1px solid #dadcde; } #sidebar h1.linedtitle { margin-top:8px; font-size:14px; } #content h3.header { display: block; margin: 9px 0px 0px 0px; font-family: tahoma, arial, sans-serif; font-weight: bold !important; font-size: 12px; } h3.coloredheader1 { display: block; margin: 9px 0px 0px 0px; font-family: tahoma, arial, sans-serif; font-weight: bold !important; font-size: 12px; color: #00853e; } h3.coloredheader2 { display: block; margin: 9px 0px 0px 0px; font-family: tahoma, arial, sans-serif; font-weight: bold !important; font-size: 12px; color: #347cb7; } span.tahoma12 { font-family: tahoma, arial, sans-serif; font-size: 12px; } span.tahoma14 { font-family: tahoma, arial, sans-serif; font-size: 14px; } span.tahoma15 { font-family: tahoma, arial, sans-serif; font-size: 15px; } span.tahoma16 { font-family: tahoma, arial, sans-serif; font-size: 16px; } span.tahoma17 { font-family: tahoma, arial, sans-serif; font-size: 17px; } span.tahoma18 { font-family: tahoma, arial, sans-serif; font-size: 18px; } span.tahoma19 { font-family: tahoma, arial, sans-serif; font-size: 19px; } span.tahoma20 { font-family: tahoma, arial, sans-serif; font-size: 20px; } .sifr_fixer { display: block; border-bottom: 1px solid #dadcde; } * html #content h3.title { } /* TABS ------------------------------------------------------------------------------------- */ ul.tabs { display: block; margin: 15px 0px 7px 0px; position: relative; height: 23px; border-bottom: 1px solid #ccc; } ul.tabs li { display: block; float: left; width: 86px; height: 23px; padding: 5px 0px 0px 0px; margin-right: 1px; position: relative; top: 1px; background: url(../images/tab.gif) 0 0 repeat-x; font-family: tahoma, arial, sans-serif; font-weight: 500; font-size: 11px; /* color: #6A737B; */ text-align: center; cursor: pointer; cursor: hand; } * html ul.tabs li { height:18px; } ul.tabs li.on { background: url(../images/tab_on.gif) 0 0 no-repeat; color: #005ba6; } ul.tabs a { text-decoration:none !important; } ul.tabs li:hover a { text-decoration: underline !important; } div#tabcontainer h3 { margin: 10px 0px 4px 0px; font-family: tahoma, arial, sans-serif; font-weight: 500; font-size: 14px; /* color: #6A737B; */ } /* SIDEBAR ------------------------------------------------------------------------------------- */ #sidebar { float: left; width: 227px; margin: 16px 0px 16px 17px; } #sidebar h3.title { margin: 16px 0px 3px 0px; *height: 17px; } * html #sidebar h3.title { font-size:15px; } #sidebar p { margin-top:5px; font-size:11px; } #sidebar ul { margin: 3px 0px 0px 0px; padding: 4px 0px 0px 0px; clear:left; } #sidebar ul li, .region ul li, .contact_info ul li { display: block; margin: 1px 0px; padding: 0px; } .lined { border-bottom: 1px solid #dadcde; } #sidebar ul li a, .region ul li a, .contact_info ul li a, .readmore { font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 11px; color: #005ba6; padding: 0px 0px 0px 13px; background: url(../images/circle_right.png) 0px 2px no-repeat; } #sidebar ul li { margin:0 0 2px; padding:0; zoom:1; height:1%; } #sidebar ul li a { display:block; } #sidebar .titlelist { margin-bottom:7px; padding-top:0; font-size:11px; } #sidebar .titlelist li { margin-bottom:2px; } #link_lists { padding: 8px 0px 0px 0px; font-size:11px; } #link_lists h3 { font-size:12px; } .spotlight { padding: 3px 0px 3px 10px; margin: 7px 0px 0px 0px; background: #00853f; } .spotlight h3 { color: #fff; height: 19px; font-size:14px; } * html .spotlight h3 { width: 95%; w\idth: auto; /*Fixes IE5.5 sIFR bug */ } .spotlight_content { padding: 7px; margin: 0px 0px 0px 0px; background: #d1d4d6; } .spotlight_content h4 { margin: 0px 0px 0px 0px; line-height: 17px; } .spotlight_content h4 a { display: block; padding: 7px 0px 0px 0px; line-height: 17px; } .spotlight_content p { margin: 0px 0px 0px 0px; line-height: 17px; } .spotlight_content a.clearmore { margin-bottom: 0px; } .video { margin: 8px 0px; padding: 8px; background: #d1d4d6; } .video a:link, .video a:visited { font-family: tahoma, arial, sans-serif; font-weight: bold; font-size: 12px; color: #005ba6; } .video a:hover { text-decoration: underline; } form.get_assay { margin-top:6px; height:50px; } form.get_assay img { float:right; } form.get_assay select { width: 250px; margin: 0px 0px 3px 0px; } .feature_half form.get_assay select { /*width:157px; */ margin:0; } form.find_assay { margin:0px; } form.find_assay select {width:100%; margin: 0px 0px 3px 0px; } form.find_assay input {margin-top:6px; } #content h5 { margin-bottom:2px; padding-bottom:2px; font-family: tahoma, arial, helvetica; font-weight: bold; font-size: 11px; color: #005ba6; border-bottom:1px solid #DADCDE; } /* SEARCH BLOCKS ------------------------------------------------------------------------------------- */ .productfind { padding:4px 0 4px 10px; background:#00853f url(../images/p_find_arrow.gif) no-repeat 97% 11px; } .productfind h3 { color:#FFF; } * html .productfind h3 { width:95%; w\idth:auto; /*Fixes IE5.5 sIFR bug */ } .productfind_cont { padding:7px; background:#d1d4d6; font-size:11px; line-height:16px; } .productfind_cont select { display:block; width:100%; margin-bottom:4px; } .productfind_action { padding-top:4px; } .productfind_action a { margin-top:3px; background: url(../images/grey_circle_right.gif) 0px 2px no-repeat; } /* DIVISIONS ------------------------------------------------------------------------------------- */ .info { font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 11px; padding: 0px 0px 0px 4px; margin: 0px 0px 0px 0px; color:#6a737b; } .caption { display:block; font-family: tahoma, arial, sans-serif; font-weight: bold; font-size: 11px; padding: 0; margin: 5px 0 0; color:#6a737b; } #feature_box { height: 250px; margin: 0px 8px; color: #fff; } /* background: #005ba6 url(../images/bg_h_flash.gif) no-repeat top right; */ #feature_box a { color: #fff; } #h_flash_links { position:absolute; right:21px; top:214px; } #h_flash_links .rss { position:absolute; left:-202px; top:5px; font-size:11px; padding:0 20px 0 0; background:url(../images/icon_h_rss.gif) no-repeat 100% 0; } #h_categories { height:121px; padding: 16px 0px; background:#fff;} #categories { padding:0; background:#f3f4f5; } .feature_eighth { padding:0 4px; width:113px; float: left; border-right: 1px dotted #6a737b; text-align: center; } .feature_eighth p { margin:0; } .feature_eighth strong.alt { margin:0 0 8px; display:block; color:#993333; } .feature_eighth hr { margin:7px 0; } #h_categories li { position:relative; float: left; width: 121px; height:121px; border-right: 1px dotted #6a737b; text-align: center; list-style: none; } #h_categories li a { cursor: pointer; } #h_categories li a, #h_categories li div { position: relative; display: block; height: 121px; text-decoration: none; color: blue; font-size: 14px; } #h_categories li strong { position: absolute; top: 0px; left: 0px; display: block; height: 121px; } #h_categories li, #h_categories li a, #h_categories li strong, #h_categories li div { background-image: url(../images/h_sections_alt.gif); } #h_categories li a:hover { cursor:hand; } #h_categories li#vitro, #h_categories li#vitro a, #h_categories li#vitro a strong { background-position: 0 0; width: 121px; } #h_categories li#extraction, #h_categories li#extraction a, #h_categories li#extraction a strong { background-position: -121px 0; width: 121px; } #h_categories li#liquid, #h_categories li#liquid a, #h_categories li#liquid a strong { background-position: -242px 0; width: 121px; } #h_categories li#chip, #h_categories li#chip a, #h_categories li#chip a strong { background-position: -363px 0; width: 121px; } #h_categories li#systems, #h_categories li#systems a, #h_categories li#systems a strong { background-position: -484px 0; width: 121px; } #h_categories li#optical, #h_categories li#optical a, #h_categories li#optical a strong { background-position: -605px 0; width: 121px; } #h_categories li#reagents, #h_categories li#reagents a, #h_categories li#reagents a strong { background-position: -726px 0; width: 121px; } #h_categories li a { padding:0 5px; width:111px !important; color:#69727a; font-size:11px; font-weight:bold; } #h_categories li#vitro a { padding-top:92px; height:29px; } #h_categories li#extraction a { padding-top:92px; height:29px; } #h_categories li#liquid a { padding-top:92px; height:29px; } #h_categories li#chip a { padding-top:92px; height:29px; } #h_categories li#systems a { padding-top:76px; height:45px; } #h_categories li#optical a { padding-top:92px; height:29px; } #h_categories li#reagents a { padding-top:92px; height:29px; } *html .feature_eighth, *html .feature_eighth img { width: 120px; } .feature_eighth div { padding:15px 8px 0; color:#00853f; font-size:11px; text-align:left; } .feature_eighth h3 { display: none; } .feature_eighth a { /* color: #6A737B; */ } .feature_eighth#vitro { margin: 0px 0px 0px 8px; } * html .feature_eighth#vitro { margin: 0px 0px 0px 0px; } .feature_eighth#reagents { } .feature_eighth#text { border:none; } #h_categories .feature_eigth { height: 121px; } .information { padding: 8px 0px 10px 0px; margin: 0; background: #f8f8f8; } #h_information { min-height:210px; margin-top:4px; } * html #h_information { height:210px; padding:8px 0 0 0; } #h_information .feature_fourth { min-height:160px; } * html #h_information .feature_fourth { height:160px; } #p_information { padding-bottom:10px; } .h_info_header { background: #d1d4d6 url(../images/bg_h_users.gif) repeat-y 50% 0; ; } .info_header { border-top: 2px solid #d1d4d6; } #h_infoheader { margin:0 8px 16px 8px; } #product_infoheader { margin-bottom:15px; } .p_info_header, .p_info_header_hover { margin:10px 8px 0 8px; } .info_header h3, .h_info_header h3 { float: left; height: 24px; text-indent: -9999px; color: #fff; } #h_infoheader h3 { width: 138px; background: url(../images/h3_get_information_for.png) no-repeat 0 0; } .p_info_header h3 { width: 200px; background: url(../images/product_infoheader.gif) no-repeat 0 0; } .p_info_header_hover h3 { width: 200px; background: url(../images/product_infoheader_on.gif) no-repeat 0 0; } .info_header ul#users li, .h_info_header ul#users li { display: inline; } .info_header ul#users li a { margin: 0px 16px 0px 0px; height: 24px; } .info_header ul#users li a#scientists, .h_info_header ul#users li a#scientists { width: 66px; background: url(../images/li_scientists.png) 0 0 no-repeat; text-indent: -9999px; } .info_header ul#users li a#customers, .h_info_header ul#users li a#customers { width: 73px; background: url(../images/li_customers.png) 0 0 no-repeat; text-indent: -9999px; } .info_header ul#users li a#purchasing_agents, .h_info_header ul#users li a#purchasing_agents { width: 118px; background: url(../images/li_purchasing_agents.png) 0 0 no-repeat; text-indent: -9999px; } .info_header ul#users li a#investors, .h_info_header ul#users li a#investors { display: block; float: left; width: 250px; background: url(../images/bg_sprite.png) -906px 0 no-repeat; text-indent: -9999px; } * html .info_header ul#users li a#investors, * html .h_info_header ul#users li a#investors { background: url(../images/bg_sprite.gif) -900px 0 no-repeat;} .h_info_header ul#users li { float:left; padding:5px; } .h_info_header ul#users li#investors { width:477px; } .h_info_header ul#users li#fromceo { width:473px; margin-left:4px; } .h_info_header ul#users li#investors a.arrow { background:url(../images/bg_sprite.png) no-repeat -1165px 6px; } .h_info_header ul#users li#fromceo a.arrow { background:url(../images/bg_sprite.png) no-repeat -1165px -22px; } .h_info_header ul#users li a.arrow { display:block; color:#69727a; font-size:11px; font-weight:bold; padding:0 0 0 21px; line-height:20px } * html .h_info_header ul#users li#investors a.arrow { background-image:url(../images/bg_sprite.gif); } * html .h_info_header ul#users li#fromceo a.arrow { background-image:url(../images/bg_sprite.gif); } ul.featured_products_list { } ul.featured_products_list li { margin: 0px 0px 8px 0px; } ul.featured_products_list li a { padding: 0px 0px 3px 0px; margin: 0px; } ul.featured_products_list li p { } ul.featured_products_list li img { width: 60px; height: 40px; float: left; margin: 2px 4px 0px 0px; padding: 0px; } div.column_whole { padding: 8px 8px 0px 8px; margin: 0px 0px 14px 0px; width: 100%; float: left; } * html div.column_whole { width:98% } div.column_half { padding: 8px 0px 0px 0px; width: 50%; float: left; } .feature_half { padding: 0px 8px; margin: 0px 0px 14px 0px; font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 11px; /* color: #6A737B; */ text-align: left; } .feature_half img { cursor:hand; cursor:pointer; } .feature_half a, .content_list a { text-decoration:none !important; } .feature_half a:hover, .content_list a:hover { text-decoration:underline !important; } *html .feature_half, *html .feature_half h3 { } .feature_half h3 { display: block; font-size: 14px; /*height: 19px;*/ margin: 0px 0px 3px 0px; clear:left; } .feature_half ul { margin-bottom:10px; } .feature_half p.feature_date { display: block; padding: 0px 0px 0px 0px; margin: 8px 0px 0px 0px; line-height: 12px!important; text-transform: uppercase; } .feature_half p { display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 14px!important; } .feature_half a.feature { display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; line-height: 14px!important; } .feature_half img { padding: 12px 0px 0px 0px; } #content .feature_half .sifr_fixer { margin-bottom: 6px; } .feature_fourth { float: left; width: 227px; padding: 0px 8px; border-right: 1px dotted #6a737b; font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 11px; /* color: #6A737B; */ text-align: left; } *html .feature_fourth, *html .feature_fourth h3 { width: 226px; } .feature_fourth h3 { display: block; font-size:14px; height: 15px; width: 227px; padding: 0px 0px 4px 0px; border-bottom: 1px solid #dadcde; } .feature_fourth h3#h_latest_news { background: url(../images/h3_latest_news.png) 0px 0px no-repeat; text-indent: -9999px; } .feature_fourth h3#h_events { background: url(../images/h3_events.png) 0px 0px no-repeat; text-indent: -9999px; } .feature_fourth h3#h_discovery_alliances_and_services { background: url(../images/h3_discovery_alliances_and_services.png) 0px 0px no-repeat; text-indent: -9999px; } .feature_fourth h3#h_support { background: url(../images/h3_support.png) 0px 0px no-repeat; text-indent: -9999px; } .feature_fourth p.date { text-transform: uppercase; padding: 8px 0px 0px 0px; } .feature_fourth p.text { padding: 8px 0px 3px 0px; } .feature_fourth a.newsline { padding: 0px 0px 3px 0px; } .feature_fourth img { padding: 12px 0px 0px 0px; } .feature_fourth#news { margin: 0px 0px 0px 8px; } .feature_fourth#support { border: none; } .feature_fourth.first { margin: 0px 0px 0px 8px; display:inline; } .feature_fourth.last { border: none; } .itemlist { margin: 5px 0px 0px 0px; } .itemlist img { padding: 0px; margin: 2px 6px 0px 0px; float: left; } #sidebar .itemlist { font-size:11px; } #sidebar .itemlist a { display:block; } * html #sidebar .itemlist li { height:1%; } #p_application { margin:-15px 8px 16px; padding:10px 0; background:#d1d4d6; } #p_application .feature_fourth { width:221px; padding:0 14px 0 8px; } #p_application .feature_fourth.first { width:220px; padding-left:0; } #p_application .feature_fourth h3 { height:32px; } * html #p_application .feature_fourth { width:242px; w\idth:210px; padding:0 18px 0 8px; } * html #p_application .feature_fourth.first { width:242px; w\idth:220px; padding-right:14px; } * html #p_application .feature_fourth.last { width:233px; w\idth:225px; padding-right:0px; } * html #p_application .feature_fourth h3 { width:100%; } #h_highlight { position:absolute; top:55px; left:320px; z-index:55; font-size:10px; } #h_highlight { *top:70px;} #h_highlight .title { color:#90979d; } #footer { position: relative; width: 960px; margin: 4px 0px 30px 0px; padding: 17px 15px; background: #eaebed; font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 10px; color: #90979d; } #footer { width: 990px; voice-family: "\"}\""; voice-family:inherit; width: 960px; } #footer p#copyright { float:left; } #footer ul#footer_nav { float:left; } #footer ul#footer_nav li { display: inline; } #footer ul#footer_nav li span { display:block; border-right:1px solid #6a737b; float:left; padding:0 4px; line-height:10px; } #footer_nav a { display:block; border-right:1px solid #6a737b; float:left; padding:0 4px; line-height:10px; } #footer li.last a { border-right:none; } #footer a:link, #footer a:visited { color: #009fc2; } .vcard { display: inline; position: absolute; right: 15px; } .vcard .org { display: none; } .vcard .adr { display: none; } .vcard .tel { display: inline; } a.more, a.plus, a.search { font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 11px; color: #005ba6; padding: 0px 0px 0px 13px; } a.more, a.plus { width: 90%; margin: 8px 0px 0px 0px; float: left; background: url(../images/bg_sprite.png) 0 2px no-repeat; } * html a.more, * html a.plus { background: url(../images/bg_sprite.gif) 0 2px no-repeat; } a.plus { display: block; margin:4px 0 0; background: url(../images/circle_plus.png) 0px 2px no-repeat; } a.clearmore { display: block; width: 90%; margin: 8px 0px; padding: 0px 0px 0px 13px; background: url(../images/circle_right.gif) 0px 2px no-repeat; font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 11px; color: #005ba6; } .content_list { float:left; width: 229px; margin:0 0 10px !important; list-style:none !important } ul.content_list li a { display: block; margin: 1px 0px 3px 0px; padding: 0px 0px 0px 13px; background: url(../images/circle_right.gif) 0px 2px no-repeat; font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 11px; color: #005ba6; } * html .content_list li { display:inline; } ul.content_list li ul { padding: 0px 0px 0px 0px; margin: 5px 0px 4px 17px; border-top: 1px solid #dadcde; } ul.content_list li ul li a { display: block; background: none; padding: 1px 0px 1px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #dadcde; font-size: 10px; } .price { display: block; margin: 6px 0px 10px 0px; font-family: tahoma, arial, sans-serif; font-weight: bold; font-size: 16px; color: #00853f; } ul.feed { font-family: tahoma, arial, sans-serif; /* color: #6A737B; */ line-height: 15px; width: 532px; } ul.feed li { margin: 0px 0px 8px 0px; padding: 8px 0px 0px 0px; border-top: 1px solid #dadcde; } ul.feed li.first { border-top:none; } ul.feed h4 { font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; text-transform: uppercase; float: left; width: 100%; } ul.feed h6 { font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; float: left; width: 100%; } ul.feed a { font-size: 11px; font-weight: bold; color: #005ba6; } ul.feed p { } ul.feed cite { font-style: normal; } blockquote.green { display: block; margin: 4px 0px 0px 0px; font-family: tahoma, arial, sans-serif; font-size: 15px; line-height: 20px; color: #00853f; } cite.green { display: block; margin: 10px 0px 0px 0px; font-family: tahoma, arial, sans-serif; font-size: 11px; font-style: normal; line-height: 16px; /* color: #6A737B; */ } blockquote.pullquote { display: block; margin: 34px 0px 0px 0px; font-family: tahoma, arial, sans-serif; font-size: 15px; line-height: 20px; color: #00853f; } cite.pullquote { display: block; margin: 5px 0px 0px 0px; font-family: tahoma, arial, sans-serif; font-size: 11px; font-style: normal; line-height: 16px; /* color: #6A737B; */ } #content div.news_detail { font-family: tahoma, arial, sans-serif; /* color: #6A737B; */ line-height: 15px; margin: 0px; padding: 6px 0px 0px 0px; } #content div.news_detail h4 { font-weight: bold; font-size: 12px; padding: 0px 0px 10px 0px; } #content div.news_detail h5 { font-size: 11px; /* color: #6A737B; */ font-weight: normal; text-transform: uppercase; } #content div.news_detail cite { font-style: normal; display: block; padding: 0px 0px 10px 0px; } #content div.news_detail h6 { font-weight: bold; font-size: 11px; } #content div.news_detail p { padding: 0px 0px 10px 0px; } h4.product_name { font-family: tahoma, arial, sans-serif; font-weight: bold; font-size: 12px; color: 6a737b; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; top: -5px; left: 2px; } .chart { float: left; width: 238px; } .subhead { display:block; margin:-10px 0 10px; font-weight:bold; } .newslink { margin-top:15px !important; } .totop { display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dadcde; } ul.alphabet { margin:0; list-style:none; width:439px !important; } .alphabet li { float:left; margin:0 2px 2px 0; } .alphabet li a { display:block !important; padding:15px 0 !important; height:1%; float:left; text-align:center; width:60px; color:#005ba6 !important; background:#75a6ce; font-size:30px; } .alphabet li a:hover { background:#98c2e5 } .return { clear:left; padding:25px 0 0; } /* LINK ICONS ------------------------------------------------------------------------------------- */ .doc { padding:0 15px 0 0; background:url(../images/link_worddoc.gif) no-repeat 100% 4px; } .excel { padding:0 15px 0 0; background:url(../images/link_excel.gif) no-repeat 100% 4px; } .external { padding:0 16px 0 0; background:url(../images/link_external.gif) no-repeat 100% 4px; } .pdf, .pdf span { padding:0 14px 0 0; background:url(../images/link_pdf.gif) no-repeat 100% 1px; } .podcast { padding:0 15px 0 0; background:url(../images/link_podcast.gif) no-repeat 100% 4px; } .popup { padding:0 16px 0 0; background:url(../images/link_popup.gif) no-repeat 100% 4px; } .ppt, .ppt span { padding:0 16px 0 0; background:url(../images/link_powerpoint.gif) no-repeat 100% 1px; } .rss { padding:2px 0 2px 15px; background:url(../images/link_rss.gif) no-repeat 0 4px; } .txt { padding:0 13px 0 0; background:url(../images/link_text.gif) no-repeat 100% 4px; } .zip { padding:0 16px 0 0; background:url(../images/link_zip.gif) no-repeat 100% 4px; } /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ .clear { clear: both; } br.clear { line-height: 0px; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .clearfix { display: inline-block; } .clearfix { /*\*/display: block;/**/ } .show { display: block; } .hide { display: none; } ul.bullets li { list-style: disc; margin-left: 13px; margin-bottom: 10px;} /* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG, MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */ * html .italicsfix { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ } .floatleft { float:left !important; } .floatright { float:right !important; } img.floatleft { margin: 0 10px 5px 0; position: relative; } img.floatright { margin: 0 0 5px 10px; position: relative; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } .aligntop { vertical-align: top; } .alignbottom { vertical-align: bottom; } .column { border:1px solid red; width:790px; float:left; } #tabcontainer #specifications ul { margin:0 0 -10px 0; } #tabcontainer #specifications li { list-style:none; } #tabcontainer #specifications p { margin:20px 0 10px; } /*LISTS ------------------------------------------------------------------------------------- */ .contentlist { margin-top:5px; } .contentlist li { padding:0 0 4px 9px; background: url(../images/listdot.gif) no-repeat 0% 6px; } /* TABLES ------------------------------------------------------------------------------------- */ .styled { width:100%; border:0; background:#fff; border-collapse:collapse; } .styled th { padding:6px 4px 4px !important; color:#6a737b; font-size:11px; font-weight:bold; background:#e1e3e5; border-right:1px dotted #6a737b; border-bottom:#dadcde; } .styled th span { font-weight:normal; } .styled td { padding:5px 38px 3px 4px !important; color:#6a737b; font-size:11px; border-right:1px dotted #6a737b; border-bottom:1px solid #dadcde; } * html .styled td { padding-right:10px !important; } .styled .first { width:16px; padding-right:4px; } .styled .last { border-right:0; } .styled .gpcr_list { width:50px; } #contentform #row1 td, #contentform #row2 td, #contentform #row2a td, #contentform #row3 td { padding-bottom:10px; } #contentform #row4 td, #contentform #row5 td { padding-bottom:5px; } .contentform { width:100%; } .contentform td { font-size:11px; } .contentform td input { clear:left; float:left; margin:3px 5px 5px 0; } * html .contentform td input { clear:left; float:left; margin:6px 5px 5px 0; } .contentform td .checkbox { margin:3px 5px 3px 0; } * html .contentform td .checkbox { margin:0px 5px 3px 0 !important; } .contentform td select { clear:left; float:left; margin:3px 5px 5px 0; } .contentform td label { float:left; display:block; margin-top:2px; } .contentform td textarea { width:430px !important; } .contentform .thirds { width:100%; margin-bottom:10px; } .contentform .thirds td { vertical-align:top; } .contentform .thirds label { width:80%; margin-bottom:4px; } .contentform col.col1 { width:140px; } table.checkboxed { width: 100%; border: 0; background: #f3f4f5; border-collapse: collapse; margin: 10px 0px 0px 0px; } table.checkboxed th { padding: 6px 4px 4px !important; /* color: #6A737B; */ font-size: 11px; font-weight: bold; background: #e1e3e5; border-right: 1px dotted #6a737b; border-bottom: #dadcde; } table.checkboxed th span { font-weight: normal; } table.checkboxed td { padding: 5px 40px 3px 4px !important; /* color: #6A737B; */ font-size: 11px; border-right: 1px dotted #6a737b; border-bottom: 1px solid #dadcde; } table.checkboxed .first { width: 16px; padding-right: 4px; } table.checkboxed .last { border-right: 0; } table.checkboxed .double { border-right: 0; width: 207px; } table.blankboxed { width: 100%; border: 0; background: #f3f4f5; border-collapse: collapse; margin: 10px 0px 0px 0px; } table.blankboxed tr { height: 19px; } table.blankboxed th { padding: 6px 4px 4px; *padding: 0 4px 0; /* color: #6A737B; */ font-size: 11px; font-weight: bold; background: #e1e3e5; border-right: 1px dotted #6a737b; border-bottom: #dadcde; } table.blankboxed th span { font-weight: normal; } table.blankboxed td { padding: 5px 30px 3px 4px; *padding: 0 30px 0 4px; /* color: #6A737B; */ font-size: 11px; border-right: 1px dotted #6a737b; border-bottom: 1px solid #dadcde; } table.blankboxed col.prod_num { width:100px; } table.blankboxed h3 { font-size:13px; } table.blankboxed .first { width: 16px; padding-right: 4px; } table.blankboxed .last { border-right: 0; } table.blankboxed .double { border-right: 0; width: 207px; } table.col3 th, table.col3 td { width:170px; padding:5px 0 3px 4px; } table.optical td { padding:4px 0; } table.data { float: left; margin: 0px 0px 0px 7px; border-collapse: collapse; font-family: tahoma, arial, sans-serif; font-size: 10px; } table.data tr { display: block; width: 280px; } table.data td { vertical-align: top; padding: 2px 0px; border-bottom: 1px solid #dadcde; font-size: 11px; width: 150px; } .contentdata { margin-bottom:10px; border-collapse: collapse; /*border-bottom:1px solid #e1e3e5;*/ } table.contentdata td { padding:6px 4px; } tr.headerrow { background:#6a737b; } tr.headerrow td { color: #fff; } tr.coloredrow { background: #e1e3e5; } table.tbl_login { width:240px; margin:0; padding:0; } table.tbl_login td { margin:0; padding:0 0 4px; } table.tbl_login td input { float:right; width:160px; } .nobord { border:0 !important; } /* 3rd Party Login screen styles ------------------------------------------------------------------------------------- */ #content div.news_detail .form_login p { width:238px; *width:236px; margin:0 0 5px; padding:0; } * html #content div.news_detail .form_login p { width:235px; } #content div.news_detail .form_login p .check { margin-right:3px; } #content div.news_detail .form_login p .button { float:right; } #content div.news_detail .subtitle_login { width:230px; margin-top:20px; } #content div.news_detail #btn_login, #content div.news_detail #btn_submit { cursor:pointer; cursor:hand; } #content div.news_detail #btn_submit { margin-top:5px; } /* Product Detail - Images/Videos Tabs ------------------------------------------------------------------------------------- */ #img_vid .yui-nav li { height:29px; float:left; display:inline; background-image:url(../images/prod_detail_tabs.gif); background-repeat:no-repeat; cursor:pointer; } #img_vid .yui-nav li strong { display:none; } #img_vid .yui-nav li a { background:none; } #img_vid .yui-nav li#tab_img { background-position:0 -29px; width:114px; } #img_vid .yui-nav li#tab_video { background-position:-114px 0; width:113px; } #img_vid .yui-nav li#tab_img.selected { background-position:0 0; width:114px; } #img_vid .yui-nav li#tab_video.selected { background-position:-114px -29px; width:113px; } #img_vid .video_alt li { background:url(../images/prod_detail_tabs_alt.gif) no-repeat 0 0 !important; width: 227px !important; } * html #img_vid .yui-content { margin:-5px 0 0; } * html #img_vid .video_content { margin:-1px 0 0 !important; } #img_vid .yui-content { margin:-1px 0 0; padding:5px; width:215px; border:1px solid #d1d4d6; border-width:0 1px 1px; } #img_vid #prod_detail_video { font-size:10px; line-height:13px; } #img_vid #prod_detail_video #novids { margin:10px 5px; width:205px; } #img_vid #prod_detail_video li { margin:0 6px 9px; width:95px; text-align:center; float:left; display:inline; list-style:none; position:relative } #img_vid #prod_detail_video li .play { position:absolute; top:0px; left:0px; width:95px; height:100%; background:url(../images/btn_play.gif) no-repeat 50% 50%; text-indent:-3000px; opacity:.5; filter:alpha(opacity=50); cursor:pointer; } * html #img_vid #prod_detail_video li .play { height:69px; } #img_vid #prod_detail_video li img { border:1px solid #666; } #img_vid #prod_detail_video li a:hover .play { opacity:.8; filter:alpha(opacity=80); } #img_vid #prod_detail_video li a:hover img { border:1px solid #fff; } #sidebar #img_vid #prod_detail_video li a { padding:0; background:none; } #sidebar #img_vid #prod_detail_video li a.last { margin-right:0; } /* CALENDAR ------------------------------------------------------------------------------------- */ .cal_course { width:250px !important; } .cal_last { border-right:none !important; } .cal_last div { width: 265px; } table.calendar_nav { width:100%; margin:10px 0 0; } table.calendar_nav a { width:auto; } table.calendar_nav p { margin:4px 0 0 !important; } table.calendar_nav .cal_course { width:260px !important; } table.calendar_header { width:100%; border-collapse:collapse; } table.calendar_header th { width:35px; padding: 6px 4px 4px; *padding: 0 4px 0; color: #fff; font-size: 11px; font-weight: bold; border-right:1px dotted #fff; background:#6a737b; } table.calendar_courses { width: 100%; border: 0; background: #f3f4f5; border-collapse: collapse; margin:0; } table.calendar_courses th { width:35px; padding: 6px 4px 4px; /* color: #6A737B; */ font-size: 11px; font-weight: bold; background: #e1e3e5; border-right: 1px dotted #6a737b; border-bottom: #dadcde; } table.calendar_courses th span { font-weight: normal; } table.calendar_courses td { width:35px; padding: 5px 3px 3px 4px; /* color: #6A737B; */ font-size: 11px; background:#fff; border-right: 1px dotted #6a737b; border-bottom: 1px solid #dadcde; } table.calendar_courses td.cal_full { width:210px; } ul.alphaSelect { width: 100%; height: 14px; padding: 6px 0px 0px 0px; border-top: 1px solid #dfdcde; } ul.alphaSelect li { display: inline; } ul.alphaSelect a { display: block; float: left; margin: 0px; padding: 0px 4px; border-left: 1px solid #dfdcde; } ul.alphaSelect li a:hover { text-decoration: none; background: #fff; } ul.alphaSelect a.first { border-left: none; } .assay_accordion table.checkboxed, .assay_accordion table.blankboxed { margin-top: 0px; } .assay_accordion .item_title, .assay_accordion .item_title2, .assay_accordion .item_title3, .assay_accordion .item_title4, .assay_accordion .item_title5 { margin-top:10px; background: #005ba6; display: block; font-size: 12px; text-indent: 6px; color: #fff !important; padding:3px; } .assay_accordion .item_title3, .assay_accordion .item_title2 { background:none; } .assay_accordion .item_title2 { font-size:14px; color:#333 !important; margin:18px 0 10px; font-weight:bold; padding:0; text-indent:0; } .assay_accordion .item_title3 { font-size:12px; color:#666 !important; padding:0; margin-top:0; text-indent:0; } .assay_accordion .item_title5 { margin-top:0; font-color:#efefef; font-size:11px; padding:2px 3px; border-right:1px dotted #6A737B; background:#333; } .item_title h3 { font-size:13px; margin-top:10px; } tr#row2 td { padding-top:10px; } /*#contact_form_block .blank_boxed label { width:200px; }*/ .assay_accordion h3 a:link, .assay_accordion h3 a:visited, .assay_accordion h3 a:active, .assay_accordion .item_title h3 { /*margin: 1px 0px; padding: 6px 0px;*/ margin:0; padding:0; font-size:13px; } .assay_accordion h3 a:link, .assay_accordion h3 a:visited, .assay_accordion h3 a:active { display: block; font-size: 12px; margin: 1px 0px; padding: 6px 0px; text-indent: 6px; color: #fff!important; } .assay_accordion a.expanded { background: #6a737b url(../images/arrow_up.gif) 98% 10px no-repeat; } .assay_accordion a.contracted { background: #005ba6 url(../images/arrow_down.gif) 98% 12px no-repeat; } .assay_accordion a.expanded:hover { background: #8f9ba6 url(../images/arrow_up.gif) 98% 10px no-repeat; text-decoration: none; } .assay_accordion a.contracted:hover { background: #0075d5 url(../images/arrow_down.gif) 98% 12px no-repeat; text-decoration: none; } img.inset {margin: 0px 8px 0px 0px; padding: 0px; float: left; } a.inset { display: block; float: left; width: 33%; margin: 1px 0px; padding: 0px 0px 0px 13px; background: url(../images/circle_right.gif) 0px 2px no-repeat; font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 11px; color: #005ba6; } /* WORLDWIDE LOCATIONS ------------------------------------------------------------------------------------- */ .worldwide_locations { padding:5px 3px; margin-top:-4px; height:200px; } .map { background: #fff url(../images/earths.jpg) no-repeat 100% 2px; } .region { width:116px; padding:0 8px 0 5px; height:150px; float:left; } /* background:url(../images/bg_border-dotted.gif) repeat-y 100% 0; */ .region h4 { font-weight:normal; border-bottom:1px solid #dadcde; padding-bottom:5px; margin-bottom:5px; font-size:12px; } .region ul { float:left; width:111px; margin: 0 !important; } * html .region ul { margin-left:-10px; ma\rgin-left:0; } .region ul li a { margin-left:5px; } .europe { width:236px; } .worldwide_locations .last { background:none; } div.intl { width:140px } div.intl ul { width:149px; } .contact_info { width:750px !important; margin:20px 8px 5px; float:left; display:inline; } * html .contact_info { width:239px; w\idth:241px; } .contact_info address { margin:5px 0; font-style:normal } .contact_info em { font-style:normal; color:#00853f; } .contact_info h5 { margin:5px 0; } #content .contact_info h5 { color:#6a737b } #intl .region, #intl .region ul { width:90px; } #intl .europe { width:236px; } #intl .europe ul { width:118px; } #content .contact_info ul li { } #content #contact_info p { padding-left: 8px; } /* FORMS ------------------------------------------------------------------------------------- */ #registertoenroll { margin:0 40px 0 0; width:433px; float:left; display:inline; } #registertoenroll label { width:100px; } #registertoenroll .longlabel { margin:20px 0 0; display:block; } #registertoenroll .longlabel label { width:auto; text-align:left; } #registertoenroll .medium { padding-left:8px; } #registertoenroll .btnbox { margin:15px 0 0 10px; padding:10px 0 0; border-top:1px solid #ccc; } #registertoenroll .btnbox .submit { margin-left:185px; } #returningguest { margin:0; padding:10px; width:280px; float:left; display:inline; background:#ebebeb; } #returningguest form { margin:15px 0 10px; padding:10px 0 0; border:1px solid #ccc; } #returningguest form table { margin:0; } #returningguest form table td.btn input { width:48px; height: 16px; border: 1px solid #bfbfbf; background: #fff; float:right; } /* sIFR ------------------------------------------------------------------------------------- */ /* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */ .sIFR-flash { margin: 0; visibility: visible !important; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* HIDE ADBLOCK OBJECT TAB: THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED... NEGATIVE-LETTER SPACING IS USED TO MAKE THE BROWSER TEXT METRICS MATCH UP WITH THE sIFR TEXT METRICS SINCE THE sIFR TEXT MAY NOT ALWAYS MATCH UP. YOUR OWN SETTINGS MAY VARY... ANY WEIRD SIZING ISSUES YOU MAY RUN INTO ARE USUALLY FIXED BY TWEAKING THESE DECOY STYLES. BE AS SPECIFIC AS NEEDED. */ .sIFR-hasFlash h1 { visibility: hidden; letter-spacing: -9px; font-size: 55px; } .sIFR-hasFlash h3.linedtitle { letter-spacing:-1px; } .sIFR-hasFlash h1.linedtitle { letter-spacing:-1px; visibility: visible; letter-spacing: -1px; font-size: 15px; } /* LIGHTBOX IMAGE VIEWER ------------------------------------------------------------------------------------- */ #overlay { position: absolute; top: 0; left: 0; width: 100%; background: #001723; /*background: #8ab9d8;*/ opacity: .8; filter:alpha(opacity=80); z-index: 90; } #overlay a { color:#367c99 !important; } #overlay a:visited, #overlay a:hover { border:none !important; text-decoration:none !important; } #lightbox { padding: 10px; background: #001723; border: 2px solid #003f60; } /* BIG CONTAINER */ #lightbox a:link, #lightbox a:visited, #lightbox a img { border-bottom:none; } #lightboxDetails { padding-top: 10px; font-size: 11px; color: #fff; } /* TEXT BELOW IMAGE */ #lightboxCaption { float: left; } #keyboardMsg { float: right; } #closeButton { bottom: 5px; right: 5px; display:none; } .thumbs { float:right; max-width:250px; padding:10px; border:1px solid #efefef } .thumbs img { border:2px solid #efefef; } * html .thumbs { width:270px; w\idth:250px; } #tabcontainer ul { list-style-type:disc; margin-left:16px; } h5.images { margin:10px 0 5px 0; } .specifications h4 { margin:6px 0 0; } .specifications td { font-size:11px; } .specifications td.heading { padding-top:10px; } .prod_select_list { margin-top:20px; padding:10px; background:#dfdfdf; border:1px solid #BFBFBF; } .prod_select_list input, .feature_half .btn { cursor:hand; cursor:pointer; padding:0px 3px 0; border-width:1px 1px 2px !important; margin-left:10px; } .prod_select_list input, .prod_select_list select, .feature_half .btn { border:1px solid #BFBFBF; font-size:11px; background:#FFF; color:#6A737B; margin-top:10px; } .prod_select_list .select_form select { width:227px !important; } .select_form { height:50px; margin-top:6px; } .select_form select { width:250px; } * html .prod_select_list select { width:228px; } * html .prod_select_list .btn, .feature_half .btn { float:right; margin:10px 0 0; } * html .prod_select_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ * html .prod_select_list { display: inline-block; } * html .prod_select_list { /*\*/display: block;/**/ } .error{ color: red; } /* Lightbox Optical Imaging Flash Styles ------------------------------------------------------------------------------------- */ #opticalDiv_mask { } #opticalTitle { display:none; } #opticalContainer { background: #011724; border-right:2px solid #01537d; border-left:2px solid #01537d; border-top:2px solid #01537d; } #opticalContainer table { padding: 10px; } #opticalContainer td { color:#fff; line-height: 15px; font-size:13px; } #opticalContainer td p { margin-top:10px; } #opticalContainer td b { color:#8d9597; font-weight:normal; } #opticalContainer img { border:3px solid #ffffff; margin:0 0 0 8px; } #opticalFooter { height:10px; font-size:11px; background: #011724; border-bottom:2px solid #01537d; border-right:2px solid #01537d; border-left:2px solid #01537d; border-top:0; } /* sitemap ------------------------------------------------------------------------------------- */ #sitemap ul { line-height:20px; list-style:square; margin-left:10px } #sitemap .level2 { margin-left: 10px; list-style:disc; } #sitemap .level2 .level1 { margin-left: 20px; list-style:circle; } #sitemap .level2 .level1 li { } #sitemap .level4 { margin-left: 30px; } p.leaving { background:#efefef; border:1px solid #ccc; padding:20px; width:400px; margin:100px; font-size:120%; } /* RSS Page ------------------------------------------------------------------------------------- */ .rss_screens { width:288px; float:right; margin:16px 0 10px 10px; background:#d1d4d6; } .rss_screens td { padding:2px 5px; } .rss_screens .screen { width:110px; } forms table.rss_table { } table.rss_table th { background:#6a737b; color:#FFF; padding:3px 4px 4px; border-right:1px dotted #FFF } table.rss_table td { padding:3px; background:#FFF; } table.rss_table img { margin-left:16px; } table.rss_table .rss_icon { margin-left:0; } div.form { width: 617px; float: left; margin: 0 0 13px 8px; display:inline; } .green fieldset { border:0; padding-top:10px; } .form p { margin: 0 0 15px 18px; font-size: 11px } span.required { float:none !important; display:inline !important; width:auto !important; } .formalt label { display: block; float: left; clear: left; margin: 3px 10px 8px 18px; font: bold 11px Tahoma; text-align: right; } .formalt input, .formalt textarea, .formalt select { float: left; font-size: 14px; padding: 1px 0 1px 3px; margin: 0 0 8px 10px; border: 1px solid #bfbfbf; width: 146px; } .formalt select { height:23px !important; margin-top:3px; } .formalt .longlabel label { width:auto; } .formalt .medium { padding-left:120px; clear:left; } .formalt .checkbox { border:none; clear:left; vertical-align:top; } .formalt .medium label { clear:none; text-align:left; margin:4px 10px 7px 5px } * html .formalt .medium { padding-left:138px; } #main .formalt label { width:150px; text-align:left; margin-left:10px } #main .formalt span input.checkbox, #main .formalt span input.radiobutton { clear:left; margin:4px 0 5px 10px } #main .formalt span { float:left; display:block; width:300px } #main .formalt span label { width:auto; clear:none; margin:3px 10px 5px 6px } * html #main .formalt span label { margin:8px 10px 4px 6px; } #main .formalt .submit { margin:4px 0 0 178px; } #returningguest .formalt label { width:auto; white-space:nowrap } #returningguest span, #registertoenroll span { width:auto !important; } .formalt td select { margin-left:0; width:174px; } .formalt td .buttonArrow { margin:5px 0; width:auto; } * html .formalt td .buttonArrow { margin:0 } .formalt table { margin-left:15px; } .formalt .reset, .formalt .submit { width: 48px; padding: 0; } .formalt .reset { margin: 4px 0 0 170px; clear: left; } .formalt .submit { margin: 4px 0 0 230px; } .formalt input:hover, .formalt input:focus { border-color: #008540; background-color: #f5fdf1 } .formalt input.radiobutton { width:auto; border:none !important; } .formalt .present { padding:10px 0 10px 120px; width:235px } * html .formalt .present { padding:10px 0 10px 140px; width:235px } .formalt .present label, .formalt .present input { float:left; margin:-15px 0 0; padding:0; clear:none; } .formalt .present label { width:30px; text-align:left; } .formalt .present input { width:20px; margin-bottom:22px; clear:left; } .formalt .checkbox { margin-top:4px; width:15px !important; } #body #cogs2009 .medium input { margin-left:120px !important; } /* PUBLICATIONS ------------------------------------------------------------------------------------- */ h4.publication { margin-bottom:10px; font-size:12px; } .publications { margin-top:30px; height:131px; background:url(../images/bg_pub_search.gif) no-repeat; } .publications .by_cat { padding:10px 0 0 10px; width:244px; float:left; } .publications .by_cat select { height:18px; width:175px; margin-right:3px; } .publications .by_cat select, .publications .by_cat input { vertical-align:middle; } .publications .by_cat h2 { margin-bottom:12px; font-size:14px; font-weight:normal; } .publications .or { text-indent:-2000px; position:static; margin:0; width:38px; padding:28px 0 0; float:left; color:#68727b; font-size:14px; text-transform:uppercase; background:none; } .publications .button { width:182px; float:left; } /* LIGHTBOX PANEL ------------------------------------------------------------------------------------- */ .yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:52;} .yui-panel-container form{margin:0;} .mask{z-index:51;display:none;position:absolute;top:0;left:0;right:0;bottom:0;} .mask.block-scrollbars{overflow:auto;} .masked select, .drag select, .hide-select select{_visibility:hidden;} .yui-panel-container select{_visibility:inherit;} .hide-scrollbars, .hide-scrollbars *{overflow:hidden;} .hide-scrollbars select{display:none;} .show-scrollbars{overflow:auto;} .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;} .yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;} .yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;} .yui-effect-fade .underlay{display:none;} .yui-tt-shadow{position:absolute;} .mask{background-color:#000;opacity:.25;filter:alpha(opacity=25);} .yui-panel-container{padding:0 1px;*padding:2px 3px;} .yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:52;} .yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;} .yui-panel .hd{border-bottom:solid 1px #ccc;} .yui-panel .bd, .yui-panel .ft{background-color:#F2F2F2;} .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;} .yui-panel .bd{padding:10px;} .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;} .yui-panel-container.focused .yui-panel .hd{} .container-close{position:absolute;top:3px;right:3px;width:25px;height:15px;background:url(../images/yui-sam-sprite.png) no-repeat 0 -300px;cursor:pointer;} .yui-panel-container .underlay{right:-1px;left:-1px;} .yui-panel-container.matte{padding:9px 10px;background-color:#fff;} .yui-panel-container.shadow{_padding:2px 5px 0 3px;} .yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;filter:alpha(opacity=12);} .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;} .yui-dialog .ft .button-group{display:block;text-align:right;} .yui-dialog .ft button.default{font-weight:bold;} .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;} .yui-dialog .ft span.default .first-child{border-color:#304369;} .yui-dialog .ft span.default button{color:#fff;} .yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;} .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;} .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;} .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;} .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;} .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;} .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;} .yui-tt .bd{position:relative;top:0;left:0;z-index:52;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;} .yui-tt.show-scrollbars .bd{overflow:auto;} .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;} .yui-tt-shadow-visible{opacity:.12;filter:alpha(opacity=12);} /* VIDEO ASSET LIST ------------------------------------------------------------------------------------- */ .videolist { margin:5px 10px; } .videolist .video { display:inline; float:left; width:102px; padding:0 !important; margin-right:20px !important; margin-bottom:20px !important; } .videolist .video .img img.vidthmb { margin:1px; width:100px; } .videolist .video .viddetail { padding:3px 7px 5px; } .videolist .video .viddetail .vidtitle { display:block; } .videolist .video .viddetail .vidtitle a { font-size:11px; font-weight:normal; } .videolist .video .viddetail .viddesc { } #content ul { margin: 0 0 20px 30px; list-style-type: disc; } #content ul li { margin: 5px 0; } #content ul li ul { margin: 0 0 0 25px; list-style-type: square; } td.rgt { text-align: right; } td.ctr { text-align: center; }