/* Shifting the background on when EditBar is showing on front end */ body.shift { background-position: center 74px !important; } .editBar { position: relative; z-index: 10; } /* INDICATOR */ .liveEditIndicator { background: url(/App_Themes/CP/Images/LiveEditIndicatorBkg.png) no-repeat center bottom; font: 10pt/1.3 Arial, sans-serif; height: 29px; left: 50%; margin-left: -110px; position: fixed; top: 0px; width: 220px; z-index: 12; } .liveEditIndicator label, .liveEditIndicator a { display: block; float: left; } .liveEditIndicator label { cursor: pointer; } .liveEditIndicator label img { margin: 3px 0px 3px 15px; } .liveEditIndicator a { background: url(/App_Themes/CP/Images/LiveEditSettingsButton.png) no-repeat 95% center; color: #226886; padding: 3px 56px 3px 34px; text-decoration: none; } /* View Menu */ .liveEditSettings { background: transparent url(/App_Themes/RedGold/Menu/EditBarDropdownOneColBkgTop.png) no-repeat left top; color: #005473; font: 10pt/1.3 Arial, sans-serif; left: 50%; margin-left: -97px; padding-top: 9px; position: fixed; top: 26px; width: 194px; z-index: 2100; } .liveEditSettings fieldset { background: transparent url(/App_Themes/RedGold/Menu/EditBarDropdownOneColBkg.png) no-repeat left bottom; border: none; margin: 0px; padding: 5px 15px 15px 15px; } .liveEditSettings ul { list-style-type: none; margin: 0px; padding: 0px; } .liveEditSettings ul li { margin: 3px 0px; overflow: hidden; text-align: left; width: 100%; } .liveEditSettings ul li.break { border-top: 1px solid #e8ebee; margin-top: 6px; padding-top: 6px; } .liveEditSettings input { display: inline-block; margin: 0px 5px 0px 0px; } .liveEditSettings label { display: inline; } /* HOVER CONTROLS */ .liveEditControl { background: url(/App_Themes/CP/Images/LiveEditControlBkg.png) no-repeat left 20px; font-family: Arial, sans-serif; font-size: 8pt; left: -14px; position: absolute; top: 0px; z-index: 1; width: 281px; } .liveEditControl .background { margin-top: 20px; position: absolute; } .flipH { background: url(/App_Themes/CP/Images/LiveEditControlBkgFlipH.png) no-repeat 22px 20px; } .liveEditControl a img { border: none; } .liveEditControl a.trigger { display: block; height: 18px; left: 14px; position: absolute; top: 0px; width: 18px; } .liveEditControl .controls { background: #bdd6e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2); float: left; left: 0px; overflow: hidden; padding: 6px; position: relative; top: 37px; } .move .controls { width: 317px; } .liveEditControl .controls div { background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; float: left; font-size: 9pt; height: 6.2em; padding: 3px 0px; position: relative; } .move .controls div { -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; } .liveEditControl .controls div a.big:link, .liveEditControl .controls div a.big:visited, .liveEditControl .controls div a.big:hover, .liveEditControl .controls div a.big:focus, .liveEditControl .controls div a.big:active { border-right: 1px solid #afc7d3; color: #005473; display: block; font-size: 8pt; min-width: 50px; padding: 55px 6px 3px 6px; text-align: center; text-decoration: none; } .move .controls div a.big:link, .move .controls div a.big:visited, .move .controls div a.big:hover, .move .controls div a.big:focus, .move .controls div a.big:active { margin-right: 48px; } .liveEditControl .controls div a.big.modify { background: url(/App_Themes/CP/Images/IconBigModify.png) no-repeat 11px 9px; } .liveEditControl .controls div a.big.modify.inactive { background: url(/App_Themes/CP/Images/IconBigModifyInactive.png) no-repeat 16px 9px; } .liveEditControl .controls div a.big.addItem { background: url(/App_Themes/CP/Images/IconBigNewItem.png) no-repeat 8px 4px; } .liveEditControl .controls div a.big.addItem.inactive { background: url(/App_Themes/CP/Images/IconBigNewItemInactive.png) no-repeat 8px 4px; } .liveEditControl .controls div a.big.publish { background: url(/App_Themes/CP/Images/IconBigPublish.png) no-repeat 10px 12px; } .liveEditControl .controls div a.big.publish.inactive { background: url(/App_Themes/CP/Images/IconBigPublishInactive.png) no-repeat 8px 12px; } .liveEditControl .controls div a.big.unpublish { background: url(/App_Themes/CP/Images/IconBigUnpublish.png) no-repeat 10px 7px; } .liveEditControl .controls div a.big.unpublish.inactive { background: url(/App_Themes/CP/Images/IconBigUnpublishInactive.png) no-repeat 8px 7px; } .move .controls div span.label, .move .controls div a.moveUp, .move .controls div a.moveDown { border-right: 1px solid #afc7d3; color: #005473; display: block; padding: 4px 8px 0px 11px; position: absolute; right: 0px; width: 28px; } .move .controls div span.label { font-size: 8pt; left: auto; padding: 0px; right: 0px; text-align: center; top: 32px; width: 48px; } .move .controls div a.moveUp { height: 28px; top: 4px; } .move .controls div a.moveDown { bottom: 4px; height: 28px; } .liveEditControl .controls ul { background: #fff; -moz-border-radius-bottomright: 2px; -moz-border-radius-topright: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-top-right-radius: 2px; display: block !important; float: left; font-size: 9pt; height: 6.2em; list-style-type: none; margin: 0px; padding: 3px 0px 3px 6px; width: 200px; } .liveEditControl .controls ul li { border: none !important; clear: left !important; display: block; float: left !important; font-size: 9pt !important; line-height: 1.4 !important; margin: 2px 0px !important; min-height: 0px !important; padding: 0px !important; position: static !important; text-align: left !important; } .liveEditControl .controls ul li.even { clear: right !important; float: right !important; margin-left: 5px !important; } .liveEditControl .controls ul li a:link, .liveEditControl .controls ul li a:visited, .liveEditControl .controls ul li a:hover, .liveEditControl .controls ul li a:focus, .liveEditControl .controls ul li a:active { background-position: left 3px !important; background-repeat: no-repeat !important; color: #005473 !important; display: block !important; font-size: 9pt !important; font-weight: normal !important; height: auto !important; padding: 2px 2px 2px 19px !important; position: static !important; text-decoration: none !important; width: 75px !important; } .liveEditControl .controls ul li a.copyLink { background-image: url(/App_Themes/CP/Images/IconCopyLink.png); } .liveEditControl .controls ul li a.copy { background-image: url(/App_Themes/CP/Images/IconCopy.png); } .liveEditControl .controls ul li a.addItem { background-image: url(/App_Themes/CP/Images/IconNewItem.png); } .liveEditControl .controls ul li a.modify { background-image: url(/App_Themes/CP/Images/IconModify.png); } .liveEditControl .controls ul li a.submit { background-image: url(/App_Themes/CP/Images/IconSubmit.png); } .liveEditControl .controls ul li a.reject { background-image: url(/App_Themes/CP/Images/IconReject.png); } .liveEditControl .controls ul li a.publish { background-image: url(/App_Themes/CP/Images/IconPublish.png); } .liveEditControl .controls ul li a.unpublish { background-image: url(/App_Themes/CP/Images/IconUnpublish.png); } .liveEditControl .controls ul li a.archive { background-image: url(/App_Themes/CP/Images/IconArchive.png); } .liveEditControl .controls ul li a.delete { background-image: url(/App_Themes/CP/Images/IconDelete.png); } .liveEditControl .controls ul li a.addUpdate { background-image: url(/App_Themes/CP/Images/IconUpdate.png); } /* Tooltip */ .liveEditControl .tooltip { background: url(/App_Themes/CP/Images/LiveEditTooltipBkg.png) no-repeat left bottom; display: none; font-size: 8pt; left: 12px; padding-bottom: 4px; position: absolute; top: -33px; } .liveEditControl .tooltip span { background: #fff; color: #005473; display: block; padding: 3px; border: 3px solid #bdd6e2; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: static !important; width: auto !important; white-space: nowrap; } /* MODAL WINDOW */ .modalContainerCP { font-family: Arial, sans-serif; margin: 20px auto; width: 862px; } .modalContainerCP .modalContent { background-color: #fff; padding-top: 0px; } .modalContainerCP .modalTitleLeft { background: url(/App_Themes/CP/images/ModalTopLeft.png) no-repeat left top; } .modalContainerCP h3.modalTitle { background: url(/App_Themes/CP/images/ModalTop.png) repeat-x left top; color: #073352; font-family: Arial, san-serif; font-size: 10pt; font-weight: normal; height: 25px; padding-top: 12px; } .modalContainerCP h3.modalTitle img { display: -moz-inline-stack; display: inline-block; vertical-align: middle; } .modalContainerCP h3.modalTitle span { color: #477392; display: -moz-inline-stack; display: inline-block; font-family: Arial, san-serif; font-size: .75em; margin: 0px 4px; } .modalContainerCP a.modalClose:link, .modalContainerCP a.modalClose:visited { background: url(/App_Themes/CP/images/ModalClose.png) no-repeat right top; } /* .modalContainerCP a.modalClose:hover, .modalContainerCP a.modalClose:focus, .modalContainerCP a.modalClose:active { background: url(/App_Themes/CP/images/ModalClose.png) no-repeat right top; } */ .modalContainerCP .modalContentLeft { background: #fff url(/App_Themes/CP/images/ModalLeft.png) repeat-y left top; } .modalContainerCP.noIframe .modalContentLeft { padding-left: 9px; } .modalContainerCP .modalContentRight { background: #fff url(/App_Themes/CP/images/ModalRight.png) repeat-y right top; } .modalContainerCP.noIframe .modalContentRight { padding-right: 9px; } .modalContainerCP .modalContent { background: #fff; padding-left: 0px; } .modalContainerCP.noIframe .modalContent { margin-right: 0; padding: 0; } .modalContainerCP .modalBottomLeft { background: url(/App_Themes/CP/images/ModalBottomLeft.png) no-repeat left bottom; } .modalContainerCP .modalBottom { background: #fff url(/App_Themes/CP/images/ModalBottom.png) repeat-x left bottom; } .modalContainerCP .modalBottomRight { background: url(/App_Themes/CP/images/ModalBottomRight.png) no-repeat right bottom; } /* Within the iframe */ body.modal { background: url(/App_Themes/CP/images/ModalLeftInnerBkg.png) repeat-y left top; font: 10pt Arial, sans-serif; margin: 0px; } .modalTabs { border-top: 1px solid #fff; padding: 0px; } .modalTabs div.actions, .modalContainerCP div.actions { background: #c3d9e9 url(/App_Themes/CP/images/LiveEditActionsLeftBkg.png) no-repeat left top; border-bottom: 1px solid #fff; text-align: right; } .modalTabs .actionsInner, .modalContainerCP .actionsInner { background: url(/App_Themes/CP/images/LiveEditActionsRightBkg.png) no-repeat right top; padding: 2px 33px 7px 10px; } .modalTabs .actions img.spellchecker, .modalContainerCP .actions img.spellchecker { cursor: pointer; display: -moz-inline-stack; display: inline-block; margin-right: 5px; position: relative; top: 5px; } .modalTabs .actions input, .modalContainerCP .actions input { margin-left: 3px; padding: 1px 6px; } .modalTabs .form, .modalContainerCP .form { background: #edf3f6 url(/App_Themes/CP/images/ModalRightInnerBkg.png) repeat-y right top; border-top: 1px solid #c3d9e9; margin-left: 9px; overflow-x: hidden; padding: 5px 15px 20px 6px; position: relative; max-height: 500px; } .modalContainerCP.noIframe .form { background: #edf3f6 url(/App_Themes/CP/images/ModalLeftInnerBkg.png) repeat-y left top; margin-left: 0; overflow: auto; overflow-x: hidden; padding: 5px 10px 20px 15px; } .modalTabs .modifiedBy, .modalContainerCP .modifiedBy { color: #678295; font-size: .75em; margin: 0px; text-align: right; width: 796px; } .modalContainerCP .modalTabs { padding-right: 0; } /* I think all this is covered by Forms.css .modalTabs .formline { padding: 20px 0px 0px 0px; } .modalTabs .formline label { color: #1a4d6a; font-size: 10pt; font-weight: bold; margin: .3em 0px 0px 0px; padding-right: 10px; width: 90px; } .modalTabs .formline div { width: 689px; } .modalTabs .formline div input[type="text"], .modalTabs .formline div textarea { width: 100%; } .modalTabs .multiple label { margin-top: -1px; } .modalTabs .multiple div label { margin-top: 0px; } .modalTabs .image .preview { float: left; overflow: hidden; width: 100% } .modalTabs .image .preview p { color: #ddd; font-size: 20pt; font-weight: bold; } */ .newCP .formline label { font-weight: bold; } .newCP .formline > div { width: 673px; } .newCP hr.showHide { border-top: 2px solid #d9e2ea; border-bottom: 1px solid #eee; width: 785px; } .newCP a.showHide { background: #edf3f6; color: #0b3b5d; margin-left: 104px; } /* Notify Me Email Functionality */ .newCP .autoNotify { background: #edf3f6 url(/App_Themes/CP/images/ModalRightInnerBkg.png) repeat-y right top; color: #0b3b5d; font-family: Arial,sans-serif; font-size: 10pt; height: 21em; margin-left: 9px; padding: 15px 10px 15px 1px; position: relative; width: auto; /*782px;*/ } .autoNotify div { position: relative; } .autoNotify > div > label { color: #075287; display: block; font-weight: bold; margin: 8px 0px 3px; width: 61%; } .autoNotify textarea { overflow: auto; width: 61%; } .autoNotify > div > div { border: none; top: 0px; left: 64%; padding: 0px; position: absolute; width: 36%; } .autoNotify h3 { font-size: 10pt; font-weight: bold; margin: 0px 0px 8px; } .autoNotify label.check { display: block; font-weight: normal; margin: 0px 0px 8px 0px; width: auto; } .autoNotify > div > div > input[type="radio"] { display: inline-block; margin: 0px 5px 0px 0px; } .autoNotify > div > div > input[type="text"] { display: inline-block; margin-right: .5em; width: 1.5em; } .autoNotify > div > div > input[type="text"] + label { display: inline-block; font-size: 9pt; } .autoNotify > div > div > input[type="button"] { margin-top: 12px; } /* END Notify Me Email Functionality */ /* DATEPICKER */ .DPMonthYearPicker, .DPMonthYearTitleContainer, .DPMonthPrev, .DPMonthNext, .DPDivider { background: #4e88b8; } .DPWeekdayNameList span { background: #8bb6d5; } .DPDaySelected:link, .DPDaySelected:visited { background: #31688f !important; color: #fff !important; } .DPDayActive:hover, .DPDayActive:focus, .DPDayActive:active, .DPDaySelected:hover, .DPDaySelected:focus, .DPDaySelected:active { background: #4e88b8 !important; color: #fff !important; } .DPDayInactive:hover, .DPDayInactive:focus, .DPDayInactive:active { background: #93b6d2 !important; color: #fff !important; } /* Individual module's modal heights */ .modalContainer.liveEdit.calendar iframe { height: 480px; } /* L I V E E D I T T A B =================================================================== */ .liveEditTab { background: #f2f9fe url(/Areas/Notebook/Assets/Images/LiveEditTabBkgTop.png) repeat-x 0px 0px; bottom: 0px; color: #1c4d70; font-family: Arial, sans-serif; font-size: 9pt; height: 3px; left: 0px; position: fixed; width: 100%; -moz-transition: height, .3s; -webkit-transition: height, .3s; transition: height, .3s; z-index: 1000; } .liveEditTab * { font-family: Arial, sans-serif; } div.liveEditTab.beingDragged { -moz-transition: none; -webkit-transition: none; transition: none; } .liveEditTab:hover { height: 8px; } .liveEditTab > .inner { margin: 0px auto; max-width: 1000px; position: relative; width: 98%; } .liveEditTab > .inner > .inner { height: 100%; padding: 29px 0px 0px; position: relative; z-index: 1; } .liveEditTab .inner > .notebook > .breadcrumb { font-size: 8pt; line-height: 1.2; margin: 7px 0; } .liveEditTab .inner > .notebook > .breadcrumb > a { color: inherit; text-decoration: none; } .liveEditTab .help .notes, .liveEditTab .help .note { margin-top:26px; } .liveEditTab .tabs { position: absolute; left: 0px; list-style: none; margin: 0px; padding: 0px; top: -26px; } .liveEditTab .tabs > li { float: left; margin-right: 5px; } .liveEditTab .tabs > li > a { background: url(/Areas/Notebook/Assets/Images/LiveEditTabTabBkgLeft.png) no-repeat left bottom; color: #fff; display: block; padding-left: 10px; text-decoration: none; } .liveEditTab .tabs > li > a > span { background: url(/Areas/Notebook/Assets/Images/LiveEditTabTabBkgRight.png) no-repeat right bottom; cursor: pointer; display: inline-block; padding: 9px 10px 4px 0px; } .liveEditTab .controls { background: url(/Areas/Notebook/Assets/Images/LiveEditTabControlsBkgLeft.png) no-repeat left top; padding-left: 22px; position: absolute; right: 0px; top: 7px; z-index: 2; } .liveEditTab .controls > div { background: url(/Areas/Notebook/Assets/Images/LiveEditTabControlsBkgRight.png) no-repeat right top; float: left; padding: 0px 2px 3px 0px; width: 100%; } .liveEditTab .controls a { display: block; float: left; margin-top: -3px; margin-right: 5px; } .liveEditTab .controls a > img { border: none; } /* NOTEBOOK */ .liveEditTab .tabs > .notebook a > span { padding-right: 35px; position: relative; } .liveEditTab .tabs > .notebook .bubble { background: url(/Areas/Notebook/Assets/Images/LiveEditTabNotesBubbleBkg.png) no-repeat left top; color: #fff; display: block; font-size: 8pt; font-weight: bold; padding: 2px 2px 8px; position: absolute; right: 8px; text-align: center; top: 7px; width: 18px; } .liveEditTab .inner > .notebook { margin-right: 64px; padding-top: 8px; } .liveEditTab .notes, .liveEditTab .note { float: left; margin: 0px 2% 18px 0px; overflow: auto; overflow-x: hidden; position: relative; } .liveEditTab .meta { color: #5a7c95; font-size: 8pt; margin: 0px 0px 3px; } .liveEditTab .meta > strong { color: #12639d; font-weight: bold; } .liveEditTab h2, .liveEditTab h3 { color: #123955; font-size: 1em; font-weight: normal; margin: 0px; } .liveEditTab .notes { background-color: #fff; border: 2px solid #c2dcee; list-style: none; padding: 0px; width: 33%; } .liveEditTab .notes.noteHidden { visibility: hidden; } .liveEditTab .notes > li { border-top: 1px solid #c2dcee; cursor: pointer; min-height: 30px; padding: 2px; } .liveEditTab .notes > li:first-child { border-top: none; } .liveEditTab .notes > li > div { padding: 4px 4px 4px 25px; position: relative; } .liveEditTab .notes > li.selected > div { background: #dbecf9; } .liveEditTab .notes > li .marker, .liveEditTab .notes > li .attachment { background: #cd3623; display: block; height: 14px; left: 4px; position: absolute; text-indent: -9999px; top: 4px; width: 14px; } .liveEditTab .notes > li .marker.cp { background: #327cac; } .liveEditTab .notes > li .attachment { background: transparent url(/Areas/Notebook/Assets/Images/IconAttachments.png) no-repeat 0px 0px; height: 8px; left: 3px; top: 23px; width: 17px; } .liveEditTab .note { font-size: 9pt; margin-right: 1%; padding-right: 2%; width: 61%; } .liveEditTab .note.noteHidden { overflow: visible; visibility: hidden; } .liveEditTab .note .meta { font-size: 9pt; margin: 8px 0px 6px; padding-left: 70px; } .liveEditTab .note h2 { border-bottom: 1px solid #afcde2; font-size: 10pt; font-weight: bold; margin-bottom: 10px; min-height: 36px; padding-left: 70px; } .liveEditTab .note .content { line-height: 1.4; } .liveEditTab .note .attachments { background-color: #dbecf9; border: 1px solid #afcde2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; list-style: none; } .liveEditTab .note > .attachments { float: right; margin: 0px; padding: 10px; width: 150px; margin: 0 0 10px 10px; } .liveEditTab .note > .attachments > li { margin-bottom: 5px; overflow: hidden; } .liveEditTab .note .attachments a[class^="file"] { background-position: 0px 0px; background-repeat: no-repeat; color: #0e6eb3; display: inline-block; padding: 1px 0px 1px 22px; } .liveEditTab .note .attachments a.fileExcel { background-image: url(/Areas/Notebook/Assets/Images/IconFileExcel.png); } .liveEditTab .note .attachments a.fileGif { background-image: url(/Areas/Notebook/Assets/Images/IconFileGif.png); } .liveEditTab .note .attachments a.fileHtml { background-image: url(/Areas/Notebook/Assets/Images/IconFileHtml.png); } .liveEditTab .note .attachments a.fileJpeg { background-image: url(/Areas/Notebook/Assets/Images/IconFilePng.png); } .liveEditTab .note .attachments a.filePdf { background-image: url(/Areas/Notebook/Assets/Images/IconFilePdf.png); } .liveEditTab .note .attachments a.filePng { background-image: url(/Areas/Notebook/Assets/Images/IconFilePng.png); } .liveEditTab .note .attachments a.fileText { background-image: url(/Areas/Notebook/Assets/Images/IconFileText.png); } .liveEditTab .note .attachments a.fileWord { background-image: url(/Areas/Notebook/Assets/Images/IconFileWord.png); } .liveEditTab .note > img { background-color: #fff; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2); left: 0px; padding: 4px; position: absolute; top: 0px; } .liveEditTab .inner > .nav { height: 25px; padding-bottom: 1em; position: absolute; right: 10px; top: 36px; width: 58px; } .liveEditTab .inner > .nav > h5 { bottom: 0px; color: #3283bd; font-size: 9pt; margin: 0px; position: absolute; right: 0px; text-align: center; width: 100%; } .liveEditTab .inner > .nav > a { border: none; display: block; position: absolute; top: 0px; } .liveEditTab .inner > .nav > a.prev { left: 0px; } .liveEditTab .inner > .nav > a.next { right: 0px; } .liveEditTab .inner > .nav > a > img { border: none; } .liveEditTab .inner > .nav.noteHidden { visibility: hidden; } .liveEditTab a.newNote { background: url(/Areas/Notebook/Assets/Images/LiveEditTabNewNoteButtonBkg.png) no-repeat 0px 0px; color: #488cbd; display: block; float: right; font-size: 10pt; font-weight: bold; line-height: 1.1; margin-top: 85px; min-height: 18px; padding: 42px 0px 8px 2px; position: relative; right: 8px; text-align: center; text-decoration: none; text-transform: uppercase; width: 62px; } .liveEditTab div.newNote { height: 100%; left: 0px; margin-top: 8px; position: absolute; top: 0px; visibility: visible; width: 100%; } /* Styles taken from FisherPrice.css */ .liveEditTab .newNote input, .liveEditTab .newNote textarea { background: #f6f8fa; border: 1px solid #90B1d0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #073352; font-family: Arial,sans-serif; font-size: 10pt; padding: 3px 5px; width: 96%; } .liveEditTab .newNote textarea:-moz-placeholder, .liveEditTab .newNote input:-moz-placeholder { color: #999; } .liveEditTab .newNote .attachments { margin: 5px 2% 5px 0px; min-height: 22px; overflow: hidden; padding: 5px 0px 1px 5px; position: relative; } .liveEditTab .newNote .attachments ol { list-style: none; margin: 0px 100px 0px 0px; padding: 0px; } .liveEditTab .newNote .attachments li { float: left; margin: 0px 5px 5px 0px; } .liveEditTab .newNote .attachments > .button { margin: 0px; position: absolute; right: 3px; top: 3px; } .liveEditTab .newNote .buttons { list-style: none; margin: 0px; padding: 0px; position: absolute; right: -80px; text-align: center; top: 0px; width: 80px; } .liveEditTab .newNote > .check { font-size: 9pt; margin: 0px; position: absolute; right: -80px; text-align: left; top: 55px; width: 80px; } .liveEditTab .newNote > .check > input { border: none; float: left; height: 13px; margin: 0px; padding: 0px; width: 13px; } .liveEditTab .newNote > .check > span { display: block; margin-left: 17px; } .liveEditTab a.button:link, .liveEditTab a.button:visited { background: url(../../App_Themes/CP/Images/FisherPriceButtonLeftBkg.png) no-repeat left -66px; color: #0764b1 !important; display: inline-block; font-size: 9pt; font-weight: bold; padding-left: 5px; text-align: center; text-decoration: none; text-transform: none; } .liveEditTab a.button:link > span, .liveEditTab a.button:visited > span { background: url(../../App_Themes/CP/Images/FisherPriceButtonRightBkg.png) no-repeat right -66px; cursor: pointer; display: block; height: 14px; padding: 4px 8px 4px 3px; } .liveEditTab a.button span span.arrow { display: inline; font-size: .9em; margin: 0px 3px 0px 0px; padding: 0px; } .liveEditTab a.button:hover, .liveEditTab a.button:focus { background-position: left -44px; color: #2874a4; } .liveEditTab a.button:hover span, .liveEditTab a.button:focus span { background-position: right -44px; cursor: pointer; } .liveEditTab a.button:active { background-position: left -22px; color: #2874a4; } .liveEditTab a.button:active span { background-position: right -22px; padding-top: 5px; padding-bottom: 3px; } .liveEditTab a.button.inactive:link, .liveEditTab a.button.inactive:visited, .liveEditTab a.button.inactive:hover, .liveEditTab a.button.inactive:focus, .liveEditTab a.button.inactive:active { background-position: left 0px; color: #78A8C7; } .liveEditTab a.button.inactive:link span, .liveEditTab a.button.inactive:visited span, .liveEditTab a.button.inactive:hover span, .liveEditTab a.button.inactive:focus span, .liveEditTab a.button.inactive:active span { background-position: right 0px; cursor: default; } .liveEditTab a.nextAction:link, .liveEditTab a.nextAction:visited { background: url(../../App_Themes/CP/Images/FisherPriceNextButtonLeftBkg.png) no-repeat left -66px; color: #fff !important; text-shadow: 1px 1px 1px rgba(0,0,0,.2); } .liveEditTab a.nextAction:link span, .liveEditTab a.nextAction:visited span { background: url(../../App_Themes/CP/Images/FisherPriceNextButtonRightBkg.png) no-repeat right -66px; } .liveEditTab a.nextAction:hover, .liveEditTab a.nextAction:focus { background-position: left -44px; color: #fff; } .liveEditTab a.nextAction:hover span, .liveEditTab a.nextAction:focus span { background-position: right -44px; } .liveEditTab a.nextAction:active { background-position: left -22px; color: #fff; } .liveEditTab a.nextAction:active span { background-position: right -22px; } .liveEditTab a.nextAction.inactive:link, .liveEditTab a.nextAction.inactive:visited, .liveEditTab a.nextAction.inactive:hover, .liveEditTab a.nextAction.inactive:focus, .liveEditTab a.nextAction.inactive:active { color: #cfd6dc; } .liveEditTab a.cancel:link, .liveEditTab a.cancel:visited, .liveEditTab a.cancel:hover, .liveEditTab a.cancel:focus, .liveEditTab a.cancel:active, .liveEditTab a.cancel span { background: none !important; border: none; color: #c33; text-decoration: underline; } .liveEditTab a.newNote.empty, .liveEditTab a.newNote.help { margin-top: 35px; } .liveEditTab .empty .notes { display: none; } .liveEditTab .empty .note { float: none; margin-right: 0px; padding-right: 0px; width: auto !important; /* !important is there to override CP\ie7.css */ } .liveEditTab .empty .note > p { color: #9dbad3; font-size: 15pt; margin: .75em 0px 0px; text-align: center; } .liveEditTab .empty .note > p > a { color: #3283bd; display: inline-block; margin-top: 1em; text-decoration: none; } .liveEditTab .empty .note > p > a > strong { font-weight: bold; } .liveEditTab a.newNote.help { font-size: 10pt; padding-top: 44px; } @media screen and (max-width: 800px) { .liveEditTab .notes .meta > strong { display: block; } .liveEditTab .note .content.withAttachments { margin-right: 0px; } .liveEditTab .note > .attachments { float: none; margin-bottom: 10px; width: auto } .liveEditTab .note > .attachments > li { display: inline; margin-right: 5px; } }