/* --------------------------------------------
   reset
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
ul, ul li, ol, ol li {list-style: none; margin: 0; padding: 0;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
address {font-style:normal;}
a:active{ outline: none;}

/* --------------------------------------------
   
----------------------------------------------- */
body
{
	font: 11px/12px helvetica, arial, sans-serif;
}

a
{
	text-decoration: none;
	outline:none;
}

a:hover
{
	text-decoration: underline;
}

select option
{
	margin-right: 10px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#main
{
	width: 970px;
	border: 2px solid #b42a26;
	margin: 51px auto 20px auto;
	position: relative;
	overflow: visible;
	min-height: 700px;
	_height: 700px;
	background: url(../img/nav_main/bg_nav_main.gif) no-repeat 5px 5px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#nav-main
{
	float: left;
	_display: inline;
	margin-top: 5px;
	margin-left: 5px;
	width: 210px;
	padding-top: 223px;
	position: relative;
}

div#nav-main img.book-cover
{
	width: 188px;
	height: 263px;
	position: absolute;
	top: -48px;
	left: 13px;
}

div#nav-main ul
{
	background: url(../img/nav_main/rule_nav_main.gif) no-repeat center bottom;
	padding-bottom: 10px;
	margin-bottom: 24px;
}

div#nav-main ul li
{
	margin-bottom: 18px;
}

div#nav-main ul li a
{
	height: 12px;
	text-indent: -2000px;
	overflow: hidden;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
}

div#nav-main ul li.active a,
div#nav-main ul li.active a:hover
{
	background-position: 0 -24px;
}

div#nav-main ul li a:hover
{
	background-position: 0 -12px;
}

div#nav-main ul li.home a
{
	background-image: url(../img/nav_main/button_home.gif);
	width: 49px;
}

div#nav-main ul li.about-the-book a
{
	background-image: url(../img/nav_main/button_about_the_book.gif);
	width: 144px;
}

div#nav-main ul li.about-the-author a
{
	background-image: url(../img/nav_main/button_about_the_author.gif);
	width: 165px;
}

div#nav-main ul li.endorsements a
{
	background-image: url(../img/nav_main/button_endorsements.gif);
	width: 126px;
}

div#nav-main ul li.buy-the-book a
{
	background-image: url(../img/nav_main/button_buy_the_book.gif);
	width: 119px;
}

div#nav-main ul li.blog a
{
	background-image: url(../img/nav_main/button_blog.gif);
	width: 43px;
}

div#nav-main ul li.value-edge a
{
	background-image: url(../img/nav_main/button_value_edge.gif);
	width: 95px;
}

div#nav-main ul li.contact a
{
	background-image: url(../img/nav_main/button_contact.gif);
	width: 74px;
}

div#nav-main div.value-edge
{
	text-align: center;
}

div#nav-main div.value-edge a.header
{
	display: block;
	width: 126px;
	height: 38px;
	background: url(../img/global/header_whats_your_value_edge.gif) no-repeat;
	text-indent: -2000px;
	overflow: hidden;
	margin: 0 auto 10px auto;
}

div#nav-main div.value-edge p
{
	font: 14px/16px georgia, serif;
	color: #fff;
	margin: 0 10px 8px 10px;
}

div#nav-main div.value-edge a.more
{
	font-size: 10px;
	line-height: 12px;
	color: #b42a26;
	font-weight: bold;
	text-transform: uppercase;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#header
{
	margin-left: 238px;
	margin-top: 23px;
	margin-bottom: 47px;
}

div#header h1
{
	width: 575px;
	height: 56px;
	background: url(../img/global/img_logo.png) no-repeat;
	text-indent: -2000px;
	overflow: hidden;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#content
{
	padding-left: 20px; 238px;
	overflow: hidden;
	padding-bottom: 150px;
	_padding-left: 238px;
}

div#content h1
{
	font-size: 22px;
	line-height: 23px;
	color: #e6b141;
	font-weight: bold;
	padding-bottom: 15px;
	text-transform: uppercase;
	border-bottom: 1px solid #e6b141;
	margin-bottom: 16px;
	margin-right: 25px;
	padding-top: 2px;
}

div#content h2.section
{
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 9px;
	color: #e6b141;
}

div#content p.intro
{
	font: 14px/18px georgia, serif;
	margin-right: 194px;
	margin-bottom: 25px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#content p.copy,
div#content ul.items
{
	font: 14px/18px georgia, serif;
	margin-bottom: 9px;
	color: #231f20;
	margin-right: 194px;
}

div#content p.copy em,
div#content ul.items em
{
	font-weight: bold;
}

div#content p.copy a,
div#content ul.items a
{
	color: #b42a26;
}

div#content p.copy a:hover,
div#content ul.items a:hover
{
	text-decoration: underline;
}

div#content p.copy a:active,
div#content ul.items a:active
{
	color: #e6b141;
}

div#content p.copy a:visited,
div#content ul.items a:visited
{
	color: #881111;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#content ul.items
{

}

div#content ul.items,
div#content ul.items li
{
	list-style: disc;
}

div#content ul.items li
{
	margin-left: 30px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#profile
{
	background: #faf3d9;
	width: 490px;
	float: left;
	margin-right: 24px;
}

div#profile.evaluate div.evaluation-answer,
div#profile.evaluate div.evaluation-score,
div#profile.evaluate div.evaluation-results,
div#profile.evaluate div.fail,
div#profile.evaluate div.loading
{
	display: none;
}

div#profile.evaluate-score div.evaluation-answer,
div#profile.evaluate-score div.evaluation-score
{
	display: block;
}

div#profile.evaluate-score form.evaluate,
div#profile.evaluate-stats form.evaluate
{
	display: none;
}

div#profile.evaluate-stats div.evaluation-answer,
div#profile.evaluate-stats div.evaluation-results
{
	display: block;
}

/* loading */
div#profile.loading p.description,
div#profile.loading ol.value-edge,
div#profile.loading form.evaluate
{
	display: none;
}

div#profile.loading div.loading
{
	display: block;
	padding: 0 19px 19px 19px;
	font: 14px/16px georgia, serif;
}

/* no more profiles */
div#profile.fail p.description,
div#profile.fail ol.value-edge,
div#profile.fail form.evaluate
{
	display: none;
}

div#profile.fail div.fail
{
	display: block;
	padding: 0 19px 19px 19px;
	font: 14px/16px georgia, serif;
}

div#profile.fail div.fail a
{
	color: #b42a26;
}

div#profile.fail div.fail a:hover
{
	text-decoration: underline;
}

div#profile.fail div.fail a:active
{
	color: #e6b141;
}

div#profile.fail div.fail a:visited
{
	color: #881111;
}

div#profile div.profile-info
{
	padding: 19px;
}

div#profile h2
{
	font-size: 22px;
	line-height: 23px;
	color: #b42a26;
	font-weight: bold;
	margin-bottom: 10px;
}

div#profile a#toggle-profile
{
	color: #b42a26;
	font: 14px/18px georgia, serif;
	display: block;
	margin-bottom: 12px;
}

div#profile p.description
{
	color: #231f20;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 10px;
}

div#profile p.description strong
{
	font-weight: bold;
}

div#profile ol.value-edge
{
	color: #231f20;
	font-size: 15px;
	line-height: 18px;
}

div#profile ol.value-edge li
{
	margin-bottom: 10px;
}

div#profile ol.value-edge li span.index
{
	color: #b42a26;
	font-size: 20px;
	font-weight: bold;
	margin-right: 6px;
}

div#profile form.evaluate
{
	background: #f5e2b3;
	padding: 19px;
	overflow: hidden;
}

div#profile form.evaluate label,
div#profile form.evaluate input
{
	float: left;
}

div#profile form.evaluate label
{
	font-size: 20px;
	line-height: 21px;
	color: #b42a26;
	font-weight: bold;
	margin-right: 15px;
	margin-top: 3px;
}

div#profile form.evaluate input.guess
{
	width: 173px;
	padding: 1px 0 2px 7px;
	border: 1px solid #ccc;
	color: #ccc;
	font-size: 14px;
	line-height: 22px;
	margin-right: 8px;
}

div#profile form.evaluate input.guess-over,
div#profile form.evaluate input.guess-active
{
	border: 1px solid #666;
}

div#profile form.evaluate input.guess-active
{
	color: #333;
}

div#profile form.evaluate input.submit
{
	width: 86px;
	height: 21px;
}

/* guess + answer */
div#profile div.evaluation-answer
{
	padding: 19px;
}

div#profile div.evaluation-answer ul
{

}

div#profile div.evaluation-answer ul li
{
	overflow: hidden;
	margin-bottom: 5px;
}

div#profile div.evaluation-answer p,
div#profile div.evaluation-answer span
{
	font-size: 15px;
	line-height: 24px;
	color: #231f20;
	float: left;
}

div#profile div.evaluation-answer p
{
	width: 102px;
}

div#profile div.evaluation-answer p.answer
{
	margin-top: 2px;
}

div#profile div.evaluation-answer span
{
	font-weight: bold;
}

div#profile div.evaluation-answer span.answer
{
	font-size: 22px;
	color: #e6b141;
}

/* self score */
div#profile div.evaluation-score
{
	background: #f5e2b3;
	padding: 19px;
	overflow: hidden;
}

div#profile div.evaluation-score p,
div#profile div.evaluation-score input
{
	float: left;
}

div#profile div.evaluation-score p
{
	color: #b42a26;
	font-size: 20px;
	line-height: 22px;
	margin-right: 20px;
	font-weight: bold;
}

div#profile div.evaluation-score input
{
	width: 55px;
	height: 21px;
	margin-right: 22px;
}

/* results */
div#profile div.evaluation-results
{
	background: #f5e2b3;
	padding: 19px;
	overflow: hidden;
}

div#profile div.evaluation-results p
{
	float: left;
	font-size: 15px;
	line-height: 16px;
	color: #231f20;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 18px;
}

div#profile div.evaluation-results a.try-another-one
{
	float: left;
	background: url(../img/profile/button_try_another_one.gif) no-repeat;
	width: 138px;
	height: 21px;
	text-indent: -2000px;
	overflow: hidden;
}

div#profile div.evaluation-results dl.recent-wrong-guesses
{
	clear: left;
	padding-top: 25px;
}

div#profile div.evaluation-results dl.recent-wrong-guesses dt
{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #231f20;
}

div#profile div.evaluation-results dl.recent-wrong-guesses dd
{
	font: 14px/16px georgia, serif;
	color: #231f20;
}

/* guesses */
div#profile table.guesses
{

}

div#profile table.guesses td.index
{
	width: 41px;
}

div#profile table.guesses td.date
{
	width: 121px;
}

div#profile table.guesses td.guess
{
	width: 121px;
}

div#profile table.guesses td.score
{
	width: 205px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#profile-stats
{
	
}

div#profile-stats p
{
	color: #231f20;
	font: 14px/18px georgia, serif;
}

div#profile-stats p.submitted
{
	margin-bottom: 22px;
}

div#profile-stats p.status
{
	margin-bottom: 10px;
}

div#profile-stats p a.email
{
	font-family: helvetica, arial, sans-serif;
	color: #b42a26;
	font-weight: bold;
}

div#profile-stats p.success-rate strong
{
	display: block;
	font: bold 48px/50px helvetica, arial, sans-serif;
	color: #b42a26;
	padding-top: 8px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#content blockquote.endorsement,
div#sidebar blockquote
{
	font-size: 17px;
	line-height: 22px;
	color: #e6b141;
	font-weight: bold;
	margin-bottom: 7px;
}

div#content blockquote.endorsement
{
	margin-right: 194px;
}

div#sidebar blockquote
{

}

div#content blockquote.endorsement span,
div#sidebar blockquote span
{
	color: #b42a26;
	font-size: 35px;
	line-height: 8px;
	+display: inline-block;
	+line-height: 22px;
	+margin-top: -24px;
	vertical-align: bottom;
	margin-right: 1px;
}

div#content p.attribution,
div#sidebar p.attribution
{
	font: 12px/16px georgia, serif;
	color: #b42a26;
}

div#content p.attribution
{
	margin-bottom: 12px;
	margin-right: 194px;
}

div#sidebar p.attribution
{
	margin-bottom: 18px;
	margin-right: 0;
}

div#content p.attribution span.name,
div#sidebar p.attribution span.name
{
	text-transform: uppercase;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#sidebar
{
	width: 151px; 191px;
	position: absolute;
	top: 183px;
	left: 802px;
}

div#sidebar h4
{
	font-size: 12px;
	line-height: 16px;
	color: #b42a26;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../img/global/rule_sidebar.gif) no-repeat;
	padding-top: 7px;
}

div#sidebar p.section
{
	font: 12px/16px georgia, serif;
	margin-bottom: 18px;
}

/* --------------------------------------------
   
----------------------------------------------- */
div#footer
{
	border-bottom: 5px solid #fff;
	padding-left: 238px;
	padding-top: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div#footer ul
{
	overflow: hidden;
}

div#footer ul li
{
	float: left;
	background: url(../img/global/bullet_footer.gif) no-repeat 100% 4px;
	padding-right: 7px;
	margin-right: 4px;
}

div#footer ul li.contact
{
	background: none;
	padding-right: 0;
	margin-right: 0;
}

div#footer ul li a
{
	text-transform: uppercase;
	font-size: 9px;
	line-height: 14px;
	color: #b42a26;
	font-weight: bold;
}

div#footer p
{
	font: 10px/14px georgia, serif;
	color: #999;
}

/* --------------------------------------------
   
----------------------------------------------- */
table.standard
{

}

table.standard td,
table.standard th
{
	border-bottom: 1px solid #eee;
}

table.standard th
{
	font-size: 12px;
	color: #231f20;
	font-weight: bold;
	line-height: 21px;
}

table.standard td
{
	color: #231f20;
	font: 14px/21px georgia, serif;
}

/* --------------------------------------------
   
----------------------------------------------- */
form#create-profile
{

}

form#create-profile ul
{

}

form#create-profile ul li
{
	margin-bottom: 10px;
}

form#create-profile ul li label.header
{
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

form#create-profile ul li input.text,
form#create-profile ul li select,
form#create-profile ul li textarea
{
	border: 1px solid #ccc;
	width: 298px;
}

form#create-profile ul li input.text
{
	padding: 1px;
	font: 13px/16px verdana, helvetica, arial, sans-serif;
}

form#create-profile ul li textarea
{
	height: 68px;
	padding: 1px;
	font: 13px/16px verdana, helvetica, arial, sans-serif;
}

form#create-profile ul li label.header span.note
{
	font: 12px/14px georgia, serif;
}

form#create-profile ul li.email-address label.header span.note
{
	display: block;
}

form#create-profile ul li.sector label.other
{
	margin-left: 6px;
	margin-right: 6px;
}

form#create-profile ul li.sector input.text
{
	width: 150px;
}

form#create-profile ul li div.error
{
	display: none;
	color: #c00;
	margin-top: 2px;
}