.lotusPalette {
overflow:hidden;
zoom:1;
background-color:#7a7f84;
border-bottom:6px solid #676b6f;
}
.lotusPalette .lotusLoading {
background-image:url(../../images/loadingDark.gif)
}
.lotusPaletteHeader {
padding:7px 10px 5px 20px;
overflow:hidden;
zoom:1;
position:relative;
line-height:1.9em;
background-color:#62656a;
color:#fff;
border-width:1px 0;
border-style:solid;
border-top-color:#62656a;
border-bottom-color:#777b81
}
.lotusPaletteHeader h2 {
float:left;
color:#fff
}
.lotusPalette .lotusPaletteHeader a, .lotusPalette .lotusPaletteHeader a:hover, .lotusPalette .lotusPaletteHeader a:focus, .lotusPalette .lotusPaletteHeader a:active, .lotusPalette .lotusPaletteHeader a:visited {
color:#fff
}
.lotusPaletteHeader ul.lotusTabs {
left:10px;
width:75%
}
.lotusPaletteHeader .lotusTabs li {
border-width:0
}
.lotusPaletteHeader .lotusTabs li, .lotusPaletteHeader .lotusTabs li.lotusSelected {
background-color:transparent
}
.lotusPaletteHeader .lotusTabs li.lotusSelected a, .lotusPaletteHeader .lotusTabs li.lotusSelected a:visited {
color:#fff;
}
.lotusPaletteHeader .lotusTabs a, .lotusPaletteHeader .lotusTabs a:visited {
margin:2px 0 8px 0;
padding:3px 8px;
color:#fff
}
.lotusPaletteHeader .lotusTabs li.lotusSelected a {
font-weight:bold
}
.lotusPaletteHeader .lotusTabs li a:hover, .lotusPaletteHeader .lotusTabs li a:focus {
text-decoration:underline
}
.lotusPaletteHeader .lotusTabs li.lotusSelected a:hover, .lotusPaletteHeader .lotusTabs li.lotusSelected a:focus {
text-decoration:none
}
.lotusPalette .lotusClose {
margin-left:20px;
padding:2px;
float:right
}
.lotusPaletteBody {
margin-bottom:1px;
background-color:#414648;
border-width:2px 0;
border-style:solid;
border-top-color:#222;
border-bottom-color:#222;
overflow:hidden;
zoom:1
}
.lotusPaletteNav {
width:200px;
float:left;
height:20.2em;
padding:10px 15px 10px 0;
border-right:1px solid #222;
}
.lotusImagesOff .lotusPaletteNav {
height:22em
}
.lotusPalette .lotusChunk {
margin:0 0 10px 10px;
overflow:hidden
}
.lotusPalette .lotusSearch input.lotusText {
width:143px
}
.lotusPaletteNav h3 {
margin-left:10px;
margin-bottom:3px;
color:#fff
}
.lotusPaletteNav h3 .lotusBtnImg {
vertical-align:bottom;
padding:0 2px;
}
.lotusPaletteNav h3 .lotusBtnImg img {
color:#fff;
background:url(../../images/lotusSprite-8bit.png) 0 -2151px;
}
.lotusPalette .lotusSearch input.lotusText {
background-color:#fff;
color:#222;
border-color:#fff
}
.lotusPalette .lotusMenu {
margin-left:10px;
border-width:0;
-moz-border-radius:0;
-webkit-border-radius:0;
height:15em;
overflow:auto;
background-color:#232426;
}
.lotusui_ie .lotusPalette .lotusMenu {
height:12.8em
}
.lotusPalette .lotusMenu li a, .lotusPalette .lotusMenu li a:visited, .lotusPalette .lotusMenu li a:active, .lotusPalette .lotusMenu li a:hover, .lotusPalette .lotusMenu li a:focus {
margin-right:2px;
color:#fff;
background-color:transparent;
}
.lotusPalette .lotusMenu li.lotusSelected a, .lotusPalette .lotusMenu li.lotusSelected a:visited {
border-width:0;
}
.lotusPalette .lotusMenu li.lotusMore a {
margin-right:5px;
background:url(../../images/lotusSprite-8bit.png) 94% -3949px no-repeat
}
.lotusPaletteHeader .lotusTabs li.lotusSelected a,
.lotusPaletteHeader .lotusTabs li.lotusSelected a:visited,
.lotusPalette .lotusMenu li.lotusSelected,
.lotusPalette .lotusMenu li.lotusSelected a,
.lotusPalette .lotusMenu li.lotusSelected a:visited,
.lotusPalette .lotusMenu li.lotusSelected a:active {
background-color:#595b5d
}
.lotusPaletteContent {
padding:10px 0 10px 10px;
overflow:auto;
zoom:1;
height:20.2em;
}
.lotusui_ie6 .lotusPaletteContent {
position:relative;
left:-3px
}
.lotusPaletteContent.lotusPlain div.lotusIcon, .lotusui_ie6 .lotusPlain div.lotusIcon {
width:1em
}
.lotusPaletteWidgets {
min-height:18.2em
}
.lotusPaletteWidgets .lotusSelected {
border-color:#fff
}
.lotusPaletteWidget {
margin:0 10px 6px 0;
padding:6px 0;
width:19em;
height:2.6em;
float:left;
overflow:hidden;
line-height:1.4em;
border:1px solid #222;
display:table;
background-color:#4d5054;
color:#fff
}
.lotusPaletteWidget:hover, .lotusPaletteWidget:focus {
cursor:pointer;
border-color:#fff
}
.lotusImagesOff .lotusPaletteWidgets .lotusSelected, .lotusImagesOff .lotusPaletteWidget:hover, .lotusImagesOff .lotusPaletteWidget:focus {
border-style:dotted
}
.lotusPaletteContent .lotusPaletteWidget a, .lotusPaletteContent .lotusPaletteWidget a:hover, .lotusPaletteContent .lotusPaletteWidget a:focus, .lotusPaletteContent .lotusPaletteWidget a:active, .lotusPaletteContent .lotusPaletteWidget a:visited {
color:#fff
}
.lotusPaletteWidget .lotusInner {
display:table-row;
height:2.6em
}
.lotusPaletteWidget div {
font-weight:bold;
display:table-cell;
vertical-align:middle;
}
.lotusPaletteWidget div.lotusIcon {
width:34px;
text-align:center
}
.lotusPaletteWidget div.lotusIcon span {
display:block;
height:16px;
width:16px;
padding:3px;
margin:.5em 5px;
}
.lotusPaletteWidget div.lotusIcon img {
width:16px;
height:16px;
}
.lotusPaletteWidget a.lotusIcon {
display:table-cell;
width:25px;
vertical-align:middle;
background:url(../../images/lotusSprite-8bit.png) 0 -3694px no-repeat;
font-size:2em
}
.lotusPaletteWidget a.lotusIcon:hover, .lotusPaletteWidget a.lotusIcon:focus {
text-decoration:none;
background:url(../../images/lotusSprite-8bit.png) 0 -3796px
}
.lotusPaletteWidget div.lotusIcon span {
background-color:transparent
}
.lotusui_ie .lotusPaletteWidget div {
float:left;
padding-top:.25em;
}
.lotusui_ie .lotusPaletteWidget div.lotusIcon span, .lotusui_ie .lotusPaletteWidget img {
margin-top:-1px
}
.lotusui_ie .lotusPaletteWidget a.lotusIcon {
float:right;
display:block;
margin-top:-2px
}
.lotusPaletteWidget .lotusTitle h4 {
display:block;
height:1.2em;
font-weight:bold
}
.lotusPaletteWidget .lotusTitle h4 span {
font-size:.8em
}
.lotusui_ie .lotusPaletteWidget .lotusTitle h4 {
width:10em;
}
.lotusPaletteWidget .lotusRating0, .lotusPaletteWidget .lotusRating1, .lotusPaletteWidget .lotusRating2, .lotusPaletteWidget .lotusRating3, .lotusPaletteWidget .lotusRating4, .lotusPaletteWidget .lotusRating5 {
padding:0 0 12px 2px;
background-image:url(../../images/lotusSprite-8bit.png);
background-repeat:no-repeat;
}
.lotusPaletteWidget .lotusRating0 {
background-position:0 -4079px
}
.lotusPaletteWidget .lotusRating1 {
background-position:0 -4181px
}
.lotusPaletteWidget .lotusRating2 {
background-position:0 -4385px
}
.lotusPaletteWidget .lotusRating3 {
background-position:0 -4589px
}
.lotusPaletteWidget .lotusRating4 {
background-position:0 -4793px
}
.lotusPaletteWidget .lotusRating5 {
background-position:0 -4997px
}
.lotusui_ie .lotusPaletteWidget .lotusRating0, .lotusui_ie .lotusPaletteWidget .lotusRating1, .lotusui_ie .lotusPaletteWidget .lotusRating2, .lotusui_ie .lotusPaletteWidget .lotusRating3, .lotusui_ie .lotusPaletteWidget .lotusRating4, .lotusui_ie .lotusPaletteWidget .lotusRating5 {
margin-top:-.5em
}
.lotusLargeWidgets .lotusPaletteWidget {
height:5.3em
}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon {
width:50px
}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon span {
height:50px;
width:50px;
margin:0;
padding:0 5px;
background-color:transparent;
border-width:0;
}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon img {
width:48px;
height:48px;
border:1px solid #000
}
.lotusPaletteContent {
background-color:#37393c
}
.lotusPaletteContent .lotusPaging {
border-width:0;
padding:2px 0;
background-color:transparent
}
.lotusPaletteContent .lotusPaging div {
padding-left:0;
margin-left:0
}
.lotusPaletteContent .lotusPaging ul li, .lotusPaletteContent .lotusPaging div {
color:#C1C0C0
}
.lotusPaletteContent .lotusPaging .lotusInlinelist {
margin-right:5px;
}
.lotusPalette .lotusPaging input.lotusText {
border:1px solid #181818;
background-color:#222;
color:#fff;
}
.lotusPalette .lotusPaging a, .lotusPalette .lotusPaging a:visited {
text-decoration:none;
color:#fff
}
.lotusPalette .lotusPaging a:hover, .lotusPalette .lotusPaging a:focus {
text-decoration:underline;
color:#fff
}
.lotusPalette h4.lotusAdded, .lotusPalette h4.lotusAdded a {
padding:0 0 12px 2px
}
.lotusPalette .lotusShowHide {
display:table-cell;
vertical-align:middle;
text-align:right;
padding-right:10px
}
.lotusui_ie .lotusPaletteWidget .lotusShowHide {
float:right;
display:block;
margin-top:.35em
}
.lotusui_ie .lotusPaletteWidget h4.lotusAdded {
margin-top:-.5em;
}
.lotusImagesOff a.lotusIcon img {
display:none
}
.lotusPalette .lotusAdded, .lotusPalette .lotusAdded a {
color:#0c0
}
.lotusPalette h4.lotusAdded, .lotusPalette h4.lotusAdded a {
color:#c1c0c0;
}