/* set all default margins and padding to zero, so that they must be explicitly set for individual elements */
* 
{
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, arial, sans-serif; 
	text-align:left;
	font-size: 100%;

}
/* IE only, Win & Mac */
* html #MainPanel
{
	word-wrap: break-word;	/* keeps IE from breaking horribly under narrow viewports */
}


/** a:visited 
{
	color: Red;	
}
*/
body 
{
	text-align: center; 
	behavior: url(css/csshover.htc); /* allows IE to set "hover" for any element */
	padding-left: 3%;
	padding-right: 3%;
}


/* enable em and strong for all elements */
body * em 
{
	font-style: italic;
}
body * em span
{
	font-style: italic;
}
body * strong
{
	font-weight: bold;
}
body * strong span
{
	font-weight: bold;
}
body * input 
{
font-size:12px ;
}


div#Header 
{
	position: relative;
	/*margin-left:38px;
	margin-right:38px;
	left: 20px;
	right: 20px;
	width: 100%;*/
	color: #bd9408; 
	background-color: #000033;
	height: 60px;
	
}

div#Header span#HeaderText
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 24px;
	color: #bd9408;
	background-color: #000033;
	/*padding: 0.5em;*/
}
/*div#HeaderText h1
{
	font: verdana, arial, sans-serif; 
	font-size: 1.5em;
	color: #bd9408; 
	background-color: #000033; 
	padding: 0.5em;
}*/

div#Header span#HeaderImage
{
	position: absolute ; 
	top: 0px; 
	right: 0px;
	width: 270px; 
}

div#Header span#TestArea
{
	/*left: 20px;
	right: 20px;
	width: 100%;
	color: #bd9408; 
	background-color: #000033;*/
}

div#MainPanel 
{
	position: relative; 
	/*margin:0 20px 0 20px; */
}
div#CrwContextArea 
{
	position: relative; 
 	margin: 0px 0px 0px 0px; 
 	padding: 0px 0px 7px 0px; 
	height: 39px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 1px;
}

/* IE only, Win & Mac */
* html div#ContextArea
{
	margin: 0px 0px 0px 0px;
}

div#WorkArea 
{
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 35%;
	border-left: 1px solid #6699cc;
	padding: 0px 15px 0px 25px;
}

div#NavigationArea 
{
	position: absolute; 
	width: 200px; 
	top: 100px; 
	right: 3%; 
	border-left: 1px solid #6699cc;
	margin-top:25px;
	padding-left:10px;	
}


div#NavigationBanner
{
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 2px;
	height: 40px;
	background-color: #6699cc;
}
div#NavigationBannerImage
{
	margin: 0px 0px 2px 0px;
	position: absolute; 
	top: 0px; 
	right: 0px; 
}
div#NavigationFooter
{
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 2px;
	height: 20px;
	background-color: #6699cc;
}
div#UserIdPortion 
{
	padding: 3px 0px 3px 0px; 
}
div#UserIdPortion span
{
	font-size: 0.8em; 
	font-weight: bold;
	padding: 0px 3.0em 0px 0px; 
}
div#ExternalLinksPortion 
{	
	padding: 3px 0px 3px 0px; 
}
div#ExternalLinksPortion  span
{
	font-size: 0.8em; 
	font-weight: bold;
	padding: 0px 2.0em 0px 0px;
	/*cursor: hand;*/
}
div#ExternalLinksPortion a
{
	/*width : auto; 
	height : 0.8em; 
	border : 1px solid #ffffff; 
	margin : 0; 
	background :  no-repeat left #ffffff; 
	padding : 3px 0 3px 13px;*/
	font-weight : bold; 
	color : #000033;
	text-decoration : none; 
	font-family : arial, helvetica, sans-serif; 
	font-size : 0.9em;
	padding: 0px 2.0em 0px 0px;
	/*z-index: 0;*/
}

div#ExternalLinksPortion  img
{
	margin: 0px 4px 0px 0px; 
}
div#BreadCrumbPortion 
{
	margin: 1px 0px 10px 0px; 
	padding: 0px 0px 0px 0px; 
}

div#BreadCrumbPortion p
{
	font-size: 0.7em; 
}
div#BreadCrumbPortion * a
{
/* 	text-decoration: none; */
	color: #6699cc;

}
div#FormFragmentPortion 
{
}
div#FormFragmentPortion h1
{
	font-family: Arial, Helvetica, sans-serif;
	/*color: CornflowerBlue; */
	color:#6699cc;
	font-size:120%;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px
}

div#FormFragmentPortion h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 100%;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*color: Yellow*/
}
div#FormFragmentPortion h3
{
	font-family: Arial, Helvetica, sans-seriff;
/*	font-weight:bold; */
/*	font-variant:small-caps ; */
	font-size: 70%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px	
}
div#FormFragmentPortion h4
{
	font-family: Arial, Helvetica, sans-seriff;
	font-weight:bold;
	font-size: 80%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px	
}
div#FormFragmentPortion h5
{
	font-family: Arial, Helvetica, sans-seriff;
	font-style:italic;
	font-size: 80%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px	
}
/*
div#FormFragmentPortion h3
{
	font: Arial, Helvetica, sans-seriff;
	font-size: 80%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px	
}
*/
div#FormFragmentPortion p
{
	margin: 10px 0px 10px 0px; 
	font-size: 0.8em;	
	color:#000033;
}
/*Fixes a IF vs FF problem */
div#FormFragmentPortion p p
{
	 
	font-size: 1em;	
	
}
div#FormFragmentPortion ul
{
	padding-left: 4%;
	margin: 10px 0px 10px 0px; 
	font-size: 0.8em;	
}
div#FormFragmentPortion ol
{
	padding-left: 2%;
	margin: 10px 0px 10px 0px; 
	font-size: 0.8em;		
}
/*IE can't recognise html>body so ignores it. This class below is just for FireFox */
html>body div#FormFragmentPortion ol
{
	font-size: 1em;
}
div#FormFragmentPortion div.ClearFix 
{
	margin: 8px 0px 0px 0px; 
}

div#FormFragmentPortion div.ClearFix div
{
	width: 260px;
	float: left; 
	margin: 0px 15px 0px 0px;
}

div#FormFragmentPortion div.ClearFix div.HalfWidth
{
	width: 123px;
	float: left; 
	margin: 0px 15px 0px 0px;
}

div#FormFragmentPortion div.ClearFix div.DoubleWidth
{
	width: 485px;
	float: left; 
	margin: 0px 15px 0px 0px;
}

div#FormFragmentPortion div.ClearFix div.BusinessType
{
	width: 475px;
	float: left; 
	margin: 0px 15px 0px 0px;
}

html>body div#FormFragmentPortion div.ClearFix div.BusinessType
{
	width: 475px;
	float: left; 
	margin: 0px 15px 0px 0px;
}

div#FormFragmentPortion div.ClearFix div span
{
	font-size: 0.8em; 
 	display: block; 
	width: 85%;
	padding-left: 8px;
}

div#FormFragmentPortion div.ClearFix div span.FieldCaption
{
	font-weight: bold;
	font-size: 0.7em; 
	display: block;
	width: 85%;
	padding-left: 0px;
}

div#FormFragmentPortion div span.Datalist
{
	font-size: 0.8em; 
	display: block;
	width: 100%;
	padding-left: 8px; 
}

div#FormFragmentPortion div.ClearFix div input
{
	font-size: 0.9em; 
 	width: 95%; 
	margin-left: 8px;
}
/*IE can't recognise html>body so ignores it. This class below is just for FireFox */
html>body div#FormFragmentPortion div.ClearFix div.DoubleWidth input
{
	font-size: 0.9em; 
 	width: 100%; 
	margin-left: 8px;
}

/* Fix for IE, the asp:customvalidator adds a   to the page, and IE adds extra height for this */
/* This fix removes the extra height for IE only, for TextBoxes with a validator */
* html * div#FormFragmentPortion div.ClearFix div.IETextBoxValidatorFix
{
	margin-bottom: -17px;
	height: 64;
	width: 230;
}


div#FormFragmentPortion div.ClearFix div input.MakeRoomForLinkImage
{
	font-size: 0.9em; 
	width: 82%; 
	margin-left: 8px;
}
div#FormFragmentPortion div.ClearFix div a 
{
	float:right;
	margin: -8% 10% 0 0; 
}

/*IE can't recognise html>body so ignores it. This class below is just for FireFox */

html>body div#FormFragmentPortion div.ClearFix div a 
{
	margin-right :25% ; 
}

div#FormFragmentPortion div.ClearFix div select
{
	font-size: 0.9em; 
	width: 87%;
	margin-left: 8px;
}
/*IE can't recognise html>body so ignores it. This class below is just for FireFox */
html>body div#FormFragmentPortion div.ClearFix div select
{
	width: 95%;
}

div.RightHandMenu
{
	margin: 9px 0px 0px 10px;
}
div.RighthandMenu ul
{
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}
div.RighthandMenu ul li
{
	list-style-type: disc;	
}
div.RightHandMenu ul li a
{
	font-size: 0.8em;
	text-decoration: underline;
	color: Navy;
	padding: 2px 2px 2px 2px;

}


.LI_Title
{
	margin-left:-10px;
	font-weight:bold;
	font-family:Arial ;
	font-size:smaller;
}

div.RightHandMenu ul li a:hover 
{
}
div span.HelperText
{
	font-size: 10px;
	color: Navy;
	width:75%;
}
div.LinkButton
{
	padding: 4px 4px 4px 0px;
	margin: 0px 0px 0px 0px;
}
div#Footer
{
	margin: 4px 0 0 0;
	font-size: 0.7em;
}
div#Footer select, input 
{
	font-size: 0.6em;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
}
div#Bottom
{
	font-size: 0.6em; 
	/*margin-left: 20px;*/	
	padding: 10px 0.2em 0 0.2em;
	position: relative;
	bottom : -100px;
	left:0px;
	margin-right: 30%;
}

span.AuditNormal
{
	color:Green;
	font-size:smaller;	
}

span.AuditHighlight
{
	color:Maroon;
	font-size:smaller;
}

a.BigLinkButton
{
	padding-left: 5%;
}
.Error
{
	color:Red;
	font-weight:bold;
}
.ErrorTitle
{
	font-size:large;
	font-weight: bold;
	position: relative;
	margin : 5% 5% 5% 5%;
}
.ErrorText
{
	font-size: small;
	position: relative;
	padding: 5% 5% 5% 5%;	
}
.Waiting
{
	font-size:small;
	font-weight:bold;
	padding-left:10%;
}
.WaitingLoad
{
	padding-left:10%;
	color:Blue;
}
.CCBWaiting
{
	font-size:small;
	font-weight:bold;
	margin : 10% 10% 10% 10%;
	
}
.CCBWaitingText
{
	font-size:smaller ;
	font-weight:bold;
	margin : 10% 10% 10% 10%;
	
}

.AddressTitle
{
	font-size:smaller;
	font-weight:bold;
}

div#FormFragmentPortion h4
{
	font-weight:bold;
}

/* The following is a fix for IE's lack of support for the "clear" statement, devised by Tony Aslett - www.csscreator.com */
/* simply add the ClearFix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.ClearFix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.ClearFix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .ClearFix {height: 1%;}
.ClearFix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/******* header classes *******/
/*
h1 {	font-weight: bold;	font-size: 16px;color: #000000;margin: 12px 0px 6px 0px}
h2 {	font-weight: bold;font-size: 17px;color: #0f26ab;padding: 0;margin: 8px 0px 6px 0px}
h3 {	font-weight: bold;font-size: 11px;color: #000F60;border-bottom: 1px solid #bbbfda;padding: 1px 8px 1px 1px; margin: 8px 0px 6px 0px}
h4 {	font-weight: bold;font-size: 11px;color: #000F60;padding: 1px 8px 1px 1px; margin: 8px 0px 4px 0px}
h5 {	font-weight: bold;font-size: 11px;color: #000;padding: 0; margin: 4px 0px 4px 0px}
*/		
.subhrd{font-weight: bold;font-size: 11px;color: #000;padding: 4px 0px 1px 0px; margin: 8px 0px 6px 0px;}
.selected {color: #3b56e6}
/******* Flipdown header *******/
/*.IconContainer {position:relative; padding-top:12px; float:right;}
.MiniMaxiContainer {margin:0; padding:0;}*/
.iconh3 { display:inline-block; text-align:left;  font-size: 1.0em; padding: 0px 0px 0px 4px;}
.ContentContainer { display:none}
.Container { display:none; background-color:red}

/* content for flipdown*/
.showHideContentPanel {padding: 0px; 	font-size: 1.0em; }

/******* Flip *******/
.flipInactive {		position:relative; top:-1px; height:16px; margin: 0 -3px 0 6px; padding: 2px 8px 2px 8px; 
					font-family:Arial;font-size: 10px;color: #000;text-decoration:none;
					border: 1px solid #BBBFDA; border-bottom: none;
					background-color:#F6F6FE; cursor:hand;overflow:hidden} /*efefef*/
.flipActive {		position:relative; top:+1px; height:18px; margin: 0 -3px 0 6px; padding: 2px 8px 2px 8px; 
					font-family:Arial;font-size: 10px;color: #000; text-decoration:none;
					border: 1px solid #556a9f; border-bottom:none; 
					background-color:#F7F7FF; z-index:+1;overflow:hidden}
.flipActiveW {		position:relative; top:+1px; height:18px; margin: 0 -3px 0 6px; padding: 2px 8px 2px 8px; 
					font-family:Arial;font-size: 10px;color: #000; text-decoration:none;
					border: 1px solid #556a9f; border-bottom:none; 
					background-color:#fff; z-index:+1;overflow:hidden}

/* ************************************************************************** */
/*								Generic DataGrid							  */
/* ************************************************************************** */
DIV.datagrid-generic { PADDING-TOP: 6px  }
DIV.datagrid-generic TABLE { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 11px; BORDER-LEFT: black 1px solid; WIDTH: 768px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: beige}
/*RJ: Fix for FireFox below, datagrid was too wide*/
html>body DIV.datagrid-generic TABLE {width:95%;}
DIV.datagrid-generic TR { HEIGHT: 30px }
DIV.datagrid-generic TD { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px }
DIV.datagrid-generic A { FONT-WEIGHT: bold; COLOR: #0000ff; TEXT-DECORATION: none }
DIV.datagrid-generic A:hover { FONT-WEIGHT: bold; COLOR: #ff0000; TEXT-DECORATION: underline }
.datagrid-generic-header TD { FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-ALIGN: center; height: auto;}
.datagrid-generic-pager TD { FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-ALIGN: center }
.datagrid-generic-alternating-item { VERTICAL-ALIGN: top; BACKGROUND-COLOR: rgb(239,239,239) }
.datagrid-generic-item { VERTICAL-ALIGN: top; BACKGROUND-COLOR: white }
.datagrid-generic-selected-item { VERTICAL-ALIGN: top; BACKGROUND-COLOR: rgb(191,191,191) }

/* ************************************************************************** */
/*
div.iconh3
{
	font-size: 2.0em; 
}
div.showHideContentPanel
{
	font-size: 3.0em; 
}
*/
.CommentsBox
{
	width : 50%;
	height: 71px;
}
.EaDetails
{
	font-family:MS Sans Serif  ;
	font-weight:bold;
	margin-left:-10px;
	margin-top:10px;
}

/* ************************************************************************** */
/*								white DataGrid							  */
/* ************************************************************************** */
DIV.datagrid-white { PADDING-TOP: 6px; padding-left: 8px; }
/*
DIV.datagrid-white TABLE { border-style: none; WIDTH: 768px; FONT-FAMILY: arial; BACKGROUND-COLOR: white; }
*/
DIV.datagrid-white TABLE
{
	margin: 0;
	padding: 0;
	border: 0; 
	border-collapse: collapse;
	text-align: left;
	border-style: none;
}
/*RJ: Fix for FireFox below, datagrid was too wide*/
html>body DIV.datagrid-white TABLE {width:95%;}
DIV.datagrid-white TD { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; font-size:0.9em; }
DIV.datagrid-white A { FONT-WEIGHT: bold; COLOR: #0000ff; TEXT-DECORATION: none }
DIV.datagrid-white A:hover 
{ 
	FONT-WEIGHT: bold; 
	COLOR: #ff0000; 
	TEXT-DECORATION: underline;
}
/*
.datagrid-white-header TD { FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-ALIGN: center; height: auto;}
*/
.datagrid-white-header TD 
{
	font-size: 13px;
	padding: 1px 4px 1px 4px;
	border-bottom: solid 1px #8998E6;
	border-top:  solid 1px #EBEEFF;
	border-left:  solid 1px #EBEEFF;
	border-right: solid 1px #EBEEFF;
	background-color: #EBEEFF;	
}

.datagrid-white-pager TD 
{ 
	font-size: 13px;
	padding: 1px 4px 1px 4px;
	background-color: white;
}

.datagrid-white-alternating-item
{ 
	font-size: 13px;
	BACKGROUND-COLOR: rgb(239,239,239);
}

.datagrid-white-alternating-item TD
{ 
	padding: 1px 4px 1px 4px;
	border-top:  solid 1px white;
	border-bottom: solid 1px white;
	border-left:  solid 1px white;
	border-right: solid 1px white;
}

.datagrid-white-item
{ 
	padding: 1px 4px 1px 4px;
	font-size: 13px;
	border-top:  solid 1px white;
	border-bottom: solid 1px white;
	border-left:  solid 1px white;
	border-right: solid 1px white;
}

.datagrid-white-item TD
{ 
	padding: 1px 4px 1px 4px;
	border-top:  solid 1px white;
	border-bottom: solid 1px white;
	border-left:  solid 1px white;
	border-right: solid 1px white;
}

.datagrid-white-selected-item
{ 
	padding: 1px 4px 1px 4px;
	border-top:  solid 1px white;
	border-bottom: solid 1px white;
	border-left:  solid 1px white;
	border-right: solid 1px white;
	background-color: #CCFFCC; /* this is a kind of light-cyan */
}

/******* table classes *******/
table
{
	margin: 0;
	padding: 0;
	border: 0; 
	border-collapse: collapse;
	text-align: left;
}

table.tableclass
{
}

table.tableclass TH
{
	font-weight: normal;
	font-size: 13px;
	padding: 1px 4px 1px 4px;
	border-bottom: solid 1px #8998E6;
	background-color: #EBEEFF;
}

table.tableclass TD
{
	font-size: 13px;
	padding: 1px 4px 1px 4px;
	background-color: white;
}

table.bulletin
{
	width: 485px;
}

div.DetailsText
{
	font-size: 13px;
}
div.DetailsText H2
{
	font-size: 13px;
}

div.SearchHelpText
{
	font-family: verdana, arial, sans-serif;
	color: #000033;
	font-size: 100%;
	margin: 0px 0px 10px 15px;
}



div.SearchHelpText UL
{
	padding-left: 4%;
	margin: 10px 0px 10px 0px;
	font-size: 0.8em;
}

/*IE can't recognise html>body so ignores it. This class below is just for FireFox */
html>body div.SearchHelpText UL
{
	font-size: 1em;
}

div.SearchHelpText P
{
	margin: 10px 0px 0px 0px;
	font-size: 0.8em;	
	color:#000033;
}

div.SearchHelpText H2
{
	margin: 10px 0px 0px 0px;
}