/* colour scheme (7474)
** dark  063 140 156 - #3F8C9C
** med   120 185 201 - #78B9C9
** light 209 229 231 - #D1E5E7
*/

/*------------------------------------------------*/
/* Gradient Backgrounds                           */

body
{
	background: White url("Background.jpg") no-repeat scroll right bottom;
}
.PanelBlock th
{
	background: #D1E5E7 url("GradWhiteLight.png") repeat-x top; /* White -> light */
}
.PanelBlockHeader
{
	background: #D1E5E7 url("GradWhiteLight.png") repeat-x top; /* White -> light */
}
.TaskBlock h1,
.PanelTabBar a.ThisPanel, 
.PanelTabBar a.ThisPanel:hover
{
	background: #78B9C9 url("GradLightMed.png") repeat-x top; /* light -> med */
}
#AppTabBar a.ThisApp, 
#AppTabBar a.ThisApp:hover
{
	background: #3F8C9C url("GradMedDark.png") repeat-x top; /* med -> dark */
}
.PanelBlock,
#AppTabBar a 
{
	background: #D1E5E7 url("GradMedLight.png") repeat-x top;  /* med -> light */
}
.PanelTabBar a 
{
	background: White url("GradLightWhite.png") repeat-x top; /* light -> White */
}
#AppTabBar a:hover, 
.PanelTabBar a:hover 
{
	background-image: none;
}

/*------------------------------------------------*/
/* Solid Backgrounds                              */

.PanelBlock table
{
	background-color: White; /* White */
}

#Nav a:hover,
.TaskBlock a:hover
{
	background-color: #D1E5E7; /* light */
}
#Nav
{
	background-color: #3F8C9C; /* dark */
}

/*------------------------------------------------*/
/* Borders                                        */

#Nav a:hover
{
	border: solid 1px White; /* White */
}
.PanelBlock table
{
	border: solid 1px #D1E5E7; /* light */
}
.TaskBlock h1,
.TaskBlock div,
.PanelTabBar a, 
.PanelBlock
{
	border: solid 1px #78B9C9; /* med */
}
#AppTabBar a, 
#Nav a
{
	border: solid 1px #3F8C9C; /* dark */
}

/*------------------------------------------------*/
/* Miscellaneous Borders                          */

.PanelBlock td
{
	border-bottom: dashed 1px #D1E5E7; /* light */
}
.PanelBlock td.rowheading
{
	border-left: solid 1px #D1E5E7; /* light */
}
#AppTabBar a,
.PanelTabBar a 

{
	border-bottom-style: none;
}
/*------------------------------------------------*/
/* Calendar Control                               */

.Calendar
{
	background: #78B9C9 url("GradLightMed.png") repeat-x top; /* light -> med */
}
.CalendarToday
{
	background: White url("GradLightWhite.png") repeat-x top;  /* med -> light */
}
.CalendarOtherMonth
{
	background: #D1E5E7 url("GradMedLight.png") repeat-x top;  /* med -> light */
}
/*------------------------------------------------*/
/* Login Control                                  */

.Login
{
	background: #D1E5E7 url("GradMedLight.png") repeat-x top;  /* med -> light */
}
