div
{
   text-align: left;
}

body
{
   margin: 0px;   
   background-color: #1D4DA3; /*#B4D3F0; *//*#333333;*/
}

form
{
	border: 0;
	margin: 0;
	padding: 0;

}

.form
{
	border: 0;
	margin: 0;
	padding: 0;
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
    width: 100%;
    cellpadding: 5;
    cellspacing: 0;
    border: 1;
}
/* Sortable tables */
table.sortable {
    width: 100%;
    cellpadding: 5;
    cellspacing: 0;
    border: 1;
}

.headerouter
{
	border: 10px solid #aaa;
		
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 0px #C0C0C0;
	border-left: solid 1px #C0C0C0;   
	border-right: solid 1px #C0C0C0;      
	
	background-color: #FFFFFF;
	border-bottom: solid 0px #DDDDDD;
	margin: 0px;
	padding: 0px;
	/*background-color: #FFFFFF;*/
	vertical-align: middle;   
	
}

.header 
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	vertical-align: middle; 
}

.generalDotPoint
{
	
}
.generalDotPointInline
{
	display: inline;
}

.advertiseThis
{
	font-style: italic; 
	display: inline; 
	color: green
}
.advertiseThisWithImpact
{
	font-style: italic; 
	display: inline; 
	color: red
}
.advertiseThisResponse
{
	font-style: italic; 
	display: inline; 
	color: green
}

.contenttextlinks
{
	border: 0px hidden #FF0000;
	background-color: #EEEEEE;
	height: 50px;
}

.headerbuttons
{
	float:left;
	font-size:10px;	
	border-top: solid 13px #EEEEEE;
   	border-bottom: solid 0px #EEEEEE;
   	border-left: solid 15px #EEEEEE;   
   	border-right: solid 0px #EEEEEE;      

}

.infotext
{
	/*position: absolute;
	left:600px;
	top:100px;*/
	float:right;
	width:300px;
	height:45px;
	text-align:right;
	font-size:10px;
	border-right:solid 10px #EEEEEE;
	overflow:hidden;
}


h1
{
   font-size: 16px;     /* This sets the font size in IE and Firefox*/
	
   color: #1D4DA3;
   /*font-size: 140%;*/
   font-weight: bold;
   margin-bottom: 0px;
   margin-top: 0px;

   /*height: 24px;*/		/* Do not set height, Firefox will see this and turn on overflow */
   /*border-bottom: solid 1px #DDDDDD;   */
}

h2
{
   color: #1D4DA3;
   /*font-size: 110%;*/
   font-size: 14px;     /* This sets the font size in IE and Firefox*/
   
   font-weight: bold;
   margin-bottom: 0px;
   margin-top: 0px;

   /*height: 20px;*/		/* This sets the position of the underline in Firefox */
}

h3
{
   color: #000000;
   /*font-size: 140%;*/
   font-size: 12px;     /* This sets the font size in IE and Firefox*/
   font-weight: bold;
   margin-bottom: 0px;
   margin-top: 0px;
   
}

h4
{
   color: #1D4DA3;
   /*font-size: 80%;*/
   font-size: 12px;     /* This sets the font size in IE and Firefox*/
   font-weight: normal;
   margin-bottom: 0px;
   margin-top: 0px;
}



.bigpoint
{
   font-family: Comic Sans MS, arial, arial rounded mt bold, arial, sans serif;
   color: #1D4DA3; /*old colour #1D456E*/
   /*font-size: 150%;*/
   font-size: 18px;     /* This sets the font size in IE and Firefox*/
   font-weight: bold;
   text-align:left; /*center;  Centers image in header */
}
.bigsubpoint
{
   font-family: verdana, arial, arial rounded mt bold, arial, sans serif;
   font-style: italic;
   color: #000000; /*old colour #0000FF*/
   /*font-size: 100%;*/
   font-size: 14px;     /* This sets the font size in IE and Firefox*/
   text-align:left;
}

.bigpointcentered
{
   font-family: Comic Sans MS, arial, arial rounded mt bold, arial, sans serif;
   color: #1D4DA3; /*old colour #1D456E*/
   /*font-size: 150%;*/
   font-size: 18px;     /* This sets the font size in IE and Firefox*/
   font-weight: bold;
   text-align:center; /*center;  Centers image in header */
}
.bigsubpointcentered
{
   font-family: verdana, arial, arial rounded mt bold, arial, sans serif;
   font-style: italic;
   color: #000000; /*old colour #0000FF*/
   /*font-size: 100%;*/
   font-size: 14px;     /* This sets the font size in IE and Firefox*/
   text-align:center;
}

.bigpoint2
{
   font-family: Comic Sans MS, arial, arial rounded mt bold, arial, sans serif;
   color: #1D4DA3;
   /*font-size: 140%;*/
   font-size: 16px;     /* This sets the font size in IE and Firefox*/
   /*font-weight: bold;*/
   text-align:left;  /* Centers image in header */
}


.navigation
{
   border-top: solid 1px #C0C0C0;
   border-bottom: solid 0px #C0C0C0;
   border-left: solid 1px #C0C0C0;   
   border-right: solid 1px #C0C0C0;      
    
   vertical-align: middle;
   font-family: verdana, arial, sans serif;
   font-size: 12px;   
   height: 23px;
   margin-bottom: 0px;
   background-color: #FFFFFF;   
}

.navigation div
{
   padding: 5px 5px 5px 5px;
}

.navigation img
{
   margin-top: 5px;
   margin-left: 5px;
   margin-bottom: 2px;
}

.navigation2
{
    
   background-color: #FFFFFF;   

   border-left: solid 1px #C0C0C0; 
   border-right: solid 1px #C0C0C0;
   border-top: solid 5px #FFFFFF; 
   border-bottom: solid 5px #FFFFFF; 

}



.navigation2selected
{
   border-top: solid 1px #C0C0C0;
   border-bottom: solid 0px #C0C0C0;
   border-left: solid 1px #C0C0C0;   
   border-right: solid 1px #C0C0C0;      
    
   vertical-align: middle;
   font-family: arial, verdana, sans serif;

   height: 16px;		/* This sets the height in Firefox */
   font-size: 14px;     /* This sets the height in IE */

   font-weight: bold;

   margin-bottom: 0px;
   background-color: #FFFFFF;   

   padding: 10px 0px 5px 10px;
         /* top padding, right padding, bottom pad, left padding */

}


.blackstrip
{
   height: 2px;     /* This sets the height in Firefox */
   font-size: 2px;     /* This sets the font size in IE and Firefox*/
   background-color: #1D4DA3; /* Light Blue */
}

.topstrip
{
   border-top: solid 1px #C0C0C0;
   border-bottom: solid 0px #C0C0C0;
   border-left: solid 0px #C0C0C0;   
   border-right: solid 0px #C0C0C0;      
      
   text-align: left;
   width: 100%;
   background-color:   #EEEEEE; /*#DE9860;  #EB7602; #0000ff;*/
   height: 15px;
   color: #000000;/*#333333; *//*#EB7602;*/
   font-size: 80%;
   font-weight: bold;

}

.strip
{
   height: 155px;
   margin: 0px;
   width: 100%;

   border-bottom: solid 0px #C0C0C0;
   border-left: solid 0px #C0C0C0;   
   border-right: solid 0px #C0C0C0;      
   border-top: solid 0px #C0C0C0;   

   background-color: #000000;
}

.stripimage
{
   float: left;
   width: 640px;   
   height: 155px;
}


.iframecontent
{
	border: 0px solid #aaa;
	padding: 10px;
	font-family: arial, arial rounded mt bold, arial, sans serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;/*#EEEEEE;*/
	/*height:440px;*/
	overflow: hidden;
	margin: 10px 10px 10px 10px;
}

.content
{
	border: 1px solid #C0C0C0;
	font-family: arial, arial rounded mt bold, arial, sans serif;
	font-size: 12px;
	color: #333333;
	/*border-top: solid 1px #C0C0C0;
	border-bottom: solid 0px #C0C0C0;
	border-left: solid 1px #C0C0C0;   
	border-right: solid 1px #C0C0C0;      
	*/
	background-color: #FFFFFF;/*#EEEEEE;*/
	
	/* LJB change - disabled height here!!! */
	height:600px;
	overflow: hidden;
}

.tabContentBorder
{
	margin: 10px 10px 10px 10px;
	/*border: 10px solid #FF0000;	*/
}
	
.tabContent
{
	border: 1px solid #C0C0C0;
	padding: 10px;
}

.summaryTab
{
	padding: 10px;
}

.detailsTab
{
	padding: 10px;
}

.generalTab
{
	padding: 10px;
}

/* Options or User Administration content */
.optionsTab
{
	font-family: arial, arial rounded mt bold, arial, sans serif;
	font-size: 12px;

	/*height: 400px;*/

}


/* Doesn't seem to work for some reason have to use style in php file 
.awGrid
{
	height: 200px;
	width: 500px;
}
*/

.aw-grid-row
{
	border-bottom: 1px dashed #ccc;  /* horizontal gridlines */	
}

.aw-mouseover-row
{
	background: #ccc;  /* highlight on mouseover */
}

.contenttext
{
	border: 0px solid #aaa;
	padding: 10px;
	/*height: 400px;*/

}

.subcontentarea
{
	background-color:#FFFFFF;
	height: 100%;/*610px;*/
	/*width:642px;*/
	
	
}

.subcontenttextcentered
{
	/*width: 450px;*/
	height: 560px;
	
	overflow: auto;
	background-color:#FFFFFF;

	border-left-width: 10px;
	border-left-color: white;
	border-left-style: solid;

	border-right-width: 5px;
	border-right-color: white;
	border-right-style: solid;

	border-top-width: 20px;
	border-top-color: white;
	border-top-style: solid;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: white;

	text-align: center;
}

.subcontenttext
{
	/*width: 450px;*/
	height: 560px;
	
	overflow: hidden;
	background-color:#FFFFFF;

	border-left-width: 10px;
	border-left-color: white;
	border-left-style: solid;

	border-right-width: 5px;
	border-right-color: white;
	border-right-style: solid;

	border-top-width: 20px;
	border-top-color: white;
	border-top-style: solid;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: white;

}

.subcontentareahome
{
	float: center;
	text-align: center;
	background-color:#FFFFFF;
	height: 100%;/*610px;*/
	width: 100%
	/*width:642px;*/
	font-size:10px;	
}

.subcontenttexthome
{
	 
	width: 450px;
	height: 100%;/*520px;	*/
	
	overflow: auto;
	background-color:#FFFFFF;

	border-left-width: 15px;
	border-left-color: white;
	border-left-style: solid;

	border-right-width: 5px;
	border-right-color: white;
	border-right-style: solid;

	border-top-width: 5px;
	border-top-color: white;
	border-top-style: solid;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: white;

	
	
}

.homecontentarea
{
	background-color:#FFFFFF;
	
}

.homecontenttext
{
	width: 640px;
	height: 530px;
	float: left;
	
	font-family: arial, arial rounded mt bold, arial, sans serif;
	font-size: 12px;
	
	background-color:#FFFFFF;

	border-left-width: 30px;
	border-left-color: white;
	border-left-style: solid;

	border-right-width: 5px;
	border-right-color: white;
	border-right-style: solid;

	border-top-width: 15px;
	border-top-color: white;
	border-top-style: solid;

	border-bottom-width: 5px;
	border-bottom-color: white;
	border-bottom-style: solid;

	
}

.homecontenttextleft
{
	width: 280px;
	height: 320px;
	float: left;
	
	font-family: arial, arial rounded mt bold, arial, sans serif;
	font-size: 12px;
	
	/*overflow: auto;*/
	background-color:#FFFFFF;

	border-left-width: 5px;
	border-left-color: white;
	border-left-style: solid;

	border-right-width: 5px;
	border-right-color: white;
	border-right-style: solid;

	border-top-width: 5px;
	border-top-color: white;
	border-top-style: solid;

	border-bottom-width: 5px;
	border-bottom-color: white;
	border-bottom-style: solid;

	
}


.homecontenttextright
{
	width: 300px;
	height: 320px;
	float: left;
	
	font-family: arial, arial rounded mt bold, arial, sans serif;
	font-size: 12px;
	
	/*overflow: auto;*/
	background-color:#FFFFFF;

	border-left-width: 20px;
	border-left-color: white;
	border-left-style: solid;

	border-right-width: 5px;
	border-right-color: white;
	border-right-style: solid;

	border-top-width: 5px;
	border-top-color: white;
	border-top-style: solid;

	border-bottom-width: 5px;
	border-bottom-color: white;
	border-bottom-style: solid;

	
}

.breadbar {

	margin: 0;
	height:20px;
	width:100%;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: top;
	background-color:#1D4DA3;
	border-top: 4px solid #1D4DA3;  	
	border-bottom: 4px solid #1D4DA3;  	
	color: white;
}

.breadcrumb{
	color: white;
}

.breadcrumb a{
	color: white;
}

.breadcrumb a:visited, .breadcrumb a:active{
	color: white;
}

.breadcrumb a:hover{
	text-decoration: underline;
}

.PhoneContact
{
	float:right; 
	width:240px; 
	font: bold 16px courier; 
	border-top: 4px solid white;
	color: #1D4DA3; 
	text-align:right; 
}

.subPageTextSitemap {
	width: 458px; 
	height:35px;
	background-color:#FFFFFF;
	float:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	vertical-align: bottom;
	text-align: center;
}

.subMenuAreaNoLine{
	width: 20px; 
	height:580px;
	background-color:#FFFFFF;
	
	
	float:left;
	/* avoided padding here due to broswers handling it differently*/
	padding: 7px;
	/*padding: 10px 10px 15px 10px;*/ 
}


.subMenuArea{
	font-size: 11px;
	width: 170px; 
	height:600px;
	/*background-color:#FFFFFF;*/
	background-color: lightgrey; /*#EEEEEE;*/
	border-right-width: 2px;	
	border-right-style: solid;
	border-right-color: #C3C8CD;
	float:left;
	/* avoided padding here due to broswers handling it differently*/
	/*padding: 10px;*/
	/*padding: 10px 10px 15px 10px;*/ 
	padding: 10px 10px 0px 10px;
}


.subMenuArea a{
text-decoration: none;
color: #1D4DA3;
}

.subMenuArea a:visited, .breadcrumb a:active{
color: #1D4DA3;
}

.subMenuAreaHome{
	width: 200px; 
	height:580px;
	background-color:#FFFFFF;
	border-right-width: 1px;	
	border-right-style: solid;
	border-right-color: #C3C8CD;
	
	border-left-width: 15px;	
	border-left-style: solid;
	border-left-color: #FFFFFF;

	float:left;
	/* avoided padding here due to broswers handling it differently*/
}

.subMenuAreaHome a{
text-decoration: none;
color: #1D4DA3;
}

.subMenuAreaHome a:visited, .breadcrumb a:active{
color: #1D4DA3;
}

.contentwithoverflow
{
   font-family: arial, arial rounded mt bold, arial, sans serif;
   font-size: 12px;
   color: #333333;
   border-top: solid 1px #C0C0C0;
   border-bottom: solid 0px #C0C0C0;
   border-left: solid 1px #C0C0C0;   
   border-right: solid 1px #C0C0C0;      

   background-color: #FFFFFF;/*#EEEEEE;*/
   height:1160px;
   /*overflow: hidden;*/
   /*overflow-y:auto;*/
}

.contentwithnoylimit
{
   font-family: arial, arial rounded mt bold, arial, sans serif;
   font-size: 12px;
   color: #333333;
   border-top: solid 1px #C0C0C0;
   border-bottom: solid 0px #C0C0C0;
   border-left: solid 1px #C0C0C0;   
   border-right: solid 1px #C0C0C0;      
   background-color: #FFFFFF;/*#EEEEEE;*/
}



.contenttextoverflow
{
   height:1100px;
   padding: 10px;
   /* height: 800px; */
   padding-right: 10px;
   overflow: scroll;
}

.contenttextnoheight
{
   padding: 10px;
}

.contentside1
{
   padding: 10px;   
   float: right;
   width: 210px;
   /*background-color:#D4D9DE;*/
   background-color: #EEEEEE;
   height:80%;  /* 120% */
   border-left: solid 1px #BFC4C8;   
}

.contentside1 h1
{
   border-bottom: solid 1px #BFC4C8;   
}


.contentside2
{
	font-size:11px;
   	padding: 10px;   
   	float: right;
  	width:200px;
 	background-color: lightgrey; /*#EEEEEE;*/
   	height:120%;  
   	border-left: solid 2px #C3C8CD;       
   	
}

.contentside2 a
{
   	/*color: #EB7602;*/
	text-decoration: none;
	color: #1D4DA3;
}


.content td
{
	
   font-size: 11px;
   width: 130px;
   padding-top: 3px;
   vertical-align: top;
   border-top: solid 4px lightgrey;
}

.input
{
   border: solid 1px #333333;
   width: 290px;
   font-family: arial rounded mt bold, arial, sans serif;
   font-size: 11px;   
}

.button
{
   background-color: #DDDDDD;
   border: solid 1px #333333;
   font-family: arial rounded mt bold, arial, sans serif;   
   font-size: 11px;   
   width: 150px;
}

.imageHeader
{
    margin: 0px 0px 0px 0px;
}

.imageInline
{
    margin: 2px 7px 2px 0px;
}

.footer
{
   /*border: 10px solid #aaa;*/
   padding: 5px;
   color: #DDDDDD;/*#666666;*/
   font-family: arial rounded mt bold, arial, sans serif;   
   font-size: 10px;   
   /*width: 100%;*/  /* putthing this in causes formating issue! */
   text-align: center;
   
}

.footerheading
{
   padding: 5px;
   color: #FFFFFF;
   font-family: arial rounded mt bold, arial, sans serif;   
   font-size: 10px;   
   text-decoration: none;
   text-align: center;
   width: 420px;
}

.redtext
{
   color: red;
}

.code
{
   font-family: Courier New, Courier, Times New Roman;
   font-size: 11px;
   display: inline;
   margin-right: 3px;
}

.codeListing
{
   font-family: Courier New, Courier, Times New Roman;
   font-size: 10px;
   display: block;
   margin-right: 5px;
   background-color: #FEFEEE;
   padding: 10px;
}

/* Links from the home page for basic operations */
.HomeLinks
{
	/*background-color: #1D4DA3;*/
}

.HomeLinks a
{
	text-decoration: none;
	/*color: black;*/
	/*font-weight: bold;*/
	color:#1D4DA3;
}

.HomeLinks a:visited, .HomeLinks a:active{
	text-decoration: none;
	/*color: black;*/
	/*font-weight: bold;*/
}

.HomeLinks a:hover{
	
	background-color: #1D4DA3;
	color:white;
	font-weight: bold;
}

.HomePageHeader{
	
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;   
	border-right: solid 1px #C0C0C0;      
	background-color: #EEEEEE;	
	width: 580px;
	/*height: 70px;*/
	text-align: left;
	padding: 5px;
}


.OptionsHeader{
	
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;   
	border-right: solid 1px #C0C0C0;      
	background-color: #EEEEEE;	
	width: 700px;
	/*height: 70px;*/
	text-align: left;
	padding: 5px;
}

.ApplicationPageHeader{
	
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;   
	border-right: solid 1px #C0C0C0;      
	background-color: #EEEEEE;	
	width: 550px;
	/*height: 70px;*/
	position: absolute;
	left:310px;
	top:10px;

	text-align: left;
	padding: 5px;
}

.HelpTipExpander{
	
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;   
	border-right: solid 1px #C0C0C0;      
	background-color: #EEEEEE;	
	/*height: 70px;*/
	position: absolute;
	left:700px;
	top:10px;

	text-align: left;
	padding: 5px;
}


.HelpTip{
	
	border-top: solid 3px #1D4DA3;
	border-bottom: solid 3px #1D4DA3;
	border-left: solid 3px #1D4DA3;   
	border-right: solid 3px #1D4DA3;      
	background-color: #FFFFFF;	
	width: 350px;
	/*height: 80px;*/
	position: absolute;
	left:500px;
	top:5px;
	text-align: left;
	display:none;
	padding:5px;
}

.UserNote{
	
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;   
	border-right: solid 1px #C0C0C0;      
	background-color: #EEEEEE;	

	text-align: left;
	padding: 5px;
}

/* Links in the eConfirm application */
.ApplicationLinks
{
	/*background-color: #1D4DA3;*/
}

.ApplicationLinks a
{
	color:#1D4DA3;
}

.ApplicationLinks a:visited, .HomeLinks a:active{
	color:#1D4DA3;
}

.ApplicationLinks a:hover{
	
}

.HomePageHeader{
	
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;   
	border-right: solid 1px #C0C0C0;      
	background-color: #EEEEEE;	
	width: 580px;
	/*height: 70px;*/
	text-align: left;
	padding: 5px;
}

.ImpactArea_Section1
{
   
   color:#1D4DA3;
   font-size:18px;
   /*font-style: italic;*/
   font-weight:bold;
   margin-left:40px;
}

.ImpactArea_Section2
{
   color:#1D4DA3;
   font-size:18px;
   /*font-style: italic;*/
   font-weight:bold;
   margin-left:185px;
   padding-top: 10px
}

.ImpactArea_Section3
{
   color:black;
   font-size:12px;
   margin-left:	0px;
}

#pageNav
{
   width: 100%;
   border-top: solid 1px #DDDDDD;
   padding-top: 5px;
   margin-top: 5px;   
}

#pageNav a, .smallCaps
{
  font-size: 80%;
  color: #FD7E00;
}

/* From http://www.positioniseverything.net/articles/jello-expo.html */

#bodydiv {
	padding: 0 450px 0 450px;
	text-align: center; /* centering hack for IE5.x/Win */
	}
#sizer {
	width:5px;
	margin: 0 auto 0 auto; /* standard centering method */
	text-align: left; /* resets centering hack to default */
	}
#expander {
	margin: 0 -450px 0 -450px;
	position: relative;
	text-align: left; 
	}


{	margin: 0;
	padding: 0;
	z-index: 30}


/* Holly hack for IE \*/
* html #bodydiv,
* html #sizer,
* html #expander { height: 0; }
/* */




