/* The stylesheet includes only colors, fonts, etc., for grid */
/* See CSS/grid.css for positioning, layout, etc. */
@media screen
{
	.GridViewStyle
	{
		text-align: left;
		font-size: 11px;
		border: solid 1px #888;
	}

	table.GridViewStyle
	{
		border: solid 1px #888;
	}

	.GridViewStyle table table
	{
		border-width: 0px;
	}

	.GridViewStyle td
	{
		border: dotted 1px #D4D4D4;
	}

	.GridViewStyle select
	{
		font-size: 11px;
		line-height: 10px;
	}

	/*******Header and Pager styles***********/
	.PagerStyle
	{
		background-color: #96A2B6;
		border: solid 1px #888;
		font-size: 11px;
	}

	.HeaderStyle
	{
		background-color: #deeef8;
		font-size: 12px;
		text-align: center;
		border-bottom: dotted 1px #D4D4D4;
	}

	.HeaderStyle th
	{
		color: #818181;
		text-align: center;
		background-color: #EDEFF3;
		border: solid 1px #888;
		font-size: 12px;
	}

	.HeaderStyle a
	{
		text-decoration: none;
		color: #fff;
		text-align: center;
	}

	.HeaderStyle td a:link
	{
		color: #fff;
	}

	.HeaderStyle td a:active
	{
		color: #F8BEBE;
	}

	.HeaderStyle a:visited
	{
		color: gray;
	}

	.HeaderStyle a:hover
	{
		color: #de7910;
	}

	.HeaderStyle td td
	{
		border-bottom: solid 1px #888;
	}

	.PagerStyle
	{
		border-bottom: solid 1px #888;
	}

	.PagerStyle table
	{
		text-align: center;
	}

	.PagerStyle table td
	{
		font-weight: bold;
		border-width: 0px;
	}

	/* The following is the page number next to the down-arrow. */

	select.PagerStyle
	{
		border: solid 1px #888;
	}

	.PagerStyle a
	{
		color: #fff;
		text-decoration: none;
	}

	.PagerStyle span
	{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}

	/*******RowStyles**********/
	/***Each alternating row is different. The two row styles are 'RowStyle' and 'AltRowStyle'**********/
	.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td
	{
		border: dotted 1px #D4D4D4;
	}

	/* NOTE: FireFox renders the below rule differently than IE8. IE8 does not show border in the columns.*/
	.RowStyle td
	{
		background-color: #fff;
		border: dotted 1px #D4D4D4;
	}

	.RowStyle td td
	{
		border-style: none;
		border-width: 0px;
		border-color: #cadeea;
		background-color: #EEF4F8;
	}

	.RowStyle td th
	{
		border-style: none;
		border-width: 0px;
		border-color: #cadeea;
		background-color: #D5E5EE;
	}

	.RowStyle a:link
	{
		text-decoration: none;
		color: #36393d;
	}

	.RowStyle a:active
	{
		text-decoration: none;
		color: #36393d;
	}

	.RowStyle a:visited
	{
		text-decoration: none;
		color: #36393d;
	}

	.RowStyle a:hover
	{
		text-decoration: none;
		color: #356aa0;
	}

	/* Alternating Rows */
	.AltRowStyle td
	{
		background-color: #ECF0F3;
		border: dotted 1px #D4D4D4;
	}

	.AltRowStyle td td
	{
		border-style: none;
		border-width: 0px;
		border-color: #cadeea;
		background-color: #F2F7FA;
	}

	.AltRowStyle a:link
	{
		text-decoration: none;
		color: #36393d;
	}

	.AltRowStyle a:active
	{
		text-decoration: none;
		color: #36393d;
	}

	.AltRowStyle a:visited
	{
		text-decoration: none;
		color: #36393d;
	}

	.AltRowStyle a:hover
	{
		text-decoration: none;
		color: #356aa0;
	}

	.AltRowStyle td td
	{
		border-color: #cadeea;
	}

	.AltRowStyle td th
	{
		border-width: 0px;
		border-style: none;
		border-color: #cadeea;
		background-color: #d5e5ee;
	}

	.AltRowStyle td table tr td table
	{
		background-color: #eef4f8;
	}

	.SelectedRowStyle td
	{
		background-color: #ffff66;
	}

	/* Use SubGrid, when you want to indent the grid*/

	.SubGrid
	{
		text-align: left;
	}

	/**** The following grid styles are used on the controls. */
	.ControlGridViewStyle
	{
		text-align: center;
		padding: 2px;
		margin: 0;
		font-size: 10px;
		overflow: auto;
		border: solid 1px #888;
		width: 650px;
		text-transform: capitalize;
	}

	.ControlGridViewStyle table
	{
		border: solid 1px #888;
		overflow: auto;
	}

	.ControlGridViewStyle td
	{
		padding-left: 4px;
		text-align: center;
		border: solid 1px #888;
	}

	.ControlGridViewStylePossessions
	{
		border-collapse: collapse;
		text-align: left;
		padding: 0;
		margin: 0;
		font-size: 11px;
		overflow: auto;
		border: solid 1px #888;
		width: 650px;
	}

	table.ControlGridViewStyle
	{
		border: solid 1px #888;
		overflow: auto;
	}

	.ControlGridViewStyle table table
	{
		border-width: 0px;
	}

	.ControlGridViewStyle td
	{
		border: solid 1px #888;
	}

	.ControlGridViewStyle select
	{
		font-size: 11px;
		line-height: 10px;
	}

	.ControlPagerStyle
	{
		background-color: #96A2B6;
		border: solid 1px #888;
		font-size: 11px;
	}

	.ControlHeaderStyle
	{
		background-color: #deeef8;
		font-size: 12px;
		text-align: center;
		border-bottom: solid 1px #888;
	}

	.ControlHeaderStyle th
	{
		color: #818181;
		text-align: center;
		background-color: #EDEFF3;
		border: solid 1px #888;
		font-size: 12px;
	}

	.ControlHeaderStyle a
	{
		text-decoration: none;
		color: #fff;
		text-align: center;
	}

	.ControlHeaderStyle td a:link
	{
		color: #fff;
	}

	.ControlHeaderStyle td a:active
	{
		color: #F8BEBE;
	}

	.ControlHeaderStyle a:visited
	{
		color: gray;
	}

	.ControlHeaderStyle a:hover
	{
		color: #de7910;
	}

	.ControlHeaderStyle td td
	{
		border-bottom: solid 1px #888;
		text-align: center;
	}

	.ControlPagerStyle
	{
		border-bottom: solid 1px #888;
	}

	.ControlPagerStyle table
	{
		text-align: center;
	}

	.ControlPagerStyle table td
	{
		font-weight: bold;
		border-width: 0px;
		text-align: center;
	}

	select.ControlPagerStyle
	{
		border: solid 1px #888;
	}

	.ControlPagerStyle a
	{
		color: #fff;
		text-decoration: none;
	}

	.ControlPagerStyle span
	{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}

	.ControlRowStyle td, .ControlAltRowStyle td, .ControlSelectedRowStyle td, .ControlEditRowStyle td
	{
		border: solid 1px #888;
		text-align: center;
	}

	/* NOTE: FireFox renders the below rule differently than IE8. IE8 does not show border in the columns.*/
	.ControlRowStyle td
	{
		background-color: #fff;
		border: solid 1px #888;
		text-align: center;
	}

	.ControlRowStyle td td
	{
		border-style: none;
		border-width: 0px;
		background-color: #EEF4F8;
		text-align: center;
	}

	.ControlRowStyle td th
	{
		border-style: none;
		border-width: 0px;
		background-color: #D5E5EE;
		text-align: center;
	}

	.ControlRowStyle a:link
	{
		text-decoration: none;
		color: #36393d;
	}

	.ControlRowStyle a:active
	{
		text-decoration: none;
		color: #36393d;
	}

	.ControlRowStyle a:visited
	{
		text-decoration: none;
		color: #36393d;
	}

	.ControlRowStyle a:hover
	{
		text-decoration: none;
		color: #356aa0;
	}

	.ControlAltRowStyle td
	{
		background-color: #ECF0F3;
		border: solid 1px #D4D4D4;
		text-align: center;
	}

	.ControlAltRowStyle td td
	{
		border: solid 1px #888;
		background-color: #F2F7FA;
		text-align: center;
	}

	.ControlAltRowStyle a:link
	{
		text-decoration: none;
		color: #36393d;
	}

	.ControlAltRowStyle a:active
	{
		text-decoration: none;
		color: #36393d;
	}

	.ControlAltRowStyle a:visited
	{
		text-decoration: none;
		color: #36393d;
	}

	.ControlAltRowStyle a:hover
	{
		text-decoration: none;
		color: #356aa0;
	}

	.ControlAltRowStyle td
	{
		border: solid 1px #888;
		text-align: center;
	}

	.ControlAltRowStyle td td
	{
		border: solid 1px #888;
		text-align: center;
	}

	.ControlAltRowStyle td th
	{
		border: solid 1px #888;
		background-color: #d5e5ee;
		text-align: center;
	}

	.ControlAltRowStyle td table tr td table
	{
		background-color: #eef4f8;
		text-align: center;
	}

	.ControlSelectedRowStyle td
	{
		background-color: #ffff66;
		text-align: center;
	}
}