* {margin: 0; padding: 0} BODY {background-color: #fff; background-position: 0 -1100px} BODY, TD, P, #aboutPopupContent {font-family: Arial,sans-serif; font-size: 11px; color: #000; text-decoration: none} UL {list-style: none} LI {line-height: 1} FIELDSET {border: none} FIELDSET.bordered, .editMediaForm FIELDSET.bordered {display: block; width: auto; margin-top: 5px; margin-bottom: 5px; border: 1px solid #999; padding: 9px; padding-top: 0} FIELDSET.bordered LEGEND {color: #333; font-weight: bold; padding: 0 3px} FIELDSET.bordered .borderedInnerContainer {position: relative; margin-top: 5px; overflow: hidden; *zoom: 1} FIELDSET.bordered .borderedInnerContainer LABEL {width: auto} FIELDSET.bordered .borderedInnerContainer .iconHelpEnabled, FIELDSET.bordered .borderedInnerContainer .iconHelpDisabled {float: right} FIELDSET.textareaContainer01 {position: relative; padding-bottom :0 !important} FIELDSET.textareaContainer01 .checkbox, FIELDSET.textareaContainer01 .icon {position: absolute; bottom: 0; margin-left: 3px} FIELDSET.spaced {padding-top: 10px !important} P, H1, H2, H3, H4 {background-color: transparent} A:link, A:visited, A:active {text-decoration: none; color: #7D8890; font-family: Arial,sans-serif; font-size: 11px; outline: none} A:hover {color: #7D8890; text-decoration: none} #editMediaForm A.customDropdown:focus {outline: 1px dotted} H1 {font-size: 14px !important; font-weight: bold; color: #999} H2 {font-size: 12px !important; font-weight: bold; color: #000; margin-bottom: 12px !important} H3 {font-size: 11px !important; font-weight: bold; color: #999; line-height: 18px} H4 {margin-bottom: 10px} H5 {padding: 5px 0 5px 20px; margin-bottom: 5px; color: #7D8890} H5.pageTitle {padding: 16px 0 16px 10; font-size: 12px; margin-bottom: 12px; color: #000} H5, H5.pageTitle {background-color: #F0F0F0; font-weight: bold} .header1 {border-bottom: 1px solid #000} H2.inlineTitle {margin-bottom: 5px !important} .cleaner {clear: both; height: 0; line-height: 0; *font-size: 0} .cleaner1px {clear: both; padding-top: 1px; font-size: 0} .cleaner2px {clear: both; padding-top: 2px; font-size: 0} .cleaner3px {clear: both; padding-top: 3px; font-size: 0} .cleaner4px {clear: both; padding-top: 4px; font-size: 0} .cleaner5px {clear: both; padding-top: 5px; font-size: 0} .cleaner6px {clear: both; padding-top: 6px; font-size: 0} .cleaner7px {clear: both; padding-top: 7px; font-size: 0} .cleaner8px {clear: both; padding-top: 8px; font-size: 0} .cleaner9px {clear: both; padding-top: 9px; font-size: 0} .cleaner10px {clear: both; padding-top: 10px; font-size: 0} .cleaner15px {clear: both; padding-top: 15px; font-size: 0} .cleaner17px {clear: both; padding-top: 17px; font-size: 0} .cleaner19px {clear: both; padding-top: 19px; font-size: 0} .cleaner20px {clear: both; padding-top: 20px; font-size: 0} .cleaner30px {clear: both; padding-top: 30px; font-size: 0} /* Formelements */ /* input */ INPUT.suchbox {width: 115px} INPUT.typ00 {width: 100%} INPUT.typ01 {width: 40px} INPUT.typ0102 {width: 65px} INPUT.typ02 {width: 90px} INPUT.typ03 {width: 140px} INPUT.typ034 {width: 160px} INPUT.typ04 {width: 190px} INPUT.typ05 {width: 60px} INPUT.typ06 {margin-left:-4px} INPUT.typ07 {width: 178px} INPUT.typ08 {width: 376px} INPUT.typ09 {width: 77px} INPUT.typ10 {width: 188px} INPUT.typ11 {width: 365px} INPUT.typ12 {width: 198px} INPUT.typ13 {width: 119px} INPUT.typ14 {width: 450px} INPUT.typ15 {width: 182px} INPUT.typ16 {width: 108px} INPUT.typ17 {width: 68px} INPUT.typ18 {width: 82px} INPUT.typ19 {width: 138px} INPUT.typ20 {width: 348px} INPUT.typ21 {width: 65px} INPUT.typ22 {width: 106px} INPUT.typ23 {width: 410px} INPUT.typ24 {width: 181px} INPUT.typ25 {width: 80px} INPUT.typ26 {width: 216px} INPUT.typ27 {width: 148px} INPUT.typ28 {width: 109px} INPUT.typ29 {width: 336px} INPUT.typ30 {width: 259px} INPUT.typ31 {width: 435px} INPUT.typ32 {width: 81px} INPUT.typ33 {width: 227px} INPUT.typ34 {width: 150px} INPUT.typ35 {width: 81px} INPUT.typ36 {width: 470px} INPUT.typ37 {width: 280px} INPUT.typ38 {width: 241px} INPUT.typ39 {width: 176px} INPUT.typ40 {width: 386px} INPUT.typ41 {width: 244px} INPUT.typ42 {width: 144px} INPUT.typ43 {width: 50px} INPUT.typ44 {width: 315px} INPUT.typ45 {width: 273px} INPUT.typ46 {width: 252px} INPUT.typ47 {width: 174px} INPUT.typ48 {width: 511px} INPUT.typ49 {width: 760px} INPUT.typ50 {width: 346px} INPUT.typ51 {width: 265px} INPUT.typ52 {width: 293px} INPUT.typ53 {width: 337px} INPUT.typ54 {width: 50%} INPUT.typ55 {width: 340px} INPUT.typ56 {width: 319px} INPUT.typ57 {width: 343px} INPUT.typ58 {width: 125px} INPUT.typ59 {width: 317px} INPUT.typ60 {width: 363px} INPUT.typ61 {width: 340px} /* select */ SELECT.typ00 {width: 100%} SELECT.typ01 {width: 45px} SELECT.typ02 {width: 90px} SELECT.typ03 {width: 140px} SELECT.typ034 {width: 160px} SELECT.typ04 {width: 190px} SELECT.typ05 {width: 60px} SELECT.typ07 {width: 178px} SELECT.typ08 {width: 376px} SELECT.typ09 {width: 77px} SELECT.typ10 {width: 188px} SELECT.typ11 {width: 365px} SELECT.typ12 {width: 198px} SELECT.typ13 {width: 119px} SELECT.typ14 {width: 584px} SELECT.typ15 {width: 182px} SELECT.typ16 {width: 108px} SELECT.typ17 {width: 68px} SELECT.typ18 {width: 82px} SELECT.typ19 {width: 138px} SELECT.typ20 {width: 348px} SELECT.typ21 {width: 65px} SELECT.typ22 {width: 106px} SELECT.typ23 {width: 410px} SELECT.typ24 {width: 181px} SELECT.typ25 {width: 80px} SELECT.typ26 {width: 216px} SELECT.typ27 {width: 148px} SELECT.typ28 {width: 109px} SELECT.typ29 {width: 336px} SELECT.typ30 {width: 259px} SELECT.typ31 {width: 435px} SELECT.typ32 {width: 81px} SELECT.typ33 {width: 227px} SELECT.typ34 {width: 150px} SELECT.typ35 {width: 81px} SELECT.typ36 {width: 470px} SELECT.typ37 {width: 280px} SELECT.typ38 {width: 241px} SELECT.typ39 {width: 176px} SELECT.typ40 {width: 385px} SELECT.typ41 {width: 244px} SELECT.typ42 {width: 144px} SELECT.typ43 {width: 50px} SELECT.typ44 {width: 315px} SELECT.typ45 {width: 273px} SELECT.typ46 {width: 252px} SELECT.typ47 {width: 174px} SELECT.typ48 {width: 511px} SELECT.typ49 {width: 760px} SELECT.typ50 {width: 346px} SELECT.typ51 {width: 265px} SELECT.typ52 {width: 293px} SELECT.typ55 {width: 340px} SELECT.typ56 {width: 319px} SELECT.typ57 {width: 343px} SELECT.typ58 {width: 125px} SELECT.typ60 {width: 363px} SELECT.typ61 {width: 340px} /* textarea */ TEXTAREA.typ00 {width: 100%} TEXTAREA.typ1 {width: 365px; height: 38px} TEXTAREA.typ01 {height: 50px} TEXTAREA.typ2 {width: 198px; height: 57px} TEXTAREA.typ3 {width: 198px; height: 77px} TEXTAREA.typ4 {width: 584px; height: 68px} TEXTAREA.typ5 {width: 198px; height: 150px} TEXTAREA.typ6 {width: 188px; height: 78px} TEXTAREA.typ07 {width: 178px; height: 20px} TEXTAREA.typ7 {width: 336px; height: 52px} TEXTAREA.typ8 {width: 259px; height: 42px} TEXTAREA.typ9 {width: 182px; height: 20px} TEXTAREA.typ11 {width: 365px; height: 60px} TEXTAREA.typ29 {width: 336px; height: 33px} TEXTAREA.typ31 {width: 435px; height: 50px} TEXTAREA.typ33 {width: 227px; height: 50px} TEXTAREA.typ44 {width: 315px; height: 95px} TEXTAREA.typ46 {width: 252px; height: 95px} TEXTAREA.typ47 {width: 100%; height: 179px} TEXTAREA.typ60 {width: 363px; height: 60px} TEXTAREA.typ61 {width: 500px; height: 150px} /* label */ LABEL, .commandLinkHighNoBG, .commandLinkHigh, .checkboxes .simpleLink, .form15 FIELDSET P {line-height: 20px} LABEL.typ01 {float: left; width: 276px} .standardFieldHeight {height: 20px; line-height: 20px} INPUT.lineHeightVerticalAlign {margin-top: 4px} .disabledCheckboxTooltipFixLeft {float: left; height: 13px; margin-left: -14px; margin-top: 4px; width: 13px; *display: none} .standardSpaceRight {margin-right: 3px; _display: inline} .standardSpaceLeft {margin-left: 3px; _display: inline} .bigSpaceRight {margin-right: 10px; _display: inline} .bigSpaceLeft {margin-left: 10px; _display: inline} /* Background colors and font styles */ .bg1 {background-color: #eaeaea} .bg2 {background-color: #FFFFFF} .bg3 {background-color: #7F7E82} .bg4 {background-color: #EEEEEE} .bg4farbe {background-color: #EEEEEE; color: #000000} .bg5 {background-color: #333333} .bg6 {background-color: #E6E6E6} .bg7 {background-color: #CCCCCC} .bg8 {background-color: #999999} .bg9 {background-color: #31659C} .bgpass {background-color: #97A8CA} .bgcrit {background-color: #ffe5e6} .sonstiges {color:#333333; font-weight: bold} .subtitle {color: #000000; font-size: 12px; font-weight: normal; background-color: transparent} .tblsubtitle {color: #333333; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999} .tbltxt {color: #333333; font-size: 11px; font-weight: 100; vertical-align: middle} .tbltxtbold {color: #000000; font-size: 11px; font-weight: bold} .tabellentextred {color: #b00100; font-weight: 100; vertical-align: middle} .tabellentextred a , .tabellentextred a:active, .tabellentextred a:hover, .tabellentextred a:link, .tabellentextred a:visited , #mediaSetInfoTextarea a , #mediaSetInfoTextarea a:active, #mediaSetInfoTextarea a:hover, #mediaSetInfoTextarea a:link, #mediaSetInfoTextarea a:visited {color: #336699; font-weight: 100; vertical-align: middle; text-decoration: underline} #mediaSetInfoTextarea P {padding: 5px} .tbltext01boldcentered {color: #000000; font-weight: bold; text-align: center; vertical-align: middle !important} .text01boldcentered {color: #000000; font-weight: bold; text-align: center} .tabCaption {color: #FFFFFF; font-size: 12px; font-weight: bold} .text01 {color: #333; font-weight: normal} .text01bold {color: #333; font-weight: bold} .text02 {color: #000000; font-size: 10px; font-weight: normal} .text02bold {color: #000000; font-size: 10px; font-weight: bold} .text03, .remarksField {color: #333; font-size: 11px; font-weight: normal} .text03bold {color: #333; font-size: 11px; font-weight: bold} .text04 {color: #B00100; font-weight: normal; vertical-align: middle} .text04bold {color: #336699; font-weight: bold; vertical-align: middle} .text05 {color: #333; font-weight: normal; vertical-align: middle} .text05bold {color: #333; font-weight: bold; vertical-align: middle} .text06 {color: #000; font-weight: normal} .text06bold {color: #000; font-weight: bold} .text07 {color: #8F8F8F; font-weight: normal} .text07bold {color: #8F8F8F; font-weight: bold} .text08bold {color: #F46956; font-size: 11px; font-weight: bold} .text09 {color: #000; font-weight: normal; vertical-align: middle; padding-right:20px} .text09bold {color: #000; font-weight: bold; vertical-align: middle} .info {color: #999;} .hint {color: #333; font-size: 10px; font-weight: bold} .strikeThroughText {text-decoration: line-through} .strongText {font-weight: bold} .normalText {font-weight: normal} .lightText {font-weight: normal; font-size: 10px} .publishedText {color: #CC0000; padding-left: 10px} /** * Links */ .commandLink, .objectViewTitle {color: #333333; font-weight: bold; padding-left: 9px} .commandLinkNoBG {color: #333333; font-weight: bold} .commandLinkHigh {color: #333333; font-weight: bold; padding-left: 9px} .commandLinkHighNoBG {color: #333333; font-weight: bold} .commandLinkLight {font-size: 11px; color: #333333; padding-left: 9px} .commandLinkLightNoHover:link, .commandLinkLightNoHover:visited, .commandLinkLightNoHover:active {color: #000000; font-weight: normal; padding-left: 9px} .commandLinkLightNoBG {color: #333333} .collapsedLink:link, .collapsedLink:visited, .collapsedLink:active {color: #333333; font-weight: bold; padding-left: 9px} .expandedLink:link, .expandedLink:visited, .expandedLink:active {color: #333333; font-weight: bold; padding-left: 9px} .collapsedLinkDisabled:link, .collapsedLinkDisabled:visited, .collapsedLinkDisabled:active {color: #333333; font-weight: bold; padding-left: 9px; cursor: default} /* .objectViewTitle {background-position: 0 200px} .objectViewTitle:link, .objectViewTitle:visited, .objectViewTitle:active {color: #0000AA; font-weight: bold} */ .simpleLink:link, .simpleLink:visited, .simpleLink:active, .simpleLink:hover {font-size: 11px; color: #333333; font-weight: bold} .listtitlelink:link, .listtitlelink:visited, .listtitlelink:active {color: #000000; font-weight: bold} .popupLink {display: inline-block; line-height: 20px; background: url('../images/popupLinkIcon.png') 0 4px no-repeat; padding-left: 16px; font-weight: bold} .iconLink .icon {float: left} .iconLink .commandLinkNoBG {float: left; padding-left: 3px; line-height: 20px} .borderLeftRight {border-left: 1px solid; border-right: 1px solid} .borderLeft {border-left: 1px solid} .borderRight {border-right: 1px solid} .borderNone {border: none} .bold {font-weight: bold} .floatLeft {float: left} .floatRight {float: right} .floatRightMargined {float: right; margin-left: 5px} .visibilityHidden {visibility: hidden} .hiddenElement {visibility: hidden; position: absolute; top: -10000px; left: -10000px} /* workaround for IE6 when the hidden element still remains hidden after this class is removed */ .hiddenElementIEFix {visibility: hidden; _visibility: visible; position: absolute; top: -10000px; left: -10000px} .noWrap {white-space: nowrap} .noMargin {margin: 0 !important} .errors {padding-bottom: 10px} .errors .messages {padding: 5px 5px 6px 3px; border: solid 1px #b3b3b3; margin-top: 5px; background: #fff url(../images/cards/errors_em_sign.gif) no-repeat left center; min-height: 35px; *height: 35px} .errors .messages .tabellentextred {font-size: 13px; padding-left: 30px} .errors .messages .tabellentextred .errorListItem {display: list-item; margin-left: 20px} .inlineErrors p {color: #B00100;margin-bottom:5px} .inlineSuccessMessage {position: relative; padding-left: 30px; padding-top: 7px; margin-bottom: 15px} .inlineSuccessMessage a {position: absolute; top: 5px; left: 5px; _left:-25px} .tabellentextred .errorListItem {display: list-item; margin-left: 20px} /* .invalidField INPUT, .invalidField TEXTAREA, .invalidField SELECT {background: #f7e6e6; border: 1px solid #cc0000} */ .invalidFieldItem {background: #f7e6e6; border: 1px solid #cc0000} .invalidFieldMessage {padding: 4px 0; clear: both} /* default error message color (red) */ .invalidFieldMessage, .mmsErrorSmall .mmsMsgText, .mmsAttentionSmall .mmsMsgText, .mmsInfoSmall .mmsMsgText {color: #cc0000} .indicationMessage {padding: 6px 0 6px 9px; background-color: #FFCC99} .mandatoryMark {padding-left: 2px; color: #333333} .mandatoryFieldMark {z-index: 100; position: absolute; margin-bottom: -10px; padding-left: 4px; padding-top: 13px; font-size: 12px; color: #000000} .linkImg {cursor: pointer} .linkMark, .linkMarkBrowsed {padding-left: 5px} .hr {clear: both; border-bottom: 1px solid #EEE; font-size: 0} .hrMargined {clear: both; border-bottom: 1px solid #EEE; font-size: 0; margin: 10px 0} HR {border: 0; color: #7D8890; background-color: #7D8890; height: 1px; margin: 8px 0; *margin: 0} .rowElement {float: left; width: 100%} .tableRowElement {float: left; width: 100%; background-color: #eee} .tableOperations {padding-left: 5px !important} /* notification boxes */ .errorNotificationBox, .attentionNotificationBox, .infoNotificationBox {border: 1px solid #CC0000; padding: 27px 70px; position: relative} .errorNotificationBox H2, .attentionNotificationBox H2, .infoNotificationBox H2, .errorNotificationBox P, .attentionNotificationBox P, .infoNotificationBox P {overflow: hidden} .errorNotificationBox .notificationBG {position: absolute; top: 20px; left: 20px; *top: 21px; *left: -50px} #popupBody .errorNotificationBox, #popupBody .attentionNotificationBox, #popupBody .infoNotificationBox {padding: 34px 85px; margin-top: 50px} #popupBody .errorNotificationBox .notificationBG {position: absolute; top: 20px; left: 20px; *top: 21px; *left: -65px} .accessDenied {margin:20% 10% 20% 30%; padding:20px} .accessDenied P {font-size: 12px; line-height:20px; font-weight: bold; color: #333333} .hiddenIframe, #hiddenIFrame {display: none} .hiddenIframeFixed {visibility: hidden; width: 0; height: 0; position: absolute} .readonlyTextarea {width: 100%; height: auto; overflow: visible; background: transparent; border: none; padding: 0} .readonlyTextareaScrollable {width: 100%; height: auto; overflow: scroll-y; background: transparent; border: none} .readonlyTextareaScrollableWithBorder {width: 100%; height:84px; overflow:auto; background:#ffffff; border:1px solid #999999;} .leftColumn, .cmLeftColumn {float: left} .rightColumn, .cmRightColumn{float: right} .leftColumnShort {width: 300px} .twoColumnElement {padding: 6px 5px} .twoColumnElement .leftColumn, .twoColumnElement .rightColumn {padding: 0 3px; width: 382px; *width: 388px; text-align: left; overflow: hidden} #singleMassImportButtons {padding-bottom: 0} #singleMassImportButtons .actionButton {margin-bottom: 6px} .bulletParagraph {padding-left: 15px; padding-bottom : 10px; position: relative; overflow: hidden;} .bulletParagraphIMG {height: 8px; width: 8px; background-position: 0 -564px; position: absolute; left: 0; *left: -15px; top: 3px} .standardPaddingContainer {padding: 10px} .radioTextIcon {position: relative; top: 7px; margin: 0 3px} .contextMenuIframe {position: absolute; left: 0; top: 0px; display: none; filter: alpha(opacity=0); opacity: 0; -moz-opacity:0; width: 162px; height: 50px} #contextMenuIframeRL {position: absolute; left: 0; top: 0px; display: none; filter: alpha(opacity=0); opacity: 0; -moz-opacity:0; width: 298px; height: 127px} .contextMenu {POSITION: absolute; Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 162px; overflow: hidden} .contextMenu UL {BACKGROUND-COLOR: #eee; border: 1px solid #ccc} .contextMenu UL LI {display: block; padding-left: 7px} .contextMenu UL LI A {line-height: 17px; padding-left: 9px} .contexMenuRightClick {POSITION: absolute; Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 130px; padding: 2px; background-color: #D4D4D4; border: 1px solid #7D7D7D; font-size: 12px; color: #333333} .contexMenuRightClick LI {display: block; clear: both; padding: 0 0 5px 10px} .contexMenuRightClick LI A {padding-left: 9px} .contexMenuRightClick LI A.inactive {color: white; cursor: default} .contexMenuRightClick .closeButton {float: right} .contextMenu2, .contextMenu2OneCol {position: absolute; z-index: 1000; visibility: hidden; width: 346px; *width: 348px; background-color: white; border: 1px solid #ddd} .contextMenu2OneCol {width: 181px; _width: 183} .contextMenu2 .closeButton, .contextMenu2OneCol .closeButton {position: absolute; top: 4px; right: -4px; z-index: 5000} .contextMenu2 .CMSection, .contextMenu2OneCol .CMSection {display: none; clear: both; margin-bottom: 5px; overflow: hidden} .contextMenu2 H3, .contextMenu2OneCol H3 {line-height: 20px; text-indent: 10px; background-color: #eaeaea; margin-bottom: 5px; font-size: 11px; color: #000; font-weight: normal} .contextMenu2 .cmLeftColumn, .contextMenu2 .cmRightColumn, .contextMenu2OneCol .cmLeftColumn {width: 163px !important; *width: 173px !important; padding-left: 10px} .contextMenu2 .contextMenuItem, .contextMenu2OneCol .contextMenuItem {display: none; clear: both; height: 31px; width: 156px; *width: 161px; padding-left: 5px; background-position: 10000px 10000px; cursor: pointer} .contextMenu2 .contextMenuItem:hover, .contextMenu2OneCol .contextMenuItem:hover {color: #7D8890} .contextMenu2 .contextMenuItem IMG, .contextMenu2OneCol .contextMenuItem IMG {float: left; width: 31px; height: border: none} .contextMenu2 .contextMenuItem .linkText, .contextMenu2OneCol .contextMenuItem .linkText {float: left; height: 31px; width: 116px; *width: 110px; table-layout: fixed; background-color: transparent} .contextMenu2 .contextMenuItem .linkTextInactive tbody tr td, .contextMenu2OneCol .contextMenuItem .linkTextInactive tbody tr td {color: #808080} #popupBody .contextMenu2, #popupBody .contextMenu2OneCol {margin-top: -10px} *HTML #popupBody .contextMenu2, *HTML #popupBody .contextMenu2OneCol {margin-top: -8px; margin-left: 2px} .dropDownContextMenu LI {float: left; clear: both} .dropdownContextMenu .dropdownImg {margin-top: 7px} .dropDownContextMenu .dropDownContextMenuItem {width: 118px; *width: 120px; line-height: 14px; background-color: #EAEAEA; border: 1px solid #ddd; position: absolute; border-top: none; overflow: hidden} .dropDownContextMenu .dropDownContextMenuItem .dropDownContextMenuLink {display: block; margin: 2px} /* ---GFX styles--- */ /* GFX images */ /* ICONS1.GIF */ .changeOrderButtonUpActive, .changeOrderButtonDownActive, .documentProcessorButtonGroup, .icon, #serviceLinksItem, .allEdited, .partiallyEdited, .noEdited, .noFiles, .iconFailure, .iconDeleteCollection, SPAN.checkbox, .attentionBox .iconNote, .iconCheckText, .iconNotClickable, .notificationBG, .mmsMsgWindow .mmsMsgSign DIV {background-color: transparent; background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons1.gif); background-repeat: no-repeat} .iconNotClickable {width: 18px; height: 18px} /* ICONS2.PNG, ICONS2.GIF */ .icon01, .icon02, .iconLink2, .iconWarning, .wizardStepIcon, .actionButton IMG.buttonIcon, .iconImageLeft, .iconImageRight, .pi-tab-panel .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close, .x-tab-strip-edit, .iconRemove2, .closeButton, .iconPreview, .iconOpen, .iconSelectMedia, .iconDelete2, .iconView, .iconEdit2, .iconChangeOwner, .iconEditSeveralObjects, .iconRecreate, .iconNewVersion, .iconAddToFavourites, .iconRemoveFromFavorites, .iconAddToCollection, .iconMoveToCollection, .iconRemoveFromCollection, .iconSendAsEmail, .iconEmailToSubscribers, .iconSubscribe, .iconDeleteSubscription, .iconSave2, .iconEditProperties, .iconAdaptToRequirements, .iconOpenDocument, .iconGrant, .iconReject2, .iconEditAndForward, .iconSetApproval, .iconNewMediaVersion, .iconRequestLicense, .iconReviewManager, .iconRemove, .iconCreateDiscussion, .iconCheck, .iconCheck2, .iconReject3, .iconSelectElement, .iconSelectElementGrayed, .iconSelectElementAttention, .iconParticipants, .iconCreateComment, .iconMaintenanceMessage, .iconModifyPublicationDate, .iconUnpublish, .iconPublish, .iconPublishSuccessor, .iconDeleteSuccessor, .iconDropdown, .icon3Docs, .iconDocInfo, .iconElEdit, .iconExportToWord, .iconImportToWord, .iconZoomIn, .iconZoomOut, .iconFitWidth, .iconFitHeight, .iconFitWindow, .iconRefresh, .iconDownload, .moduleChecked, .moduleCheckedDisabled, .iconCut, .iconPaste, .iconNewElement, .iconNewSubelement, .iconSortAscending, .iconSortDescending, .pageIcon, .iconUsers, .iconDiskette, .iconWorkflowLarge, .iconCopyLarge, .iconCloseAndUndo, .iconComments, .iconCommentsCollapse, .iconCommentsExpand, .iconNewSection, .iconDeleteSection, .iconEditSection, .iconAddSmartPageRight, .iconAddSmartPageLeft, .iconDeleteSmartPage, .iconCreatePlaceholder, .iconCreateTile, .iconRemoveEl, .iconAddColumn, .iconAddColumnAfter, .iconAddColumnBefore, .iconAddRow, .iconAddRowAfter, .iconAddRowBefore, .iconCopyExt, .iconDeleteExt, .iconMerge, .iconPasteExt, .iconUnmerge, .iconDelete3, .iconChangeBullet, .iconCreateJob, .rmIconWarning, .rmIconStar, .rmIconHelp, .rmIconInfo, .rmIconPlus, .rmIconDel, .rmIconUp, .rmIconDown, .rmIconX, .iconDelete4, .usedPimImage, .iconEditPage, .iconExportIndd, .iconImportIndd, .iconShowModifications, .iconDearchive, .iconNewSectionSmall, .iconAddPageExtJs, .iconEditPageExtJs, .iconDeletePageExtJs, .iconMoveUpExtJs, .iconMoveDownExtJs, .iconViewLog, .iconArchiveAll, .iconExportAll, .iconSuccess, .iconExtAdd, .iconExtRemove {background-color: transparent; background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons2.png) !important; background-repeat: no-repeat !important} /* GFX.GIF */ .jobParentJobNavigation, .linkMark, .linkMarkBrowsed, #modulesSubNavigation li a, .commandLinkLight, .commandLink, .commandLinkLightNoHover, .collapsedLink, .expandedLink, .collapsedLinkDisabled, .objectViewTitle, .commandLinkHigh, #contextMenu UL LI A, #fcTemplateContextMenu UL LI A, .contextMenu UL LI A, .listtitlelink, .bulletParagraphIMG, .dropdownImg, #modulesNavigation UL LI A, .previewLeftTabActive, .previewLeftTabInactive, .previewRightTabActive, .previewRightTabInactive, .activeTab, .inactiveTab, #editUserIcon, #userIcon, #availableLanguagesContainerLeft, #availableLanguagesContainerRight, .mnLeftRounder, .mnRightRounder, .actionButton, .actionButtonDisabled, .tileHeadlineTop SPAN, #themesTree .x-tree-elbow-plus, #themesTree .x-tree-elbow-minus, #themesTree .x-tree-elbow-end-plus, #themesTree .x-tree-elbow-end-minus, #themesTree .x-tree-elbow, #themesTree .x-tree-elbow-end, .sortIcon, .rightSmallArrow {background-color: transparent; background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/gfx.gif); background-repeat: no-repeat} /* GFX_BG.BG */ .bgImage {background-color: transparent; background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/gfx_bg.gif); background-repeat: no-repeat} /* VISUALS.PNG */ .bgVisual, .wizardActionButton, #documentWizardStartPage #documentMenu, #documentWizardStartPage #documentPreview, #documentWizardStartPage, .leftElementPart, .rightElementPart, .textIcon, .textIconDisabled, .contextMenu2 A.contextMenuItem, .contextMenu2OneCol A.contextMenuItem, .buttonGroupContainer, .contextMenuIconLayer A:hover, #editDocumentMenu .contextMenuLayer A:hover, .layerStyle1 .simpleLink:hover, #editDocumentPagePreviews .active .pageNumberContainer, #editDocumentPagePreviews .hovered .pageNumberContainer { background-color: transparent; background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/visuals.png); background-repeat: no-repeat } /* TABS.GIF */ .x-tab-strip-top .x-tab-strip-inner, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-right, .customTabInnerLeft, .customTabInnerMiddle, .customTabInnerRight { background-color: transparent; background-image: url(../images/tabs.gif); background-repeat: no-repeat } /* GFX.GIF */ /* Left navigation level 1 */ #menu UL LI.link A {background-position: 0 0} /* Left navigation level 1 browsed */ #menu UL LI.link_browsed A {background-position: 0 -40px} /* Left navigation level 2 */ #menu UL UL LI.link A {background-position: 0 -80px} #modulesSubNavigation LI A {background-position: 0 -81px} /* Left navigation level 2 browsed */ #menu UL UL LI.link_browsed A {background-position: 0 -120px} /* Left navigation level 3 */ #menu UL UL UL LI.link A {background-position: 0 -160px} /* Left navigation level 3 browsed */ #menu UL UL UL LI.link_browsed A {background-position: 0 -200px} /* Site navigation */ #siteNavigation A, #availableLanguages A, #availableLanguagesTop A {background-position: 0 -240px} /* Site navigation active */ #siteNavigation A:hover {background-position: 0 -280px} /* Modules navigation */ #modulesNavigation UL LI A {background-position: 0 -320px} /* Modules navigation active */ #modulesNavigation UL LI.activ A, #modulesNavigation UL LI A:hover {background-position: 0 -360px} .x-menu-list-item .commandLinkLight, .commandLinkHigh {background-position: 0 -397px} .categoryColumn .commandLink, .mediaSearchMask .categoryColumn SPAN.commandLink, .collapsedCategory .commandLink, .form18 .commandLink {background-position: 0 -398px} .linkMarks .linkMark {background-position: -1px -398px; text-decoration: none} .rightSmallArrow {background-position: 0 -81px} /* Links */ .linkMark, .crossNavigation UL.navigationLinks LI A.commandLinkLight, #relatedLinks LI A, .contexMenuRightClick LI A, .searchLink, .crossNavigation UL.navigationLinks LI A.commandLinkLight:hover, #relatedLinks LI A:hover, .searchLink:hover {background-position: -1px -400px} .commandLinkLight, .commandLink, .objectViewTitle, .commandLinkLightNoHover, .collapsedLink, .collapsedLinkDisabled, .simpleLink, #contextMenu UL LI A, .contextMenu UL LI A, #fcTemplateContextMenu UL LI A {background-position: 0 -400px} .expandedCategory .commandLink {background-position: 0 -437px} .linkMarks .linkMarkBrowsed {background-position: 0 -438px} /* Links browsed */ .expandedLink, .linkMarkBrowsed {background-position: 0 -440px} /* Tiles */ .tileHeadlineTop SPAN {background-position: 9px -480px} /* Tiles active */ .hovered .tileHeadlineTop SPAN {background-position: 9px -520px} .linkImgQuadrat {background-position: 0 -560px} .dropdownImg {background-position: 0 -2000px; width: 5px; height: 4px} .treeCollapsedInactive {background-position: 0 -2000px; width: 8px; height: 4px} .treeCollapsedActive {background-position: 0 -2000px; width: 8px; height: 4px} .treeExpandedInactive {background-position: 0 -2000px; width: 8px; height: 4px} .treeExpandedActive {background-position: 0 -2000px; width: 8px; height: 4px} .treeNoChildsInactive {background-position: 0 -2000px; width: 8px; height: 4px} .treeNoChildsActive {background-position: 0 -2000px; width: 8px; height: 4px} .sortAscElement .sortIcon {background-position: 0 -2100px} .sortDescElement .sortIcon {background-position: 0 -2050px} /* DEFAULT TABS */ /* tabs backgrounds */ .customTabInnerLeft {background-position: 0 -600px} .customTabInnerMiddle {background-position: 0 -750px} .customTabInnerRight {background-position: 0 -900px} .tabPanelOuterContainer .smallTabs .customTabInnerRight {background-position: -13px -900px} .selected .customTabInnerLeft, .tabPanelOuterContainer .x-tab-strip-active .customTabInnerLeft {background-position: 0 -500px} .selected .customTabInnerMiddle, .tabPanelOuterContainer .x-tab-strip-active .customTabInnerMiddle {background-position: 0 -650px} .selected .customTabInnerRight, .tabPanelOuterContainer .x-tab-strip-active .customTabInnerRight {background-position: 0 -800px} .smallTabs .selected .customTabInnerRight, .tabPanelOuterContainer .smallTabs .x-tab-strip-active .customTabInnerRight {background-position: -13px -800px} .altTabPanelOuterContainer .x-tab-strip-active .customTabInnerLeft {background-position: 0 -100px} .altTabPanelOuterContainer .x-tab-strip-active .customTabInnerMiddle {background-position: 0 -250px} .altTabPanelOuterContainer .x-tab-strip-active .customTabInnerRight {background-position: 0 -400px} .altTabPanelOuterContainer .customTabInnerLeft {background-position: 0 -550px} .altTabPanelOuterContainer .customTabInnerMiddle {background-position: 0 -700px} .altTabPanelOuterContainer .customTabInnerRight {background-position: 0 -850px} .customTab {float: left; position: relative; margin-left: 0 !important; margin-right: 1px; cursor: pointer} .customTabInnerLeft, .customTabInnerRight {height: 21px; width: 23px; position: absolute; top: 0} .customTabInnerLeft {left: 0} .customTabInnerRight {right: 0} .smallTabs .customTabInnerLeft, .smallTabs .customTabInnerRight {width: 10px} .customTabInnerMiddle { height: 21px; line-height: 21px; background-repeat: repeat-x; margin: 0 23px; _padding: 0 1px; display: inline-block; *display: inline; color: #000; font-weight: normal } .smallTabs .customTabInnerMiddle {margin: 0 10px} .hovered .customTabInnerMiddle, .x-tab-strip-over .customTabInnerMiddle {color: #000} .selected {font-weight: bold; cursor: default} .selected .customTabInnerMiddle, .x-tab-strip-active .customTabInnerMiddle { color: #000; font-weight: bold } .disabled .customTabInnerMiddle {font-style: italic; cursor: default; color: gray} .disabled .customTabInnerLeft, .disabled .customTabInnerRight {cursor: default} .x-tab-panel-header .tabPanelInnerContainer {position: relative; bottom: -1px; padding-left: 1px; padding-top: 2px !important; background-image: url(../images/tab-strip-bg.gif)} .tabPanelInnerContainer .x-tab-strip-active {cursor: default} .altTabPanelOuterContainer {border: none; padding-bottom: 0} .altTabPanelOuterContainer .x-tab-strip-spacer {height: 0; border: none; *background-color: #fff; _font-size: 0; _margin-bottom: -2px} *HTML .x-tab-panel-header-plain .x-tab-strip-spacer {margin-bottom: 0} .tabPanelOuterContainer .x-tab-strip-wrap, .altTabPanelOuterContainer .x-tab-strip-wrap {bottom: -1px} .tabPanelOuterContainer .x-tab-strip-spacer, .altTabPanelOuterContainer .x-tab-strip-spacer {border-top: 1px solid #9e9e9e} /* CUSTOMIZED TABS */ /* normal */ .x-tab-strip-top .x-tab-left {background-repeat: no-repeat; background-position: 100px -300px; *background-position: 90px -300px; padding-right: 10px} .x-tab-strip-top .x-tab-right {background-repeat: no-repeat; background-position: 0 0; padding-left: 10px} .x-tab-strip-top .x-tab-strip-inner {background-repeat: repeat-x; background-position: 0 -150px} #overlapedTabPanel .x-tab-strip-top .x-tab-left {background-position: 119px -400px; *background-position: 114px -400px; padding-right: 5px} #overlapedTabPanel .x-tab-strip-top .x-tab-strip-inner {background-position: 0 -250px} #overlapedTabPanel .x-tab-strip-top SPAN.x-tab-strip-text {color: #000; font-weight: normal} #overlapedTabPanel .x-tab-strip-top .x-tab-right {background-position: 0 -100px; padding-left: 10px} .x-tab-strip-top SPAN.x-tab-strip-text {color: #000; font-weight: normal} /* active */ .x-tab-strip-top .pi-active-tab .x-tab-left {background-position: 100px -400px; *background-position: 90px -400px} .x-tab-strip-top .pi-active-tab .x-tab-strip-inner, .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {background-position: 0 -250px} .x-tab-strip-top .pi-active-tab .x-tab-right, .x-tab-strip-top .x-tab-strip-active .x-tab-right {background-position: 0 -100px} #overlapedTabPanel .x-tab-strip-top .pi-active-tab .x-tab-left {background-repeat: no-repeat; background-position: 119px -300px; *background-position: 114px -300px; padding-right: 5px} #overlapedTabPanel .x-tab-strip-top .pi-active-tab .x-tab-strip-inner {background-repeat: repeat-x; background-position: 0 -150px} #overlapedTabPanel .x-tab-strip-top .pi-active-tab SPAN.x-tab-strip-text {color: #000; font-weight: normal} #overlapedTabPanel .x-tab-strip-top .pi-active-tab .x-tab-right {background-repeat: no-repeat; background-position: 0 0; padding-left: 10px} .x-tab-strip-top .pi-active-tab SPAN.x-tab-strip-text, .x-tab-strip-top .x-tab-strip-active SPAN.x-tab-strip-text {color: #000; font-weight: normal} /* hover */ .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {background-position: 0 -200px} .x-tab-strip-top .x-tab-strip-over .x-tab-left {background-position: 100px -350px; *background-position: 90px -350px} .x-tab-strip-top .x-tab-strip-over .x-tab-right {background-position: 0 -50px} .x-tab-strip-top .x-tab-strip-over SPAN.x-tab-strip-text {color: #000} .x-tab-strip-edit {width: 17px; height: 16px; background-position: -400px -50px} .pi-tab-panel .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close, .iconRemove2 {height: 12px; background-position: -400px 0} .iconRemove2 {width: 10px} *HTML A.x-tab-right:hover {color: #7D8890} .sidePanel {border-left: 1px solid #d0d0d0} .sidePanel #contentTab .x-panel-body {background-color: #f6f6f6} .sidePanel .x-tool-toggle {float: none; margin: 5px 2px} .sidePanel .x-tab-panel-header-noborder {border-bottom: none; padding-bottom: 0; background-color: transparent; position: relative; bottom: -1px} .sidePanel UL.x-tab-strip-top {border: none; background-image: none; background-color: transparent} .sidePanel UL.x-tab-strip-top LI.x-tab-strip-active {z-index: 2; position: relative} .sidePanel .x-tab-panel-bwrap {border-top: 1px solid #9E9E9E} .sidePanel .tabPanelInnerContainer .x-tab-strip-active .customTabInnerMiddle .x-tab-strip-text {font-weight: normal} .sidePanel .x-tab-panel-header .tabPanelInnerContainer {bottom: 0} /* standard panel with white body (and active tab) and transparent header */ .whiteTabPanel .x-panel-body {background-color: #fff} /* tab panel with grey body (grey active tab) and transparent header */ .greyTabPanel .x-panel-body {background-color: #eee} /* common tab panel stuff */ .whiteTabPanel .x-panel-body, .greyTabPanel .x-panel-body {padding: 25px 10px 10px 10px; border: none} .whiteTabPanel .x-tab-panel-header, .greyTabPanel .x-tab-panel-header {padding-bottom: 0} .whiteTabPanel .x-tab-panel-header, .whiteTabPanel .x-tab-panel-header .tabPanelInnerContainer, .greyTabPanel .x-tab-panel-header, .greyTabPanel .x-tab-panel-header .tabPanelInnerContainer {background: none} .whiteTabPanel .x-tab-panel-body, .greyTabPanel .x-tab-panel-body {border-color: #9E9E9E} .whiteTabPanel .tabPanelOuterContainer, .greyTabPanel .tabPanelOuterContainer {border: none; margin-bottom: 0} .whiteTabPanel .x-tab-panel-header .tabPanelInnerContainer, .greyTabPanel .x-tab-panel-header .tabPanelInnerContainer {padding-left: 0} /* Header */ #headerBackground {height: 130px; width: 100%; background-position: 0px -300px; position: absolute; left: 0} #logoutLink, #loggedUser IMG, #welcomePageLeftLogo, #welcomePageRightLogo {display: none} #userIcon {background-position: 0px -600px; display: block; float: left; height: 10px; width: 10px; margin-top: 2px; margin-right: 2px} #editUserIcon {background-position: -50px -600px; display: block; float: left; height: 12px; width: 12px; margin-right: 5px} #modulesNavigationBackground, #headerCaptionContent, #customerNavigation {display: none} #headerCaption {background-position:0 -200px; display: none} /* Links */ .crossNavigation UL.navigationLinks LI {clear: both} .crossNavigation UL.navigationLinks LI A.commandLinkLight {display: block; float: left; padding-top: 1px; width: 168px} /* ICONS1.GIF */ .icon { display: block; width: 18px; height: 18px; *width: 20px; *height: 20px; border: 1px solid #999; cursor: pointer } .icon:hover {*width: 20px; *height: 20px; border: 1px solid #EDEDED} .iconBorderOn{border: 1px solid #EDEDED} .iconBorderOut{border: 1px solid #999} .icon01 {display: block; width: 18px; height: 22px; cursor: pointer} .icon02 {display: block; width: 22px; height: 22px; cursor: pointer} .textIcon , .textIconDisabled { float: right; height: 18px; line-height: 18px; text-align: center; cursor: pointer; width: 97px; *width: 99px; *height: 20px; border: 1px solid #999 } .textIcon:hover {*height: 20px; border: 1px solid #EDEDED; color: #7D8890} .textIconDisabled {cursor: default} .textIconDisabled .dropdownImg {opacity: .5; filter: alpha(opacity=50)} /* disabled icons */ .iconMoreDisabled:hover { *width: 20px; *height: 20px; border: 1px solid #999; cursor: default; } /* some IE stuff (add disabled icons here too) */ .iconMoreDisabled { cursor: default } .inlineIcon {display: inline-block; position: relative; top: 6px} .mediaAlternativePreviewButtonContainer .textIcon, .mediaAlternativePreviewButtonContainer .textIconDisabled { float: none; display: block; width: 118px; margin-top: 4px; *width: 120px; border: 1px solid #999 } .mediaAlternativePreviewButtonContainer .textIcon:hover {*width: 120px; border: 1px solid #EDEDED; color: #7D8890} .detailsPopup .textIcon {position: absolute; left: 780px; top: 22px; z-index: 2000; font-weight: bold} .icon IMG {display: none} .actionButton IMG.buttonIcon { width: 18px; height: 18px; margin-top:-2px; margin-bottom:-2px; border: 0; vertical-align: top; } .sortButtons .sortButtonAscActive, .changeOrderButtonUpActive {background-position: 0 0} .sortButtons .sortButtonDescActive, .changeOrderButtonDownActive {background-position: 0 -50px} .iconThumbnailViewActive {background-position: 0 -100px; cursor: default} .iconDetailViewActive {background-position: 0 -150px; cursor: default} .buttonForward, .altButtonForward {background-position: 0 -200px} .buttonBack, .altButtonBack {background-position: 0 -250px} .iconFirst {background-position: 0 -300px} .iconLast {background-position: 0 -350px} .iconPrev {background-position: 0 -400px} .iconNext {background-position: 0 -450px} .sortButtons .sortButtonAscDisabled {background-position: -50px 0; cursor: default} .sortButtons .sortButtonDescDisabled {background-position: -50px -50px; cursor: default} .iconThumbnailViewInactive {background-position: -50px -100px} .iconDetailViewInactive {background-position: -50px -150px} .iconReloadPageEnabled {background-position: -100px 0} .iconReloadPagesEnabled {background-position: -100px -50px} .iconShrinkBottomActive {background-position: -100px -100px} .iconShrinkImageActive {background-position: -100px -150px} .iconFillImageProprtionallyActive {background-position: -100px -700px} .iconGrowImageActive {background-position: -100px -200px; cursor: default} .iconSLType2Active {background-position: -100px -250px} .iconAdvancedActive {background-position: -100px -300px; cursor: default} .iconLowRes {background-position: -100px -350px} .iconHiRes {background-position: -100px -400px} .iconInDesignActive {background-position: -100px -450px} .iconHelpEnabled {background-position: -100px -500px} .iconQuarkActive {background-position: -100px -550px} .iconRevert {background-position: -100px -600px} .iconRevertDisabled {background-position: -150px -600px} .iconShrinkBottomInactive {background-position: -150px -100px; cursor: default} .iconShrinkImageInactive {background-position: -150px -150px; cursor: default} .iconFillImageProprtionallyInactive {background-position: -150px -700px; cursor: default} .iconGrowImageInactive {background-position: -150px -200px; cursor: default} .iconSLType2Inactive {background-position: -150px -250px; cursor: default} .iconAdvancedInactive {background-position: -150px -300px} .iconHelpDisabled {background-position: -150px -500px; cursor: default} .iconColorPick {background-position: -150px -650px} .iconAdd {background-position: -200px 0} .iconReject {background-position: -200px -50px} .iconEdit {background-position: -200px -100px} .iconAddFavourite {background-position: -200px -150px} .iconDelete {background-position: -200px -200px} .iconDetails {background-position: -200px -250px} .iconEnlarge {background-position: -200px -300px} .iconAcrobat {background-position: -200px -350px} .iconWord {background-position: -200px -400px} .iconFolder {background-position: -200px -450px} .iconAttachment {background-position: -200px -500px} .iconColorMono {background-position: -200px -550px} .iconColorNeg {background-position: -200px -600px} .iconColorSW {background-position: -200px -650px} .iconCrop {background-position: -200px -700px} .iconMail {background-position: -250px 0} .iconMarkOfficial {background-position: -250px -50px} .iconMore {background-position: -250px -100px} .iconOK {background-position: -250px -150px} .iconSave {background-position: -250px -200px} .iconPrint {background-position: -250px -250px} .iconGoToTopOfPage {background-position: -250px -300px} .iconExcel {background-position: -250px -350px} .multipleLanguagesIcon {background-position: -250px -400px} .iconFlipLeft {background-position: -250px -550px} .iconFlipRight {background-position: -250px -600px} .iconMirrorH {background-position: -250px -650px} .iconMirrorV {background-position: -250px -700px} .closeButton {background-position: 0 -400px; cursor: pointer} .iconDeleteCollection {background-position: -300px -50px; cursor: default} .iconNote {background-position: -300px -100px} .buttonPulldown {background-position: -300px -150px} .iconTaggedMedia {background-position: -300px -200px} .iconMoreDisabled {background-position: -300px -250px} .iconCart {background-position: -300px -300px} .iconReview {background-position: -300px -400px} .iconCopy {background-position: -300px -450px} .iconDetailSmall {background-position: -300px -500px} .iconDetailLarge {background-position: -300px -550px} .iconExpand {background-position: -300px -600px} .iconCollapse {background-position: -300px -650px} #massImportsTable .noEdited {background-position: -350px 0} #massImportsTable .partiallyEdited {background-position: -350px -50px} #massImportsTable .allEdited {background-position: -350px -100px} #massImportsTable .noFiles {background-position: -350px -150px} .iconFailure {background-position: -350px -200px; cursor: default} SPAN.checked {background-position: -350px -250px} SPAN.unchecked {background-position: -350px -300px} SPAN.disabled {background-position: -350px -350px} SPAN.disabledChecked {background-position: -350px -400px} .iconCheckText {background-position: -350px -450px; width: 7px; height: 7px} .iconCalendar {background-position: -350px -500px} .iconListView {background-position: -350px -550px} .iconRejectInactive {background-position: -350px -700px; cursor: default} .iconAttentionSmall, .iconAttentionSmall:hover {background-position: -400px -200px; border: none; width: 17px; height: 17px; pointer: default} .errorNotificationBox .notificationBG {background-position: -400px -300px; width: 30px; height: 30px} #popupBody .errorNotificationBox .notificationBG {background-position: -400px -450px; width: 45px; height: 45px} .textIcon, .textIconDisabled {background-position: 0 -1400px} .contextMenu2 A.contextMenuItem:hover, .contextMenu2OneCol A.contextMenuItem:hover {background-position: -300px -1400px} SPAN.checkbox, .checkedCheckbox, .uncheckedCheckbox {width: 20px; height: 20px; margin-right: 5px; display: block; float: left} INPUT.styled {display: none; *display: inline; *position: absolute; *top: -10000px; *left: -10000px} .iconDetailSmall, .iconDetailLarge {width: 20px; height: 17px} .sortButtons .sortButtonAscActive, .changeOrderButtonUpActive {float: left} .sortButtons .sortButtonAscDisabled { float: left; *width: 20px; *height: 20px; border: 1px solid #EDEDED } .sortButtons .sortButtonDescActive, .changeOrderButtonDownActive {float: left; margin-right: 2px} .sortButtons .sortButtonDescDisabled { float: left; margin-right: 2px; *width: 20px; *height: 20px; border: 1px solid #EDEDED } .sortButtons A IMG {display: none} .changeOrderButtonUpActive {margin-right: 2px} .changeOrderButtonUpActive IMG, .changeOrderButtonDownActive IMG {display: none} .closeButton {height: 20px; width: 20px} .multipleLanguagesIcon {position: relative; top: -3px} .multilanguageThemeContextMenuIconHolder {float: left; width: 20px; height: 20px; _display: inline; margin-right: 5px} /* Standard layer content area classes*/ .layerContent {background-color: #FFF; width: 100%; height: 100%} .layerContentArea {padding: 20px} .layerContentAreaAlt {padding: 10px 20px} .layerContentAreaNoPadding {padding: 0} .flag {position: relative; top: -3px} .iconWarning {width: 16px; height: 16px; border: 0} .iconWarning:hover {border: 0} .notificationImprovedH20 {height: 19px} .notificationImprovedW20 {width: 19px} .notificationImprovedH30 {height: 30px} .notificationImprovedW30 {width: 30px; vertical-align:top} .iconAttentionImproved30 {background-position: -400px -350px; height: 30px; width: 30px; border: 0} .iconAttentionImproved30:hover {border: 0} /* ICONS2.GIF */ .icon2 {width: 30px} .iconPreview {background-position: 0 0} .iconOpen {background-position: 0 -50px} .iconSelectMedia {background-position: 0 -50px} .iconDelete2 {background-position: 0 -100px} .iconView {background-position: 0 -150px} .iconEdit2 {background-position: 0 -200px} .iconChangeOwner {background-position: 0 -250px} .iconEditSeveralObjects {background-position: 0 -300px} .iconRecreate {background-position: 0 -350px} .iconNewVersion {background-position: 0 -450px} .iconAddToFavourites {background-position: -50px 0} .iconRemoveFromFavorites {background-position: -50px -50px} .iconAddToCollection {background-position: -50px -100px} .iconMoveToCollection {background-position: -50px -150px} .iconRemoveFromCollection {background-position: -50px -200px} .iconSendAsEmail {background-position: -100px 0} .iconEmailToSubscribers {background-position: -100px -50px} .iconSubscribe {background-position: -100px -100px} .iconDeleteSubscription {background-position: -100px -150px} .iconSave2 {background-position: -150px 0} .iconUsers {background-position: -150px -350px} .iconDiskette {background-position: -150px -400px} .iconWorkflowLarge {background-position: -150px -450px} .iconEditProperties {background-position: -200px 0} .iconCut {background-position: -200px -50px} .iconPaste {background-position: -200px -100px} .iconNewElement {background-position: -200px -150px} .iconNewSubelement {background-position: -200px -200px} .iconSortAscending {background-position: -200px -250px} .iconSortDescending {background-position: -200px -300px} .iconCopyLarge {background-position: -200px -350px} .iconCloseAndUndo {background-position: -200px -400px} .iconViewLog {background-position: -200px -450px} .iconAdaptToRequirements {background-position: -250px 0} .iconOpenDocument {background-position: -250px -50px} .iconGrant {background-position: -250px -100px} .iconReject2 {background-position: -250px -150px} .iconEditAndForward {background-position: -250px -200px} .iconSetApproval {background-position: -250px -250px} .iconNewMediaVersion {background-position: -300px 0} .iconRequestLicense {background-position: -300px 0} .iconReviewManager {background-position: -300px -50px} .iconRemove {background-image: url('../images/icon_delete3.gif')} .iconCreateDiscussion {background-position: -300px -99px} .iconParticipants {background-position: -300px -148px} .iconCreateComment {background-position: -300px -199px} .iconMaintenanceMessage {background-position: -300px -450px} .iconModifyPublicationDate {background-position: -350px 0} .iconUnpublish {background-position: -350px -50px} .iconPublish {background-position: -350px -100px} .iconPublishSuccessor {background-position: -350px -150px} .iconDeleteSuccessor {background-position: -350px -200px} .iconRemoveEl {background-position: -400px 0; width: 10px; height: 12px} .iconLink2 {background-position: -400px -100px} .iconWarning {background-position: -400px -150px} .iconNewSection {background-position: -1000px -50px} .iconEditSection {background-position: -1000px -100px} .iconDeleteSection {background-position: -1000px -150px} .iconAddSmartPageLeft {background-position: -1000px -200px} .iconAddSmartPageRight {background-position: -1000px -250px} .iconDeleteSmartPage {background-position: -1000px -300px} .iconNewSectionSmall {background-position: -1000px -350px} .iconExchangePage {background-position: -1000px -400px} .iconCreatePlaceholder {background-position: -1000px -450px; width: 22px; height: 22px} .iconCreateTile {background-position: -1000px -500px; width: 18px; height: 14px} .iconAddColumn {background-position: -1050px 0} .iconAddColumnAfter {background-position: -1050px -50px} .iconAddColumnBefore {background-position: -1050px -100px} .iconAddRow {background-position: -1050px -150px} .iconAddRowAfter {background-position: -1050px -200px} .iconAddRowBefore {background-position: -1050px -250px} .iconCopyExt {background-position: -1050px -300px} .iconDeleteExt {background-position: -1050px -350px} .iconMerge {background-position: -1050px -400px} .iconPasteExt {background-position: -1050px -450px} .iconUnmerge {background-position: -1050px -500px} .iconArchiveAll {background-position: -200px -500px;} .iconExportAll {background-position: -200px -550px;} /* Step numbers for steps 1-6 (Left) */ .wizardStepNotProcessed .wizardStepIcon1 {background-position: -500px 0} .wizardStepDisabled .wizardStepIcon1 {background-position: -600px 0} .wizardStepProcessed .wizardStepIcon1 {background-position: -650px 0} .wizardStepNotProcessed .wizardStepIcon2 {background-position: -500px -50px} .wizardStepDisabled .wizardStepIcon2 {background-position: -600px -50px} .wizardStepProcessed .wizardStepIcon2 {background-position: -650px -50px} .wizardStepNotProcessed .wizardStepIcon3 {background-position: -500px -100px} .wizardStepDisabled .wizardStepIcon3 {background-position: -600px -100px} .wizardStepProcessed .wizardStepIcon3 {background-position: -650px -100px} .wizardStepNotProcessed .wizardStepIcon4 {background-position: -500px -150px} .wizardStepDisabled .wizardStepIcon4 {background-position: -600px -150px} .wizardStepProcessed .wizardStepIcon4 {background-position: -650px -150px} .wizardStepNotProcessed .wizardStepIcon5 {background-position: -500px -200px} .wizardStepDisabled .wizardStepIcon5 {background-position: -600px -200px} .wizardStepProcessed .wizardStepIcon5 {background-position: -650px -200px} .wizardStepNotProcessed .wizardStepIcon6 {background-position: -500px -250px} .wizardStepDisabled .wizardStepIcon6 {background-position: -600px -250px} .wizardStepProcessed .wizardStepIcon6 {background-position: -650px -250px} /* Icons for steps 1-5 (Left)*/ .wizardStepNotProcessed #wizard_step_1_iconImageLeft, .wizardStepProcessed #wizard_step_1_iconImageLeft {background-position: -750px 0} .wizardStepDisabled #wizard_step_1_iconImageLeft {background-position: -800px 0} .wizardStepNotProcessed #wizard_step_2_iconImageLeft, .wizardStepProcessed #wizard_step_2_iconImageLeft {background-position: -750px -300px} .wizardStepDisabled #wizard_step_2_iconImageLeft {background-position: -800px -300px} .wizardStepNotProcessed #wizard_step_3_iconImageLeft, .wizardStepProcessed #wizard_step_3_iconImageLeft {background-position: -750px -50px} .wizardStepDisabled #wizard_step_3_iconImageLeft {background-position: -800px -50px} .wizardStepNotProcessed #wizard_step_4_iconImageLeft, .wizardStepProcessed #wizard_step_4_iconImageLeft {background-position: -750px -100px} .wizardStepDisabled #wizard_step_4_iconImageLeft {background-position: -800px -100px} /* Icons for step 5 - different actions (Left) */ .iconImageLeft_publish_mp {background-position: -750px -400px} .wizardStepDisabled .iconImageLeft_publish_mp {background-position: -800px -400px} .iconImageLeft_send_poffice {background-position: -750px -450px} .wizardStepDisabled .iconImageLeft_send_poffice {background-position: -800px -450px} /* Icons for step 6 - different actions (Left) */ .iconImageLeft_finalize {background-position: -750px -350px} .wizardStepDisabled .iconImageLeft_finalize {background-position: -800px -350px} .iconImageLeft_requestApproval {background-position: -750px -150px} .wizardStepDisabled .iconImageLeft_requestApproval {background-position: -800px -150px} .iconImageLeft_processApproval {background-position: -750px -350px} .wizardStepDisabled .iconImageLeft_processApproval {background-position: -800px -350px} .iconImageLeft_saveOrder {background-position: -750px -200px} .wizardStepDisabled .iconImageLeft_saveOrder {background-position: -800px -200px} .iconImageLeft_cancelOrder {background-position: -750px -250px} .wizardStepDisabled .iconImageLeft_cancelOrder {background-position: -800px -250px} .iconImageLeft_exitTestWizard {background-position: -750px -350px} .wizardStepDisabled .iconImageLeft_exitTestWizard {background-position: -800px -350px} /* Icons for steps 1-6 (Right)--> State - processed/not processed/disabled...*/ .iconImageRight {background-position: -700px 0} .wizardStepDisabled .iconImageRight {background-position: -700px -50px} .iconDropdown {background-position: -700px -100px; width: 8px; height: 4px} .wizardStepDisabled .iconHelpEnabled {display: none} .iconCheck {background-position: -750px -350px; width: 28px; height: 28px} .buttonGroupContainer .iconCheck {background-position: -761px -363px} .icon3Docs {background-position: -850px 0; width: 22px; height: 21px} .iconDocInfo {background-position: -850px -50px; width: 20px; height: 22px} .iconElEdit {background-position: -850px -100px; width: 18px; height: 16px} .iconExportToWord {background-position: -850px -150px; width: 24px; height: 22px} .iconImportToWord {background-position: -850px -200px; width: 24px; height: 22px} .iconZoomIn {background-position: -850px -250px; width: 14px; height: 14px} .iconZoomOut {background-position: -850px -300px; width: 14px; height: 14px} .iconFitWidth {background-position: -850px -350px; width: 15px; height: 19px} .iconFitHeight {background-position: -850px -400px; width: 15px; height: 19px} .iconFitWindow {background-position: -850px -450px; width: 15px; height: 19px} .iconShowModifications {background-position: -850px -650px; width: 23px; height: 22px} .iconExportIndd {background-position: -850px -700px; width: 23px; height: 22px} .iconImportIndd {background-position: -850px -750px; width: 23px; height: 22px} .iconDownload {background-position: -900px 0} .iconSendAsEMail2 {background-position: -900px -50px} .iconTemplateDetails {background-position: -900px -100px} .iconRefresh {background-position: -900px -150px; width: 22px; height: 22px} .iconCheck2 {background-position: -900px -200px; width: 22px; height: 22px} .iconSelectElement {background-position: -900px -299px; width: 19px; height: 19px; cursor : pointer; position : absolute} .iconSelectElementGrayed {background-position: -900px -550px; width: 19px; height: 19px; cursor : pointer; position : absolute} .iconSelectElementAttention {background-position: -900px -600px; width: 18px; height: 18px; cursor : pointer; position : absolute} .iconSuccess {background-position: -900px -650px; width: 22px; height: 17px} .iconReject3 {background-position: -900px -700px; width: 22px; height: 22px} .iconAddPage {background-position: -850px -500px} .iconDeletePage {background-position: -850px -550px} .iconEditPage {background-position: -850px -600px} .iconComments {background-position: -905px -400px; width: 16px; height: 16px; margin-top: 4px;} .iconCommentsCollapse {background-position: -905px -432px; width: 16px; height: 16px; margin-top: 4px;} .iconCommentsExpand {background-position: -905px -464px; width: 16px; height: 16px; margin-top: 4px;} .iconDelete3 {background-position: -950px -0px} .iconChangeBullet {background-position: -950px -50px} .iconDelete4 {background-position: -950px -550px} .iconCreateJob {background-position: -950px -600px} .iconDearchive {background-position: -1000px 0px} .iconAddPageExtJs {background-position: 0 -799px !important} .iconEditPageExtJs {background-position: 0 -849px !important} .iconDeletePageExtJs {background-position: 0 -899px !important} .iconMoveUpExtJs {background-position: 0 -1049px !important} .iconMoveDownExtJs {background-position: 0 -1099px !important} #massImportsHeader {overflow: hidden; *zoom: 1} #massImportsHeader LABEL {float: left; margin-right: 20px} #massImportsTable TD.buttonContainer {padding: 1px 0; width: 110px} #massImportsTable TD.buttonContainer DIV {padding-bottom: 3px; padding-top: 3px; *padding-top: 1px; *padding-bottom: 1px} #massImportsTable .mediaDateCell {width: 70px} #massImportsTable .iconFailure {margin-left: 11px; width: 10px; height: 10px} #massImportsTable .iconFailure IMG {display: none} * HTML #massImportsTable .removeIconCell {text-align: center} #massImportsTable .removeIconCell A {margin: 0 auto} #massImportsTable SPAN.checkbox {float: none} .iconDetailViewActive, .iconThumbnailViewActive, .iconActive { cursor: default; *width: 20px; *height: 20px; border: 1px solid #EDEDED } .operationControlsContainer .icon {margin-right: 2px; cursor: pointer} .iconLink2 IMG {width: 14px; height: 7px} /* Layout elements */ #mainContainer {float: left; width: 100%} #containerTop {float: left; width: 100%; margin-bottom: 18px} #containerMiddle {float: left; _display: inline; width: 1010px} #loginPage #containerMiddle {margin-left: 200px} #containerBottom {float: left; width: 100%; height: 0px; margin: 20px 0 20px 0; background-position: 0 -700px} #containerBottom #footer, #leftBottomLogo, #rightBottomLogo {display: none} #bodyFullWidth #containerMiddle, #bodyFullWidth #workArea {width: auto; float: none} .IFrameFullWidth {width: 100%} #cobaFooter, #projectFooterText {display: none} #projectName, #projectFooterText {border: none; margin: 0 !important} #cobaFooter A {margin-left: 10px} #serviceLinksItem {position: absolute; top: 88px; left: 913px; background-position: 1000px 1000px} #serviceLinksLink {font-size: 11px; color: #7D8890; white-space: nowrap} .roundedContainer1px {position: relative; _position: static} *HTML .roundedContainer1px {border: 1px solid #7f7f7f} *HTML #availableLanguages .roundedContainer1px {border: none} .roundedContainer1px .mmsMsgBody {border: none; margin-bottom: 0} .rc1pCornerTL, .rc1pCornerTR, .rc1pCornerBL, .rc1pCornerBR {width: 1px; height: 1px} .rc1pCornerTL {position: absolute; top: 0; left: 0; _display: none} .rc1pCornerTR {position: absolute; top: 0; right: 0; _display: none} .rc1pCornerBL {position: absolute; bottom: 0; left: 0; _display: none} .rc1pCornerBR {position: absolute; bottom: 0; right: 0; _display: none} #bodyTileView #workAreaWider, #bodyWelcomePage #workAreaWider { float: left; padding-left: 20px; width: 975px; _width: 995px } #bodyTileView .leftColumn, #bodyWelcomePage .leftColumn {width: 744px} #bodyTileView .rightColumn, #bodyWelcomePage .rightColumn {width: 230px; ; overflow: hidden} #bodyTileView .rightColumn .outlineBottom, #bodyWelcomePage .rightColumn .outlineBottom {margin-bottom: 20px; _zoom: 1} #bodyTileView .rightColumn .generalBox INPUT, #bodyTileView .rightColumn .generalBox SELECT, #bodyWelcomePage .rightColumn .generalBox INPUT, #bodyWelcomePage .rightColumn .generalBox SELECT {width: 198px; margin-right: 0} #globalSearchContainer {margin-bottom: 25px} *HTML .previewTable TD, *HTML .previewTableLarge TD {font-size: 0} *HTML .previewTable TD TD, *HTML .previewTableLarge TD TD {font-size: 11px} #bodyWelcomePage #workAreaWider .leftColumn {float: left; width: 712px} /*#workAreaWider .leftColumn #flashMovie {width: 708px; height: 270px; margin-bottom: 10px; background:transparent url(images/flash_sample.jpg) no-repeat scroll 0%}*/ #bodyWelcomePage #workAreaWider .leftColumn .infoContainer {width: 226px; height: 289px; float: left; border: 1px solid #999999; margin-left: 12px} #bodyWelcomePage #workAreaWider .leftColumn .infoContainer .infoContainerInnerDiv {margin: 10px; overflow: hidden} #bodyWelcomePage #workAreaWider .leftColumn .infoContainer .infoContainerInnerDiv .title {font-size: 14px; font-weight: bold} #bodyWelcomePage #workAreaWider .leftColumn .infoContainer .infoContainerInnerDiv .subtitle {font-size: 11px; font-weight: bold} #bodyWelcomePage #workAreaWider .leftColumn .infoContainer .infoContainerInnerDiv .subtitle A {font-weight: normal} #bodyWelcomePage #workAreaWider .leftColumn .infoContainer .infoContainerInnerDiv UL LI {padding-left: 10px; background:transparent url(../images/link_bg.gif) no-repeat scroll 0%} *html #bodyWelcomePage #workAreaWider .leftColumn .infoContainer {width: 228px} #bodyWelcomePage #workAreaWider .leftColumn .first {margin-left: 0} .welcomePageIframe {height: 360px} /* MEDIA POOL WELCOME PAGE */ #welcomePageTitleVersion2 {display: none} #mediaPoolWelcomeText, #mediaPoolWelcomeImage {display: none} #globalSearchContainer LABEL {display: block} #globalSearchTerm, #mainActionButtonsEnabledContainer, #mainActionButtonsDisabledContainer {float: left} #searchFormMain #globalSearchTerm {float: none} #globalSearchTerm {margin-right: 4px} #changeSearchTypeContainer {float: right} #changeSearchTypeContainer {padding-right: 9px; padding-top: 16px} *HTML #globalSearchContainer INPUT {float:left} #lastAddedMediasContainer {float:left; margin-top: -3px; margin-bottom: 25px; *margin-bottom: 13px} #lastAddedMediasContainer .objectCreativeViewNoCheckbox {margin-top: 0; margin-bottom: 0; margin-right: 10px; height: auto} #lastAddedMediasContainer .objectCreativeViewNoCheckbox .previewTable {margin-bottom: 0} #lastAddedMediasContainer .mediaItem {float: left; border: 1px solid #ddd; margin-right: 11px; overflow: hidden; width: 120px; *width: 122px} #lastAddedMediasContainer .mediaItem .previewTable TD {width: 120px; height: 120px; text-align: center; vertical-align: middle; cursor: pointer} #messagesContainer {float: left; width: 100%} /* WEB2PRINT WELCOME PAGE */ #web2printWelcomeText, #web2printWelcomeImage {display: none} /* WORKAREA FOOTER */ #workAreaFooter {border-top: 1px solid #ccc; margin-top: 20px; padding-top: 5px} #workAreaFooter A {display: inline} #workAreaFooter .pagePrintItem {float: left; line-height: 20px; cursor: pointer} #workAreaFooter .pagePrintItem .iconPrint {float: left; *float: none} #workAreaFooter .pagePrintItem .text03 {padding-left: 3px; *position: relative; *top: -2px} #workAreaFooter .goToTopOfPageItem {float: right; line-height: 20px; _display: inline; cursor: pointer} #workAreaFooter .goToTopOfPageItem .iconGoToTopOfPage {float: right; *float: none} #workAreaFooter .goToTopOfPageItem .text03 {float: left; padding-right: 3px; *float: none; *position: relative; *top: -2px} .addRelLinkPanel {background-color: white; border: 1px solid black; width: 300px; _width: 342px; padding: 20px; position: relative} #loginImage {width: 399px; height: 122px; float: left; background-position: 0 0} #ssoLoginImage {width: 399px; height: 122px; float: left; background-position: 0 -200px} #loginWelcomeText, #loginWelcomeText2 {display: none} #loginBookmarkContainer {display: inline; position: relative; top: 17px} #pageHeader {height: 130px; clear: both; background-position: 0 0px; background-color: transparent} #pageHeader H1 {border-width: 0px; float: right; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0px; padding: 17px 0px 0px; text-align: right; width: 350px} #pageBody {CLEAR: both} * HTML #pageBody {height: 100%} *HTML .middleFCPreview {float: right} #logo {display: none} #leftLogo, #rightLogo, #fastFunctionArea {display: none} /* navigationTop */ #navigationTop {position: absolute; top: 5px; left: 0px; width: 1008px} #navigationTop #loggedUser {float: right; margin-top: 4px} #loggedUser #username { display: block; float: left; font-family: Arial,sans-serif; font-size: 11px; color: #7D8890; text-decoration: none } #loggedUser #username:hover {color: #7D8890; text-decoration: none} #loggedUser A.commandLinkLight {color: white} #loggedUser A.commandLinkLight:hover {color: #990000} /* siteNavigation */ #siteNavigation {float: right} #siteNavigation A.commandLinkLight { display: block; line-height: 13px; padding: 3px 11px 2px 10px; line-height: 14px; font-family: Arial,sans-serif; font-size: 11px; color: #7D8890; text-decoration: none; } #siteNavigation A.commandLinkLight:hover {text-decoration: none; color: #7D8890} #siteNavigation .active A, #siteNavigationTop .active A {color: #7D8890} #siteNavigation UL LI {display: inline; float: left; height: 18px; padding: 1px} #siteNavigation UL LI.divider {display: inline; width: 1px; height: 13px; padding-left: 0; padding: 0; margin-top: 4px; *margin-top: 3px; background-color: #000} #siteNavigationTop {display: none} /*Maintenance message*/ #maintenanceMessageIconContainer {float: right; margin-top: 1px; padding: 0 10px} #maintenanceMessageIcon {width: 16px; height: 16px; cursor: pointer} .maintenanceMessageContainer {border-color: #B00100; text-align: center; color: #B00100; border: solid 1px; width: 980px; font-size: medium; margin-left: 20px} .indexPageMaintenanceMessageContainer {border-color: #B00100; text-align: center; color: #B00100; border: solid 1px; width: 850px; font-size: medium} .staticPagesLinks {display: none !important} /* Module navigation */ #navigationTop #modulesNavigation {position: absolute; top: 79px; left: 10px; width: 850; height: 20px} #navigationTop #modulesNavigation UL {float: left} #navigationTop #modulesNavigation UL LI { float: left; _display: inline; position: relative; margin: 0 0 0 12px; text-transform: uppercase } #navigationTop #modulesNavigation UL LI A { display: block; padding: 0 5px; line-height: 20px; font-weight: bold; font-family: Arial,sans-serif; font-size: 11px; color: #7D8890; text-decoration: none; background-color: #EDEDED; float: left } .mnLeftRounder {background-position: 0 -1550px; height: 20px; left: -2px; position: absolute; width: 2px} .mnRightRounder {background-position: -50px -1550px; height: 20px; right: -2px; position: absolute; width: 2px} .hovered .mnLeftRounder {background-position: -100px -1550px; height: 20px; left: -2px; position: absolute; width: 2px} .hovered .mnRightRounder {background-position: -150px -1550px; height: 20px; right: -2px; position: absolute; width: 2px} LI.activ .mnLeftRounder {background-position: 0 -1600px; height: 26px; left: -4px; position: absolute; width: 4px} LI.activ .mnRightRounder {background-position: -50px -1600px; height: 26px; right: -4px; position: absolute; width: 4px} #navigationTop #modulesNavigation UL LI.divider {display: none} #navigationTop #modulesNavigation UL .hovered A {text-decoration: none; color: #fff; background-color: #7D8890} #navigationTop #modulesNavigation UL LI.activ A { background-color: #7D8890; height: 26px; color: #fff; font-weight: bold } #navigationTop #modulesNavigation A {color: #000000} /* Modules SubNavigation */ #modulesSubNavigation {background-position:0 -900px; width: 989px; height: 29px; position: absolute; top: 103px; left: 8px} #modulesSubNavigation UL {padding-left: 11px; text-align: left; overflow: hidden; *zoom: 1} #modulesSubNavigation LI {display: inline; line-height: 28px; margin-right: 29px; _line-height: 30px} #modulesSubNavigation LI A { padding-left: 9px; text-transform: uppercase; font-family: Arial,sans-serif; font-size: 11px; font-weight: normal; color: #7D8890; text-decoration: none } #modulesSubNavigation LI.active A {color: #7D8890; font-weight: bold} #modulesSubNavigation LI A:hover {color: #7D8890; text-decoration: none} /** * navigationLeft */ #navigationLeft {FLOAT: left; WIDTH: 200px; margin-right: 10px; overflow: hidden} #loginPage #navigationLeft {border-bottom: 1px solid #FFF} /* menu */ #menu {overflow: hidden; margin-left: 20px; margin-top: -1px} #menu UL A {display: block} #menu UL A, .x-tree-node A SPAN, .x-dd-drag-ghost A SPAN { font-family: Arial,sans-serif; font-size: 11px; font-weight: normal; color: #333; text-decoration: none; background-color: transparent } #menu .active A {color: #7D8890} #menu .active LI A {color: #333} #menu UL UL.boldMenu A {font-weight: bold !important} #menu UL {margin-left: 0} #menu UL UL {margin-left: 12px; clear: both} #menu UL LI {display: block} #menu UL LI A {line-height: 12px; padding: 3px 0 4px 9px; *padding: 3px 0 3px 9px; *height: 1%} #menu UL LI LI A, #menu UL LI LI LI A {line-height: 12px; padding: 2px 0 4px 9px; *padding: 3px 0 3px 9px; *height: 1%} #menu #themesTree {padding-bottom: 2px} #menu #themesTree .x-tree-node-el {background-color: transparent} *HTML #menu #themesTree .x-tree-node-el *, *HTML #menu #themesTree .x-tree-node-ct {background-color: transparent !important} #menu #themesTree UL LI A {display: inline; line-height: 18px; padding: 0; margin: 0px 5px 2px 0} #menu #themesTree UL UL {margin-left: 0} #menu UL LI A:hover { background-color: #EDEDED; color: #7D8890; text-decoration: none } #menu #themesTree .x-tree-node .x-tree-node-over, #menu #themesTree .x-tree-node .x-tree-node-over A, #menu #themesTree .x-tree-node .x-tree-node-over IMG, #menu #themesTree .x-tree-node .x-tree-node-over A SPAN, #menu #themesTree .x-tree-node .x-tree-node-over .x-dd-drag-ghost A SPAN { color: #7D8890; text-decoration: none; background-color: #EDEDED !important } #menu #themesTreeId {display: none; padding-left: 0} #menu #themesClosed, #menu #themesOpened {border: none} #menu #browseThemesIframe {width: 100%; clear: both} #menu #anzeigen #browseThemesIframe {margin-left: 7px} #menu #myAdverts #browseThemesIframe {margin-left: 32px} * html #menu #search {display: block} #menu .link #cardsSubItems {display: none} .emptyMenu {padding: 2px; visibility: hidden} #navigationRight { float: left; width: 188px; position: absolute; right: 5px; margin-top: -2px; background-color: #eee; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; z-index: 9000 } .crossNavigation {overflow: hidden; *height: 1%} #favouritesForm .crossNavigation {margin-top: 0} .crossNavigation A.commandLinkLight { font-family: Arial,sans-serif; font-size: 11px; color: #7D8890; text-decoration: none; } .crossNavigation A.commandLinkLight:hover {text-decoration: none; color: #7D8890} .crossNavigation H2 { background-color: #E5E5E5; line-height: 20px; padding-left: 4px; margin-bottom: 0 !important; color: #999 } .crossNavigation UL {padding: 1px 1px 4px 5px; float: left} .crossNavigation UL LI {display: block; padding-top: 2px} .crossNavigation FIELDSET {padding: 6px 0 5px 5px} .crossNavigation .favoritesList UL {padding: 0} .crossNavigation .favoritesList UL LI { padding: 2px 0 2px 5px; background-color: #eee; background-image: none; } .crossNavigation .favoritesList {margin-top: 6px} .crossNavigation .favoritesList .commandLinkLight { font-family: Arial,sans-serif; font-size: 11px; color: #333; padding-left: 0; background-image: none; display: inline-block; line-height: 20px } .crossNavigation .favoritesList .commandLinkLight:hover {color: #333} .crossNavigation SELECT {padding-left: 0} *HTML .crossNavigation .checkbox {position: relative} *HTML .crossNavigation .styled {display: none} /** * workArea */ #workArea {float: left; width: 786px} #loginPage #workArea {width: 791px; display: inline; margin-top: 10px} #loginPage #containerBottom {margin-top: 65px} #loginPage #containerMiddle {width: auto} #basicLayoutBody #workArea {float: right; width: 800px} #basicLayoutBody #containerBottom {margin-top: 150px} * HTML #loginPage #workArea {padding-top: 0px} #workAreaWide {FLOAT: left; padding-top: 17px; WIDTH: 780px; MARGIN-LEFT: 2px} #workAreaNoMenu {float: left; width: 987px; *width: 997px; padding-left: 10px} #iframeWorkArea, #iframeWorkAreaMaps {width: 100%; overflow: hidden; z-index: 0} * HTML #iframeWorkArea, * HTML #iframeWorkAreaMaps {height: expression(document.body.clientHeight-131)} * HTML .resizableIframeContainer #containerMiddle {height: 100%; width: 100%} #bodyWide, #bodyIFrame {background-color: #fff} #bodyIFrame #containerMiddle {width: 100%} #bodyWide #mainContainer, #bodyWide #containerMiddle {width: auto} #bodyWide #mainContainer {width: 1056px} #bodyWide #workArea {width: 840px} /** * popup */ #popupWorkArea {width: 584px; padding-top: 15px; margin-left: 15px} #popupWorkAreaNotSized {width: 100%; height: 100%; margin: 0; padding: 0} #popupWorkAreaWide {width: 786px; padding-top: 15px; margin-left: 15px} #popupWorkAreaWideListFix {width: 790px; padding-top: 15px; margin-left: 15px} #popupWorkAreaBig {width: 740px; padding-top: 15px; margin-left: 15px} #popupWorkArea585 {width: 585px; padding-top: 15px; margin-left: 15px} #popupWorkArea654 {width: 654px; padding-top: 10px; margin-left: 15px} #popupWorkArea1010 {width: 1010px; padding-top: 15px; margin-left: 15px} #popupBody {height: 100%; max-height: 100%; padding: 0; margin: 0; border: 0; background-color: #fff; overflow: hidden} #popupContent {display: block; overflow: auto; position: absolute; z-index: 3; top: 10px; bottom: 21px; width: 100%; margin-left: 0px; left: 0} * HTML #popupContent {top: 0; bottom: 0; height: 100%; width: 100%; border-top: 10px solid #fff; border-bottom: 21px solid #fff} * HTML .extPopupBodyGrey #popupContent {border-top-color: #eee; border-bottom-color: #eee} .extPopupBodyGrey #popupContent {position: static} #aboutPopupContent {width: 553px; height: 274px} #popupHeader, #aboutHeader {position: absolute; margin-left: 0px; left: 0; top: 0; width: 100%; min-width: 100%; height: 10px; z-index: 5; background-color: #EEEEEE; text-align: right} * HTML #aboutHeader {margin-top: -4px} #popupFooter, #aboutFooter {text-align: right; position: absolute; margin-left: 0px; left: 0; bottom: 0; width: 100%; min-width: 100%; height: 21px; background-color: #EEEEEE; z-index: 5} * HTML #popupFooter, #aboutFooter {bottom: 0px; width: 100%; height: 21px} #aboutHeader, #aboutFooter {position: static} #popupFooter .floatLeft, #aboutFooter .floatLeft {padding: 4px 0 0 5px} #popupFooter .floatRight, #aboutFooter .floatRight {padding: 4px 5px 0 0} #aboutInfo {height: 127px; *height: 243px; padding-left: 123px; padding-top: 116px; background: #fff url(../images/about_popup_bg.png) no-repeat 0 0} #aboutLink A {color: #F29400} #aboutVersion, #aboutBuild {padding-bottom: 4px} #poweredByLinkContainer {padding-left: 30px} /** * Form elements */ INPUT {height: 20px; padding-left: 2px !important; *padding-top: 2px !important; *padding-left: 3px !important; font-size: 11px; font-weight: 100; font-family: Arial,sans-serif} INPUT.numberField {text-align: right; padding-right: 2px} INPUT.radio {width: 14px; height: 14px; padding-left: 0 !important; vertical-align: middle} INPUT.checkbox {width: 14px; height: 14px; padding-left: 0 !important; vertical-align: middle} SELECT {height: 20px; font-size: 11px; font-weight: 100; padding: 1px 0; *padding-top: 1px 0 0 0 !important} OPTION {padding-left: 3px !important} TEXTAREA {overflow: auto; padding-left: 2px !important; *padding-left: 4px !important; font-family: Arial,sans-serif; font-size: 11px; font-weight: 100} .disabledLabel {color: #999} .disabledField {background-color: #ebebeb; color: #333333} .invalidInputField {color: red} .dateField, .defaultForm .dateField {width: 68px} .calendarField {float: left; width: 68px !important; margin-right: 0 !important} .formElStandardHeight {height: 20px !important} .alignCheckbox, .checkboxesFloated .checkbox {margin-top: 3px; _margin-top: 4px; margin-right: 3px} .checkboxes LABEL, #mediaFavourites A.commandLinkLight, SPAN.text03, .noRightRetreat .text01 {vertical-align: middle} .radios LABEL {display: inline; margin-right: 10px; line-height: 20px; vertical-align: middle} .checkboxesFloated .checkbox, .checkboxesFloated LABEL {float: left} /* custom input styles */ INPUT, TEXTAREA, SELECT, .x-combo-list {border: 1px solid #999; background-color: #fff; color: #000} .x-form-text, .x-form-field-wrap .x-form-text {background-image: none !important; border: 1px solid #999 !important; background-color: #fff !important; color: #000 !important} .x-combo-list-item {border: none !important} .x-combo-list .x-combo-selected {background-color: #eee; border: none !important} INPUT.checkbox, INPUT.radio {border: none; background-color: transparent} .checkboxContainer {float: left; width: 185px; *width: 195px; padding: 2px 10px 2px 0; *padding: 4px 10px 4px 0; overflow: hidden} /* custom file inputs */ .x-file-input-wrap .x-file-input-file {position: absolute; right: 0; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; height: 22px; cursor: pointer} .x-file-input-wrap {position: relative; height: 20px} .x-file-input-wrap .x-file-input-btn {position: absolute; right: 0; z-index: 1} .x-file-input-wrap .x-file-input-text {position: absolute; left: 0; z-index: 1} /* .x-file-input-wrap .x-file-input-btn-hover {} .x-file-input-wrap .x-file-input-text-hover{} */ .themesSelectContainer {position: relative} .chooseThemeEl {display: none; padding: 5px; position: absolute; z-index:100} /** * forms */ /* defaultForm (2 columns) */ .defaultForm FIELDSET {padding-bottom: 10px} .defaultForm FIELDSET LABEL {float: left; width: 190px; margin-right: 10px; font-weight: normal} .defaultForm FIELDSET .checkboxContainer LABEL, .defaultForm FIELDSET .radioContainer LABEL {width: 190px} .defaultForm FIELDSET INPUT, .defaultForm FIELDSET TEXTAREA, .defaultForm FIELDSET SELECT, .defaultForm FIELDSET .elementsGroup, .defaultForm FIELDSET .floatedElementsGroup {float: left; width: 500px; margin-right: 5px} .defaultForm FIELDSET P {float: left} .defaultForm FIELDSET .numberField {width: 40px; margin-right: 5px} .defaultForm FIELDSET .x-file-input-wrap, .defaultForm FIELDSET .x-form-field-wrap {float: left} .defaultForm .compactFieldset INPUT, .defaultForm .compactFieldset TEXTAREA, .defaultForm .compactFieldset SELECT, .defaultForm .compactFieldset .elementsGroup, .defaultForm .compactFieldset .floatedElementsGroup {margin-right: 0} .defaultForm FIELDSET INPUT.checkbox, .defaultForm FIELDSET INPUT.radio {width: 14px; margin-right: 3px; margin-top: 3px} .defaultForm FIELDSET.checkboxWithElement INPUT, .defaultForm.checkboxWithElement FIELDSET TEXTAREA, .defaultForm.checkboxWithElement FIELDSET SELECT {width: 475px} .defaultForm .compactFieldset {width: 700px} .defaultForm .categoryContent .compactFieldset {width: 690px} .defaultForm FIELDSET .multilanguageIcon, .defaultForm #addMultilanguageKeywordButtonID {float: left; margin-top: 2px} .defaultForm FIELDSET.checkboxes, .defaultForm FIELDSET.radios {padding-bottom: 5px} .defaultForm FIELDSET .elementsGroup .checkboxContainer, .defaultForm FIELDSET .elementsGroup .radioContainer {float: none; padding: 0 0 5px 0; width: auto; overflow: hidden; *zoom: 1} FIELDSET.radios .floatedElementsGroup .radioContainer, FIELDSET.radios .floatedElementsGroup .checkboxContainer, FIELDSET.radios .floatedElementsGroup .radioContainerSmall, FIELDSET.radios .floatedElementsGroup .checkboxContainerSmall {float: left} .checkboxContainerSmall, .radioContainerSmall {float: left; width: 118px; margin-right: 10px; padding-bottom: 5px; overflow: hidden; *zoom: 1} FIELDSET .checkboxContainerSmall LABEL, FIELDSET .radioContainerSmall LABEL {width: auto !important} .defaultForm FIELDSET.countryFieldset LABEL, .defaultForm FIELDSET.structuredKeywordsFieldset LABEL, .defaultForm FIELDSET.mediaLanguageSelectFieldset LABEL, .defaultForm FIELDSET.mediaRelationFieldset LABEL {font-weight: normal} .defaultForm FIELDSET.countryFieldset .x-form-field-wrap, .defaultForm FIELDSET.structuredKeywordsFieldset .x-form-field-wrap, .defaultForm FIELDSET.mediaLanguageSelectFieldset .x-form-field-wrap {float: left} .defaultForm FIELDSET.mediaRelationFieldset .x-form-field-wrap {float: left; margin-left: 190px; _display: inline} .defaultForm FIELDSET .x-form-text {margin-right: 0} .defaultForm FIELDSET.structuredKeywordsFieldset INPUT, .defaultForm FIELDSET.countryFieldset INPUT, .defaultForm FIELDSET.mediaLanguageSelectFieldset INPUT, .defaultForm FIELDSET.mediaRelationFieldset INPUT {float: none; margin: 0; *position: relative; *top: -1px} .defaultForm .noLabel, .defaultForm .keywordsDivContainer, .defaultForm .invalidFieldMessage, .defaultForm .countriesDivContainer {margin-left: 200px; width: 500px} .defaultForm IMG.noLabel {width: auto; clear: both} .defaultForm FIELDSET INPUT.typ17 {width: 68px} .defaultForm FIELDSET SELECT.typ22 {width: 106px} .defaultForm .middleTextSmall, .defaultForm .textSmallLeft {margin-right: 5px} .defaultForm .altPreviewPicFieldset LABEL {font-weight: normal} .defaultForm .altPreviewPicFieldset .actionButton, .defaultForm .altPreviewPicFieldset .actionButtonDisabled {clear: none; margin-top: 0} .defaultForm .altPreviewPicFieldset #mediaAlternativePicturePreview, .defaultForm .altPreviewPicFieldset .mediaAlternativePreviewButtonContainer {margin-left: 200px} .defaultForm .hr {float: none; border-bottom: 1px solid #000} .defaultForm HR {margin-top: 0} .defaultForm .themaDiv {width: auto; height: 58px; padding: 4px 0 0 6px; margin-bottom: 8px} .defaultForm FIELDSET .themaDiv {width: 492px; *width: 497px} .defaultForm .themesSelectContainer {float: left} .defaultForm .iframeImageChooser {width: 300px; height: 25px; float: right} .defaultForm .fullFormWidthElement {width: 786px} .defaultForm .formWidthElement {width: 700px} .defaultFormWidth {width: 700px} /* formStyle1 */ .formStyle1 .noLabel, .formStyle1 .invalidFieldMessage {margin-left: 140px; width: 210px; *float: left; _display: inline} .formStyle1 FIELDSET LABEL {width: 130px} .formStyle1 FIELDSET .checkboxContainer LABEL, .formStyle1 FIELDSET .radioContainer LABEL {width: 140px} .formStyle1 FIELDSET INPUT, .formStyle1 FIELDSET TEXTAREA, .formStyle1 FIELDSET SELECT, .formStyle1 FIELDSET .elementsGroup {width: 210px; margin-right: 0} .formStyle1 FIELDSET INPUT.wideElement, .formStyle1 FIELDSET TEXTAREA.wideElement, .formStyle1 FIELDSET SELECT.wideElement {width: 380px} .formStyle1 .formWidthElement {width: 350px} .formStyle1 .smallEl {width: 85px} .formStyle1 .smallerEl {width: 40px} /* formStyle1Spaced */ .formStyle1Spaced FIELDSET LABEL {width: 150px} .formStyle1Spaced FIELDSET INPUT, .formStyle1Spaced FIELDSET TEXTAREA, .formStyle1Spaced FIELDSET SELECT, .formStyle1Spaced FIELDSET .elementsGroup {width: 255px; margin-right: 5px} /* formStyle2 (shorter) */ .formStyle2 FIELDSET LABEL {width: 110px} .formStyle2 FIELDSET INPUT, .formStyle2 FIELDSET TEXTAREA, .formStyle2 FIELDSET SELECT, .formStyle2 FIELDSET .elementsGroup {width: 170px; margin-right: 0} /* formStyle3 (long labels) */ .formStyle3 FIELDSET LABEL {width: 300px} .formStyle3 .invalidFieldMessage {margin-left: 310px; width: 350px; _float: left; _display: inline} .formStyle3 FIELDSET INPUT, .formStyle3 FIELDSET TEXTAREA, .formStyle3 FIELDSET SELECT, .formStyle3 FIELDSET .elementsGroup {width: 350px; margin-right: 0} /* formStyle4 (full width) */ .formStyle4 FIELDSET LABEL {width: 190px} .formStyle4 FIELDSET INPUT, .formStyle4 FIELDSET TEXTAREA, .formStyle4 FIELDSET SELECT, .formStyle4 FIELDSET .elementsGroup {width: 586px; margin-right: 0} /* formStyle5 (smart access edit page layer) */ .formStyle5 FIELDSET LABEL {width: 160px} .formStyle5 FIELDSET INPUT, .formStyle5 FIELDSET TEXTAREA, .formStyle5 FIELDSET SELECT, .formStyle5 FIELDSET .elementsGroup {width: 300px; margin-right: 20px} /* formStyle6 (long labels - smart access layer forms) */ .formStyle6 FIELDSET LABEL {width: 320px} .formStyle6 FIELDSET INPUT, .formStyle6 FIELDSET TEXTAREA, .formStyle6 FIELDSET SELECT, .formStyle6 FIELDSET .elementsGroup {width: 300px; margin-right: 20px} .formStyle6 .multilanguageLink {float: left} .formStyle6 HR {width: 630px; _text-align: left} /* formStyle7 (instance variants selection, editor presets); formStyle7alt - 20px distance between label text and right col */ .formStyle7 FIELDSET LABEL, .formStyle7alt FIELDSET LABEL {width: 220px; margin-right: 0} .formStyle7alt FIELDSET LABEL {margin-right: 20px} .formStyle7 FIELDSET INPUT, .formStyle7 FIELDSET TEXTAREA, .formStyle7 FIELDSET SELECT, .formStyle7 FIELDSET .elementsGroup, .formStyle7 FIELDSET .checkboxContainer, .formStyle7 FIELDSET .inlineSearchContainer, .formStyle7alt FIELDSET INPUT, .formStyle7alt FIELDSET TEXTAREA, .formStyle7alt FIELDSET SELECT, .formStyle7alt FIELDSET .elementsGroup, .formStyle7alt FIELDSET .checkboxContainer, .formStyle7alt FIELDSET .inlineSearchContainer {width: 300px; margin-right: 0} .formStyle7alt FIELDSET .listContainer {width: 288px; _width: 300px} .formStyle7 FIELDSET .checkboxContainer, .formStyle7alt FIELDSET .checkboxContainer {margin-right: 20px; padding: 0} .formStyle7 FIELDSET .checkboxContainer LABEL, .formStyle7alt FIELDSET DIV LABEL {width: auto; margin-right: 0} .formStyle7 FIELDSET .level1, .formStyle7alt FIELDSET .level1 {margin-left: 20px; _display: inline} .formStyle7 .noLabel, .formStyle7alt .noLabel {margin-left: 240px; width: auto} .formStyle7 FIELDSET .smallEl, .formStyle7alt FIELDSET .smallEl {width: 120px; margin-right: 0} .formStyle7 FIELDSET .smallerEl, .formStyle7alt FIELDSET .smallerEl {width: 100px; margin-right: 0} /* formStyle8 */ .formStyle8 FIELDSET LABEL {width: 200px; margin-right: 20px} .formStyle8 FIELDSET INPUT, .formStyle8 FIELDSET TEXTAREA, .formStyle8 FIELDSET SELECT, .formStyle8 FIELDSET .elementsGroup, .formStyle8 FIELDSET .x-file-input-wrap, .formStyle8 FIELDSET .x-form-field-wrap { width: 360px; margin-right: 20px } .formStyle8 .actionButtonsNoBG {width: 580px} .inlineForm {padding-left: 17px} .inlineForm LABEL {float: left; width: 100px; margin-right: 10px} .inlineForm INPUT, .inlineForm SELECT, .inlineForm TEXTAREA {float: left} /* dfMargined (defaultForm with margins of 20px) */ .dfMargined FIELDSET {padding-bottom: 15px} .dfMargined FIELDSET LABEL {margin-right: 20px} .dfMargined FIELDSET INPUT, .dfMargined FIELDSET TEXTAREA, .dfMargined FIELDSET SELECT, .dfMargined FIELDSET .elementsGroup {margin-right: 20px} /* altForm - alternative form (bold labels with the corresponding elements under */ .altForm FIELDSET {padding-bottom: 10px} .altForm LABEL {display: block; font-weight: bold; margin-bottom: 2px} .altForm INPUT, .altForm SELECT, .altForm TEXTAREA {width: 100%} .checkboxLabel {width: auto !important} .checkboxLabelNoMargin {width: auto !important; margin-right: 0 !important} .formDescription {margin-bottom: 10px} /* form01 */ .form01 {float: left; width: 100%; padding: 1px 0 6px 0; background-color: #EEEEEE} .form01 FIELDSET {float: left; padding: 6px 7px 1px 10px} .form01 FIELDSET LABEL {padding-left: 1px} .form01 .buttons {float: right; padding: 6px 5px 2px 0} /* form02 */ .form02 FIELDSET {padding-bottom: 5px} .form02 FIELDSET LABEL {display: block; padding-bottom: 1px} .form02 FIELDSET.checkboxes {display: inline} .form02 FIELDSET.checkboxes LABEL {display: inline} /* form03 */ .form03 {background-color: #EEEEEE; padding: 4px 0 7px 10px; overflow: hidden; *zoom: 1} .form03 FIELDSET {padding: 3px 7px 0 0} .form03 FIELDSET LABEL {display: block} /* form04 */ .form04 FIELDSET {display: inline; padding: 0 0 3px 0} .form04 FIELDSET LABEL {display: block} .form04 FIELDSET.radios LABEL {display: inline} .form04 FIELDSET LABEL.displayInline {display: inline; padding-right: 3px} .form04 .checkboxes {padding-top: 6px} .form04 .checkboxes LABEL {display: inline} .form04 .amongFix {padding: 0 2px 0 2px} .form04 .buttons {padding: 5px 9px 0 0; text-align: right} .form04 .buttons .floatLeft {float: left; margin: 4px 10px 0 0} /* free fields */ .form04 FIELDSET.freeFiled01 {float: left} .form04 FIELDSET.freeFiled02 {float: right} .form04 FIELDSET.freeFiled03 {float: left} .form04 FIELDSET.freeFiled01 SELECT, .form04 FIELDSET.freeFiled02 SELECT, .form04 FIELDSET.freeFiled03 SELECT {width: 237px} /* form05 */ .form05 {background-color: #EEEEEE; padding: 2px 0 7px 10px} .form05 LABEL.baseLabel {display: block; padding-top: 5px} .form05 FIELDSET {display: inline; padding: 5px 7px 0 0} .form05 FIELDSET LABEL {display: block} .form05 FIELDSET LABEL.displayInline {display: inline; padding-right: 3px} .form05 .checkboxes {padding-top: 6px} .form05 .checkboxes LABEL {display: inline} /* form06 */ .form06 {background-color: #EEEEEE; padding: 0 0 0 8px} .form06 LABEL.baseLabel {display: block; padding-top: 5px} .form06 FIELDSET {display: inline; padding: 7px 7px 7px 0} .form06 FIELDSET.bordered {padding: 0 10px 10px 10px} .form06 FIELDSET.displayBlock {display: block} .form06 FIELDSET.noBottomPadding {padding-bottom: 0} .form06 FIELDSET LABEL {display: block} .form06 FIELDSET LABEL.displayInline {display: inline; padding-right: 3px} .form06 FIELDSET .iconTop {margin-top: -3px; margin-left: 3px; vertical-align: top} .form06 FIELDSET .iconBottom {margin-bottom: -3px; margin-left: 4px; vertical-align: bottom} .form06 FIELDSET .buttons img {margin-top: 1px; margin-bottom: -3px} .form06 .checkboxes LABEL {display: inline} .form06 .radiobuttons LABEL {display: inline} .form06 .hr {clear: both; padding-top: 10px; margin-left: -10px; background-color: #ffffff; border: none} .form06 dl {padding: 7px 7px 6px 0} .form06 dl dt {width: 50px; float: left; padding-bottom: 1px} .form06 dl dd {padding-bottom: 1px} .fixedWidth .form06 {width: 390px} .fixedWidth .form06 FIELDSET {display: block} /* form07 */ .form07 {background-color: #EEE; padding: 10px 27px 23px 10px} .form07 FIELDSET {padding: 3px 7px 0 0} .form07 FIELDSET LABEL {display: block} .form07 FIELDSET.radios LABEL {display: inline; margin-right: 5px; line-height: 16px; vertical-align: top} .form07 .actionButton {margin-right: 7px} .form07 FIELDSET .actionButton {margin-right: 0} /* form08 */ .form08 {background-color: #EEE; padding: 10px 27px 23px 10px} .form08 FIELDSET {padding-top: 4px} .form08 FIELDSET.leftAligned {float: left; width: 227px} .form08 FIELDSET.rightAligned {float: right; width: 227px} .form08 FIELDSET.checkboxes LABEL {display: inline} .form08 FIELDSET LABEL {display: block} /* form09 */ .form09 {background-color: #EEEEEE; padding: 10px 7px} .form09 INPUT, .form09 .actionButton {margin-right: 5px} * HTML .form09 .actionButton {position: relative; top: 2px} /* form10 */ .form10 FIELDSET {margin-bottom: 5px} .form10 FIELDSET LABEL {float: left; width: 170px} .form10 FIELDSET INPUT, .form10 FIELDSET SPAN {float: left} /* form11 */ .form11 {background-color: #EEEEEE; padding: 10px 7px 3px 7px} .form11 LABEL {margin-right: 10px; display: block} .form11 FIELDSET {margin-bottom: 7px} .form11 FIELDSET.checkboxes LABEL, .form11 FIELDSET.radios LABEL {display: inline} * HTML .form11 .actionButton {position: relative; top: 2px} /* form12 */ .form12 FIELDSET {margin-bottom: 5px} .form12 FIELDSET LABEL {float: left; width: 215px} .form12 FIELDSET INPUT {float: left} .form12 FIELDSET SELECT, .form12 FIELDSET TEXTAREA {*margin-left: -3px} .form12 FIELDSET SPAN.text03 {line-height: 20px} .form12 FIELDSET P.middleText {float: left; width: 45px; text-align: center} /* form13 */ .form13 {background-color: #EEEEEE; padding: 4px 0 7px 10px} .form13 H3 {margin-bottom: 10px} .form13 FIELDSET {padding: 3px 7px 0 0} .form13 FIELDSET LABEL {float: left; width: 100px} .form13 FIELDSET P {float: left} .form13 FIELDSET.checkboxes LABEL {float: none; width: auto; padding-right: 10px} /* form14 */ .form14 FIELDSET {clear: both; padding-bottom: 8px} .form14 LABEL {float: left; width: 223px} .form14 .rightColumnElementsContainer {float: left; width: 417px} .form14 FIELDSET.checkboxes .rightColumnElementsContainer LABEL {width: 131px; margin-bottom: 3px} .form14 FIELDSET.datePicker .rightColumnElementsContainer INPUT {float: left} .form14 FIELDSET.datePicker .rightColumnElementsContainer P {float: left; line-height: 20px; width: 35px} /* form15 */ .form15 {border:1px solid #EEEEEE; padding: 4px 0 7px 10px} .form15 H3 {margin-bottom: 10px} .form15 FIELDSET {padding: 3px 7px 0 0} .form15 FIELDSET LABEL {float: left; width: 130px} v {float: left} .form15 FIELDSET.checkboxes LABEL {float: none; width: auto; padding-right: 10px} /* form16 */ .form16 FIELDSET {clear: both; padding-bottom: 8px} .form16 LABEL {float: left; width: 124px} .form16 P {margin-top: 10px} .form16 FIELDSET.checkboxes .checkboxContainer {float: left; width: 114px; margin-right: 10px; margin-top: 5px} .form16 FIELDSET.checkboxes .checkboxContainer .checkbox {float: left} .form16 FIELDSET.checkboxes .checkboxContainer LABEL {float: left; padding-left: 3px; width: auto; line-height: 14px} .form16 TEXTAREA, .form16 INPUT {float: left} *HTML .form16 FIELDSET SPAN.x-combo-list {clear: none} .form18 {background-color: #EEE; padding: 7px; overflow: hidden; *zoom: 1} .form18 FIELDSET {padding-bottom: 2px} .form18 .checkbox {margin-top: 4px} .form18 LABEL {float: left; width: 180px} .form18 .checkbox, .form18 .commandLink, .form18 INPUT {float: left} .form18 .commandLink, .form18 P {line-height: 20px} .form18 .actionButton {margin-left: 20px} .wizardContentContainer .form18 INPUT {width: 250px} #popupWorkArea .form18 INPUT {width: 250px} /* form19 (two columns) */ .form19 FIELDSET {padding-bottom: 10px} .form19 FIELDSET LABEL {float: left; width: 140px; margin-right: 10px; font-weight: normal} .form19 FIELDSET INPUT, .form19 FIELDSET TEXTAREA, .form19 FIELDSET SELECT {float: left; margin-right: 5px} .form19 FIELDSET P {float: left; margin-right: 10px; width: 353px; padding-top: 3px; overflow: hidden} .form19 .noLabelRight {margin-left: 150px} .form19 .icon {float: right} .form19 .radio, .form19 INPUT.checkbox {clear: both; margin-top: 3px; *margin-top: 4px} .form19 .elementsGroup {float: left; width: 314px; *width: 298px} .form19 .elementsGroup LABEL {width: 250px; *width: 240px} *HTML .form19 .elementsGroup .form19 .radio, *HTML .form19 .elementsGroup INPUT.checkbox {clear: none} .form19 .elementsGroup .groupItem {padding-bottom: 3px; overflow: hidden; *zoom: 1} .form19 .hr {float: none; border-bottom: 1px solid #000} .mainWorkArea .form19 FIELDSET {display: block; padding-bottom: 10px} .mainWorkArea .form19 FIELDSET .typ00 {width: 365px !important; margin-right: 0} .mainWorkArea .form19 .elementsGroup {width: 365px} .mainWorkArea .form19 .iframeContainer {float: left; width: 365px} .mainWorkArea .form19 #technicalInformation {width: 500px; height: 152px} .editObjectForm .form19 FIELDSET LABEL {width: 120px} .form20 {padding: 10px; background-color: #eee; overflow: hidden; *zoom: 1} .form20 H4 {margin-bottom: 10px} .form20 FIELDSET {float: left; padding: 6px 7px 1px 0; padding-right: 70px} .form20 .radio {margin-right: 3px} .form20 .hr {border-bottom:1px solid #000} .normalFormText {float: left; line-height: 20px} .normalFormTextSpaceLeft {float: left; line-height: 20px; margin-left: 5px; _display: inline} .normalFormTextSpaceRight {float: left; line-height: 20px; margin-right: 5px} .normalFormTextSpaceBoth {float: left; line-height: 20px; margin: 0 5px; _display: inline} .normalFormInlineText {display: inline-block; line-height: 20px} .normalFormInlineTextSpaceRight {display: inline-block; line-height: 20px; margin-right: 5px} .normalFormInlineTextSpaceBoth {display: inline-block; line-height: 20px; margin: 0 5px} .middleElement {float: left; margin-left: 3px; margin-right: 3px; line-height: 20px} #workFlowsTemplateIframe {background-color: #F0F0F0} .workflowIFrameClass01 {width: 700px; *width: 717px} .workflowIFrameClass02 {width: 356px} .formSubSection01 LABEL {display: block; font-weight: bold} .formSubSection01 SELECT {width: 356px} .formSubSection02 {padding-left: 17px} .formSubSection02 LABEL {clear: both; float: left; font-weight: bold} .formSubSection02 SELECT {float: right; width: 450px} .formSubSection03 LABEL {display: block; font-weight: bold} .formSubSection03 SELECT {width: 100%} /* input container */ .simpleForm {background-color: #eee; padding: 9px; overflow: hidden; *zoom: 1} .arrowsMap IMG {margin-right: -3px; margin-bottom: -3px; cursor: pointer} /* searchForm01 */ .searchForm01 {background-color: #EEEEEE; padding: 2px 0 7px 10px} .searchForm01 FIELDSET {display: inline; padding: 5px 7px 0 0} .searchForm01 FIELDSET.noRightRetreat {padding-right: 0} .searchForm01 FIELDSET LABEL {display: block} .searchForm01 FIELDSET LABEL.displayInline {display: inline; padding-right: 3px} .searchForm01 .checkboxes {padding-top: 8px} .searchForm01 .checkboxes LABEL {display: inline; margin-right: 10px} .searchForm01 .amongFix {padding: 0 2px 0 2px} .searchForm01 .buttons {padding: 5px 9px 0 0; text-align: right} .searchForm01 .buttons .floatLeft {float: left; margin: 4px 10px 0 0; padding-top: 5px} .searchForm01 .checkboxesList {height: 189px; min-width: 176px; overflow: auto; border: 1px solid #999999} .searchForm01 .checkboxesList FIELDSET {display: block; padding: 1px 0 1px 5px; *padding-top: 3px; border-bottom: 1px solid #999999} .searchForm01 .checkboxesList FIELDSET LABEL {display: inline; margin: 0; padding: 0; vertical-align: middle} .searchForm01 .checkboxesList FIELDSET INPUT {vertical-align: middle} .searchForm01 .checkboxesList FIELDSET A {vertical-align: middle} .searchForm01 .checkboxesList FIELDSET .linkMark {padding-left: 5px} .searchForm01 .checkboxesList FIELDSET .linkMarkBrowsed {padding-left: 5px} .searchForm01 .checkboxesList .subCheckboxesList {border-bottom: 1px solid #999999} .searchForm01 .checkboxesList .subCheckboxesList fieldset {padding-left: 32px; padding-bottom: 1px; border-bottom: none} .searchForm01 .fieldsColumn {float: left; width: 188px} .searchForm01 .fieldsMiddleColumn {float: left; width: 197px; *width: 195px; overflow: hidden} .searchForm01 .fieldsMiddleColumn .noRightRetreat .floatLeft {white-space: nowrap; margin-bottom: 1px} .searchForm01 .themaDiv {width: 190px; height: 186px; border: 1px solid #000000; overflow: auto; padding: 2px; cursor: pointer} /* Structured keywords for search */ .searchForm01 .structuredKeywordsFieldset INPUT.keywordField {width: 164px} .searchForm01 .structuredKeywordsFieldset SPAN.addKeyword, .searchForm01 .structuredKeywordsFieldset SPAN.mandatoryMark {display: none} /* countries for search */ .searchForm01 .countriesFieldset INPUT.keywordField {width: 164px} .searchForm01 .countriesFieldset SPAN.addCountry, .searchForm01 .countriesFieldset SPAN.mandatoryMark {display: none} .searchForm01 .mediaLanguageFieldset INPUT.keywordField {width: 164px} .searchForm01 .mediaLanguageFieldset SPAN.addKeyword, .searchForm01 .mediaLanguageFieldset SPAN.mandatoryMark {display: none} #detailsSearchContainer .searchForm01 {background-color: #eee} /* free fields */ .searchForm01 FIELDSET.freeFiled01 SELECT, .searchForm01 FIELDSET.freeFiled02 SELECT, .searchForm01 FIELDSET.freeFiled03 SELECT {width: 188px} .searchForm01 #addKeywordButton, .mediaSearchMask #addKeywordButton {display: none} .searchForm01 #addCountryButton, .mediaSearchMask #addCountryButton {display: none} /* searchFormStyle1 */ .searchFormStyle1 {padding-right: 10px} .searchFormStyle1 FIELDSET {float: left} .searchFormStyle1 FIELDSET {float: left} .searchFormStyle1 FIELDSET LABEL {font-weight: bold} .searchFormStyle1 FIELDSET SELECT, .searchFormStyle1 FIELDSET INPUT {float: left} .searchFormStyle1 FIELDSET .dateField {width: 115px} .oneRowFormElements INPUT, .oneRowFormElements LABEL , .oneRowFormElements SPAN.checkbox {float: left} /* Mediapool searchmask */ .searchTabs {float: left; position: relative; bottom: -1px; overflow: hidden} .mediaSearchMask {float: left; width: 100%; clear: both} .mediaSearchMask .searchMaskInnerContainer, #searchFiltersContainer {border: 1px solid #9E9E9E} .mediaSearchMask .categoryContainer {margin-bottom: 3px; padding: 9px 0 0 9px; background-color: #eee; overflow: hidden; *height: 1%} .mediaSearchMask .mainButtonsContainer {padding: 9px; *padding-bottom: 8px; background-color: #eee; overflow: hidden; *height: 1%} .mediaSearchMask .mainButtonsContainer #mainButtonsContainer, .mediaSearchMask .mainButtonsContainer #mainButtonsContainerDisabled {float: right} .extPopupBody .searchMaskInnerContainer {border: none; background-color: #b0b0b0} *HTML .extPopupBody .searchMaskInnerContainer .cleaner {background-color: #eee} *HTML .extPopupBody #popupContent {_width: 807px; _overflow-x: hidden} .extPopupBody .mediaSearchMask .categoryContainer {margin-bottom: 1px} .extPopupBody .mediaSearchMask .categoryContainer, .extPopupBody .mediaSearchMask .mainButtonsContainer {background-color: #fff} *HTML .extPopupBody .mediaSearchMask .cleaner {background-color: #fff} .mediaSearchMask .categoryColumn {float: left; width: 154px; margin-right: 9px; padding-bottom: 9px} .mediaSearchMask .mainButtonsContainer .categoryColumn {padding-bottom: 0} #fileFormat .categoryColumn { margin:0px 9px 0 0} .mediaSearchMask .categoryColumn A, .mediaSearchMask .categoryColumn SPAN.commandLink {float: left; line-height: 20px} .mediaSearchMask .oneColumn {float: left; width: 612px; padding-bottom: 9px; overflow: hidden} .mediaSearchMask .oneColumn FIELDSET {display: inline} .mediaSearchMask .oneColumn .mediaTypeContainer {float: left; margin-right: 26px} .mediaSearchMask .oneColumn .mediaTypeContainer .subCheckboxesList {margin-top: 6px} .mediaSearchMask .oneColumn .mediaTypeContainer .subCheckboxesList .checkboxes {float: left; clear: both; margin-bottom: 4px; padding-left: 8px; overflow: hidden; *zoom: 1; *white-space: nowrap} *HTML .mediaSearchMask .oneColumn .mediaTypeContainer .subCheckboxesList .checkboxes SPAN.checkbox, *HTML .mediaSearchMask .oneColumn .mediaTypeContainer .subCheckboxesList .checkboxes LABEL {display: inline-block; float: none; vertical-align: top} .mediaSearchMask .leftColumn {width: 318px; margin-right: 9px} .mediaSearchMask .leftColumn LABEL {float: left; width: 116px; margin-right: 5px; margin-bottom: 9px; line-height: 20px; overflow: hidden; *padding-bottom: 9px} .mediaSearchMask #globalSearch #searchTermContainer {float: left; width: 500px; padding-bottom: 9px} .mediaSearchMask #globalSearch #searchTermContainer LABEL {display: block} #globalSearch .checkboxes {float: right; width: 205px} #globalSearchContainer #globalSearch .checkboxes {width: 196px} .mediaSearchMask #globalSearch .actionButton, .mediaSearchMask #globalSearch .actionButtonDisabled {float: left} .mediaSearchMask .leftColumn LABEL .floatRight {margin-right: 9px} .mediaSearchMask .leftColumn .typ22 {margin-right: 4px} .mediaSearchMask .leftColumn INPUT, .mediaSearchMask .leftColumn SELECT, .mediaSearchMask .leftColumn TEXTAREA {float: left} .mediaSearchMask .leftColumn .middleText {float: left; width: 42px; text-align: center; line-height: 20px} .mediaSearchMask .leftColumn #searchStructuredKeywordsFieldset {display: inline; width: 299px; margin-bottom: 5px; *margin-bottom: -7px; visibility: visible; position: static} .mediaSearchMask .leftColumn #searchStructuredKeywordsFieldset LABEL {margin-bottom: 0} .mediaSearchMask .leftColumn #searchStructuredKeywordsFieldset LABEL .mandatoryMark, .mediaSearchMask .leftColumn #searchMediaLanguageFieldset LABEL .mandatoryMark {display: none} .mediaSearchMask .leftColumn #searchStructuredKeywordsFieldset {width: 299px} .mediaSearchMask .leftColumn .x-form-field-wrap {float: left} .mediaSearchMask .rightColumn {float: left; width: 285px; padding-bottom: 9px; overflow: hidden} .mediaSearchMask .rightColumn LABEL {float: left; width: 80px} .mediaSearchMask .rightColumn SELECT {float: left} .mediaSearchMask .rightColumn .checkboxes {margin-left: 80px} .mediaSearchMask .expandedCategory .rightColumn .checkboxes, .mediaSearchMask .expandedCategory .rightColumn .displayBlock {display: block; margin-bottom: 9px; *margin-bottom: 13px} .mediaSearchMask .rightColumn .checkboxes LABEL {float: none; width: auto} .mediaSearchMask .rightColumn .checkboxesGroup {float: left; width: 200px} .mediaSearchMask .rightColumn .checkboxesGroup .checkboxes {float: left; width: 77px; margin-left: 0; margin-bottom: 0} .mediaSearchMask .themaDiv {border: 1px solid #000000; padding: 2px; width: 175px; height: 43px; *width: 181px; *height: 49px; cursor: pointer} .mediaSearchMask .themaDivContainer {float: left} .mediaSearchMask .mainButtonsContainer .checkboxes {float: left; padding-right: 30px} /* Search mask hidden fields */ .mediaSearchMask .toggledItem {display: none !important} .mediaSearchMask .expandedCategory .toggledItem {display: block !important} .mediaSearchMask .expandedCategory .categoryContainer FIELDSET {margin-bottom: 9px} .mediaSearchMask .rightColumn #currentlyPublishedFieldset {margin-top: 0} .mediaSearchMask .expandedCategory .rightColumn #currentlyPublishedFieldset {margin-top: 27px; *margin-top: 29px} .standardSearchMask #advancedSearchDetailsContainer, .standardSearchMask #savedSearchContainer, .advancedSearchMask #savedSearchContainer , .savedSearchMask #globalSearch, .savedSearchMask #advancedSearchDetailsContainer {position: absolute; top: -10000px; left: -10000px} .standardSearchMask .categoryContainer {margin-bottom: 0} *HTML .standardSearchMask .cleaner {display: none} .calendarIcon {float: left; margin-left: 3px; cursor: pointer; _display: inline} .calendarIconNoFloat {float: none; margin-left: 0; position: relative; top: 3px; *top: 2px; cursor: pointer} .radioLabel {width: auto !important; line-height: 1 !important; margin-right: 10px} .radios .radiosAlignFix {padding-top: 3px} .floatedContent * {float: left} .floatedContent * * {float: none} .middleTextAuto {float: left; line-height: 20px; padding: 0 5px} .middleTextLeftAuto {float: left; line-height: 20px; padding-left: 5px} .middleTextRightAuto {float: left; line-height: 20px; padding-right: 5px} .middleTextSmall {float: left; width: 24px; text-align: center; line-height: 20px} .textSmallLeft {float: left; width: 24px; line-height: 20px} .floatedTextLeft {float: left; margin-left: 3px; line-height: 20px; _display: inline} .equalCheckboxes .checkboxContainer {float: left; margin-right: 10px; margin-bottom: 5px; width: 84px; overflow: hidden} #expandAllTop, #collapseAllTop {float: left; padding-top: 5px; padding-bottom: 8px; overflow: hidden; *zoom: 1} #expandAllBottom, #collapseAllBottom {float: left; overflow: hidden; *zoom: 1} #expandAllTop .icon, #expandAllBottom .icon, #collapseAllTop .icon, #collapseAllBottom .icon {float: left} #expandAllTop .commandLinkNoBG, #expandAllBottom .commandLinkNoBG, #collapseAllTop .commandLinkNoBG, #collapseAllBottom .commandLinkNoBG {float: left; padding-left: 3px; line-height: 20px} /* Search filters tab */ #searchFiltersContainer {height: 350px; margin-top: 15px; padding: 8px; background-color: #fff} #searchFiltersContainer #tableContainer {height: 293px; overflow-y: auto} #searchFiltersContainer TABLE {table-layout: fixed; width: 100%; background-color: transparent} #searchFiltersContainer TABLE TR {cursor: pointer} #searchFiltersContainer TABLE TD, #searchFiltersContainer TABLE TH {padding-left: 10px; line-height: 25px; *height: 25px; overflow: hidden} #searchFiltersContainer TABLE TH {background-color: #ececec; font-weight: bold} #searchFiltersContainer TABLE TH .dropdownImg {margin: 0 0 1px 7px} #searchFiltersContainer TABLE .odd {background-color: #f8f8f8} #searchFiltersContainer TABLE .even {background-color: transparent} #searchFiltersContainer TABLE .icon {float: right; margin-right: 3px; _display: inline} /* loginForm */ #loginPage #loginForm {width: 197px; height: 122px; float: left; background-color: #EAEAEA} #loginPage #loginForm FIELDSET {padding: 2px 0 0 10px} #loginPage #loginForm FIELDSET LABEL {padding: 4px 0 0 0} #loginPage #loginForm FIELDSET P {padding-right: 9px} #loginPage #loginForm .actionButton {float: right; margin-right: 9px; margin-top: 7px; _display: inline} /* editMedia standard form */ #freigabeTextArea FIELDSET {display: inline; padding: 0 0 5px 0; width : 100%} #freigabeTextArea FIELDSET TEXTAREA {width : 100%; height : 30px} .editMediaForm FIELDSET {display: inline; padding: 0 0 5px 0; width: 100%} .editMediaForm FIELDSET.displayBlock {display: block} .editMediaForm FIELDSET.displayNone {display: none} .editMediaForm FIELDSET LABEL {display: block; padding-bottom: 1px} .editMediaForm FIELDSET LABEL.displayInline {display: inline; padding-right: 3px} .editMediaForm .checkboxes LABEL {display: inline} .editMediaForm .columnLeft {float: left; width: 356px} .editMediaForm .columnLeft .mandatoryFieldMark {margin-left: 356px} .editMediaForm .columnRight {float: right; width: 400px} .editMediaForm .columnRight .mandatoryFieldMark {margin-left: 207px} .editMediaForm .themaDiv {width: auto; height: 58px; padding: 4px 0 0 6px; margin-bottom: 8px} .editMediaForm .hr {margin-top: -1px} .editMediaForm .subForm {background-color: #EEEEEE; padding: 2px 0 7px 10px; margin-bottom: 10px} .editMediaForm .subForm FIELDSET {padding: 5px 7px 0 0} .editMediaForm .subForm .leftSideLabel {float: left; width: 100px; padding-top: 5px} .editMediaForm .subForm .checkboxes LABEL {margin-right: 10px} /* edit object standard form */ .editObjectForm FIELDSET {display: inline; padding: 0 0 5px 0} .editObjectForm FIELDSET.displayBlock {display: block} .editObjectForm FIELDSET LABEL {display: block; padding-bottom: 1px} .editObjectForm FIELDSET LABEL.displayInline {display: inline; padding-right: 3px} .editObjectForm FIELDSET.listDataConatiner {padding: 1px 0 0 5px; background-color: #EEEEEE; border: 1px solid #999999} .editObjectForm FIELDSET.listDataConatiner .listData {height: 43px; *height: 44px; overflow: auto} .multipleElementsContainer {width: 504px; padding: 1px 4px 0 4px; background-color: #EEEEEE; border: 1px solid #999999} .multipleElementsContainer .typ33 {margin-left: 2px; *margin-left: 0} .multipleElementsContainer FIELDSET {display: block} .multipleElementsContainer FIELDSET TEXTAREA {width: 504px; height: 76px} .multipleElementsContainer FIELDSET SELECT {width: 504px} .multipleElementsInnerContainer {background-color: #fff; border: 1px solid #999; padding: 10px 0} .multipleElementsInnerContainer LABEL {float: left; width: 135px; text-align: right; margin-left: 3px; margin-right: 6px; _display: inline} .multipleElementsInnerContainer .stockCompanyAmounts {float: right; margin-bottom: 5px; width: 356px; *width: 343px} .multipleElementsInnerContainer .infoText {float: left; width: 300px; margin-left: 2px; line-height: 20px} .multipleElementsInnerContainer .stockCompanyAmounts .rightPart {float: left} .multipleElementsInnerContainer .stockCompanyAmounts SELECT {float: left; width: 150px} .multipleElementsInnerContainer .stockCompanyAmounts INPUT {float: left; width: 130px; margin-left: 2px} .multipleElementsInnerContainer .stockCompanyAmounts TEXTAREA {float: left; width: 150px; margin-left: 2px} .multipleElementsInnerContainer .stockCompanyAmounts .icon {float: left; margin-left: 3px} .multipleElementsInnerContainer .actionButton {float: left; margin-left: 146px; *margin-left: 149px} *HTML #additionalStockFieldsContainer {margin-top: -5px} .editObjectForm #mailAddress, .editObjectForm #mailCCAddress, .editObjectForm #mailBCCAddress {width: 176px} .editObjectForm #lastMailAddress, .editObjectForm #lastCCMailAddress {width: 252px} #popupWorkAreaWide .editObjectForm #mailAddress, #popupWorkAreaWide .editObjectForm #mailCCAddress {width: 308px} #popupWorkAreaWide .editObjectForm #lastMailAddress, #popupWorkAreaWide .editObjectForm #lastCCMailAddress {width: 384px} #popupWorkAreaWide .editObjectForm DIV.multipleElementsContainer {width: auto} #popupWorkAreaWide .editObjectForm DIV.multipleElementsContainer FIELDSET TEXTAREA {width: 777px} #popupWorkAreaWide .editObjectForm DIV.multipleElementsContainer FIELDSET SELECT {width: 777px} .editObjectForm .readonlyTextareaConatiner {padding: 4px; background-color: #EEEEEE; border: 1px solid #999999} .editObjectForm .readonlyTextareaConatiner TEXTAREA {float: none; width: 504px; height: 152px; background-color: #f2f2f2} .editObjectForm .textareaConatiner {padding: 4px; background-color: #EEEEEE; border: 1px solid #999999} .editObjectForm .checkboxes LABEL {display: inline} .editObjectForm .themaDiv {width: auto; height: 58px; padding: 4px 0 0 6px; margin-bottom: 8px} .editObjectForm .hr {margin-top: -1px} .editObjectForm .subForm {background-color: #EEEEEE; padding: 2px 0 7px 10px; margin-bottom: 10px} .editObjectForm .subForm FIELDSET {padding: 5px 7px 0 0} .editObjectForm .subForm .leftSideLabel {float: left; width: 100px; padding-top: 5px} * html .editObjectForm INPUT.nextToButton {margin-bottom: -2px} /* edit advert instance form */ .advertInstance {width: 515px} .advertInstance FIELDSET.listDataConatiner {margin-top: 15px; *margin-top: 19px} .advertInstance FIELDSET.listDataConatiner .listData {width: 240px; overflow: auto} #popupWorkAreaWide .advertInstance FIELDSET.listDataConatiner .listData {width: 385px} .mainWorkArea .form19 FIELDSET.listDataConatiner {margin-bottom: 10px} .mainWorkArea .form19 FIELDSET.listDataConatiner .listData {width: 358px; overflow: auto} /* upload form */ .uploadImgForm FIELDSET {float: right; width: 380px; height: 62px; padding: 0; background-color: #EEEEEE} .uploadImgForm LABEL {display: block; padding-bottom: 4px} .uploadImgForm FIELDSET .paddingFix {padding: 6px 0 5px 10px} .uploadImgForm .thumbnailPreview {float: left} /* changeListViewForm */ .changeListViewForm {display: inline; padding: 5px 24px 4px 5px; background: #EEEEEE} /** * buttons */ #loginPage #loginForm .buttons {text-align: right; padding: 10px 9px 0 0} /* common actionButton containers styles */ .actionButtons {padding: 6px 5px; text-align: right; background-color: #eee; overflow: hidden; *zoom: 1} .actionButtons .floatLeft, .mainActionButtons .floatLeft, .actionButtonsNoBG .floatLeft, .mainActionButtonsMargined .floatLeft {margin-right: 5px} .actionButtons .floatRight, .mainActionButtons .floatRight, .actionButtonsNoBG .floatRight, .mainActionButtonsMargined .floatRight {margin-left: 5px} .actionButtonsNoBG {padding-top: 6px; overflow: hidden; *zoom: 1} .actionButtonsFloated {float: left; width: 100%; background-color: #EEEEEE} .actionButtonsFloated .floatLeft {padding: 7px 0 8px 5px} .actionButtonsFloated .floatRight {padding: 7px 5px 8px 0} .actionButton { display: inline-block; padding: 2px 5px; white-space: nowrap; cursor: pointer; text-decoration: none !important; border: 1px solid #999; background-position: 0 -680px; background-repeat: repeat-x !important; font-family: Arial,sans-serif; font-size: 11px !important; color: #7D8890 !important; font-weight: normal !important } .actionButton:hover, .x-file-input-wrap .x-file-input-btn-hover { color: #666 !important; border: 1px solid #EDEDED; background-position: 0 -760px; background-repeat: repeat-x !important } .actionButtonDisabled { display: inline-block; padding: 2px 5px; white-space: nowrap; cursor: default; text-decoration: none !important; border: 1px solid #999; color: #999 !important; font-weight: normal; background-position: 0 -720px; background-repeat: repeat-x !important } .actionButtonFloatRight {float: right; margin-left: 3px} .actionButtonFloatLeft {float: left; margin-right: 3px} .customDropdown, .customDropdownWide {position: relative; padding-right: 18px; width: auto} .customDropdownWide {padding: 0 31px 0 18px} .customDropdown .dropdownImg, .customDropdownWide .dropdownImg {position: absolute; top: 8px; right: 5px} .customDropdownWide .dropdownImg {right: 16px} .indicator {display: none; padding: 2px 0} .indicator IMG {height: 16px} .indicatorWithMsg {line-height: 20px} .indicatorWithMsg IMG {position: relative; top: 4px; margin-right: 5px} .mainActionButtons, .mainActionButtonsMargined {clear: both; padding-top: 9px; border-top: 1px solid #EEEEEE; overflow: hidden; *zoom: 1} .mainActionButtonsMargined {margin-top: 15px} .mainActionButtons .indicator, .mainActionButtonsMargined .indicator {padding-top: 1px} .mainActionButtons .indicator IMG, .mainActionButtonsMargined .indicator IMG {margin-right: 0; margin-bottom: 0} .throughPagesButtons {padding-top: 4px} .throughPagesButtons .imgButton {cursor: pointer; margin-bottom: -4px} .throughPagesButtons .countPagesText {padding: 0 1px 0 1px; font-size: 12px; line-height: 12px; color: #333333} /*** * tab navigations */ .tabNavigation {display: block; width: 100%; height: 20px; background-color: #eee} .tabNavigation .tab { float: left; width: 20px; line-height: 20px; margin-right: 1px; cursor: pointer; background-color: #ccc; color: #333; font-weight: bold; text-align: center } .tabNavigation .active { background-color: #7D8890; color: #fff; font-weight: bold } .tabNavigation .inactive { background-color: #f7f7f7; color: #999; font-weight: normal; cursor: default } /** * tables */ TABLE {font-size: 11px; background-color: #eee} .x-panel-btns TABLE {background-color: transparent !important} TABLE .odd {background-color: #eee} TABLE .even {background-color: #f7f7f7} .tableFixed {table-layout: fixed; overflow: hidden} .tableFixed TH, .tableFixed TD {overflow: hidden} TABLE.TableData { width:100%; border-collapse:collapse; } table.TableData th{ font-weight: bold; /*** do not set a background-color here = tables.backgroundColor from config setting ***/ /*** do not set a fixed height here, see next setting ***/ } table.TableData th, table.TableData td{ padding:3px 6px; } table.TableData tr.TableDataEvenRow{ background-color: #f7f7f7; /*** = tables.TableDataEvenRow.backgroundColor from config setting ***/ } table.TableData tr.TableDataOddRow{ background-color: #fff; /*** = tables.TableDataOddRow.backgroundColor from config setting ***/ } table.TableData td.TableDataCentered{ text-align:center; vertical-align:middle; } /* table01 */ .table01 TABLE {width: 100%; display: inline-table} /* TODO: CHECK AGAIN WITH NEWER FF VERSIONS (display: inline-table fix) */ .table01 TH FIELDSET {PADDING: 2px 0 3px 5px} .table01 TH, .table01 TD {height: 20px; padding-left: 5px; VERTICAL-ALIGN: middle} .table01 TD.header {padding-left: 3px} .table01 .paddingFix .checkbox {margin: 0 7px; float: none} .table01 .rowDividingLine {HEIGHT: 1px; PADDING: 0; BACKGROUND-COLOR: #FFFFFF} /* table02 */ .table02 TABLE {width: 100%} .table02 TH {HEIGHT: 18px; PADDING: 2px 0px 1px 5px; TEXT-ALIGN: left; VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #7F7E82} .table02 TD {HEIGHT: 18px; PADDING: 2px 0 1px 5px; VERTICAL-ALIGN: top; BACKGROUND-COLOR: transparent} .table02 .paddingFix {PADDING-LEFT: 7px} .table02 .rowDividingLine {HEIGHT: 1px; PADDING: 0; BACKGROUND-COLOR: #EEEEEE} /* table03 */ .table03 TABLE {width: 100%} .table03 TABLE TD {padding: 4px 0 3px 5px; vertical-align: top; background-color: transparent} .table03 TABLE TD.noPadding {padding: 0} .table03 TABLE TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none} .table03 TABLE .paddingFix {padding-left: 7px} .table03 TABLE .rowDividingLine {height: 1px; padding: 0; background-color: #999999} .table04 {width: 100%; border: 1px solid #e1e1e1} .table04 TD, .table04 TH {line-height: 20px; padding: 2px 0 2px 5px} .table04 TH {padding-left: 5px; background-color: #e1e1e1; font-weight: bold} /* formStyleTable */ .formStyleTable TABLE {width: 100%} .formStyleTable TH {line-height: 18px; padding: 2px 0px 1px 5px; TEXT-ALIGN: left; BACKGROUND-COLOR: #7F7E82} .formStyleTable TD {line-height: 20px; padding: 2px 0} .formStyleTable .paddingFix {PADDING-LEFT: 5px; display: block} .formStyleTable .rowDividingLine {HEIGHT: 1px; PADDING: 0; BACKGROUND-COLOR: #FFFFFF} .tablePadR TD, .tablePadR TH {padding-right: 5px} .fixedTable {table-layout: fixed; word-wrap: break-word} /* massImportTable */ .massImportTable {width: 100%; padding: 1px; border: 1px solid #EEEEEE; background-color: #EEEEEE} .massImportTable TD {padding: 2px 0 2px 10px; vertical-align: top; background-color: #ffffff} .massImportTable TD.dividingBorder {border-left: 6px solid #EEEEEE} .massImportTable TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none} .massImportTable .rowDividingLine {height: 1px; padding: 0; background-color: #EEEEEE} .massImportTable TD.tableContainer {padding: 4px 0 4px 10px} .massImportTable TD.tableContainer TABLE {width: 355px; padding: 0; border: none; background-color: #EEEEEE} .massImportTable TD.tableContainer TABLE TD {padding: 0; background-color: transparent} .trafficReportTable {width: 100%} .trafficReportTable TD {text-align: right; padding-left: 0} .objectAdminAssociations {float: left; border:1px solid #ddd; width: 785px} .objectAdminAssociations .objectTitle {width: 100%; float: left} .objectAdminAssociations .objectTitle .title {float: left; padding-left: 2px; line-height: 20px} .objectAdminAssociations .contentDiv {float: left; padding-left: 2px; line-height: 20px} .objectAdminAssociations .objectTitle .iconMore {float: right; padding-right: 2px; line-height: 20px; margin-top: 2px} /** * objects previews */ /* detailed view */ .objectDetailedView, .objectDetailedViewNoCheckbox {border:1px solid #ddd; color: #333; margin-bottom: 10px; clear: both; overflow: hidden; _zoom: 1} .objectDetailedView .border, .objectDetailedViewNoCheckbox .border {width: 784px; position: relative; overflow: hidden} .objectDetailedView .borderShort TABLE.previewTable TD, .objectDetailedViewNoCheckbox .borderShort TABLE.previewTable TD {margin: 0; padding: 0} .objectDetailedView .previewTableContainer, .objectDetailedViewNoCheckbox .previewTableContainer {FLOAT: left; width: 120px; height: 120px; *width: 121px; *height: 121px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: -1px; position: relative; overflow: hidden} .objectDetailedView TABLE.previewTable, .objectDetailedViewNoCheckbox TABLE.previewTable {background-color: transparent; margin-bottom: 4px} .objectDetailedView .previewTable TD, .objectDetailedViewNoCheckbox .previewTable TD, #leftColumnSmall .previewTable TD{ WIDTH: 120px; HEIGHT: 120px; OVERFLOW: hidden; TEXT-ALIGN: center; VERTICAL-ALIGN: middle; background-color: #fff; cursor: pointer } .objectDetailedView .border .boxTopRight {position: absolute; margin: 1px 0 0 106px} .objectDetailedViewNoCheckbox .objectViewCheckboxIconContainer, .objectDetailedViewNoCheckbox .border .checkboxIcon {display: none} .objectDetailedView .contentDiv, .objectDetailedViewNoCheckbox .contentDiv {float: left; width: 663px} .noPreviewImage .contentDiv {width: 100%} .objectDetailedView .contentDiv .leftPart, .objectDetailedViewNoCheckbox .contentDiv .leftPart { float: left; width: 350px; *width: 360; padding-left: 10px; overflow: hidden } .noPreviewImage .contentDiv .leftPart {width: 450px; *width: 460px} .objectDetailedView .contentDiv .leftPart P, .objectDetailedViewNoCheckbox .contentDiv .leftPart P {overflow: hidden} .objectDetailedView .contentDiv .rightPart, .objectDetailedViewNoCheckbox .contentDiv .rightPart { float: right; width: 293px; *width: 303px; padding-left: 10px; overflow: hidden } .objectDetailedView .contentDiv .rightPart P, .objectDetailedViewNoCheckbox .contentDiv .rightPart P {overflow: hidden} .objectDetailedView .contentDiv P, .objectDetailedViewNoCheckbox .contentDiv P {padding: 3px 0} .objectDetailedView .contentDivShort, .objectDetailedViewNoCheckbox .contentDivShort {float: left; width: 388px} .objectDetailedView .contentDivShort .leftPart, .objectDetailedViewNoCheckbox .contentDivShort .leftPart {float: left; width: 259px} .objectDetailedView .contentDivShort .rightPart, .objectDetailedViewNoCheckbox .contentDivShort .rightPart {float: right; width: 129px} .objectDetailedView .contentDivShort P, .objectDetailedViewNoCheckbox .contentDivShort P { padding: 3px 3px 2px 5px; min-height: 14px !important; height: auto !important; height: 20px; background-color: #fff; border-top: 1px solid #EEEEEE } .objectDetailedView .contentWideDiv, .objectDetailedViewNoCheckbox .contentWideDiv {float: left; padding: 3px 0 3px 10px; clear: both; width: 508px; *width: 518px; margin-top: 1px; margin-left: 122px; _display: inline} .objectDetailedView .contentWideDiv .leftPartSmall, .objectDetailedViewNoCheckbox .contentWideDiv .leftPartSmall {float: left; width: 195px} .objectDetailedView .contentWideDiv .middlePart, .objectDetailedViewNoCheckbox .contentWideDiv .middlePart {float: left; width: 201px} .objectDetailedView .contentWideDiv P, .objectDetailedViewNoCheckbox .contentWideDiv P {overflow: hidden} .objectDetailedView .contentWideDiv P.bgcrit, .objectDetailedViewNoCheckbox .contentWideDiv P.bgcrit {background-color: #ffe5e6} .objectDetailedView .textIcon, .objectDetailedViewNoCheckbox .textIcon {display: none; clear: both; position: absolute; bottom: 2px; right: 2px} .objectDetailedView .visibleIcon, .objectDetailedViewNoCheckbox .visibleIcon {display: block} .simpleDetailedView {border: none} .simpleDetailedView .previewTableContainer {border: 1px solid #ddd; margin-bottom: 0} /* old style: */ .objectDetailedView .contentWideIconDiv, .objectDetailedViewNoCheckbox .contentWideIconDiv {clear: both; position: absolute; bottom: 2px; *bottom: 1px; right: 2px} .objectDetailedView .contentWideIconDiv .icon, .objectDetailedViewNoCheckbox .contentWideIconDiv .icon, .contentWideIconDiv .actionButton, .contentWideIconDiv .actionButtonDisabled { float: right; margin-left: 2px } .objectDetailedView .objectTitle, .objectDetailedViewNoCheckbox .objectTitle {float: left; width: 663px; overflow: hidden} .objectDetailedView .objectTitle .title, .objectDetailedViewNoCheckbox .objectTitle .title {padding-left: 10px; line-height: 20px; font-weight: bold} .objectDetailedView .objectTitle .icon, .objectDetailedViewNoCheckbox .objectTitle .icon { float: right; line-height: normal; background-color: #97A8CA; border: 1px solid #fff; border-left: none } .objectDetailedView .objectTitle .icon SPAN.objectViewCheckboxIconContainer, .objectDetailedViewNoCheckbox .objectTitle .icon SPAN.objectViewCheckboxIconContainer { padding: 1px 0px -1px 2px; BACKGROUND-COLOR: #97A8CA } .objectDetailedView .objectTitle .icon .checkbox, .objectDetailedViewNoCheckbox .objectTitle .icon .checkbox {margin-top: 1px; margin-left:1px} .lastSelected {background-color: #eee} * HTML .objectDetailedView .contentWideDiv P SPAN, .objectDetailedViewNoCheckbox .contentWideDiv P SPAN {position: relative} .borderShort {float: left; width: 600px; background-color: #eee; overflow: hidden} .borderShort .objectTitle, .borderShort .contentDiv {width: 479px} .borderShort .contentDiv .rightPart {width: 199px; *width: 209px} .borderShort .contentDiv .rightPart P {width: 189px} .borderShort .contentWideDiv {width: 590px; *width: 600px} .mediaTypeDescription {float: left} .lowResWarning {float: right; margin-right: 20px} .mediaDescription {clear: both; margin-bottom: 22px} .mediaDescriptionWithoutIcons {clear: both} /* creative view */ .objectCreativeView, .objectCreativeViewNoCheckbox {float: left; position: relative; margin: 0 44px 12px 0; width: 122px; height: 147px; overflow: hidden} .objectCreativeView .icon, .objectCreativeViewNoCheckbox .icon {float: right; margin-left: 3px} .objectCreativeView .textIcon, .objectCreativeViewNoCheckbox .textIcon, .objectCreativeView .actionButton, .objectCreativeViewNoCheckbox .actionButton, .objectCreativeView .actionButtonDisabled, .objectCreativeViewNoCheckbox .actionButtonDisabled {position: absolute; bottom: 0; left: 0} .objectCreativeView .textIcon, .objectCreativeViewNoCheckbox .textIcon {display: none} .objectCreativeView .visibleIcon, .objectCreativeViewNoCheckbox .visibleIcon {display: block} .objectCreativeView .boxTopRight, .objectCreativeViewNoCheckbox .boxTopRight {display: block; position: absolute; top: 0; right: 0} .objectCreativeView .iconBox, .objectCreativeViewNoCheckbox .iconBox {display: block; margin: -6px -5px 6px -5px; padding: 3px 2px 3px 2px; background-color: #eee; text-align: right} .objectCreativeView .previewTable, .objectCreativeViewNoCheckbox .previewTable {border: 1px solid #ddd; table-layout: fixed} .objectCreativeView .previewTable TD, .objectCreativeViewNoCheckbox .previewTable TD {width: 120px; height: 120px; padding: 0; text-align: center; vertical-align: middle; overflow: hidden; cursor: pointer} .objectCreativeView .previewTable TD, .objectCreativeViewNoCheckbox .previewTable TD, .previewTableLarge TD {background-color : #fff} .objectCreativeView .thumbnailPreviewButtonsContainerRight, .objectCreativeViewNoCheckbox .thumbnailPreviewButtonsContainerRight {position: absolute; bottom: 2px; right: 2px} .objectCreativeView .thumbnailPreviewButtonsContainerRight .icon, .objectCreativeViewNoCheckbox .thumbnailPreviewButtonsContainerRight .icon {float: right; margin-left: 1px} .creativeViewPreviewContainer {position: relative; margin-bottom: 5px} .creativeViewPreviewContainer .licenseIcon {right: 1px; bottom: 1px; _bottom: auto; _right: 1px; _top: 81px} .previewContainerWithIconRight {display: block; position: relative} .previewContainerWithIconRight .icon {position: absolute; right: 1px; bottom: 1px} .objectDetailedView .border .objectViewCheckboxIconContainer, .objectCreativeView .objectViewCheckboxIconContainer, .objectCreativeViewNoCheckbox .objectViewCheckboxIconContainer {display: block; position: absolute; bottom: 0; right: 0; _clear: both} .objectPreview {border: 1px solid #ddd; position: relative} .objectPreview TD {width: 120px; height: 120px} .objectCreativeView .previewTable {margin-bottom: 0 !important} .objectCreativeView .objectViewText {font-weight: bold} .previewInnerContainer {position: relative; width: 100%; height: 100%; border: 1px solid #ddd} .mediaRelations {margin-right: 22px} #workAreaWide #mediaRelationsTable {width: 719px} #popupWorkAreaWide #mediaRelationsTable {width: 776px} .disabledPreview {cursor: default !important} .invalidAltImage .previewTable {border: 1px solid red} .objectCreativeViewNoCheckbox .checkbox {display: none} .lastSelectedThumbnail TABLE.previewTable {border: 1px solid #bbb} .objectViewCheckboxIconContainer SPAN.checkbox {margin-right: 0} .objectViewCheckboxIconContainer SPAN.unchecked, .objectViewCheckboxIconContainer SPAN.checkbox {display: none} .objectViewCheckboxIconContainer SPAN.checked {display: block} .objectViewHovered .textIcon, .objectViewHovered SPAN.unchecked {display: block !important} .objectCreativeView .ocvInnerContainer {border: 1px solid #888} /* objectDetailedViewBrief */ .objectDetailedViewBrief {float: left; width: 564px; border-bottom: 2px solid #e4e4e4; margin-bottom: 6px} .objectDetailedViewBrief .firstRow, .objectDetailedViewBrief .secondRow {float: left; width: 100%; line-height: 20px} .objectDetailedViewBrief .firstRow .leftPart {float: left; width: 514px} .objectDetailedViewBrief .firstRow .rightPart {float: right; width: 50px} .objectDetailedViewBrief .firstRow .rightPart .icon {float: right; margin-left: 2px} .objectDetailedViewBrief .secondRow {clear: both} .objectDetailedViewBrief .secondRow .leftPart {float: left; width: 150px} .objectDetailedViewBrief .secondRow .rightPart {float: right; width: 414px; text-align: right} .lastInRow {margin-right: 0 !important} .checkboxIconContainer {width: 15px; height: 15px; background-color: #96A8CA} .checkboxIconContainer INPUT.checkbox {position: relative; top: 1px; left: 1px} .objectDetailedViewInnerContainer {position: relative; top: -1px; overflow: hidden; *zoom: 1} .objectDetailedViewInnerContainer .previewTableContainer, .previewBorderTop .previewTableContainer {border-top: 1px solid #ddd} .objectDetailedViewRadio {position: absolute; top: 0; left: 2px; *left: 0} .editedMediaDetailed, .editedMediaCreative .previewTable {border-color: #008C10 !important} .uneditedMediaDetailed, .uneditedMediaCreative .previewTable {border-color: #C42A00 !important} .matchedMediaDetailed, .matchedMediaCreative .previewTable {border-color: #f29400 !important} /* thumbnail preview */ .thumbnailPreview, .emptyDefaultMediaBox {display: block; width: 60px; height: 60px; position: relative; border: 1px solid #EEEEEE} .thumbnailPreviewNoSize {border: 1px solid #EEEEEE} .thumbnailPreviewInvalid {display: block; width: 60px; height: 60px; position: relative; border: 2px solid red} .thumbnailPreview .preview, .thumbnailPreviewInvalid .preview {width: 60px; height: 60px; overflow: hidden; background-color: #EEEEEE; display: table-cell; text-align: center; vertical-align: middle} .thumbnailPreview .preview *, .thumbnailPreviewInvalid .preview * {vertical-align: middle} * HTML .thumbnailPreview .preview SPAN.fix, * HTML .thumbnailPreviewInvalid .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px} .thumbnailPreview .icon, .thumbnailPreviewInvalid .icon {position: absolute; right: 1px; bottom: 1px; z-index: 3; cursor: pointer} #dynamicBoxContent .thumbnailPreview {border-color: #ccc} /* Preview in case the default image for template box is empty */ .emptyDefaultMediaBox {border: 1px solid #808080} /* small thumbnail preview */ .smallThumbnailPreview {display: block; width: 40px; height: 40px; position: relative; border: 1px solid #EEEEEE} .smallThumbnailPreview .preview {width: 40px; height: 40px; overflow: hidden; background-color: #EEEEEE; display: table-cell; text-align: center; vertical-align: middle} .smallThumbnailPreview .preview * {vertical-align: middle} * HTML .smallThumbnailPreview .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px} /* middle preview */ .middlePreview {display: block; width: 320px; height: 320px; position: relative; border: 1px solid #EEEEEE} .middlePreview .preview {width: 320px; height: 320px; overflow: hidden; background-color: #FFFFFF; display: table-cell; text-align: center; vertical-align: middle} .middlePreview .preview * {vertical-align: middle} * HTML .middlePreview .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px} /* large preview */ .largePreviewContainer {width: 384px} .largePreviewContainer .largePreview {display: block; width: 382px; height: 548px; position: relative; border: 1px solid #EEEEEE; background-color: #EEEEEE} .largePreviewContainer .largePreview .preview {width: 382px; height: 548px; overflow: hidden; background-color: #EEEEEE; display: table-cell; text-align: center; vertical-align: middle; white-space: nowrap} .largePreviewContainer .largePreview .preview * {vertical-align: middle} * HTML .largePreview .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px} .largePreviewContainer .previewTable {width: 382px; height: 548px; overflow: hidden} .largePreviewContainer .previewTable td {text-align: center; vertical-align: middle} /* thumbnail document preview */ .thumbnailDocPreviews {display: block !important; padding: 7px 3px} .thumbnailDocPreviews .mainContainer {display: block; float: left; } .thumbnailDocPreviews .mainContainer .innerContainer {display: block; width: 65px; height: 80px; position: relative; border: 1px solid black; margin: 3px} .thumbnailDocPreviews .mainContainer .innerContainer .preview {width: 65px; height: 80px; overflow: hidden; background-color: #EEEEEE; display: table-cell; text-align: center; vertical-align: middle; cursor: pointer} .thumbnailDocPreviews .mainContainer .innerContainer .preview * {vertical-align: middle} * HTML .thumbnailDocPreviews .mainContainer .innerContainer .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px; background-color: yellow} .thumbnailDocPreviews .mainContainer .innerContainerActive {display: block; width: 65px; height: 80px; position: relative; border: 2px solid red; margin: 2px 1px} .thumbnailDocPreviews .mainContainer .innerContainerActive .preview {width: 65px; height: 80px; overflow: hidden; background-color: #EEEEEE; display: table-cell; text-align: center; vertical-align: middle; cursor: pointer} .thumbnailDocPreviews .mainContainer .innerContainerActive .preview * {vertical-align: middle} * HTML .thumbnailDocPreviews .mainContainer .innerContainerActive .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px; background-color: yellow} /* instance preview */ .instancePreviewContainer {width: 625px; padding-top: 5px} .instancePreviewContainer .largePreview {display: block; width: 623px; position: relative; border: 1px solid #EEEEEE; background-color: #EEEEEE} .instancePreviewContainer .largePreview .preview {width: 623px; height: 700px; overflow: hidden; background-color: #EEEEEE; display: table-cell; text-align: center; vertical-align: middle; white-space: nowrap} .instancePreviewContainer .largePreview .preview * {vertical-align: middle} * HTML .instancePreviewContainer .largePreview .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px} .instancePreviewContainer .previewTable {width: 623px; height: 700px; overflow: hidden} .instancePreviewContainer .previewTable TD {text-align: center; vertical-align: middle} .bigPreviewActivityIndicator {display: block; text-align: center} .multiPageView {height: 153px; overflow: visible} .multiPageView .multiPageBg1, .multiPageView .multiPageBg2 {position: absolute; background-color: #fff; border: 1px solid #ddd; width: 120px; height: 120px; *width: 122px; *height: 122px} .multiPageView .multiPageBg1 {left: 3px; top: 3px} .multiPageView .multiPageBg2 {left: 6px; top: 6px} .multiPageView .previewTable {position: absolute} /*.multiPageView .objectViewCheckboxIconContainer {right: -6px} */ /* media tooltips */ .objectViewTooltipContainer {display: block !important; position: absolute; top: -10000px; left: -10000px} .mediaTooltip {padding: 5px; background-color: #f6f6f6; border: 1px solid #888888; width: 322px; *width: 334px; overflow: hidden} .mediaTooltip P {line-height: 18px} .mediaTooltip P.mediaTitle {font-weight: bold} .mediaTooltip .previewTable TD, .objectCreativeViewNoCheckbox .mediaTooltip .previewTable {border: 1px solid #ddd} .mediaTooltip .previewTable TD, .objectCreativeViewNoCheckbox .mediaTooltip .previewTable TD {width: 320px; height: 320px; text-align: center; vertical-align: middle; background-color: #fff} .mediaTooltip .previewTable TD TD, .objectCreativeViewNoCheckbox .mediaTooltip .previewTable TABLE {border: none} .ttPreviewImageContainer {position: relative; _float: left} .ttPreviewImageContainer .licenseIcon, .mediaPreview .licenseIcon {right: 1px; bottom: 1px} /* tooltips with tail */ .ttTail {position: absolute; top: 6px; width: 9px; height: 9px; background-color: transparent; _font-size: 0} .ttLeftTail .ttTail {left: -9px; background-position: 0 0} .ttRightTail .ttTail {right: -9px; background-position: 0 -9px} .tooltipContainer, .tooltipContainerStyle1, .tooltipContainerStyle2 {display: none; position: absolute; z-index: 9000; overflow: visible} .tooltipContainerStyle1, .tooltipContainerStyle2 {width: 400px} .tooltipContainerStyle1 .rc1pLineT, .tooltipContainerStyle1 .rc1pLineL, .tooltipContainerStyle1 .rc1pLineR, .tooltipContainerStyle1 .rc1pLineB, .tooltipContainerStyle2 .rc1pLineT, .tooltipContainerStyle2 .rc1pLineL, .tooltipContainerStyle2 .rc1pLineR, .tooltipContainerStyle2 .rc1pLineB, .tooltipContainerStyle1 .rc1pCornerTL, .tooltipContainerStyle1 .rc1pCornerTR, .tooltipContainerStyle1 .rc1pCornerBL, .tooltipContainerStyle1 .rc1pCornerBR, .tooltipContainerStyle2 .rc1pCornerTL, .tooltipContainerStyle2 .rc1pCornerTR, .tooltipContainerStyle2 .rc1pCornerBL, .tooltipContainerStyle2 .rc1pCornerBR { background-color: #7f7f7f } .tooltipContainerStyle1 .closeButton, .tooltipContainerStyle2 .closeButton {position: absolute; right: 4px; top: 4px; height: 11px; width: 10px; z-index: 5000} .tooltipContainerStyle1 {background-color: #fff} .tooltipContainerStyle2, .tooltipContainerStyle2 .mmsMsgBody {background-color: #f4f4f4} .tooltipContainerStyle1 .ttTail {background-image: url(../images/ttTailsS1.gif)} .tooltipContainerStyle2 .ttTail {background-image: url(../images/ttTailsS2.gif)} .tooltipSimpleInfoContainer {text-align: center; font-weight: bold} .simpleTooltip {padding: 5px; background-color: #f6f6f6; border: 1px solid #888888} .x-tip {word-wrap: break-word} /** * page navigators */ /* common */ .objectsNavigatorTop, .objectsNavigatorBottom {float: left; width: 100%; color: #4c4c4c; margin-bottom: 10px} .objectsNavigatorTop .pagesNavigator SPAN, .objectsNavigatorBottom .pagesNavigator SPAN { float: left; line-height: 20px; padding-left: 3px; padding-right: 3px } .objectsNavigatorTop .pagesNavigator, .objectsNavigatorBottom .pagesNavigator {float: right} .objectsNavigatorTop .pagesNavigator .middleTextSmall, .objectsNavigatorBottom .pagesNavigator .middleTextSmall {width: auto} .objectsNavigatorTop .floatLeft, .objectsNavigatorBottom .floatLeft {line-height: 20px} .objectsNavigatorTop .floatRight, .objectsNavigatorBottom .floatRight {PADDING-TOP: 2px} .objectsNavigatorTop .textBox, .objectsNavigatorBottom .textBox {padding: 0 1px 0 2px} /* top page navigation specific */ .objectsNavigatorTop {padding-bottom: 1px; border-bottom: 1px solid #D4D4D4} .objectsNavigatorTop SELECT {float: left; margin-right: 5px} .objectsNavigatorTop .iconThumbnailViewActive, .objectsNavigatorTop .iconThumbnailViewInactive, .objectsNavigatorTop .iconDetailViewActive, .objectsNavigatorTop .iconDetailViewInactive { float: right; margin-left: 2px } .objectsNavigatorTop .pagesNavigator {margin-left: 20px} .objectsNavigatorTop .sortButtons {float: left; margin-right: 12px} .objectsNavigatorTop .sortButtons IMG {margin-right: 2px} /* bottom page navigation specific */ .objectsNavigatorBottom {margin-top: 5px; margin-bottom: 20px; padding-top: 1px; border-top: 1px solid #D4D4D4} .objectsNavigatorBottom SELECT {float: right} .objectsNavigatorBottom .pagesNavigator {padding-left: 7px} .objectsNavigatorBottom .pagesNavigator SPAN.endPageBottom {padding-right: 0} .objectsNavigatorBottom .textBox {word-spacing: 3px} .pagesNavigator .icon {float: left; margin-left: 3px; _display: inline} .pageSelector {float: left; width: 35px; padding: 0; text-align: center} .startPageBottom, .leftDotsBottom, .firstLeftPageBottom, .secondLeftPageBottom, .firstRightPageBottom, .secondRightPageBottom, .rightDotsBottom, .endPageBottom, .startPageTop, #leftDotsTop, .firstLeftPageTop, .secondLeftPageTop, .firstRightPageTop, .secondRightPageTop, .rightDotsTop, .endPageTop {display: none} /** * thema div */ .themaDiv {width: 188px; height: 49px; _width: 198px; _height: 59px; border: 1px solid #eee; padding: 5px; overflow: auto} .themaDivLeft {width: 365px; height: 38px; border: 1px solid #EEEEEE; overflow: auto} .themaDivLeftSmall {width: 237px; height: 38px; border: 1px solid #EEEEEE; overflow: auto} .themaDivApproval {width: 574px; padding-left: 10px; background-color: #EEEEEE} .themaDownload {text-align: left; background-color: #EEEEEE; width:585px; padding-top: 8px} .themaDownload1 {text-align: left; background-color: #EEEEEE; padding-top: 5px} /** * context help */ #help_contents {width: 100%} #help_contents H1 {padding-bottom: 6px; color: #000000; font-size: 12px; line-height: 14px; font-weight: bold} #help_contents P {padding-bottom: 4px; text-align: left; color: #333333; font-size: 12px; line-height: 14px; font-weight: normal} #help_contents P.subHeadline {padding-top: 3px; padding-bottom: 0; text-align: left; color: #000000; font-size: 12px; line-height: 14px; font-weight: bold} #help_contents LI {clear: both; padding: 0 0 4px 0; text-align: left; color: #000000; font-size: 11px; line-height: 14px; font-weight: normal} #help_contents UL LI {padding-left: 11px; background: url(../images/link_bg.gif) no-repeat 0 3px} #help_contents OL.decimalMarked {list-style-type: decimal; list-style-position: outside; margin-left: 24px} #help_contents OL.customMarked {list-style-type: none} #help_contents OL.customMarked LI {float: left; clear: both; width: 100%} #help_contents OL.customMarked LI .listMark {float: left; width: 3%} #help_contents OL.customMarked LI .listContent {float: left; width: 96%} /** * link lines */ .linkLine01 {padding: 5px 0 4px 6px; background-color: #EEEEEE} .listClosedLink, .listBrowsedLink {clear: both; line-height: 20px; background-color: #EEE; margin-bottom: 3px; overflow: hidden; _zoom: 1} .listBrowsedLink {margin-bottom: 15px} .listClosedLink A {padding-left: 9px} .listClosedLink .floatLeft {padding-left: 5px} .listClosedLink .floatRight {padding-right: 5px} .listBrowsedLink .floatLeft {padding-left: 5px} .listBrowsedLink .floatRight {padding-right: 5px} .standardListTitle {padding: 2px 0 2px 5px; background-color: #CCCCCC; color: #000000; font-weight: bold} .standardClosedListTitle {padding: 2px 0 2px 5px; background-color: #EEEEEE; color: #333; font-weight: bold} .standardClosedListTitle .listtitlelink, .standardClosedListTitle .listtitlelink:link, .standardClosedListTitle .listtitlelink:visited, .standardClosedListTitle .listtitlelink:active, .standardClosedListTitle .listtitlelink:hover {color: #333; padding-left: 9px; background-position: 0 -700px} .standardBrowsedListTitle {padding: 2px 0 2px 5px; background-color: #eee; color: #333; font-weight: bold} .standardBrowsedListTitle .listtitlelink, .standardBrowsedListTitle .listtitlelink:link, .standardBrowsedListTitle .listtitlelink:visited, .standardBrowsedListTitle .listtitlelink:active, .standardBrowsedListTitle .listtitlelink:hover {color: #333; padding-left: 9px; background-position: 0 -740px} .alternativeClosedListTitle {padding: 2px 0 2px 5px; background-color: #EEEEEE; color: #333333; font-weight: bold} .alternativeClosedListTitle SPAN#listTitle {float: left; margin-right: 5px} .alternativeClosedListTitle SPAN#elementsCount {color: black; font-weight: normal} .alternativeClosedListTitle SPAN#listTitle .listtitlelink, .alternativeClosedListTitle SPAN#listTitle .listtitlelink:link, .alternativeClosedListTitle SPAN#listTitle .listtitlelink:visited, .alternativeClosedListTitle SPAN#listTitle .listtitlelink:active, .alternativeClosedListTitle SPAN#listTitle .listtitlelink:hover {color: #333333; padding-left: 9px; background-position: 0 -400px} .alternativeBrowsedListTitle {padding: 2px 0 2px 5px; background-color: #EEEEEE; color: #333; font-weight: bold} .alternativeBrowsedListTitle SPAN#listTitle {float: left; margin-right: 5px} .alternativeBrowsedListTitle SPAN#elementsCount {color: black; font-weight: normal} .alternativeBrowsedListTitle SPAN#listTitle .listtitlelink, .alternativeBrowsedListTitle SPAN#listTitle .listtitlelink:link, .alternativeBrowsedListTitle SPAN#listTitle .listtitlelink:visited, .alternativeBrowsedListTitle SPAN#listTitle .listtitlelink:active, .alternativeBrowsedListTitle SPAN#listTitle .listtitlelink:hover {color: #333; padding-left: 9px; background-position: 0 -400px} .massTitle {padding: 5px; background-color: #EEEEEE; border: 1px solid #EEEEEE} /** * definition lists */ .objDefinitionList {padding: 7px; background-color: #EEEEEE} .objDefinitionList DL {padding: 4px 0 3px 6px; background-color: #ffffff} .objDefinitionList DL.selected {border: 2px solid #336699} .objDefinitionList DL DT {float: left; width: 88px; padding-bottom: 1px} .objDefinitionList DL DD {padding-bottom: 1px; display: block; width: 265px; overflow: hidden} .objDefinitionList DL DD .smallThumbnailPreview {float: left; margin-right: 6px; margin-top: 6px} /** * custom-built styles */ /* mediaDetails */ .mediaDetails {float: left; width: 398px; height: auto; overflow: hidden} .mediaDetails TABLE {width: 100%; background-color: #fff; table-layout: fixed} .mediaDetails TABLE TD {padding: 4px 0 3px 2px; vertical-align: top; background-color: transparent; white-space: normal} .mediaDetails TABLE TD.noPadding {padding: 0} .mediaDetails TABLE TD.textareaCell {padding: 3px 0 2px 0} .mediaDetails TABLE TD.wrappedText {padding: 3px 0 2px 0; word-wrap: break-word; color: #333} .mediaDetails TABLE TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none; padding: 0} .mediaDetails TABLE TD .scrollableListContainer {overflow: auto} .mediaDetails TABLE .paddingFix {padding-left: 7px} .mediaDetails TABLE .rowDividingLine {height: 1px; padding: 0; background-color: #999999} .mediaDetails TABLE.fixed {width: 100%} .mediaDetails TABLE.fixed TD {padding: 4px 0 3px 2px; vertical-align: top; background-color: transparent; word-wrap: break-word; white-space: normal} .mediaDetails TABLE.fixed TD.noPadding {padding: 0} .mediaDetails TABLE.fixed TD.textareaCell {padding: 3px 0 2px 1px} .mediaDetails TABLE.fixed TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none; padding: 0} .mediaDetails TABLE.fixed TD .scrollableListContainer {overflow: auto} .mediaDetails TABLE.fixed .paddingFix {padding-left: 7px} .mediaDetails TABLE.fixed .rowDividingLine {height: 1px; padding: 0; background-color: #999999} /* New details popup:*/ .mediaPreview {float: right; position: relative} .mediaPreview .previewTable {border: 1px solid #EEEEEE} .mediaPreview .previewTable TD {width: 320px; height: 320px; background-color: #FFFFFF; text-align: center; vertical-align: middle} .mediaPreview .previewTable .noImage {text-align: left; vertical-align: top} .mediaPreview .previewTable .noImage H3 {padding: 10px; font-size: 16px; color: #333333} .mediaPreview .previewTable .noImage TABLE {border: none} .mediaPreview .previewTable .noImage TD {width: auto; padding: 0 10px 0 10px; height: auto; background-color: transparent; text-align: left; vertical-align: top} .mediaPreview .previewTable .noImage .entries TD, #detailsPopupContent #bigPreviewImageContainer .noImage TD {height: auto; text-align: left} .mediaPreview .previewDataTable {width: 100%; background-color: #EEEEEE; border-top: 8px solid #EEEEEE; border-bottom: 3px solid #EEEEEE} .mediaPreview .previewDataTable TH {padding: 0 0 5px 10px; text-align: left; vertical-align: top} .mediaPreview .previewDataTable TD {padding: 0 0 5px 0; text-align: left; vertical-align: top} .previewDataTableFixed {width: 100%; background-color: #EEE !important; border-top: 8px solid #EEEEEE; border-bottom: 3px solid #EEEEEE} .previewDataTableFixed TH {padding: 0 0 5px 10px; text-align: left; vertical-align: top} .previewDataTableFixed TD {padding: 0 0 5px 1px; text-align: left; vertical-align: top} #popupWorkAreaBig .rightColumn .actionButtonsNoBG {padding-top: 0} .previewPagesNav {float: right; padding-bottom: 2px; margin-top: 5px} .previewPagesNav A {float: left} .previewPagesNav .countPages {float: left; color: #333333; padding: 0 4px; line-height: 20px} .moreDetails P {padding: 4px 0 4px 0; border-bottom: 1px solid #EEEEEE} .moreDetails P SPAN {display: block} .mediaPreview .actionButton {margin-left: 5px} #detailsPlayVideoButton {position: relative; top: -22px} /* Old media details popup */ .mediaDetailsVer1 .mediaPreview {float: left; padding-left: 20px; width: 320px; *width: 340px} .mediaDetailsVer1 .mediaPreview .previewPagesNav {float: right} .mediaDetailsVer1 .mediaPreview .previewTable {clear: both; margin-top: 5px} /* collections */ #collectionsList {padding: 5px; background-color: #eee; overflow: hidden; *zoom: 1} #collectionsList LI {padding: 1px 0 2px 9px; *padding-left: 0; border-bottom: 1px solid #ffffff; clear: both; float: left; width: 100%; line-height: 13px} #collectionsList LI .expandedLink, #collectionsList .commandLinkLightNoHover {float: left; width: 10px; padding-left: 0; cursor: default} #collectionsList LI .collectionLinkContainer {float: left; width: 353px} #collectionsList .leftColumn {width: 380px; height: 90px; background-color: #EEEEEE; border: 1px solid #ffffff; border-right: none; overflow-x: hidden; overflow-y: auto} #collectionsList .leftColumn UL LI IMG {display: none} #collectionsList .leftColumn UL LI IMG.spacer {display: block; float: left} #collectionsList .leftColumn UL LI .iconDeleteCollection {position: relative; left: 2px; top: 0; *top: -2px; width: 8px; height: 8px; display: inline-block; overflow: hidden} #collectionsList .leftColumn UL LI .iconDeleteCollection IMG {display: inline; width: 8px; height: 8px} #collectionsList .rightColumn UL LI IMG {display: none} #collectionsList .rightColumn {width: 380px; height: 90px; overflow: auto; background-color: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff} #collectionsList .rightColumn LI {padding-left: 5px} #collectionsList .rightColumn LI A {float: left} #collectionsList .rightColumn LI A.collectionChild {width: 345px} #collectionsList .buttons {float: left; width: 100%; padding-top: 7px} #collectionsList .buttons .actionButton, #collectionsList .buttons .actionButtonDisabled {float: right} #collectionsList .buttons FIELDSET {display: inline; float: left; margin-top: -1px} #collectionsList .buttons FIELDSET LABEL, #collectionsList .buttons FIELDSET INPUT, #collectionsList .buttons FIELDSET .actionButton {float: left} .deleteCollection {padding-left: 8px; position: relative; top: 3px; left: 4px} /* advert templates .widePageColumn {width: 384px} .widePageColumn.leftColumn {width: 446px} .widePageColumn.rightColumn {width: 322px} .widePageColumn .largePreview {padding: 10px; background-color: #EEEEEE; text-align: center} .widePageColumn .largePreview IMG {vertical-align: middle} */ /* advert instances */ #instanceWizardStep2Container .leftColumn {width: 339px; overflow: hidden} #instanceWizardStep2Container .leftColumn .wizardObject .thumbnailPreview, #instanceWizardStep2Container .leftColumn .wizardObject .emptyDefaultMediaBox {float: left; margin: 0 7px 10px 0} #instanceWizardStep2Container .rightColumn {width: 427px; overflow: hidden} #instanceWizardStep2Container .rightColumn .imagePreviewHeader {height: 23px} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .activeTab {float: left; position: relative; width: 97px; height: 23px; margin-right: 2px; background-position: 0 -1350px; cursor: default} #instanceWizardStep2Container .rightColumn.rightColumn .imagePreviewHeader .inactiveTab {float: left; position: relative; width: 97px; height: 23px; margin-right: 2px; background-position: 0 -1400px; cursor: pointer} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .activeTab .text, #instanceWizardStep2Container .rightColumn .imagePreviewHeader .inactiveTab .text {width: 97px; height: 23px; overflow: hidden; display: table-cell; text-align: center; vertical-align: middle} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .activeTab .text *, #instanceWizardStep2Container .rightColumn .imagePreviewHeader .inactiveTab .text * {vertical-align: middle} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .activeTab .text span.fix, #instanceWizardStep2Container .rightColumn .imagePreviewHeader .inactiveTab .text span.fix {display: inline-block; height: 100%; margin-top: -1px} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .activeTab .text .tabCaption {color: #7D8890} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .inactiveTab .text .tabCaption {color: #999} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .pagesContainer {float: right; height: 23px} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .pagesContainer .text {height: 23px; overflow: hidden; display: table-cell; vertical-align: middle; font-size: 11px; color: #333333} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .pagesContainer .text * {vertical-align: middle} #instanceWizardStep2Container .rightColumn .imagePreviewHeader .pagesContainer .text span.fix {display: inline-block; height: 100%; margin-top: -1px} #instanceWizardStep2Container .rightColumn .pagesAndImageContainer {border: 1px solid #ddd} .pagesListContainer {height: 88px; background-color: #D8D8D8} .pagesListContainer .leftScrollContainerActive {float: left; width: 15px; height: 84px; margin: 2px 0 0 2px; background: transparent url(../images/scroll_left_active.gif) no-repeat; cursor: pointer} .pagesListContainer .leftScrollContainerInactive {float: left; width: 15px; height: 84px; margin: 2px 0 0 2px; background: transparent url(../images/scroll_left_inactive.gif) no-repeat; cursor: default} .pagesListContainer .rightScrollContainerActive {float: left; width: 15px; height: 84px; margin-top: 2px; background: transparent url(../images/scroll_right_active.gif) no-repeat; cursor: pointer} .pagesListContainer .rightScrollContainerInactive {float: left; width: 15px; height: 84px; margin-top: 2px; background: transparent url(../images/scroll_right_inactive.gif) no-repeat; cursor: default} /* Crop Image popup previews */ #cropPagesList {position: relative} #cropPagesList #leftScroll {position: absolute; top: 2px; left: 2px; margin: 0} #cropPagesList #rightScroll {position: absolute; top: 2px; right: 2px; margin: 0} #cropPagesList .pagesPreviewListContainer {position: absolute; top: 2px; left: 20px; width: 750px; margin: 0} #cropPagesList .pagesPreviewListContainer .pagesPreviewListDiv{position: absolute;} #cropPagesList .pagesPreviewListContainer .pagesPreviewListDiv img{margin: 2px 3px 0 3px;} #cropPagesList .pagesPreviewListContainer .pagesPreviewListDiv img.active{margin: 0 1px;} #cropPagesList .pagesPreviewListContainer .pagesPreviewListDiv {margin-left: 0} .pagesListContainer .pagesPreviewListContainer {float: left; width: 391px; height: 84px; margin-top: 2px; overflow: hidden; white-space: nowrap} .pagesListContainer .pagesPreviewListContainer .pagesPreviewListDiv {position: relative; left: 0; margin-left: 2px} .pagesListContainer .pagesPreviewListContainer .pagesPreviewListDiv img {float:left; height: 80px; border: 0; margin: 2px 2px 0 2px; white-space: nowrap; cursor: pointer} .pagesListContainer .pagesPreviewListContainer .pagesPreviewListDiv img.active {border: 2px solid #333333; margin: 0 2px; cursor: default} .pagesListContainer .pagesPreviewListContainer .pagesPreviewListDiv img.withoutEditableBox {opacity: .5; filter: alpha(opacity=50)} .pagesListContainer .pagesPreviewListContainer span {display: block; text-align: center} .pagesListContainer .pagesPreviewListContainer span img#small_previews_loading_indicator {height: 32px; border: 0; margin-top: 28px} #instanceWizardStep2Container .rightColumn .pagesAndImageContainer .mainPreview {width: 415px; margin-left: 4px; border: 1px solid #BDBDBD; text-align: center} #instanceWizardStep2Container .rightColumn .pagesAndImageContainer .mainPreview .preview {width: 415px; overflow: hidden; display: table-cell; text-align: center; vertical-align: middle; white-space: nowrap} #instanceWizardStep2Container .rightColumn .pagesAndImageContainer .mainPreview .preview * {vertical-align: middle} * html .mainPreview .preview span.fix {display: inline-block; height: 100%; margin-top: -1px} #instanceWizardStep2Container .rightColumn .imagePreviewFooter {height: 25px; padding: 0 5px; background-color: #D8D8D8} #instanceWizardStep2Container .rightColumn .imagePreviewFooter SPAN#checkboxContainer {margin-top: 6px} #instanceWizardStep2Container .rightColumn .imagePreviewFooter SPAN.floatRight A {margin-top: 3px; margin-left: 3px; float: left; _display: inline} #instanceWizardStep2Container .rightColumn .imagePreviewFooter .previewLoadingIndicatorContainer {float: right; margin-top: 4px; margin-right: 6px; z-index: 3000} #instanceWizardStep2Container .leftColumn #selectedTemplateVariantSets {border: 1px solid #dddddd; padding: 10px} #selectedTemplateVariantSets, #customStructuresTree {width: 317px; _width: 339px; margin-bottom: 10px; overflow: hidden} .wizardObject .icon {float: right} .wizardObject FIELDSET.floatRight {margin-right: 12px} *HTML .wizardObject FIELDSET SELECT {position: relative} .altImageIcon {position: absolute; right: 0; bottom: 0; cursor:pointer} .progressIndicator {text-align: center} /* dendriform lists styles */ .dendriformMenuList .expandedChild {color: #7D8890 !important} .dendriformMenuList #showWelcomeScreen {margin: 1px 0 6px 0} .dendriformList h2 {background-color: #EEEEEE; padding: 3px 0 3px 5px; font-size: 11px} .dendriformList h2.themesHeadline {background-color: #EEEEEE; margin: 0; padding: 5px 0 4px 5px} .dendriformList .border {border: 1px solid #EEEEEE} .dendriformList .container {height: 420px; width: 245px; overflow: auto; wrap: virtual; border: none} .dendriformList li {padding: 2px 0 2px 5px; background-color: #EEEEEE; border-top: 1px solid #FFFFFF; margin-left: 1px; background-image: none; white-space: nowrap} .dendriformList .browsedRoot {background-color: #C6C6C6} .dendriformList .expandedChild {background-color: #C6C6C6} .dendriformList .contentSelectedChild {background-color: #C6C6C6} .dendriformList .shortList {height:70px; margin-top: 10px; overflow: auto; padding: 2px; wrap:virtual; border: 1px solid silver; background-color: #E5E5E5} A.inactiveAssociation {color: red } .objectMarker {position: absolute; z-index: 1000; display: none} .objectMarker div {position: relative; display: none; width: 100%; height: 100%; border: 1px dashed #ff9c9f} .objectMarker div.selected {border: 1px dashed #EEEEEE} .objectMarker div.hovered {border: 1px dashed #EEEEEE} .objectMarker div span {display: block; width: 100%; height: 100%; filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: .0} .objectMarker div.selected span {background-color: #ffa3a6; filter: alpha(opacity=9); -moz-opacity: 0.5; opacity: .5} .outerWizObjectMarker {position: absolute; z-index: 1000; display: none; border: 1px dashed #ff9c9f;} .outerWizObjectMarker .innerWizObjectMarkerSelected {background-color: #ffa3a6; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: .5} .outerWizObjectMarker .selectorWizObjectMarker {position: absolute; bottom : -9px; right: -10px;} .outerWizObjectMarkerFlow {position: absolute; z-index: 1000; display: none; border: 1px dashed #CCC; background-color: #fff; background-image: url(/images/background_main_text_flow.png) !important; background-repeat: repeat-y !important;} /* ManageThemes lists styles */ .themesManagementList h2.themesHeadline {margin: 0; padding: 2px 0 3px 8px; font-size: 12px; background-color: #EEEEEE; overflow: hidden; *zoom: 1} .themesManagementList h2.themesHeadline .rootNode {line-height: 20px; font-weight: bold; float: left; font-size: 12px} .themesManagementList .container .multilanguageThemeNameHolder {position: absolute; top: 3px; left: 4px} .themesManagementList .container .checkbox {margin-left:5px } .themesManagementList .container .themesDesignations{float:left; clear:both} .themesManagementList .container .themeName, .themesManagementList .container .moreInfo {float: left; font-size: 12px; line-height: 20px; position: relative; left: 30px; _display: inline; margin-left: 5px; margin-right: 80px; *margin-right: 0} .themesManagementList .container .themeNameParent {font-weight: bold; font-size: 12px} .themesManagementList .container .childContainer {clear : both} .themesManagementList .container .themesAssignedMedias{float:left; padding-left: 6px} .themesManagementList .border {border: 1px solid #EEEEEE} .themesManagementList .container div a:hover {color: red} .themesManagementList .multipleLanguagesIcon {position: static} .themesManagementList .container .themeItemEven, .themesManagementList .container .themeItemOdd {padding-top: 3px; padding-bottom: 3px; position: relative; overflow: hidden; *zoom: 1; clear: both} .themesManagementList .container .themeItemEven {background-color: #eee} .themesManagementList .container .themeItemOdd {background-color: #f7f7f7} /* ShowAdvertTemplateOverview */ .templateOverviewContainer {background-color: #FFFFFF} .templateOverviewContainer .leftColumn {width: 370px; height: 510px; background-color: #EEEEEE} .templateOverviewContainer .leftColumn .middlePreview {display: block; width: 370px; height: 510px; float: left; border: 0} .templateOverviewContainer .leftColumn .middlePreview .preview {width: 370px; height: 510px; background-color: #EEEEEE} .templateOverviewContainer .leftColumn .middlePreview .preview * {vertical-align: middle} .templateOverviewContainer .leftColumn .middlePreview .preview span.fix {display: inline-block; height: 100%; margin-top: -1px} .templateOverviewContainer .rightColumn {width: 370px; height: 410px; background-color: #EEEEEE} .templateOverviewContainer .rightColumn .objDefinitionList dl dt {width: 90px} .templateOverviewContainer .rightColumn .objDefinitionList dl dd {width: 150px} /* ExportAdvertInstance */ .mainWorkArea {width: 515px; margin: 20px} .finalizedImagePreview {display: block; width: 515px; height: 515px; position: relative; border: 1px solid #999999} .finalizedImagePreview .preview {width: 515px; height: 515px; overflow: hidden; display: table-cell; text-align: center; vertical-align: middle} .finalizedImagePreview .preview * {vertical-align: middle} * html .finalizedImagePreview .preview span.fix {display: inline-block; height: 100%; margin-top: -1px} .mainWorkArea FIELDSET INPUT.text {width: 515px} /* AddFinalDataToAdvertTemplatePopup */ .mainWorkAreaPopup {width: 595px; margin: 20px} .mainWorkAreaPopup FIELDSET INPUT.text {width: 584px} .mainWorkAreaPopup FIELDSET TEXTAREA.textarea {width: 584px; height: 57px} .mainWorkAreaPopup FIELDSET SELECT {width: 108px} .mainWorkAreaPopup FIELDSET INPUT.shorttext {width: 77px} .mainWorkAreaPopup .themaDiv {width: 584px; height: 58px; padding: 4px 0 0 6px} .mainWorkAreaPopup .mandatoryFieldMark {margin-left: 586px} .mainWorkAreaPopup .shorterSpace .mandatoryFieldMark {margin-left: 190px} .mainWorkAreaPopup .mainActionButtons {width: 584px} iframe#mapsIFrame {/*width: 978px; height: 560px;*/ border: 0} .checkAllFavouritesCheckbox {margin-top: 3px} TABLE.versionningTable {text-align: left} TABLE.versionningTable TR TH {color: #4d4d4d; font-weight: bold; padding-bottom: 6px} TABLE.versionningTable TR TD {color: #4d4d4d; padding-bottom: 2px; overflow: hidden} TABLE.versionningTable TR TD A IMG {position: relative; top: 2px} TABLE.versionningTable .icon {margin:0 2px 2px 0; float: left} #versionPeriodSelector {padding-right: 9px} .searchPopupMaskContainer {width: 786px} .detailsCheckboxContainer input.checkbox {margin-right: 3px} .titleLoginInfo {font-weight:bold; margin-bottom:9px} .requestLoginText, .resetPasswordText {float: left; clear: both; margin-right: 5px; width: 255px; font-weight: bold} .requestLoginLink, .resetPasswordLink {float: left; line-height: 20px} #loginLinksSection {margin-top: 17px} .infoRow TD {background-color: #fff; padding: 5px} #loginPage #errorContainer {width: 596px} #reloadButtonsContainerEnabled {float: left; margin-right: 3px; margin-top: 3px} #reloadButtonsContainerEnabled A {float: left; margin-right: 3px} .reloadButtonsContainerStatus {float: left; line-height: 24px; margin-left: 5px; margin-right: 5px; color: red} #showRTPreviewLayer{margin-top: 3px} #pleaseChooseThemaDIV {width: 345px; *width: 355px} #themesListBody {padding: 0} #browseInstanceThemesIframe {clear: both; display: block; margin-left: 7px; width: 100%} /* EXTJS */ .x-menu-list-item .commandLinkLight {padding-left: 9px !important} /* MISC */ #userCaption {display: none} .editMediaForm .columnLeft .structuredKeywordsFieldset {width: 100%} .editMediaForm .columnLeft .structuredKeywordsFieldset INPUT.keywordField {width: 339px} .editMediaForm .columnLeft .countryFieldset {width: 100%} .editMediaForm .columnLeft .countryFieldset INPUT.countryField {width: 339px} .editMediaForm .columnLeft .mediaLanguageFieldset {width: 100%} .editMediaForm .columnLeft .mediaLanguageFieldset INPUT.keywordField {width: 339px} .searchLoadingIndicatorContainer {display: none; margin: 10px 0 20px 0; overflow: hidden; *zoom: 1} .searchLoadingIndicatorContainer .searchLoadingImage {float: left; margin: 2px 5px 0 0} .searchLoadingIndicatorContainer .searchLoadingText {float: left; font-weight: bold; line-height: 20px} #globalSearchLoadingIndicatorContainer {clear: both; overflow: hidden; *zoom: 1} * HTML #sendAsMailDiv FIELDSET.floatLeft SELECT OPTION {position: relative} * HTML .editObjectFormFixed {width: 517px} * HTML .editObjectForm FIELDSET.floatLeft .actionButton {position: relative; top: 4px} #topStructuredKeywords {margin-left: 20px; margin-top: 20px; overflow: hidden} #topStructuredKeywords H2 {line-height: 25px; background-color: #E5E5E5; padding-left: 6px; margin-bottom: 10px} #topStructuredKeywords A {background: none; color: #333} #topStructuredKeywords A:hover {color: #7D8890} #popupWorkAreaWider {padding-left: 5px} .textContentHeader {width: 748px} .newTextContent TEXTAREA {width: 748px; height: 66px; float: left; margin-bottom: 0; padding-bottom: 0} .newTextContent .iconMore {float: right; margin-top: 51px} .previewPagesNavigationContainer {height: 20px; width: 786px; overflow: hidden} .previewPagesNavigationContainer A {float: left} .previewPagesNavigationContainer .text03 {float: left; width: 746px; line-height: 20px; text-align: center} .previewPagesNavigationContainer .margined {margin-left: 20px; *display: inline} .searchMaskLinksContainer A {margin-right: 30px} .imageBottomNavigation {float: left} .imageBottomNavigation A {float: left} .imageBottomNavigation .countPagesText {float: left; padding: 0 4px; line-height: 20px} .imageBottomButtons {float: right} .imageBottomButtons .actionButton, .imageBottomButtons .actionButtonDisabled {float: right; margin-left: 3px} .metaTemplateInfo {margin-bottom: 15px; overflow: hidden} .metaTemplateInfo .leftColumn {width: 535px} .metaTemplateInfo .rightColumn {width: auto} .metaTemplateInfo .rightColumn .objectCreativeViewNoCheckbox {width: auto; margin: 0} .metaTemplateInfo .rightColumn .objectCreativeViewNoCheckbox .previewTable TD {width: 140px; height: 140px} .messagePrintRequestTextrea {width: 100%; height: 100px; border: none; overflow: visible} /* Details popup: */ .detailsPopup {background-color: #EEE} .detailsPopup #popupWorkAreaBig {background-color: #fff; width: 873px; margin: 12px 0 0 12px; padding: 10px 0} .detailsPopup #mediaDetailsHeader {margin-left: 10px; width: 853px; overflow: hidden; padding-bottom: 10px !important; } .detailsPopup #mediaDetailsHeader h2 {margin-right: 140px; line-height: 20px; margin-bottom: 0px !important} .detailsPopup #mediaDetailsHeader .multipleLanguagesIcon {position: static} .detailsPopup #tabsContainer {height: 21px; background-color: #eee; padding-top: 10px} #detailsPopupContent {background-color: #FFF} #detailsPopupContent #leftColumnBig {float: left; width: 370px; margin-left: 10px; overflow: hidden; _display: inline} #detailsPopupContent #leftColumnSmall {float: left; margin-left: 10px; overflow: hidden; _display: inline} #detailsPopupContent .rightColumn {width: 450px; margin-right: 10px; overflow: hidden; *display: inline} #detailsPopupContent .rightColumnWide {float: right; width: 728px; margin-right: 10px; overflow: hidden; _display: inline; *margin-right: 5px} #detailsPopupContent #leftColumnBig .previewDataTableFixed {margin-right: 25px} #detailsPopupContent #bigPreviewContainer {margin-bottom: 33px; *margin-bottom: 29px; *width: 373px; overflow: hidden} #detailsPopupContent #bigPreviewContainer #headerRow {width: 346px; margin-bottom: 4px; text-align: right; overflow: hidden} #detailsPopupContent #previewLeftTab, #detailsPopupContent #previewLeftTabInactive, #detailsPopupContent #previewRightTab, #detailsPopupContent #previewRightTabInactive {float: left; width: 24px; height: 322px} #detailsPopupContent .previewLeftTabActive {background-position: 0 -1000px; cursor: pointer} #detailsPopupContent .previewLeftTabInactive {background-position: -50px -1000px; cursor: default} #detailsPopupContent .previewRightTabActive {background-position: -100px -1000px; cursor: pointer} #detailsPopupContent .previewRightTabInactive {background-position: -150px -1000px; cursor: default} #detailsPopupContent #bigPreviewImageContainer {float: left; border: 1px solid #c8c8c8; background-color: #eee; width: 320px; height: 320px; *width: 322px; *height: 322px; overflow: auto; position: relative} #detailsPopupContent #bigPreviewImageContainer .previewTable {width: 100%; height: 100%} #detailsPopupContent #bigPreviewImageContainer TD {text-align: center; vertical-align: middle; height: 25px} #leftColumnSmall .previewTableContainer {background-color: #eee; FLOAT: left; border: 1px solid #ddd; position: relative} #detailsPopupContent #smallPreviewsContainer {height: 80px; width: 360spx; *height: 90px; *width: 370px; padding: 5px 0 5px 5px; clear: both; background-color: #dfdede; overflow-x: scroll; overflow-y:hidden} #detailsPopupContent #smallPreviewsContainer TD {height: 60px; width: 60px; text-align: center; vertical-align: middle; border: 1px solid #c8c8c8; cursor: pointer; background-color: #dfdede} #detailsPopupContent #smallPreviewsContainer TD.active {border-color: #F29400; cursor: default} #detailsPopupContent #smallPreviewsContainer TD.spacer {border: none; width: auto; height: auto} #detailsPopupContent #smallPreviewsContainer TD.spacer IMG {width: 9px} #detailsPopupContent .mediaDetails {float: left; width: 100%; margin-top: 18px; height: auto; overflow: hidden} #detailsPopupContent .mediaDetails TABLE {width: 100%; background-color: #fff; margin-bottom: 10px} #searchForAdvertMediaFormatsPopupContent #searchMaskTitle {margin-right: 3px} #searchForAdvertMediaFormatsPopupContent .form11 .actionButton {position: static} #searchForAdvertMediaFormatsPopupContent #searchResult {margin-top: 10px; width: 585px; height: 390px; overflow-y: auto} #mediaData {border: 1px solid #ddd; padding: 5px 10px 0 10px; overflow: hidden; *height: 1%} #mediaData #header {margin-bottom: 15px} #mediaData .leftColumn {width: 420px; margin-right: 10px} #mediaData .rightColumn {float: left; width: auto} #mediaData FIELDSET {margin-bottom: 7px; line-height: 20px} #mediaData FIELDSET .remark {margin-left: 10px} #mediaData LABEL {line-height: 20px} #mediaData FIELDSET LABEL {float: left; width: 122px; clear: both} #mediaData INPUT, #mediaData SELECT, #mediaData FIELDSET P {float: left} *HTML #mediaData INPUT, #mediaData SELECT {margin-left: 3px; display: inline} .alternativePicturesText {float: left; margin-right: 20px} #metaTemplateRequestContainer .leftColumn {width: 550px; margin-right: 10px} #metaTemplateRequestContainer H2 {margin-bottom: 7px} #metaTemplateRequestContainer H3 {margin: 20px 0 10px 0} #metaTemplateRequestContainer .rightColumn .objectCreativeViewNoCheckbox {margin-top: 25px} #metaTemplatesFormatRequestsContainer .objectsNavigatorTop {margin: 20px 0 10px 0} #metaTemplatesFormatRequestsContainer .form03 {margin: 20px 0 10px 0} #graphicProcessMediaContainer .rightColumn {width: 185px} #graphicProcessMediaContainer .rightColumn .form01 {height: 315px; *height: 322px} .graphicRotationItem {width: 168px; *width: 170px; height: 14px; border: 1px solid #fff} .graphicRotationItem A {display: block; padding-left: 5px; *width: 100%; background-position: 154px -150px} .graphicRotationMenu {width: 156px; *width: 170px; padding: 6px; background-color: #eee; border: 1px solid #d4d4d4; position: absolute; visibility: hidden} .graphicRotationMenu A {display: table; *display: block; padding-left: 11px; line-height: 16px} .crop { position: absolute; width: 15px; height: 15px; background-color: transparent; border: black 1px dashed; visibility: hidden; z-index: 500; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale') } #articleBlockDetailsContainer .mediaPreview {width: 320px; float: left; margin-left: 20px; _display: inline} /* copy to clipboard button -> MediaStoreNamePopup.jsp */ #popupContentTest .my_clip_button { height: 14px; line-height: 14px; *height: 12px; *line-height: 12px; padding: 2px 5px !important; *padding: 3px 6px; border: 1px solid #999; *border: none; display: inline; white-space: nowrap; cursor: pointer; background-color: #ccc !important; background-position: 0 -980px; background-repeat: repeat-x !important; text-decoration: none !important; font-family: Arial,sans-serif; font-size: 11px !important; color: #7D8890 !important; font-weight: normal !important; *border: 1px solid #999; } #popupContentTest .hover { color: #666 !important; background-color: #666 !important; border: 1px solid #EDEDED; } #popupContentTest .active { color: #666 !important; background-color: #666 !important; border: 1px solid #EDEDED; } .transpIframe {position: absolute; left: 0px; top: 0px; display: none; filter: alpha(opacity=0); opacity: 0; -moz-opacity:0; width: 0px; height: 0px} .largePreviewContainer1002 .previewTableContainer .previewTable TD { cursor: default; } .largePreviewContainer1002 .noPreviewImgText {display: block; padding: 30px 0} *HTML .largePreviewContainer1002 TABLE.noPreviewImgText TD {padding: 30px 0} *HTML TABLE.noPreviewImgText {width: 100%; height: 100%; vertical-align: middle; border: none; background-color: transparent} #allRecipientsDiv .form02 INPUT.typ31, #allRecipientsDiv .form02 .actionButtons {width: 100% !important} .licenseIcon {width: 40px; height: 40px; position: absolute; right: 0; bottom: 0} /* FC popup styles */ #lightbox.popup { display: none; width: 554px; height: 402px; position: absolute; z-index: 9999; top: 50%; left: 50%; margin: -201px 0 0 -277px; border: 1px solid #5577B8; background: #8CA6D6 url(/images/popup/popup_bg.gif) repeat-x left top; /*text-align: left;*/ } #lightbox[id].popup {position:fixed} #overlay.popup { display: none; z-index:5000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4d4d4d; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); } #overlay[id] {position: fixed} #overlayErrors.popup { display: none; z-index:10000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4d4d4d; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); } /** * popup content styles */ .popupHeadline {margin: 0; height: 38px; overflow: hidden; padding: 0 0 0 10px; cursor: move} .popupHeadline TABLE {height: 38px} .popupHeadline TABLE td {font-size: 14px; line-height: 15px; vertical-align: middle; text-align: left; font-weight: bold} .popupHeadline .oneLineText {margin: 0; padding: 8px 0 0 0; font-size: 14px; line-height: 15px; text-align: left; vertical-align: top; font-weight: bold} .popupContent {height: 100%; padding: 15px 0 0 10px; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; font-family: Arial,Helvetica,sans-serif; font-size: 12px} .popupContent fieldset {border: none; padding: 0; margin: 0} .popupContent .input {height: 18px; padding-left: 4px; border: 1px solid #90a6d6; font-family: Arial,Helvetica,sans-serif; font-size: 12px} .popupContent .select {height: 18px; border: 1px solid #90a6d6; font-family: Arial,Helvetica,sans-serif; font-size: 12px} .popupContent .textarea {height: 60px; padding-left: 4px; font-family: Arial,Helvetica,sans-serif; font-size: 12px} .popupContent .floatLeft {float: left} .popupContent .floatRight {float: right} .popupContent .hidden {visibility: hidden; height: 0px} .popupContent .visible {visibility: visible; height: auto} .popupContent .calendarIcon .calendarImg {padding: 1px 0 0 11px; background: url(../../images/default/icon_calendar.gif) no-repeat left top; cursor: default} .popupContent .calendarIcon .hover {background-image: url(../../images/default/icon_calendar_h.gif)} .popupContent .calendarIcon .pressed {background-image: url(../../images/default/icon_calendar_p.gif)} .popupFooter {padding-top: 8px; background: url(/images/popup/popup_buttons_container_bg.gif) repeat-x left top} .popupFooter .actionButtons {float: right} .popupFooter .actionButtons .actionButton {display: block; float: right; margin-right: 4px; width: 96px; height: 30px; text-align: center; text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 28px; cursor: pointer} .popupFooter .actionButtons .actionButton {background: url(/images/popup/popup_button.gif) no-repeat left top; color: #000000} .popupFooter .actionButtons .hover {background-image: url(/images/popup/popup_button_h.gif)} .popupFooter .actionButtons .pressed {background-image: url(/images/popup/popup_button_p.gif)} .popupFooter .actionButtons .actionButtonDisabled {background: url(/images/popup/popup_button_disabled.gif) no-repeat left top; color: #999999; cursor: default} .popupContent .infoText {padding: 28px 20px 0 20px} .popupContent .standardForm {padding-top: 28px} .popupContent .standardForm fieldset {display: block; padding-bottom: 5px} .popupContent .standardForm fieldset label {float: left; width: 103px; margin-right: 4px; padding-top: 4px; text-align: right; line-height: 13px} .popupContent .standardForm fieldset.datesFieldset {padding-left: 49px} .popupContent .standardForm fieldset.datesFieldset label {width: 54px} .popupContent .standardForm fieldset.categoriesFieldset {padding-top: 28px} .popupContent .formDropdown {display: block; width: 78px; padding-top: 1px; cursor: default; border: 1px solid #90a6d6; background: #ffffff url(../../images/default/dropdown_arrow.gif) no-repeat top right} .popupContent .formDropdownOptions {display: none; position: absolute; left: 30px; width: 78px; z-index: 1000; border: 1px solid #90a6d6; border-top: none; background: #ffffff} .popupContent .formDropdownOptions .option {display: block; clear: both; padding: 4px 1px 4px 2px; font-size: 12px; cursor: default} .popupContent .formDropdownOptions .option .img {float: left} .popupContent .formDropdownOptions .option .text {padding-left: 4px; font-size: 12px; line-height: 12px} /* general details */ .popupContent .standardForm .markers {position: absolute; left: 109px; width: 380px} .popupContent .standardForm .markers .markerGroup {float: left; width: 22px; margin-right: 2px} .popupContent .standardForm .markers a.nodeMarker {float: left; padding: 4px; margin-bottom: 0} .popupContent .standardForm .markers a.nodeMarker img {display: block} .popupContent .standardForm .markers a.nodeMarker:hover {background: url(/images/popup/marker_bg.gif) no-repeat left top} .popupContent .standardForm .markers .markersContextMenu {display: none; position: absolute; margin-top: 24px; clear: both; width: 22px; Z-INDEX: 1000; border: 1px solid #5577b8; background: #ffffff} * html .popupContent .standardForm .markers .markersContextMenu {margin-top: 0} .popupContent .standardForm .markers .markersContextMenu img {display: block} .popupContent .standardForm .markers .markersContextMenu a {display: block; margin: 1px; padding: 1px; border: 1px solid #ffffff} .popupContent .standardForm .markers .markersContextMenu a:hover {border-color: #f29400} .popupContent .standardForm .markers .markersContextMenu .hr {display: block; margin: 2px 2px 4px 2px; padding: 1px 0 0 0; background-color: #476399} .popupContent .standardForm .markers .active a.nodeMarker, .popupContent .standardForm .markers .active a.addMarkerLink {background: url(/images/popup/marker_bg.gif) no-repeat left top} .popupContent .standardForm .markers .active .markersContextMenu, .popupContent .standardForm .markers .active .markersGroupsContextMenu {display: block} .popupContent .standardForm .markers .iconSeparator {float: left; margin: 0 4px 0 4px} .popupContent .standardForm .markers a.addMarkerLink {float: left; padding: 4px; margin-bottom: 0} .popupContent .standardForm .markers a.addMarkerLink:hover {background: url(/images/popup/marker_bg.gif) no-repeat left top} .markersGroupsContextMenu {display: none; clear: both; width: 194px; Z-INDEX: 100000; background: url(/images/popup/markers_groups_menu_bg_1.gif); border-top: 1px solid #5577b8} .markersGroupsContextMenu .iconsGroup {padding: 4px 0 0 15px; border-bottom: 1px solid #5577b8} .markersGroupsContextMenu .iconsGroup .title {display: block; width: 100%; clear: both; color: #234f8b; font-size: 12px; font-weight: bold; cursor: pointer} .markersGroupsContextMenu .iconsGroup .icons {padding-top: 3px} .markersGroupsContextMenu .iconsGroup .icons a {float: left; width: auto; padding: 1px; margin-right: 3px; background: transparent} .markersGroupsContextMenu .iconsGroup .icons a:hover {padding: 0; border: 1px solid #f29400} .markersGroupsContextMenu .iconsGroup .cleaner {clear: both; padding: 0; margin: 0; padding-top: 2px} .markersGroupsContextMenu .deleteTaskMarkerIcon {display: block; margin: 10px 0 5px 15px} .markersGroupsContextMenu .deleteTaskMarkerItem {display: block; padding-bottom: 4px} .markersGroupsContextMenu .deleteTaskMarkerItem a {float: none; display: block; width: 100%; clear: both; color: #000000; font-size: 12px; font-weight: bold; cursor: pointer; text-decoration: none} /* dataTable */ .popupContent .dataTableBorder {position: absolute; width:657px; height: 550px; margin-top: 5px; background-color: #F2F2F2} .popupContent .dataTableContainer {position: absolute; width: 656px; height: 549px} .popupContent .dataTableContainer .popupScroller {position: absolute; z-index: 1010; top: 18px; right: 0; width: 20px; height: 230px; background: url(../../images/default/scroller/vertical_scrollbar_background.gif) repeat-y} /*.popupContent .dataTableContainer * {font-size: 12px; line-height: 15px}*/ .popupContent .dataTableContainer .dataTableHeader {position: absolute; top: 0; width: 656px; height: 18px; overflow: hidden} .popupContent .dataTableContainer .dataTableHeader ul {width: 100%; height: 100%; padding: 0; margin: 0; list-style-type: none; background: #999999} .popupContent .dataTableContainer .dataTableHeader ul li {float: left; height: 18px; padding: 0; margin: 0 1px 0 0; background-color: #EAEAEA} .popupContent .dataTableContainer .dataTableHeader ul li * {cursor: default} .popupContent .dataTableContainer .dataTableHeader ul li .th {float: left; padding: 1px 0 0 10px} .popupContent .dataTableContainer .dataTableHeader ul li .sortMarker {display: none; float: right; width: 20px; height: 8px; margin: 5px 0 0 0; background-position: left top; background-repeat: no-repeat} .popupContent .dataTableContainer .dataTableHeader ul li.sortUp .sortMarker {background-image: url(/images/popup/sort_up.gif)} .popupContent .dataTableContainer .dataTableHeader ul li.sortDown .sortMarker {background-image: url(/images/popup/sort_down.gif)} .popupContent .dataTableContainer .dataTableHeader ul li.active .sortMarker {display: block} .popupContent .dataTableContainer .dataTableHeader ul.hover li {background-image: url(/images/popup/table_header_bg_h.gif)} .popupContent .dataTableContainer .dataTableHeader ul.pressed li {background-image: url(/images/popup/table_header_bg_p.gif)} .popupContent .dataTableContainer .dataTable {position: absolute; top: 18px; left: 0; width: 656px; height: 531px; overflow: hidden} .popupContent .dataTableContainer .dataTable .scrollableContainer {position: absolute; top: 18px; left: 0; width: 100%; height: 512px; overflow: auto; border-top: 1px solid #D4D4D4} .popupContent .dataTableContainer .dataTable .scrollableContainerCrouching {position: absolute; top: 54px; left: 0; width: 100%; height: 176px; overflow: hidden} .popupContent .dataTableContainer .dataTable ul {clear: both; width: 100%; height: 28px; padding: 0; margin: 0; overflow: hidden; list-style-type: none; background: #e5e5e5; border-bottom: 1px solid #D4D4D4} .popupContent .dataTableContainer .dataTable ul li {float: left; height: 100%; padding: 0; margin: 0 1px 0 0} .popupContent .dataTableContainer .dataTable ul li .td {float: left; padding: 2px 0 0 10px} * html .popupContent .dataTableContainer .dataTable ul li .textfield {margin-top: -1px; cursor: default} .popupContent .dataTableContainer .dataTable ul li .textfield {height: 28px; padding-left: 4px; padding-top: 7px; border: none; background-color: #e5e5e5} .popupContent .dataTableContainer .dataTable ul.topElement {background-color: #F2F2F2; border: none} .popupContent .dataTableContainer .dataTable ul.topElement li .textfield {border: none; background-color: #F2F2F2; color: #395098; font-style: italic; cursor: default} .popupContent .dataTableContainer .dataTable ul.topElement li .checkboxBg {visibility: hidden} .popupContent .dataTableContainer .dataTable ul.hover li .textfield {font-weight: bold} .popupContent .dataTableContainer .dataTable ul.hover li .startText {font-weight: bold} .popupContent .dataTableContainer .dataTable ul li .checkbox {border: none; cursor: default; padding: 0; margin: 0; width: 18px; height: 18px; visibility: hidden} .popupContent .dataTableContainer .dataTable ul li .checkboxBg {background-image: url(/images/popup/marker_false.gif); background-repeat: no-repeat; background-position: 3px 2px} .popupContent .dataTableContainer .dataTable ul li .checked {background-image: url(/images/popup/marker_true.gif); padding-bottom: 5px} .popupContent .dataTableContainer .dataTable ul li .calendarImg {display: none} .popupContent .dataTableContainer .dataTable ul li .formDropdown {border-color: #ffffff; background-color: transparent; background-image: none; text-indent: 2px; border-color: e5e5e5} .popupContent .dataTableContainer .dataTable ul li .formDropdown .text {line-height: 12px} .popupContent .dataTableContainer .dataTable ul li .formDropdown .img img {margin-bottom: -1px} .popupContent .dataTableContainer .dataTable ul.active li .textfield {margin-top: -1px; cursor: text} .popupContent .dataTableContainer .dataTable ul.active li .formDropdown {margin-top: 2px; border-color: #90a6d6; background-color: #ffffff; background-image: url(../../images/default/dropdown_arrow.gif)} * html .popupContent .dataTableContainer .dataTable ul.active li .formDropdown {margin-top: 3px} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons img {margin-left: 6px} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .iconLink2 {float: right; margin-left: 5px; width: 17px; height: 16px; text-decoration: none; background-repeat: no-repeat; background-position: left top} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .saveIcon {background-image: url(/images/popup/btn_icon_ok.gif)} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .cancelIcon {background-image: url(/images/popup/btn_icon_cancel.gif)} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .deleteIcon {background-image: url(/images/popup/btn_icon_delete.gif)} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .downloadIcon {background-image: url(/images/popup/btn_icon_download.gif)} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .saveIcon:hover {background-image: url(/images/popup/btn_icon_ok_h.gif)} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .cancelIcon:hover {background-image: url(/images/popup/btn_icon_cancel_h.gif)} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .deleteIcon:hover {background-image: url(/images/popup/btn_icon_delete_h.gif)} .popupContent .dataTableContainer .dataTable ul.active li .actionButtons .downloadIcon:hover {background-image: url(/images/popup/btn_icon_download_h.gif)} .popupContent .dataTableContainer .dataTable ul.active li.additionalData {clear: both; height: 30px; width: 100%} .popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm {padding: 30px 0 0 18px} .popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET {padding: 0 0 5px 0; margin: 0; border: none} .popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET LABEL {float: left; width: 168px; padding-top: 3px} .popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET .textfield {margin: 0} .popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET.imageContainer {clear: both} .popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET.imageContainer .middleThumbnailPreview {float: left} .popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET.imageContainer .actionButton {float: left; margin: 83px 0 0 5px} .popupContent .dataTableContainer .dataTable ul.active li.additionalData .actionButtons {background-color: transparent; float: right; padding-right:4px} .popupContent .dataTableContainer .actionButtons.mainButtons {margin-top: 520px; background-color: #F2F2F2; position: absolute} /* global events */ /* columns size */ .popupContent .globaleventsContainer ul li.column_1 {width: 180px} .popupContent .globaleventsContainer ul li.column_2 {width: 453px} .popupContent .globaleventsContainer ul li.header_column_2 {width: 475px; margin-right: 0} .popupContent .globaleventsContainer ul li.column_2 .actionButton {margin: 5px 3px 0 0} /* active row */ .popupContent .globaleventsContainer .dataTable .scrollableContainerCrouching {top: 126px; height: 104px} .popupContent .globaleventsContainer .dataTable ul.active {height: 410px; background-color: #98A8CA} .popupContent .globaleventsContainer .dataTable ul.active li {height: 24px} .popupContent .globaleventsContainer .dataTable ul.active li .calendarImg {display: inline} .popupContent .globaleventsContainer .dataTable ul.active li .textfield {height: 18px; margin-top: 2px; cursor: text; color: #000000; font-style: normal; cursor: text} .popupContent .globaleventsContainer .dataTable ul.active li SELECT.textfield {height: 16px; cursor: default; border-color: #90a6d6; background-color: #ffffff; color: #000000; font-style: normal; cursor: text} .popupContent .globaleventsContainer .dataTable ul.active li.additionalData {height: 100%} .popupContent .globaleventsContainer .dataTable ul.active li.additionalData .errorMessage {float: left; padding-left: 10px; padding-top: 8px} .workflowObjectEdit {background-color: f0f0f0; width: 100%; float: left} .workflowObjectEdit .column1 {float: left; width: 155px; padding-left: 3px; overflow: hidden} .workflowObjectEdit .column2 {float: left; width: 410px; padding-left: 15px; overflow: hidden} .workflowObjectEdit .column3, .workflowObjectEdit .column4, .workflowObjectEdit .column5 {float: right; margin-left: 10px; padding-right: 3px} .externalLayouBody {background: #fff} .externalLayouBody #mainContainer {overflow: hidden; padding-bottom: 10px} .externalLayouBody #mainContainer #workArea {margin-left: 16px; padding-top: 20px; *display: inline} #filterJobs div.hr { border-color: #7D8890; } .pmEditRequestForm { float:left; border-left:1px solid #dcdcdc; width:796px; _width:797px; } .pmEditRequestFormTab { background-color: #eee; _height: 355px !important; min-height: 355px !important; } .pmEditRequestFormTab td { } .pmEditRequestFormLeft { vertical-align: top; width:50%; padding-top: 20px !important; padding-left: 20px !important; padding-right: 25px !important; } .pmEditRequestFormRight { vertical-align: top; width:50%; padding-top: 20px !important; padding-left: 25px !important; padding-right: 20px !important; } .pmEditRequestFormRight .pmPropertiesTable, .pmEditRequestFormLeft .pmPropertiesTable { table-layout:auto; } .pmEditRequestFormSingle { vertical-align: top; width:100%; padding-top: 20px !important; padding-left: 20px !important; padding-right: 20px !important; } #jobDetailsHeadline { background: #e6e6e6; /* non-css3 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ebebeb'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ebebeb)); /* webkit */ background: -moz-linear-gradient(top, #e0e0e0, #ebebeb); /* firefox */ margin-bottom:2px; } #jobDetailsHeadline td { vertical-align: top; } #pmEditRequestFormTabMenu { width:183px; } #pmEditRequestFormTabMenu a { text-decoration:none; line-height:26px; display:block; font-size: 11px; color: #333; cursor: pointer; padding-left: 12px; margin-bottom: 2px; background: transparent url('../images/gray200px.gif') repeat-x; } #pmEditRequestFormTabMenu a:hover { color: #eee;; background: #999; } #pmEditRequestFormTabMenu a.selected { color: #fff; font-weight: bold; background: #7D8890; } table.TableData tr.pmOverviewTableRow { height: 25px } table.fixedLayout tr.pmOverviewTableRow { height:auto; } table.TableData tr.upperline { border-top: 1px solid #CCCCCC; } table.TableData tr.upperline td, table.TableData tr.upperline th { //border-top: 1px solid #CCCCCC; } table.TableData td.rightColumn, table.TableData th.rightColumn { text-align: right; } .pmPropertiesTable { width: 100%; vertical-align: top; table-layout:fixed; } .pmPropertiesTable tr td { vertical-align: top; padding-top: 3px; padding-bottom: 3px; } td.pmPropertyLabel { width:180px; padding-right:15px; vertical-align: top !important; } td.pmPropertyElement { padding-right:15px; vertical-align: top !important; } .pmSingleAreaDatasheet .pmPropertiesTable tr td.pmPropertyLabel { width:auto; } .pmEditRequestFormSingle .pmPropertiesTable tr td.pmPropertyInput { width:auto; } td.pmPropertyInput { width:206px; vertical-align: top !important; } td.textInputSuffixIndentation { width: 5px; } .selectionVarControl { border:none; background:none; } .pmImagesMediaMultiSelectorFrame { border: 1px solid #eee; width:200px; height:130px; background-color: white; overflow: auto; } .pmImagesMediaMultiSelectorFrame .actionButton { *width: 62px !important; } .pmMediaPreview { border: 1px gray solid; vertical-align: middle; background-color:white; padding: 2px; clear:both; _height:100%; } .pmMediaPreview .inputBox { display: none; } .pmMediaPreviewItem { cursor:pointer; float:left; margin:5px; width:80px; } .pmMediaPreviewItemsComment { margin:5px; } .pmEditRequestContainerMiddle {width: 980px !important} .pmEditRequestWorkArea { width: 980px !important; } .pmEditRequestInputWidth { width: 100%; } .pmFormHeader { padding: 10px; background-color: #CECECE; border-bottom: 2px solid white; } .pmCommentsLeft { padding-top:25px; padding-left:20px; padding-right:25px; } .pmCommentsRight { padding-top:25px; padding-left:25px; padding-right:20px; } .pmHeadline { font-weight:bold; } .pmCommentUsername { font-weight: bold; color: #F29400 } .pmMediaDetailsIcon { background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons1.gif); background-repeat:no-repeat; background-position: -200px -300px !important; } .pmSingleAreaDatasheet { padding:5px; } .pmCompleteWidthEditor { width:100%; } .pmCompleteWidthEditorHeader { font-weight: bold; } #pmChatHeader { padding:2px; color:#7a7a7a; font-weight: bold; } #pmChatCreateDiscussionContainer { border:1px solid #cdcdcd; background-color:white; padding:2px; } .pmChatDiscussionThread { background-color:#DDDDDD; border:1px solid #CDCDCD; padding:2px 5px; } .pmChatDiscussionThread .pmComments { border: 1px gray solid; padding: 2px; background-color:white; } #participantsGrid table { background: none; } .workflowEmptySelection { color: #F29F15; font-style: italic !important; } .userActivityBody .objectsNavigatorBottom .textBox, .userActivityBody .objectsNavigatorTop .textBox {word-spacing: 0; padding: 0 4px; line-height: 15px} .userActivityBody .objectsNavigatorBottom .textBox *, .userActivityBody .objectsNavigatorTop .textBox * {padding: 0 4px} .userActivityBody .objectsNavigatorBottom .textBox .text04, .userActivityBody .objectsNavigatorTop .textBox .text04 {position: relative; top: -1px; *position: static} .userActivityBody .objectsNavigatorBottom .icon, .userActivityBody .objectsNavigatorBottom .textBox, .userActivityBody .objectsNavigatorTop .icon, .userActivityBody .objectsNavigatorTop .textBox {float: left} #jsIframePublish {overflow: hidden} #ManageTemplateVariantSetsForm .searchForm01 FIELDSET {display: block} #ManageTemplateVariantSetsForm .searchForm01 FIELDSET .actionButton, #ManageTemplateVariantSetsForm .searchForm01 FIELDSET .actionButtonDisabled, #ManageTemplateVariantSetsForm .table01 FIELDSET .actionButton, #ManageTemplateVariantSetsForm .table01 FIELDSET .actionButtonDisabled { float: left } #ManageTemplateVariantSetsForm .searchForm01 FIELDSET LABEL, #ManageTemplateVariantSetsForm .table01 FIELDSET LABEL {float: left; width: 265px} #ManageTemplateVariantSetsForm .searchForm01 FIELDSET INPUT, #ManageTemplateVariantSetsForm .table01 FIELDSET INPUT {float: left; margin-right: 5px} #ManageTemplateVariantSetsForm .table01 FIELDSET {padding-bottom: 7px} #ManageTemplateVariantSetsForm .table01 TD .iconEdit {float: right; margin-right: 5px; _display: inline} #templateVariantSetRow_edit {height: 100px} #templateVariantSetRow_edit TD {padding: 10px; vertical-align:top} #assignedCustomStructures HR {margin-top: 5px; *margin-top: -2px} .customStructuresLink {clear: both; padding-top: 8px; *padding-top: 4px} .customStructureAttributeRow FIELDSET {padding-bottom: 5px} .customStructureAttributeRow LABEL {line-height: 20px; margin-right: 3px} #altObjects {display: none} #altObjects .objectCreativeView {margin-right: 10px; margin-bottom: 10px} #altObjects .lastElementOnRow {margin-right: 0} #ToolSearchForm {text-align: right} #ToolSearchForm input {width:108px} .iconToolSearchForm { display:block; width:20px; height:18px; cursor:pointer; background-position: -300px -350px; background-color: #eeeeee; } /* Graphic process media popup */ #graphicProcessMediaPopupContainer {width: 727px} #graphicProcessMediaPopupContainer .middlePreview {float: left} #graphicProcessMediaPopupContainer .middlePreview #img_previews_loading_indicator {top:0; left:0; position : absolute} #graphicProcessMediaPopupContainer .middlePreview > TABLE {width: 320px; height: 320px} #graphicProcessMediaPopupContainer .middlePreview TABLE #divImg {position: relative; width: 320px; height: 320px; vertical-align: top; overflow: auto} #graphicProcessMediaPopupContainer .middlePreview TABLE #divImg #theImage {top:0; left:0} #graphicProcessMediaPopupContainer .middlePreview TABLE #divImgDownload {position: relative; vertical-align: top; overflow: auto} #graphicProcessMediaPopupContainer .middlePreview TABLE #divImgDownload #theImage {top:0; left:0} #graphicProcessMediaPopupContainer .middlePreview #rightbottom {position: absolute; height: 10px; width: 10px; z-index: 501; visibility: hidden} #graphicProcessMediaPopupContainer .form01 {float: right; width: 392px; height: 322px; *height: 321px; padding: 0} #graphicProcessMediaPopupContainer .form01 FIELDSET {display: block; float: none} #graphicProcessMediaPopupContainer .form01 FIELDSET LABEL {float: left; width: 140px; line-height: 20px} #graphicProcessMediaPopupContainer .form01 FIELDSET .noLabel {margin-left: 141px; *margin-left: 143px} #graphicProcessMediaPopupContainer .form01 FIELDSET SPAN.checkbox {margin-left: 141px; *margin-left: 143px; *display: inline} #graphicProcessMediaPopupContainer .form01 FIELDSET .actionButton {float: left; margin-right: 5px} .functionalButtonsContainer {float: left} .functionalButtonsContainer LABEL {float: left; width: 80px; line-height: 20px; *margin-right: 3px} .functionalButtonsContainer .icon {float: left; margin-right: 5px} .functionalButtonsContainer #newDimensionsText {float: right; line-height: 20px; margin-right: 19px; _display: inline} #cropperArea {display: none; float: left; width: 420px; height: 420px} #cropperArea #mainContainer {width: 100%} #cropInfo {float: left; padding-left: 10px} #cropInfo FIELDSET {margin-bottom: 10px} #cropInfo FIELDSET LABEL {display: block} #cropInfo .checkboxes LABEL {display: inline} #cropInfo #dimensionsInfo {padding-left: 20px} #cropInfo .cropParameterFields { width : 261px } #cropInfo .cropParameterFields .parameterField { display:inline } #img_previews_loading_indicator {margin-left: 152px; margin-top: 152px} #uploadOwnW2PPictureFormHolder {width: 100%; } /* Billboards */ #billboardLink {cursor: pointer} #billboardLink .icon {float: left} #billboardLink DIV {float: left; padding-left: 5px; line-height: 20px} #billboardsLayerContent {background-color: #fff; padding: 20px 0 20px 30px} #postalCodeSelectionContainer {display: inline-block; width: 350px} #postalCodeSelectionContainer P {padding-bottom: 15px} #postalCodeSelectionContainer LABEL {float: left; line-height: 20px; width: 80px} #postalCodeSelectionContainer #postalCode {float: left} #postalCodeSelectionContainer #processPostalCodeLink {float: right} #datesContainer {clear: both; padding-left: 121px} #datesContainer INPUT {margin-right: 2px; float: left} #datesContainer .icon {float: left} .markerImg { display:block; width:18px; height:18px; border:0; background:url('../images/markers.gif') no-repeat; } .m_1 { background-position: 0 0; } .m_2 { background-position: -18px 0; } .m_3 { background-position: -36px 0; } .m_4 { background-position: -54px 0; } .m_5 { background-position: -72px 0; } .inlineBlock { display: inline-block; } .collectiveSelectionCheckboxContainer {float: right; padding-right: 20px} .linkMarks * {float: left} #customObjectPreviewContainer {margin-left: 10px; margin-top: 10px} #documentDisclaimerText {padding-left: 5px} #globalSearchDetailsLink {float: right; padding-right: 10px; line-height: 20px} .divisionLeaderCommon {vertical-align: middle; float: left} #mediasList {width: 812px; overflow-y: auto} .mediasListFixedHeight {height: 390px !important} #themesTree IMG.selectedRoot, #themesTree IMG.unselectedRoot, #themesTree IMG.selectedNode, #themesTree IMG.unselectedNode, #themesTree IMG.selectedLeaf, #themesTree IMG.unselectedLeaf { display: none; } #themesTree .x-tree-elbow-line {visibility: hidden} /*#themesTree .selectedRoot, #themesTree .x-tree-node-expanded { border-bottom: 1px solid #999 }*/ #themesTree UL UL .x-tree-node-expanded {border-bottom: none} /* unselected node collapsed */ #themesTree .unselectedRoot IMG.x-tree-elbow-plus, #themesTree .unselectedRoot IMG.x-tree-elbow-end-plus, #themesTree .unselectedNode IMG.x-tree-elbow-plus, #themesTree .unselectedNode IMG.x-tree-elbow-end-plus { background-position: 0 -1700px } /* unselected node expanded */ #themesTree .unselectedRoot IMG.x-tree-elbow-minus, #themesTree .unselectedRoot IMG.x-tree-elbow-end-minus, #themesTree .unselectedNode IMG.x-tree-elbow-minus, #themesTree .unselectedNode IMG.x-tree-elbow-end-minus { background-position: 0 -1740px } /* selected node collapsed*/ #themesTree .selectedRoot IMG.x-tree-elbow-plus, #themesTree .selectedRoot IMG.x-tree-elbow-end-plus, #themesTree .selectedNode IMG.x-tree-elbow-plus, #themesTree .selectedNode IMG.x-tree-elbow-end-plus { background-position: 0 -1780px } /* selected node expanded */ #themesTree .selectedRoot IMG.x-tree-elbow-minus, #themesTree .selectedRoot IMG.x-tree-elbow-end-minus, #themesTree .selectedNode IMG.x-tree-elbow-minus, #themesTree .selectedNode IMG.x-tree-elbow-end-minus { background-position: 0 -1820px } /* unselected leaf */ #themesTree .unselectedLeaf IMG.x-tree-elbow, #themesTree .unselectedLeaf IMG.x-tree-elbow-end { background-position: 0 -1860px } /* selected leaf */ #themesTree .selectedLeaf IMG.x-tree-elbow, #themesTree .selectedLeaf IMG.x-tree-elbow-end { background-position: 0 -1900px } /* selected node font color */ #themesTree .selectedRoot IMG.x-tree-elbow-plus, #themesTree .selectedRoot A SPAN, #themesTree .selectedNode IMG.x-tree-elbow-plus, #themesTree .selectedNode A SPAN, #themesTree .selectedRoot IMG.x-tree-elbow-minus, #themesTree .selectedRoot A SPAN, #themesTree .selectedNode IMG.x-tree-elbow-minus, #themesTree .selectedNode A SPAN, #themesTree .selectedLeaf IMG.x-tree-elbow, #themesTree .selectedLeaf A SPAN { color: #7D8890 } /* theme bullet width */ #themesTree .x-tree-elbow-plus, #themesTree .x-tree-elbow-minus, #themesTree .x-tree-elbow-end-plus, #themesTree .x-tree-elbow-end-minus, #themesTree .x-tree-elbow, #themesTree .x-tree-elbow-end { /* remove for better looks and function margin-right: 2px; cursor: default */ width: 14px; } /* inner space between text */ #themesTree .x-tree-node .x-tree-node IMG.x-tree-elbow-line, #themesTree .x-tree-node .x-tree-node IMG.x-tree-icon {width: 15px} #themesTree .x-tree-node .x-tree-node .x-tree-node IMG.x-tree-elbow-line, #themesTree .x-tree-node .x-tree-node .x-tree-node IMG.x-tree-icon {width: 15px} #themesTree .x-tree-node .x-tree-node .x-tree-node .x-tree-node-el {margin-left: 0} /* theme tree background color */ BODY.bg1, #themesTree .x-panel-body {background-color: transparent} .altPreviewPicFieldset .actionButton, .altPreviewPicFieldset .actionButtonDisabled {clear: both; float: left; margin-top: 4px; margin-bottom: 4px} .altPreviewPicFieldset #mediaAlternativePicturePreview {clear: both; float: left} .collapsedCategory, .expandedCategory {margin-bottom: 10px} .collapsedCategory .commandLink, .expandedCategory .commandLink {display: block; line-height: 20px} .categoryContent {padding: 0 0 10px 10px; margin-top: 10px} .categoryContent FIELDSET LABEL {width: 180px} .collapsedCategory .categoryContent {display: none} .expandedCategory .categoryContent {display: block} .defaultForm .categoryContent .noLabel {margin-left: 190px} #downloadByMailForm .form19 .noLabelRight {margin-left: 131px} #downloadByMailForm .form19 .categoryContent {padding: 0 0 0 20px} #downloadByMailForm .form19 .readonlyTextareaConatiner {padding: 4px} #downloadByMailForm .form19 .readonlyTextareaConatiner #technicalInformation {_width: 546px} /* default simple layer styles */ .simpleLayer {visibility: hidden; position: absolute; top: -10000; left: -10000; width: 440px; *width: 450px; overflow: hidden; *zoom: 1} #popupContent .simpleLayer {margin-top: -10px} .extPopupBody {background-color: #fff} .extPopupBodyWithPadding {background-color: #fff; padding: 10px} .extPopupBodyGrey {background-color: #eee; border-color: #ddd; border-width: 1px 0 1px 0} .extPopupBodyGreyWithPadding {background-color: #eee; border-color: #ddd; border-width: 1px 0 1px 0; padding: 10px} .extPopupBodyOverflowHidden {background-color: #fff; overflow: hidden} .extLayerBody {background-color: #fff; overflow: auto !important} .extLayerBodyWithPadding, .extLayerBodyWithPaddingAlt, .extLayerBodyWithPaddingNoBR, .extLayerBodyWithPaddingNoBRAlt {background-color: #fff; padding: 20px; overflow: auto !important} .extLayerBodyWithPaddingAlt {padding-top: 10px; padding-bottom: 10px} .extLayerBodyWithPaddingNoBRAlt {padding-top: 10px} .extLayerBodyWithPaddingNoBR, .extLayerBodyWithPaddingNoBRAlt {padding-bottom: 0; padding-right: 0} .extLayerBodyGrey {background-color: #eee; border-color: #ddd; border-width: 1px 0 1px 0; overflow: auto !important} .extLayerBodyGreyWithPadding {background-color: #eee; border-color: #ddd; border-width: 1px 0 1px 0; padding: 20px; overflow: auto !important} #extPopupBodyScrollerFix {overflow: hidden} #extPopupBodyScrollerFix #scrolledContainer {width: 100%; height: 100%; position: relative; overflow: auto} #extPopupBodyScrollerFix #scrolledContainerInner {padding: 10px} .paddingFixContainer {padding: 10px} .simpleLayer {background-color: #f6f6f6; border: 1px solid #ccc; padding: 5px; z-index: 10000} .simpleLayer .layerContentAltRows LI {line-height: 20px; padding: 0 5px} .simpleLayer .layerContentAltRows .even {background-color: #eee} .simpleLayer .layerContentAltRows .odd {background-color: #f7f7f7} .layerStyle1 {width: auto; padding: 0} .layerStyle1 .simpleLink {display: block; font-weight: normal !important; padding: 5px} /* custom simple layer styles */ #editDocumentMenu .simpleLayer {width: auto} .form19 .simpleLayer UL {height: 300px; overflow-y: auto} .xmlOperationsButtons {float: right; margin-bottom: -22px; position: relative; top: -22px; right: 2px} .gridType01 .x-grid3 {background-color: #eee} .attentionBox {border: 1px solid #D9D9D9; padding: 10px 10px 10px 38px; position: relative} .attentionBox .iconNote {position: absolute; top: 10px; left: 10px; *left: -28px; width: 18px; height: 18px} .themesPath {margin-bottom: 5px} .infoBox {float: left; border: 1px solid #adadad} .infoBox .boxHeader {background-color: #eee; overflow: hidden; *zoom: 1} .infoBox .boxHeader .leftColumn, .infoBox .leftColumn {width: 579px} .infoBox .boxHeader .rightColumn, .infoBox .rightColumn {width: 205px} .infoBox .rightColumn .actionButton {float: left; margin: 7px 3px 0 0} .infoBox .leftColumn LABEL {float: left; line-height: 34px; padding-left: 9px; width: 190px; *width: 199px} .infoBox .infoBoxContent .leftColumn LABEL {font-weight: bold; line-height: 20px} .infoBox .infoBoxContent .leftColumn P {line-height: 20px} .infoBox .leftColumn P {float: left; line-height: 34px; width: 360px} .infoBox LI {clear: both} .infoBox .rightColumn LI {line-height: 20px} .infoBox P, .infoBox LABEL {overflow: hidden} .infoBox .actionButtonDisabled {margin-top: 7px;line-height: 14px} /* START document wizard */ #documentWizardStartPage #documentMenu, .buttonGroupContainer {background-position: 0 -750px; position: relative} .leftElementPart, .rightElementPart {height: 37px; width: 3px} .leftElementPart {position: absolute; top: 0; left: 0; background-position: 0 -700px} .rightElementPart {position: absolute; top: 0; right: 0; background-position: -50px -700px; *right: -1px} .buttonGroupContainer .pageSelector {float: none} #resizeContainer #zoomValue {margin-right: 0} #resizeContainer .iconDropdown {width: 16px; height: 18px; *width: 17px; *height: 20px; border: 1px solid #999; border-left: none; background-position: -696px -92px} .disabledResizeContainer {opacity:0.3; filter:alpha(opacity=30)} #documentWizardStartPage .leftColumn {width: 549px} #documentWizardStartPage .header {line-height: 20px; font-size: 12px; border-bottom: 1px solid #7D8890; margin-bottom: 5px; overflow: hidden; *zoom: 1} #documentWizardStartPage #documentActions {margin-bottom: 40px} #documentWizardStartPage #documentActions .header {margin-bottom: 20px; width: 100%; overflow: hidden} #documentWizardStartPage .header .title {float: left; font-weight: bold; color: #000} #documentWizardStartPage .header .info {float: right; font-size: 11px; color: #909090; white-space: nowrap} #documentWizardStartPage .header .normalText {float: left} #documentWizardStartPage .content {color: #8D8D8D; line-height: 15px; margin-bottom: 20px} #documentWizardStartPage .moreLink {float: right; font-size: 11px; color: #717171; font-weight: bold; background-color:#fff; padding-left: 5px; padding-right: 5px} #documentWizardStartPage .header #advertInstanceTitle .untitledDocument {color:#999999} /* action steps */ .wizardStepDisabled, .wizardStepProcessed, .wizardStepNotProcessed, .generalWizardButton {height: 54px; margin-bottom: 17px} .wizardStepDisabled .wizardActionButton {cursor: default} .wizardStepIcon {width: 32px; height: 100%; float: left; margin-right: 2px} .generalWizardButton {padding-left : 34px} .alternativeTextSelected {background-color : #EEEEEE; width : 100%;} .alternativeTextNotSelected {background-color : #FFFFFF; width : 100%; cursor : pointer} /* action button */ .wizardActionButton {float: left; height: 54px; width: 292px; background-position: 0 -600px; position: relative; cursor: pointer} .wizardActionButton TABLE {background-color: transparent; height: 100%; width: 100%; table-layout: fixed; overflow: hidden} .wizardActionButton TD {overflow: hidden} .wizardActionButtonSmall {float: left; height: 54px; width: 54px; background-position: 0 -600px; position: relative; cursor: pointer} .wizardActionButtonRight {float: left; height: 54px; width: 3px; background-position: -289px -600px; position: relative; cursor: pointer} .wizardActionButton .iconImageLeft {position: absolute; top: 0; left: 0; display: inline-block; width: 50px; height: 50px} .wizardActionButton .text {margin-left: 59px; margin-right: 70px} .wizardActionButton .iconHelpEnabled {position: absolute; top: 17px; right: 35px; width: 18px; height: 18px; _width: 20px; _height: 20px} .wizardActionButton .iconImageRight {position: absolute; top: 0; right: 0; display: inline-block; width: 30px; height: 50px} /* action info */ .wizardActionInfo {background-color: transparent; float: right; width: 214px; height: 100%; table-layout: fixed; overflow: hidden} #documentWizardStartPage #documentMenu {width: 423px; height: 30px; *height: 37px; padding-top: 7px; margin-bottom: 7px} #documentWizardStartPage #documentMenu .previewPagesNav {margin-top: 1px; margin-right: 14px; *display: inline} #documentWizardStartPage #documentMenu .previewPagesNav .text, .buttonGroupContainer .text {padding: 0 2px} *HTML #documentWizardStartPage #documentMenu .previewPagesNav .text, .buttonGroupContainer .text {position: relative; top: -3px; padding: 0 2px} #documentWizardStartPage #documentMenu .previewPagesNav .pageSelector, .buttonGroupContainer .previewPagesNav .pageSelector { margin-right: 0; *position: relative; *top: -1px } #documentWizardStartPage #documentMenu .previewPagesNav .buttonBack, .buttonGroupContainer .previewPagesNav .buttonBack {margin-right: 4px} #documentWizardStartPage #documentMenu .previewPagesNav .buttonForward, .buttonGroupContainer .previewPagesNav .buttonForward {margin-left: 4px; *display: inline} #documentWizardStartPage #documentMenu .icon01, #documentWizardStartPage #documentMenu .icon02 {float: left; margin-left: 19px; _display: inline} #documentWizardStartPage #documentMenu .disabled {opacity:0.3; filter:alpha(opacity=30)} #documentWizardStartPage #documentMenu #renameDocumentButton {margin-top: 3px} #documentMenu .pageSelector {float: none} .noVariantsMessage {color: red} #documentWizardStartPage #documentPreview {width: 423px; height: 423px; background-position: 0 -850px; position: relative} #documentWizardStartPage #documentPreview #documentPreviewCurrentPage, #documentWizardStartPage #documentPreview #activityIndicator {position: absolute} *HTML #documentWizardStartPage #documentPreview #activityIndicator IMG {position: relative} .x-tool-documentWizardRightTitle {float: right; padding-right: 10px} /* new document wizard - step 4 layer */ #step4documentWizardBody {overflow:auto} #step4documentWizardBody .tabMainActionButtons {border: none; padding-left: 20px; padding-right: 12px; padding-top: 5px; padding-bottom: 15px} .printingOfficeTree .x-tree-node .x-tree-selected{ background-color:#fff; border:none} .printingOfficeTree .x-tree-node .x-printing-office-selected{ background-color:#D9E8FB} .printingOfficeTree .x-panel-ml{ background-color:#fff} .printingOfficeTree .x-tree-node-icon{ display:none} #deliveryTabBody .multipleElementsInnerContainerDP {border: none} #deliveryTabBody .multipleElementsInnerContainerDP .stockCompanyAmountsLabel {width: 200px; float: left} .stockDeliveryLabel {visibility: hidden} .firstStockFieldset .stockDeliveryLabel {display: block} .firstFreeStockFieldset .stockDeliveryLabel {display: block} .addStockButton .stockDeliveryLabel {display: block} .addFreeStockButton .stockDeliveryLabel {display: block} #DocumentProductionCostsAndDeliveryForm .form19 .addStockButton .noLabelRight {margin-left: 0} #DocumentProductionCostsAndDeliveryForm .form19 .addFreeStockButton .noLabelRight {margin-left: 0} #DocumentProductionCostsAndDeliveryForm .form19 fieldset label {width: 200px} #DocumentProductionCostsAndDeliveryForm .form19 fieldset .noLabelRight {margin-left: 210px} #saveTextsContainer {width: 400px; overflow: hidden} .disableableContainer {position: absolute; width : 100%} .disableContainerElements {display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0} .buttonGroupContainer {float: left; height: 29px; *height: 37px; margin: 3px 3px 3px 6px; padding: 8px 0 0 10px; _display: inline} .buttonGroupContainer A, .buttonGroupContainer .divider, .buttonGroupContainer .iconWithDropdown {float: left; margin-right: 10px; cursor: pointer} .buttonGroupContainer .icon2 {width: 22px; height: 22px} .buttonGroupContainer .iconWithDropdown .iconDropdown {float: left; margin-top: 10px; margin-left: -1px} .buttonGroupContainer .divider {width: 1px; height: 22px; _width: 3px; _height: 24px; margin-top: -1px; background-color: #fcfcfc; border: 1px solid #d6d6d6; cursor: default} /* edit document */ #editDocumentMenu .x-panel-body {background-color: #F3F3F3; background-repeat: repeat-x} #editDocumentMenu .x-panel-bwrap, #editDocumentMenu .x-panel-body {overflow: visible} #editDocumentMenu #menuDisableDiv {position : absolute; top : 0; left: 0} #editDocumentMenu .buttonGroupContainer {height: 28px; _height: 37px; padding-top: 9px} .buttonGroupContainer .numberField {float: left; margin-right: 10px; width: 35px} .buttonGroupContainer P {float: left; margin-right: 5px; line-height: 20px} .buttonGroupContainer LABEL, .buttonContainer P {float: left; margin-right: 10px; *display: inline} .buttonGroupContainer .iconZoomIn, .iconZoomOut {margin-top: 3px} .buttonGroupContainer .previewPagesNav {float: none; margin-top: 0} .buttonContainer {height: 29px; *height: 37px; padding-top: 8px; cursor: pointer} .buttonContainer P {line-height: 22px} .buttonContainer .iconDropdown {margin-top: 10px; margin-left: -3px} .dropdownContainer {margin-left: -3px; cursor: pointer} .dropdownContainer .iconDropdown {margin-top: 9px; margin-left: 0} #documentPreview {background-color: #CCCCCC; width: 100%; height: 100%} #altTextsSelection {padding: 10px} #altTextsSelection .alternativeText {padding: 5px 17px 3px 22px; cursor: pointer} #altTextsSelection .selected {background-color: #f0f0f0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; cursor: default} #altTextsSelection .current {border: 1px solid #F29400; cursor: pointer} #editDocumentPagePreviews {padding-top: 10px; overflow: auto} #editDocumentPagePreviews .pageInfoOuterContainer {float: left; margin: 5px} #editDocumentPagePreviews .pageInfoContainer {width: 122px; height: 112px; margin-top: 26px; position: relative} #editDocumentPagePreviews .sectionHeaderPresent {margin-top: 0} #editDocumentPagePreviews #disableSmallPreview {position: absolute; top: 0; left: 0} #editDocumentPagePreviews .pageInfoInnerContainer {position: absolute; left: 0; bottom: 0; width: 122px; text-align: center} #editDocumentPagePreviews .previewImgContainer {width: 122px; text-align: center; background-color: #fff; cursor: pointer} #editDocumentPagePreviews .previewImgContainer .previewIMG {border: 1px solid #999} #editDocumentPagePreviews .pageNumberContainer {height: 24px; margin-top: 3px; _position: relative} #editDocumentPagePreviews .pageNumber {display: inline-block; height: 14px; *height: 15px; padding: 0 2px; margin-top: 4px; border: 1px solid #999; margin-left: 2px} #editDocumentPagePreviews .active .previewIMG, #editDocumentPagePreviews .hovered .previewIMG {border-color: #7D8890} #editDocumentPagePreviews .active .previewImgContainer {cursor: default} #editDocumentPagePreviews .active .pageNumberContainer, #editDocumentPagePreviews .hovered .pageNumberContainer {height: 22px; *height: 24px; border: 1px solid #ccc; background-position: -301px -1401px} #editDocumentPagePreviews .active .pageNumber, #editDocumentPagePreviews .hovered .pageNumber {float: right; border: none; font-weight: bold} #editDocumentPagePreviews .nonEditablePage .previewImg {opacity: 0.85; filter: alpha(opacity=85)} #editDocumentPagePreviews .nonEditablePage .pageNumber {background-color: #D9D9D9} #editDocumentPagePreviews .active .pageNumber, #editDocumentPagePreviews .hovered .pageNumber {background-color: transparent} #editDocumentPagePreviews .emptyPage {height: auto; margin-top: 8px; margin-bottom: 34px} #editDocumentPagePreviews .pageIcon {float: left; margin: 4px 1px 0 2px; width: 16px; height: 16px; cursor: pointer; display: none} #editDocumentPagePreviews .icon {float: right; margin-top: 3px; position: absolute; right: 0; bottom: 3px} #editDocumentPagePreviews .active .pageIcon, #editDocumentPagePreviews .hovered .pageIcon, #editDocumentPagePreviews .active .icon, #editDocumentPagePreviews .hovered .icon {position: static; display: block; _display: inline} #editDocumentPagePreviews .sectionInfoInnerContainer {width: 102px; _width: 122px; border-bottom: 1px dotted #000; line-height: 20px; margin-bottom: 5px; padding-right: 20px; position: relative; overflow: hidden; _zoom: 1} *HTML #editDocumentPagePreviews .sectionInfoInnerContainer {border: none; background: url(../images/dot_bg.gif) bottom repeat-x} #editDocumentPagePreviews .sectionInfoInnerContainer .pageIcon {display: inline; position: absolute; top: -2px; top: 2px; right: 0; margin: 0} #spreadsContainerFacingType {position: absolute; top: -10px; width: 100%} #spreadsContainerFacingType .leftColumn, #spreadsContainerFacingType .rightColumn {width: 49%} #spreadsContainerFacingType .rightColumn {float: left; border-left: 1px solid #D0D0D0} #spreadsContainerFacingType .pageInfoContainer {clear: both; margin: 20px 0 0 0; background-color: transparent} #spreadsContainerFacingType .pageInfoContainer, #spreadsContainerFacingType .previewImgContainer {width: auto; height: auto} #spreadsContainerFacingType .pageInfoInnerContainer {position: static} #spreadsContainerFacingType .pageNumberContainer {text-align: center} #spreadsContainerFacingType .active .pageNumber, #spreadsContainerFacingType .hovered .pageNumber {margin-top: 4px} #spreadsContainerFacingType .leftColumn .pageInfoContainer {float: right} #spreadsContainerFacingType .rightColumn .pageInfoContainer {float: left} #spreadsContainerFacingType .leftColumn .previewImgContainer {text-align: right} #spreadsContainerFacingType .rightColumn .previewImgContainer {text-align: left} #spreadsContainerFacingType .leftColumn .active .pageNumberContainer, #spreadsContainerFacingType .leftColumn .hovered .pageNumberContainer {float: right; width: 120px; _width: 122px} #spreadsContainerFacingType .rightColumn .active .pageNumberContainer, #spreadsContainerFacingType .rightColumn .hovered .pageNumberContainer {float: left; width: 120px; _width: 122px} #spreadsContainerFacingType .emptyPage {height: 114px; width: 112px} *HTML #spreadsContainerFacingType .active, *HTML #spreadsContainerFacingType .hovered {width: 122px} .contextMenuIconLayer {width: auto} #editDocumentMenu .contextMenuLayer, .contextMenuIconLayer {padding-bottom: 3px; margin-left: 1px; *margin-left: -2px; *margin-top: -3px} #editDocumentMenu .contextMenuLayer A, .contextMenuIconLayer A {float: left; clear: both; color: #000; padding: 4px; overflow: hidden} #editDocumentMenu .contextMenuLayer A:hover, .contextMenuIconLayer A:hover, .layerStyle1 .simpleLink:hover {color: #000; background-position: -3px -613px} #editDocumentMenu .contextMenuLayer A IMG {width: 7px; height: 7px; margin-right: 2px} .contextMenuIconLayer A {width: 155px} .contextMenuIconLayer A IMG {float: left; width: 22px; height: 22px; margin-right: 4px} .contextMenuIconLayer A TABLE {float: left; height: 22px; background-color: transparent; *cursor: pointer} .contextMenuIconLayer .iconElEdit {background-position: -848px -97px} .contextMenuIconLayer .iconDownload {background-position: -899px 0} .contextMenuIconLayer .iconDocInfo {background-position: -849px -50px} #editDocumentMenu .iconAttentionSmall {float: right; margin-right: 10px; margin-top: 14px; _display : inline} #refreshResizeMenu A {width: 100px} #refreshPreviewMenu A {width: 195px} .commonDocumentPreview {border: 1px solid #000} .editWizardDocumentPreview {position: relative} .editWizardRTWindowImg {position : absolute; } .editWizardRTPatchImg {position : absolute; } .showPageVariablesContainer {background-color: #eee; padding: 10px; border-bottom: 1px solid #d0d0d0; overflow: hidden; *overflow: visible; *zoom: 1} .showPageVariablesContainer .customDropdown {float: right; width: 75px; _width: 100px} .disabledRefreshButton P {color: #999999} .editObjectForm .form19 .noLabelRight {margin-left: 161px} /* END document wizard */ #jmAdminAccessTable th, #jmAdminAccessTable td {border-left: 1px solid white; border-right: 1px solid white} #jmAdminAccessTableFirstRow td {border-top: 1px solid white} #jmAdminAccessTableLastRow td, #jmAdminAccessTableLastRow th {border-bottom: 1px solid white} .jmAdminAccessTableHighlightedTH {background-color: #DCDCDC} .jmAdminAccessTableHighlightedOddTD {background-color: #EBEBEB} .jmAdminAccessTableHighlightedEvenTD {background-color: #E4E4E4} .jmAdminAccessTableHighlightedEvenTD {background-color: #E4E4E4} .jmAdminManageViewPanelHeader { border: 0 none !important; color: black; background: white; } .jmAdminManageViewTool { float: right; overflow: hidden; margin-left: 2px; } .jmAdminManageViewClickableHeader .x-panel-header-text {cursor: pointer} #jmAdminManageViewDatasheetPortal {border-bottom: 1px solid #D0D0D0 !important;} #jmAdminManageViewDatasheetPortal .selected .x-panel-header { color:#eee !important; background: #7D8890 !important; } h2.subline { line-height: 17px; border-bottom:1px solid #EEEEEE; } #substitutesModeDate {padding-top: 2px; *padding-top: 5px} .titleRow {background-color: #eee; padding: 3px 3px 3px 0; font-weight: bold; overflow: hidden; *zoom: 1} .titleRow .substituteColumn {text-align: center} .titleRow .substituteColumnName {text-align: left; margin-left: 31px; *margin-left: 32px} .substituteColumn {float: left; margin: 0 2px; width: 75px; line-height: 20px; _display: inline} .substituteDisabled {color: Gray} .substituteColumnCheck {width: 20px} .substituteColumnName {width: 145px; *width: 141px; margin-left: 0px; overflow: hidden} .substituteActionButtons {width: 50px} .substituteActionButtons .icon {float: left; margin-left: 3px; _display: inline} .substituteDisabled .moduleChecked {background-position: -400px -300px} #newSubstituteNameInfo {float: left; width: 140px; overflow: hidden} .editNewButtons {position: absolute; right: 5px; bottom: 3px} #UserSubstituteEditNewHolder, #StatisticsFilterHolder {border: 1px solid #000; margin-bottom: 4px; position: relative; overflow: hidden; *zoom: 1} #UserSubstituteEditNewHolder {padding: 3px 5px 3px 31px} #StatisticsFilterHolder {padding: 3px 5px 3px 0px} #UserSubstituteEditNewLinkHolder {margin-left: 32px; *margin-left: 33px; font-style: italic} #substituteNameAutoComplete {width: 140px} .substituteColumnCheck {display: none} .userApproveSubstitutesTableRow .substituteColumnCheck {display: block; width: 27px; text-align: center} .moduleCheck {padding: 3px 0 4px 0; text-align: center; position: relative} .moduleCheck .iconWarning {position: absolute; right: 12px; top: 5px;} .moduleCheck SPAN {margin-left: 31px; *margin-left: 0} .moduleCheck INPUT, .substituteColumnCheck INPUT {border: none} .moduleChecked, .moduleCheckedDisabled, .moduleUnchecked {display: block; width: 13px; height: 13px} .moduleChecked {background-position: -400px -250px} .moduleCheckedDisabled {background-position: -400px -300px} .subtitutesDisabled {color: Gray !important} .subtitutesDisabled .moduleChecked {background-position: -400px -300px} .noPadding {padding: 0} .divisionsFilterOpener {text-decoration: underline; cursor: pointer} .checkboxSublist {margin-left: 20px} .vScrollableDiv {height: 400px; *height: 410px; padding: 5px; border: 1px solid #eaeaea; overflow-y: scroll} .customStructureAttributeHeader {background-color: #eee; padding: 4px; margin-bottom: 3px; overflow: hidden; *zoom: 1} .customStructuraMainAttributeContainer {padding-top: 5px; overflow: hidden; *zoom: 1} .customStructureImageAttributeContainer .objectCreativeView {float: right; margin: 0} .customStructureImageAttributeContainer .objectCreativeView .thumbnailPreviewButtonsContainerRight {position: static} .rightAlignedElements LABEL {float: left} .rightAlignedElements A {float: right; margin-left: 3px} #rightPanel {float: right; width: 350px} #leftPanel {float: left; width: 420px} #rightPanel .rightAlignedElements #currentObjectLabel, #rightPanel .rightAlignedElements #currentStructureLabel {width: 230px; overflow: hidden} .labeledExtCombo LABEL {float:left} .labeledExtCombo .x-form-field-wrap {float:left} .ext-safari .combo-box-safari-fix-layout .x-form-field-wrap .x-form-trigger{right:auto} .eventBookingViewLabelColumn{background-color: #FFFFFF; text-align:right; vertical-align:top;} .eventBookingViewTextColumn{background-color: #FFFFFF; text-align:left; vertical-align:top;} .eventBookingViewStatusDivAvailable{background-position:-400px -100px;} .eventBookingViewStatusDivNotAvailable{background-position:-400px 0px;} .eventBookingViewStatusDivAvailableOnWaitingLists{background-position:-400px -50px;} .eventShow {background-color: #fff;} .eventShow table {background-color: #fff;} .eventShow td.download {width: 120%; border-bottom: 1px solid #ccc; padding-bottom:2px;} .eventShow td.download .iconDownload {background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons1.gif); background-repeat:no-repeat; background-position: -250px -200px !important;} .eventShowBookPanel {border: 1px solid #ccc; margin: 5px; background-color:#fff; padding: 2px; *zoom:1;} .eventShowBookPanel table td {padding: 3px;} .eventShowBookPanel table td.c2 {text-align: right;} .eventBookingWizard table {background-color: #fff;} .eventBookingWizard .header {background-color: #fff;} .eventBookingWizard .header h2 {font-size: 14px !important;} .eventBookingWizard .progress { margin-bottom: 10px; } .eventBookingWizard .progress table {background-color: transparent; background-image: url(../images/events/wizard-bg.gif); background-repeat: repeat-x;} .eventBookingWizard .progress tr { } .eventBookingWizard .progress tr td { padding: 0px 20px 0 10px; height: 20px !important; text-align:center; } .eventBookingWizard .progress tr td.active { width: 69px; color: #fff; background-color: #4C92C6; font-weight:bold; background-image:url(../images/events/wizard-corner-active-right.gif); background-repeat: no-repeat; background-position: top right; } .eventBookingWizard .progress tr td.prev { width: 69px; background-image:url(../images/events/wizard-corner-active-left.gif); background-repeat: no-repeat; background-position: top right;} .eventBookingWizard .progress tr td.corner { width: 69px; background-image:url(../images/events/wizard-corner.gif); background-repeat: no-repeat; background-position: top right; } .eventBookingWizard .step { background-color: #fff; } .eventBookingWizard .step table { border: 1px solid #DADADA; padding: 2px; background-color: #fff; } .eventBookingWizard .step table tr { background-color: #F5F5F5; } .eventBookingWizard .step table td { padding: 2px 5px; } .eventBookingWizard .step table td input { width: 100%; } .eventBookingWizard .step table td input.radio, .eventBookingWizard .step table td input.checkbox { margin-top: 0px; width: 10px;} .EventBookingParticipantList { width: 100%; } .EventBookingParticipantList tr th { font-weight:bold; color: #343434; background-color: #d9d9d9; border-bottom: 1px solid #95a8c8; margin: 0px; padding: 3px; } .EventBookingParticipantList tr td { border-bottom: 1px solid #95a8c8; margin: 0px; padding: 3px; } #jobs-grid tr td { padding-bottom: 0px !important; padding-top: 0px !important; } #jobs-grid .x-grid3-hd-checker { height: 21px !important; } .jobsList .x-grid3-td-checker .x-grid3-cell-inner { height: auto !important; } .jobsList .x-grid3-cell { vertical-align: middle; height: 26px !important; min-height: 26px !important; } .jobsListEvenRow table { background-color: #fff; } .jobsListSelectedRow table { background-color: #ddd; } .imageBrowser .pNavigator{ height: 20px; margin-left: 10px; margin-top: 5px; } .imageBrowser .pImage { margin: 10px; text-align: center; } .imageBrowser .pImage { margin: 10px; text-align: -moz-center; } .imageBrowser .pNavigator .pNext{ float:left; padding: 0; margin-top:4px; margin-right: 3px; width:14px; height:14px; background-image: url(../images/shop_gfx.gif); background-repeat:no-repeat; background-position:-120px -40px; cursor: pointer; } .imageBrowser .pNavigator .pNextDisabled{ float:left; padding: 0; margin-top:4px; margin-right: 3px; width:14px; height:14px; background-image: url(../images/shop_gfx.gif); background-repeat:no-repeat; background-position:-120px -60px; } .imageBrowser .pNavigator .pPrev{ float:left; padding: 0; margin-top:4px; margin-right: 3px; width:14px; height:14px; background-image: url(../images/shop_gfx.gif); background-repeat:no-repeat; background-position:-120px -80px; cursor: pointer; } .imageBrowser .pNavigator .pPrevDisabled{ float:left; padding: 0; margin-top:4px; margin-right: 3px; width:14px; height:14px; background-image: url(../images/shop_gfx.gif); background-repeat:no-repeat; background-position:-120px -100px; } .imageBrowser .pNavigator .pLast{ float:left; padding: 0; margin-top:4px; margin-right: 3px; width:14px; height:14px; background-image: url(../images/shop_gfx.gif); background-repeat:no-repeat; background-position:-120px -120px; cursor: pointer; } .imageBrowser .pNavigator .pLastDisabled{ float:left; padding: 0; margin-top:4px; margin-right: 3px; width:14px; height:14px; background-image: url(../images/shop_gfx.gif); background-repeat:no-repeat; background-position:-120px -140px; } .imageBrowser .pNavigator .pFirst{ float:left; padding: 0; margin-top:4px; margin-right: 3px; width:14px; height:14px; background-image: url(../images/shop_gfx.gif); background-repeat:no-repeat; background-position:-120px -160px; cursor: pointer; } .imageBrowser .pNavigator .pFirstDisabled{ float:left; padding: 0; margin-top:4px; margin-right: 3px; width:14px; height:14px; background-image: url(../images/shop_gfx.gif); background-repeat:no-repeat; background-position:-120px -180px; } .imageBrowser .pNavigator .pText{ float:left; padding: 0; margin-top:4px; margin-right: 3px; height:14px; } .archivePreview {border: 1px solid #eee; *float: left; *zoom: 1} .archivePreview H3, .archivePreview P {padding-left: 3px; margin-bottom: 0; line-height: 25px} .archivePreview .entries {height: 160px; overflow-y: scroll; *float: left; *padding-right: 16px} .archivePreview .entries TABLE TD {padding: 3px} .jobFilterSearchTabSearchDiv { background-color:#EEEEEE; padding-top:9px; padding-bottom:9px; clear:both; border:1px solid #9E9E9E; height:20px; } .jobFilterAdvancedSearchTab { background-color:#EEEEEE; padding:9px; clear:both; border:1px solid #9E9E9E; //height:20px; } .jobFilterSearchContentDiv { border:1px solid #9E9E9E; _zoom:1; } #switchEventView .icon {float:right; margin-left: 2px;} .sortAscElement .sortIcon,.sortDescElement .sortIcon {margin-left: 10px; margin-top: 3px; width: 5px; height: 5px} #templateWizardStep4FormContainer .leftColumn {width: 185px} #templateWizardStep4FormContainer .rightColumn {width: 185px} #templateWizardStep4FormContainer .form06 {width: auto; _width: 381px} #templateWizardStep4FormContainer #TWS4 {width: 371px; _width: 381px} #templateWizardStep4FormContainer #TWS4wider {width: 390px; _width: 398px} #templateWizardStep4FormContainer #TWS4wider .typ57 {width: 360px} #templateWizardStep4FormContainer #TWS4wider .typ61 {width: 359px} #templateWizardStep4FormContainer #TWS4wider .extender {padding-left: 19px; display: inline} *HTML #templateWizardStep4FormContainer FIELDSET.displayBlock DIV.floatRight {margin-right: 2px; _display: inline} #textContentTypeSelection {display: inline;} #textContentTypeSelection .rightColumn {width: 167px} #textContentTypeSelection .borderedInnerContainer LABEL {display: inline} #imageAutoselectTypeSelection {margin-right: 8px; _width: 362px} #imageAutoselectTypeSelection .rightColumn {width: 156px; _width: 154px} #imageAutoselectTypeSelection .borderedInnerContainer LABEL {display: inline} fieldset#textContentTypeSelection {width: 363px} .extender {padding-left: 0px; display: inline} *HTML .x-tree-node-el {zoom: 1} .iconWorkflow {background-position:-300px -700px;} #replacementObjectSelection {position: relative; overflow: hidden; *zoom: 1} #replacementObjectSelection #replacementObjectsList {height: 361px; *height: 365px; padding: 2px; border: 1px solid #eaeaea; overflow: scroll} #replacementObjectSelection .leftColumn {width: 420px} #replacementObjectSelection .rightColumn .actionButtonsNoBG {position: absolute; bottom: 0; right: 0; *width: 120px; *padding: 0} #userAministrationMainContainer {width: 469px} #userAministrationMainContainer #operationSelection {padding: 15px 10px 15px 6px} #userAministrationMainContainer #operationSelection .radios {float: left; line-height: 20px; _padding-top: 1px} #userAministrationMainContainer #operationSelection .radios LABEL {display: inline; margin-right: 30px} #userAministrationMainContainer #operationSelection .actionButton, #userAministrationMainContainer #operationSelection .actionButtonDisabled {float: right} #userAministrationMainContainer #userSearch {padding-right: 24px} *HTML .x-form-field-wrap .x-form-text {float: left; margin: 0} iframe.metaViewFrame { width:100%; //height:100%; height:1000px; } #defaultTextSelection .radioContainerSmall {width: 107px} .jobParentJobNavigation{padding:2px 0 4px 9px; background-position:0 -2px; cursor:pointer;} .inlineSearchContainer {height: 77px; overflow: auto; border: 1px solid #B3B3B3} .inlineSearchContainer .row {border-bottom: 1px solid #eee; overflow: hidden; *zoom: 1} .inlineSearchContainer P.floatLeft {padding: 2px 0 2px 6px} .inlineSearchContainer P.floatRight {padding: 2px 10px 2px 0} .inlineSearchContainer A.floatRight {margin: 3px 4px 0 0; _display: inline} #sendSystemMessageWorkarea {width: 520px} #allRecipientsDiv, #allRolesDiv, #orgUnitsDiv, #vdbGroupsDiv {margin: 15px 0} .innerObjectMarkerImage {position: absolute} .innerObjectMarkerThemeImage {z-index: 1; position: absolute} .innerObjectMarkerImageTransparentX {z-index: 2; opacity:0.5 !important; filter:alpha(opacity=50) !important} .innerObjectMarkerGrayBackGround {background-color: #F3F3F3; opacity:1.0 !important; filter:alpha(opacity=100) !important} .box-dragged {width: 146px; margin: 10px; white-space: normal; background-color: white} .theme-float {width: 146px; margin: 10px !important; margin-left: 5px; white-space: normal} .theme-source {padding: 10px; cursor: pointer; position: relative} .theme-imageHolder {border: solid 1px black; padding: 2px} .theme-noresults {margin-left: 5px; margin-right: 5px; display: none} .selectedTheme .theme-imageHolder {border: solid 1px red} .templatePage-source {padding: 10px; cursor: pointer} .templatePage-title {font-weight: bold; margin-bottom: 2px} .templatePage-size {font-weight: normal; margin-bottom: 2px} .templatePage-imageHolder {border: solid 1px black; padding: 2px; width: 120px; _width: auto} .templatePage-noresults {margin-left: 5px; margin-right: 5px; margin-top: 5px; display: none} .selectedLayout .templatePage-imageHolder {border: solid 1px red} .templatePage-float, .pimObject-float {display: inline-block; *display: inline; _width: 146px; margin: 10px !important; margin-left: 5px; white-space: normal} .pimObject-source {padding: 10px; cursor: pointer; position: relative} .pimObject-title {font-weight: bold; margin-bottom: 2px} .pimObject-imageHolder {border: solid 1px black; padding: 2px} .pimObject-noresults {margin-left: 5px; margin-right: 5px; display: none} .selectedPim .pimObject-imageHolder {border: solid 1px red} .usedPimImage {display: none; background-repeat: no-repeat; background-position: -900px -200px; width: 22px; height: 22px; position: absolute; left: 6px !important; bottom: 6px !important; left: -3px; bottom: 6px} .usedPim .usedPimImage {display: block} .drag-error-message1, .drag-error-message2, .drag-error-message3, .drag-error-message4, .drag-error-message5 {color: red; background-color: white; display: none; margin-top: 10px} .x-dd-drop-nodrop1 .drag-error-message1 {display: block} .x-dd-drop-nodrop2 .drag-error-message2 {display: block} .x-dd-drop-nodrop3 .drag-error-message3 {display: block} .x-dd-drop-nodrop4 .drag-error-message4 {display: block} .x-dd-drop-nodrop5 .drag-error-message5 {display: block} .x-dd-drag-ghost {white-space: normal !important} .documentWizardTabsFooter {padding: 3px; border-top: solid 1px #999999} .documentWizardTabsFooterEM {float: left; color: #ff0000; font-weight: bold} .documentWizardTabsFooterText {padding-left: 5px !important; padding-left: inherit;} .webToPrintTemplateWarningExternalDiv{} .webToPrintTemplateWarningInternalTable{border: 1px; border-color:#999999; border-style:solid;} /* template dropdowns */ .imageDropdownSelected {border: 1px solid #ff0000} .dropdownFilter {padding: 5px 0} .dropdownFilter LABEL {margin-right: 5px} .dropdownFilter SELECT {width: 130px} .dropdownAddEdit INPUT, .dropdownAddEdit SELECT {margin-right: 10px; float: left} .dropdownAddEdit .last {margin-right: 0} *HTML .dropdownAddEdit .actionButtonsNoBG {padding-right: 1px} .dropdownMenu {padding: 5px; border-bottom: 1px solid #d0d0d0; overflow: hidden; *zoom: 1} .dropdownFilter, .dropdownTreeMenu {margin: 0 auto; overflow: hidden; *zoom: 1} *HTML .dropdownTreeMenu {display: none} /* insert new dropdown */ #tddLabel {width: 271px} #tddCustomStructureId {width: 165px} #tddTemplatePageId {width: 45px} #tddShowAboveVariable {width: 190px} #tddType {width: 115px; *width: 112px} *HTML #tddSaveButton {margin-right: 2px} /* insert new smart dropdown */ #sddLabel {width: 285px} #sddCustomStructureId {width: 261px; *width: 260px} #sddType {width: 260px} /* three state checkbox tree */ .treeStateTreeHolder .x-tree-custom-checks .x-tree-node-anchor {background-image: url('../images/checkbox-unchecked.gif'); background-repeat: no-repeat; background-position: left; padding-left: 12px} .treeStateTreeHolder .x-tree-custom-checks .x-tree-node-checked .x-tree-node-anchor {background-image: url('../images/checkbox-checked.gif')} .treeStateTreeHolder .x-tree-custom-checks .x-tree-node-greyed .x-tree-node-anchor {background-image: url('../images/checkbox-greyed.gif')} .treeStateTreeHolder .x-tree-node-expanded .x-tree-node-icon {background-image:url('../images/us.gif'); height: 1px; width: 1px} .treeStateTreeHolder .x-tree-node-collapsed .x-tree-node-icon { background-image:url('../images/us.gif'); height: 1px; width: 1px} .treeStateTreeHolder .x-tree-node-leaf .x-tree-node-icon {background-image:url('../images/us.gif'); height: 1px; width: 1px} .eventBookingNameFont{font-size:12px !important; font-weight:bold !important; color:#005588 !important} #dropdownsContainer H2 {margin-bottom: 5px !important} .imageDropdownSelector {margin-bottom: 10px; overflow: hidden; *zoom: 1} .imageDropdownSelector .thumbnailPreview {float: left; margin-right: 11px; margin-bottom: 11px} .imageDropdownSelectorInnerContainer {position: relative; overflow: hidden; *zoom: 1} .imageDropdownSelectorInnerContainer .thumbnailPreview {margin: 0} .imageDropdownSelectorInnerContainer .actionButton {position: absolute; bottom: 0; left: 70px} #workflowActionContainer H3 {margin-top: 12px} #workflowActionContainer #wfacDescr H4 {margin-bottom: 5px} *HTML .standardPaddingContainer #workflowActionContainer .radio {position: relative; top: 2px} .standardPaddingContainer #workflowActionContainer .icon2 {position: relative; top: 11px; left: 4px} .standardPaddingContainer #workflowActionContainer SELECT {width: 258px; margin-left: 21px; margin-top: 10px} .standardPaddingContainer #workflowActionContainer TEXTAREA {width: 100%; height: 50px} #rejectInfoContainer {margin-top: 10px} .form03 fieldset DIV.disabledColumn, .form03 fieldset DIV.oldColumn, .form03 fieldset DIV.newColumn {float: left; padding-left: 10px; padding: right: 10px} .form03 fieldset DIV.disabledColumnHeader, .form03 fieldset DIV.oldColumnHeader, .form03 fieldset DIV.newColumnHeader {font-weight: bold} .form03 fieldset DIV.oldColumn, .form03 fieldset DIV.newColumn {width: 320px} .form03 fieldset DIV.disabledColumn {width: 75px} #createEditColor .cmykColorValue {margin-right: 10px} #createEditColor .textSmallLeft {width: auto; margin-right: 3px} .workflowTimingVariableMarginLeft {margin-left: 10px} .verticalButtons {width: 160px; *width: 172px} .verticalButtons .actionButton, .verticalButtons .actionButtonDisabled {width: 100%; margin-bottom: 5px} *HTML .ext-el-mask, *HTML .x-combo-list {clear: both} *HTML .calendar TABLE {table-layout: fixed; width: 224px} #sectionsListContainer { border: 1px solid #888; padding: 3px 0 0 3px; margin-bottom: 15px; overflow-y: scroll; max-height: 348px; _height: expression( this.scrollHeight > 350 ? "350px" : "auto" ); *zoom: 1 } #sectionsListContainer .sectionContainer {float: left; margin-right: 26px; border: 1px solid #888; padding: 2px 3px 3px 3px; margin-bottom: 5px; background-color: #eaeaea} #sectionsListContainer .unfinishedSection {border-right: none; margin-right: 0} #sectionsListContainer .continuedSection {border-left: none; padding-left: 4px} #sectionsListContainer .continuedSection .sectionTitle {visibility: hidden} #sectionsListContainer .sectionContainer .sectionTitle {/*width: 122px; */padding-bottom: 1px; overflow: hidden} #sectionsListContainer .sectionContainer .objectCreativeView {margin-right: 34px; margin-bottom: 0} #sectionsListContainer .objectCreativeView {position: relative} #sectionsListContainer .objectCreativeView .textIcon {display: block; width: 120px; *width: 122px; *padding-top: 2px} #sectionsListContainer .objectCreativeView .textIcon .dropdownImg {position: relative; top: -1px} #sectionsListContainer .objectCreativeView .icon {position: absolute; left: 97px; top: 100px; display: none;} #sectionsListContainer .objectViewHovered .icon {display: block !important} .form06 #currentSectionId, .form06 #keyword, .form06 #positioning, .form06 #currentSectionId, .form06 #keyword, .form06 #masterPageId {width: 200px} .editSmartPageHeader {margin-bottom: 0px; margin-right: 10px;} .emptyKeyword, .emptyName {color: gray !important; font-style: italic} .directionDisabled {color: gray; cursor: default;} .directionField {float: left} /* for google util diff-match-patch */ .diffInsert {background:#E6FFE6;} .diffDelete {background:#FFE6E6;text-decoration: line-through;} /*margin-bottom 20px for warnings*/ #warningUnderDiv{margin-bottom:20px;} .checkboxSection {position: relative; overflow: hidden; _zoom: 1} .checkboxSection HR {width: 80px; background-color: #fff; _color: #fff; _text-align: left} .checkboxSection .sectionCheck {vertical-align:top; margin-top: 10px} .twoColumnsSection .sectionCheck {float: left; margin-right: 3px; _margin-right: 0} .checkboxSection .floated {float: left; margin-right: 3px} .checkboxSection FIELDSET {padding-right: 8px; padding-bottom: 0} *HTML .checkboxSection .radio {padding-bottom: 3px} .checkboxSection FIELDSET LABEL {display: inline; font-weight: normal} .checkboxSection FIELDSET LABEL.displayBlock {display: block} .checkboxSection .sectionLabel {font-weight: bold; display: block} *HTML .helpIconSection {overflow: visible} .iconRight {position: absolute; right: 8px; top: 6px; _top: 4px} #managaOfficeTagsContainer {width: 620px} #managaOfficeTagsContainer LABEL {float: left; width: 300px} #managaOfficeTagsContainer TEXTAREA {float: right; width: 300px; height: 80px} #managaOfficeTagsContainer .mainActionButtons {margin-top: 10px} .gridVariableTable tr td { padding-top: 0px; padding-bottom: 0px; } /* must be after form05 definition */ .expandable .expandedLinkContent {margin-left: 9px} .expandable .collapsedLinkContent {visibility: hidden; position: absolute; top: -10000px; left: -10000px} .expandable { padding: 2px 0 2px 10px} #TWStep6ApprovalFields .floatedFieldContainer {float: right; margin-right: 405px; _display: inline} .transparentTable {background: transparent} .pimsAutocompleteItem {padding-left: 5px; padding-right: 5px;} .pimsAutocompleteLabel {font: 12px tahoma,arial,helvetica,sans-serif; padding-bottom: 5px; padding-left: 5px;} .pimsAutocompleteSeparator {border-bottom: 1px solid #D0D0D0; width: 100%; margin-bottom: 0px;} /* MMS messages common styles (default - medium icon) */ .mmsMsgBody {background-color: #fff; color: #000; padding: 20px; overflow: hidden; _zoom: 1} .mmsMsgWindow {background-color: transparent} .mmsMsgWindow .mmsMsgSign {padding-right: 20px; vertical-align: top} .mmsMsgWindow .mmsMsgSign DIV {width: 30px; height: 30px} /* error */ .mmsError {border: 1px solid #cc0000; margin-bottom: 20px} .mmsError .mmsMsgSign DIV {background-position: -400px -300px} /* attention */ .mmsAttention {border: 1px solid #cc0000; margin-bottom: 20px} .mmsAttention .mmsMsgSign DIV {background-position: -400px -350px} /* info */ .mmsInfo {border: 1px solid #cc0000; margin-bottom: 20px} .mmsInfo .mmsMsgSign DIV {background-position: -400px -400px} /* error (big icon) */ .mmsErrorBig .mmsMsgSign DIV {background-position: -400px -450px; width: 45px; height: 45px} /* attention (big icon) */ .mmsAttentionBig .mmsMsgSign DIV {background-position: -400px -500px; width: 45px; height: 45px} /* info (big icon) */ .mmsInfoBig .mmsMsgSign DIV {background-position: -400px -550px; width: 45px; height: 45px} /* error (small icon, no border) */ .mmsErrorSmall .mmsMsgSign DIV {background-position: -400px -150px; width: 17px; height: 17px} /* attention (small icon, no border) */ .mmsAttentionSmall .mmsMsgSign DIV {background-position: -400px -200px; width: 17px; height: 18px} /* info (small icon, no border) */ .mmsInfoSmall .mmsMsgSign DIV {background-position: -400px -250px; width: 17px; height: 18px} .mmsErrorSmall, .mmsAttentionSmall, .mmsInfoSmall {padding: 0; background-color: transparent} .mmsErrorSmall .mmsMsgSign, .mmsAttentionSmall .mmsMsgSign, .mmsInfoSmall .mmsMsgSign {padding-right: 5px} .mmsMsgText H4 {line-height: 34px} #errorPage {text-align: left; _text-align: center} #errorPage .mmsMsgBody {margin: 100px auto; width: 50%; _text-align: left} /* shadows .shadow1 {background: #f0f0f0} .shadow2 {background: #e1e1e1} .shadow3 {background: #d2d2d2} .shadow2, .shadow3, .shadowedEl {position: relative; left: -1px; top: -1px} */ .generalBox {background-color: #fff; padding: 10px; overflow: hidden; _zoom: 1} .generalBox .actionButton {float: right} .smallMediaSelector {width: 62px} .smallMediaSelector .preview {width: 60px; height: 60px; border: 1px solid #ccc} .smallMediaSelector .textIcon {width: 60px; _width: 62px; margin-top: 5px; _margin-top: 2px} #downloadDocumentForm {width: 452px; _width: 455px} .variantsLeftColumn {width: 220px; float: left; margin-right: 10px} .variantsMiddleColumn {width: 300px; float: left;} .variantsRightColumn {width: 220px; float: left; margin-left: 10px} .formStyle7 fieldset .variantsRightColumnLabel {width: auto !important} BODY.x-masked .ext-el-mask, BODY.x-masked .ext-el-mask-msg {position: fixed; _position: absolute} /* DEKA-8625, DEV-1936 *HTML BODY.x-masked, *HTML BODY.x-body-masked {overflow: auto !important} *HTML BODY.x-masked .ext-el-mask {height: 5000px !important; width: 5000px !important} */ option.pluploadCompleted { background-color: #ccffcc; } option.pluploadError { background-color: #ffcccc; } option.pluploadInProgress { background-color: #ccccff; } option.pluploadInProgress2 { background-color: #9999cc; } .aprRejInfoContainer {clear: both; float: right; width: 350px; margin-top: 10px} .aprRejInfoContainer INPUT, .aprRejInfoContainer SELECT {width: 100%; margin-bottom: 6px} /* default grid */ .defaultGrid {padding: 5px; background-color: #EEE !important; border: 1px solid #D0D0D0} .defaultGrid .x-grid3-header {height: 23px; _height: 24px} .defaultGrid .x-grid3-header-offset {padding-left: 0} .defaultGrid .x-grid3-header-offset TABLE {background-color: transparent} .defaultGrid .x-grid3-hd-inner {padding-left: 9px} .defaultGrid .x-grid3-row TABLE {background-color: #fff} .defaultGrid .x-grid3-row TD {vertical-align: middle} .defaultGrid .x-grid3-row-selected TABLE {background-color: #EEE !important} .defaultGrid .x-grid3-cell-inner {white-space: normal !important; word-wrap: break-word; padding-left: 8px} *HTML .defaultGrid .x-grid3-cell-inner {padding-left: 8px} .defaultGrid .x-toolbar .x-toolbar-cell .xtb-sep {margin: 0; margin-left: -1px} *HTML.defaultGrid .x-toolbar .x-toolbar-cell .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {padding-left: 19px} .displayInline {display: inline} .displayBlock {display: block} .displayNone {display: none} .clearBoth {clear: both} .marginT3 {margin-top: 3px;} .marginm2px {margin-left:-2px;margin-top:-2px;margin-right:-2px;} *HTML .extSelectorContainerFix {padding-right: 3px} .inputNoMargin {margin-top: 0px; margin-bottom: 0px;} .mmsErrorsMsgText {vertical-align: top;} .mmsErrorsMsgText .title {margin-bottom: 5px; font-weight: bold;} .gridColumnTextWrap .x-grid3-cell-inner { white-space: normal !important;} .listContainer {overflow:auto; height: 205px; background: #fff; padding-left: 10px; border: 1px solid #999} .listContainer DIV {clear: both} .listContainer DIV LABEL {width: 88%} .secondLevelMenuHighlight {color:#F29400;} .realNumber {width:100%; table-layout:fixed;} .realNumber .x-form-field {width:127px!important;} .realNumber .x-form-field-wrap .x-form-field {width:50px!important;} .realNumber .firstCell div {width:127px!important;} .realNumber .firstCell {width:130px;} .realNumber .secondCell {width:71px;} .fixedLayout { table-layout:fixed; } .breakWord { word-wrap:break-word; }