BODY
{
	font-size: 10pt;
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica; /* BACKGROUND-COLOR: #dddddd */
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em;
	margin-right: 0.1em;
	/*overflow: hidden; *//* hope this doesn't stop scrolling of the main page though! Yes, I think it does. Can't remember what I wanted it for. */
	background-color: #ffffff;
}

/*Styles for kiosk mode alert screens*/

.dpalert_title
{
	font-size: 18pt;
	font-weight:bold;
	color: inherit;
}

.dpalert
{
	font-size: 18pt;
	font-weight:bold;
	color: inherit;
}

.dpalert_overdue
{
	font-size: 18pt;
	font-weight: bold;
	color: #ff3300;
}


H4
{
    text-decoration: underline;
}

/* Messages as shown on homepage (alerts div) */
.HomepageAlert
{
    border: thin solid #663300;
    /*margin: 2px 2px 2px 2px;*/
    padding: 2px 2px 2px 2px;
    color: #990000;
    font-weight: bold;
}


/* Styles for draggable DIV element which can then be controlled by the Javascript */
.alertsBoxTitle{
                font-family: Verdana,Arial,Sans-serif,'Times New Roman';
                font-size: 9pt;
                font-weight: bold;
                font-style: normal;
                color: #ffffff;
                text-decoration: none;
}
.alertsBox
{
	background-color: #fdf5e6;
	border: 2px #4e4e4e solid;
}

/* End of draggable DIV styles */

/* Tabs - table cells which have style set depending on selected status
*/
TD.Tab
{
	padding-left: 5px;
	border-color: #333333;
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-weight:lighter;
}

td.TabSelected
{
	padding-left: 5px;			/* internal padding */
	border-color: #333333;
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: none;
	font-weight: bold;
}

td.TabPadding
{
	border-color: #333333;
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid;
}

td.TabPanel
{
	border-color: #333333;
	border-left:1px solid;
	border-right: 1px solid;
	border-bottom: 2px solid;
	border-top: none;			/* because the tabstrip defines the top border in the frame */
}

.privatemessagelist
{
	font-size:8pt;
}

.warning
{ background-color: #FF6347; }

.highlight
{
    COLOR: white;
    BACKGROUND-COLOR: #666666
}

A
{
    font-weight:bold;
}

A:link
{
    FONT-WEIGHT: bold;
    COLOR: navy;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-WEIGHT: bold;
    COLOR: navy;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #4682B4;             /*steelblue;*/
    TEXT-DECORATION: underline
}
INPUT.radio
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cecede
}
HR
{
    COLOR: #63637b;
    HEIGHT: 1px;
}

TABLE.StandardMessage
{
}

TH.MessageTable
{
	color:White;
	background-color: black;
}


/* New styles for webparts on homepage, based loosely on the menu table style */
.homepage_webpart
{
    font-size: 10pt;
    color: #ffffff;
}

TABLE.homepage_webpart
{
    BORDER-RIGHT: #63637b 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #63637b 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

td.homepage_webpart
{
    padding-left: 5px;
    border-top:1px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;
}

tr.homepage_webpart
{
    /*COLOR: #ffffff;
    BACKGROUND-COLOR: #666666;*/
    padding: 0px 2px 0px 2px;

}
th.homepage_webpart
{
    height: 20px;
    padding-left: 5px;
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    /*BACKGROUND-IMAGE: url(/images/xp_header_silver.gif);*/
    BACKGROUND-IMAGE: url(/images/toolbar_bg.gif);
    BORDER-LEFT: 0px solid;
    COLOR: wheat;
    BORDER-BOTTOM: 1px solid;
    /*BACKGROUND-COLOR: #cccccc;*/
    BACKGROUND-COLOR: #751212;
    TEXT-ALIGN: left
}

/**********************************************************/

.menu
{
    /*font-family: Verdana, Tahoma, Arial, Helvetica; */
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
}

TABLE.menu
{
    BORDER-RIGHT: #63637b 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #63637b 1px solid;
    BACKGROUND-COLOR: #DEDEDE
}
TR.menu
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #666666;
    padding: 0px 2px 0px 2px;

}
TH.menu, .menuheader
{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    /*BACKGROUND-IMAGE: url(/images/xp_header_silver.gif);*/
    BACKGROUND-IMAGE: url(/images/toolbar_bg.gif);
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: left
}

.menu_hover
{
    FONT-SIZE: 8pt;
    /*COLOR:  BLUE; */   /*Moccasin         Color has no affect here, must be in the <a> css */
    BACKGROUND-COLOR: #aaaaaa;
    cursor:pointer;
}

/*
Use td.menu_hover_cell class to define additional decoration/effects for the table cell.
As the cell is also class .menu_hover, it should inherit all the attributes from there (?)
For the td.menu, if we apply a border to the hover, we also apply a clear border, otherwise
the menu resizes strangely! Set the border color to the background color of the table.
*/
td.menu
{
    border-top:1px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;
}


/* Classes for displaying popup and other messages */
table.popupmessage
{
    BORDER-RIGHT: #010101 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    BORDER-BOTTOM: #63637b 1px solid;
    COLOR: black;
    BACKGROUND-COLOR: #DEDEDE;
}

th.popupmessage
{
	padding-left: 5px;
    BORDER-RIGHT: 0px solid black;
    BORDER-TOP: 0px solid black;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    /*BACKGROUND-IMAGE: url(/images/xp_header_silver.gif);*/
    /* BACKGROUND-IMAGE: url(/images/toolbar_bg.gif); */
    BORDER-LEFT: 0px solid black;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid black;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: left
}

td.popupmessage
{
	padding-left:5px;
	text-align:left;
	color:Black;
	font-size:10pt;
}



td.data
{
	border-left:gray 1px solid;
	border-bottom: gray 1px solid;
}

/* Hover highlight for table data. (Applied to the parent Table Row tag) */
tr.data_highlight
{
    background-color: #F5DEB3;
}

/* Un-highlight table data rows. Defaults back to showing the underlying color.*/
tr.data
{
    background-color:transparent;
}

table.data
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	/* can we define cellpadding = 2 and cellspacing = 0 here? */

}

/*** Style classes for standard and tailored reports ***/
/* for table data, this standardises the colors etc for all grid totals and subtotals */
th
{
	background-color: gray; 
	color: lemonchiffon;
	text-align:left;	/* as this is the normal alignment for th on data */
	vertical-align:	baseline;
	}

th.monthlabel	
{
	text-align:right;
	vertical-align:middle}

/* for the title lines of the page which are displayed in the top banner */
.Report_PageTitle	{color:Maroon; font-size: 16pt; font-weight:bold}

/* for table data, this standardises the colors etc for all grid totals and subtotals */
.monthlabel_alt	{color:#555555; background-color: #cccccc; text-align:right;}
.data		 {/*background-color: #DEEBFE; */ text-align:right}
.data_alt	 {background-color: #bbbbbb; text-align:right}
.subtotal_l1
{
	color: black;
	text-align: right;
	font-weight: bold;
	border-bottom: gray 1px solid;
	background-color: #ffcc99;
}
.alt_subtotal_l1	
{
	color:black; 
	background-color: #bbbbbb; 
	text-align:right; 
	font-weight:bold;	
	border-left:gray 1px solid;
	border-bottom: gray 1px solid;}
.subtotal_l2, .alt_subtotal_l2 {background-color:Gray; color: Yellow;}

.grandtotal, .alt_grandtotal  
{
	text-align: right;
	background-color:Gray; 
	color:yellow; 
	font-weight:bold;
}

th.grandtotal {text-align:left;}


.error
{
	font-size:18pt;
	font-weight:bold;
	text-decoration:line-through;
	color: Black;
	background-color: Red;
}

td.menu_hover
{
    /*COLOR: #666666; */
    /*BACKGROUND-COLOR: #aaaaaa; */             /* Try a darker gray */
    /*cursor:pointer; */
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

A.menu
{
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    /*color: #9999cc;*/
    /* margin-left: 10px; */
}
A.menu:link
{
    FONT-SIZE: 8pt;
    font-weight:normal;
    text-decoration: none;
}

A.menu:hover
{
    /*COLOR: #ffcc44;*/
	font-size: 8pt;
    BACKGROUND-COLOR: #aaaaaa;
	font-weight:normal;
    text-decoration: none;
}
A.menu:visited
{
    /*COLOR: #ffcc44;*/
    font-weight:normal;
    TEXT-DECORATION: none
}
A.menu_hover
{
    COLOR:  yellow;           /*#FFE4B5; */   /*Moccasin  */
    font-weight:bold;           /* This might cause the items to scroll strangely in the menu when hovered */
    TEXT-DECORATION: underline
}
A.menu_hover:link
{
    /*COLOR: black;*/
    TEXT-DECORATION: none;
}
A.menu_hover:visited
{
    /*COLOR: black;*/
    TEXT-DECORATION: none;
}
A.menu_hover:hover
{
    TEXT-DECORATION: none;
}
.toolbar
{
    FONT-SIZE: 8pt;
	 height: 24px;
    BACKGROUND-COLOR: #cecece;
	 background-image: url(/images/toolbar_bg.gif%27);	
	 padding-top:4px;
	 padding-left:4px;
}
TEXTAREA
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}
INPUT
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}
SELECT
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}
BUTTON
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}
.Footer
{
    FONT-SIZE: 8pt
}
.CategoryHeader
{
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    COLOR: #000000;
    BACKGROUND-COLOR: #DCDCDC;
}
.CategoryCell
{
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #efefef
}
.ForumTable
{
    BORDER-RIGHT: #63637b 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    BORDER-BOTTOM: #63637b 1px solid;
    BACKGROUND-COLOR: #efefef
}
.ForumHeader
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    COLOR: #000000;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: #e7e7ef;
    TEXT-ALIGN: center
}
.ForumFooter
{
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #e7e7ef
}
.ForumFirstCell
{
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #dedee7
}
.ForumAltCell
{
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #b5bdce
}
.ForumCell
{
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #efefef
}
HR.Forum
{
    COLOR: #63637b;
    height: 1px
}
.NavTable
{
    BORDER-RIGHT: #63637b 1px solid;
    BORDER-TOP: #63637b 1px solid;
    BORDER-LEFT: #63637b 1px solid;
    BORDER-BOTTOM: #63637b 1px solid;
    BACKGROUND-COLOR: #bdbdce
}
.NavHeader
{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-COLOR: #cecece
}
.NavCell
{
    BORDER-RIGHT: #efefef 0px;
    BORDER-TOP: #efefef 1px;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #efefef 0px;
    COLOR: white;
    BORDER-BOTTOM: #efefef 1px;
    BACKGROUND-COLOR: #42425e;
    TEXT-ALIGN: left
}
A.NavCell
{
    FONT-WEIGHT: bold;
    COLOR: #dedee7;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.NavCell:visited
{
    FONT-WEIGHT: bold;
    COLOR: #dedee7;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.NavCell:hover
{
    FONT-WEIGHT: bold;
    COLOR: #FF6347;                 /*tomato */
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
TH.headline
{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND-IMAGE: url(/forum/images/xp_header_silver.gif);
    BORDER-LEFT: 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-COLOR: #cecece
}
.headline
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #42425e
}
.NavCell_Hover
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: 0px;
    COLOR: black;
    BORDER-BOTTOM: 1px;
    BACKGROUND-COLOR: #efefef
}
INPUT.NavCell
{
    BORDER-RIGHT: thin inset;
    BORDER-TOP: thin inset;
    FONT-SIZE: 8pt;
    BORDER-LEFT: thin inset;
    COLOR: #000000;
    BORDER-BOTTOM: thin inset;
    BACKGROUND-COLOR: #666666
}
TABLE.q_category
{
}
TH.q_category_header
{
}
TD.q_category_header
{
}
INPUT.q_NavCell
{
}
TD.calendar_weekday
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #ffffc0
}
TD.calendar_weekendday
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #454545
}
TD.calendar_nonday
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #ffffdf
}
TD.calendar_today
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #454545
}
A.bottom_bar
{
    FONT-SIZE: 8pt;
    COLOR: #ffcc44
}
A.bottom_bar:link
{
    FONT-SIZE: 8pt;
    COLOR: #ffcc44
}

A.bottom_bar:hover
{
    COLOR: #ffcc44;
	 text-decoration: underline;
}

A.bottom_bar:visited
{
    COLOR: #ffcc44;
    /*TEXT-DECORATION: underline; */
	/* leaving text-decoration unset means it inherits from the anchor attributes */
}

@media print
{
	.printonly	{display:inline;} /* {display:inline;} */
	.screenonly	{display:none;}       /* normally should be set to none */
	
	.subtotal_l1
		{
			border-top:1px solid gray;
			border-bottom:1px solid gray;
			background-color:#DDDDDD;
			color:Black;
			font-weight:bold;
		}
		
	.subtotal_l2
		{
			border-top:1px solid black;
			border-bottom:2px solid black;
			background-color:#DDDDDD;
			color:Black;
			font-weight:bold;
			text-align:right;
		}
	
	
	.grandtotal
		{
			border-top:1px solid black;
			border-bottom:2px solid black;
			background-color: #CCCCCC;
			color:Black;
			font-weight:bold;
		}

}

@media screen
{
	.printonly	{display:none;}
	.screenonly	{display:inline;}
}

/* Classes for ASP.NET Ajax Controls etc */
.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopUp
{
    background-color: #ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
}

/* for the title lines of the page which are displayed in the top banner */
.pagetitle	{color:Maroon; font-size: 16pt; font-weight:bold}

/* for exporting grids to Excel, the styles should be clear. ExcelGridview CSS class is used for this */
.ExcelGridview
{
    background-color:Green;
}

.ExcelGridview td
{
    background-color:Yellow;
}

/* File Manager CSS Classes */
.FileManager_FileList
{
    background-color: #FFF5EC;
}

.FileManagerNavLinks
{
    color: gray;            /* This only affects the last item on the Breadcrumb trail */
    /* background-color: Gray; */
    text-align:left;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    /*padding-left: 5px;*/
}


A.FileManagerNavLinks
{
    /* FONT-SIZE: 8pt; */
    COLOR: black;
    border: 1px solid white;
}

A.FileManagerNavLinks:link
{
    COLOR: black;
    border: 1px solid white;
}

A.FileManagerNavLinks:hover
{
    /* Setting styles here saves complicated Javascript. Could be adopted for use in the Menu class */
    color: #ffcc44;
    background-color: #FFF5EC;
    text-decoration: none;
    border: 1px solid black;
}

A.FileManagerNavLinks:visited
{
    COLOR: black;
    border: 1px solid white;

    /*TEXT-DECORATION: underline; */
	/* leaving text-decoration unset means it inherits from the anchor attributes */
}