/******************************************************** PLAN */
.PlanMenuStyle
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: e7e7e9;
	border-top-width: medium;
	cursor: hand;
}
.PlanSubMenuStyle
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
}
.PlanVerticalSpacer
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: e7e7e9;
	border-top-width: medium;
}
/****************************************************** CREATE */
.CreateMenuStyle
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: e7e7e9;
	border-top-width: medium;
	cursor: hand;
}
.CreateSubMenuStyle
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
		cursor: hand;
}
.CreateVerticalSpacer
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: e7e7e9;
	border-top-width: medium;
	color: White;
}
/********************************************************* OPERATE */
.OperateMenuStyle
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: Green;
	border-top-width: medium;
	cursor: hand;
}
.OperateSubMenuStyle
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
		cursor: hand;
}
.OperateVerticalSpacer
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: Green;
	border-top-width: medium;
	color: White;
}
/*********************************************************** ADMIN */
.AdminMenuStyle
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	border-top-style: solid;
	border-top-color: #e7e7e9;
	border-top-width: medium;
		cursor: hand;
}
.AdminSubMenuStyle
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: #212b6a;
	border-top-width: medium;
		cursor: hand;
}
.AdminVerticalSpacer
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: #e7e7e9;
	border-top-width: medium;
}
/*********************************************************** DEFAULT VERTICAL SPACER */
.VerticalSpacer
{
	background-color: #212b6a;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-top-style: solid;
	border-top-color: #212b6a;
	border-top-width: medium;
}

/*********************************************************** Screens

/* On Body*/
BODY
{
	background-color: white;
	font-size: 0.7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

/* On TextBox Control */
.OnTextBox
{
	border-right: silver 1pt double;
	border-top: silver 1pt double;
	font-size: x-small;
	border-left: silver 1pt double;
	color: black;
	border-bottom: silver 1pt double;
	font-family: Arial;
	background-color: white;
}
.OnDropDownList
{
	border-right: #99ccff 1pt solid;
	border-top: #99ccff 1pt solid;
	font-size: x-small;
	border-left: #99ccff 1pt solid;
	color: black;
	border-bottom: #99ccff 1pt solid;
	font-family: Arial;
	background-color: white;
}
/* On Label Control */
.OnLabel
{
	font-weight: normal;
	font-size: x-small;
	color: #212b6a;
	font-family: Arial;
}
.OnButton
{
	/*
	border-right: lightsteelblue thin ridge;
	border-top: lightsteelblue thin ridge;
	font-weight: normal;
	font-size: x-small;
	border-left: lightsteelblue thin ridge;
	cursor: hand;
	color: white;
	border-bottom: lightsteelblue thin ridge;
	font-family: Arial;
	background-color: #212b6a;
	*/
}
A
{
	font-weight: normal;
	font-size: x-small;
	color: blue;
	font-family: Arial;
	text-decoration: none;
}
A:hover
{
	/*font-weight: bold;*/
	/*font-size: x-small;*/
	color: MidnightBlue font-family: Arial;
	/*text-decoration: underline;*/
}
.TABLE
{
	border-right: #0a2448 1pt solid;
	border-top: #0a2448 1pt solid;
	font-size: x-small;
	border-left: #0a2448 1pt solid;
	color: navy;
	border-bottom: #0a2448 1pt solid;
	font-family: Arial;
	background-color: WhiteSmoke;
}
.TH
{
	font-weight: bold;
	font-size: x-small;
	color: white;
	font-family: Arial;
	background-color: #212b6a;
}
.TableRowHighlight
{
	background-color: #e0e6f0;
}
.DataGrid
{
	border-right: #212b6a 1pt solid;
	border-top: #212b6a 1pt solid;
	font-size: x-small;
	border-left: #212b6a 1pt solid;
	color: black;
	border-bottom: #212b6a 1pt solid;
	font-family: Arial, Verdana;
}
.HeaderStyle
{
	font-weight: bold;
	font-size: x-small;
	color: white;
	font-family: Arial;
	background-color: #212b6a;
}
.SmallHeaderStyle
{
	font-weight: bold;
	font-size: 11;
	color: white;
	font-family: Arial;
	background-color: #212b6a;
}
.HeaderStyle a:link {
	font-weight: normal;
	font-size: x-small;
	color: white;
	font-family: Arial;
	text-decoration: underline;
	}
	
.HeaderStyle a:visited {
	font-weight: normal;
	font-size: x-small;
	color: white;
	font-family: Arial;
	text-decoration: underline;
	}
	
.HeaderStyle a:hover {
	font-weight: normal;
	font-size: x-small;
	color: white;
	font-family: Arial;
	text-decoration: underline;
	}
.HeaderStyle a:active {
	font-weight: normal;
	font-size: x-small;
	color: white;
	font-family: Arial;
	text-decoration: underline;
	}


.ItemTemplate
{
	font-size: x-small;
	font-family: Arial;
	background-color: WhiteSmoke;
}
.AlternatingItemStyle
{
	font-size: x-small;
	font-family: Arial;
	background-color: white;
}
.FooterStyle
{
	font-size: x-small;
	font-family: Verdana;
	background-color: #212b6a;
	color: White;
}

.PagerStyle
{
	font-weight: normal;
	font-size: x-small;
	cursor: hand;
	color: black;
	font-family: Verdana;
	letter-spacing: 1pt;
	background-color: WhiteSmoke;
}

/* Added by Andri ---- 22/12/04 */
.PageTitle
{
	font-size: 1.2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.SectionTitle
{
	background-color: #212b6a;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: none;
}

.TableBorder
{
	border-style: solid;
	border-color: 212b6a;
	border-width: 1px;
}

.CellBorder
{
	border-style: solid;
	border-color: 212b6a;
	border-width: 1px;
}

td
{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* End of style added by Andri */




/*****************************************************
on Login Page Style
*****************************************************/
TH
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: midnightblue;
	text-align: center;
	text-decoration: none;
}

TD.DarkGrey
{
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 10pt;
	color: #363636;
	font-family: Arial;
	height: 5pt;
}
TD.LightGrey
{
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 10px;
	color: #c2b5ab;
	font-family: Arial;
	height: 5pt;
}
TD.Grey
{
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 10pt;
	color: #867366;
	font-family: Arial;
	height: 5pt;
}
TABLE.Outline
{
	margin-top: 10px;
	margin-bottom: 10px;
	border-right: gray thin solid;
	border-top: gray thin solid;
	border-left: gray thin solid;
	border-bottom: gray thin solid;
}
TD.Outline
{
	border-right: lightgrey thin solid;
	border-top: lightgrey thin solid;
	border-left: lightgrey thin solid;
	border-bottom: lightgrey thin solid;
}
TD.onLogo
{
	font-size: 40pt;
	color: #002a5d;
	font-family: Arial;
}

TABLE.OutlineLight
{
	border-right: lightgrey thin solid;
	border-top: lightgrey thin solid;
	border-left: lightgrey thin solid;
	border-bottom: lightgrey thin solid;
}
TABLE.OutlineLightNoBottom
{
	border-right: lightgrey thin solid;
	border-top: lightgrey thin solid;
	border-left: lightgrey thin solid;
	border-bottom: lightgrey thin;
}
TD.SmallGrey
{
	font-weight: bold;
	font-size: 8pt;
	color: gray;
	font-family: Arial;
}
TD.GreyNoPadding
{
	font-weight: bold;
	font-size: 10pt;
	color: gray;
	font-family: Arial;
}

TD.White
{
	padding-left: 30px;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 30px;
	color: white;
	font-family: Arial;
	height: 5pt;
}
HR
{
	font-size: 1px;
	width: 100%;
	color: #363636;
	height: 1px;
	text-align: center;
}
TD.DarkGreyNoBold
{
	padding-right: 30px;
	padding-left: 30px;
	font-size: 10pt;
	color: #363636;
	height: 5pt;
}
.DarkGreyNoPadding
{
	font-weight: bold;
	font-size: 10pt;
	color: #363636;
	font-family: Arial;
}
/*****************************************************
End of on Login Page Style
*****************************************************/

/********* jay's additions 13 dec 2004 ***********************/

TABLE.OnCaption
{
	font-size: medium;
	color: black;
	background-color: White;
}

TABLE.OnHeader
{
	font-size: medium;
	color: White;
	background-color: #000099;
}


TH.Normal
{
	font-weight: normal;
	font-size: x-small;
	color: white;
	font-family: Verdana;
	background-color: #39346b;
}

/**********************************************************/




.TreeView			{color:#000000; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.TreeView:LINK		{Text-Decoration: none; color:#4682b4; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.TreeView:VISITED	{Text-Decoration: none; color:#4682b4; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.TreeView:HOVER	{Text-Decoration: underline; color:#4682b4; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
.selectedItem		{Text-Decoration: none; color:#b22222; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bolder}

.ListView			{color:#000000; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.ListView:LINK		{Text-Decoration: none; color:#000000; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.ListView:VISITED	{Text-Decoration: none; color:#000000; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.ListView:HOVER	{Text-Decoration: none; color:#4682b4; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

.MonthView			{color:#000000; font-size:9pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.MonthView:LINK	{Text-Decoration: none; color:#000000; font-size:9pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.MonthView:VISITED {Text-Decoration: none; color:#000000; font-size:9pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.MonthView:HOVER	{background:#808080;Text-Decoration: none; font-size:9pt; color:#ffffff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

.TabView			{color:#000000; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.TabView:LINK		{Text-Decoration: none; color:#000000; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
A.TabView:VISITED	{Text-Decoration: none; color:#000000; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
A.TabView:HOVER		{Text-Decoration: underline; color:#4682b4; font-size:8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

A
{
    COLOR: black;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: red
}

BODY
{
    FONT-SIZE: xx-small;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-image: url(../images/cellback.gif);    
    MARGIN: 0px;
    margin-bottom: 0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    
}


.labelleft
{
font-size:11 ;	
font-weight:bold ;
text-align:left;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}

.labelcenter
{
font-size:11 ;	
font-weight:bold ;
text-align:center;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}

.labelright
{
font-size:11 ;	
font-weight:bold ;
text-align:right; 
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}

/*tables top*/
TD.TLCurve
{
    BACKGROUND-IMAGE: url(../images/top_left_curve.gif);
    WIDTH: 20px;
}
TD.TMiddle
{
    FONT-SIZE: x-small;
    COLOR: white;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #212b6a;
}
TD.TRCurve
{
    BACKGROUND-IMAGE: url(../images/top_right_curve.gif);
    WIDTH: 20px;
}

/*tables middle*/
TD.MLLine
{
    BORDER-LEFT: #828282 thin solid
}
TD.MRLine
{
    BORDER-RIGHT: #828282 thin solid
}

/*tables bottom*/
TD.iBLCurve
{
    BACKGROUND-IMAGE: url(../images/input_panel_bottomleft.gif);
    WIDTH: 20px;
    HEIGHT: 20px;
}
TD.iBRCurve
{
    BACKGROUND-IMAGE: url(../images/input_panel_bottomright.gif);
    WIDTH: 20px;
}
TD.iBMiddle
{
    BACKGROUND: #efeff7;
    BORDER-BOTTOM: #828282 thin solid;
}



/*results*/

.results1
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE:x-small;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #efeff7
}
.results2
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e7e7e9;
}
.results1small
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE:xx-small;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #efeff7;
}
.results2small
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: xx-small;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e7e7e9;
}

/* widgets */
input
{
    BORDER-RIGHT: teal 1px solid;
    BORDER-TOP: teal 1px solid;
    BORDER-LEFT: teal 1px solid;
    BORDER-BOTTOM: teal 1px solid;
    FONT-FAMILY: verdana, arial, sans-serif
}
input.border
{
	BORDER-RIGHT: teal 1px solid;
    BORDER-TOP: teal 1px solid;
    BORDER-LEFT: teal 1px solid;
    BORDER-BOTTOM: teal 1px solid;
    FONT-FAMILY: verdana, arial, sans-serif
	
}
select
{
  BORDER-RIGHT: teal 1px solid;
    BORDER-TOP: teal 1px solid;
    BORDER-LEFT: teal 1px solid;
    BORDER-BOTTOM: teal 1px solid;
    FONT-FAMILY: verdana, arial, sans-serif;
	}

TEXTAREA
{
    BORDER-RIGHT: teal 1px solid;
    BORDER-TOP: teal 1px solid;
    BORDER-LEFT: teal 1px solid;
    BORDER-BOTTOM: teal 1px solid;
    FONT-FAMILY: verdana, arial, sans-serif
}
.radio
{
	BORDER-RIGHT: teal 0px solid;
    BORDER-TOP: teal 0px solid;
    BORDER-LEFT: teal 0px solid;
    BORDER-BOTTOM: teal 0px solid;
    FONT-FAMILY: verdana, arial, sans-serif
}


input.button
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    CURSOR: hand;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #39346b;
    BORDER-RIGHT: teal 1px solid;
    BORDER-TOP: teal 1px solid;
    BORDER-LEFT: teal 1px solid;
    BORDER-BOTTOM: teal 1px solid;
}
/* new  Add*/
TH.White
{
	font-weight: normal;
	font-size: x-small;
	color: Black;
	font-family: Arial;
	background-color: #efeff7;
}

.smalltext
{
    /*PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;*/
    FONT-SIZE: xx-small;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.ech-capital-smalltext
{
	 font-size:10px;
}

.ech-capital-standardtext
{
	 font-size:12px;
}

.ech-capital-higlighted
{
	 font-size:11px;
	 font-weight:bold;
}

.ech-capital-higlighted-afreport
{
	font-size:12px;
	font-weight:bold;

}
/* Dashboard Summary Table----------*/

#tblDashboardSummary
{
	color:White;
	background:Black;
}

#tblDashboardSummary th
{
	color:Red;
	background:Black;
	
	text-align:right;
	font-weight:bold;
	font-size:11px;
}

#tblDashboardSummary td
{
	text-align:right;
	font-size:10px;
}

#tblDashboardSummary .subTotalHeading
{
	width:105px;
	
	text-align:left;
	font-weight:bold;
	font-size:11px;
}

#tblDashboardSummary .info
{	
	width:10px;
	text-align:center;
}

/*Capital Summary Table------------------------*/

.capitalSummarytable td
{
	height:30px;
	vertical-align:top;
	font-size:10px;
}

.capitalSummarytable td.heading
{
	width:300px;
}


.capitalSummarytable td.amount 
{
	width:100px;
	text-align:right;
}

/*Capital Summary table AF report ----------------
AFProj/UI/ProjectAFReport.aspx
*/

.capitalSummarytable-AFReport td
{
	height:20px;
	vertical-align:top;
	font-size:10px;
}

.capitalSummarytable-AFReport td.heading
{
	width:385px;
}

.capitalSummarytable-AFReport td.amount 
{
	width:100px;
	text-align:right;
}

/* Capital Claim Form*/
.capitalclaimform-heading-vat
{
	color:Blue;
}

.capitalclaimform-vat-invalid
{
	color:Red;
}

.capitalclaimform-vat-errormessage
{
	color:Red;
	text-align:center;
	font-weight:bold;
}

/* [JB] 2008-11-05 - added for new logo onBanner u.control */
.bannerECHlogo
{
	padding:15px 10px 10px 10px;
}
.loginHead
{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:8px;
}
.loginHead.td
{
	text-align:left;
}
/* end */