* { margin:0; Padding:0; }
body { background:#e1f1ff; text-align:left; font-family:'Trebuchet MS', verdana, geneva, Arial, Helvetica, sans-serif; font-size:14pt; }

h1 { margin:0; padding-top:.5em; font-size:1.6em; }
h2,h3,h4,h5 { margin:.5em 0 1em 0; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; color:#0021A5; }
h4 { font-weight:bold; margin-bottom:0; }
h5 { font-size:.9em; font-style:italic; }

h3.question-heading { font-size:1em; font-style:italic; }

ol { margin:1em 1em 1em 2.5em; }

p,.divParagraph { margin:.5em 10px 0 10px; }

a { text-decoration:none; }
a:link,a:visited { color:#00539b; }
a:hover,a:active { color:#f47735; }
.footer a:link,.footer a:visited  { color:#00477e; }
.footer a:hover,.footer a:active { color:#f47735; }
.nav a:link,.nav a:visited  { padding:4px; background:#0021A5; color:white; border:1px solid #0021A5; }
.nav a:hover,.nav a:active { padding:4px; background:#e1f1ff; color:#0021A5; border:1px solid #0021A5; }
.navSecondary a:link,.navSecondary a:visited  { padding:4px; background:#00539b; color:white; border:1px solid #00539b; }
.navSecondary a:hover,.navSecondary a:active { padding:4px; background:#e1f1ff; color:#00539b; border:1px solid #00539b; }
h1 a:link,h1 a:visited { color:#0021A5; }
h1 a:hover,h1 a:active { color:#0021A5; }

.homePhoto {position:relative;float:right;width:480px;height:480px;background:url(/images/home_7766827.jpg) top center no-repeat;}

h1#top,h2#top { margin: 10px; }
.header,.content,.footer,.nav { max-width:960px; margin:0 auto; position:relative; }
.header { color:#fff; padding: .5em; }
.header h2 { color:#00539b; }
.nav,.navSecondary { margin-bottom:1em; }
.content { padding:.5em .5em 1.5em .5em; border: 1px solid #00539b; background:#fff; }
.footer { padding:.5em 0 1em 0; font-size:.8em; }
.footer li { border-right:1px solid #ccc; display:inline; /*\*/float:left;/**/ margin-right:4px; padding-right:4px; }
.footer ul ,.footer p { width:740px; }
.footer ul { clear:both; float:left; list-style:none; margin:0 0 .5em 10px; } /*line-height:1.4em;*/
.footer h3 { display:none; }
.footer #ufl_signature span { background:url(/images/wordmark.png) 0 0 no-repeat; position:absolute; top:10px; right:10px; width:200px; height:60px; }
.footer #uwo_signature span { background:url(/images/uwo_wordmark.png) 0 0 no-repeat; position:absolute; top:80px; right:10px; width:200px; height:48px; }

.miniNav { font-size:.9em; position:absolute; top: 20px; right: 8px; width: 139px; border:1px solid #00539b; }
.miniNav #heading { font-size:.8em; color:#fff; background:#00539b; border-bottom:2px solid #00539b; padding:2px; }
.miniNav ul { list-style:none; margin: .6em; font-size: 10pt; }

.keyformParam { margin:10px; padding:4px; background:#dedbe3; border:1px solid #00539b; }

.pm-score-table { display:table; width:600px; background:url(/images/pm_score_bg.png) repeat-y; border:1px solid #000; margin:1.5em auto 1.5em auto; }
.pm-score-row { display:table-row; }
.pm-score-cell { display:table-cell; padding:.3em; }
.pm-score-cell.left { text-align:center; border-right:1px solid #000; background:url(/images/pm_score_zero.png) no-repeat; }
.pm-score-cell.right { border-left:1px solid #000; background:url(/images/pm_score_hundred.png) top right no-repeat; }
.pm-score-cell .overlay { background:url(/images/pm_score_overlay.png) repeat-y; border:1px solid #fff; padding:2px; width:3em; position:relative; float:right; }

.KFtable { display:table; width:auto; margin:10px 0 0 10px; }
.KFrow { display:table-row; width:auto; }
.KFcell { display:table-cell; width:auto; text-align:left; border:1px solid #cccccc; border-top:1px solid #444444; padding:4px; }
.KFcell.Desc { font-size:.85em; }

.highlight1 { font-weight:bold; color:#f47735; }
.highlight2 { font-weight:bold; color:#fff; background-color:#f47735; padding:0 2px 0 2px; margin:0 -2px 0 -2px; }
.highlight3 { font-weight:bold; color:#f47735; border:1px solid #f47735; padding:0 2px 0 2px; margin:0 -3px 0 -3px; }
.highlight4 { font-weight:bold; border:1px solid #f47735; padding:0 2px 0 2px; margin:0 -3px 0 -3px; }
.highlight5 { font-weight:bold; color:white; background:url(/images/circle_fill.png) no-repeat; padding:0 6px 2px 5px; margin:0 -6px -2px -5px; }
.highlight6 { font-weight:bold; background:url(/images/circle_outline.png) no-repeat; padding:2px 6px 2px 5px; margin:-2px -6px -2px -5px; }

.BKred { background-color:#ff3333; color:#fff; font-weight:bold; }
.BKyellow { background-color:#ffff00; font-weight:bold; }
.BKgreen { background-color:#33cc33; font-weight:bold; }
.BKblack { background-color:#fff; color:#000; font-weight:bold; }
.BKmutedred { background-color:#ffcccc; }
.BKmutedyellow { background-color:#ffffcc; }
.BKmutedgreen { background-color:#ccffcc; }
.BKmutedblack { background-color:#fff; color:#000; }

.ability { font-weight:bold; color:#ff3333; font-size:1.5em; }

.topMargin { margin-top:1.5em; }
.center { text-align:center; }
.bold { font-weight:bold; }
.underline { text-decoration:underline; }
.monospace { font-family:Courier New, monospace; }
.pointer { cursor:pointer; }
.small { font-size:.8em; }
.smaller { font-size:.5em; }
.gray { color:#0021A5; }
.hide { display:none; }

.progress-bar-table { display:table; font-size:.8em; margin:1.5em auto 1.5em auto; width:500px; border:1px solid #000;}
.progress-bar-row { display:table-row; }
.progress-bar-cell { display:table-cell; padding:5px 5px 5px 5px; }
.progress-bar-cell.left { background:#00539b; color:#fff; text-align:right; }
.progress-bar-cell.right { background:#ddd; color:#000; text-align:left; width:auto; }

.question { margin:1.5em; font-size:1.2em; }
.question .answer { padding-left:1.5em; }
.question .answer.align { padding-left:3.5em; }
.question .answer ul { padding-left:0; list-style:none; }
.question .answer option { font-size:1.2em; }
.question p { margin:0 10px .5em 1.8em; }

label:hover, label:active { background:#dedbe3; }

.instructions { margin:1.5em 1em 1.5em 1em; padding:.5em; border:1px solid #444; }
.instructions ol,ul { margin-left:2em;}

#news-tab { margin:23px 8px 0 0; padding:2px 6px 4px 60px; border-radius: 10px 10px 0 0; border: 1px solid #00539b;
            position: absolute; z-index: 100;  top: -52px; right: 0; border-bottom: 0px;
            background: white url(/images/youtube-new.png) no-repeat; background-size: 2.5em; background-position: 6px; }

.button-link { padding:4px; background:#e1f1ff; border:1px solid #00539b; }
.button-nav { margin: .5em; }
.buttonBar { margin:0 1em 0 1em; padding:.5em; background:#00539b; border:1px solid #006; color:white; text-align:right; }
.buttonBar .button { font-size:1.2em; }
.submitButton { margin:0 1em 0 1em; padding:.5em; text-align:right; }
.submitButton .button { color:#00539b; background:white; border:0; }
.submitButton .button:hover { color:#f47735; }
#questionnaireForm, #resultsForm, #liabilityForm { margin:1.5em 0 1.5em 0; }

.print { background:#dedbe3; margin:1.5em 1em 1.5em 1em; padding:1em .3em .3em .3em; color:#00539b; border-top: 1px solid #8e8a93; border-bottom:1px solid #8e8a93; }
.print #image span { background:url(/images/Printer2.png) 0 0 no-repeat; position:relative; float:right; top:-10px; right:20px; width:32px; height:32px; }
.print a { cursor:pointer; }

.survey { background:#ceffbd; margin:1.5em 1em 1.5em 1em; padding:1em .3em .3em .3em; color:#6fe247; border-top: 1px solid #6fe247; border-bottom:1px solid #6fe247; }
.survey #image span { background:url(/images/Survey2.png) 0 0 no-repeat; position:relative; float:right; top:-10px; right:20px; width:32px; height:32px; }

.flowplayer .video-header {font-size:1.2em;background:#bbb url(/images/video_header_gray_gradient.png) bottom right no-repeat;border-bottom:1px solid black;margin:0;padding:4px;}

.vimeo {width:720px; margin:1em 0 1em 120px;}
.vimeo .video-header {font-size:1.2em;background:#bbb url(/images/video_header_gray_gradient.png) bottom right no-repeat;border-bottom:1px solid black;margin:0;padding:4px;}

#inlay-script1{background:#333 url("/images/inlay_script1.jpg") 0 0 no-repeat; width:720px; margin:1em 0 1em 120px;}
#inlay-script1 .fp-ratio{/* initial state */-webkit-transition:padding-top .5s;-moz-transition:padding-top .5s;transition:padding-top .5s;padding-top:45%}
#inlay-script1.is-splash{cursor:default}
#inlay-script1.is-splash .fp-ui{/* initially the nested UI element works as thumbnail */background:#000 url("/images/inlay_small.png") 0 0 no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;top:auto;bottom:10%;border:3px solid #eee;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.25);-moz-box-shadow:0 0 15px rgba(0,0,0,0.25);box-shadow:0 0 15px rgba(0,0,0,0.25);left:5%;width:25%;height:42%}
#inlay-script1.is-ready{/* playback starts */background:#000;}
#inlay-script1.is-ready .video-header{display:none}
#inlay-script1.is-ready .fp-ratio{padding-top:66%}
#inlay-script1.is-ready .info{display:none}

#inlay-script2{background:#333 url("/images/inlay_script2.jpg") 0 0 no-repeat; width:720px; margin:1em 0 1em 120px;}
#inlay-script2 .fp-ratio{/* initial state */-webkit-transition:padding-top .5s;-moz-transition:padding-top .5s;transition:padding-top .5s;padding-top:45%}
#inlay-script2.is-splash{cursor:default}
#inlay-script2.is-splash .fp-ui{/* initially the nested UI element works as thumbnail */background:#000 url("/images/inlay_small.png") 0 0 no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;top:auto;bottom:10%;border:3px solid #eee;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.25);-moz-box-shadow:0 0 15px rgba(0,0,0,0.25);box-shadow:0 0 15px rgba(0,0,0,0.25);left:5%;width:25%;height:42%}
#inlay-script2.is-ready{/* playback starts */background:#000;}
#inlay-script2.is-ready .video-header{display:none}
#inlay-script2.is-ready .fp-ratio{padding-top:66%}
#inlay-script2.is-ready .info{display:none}

#inlay-script3{background:#333 url("/images/inlay_script3.jpg") 0 0 no-repeat; width:720px; margin:1em 0 1em 120px;}
#inlay-script3 .fp-ratio{/* initial state */-webkit-transition:padding-top .5s;-moz-transition:padding-top .5s;transition:padding-top .5s;padding-top:45%}
#inlay-script3.is-splash{cursor:default}
#inlay-script3.is-splash .fp-ui{/* initially the nested UI element works as thumbnail */background:#000 url("/images/inlay_small.png") 0 0 no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;top:auto;bottom:10%;border:3px solid #eee;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.25);-moz-box-shadow:0 0 15px rgba(0,0,0,0.25);box-shadow:0 0 15px rgba(0,0,0,0.25);left:5%;width:25%;height:42%}
#inlay-script3.is-ready{/* playback starts */background:#000;}
#inlay-script3.is-ready .video-header{display:none}
#inlay-script3.is-ready .fp-ratio{padding-top:66%}
#inlay-script3.is-ready .info{display:none}

#inlay-script4{background:#333 url("/images/inlay_script4c.jpg") 0 0 no-repeat; width:720px; margin:1em 0 1em 120px;}
#inlay-script4 .fp-ratio{/* initial state */-webkit-transition:padding-top .5s;-moz-transition:padding-top .5s;transition:padding-top .5s;padding-top:45%}
#inlay-script4.is-splash{cursor:default}
#inlay-script4.is-splash .fp-ui{/* initially the nested UI element works as thumbnail */background:#000 url("/images/inlay_small.png") 0 0 no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;top:auto;bottom:10%;border:3px solid #eee;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.25);-moz-box-shadow:0 0 15px rgba(0,0,0,0.25);box-shadow:0 0 15px rgba(0,0,0,0.25);left:5%;width:25%;height:42%}
#inlay-script4.is-ready{/* playback starts */background:#000;}
#inlay-script4.is-ready .video-header{display:none}
#inlay-script4.is-ready .fp-ratio{padding-top:66%}
#inlay-script4.is-ready .info{display:none}

.contactus-msg {
  margin: .5em 0 1em 0;
}

#contactus input,
#contactus input:focus,
#contactus textarea,
#contactus textarea:focus {
  outline: none;
  border: none;
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
}

#contactus textarea {
  height: 200px;
}

#contactus div.input-box {
  margin-top: 3px;
  border: 1px solid #00539b;
  border-radius: 2px;
  vertical-align: middle;
}

#contactus .submit-btn {
  width: 80px;
  margin-top: 3px;
}

#contactus label {
  margin-top: 3px;
}

#contactus .submit-btn {
  background-color: #e1f1ff;
  border: 1px solid #00539b;
  border-radius: 2px;

}

.error {
  color: red;
  margin: 1em 5em 1em 5em;
}

.sent {
  color: green;
  margin: 1em 5em 1em 5em;
}

.contactus-form {
  margin: 20px auto;
  width: 70%;
}

.contactus-form .bottomMargin{
	margin-bottom: 1em;
}

.contactus-email-form {
  width: 100%;
}

.region > a {
  color: #7e657f;
  font-weight: bold;
}