/* CSS Document */
@import url(pp_globalStyle.css);

body {
	margin:0px;
	padding:0px;
	font-family: verdana, arial, sans-serif;
	font-size: 78%;
	text-align: center;
}

p, table{margin:0px 0px 15px 0px; padding:0px; line-height:1.5em; font-size:0.9em;}
.leftAlign{text-align:left; margin:20px 0px 0px 15px; padding:0px; clear:both;}

/* Commented backslash hack hides rule from IE5-Mac \*/
.leftAlign{ margin:0px 60px 15px 60px;}
/* End IE5-Mac hack */

.floatLeft{float:left;}
#topLeft{display:block; padding:0px; width:100px; float:left; margin:0px 0px 0px 30px; }
#topCentre{display:block; padding:0px; width:480px; float:left; margin:0px 0px 0px 10px; }
#topRight{display:block; padding:0px; width:100px; float:left; margin:0px 0px 0px 10px; }

/* Commented backslash hack hides rule from IE5-Mac \*/
* html #topLeft {margin:0px 0px 0px 15px;}
/* End IE5-Mac hack */

h1{padding:0px; margin:5px 0px 10px 0px; font-size:1.6em; font-weight:normal;}

img{border:none;}


/* ----- STRUCTURE ----- */
/* --------------------- */
#top, #container, #bottom { margin:0 auto; width:781px;}

#top {margin-top:10px; height:28px;}

#container{background:url("../images/container/middle_white.gif") repeat-y top left; /*position:relative;*/}

#container img{margin-bottom:15px;}

#footer{margin:25px 17px 0px 16px; padding:0px;}
#footer p{padding:9px;}
#footer p a{text-decoration:none;}
#footer p a:hover{text-decoration:underline;}
#footer p.footer_text{float:left; text-align:left;}
#footer p.footer_text_right{ text-align:right;}

#bottom {height:28px;}


/* ------- SEARCH ------ */
/* --------------------- */
.search_top, .search_mid, .search_bottom{width:532px; margin:0px auto; padding:0px;}
.search_top, .search_bottom{height:20px; clear:both;}
* html .details {width:539px;}

.search_top{background:url("../images/search_top.gif") no-repeat top left;}
.search_mid{background:url("../images/search_middle.gif") repeat-y top left; text-align:left; }
.search_bottom{background:url("../images/search_bottom.gif") no-repeat top left; }

.step{/*position:relative; left:20px;*/display:block; margin:0px 0px 0px 20px; padding:0px; float:left; width:40px; height:40px; text-align:center; }
/* Commented backslash hack hides rule from IE5-Mac \*/
* html .step {margin:0px 0px 0px 10px;}
/* End IE5-Mac hack */

.search_mid img{float:left; width:95px; margin:5px 10px 15px 20px;}
.field_con{margin:0px 5px 0px 10px; padding:0px; float:left; width:390px;}

p.step_num{font-size:2em; margin:0px;}

p.noResult_post{width:450px; margin-bottom:0px; margin-top:5px;}

form .clearer{width:425px; margin:5px 0px; padding:10px 0px; vertical-align:top; }
form .gap{margin-bottom:5px;}

form label{	
	float:left;
	font-size:.9em;
	margin-left:20px;
	width:90px;
}

form input, form textarea{
	font-family: verdana, arial, sans-serif;
	color:#000;
	font-size:.9em;
	padding-left:2px;

}

#submit{
    font-size:1.2em;
    margin-left:0px;
    margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
	width:405px;
}
/* ------- RESULTS ----- */
/* --------------------- */
.results_top, .results_mid, .results_bottom{width:683px; margin:0px auto; padding:0px; }
.results_top, .results_bottom{height:21px; clear:both;}

.results_top{background:url("../images/results_top.gif") no-repeat top left;}
.results_mid{background:url("../images/results_middle.gif") repeat-y top left;}
.results_bottom{background:url("../images/results_bottom.gif") no-repeat top left;}

table{width:95%; margin:0px 17px; clear:both;}
td {padding:4px; text-align:left;}
td.topBar{font-weight:bold;}

.detail_box{width:70px; padding-left:10px;}
.detail_box a{width:70px; text-decoration:none; font-weight:bold;}
.detail_box a:hover{text-decoration:underline;} 


/* --------------------- */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */