* {margin: 0; padding: 0}

BODY {background-color: #fff; background-position: 0 -1100px}
BODY, TD, P, #aboutPopupContent {font-family: Arial,sans-serif; font-size: 11px; color: #000; text-decoration: none}

UL {list-style: none}
LI {line-height: 1}
FIELDSET {border: none}
FIELDSET.bordered, .editMediaForm FIELDSET.bordered {display: block; width: auto; margin-top: 5px; margin-bottom: 5px; border: 1px solid #999; padding: 9px; padding-top: 0}
FIELDSET.bordered LEGEND {color: #333; font-weight: bold; padding: 0 3px}
FIELDSET.bordered .borderedInnerContainer {position: relative; margin-top: 5px; overflow: hidden; *zoom: 1}
FIELDSET.bordered .borderedInnerContainer LABEL {width: auto}
FIELDSET.bordered .borderedInnerContainer .iconHelpEnabled, FIELDSET.bordered .borderedInnerContainer .iconHelpDisabled {float: right}
FIELDSET.textareaContainer01 {position: relative; padding-bottom :0 !important}
FIELDSET.textareaContainer01 .checkbox,
FIELDSET.textareaContainer01 .icon {position: absolute; bottom: 0; margin-left: 3px}
FIELDSET.spaced {padding-top: 10px !important}

P, H1, H2, H3, H4 {background-color: transparent}


#editMediaForm A.customDropdown:focus {outline: 1px dotted}











H1 {font-size: 14px !important; font-weight: bold; color: #999}
H2 {font-size: 12px !important; font-weight: bold; color: #000; margin-bottom: 12px !important}
H3 {font-size: 11px !important; font-weight: bold; color: #999; line-height: 18px}
H4 {margin-bottom: 10px; color: #000}

H5 {padding: 5px 0 5px 20px; margin-bottom: 5px; color: #F29400}
H5.pageTitle {padding: 16px 0 16px 10; font-size: 12px; margin-bottom: 12px; color: #000}
H5, H5.pageTitle {background-color: #F0F0F0; font-weight: bold}


/**
 * Links
 */

A:link, A:visited, A:active {text-decoration: none; color: #333; font-family: Arial,sans-serif; font-size: 11px; outline: none}
A:hover, .collapsedCategory .commandLink:hover, .expandedCategory .commandLink:hover, .categorycontainer .commandlink:hover, .textLink:hover {color: #F29400; text-decoration: none}

.commandLink, .objectViewTitle {color: #333; font-weight: bold; padding-left: 15px}
.commandLinkNoBG {color: #333; font-weight: bold}

.commandLinkHigh {color: #333; font-weight: bold; padding-left: 15px}
.commandLinkHighNoBG {color: #333; font-weight: bold}

.commandLinkLight {font-size: 11px; color: #333; padding-left: 15px}
A.commandLinkLightNoHover:link, A.commandLinkLightNoHover:visited, A.commandLinkLightNoHover:active {color: #000; font-weight: normal; padding-left: 15px}
.commandLinkLightNoBG {color: #333}

.collapsedLink, .expandedLink, .collapsedLinkDisabled, .collapsedLinkDisabled:hover, .collapsedLinkEmpty, .collapsedLinkEmpty:hover,
.collapsedCategory .commandLink, .expandedCategory .commandLink, .categoryContainer .commandLink {color: #333; font-weight: bold; padding-left: 15px}
.collapsedLinkDisabled, .collapsedLinkEmpty {cursor: default}
.collapsedLinkDisabled:hover, .collapsedLinkEmpty:hover {text-decoration: none}

.simpleLink:link, .simpleLink:visited, .simpleLink:active, .simpleLink:hover {font-size: 11px; color: #333; font-weight: bold}

.popupLink {display: inline-block; line-height: 20px; background: url('../images/popupLinkIcon.png') 0 4px no-repeat; padding-left: 15px; font-weight: bold; white-space: nowrap}
.popupLinkInline {display: inline-block; background: url('../images/popupLinkIcon.png') 0 1px no-repeat; padding-left: 15px; font-weight: bold; white-space: nowrap}

.iconLink .icon {float: left}
.iconLink .commandLinkNoBG {float: left; padding-left: 3px; line-height: 20px}

.linkLine01 {padding: 5px 0 4px 6px; background-color: #eee}


*HTML .linkHolder .collapsedLink, .linkHolder .expandedLink {float: left}

.commandLink, .commandLinkHigh, .commandLinkHighNoBG, .commandLinkLight, .commandLinkLightNoHover,
.collapsedLink, .expandedLink, .collapsedLinkDisabled, .collapsedLinkEmpty, .objectViewTitle {
	display: inline-block
}

A.textLink, A.textLink:hover {text-decoration: underline}





.header1 {border-bottom: 1px solid #000}

.inlineTitle {margin-bottom: 5px !important}




/* label */
LABEL {overflow: hidden}
LABEL, .commandLinkHighNoBG, .commandLinkHigh, .checkboxes .simpleLink, .form15 FIELDSET P {line-height: 20px}
LABEL.typ01 {float: left; width: 276px}


.standardFieldHeight {height: 20px; line-height: 20px}

INPUT.lineHeightVerticalAlign {margin-top: 4px}

.disabledCheckboxTooltipFixLeft {float: left; height: 13px; margin-left: -14px; margin-top: 4px; width: 13px; *display: none}

.standardSpaceRight {margin-right: 3px; _display: inline}
.standardSpaceLeft {margin-left: 3px; _display: inline}
TD.standardSpaceRight {padding-right: 3px}
TD.standardSpaceLeft {padding-left: 3px}
.bigSpaceRight {margin-right: 10px; _display: inline}
.bigSpaceLeft {margin-left: 10px; _display: inline}

.fieldButtonVSpacer {clear: both; padding-bottom: 4px; font-size: 0}
.center { text-align: center }


/* Background colors and font styles */

.bg1 {background-color: #eaeaea}
.bg2 {background-color: #fff}
.bg3 {background-color: #7F7E82}
.bg4 {background-color: #eee}
.bg4farbe {background-color: #eee; color: #000}
.bg5 {background-color: #333}
.bg6 {background-color: #E6E6E6}
.bg7 {background-color: #ccc}
.bg8 {background-color: #999}
.bg9 {background-color: #31659C}
.bgpass {background-color: #97A8CA}
.bgcrit {background-color: #ffe5e6}

.sonstiges {color:#333; font-weight: bold}
.subtitle {color: #000; font-size: 12px; font-weight: normal; background-color: transparent}
.subtitleInfo {margin-bottom: 15px}
.tblsubtitle {color: #333; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999}
.tbltxt {color: #333; font-size: 11px; font-weight: 100; vertical-align: middle}
.tbltxtbold {color: #000; font-size: 11px; font-weight: bold}
.tabellentextred {color: #b00100; font-weight: 100; vertical-align: middle}
.tabellentextred a , .tabellentextred a:active, .tabellentextred a:hover, .tabellentextred a:link, .tabellentextred a:visited ,
#mediaSetInfoTextarea a , #mediaSetInfoTextarea a:active, #mediaSetInfoTextarea a:hover,
#mediaSetInfoTextarea a:link, #mediaSetInfoTextarea a:visited {color: #336699; font-weight: 100; vertical-align: middle; text-decoration: underline}
#mediaSetInfoTextarea P {padding: 5px}
.tbltext01boldcentered {color: #000; font-weight: bold; text-align: center; vertical-align: middle !important}
.text01boldcentered {color: #000; font-weight: bold; text-align: center}
.tabCaption {color: #fff; font-size: 12px; font-weight: bold}

.text01 {color: #333; font-weight: normal}
.text01bold {color: #333; font-weight: bold}
.text02 {color: #000; font-size: 10px; font-weight: normal}
.text02bold {color: #000; font-size: 10px; font-weight: bold}
.text03, .remarksField {color: #333; font-size: 11px; font-weight: normal}
.text03bold {color: #333; font-size: 11px; font-weight: bold}
.text04 {color: #B00100; font-weight: normal; vertical-align: middle}
.text04bold {color: #336699; font-weight: bold; vertical-align: middle}
.text05 {color: #333; font-weight: normal; vertical-align: middle}
.text05bold {color: #333; font-weight: bold; vertical-align: middle}
.text06 {color: #000; font-weight: normal}
.text06bold {color: #000; font-weight: bold}
.text07 {color: #8F8F8F; font-weight: normal}
.text07bold {color: #8F8F8F; font-weight: bold}
.text08bold {color: #F46956; font-size: 11px; font-weight: bold}
.text09 {color: #000; font-weight: normal; vertical-align: middle; padding-right:20px}
.text09bold {color: #000; font-weight: bold; vertical-align: middle}
.text10 {color: #000; font-weight: normal; vertical-align: middle}
.text10bold {color: #000; font-weight: bold; vertical-align: middle}
.text11 {color: #333; font-size: 11px; font-weight: normal; text-decoration: underline}
.text11 A:link, .text11 A:hover {text-decoration: underline}
.text11bold {color: #333; font-size: 11px; font-weight: bold; text-decoration: underline}

.info {color: #999}
.infoText {word-wrap: break-word}
.hint {color: #333; font-size: 10px; font-weight: bold}

.strikeThroughText {text-decoration: line-through}

.normalText {font-weight: normal}
.lightText {font-weight: normal; font-size: 10px}

.justified {text-align: justify}

.publishedText {color: #CC0000; padding-left: 10px}

.shrinkedText {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}


.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 !important}

.floatLeft {float: left; _display: inline}
.floatRight {float: right; _display: inline}
.floatRightMargined {float: right; margin-left: 5px}

.visibilityHidden {visibility: hidden}
.hiddenElement {visibility: hidden; position: absolute; top: -10000px; left: -10000px}

/* workaround for IE6 when the hidden element still remains hidden after this class is removed */
.hiddenElementIEFix {visibility: hidden; _visibility: visible; position: absolute; top: -10000px; left: -10000px}

.noWrap {white-space: nowrap}
.noMargin {margin: 0 !important}


.errors {padding-bottom: 10px}
.errors .messages {padding: 5px 5px 6px 3px; border: solid 1px #b3b3b3; margin-top: 5px; background: #fff url(../images/cards/errors_em_sign.gif) no-repeat left center; min-height: 35px; *height: 35px}
.errors .messages .tabellentextred {font-size: 13px; padding-left: 30px}
.errors .messages .tabellentextred .errorListItem {display: list-item; margin-left: 20px}

.inlineErrors p {color: #B00100;margin-bottom:5px}
.inlineSuccessMessage {position: relative; padding-left: 30px; padding-top: 7px; margin-bottom: 15px}
.inlineSuccessMessage a {position: absolute; top: 5px; left: 5px; _left:-25px}

.tabellentextred .errorListItem {display: list-item; margin-left: 20px}


 /* .invalidField INPUT, .invalidField TEXTAREA, .invalidField SELECT {background: #f7e6e6; border: 1px solid #cc0000} */

.invalidFieldItem {background: #f7e6e6; border: 1px solid #cc0000}
.invalidFieldMessage {padding: 4px 0; clear: both}

FORM.validForm .invalidFieldItem {border: 1px solid #999; background-color: #fff; color: #000}
FORM.validForm .invalidFieldMessage {display: none}
FORM.validForm #customFormErrorDiv {display: none}


/* default error message color (red) */
.attentionText, .invalidFieldMessage {color: #cc0000}


.indicationMessage {padding: 6px 0 6px 9px; background-color: #FFCC99}

.mandatoryMark {padding-left: 2px; color: #333}
.mandatoryFieldMark {z-index: 100; position: absolute; margin-bottom: -10px; padding-left: 4px; padding-top: 13px; font-size: 12px; color: #000}

.mandatoryFieldMsg {margin-bottom: 10px}

.linkImg {cursor: pointer}
.linkMark, .linkMarkBrowsed {padding-left: 5px}
.hr {clear: both; border-bottom: 1px solid #ccc; font-size: 0}
.hrMargined {clear: both; border-bottom: 1px solid #ccc; font-size: 0; margin: 10px 0}

HR, .hrDark {clear: both; border: 0; color: #ccc; background-color: #ccc; height: 1px; margin: 8px 0; *font-size: 0}
.hrDark {color: #999; background-color: #999}

.rowElement {float: left; width: 100%}
.tableRowElement {float: left; width: 100%; background-color: #eee}
.tableOperations {padding-left: 5px !important}

.inlineListEl {margin-right: 10px}

/* notification boxes */
.errorNotificationBox, .attentionNotificationBox, .infoNotificationBox {border: 1px solid #CC0000; padding: 27px 70px; position: relative}
.errorNotificationBox H2, .attentionNotificationBox H2, .infoNotificationBox H2,
.errorNotificationBox P, .attentionNotificationBox P, .infoNotificationBox P {overflow: hidden}

.errorNotificationBox .notificationBG {position: absolute; top: 20px; left: 20px; *top: 21px; *left: -50px}

#popupBody .errorNotificationBox, #popupBody .attentionNotificationBox, #popupBody .infoNotificationBox {padding: 34px 85px; margin-top: 50px}
#popupBody .errorNotificationBox .notificationBG {position: absolute; top: 20px; left: 20px; *top: 21px; *left: -65px}



.accessDenied {margin:20% 10% 20% 30%; padding:20px}
.accessDenied P {font-size: 12px; line-height:20px; font-weight: bold; color: #333}



.hiddenIframe, #hiddenIFrame {display: none}
.hiddenIframeFixed {visibility: hidden; width: 0; height: 0; position: absolute}
.readonlyTextarea {width: 100%; height: auto; overflow: visible; background: transparent; border: none; padding: 0}
.readonlyTextareaScrollable {width: 100%; height: auto; overflow: scroll-y; background: transparent; border: none}
.readonlyTextareaScrollableWithBorder {width: 100%; height:84px; overflow:auto; background:#fff; border:1px solid #999}

.leftColumn, .cmLeftColumn {float: left}
.rightColumn, .cmRightColumn{float: right}


.leftColumnShort {width: 300px}

.twoColumnElement {padding: 6px 5px}
.twoColumnElement .leftColumn, .twoColumnElement .rightColumn {padding: 0 3px; width: 382px; *width: 388px; text-align: left; overflow: hidden}

#singleMassImportButtons {padding-bottom: 0; _width: 100%}
#singleMassImportButtons FIELDSET {float: left; margin-bottom: 6px}
#singleMassImportButtons .actionButton {float: right; margin-bottom: 6px}


.bulletParagraph {padding-left: 15px; padding-bottom : 10px; position: relative; overflow: hidden}
.bulletParagraphIMG {height: 8px; width: 8px; background-position: 0 -564px; position: absolute; left: 0; *left: -15px; top: 3px}

.standardPaddingContainer {padding: 10px}

.radioTextIcon {position: relative; top: 7px; margin: 0 3px}


.lastElement {margin-right: 0 !important}
.lastVertElement {padding-bottom: 0 !important}


.contextMenuIframe {position: absolute; left: 0; top: 0px; display: none; filter: alpha(opacity=0); opacity: 0; -moz-opacity:0; width: 162px; height: 50px}

.contextmenu, .contexmenurightclick {position: absolute; z-index: 1000; visibility: hidden; width: 162px; overflow: hidden}
.contextMenu UL {background-color: #eee; border: 1px solid #ccc; padding: 2px 7px 1px 7px}
.contextMenu UL LI, .contexMenuRightClick UL LI {display: block; padding-bottom: 5px; padding-top: 3px; padding-bottom: 3px}

.contexMenuRightClick {width: 130px; background-color: #d4d4d4; border: 1px solid #7d7d7d; color: #333}
.contexMenuRightClick UL {padding: 10px 7px 5px 7px}
.contexMenuRightClick LI A.inactive {color: white; cursor: default}
.contexMenuRightClick .closeButton {float: right}

.contextMenu UL LI A, .contexMenuRightClick UL LI A {display: block; line-height: 12px}


.contextMenu2, .contextMenu2OneCol {position: absolute; z-index: 19000; visibility: hidden; width: 346px; *width: 348px; background-color: white; border: 1px solid #ddd; top: -10000px; left: -10000px}
.contextMenu2OneCol {width: 181px; _width: 183}
.contextMenu2 .closeButton, .contextMenu2OneCol .closeButton {position: absolute; top: 3px; right: 3px; z-index: 5000}
.contextMenu2 .CMSection, .contextMenu2OneCol .CMSection {display: none; clear: both; margin-bottom: 5px; overflow: hidden}
.contextMenu2 H3, .contextMenu2OneCol H3 {line-height: 20px; text-indent: 10px; background-color: #eaeaea; margin-bottom: 5px; font-size: 11px; color: #000; font-weight: normal; clear: both; _zoom: 1}
*HTML .contextMenu2 H3 LABEL, *HTML .contextMenu2OneCol H3 LABEL {float: left}
.contextMenu2 H3 .icon, .contextMenu2OneCol H3 .icon {float: right; margin-right: 18px; _display: inline}

.contextMenu2 .cmLeftColumn, .contextMenu2 .cmRightColumn, .contextMenu2OneCol .cmLeftColumn {width: 158px !important; margin-left: 10px; _display: inline}
.contextMenu2 .cmRightColumn {margin-right: 10px; margin-left: 0}

.contextMenuItem IMG, .contextMenuItem .linkText {height: 29px; background-color: inherit;}
.contextMenu2 .contextMenuItem, .contextMenu2OneCol .contextMenuItem {
	display: none; clear: both; padding-left: 4px; background-position: 10000px 10000px;
	border: 1px solid #fff; cursor: pointer; word-wrap: break-word; overflow: hidden; _zoom: 1
}
.contextMenu2 .contextMenuItem IMG, .contextMenu2OneCol .contextMenuItem IMG {float: left; margin-top: -1px; border: none}
.contextMenu2 .contextMenuItem .linkText, .contextMenu2OneCol .contextMenuItem .linkText {
	float: left; width: 119px; _width: 117px; table-layout: fixed
}
.contextMenu2 .contextMenuItem .linkTextInactive TD, .contextMenu2OneCol .contextMenuItem .linkTextInactive TD {color: #808080}

.contextMenu2 .contextMenuItem:hover, .contextMenu2OneCol .contextMenuItem:hover {
	color: #333; border-color: #ccc
}

.contextMenu2 .cmNoColumns {overflow: hidden; _zoom: 1}
.contextMenu2 .cmNoColumns .contextMenuItem {margin-left: 10px; margin-right: 10px}
.contextMenu2 .cmNoColumns .contextMenuItem .linkText {width: 285px; _width: 279px}


.disabledItem {opacity: 0.3; filter: alpha(opacity=30); cursor: default !important}
.disabledItem:hover {background: none !important; border-color: #fff !important}


.linkText TD {line-height: 1}


*HTML #popupBody .contextMenu2, *HTML #popupBody .contextMenu2OneCol {margin-top: -10px}

.dropDownContextMenu LI {float: left; clear: both}
.dropdownContextMenu .dropdownImg {margin-top: 7px}
.dropDownContextMenu .dropDownContextMenuItem {width: 118px; *width: 120px; line-height: 14px; background-color: #EAEAEA; border: 1px solid #ddd; position: absolute; border-top: none; overflow: hidden}
.dropDownContextMenu .dropDownContextMenuItem .dropDownContextMenuLink {display: block; margin: 2px}

.contextMenuVisibleItems .CMSection, .contextMenuVisibleItems .contextMenuItem  {display: block}


.contextMenuButton {width: 35px !important; height: 20px; *height: 22px !important; float: none; background-position: -447px -48px; background-color: #fff; border-radius: 4px}


#editDynamicGridMenu #gridSelectionContextMenu {margin-left: 15px; margin-top: -3px; *margin-left: 17px; *margin-top: -1px}


.deleteIcon {display: inline-block; width: 8px; height: 8px; background-image: url('../images/delete.gif'); cursor: pointer; *font-size: 0}




/* Layout elements */
#mainContainer {float: left; width: 100%}
#containerTop {position: relative; float: left; width: 100%; margin-bottom: 18px}
#containerMiddle {float: left; _display: inline; width: 997px}
#containerBottom {float: left; width: 100%; margin: 20px 0 20px 0; background-position: 0 -700px}
#containerBottom #footer, #leftBottomLogo, #rightBottomLogo {display: none}

#bodyFullWidth #containerMiddle, #bodyFullWidth #workArea {width: auto; float: none}

.IFrameFullWidth {width: 100%}

#cobaFooter, #projectFooterText {display: none}
#projectName, #projectFooterText {border: none; margin: 0 !important}
#cobaFooter A {margin-left: 10px}



#serviceLinksButton {
		position: absolute; top: 87px; right: 2px; padding: 0 24px;
		line-height: 23px; background-position: 0 -2300px; background-repeat: repeat-x; text-align: center; font-weight: bold; cursor: pointer
}
#serviceLinksLink {font-size: 11px; color: #333; white-space: nowrap; _padding-right: 11px; _position: relative; _top: -1px}
#serviceLinksLink .dropdownImg {margin-bottom: 1px; margin-left: 6px; _position: absolute; _margin-top: 6px; _margin-left: 5px}
#slLeftRounder {background-position: 0 -2250px; height: 23px; left: -10px; top: 0; position: absolute; width: 13px}
#slRightRounder {background-position: -50px -2250px; height: 23px; right: -1px; top: 0; position: absolute; width: 4px}

.favoritesList {padding: 5px 10px; margin-bottom: 5px; background-color: #f7f7f7; overflow: hidden; _zoom: 1}
.favoritesList .commandLinkLightNoBG {line-height: 20px}
#slFavoritesHeader {margin-bottom: 0}

#serviceLinksCM {margin-left: 1px}
#serviceLinksCM .CMSection {display: block}
#serviceLinksCM .contextMenuItem {display: block}
#serviceLinksCM .checkboxContainer {width: auto; float: none; padding: 0 0 4px 0}
#serviceLinksCM .checkboxContainer .commandLinkLightNoBG {display: inline-block; max-width: 298px; word-wrap: break-word}

#slCommandLinks {padding: 0 10px}
#slCommandLinks A {float: left; clear: both; white-space: nowrap}



.roundedContainer1px {position: relative; _position: static}
*HTML .roundedContainer1px {border: 1px solid #7f7f7f}

.roundedContainer1px .mmsMsgBody {border: none; margin-bottom: 0}


.rc1pCornerTL, .rc1pCornerTR, .rc1pCornerBL, .rc1pCornerBR {width: 1px; height: 1px}
.rc1pCornerTL {position: absolute; top: 0; left: 0; _display: none}
.rc1pCornerTR {position: absolute; top: 0; right: 0; _display: none}
.rc1pCornerBL {position: absolute; bottom: 0; left: 0; _display: none}
.rc1pCornerBR {position: absolute; bottom: 0; right: 0; _display: none}



#bodyTileView #workAreaWider, #bodyWelcomePage #workAreaWider {
    float: left; padding-left: 20px; width: 975px;
    _width:
    995px
}
#bodyTileView .leftColumn, #bodyWelcomePage .leftColumn {width: 744px}
#bodyTileView .rightColumn, #bodyWelcomePage .rightColumn {width: 230px; ; overflow: hidden}
#bodyTileView .rightColumn .outlineContainer, #bodyWelcomePage .rightColumn .outlineContainer {margin-bottom: 20px; _zoom: 1}
#bodyTileView .rightColumn .generalBox INPUT, #bodyTileView .rightColumn .generalBox SELECT,
#bodyWelcomePage .rightColumn .generalBox INPUT, #bodyWelcomePage .rightColumn .generalBox SELECT {width: 198px; margin-right: 0}



.outlineContainer {position: relative; background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/outline_middle_bg.png); background-repeat: repeat-y; *float: left; z-index: 0}

.outlineTop, .outlineBottom {background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/outline_top_bottom_bg.png); background-repeat: no-repeat}
.outlineTop, .outlineMiddle, .outlineBottom {position: absolute; width: 100%; *overflow: hidden; *zoom: 1}
.outlineBottom {background-position: 0 -15px; height: 12px; bottom: 0; }
.outlineTop {background-position: 0 0; height: 12px}

.outlinePadding {position: relative; padding: 6px; background: transparent}



#randomGalleryView {padding-bottom: 1px; _padding-bottom: 10px; padding-right: 0}
#randomGalleryView .preview, .galleryView .preview {float: left; margin: 0 9px 9px 0; border: 1px solid #DCDCDC; width: 58px; height: 58px; _width: 60px; _height: 60px; overflow: hidden; cursor: pointer}



#bodyWelcomePage #workAreaWider .leftColumn {float: left; width: 712px}



.welcomePageIframe {height: 380px}



#globalSearchContainer {margin-bottom: 25px}


.previewTable TD {background-color: #fff; text-align: center; vertical-align: middle}
.previewTable TD IMG {display: inline-block}

*HTML .previewTable TD, *HTML .previewTableLarge TD {font-size: 0}
*HTML .previewTable TD TD, *HTML .previewTableLarge TD TD {font-size: 11px}




/* MEDIA POOL WELCOME PAGE */

#welcomePageTitleVersion2 {display: none}
#mediaPoolWelcomeText, #mediaPoolWelcomeImage {display: none}

#globalSearchContainer LABEL {display: block}

#globalSearch .x-form-field-wrap, #globalSearchTerm {float: left; margin-right: 3px}
#globalSearch .x-form-field-wrap #globalSearchTerm {margin-right: 0}
#mainActionButtonsEnabledContainer, #mainActionButtonsDisabledContainer {float: left}
#globalSearchTerm {height: 20px; padding-top: 0 !important}
#searchFormMain #globalSearchTerm {float: none}

#changeSearchTypeContainer {float: right}
#changeSearchTypeContainer {padding-right: 9px; padding-top: 16px}
*HTML #globalSearchContainer INPUT {float:left}


#lastAddedMediasContainer {float:left; margin-top: -3px; margin-bottom: 25px; *margin-bottom: 13px}
#lastAddedMediasContainer .objectCreativeViewNoCheckbox {margin-top: 0; margin-bottom: 0; margin-right: 10px; height: auto}
#lastAddedMediasContainer .objectCreativeViewNoCheckbox .previewTable {margin-bottom: 0}
#lastAddedMediasContainer .mediaItem {float: left; border: 1px solid #ddd; margin-right: 11px; overflow: hidden; width: 120px; *width: 122px}
#lastAddedMediasContainer .mediaItem .previewTable TD {width: 120px; height: 120px; text-align: center; vertical-align: middle; cursor: pointer}

*HTML #mediasToDownloadHolder {margin-bottom: 12px}


/* WEB2PRINT WELCOME PAGE */

#web2printWelcomeText, #web2printWelcomeImage {display: none}


/* WORKAREA FOOTER */

#workAreaFooter {border-top: 1px solid #ccc; margin-top: 20px; padding-top: 5px}
#workAreaFooter A {display: inline}
#workAreaFooter .goToTopOfPageItem {float: right; line-height: 20px; _display: inline; cursor: pointer}
#workAreaFooter .goToTopOfPageItem .iconGoToTopOfPage {float: right; *float: none}
#workAreaFooter .goToTopOfPageItem .text03 {float: left; padding-right: 3px; *float: none; *position: relative; *top: -2px}


.addRelLinkPanel {background-color: white; border: 1px solid black; width: 300px; _width: 342px; padding: 20px; position: relative}


#pageHeader {height: 114px; clear: both; background-position: 0 0px; background-color: transparent}
#pageHeader H1 {border-width: 0px; float: right; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0px; padding: 17px 0px 0px; text-align: right; width: 350px}
#pageBody {CLEAR: both}
* HTML #pageBody {height: 100%}

*HTML .middleFCPreview {float: right}

#logo {display: none}
#leftLogo, #rightLogo, #fastFunctionArea {display: none}


/* navigationTop */
#navigationTop {position: absolute; top: 5px; left: 0px; width: 997px}

#navigationTop #loggedUser {float: right}
#loggedUser #username {
    display: block; float: left;
    font-family: Arial,sans-serif; font-size: 11px;
    color: #000; text-decoration: none
}
#loggedUser A#username:hover {color: #F29400; text-decoration: none}
#loggedUser A.commandLinkLight {color: white}
#loggedUser A.commandLinkLight:hover {color: #990000}

#logoutListItem, #logoutListItem A.commandLinkLight {padding-right: 0}



/* siteNavigation */
#siteNavigation {float: right}

#siteNavigation A {
    padding: 0 11px 0 10px;
    font-family: Arial,sans-serif; font-size: 11px;
    color: #000; text-decoration: none;
}
#siteNavigation A:hover {text-decoration: none; color: #F29400}
#siteNavigation .active A, #siteNavigationTop .active A {color: #F29400}

#siteNavigation UL LI {float: left; padding: 0 1px}
#siteNavigation UL LI.divider {width: 1px; height: 14px; margin-top: 3px; padding: 0; background-color: #000}
#siteNavigationTop {display: none}


#navigationTop #loggedUser, #siteNavigation UL LI {line-height: 20px}


/*Maintenance message*/
#maintenanceMessageIconContainer {float: right; margin-top: 1px; padding: 0 10px}
#maintenanceMessageIcon {width: 16px; height: 16px; cursor: pointer}

.maintenanceMessageContainer {border-color: #B00100; text-align: center; color: #B00100; border: solid 1px; width: 980px; font-size: medium; margin-left: 20px}
.indexPageMaintenanceMessageContainer {border-color: #B00100; text-align: center; color: #B00100; border: solid 1px; width: 850px; font-size: medium}



.staticPagesLinks {display: none !important}

/* Module navigation */
#navigationTop #modulesNavigation {position: absolute; top: 60px; left: 10px; width: 990px; overflow: hidden}

#navigationTop #modulesNavigation UL {overflow: hidden; float: left}
#navigationTop #modulesNavigation UL LI {
    float: left; _display: inline; position: relative; margin: 0 0 0 12px;
    text-transform: uppercase
}
#navigationTop #modulesNavigation UL LI A {
    display: block; padding: 0 5px; line-height: 20px; font-weight: bold;
    font-family: Verdana,sans-serif; font-size: 11px;
    color: #999; text-decoration: none;
    background-color: #fff; float: left
}

.mnLeftRounder {background-position: 0 -1550px; height: 20px; left: -2px; position: absolute; width: 2px}
.mnRightRounder {background-position: -50px -1550px; height: 20px; right: -2px; position: absolute; width: 2px}
.hovered .mnLeftRounder {background-position: -100px -1550px; height: 20px; left: -2px; position: absolute; width: 2px}
.hovered .mnRightRounder {background-position: -150px -1550px; height: 20px; right: -2px; position: absolute; width: 2px}
LI.activ .mnLeftRounder {background-position: 0 -1600px; height: 26px; left: -4px; position: absolute; width: 4px}
LI.activ .mnRightRounder {background-position: -50px -1600px; height: 26px; right: -4px; position: absolute; width: 4px}


#navigationTop #modulesNavigation UL LI.divider {display: none}

#navigationTop #modulesNavigation UL .hovered A {text-decoration: none; color: #7f7f7f; background-color: #fff}
#navigationTop #modulesNavigation UL LI.activ A {
	background-color: #fff; height: 26px;
	color: #F29400; font-weight: bold
}
#navigationTop #modulesNavigation A {color: #000}


/* Modules SubNavigation */
#modulesSubNavigation {background-position:0 -900px; width: 989px; height: 29px; position: absolute; top: 83px; left: 8px}
#modulesSubNavigation UL {height: 25px; padding-left: 11px; text-align: left; overflow: hidden; *zoom: 1}
#modulesSubNavigation LI {display: inline; line-height: 28px; margin-right: 29px; _line-height: 30px}
#modulesSubNavigation LI A {
    padding-left: 9px; text-transform: uppercase; font-family: Verdana,sans-serif;
    font-size: 11px; font-weight: bold;
    color: #999; text-decoration: none
}
#modulesSubNavigation LI.active A {color: #F29400; font-weight: bold}
#modulesSubNavigation LI A:hover {color: #7f7f7f; text-decoration: none}



/**
  * navigationLeft
  */
#navigationLeft {FLOAT: left; min-height: 1px; WIDTH: 200px; margin-right: 10px; overflow: hidden}
#loginPage #navigationLeft {border-bottom: 1px solid #FFF}


/* menu */
#menu {overflow: hidden; margin-left: 20px; margin-top: -1px}

#menu UL A {display: block}
#menu UL A, .x-tree-node A SPAN, .x-dd-drag-ghost A SPAN {
    font-family: Arial,sans-serif; font-size: 11px;
    font-weight: normal; color: #333;
    text-decoration: none; background-color: transparent
}
#menu .active A {color: #F29400}
#menu .active LI A {color: #333}

#menu UL UL.boldMenu A {font-weight: bold !important}

#menu UL {margin-left: 0}
#menu UL UL {margin-left: 12px; clear: both}
#menu UL LI {display: block}

#menu UL LI A {line-height: 12px; padding: 3px 0 4px 9px; *padding: 3px 0 3px 9px; *height: 1%}
#menu UL LI LI A, #menu UL LI LI LI A {line-height: 12px; padding: 2px 0 4px 9px; *padding: 3px 0 3px 9px; *height: 1%}


#menu #themesTree {padding-bottom: 2px}
#menu #themesTree .x-tree-node-el {background-color: transparent}
*HTML #menu #themesTree .x-tree-node-el *, *HTML #menu #themesTree .x-tree-node-ct {background-color: transparent !important}
#menu #themesTree UL LI A {display: inline; line-height: 18px; padding: 0; margin: 0px 5px 2px 0}
#menu #themesTree UL UL {margin-left: 0}


#menu UL LI A:hover  {
    background-color: transparent; color: #F29400; text-decoration: none
}
#menu #themesTree .x-tree-node .x-tree-node-over, #menu #themesTree .x-tree-node .x-tree-node-over A, #menu #themesTree .x-tree-node .x-tree-node-over IMG,
#menu #themesTree .x-tree-node .x-tree-node-over A SPAN, #menu #themesTree .x-tree-node .x-tree-node-over .x-dd-drag-ghost A SPAN {
    color: #F29400; text-decoration: none; background-color: transparent !important
}


#menu #themesTreeId {display: none; padding-left: 0}
#menu #themesClosed, #menu #themesOpened {border: none}
#menu #browseThemesIframe {width: 100%; clear: both}
#menu #anzeigen #browseThemesIframe {margin-left: 7px}
#menu #myAdverts #browseThemesIframe {margin-left: 32px}
* html #menu #search {display: block}

#menu .link #cardsSubItems {display: none}

.emptyMenu {padding: 2px; visibility: hidden}




/**
  * workArea
  */
#workArea {float: left; width: 786px}
#basicLayoutBody #availableLanguagesMainContainer {margin-right: 0}
#basicLayoutBody #workArea {float: right; width: 800px}
#basicLayoutBody #containerBottom {margin-top: 150px}
#workAreaWide {FLOAT: left; padding-top: 17px; WIDTH: 780px; MARGIN-LEFT: 2px}
#workAreaNoMenu {float: left; width: 987px; *width: 997px; padding-left: 10px}
#iframeWorkArea, #iframeWorkAreaMaps {width: 100%; overflow: hidden; z-index: 0}
* HTML #iframeWorkAreaMaps {height: expression(document.body.clientHeight-131)}
* HTML .resizableIframeContainer #containerMiddle {height: 100%; width: 100%}
#bodyWide, #bodyIFrame {background-color: #fff}

#bodyIFrame #containerMiddle {width: 100%}

#bodyWide #mainContainer, #bodyWide #containerMiddle {width: auto}
#bodyWide #mainContainer {width: 1056px}
#bodyWide #workArea {width: 840px}

.shopHeaderBody {padding-bottom: 0 !important}
.shopHeaderBody #mainContainer {border-bottom: none; overflow: hidden}


/**
  * popup
  */
#popupWorkArea {width: 584px; padding-top: 15px; margin-left: 15px}
#popupWorkAreaNotSized {width: 100%; height: 100%; margin: 0; padding: 0}
#popupWorkAreaWide {width: 786px; padding-top: 15px; margin-left: 15px; padding-bottom: 5px}
#popupWorkAreaWideListFix {width: 790px; padding-top: 15px; margin-left: 15px}
#popupWorkAreaBig {width: 740px; padding-top: 15px; margin-left: 15px}
#popupWorkArea585 {width: 585px; padding-top: 15px; margin-left: 15px}
#popupWorkArea654 {width: 654px; padding-top: 10px; margin-left: 15px}
#popupWorkArea700 {width: 700px; padding-top: 15px; margin-left: 15px}
#popupWorkArea885 {width: 885px; _width: 900px; padding: 15px; margin: 0}
#popupWorkArea1010 {width: 1010px; padding-top: 15px; margin-left: 15px}

#popupBody {height: 100%; max-height: 100%; padding: 0; margin: 0; border: 0; background-color: #fff; overflow: hidden}
#popupContent {display: block; overflow-x: hidden; overflow-y: auto; position: absolute; z-index: 3; top: 10px; bottom: 21px; width: 100%; margin-left: 0px; left: 0; padding-bottom: 1px}
* HTML #popupContent {top: 0; bottom: 0; height: 100%; width: 100%; border-top: 10px solid #fff; border-bottom: 21px solid #fff}
* HTML .extPopupBodyGrey #popupContent {border-top-color: #eee; border-bottom-color: #eee}
.extPopupBodyGrey #popupContent {position: static}
#aboutPopupContent {width: 553px; height: 274px}
#popupHeader, #aboutHeader {position: absolute; margin-left: 0px; left: 0; top: 0; width: 100%; min-width: 100%; height: 10px; z-index: 5; background-color: #eee; text-align: right}
*HTML #popupHeader {font-size: 0}
* 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: #eee; 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: 130px; *height: 243px; padding-left: 123px; padding-top: 112px; background: #fff url(../images/about_popup_bg.png) no-repeat 0 0}
#aboutLink A {color: #F29400}

#poweredByLinkContainer {padding-left: 20px}



/**
 * Form elements
 */
INPUT,INPUT.x-form-field {font-size: 11px;}
INPUT {height: 20px; padding-left: 2px !important; *padding-top: 2px !important; *padding-left: 3px !important; font-weight: 100; font-family: Arial,sans-serif}
INPUT.numberField {text-align: right; padding-right: 2px}
INPUT.radio {width: 14px; height: 14px; padding-left: 0 !important; vertical-align: middle}
INPUT.checkbox {width: 14px; height: 14px; padding-left: 0 !important; vertical-align: middle}
SELECT {height: 20px; font-size: 11px; font-weight: 100; padding: 1px 0; *padding-top: 1px 0 0 0 !important; font-family: Arial,sans-serif}
OPTION {padding-left: 3px !important}
TEXTAREA {overflow: auto; padding-left: 2px !important; *padding-left: 4px !important; font-family: Arial,sans-serif; font-size: 11px; font-weight: 100}
.disabledLabel, [disabled] {color: #999}
.disabledField {background-color: #ebebeb; color: #333}
.invalidInputField {color: red}

.marginedCheckbox {margin-right: 3px}

div.searchCriterion input {*margin-top:-1px}

div.singleSelectFilter,
div.searchCriterion select {max-width:169px !important;}

OPTION.availableOption, SELECT.unavailableOptionSelected OPTION.availableOption {color: #000}
OPTION.unavailableOption, SELECT.unavailableOptionSelected {color: #999}

.dateField, .defaultForm .dateField {width: 68px}
.calendarField {float: left; width: 68px !important; margin-right: 0 !important}


.formElStandardHeight {height: 20px !important}

.alignCheckbox, .checkboxesFloated .checkbox {margin-top: 3px; _margin-top: 4px; margin-right: 3px}

.checkboxes LABEL, #mediaFavourites A.commandLinkLight, SPAN.text03, .noRightRetreat .text01 {vertical-align: middle}
.radios LABEL {display: inline; margin-right: 10px; line-height: 20px; vertical-align: middle}

.checkboxesFloated .checkbox, .checkboxesFloated LABEL {float: left}


/* custom input styles */
INPUT, TEXTAREA, SELECT, .x-combo-list {border: 1px solid #999; background-color: #fff; color: #000}
.x-form-text, .x-form-field-wrap .x-form-text {background-image: none !important; border: 1px solid #999 !important; background-color: #fff !important; color: #000 !important}
.x-combo-list-item {border: none !important; word-wrap: break-word; white-space: normal}
.x-combo-list .x-combo-selected {background-color: #eee; border: none !important}
INPUT.checkbox, INPUT.radio {border: none; background-color: transparent}

.checkboxContainer {float: left; width: 185px; *width: 195px; padding: 2px 10px 2px 0; *padding: 4px 10px 4px 0; overflow: hidden}



/* custom file inputs */
.x-file-input-wrap .x-file-input-file {position: absolute; right: 0; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; height: 22px; cursor: pointer}
.x-file-input-wrap {position: relative; height: 20px}
.x-file-input-wrap .x-file-input-btn {position: absolute; right: 0; z-index: 1}
.x-file-input-wrap .x-file-input-text {position: absolute; left: 0; z-index: 1}



.themesSelectContainer {position: relative}
.chooseThemeEl {display: none; padding: 5px; position: absolute; z-index:100}



/**
 * forms
 */


/* defaultForm (2 columns) */
.defaultForm FIELDSET {padding-bottom: 10px; clear: both}
.defaultForm FIELDSET.lastFieldset {padding-bottom: 0 !important}
.defaultForm FIELDSET LABEL {float: left; width: 190px; margin-right: 10px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.defaultForm FIELDSET .checkboxContainer LABEL, .defaultForm FIELDSET .radioContainer LABEL {width: 190px}
.defaultForm FIELDSET INPUT, .defaultForm FIELDSET TEXTAREA, .defaultForm FIELDSET SELECT, .defaultForm FIELDSET .elementsGroup, .defaultForm FIELDSET .floatedElementsGroup, .defaultForm .selectRecordItem {float: left; width: 500px; margin-right: 5px}
.defaultForm .selectRecordItem {width: 480px; _width: 500px; padding-right: 20px}
.marginedCols FIELDSET INPUT, .marginedCols FIELDSET TEXTAREA, .marginedCols FIELDSET SELECT, .marginedCols FIELDSET .elementsGroup, .marginedCols FIELDSET .floatedElementsGroup, .marginedCols .selectRecordItem {margin-right: 15px}
.defaultForm FIELDSET P {float: left; line-height: 20px}
.defaultForm FIELDSET P.invalidFieldMessage {line-height: 1}
.defaultForm FIELDSET .numberField {width: 40px; margin-right: 5px}
.defaultForm FIELDSET .x-file-input-wrap, .defaultForm FIELDSET .x-form-field-wrap {float: left}
.defaultForm .compactFieldset INPUT, .defaultForm .compactFieldset TEXTAREA, .defaultForm .compactFieldset SELECT, .defaultForm .compactFieldset .elementsGroup, .defaultForm .compactFieldset .floatedElementsGroup  {margin-right: 0}
.defaultForm FIELDSET INPUT.checkbox, .defaultForm FIELDSET INPUT.radio {width: 14px; margin-right: 3px; margin-top: 3px}
.defaultForm FIELDSET.checkboxWithElement INPUT, .defaultForm.checkboxWithElement FIELDSET TEXTAREA, .defaultForm.checkboxWithElement FIELDSET SELECT {width: 475px}
.defaultForm .compactFieldset {width: 700px; *padding-bottom: 7px}
.defaultForm .categoryContent .compactFieldset {width: 690px}
.defaultForm FIELDSET .multilanguageIcon, .defaultForm #addMultilanguageKeywordButtonID {float: left; margin-top: 2px}
.defaultForm FIELDSET.checkboxes, .defaultForm FIELDSET.radios {padding-bottom: 5px}
.defaultForm FIELDSET .checkboxContainer, .defaultForm FIELDSET .radioContainer {float: none; padding: 0 0 5px 0; width: auto; overflow: hidden; *zoom: 1}
FIELDSET.radios .floatedElementsGroup .radioContainer, FIELDSET.radios .floatedElementsGroup .checkboxContainer, FIELDSET.radios .floatedElementsGroup .radioContainerSmall, FIELDSET.radios .floatedElementsGroup .checkboxContainerSmall {float: left}
.checkboxContainerSmall, .radioContainerSmall {float: left; width: 140px; margin-right: 10px; padding-bottom: 5px; overflow: hidden; *zoom: 1}
.checkboxContainerSmall LABEL, .radioContainerSmall LABEL,
.defaultForm .checkboxContainerSmall LABEL, .defaultForm .radioContainerSmall LABEL,
.popupForm .checkboxContainerSmall LABEL, .popupForm .radioContainerSmall LABEL,
.popupFormAlt .checkboxContainerSmall LABEL, .popupFormAlt .radioContainerSmall LABEL {width: 110px; margin-right: 0; word-wrap: break-word; overflow: hidden}
.defaultForm .radioContainerSmall LABEL, .popupForm .radioContainerSmall LABEL, .popupFormAlt .radioContainerSmall LABEL {width: 118px}
.defaultForm FIELDSET.countryFieldset LABEL, .defaultForm FIELDSET.structuredKeywordsFieldset LABEL, .defaultForm FIELDSET.mediaLanguageSelectFieldset LABEL, .defaultForm FIELDSET.mediaRelationFieldset LABEL {font-weight: normal}
.defaultForm FIELDSET.countryFieldset .x-form-field-wrap, .defaultForm FIELDSET.structuredKeywordsFieldset .x-form-field-wrap, .defaultForm FIELDSET.mediaLanguageSelectFieldset .x-form-field-wrap {float: left}
.defaultForm FIELDSET.mediaRelationFieldset .x-form-field-wrap {float: left; margin-left: 190px; _display: inline}
.defaultForm FIELDSET .x-form-text {margin-right: 0}
.defaultForm .noLabel, .defaultForm .invalidFieldMessage, .defaultForm .countriesDivContainer, .defaultForm .recordListContainer {margin-left: 200px; width: 500px; _display: inline}
.defaultForm #mediaRelationFieldset {width: 520px}
.defaultForm IMG.noLabel {width: auto; clear: both}
.defaultForm FIELDSET INPUT.typ17 {width: 90px}
.defaultForm FIELDSET SELECT.typ22 {width: 106px}
.defaultForm .middleTextSmall, .defaultForm .textSmallLeft {margin-right: 5px}
.defaultForm .altPreviewPicFieldset LABEL {font-weight: normal}
.defaultForm .altPreviewPicFieldset .actionButton, .defaultForm .altPreviewPicFieldset .actionButtonDisabled {clear: none; margin-top: 0}
.defaultForm .altPreviewPicFieldset #mediaAlternativePicturePreview, .defaultForm .altPreviewPicFieldset .mediaAlternativePreviewButtonContainer {margin-left: 200px}
.defaultForm .hr {float: none; border-bottom: 1px solid #000}
.defaultForm HR {margin-top: 0}
.defaultForm .themaDiv {width: auto; height: 58px; padding: 4px 0 0 6px}
.defaultForm FIELDSET .themaDiv {width: 492px; *width: 500px}
.defaultForm .themesSelectContainer {float: left}
.defaultForm .iframeImageChooser {width: 305px; height: 25px; float: right; _position: relative}
.defaultForm .fullFormWidthElement {width: 786px}
.defaultForm .formWidthElement {width: 700px}

.defaultFormWidth {width: 700px}


.middleTextAuto {float: left; line-height: 20px; padding: 0 5px}
.middleTextLeftAuto {float: left; line-height: 20px; padding-left: 5px}
.middleTextRightAuto {float: left; line-height: 20px; padding-right: 5px}
.middleTextSmall {float: left; width: 24px; text-align: center; line-height: 20px}
.textSmallLeft {float: left; width: 24px; line-height: 20px}
.floatedTextLeft {float: left; margin-left: 5px; line-height: 20px; _display: inline}
.floatedTextLeftNoMargin {float: left; line-height: 20px}




/* formStyle1 */
.formStyle1 .noLabel, .formStyle1 .invalidFieldMessage,
.formStyle1longLbl .noLabel, .formStyle1longLbl .invalidFieldMessage {margin-left: 140px; width: 210px; _float: left}
.formStyle1 FIELDSET LABEL {width: 130px}
.formStyle1longLbl FIELDSET LABEL {width: 290px}
.formStyle1 FIELDSET .checkboxContainer LABEL, .formStyle1 FIELDSET .radioContainer LABEL,
.formStyle1longLbl FIELDSET .checkboxContainer LABEL, .formStyle1longLbl FIELDSET .radioContainer LABEL {width: 140px}
.formStyle1 FIELDSET INPUT, .formStyle1 FIELDSET TEXTAREA, .formStyle1 FIELDSET SELECT, .formStyle1 FIELDSET .elementsGroup,
.formStyle1longLbl FIELDSET INPUT, .formStyle1longLbl FIELDSET TEXTAREA, .formStyle1 FIELDSET SELECT, .formStyle1longLbl FIELDSET .elementsGroup {width: 210px; margin-right: 0}
.formStyle1 FIELDSET INPUT.wideElement, .formStyle1 FIELDSET TEXTAREA.wideElement, .formStyle1 FIELDSET SELECT.wideElement,
.formStyle1longLbl FIELDSET INPUT.wideElement, .formStyle1longLbl FIELDSET TEXTAREA.wideElement, .formStyle1longLbl FIELDSET SELECT.wideElement {width: 380px}
.formStyle1 .formWidthElement, .formStyle1longLbl .formWidthElement {width: 350px}
.formStyle1 .smallEl, .formStyle1longLbl .smallEl {width: 85px}
.formStyle1 .smallerEl, .formStyle1longLbl .smallerEl {width: 40px}

/* formStyle1Spaced */
.formStyle1Spaced FIELDSET LABEL {width: 150px}
.formStyle1Spaced .noLabel, .formStyle1Spaced .invalidFieldMessage {margin-left: 160px; _float: left}
.formStyle1Spaced FIELDSET INPUT, .formStyle1Spaced FIELDSET TEXTAREA, .formStyle1Spaced FIELDSET SELECT,
 .formStyle1Spaced FIELDSET .elementsGroup, .formStyle1Spaced .invalidFieldMessage {
 	width: 255px
}
.formStyle1Spaced .selectRecordItem {width: 235px; _width: 255px}
.formStyle1Spaced .invalidFieldMessage {margin-left: 160px}
.formStyle1Spaced FIELDSET .calendarFieldset {float: left}
.formStyle1Spaced FIELDSET .calendarFieldset LABEL {width: auto}
.formStyle1Spaced FIELDSET .calendarFieldset FIELDSET {padding-bottom: 0px; width: 127px}




/* formStyle2 (shorter) */
.formStyle2 FIELDSET LABEL {width: 110px}
.formStyle2 FIELDSET INPUT, .formStyle2 FIELDSET TEXTAREA, .formStyle2 FIELDSET SELECT, .formStyle2 FIELDSET .elementsGroup, .formStyle2 .invalidFieldMessage {width: 170px; margin-right: 0}
.formStyle2 .invalidFieldMessage {margin-left: 120px}

/* formStyle3 (long labels) */
.formStyle3 FIELDSET LABEL {width: 300px}
.formStyle3 .invalidFieldMessage {margin-left: 310px; width: 350px; _float: left; _display: inline}
.formStyle3 FIELDSET INPUT, .formStyle3 FIELDSET TEXTAREA, .formStyle3 FIELDSET SELECT, .formStyle3 FIELDSET .elementsGroup {width: 350px; margin-right: 0}

/* formStyle4 (full width) */
.formStyle4 FIELDSET LABEL {width: 190px}
.formStyle4 FIELDSET INPUT, .formStyle4 FIELDSET TEXTAREA, .formStyle4 FIELDSET SELECT, .formStyle4 FIELDSET .elementsGroup {width: 586px; margin-right: 0}

/* formStyle5 (smart access edit page layer) */
.formStyle5 .compactFieldset {width: auto}
.formStyle5 FIELDSET LABEL {width: 160px}
.formStyle5 FIELDSET INPUT, .formStyle5 FIELDSET TEXTAREA, .formStyle5 FIELDSET SELECT, .formStyle5 FIELDSET .elementsGroup {width: 300px; margin-right: 20px}


/* formStyle8 */
.formStyle8 FIELDSET LABEL {width: 200px; margin-right: 20px}
.formStyle8 FIELDSET INPUT, .formStyle8 FIELDSET TEXTAREA, .formStyle8 FIELDSET SELECT, .formStyle8 FIELDSET .elementsGroup,
.formStyle8 FIELDSET .x-file-input-wrap, .formStyle8 FIELDSET .x-form-field-wrap {
	width: 360px; margin-right: 20px
}
.formStyle8 .actionButtonsNoBG {width: 580px}

/* formStyle9 (bold labels, shorter radioContainerSmall - Download Media) */
.formStyle9 FIELDSET LABEL {font-weight: bold}
.formStyle9 FIELDSET TEXTAREA {height: 70px}
.formStyle9 FIELDSET .checkboxContainerSmall, .formStyle9 FIELDSET .radioContainerSmall {width: auto}
.formStyle9 FIELDSET .checkboxContainerSmall LABEL,
.formStyle9 FIELDSET .radioContainerSmall LABEL {font-weight: normal; width: auto; margin-right: 10px}
.formStyle9 HR {margin: 20px 0; _margin: 13px 0}
.formStyle9 .categoryContent {padding: 0}
.formStyle9 .expandedCategory, .formStyle9 .collapsedCategory {margin-bottom: 0}


/* formStyle91 -same as formStyle9 but with wider fields */
.formStyle91 FIELDSET INPUT, .formStyle91 FIELDSET TEXTAREA, .formStyle91 FIELDSET SELECT, .formStyle91 FIELDSET .elementsGroup, .formStyle91 FIELDSET .floatedElementsGroup {width: 586; margin-right: 0}
.formStyle91 FIELDSET LABEL {font-weight: bold}
.formStyle91 FIELDSET TEXTAREA {height: 70px}
.formStyle91 FIELDSET .checkboxContainerSmall, .formStyle91 FIELDSET .radioContainerSmall {width: auto}
.formStyle91 FIELDSET .checkboxContainerSmall LABEL, .formStyle91 FIELDSET .radioContainerSmall LABEL {font-weight: normal; width: auto; margin-right: 10px}
.formStyle91 HR {margin: 20px 0; _margin: 13px 0}
.formStyle91 .categoryContent {padding: 0}
.formStyle91 .expandedCategory, .formStyle9 .collapsedCategory {margin-bottom: 0}

/* formStyleSingleCol - no labels on the left */
.formStyleSingleCol FIELDSET INPUT, .formStyleSingleCol FIELDSET TEXTAREA, .formStyleSingleCol FIELDSET SELECT, .formStyleSingleCol FIELDSET .elementsGroup {width: 100%; margin-right: 0}



.inlineForm {padding-left: 17px}
.inlineForm LABEL {float: left; width: 100px; margin-right: 10px}
.inlineForm INPUT, .inlineForm SELECT, .inlineForm TEXTAREA {float: left}

.inlineForm01 {padding-left: 17px}
.inlineForm01 LABEL {float: left; width: 170px; margin-right: 10px}
.inlineForm01 INPUT, .inlineForm SELECT, .inlineForm TEXTAREA {float: left; width: 100px; margin-right: 7px}
.inlineForm01 SELECT {float: left}

/* dfMargined (defaultForm with margins of 20px) */
.dfMargined FIELDSET {padding-bottom: 15px}
.dfMargined FIELDSET LABEL {margin-right: 20px}
.dfMargined FIELDSET INPUT, .dfMargined FIELDSET TEXTAREA, .dfMargined FIELDSET SELECT, .dfMargined FIELDSET .elementsGroup {margin-right: 20px}


.dfNoPadding FIELDSET, .dfNoPadding .checkboxContainer, .dfNoPadding .radioContainer {padding-bottom: 0 !important}



/* popupForm - 20px distance between label text; popupForm3Col - 3 column layout; popupFormAlt - 0px margin after label (instance variants selection) */
.popupFormContainer {width: 780px; padding: 0 0 1px 0; overflow: hidden}
.popupForm FIELDSET LABEL, .popupForm3Col FIELDSET LABEL, .popupFormAlt FIELDSET LABEL {width: 220px; margin-right: 20px}
.popupFormAlt FIELDSET LABEL {margin-right: 0}
.popupForm FIELDSET INPUT, .popupForm FIELDSET TEXTAREA, .popupForm FIELDSET SELECT, .popupForm FIELDSET .elementsGroup, .popupForm FIELDSET .checkboxContainer, .popupForm FIELDSET .inlineSearchContainer,
.popupFormAlt FIELDSET INPUT, .popupFormAlt FIELDSET TEXTAREA, .popupFormAlt FIELDSET SELECT, .popupFormAlt FIELDSET .elementsGroup, .popupFormAlt FIELDSET .checkboxContainer, .popupFormAlt FIELDSET .inlineSearchContainer {width: 300px; margin-right: 0}
.popupForm3Col FIELDSET INPUT, .popupForm3Col FIELDSET TEXTAREA, .popupForm3Col FIELDSET SELECT,
 .popupForm3Col FIELDSET .elementsGroup, .popupForm3Col FIELDSET .checkboxContainer, .popupForm3Col FIELDSET .inlineSearchContainer {
 	width: 300px; margin-right: 20px
}
.popupForm3Col FIELDSET .checkboxContainer LABEL, .popupForm3Col FIELDSET .radioContainer LABEL {width: 283px}
.popupForm3Col FIELDSET.level1 .checkboxContainer LABEL, .popupForm3Col FIELDSET.level1 .radioContainer LABEL {width: 263px}
.popupForm FIELDSET TEXTAREA, .popupForm3Col FIELDSET TEXTAREA, .popupFormAlt FIELDSET TEXTAREA {height: 50px}
.popupForm FIELDSET .checkboxContainer, .popupForm3Col FIELDSET .checkboxContainer, .popupFormAlt FIELDSET .checkboxContainer,
.popupForm FIELDSET .radioContainer, .popupForm3Col FIELDSET .radioContainer, .popupFormAlt FIELDSET .radioContainer {float: left}


.popupForm .col1, .popupForm3Col .col1, .popupFormAlt .col1 {float: left; width: 220px; margin-right: 20px; overflow: hidden}
.popupForm .col2, .popupForm3Col .col2, .popupFormAlt .col2 {float: left; width: 300px; margin-right: 0; overflow: hidden}
.popupForm3Col .col3 {float: left; width: 220px; overflow: hidden}
.popupForm3Col .col2 {margin-right: 20px}

.popupForm FIELDSET .listContainer, .popupForm3Col FIELDSET .listContainer, .popupFormAlt FIELDSET .listContainer {width: 288px; _width: 300px}
.popupForm FIELDSET .checkboxContainer, .popupFormAlt FIELDSET .checkboxContainer, .popupForm3Col FIELDSET .checkboxContainer {padding: 0}
.popupForm FIELDSET DIV LABEL, .popupForm3Col FIELDSET DIV LABEL, .popupFormAlt FIELDSET .checkboxContainer LABEL {width: auto; margin-right: 0}
.popupForm FIELDSET.level1 .checkbox, .popupForm3Col FIELDSET.level1 .checkbox, .popupFormAlt FIELDSET.level1 .checkbox {margin-left: 20px; _display: inline}
.popupForm .noLabel, .popupForm3Col .noLabel, .popupFormAlt .noLabel {margin-left: 240px; width: auto}
.popupForm FIELDSET .smallEl, .popupForm3Col FIELDSET .smallEl, .popupFormAlt FIELDSET .smallEl {width: 120px; margin-right: 0}
.popupForm FIELDSET .smallerEl, .popupForm3Col FIELDSET .smallerEl, .popupFormAlt FIELDSET .smallerEl {width: 100px; margin-right: 0}
.popupForm FIELDSET .textIcon, .popupForm FIELDSET .textIconDisabled, .popupForm3Col FIELDSET .textIcon, .popupForm3Col FIELDSET .textIconDisabled, .popupFormAlt FIELDSET .textIcon, .popupFormAlt FIELDSET .textIconDisabled {float: left}




/* altForm - alternative form (bold labels with the corresponding elements under */
.altForm FIELDSET {padding-bottom: 10px}
.altForm LABEL {display: block; font-weight: bold; margin-bottom: 2px}
.altForm INPUT, .altForm SELECT, .altForm TEXTAREA {width: 100%}


/* altFormStyle1 - normal font weight for labels */
.altFormStyle1 LABEL {font-weight: normal}



.form4col LABEL, .form4col INPUT, .form4col SELECT {float: left; margin-right: 10px}
.form4col LABEL {width: 220px}
.form4col .col2el {width: 300px}
.form4col .col3el {width: 180px}



.checkboxLabel {width: auto !important}
.checkboxLabelNoMargin {width: auto !important; margin-right: 0 !important}


.formDescription {margin-bottom: 10px}


/* form01 */
.form01  {float: left; width: 100%; padding: 1px 0 6px 0; background-color: #eee}
.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: #eee; padding: 4px 0 7px 10px; overflow: hidden; *zoom: 1}
.form03 FIELDSET {padding: 3px 7px 0 0}
.form03 FIELDSET LABEL {display: block}
.form03 .actionButtons {padding-right: 7px; padding-left: 0}

/* form04 */
.form04 FIELDSET {display: inline; padding: 0 0 3px 0}
.form04 FIELDSET LABEL {display: block}
.form04 FIELDSET.radios LABEL {display: inline}
.form04 FIELDSET LABEL.displayInline {display: inline; padding-right: 3px}
.form04 .checkboxes {padding-top: 6px}
.form04 .checkboxes LABEL  {display: inline}
.form04 .amongFix {padding: 0 2px 0 2px}
.form04 .buttons {padding: 5px 9px 0 0; text-align: right}
.form04 .buttons .floatLeft {float: left; margin: 4px  10px 0 0}

/* free fields */
.form04 FIELDSET.freeFiled01 {float: left}
.form04 FIELDSET.freeFiled02 {float: right}
.form04 FIELDSET.freeFiled03 {float: left}
.form04 FIELDSET.freeFiled01 SELECT,
.form04 FIELDSET.freeFiled02 SELECT,
.form04 FIELDSET.freeFiled03 SELECT {width: 237px}

/* form05 */
.form05 {background-color: #eee; 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: #EEE; padding: 0 0 0 8px}
.form06 LABEL.baseLabel {display: block; padding-top: 5px}
.form06 FIELDSET {display: inline; padding: 7px 7px 7px 0}
.form06 FIELDSET.bordered {padding: 0 10px 10px 10px}
.form06 FIELDSET.displayBlock {display: block}
.form06 FIELDSET.noBottomPadding {padding-bottom: 0}
.form06 FIELDSET LABEL {display: block}
.form06 FIELDSET LABEL.displayInline {display: inline; padding-right: 3px}
.form06 FIELDSET LABEL.alternativePicturesText {margin-right: 20px}
.form06 FIELDSET .iconTop {margin-top: -3px; margin-left: 3px; vertical-align: top}
.form06 FIELDSET .iconBottom {margin-bottom: -3px; margin-left: 4px; vertical-align: bottom}
.form06 FIELDSET .buttons img {margin-top: 1px; margin-bottom: -3px}
.form06 .checkboxes LABEL  {display: inline}
.form06 .radiobuttons LABEL {display: inline}
.form06 .hr {clear: both; padding-top: 10px; margin-left: -10px; background-color: #fff; border: none}
.form06 dl {padding: 7px 7px 6px 0}
.form06 dl dt {width: 50px; float: left; padding-bottom: 1px}
.form06 dl dd {padding-bottom: 1px}
.fixedWidth .form06 {width: 390px}
.fixedWidth .form06 FIELDSET {display: block}
.fixedWidth .form06 FIELDSET .multilanguageIcon { margin: 0 0 0 5px; vertical-align: middle }

/* form07 */
.form07 {background-color: #EEE; padding: 10px 27px 23px 10px}
.form07 FIELDSET {padding: 3px 7px 0 0}
.form07 FIELDSET LABEL {display: block}
.form07 FIELDSET.radios LABEL {display: inline; margin-right: 5px; line-height: 16px; vertical-align: top}
.form07 .actionButton {margin-right: 7px}
.form07 FIELDSET .actionButton {margin-right: 0}

/* form08 */
.form08 {background-color: #EEE; padding: 10px 27px 23px 10px}
.form08 FIELDSET {padding-top: 4px}
.form08 FIELDSET.leftAligned {float: left; width: 227px}
.form08 FIELDSET.rightAligned {float: right; width: 227px}
.form08 FIELDSET.checkboxes LABEL {display: inline}
.form08 FIELDSET LABEL {display: block}

/* form09 */
.form09 {background-color: #eee; 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: #eee; padding: 10px 7px 3px 7px}
.form11 LABEL {margin-right: 10px; display: block}
.form11 FIELDSET {margin-bottom: 7px}
.form11 FIELDSET.checkboxes LABEL, .form11 FIELDSET.radios LABEL {display: inline}
* HTML .form11 .actionButton {position: relative; top: 2px}

/* form12 */
.form12 FIELDSET {margin-bottom: 5px}
.form12 FIELDSET LABEL {float: left; width: 215px}
.form12 FIELDSET INPUT {float: left}
.form12 FIELDSET SELECT, .form12 FIELDSET TEXTAREA {*margin-left: -3px}
.form12 FIELDSET SPAN.text03 {line-height: 20px}
.form12 FIELDSET P.middleText {float: left; width: 45px; text-align: center}

/* form13 */
.form13 {background-color: #eee; padding: 4px 0 7px 10px}
.form13 H3 {margin-bottom: 10px}
.form13 FIELDSET {padding: 3px 7px 0 0}
.form13 FIELDSET LABEL {float: left; width: 100px}
.form13 FIELDSET P {float: left}
.form13 FIELDSET.checkboxes LABEL {float: none; width: auto; padding-right: 10px}

/* form14 */
.form14 FIELDSET {clear: both; padding-bottom: 8px}
.form14 LABEL {float: left; width: 223px}
.form14 .rightColumnElementsContainer {float: left; width: 417px}
.form14 FIELDSET.checkboxes .rightColumnElementsContainer LABEL {width: 131px; margin-bottom: 3px}
.form14 FIELDSET.datePicker .rightColumnElementsContainer INPUT {float: left}
.form14 FIELDSET.datePicker .rightColumnElementsContainer P {float: left; line-height: 20px; width: 35px}

/* form15 */
.form15 {border:1px solid #eee; padding: 4px 0 7px 10px}
.form15 H3 {margin-bottom: 10px}
.form15 FIELDSET {padding: 3px 7px 0 0}
.form15 FIELDSET LABEL {float: left; width: 130px}
v {float: left}
.form15 FIELDSET.checkboxes LABEL {float: none; width: auto; padding-right: 10px}

/* form16 */
.form16 FIELDSET {clear: both; padding-bottom: 8px}
.form16 LABEL {float: left; width: 124px}
.form16 FIELDSET.checkboxes .checkboxContainer {float: left; width: 114px; margin-right: 10px; margin-top: 5px}
.form16 FIELDSET.checkboxes .checkboxContainer .checkbox {float: left}
.form16 FIELDSET.checkboxes .checkboxContainer LABEL {float: left; padding-left: 3px; width: auto; line-height: 14px}
.form16 TEXTAREA, .form16 INPUT {float: left}

*HTML .form16 FIELDSET SPAN.x-combo-list {clear: none}


.form18 {background-color: #EEE; padding: 7px; overflow: hidden; *zoom: 1}
.form18 FIELDSET {padding-bottom: 2px}
.form18 .checkbox {margin-top: 4px}
.form18 LABEL {float: left; width: 180px}
.form18 INPUT, .form18 .checkbox, .form18 .commandLink, .form18 .commandLinkHigh  {float: left}
.form18 .commandLink, .form18 P {line-height: 20px}
.form18 .actionButton {margin-left: 20px}

.wizardContentContainer .form18 INPUT {width: 250px}
#popupWorkArea .form18 INPUT {width: 250px}


/* form19 (two columns) */
.form19 FIELDSET {padding-bottom: 10px}
.form19 FIELDSET LABEL {float: left; width: 140px; margin-right: 10px; font-weight: normal}
.form19 FIELDSET INPUT, .form19 FIELDSET TEXTAREA, .form19 FIELDSET SELECT {float: left; margin-right: 5px}
.form19 FIELDSET P {float: left; margin-right: 10px; width: 353px; padding-top: 3px; overflow: hidden}
.form19 .noLabelRight {margin-left: 150px}
.form19 .icon {float: right}
.form19 .radio, .form19 INPUT.checkbox {clear: both; margin-top: 3px; *margin-top: 4px}
.form19 .elementsGroup {float: left; width: 314px; *width: 298px}
.form19 .elementsGroup LABEL {width: 250px; *width: 240px}
*HTML .form19 .elementsGroup .form19 .radio, *HTML .form19 .elementsGroup INPUT.checkbox {clear: none}
.form19 .elementsGroup .groupItem {padding-bottom: 3px; overflow: hidden; *zoom: 1}
.form19 .hr {float: none; border-bottom: 1px solid #000}

.mainWorkArea .form19 FIELDSET {display: block; padding-bottom: 10px}
.mainWorkArea .form19 FIELDSET .typ00 {width: 365px !important; margin-right: 0}
.mainWorkArea .form19 .elementsGroup {width: 365px}
.mainWorkArea .form19 .iframeContainer {float: left; width: 365px}
.mainWorkArea .form19 #technicalInformation {width: 500px; height: 152px}

.editObjectForm .form19 FIELDSET LABEL,
.fixedLabel
{
    width: 120px
}

.form20  {padding: 10px; background-color: #eee; overflow: hidden; *zoom: 1}
.form20 H4 {margin-bottom: 10px}
.form20 FIELDSET {float: left; padding: 6px 0px 1px; margin-right: 45px; _display: inline}
.form20 .radio {margin-right: 3px}
.form20 .hr {border-bottom:1px solid #000}

/* form03 */
.form30 {background-color: #eee; overflow: hidden; *zoom: 1}
.form30 FIELDSET LABEL {display: block}



.normalFormText {float: left; line-height: 20px}
.normalFormTextSpaceLeft {float: left; line-height: 20px; margin-left: 5px; _display: inline}
.normalFormTextSpaceRight {float: left; line-height: 20px; margin-right: 5px}
.normalFormTextSpaceBoth {float: left; line-height: 20px; margin: 0 5px; _display: inline}
.normalFormInlineText {display: inline-block; line-height: 20px}
.normalFormInlineTextSpaceRight {display: inline-block; line-height: 20px; margin-right: 5px}
.normalFormInlineTextSpaceBoth {display: inline-block; line-height: 20px; margin: 0 5px}

.middleElement {float: left; margin-left: 3px; margin-right: 3px; line-height: 20px}

#workFlowsTemplateIframe {background-color: #F0F0F0}
.workflowIFrameClass01 {width: 700px; *width: 717px}
.workflowIFrameClass02 {width: 356px}

.formSubSection01 LABEL {display: block; font-weight: bold}
.formSubSection01 SELECT {width: 356px}

.formSubSection02 {padding-left: 17px}
.formSubSection02 LABEL {clear: both; float: left; font-weight: bold}
.formSubSection02 SELECT {float: right; width: 450px}

.formSubSection03 LABEL {display: block; font-weight: bold}
.formSubSection03 SELECT {width: 100%}


/* input container */
.simpleForm {background-color: #eee; padding: 8px; overflow: hidden; _zoom: 1}
.simpleForm .floatRight {margin-left: 5px}
.simpleForm .floatLeft {margin-right: 5px}



.arrowsMap IMG {margin-right: -3px; margin-bottom: -3px; cursor: pointer}

/* searchForm01 */
.searchForm01 {background-color: #eee; 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 #999}
.searchForm01 .checkboxesList FIELDSET {display: block; padding: 1px 0 1px 5px; *padding-top: 3px; border-bottom: 1px solid #999}
.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 #999}
.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 #000; overflow: auto; padding: 2px; cursor: pointer}


/* Structured keywords for search */
.searchForm01 .structuredKeywordsFieldset INPUT.keywordField {width: 164px}
.searchForm01 .structuredKeywordsFieldset SPAN.addKeyword,
.searchForm01 .structuredKeywordsFieldset SPAN.mandatoryMark {display: none}

/* countries for search */
.searchForm01 .countriesFieldset INPUT.keywordField {width: 164px}
.searchForm01 .countriesFieldset SPAN.addCountry,
.searchForm01 .countriesFieldset SPAN.mandatoryMark {display: none}

.searchForm01 .mediaLanguageFieldset INPUT.keywordField {width: 164px}
.searchForm01 .mediaLanguageFieldset SPAN.addKeyword,
.searchForm01 .mediaLanguageFieldset SPAN.mandatoryMark {display: none}

#detailsSearchContainer .searchForm01  {background-color: #eee}


/* free fields */
.searchForm01 FIELDSET.freeFiled01 SELECT,
.searchForm01 FIELDSET.freeFiled02 SELECT,
.searchForm01 FIELDSET.freeFiled03 SELECT {width: 188px}


.searchForm01 #addKeywordButton, .mediaSearchMask #addKeywordButton {display: none}
.searchForm01 #addCountryButton, .mediaSearchMask #addCountryButton {display: none}
.mediaSearchMask .compactFieldset .cleaner4px {display: none}


/* searchFormStyle1 */
.searchFormStyle1 {padding-right: 10px}
.searchFormStyle1 FIELDSET {float: left}
.searchFormStyle1 FIELDSET {float: left}
.searchFormStyle1 FIELDSET LABEL {font-weight: bold}
.searchFormStyle1 FIELDSET SELECT, .searchFormStyle1 FIELDSET INPUT {float: left}
.searchFormStyle1 FIELDSET .dateField {width: 115px}

.oneRowFormElements INPUT, .oneRowFormElements LABEL , .oneRowFormElements SPAN.checkbox {float: left}




/* Mediapool searchmask */
.searchTabs {float: left; position:relative; bottom: -1px; overflow: hidden}

.mediaSearchMask {float: left; width: 100%; clear: both}
.mediaSearchMask .searchMaskInnerContainer, #searchFiltersContainer {border: 1px solid #9E9E9E}
.mediaSearchMask .categoryContainer {margin-bottom: 3px; padding: 9px 0 0 9px; background-color: #eee; overflow: hidden; _zoom: 1}
.mediaSearchMask .mainButtonsContainer {padding: 9px; *padding-bottom: 8px; background-color: #eee; overflow: hidden; _zoom: 1}
.mediaSearchMask .mainButtonsContainer #mainButtonsContainer,
.mediaSearchMask .mainButtonsContainer #mainButtonsContainerDisabled {float: right}

.extPopupBody .searchMaskInnerContainer {border: none; background-color: #b0b0b0}
*HTML .extPopupBody .searchMaskInnerContainer .cleaner {background-color: #eee}
*HTML .extPopupBody #popupContent {_width: 807px; _overflow-x: hidden}
.extPopupBody .mediaSearchMask .categoryContainer {margin-bottom: 1px}
.extPopupBody .mediaSearchMask .categoryContainer, .extPopupBody .mediaSearchMask .mainButtonsContainer {background-color: #fff}
*HTML .extPopupBody .mediaSearchMask .cleaner {background-color: #fff}

.mediaSearchMask .categoryColumn {float: left; width: 154px; margin-right: 9px; padding-bottom: 10px}
.mediaSearchMask .mainButtonsContainer .categoryColumn {padding-bottom: 0}
#fileFormat .categoryColumn { margin:0px 9px 0 0}
.mediaSearchMask .categoryColumn A, .mediaSearchMask .categoryColumn SPAN.commandLink, .mediaSearchMask .categoryColumn SPAN.collapsedLinkDisabled {float: left; line-height: 20px}


.mediaSearchMask .oneColumn {float: left; width: 612px; overflow: hidden}
.mediaSearchMask .oneColumn TABLE {background-color: transparent}
.mediaSearchMask .oneColumn TABLE TD {vertical-align: top}
.mediaSearchMask .oneColumn FIELDSET {display: inline}
.mediaSearchMask .oneColumn .mediaTypeContainer {float: left; margin-right: 15px}
.mediaSearchMask .oneColumn .mediaTypeContainer .subCheckboxesList {margin-top: 6px}
.mediaSearchMask .oneColumn .mediaTypeContainer .subCheckboxesList .checkboxes {float: left; clear: both; padding-left: 19px; overflow: hidden; *zoom: 1; *white-space: nowrap}
*HTML .mediaSearchMask .oneColumn .mediaTypeContainer .subCheckboxesList .checkboxes SPAN.checkbox,
*HTML .mediaSearchMask .oneColumn .mediaTypeContainer .subCheckboxesList .checkboxes LABEL {display: inline-block; float: none; vertical-align: top}

.mediaSearchMask .checkboxes LABEL, .mediaSearchMask LABEL,
.mediaSearchMask .categoryContainer A.simpleLink, .mediaSearchMask .categoryContainer A.simpleLink:hover {font-weight: normal}
.mediaSearchMask .leftColumn, .mediaSearchMask .fakeColspan .leftCol {width: 318px; margin-right: 9px}
.mediaSearchMask .leftColumn LABEL {float: left; width: 116px; margin-right: 5px; line-height: 20px; overflow: hidden}
.mediaSearchMask .leftColumn .checkboxes LABEL {width: auto}
.mediaSearchMask .shrinkedText {white-space: nowrap}
.mediaSearchMask #globalSearch #searchTermContainer {float: left; width: 500px; padding-bottom: 9px}
.mediaSearchMask #globalSearch #searchTermContainer LABEL {display: block}
#globalSearch .checkboxes {float: right; width: 205px}
#globalSearchContainer #globalSearch .checkboxes {width: 196px; padding-bottom: 0}
.mediaSearchMask #globalSearch .actionButton, .mediaSearchMask #globalSearch .actionButtonDisabled {float: left}
.mediaSearchMask .leftColumn LABEL .floatRight {margin-right: 3px}
.mediaSearchMask .leftColumn .typ22 {margin-right: 4px}
.mediaSearchMask .leftColumn INPUT, .mediaSearchMask .leftColumn SELECT, .mediaSearchMask .leftColumn TEXTAREA {float: left}
.mediaSearchMask .leftColumn .middleText {float: left; width: 42px; text-align: center; line-height: 20px}
.mediaSearchMask .leftColumn #searchStructuredKeywordsFieldset LABEL {margin-bottom: 0}
.mediaSearchMask .leftColumn #searchStructuredKeywordsFieldset LABEL .mandatoryMark,
.mediaSearchMask .leftColumn #searchMediaLanguageFieldset LABEL .mandatoryMark {display: none}
.mediaSearchMask .leftColumn #searchStructuredKeywordsFieldset {width: 299px}

.mediaSearchMask .leftColumn .x-form-field-wrap {float: left}

.mediaSearchMask .rightColumn, .mediaSearchMask .fakeColspan .rightCol {float: left; width: 285px; overflow: hidden}
.mediaSearchMask .rightColumn LABEL {float: left; width: 80px}
.mediaSearchMask .rightColumn SELECT {float: left}
.mediaSearchMask .rightColumn .checkboxes, .mediaSearchMask .leftColumn .fakeColspan .rightCol .checkbox {margin-left: 80px; _display: inline}
.mediaSearchMask .expandedCategory .rightColumn .checkboxes,
.mediaSearchMask .expandedCategory .rightColumn .displayBlock {display: block}
.mediaSearchMask .rightColumn .checkboxes LABEL {float: none; width: auto}
.mediaSearchMask .rightColumn .checkboxesGroup {float: left; width: 200px}
.mediaSearchMask .rightColumn .checkboxesGroup .checkboxes {float: left; width: 77px; margin-left: 0; margin-bottom: 0}

.mediaSearchMask .themaDiv {border: 1px solid #000; padding: 2px; width: 175px; height: 43px; *width: 181px; *height: 49px; cursor: pointer}
.mediaSearchMask .themaDivContainer {float: left}

.mediaSearchMask .mainButtonsContainer .checkboxes {float: left; padding-right: 30px}


/* Search mask hidden fields */
.mediaSearchMask FIELDSET {padding-bottom: 10px}
.mediaSearchMask .toggledItem {display: none !important}
.mediaSearchMask .expandedCategory .toggledItem {display: block !important}
.mediaSearchMask .rightColumn #currentlyPublishedFieldset {margin-top: 0}
.mediaSearchMask .expandedCategory .rightColumn #currentlyPublishedFieldset {margin-top: 27px; *margin-top: 29px}

.standardSearchMask #advancedSearchDetailsContainer, .standardSearchMask #savedSearchContainer, .advancedSearchMask #savedSearchContainer,
.savedSearchMask #globalSearch, .savedSearchMask #advancedSearchDetailsContainer {position: absolute; top: -10000px; left: -10000px}
.standardSearchMask .categoryContainer {margin-bottom: 0}
*HTML .standardSearchMask .cleaner {display: none}

.calendarIcon {float: left; position: relative; top: 2px; left: 2px; margin-left: 3px; cursor: pointer; _display: inline}
.calendarInput {float:left;}

.calendarIconNoFloat {float: none; margin-left: 0; position: relative; top: 3px; *top: 2px; cursor: pointer}

.radioLabel {width: auto !important; line-height: 1 !important; margin-right: 10px}

.radios .radiosAlignFix {padding-top: 3px}

.floatedContent * {float: left}
.floatedContent * * {float: none}

.mediaSearchMask .fakeColspan {width: 612px; *width: auto; *height: 30px; *position: relative}
.mediaSearchMask .fakeColspan .leftCol {float: left}
*HTML .mediaSearchMask .fakeColspan .fakeColInner {width: 612px; position: absolute}


.equalCheckboxes .checkboxContainer {float: left; margin-right: 10px; margin-bottom: 5px; width: 84px; overflow: hidden}

#expandAllTop, #collapseAllTop {float: left; padding-top: 5px; padding-bottom: 8px; overflow: hidden; *zoom: 1}
#expandAllBottom, #collapseAllBottom {float: left; overflow: hidden; *zoom: 1}
#expandAllTop .icon, #expandAllBottom .icon, #collapseAllTop .icon, #collapseAllBottom .icon {float: left}
#expandAllTop .commandLinkNoBG, #expandAllBottom .commandLinkNoBG, #collapseAllTop .commandLinkNoBG, #collapseAllBottom .commandLinkNoBG {float: left; padding-left: 3px; line-height: 20px}


/* Search filters tab */
#searchFiltersContainer {height: 350px; margin-top: 15px; padding: 8px; background-color: #fff}
#searchFiltersContainer #tableContainer {height: 293px; overflow-y: auto}
#searchFiltersContainer TABLE {table-layout: fixed; width: 100%; background-color: transparent}
#searchFiltersContainer TABLE TR {cursor: pointer}
#searchFiltersContainer TABLE TD, #searchFiltersContainer TABLE TH {padding-left: 10px; line-height: 25px; *height: 25px; overflow: hidden}
#searchFiltersContainer TABLE TH {background-color: #ececec; font-weight: bold}
#searchFiltersContainer TABLE TH .dropdownImg {margin: 0 0 1px 7px}
#searchFiltersContainer TABLE .odd {background-color: #f8f8f8}
#searchFiltersContainer TABLE .even {background-color: transparent}
#searchFiltersContainer TABLE .icon {float: right; margin-right: 3px; _display: inline}



/* editMedia standard form */
 #freigabeTextArea FIELDSET {display: inline; padding: 0 0 5px 0; width : 100%}
 #freigabeTextArea FIELDSET TEXTAREA {width : 100%; height : 30px}

.editMediaForm FIELDSET {display: inline; padding: 0 0 5px 0; width: 100%}
.editMediaForm FIELDSET.displayBlock {display: block}
.editMediaForm FIELDSET.displayNone {display: none}
.editMediaForm FIELDSET LABEL {display: block; padding-bottom: 1px}
.editMediaForm FIELDSET LABEL.displayInline {display: inline; padding-right: 3px}

.editMediaForm .checkboxes LABEL  {display: inline}

.editMediaForm .columnLeft {float: left; width: 356px; overflow: hidden}
.editMediaForm .columnLeft .mandatoryFieldMark {margin-left: 356px}

.editMediaForm .columnRight {float: right; width: 400px; overflow: hidden}
.editMediaForm .columnRight .mandatoryFieldMark {margin-left: 207px}

.editMediaForm .themaDiv {width: auto; height: 58px; padding: 4px 0 0 6px; margin-bottom: 8px}
*HTML .editMediaForm .themaDiv {width: 100%}
.editMediaForm .hr {margin-top: -1px}

.editMediaForm .subForm {background-color: #eee; padding: 2px 0 7px 10px; margin-bottom: 10px}
.editMediaForm .subForm FIELDSET {padding: 5px 7px 0 0}
.editMediaForm .subForm .leftSideLabel {float: left; width: 100px; padding-top: 5px}
.editMediaForm .subForm .checkboxes LABEL {margin-right: 10px}

/* edit object standard form */
.editObjectForm FIELDSET {display: inline; padding: 0 0 5px 0}
.editObjectForm FIELDSET.displayBlock {display: block}

.editObjectForm FIELDSET LABEL {display: block; padding-bottom: 1px}
.editObjectForm FIELDSET LABEL.displayInline {display: inline; padding-right: 3px}

.editObjectForm FIELDSET.listDataConatiner {padding: 1px 0 0 5px; background-color: #eee; border: 1px solid #999}
.editObjectForm FIELDSET.listDataConatiner .listData {height: 43px; *height: 44px; overflow: auto}

.multipleElementsContainer {width: 504px; padding: 1px 4px 0 4px; background-color: #eee; border: 1px solid #999}
.multipleElementsContainer .typ33 {margin-left: 2px; *margin-left: 0}
.multipleElementsContainer FIELDSET {display: block}
.multipleElementsContainer FIELDSET TEXTAREA {width: 504px; height: 76px}
.multipleElementsContainer FIELDSET SELECT {width: 504px}
.multipleElementsInnerContainer {background-color: #fff; border: 1px solid #999; padding: 10px 0}
.multipleElementsInnerContainer LABEL {float: left; width: 135px; text-align: right; margin-left: 3px; margin-right: 6px; _display: inline}
.multipleElementsInnerContainer .stockCompanyAmounts {float: right; margin-bottom: 5px; width: 356px; *width: 343px}
.multipleElementsInnerContainer .infoText {float: left; width: 300px; margin-left: 2px; line-height: 20px}
.multipleElementsInnerContainer .stockCompanyAmounts .rightPart {float: left}
.multipleElementsInnerContainer .stockCompanyAmounts SELECT {float: left; width: 150px}
.multipleElementsInnerContainer .stockCompanyAmounts INPUT {float: left; width: 130px; margin-left: 2px}
.multipleElementsInnerContainer .stockCompanyAmounts TEXTAREA {float: left; width: 150px; margin-left: 2px}
.multipleElementsInnerContainer .stockCompanyAmounts .icon {float: left; margin-left: 3px}
.multipleElementsInnerContainer .actionButton {float: left; margin-left: 146px; *margin-left: 149px}

*HTML #additionalStockFieldsContainer {margin-top: -5px}


.mailFormWideContainer {width: 786px}

.editObjectForm #mailAddress, .editObjectForm #mailCCAddress, .editObjectForm #mailBCCAddress {width: 176px}
.editObjectForm #lastMailAddress, .editObjectForm #lastCCMailAddress {width: 252px}
#popupWorkAreaWide .editObjectForm #mailAddress, #popupWorkAreaWide .editObjectForm #mailCCAddress,
 .mailFormWideContainer .editObjectForm #mailAddress, .mailFormWideContainer .editObjectForm #mailCCAddress {
	width: 308px
}
#popupWorkAreaWide .editObjectForm #lastMailAddress, #popupWorkAreaWide .editObjectForm #lastCCMailAddress,
 .mailFormWideContainer .editObjectForm #lastMailAddress, .mailFormWideContainer .editObjectForm #lastCCMailAddress {
	width: 384px
}
#popupWorkAreaWide .editObjectForm DIV.multipleElementsContainer, .mailFormWideContainer .editObjectForm DIV.multipleElementsContainer {width: auto}
#popupWorkAreaWide .editObjectForm DIV.multipleElementsContainer FIELDSET TEXTAREA,
 .mailFormWideContainer .editObjectForm DIV.multipleElementsContainer FIELDSET TEXTAREA,
 #popupWorkAreaWide .editObjectForm DIV.multipleElementsContainer FIELDSET SELECT,
 #popupWorkAreaWide .editObjectForm DIV.multipleElementsContainer FIELDSET SELECT {
	width: 777px
}

.editObjectForm .readonlyTextareaConatiner {padding: 4px; background-color: #eee; border: 1px solid #999}
.editObjectForm .readonlyTextareaConatiner TEXTAREA {float: none; width: 504px; height: 152px; background-color: #f2f2f2}

.editObjectForm .textareaConatiner {padding: 4px; background-color: #eee; border: 1px solid #999}

.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: #eee; padding: 2px 0 7px 10px; margin-bottom: 10px}
.editObjectForm .subForm FIELDSET {padding: 5px 7px 0 0}
.editObjectForm .subForm .leftSideLabel {float: left; width: 100px; padding-top: 5px}

* html .editObjectForm INPUT.nextToButton {margin-bottom: -2px}

/* edit advert instance form */
.advertInstance {width: 515px}
.advertInstance FIELDSET.listDataConatiner {margin-top: 15px; *margin-top: 19px}
.advertInstance FIELDSET.listDataConatiner .listData {width: 240px; overflow: auto}
#popupWorkAreaWide .advertInstance FIELDSET.listDataConatiner .listData,
 .mailFormWideContainer .advertInstance FIELDSET.listDataConatiner .listData {
	width: 385px
}

.mainWorkArea .form19 FIELDSET.listDataConatiner {margin-bottom: 10px}
.mainWorkArea .form19 FIELDSET.listDataConatiner .listData {width: 358px; overflow: auto}


/* upload form */
.uploadImgForm FIELDSET {float: right; width: 380px; height: 62px; padding: 0; background-color: #eee}
.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: #eee}


/**
 * buttons
 */

/* common actionButton containers styles */
.actionButtons {padding: 6px 5px; text-align: right; background-color: #eee; overflow: hidden; *zoom: 1}
.actionButtons .floatLeft, .mainActionButtons .floatLeft, .actionButtonsNoBG .floatLeft, .mainActionButtonsMargined .floatLeft {margin-right: 5px}
.actionButtons .floatRight, .mainActionButtons .floatRight, .actionButtonsNoBG .floatRight, .mainActionButtonsMargined .floatRight {margin-left: 5px}


.actionButtonsNoBG {clear: both; padding-top: 6px; overflow: hidden; *zoom: 1}

.actionButtonsFloated {float: left; width: 100%; background-color: #eee}
.actionButtonsFloated .floatLeft {padding: 7px 0 8px 5px}
.actionButtonsFloated .floatRight {padding: 7px 5px 8px 0}



.actionButton {
    display: inline-block; padding: 2px 5px; white-space: nowrap; cursor: pointer;
    text-decoration: none !important; background-position: 0 -680px; background-repeat: repeat-x !important;
    font-family: Arial,sans-serif; font-size: 11px !important; color: #333 !important;
    font-weight: normal !important
}

.actionButton:hover, .x-file-input-wrap .x-file-input-btn-hover {
    color: #666 !important;
    background-position: 0 -760px; background-repeat: repeat-x !important
}


.actionButtonDisabled {
    display: inline-block; padding: 2px 5px; white-space: nowrap; cursor: default;
    text-decoration: none !important; color: #999 !important; font-weight: normal;
    background-position: 0 -720px; background-repeat: repeat-x !important
}

.actionButton, .loginButton {border: 1px solid #999}
.actionButton:hover, .loginButton:hover, .x-file-input-wrap .x-file-input-btn-hover {border: 1px solid #f29400}
.actionButtonDisabled {border: 1px solid #999}


.actionButtonFloatRight {float: right; margin-left: 3px}
.actionButtonFloatLeft {float: left; margin-right: 3px}


.customDropdown, .customDropdownWide {position: relative; padding-right: 18px; width: auto}
.customDropdownWide {padding: 0 31px 0 18px}
.customDropdown .dropdownImg, .customDropdownWide .dropdownImg {position: absolute; top: 8px; right: 5px}
.customDropdownWide .dropdownImg {right: 16px}


.indicator {display: none; padding: 2px 0}
.indicator IMG {height: 16px}

.indicatorWithMsg {line-height: 20px}
.indicatorWithMsg IMG {position: relative; top: 4px; margin-right: 5px}

.mainActionButtons, .mainActionButtonsMargined {clear: both; padding-top: 10px; border-top: 1px solid #EEE; overflow: hidden; *zoom: 1}
.mainActionButtonsMargined {margin-top: 15px}
.mainActionButtons .indicator, .mainActionButtonsMargined .indicator {padding-top: 1px}
.mainActionButtons .indicator IMG, .mainActionButtonsMargined .indicator IMG {margin-right: 0; margin-bottom: 0}

.throughPagesButtons {padding-top: 4px}
.throughPagesButtons .imgButton {cursor: pointer; margin-bottom: -4px}
.throughPagesButtons .countPagesText {padding: 0 1px 0 1px; font-size: 12px; line-height: 12px; color: #333}

/***
 * tab navigations
 */

.tabNavigation {display: block; width: 100%; height: 20px; background-color: #eee}
.tabNavigation .tab {
    float: left; width: 20px; line-height: 20px; margin-right: 1px; cursor: pointer;
    background-color: #ccc; color: #333;
    font-weight: bold; text-align: center
}
.tabNavigation .active {
    background-color: #F29400; color: #fff;
    font-weight: bold
}
.tabNavigation .inactive {
    background-color: #f7f7f7; color: #999;
    font-weight: normal; cursor: default
}


.odd {background-color: #eee}
.even {background-color: #f7f7f7}


/**
 * tables
 */
TABLE {font-size: 11px}
.bgTable, #messagesContainer TABLE, .formStyleTable TABLE, .inddImportTable {background-color: #eee}
.odd TABLE, .even TABLE {background-color: transparent !important}

.tableFixed {table-layout: fixed; overflow: hidden}
.tableFixed TH, .tableFixed TD {word-wrap: break-word; overflow: hidden}

TABLE.TableData {
  width:100%;
  border-collapse:collapse;
}

table.TableData th{
  font-weight: bold;
/*** do not set a background-color here   = tables.backgroundColor from config setting ***/
/*** do not set a fixed height here, see next setting ***/
}

table.TableData th, table.TableData td{
  padding:3px 6px;
}

table.TableData tr.TableDataEvenRow,
div.TableDataEvenRow
{
  background-color: #f7f7f7;
/***  = tables.TableDataEvenRow.backgroundColor from config setting ***/
}

table.TableData tr.TableDataOddRow,
div.TableDataOddRow
{
  background-color: #fff;
/*** = tables.TableDataOddRow.backgroundColor from config setting ***/
}

.jobTypesList .x-grid3-cell
{
  vertical-align:middle;
}

table.TableData td.TableDataCentered{
  text-align:center;
  vertical-align:middle;
}

.rowDividingLine {height: 1px !important; padding: 0 !important; background-color: #fff}

/* table01 */
.table01 TABLE {width: 100%; display: inline-table} /* TODO: CHECK AGAIN WITH NEWER FF VERSIONS (display: inline-table fix) */
.table01 TH FIELDSET {PADDING: 2px 0 3px 5px}
.table01 TH, .table01 TD {height: 20px; padding-left: 5px; VERTICAL-ALIGN: middle}
.table01 TD.header {padding-left: 3px}
.table01 .paddingFix .checkbox {margin: 0 7px; float: none}

#resultDisplayId .table01 TABLE TH, #resultDisplayId .table01 TABLE TD {padding-left: 7px}
#resultDisplayId .table01 TABLE .actionButtons {padding-right: 7px}


/* 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 {BACKGROUND-COLOR: #EEE}

/* table03 */
.table03 TABLE {width: 100%}
.table03 TABLE TD {padding: 4px 0 3px 5px; vertical-align: top; background-color: transparent}
.table03 TABLE TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none}
.table03 TABLE .paddingFix {padding-left: 7px}
.table03 TABLE .rowDividingLine {background-color: #999}

.table04 {width: 100%; border: 1px solid #e1e1e1}
.table04 TD, .table04 TH {line-height: 20px; padding: 2px 0 2px 5px}
.table04 TH {padding-left: 5px; background-color: #e1e1e1; font-weight: bold}

.table05 TH {font-weight: bold}
.table05 TH, .table05 TD {padding: 1px 5px}


/* inddImportTable */
.inddImportTable {width: 600px; table-layout: fixed}
.inddImportTable .collapsedCategory {display: none}
.inddImportTable TH {font-weight: bold}
.inddImportTable TH, .inddImportTable TD {height: 20px; padding-left: 5px; vertical-align: middle}
.inddImportTable TH.inddImportTableTH {padding: 0; background-color: #fff}
.inddImportTable TABLE.TableData {width:100%; table-layout: fixed}
.inddImportTable TABLE.TableData TH, .inddImportTable TABLE.TableData TD {padding: 0}


/* formStyleTable */
.formStyleTable TABLE {width: 100%; table-layout: fixed}
.formStyleTable TH {line-height: 18px; padding: 2px 0px 1px 5px; TEXT-ALIGN: left; BACKGROUND-COLOR: #7F7E82}
.formStyleTable TD {line-height: 20px; padding: 2px 0; overflow: hidden}
.formStyleTable .paddingFix {PADDING-LEFT: 5px; display: block}

.tablePadR TD, .tablePadR TH {padding-right: 5px}

.fixedTable {table-layout: fixed; word-wrap: break-word}

TD.iconCell A {float: right; margin-left: 3px}


/* massImportTable */
.massImportTable {width: 100%; padding: 1px; border: 1px solid #eee; background-color: #eee}
.massImportTable TD {padding: 2px 0 2px 10px; vertical-align: top; background-color: #fff}
.massImportTable TD.dividingBorder {border-left: 6px solid #EEEEE}
.massImportTable TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none}
.massImportTable .rowDividingLine {background-color: #eee}
.massImportTable TD.tableContainer {padding: 4px 0 4px 10px}
.massImportTable TD.tableContainer TABLE {width: 355px; padding: 0; border: none; background-color: #eee}
.massImportTable TD.tableContainer TABLE TD {padding: 0; background-color: transparent}


#massImportsHeader {overflow: hidden; *zoom: 1}
#massImportsHeader LABEL {float: left; margin-right: 20px}


#massImportsTable TH, #massImportsTable TD {padding: 0 3px}
#massImportsTable TD.buttonContainer {padding: 1px 0; width: 110px}
#massImportsTable TD.buttonContainer DIV {padding-bottom: 3px; padding-top: 3px; *padding-top: 1px; *padding-bottom: 1px}
#massImportsTable .mediaDateCell {width: 70px}
#massImportsTable .iconFailure {width: 10px; height: 10px}
#massImportsTable .iconFailure IMG {display: none}
#massImportsTable .removeIconCell {width: 58px}
#massImportsTable .removeIconCell SPAN {float: left; padding: 2px}
#massImportsTable .removeIconCell .iconDelete {float: right}

#massImportsTable SPAN.checkbox {float: none; margin-right: 0}


.trafficReportTable {width: 100%}
.trafficReportTable TD A {white-space: nowrap}

.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; line-height: 20px; margin-top: 1px; margin-right: 1px}


.multipleItems {overflow: hidden; _zoom: 1}



/**
 * objects previews
 */
    /* detailed view */
.objectDetailedView, .objectDetailedViewNoCheckbox  {border:1px solid #ddd; color: #333; margin-bottom: 10px; clear: both; overflow: hidden; _zoom: 1}
.objectDetailedView .border, .objectDetailedViewNoCheckbox .border {width: 784px; position: relative; overflow: hidden; _margin-bottom: -2px}
*HTML .mediaDetails .objectDetailedView .border, *HTML .mediaDetails .objectDetailedViewNoCheckbox .border {margin-bottom: -1px}
.objectDetailedView .borderShort TABLE.previewTable TD, .objectDetailedViewNoCheckbox .borderShort TABLE.previewTable TD {margin: 0; padding: 0}
.objectDetailedView .previewTableContainer, .objectDetailedViewNoCheckbox .previewTableContainer {
	FLOAT: left; width: 120px; height: 120px; *width: 121px; *height: 121px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;
	margin-bottom: -1px; position: relative; overflow: hidden
}
.objectDetailedView TABLE.previewTable, .objectDetailedViewNoCheckbox TABLE.previewTable {background-color: transparent; margin-bottom: 4px}
.objectDetailedView .previewTable TD, .objectDetailedViewNoCheckbox .previewTable TD, #leftColumnSmall .previewTable TD{
    WIDTH: 120px; HEIGHT: 120px; OVERFLOW: hidden; TEXT-ALIGN: center; VERTICAL-ALIGN: middle; background-color: #fff; padding: 0 !important; cursor: pointer
}
.objectDetailedView .border .boxTopRight {position: absolute; margin: 1px 0 0 106px}
.objectDetailedViewNoCheckbox .objectViewCheckboxIconContainer, .objectDetailedViewNoCheckbox .border .checkboxIcon {display: none}

.objectDetailedView .contentDiv, .objectDetailedViewNoCheckbox .contentDiv {float: right; width: 663px}
.noPreviewImage .contentDiv {width: 100%}
.objectDetailedView .contentDiv .leftPart, .objectDetailedViewNoCheckbox .contentDiv .leftPart {
    float: left; width: 350px; *width: 360; padding-left: 10px; overflow: hidden
}
.noPreviewImage .contentDiv .leftPart {width: 450px; *width: 460px}
.objectDetailedView .contentDiv .leftPart P, .objectDetailedViewNoCheckbox .contentDiv .leftPart P {overflow: hidden}
.objectDetailedView .contentDiv .rightPart, .objectDetailedViewNoCheckbox .contentDiv .rightPart {
    float: right; width: 293px; *width: 303px; padding-left: 10px; overflow: hidden
}

.objectDetailedView .contentDiv .rightPart P, .objectDetailedViewNoCheckbox .contentDiv .rightPart P {word-wrap: break-word; overflow: hidden}
.objectDetailedView .contentDiv P, .objectDetailedViewNoCheckbox .contentDiv P,
.objectDetailedView .contentDiv .leftPart .mediaRating, .objectDetailedViewNoCheckbox .contentDiv .leftPart .mediaRating {
	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 #eee
}
.objectDetailedView .contentWideDiv, .objectDetailedViewNoCheckbox .contentWideDiv {padding: 3px 0 3px 10px; clear: both; width: 520px; *width: 530px; margin-top: 1px; margin-left: 122px; _display: inline}
.objectDetailedView .contentWideDiv .leftPartSmall, .objectDetailedViewNoCheckbox .contentWideDiv .leftPartSmall {float: left; width: 195px}
.objectDetailedView .contentWideDiv .middlePart, .objectDetailedViewNoCheckbox .contentWideDiv .middlePart {float: left; width: 201px}
.objectDetailedView .contentWideDiv P, .objectDetailedViewNoCheckbox .contentWideDiv P {overflow: hidden}
.objectDetailedView .textIcon, .objectDetailedViewNoCheckbox .textIcon {display: none; clear: both; position: absolute; bottom: 2px; *bottom: 4px; right: 2px}
.objectDetailedView .visibleIcon, .objectDetailedViewNoCheckbox .visibleIcon {display: block}


.objectDetailedViewWithFooter {margin-bottom: 0; border-color: #eee; border-bottom: none}
.objectDetailedViewWithFooter .icon {float: right; margin: 0 2px 2px 0; _display: inline}
.contentWideDiv .multipleItems {margin-top: 2px; _margin-top: 3px}
.contentWideDiv .multipleItems LABEL {float: left; width: 220px; margin-right: 20px; padding: 3px 0; line-height: 1; font-weight: bold; overflow: hidden}
.contentWideDiv .multipleItems P {float: left; width: 265px; padding: 3px 0}
.objectDetailedViewFooter {margin-bottom: 10px}


.multipleItems P {word-wrap: break-word; overflow: hidden}

.simpleDetailedView {border: none}
.simpleDetailedView .previewTableContainer {border: 1px solid #ddd; margin-bottom: 0}

.mediaDetails .scrollListContainer {max-height: 390px; _height: expression( this.scrollHeight > 391 ? "391px" : "auto" ); overflow-x: hidden; overflow-y: auto}
.mediaDetails .objectDetailedViewNoCheckbox {width: 683px; _width: 685px}
.mediaDetails .objectDetailedViewNoCheckbox .border {width: 683px}
.mediaDetails .objectDetailedViewNoCheckbox .objectTitle, .mediaDetails .objectDetailedViewNoCheckbox .contentDiv {width: 562px}
.mediaDetails .objectDetailedViewNoCheckbox .leftPart {width: 290px}
.mediaDetails .objectDetailedViewNoCheckbox .rightPart {width: 250px}



/* old style: */
.objectDetailedView .contentWideIconDiv, .objectDetailedViewNoCheckbox .contentWideIconDiv {clear: both; position: absolute; bottom: 2px; *bottom: 4px; right: 2px}
.objectDetailedView .contentWideIconDiv .icon, .objectDetailedViewNoCheckbox .contentWideIconDiv .icon,
.contentWideIconDiv .actionButton, .contentWideIconDiv .actionButtonDisabled {
	float: right; margin-left: 2px
}

.objectDetailedView .objectTitle, .objectDetailedViewNoCheckbox .objectTitle {float: left; width: 663px; overflow: hidden}
.objectDetailedView .objectTitle .title, .objectDetailedViewNoCheckbox .objectTitle .title {padding-left: 10px; line-height: 20px; font-weight: bold; word-wrap: break-word}
.objectDetailedView .objectTitle .title .popupLink, .objectDetailedViewNoCheckbox .objectTitle .title .popupLink {max-width: 630px; white-space: normal}
.objectDetailedView .objectTitle .icon, .objectDetailedViewNoCheckbox .objectTitle .icon {
    float: right; line-height: normal; background-color: #97A8CA; border: 1px solid #fff; border-left: none
}
.objectDetailedView .objectTitle .icon SPAN.objectViewCheckboxIconContainer, .objectDetailedViewNoCheckbox .objectTitle .icon SPAN.objectViewCheckboxIconContainer {
    padding: 1px 0px -1px 2px; BACKGROUND-COLOR: #97A8CA
}

.objectDetailedView .objectTitle .icon .checkbox, .objectDetailedViewNoCheckbox .objectTitle .icon .checkbox {margin-top: 1px; margin-left:1px}
.lastSelected {background-color: #eee}

* HTML .objectDetailedView .contentWideDiv P SPAN, .objectDetailedViewNoCheckbox .contentWideDiv P SPAN {position: relative}


.borderShort {float: left; width: 600px; 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}

.lowResWarning {float: right; margin-right: 20px; white-space: nowrap; color: #336699; font-weight: bold}
.mediaDescription {clear: both; margin-bottom: 22px}
.mediaDescriptionWithoutIcons {clear: both}


/* creative view */
.objectCreativeView, .objectCreativeViewNoCheckbox {float: left; position: relative; margin: 0 44px 12px 0; width: 122px; height: 149px; overflow: hidden}
.leftMarginedObjectViewContainer {margin-left: -44px; _zoom: 1}
.leftMarginedObjectViewContainer .objectCreativeView, .leftMarginedObjectViewContainer .objectCreativeViewNoCheckbox {margin-right: 0; margin-left: 44px; _display: inline}
.ocvWithRating {height: 165px}

.objectCreativeView P {float: left; line-height: 20px; color: #666; width: 95px; overflow: hidden}

.objectCreativeView .textIcon, .objectCreativeViewNoCheckbox .textIcon,
.objectCreativeView .actionButton, .objectCreativeViewNoCheckbox .actionButton,
.objectCreativeView .actionButtonDisabled, .objectCreativeViewNoCheckbox .actionButtonDisabled {position: absolute; bottom: 0; left: 0}
.objectCreativeView .textIcon, .objectCreativeViewNoCheckbox .textIcon {display: none}
.objectCreativeView .visibleIcon, .objectCreativeViewNoCheckbox .visibleIcon {display: block}
.objectCreativeView .boxTopRight, .objectCreativeViewNoCheckbox .boxTopRight {display: block; position: absolute; top: 0; right: 0}
.objectCreativeView .iconBox, .objectCreativeViewNoCheckbox .iconBox {display: block; margin: -6px -5px 6px -5px; padding: 3px 2px 3px 2px; background-color: #eee; text-align: right}
.objectCreativeView .previewTable, .objectCreativeViewNoCheckbox .previewTable {border: 1px solid #ddd; table-layout: fixed}


.objectCreativeView .previewTable TD, .objectCreativeViewNoCheckbox .previewTable TD {width: 120px; height: 120px; padding: 0; text-align: center; vertical-align: middle; overflow: hidden; cursor: pointer}
.objectCreativeView .previewTable TD, .objectCreativeViewNoCheckbox .previewTable TD, .previewTableLarge TD {background-color : #fff}

.objectCreativeView .thumbnailPreviewButtonsContainerRight, .objectCreativeViewNoCheckbox .thumbnailPreviewButtonsContainerRight {position: absolute; bottom: 2px; right: 2px}
.objectCreativeView .thumbnailPreviewButtonsContainerRight .icon, .objectCreativeViewNoCheckbox .thumbnailPreviewButtonsContainerRight .icon {float: right; margin-left: 1px}

.creativeViewPreviewContainer {position: relative; margin-bottom: 5px; _zoom: 1}
.creativeViewPreviewContainer .licenseIcon {right: 1px; bottom: 1px}
.creativeViewPreviewContainer .previewTable {position: relative}

.previewContainerWithIconRight {display: block; position: relative}
.previewContainerWithIconRight .icon {position: absolute; right: 1px; bottom: 1px}

.objectDetailedView .border .objectViewCheckboxIconContainer,
.objectCreativeView .objectViewCheckboxIconContainer, .objectCreativeViewNoCheckbox .objectViewCheckboxIconContainer {display: block; position: absolute; bottom: 0; right: 0; _clear: both}

.objectCreativeView .previewTable {margin-bottom: 0 !important}

.objectCreativeView .objectViewText {font-weight: bold}

.previewInnerContainer {position: relative; width: 100%; height: 100%; border: 1px solid #ddd}

.thumbnailViewContainer {width: 100%; overflow: hidden; _zoom: 1}
.thumbnailViewInnerContainer {width: 110%}

.thumbnailViewWithTextContainer .objectCreativeView {height:122px}
.thumbnailViewWithTextContainer .objectCreativeViewText {word-wrap: break-word; overflow: hidden; _float: left}
.thumbnailViewWithTextContainer .objectCreativeView, .thumbnailViewWithTextContainer .objectCreativeViewNoCheckbox {margin: 0 12px 0 0}

.mediaRelations {margin-right: 22px; height: auto}

#mediaRelationsTable {width: 690px}
#mediaRelationsTable TH, #mediaRelationsTable TD {word-wrap: normal; text-overflow: ellipsis}

.disabledPreview {cursor: default !important}

.invalidAltImage .previewTable {border: 1px solid red}

.objectCreativeViewNoCheckbox .checkbox {display: none}
.lastSelectedThumbnail TABLE.previewTable {border: 1px solid #bbb}


.objectViewCheckboxIconContainer SPAN.checkbox {margin-right: 0}
.objectViewCheckboxIconContainer SPAN.unchecked, .objectViewCheckboxIconContainer SPAN.checkbox {display: none}
.objectViewCheckboxIconContainer SPAN.checked {display: block}
.objectViewHovered .textIcon, .objectViewHovered SPAN.unchecked {display: block !important}


.objectCreativeView .ocvInnerContainer {border: 1px solid #888}


/* objectDetailedViewBrief */
.objectDetailedViewBrief {float: left; width: 564px; border-bottom: 2px solid #e4e4e4; margin-bottom: 6px}
.objectDetailedViewBrief .firstRow, .objectDetailedViewBrief .secondRow {float: left; width: 100%; line-height: 20px}
.objectDetailedViewBrief .firstRow .leftPart {float: left; width: 514px}
.objectDetailedViewBrief .firstRow .rightPart {float: right; width: 50px}
.objectDetailedViewBrief .firstRow .rightPart .icon {float: right; margin-left: 2px}
.objectDetailedViewBrief .secondRow {clear: both}
.objectDetailedViewBrief .secondRow .leftPart {float: left; width: 150px}
.objectDetailedViewBrief .secondRow .rightPart {float: right; width: 414px; text-align: right}

.lastInRow {margin-right: 0 !important}

.checkboxIconContainer {width: 15px; height: 15px; background-color: #96A8CA}
.checkboxIconContainer INPUT.checkbox {position: relative; top: 1px; left: 1px}


.objectDetailedViewInnerContainer {position: relative; top: -1px; overflow: hidden; *zoom: 1}
.objectDetailedViewInnerContainer .previewTableContainer, .previewBorderTop .previewTableContainer {border-top: 1px solid #ddd}

.objectDetailedViewRadio {position: absolute; top: 0; left: 2px; *left: 0}



.editedMediaDetailed, .editedMediaCreative .previewTable {border-color: #008C10 !important}
.uneditedMediaDetailed, .uneditedMediaCreative .previewTable {border-color: #C42A00 !important}
.matchedMediaDetailed, .matchedMediaCreative .previewTable {border-color: #F29400 !important}


/* thumbnail preview */
.thumbnailPreview, .emptyDefaultMediaBox, .thumbnailPreviewInvalid {float: left; width: 60px; height: 60px; *width: 62px; *height: 62px; margin-bottom: 10px; margin-right: 10px; position: relative; border: 1px solid #EEE}
#selectedRelationMedias .thumbnailPreview {margin-top: 10px; margin-bottom: 0}
.thumbnailPreviewNoSize {border: 1px solid #EEE}
.imageDropdownContainer {float: left; margin: 8px 0 8px 8px}
.imageDropdownContainer .thumbnailPreview {float: none; margin: 0}
.imageDropdownContainer .actionButton {height: 14px; line-height: 14px; text-align: center; margin-top: 16px; display: block}

.thumbnailPreviewInvalid {border: 2px solid red}
.thumbnailPreview .preview, .thumbnailPreviewInvalid .preview {width: 60px; height: 60px; overflow: hidden; background-color: #eee; display: table-cell; text-align: center; vertical-align: middle; position: absolute; *position: relative}
.thumbnailPreview .preview *, .thumbnailPreviewInvalid .preview * {vertical-align: middle}
* HTML .thumbnailPreview .preview SPAN.fix, * HTML .thumbnailPreviewInvalid .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px}
.thumbnailPreview .icon, .thumbnailPreviewInvalid .icon {position: absolute; right: 1px; bottom: 1px; z-index: 3; cursor: pointer}


/* Preview in case the default image for template box is empty */
.emptyDefaultMediaBox {border-color: #808080}



/* small thumbnail preview */
.smallThumbnailPreview {display: block; width: 40px; height: 40px; position: relative; border: 1px solid #eee}
.smallThumbnailPreview .preview {width: 40px; height: 40px; overflow: hidden; background-color: #eee; 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 #eee}
.middlePreview .preview {width: 320px; height: 320px; overflow: hidden; background-color: #fff; 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}

.middlePreview .previewTable {width: 100%; height: 100%}

/* large preview */
.largePreviewContainer {width: 384px}
.largePreviewContainer .largePreview {display: block; width: 382px; height: 548px; position: relative; border: 1px solid #eee; background-color: #eee}
.largePreviewContainer .largePreview .preview {width: 382px; height: 548px; overflow: hidden; background-color: #eee; 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, .thumbnailDocPreviews .mainContainer .innerContainerActive {display: block; position: relative; border: 1px solid black; margin: 0 7px 7px 0}
.thumbnailDocPreviews .mainContainer .innerContainer, .thumbnailDocPreviews .mainContainer .innerContainer .preview {width: 65px; height: 80px}
.thumbnailDocPreviews .mainContainer .innerContainer .preview {overflow: hidden; background-color: #eee; 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 {border: 2px solid red}
.thumbnailDocPreviews .mainContainer .innerContainerActive, .thumbnailDocPreviews .mainContainer .innerContainerActive .preview {width: 63px; height: 78px}
.thumbnailDocPreviews .mainContainer .innerContainerActive .preview {overflow: hidden; background-color: #eee; display: table-cell; text-align: center; vertical-align: middle; cursor: pointer}
.thumbnailDocPreviews .mainContainer .innerContainerActive .preview * {vertical-align: middle}
* HTML .thumbnailDocPreviews .mainContainer .innerContainerActive .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px; background-color: yellow}

/* instance preview */
.instancePreviewContainer {width: 625px; padding-top: 5px}
.instancePreviewContainer .largePreview {display: block; width: 623px; position: relative; border: 1px solid #eee; background-color: #eee}
.instancePreviewContainer .largePreview .preview {width: 623px; height: 700px; overflow: hidden; background-color: #eee; display: table-cell; text-align: center; vertical-align: middle; white-space: nowrap}
.instancePreviewContainer .largePreview .preview * {vertical-align: middle}
* HTML .instancePreviewContainer .largePreview .preview SPAN.fix {display: inline-block; height: 100%; margin-top: -1px}
.instancePreviewContainer .previewTable {width: 623px; height: 700px; overflow: hidden}
.instancePreviewContainer .previewTable TD {text-align: center; vertical-align: middle}

.bigPreviewActivityIndicator {display: block; text-align: center}


.multiPageView {overflow: visible}
.multiPageView .multiPageBg1, .multiPageView .multiPageBg2 {position: absolute; background-color: #fff; border: 1px solid #ddd; width: 114px; height: 114px; *width: 116px; *height: 116px}
.multiPageView .multiPageBg1 {left: 3px; top: 3px}
.multiPageView .multiPageBg2 {left: 6px; top: 6px}
.multiPageView .previewTable {position: absolute}

.multiPageView .previewTable TD {width: 114px; height: 114px}

/*.multiPageView .objectViewCheckboxIconContainer {right: -6px} */




.disabledMedia .previewTableContainer, .disabledMedia .creativeViewPreviewContainer{opacity: 0.3; filter: alpha(opacity=30)}




/* Tooltips */
.wzTooltipContainer {display: block !important; position: absolute; top: -10000px; left: -10000px}
.wzTooltipBody, .wzTooltipBodyRnd, .mediaTooltip {padding: 20px; background-color: #f6f6f6; overflow: hidden; _zoom: 1}
.wzTooltipBodyRnd {border-radius: 2px}

.wzTooltipBody, .wzTooltipBodyRnd, .mediaTooltip, .x-menu-floating, .simpleTooltip, .simpleLayer {border: 1px solid #999}

#WzTtDiV TABLE {background-color: transparent}


/* media tooltips */
.mediaTooltip {padding: 5px; width: 322px; *width: 334px}
.mediaTooltip P {line-height: 18px}
.mediaTooltip P.mediaTitle {font-weight: bold; _width: 100%}
.mediaTooltip .previewTable TD, .objectCreativeViewNoCheckbox .mediaTooltip .previewTable {border: 1px solid #ddd}
.mediaTooltip .previewTable TD, .objectCreativeViewNoCheckbox .mediaTooltip .previewTable TD {width: 320px; height: 320px; text-align: center; vertical-align: middle; background-color: #fff}
.mediaTooltip .previewTable TD TD, .objectCreativeViewNoCheckbox .mediaTooltip .previewTable TABLE {border: none}

.ttPreviewImageContainer {position: relative; _float: left}
.ttPreviewImageContainer .licenseIcon, .mediaPreview .licenseIcon {right: 1px; bottom: 1px}


/* tooltips with tail */
.ttTail {position: absolute; top: 6px; width: 9px; height: 9px; background-color: transparent; _font-size: 0}
.ttLeftTail .ttTail {left: -9px; background-position: 0 0}
.ttRightTail .ttTail {right: -9px; background-position: 0 -9px}
.ttContainer {padding: 5px}

.tooltipContainer, .tooltipContainerStyle1, .tooltipContainerStyle2 {display: none; position: absolute; z-index: 9000; overflow: visible}
.tooltipContainerStyle1, .tooltipContainerStyle2 {width: 400px}
.tooltipContainerStyle1 .rc1pLineT, .tooltipContainerStyle1 .rc1pLineL, .tooltipContainerStyle1 .rc1pLineR, .tooltipContainerStyle1 .rc1pLineB,
.tooltipContainerStyle2 .rc1pLineT, .tooltipContainerStyle2 .rc1pLineL, .tooltipContainerStyle2 .rc1pLineR, .tooltipContainerStyle2 .rc1pLineB,
.tooltipContainerStyle1 .rc1pCornerTL, .tooltipContainerStyle1  .rc1pCornerTR, .tooltipContainerStyle1  .rc1pCornerBL, .tooltipContainerStyle1  .rc1pCornerBR,
.tooltipContainerStyle2 .rc1pCornerTL, .tooltipContainerStyle2  .rc1pCornerTR, .tooltipContainerStyle2  .rc1pCornerBL, .tooltipContainerStyle2  .rc1pCornerBR {
	background-color: #7f7f7f
}
.tooltipContainerStyle1 .closeButton, .tooltipContainerStyle2 .closeButton {position: absolute; right: 4px; top: 4px; height: 11px; width: 10px; z-index: 5000}

.tooltipContainerStyle1 {background-color: #fff}
.tooltipContainerStyle2, .tooltipContainerStyle2 .mmsMsgBody {background-color: #f4f4f4}
.tooltipContainerStyle1 .ttTail {background-image: url(../images/ttTailsS1.gif)}
.tooltipContainerStyle2 .ttTail {background-image: url(../images/ttTailsS2.gif)}



.tooltipSimpleInfoContainer {text-align: center; font-weight: bold}

.simpleTooltip {padding: 5px; background-color: #f6f6f6}

.x-tip {word-wrap: break-word}



/**
 * page navigators
 */

/* common */
.objectsNavigatorTop, .objectsNavigatorBottom {float: left; width: 100%; color: #4c4c4c; margin-bottom: 10px}
.objectsNavigatorTop .pagesNavigator SPAN, .objectsNavigatorBottom .pagesNavigator SPAN {
    float: left; line-height: 20px; padding-left: 3px; padding-right: 3px
}
.objectsNavigatorTop .pagesNavigator, .objectsNavigatorBottom .pagesNavigator {float: right}
.objectsNavigatorTop .pagesNavigator .middleTextSmall, .objectsNavigatorBottom .pagesNavigator .middleTextSmall {width: auto}
.objectsNavigatorTop .floatLeft, .objectsNavigatorBottom .floatLeft, .objectsNavigatorTop .floatRight, .objectsNavigatorBottom .floatRight {line-height: 20px}
.objectsNavigatorTop .textBox, .objectsNavigatorBottom .textBox {padding: 0 1px 0 2px}

/* top page navigation specific */
.objectsNavigatorTop {padding-bottom: 1px; border-bottom: 1px solid #D4D4D4}
.objectsNavigatorTop SELECT {float: left; margin-right: 5px}
.objectsNavigatorTop #selectSortBoxId {width: 145px}
.objectsNavigatorTop #thumbnailLimitSelect {width: 45px}
.objectsNavigatorTop .iconThumbnailViewActive, .objectsNavigatorTop .iconThumbnailViewInactive, .objectsNavigatorTop .iconDetailViewActive, .objectsNavigatorTop .iconDetailViewInactive {
    float: right; margin-left: 2px
}
.objectsNavigatorTop .pagesNavigator {margin-left: 17px}
.objectsNavigatorTop .sortButtons {float: left; margin-right: 5px}
.objectsNavigatorTop .sortButtons IMG {margin-right: 2px}

/* bottom page navigation specific */
.objectsNavigatorBottom {margin-top: 5px; margin-bottom: 20px; padding-top: 1px; border-top: 1px solid #D4D4D4}
.objectsNavigatorBottom SELECT {float: right}
.objectsNavigatorBottom .floatLeft {float: left}
.objectsNavigatorBottom .pagesNavigator {padding-left: 7px}
.objectsNavigatorBottom .pagesNavigator SPAN.endPageBottom {padding-right: 0}
.objectsNavigatorBottom .textBox {word-spacing: 3px}

.pagesNavigator .icon {float: left; margin-left: 3px; _display: inline}


.pageSelector {float: left; width: 35px; padding: 0; text-align: center}
.startPageBottom, .leftDotsBottom, .firstLeftPageBottom, .secondLeftPageBottom,
.firstRightPageBottom, .secondRightPageBottom, .rightDotsBottom, .endPageBottom,
.startPageTop, #leftDotsTop, .firstLeftPageTop, .secondLeftPageTop,
.firstRightPageTop, .secondRightPageTop, .rightDotsTop, .endPageTop {display: none}



.themaDiv {width: 188px; height: 49px; _width: 198px; _height: 59px; border: 1px solid #eee; padding: 5px; overflow: auto}
.themaDivLeft {width: 365px; height: 38px; border: 1px solid #eee; overflow: auto}
.themaDivLeftSmall {width: 237px; height: 38px; border: 1px solid #eee; overflow: auto}
.themaDivApproval {width: 574px; padding-left: 10px; background-color: #eee}
.themaDownload {text-align: left; background-color: #eee; width:585px; padding-top: 8px}
.themaDownload1 {text-align: left; background-color: #eee; padding-top: 5px}
*HTML .themaDiv IMG {margin-left: -2px}


/**
 * context help
 */
#help_contents {width: 100%}
#help_contents H1 {padding-bottom: 6px; color: #000; font-size: 12px; line-height: 14px; font-weight: bold}
#help_contents P {padding-bottom: 4px; text-align: left; color: #333; font-size: 12px; line-height: 14px; font-weight: normal}
#help_contents P.subHeadline {padding-top: 3px; padding-bottom: 0; text-align: left; color: #000; font-size: 12px; line-height: 14px; font-weight: bold}
#help_contents LI {clear: both; padding: 0 0 4px 0; text-align: left; color: #000; 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%}




/* show/hide lists */
.standardListHeader {padding: 2px 5px; margin-bottom: 1px; background-color: #eee; color: #333; font-weight: bold; clear: both; overflow: hidden; _zoom: 1}
.standardListHeader .elementsCount {font-weight: normal}


.massTitle {padding: 5px; background-color: #eee; border: 1px solid #eee}


/**
 * definition lists
 */
.objDefinitionList {padding: 7px; background-color: #eee}
.objDefinitionList DL {padding: 4px 0 3px 6px; background-color: #fff}
.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%; table-layout: fixed}
.mediaDetails TABLE TD {padding: 4px 0 3px 2px; vertical-align: middle; background-color: transparent; white-space: normal; word-wrap: break-word}
.mediaDetails TABLE TD .multipleLanguagesIcon {margin-top: -10px; *margin-top: -12px}
.mediaDetails TABLE TD.textareaCell {padding: 3px 0 2px 0}
.mediaDetails TABLE TD.wrappedText {padding: 3px 0 2px 0; word-wrap: break-word; color: #333}
.mediaDetails TABLE TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none; padding: 0}
.mediaDetails TABLE TD .scrollableListContainer {overflow: auto}
.mediaDetails TABLE .paddingFix {padding-left: 7px}
.mediaDetails TABLE .rowDividingLine {background-color: #999}

.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.textareaCell {padding: 3px 0 2px 1px}
.mediaDetails TABLE.fixed TD TEXTAREA {width: 100%; height: auto; overflow: visible; background: transparent; border: none; padding: 0}
.mediaDetails TABLE.fixed TD .scrollableListContainer {overflow: auto}
.mediaDetails TABLE.fixed .paddingFix {padding-left: 7px}
.mediaDetails TABLE.fixed .rowDividingLine {background-color: #999}

/* New details popup:*/
.mediaPreview {float: right; position: relative}
.mediaPreview .previewTable {border: 1px solid #eee}
.mediaPreview .previewTable TD {width: 320px; height: 320px; background-color: #fff; text-align: center; vertical-align: middle}
.mediaPreview .previewTable .noImage {text-align: left; vertical-align: top}
.mediaPreview .previewTable .noImage H3 {padding: 10px; font-size: 16px; color: #333}
.mediaPreview .previewTable .noImage TABLE {border: none}
.mediaPreview .previewTable .noImage TD {width: auto; padding: 0 10px 0 10px; height: auto; background-color: transparent; text-align: left; vertical-align: top}
.mediaPreview .previewTable .noImage .entries TD, #detailsPopupContent #bigPreviewImageContainer .noImage TD {height: auto; text-align: left}

.mediaPreview .previewDataTable {width: 100%; background-color: #eee; border-top: 8px solid #eee; border-bottom: 3px solid #eee}
.mediaPreview .previewDataTable TH {padding: 0 0 5px 10px; text-align: left; vertical-align: top}
.mediaPreview .previewDataTable TD {padding: 0 0 5px 0; text-align: left; vertical-align: top}

.previewDataTableFixed {width: 100%; background-color: #EEE !important; border-top: 8px solid #eee; border-bottom: 3px solid #eee}
.previewDataTableFixed TH {padding: 0 0 5px 10px; text-align: left; vertical-align: top}
.previewDataTableFixed TD {padding: 0 0 5px 1px; text-align: left; vertical-align: top}

#popupWorkAreaBig .rightColumn .actionButtonsNoBG {padding-top: 0}

.previewPagesNav {float: right; padding-bottom: 2px; margin-top: 5px}
.previewPagesNav A {float: left}
.previewPagesNav .countPages {float: left; color: #333; padding: 0 4px; line-height: 20px}

.moreDetails P {padding: 4px 0 4px 0; border-bottom: 1px solid #eee}
.moreDetails P SPAN {display: block}
.mediaPreview .actionButton {margin-left: 5px}

#detailsPlayVideoButton {position: relative; top: -22px}


/* Old media details popup */
.mediaDetailsVer1 .mediaPreview {float: left; padding-left: 20px; width: 320px; *width: 340px}
.mediaDetailsVer1 .mediaPreview .previewPagesNav {float: right}
.mediaDetailsVer1 .mediaPreview .previewTable {clear: both; margin-top: 5px}


/* collections */
#collectionsList {padding: 5px; background-color: #eee; overflow: hidden; *zoom: 1}

#collectionsList LI {padding: 1px 0 1px 9px; *padding-left: 0; border-bottom: 1px solid #fff; clear: both; float: left; width: 355px; *width: 100%; line-height: 13px}

#collectionsList LI .collectionLinkContainer {float: left; width: 353px}
#collectionsList LI .collectionLinkContainer A {display: inline-block; line-height: 14px; font-weight: normal}
#collectionsList .leftColumn {width: 380px; height: 90px; background-color: #EEE; border: 1px solid #fff; overflow-x: hidden; overflow-y: auto}
#collectionsList .leftColumn UL LI IMG {display: none}
#collectionsList .leftColumn UL LI IMG.spacer {display: block; float: left}
#collectionsList .leftColumn UL LI .iconDeleteCollection {position: relative; left: 2px; top: 0; *top: 3px; *left: 5px; width: 8px; height: 8px; display: inline-block; overflow: hidden}
* HTML #collectionsList .leftColumn UL LI .collectionLinkContainer A {float: left}

#collectionsList .rightColumn UL LI IMG {display: none}
#collectionsList .rightColumn {width: 380px; height: 90px; overflow: auto; background-color: #fff}
#collectionsList .rightColumn LI {padding-left: 5px}
#collectionsList .rightColumn LI A {float: left}
#collectionsList .rightColumn LI .collapsedLink, #collectionsList .rightColumn LI .expandedLink {width: 15px; padding: 0}
#collectionsList .rightColumn LI A.collectionChild {width: 335px}

#collectionsList .buttons {float: left; width: 100%; padding-top: 7px}
#collectionsList .buttons .actionButton, #collectionsList .buttons .actionButtonDisabled {float: right}
#collectionsList .buttons FIELDSET {display: inline; float: left; margin-top: -1px}
#collectionsList .buttons FIELDSET LABEL, #collectionsList .buttons FIELDSET INPUT, #collectionsList .buttons FIELDSET .actionButton {float: left}

.deleteCollection {padding-left: 8px; position: relative; top: 3px; left: 4px}


.altImageIcon {position: absolute; right: 0; bottom: 0; cursor:pointer}

.progressIndicator {text-align: center}


/* dendriform lists styles */

.dendriformMenuList .expandedChild {color: #F29400 !important}
.dendriformMenuList #showWelcomeScreen {margin: 1px 0 6px 0}


.dendriformList h2 {background-color: #eee; padding: 3px 0 3px 5px; font-size: 11px}
.dendriformList h2.themesHeadline {background-color: #eee; margin: 0; padding: 5px 0 4px 5px}
.dendriformList .border {border: 1px solid #eee}
.dendriformList .container {height: 420px; width: 245px; overflow: auto; wrap: virtual; border: none}
.dendriformList li {padding: 2px 0 2px 5px; background-color: #eee; border-top: 1px solid #fff; margin-left: 1px; background-image: none; white-space: nowrap}
.dendriformList .browsedRoot {background-color: #C6C6C6}
.dendriformList .expandedChild {background-color: #C6C6C6}
.dendriformList .contentSelectedChild {background-color: #C6C6C6}
.dendriformList .shortList {height:70px; margin-top: 10px; overflow: auto; padding: 2px; wrap:virtual; border: 1px solid silver; background-color: #E5E5E5}

.dendriformList .collapsedLink, .dendriformList .expandedLink {display: block; font-weight: normal; line-height: 12px}

A.inactiveAssociation {color: red }

.objectMarker {position: absolute; z-index: 1000; display: none}
.objectMarker div {position: relative; display: none; width: 100%; height: 100%; border: 1px dashed #ff9c9f}
.objectMarker div.selected {border: 1px dashed #eee}
.objectMarker div.hovered {border: 1px dashed #eee}
.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}

.previewObjectsContainer {position: absolute; _overflow: visible !important; z-index: 3030; pointer-events:none; _background-image:url('../images/us.gif'); _background:none !important;}
.previewObjectsContainer .outerWizObjectMarker {position: absolute; border: 1px dashed #ff9c9f; pointer-events: all}
.previewObjectsContainer .outerPreviewMarker {z-index: 3030; display: block;}
.previewObjectsContainer .outerPreviewMarker .innerPreivewMarker{z-index: 3030;}
.previewObjectsContainer .outerWizObjectMarker .innerWizObjectMarkerSelected {background-color: #ffa3a6; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: .5}
.previewObjectsContainer .selectorPreviewMarker {z-index: 3040; display: block; position: absolute; pointer-events: all}
.previewObjectsContainer .moverPreviewMarker {z-index: 3040; display: block; pointer-events: all}

.outerWizObjectMarkerFlow {position: absolute; z-index: 1000; display: none; border: 1px dashed #CCC; background-color: #fff; background-image: url(/images/background_main_text_flow.png) !important; background-repeat: repeat-y !important; pointer-events:all}


/* ManageThemes lists styles */

.themesManagementList h2.themesHeadline {margin: 0; padding: 2px 0 3px 8px; font-size: 12px; background-color: #eee; overflow: hidden; *zoom: 1}
.themesManagementList h2.themesHeadline .rootNode {line-height: 20px; font-weight: bold; float: left; font-size: 12px}
.themesManagementList .container .multilanguageThemeNameHolder {position: absolute; top: 3px; left: 4px}
.themesManagementList .container .checkbox {margin-left:5px }
.themesManagementList .container .themesDesignations{float:left; clear:both}
.themesManagementList .container .themeName,
.themesManagementList .container .moreInfo {float: left; font-size: 12px; line-height: 20px; position: relative; left: 30px; _display: inline; margin-left: 5px; margin-right: 80px; *margin-right: 0}
.themesManagementList .container .themeNameParent {font-weight: bold; font-size: 12px}
.themesManagementList .container .childContainer {clear : both}
.themesManagementList .container .themesAssignedMedias{float:left; padding-left: 6px}
.themesManagementList .border {border: 1px solid #eee}
.themesManagementList .container div a:hover {color: red}
.themesManagementList .multipleLanguagesIcon {position: static}
.themesManagementList .container .themeItemEven,
.themesManagementList .container .themeItemOdd {padding-top: 3px; padding-bottom: 3px; position: relative; overflow: hidden; *zoom: 1; clear: both}
.themesManagementList .container .themeItemEven {background-color: #eee}
.themesManagementList .container .themeItemOdd {background-color: #f7f7f7}

/* ShowAdvertTemplateOverview */

.templateOverviewContainer {background-color: #fff}

.templateOverviewContainer .leftColumn {width: 370px; height: 510px; background-color: #eee}
.templateOverviewContainer .leftColumn .middlePreview {display: block; width: 370px; height: 510px; float: left; border: 0}

.templateOverviewContainer .rightColumn {width: 370px; height: 410px; background-color: #eee}
.templateOverviewContainer .rightColumn .objDefinitionList dl dt {width: 90px}
.templateOverviewContainer .rightColumn .objDefinitionList dl dd {width: 150px}


/* ExportAdvertInstance */

.mainWorkArea {width: 515px; margin: 20px}

.finalizedImagePreview {display: block; width: 515px; height: 515px; position: relative; border: 1px solid #999}
.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}

#versionsInformation .versionningTable {margin-bottom: 0}
TABLE.versionningTable {text-align: left}
TABLE.versionningTable TR TH {color: #4d4d4d; font-weight: bold; padding-bottom: 6px}
TABLE.versionningTable TR TD {color: #4d4d4d; padding-top: 2px; padding-bottom: 2px; overflow: hidden}
TABLE.versionningTable TR TD A IMG {position: relative; top: 2px}
TABLE.versionningTable .icon {margin:0 2px 2px 0; float: left}


#versionPeriodSelector {padding-right: 9px}

.searchPopupMaskContainer {width: 786px}

.detailsCheckboxContainer input.checkbox {margin-right: 3px}

.titleLoginInfo {font-weight:bold; margin-bottom:9px}

.infoRow TD {background-color: #fff; padding: 5px}

#reloadButtonsContainerEnabled {float: left; margin-right: 3px; margin-top: 3px}
#reloadButtonsContainerEnabled A {float: left; margin-right: 3px}
.reloadButtonsContainerStatus {float: left; line-height: 24px; margin-left: 5px; margin-right: 5px; color: red}

#showRTPreviewLayer{margin-top: 3px}

#pleaseChooseThemaDIV {width: 345px; *width: 355px}
#themesListBody {padding: 0}
#browseInstanceThemesIframe {clear: both; display: block; margin-left: 7px; width: 100%}




/* EXTJS */
.x-menu-list-item .commandLinkLight {padding: 2px 50px 3px 15px !important}

A.x-menu-item {padding-left: 37px}
.x-menu-item-icon {left: 6px; _left: -29px !important}




/* MISC */

#userCaption {display: none}

.editMediaForm .columnLeft .structuredKeywordsFieldset {width: 100%}
.editMediaForm .columnLeft .structuredKeywordsFieldset INPUT.keywordField {width: 339px}
.editMediaForm .columnLeft .countryFieldset {width: 100%}
.editMediaForm .columnLeft .countryFieldset INPUT.countryField {width: 339px}
.editMediaForm .columnLeft .mediaLanguageFieldset {width: 100%}
.editMediaForm .columnLeft .mediaLanguageFieldset INPUT.keywordField {width: 339px}

.searchLoadingIndicatorContainer {display: none; margin: 10px 0 20px 0; overflow: hidden; *zoom: 1}
.searchLoadingIndicatorContainer .searchLoadingImage {float: left; margin: 2px 5px 0 0}
.searchLoadingIndicatorContainer .searchLoadingText {float: left; font-weight: bold; line-height: 20px}

#globalSearchLoadingIndicatorContainer {clear: both; overflow: hidden; *zoom: 1}

* HTML #sendAsMailDiv FIELDSET.floatLeft SELECT OPTION {position: relative}
* HTML .editObjectFormFixed {width: 517px}
* HTML .editObjectForm FIELDSET.floatLeft .actionButton {position: relative; top: 4px}


#topStructuredKeywords {margin-left: 20px; margin-top: 20px; overflow: hidden}
#topStructuredKeywords H2 {line-height: 25px; background-color: #E5E5E5; padding-left: 6px; margin-bottom: 10px}
#topStructuredKeywords A {background: none; color: #333}
#topStructuredKeywords A:hover {color: #F29400}

#popupWorkAreaWider {padding-left: 5px}

.textContentHeader {width: 748px}
.newTextContent TEXTAREA {width: 748px; height: 66px; float: left; margin-bottom: 0; padding-bottom: 0}
.newTextContent .iconMore {float: right; margin-top: 51px}

.previewPagesNavigationContainer {height: 20px; width: 786px; overflow: hidden}
.previewPagesNavigationContainer A {float: left}
.previewPagesNavigationContainer .text03 {float: left; width: 746px; line-height: 20px; text-align: center}
.previewPagesNavigationContainer .margined {margin-left: 20px; *display: inline}

.searchMaskLinksContainer A {margin-right: 30px}

.imageBottomNavigation {float: left}
.imageBottomNavigation A {float: left}
.imageBottomNavigation .countPagesText {float: left; padding: 0 4px; line-height: 20px}

.imageBottomButtons {float: right}
.imageBottomButtons .actionButton, .imageBottomButtons .actionButtonDisabled {float: right; margin-left: 3px}

.metaTemplateInfo {margin-bottom: 15px; overflow: hidden}
.metaTemplateInfo .leftColumn {width: 535px}
.metaTemplateInfo .rightColumn {width: auto}
.metaTemplateInfo .rightColumn .objectCreativeViewNoCheckbox {width: auto; margin: 0}
.metaTemplateInfo .rightColumn .objectCreativeViewNoCheckbox .previewTable TD {width: 140px; height: 140px}


/* Details popup: */
.detailsPopup {background-color: #EEE}
.detailsPopup #popupWorkAreaBig {background-color: #fff; width: 873px; margin: 12px 0 0 12px; padding-top: 10px}

.detailsPopup #mediaDetailsHeader {margin-left: 10px; width: 853px; overflow: hidden;  padding-bottom: 10px !important}
.detailsPopup #mediaDetailsHeader H2 {float: left; max-width: 710px; _width: expression( this.scrollWidth > 711 ? "711px" : "auto" ); margin-right: 20px; margin-bottom: 0px !important; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default}
.detailsPopup #mediaDetailsHeader #main_media_title_iconHolder {float: left}
.detailsPopup #mediaDetailsHeader .multipleLanguagesIcon {position: static; margin-top: 0}

.detailsPopup #tabsContainer {height: 20px; background-color: #eee; padding-top: 10px}

#detailsPopupContent {background-color: #FFF; padding: 10px}

#detailsPopupContent #leftPart {float: left; overflow: hidden}
#detailsPopupContent .leftPartBig {width: 370px}
#detailsPopupContent .leftPartSmall {width: 122px}
#detailsPopupContent .leftPartBig #leftColumnSmall, #detailsPopupContent .leftPartSmall #leftColumnBig {display: none}
#detailsPopupContent #leftColumnBig, #detailsPopupContent #leftColumnSmall {overflow: hidden}
#detailsPopupContent #leftColumnBig .previewDataTableFixed {margin-right: 25px}
#leftColumnSmall .previewTableContainer {background-color: #eee; FLOAT: left;  border: 1px solid #ddd; position: relative}

#detailsPopupContent #rightPart {float: right}
#detailsPopupContent .rightColumn {width: 450px; float: none; overflow: hidden}
#detailsPopupContent .rightColumnWide {width: 728px; overflow: hidden}


#detailsPopupContent #bigPreviewContainer {*width: 373px; overflow: hidden}
#detailsPopupContent #bigPreviewContainer #headerRow {width: 346px; margin-bottom: 4px; text-align: right; overflow: hidden}
#detailsPopupContent #previewLeftTab, #detailsPopupContent #previewLeftTabInactive, #detailsPopupContent #previewRightTab, #detailsPopupContent #previewRightTabInactive {float: left; width: 24px; height: 322px}
#detailsPopupContent .previewLeftTabActive {background-position: 0 -1000px; cursor: pointer}
#detailsPopupContent .previewLeftTabInactive {background-position: -50px -1000px; cursor: default}
#detailsPopupContent .previewRightTabActive {background-position: -100px -1000px; cursor: pointer}
#detailsPopupContent .previewRightTabInactive {background-position: -150px -1000px; cursor: default}
#detailsPopupContent #bigPreviewImageContainer {float: left; border: 1px solid #c8c8c8; background-color: #eee; width: 320px; height: 320px; *width: 322px; *height: 322px; overflow: auto; position: relative}
#detailsPopupContent #bigPreviewImageContainer .previewTable {width: 100%; height: 100%}
#detailsPopupContent #bigPreviewImageContainer TD {text-align: center; vertical-align: middle; height: 25px}


#detailsPopupContent #smallPreviewsContainer {height: 80px; width: 360spx; *height: 90px; *width: 370px; padding: 5px 0 5px 5px; clear: both; background-color: #dfdede; overflow-x: scroll; overflow-y:hidden}
#detailsPopupContent #smallPreviewsContainer TD {height: 60px; width: 60px; text-align: center; vertical-align: middle; border: 1px solid #c8c8c8; cursor: pointer; background-color: #dfdede}
#detailsPopupContent #smallPreviewsContainer TD.active {border-color:#F29400; cursor: default}
#detailsPopupContent #smallPreviewsContainer TD.spacer {border: none; width: auto; height: auto}
#detailsPopupContent #smallPreviewsContainer TD.spacer IMG {width: 9px}



#detailsPopupContent #workflowApprovalsContainer .actionButton {float: right; margin-top: -2px}
#detailsPopupContent #workflowApprovalsContainer .aprRejInfoContainer {margin-top: 10px}
*HTML #detailsPopupContent #workflowApprovalsContainer FIELDSET {padding-bottom: 1px}
#detailsPopupContent #workflowApprovalsContainer FIELDSET LABEL {line-height: normal}
#detailsPopupContent #workflowApprovalsContainer .aprRejInfoContainer INPUT,
#detailsPopupContent #workflowApprovalsContainer .aprRejInfoContainer SELECT {
	width: 100%; margin-bottom: 6px
}
#detailsPopupContent #workflowApprovalsContainer #approveInfoContainer SELECT {margin-bottom: -3px; _margin-bottom: -5px; _position: relative}


.objectPreview, .objectMiddlePreview {float: left; position: relative; width: 60px; height: 60px; _width: 62px; _height: 62px; border: 1px solid #ddd; margin: 0 5px 5px 0; overflow: hidden; word-wrap: break-word; _display: inline !important}
.objectMiddlePreview {width: 120px; height: 120px; _width: 122px; _height: 122px}

.previewContainer, .smallPreviewContainer, .middlePreviewContainer {position: relative; border: 1px solid #ddd; display: inline-block; _float: left}
.smallPreviewContainer TABLE {width: 60px; height: 60px}
.middlePreviewContainer IMG {width: 120px; height: 120px}



#detailsPopupContent .mediaDetails {float: left; width: 100%; margin-top: 18px; height: auto; overflow: hidden}
#detailsPopupContent .mediaDetails TABLE {width: 100%; margin-bottom: 10px}

#searchForAdvertMediaFormatsPopupContent #searchMaskTitle {margin-right: 3px}
#searchForAdvertMediaFormatsPopupContent .form11 .actionButton {position: static}
#searchForAdvertMediaFormatsPopupContent #searchResult {margin-top: 10px; width: 585px; height: 390px; overflow-y: auto}

#mediaData {border: 1px solid #ddd; padding: 5px 10px 0 10px; overflow: hidden; *height: 1%}
#mediaData #header {margin-bottom: 15px}
#mediaData .leftColumn {width: 420px; margin-right: 10px}
#mediaData .rightColumn {float: left; width: auto}
#mediaData FIELDSET {margin-bottom: 7px; line-height: 20px}
#mediaData FIELDSET .remark {margin-left: 10px}
#mediaData LABEL {line-height: 20px}
#mediaData FIELDSET LABEL {float: left; width: 122px; clear: both}
#mediaData INPUT, #mediaData SELECT, #mediaData FIELDSET P {float: left}
*HTML #mediaData INPUT, #mediaData SELECT {margin-left: 3px; display: inline}


#metaTemplateRequestContainer .leftColumn {width: 550px; margin-right: 10px}
#metaTemplateRequestContainer H2 {margin-bottom: 7px}
#metaTemplateRequestContainer H3 {margin: 20px 0 10px 0}
#metaTemplateRequestContainer .rightColumn .objectCreativeViewNoCheckbox {margin-top: 25px}

#metaTemplatesFormatRequestsContainer .objectsNavigatorTop {margin: 20px 0 10px 0}
#metaTemplatesFormatRequestsContainer .form03 {margin: 20px 0 10px 0}


#graphicProcessMediaContainer .rightColumn {width: 185px}
#graphicProcessMediaContainer .rightColumn .form01 {height: 315px; *height: 322px}

.graphicRotationItem {width: 168px; *width: 170px; height: 14px; border: 1px solid #fff}
.graphicRotationItem A {display: block; padding-left: 5px; *width: 100%; background-position: 154px -150px}
.graphicRotationMenu {width: 156px; *width: 170px; padding: 6px; background-color: #eee; border: 1px solid #d4d4d4; position: absolute; visibility: hidden}
.graphicRotationMenu A {display: table; *display: block; padding-left: 11px; line-height: 16px}

.crop {
    position: absolute; width: 15px; height: 15px; background-color: transparent; border: black 1px dashed; visibility: hidden; z-index: 500;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<html:rewrite page="/images/transbg.png" />',sizingMethod='scale')
}

#articleBlockDetailsContainer .mediaPreview {width: 320px; float: left; margin-left: 20px; _display: inline}


/* copy to clipboard button -> MediaStoreNamePopup.jsp */
#popupContentTest .my_clip_button {
        height: 14px; line-height: 14px; *height: 12px; *line-height: 12px; padding: 2px 5px !important; *padding: 3px 6px;
        border: 1px solid #999; *border: none;
        display: inline; white-space: nowrap; cursor: pointer;
        background-color: #ccc !important; background-position: 0 -980px; background-repeat: repeat-x !important;
        text-decoration: none !important;
        font-family: Arial,sans-serif; font-size: 11px !important; color: #333 !important;
        font-weight: normal !important; *border: 1px solid #999
}
#popupContentTest .hover
{
    color: #666 !important;
    background-color: #666 !important;
    border: 1px solid #f29400
}
#popupContentTest .active
{
    color: #666 !important;
    background-color: #666 !important;
    border: 1px solid #f29400
}

.transpIframe {position: absolute; left: 0px; top: 0px; display: none; filter: alpha(opacity=0); opacity: 0; -moz-opacity:0; width: 0px; height: 0px}

.largePreviewContainer1002 .previewTableContainer .previewTable TD {cursor: default}
.largePreviewContainer1002 .noPreviewImgText {display: block; padding: 30px 0}
*HTML .largePreviewContainer1002 TABLE.noPreviewImgText TD {padding: 30px 0}

*HTML TABLE.noPreviewImgText {width: 100%; height: 100%; vertical-align: middle; border: none; background-color: transparent}

#allRecipientsDiv .form02 INPUT.typ31, #allRecipientsDiv .form02 .actionButtons {width: 100% !important}


.licenseIcon {  position: absolute; right: 0; bottom: 0}

/* FC popup styles */

#lightbox.popup {
    display: none;
    width: 554px; height: 402px;
    position: absolute;
    z-index: 9999; top: 50%; left: 50%;
    margin: -201px 0 0 -277px;
    border: 1px solid #5577B8;
    background: #8CA6D6 url(/images/popup/popup_bg.gif) repeat-x left top
} #lightbox[id].popup {position:fixed}

#overlay.popup {
    display: none;
    z-index:5000;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: #4d4d4d;
    -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50)
} #overlay[id] {position: fixed}

#overlayErrors.popup {
    display: none;
    z-index:10000;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;

    background-color: #4d4d4d;
    -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50)
}

/**
 * popup content styles */

.popupHeadline {margin: 0; height: 38px; overflow: hidden; padding: 0 0 0 10px; cursor: move}
.popupHeadline TABLE {height: 38px}
.popupHeadline TABLE td {font-size: 14px; line-height: 15px; vertical-align: middle; text-align: left; font-weight: bold}
.popupHeadline .oneLineText {margin: 0; padding: 8px 0 0 0; font-size: 14px; line-height: 15px; text-align: left; vertical-align: top; font-weight: bold}

.popupContent {height: 100%; padding: 15px 0 0 10px; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; font-family: Arial,Helvetica,sans-serif; font-size: 12px}
.popupContent fieldset {border: none; padding: 0; margin: 0}
.popupContent .input {height: 18px; padding-left: 4px; border: 1px solid #90a6d6; font-family: Arial,Helvetica,sans-serif; font-size: 12px}
.popupContent .select {height: 18px; border: 1px solid #90a6d6; font-family: Arial,Helvetica,sans-serif; font-size: 12px}
.popupContent .textarea {height: 60px; padding-left: 4px; font-family: Arial,Helvetica,sans-serif; font-size: 12px}
.popupContent .floatLeft {float: left}
.popupContent .floatRight {float: right}
.popupContent .hidden {visibility: hidden; height: 0px}
.popupContent .visible {visibility: visible; height: auto}
.popupContent .calendarIcon .calendarImg {padding: 1px 0 0 11px; background: url(../../images/default/icon_calendar.gif) no-repeat left top; cursor: default}
.popupContent .calendarIcon .hover {background-image: url(../../images/default/icon_calendar_h.gif)}
.popupContent .calendarIcon .pressed {background-image: url(../../images/default/icon_calendar_p.gif)}

.popupFooter {padding-top: 8px; background: url(/images/popup/popup_buttons_container_bg.gif) repeat-x left top}
.popupFooter .actionButtons {float: right}
.popupFooter .actionButtons .actionButton {display: block; float: right; margin-right: 4px; width: 96px; height: 30px; text-align: center; text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 28px; cursor: pointer}
.popupFooter .actionButtons .actionButton {background: url(/images/popup/popup_button.gif) no-repeat left top; color: #000}
.popupFooter .actionButtons .hover {background-image: url(/images/popup/popup_button_h.gif)}
.popupFooter .actionButtons .pressed {background-image: url(/images/popup/popup_button_p.gif)}
.popupFooter .actionButtons .actionButtonDisabled {background: url(/images/popup/popup_button_disabled.gif) no-repeat left top; color: #999; cursor: default}

.popupContent .infoText {padding: 28px 20px 0 20px}

.popupContent .standardForm {padding-top: 28px}
.popupContent .standardForm fieldset {display: block; padding-bottom: 5px}
.popupContent .standardForm fieldset label {float: left; width: 103px; margin-right: 4px; padding-top: 4px; text-align: right; line-height: 13px}
.popupContent .standardForm fieldset.datesFieldset {padding-left: 49px}
.popupContent .standardForm fieldset.datesFieldset label {width: 54px}
.popupContent .standardForm fieldset.categoriesFieldset {padding-top: 28px}

.popupContent .formDropdown {display: block; width: 78px; padding-top: 1px; cursor: default; border: 1px solid #90a6d6; background: #fff url(../../images/default/dropdown_arrow.gif) no-repeat top right}
.popupContent .formDropdownOptions {display: none; position: absolute; left: 30px; width: 78px; z-index: 1000; border: 1px solid #90a6d6; border-top: none; background: #fff}
.popupContent .formDropdownOptions .option {display: block; clear: both; padding: 4px 1px 4px 2px; font-size: 12px; cursor: default}
.popupContent .formDropdownOptions .option .img {float: left}
.popupContent .formDropdownOptions .option .text {padding-left: 4px; font-size: 12px; line-height: 12px}

/* general details */
.popupContent .standardForm .markers {position: absolute; left: 109px; width: 380px}
.popupContent .standardForm .markers .markerGroup {float: left; width: 22px; margin-right: 2px}
.popupContent .standardForm .markers a.nodeMarker {float: left; padding: 4px; margin-bottom: 0}
.popupContent .standardForm .markers a.nodeMarker img {display: block}
.popupContent .standardForm .markers a.nodeMarker:hover {background: url(/images/popup/marker_bg.gif) no-repeat left top}
.popupContent .standardForm .markers .markersContextMenu {display: none; position: absolute; margin-top: 24px; clear: both; width: 22px; Z-INDEX: 1000; border: 1px solid #5577b8; background: #fff}
* html .popupContent .standardForm .markers .markersContextMenu {margin-top: 0}
.popupContent .standardForm .markers .markersContextMenu img {display: block}
.popupContent .standardForm .markers .markersContextMenu a {display: block; margin: 1px; padding: 1px; border: 1px solid #fff}
.popupContent .standardForm .markers .markersContextMenu a:hover {border-color: #F29400}
.popupContent .standardForm .markers .markersContextMenu .hr {display: block; margin: 2px 2px 4px 2px; padding: 1px 0 0 0; background-color: #476399}
.popupContent .standardForm .markers .active a.nodeMarker,
.popupContent .standardForm .markers .active a.addMarkerLink {background: url(/images/popup/marker_bg.gif) no-repeat left top}
.popupContent .standardForm .markers .active .markersContextMenu,
.popupContent .standardForm .markers .active .markersGroupsContextMenu {display: block}
.popupContent .standardForm .markers .iconSeparator {float: left; margin: 0 4px 0 4px}
.popupContent .standardForm .markers a.addMarkerLink {float: left; padding: 4px; margin-bottom: 0}
.popupContent .standardForm .markers a.addMarkerLink:hover {background: url(/images/popup/marker_bg.gif) no-repeat left top}
.markersGroupsContextMenu {display: none; clear: both; width: 194px; Z-INDEX: 100000; background: url(/images/popup/markers_groups_menu_bg_1.gif); border-top: 1px solid #5577b8}
.markersGroupsContextMenu .iconsGroup {padding: 4px 0 0 15px; border-bottom: 1px solid #5577b8}
.markersGroupsContextMenu .iconsGroup .title {display: block; width: 100%; clear: both; color: #234f8b; font-size: 12px; font-weight: bold; cursor: pointer}
.markersGroupsContextMenu .iconsGroup .icons {padding-top: 3px}
.markersGroupsContextMenu .iconsGroup .icons a {float: left; width: auto; padding: 1px; margin-right: 3px; background: transparent}
.markersGroupsContextMenu .iconsGroup .icons a:hover {padding: 0; border: 1px solid #F29400}
.markersGroupsContextMenu .iconsGroup .cleaner {clear: both; padding: 0; margin: 0; padding-top: 2px}
.markersGroupsContextMenu .deleteTaskMarkerIcon {display: block; margin: 10px 0 5px 15px}
.markersGroupsContextMenu .deleteTaskMarkerItem {display: block; padding-bottom: 4px}
.markersGroupsContextMenu .deleteTaskMarkerItem a {float: none; display: block; width: 100%; clear: both; color: #000; font-size: 12px; font-weight: bold; cursor: pointer; text-decoration: none}

/* dataTable */
.popupContent .dataTableBorder {position: absolute; width:657px; height: 550px; margin-top: 5px; background-color: #F2F2F2}
.popupContent .dataTableContainer {position: absolute; width: 656px; height: 549px}
.popupContent .dataTableContainer .popupScroller {position: absolute; z-index: 1010; top: 18px; right: 0; width: 20px; height: 230px; background: url(../../images/default/scroller/vertical_scrollbar_background.gif) repeat-y}

/*.popupContent .dataTableContainer * {font-size: 12px; line-height: 15px}*/
.popupContent .dataTableContainer .dataTableHeader {position: absolute; top: 0; width: 656px; height: 18px; overflow: hidden}
.popupContent .dataTableContainer .dataTableHeader ul {width: 100%; height: 100%; padding: 0; margin: 0; list-style-type: none; background: #999}
.popupContent .dataTableContainer .dataTableHeader ul li {float: left; height: 18px; padding: 0; margin: 0 1px 0 0; background-color: #EAEAEA}
.popupContent .dataTableContainer .dataTableHeader ul li * {cursor: default}
.popupContent .dataTableContainer .dataTableHeader ul li .th {float: left; padding: 1px 0 0 10px}
.popupContent .dataTableContainer .dataTableHeader ul li .sortMarker {display: none; float: right; width: 20px; height: 8px; margin: 5px 0 0 0; background-position: left top; background-repeat: no-repeat}
.popupContent .dataTableContainer .dataTableHeader ul li.sortUp .sortMarker {background-image: url(/images/popup/sort_up.gif)}
.popupContent .dataTableContainer .dataTableHeader ul li.sortDown .sortMarker {background-image: url(/images/popup/sort_down.gif)}
.popupContent .dataTableContainer .dataTableHeader ul li.active .sortMarker {display: block}
.popupContent .dataTableContainer .dataTableHeader ul.hover li {background-image: url(/images/popup/table_header_bg_h.gif)}
.popupContent .dataTableContainer .dataTableHeader ul.pressed li {background-image: url(/images/popup/table_header_bg_p.gif)}

.popupContent .dataTableContainer .dataTable {position: absolute; top: 18px; left: 0; width: 656px; height: 531px; overflow: hidden}
.popupContent .dataTableContainer .dataTable .scrollableContainer {position: absolute; top: 18px; left: 0; width: 100%; height: 512px; overflow: auto; border-top: 1px solid #D4D4D4}
.popupContent .dataTableContainer .dataTable .scrollableContainerCrouching {position: absolute; top: 54px; left: 0; width: 100%; height: 176px; overflow: hidden}
.popupContent .dataTableContainer .dataTable ul {clear: both; width: 100%; height: 28px; padding: 0; margin: 0; overflow: hidden; list-style-type: none; background: #e5e5e5; border-bottom: 1px solid #D4D4D4}
.popupContent .dataTableContainer .dataTable ul li {float: left; height: 100%; padding: 0; margin: 0 1px 0 0}
.popupContent .dataTableContainer .dataTable ul li .td {float: left; padding: 2px 0 0 10px}

* html .popupContent .dataTableContainer .dataTable ul li .textfield {margin-top: -1px; cursor: default}
.popupContent .dataTableContainer .dataTable ul li .textfield {height: 28px; padding-left: 4px; padding-top: 7px; border: none; background-color: #e5e5e5}
.popupContent .dataTableContainer .dataTable ul.topElement {background-color: #F2F2F2; border: none}
.popupContent .dataTableContainer .dataTable ul.topElement li .textfield {border: none; background-color: #F2F2F2; color: #395098; font-style: italic; cursor: default}
.popupContent .dataTableContainer .dataTable ul.topElement li .checkboxBg {visibility: hidden}
.popupContent .dataTableContainer .dataTable ul.hover li .textfield {font-weight: bold}
.popupContent .dataTableContainer .dataTable ul.hover li .startText {font-weight: bold}

.popupContent .dataTableContainer .dataTable ul li .checkbox {border: none; cursor: default; padding: 0; margin: 0; width: 18px; height: 18px; visibility: hidden}
.popupContent .dataTableContainer .dataTable ul li .checkboxBg {background-image: url(/images/popup/marker_false.gif); background-repeat: no-repeat; background-position: 3px 2px}
.popupContent .dataTableContainer .dataTable ul li .checked {background-image: url(/images/popup/marker_true.gif); padding-bottom: 5px}
.popupContent .dataTableContainer .dataTable ul li .calendarImg {display: none}

.popupContent .dataTableContainer .dataTable ul li .formDropdown {border-color: #fff; background-color: transparent; background-image: none; text-indent: 2px; border-color: e5e5e5}
.popupContent .dataTableContainer .dataTable ul li .formDropdown .text {line-height: 12px}
.popupContent .dataTableContainer .dataTable ul li .formDropdown .img img {margin-bottom: -1px}

.popupContent .dataTableContainer .dataTable ul.active li .textfield {margin-top: -1px; cursor: text}
.popupContent .dataTableContainer .dataTable ul.active li .formDropdown {margin-top: 2px; border-color: #90a6d6; background-color: #fff; background-image: url(../../images/default/dropdown_arrow.gif)}
* html .popupContent .dataTableContainer .dataTable ul.active li .formDropdown {margin-top: 3px}

.popupContent .dataTableContainer .dataTable ul.active li .actionButtons img {margin-left: 6px}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .iconLink2 {float: right; margin-left: 5px; width: 17px; height: 16px; text-decoration: none; background-repeat: no-repeat; background-position: left top}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .saveIcon {background-image: url(/images/popup/btn_icon_ok.gif)}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .cancelIcon {background-image: url(/images/popup/btn_icon_cancel.gif)}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .deleteIcon {background-image: url(/images/popup/btn_icon_delete.gif)}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .downloadIcon {background-image: url(/images/popup/btn_icon_download.gif)}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .saveIcon:hover {background-image: url(/images/popup/btn_icon_ok_h.gif)}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .cancelIcon:hover {background-image: url(/images/popup/btn_icon_cancel_h.gif)}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .deleteIcon:hover {background-image: url(/images/popup/btn_icon_delete_h.gif)}
.popupContent .dataTableContainer .dataTable ul.active li .actionButtons .downloadIcon:hover {background-image: url(/images/popup/btn_icon_download_h.gif)}

.popupContent .dataTableContainer .dataTable ul.active li.additionalData {clear: both; height: 30px; width: 100%}
.popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm {padding: 30px 0 0 18px}
.popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET {padding: 0 0 5px 0; margin: 0; border: none}
.popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET LABEL {float: left; width: 168px; padding-top: 3px}
.popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET .textfield {margin: 0}
.popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET.imageContainer {clear: both}
.popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET.imageContainer .middleThumbnailPreview {float: left}
.popupContent .dataTableContainer .dataTable ul.active li.additionalData .additionalForm FIELDSET.imageContainer .actionButton {float: left; margin: 83px 0 0 5px}
.popupContent .dataTableContainer .dataTable ul.active li.additionalData .actionButtons {background-color: transparent; float: right; padding-right:4px}

.popupContent .dataTableContainer .actionButtons.mainButtons {margin-top: 520px; background-color: #F2F2F2; position: absolute}


/* global events */
/* columns size */
.popupContent .globaleventsContainer ul li.column_1 {width: 180px}
.popupContent .globaleventsContainer ul li.column_2 {width: 453px}
.popupContent .globaleventsContainer ul li.header_column_2 {width: 475px; margin-right: 0}
.popupContent .globaleventsContainer ul li.column_2 .actionButton {margin: 5px 3px 0 0}

/* active row */
.popupContent .globaleventsContainer .dataTable .scrollableContainerCrouching {top: 126px; height: 104px}

.popupContent .globaleventsContainer .dataTable ul.active {height: 410px; background-color: #98A8CA}
.popupContent .globaleventsContainer .dataTable ul.active li {height: 24px}
.popupContent .globaleventsContainer .dataTable ul.active li .calendarImg {display: inline}
.popupContent .globaleventsContainer .dataTable ul.active li .textfield {height: 18px; margin-top: 2px; cursor: text; color: #000; font-style: normal; cursor: text}
.popupContent .globaleventsContainer .dataTable ul.active li SELECT.textfield {height: 16px; cursor: default; border-color: #90a6d6; background-color: #fff; color: #000; font-style: normal; cursor: text}

.popupContent .globaleventsContainer .dataTable ul.active li.additionalData {height: 100%}
.popupContent .globaleventsContainer .dataTable ul.active li.additionalData .errorMessage {float: left; padding-left: 10px; padding-top: 8px}

.workflowObjectEdit {background-color: f0f0f0; width: 100%; float: left}
.workflowObjectEdit .column1 {float: left; width: 155px; padding-left: 3px; overflow: hidden}
.workflowObjectEdit .column2 {float: left; width: 410px; padding-left: 15px; overflow: hidden}
.workflowObjectEdit .column3, .workflowObjectEdit .column4, .workflowObjectEdit .column5 {float: right; margin-left: 10px; padding-right: 3px}

.externalLayouBody {background: #fff}
.externalLayouBody #mainContainer {overflow: hidden; padding-bottom: 10px}
.externalLayouBody #mainContainer #workArea {margin-left: 16px; padding-top: 20px; *display: inline}

#filterJobs div.hr {
    border-color: #F29400
}
.pmEditRequestForm {
    float:left;
    border-left:1px solid #dcdcdc;
    width:796px;
    _width:797px
}
.pmEditRequestFormTab {
    background-color: #eee;
    _height: 355px !important; 
    min-height: 355px !important
}
.pmEditRequestFormTab td {
}
.pmEditRequestFormLeft {
    vertical-align: top;
    width:50%;
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 15px !important
}

.pmEditRequestFormRight {
    vertical-align: top;
    width:50%;
    padding-top: 20px !important;
    padding-left: 15px !important;
    padding-right: 20px !important
}
.pmEditRequestFormRight .pmPropertiesTable,
.pmEditRequestFormLeft .pmPropertiesTable
{
    table-layout: fixed;
    background-color: #eee;
}

.pmEditRequestFormSingle {
    vertical-align: top;
    width:100%;
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important
}

#jobDetailsHeadline {
    background: #e6e6e6; /* non-css3 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ebebeb'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ebebeb)); /* webkit */
    background: -moz-linear-gradient(top,  #e0e0e0,  #ebebeb); /* firefox */
    margin-bottom:2px
}
#jobDetailsHeadline td {
    vertical-align: top
}

#pmEditRequestFormTabMenu {
    width:183px
}

#pmEditRequestFormTabMenu a {
    text-decoration:none;
    line-height:26px;
    display:block;
    font-size: 11px;
    color: #333;
    cursor: pointer;
    padding-left: 12px;
    margin-bottom: 2px;

    background: transparent url('../images/gray200px.gif') repeat-x

}

#pmEditRequestFormTabMenu a.hover {
    color: #eee;
    background: #999
}

#pmEditRequestFormTabMenu a.selected {
    color: #fff;
    font-weight: bold;
    background: #F29400
}

table.TableData tr.pmOverviewTableRow {
    height: 25px
}

table.fixedLayout tr.pmOverviewTableRow
{
	height:auto
}

table.TableData tr.upperline {
    border-top: 1px solid #ccc
}

table.TableData tr.upperline td,
table.TableData tr.upperline th {
    //border-top: 1px solid #ccc
}

table.TableData td.rightColumn,
table.TableData th.rightColumn {
    text-align: right
}

.pmPropertiesTable {
    width: 100%;
    vertical-align: top;
    table-layout:fixed
}

.pmPropertiesTable tr td {
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px
}
td.pmPropertyLabel {
    width:125px;
    padding-right:15px;
    vertical-align: top !important
}

td.pmPropertyLabel LABEL {
	float:left;
    width:125px;
}

td.pmPropertyLabel LABEL.workflowTimingVariableMarginLeft {
	float:none
}

div.pmCompleteWidthEditorHeader LABEL {
	width:auto !important
}

td.pmPropertyElement {
    padding-right:15px;
    vertical-align: top !important
}
.pmSingleAreaDatasheet .pmPropertiesTable tr td.pmPropertyLabel {
    width:auto
}
.pmEditRequestFormSingle .pmPropertiesTable tr td.pmPropertyInput {
    width:auto
}
td.pmPropertyInput {
    line-height: 20px;
    width:234px;
    vertical-align: top !important
}

td.pmPropertyInput .actionButton{
    line-height: 13px;
}

td.textInputSuffixIndentation {
    width: 5px
}

.selectionVarControl {
    border:none;
    background:none;
    margin: 4px 5px 0 0
}

.pmImagesMediaMultiSelectorFrame {
    border: 1px solid #eee; width:234px; height:228px; background-color: white; overflow: auto
}
.pmImagesMediaMultiSelectorFrameReadOnly {
    border: 1px solid #eee; width:234px; height:228px; background-color: #eee; overflow: auto
}

.pmImagesMediaMultiSelectorFrame .actionButton {
    *width: 62px !important
}

.pmMediaPreview {
    border: 1px gray solid;
    vertical-align: middle;
    background-color:white;
    padding: 2px;
    clear:both;
    _height:100%
}

.pmMediaPreview .inputBox {
    display: none
}

.pmMediaPreviewItem {
    cursor:pointer;
    float:left;
    margin:5px;
    width:80px
}

.pmMediaPreviewItemsComment {
    margin:5px
}

.pmEditRequestContainerMiddle {width: 980px !important}

.pmEditRequestWorkArea {
    width: 980px !important
}

.pmEditRequestInputWidth {
    width: 100%
}

.pmFormHeader {
    padding: 10px;
    background-color: #CECECE;
    border-bottom: 2px solid white
}
.pmCommentsLeft {
    padding-top:25px;
    padding-left:20px;
    padding-right:25px
}
.pmCommentsRight {
    padding-top:25px;
    padding-left:25px;
    padding-right:20px
}
.pmHeadline {
    font-weight:bold
}
.pmCommentUsername {
    font-weight: bold;
    color: #F29400
}
.pmMediaDetailsIcon {
    background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons1.gif);
    background-repeat:no-repeat;
    background-position: -200px -300px !important
}
.pmSingleAreaDatasheet {
    padding:5px
}
.pmCompleteWidthEditor {
    width:100%
}
.pmCompleteWidthEditorHeader {
    font-weight: bold
}
#pmChatHeader {
    padding:2px;
    color:#7a7a7a;
    font-weight: bold
}
#pmChatCreateDiscussionContainer {
    border:1px solid #cdcdcd;
    background-color:white;
    padding:2px
}
.pmChatDiscussionThread {
    background-color:#ddd;
    border:1px solid #CDCDCD;
    padding:2px 5px
}
.pmChatDiscussionThread .pmComments {
    border: 1px gray solid;
    padding: 2px;
    background-color:white
}
#participantsGrid table {
    background: none
}
.workflowEmptySelection {
    color: #F29F15;
    font-style: italic !important
}


.userActivityBody .objectsNavigatorBottom .textBox,
.userActivityBody .objectsNavigatorTop .textBox {word-spacing: 0; padding: 0 4px; line-height: 15px}
.userActivityBody .objectsNavigatorBottom .textBox *,
.userActivityBody .objectsNavigatorTop .textBox * {padding: 0 4px}
.userActivityBody .objectsNavigatorBottom .textBox .text04,
.userActivityBody .objectsNavigatorTop .textBox .text04 {position: relative; top: -1px; *position: static}
.userActivityBody .objectsNavigatorBottom .icon, .userActivityBody .objectsNavigatorBottom .textBox,
.userActivityBody .objectsNavigatorTop .icon, .userActivityBody .objectsNavigatorTop .textBox {float: left}


#jsIframePublish {overflow: hidden}


#ManageTemplateVariantSetsForm .searchForm01 FIELDSET {display: block}
#ManageTemplateVariantSetsForm .searchForm01 FIELDSET .actionButton, #ManageTemplateVariantSetsForm .searchForm01 FIELDSET .actionButtonDisabled,
#ManageTemplateVariantSetsForm .table01 FIELDSET .actionButton, #ManageTemplateVariantSetsForm .table01 FIELDSET .actionButtonDisabled {
    float: left
}
#ManageTemplateVariantSetsForm .searchForm01 FIELDSET LABEL, #ManageTemplateVariantSetsForm .table01 FIELDSET LABEL {float: left; width: 265px}
#ManageTemplateVariantSetsForm .searchForm01 FIELDSET INPUT, #ManageTemplateVariantSetsForm .table01 FIELDSET INPUT {float: left; margin-right: 5px}
#ManageTemplateVariantSetsForm .table01 FIELDSET {padding-bottom: 7px}
#ManageTemplateVariantSetsForm .table01 TD .iconEdit {float: right; margin-right: 5px; _display: inline}

#templateVariantSetRow_edit {height: 100px}
#templateVariantSetRow_edit TD {padding: 10px; vertical-align:top}

#assignedCustomStructures HR {margin-top: 5px; *margin-top: -2px}
.customStructuresLink {clear: both; padding-top: 8px; *padding-top: 4px}

.customStructureAttributeRow FIELDSET {padding-bottom: 5px}
.customStructureAttributeRow LABEL {line-height: 20px; margin-right: 3px}

#altObjects {display: none}
#altObjects .objectCreativeView {margin-right: 10px; margin-bottom: 10px}
#altObjects .lastElementOnRow {margin-right: 0}

#ToolSearchForm {text-align: right}
#ToolSearchForm input {width:108px}

.iconToolSearchForm {
    display:block;
    width:20px;
    height:18px;
    cursor:pointer;
    background-position: -300px -350px;
    background-color: #eee
}

/* Graphic process media popup */
#graphicProcessMediaPopupContainer {width: 727px}

#graphicProcessMediaPopupContainer .middlePreview {float: left}
#graphicProcessMediaPopupContainer .middlePreview #img_previews_loading_indicator {top:0; left:0; position : absolute}
#graphicProcessMediaPopupContainer .middlePreview > TABLE {width: 320px; height: 320px}
#graphicProcessMediaPopupContainer .middlePreview TABLE #divImg {position: relative; width: 320px; height: 320px; vertical-align: top; overflow: auto}
#graphicProcessMediaPopupContainer .middlePreview TABLE #divImg #theImage {top:0; left:0}

#graphicProcessMediaPopupContainer .middlePreview TABLE #divImgDownload {position: relative; vertical-align: top; overflow: auto}
#graphicProcessMediaPopupContainer .middlePreview TABLE #divImgDownload #theImage {top:0; left:0}

#graphicProcessMediaPopupContainer .middlePreview #rightbottom {position: absolute; height: 10px; width: 10px; z-index: 501; visibility: hidden}

#graphicProcessMediaPopupContainer .form01 {float: right; width: 392px; padding: 0}
#graphicProcessMediaPopupContainer .form01 FIELDSET {display: block; float: none}
#graphicProcessMediaPopupContainer .form01 FIELDSET LABEL {float: left; width: 140px; line-height: 20px}
#graphicProcessMediaPopupContainer .form01 FIELDSET .noLabel {margin-left: 141px; *margin-left: 143px}
#graphicProcessMediaPopupContainer .form01 FIELDSET SPAN.checkbox {margin-left: 141px; *margin-left: 143px; *display: inline}
#graphicProcessMediaPopupContainer .form01 FIELDSET .actionButton {float: left; margin-right: 5px}

#graphicProcessMediaPopupContainer .previewTable TD {background-color: #eee}


.functionalButtonsContainer {float: left}
.functionalButtonsContainer LABEL {float: left; width: 80px; line-height: 20px; *margin-right: 3px}
.functionalButtonsContainer .icon {float: left; margin-right: 5px}
.functionalButtonsContainer #newDimensionsText {float: right; line-height: 20px; margin-right: 19px; _display: inline}

#cropperArea {display: none; float: left; width: 420px; height: 420px}
#cropperArea #mainContainer {position: relative; width: 100%}
#cropInfo {float: left; width: 530px; _width: 540px; padding-left: 10px}
#cropInfo #dimensionsInfo {padding-left: 20px}
#cropInfo .cropParameterFields {width: 261px}
#cropInfo .cropParameterFields .parameterField {display: inline}

#cropInfo .fieldsGroup INPUT {margin-right: 0}
#cropInfo .standardFieldHeight INPUT.numberField {margin-right: 5px; *margin-right: 2px}
#cropInfo .fieldsGroup .middleTextRightAuto {width: 65px; margin-left: 5px; _display: inline}


#img_previews_loading_indicator {margin-left: 152px; margin-top: 152px}

#uploadOwnW2PPictureFormHolder {width: 100% }


/* Billboards */
#billboardLink {cursor: pointer}
#billboardLink .icon {float: left}
#billboardLink DIV {float: left; padding-left: 5px; line-height: 20px}

#billboardsLayerContent {background-color: #fff; padding: 20px 0 20px 30px}

#postalCodeSelectionContainer {display: inline-block; width: 350px}
#postalCodeSelectionContainer P {padding-bottom: 15px}
#postalCodeSelectionContainer LABEL {float: left; line-height: 20px; width: 80px}
#postalCodeSelectionContainer #postalCode {float: left}
#postalCodeSelectionContainer #processPostalCodeLink {float: right}

#datesContainer {clear: both; padding-left: 121px}
#datesContainer INPUT {margin-right: 2px; float: left}
#datesContainer .icon {float: left}

.markerImg {
    display:block;
    width:18px;
    height:18px;
    border:0;
    background:url('../images/markers.gif') no-repeat
}
.m_1 {
    background-position: 0 0
}
.m_2 {
    background-position: -18px 0
}
.m_3 {
    background-position: -36px 0
}
.m_4 {
    background-position: -54px 0
}
.m_5 {
    background-position: -72px 0
}
.inlineBlock {
    display: inline-block
}



.collectiveSelectionCheckboxContainer {float: right; padding-right: 20px}

.linkMarks * {float: left}
.linkMarks .collapsedLink, .linkMarks .expandedLink {width: 11px; height: 11px; padding: 0; margin: 4px 8px 0 0}


#customObjectPreviewContainer {overflow: hidden}
#documentDisclaimerText {padding-left: 5px}


#globalSearchDetailsLink {float: right; padding-right: 10px; line-height: 20px}

.divisionLeaderCommon {vertical-align: middle; float: left}


#mediasList {width: 812px; overflow-y: auto}
.mediasListFixedHeight {height: 390px !important}



#themesTree IMG.selectedRoot, #themesTree IMG.unselectedRoot, #themesTree IMG.selectedNode, #themesTree IMG.unselectedNode, #themesTree IMG.selectedLeaf, #themesTree IMG.unselectedLeaf {
    display: none;
}

#themesTree .x-tree-elbow-line {visibility: hidden}

/*#themesTree .selectedRoot, #themesTree .x-tree-node-expanded {
    border-bottom: 1px solid #999
}*/

#themesTree UL UL .x-tree-node-expanded {border-bottom: none}

/* unselected node collapsed */
#themesTree .unselectedRoot IMG.x-tree-elbow-plus, #themesTree .unselectedRoot IMG.x-tree-elbow-end-plus,
#themesTree .unselectedNode IMG.x-tree-elbow-plus, #themesTree .unselectedNode IMG.x-tree-elbow-end-plus {
    background-position: 0 -1700px
}
/* unselected node expanded */
#themesTree .unselectedRoot IMG.x-tree-elbow-minus, #themesTree .unselectedRoot IMG.x-tree-elbow-end-minus,
#themesTree .unselectedNode IMG.x-tree-elbow-minus, #themesTree .unselectedNode IMG.x-tree-elbow-end-minus {
    background-position: 0 -1740px
}
/* selected node collapsed*/
#themesTree .selectedRoot IMG.x-tree-elbow-plus, #themesTree .selectedRoot IMG.x-tree-elbow-end-plus,
#themesTree .selectedNode IMG.x-tree-elbow-plus, #themesTree .selectedNode IMG.x-tree-elbow-end-plus {
    background-position: 0 -1780px
}
/* selected node expanded */
#themesTree .selectedRoot IMG.x-tree-elbow-minus, #themesTree .selectedRoot IMG.x-tree-elbow-end-minus,
#themesTree .selectedNode IMG.x-tree-elbow-minus, #themesTree .selectedNode IMG.x-tree-elbow-end-minus {
    background-position: 0 -1820px
}
/* unselected leaf */
#themesTree .unselectedLeaf IMG.x-tree-elbow, #themesTree .unselectedLeaf IMG.x-tree-elbow-end {
    background-position: 0 -1860px
}
/* selected leaf */
#themesTree .selectedLeaf IMG.x-tree-elbow, #themesTree .selectedLeaf IMG.x-tree-elbow-end {
    background-position: 0 -1900px
}

/* selected node font color */
#themesTree .selectedRoot IMG.x-tree-elbow-plus, #themesTree .selectedRoot A SPAN,
#themesTree .selectedNode IMG.x-tree-elbow-plus, #themesTree .selectedNode A SPAN,
#themesTree .selectedRoot IMG.x-tree-elbow-minus, #themesTree .selectedRoot A SPAN,
#themesTree .selectedNode IMG.x-tree-elbow-minus, #themesTree .selectedNode A SPAN,
#themesTree .selectedLeaf IMG.x-tree-elbow, #themesTree .selectedLeaf A SPAN {
    color: #F29400
}

/* theme bullet width */
#themesTree .x-tree-elbow-plus, #themesTree .x-tree-elbow-minus, #themesTree .x-tree-elbow-end-plus, #themesTree .x-tree-elbow-end-minus, #themesTree .x-tree-elbow, #themesTree .x-tree-elbow-end {
/*  remove for better looks and function
    margin-right: 2px; cursor: default
*/
width: 14px;
}

/* inner space between text */
#themesTree .x-tree-node .x-tree-node IMG.x-tree-elbow-line,
#themesTree .x-tree-node .x-tree-node IMG.x-tree-icon {width: 15px}
#themesTree .x-tree-node .x-tree-node .x-tree-node IMG.x-tree-elbow-line,
#themesTree .x-tree-node .x-tree-node .x-tree-node IMG.x-tree-icon {width: 15px}
#themesTree .x-tree-node .x-tree-node .x-tree-node .x-tree-node-el {margin-left: 0}

/* theme tree background color */
BODY.bg1, #themesTree .x-panel-body {background-color: transparent}


.altPreviewPicFieldset .actionButton, .altPreviewPicFieldset .actionButtonDisabled {clear: both; float: left; margin-top: 4px; margin-bottom: 4px}
.altPreviewPicFieldset #mediaAlternativePicturePreview {clear: both; float: left}

.collapsedCategory, .expandedCategory {margin-bottom: 10px}
.collapsedCategory .commandLink, .expandedCategory .commandLink {display: block; line-height: 20px}
.categoryContent {padding: 0 0 10px 10px; margin-top: 10px}
.categoryContent FIELDSET LABEL {width: 180px}
.collapsedCategory .categoryContent {display: none; _display: block; _visibility: hidden; _position: absolute; _top: -10000px; _left: -10000px}
.expandedCategory .categoryContent {display: block}
.defaultForm .categoryContent .noLabel {margin-left: 190px}

#downloadByMailForm .form19 .noLabelRight {margin-left: 131px}
#downloadByMailForm .form19 .categoryContent {padding: 0 0 0 20px}
#downloadByMailForm .form19 .readonlyTextareaConatiner {padding: 4px}
#downloadByMailForm .form19 .readonlyTextareaConatiner #technicalInformation {_width: 546px}



/* default simple layer styles */
.simpleLayer {visibility: hidden; position: absolute; top: -10000; left: -10000; width: 440px; *width: 450px; background-color: #f6f6f6; padding: 5px; z-index: 10000; overflow: hidden; *zoom: 1}
.simpleLayer .layerContentAltRows LI {line-height: 20px; padding: 0 5px}
.simpleLayer .layerContentAltRows .even {background-color: #eee}
.simpleLayer .layerContentAltRows .odd {background-color: #f7f7f7}

.layerStyle1 {width: auto; padding: 0}
.layerStyle1 .simpleLink {display: block; font-weight: normal !important; padding: 5px}

/* custom simple layer styles */
#editDocumentMenu  .simpleLayer {width: auto}
.form19 .simpleLayer UL {height: 300px; overflow-y: auto}
#popupContent .simpleLayer {margin-top: -10px}



.extPopupBody, .extPopupBodyWithPadding, .extPopupBodyOverflowHidden {background-color: #fff}
.extPopupBodyOverflowHidden {overflow: hidden}
.extPopupBodyGrey, .extPopupBodyGreyWithPadding {background-color: #eee; border-color: #ddd; border-width: 1px 0 1px 0}
.extPopupBodyWithPadding, .extPopupBodyGreyWithPadding {padding: 10px}
.extPopupBody, .extPopupBodyWithPadding, .extPopupBodyOverflowHidden, .extPopupBodyGrey, .extPopupBodyGreyWithPadding {overflow-x: hidden}

.extLayerBody, .extLayerBodyWithPadding, .extLayerBodyWithPaddingAlt, .extLayerBodyWithTLPadding, .extLayerBodyWithTLPaddingAlt, .extLayerBodyTLPaddingOverflowHidden {background-color: #fff; overflow-x: hidden; overflow-y: auto !important; position: relative}
.extLayerBodyWithPadding, .extLayerBodyWithTLPadding, .extLayerBodyTLPaddingOverflowHidden {padding: 20px}
.extLayerBodyTLPaddingOverflowHidden {overflow: hidden !important}
.extLayerBodyWithPaddingAlt {padding-top: 10px; padding-bottom: 10px}
.extLayerBodyWithTLPaddingAlt {padding: 10px}
.extLayerBodyWithTLPadding, .extLayerBodyWithTLPaddingAlt, .extLayerBodyTLPaddingOverflowHidden {padding-bottom: 0; padding-right: 0}
.extLayerBodyGrey {background-color: #eee; border-color: #ddd; border-width: 1px 0 1px 0; overflow: auto !important}
.extLayerBodyGreyWithPadding {background-color: #eee; border-color: #ddd; border-width: 1px 0 1px 0; padding: 20px; overflow: auto !important}


#extPopupBodyScrollerFix {overflow: hidden}
#extPopupBodyScrollerFix #scrolledContainer {width: 100%; height: 100%; position: relative; overflow: auto}
#extPopupBodyScrollerFix #scrolledContainerInner {padding: 10px}

.paddingFixContainer {padding: 10px}



#xmlOperationsButtons {float: right; position: relative; top: -32px; right: 2px}


.gridType01 .x-grid3 {background-color: #eee}

.attentionBox {border: 1px solid #D9D9D9; padding: 10px 10px 10px 38px; position: relative}
.attentionBox .iconNote {position: absolute; top: 10px; left: 10px; *left: -28px; width: 18px; height: 18px}

.themesPath {margin-bottom: 5px}
.infoBox {float: left; border: 1px solid #adadad}
.infoBox .boxHeader {background-color: #eee; overflow: hidden; *zoom: 1}
.infoBox .boxHeader .leftColumn, .infoBox .leftColumn {width: 554px}
.infoBox .boxHeader .rightColumn, .infoBox .rightColumn {width: 230px}
.infoBox .rightColumn .actionButton {float: left; margin: 7px 3px 0 0}
.infoBox .leftColumn LABEL {float: left; line-height: 34px; padding-left: 9px; width: 190px; *width: 199px}
.infoBox .infoBoxContent .leftColumn LABEL {font-weight: bold; line-height: 20px; width: auto; max-width: 180px; _width: expression(this.scrollWidth > 190 ? "190px" : "auto")}
.infoBox .infoBoxContent .leftColumn .collon {float: left; line-height: 20px; font-weight: bold}
.infoBox .infoBoxContent .leftColumn P {line-height: 20px}
.infoBox .leftColumn P {float: right; line-height: 34px; width: 335px; margin-right: 20px; _display: inline}
.infoBox LI {clear: both}
.infoBox .rightColumn LI {line-height: 20px}
.infoBox P, .infoBox LABEL {overflow: hidden}
.infoBox .actionButtonDisabled {margin-top: 7px;line-height: 14px}

*HTML #infoBoxContainer {margin-bottom: 20px}





#jmAdminAccessTable th, #jmAdminAccessTable td {border-left: 1px solid white; border-right: 1px solid white; padding: 3px 1px}
.jmAdminAccessRow td {border-top: 1px solid white}
#jmAdminAccessTableFirstRow td {border-top: 1px solid white}
.jmAdminAccessTableHighlightedTH {background-color: #DCDCDC}
.jmAdminAccessTableEmptyTD {background-color: white}
.jmAdminManageViewPanelHeader {
    border: 0 none !important;
    color: black;
    background: white
}
.jmAdminManageViewTool {
    float: right;
    overflow: hidden;
    margin-left: 2px
}

.jmAdminManageViewClickableHeader .x-panel-header-text {cursor: pointer}
#jmAdminManageViewDatasheetPortal {border-bottom: 1px solid #D0D0D0 !important}
#jmAdminManageViewDatasheetPortal .selected .x-panel-header {
    color:#eee !important;
    background: #F29400 !important
}

h2.subline {
    line-height: 17px;
    border-bottom:1px solid #eee
}


/* substitutes */
#substitutesModeDate {padding-top: 2px; *padding-top: 5px}

TABLE.userApproveSubstitutesTableRow {table-layout: fixed; width: 100%; padding-top: 3px; *margin-top: 3px}
TABLE.titleRow, #UserSubstituteEditNewHolder TABLE {table-layout: fixed; width: 100%}
TABLE.titleRow TD {padding: 7px 0}
TABLE TD.substituteColumnName {width: 155px; *width: 165px; padding-left: 10px; overflow: hidden; text-align: left; word-wrap: break-word}
TABLE TD.substituteColumn {width: 90px; text-align: center; word-wrap: break-word}

#UserSubstituteEditNewLinkHolder {margin-left: 10px; font-style: italic}
#userSubstitutesTable LABEL {line-height: normal; overflow: hidden; word-wrap: break-word}
#newSubstituteNameInfo {overflow: hidden; margin-left: 10px; padding: 5px 0}
#UserSubstituteEditNewHolder, #StatisticsFilterHolder {border: 1px solid #000; padding: 3px 5px 3px 0; position: relative; overflow: hidden; *zoom: 1}
#UserSubstituteEditNewHolder {position: relative; margin: 5px 0 12px; *margin: 5px 0 15px}
#UserSubstituteEditNewHolder .iconWarning {position: absolute; *top: 5; margin-left: 13px; *margin-left: 7px}
*html #UserSubstituteEditNewHolder INPUT {border: none}
.substituteActionButtons .icon {float: left; margin-left: 3px; _display: inline}

.moduleChecked, .moduleCheckedDisabled, .moduleUnchecked {width: 13px; height: 13px}
.substituteDisabled {color: Gray}
.moduleChecked {background-position: -400px -250px}
.substituteDisabled .moduleChecked, .moduleCheckedDisabled {background-position: -400px -300px}
.userApproveSubstitutesTableRow .moduleCheck DIV {margin: 0 auto}


.noPadding {padding: 0 !important}
.divisionsFilterOpener {text-decoration: underline; cursor: pointer}

.checkboxSublist {margin-left: 20px}

.vScrollableDiv {height: 400px; *height: 410px; padding: 5px; border: 1px solid #eaeaea; overflow-y: scroll}
.customStructureAttributeHeader {background-color: #eee; padding: 4px; margin-bottom: 3px; overflow: hidden; *zoom: 1}
.customStructuraMainAttributeContainer {padding-top: 5px; overflow: hidden; *zoom: 1}

.customStructureImageAttributeContainer .objectCreativeView {float: right; margin: 0}
.customStructureImageAttributeContainer .objectCreativeView .thumbnailPreviewButtonsContainerRight {position: static}


.rightAlignedElements LABEL {float: left}
.rightAlignedElements A {float: right; margin-left: 3px}

#rightPanel {float: right; width: 350px}
#leftPanel {float: left; width: 420px}

#rightPanel .rightAlignedElements #currentObjectLabel, #rightPanel .rightAlignedElements #currentStructureLabel {width: 230px; overflow: hidden}

.labeledExtCombo LABEL {float:left}
.labeledExtCombo .x-form-field-wrap {float:left}

 .ext-safari .combo-box-safari-fix-layout .x-form-field-wrap .x-form-trigger{right:auto}

.eventBookingViewLabelColumn{background-color: #fff; text-align:right; vertical-align:top}
.eventBookingViewTextColumn{background-color: #fff; text-align:left; vertical-align:top}
.eventBookingViewStatusDivAvailable{background-position:-400px -100px}
.eventBookingViewStatusDivNotAvailable{background-position:-400px 0px}
.eventBookingViewStatusDivAvailableOnWaitingLists{background-position:-400px -50px}

.eventShow {background-color: #fff}
.eventShow table {background-color: #fff}
.eventShow td.download {width: 120%; border-bottom: 1px solid #ccc; padding-bottom:2px}
.eventShow td.download .iconDownload {background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons1.gif); background-repeat:no-repeat; background-position: -250px -200px !important}

.eventShowBookPanel {border: 1px solid #ccc; margin: 5px; background-color:#fff; padding: 2px; *zoom:1}
.eventShowBookPanel table td {padding: 3px}
.eventShowBookPanel table td.c2 {text-align: right}

.eventBookingWizard table {background-color: #fff}
.eventBookingWizard .header {background-color: #fff}
.eventBookingWizard .header h2 {font-size: 14px !important}

.eventBookingWizard .progress {margin-bottom: 10px}
.eventBookingWizard .progress table {background-color: transparent; background-image: url(../images/events/wizard-bg.gif); background-repeat: repeat-x}
.eventBookingWizard .progress tr td        {padding: 0px 20px 0 10px; height: 20px !important; text-align:center}
.eventBookingWizard .progress tr td.active {width: 69px;  color: #fff; background-color: #4C92C6; font-weight:bold; background-image:url(../images/events/wizard-corner-active-right.gif); background-repeat: no-repeat; background-position: top right}
.eventBookingWizard .progress tr td.prev   {width: 69px;  background-image:url(../images/events/wizard-corner-active-left.gif); background-repeat: no-repeat; background-position: top right}
.eventBookingWizard .progress tr td.corner {width: 69px;  background-image:url(../images/events/wizard-corner.gif); background-repeat: no-repeat; background-position: top right}

.eventBookingWizard .step {background-color: #fff}
.eventBookingWizard .step table  {border: 1px solid #DADADA; padding: 2px; background-color: #fff}
.eventBookingWizard .step table tr {background-color: #F5F5F5}
.eventBookingWizard .step table td {padding: 2px 5px}
.eventBookingWizard .step table td input {width: 100%}
.eventBookingWizard .step table td input.radio, .eventBookingWizard .step table td input.checkbox { margin-top: 0px;  width: 10px}


.EventBookingParticipantList {width: 100%}
.EventBookingParticipantList tr th {font-weight:bold; color: #343434; background-color: #d9d9d9;  border-bottom: 1px solid #95a8c8; margin: 0px; padding: 3px}
.EventBookingParticipantList tr td {border-bottom: 1px solid #95a8c8; margin: 0px; padding: 3px}

#jobs-grid tr td {
    padding-bottom: 0px !important;
    padding-top: 0px !important
}

#jobs-grid .x-grid3-hd-checker {
    height: 21px !important
}

.jobsList .x-grid3-td-checker .x-grid3-cell-inner {
    height: auto !important
}

.jobsList .x-grid3-cell {
    vertical-align: top;
    height: 26px !important;
    min-height: 26px !important
}

.jobsList .x-grid3-cell .gridLinkValue,
.jobsList .x-grid3-cell .gridTextValue {
	display: block;
    padding-top: 3px
}

.jobsList .x-grid3-cell .gridMediaValue {
	border: 1px solid #ddd
}

.jobsListEvenRow table,
.TableDataEvenRow table {
    background-color: #eee
}

.jobsListSelectedRow table {
    background-color: #ddd
}

.imageBrowser .pNavigator{
    height: 20px;
    margin-left: 10px;
    margin-top: 5px
}

.imageBrowser .pImage {
    margin: 10px;
    text-align: center
}
.imageBrowser .pImage {
    margin: 10px;
    text-align: -moz-center
}

.imageBrowser .pNavigator .pNext{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    width:14px; height:14px;
    background-image: url(../images/shop_gfx.gif);
    background-repeat:no-repeat;
    background-position:-120px -40px;
    cursor: pointer
}

.imageBrowser .pNavigator .pNextDisabled{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    width:14px; height:14px;
    background-image: url(../images/shop_gfx.gif);
    background-repeat:no-repeat;
    background-position:-120px -60px
}

.imageBrowser .pNavigator .pPrev{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    width:14px; height:14px;
    background-image: url(../images/shop_gfx.gif);
    background-repeat:no-repeat;
    background-position:-120px -80px;
    cursor: pointer
}

.imageBrowser .pNavigator .pPrevDisabled{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    width:14px; height:14px;
    background-image: url(../images/shop_gfx.gif);
    background-repeat:no-repeat;
    background-position:-120px -100px
}

.imageBrowser .pNavigator .pLast{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    width:14px; height:14px;
    background-image: url(../images/shop_gfx.gif);
    background-repeat:no-repeat;
    background-position:-120px -120px;
    cursor: pointer
}

.imageBrowser .pNavigator .pLastDisabled{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    width:14px; height:14px;
    background-image: url(../images/shop_gfx.gif);
    background-repeat:no-repeat;
    background-position:-120px -140px
}

.imageBrowser .pNavigator .pFirst{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    width:14px; height:14px;
    background-image: url(../images/shop_gfx.gif);
    background-repeat:no-repeat;
    background-position:-120px -160px;
    cursor: pointer
}

.imageBrowser .pNavigator .pFirstDisabled{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    width:14px; height:14px;
    background-image: url(../images/shop_gfx.gif);
    background-repeat:no-repeat;
    background-position:-120px -180px
}

.imageBrowser .pNavigator .pText{
    float:left;
    padding: 0;
    margin-top:4px;
    margin-right: 3px;
    height:14px
}


.archivePreview {border: 1px solid #eee; *float: left; *zoom: 1}
.archivePreview H3, .archivePreview P {padding-left: 3px; margin-bottom: 0; line-height: 25px}
.archivePreview .entries {height: 160px; overflow-y: scroll; *float: left; *padding-right: 16px}
.archivePreview .entries TABLE TD {padding: 3px}

.jobFilterSearchTabSearchDiv
{
    background-color:#eee;
    padding-top:9px;
    padding-bottom:9px;
    clear:both;
    border:1px solid #9E9E9E;
    height:20px
}

.jobFilterSearchTabSearchDivExt
{
	height:55px
}

.jobFilterAdvancedSearchTab
{
    background-color:#eee;
    padding:9px;
    clear:both;
    border:1px solid #9E9E9E;
    //height:20px
}

.jobFilterAdvancedSearchTabFixedWidth
{
    
}

.jobFilterSearchContentDiv
{
    border:1px solid #9E9E9E;
    _zoom:1
}

.adminDseFilter .searchCol1
{
	padding-left: 10px;
	padding-top: 2px;
	width: 220px
}

.adminDseFilter .searchCol2
{
	padding-left: 20px;
	width: 300px
}

.adminDseFilter .searchCol2 input.typ52
{
	width: 300px
}

.adminDseFilter .searchCol3
{
	padding-left: 20px
}

.manageDefaultTypes
{
	float: left;
	width: 100%
}

.manageDefaultTypes table
{
	background: transparent;
	width: 100%
}

.manageDefaultTypes td
{
	padding-bottom: 10px
}
.manageDefaultTypes .col1
{
	width: 226px;
}
.manageDefaultTypes .col2
{
	width: 300px;
	padding-left: 20px
}
.manageDefaultTypes .col3
{
	width: 220px;
	padding-left: 20px
}

#switchEventView .icon {float:right; margin-left: 2px}

.sortAscElement .sortIcon,.sortDescElement .sortIcon {margin-left: 10px; margin-top: 3px; width: 5px; height: 5px}

#templateWizardStep4FormContainer .leftColumn {width: 185px}
#templateWizardStep4FormContainer .rightColumn {width: 185px}
#templateWizardStep4FormContainer .form06 {width: auto; _width: 381px}
#templateWizardStep4FormContainer #TWS4 {width: 371px; _width: 381px}
#templateWizardStep4FormContainer #TWS4wider {width: 390px; _width: 398px}
#templateWizardStep4FormContainer #TWS4wider .typ61 {width: 359px}
#templateWizardStep4FormContainer #TWS4wider .extender {padding-left: 19px; display: inline}
*HTML #templateWizardStep4FormContainer FIELDSET.displayBlock DIV.floatRight {margin-right: 2px; _display: inline}
#textContentTypeSelection {display: inline}
#textContentTypeSelection .rightColumn {width: 167px}
#textContentTypeSelection .borderedInnerContainer LABEL {display: inline}
#imageAutoselectTypeSelection {margin-right: 8px; _width: 362px}
#imageAutoselectTypeSelection .rightColumn {width: 156px; _width: 154px}
#imageAutoselectTypeSelection .borderedInnerContainer LABEL {display: inline}
fieldset#textContentTypeSelection {width: 363px}
.extender {padding-left: 0px; display: inline}

*HTML .x-tree-node-el {zoom: 1}

.iconWorkflow {background-position:-300px -700px}


#replacementObjectSelection {position: relative; overflow: hidden; *zoom: 1}
#replacementObjectSelection #replacementObjectsList {height: 361px; *height: 365px; padding: 2px; border: 1px solid #eaeaea; overflow: scroll}
#replacementObjectSelection .leftColumn {width: 420px}
#replacementObjectSelection .rightColumn .actionButtonsNoBG {position: absolute; bottom: 0; right: 0; *width: 120px; *padding: 0}


#userAministrationMainContainer {width: 469px}
#userAministrationMainContainer #operationSelection {padding: 15px 10px 15px 6px}
#userAministrationMainContainer #operationSelection .radios {float: left; line-height: 20px; _padding-top: 1px}
#userAministrationMainContainer #operationSelection .radios LABEL {display: inline; margin-right: 30px}
#userAministrationMainContainer #operationSelection .actionButton, #userAministrationMainContainer #operationSelection .actionButtonDisabled {float: right}
#userAministrationMainContainer #userSearch {padding-right: 24px}

*HTML .x-form-field-wrap .x-form-text {float: left; margin: 0}

iframe.metaViewFrame
{
    width:100%;
    //height:100%;
    height:1000px
}


#defaultTextSelection .radioContainerSmall {width: 107px}

.jobParentJobNavigation{padding:2px 0 4px 9px; background-position: 0 -2px; cursor: pointer}


.inlineSearchContainer {height: 77px; overflow: auto; border: 1px solid #B3B3B3}
.inlineSearchContainer .row {border-bottom: 1px solid #eee; overflow: hidden; *zoom: 1}
.inlineSearchContainer P {padding: 2px 0 2px 6px; float: left}
.inlineSearchContainer P.floatRight {padding: 2px 10px 2px 0}
.inlineSearchContainer A {margin: 3px 4px 0 0; float: right; _display: inline}


#sendSystemMessageWorkarea {width: 520px}
#allRecipientsDiv, #allRolesDiv, #orgUnitsDiv, #vdbGroupsDiv {margin: 15px 0}




.innerObjectMarkerImage {position: absolute}
.innerObjectMarkerThemeImage {z-index: 1; position: absolute}
.innerObjectMarkerImageTransparentX {z-index: 2; opacity:0.5 !important; filter:alpha(opacity=50) !important}
.innerObjectMarkerGrayBackGround {background-color: #F3F3F3;  opacity:1.0 !important; filter:alpha(opacity=100) !important}
.tmpDynamicGridSelection {position : absolute}
.box-dragged {width: 146px; margin: 10px; white-space: normal; background-color: white}
.theme-float {width: 146px; margin: 10px !important; margin-left: 5px; white-space: normal}
.theme-source {padding: 10px; cursor: pointer; position: relative}
.theme-imageHolder {border: solid 1px black; padding: 2px}
.theme-noresults {margin-left: 5px; margin-right: 5px; display: none}
.selectedTheme .theme-imageHolder {border: solid 1px red}
.templatePage-source {padding: 10px; cursor: pointer}
.templatePage-title {font-weight: bold; margin-bottom: 2px}
.templatePage-size {font-weight: normal; margin-bottom: 2px}
.templatePage-imageHolder {border: solid 1px black; padding: 2px; width: 120px; _width: auto}
.templatePage-noresults {margin-left: 5px; margin-right: 5px; margin-top: 5px; display: none}
.selectedLayout .templatePage-imageHolder {border: solid 1px red}

.x-tool-documentWizardRightTitle {float: right; padding-right: 10px}

.documentWizardTabsFooter {padding: 3px; border-top: solid 1px #999}
.documentWizardTabsFooterEM {float: left; color: #cc0000; font-weight: bold}
.documentWizardTabsFooterText {padding-left: 5px !important; padding-left: inherit}


.webToPrintTemplateWarningInternalTable{border: 1px; border-color:#999; border-style:solid}


/* template dropdowns */
.imageDropdownSelected {border: 1px solid #cc0000}

.dropdownFilter {padding: 5px 0}
.dropdownFilter LABEL {margin-right: 5px}
.dropdownFilter SELECT {width: 130px}

.dropdownAddEdit INPUT, .dropdownAddEdit SELECT {margin-right: 10px; float: left}
.dropdownAddEdit .last {margin-right: 0}
.dropdownAddEdit .multilanguageIcon { float: left; margin: 2px 10px 0 0 }
*HTML .dropdownAddEdit .actionButtonsNoBG {padding-right: 1px}

.dropdownMenu {padding: 5px; border-bottom: 1px solid #d0d0d0; overflow: hidden; *zoom: 1}

.dropdownFilter, .dropdownTreeMenu {margin: 0 auto; overflow: hidden; *zoom: 1}

*HTML .dropdownTreeMenu {display: none}

/* insert new dropdown */
#tddLabel {width: 271px}
#tddLabel.multilanguage,
#tddLabel_multilanguage { margin-right: 5px; width: 242px }

#tddCustomStructureId {width: 165px}
#tddTemplatePageId {width: 45px}
#tddShowAboveVariable {width: 190px}
#tddType {width: 115px; *width: 112px}

*HTML #tddSaveButton {margin-right: 2px}

/* insert new smart dropdown */
#sddLabel {width: 285px}
#sddLabel.multilanguage,
#sddLabel_multilanguage { margin-right: 5px; width: 256px }
#sddCustomStructureId {width: 261px; *width: 260px}
#sddType {width: 260px}

/* three state checkbox tree */
.treeStateTreeHolder .x-tree-custom-checks .x-tree-node-anchor {background-image: url('../images/checkbox-unchecked.gif');  background-repeat: no-repeat; background-position: left; padding-left: 12px}
.treeStateTreeHolder .x-tree-custom-checks .x-tree-node-checked .x-tree-node-anchor {background-image: url('../images/checkbox-checked.gif')}
.treeStateTreeHolder .x-tree-custom-checks .x-tree-node-greyed  .x-tree-node-anchor {background-image: url('../images/checkbox-greyed.gif')}
.treeStateTreeHolder .x-tree-node-expanded .x-tree-node-icon {background-image:url('../images/us.gif'); height: 1px; width: 1px}
.treeStateTreeHolder .x-tree-node-collapsed .x-tree-node-icon { background-image:url('../images/us.gif'); height: 1px; width: 1px}
.treeStateTreeHolder .x-tree-node-leaf .x-tree-node-icon {background-image:url('../images/us.gif'); height: 1px; width: 1px}

.eventBookingNameFont{font-size:12px !important; font-weight:bold !important; color:#005588 !important}


#dropdownsContainer H2 {margin-bottom: 5px !important}
.imageDropdownSelector {margin-bottom: 10px; overflow: hidden; *zoom: 1}
.imageDropdownSelector .thumbnailPreview {float: left; margin-right: 11px; margin-bottom: 11px}
.imageDropdownSelectorInnerContainer {position: relative; overflow: hidden; *zoom: 1}
.imageDropdownSelectorInnerContainer .thumbnailPreview {margin: 0}
.imageDropdownSelectorInnerContainer .actionButton {position: absolute; bottom: 0; left: 70px}

#workflowActionContainer H3 {margin-top: 12px}
#workflowActionContainer #wfacDescr H4 {margin-bottom: 5px}
*HTML .standardPaddingContainer #workflowActionContainer .radio {position: relative; top: 2px}
.standardPaddingContainer #workflowActionContainer .icon2 {position: relative; top: 11px; left: 4px}
.standardPaddingContainer #workflowActionContainer SELECT {width: 258px; margin-left: 21px; margin-top: 10px}
.standardPaddingContainer #workflowActionContainer TEXTAREA {width: 100%; height: 50px}
#rejectInfoContainer {margin-top: 10px}

.form03 fieldset DIV.disabledColumn, .form03 fieldset DIV.oldColumn, .form03 fieldset DIV.newColumn {float: left; padding-left: 10px; padding: right: 10px}
.form03 fieldset DIV.disabledColumnHeader, .form03 fieldset DIV.oldColumnHeader, .form03 fieldset DIV.newColumnHeader {font-weight: bold}
.form03 fieldset DIV.oldColumn, .form03 fieldset DIV.newColumn {width: 320px; word-wrap:break-word}
.form03 fieldset DIV.disabledColumn {width: 75px}


#createEditColor .cmykColorValue {margin-right: 10px}
#createEditColor .textSmallLeft {width: auto; margin-right: 3px}

.workflowTimingVariableMarginLeft {margin-left: 10px}


.verticalButtons {width: 190px; *width: 202px}
.verticalButtons .actionButton, .verticalButtons .actionButtonDisabled {width: 100%; margin-bottom: 5px}


*HTML .ext-el-mask, *HTML .x-combo-list {clear: both}

*HTML .calendar TABLE {table-layout: fixed; width: 224px}


#sectionsListContainer {
    border: 1px solid #888; padding: 3px 0 0 3px; margin-bottom: 15px; overflow-y: scroll;
    max-height: 348px; _height: expression( this.scrollHeight > 350 ? "350px" : "auto" ); *zoom: 1
}
#sectionsListContainer .sectionContainer {float: left; margin-right: 26px; border: 1px solid #888; padding: 2px 3px 3px 3px; margin-bottom: 5px; background-color: #eaeaea}
#sectionsListContainer .unfinishedSection {border-right: none; margin-right: 0}
#sectionsListContainer .continuedSection {border-left: none; padding-left: 4px}
#sectionsListContainer .continuedSection .sectionTitle {visibility: hidden}
#sectionsListContainer .sectionContainer .sectionTitle {/*width: 122px; */padding-bottom: 1px; overflow: hidden}
#sectionsListContainer .sectionContainer .objectCreativeView {margin-right: 34px; margin-bottom: 0}
#sectionsListContainer .objectCreativeView {position: relative}
#sectionsListContainer .objectCreativeView .textIcon {display: block; width: 120px; *width: 122px; *padding-top: 2px}
#sectionsListContainer .objectCreativeView .textIcon .dropdownImg {position: relative; top: -1px}
#sectionsListContainer .objectCreativeView .icon {position: absolute; left: 97px; top: 100px; display: none}
#sectionsListContainer .objectViewHovered .icon {display: block !important}
.form06 #currentSectionId, .form06 #keyword, .form06 #positioning,
.form06 #currentSectionId, .form06 #keyword, .form06 #masterPageId {width: 200px}
.editSmartPageHeader {margin-bottom: 0px; margin-right: 10px}
.emptyKeyword, .emptyName {color: gray !important; font-style: italic}
.directionDisabled {color: gray; cursor: default}
.directionField {float: left}

/* for google util diff-match-patch  */
.diffInsert {background:#E6FFE6}
.diffDelete {background:#FFE6E6;text-decoration: line-through}

/*margin-bottom 20px for warnings*/
#warningUnderDiv{margin-bottom:20px}



.checkboxSection {position: relative; overflow: hidden; _zoom: 1}
.checkboxSection HR {width: 80px; background-color: #fff; _color: #fff; _text-align: left}
.checkboxSection .sectionCheck {vertical-align:top; margin-top: 10px}
.twoColumnsSection .sectionCheck {float: left; margin-right: 3px; _margin-right: 0}
.checkboxSection .floated {float: left; margin-right: 3px}
.checkboxSection FIELDSET {padding-right: 8px; padding-bottom: 0}
*HTML .checkboxSection .radio {padding-bottom: 3px}
.checkboxSection FIELDSET LABEL {display: inline; font-weight: normal}
.checkboxSection FIELDSET LABEL.displayBlock {display: block}
.checkboxSection .sectionLabel {font-weight: bold; display: block}
*HTML .helpIconSection {overflow: visible}

.iconRight {position: absolute; right: 8px; top: 6px; _top: 4px}


#managaOfficeTagsContainer {width: 620px}
#managaOfficeTagsContainer LABEL {float: left; width: 300px}
#managaOfficeTagsContainer TEXTAREA {float: right; width: 300px; height: 80px}
#managaOfficeTagsContainer .mainActionButtons {margin-top: 10px}

.gridVariableTable tr td {
    padding-top: 0px;
    padding-bottom: 0px
}

/* must be after form05 definition */
.expandable .expandedLinkContent {margin-left: 9px}
.expandable .collapsedLinkContent {visibility: hidden;  position: absolute; top: -10000px; left: -10000px}
.expandable { padding: 2px 0 2px 10px}

.rejectReason {display: none}

#TWStep6ApprovalFields .floatedFieldContainer {float: right; margin-right: 405px; _display: inline}

.transparentTable {background: transparent}

.pimsAutocompleteItem {padding-left: 5px;	padding-right: 5px}
.pimsAutocompleteLabel {font: 12px tahoma,arial,helvetica,sans-serif; padding-bottom: 5px; padding-left: 5px}
.pimsAutocompleteSeparator {border-bottom: 1px solid #D0D0D0; width: 100%; margin-bottom: 0px}




.generalBox {padding: 10px; overflow: hidden; _zoom: 1}
.generalBox, #smartAccesSearchBox {background-color: #fff}
.generalBox .actionButton {float: right}


.smallImageSelector {width: 62px}
.smallImageSelector .preview {width: 60px; height: 60px; border: 1px solid #ccc}
.smallImageSelector .textIcon, .smallImageSelector .textIconDisabled {width: 60px; _width: 62px; margin-top: 5px; _margin-top: 2px}



#downloadDocumentForm .categoryContent, #downloadDocumentForm .mainActionButtons {width: 452px; _width: 455px}
*HTML #downloadDocumentForm .mainActionButtons {padding-right: 3px}


.variantsLeftColumn {width: 220px; float: left; margin-right: 10px}
.variantsMiddleColumn {width: 300px; float: left}
.variantsRightColumn {width: 220px; float: left; margin-left: 10px}
.popupFormAlt fieldset .variantsRightColumnLabel {width: auto !important}



BODY.x-masked .ext-el-mask, BODY.x-masked .ext-el-mask-msg {position: fixed; _position: absolute}
 .x-masked select {visibility: visible} 



option.pluploadCompleted {
	background-color: #ccffcc
}
option.pluploadError {
	background-color: #ffcccc
}
option.pluploadInProgress {
	background-color: #ccccff
}
option.pluploadInProgress2 {
	background-color: #9999cc
}





/* default grid */
.defaultGrid {padding: 5px; background-color: #EEE !important; border: 1px solid #D0D0D0}
.defaultGrid .x-grid3-header {height: 23px; _height: 24px}
.defaultGrid .x-grid3-header-offset {padding-left: 0}
.defaultGrid .x-grid3-header-offset TABLE {background-color: transparent}
.defaultGrid .x-grid3-hd-inner {padding-left: 9px}
.defaultGrid .x-grid3-row TABLE {background-color: #fff}
.defaultGrid .x-grid3-row TD {vertical-align: middle}
.defaultGrid .x-grid3-cell-inner {white-space: normal !important; word-wrap: break-word; padding-left: 8px}
*HTML .defaultGrid .x-grid3-cell-inner {padding-left: 8px}
.defaultGrid .x-toolbar .x-toolbar-cell .xtb-sep {margin: 0; margin-left: -1px}
*HTML.defaultGrid .x-toolbar .x-toolbar-cell .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {padding-left: 19px}

.x-grid3-row-selected {border: 1px solid #DDD !important}
.x-grid3-row-selected TABLE {background-color: #DDD !important}

.displayInline {display: inline}
.displayBlock {display: block}
.displayNone {display: none}
.clearBoth {clear: both}
.marginT3 {margin-top: 3px}
.marginm2px {margin-left:-2px;margin-top:-2px;margin-right:-2px}

.autoWidth {width: auto !important}

.standardHeightExtInput {height: 20px !important; line-height: 20x !important; padding-top: 0 !important}


*HTML .extSelectorContainerFix {padding-right: 3px}

.inputNoMargin {margin-top: 0px; margin-bottom: 0px}
.inputAgendaNoMargin {margin-top: 0px; margin-bottom: 0px;}


.mmsErrorsMsgText {vertical-align: top}
.mmsErrorsMsgText .title {margin-bottom: 5px; font-weight: bold}

.gridColumnTextWrap .x-grid3-cell-inner { white-space: normal !important}


.listContainer {overflow:auto; height: 205px; background: #fff; padding-left: 10px; border: 1px solid #999}
.listContainer DIV {clear: both}
.listContainer DIV LABEL {width: 88% !important; word-wrap: break-word}
.secondLevelMenuHighlight {color:#F29400}

.realNumber {width:100%;	table-layout:fixed;position:relative; background: none;}
.realNumber .x-form-field-wrap .x-form-field {width:50px!important}
.realNumber .firstCell,
.realNumber .x-form-field,
.realNumber .firstCell div {width:123px!important}
.realNumber .secondCell {width:71px}

.previewImage {border:solid 1px #999}

.fixedLayout
{
	table-layout:fixed
}

.breakWord
{
	word-wrap:break-word
}

.inheritWidth
{
	width: inherit
}

.templateMetaVariableWidth
{
	width: 190px
}

/* Shopping cart */
#shoppingCart {float: right; margin: 2px 5px 0 10px; cursor: pointer; overflow: hidden; _zoom: 1; _display: inline}
#shoppingCart:hover #shoppingCartL {color: #F29400}
*HTML #shoppingCartContent .hovered #shoppingCartL {color: #F29400}
#shoppingCartL, #shoppingCartR {float: left; height: 19px; _display: inline}
#shoppingCartL {
	padding-left: 13px; margin-right: 0; background-position: -50px -630px;
	line-height: 14px; font-size: 11px; font-weight: bold; color: #000
}
#shoppingCartR {width: 8px; background-position: -109px -630px}
.emptyCart #shoppingCartL {display: none}
.emptyCart #shoppingCartR {width: 26px; background-position: 0 -630px}



/* align ext layer bottom buttons to the right */
.x-window .x-window-bl .x-panel-btns-right {padding-right: 0}
.x-window .x-window-bl .x-panel-btns-right .x-toolbar-cell {padding-right: 0; padding-left: 6px}



/* FIX: module navigation jumps on mouseover in IE (MP-6239, MP-6742 and so on) */


*HTML .mapsHeaderBody #navigationTop #modulesNavigation, *HTML .shopHeaderBody #navigationTop #modulesNavigation {left: 22px}
*HTML .mapsHeaderBody #navigationTop #modulesNavigation UL LI, *HTML .shopHeaderBody #navigationTop #modulesNavigation UL LI {margin: 0}
*HTML .mapsHeaderBody #navigationTop #modulesNavigation UL LI.divider, *HTML .shopHeaderBody #navigationTop #modulesNavigation UL LI.divider {display: block; width: 12px}




.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto
}

.multiselectComboBox dt
{
	white-space:normal
}

.multiselectComboBox dl.x-list-selected
{
	background-color: #08246b
}

.multiselectComboBox dl.x-list-selected em
{
	color: white
}

.wideGrid .rightColumn
{
    width:20px
}
.wideGrid #containerMiddle
{
    width:100%;
    overflow:visible;
    background-color:white;
    min-width:1000px
}

.jobFilterSearchTabSearchDiv
{
    margin-bottom:10px
}

.header
{
    margin-bottom:10px
}

* html .wideGrid #containerMiddle {
   width: expression( document.body.clientWidth < 1000 ? "1000px" : "auto" ) /* set min-width for IE */
}
.wideGrid #containerMiddle {float:none}
.wideGrid .header {position:relative; width:786px}
.wideGrid #workarea {overflow:visible;width:auto; display:block; float:none; padding-left:210px; padding-right:5px; min-width:786px}
.wideGrid #navigationLeft {padding-right:10px; margin-right:0px}
.wideGrid .header .jobFilterSearchTabSearchDiv,
.wideGrid .header .searchTabs {clear:none; float:none}
.wideGrid .header .searchTabs {width:100%}
.wideGrid #jobs-grid {margin-top:10px}
.contextMenu2 .rightColumn {width:auto}

.validationDialog .vldButtons { display:table}
.validationDialog .copyButtons { display:none}
.copyDialog .vldButtons { display:none}
.copyDialog .copyButtons { display:table}
.copyDialog .tdValidationResult p,
.validationDialog .tdValidationResult p
{margin-bottom:20px;color:Red}
.copyDialog .content,
.validationDialog .content
{width: 540px; padding: 20px 20px 0px 20px}
.copyDialog .tdValidationResult,
.validationDialog .tdValidationResult
{padding-bottom:20px}

.extDefaultSlider {margin: 0 20px}


#helpTextAreaContainer #helpTextArea {word-wrap: break-word}

.subjob-mask
{
	position: absolute;
	top: 0;
	left: 0;
	background: #ccc;
	height: 130px;
	z-index: 100;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
    opacity: .50;
    zoom: 1
}

.allowedTypesGridExtra
{
	position: relative
}


#approvalHistoryInformation TD {padding-left: 10px}
#approvalHistoryInformation TD TABLE {width: auto !important; margin-bottom: 0 !important; *width: 1% !important}
#approvalHistoryInformation TD TABLE TD {padding: 0}

*HTML .visible-ie {visibility: visible}


.ext-ie .x-grid-panel .x-toolbar-cell .x-form-text {position: static}

.settingValueTooltip H4 {margin-bottom: 0; padding-bottom: 8px; margin-bottom: 5px; border-bottom: 1px solid #ccc}
.settingValueTooltip .previousValuesList TD {padding-right: 20px; padding-top: 3px; vertical-align: top}
.settingValueTooltip .previousValuesList TD.newEntryValueCol {padding-right: 0; max-width: 300px; word-wrap: break-word; overflow: hidden}



.pmEditRequestForm .selectionVarControl
{
    margin: 3px 5px 0 0;
}
.selectJobTypePopup
{
    padding:10px 0px;
	width: 630px;
	background-color: white;
}

.selectJobTypePopup table
{
    background-color:white;
}

.selectJobTypePopup table .firstColumn
{
    width:220px;
}

.selectJobTypePopup table .secondColumn
{
    padding-left:20px;
    width:320px;
}

.selectJobTypePopup .typeItemWrap
{
	padding: 15px 0px;
}

.selectJobTypePopup .typeItemWrapEven
{
	background-color: #F7F7F7;
}

.selectJobTypePopup p.selectJobTypeLabel
{
	font-size: 1.1em;
}

.selectJobTypePopup hr
{
	color: #EEEEEE;
}

.selectJobTypePopup .selectJobTypePopupSection
{
	padding: 0px 20px;
}

.selectJobTypePopup .jobTypeList
{
	overflow-y: scroll;
	width: 590px;
	height: 400px;
}

.selectJobTypePopup .selectJobTypePopupSection img
{
	border: 1px solid #DDDDDD;
}

.selectJobTypePopup .selectJobTypePopupSection img.preview
{
	width: 60px;
	height: 60px;
}

.selectJobTypePopup .selectJobTypePopupSection a.actionButton:focus
{
	border: 1px solid #F29400;
}

.commentPopupMediaButtonContainer
{
    position: absolute;
    left: 321px;
    top: 0px;
    width: 200px;
    height: 20px;
}

.actionCommentMediaPopupButtom
{
    height:14px;
    width: 51px !important;
    padding-right: 2px;
    line-height:14px;
    text-align:center;
    margin-top:65px;
    display:block
}

.commentPopupMediaContainer
{
    padding-top: 16px !important;
}

.commentMediaThumbnailPreview
{
    height: 85px;
    border: 0;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 40px;
    width: 60px;
}

.pmCommentPopup
{
    width: 820px;
    height: 493px;
    background-color: white;
    overflow-y: auto;
}

.gripIcon
{
   background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons1.gif);
   background-repeat:no-repeat;
   background-position: -452px 0px !important;
   width:10px;
   height:16px;

}

.gripIconTable
{
	background-color: transparent;
	font-weight: bold;

}

.gripTableLabel
{
  width:130px;
  word-wrap:break-word;
  color: #333333;
}

.gripHeader
{
	padding: 5px 3px 4px 2px;
}


.listItem {clear: both; padding: 3px 0 2px 0; border-bottom: 1px solid #ccc; overflow: hidden; _zoom: 1}
.listItem P {float: left; margin-top: 0}
.listItem A {float: right}

.iconGearWheelArrowDown
{
   background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons1.gif);
   background-repeat:no-repeat;
   background-position: -446px -48px !important;
   width: 34px;
   _width:36px;
   height:20px;
   _height:22px;
   border: 1px solid #999999;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -khtml-border-radius:10px;
   float:right;
   cursor: pointer;
   margin-left: 2px;
   padding: 0px 0px 0px 0px;
 }

.iconGearWheelArrowDownOver
{
      border: 1px solid #F29400;
}

.commentImageTable
{
	width:94%;
	background-color:#ffffff;
}

.commentImageColumn
{
	width:80px;

}

.pmPropertiesTable .commentImageTable tr td
{
	padding: 0px 0px 0px 0px !important;
}

.commentEntryNote
{
    padding-top: 5px;
    line-height: 17px;
}

.commentEntryNote b,
.commentEntryNote strong,
.selectJobTypePopupSection b,
.selectJobTypePopupSection strong
{
    font-weight: bold;
}

.commentEntryNote ul,
.commentEntryNote ol,
.selectJobTypePopupSection ul,
.selectJobTypePopupSection ol
{
   padding-left: 40px;
   list-style: disc outside;
   margin-bottom: 12px;
   margin-top: 12px;
}

.commentEntryNote ol,
.selectJobTypePopupSection ol
{
   list-style: decimal outside;
}

.commentEntryNote em,
.selectJobTypePopupSection em
{
   font-style: italic;
}

.commentEntryNote em strong,
.selectJobTypePopupSection em strong,
.commentEntryNote strong em,
.selectJobTypePopupSection strong em
{
   font-style: italic;
   font-weight: bold;
}

#pmEditRequestFormTabMenu a.disabled:hover,
#pmEditRequestFormTabMenu a.disabled
{
    color:#999999;
    cursor:default;
    
	    background: transparent url('../images/gray200px.gif') repeat-x
	
}

.fixedLayoutTableWrapper
{
     width: 100%;
     display: table;
     table-layout: fixed;
}

.fixedLayoutTableWrapper td
{
    width: 100%;
}


div.task_status .statusIcon
{
	height:16px;
	width:16px;
	float:right;
}

.task_status .statusIcon
{
	background-image:url(/ExternalSkinFileDownloadServlet?r=&file=images/icons2.png);
	background-repeat:no-repeat;
}

img.task_status_NEW,
div.task_status_NEW div.statusIcon
{
	background-position: -353px -353px!important;
}
img.task_status_WORK_STARTED,
div.task_status_WORK_STARTED div.statusIcon
{
	background-position: -353px -403px!important;
}
img.task_status_CANCELLED,
div.task_status_CANCELLED div.statusIcon
{
	background-position: -353px -453px!important;
}
img.task_status_FINISHED,
div.task_status_FINISHED div.statusIcon
{
	background-position: -353px -503px!important;
}
.fixedMultilineInputWrapper
{
   border-collapse: collapse;
   table-layout: fixed;
   width: inherit;
}

.x-form-invalid {
	border-color:#c30 !important;
}

.x-form-invalid-tip .x-tip-body {
    background-image: none;
}

#tasks-grid tr td {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
#tasks-grid .x-panel-body {
    background-color: #FFFFFF;
}

#tasks-grid .x-grid-group-hd {
    border-bottom-color: #EEEEEE;
}
#tasks-grid .x-grid3-row-selected table.x-grid3-row-table
{
	background-color:#EEEEEE!important;
}
#tasks-grid table.x-grid3-row-table, x-grid3-row-table {
	background-color: white!important;
}

.dateEditor
{
	overflow:visible!important;
	margin-left:0;
}

#tasks-grid .calendarIcon, #worklogs-grid .calendarIcon
{
	margin-left:0;
}

#tasks-grid div.x-grid3-col-assignee
{
	white-space: normal;
}

/*-----toolbar icons---*/
#tasks-grid .iconAddSmall, #worklogs-grid .iconAddSmall
{
	background-image:url(/ExternalSkinFileDownloadServlet?r=&file=images/icons2.gif);
	background-position: 0px -800px!important;
}

#tasks-grid .iconExpandSmall
{
	background-image:url(/ExternalSkinFileDownloadServlet?r=&file=images/icons2.png);
	background-position: 0px -1200px!important;
}

#tasks-grid .iconCollapseSmall
{

	background-image:url(/ExternalSkinFileDownloadServlet?r=&file=images/icons2.png);
	background-position: 0px -1150px!important;
}

#tasks-grid .ext-el-mask
{
	z-index:12000;
}

.grid .x-small-editor .x-form-field-wrap .x-form-trigger
{
	height:22px;
}
.grid .x-small-editor .x-form-text
{
	height:22px
}
.x-toolbar-cell .x-small-editor .x-form-text
{
	height:20px;
}

.grid .x-small-editor .x-form-invalid
{
    border-color: #CC3300 !important;
}

.grid span.invalidValue
{
	color:red;
}
.activeStepTemplateGroup
{
	color:#F29400!important;
}

.stepTemplateGroup {
	padding: 2px 2px 2px 2px;
}

.stepTemplateGroupOver {
	border: 1px dotted #333333;
	background-color: #EEEEEE!important;
}

.taskDescriptionEditor
{
	border: 1px solid #999;

}

.taskOnNodeOver
{
	border-bottom: 2px dotted #F29400;
}

#tasks-grid .x-grid-group-hd
{
	margin-left:5px;
}

#tasks-grid .x-grid-group-hd div.x-grid-group-title
{
	background-image:url(/ExternalSkinFileDownloadServlet?r=&file=images/gfx.gif)!important;
	background-position: 0 -2196px!important;
}

#tasks-grid .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title
{
	background-image:url(/ExternalSkinFileDownloadServlet?r=&file=images/gfx.gif)!important;
	background-position: 0 -2146px!important;
}

#tasks-grid .x-grid3-row-collapsed .x-grid3-row-expander
{
    background-image:url('../extjs/images/default/tree/arrows.gif')!important;
	background-position: 0px 0;

}

#tasks-grid .x-grid3-row-expander
{
    background-image:url('../extjs/images/default/tree/arrows.gif')!important;
	background-position: -16px 0;
}

#tasks-grid .x-grid3-row-expander
{
	margin-left:15px;
}


#tasks-grid .x-grid3-body .x-grid3-td-expander
{
    background-image: none!important;
}

.searchCriterion .x-form-text
{
  
}

.auxiliaryButton
{
	background: #fff;
    color: #999999;
}

.middleEditStatusPopupLine
{
    padding: 0px 0px 20px 20px;
}

.middleEditStatusPopupLine .label
{
   width: 220px;
   float: left;
}

.middleEditStatusPopupLine .button
{
   width: auto;
   float: left;
   text-align: right;
   margin-left: 340px;
}

.middleEditStatusPopupLine .clear
{
   clear: both;
}

.forwardJobPopupHScroller
{
   width: 584px;
   height: 100%;
   overflow-x: auto;
}

/* media rating */
.mediaRatingLabel {display: inline; vertical-align: middle}
#userRatingsHolder .mediaRating {display: inline; vertical-align: middle}
#userRatingsHolder .userNameContainer {vertical-align: bottom}
#rateMediaDialog #ratingErrorContainer {margin-bottom: 10px}
#rateMediaDialog .defaultForm .mediaRating {float: left}
#rateMediaDialog .defaultForm TEXTAREA {width: 360px}


.selectRecordItem {position: relative; clear: both; line-height: 20px; border-bottom: 1px solid #ccc; overflow: hidden; _zoom: 1}
.selectRecordItem P {width: 100%; float: none !important; overflow: hidden; word-wrap: break-word}
.selectRecordItem A {position: absolute; right: 5px; bottom: 4px}
.emptyRecordItem {color: gray; font-style: oblique}
.objectCreativeView .icon, .objectCreativeViewNoCheckbox .icon {float: right; margin-left: 3px}
.objectCreativeView .contextMenuButton, .objectCreativeViewNoCheckbox .contextMenuButton {float: none; margin-left: 0}

.iconJobParticipants,
.iconJobSendMessageToParticipants
{
   background-image: url(/ExternalSkinFileDownloadServlet?r=&file=images/icons_bm6.gif);
   background-color: #f0f0f0;
   background-repeat:no-repeat;
   background-position: -150px 0px !important;
   width: 31px;
   _width:31px;
   height:31px;
   _height:31px;
   border: 1px solid #999;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -khtml-border-radius:10px;
   float:right;
   cursor: pointer;
   margin-left: 2px;
   padding: 0px 0px 0px 0px;
 }

.iconJobSendMessageToParticipants
{
   background-position: -90px -210px !important;
}

.iconJobParticipantsHover
{
	border: 1px solid #f29400;
}
.sendNotificationMessageTable
{
    width: 100%;
}

.sendNotificationMessageTable td
{
	padding-bottom: 13px;
}

#toParticipants .x-superboxselect-btns
{
	display: none;
}

#toParticipants .x-superboxselect
{
    height: 53px !important;
    border: 0px !important;
}

#toParticipants .x-superboxselect ul
{
    padding-top: 0px;
}

.mmsNoMsg .mmsMsgSign
{
    width: 0px !important;
}

.mmsNoMsg .mmsMsgSign div
{
    width: 0px !important;
}

.mmsNoMsg
{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    height: auto !important;
}

a.reviewThumbnail {color: #000}
a.reviewThumbnail:active {color: #F29400}
a.reviewThumbnail:hover {color: #F29400}

.reviewThumbnailImg {border-style:solid;border-width:1px;}

.magnoliaArticleHolder { clear: left; margin: -20px 0px 25px 0px; }
.magnoliaArticleContextMenu { text-align: right; }