/* Reset Browser Defaults */

html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }

/* Style Guide */

body { font: normal 80% Helvetica, Arial, sans-serif; line-height: 1.3em; color: #333; background: #f8f5da url('../img/siteback.jpg') repeat-x bottom left; text-align: center; }

a, a:link { color: #e36f1e; text-decoration: underline; }
a:visited { color: #7d7d7d; }
a:hover, a:active { color: #b5121b; }

strong { font-weight: bold; }
em { font-style: italic; }

sup { vertical-align: super; font-size: .4em; }

p { margin: 1em 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font: normal 1.6em Georgia, Times, serif; color: #033; background: #e0ecc6; padding: 8px 16px; }
h2 { font: normal 1.4em Georgia, Times, serif; color: #033; }
.teacher h2 { font: normal 1.4em Georgia, Times, serif; color: #033; background: #e0ecc6; padding: 8px 16px; }
h3 {   }
h4 { }
h5 {  }
h6 {   }

/* .btn1 = gray rounded
 * .btn2 = orange
 * .btn3 = blue
 * .btn4 = green
 * .btn5 = gray square
 */

.btn, button { cursor: pointer; display: inline-block; padding-left: 3px; background-repeat: no-repeat; background-position: center left; background-color: transparent; text-decoration: none; }
a.btn { padding-left: 6px; text-decoration: none; }
.btn span, button span { display: block; white-space: nowrap; min-width: 50px; height: 21px; padding: 6px 20px 6px 16px; background-repeat: no-repeat; background-position: center right; font: normal 1.2em Georgia, Times, serif; text-decoration: none; text-align: center; }
.btn:hover span, button:hover span { text-decoration: none; color: #333; }

.btn1 { background-image: url('../img/btn1-left.png'); }
.btn1 span { background-image: url('../img/btn1-right.png'); color: #be2c00; }

.btn2 { background-image: url('../img/btn2-left.png'); }
.btn2 span { background-image: url('../img/btn2-right.png'); color: #fff; }

.btn3 { background-image: url('../img/btn3-left.png'); }
.btn3 span { background-image: url('../img/btn3-right.png'); color: #fff; }

.btn4 { background-image: url('../img/btn4-left.png'); }
.btn4 span { background-image: url('../img/btn4-right.png'); color: #fff; }

.btn5 { background: #fff url('../img/button5.gif') repeat-x top left; border: 1px solid #ccc; }
a.btn5 { padding: 0; }
.btn5 span { background-image: none; background-color: transparent; color: #282828; min-width: inherit; height: 21px; padding: 3px 7px 0 10px; min-width: inherit; }
button.btn5 span { padding: 0 7px 0 8px;  }
.btn5:hover span { color: #e05c01; }

.buttons { text-align: right; padding: 1em 0; }

.box1 { width: 927px; margin-bottom: 1em; background: #fff url('../img/boxmid.gif') repeat-y top right; }
.box1 .wrap1 { background: url('../img/boxbot.jpg') no-repeat bottom right; }
.box1 .wrap2 { min-height: 421px; padding: 10px 14px 14px 10px; background: url('../img/boxtop.gif') no-repeat top left; }

.box2 { width: 622px; margin-bottom: 1em; background: #fff url('../img/boxmid.gif') repeat-y top right; }
.box2 .wrap1 { padding-bottom: 4px; background: url('../img/boxbot2.jpg') no-repeat bottom right; }
.box2 .wrap2 { border-left: 1px solid #ccc; min-height: 421px; padding: 10px 15px 10px 9px; background: url('../img/boxtop.gif') no-repeat top right; }

.box3 { width: 295px; margin-bottom: 1em; background: #fff url('../img/boxmid.gif') repeat-y top right; }
.box3 .wrap1 { padding-bottom: 6px; background: url('../img/boxbot3.jpg') no-repeat bottom right; }
.box3 .wrap2 { border-left: 1px solid #ccc; min-height: 112px; padding: 10px 15px 10px 9px; background: url('../img/boxtop.gif') no-repeat top right; }

.box4 { margin: 12px 0 0 0; padding: 10px; border: 1px solid #ccc; background: #fff; }

.box5 { margin: 12px 0 0 0; padding: 6px; border: 1px solid #ccc; background: #bdd684; }

.box6 { margin: 12px 0 0 0; padding: 10px; border: 2px solid #ccc; background: #fff; text-align: center; }

#breadcrumbs { padding: 0 0 10px 0; }
#breadcrumbs a { color: #10222b; text-decoration: none; font-size: .9em; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs span.current { font-weight: bold; }

#alert { margin: 12px 0 10px 0; padding: 2px 10px 0 60px; border: 1px solid #ccc; background: #fffcd5 url('../img/icon-alert.jpg') no-repeat 18px 6px; font-size: 1.1em; }
#alert p { margin: 1em !important; }

/* Laying down some fancy rugs... */

#hwy1 { margin: 0 auto; width: 968px; text-align: left; }
#hwy101 { padding: 0 0 8px 0; background: url('../img/contentfoot.png') no-repeat bottom left; }
#i5 { padding: 0 6px 0 0; background: url('../img/contentback.png') repeat-y top left; }
#content { padding: 20px 15px 15px 20px; }
#rightCol { float: right; }

/* Header */

#siteHead { height: 110px; background: url('../img/my-virtual-child.jpg') no-repeat top center; border-bottom: 1px solid #ccc; }
.teen #siteHead { background-image: url('../img/my-virtual-teen.jpg'); }
#siteHead cite { float:right; font-size:11px; padding:4px 10px 0 0; }
#siteHead dl dt { display: none; }
#siteHead dl dd { padding: 12px 0 0 390px; }
#siteHead dl dd ul li { float: left; padding: 24px 30px 30px 20px; border-right: 1px solid #d8d8d7; }
#siteHead dl dd ul li dl dt { display: block; }
#siteHead dl dd ul li.dashboard a { display: block; overflow: hidden; width: 178px; height: 0; padding-top: 27px; background: url('../img/sitehead-options.gif') no-repeat 0 0; }
#siteHead dl dd ul li.dashboard a:hover { background-position: 0 -27px; }
#siteHead dl dd ul li.help a { display: block; overflow: hidden; width: 74px; height: 0; padding-top: 27px; background: url('../img/sitehead-options.gif') no-repeat -219px 0; }
#siteHead dl dd ul li.help a:hover { background-position: -219px -27px; }
#siteHead dl dd ul li.account { border: none; text-align: center; padding: 24px 30px 0;}
#siteHead dl dd ul li.account dl dt { font: normal 1.1em Georgia, Times, serif; color: #2b8dbe; }
#siteHead dl dd ul li.account dl dd { padding: 0; }
#siteHead dl dd ul li.account ul { padding-top: .2em; }
#siteHead dl dd ul li.account ul li { border: none; }
#siteHead dl dd ul li.account ul li.first { padding: 0 .8em 0 0; }
#siteHead dl dd ul li.account ul li.last { padding: 0 0 0 .8em; background: url('../img/unrealistic-pipe.gif') no-repeat 0 3px; }
#siteHead dl dd ul li.account ul li a { font-size: .9em; color: #069; text-decoration: none; }
#siteHead dl dd ul li.account ul li a:hover { text-decoration: underline; }

/* Content */

#rightCol div p { margin-top: 0; }
#rightCol .box4 { min-height: 50px; }

/* Student Login/Create */

#registerNow fieldset p { background: url('../img/dot1.gif') repeat-x bottom left; padding-bottom: 1em; }
#registerNow fieldset fieldset legend { padding-bottom: 6px; font-weight: bold; color: #10222b; }
#enterID input { width: 240px; }
#enterID fieldset.clearfix { margin-top: 12px; }
#enterID fieldset.clearfix button.btn2 { float: right; }
#enterID fieldset.clearfix p { float: left; margin:0 !important; }
#needHelp div.box4 { padding: 15px 50px; background: #fff url('../img/icon-help.gif') no-repeat 10px 10px; }
#needHelp div.box4 p { margin-bottom: 0; }
#needHelp div.box4 a:link { color: #2b8dbe; }

/* Student Dashboard */

#myChild dl.box4 dt { padding: 5px 0 10px 35px; background: url('../img/icon-child.gif') no-repeat top left; font-size: 1.3em; }
#myChild dl.box4 dd { padding-top: 16px; background: url('../img/dot1.gif') repeat-x top left; text-align: center; }
#myChild div.box5 dl { float: left; padding: 8px 0 0 0; }
#myChild div.box5 dt, #myChild div.box5 dd { display: inline; }
#myChild div.box5 { text-align: right; }
#myChild form { display: none; }
#myChild form input { width: 60px; }
#progressAlerts div.box4 { padding: 15px 12px 12px 50px; background: #fff url('../img/icon-progress.gif') no-repeat 10px 10px; }
#classAlerts div.box4 { padding: 15px 12px 12px 50px; background: #fff url('../img/icon-class.gif') no-repeat 10px 10px; }

/* Timeline Navigation */

div#childTimeline { position: relative; z-index: 5; }
#childTimeline .child-wrap1 { position: absolute; top: 1px;  width: 920px; left: 1px; background: url('../img/timeline-bg.gif') repeat-x top left; }
.dashboard #childTimeline .child-wrap1 { width: 598px; left: 12px; }
#childTimeline a.next, #childTimeline a.prev { display: block; height: 0; padding-top: 63px; overflow: hidden; background-image: url('../img/timeline-arrows.gif'); background-repeat: no-repeat; }
#childTimeline a.next { width: 60px; }
#childTimeline a.prev { width: 65px; }
.dashboard #childTimeline a.next, .dashboard #childTimeline a.prev { width: 77px; }
#childTimeline a.next { float: right; background-position: 0 -90px; }
#childTimeline a.next:hover { background-position: 0 -290px; }
#childTimeline a.prev { float: left; background-position: 0 2px; }
#childTimeline a.prev:hover { background-position: 0 -190px; }
#childTimeline .child-wrap2 { position: relative; overflow: hidden; width: 795px; margin: 0 60px 0 65px;  height: 88px; }
.dashboard #childTimeline .child-wrap2 { width: 441px; margin: 0 77px; }
#childTimeline ol.years { position: absolute; background: url('../img/timeline-divider.gif') no-repeat top right; height: 88px; }
#childTimeline ol.years li { float: left; text-align: center; background: url('../img/timeline-divider.gif') no-repeat top left; }
#childTimeline ol.years li a { display: block; width: 88px; height: 88px; padding-top: 2px; font: normal 2em Georgia, Times, serif; color: #999; text-decoration: none; }
#childTimeline ol.years li.next a { background: url('../img/timeline-date-next.gif') no-repeat top left; }
#childTimeline ol.years li a:hover { color: #fff; background: url('../img/timeline-date-hover.gif') no-repeat top left; }
#childTimeline ol.years li.next a:hover { color: #fff; background: url('../img/timeline-date-next-hover.gif') no-repeat top left; }
#childTimeline ol.years li.prev a:hover { color: #fff; background: url('../img/timeline-date-prev-hover.gif') no-repeat top right; }
#childTimeline ol.years li.current a, #childTimeline ol.years li.current a:hover { background: url('../img/timeline-date-on.png') no-repeat top left; color: #fff; }
#childTimeline ol.years li a span { display: block; font-size: .7em; }

#childTimeline div.box4, #childTimeline div.box6 { margin-top: 54px; }

/* Create Child */

#createChild { padding-bottom: 12px; }
#createChild ol li { float: left; width: 80px; height: 23px; padding: 25px 35px 15px 10px; background: url('../img/create-child-future.gif') no-repeat top left; color: #999; text-align: center; }
#createChild ol li.current { color: #fff; background-image: url('../img/create-child-current.gif'); }
#createChild ol li.double { padding: 18px 35px 22px 10px; }
#createChild ol li#cc1 { width: 115px; background-image: url('../img/create-child-first-past.gif'); }
#createChild ol li#cc1.current { background-image: url('../img/create-child-first-current.gif'); }
#createChild ol li#cc1.prev { background-image: url('../img/create-child-first-prev.gif'); }
#createChild ol li#cc7 { background-image: url('../img/create-child-last-future.gif'); }
#createChild ol li#cc7.current { background-image: url('../img/create-child-last-current.gif'); }
#createChild ol li.past { background-image: url('../img/create-child-past.gif'); }
#createChild ol li.prev { background-image: url('../img/create-child-prev.gif'); }

body.create-child form, body.add-alert form { margin: 20px 29px; }
body.create-child form legend, body.add-alert form legend { padding: 0 0 1em 1em; white-space: pre-line; }

form.radioflying fieldset fieldset { float: left; width: 260px; margin: 0 3px; padding: 0 5px 10px 5px; background: #fff; border: 1px solid #ccc; text-align: center; }
form.radioflying fieldset fieldset.on { border: 3px solid #8db545; }
form.radioflying fieldset fieldset img { display: block; margin: 10px auto; }

#setAppearance fieldset fieldset { width: auto; padding: 5px 5px 10px 5px; }
#setAppearance fieldset fieldset.on { padding: 3px 3px 8px 3px; }

#setHair fieldset fieldset img { margin-top: 0; }

#pType legend { padding-left: 0; }
#pType fieldset fieldset { text-align: left; padding: 10px; width: 250px; }
#pType fieldset fieldset label { font-weight: bold; }
#pType fieldset fieldset p { border-top: 1px solid #ccc; padding: 1em .6em; min-height: 15em; }

form.quiz { position: static; }
form.quiz fieldset.buttons button { display: none; }

#quizLegend { margin-top: 1em; background: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
#quizLegend th, #quizLegend td { border-right: 1px solid #ccc; padding: .8em; text-align: center; }
#quizLegend th { padding-bottom: 0; font: bold 2em Helvetica, Arial, sans-serif; color: #8fb648; }

#quizQuestions { width: 843px; border: 1px solid #ccc; background: #fff; }
#quizQuestions .ff-bug { position: relative; overflow: hidden; height: 175px; } /* Stupid stupid stupid */
#quizQuestions ol { position: absolute; top: 0; left: 0; }
#quizQuestions ol li { padding: 30px 215px; width: 413px; height: 115px; text-align: center; }
#quizQuestions ol li table { width: 413px; }
#quizQuestions ol li table th, #quizQuestions ol li table td { text-align: center; }
#quizQuestions ol li table th { padding: .6em 0 1em 0; font-weight: bold; }

#cQuiz #quizQuestions .ff-bug { height: 200px; }
#cQuiz #quizQuestions ol li { height: 140px; }

#nameChild fieldset.box4, #addAlert fieldset.box4 { padding: 30px 40px; }
#nameChild fieldset.box4 { padding-top: 120px; background: #fff url('../img/partytime.jpg') repeat-x top left; }
#nameChild fieldset.box4 label { padding: 0 0 1em 0; font-weight: bold; font-size: 1.1em; }
#addAlert fieldset.box4 label { display: block; padding: 0 0 1em 0; font-weight: bold; font-size: 1.1em; }
#nameChild fieldset.box4 input { width: 50%; }

/* Child Moments */

.moment #childTimeline #momentDeets { position: relative; }
.moment #childTimeline #momentDeets, .moment #childTimeline #momentVideos, .help #help { float: right; width: 448px; margin-top: 15px; padding: 10px; }
.moment #childTimeline .box6, .help .box6 { margin: 30px 500px 5px 5px; border: 3px solid #ccc; }
.moment h1 { background: none; padding: 0 0 18px 0; }
.moment form fieldset.radio { padding: 20px 0 0 0; background: url('../img/dot1.gif') repeat-x top left; }
.moment form fieldset fieldset { padding: 0 0 12px 0; }
.moment form fieldset.radio fieldset input { float: left; }
.moment form fieldset.radio fieldset label { display: block; margin-left: 35px; }
.moment form fieldset.textarea fieldset label { display: block; padding-bottom: .6em; }
.moment form fieldset.textarea fieldset textarea { width: 95%; }
.moment fieldset.buttons { padding: 20px 0; background: url('../img/dot1.gif') repeat-x top left; }
.moment form fieldset.buttons button.btn3 { float: right; }

#momentsNav li { float: left; width: 32px; }
#momentsNav li a, #momentsNav li span { display: block; width: 24px; height: 0; padding-top: 37px; overflow: hidden; background: url('../img/eventsnotdone.gif') no-repeat top left; }
#momentsNav li .eventscur { background-image: url('../img/eventscur.gif'); }
#momentsNav li .eventsdone { background-image: url('../img/eventsdone.gif'); }

div.tabs { position: relative; padding: 0; }
div.tabs ul.tabnav { background: url('../img/videonav-bg.gif') repeat-x bottom left; }
div.tabs ul.tabnav li { float: left; padding: 0 .5em 3px 0; }
div.tabs ul.tabnav li a { display: inline-block; border: 1px solid #a9c96a; background: #e0ecc6 url('../img/videonav-off.gif') repeat-x bottom left; text-decoration: none; color: #033; }
div.tabs ul.tabnav li a.current { background: #b6d17b; border-bottom: 1px solid #b6d17b; }
div.tabs ul.tabnav li a:hover { color: #e36f1e; }
div.tabs div { display: none; padding: 30px; border: 2px solid #a9c96a; }
div.tabs div.current, div.tabs div.current div { display: block; }
div.tabs div.current div { border:0px; }

#openVideos { float: left; }

#momentVideos { display: none; }
#momentVideos ul.tabnav li a { text-align: center; height: 25px; padding: 5px 15px 3px 15px; font: normal 1.2em Georgia, Times, serif; }
#momentVideos div { text-align: center; }
#momentVideos a#closeVideos { position: absolute; bottom: 12px; left: 12px; padding: 10px 0 2px 28px; background: url('../img/video-close.gif') no-repeat bottom left; color: #069; text-decoration: none; }
#momentVideos a#closeVideos:hover { color: #e36f1e; }

.definitions { display: none; position: absolute; left: 0; top: 0; z-index: 10; }
.definitions div { width: 287px; padding-bottom: 32px; background: url('../img/key-term-bottom.png') no-repeat bottom center; text-align: left; }
.definitions dl { background: url('../img/key-term-middle.png') repeat-y top center; }
.definitions dl dt { padding: 20px 40px 0 20px; background: url('../img/key-term-top.png') no-repeat top center; font-weight: bold; }
.definitions dl dd { padding: 0 40px 20px 20px; }

#help ul.tabnav li { padding-right: 2px; }
#help ul.tabnav li a { font-weight: bold; font-size: .8em; line-height: 1.2em;; width: 64px; height: 50px; padding: 3px; }

/* Teacher Dashboard */

.teacher #content table { width: 100%; }
.teacher #content table th { height: 14px; padding: 10px 0; vertical-align: middle; background: url('../img/row2.gif') repeat-x top left; }
.teacher #content table td { height: 29px; padding: 10px 14px; vertical-align: middle; background: url('../img/row1.gif') repeat-x bottom left; }

.teacher #myChild { float: right; }

#myClasses .wrap1 { background-image: url('../img/boxbot-classes.jpg'); } 
#myClasses .wrap2 { min-height: 100px; }
#myClasses .box4 { padding: 0; }
#content #myClasses table th { width: 55%; height: 29px; padding: 10px 14px; vertical-align: middle; background: url('../img/row1.gif') repeat-x top left; }
#myClasses div.buttons { height: 29px; padding: 10px 12px; }
#myClasses div.buttons .btn1 span { color: #333; }
#myClasses div.buttons .btn1:hover span { color: #e05c01; }
#myClasses div.buttons a.add-class { float: left; }
#myClasses form.hide-a-form div.input-wrapper{float:left; margin-top:10px;}
#myClasses div.box4 p{margin-left:5px;}

#studentRoster dl.dropdown { float: right; position: relative; width: 195px; padding: 5px 5px 0 0; }
#studentRoster dl.dropdown dt { cursor: pointer; height: 16px; padding: 4px 25px 4px 10px; border: 1px solid #ccc; background: #fff url('../img/arrow-down-333333.gif') no-repeat 95% 50%; }
#studentRoster dl.dropdown dd { display: none; position: absolute; top: 30px; right: 5px; border-bottom: 1px solid #ccc; }
#studentRoster dl.dropdown dd ul li a { display: block; width: 173px; padding: 4px 10px; border: 1px solid #ccc; border-bottom: none; background: #fff; }
#studentRoster dl.dropdown dd.on { display: block; }

.teacher table.sortable { margin-top: 12px; border: 1px solid #ccc; }
.teacher table.sortable th span { display: block; font-weight: bold; }
.teacher table.sortable th.header span { cursor: pointer; display: block; background: url('../img/sortable.gif') no-repeat 6px 2px; padding-left: 20px; }
.teacher table.sortable th.headerSortDown span { background-image: url('../img/sorted-down.gif'); background-position: 6px 5px; }
.teacher table.sortable th.headerSortUp span { background-image: url('../img/sorted-up.gif'); background-position: 6px 5px; }
.teacher table.sortable td { border-bottom: 1px solid #ccc; height: 14px; padding-left: 20px; }
.teacher table.sortable td.names a{ color: #2b8dbe; text-decoration: none;}
.teacher table.sortable td.names a:hover{text-decoration: underline;}
#studentRoster table.sortable td.decisions, #studentRoster table.sortable td.complete { width: 70px; padding-left: 40px; }
#manageSchedule table.sortable td input { width: 80px; }
#manageSchedule table.sortable td a { display: inline-block; text-decoration: none; color: #010101; }
#manageSchedule table.sortable td a:hover { color: #be2c00; }
#manageSchedule table.sortable td a.add { height: 15px; padding: 1px 0 0 21px; background: url('../img/icon-circleplus.gif') no-repeat center left; }
#manageSchedule table.sortable td a.change { height: 13px; padding: 3px 0 0 25px; background: url('../img/icon-pencil.gif') no-repeat center left; }
#manageSchedule table.sortable td img { margin-left: 4px; }

#teacherTools { height: 55px; background: #E0ECC6; padding: 15px; }
#teacherTools div.buttons { float: right; }
#teacherTools div.buttons a { margin-left: 7px; }
#teacherTools h1 { padding: 0; margin: 0; }

.student-detail #childTimeline .child-wrap1 { top: 105px; border-top: 1px solid #ccc; }

#studentEvents { margin: 74px 0 10px 0; border-top: 1px solid #ccc; padding-top: 30px; }
#studentEvents ol { background: #fff; border: 1px solid #ccc; }
#studentEvents ol li h2 { cursor: pointer; height: 14px; padding: 10px; font: bold .9em Arial, sans-serif; border-bottom: 2px solid #ccc; background: url('../img/row2.gif') repeat-x top left; color: #010101; }
#studentEvents ol li h2 span { padding-left: 23px; background: url('../img/sorted-right.gif') no-repeat 6px 3px; }
#studentEvents ol li.open h2 span { background: url('../img/sorted-down.gif') no-repeat 6px 5px; }
#studentEvents ol li dl { display: none; padding: 20px 30px; }
#studentEvents ol li.open dl { display: block; }
#studentEvents ol li dl dt { font-size: 1.1em; font-weight: bold; color: #010101; }
#studentEvents ol li dl dd { margin: 10px 40px 0 40px; padding: 10px 12px 10px 35px; border: 1px solid #ccc; background: url('../img/tiny-checkmark.gif') no-repeat 12px 10px; }

#ui-datepicker-div { border: 1px solid #ccc; background: #39c; padding: 5px; }
#ui-datepicker-div .ui-datepicker-header { position: relative; padding: 10px ; border: 1px solid #ccc; border-bottom: none; background: #fff; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev { position: absolute; top: 10px; left: 10px; display: block; width: 15px; height: 0; padding-top: 15px; overflow: hidden; background: url('../img/icon-date-left.gif') no-repeat top left; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { position: absolute; top: 10px; right: 10px; display: block; width: 15px; height: 0; padding-top: 15px; overflow: hidden; background: url('../img/icon-date-right.gif') no-repeat top left; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { font-weight: bold; color: #8c8c8c; }
#ui-datepicker-div .ui-datepicker-calendar { padding: 0 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; border-collapse: separate; }
#ui-datepicker-div .ui-datepicker-calendar th { padding: 2px 4px; border: 1px solid #dedede; background: #eee; text-align: center; }
#ui-datepicker-div .ui-datepicker-calendar td { border: 1px solid #dedede; border-top: none; text-align: center; }
#ui-datepicker-div .ui-datepicker-calendar td a { display: block; padding: 2px 4px; text-decoration: none; color: #666; }
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-hover { background: #39c; color: #fff; }
#ui-datepicker-div .ui-datepicker-buttonpane { padding: 0 10px 5px 10px ; border: 1px solid #ccc; border-top: none; background: #fff; }
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-current { padding: 5px 0 0 0; color: #39c; }
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close { display: none; }

form#manageQuestions fieldset.radio fieldset { width: 60%; margin: 15px 20%; }
form#manageQuestions fieldset.radio fieldset input { float: left; }
form#manageQuestions fieldset.radio fieldset label { display: block; margin-left: 35px; }

/* Footer */

#siteFoot { padding: .6em 0 2em 0; }
#siteFoot dl { float: left; padding: .5em 0 0 88px; background: url('../img/pearson.gif') no-repeat center left; font-size: .9em; line-height: .9em; color: #857b3a; }
#siteFoot dl dd { padding: .5em 0; }
#siteFoot dl dd ul li { float: left; padding: 0 1em; border-right: 1px solid #857b3a; }
#siteFoot dl dd ul li.first { padding-left: 0; }
#siteFoot dl dd ul li.last { border: none; }
#siteFoot dl dd ul li a { color: #857b3a; text-decoration: none; }
#siteFoot dl dd ul li a:hover { text-decoration: underline; }
#siteFoot div#hg { margin-left: 910px; width: 30px; padding: 10px; }
#siteFoot div#hg a { display: block; overflow: hidden; width: 14px; height: 0; padding-top: 17px; background: url('../img/hunt-and-gather.gif') no-repeat center center; }

/* The all important... CLEARFIX */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */