* { border: 0; line-height: 100%; list-style: none; margin: 0; padding: 0; text-decoration: none; } body { background: #9aa7a9; color: #ddd; font-size: 16px; } h1, h2, h3, h4, h5, h6, .title { color: #fff; } body, input, select, textarea { font-family: "Trebuchet MS", Verdana, Tahoma; } a { color: #0e9597; } a:hover { text-decoration: underline; } .outer { clear: both; } .inner { background: transparent; margin: 0 auto; width: 960px; } .special-backdrop { background: #4b4b4b url(../img/mountains.png) no-repeat 50% -2px; overflow: auto; } .speech-arrow { background: url(../img/speech-arrow.png) no-repeat; height: 30px; position: absolute; width: 60px; } #head.outer, #head .inner { height: 100px; } #head .inner { background: transparent url(../img/dot.png) repeat-x 0 100%; } #head h1 { float: left; line-height: 100px; } #head h1 a { background: url(../img/logo.png) no-repeat; display: block; height: 80px; margin: 15px 0 5px 20px; overflow: hidden; text-indent: -1000px; width: 435px; } #head #navigation { float: right; height: 30px; margin: 20px 20px 20px 0; padding: 15px 20px; } #head #navigation li { float: left; margin: 0 0 0 1px; } #head #navigation li:first-child { } #head #navigation li a { background: url(../img/menu-sprite.png) 0 0 no-repeat; color: #0e9496; display: block; font-size: 18px; letter-spacing: -1px; line-height: 35px; padding: 0 20px; text-decoration: none; } #head #navigation li a:hover { background: url(../img/menu-sprite.png) 0 -35px no-repeat; } #head #navigation li.first a { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-radius-topleft: 5px; border-radius-bottomleft: 5px; } #head #navigation li.last a { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius-topright: 5px; border-radius-bottomright: 5px; } #head #navigation li.selected a { color: #fff; } #head #navigation li.selected a:hover { background: #14b7b7; } #head .search input[type="text"], #foot .search input[type="text"] { border: 1px solid #4b4b4b; border-right: 1px dotted #8b8b8b; color: #ccc; height: 28px; line-height: 30px; padding: 0 5px; width: 100px; } #head .search input[type="text"]:focus, #foot .search input[type="text"]:focus { color: #000; } #head .search input[type="submit"], #foot .search input[type="submit"] { background: #fff; border: 1px solid #4b4b4b; border-left: 0; color: #000; height: 30px; padding: 0 5px; } #head .search input[type="submit"]:hover, #foot .search input[type="submit"]:hover { cursor: pointer; } #content.outer, #content .inner { } #content.outer { } #content .inner { background: transparent; } #foot.outer, #foot .inner { overflow: auto; } #foot.outer { background: url(../img/dot.png) repeat-x 0 2px; padding: 0 0 10px; } #foot, #foot a { color: #d4ecea; } #foot ol { margin: 15px 0 0 0; } #foot ol>li { float: left; margin: 0 0 0 15px; width: 180px; } #foot ol>li:first-child { margin: 0; } #foot ul { margin: 5px 0 0 0; padding: 2px 0; } #foot ul>li { } #foot ul>li a { line-height: 18px; } #foot h4 { color: #99ac6c; color: #fff; font-size: 14px; } #foot a { font-size: 14px; } #foot .search { float: right; } #foot .search form { margin: 0 0 10px; } #foot #copyright { clear: both; font-size: 10px; line-height: 20px; } #foot #copyright a { font-size: 10px; } #cms-modal-mask, #cms-modal, #cms-modal-loading { display: none; position: absolute; } #cms-modal-mask { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100000; } #cms-modal * { font-size: 100%; margin: 0; padding: 0; } #cms-modal { color: #fff; font-size: 12px; z-index: 200000; } #cms-modal a { color: #9be0f8; } #cms-modal a:hover { color: #b5e9f3; text-decoration: underline; } #cms-modal ul { margin: 0 0 0 25px; } #cms-modal li { list-style: square; line-height: 2em; } #cms-modal-loading { background: url(../img/cms-loading.gif) 50% 50% no-repeat; height: 30px; width: 30px; z-index: 200000; } #cms-modal-inner { background: #222 url(../img/cms-penguin.png) 0 25px no-repeat; border: 1px solid #efefef; padding: 25px 25px 25px 80px; width: 410px; } #cms-modal-inner h1 { font-size: 2em; line-height: 2em; } #cms-modal-inner h3 { color: #39c; font-size: 1em; line-height: 1em; margin: 0 0 25px 0; } #cms-modal-inner fieldset { display: block; margin: 5px 0; } #cms-modal-inner fieldset.buttons { margin: 5px auto; text-align: right; width: 330px; } #cms-modal-inner label, #cms-modal-inner input[type="text"], #cms-modal-inner input[type="password"], #cms-modal-inner select, #cms-modal-inner textarea { font-size: 1em; padding: 5px; } #cms-modal-inner label { display: block; float: left; font-weight: bold; margin: 0 10px 0 0; text-align: right; width: 140px; } #cms-modal-inner #cms-modal-form label { text-align: left; } #cms-modal-inner input[type="text"], #cms-modal-inner input[type="password"], #cms-modal-inner select { float: left; width: 200px; } #cms-modal-inner select { width: 210px; } #cms-modal-inner #cms-modal-form input[type="text"], #cms-modal-inner #cms-modal-form input[type="password"] { float: none; } #cms-modal-inner #cms-modal-form input[type="checkbox"] { margin: 7px 0 0 0; } #cms-modal-inner textarea { width: 400px; height: 150px } #cms-modal-inner input[type="submit"] { background: transparent; border: 1px solid transparent; color: #fff; padding: 3px 5px; position: relative; } #cms-modal-inner input[type="submit"]:hover { border-color: #1b7cae; color: #b5e9f3; cursor: pointer; } #cms-modal-close { border: 1px dotted #b5e9f3; border-right: 0; border-top: 0; color: #efefef; height: 20px; line-height: 20px; position: absolute; right: 1px; text-align: center; text-decoration: none; top: 1px; width: 50px; } #cms-modal-close:hover { border-style: solid; color: #b5e9f3; } #cms-modal-messages { margin: -15px 0 15px; padding: 5px 5px 5px 35px; } #cms-modal-messages.error { border: 1px solid #a23030; color: #f00; border: 1px solid #a23030; color: #f3b5b5; } #cms-modal-messages.success { border: 1px solid #bef3b5; color: #38a230; border: 1px solid #38a230; color: #bef3b5 } #cms-modal-messages.warning { border: 1px solid #a29b30; color: #ff0; border: 1px solid #a29b30; color: #f3f2b5; } #cms-modal-messages li { list-style: square; } .cms-edit { background: url(../img/cms-edit.png) no-repeat; border: 1px solid #1b7cae; display: inline block; height: 16px; position: absolute; width: 16px; z-index: 10000; } .cms-edit:hover { background-color: #1b7cae; background-position: 0 -15px; } .cms-edit-box { display: inline-block; } #cms-menu { background: url(../img/cms-logo.png) 5px 50% no-repeat; border: 1px solid #1b7cae; color: #1b7cae; left: 50px; padding: 5px 10px 5px 42px; position: fixed; text-decoration: none; top: 50px; z-index: 9999999; } #cms-menu:hover { background-color: #1b7cae; color: #9be0f8; } #cms-modal .cms-pages { margin: 10px 0 0 0; } #cms-modal .cms-pages a { border: 1px solid transparent; color: #fff; display: inline-block; padding: 3px; } #cms-modal .cms-pages .selected { border-color: #1b7cae; color: #b5e9f3; } #cms-modal .cms-pages .selected:hover { } #journey-info { background: url(../img/journey-info.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #fff; overflow: auto; } #journey-info .step { background: url(../img/dot-header.png) repeat-x 0 100%; margin: 0 15px; padding: 0 0 10px; } #journey-info .step.no-border { background: transparent; } #journey-info .step.top-border { background-position: 0 0; padding: 10px 0; } #journey-info .step h3 { font-size: 24px; margin: 10px 0 5px; } #journey-info .step p { font-size: 12px; } #journey-info .step .step-number { color: #1ea5a1; font-weight: bold; text-transform: uppercase; } #journey-info .step .step-title { color: #ffe469; font-size: 20px; line-height: 20px; } #journey-info .step .step-title.small { font-size: 18px; } #journey-info .step .step-description { color: #fff; font-size: 16px; line-height: 20px; } #journey-info .step .step-description span { color: #1ea5a1; text-transform: uppercase; } #journey-info .step .step-description.small { font-size: 13px; line-height: 16px; } #journey-info .step .step-description.large { font-size: 18px; font-size: 20px; } #journey-start-backdrop.special-backdrop { background-image: url(../img/scenario1-backdrop.png); } #journey-start { background: url(../img/scenario1.png) no-repeat; height: 700px; width: 960px; position: relative; } #journey-start .speech-arrow { right: 650px; top: 275px; } #journey-start #journey-info { float: right; margin: 150px 50px 0 0; width: 600px; } #journey-start .step { margin: 0 15px 20px; } #journey-start-options { margin: 0 15px 20px; } #journey-start-options li { clear: both; margin: 20px 0; } #journey-start-options .button { width: auto; margin: 10px 0 0 0; padding: 0 15px; text-align: left; width: 390px; } #journey-start { color: #e3e2d5; } #journey-choose-backdrop.special-backdrop { background-image: url(../img/scenario2-backdrop.png); } #journey-choose { background: url(../img/scenario2.png) no-repeat; height: 700px; position: relative; width: 960px; } #journey-choose .speech-arrow { background-position: 0 -30px; left: 500px; top: 125px; } #journey-choose #journey-info { float: left; margin: 25px 0 0 50px; overflow: auto; width: 450px; padding: 0 0 10px; } #journey-choose-career { margin: 10px 15px; width: 420px; } #journey-choose-career input[type="text"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; font-size: 16px; height: 28px; line-height: 29px; padding: 3px 5px 3px; width: 320px; } #journey-choose-career input[type="submit"] { color: #fff; cursor: pointer; height: 35px; float: right; line-height: 35px; margin: 0; width: 75px; } #journey-choose-career input[type="submit"]:hover { background: #a0b177; } #journey-choose .step a { color: #a0b177; text-decoration: underline; } #journey-choose .step a:hover { color: #bbd088; } #journey-choose-results, #journey-choose-message { margin: 10px 15px 10px; width: 400px; } #journey-choose-message { clear: both; font-weight: bold; padding: 10px 0 0; } #journey-choose-results li { margin: 10px 0; } #journey-choose-results li span { display: block; } #journey-choose-results a { color: #a0b177; font-size: 14px; text-decoration: none; } #journey-choose-results a:hover { color: #bbd088; } #journey-choose-results a .title { font-weight: bold; line-height: 16px; } #journey-choose-results a .description { clear: both; color: #ddd; font-size: 10px; padding: 2px 0 0; } #journey-choose-results a:hover .description { color: #fff; } #journey-choose-results a img { display: block; float: left; height: 16px; margin: 0 5px 0 0; opacity: .5; width: 16px; } #journey-choose-results a:hover img { opacity: 1; } #journey-browse-backdrop.special-backdrop { background-image: url(../img/scenario4-backdrop.png); } #journey-browse { background: url(../img/scenario4.png) no-repeat; height: 700px; position: relative; width: 960px; } #journey-browse .speech-arrow { right: 655px; top: 325px; } #journey-browse #journey-info { float: right; margin: 50px 50px 0 0; overflow: auto; width: 605px; } #journey-career-health-counselling #head .inner, #journey-career-animal-health #head .inner, #journey-career-dental #head .inner, #journey-career-doctors #head .inner, #journey-career-hearing-health #head .inner, #journey-career-holistic-health #head .inner, #journey-career-human-services #head .inner, #journey-career-laboratory-diagnostic-health #head .inner, #journey-career-nursing #head .inner, #journey-career-physical-health-therapy #head .inner { background: url(../img/journey-info.png); } #journey-career-health-counselling #head #navigation li a, #journey-career-animal-health #head #navigation li a, #journey-career-dental #head #navigation li a, #journey-career-doctors #head #navigation li a, #journey-career-hearing-health #head #navigation li a, #journey-career-holistic-health #head #navigation li a, #journey-career-human-services #head #navigation li a, #journey-career-laboratory-diagnostic-health #head #navigation li a, #journey-career-nursing #head #navigation li a, #journey-career-physical-health-therapy #head #navigation li a { } #journey-career-health-counselling #head #navigation li.selected a, #journey-career-animal-health #head #navigation li.selected a, #journey-career-dental #head #navigation li.selected a, #journey-career-doctors #head #navigation li.selected a, #journey-career-hearing-health #head #navigation li.selected a, #journey-career-holistic-health #head #navigation li.selected a, #journey-career-human-services #head #navigation li.selected a, #journey-career-laboratory-diagnostic-health #head #navigation li.selected a, #journey-career-nursing #head #navigation li.selected a, #journey-career-physical-health-therapy #head #navigation li.selected a { } #journey-career-health-counselling.special-backdrop { background-image: url(../img/careers/health-counselling.jpg); } #journey-career-animal-health.special-backdrop { background-image: url(../img/careers/animal-health.jpg); } #journey-career-dental.special-backdrop { background-image: url(../img/careers/dental.jpg); } #journey-career-doctors.special-backdrop { background-image: url(../img/careers/doctors.jpg); } #journey-career-hearing-health.special-backdrop { background-image: url(../img/careers/hearing-health.jpg); } #journey-career-holistic-health.special-backdrop { background-image: url(../img/careers/holistic-health.jpg); } #journey-career-human-services.special-backdrop { background-image: url(../img/careers/human-services.jpg); } #journey-career-laboratory-diagnostic-health.special-backdrop { background-image: url(../img/careers/laboratory-diagnostic-health.jpg); } #journey-career-nursing.special-backdrop { background-image: url(../img/careers/nursing.jpg); } #journey-career-physical-health-therapy.special-backdrop { background-image: url(../img/careers/physical-health-therapy.jpg); } h3#journey-category-tabs { float: left; font-size: 30px; line-height: 35px; padding: 0 0 15px 20px; } #journey-category-return { display: block; float: right; margin: 0 20px 0 0; width: 200px; } #journey-categories-tabs { background: #272723; clear: both; height: 36px; padding: 5px 2px; } #journey-categories-tabs li { float: left; height: 36px; margin: 0 0 0 5px; width: 90px; } #journey-categories-tabs li a { background: url(../img/categories-sprite.png) 0 0 no-repeat; display: block; height: 36px; overflow: hidden; text-decoration: none; width: 90px; } #journey-categories-tabs li a img { height: 30px; margin: 3px 0 0 2px; opacity: .5; width: 30px; } #journey-categories-tabs li a span { display: block; text-indent: -1000px; } #journey-categories-tabs li a:hover img, #journey-categories-tabs li a.selected img { opacity: 1; } #journey-categories-tabs #animal-health { background-position: 0 0; } #journey-categories-tabs #animal-health:hover, #journey-categories-tabs #animal-health.selected { background-position: 0 -36px; } #journey-categories-tabs #dental { background-position: -90px 0; } #journey-categories-tabs #dental:hover, #journey-categories-tabs #dental.selected { background-position: -90px -36px; } #journey-categories-tabs #doctors { background-position: -180px 0; } #journey-categories-tabs #doctors:hover, #journey-categories-tabs #doctors.selected { background-position: -180px -36px; } #journey-categories-tabs #health-counselling { background-position: -270px 0; } #journey-categories-tabs #health-counselling:hover, #journey-categories-tabs #health-counselling.selected { background-position: -270px -36px; } #journey-categories-tabs #hearing-health { background-position: -360px 0; } #journey-categories-tabs #hearing-health:hover, #journey-categories-tabs #hearing-health.selected { background-position: -360px -36px; } #journey-categories-tabs #holistic-health { background-position: -450px 0; } #journey-categories-tabs #holistic-health:hover, #journey-categories-tabs #holistic-health.selected { background-position: -450px -36px; } #journey-categories-tabs #human-services { background-position: -540px 0; } #journey-categories-tabs #human-services:hover, #journey-categories-tabs #human-services.selected { background-position: -540px -36px; } #journey-categories-tabs #laboratory-diagnostic-health { background-position: -630px 0; } #journey-categories-tabs #laboratory-diagnostic-health:hover, #journey-categories-tabs #laboratory-diagnostic-health.selected { background-position: -630px -36px; } #journey-categories-tabs #nursing { background-position: -720px 0; } #journey-categories-tabs #nursing:hover, #journey-categories-tabs #nursing.selected { background-position: -720px -36px; } #journey-categories-tabs #physical-health-therapy { background-position: -810px 0; } #journey-categories-tabs #physical-health-therapy:hover, #journey-categories-tabs #physical-health-therapy.selected { background-position: -810px -36px; } #journey-category { float: left; margin: 10px 10px; width: 680px } #journey-category .step { background-color: #272723; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-radius-topleft: 10px; border-radius-topright: 10px; height: auto; margin: 0; padding: 5px 10px 8px 10px; } #journey-category .step h3 { color: #149a9a; font-size: 30px; font-weight: normal; line-height: 30px; margin-top: 0; text-transform: uppercase; } #journey-category .step h3 img { display: block; float: left; margin: 0 5px 0 0; } #journey-category .step p { font-size: 14px; line-height: 16px; } #journey-category-dakota { float: right; height: 530px; margin: 60px 0 30px 0; width: 250px; } #journey-category ul { background: #4b4b4b; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-radius-bottomleft: 10px; border-radius-bottomright: 10px; padding: 0 10px; } #journey-category li { padding: 0 0 10px 0; } #journey-category li:first-child { padding: 10px 0; } #journey-category li a { text-decoration: none; } #journey-category li a span { display: block; margin: 3px 0; } #journey-category li a .title { color: #149a9a; font-size: 20px; text-transform: uppercase; } #journey-category li a:hover .title { text-decoration: underline; } #journey-category li a .aliases { color: #ccc; font-size: 11px; line-height: 12px; } #journey-category li a .description { color: #fff; font-size: 14px; line-height: 16px; } #journey-career-health-counselling #journey-category-dakota { background: url(../img/careers/health-counselling-dakota.png) no-repeat; } #journey-career-animal-health #journey-category-dakota { background: url(../img/careers/animal-health-dakota.png) no-repeat; } #journey-career-dental #journey-category-dakota { background: url(../img/careers/dental-dakota.png) no-repeat; } #journey-career-doctors #journey-category-dakota { background: url(../img/careers/doctors-dakota.png) no-repeat; } #journey-career-hearing-health #journey-category-dakota { background: url(../img/careers/hearing-health-dakota.png) no-repeat; } #journey-career-holistic-health #journey-category-dakota { background: url(../img/careers/holistic-health-dakota.png) no-repeat; } #journey-career-human-services #journey-category-dakota { background: url(../img/careers/human-services-dakota.png) no-repeat; } #journey-career-laboratory-diagnostic-health #journey-category-dakota { background: url(../img/careers/laboratory-diagnostic-health-dakota.png) no-repeat; } #journey-career-nursing #journey-category-dakota { background: url(../img/careers/nursing-dakota.png) no-repeat; } #journey-career-physical-health-therapy #journey-category-dakota { background: url(../img/careers/physical-health-therapy-dakota.png) no-repeat; } #journey-career-content { -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-radius-bottomleft: 10px; border-radius-bottomright: 10px; font-size: 12px; } #journey-career #journey-info { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } ul#journey-career strong.title, #journey-career-content strong.title { color: #a0b177; display: block; font-size: 16px; margin: 0 0 10px; } #journey-career-content>li li { list-style: square; margin: 0 0 0 15px; padding; 0; } #journey-career-content li a:hover { text-decoration: underline; } #journey-career-content li p { clear: both; line-height: 16px; margin: 5px 0; } #journey-career-cta { clear: both; margin: 10px 0 0 0; overflow: auto; } .step #journey-career-cta p.step-title { float: left; font-size: 22px; line-height: 35px; width: 375px; } #journey-career-cta .button { margin: 0; width: 270px; float: right; } #journey-disclaimer { clear: both; font-size: 12px; padding: 5px 10px 15px; text-align: center; width: 680px; } #journey-disclaimer p { line-height: 14px; } #journey-categories { margin: 15px 15px; overflow: auto; } #journey-categories li { height: 90px; width: 278px; } #journey-categories li.even { clear: both; float: left; } #journey-categories li.odd { float: right; } #journey-categories li:first-child { } #journey-categories li a { display: block; height: 80px; padding: 5px 0; text-decoration: none; } #journey-categories li a:hover { } #journey-categories li span { display: block; } #journey-categories li .title { color: #a0b177; font-size: 14px; line-height: 16px; margin: 0 0 5px 0; font-weight: bold; } #journey-categories li .title img { display: block; float: left; height: 16px; margin: 0 5px 0 0; opacity: .5; width: 16px; } #journey-categories li a:hover .title img { opacity: 1; } #journey-categories li .description { color: #ddd; font-size: 11px; text-decoration: none; } #journey-categories li a:hover .title { color: #bbd088; } #journey-categories li a:hover .description { color: #fff; } #journey-help-backdrop.special-backdrop { background-image: url(../img/scenario3-backdrop.png); } #journey-help { background: url(../img/scenario3.png) no-repeat; height: 700px; position: relative; width: 960px; } #journey-help .speech-arrow { top: 225px; right: 550px; } #journey-help #journey-info { float: right; margin: 150px 50px 0 0; width: 500px; } #journey-help .step { clear: both; } #journey-help select { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; height: 26px; line-height: 26px; margin: 10px 30px; padding: 3px 5px; width: 440px; } #journey-help input[type="checkbox"] { margin: 5px 0 5px 30px; } #journey-help label { font-size: 12px; line-height: 14px; } #journey-help label:hover { cursor: pointer; } #journey-help-back { right: 50px; margin: 0; position: absolute; top: 105px; width: 225px; } #journey-help-error { color: #b74037; font-size: 14px; margin: 15px auto; width: 440px; } #journey-help-error strong { display: block; font-size: 16px; font-weight: bold; line-height: 30px; } #journey-help-results-backdrop.special-backdrop { background-image: url(../img/scenario3_1-backdrop.png); } #journey-help.results { background: url(../img/scenario3_1.png) no-repeat; } #journey-help.results #journey-info { float: left; margin: 75px 0 0 50px; } #journey-help.results .speech-arrow { background-position: 0 -30px; top: 275px; left: 550px; } #journey-help-modify { right: 410px; margin: 0; position: absolute; top: 30px; width: 180px; } #journey-help-browse { display: block; font-size: 11px; font-style: italic; margin: 0 0 0 15px; padding: 5px 0 0; } #journey-help-browse a { color: #a0b177; text-decoration: underline; } #journey-help-browse a:hover { color: #bbd088; } #journey-help-results { clear: both; margin: 15px 15px; } #journey-help-results li { margin: 10px 0; } #journey-help-results li span { display: block; } #journey-help-results a { color: #a0b177; font-size: 14px; text-decoration: none; } #journey-help-results a:hover { color: #bbd088; } #journey-help-results a .title { font-weight: bold; line-height: 16px; } #journey-help-results a .description { clear: both; color: #ddd; font-size: 10px; padding: 2px 0 0; } #journey-help-results a:hover .description { color: #fff; } #journey-help-results a img { display: block; float: left; height: 16px; margin: 0 5px 0 0; opacity: .5; width: 16px; } #journey-help-results a:hover img { opacity: 1; } #journey-schools-backdrop.special-backdrop { background-image: url(../img/scenario5-backdrop.png); } #journey-schools { background: url(../img/scenario5.png) no-repeat; height: 700px; position: relative; width: 960px; } #journey-schools .speech-arrow { right: 650px; top: 225px; } #journey-schools #journey-info { float: right; margin: 150px 50px 0 0; width: 600px; } #journey-schools-back { right: 50px; margin: 0; position: absolute; top: 55px; width: 225px; } #journey-schools .step.career { background: #272723; height: auto; margin: 0; overflow: auto; padding: 5px 10px; } #journey-schools .step.career h3 { color: #149a9a; font-size: 30px; font-weight: normal; line-height: 30px; margin: 0; text-transform: uppercase; } #journey-schools .step.career h3 img { display: block; float: left; margin: 0 5px 0 0; } #journey-schools .step.career p { font-size: 14px; line-height: 16px; } #journey-schools ul { margin: 10px 20px 10px 40px; } #journey-schools li { color: #a0b177; list-style: square; } #journey-schools li p { color: #fff; } #journey-schools li a { color: #a0b177; font-size: 16px; line-height: 25px; } #journey-schools li a:hover { color: #bbd088; } #journey-schools.school { position: relative; } #journey-schools.school #journey-info { float: right; margin: 100px 50px 0 0; width: 600px; } #journey-schools .step.school { height: auto; margin: 0; padding: 0 10px 0; } #journey-school-cta { clear: both; color: #ffe469; margin: 0 20px; overflow: auto; padding: 0 0 10px; } #journey-school-cta p { clear: both; font-size: 18px; text-align: center; } #journey-school-cta .button { margin: 10px auto 0; width: 310px; } #journey-school-photo { background: url(../img/schools/default.png) no-repeat; float: left; height: 310px; margin: 5px 13px 10px 20px; width: 277px; } ul#journey-school { float: right; font-size: 14px; margin: 0 20px 0 0; width: 260px; } ul#journey-school li { color: #fff; line-height: 20px; list-style: none; margin: 10px 0; } ul#journey-school strong.title { color: #1ea5a1; display: block; font-size: 20px; } ul#journey-school li a { color: #95a579; font-size: 18px; } ul#journey-school li a:hover { color: #149a9a; text-decoration: underline; } #journey-schools-map { background: url(../img/schools-map-thumb.png) no-repeat; display: block; float: left; height: 300px; margin: 350px 0 0 50px; overflow: hidden; text-indent: -1000px; width: 200px; } #journey-schools-map-big { background: url(../img/schools-map.png) no-repeat; display: none; height: 700px; position: absolute; width: 960px; } #journey-schools-map-big.show { display: block; } #journey-schools-map-big #journey-schools-map-close { float: right; margin: 25px 25px 0 0; } #journey-finish-backdrop.special-backdrop { background-image: url(../img/scenario6-backdrop.png); } #journey-finish { background: url(../img/scenario6.png) no-repeat; height: 700px; position: relative; width: 960px; } #journey-finish .speech-arrow { background-position: 0 -30px; left: 650px; top: 325px; } #journey-finish #journey-info { float: left; margin: 115px 0 0 50px; width: 600px; } #journey-finish-new { right: 310px; margin: 0; position: absolute; top: 70px; width: 250px; } #journey-finish .bullets, #journey-finish .bullets li { list-style: square; } #journey-finish .no-bullets, #journey-finish .no-bullets li, #journey-finish .bullets li.no-bullets { list-style: none; } #journey-finish .bullets li { margin-left: 25px; } #journey-finish .bullets li.no-bullets { margin-left: 0; } #journey-finish .step.career { background: #272723; height: auto; margin: 0; overflow: auto; padding: 5px 10px; } #journey-finish .step.career h3 { color: #149a9a; font-size: 30px; font-weight: normal; line-height: 30px; margin: 0; text-transform: uppercase; } #journey-finish .step.career h3 img { display: block; float: left; margin: 0 5px 0 0; } #journey-finish .step.school { height: auto; margin: 0; padding: 0 10px; } #journey-finish-cta { background: url(../img/dot-header.png) repeat-x 0 100%; clear: both; margin: 0 10px; padding: 10px 0 15px 0; overflow: auto; } #journey-finish-cta .button { float: left; margin: 0 20px 0 0; } #journey-finish ul { clear: both; margin: 0 0 0 20px; } #journey-finish ul li { list-style: none; margin: 10px 0; } #journey-finish ul h3 { font-size: 20px; } #journey-finish li a { color: #a0b177; font-size: 16px; } #journey-finish li a:hover { color: #149a9a; text-decoration: underline; } .dark { background: url(../img/journey-info.png); } a.button, input[type="submit"].button { background: #79865a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; cursor: pointer; display: block; font-size: 16px; height: 35px; line-height: 35px; margin: 15px auto; text-align: center; width: 140px; } a.button:hover, input[type="submit"].button:hover { background: #a0b177; text-decoration: none; } a.button.back, input[type="submit"].button.back { background: #954640; } a.button.back:hover, input[type="submit"].button.back:hover { background: #b74037; } a.button.forward, input[type="submit"].button.forward { background: #406b95; background: #0e9496; } a.button.forward:hover, input[type="submit"].button.forward:hover { background: #3778b7; background: #14b7b7; }