/* Base tags */ body { margin: 6px 0 0 0; padding: 0px; background-color: #F5F5F5; background-image: url(/i/shared/body_background.gif); background-repeat: repeat-x; text-align: left; } table { padding: 0px; margin: 0px; } img { border: 0px; } body, TR TD, input, textarea { font: 10px/16px verdana, arial, sans-serif; color: #666666; } p { font-size: 10px; line-height: 16px; } td { vertical-align: top; } h1 { font-family: arial, sans-serif; font-weight: bold; color: #203D79; font-size: 18px; line-height: 22px; margin-top: 0px; margin-bottom: 10px; padding-bottom: 8px; } h1.headline { width: 408px; margin-bottom: 0px; } h2, .h2_input { font-family: 'trebuchet ms', verdana, tahoma, sans-serif; font-weight: normal; color: #CE9638; font-size: 18px; line-height: 17px; margin-bottom: 5px; margin-top: 15px; } h3 { background-color: #eaf2f4; color: #003352; font: 10px/14px verdana, arial, sans-serif; font-weight: bold; margin: 10px 0 5px 0; padding: 4px; } h4 { font-size: 10px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; color: #003352; } a { color: #203D79; } a:hover { color: #666; } ul { margin: 0px 0px 10px 15px; padding: 0px; } li { margin: 0px 0px 5px 0px; list-style-image: url(/i/shared/list_marker.gif); padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } /* Columns, panes etc */ #print_header { display: none; } #nav_bar { height: 34px; white-space: nowrap; background-image: url(/i/nav/nav_background.gif); background-repeat: repeat-x; margin-bottom: 10px; } #container { width: 768px; margin: auto; padding: 0; } #main { padding: 0px 12px 10px 12px; background-image: url(/i/shared/main_background.gif); background-repeat: repeat-x; background-color: white; } #column_background_holder { background-image: url(/i/shared/blue_col_background.gif); background-repeat: repeat-y; } #left_col { width: 136px; float: left; background-color: #F1F1F1; margin: 0 15px 0 0; } #main_col { width: 592px; float: left; padding: 0; } #main_col.full_width { width: 100%; } #nav { margin: 0; padding: 15px 0 0 0; } #nav A, #nav P { display: block; width: 121px; margin-top: 0px; margin-bottom: 0px; color: #203D79; text-decoration: none; padding: 3px 5px 4px 10px; border-bottom: 1px #DFDFDF solid; border-top: 1px white solid; background-color: #F1F1F1; line-height: 13px; } #nav A:hover, #nav A.level_2:hover { background-color: #24427F; color: white; } #nav A.level_2 { background-color: #D5E5F2; margin-left: 10px; width: 127px; } #nav p.section, #nav a.section { border-top: none; } #nav p.current, #nav p { font-weight: bold; background-color: white; } #nav p.child, #nav a.child { padding-left: 20px; width: 110px; } #nav a.child_2, #nav p.child_2 { padding-left: 20px; width: 110px; border: none; color: #999999; } #nav a.child_3, #nav p.child_3, #nav a.child_4, #nav p.child_4 { padding-left: 20px; width: 110px; border: none; color: #999999; } #nav a.current { background-color: #89B4C1; background-repeat: repeat-y; font-weight: bold; } #nav_bottom_space { height: 70px; background-color: white; background-image: url(/i/shared/left_col_background.gif); background-position: bottom left; visibility: hidden; } /* HEADER AND FOOTER ALL PAGES */ #header { margin: 7px 0 0 0; padding: 0; height: 66px; position: relative; } .logo { width: 122px; height: 66px; } .banner { width: 635px; height: 66px; } .nav_button, .nav_divider { height: 34px; } #breadcrumbs { font-size: 9px; margin: 5px 0 14px 0; color: #999999; } #breadcrumbs a:link { color: #999999; text-decoration: underline; } #breadcrumbs a:visited { color: #999999; text-decoration: underline; } #breadcrumbs a:hover { color: #999999; text-decoration: none; } #copy { width: 425px; float: left; font-size: 10px; margin-right: 20px; border-top: 1px #BDBDBD solid; padding-right: 10px; padding-top: 5px; } #copy.full_width { width: 576px; } #sidebar { float: right; margin: 0; width: 136px; } #left_col_underline_holder { height: 1px; background-image: url(/i/shared/left_col_underline.gif); background-repeat: no-repeat; } #footer { color: #939393; background-image: url(/i/shared/footer_background.gif); background-repeat: repeat-x; padding-top: 15px; margin-bottom: 40px; } #footer a { color: #939393; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer_links { float: left; width: 49%; text-align: left; } #footer_branding { float: right; width: 49%; text-align: right; } /* Utility classes */ .overscore { border-top: 1px solid #bdbdbd;; } .underscore { border-bottom: 1px solid #bdbdbd;; } .right_score { border-right: 1px solid white; } .dotted_outline { border: 1px #ccc dotted; } .clear { clear: both; } .omit_for_screen { display:none; } .tm { font-size: 75%; } /* SIDEBAR */ .sidebar_panel_header, .biog_team_divider { color: white; background-image: url(/i/shared/sidebar_title_background.gif); background-repeat: repeat-x; background-color: #4A719F; padding: 2px 6px 2px 10px; margin: 0; font-size: 11px; border-bottom: 1px black solid; } .sidebar_panel_main { margin: 0px; padding: 8px 6px 8px 0px; color: white; } .sidebar_panel_main ul li { padding: 0; margin: 2px 0 2px 0; font-weight: bold; } .sidebar_panel_main a { color: #445C8F; text-decoration: none; } .sidebar_panel_main a:hover { color: #333333; text-decoration: underline; } /* Page specific elements */ #biog_team_links { border-bottom: 1px #BDBDBD solid; margin-right: -10px; padding: 5px 0 10px 0; margin-bottom: 5px; } #biog_team_links, #biog_team_links A { font-weight: bold; font-size: 11px; color: #666666; } #biog_team_links A:hover { color: #999999; } .biog_image { margin-right: 20px; border: 1px #889BA9 solid; } .biog_subtitle { font-size: 11px; font-weight: bold; margin-top: 2px; margin-bottom: 3px; color: #999999; } .biog_divider { width: 100%; line-height: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E4E4E4; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .biog_team_divider { font-size: 13px; margin-top: 8px; } /* CONTACT US / LOCATIONS */ .location h2, .biog_title { font: 16px arial, sans-serif; font-weight: bold; color: #CE9638; } .location_table { border: 1px #D0D0D0 solid; width: 100%; } .location_contact_details_table TR TD { font-weight: bold; padding-left: 3px; } .contact_form tr th { vertical-align: top; text-align: right; padding: 5px 10px 5px 0px; } .contact_form tr td { padding: 5px 10px 5px 10px; } .contact_form tr td input, .contact_form tr td textarea, .contact_form tr td select { width: 204px; background-color: #F0F0F0; border-left: 1px #C3C3C3 solid; border-right: 1px #C3C3C3 solid; border-bottom: 1px #DDDDDD solid; border-top: 1px #7C7C7C solid; } .contact_form tr td select { font: 10px/14px verdana, arial, sans-serif; color: #666666; } /* ITEM LISTS */ .item_list_title { color: #CE9638; font-family: arial, sans-serif; font-weight: bold; font-size: 13px; margin: 10px 0 5px 5px; } .item_list_subtitle { color: #747373; font-weight: bold; Xfont-size: 11px; margin: 10px 0 5px 5px; } .item_list_item { margin: 10px 0 5px 5px; } .item_list_item A, .item_list_item P A { Xfont-size: 11px; font-family: verdana; font-weight: bold; } #item_list_pager { text-align: right; color: #203D79; font-weight: bold; } /* CAREERS */ .career { margin-bottom: 10px; } .career h2 { color: #666666; } /* SECTORS */ #sector_further_info { border: 1px #CCCCCC solid; padding: 10px; font-size: 9px; } #sector_further_info A { font-weight: bold; color: #445C8F; text-decoration: none; font-size: 10px; } #sector_further_info A:hover { color: #666666; text-decoration: underline; } /* SERVICES */ #services_table { width: 100%; } #services_table TR TH { width: 124px; vertical-align: top; text-align: left; border-top: 1px #CFCFCF solid; border-bottom: 1px #CFCFCF solid; padding: 5px 12px 5px 0; font-family: 'trebuchet ms', verdana, tahoma, sans-serif; font-weight: normal; font-size: 13px; background-image: url(/i/services/services_heading_arrow_background.gif); background-position: top right; background-repeat: no-repeat; } #services_table TR TH A { text-decoration: none; } .citisoft_services TR TD, .strategic_consulting TR TD, .solutions_consulting TR TD, .implementation_consulting TR TD { background-image: url(/i/services/services_background.gif); background-position: bottom left; background-repeat: repeat-x; padding: 3px 7px 3px 7px; } .strategic_consulting TR TD { background-image: url(/i/services/strategic_consulting_background.gif); } .solutions_consulting TR TD { background-image: url(/i/services/solutions_consulting_background.gif); } .implementation_consulting TR TD { background-image: url(/i/services/solutions_consulting_background.gif); } .citisoft_services TR TD A, .strategic_consulting TR TD A, .solutions_consulting TR TD A, .implementation_consulting TR TD A { color: #7D7D7D; text-decoration: none; } .citisoft_services TR TD A:hover, .strategic_consulting TR TD A:hover, .solutions_consulting TR TD a:hover, .implementation_consulting TR TD A:hover { color: #7D7D7D; text-decoration: underline; } .services_list li { padding: 0; } .services_list li a { color: #666666; font-weight: bold; text-decoration: none; } .services_list li a:hover { color: #203D79; text-decoration: underline; } /* SUCCESS STORIES */ h2.success_stories_headings { margin: 0 0 10px 0; } .success_stories_pdf_table { background-color: #ECF1F6; border: 1px #D8DDE7 solid; margin-right: -10px; } .success_stories_pdf_table TR TH, .success_stories_pdf_table TR TD { vertical-align: top; padding: 10px; } .success_stories_pdf_table TR TD { padding: 10px 10px 0px 0px; } .success_stories_pdf_table TR TD P { margin: 7px 0 5px 0; } /* CLIENT COMMUNICATIONS */ h2.client_communications_headings { margin: 0 0 10px 0; } .client_communications_item_table { width: 100%; border: 1px #BFBFBF solid; margin-bottom: 5px; } .client_communications_item_table TR TH { background-color: #F1F1F1; padding: 20px 20px 20px 20px; width: 39px; vertical-align: top; text-align: center; } .client_communications_item_table TR TD { padding: 5px 20px 5px 20px; } .client_communications_item_table TR TD h4 { margin-bottom: 2px; } .client_communications_item_table TR TD h4 A { text-decoration: none; } .communications_archive_link { text-align: right; margin: 5px 0 0 0; } .communications_archive_link h2 { font-size: 13px; } .communications_archive_link h2 a { color: #CE9638; text-decoration: none; } .communications_archive_link h2 a:hover { color: #666666; } /*PRESS RELEASES ETC*/ .pr_title { font-size: 10px; font-weight: bold; margin-top: 0px; margin-bottom: 3px; color: #003352; } .pr_title a { color: #003352; text-decoration: none; } .pr_title a:hover { text-decoration: underline; } .pr_title a:visited { color: #666666; text-decoration: none; } .pr_date { font-size: 10px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; color: #666666; } .pdf_icon { margin-right: 5px; } .event_logo { padding-right: 25px; float: left; } #event_intro { width: 480px; } .event_table { margin: 8px 0 8px 0; } .events_title { width: 100%; background-color: #6CA1B1; font-size: 11px; padding: 4px 0 4px 0; margin: 10px 0px 10px 0px; color: white; font-weight: bold; } .box_title { /* bodycopy heading - funds etc */ width: 100%; background-color: #EAF2F4; padding: 4px; margin: 10px 0px 5px 0px; color: #003352; font-weight: bold; } .divider { border-bottom: 1px #BDBDBD solid; margin: 0; height: 1px; } .login_form { margin: 0; width: 378px; } .login_form tr th { text-align: left; padding: 5px; background-color: #6DA2B0; font-family: 'trebuchet ms', verdana, tahoma, sans-serif; font-size: 12px; color: white; } .login_form tr td { padding: 8px; border-bottom: 1px solid #DADADA; } .login_form tr td.left_cell { border-left: 1px solid #DADADA; } .login_form tr td.right_cell { border-right: 1px solid #DADADA; } .login_form tr td.top_cell { border-top: 1px solid #DADADA; } .login_form tr td input, .login_form tr td textarea { background-color: #F6FBFE; } .login_form tr td select { font-family: verdana; font-size: 10px; color: #666666; } .register_error { background-color: red; color: white; margin: 0 0 5px 0; padding: 0 0 0 3px; } .news_items { width: 480px; } .news_items TR TD { padding: 3px 0px 0px 0px; border-bottom: 3px #A8A8A8 solid; } .news_items TR TD A { display: block; margin-bottom: 5px; margin-top: 10px; } .news_items_date { white-space: nowrap; text-align: right; font-size: 9px; } .nobreak{ white-space: nowrap; } .alternate { /* for alternate li's */ background-color: #EAF2F4; } .strong_blue { color: #003352; font-weight: bold; } .add_right_space { margin-right: 8px; } .mandatory_field_marker { color: red; } #pager { background-color: #B9D4DB; width: 100%; margin: 5px 0 10px 0; } #pager TR TD { color: white; width: 33%; padding: 2px 10px 3px 10px; } /* Home page, see home.css */ .fund_summary_archive TR TD { padding: 0 15px 15px 0; }