/*
 * *   title:      typography for bkconline.org 
 * *   author:     jake [at] jakejohns.net
 * *   updated:    200901
 * */



body {font: 0.84em/1.571 Arial,Helvetica,sans-serif; }

a, a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}

#footer{line-height:1.3; font-size:85%; border-top:1px solid;}

#navigation {font-size:90%;}
#navigation #primaryNavigation li{display:inline;}
#navigation #primaryNavigation a,
#navigation .trainingNavigation li a,
#navigation #userControlls a{display:block; padding:0.5em 1.6em; margin:0.15em 0;}
#navigation #primaryNavigation a:hover, #navigation a:active, #navigation a:focus {text-decoration:none;}

#content p strong, .consentNotice{font-weight:bold;}
#content p em{font-style:italic;}

#content p abbr {cursor:help; border-bottom:1px dotted #999;}

#content .copy ul, #content .copy ol {margin-left:1em;}
#content .copy ul{list-style-type:disc;}
#content .copy ol{list-style-type:decimal;}


#content{padding-top:1.5em; margin-bottom:1em;}
#content h2{ font-size:1.3em; font-weight:bold;}
#content p, #content ul, #content ol {margin-bottom:1em;}
#content .copy ul li, #content .copy ol li {margin-bottom:0.5em;}
#content h3,
#registrationForm .section>legend {font-weight:bold; text-transform:uppercase; letter-spacing:0.1em;}

#toTopLink{text-align:right;}
#toTopLink a{font-size:80%;}

#trainings .trainingInfo{border-bottom:1px solid;}
#trainings .trainingInfo h3 a
{font-weight:bold;}

#trainings .trainingInfo .trainingNavigation li a
{font-size:0.85em; display:inline-block; padding:0.1em 2.5em; border:1px solid; text-align:center;}

#navigation .trainingNavigation li a
{border:1px solid; border-right:0;}

#registrationForm legend,
.quizQuestions legend,
#registrationForm .open label,
#registrationForm #fieldset-vitals label,
#registrationForm .errors,
#fieldset-demographics legend,
.quizQuestions .errors{font-weight:bold;}

#registrationForm fieldset,
#registrationForm #fieldset-vitals dd,
.quizQuestions fieldset,
#fieldset-demographics fieldset
{margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid;}

#registrationForm label,
.quizQuestions label,
#fieldset-demographics label
{display:block; padding:0.3em; margin:0.3em 0;}

#registrationForm .open,
#fieldset-demographics .open{border:1px solid; padding:0 1em 1em 1em; margin-top:1em;}

.stepsList strong {font-weight:bold; display:block;}

dl.dates{font-size:0.9em; margin:0.5em 0;}
dl.dates *{display:inline;}
dl.dates dt{font-weight:bold;}
dl.dates dt:after{content:": ";}
dl.dates dd{margin-right:2em;}

.loginBlock strong, .loginBlock dt{font-weight:bold;}
.loginBlock dd{margin-bottom:1em;}
.loginBlock p.hint{padding:0.5em;}
.loginBlock div{padding-bottom:1em;}

ul#messages li {border:1px solid; padding:0.3em 1em; margin:0.5em 0; font-weight:bold;}

.aboutAction #content .trainingInfo .trainingNavigation .aboutLink{display:none;}

#trainingSteps{
list-style-type:decimal;
margin-left:2em;
}

#trainingSteps .stepTrain a{font-weight:bold;}

#certTable{
font-size:0.9em; margin:0.5em 0 2em 0; width: 100%;
text-align: left;
border-collapse: collapse;
}

#certTable th {
font-size: 1.1em;
font-weight: normal;
padding: 0.3em 0.5em;
border-top: 4px solid;
border-bottom: 1px solid;
}


#certTable tfoot th{font-size:0.9em;}

#certTable td{
padding: 8px;
border-bottom: 1px solid;
border-top: 1px solid;}

.changeForm, .bkcForm{
border:1px solid;
margin:0.5em 0 1em 0;
padding:1em;
}

.changeForm h4{
font-weight:bold;
}

.changeForm dt, .bkcForm dt{
padding:0.5em 0;
}

.changeForm dd, .bkcForm dd{
margin-bottom:0.5em;
}

.errors{font-weight:bold;}

#contactForm {padding:1em; border:1px solid;}
#contactForm textarea{width:95%; height:10em;}
#contactForm dd {margin-bottom:1em;}

#consentWindow{border:1px solid; padding:1em; font-size:0.9em; margin-bottom:1em;}