/* (C) Metaswitch Networks 2007-2011 */
.dummyCSSclass{display:none;}

/*****************************************************************************/
/* AUTOGENERATED OVERRIDES                                                   */
/*****************************************************************************/
/*****************************************************************************/
/* CSS foreground colors                                                     */
/*****************************************************************************/
html {height: 100%;}
div.columnContents table.selectableList tr td {color: #554839;}
input.text {color: #000000;}
input.password {color: #000000;}
input.disabled {color: #808080;}
select {color: #000000;}
div#instructions {color: #000000;}
.yui-calcontainer .title {color: #000000;}
div#summaryServices div.scrnListPopup ul li {color: #000000;}
textarea {color: #000000;}
div.suggestions {color: #000000;}
div#loadingBanner {color: #000000;}
div.button a {color: #000000;}
.waitingPopup {color: #211b2a;}
div#GroupMemberships ul.cssGroupList li span {color: #211b2a;}
h2 {color: #211b2a;}
h3 {color: #211b2a;}
.hint h3 {color: #211b2a;}
.hint p {color: #211b2a;}
.hint li {color: #211b2a;}
.yui-calendar .calhead {color: #211b2a;}
h2 span a {color: #211b2a;}
#helpBox a:link {color: #211b2a;}
#helpBox a:visited {color: #211b2a;}
div#vpHeader {color: #211b2a;}
div.vpCall {color: #211b2a;}
div.mlhgPilots h2 span a {color: #211b2a;}
ul#mainNavigation li a {color: #ffffff;}
ul#mainNavigation li a.selected {color: #ea6900;}
body#bodyCallManager .scheduleColor0 {color: #54505b;}
body#bodyCallManager div.columnContents table.selectableList tr.cssListEntrySelected td.scheduleColor0 {color: #54505b;}
body#bodyCallManager div.columnContents table.selectableList tr td.scheduleColor0 {color: #54505b;}
body#bodyEA .scheduleColor0 {color: #54505b;}
body#bodyEA div.columnContents table.selectableList tr.cssListEntrySelected td.scheduleColor0 {color: #54505b;}
body#bodyEA div.columnContents table.selectableList tr td.scheduleColor0 {color: #54505b;}
div#icmSummaryPanel td#summarySchedulesTable .activenow {color: #009100;}
div#vpOutline {color: #3d3329;}
span#vpContact {color: #3d3329;}
span#vpCallInfo {color: #3d3329;}
span#vpCallDuration {color: #3d3329;}
div#vpStatusPlayingText {color: #3d3329;}
span#vpStatusPausedText {color: #3d3329;}
span#vpStatusStoppedText {color: #3d3329;}
span#vpStatusExampleText {color: #3d3329;}
div#vpProgressStatus {color: #3d3329;}
h1 {color: #ea6900;}
th {color: #ea6900;}
div#envelope {color: #554839;}
div#eaAnnouncementRecorder div.columnContents {color: #554839;}
.yui-calendar td.calcell a {color: #ea6900;}
.yui-calendar td.calcell.selected a {color: #ea6900;}
.yui-calendar td.calcell.drag a {color: #ea6900;}
.yui-calendar td.calcell.calcellhover a {color: #ea6900;}
#followMeStepDetails .panel .details {color: #ea6900;}
#followMeStepDetails a {color: #ea6900;}
#followMeAddEditRule h3 {color: #ea6900;}
#followMeAddEditRule .formrow label {color: #ea6900;}
div.screeningForm .columnContents h3 {color: #ea6900;}
div#busyNoAnswer h3 {color: #ea6900;}
div.selectiveNumbers div.columnContents .columnContents h3 {color: #ea6900;}
div#simRing div.columnContents .columnContents h3 {color: #ea6900;}
.CTDMenu tr a {color: #ea6900;}
div#vpStatusLoadingText {color: #1ca121;}
div.statusLoadingText {color: #1ca121;}
body#bodyCallManager .scheduleColor1 {color: #00aa00;}
body#bodyCallManager div.columnContents table.selectableList tr.cssListEntrySelected td.scheduleColor1 {color: #00aa00;}
body#bodyCallManager div.columnContents table.selectableList tr td.scheduleColor1 {color: #00aa00;}
body#bodyEA .scheduleColor1 {color: #00aa00;}
body#bodyEA div.columnContents table.selectableList tr.cssListEntrySelected td.scheduleColor1 {color: #00aa00;}
body#bodyEA div.columnContents table.selectableList tr td.scheduleColor1 {color: #00aa00;}
span.setOn {color: #737373;}
.yui-calendar .calweekdaycell {color: #666666;}
.yui-calendar .calrowhead {color: #666666;}
.yui-calendar .calrowfoot {color: #666666;}
a {color: #c8a986;}
div#summaryServices .columnContents a {color: #c8a986;}
div#summaryServices .columnContents em {color: #c8a986;}
div#dashNewMessages h2 {color: #c8a986;}
div#dashNewMessages h3 {color: #c8a986;}
div#linesTable table a.groupLink {color: #c8a986;}
div.lines table a.groupLink {color: #c8a986;}
div#madnsTable table a.groupLink {color: #c8a986;}
body#bodyCallManager .scheduleColor2 {color: #6a6a6a;}
body#bodyCallManager div.columnContents table.selectableList tr.cssListEntrySelected td.scheduleColor2 {color: #6a6a6a;}
body#bodyCallManager div.columnContents table.selectableList tr td.scheduleColor2 {color: #6a6a6a;}
body#bodyEA .scheduleColor2 {color: #6a6a6a;}
body#bodyEA div.columnContents table.selectableList tr.cssListEntrySelected td.scheduleColor2 {color: #6a6a6a;}
body#bodyEA div.columnContents table.selectableList tr td.scheduleColor2 {color: #6a6a6a;}
div#adPanel2 {outline: 1px solid #808080;}
form#fmfmSelectionForm .disabled {color: #808080;}
form#fmfmSelectionForm .disabled select {color: #808080;}
div#accountCodeOptions div.columnContents ul li .barredByOperator {color: #808080;}
div#reminderTimeControls label {color: #1f1828;}
div.setScheduleTimeControls label {color: #1f1828;}
.yui-calendar td.calcell.previous {color: #cccccc;}
span.setOff {color: #e40000;}
#errorBox p.errorMessage {color: #545454;}
.brokenReference {color: #545454;}
#scriptDisabled {color: #545454;}
#loginError {color: #545454;}
div#adminAsLineSessionExpiredWarning {color: #545454;}
div#phoneProfileSessionExpiredWarning {color: #545454;}
div#vpStatusBlockedText {color: #545454;}
div.columnContents table.selectableList tr.cssListEntrySelected td {color: #554839;}
div.columnContents ul.selectableList li.cssListEntrySelected {color: #554839;}
div#dashContactList div.scrollableArea ul li.cssListEntrySelected {color: #554839;}
div#contactList div.scrollableArea ul li.cssListEntrySelected {color: #554839;}
div#codesList div.scrollableArea ul li.cssListEntrySelected {color: #554839;}
div.externalContactError {color: #554839;}
div#externalContactFilter div.scrollableArea ul li.cssListEntrySelected {color: #554839;}
div.suggestions div.current {color: #554839;}
div#groupMembership div.scrollableArea ul li.cssListEntrySelected {color: #554839;}
.oneLineOnly {color: #ea6900;}
form#myCellNumberForm .oneLineOnly {color: #554839;}
div#lineSwitchLogoutHelp {color: #ea6900;}
div.scrollableArea ul li a {color: #554839;}
div.scrollableArea ul li a:visited {color: #554839;}
div.scrollableArea ul li a:link {color: #554839;}
div.scrollableArea ul li a.selected {color: #554839;}
div.columnContents ul.selectableList li {color: #554839;}
div#dashContactList div.scrollableArea ul li {color: #554839;}
div#contactList div.scrollableArea ul li {color: #554839;}
div#codesList div.scrollableArea ul li {color: #554839;}
div#externalContactFilter div.scrollableArea ul li {color: #554839;}
div#groupMembership div.scrollableArea ul li {color: #554839;}
.inlineNav li a {color: #140f19;}
div#tabBox ul li a div {color: #140f19;}
div#tabBoxPopup ul li a div {color: #140f19;}
.accListNav li a {color: #140f19;}
.inlineNav li.selected a {color: #211b2a;}
div#tabBox ul li.selected a div {color: #211b2a;}
div#tabBoxPopup ul li.selected a div {color: #211b2a;}
.accListNav li.selected a {color: #211b2a;}
div.contactDisplay span.value {color: #554839;}
div.contactDisplay span.preferred {color: #554839;}
div.contactInfoBox ul#contactNumbers li span {color: #554839;}
div.contactInfoBox ul#contactNumbers li .preferred {color: #554839;}
span#vpContact {color: #3d3329;}
div#vpSystemMessage {color: #3d3329;}
div.statusNoItemText {color: #545454;}
span.statusTextInactive {color: #c50000;}
span.statusTextInactive:hover {color: #e40000;}
span.statusTextActive {color: #00760b;}
span.statusTextActive:hover {color: #00b311;}
div.voicemailHeader h2 {color: #ffffff;}
span.voicemailHeader {color: #ffffff;}
div.progressStatus {color: #3d3329;}
h5 {color: #211b2a;}
div#vpHeader h2 {color: #ffffff;}
div.reminderControls label {color: #1f1828;}
div.actSCHourControls label {color: #1f1828;}
div.csvPanel .dialog .operationStatus span.initial {color: #808080;}
.importCountersRow div.deactivated {color: #808080;}
p.instructions {color: #ea6900;}
div#addEditDepartmentDialog .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x; border: 3px solid #211a2b;}

/*****************************************************************************/
/* Popup dialog text color for bottom-gradient bgcolor popups               */
/*****************************************************************************/
div#confirmPanel .dialog {color: #554839;}
form#forwardAsEmailForm {color: #554839;}
div#exportCallListsPanel {color: #554839;}
div#rejectPanel {color: #554839;}
div#rejectFaxPanel {color: #554839;}
div#quotaInfoPanel {color: #554839;}
div#noFlashPanel {color: #554839;}
div#importContactsPanel {color: #554839;}
div#exportContactsPanel {color: #554839;}
div#ldapProgressPanel {color: #554839;}
div#fdDeletePopup {color: #554839;}
label#acAccountCodeLabel {color: #554839;}
label#acAccountDescriptionLabel {color: #554839;}
div#msFmfmEditPanel {color: #554839;}
div#setRulesSetName {color: #554839;}
div#setPeriodName {color: #554839;}
div#ruleWizardDiv {color: #554839;}
div#newPhoneTargetPanel {color: #554839;}
div#newEmailTargetPanel {color: #554839;}
div#newSMSPhoneTargetPanel {color: #554839;}
div#newPagerTargetPanel {color: #554839;}
div#notificationSchedulePanel {color: #554839;}
div#descriptionDialog {color: #554839;}
div#addGroupDialog {color: #554839;}
div#addEditSingleShortCodeDialog {color: #554839;}
div#addEditRangeShortCodeDialog {color: #554839;}
div#addEditSingleDialog {color: #554839;}
div#addEditRangeDialog {color: #554839;}
div#addLinesDialog {color: #554839;}
div#addLinesDialog div.contentColumn div.columnContents {color: #554839;}
div#changePositionsDialog {color: #554839;}
div#changePositionsDialog div.contentColumn div.columnContents {color: #554839;}
div#callmeConfirmPanel {color: #554839;}
div#CallMeWizardDiv {color: #554839;}
div#jsTabPanel-tabBox-Phones {color: #554839;}
div#jsTabPanel-tabBox-Toolbar {color: #554839;}
div#jsTabPanel-tabBox-Gadgets {color: #554839;}
div#resetAccConfirmation {color: #554839;}
div.eaStatusHeader {color: #554839;}
div#eaSwitchToSingle {color: #554839;}
div#eaFirstTime .firstTime,div#eaSwitchMode .SwitchMode,div#mainTabIncompleteConfig .warningConfigItem,div#menuApplyWarning .warningConfigItem,div#eaFwdNumberConfig .forwardItem, div#bgExtAutoIncludeConfig .extItem, div#dialByExtAnyTimeConfig .extItem{color: #554839;}
span.XI_EAScheduleDescriptionTitle {color: #554839;}
div.XI_EAExtensionsDescriptionTitle {color: #554839;}
span.XI_SwitchToScheduleDescription {color: #554839;}
div#mainTabIncompleteConfig .warningConfigSugItem {color: #554839;}
div#eaNoMicDialog {color: #554839;}
div#specialDaysDialog {color: #554839;}
div.promptText {color: #554839;}
div#addEditExtensionDialog {color: #554839;}
div#notEaLine {color: #554839;}
div#screeningPanel p{color: #554839;}
div#followMeAddEditRule {color: #554839;}
div#confirmPeriodDeletionPanel {color: #554839;}
div#downloadRecordingReportPanel {color: #554839;}
div#paConfirmAnnouncementDeletePanel {color: #554839;}
div#recordingOverlayDialog {color: #554839;}
div#addMenuDialog {color: #554839;}
div#addAnnDialog {color: #554839;}
div#confirmDeletionPanel {color: #554839;}
div#paErrorsPanel {color: #554839;}
body#bodyEA div#eaEditRecording {color: #554839;}
div#bgExtAutoIncludeConfig {color: #554839;}
div#instructionsWrapper {color: #554839;}
div#confirmMobileDeletionPanel {color: #554839;}
div#extensionsWarning {color: #554839;}
div#myPhonesPanel p{color: #554839;}
div#manageQuickAdd {color: #554839;}
div.manageICMContacts {color: #554839;}
div#widgetDownloadPopup {color: #554839;}
div#dlConfirmPanel {color: #554839;}
div#ecmSetForwardingNumber {color: #554839;}
div#ecmMyPhonesPanel {color: #554839;}
div#ecmManageContactGroup {color: #554839;}
div#deleteContactPanel div.button a
div#confirmMessageDeletePanel {color: #554839;}
div#accountPasswordPanel {color: #554839;}
div#accountSIPPasswordPanel {color: #554839;}
div#accountPINPanel {color: #554839;}
div#accountVoicemailPINPanel {color: #554839;}
div#notPrimaryDevicePanel {color:#554839;}
div#messagesSetForwardAddress {color: #554839;}
div#addEditDepartmentDialog {color: #554839;}
div#screenOne .hint {color: #554839;}
div#screenOne .hint li {color: #554839;}
div#screenOne .hint p {color: #554839;}
div#screenOne .hint span {color: #211b2a;}
div#widgetInfoDialog {color: #554839;}
body.ctdOnly.isDashboard div#widgetInfoDialog {color: #554839;}

div#confirmPanel .dialog  h2 {color: #211b2a;}
form#forwardAsEmailForm  h2 {color: #211b2a;}
div#exportCallListsPanel  h2 {color: #211b2a;}
div#rejectPanel  h2 {color: #211b2a;}
div#rejectFaxPanel  h2 {color: #211b2a;}
div#quotaInfoPanel  h2 {color: #211b2a;}
div#noFlashPanel  h2 {color: #211b2a;}
div#importContactsPanel  h2 {color: #211b2a;}
div#exportContactsPanel  h2 {color: #211b2a;}
div#ldapProgressPanel  h2 {color: #211b2a;}
div#fdDeletePopup  h2 {color: #211b2a;}
label#acAccountCodeLabel  h2 {color: #211b2a;}
label#acAccountDescriptionLabel  h2 {color: #211b2a;}
div#msFmfmEditPanel  h2 {color: #211b2a;}
div#setRulesSetName  h2 {color: #211b2a;}
div#setPeriodName  h2 {color: #211b2a;}
div#ruleWizardDiv  h2 {color: #211b2a;}
div#newPhoneTargetPanel  h2 {color: #211b2a;}
div#newEmailTargetPanel  h2 {color: #211b2a;}
div#newSMSPhoneTargetPanel  h2 {color: #211b2a;}
div#newPagerTargetPanel  h2 {color: #211b2a;}
div#notificationSchedulePanel h2 {color: #211b2a;}
div#descriptionDialog  h2 {color: #211b2a;}
div#addGroupDialog  h2 {color: #211b2a;}
div#addEditSingleShortCodeDialog  h2 {color: #211b2a;}
div#addEditRangeShortCodeDialog  h2 {color: #211b2a;}
div#addEditSingleDialog  h3 {color: #211b2a;}
div#addEditRangeDialog  h3 {color: #211b2a;}
div#addLinesDialog  h3 {color: #211b2a;}
div#changePositionsDialog  h3 {color: #211b2a;}
div#callmeConfirmPanel  h2 {color: #211b2a;}
div#CallMeWizardDiv h2 {color: #211b2a;}
div#jsTabPanel-tabBox-Phones h2 {color: #211b2a;}
div#jsTabPanel-tabBox-Toolbar h2 {color: #211b2a;}
div#jsTabPanel-tabBox-Gadgets h2 {color: #211b2a;}
div#resetAccConfirmation h2 {color: #211b2a;}
div.eaStatusHeader h2 {color: #211b2a;}
div#eaNoMicDialog h2 {color: #211b2a;}
div#specialDaysDialog h2 {color: #211b2a;}
div#dptSwitchLogoutHelp span.usrName {color: #211b2a;}
div#addEditExtensionDialog h2 {color: #211b2a;}
div#eaFwdNumberConfig h2{color: #211b2a;}
div#manageAccountCodeDialog h2{color: #211b2a;}
div#addPH h2{color: #211b2a;}
div#confirmPeriodDeletionPanel h2{color: #211b2a;}
div#downloadRecordingReportPanel h2{color: #211b2a;}
div#paConfirmAnnouncementDeletePanel h2{color: #211b2a;}
div#recordingOverlayDialog h2{color: #211b2a;}
div#addMenuDialog h2{color: #211b2a;}
div#addAnnDialog h2{color: #211b2a;}
div#confirmDeletionPanel h2{color: #211b2a;}
div#paErrorsPanel h2{color: #211b2a;}
div#bgExtAutoIncludeConfig h1{color: #211b2a;}
div#instructionsWrapper h2{color: #211b2a;}
div#confirmMobileDeletionPanel h2{color: #211b2a;}
div#screeningPanel h2{color: #211b2a;}
div#mainTabIncompleteConfig h1{color: #211b2a;}
div#menuApplyWarningDialog h1{color: #211b2a;}
div#extensionsWarning h1{color: #211b2a;}
div#manageQuickAdd h2{color: #211b2a;}
div#manageICMContacts h2{color: #211b2a;}
div#myPhonesPanel h2{color: #211b2a;}
div#myPhonesPanel .headerBox h2{color: #211b2a;}
div#msFmfmEditPanel h3 {color:#211b2a;}
div.REPLY h2{color: #211b2a;}
div.FORWARD h2 span{color: #211b2a;}
div#widgetDownloadPopup h1 {color: #211b2a;}
div#dlConfirmPanel h2{color: #554839;}
div#ecmSetForwardingNumber h2{color: #554839;}
div#ecmMyPhonesPanel h2 {color: #554839;}
div#ecmMyPhonesPanel div.headerBox h2 {color:#000000;}
div#ecmMyPhonesPanel .phoneNumber {color: #000000;}
div#ecmManageContactGroup h2{color: #554839;}
div#ctdPanel h2{color: #554839;}
div#accountPasswordPanel h2 {color: #211b2a;}
div#accountSIPPasswordPanel h2{color: #211b2a;}
div#accountPINPanel h2{color: #211b2a;}
div#accountVoicemailPINPanel h2 {color: #211b2a;}
div#messagesSetForwardAddress h2{color: #211b2a;}
div#notPrimaryDevicePanel h2 {color:#211b2a;}
div#addEditDepartmentDialog h3 {color: #211b2a;}
div#widgetInfoDialog h1 {color: #211b2a;}
body.ctdOnly.isDashboard div#widgetInfoDialog h1{color: #211b2a;}

/*****************************************************************************/
/* Music on hold elements                                                    */
/*****************************************************************************/
div.main_panel_navigation li.main_panel_other_links a{color: #140f19;}
div.main_panel_navigation li.main_panel_other_links span.menu_active span{color: #211b2a;}
div.main_moh table#MSW_RES_TABLE_GML a, table#MSW_RES_TABLE_FILES a{color: #c8a986;}
div.main_moh table#MSW_MAPPINGS_TABLE tr#MSW_MAPPINGS_HEADINGS th,tr#MSW_RES_GML_HEADERS th,table#MSW_RES_TABLE_FILES tr#MSW_RES_FILES_HEADERS th{color: #211b2a;}
div.main_moh table#MSW_MAPPINGS_TABLE tr#MSW_MAPPINGS_ADD th,tr#MSW_RES_ADD_HEADERS th{color: #211b2a;}
div.main_MOH div.DEPT_NAV_PAGE_BOTTOM a{color: #c8a986;}
div.main_MOH table#MSW_RES_TABLE_GML tr td#MSW_RES_GML_ITEMS_ID,td#MSW_RES_FILES_ITEMS_ID a{color: #c8a986;}

/*****************************************************************************/
/* CSS background colors                                                     */
/*****************************************************************************/
input.text {background: #ffffff;}
input.password {background: #ffffff;}
input.disabled {background-color: #cccccc;}
select {background: #ffffff;}
div.externalContactWarning {background: #00dd00;}
body#bodyCallManager #weeklyPanel td.p0 {background: #544f5b;}
body#bodyCallManager #weeklyPanel td.p0drag {background: #544f5b;}
body#bodyCallManager #weeklyPanel td.p1 {background: #00a800;}
body#bodyCallManager #weeklyPanel td.p1drag {background: #00a800;}
body#bodyEA #eaWeeklyPanel td.p0 {background: #544f5b;}
body#bodyEA #eaWeeklyPanel td.p0drag {background: #544f5b;}
body#bodyEA #eaWeeklyPanel td.p1 {background: #00a800;}
body#bodyEA #eaWeeklyPanel td.p1drag {background: #00a800;}
body#bodyEA div#scheduleKey table div.scheduleKeySquareEnabled {background: #544f5b;}
body#bodySettings div#scheduleKey table div.scheduleKeySquareEnabled {background: #544f5b;}
body#bodySettings div#schedulePicker td.p0 {background: #544f5b;}
body#bodySettings div#schedulePicker td.p0drag {background: #544f5b;}
div.suggestions div.current {background-color: #57525e;}
body#bodyCallManager #weeklyPanel td.p2 {background: #6a6a6a;}
body#bodyCallManager #weeklyPanel td.p2drag {background: #6a6a6a;}
body#bodyEA #eaWeeklyPanel td.p2 {background: #6a6a6a;}
body#bodyEA #eaWeeklyPanel td.p2drag {background: #6a6a6a;}
.yui-calendar td.calcell.highlight2 {background-color: #ffd8ab;}
th {background: #ffe6ca;}
.CTDMenu tr:hover {background: #aaa39c;}
.CTDMenu tr a:hover {background: #aaa39c;}
.menuSelected {background: #aaa39c;}
div#followMe div.scrollableArea table td a img {background: #d3d2d5;}
.yui-calendar td.calcell.highlight1 {background-color: #b2ffb2;}
.yui-calendar td.calcell.highlight4 {background-color: #b2ffb2;}
.yui-calendar td.calcell.selected a {background-color: #2d2339;}
.yui-calendar td.calcell.drag a {background-color: #2d2339;}
#fmfmRulesTable tbody tr.firstRow td.first {background: #2d2339;}
#fmfmRulesTable td.on {background: #2d2339;}
#fmfmRulesTable td.first {background: #2d2339 url(../../img/interface/icm/fmfm-end.gif) bottom no-repeat;}
#fmfmRulesTable td.last {background: #2d2339 url(../../img/interface/icm/fmfm-end.gif) bottom no-repeat;}
table#fmfmRulesTable td.last {background: #2d2339 url(../../img/interface/icm/fmfm-end.gif) bottom no-repeat !important;}
div.dialog .yui-calendar td.calcell.selected a {background-color: #dddddd;}
div.dialog .yui-calendar td.calcell.drag a {background-color: #dddddd;}
#Box em {background-color: #dddddd;}
.yui-calendar .calfoot {background-color: #ededed;}
div#followMe div.scrollableArea table tr.hover td {background-color: #ececec;}
div#manageAccountCodeDialog .background {background: #f5f4f5;}
div.background {background: #f5f4f5;}
div#confirmPanel div.background {background: #f5f4f5;}
body {background: #cbc8cd;}
body.helpPage {background: #f5f4f5;}

div#vpConfirmPanel div.vpConfirmBackground,
body.isDashboard div#messsageDeleteConfirmPanel div.messsageDeleteConfirmBackground,
body.isVistaSidebar div#messsageDeleteConfirmPanel div.messsageDeleteConfirmBackground
 {background: #f5f4f5;}

div.reject div.background {background: #f5f4f5;}
div#changePositionsDialog div.background {background: #f5f4f5;}
.yui-calcontainer {background-color: #f8f7f8;}
.yui-calendar td.calcell.blankdrag a {background-color: #f8f7f8;}
.yui-calendar td.calcell.calcellhover {background-color: #f8f7f8;}
div#manageAccountCodeDialog .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#addLinesDialog .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#screeningPanel .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#confirmPanel .dialog {background: #efeff0;}
#followMeStepDetails .panel .details {background: #efeff0 url(../../img/interface/bg-popup-small.gif) bottom left repeat-x;}
div#followMeAddEditRule .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#fdDeletePopup .dialog {background: #efeff0;}
div#addGroupDialog .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#ldapProgressPanel div.dialog {background: #efeff0;}
div#loadingBanner {background: #efeff0;}
div.dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#vpConfirmPanel .dialog {background: #efeff0;}
div.reject .dialog {background: #efeff0;}
div#forwardingPanel .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#changePositionsDialog .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div.newEntryPanel .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#descriptionDialog .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#schedulePanel .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
.dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div.externalContactError {background: #545454;}
.yui-calendar td.calcell.highlight3 {background-color: #ffcccc;}
.outofdate {background-color: #ffdddd;}
.jsHighlight {background-color: #ffff00;}
.waitingPopup .details {background: #ffffaa;}
.hint {background: #ffffcc;}
div#errorPanel .dialog {background: #ffffff;}
div#summaryServices div.scrnListPopup {background: #ffffff;}
div#summaryServices div.scrnListPopup ul li {background-color: #ffffff;}
div#busyNoAnswer div#bcfFader {background: #ffffff;}
.interactionPopup .details {background: #ffffff;}
.CTDMenu {background: #ffffff;}
div.ctdPopup .dialog {background: #ffffff none repeat scroll 0% 0%;}
div.suggestions div {background-color: #ffffff;}
div.suggestions {background-color: #ffffff;}
#weeklyPanel td.blankdrag {background: #ffffff;}
#eaWeeklyPanel td.blankdrag {background: #ffffff;}
div#vpFlashBlock {background: #ffffff;}
div#vpPopupBackground {background: #ffffff;}
.notAllowedLoggedInPopup .details {background: #ffffff;}
ul#mainNavigation li a {background-color: #211b2a;}
ul#mainNavigation li a {background: #211b2a;}*/
ul#mainNavigation li a.selected {background-color: #2d2339;}
ul#mainNavigation li a.selected {background-color: #2d2339;}
.actionMenu {background: #ffffff none repeat scroll 0% 0%;}
.actionMenu tr:hover {background: #aaa39c;}
.actionMenu tr a:hover {background: #aaa39c;}
.actionMenu tr:hover {color: #554839;}
div.dialogWrapper .internalDialogWrapper {background: #c2c0c4 url(../../img/interface/bg-popup-vm.gif) repeat-x scroll left bottom;}
div.informationBox {background: #ffffff none repeat scroll 0% 50%;}
textarea {background: #ffffff;}
div#enterNumberPanel .dialog {background: #ffffff none repeat scroll 0% 0%;}
div#msEditReminder .dialog {background: #c2c0c4 url(../../img/interface/bg-popup-vm.gif) repeat-x scroll left bottom;}
div#newPagerTargetPanel .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) repeat-x scroll left bottom;}
div#editGroupMailbox .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) repeat-x scroll left bottom;}
div.csvPanel .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) repeat-x scroll left bottom;}
div.progressBarContainer.initial {background-color: #cccccc;}

/*****************************************************************************/
/* CSS border colors                                                         */
/*****************************************************************************/
input.disabled {border: 1px solid #1f1828;}
input.text {border: 1px solid #1f1828;}
input.password {border: 1px solid #1f1828;}
select {border: 1px solid #1f1828;}
#helpBox em {border: 1px solid #000000;}
div#loadingBanner {border-color: #000000;}
#commonHelp {border: solid 2px #211b2a;}
#forwardingPreferences {xx border: solid #211b2a 1px;}
.yui-calendar td.calcell.today a {border: 1px solid #211b2a;}
div.externalContactWarning {border: 1px solid #00aa00;}
.inlineNav li a {border-right: 1px solid #140f19;}
.accListNav li a {border-right: 1px solid #140f19;}
.yui-calcontainer {border: 1px solid #8c8991;}
.CTDMenu {border: 2px #808080 outset;}
#editAddress1 {border: 1px dotted #808080;}
#editAddress2 {border: 1px dotted #808080;}
div#adPanel2 {*border: 1px solid #808080;}
div#adPanel3 {border: 1px solid #808080;}
div#manageAccountCodeDialog .dialog {border: 3px solid #211a2b;}
div#addLinesDialog .dialog {border: 3px solid #211a2b;}
div#errorPanel .dialog {border: 3px solid #211a2b;}
div#screeningPanel .dialog {border: 3px solid #211a2b;}
div#confirmPanel .dialog {border: 3px solid #211a2b;}
div#followMeAddEditRule .dialog {border: 3px solid #211a2b;}
div#fdDeletePopup .dialog {border: 3px solid #211a2b;}
div#addGroupDialog .dialog {border: 3px solid #211a2b;}
div.ctdPopup .dialog {border: 5px solid #211a2b;}
div#ldapProgressPanel div.dialog {border: 3px solid #211a2b;}
div.dialog {border: 3px solid #211a2b;}
div#vpOutline {border: 3px solid #211a2b;}
div#vpFlashBlock {border: 1px solid #211a2b;}
div#vpConfirmPanel .dialog {border: 3px solid #211a2b;}
div#vpPopupBackground {border: 1px solid #211a2b;}
div.reject .dialog {border: 3px solid #211a2b;}
div#forwardingPanel .dialog {border: 3px solid #211a2b;}
div#changePositionsDialog .dialog {border: 3px solid #211a2b;}
div.newEntryPanel .dialog {border: 3px solid #211a2b;}
div#descriptionDialog .dialog {border: 3px solid #211a2b;}
div#schedulePanel .dialog {border: 3px solid #211a2b;}
.dialog {border: 3px solid #211a2b;}
textarea {border: 1px solid #1f1828;}
div.suggestions {border: 1px solid #1f1828;}
#followMeStepDetails .panel .details {border: 1px solid #b0adb3;}
.waitingPopup .details {border: 1px solid #bbb9be;}
div#summaryServices div.scrnListPopup {border: 1px solid #bbb9be;}
.interactionPopup .details {border: 1px solid #bbb9be;}
.notAllowedLoggedInPopup .details {border: 1px solid #bbb9be;}
.yui-calendar td.calcell.calcellright {border-right: 1px solid #bebdc1;}
.yui-calendar td.calcell.calcellleft {border-left: 1px solid #bebdc1;}
.yui-calendar td.calcell.calcellbottom {border-bottom: 1px solid #bebdc1 !important;}
th.calweekdaycell.last {border-right: 1px solid #bebdc1;}
th.calweekdaycell.first {border-left: 1px solid #bebdc1;}
div#followMe div.scrollableArea table td {border-right: 1px solid #b7bac2;}
div#followMe div.scrollableArea table td {border-bottom: 1px solid #b7bac2;}
body#bodyCallManager #periodPanel table tbody td {border: 1px solid #b7bac2;}
body#bodyEA #periodPanel table tbody td {border: 1px solid #b7bac2;}
body#bodyCallManager table#zoom-out tbody td {border: 1px solid #b7bac2;border-top:none;border-bottom:none;padding-top:0;padding-bottom:0;}
body#bodyCallManager table#zoom-out tbody tr.hourRow td {border-top: 1px solid #b7bac2 !important;}
body#bodyEA table#zoom-out tbody td {border: 1px solid #b7bac2;border-top:none;border-bottom:none;padding-top:0;padding-bottom:0;}
body#bodyEA table#zoom-out tbody tr.hourRow td {border-top: 1px solid #b7bac2 !important;}
body#bodySettings table#zoom-out tbody td {border: 1px solid #b7bac2;border-top:none;border-bottom:none;padding-top:0;padding-bottom:0;}
body#bodySettings table#zoom-out tbody tr.hourRow td {border-top: 1px solid #b7bac2 !important;}
#fmfmRulesTable tbody td {border: 1px solid #b7bac2;}
div#followMe div.scrollableArea table td a:hover {border: 1px solid #ffe6ca;}
div.externalContactError {border: 1px solid #3e3e3e;}
.statusIcons li.first {border-right: 1px solid #c8cad0;}
.notifStatusIcons li.first {border-right: 1px solid #c8cad0;}
.hint {border: solid 1px #c0c0c0;}
ul.helpPageContents {border-bottom: 2px dashed #2c2238;}
#groupMembersForDisplay {border-top: 1px solid #fffdfa;}
#contactList ul {border-top: 1px solid #fffdfa;}
div#externalContactFilter div.scrollableArea ul {border-top: 1px solid #fffdfa;}
div#externalContactFilter div.scrollableArea li {border-top: 1px solid #fffdfa;}
.outofdate {border: dashed #545454 5px;}
#periodPanel table tbody td.edge {border-color: #545454;}
#intercomList ul {border-top: 1px solid #ffffff;}
#dashContactList ul {border-top: 1px solid #ffffff;}
div#followMe table th {border-right: 1px solid #ffffff;}
div#followMe div.scrollableArea table td a {border: 1px solid #ffffff;}
div#busyNoAnswer div.columnContents .columnContents {*border-bottom: 1px solid #ffffff;}
div.selectiveNumbers div.columnContents .columnContents {*border-bottom: 1px solid #ffffff;}
div#fwdDestinations div.columnContents .columnContents {*border-bottom: 1px solid #ffffff;}
div#simRing div.columnContents .columnContents {*border-bottom: 1px solid #ffffff;}
ul#mainNavigation {border-left: 1px solid #211b2a;}
ul#mainNavigation li a {border-left: 1px solid #211b2a;}
ul#mainNavigation li a {border-right: 1px solid #211b2a;}
ul#mainNavigation li a {border-bottom: 1px solid #211b2a;}
ul#mainNavigation li a.selected {border-left: 1px solid #2d2339;}
ul#mainNavigation li a.selected {border-right: 1px solid #2d2339;}
ul#mainNavigation li a.selected {border-bottom: 1px #2d2339 solid;}
.actionMenu {border: 2px outset #808080;}
div.dialogWrapper .dialog {border: 3px solid #211a2b;}
div.informationBox {border: 1px #211a2b;}
div#enterNumberPanel .dialog {border: 3px solid #211a2b;}
div#msEditReminder .dialog {border: 3px solid #211a2b;}
div#newPagerTargetPanel .dialog {border: 3px solid #211a2b;}
div#editGroupMailbox .dialog {border: 3px solid #211a2b;}
div.progressBarContainer {border-color: #211a2b #ffffff #ffffff #211a2b;}
div#CallMeWizardDiv div.dialog, div#callmeConfirmPanel div.dialog {border: 3px solid #211a2b; background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;}
div#emailForwardingPanel .dialog,div#messageDialog .dialog,
div#exportCallListsPanel .dialog, div#quotaInfoPanel .dialog,
div#noFlashPanel .dialog {border: 3px solid #211a2b;}
div#specialDaysDialog .dialog {border: 3px solid #211a2b;}
div#screenOne .hint {border: 3px solid #211a2b;}

/*****************************************************************************/
/* Gadget specific css                                                       */
/*****************************************************************************/
body.gadget {background: #f5f4f5;}
body.gadget div.background {background: #f5f4f5;}
body.gadget div#envelope div .dialog{background:url(../../img/gadget/popup-bg.gif) repeat-x top;background-color:#2d2339;border:2px solid #211a2b;text-align:center;}
body.gadget div#vpOutline div#vpButtons {border-top: 1px solid #211a2b;}
body.gadget div#vpPlayBack {border-bottom: 1px solid #bebdc1; border-top: 1px solid #211a2b;}
body.gadget div#vpInformation {border-bottom: 1px solid #bebdc1;}
body.isGoogleDesktop div.scrollableArea, body.isDashboard div.scrollableArea, body.isVistaSidebar div.scrollableArea {background: #cbcace; border: 1px solid #2f2b36;}
body.isGoogleDesktop div.headerBox, body.isVistaSidebar div.headerBox, body.isDashboard div.headerBox {border-color:-moz-use-text-color #2f2b36 #2f2b36;}
body.isDashboard div.background,body.isVistaSidebar div.background{background:#bebdc1 repeat;}
body.ctdOnly.isGoogleDesktop div#envelope div#enterNumberPanel,

body.ctdOnly.isVistaSidebar div#envelope div#enterNumberPanel,
body.ctdOnly.isDashboard div#envelope div#enterNumberPanel,
body.ctdOnly.isGoogleDesktop div#envelope div#callingStatusPanel,
body.ctdOnly.isVistaSidebar div#envelope div#callingStatusPanel,
body.ctdOnly.isDashboard div#envelope div#callingStatusPanel,
body.ctdOnly.isGoogleDesktop div#errorPanel,
body.ctdOnly.isVistaSidebar div#errorPanel,
body.ctdOnly.isDashboard div#errorPanel
{background:#2d2339;}
body.ctdOnly div#envelope div#enterNumberPanel,body.ctdOnly div#envelope div#callingStatusPanel,body.ctdOnly div#errorPanel{background:#ffffff;}

body.ctdOnly div.background{background:#ffffff;}
body.ctdOnly.isGoogleDesktop div.background,body.ctdOnly.isVistaSidebar div.background,body.ctdOnly.isDashboard div.background{background-color:#2f2b36;}
body.size0.isVistaSidebar div#vpOutline,body.size0.isVistaSidebar div#envelope div#enterNumberPanel .dialog,body.size0.isVistaSidebar div#envelope div#callingStatusPanel .dialog{background:url(../../img/gadget/vista/vista-popupbg.png) #ffffff repeat-x left 14px;}
body.isDashboard div#tabBox {border-bottom:0px solid #ffffff;}
body.ctdOnly div.ctdPopup div.button a {background:transparent url(../../img/gadget/ig/btn.png) no-repeat right top;color: #ffffff;}
body.ctdOnly div.ctdPopup div.button {background:transparent url(../../img/gadget/ig/btn.png) no-repeat left top;}
body.ctdOnly h2 {font-family: Tahoma,Arial,Helvetica,sans-serif;}
body.isGoogleDesktop div.ctdPopup div.button a, body.isVistaSidebar div.ctdPopup div.button a, body.isDashboard div.ctdPopup div.button a, body.isDashboard div#widgetInfoPanel div.button a, body.isDashboard div.button a {background:transparent url(../../img/gadget/btn.png) no-repeat right top;color: #ffffff;}

body.isGoogleDesktop div.ctdPopup div.button, body.isVistaSidebar div.ctdPopup div.button, body.isDashboard div.ctdPopup div.button {background:transparent url(../../img/gadget/btn.png) no-repeat left top;}
body.isDashboard {background: transparent;}
body.gadget div#vpOutline {border: none;}

body.ctdOnly.isGoogleDesktop div.background,
body.ctdOnly.isVistaSidebar div.background,
body.ctdOnly.isDashboard div.background
{background:url(../../img/gadget/ctd-bg.gif) repeat-x center bottom;background-color:#ffffff;}

body.isDashboard div#messageListPanel .columnContents,
body.isDashboard div#jsTabPanel-tabBox-Missed .columnContents,
body.isDashboard div#jsTabPanel-tabBox-Received .columnContents,
body.isDashboard div#jsTabPanel-tabBox-Dialed .columnContents
{border-bottom:1px solid #2f2b36;}

body.isGoogleDesktop div#messageListPanel .columnContents,
body.isGoogleDesktop div#jsTabPanel-tabBox-Missed .columnContents,
body.isGoogleDesktop div#jsTabPanel-tabBox-Received .columnContents,
body.isGoogleDesktop div#jsTabPanel-tabBox-Dialed .columnContents,
body.isDashboard div#messageListPanel .columnContents,
body.isDashboard div#jsTabPanel-tabBox-Missed .columnContents,
body.isDashboard div#jsTabPanel-tabBox-Received .columnContents,
body.isDashboard div#jsTabPanel-tabBox-Dialed .columnContents
{border:1px solid #2f2b36;}

body.gadget div.headerBox {background:#ffffff;}

body.isGoogleDesktop div#outerBox,body.isVistaSidebar div#outerBox{background:#ffffff;}
body.isGoogleDesktop div#loginForm,body.isVistaSidebar div#loginForm{background:#2d2339;}
body.isGoogleDesktop #loginForm div.contentColumn,body.isVistaSidebar #loginForm div.contentColumn{background-color:#ffffff;}
/* Hide new the title on the gadget login page */
body.gadget div#loginForm h1{display:none;}
body.gadget div#loginForm br{display:none;}

body.gadget div.headerBox,
body.gadget div.headerBox h2
{color:#211b2a;}

body.isGoogleDesktop div.headerBox,
body.isGoogleDesktop div.headerBox h2,
body.isVistaSidebar div.headerBox,
body.isVistaSidebar div.headerBox h2,
body.isDashboard div.headerBox,
body.isDashboard div.headerBox h2
{color:#211b2a;}

body.gadget table#messageTable tr:hover,table#missedTable tr:hover,table#dialedTable tr:hover,table#receivedTable tr:hover{background:#b0aeb3;}
body.isDashboard div#enterNumberPanel h2,body.isGoogleDesktop div#enterNumberPanel h2, body.isVistaSidebar div#enterNumberPanel h2{color:#808080}
body.isGoogleDesktop div.button a, body.isVistaSidebar div.button a {color: #ffffff;}

/*****************************************************************************/
/* Inner rounded box images with different coloured corners                  */
/*****************************************************************************/
div#setsOfRulesContentColumn div#busyNoAnswer form#ucfForm form#scfForm div#fwdDestinations .headerBox {background:transparent url(../../img/interface/header-bubble-inner.gif) no-repeat scroll left top;}
div#setsOfRulesContentColumn.columnWrapper {background:transparent url(../../img/interface/content-column.gif) no-repeat scroll right top;}

/*****************************************************************************/
/* Inner rounded box images with different coloured corners                  */
/*****************************************************************************/
div.contentColumn div.contentColumn
{background:url(../../img/interface/content-column-inner.gif) left 24px no-repeat;}

#content div.secondPanel div.titleContentColumn {background: url(../../img/interface/content-column-inner.gif) no-repeat scroll left 1px;}

div#rulesPanel div#setOfRulesInnerContentColumn,
div#groupDetails div.groupLines div.columnWrapper
{background:url(../../img/interface/content-column-inner.gif) left 0 no-repeat;}
div#weeklyPanel div.periodContentColumn {background:transparent url(../../img/interface/icm/content-column.gif) no-repeat left 21px;}
div.icmPopup div.contentColumn div.columnContents{margin-left:6px;}

div.contentColumn div.contentColumn div.columnContents
{background:url(../../img/interface/content-column-inner.gif) right top no-repeat;}

div.contentColumn div.contentColumn div.headerBox h2
{background:url(../../img/interface/header-bubble-inner.gif) right top no-repeat;}
div#weeklyPanel div.periodContentColumn div.headerBox h2 {background:transparent url(../../img/interface/icm/weekly-schedule-header-right.gif) no-repeat right top;}

div.contentColumn .contentColumn .bottomRounded div.left
{background:url(../../img/interface/content-column-inner.gif) bottom left no-repeat;}

div.contentColumn .contentColumn .bottomRounded
{background:url(../../img/interface/content-column-inner.gif) bottom right no-repeat;}

div.contentColumn div.contentColumn div.headerBox
{background:url(../../img/interface/header-bubble-inner.gif) left top no-repeat;}
div#weeklyPanel div.periodContentColumn div.headerBox {background:transparent url(../../img/interface/icm/weekly-schedule-header-left.gif) no-repeat 0 0;}
div#remindersConfiguration div.contentColumn {background:transparent url(../../img/interface/content-column-inner.gif) no-repeat scroll left 1px;}
div#remindersConfiguration div.columnContents {background:transparent url(../../img/interface/content-column-inner.gif) right top no-repeat;}
div#remindersConfiguration div.bottomRounded {background:transparent url(../../img/interface/content-column-inner.gif) right bottom no-repeat;}
div#remindersConfiguration div.bottomRounded div.left {background:transparent url(../../img/interface/content-column-inner.gif) bottom left no-repeat;}

#bcmRingStateDropDown .columnContents {background:transparent url(../../img/interface/content-column-inner.gif) right top no-repeat;}
#bcmRingStateDropDown .bottomRounded{background:transparent url(../../img/interface/content-column-inner.gif) right bottom no-repeat;}
#bcmRingStateDropDown .bottomRounded .left {background:transparent url(../../img/interface/content-column-inner.gif) left bottom no-repeat;}
div#bcmRingStateDropDown .contentColumn{background:transparent url(../../img/interface/content-column-inner.gif) no-repeat scroll left 1px;}

/*****************************************************************************/
/* These aren't actually the same images with different corners, but are close*/
/* enough and look quite good                                                 */
/*****************************************************************************/
div#eaWeeklyPanel div#periodContentColumn div.headerBox,
div#eaWeeklyPanel div#eaSpecialDays div.headerBox
{background:url(../../img/interface/header-bubble.gif) left top no-repeat;}

div#eaWeeklyPanel div#periodContentColumn div.headerBox h2,
div#eaWeeklyPanel div#eaSpecialDays div.headerBox h2
{background:url(../../img/interface/header-bubble.gif) right top no-repeat;}

div#eaWeeklyPanel div#periodContentColumn,
div#eaWeeklyPanel div#eaSpecialDays
{background:url(../../img/interface/content-column.gif) left 24px no-repeat;}

div#eaWeeklyPanel div#periodContentColumn div.columnContents,
div#eaWeeklyPanel div#eaSpecialDays div.columnContents
{background:url(../../img/interface/content-column.gif) right top no-repeat;}

div#eaWeeklyPanel div#periodContentColumn .bottomRounded div.left,
div#eaWeeklyPanel div#eaSpecialDays .bottomRounded div.left
{background:url(../../img/interface/content-column.gif) bottom left no-repeat;}

div#eaWeeklyPanel div#periodContentColumn div.bottomRounded,
div#eaWeeklyPanel div#eaSpecialDays div.bottomRounded
{background:url(../../img/interface/content-column.gif) bottom right no-repeat;}

/*****************************************************************************/
/* These only affect the call manager calendar, not easy attendant           */
/*****************************************************************************/
div.contentColumn .yui-calendar .calhead {background: url(../../img/interface/bg-calendar-hdr-inner.gif) no-repeat scroll 0 0;}
div.contentColumn a#prevMonth {background: url(../../img/buttons/prev-month-inner.gif) no-repeat scroll 0 0;}
div.contentColumn a#prevMonths {background: url(../../img/buttons/prev-3-month-inner.gif) no-repeat scroll 0 0;}
div.contentColumn a#nextMonth {background: url(../../img/buttons/next-month-inner.gif) no-repeat scroll 0 0;}
div.contentColumn a#nextMonths {background: url(../../img/buttons/next-3-month-inner.gif) no-repeat scroll 0 0;}

/*****************************************************************************/
/* Buttons on popups require different corner colours to match the bg color*/
/*****************************************************************************/
div#msFmfmEditPanel div.button,
div#screeningPanelDialog div.button,
div#fdDeletePopup div.button,
div#msFmfmEditPanel div.button,
div#setRulesSetName div.button,
div#setPeriodName div.button,
div#addPH div.button,
div#ruleWizardDiv div.button,
div#msEditReminder div.button,
div#editGroupMailbox div.button,
div#newPhoneTargetPanel div.button,
div#newEmailTargetPanel div.button,
div#newSMSPhoneTargetPanel div.button,
div#newPagerTargetPanel div.button,
div#schedulePanel div.button,
div#screeningPanel div.button,
div#screeningPanelDialog div.button,
div#greetingRecorderDialog div.button,
div#emailForwardingPanel div.button,
div#messageDialog div.button,
div#exportCallListsPanel div.button,
div#rejectPanel div.button,
div#quotaInfoPanel div.button,
div#noFlashPanel div.button,
div#confirmPanel div.button,
div#addGroupDialog div.button,
div#addEditSingleShortCodeDialog div.button,
div#addEditRangeShortCodeDialog div.button,
div#manageAccountCodeDialog div.button,
div#descriptionDialog div.button,
div#callmeConfirmPanel div.button,
div#CallMeWizardDiv div.button,
div#notificationSchedulePanel div.button,
div#resetAccConfirmation div.button,
div#eaFirstTime div.button,
div#eaFwdNumberConfig div.button,
div.eaStatusHeader div.button,
div#eaSwitchMode div.button,
div#menuApplyWarning div.button,
div#eaEditAnnouncement div.button,
div#eaNoMicDialog div.button,
div#specialDaysDialog div.button,
div#addEditExtensionDialog div.button,
div#mainTabIncompleteConfig div.button,
div#mainTabIncompleteConfig div.button,
div#menuApplyWarningDialog div.button,
div#extensionsWarning div.button,
div#addEditDepartmentDialog div.button,
div#followMeAddEditRule div.button,
div#addEditRangeDialog div.button,
div#addEditSingleDialog div.button,
div#addLinesDialog div.button,
div#confirmMessageDeletePanel div.button,
div#changePositionsDialog div.button
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll left top;}

div#confirmPeriodDeletionPanel div.button,
div#downloadRecordingReportPanel div.button,
div#paConfirmAnnouncementDeletePanel div.button,
div#confirmMessageDeletePanel div.button,
div#recordingOverlayDialog div.button,
div#addMenuDialog div.button,
div#addAnnDialog div.button,
div#confirmDeletionPanel div.button,
div#paErrorsPanel div.button,
div#eaEditRecording div.button,
div#bgExtAutoIncludeConfig div.button,
div#instructionsWrapper div.button,
div#confirmMobileDeletionPanel div.button,
div#screenOne .hint div.button
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll left top;}

div#manageAllContacts div.button,
div#manageICMContacts div.button,
div#myPhonesPanel div.button,
div#manageQuickAdd div.button,
div#widgetDownloadPopup div.button
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll left top;}

div#dlConfirmPanel div.button,
div#ecmSetForwardingNumber div.button,
div#ecmMyPhonesPanel div.button,
div#ecmManageContactGroup div.button,
div#ctdPanel div.button,
div#deleteContactPanel div.button
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll left top;}

div#accountPasswordPanel div.button,
div#accountSIPPasswordPanel div.button,
div#accountPINPanel div.button,
div#accountVoicemailPINPanel div.button,
div#messagesSetForwardAddress div.button, 
div#notPrimaryDevicePanel div.button
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll left top;}

div#exportContactsPanel div.button,
div#importContactsPanel div.button,
div#ConfirmMessageDeletePanel div.button,
div#ldapProgressPanel div.button
{background:url(../../img/buttons/btn-popup.gif) left top no-repeat;}




div#msFmfmEditPanel div.button a,
div#screeningPanelDialog div.button a,
div#fdDeletePopup div.button a,
div#msFmfmEditPanel div.button a,
div#setRulesSetName div.button a,
div#setPeriodName div.button a,
div#addPH div.button a,
div#ruleWizardDiv div.button a,
div#msEditReminder div.button a,
div#editGroupMailbox div.button a,
div#newPhoneTargetPanel div.button a,
div#newEmailTargetPanel div.button a,
div#newSMSPhoneTargetPanel div.button a,
div#newPagerTargetPanel div.button a,
div#schedulePanel div.button a,
div#screeningPanel div.button a,
div#screeningPanelDialog div.button a,
div#greetingRecorderDialog div.button a,
div#emailForwardingPanel div.button a,
div#messageDialog div.button a,
div#exportCallListsPanel div.button a,
div#rejectPanel div.button a,
div#quotaInfoPanel div.button a,
div#noFlashPanel div.button a,
div#confirmPanel div.button a,
div#addGroupDialog div.button a,
div#addEditSingleShortCodeDialog div.button a,
div#addEditRangeShortCodeDialog div.button a,
div#manageAccountCodeDialog div.button a,
div#descriptionDialog div.button a,
div#callmeConfirmPanel div.button a,
div#CallMeWizardDiv div.button a,
div#notificationSchedulePanel div.button a,
div#resetAccConfirmation div.button a,
div#eaFirstTime div.button a,
div#eaFwdNumberConfig div.button a,
div#eaSwitchMode div.button a,
div#mainTabIncompleteConfig div.button a,
div#menuApplyWarning div.button a,
div#eaEditAnnouncement div.button a,
div#specialDaysDialog div.button a,
div#eaNoMicDialog div.button a,
div#addEditExtensionDialog div.button a,
div.eaStatusHeader div.button a,
div#mainTabIncompleteConfig div.button a,
div#menuApplyWarningDialog div.button a,
div#extensionsWarning div.button a,
div#followMeAddEditRule div.button a,
div#addEditDepartmentDialog div.button a,
div#addEditRangeDialog div.button a,
div#addEditSingleDialog div.button a,
div#addLinesDialog div.button a,
div#changePositionsDialog div.button a
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll right top;}

div#confirmPeriodDeletionPanel div.button a,
div#downloadRecordingReportPanel div.button a,
div#paConfirmAnnouncementDeletePanel div.button a,
div#recordingOverlayDialog div.button a,
div#addMenuDialog div.button a,
div#addAnnDialog div.button a,
div#confirmDeletionPanel div.button a,
div#paErrorsPanel div.button a,
div#eaEditRecording div.button a,
div#bgExtAutoIncludeConfig div.button a,
div#instructionsWrapper div.button a,
div#confirmMobileDeletionPanel div.button a,
div#screenOne .hint div.button a
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll right top;}

div#manageAllContacts div.button a,
div#manageICMContacts div.button a,
div#myPhonesPanel div.button a,
div#manageQuickAdd div.button a,
div#widgetDownloadPopup div.button a
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll right top;}

div#dlConfirmPanel div.button a,
div#ecmSetForwardingNumber div.button a,
div#ecmMyPhonesPanel div.button a,
div#ecmManageContactGroup div.button a,
div#ctdPanel div.button a,
div#deleteContactPanel div.button a,
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll right top;}

div#accountPasswordPanel div.button a,
div#accountSIPPasswordPanel div.button a,
div#accountPINPanel div.button a,
div#accountVoicemailPINPanel div.button a,
div#messagesSetForwardAddress div.button a,
div#notPrimaryDevicePanel div.button a
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll right top;}

div#exportContactsPanel div.button a,
div#importContactsPanel div.button a,
div#ConfirmMessageDeletePanel div.button a,
div#ldapProgressPanel div.button a
{background:url(../../img/buttons/btn-popup.gif) no-repeat scroll right top;}


/*****************************************************************************/
/* The font styles                                                           */
/*****************************************************************************/
ul#mainNavigation li a {font-family: Tahoma,Arial,Helvetica,sans-serif;}
ul#mainNavigation li a.selected {font-family: Tahoma,Arial,Helvetica,sans-serif;}
h1 {font-family: Tahoma,Arial,Helvetica,sans-serif;}
.oneLineOnly {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div#lineSwitchLogoutHelp {font-family: Tahoma,Arial,Helvetica,sans-serif;}
h2 {font-family: Tahoma,Arial,Helvetica,sans-serif;}
h3 {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div#envelope {font-family: Tahoma,Arial,Helvetica,sans-serif;}
a {font-family: Tahoma,Arial,Helvetica,sans-serif ;}
div#dashContactList div.scrollableArea ul li {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div.scrollableArea ul li.cssListEntrySelected {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div#tabBox ul li.selected a div, div#tabBoxPopup ul li.selected a div {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div#tabBox ul li a div, div#tabBoxPopup ul li a div {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div.contactDisplay span.preferred {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div.contactDisplay span.value {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div.button.hilite.disabled a {font-family: Tahoma,Arial,Helvetica,sans-serif;}
div.button a {font-family: Tahoma,Arial,Helvetica,sans-serif;}
p.line-footer {font-family: Tahoma,Arial,Helvetica,sans-serif;}
p.admin-footer {font-family: Tahoma,Arial,Helvetica,sans-serif;}

/*****************************************************************************/
/* The default CSS needs rejigging to get the correct border colors on the   */
/* main navigation bar.                                                      */
/*****************************************************************************/


/*****************************************************************************/
/* And the login form needs rejigging to allow for the inclusion of a title. */
/*****************************************************************************/
#loginForm {margin-top: 60px;}
div#loginBrowser {margin-top:48px;}
div#adminAsLineSessionExpiredWarning,
div#phoneProfileSessionExpiredWarning,
div#catSessionExpiredWarning {padding-top:48px;}

/*****************************************************************************/
/* Additional parameters for the basic surround.html.                        */
/*****************************************************************************/
p.line-footer
{
  width: 590px;
  text-align: left;
  font-size: 11px;
  color: #666666;
}

body.line-bsurround
{
  text-align: center;
  background: #ffffff;
}

#line-dsurround
{
  text-align: left;
  width: 590px;
  margin-left: auto;
  margin-right: auto;
}

p.admin-footer
{
  width: 740px;
  text-align: left;
  font-size: 11px;
  color: #666666;
}

body.admin-bsurround
{
  text-align: center;
  background: #ffffff;
}

#admin-dsurround
{
  text-align: left;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}

/*****************************************************************************/
/*                                                                           */
/* Optional inclusions.                                                      */
/*                                                                           */
/*****************************************************************************/

/*****************************************************************************/
/* Overrides to handle Trebuchet MS Font.                                    */
/*****************************************************************************/

/*****************************************************************************/
/* Overrides to handle Verdana.                                              */
/*****************************************************************************/

/*****************************************************************************/
/* Overrides to handle Arial                                                 */
/*****************************************************************************/


/*****************************************************************************/
/* Service exclusion handled by CSS (some other service inclusions are       */
/* handled by the brandings properties file).                                */
/*****************************************************************************/

/*****************************************************************************/
/* V7.1 specific CSS which may override some of that which is above.         */
/*****************************************************************************/
div#mainNavigationTab ul#mainNavigation li a {margin-left: 5px;}
div#mainNavigationTab ul#mainNavigation li a.selected {margin-left: -1px;}

div#mainNavigationTab {background: #211b2a;}
div#navigationContainer ul#mainNavigation li a.selected {border: 1px solid #211b2a;}

div#instructionsPopup {border: 3px solid #211a2b;}
div.roTabContent div.columnContents {color:#1f1828;}
div.jsTabPanel-Accordion-Recorder div.columnContents {color:#1f1828;}
body#bodyPA div.eaEditRecording {color:#1f1828;}

/*****************************************************************************/
/* For v7.1 on IE6, the mainNavigation border 1px with causes the last tab to*/
/* wrap over onto the next line.                                             */
/*****************************************************************************/
ul#mainNavigation {_border-left: 0px;}

/*****************************************************************************/
/* Override the background of the Premium Attendant schedule so that it is   */
/* always light coloured.                                                    */
/*****************************************************************************/
body#bodyPA div.periodContentColumn div.periodPanel {background: url(../../img/interface/icm/content-column-pa.gif) right top no-repeat;}
body#bodyPA #zoomToggle {background: url(../../img/interface/icm/zoom-pa.gif) no-repeat 0 0;}
body#bodyPA div#periodPanel th {color: #000000;}
body#bodyPA div#periodPanel a {color: #6A88C3;}
body#bodyPA div#periodsPanel table.selectableList tr {background: #ffffff;}

#bodyPA .inlineNav li.selected a {color:#211b2a;}
#bodyPA .inlineNav li a {color:#140f19;}

/*****************************************************************************/
/* Colors for weekly schedules.  Duplicated from standard schedules-widgets.css */
/* but overriden above (so that we can change other unselected list item font */
/* colors) so we have to override back again.                                 */
/*****************************************************************************/
body#bodyPA .scheduleColor0 {color: #0000FF;}
body#bodyPA .scheduleColor1 {color: #00CC00;}
body#bodyPA .scheduleColor2 {color: #CC3333;}
body#bodyPA .scheduleColor3 {color: #CCCC00;}
body#bodyPA .scheduleColor4 {color: #FF33FF;}
body#bodyPA .scheduleColor5 {color: #33DDDD;}
body#bodyPA .scheduleColor6 {color: #006600;}
body#bodyPA .scheduleColor7 {color: #000000;}
body#bodyPA .scheduleColorSD {color: #000000;}
body#bodyPA .scheduleColorOT {color: #000000;}

/*****************************************************************************/
/* Remove border from click to dial popup in v71 onwards.                    */
/*****************************************************************************/
div#ctdPanel .dialog {border: 0px; background: none}

/*****************************************************************************/
/* The surround can move the Phone configuration iframe off the screen, so   */
/* move it back again. Do this even if colors aren't changing. Only needed   */
/* when using a surround but no harm if there when not needed.               */
/*****************************************************************************/
div#popupOverlayDiv {text-align: left;}

/*****************************************************************************/
/* Remove white header box from QDA login page v71 onwards.                  */
/*****************************************************************************/
body.qdFullScreen div.headerBox {background: none;}
body.qdFullScreen div#envelope{background:url(../../img/gadget/qd/accelerator-full-bg.png) #ffffff repeat-x bottom;*background:url(../../img/gadget/qd/accelerator-full-bg.png) #ffffff repeat-x bottom;}
body.qdFullScreen div#loginToUseText{color:#211b2a;}
body.qdFullScreen div#envelope div#errorPanel div.dialog,body.qdPreviewLoggedIn div#envelope div#errorPanel div.dialog{background:#ffffff;}
body.qdFullScreen div#envelope div#errorPanel div.dialog h2#errorMessage,body.qdPreviewLoggedIn div#envelope div#errorPanel div.dialog h2#errorMessage{color:#ffffff;}
/* ctdOnly buttons are overriden from the recolored ones to unchanged blue ones in /img/gadget/ig above for some reason so have to re-override here */
body.qdFullScreen div.ctdPopup div.button a {background:transparent url(../../img/gadget/btn.png) no-repeat right top;}
body.qdFullScreen div.ctdPopup div.button {background:transparent url(../../img/gadget/btn.png) no-repeat left top;}
body.qdPreviewLoggedIn div.ctdPopup div.button a {background:transparent url(../../img/gadget/btn-qd.png) no-repeat right top;}
body.qdPreviewLoggedIn div.ctdPopup div.button {background:transparent url(../../img/gadget/btn-qd.png) repeat left top;}
body.qdPreviewLoggedIn div.button a{color:#0f1d3f;}
body.qdPreviewLoggedOut div.ctdPopup div.button a {background:transparent url(../../img/gadget/btn.png) no-repeat right top;}
body.qdPreviewLoggedOut div.ctdPopup div.button {background:transparent url(../../img/gadget/btn.png) no-repeat left top;}
body.qdPreviewLoggedOut,body.QDPreviewLoggedIn{color:#ffffff;}
body.qdPreviewLoggedOut a.XI_QDSubmitButton{color:#0f1d3f;}
body.qdPreviewLoggedOut .QDHintTextHint{color:#f8fe5d;}
body.qdFullScreen a#qdLogout,body.qdFullScreen a#configureSettings,body.qdPreviewLoggedIn a#qdLogout,body.qdPreviewLoggedIn a#configureSettings{color:#ffffff;}
body.qdPreviewLoggedIn h2,body.qdPreviewLoggedIn div#envelope{color:#ffffff;}
body.qdPreviewLoggedIn div.background{background:url(../../img/gadget/accelerator-prev-bg.png) no-repeat;}
body.qdFullScreen div#envelope div#enterNumberPanel,
body.qdFullScreen div#envelope div#callingStatusPanel {background: url(../../img/gadget/qd/accelerator-full-panel.png) no-repeat center;}
body.qdFullScreen div#envelope div#errorPanel,
body.qdFullScreen div.background {background: none;}

/* Other gadget stuff that might be new in V71 */
/* #bodyMessages div.contentColumn div.columnContents{background:#fff;} */
/* body.size0 tr.vmStateHeard{color:#999;} */
/* body.size0 tr.vmStateUnheard{color:black;font-weight:normal;} */
/* div#tabBox ul li a div,div#tabBox ul li.selected a div{color:#fff;background:none;} */

/*****************************************************************************/
/* V7.2 CSS                                                                  */
/*****************************************************************************/

/*****************************************************************************/
/* contactlist.css                                                           */
/*****************************************************************************/
#callManagerGroupHint span {color: #000000;}

/*****************************************************************************/
/* gadget.css                                                                */
/*****************************************************************************/
div#widgetWarnings span {color: #211b2a;}
div.scrollableArea table tr.oddRow td {background: #dddcdf none no-repeat fixed center;}
body#bodyMessages.gadget div.contentColumn div.columnContents {background: #cbcace;}
div#placeCallNumberSuggestDiv {background: #ffffff;}


table#messageTable tr td:hover,
table#missedTable tr td:hover,
table#dialedTable tr td:hover,
table#receivedTable tr td:hover {background: #b0aeb3;}

/*****************************************************************************/
/* messages.css                                                              */
/*****************************************************************************/
.flatButton a.contact,
.messageLink:hover a,
.messageLinkActive a,
.contact{color: #c8a986;}
.flatButton a, .flatButton .roundedEdge {color: #000000;}
table div.messageContents {color: #7a726b;}
div.flatButton:hover a.defaultAction,
div.flatButtonActive a.defaultAction
{border-color: #1a1521;}
div#ConfirmMessageDeletePanel div.DeleteMessageConfirmBackground {background: #f5f4f5;}
div#ConfirmMessageDeletePanel .dialog {background: #efeff0; border: 3px solid #211a2b;}
/* Background color used to show which message is currently being played */
#messageTableBody td.currentMessage,
#missedTableBody td.currentMessage,
#trashTableBody td.currentMessage,
table#messageTable  tr:hover,
table#faxTable      tr:hover,
table#missedTable   tr:hover,
table#dialedTable   tr:hover,
table#receivedTable tr:hover,
table#rejectedTable tr:hover,
table#trashTable    tr:hover {background-color: #bbb9be;}
/* Set flatButton to default font as none of the others fit */
div.flatButton a {font-family: Tahoma, Arial, Helvetica, sans-serif;}

/*****************************************************************************/
/* fbcallme.css                                                              */
/*****************************************************************************/
body.fbcallme {background: #ffffff url(../../img/gadget/qd/accelerator-full-bg.png) repeat-x scroll center bottom;}

/*****************************************************************************/
/* simpleicm.css                                                             */
/*****************************************************************************/
#newICMPanel .leftPanel .callType .callTypeInfo h2, #newICMPanel .leftPanel #doNotDisturb .info h2 {color: #211b2a;}

div#confirmRemovePhone .dialog {background-color: #efeff0;border: 3px solid #211a2b;}
#manageQuickAdd .dialog {background: #efeff0 none repeat scroll 0 0; border: 3px solid #211a2b;}
#duplicatePanel .dialog {background: #efeff0 none repeat scroll 0 0; border: 3px solid #211a2b;}

#newICMPanel #doNotDisturbOn span {color: #211b2a;}
#newICMPanel #doNotDisturbOnOverlay {background-color:#ffffff;}
#newICMPanel .leftPanel .callType .callTypeInfo h2,
#newICMPanel .leftPanel #doNotDisturb .info h2 {color: #211b2a;}
#newICMPanel .leftPanel .callType .callTypeInfo div {color: #211b2a;}
#newICMPanel .leftPanel a.callType,
#newICMPanel .leftPanel #doNotDisturb {color: #211b2a;}
#newICMPanel .rightPanel #vipCallersHint span,
#newICMPanel .rightPanel #unwantedCallersHint span {color: #554839;}
div#newICMPanel .headerText {color: #ea6900;}
div.manageICMContacts .columnContents {color: #554839;}
.manageICMContacts #noContacts p {color: #554839;}
.manageICMContacts #vipContactCaller, .manageICMContacts #unwantedContactCaller, .manageICMContacts .header {color: #554839;}
.manageICMContacts #callersSuggestCreateContact {background-color: #ffffff;border: 1px solid #211a2b;}
.manageICMContacts #callersSuggestion {color: #554839;}
.manageICMContacts #callersSuggestList {border: 1px solid #211a2b;background-color: #ffffff;}

.manageICMContacts #callersSuggestElements li.grayout,
.manageICMContacts #callersSuggestCreateContact.grayout {color: #7a726b;}

.manageICMContacts #callersSuggestElements li.current,
.manageICMContacts #callersSuggestCreateContact.current {background-color: #ffd8ab; color: #554839;}

#manageQuickAdd.addToContact #quickAddFirstLastName label, #manageQuickAdd.addToContact #quickAddTypeLabel {color: #554839;}
#manageQuickAdd #quickAddFirstLastName label, #manageQuickAdd #quickAddTypeLabel {color: #554839;}
#duplicatePanel .dialog .title {color: #211b2a;}
#errorPanel.simpleICMError #errorPanelPopup h2#errorMessage {color: #211b2a;}
div#newICMPanel div.headerText {color: #ea6900;}


/*****************************************************************************/
/* V7.3 CSS                                                                  */
/*****************************************************************************/

/*****************************************************************************/
/* attendant.css                                                             */
/*****************************************************************************/
#eaAdminAnnWarning {border: 3px solid $CS707; background: $CS619;}

/*****************************************************************************/
/* base.css                                                                  */
/*****************************************************************************/
span.buttonDivider {border-left: 1px solid #bbb9be;}
.actionMenu {border: 1px solid #808080;}

/*****************************************************************************/
/* callme.css                                                                */
/*****************************************************************************/
div#callMeCloseWindow {border: 3px solid #211a2b;}

/*****************************************************************************/
/* clicktodial.css                                                           */
/*****************************************************************************/
div.ctdCPPopup .dialog h2 {color: #808080;}
div.ctdCPPopup input#callNameNumber{border: 1px solid #211a2b;}
div.ctdCPPopup div#phoneNumberListPopup {border: 2px solid #211a2b; background-color: #ffffff}
div.ctdCPPopup div#phoneNumberListPopup a {color: $cs593$}
div.ctdCPPopup div#phoneNumberListPopup .phoneNumberListLine:hover {background-color: #2d2339}
div.ctdCPPopup div#callingStatus {color: #808080;}
div#ctdPanel {color: #a49483;}

/*****************************************************************************/
/* contactlist.css                                                           */
/*****************************************************************************/
div#contactList div.scrollableArea ul li.cssListEntryFocused {color: #000000;}
div#contactList div.scrollableArea ul li.cssListEntrySelected {color: #554839;}

/*****************************************************************************/
/* contacts.css                                                           */
/*****************************************************************************/
div#deleteContactPanel .dialog {border: 3px solid #211a2b;}
div#deleteWaitPanel .dialog {border: 3px solid #211a2b;}
div.progressBarContainer {border-color: #211a2b;}
div.progressBarContainer .progressBar {background: #211a2b;}
div#deleteContactPanel p {color: #211b2a;}
div#contactsNoSelectionDisplay ul {color: #000000;}
.specialGroupsDeletionHint span {color: #808080;}

/*****************************************************************************/
/* easyattendant.css                                                         */
/*****************************************************************************/
div.dialog {background: #c2c0c4;}

/*****************************************************************************/
/* gadget.css                                                                */
/*****************************************************************************/
div#enterNumberPanel h2 {color: #808080;}
div#callingStatusPanel h2 {color: #808080;}
#widgetMenuDropdown.actionMenu {border: 1px solid #7a726b;}
body.isDashboard a#changeSelectedNumber {color: #ffffff;}
div#envelope div#callingStatus {color: #7a726b;}
div#phoneNumberListPopup {border: 2px solid #1f1828; background-color: #ffffff;}
div#phoneNumberListPopup .phoneNumberListLine:hover{background-color: #2d2339;}
div#phoneNumberListPopup a{color: #ffffff;}
body.qdFullScreen div#callingStatusPanel{color: #f4f4f3;}
body.qdFullScreen div#envelope span#callingName{color: #ea6900;}
body.qdFullScreen div#envelope span#callingNumber{color: #ea6900;}
body.qdFullScreen div#envelope div#callingStatus{color: #ea6900;}
body.qdFullScreen div#envelope div#callDuration{color: #ea6900;}
body.qdPreviewLoggedIn div#enterNumberPanel h2{color: #554839;}
body.qdPreviewLoggedIn div#callingStatusPanel h2{color: #554839;}

/*****************************************************************************/
/* This image changed between 7.2 and 7.3 - use the new version of the image */ 
/*  for v7.3                                                                 */
/*****************************************************************************/
body.ctdOnly.size0.isDashboard div#envelope div#callingStatusPanel .dialog{ background: url(../../img/gadget/mac/mac-dial-bg-v73.png) no-repeat -7px -7px;}
body.ctdOnly.size0.isDashboard div#envelope div#errorPanel .dialog {background: url(../../img/gadget/mac/mac-dial-bg-v73.png) no-repeat 0px 0px;}
body.ctdOnly.isDashboard div#content div.dialogWrapper {background: url(../../img/gadget/mac/mac-dial-bg-v73.png) no-repeat;}
body.ctdOnly.isDashboard div#envelope div#callingStatusPanel{background: url(../../img/gadget/mac/mac-dial-bg-v73.png) no-repeat scroll 0 0 transparent;}


/*****************************************************************************/
/* group.css                                                         */
/*****************************************************************************/
div#groupMembership div.scrollableArea ul li.cssListEntryFocused {color: #554839;}

/*****************************************************************************/
/* help.css                                                                 */
/*****************************************************************************/
#helpNavigationTab {background-color: #bcbabf; border-right: #f8f7f8;}
#helpBox {border-left: 1px solid #aaa39c;}
div#helpNavigationTab li.selected {background-color: #ffd8ab;}
div#helpNavigationTab li.selected a {color: #554839;}
div#helpNavigationTab a {color: #120e18;}
div#tutorialBorderDiv {border-bottom: solid 1px #aaa39c;}
div#relatedTutorials h5{border-top: solid 1px #f8f7f8; color: #000000;}
div#helpBox div.helpIndexPage a span {color: #c8a986;}
div#helpBox div.relatedTutorials a span {color: #c8a986;}
h4 {color: #211b2a;}
h6 {color: #211b2a;}
div#helpBox div.helpIndexPage a span, div#helpBox div#relatedTutorials a span {color: #211b2a;} 
#helpBox em {background-color: #f5f4f5;}

/*****************************************************************************/
/* icm.css                                                                 */
/*****************************************************************************/
body#bodyCallManager div.columnContents table.selectableList tr.cssListEntryFocused td.scheduleColor0 {color: #54505b;}
body#bodyCallManager div.columnContents table.selectableList tr.cssListEntryFocused td.scheduleColor1 {color: #00aa00;}
body#bodyCallManager div.columnContents table.selectableList tr.cssListEntryFocused td.scheduleColor2 {color: #6a6a6a;}
#icmSummaryPanel .collapsibleHeader h2 {color: #ffffff;}
#icmSummaryPanel .additionalOptionsLabel {color: #797775;}

/*****************************************************************************/
/* login.css                                                                 */
/*                       */
/*****************************************************************************/
/

/*****************************************************************************/
/* messages.css                                                              */
/*****************************************************************************/
.contact, .richTextLink {color: #c8a986;}
table tr td.transcriptCell div span.lc{color: #2f262d;}
.messageLink:hover span[contactuid] {color: #c8a986;}
.messageLinkActive span[contactuid] {color: #c8a986;}
div#dlConfirmPanel .dialog {border: 3px solid #211a2b;}
.contact, .richTextLink {color: #c8a986;}

/*****************************************************************************/
/* mycell.css                                                              */
/*****************************************************************************/
div#confirmRemoveFromMyPhonesPanel .dialog {background: #f8f7f8; border: 3px solid #211a2b;}

/*****************************************************************************/
/* navigation.css                                                              */
/*****************************************************************************/
ul#mainNavigation li a {background: url(../../img/interface/nav-unselected.png) no-repeat scroll center 0;}
ul#mainNavigation li a.hover {background: url(../../img/interface/nav-hover.png) no-repeat scroll center 0;}
ul#mainNavigation li a {border:none;}
ul#mainNavigation li a.selected {border:none;}
div#topTabBox ul li a div {color: #140f19;}
div#tabBoxPopup ul li a div {color: #140f19;}
div#topTabBox ul li.selected a div {color: #211b2a;}
div#tabBoxPopup ul li.selected a div {color: #211b2a;}

/*****************************************************************************/
/* navigation.css                                                              */
/*****************************************************************************/
div#callmeConfirmPanel div.dialog {border: #211a2b; background: url(../../ing/interface/bg-popup.gif) repeat-x scroll left bottom;}
div.BGAdmin div#recControls div#hideEANoMicHint {background-color: #f5f4f5;}
div.BGAdmin div#recControls div#hideRecGainBack {background-color: #f5f4f5;}

/*****************************************************************************/
/* ecm.css                                                                   */
/*****************************************************************************/
#saveChanges .dialog {border: 3px solid #211a2b;}
#saveChanges .dialog {background-color: #ffffff;}
div#confirmRemovePhone .dialog {background-color: #ffffff;}
div#confirmRemovePhone .dialog {border: 3px solid #211a2b;}
#ecmSetForwardingNumber div.dialog {border: 3px solid #211a2b;}
#ecmSetForwardingNumber div.dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) repeat-x scroll left bottom;}
#ecmManageContactGroup .groupMembersForDisplay li, #ecmManageContactGroup .contactAndGroupNames li {color:#797775;}
#ecmManageContactGroup #ecmCallersSuggestion {color:#797775;}
#ecmManageContactGroup #ecmNoContacts p {color: #797775;}
#ecmManageContactGroup #ecmVipContactCaller { color:#211b2a;}
#ecmManageContactGroup #ecmUnwantedContactCaller { color:#211b2a;}
#ecmManageContactGroup .header { color:#211b2a;}
#ecmManageContactGroup #ecmCallersSuggestCreateContact {background-color:#554839}
#ecmManageContactGroup #ecmCallersSuggestCreateContact {border: 1px solid #6a645c;}
#ecmManageContactGroup #ecmCallersSuggestList {background-color:#554839; border: 1px solid #6a645c;}
#ecmManageContactGroup #ecmCallersSuggestElements li.grayout {color: #6a645c;}
#ecmManageContactGroup #ecmCallersSuggestCreateContact.grayout {color: #6a645c;}
#ecmManageContactGroup #ecmCallersSuggestElements li.current {background-color:#57525e;}
#ecmManageContactGroup #ecmCallersSuggestCreateContact.current {background-color:#57525e;}
#duplicatePanel .dialog .title {color:#211b2a;}
#duplicatePanel .dialog {background: #ffffff;}
#ecmPanel .rightPanel #noVipCallersHint span {color:#140f19;}
#ecmPanel .rightPanel #noUnwantedCallersHint span {color:#140f19;}
#ecmPanel #ecmProfileOverlay #ecmForwardAllCallsBanner a span {color:#c8a986;}
#ecmPanel #ecmProfileOverlay .overlay {background-color: #554839;}
#ecmPanel div#onBusyHideOptions {background-color:#efeff0;}
span#splashViewAppsButton{color: #ffffff;}
#ecmPanel .leftPanel #ecmDoNotDisturb .info h2 {color: #211b2a;}
#ecmPanel .leftPanel #ecmForwardAllCalls .info h2 {color: #211b2a;}
#ecmPanel div#ecmTabBox ul li a div { color: #211b2a;}
#ecmPanel div#ecmTabBox ul li.selected a div {color: #211b2a}
#ecmPanel .rightPanel .columnContainer h2 {color: #211b2a}
#ecmPanel .rightPanel .columnContainer div.collapsibleHeader h2 {color: #211b2a}
#confirmChangeRinger .dialog {background-color: #ffffff};


/*****************************************************************************/
/* applications.css                                                          */
/*****************************************************************************/
#splashLine1, #tabPanelContainer .AppPanelTagLine {color: #d8d8d8;}
#splashLine2, #tabPanelContainer .AppPanelClass {color: #d8d8d8;}
#summaryButtonsTable td {background-color: #bcbabf;}
#summaryButtonsTable td:hover{background-color: #aaa39c;}
#summaryButtonsTable td .buttonText .buttonTitle {color:#ffffff;}
#detailsNavigation {background-color: #bcbabf;}
#summaryLink div#summaryLinkSpacing {background-color: #f5f4f5;}
a div.detailsNavLink {color:#c8a986;}
.selectedAppTab a div.detailsNavLink {color:#ffffff;}
.selectedAppTab .detailsNavLink {background-color: #ffd8ab;}
td#detailsTabs #detailsDivider {background-color: #aaa39c;}
#tabPanelContainer .AppPanelTitle {color: #030204;}
#tabPanelContainer .AppLinkHolder .AppGreyedLink {color:#d8d8d8;}
.androidAppPopup {border: 3px solid #211a2b;}
.tvAppPopup {border: 3px solid #211a2b;}
div#CallMeWizardDiv div.dialog{background: #efeff0 url(../../img/interface/bg-popup.gif) repeat-x scroll left bottom; border: 3px solid #211a2b;}
div#CallMeButtonContainingBox {background-color: #ffffff; border: 1px solid #6a645c;}
div#callmeConfirmPanel div.dialog{background: #efeff0 url(../../img/interface/bg-popup.gif) repeat-x scroll left bottom; border: 3px solid #211a2b;}
div#widgetDownloadPopup .dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) repeat-x bottom; border: 3px solid #211a2b;}
div#CallMeWizardDiv .XI_CMActivateWarning {color: #554839;}
.androidAppPopup, .tvAppPopup {background-color: #ffffff;}


div#ecmStatusDropDown.ecmStatus_dnd div.contentColumn div.bottomRounded div.left, div#ecmStatusDropDown.ecmStatus_dnd div.contentColumn div.bottomRounded  div.left {background-image: url("../../img/interface/content-column-yellow.gif");}

ul#mainNavigation {border-left:none;}

body.gadget div#mainContents {background: transparent;}
body.isVistaSidebar div#mainContents{background:url(../../img/gadget/vista/vista-middle-right.png) repeat-y right top;}

div.ctdCPPopup #ctdDialogBg {background: url(../../img/interface/ctd/ctd-bg-v73.png) !important;}

body#bodyApps div#content {background-image: url(../../img/interface/content-column-large-v73.gif);}

div#mainContents { background: #cac8cd url(../../img/interface/bg-outer-box-login.gif) repeat-x top left;}
body.helpPage div#mainContents {background: none;}

body {background-color: #cac8cd;} 

/*****************************************************************************/
/* dashboard.css                                                             */
/*****************************************************************************/
div#ecmStatusDropDownExpanded {background-color: #ffffff; border: 1px solid #2d2339;}
div#ecmStatusDropDownExpanded a {color: #554839;}
ul#ecmStatusOptions {border-bottom: 2px solid #2d2339;}
div#ecmStatusDropDownExpanded li.current {background: #aaa39c;}

div#ecmStatusDropDown .contentColumn {background-image: url(../../img/interface/content-column-upper.gif);}
div#ecmStatusDropDown div.columnContents {background-image: url(../../img/interface/content-column-upper.gif);}
div#ecmStatusDropDown div.bottomRounded {background-image: url(../../img/interface/content-column-upper.gif);}
div#ecmStatusDropDown .bottomRounded div.left {background-image: url(../../img/interface/content-column-upper.gif);}

/*****************************************************************************/
/* contactmenu.css                                                           */
/*****************************************************************************/
span[contactuid]{color:#c8a986 !important;}
div#topLevel h1 {color: #ea6900;}
span[contactuid], div[contactuid] {color: #c8a986 !important;}




/*****************************************************************************/
/* V7.4 CSS                                                         */
/*****************************************************************************/

/*****************************************************************************/
/* attendant.css                                                           */
/*****************************************************************************/
div#eaEditRecording .dialog {background: #d8d7da url(../../img/viewer/recorder-reply-background.png) repeat-x top left;}
#eaAdminReject {background: #f8f7f8; border: 3px solid #211a2b;} 

/*****************************************************************************/
/* gadget.css                                                           */
/*****************************************************************************/
body.isDashboard.ctdOnly a#changeSelectedNumber{color: #c8a986}
body.isVistaSidebar div#envelope div#callingStatus, body.isDashboard div#envelope div#callingStatus{color: #000000}

/*****************************************************************************/
/* intercomcodes.css                                                           */
/*****************************************************************************/
div#addEditSingleDialog div.dialog, div#addEditRangeDialog div.dialog { background:#c2c0c4 url(../../img/interface/bg-popup.gif) bottom left repeat-x; border: 3px solid #211a2b;}

/*****************************************************************************/
/* messages.css                                                           */
/*****************************************************************************/
div#viewerConfirmPanel div.viewerConfirmBackground {background: #f5f4f5;}
div#viewerConfirmPanel .dialog {background: #efeff0; border: 3px solid #211a2b;}
div.dialogWrapper .internalDialogWrapper {background: #c2c0c4 url(../../img/interface/bg-popup-vm.gif) repeat-x left bottom;}
div#messageDialog .dialog {border: 3px solid #211a2b;}
.formrow label.toDestinationLabel {color: #211b2a;}
div.informationBox {border: none; background: transparent url(../../img/viewer/separator.png) no-repeat bottom;}
div#originalMessagePanel .bottomRounded {background-image: none;}
div#viewerOutline{ border: 2px solid #7c7b7a;}
div#videoPlayer {background-color: #000000;}
div#videoPlayerBufferingBanner {background-color: #000000;}
div#videoPlayerBufferingBanner a {color: #c4a686;}
div#transcriptionViewer {background-color: #ffffff; border: 1px solid #797775;}
div.durationPanel, div.viewerHeader, div.messageInfo {color: #ffffff;}
div#messageInformation label {color: #ffffff;}

/*****************************************************************************/
/* premiumattendant.css                                                      */
/*****************************************************************************/
div.roTabContent div.columnContents {background-image: none;}
div#msEditReminder .dialog {background: #d8d7da url(../../img/viewer/recorder-reply-background.png) top left repeat-x; border: 2px solid #211a2b;}

/*****************************************************************************/
/* settings.css                                                              */
/*****************************************************************************/
ul li a:link, div.scrollableArea ul li a:visited {color: $CS829;}
div#greetingRecorderDialog .dialog {background:#d8d7da url(../../img/viewer/recorder-reply-background.png) repeat-x top left; border:2px solid #211a2b;}
div#jsTabPanel-tabBox-Calls label,div#jsTabPanel-tabBox-Messages label,div#jsTabPanel-tabBox-Queue label {color: #5d5d5e;}
div#accountSIPPasswordPanel div.dialog,
div#messagesSetForwardAddress div.dialog,
div#accountPasswordPanel div.dialog,
div#accountPINPanel div.dialog,
div#accountVoicemailPINPanel div.dialog,
div#deskPhonePanel div.dialog,
div#myMobilePanel div.dialog {background: #efeff0 url(../../img/interface/bg-popup.gif) repeat-x scroll left bottom;   border: 3px solid #211a2b;}
span.settingsFieldName,label.settingsFieldName{color: #5d5d5e;}
span.forwardEditLink,span.securityEmailEditLink {color: #c8a986;}
span.sectionInfo {color: #140f19;}
div.settingsSectionHeader h2, div.collapsibleHeader h2 {color:#211b2a;}

/*****************************************************************************/
/* soundcontrols.css                                                         */
/*****************************************************************************/
div.progressDuration {color: #797775;}
.playing div.progressDuration {color: #3d3329;}
div.progressSeparator {color: #ffffff;}
div.progressStatus {color: #ffffff;}
div.statusLoadingText {color: #ffffff;}
select option:hover {background-image: url(../../img/interface/bg-popup.gif) repeat-x}


div#loadingOverlay div#loadingOverlayText {color: #554839;}
div#ecmStatusDropDown .bottomRounded div.left {background-image:url("../../img/interface/content-column-yellow.gif");}




/*****************************************************************************/
/* V8.0 CSS                                                                  */
/*****************************************************************************/

/*****************************************************************************/
/* help.css                                                                  */
/*****************************************************************************/
body.helpPage.isMobileBrowser #outerBox {background-color: #bcbabf;}
body.helpPage.isMobileBrowser #helpBox {background-color: #f5f4f5;}

/*****************************************************************************/
/* login.css                       */
/*****************************************************************************/
body {background: #cac8cd url(../../img/interface/bg-outer-box-login.gif) repeat-x top left;}
div#mainContents {background: none;}
body.gadget {background: none;} 

div#instructionsPopup .dialNumber { color: #c8a986;}
.actionMenu tr a {color: #c8a986;}
.transcriptRow span.lc {color: #7a726b;}
div#widgetInfoDialog {color: #ffffff;}
body.gadget div.button a {color: #ffffff;}

/*****************************************************************************/
/* acdstats.css                                                              */
/*****************************************************************************/
#navbar .navbar-inner {background-color:#ffffff; border-color:#a8a8a8;}
#herobar, #settingsBar {background-color:#fcfcfc; border:1px solid #c6c6c6;}
.hero-unit .btn {background-color:#ca6451; border:1px solid #8d4638;}
.hero-unit ul .btn {color:#959595;}
.hero-unit ul .btn:hover,.hero-unit ul .btn.selected {background:#c8d587; border:1px solid #b6bc87;}
.hero-unit ul .btn:hover,.hero-unit ul .btn.selected {color:#ffffff;}
.hero-unit ul .btn:active {background:#c8d587;}
.hero-unit ul .btn:active {color:#ffffff;}
#right .span4 {background-color:#fcfcfc; border:1px solid #c6c6c6;}
#right .span12 {background-color:#fcfcfc; border:1px solid #c6c6c6;}
.span4 h2 {color:#221e29;}
.currentvalue {background:#221e29;}
.currentvalue {color:#ffffff;}
#left .accordion-toggle {background-color:#fcfcfc;}
#left .accordion-group {border:1px solid #c6c6c6;}
#left a {color:#241d28;}
#left .queueDetails {color:#b6bc87;}
#tab1.selected {background:#c8d587;border:1px solid #b6bc87;}
#tab1.selected {color:#ffffff;}
#tab1.selected .accordion-heading,#tab1.selected .accordion-toggle, #tab4.selected .accordion-heading, #tab4.selected .accordion-toggle{background:#c8d587; color:#253d25;}
#tab2.selected,#tab3.selected {border:1px solid #b6bc87;}
#tab2.selected .accordion-toggle,#tab3.selected .accordion-toggle {background:#c8d587;}
#tab2.selected .accordion-toggle,#tab3.selected .accordion-toggle {color:#253d25;}
#tab2.selected .accordion-inner,#tab3.selected .accordion-inner {border-top:1px solid #c8d587;}
.hero-unit ul .btn.selected,.hero-unit ul .btn.selected:hover {background:#c8d587;border:1px solid #d1df8c;}
.hero-unit ul .btn:hover {background:#e1e1c1;border:1px solid #dfdfbd;}

/*****************************************************************************/
/* V8.1 CSS                                                                  */
/*****************************************************************************/
div#allowStorageConfirmation .dialogCookie {background: #efeff0}
div#allowStorageConfirmation .dialogCookie {border: 3px solid #211a2b}
div#allowStorageConfirmation .dialog {background: #efeff0}
div#allowStorageConfirmation .dialog {border: 3px solid #211a2b}
div#allowStorageConfirmation p {color: #ea6900}
div#allowList {color: #ea6900}

/*****************************************************************************/
/* V8.1.04 CSS                                                                  */
/*****************************************************************************/
.queueLogInOut a:focus {outline:thin dotted #323232}
#currentcall,#connectedCall, #ringingCall {background-color:#ededed}
#errorMessage span {color:#ff0000}
body {color:#241d28}
#settingsBar .btn {background-color:#e49550;border:1px solid #885930}
#settingsContent .settingsNoteBox {background-color:#fcfcfc;border:1px solid #c6c6c6}
#settingsContent .settingsNoteBox h2 {color:#c6c6c6}
#actions .btn {background-color:#e49550;border:1px solid #885930;color:#ffffff}
#actions .download {background-color:#e87158;border:1px solid #a24f3d}
#actions .btn.disabled {background-color:$CS909;border:1px solid #999999}
#graphcontent .innerGraph {background-color:#dddddd;border:1px solid #221e29}
#graphcontent .innerGraph .span4 {background-color:#dddddd}
.settingsSection {background-color:#fcfcfc;}
.settingsCodesContent label.code.disabled {color:#808080}
.settingsServerError span {color:#ff0000;margin-left:5px}
textarea, #settingsContent  input[type="text"], #settingsContent input[type="password"], #settingsContent input[type="datetime"], #settingsContent input[type="datetime-local"], #settingsContent input[type="date"], #settingsContent input[type="month"], #settingsContent input[type="time"], #settingsContent input[type="week"], #settingsContent input[type="number"], #settingsContent input[type="email"], #settingsContent input[type="url"], #settingsContent input[type="search"], #settingsContent input[type="tel"], #settingsContent input[type="color"], .uneditable-input {background-color: #ffffff;border: 1px solid #cccccc}
textarea:focus, #settingsContent input[type="text"]:focus, #settingsContent input[type="password"]:focus, #settingsContent input[type="datetime"]:focus, #settingsContent input[type="datetime-local"]:focus, #settingsContent input[type="date"]:focus, #settingsContent input[type="month"]:focus, #settingsContent input[type="time"]:focus, #settingsContent input[type="week"]:focus, #settingsContent input[type="number"]:focus, #settingsContent input[type="email"]:focus, #settingsContent input[type="url"]:focus, #settingsContent input[type="search"]:focus, #settingsContent input[type="tel"]:focus, #settingsContent input[type="color"]:focus, .uneditable-input:focus {border-color:#79746b}
div#connectionFailedPopup {background:#2c2238;border:3px solid #aaa39c;color:#211b2a}
ul#setupWizardTitle li a {background:url("../../img/interface/nav-selected-single.png") no-repeat scroll center 0 transparent;color:#554839}

#tab1.selected,#tab4.selected{background:#885930;color:#253d25;border:1px solid #b6bc87}
#tab1.selected .accordion-heading,#tab1.selected .accordion-toggle,#tab4.selected .accordion-heading,#tab4.selected .accordion-toggle{color:#253d25}
#tablebkgcaller,.tablebkgcaller{border-radius:2px;background:#c8d587;color:#253d25;border:1px solid #b6bc87;overflow:hidden;}
#tablebkgcaller:hover,.tablebkgcaller:hover{background:#c8d587}
#navbar h4 {color:#120e18}
.statstable th {color:#221e29}

div.centre{color:#a0a0a0}
#noDataError,#incomingCallNotAllowed,#currentcall,#allqueueinfo,#connectedCall,#ringingCall{background-color:#fcfcfc;border:1px solid #c6c6c6}
#noDataError,#incomingCallNotAllowed,#currentcall .contactinfo,#allqueueinfo .panel-heading,#connectedCall .contactinfo,#ringingCall .contactinfo{color:#221e29}
.queueinfo{background-color:#f9f9f9;border:1px solid #c1c1c1}
#tablebkgqueue{background-color:#f9f9f9;border:1px solid #c1c1c1}
#tablequeues.statstable tr:hover{background:#c8d587}
.isIE8 #tablequeues.statstable tr:hover{background-color:#fcfcf8}
.statstable tr.loggedout{color:#afafaf}
.btn.log-in,.btn.log-out{color:#81a286;}
.btn.log-out{color:#a1675b;}

/*****************************************************************************/
/* V8.3 CSS                                                                  */
/*****************************************************************************/

/*****************************************************************************/
/* acdreports.css                                                            */
/*****************************************************************************/
body{background-color:#cbc8cd;color:#241d28;}
div#reportHeaders{background-color:#dfdfd4;border:1px solid #d4e195;border-radius:4px;line-height:25px;padding:16px;margin-bottom:10px;}
div#reportHeaders hr{border-top:1px solid #fcfcf9;border-bottom:none;width:540px;}
.table-striped tbody>tr:nth-child(odd)>td{background-color:#ffffff;}
.table,.table th,.table td{border:1px solid #dddddd;}
div#graphBox,div#tableBox,div#warningBox,div#infoBox{border:1px solid #7b6f62;border-radius:4px;line-height:25px;padding:10px;margin-top:10px;margin-bottom:10px;}
div#graphBox{background:#dddddd;}
#errorBox,#partialErrorBox{border:1px solid #ff0000;border-radius:4px;padding:5px;padding-bottom:10px;}
#errorBox div,#partialErrorBox div{color:#ff0000;text-align:center;margin-top:10px;}
#dataRangeBox{border:1px solid #7b6f62;border-radius:4px;padding:7px 4px 7px 7px;background-color:#dfdfd9;float:right;width:308px;}
#reportHeaders input{border:1px solid #b1b88f;}
#reportHeaders select{border:1px solid #b1b88f;}
.weekDay{background-color:transparent;border:1px solid #2f462f;border-radius:2px;color:#241d28;cursor:default;height:26px;width:39px;float:left;margin-right:3px;text-align:center;font-weight:normal;}
.weekDay.selected{background-color:#e5e5ca;font-weight:bold;}
@media print{.weekDay.selected{border:2px solid #2f462f;opacity:1;}}
div.erroredField,div.erroredField input,div.erroredField select,div.warningField{color:#ff0000;}
#dataRangeBox{color:#241d28;}
#dataRangeBox.erroredField,div.erroredField .weekDay,#dataRangeBox.warningField{border:1px solid #ff0000;}
#dataRangeBox .attentionField,#dataRangeBox.attentionField{border:1px solid #ff7f00;}
div.warningAttention{color:#ff0000;}
span#topErrorMessage{color:#ff0000;float:right;}
div#graphErrorMessage span.googleApiErrorMessage{color: #999896;}

/*****************************************************************************/
/* acdstats.css                                                              */
/*****************************************************************************/
#left .accordion-toggle,#reportsButton div a{background-color:#fcfcfc;}
#left .accordion-group,#reportsButton{border:1px solid #b6bc87;}

/*****************************************************************************/
/* attendant.css                                                             */
/*****************************************************************************/
div.progressBarContainer{border-color:#211a2b;}
div#eaEditRecording .dialog {background: #d8d7da url(../../img/viewer/recorder-reply-background.png) repeat-x top left; background-size: contain; color:#ea6900;}

/*****************************************************************************/
/* bootstrap.min.css                                                         */
/*****************************************************************************/
iinput[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#ededed}

/*****************************************************************************/
/* jquery-ui-1.10.3.custom.min.css                                           */
/*****************************************************************************/
.ui-widget-content{border:1px solid #dddddd;background:#ededed url(../../img/jquery-ui/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#323232}
.ui-widget-content a{color:#323232}
.ui-widget-header{border:1px solid #d5a72e;background:#edba34 url(../../img/jquery-ui/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#ffffff;font-weight:bold}
.ui-widget-header a{color:#ffffff}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #cccccc;background:#ffffff url(../../img/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#2e3534}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2e3534;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #f6cb1f;background:#fdf9c5 url(../../img/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c8773b}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c8773b;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #f9dd5b;background:#ffffff url(../../img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#ca9e2b}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#ca9e2b;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #e0c95b;background:#f9e066 url(../../img/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#ffffff}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#ffffff}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #8e6146;background:#825032 url(../../img/jquery-ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#ffffff}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#ffffff}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#ffffff}
.ui-widget-overlay{background:#666666 url(../../img/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}
.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#ffffff url(../../img/jquery-ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}

/*****************************************************************************/
/* premiumattendant.css                                                      */
/*****************************************************************************/
div.roTabContent div.columnContents {background-image: none; color:#ea6900;}
div#msEditReminder .dialog {background: #d8d7da url(../../img/viewer/recorder-reply-background.png) top left repeat-x; background-size: contain; border: 2px solid #211a2b; color:#ea6900;}

/*****************************************************************************/
/* settings.css                                                              */
/*****************************************************************************/
div#jsTabPanel-Accordion-Recorder div.columnContents{color:#3d3329;position:relative;width:320px;height:95px;margin:2px 0 0 1px;;padding-top:1px;}
div#greetingRecorderDialog .dialog {background:#d8d7da url(../../img/viewer/recorder-reply-background.png) repeat-x top left; background-size: contain; border:2px solid #211a2b; color:#ea6900;}

/*****************************************************************************/
/* V8.3.10 CSS                                                               */
/*****************************************************************************/

/*****************************************************************************/
/* acdreports.css                                                            */
/*****************************************************************************/
#saveButton,#cancelButton{border: 1px solid #2f462f;border-radius: 2px;text-align: center;font-weight: normal;background-color: #e5e5ca;cursor: pointer;padding: 3px 10px;margin: 2px;}
#saveButton:disabled{background-color: #f6f6f6;border: 1px solid #666666;}

/*****************************************************************************/
/* dashboard.css                                                             */
/*****************************************************************************/
div#ringStateOverlay{height: 31px;width: 312px;background-color: #bcbabf; opacity: 0.5;position: fixed;z-index: 1;left: 252px;top: 55px;}
div#ringStateSelection span a{color: #000000;}
#bcmListConflictWarning .panel .details{position: absolute;background: #fcfcfc;border: 1px solid #c0c0c0;border-radius: 3px;padding: 10px 9px;width: 210px;overflow: hidden;text-overflow: ellipsis;}
#bcmListConflictWarning .panel .details{color: #554839;}
div#destinationListAdd div#fwdDestinationList{background: #ffffff}
div#destinationListAdd .dialog div.headerBox input.placeholder{font-style: italic;color: #4f494b;font-size: 11px;}
#destinationListAdd tr.selected{background: #dbdbdd;height: 27px;}
div#forwardState  a.ucfMenuNumberLink{width: 78px;overflow: hidden;margin-left: 2px;text-overflow: ellipsis;white-space: nowrap;color: #554839;}
.bcmDropDownStatusText div#dndState,.bcmDropDownStatusText div#availableState{color: #2b3e52;}
.bcmDropDownStatusText{color: #554839;}

/*****************************************************************************/
/* mlhgs.css                                                                 */
/*****************************************************************************/
.hasACDLicenseInfo div#licenseInfo{text-align: center;color: #888888}

/*****************************************************************************/
/* acdschedules.css                                                          */
/*****************************************************************************/
a,a:hover{color:#241d28;}
div.activeReport{background-color:#dfdfd4;border:1px solid #d4e195; border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.1);line-height:25px;padding:6px;margin-top:12px;margin-bottom:10px;}
#addButton{float:right;border:1px solid #2f462f; border-radius:2px;text-align:center;font-weight:normal;background-color:#e5e5ca;cursor:pointer;padding:3px 10px;}
#addButton.disabled{color:#797775;}
#addButton.disabled{background-color:#dddddd;border:1px solid #666666; cursor:default;}
div#subtitleBox{border:1px solid #7b6f62;border-radius:4px;box-shadow:0 1px 2px #ffffff;line-height:25px;padding:10px;margin-top:10px;margin-bottom:10px;}
.headerDivider{border-left:1px solid #d4e195;margin:8px;height:46px;width:1px;float:left;}
.schedulingBox{float:left;margin:1px;border:1px solid #7b6f62;border-radius:4px;padding:4px;background-color:#dfdfd9;width:222px;}
.editButton,.deleteButton{border:1px solid #2f462f;border-radius:2px;padding:0 10px;margin:2px;float:left;text-align:center;font-weight:normal;background-color:#e5e5ca;cursor:pointer;width:83px;}

/*****************************************************************************/
/* bcm.css                                                                   */
/*****************************************************************************/
div#fmfmStepDetailsPanel h3,div#bcmContent h3{color:#4f4337;}
div#bcmContent h4{color:#554839;}
div#bcmContent p,div#fmfmStepDetailsPanel p,div#allowRemoteCallFwdInfoPanel p,div#ucfNotifyInfoPanel p,div#dndAllowPriorityCallersInfoPanel p,div#dndBCFInteractionWarningPanel p,div#bcmListConflictWarningPanel p{font-size:12px;font-weight:100;color:#554839;}
#bcmMainContainer div#left{position:relative;padding:0 6px;height:286px;width:516px;background-color:#fcfcfc;border:1px solid #cdcccf;border-radius:5px;z-index:0;overflow-x:hidden;-webkit-transition:width 0.3s;-ms-transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s;}
div#incomingCallSettingsTitleBox{float:left;width:100%;margin-bottom:15px;margin-top:6px;border-radius:3px;border:1px solid #bebcb4;background:#dedde0;background:-webkit-linear-gradient(#e2e2e4,#d0ced2);background:-o-linear-gradient(#e2e2e4,#d0ced2);background:-moz-linear-gradient(#e2e2e4,#d0ced2);background:linear-gradient(#e2e2e4,#d0ced2);}
#ucfOverlay{height:100%;width:100%;background-color:#ffffff;opacity:0.5;position:absolute;z-index:3;}
#dndOverlay{height:100%;width:100%;background-color:#ffffff;opacity:0.5;position:absolute;z-index:5;}
#dndPanel{width:490px;background-color:#fcfcfc;border:1px solid #cdcccf;margin-top:10px;margin-bottom:5px;border-radius:5px;padding:5px;float:left;position:relative;top:0;box-shadow:0 2px #ffffff;}
#ucfPanel{width:305px;position:relative;background-color:#fcfcfc;border:1px solid #cdcccf; margin-top:10px;border-radius:5px;padding:5px;float:left;z-index:4;box-shadow:0 2px #ffffff;}
#dndAllowPriorityCallersBox{float:left;width:480px;border-top:1px dotted #cdcccf;margin-top:5px;padding-top:5px;padding-left:10px;}
#ucfNotifyBox{float:left;width:295px;border-top:1px dotted #cdcccf; margin-top:5px;padding-top:5px;padding-left:10px;}
.avatarBox{border:1px solid #9a9893;display:block;float:left;font-weight:bold;font-style:italic;background-color:#f5f4f5;}
.avatarBox{color:#706d73; text-align:center;}
.phoneRowAdd{clear:both;border-bottom:1px solid #c0c0c0;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;text-align:center;height:20px;font-size:15px;margin-left:5px;margin-right:5px;background:#fcfcfc url(../../img/bcm/fmfmAddPhone.png) center center no-repeat;cursor:pointer;}
.phoneRowAdd{color:#c0c0c0;}
div.ringOrderTable div.emptyTable{overflow:hidden;float:left;width:151px;padding:5px;border:1px solid #c0c0c0;border-radius:3px;margin-left:10px;margin-right:5px;margin-bottom:5px;text-align:center;cursor:pointer;background:#fcfcfc url(../../img/bcm/fmfmAddPhone.png) center 9px no-repeat;padding-top:26px;}
div.ringOrderTable div.emptyTable:hover,.phoneRowAdd:hover{background-color:#dedde0;}
#ringTypeAccountPhone .phoneCell{overflow:hidden;float:left;width:200px;padding:3px;border:1px solid #c0c0c0;border-radius:3px;margin-right:5px;margin-bottom:5px;}
#right.jsFunction-showAdvancedSettings{float:right;position:relative;right:1px;top:-288px;height:286px;width:32px;background-color:#fcfcfc;border:1px solid #cdcccf;border-radius:5px;z-index:2;-webkit-transition:0.5s 0.1s;-ms-transition:0.5s 0.1s;-moz-transition:0.5s 0.1s;-o-transition:0.5s 0.1s;transition:0.5s 0.1s;}
#right .advOverrideInfo{	background-color:#fcfcfc;	border:1px solid #f4f4f4;	border-radius:3px;	margin:0 1px;	padding:2px 8px;	opacity:0;}
#right.open #titleOpen.scrolling,#bcmContent.pinned #titleOpen.scrolling{	box-shadow:0 3px #ffffff;	border-bottom:1px solid #cdcccf;	transition:box-shadow 0.5s;}
#SCFinfo.off h4,#PRIinfo.off h4,#SCRinfo.off h4,#UaCFinfo.off h4,#ACRinfo.off h4{color:#5e5b61;}
div#destinationListAdd div.columnContents .columnContents{height:203px;padding-right:4px;*border-bottom:1px solid #ffffff;}
div#destinationListAdd div#fwdDestinationList .columnContents,div#destinationListAdd div#fwdDestinationList div.bottomRounded,div#destinationListAdd div#fwdDestinationList div.columnWrapper,div#destinationListAdd div#fwdDestinationList .bottomRounded div.left{background:#ffffff;}
div#screeningPanel .dialog div.columnContents,div#screeningPanel .dialog div.contentColumn,div#screeningPanel .dialog div.bottomRounded,div#screeningPanel .dialog div.bottomRounded div.left{background:#ffffff;}
div#screeningListScrollableArea #listedNumber,div#screeningListScrollableArea #noNumbersMessage,div#screeningListScrollableArea #anonymousNumbers{font-weight:bold;color:#211b2a;}
#right.open{width:202px;box-shadow:-3px 0 0 rgba(0,0,0,0.2);border:1px solid #1f1828 webkit-transition:1s;-ms-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}
#bcmContent.pinned #right{width:202px;box-shadow:none;border:1px solid #cdcccf;}
tr.selected{background:#dbdbdd;}
div.ringOrderTable div.ringOrderTableInnerWrapper{float:left;border:1px solid #c0c0c0;}
div.tableRuler div{position:relative;float:left;border-right:1px solid #dfdfdf;}
div.tableRuler div span{position:relative;float:right;margin-top:-13px;color:#c0c0c0;width:25px;text-align:center;margin-right:-15px;}
div.ringOrderTable div.tableCell{clear:both;height:25px;border-bottom:1px solid #c0c0c0;}
div.ringOrderTable div.tableCell:hover{background:#fcfcfc;}
div.ringOrderTable div.tableCell:hover div.stepDuration{background:#cdcccf;border:1px solid #ffffff;}
div.ringOrderTable div.colNames{border-right:1px solid #c0c0c0;float:left;width:140px;}
div.ringOrderTable div.colNames div.tableCell.highlighted{box-shadow:0 0 5px #958b8a;}
div.ringOrderTable div.timeStep:hover{cursor:pointer;box-shadow:0 0 5px #e4e4e2;}
div.ringOrderTable div.timeStep{float:left;border-right:1px solid #c0c0c0;min-width:3px;}
div.ringOrderTable div.timeStep.emptyColumn div:hover{box-shadow:0 0 5px #3f6b44;}
div.ringOrderTable div.timeStep div.stepDuration{width:auto;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;background:#ebeaeb;box-shadow:1px 0 #bcbcbc;}
#bcmListConflictWarningPanel .panel .details,#advPartialOverrideWarning .panel .details,#dndBCFInteractionWarning .panel .details,#dndAllowPriorityCallersInfo .panel .details,#ucfNotifyInfo .panel .details,#allowRemoteCallFwdInfo .panel .details,#fmfmStepDetails .panel .details, #fmfmUIHint .panel .details{background:#f4f4f4;	border:1px solid #c0c0c0;}
#bcmListConflictWarningPanel .panel .details,#advPartialOverrideWarning .panel .details,#dndBCFInteractionWarning .panel .details,#dndAllowPriorityCallersInfo .panel .details,#ucfNotifyInfo .panel .details,#allowRemoteCallFwdInfo .panel .details,#fmfmStepDetails .panel .details, #fmfmUIHint .panel .details{color:#767d76;}
#dndBCFInteractionWarning .deactivateBCFButton{	background-color:#f8f7f8;	border:1px solid #afafaf;	border-radius:3px;	text-align:center;	height:20px;	padding-top:5px;	margin-top:5px;	cursor:pointer; font-size:12px;}
#dndBCFInteractionWarning .deactivateBCFButton:hover{	background-color:#fafafa;}
div#bcmStatusDropDown{background-color:#b0e232;}
div#bcmStatusDropDown.dndEnabled_true{background-color:#f0393d;}
div#bcmStatusDropDown:hover{background-color:#bbf035;}
div#bcmStatusDropDown.dndEnabled_true:hover{background-color:#ff552e;}
div#bcmStatusDropDownExpanded{background-color:#ffffff;border:1px solid #847c72;}
div#bcmStatusDropDownExpanded ul li:first-child{border-bottom:1px solid #aea7a0;}
div#bcmStatusDropDownExpanded a{color:#4f4337;cursor:pointer;font-weight:normal;text-decoration:none;outline:none;}
div#bcmStatusDropDownExpanded li.current{background:#dbdbdd;}
div#bcmRingDropDownExpanded .bcmRingItem.notLast{border-bottom:1px solid #aea7a0;}
div#bcmRingDropDownExpanded{background-color:#ffffff;border:1px solid #847c72;}
div#bcmRingDropDownExpanded a{color:#4f4337;cursor:pointer;font-weight:normal;text-decoration:none;outline:none;}
div#bcmRingDropDownExpanded li.current{background:#dbdbdd;}
div#bcmRingDropDownExpanded .ucfLink{border-top:1px solid #aea7a0;margin-top:2px;}
div#destinationListAdd .dialog{	background:#efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;	position:absolute;	left:310px;	width:328px;	border:3px solid #211a2b;	text-align:center;	z-index:150;	top:50%;	margin-top:-184px;	margin-left:-190px;}
div#screeningPanel .dialog div.contentColumn,div#destinationListAdd div#fwdDestinationList{	margin:0;	padding:0;	border:1px solid #211a2b;}
div#destinationListAdd div#fwdDestinationList div.headerBox{	background:#bcbabf;	background:-webkit-linear-gradient(#e2e2e4,#d0ced2);	background:-o-linear-gradient(#e2e2e4,#d0ced2);	background:-moz-linear-gradient(#e2e2e4,#d0ced2);	background:linear-gradient(#e2e2e4,#d0ced2);	border-bottom:1px solid #211a2b;}
div#destinationListAdd .dialog div.headerBox button#fdNumberAdd{font-size:11px;width:50px;height:18px;float:left;margin-left:6px;margin-top:6px;border:1px solid #6a645c;background-color:#bcbabf;cursor:pointer;}
span#dndPriorityCallersOnly{position:absolute;left:385px;color:#888888;}

/*****************************************************************************/
/* setupwizard.css                                                           */
/*****************************************************************************/
div#tabBox ul#setupWizardMenu li a div,div#tabBoxPopup ul#setupWizardMenu li a div{color:#554839;}
div#tabBox ul#setupWizardMenu li.selected a div,div#tabBoxPopup ul#setupWizardMenu li.selected a div{color:#ff0000;}

/*****************************************************************************/
/* v9.0 css                                                                  */
/*****************************************************************************/

/*****************************************************************************/
/* acdagentstats.css                                                         */
/*****************************************************************************/
#wrapupTimerMessage{color: #ff0000; padding-top: 8px;}

/*****************************************************************************/
/* acdstats.css                                                              */
/*****************************************************************************/
.settingsCodesContent input[type="checkbox"].attention {outline: 1px solid #d5c419;}
#settingsContent .settingsCodesContent input[type="text"].maxWrapUp.attention {border: 1px solid #d5c419;}

/*****************************************************************************/
/* dids.css                                                                  */
/*****************************************************************************/
div.flatButton:hover a.defaultAction,div.flatButtonActive a.defaultAction{border-color: #1a1521;}
div#resetAccountPopup .dialog{background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x;border: 3px solid #211a2b;}

/*****************************************************************************/
/* lines.css                                                                 */
/*****************************************************************************/
.flatButton a{color: #554839;}
.flatButton .roundedEdge{color: #2b3e52;}

/*****************************************************************************/
/* bcm.css                                                                   */
/*****************************************************************************/
.XI_BCMFmfmUIHintText1,.XI_BCMFmfmUIHintText2{color: #554839;}

/*****************************************************************************/
/* v9.0.10 css                                                               */
/*****************************************************************************/

/*****************************************************************************/
/* base.css                                                                  */
/*****************************************************************************/
div.searchableDropdown { border: 1px solid #1f1828; background: #ffffff;}
div.searchableDropdown {color: #000000;}
div.searchableDropdown li:hover {background: #57525e;}
div.searchableDropdown li:hover {color: #554839;}

/*****************************************************************************/
/* miscsettings.css                                                          */
/*****************************************************************************/
#callNotificationsOverlay{background-color: #ffffff;}
#emergencyCallersOverlay{background-color: #ffffff;}
div#emergencyCallersPanel .dialog{background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x; border: 3px solid #211a2b;}
input.targetInput.invalidValue{border: 2px solid #ff0000;}
div#cntClearListPanel .dialog{background: #efeff0 url(../../img/interface/bg-popup.gif) bottom left repeat-x; border: 3px solid #211a2b;}

/*****************************************************************************/
/* v9.2 css                                                                  */
/*****************************************************************************/

/*****************************************************************************/
/* acdstats.css                                                              */
/*****************************************************************************/

/*****************************************************************************/
/* lines.css                                                                 */
/*****************************************************************************/

/*****************************************************************************/
/* main.css                                                                  */
/*****************************************************************************/

/*****************************************************************************/
/* settings.css                                                              */
/*****************************************************************************/

/*****************************************************************************/
/* MANUAL OVERRIDES                                                          */
/*****************************************************************************/
ul#mainNavigation li a.XI_Auto-AttendantTab
{
  display:none;
}
ul#mainNavigation li a.XI_AutoAttendantTab
{
  display:none;
}
ul#mainNavigation li
{
  display:inline;
}

body#bodyCallManager div.columnContents table.selectableList tr.cssListEntryFocused td.scheduleColor0 {
  color: #000000;
}

.yui-calendar td.calcell.selected a {
   background-color:  #c0bebe;
}

#left .queueDetails {
   color: #000000;
}