/* book layout */

body {
	/*font-family: 'Times New Roman', 'Times New Roman', serif;*/
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1d1d1b;
	background-color: #ebebeb;
	line-height: 20px;
	text-align: justify;
}
p {
	text-indent: 20px;
	margin: 0px 0px 5px 0px;
}
.bookpage {
	width: 800px;
    margin: 10px auto;
    padding: 25px 50px;
    background-color: #ffffff;
	vertical-align:top;
}
.page {
	width: 800px;
	min-width: 717px;
	max-width: 717px;
	margin-left: 40px;
	margin-right: 40px;
	text-align: justify;
}
.columns {
	width: 100%;
}
.column_left {
	width: 70%;
	vertical-align: top;
	padding: 5px;
}
.column_right {
	width: 30%;
	vertical-align: top;
	padding: 5px;
}
/* general attributes */

.fleft {
	float: left;
}
.fright {
	float: right;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.bold {
	font-weight: bold;
}
.italics {
	font-style: italic;
}
/*  reset attributes */

.reset_margins {
	margin: 0px !important;
}
.reset_borders {
	border: none !important;
}
.reset_indent {
	text-indent: 0px !important;
}
.reset_border_color {
	border-color: #1d1d1b !important;
}
.reset_paddings {
	padding: 0px !important;
}
/* index layout */

.cover {
	text-align: center;
	text-indent: 0px;
}
.top_title {
	text-align: center;
	margin-top: 50px;
	font-size: 20px;
	line-height:28px;
}
.middle_title_big {
	text-indent: 0px;
	text-align: center;
	margin: 0px;
	padding-top: 150px;
	font-size: 34px;
	font-weight: bold;
	line-height:48px;
}
.middle_title_small {
	text-align: center;
	margin-bottom: 50px;
	padding: 0px;
	font-size: 30px;
	font-weight: bold;
}
.bottom_text {
	text-indent: 0px;
	padding-left: 100px;
	margin: 0px;
}
.contributors_table {
	width: 100%;
}
.contributors_table_left_td {
	width: 30%;
	border-right: 2px solid #aa0f09;
	padding-right: 10px;
	text-align: right;
}
.contributors_table_right_td {
	width: 70%;
	text-align: left;
}
.contributors_text {
	text-indent: 0px;
	font-size: 14px;
}
.credits {
	text-indent: 0px;
	font-size: 15px;
	padding-left: 100px;
	padding-right: 100px;
}

.box_credits_in_title {
    position: absolute;
    width: 280px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -12px;
    background: #fff;
    font-weight: bold;
	font-size: 18px;
    text-align: center;
	}

.box_credits_in p {
	padding:0;
	text-indent:0;
	text-align:justify;
	}
		
.box_credits_in {
    border: 1px solid #000;
    width: 92%;
	padding: 15px;
    margin: 0 auto;
    background: #fff;
    position: relative;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	}

.box_credits_in td {
	width: 50%;
	text-align:justify; 
	padding:10px; 
	vertical-align:top;
    font-size: 14px;
    line-height: 20px;}

.box_credits_in p {
	padding:0;
	margin-bottom:0;
	}
	
.auth {
	margin-left:15px;
	}
	
p.credits-t  {
	padding-top:10px;}


.cont.title {
	font-size:30px;}

table.kati {
 border-right: 1px solid #00aaff;
 border-bottom:1px solid #00aaff;
}

.kati td, th {
	border-collapse:collapse;
	border-left: 1px solid #00aaff;
	border-top: 1px solid #00aaff;
	padding-left: 5px;
}
.kati th {
	font-size:18px;
	text-align:left;
	background-color:#BBE3FA;
	padding:5px;
}

p.kati {
	text-indent:0;
	margin:5px;
	text-align:left;
}

.kati .su_title {font-size:16px;}

/* chapter cover */
table.chapter_title_table {
    margin: 40px;
}

.chapter_title_table_left_td {
	vertical-align: middle;
	border-left: 10px solid #0082c6;
	border-radius: 20px;
	height:105px;
	margin:0;
	padding:0;
}

.chapter_title_table_right_td {
	width: 100%;
	/*height: 80px;*/
	text-align: left;
	vertical-align: middle;
	border-right: 10px solid #0082c6;
	border-radius: 20px;
	padding:10px;
}

/*p.unit_title, p.unit_number {
	margin:0;
	padding:0;
	line-height:normal;
	}
*/	
p.chapter_title_table_left_td_text { line-height: 110px; }

.chapter_title_table_left_td_text {
	font-family: "Times New Roman", Times, serif;
	font-size: 135px;
	font-weight: bold;
	color: #9d9d9c;	
}

.chapter_title_table_right_td_text {
	font-family: sans-serif;
	color: #00AEEF;
    font-size: 24px;
    line-height: 32px;
	font-weight:bold;
	text-indent:0;
}

.chapter_image {
	text-indent: 0px;
	margin: 0px;
	text-align: center;
}
.chapter_contents_number {
	text-indent: 0px;
	padding-left: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #00AEEF;
	float: left;
	display: block;
}
.chapter_contents_text {
	text-indent: 0px;
	font-size: 24px;
	font-weight: bold;
	color: #00AEEF;
	text-align: justify;
	padding-left: 80px;
	display: block;
}
.chapter_description {
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}
/* paragraph title */

.paragraph_title_table {
	width: 100%;
	margin-left: -10px;
	margin-bottom:20px;
}
td.unit_number {
	width: 10%;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	border-left: 4px solid #009fe3;
	border-right: 4px solid #009fe3;
	border-radius: 10px;
}
.unit_number {
	text-indent: 0px;
	margin: 0px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 26px;
	font-weight: bold;
	color: #1d1d1b;
}


td.unit_title {
	width: 90%;
	height: 35px;
	text-align: left;
	vertical-align: middle;
}
.unit_title {
	text-indent: 0px;
	margin: 0px;
	padding-left: 5px;
	font-size: 26px;
	font-weight: bold;
	color: #009fe3;
}
.title {
	color:#00AEEF;
	font-weight:bold;
	font-size:1.5em;
}
/* activities */

.activity {
	text-indent: 0px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #009fe3;
}
.activity_title {
	text-indent: 0px;
	font-weight: bold;
	color: #273583;
}
/* examples */

.example {
	text-indent: 0px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #009fe3;
}
.answer {
	text-indent: 0px;
	font-weight: bold;
	color: #273583;
}
.solution {
	font-size: 18px;
	text-indent: 0px;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
/* application */

.application {
	text-indent: 0px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #009fe3;
}
/* images */

.image {
	text-align: center;
	border-bottom: 6px solid #a2d9ef;
	border-radius: 10px;
    padding-bottom: 10px;
	margin-bottom:10px;
}
.image_description {
	text-indent: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	margin: 0px;
	font-size: 13px;
	font-style: italic;
	line-height:normal;
}
.image_number {
	text-indent: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	font-size: 13px;
	font-weight: bold;
}
/* titles */

.blue_light_title {
	text-indent: 0px;
	font-weight: bold;
	color: #009fe3;
}
.blue_light_italic_title {
	text-indent: 0px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #009fe3;
}
.su_title {
	text-indent: 0px;
	font-weight: bold;
    color: #00AEEF;
    margin-bottom: 10px;
    font-size: 20px;
}
.black_title {
	text-indent: 0px;
	font-weight: bold;
	color: #1d1d1b;
	margin-top:10px;
}
/* lists */

.list_number {
	text-indent: 0px;
	float: left;
	display: block;
}
.list_text {
	text-indent: 0px;
	text-align: justify;
	padding-left: 25px;
	display: block;
}
.list_number_grey {
	text-indent: 0px;
	float: left;
	display: block;
	color: #706f6f;
}
.list_text_grey {
	text-indent: 0px;
	text-align: justify;
	padding-left: 25px;
	display: block;
	color: #706f6f;
}
.list_text_centered {
	text-indent: 0px;
	text-align: center;
	padding-left: 25px;
	display: block;
}
.list_number_indent {
	float: left;
	display: block;
}
.list_number_indent_bold {
	font-weight: bold;
	float: left;
	display: block;
}
.list_text_indent {
	text-indent: 0px;
	text-align: justify;
	padding-left: 45px;
	display: block;
}
.list_number_big_indent {
	text-indent: 45px;
	float: left;
	display: block;
}
.list_text_big_indent {
	text-indent: 0px;
	text-align: justify;
	padding-left: 70px;
	display: block;
}
/* tables */

.light_green_background_1 {
	background: #d3e4c3;
}
.light_green_background_2 {
	background: #e2edd8;
}
.light_green_background_3 {
	background: #f0f6ec;
}
.light_blue_background_1 {
	background: #bbe3fa;
}
.light_blue_background_2 {
	background: #eaf6fe;
}
.light_blue_border {
	border: 1px solid #009fe3;
	border-collapse: collapse;
}
.thin_black_border {
	border: 1px solid #1d1d1b;
	border-collapse: collapse;
}
.table_description {
	border-bottom: 6px solid #a2d9ef;
	border-radius: 10px;
}
.table_description_text {
	text-indent: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	font-size: 13px;
}
.table_number {
	text-indent: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	font-size: 13px;
	font-weight: bold;
}
/* quotations */

.quotation {
	text-indent: 0px;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}
/* test in right column */

.text_right_column {
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	font-size: 13px;
	font-style: italic;
	border-bottom: 6px solid #a2d9ef;
	border-radius: 10px;
}
/* notes */

.notes {
	text-indent: 0px;
	text-align: justify;
	font-size: 13px;
}
/* introduction */

.introduction {
	text-indent: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #009fe3;
}
/* summary */

.summary {
	text-indent: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #009fe3;
}
/* problem tips */

.problem_tips {
	text-indent: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #009fe3;
}
.problem_tip_number {
	font-weight: bold;
	color: #009fe3;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 2px solid #1d1d1b;
	border-right: 2px solid #1d1d1b;
	border-radius: 5px;
}
/* solved problems */

.solved_problems {
	text-indent: 0px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #009fe3;
}
/* questions */

.questions {
	text-indent: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #009fe3;
}
.question_number {
	text-indent: 0px;
	font-weight: bold;
	float: left;
	display: block;
}
.question_text {
	text-indent: 0px;
	text-align: justify;
	padding-left: 30px;
	display: block;
}
.question_center {
	text-align: center;
	text-indent: 0px;
	padding-left: 30px;
}
/* problems */

.problems {
	text-indent: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #009fe3;
}
.problem_number {
	text-indent: 0px;
	font-weight: bold;
	float: left;
	display: block;
}
.problem_text {
	text-indent: 0px;
	text-align: justify;
	padding-left: 30px;
	display: block;
}
.problem_center {
	text-align: center;
	text-indent: 0px;
	padding-left: 30px;
}
/* leaflet */

.leaflet {
	text-indent: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #009fe3;
}
/* mathematical formulas */

.equation_number {
	color: #009fe3;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 2px solid #1d1d1b;
	border-right: 2px solid #1d1d1b;
	border-radius: 5px;
	font-weight:bold;
}
sup {
	font-size: x-small;
}
sub {
	font-size: 70%;
}
.small_vector {
	font-size: x-small;
	position: relative;
	top: -0.7em;
	left: -0.9em;
	margin-right: -1.0em;
}
.big_vector {
	font-size: x-small;
	position: relative;
	top: -1.1em;
	left: -1.0em;
	margin-right: -1.0em;
}
.denominator {
	position: absolute;
	top: 0.8em;
	left: -0em;
	width: 100%;
	text-indent: 0px;
}
.exhibitor {
	position: relative;
	top: -0.5em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-align: center;
	border-bottom: 1px solid #000;
	line-height: 2em;
}
.blue_light .exhibitor {
	border-bottom: 1px solid #009fe3;
}

.parentheses {
	color: #000;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 2px;
	padding-right: 2px;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-radius: 5px;
}
/* colors */

.blue_light {
	color: #009fe3;
}
.blue_dark {
	color: #273583;
}
/* appendix layout */

.appendix_table {
	width: 700px;
	min-width: 700px;
	max-width: 700px;
	background-color: #ffffdd;/*border: 1px solid #1d1d1b;*/
}
.appendix_title_td {
	border-top: 1px solid #1d1d1b;
	border-bottom: 1px solid #1d1d1b;
}
.appendix_title {
	text-align: center;
	text-indent: 0px;
	margin: 5px 0px 5px 0px;
	font-size: 18px;
	font-weight: bold;
}
.appendix_text {
	text-align: left;
	text-indent: 10px;
	margin: 0px;
	font-size: 13px;
}
.problems_answer {
	text-indent: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #009fe3;
}
.chapter_problems_answer {
	text-indent: 0px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #cd1719;
}
.copy_rights {
	text-indent: 0px;
	font-size: 15px;
	padding-left: 150px;
	padding-right: 150px;
}
img[src^="extras/images/"] {
	vertical-align:middle;
	padding:5px;
}