/* .palette {background-color: white;} */
/* Header */
.palette h5
{
    color: ${colors.paletteHeaderText} !important;
    background-color: ${colors.paletteHeaderBackground};
    background: ${colors.paletteHeaderBackgroundImage};
    font-size: ${requestScope.cssRules.fontSize.portalXLarge};
    border: 1px solid;
    border-right: 0px;
    border-color: ${colors.paletteHeaderBorder};
	height: 48px;
    margin-top: 0px; 
    margin-bottom: 0px;
}

.palette h5 div
{
	margin-top: 18px;
	margin-left: 10px;
}

/* Hidden forms cause extra whitespace if display is not set to inline */
.palette form
{
    display: inline;
}

/* Search box */
.contentTypeSearch
{
    background-color: ${colors.paletteSearchBackground};
    color: ${colors.paletteCategorySelectedText};
    margin-top: 0px;
    margin-bottom: 0px;
}

.contentTypeSearch table
{
	margin-${requestScope.cssRules.bidiLeft}: 10px;
}	

/* Selected category title */
.categoryTitleExpanded
{
    background: ${colors.paletteCategorySelectedBackgroundImage};
	background-position: top;
	background-color: ${colors.paletteCategorySelectedBackground};
	font-size: ${requestScope.cssRules.fontSize.portalSmall};
    font-family: arial;
    padding: 5px 10px;
	color: ${colors.paletteCategorySelectedText};
    margin-bottom: 0px;
    <c:if test="${requestScope.cssRules.isRTL}">
    	<c:if test="${requestScope.isIE}">
			width: 348px;
		</c:if>
	</c:if>
}

/* Unselected category title */
.categoryTitleCollapsed
{
    background: ${colors.paletteCategoryUnSelectedBackgroundImage};
    background-position: top;
    background-color: ${colors.paletteCategoryUnSelectedBackground};
    font-family: arial;
    font-size: ${requestScope.cssRules.fontSize.portalSmall};
    color: ${colors.paletteCategoryUnSelectedText};
    padding: 5px 10px;
    margin-bottom: 0px;
    <c:if test="${requestScope.cssRules.isRTL}">
    	<c:if test="${requestScope.isIE}">
    		width: 348px;
    	</c:if>
    </c:if>
}

/* hide the contents of a category when unselected */
.contentItemListCollapsed
{
    display: none;
}

/* An Item in a category */
.contentItem
{
    font-weight: normal;
    font-family: arial;
    font-size: ${requestScope.cssRules.fontSize.portalSmall};
    color: ${colors.paletteText};
}

/* An Item in a category */
.contentItemGrayed
{
    font-weight: normal;
    font-family: arial;
    font-size: ${requestScope.cssRules.fontSize.portalSmall};
    color: ${colors.paletteTextDisabled};
}


.contentItemHover
{
    font-weight: normal;
    font-family: arial;
    font-size: ${requestScope.cssRules.fontSize.portalSmall};
    color: ${colors.paletteText};
}

.contentItemGrayedHover
{
    font-weight: normal;
    font-family: arial;
    font-size: ${requestScope.cssRules.fontSize.portalSmall};
    color: ${colors.paletteTextDisabled};
}


/* the icon associated with the item */
.contentItemIcon
{
    vertical-align: middle; 
    border: 0px;
}

/* Only display the item context menu when hovering over the item */ 
.contentItem button
{
    visibility: hidden;
}

.contentItemHover button
{
    visibility: visible;
}

.contextMenu
{
	border: 0px; 
	background-color: transparent;
}	

.actionMainArea
{
    margin: 4px;
}

.actionFooter
{
    margin-top: 4px;
}

.dropActive{
	border: 1px solid ${colors.dndDropActiveBackground};
}

.dropAware{
	border: 1px solid ${colors.dndDropAwareBackground};
}