@charset "utf-8";
/* PU Asessment CSS Document */

* {margin: 0; border: 0; padding: 0;}
img {display: block;}

html {height: 100%;}

body {height: 100%; margin: 0; padding: 0; text-align: center; font-family: arial, sans-serif; font-size: 100%; color: #00165A; background: #fff;}


/* ----- TEXT ------ */
h1 { clear: both; font-size: 1.1em; margin: 0px; padding: 0px 8px 12px 0px; font-weight: bold; color: #00165A;}  
h1 a { color: #00165A; text-decoration: none;}
h2 { clear: both; font-size: 0.9em; margin: 0px; padding: 24px 8px 12px 0px; font-weight: bold; color: #00165A;}    
h2 a { color: #00165A; text-decoration: none;}
h3 { clear: both; font-size: 0.8em; margin: 0px; padding: 12px 8px 12px 0px; font-weight: bold; color: #38577F;}  
h3 a { color: #38577F; text-decoration: none;}
h4 { clear: both; font-size: 0.8em; margin: 0px; padding: 8px 8px 8px 0px; font-weight: bold; color: #38577F;}  
h4 a { color: #38577F; text-decoration: none;}
p  { font-size: 0.8em; margin: 0px; padding: 0px 8px 8px 0px; color: #000; clear: both; line-height: 1.5em;}  
p a { color: #000; text-decoration: underline;}
p a:hover {text-decoration: underline;}

ul {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 9px;}
li {list-style: round; font-size: 0.8em; padding-right: 11px;}


/* ---- LAYOUT - STRUCTURE ---- */
#wrapper-1 {width: 848px; border: 1px solid #FFF; background: #FFF; text-align: left; margin: 20px auto 5px auto;}


#header-1 {clear: both; width: 848px; height: 160px; background: #FFF; border-bottom: 1px solid #FFF;}

#header-1-1 {float: left; width: 548px; height: 87px; padding: 47px 0 0 26px;}
#header-1-2 {float: left; width: 246px; height: 101px; padding: 28px 26px 0 0; text-align: right;}


#body-1 {clear: both; width: 678px; padding: 26px 26px 26px 144px;}

#body-1-intro {clear: both; width: 678px; padding: 0 26px 26px 144px;}

#body-1-intro h1, #body-1-intro h2, #body-1-intro p, #body-1-intro a {}

#body-1-intro h2, #body-1-intro p {padding-right: 50px;}

.orange {color: #E27029;}
.blue {color: #00165A;}
.red {color: red;}

.donotprint {}
.donotshowonline {display: none;}

/*.heading-main {margin: 30px 0 50px 0;}*/
.heading-main {margin: 10px 0 20px 0;}

#body-1-1 {float: left; width: 552px;}
#body-1-2 {float: left; width: 244px;}

.right-img-border {border: 1px solid #999; margin-bottom: 20px;}
.right-img {margin-bottom: 6px;}

#questions-loading {}
#questions-loading p {color: #E27029; font-size: 0.8em; font-style: italic;}


#questions-wrapper {width: 678px; margin: 20px 0 20px 0; background: #fff;}



.question-item {clear: both; width: 100%; padding: 0 0 20px 0; margin-bottom: 20px; border-bottom: 1px dotted #737375;}

.question-item-answer {float: left; width: 190px; padding: 0 50px 20px 0; font-size: 0.75em;}
.question-item-answer p {padding: 0 0 5px 0; font-size: 1.0em;}

.question-item-answer-end {float: left; width: 190px; padding: 0 0 20px 0; font-size: 0.75em;}
.question-item-answer-end p {padding: 0 0 5px 0; font-size: 1.0em;}

p.question-text {font-size: 0.9em; padding-bottom: 10px;}

.statement-number {font-size: 0.7em; text-transform: uppercase;}

br.clearit {clear: both; height: 0; line-height: 0;}

.display-none {display: none;}

.smaller {font-size: 70%;}


input.button-start {width: 324px; height: 54px; display: block; clear: both; font-family: arial, sans-serif; text-align: left; color: #E99059; font-size: 1px; border: 0px solid #fff; cursor: pointer; overflow: visible; background: url(../assets/button_start1.gif) no-repeat; margin: 30px 0 20px 0; padding-left: 8px;}
input.button-start:hover {background: url(../assets/button_start1_over.gif) no-repeat;}

input.button-next {width: 140px; height: 54px; display: block; clear: both; font-family: arial, sans-serif; text-align: left; color: #E99059; font-size: 1px; border: 0px solid #fff; cursor: pointer; overflow: visible; background: url(../assets/button_next1.gif); background-repeat: no-repeat; margin-top: 20px; padding-left: 8px;}
input.button-next:hover {background: url(../assets/button_next1_over.gif);}

input.button-process {width: 169px; height: 54px; display: block; clear: both; font-family: arial, sans-serif; text-align: left; color: #E99059; font-size: 1px; border: 0px solid #fff; cursor: pointer; overflow: visible; background: url(../assets/button_process1.gif); background-repeat: no-repeat; margin-top: 20px; padding-left: 8px;}
input.button-report:hover {background: url(../assets/button_process1_over.gif);}

input.button-submit {width: 324px; height: 54px; display: block; clear: both; font-family: arial, sans-serif; text-align: left; color: #E99059; font-size: 1px; border: 0px solid #fff; cursor: pointer; overflow: visible; background: url(../assets/button_submit_assess1.gif); background-repeat: no-repeat; margin-top: 20px; padding-left: 8px;}

input.button-login {width: 169px; height: 54px; display: block; clear: both; font-family: arial, sans-serif; text-align: left; color: #E99059; font-size: 1px; border: 0px solid #fff; cursor: pointer; overflow: visible; background: url(../assets/button_login1.gif); background-repeat: no-repeat; margin-top: 20px; padding-left: 8px;}
input.button-login:hover {background: url(../assets/button_login1_over.gif);}

.form-textfield {border: 1px solid #666; margin: 3px 0 6px 0; width: 250px; padding: 2px;}
.form-textfield-drop {border: 1px solid #666; margin: 5px 0 6px 0; width: 256px; padding: 2px;}


#err-msg {color: red; width: 560px; margin: 0 0 0 0; padding: 0 10px 20px 10px; border: 1px solid red;}
.err-msg-col {float: left; width: 50%;}
#err-msg h2, #err-msg p  {color: red; }
#err-msg-list {padding-top: 52px;}
.err-msg-list-item {}


#loading-info {clear: both;}
#loading-info p {color: #E27029; font-style: italic; padding: 10px 20px 10px 0;}

.backButtonWarning {font-style: italic;}

.innovationTable {margin-top: 20px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.innovationTable th {padding: 10px; border-top: 1px solid #fff; border-left: 1px solid #ccc;}
.innovationTable td {padding: 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.innovationTable th {background: #ccc;}


#highlight-box {padding: 0 0 20px 20px; margin: 20px 0 20px 0; background: #00165A;}
#highlight-box h2, #highlight-box p, #highlight-box a {color: #fff;}

.horizontalRule {height: 1px; margin: 20px 0 20px 0; background: #00165A;}


#footer-1 {clear: both; width: 678px; padding: 26px 26px 26px 144px; margin: 0 auto; color: #ccc; text-align: left;}

.footer-notices-1 {font-size: 0.6em;}
.footer-notices-1 a {color: #ccc;}
.footer-notices-1 a:hover {text-decoration: underline;}

.footer-notices-2 {float: right; text-align: right; width: 160px; padding-left: 40px; font-size: 0.6em;}
.footer-notices-2 a {color: #ccc;}
.footer-notices-2 a:hover {text-decoration: underline;}