/*---------------------------------------------------------------------------------
Re-style March 2011.
Pre-existing usage of tables for layout makes CSS styling difficult.
---------------------------------------------------------------------------------*/

body
{
	background: url(  "../images/bg.png" ) no-repeat fixed center top #ADDAD0;
}

table#tblPage
{
	width: 980px;
	margin: 0px auto;
	background-color: #FFF;
}

table#tblPage td#secSideMenu
{
	width: 20px !important;
}

table#tblMain
{
	width: 940px;
}

table#dgRecords 
{
	width: 100% !important;	
}

img#imgCards 
{
	display: none;	
}

.logo a span {
	font-size: 10pt;
	color: #0b372a;
	font-weight: bold;
	text-align: right;
	width: 299px;
	display: block;
}

.logo img {display: block; margin: 0 0 12px 0; border: 0}

.logo a:Hover img
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/*-------------------------------------------------------------------------------*/

table.menubox
{
	background-color: Transparent;
	border: 2px solid #10FF20;
}

table.pageBox
{
	background-color: #FFFFFF;
	border: 2px solid #003200;
}
span.menuLabel
{
	font-family: Arial, Sans-Serif;
	color: #FFFFCC;
	text-decoration: none;
	font-size: 10pt;
	font-weight: 600;
	text-decoration: underline;
}

input.menubutton
{
	background-color: Silver;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	height: 22px;
}
span.fieldlabel
{
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

span.formfieldlabel
{
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
}

span.field
{
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

table.left
{
	background-color: #003200;
}

BODY
{
	border: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
}

A:link
{
	text-decoration: none;
	color: #009B7C;
	font-size: 9pt;
}

A:visited
{
	text-decoration: none;
	color: #009B7C;
	font-size: 9pt;
}

A:active
{
	text-decoration: none;
	color: #009B7C;
	font-size: 9pt;
}

A:hover
{
	text-decoration: underline;
	color: #009B7C;
	font-size: 9pt;
}


A.LinkWithinGrid:link
{
	text-decoration: none;
	color: #009B7C;
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
}

A.LinkWithinGrid:visited
{
	text-decoration: none;
	color: #009B7C;
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
}

A.LinkWithinGrid:active
{
	text-decoration: none;
	color: #009B7C;
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
}

A.LinkWithinGrid:hover
{
	text-decoration: underline;
	color: #009B7C;
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
}



UL LI
{
	list-style-type: square;
}

IMG
{
	border: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

table.bare
{
	border: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table.main
{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

table.popupMain
{
	background-color: #FFFFFF;
	border: 2px solid #A6A6A6;
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

td.bare
{
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
}

td.top
{
	background-color: #103B20;
}

td.right
{
	background-color: #FFFFFF;
	border-left: 0px solid #A6A6A6;
	padding-left: 0px;
	padding-right: 0px;
}
span.pagetitle
{
	text-decoration: underline;
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
}

span.itemTitle
{
	text-decoration: none;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
}

span.featureTitle
{
	text-decoration: none;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	color: #787878;
}
input
{
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
}

span.featureDescription
{
	color: #787878;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

span.description
{
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}


span.error
{
	color: #FF0000;
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

span.descriptionheader
{
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

span.confirmtext
{
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

a.tablinkun
{
	font-family: Arial, Sans-Serif;
	color: #103B20;
	text-decoration: none;
	font-size: 10px;
}

a.tablinkun:link
{
	font-family: Arial, Sans-Serif;
	color: #103B20;
	text-decoration: none;
	font-size: 10px;
}

a.tablinkun:visited
{
	font-family: Arial, Sans-Serif;
	color: #103B20;
	text-decoration: none;
	font-size: 10px;
}

a.tablinkun:active
{
	font-family: Arial, Sans-Serif;
	color: #103B20;
	text-decoration: none;
	font-size: 10px;
}

a.tablinkun:hover
{
	font-family: Arial, Sans-Serif;
	color: #103B20;
	text-decoration: underline;
	font-size: 10px;
}

a.tablink:link
{
	font-family: Arial, Sans-Serif;
	color: #deedfc;
	text-decoration: none;
	font-size: 10px;
}

a.tablink:visited
{
	font-family: Arial, Sans-Serif;
	color: #deedfc;
	text-decoration: none;
	font-size: 10px;
}

a.tablink:active
{
	font-family: Arial, Sans-Serif;
	color: #deedfc;
	text-decoration: none;
	font-size: 10px;
}

a.tablink:hover
{
	font-family: Arial, Sans-Serif;
	color: #deedfc;
	text-decoration: underline;
	font-size: 10px;
}

img.showImage
{
	border: 2px solid #103B20;
}

/* --------------------------------------------------------------------------- */
/* BUTTONS */
.Button, .ButtonSave, .ButtonLogin
{
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	-moz-border-radius: 4px 4px 4px 4px;
	background: url( "../images/bg-navi-full.jpg" ) repeat-x scroll 0 0 #FFFFFF;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin: 0;
	padding: 5px 4px;
}
.Button:Hover, .ButtonSave:Hover, .ButtonLogin:Hover
{
	background-position: 0 -42px;	
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* PANELS */
div.Scrollable
{
	overflow: auto;
}
div.ScrollableBox
{
	overflow: auto;
	background-color: Transparent;
	color: #000000;
	border-style: solid;
	border-color: #7FA1D4;
	border-width: 1;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* OTHER DATA ENTRY CONTROLS */
.DropDownList
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	padding: 1px;
	height: 21px;
	border-style: solid;
	border-color: #009B7C;
	border-width: 1px;
}
.RadioButton
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
.CheckBox
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* LABELS */
.LabelMainTitle
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}
.LabelApplicationStage
{
	background-color: Transparent;
	color: #FF0000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}
.LabelSubTitle
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 13pt;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 14;
}
.LabelTitle
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.LabelTitle10
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
.Label
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
.LabelHoge
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 6pt;
	font-weight: normal;
	text-decoration: none;
}
.LabelMain
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
.LabelHighlight
{
	background-color: Transparent;
	color: #0000FF;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.LabelError
{
	background-color: Transparent;
	color: #FF0000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
/* (frmLogin) */
.LabelTitleLogin
{
	background-color: Transparent;
	color: #000064;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.LabelTitleLoginL
{
	background-color: Transparent;
	color: #000064;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.LabelLogin
{
	background-color: Transparent;
	color: #000064;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
/* (ucSideMenu) */
.LabelSideMenu
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
.LabelSideMenu1
{
	background-color: Transparent;
	color: #000064;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
/* aligned center (frmEnquirySent) */
.LabelTitleC
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.LabelC
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
/* aligned right (e.g. costs - frmShowEvent, frmShowProposal, ucReports) */
.LabelR
{
	background-color: Transparent;
	color: #000000;
	text-align: right;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
.LabelHelp
{
	background-color: Transparent;
	color: #ffffcc;
	text-align: right;
	font-family: Arial, Sans-Serif;
	font-size: 1;
	font-weight: normal;
	text-decoration: none;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* DATA GRIDS */
.Grid
{
	color: #000000;
	border-style: solid;
	border-color: #009B7C;
	border-width: 1;
}
.Grid td
{
	color: #000000;
	border-style: solid;
	border-color: #009B7C;
	border-width: 1;
	padding: 3px;
}
.Grid th 
{
	color: #FFFFFF;
	border-style: solid;
	border-color: #009B7C;
	border-width: 1;
	padding: 3px;	
}
.GridHeader
{
	background-color: #009B7C;
	color: #FFFFFF !important;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.GridHeader a
{
	background-color: Transparent;
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15 0 15;
}
.GridHeader a:hover
{
	background-color: Transparent;
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 15 0 15;
}
.GridHeader a:visited
{
	background-color: Transparent;
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15 0 15;
}
.GridItem
{
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	height: 20;
}
.GridAltItem
{
	background-color: #EBEDE2;
	color: #404040;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	height: 20;
}
/* no alternating colour/header no colour (ucReports, frmShowEnquiry)  */
.Grid1
{
	color: #000000;
	border-style: none;
	border-width: 0;
}
.Grid1 td
{
	color: #000000;
	border-style: none;
	border-width: 0;
	padding: 0 0 0 0;
}
.Grid1Header
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.Grid1Header a
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15 0 15;
}
.Grid1Header a:hover
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 15 0 15;
}
.Grid1Header a:visited
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15 0 15;
}
.Grid1Item
{
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	height: 20;
}
.Grid1AltItem
{
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	height: 20;
}
/* header no color/narrow item text (frmShowProposal, frmShowEvent) [take care changing font etc. as not much room] */
.Grid2
{
	color: #000000;
	border-style: solid;
	border-color: #999999;
	border-width: 0;
}
.Grid2 td
{
	color: #000000;
	border-style: solid;
	border-color: #999999;
	border-width: 0;
	padding: 0 0 0 0;
}
.Grid2Header
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.Grid2Header a
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15 0 15;
}
.Grid2Header a:hover
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 15 0 15;
}
.Grid2Header a:visited
{
	background-color: Transparent;
	color: #000000;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15 0 15;
}
.Grid2Item
{
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	height: 20;
}
.Grid2AltItem
{
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	height: 20;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* TEXTBOXES */
.Textbox
{
	background-color: White;
	color: #000000;
	text-align: left;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	border-style: solid;
	border-color: #009B7C;
	border-width: 1px;
	height: 21px;
	padding: 3px;
	margin: 1px 0;
}
.TextboxC
{
	background-color: White;
	color: #000000;
	text-align: center;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	border-style: solid;
	border-color: #009B7C;
	border-width: 1px;

	margin: 1px 0;
}
/* display only */
.TextboxDisplay
{
	background-color: Transparent;
	color: #000000;
	text-align: left;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	border-style: none;

	margin: 1px 0;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* LINES */
.Line
{
	color: #009B7C;
	width: 100%;
}
/* --------------------------------------------------------------------------- */
.TestTable
{
	color: #000000;
	border-collapse: collapse;
	border-style: solid;
	border-color: #D8D8D8;
	border-width: 1;
}
.TestTableHeader
{
	background-color: #D4DAEB;
	color: #000000;
	border-style: solid;
	border-color: #D8D8D8;
	border-width: 1;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.TestTableCell
{
	color: #000000;
	border-style: solid;
	border-color: #D8D8D8;
	border-width: 1;
}