/*This does not appear to be necessary, in the current implementation, 
	if the text box is not filling out the row correctly see the input.kgCellText comments*/


/*

input[type="text"].kgCellText {
	position: absolute;
	right: 0px;
	left: 0px;
	width: auto;
	outline: none;
	box-shadow: none;
}

*/

/*Not using this right now:*/

/*

.kgRow.selected input[type="text"] {
	border: 1px gray solid;
}

*/

	/*This formats the grid text boxes*/
.kgCell input.kgCellText {

	/*Alignment
		These settings properly align the text box within a cell*/
		left: 1px;
		right: 1px;
		position: absolute;

		/* Override the width and height set by bootstrap, we want the text box to adjust to the size of the cell.*/
		width: auto;
		height: auto;


	/*Styling */
		/* Override a radius specified by some other stylesheet.
		I don't know what style sheet is doing this or why.*/
		border-radius: 0;

		/*A light border around the text box helps to distiguish cells, 
			we override this when the cell is selected.*/
		border: 1px #dddddd solid;

		/*We don't want to see an outline,
			some other stylesheet may have set this,
			but I don't think we need this line.*/
		/*outline: none;*/
}

.kgCell input.kgCellText:focus {

	/*Styling 
		just to make it look nice.*/

		/*This effectivly highlights the selected cell*/
		border: 1px gray solid;
	
		/*We don't want to see an outline,
			some other stylesheet may have set this,
			but I don't think we need this line.*/
		/*outline: none;*/

		/* Override a radius specified by some other stylesheet.
		I don't know what style sheet is doing this or why.*/
		border-radius: 0;

}