/*! Licensed Materials - Property of HCL Technologies Limited.
    (c) Copyright HCL Technologies Limited 2007, 2020.  All Rights Reserved.
    
This CSS was built on August 16 2012. (version: OneUI-3.0.3_20120816-1522)
these are the styles for the customization palette
companion files: palette.css / paletteTheme.css
companion files: paletteRTL.css / paletteThemeRTL.css*/
/*** P A L E T T E ***/
/*this is the palette that opens under the place bar to allow users to customize the UI */



.lotusui30 .lotusPalette {
  border-bottom-width:0;
}

.lotusui30 .lotusPaletteHeader {
  border-top-width:0;
  border-bottom:4px solid #2a2a2a;
  padding:5px 10px 0;
}

.lotusui30 .lotusPaletteHeader .lotusRight, 
.lotusui30 .lotusPaletteHeader .lotusClose {
  margin-top:7px;
}

.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected, 
.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a {
  color:#fff;
}

.lotusui30 .lotusPaletteHeader ul.lotusTabs {
  margin-top:5px;
}

.lotusui30 .lotusPaletteHeader ul.lotusTabs li a, 
.lotusui30 .lotusPaletteHeader ul.lotusTabs li a:visited {
  display:block;
  margin:0;
  padding:9px 10px;
  background-color:#414648;
  border-width: 1px 1px 0 1px;
  border-style:solid;
  border-color: #2a2a2a;
  float:left;
}

.lotusui30 .lotusPaletteBody {
  margin-bottom:0;
  border-width:0;
}

.lotusui30 .lotusPaletteNav {
  padding:0 10px;
  height:auto;
}

.lotusui30 .lotusPalette .lotusChunk, 
.lotusui30 .lotusPalette .lotusPaletteNavHeader, 
.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu {
  margin:10px 0;
  width:auto;
}

.lotusui30 .lotusPaletteContent {
  padding:10px 10px 10px 20px;
}

.lotusui30 .lotusPalette .lotusClose {
  padding:3px;
}

.lotusui30 .lotusPalette .lotusSearch input.lotusText {
  margin:0 4px 0 0;
  width:158px;
}






.lotusui30 .lotusPalette {
  background:none;
}

.lotusui30 .lotusPalette .lotusPaletteHeader {
  background:none;
   border:0;
   color:#000;
}

.lotusui30 .lotusPalette .lotusPaletteHeader a, .lotusui30 .lotusPalette .lotusPaletteHeader a:visited, .lotusui30 .lotusPalette .lotusPaletteHeader a:hover, .lotusui30 .lotusPalette .lotusPaletteHeader a:focus, .lotusui30 .lotusPalette .lotusPaletteHeader a:active {
  color:#000;
}

.lotusui30 .lotusPaletteHeader ul.lotusTabs li a, .lotusui30 .lotusPaletteHeader ul.lotusTabs li a:visited {
  background:#ccc;
   border-color:#ccc;
}

.lotusui30 .lotusPaletteHeader ul.lotusTabs li.lotusSelected a, .lotusui30 .lotusPaletteHeader ul.lotusTabs li.lotusSelected a:visited {
  background-color:#f2f2f2;
   border-color:#f2f2f2;
   color:#000;
}

.lotusui30 .lotusPaletteHeader span.lotusRight {
  background:#ecf9df;
   border:1px solid #108f53;
   font-size:0.9em;
   padding:0 5px;
  
	-moz-border-radius:3px;
  
	-webkit-border-radius:3px;
  
	border-radius:3px;
} /*some assumption on the structure, but it appears that span.lotusRight is safe to select the message*/

.lotusui30 .lotusPaletteHeader .lotusClose input {
  background-position:-130px -9px;
   width:14px;
   height:14px;
    opacity:1;
   filter:alpha(opacity=100);
}

.lotusui30 .lotusPaletteBody {
  background:#f2f2f2;
}

.lotusui30 .lotusPaletteNav {
  margin-top:5px;
   border-color:#ccc;
   padding:0 15px;
}

.lotusui30 .lotusPalette .lotusSearch input.lotusText {
  border-color:#ccc;
   padding-left:8px;
   width:155px;
   
	background:-moz-linear-gradient(top, #f2f2f2 0%, #fff 100%);
  
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fff));
  
	background:-webkit-linear-gradient(top, #f2f2f2 0%, #fff 100%);
  
	background:linear-gradient(top, #f2f2f2 0%, #fff 100%);
  	
	-moz-border-radius:15px;
  
	-webkit-border-radius:15px;
  
	border-radius:15px;
}

.lotusui30 .lotusPaletteNav h3, .lotusui30 .lotusPaletteNav .lotusPaletteNavHeader .lotusHeading2 {
  color:#444;
   font-size:1em;
}

.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu {
  margin-left:-15px;
   margin-right:-15px;
   margin-bottom:0px;
   background:none;
   height:16em;
}

.lotusui_ie .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu {
  height:15em;
}

.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a:visited, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a:hover, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a:focus, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a:active {
  color:#444;
}

.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected, 
.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a {
  background:#0f7fb3;
}

.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:visited, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:hover, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:focus, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:active {
  color:#fff;
}

.lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:before {
  content:"";
} /*none doesn't clear it in safari, so use empty string*/

.lotusui30 .lotusPaletteContent {
  background:none;
   padding:15px;
   height:19.8em/*adjusted to match lotusPaletteNav*/;
}

.lotusui30 .lotusPaletteWidget {
  background:#fff;
   border-color:#ccc;
   color:#222;
}

.lotusui30 .lotusPaletteContent .lotusPaletteWidget a, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:visited, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:hover, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:focus, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:active {
  color:#222;
}

.lotusui30 .lotusPaletteWidget a.lotusIcon {
  background-position:0 -4119px;
   opacity:.45;
   filter:alpha(opacity=45);
}

.lotusui30 .lotusPaletteWidget a.lotusIcon:hover, .lotusui30 .lotusPaletteWidget a.lotusIcon:focus, .lotusui30 .lotusPaletteWidget a.lotusIcon:active {
  opacity:.55;
   filter:alpha(opacity=55);
}

.lotusui30 .lotusPaletteWidgetHover {
  border-color:#00b0da;
}

.lotusui30 .lotusPaletteContent .lotusPaging {
  margin-bottom:0;
}

.lotusui30 .lotusPaletteContent .lotusPaging ul li, 
.lotusui30 .lotusPaletteContent .lotusPaging div {
  color:#222;
}

.lotusui30 .lotusPalette .lotusPaging a, .lotusui30 .lotusPalette .lotusPaging a:visited {
  color:#1970B0;
}

.lotusui30 .lotusPalette .lotusPaging a:hover, .lotusui30 .lotusPalette .lotusPaging a:focus, .lotusui30 .lotusPalette .lotusPaging a:active {
  color:#05386b;
}


/***********************************************************/