/*
   tables.css - v0.1
   MKM UI Framework
   
   Created by Dave Waller on 2011-11-23.
   Copyright 2012 MyKnowledgeMap Ltd. All rights reserved.
*/

.datagrid {
	font-size: 12px;
	margin: 20px 0 10px;
}
.datagrid th,
.datagrid td {
	padding: 6px;
	text-align: left;
}
.datagrid th {
	background-color: #666;
	color: #eee;
	font-size: 14px;
}
.datagrid td {
	border-bottom: 1px solid #ccc;
}
.datagrid tr.hover{
	background-color:#efefef;
}
div.filter{
	height:20px;
	padding-left:20px;
	float:right;
	background-image:url(../images/filter-bar-bg.png);
	background-position:left;
	background-repeat:no-repeat;
}
div.filter input{
	display:inline-block;
	float:left;
	width:130px;
	height:15px !important;
	font-size:11px;
	line-height:11px;
	background-color:none;
	border:none;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:3px 0px 0px 0px;
	margin:0px;
	outline: none;
}
div.filter input.focus{
	border:none;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	color: #333;
	outline: none;
}
div.filter a{
	display:inline-block;
	float:left;
	width:20px;
	height:20px;
	background-image:url(../images/filter-bar-bg.png);
	background-position:right;
	background-repeat:no-repeat;
}
div.filter a span{
	display:none;
}