* {margin: 0; padding: 0} BODY {background-color: #fff} BODY, TD, P, #aboutPopupContent {font-family: Verdana,sans-serif; font-size: 11px; color: #000; text-decoration: none} UL {list-style: none} LI {line-height: 1} FIELDSET {border: none} P, H1, H2, H3, H4, H5, H6 {background-color: transparent} A:link, A:visited, A:active {text-decoration: none; color: #333; font-family: Verdana,sans-serif; font-size: 11px; outline: none} A:hover {color: #000000; text-decoration: underline} H1 {font-size: 15px !important; font-weight: bold; color: #000} H2 {font-size: 14px !important; font-weight: bold; color: #000} H3 {font-size: 11px !important; font-weight: bold; color: #000; line-height: 18px} .cleaner {clear: both; 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} .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} .displayInline {display: inline} .displayBlock {display: block} .displayNone {display: none} .alignTop {vertical-align: top} .alignBottom {vertical-align: bottom} .alignLeft {text-align: left} .alignRight {text-align: right} .errors {padding-bottom: 10px} .errors .messages {padding: 5px 0 6px 3px; border-top: solid 1px #b3b3b3; border-bottom: solid 1px #b3b3b3; margin-top: 5px; background: url(../images/cards/errors_em_sign.gif) no-repeat left top; min-height: 35px; *height: 35px} .errors .messages .tabellentextred {font-size: 13px; padding-left: 30px} .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} .linkMarkBrowsed {padding-left: 5px} SPAN.linkMark {padding-right: 3px} .hr {clear: both; border-bottom: 1px solid #EEEEEE} .accessDenied {font-size: 18px; font-weight: bold; color: #333333; text-decoration: none; text-align:center; margin-left:20%; margin-right:20%; margin-top:10%; margin-bottom:30%; padding:20px} .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} .leftColumn {float: left} .rightColumn {float: right} #contextMenu, #fcTemplateContextMenu {POSITION: absolute; Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 162px; overflow: hidden} #contextMenu UL, #fcTemplateContextMenu UL {BACKGROUND-COLOR: #eee; border: 1px solid #ccc; overflow: hidden} #contextMenu UL LI, #fcTemplateContextMenu UL LI {clear: both; padding-left: 7px} #contextMenu UL LI A, #fcTemplateContextMenu UL LI A {line-height: 16px; padding-left: 9px} #contextMenuIframe {position: absolute; left: 0; top: 0px; display: none; filter: alpha(opacity=0); opacity: 0; -moz-opacity:0; width: 162px; height: 50px} .contextMenu {POSITION: absolute; Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 162px} .contextMenu UL {BACKGROUND-COLOR: #eee; border: 1px solid #ccc} .contextMenu UL LI {display: block} .contextMenu UL LI A {line-height: 17px; padding-left: 9px; margin-left: 7px} #themesContextMenu {POSITION: absolute; Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 175px; HEIGHT: 126; padding: 2px; BACKGROUND: transparent url("../images/contextmenu_back.gif") no-repeat left top; font-size: 12px; color: #333333} #themesContextMenu DIV {display: block; clear: both; padding: 0 0 5px 19px; background: url(../images/link_bg.gif) no-repeat 8px 4px; cursor: pointer} #themesContextMenu DIV A.inactive {color: white; cursor: default} #themesContextMenu DIV.closeButton {float: right; padding: 2px; height: 12px; width: 12px; font-size: 0; background: transparent url("../images/contextmenu_close.gif") no-repeat; cursor: pointer} #relLinkContextMenu {POSITION: absolute; Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 175px; HEIGHT: 126; padding: 2px; BACKGROUND: transparent url("../images/contextmenu_back.gif") no-repeat left top; font-size: 12px; color: #333333} #relLinkContextMenu DIV {display: block; clear: both; padding: 0 0 5px 19px; background: url(../images/link_bg.gif) no-repeat 8px 4px; cursor: pointer} #relLinkContextMenu DIV A.inactive {color: white; cursor: default} #relLinkContextMenu DIV.closeButton {float: right; padding: 2px; height: 12px; width: 12px; font-size: 0; background: transparent url("../images/contextmenu_close.gif") no-repeat; cursor: pointer} #relLinkContextMenu2 {POSITION: absolute; Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 175px; HEIGHT: 126; padding: 2px; BACKGROUND: transparent url("../images/contextmenu_back.gif") no-repeat left top; font-size: 12px; color: #333333} #relLinkContextMenu2 DIV {display: block; clear: both; padding: 0 0 5px 19px; background: url(../images/link_bg.gif) no-repeat 8px 4px; cursor: pointer} #relLinkContextMenu2 DIV A.inactive {color: white; cursor: default} #relLinkContextMenu2 DIV.closeButton {float: right; padding: 2px; height: 12px; width: 12px; font-size: 0; background: transparent url("../images/contextmenu_close.gif") no-repeat; cursor: pointer} #addRelLinkPanel FORM {background-color: white; border: 1px solid black; width: 250px; height: 70px; padding: 20px 20px 20px 20px;} #addRelLinkPanel FORM TABLE {background-color: white;} #addRelLinkPanel2 FORM {background-color: white; border: 1px solid black; width: 250px; height: 50px; padding: 20px 20px 20px 20px;} #addRelLinkPanel2 FORM TABLE {background-color: white;} #loginImage {width: 594px; height: 122px; float: left; background-position: 0 0} #ssoLoginImage {width: 594px; height: 122px; float: left; background-position: 0px -500px; background-position:0 -200px} #loginWelcomeText, #loginWelcomeText2 {display: none} #loginBookmarkContainer {display: inline; position: relative; top: 17px} #pageHeader {height: 72px; 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%} #logo {display: none} #leftLogo, #rightLogo, #fastFunctionArea {display: none} #loggedUser #username { display: block; float: left; font-family: Verdana,sans-serif; font-size: 11px; color: #000; text-decoration: none; } #loggedUser A.link04 {padding-left: 3px; color: white} #loggedUser A.link04:hover {color: #990000} /* navigationTop */ #navigationTop #loggedUser {position: absolute; top: 8px; left: 600px; line-height: 20px; width: 200px} .staticPagesLinks {display: none !important} #navigationTop #modulesNavigation UL LI {display: inline; float: left; height: 18px; padding: 1px} #navigationTop #modulesNavigation UL LI.divider {display: none} #navigationTop #modulesNavigation UL LI A { display: block; line-height: 13px; padding: 2px 16px 2px 13px; line-height: 14px; font-weight: bold; font-family: Verdana,sans-serif; font-size: 15px; color: #888; text-decoration: none; } #navigationTop #modulesNavigation UL LI.activ A {color: #F29400; font-weight: bold} #navigationTop #modulesNavigation UL LI A:hover {text-decoration: none; color: #000} #navigationTop #modulesNavigation {position: absolute; top: 40px; left: 198px; height: 20px; width: 990px} #navigationTop #modulesNavigation A {color: #000000} /* siteNavigation */ #siteNavigation {position: absolute; top: 5px; left: 0; width: auto} #siteNavigation A.link04 { display: block; line-height: 13px; padding: 2px 11px 2px 10px; line-height: 14px; font-family: Verdana,sans-serif; font-size: 11px; color: #000; text-decoration: none; } #siteNavigation A.link04:hover {text-decoration: none; color: #000} #siteNavigation UL {float: right} #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} #siteNavigationLeft, #siteNavigationTop {display: none} /* available languages */ #availableLanguages {position: absolute; left: 899px; top: 5px; width: 100px} #availableLanguages .changeLanguageIcon {cursor: pointer} #availableLanguages .changeLanguageIcon, #availableLanguages .changeLanguageIconInactive {float: right; margin-left: 3px} /** * navigationLeft */ #navigationLeft {FLOAT: left; WIDTH: 190px; margin-right: 10px; overflow: hidden} BODY#loginPage #navigationLeft {border-bottom: 1px solid #FFF} /* menu */ #menu {OVERFLOW: hidden; margin-left: 30px} #menu A {font-family: Verdana,sans-serif; display: block} #menu UL A { font-size: 11px; font-weight: normal; color: #333; text-decoration: none; background-color: transparent; } #menu UL A:hover {background-color: transparent; color: #333; text-decoration: underline} #menu UL UL A { font-size: 11px; font-weight: normal; color: #333; text-decoration: none; background-color: transparent; } #menu UL UL A:hover {background-color: transparent; color: #333; text-decoration: underline} #menu UL UL UL A { font-size: 11px; font-weight: normal; color: #333; text-decoration: none; background-color: transparent; } #menu UL UL UL A:hover {background-color: transparent; color: #333; text-decoration: underline} #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 #themesTreeId {display: none; padding-left: 0} #menu #themesClosed, #menu #themesOpened {border: none} #menu #browseThemesIframe {width: 100%; clear: both; margin-left: 12px} * html #menu #search {display: block} #menu .link #cardsSubItems {display: none} #navigationRight { WIDTH: 188px; position: absolute; right: 5px; margin-top: -2px; background-color: #fff; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5 } #navigationRight {float: left; WIDTH: 188px; margin-left: 4px; z-index: 2000} /* .crossNavigation {overflow: hidden; margin-bottom: 10px; border: 1px solid #E5E5E5; background-color: #fff; *float: left; *width: 100%}*/ .crossNavigation {overflow: hidden; margin-bottom: 10px; *float: left; *width: 100%} .crossNavigation A.link04 { font-family: Verdana,sans-serif; font-size: 11px; color: #333; text-decoration: none; } .crossNavigation A.link04:hover {text-decoration: none; color: #990000} .crossNavigation H2 { background-color: #E5E5E5; line-height: 20px; padding-left: 4px; font-family: Verdana,sans-serif; font-size: 11px !important; font-weight: bold; color: #333; } .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 .imgPreviews TABLE {width: 186px} .crossNavigation .imgPreviews TABLE TD {WIDTH: 58px; HEIGHT: 59px; BORDER: 1px solid #999999; OVERFLOW: hidden; BACKGROUND-COLOR: #EEEEEE; TEXT-ALIGN: center; VERTICAL-ALIGN: middle; cursor: pointer} .crossNavigation .favoritesList UL {padding: 0} .crossNavigation .favoritesList UL LI { padding: 2px 0 2px 5px; background-color: #fff; background-image: none; } .crossNavigation .favoritesList {margin-top: 6px} .crossNavigation .favoritesList A.link04 { font-family: Verdana,sans-serif; font-size: 11px; color: #333; padding-left: 0 } .crossNavigation .favoritesList A.link04:hover {color: #333} .crossNavigation SELECT {padding-left: 0} /** * workArea */ #workArea {float: left; width: 787px} BODY#loginPage #workArea {width: 791px; display: inline; margin-top: 10px} BODY#loginPage #containerBottom {margin-top: 65px} * HTML BODY#loginPage #workArea {padding-top: 0px} #workAreaWide {FLOAT: left; padding-top: 17px; WIDTH: 780px; MARGIN-LEFT: 2px} #iframeWorkArea {width: 100%; position: absolute; overflow: hidden; top: 131px; bottom: 0; z-index: 0} * HTML #iframeWorkArea {top: 131px; height: expression(document.body.clientHeight-131)} * HTML .resizableIframeContainer #containerMiddle {height: 100%; width: 100%} /** * popup */ #popupWorkArea {width: 584px; padding-top: 20px; margin-left: 16px} #popupWorkAreaWide {width: 787px; padding-top: 20px; margin-left: 16px} #popupWorkAreaBig {width: 740px; padding-top: 20px; margin-left: 16px} #popupWorkArea585 {width: 585px; padding-top: 20px; margin-left: 16px} #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 #ffffff; border-bottom: 21px solid #ffffff} #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 #popupHeader, #aboutHeader {top: 0px; width: 100%; height: 10px} * 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: #F29300} #aboutVersion, #aboutBuild {padding-bottom: 4px} #poweredByLinkContainer {padding-left: 30px} /** * 1st Navigation * #navigationTop #loggedUser */ .link01 {color:#FFFFFF} .link01:link, .link01:visited, .link01:active {text-decoration:none; color:#333333} .link01activ:link, .link01activ:visited, .link01activ:active {color:#333333} /** * 2nd Navigation * #navigationTop #modulesNavigation */ .link02 {color:#FFFFFF} .link02:link, .link02:visited, .link02:active {text-decoration:none; color:#FFFFFF} .link02activ:link, .link02activ:visited, .link02activ:active {color:#FFFFFF; font-weight: bold} /** * 3rd Navigation * #navigationLeft */ .link03 {font-size: 12px; color: #333333} .link03:link, .link03:visited, .link03:active {text-decoration:none; color:#333333} .link03:hover {color: #333333} .link03activ:link, .link03activ:visited, .link03activ:active {font-size: 12px; color: #FF0008; font-weight: normal} /** * link04gation * #navigationRight */ .link04 {font-size: 11px; color: #333333; padding-left: 9px} .link05:link, .link05:visited, .link05:active, .link05:hover {font-size: 11px; color: #333333; font-weight: bold} .link05disabled:link, .link05disabled:visited, .link05disabled:active, .link05disabled:hover {color: #E5E5E5; font-weight: bold; cursor: default} .link06 {color: #333333; font-weight: bold} .link06bg {color: #333333; font-weight: bold; padding-left: 9px} .link06bgActiv {color: #333333; font-weight: bold; padding-left: 9px} .link07:link, .link07:visited, .link07:active {color: #000000; font-weight: bold} .link07bg:link, .link07bg:visited, .link07bg:active {color: #000000; font-weight: bold; padding-left: 10px; background: url(../images/link_bg.gif) no-repeat 0 4px} .link07bgActiv:link, .link07bgActiv:visited, .link07bgActiv:active {color: #000000; font-weight: bold; padding-left: 9px} .link07normal:link, .link07normal:visited, .link07normal:active {color: #000000; font-weight: normal; padding-left: 9px} .link08 {color: #333333; font-weight: bold; padding-left: 9px} .link08bg:link, .link08bg:visited, .link08bg:active {color: #333333; font-weight: bold; padding-left: 9px; } .link08bgActiv:link, .link08bgActiv:visited, .link08bgActiv:active {color: #333333; font-weight: bold; padding-left: 9px; } .link08bgCollapsed:link, .link08bgCollapsed:visited, .link08bgCollapsed:active {color: #000000; padding-left: 11px; } .link08bgExpanded:link, .link08bgExpanded:visited, .link08bgExpanded:active {color: #000000; padding-left: 11px; } .link08bgDefaultCursor:link, .link08bgDefaultCursor:visited, .link08bgDefaultCursor:active {color: #333333; font-weight: bold; padding-left: 9px; cursor: default} .link09 {display: block; float: left} .link09:link, .link09:visited, .link09:active {color: #000000; font-weight: bold; padding-left: 9px} .link10:link, .link10:visited, .link10:active {color: #0000AA; font-weight: bold} .link10bg:link, .link10bg:visited, .link10bg:active {color: #0000AA; font-weight: bold; padding-left: 12px; background: url(../images/link_bg.gif) no-repeat 0 4px} .link10bgActiv:link, .link10bgActiv:visited, .link10bgActiv:active {color: #0000AA; font-weight: bold; padding-left: 12px} .link10normal:link, .link10normal:visited, .link10normal:active {color: #0000AA; font-weight: normal} .link10 {background-position: 0 200px} .link11 {color: #333333; font-weight: bold} .link11bg:link, .link11bg:visited, .link11bg:active {color: #333333; font-weight: bold; padding-left: 9px; } .link11bgActiv:link, .link11bgActiv:visited, .link11bgActiv:active {color: #333333; font-weight: bold; padding-left: 9px; } .link11bgCollapsed:link, .link11bgCollapsed:visited, .link11bgCollapsed:active {color: #000000; padding-left: 11px; background: url(../images/arrow_right_black.gif) no-repeat 0 4px} .link11bgExpanded:link, .link11bgExpanded:visited, .link11bgExpanded:active {color: #000000; padding-left: 11px; background: url(../images/arrow_down_black.gif) no-repeat 0 4px} .link11bgDefaultCursor:link, .link11bgDefaultCursor:visited, .link11bgDefaultCursor:active {color: #333333 !important; font-weight: bold; padding-left: 9px; cursor: default} .link11bgRed:link, .link08bgRed:link, .link06bgRed:visited, .link06bgRed:active {color: #333333; font-weight: bold; padding-left: 9px; background: url(../images/link_active_bg.gif) no-repeat 0 4px} .listtitlelink:link, .listtitlelink:visited, .listtitlelink:active {color: #000000; font-weight: bold} /** * Hintergrundfarben */ .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: #fbe500} .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 {color: #336699; font-weight: 100; vertical-align: middle; text-decoration: underline} .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: #333333; font-weight: normal;} .text01bold {color: #333333; font-weight: bold} .text02 {color: #000000; font-size: 10px; font-weight: normal} .text02bold {color: #000000; font-size: 10px; font-weight: bold} .text03 {color: #333333; font-size: 11px; font-weight: normal} .text03bold {color: #333333; 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: #333333; font-weight: normal; vertical-align: middle} .text05bold {color: #333333; font-weight: bold; vertical-align: middle} /** * Form elements */ INPUT {height: 18px; padding-left: 3px; font-size: 11px; font-weight: 100; color: #000} INPUT.numberField {text-align: right} INPUT.radio {width: 14px; height: 14px; padding-left: 0; vertical-align: middle} INPUT.checkbox {width: 14px; height: 14px; padding-left: 0; vertical-align: middle} SELECT {height: 18px; padding-left: 3px; font-size: 11px; font-weight: 100; color: #000} OPTION {padding-left: 3px} TEXTAREA {overflow: auto; padding-left: 5px; padding-top: 2px; font-family: Verdana,sans-serif; font-size: 11px; font-weight: 100; color: #000} .disabledField {background-color: #ebebeb; color: #333333} .checkboxes LABEL, #mediaFavourites A.link04, SPAN.text03, .noRightRetreat .text01 {vertical-align: middle} /** * forms */ /* 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} .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 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.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 FIELDSET .checkbox.alignTop {margin-left: 2px; margin-top: 1px} .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} /* form07 */ .form07 {background-color: #EAEAEA; padding: 10px 27px 23px 10px} .form07 FIELDSET {padding: 3px 7px 0 0} .form07 FIELDSET LABEL {display: block} .form07 FIELDSET.radios LABEL {display: inline; vertical-align: top} .form07 .actionButton {margin-right: 7px} .form07 FIELDSET .actionButton {margin-right: 0} /* form08 */ .form08 {background-color: #EAEAEA; 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; line-height: 18px} .form12 FIELDSET INPUT {float: left} .form12 FIELDSET SELECT, .form12 FIELDSET TEXTAREA {*margin-left: -3px} .form12 FIELDSET SPAN.text03 {line-height: 18px} .form12 FIELDSET P.middleText {float: left; width: 45px; text-align: center} /* input container */ .inputContainer {background-color: #EEEEEE; padding: 7px} .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} #detailsSearchContainer .searchForm01 {background-color: #EEEEEE} /* free fields */ .searchForm01 FIELDSET.freeFiled01 SELECT {width: 178px} .searchForm01 FIELDSET.freeFiled02 SELECT {width: 178px} .searchForm01 FIELDSET.freeFiled03 SELECT {width: 188px} /* loginForm */ BODY#loginPage #loginForm {width: 197px; height: 122px; float: left; background-color: #EAEAEA} BODY#loginPage #loginForm FIELDSET {padding: 2px 0 0 10px} BODY#loginPage #loginForm FIELDSET LABEL {display: block; padding: 4px 0 0 0} /* 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} .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 .columnLeft .typ00 {width: 356px} .editMediaForm .columnRight {float: right; width: 400px} .editMediaForm .columnRight .mandatoryFieldMark {margin-left: 207px} .editMediaForm FIELDSET {width : 100%} .editMediaForm .columnRight .typ00 {width : 100%; height: 230px} .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} /* 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; margin-left: 10px; background-color: #EEEEEE; border: 1px solid #999999} .editObjectForm FIELDSET.listDataConatiner .listData {height: 43px; *height: 44px; overflow: auto} .editObjectForm DIV.multipleElementsContainer {width: 504px; padding: 1px 4px 0 4px; background-color: #EEEEEE; border: 1px solid #999999} .editObjectForm DIV.multipleElementsContainer FIELDSET {display: block} .editObjectForm DIV.multipleElementsContainer FIELDSET TEXTAREA {width: 504px; height: 76px} .editObjectForm DIV.multipleElementsContainer FIELDSET SELECT {width: 504px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer {background-color: #fff; border: 1px solid #999; padding: 10px 0} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer LABEL {float: left; width: 135px; text-align: right; margin-left: 3px; margin-right: 6px; *display: inline} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer .stockCompanyAmounts {margin-left: 144px; *margin-left: 147px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer .stockCompanyAmounts .rightPart {float: left} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer .stockCompanyAmounts SELECT {float: left; width: 150px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer .stockCompanyAmounts INPUT {float: left; width: 130px; margin-left: 2px; margin-bottom: 5px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer .stockCompanyAmounts TEXTAREA {float: left; width: 300px; margin-left: 2px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer .stockCompanyAmounts .icon {float: left; margin-left: 3px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer .noMargin {height: 30px; margin-left: 0; *margin-left: 3px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer .actionButton {float: left; margin-left: 144px; *margin-left: 147px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer #additionalStockFieldsContainer {margin-top: -7px; *padding-bottom: 2px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer #additionalStockFieldsContainer {float: left} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer #additionalFreeTextStockFieldsContainer INPUT {margin-bottom: 5px; margin-top: 3px} .editObjectForm DIV.multipleElementsContainer .multipleElementsInnerContainer #additionalFreeTextStockFieldsContainer .icon {margin-top: 3px} .editObjectForm #mailAddress, .editObjectForm #mailCCAddress {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 FIELDSET.readonlyTextareaConatiner {padding: 4px; background-color: #EEEEEE; border: 1px solid #999999} .editObjectForm FIELDSET.readonlyTextareaConatiner TEXTAREA {width: 504px; height: 152px; background-color: #f2f2f2} .editObjectForm FIELDSET.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 */ .editObjectForm.advertInstance {width: 515px} .editObjectForm.advertInstance FIELDSET.listDataConatiner {margin-top: 15px; *margin-top: 19px} .editObjectForm.advertInstance FIELDSET.listDataConatiner .listData {width: 240px; overflow: auto} #popupWorkAreaWide .editObjectForm.advertInstance FIELDSET.listDataConatiner .listData {width: 385px} * HTML #popupWorkAreaWide .editObjectForm.advertInstance #listDataContainer {position: absolute} /* 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 */ BODY#loginPage #loginForm .buttons {text-align: right; padding: 10px 9px 0 0} .actionButtons {width: 100%; padding: 6px 0 7px 0; text-align: right; background-color: #EEEEEE} .actionButtons .actionButton, .actionButtons .disableActionButton {margin-right: 5px} .actionButtonsNoBG {width: 100%; padding: 6px 0 7px 0; text-align: right} .actionButtonsNoBG .actionButton, .actionButtonsNoBG .disableActionButton {float: right; margin-left: 5px} #editMediaForm .actionButtonsNoBG {width: auto} .actionButtonsFloated {float: left; width: 100%; background-color: #EEEEEE} .actionButtonsFloated .floatLeft {padding: 7px 0 8px 5px} .actionButtonsFloated .floatRight {padding: 7px 5px 8px 0} .actionButton { height: 14px; line-height: 14px; *height: 12px; *line-height: 12px; padding: 2px 5px; *padding: 0; border: 1px solid #FFCC33; *border: none; display: inline; white-space: nowrap; cursor: pointer; background-color: transparent !important; background-position: 0 -980px; background-repeat: repeat-x !important } .actionButton A {text-decoration: none !important} .actionButton A.link05 { font-family: Verdana,sans-serif; font-size: 11px !important; color: #000 !important; font-weight: normal !important; *border: 1px solid #FFCC33; *height: 12px; *padding: 3px 5px } .disableActionButton { height: 14px; line-height: 14px; *height: 12px; *line-height: 12px; padding: 2px 5px; *padding: 0; border: 1px solid #ccc; *border: none; display: inline; color: #aaa !important; font-weight: bold; white-space: nowrap; cursor: default; background-color: transparent !important; background-position: 0 -1020px; background-repeat: repeat-x !important } .disableActionButton A.link05 {text-decoration: none !important; color: #aaa !important; cursor: default; *height: 12px; *padding: 3px 5px} * HTML .disableActionButton A.link05 {border: 1px solid #ccc} .disableActionButton A.link05disabled {text-decoration: none !important; color: #aaa !important; cursor: default; *height: 12px; *padding: 3px 5px} /* .actionButton .leftPart, .actionButton .rightPart, .disableActionButton .leftPart, .disableActionButton .rightPart {padding: 2px 5px 2px 0; *height: 20px; position: relative; background-color: red} .actionButton .leftPart, .disableActionButton .leftPart {left: -5px; *left: 0} .actionButton .rightPart, .disableActionButton .rightPart {left: 5px; *left: 0} */ SPAN.actionButton:hover { background-color: transparent !important; border: 1px solid #FFCC33; *border: none } SPAN.actionButton:hover A {color: #000 !important} * HTML .actionButton A.link05:hover {background-color: transparent !important; color: #000 !important; border: 1px solid #FFCC33;} .indicator {display: none} .indicator IMG {margin-bottom: -5px; height: 16px} * HTML .indicator IMG {margin-right: -3px} * HTML .actionButtons .indicator IMG {margin-right: 3px} .indicatorFloated {display: none; padding-top: 1px} .indicatorFloated IMG {height: 16px} .mainActionButtons {clear: both; padding-top: 9px; border-top: 1px solid #EEEEEE} .mainActionButtons .floatLeft {margin-right: 4px} .mainActionButtons .floatRight {margin-left: 4px} .mainActionButtons .indicator {padding-top: 1px} .mainActionButtons .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: #EEEEEE} .tabNavigation .tab {float: left; width: 20px; margin-right: 1px; cursor: pointer; background-color: transparent; font-weight: bold; text-align: center; color: #000; line-height: 20px} .tabNavigation .active {background-color: #F29300; font-weight: bold; color: #fff} .tabNavigation .inactive {background-color: transparent; color: #aaa; font-weight: normal; cursor: default} /** * tables */ TABLE {font-size: 11px; background-color: #fff} /* table01 */ .table01 TABLE {width: 100%} .table01 TH {HEIGHT: 18px; PADDING: 2px 0px 1px 5px; TEXT-ALIGN: left; VERTICAL-ALIGN: middle} .table01 TH FIELDSET {PADDING: 2px 0 3px 5px} .table01 TD {HEIGHT: 18px; PADDING: 2px 0 1px 5px; VERTICAL-ALIGN: middle} .table01 TD.header {padding-left: 3px} .table01 .paddingFix .checkbox {margin: 0 7px} .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} /* formStyleTable */ .formStyleTable TABLE {width: 100%} .formStyleTable TH {HEIGHT: 18px; PADDING: 2px 0px 1px 5px; TEXT-ALIGN: left; VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #7F7E82} .formStyleTable TD {HEIGHT: 20px; VERTICAL-ALIGN: middle; padding: 2px 0} .formStyleTable .paddingFix {PADDING-LEFT: 5px; display: block} .formStyleTable .rowDividingLine {HEIGHT: 1px; PADDING: 0; BACKGROUND-COLOR: #FFFFFF} /* 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} .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 {float: left; border:1px solid #ddd} .objectDetailedView .border, .objectDetailedViewNoCheckbox .border {float: left; width: 785px; 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; 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:#eee; cursor: pointer } .objectDetailedView .border .checkboxIcon {position: absolute; margin-left: 106px; margin-top: 106px} .objectDetailedViewNoCheckbox .checkboxIcon {display: none} .objectDetailedView .contentDiv, .objectDetailedViewNoCheckbox .contentDiv {float: left; width: 664px} .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: 294px; *width: 304px; 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; width: 775px; *width: 785px; padding-left: 10px} .objectDetailedView .contentWideDiv .icon, .objectDetailedViewNoCheckbox .contentWideDiv .icon {float: right; margin:0 2px 2px 0; *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 {padding: 3px 0; overflow: hidden} .objectDetailedView .contentWideDiv P.bgcrit, .objectDetailedViewNoCheckbox .contentWideDiv P.bgcrit {background-color: #ffe5e6} .objectDetailedView .objectTitle, .objectDetailedViewNoCheckbox .objectTitle {width: 664px; float: left} .objectDetailedView .objectTitle .title, .objectDetailedViewNoCheckbox .objectTitle .title {float: left; 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.checkboxIcon, .objectDetailedViewNoCheckbox .objectTitle .icon SPAN.checkboxIcon { 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} .objectDetailedViewRadio {margin-left: -785px; *margin-left: -790px; *margin-top: -122px; position: absolute} * 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} /* creative view */ .objectCreativeView, .objectCreativeViewNoCheckbox {float: left; margin: 8px 11px 0 0; width: 122px; overflow: hidden} .objectCreativeView .linkBox, .objectCreativeViewNoCheckbox .linkBox {display: block; width: auto; margin-top: 5px} .objectCreativeView .linkBox .icon, .objectCreativeViewNoCheckbox .linkBox .icon {float: right; margin-left: 3px} .objectCreativeView .inputBox, .objectCreativeViewNoCheckbox .inputBox {display: block; position: absolute; margin: 107px 0 0 107px} .objectCreativeView .iconBox, .objectCreativeViewNoCheckbox .iconBox {display: block; margin: -6px -5px 6px -5px; padding: 3px 2px 3px 2px; background-color: #EEEEEE; text-align: right} .objectCreativeView TABLE.previewTable, .objectCreativeViewNoCheckbox TABLE.previewTable {border: 1px solid #ddd} .objectCreativeView TABLE.previewTable TD.disabledPreview, .objectCreativeViewNoCheckbox TABLE.previewTable TD.disabledPreview {cursor: default} .objectCreativeView .previewTable TD, .objectCreativeViewNoCheckbox .previewTable TD {width: 120px; height: 120px; text-align: center; vertical-align: middle; cursor: pointer} .objectCreativeViewNoCheckbox .checkbox {display: none} .lastSelectedThumbnail TABLE.previewTable {border: 1px solid #bbb} /* 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} .editedMediaDetailed {border-color: #008C10 !important} .uneditedMediaDetailed {border-color: #C42A00 !important} .editedMediaCreative .previewTable {border-color: #008C10 !important} .uneditedMediaCreative .previewTable {border-color: #C42A00 !important} /* thumbnail preview */ .thumbnailPreview {display: block; width: 60px; height: 60px; position: relative; border: 1px solid #EEEEEE} .thumbnailPreview .preview {width: 60px; height: 60px; overflow: hidden; background-color: #EEEEEE; display: table-cell; text-align: center; vertical-align: middle} .thumbnailPreview .preview * {vertical-align: middle} * HTML .thumbnailPreview .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px} .thumbnailPreview .icon {position: absolute; right: 0; bottom: 0; *right: -2px; *bottom: -2px; z-index: 3; cursor: pointer} /* 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} .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; height: 700px; 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} /** * objects navigators */ /* navigator top */ .objectsNavigatorTop {FLOAT: left; WIDTH: 100%; border-bottom: 1px solid #D4D4D4; color: #4c4c4c; padding-bottom: 1px} .objectsNavigatorTop SELECT {FLOAT: left; margin-right: 5px} .objectsNavigatorTop .viewTypeOptionsContainer {float: right; width: 33px; height: 15px; padding: 0; margin-top: 1px} .objectsNavigatorTop .viewTypeOptionsContainer .iconThumbnailViewActive, .objectsNavigatorTop .viewTypeOptionsContainer .iconThumbnailViewInactive {float: left} .objectsNavigatorTop .viewTypeOptionsContainer .iconDetailViewActive, .objectsNavigatorTop .viewTypeOptionsContainer .iconDetailViewInactive {float: right} .objectsNavigatorTop .viewTypeOptionsContainer IMG {display: none} .objectsNavigatorTop IMG {cursor: pointer; float: left; margin: 1px 0 1px 1px} .objectsNavigatorTop INPUT {text-align: center; color: #4c4c4c; height: 17px; *margin-top: -1px} .objectsNavigatorTop .pagesNavigator {float: right; margin-left: 20px} .objectsNavigatorTop .pagesNavigator SPAN {float: left; line-height: 16px; padding-left: 3px; padding-right: 3px} .objectsNavigatorTop .sortButtons {FLOAT: left; margin-right: 12px} .objectsNavigatorTop .sortButtons IMG {margin-right: 2px} .objectsNavigatorTop .floatLeft {line-height: 20px} .objectsNavigatorTop .floatRight {PADDING-TOP: 2px} .objectsNavigatorTop .textBox {padding: 0 1px 0 2px} /* navigator bottom */ .objectsNavigatorBottom {float: left; width: 100%; border-top: 1px solid #D4D4D4; margin-top: 5px; margin-bottom: 20px; padding-top: 3px; color: #4c4c4c} .objectsNavigatorBottom SELECT {FLOAT: right} .objectsNavigatorBottom IMG {cursor: pointer} .objectsNavigatorBottom INPUT {color: #7D7D7D; text-align: right; padding-right: 3px} .objectsNavigatorBottom .pagesNavigator {float: right; padding-left: 7px} .objectsNavigatorBottom .pagesNavigator SPAN {float: left; line-height: 20px; padding-left: 3px; padding-right: 3px} .objectsNavigatorBottom .pagesNavigator SPAN.endPageBottom {padding-right: 0} .objectsNavigatorBottom .floatLeft {line-height: 20px} .objectsNavigatorBottom .floatRight {PADDING-TOP: 2px} .objectsNavigatorBottom .textBox {padding: 0 1px 0 4px; word-spacing: 3px} .pageSelector {width: 24px; padding: 0} .startPageBottom, .leftDotsBottom, .firstLeftPageBottom, .secondLeftPageBottom, .firstRightPageBottom, .secondRightPageBottom, .rightDotsBottom, .endPageBottom, .startPageTop, #leftDotsTop, .firstLeftPageTop, .secondLeftPageTop, .firstRightPageTop, .secondRightPageTop, .rightDotsTop, .endPageTop {display: none} /** * thema div */ .themaDiv {width: 198px; height: 59px; border: 1px solid #EEEEEE; 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 {margin-top: -1px; float: left; width: 100%; padding: 3px 0 3px 0; background-color: #EEEEEE; border-bottom: 1px solid #ffffff} .listClosedLink A {padding-left: 9px} .listClosedLink .floatLeft {padding-left: 5px} .listClosedLink .floatRight {padding-right: 5px} .listBrowsedLink {margin-top: -2px; float: left; width: 100%; padding: 5px 0 4px 0; background-color: #EEEEEE} .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 -700px} .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 -740px} .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; word-wrap: break-word; white-space: normal} .mediaDetails TABLE TD.noPadding {padding: 0} .mediaDetails TABLE TD.textareaCell {padding: 3px 0 2px 0} .mediaDetails TABLE TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none; padding: 0} .mediaDetails TABLE TD .scrollableListContainer {height: 88px; 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 {height: 88px; 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; width: 100%; height: auto}*/ .mediaPreview {float: right; width: 322px; height: auto} .mediaPreview TABLE.previewTable {border: 1px solid #EEEEEE} .mediaPreview TABLE.previewTable TD {width: 320px; height: 320px; background-color: #FFFFFF; text-align: center; vertical-align: middle} .mediaPreview TABLE.previewTable TD.noImage {text-align: left; vertical-align: top} .mediaPreview TABLE.previewTable TD.noImage H3 {padding: 10px; font-size: 16px; color: #333333} .mediaPreview TABLE.previewTable TD.noImage TABLE {border: none} .mediaPreview TABLE.previewTable TD.noImage TD {width: auto; padding: 0 10px 0 10px; height: auto; background-color: transparent; text-align: left; vertical-align: top} .mediaPreview TABLE.previewTable TD.noImage DIV.entries {height: 205px; width: 320px; overflow: auto} .mediaPreview TABLE.previewDataTable {width: 100%; background-color: #EEEEEE; border-top: 8px solid #EEEEEE; border-bottom: 3px solid #EEEEEE} .mediaPreview TABLE.previewDataTable TH {padding: 0 0 5px 10px; text-align: left; vertical-align: top} .mediaPreview TABLE.previewDataTable TD {padding: 0 0 5px 0; text-align: left; vertical-align: top} .mediaPreview TABLE.previewDataTableFixed {width: 100%; background-color: #EEEEEE; border-top: 8px solid #EEEEEE; border-bottom: 3px solid #EEEEEE} .mediaPreview TABLE.previewDataTableFixed TH {padding: 0 0 5px 10px; text-align: left; vertical-align: top} .mediaPreview TABLE.previewDataTableFixed TD {padding: 0 0 5px 1px; text-align: left; vertical-align: top} .previewPagesNav {float: right; padding-bottom: 2px} .previewPagesNav A {float: left} .previewPagesNav .countPages {float: left; color: #333333; padding: 0 4px; line-height: 15px} .moreDetails P {padding: 4px 0 4px 0; border-bottom: 1px solid #EEEEEE} .moreDetails P SPAN {display: block} .mediaPreview .actionButton {margin-left: 5px} /* collections */ .collectionsList {float: left; padding: 5px; background-color: #EEEEEE} .collectionsList LI {padding: 1px 0 2px 0; border-bottom: 1px solid #ffffff; clear: both; float: left; width: 100%; line-height: 13px} .collectionsList LI A {float: left} .collectionsList LI A.iconDeleteCollection {height: 8px; width: 8px; margin-left: 3px; margin-top: 3px} .collectionsList .leftColumn {width: 380px; height: 90px; overflow: auto; background-color: #EEEEEE; border: 1px solid #ffffff; border-right: none} .collectionsList .leftColumn UL LI IMG {display: none} .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} .deleteCollection {padding-left: 8px; position: relative; top: 3px; left: 4px} .collectionsList .buttons {float: left; width: 100%; padding-top: 7px} .collectionsList .buttons .actionButton {float: right} .collectionsList .buttons FIELDSET {display: inline; float: left; margin-top: -1px} .collectionsList .buttons FIELDSET INPUT {margin-bottom: -2px} .collectionsList .buttons FIELDSET .actionButton {float: none} /* 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 */ .widePageColumnFixed {width: 384px; overflow: hidden} .widePageColumnFixed.leftColumn {width: 339px} .widePageColumnFixed.rightColumn {width: 427px} .widePageColumnFixed.rightColumn .imagePreviewHeader {height: 23px} .widePageColumnFixed.rightColumn .imagePreviewHeader span.activeTab {float: left; position: relative; width: 97px; height: 23px; margin-right: 2px; background: transparent url(../images/tab_active.gif) no-repeat; cursor: default} .widePageColumnFixed.rightColumn .imagePreviewHeader span.inactiveTab {float: left; position: relative; width: 97px; height: 23px; margin-right: 2px; background: transparent url(../images/tab_inactive.gif) no-repeat; cursor: pointer} .widePageColumnFixed.rightColumn .imagePreviewHeader span.activeTab .text, .widePageColumnFixed.rightColumn .imagePreviewHeader span.inactiveTab .text {width: 97px; height: 23px; overflow: hidden; display: table-cell; text-align: center; vertical-align: middle} .widePageColumnFixed.rightColumn .imagePreviewHeader span.activeTab .text *, .widePageColumnFixed.rightColumn .imagePreviewHeader span.inactiveTab .text * {vertical-align: middle} .widePageColumnFixed.rightColumn .imagePreviewHeader span.activeTab .text span.fix, .widePageColumnFixed.rightColumn .imagePreviewHeader span.inactiveTab .text span.fix {display: inline-block; height: 100%; margin-top: -1px} .widePageColumnFixed.rightColumn .imagePreviewHeader span.activeTab .text .tabCaption {color: #000} .widePageColumnFixed.rightColumn .imagePreviewHeader span.inactiveTab .text .tabCaption {color: #aaa} .widePageColumnFixed.rightColumn .imagePreviewHeader span.pagesContainer {float: right; height: 23px} .widePageColumnFixed.rightColumn .imagePreviewHeader span.pagesContainer .text {height: 23px; overflow: hidden; display: table-cell; vertical-align: middle; font-size: 11px; color: #333333} .widePageColumnFixed.rightColumn .imagePreviewHeader span.pagesContainer .text * {vertical-align: middle} .widePageColumnFixed.rightColumn .imagePreviewHeader span.pagesContainer .text span.fix {display: inline-block; height: 100%; margin-top: -1px} .widePageColumnFixed.rightColumn .pagesAndImageContainer {border: 1px solid #ddd} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer {height: 88px; background-color: #D8D8D8} .widePageColumnFixed.rightColumn .pagesAndImageContainer .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} .widePageColumnFixed.rightColumn .pagesAndImageContainer .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} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .rightScrollContainerActive {float: left; width: 15px; height: 84px; margin-top: 2px; background: transparent url(../images/scroll_right_active.gif) no-repeat; cursor: pointer} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .rightScrollContainerInactive {float: left; width: 15px; height: 84px; margin-top: 2px; background: transparent url(../images/scroll_right_inactive.gif) no-repeat; cursor: default} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .pagesPreviewListContainer {float: left; width: 391px; height: 84px; margin-top: 2px; overflow: hidden; white-space: nowrap} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .pagesPreviewListContainer .pagesPreviewListDiv {position: relative; left: 0; margin-left: 2px} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .pagesPreviewListContainer .pagesPreviewListDiv img {float:left; height: 80px; border: 0; margin: 2px 2px 0 2px; white-space: nowrap; cursor: pointer} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .pagesPreviewListContainer .pagesPreviewListDiv img.active {border: 2px solid #333333; margin: 0 2px; cursor: default} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .pagesPreviewListContainer .pagesPreviewListDiv img.withoutEditableBox {opacity: .5; filter: alpha(opacity=50)} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .pagesPreviewListContainer span {display: block; text-align: center} .widePageColumnFixed.rightColumn .pagesAndImageContainer .pagesListContainer .pagesPreviewListContainer span img#small_previews_loading_indicator {height: 32px; border: 0; margin-top: 28px} .widePageColumnFixed.rightColumn .pagesAndImageContainer .mainPreview {width: 415px; margin-left: 4px; border: 1px solid #BDBDBD} .widePageColumnFixed.rightColumn .pagesAndImageContainer .mainPreview .preview {width: 415px; overflow: hidden; display: table-cell; text-align: center; vertical-align: middle; white-space: nowrap} .widePageColumnFixed.rightColumn .pagesAndImageContainer .mainPreview .preview * {vertical-align: middle} * html .mainPreview .preview span.fix {display: inline-block; height: 100%; margin-top: -1px} .widePageColumnFixed.rightColumn .imagePreviewFooter {height: 25px; line-height: 25px; padding: 0 4px 0 8px; background-color: #D8D8D8} .widePageColumnFixed.rightColumn .imagePreviewFooter SPAN#checkboxContainer {margin-top: 6px} .widePageColumnFixed.rightColumn .imagePreviewFooter SPAN.floatRight A {margin-top: 5px; margin-left: 3px; float: left; *display: inline} .widePageColumnFixed.rightColumn .imagePreviewFooter .previewLoadingIndicatorContainer {float: right; margin-top: 4px; margin-right: 6px; z-index: 3000} .altImageIcon {position: absolute; margin-left: 44px; margin-top: -18px; cursor:pointer} /* dendriform lists styles */ .dendriformMenuList li {padding: 2px 0 2px 0px; background-image: none; white-space: nowrap} .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; background-image: none} .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} .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} /* ManageThemes lists styles */ .themesManagementList h2.themesHeadline {margin: 0; padding: 5px 0 4px 8px; font-size: 12px; background-color: #EEEEEE} .themesManagementList .border {border: 1px solid #EEEEEE} .themesManagementList .container div a {font-size: 12px !important} .themesManagementList .container div a:hover {color: red} .themesManagementList .container div.cutExpandedNode a {color: #9f9f9f !important} .themesManagementList .container div.cutCollapsedNode a {color: #9f9f9f !important} .themesManagementList .container div.cutExpandedNode a.link08bgExpanded {background: transparent url(../images/arrow_down_grey.gif) no-repeat scroll 0pt 4px !important} .themesManagementList .container div.cutCollapsedNode a.link08bgExpanded {background: transparent url(../images/arrow_down_grey.gif) no-repeat scroll 0pt 4px !important} .themesManagementList .container div.cutExpandedNode a.link08bgCollapsed {background: transparent url(../images/arrow_right_grey.gif) no-repeat scroll 0pt 4px !important} .themesManagementList .container divdiv.cutCollapsedNode a.link08bgCollapsed {background: transparent url(../images/arrow_right_grey.gif) no-repeat scroll 0pt 4px !important} .themesManagementList .container div span.endThemeText {width: 0; height: 0; padding: 0; margin: 0; font-size: 0} .themesManagementList .container div.themeItemEven {padding: 3px 0; background-color: #EEEEEE; border-top: 1px solid #EEEEEE; background-image: none} .themesManagementList .container div.themeItemOdd {padding: 3px 0; background-color: #FFFFFF; border-top: 1px solid #EEEEEE; background-image: none} /* 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} .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} 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: 787px} .detailsCheckboxContainer input.checkbox {margin-right: 3px} .requestLoginText, .resetPasswordText {float: left; clear: both; margin-right: 5px; width: 255px; font-weight: bold} .requestLoginLink, .resetPasswordLink {float: left} #loginLinksSection {margin-top: 17px} .infoRow TD {background-color: #fff; padding: 5px} #loginPage #errorContainer {width: 596px} #reloadButtonsContainerEnabled {float: left; margin-right: 3px; margin-left: 5px; margin-top: 5px} #reloadButtonsContainerEnabled A {float: left; margin-right: 3px} .reloadButtonsContainerLabel {float: left; line-height: 24px} .reloadButtonsContainerStatus {float: left; line-height: 24px; margin-left: 47px; color: red} #pleaseChooseThemaDIV {width: 345px; *width: 355px} #themesListBody {padding: 0} #browseInstanceThemesIframe {clear: both; display: block; margin-left: 12px; width: 100%} /* ---GFX styles--- */ /* GFX images */ .sortButtons IMG, .linkMark, .linkMarkBrowsed, #contextMenu UL LI A, #fcTemplateContextMenu UL LI A, .contextMenu UL LI A, .actionButton, .disableActionButton, .link06bg, .link07bgActiv:link, .link07bgActiv:visited, .link07bgActiv:active, .link08, .link08bg, .link08bgActiv, .link10, .link11bgActiv, .bg {background-color: transparent; background-image: url(https://markenportal.extranet.commerzbank.com:443/ExternalFileDownloadServlet?file=skin/images/gfx.gif); background-repeat: no-repeat} /* A.bg:hover {background-image: url(https://markenportal.extranet.commerzbank.com:443/ExternalFileDownloadServlet?file=skin/images/gfx_hovered.gif); *position: relative} */ .bgImage {background-color: transparent; background-image: url(https://markenportal.extranet.commerzbank.com:443/ExternalFileDownloadServlet?file=skin/images/gfx_bg.gif); background-repeat: no-repeat} .bgVisual {background-color: transparent; background-image: url(https://markenportal.extranet.commerzbank.com:443/ExternalFileDownloadServlet?file=skin/images/visuals.png); background-repeat: no-repeat} /* GFX COLUMN 1 ICONS */ /* Bullets */ /* Left navigation level 1 */ #menu UL LI.link A {background-position: 0 -300px} /* Left navigation level 1 browsed */ #menu UL LI.link_browsed A {background-position: 0 -340px} /* Left navigation level 2 */ #menu UL UL LI.link A {background-position: 0 -380px} /* Left navigation level 2 browsed */ #menu UL UL LI.link_browsed A {background-position: 0 -420px} /* Left navigation level 3 */ #menu UL UL UL LI.link A {background-position: 0 -460px} /* Left navigation level 3 browsed */ #menu UL UL UL LI.link_browsed A {background-position: 0 -500px} /* Site navigation */ #siteNavigation A {background-position: 0 -540px} /* Site navigation active */ #siteNavigation A:hover {background-position: 0 -580px} /* Modules navigation */ #modulesNavigation UL LI A {background-position: 0 -620px} /* Modules navigation active */ #modulesNavigation UL LI.activ A, #modulesNavigation UL LI A:hover {background-position: 0 -660px} /* Links */ .linkMark, .crossNavigation UL.navigationLinks LI A.link04, #relatedLinks LI A, .searchLink, .crossNavigation UL.navigationLinks LI A.link04:hover, #relatedLinks LI A:hover, .searchLink:hover, .link11bgDefaultCursor, .link11bg {background-position: -1px -700px} .link04, .link06bg, .link07normal, .link08, .link08bg, .link09, #contextMenu UL LI A, .contextMenu UL LI A, #fcTemplateContextMenu UL LI A {background-position: 0 -700px} #serviceLinksItem A {background-position: 4px -697px} /* ext menus */ .x-menu-list-item .link04 {background-position: 0 -697px} /* Links browsed */ .link06bgActiv, .link07bgActiv, .link08bgActiv, .linkMarkBrowsed , .link11bgActiv {background-position: 0 -740px} /* Tiles */ .tileHeadlineTop A , .tileHeadlineMiddle A {background-position: 9px -780px} /* Tiles active */ .tileHeadlineTop A:hover, .tileHeadlineMiddle A:hover {background-position: 9px -820px} /* Header */ #headerBackground {height: 72px; width: 100%; background-position: 0px -300px; position: absolute; left: 0} #logoutBullet, #logoutLink, #loggedUser IMG, #welcomePageLeftLogo, #welcomePageRightLogo {display: none} #userIcon {background-position: 0 -120px; display: block; float: left; height: 10px; width: 10px; margin-top: 5px; margin-right: 2px} #logoutBullet {height: 20px; width: 5px; background-position: 0 -860px; position: absolute} #modulesNavigationBackground, #headerCaption #headerCaptionContent, #customerNavigation {display: none} #headerCaption {position: absolute; top: 10px; left: 213px; width: 250px; height: 25px; background-position:0 -200px} /* Links */ .crossNavigation UL.navigationLinks LI {clear: both} .crossNavigation UL.navigationLinks LI A.link04 {display: block; float: left; padding-top: 1px;width:168px} /* Icons & buttons */ .icon {display: block; width: 15px; height: 15px} .icon IMG {display: none} .buttonBack {background-position: -120px -30px; cursor: pointer} .buttonForward {background-position: -120px 0px; cursor: pointer} .iconAcrobat {background-position: -60px -150px; cursor: pointer} .iconAdd {background-position: -30px 0px; cursor: pointer} .iconAddFile {background-position: -30px -90px; cursor: pointer} .iconAdvancedActive {background-position: -210px -120px} .iconAdvancedInactive {background-position: -180px -120px} .iconDelete {background-position: -30px -120px; cursor: pointer} .iconDeleteCollection {background-position: -240px 0px} .iconDetails {background-position: -30px -150px; cursor: pointer} .iconDetailViewActive {background-position: -90px -210px} .iconDetailViewInactive {background-position: -90px -240px} .iconEdit {background-position: -30px -60px; cursor: pointer} .iconEnlarge {background-position: -30px -180px; cursor: pointer} .iconExcel {background-position: -60px -210px; cursor: pointer} .iconFailure {background-position: -270px -120px} .iconGoToTopOfPage {background-position: -90px -120px} .iconGrowImageActive {background-position: -210px -60px} .iconGrowImageInactive {background-position: -180px -60px} .iconHiRes {background-position: -210px -150px; cursor: pointer} .iconLowRes {background-position: -180px -150px; cursor: pointer} .iconMail {background-position: -60px 0px; cursor: pointer} .iconMore {background-position: -60px -60px; cursor: pointer} .iconOK {background-position: -60px -90px; cursor: pointer} .iconPrint {background-position: -30px -210px} .iconReloadPageEnabled {background-position: -90px 0; cursor: pointer} .iconReloadPagesEnabled {background-position: -90px -60px; cursor: pointer} .iconReject {background-position: -30px -30px; cursor: pointer} .iconSave {background-position: -60px -120px; cursor: pointer} .iconShrinkBottomActive {background-position: -210px 0} .iconShrinkBottomInactive {background-position: -180px 0} .iconShrinkImageActive {background-position: -210px -30px} .iconShrinkImageInactive {background-position: -180px -30px} .iconSLType2Active {background-position: -210px -90px} .iconSLType2Inactive {background-position: -180px -90px} .iconThumbnailViewActive {background-position: -90px -150px} .iconThumbnailViewInactive {background-position: -90px -180px} .iconWord {background-position: -60px -180px; cursor: pointer} .iconMarkOfficial {background-position: -60px -30px; cursor: pointer} .sortButtons .sortButtonDescActive {width: 16px; height: 16px; float: left; background-position: 0 -30px; cursor: pointer; margin-right: 2px} .sortButtons .sortButtonDescDisabled {width: 16px; height: 16px; float: left; background-position: 0 -60px; cursor: default; margin-right: 2px} .sortButtons .sortButtonAscActive {width: 16px; height: 16px; float: left; background-position: 0 -90px; cursor: pointer} .sortButtons .sortButtonAscDisabled {width: 16px; height: 16px; float: left; background-position: 0 0; cursor: default} #massImportsTable TD.buttonContainer {padding: 1px 0} #massImportsTable TD.buttonContainer DIV {width: 100px; overflow: hidden; padding-bottom: 3px; padding-top: 3px;} #massImportsTable .allEdited {background-position: -270px -60px} #massImportsTable .partiallyEdited {background-position: -270px -30px} #massImportsTable .noEdited {background-position: -270px 0} #massImportsTable .noFiles {background-position: -270px -90px} #massImportsTable .iconFailure {margin-left: 11px; width: 10px; height: 10px} #massImportsTable .iconFailure IMG {display: none} .iconPrint, .iconGoToTopOfPage, .iconThumbnailViewActive, .iconThumbnailViewInactive, .iconDetailViewActive, .iconDetailViewInactive {width: 15px; height: 15px} .iconDetailViewActive, .iconThumbnailViewActive {cursor: default} #finetuningContainer {width: 366px; *width: 373px; height: 40px} #finetuningContainer .icon {width: 15px; height: 15px; *width: 17px; *height: 17px; display: block; border: 1px solid #fff; cursor: pointer} /* Layout elements */ #body, #bodyTileView, #loginPage {background-color: #fff; background-position: 0 -1100px} #mainContainer {float: left; width: 100%} #containerTop {float: left; width: 100%; margin-bottom: 20px} #containerMiddle {float: left; *display: inline; width: 1000px} #loginPage #containerMiddle {margin-left: 200px} #containerBottom {float: left; width: 100%; height: 50px; margin-top: 20px; background-position: 0 -700px} #containerBottom #footer, #mainSubNavigation, #leftBottomLogo, #rightBottomLogo {display: none} #cobaFooter {display: none; background-color: #E5E5E5; height: 25px; line-height: 25px; padding-right: 9px; margin-top: 10px} #cobaFooter A {margin-left: 10px} #serviceLinksItem { position: absolute; height: 20px; line-height: 20px; cursor: pointer; top: 5px; left: -1px; background-color: transparent } #serviceLinksItem A {display: block; padding: 0 5px 0 12px; white-space: nowrap; font-family: Verdana,sans-serif; color: #000; font-size: 11px; font-weight: normal } .serviceLinksItemBrowsed {background-position: 4px -737px !important} .serviceLinksItemClosed {background-position: 4px -697px !important} /* TILE VIEW */ #bodyTileView #workAreaWider {width: auto; padding-left: 15px; width: 975px; *width: 990px} #bodyTileView #breadcrumbs {margin-bottom: 10px} #bodyTileView .leftColumn {width: 786px; overflow: hidden} #bodyTileView #leftColumnWide {float: left; width: 801px; margin-left: -15px; *display: inline} #bodyTileView #leftColumnWide #ExternalTileViewIFrame {display: block; width: 791px; height: 400px} #bodyTileView .rightColumn {width: 188px} #bodyTileView .rightColumn #searchBox {display: none} #breadcrumbs A {color: #888} .select-container {float: left; width: 221px; *width: 225px; height: 178px *height: 182px; border: 2px solid #b4b4b4; margin-right: 37px; margin-bottom: 15px} .lastElement {margin-right: 0} .tileImage {display: none; cursor: pointer} .tileImageFixed {height: 91px; width: 221px; border: none; cursor: pointer} .tileHeadlineTop {width: 221px; height: 18px; white-space: nowrap; *margin-top: -3px} .tileHeadlineTop A:hover {text-decoration: none} .tileHeadlineTop A, .tileHeadlineTop A:visited {display: block; line-height: 18px; background-color: transparent; *width: 100%; padding-left: 17px; cursor: pointer; font-weight: bold; color: #fff} .tileHeadlineMiddle {width: 221px; height: 18px; white-space: nowrap; *margin-top: -3px} .tileHeadlineMiddle A:hover {text-decoration: none} .tileHeadlineMiddle A, .tileHeadlineMiddle A:visited {display: block; line-height: 18px; background-color: transparent; *width: 100%; padding-left: 17px; cursor: pointer; font-weight: bold; color: #fff} .hovered .tileHeadlineTop A, .hovered .tileHeadlineMiddle A {background-color: transparent; color: #fff; text-decoration: none} .tileDescription {margin: 10px 8px; width: 205px; overflow: hidden} .tileHeadlineTop {display: none} .searchLink {float: right; padding-left: 9px; padding-right: 5px; margin-left: 5px} A.searchLink {color: #0066CC} #searchInput, #optionContent {margin-right: 5px; *margin-right: 4px} #optionContent {padding-left: 0} #searchInput {padding-left: 3px} /* MEDIA POOL WELCOME PAGE */ #welcomePageTitleVersion2 {display: none} #mediaPoolWelcomeText, #mediaPoolWelcomeImage {display: none} #globalSearchContainer {padding-right: 10px; margin-bottom: 20px; float: left; width: 767px; *width: 787px} #globalSearchContainer LABEL {display: block} #globalSearchTerm, #mainActionButtonsEnabledContainer, #mainActionButtonsDisabledContainer {float: left} #globalSearchTerm {margin-right: 4px} #mainActionButtonsEnabledContainer, #mainActionButtonsDisabledContainer {padding-top: 2px; *padding-top: 0} #globalSearchDetailsLink {float: right} #globalSearchDetailsLink A {line-height: 16px} *HTML #globalSearchContainer INPUT {float:left} #lastAddedMediasContainer {float:left; margin-bottom: 20px} #lastAddedMediasContainer .objectCreativeViewNoCheckbox {margin-top: 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 {clear: both} /* WEB2PRINT WELCOME PAGE */ #web2printWelcomeText, #web2printWelcomeImage {display: none} /* WORKAREA FOOTER */ #workAreaFooter {border-top: 1px solid #ccc; margin-top: 15px; padding-top: 5px} #workAreaFooter A {display: inline} #workAreaFooter .pagePrintItem {float: left; height: 15px; line-height: 15px; cursor: pointer} #workAreaFooter .pagePrintItem .iconPrint {float: left; *float: none} #workAreaFooter .pagePrintItem .text03 {padding-left: 3px} #workAreaFooter .goToTopOfPageItem {float: right; height: 15px; line-height: 15px; *display: inline; cursor: pointer} #workAreaFooter .goToTopOfPageItem .iconGoToTopOfPage {float: right; *float: none} #workAreaFooter .goToTopOfPageItem .text03 {float: left; *float: none; padding-right: 3px} .bottomManagementContainer {padding-top: 5px; margin-top: 5px} .bottomManagementContainer LABEL {padding: 0 10px 0 3px} .bottomManagementContainer LABEL, .bottomManagementContainer INPUT, .bottomManagementContainer SELECT {float: right} .mediaTooltip {padding: 5px; background-color: #eee; border: 1px solid #ccc; 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: #eaeaea} .tooltipContainer {display: none; overflow: visible} /* EXTJS */ .x-menu-list-item .link04 {padding-left: 9px !important} /* MISC */ #userCaption {display: none} #noRandomGalleryText {padding: 3px 5px} iframe#workFlowsTemplateIframe {background-color: #F0F0F0; width: 355px} .editMediaForm .columnLeft .structuredKeywordsFieldset {width: 100%} .editMediaForm .columnLeft .structuredKeywordsFieldset INPUT.keywordField {width: 339px} .searchLoadingIndicatorContainer {display: none; margin-bottom: 20px} * HTML #sendAsMailDiv FIELDSET.floatLeft SELECT OPTION {position: relative} * HTML .editObjectFormFixed {width: 517px} * HTML .editObjectForm FIELDSET.floatLeft SPAN.actionButton {position: relative; top: 4px} #topStructuredKeywords {margin-left: 30px; margin-top: 20px; overflow: hidden} #topStructuredKeywords H2 {line-height: 25px; background-color: #E5E5E5; text-indent: 6px; margin-bottom: 10px} #topStructuredKeywords A {color: #333} #topStructuredKeywords A:hover {color: #333} #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: 787px; overflow: hidden} .previewPagesNavigationContainer A {float: left} .previewPagesNavigationContainer .text03 {float: left; width: 747px; 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: 15px} .imageBottomButtons {float: right} .imageBottomButtons .actionButton, .imageBottomButtons .disableActionButton {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; padding: 10px 0;} .detailsPopup H2{margin-bottom: 12px; margin-left: 10px; width: 853px; overflow: hidden;} .detailsPopup #tabsContainer {height: 21px; background-color: #eee; margin-bottom: 10px; padding-top:10px;} .detailsPopup #leftColumnBig {float: left; width: 370px; margin-left: 10px; overflow: hidden; *display: inline} .detailsPopup #leftColumnSmall {float: left; width: 120px; margin-left: 10px; overflow: hidden; *display: inline} .detailsPopup .rightColumn {float: right; width: 432px; margin-right: 10px; overflow: hidden; *display: inline} .detailsPopup .rightColumnWide {float: right; width: 690px; margin-right: 10px; overflow: hidden; *display: inline} .detailsPopup #leftColumnBig .previewDataTableFixed{margin-right:25px;} .detailsPopup #bigPreviewContainer {margin-bottom: 33px; *margin-bottom: 29px; *width: 373px; overflow: hidden} .detailsPopup #bigPreviewContainer #headerRow {width: 346px; margin-bottom: 4px; text-align: right} .detailsPopup #previewLeftTab, .detailsPopup #previewLeftTabInactive, .detailsPopup #previewRightTab, .detailsPopup #previewRightTabInactive {float: left; width: 24px; height: 322px} .detailsPopup .previewLeftTabActive {background-position: -350px 0; cursor: pointer} .detailsPopup .previewLeftTabInactive {background-position: -380px 0; cursor: default} .detailsPopup .previewRightTabActive {background-position: -410px 0; cursor: pointer} .detailsPopup .previewRightTabInactive {background-position: -440px 0; cursor: default} .detailsPopup #bigPreviewImageContainer {float: left; border: 1px solid #c8c8c8} .detailsPopup #bigPreviewImageContainer TD {width: 320px; height: 320px; text-align: center; vertical-align: middle} #leftColumnSmall .previewTableContainer{background-color:#EEEEEE;FLOAT: left; width: 120px; height: 120px; *width: 121px; *height: 121px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden} .detailsPopup #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} .detailsPopup #smallPreviewsContainer TD {height: 60px; width: 60px; text-align: center; vertical-align: middle; border: 1px solid #c8c8c8; cursor: pointer; background-color: #dfdede} .detailsPopup #smallPreviewsContainer TD.active {border-color: #F29300; cursor: default} .detailsPopup #smallPreviewsContainer TD.spacer {border: none; width: auto; height: auto} .detailsPopup #smallPreviewsContainer TD.spacer IMG {width: 9px} .detailsPopup .mediaDetails {float: left; width: 100%; margin-top: 18px; height: auto; overflow: hidden} .detailsPopup .mediaDetails TABLE {width: 100%; background-color: #fff; margin-bottom: 10px}*/ .alternativePicturesText {float: left; margin-right: 20px}