/* Body */
html {height:100%;}

body {
	margin: 0px;
	/* Uncomment line below to fix FF but introduce lines */
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	background-color: #FFFFFF;
}

/* This is the main body text */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
}

/* This is the style of headings */
h1 {
	color: #CC0000;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	color: #CC0000;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	color: #CC0000;
	font-size: 1.2em;
	font-weight: bold;
}
h4 {
	color: #CC0000;
	font-size: 1.2em;
	font-weight: normal;
}

h5 {
	color: #CC0000;
	font-size: 1.0em;
	font-weight: normal;
}

pre {
	font-size: 1.2em;
}

kbd {
	font-size: 1.2em;
}

li {
	font-size: 1.0em;
}

dt {
	font-size: 1.0em;
}

dd {
	font-size: 1.0em;
}

/* Main heading at top of page */
.mainheadings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
}

/* headings within the content of the page */
.contentheadings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #CC0000;
}

/* Sub headings within the content of the page */
.contentsubheadings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 50%;
	color: #CC0000;
}

.subheadlinks {
	color: #CC0000;
}

/* Style used for Copyright and Legal statement link */
.copyrightText {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
}

/* Upcoming Events text */
.eventsText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
}

/* ********** eCos documentation styles *********** */
code {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
tt {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.COMMAND {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	font-weight: bold;
	color: #505050;
}
.SCREEN {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.PROGRAMLISTING {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.LITERAL {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.PARAMETER {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.TYPE {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.VARNAME {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
/* remove as it causes css specificity issues
.FUNCSYNOPSIS {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}*/
/* as this usually sits within a nested code tag set relative size to 1 to compensate */
.FUNCDEF {
	font-family: Courier New, monospace;
	font-size: 1em;
	color: #505050;
}*/

.FUNCSYNOPSISINFO {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.FUNCTION {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.CONSTANT {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.FILENAME {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.OPTION {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.STRUCTFIELD {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.STRUCTNAME {
	font-family: Courier New, monospace;
	font-size: 1.1em;
	color: #505050;
}
.REPLACEABLE {
	font-size: 1.1em;
	color: #505050;
	font-style: italic;
}


/* eCosPro features text */
.ecosproFeaturesText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	margin-top: 0em;
	margin-bottom: 1em;
}

/* EcosPro Boards text */
.ecosproBoardsText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	margin-top: 0em;
	margin-bottom: 1em;
}

/* News text */
.newsText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	padding: 0px 4px 0px 0px;
}

/* Grey seperator between news items */
.greySeperator {
	height: 1px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
}

.padText1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:5px;
	margin: 0px;
}

/* Large text */
.large {
	font-size: 1.1em;
}

a {	text-decoration: none;}

/* Standard hover for links used on the site */
a:hover {
	text-decoration: underline;
}

/* avoid anchors getting link effects */
a[name]:hover {text-decoration: inherit; color: inherit; background: inherit} 

/* Standard links used on the site */
/* AMS: switched to a.link from a */
a.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0626B5;
	text-decoration: none;
	font-weight: bold;
}

/* Standard hover for links used on the site */
/* AMS: switched to a.link:hover from a:hover */
a.link:hover {
	color: #0626B5;
	text-decoration: underline;
}

/* Link used for subheading */
a.subHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
	text-decoration: none;
	height: 30px;
	width: 100%;
	padding: 4px;
	font-weight: normal;
}

/* Link for hover used for subheading */
a.subHeading:hover {
	text-decoration: underline;
}

/* Link for no script version of main navigation */
a.subHiddenNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	vertical-align: top;
	text-decoration: none;
	font-weight: bold;
	/* AMS width: 120px; */
	background-color: #E5E5E5;
	padding: 4px 15px;
	height: 23px;
	border: solid;
	border-width: 1px;
	border-color: #CC0000;
}

/* Link for hover no script version of main navigation */
a.subHiddenNav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #666666;
	padding: 4px 15px;
	height: 23px;
	border: solid;
	border-width: 1px;
	border-color: #CC0000;
}

/* No need for a.subHiddenNav:active */

/* Link for no script version of main navigation */
a.hiddenNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	vertical-align: text-top;
	font-weight: bold;
	/* AMS width: 120px; */
	padding: 2px 5px;
	background-color: #E5E5E5;
	height: 23px;
	border: solid;
	border-width: 1px;
	border-color: #E5E5E5;
}

/* Link for hover no script version of main navigation */
a.hiddenNav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: text-top;
	font-weight: bold;
	padding: 2px 5px;
	background-color: #666666;
	height: 23px;
	border: solid;
	border-width: 1px;
	border-color: #666666;
}

/* Left table cell for image background headings */
.leftTableCell {
	background-image: url(/images/heading_background_left.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 10px;
}

/* Right table cell for image background headings */
.rightTableCell {
	background-image: url(/images/heading_background_right.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 10px;
}

/* Centre table cell for image background headings */
.centreTableCell {
	font-weight: bold; /* PAB 050411 */
	font-size: 0.9em; /* PAB 050411 */
	background-repeat: repeat;
	background-color: #E5E5E5;
	height: 30px;
	padding: 4px 0px 0px;
	background-image: url(/images/heading_background_centre.gif);
}

/* Google form */
.formgoogle {
	text-align: right;
}

/* Google form text field button */
.formtextfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
	border: 1px solid #0029B7;
	font-size: 1.0em;
}

/* Google form submit button */
.formsubmitfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
	border: 1px solid #0029B7;
	font-size: 1.0em;
}

/* img tag to hide image border */
img {
	border: 0px none;
}

img.topright_gfx {
	border: 0px none;
	float: right;
	padding-bottom: 16px;
	padding-top: 16px;
	padding-left: 20px;
}


/* Main table used for site */
.mainTable {
  height: 100%;	/* this is what makes the main area expand to fill the whole page (doesn't work for IE7) */
	width: 100%;
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

/* Table Cell used for Ecoscentric logo at top of page */
.headerTD {
	height: 94px;
	width: 100%;
	background-image: url(/images/header.jpg);
	background-repeat: no-repeat;
}

/* Table Cell for the Search box */
.searchTD {
	padding: 0px 5px 0px 0px;
}

/* Table Cell containing small images and heading at top of page */
.bannerTD {
	height: 65px;
}

/* Table Cell containing images on left */
.bannerLeftTD {
	width: 220px;
}

/* Table Cell containing images on right */
.bannerRightTD {
	width: 330px;
}

/* Table Cell for spacing between tables */
.spacerTD {
	width: 10px;
}

/* Table Cell for spacing between tables */
.backgroundColourSpacerTD {
	width: 23px;
	background-color: #F7F7F7;
}

/* Table Cell for upcoming events and ecospro boards */
.leftCentreTD {
	width: 210px;
}

/* Table Cell for news and community news */
.rightCentreTD {
	width: 33%;
}

/* Table Cell for front page news images */
.newsImageTD {
	width: 82px;
	text-align: center;
}

/* Table Cell for news page news images */
.news2ImageTD {
	width: 150px;
	text-align: center;
}

/* Table Cell for white space above copyright table */
.bottomSpacerTD {
	height: 30px;
}

/* Table Cell for background colour space above copyright table */
.backgroundColourBottomSpacerTD {
	height: 30px;
	background-color: #F7F7F7;
}

/* Table cell containing ecos image and google search */
.topTD {
	height: 94px;
}

/* Table containing ecos image and google search */
.topTABLE {
	height: 94px;
	width: 100%;
}

/* Border Table */
.borderTABLE {
	height: 100%;
	width: 100%;
}

/* Navigation Table Cell background */
.topCentreTableCellRed {
	color: #CC0000;
	background-color: #CC0000;
	height: 6px;
	font-size: 2px;
}

.topCentreTableCellGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #666666;
	background-color: #E5E5E5;
	top: 50%;
	height: 20px;
}

.borderTopLeftTD {
	height: 20px;
	width: 28px;
	background-color: #F7F7F7;
	background-image: url(/images/top_left_border2.gif);
	background-repeat: no-repeat;

}
.borderLeftTD {
	background-image: url(/images/left_border2.gif);
	background-color: #F7F7F7;
	background-repeat: repeat-y;
}
.borderTopRightTD {
	height: 20px;
	width: 41px;
	background-color: #F7F7F7;
	background-image: url(/images/top_right_border.gif);
	background-repeat: no-repeat;
}
.menuborderTopRightTD {
	height: 1px;
	width: 41px;
	background-color: #F7F7F7;
	background-image: url(/images/top_right_menu_border.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.borderBottomLeftTD {
	height: 41px;
	width: 28px;
	background-color: #F7F7F7;
	background-image: url(/images/bottom_left_border2.gif);
	background-repeat: no-repeat;

}
.contentTD {
	height: 100%;
	vertical-align: top;
	background-color: #FFFFFF;
}
.SAcontentTD {
	height: 100%;
	vertical-align: top;
	padding: 5px;
}
.topSpacerTD {
	height: 11px;
	background-color: #F7F7F7;
}
.menutopSpacerTD {
	height: 23px;
	background-color: #F7F7F7;
	background-position: bottom;
	background-image: url(/images/bottom2.gif);
	background-repeat: repeat-x;
	vertical-align: bottom;
}
.borderRightTD {
	background-image: url(/images/right_border.gif);
	background-color: #F7F7F7;
	background-repeat: repeat-y;
}
.borderBottomTD {
	height: 41px;
	background-color: #F7F7F7;
	background-image: url(/images/bottom.gif);
	background-repeat: repeat;
}
.borderTopTD {
	height: 20px;
	background-color: #F7F7F7;
	background-image: url(/images/top.gif);
	background-repeat: repeat;
}
.borderTopLeftMenuTD {
	height: 13px;
	width: 28px;
	background-color: #F7F7F7;
	background-image: url(/images/top_left_menu_border2.gif);
	background-repeat: no-repeat;
}
.borderBottomRightTD {
	text-decoration: none;
	height: 41px;
	width: 41px;
	background-color: #F7F7F7;
	background-image: url(/images/bottom_right_border.gif);
	color: #FFFFFF;
}

/* Additional user defined styles */
.nostyle {
	list-style-type: none;
}

.nostyle ul {
	list-style-type: none;
}

.nostyle li {
	list-style-type: none;
}

div.scroll {
	height: 250px;
	width: 98%;
	overflow: auto;
	border: 1px solid #666;
  background-color: #E5E5E5;
	padding: 8px;
}

/* margin space - mainly used to separate out and provide a gap between list elements */
.spaceafter1 {
	margin-bottom: 10px;
}

/* Alternate table rendering as per middleware_summary.shtml */
table.alt {
	border-spacing: 0px;
}

table.alt caption {
  font-weight: bold;
}

table.alt td {
  border-width: 0px;
  text-align: left;
}

tr.alt {
	background: #E0E0FF;
}

/* used for eCosPro licenses */
h1.black_h {
	padding-top: 0px;
	color: #444444;
	font-size: 1.0em;
	font-weight: bold;
}
h2.black_h {
	padding-top: 15px;
	color: #444444;
	font-size: 1.0em;
	font-weight: bold;
}

p.l_indent1 {
	padding-left:1em;
}
p.l_indent2 {
	padding-left:2em;
}

/* Used for registration drop down select */
.ddselect {
        width: 314px;
}
.ddselect_wide {
        width: 386px;
}

/* sorttable definitions */
a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	min-width: 50px;
	border-style: solid;
	border-color: #444;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

/* These are for eCosPro documentation */
ul.TOCl0,ul.TOCl1,ul.TOCl3,ul.TOCl4 {
  list-style-type: none;
}

ul.TOCl2 {
  list-style-type: circle;
}

ol.TOCl0 {
  list-style-type: upper-roman;
}

span.smallsup {
  font-size: 0.5em;
  vertical-align: super;
}

span.unsupported {
  font-style: italic;
  font-size: 0.9em;
  color: #CC0000;
}

span.doclicense {
  font-size: 0.8em;
}

hr.grey {
  height: 1px;
  border-width: 0;
  color: #666;
  background-color: #666;
}