/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-viewport{-webkit-overflow-scrolling:touch;}
.geo-grid, .mini-grid {
   background: white;
   outline: 0;
   font-family:'Droid Sans',Tahoma, Verdana;
   font-size:12px;
}
.grid-container {
	float:left;
	padding-bottom:10px;
	width:100%;
}
.grid-header {
	border: 1px solid gray;
	border-bottom: 0;
	border-top: 0; 
	color: black;
	height: 24px;
	line-height: 24px;
}	

.slick-cell-checkboxsel {
	background: #f0f0f0;
	border-right-color: silver;
	border-right-style: solid;
}


.cell-title {
	font-weight: bold;
}

.cell-effort-driven {
	text-align: center;
}

.cell-selection {
	border-right-color: silver;
	border-right-style: solid;
	background: #f5f5f5;
	color: gray;
	text-align: right;
	font-size: 10px;
}

.slick-row.italic .slick-cell {
  font-style: italic;
}
.slick-row.slick-sel .cell-selection {
	 background-color: transparent; /* show default selected row background */
}


.grid-header label {
	display: inline-block;
	font-weight: bold;
    margin: auto auto auto 6px;
}

.grid-container .grid-header .ui-icon {
    margin: 4px 4px auto 6px;
    background-color: transparent;
    border-color: transparent;
}

.grid-container .grid-header .ui-icon.ui-state-hover {
    background-color: white;
}

.grid-header #txtSearch {
	margin: 0 4px 0 4px;
	padding: 2px 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid silver;
}

.grid-container .slick-header.ui-state-default, .grid-container .slick-headerrow.ui-state-default, .grid-container .slick-footerrow.ui-state-default  {
	width: 100%;
	overflow: hidden;
	border-left: 0px;
	background: url('/icons/list_td_head_gray.png') repeat-x scroll 0 0 #e3e3e3;
	border:none;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.slick-header-columns, .slick-headerrow-columns,.slick-footer-columns, .slick-footerrow-columns {
	width: 999999px;
	position: relative;
	white-space: nowrap;
	cursor: default;
	overflow: hidden;
}



.grid-container .slick-header-column.ui-state-default {
	position: relative;
	display: inline-block;
	*display: inline; zoom:1;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 4px;
	border:none;
	border-right: 1px solid silver;
	background: url('/icons/list_td_head_gray.png') repeat-x scroll 0 0 #e3e3e3;
	float: left;
	font-weight:normal;
	color:#555555;
}
.grid-container .slick-header-column-sorted {
	font-weight:bold;
}

.slick-edit-indicator {
  background: url("/icons/edit_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  *display:inline;
  zoom:1;
  height: 14px;
  margin-left: 1px;
  position: absolute;
  width: 14px;
}
.slick-sort-indicator {
	display: inline-block;
	width:0px;
	height: 10px;
	margin-left: 4px;
}

.slick-sort-indicator-desc {
	background: url(/icons/sort-desc.gif) no-repeat left center;
	width: 16px;
}

.slick-sort-indicator-asc {
	background: url(/icons/sort-asc.gif) no-repeat left center;
	width: 16px;
}

.slick-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	cursor: col-resize;
	width: 4px;
	right: 0px;
	top: 0;
	height: 100%;
}

.slick-sortable-placeholder {
	background: silver;
}

.grid-canvas {
	position: relative;
	outline: 0;
}

.grid-container .slick-row.ui-widget-content, .grid-container  .slick-row.ui-state-active {
	position: absolute;
	border: 0px;
}

.slick-cell a{
  color:#1768B9; 
}
.slick-cell, .slick-headerrow-column,.slick-footerrow-column  {
	float: left;

	border: 1px solid transparent;
	border-right: 1px dotted silver;
	border-bottom-color: silver;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	z-index: 1;
	padding: 1px 2px 2px 1px;
    margin: 0;
    
	white-space: nowrap;

	cursor: default;
}

#grid.grouped .slick-group .slick-cell:first-child span.wrap:first-child{
  visibility:visible!important;
}
#grid.grouped .slick-row .slick-cell:first-child span.wrap:first-child{
  visibility:hidden;
}
.slick-group-title{
 padding-left:0!important;
 }
.slick-group .slick-cell {
    cursor:pointer;
}
.slick-group-toggle {
  display: inline-block;
  float: left;
  height: 22px;
  margin-right: 10px;
  width: 16px;
  cursor:pointer;
}
.slick-group-toggle.expanded {
    background: url("/icons/minimize-all.png") no-repeat scroll center center transparent;
}
.slick-group-toggle.collapsed {
    background: url("/icons/expand-all.png") no-repeat scroll center center transparent;
}

.slick-cell.highlighted {
    background: lightskyblue;
    background: rgba(0,0,255,0.2);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.slick-cell.flashing {
    border: 1px solid red !important;
}

.slick-cell.editable {
  border-color: #0038FF;
  border-style: solid;
  box-shadow: 0 0 10px #0038FF;
  overflow: visible;
  z-index: 2147483647 !important;
}

.slick-cell.berror {
  border-color: #FF0000;
  border-style: solid;
  box-shadow: 0 0 10px #FF0000;
  overflow: visible;
  z-index: 2147483647 !important;
}

.slick-cell:focus {
	outline: none;
}

.slick-reorder-proxy {
	display: inline-block;
	background: blue;
	opacity: 0.15;
	filter: alpha(opacity=15);
	cursor: move;
}

.slick-reorder-guide {
	display: inline-block;
	height: 2px;
	background: blue;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.slick-selection {
    z-index: 10;
    position: absolute;
    border: 2px dashed black;
}

.slick-header-columns {
    background: url('/icons/list_td_head_gray.png') repeat-x scroll 0 0 #e3e3e3;
}

.slick-header-column {
    background: url('/icons/list_td_head_gray.png') repeat-x scroll 0 0 #e3e3e3;
    border-right: 1px solid silver;
    font-size:13px;
    cursor:move;
}

.no-toggle{
  cursor:auto;
}

.slick-headerrow {
    background: #fafafa;
}

.slick-headerrow-column {
    background: #fafafa;
    border-bottom: 0;
    height: 100%;
}

.slick-footerrow {
    background: #fafafa;
}

.slick-footerrow-column {
    background: #fafafa;
    border-bottom: 0;
    height: 100%;
}

.grid-container .slick-row.ui-state-active {
    background: #F5F7D7;
}

.slick-row {
    position: absolute;
    background: white;
    border: 0px;
    line-height: 20px;
}

.slick-row.slick-sel {
    z-index: 10;
    background: #DFE8F6;
}

.slick-cell {
    padding-left: 4px;
    padding-right: 4px;
} 

.slick-cell span.checkcircle {
	vertical-align:middle;
	text-align:center;
	background: transparent url(/icons/check-circle-1.png) no-repeat center center;
} 
.geo-grid div.slick-row.even div.slick-cell.slick-sel, .geo-grid div.slick-row.odd div.slick-cell.slick-sel{
    background-color: beige;
}
.geo-grid div div.slick-cell.left:first-child{
	border-left: 1px dotted silver;
}

.slick-sortable-placeholder {
    background: silver!important;
}

.slick-row[row$="1"], .slick-row[row$="3"], .slick-row[row$="5"], .slick-row[row$="7"], .slick-row[row$="9"] {
    background: #fafafa;
} 
.slick-row[row$="0"], .slick-row[row$="2"], .slick-row[row$="4"], .slick-row[row$="6"], .slick-row[row$="8"], .slick-row[row$="10"] {
    background: #ffffff;
} 

.grid-container .slick-row.ui-state-active {
    background: #F5F7D7;
}

.slick-row.loading {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.datagrid .highlight div{
	background-color:#b3d9ff;		
}
.geo-grid .highlight div, .mini-grid .highlight div{
	background-color:#b3d9ff!important;
}

.geo-grid div.slick-cell span.wrap{display:block;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.geo-grid div.slick-cell span.wrap.error{padding-left:0;} 
.geo-grid div.slick-row.even div.slick-cell{background-color:#FFF;}
.geo-grid div.slick-row.odd div.slick-cell{background-color:#F5F8FA;}

 
.slick-cell.invalid {
	border-color: red;
}

.slick-cell.left_align {
	text-align:left;
}
.slick-cell.right_align {
	text-align:right;
}

.loading-indicator {
			position:relative;
			display: inline-block;
			padding: 12px;
			background: white;
			-opacity: 0.5;
			color: black;
			font-weight: bold;
			z-index: 9999;
			border: 1px solid #6a6a6a;
			border-radius: 5px 5px 5px 5px;
    		box-shadow: 2px 2px 2px #595959;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-box-shadow: 0 0 5px #6a6a6a;
			-webkit-box-shadow: 0px 0px 5px #6a6a6a;
			-text-shadow: 1px 1px 1px white;
		}

		.loading-indicator label {
			padding-left: 20px;
			background: url('/icons/ajax-loader-small.gif') no-repeat center left;
			font-size:12px;
		}
		.slick-header-columns div.slick-header-column.center {
		 text-align:center;
		}
		.grid-canvas div.slick-cell.center {
		 text-align:center;
		}
		.grid-canvas div.flag {
	vertical-align:middle;
	text-align:center;
	background: transparent url(/icons/smallIcon_Flag.png) no-repeat center center;
	width:100%;
}
.grid-canvas div.checkcircle {
	vertical-align:middle;
	text-align:center;
	background: transparent url(/icons/check-circle-1.png) no-repeat center center;
	width:100%;
}

.grid-canvas div.tsgood{
  vertical-align:middle;
  text-align:center;
  width:100%;
  height:16px;
  background: transparent url(/icons/grid_thumbgreen.png) no-repeat center center;
  position:relative;
  top:3px;
}
.grid-canvas div.tsbad{
  vertical-align:middle;
  text-align:center;
  width:100%;
  height:16px;
  background: transparent url(/icons/grid_thumbred.png) no-repeat center center;
  position:relative;
  top:3px;
}
.grid-canvas div.tsokay{
  vertical-align:middle;
  text-align:center;
  width:100%;
  height:16px;
  background: transparent url(/icons/grid_thumbblue.png) no-repeat center center;
  position:relative;
  top:3px;
}
.grid-canvas div.tsdbad{
  vertical-align:middle;
  text-align:center;
  width:100%;
  height:16px;
  background: transparent url(/icons/grid_sdred.png) no-repeat center center;
  position:relative;
  top:3px;
}

.grid-canvas div.tsdgood{
  vertical-align:middle;
  text-align:center;
  width:100%;
  height:16px;
  background: transparent url(/icons/grid_sdgreen.png) no-repeat center center;
  position:relative;
  top:3px;
}

.grid-canvas div.grid-row-new {
	font-weight:bold;
}
.grid-controls-left {
 	float:left;
}
.grid-controls-right {
 	float:right;
}
.ctrl_block {
    padding-bottom:8px;
 	float:left;
 	font-size:12px;
}
.ctrl_block a.searchbtn { 
	background:url("/icons/magnifying-glass-1.png") no-repeat scroll 3px 0 transparent;
	padding-left:20px;
	color:#5f5e5f;
	font-weight:bold;
	text-decoration:none;
}
.ctrl_block a#expand-search { 
    float:left;
}
.ctrl_block dl.srchbyid {
 	float:left;
 	margin: 0 0 0 25px;
 	width:auto;
}
.ctrl_block dl.srchbyid dt {
 	float:left;
 	padding:0;
}
.ctrl_block dl.srchbyid dt label {
	color:#5f5e5f;
}
.ctrl_block dl.srchbyid dd {
 	float:left;
 	padding:0 0 0 5px;
}
.ctrl_block dl.srchbyid dd input {
 	height:12px;
 	margin-top:-8px;
}
.ctrl_block a.savesearchbtn { 
	background:url("/icons/save_search_icon.gif") no-repeat scroll 3px 0 transparent;
	padding-left:24px;
	color:#5f5e5f;
	font-weight:bold;
	text-decoration:none;
}
.ctrl_block a.copybtn { 
	background:url("/icons/control_copy_icon.png") no-repeat scroll 3px 0 transparent;
	padding-left:22px;
	color:#5f5e5f;
	font-weight:bold;
	text-decoration:none;
}
.ctrl_block a.deletebtn { 
	background:url("/icons/trash-1.png") no-repeat scroll 3px 0 transparent;
	padding-left:22px;
	color:#5f5e5f;
	font-weight:bold;
	text-decoration:none;
}
.ctrl_block a {
	margin-left:5px;
}
.slick-column-name{}
.slick-header-columns div.slick-header-column.column-img .slick-column-name {
	display: inline-block;
}
.slick-header-columns div.slick-header-column.column-img .slick-sort-indicator {
	padding-bottom:5px;
}
.slick-header-columns div.slick-header-column.column-img .column-bcastemergency {
	display: inline-block;
	width:16px;
	height:16px;
	background: url("/icons/ico_alert.png") no-repeat center transparent;
}
.slick-header-columns div.slick-header-column.column-img .column-critical {
	display: inline-block;
	width:16px;
	height:16px;
	background: url("/icons/smallIcon_Flag.png") no-repeat center transparent;
}
.slick-header-columns div.slick-header-column.column-img .column-actions {
	display: inline-block;
	width:16px;
	height:16px;
	background: url("/icons/gear-1.png") no-repeat center transparent;
}

.slick-footerrow-columns .total_row{border:none; background:none;}
.total_cell{color:#000; text-align:right; padding-top:4px; display:block;text-overflow:ellipsis;white-space: nowrap;overflow:hidden; }
.total_label_cell{color:#000;text-align:left; padding-top:4px; padding-left:5px;display:block;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;  }
input.editor-text[type="text"] {  border: 0 none;  height: 19px;  margin-left: -3px;  padding-left: 4px; border-radius:0;}
.cell-reorder {     cursor: move;      background: url("/icons/drag-handle.png") no-repeat center center;    }
.slick-helper{position: absolute;*display:inline-block;zoom:1; display: inline-block; padding: 4px 10px; background: #e0e0e0; border: 1px solid gray; z-index: 99999;}