@charset "UTF-8";
/* 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; }
caption, th, td { text-align: left; font-weight: normal; }

/* Style Guide */

body { font: normal 75% Arial, sans-serif; color: #000; background: #fff; }

a, a:link { text-decoration: none; color: #4bb748; }
a:visited { color: #8f8f8f; }
a:hover { text-decoration: underline; }
a:active { color: #4bb748; }

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

p { margin: 1em 0; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0; }
h1 { font: bold 30px Arial, Helvetica, sans-serif; }
h2 { font-size: 19px; font-weight: bold; color: #4bb748; text-transform: uppercase; }
h3, #pageHead .callout dt, #pageBody .theory dt, #pageBody .key-terms dt, #pageBody .section dt { font-size: 18px; font-weight: bold; line-height: 20px; color: #000; text-transform: uppercase; }
h4 { font-size: 1em; font-weight: bold; color: #000; }
h5 { font-size: 15px; font-weight: normal; color: #4bb748; }

a.go, button.go, a.go:visited, a.go:active { display: block; color: #fff; font-weight: bold; text-transform: uppercase; }
a.go:hover, button.go:hover { text-decoration: none; }
a.warm-sm, button.warm-sm { padding: 3px 30px 1px 10px; background: #4bb748 url('/system/disciplines/psychology/bg-go-warm-sm.gif') no-repeat center right; text-align: center; }
a.warm-sm:hover, button.warm-sm:hover { background: #000 url('/images/bg-go-cool-sm.gif') no-repeat center right; }
a.warm-lg, button.warm-lg { width: 240px; width: 242px; margin: 1em 0; padding: 7px 20px 6px 43px; font-size: 16px; background: #4bb748 url('/system/disciplines/psychology/bg-go-warm-lg.gif') no-repeat -2px 50%; }
a.warm-lg:hover, button.warm-lg:hover { background: #000 url('/images/bg-go-cool-lg.gif') no-repeat -2px 50%; }
a.cool-sm, button.cool-sm { padding: 3px 30px 1px 10px; background: #000 url('/images/bg-go-cool-sm.gif') no-repeat center right; text-align: center; }
a.cool-sm:hover, button.cool-sm:hover { background: #4bb748 url('/system/disciplines/psychology/bg-go-warm-sm.gif') no-repeat center right; }
a.cool-lg, button.cool-lg { width: 242px; margin: 1em 0; padding: 7px 43px 7px 20px; font-size: 16px; background: #000 url('/images/bg-go-cool-lg.gif') no-repeat center right; }
a.cool-lg:hover, button.cool-lg:hover { background: #4bb748 url('/system/disciplines/psychology/bg-go-warm-lg.gif') no-repeat center right; }
button.go { cursor: pointer; }
button.warm-lg, button.cool-lg { padding-top: 5px; padding-bottom: 3px; }

a.warm-lg-cs { width: 140px; width: 142px; margin: 1em 0; padding: 7px 10px 6px 23px; font-size: 16px; 
background: #4bb748 url('/system/disciplines/psychology/bg-go-warm-lg.gif') no-repeat +145px 50%; }

.summary #pageBody ul { list-style-image: url('/images/bullet-gray.gif'); }
.summary #pageBody ul li { margin-bottom: 12px; position: relative; left: 12px; }

/* Page Layout */

#siteHome { position: absolute; z-index: 55; top: 5px; left: 35px; width: 200px; padding-top: 86px; height: 0; overflow: hidden; }
#bookHome { position: absolute; z-index: 55; top: 30px; left: 229px; width: 304px; padding-top: 40px; height: 0; overflow: hidden; }
#coastline { width: 950px; }
#portalHead { position: relative; z-index: 50; width: 950px; height: 93px; background: url('/images/bg-portal-nav.gif') no-repeat top left; }
#siteHead { position: relative; z-index: 50; width: 950px; height: 93px; background: url('/system/disciplines/psychology/bg-site-nav.gif') no-repeat top left; }
#chapterContent, #homeContent { position: relative; z-index: 1; }
#siteTitle, #siteSection dt { display: none; }
#siteSection dd { position: relative; width: 950px; height: 93px; }
#siteSection dd dl { cursor: pointer; position: absolute; top: 38px; right: 5px; width: 190px; font: bold 13px/20px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; }
#siteSection dd dl dt { display: block; padding-left: 10px; width: 180px; background: #4bb748 url('/system/disciplines/psychology/arrow-down-sitenav.gif') no-repeat top right; }
#siteSection dd dl dd { position: static; width: auto; height: auto; }
#siteSection dd dl dd ul { display: none; }
#siteSection dd dl.on dd ul { display: block; }
#siteSection dd dl dd ul li { background: #fff; padding-top: 1px; }
#siteSection dd dl dd ul li a { display: block; padding: 2px 20px; background: #4bb748; color: #fff; text-transform: none; }
#siteSection dd dl dd ul li a:hover { text-decoration: none; background: #fff; color: #000; }

/* Left Nav */

#chapterNav { float: left; width: 177px; margin-top: 30px; }
#chapterNav dt { display: none; }
#chapterNav a { display: block; width: 177px; height: 0; overflow: hidden; background-image: url('/system/disciplines/psychology/leftnav.gif'); background-repeat: no-repeat; }
#chapterNav li#chapSummary a { padding-top: 82px; background-position: 0 0; }
#chapterNav li#chapSummary a:hover { background-position: -177px 0; }
#chapterNav li#chapSummary.current a { background-position: -354px 0; }
#chapterNav li#chapFlash a { padding-top: 84px; background-position: 0 -82px; }
#chapterNav li#chapFlash a:hover { background-position: -177px -82px; }
#chapterNav li#chapFlash.current a { background-position: -354px -82px; }
#chapterNav li#chapFlash.next a { background-position: -531px -82px; }
#chapterNav li#chapFlash.next a:hover { background-position: -708px -82px; }
#chapterNav li#chapAudio a { padding-top: 84px; background-position: 0 -166px; }
#chapterNav li#chapAudio a:hover { background-position: -177px -166px; }
#chapterNav li#chapAudio.current a { background-position: -354px -166px; }
#chapterNav li#chapAudio.next a { background-position: -531px -166px; }
#chapterNav li#chapAudio.next a:hover { background-position: -708px -166px; }
#chapterNav li#chapQuiz a { padding-top: 84px; background-position: 0 -250px; }
#chapterNav li#chapQuiz a:hover { background-position: -177px -250px; }
#chapterNav li#chapQuiz.current a { background-position: -354px -250px; }
#chapterNav li#chapQuiz.next a { background-position: -531px -250px; }
#chapterNav li#chapQuiz.next a:hover { background-position: -708px -250px; }
#chapterNav li#chapDownload a { padding-top: 141px; background-position: 0 -334px; }
#chapterNav li#chapDownload a:hover { background-position: -177px -334px; }
#chapterNav li#chapDownload.current a { background-position: -354px -334px; }
#chapterNav li#chapDownload.next a { background-position: -531px -334px; }
#chapterNav li#chapDownload.next a:hover { background-position: -708px -334px; }

/* Chapter Content */

#pageContent { margin-left: 177px; padding-left: 17px; background: url('/system/disciplines/psychology/bg-page-content.gif') no-repeat 0 30px; line-height: 1.4em; }

#pageHead { position: relative; height: 112px; border-bottom: 1px solid #4bb748; margin-bottom: 15px; }
#pageHead h1 { position: relative; margin: 0; }
#pageHead h1 span.number { font-size: 132px; color: #000; letter-spacing: -6px; line-height: 100px; }
#pageHead h1 span.title { position: absolute; left: 180px; top: 0px; text-transform: uppercase; color: #4bb748; font-size: 26px; line-height: 26px; }
#pageHead .callout { position: absolute; right: -13px; top: 112px; width: 140px; padding: 13px; border: 1px solid #4bb748; }
#pageHead .callout h5 { margin-top: 1.5em; margin-bottom: 0; }
#pageHead .callout p { margin-top: 0; }

#pageBody { padding-bottom: 2em; min-height: 280px; }

.summary #pageHead, .downloads #pageHead, .audio #pageHead, .flash #pageHead { width: 743px; }
.summary #pageBody, .downloads #pageBody { width: 560px; }

.summary #pageBody span.image { float: left; width: 276px; padding: 0 15px 5px 0; }
.summary #pageBody span.image img { display: block; width: 276px; }
.summary #pageBody span.image span.caption { font-size: 11px; color: #858585; line-height: 18px; }
.summary #pageBody h1 { border-top: 1px solid #4bb748; padding-top: 5px; font-size: 19px; font-weight: bold; color: #4bb748; text-transform: uppercase; }
.summary #pageBody h2 { font-size: 18px; font-weight: bold; line-height: 20px; color: #000; text-transform: uppercase; }
.summary #pageBody h3 { float: left; font-size: 18px; font-weight: bold; color: #000; text-transform: uppercase; margin: 0; padding-right: .4em; }
.summary #pageBody h4 { float: left; margin: 0; padding-right: .4em; }
.summary #pageBody h5 { float: left; margin: 0; padding-right: .4em; color: #4bb748; }
.summary #pageBody h6 { }

.flash #pageBody { width: 265px; background: url('/images/bg-pagebody-flash.jpg') no-repeat bottom left; padding: 20px 0 50px 290px; }
.flash #pageBody h2 { font-size: 54px; line-height: 50px; color: #000; margin: 40px 0 0 0; }
.flash #pageBody p { font-size: 13px; }
.flash #pageBody a.warm-lg { width: 230px; }
#lightbox { display: none; position: absolute; z-index:100; top: 0%; left: 0%; padding: 20px 0 0 30px; width: 950px; background: url('/images/bg-lightbox.png') repeat top left; }
#lightbox .wrap { background: #000; }
#lightbox .wrap p { background: #000; margin: 0; padding: 10px; }
#lightbox .wrap p a#close { float: right; padding: 0 45px 0 11px; text-transform: uppercase; font: bold 15px/31px Arial, sans-serif; background: url('/images/bg-flash-tool-close.gif') no-repeat top right; border-left: 1px solid #fff; color: #fff; }
#lightbox .wrap p a#close:hover { text-decoration: none; }

.audio #pageBody { width: 382px; background: url('/images/bg-pagebody-audio.jpg') no-repeat bottom left; padding: 20px 0 0 178px; }
.audio #pageBody h2 { font-size: 54px; line-height: 38px; color: #000; margin: 0; }
.audio #pageBody h3 { font-size: 26px; line-height: 32px; margin: 36px 0 0 0; }
.audio #pageBody p { font-size: 14px; margin: 0; }
.audio #pageBody a.cool-lg { margin-top: 8px; }

.quiz #pageBody form ul li { padding: 15px; background: none; }
.quiz #pageBody form ul li div { float: left; }
.quiz #pageBody form ul li div span { float: left; width: 30px; height: 0; padding-top: 39px; overflow: hidden; }
.quiz #pageBody form ul li div span.quiz0 { background: url('/images/quiz0.gif'); }
.quiz #pageBody form ul li div span.quiz1 { background: url('/images/quiz1.gif'); }
.quiz #pageBody form ul li div span.quiz2 { background: url('/images/quiz2.gif'); }
.quiz #pageBody form ul li div span.quiz3 { background: url('/images/quiz3.gif'); }
.quiz #pageBody form ul li div span.quiz4 { background: url('/images/quiz4.gif'); }
.quiz #pageBody form ul li div span.quiz5 { background: url('/images/quiz5.gif'); }
.quiz #pageBody form ul li div span.quiz6 { background: url('/images/quiz6.gif'); }
.quiz #pageBody form ul li div span.quiz7 { background: url('/images/quiz7.gif'); }
.quiz #pageBody form ul li div span.quiz8 { background: url('/images/quiz8.gif'); }
.quiz #pageBody form ul li div span.quiz9 { background: url('/images/quiz9.gif'); }
.quiz #pageBody form ul li fieldset { margin-left: 75px; }
.quiz #pageBody form ul li fieldset h3 { margin-top: 0; font-size: 15px; }
.quiz #pageBody form ul li fieldset fieldset { margin-left: 0; }
.quiz #pageBody form fieldset.buttons { padding-left: 90px; }

.quiz #pageBody form ul li fieldset label.correct { font-weight: bold; color: #000; }
.quiz #pageBody form ul li fieldset label.incorrect { font-weight: bold; color: #4bb748; }

.quiz #pageBody #quizResults { margin-bottom: 20px; padding: 15px 80px; border: 3px solid #000; }
.quiz #pageBody #quizResults dt { font: bold 30px Arial, sans-serif; text-transform: uppercase; color: #a2a2a2; }
.quiz #pageBody #quizResults dt span.score { color: #000; }
.quiz #pageBody #quizResults div.links { width: 100%; height: 2em; }
.quiz #pageBody #quizResults div.links a { float: left; margin-right: 20px; }

.downloads #pageBody ul li { background: none; padding: 0 0 20px 50px; }
.downloads #pageBody ul li h3 { font-size: 24px; margin-bottom: 0; }
.downloads #pageBody ul li p { margin: .3em; }
.downloads #pageBody ul li p.note { color: #a09f9f; }
.downloads #pageBody ul li a { text-decoration: underline; }
.downloads #pageBody ul li a:hover { color: #000; }
.downloads #pageBody ul li a.go { text-decoration: none; margin-top: 1em; width: 40%; text-align: left; }
.downloads #pageBody ul li a.go:hover { color: #fff; }

h3.open_question {margin-left:70px;}

/* Bottom Nav */

#moreNav { margin-left: 177px; width: 687px; z-index: 20; }
#moreNav dl { position: relative; height: 125px; background: url('/system/disciplines/psychology/bg-more-nav.gif') no-repeat top left; z-index: 21; }
#moreNav dl dt { position: absolute; top: 12px; left: 13px; font: bold 20px Arial, sans-serif; color: #fff; text-transform: uppercase; z-index: 22; }
#moreNav dl dd { position: absolute; top: 15px; right: 108px; width: 150px; z-index: 23; }
#moreNav dl dd dl { position: static; cursor: pointer; height: auto; background: url('/system/disciplines/psychology/arrow-down-border.gif') no-repeat top right; }
#moreNav dl dd dl dt { position: static; height: 15px; padding: 3px 5px 0 5px; font-size: 12px; border: 1px solid #fff; margin-right: 24px; }
#moreNav dl dd dl dd { position: static; }
#moreNav dl dd dl dd ul { display: none; }
#moreNav dl dd dl.on dd ul { display: block; }
#moreNav dd dl dd ul li { background: #fff; padding-bottom: 1px; }
#moreNav dd dl dd ul li a { display: block; padding: 2px 20px; background: #4bb748; color: #fff; text-transform: none; }
#moreNav dd dl dd ul li a:hover { text-decoration: none; background: #fff; color: #000; }


/* Home Content */

.home { background: url('/system/disciplines/psychology/bg-home-top.gif') no-repeat top left; z-index: 18; }
.home h1 { font: bold 62px/62px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; margin: 0; }
.home #coastline { background: url('/system/books/2/book_image.jpg') no-repeat right +63px; }
.home #homeContent { padding-left: 40px; z-index: 19; }

.home #homeContent #homeTop { min-height: 272px; padding: 20px 410px 24px 100px; z-index: 20; }
.home #homeContent #homeTop dl { cursor: pointer; position: relative; z-index: 21;  width: 260px; margin-bottom: 11px; font: bold 20px/38px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; }
.home #homeContent #homeTop dl dt { display: block; padding-left: 10px; width: 250px; background: #4bb748 url('/system/disciplines/psychology/arrow-down-home-warm.gif') no-repeat top right; z-index: 22; }
.home #homeContent #homeTop dl#studyOnthego dt { background: #000 url('/images/arrow-down-home-cool.gif') no-repeat top right; }
.home #homeContent #homeTop dl dd { position: static; width: auto; height: auto; z-index: 23; }
.home #homeContent #homeTop dl dd ul { display: none; position: absolute;  width: 260px; }
.home #homeContent #homeTop dl.on dd ul { display: block; }
.home #homeContent #homeTop dl dd ul li { background: #fff; padding-top: 1px; font: bold 13px/20px Arial, Helvetica, sans-serif; }
.home #homeContent #homeTop dl dd ul li a { display: block; padding: 2px 20px; background: #4bb748; color: #fff; text-transform: none; }
.home #homeContent #homeTop dl dd ul li a:hover { text-decoration: none; background: #fff; color: #000; }
.home #homeContent #homeTop dl#studyOnthego { z-index: 1; margin-bottom: 0; }
.home #homeContent #homeTop dl#studyOnthego dd ul li a { background: #000; }
.home #homeContent #homeTop dl#studyOnthego dd ul li a:hover { background: #fff; color: #000; }
.home #homeContent #homeTopImage { float:right; }

.home #homeContent #homeBottom  { background: #fff; border-top: 7px solid #4bb748;  }
.home #homeContent #homeBottom h2 { font: bold 32px/30px Arial, sans-serif; color: #000; margin: 0; }
.home #homeContent #homeBottom p { font-size: 16px; color: #535353; margin: .6em 0; }
.home #homeContent #homeBottom #think { float: left; width: 400px; margin-left: 74px; padding: 30px 10px 0 5px; }
.home #homeContent #homeBottom #think #booktitle { float:right; width:220px; padding: 50px 0 0 0; }
.home #homeContent #homeBottom #pageFree { margin: 0 0 0 497px; padding: 48px 65px 80px 157px; background: url('/system/disciplines/psychology/bg-home-pagefree.jpg') no-repeat bottom left;  }
.home #homeContent #homeBottom #pageFree a.go { width: 100px; }

/* Portal Content */

.portal { background: url('/images/bg-portal-top.gif') no-repeat top left; z-index: 18; }
.portal h1 { font: bold 62px/62px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; margin: 0; padding: 0 0 0 130px; }
.portal h1#sample_chapters { padding-left: 90px;}
.portal #homeContent { padding-left: 40px; z-index: 19; }

.portal #homeContent #homeTop { height: 640px; padding: 20px 110px 24px 80px; z-index: 20; }
.portal #homeContent #homeTop dl { cursor: pointer; position: relative; z-index: 21;  width: 560px; margin-bottom: 11px; font: bold 20px/38px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; }
.portal #homeContent #homeTop dl dt { display: block; padding-left: 10px; width: 550px; background: #4bb748 url('/system/disciplines/psychology/arrow-down-home-warm.gif') no-repeat top right; z-index: 22; }
.portal #homeContent #homeTop dl#studyOnthego dt { background: #000 url('/images/arrow-down-home-cool.gif') no-repeat top right; }
.portal #homeContent #homeTop dl dd { position: static; width: auto; height: auto; z-index: 23; }
.portal #homeContent #homeTop dl dd ul { display: none; position: absolute;  width: 560px; }
.portal #homeContent #homeTop dl.on dd ul { display: block; }
.portal #homeContent #homeTop dl dd ul li { background: #fff; padding-top: 1px; font: bold 13px/20px Arial, Helvetica, sans-serif; }
.portal #homeContent #homeTop dl dd ul li a { display: block; padding: 2px 20px; background: #4bb748; color: #fff; text-transform: none; }
.portal #homeContent #homeTop dl dd ul li a:hover { text-decoration: none; background: #fff; color: #000; }
.portal #homeContent #homeTop dl#studyOnthego { z-index: 1; margin-bottom: 0; }
.portal #homeContent #homeTop dl#studyOnthego dd ul li a { background: #000; }
.portal #homeContent #homeTop dl#studyOnthego dd ul li a:hover { background: #fff; color: #000; }

.portal #homeContent #homeBottom  { background: #fff; border-top: 7px solid #4bb748;  }
.portal #homeContent #homeBottom h2 { font: bold 32px/30px Arial, sans-serif; color: #000; margin: 0; }
.portal #homeContent #homeBottom p { font-size: 16px; color: #535353; margin: .6em 0; }
.portal #homeContent #homeBottom #think { float: left; width: 390px; margin-left: 72px; padding: 28px 10px 0 5px; }
.portal #homeContent #homeBottom #think #booktitle { float:right; width:200px; padding: 14px 0 0 0; }
.portal #homeContent #homeBottom #pageFree { margin: 0 0 0 497px; padding: 48px 15px 80px 200px; background: url('/images/bg-portal-pagefree.jpg') no-repeat bottom left;  }
.portal #homeContent #homeBottom #pageFree a.go { width: 100px; }

/* Footer */

#siteFooter { position: relative; background: #000; padding: 15px 95px 8px 177px; font-size: 10px; color: #9b9b9b; z-index: 1; }
#siteFooter a#hg { float: right; }
#siteFooter ul , #siteFooter ul li { display: inline; }
#siteFooter ul li { padding: 0 .5em 0 .3em; border-right: 1px solid #9b9b9b; }
#siteFooter ul li.last { border: none; }
#siteFooter ul li a:link { color: #9b9b9b; }

/* 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 */