/* Add new style declarations to the end of the file because some script */ /* depends on the position of certain classes remaining the same */ /* hyperlink */ a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } /* The body class is used in the tag of every page. It is a high level*/ /* style directive that acts as a default for all web pages. */ /* SAC - Used in: SAC - Generally this is 's class and in my understanding it should be used only for this HTML tag. SAC - But at the moment this class is widely used as style for & HTML tags. SAC - qa-list.xsl - for paging buttons table. I think special class needs to be created for this purpose. SAC - forms.xsl SAC - part-report.xsl, polling-full-report.xsl, qa-report.xsl - The new class needs to be created just for printing purposes. SAC - console-xml2html.xls, default-xml2html.class */ .body { font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 10px; font-style: normal; background-color: #FFFFFF; color: #0C3366; } /* This class is used in the presentation of the copyright text on the */ /* login page e.g. "Service powered by Avaya. Copyright 1999 2003" */ .copyright { font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; color: #323232; } /* The error class as it's name suggests is used for displaying errors. */ /* Pages where it is used include Booking, New Contact, Edit Account */ /* and Reports. */ .error { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: bold; color: #CC0000; } /* The info class is used when displaying information messages such as */ /* "Account details have been updated" and "Conference has been deleted". */ .info { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: bold; color: #323232; } /* The menuText class is used by each menu item on the "main" menu excluding */ /* the active or selected menu item (see below). */ /* SAC - console-xml2html.xsl - used as class for menu and for view tabs. For view tabs new class needs to be created. SAC - default-xml2html.xsl - used as class for menu and for view tabs. For view tabs new class needs to be created. */ .menuText { font-family: Verdana; font-size: 11px; font-weight: bold; color: #323232; } /* menuTextSelected is used by the active menu item on the "main" menu */ /* SAC - console-xml2html.xsl - used as class for menu and for view tabs. SAC - default-xml2html.xsl - used as class for menu and for view tabs. */ .menuTextSelected { font-family: Verdana; font-size: 11px; font-weight: bold; color: #CC0000; } /* menuItem and menuItemSeparator classes are only applied to tr elements */ /* used to resolve browser rendering bugs in the calculation of line height */ /* with img elements */ tr.menuItem { } tr.menuItemSeparator { } tr.menuItemSeparator img { display: block; } /* Used in the "main" or "content" area below the banner, next to the */ /* menu. Generally used where conferences or address book items are */ /* listed. These pages have rows of data that have a different colour */ /* background that creates a "stripe" effect. contentTitle defines the */ /* look of the column headings. */ .contentTitle { text-align: left; font-family: Verdana; font-size: 11px; font-weight: normal; color: #323232; background-color: #FFFFFF; } /* Used to present a striped effect for multiple rows of data. Used on */ /* the Address Book, My Schedule, Reports and My Recorded Conferences */ .contentStripeColourOne { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; background-color: #FFFFFF; color: #000000; text-align: left; background-position: center; } /* Used to present a striped effect for multiple rows of data. Used on */ /* the Address Book, My Schedule, Reports and My Recorded Conferences */ .contentStripeColourTwo { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; background-color: #BEBEBE; color: #000000; text-align: left; background-position: center; } /* Used to present a striped effect for multiple rows of data. Used on */ /* My Schedule */ .contentStripeDemandColourOne { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #000000; text-align: left; background-position: center; } /* Used to present a striped effect for multiple rows of data. Used on */ /* My Schedule */ .contentStripeDemandColourTwo { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: bold; background-color: #BEBEBE; color: #000000; text-align: left; background-position: center; } /* Used to present Management Alert conferences on My schedule */ .contentStripeCrisisColourOne { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; background-color: #FF7878; color: #000000; text-align: left; background-position: center; } /* Used to present Management Alert conferences on My schedule */ .contentStripeCrisisColourTwo { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; background-color: #FF7878; color: #000000; text-align: left; background-position: center; } /* Used to present Demand Management Alert conferences on My schedule */ .contentStripeCrisisDemandColourOne { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FF7878; color: #000000; text-align: left; background-position: center; } /* Used to present Demand Management Alert conferences on My schedule */ .contentStripeCrisisDemandColourTwo { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FF6633; color: #000000; text-align: left; background-position: center; } /* Defines the look of the "href" type links that appear in the "main" or */ /* "content" area e.g. "Modify" in Address Book and "View/Edit" in */ /* "My Schedule" page. */ .contentButton { font-family: Verdana; font-size: 10px; font-weight: normal; color: #FFFFFF; background-color: #6E6E6E; text-align: center; background-position: center; } /* Defines the look of the "href" type links that appear in the "main" or */ /* "content" area e.g. "Modify" in Address Book and "View/Edit" in */ /* "My Schedule" page. */ .specialContentButton { font-family: Verdana; font-size: 10px; font-weight: normal; color: #FFFFFF; background-color: #323232; text-align: center; background-position: center; } /* contentSelectedTab is used on pages where content is available under */ /* various "tabs". contentSelectedTab is used on the tab that is */ /* currently selected. */ .contentSelectedTab { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #000000; line-height: normal; font-style: normal; } /* contentTab (see contentSelectedTab) is where content is available under */ /* various "tabs". contentTab is used on tab(s) that are not selected. */ .contentTab { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #FF6633; line-height: normal; font-style: normal; } /* contentLabel is used extensively throughout the site and is used to */ /* present content headers and text lables for form elements */ /* e.g. "Conference name:" in Book Meeting and the "Contact Name" header */ /* in Address Book. */ .contentLabel { font-family: Verdana; font-size: 11px; font-weight: normal; color: #323232; } .contentHeading { font-family: Verdana; font-size: 11px; font-weight: bold; color: #323232; } /* Used to present standard text that appears in the "main" or "content" */ /* area e.g. On the conference booking confirmation page. The conference */ /* appear using this style */ .contentText { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; } /* Used to present "small" text that appears in the "main" or "content" */ /* area e.g. On the conference booking confirmation page. The conference */ /* dataXchange URL use this style. It's important that they are there but */ /* the don't need to stand out as much as standard text */ .contentSmallText { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; } /* contentBorderColour is used to define the colour of the border in the */ /* "main" or "content" area on almost every page in the site. */ .contentBorderColour { background-color: #000000; } /* contentBackgroundColour defines the background colour of the "main" */ /* or "content" area. */ .contentBackgroundColour { background-color: #F0EEEF; } /* Used in the presentation of standard HTML Form buttons such as */ /* "Search" and "Book" */ .formButton { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; background-color: #FF6633; color: #FFFFFF; } .formButtonDisabled { color: #CCCCCC; } /* calendarDayName defines the appearance of the horizontal list of days in */ /* the popup calendar */ .calendarDayName { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #0AAADD; color: #FFFFFF; text-align: center; text-transform: none; } /* calendarMonthName is used for the calendar month in the popup calendar */ .calendarMonthName { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #0C559C; color: #FFFFFF; text-align: center; text-transform: none; } /* Defines blank areas in the day/date part of the popup calendar */ .calendarInvisible { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #FFFFFF; text-align: center; text-transform: none; } /* Defines a different appearance for week days to weekend days */ .calendarWeekday { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #0000FF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for week days to weekend days */ a.calendarWeekday { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #0000FF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for week days to weekend days */ a.calendarWeekday:link { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #0000FF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for week days to weekend days */ a.calendarWeekday:hover { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #0C559C; color: #FFFFFF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for week days to weekend days */ .calendarWeekend { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #CCCCCC; color: #FFFFFF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for week days to weekend days */ a.calendarWeekend { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #CCCCCC; color: #FFFFFF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for week days to weekend days */ a.calendarWeekend:link { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #CCCCCC; color: #FFFFFF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for week days to weekend days */ a.calendarWeekend:hover { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #CCCCCC; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for holidays */ .calendarHoliday { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #66FFFF; color: #000000; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for holidays */ a.calendarHoliday { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #66FFFF; color: #000000; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for holidays */ a.calendarHoliday:link { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #000000; color: #66FFFF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for holidays */ a.calendarHoliday:hover { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #000000; color: #66FFFF; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for today */ .calendarToday { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #22FF00; color: #000000; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for today */ a.calendarToday { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #22FF00; color: #000000; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for today */ a.calendarToday:link { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #22FF00; color: #000000; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for today */ a.calendarToday:hover { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #22FF00; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for dates in the past */ .calendarHistoric { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #CCCCCC; color: #CCCCCC; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for dates in the past */ a.calendarHistoric { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #CCCCCC; color: #CCCCCC; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for dates in the past */ a.calendarHistoric:link { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #CCCCCC; color: #CCCCCC; text-align: center; text-transform: none; text-decoration: none; } /* Defines a different appearance for dates in the past */ a.calendarHistoric:hover { font-family: Verdana,Arial,Helvetica,San Serif; font-size: 10px; font-style: normal; font-weight: bold; background-color: #CCCCCC; color: #CCCCCC; text-align: center; text-transform: none; text-decoration: none; } /* This class is used on login page to control area where */ /* advertised conferences and recordings are displayed */ .divLoginAdvertise { background-color: #F0EEEF; height: 180px; overflow: auto; } /* This class is used on address book and recording screens when */ /* multiple rows of data are displayed */ .divAddress_Recording { background-color: #F0EEEF; height: 370px; overflow: auto; } /* This class is used on schedule list page when many rows of data */ /* are displayed */ .divScheduleList { background-color: #F0EEEF; height: 275px; width: 600px; overflow: auto; } /* This class is used when no scoll region is required e.g. none or */ /* insufficient data */ .divNoScrollArea { background-color: #F0EEEF; overflow: visible; } /* Used in the presentation of disabled form elements. */ .disabled { background-color: #CCCCCC; } /* This class is used for enabled checkboxes,radio fields on form elements */ .enabledFormElement1 { background-color: #F0EEEF; } /* This class is used for enabled text, select fields on form elements */ .enabledFormElement2 { background-color: #FFFFFF; } /* This class is used on global address book screens when */ /* multiple rows of data are displayed */ .divAddress_External { background-color: #F0EEEF; height: 320px; overflow: auto; } /* Used for font of large title type text e.g Self-Registration Form Page */ .contentTopTitle { font-family: Arial; font-size: 30px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #000000; text-align: center; } /* Used for font of text at top of Self-Registration Form Page */ .contentTopText { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: bold; color: #323232; text-align: center; } /* Used for font and text on Self-Registration Confirmation Page */ .contentConfirmText { font-family: Verdana; font-size: 16px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #0C339C; background-color: #D2D2D2; text-align: center; } /*************************************************************************************************** * * Styles used in forms.xsl for form tag elements. * These styles must not be used directly in HTML or XSL. * ****************************************************************************************************/ .formbody { font-family: verdana, Arial, Tahoma, sans-serif; font-size: 10px; font-style: normal; background-color: #FFFFFF; color: #0C339C; } .formfield { font-family: verdana; font-size: 12px; font-style: normal; text-decoration: none; color: #E88510; text-align: left; width: 180; } .smallformfield { font-family: verdana; font-size: 12px; font-style: normal; text-decoration: none; color: #E88510; text-align: left; width: 40; } /*************************************************************************************************** * * Styles used in for displaying pop-up menus in menu.xsl * These styles must not be used directly in HTML or XSL. * ****************************************************************************************************/ .contextmenustyle1 { background-color: #D2D2D2; border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 3px; cursor: default; } .contextmenustyle2 { font-family: Arial; font-size: 11px; font-weight: normal; color: #000000; background-color: #F0EEEF; border-top: 1px solid #F0EEEF; border-bottom: 1px solid #F0EEEF; padding-top: 2px; padding-bottom:2px; padding-left: 6px; padding-right: 8px; cursor: default; } .contextmenustyle3 { background-color: #F0EEEF; border-top: 1px solid #F0EEEF; border-bottom: 1px solid #F0EEEF; border-right: 1px solid #F0EEEF; padding-right: 5px; } .contextmenustyle4 { position: absolute; background-color: #D2D2D2; border:1px solid #D2D2D2; display: none; } .contextmenustyle5 { position:absolute; background-color: #D2D2D2; border: 1px solid #D2D2D2; } /*************************************************************************************************** * * Styles used for elements * ****************************************************************************************************/ .title { font-family: verdana; font-size: 16px; font-style: normal; font-weight: bold; background-color: #D2D2D2; color: #0C339C; text-align: center; } .titlewhite { font-family: verdana; font-size: 16px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #0C339C; text-align: center; } .errorcenter { font-family: verdana; font-size: 11px; font-style: normal; font-weight: bold; color: #CC0000; } .infocenter { font-family: verdana; font-size: 12px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #0C339C; text-align: center; } .consoletitle { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999999; } /* Used only in printing reports as header for table. Must be renamed to something printng-specific. */ .tablehead { text-align: left; font-family: verdana; font-size: 11px; font-weight: normal; color: #323232; background-color: #FFFFFF; } /* Used only in printing reports as style for outer table. Must be renamed to something printing-specific. */ .contentbgcolour { background-color: #F0EEEF; } /* Used only in printing reports as style for a table row. Must be renamed to something printing-specific. */ .tablerowone { font-family: verdana; font-size: 10px; font-style: normal; font-weight: normal; background-color: #FFFFFF; color: #323232; text-align: left; background-position: center; } /* Used only in printing reports as style for a table row. Must be renamed to something printing-specific. */ .tablerowtwo { font-family: verdana; font-size: 10px; font-style: normal; font-weight: normal; background-color: #BEBEBE; color: #323232; text-align: left; background-position: center; } /* Used in printing reports as a style for a Copywrite. Must be defined a new printing-specific class. default-xml2html.xsl - base style for , style for */ .maincenter { font-family: verdana; font-size: 10px; font-style: normal; font-weight: bold; background-color: #FFFFFF; color: #0C339C; text-align: center; } /* console-xml2html.xsl, default-xml2html.xsl - used in tabs view. Must be renamed. */ .thisTab { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #000000; line-height: normal; font-style: normal; } /* console-xml2html.xsl, default-xml2html.xsl - used in tabs view. Must be renamed. */ .anotherTab { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #FF6633; } /* Used in printing reports as style for surrounding table. */ .tableOuterSurround { background-color: #000000; } /* bridge-conf-details.xsl, da-details.xsl, resevation-conf-details.xsl, reservation-part-details.xsl - dialog header. */ .dialoutboxheader { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; } /* CosoleConferenceStatus.js, ConsoleReservationStatus.js, ConsoleFligthTest.js - used to display messages. New class must be created. conference-operation.xsl, reservation-operation.xsl */ .conferenceoutertable { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #F0EEEF; color: #000000; } /* qa-list.xsl, console-xml2html.xsl - needs to be reviewed. */ .conferencedetails { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #F0EEEF; } /* bridge-conf-details.xsl, qa-details.xsl, reservation-conf-details.xsl, reservation-part-details.xsl - needs to be reviewed. */ .conferencedetailsnormal { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color: #F0EEEF; } /* bridge-conf-details.xsl, reservation-conf-details.xsl, console-xml2html.xsl - needs to be reviewed. */ .conferencedetailsbold { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #F0EEEF; color: #000000; } /* participant-operation.xsl, qa-list.xsl - needs to be reviewed. */ .participantlist { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #D2D2D2; color: #000000; } /* conference-operation.xsl, participant-operation.xsl, polling-results.xsl, reservation-operation.xsl - needs to be reviewed. */ .participanttable { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #F0EEEF; color: #000000; } /* participant-operation.xsl - Ok. */ .participantpagingtable { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #FFFFFF; color: #000000; text-align: center; } /* participant-operation.xsl, qa-list.xsl - Ok. */ .participantpagebuttondisabled { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; } /* participant-operation.xsl, qa-list.xsl - Ok. */ .participantpagebuttonenabled { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FF0000; } /* participant-operation.xsl - used to display participant status. Needs to be reviewed. */ .participantstatus { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color: #F0EEEF; color: #000000; text-align: center; } /* participant-operation.xsl, polling-results.xsl, qa-list.xsl - used to display unknown participant. */ .participantunknown { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #F0EEEF; color: #FF0000 } /* participant-operation.xsl - used to display moderator status. */ .participantmoderator { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-color: #F0EEEF; text-align: center; color: #FF0000 } /* participant-operation.xsl */ .participantscrollabletable { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #F0EEEF; background: #F0EEEF; position: absolute; overflow: auto; text-align: left; border-left: 1px solid #999999; border-bottom: 1px solid #999999; scrollbar-arrow-color: #000000; scrollbar-face-color: #D2D2D2; scrollbar-track-color: #999999; } /* Widely used all arcoss the project - need to be reviewed. */ .contentheadertext { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #F0EEEF; } /* the area containing the table displaying the chat messages */ .chatarea { background-color: #F0EEEF; color: #000000; overflow: auto; width: 195px; height: 345px; padding: 0; margin: 0; border: 0; } /* the table displaying the chat messages */ .chattable { font-family: verdana; font-size: 10px; font-style: normal; font-weight: normal; background-color: #F0EEEF; color: #000000; table-layout: fixed; align: center; text-align: left; } /* chat system messages (user joined, user left, error, warning)*/ .chatsystemmessage { font-family: verdana; font-size: 10px; font-style: normal; font-weight: normal; background-color: #F0EEEF; color: #E88510; align: center; text-align: left; } /* the chat drop down user list */ .chatfield { font-family: verdana; font-size: 12px; font-style: normal; text-decoration: none; color: #E88510; text-align: left; width: 150px; } /*chat message input field */ .chatmsgfield { font-family: verdana; font-size: 12px; font-style: normal; text-decoration: none; color: #E88510; text-align: left; width: 195px; } /* chat send button */ .chatsendbutton { font-family: verdana; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #E88510; text-align: center; height: 25px; width: 195px; } /* chat close button */ .chatclosebutton { font-family: verdana; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: underline; color: #E88510; text-align: center; } /* style for buttons (OK/cancel) appearing on chat dialogs */ .chatdialogbutton { font-family: verdana; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #E88510; text-align: center; width: 65px; } /* default chat style*/ .chatbody { font-family: verdana, Arial, Tahoma, sans-serif; font-size: 10px; font-style: normal; background-color: #F0EEEF; color: #000000; margin: 5px; } /* console-xmh2html.xsl - needs to be reviewed. */ .polling_conferencedetails { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #FFFFFF; color: #000000; } /* ConsolePollingStatus.js - need to be riviewed. */ .pollingstatustable { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #F0EEEF; color: #000000; } /* ConsolePollingStatus.js - need to be riviewed. */ .pollingstatusnormal { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color: #F0EEEF; text-align: center; color: #000000; } /* polling-results.xsl - need to be reviewed. */ .pollingresultsscrollabletable { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #F0EEEF; background: #F0EEEF; overflow: auto; height:175px; width: 100%; border-bottom: 1px solid #999999; scrollbar-arrow-color: #000000; scrollbar-face-color: #D2D2D2; scrollbar-track-color: #999999; } /* polling-results.xsl - need to be reviewed. */ .polling_results_header { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #D2D2D2; color: #000000; } /* console-xml2html.xsl - need to be revieved. */ .pollingdetailsbold { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #F0EEEF; color: #000000; } /* qa-list.xsl - need to be reviewed. */ .qascrollabletable { width: 100%; height: 300px; position: absolute; overflow: auto; border-left: 0px; border-bottom: 0px; padding: 0px; margin: 0px; scrollbar-arrow-color: #000000; scrollbar-face-color: #D2D2D2; scrollbar-track-color: #999999; } /* maxWidthSelect specifies the max width of a select input(listbox). It is used in any listbox when there is a danger that the contents could be very long in size. For example, the Company Names listbox may contain a company whose name is upto 50 characters. Fixing the length will keep the forms looking consistent and not automatically growing too large. */ .maxWidthSelect { width: 200px; } /* maxWidthSelectDisabled specifies the max width of a disabled select input(listbox). It is used to constrain the width of any listbox when there is a danger that the contents could be very long in size. */ .maxWidthSelectDisabled { background-color: #CCCCCC; width: 200px; } .bookingTabPane { width: 670px; height: 340px; vertical-align: top; } .innerBookingTabPane { vertical-align: top; width: 650px; } div.innerBookingTabPane { height: 340px; } div.innerBookingTabPane table table { height: 320px; } div.innerBookingTabPane table table table { height: auto; } div.innerBookingTabPane table table div table { width: 380px; } div.innerBookingTabPane table table div { } div.innerBookingTabPane table tr { vertical-align: top; } div.innerBookingTabPane table table tr { vertical-align: center; } div.bookingTabAdvancedOptions { position: absolute; width: 380px; height: 270px; z-index:4; overflow: auto; visibility: hidden; } /* contentFormArea defines an area for a form specifying a standard width for*/ /* a form. This is used by Client, Reseller and Company pages */ .contentFormArea { background-color: #F0EEEF; width: 595px; } /* This class is used on client, reseller and company search pages when more */ /* than the visible amount of rows are displayed. This allows the results to */ /* be paged neatly via scroll bars on the table */ div.divSearch { background-color: #F0EEEF; height: 320px; width: 600px; overflow: auto; } div.divSearch table { width: 580px; } /* This class models the style of an inline type. It shows text input in the */ /* same style as a lable. This way, the contents of the testbox will be */ /* submitted as part of the request. */ .inlineClass { font-family: Verdana; font-size: 11px; font-weight: normal; color: #323232; background-color: #F0EEEF; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; } /* This class is used on conference search page when more than the visible */ /* amount of rows are displayed. This allows the results to be paged neatly */ /* via scroll bars on the table */ div.divConferenceSearch { background-color: #F0EEEF; height: 200px; width: 600px; overflow: auto; } div.divConferenceSearch table { width: 580px; } div.divEditAccount { background-color: #F0EEEF; height: 600px; width: 600px; overflow: auto; } div.innerBookingTabPane#ParticipantsTab table { width: 100%; } div#AliasSearchResults { width: 600px; } div#AliasSearchResults div.divSearch { width: 598px; } div#AliasSearchResults div.divSearch table { width: 578px; } td.contentLabel { text-align: left; } /* This class is used on address book and recording screens when */ /* multiple rows of data are displayed */ .divParticipant_List { background-color: #F0EEEF; height: 305px; overflow: auto; } /* start RNDCS00042314 */ form#AddCompanyForm input#ResellerName, form#EditCompanyForm input#ResellerName { width: 130px; margin-right: 2px; } form#ReservationForm input#ClientName { width: 112px; margin-right: 2px; } form#ReservationForm input#CompanyName { margin-right: 2px; } /* end RNDCS00042314 */ /* start RNDCS00042228 */ form[name="searchform"] + table { margin-top: 16px; } /* end RNDCS00042228 */