/**
* @author Ramūnas Kraujutis (rkraujutis@hnit-baltic.lt)
* @copy UAB "HNIT-BALTIC", http://www.hnit-baltic.lt
*/
html{
	min-height: 100% !important;
}
body.hb-ext-map {
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100% !important;
}
.hb,
body.hb-ext-map {
	font: normal 12px verdana;
}
.hb-ext-map p {
	margin: 5px;
}

/* http://www.positioniseverything.net/easyclearing.html */
.close:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* for IE/Mac */
.close {
	display: inline-block;
}

#header{
	overflow: hidden;
	/*background: url("../images/header.gif") top left no-repeat;*/
}

.hbBgSwitcher{
	position: absolute;
	top: 20px;
	right: 80px;
	z-index: 1000;
}

.hbBgSwitcher table{
	float: right;
	margin: 0px 5px 0px 0px;
	clear: none;
}

.ext-ie .hbBgSwitcher table{
	margin-top: -1px;
}

.treePanelBody{
	padding: 5px 0 5px 0;
}

.mapCopyright{
	bottom:6px;
	position:absolute;
	left:27px;
	z-index:1000;
}
.mapCopyrightBg{
	/*position: absolute;*/
	background: white;
    border:1px solid #9199a4;
    padding-top: 2px;
    padding-bottom: 3px;
    /*z-index: 1001;*/
}
.mapCopyright .mapCopyrightText,
.mapCopyright .dataProviderText{
    font-size:12px;
    padding:2px;
}
.mapCopyright .dataProviderText{
    text-decoration: underline;
    cursor: pointer;
}
.mapCopyright .exportedCopyrightText{
	display: none;
}

.mapCopyright .solutionText{
	 font-size:12px;
	 padding-right:3px;
	 text-decoration:underline;
	 cursor:pointer;
}

.copyrightWindow .x-window-body ul,
.copyrightWindow .x-window-body .descriptionText{
	padding: 3px;
	background: white;
}
.copyrightWindow .x-window-body ul li{
	padding: 2px 0px 2px 0px;
}
.copyrightTooltip ul li{
	padding: 2px 0px 2px 0px;
}
.copyrightTooltip .descriptionText{
	display: none;
}
.infowindow .sprite {
	background-image:url("../images/custom-info-window.png") !important;
}
/**********************************************
                  lightbox style                     
 **********************************************/
.dijitDialogUnderlayWrapper{
	z-index: 15001;
}
.dojoxLightbox{
	z-index: 15002;
}
/**********************************************
                  map legend style                     
 **********************************************/

.mapLegend{
	position: absolute;
	bottom: 30px;
	left:27px;
	z-index:1000;
	padding: 2px;
	background-color:white;
	border: 1px solid #9199A4;
}
.legendItems ul{
	padding: 0;
	margin: 0;
}
.legendItems .notVisible{
	display: none;
}
.legendItems ul li label{
	display: block;
	padding: 3px 0px 3px 0px;
	font-size: 11px;
	font-weight: bold;
	
}
.legendItems li li label{
	font-weight: normal;
	font-size: 10px;
}
.legendItems div.legendItem{
	float: left;
	width: 20px;
	height: 16px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-right: 5px;
}
.legendItems div.item1{background-position: 0px -20px;}
.legendItems div.item2{background-position: 0px -40px;}
.legendItems div.item3{background-position: 0px -60px;}
.legendItems div.item4{background-position: 0px -80px;}
.legendItems div.item5{background-position: 0px -100px;}
.legendItems div.item6{background-position: 0px -120px;}
.legendItems div.item7{background-position: 0px -140px;}
.legendItems div.item8{background-position: 0px -160px;}
.legendItems div.item9{background-position: 0px -180px;}
/* legend window content */
.legendContainer{
	background: white;
	border: none;
	height: 100%;
}
.legendContainer div.legendItem{
	margin: 3px 0px 3px 0px;
}
.legendContainer div.legendLabel{
	margin: 3px 0px 3px 3px;
	font-size: 10px;
}
.legendContainer ul{
	margin: 0px 0px 0px 5px;
}

button.toolbarIcon, a.toolbarIcon{
	background: url(  '../images/toolsext.gif' ) no-repeat scroll;
} 
a.toolbarIcon{
	display: block;
}

button.exportTbIcon, a.exportTbIcon{
	background: url(  '../images/export_pic.png' );
}
.zoomInIcon 		{background-position: -2px -1px !important;}
.zoomOutIcon		{background-position: -28px -2px !important;}
.panMapIcon			{background-position: -54px -2px !important;}
.printMapIcon		{background-position: -80px -2px !important;}
.fullExtentIcon		{background-position: -106px -2px !important;}
.setPointIcon		{background-position: -158px -2px !important;}
.setRegionIcon		{background-position: -184px -2px !important;}
.measureLineIcon	{background-position: -210px -2px !important;}
.measurePolygonIcon	{background-position: -236px -2px !important;}
.measureFreehandPolygonIcon{background-position: -340px -2px !important;}
.measureCleanIcon 	{background-position: -262px -2px !important;}
.infoIcon 			{background-position: -288px -2px !important;}
.measureIcon 		{background-position: -314px -2px !important;}
.editIcon			{background-position: -158px -2px !important;}
.legendIcon			{background-position: -366px -2px !important;}
.vartotojoVadovasIcon{background-position: -392px -2px !important;}
.logoutIcon			{background-position: -416px -2px !important;}
.transparencyIcon   {background-position: -442px -2px !important;}
.measurePointIcon	{background-position: -488px -6px !important;}
.measureSeaRoute	{background-position: -508px -8px !important;}
.fakeTool .x-panel-body {
	background: transparent;
}
.fakeTool .loadingMsg {
	margin: 10px 5px;
}

/******** irankiu PrevExtent ir NextExtent ikonos *********/
.x-btn .tbPrevExtent {
	background: url(  '../images/arrow_left.png' );
	background-repeat:no-repeat;	
	background-position:center; 
}

.x-btn .tbPrevExtent-disabled {
    background: url( '../images/arrow_left_disabled.png' );
    background-repeat:no-repeat;	
	background-position:center; 
}

.x-btn .tbNextExtent {
	background: url(  '../images/arrow_right.png' );
	background-repeat:no-repeat;	
	background-position:center; 
}

.x-btn .tbNextExtent-disabled {
    background: url( '../images/arrow_right_disabled.png' );
    background-repeat:no-repeat;	
	background-position:center; 
}
/* buttons style, if they are positioned inside map*/
.mapContainer .prevExtentButton,
.mapContainer .nextExtentButton,
.mapContainer .fullExtentButton{
	position: absolute;
	top: 30px;
	left: 10px;
	z-index: 999;	
	
}
	.mapContainer .nextExtentButton {
		left: 41px;
		border-left: 1px solid #cee3f4;
	}
	.mapContainer .nextExtentButton .x-btn-tl,
	.mapContainer .nextExtentButton .x-btn-ml,
	.mapContainer .nextExtentButton .x-btn-bl {
		display: none;
	}
	
	.mapContainer .fullExtentButton{
		top: 215px;
		left: 27px;
	}
 


/**********************************************************
	ikonos
**********************************************************/
.x-btn button.editCommand,
.x-btn .vartotojoVadovasIcon,
.x-btn .selectPointIcon,
.x-btn .listIvykiaiIcon,
.x-btn .generateReportButton,
.x-btn .settingsButton{
	background: url('../images/toolbar_icons.png') no-repeat scroll;
}

.x-btn .editCommand {
	background-position:-8px -68px;
}
.hbToolbar .x-btn .editCommand{
	background-position:-0px -65px;
	font-weight: bold;
}

.x-btn .vartotojoVadovasIcon {
	background-position:-3px -33px;
}

.x-btn .logoutIcon {
	background-position:-3px -3px;
}

.x-btn .selectPointIcon {
	background-position:-6px -157px;
}

.x-btn .listIvykiaiIcon {
	background-position:-3px -123px;
}
.x-btn .generateReportButton{
	background-position:-6px -217px;
}
.x-btn .settingsButton{
	background-position:-6px -187px;
}







.search-item{
	height: 27px;
	padding:1px 3px 1px 3px;
	overflow: hidden;
}
.x-combo-selected{
	padding:0px 2px 0px 2px;
}

.treePanelBody .layer-tree-node .x-tree-ec-icon{
	visibility: hidden;
	width: 5px;
}
.layer-tree-node .x-tree-node-icon{
	background: url("../images/layer_type_icons.png") no-repeat top left;
	background-position: 0px 0px;
}
/*
.layer-tree-node-dynamic .x-tree-node-icon{
	background-position: -40px 0px !important;
}
.layer-tree-node-tiled .x-tree-node-icon{
	background-position: -80px 0px !important;
}
.layer-tree-node-wms .x-tree-node-icon{
	background-position: -120px 0px !important;
}
*/

.hbMapLoading {
	background-image: url("../images/loading.gif");
	background-repeat:  no-repeat;
	background-position: top left;
}	

.loading,
.loadingMsg,
.layer-tree-node-loading .x-tree-node-icon,
.x-btn-loading button{
	background-image: url("../images/loading.gif") !important;
	background-repeat:  no-repeat !important;
	background-position: top left !important;
}
.loadingMsg{
	padding-left: 20px;
}

.hbMapLoading{
	background-position: center center !important; 
}
/*
.x-tree-node-el-error .x-tree-node-el-type-dynamic{
	background-position: -20px 0px !important;
}
*/


/**
 *  messages
 *
**/

.msg .x-box-mc {
    font-size:12px;
}
#msg-div {
    position:absolute;
    right: 20px !important;
    /* left:35%; */
    top:10px;
    width:250px;
    z-index:1400;
}

/* 
    main div to handle status messages in mvpro
 */
#msg-status-div {
    position:absolute;
    right: 27px;
    bottom:30px;
    /* width:332px !important; */
    z-index:1400;
    font-size:9px;
}

/**********************************************************
	message popups
**********************************************************/
.messageWindow{
	border: 1px solid #8EA4C1;
}
.messageWindow .x-window-mc{
	background-color: #FFFFFF;
}
.messageWindow .ext-mb-icon{
	float: none;
	width: auto;
}
.messageWindow .x-dlg-icon>.ext-mb-icon{
	height: auto;
	min-height:32px;
}

/**********************************************************
	geolocator box
**********************************************************/
.geoLocatorBox .x-combo-list-item{
	padding: 0px 2px;
}
	span.geoLocatorBoxLabel {
		font-weight: bold;
	}
.geoLocatorBoxResultsList .x-toolbar .xtb-sep {
	display: none;
}
	.geoLocatorBoxResultsList .x-toolbar  .x-toolbar-cell {
	    padding: 0 1px;
	}
.geoLocatorBoxResultsList .fragment {
	background-color: #FFE974;
}
/**********************************************************
	scale bar box
**********************************************************/
.hbScalebar {
	position:absolute;
	bottom:6px; 
	right:132px; 
	z-index:1000;
}
.hbScalebar > div{
	box-shadow: 1px 2px 2px #FFFFFF;
}
/**********************************************************
	scale combo box
**********************************************************/
.scaleCombo{
	z-index:1000;
	position: absolute;
	bottom: 6px;
	right: 315px;
}
.scaleCombo .x-form-text{
	padding-top: 0px;
	height: 15px;
}
.scaleCombo .x-form-trigger{
	height: 16px;
}
/**********************************************************
	mouse coordinates
**********************************************************/
.mouseCoordinates{
	position: absolute;
	right: 132px;
	bottom: 6px;
	background: white;
	border: 1px solid #9199A4;
	font-size: 9px;
	z-index: 1000;
}
.mouseCoordinates .mapCoordinateXLabel,
.mouseCoordinates .mapCoordinateYLabel{
	width: 14px;
	font-weight: bold;
}
.mouseCoordinates .mapCoordinateX,
.mouseCoordinates .mapCoordinateY{
	width: 60px;
	overflow: hidden;
}

.mapCoordinateXRightLabel{
	text-align:left;
	font-weight: bold;	
}

.mapCoordinateName{
	font-weight: bold;	
	padding-left:9px;	
}

/**********************************************************
	identify tool
**********************************************************/
.x-grid3-cell-inner, .x-grid3-hd-inner{
	white-space: normal;
}
/**********************************************************
	transparency tool
**********************************************************/
.transparencyItems .notVisible{
	display: none;
}
.transparencyContainer .x-form{
	border: none;
	padding: 5px 10px 5px 10px;
	background: white;
}

/**********************************************************
	coordinates tool
**********************************************************/

.hbCoordinatesPanel{
	font-family: Arial,sans-serif;	
}

.hbCoordinatesPanel .hbCoordinatesCompositeField{
	margin-bottom:0px;
	padding-bottom:0px;
}
.hbCoordinatesPanel .hbCoordinatesExample{
	font-size: 12px;
	padding: 3px 3px 3px 0px;	
}
.hbCoordinatesPanel .hbCoordinatesInfoPanel{
	font-size: 12px;
	padding: 3px 3px 3px 0px;	
}
.hbCoordinatesPanel .hbCoordinatesInfoPanel .hbCoordLabel{	
	padding-right: 10px;
	white-space:nowrap;
}
.hbCoordinatesPanel .hbCoordinatesInfoPanel .hbCoordXY{
	white-space:nowrap;
}	 

.hbCoordinatesPanel .hbCoordinatesLabel{
	padding: 3px 3px 3px 0px;		
}

.hbCoordinatesPanel .x-form-invalid-msg{
	font-family: Arial,sans-serif;	
	font-size: 12px;
}	

.hbCoordinatesPanel .x-form-field {
	font-family: Arial,sans-serif;	
	font-size: 12px;	
}	

.x-field-required .x-form-item-label{
	background: url("../images/required.png") no-repeat scroll right 2px transparent;		
}

/* Deprecated in JSAPI 2.0 */
.poweredByEsri{
	background: url("../images/esri.jpg") center center no-repeat;
	width: 59px;
	height: 25px;
	position: absolute;
	bottom: 27px;
	right: 27px;
	z-index: 1000;
}
.hbMessages .msgContainer{
	padding-left: 40px;
	margin-bottom: 5px;
	background-color: white;
	background-position: 3px 3px;
	border: 1px solid black;
}
.hbMessages .ext-mb-info,
.hbMessages .ext-mb-warning,
.hbMessages .ext-mb-error{
	border-color: #22B300;
	background: url("../images/message_success_16x16.png") #B5E6A9 no-repeat 7px center;
}
.hbMessages .ext-mb-warning{
	border-color: #fe9f1f;
	background-color: #fff9d9;
	background-image: url("../images/message_warning_16x16.png");
}
.hbMessages .ext-mb-error{
	border-color: #EA6A31;
	background-color: #F5C4A1;
	background-image: url("../images/message_error_16x16.png");
}



/* styles for status messages */

.hbMessages .ext-mb-status-info,
.hbMessages .ext-mb-status-warning,
.hbMessages .ext-mb-status-error{
	border-color: #22B300;
	background: url("../images/message_success_16x16.png") #B5E6A9 no-repeat 7px center;
    width:290px;
}
.hbMessages .ext-mb-status-warning{
	border-color: #fe9f1f;
	background-color: #fff9d9;
	background-image: url("../images/message_warning_16x16.png");
    width:290px;
}
.hbMessages .ext-mb-status-error{
	border-color: #EA6A31;
	background-color: #F5C4A1;
	background-image: url("../images/message_error_16x16.png");
    width:290px;
}
.hbMessages .ext-mb-status-update{
    border-color: #9199a4;
	background: url("../images/loading.gif") #FDFDFD no-repeat 7px center;
    width:290px;
}


.error,
.errorMsg {
	color: #EA6A31;
}
.errorMsg{
	color: black;
	border-color: #EA6A31;
	background: #F5C4A1 url("../images/message_error_16x16.png") left center no-repeat;
	padding-left: 20px;
	height: 17px;
}

.hbMessages .msgContainer .msgTitle{
	font-weight: bold;
	padding: 3px 5px 2px 5px;
}

.hbMessages .msgContainer .msgText{
	padding: 3px 5px 5px 5px;
}

/**
* edit geometry panel
*/
.editGeometryPanel {
	position: absolute;
	z-index: 2000;
	right: 35px;
	top: 50px;
}
.overviewMapExpanded .editGeometryPanel{
	top: 120px;
}
.editGeometryPanel .x-panel-tl {
	height: 1px;
}

/**********************************************************
	export map tool
**********************************************************/
.exportMapPanel > .x-panel-bwrap > .x-panel-body {
	padding: 10px 10px 0px 10px;
}
.exportMapPanel .statusPanel,
.exportMapPanel .statusPanel .loadingMsg {
	height: 20px;
}

/**********************************************************
	print map tool
**********************************************************/
.printMapPanel > .x-panel-bwrap > .x-panel-body {
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px; 
}
.printMapPanel .printMapLeftCol {
	padding: 5px 5px 5px 5px;
} 
.printMapPanel .printMapRightCol {
	padding: 5px 5px 5px 5px;
}
.printMapPanel .printMapPreview {
	margin: 1px 0px 1px 0px;
}
.printMapPanel .printMapPreview .x-panel-body{
	background-image: url("../images/print-preview.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.printMapPanel .statusPanel .loadingMsg {
	height: 20px;
}

.printMapWindow {
	z-index: 9014 !important;
}

.exportMapWindow {
	z-index: 9014 !important;
}

.comboListOnTop{
	z-index: 9015 !important;
}
/**
 * HB logo
 */
.hb .map .logo-med,
.hb .map .logo-sm{
 	background-image: url("../images/powered-by-hnit-baltic.png");
 	width: 107px;
 	height: 40px;
}

/* error message box
*/
.errMessBoxFront {
	z-index:20003 !important; 
}
.errMessBoxModal {
	z-index:20002 !important;
	background-color: #FFFFFF;
	left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
}
/*
* PolygonField
*/

button.edit_ok {
	background: url('../images/edit_ok.png');
}
	
button.edit_cancel {
	background: url('../images/edit_cancel.png');
}

.identifyExpand {
	background: url('../images/plus_ico.png');
	
}

/*
* Identify
*/
.custom-x-tool {
	background-image: url("../images/tool-sprites.gif");	
    cursor: pointer;
    height: 15px;
    margin-left: 2px;
    overflow: hidden;
    width: 15px;
}		
.custom-x-tool-toggle {
    background-position: 0 -240px;
}
.custom-x-tool-un-toggle {
    background-position: 0 -255px;
}
.identify-cont-hidden {
	display : none;	
}
.identify-serv-cont {
	margin: 5px 3px 5px 20px;
	border:1px solid #D2E6F4;	
}
.identify-obj-title {
	font-size:11px;	
}
.identify-obj-args {
	font-size:11px;	
	margin:0px 4px 4px 4px
}
.identify-zoomInIcon {
	background-position: -466px -5px !important;
}

.ident-td-pad {
	padding: 5px;
}
.ident-geo-edit {
	background: url('../images/geo_edit.png');
	
}

/**
 * hb.ext.measure.MeasureTool
 */
.measurePanel .measureItem {
	display: block;
	margin: 5px 0px 0px 0px;
}
.measurePanel .measureItem .measureArea,
.measurePanel .measureItem .measureLength {
	display: block;
}
.measurePanel .measureItem .measureLabel {
	padding-right: 5px;
}
.measurePanel .measureItem .measureValue {
	padding-right: 5px;
}

.msg-window-simple {
	z-index: 9014 !important;
}

/**
ExtJs Slider
*/
.extSliderCont {
	position: absolute;
	 left: 30px; 
	 top: 55px; 
	 z-index: 100;
}

.extSliderCont .x-slider-vert .x-slider-thumb {
    background-image: url("../images/slider-bg.png");	
}

.extSliderCont .x-slider-vert .x-slider-thumb {
    background-position: -145px 0px;
    bottom: 0;
    height: 14px;
    left: -1px;
    position: absolute;
    width: 25px;
}

.extSliderCont .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
    background-image: url("../images/slider-bg.png");	
}

.extSliderCont .x-slider-vert .x-slider-inner {
    background-position: -112px 0px;
}

.extSliderCont .ZoomInBtn {
	background-image: url("../images/slider-bg.png");	
	background-position: -6px 0px;
	height: 24px;
	width:26px;
	cursor: pointer;
}

.extSliderCont .ZoomOutBtn {
	background-image: url("../images/slider-bg.png");	
	background-position: -41px bottom;
	height: 24px;
	width:26px;
	cursor: pointer;
}


.extSliderCont .x-slider-vert {
    background:none;
    /*
    background-position: -6px 0px;
    padding-top: 24px; */
    width: 22px;
    padding-top: 0px;
}

.extSliderCont .x-slider-vert .x-slider-end {
  	 background:none;
  	 padding-bottom: 0px;
   /*
   	 background-position: -41px bottom;
     padding-bottom: 24px; */
}


.layersDiv svg image{ cursor: pointer; }


/**
 hb Info Window 
 **/

.hbInfoWindow {
  position: absolute;
  z-index: 100;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
 /* -moz-box-shadow: 0 0 1em #D2E6F4; */
  border: 2px solid #A0C9E5;
  font-family: sans-serif;
  font-size: 12px;
  width:220px;
  height:100px;
  background-color:#F9FBFF;
}

.dj_ie .hbInfoWindow {
  border: 1px solid black;
}

.hbInfoWindow .content {
  position: relative;
  background-color:#F9FBFF;
  color:#3D7EA0;
  overflow: auto;
  padding:4px;
}

.hbInfoWindow .close {
  position: absolute; top: 0px; right: 0px;
  cursor: pointer;
  background: url('../images/tabClose.png') no-repeat scroll 0 0 transparent;
  width: 12px; height: 12px;
  margin: 3px 3px 0px 0px;
}

.hbInfoWindow .close:hover, .hbInfoWindow .menuBtn:hover {
  background-color: #F7FCFF;
}

.hbInfoWindow .menuBtn {
  position: absolute; top: 0px; right: 12px;
  cursor: pointer;
  background: url(http://serverapi.arcgisonline.com/jsapi/arcgis/2.4/js/dojo/dijit/themes/claro/form/images/buttonArrows.png);
  background-position: -51px 53%;
  background-repeat: no-repeat;
  width: 15px; height: 15px;
  margin: 3px 3px 0px 0px;
}

.hbInfoWindow .title {
  font-weight: bold;
  padding: 2px 2px 2px 2px;
  background-color:#F9FBFF;
/*  border-bottom: 1px solid #A0C9E5; */
  color:#3D7EA0;
}

/*  text-fields */

.focusTextField{
	border: 1px solid green;	
	
}

.esriScalebar.esriScaleBarBg {	
	background-color:white;	
	opacity:0.6;
	filter:alpha(opacity=60); 	
	z-index: 29;
	height:30px;	
}

.scaleBarContainer .esriScalebar {
    height: 20px;
    position: static;   
   
}

/* Map tools */

.hbmapTool{
	background: url(  '../images/map-tools.png' );
	position: absolute;
	top: 35px;
	z-index: 999;
	cursor:pointer;
}
.hbPrevExtentIcon{background-position: -2px -26px; width:21px; height:13px; left: 18px; }
.hbPrevExtentIconPas{background-position: -2px -45px;}

.hbNextExtentIcon{background-position: -2px -65px; width:21px; height:13px; left: 42px; }
.hbNextExtentIconPas{background-position: -2px -85px;}

.hbFullMapExtent{
	 background-position: 0px -1px; width:25px; height:25px; top: 225px; left: 30px; 	
}

/* map resizer */
.mapContainerFixed
{	
	left:100px;
	top:100px;
	position:fixed;
}




/*   superboxselect   */

.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect input[disabled] {background-color: transparent;};
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url('../images/superbox/clear.png') no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url('../images/superbox/expand.png') no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
.x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
.x-superboxselect-item-close {background: url('../images/superbox/close.png') no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}

/* Combobox show html style */
.ext-comboBox-showHtml {
    visibility : visible;
    padding-top : 1px !important;
    padding-bottom : 1px !important;
    padding-left : 1px !important;
    padding-right : 1px !important;
    float: left;
    position: fixed;
}