/* basic styles */

body, td {
 	/*extra rule to enforce the proper heights for IE/Win*/
 	/*IE makes font size keywords one larger than
 	other browsers when in quirks mode*/
 	/* font-size: x-small; */
  font-size: 10pt;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	/*color: #000;*/
	margin: 0px;
	padding:0px;
	}
	
html>body {
  	/*proper font-size rule for other browsers*/
  	/* font-size: small; /*
}

tr>td {
  /*	forces inheritance of font size from the body.
  	IE does not understand this rule*/
  	font-size: inherit;
}

/* from now percentages are used to keep font sizes the same across browsers */ 

/* top banner */

.topbanner {
background-color: #E8EDFD;
padding: 0px 5px; 
border-bottom: 1px solid #01175A;; 
margin: 0px 1px 0px 1px;}

.banner {  
font-size: 75%;
border-bottom: 0px;
color: #000; 
}

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

.largeheadingleft { 
margin: 0px 1px 0px 1px; 
padding: 0px; 
border-bottom: 1px solid #01175A; 
background: url("/images/epttool/header-bg.jpg") no-repeat bottom left;
height: 96px;
}

.logo-ept	{
margin: 10px 10px 0px 200px;
float: left;
}

.logo-bg	{
margin: 5px 10px 0px 0px;
float: right;
}

.logo-bl	{
margin: 5px 10px 0px 0px;
float: right;
}

/* top nav */

.navBar{
	/*
	background: url("images/nav-bg.gif") repeat-x;
	*/
	padding: 0px 10px 0px 5px;
	margin: 0px 0px 0px 1px;

}


.navSeparator {
color: #FFFFFF;
}

/* lhs nav */

.lefthandnav	{
border-right: 1px solid #01175A;
background: #fff;
	margin: 0px;
	padding: 0px;
}


.lhs-ad	{
width: 160px! important;
width: 180px; /* Width of Menu Items */
text-align: center;
background: #fff;
margin:10px;
padding: 10px;
font-size: 0.8em;
font-weight: bold;
}











.rhs a { 
text-decoration: none; 
color: #00639F;
display: block; 
margin:0px 5px 0px 6px;
}

.rhs a:hover { 
text-decoration: none; 
color: #00639F;
text-decoration:underline;
}

/* lhs adverts */

.box3	{
border-style: solid;
border-width: 1px;
border-color: #EDEDED;
}

.page { 
text-decoration: none; 
color: #00639F; 
font-weight: bold
}

/* crumb */

.crumb {
		font-size: 75%; 
		margin: 2px 0px 0px 0px;
                height: 16px;
                line-height: 16px;
                padding-left: 10px;
		}

.crumb a:link { 
	text-decoration: underline;
	color: #000;
	}
.crumb a:visited { 
	color: #000;
	}
.crumb a:hover {
	color: #01175A;
	}
	
/* main content */



.box	{
border: 1px solid #00639F;
margin: 5px;
background: #E8EDFD;
}

.box2	{
border-style: solid;
border-width: 1px;
margin: 5px;
border-color: #00639F;
}

.bold {	 
font-weight: bold
}

H1 {
	
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	background: #00639F;
	padding: 10px;
	margin: 0px;
}

.mainpagecontent	{
/*margin: 5px; */
/*
border-left: 1px solid #01175A;
border-right: 1px solid #01175A;
border-top: 1px solid #01175A;
border-bottom: 1px solid #01175A;
*/
}

.mainpagecontent p	{
padding: 0px 10px;
}

.toolpagecontent {
margin: 0px;
}

.toolpagecontent p {
padding: 0px 10px;
}

.mainContent { 
text-decoration: none; 
color: #00639F; 
font-weight: bold;
text-decoration:underline
}

.mainContent:hover { 
text-decoration: none; 
color: #CCCCFF; 
font-weight: bold;
text-decoration:underline
}

/* right hand side */

.righthandnav	{
border-left: 1px solid #01175A;
background: #fff;
	margin: 0px;
	padding: 0px;
	width: 134px;
}

.rhsSols	{
text-align: center;
padding-bottom: 5px; 
}

/* footer */

#footer-center	{
	color: #ffffff;
	font-size: 10pt;
	text-align: left;
}

#footer-center ul  
{
	list-style: none;
	font-weight: normal;
}
	
#footer-center li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
	}
	
#footer-center a {
	color: #ffffff;
	display: inline;
	font-weight: normal;
	text-decoration: none;
}


/* lesser used styles */

/* index page lists */

#list {
	margin: 10px;
	padding: 5px;
	}

	#list p {
		display: inline;
		text-indent: -15px;
		}
		
 #list ul, #list li {
		display: block;
		margin: 0;
		padding: 0;
		text-indent: 15px;
		}

/* add a comma at the end of each line */
	#list ul li:after {
		content: "; ";
		}
/* the last line gets a full stop. */		
	#list ul li.last:after {
		content: ". ";
		}

/* site map */

.leftNav { text-decoration: none; color: #00639F;}

.leftNav:hover { text-decoration: none; color: #019901;}

/* sheets/products.jsp */

.leftNavBold { text-decoration: none; color: #00639F; font-weight: bold}

.leftNavBold:hover { text-decoration: none; color: #019901; font-weight: bold}

/* news page */

.news { text-decoration: none; color: #00639F;;}

.news:hover { text-decoration: none; color: #00639F;; text-decoration:underline;}

.newsBold { text-decoration: none; color: #00639F; font-weight: bold;}

.newsBold:hover { text-decoration: none; color: #00639F; font-weight: bold; text-decoration:underline;}

/* glossary page */

.glossaryTitle {
border: 1px outset;
background-color: #E8E8E8;
border-color: #999999 #000000 #000000 #999999;
}

.dashedLine {
border-top: 1px dashed #00639F;
}

/* text only version */

.pageLink { text-decoration: none; color: #019901;}

.pageLink:hover { text-decoration: underline; color: #019901;}

/* print version */

.printLink { text-decoration: none; color: #00639F;}

.printLink:hover { text-decoration: underline; color: #00639F;}

/*tool styles */

.bgPage{
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00639F;
}

.bgData{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00639F;
}

.bgExplain{
	
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00639F;
	padding: 5px 5px 5px 5px;
	margin: 0px 210px 0px 0px;
}

.main { text-decoration: none; color: #00639F; font-weight: bold}

.mainitalic { text-decoration: none; color: #00639F; font-weight: bold; font-style: italic;}

.enquiry 	{
			font-weight: bold;
			font-style: italic;
			}
			
.formsave { 
	font-size: 80%; 
	color: #ffffff;
	font-weight: bold;
	}

input.formsave {
	background-color: #00639F;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	}
		
.toolButton {
	font-size: 80%; 
	font-weight: bold;
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 1px 7px;
	}	
	
 a.toolButton.visited { 
	font-size: 80%; 
	font-weight: bold;
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 1px 7px;
	}
	
a.toolButton:hover
{
	font-size: 80%;	
	color: #666666;
	font-weight: bold;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 1px 7px;
	} 
	
a.toolButton:active, a.graphButton:focus
{
	border: 2px; 
	border-style: solid; 
	border-color:#336699;
	}

table.dataTable {
        margin: 10px;
}

/* Tool Login / Register */

.Toolheader	{
background-color: #00639F;
color: #fff;
font-weight: bold;
padding: 5px;
}

.arrow-register	{
}

.arrow-register a	{
color: #039;
font-weight: bold;
background-image: url("/images/epttool/arrow-register.gif");
background-position: 0px 5px;
background-repeat:  no-repeat;
padding-left: 12px;
}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row label.label {
  float: left;
  width: 100px;
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
  }

div.row span.forminput {
  float: left;
  width: 400px;
  text-align: left;
}

div.row span.forminput input {
  width: 150px;
}  

  
div.row span.formsubmit {
  float: left;
  width: 290px! important;
  width: 330px;
  text-align: right;
  } 


/* register page */

div.row label.labelreg {
  float: left;
  width: 150px! important;
  width: 145px;
  text-align: left;
  padding-top: 5px;
  }

div.row span.formreg {
  float: right;
  width: 240px! important;
  width: 235px;
  text-align: right;
  align: right;
  } 
  
div.row span.formtext {
  float: right;
  width: 240px! important;
  width: 235px;
  text-align: left;
  align: right;
  }

.register-box {
border: 1px solid #039;
width: 400px;
padding: 10px;
margin: 10px;
}

.toolform1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
	}

input.toolform1 {	background-color: #cccccc; 
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
    width: 89px;
	}
	
select.toolform1 {
	background-color: #CCCCFF; 
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	}
	
textarea.toolform1 {
	background-color: #CCCCFF; 
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	}
	
.toolform2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
	}

input.toolform2 {	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
    width: 130px;
	}
	
.toolform3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
		}

input.toolform3 {	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
    width: 120px;
	}
	
.toolform4 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
		}

input.toolform4 {	
	background-color: #cccccc; 
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
    width: 153px;
	}
	
.toolform5 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
		}

input.toolform5 {	
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
    width: 90px;
	}
	
.toolform6 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
	}

input.toolform6 {
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
    width: 111px;
	}
	
.toolform7 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
	}

input.toolform7 {
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
    width: 138px;
	}
	
.compform1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	color: #000000;
	font-weight: normal;
	cursor: hand;
	}
	
select.compform1 { 
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	width: 300px;
	}	

.error {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #CC0000;
	font-weight: bold;
	}
	
.toolButton {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 1px 7px;
	}	
	
 a.toolButton.visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 1px 7px;
	}
	
a.toolButton:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;	
	color: #666666;
	font-weight: bold;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 1px 7px;
	} 
	
a.toolButton:active, a.graphButton:focus
{
	border: 2px; 
	border-style: solid; 
	border-color:#336699;
	}
	
.graphButton  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 2px 7px;
	width: 154px;
	}
	
 a.graphButton.visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 2px 7px;
	width: 154px;
	}
	
a.graphButton:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;	
	color: #666666;
	font-weight: bold;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	text-decoration: none;
	padding: 2px 7px 2px 7px;
	width: 154px;
	} 
	
a.graphButton:active, a.graphButton:focus
{
	border: 2px; 
	border-style: solid; 
	border-color:#336699;
	width: 154px;
	}
	
.toolgraph {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
	}

input.toolgraph {
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
        width: 88px;
}
	
.toolsave {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	cursor: hand;
	}

input.toolsave {
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	}
	
.toolreload {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	width: 280px;
	cursor: hand;
	}

input.toolreload {
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	}
	
.toolreload2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000;
	font-weight: bold;
	width: 310px;
	cursor: hand;
	}

input.toolreload2 {
	background-color: #cccccc;
	border: 1px; 
	border-style: solid; 
	border-color:#336699;
	}
		
.tableResults1 { 
background: #00639F;
color: white;
font-size: x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
text-decoration: none;
border-style: solid; 
border-color:cccccc;
border-width: 0.1em;
padding: 0.3em;
cell-spacing: 0;
margin: 0em;
text-align: left;
vertical-align: top;
}

.tableResults2 {
background: #00639F;
color: white;
font-size: x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-style: solid; 
border-color:cccccc;
border-width: 0.1em;
padding: 0.3em;
cell-spacing: 0;
margin: 0em;
text-align: center;
vertical-align: top;
}

.tableResults3 {
background: #ffffff;
font-size: x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
border-style: solid; 
border-color:cccccc;
border-width: 0.1em;
padding: 0.3em;
cell-spacing: 0;
margin: 0em;
text-align: left;
vertical-align: top;
}

.tableResults4 {
background: #ffffff;
font-size: x-small;
font-family: Courier New;
text-decoration: none;
border-style: solid; 
border-color:cccccc;
border-width: 0.1em;
padding: 0.3em;
cell-spacing: 0;
margin: 0em;
text-align: center;
vertical-align: top;
}

.tableNoResults4 {
background: #ffffff;
font-size: x-small;
font-family: Courier New;
text-decoration: none;
cell-spacing: 0;
margin: 0em;
text-align: center;
vertical-align: top;
}

.tableResults5 { 
background: #00639F;
color: white;
font-size: x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
border-style: solid; 
border-color:cccccc;
border-width: 0.1em;
padding: 0.3em;
cell-spacing: 0;
margin: 0em;
text-align: center;
vertical-align: top;
}

.tableResults6 { 
background: #ffffff;
font-size: x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
border-style: solid; 
border-color:cccccc;
border-width: 0.1em;
padding: 0.3em;
cell-spacing: 0;
margin: 0em;
text-align: left;
vertical-align: top;
}

.bgDataSmall{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00639F
}

.mainBig2 {
	font-size: small; 
	text-decoration: none; 
	color: #00639F; 
	font-weight: bold; 
	border-style: solid;
	border-width: 0em 0em 0.2em 0em;
	border-color: #f7981d;   
}

.dataRight {
        float: right;
        padding-right: 10px;
        text-align: right;
}

.dataLeft {
        padding-left: 10px;
}

.dataLogo {
        float: right;
}

.dataLogo div {
        border-left: 10px white solid; 
        border-right: 10px white solid; 
        background-color: white;
        min-height: 80px;
        /* height: 100px; */
}

.toolCrumb {
        background-color: #00639F;
        height: 50px;
        line-height: 50px;
}

.toolCrumbLeft {
        padding-left: 10px;
        font-size: 120%;
        font-weight: bold;
        color: #fff;
}

.toolCrumbRight {
        float: right;
        text-align: right;
        padding-right: 10px;
}

.toolCrumbRight img {
        position: relative;
        top: 12px;
}

.toolRightNav {
        padding: 10px;
        text-align: right;
}

.toolRightNav div {
        float: right;
        padding: 1px;
}

.toolTable {
        /* margin: 10px; */
}

.toolCrumbTable {
	border-collapse: collapse;
	border: 0;
	background-color: #00639F;
	width: 100%;
}

td.toolCrumbHeading {
	padding-left: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	height: 60px;
}

td.toolCrumbButtons {
	text-align: right;
	height: 60px;
	padding-right: 10px;
	width: 490px;
}

table.toolCrumbButtons {
	border-collapse: collapse;
	border: 0;
	background: transparent;
}

.toolCrumbButtonsText, .toolCrumbButtonsTextWb {
	text-align: left;
	font-size: 6pt;
	width: 60px;
	vertical-align: middle;
}

.toolCrumbButtonsText a, .toolCrumbButtonsTextWb a {
	text-decoration: none;
}

.toolCrumbButtonsText, .toolCrumbButtonsText a { color: white; }

.toolCrumbButtonsTextWb, .toolCrumbButtonsTextWb a { color: black; }

.toolCrumbButtonsBottomRow, .toolCrumbButtonsBottomRow a {
	text-align: right;
	color: white;
}

.toolCrumbButtonsBottomRow {
	font-size: 6pt;
}

.toolCrumbButtonsBottomRow a {
	font-size: 8pt;
	text-decoration: none;
}

.topOfPageLink { text-decoration: none; color: #019901; font-size: 8pt; }

.topOfPageLink:hover { text-decoration: underline; color: #019901;}