﻿
.mGrid 
{
	background-color: #fff;
	margin: 5px 0 10px 0; 
	border: solid 1px #c1c1c1;
	border-collapse:collapse;
}  

.mGrid td 
{
	padding: 3px; 
	border: solid 1px #c1c1c1; 
	font-size:100%;
}  

.mGrid th 
{
	height:26px;
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #1D6EAF;
	color:#ffffff !important;
	border: 1px solid #000!important;
}
.mgrid th a
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#ffffff !important;
}
.mgrid .sortasc { background-color: #fffacd; }
.mgrid .sortdesc { background-color: #fffacd; }
.mgrid th.sortasc a { background:url(../img/asc.gif) right center no-repeat; }
.mgrid th.sortdesc a { background:url(../img/desc.gif) right center no-repeat; }

.mGrid td a 
{
	text-decoration: none;
}  

.mGrid td a:hover 
{
	text-decoration:underline; 
	cursor:pointer;
}

.mGrid .alt 
{ 
	background-color: #F5FBFD; 
}  

.mGrid .pgr 
{ 
	background:#ADD6FF url('../images/gridcol0_bg.png'); 
	background-repeat:repeat-x; 
}  

.mGrid .pgr table 
{ 
	margin: 2px 0;
}
  
.mGrid .pgr td 
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	border: 0px solid #c7c7c7;
	margin-right:2px; 
	padding: 2px; 
	color: #ffffff; 
	line-height: 12px; 
	text-align:center;
}     

.mGrid .pgr a 
{ 
	text-decoration: none; 
}  

.mGrid .pgr a:hover 
{ 
	color: #ffffff; 
	text-decoration: none; 
} 

.grid_col0
{
	background:#ADD6FF url('../images/gridcol0_bg.png'); background-repeat:repeat-x;
	font-size:14px;
	font-weight:bold;
	color:#10428C;
	}

.gridfooter 
{
	height:26px;
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #1D6EAF;
	color: #fff;
	border: 1px solid #000!important;
}


.headerrow {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #1D6EAF !important;
	color: #fff;
	border: 1px solid #000!important;
}
.headerrow-left {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #1D6EAF !important;
	color: #fff;
	border: 1px solid #000!important;
	border-right: 0px solid #000!important;
}
.headerrow-right {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #1D6EAF !important;
	color: #fff;
	border: 1px solid #000!important;
	border-left: 0px solid #000!important;
}
.headerrow-middle {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #1D6EAF !important;
	color: #fff;
	border: 1px solid #000!important;
	border-right: 0px solid #000!important;
	border-left: 0px solid #000!important;
}

.headerrow-green {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #379023 !important;
	color: #fff;
	border: 1px solid #000!important;
}

.headerrow-lightgreen {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #99FF99 !important;
	color: #000;
	border: 1px solid #000!important;
}
.headerrow-grey {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #666666 !important;
	color: #fff;
	border: 1px solid #000!important;
}

.headerrow-lightgrey {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #AFAFAF !important;
	color: #000;
	border: 1px solid #000!important;
}
.headerrow-orange {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #F36A20 !important;
	color: #fff;
	border: 1px solid #000!important;
}

.headerrow-lightorange {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #FFCC66 !important;
	color: #000000;
	border: 1px solid #000!important;
}
.headerrow-yellow {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #ffff00 !important;
	color: #000;
	border: 1px solid #000!important;
}

.headerrow-yellowwarning {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #ffff00 !important;
	color: #ff0000;
	border: 1px solid #000!important;
}

.headerrow-lightyellow {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #FFFF99 !important;
	color: #000;
	border: 1px solid #000!important;
}

.headerrow-purple {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #090012 !important;
	color: #fff;
	border: 1px solid #fff!important;
}

.headerrow-lightblue {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #66CCFF !important;
	color: #000;
	border: 1px solid #000!important;
}

.headerrow-blueshiny {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #0080FF !important;
	color: #fff;
	border: 1px solid #000!important;
}

.headerrow-lightpurple {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #9900FF !important;
	color: #fff;
	border: 1px solid #000!important;
}
.headerrow-red {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #ff0000 !important;
	color: #000;
	border: 1px solid #fff!important;
}

.headerrow-pink {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #ffccff !important;
	color: #000;
	border: 1px solid #000!important;
}

.headerrow-darkpink {
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #ffc7ce !important;
	color: #000;
	border: 1px solid #000!important;
}

.weektotal {
	padding:3px;
	font-size:100%;
	font-weight:bold;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #ADD6FF !important;
	border: 1px solid #dddddd !important;
}

.evenrow{background: #F5FBFD;border:1px solid #dddddd;padding:3px;margin-bottom:0px;}
.oddrow{background: #ffffff;border:1px solid #dddddd;padding:3px;margin-bottom:0px;}
.closed{background: #dddddd;border:1px solid #dddddd;padding:3px;margin-bottom:0px;}
.nodata{background: #ff0000;border:1px solid #ff0000;padding:3px;margin-bottom:0px; color:#ffffff !important}
.holiday{background: #F36A20 !important;border:1px solid #ff0000;padding:3px;margin-bottom:0px; color:#ffffff !important}

.gridheader{
	background: #16499A;
	background: -moz-linear-gradient(top, #16499A 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16499A), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #16499A 0%,#000000 100%);
	background: -o-linear-gradient(top, #16499A 0%,#000000 100%);
	background: -ms-linear-gradient(top, #16499A 0%,#000000 100%);
	background: linear-gradient(to bottom, #16499A 0%,#000000 100%);
	height:26px;
	padding:5px;
	border: 1px solid #888;
	margin: 0;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	color: #ffffff;
	border: 1px solid #000!important;
	border-radius: 0px;
	text-decoration: none;
}
.gridheader_red{
	background: #FF0000;
	background: -moz-linear-gradient(top, #FF0000 0%, #FF0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000), color-stop(100%,#FF0000));
	background: -webkit-linear-gradient(top, #FF0000 0%,#FF0000 100%);
	background: -o-linear-gradient(top, #FF0000 0%,#FF0000 100%);
	background: -ms-linear-gradient(top, #FF0000 0%,#FF0000 100%);
	background: linear-gradient(to bottom, #FF0000 0%,#FF0000 100%);
	height:26px;
	padding:5px;
	border: 1px solid #888;
	margin: 0;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	color: #ffffff;
	border: 1px solid #000!important;
	border-radius: 0px;
	text-decoration: none;
	font-size:100%;
}

.mgrid .item-row TD {
	border-bottom: #bbd9ee 1px solid;
	text-align: left;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 0.7em;
	border-top: #bbd9ee 1px solid;
	padding-top: 6px;
}

.mgrid .item-row TD.highlightcell {
	background-color: #fffacd;
	color: #000;
}

.mgrid .item-row:hover {
	background-color: #fffacd;
	color: #000;
}

.mgrid .selectedItem-row TD {
	border-bottom: #bbd9ee 1px solid;
	text-align: left;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 0.7em;
	border-top: #bbd9ee 1px solid;
	padding-top: 6px;
	background-color: #d7ffcd;
}

.header-colour
{
	height:26px;
	padding:3px;
	font-size:100%;
	font-weight:normal;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.4) inset;
	background: #1D6EAF;
	color:#ffffff !important;
	border: 1px solid #000!important;
}
.header-colour a
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#ffffff !important;
}
