/* @override http://piconsulting.org.uk/diagnostic/static/css/screen.css */

html, body {height: 100%; width: 100%; margin: 0; padding: 0;}

/*===================================
/ Built by Gleam*
/ Email: hello@madebygleam.com
/ Web: http://www.madebygleam.com
===================================*/

/* ------------------------------------------------------------
	RESET STYLES
------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}
/* remove link outline in ff */
a {outline: none;}
/* ie 5.5 friendly */
body {text-align: left;} 
table {font-size: 1em;} 
form {font-size: 1em;}

/* ------------------------------------------------------------
	HTML STYLES
------------------------------------------------------------ */
body {color: #666;background-color:#fff; font:13px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding:0; }
a {text-decoration: underline; color: #003471;}
a:hover {text-decoration: none;}
p {margin-bottom: 1em;}
hr {display: none;}

h1 {background: url(../images/pi_logo.gif) no-repeat top left; width: 95px; height: 67px; text-indent: -9999em;}

h2 {font-size: 16px;color: #000; font-weight: bold; line-height: 1.2; margin: 0 0 15px 0;}
h3, p {clear:both;}
h3, h3 label {font-size: 14px;color: #000; font-weight: normal; line-height: 1.2; margin: 0 0 10px 0;}
h3 small {font-weight: normal;}

/* ------------------------------------------------------------
	GENERAL STYLES
------------------------------------------------------------ */

.clear {clear:  both; font-size: 1px;}

/* ------------------------------------------------------------
	DIV STYLES
------------------------------------------------------------ */

div#wrapper {margin: 0 auto; width: 700px; padding-top:30px;}
/*#inner {padding: 20px; position: relative; min-height: 410px;}*/
div#col1 {}

h4.error, label.error, p.error {color: #d30000; font-weight: bold;}
span.error {font-weight: normal; font-style: italic;}


.box {width: 241px; padding: 15px; color: #000050; position: relative; top: -5px;}

.box.left {float: left;}
.box.right {float: right;}


.radioBox {width: 150px; background: #ccc url(../images/choices_bkgd.png) repeat-x center center; position: absolute; top: 40%; left: 275px;padding: 5px 0; text-align: center; border-top: 2px solid #D6D6E3;  border-bottom: 2px solid #D6D6E3;}
.box p {margin: 0;}

div.row  {background: #fff url(../images/box_row_bkgd.png) repeat-x top center; position: relative; margin-bottom:20px; vertical-align: middle;}

.navibar {background-color: #000050; color: #fff; padding: 10px; margin: 0 0 15px 0;}
.navibar h3 {background-color: #000050; color: #fff; line-height: 1.8; margin: 0; padding: 0;}
.navibar h3 span {float: right;}
h4 {color: #000; font-size: 14px; margin: 0 0 10px 10px;}

#status {background-color: #000050; color: #fff; padding: 10px; margin: 0 0 15px 0;}
#status #progress {width: 156px; height: 28px; position: relative; float: left;}
#status p {background: url(../images/progress_timeline.gif) no-repeat top left; text-indent: -9999em;font-size: 1px; position: absolute; z-index: 1;  width: 156px; height: 28px; }
#status span {background-color: #4d4d85; display: block; height: 15px; position: absolute; z-index: 1;}
#status ul {float: right; position: relative; top: 5px;}
#status ul li {display: inline; font-size: 10px;}
#status ul li input {position: relative; top: 4px;}

#footer {padding: 10px 0;}
#footer h4 {color: ##000050; margin: 0 0 0 10px;}

.row_top {background: url(../images/box_row_top.png) no-repeat top left; height: 10px; font-size: 1px; line-height: 0; position: relative;	top: -3px;}
.row_btm {background: url(../images/box_row_btm.png) no-repeat top left; height: 10px; font-size: 1px; line-height: 0;}

div#errors {padding: 10px; background-color: #f2bebd; color: #d30000; margin-bottom: 15px;}
div#errors p {font-size: 14px; color: #760000; margin: 0;}
div#errors a {color: #760000; text-decoration: none;}
div#errors a:hover {color: #760000; text-decoration: underline;}

div#summary p {margin-left: 10px; font-size: 14px;}

h4#overall {border-bottom: 1px solid #ccc;}


.nb_left {float: left;width: 70%;}
.nb_right {float: right;width: 20%; text-align: right;}

form label {font-weight: bold;}
form label .req {color: #d30000;}
.frmtxt {width: 60%; font-size: 14px; color: #666;}
fieldset {padding: 10px; border: 1px solid #efefef; margin: 0 0 15px 0;}

p#proceed {padding: 20px 0; text-align: center;}

table#result {width: 100%; margin: 30px 0;}
table#result tr th {color: #333; vertical-align: bottom; font-size: 14px; line-height: 1.3;}
table#result tr td {border-bottom: 1px solid #efefef; padding: 10px 0;}
table#result tr th.c1, table#result tr td.c1 {width: 350px; text-align: left;}
table#result tr th.c2, table#result tr td.c2 {width: 115px; text-align: center;}
table#result tr th.c3, table#result tr td.c3 {width: 115px; text-align: center;}
table#result tr th.c4, table#result tr td.c4 {width: 115px; text-align: center;}

table#result tr#result_total td {font-weight: bold; border-bottom: none;}
table#result tr#result_total td.c1 {text-align: right;}

p#copyright {padding: 0 0 0 10px; margin: -10px 0 10px 0; font-size: 11px; text-align: center;}
p#copyright a {color: #6a6a6a; text-decoration: none;}

table#print_contacts {display:  none;}

/*p#printwrap {text-align: right;}*/

#updateprefs {float: left; width: 500px;}
a#print {text-indent: -9999em; background: url(../images/btn_print.png) no-repeat top left; width:  155px; height: 49px; display: block; float: right;}

p#notice {background-color: #ffd; font-style: italic; font-size: 11px !important;}

div#questions {display: none;}