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

label
{
font-weight:bold;
color:#0F238C;
}

#messagebox, #drawingstext
{
background-color:#FFF8E8;
border:1px solid #FFE9BF;
padding:1em;
}

/* Zebra tables */
.row1, td.tr1, .row0, td.tr2 {border-bottom: 1px solid #e4ebf7;}

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

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


table#casefilesummary {margin-bottom:1em;}

#casefilesummary th, #casefilesummary td {
background:#fff;
border:0;
color:#000;
vertical-align:top;
padding:6px;
}

#casefilesummary th {width:18%;}
#casefilesummary td {width:82%;}

#drawingstext
{
font-size:90%;
padding-left:32px;
margin-bottom:10px;
background-image:url("../images/warning.gif");
background-repeat:no-repeat;
background-position:5px 10px;
}

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

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

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

/*Table column widths*/
#casefiledocs #datepublished {width:17%;}
#casefiledocs #doctype {width:13%;}
#casefiledocs #view {width:16%;}
#casefiledocs #description {width:54%;}

#copyright h4
{
margin-bottom:0;
}

#copyright p
{
margin-top:0;
}

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

/*Thumbnail spacing and border*/
#thumbnails img
{
margin-right:5px;
margin-bottom:5px;
border:2px solid #8E97C9;
}

#thumbnails a:hover img {border:2px solid #0F238C;}

/* == [  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 {width:100%;border:1px solid #567EBD; border-collapse:collapse;}

table#userdetails th
{
border-left-width:0;
border-bottom-width:0;
width:100px;
background:#F1F3F7;
color:#000;
padding-right:10px;
}

table#userdetails th, table#userdetails td {
	padding:0.25em;
	border-top:1px solid #567ebd;
	border-right:1px solid #567ebd;
}



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

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

/*Turn fieldset border off*/
#loginform fieldset
{
width:45%;
border:1px solid #567ebd;
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
{
border:1px solid #567ebd;
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 #567ebd;
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:#567ebd;
}

#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:#333;	
}

/*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
{
border:1px solid #858FC0;
display:block;
width:99%;
margin:0px 0px 10px 0px;
padding:0;
}

.stepsitembody h2 {color:#0F238C;margin:0;
padding:0;}

.stepsitembody h2 span
{
background-color:#0F238C;
color:#fff;
border:1px solid #567ebd;
margin:0;
padding:0px 3px 1px 3px;
font-size:1.2em;
}



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

* 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:180px;
}

#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%;
border:1px solid #567ebd;
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;
}