/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#2D72AA;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}

/* Primarily for DataGrids */	
.TableHeaderStyle
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Verdana, Helvetica;
	background-color: lightsteelblue;
}
.TableHeaderStyle A:link{text-decoration:	none; color: #ffffff;}
.TableHeaderStyle A:visited{text-decoration: none; color: #ffffff;}	
.TableHeaderStyle A:active{text-decoration: none; color: #ffffff;}	
.TableHeaderStyle A:hover	{text-decoration: underline; color:	#ffffff;}
	
.TableFooterStyle
{
	font-weight: normal;
	color: #000000;
	border-bottom: #000000 1px solid;
	background-color: powderblue;
	text-align: center;
}

.TableEditItemStyle
{
	color: #000000;
	background-color: powderblue;
}

.TablePagerStyle{background-color: lightsteelblue; font-weight: bold; color: #ffffff; text-align: center;}
.TablePagerStyle A:link{text-decoration:	none; font-weight: bold; color: #ffffff;}
.TablePagerStyle A:visited{text-decoration: none; font-weight: bold; color:	#ffffff;}	
.TablePagerStyle A:active{text-decoration: underline; font-weight: bold;	color:	#ffffff;}	
.TablePagerStyle A:hover	{text-decoration: underline; color:	#ffffff;}

.TableSelectedItemStyle
{
	background-color: lightcyan;
}

.TableAlternatingItemStyle
{
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial;
	background-color: aliceblue;
	text-decoration: none;
}
.TableAlternatingItemStyle A:link{font-family: Verdana, Arial; font-size: 10px; text-decoration:	none; font-weight: bold; color: #336699;}
.TableAlternatingItemStyle A:visited{font-family: Verdana, Arial; font-size: 10px; text-decoration: none; font-weight: bold; color:	#336699;}	
.TableAlternatingItemStyle A:active{font-family: Verdana, Arial; font-size: 10px; text-decoration: underline; font-weight: bold;	color:	#000000;}	
.TableAlternatingItemStyle A:hover	{font-family: Verdana, Arial; font-size: 10px; text-decoration: underline; color:	#737DC6;}

.TableItemStyle
{
	font-size: 10px;
	color: black;
	font-family: Verdana, Arial;
	background-color: whitesmoke;
}
.TableItemStyle A:link{font-family: Verdana, Arial; font-size: 10px; text-decoration:	none; font-weight: bold; color: #336699;}
.TableItemStyle A:visited{font-family: Verdana, Arial; font-size: 10px; text-decoration: none; font-weight: bold; color:	#336699;}	
.TableItemStyle A:active{font-family: Verdana, Arial; font-size: 10px; text-decoration: underline; font-weight: bold;	color:	#000000;}	
.TableItemStyle A:hover	{font-family: Verdana, Arial; font-size: 10px; text-decoration: underline; color:	#737DC6;}

.FrameTitle{font-weight: bold;font-size: 12px;word-spacing: normal;text-transform: none;font-family: Verdana, Helvetica;letter-spacing: normal;text-decoration: none;}

.WarningMessage{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-weight: normal;
	font-size: 9px;
	border-left: #000000 1px solid;
	color: #000000;
	border-bottom: #000000 1px solid;
	font-family: Verdana, Arial;
	background-color: #ECECFF;
	text-decoration: none;
}
.WarningMessageText
{
	font-weight: bold;
	font-size: 12px;
	color: #ff0000;
	font-family: Verdana, Arial;
	text-decoration: none;
}
.FieldHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	padding-top: 4px;
	font-family: verdana, arial;
	text-decoration: none;
}
.TitleBg
{
	font-weight: bold;
	font-size: 11px;
	background-image: url(Images/title-bg.jpg);
	color: #000000;
	padding-top: 4px;
	background-repeat: repeat-y;
	font-family: verdana, arial;
	text-decoration: none;
	border: #B8C8E1 1px solid;
}
.TitleHeader
{
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 4px;
	color: #cc0000;
	padding-top: 4px;
	font-family: verdana, arial;
}

.FieldValue
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	text-decoration: none;
}
.ActiveTab
{
	border-right: #ffffff 1px solid;
	padding-right: 8px;
	border-top: #ffffff 1px solid;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	border-left: #b8c8e1 1px solid;
	color: #ffffff;
	font-family: verdana;
	height: 25px;
	background-color: #3399cc;
	text-decoration: none;
}
.ActiveTab A:link
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: verdana, arial;
	text-decoration: none;
}
.ActiveTab A:visited
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: verdana, arial;
	text-decoration: none;
}	
.ActiveTab A:active
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: verdana, arial;
	text-decoration: none;
}	
.ActiveTab A:hover
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: aliceblue;
	text-decoration: none;
}

.InActiveTab
{
	border-right: #ffffff 1px solid;
	padding-right: 8px;
	border-top: #ffffff 1px solid;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	border-left: #b8c8e1 1px solid;
	color: #32435f;
	font-family: verdana;
	height: 25px;
	background-color: #d4e0ed;
	text-decoration: none;
}
.InActiveTab A:link
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	font-family: verdana, arial;
	text-decoration: none;
}
.InActiveTab A:visited
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	font-family: verdana, arial;
	text-decoration: none;
}	
.InActiveTab A:active
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	font-family: verdana, arial;
	text-decoration: none;
}	
.InActiveTab A:hover
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	font-family: verdana, arial;
	background-color: aliceblue;
	text-decoration: none;
}

.ActiveTable
{
	border-right: #000000 1px solid;
	font-weight: bold;
	font-size: 12px;
	border-left: #ffffff 1px solid;
	color: #000000;
	border-bottom: #000000 1px solid;
	font-family: verdana, arial;
	background-color: #f8fafc;
	text-decoration: none;
}
.ActiveTable A:link
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: white;
	text-decoration: none;
}
.ActiveTable A:visited
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: ghostwhite;
	text-decoration: none;
}	
.ActiveTable A:active
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: ghostwhite;
	text-decoration: none;
}	
.ActiveTable A:hover	{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}

.InActiveTable
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: #f8fafc;
	text-decoration: none;
}
.InActiveTable A:link
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: #fff7ef;
	text-decoration: none;
}
.InActiveTable A:visited
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: #fff7ef;
	text-decoration: none;
}	
.InActiveTable A:active
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: #fff7ef;
	text-decoration: none;
}	
.InActiveTable A:hover
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: verdana, arial;
	background-color: #fff7ef;
	text-decoration: none;
}

.GridAddress
{
	font-size: 10px;
	color: #000000;
	font-family: verdana, arial;
	text-decoration: none;
}

.GridItem
{
	font-size: 10px;
	color: #000000;
	font-family: verdana, arial;
	text-decoration: none;
}

.LinkOrganisation
{
	font-weight: bold;
	font-size: 14px;
	color: #2d72aa;
	font-family: verdana, arial;
	text-decoration: none;
}
.SubTitle
{
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: verdana, arial;
	text-decoration: none;
}
.TopMenu
{
	font-weight: bold;
	font-size: 10px;
	background-image: url(Images/menuBg.gif);
	color: #003366;
	font-family: Verdana, Helvetica;
	border-left: #B8C8E1 1px solid;
	border-right:  #B8C8E1 1px solid;

	/*background-color: #e2eee0;*/
}
.TopMenu A:link{text-decoration:	none; color: #000000;}
.TopMenu A:visited{text-decoration: none; color: #000000;}	
.TopMenu A:active{text-decoration: none; color: #000000;}	
.TopMenu A:hover	{text-decoration: underline; color:	#000000;}

.SearchTable
{
	border-right: #000000 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	border-left: #ffffff 1px solid;
	color: #000000;
	padding-top: 2px;
	border-bottom: #000000 1px solid;
	font-family: verdana, arial;
	background-color: #f8fafc;
	text-decoration: none;
}
.SearchTable A:link{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}
.SearchTable A:visited{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}	
.SearchTable A:active{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}	
.SearchTable A:hover	{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}

.PageTitle
{
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	font-family: Verdana, Helvetica, Arial;
	text-decoration: none;
}
.NormalText
{
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 4px;
	color: #000000;
	font-family: Verdana, Helvetica, Arial;
	text-decoration: none;
}
.IntroTable{border-right: #B8C8E1 1px solid; border-top: #B8C8E1 1px solid; font-weight: bold;font-size: 12px;border-left: #B8C8E1 1px solid;color: #000000;border-bottom: #B8C8E1 1px solid;font-family: verdana, arial;background-color: #F8FAFC;text-decoration: none;}
.IntroTable A:link{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}
.IntroTable A:visited{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}	
.IntroTable A:active{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}	
.IntroTable A:hover	{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}

KepPeoplListItem
{
	font-size: 10px;
	color: #000000;
	font-family: verdana, arial;
	text-decoration: none;
}
.Button
{
	border-right: #000000 1px solid;
	border-top: #ffebd7 1px solid;
	font-weight: bold;
	font-size: 12px;
	border-left: #ffebd7 1px solid;
	color: #ffffff;
	border-bottom: #000000 1px solid;
	font-family: Verdana, Arial;
	background-color: lightslategray;
	text-decoration: none;
}
.Button1
{
	background-image: url(Images\add-organisation.gif);
	width: 137px;
	border-top-style: none;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	height: 27px;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}

.Button2
{
	background-image: url(Images\search.gif);
	border-top-style: none;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	height: 27px;
	width: 100px;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;	
}

.Button3
{
	background-image: url(Images\add-member.gif);
	width: 180px;
	border-top-style: none;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	height: 27px;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}

.Button4
{
	background-image: url(Images\report.gif);
	width: 100px;
	border-top-style: none;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	height: 27px;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}

.Button5
{
	background-image: url(Images\send.gif);
	width: 100px;
	border-top-style: none;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	height: 27px;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}

.Button6
{
	background-image: url(Images\export.gif);
	width: 100px;
	border-top-style: none;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	height: 27px;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}

.Button7
{
	background-image: url(Images\send-email2.gif);
	width: 100px;
	border-top-style: none;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	height: 27px;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}

.Button8
{
	background-image: url(Images\send-email.gif);
	width: 100px;
	border-top-style: none;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	height: 27px;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}


.IndividualMember
{
	border-right: #000000 1px solid;
	border-top: #ffffff 1px solid;
	font-weight: bold;
	font-size: 12px;
	border-left: #ffffff 1px solid;
	color: #000000;
	font-family: verdana, arial;
	background-color: #FFEBD7;
	text-decoration: none;
}
.IndividualMember A:link{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}
.IndividualMember A:visited{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}	
.IndividualMember A:active{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}	
.IndividualMember A:hover	{font-weight: bold;font-size: 12px;color: #000000;font-family: verdana, arial;background-color: #FFEBD7;text-decoration: none;}

.FooterTag
{
	border-right: lightcyan thick solid;
	border-top: lightcyan thick solid;
	background-image: url(Images/footerBg.gif);
	border-left: lightcyan thick solid;
	border-bottom: lightcyan thick solid;
	background-color: lightgrey;
}

.tablebody
{
	border-right: #c5d9e1 1px solid;
	border-top: #c5d9e1 1px solid;
	margin-top: 1px;
	font-weight: bold;
	font-size: 12px;
	border-left: #c5d9e1 1px solid;
	color: #000000;
	padding-top: 1px;
	border-bottom: #c5d9e1 1px solid;
	font-family: verdana, arial;
	background-color: #f8fafc;
	text-decoration: none;
}

.Grid { border: solid 1px Tan; }

.Grid td
{
    border: solid 3px #FFFFFF;
    margin: 3px 3px 3px 3px;
    font-family: verdana, arial;
   font-size: 11px;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

.GridHeader
{
	font-weight: bold;
	font-size: 11px;
	background-color: lightsteelblue;
}

.GridHeader a
{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	color: lavender;
	padding-top: 0px;
	text-decoration: none;
}

.GridHeader a:hover
{
    text-decoration: underline;
    background: Tan url(images/spin.gif) no-repeat 0 100%;
}

.GridItem, .GridAltItem
{
	font: menu;
	height: 20px;
}

.GridItem
{
	table-layout: fixed;
	padding-right: 4px;
	padding-left: 4px;
	height: 20px;
	background-color: honeydew;
}

.GridAltItem
{
    background-color: PaleGoldenrod;	
    table-layout: fixed;
	padding-right: 4px;
	padding-left: 4px;
	height: 20px;
}

.CalenderDefault
{
	border-right: highlight 1px solid;
	border-top: highlight 1px solid;
	margin-top: 20px;
	z-index: 1;
	border-left: highlight 1px solid;
	border-bottom: highlight 1px solid;
	position: absolute;
}

.BlankRow
{
	font-weight: bold;
	font-size: 11px;
	
	color: #000000;
	padding-top: 4px;
	background-repeat: repeat-y;
	font-family: verdana, arial;
	text-decoration: none;
	border: #B8C8E1 1px solid;
}	

.HideTextBox
{
	table-layout: fixed;
	z-index: -100;
	width: 0px;
	position: absolute;
	height: 0px;
}

.TabTitle
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	font-family: verdana, arial;
	background-color: #3399cc;
}

.InTabTitle
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: verdana, arial;
	background-color: white;
}

.btnImage
{
	margin-top: 20px;
}

.listActivities
{
	font-weight: bold;
	font-size: 12px;
	direction: ltr;
	text-indent: 5px;
	font-family: Verdana;
}