/*HHHHHHHHHHHHHHHH[ GLOBAL ]HHHHHHHHHHHHHHHH*/ * { margin: 0px; padding: 0px; } html { min-height: 100%; margin-bottom: 1px; } body { font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 18px; background-color: #e2e2e2; } #container { width: 936px; margin: auto; background: url(../images/background.gif) top left; } /* Copy */ h1 { font-family: Arial Narrow, Arial; font-size: 20px;; line-height: 22px; font-weight: bold; color: #990000; } h1.homepage { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 14px; color: #990000;} h2 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 14px; } h3 { font-family: Arial Narrow, Arial; margin: 0px 0px 10px 0px; font-weight: bold; font-size: 12px; } p { margin: 0px; } a { color: #990000; text-decoration: none; } h1 a { color: #990000; text-decoration: none; } h1 a:hover { text-decoration: underline; } hr { margin-bottom: 10px; } /* Header*/ #pageTop { height: 10px; background: url(../images/page_top.gif) no-repeat bottom left; } /*HHHHHHHHHHHHHHHH[ NAVIGATION ]HHHHHHHHHHHHHHHH*/ #nav { width:936px; height:56px; font-size:0.85em; position:relative; z-index:10000; } /* hack to correct IE5.5 faulty box model */ * html #nav { width:936px; w\idth:936px; } /* remove all the bullets, borders and padding from the default list styling */ #nav ul { padding:0; margin:0; list-style-type:none; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ #nav li { float:left; position:relative; } #nav li.home { width:186px; background-image: url(../images/nav.gif); background-position: 0px 0px; } #nav li.solutions { width:135px; background-image: url(../images/nav.gif); background-position: -186px 0px; } #nav li.products { width:124px; background-image: url(../images/nav.gif); background-position: -321px 0px; } #nav li.services { width:121px; background-image: url(../images/nav.gif); background-position: -445px 0px; } #nav li.support { width:119px; background-image: url(../images/nav.gif); background-position: -566px 0px; } #nav li.company { width:129px; background-image: url(../images/nav.gif); background-position: -685px 0px; } #nav li.store { width:122px; background-image: url(../images/nav.gif); background-position: -814px 0px; } /* style the links for the top level */ #nav a, #nav a:visited { display:block; font-size:10px; text-decoration:none; color:#fff; height:56px; line-height:55px; } /* style the second level background */ #nav ul ul a.drop, #nav ul ul a.drop:visited { background:#606060 url(../images/arrow_white.gif) right no-repeat; } /* style the second level hover */ #nav ul ul a.drop:hover { background:#444 url(../images/arrow_white.gif) right no-repeat; } #nav ul ul :hover > a.drop { background:#444 url(../images/arrow_white.gif) right no-repeat; } /* style the third level background */ #nav ul ul ul a, #nav ul ul ul a:visited { background:#606060; opacity: .95; filter: alpha(opacity=95); } /* style the third level hover */ #nav ul ul ul a:hover { background:#444; } /* hide the sub levels and give them a positon absolute so that they take up no room */ #nav ul ul { visibility:hidden; position:absolute; height:0; top:56px; left:0; width:149px; } /* another hack for IE5.5 */ * html #nav ul ul { top:56px; t\op:56px; } /* position the third level flyout menu */ #nav ul ul ul { left:148px; top:0px; width:149px; } /* position the third level flyout menu for a left flyout */ #nav ul ul ul.left {left:-148px;} /* style the table so that it takes no part in the layout - required for IE to work */ #nav table { position:absolute; top:0; left:0; border-collapse:collapse;; } /* style the second level links */ #nav ul ul a, #nav ul ul a:visited { background:#606060; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px; opacity: .95; filter: alpha(opacity=95); } /* yet another hack for IE5.5 */ * html #nav ul ul a, * html #nav ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ #nav a.home:hover { color:#fff; background-image: url(../images/nav.gif); background-position: 0px -56px; } #nav a.solutions:hover { color:#fff; background-image: url(../images/nav.gif); background-position: -186px -56px; } #nav a.products:hover { color:#fff; background-image: url(../images/nav.gif); background-position: -321px -56px; } #nav a.services:hover { color:#fff; background-image: url(../images/nav.gif); background-position: -445px -56px; } #nav a.support:hover { color:#fff; background-image: url(../images/nav.gif); background-position: -566px -56px; } #nav a.company:hover { color:#fff; background-image: url(../images/nav.gif); background-position: -685px -56px; } #nav a.store:hover { color:#fff; background-image: url(../images/nav.gif); background-position: -814px -56px; } #nav ul ul a:hover { color:#fff; background: #444; } #nav :hover > a.home { color:#fff; background-image: url(../images/nav.gif); background-position: -0px -56px; } #nav :hover > a.solutions { color:#fff; background-image: url(../images/nav.gif); background-position: -186px -56px; } #nav :hover > a.products { color:#fff; background-image: url(../images/nav.gif); background-position: -321px -56px; } #nav :hover > a.services { color:#fff; background-image: url(../images/nav.gif); background-position: -445px -56px; } #nav :hover > a.support { color:#fff; background-image: url(../images/nav.gif); background-position: -566px -56px; } #nav :hover > a.company { color:#fff; background-image: url(../images/nav.gif); background-position: -685px -56px; } #nav :hover > a.store { color:#fff; background-image: url(../images/nav.gif); background-position: -814px -56px; } #nav ul ul :hover > a { color:#fff; background:#444; } #nav h1 { display: none; } /* Menu Subhead, Divider & Bottom */ #nav ul li ul li.menu_subhead { width: 128px; color: #660000; line-height:20px; padding:5px 10px; font-weight: bold; background: #606060 url(../images/menu_divider.gif) no-repeat top; text-transform: uppercase; opacity: .95; filter: alpha(opacity=95); } #nav ul li ul li.menu_divider { width: 148px; color: #660000; background: #606060 url(../images/menu_divider.gif) no-repeat top; opacity: .95; filter: alpha(opacity=95); } #nav ul li ul li.menu_bottom { display:block; padding: 0px; width: 148px; background: url(../images/menu_bottom.png) no-repeat top; opacity: .95; filter: alpha(opacity=95); } * html #nav ul li ul li.menu_subhead { width:150px; w\idth:128px; } /* make the second level visible when hover on first level list OR link */ #nav ul li:hover ul, #nav ul a:hover ul { visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ #nav ul :hover ul ul { visibility:hidden; } /* make the third level visible when you hover over second level list OR link */ #nav ul :hover ul :hover ul { visibility:visible; } /*HHHHHHHHHHHHHHHH[ TABBED NAVIGATION ]HHHHHHHHHHHHHHHH*/ #secondaryNavigation { width: 885px; position: absolute; bottom:0; } #navlist { padding: 0.5em; font: 0.8em Arial, Arial, sans-serif; } #navlist li { list-style: none; margin: 0; display: inline; } #navlist li a { padding: 0.5em; margin-left: 3px; background:url(/images/background_tabs.gif) top repeat-x; text-decoration: none; } #navlist li a:link { color: #fff; } #navlist li a:visited { color: #fff; } #navlist li a:hover { color: #fff; background: #cc9999; } #navlist li a#current { color: #000; background: #fff; border-left: 1px solid #8f4953; border-top: 1px solid #8f4953; border-right: 1px solid #8f4953; padding-top: 4px; } /*HHHHHHHHHHHHHHHH[ TICKER ]HHHHHHHHHHHHHHHH*/ #ticker { width: 932px; height: 32px; margin: auto; background: url(../images/ticker.gif) top left no-repeat; } /*HHHHHHHHHHHHHHHH[ LEFT SIDEBAR ]HHHHHHHHHHHHHHHH*/ #orderForms { background-color: #e2e2e2; padding-bottom: 10px; } #orderForms h1 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 12px; color: #fff; border-bottom: 1px solid #ccc; padding: 2px 0px 2px 6px; text-transform:uppercase; margin: 0px 0px 10px 0px; background-color: #666; } #orderForms h2 { padding: 0 10px 0 10px; } #orderForms p { padding: 0 12px 0 12px; font-style: italic; color: #666666; margin-bottom: 10px; } #orderForms a:hover { background-color:#ccc; } #orderForms ul { list-style: none; margin: 10px 10px 10px 15px; } #orderForms li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } #orderForms ul li ul { margin: 0px; } #manual_awards { background-color: #e2e2e2; padding-bottom: 10px; } #manual_awards h1 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 12px; color: #fff; border-bottom: 1px solid #ccc; padding: 2px 0px 2px 6px; text-transform:uppercase; margin: 0px 0px 10px 0px; background-color: #666; } #manual_awards h2 { padding: 0 10px 0 10px; } #manual_awards p { padding: 0 12px 0 12px; font-style: italic; color: #666666; margin-bottom: 10px; } #manual_awards a:hover { background-color:#ccc; } #manual_awards ul { list-style: none; margin: 10px 10px 10px 15px; } #manual_awards li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } #manual_awards ul li ul { margin: 0px; } #itemBanks { background-color: #e2e2e2; padding-bottom: 10px; } #itemBanks h1 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 12px; color: #fff; border-bottom: 1px solid #ccc; padding: 2px 0px 2px 6px; text-transform:uppercase; margin: 0px 0px 10px 0px; background-color: #666; } #itemBanks h2 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 12px;; padding: 0 10px 0 10px; } #itemBanks p { padding: 0 12px 0 12px; font-style: italic; color: #666666; margin-bottom: 10px; } #itemBanks a:hover { background-color:#ccc; } #itemBanks ul { list-style: none; margin: 10px 10px 10px 15px; } #itemBanks li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } #itemBanks ul li ul { margin: 0px; } /*HHHHHHHHHHHHHHHH[ LEFT SIDEBAR ]HHHHHHHHHHHHHHHH*/ .column_left { width: 160px; margin-right: 20px; float: left; } #tertiaryNavigation { margin-top: 35px; width: 160px; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; } #tertiaryNavigation ul { margin-left: 0; padding-left: 0; font-family: Arial, Helvetica, sans-serif; } #tertiaryNavigation li { list-style: none; } #tertiaryNavigation a { display: block; padding: 3px; width: 154px; border-top: 1px solid #c7c7c7; } #tertiaryNavigation a:link { color: #892637; text-decoration: none; } #tertiaryNavigation a:hover { background-color: #e2e2e2; } #tertiaryNavigation li a#current { background: #892637; color:#fff; } #tertiaryNavigation ul ul { padding-left: 20; } /*HHHHHHHHHHHHHHHH[ BREADCRUMBS ]HHHHHHHHHHHHHHHH*/ #breadcrumbs { font-size: 0.8em; border-bottom: 1px solid #e2e2e2; margin: 10px 25px 0px 25px; padding: 0;} /*HHHHHHHHHHHHHHHH[ RIGHT SIDEBAR ]HHHHHHHHHHHHHHHH*/ #sidebar { float: right; width: 180px; margin-top: 20px; padding-right: 25px; padding-left: 10px; border-left: 1px solid #e2e2e2; } #sidebar h1 { font-size: 1em; color: #000; padding-left: 4px; } /* Downloads */ #downloads { width: 160px; background: #e2e2e2; padding: 10px; } #downloads h1 { font-size: 1em; color: #000; background: #fff; padding-left: 4px; } #downloads ul { margin-left: 0; padding-left: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; } #downloads li { padding-left: 20px; padding-bottom: 4px; background-image: url(../images/pdf_file_icon.gif); background-repeat: no-repeat; background-position: 0 .1em; } #downloads a { line-height: 1em; } #downloads a:link { color: #892637; text-decoration: none; } #downloads a:hover { text-decoration: underline; } /* Videos */ #videos { width: 160px; background: #e2e2e2; padding: 10px; } #videos h1 { font-size: 1em; color: #000; background: #fff; padding-left: 4px; } #videos ul { margin-left: 0; padding-left: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; } #videos li { padding-bottom: 4px; } #videos li.flash { padding-left: 20px; background-image: url(../images/flash_file_icon.png); background-repeat: no-repeat; background-position: 0 0; } #videos li.wmv { padding-left: 20px; background-image: url(../images/wmv_file_icon.png); background-repeat: no-repeat; background-position: 0 0; } #videos li.youtube { padding-left: 20px; background-image: url(../images/youtube_file_icon.png); background-repeat: no-repeat; background-position: 0 0; } #videos a { line-height: 1em; } #videos a:link { color: #892637; text-decoration: none; } #videos a:hover { text-decoration: underline; } #videos a.wmv { padding-left: 20px; background-image: url(../images/wmv_file_icon.png); background-repeat: no-repeat; background-position: 0 0; } #videos a.flash { padding-left: 20px; background-image: url(../images/flash_file_icon.png); background-repeat: no-repeat; background-position: 0 0; } /* Generic Links */ #generic { width: 160px; background: #e2e2e2; padding: 10px; margin-bottom: 10px; } #generic h1 { font-size: 1em; color: #000; background: #fff; padding-left: 4px; } #generic ul { margin-left: 0; padding-left: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; } #generic li { padding-left: 20px; padding-bottom: 4px; background-image: url(../images/component_icon.gif); background-repeat: no-repeat; background-position: 0 .1em; } #generic a { line-height: 1em; } #generic a:link { color: #892637; text-decoration: none; } #generic a:hover { text-decoration: underline; } a.achievementSeries { background: url(../images/icon_as.png) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: inline; } a.emailIcon { background: url(../images/email_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; } a.buyIcon { background: url(../images/buyicon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; } a.pdfDownload { background: url(../images/pdf_file_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; } a.pdfDownload_body { background: url(../images/pdf_file_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 14px; display: block; } a.firefox_body { background: url(../images/firefox_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 14px; display: block; } a.powerpoint_body { background: url(../images/powerpoint_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 14px; display: block; } a.qtDownload_body { background: url(../images/quicktime_icon.png) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 14px; display: block; } a.word_body { background: url(../images/word_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 14px; display: block; } a.excel_body { background: url(../images/excel_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 14px; display: block; } a.phoneIcon { background: url(/images/phone_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; font-size: 10px; font-weight:bold; } a.qtDownload { background: url(../images/quicktime_icon.png) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; } a.wmvDownload { background: url(../images/wmv_file_icon.png) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; } a.supportIcon { background: url(../images/support_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; } a.upgradeIcon { background: url(../images/upgrade_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; } a.downloadIcon { background: url(../images/download_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: block; } a.downloadIconInline { background: url(../images/download_icon.gif) top left no-repeat; padding: 3px 10px 7px 20px; line-height: 10px; display: inline; } a.expandContract { background: url(../images/expandContract_icon.gif) top left no-repeat; padding: 3px 10px 7px 30px; line-height: 10px; display: inline; } a.expandContract_faqs { background: url(../images/expandContract_icon.gif) top left no-repeat; padding: 3px 10px 7px 30px; line-height: 10px; display: block; } a.expandContract_testimonial { border-top: 1px solid #ccc; text-align: center; color: #666666; background: url(../images/expandContract_icon.gif) no-repeat 1px 7px; padding: 10px 10px 7px 30px; line-height: 10px; display: block; } a.expandContract_inline { background: url(../images/expandContract_icon.gif) top left no-repeat; padding: 1px 10px 7px 30px; display: inline; } a.pdfDownload:hover, a.qtDownload:hover, a.wmvDownload:hover, a.supportIcon:hover, a.upgradeIcon:hover, a.downloadIcon:hover, a.buyIcon:hover { color: #fff; background-color:#68202d; } a.qtDownload_body:hover, a.pdfDownload_body:hover, a.newsLine:hover, a.firefox_body:hover, a.powerpoint_body:hover, a.word_body:hover, a.excel_body:hover { background-color:#cccccc; } .subtext { font-size: 10px; line-height: 12px; color: #cc9999; } .title { line-height: 14px; } a.arrow:link{background: url(../images/arrow.gif) no-repeat;background-position: left;padding-left: 14px; } a.arrow:visited{background: url(../images/arrow.gif) no-repeat;background-position: left;padding-left: 14px; } a.arrow:hover{background: url(../images/arrow.gif) no-repeat;background-position: left;padding-left: 14px; text-decoration: underline; } a.arrow:active{background: url(../images/arrow.gif) no-repeat;background-position: left;padding-left: 14px; } /* Get Adobe */ #get_adobe { margin-top: 20px; width: 184px; } #get_adobe p { padding-bottom: 10px; } #get_adobe h1 { display: none; } .adobeLink { border: 0px; } /*HHHHHHHHHHHHHHHH[ GENERAL BODY CONTENT LAYOUT ]HHHHHHHHHHHHHHHH*/ /* Flash */ #flash_homepage { width: 698px; height: 186px; margin: 20px 17px 20px 20px; background: url(../images/flash_home.jpg) top left no-repeat; } /* Headers */ #header_achievementSeries { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_achievementSeries.jpg) top left no-repeat; position:relative; } #header_associations { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_associations.jpg) top left no-repeat; position:relative; } #header_careers { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_careers.jpg) top left no-repeat; position:relative; } #header_channelPartners { width: 698px; height: 186px; margin: 20px 13px 0px 25px; background: url(../images/header_channelPartners.jpg) top left no-repeat; } #header_classClimate { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_classClimate.jpg) top left no-repeat; position:relative; } #header_classroomTesting { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_classroomTesting.jpg) top left no-repeat; position:relative; } #header_cognition { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_cognition.jpg) top left no-repeat; position:relative; } #header_commercial { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_commercialSolutions.jpg) top left no-repeat; position:relative; } #header_company { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_company.jpg) top left no-repeat; position:relative; } #header_dataCollection { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_dataCollection.jpg) top left no-repeat; position:relative; } #header_designexpert { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_designexpert.jpg) top left no-repeat; position:relative; } #header_districtWideAssessment { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_districtWideAssessment.jpg) top left no-repeat; position:relative; } #header_docuscan { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_docuscan.jpg) top left no-repeat; position:relative; } #header_elisten { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_eListen.jpg) top left no-repeat; position:relative; } #header_engage { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_engage.jpg) top left no-repeat; position:relative; } #header_events { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_events.jpg) top left no-repeat; position:relative; } #header_formativeAssessment { width: 698px; height: 186px; margin: 20px 13px 0px 25px; background: url(../images/header_formativeAssessment.jpg) top left no-repeat; } #header_forms { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_forms.jpg) top left no-repeat; position:relative; } #header_fundingcenter { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(/images/header_fundingcenter.jpg) top left no-repeat; position:relative; } #header_government { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_government.jpg) top left no-repeat; position:relative; } #header_healthcare { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_healthcare.jpg) top left no-repeat; position:relative; } #header_higherEducation{ width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_higherEdSolutions.jpg) top left no-repeat; position:relative; } #header_homepage{ width: 698px; height: 196px; margin: 20px 13px 0px 25px; } #header_k12solutions { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_k12Solutions.jpg) top left no-repeat; position:relative; } #header_legal { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_legal.jpg) top left no-repeat; position:relative; } #header_mdt { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_mdt.jpg) top left no-repeat; position:relative; } #header_mrc { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_mrc.jpg) top left no-repeat; position:relative; } #header_outsourcing { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_outsourcing.jpg) top left no-repeat; position:relative; } #header_parSystem { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_parSystem.jpg) top left no-repeat; position:relative; } #header_paros { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_paros.jpg) top left no-repeat; position:relative; } #header_partners { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_partners.jpg) top left no-repeat; position:relative; } #header_performanceSeries { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_performanceSeries.jpg) top left no-repeat; position:relative; } #header_press { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_press.jpg) top left no-repeat; position:relative; } #header_printingServices { width: 698px; height: 186px; margin: 20px 13px 0px 25px; background: url(../images/header_printingServices.jpg) top left no-repeat; } #header_products { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_products.jpg) top left no-repeat; position:relative; } #header_productUpdates { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_productUpdates.jpg) top left no-repeat; position:relative; } #header_prosper { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_prosper.jpg) top left no-repeat; position:relative; } #header_prosperClassroom { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_prosperClassroom.jpg) top left no-repeat; position:relative; } #header_remark { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_remark.jpg) top left no-repeat; position:relative; } #header_safetyobservation { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_safetyobservation.jpg) top left no-repeat; position:relative; } #header_scanners { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_scanners.jpg) top left no-repeat; position:relative; } #header_services { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_services.jpg) top left no-repeat; position:relative; } #header_solutions { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_solutions.jpg) top left no-repeat; position:relative; } #header_support { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_support.jpg) top left no-repeat; position:relative; } #header_surveyServices{ width: 698px; height: 186px; margin: 20px 13px 0px 25px; background: url(../images/header_surveyServices.jpg) top left no-repeat; } #header_surveySolutions{ width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_surveySolutions.jpg) top left no-repeat; position:relative; } #header_surveyTracker{ width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_surveyTracker.jpg) top left no-repeat; position:relative; } #header_stakeholdersurveys{ width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_stakeholdersurveys.jpg) top left no-repeat; position:relative; } #header_training{ width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_training.jpg) top left no-repeat; position:relative; } #header_utility { width: 885px; height: 120px; margin: 0px 25px 0px 25px; background: url(../images/header_utility.jpg) top left no-repeat; position:relative; } /* Columns */ .column_1 { width: 325px; margin-right: 10px; float: left; } .column_2 { width: 325px; float: left; } .column_1 p, .column_2 p { padding-bottom: 10px; } /* Columns (4 wide) Homepage */ .column1 { width: 165px; height: auto; float: left; border-right: solid 1px #e2e2e2; } .column1 p, .column1 h1 { padding: 0px 10px 0px 5px; } .column1 img { padding-bottom: 8px; } .column2 { width: 180px; height: auto; float: left; border-right: solid 1px #e2e2e2;} .column2 p, .column2 h1 { padding: 0px 10px 0px 10px; } .column2 img { padding: 0px 0px 8px 10px; } .column3 { width: 180px; height: auto; float: left; border-right: solid 1px #e2e2e2;} .column3 p, .column3 h1 { padding: 0px 10px 0px 10px; } .column3 img { padding: 0px 0px 8px 10px; } .column4 { width: 165px; height: auto; float: left; } .column4 p, .column4 h1 { padding: 0px 5px 0px 10px; } .column4 img { padding: 0px 0px 8px 5px; } /* NEW COLUMNS & ROWS*/ .overview { width: 460px; float: left; } .column_middle { width: 490px; float: left; } .column_single { width: 680px; } .column_middle h1, .column_single h1 { margin-bottom: 12px; font-size: 18px; } .column_middle h2, .column_single h2 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 12px; color: #990000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url(../images/header_bg.gif) repeat-x top left; padding: 2px 0px 2px 6px; text-transform:uppercase; margin: 20px 0px 10px 0px; } .column_middle h3, .column_single h3 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 14px; } .column_left p, .column_middle p, .column_single p { padding-bottom: 10px; } /* list items to check */ .column_single ul, .column_middle ul { list-style: none; margin: 10px 10px 10px 15px; } .column_single li, .column_middle li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } .column_single ul li ul, .column_middle ul li ul { margin: 0px; } /* Footnote */ .footnote { color: #892637; font-style: italic; font-size: 11px; padding-left: 10px; } /* Grey Box */ .greyBox { background-color: #e2e2e2; padding: 10px; } .greyBox ul { list-style: none; margin: 10px 10px 10px 15px; color: 333333; } .greyBox li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } .greyBox ul li ul { margin: 0px; } /* Grey Side */ .greyBoxSide { background-color: #e2e2e2; padding: 10px; margin-left:10px; margin-bottom: 10px; float:right; width: 210px; } .greyBoxSide ul { list-style: none; margin: 10px 10px 10px 15px; color: 333333; } .greyBoxSide li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } .greyBoxSide ul li ul { margin: 0px; } /* Overview */ #overview { border-style: double; border-color: #ccc; } /* Quote */ blockquote { text-align: center; margin: 0px; padding: 0px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; font-size: 200%; letter-spacing: -1px; line-height: 1em; color: #892637; background: url(/images/quotes_top.gif) no-repeat top left; } #quote { margin: 0 10px 0 0; padding: 10px 20px 10px 20px; background: url(/images/quotes_bottom.gif) no-repeat right bottom; } #source { color: #892637; font-size: 50%; line-height: 100%; } /* Rows */ /*.row { width: 698px; margin: 0px 13px 20px 25px; height: auto; min-height: 100px; float: left; }*/ .row1 { width: 680px; margin: 20px 0px 20px 25px; height: auto; clear: left; } .row2 { width: 680px; margin: 0px 0px 20px 25px; height: auto; clear: left; } .row_gradient { width: 680px; margin: 20px 0px 0px 25px; background:url(/images/background_gradient.gif) repeat-x left bottom; } .row1, .row2 p, .row_gradient, .row_gradient p { padding-bottom: 10px; } .row_gradient ul { list-style: none; margin: 10px 10px 10px 15px; } .row_gradient li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } .row_gradient ul li ul { margin: 0px; } .row { width: 698px; margin: 0px 13px 20px 25px; height: auto; min-height: 100px; clear: left; } .row_secondaryTabs { width: 658px; margin: 0px 13px 20px 25px; height: auto; min-height: 100px; clear: left; } .row p { padding-bottom: 10px; } .row_bodyContent { height:auto; float:left; } /* Screenshots */ #screenshots { margin: 10px 0px 20px 0px; } /*HHHHHHHHHHHHHHHH[ HIGHLIGHT MODULES ]HHHHHHHHHHHHHHHH*/ /* Highlight Formatting */ .highlight { margin-bottom: 20px; width: auto; height: auto; min-height: 60px; } .highlight p { padding-bottom: 10px; margin: 0px 0px 0px 85px; } .highlight h1, .highlight h2, .highlight h3, .highlight ul { margin: 0px 0px 0px 85px; } .highlight_image { float: left; border:none; } /* Screenshot Highlight Formatting */ .sshighlight { margin: 10px 0px 10px 0px; width: auto; height: auto; min-height: 100px; } .sshighlight p { padding-bottom: 10px; margin: 0px 0px 0px 170px; } .sshighlight h1, .sshighlight h2, .sshighlight ul { margin: 0px 0px 0px 170px; } .sshighlight_image { float: left; border:none; } /* News */ #news { margin: 0px 0px 20px 0px; padding-bottom: 12px; border-bottom: solid 1px #cccccc; } #news p { padding: 5px; } .newsRoomDate { float: left; } .pressRelease { margin-left: 100px; width: 220px; display: block; } .pressRelease_1column { margin-left: 100px; width: 500px; display: block; } /*HHHHHHHHHHHHHHHH[ FORMS ]HHHHHHHHHHHHHHHH*/ /* general contact form */ #generalContactForm label { width: 460px; display: block; } #generalContactForm textarea { width: 460px; height: 100px; } /* partner form */ #partnerForm label { width: 460px; display: block; } #partnerForm textarea { width: 460px; height: 100px; } /* registration form */ #registrationForm #registrationForm /* support form */ #supportForm label { width: 460px; display: block; } #supportForm textarea { width: 460px; height: 100px; } /* suggestion form */ #suggestionForm textarea { width: 460px; height: 100px; } #suggestionForm label { width: 460px; display: block; } /* #channelPartnerForm label */ #channelPartnerForm textarea { width: 300px; height: 100px; } #firstNameTextBox label { width: 300px; } #internationalProgramCheckBox label, #domesticProgramCheckBox label { width: 30px; } #firstNameTextBox, #lastNameTextBox, #titleTextBox, #companyTextBox, #emailTextBox, #phoneTextBox, #faxTextBox, #streetAddressTextBox, #cityTextBox, #provinceTextBox, #postalCodeTextBox, #otherHearTextBox { width: 300px; } #clientNumberTextBox, #productNameTextBox, #productVersionTextBox, #platformTypeTextBox, #representativeNameTextBox, #companyDescriptionTextBox, #targetMarketsTextBox, #totalSalesConsultantsTextBox, #totalCustomersTextBox, #totalEmployeesTextBox, #dateEstablishedTextBox, #companySizeTextBox { width: 300px; } #inquiryTextBox, #serverTextBox, #browserTextBox, #productsOfferedTextBox, #presidentContactTextBox, #marketingContactTextBox, #programmerContactTextBox, #scannerTextBox, #serialNumberTextBox { width: 300px; } .formHeader { color: #fff; background-color: #892637; font-size: 12px; padding: 2px; margin: 0px 0px 10px 0px; } .requiredField { color:#CC0000; font-style:italic; } #submitButton { width: 150px; margin: 20px 0px 0px 0px; } #contactTelephoneRadioButton, #contactEmailRadioButton, #contactMailRadioButton { width: 20px; } .channelLabel_1 { width: 160px; display: block; float: left; text-align: left; margin-right: 10px; } .requiredChannelLabel_1 { width: 160px; color:#CC0000; font-style:italic; display: block; float: left; text-align: left; margin-right: 10px; } .channelLabel { width: 250px; display: block; float: left; text-align: right; margin-right: 10px; } .requiredChannelLabel { width: 250px; color:#CC0000; font-style:italic; display: block; float: left; text-align: right; margin-right: 10px; } /*HHHHHHHHHHHHHHHH[ SCANNER CHARTS ]HHHHHHHHHHHHHHHH*/ .scannerChart { font-size: 11px; } .scannerChart h1 { font-size: 12px; font-weight: bold; color: #ffffff; margin: 2px 2px 2px 10px; } .scannerChart a { text-decoration: none; } /*HHHHHHHHHHHHHHHH[ SCANTRON STORE LANDING PAGE ]HHHHHHHHHHHHHHHH*/ #store_content { margin: 10px 25px 0px 25px; padding: 0; background-image:url(/images/store_content_BG.jpg); background-repeat:no-repeat;} #header_store { width: 885px; height: 180px; margin: 0px 25px 0px 25px; background: url(../images/header_store.jpg) top left no-repeat; position:relative; } #column_1_store { width: 410px; height:450px; margin-top:20px; margin-left:20px; float: left; background-image:url(/images/store_formsbuttonBG.png); } #column_1_store ul { list-style: none; margin: 5px 5px 5px 5px; color: 333333; } #column_1_store li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } #column_2_store { width: 410px; height:450px; margin-top:20px; margin-right:20px; float: right; background-image:url(/images/store_storebuttonBG.png); } #column_2_store ul { list-style: none; margin: 5px 5px 5px 5px; color: 333333; } #column_2_store li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } /*HHHHHHHHHHHHHHHH[ FOOTER ]HHHHHHHHHHHHHHHH*/ #footer { clear: both; width: 936px; height: 92px; margin: 0px; padding-top: 10px; font-size: .8em; background: url(../images/background_footer.gif) bottom left no-repeat; } #footer p { padding: 43px 20px 0px 20px; color: #ffffff; } #footer strong { margin-left: 12px; } #footer a { margin-left: 12px; text-decoration: none; color: #ffffff; } #footer a:hover { color: #cc9999; } /*HHHHHHHHHHHHHHHH[ SCANTRON SCORE ]HHHHHHHHHHHHHHHH*/ /*HHHHHHH[ WRAPPER STYLES ]HHHHHHHHHH*/ .wrapper {width: 885px; margin: auto; margin-bottom: 20px; } .wrapper p { margin-bottom: 20px; } .wrapper h1 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 14px; color:#800;} .wrapper h2 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 12px; color:#444; background: url(/images/scantronscore/header_bg.gif) repeat-x top left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 0px 2px 6px; text-transform:uppercase; margin: 20px 0px 0px 0px; } .wrapper h3 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 18px; color:#800;} .wrapper h4 { font-family: Arial Narrow, Arial; font-weight: bold; font-size: 14px; margin-bottom: 10px;} .wrapper ul { list-style: none; margin: 10px 10px 10px 15px; } .wrapper li { background: url(/images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; font-style:italic; } /*HHHHHHH[ BODY STYLES ]HHHHHHHHHH*/ #content_scantronscore {width: 885px; min-height:480px; margin: auto; background:url(/images/scantronscore/content_bg_homepage.jpg) no-repeat #fff; } #text_tutorials p {margin-bottom:5px;} #content_tutorials {width: 885px; margin: auto; background-color: #ebebeb; background:url(/images/scantronscore/text_tutorials.jpg) no-repeat; } #content_loanprogram_bg {width: 885px; margin: auto; background-image:url(/images/scantronscore/content_bg.jpg); background-repeat: no-repeat;} #text_tutorials { width:200px; min-height:480; margin: 15px 0px 0px 20px; float:left; } .homepage_image { border: solid 1px #ccc; margin-bottom: 10px; } .video_tutorials { width:191px; min-height:460px; padding:15px 15px 0px 15px; float:left; } .video_tutorials:hover { background-color:#e2e2e2; } .video_tutorials_rollover { color:#000; } .youtube_video {margin-left:315px; margin-top:20px;} /*HHHHHHH[ TUTORIAL STYLES ]HHHHHHHHHH*/ #tutorials { width:300px; float:left;} .tutorialNav { width:300px; height:66px; border-bottom:solid 1px #AAA; } .tutorialNav:hover { color: #fff; text-decoration: none; background-color:#000; display:block; } .tutorialNavRollover { color: #000; text-decoration: none; background-color:#DDD; display:block; } .tutorialNavRollover:hover { color: #fff; text-decoration: none; background-color:#000; display:block; } .tutorialNavRollover h1:hover { font-family: Arial Narrow, Arial; color:#fff; font-weight: bold; font-size: 14px; padding-top:15px; margin-bottom:0px; display:block; }