/* 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:active {text-decoration: none; } a:hover {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 Spectel. Copyright 1999 2003" */ .copyright { font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; color: #69207e; } /* 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: #EB8510; } /* 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: #69207e; } /* 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: #6d6f71; } /* 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: #69207e; } /* 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: #69207e; 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: #003366;*/ 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: #bfaacc; /*color: #003366;*/ 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: #6d6f71; 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: #69207e; 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: #69207e; 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: #6d6f71; 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: #69207e; } .contentHeading { font-family: Verdana; font-size: 11px; font-weight: bold; color: #69207e; } /* 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; /*color: #003366;*/ } /* 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; /*color: #003366;*/ } /* 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: #BFAACC; } /* 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; /* color: #E88510;*/ background-color: #6d6f71; color: #FFFFFF; /*text-align: center;*/ } /* 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; } /* 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; } /* 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; } /* 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; } /* 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; } /* This class is used on login page to control area where */ /* advertised conferences and recordings are displayed */ .divLoginAdvertise { background-color: #BFAACC; 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: #BFAACC; height: 370px; overflow: auto; } /* This class is used on schedule list page when many rows of data */ /* are displayed */ .divScheduleList { background-color: #BFAACC; 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: #BFAACC; 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: #BFAACC; } /* 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: #003366; 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 elemenst. * 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; } /*.formbutton { /* font-family: verdana; /* font-size: 12px; /* font-style: normal; /* font-weight: bold; /* text-decoration: none; /* color: #E88510; /* text-align: center; /* width: 150; /*} /*************************************************************************************************** ****************************************************************************************************/ /*************************************************************************************************** * * 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: #EB8510; } .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: #003366; 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: #003366; 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: #F0EFEF; color: #003366; 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; }