/*QUICK COLOURS ON [AT FOOT OF DOCUMENT]*/

/* == [ GLOBAL SETTINGS ] ================== */

label
{
font-weight:bold;
}

#messagebox
{
padding:5px;
}

/* Style applied to alternate table color 1 */
.row1
{
border-bottom: 1px solid #e4ebf7;
}

/* Style applied to alternate table color 2 */
.row0
{
border-bottom: 1px solid #e4ebf7;
}

/*Case file and My Submissions table defaults*/
table#casefilesummary, table#casefiledocs, table#casefileshortcuts, table#submittedapps, table#draftsubmissions, table#passearchresults
{
border:0;
width:100%;
}

/* == [ SEARCH APPLICATIONS ] ================== */

#searchcontainer fieldset 
{
background: #fff;
}

#searchcontainer
{
width:580px;
}

/*Headings*/
#searchcontainer h2, #searchcontainer h2 label
{
color:#567ebd;
font-weight:bold;

}

/*Field lengths*/
#startDate, #endDate {width:40%;}
#postcodefield {width:25%;}
#address {width:65%;}

/*Fieldset positioning*/
#searchcontainer div#streetname
{
width: 96%;
border: 1px solid #567ebd;
padding:3px 10px 10px 10px;
height:200px;
margin-bottom:12px;
}

#searchcontainer div#daterange
{
float:right;
width: 43%;
border: 1px solid #567ebd;
padding:3px 10px 10px 10px;
height:220px;
}

/*Helper text*/
#searchcontainer div#daterange #row1 em
{
color:#567ebd;
font-style:normal;
font-size:90%;
}

/*Date range search button margin from TO field*/


#searchcontainer div#row3
{
padding-top:12px;
}

/*Fieldset positioning*/
#searchcontainer div#appnumber
{
float:left;
width: 47%;
border: 1px solid #567ebd;
padding:3px 10px 10px 10px;
height:145px;
}

#searchcontainer div#postcode
{
float:right;
width: 43%;
border: 1px solid #567ebd;
padding:3px 10px 10px 10px;
height:145px;
}

#searchcontainer div#ward
{
width: 96%;
border: 1px solid #B6C1DB;
padding:3px 10px 10px 10px;
font-size:110%;
margin-top:10px;
}

/*Create space between FROM and TO rows*/
#searchcontainer div#daterange #row2
{
padding-top:5px;
}

/* ===== [ SEARCH APPLICATIONS - ADDITIONAL PAS FIELDSETS ] ===== */

/*Headings*/
fieldset#weeklylist legend, fieldset#monthlylist legend
{
color:#567ebd;
font-size:110%;
font-weight:bold;
}

#searchcontainer div#weeklylist
{
float:left;
width: 47%;
border: 1px solid #567ebd;
padding:3px 10px 10px 10px;
height:160px;
}

#searchcontainer div#monthlylist
{
float:right;
width:43%;
border: 1px solid #567ebd;
padding:3px 10px 10px 10px;
height:160px;
}


/*Override address field width*/
#address {width:45%;}


/*A to Z buttons*/
div#atoz span
{
position: absolute; 
top: -1000px; 
left: -1000px; 
font-size: 1px; 
line-height: 1px;
}

div#atoz a
{
float:left;

padding:0px 0px 0px 0px;
margin-bottom:3px;
margin-left:3px;
width:20px;
text-align:center;
text-decoration:none;
}

div#atoz span a:hover
{
color:black;
}



/* == [ WEEKLY LIST PAS] ====================== */

fieldset#weeklylistsearch legend
{
display:none;
}

fieldset#weeklylistsearch
{

padding:10px;
margin-left:0px;
width:45%;
}

fieldset#weeklylistsearch label
{
float:left;
display:block;
width:60px;
}

/*Pad out search button*/
fieldset#weeklylistsearch p#row4
{
margin-left:60px;
}

/* == [ MONTHLY LIST PAS] ===================== */

fieldset#monthlylistsearch legend
{
display:none;
}

fieldset#monthlylistsearch
{

padding:10px;
margin-left:0px;
width:45%;
}

fieldset#monthlylistsearch label
{
float:left;
display:block;
width:60px;
}

/*Pad out search button*/
fieldset#monthlylistsearch p#row4
{
margin-left:60px;
}

/*-----------------------------------------------------*/
/*=== [NON PAS SEARCH RESULTS NOT YET IMPLEMENTED] ===*/
/*---------------------------------------------------*/

/* == [ SEARCH RESULTS PAS ] ================== */

table#passearchresults td, table#searchresults td
{
vertical-align:top;
}

/*Table column widths*/
#searchresults #date,
#passearchresults #date
{width:14%;}

#searchresults #application,
#passearchresults #application
{width:20%;}

#searchresults #address,
#passearchresults #address
{width:27%;}

#searchresults #status,
#passearchresults #status 
{width:5%;}

#searchresults #decided,
#passearchresults #decided  
{width:14%;}

#searchresults #parish,
#passearchresults #parish 
{width:20%;}


/* == [ CASE FILE SUMMARY ] ================== */


table#casefilesummary
{
margin-bottom:20px;
}

p#comment
{
text-align:left;
margin-bottom:25px;
}

p#comment em
{
position: absolute; 
top: -1000px; 
left: -1000px; 
font-size: 1px; 
line-height: 1px;
}

p#comment a
{
margin-right:10px;
padding:5px 5px 5px 15px;
text-decoration:none;
font-size:80%;
font-weight:bold;
color:black;
background-image: url(http://www.wycombe.gov.uk/images/leftbar/arrow.gif);
background-repeat:no-repeat;
background-position: 0.2em 0.45em
}

p#comment a:hover
{
text-decoration:underline;
background-image: url(http://www.wycombe.gov.uk/images/leftbar/arrow_fill.gif);
background-repeat:no-repeat;
}

#casefilesummary th
{
width:9%;
background:#fff;
color:#000;
font-weight:bold;
vertical-align:top;
padding:3px;

}

#casefilesummary td
{
padding:6px;
width:25%;
vertical-align:top;
}

/*create gap between colspan cells and rest of summary*/
th#location, td#locationbreak
{

}

#drawingstext
{
border:1px solid #b1b1b1;
padding:10px 10px 10px 32px;
font-size:90%;
color:#b1b1b1;
margin-top:-5px;
margin-bottom:10px;
background-image:url("../images/warning.gif");
background-repeat:no-repeat;
background-position:0.6em 1em;
border:1px solid #b1b1b1;
line-height:120%;
}

#drawingstext p
{
padding:0;
margin:0;
}

p#commentfoot
{
font-size:110%;
padding-right:40px;
}

/* == [ CASE FILE DOCS ] ================== */

table#casefiledocs td
{
vertical-align:top;
}

/*Table column widths*/
#casefiledocs #datepublished {width:22%;}
#casefiledocs #doctype {width:20%;}
#casefiledocs #view {width:16%;}
#casefiledocs #description {width:41%;}

div#copyright
{
margin-top:30px;
}

div#copyright h2
{
margin-bottom:0;
font-size:100%;
}

div#copyright p
{
margin-top:0;
}

/* == [  COMMENT ] ================== */

#commentform label
{
float:left;
display:block;
width:200px;
}

#commentform .textlabel
{
width:200px;
}

/*Correct radio button group alignment*/
fieldset#radiogroup 
{
padding-bottom:15px;
}

fieldset#radiogroup p, fieldset#radiogroup input
{
float:left;
}

fieldset#radiogroup label
{
float:none;
width:280px;
font-weight:normal;
color:#000;
}

#commentform textarea
{
margin-left:0px;
width:50%;
}

#commentform fieldset p
{
margin:0;
padding:3px 0px 3px 0px;
}

/*Turn fieldset border off*/
form#commentform fieldset
{
border:0px solid #fff;
padding-left:0px;
margin-left:0px;
}

/*Hide legend*/
form#commentform legend
{
color:#fff;
}

/*Turn bold labelling off for radio button group*/
#commentform #row7 #supportlabel, #commentform #row7 #objectlabel, #commentform #row7 #observationlabel
{
font-weight:normal;
}

#commentform #row7 input#support
{
margin-left:0;
}

#commentform #row9
{
margin-top:20px;
}

/* == [ CASE FILE THUMBNAILS ] ================== */

/*Thumbnail spacing and border*/
#thumbnails img
{
margin-right:5px;
border:1px solid #b1b1b1;
}

#thumbnails a:hover img
{
margin-right:5px;
border:1px solid #2e5d01;
}

/* == [  CASE FILE SHORTCUTS ] ================== */

table#casefileshortcuts td
{
vertical-align:top;
}


/* == [  SUBMITTED APPS ] ================== */

table#submittedapps td
{
vertical-align:top;
}

/*Table column widths*/
table#submittedapps th#date {width:16%;}
table#submittedapps th#councilref {width:13%;}
table#submittedapps th#myref {width:10%;}
table#submittedapps th#onlineref {width:12%;}
table#submittedapps th#otherinfo {width:38%;}
table#submittedapps th#delete {width:11%;}

/* == [  DRAFT SUBMISSIONS ] ================== */

table#draftsubmissions td
{
vertical-align:top;
}

/*Table column widths*/
table#draftsubmissions th#date {width:16%;}
table#draftsubmissions th#myref {width:53%;}
table#draftsubmissions th#onlineref {width:22%;}
table#draftsubmissions th#delete {width:9%;}

/* == [  USER DETAILS ] ================== */

table#userdetails
{
padding-bottom:15px;
margin-bottom:20px;
}

table#userdetails th
{
background:#fff;
font-weight:bold;
color:#000;
padding-right:3px;
}


/* == [  LOGIN ] ================== */

#loginform label
{
float:left;
display:block;
width:90px;
}

/*Turn fieldset border off*/
#loginform fieldset
{
width:40%;
padding:10px;
margin-left:0px;
}

/*Hide legend*/
#loginform legend
{
display:none;
}

#loginform fieldset p
{
margin:0;
padding:3px 0px 3px 0px;
}

/*Turn fieldset border off*/
#loginform input#button
{
margin:10px 0px 0px 100px;
}

/* == [  FORGOTTEN PASSWORD ] ================== */

/*Turn fieldset border off*/
#passwordform fieldset
{

padding:10px;
margin-left:0px;
width:65%;
}

#passwordform label
{
float:left;
display:block;
width:185px;
}

#passwordform fieldset p
{
margin:0;
padding:3px 0px 3px 0px;
}

/*Hide legend*/
#passwordform legend
{
display:none;
}

#passwordform p#row4
{
margin-left:185px;
margin-top:10px;
}



/* == [  REGISTRATION ] ================== */

#registrationform fieldset
{
border-top: 1px solid #858383;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
margin: 7px 0px 14px 0px;
}

#registrationform fieldset#usertype
{
margin-top: 25px;
}

#registrationform fieldset#usertype label
{
margin-right:15px;
}

#registrationform fieldset legend
{
margin-bottom: 20px;
margin-top: 5px;
color:#3d7c00;
font-size:110%;
}

#registrationform fieldset p
{
margin:0;
padding:3px 0px 3px 0px;
}

#registrationform label
{
float:left;
display:block;
width:155px;
}

#registrationform input
{
margin-left:30px;
}

/*Override label style for messagebox*/

#registrationform p#messagebox input
{
margin-left:0px;
}

#registrationform p#messagebox label
{
display:inline;
float:none;
}

#registrationform fieldset#usertype p#usertyperow1 input, #registrationform fieldset#usertype p#usertyperow2 input
{
float:left;
margin-left:0;
}

#registrationform em
{
font-size: 80%; 
font-style: normal;
color: red;	
}

/*Override label style for messagebox at foot of page*/

#registrationform p#messagebox input
{
margin-left:0px;
}

#registrationform p#messagebox label
{
display:inline;
float:none;
margin-left:5px;
}

/*Override submit/reset button margin*/
#registrationform p#submit input
{
margin-left:0px;
}



/* == [  STEPS PAGE	 ] ================== */

#stepsform div.stepsitem
{

display:block;
width:99%;
margin-bottom:5px;
}

.stepsitembody h2 span
{
color:#9052a8;

padding:0px 5px 0px 5px;
margin-right:4px;
}

.stepsitembody p
{
padding-left:30px;
}

#stepsform div.stepsitembody
{
float:left;
width:85%;
padding:5px 5px 5px 20px;
}

* html #stepsform div.stepsitembody
{
float:left;
width:85%;
padding:10px;
}

/*Force height on DIVs with less height*/
#stepsform div#payment .stepsitembody, #stepsform div#submit .stepsitembody
{
height:85px;
}

#stepsform div#payment .stepsitembody
{
height:110px;
}

#stepscontainer h1
{
border-bottom:0px solid #fff;
}

#stepscontainer #banner
{
background:url("../images/stepsbanner.gif");
height:67px;
}

#stepscontainer td input
{
font-size:90%;
}

/* == [  STEPS ATTTACHMENTS PAGE	] ================== */

table#attachments
{
width:100%;
border:0;
}

#stepscontainer table#attachments td
{
vertical-align:top;
}

#IG3FormBundle
{
margin-top:0;
}

fieldset#attachmentcontrols
{

width:60%;

padding:20px 10px 10px 10px;
}

fieldset#attachmentcontrols #docType
{
width:183px;
}

fieldset#attachmentcontrols label
{
float:left;
display:block;
width:140px;
}

fieldset#attachmentcontrols div
{
margin-top:10px;
margin-bottom:10px;
}

div#row4
{
padding-left:140px;
}

/* == [  STEPS CHEQUE PAYMENT	] ================== */

table#chequepayment td label, table#chequepayment td strong
{
padding-right:20px;
}

/* == [ OVERRIDABLE QUICK COLOURS ] ====================== */

/*Labels, headings and helper text*/
label, 
#searchcontainer h2, 
#searchcontainer h2 label,
#searchcontainer div#daterange #row1 em,
fieldset#weeklylist legend, 
fieldset#monthlylist legend,
#registrationform fieldset legend
{
color:#000;
}

/*Border colours*/

#searchcontainer div#streetname,
#searchcontainer div#daterange,
#searchcontainer div#appnumber,
#searchcontainer div#postcode,
#searchcontainer div#weeklylist,
#searchcontainer div#monthlylist,
#messagebox
{
border: 1px solid #000;
}

/*Light shading - table underlines, link boxes*/

.row1,
.row0
{
border-bottom: 1px solid #e1ead7;
}

/*WDF*/

form#wdfform
{
border: 1px solid #000;
padding:20px 10px 1px 10px;
margin-bottom:20px;
}

form#wdfform span
{
display:block;
font-size:80%;
padding-left:205px;
}

form#wdfform label
{
float:left;
display:block;
width:205px;
}

p#wdfrow5
{
padding-left:205px;
}

/*Search Results*/

table#wdfsearchresults
{
border:0;
width:100%;
}

table#wdfsearchresults th, table#wdfsearchresults td
{
padding:3px 0px 3px 0px;
}

table#wdfsearchresults th
{
border-bottom:1px solid #e1ead7;
}

th#formnumber{width:23%;vertical-align:top;}
th#respondentname{width:25%;vertical-align:top;}
th#respondentorganisation{width:27%;vertical-align:top;}
th#agentifany{width:25%;vertical-align:top;}