/* CSS Document */
/* General HTML tag redefinitions */
a:link, a:visited { color: #1245b0; text-decoration: underline; }
a:hover { color: #1245b0; text-decoration: none; }
a img { border: none;}
body { margin: 0; background: url(../_img/backgrounds/body.gif) top left repeat; font: 1.0em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
form { margin: 0; padding: 0; }
hr { margin-bottom: 2em; }
#tworight hr { margin-bottom: 0.5em; }
h1 { font-size: 1.6em; font-weight: normal; color: #333; padding: 0; }
h2 {font-size: 1.3em; font-weight: normal; color: #333; border-bottom: 1px solid #ccc; }
li { }
ol { line-height: 1.4; }
p { margin: 0.5em 0 1em 0; color: #000; line-height: 1.4;}
#left p, #bleft p, #right p { margin: 0.5em 0; }
table { margin-bottom: 20px; }
ul { margin-top: 0; }
table.ranking { width: 95%; font-size: 0.9em; }
table.ranking td { border-bottom: 1px solid #8a8a8a; }
table.ranking th { text-align: left; background: #b5d17f; }
/* positioning the page in the center of the viewport */
/* page header elements (excluding navbar) */
#header { width: 740px; margin: 5px auto 0; padding: 15px 10px; background: url(../_img/backgrounds/std_header.gif) top left no-repeat; }
#home #header { border-bottom: 1px solid #fff; }
#header .qno {
font-size: 1.7em;
font-weight: normal;
float: right;
color: #fff;
padding-top: 30px;
text-align: right;
}
#header .qno strong {
font-weight: normal;
color: #d3e4b3;
}
#header .qno .challenge { font-size: 0.8em; }
#header .qno h1 { color: #fff; font-size: 0.95em; font-weight: normal; margin-top: 0; }
/* #home #header .qno { float: left; } */
#logo { float: left; }
p#youarehere { color: #999; font-size: 0.65em; text-align: right; border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 5px 0 15px; padding: 4px 6px; background-color: #efefef; }
p#youarehere a:link, p#youarehere a:visited { color: #999; text-decoration: underline; font-weight: normal; }
p#youarehere a:hover { color: #333; font-weight: normal; }
/* navbar elements */
#navigation { border: 1px solid #1464b8; margin: 5px auto; background: #d4e5f7; color: #1464b8; padding: 5px; font-size: 0.8em; }
#navigation a:link { color: #1464b8; text-decoration: none; font-weight: bold; }
#navigation a:visited { color: #1464b8; text-decoration: none; font-weight: bold; }
#navigation a:hover{ color: #1464b8; text-decoration: underline; font-weight: bold; }
#progress { border-left: 1px solid #6ca300; border-right: 1px solid #6ca300; width: 738px; padding: 5px 10px; margin: 0 auto; background: url(../_img/backgrounds/progress.gif) top left repeat-x; font-size: 0.8em; color: #6ca300; text-align:right; }
#content { border: 1px solid #6ca300; width: 738px; padding: 10px 10px 0; margin: 0 auto; background: #fff; }
.additional #content { border: 1px solid #6ca300; width: 718px; padding: 0 20px 10px; margin: 0 auto; background: #fff; font-size: 0.9em; }
.graphic { width: 350px; float: left; padding: 220px 0; }
.blerb { color: #6ca300; font-size: 0.9em; margin: 30px 0 30px 378px; width: 330px; }
.qzone { margin: 30px 0 30px 378px; width: 330px; background: url(../_img/backgrounds/question.gif) bottom left no-repeat; font-size: 0.9em; padding: 0 10px; }
.qzone p { margin: 0.5em 0 0.3em; border-top: 1px solid #ccc; padding-top: 0.5em; }
.nextq { margin: 30px 0 0 428px; width: 300px; text-align: center; }
.qzone p.first { background: url(../_img/backgrounds/question_top.gif) top left no-repeat; margin: 0 -10px 0; padding: 1.0em 10px 0; border-top: none; }
.qzone p.salutation { font-size: 1.7em; color: #b5d17f; margin: 0 0 10px; }
p.stats { font-size: 1.3em; font-weight: normal; color: #fff;padding: 0 0 10px; margin: 0 0 20px; }
.qzone table { margin-left: 10px; font-size: 0.9em; }
.qzone .feature td label, .qzone .feature td input { padding: 0; margin: 0; }
p.first img { padding-top: 5px; }
.qzone .responses { color: #666; }
.qzone label { color: #666; }
.qzone td label { margin-top: 0.3em;}
#footer {
background: url(../_img/backgrounds/footer.gif) bottom left no-repeat;
width: 740px;
padding: 10px 10px 15px;
margin: 0 auto 20px;
font-size: 0.7em;
color: #fff;
}
#footer a:link, #footer a:visited { color: #fff; }
#home #footer, #end #footer { border-top: 1px solid #fff; }
#topnav {
background: #6ca300;
border-top: 1px solid #fff;
width: 740px;
padding: 10px 10px 15px;
margin: 0 auto;
font-size: 0.7em;
color: #fff;
}
#topnav a:link, #topnav a:visited { color: #fff; }
#footer p { margin: 0; font: 0.7em Tahoma, Arial, sans-serif; color: #fff; }
/* styles for the three column layout */
#twocolLeft { width: 610px; float: left; }
#left { width: 130px; padding: 0; float: left; font: 0.7em Tahoma, Arial, sans-serif; }
#left a:link, #right a:link, #left a:visited, #right a:visited { font-weight: normal; }
#left a:hover #right a:hover { text-decoration: underline; color:#09f; }
#left h1, #right h1, #bleft h1, #jobsleft h1, #jobsleft h2 { color: #333; font-size: 1.1em; margin-top: 1em; background-color: #eeeeff; border: 1px solid #ccf; padding: 3px; }
#left h2, #right h2, #bleft h2 { color: #333; font-size: 1.1em; margin-top: 1.5em; background-color: #eeeeff; border: 1px solid #ccf; padding: 3px; }
#left ul { list-style: none; padding-left: 0; margin-left: 0; }
#left li { background-image: url(/_img/bullet_l.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 14px; margin: 0.7em 0; }
li h2 { font: normal 1.0em Tahoma, Arial, sans-serif; margin: 0.5em 0; }
#middle { width: 437px; margin: 0px 0px 0px 160px; font: 0.8em Tahoma, Arial, sans-serif; }
#right { width: 150px; margin-left: 624px; padding: 0; font: 0.7em Tahoma, Arial, sans-serif; }
/* styles for two column layout a */
#twoleft { width: 470px; padding: 0 0 0 10px; float: left; font: 0.8em Tahoma, Arial, sans-serif; }
#tworight { width: 240px; margin-right: 10px; float: right; font: 0.7em Tahoma, Arial, sans-serif; }
#tworight h1 { color: #333; font-size: 1.3em; margin-top: 0em; }
#tworight h2 { font-size: 1.3em; margin-top: 1.5em; }
/* styles for two column layout b */
#bleft { width: 130px; padding: 0; float: left; font: 0.7em Tahoma, Arial, sans-serif; float: left; }
#bright { width: auto; padding: 0 5px; margin-left: 160px; font: 0.8em Tahoma, Arial, sans-serif; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #bleft {
margin-right: 10px;
}
* html #bright {
height: 1%;
margin-left: 160px;
}
/* End hide from IE5/mac */
#bleft a:link, #bleft a:visited { font-weight: normal; }
#bleft a:hover { text-decoration: underline; color: #09f; }
/* styles for the jobs listing layout */
/* single column layout */
#sole { padding: 10px 20px; font: 0.8em Tahoma, Arial, sans-serif; }
/* miscellaneous styles */
.announce { border: 1px solid #c00; padding: 5px; }
.announce h2 { margin-top: 0; padding-top: 0; }
.clear {clear: both; font: 1px Verdana; color: #fff; height: 1px; }
.clearright {clear: right; font: 1px Verdana; color: #fff; height: 10px; }
.grey { color: #999; }
.lightgreen { color: #b5d17f; }
.strike { text-decoration: line-through; }
p.bordert { border-top: 1px solid #333; padding-top: 0.5em; }
.smaller { font-size: 0.8em; color: #666; }
.smallerleft { font-size: 0.8em; color: #999; float: left; }
#left .textbox { width: 126px; background-color: #efefef; border: 1px solid #06c; }
fieldset { margin-bottom: 1em; }
label { margin: 1em 0 0.3em 0; color: #666; display: block; }
label.radio, label.checks { display: inline; margin: 0 1em 0 0; }
input.check { float: left; display: inline; margin-top: 10px; }
.feature label.check { float: left; width: 250px; margin: 0; padding-top: 10px; }
.qzone .feature label { color: #000; margin-left: 10px; }
.qzone .feature label.radio { color: #000; margin-left: 0; }
.qzone .feature input { margin-left: 10px; }
.qzone select { }
p.button { padding-top: 15px; text-align: center; }
.button2 { background-color: #fc0; color: #fff; border: 1px solid #000; font-weight: bold; }
.textbox { background-color: #efefef; border: 1px solid #6c0; }
.textbox95p { width: 95%; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox80p { width: 80%; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox50p { width: 50%; background-color: #efefef; border: 1px solid #000; }
.textbox145 { width: 145px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox100 { width: 100px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox105 { width: 105px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox85 { width: 85px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox90 { width: 90px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
#twoleft select { width: 145px; background-color: #efefef; border: 1px solid #000; }
legend { font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333; }
.formleft { width: 48%; padding-right: 1%; float: left; }
.formright { width: 48%; padding-left: 1%; float: right; }
.required { color: #c00; }
/* styles used on the CV */
/* warning messages */
.warning{
display:inline;
color:#c00;
}
/* latest jobs */
/* Coloring and illustrating by section */
#job_1 .qzone { background: url(../_img/backgrounds/qzone_basic.gif) bottom left no-repeat; }
#job_1 .qzone p.first { background: url(../_img/backgrounds/qzone_basic_top.gif) top left no-repeat; }
#job_1 #content { background: url(../_img/cool_guy.gif) bottom left no-repeat #fff;}
#job_1 .graphic { padding: 230px 0; }
#job_2 .qzone { background: url(../_img/backgrounds/qzone_shopping.gif) bottom left no-repeat; }
#job_2 .qzone p.first { background: url(../_img/backgrounds/qzone_shopping_top.gif) top left no-repeat; }
#job_2 #content { background: url(../_img/shopper.gif) bottom left no-repeat #fff;}
#job_2 .graphic { padding: 260px 0; }
#job_3 .qzone { background: url(../_img/backgrounds/qzone_entertainment.gif) bottom left no-repeat; }
#job_3 .qzone p.first { background: url(../_img/backgrounds/qzone_entertainment_top.gif) top left no-repeat; }
#job_3 #content { background: url(../_img/devilish_girl.gif) bottom left no-repeat #fff; }
#job_3 .graphic { padding: 260px 0; }
#job_4 .qzone { background: url(../_img/backgrounds/question_work.gif) bottom left no-repeat; }
#job_4 .qzone p.first { background: url(../_img/backgrounds/question_top_work.gif) top left no-repeat; }
#job_4 #content { background: url(../_img/communicate_phone.gif) bottom left no-repeat #fff; }
#job_4 .graphic { }
#job_5 .qzone { background: url(../_img/backgrounds/qzone_social.gif) bottom left no-repeat; }
#job_5 .qzone p.first { background: url(../_img/backgrounds/qzone_social_top.gif) top left no-repeat; }
#job_5 #content { background: url(../_img/flirtygirl.gif) bottom left no-repeat #fff;}
#job_5 .graphic { }
#job_6 .qzone { background: url(../_img/backgrounds/qzone_advanced.gif) bottom left no-repeat; }
#job_6 .qzone p.first { background: url(../_img/backgrounds/qzone_advanced_top.gif) top left no-repeat; }
#job_6 #content { background: url(../_img/skinnywoman.gif) bottom left no-repeat #fff; min-height: 410px;}
#job_7 .qzone { background: url(../_img/backgrounds/qzone_basic.gif) bottom left no-repeat; }
#job_7 .qzone p.first { background: url(../_img/backgrounds/qzone_basic_top.gif) top left no-repeat; }
#job_7 #content { background: url(../_img/grad2.gif) bottom left no-repeat #fff; }
#job_7 .graphic { }
#job_7 label { width: 250px; }
#job_7 label img { float: right; }
#job_check_3 .qzone { background: url(../_img/backgrounds/qzone_basic.gif) bottom left no-repeat; }
#job_check_3 .qzone p.first { background: url(../_img/backgrounds/qzone_basic_top.gif) top left no-repeat; }
#job_check_3 #content { background: url(../_img/advanced_girl_lab_coat.gif) bottom left no-repeat #fff; min-height: 440px; }
#job_8 .qzone { background: url(../_img/backgrounds/qzone_shopping.gif) bottom left no-repeat; }
#job_8 .qzone p.first { background: url(../_img/backgrounds/qzone_shopping_top.gif) top left no-repeat; }
#job_8 #content { background: url(../_img/tree_pose.gif) bottom left no-repeat #fff; min-height: 510px; }
#job_8 .graphic { }
#job_8 .textbox210 { width: 270px;}
#demo_1 .qzone { background: url(../_img/backgrounds/qzone_shopping.gif) bottom left no-repeat; }
#demo_1 .qzone p.first { background: url(../_img/backgrounds/qzone_shopping_top.gif) top left no-repeat; }
#demo_1 #content { background: url(../_img/business_team.gif) bottom left no-repeat #fff; min-height: 510px; }
#demo_1 .graphic { }
#demo_2 .qzone { background: url(../_img/backgrounds/qzone_shopping.gif) bottom left no-repeat; }
#demo_2 .qzone p.first { background: url(../_img/backgrounds/qzone_shopping_top.gif) top left no-repeat; }
#demo_2 #content { background: url(../_img/business_team_2.gif) bottom left no-repeat #fff; min-height: 510px; }
#demo_2 .graphic { }
/* #home #content { background: url(../_img/advanced_girl_lab_coat_2.gif) bottom left no-repeat #6ca300; } */
#home #content { background: url(/_img/advanced_girl_lab_coat_green.gif) bottom left no-repeat #6ca300; min-height: 440px; border: 1px solid #6ca300; width: 350px; padding: 40px 10px 0 398px; margin: 0 auto; font-size: 0.9em; }
#home.homepage #content { background: url(/_img/homepage_lab_girl.png) top left no-repeat #6ca300; min-height:330px; border: 1px solid #6ca300; width: 350px; padding: 40px 10px 0 398px; margin: 0 auto; font-size: 0.9em; }
#home #content .feature { background: url(/_img/backgrounds/home_bottom.gif) bottom left no-repeat; margin-bottom: 10px; padding: 0 10px 10px; }
#home .qzone p { padding: 5px 10px; border: none; }
#home .qzone .feature p, #home .qzone .feature ul { padding-right: 10px; }
#home .feature p.first { background: url(../_img/backgrounds/home_top.gif) top left no-repeat; margin: 0 -10px; padding: 10px; color: #6ca300; }
#home .qzone .feature p.green { color: #6ca300; }
#home .qzone .feature .textbox { width: 278px; border: 1px solid #333; margin-bottom: 10px; }
.textbox210 { width: 320px; border: 1px solid #333; background: #efefef; }
#end #content { background: url(../_img/advanced_girl_lab_coat_home.gif) bottom left no-repeat #6ca300; }
#end .graphic { padding: 210px 0; }
#end .qzone { width: 300px; background: url(../_img/backgrounds/home_bottom.gif) bottom left no-repeat; margin-bottom: 10px; padding: 0 0 10px; }
#end .qzone p { padding: 5px 10px; border: none; }
#groups .qzone p { border: none; }
#end .qzone ul { padding-right: 10px; }
#end .qzone p.first { background: url(../_img/backgrounds/home_top.gif) top left no-repeat; margin: 0; padding: 10px; color: #6ca300; }
#end .qzone p.green { color: #6ca300; }
#end .qzone .textbox { width: 278px; border: 1px solid #333; margin-bottom: 10px; }
h1.green { color: #6ca300; }
/* credit where credit's due */
#credit { width: 760px; margin: 20px auto; padding: 0; color: #7eb501; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif; text-align: right; }
#credit a:link, #credit a:visited { color: #7eb501; font-weight: normal; text-decoration: none; }
#credit a:hover { text-decoration: underline; }
/* home page styles */
.floatleft { float: left; }
.betatest { border: 1px dotted #c00; margin: 10px; font-size: 0.7em; padding: 3px; }
/* group page styles */
body#groups.e-master .qzone { background: url(../_img/backgrounds/social_bottom.gif) bottom left no-repeat; }
body#groups.e-master .qzone p.first { background: url(../_img/backgrounds/social_top.gif) top left no-repeat; }
body#groups.e-master #content { background: url(../_img/tree_pose.gif) bottom left no-repeat #fff;}
#groups.e-master .graphic { padding: 230px 0; }
body#groups.e-expert .qzone { background: url(../_img/backgrounds/advanced_bottom.gif) bottom left no-repeat; }
body#groups.e-expert .qzone p.first { background: url(../_img/backgrounds/advanced_top.gif) top left no-repeat; }
body#groups.e-expert #content { background: url(../_img/doctor.gif) bottom left no-repeat #fff;}
#groups.e-expert .graphic { padding: 230px 0; }
body#groups.e-vangelist .qzone { background: url(../_img/backgrounds/social_bottom.gif) bottom left no-repeat; }
body#groups.e-vangelist .qzone p.first { background: url(../_img/backgrounds/social_top.gif) top left no-repeat; }
body#groups.e-vangelist #content { background: url(../_img/flirty_90s_girl.gif) bottom left no-repeat #fff;}
#groups.e-vangelist .graphic { padding: 230px 0; }
body#groups.e-citizen .qzone { background: url(../_img/backgrounds/qzone_shopping.gif) bottom left no-repeat; }
body#groups.e-citizen .qzone p.first { background: url(../_img/backgrounds/qzone_shopping_top.gif) top left no-repeat; }
body#groups.e-citizen #content { background: url(../_img/city_girl.gif) bottom left no-repeat #fff;}
body#groups.e-citizen .graphic { padding: 260px 0; }
body#groups.e-student .qzone { background: url(../_img/backgrounds/advanced_bottom.gif) bottom left no-repeat; }
body#groups.e-student .qzone p.first { background: url(../_img/backgrounds/advanced_top.gif) top left no-repeat; }
body#groups.e-student #content { background: url(../_img/grad2.gif) bottom left no-repeat #fff;}
#groups.e-student .graphic { padding: 230px 0; }
body#groups.e-learner .qzone, body#groups.e-virgin .qzone { background: url(../_img/backgrounds/qzone_basic.gif) bottom left no-repeat; }
body#groups.e-learner .qzone p.first, body#groups.e-virgin .qzone p.first { background: url(../_img/backgrounds/qzone_basic_top.gif) top left no-repeat; }
body#groups.e-learner #content, body#groups.e-virgin #content { background: url(../_img/communicate_phone.gif) bottom left no-repeat #fff;}
body#groups.e-learner .graphic, body#groups.e-virgin .graphic { padding: 230px 0; }
.greylabel { font-size: 0.9em; color: #666; padding: 0 5px 10px 0; }
/* admin styles */
#anavigation { border: 1px solid #6ca300; margin: 0px auto; background: #ffffef; color: #6ca300; padding: 5px 10px; font: normal 0.8em Verdana, Arial, sans-serif; width: 738px; }
#anavigation a:link { color: #6ca300; text-decoration: none; }
#anavigation a:visited { color: #6ca300; text-decoration: none;}
#anavigation a:hover{ color: #6ca300; text-decoration: underline; }
table.admin { font-size: 0.8em; width: 95%; }
table.admin th { text-align: left; font-weight: normal; background: #efefef; }
table.admin td { border-bottom: 1px solid #ccc; }
td span.green { color: #6ca300; font-weight: bold; }
td span.red { color: #c00; font-weight: bold; }
table.leaguetable { border-collapse: collapse; width: 340px; margin: 0; }
table.leaguetable th { font-weight: normal; text-align: left; border-bottom: 1px solid #6ca300; background: #b5d17f; padding: 3px 10px 3px 3px;}
table.leaguetable th.yourscore { background: #cf7eb4; color: #fff; border-bottom: 1px solid #bd499a;}
table.leaguetable th.right, table.leaguetable td.right { text-align: right; }
table.leaguetable td { padding: 3px 10px 3px 3px;}
table.leaguetable tr.even td { background: #e8edf7;}
p.moreresults { border-top: 1px dotted #ccc; font-size: 0.9em; padding: 5px 0; text-align: right; }
p.search { border: 1px solid #333; margin: 1em 0; padding: 5px; background: #ffffef; }
p.pagination { font-size: 0.7em; }
.nobr { white-space: nowrap; }
table.admin td.section { background: #ffc; border-bottom: 2px solid #666; border-top: 1px solid #666; font-weight: bold; }
table.admin td.url { }
a.pseudobutton:link, a.pseudobutton:visited { font-size: 0.8em; background: #6ca300; border: 1px solid #000; color: #fff; padding: 2px; text-decoration: none; }
a.pseudobutton:hover { text-decoration: none; }
a#taketest, a#viewresults, a#learnmore { background: #3c5609; border: 2px solid #3c5609; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 0 5px; padding: 5px 10px; text-align: center; text-decoration: none; }
a#taketest:hover, a#viewresults:hover, a#learnmore:hover { background: #6ca300;}
a#viewresults, a#learnmore { border: 2px solid #333; background: #999; }
a#viewresults:hover, a#learnmore:hover { background: #ccc;}
button#btnNext, a#btnNext { background: #3c5609; border: 2px solid #3c5609; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.0em; margin: 0 0 10px; padding: 5px 10px; text-align: center; text-decoration: none;}
button#btnNext:hover, a#btnNext:hover { background: #6ca300; }
/*Example CSS for demo ticker*/
#tickerbox { font: bold 12px Verdana, Arial, Helvetica, sans-serif; width: 758px; background: #fc0; border-left: 1px solid #6ca300; border-right: 1px solid #6ca300; border-bottom: 1px solid #fff;height: 20px; padding: 0; margin: 0 auto; }
#tickerbox p { margin: 0; padding: 2px; }
#ajaxticker1{
font: 12px Verdana, Arial, Helvetica, sans-serif;
width: 560px;
float: right;
height: 16px;
padding: 2px 20px;
background-color: #e1edcc;
}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #e1edcc;
}
.someclass{ //class to apply to your scroller(s) if desired
}
#resultswrapper { float: left; width: 160px; }
.resultspanel { background: url(/_img/backgrounds/resultspanel.png) top left no-repeat; float: left; height: 140px; width: 140px; margin: 0 5px 0; padding: 20px 5px 10px; text-align: center; color: #fff;}
.resultspanel.grey { background: url(/_img/backgrounds/resultspanel_grey.png) top left no-repeat; }
.resultspanel.blue { background: url(/_img/backgrounds/resultspanel_blue.png) top left no-repeat; }
.resultspanel .score { font-size: 4em; display: block; }
.resultspanel a { color: #fff;}
#descriptionwrapper { background: url(/_img/backgrounds/results_horizontal.png) top left no-repeat; border-bottom: 1px solid #6ca300; padding: 10px 20px 10px 290px; margin: 0 -20px 10px; }
#resultsdescription {background: #fff; border: 4px solid #6ca300; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; margin: 0 0 0 20px; padding: 0 10px 10px; width: 240px; }
.tablesleft { width: 340px; float: left;}
.tablesright { width: 340px; float: right;}
img.errorflag { vertical-align: baseline;}
.explanatory { color: #000; font-weight: bold; }
.your h2 { border-bottom: 1px solid #ef300c; }
.challenge input { margin: 5px 0;}
#results h2 { margin-top: 1.5em;}
#faqs li { font-size: 0.9em; margin: 0 0 1em;}
#faqs li strong { font-size: 1.1em;}
#demo_1 .qzone p { border-top: none;}
#demo_1 .qzone p.button { border-top: 1px solid #ccc;}
#recruitresearch h2 { background: #d4e3b3; padding: 5px; }
#recruitresearch #content p { line-height: 1.2;}
#frmSurvey fieldset { border: 1px dotted #ccc;}
#frmSurvey input.checkbox { float: left;}
#frmSurvey label.checkbox { padding-left: 40px; }
#frmSurvey input.text, #frmSurvey textarea.text { border: 1px solid #000; padding: 2px; width: 324px;}