/* 
    Document   : exportButton
    Created on : Sep 27, 2011
    Author     : nelson
    Description: Default style for export button component
*/


.exportButton{
  cursor: pointer;  
  background-color: #ccc;
  padding: 2px 5px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.exportButton:hover{
  background-color: #333;
  color: #eee;
}/* @media print { */
/*     html, body { */
/*         height: auto; */
/*     } */
/*     #map_canvas { */
/*         height: 650px; */
/*     } */
/* } */

/* Remove X */
img[src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png"] {
    display: none;
}

.gm-style div div img
{
/* display: none; */
}
.gmapsoverlay-legend
{
    background-color:white;
    padding: 5px;
    border: solid 1px #000;
	border-radius: 5px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 12px;
}
.gmapsoverlay-legend-title {
    text-align: left;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 90%;
}

.gmapsoverlay-legend-scale ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.gmapsoverlay-legend-scale ul li {
    display: block;
    float: left;
    width: 40px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 80%;
    list-style: none;
    /* background-color:white; */
}

ul.gmapsoverlay-legend-labels li .gmapsoverlay-legend-cell,
ul.gmapsoverlay-legend-labels li .gmapsoverlay-legend-label
{
    display: block;
    /* float: left; */
    height: 15px;
    width: 40px;
}
ul.gmapsoverlay-legend-labels li .gmapsoverlay-legend-label
{
    /* background: transparent; */
}

.gmapsoverlay-legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
	margin-top: 20px;
}

.gmapsoverlay-latLngText {
    font-size: 70%;
    color: #999;
    clear: both;
	text-align: right;
}

.gmapsoverlay-legend-scale
/* .gmapsoverlay-legend-source */
{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjYwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,102,0,0.35) 0%, rgba(255,255,0,0.35) 50%, rgba(255,0,0,0.35) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,102,0,0.35)), color-stop(50%,rgba(255,255,0,0.35)), color-stop(100%,rgba(255,0,0,0.35))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,102,0,0.35) 0%,rgba(255,255,0,0.35) 50%,rgba(255,0,0,0.35) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,102,0,0.35) 0%,rgba(255,255,0,0.35) 50%,rgba(255,0,0,0.35) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,102,0,0.35) 0%,rgba(255,255,0,0.35) 50%,rgba(255,0,0,0.35) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,102,0,0.35) 0%,rgba(255,255,0,0.35) 50%,rgba(255,0,0,0.35) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59006600', endColorstr='#59ff0000',GradientType=1 ); /* IE6-8 */

/* opacity: 0.45; */

    width: 90%;
    display: block;
    height: 15px;
    position: relative;
    border: 1px solid black;
    margin-left: 10px;
    margin-right: 10px;
}

.gmapsoverlay-legend-label
{
    opacity: 1;
    padding-top: 5px;
    border-left: 1px solid black;
}
.gmapsoverlay-legend-label div
{
    left: -50%;
    position: relative;
    top: 15px;


}
.gmapsoverlay-legend-scale-range ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

.gmapsoverlay-legend-scale-range ul li {
	display: block;
	float: left;
	width: 50px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 80%;
	list-style: none;
}

ul.gmapsoverlay-legend-labels-range li span {
	display: block;
	float: left;
	height: 15px;
	width: 50px;
}

.gmapsoverlay-tooltip
{
    width: 200px;
}

.gmapsoverlay-button {
    background: -moz-linear-gradient(center top , #3E779D, #65A9D7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 8px;
    border-top: 1px solid #96D1F8;
    box-shadow: 0 1px 0 #000000;
    color: #FFFFFF;
    font-family: Georgia,serif;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    vertical-align: middle;
}
.gmapsoverlay-button:hover {
    background: none repeat scroll 0 0 #28597A;
    border-top-color: #28597A;
    color: #CCCCCC;
}
.gmapsoverlay-button:active {
    background: none repeat scroll 0 0 #1B435E;
    border-top-color: #1B435E;
}

a.gmapsoverlay-button {
	color: #FFFFFF;
}
.map-controls {
    position: relative;
    height: 0;
    z-index: 1013;
}

/*
.map-container.pan,
.map-container.pan.normal {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.map-container.pan.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing !important;
}

.map-container.zoombox,
.map-container.zoombox.normal {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    cursor: url(/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/./images/zoom-cursor.svg), url(/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/./images/zoom-cursor.png), url(/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/./images/zoom-cursor.cur), zoom-in;
}

.map-container.zoombox.dragging,
.map-container.selection {
    cursor: crosshair;
}
*/

.map-container.zoombox{
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    cursor: url(/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/./images/zoom-cursor.svg), url(/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/./images/zoom-cursor.png), url(/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/./images/zoom-cursor.cur), zoom-in;
}

.map-container.pan{
    cursor: move;
}

.map-container.selection{
    cursor: default;
}.map-control-panel {
    position: absolute;
    right: 25px;
    margin-top: 25px;
}

.map-controls-mode {
    margin-top: 15px;
}

.map-control-panel .map-control-button {
    background-size: initial;
    border: 1px solid #a0a0a0;
    height: 30px;
    width: 30px;
}

.map-control-panel .map-control-button {
    background-image: url(/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/ControlPanel/../images/map-btns-sprite.png);
    background-image: url(/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/ControlPanel/../images/map-btns-sprite.svg);
    background-color: #FFFFFF;
}

.map-control-panel .map-control-button:hover {
    cursor: pointer;
    background-color: #a0a0a0;
}

.map-control-panel .map-control-button.map-control-zoom-in {
    background-position: left top;
    border-bottom: none;
}

.map-control-panel .map-control-button.map-control-zoom-out {
    background-position: left 120px;
    border-bottom: none;
}

.map-control-panel .map-control-button.map-control-pan {
    background-position: left 90px;
}

.map-control-panel .map-control-button.map-control-zoombox {
    background-position: left 60px;
}

.map-control-panel .map-control-button.map-control-select {
    background-position: left 30px;
    border-bottom: none;
}

.map-control-panel.pan .map-control-pan,
.map-control-panel.zoombox .map-control-zoombox,
.map-control-panel.selection .map-control-select {
    background-color: #a0a0a0;
}

/*----------------*/

.map-control-panel .map-control-button.map-control-zoom-in:hover {
    background-position: 30px top;
    border-bottom: none;
}

.map-control-panel .map-control-button.map-control-zoom-out:hover {
    background-position: 30px 120px;
}

.map-control-panel.pan .map-control-button.map-control-pan,
.map-control-panel .map-control-button.map-control-pan:hover {
    background-position: 30px 90px;
}

.map-control-panel.zoombox .map-control-button.map-control-zoombox,
.map-control-panel .map-control-button.map-control-zoombox:hover {
    background-position: 30px 60px;

}

.map-control-panel.selection .map-control-button.map-control-select,
.map-control-panel .map-control-button.map-control-select:hover {
    background-position: 30px 30px;
}
/**
 *
**/

.map-container .olDragBox,
.map-container .olDragDown {
    cursor: inherit;
}
.map-container.olMap.pan .olDragDown {
    cursor: inherit;
}

.map-container.olMap.zoombox .olDragDown{
    cursor: inherit;
}

.map-container .olControlAttribution {
    bottom: 3px;
}

.olMap .olHandlerBoxZoomBox,
.olMap .olHandlerBoxSelectFeature {
    border: 2px solid #2469B0;
    background-color: rgba(36, 105, 176, 0.21);
}

.olControlLayerSwitcher.olControlNoSelect,
.olControlMousePosition.olControlNoSelect {
    display: none;
}

/**
 * Styling of popups
 */

#featurePopup394246 {
    border: 3px solid #394246 !important;
}

#featurePopup11b4eb {
    border: 3px solid #11b4eb !important;
}

#featurePopup7a879a {
    border: 3px solid #7a879a !important;
}

#featurePopupe35c15 {
    border: 3px solid #e35c15 !important;
}

#featurePopup674f73 {
    border: 3px solid #674f73 !important;
}
.olPopupCloseBox {
    background: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/Map/engines/google/../../images/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 28px !important;
    width: 28px !important;
    top: 1px !important;
    right: 1px !important;
}


#MapOverlay {
    background-color: white;
    z-index:0;
}

.map-attribution {
    font-size: 11px;
    text-align: right;
}.selectorComponent .pulldown {
  border-radius: 4px;
  width: 280px;
  position: relative;
}

.selectorComponent .selection {
  margin-top: 5px;
  width:282px;
  overflow: hidden;
}

.selectorComponent.collapsed .pulldown {
  border: none;
  width: 282px;
}

.selectorComponent.collapsed .pulldown:hover {
  border-color: #f47319;
}

.selectorComponent.collapsed .optionList {
  height: 0px;
  display: none;
}
.selectorComponent.expanded .selection {
  height: 0px;
  overflow-y: hidden;
}

.selectorComponent.collapsed .optionList .options {
	visibility: hidden;
}

.selectorComponent.collapsed .optionList .search {
	visibility: hidden;
}



.selectorComponent .pulldown .optionList {
  width: 645px;
  position: absolute;
  top: -2px;
  left: 282px;
  overflow: hidden;
  background-color: #EAF0F2;
  border-radius: 4px;
  border: 2px solid #E67A2C;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
}
.selectorComponent .pulldown .search {
  position: relative;
  margin-bottom: 5px;
  height:45px;

  -webkit-border-radius: 2px 2px 0px 0px;
        border-radius: 2px 2px 0px 0px;

  background: #424142; /* Old browsers */
}

.svg .selectorComponent .pulldown .search{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzQyNDE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzU1NTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #424142 0%, #424142 45%, #555353 55%, #555553 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424142), color-stop(45%,#424142), color-stop(55%,#555353), color-stop(100%,#555553)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* IE10+ */
  background: linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* W3C */
  filter:none;
}

.no-svg .selectorComponent .pulldown .search{
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424142', endColorstr='#555553',GradientType=0 ); /* IE6-8 */
}






.selectorComponent .pulldown .search input {
  width: 586px;
  height: 25px;
  margin: 10px;
  margin-bottom: 5px;
  border: 1px solid silver;
  border-radius: 4px;
  position: relative;
}

.selectorComponent .pulldown .search input:hover {
  border: solid 1px #E67A2C;
}

.selectorComponent .pulldown .search:after {
  content: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/NewSelector/img/search.png');
  position:absolute;
  right: 12px;
  top: 12px;
}

.selectorComponent .pulldown .search input:-moz-placeholder {
  padding-left: 10px;
  width: 576px;
}

.selectorComponent .pulldown .search input::-webkit-input-placeholder {
  padding-left: 10px;
  font-size: 110%;
}

.selectorComponent ul {
  -webkit-margin-before: 0;
  padding: 0;
  margin: 0;
}

.selectorComponent li {
  list-style: none;
}


.selectorComponent .optionList .options {
/*  -moz-column-width:210px;
  -moz-column-gap:0;*/
  -webkit-column-width:210px;
  -webkit-column-gap:0;
  column-width:210px;
  column-gap:0;
  width: 639px;
  height: 150px;
  max-height:540px;
}

.selectorComponent .item {
  position: relative;
  background-color: #EAF0F2;
  margin: 2px 2px;
  display: inline-block;
  float:left;
  height: 26px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 208px;
  border-radius: 3px;
  cursor:pointer;
}

.selectorComponent .selection .item{
  margin: 2px 0px;
}

.selectorComponent .optionList .item{
  width:210px;
  font-size:12px;
  border-radius:0px;
  font-weight:400;
}


.no-svg .selectorComponent .item {
	width: 200px;
}


.selectorComponent .pulldown .item:last-child {
  border:none;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.selectorComponent .item.selected .name {
  width: 170px;
}
.selectorComponent .item .name {
  display: inline-block;
  margin-left: 15px;
  width:190px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectorComponent .selected.item {
  border-color: #b6b5b5;
}

.selectorComponent .options .item:hover,
.selectorComponent .options .selected.item{
  background-color: #316BB4;
  color:white;
}
.selectorComponent .selection .item {
  background: #f99f49; /* Old browsers */
  background: -moz-linear-gradient(top, #f99f49 1%, #f99f49 50%, #f47319 51%, #f47319 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f99f49), color-stop(50%,#f99f49), color-stop(51%,#f47319), color-stop(100%,#f47319)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f99f49 1%,#f99f49 50%,#f47319 51%,#f47319 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f99f49 1%,#f99f49 50%,#f47319 51%,#f47319 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f99f49 1%,#f99f49 50%,#f47319 51%,#f47319 100%); /* IE10+ */
  background: linear-gradient(top, #f99f49 1%,#f99f49 50%,#f47319 51%,#f47319 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99f49', endColorstr='#f47319',GradientType=0 ); /* IE6-9 */
  color: white;
}

.selectorComponent .item .new {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/NewSelector/img/new.png');
  position: absolute;
  top: 5px;
  right: 40px;
  height:16px;
  width: 36px;
  display: inline-block;
}

.selectorComponent .item.selected .check {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/NewSelector/img/cross.png');
  display: inline-block;
  height:25px;
  width:29px;
  margin: 0px;
  padding: 0;
  position: absolute;
  right: 2px;
  top: 0px;
}

.selectorComponent .selection .item {
  border: 1px solid rgba(255,255,255,0.7);
  border-radius: 4px;
  margin-bottom: 2px;
  width: 280px;
}
.selectorComponent .remove {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/NewSelector/img/cross.png');
  display: inline-block;
  width: 25px;
  height: 23px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}

.selectorComponent .item span {
  line-height: 25px;
}

.selectorComponent.collapsed .pulldown div.title {
  border: solid 1px #D8D8D8;
  width: 263px;
  height: 25px;
  padding-left: 16px;
  line-height: 23px;

}

.selectorComponent .pulldown div.title {
  border-radius: 4px;
  width:262px;
  height: 25;
  line-height: 23px;
  position: relative;
  vertical-align: center;
  padding: 0px;
  padding-left:15px;
  background: #ced4d4; /* Old browsers */
  cursor:pointer;
}
.selectorComponent.expanded .pulldown div.title {
  line-height: 21px;
}
.svg .selectorComponent .pulldown div.title {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2NlZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2U3ZWNlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2UzZWJlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGUwZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ced4d4 0%, #ced4d4 10%, #e7ecef 20%, #e3ebed 54%, #d8e0e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced4d4), color-stop(10%,#ced4d4), color-stop(20%,#e7ecef), color-stop(54%,#e3ebed), color-stop(100%,#d8e0e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ced4d4 0%,#ced4d4 10%,#e7ecef 20%,#e3ebed 54%,#d8e0e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ced4d4 0%,#ced4d4 10%,#e7ecef 20%,#e3ebed 54%,#d8e0e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ced4d4 0%,#ced4d4 10%,#e7ecef 20%,#e3ebed 54%,#d8e0e2 100%); /* IE10+ */
background: linear-gradient(top,  #ced4d4 0%,#ced4d4 10%,#e7ecef 20%,#e3ebed 54%,#d8e0e2 100%); /* W3C */
  filter:none;
}

.no-svg .selectorComponent .pulldown div.title {
  width:164px;
filter:none;
min-width:164px;
z-index: 50;

  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/NewSelector/img/selector-normal.png');
  background-repeat: no-repeat;
  background-position: 142px center;

}


.selectorComponent .pulldown div.title:after {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/NewSelector/img/selectorArrows.png');
  background-repeat: no-repeat;
  content: '\0000a0';
  width: 20px;
  position:absolute;
  right: 5px;
  top: 0px;
}
.no-svg .selectorComponent .pulldown div.title:after {
	right: 18px;
}


.selectorComponent.expanded .pulldown div.title:hover,
.selectorComponent.expanded .pulldown div.title {
	border: 2px solid #E67A2C;
  background: #d9ddde; /* Old browsers */
}

.svg .selectorComponent.expanded .pulldown div.title:hover,
.svg .selectorComponent.expanded .pulldown div.title {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZGRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWRkZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #d9ddde 0%, #ffffff 50%, #d9ddde 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9ddde), color-stop(50%,#ffffff), color-stop(100%,#d9ddde)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d9ddde 0%,#ffffff 50%,#d9ddde 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d9ddde 0%,#ffffff 50%,#d9ddde 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d9ddde 0%,#ffffff 50%,#d9ddde 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d9ddde 0%,#ffffff 50%,#d9ddde 100%); /* W3C */
  filter:none;
}

.no-svg .selectorComponent .pulldown div.title:hover {
	background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/NewSelector/img/selector-hover.png');
}


.no-svg .selectorComponent.expanded .pulldown div.title:hover,
.no-svg .selectorComponent.expanded .pulldown div.title {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ddde', endColorstr='#d9ddde',GradientType=0 ); /* IE6-8 */
}

.selectorComponent.expanded .pulldown div.title:hover:after,
.selectorComponent.expanded .pulldown div.title:after {
  background-position: 1px -51px;

}

.selectorComponent .pulldown div.title:hover:after {
  background-position: 1px -26px;
}

.selectorComponent .pulldown div.title:hover,
.selectorComponent.collapsed .pulldown div.title:hover {
	border: 2px solid #E67A2C;
  line-height:21px;
  padding-left:15px;
}

.selectorComponent.expanded div.title {
  border-color: #848382;
}


.selectorComponent .paginationContainer {
  border-top: 1px solid #ddd;
  margin-top: 5px;
  padding:10px;
  text-align: center;
  height:42px;

  -webkit-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;

  background: #424142; /* Old browsers */
}

.svg .selectorComponent .paginationContainer{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzQyNDE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzU1NTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #424142 0%, #424142 45%, #555353 55%, #555553 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424142), color-stop(45%,#424142), color-stop(55%,#555353), color-stop(100%,#555553)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* IE10+ */
  background: linear-gradient(top,  #424142 0%,#424142 45%,#555353 55%,#555553 100%); /* W3C */
  filter:none;
}

.no-svg .selectorComponent .paginationContainer{
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424142', endColorstr='#555553',GradientType=0 ); /* IE6-8 */
}

.selectorComponent .pagination {
  display: inline-block;
  color:white;
}
.selectorComponent .pagination div {
  display: inline-block;
  cursor: pointer;
}

.selectorComponent .validate {
  position:absolute;
  display:block;
  background: green;
  width: 70px;
  height: 28px;
  border:none;
  cursor:pointer;

  right:6px;
  bottom:6px;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  background: #42A409;;
}
.svg .selectorComponent .validate {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1ZGQxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1ZGQxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzQyYTQwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MmE0MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #55dd10 0%, #55dd10 40%, #42a409 60%, #42a409 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55dd10), color-stop(40%,#55dd10), color-stop(60%,#42a409), color-stop(100%,#42a409)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #55dd10 0%,#55dd10 40%,#42a409 60%,#42a409 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #55dd10 0%,#55dd10 40%,#42a409 60%,#42a409 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #55dd10 0%,#55dd10 40%,#42a409 60%,#42a409 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #55dd10 0%,#55dd10 40%,#42a409 60%,#42a409 100%); /* W3C */

}
.no-svg .selectorComponent .validate {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55dd10', endColorstr='#42a409',GradientType=0 ); /* IE6-8 */
}
.selectorComponent .validate:hover,
.svg .selectorComponent .validate:hover,
.no-svg .selectorComponent .validate:hover {
  background: #55dd10;
}

.selectorComponent .validate .image{
  height:100%;
  width:100%;
  display:block;
  background: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/NewSelector/img/v.png') 50% 50% no-repeat transparent;
}
/*
 * Global Definitions
 */
/*
 * Style
 */
.olapSelectorComponent {
  font-family: Trebuchet, Helvetica, Arial, sans-serif;
}
.olapSelectorComponent.collapsed .optionList {
  height: 0px;
  display: none;
}
.olapSelectorComponent.collapsed .optionList .options,
.olapSelectorComponent.collapsed .optionList .search {
  visibility: hidden;
}
.olapSelectorComponent.expanded .outsideArea .selection {
  height: 0px;
  overflow-y: hidden;
}
.olapSelectorComponent .pulldown {
  width: 180px;
  position: relative;
  padding-bottom: 4px;
  border-bottom: 2px solid #969b9e;
}
.olapSelectorComponent .pulldown .optionList {
  width: 800px;
  position: absolute;
  top: -2px;
  left: 182px;
  overflow: hidden;
  background-color: white;
  border: 2px solid #047eca;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.olapSelectorComponent .pulldown .optionList .header {
  height: 50px;
  border-bottom: 2px solid #047eca;
  text-align: center;
  line-height: 50px;
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #dee4e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* W3C */

  background-color: #ecedef;
}
.olapSelectorComponent .pulldown .optionList .header > * {
  height: 50px;
  line-height: 50px;
}
.olapSelectorComponent .pulldown .optionList .footer {
  border-top: 2px solid #047eca;
  margin-top: 5px;
  padding: 10px;
  text-align: center;
  height: 40px;
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #dee4e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* W3C */

  background-color: #ecedef;
}
.olapSelectorComponent .pulldown .optionList .leftArea {
  float: left;
  width: 198px;
  height: 583px;
  border-right: 2px solid #047eca;
}
.olapSelectorComponent .pulldown .optionList .leftArea .levels .item {
  width: 200px;
  height: 30px;
  margin: 0;
  line-height: 30px;
  background: none;
  float: none;
}
.olapSelectorComponent .pulldown .optionList .leftArea .levels .item.selected {
  background: #047eca;
  color: white;
}
.olapSelectorComponent .pulldown .optionList .leftArea .selectionPanel .label {
  margin-top: 15px;
  font-size: 80%;
  color: #047eca;
  border-bottom: 2px solid #047eca;
  text-align: center;
}
.olapSelectorComponent .pulldown .optionList .leftArea .selectionPanel .selection,
.olapSelectorComponent .outsideArea .selection {
  height: auto;
  font-size: 80%;
}
.olapSelectorComponent .pulldown .optionList .rightArea {
  float: left;
  width: 600px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search {
  width: 250px;
  float: left;
  position: relative;
  margin-bottom: 5px;
  height: 45px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search:after {
  content: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/search.png');
  position: absolute;
  right: 12px;
  top: 12px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search input {
  width: 230px;
  height: 25px;
  margin: 10px;
  margin-top: 13px;
  border: 1px solid silver;
  border-radius: 4px;
  position: relative;
}

.olapSelectorComponent .pulldown .optionList .rightArea .search input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.olapSelectorComponent .pulldown .optionList .rightArea .search input:hover {
  border: solid 1px #047eca;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search input:-moz-placeholder {
  padding-left: 10px;
  width: 230px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .search input::-webkit-input-placeholder {
  padding-left: 10px;
  font-size: 110%;
}
.olapSelectorComponent .pulldown .optionList .rightArea .breadcrumb {
  display: inline-block;
  width: 335px;
  float: left;
  text-align: left;
  padding-left: 15px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .breadcrumb .separator {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/arrow_bread.png");
  position: relative;
  top: 7px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .breadcrumb .name {
  color: #047eca;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer {
  height: 41px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination {
  border-top: 1px solid silver;
  display: inline-block;
  color: black;
  text-align: center;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination div {
  display: inline-block;
  cursor: pointer;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton {
  display: inline-block;
  width: 290px;
  padding: 5px;
  border: none;
  margin: 0;
  height: 35px;
  line-height: 35px;
  float: left;
  position: relative;
  text-size: 90%;
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #dee4e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* W3C */

  background-color: #ecedef;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton.prev {
  width: 289px;
  border-right: 1px solid silver;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton.prev .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/leftarrow.png");
  left: 10px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton.next .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/rightarrow.png");
  right: 10px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton .arrow {
  width: 57px;
  height: 56px;
  position: absolute;
  top: -5px;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton:hover {
  color: #047eca;
  background: white;
}
.olapSelectorComponent .pulldown .optionList .rightArea .paginationContainer .pagination .paginateButton:hover .arrow {
  background-position: 58px 0;
}
.olapSelectorComponent .selection {
  margin-top: 5px;
  width: 282px;
  overflow: hidden;
}
.olapSelectorComponent ul {
  -webkit-margin-before: 0;
  padding: 0;
  margin: 0;
}
.olapSelectorComponent li {
  list-style: none;
}
.olapSelectorComponent .optionList .leftArea .levels .item.selected {
  background: #047eca;
  color: white;
}
.olapSelectorComponent .optionList .rightArea .item:not(:hover).highlight .drill-down {
  background: #047eca;
  color: white;
  visibility: visible;
  background-image: none;
}
.olapSelectorComponent .optionList .rightArea .item:hover .drill-down .label {
  display: none;
}
.olapSelectorComponent .leftArea li,
.olapSelectorComponent .outsideArea li {
  list-style: none;
  position: relative;
}
.olapSelectorComponent .leftArea li .remove,
.olapSelectorComponent .outsideArea li .remove {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/cross.png");
}
.olapSelectorComponent .leftArea li .target,
.olapSelectorComponent .outsideArea li .target {
  height: 30px;
  padding-left: 8px;
  position: relative;
  width: 180px;
  line-height: 30px;
  background: #047eca;
  margin: 4px;
  color: white;
}
.olapSelectorComponent .optionList .rightArea .options {
  /*  -moz-column-width:210px;
      -moz-column-gap:0;*/

  -webkit-column-width: 200px;
  -webkit-column-gap: 0;
  column-width: 200px;
  column-gap: 0;
  width: 600px;
  height: 420px;
}
.olapSelectorComponent .item {
  position: relative;
  margin: 2px 2px;
  display: inline-block;
  float: left;
  height: 26px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
  cursor: pointer;
}
.olapSelectorComponent .selection .item {
  margin: 2px 0px;
}
.olapSelectorComponent .optionList .item {
  width: 190px;
  font-size: 12px;
  border-radius: 0px;
  font-weight: 400;
}
.olapSelectorComponent .optionList .rightArea .item {
  width: 180px;
  margin-left: 12px;
}
.olapSelectorComponent .optionList .item .target,
.olapSelectorComponent .optionList .item .drill-down {
  display: inline-block;
  width: 25px;
}
.olapSelectorComponent .options .selected.item .drill-down {
  background-position: -27px 1px;
}
.olapSelectorComponent .options .selected.item:hover .drill-down {
  background-position: 2px 1px;
}
.olapSelectorComponent .optionList .item .target {
  width: 142px;
  height: 26px;
  line-height: 26px;
  position: relative;
}
.olapSelectorComponent .optionList .item .drill-down {
  visibility: hidden;
  text-align: center;
  width: 30px;
  margin-left: 10px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/drill.png");
  background-repeat: no-repeat;
  background-position: 2px 1px;
}

.olapSelectorComponent .rightArea .options .item .drill-down-disabled,
.olapSelectorComponent .rightArea .options .item:hover .drill-down.drill-down-disabled,
.olapSelectorComponent .rightArea .options .selected.item .drill-down-disabled,
.olapSelectorComponent .rightArea .options .selected.item:hover .drill-down-disabled {
  cursor: default;
  opacity: 0.4;
  filter: alpha(opacity=40); /* IE */
  background-color: #eaedee;
  background-position: 2px 1px;
}

.no-svg .olapSelectorComponent .item {
  width: 200px;
}
.olapSelectorComponent .rightArea .item.selected .name {
  width: 113px;
}
.olapSelectorComponent .item .name {
  display: inline-block;
  width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
  white-space: nowrap;
}
.olapSelectorComponent .selected.item {
  border-color: #b6b5b5;
}
.olapSelectorComponent .options .item:hover .target,
.olapSelectorComponent .options .selected.item .drill-down,
.olapSelectorComponent .options .selected.item .target {
  background-color: #047eca;
  color: white;
  visibility: visible;
}
.olapSelectorComponent .rightArea .options .item:hover .drill-down,
.olapSelectorComponent .rightArea .options .item:hover .target {
  visibility: visible;
  background-color: #e5eff3;
  color: inherit;
}
.olapSelectorComponent .item.selected .check {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/cross.png');
  display: inline-block;
  height: 25px;
  width: 29px;
  margin: 0px;
  padding: 0;
  position: absolute;
  right: -3px;
  top: 0px;
}
.olapSelectorComponent .selection .item {
  border: 1px solid rgba(255, 255, 255, 0.7);
  margin-bottom: 2px;
  width: 280px;
}
.olapSelectorComponent .remove {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/cross.png');
  display: inline-block;
  width: 25px;
  height: 23px;
  position: absolute;
  top: 2px;
  right: 0px;
  cursor: pointer;
}
.olapSelectorComponent .item span {
  line-height: 25px;
}
.olapSelectorComponent.collapsed .pulldown div.title {
  width: 163px;
  height: 25px;
  line-height: 23px;
}
.olapSelectorComponent .pulldown div.title {
  width: 162px;
  height: 25px;
  line-height: 23px;
  position: relative;
  vertical-align: center;
  padding: 0px;
  padding-left: 15px;
  cursor: pointer;
}
.no-svg .olapSelectorComponent .pulldown div.title {
  width: 164px;
  min-width: 164px;
  z-index: 50;
}
.olapSelectorComponent .pulldown div.title:after {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/OlapSelector/img/selectorArrows.png');
  background-position: 0 -51px;
  background-repeat: no-repeat;
  content: '\0000a0';
  width: 20px;
  position: absolute;
  right: 5px;
  top: 0px;
}
.no-svg .olapSelectorComponent .pulldown div.title:after {
  right: 18px;
}
.olapSelectorComponent.expanded .pulldown div.title:hover:after,
.olapSelectorComponent.expanded .pulldown div.title:after {
  background-position: 1px -51px;
}
.olapSelectorComponent.expanded div.title {
  border-color: #848382;
}
.olapSelectorComponent .button {
  position: absolute;
  display: block;
  cursor: pointer;
  background: none;
  height: 30px;
  border: 1px solid silver;
  border-radius: 0;
  font-weight: 350;
  font-size: 90%;
  line-height: 30px;
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #dee4e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f8f9fa 0%, #dee4e6 100%);
  /* W3C */

  background-color: #ecedef;
}
.olapSelectorComponent .button.validate {
  width: 200px;
  right: 15px;
  bottom: 15px;
}
.olapSelectorComponent .button.cancel {
  width: 90px;
  right: 230px;
  bottom: 15px;
}
.hidePopup {
  display: none;
}

.popupComponent {
  position: absolute;
  z-index: 10000;
  border: 6px solid #361b0a;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  padding: 20px 30px 0 10px;
  background-color: white;
}

.popupComponent a.close {
    position: absolute;
    text-decoration: none;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/close_button.png");
}
.popupComponent .arrow {
  position: absolute;
}

.popupComponent.east .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/vertex_l.png");
  height: 45px;
  width: 18px;
  left: -18px;
}
.popupComponent.west .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/vertex_r.png");
  height: 45px;
  width: 18px;
  right: -18px;
}
.popupComponent.north .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/vertex_d.png");
  height: 18px;
  width: 45px;
  bottom: -18px;
}
.popupComponent.south .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/vertex_u.png");
  top: -18px;
  height: 18px;
  width: 45px;
}

#popupComponentOverlay{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  z-index:99;
}
.popupTitle {
    font-size:10px;
    line-height: 20px;
    display: inline-block;
}

.popupTitle:hover {
     color: #006cb8;
}

.exportOptions div {
    font-size: 10px;
    line-height: 20px;
    height:40px;
}

.exportOptions div:hover {
    color: #006cb8;
    cursor: pointer;
}


.exportChartPopupButtons {
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;

  width:100%;
  height:40px;
  background-color: #e6e6e6;
  vertical-align: middle;
  padding-left:10px;
  border-bottom: 1px solid whitesmoke;
  border-left: 1px solid #cdd1d5;
  border-top: 1px solid #cdd1d5;
  border-right: 1px solid #cdd1d5;
}


.exportChartTitle {
  float:left;
  margin-right: 5px;
  line-height: 40px;
}


.exportChartPopupButton {
  width:60px;
  background-color: #393d42;
  margin-top: 10px;
  cursor: pointer;
  color: white;
  float:left;
  text-align: center;
  height:20px;
  line-height: 20px;
  vertical-align: middle;

}

.exportChartButtonNotLast {
  border-right: 1px solid black ;
}

.exportChartButtonMiddle {
  border-left: 2px solid #4b5459;
}

.exportChartPopupButton:hover {
  background-color: #2d9fc6;
}

.exportChartOkButton {
  width:60px;
  margin-left:10px;
}

.exportChartOkButtonDisabled {
  background-color: #cdd1d5;
  cursor: default;
}

.exportChartOkButtonDisabled:hover {
  background-color: #cdd1d5;
}



.exportChartPopupButtonClicked {
  background-color: #2d9fc6;
}



.exportChartInput {
	padding-left:10px;
	float: left;
	margin-top: 7px;
}

.exportChartInput input#width, .exportChartInput input#height {
  width: 50px;
}


.exportChartMasterDiv {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  width:97%;
  height:100%
}
.exportChartMasterDivHolder {
  width:100%;
  background-color: #ffffff;
}


.exportChartImageDiv {
  border: 1px solid #cdd1d5;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-radius: 0px 0px 7px 7px;
  border-radius: 0px 0px 7px 7px;
  text-align: center;
  background-color:#ffffff;
  width:100%;
  height:100%
}
.hidePopup {
  display: none;
}

.popupComponent {
  position: absolute;
  z-index: 10000;
  border: 6px solid #361b0a;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  padding: 20px 30px 0 10px;
  background-color: white;
}

.popupComponent a.close {
    position: absolute;
    text-decoration: none;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/close_button.png");
}
.popupComponent .arrow {
  position: absolute;
}

.popupComponent.east .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/vertex_l.png");
  height: 45px;
  width: 18px;
  left: -18px;
}
.popupComponent.west .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/vertex_r.png");
  height: 45px;
  width: 18px;
  right: -18px;
}
.popupComponent.north .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/vertex_d.png");
  height: 18px;
  width: 45px;
  bottom: -18px;
}
.popupComponent.south .arrow {
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/popup/img/vertex_u.png");
  top: -18px;
  height: 18px;
  width: 45px;
}

#popupComponentOverlay{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  z-index:99;
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */


/*
 * WDStyleGuide Template CSS  
 *
 * Use this as a template to format the styles of specific projects. Most of 
 * the most commonly used classes/rules are already written here. The file is
 * divided in the following sections:
 *
 *    Fonts
 *    Style Resets
 *    1. BACKGROUND 
 *    2. HEADER 
 *    3. FILTER CELLS
 *    4. DATA CELLS
 *    5. TABLES
 *    6. CHARTS 
 *    7. SELECTORS AND BUTTONS 
 *    Other 
 *    Project Specific Items  
 *
*/


/* =============================================================================
   Project Specific Items 
   ========================================================================== */



/* TextEditor */

/*#popupEditorId > div.textEditorComponent ,div.textEditorIframe,*/

div.textEditorComponent{
    width: 100%;
/*    height: 100%; */
}

div.textEditorIframeContainer{
    width: 100%;
/*    height: 100%; */
}


div.textEditorIframe{
    overflow: hidden;
}

div.textEditorIframe > iframe{
    width: 100%;
}

iv.textEditorRightPanel {
    float: right;
    height: 100%;
    overflow-y: auto;
    width: 300px;
    background-color: #eeeeee;
    display: none;
    font-size: 10px;
}


div.textEditorControls{
    background-color: rgb(87, 163, 43);
    border: 1px solid;
    padding: 5px;
    overflow: hidden;
}


div.textEditorFile{
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
}

div.textEditorButtons{
    float: right;
}

div.textEditorButtons button{
    margin-right: 10px;
    font-size: 10px;
}


div.textEditorControls > div{
    display: inline-block;
}

div.textEditorNotification{

    min-height: 25px;
    background-color: white;
    border: 1px solid rgb(130, 146, 153);
    text-align: center;
    font-size: 13px;
    padding-top: 5px;

}

span.textEditorNotificationMsg{
    display: none;
}


div.view-manager-component {
  width: 180px;
  padding: 3px;
  color: #3e3938;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  position: relative;
}

.no-svg div.container div.view-manager-component *,
.no-svg div.view-manager-component *,
div.view-manager-component * {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.view-manager-component > .current-view {
  font-size: 90%;
  text-align: center;
  margin-bottom: 2px;
  padding: 6px 0;
}
.view-manager-component > .current-view .label{
  font-weight: bold
}

.view-manager {
  display: block;
  position: absolute;
  top: 29px;
  left: 185px;
  width: 180px;
  z-index: 10000;
  background-color: rgb(232, 241, 243);
  padding: 4px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 2px solid rgb(230, 122, 44);
  box-shadow: rgba(0, 0, 0, 0.292969) 0px 0px 10px 5px;
}

/***************
 * BIG BUTTONS *
 ***************/

.view-manager-component .big-button {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/ViewManager/img/gray-gradient.png');
  background-repeat:repeat-x;
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 2px;

  color: white;
  font-weight: bold;
  line-height: 22px;
  text-align: center;

  height: 22px;
  margin-bottom: 2px;
  cursor: pointer;
}

.view-manager-component .big-button.active {
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/ViewManager/img/orange-gradient.png');
}
/********
 * TABS *
 ********/
.view-manager .tabs {
 /* border-bottom: 1px solid black;*/
  border-radius: 4px 4px 0 0;
  padding-bottom: 6px;
  background-image: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/ViewManager/img/gradient.png');
  background-repeat: repeat-x;
  background-color: #e8f1f3;
  background-position: bottom;
}

.view-manager .tab {
  display: inline-block;
  /* TODO: re-enable when the subscription panel is activated */
  /* width: 58px; */
  width: 88px;
  margin: 0;
  padding: 8px 0px;
  background: #cbe0e5;
  text-align: center;
  font-size: 95%;
  cursor: pointer;
  border-top: 1px solid rgba(0,0,0,0.03);
}

.view-manager .tab:first-child {
  border-radius: 2px 0 0 0;
  border-left: 1px solid rgba(0,0,0,0.03);
}
.view-manager .tab:last-child {
  border-radius: 0 2px 0 0;
  border-right: 1px solid rgba(0,0,0,0.03);
}
.view-manager .tab:not(:last-child):not(:first-child) {
  width:62px;
}
.view-manager .tab:not(:last-child) {
  /* TODO: re-enable when the subscription panel is activated */
  /*border-right: 1px solid white; */
  border-right: 2px solid white;
}

.view-manager .tab.selected:first-child {
  border-right: none;
  padding-right: 6px;
  margin-right: -4px;
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/ViewManager/img/gradient_right.png");
  background-repeat: repeat-y;
  background-position: right;
}

.view-manager .tab.selected:last-child {
  padding-left: 6px;
  margin-left: -6px;
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/ViewManager/img/gradient_left.png");
  background-repeat: repeat-y;
  background-position: left;
}

.view-manager .tab.selected:not(:first-child):not(:last-child) {
  border-right: none;
  padding-right: 6px;
  margin-right: -4px;
  padding-left: 6px;
  margin-left: -6px;
  background-image: url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/ViewManager/img/gradient_left.png"), url("/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/ViewManager/img/gradient_right.png");
  background-repeat: repeat-y, repeat-y;
  background-position: left, right;
}

.view-manager .tab.selected {
  background: #e8f1f3;
  color: #0069b9;
  font-weight: bold;
}
.view-manager .tab-contents {
  background: #e8f1f3;
  border-radius: 0 0 4px 4px;
  padding: 3px;
  padding-top:0px;
}

/***********
 * HEADERS *
 ***********/

.view-manager .list-panel .total-views,
.view-manager .save-panel .current-view {
  padding: 8px 4px;
  border-bottom: 1px solid #d0dfe3;
  font-size: 85%;
  font-weight: bold;
}

.view-manager .list-panel .total-views .label,
.view-manager .save-panel .current-view .label {
  color: #0069b9;
}
.view-manager .list-panel .total-views .value,
.view-manager .save-panel .current-view .value {
  float: right;
  font-weight: bold;
}

/*************
 * VIEW LIST *
 *************/

.view-manager .list-panel .views .view-item {
  padding: 8px 4px;
  border-bottom: 1px solid #d0dfe3;
  height: 17px;
}

/* TODO: Remove this when Dashboard manager goes live */
.view-manager .list-panel .views .view-item:last-child {
  border-bottom: none;
}

.view-manager .list-panel .views .view-item .name {
  cursor: pointer;
  line-height: 17px;
  color: #3e3938;
  text-decoration: none;
  font-size: 95%;
  font-weight: bold;
}

.view-manager .list-panel .views .view-item .name:hover {
  color: #0069b9;
}

.view-manager .list-panel .views .view-item .delete {
  width: 17px;
  height: 17px;
  float: right;
  background: url('/pentaho/api/repos/pentaho-cdf-dd/resources/custom/components/ViewManager/img/trash.png');
  cursor: pointer;
}

.view-manager .list-panel .view-all {
  padding: 10px 0;
  /* TODO: Remove this when Dashboard manager goes live */
  display: none;
}

.view-manager .list-panel .view-all span {
  display:inline-block;
  width: 100%;
  text-align: center;
}

.view-manager .list-panel .view-all .label {
  font-size: 120%;
}

.view-manager .list-panel .view-all .description {
  font-size: 95%;
}

/**************
 * SAVE PANEL *
 **************/

.view-manager .save-panel .save-properties .label {
  font-size: 90%;
  font-weight: bold;
  margin-left: 7px;
}

.view-manager .save-panel input, 
.view-manager .save-panel textarea {
  width: 164px;
  padding:5px;
  border-radius: 3px;
  border: none;
  margin: 4px 0;
  background: white;
}

.view-manager .save-panel textarea {
  resize: none;
  height: 100px;
}

.view-manager .save-panel .big-button:first-child {
  margin-right: 11px;
}
.view-manager .save-panel .big-button {
  width: 78px;
  display:inline-block;
}
/***** Plugin Card *****/

.sparklPluginCardContainer {
	width: 230px;
	height: 230px;
	background: #EAEDEE;
	color: #434140;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.sparklPluginCardContainer.lastInRow{
	margin-right: 0px;
}
.sparklPluginCardContainer .descriptionExpandCont{
	height: 195px;
	overflow: hidden;
	position: relative;
}
.sparklPluginCardContainer .cardHeader{
	height: 70px;
	border:solid 10px #EAEDEE;
	font-size: 18px;
	position:relative;
	overflow:hidden;
}
.sparklPluginCardContainer .cardHeader .nameContainer{
	overflow:hidden;
}
.sparklPluginCardContainer .cardHeader .name{
	cursor:default;
	height: 24px;
	line-height: 20px;
	display:inline-block;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	width:100%;
}
.sparklPluginCardContainer .cardHeader .id{
  color: #999999;
  height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
	height: 24px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width:100%;

}

.sparklPluginCardContainer .cardBody{
	height:125px;
	position: relative;
}
.sparklPluginCardContainer .imageContainer{
	height: 100%;
}
.sparklPluginCardContainer .imageContainer:hover{
	cursor: pointer;
}
.sparklPluginCardContainer .imageContainer .image{
	width: 100%;
	height: 100%;
}

.sparklPluginCardContainer .imageContainer .imagePlaceholder{
	max-width:100%;
	max-height:100%;
	bottom:0px;
	left:0px;
	padding:10px;
	font-size: 20px;
	position:absolute;
	vertical-align:middle;
	color:#FFFFFF;
	line-height:1;
}

.sparklPluginCardContainer .descriptionContainer{
	height: 0px;
	bottom: 0px;
	padding: 10px 10px;
	font-size: 15px;
	position: relative;
	background: #434141;
	font-size: 15px;
	-webkit-transition: all 500ms linear;
	-moz-transition:    all 500ms linear;
	-ms-transition:     all 500ms linear;
	-o-transition:      all 500ms linear;
	transition:         all 500ms linear;
}
.sparklPluginCardContainer .cardBody:hover .descriptionContainer{
	height: 195px;
	bottom: 195px;
}
.sparklPluginCardContainer .descriptionContainer .header{
	height: 25px;
	color: #0398DA;
}

.sparklPluginCardContainer .descriptionContainer .body{
	height: 140px;
	color: #EAEDEF;
}
.sparklPluginCardContainer .cardFooter{
	padding: 5px 5px 5px 10px;
	font-size: 15px;
	height: 35px;

}
.sparklPluginCardContainer .cardFooter .versionLabel{
	float: left;
	height: 100%;
	line-height: 25px;
}
.sparklPluginCardContainer .optsExternCont{
	height: 0px;
	bottom: 0px;
	position: relative;
	-webkit-transition: all 500ms linear;
	-moz-transition:    all 500ms linear;
	-ms-transition:     all 500ms linear;
	-o-transition:      all 500ms linear;
	transition:         all 500ms linear;
}
/*.optsExternCont:hover{
	height: 160px;
	bottom: 160px;
	left: 0px;
	cursor: pointer;	
}*/
.sparklPluginCardContainer .optsExternCont.expanded{
	height: 160px;
	bottom: 160px;
	left: 0px;
}
.sparklPluginCardContainer .optionsIcon{
  background: url('/pentaho/api/repos/sparkl/resources/components/SparklCards/img/options.png') no-repeat 0px center transparent;
	float: right;
	height: 29px;
	width: 24px;
	border-bottom: 5px solid transparent;
	position: absolute;
	bottom: 0px;
	right: 5px;
	z-index:200;
}
.sparklPluginCardContainer .optionsIcon:hover{
  	background-position: -24px center;
  	cursor: pointer;
}
.sparklPluginCardContainer .optsExternCont.expanded .optionsIcon{
  	background-position: -24px center;
}
.sparklPluginCardContainer .optionsContainer{
	height: 100%;
	position: relative;
	background: #25BAED;

	z-index: 100;
}
.sparklPluginCardContainer .optionCont{
	height: 40px;
	padding: 0px 10px 0px 10px;
	background: #25BAED;
	color: #CEEEFC;
	border-bottom: 1px solid #83D5F4;
	font-size: 15px;
	line-height: 40px;
}
.sparklPluginCardContainer .optionCont:hover{
	background: #009DE2;
	color: #F2FAFD;
	cursor: pointer;
}
.sparklPluginCardContainer .optionCont.noAction:hover{
	background: #25BAED;
	color: #CEEEFC;
	cursor: default;
}



/***** New Plugin Card *****/

.sparklNewPluginCardContainer{
	width: 230px;
	height: 230px;
	background: #EAEDEE;
	color: #434140;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;

	-webkit-transition: all 150ms linear;
	-moz-transition:    all 150ms linear;
	-ms-transition:     all 150ms linear;
	-o-transition:      all 150ms linear;
	transition:         all 150ms linear;
}
.sparklNewPluginCardContainer:hover{
	background: #25BAED;
}
.sparklNewPluginCardContainer .optionsContainer {
	height:100%;
}
.sparklNewPluginCardContainer .optionCont{
	font-size: 20px;
	color: #CEEEFC;
	background: #25BAED;
	cursor: pointer;
	position: relative;
}
.sparklNewPluginCardContainer .optionCont:hover {
	background: #009DE2;
	color: #F2FAFD;
}
.sparklNewPluginCardContainer .optionCont .label{
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	height:0;
	width:100%;
	line-height: 0;
	top:50%;
	left:0px;
	position: absolute;
}

.sparklNewPluginCardContainer.numActions-1 .optionCont{
	height:100%;
}
.sparklNewPluginCardContainer.numActions-2 .optionCont{
	height:50%;
}



.sparklNewPluginCardContainer .separator{
	height: 10px;
}
.sparklNewPluginCardContainer .separator .horizontalRectangle{
	height: 10px;
	width: 60px;
	background: #FFFFFF;
	position: absolute;
	left: 85px;
	top: 110px;

	-webkit-transition: all 500ms linear;
	-moz-transition:    all 500ms linear;
	-ms-transition:     all 500ms linear;
	-o-transition:      all 500ms linear;
	transition:         all 500ms linear;
}
.sparklNewPluginCardContainer .separator .verticalRectangle{
	height: 60px;
	width: 10px;
	background: #FFFFFF;
	position: absolute;
	left: 110px;
	top: 85px;

	-webkit-transition: all 500ms linear;
	-moz-transition:    all 500ms linear;
	-ms-transition:     all 500ms linear;
	-o-transition:      all 500ms linear;
	transition:         all 500ms linear;
}
.sparklNewPluginCardContainer.numActions-2:hover  .separator .horizontalRectangle{
	width: 100%;
	left: 0px;
}
.sparklNewPluginCardContainer.numActions-1:hover  .separator .horizontalRectangle{
	width: 0px;
	left: 50%;
}
.sparklNewPluginCardContainer:hover .separator .verticalRectangle{
	height: 0px;
	top: 115px;
}
.sparklNewPluginCardContainer .optionCont{
	visibility: hidden;
	border-bottom: none;
	text-align: center;
}
.sparklNewPluginCardContainer:hover .optionCont{
	visibility: visible;

		-webkit-transition: visibility 500ms 500ms linear ;
	-moz-transition:    visibility 500ms 500ms linear ;
	-ms-transition:     visibility 500ms 500ms linear ;
	-o-transition:      visibility 500ms 500ms linear ;
	transition:         visibility 500ms 500ms linear ;
}

.sparklNewPluginCardContainer .overlay{
	background:#EAEDEE;
	height:100%;
	width:100%;
	position: absolute;

	-webkit-transition: all 50ms linear;
	-moz-transition:    all 50ms linear;
	-ms-transition:     all 50ms linear;
	-o-transition:      all 50ms linear;
	transition:         all 50ms linear;
}

.sparklNewPluginCardContainer:hover .overlay{
	background: transparent;
	z-index:-100;
}
.workspace_results {
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 10px;
    overflow: auto;
    font-size: 11px;
}
.workspace_results table {
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    margin-bottom: 0;
    table-layout: fixed;
    width: auto;
    border-collapse: separate;
    border-spacing: 0;
}
.workspace_results table th, .workspace_results table td {
      padding: 4px 10px 4px 5px;
}
.workspace_results table th {
    border-left: 1px solid #d5d5d5;
    margin-bottom: 0;
    white-space: normal;
    font-weight: 500;
}

.workspace_results table th.all_null {
    text-align: center;
    border: none;
}
.workspace_results table th.col {
    border-top: 1px solid #d5d5d5;
    background: #f9f9f9;
    text-align: left;
}
.workspace_results table th.col_null {
    background: #f9f9f9;
}
.workspace_results table th.row {
    border-top: 1px solid #d5d5d5;
    background: #f9f9f9;
}

.workspace_results table th.row_header {
      border-top: 1px solid #d5d5d5;
      /*border-bottom: 1px solid #d5d5d5;*/
      background: #E5E5E5;
}

.workspace_results table th.row_null {
    background: #f9f9f9;
}
.workspace_results table td.data {
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    text-align: right;
    white-space: nowrap;
}
.workspace_results table tr:hover {
  background: #edf4fa !important;
}

.workspace_results table td.cellhighlight:hover {
  background: #c2d5e2 !important;
}
.workspace_results table td.cellhighlight {
  cursor: pointer;
}

.workspace_results .headerhighlight:hover {
  background: #c2d5e2 !important;
}
.workspace_results .headerhighlight {
  cursor: pointer;
}

.workspace_results table td.selected {
  background: #c2d5e2 !important;
}

.canvas_wrapper a.button {
    display: block;
    height: 16px;
    padding: 12px;
    width: 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.canvas_wrapper a.button:hover {
    border: 1px solid #CCC;
    padding: 11px;
}
.canvas_wrapper .zoomin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABwUlEQVQ4EcVTu4rCUBCdGxUxvrBRC7W08Qv2C3abFSJibWcjiLaCrWBnr2BpZSy22D/wCywttPLB+ggYxVd2zmWFyCprtxeS3Mycc+bOyURYlkX9fp8f1pfD4Uil0+kZ/bFarVbvfD6rhULhTei6/un1el+FELRer43j8ZhkoWkulxN2nU6nY+XzeQGy3+/XWICWy+WHkyubOAUH6XK5BAzDmLKInSv3IDDZ8vl8FAwGUYyY96JompZhEq1WK+LKFA6HIfRLAEVisRi53W6Jnc/nBuNSCpDZbJYg4nK5JPGeAE4AEWD46NgnS6XSzAlGt9uVVSeTiQQ9EhiNRhIHMcZMmSoEVHnhdmMags8s2cIzwEeY/xeQJrbbbZhnwZwfg6hYLN540mg0LJh7zcO7Wq0mZAtX16PRqPzW13d73yAmEgmKx+PyS4GMvMLTFQFBVVUyTZNOp5OsYidjDwxy2+1WTi0L9BBXODjEGHs8HtrtdjQejyUYSfvCCZDDmIdCIQoEAlq1Wu0pnBgcDgc5npvNRi+Xy+JeC+h5v99HF4uFgf8AGI6pcpCazSYM1CuVSsZe9d6eq0aYOORrUK/X378BS8Uv9o0RXx4AAAAASUVORK5CYII=);
    background-repeat:  no-repeat;
    background-position: 7px 7px;
}
.canvas_wrapper .zoomout {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABD0lEQVQ4EZ2SvWqFQBCFx0u8qK1tSHXB6raBkIezEXwAC2tBbLQK5A1SJFVIYZNesBHs/NfsETaIMoIO6A6659szO6NM00Qi8FKQHI3LniCKoq8gCD729rCAMAx/NE17Ngzj1ff9bw6irEuI4/jaNE2q6/rNNE0ahoGyLKM8z3+rqrrbtt0uYRsHdV2/t2372Pf9LB7HkVRVJQF96rrubSlGvnEgN3ieN1mWNUPSNKWyLF8cx/mU/+X6IJP1Kk4kuECJRVGQ67obMTQsQJTyD0DOBQuAA9SP5xRA3PjsAADAuGAd4FS08LSD5R2ccgARHKALYi64CvguSACUYoCOA3BqkiTzRcIJF+wkcoL19z/A5b0M1rYC6wAAAABJRU5ErkJggg==);
    background-repeat:  no-repeat;
    background-position: 7px 7px;
}
.canvas_wrapper .rerender {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACJElEQVQ4EY1TTYuSURQ+4/sqjPixUEGFZtEPCMIfMctZTIKEm1bBVFSEMYEtB0oNDQMJhgLB8OsVZ1d7twOiC/EDlAYRCaSN5vfbc27dyWEc6MLhXM59nuecc8+9pOs6wXix32qxWOw4n88r284N9B9rOp3er9VqH7dBd1gVS89ms3ur1epwNpvtz+dzH7wLRiCT0+mkxWJBnU7nfTKZfLYpJARA1gE4s1qtB2azmUwmExkMBoIgLZdL4VmgWq1Su90+SafTYSmignyLs7jd7gObzSYy8iGquCSu12ux54oQN0kye3UymRza7XayWCyCxGLdbleYbMHr9YoWWq3Wh2Kx+PKKAAj73CMT2SqVyncQi/F4/IUEBgKBGlo41zTtiYxJr47H47v1ep1A+sULwHQikXgtAexRdk5V1TepVOqBTCS9Cs4rkD8B9EgGC4WCAt6x3+8/YYFSqSR8NBq9DdwR8LvgGbD/eTlG4HYYzCuXy31GJb5gMHjnT4QoEom8Q4J7Pp9vT1EUGg6H3O7XawKYShIX+pjHNhgMxL0gIzkcDvJ4PGQ0GsVEeKSNRuO5KjOwz2QyESa7XC4B4svdfAuYmHjqvV6PyWc4064IoMQ5Z+CMcvZSAD3TaDSifr9PzWaTyW/xPy6utYDxJfCgnnILnInF2HBhP+DPEf+GRFq5XL4Q1f/9YXD/fmI4HD4NhUK1zdhN+62/ESU+RMlfNu/npv1vX2Di9uFiybcAAAAASUVORK5CYII=);
    background-repeat:  no-repeat;
    background-position: 7px 7px;
}


/** BLOCKUI  MODIFIED FOR EMBED**/

.processing_container, .blockOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
    z-index: 9999;
    padding: 20px;
}
.processing_content {
    padding: 5px;
    display: inline;
}
.processing, .blockElement {
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #EAEAEA;
    z-index: 10001;
    position: fixed;
    width: 20%;
    min-width: 300px;
    left: 40%;
    top: 45%;
    padding: 20px;
}
.processing_image {
    display: inline-block;
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAPQAAP///2ZmZvr6+oeHh7S0tGlpaXx8fObm5srKynNzc6ysrKOjo+7u7sDAwNzc3JGRkZmZmQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAAKAAEALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkEAAoAAgAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkEAAoAAwAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAAKAAQALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAAKAAUALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.saiku_logo {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAVdSURBVHjarFdNiBxFFH7vVfXM7OzMJhAMCmazEEEJaEgOIQdNLv4cDAieQhT0FFAhoDkoHjyIeFNJUMSfg16CICaHXFQSiRtMFMWfDQR/ICQhSGLMkuzuZLu7uur5qmd6uqenZ2HjDPS87qpX9VW9971Xr/DYzAwAM/if/6d2CxgJInAQiIyd7XXghjrCwwS0kxEeIMC7pUN3B3LCzJcd85xlOJW45AQ5vqgAwTgGRIYJwfghjOBTeXpjUqGzl15ritX99zosCrANFe0PSD0hLWt9O3K23HwiaV1PCNsUwrMa9U1Gd8xZe1A6foKi/sAY2VcRvIeefU4S0Vu1IDhTI/VMBg4V4Fxo84tGgDWE9LTW+rRWdBCB21Xg/p0GwPPd39tQ6htF+JJ81jjvXBG8Pzn35wwCwv01rU7K+2ZmN2QFIukhzkyRNt6vA3UcCbcPAq4avOBM3BYEwQmFuBVTF6ZW6soPpqf7O59SatPaqanjTDgzNvBspyI6zl26tLj4SGKSP6mnQRfEBv65SKrB7fZhUjQOcMOlPtcl1fR9rdZnNUVNgwhWoox2NOqwo16Dh1qTB9Zptd06/t87lzleN0myT8y8WJzDeQ4o2lpvNF4xSkJcNk5GKUi03siBfnkc4F7I5uYlVD9aWo52W3Y3M33f55yDjfXagS3NiXvkAVqwFpjoOfFRe1w+l51r4RFcSeLZG3H8IvVV+wmvKat8IbQJ0CRiq65orxsj4bzwKfKuWk3I5z4Jrf0eC/Gf5grEPWKltSSJYocC2DAu8GKbEh/XkCQpuo+5FP+CeadW+KD04s5xg2f6yqdy4ZWk5FlpiXO97riA9C6S5LBlteDyOSdkels+zSjwLM2BkFzkNXY5GTMhUbGF5MTaxKvcueT2f42zB5ajeLfMch1G6PtsVxMyihu8z7k8v7RNiwXgjtswu1BHlm7ir2146ymfU4qm5VTm86XvFfOnh1YqV+lz7p1irBVcN+arThwdzlXKxy6Xzp+B+YWi3oS3Qzj/pTRYFUCY2HekNxkGz9+5kme8QNbZ8xU+lAoH/l6J7d4Kgdi+4YnG/KuQ8twQOJcWXFqYc3zZD5/j4Z0Lx+xjiXXPi4OWR4WaJ5kWliutfU32O47QYx4G94lJTHaWOok9VWF2mRZvhca8v9gRkmWVRMlSHlAKF5iQRxOFg0CjwTOyonWzhMacFh5cKftcBupAZBRGR6PYvIsjOKJ92ZOe94xQScLSL1/QvGDMUkB0Q8z9OUKZcJLFtAbVakIH+E05subL4FyIitG+HwDty+UkObqUmGvUkbJ7KYnfk5I6HCyjuop1TzZ2V621X1bFeXnyftz3PTGs5zPoleXw0NXlCOicS+BsEv/xTxwfCjCP5V51K+EAEAoDYudOjjQxQ0V1XK6qeryRyOE4/nC93CFmJI/o66abpX424RtNUrvXKNpsM31ZwaTUC80kAXTqKis9AtwvGEsrGcolLOcOdKw9fzGKXuvyWty8wZheucSL84tub2uqfUL4uS7zBcdy3kRymwkk6icag/4duHBUs72g1IzkQDqzsLTnQhzPZ8vV7UJY3IrNb4tx/ORUvf6FhF5jgMMII8F7BQaskAlrGvHmX2G070gc/0gFHW1KZ7SYYtbE5lG5H86rwi6GU+nKcZ5L510Z2SR5XLLlnEtbinfDoXhlf07/YmXL5BflXcQrmbjXhdUh1yP1ArCbK49L7wUjzeZNGoY+YWcgCnPAWoUrgiw7iszZKtvnyoVxL5FVmC01q+QHCZd+W8zuO2Ptq0LFXbKQ/gmKmSucuyzgx4Vo34o8ojBPVjBUFed30f8EGAADcKFb3PyBeQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px;
    padding: 5px;
    margin-right: 20px;
}.workspace_results {
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 10px;
    overflow: auto;
    line-height: 1.3;
}
.workspace_results table {
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    margin-bottom: 0;
    table-layout: fixed;
    width: auto;
    border-collapse: separate;
    border-spacing: 0;
}
.workspace_results th, .workspace_results td { padding: 3px 9px 3px 4px; }
.workspace_results td { font-size: 10px; }
.workspace_results table th {
    border-left: 1px solid #d5d5d5;
    margin-bottom: 0;
    white-space: normal;
    font-weight: 500;
}

.workspace_results table th.all_null {
    text-align: center;
    border: none;
}
.workspace_results table th.col {
    border-top: 1px solid #d5d5d5;
    background: #f9f9f9;
    text-align: left;
}
.workspace_results table th.col_total_corner {
    border-top: 1px solid #d5d5d5;
    border-left: 1px none #d5d5d5;
    border-bottom: 1px none #d5d5d5;
    background: #f9f9f9;
    text-align: left;
}

.workspace_results table th.col_total_first {
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
    background: #f9f9f9;
    text-align: left;
}

.workspace_results table th.col_null {
    background: #f9f9f9;
}
.workspace_results table th.row {
    border-top: 1px solid #d5d5d5;
    background: #f9f9f9;
    white-space: nowrap;
	text-align: left;
}
.workspace_results table th.row_total {
	border-left: 1px none #d5d5d5;
	border-top: 1px solid #d5d5d5;
    background: #f9f9f9;
    text-align: left;
}

.workspace_results table th.row_total_first {
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
    background: #f9f9f9;
    text-align: left;
}

.workspace_results table th.row_total_corner {
	border-left: 1px solid #d5d5d5;
    border-top: 1px none #d5d5d5;
    border-right: 1px none #d5d5d5;
    border-bottom: 1px none #d5d5d5;
    background: #f9f9f9;
    text-align: left;
}

.workspace_results table th.row_header {
      border-top: 1px solid #d5d5d5;
      /*border-bottom: 1px solid #d5d5d5;*/
      background: #ECECEC;
}

.workspace_results table th.row_null {
    background: #f9f9f9;
}
.workspace_results table td.data {
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    text-align: right;
    white-space: nowrap;
}

.workspace_results table td.total {
	background: #fbfbfb;
	font-weight: bold;
}

.workspace_results table tbody tr:hover {
  background: #edf4fa !important;
}

.workspace_results table td.cellhighlight:hover {
  background: #c2d5e2 !important;
}
.workspace_results table td.cellhighlight {
  cursor: pointer;
}

.workspace_results .headerhighlight th.row:hover,
.workspace_results .headerhighlight th.col:hover {
  background: #c2d5e2 !important;
}
.workspace_results .headerhighlight th.row,
.workspace_results .headerhighlight th.col {
  cursor: pointer;
}

.workspace_results table td.selected,.workspace_results table td.ui-selected,.workspace_results table td.ui-selecting {
  background: #c2d5e2 !important;
}

/*For some weird reason you can not have all css queries
separated by commas, and have just one of these...*/
.workspace_results:fullscreen {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  font-weight:500;
}
.workspace_results:-moz-full-screen {
  width: 100%;
  height: 100%;
  background-color: #FFF;
}
.workspace_results:-webkit-full-screen {
  width: 100%;
  height: 100%;
  background-color: #FFF;
}
.workspace_results:fullscreen table {
    margin: 0 auto;
    font-size: 200%;
    font-weight:500;
}
.workspace_results: table td{
    font-size: 100%;
}

.workspace_results:-webkit-full-screen table {
    margin: 0 auto;
    font-size: 200%;
    font-weight:500;
}
.workspace_results:-webkit-full-screen table td{
    font-size: 100%;
}

.workspace_results:-moz-full-screen table {
    margin: 0 auto;
    font-size: 200%;
}
.workspace_results:-moz-full-screen table td{
    font-size: 100%;
}