/* Screen Media Styles - for display on a monitor */ @media screen { body{margin-top: 0px; font-family: Arial, Helvetica, sans-serif; text-align: center; background-color: #cccccc; color: #000000; background-image: url('/images/graphics/bg_page.gif');} /* A wrapping layer for a border, if desired */ #border_layer{border: solid 1px #1e2c75; width: 780px; background-image: url('/images/navigation/bg_border.gif'); margin-left: auto; margin-right: auto; text-align: left; background-color:#ffffff;} /* Main Navigation and the Search box */ #main_navigation{width: 780px; z-index: 99;} #searchform{margin-bottom: 0px; margin-top: 0px; display: inline;} #searchbox{width: 95px; height: 15px; font-size: 12px; margin: 2px 5px 0px 75px; vertical-align: middle;} #searchbutton{margin-top: 2px; vertical-align: middle;} /* Secondary (side) Navigation */ #secondary_navigation{width: 222px; z-index: 98; float: left; background-image:url('/images/navigation/shadow_bar_01.gif'); background-repeat: no-repeat;} #logo{margin-top: 10px;} #secondary_navigation h3 a{color: #1e2c75; text-decoration: none;} #secondary_navigation h3 a:hover{color: #1e2c75; text-decoration: none;} #secondary_navigation h3 a:visited{color: #1e2c75; text-decoration: none;} #secondary_navigation h3 a:visited:hover{color: #1e2c75; text-decoration: none;} #secondary_navigation_links{background-color: #9aa2cd; background-image:url('/images/navigation/shadow_bar_03.gif'); background-repeat: no-repeat; padding: 10px; border-bottom: solid 1px #1e2c75;} #secondary_navigation_links h3{font-size: 14px; color: #1e2c75; margin: 0px;} #secondary_navigation_links ul{font-size: 12px; color: #ffffff; margin-top: 0px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding-left: 20px;} #secondary_navigation_links ul li{margin: 0px; padding: 0px; list-style-image:url('/images/navigation/2nd_nav_arrow_02.gif');} #secondary_navigation_links ul li.active{list-style-image:url('/images/navigation/2nd_nav_arrow_01.gif');} #secondary_navigation_links ul li.nobullet{list-style-type: none; list-style-image: none; display: inline;} #secondary_navigation_links ul li a{color: #ffffff; text-decoration: none;} #secondary_navigation_links ul li a:hover{color: #1e2c75; text-decoration: none;} #secondary_navigation_links ul li a:visited{color: #ffffff; text-decoration: none;} #secondary_navigation_links ul li a:visited:hover{color: #1e2c75; text-decoration: none;} #secondary_navigation_links ul li a.activelink{color: #1e2c75; text-decoration: none;} #secondary_navigation_links ul li a.activelink:hover{color: #1e2c75; text-decoration: none;} #secondary_navigation_links ul li a.activelink:visited{color: #1e2c75; text-decoration: none;} #secondary_navigation_links ul li a.activelink:visited:hover{color: #1e2c75; text-decoration: none;} #user_info{padding: 15px 20px 15px 20px; font-size: 12px; color: #1e2c75;} /* Callouts */ #callout_01{background-color: #e5e9ff; background-image:url('/images/navigation/callout_01.gif'); background-repeat: no-repeat; padding-left: 45px; padding-right: 10px; padding-top: 8px; padding-bottom: 5px; border-bottom: 1px solid #ffffff;} #callout_02{background-color: #c6cbe6; background-image:url('/images/navigation/callout_02.gif'); background-repeat: no-repeat; padding-left: 45px; padding-right: 10px; padding-top: 8px; padding-bottom: 5px; border-bottom: 1px solid #ffffff;} #callout_03{background-color: #9aa2cd; background-image:url('/images/navigation/callout_03.gif'); background-repeat: no-repeat; padding-left: 45px; padding-right: 10px; padding-top: 8px; padding-bottom: 5px;} .callout_title{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1e2c75; font-weight: bold;} .callout_text{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} .callout_link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1e2c75; text-align: right;} a.callout_link_color{color: #1e2c75; text-decoration: underline;} a.callout_link_color:hover{color: #1e2c75; text-decoration: none;} a.callout_link_color:visited{color: #1e2c75; text-decoration: underline;} a.callout_link_color:visited:hover{color: #1e2c75; text-decoration: none;} /* Partners rotating banner */ #logos{padding: 0px 11px 15px 11px;} #logos h3{font-size: 12px; text-align: center;} #logos div{margin: 15px auto 0px auto; text-align: center;} /* Main content area*/ #content{width: 556px; margin-left: 1px; z-index: 97; float: left; background-image:url('/images/navigation/shadow_bar_02.gif'); background-repeat: no-repeat; background-color: #ffffff; text-align: left;} #content ul{margin-top: 0px; margin-bottom: 15px; list-style-position: outside; margin-left: 0px; padding-left: 30px;} #content ul li{margin-bottom: 8px; padding: 0px; list-style-image:url('/images/navigation/2nd_nav_arrow_03.gif');} #content ul li ul li{list-style-image:none; list-style-type:disc; margin-top: 8px;} #content ol{margin-top: 10px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding-left: 37px; padding-right: 10px;} #content ol li{margin-bottom: 10px; padding: 0px;} #content ol a{color: #1f3775; text-decoration: underline;} #content ol a:hover{color: #1f3775; text-decoration: none;} #content ol a:visited{color: #1f3775; text-decoration: underline;} #content ol a:visited:hover{color: #1f3775; text-decoration: none;} #content a{color: #1e2c75; text-decoration: underline;} #content a:hover{color: #1e2c75; text-decoration: none;} #content a:visited{color: #1e2c75; text-decoration: underline;} #content a:visited:hover{color: #1e2c75; text-decoration: none;} #title{margin-top: 10px; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #1e2c75;} #splash_image{border: 1px solid #1e2c75; width: 515px; margin: 10px 0px 25px 20px;} #information{margin-top: 15px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; font-size:12px;} #information h2{margin-bottom: 5px;} #information p{margin-top: 0px;} #information2{clear: both; margin-top: 15px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; font-size:12px;} #information2 h2{margin-bottom: 5px;} #information2 p{margin-top: 0px;} #information table{margin: 15px 0px 15px 0px;} /* Learn more links that sometimes appear below the main content of a page */ #learn_more{clear: both; margin: 0px 30px 20px 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; border-top: 1px solid #c6cbe6; border-bottom: 1px solid #c6cbe6;} #learn_more h3{margin-top: 5px; margin-bottom: 10px;} #learn_more a.learn_more_link{color: #1e2c75; text-decoration: underline;} #learn_more a.learn_more_link:hover{color: #1e2c75; text-decoration: none;} #learn_more a.learn_more_link:visited{color: #1e2c75; text-decoration: underline;} #learn_more a.learn_more_link:visited:hover{color: #1e2c75; text-decoration: none;} /* FAQs */ #faq_search fieldset input.radio{margin-right: 5px; display: inline;} #faq_search fieldset label{display: block; margin-left: 10px;} #faq_search fieldset label.selection{float: left;} #faq_search fieldset label.heading{clear: both; display: block; margin: 15px 0px 0px 0px; font-weight: bold;} #faq_search fieldset{border: 1px solid #000000; padding: 10px 15px 15px 15px; margin: 15px 0px 15px 0px;} #faq_search fieldset legend{font-weight: bold; margin-left: 5px; font-size: 14px; color: #751e2d;} #faq_search fieldset input.submit{margin-left: 15px; display: inline;} #faq_search fieldset span{display: block; float: left; font-style: italic; margin: 3px 0px 0px 12px;} #faq_search fieldset div{ clear: both;} span.page_nav{margin: 0px 15px 0px 15px;} h2.heading{display: block; border-bottom: 1px solid #000000;} #question {margin: 15px 0px 30px 0px;} #answer {margin: 0px 0px 15px 0px;} #faq_id{font-size: 10px; margin: 15px 0px 5px 0px;} #last_modified{font-size: 10px; margin: 0px 0px 30px 0px;} #question_answered{margin: 0px 0px 30px 0px;} #ask_a_question{margin: 30px 0px 0px 0px;} #ask_a_question label{display: block; margin: 15px 0px 0px 0px;} #ask_a_question input.checkbox{margin: 0px 5px 0px 0px;} #ask_a_question input.submit{margin: 15px 0px 0px 0px;} h3.response{margin-bottom: 15px;} .faq_answer td, .faq_answer th{vertical-align: top; padding: 5px;} /* Specifications */ #compatibility h2{border-bottom: 1px solid #1f3775; margin-top: 30px;} #system_requirements h2{border-bottom: 1px solid #1f3775; margin-top: 30px;} #information table.spec_table{margin: 15px 0px 15px 15px; padding: 0px; width: 480px; border-collapse: collapse;} #information table.spec_table td{padding: 3px; border-bottom: 1px solid #333333; border-right: 1px solid #333333;} #information table.spec_table th{border-bottom: 1px solid #333333; border-right: 1px solid #333333;} /* Footer */ #tertiary_navigation{width: 780px; z-index: 96; clear: both; background-color: #d1d5d8; border-top: solid 1px #1e2c75; padding-top: 5px; padding-bottom: 5px;} #copyright{font-size: 10px; margin-left: 50px;} #legal_links{font-size: 10px; float: right; margin-right: 20px;} #legal_links a{color: #1e2c75;} #legal_links a:hover{color: #1e2c75; text-decoration: none;} #legal_links a:visited{color: #1e2c75;} /* Generic styles */ h1{color: #1e2c75; font-size:18px; margin: 0px;} h2{color: #1e2c75; font-size:14px; margin: 15px 0px 0px 0px;} h3{color: #1e2c75; font-size:12px; margin: 0px;} h4{font-size:12px; margin: 0px;} h5{font-size: 12px; margin: 0px; display: inline;} fieldset{border: 0px; margin: 0px; padding: 0px;} img{border: 0px;} h1 + h2{margin-top: 15px;} h2 + h3{margin-top: 15px;} p + h3{margin-top: 15px;} hr{border: 0px; height: 1px; background-color: #cccccc; color: #cccccc; text-align: center; margin: 15px auto 15px auto;} /* Styles for the survey forms generated by the admin tool */ #surveyform fieldset{border: 1px solid #cccccc; margin-bottom: 15px;} .fieldset_wrapper{background-color: #e5e9ff; padding: 10px; border-top: 1px solid #cccccc;} #surveyform legend{font-size: 14px; color: #000000; font-weight: bold; margin: 0px 0px 0px 15px;} div.survey_question {clear: both; width: 490px; margin-bottom: 5px;} div.survey_question label{display: block; float: left; text-align: right; width: 150px; margin: 0px 15px 5px 0px;} div.input{display: block; float: left; width: 300px;} .required{color: #1e2c75; font-weight: bold;} label.section_title{font-size: 14px; font-weight: bold; padding: 15px 0px 5px 0px; text-decoration: underline;} div.survey_question input.input_text{width: 300px; margin-bottom: 5px; display: inline;} div.survey_question input.input_radio{margin-bottom: 5px; display: inline;} div.survey_question input.input_checkbox{margin-bottom: 5px; display: inline;} div.survey_question input.input_password{margin-bottom: 5px; display: inline;} div.survey_question select{width: 305px; margin-bottom: 5px; display: inline;} div.survey_question textarea{margin-bottom: 5px; width: 300px;} #action_buttons {clear: both; margin: 15px auto 15px auto; text-align: center;} #submit_button {margin-right: 15px;} .hidden{display: none;} /* Login form */ #login_form input{display: inline;} #login_form div.margin{margin-bottom: 15px;} #login_form{margin-bottom: 15px;} #information #learn_more{margin-top: 30px;} /* Admin tools */ table.queries{border-collapse: collapse;} table.queries th{padding-right: 20px; vertical-align: top;} table.queries td{padding-right: 20px; vertical-align: top;} table.queries td.right{text-align: right; width: 120px; vertical-align: top; font-weight: bold;} /* Miscellaneous styles sprinkled throughout the site */ .customer_quote{font-weight: bold;} .customer_title{margin: 0px 0px 15px 15px;} table.description{border: 1px solid #000000; border-collapse: collapse;} table.description td{border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding: 5px 10px 5px 10px;} table.photo_gallery td{padding: 0px 15px 15px 0px; vertical-align: top;} .bullet_link{display: list-item; list-style-position: inside; padding: 0px 0px 0px 30px; margin: 0px;} #information table.testimonial_overview td{padding-right: 15px; vertical-align: top;} #information table.testimonial_overview td.item{width: 130px;} #information table.two_column td{padding-right: 15px;} span.doc_title{font-style: italic;} dt{font-weight: bold; margin-top: 15px;} div.clear{clear: both;} h2 span{font-size: 12px; font-weight: normal;} .image_left{float: left; margin: 0px 15px 15px 0px;} .image_right{float: right; margin: 0px 0px 0px 15px;} .nobullet{list-style-type: none; list-style-image: none; display: inline;} .note{font-size: 10px;} .note_italic{font-size: 10px; font-style: italic;} .headroom{padding-top: 30px;} } /* Print Media Styles - what it looks like when you print a page */ @media print { body{margin-top: 0px; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #000000;} #border_layer{border: none; text-align: left; background-color: #ffffff;} /* Hide the main and secondary navigation */ #main_navigation{display: none;} #secondary_navigation{display: none;} #content{width: auto;} #content ul{margin-top: 0px; margin-bottom: 15px; list-style-position: outside; margin-left: 0px; padding-left: 30px;} #content ul li{margin-bottom: 8px; padding: 0px; list-style-image:url('/images/navigation/2nd_nav_arrow_03.gif');} #content ul li ul li{list-style-image:none; list-style-type:disc; margin-top: 8px;} #content ol{margin-top: 10px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding-left: 37px; padding-right: 10px;} #content ol li{margin-bottom: 10px; padding: 0px;} #content ol a{color: #1f3775; text-decoration: underline;} #content ol a:hover{color: #1f3775; text-decoration: none;} #content ol a:visited{color: #1f3775; text-decoration: underline;} #content ol a:visited:hover{color: #1f3775; text-decoration: none;} #content a{color: #1e2c75; text-decoration: underline;} #content a:hover{color: #1e2c75; text-decoration: none;} #content a:visited{color: #1e2c75; text-decoration: underline;} #content a:visited:hover{color: #1e2c75; text-decoration: none;} #title{margin-top: 10px; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #1e2c75;} #splash_image{border: 1px solid #1e2c75; width: 515px; margin: 10px 0px 25px 20px;} #information{margin-top: 15px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; font-size:12px;} #information h2{margin-bottom: 5px;} #information p{margin-top: 0px;} #information2{clear: both; margin-top: 15px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; font-size:12px;} #information2 h2{margin-bottom: 5px;} #information2 p{margin-top: 0px;} #information table{margin: 15px 0px 15px 0px;} /* Learn more links that sometimes appear below the main content of a page */ #learn_more{clear: both; margin: 0px 30px 20px 30px; padding-left: 20px; padding-right: 20px; font-size: 12px; border-top: 1px solid #c6cbe6; border-bottom: 1px solid #c6cbe6;} #learn_more h3{margin-top: 5px; margin-bottom: 10px;} #learn_more a.learn_more_link{color: #1e2c75; text-decoration: underline;} #learn_more a.learn_more_link:hover{color: #1e2c75; text-decoration: none;} #learn_more a.learn_more_link:visited{color: #1e2c75; text-decoration: underline;} #learn_more a.learn_more_link:visited:hover{color: #1e2c75; text-decoration: none;} /* FAQs */ #faq_search fieldset input.radio{margin-right: 5px; display: inline;} #faq_search fieldset label{display: block; margin-left: 10px;} #faq_search fieldset label.selection{float: left;} #faq_search fieldset label.heading{clear: both; display: block; margin: 15px 0px 0px 0px; font-weight: bold;} #faq_search fieldset{border: 1px solid #000000; padding: 10px 15px 15px 15px; margin: 15px 0px 15px 0px;} #faq_search fieldset legend{font-weight: bold; margin-left: 5px; font-size: 14px; color: #751e2d;} #faq_search fieldset input.submit{margin-left: 15px; display: inline;} #faq_search fieldset span{display: block; float: left; font-style: italic; margin: 3px 0px 0px 12px;} #faq_search fieldset div{ clear: both;} span.page_nav{margin: 0px 15px 0px 15px;} h2.heading{display: block; border-bottom: 1px solid #000000;} #question {margin: 15px 0px 30px 0px;} #answer {margin: 0px 0px 15px 0px;} #faq_id{font-size: 10px; margin: 15px 0px 5px 0px;} #last_modified{font-size: 10px; margin: 0px 0px 30px 0px;} #question_answered{margin: 0px 0px 30px 0px;} #ask_a_question{margin: 30px 0px 0px 0px;} #ask_a_question label{display: block; margin: 15px 0px 0px 0px;} #ask_a_question input.checkbox{margin: 0px 5px 0px 0px;} #ask_a_question input.submit{margin: 15px 0px 0px 0px;} h3.response{margin-bottom: 15px;} /* Specifications */ #compatibility h2{border-bottom: 1px solid #1f3775; margin-top: 30px;} #system_requirements h2{border-bottom: 1px solid #1f3775; margin-top: 30px;} #information table.spec_table{margin: 15px 0px 15px 15px; padding: 0px; width: 480px; border-collapse: collapse;} #information table.spec_table td{padding: 3px; border-bottom: 1px solid #333333; border-right: 1px solid #333333;} #information table.spec_table th{border-bottom: 1px solid #333333; border-right: 1px solid #333333;} /* Footer */ #tertiary_navigation{width: auto; z-index: 96; background-color: #dadce5; border-top: solid 1px #1e2c75; padding-top: 5px; padding-bottom: 5px;} #copyright{font-size: 10px; text-align: center;} #legal_links{display: none;} /* Generic styles */ h1{color: #1e2c75; font-size:18px; margin: 0px;} h2{color: #1e2c75; font-size:14px; margin: 15px 0px 0px 0px;} h3{color: #1e2c75; font-size:12px; margin: 0px;} h4{font-size:12px; margin: 0px;} h5{font-size: 12px; margin: 0px; display: inline;} fieldset{border: 0px; margin: 0px; padding: 0px;} img{border: 0px;} .image_left{float: left; margin: 0px 15px 15px 0px;} .image_right{float: right; margin: 0px 0px 0px 15px;} .nobullet{list-style-type: none; list-style-image: none; display: inline;} .note{font-size: 10px;} .note_italic{font-size: 10px; font-style: italic;} .headroom{padding-top: 30px;} h1 + h2{margin-top: 15px;} h2 + h3{margin-top: 15px;} p + h3{margin-top: 15px;} /* Styles for the survey forms generated by the admin tool */ #form_wrapper fieldset{background-color: #cccccc;} .survey_legend{font-size: 14px; font-weight: bold;} div.survey_question{clear: both; width: 517px;} div.survey_question label{display: block; text-align: left; float: left; width: 250px; margin: 0px 15px 5px 0px;} .required{color: #CC0000; font-weight: bold;} label.section_title{font-size: 14px; font-weight: bold; padding: 15px 0px 5px 0px; text-decoration: underline;} div.survey_question input.input_text{width: 200px; margin-bottom: 5px; display: inline;} div.survey_question input.input_radio{margin-bottom: 5px; display: inline;} div.survey_question input.input_checkbox{margin-bottom: 5px; display: inline;} div.survey_question input.input_password{margin-bottom: 5px; display: inline;} div.survey_question select{margin-bottom: 5px; display: inline;} div.survey_question textarea{margin-bottom: 5px; width: 200px;} #action_buttons {clear: both; margin: 15px auto 15px auto; text-align: center;} #submit_button {margin-right: 15px;} /* Login form */ #login_form input{display: inline;} #login_form div.margin{margin-bottom: 15px;} #login_form{margin-bottom: 15px;} #information #learn_more{margin-top: 30px;} /* Admin tools */ table.queries{border-collapse: collapse;} table.queries th{padding-right: 20px; vertical-align: top;} table.queries td{padding-right: 20px; vertical-align: top;} table.queries td.right{text-align: right; width: 120px; vertical-align: top; font-weight: bold;} /* Miscellaneous styles sprinkled throughout the site */ .customer_quote{font-weight: bold;} .customer_title{margin: 0px 0px 15px 15px;} table.description{border: 1px solid #000000; border-collapse: collapse;} table.description td{border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding: 5px 10px 5px 10px;} table.photo_gallery td{padding: 0px 15px 15px 0px; vertical-align: top;} .bullet_link{display: list-item; list-style-position: inside; padding: 0px 0px 0px 30px; margin: 0px;} #information table.testimonial_overview td{padding-right: 15px; vertical-align: top;} #information table.testimonial_overview td.item{width: 130px;} #information table.two_column td{padding-right: 15px;} span.doc_title{font-style: italic;} dt{font-weight: bold; margin-top: 15px;} div.clear{clear: both;} h2 span{font-size: 12px; font-weight: normal;} } /* H&W WEB PALETTE ======================= MONOCROME ----------------------- Primary Blue: 1e2c75 Secondary Blue: 747daf Tertiary Blue: 9aa2cd Quarternary Blue: c6cbe6 Quintenary Blue: e5e9ff Grey: dadce5 White: ffffff TRI-COLOR ----------------------- Primary Blue: 1e2c75 Primary Red: 751e2d Primary Green: 2d751e */