@media screen and (-webkit-min-device-pixel-ratio:0) {
	 .history-grid-cell  div, .history-grid-cell .x-grid-cell-inner::before    
	 {
	 	padding: 0px !important;
	 	white-space:normal;
	 	border:none !important;
	 	height:100%;
	 	display:grid;
	 	min-height:55px;
	 }
 }
 @-moz-document url-prefix() {
	 .history-grid-cell  div, .history-grid-cell .x-grid-cell-inner::before    
	 {
	 	padding: 0px !important;
	 	white-space:normal;
	 	border:none !important;
	 	height:100%;
	 	display:grid;
	 	min-height:55px;
	 }
	 .x-grid-row {
	 	height:100%;
	 }
 }
 .coloured {
 	background: #ECF3F6 !important;
 },
 .x-grid-dirty-cell {
 	background:none !important;
 }
 
 .primaryAuthor{
 	background: gold !important;
 }
  .history-grid-cell-attachments  div, .history-grid-attachemnt .x-grid-cell-inner::before    
 {
 	padding: 0px !important;
 	white-space:normal;
 	border:none !important;
 	text-align:right !important;
 }
 .historyGrid .x-grid-item   
 {
 	border-style:none !important;
 	padding: 0px !important;
 }
  .historyGrid .x-grid-item-alt, .historyGrid .x-grid-item-over 
 {
 	background-color:white !important;
 	border:none;
 }
 
 .historyGrid .x-grid-td 
 {
 	padding: 0px 0px 0px 5px !important;
 	height: 100%;
 }
 .history-grid-cell-attachments .x-action-col-icon
 {
    margin-right: 0px !important;
 }
 
 .x-grid-cell-last .x-action-col-icon
 {
    margin-right: 4px !important;
 }
 .top-panel .x-panel-body-default,  .top-panel-login .x-panel-body-default
 {
 	background-color:#94ab3b !important;
 	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+33,b7df2d+100;Green+3D+%234 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#94ab3b+0,9aaa57+33,b7df2d+100 */
background: #94ab3b; /* Old browsers */
background: -moz-linear-gradient(top, #94ab3b 0%, #9aaa57 33%, #b7df2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #94ab3b 0%,#9aaa57 33%,#b7df2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #94ab3b 0%,#9aaa57 33%,#b7df2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94ab3b', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */

 }
.top-panel 
 {

 	 -webkit-box-shadow: 0px 6px 17px -8px rgba(0,0,0,0.44) !important;
-moz-box-shadow: 0px 6px 17px -8px rgba(0,0,0,0.44) !important;
box-shadow: 0px 6px 17px -8px rgba(0,0,0,0.44) !important;
 	color:white;
 	z-index:10;
 }
 
 .toptoolbar {
 	background-color: transparent !important;
 }

 .center-region .x-panel-body-default {
 	background: url('../images/tlo/2.jpg') !important;
 	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
 }
  .x-hidden-visibility {
	display:none;
 }
 
  .markupCombo .x-form-item-label-default
 {
 	color: #ffffff; 
 }
 
  .markupLabel .x-form-item-label-default 
 {
 	color: #ffffff;
 	padding-left:10px;
 	width:55px !important;
 }
 
   .markLabel  
 {
 	color: #ffffff;
 	top:5px !important;
 	margin-left:15px;
 }
 
 .x-boundlist-item .chkbox {
    background: url(ext/src/ux/css/images/unchecked.gif) no-repeat;
 }
.x-boundlist-selected .chkbox{
    background: url(ext/src/ux/css/images/checked.gif) no-repeat;
 }
 .multiCheckText{
    margin-left: 20px;
 }
 .x-grid-empty {
 	text-align:center;
 }
  .downloadButton {
 	width:120px !important;
 	float:right !important;
 }
 #map2 {
    -webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-khtml-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
 	user-select:none;
 }
 #map1 {
    -webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-khtml-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
 	user-select:none;
 }
 .discContainer {
 	margin: 5px 5px !important;
 }
 .confirmLabel {
 	top:30px !important;
 }
 #myCaptcha {
 	left: 135px !important;
 }
 #rightControlsLegend {
	width: 288px;
	height: 30px;
	float: right;
	margin-right: -215px;
	cursor: pointer;
	background: #453226;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	color: #fff;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	padding-top: 10px;
	padding-left: 12px;
	pointer-events:all;
}
#rightControlsLegendContent {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color:white;
	border-bottom: 1px solid #453226;
	border-top: 1px solid #453226;
    border-left: 1px solid #453226;
}
.zonelegend .x-grid-item-alt, .zonelegend .x-grid-item-over 
{
 	background-color:white !important;
 	border:none;
}

.zonelegend .x-grid-item 
{
 	background-color:white !important;
 	border:none !important;
 	border-color:white !important;
}
 
.marked-area-label {
	color:white;
}
 
#rightControls {
	position: absolute;
	display: block;
	width: 290px;
	height: auto;
	right: 0px;
	margin-top: 20px;
	border: 0px;
	z-index: 1000;
	font-family: Arial, Verdana;
	/*-webkit-user-select: none;*/
	/*-moz-user-select: none;*/
	/*-ms-user-select: none;*/
	/*user-select: none;*/
	/*pointer-events:none;*/  
}

.map-legend-shared-zone {
	background-image: url("../legend/info-sign.png") !important;
}
.x-mask {
	z-index:1000 !important;
} 
tspan {
    text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff !important;
}
html.ie7 tspan,
html.ie8 tspan,
html.ie9 tspan {
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1);
    zoom: 1;
}