@charset "UTF-8";
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	background-image: url(images/ECCCbackground.gif);
	background-repeat: repeat;
	line-height: 1.25em;
}
h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #006666;
}
h2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #33cccc;
}
h3 {
	font-style: italic;
	font-weight: bold;
	color: #33cccc;
	font-size: 1em;
	line-height: 6px;
}
h4 {
	font-size: 0.9em;
	font-weight: normal;
	font-variant: small-caps;
}
#banner {
	background-image: url(navigation/ECCCbanner.gif);
	height: 180px;
	width: 942px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	text-decoration: none;
}
#content {
	background-color: #ffffcc;
	width: 942px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 18px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: auto;
	padding-top: 9px;
}

#navigation {
	width: 138px;
	padding-right: 18px;
	padding-left: 20px;
	float: left;
	margin-top: 36px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 90%;
	line-height: 1.2em;
	list-style-position: outside;
	list-style-image: url(images/arrow.gif);
	display: inline;
}
#navigation .menu:hover {
	background-position: 0px -21px;
}
#navigation .menu:visited {
	background-position: 0px -41px;
}
#maincolumn {
	background-color: #FFFFFF;
	width: 554px;
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 6px;
	padding-bottom: 18px;
	height: auto;
	margin-left: 176px;
	margin-right: 0px;
	background-image: url(images/topper.gif);
	background-repeat: no-repeat;
}

#sidecolumn {
	font-size: 90%;
	color: #006666;
	background-color: #ccffcc;
	width: 120px;
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 9px;
	padding-bottom: 18px;
	margin-top: 36px;
	float: right;
	margin-right: 20px;
	margin-left: 0px;
	line-height: 1.2em;
	background-image: url(images/curve-shadow.gif);
	background-repeat: repeat-y;
	display: inline;
}

* html #sidecolumn {
	margin-right: 6px;
}

.menu {
	height: 18px;
	width: 138px;
	overflow: hidden;
	top: 1px;
	background-position: 0px -1px;
	margin-bottom: 6px;
}
li.arrow {
	margin-left: -1em;
	list-style-position: outside;
	list-style-image: url(images/arrow.gif);
}
a:link {
	color: #006666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #66cc99;
	text-decoration: none;
}
a:active {
	color: #33cccc;
	text-decoration: none;
}
.quote {
	font-style: italic;
	line-height: 1.5em;
}
#footer {
	font-size: 65%;
	color: #ccffcc;
	background-color: #006666;
	height: 18px;
	width: 906px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	padding-left: 36px;
}
#footer a:link {
	color: #ffffcc;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
td {
	font-size: 1em;
}
.section {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
}

/* Styles added by Paul */

table.tablegreen {
	background-color: #ccffcc;
}

td.tdwhite {
	background-color: #ffffff;
	font-size: 1em;
}


#maincolumnmaintenance {
	background-color: #FFFFFF;
	width: 910px;
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 6px;
	padding-bottom: 18px;
	height: auto;
	margin-left: 10px;
	margin-right: 0px;
	background-image: url(images/topper.gif);
	background-repeat: no-repeat;
}

#contentMaintenance {
	background-color: #ffffcc;
	width: 972px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 18px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: auto;
	padding-top: 9px;
}

.feedback {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #FF0000;
	font-weight: bold;
}

.submitButton
		{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		background-color: #ccffcc;
}

.submitButtonMaintenance
		{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 12px;
		color: #000000;
		background-color: #ccffcc;
}

th.maintenance
		{
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #000000;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
}
th.maintenanceColor
		{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		background-color: #66cc99;

}

td.maintenanceColor
		{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 12px;
		color: #000000;
		background-color: #ccffcc;

}

span.maintenance, td.maintenance, select.maintenance, .maintenance, textarea.maintenance, type.maintenance
		{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 14px;
		color: #000000;
}

.infoBox    { background: #99c }
.infoBoxContents   { 
	font-size: 14px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 14px; 
	background: #f8f8f9 
}

input {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: 1em;
	font-style: normal;
}
textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: 1em;
	font-style: normal;
}

select {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: 1em;
	font-style: normal;
}

/* EOF */



/* Sortable tables */
table.sortable thead {
    color:#0000F8;
    font-weight: bold;
    cursor: default;
}

tr.mainDNNotes, table.mainDNNotes {
	background-color:#ffffe6;
}


tr.altDNNotes {
	background-color:#FFFFCC;
}

td.altcolDNNotes {
	background-color:#FFFF99;
}

td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #CAE8EA url(images/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
        }
th.forwardSort
        {
        background:#CAE8EA url(images/bg_header_down.jpg) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#CAE8EA url(images/bg_header_up.jpg) no-repeat 0 0;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected*/
th.sort-active
        {
        background:#CAE8EA url(images/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
/* EOF */

td a:hover
        {
        color:#a84444;
        border-bottom:1px dotted #a80000;
        background:transparent;
        }
td.lft
        {
        text-align:left;
        }
tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }
/* Poor old Internet Explorer has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
tr[class="alt"] td
        {
        background: #F5FAFA url(images/td_alt.jpg) no-repeat;
        }
td[class~="alt"]
        {
        background: #edf3f3 url(images/col_alt.jpg) no-repeat !important;
        }

/*end of table sort display*/

/* Pagination list styles */
ul.fdtablePaginater
        {
        display:table;
        list-style:none;
        padding:0;
        margin:0 auto;
        text-align:center;
        height:2em;
        width:auto;
        margin-bottom:2em;
        }
ul.fdtablePaginater li
        {
        display:table-cell;
        padding-right:4px;
        color:#666;
        list-style:none;
        
        -moz-user-select:none;
        -khtml-user-select:none;
        }
ul.fdtablePaginater li a.currentPage
        {
        border-color:#a84444 !important;
        color:#000;
        }
ul.fdtablePaginater li a:active
        {
        border-color:#222 !important;
        color:#222;
        }
ul.fdtablePaginater li a,
ul.fdtablePaginater li div
        {
        display:block;
        width:2em;
        font-size:1em;
        color:#666;
        padding:0;
        margin:0;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        font-family:georgia, serif;
        }
ul.fdtablePaginater li div
        {
        cursor:normal;
        opacity:.5;
        filter:alpha(opacity=50);
        }
ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span
        {
        display:block;
        line-height:2em;
        border:1px solid #fff;
        background:#fff url(images/gradient.gif) repeat-x 0 -20px;
        }
ul.fdtablePaginater li a
        {
        cursor:pointer;
        }
ul.fdtablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        border-color:#aaa;
        }
.fdtablePaginaterWrap
        {
        text-align:center;
        clear:both;
        text-decoration:none;
        }
ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span
        {
        font-weight:bold !important;
        }
/* Keep the table columns an equal size during pagination */
td.sized1
        {
        width:16em;
        text-align:left;
        }
td.sized2
        {
        width:10em;
        text-align:left;
        }
td.sized3
        {
        width:7em;
        text-align:left;
        }
tfoot td
        {
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
#visibleTotal
        {
        text-align:center;
        letter-spacing:auto;
        }
* html ul.fdtablePaginater li div span,
* html ul.fdtablePaginater li div span
        {
        background:#eee;
        }
tr.invisibleRow
        {
        display:none;
        }
/* end of pagination */

/* Yav FORm Error Checking */

.inputError {
	BORDER-RIGHT: #FF8000 1px solid; BORDER-TOP: #FF8000 1px solid; MARGIN: 0px; BORDER-LEFT: #FF8000 1px solid; BORDER-BOTTOM: #FF8000 1px solid; COLOR: #FF8000; BACKGROUND-COLOR: #FFFFD7
}
.inputNormal {
	BORDER-RIGHT: #004080 1px solid; BORDER-TOP: #004080 1px solid; BORDER-LEFT: #004080 1px solid; BORDER-BOTTOM: #004080 1px solid; COLOR: #004080; BACKGROUND-COLOR: #efefef
}
.innerError {
    background-image: url(images/invalid.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: white;
    padding-left: 20px;
    padding-top: 1px;
	BORDER-RIGHT: #FF8000 0px solid; BORDER-TOP: #FF8000 10x solid; MARGIN: 0px; BORDER-LEFT: #FF8000 0px solid; BORDER-BOTTOM: #FF8000 0px solid; COLOR: #FF8000
}
/* EOF */