/*
==========================================================

	1.  =FORM DEFAULTS
	2.	=ROWS/LABELS
	3.  =PANEL COLOURING
	4.  =BUTTONS
	5. 	=IDOX LOGO
	6.	=HEADING

==========================================================
*/


/* =1. FORM DEFAULTS
---------------------------------------------------------- */

/*
These defaults can be modified but NOT deleted. Any page specific CSS
should be written to layout.css or navigation.css.
*/

#idox #pa fieldset {border:none; padding:0;}
#idox #pa img {border:0;}

/*Hide all legends*/
#idox #pa legend{display:none;}

/*Default field widths*/
#idox #pa form input.text,
#idox #pa form input.password,
#idox #pa form select {
	width:36%;
	padding:3px;
	margin:0 0.2em 0 0.2em;
	-moz-border-radius:3px;
	border-radius: 3px;}

#idox #pa form input.date{padding:2px; 	margin:0 0.2em 0 0.2em;}

#idox #pa form input:focus,
#idox #pa form select:focus {border:1px solid #828282;}

/*Date group field*/
#idox #pa input.date {width:15%;}

#idox #pa textarea {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}

#idox #pa div.checkboxcontainer {
	font-size:90%;
	margin-top:3px;
	margin-left:-4px;}

#idox #pa div.checkboxcontainer input {position:relative; top:2px;}


/* =2. ROWS/LABELS
---------------------------------------------------------- */
/*Spacing between each label/form control pairing*/
#idox #pa fieldset div {
	padding:0.4em 0em 0.4em 0em;
	clear:both; /*IMPORTANT: Ensures that error messages are cleared*/
}

/*Default form label width*/
#idox #pa label,
#idox #pa span.label {/*Text label for radio and checkbox groups*/
	display:block;
	float:left;
	width:15em;
	margin-top:0.1em;
	text-align:left}

/*Checkbox or radio button labels*/
#idox #pa label.radio,
#idox #pa label.checkbox {width:auto;}

/*Turn checkbox and radio button borders off in IE*/
#idox #pa label.radio input,
#idox #pa label.checkbox input {border:0}

/*date group TO field label*/
#idox #pa label.innerlabel {
	width:0em;
	display:inline;
	float:none;
	padding:0em 1em 0em 1em;}

/*Label based validation messages*/
#idox #pa label span.validateFail,
#idox #pa label span.planningOnly {
	float:left;
	font-size:0.9em;
	margin-top:0;
	padding-bottom:0;}

/*DATE GROUPS*/
/*Container DIVs*/
#idox #pa div.row div.col-dateTo,
#idox #pa div.row div.col-dateFrom {clear:none; float:left;}

/*Date group widths*/
#idox #pa div.row div.col-dateFrom {width:305px;}
#idox #pa div.row div.col-dateTo {width:205px;}

/*Date field width*/
#idox #pa div.row div.col-dateFrom input,
#idox #pa div.row div.col-dateTo input,
#idox #pa div.timeRow div.col-timeFrom input#openTime,
#idox #pa div.timeRow div.col-timeTo input#closeTime{width:6.5em;}

/*All browsers - Date error message positioning*/
#idox #pa div.row div.col-dateTo span.validateFail {margin-left:1em; width:15.5em;}
#idox #pa div.timeRow div.col-timeTo span.validateFail {margin-left:1em; width:26em;}

/*Safari - Date error message positioning*/
html[xmlns*=""] body:last-child #idox #pa div.row div.col-dateTo span.validateFail {
	width:auto;
	margin-left:6.4em;
	position:relative;
	left:-5.2em;}

/*Opera/Safari - Date error message positioning*/
#idox #pa div.row div.col-dateTo span.validateFail {width:100%;}


/* =3. PANEL COLOURING
---------------------------------------------------------- */

#idox #pa div.panel,
#idox #pa div#details,
#idox #pa div#referenceNumbers,
#idox #pa div#consultationFields,
#idox #pa div#vehicleDetails,
#idox #pa div#activitiesDetails,
#idox #pa div#noticeDetails,
#idox #pa div#noticeDates,
#idox #pa div#dates,
#idox #pa form#searchForm fieldset {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	margin:0;
	padding:1em}

#idox #pa #searchResultsContainer.panel{
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	padding:0 0.5em;
	position:static;}

#idox #pa #searchResultsContainer.enforcement p.pager {position:relative;}
#idox #pa #searchResultsContainer.enforcement p.pager span.expandCollapse {
	position: absolute;
    right: 417px;
    top: 50px;}
#idox #pa #searchResultsContainer .expandCollapse{display:none;}
#idox #pa #searchResultsContainer.enforcement .col-a{margin-top: 2.5em;}

#idox #pa #searchResultsContainer.enforcement .col-b{margin-top: 19px;}
#idox #pa form#weeklyListForm fieldset fieldset,
#idox #pa form#monthlyListForm fieldset fieldset {
	border:none;
	padding:0;
	margin:0;}

#idox #pa div.cmDiv, span.expandCollapse a,
#idox #pa .clickMenu ul li:hover {
    -webkit-border-radius: .3em; /*Safari+Chrome*/
    -moz-border-radius: .3em; /*Firefox*/
    border-radius: .3em; /*Future support by all browsers*/
}

/*Drop down layer*/
#idox #pa .clickMenu li.main ul {-moz-border-radius-bottomright: .3em; -moz-border-radius-bottomright: .3em;}

#idox #pa ul.tabs li a,
#idox #pa ul.tabs li a.active,
#idox #pa ul.tabs li.active,
#idox #pa ul.tabs li#nodocuments,
#idox #pa ul.tabs li.nodocuments,
#idox #pa div#tabsubnav,
#idox #pa div#tabsubnav a,
#idox #pa #interestAreaFilter,
#idox #pa #searchfilters,
#idox #pa span.expandCollapse a,
#idox #pa div.messagebox,
#idox #pa div.panel,
#idox #pa div.searchresult,
#idox #pa ul#searchresults li.searchresult,
#idox #pa div#noticeDetails,
#idox #pa div#noticeDates,
#idox #pa div#details,
#idox #pa div#vehicleDetails,
#idox #pa div#activitiesDetails,
#idox #pa div#referenceNumbers,
#idox #pa div#consultationFields,
#idox #pa div#dates,
#idox #pa div#atozControls,
#idox #pa form#simpleSearchForm,
#idox #pa form#weeklyListForm fieldset,
#idox #pa form#monthlyListForm fieldset,
#idox #pa form#propertySearchForm,
#idox #pa div#relatedItems div,
#idox #pa div.comment,
#idox #pa p.pager a,
#idox #pa p.pager strong{
    -webkit-border-radius: .2em; /*Safari+Chrome*/
    -moz-border-radius: .2em; /*Firefox*/
    border-radius: .2em; /*Future support by all browsers*/
}

#idox #pa ul.tabs li a,
#idox #pa ul.tabs li a.active,
#idox #pa ul.tabs li.active,
#idox #pa ul.tabs li#nodocuments,
#idox #pa ul.tabs li.nodocuments {-moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0;}


/* =4. BUTTONS
---------------------------------------------------------- */
/*Button group defaults*/
#idox #pa .messagebox div.buttons{margin: 2em 0em 1em 1.75em;}
#idox #pa div.buttons {margin: 1.7em 0em 0em 15em;}

/*Button groups where each button is wrapped by <form> element*/
#idox #pa div.buttons.horizontal {margin-left:0 !important;}
#idox #pa div.buttons.horizontal form {float:left;margin-right:8px;}

/*Button*/
#idox #pa input.button{
	-moz-border-radius-bottomleft:0.2em;
	-moz-border-radius-bottomright:0.2em;
	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	font-family:inherit;
	font-weight:bold;
	overflow:visible;
	padding:0.2em 1.5em;
	text-align:center;
	width:auto}

#idox #pa input.button:hover  {
	-moz-border-radius-bottomleft:0.2em;
	-moz-border-radius-bottomright:0.2em;
	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	text-decoration:none;}

#idox #pa div#searchfilters input.button,
#idox #padiv#interestAreaFilter input.button {font-size:0.9em;}

#idox #pa div.timeRow div.col-timeTo,
div.timeRow div.col-timeFrom {clear:none; float:left;}

/*Date group widths*/
#idox #pa div.timeRow div.col-timeFrom {width:300px;}
#idox #pa div.timeRow div.col-timeTo {width:310px;}


/* login page */

#idox #pa p.buttons {margin: 1.7em 0em 1em 10em;}

#idox #pa p.buttons input.button{
	-moz-border-radius-bottomleft:0.2em;
	-moz-border-radius-bottomright:0.2em;
	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	font-family:inherit;
	font-weight:bold;
	overflow:visible;
	padding:0.2em 1.5em;
	text-align:center;}

#idox #pa p.buttons input.button:hover{
	-moz-border-radius-bottomleft:0.2em;
	-moz-border-radius-bottomright:0.2em;
	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	text-decoration:none;}




/* =5. IDOX LOGO
---------------------------------------------------------- */
#idox #pa p#poweredBy {padding:0; text-align:right;}


/* =5. HEADING
---------------------------------------------------------- */
div#idox div#pa div#header {
	margin: 20px 0 25px 0;
	padding: 0;
	height: 90px;
	position: relative;
}

div#idox div#pa div#header h1,
div#idox div#pa div#header span {
	margin: 0;
	padding: 0;
	position: absolute;
	top:27px;
	right: 0;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight:normal;
	color:#818D9F;
}

div#idox div#pa h3.panelHeading {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border:1px solid #CED3D9;
font-size:100%;
margin:2em 0 0;
padding:0.35em 0.35em 0.45em;
}

/* used to hide honeypot field from spam submission bots */
div#idox div#pa div.specialField {
    display:none;
}