BODY
{
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 20pt
}
P.Bold
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: 600
}
H1
{
    COLOR: #000000;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 22pt;
    FONT-WEIGHT: 600
}
a img 
{
	border: 0px;
}
A:active
{
    COLOR: #000099;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
A:link
{
    COLOR: #000099;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
A:visited
{
    COLOR: #000099;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
H2
{
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 18pt;
}
H3
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 13pt
}
B
{
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
TD
{
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
OPTION
{
    COLOR: black;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
SELECT
{
    COLOR: blue;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
INPUT
{
    COLOR: black;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
P
{
    COLOR: black;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
TEXTAREA
{
    COLOR: black;
    FONT-FAMILY: MS Sans Serif;
    FONT-SIZE: 8pt
}
table.content
{
	width: 755px;
	border: 0;
}
.dataRow
{
	FONT-FAMILY: MS Sans Serif;
	FONT-SIZE: 8pt; 		
}
.dataRowGray
{
	FONT-FAMILY: MS Sans Serif;
	FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #CCCCCC;
}
.headerRow
{
	FONT-FAMILY: MS Sans Serif;
	FONT-SIZE: 8pt; 
	FONT-WEIGHT: bold; 
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #000000;
	text-align: left;
	padding: 2px;
	margin: 0px 0px 2px 0px;		
}
.headerRow a 
{
	color: #ffffff;
	text-decoration: none;
}
.headerRow a:hover
{
	text-decoration: underline;
}

.GrayLink, .GrayLink a, .GrayLink a:visited
{
	font-family: Arial;	
	font-size: 12px; 
	color: gray; 
	font-style: italic; 
	text-decoration: none;
}

.GrayLink a:hover
{
	font-family: Arial;	
	font-size: 12px; 
	color: #666666; 
	font-style: italic; 
	text-decoration: none;
}

.TextBoxAlignRight
{
	border-style: none;
	background-color: White;
	text-align: right;
}

.TextBoxNumber
{ 
	text-align: right;
}

.sectionBreak 
{
	clear: both;
}

.summary
{
	padding-right: 1em;
	font-weight: bold;
}

.summary input /*IE doesn't inherit*/
{
	padding-right: 1em;
	background-color: White;
	font-weight: bold;
}

.pendingDelete p
{
	color: #cccccc;
}

.error
{
	color: Red;
}

.inputError
{
	border: solid 2px #ff0000;
}

.notice
{
	font-weight: bold;
	color: Red;
}

.historyTitle
{
	color: Red;
}

.historic input, .historic textarea
{
	background-color: White;
	border-style: none;
}

img.datepicker 
{
	border:0px;
	cursor:pointer;
	vertical-align: middle;
}

/* Accordion control */
.accordionHeader
{
	width: 53em;
	clear: both;
	margin: 10px 0px 0px 0px;
	background-color: #cccccc;
}

.accordion a 
{
	padding: 2px;
	cursor: pointer;
}

.accordion .collapsed .showLink
{
	display: inline;
}

.accordion .expanded .showLink
{
	display: none;
}

.accordion .collapsed .hideLink, .accordion .collapsed .collapsible
{
	display: none;
}

.accordion .expanded .hideLink, .accordion .expanded .collapsible
{
	display: inline;
}

/* Using 'form' class to style forms as otherwise the margin of existing pages will be altered
  in certain browsers */
form.form { margin: 0 } 

div#outer { width: 755px; font-size: 12px; margin: 0; padding: 0;  }

div#side-menu { width: 170px; float: left  }
div#side-menu h1 
{
	font-size: 12px; 
	padding: 0;
	margin: 5px 0 5px 5px 
}
div#side-menu ul 
{
	list-style: none;			
	margin: 5px 0 20px 5px;
	padding: 0;	
}
div#side-menu li { margin: 3px 0; padding: 0;  }
div#side-menu span.indent {	font-weight: bold; margin-right: 10px; }

div#content { position: relative; width: 570px; padding: 5px }
div#content h1 { float: left; font-family: MS Sans Serif; font-size: 18pt; margin: 0 0 15px 0 }
div#content p { margin: 10px 0 }
div#content hr { clear: both; }

.bold { font-weight: bold }

div#content td { padding: 4px 5px 4px 0; vertical-align: top }

div#content ul { margin: 0; padding: 0 }
div#content li { margin: 5px 16px;  }
div.warning { margin: 10px 0; padding: 0; color: #FF0000; font-size: 12px; font-weight: bold }
div#content input.navButton { float: left; margin-right: 5px; }

.standardColumn
{
	position: relative;
	float: left;
	width: 26em;
	margin: 0px;
}

.searchColumn
{
	position: relative;
	float: left;
	width: 52em;
	margin: 0px;
}

.labelledValue 
{
	width: 100%;
	clear: both;
}

.label 
{
	font-weight: bold;
	float: left;
	width: 12em;
}

.value
{
	float: left;
}

.labelColumn
{
	position: relative;
	float: left;
	width: 10em; 
	margin: 0px;
	font-weight: bold;
}

.referenceColumn
{
	position: relative;
	float: left;
	width: 14em; 
	margin: 0px;
}

.detailColumn
{
	position: relative;
	float: left;
	width: 28em; 
	margin: 0px;
}

.searchTypeSelector 
{
	float: right;
	margin-bottom: 5px;
}

.localGovtOrgDetails p
{
	margin: 2px 0 2px 0;
}

.councilDetails 
{
	position: relative;
	float: left;
	width: 33em; 
	margin: 0px;
}

.councilDetails input, .councilDetails select
{
	position: absolute;
	left: 9em;
}

.councilDetails input
{
	width: 20em;
}

.councilDetails label
{
	position: absolute;
	left: 14em;
}

.notificationDetails, .edeNotificationDetails 
{
	position: relative;
	float: left;
	width: 20em;
	margin: 0px;
}

.notificationDetails input, .notificationDetails select
{
	position: absolute;
	left: 8em;
	margin: 0;
}

.notificationDetails label
{
	position: absolute;
	left: 10em;
}

.edeNotificationDetails input
{
	position: absolute;
	left: 12em;
}

/* FlexiRepeater */
.flexiRepeater_pagingLabel 
{
	text-align: right;
}

.flexiRepeater_pagingLinks 
{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	padding: 4px;
}

.flexiRepeater_currentPageLink 
{
	font-size: 10pt;
}

/* PAF Addressing related styles */

.EnvelopeLabelBody
{
	background-color: #F7F7F7;
	width: 220px;
}

.EnvelopeLabelBody div
{
    padding-left: 6px;
}

.AddressUsage
{
	font-size: larger;
	color: Red;
}

.PAFAddressingField
{
	background-color: #F7F7F7;
	border-color: #003C74;
	border-width: 1px;
}

/* special disabled CSS class as IE wont style disabled inputs when in compatibility mode (so use readonly and this class instead)*/
.disabled
{
    background-color: #eee;
    color: black;
    border: solid 1px #ccc;
}

@media print {
    .pageMenu, .noPrint
    {
		display: none !important;
    }
    .content, .printFullWidth
    {	
		width: 100% !important;
    }
}

img.monarch-logo {
	margin-left: 5px;
	height: 14px;
	width: 14px;
}