div.DynamicGrid  {
   margin-left:50px;
   margin-top:50px;
}

table.DynamicGrid  {
	border-collapse: collapse;
    border-spacing: 0;
   
    background: rgb(255,255,255);
    font-size: 0.7rem;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}

table.DynamicGrid tbody{
	
}

table.DynamicGrid th{
    -moz-user-select: none;

    color: #2d2c2c;
    font-weight: 400;
    padding: 8px 5px;
    text-align: left;
    height: 1rem; 
	font-size: 0.9rem;
    font-weight: 500;
}

table.DynamicGrid th.Title{
	font-family: "Dosis", sans-serif;
	font-size: 1.2rem;
	font-weight: 300;

	background-color: #333333;
	color:#FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);

	text-transform: uppercase;
	transition: all .1s ease;
	text-align:center;
}

table.DynamicGrid th a,
table.DynamicGrid th a:active,
table.DynamicGrid th a:link,
table.DynamicGrid th a:visited,
table.DynamicGrid th a:hover {
	text-decoration:none;
	color: #2d2c2c;
}

table.DynamicGrid th:hover {
	background: rgba(200,200,200,.4);
}

table.DynamicGrid tr{
	height: 1.5rem; 
	box-shadow: 0 1px 0 0 rgba(200,200,200,.2);
}

table.DynamicGrid tbody tr:hover td{
	background: rgba(200,200,200,.4);
}

table.DynamicGrid tbody tr.Selected td{
	background: rgba(200,200,200,.4);
}


table.DynamicGrid td a,
table.DynamicGrid td a:active,
table.DynamicGrid td a:link,
table.DynamicGrid td a:visited,
table.DynamicGrid td a:hover {
	text-decoration:underline;
	color:rgb(51,51,51);
}

table.DynamicGrid td{
    background: transparent none repeat scroll 0 0;
    padding: 1px 5px;
    color:rgb(51,51,51);
}

table.DynamicGrid span.UpArrow{
	width:11px;
	height:18px; 
	display:inline-block;
	padding-left:5px;
	background-image:url('../images/DataGrid-UpArrow.png');
}

table.DynamicGrid span.DownArrow{
	width:11px;
	height:18px; 
	display:inline-block;
	padding-left:5px;
	background-image:url('../images/DataGrid-DownArrow.png');
}


table.DynamicGrid  input{
	border:0;
	background: transparent;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
}

table.DynamicGrid  input.DynamicGrid-AutoCombo-Input{
	border:0;
	background: transparent;
	width:100%;
	min-width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
	font-weight: normal;
}

.DynamicGrid-AutoCombo-Toggle{
	position: absolute;
	margin-left: -30px;
	height:24px;
}

table.DynamicGrid  input.Editing{
	border:0;
	background: #ffffff;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
}

table.DynamicGrid  textarea{
	border:0;
	background: transparent;
	resize:both;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
}

table.DynamicGrid  textarea.Editing{
	border:0;
	background: #ffffff;
	resize:both;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
}

table.DynamicGrid  select{
	border:0;
	background: transparent;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
	padding-right:20px;
}

table.DynamicGrid  select.Editing{
	border:0;
	background: #ffffff;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
}

table.DynamicGrid  tr.Splitter{
	height: 0.2rem;
}

table.DynamicGrid td.Splitter{
	
}

table.DynamicGrid  div.Expander{
	 background-image: url("images/expand.png");
	 background-repeat: no-repeat;
	 background-size: 0.8rem;
	 width: 0.8rem;
	 height:  0.8rem;
}

table.DynamicGrid  div.Expander.Expanded{
	 background-image: url("images/colapse.png");
}


/* Full Height */
div.DynamicGrid.FullHeight{
	height:100%;
}

table.DynamicGrid.FullHeight{
	height: auto;
}

table.DynamicGrid tr.BufferRow, tr.BufferRow:hover{
	height: auto;
	background: rgb(255,255,255);
}

table.DynamicGrid tr.BufferRow td:hover{
	background: rgb(255,255,255);
}

/* End FullHeight */ 


/* Filters */
table.DynamicGrid.Filters{
	border-collapse: collapse;
    border-spacing: 0;
 
    background: rgb(255,255,255);
    font-size: 0.8rem;
}

table.DynamicGrid.Filters th{
	font-family: "Dosis", sans-serif;
	font-size: 1rem;
	font-weight: 300;

	background-color: #333333;
	color:#FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);

	text-transform: uppercase;
	transition: all .1s ease;
	text-align:center;
}

table.DynamicGrid.Filters div.SearchButton{
	width:25px;
	height:25px; 
	background-image:url('../images/DataGrid-Search.png');
	margin:0;
	padding:0; 
	cursor: pointer;
}

table.DynamicGrid.Filters tr td{

}

table.DynamicGrid.Filters input{
	font-size: 0.7rem;
	border: 1px solid #a3aeaf;
	width: auto;
}

table.DynamicGrid.Filters label{
	font-weight: 500;
	width: auto;
}

/* Navigation */

table.DynamicGrid.Navigation{
    background: none;
    font-size: 0.8rem;
	width:100%;
}

table.DynamicGrid.Navigation tbody {
    border: 0;
}

td.DynamicGridHidden,
th.DynamicGridHidden{
	display: none;
}

/* Toolbar */ 
div.DynamicGrid.Toolbar{
	padding-bottom:10px;
}