/*----------------------------------------------------------------------------------------------------- general definitions -----------------------------------------------------------------------------------------------------*/ BODY { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 11px; font-variant: normal; font-weight: normal; text-decoration: none; text-align: left; color: #333333; margin: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background-color: #ffffff; } A { font-size: 11px; text-decoration: none; color: #0000cc; } A:visited { color: #0000cc; } INPUT { font-family: arial, helvetica, sans-serif; font-size: 11px; color: #000000; text-align: left; vertical-align: top; } .input_checkbox, .input_radio, .width_auto { width: auto; } .input_doublewidth, .input_file { width: 280px; } .nowidth_textarea { font-style: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; margin-top: 5px; } SELECT { font-family: arial, helvetica, sans-serif; font-size: 11px; color: #000000; text-align: left; } .body_topnav { background-color: #0076cc; margin-top: 1px; } .body_main { background-image: url(images/sidebar.gif); background-repeat: repeat-y; } .button { background-color: #ffffff; border: #0076cc 1px outset; text-transform: capitalize; text-align: center; font-weight: bold; font-size: 11px; color: #0076cc; margin-top: 7px; margin-right: 5px; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; width: auto; } #confMsg { padding-bottom: 16px; font-size: 14px; font-weight: bold; font-style: italic; color: #0076cc; } #hiddenform { width: 1px; height: 1px; display: none; visibility: hidden; } /*----------------------------------------------------------------------------------------------------- iframe -----------------------------------------------------------------------------------------------------*/ #topnav { width: 100%; height: 40px; } #container { width: 100%; } /*----------------------------------------------------------------------------------------------------- topnav -----------------------------------------------------------------------------------------------------*/ #raritan_logo { position: absolute; left: 0px; } #topbar_container { background-color: #0076cc; margin-left: 176px; height: 40px; } #applet_container { margin-right: 0; position: absolute; right: 0px; width: 80px; height: 40px; } #nav_tabs_container { margin-right: 80px; height: 40px; position: relative; overflow: hidden; } #nav_tabs { position: absolute; bottom: 0px; min-width: 99%; } .nav_tab { float: left; } .nav_tab_first { background-image: url(images/top_tab_first.gif); width: 2px; height: 20px; } .nav_tab_start { background-image: url(images/top_tab_start_i.gif); width: 5px; height: 20px; } .nav_tab_middle { background-image: url(images/top_tab_middle_i.gif); height: 20px; } .nav_tab_end { background-image: url(images/top_tab_end_i.gif); width: 5px; height: 20px; } .nav_tab_start_ul { background-image: url(images/top_tab_start.gif); width: 5px; height: 20px; } .nav_tab_middle_ul { background-image: url(images/top_tab_middle.gif); height: 20px; } .nav_tab_end_ul { background-image: url(images/top_tab_end.gif); width: 5px; height: 20px; } .nav_tab_link, .nav_tab_link A, .nav_tab_link A:visited, .nav_tab_link_ul, .nav_tab_link_ul A, .nav_tab_link_ul A:visited { position: relative; top: 1px; color: #ffffff; font-weight: bold; white-space: nowrap; text-decoration: none; cursor: default; } .nav_tab_bottom { background-color: #0076cc; height: 1px; } #hiddensxapplets { font-size: 1px; height: 1px; position: absolute; left: 0px; } .sxapplet { width: 1px; height: 1px; float: left; } /*----------------------------------------------------------------------------------------------------- submenu -----------------------------------------------------------------------------------------------------*/ .submenu { position: absolute; top: 0px; display: none; } .submenu_item, .submenu_item_sel { padding: 0px; border-color: #0076cc; border-style: solid; border-top-width: 0px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; } .submenu_content { padding: 0px; white-space: nowrap; overflow: hidden; cursor: default; } .submenufr { position: absolute; top: 0px; display: none; z-index: 99; } .submenu_body { background-color: transparent; } .submenu_item A, .submenu_item_sel A { color: #0076cc; } .submenu_item { background-color: #ffffff; } .submenu_item_sel { background-color: #ebf4fb; } /*----------------------------------------------------------------------------------------------------- header -----------------------------------------------------------------------------------------------------*/ #secondheader { background-color: #ffffff; height: 40px; } #device_logo { background-color: #0076cc; position: absolute; left: 0px; height: 40px; } #second_logo { margin-left: 178px; background-image: url(images/top_logo.gif); background-repeat: no-repeat; height: 40px; } #breadcrumbs_navigation { font-size: 10px; color: #000000; margin-top: 24px; padding-left: 6px; float: left; } #breadcrumbs_navigation A { font-size: 10px; } #breadcrumbs_printable A { font-size: 10px; white-space: nowrap; margin-top: 24px; margin-right: 2px; position: absolute; right: 120px; overflow: hidden; float: right; } #breadcrumbs_logout A { font-size: 10px; white-space: nowrap; margin-top: 24px; margin-right: 6px; overflow: hidden; float: right; } /*----------------------------------------------------------------------------------------------------- left sidebar -----------------------------------------------------------------------------------------------------*/ .sidebar { background-color: #f7f8fe; vertical-align: top; width: 178px; } .sidebar TABLE { width: 178px; } .sidebar_row_spacer { height: 10px; } .sidebar_row_content { width: 170px; font-size: 11px; padding-right: 0px; padding-left: 4px; padding-bottom: 0px; padding-top: 0px; white-space: wrap; overflow: hidden; } .sidebar_row_content_header { font-weight: bold; } .sidebar_row_divider_left { background-image: url(images/lnav_horz_div_l.gif); width: 18px; height: 27px; } .sidebar_row_divider_middle { background-image: url(images/lnav_horz_div_m.gif); width: 142px; height: 27px; } .sidebar_row_divider_right { background-image: url(images/lnav_horz_div_r.gif); width: 18px; height: 27px; } .sidebar_session_enc { font-size: 11px; color: green; } .sidebar_session_notenc { font-size: 11px; color: red; } .sidebar_portlinks { font-size: 11px; margin-top: 1px; margin-right: 5px; width: 79px; float: left; white-space: nowrap; overflow: hidden; } .sidebar_spacer_printable { width: 20px; } .sidebar_table_replace { width: 170px; } .sidebar_table_replace_left { float:left; margin-left: 0px; width: 115px; } .sidebar_table_replace_right { float:left; width: 55px; margin-right: 0px; } .sidebar_spacer_printable { width: 20px; } .dividerbar { background-color: #0076cc; width: 1px; } .dividerbar_topcorner { background-image: url(images/lnav_vert_crown.gif); vertical-align: top; width: 23px; height: 25px; } /*----------------------------------------------------------------------------------------------------- footer -----------------------------------------------------------------------------------------------------*/ .footer_printable { font-size: 10px; position: absolute; bottom: 10px; left: 20px; } .footer_normal { font-size: 10px; position: absolute; bottom: 10px; left: 198px; } /*----------------------------------------------------------------------------------------------------- body -----------------------------------------------------------------------------------------------------*/ .bodycell { vertical-align: top; width: 99%; } /*----------------------------------------------------------------------------------------------------- different pages -----------------------------------------------------------------------------------------------------*/ .login_page { width: 30%; position: absolute; top: 25%; left: 35%; } .portal_page { width: 100%; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .index_page { width: 100%; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .index_page A { line-height: 23px; } .index_page_menu { width: 350px; padding-right: 20px; padding-bottom: 20px; vertical-align: top; } .index_page_menu H1 { width: 100%; padding-top: 2px; padding-left: 4px; padding-right: 2px; padding-bottom: 2px; margin: 0px 0px 10px; font-size: 12px; font-weight: bold; background-color: #0076cc; color: #ffffff; } .index_page_help { padding-right: 20px; padding-bottom: 20px; vertical-align: top; font-size: 11px; color: #000000; } .general_page { width: 100%; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; clear: both; } .general_page H1 { padding-top: 2px; padding-left: 0px; padding-right: 2px; padding-bottom: 2px; margin: 0px 0px 10px; font-weight: bold; font-size: 14px; color: #0076cc; } .settings_page { width: 100%; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .settings_page A { line-height: 23px; } .settings_page H1 { width: 100%; padding-top: 2px; padding-left: 4px; padding-right: 2px; padding-bottom: 2px; margin: 0px 0px 10px; font-size: 12px; font-weight: bold; background-color: #0076cc; color: #ffffff; } .settings_page_menu { width: 50%; padding-right: 20px; padding-bottom: 20px; } .settings_page_help { width: 50%; padding-right: 20px; padding-bottom: 20px; text-align:left; vertical-align: top; font-size: 11px; color: #000000; } .settings { width: 344px; } .settings_fieldname, .elem_l, .settings_fieldname_innertable { color: #333333; font-size: 11px; font-weight: bold; vertical-align: middle; text-align: left; padding-top: 5px; white-space: nowrap; } .settings_fieldname_cs { color: #333333; font-size: 11px; font-weight: bold; vertical-align: middle; text-align: left; padding-top: 5px; white-space: nowrap; } .settings_field, .elem_r .settings_field_innertable { font-size: 11px; font-weight: normal; vertical-align: middle; text-align: left; white-space: nowrap; } .settings_field_textarea { font-style: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; margin-top: 5px; } .settings_portaccess { margin-top: 1px; margin-right: 5px; width: 116px; float: left; white-space: nowrap; overflow: hidden; } .settings_spacer { height: 20px; } .settings_padder { padding-left: 24px; } /*----------------------------------------------------------------------------------------------------- widget box -----------------------------------------------------------------------------------------------------*/ .wdgt { font-style: normal; } .wdgt_hdr_left { background-image: url(images/wdgt_hdr_l.gif); width: 16px; height: 20px; } .wdgt_hdr_right { background-image: url(images/wdgt_hdr_r.gif); width: 16px; height: 20px; } .wdgt_vert_left { background-image: url(images/wdgt_vert_l.gif); width: 16px; } .wdgt_vert_right { background-image: url(images/wdgt_vert_r.gif); width: 16px; } .wdgt_dvdr_left { background-image: url(images/wdgt_horz_div_l.gif); width: 16px; height: 30px; } .wdgt_dvdr_middle { background-image: url(images/wdgt_horz_div_m.gif); height: 30px; } .wdgt_dvdr_right { background-image: url(images/wdgt_horz_div_r.gif); width: 16px; height: 30px; } .wdgt_ftr_left { background-image: url(images/wdgt_ftr_l.gif); background-repeat: no-repeat; width: 16px; height: 16px; } .wdgt_ftr_middle { background-image: url(images/wdgt_ftr_m.gif); height: 16px; } .wdgt_ftr_right { background-image: url(images/wdgt_ftr_r.gif); background-repeat: no-repeat; width: 16px; height: 16px; } .wdgt_header { background-color: #0076cc; color: #ffffff; font-size: 11px; font-weight: bold; padding: 4px; margin: 0px; } .wdgt_spacer { height: 10px; } .wdgt_content { color: #333333; font-size: 11px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; text-align: center; } .wdgt_fields { width: 100%; } .wdgt_fields_login { width: 300px; } .wdgt_fieldname { color: #0076cc; font-size: 11px; font-weight: bold; vertical-align: top; text-align: left; } .wdgt_field { font-size: 11px; font-weight: normal; vertical-align: top; text-align: left; padding-top: 2px; padding-bottom: 2px; } /*----------------------------------------------------------------------------------------------------- data table -----------------------------------------------------------------------------------------------------*/ .dtbl { width: 100%; } .dtbl_hdr_left { background-image: url(images/wdgt_hdr_l.gif); width: 16px; height: 20px; } .dtbl_hdr_right { background-image: url(images/wdgt_hdr_r.gif); width: 16px; height: 20px; } /*.dtbl_sbhdr_left { background-image: url(images/wdgt_horz_crv_subhdr_l.gif); width: 16px; height: 1px; } .dtbl_sbhdr_right { background-image: url(images/wdgt_horz_crv_subhdr_r.gif); width: 16px; height: 1px; }*/ .dtbl_vert_left { background-image: url(images/wdgt_vert_l.gif); width: 16px; } .dtbl_vert_right { background-image: url(images/wdgt_vert_r.gif); width: 16px; } .dtbl_dvdr_gry_left { background-color: #0076cc; width: 16px; height: 1px; } .dtbl_dvdr_gry_middle { background-color: #0076cc; height: 1px; } .dtbl_dvdr_gry_right { background-color: #0076cc; width: 16px; height: 1px; } .dtbl_dvdr_wht_left { background-color: #0076cc; width: 16px; height: 1px; } .dtbl_dvdr_wht_middle { background-color: #0076cc; height: 1px; } .dtbl_dvdr_wht_right { background-color: #0076cc; width: 16px; height: 1px; } .dtbl_ftr_gry_left { background-image: url(images/wdgt_ftr_gry_l.gif); background-repeat: no-repeat; width: 16px; height: 13px; } .dtbl_ftr_gry_middle { background-image: url(images/wdgt_ftr_gry_m.gif); height: 13px; } .dtbl_ftr_gry_right { background-image: url(images/wdgt_ftr_gry_r.gif); width: 16px; height: 13px; } .dtbl_ftr_wht_left { background-image: url(images/wdgt_ftr_wht_l.gif); background-repeat: no-repeat; width: 16px; height: 13px; } .dtbl_ftr_wht_middle { background-image: url(images/wdgt_ftr_wht_m.gif); height: 13px; } .dtbl_ftr_wht_right { background-image: url(images/wdgt_ftr_wht_r.gif); width: 16px; height: 13px; } .dtbl_header { background-color: #0076cc; color: #ffffff; font-size: 11px; font-weight: bold; padding-right: 7px; } .dtbl_header A, .dtbl_header A:visited { background-color: #0076cc; color: #ffffff; font-size: 11px; font-weight: bold; padding-right: 7px; } .dtbl_header_asc { background-color: #0076cc; padding-right: 7px; } .dtbl_header_asc A, .dtbl_header_asc A:visited { background-image: url(images/arrowup_purple.gif); background-repeat: no-repeat; background-color: #0076cc; color: #ffffff; font-size: 11px; font-weight: bold; padding-left: 11px; padding-right: 7px; } .dtbl_header_desc { background-color: #0076cc; padding-right: 7px; } .dtbl_header_desc A, .dtbl_header_desc A:visited { background-image: url(images/arrowdown_purple.gif); background-repeat: no-repeat; background-color: #0076cc; color: #ffffff; font-size: 11px; font-weight: bold; padding-left: 11px; padding-right: 7px; } .dtbl_spacer { height: 10px; } .dtbl_record { font-size: 11px; padding: 3px; } .dtbl_record_evenrow { background-color: #ffffff; } .dtbl_record_oddrow { background-color: #ebebeb; } .dtbl_pagination { font-size: 10px; margin-bottom: 7px; } .dtbl_pagination A { font-size: 10px; margin-bottom: 7px; } /*----------------------------------------------------------------------------------------------------- diagnostic result -----------------------------------------------------------------------------------------------------*/ .dgnResultHead_hidden { visibility: hidden; width: 1px; height: 1px; clear: both; } .dgnResultHead_visible_wait { visibility: visible; padding-bottom: 2px; font-size: 13px; font-weight: bold; color: red; clear: both; } .dgnResultHead_visible_done { visibility: visible; padding-bottom: 2px; font-size: 13px; font-weight: bold; color: #0076cc; clear: both; } .dgnResult_hidden { visibility: hidden; width: 1px; height: 1px; } .dgnResult_visible { font-family: Courier New, Courier, mono-space, mono; font-size: 12px; } /*----------------------------------------------------------------------------------------------------- Misc -----------------------------------------------------------------------------------------------------*/ a.infobutton span { visibility:hidden; position:absolute; padding:1em; text-decoration:none; } a.infobutton:hover span { visibility:visible; border:1px solid #0076cc; color:black; background:white; } /*----------------------------------------------------------------------------------------------------- added for compatibility with the 'old' web frontend -----------------------------------------------------------------------------------------------------*/ .acldenyaccess { color : #800000; } .aclallowaccess { color : #008000; } .acldenychange { color : #804000; } .aclallowview { color : #409040; } .aclallowchange { color : #008000; } .aclgroupsetting { color : #000000; } .padding_bugfix { width: 100%; } .settings_fieldname_checkbox, .settings_fieldname_checkbox_en, .settings_fieldname_en { color: #333333; font-size: 11px; vertical-align: middle; text-align: left; padding-top: 5px; white-space: nowrap; } .settings_fieldname_checkbox_en, .settings_fieldname_en { font-weight: bold; } /*.settings_fieldname, .elem_l, .settings_fieldname_checkbox { padding-left: 17px; }*/ .normal, .normal_small, .notice, .bold, .tmpl_tab, .tmpl_size, .buttons{ font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 11px; font-variant: normal; font-weight: normal; text-decoration: none; color: #333333; margin: 0px; padding: 0px; background-color: #ffffff; } .notice { text-align: left; } .buttons { text-align: left; } .center { text-align: center; } .left { text-align: left; } .notice_width { width: 360px; } .tmpl_tab { width: 100%; } .tmpl { float: left; color: #333333; font-size: 11px; padding: 0px; margin: 0px; text-align: left; width: 350px; } .tmpl_encaps { float: left; color: #333333; font-size: 11px; text-align: left; padding-right: 20px; } .tmpl_nosize { float: left; color: #333333; font-size: 11px; text-align: left; padding: 0px; margin: 0px; white-space: nowrap; } .tmpl_end { clear: left; color: #333333; font-size: 11px; text-align: left; padding-top: 0px; padding-bottom: 0px; width: 350px; } .bold { font-weight: bold; } .rsp_msg_wrap { margin-left: 20px; } .rsp_message, .error, .warning { float: left; font-size: 14px; font-weight: bold; font-style: italic; text-align: left; } .rsp_message { padding-left: 5px; color: #0076cc; } .error { color: #ff0000; } .warning { color: #008888; } .normal_small { font-size: 8px; } table.dialogTable { text-align: left; } body.title { background-color : #0076cc; } #title_app { margin-right: 0; right: 0px; width: 80px; height: 40px; } /* * Some special definitions for colors not used in the web * pages but other parts of the software, to avoid using * a special file or other configuration method. * Important! * Leave the structure as is, just change the color, use * the standard 6 digit notation */ .specialcolor_cornerbg { color: #0076cc; } .specialcolor_telnetbg { color: #ffffff; } .specialcolor_telnetfg { color: #000000; } .specialcolor_sshbg { color: #ffffff; } .specialcolor_sshfg { color: #000000; }