body {

	margin: 0;

	background-image: url('../Images/background.png');

	background-repeat: repeat-y;

	background-position: center;

	background-attachment: scroll;

}



.chapter {

	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;

	font-size: 20pt;

	font-weight: lighter;

	text-align: right;

	padding-top: 10px;

	padding-right: 50px;

	/* 	background-color: green; */

}



.chapterNumber {

	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;

	font-size: 27pt;

	font-weight: lighter;

	text-align: right;

	padding-bottom: 0px;

	padding-right: 60px;

	/* 	background-color: yellow; */

}



.chapterTitle {

	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;

	font-size: 20pt;

	font-weight: lighter;

	text-align: center;

	padding-bottom: 10px;

}



.bookTitle {

	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;

	font-size: 20pt;

	font-weight: lighter;

	text-align: left;

	margin-top: -45px;

	padding-left: 20px;

}



div#chapterDiv {

	background-color: #dedede;

	margin-bottom: 60px;

}



table#chapterTable {

	width: 100%;

}



table#navigationTable {

	width: 100%;

	margin-top: -40px;

	padding-bottom: 20px;

}



td.navigationCell {

	font-family: Arial, Arial, Helvetica, sans-serif;

	font-size: 13pt;

}



.sectionTitle {

	font-family: Arial, Arial, Helvetica, sans-serif;

	font-size: 14pt;

	color: #314661;

	padding-left: 100px;

}



.sectionSubtitle {

	font-family: Arial, Arial, Helvetica, sans-serif;

	font-size: 13pt;

	color: #314661;

	padding-left: 100px;

}



.bodyText {

	font-family: "Times New Roman", "Times New Roman", Times, serif;

	font-size: 12pt;

	font-style: normal;

	font-weight: normal;

	text-align: justify;

	color: #333;

	padding: 0px 100px 0px 100px;

/* 	text-indent: 20px; */

}

.bodyTextPadded {

    color: #333333;

    font-family: "Times New Roman","Times New Roman",Times,serif;

    font-size: 12pt;

    font-style: normal;

    font-weight: normal;

    padding-bottom: 0;

    padding-left: 120px;

    padding-right: 100px;

    padding-top: 0;

    text-align: justify;

}

.codeSnippet {

	font-family: "Courier New", "Courier New", monospace;

	font-size: 11pt;

	color: #333;

}



.codeSnippetPadded {

	font-family: "Courier New", "Courier New", monospace;

	font-size: 11pt;

	color: #333;

	padding: 0px 100px 0px 100px;

}



.codeSnippetPaddedPre {

	font-family: "Courier New", "Courier New", monospace;

	font-size: 11pt;

	color: #333;

	padding: 0px 100px 0px 100px;

}



.codeSnippet0 {

    color: #333333;

    font-family: "Courier New","Courier New",monospace;

    font-size: 11pt;

    padding-bottom: 0;

    padding-left: 0px;

    padding-right: 50px;

    padding-top: 0;

}



.codeSnippet1 {

    color: #333333;

    font-family: "Courier New","Courier New",monospace;

    font-size: 11pt;

    padding-bottom: 0;

    padding-left: 20px;

    padding-right: 50px;

    padding-top: 0;

}



.codeSnippet2 {

    color: #333333;

    font-family: "Courier New","Courier New",monospace;

    font-size: 11pt;

    padding-bottom: 0;

    padding-left: 40px;

    padding-right: 50px;

    padding-top: 0;

}



.codeSnippet3 {

    color: #333333;

    font-family: "Courier New","Courier New",monospace;

    font-size: 11pt;

    padding-bottom: 0;

    padding-left: 60px;

    padding-right: 50px;

    padding-top: 0;

}



.codeSnippet4 {

    color: #333333;

    font-family: "Courier New","Courier New",monospace;

    font-size: 11pt;

    padding-bottom: 0;

    padding-left: 80px;

    padding-right: 50px;

    padding-top: 0;

}



.codeSnippet5 {

    color: #333333;

    font-family: "Courier New","Courier New",monospace;

    font-size: 11pt;

    padding-bottom: 0;

    padding-left: 100px;

    padding-right: 50px;

    padding-top: 0;

}



img {

	border: none;

}



ol.contentsList {

	list-style-image: url("../Images/list1.png");

	margin-left: 120px;

	color: #333;

	font-weight: bold;

}



a:link {

	font-weight: bold;

	color: #5666e1;

	text-decoration: none;

}



a:visited {

	color: #9a251c;

	text-decoration: none;

}



a:hover {

	color: black;

	text-decoration: none;

}



a.noDecorate:link {

	color: black;	

	text-decoration: none;

}



a.noDecorate:visited {

	color: black;

	text-decoration: none;

}



a.noDecorate:hover {

	color: black;

	text-decoration: none;

}



td.cellType1 {

	text-align: right;

	padding-right: 20px;

}



td.cellType2 {

	text-align: left;

}



div#mainDiv {

	background-color: #f3f3f3;

	margin-left: auto;

	margin-right: auto;

	width: 900px;

	height: 100%;

	min-height:1000px; /* azim0931 */

}



#horizontalLine {

	background-image: url('../Images/horizLine.png');

	background-repeat: repeat-x;

	/* 	background-color: red; */

	width: 100%;

	height: 20px;

	margin-top: -5px;

}



img#rubyLogo {

	position: absolute;

	margin-top: -100px;

	margin-left: -160px;

	z-index: -1;

}



table.bodyTable {

	margin-left: auto;

	margin-right: auto;

	width: 70%;

	background-color: white;

}



.bodyImage {

	margin-left: auto;

	margin-right: auto;

	width: 70%;

}



/***************************************************************************************************/

/***azim0931****************************************************************************************/

/***************************************************************************************************/



div.sampleCode

{

	background-color: #dedede;

	margin-left: 100px;

	margin-right: 100px;

	padding: 0px 10px 10px 10px;

}



div.sampleCode1

{

	background-color: #dedede;

	    color: #333333;

    font-family: "Courier New","Courier New",monospace;

    font-size: 11pt;

    padding-bottom: 0;

    padding-left: 20px;

    padding-right: 50px;

    padding-top: 0;

}



iframe.sampleFrame

{

	border: solid 1px black;

	margin-left: 100px;

	margin-right: 100px;

	width: 700px;

}