/*CSS*/
html
{
width: 100%;
height: 100%;
background-color: #000031;
}
body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
text-align: center;
background-color: #000031;
}
.clear
{
clear: both;
font-size: 1px;
line-height: 0px;
}
.clearFloat
{
clear: both;
}
a img
{
border: none;
}
div#wrapper
{
width: 800px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
text-align: left;
}
div#head
{
width: 800px;
position: relative;
background-color: #051048;
padding-top: 5px;
}
div.homeHead
{
height: 149px;
}
div#head img, div#headSpace
{
float: left;
}
div#headSpace
{
width: 429px;
height: 20px;
background-color: #ffffff;
}
div#center
{
width: 800px;
}
div#center img
{
float: left;
}
div#navBar
{
background-image: url(../images/navBkg.gif);
background-repeat: repeat-x;
width: 800px;
height: 26px;
text-align: center;
border-bottom: 3px solid #fdc745;
}
ul#homeNav
{
display: block;
margin: 0px;
padding: 0px;
list-style-type: none;
height: 26px;
width: 501px;
margin-left: auto;
margin-right: auto;
}
ul#homeNav li
{
display: block;
float: left;
height: 26px;
}
ul#homeNav li a
{
display: block;
height: 26px;
background-repeat: no-repeat;
outline: none;
}
ul#homeNav span
{
display: none;
}
ul#homeNav a#jkiLink79
{
background-image: url(../images/btn_aboutUs.gif);
width: 100px;
}
ul#homeNav a#jkiLink79:hover,
ul#homeNav a#jkiLink79:focus
{
background-image: url(../images/btn_aboutUsR.gif);
}
ul#homeNav a#jkiLink81
{
background-image: url(../images/btn_aboutTheSurvey.gif);
width: 152px;
}
ul#homeNav a#jkiLink81:hover,
ul#homeNav a#jkiLink81:focus
{
background-image: url(../images/btn_aboutTheSurveyR.gif);
}
ul#homeNav a#jkiLink80
{
background-image: url(../images/btn_importantLinks.gif);
width: 140px;
}
ul#homeNav a#jkiLink80:hover,
ul#homeNav a#jkiLink80:focus
{
background-image: url(../images/btn_importantLinksR.gif);
}
ul#homeNav a#jkiLink1
{
background-image: url(../images/btn_contactUs.gif);
width: 109px;
}
ul#homeNav a#jkiLink1:hover,
ul#homeNav a#jkiLink1:focus
{
background-image: url(../images/btn_contactUsR.gif);
}
div#homeFooter
{
background-color: #9ccbff;
width: 755px;
padding: 14px 22px 10px 23px;
font-family: Verdanna, sans-serif;
font-size: 12px;
line-height: 125%;
color: #1e275a;
text-align: center;
}
div#centerCopy
{
width: 486px;
float: left;
padding-right: 60px;
text-align: left;
}
div#homeFooter h1
{
margin: 0px;
padding: 0px;
font-size: 14px;
}
form#login
{
display: block;
float: left;
width: 209px;
text-align: left;
}
form#login fieldset
{
border: none;
margin: 0px;
padding: 0px;
}
form#login legend
{
font-weight: bold;
padding: 0px;
margin: 0px;
margin-bottom: 4px;
}
form#login input
{
border: 1px solid #565656;
width: 82px;
display: block;
height: 17px;
padding: 3px 0px 0px 0px;
float: left;
margin-right: 3px;
}
form#login button
{
border: none;
background: none;
margin: -2px 0px 0px 0px;
padding: 0px;
width: 31px;
height: 23px;
display: block;
float: left;
}
ul#loginAssist
{
display: block;
padding: 0px;
margin-left: auto;
margin-right: auto;
list-style-type: none;
line-height: 100%;
}
ul#loginAssist li
{
border: none;
}
ul#loginAssist li a
{
font-size: 11px;
color: #1e275a;
text-decoration: none;
outline: none;
}
ul#loginAssist li a:hover, ul#loginAssist li a:focus
{
text-decoration: underline;
}
ul#footNav
{
display: block;
margin: 50px auto 0px auto;
padding: 0px;
margin-left: auto;
margin-right: auto;
list-style-type: none;
}
ul#level2Footer li,
ul#footNav li,
ul#langNav li
{
outline: none;
display: inline;
border-right: 1px solid #1e275a;
margin-right: 5px;
padding-right: 3px;
}
ul#level2Footer li.last,
ul#footNav li.last,
ul#langNav li.last
{
border: none;
}
ul#level2Footer li a,
ul#footNav li a,
ul#langNav li a
{
font-size: 11px;
color: #1e275a;
text-decoration: none;
}
ul#level2Footer li a:hover, ul#level2Footer li a:focus,
ul#footNav li a:hover, ul#footNav li a:focus
ul#langNav li a:hover, ul#langNav li a:focus
{
text-decoration: underline;
}
ul#langNav
{
margin: 35px 0px -35px 0px;
padding: 0px;
display: block;
clear: both;
list-style-type: none;
}
div.level2Head
{
height: 160px;
}
p#welcome
{
position: absolute;
top: 25px;
right: 25px;
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: bold;
color: #ffffff;
margin: 0px;
}
ul#logoutNav
{
position: absolute;
top: 50px;
right: 25px;
display: block;
font-size: 11px;
font-family: Verdana, sans-serif;
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul#logoutNav a
{
color: #ffffff;
text-decoration: none;
}
ul#logoutNav a:hover,
ul#logoutNav a:focus
{
text-decoration: underline;
}
div#headSpace2
{
background-color: #ffffff;
width: 429px;
height: 20px;
float: left;
}
div#headSpace3
{
background-color: #ffffff;
width: 487px;
height: 10px;
float: left;
font-size: 1px;
line-height: 0px;
}
div#centerWrap
{
background-image: url(../images/bkgLeftNav.gif);
background-position: bottom;
background-repeat: repeat-x;
background-color: #051048;
font-size: 1px;
}
div#leftColumn
{
width: 153px;
float: left;
padding-top: 40px;
padding-bottom: 250px;
}
div#leftColumn h1
{
font-size: 10px;
font-family: Verdana, sans-serif;
color: #fdc745;
padding: 0px;
margin: 0px 0px 2px 5px;
font-weight: bold;
}
ul#surveyNav
{
font-size: 10px;
font-family: Verdana, sans-serif;
font-weight: bold;
list-style-type: none;
background-color: #9CCBFF;
border-bottom: 1px solid #fdc745;
border-top: 1px solid #fdc745;
margin: 0px;
padding: 10px 0px 8px 10px;
}
ul#surveyNav li
{
margin-bottom: 7px;
}
ul#surveyNav a
{
font-size: 10px;
text-decoration: none;
color: #051048;
outline: none;
}
ul#surveyNav a:hover,
ul#surveyNav a:focus
{
text-decoration: underline;
}
ul#leftNavBar
{
display: block;
height: 107px;
width: 153px;
border-bottom: 1px solid #fdc745;
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul#leftNavBar li
{
display: block;
height: 27px;
width: 153px;
}
ul#leftNavBar li a
{
display: block;
width: 153px;
height: 27px;
background-repeat: no-repeat;
outline: none;
}
ul#leftNavBar a#jkiLink79
{
background-image: url(../images/leftLink01.gif);
}
ul#leftNavBar a#jkiLink79:hover,
ul#leftNavBar a#jkiLink79.on
{
background-image: url(../images/leftLink01R.gif);
}
ul#leftNavBar a#jkiLink81
{
background-image: url(../images/leftLink02.gif);
}
ul#leftNavBar a#jkiLink81:hover,
ul#leftNavBar a#jkiLink81.on
{
background-image: url(../images/leftLink02R.gif);
}
ul#leftNavBar a#jkiLink80
{
background-image: url(../images/leftLink03.gif);
}
ul#leftNavBar a#jkiLink80:hover,
ul#leftNavBar a#jkiLink80.on
{
background-image: url(../images/leftLink03R.gif);
}
ul#leftNavBar a#jkiLink1
{
background-image: url(../images/leftLink04.gif);
}
ul#leftNavBar a#jkiLink1:hover,
ul#leftNavBar a#jkiLink1.on
{
background-image: url(../images/leftLink04R.gif);
}
ul#leftNavBar span
{
display: none;
}
div#l2Center
{
width: 494px;
min-height: 420px;
float: left;
clear: right;
font-family: Verdana, sans-serif;
font-size: 12px;
line-height: 160%;
background-color: #ffffff;
padding: 35px 100px 100px 53px;
}
div#l2Center h1
{
font-size: 18px;
color: #1e275a;
}
div#l2Center h2
{
font-size: 12px;
color: #1e275a;
}
div#l2Center h3
{
font-size: 10px;
color: #1e275a;
}
div#l2Center h4
{
font-size: 8px;
color: #1e275a;
}
div#l2Center h5
{
font-size: 6px;
color: #1e275a;
}
div#l2Center h6
{
font-size: 4px;
color: #1e275a;
}
form.question
{
margin-top: 20px;
}
form.question fieldset
{
border: 0px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 45px;
}
form.question legend
{
margin: 0px 0px 0px -15px;
padding: 0px;
color: #1e275a;
font-weight: bold;
font-size: 12px;
margin-bottom: 3px;
}
form.question input,
form.question select,
form.question textarea
{
display: block;
float: left;
clear: left;
margin-top: 10px;
}
form.question label
{
margin-top: 10px;
display: block;
float: left;
clear: right;
width: 400px;
line-height: 145%;
}
form.question label.textBox
{
clear: both;
}
form.question blockquote label
{
width: 340px;
}
fieldset#navButtons
{
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
direction: rtl;
}
fieldset#navButtons input.button
{
border: none;
padding: 0px;
margin: 0px 0px 0px 15px;
background-color: transparent;
width: 60px;
height: 20px;
background-repeat: no-repeat;
}
input#nextBtn
{
background-image: url(../images/btn_next.gif);
float: none;
clear: none;
display: inline;
}
input#backBtn
{
background-image: url(../images/btn_back.gif);
float: none;
clear: none;
display: inline;
}
ul#level2Footer
{
display: block;
list-style-type: none;
margin: 0px;
padding: 5px 0px 5px 0px;
border-top: 3px solid #fdc745;
text-align: center;
font-family: Verdanna, sans-serif;
font-size: 12px;
background-color: #9ccbff;
line-height: 125%;
}
p.loginError
{
font-weight: bold;
color: #ff1100;
display: none;
}
span.required
{
font-weight: bold;
color: #ff1100;
padding-right: 5px;
}
div#loading
{
display: none;
}
form#printResults
{
margin: 0px;
padding: 0px;
}
fieldset.printButton
{
border: none;
padding: 0px;
margin: 0px;
}
fieldset.printButton input
{
float: right;
clear: both;
}
div.trafficLight
{
margin-bottom: 35px;
margin-top: 35px;
}
div.trafficLight img
{
float: left;
clear: left;
margin-right: 30px;
}
div.trafficLight div
{
padding-top: 5px;
}
div.resultsWrap img.resultsType
{
position: relative;
top: 0px;
left: 0px;
width: 494px;
height: 141px;
margin-bottom: -90px;
}
ul.resultsBox
{
position: relative;
display: block;
list-style-type: none;
margin: 0px;
padding: 0px;
}
li.result
{
display: block;
float: left;
width: 134px;
height: 250px;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
margin-right: 42px;
text-align: center;
}
li.rowBreak
{
margin-right: 173px;
}
li.endRow
{
margin-right: 0px;
}
li.result a
{
color: #051048;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}
li.result a:hover,
li.result a:focus
{
color: #9ccbff;
}
li.result a:hover span.resultName,
li.result a:focus span.resultName
{
text-decoration: underline;
}
span.resultName
{
margin-top: 5px;
display: block;
clear: both;
}
img.detailsPic
{
float: right;
clear: right;
margin-left: 25px;
}