/****************************************************************************** * Copyright 1991-2003 by ADIC, Inc. All rights reserved. * No part of this work may be reproduced or transmitted in any * form or by any means, electronic or mechanical, including * photocopying and recording, or by any information storage * or retrieval system, except as may be expressly permitted by * the 17 U.S.C. section 101, et. seq., or in writing by * ADIC, Inc. *******************************************************************************/ /****************************************** * Name: style.css * Purpose: style sheet for Pathlight VX gui * $Id: style.css 1.22 2006/04/24 12:32:18MDT Bill Gray (bgray) dev $ ******************************************/ /* this is the window that allows the user to enter in a barcode filter */ table#barcodeFilterView {background-color:#5A5A5A; width:80%;} /* This is the table in the hover popup that shows low disk space warnings. */ table#diskSpacewarnView {background-color:#5A5A5A; width:80%;} /* This is launched on the define unknown media page when you click apply */ table#mediaActionView {background-color:#5A5A5A; width:80%;} table#mediaActionView td {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:bold;} table#mediaActionView td {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:bold;} /* for the Div tags in the wizards or any other function needing layers */ .visibleDiv {position:absolute; top:5px; left:5px; width:97%; height:100%; visibility:visible;} /*!?! This was messing things UP .hiddenDiv {position:absolute; overflow:hidden; z-index:auto; top:5px; left:5px; width:97%; height:100%; visibility:hidden;}*/ .hiddenDiv {position:absolute; top:5px; left:5px; width:97%; height:100%; visibility:hidden;} .hiddenDivReport {position:absolute; top:0px; left:0px; width:100%; visibility:hidden;} .visibleDivReport {position:absolute; top:0px; left:0px; width:100%; visibility:visible;} .hiddenPlain {position:absolute; top:0px; left:0px; width:0%; height:0%; visibility:hidden; display:none;} .visiblePlain {position:relative; visibility:visible;} .hiddenRasDiv {position:absolute; top:80px; left:10px; width:97%; visibility:hidden;} .visibleRasDiv {position:absolute; top:80px; left:10px; width:97%; visibility:visible;} /* These tags are for the buttons at the bottom of the content pages */ table#button {width:95%;} table#button td {text-align:center;} /* tableSelectHeading is the darker table that surrounds the, for example, on the main summary. */ table#tableSelectHeading {width:95%;} /* tableDataBackground is the darker table that surrounds the, for example, on the main summary. */ table#tableSelectBackground1 {background-color:#809CA6; width:85%;} /* tableDataBackground is the lighter table that surrounds the, for example, for example, on the main summary. */ table#tableSelectBackground2 {background-color:#BCCBD1; width:85%;} /* tableDataBackground is the lighter table that surrounds the, for example, for example, on the main summary. */ table#tableSelectBackground3 {background-color:#BCCBD1;} /* table for Action List */ table#actionTable {width:100%;} table#actionTable a {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:bold;} table#actionTable a:hover {color:#026A84;} /* table for System Summary */ table#tableSelect1 {background-color:#809CA6; width:100%; padding:0px; margin:0;} table#tableSelect1 a {font-family:Arial,Helvetica; font-size:9pt; color:black; background-color:#809CA6; font-weight:bold;} table#tableSelect1 a:hover {color:#026A84;} table#tableSelect1 td {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:bold;} /* table for Reports on main page */ table#tableSelect2 {background-color:#BCCBD1; width:100%; padding:0px; margin:0;} table#tableSelect2 a {font-family:Arial,Helvetica; font-size:9pt; color:black; background-color:#BCCBD1; font-weight:bold;} table#tableSelect2 a:hover {color:#026A84;} table#tableSelect2 td {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:bold;} /* This is the title of the page in the content frame.*/ .headingTitle {font-family:Arial,Helvetica; font-size:12pt; color:black; font-weight:bold;} .headingTable {width:95%;} /* This is instructions for a page. They reside below the title */ .headingInfo {font-family:Arial,Helvetica; font-size:10pt; color:black;} /* This is instructions for a page. They reside below the title*/ .headingInfoBold {font-family:Arial,Helvetica; font-size:10pt; color:black; font-weight:bold;} /* This is instructions for a page. They reside below the title*/ .activityTitles {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:bold; background-color:#BCCBD1;} .activityTitles a {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:bold; background-color:#BCCBD1;} .activityTitles a:hover {color:#026A84;} .systemSummaryTitle {font-family:Arial; font-size:10pt; color:black; font-weight:bold; background-color:#BCCBD1;} .systemSummarySubTitle {font-family:Arial; font-size:9pt; color:black; font-weight:bold; background-color:#BCCBD1;} .systemSummaryData {font-family:Arial; font-size:9pt; color:black; font-weight:bold; background-color:#BCCBD1;} .systemSummaryCapacity {font-family:Arial; font-size:9pt; color:black; font-weight:bold; background-color:#BCCBD1;} .activityTitleLink a {font-family:Arial,Helvetica; font-size:10pt; color:black; background-color:#BCCBD1; font-weight:bold;} .activityTitleLink a:hover {color:#026A84;} .drillDownBackLink a {font-family:Arial,Helvetica; font-size:10pt; color:black; background-color:#E6EBED; font-weight:bold;} .drillDownBackLink a:hover {color:#026A84;} /* This is the tracking number on the Media Tracking report*/ .trackNumber {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:normal; background-color:#BCCBD1;} .trackNumber a {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:normal; background-color:#BCCBD1;} .trackNumber a:hover {color:#026A84;} /* this is the sub heading for virtual library when you create one. it is used for both library and drives. */ .subHeading {font-family:Arial,Helvetica; font-size:11pt; color:black; font-weight:bold;} /* this is the Product name and the home,help,logout buttons */ .homePageTitleBar {background-color:#000000; font-family:Arial,Helvetica; font-size:18pt; color:white; font-weight:bold; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-bottom-color: #FF0000; border-bottom-style: solid;} .homePageTitleBar a{ font-size:12px; color:black; background: black; text-decoration:none; padding:4px; margin:2px; } .homePageTitleBar a:hover { color:black; background:black; padding:4px; margin:2px; } .topframeTitleBar {background-color:#000000; font-family:Arial,Helvetica; font-size:12pt; color:white; font-weight:bold; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-bottom-color: #FF0000; border-bottom-style: solid;} .topframeMenuBar {font-family:Arial,Helvetica; padding-top:5px; font-size:10pt; color:black; font-weight:bold; background-color:#809CA6;vertical-align: top;} .navbar { background-color:#495B62; height:60px; width:100% } .progressWindowStatus {background-color:#E6EBED; width:100%; padding:3px; margin:0;} .progressWindowStatus td {font-family:Arial,Helvetica; font-size:10pt; color:black;} .progressWindowDetails {width:98%; padding:3px; margin:0; font-family:Arial; background-color:#BCCBD1; font-size:12pt; color:black; font-weight:bold;} .detailsLink a {font-family:Arial,Helvetica; padding:10px; font-size:10pt; color:#CC0033; font-weight:bold;} .detailsLink a:hover {color:black;} .detailsLog a {font-family:Arial,Helvetica; padding:10px; font-size:8pt; color:black; font-weight:bold;} table#subHeadingTable {background-color:#E6EBED; width:100%;} table#subHeadingTable td {font-family:Arial,Helvetica; font-size:11pt; color:black; font-weight:bold;} table#subsubHeadingTable {background-color:#E6EBED; width:100%;} table#subsubHeadingTable td {font-family:Arial,Helvetica; font-size:10pt; color:black; font-weight:bold;} /* these are used to give the pages the look of separation between dark row light row with a space between them */ table#dataTableOuter {width:95%;} table#mediaTableOuter {width:90%;} table#dataTableInner {width:100%;} table#titleTable {width:95%;} /* these are the tables that alternate colors in the pages */ .dataRowDark {font-family:Arial,Helvetica; font-size:9pt; color:black; background-color:#809CA6; font-weight:bold;} .dataRowLight {font-family:Arial,Helvetica; font-size:9pt; color:black; background-color:#BCCBD1; font-weight:bold;} /* this is for all selection boxes and input text boxes */ .inputField {font-family:Arial,Helvetica; font-size:9pt; color:black; background-color:#FFFFFF; font-weight:normal;} /* this is the style of the date reported on each window */ .hostname {background-color:black; font-family:Arial,Helvetica; font-size:9pt; color:#E6EBED; font-weight:bold;} /* these are used in the report pages for the selectable links for each column */ /* should be used for media, drives, and libraries */ .reportMenuItems {font-family:Arial,Helvetica; font-size:9pt; border:0px solid #627A83; background-color:#809CA6; width:80%; border:0;} .reportMenuItems2 {font-family:Arial,Helvetica; font-size:9pt; border:0px solid #627A83; background-color:#809CA6; width:100%; border:0;} .reportMenuItems2 a {text-decoration:none; color:#000000; font-weight:bold;} .reportMenuItems2 a:hover {color:#CCCCCC;} .reportMenuItems3 a {font-family:Arial,Helvetica; font-size:9pt; color:#000000; font-weight:bold;} .reportMenuItems3 {font-family:Arial,Helvetica; font-size:9pt; text-decoration:none; color:#000000; font-weight:bold;} .reportMenuItems3 a:hover {color:#CCCCCC;} .reportMenuItems a {text-decoration:none; color:#000000; font-weight:bold;} .reportMenuItems a:hover {color:#CCCCCC;} .reportMenuItemsBorder {background-color:#809CA6; width:100%;} /* these are used in the pages where we are listing media, and you can */ /* sort or filter on individual columns */ .mediaListTable {font-family:Arial,Helvetica; font-size:9pt; background-color:#809CA6; width:100%; border:0;} .mediaListTable a {text-decoration:none; color:#000000; font-weight:bold;} .mediaListTable a:hover {color:#CCCCCC;} .mediaListTableBorder{background-color:#809CA6; width:95%; border:2px;} /* Header filter,etc */ .tableTopHeader {font-family:Arial,Helvetica; font-size:9pt; width:95%; border:0;} .tableTopHeader a {text-decoration:none; color:#000000; font-weight:bold;} .tableTopHeader a:hover {color:#026A84; font-size:9pt;} /* Notices descriptions */ .tableTopNotice {font-family:Arial,Helvetica; font-size:12pt; width:95%; border:0;} .tableTopNotice a {text-decoration:none; color:#000000; font-weight:bold;} .tableTopNotice a:hover {color:#026A84; font-size:12pt;} /* border around reports */ .listMenuItemsBorder {background-color:#809CA6;} /* library list header */ .tableReportListData{font-family:Arial,Helvetica; font-size:9pt; background-color:#BCCBD1;} /* this is the report content for all reports even though it is */ .tableReportList{font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:normal;} /* this is the report content for all reports */ .tableReportListData {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:normal;} .listTableBorder{font-family:Arial,Helvetica; background-color:#809CA6; border:2px; font-weight:bold;} .listTableHeader2 a {text-decoration:none; color:#000000; font-weight:bold;} .listTableHeader2 a:hover {color:#CCCCCC;} .listTableHeader2 {font-family:Arial,Helvetica; font-size:9pt; color:black; background-color:#809CA6; font-weight:bold;} /* tables */ table#genericSubHeadingTable {background-color:#E6EBED; } table#genericSubHeadingTable td {font-family:Arial,Helvetica; font-size:10pt; color:black; font-weight:bold;} /* these are used in the pages where we are listing physical media, and you can sort or filter on individual columns */ .physMediaListTable {font-family:Arial,Helvetica; font-size:9pt; background-color:#809CA6; width:100%; border:0;} .physMediaListTable a {text-decoration:none; color:#000000; font-weight:bold;} .physMediaListTable a:hover {color:#CCCCCC;} .physMediaListTableBorder{background-color:#809CA6; width:100%; border:2px;} /* This is the static text on the reports indicating pages 1 of N */ .reportStaticText td{font-family:Arial; font-size:12pt; color:black;} .menudata {font-family:Arial,Helvetica; font-size:10pt; background-color:#BCCBD1;} /* this is the report content for all reports even though it is named mediaReport*/ .mediaReport {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:normal;} .menudataTitle {font-family:Arial,Helvetica; font-size:9pt; background-color:#809CA6;} /* these are used in the report pages for the selectable links for each column */ .popupMenuitems {font-family:Arial,Helvetica; font-size:9pt; background-color:#809CA6;} .popupMenuitems a {text-decoration:none; color:#000000; font-weight:bold;} .popupMenuitems a:hover {color:#CCCCCC;} /* this is the text in the select barcode range for filtering media */ .filterRules {font-family:Arial,Helvetica; font-size:8pt; border:0px solid #809CA6;} /* this is the home,help, logout links at the top of the home page */ a#topframeLinks:link {padding: 4px; color: white; font: bold 11px arial; text-decoration:none;} /*these are the links that are the filter and page in a media report */ a#reportLinks:link {padding: 4px; color: black; font: bold 12px arial;} a#reportLinks:hover {color:#CCCCCC;} a#reportLinks2:link {padding: 4px; color: black; font: bold 12px arial;} a#reportLinks2:hover {color:#809CA6;} .dateTabActive{ font: bold 12px arial; color:black; background: #BCCBD1; font-weight:bold; text-decoration:none; padding:6px; margin:3px; } .dateTabInactive { font: bold 12px arial; color:black; background:#E6EBED; font-weight:bold; padding:6px; margin:3px; } .barGraphs {font-family:Arial,Helvetica; font-size:9pt; color:black; font-weight:bold;} /* For indenting some text */ .indentedText {margin-left:85px;} /* RAS Ticket Details Frame */ .rasTicketDetailsFrame {height:345px; background-color:#809CA6; width:90%;} /* System Information Report */ .noWidthTableHeading {background-color:#809CA6; border:2px;} /* main body colors and font default sizes for all content pages */ body { font-size:10pt; background-color:#E6EBED; font-family: Arial, Helvetica, sans-serif; } body#dark {background-color:#BCCBD1;} body#darkest {background-color:#809CA6;} body#health {background-color:#627A83;} td { font-size:10pt; } .warning { color: red; font-weight: bold; } /* Table styles that don't require rediculous amounts of table nesting */ table.dataTable { width: 100%; } table.dataTable thead { font-family: Arial,Helvetica; font-size: 11pt; color: black; font-weight: bold; } table.dataTable tbody { font-size: 10pt; } .warning { color: red; font-weight: bold; } .mainContent { margin: 3px; padding-left: 5px; margin-bottom: 15px; text-align: left; width: 95%; } .pageTitle { margin: 0px; font-family: Arial,Helvetica; font-size: 12pt; color: black; font-weight: bold; } .subHeading { margin: 0px; font-family: Arial,Helvetica; font-size: 10pt; color: black; font-weight: bold; } .headingText { margin: 5px 0px 13px 0px; } .label { font-weight: bold; } table.menudata td { text-align: center; } table.mediaListTable td { text-align: center; } div.buttonContainer { text-align: center; margin: 15px; } p.formRow { text-align: center; } p.formRow label { display: inline-block; text-align: right; font-weight: bold; padding-right: 5px; } p.formRow .formElementHolder { display: inline-block; text-align: left; } /* Tables with embedded iframes */ .frameTableHeader { background-color: #809CA6; width: 100%; border-right: solid 2px #809CA6; border-left: solid 2px #809CA6; } .frameTableHeader table { width: 100%; } .frameTableHeader table td { text-align: center; font-weight: bold; text-align: center; } .frameTableFooter { width: 100%; } .frameTableFooter table { background-color: #809CA6; width: 100%; border-right: solid 2px #809CA6; border-left: solid 2px #809CA6; } .frameTableFooter table td { font-weight: bold; text-align: left; width: 50%; padding-left: 10px; } iframe.frameTable { border: inset 2px; width: 100%; height: 200px; }