/* @CLEAR (FORMATTING) 
/* ---------------------------------------- */

/* XHTML ELEMENTS */

html, body,

/* BLOCK LEVEL ELEMENTS */
blockquote, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6,
hr, p, pre, table, dd, dt, td, th, tr, button, del, object, script,

/* INLINE ELEMENTS */
a, img, input, label, select, span, textarea {

	border: 0;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* INDIVIDUAL TAG RESETS */
a {
	text-decoration: none;
}

table {
	border-spacing: 0;
}

/* UNUSED (ELEMENTS WITH FORMATTING LEFT INTACT)
address(bl), ins(bl), li(bl),map(bl), noscript(bl), ol(bl), tbody(bl), tfoot(bl), thead(bl), ul(bl)
abbr, acronym, b, bdo, big, br, cite, code, colgroup, dfn, em, i, kbd, q,
samp, small, strong, sub, sup, tt, var

/* @REDEFINITIONS
/* ---------------------------------------- */

body {
	font-size: 13px;
	font-family: "Myriad Pro", Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
	color: #42A1B2;
}

a:hover {
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
	h1 {
		font-size: 26px;
		margin-bottom: 10px;
	}

img { 
	display: block; 
}

input, select, textarea {
}

ol, ul {
	margin-bottom: 12px;
}

p {
	margin-bottom: 12px;
}

/* @COLORS
/* ----------------------------------------

	header bg - 	#
	header a - 		#

	body bg - 		#
	body text - 	#

	footer bg - 	#
	footer text - 	#
	footer hover - 	#

	lines -			#
	highlight -		#

/* @GENERIC FORMS
/* ---------------------------------------- */

form label, form input, form select, form textarea {
	vertical-align: middle;
	outline: none;
}

input.button {
	border: 0;
	padding: 0;
}

input.chk {
	border: 0;
	padding: 0;
}

label {
	display: block;
	font-weight: bold;
}
	label.chk {
		display: inline;
		font-weight: normal;
		padding-left: 5px;
	}

fieldset {
	margin-bottom: 12px;
}
	fieldset.last {
		margin-bottom: 0;
	}

div.form-row {
	margin-bottom: 5px;
}
	div.form-row.button {
		margin: 0;
	}
		div.form-row.button.center {
			text-align: center;
		}

div.form-col {
	float: left;
	width: 50%;
}


input.text {
	border: 1px solid #adadaf;
	font: 12px arial, sans-serif;
	padding: 3px;
}

input.medium {
	width: 220px;
}
input.small {
	width: 100px;
}
select.medium {
	width: 228px;
}
form.generic select {
	border: 1px solid #adadaf;
	font: 12px arial, sans-serif;
	padding: 3px;
}
	select.small {
	}
form.generic fieldset {
	padding: 10px;
	border: 1px solid #adadaf;
}
	form.generic fieldset.no-border {
		padding: 0;
		border: 0;
		margin-bottom: 10px;
	}
form.generic legend {
	padding: 2px 5px;
	border: none;
	font-weight: bold;
	color: #000;
}

input.button {
	border: 0;
	padding: 0;
}

div#ecard div.message, div#ecard div.warning {
	padding-top: 10px;
}

form#sendToFriend {
	margin-top: 9px;
}
	form#sendToFriend input.text {
		width: 257px;
	}
	form#sendToFriend fieldset {
		margin-bottom: 7px;
	}
	form#sendToFriend fieldset.last {
		margin-bottom: 1px;
	}
	
form#newsletterSignup {}
	form#newsletterSignup input.text {
		width: 208px;
		margin-right: 3px;
	}
	form#newsletterSignup input.button {
		margin: 0;
	}

form#searchBox {
	padding-left: 76px;
	padding-top: 26px;
}
	form#searchBox div.form-input {
		background: transparent url(../images/bg_search.gif) no-repeat;
		height: 25px;
		padding-left: 21px;
		padding-top: 8px;
		width: 461px;
	}
	form#searchBox input.text {
		background-color: transparent;
		border: 0;
		font: 12px arial, sans-serif;
		padding: 2px;
		width: 357px;
		float: left;
	}
	form#searchBox input.button {
		float: right;
		width: 72px;
		margin-right: 19px;
	}
	
form#pageNavigation {
	float: left;
	font: 12px verdana, sans-serif;
	height: 27px;
	text-align: center;
	width: 365px;
}
	form#pageNavigation select {
		font: 12px verdana, sans-serif;
		padding: 2px;
		margin-top: 2px;
		border: 1px solid #adadaf;
	}

/* @HEADER
/* ---------------------------------------- */
div#header {
	background: url(../images/bg_page.gif) repeat-x;
	height: 228px;
}

div#wrapper {
	height: 228px;
	margin: 0 auto;
	width: 960px;
}

div#logo {
	position: absolute;
	top: 17px;
}
	div#logo a {
		outline: none;
	}

/* @BUY
/* ---------------------------------------- */
div#buy-button {
	height: 50px;
}
div#processing {
	display: none;
	height: 50px;
	color: red;
}

div.loader {
	width: 143px;
}
	div.loader img {
		margin: 0 auto;
		width: 32px;
	}
div.download p {
	font-size: 18px;
}

img.icon {
	display: inline;
	vertical-align: middle;
	padding-right: 10px;
}

/* @SIDEBAR
/* ---------------------------------------- */
div#sidebar {
	float: left;
	padding-top: 108px;
	padding-bottom: 30px;
	width: 325px;
}

div#toc {
	background: url(../images/bg_toc.gif) no-repeat;
	height: 228px; /* totalling: 267px; */
	margin-bottom: 20px;
	padding: 15px 35px 24px 15px;
}
	div#toc a {
		display: block;
		color: #42a1b2;
		outline: none;
		padding-left: 28px;
	}
		div#toc a:hover {
			color: #000;
		}

	div#toc ul {
		/* ul reset */
		list-style: none;
		margin: 0;
		padding: 0;
		
		padding-top: 5px;
	}
		div#toc li {
			padding-top: 3px;
		}
			div#toc li.active a {
				background: url(../images/arrow_right.gif) no-repeat 3px center;
				color: #000;
				vertical-align: middle;
			}

div.callout {
	margin-bottom: 20px;
	overflow: hidden;
	width: 305px;
}

div.share-header {
	background: #ffc600 url(../images/callout-header_share-with-colleagues.gif) no-repeat;
	margin-bottom: 13px;
	overflow: hidden;
	padding-top: 51px;
	width: 305px;
}
	div.share-header div.share-content {
		background: url(../images/share-bottom-border.gif) no-repeat bottom left;
		padding: 0 20px 10px 20px;
	}

div.social-icons {
	float: left;
	width: 109px;
}
	div.social-icons img {
		float: left;
	}
	
div.twitter-link { 
	float: left;
	padding-top: 3px;
	width: 156px;
}

div#newsletter-signup {
	margin-bottom: 14px;
	overflow: hidden;
	width: 305px;
}

div#copyright {
	color: #aeaeae;
	font: 11px arial, sans-serif;
	overflow: hidden;
	width: 305px;
}
	div#copyright a {
		color: #42a1b2;
	}
		div#copyright a:hover {
			color: #000;
		}
	div#copyright div.contact {
		font: bold 13px "Myriad Pro", Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #000;
		margin-bottom: 5px;
	}
		div#copyright div.contact a {
			font-weight: bold;
		}

/* @MAIN CONTENT
/* ---------------------------------------- */
div#main-content {
	float: left;
	padding-bottom: 30px;
	width: 635px;
}

/*
 * home content
 */
div#home-header {
	background: url(../images/bg_home-header.gif) no-repeat 0 22px;
	height: 390px;
}
	div#main-content div#home-header div.download-link {
		padding-top: 240px;
		padding-left: 428px;
	}

div#home-body {
	font: 12px arial, sans-serif;
	background: url(../images/bg_home-body.gif) repeat-y;
	padding: 12px 43px;
	padding-bottom: 1px;
}

img.tagline {
	margin: 0 auto;
}

.column {
	padding-right: 10px;
}
.tweetmeme {
	float: left;
	width: 65px;
}

div#home-footer {
	background: url(../images/bg_home-footer.gif) no-repeat;
	height: 137px;
}

/*
 * book content
 */

div.chapter-title {
	padding-top: 10px;
	padding-bottom: 5px;
	height: 20px;
	text-align: center;
}
	div.chapter-title h2 {
		font-size: 18px;
	}

div#book-wrapper {
	background: url(../images/bg_wrapper.gif) repeat-y;
	margin-top: 49px;
}
div#book-wrapper-top {
	background: url(../images/bg_wrapper_top.gif) no-repeat;
}

div#book-top-navigation,
div#book-bottom-navigation {
	margin: 0 auto;
	width: 565px;
}
	div#book-top-navigation {
		padding-top: 10px;
		margin-bottom: 7px;
	}
	div#book-bottom-navigation {
		margin-top: 10px;
		margin-bottom: 15px;
	}

div.nav-button {
	width: 98px;
}
	div.nav-button a {
		outline: none;
	}
	div.nav-button.prev {
		float: left;
	}
	div.nav-button.next {
		float: right;
	}

div#book-body {
	font: 12px arial, sans-serif;
	/* height: 475px; /* totalling 614px; was 584*/
	width: 485px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/bg_book.gif) repeat-y;
}
	div#book-body p {
		font: 12px arial, sans-serif;
		line-height: 15px;
	}
	div#book-body h2 {
		font: 13px arial, sans-serif;
		margin-bottom: 16px;
		text-align: center;
		text-transform: uppercase;
	}
	div#book-body div.current-page {
		font: 11px arial, sans-serif;
		text-transform: uppercase;		
	}
div#book-body-top {
	background: url(../images/bg_book_top.gif) no-repeat;
}
div#book-body-padding {
	min-height: 520px;
	padding: 15px 45px;
}
div.attribute-image p {
	margin: 0;
	padding: 0;
}
table.renderedtable {
	margin-top: 15px;
}


/*
 * page content
 */
div#page-wrapper {
	background: url(../images/bg_wrapper.gif) repeat-y;
	margin-top: 49px;
}
div#page-wrapper-top {
	background: url(../images/bg_wrapper_top.gif) no-repeat;
	padding-top: 20px;
}

div#page-body {
	font: 12px arial, sans-serif;
	background: #fff url(../images/bg_page-body-header.gif) no-repeat;
	margin: 0 auto;
	width: 508px; /* totalling 594px */
	padding: 12px 43px;
	padding-bottom: 1px;
}
div#page-body-footer {
	background: transparent url(../images/bg_page-body-footer.gif) no-repeat;
	margin: 0 auto;
	width: 594px;
}

div#page-footer {
	background: url(../images/bg_home-footer.gif) no-repeat;
	height: 137px;
}

/*
 * site search
 */
div.search-result {
	margin-bottom: 12px;
}

div.search-result-title {
	margin-bottom: 2px;
}
	div.search-result-title a {
		font-weight: bold;
	}

/* 
 * notice
 */
div.notice {
	font-size: 14px;
	margin-bottom: 12px;
}
	div.notice.set-height {
		min-height: 123px;
	}
	div.notice.error {
		color: #e40000;
	}

/* @STANDARD CLASSES
/* ---------------------------------------- */

.block { 
	display: block; 
} 

.inline { 
	display: inline; 
}

.hide {
	display: none;
}

.warning {
	color: red;
}

.message {
	color: green;
}

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

.clear { 
	display: inline-block; 
}

/* HIDE FROM IE-MAC \*/
* html .clear { 
	height: 1%; 
}
.clear { 
	display: block; 
}
/* /HIDE FROM IE-MAC */
