/*
    Page Header
*/

.PageHeader
{
    color: #2163AD;
    font-family: Verdana;
	font-size: 140%;
	font-weight: bolder;
	
	height: 49px;
}
.PageHeader A:link
{
    color: #2163AD;
}
.PageHeader A:visited
{
    color: #2163AD;
}


/*
    Application Header
*/

.ApplicationHeader
{
    color: White;
    font-family: Verdana;
	font-size: 140%;
	
	height: 30px;
	width: 100%;
	background-color: #99CDFF;
	margin-bottom: 12px;
}


/*
	LHS Menu
*/

.LHSMenu {
	width: 180px;
	height: 410px;
	background: #669ACC url(images/MenubarCornerSE.gif) no-repeat bottom right;
}

.LHSMenuContents 
{
    padding: 0px 20px 0px 3px;
}

.LHSMenuTop { 
	background: url(images/MenubarCornerNE.gif) no-repeat top right;
}

.LHSMenuContents A:link
{
    color: #003366;
    font-family: Verdana;
    font-size: 90%;
    font-style: normal;
    text-decoration: none;
    padding: 0px 0px 0px 12px;
}

.LHSMenuContents A:visited
{
    color: #003366;
    font-family: Verdana;
    font-size: 90%;
    font-style: normal;
    text-decoration: none;
    padding: 0px 0px 0px 10px;
}

.LHSMenuContents A:hover
{
    color: #003366;
    font-family: Verdana;
}

.LHSMenuContents hr {
	/* Size */
    height: 1px;
	/* Remove the Border */
	border: 0;
	/* Set the colour for IE, and then other browsers. */
	color: #99CDFF;
	background: #99CDFF;
}

.SAGovLinks
{
}


/*
	Body Content
*/

.PageNote {
	background-color: #336799;
	color: White;
	margin: 4px 4px 4px 4px;
}

.PageNoteContents {
	padding: 5px 10px 5px 10px;
}

.PageNoteContents A:link
{
    color: #ffffff;
    font-family: Arial;
    font-size: 100%;
    font-style: normal;
}
.PageNoteContents A:visited
{
    color: #ffffff;
    font-family: Arial;
    font-size: 100%;
    font-style: normal;
}
.PageNoteContents A:hover
{
    color: #ffffff;
    font-family: Arial;
    font-size: 100%;
    font-style: normal;
}

.PageNoteContents p{
	margin: 3px 0px 3px 0px;
}

.PageNoteTop { 
	background: url(images/HeadingCornerNE.gif) no-repeat top right; 
}

.PageNoteBottom {
	background: url(images/HeadingCornerSE.gif) no-repeat top right; 
}

img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}

.formField
{
    color: Black;
    font-family: Arial;
    font-size: 100%;
    left: 4px;
    text-align: left
}

.formField hr {
	/* Size */
    height: 2px;
	/* Remove the Border */
	border: 0;
	/* Set the colour for IE, and then other browsers. */
	color: black;
	background: black;
}

.Mandatory 
{
	color: Red;
	font-family:Arial;
	font-size: 100%;
}


/*
	Righthand Sidebar
*/

.DividerDots
{
    /* Not sure why we need the -7px, or why it works, but it correctly
       replicates the standard SA Water site. */
	margin: 7px 0px -7px 0px;
	background-image: url(images/DividerDotsBlueOnWhite.gif);
	background-repeat: repeat-x;
}


/*
	Footer
*/

.PageFooter
{
	background: #99CDFF;
	margin: 7px 0px 7px 0px;
	padding: 2px 10px 5px 10px;
}




.cssText
{
    background-color: transparent;
    color: Black;
    font-family: Arial;
    font-size: 100%;
    font-style: normal;
    left: 4px;
    line-height: 18px;
    text-align: left;
    text-decoration: none
}
.cssForm
{
    background-color: #cccccc;
    color: Black;
    font-family: Arial;
    font-size: 100%;
    left: 4px;
    text-align: left
}
.cssFormContents
{
    background-color: #cccccc;
    color: Black;
    font-family: Arial;
    font-size: 100%;
    font-weight: bold;
    left: 4px;
    text-align: left
}
.cssPageTitle
{
    color: White;
    font-family: Verdana;
    font-size: 100%;
    text-align: left
}
.cssFormButton
{
    color: #131a97;
    font-family: Arial;
    font-size: 85%;
    font-style: normal;
    font-weight: bolder;
    text-decoration: none
}
.cssRow1
{
    color: Black;
    font-family: Verdana;
    font-size: 85%;
    font-weight: normal;
    left: 4px;
    text-align: left
}
.cssRow2
{
    background-color: #dcdcdc;
    color: Black;
    font-family: Verdana;
    font-size: 85%;
    font-weight: normal;
    left: 4px;
    text-align: left
}
.cssSelected
{
    background-color: #48d1cc;
    color: #0f0b68;
    font-family: Verdana;
    font-size: 85%;
    font-weight: normal;
    left: 4px;
    text-align: left
}
.cssNewsTitle
{
    color: #00659c;
    font-family: Verdana;
    font-size: 120%;
}
.cssBigPageText
{
    color: #00659c;
    font-family: Verdana;
    font-size: 110%;
    font-weight: bold
}
.cssPageText
{
    color: Black;
    font-family: Verdana;
    font-size: 90%;
    font-weight: normal
}
.cssTextField
{
    color: Black;
    font-family: Verdana;
    font-size: 100%;
    font-weight: bold
}
.cssErrorText
{
    color: #ff0022;
    font-family: Arial;
    font-size: 120%;
    font-weight: bold
}
.cssWelcomeTitle
{
    color: White;
    font-family: Verdana;
    font-size: 130%;
    font-style: normal;
    letter-spacing: 2pt
}