/*
	CSS info
	--------
	author code: kt
	book: Euclidean Geometry A & B Lyceum
	--------
	classes per domain
		universal:	applied throughout the structures of the book
		cover:		cover of the book
		index:		index of the book
		chapters:	chapters of the book
		subchapter:	sub-chapters of the book
		activities:	learning activity
		exersises:	learning exersise
		memoranda:	memoranda of the book
		appendix:	appendix of the book
		fuzzy:		classes that are
	--------
	comments
		1. the border-radius used brakes compatibility with older browsers with no support for round corners - uncomment to use it.
	--------
*/

/* universal */
body{
	font-family: 'Times New Roman', 'Times New Roman', serif;
	font-size: 17px; 
	color: #000000;
	background-color: #FFFFFF;
	line-height: 19px;
	text-align: justify;}

.bookpage{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 0px}

.indent{text-indent:1em}

h1{
	text-align: center;
	font-size: 80px;
	line-height: 90px;
	letter-spacing: 4px;}

h2{
	text-align: left;
	font-size: 23px;
	font-family:Arial;
	}

h3{
	text-align: center;
	font-size: 25px;
	line-height: 30px;}

h4{
	text-align: left;
	font-size: 18px;
	font-family:Arial;
	line-height: 49px;
	color:#76B143;
	}
	
h4.subchapter2{
	text-align: left;
	font-size: 18px;
	font-family:Arial;
	line-height: 49px;
	color:#FAA61A;
}
h4.subchapter3{
	text-align: left;
	font-size: 18px;
	font-family:Arial;
	line-height: 49px;
	color:#0072BC;
}
h4.subchapter4{
	text-align: left;
	font-size: 18px;
	font-family:Arial;
	line-height: 49px;
	color:#D2232A;
}

.bold{font-weight:bold}
	
.page_margin{
	margin-left: 19px;}

.from_left_page{
	margin: 30px 70px 0px 95px;
	text-align: justify;}
	
.from_right_page{
	margin: 30px 75px 0px 86px;
	text-align: justify;}

.left_page{
	padding: 0px 85px 0px 105px;
	background-repeat: no-repeat;
	background-position: center;
	width: 660px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.left_center_page{
	padding: 0px 85px 0px 105px;
	width: 545px;}

.right_page{
	padding: 0px 0px 0px 85px;
	background-repeat: no-repeat;
	background-position: center;
	width: 660px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.right_center_page{
	padding: 0px 0px 0px 85px;
	width: 554px;}
	
.right_columns{
	padding: 0px 0px 0px 50px;
	background-repeat: no-repeat;
	background-position: center;
	width: 660px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}	

.left_columns{
	padding: 0px 0px 0px 80px;
	background-repeat: no-repeat;
	background-position: center;
	width: 660px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.left_page_historic{
	margin: 12px 0px 0px 85px;
	background-color: #FFEF91;
	border:3px solid #AF2C33;
	width: 600px}	

.right_page_historic{
	margin: 12px 85px 0px 105px;
	background-color: #ffffff;
	border:2px solid #AF2C33;
	width: 600px}

.left_column_big{
	width: 407px;
	min-width: 407px;
	table-layout: fixed;
	padding-left: 0px;
	padding-right: 0px;}

.left_column_small{
	width: 179px;
	min-width: 179px;
	table-layout: fixed;
	padding-left: 0px;
	padding-right: 0px;}

.small_column{
	width: 236px;}
	
.big_column{
	width: 405px;}

.pale_chapter{
	color: #76B143;
	text-align: right;
	padding-right: 94px;
	font-size:100px;
	font-family:Arial;
	}
	
	.pale_chapter2{
	color: #D2232A;
	text-align: right;
	padding-right: 94px;
	font-size:100px;
	font-family:Arial;
	}

.cyan_chapter{
	color: #FAA61A;
	text-align: right;
	padding-right: 94px;
	font-size:100px;
	font-family:Arial;
	}

.blue_chapter{
	color: #0072BC;
	text-align: right;
	padding-right: 94px;
	font-size:100px;
	font-family:Arial;
	}

.red_bold_letters{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	font-family:Arial;
	}

.red{
	color: #AF2C33;}

.black{
	color:#000000;}
.cyan{
	color: #BFE4EA;}
	
.blue{
	color: #A5C8E6;}

.purple{
	color: #940F89;}

.label_red{
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
	background-color: #FAA61A;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	}
	
	.label_blue3{
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
	background-color: #0072BC;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	}
		.label_gray3{
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
	background-color: #939598;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	}

.label_orange{
	font-size: 15px;

	background-color: #FAA61A;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
	}
	.label_blue_3{
	font-size: 15px;
	background-color: #0072BC;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
	}
	
.label_red_3{
	font-size: 15px;
	background-color: #D2232A;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	text-align:right;
	padding:3px;
	}
.label_red_4{
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
	background-color: #D2232A;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	}
	
.cyan_word{color:#00C7EF;
	font-style:italic;
	font-weight:bold}
	
.label_cyan{
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
	background-color: #009BA9;
	color: #FFEF91;}
	
.background_purple{
	background-color: #D4B0D1;}
	
.background_pale{
	background-color: #F5CCA8;}
	
.background_pink{
	background-color: #E0A594;}

.background_cyan{
	background-color: #ffffff;
	padding: 10px;
	/* border-radius: 15px; */}
	
.background_pinky{
	background-color: #ffffff;
	padding: 10px;}

.background_yellow{
	background-color: #ffffff;
	padding: 10px;}
	
.red_label{
	font-size: 14px;
	text-align: center;
	color: #FAFAFA;
	background-color: #AF2C33;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 2px;}

.cyan_label{
	font-size: 14px;
	text-align: center;
	color: #FAFAFA;
	background-color: #009CA8;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 2px;}
	
.blue_label{
	font-size: 14px;
	text-align: center;
	color: #FAFAFA;
	background-color: #0076B7;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 2px;}

.bulleted{
	font-size: 14px;
	text-align: left;
	font-weight: bold;}

.image_decoration1{
	background-image:url('images/imgP_2.png');
	background-position: bottom left;
	height:181px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	left:-115px;
	top:-90px;
	margin-bottom:-181px}

.image_decoration2{
	background-image: url('images/imgP_3.png');
	background-position: bottom right;
	height: 181px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	left:-115px;
	top:-90px;
	margin-bottom:-181px}

.image_decoration3{
	background-image: url('images/imgP_5.png');
	background-position: bottom left;
	height: 181px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	left:95px;
	top:-95px;
	margin-bottom:-181px}

.image_decoration4{
	background-image: url('images/imgP_6.png');
	background-position: bottom right;
	height:181px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	left:95px;
	top:-95px;
	margin-bottom:-181px}
	
.aag{background-image: url('images/img_g1.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:3px}

.arc{background-image: url('images/img_arc.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:2px}

/* cover */
.cover {
	vertical-align: top;
	text-align: center;
	margin-left: 5px;
	background-color: #FFFFFF;
	background-image: url('images/imgP_1.jpg');
	background-repeat: no-repeat;
	height: 1030px;}

.cover_letters_header{
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	color: #CCCCCC;}

.cover_letters_black{
	font-size: 30px;
	color: #000000;}

.cover_letters_title{
	text-align: center;
	font-size: 100px;
	line-height: 100px;
	letter-spacing: 8px;
	color: #DEC950;}

.image_note_center{
	text-align: center;
	font-size: 12px;}

.image_note_right{
	text-align: right;
	font-size: 12px;}

.image_note_left{
	text-align: left;
	font-size: 12px;}

.figure_note{
	text-align: center;
	font-size: 12px;
	font-style: italic;}
	
.definition{
	border-bottom: 2px solid #009299;
}

/* index */
.index_blue{
    width: 623px;
	text-align: center;
	color: #183276;
	font-size: 25px;
	line-height: 30px;}

.index_chapter{
	color: #fff;
	font-weight: bolder;}

.index_num{
	table-layout: fixed;
	min-width: 75px;
	text-align: center;
	font-size: 12px;
	font-weight: bolder;}

.index_topic{
	table-layout: fixed;
	width: 200px;
	text-align: left;
	font-size: 12px;
	font-weight: bolder;}

.index_page{
	table-layout: fixed;
	max-width: 30px;
	text-align: right;
	font-size: 12px;
	font-weight: bolder;
	padding-right: 15px;}

/* chapters */
.chapter_overlay{
    color: #0072BC;
	text-align: right;
	padding-right: 94px;
	font-size:100px;
	font-family:Arial;}

.chapter_pale_top_right{
	background-color:#76B143;
	background-repeat: no-repeat;
	text-align:center;
	font-size: 12px;
	line-height: 26px;
	color: #ffffff;
	padding: 35px 0px 0px 30px;
	height: 30px;
	font-family:Arial;
	width:100%;
	}
	.chapter_pale_top_right2{
	background-color:#D2232A;
	background-repeat: no-repeat;
	text-align:center;
	font-size: 12px;
	line-height: 26px;
	color: #ffffff;
	padding: 35px 0px 0px 30px;
	height: 30px;
	font-family:Arial;
	width:100%;
	}

.chapter_cyan_top_right{
	background-color:#FAA61A;
	background-repeat: no-repeat;
	text-align:center;
	font-size: 12px;
	line-height: 26px;
	color: #ffffff;
	padding: 35px 0px 0px 30px;
	height: 30px;
	width:100%;
	font-family:Arial;
	}

.chapter_blue_top_right{
	background-color:#0072BC;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	color: #ffffff;
	padding: 35px 0px 0px 30px;
	height: 37px;
	width:100%;
	font-family:Arial;}
	
.chapter_pale_top_left{
	background-color:#D2232A;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	color: #ffffff;
	padding: 35px 0px 0px 30px;
	height: 37px;
	width:100%;
	font-family:Arial;}

.chapter_cyan_top_left{
	background-color:#FAA61A;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	color: #ffffff;
	padding: 35px 0px 0px 30px;
	height: 37px;
	width:100%;
	font-family:Arial;
	}

.chapter_blue_top_left{
	background-color:#0072BC;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	color: #ffffff;
	padding: 35px 30px 0px 0px;
	height: 37px;
	width:100%;
	font-family:Arial;
	}

.chapter_frontpage{
	padding: 150px 0px 0px 30px;
	margin-top: 100px;
	}

h3.chapter{
	color: #A00228;
	font-size: 25px;}

h3.chapter6{
	color: #911218;
	font-size: 25px;}

.red_frontpage_title{
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	text-align: left;
	font-family:Arial;
	}

.cyan_frontpage_title{
	color: #000000;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	font-family:Arial;}

.purple_frontpage_title{
	color: #940F89;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	text-align: center;}

.chapter_num_red{
	color: #AF2C33;
	font-size: 60px;}

.chapter_num_cyan{
	color: #AF2C33;
	font-size: 60px;
	text-align: right;}
	
.chapter_num_pale{
	color: #F6CBA9;
	font-size: 60px;
	text-align: right;}

chapter_num_blue{
	color: #A5C8E6;
	font-size: 60px;
	text-align: right;}

/* subchapter */
.subchapter span{
	text-align:left;
	font-family:Arial;
	font-size:16px;
	color: #ffffff;
	background-color:#76B143;
	padding-top:7px;
	padding-left:10px;
	margin-left:5px;
	padding-bottom:7px;
	}
.subchapter2 span{
	text-align:left;
	font-family:Arial;
	font-size:16px;
	color: #ffffff;
	background-color:#FAA61A;
	padding-top:7px;
	padding-left:10px;
	margin-left:5px;
	padding-bottom:7px;
	}
.subchapter3 span{
	text-align:left;
	font-family:Arial;
	font-size:16px;
	color: #ffffff;
	background-color:#0072BC;
	padding-top:7px;
	padding-left:10px;
	margin-left:5px;
	padding-bottom:7px;
	}
	
	.subchapter4 span{
	text-align:left;
	font-family:Arial;
	font-size:16px;
	color: #ffffff;
	background-color:#D2232A;
	padding-top:7px;
	padding-left:10px;
	margin-left:5px;
	padding-bottom:7px;
	}
/* activities */


/* exersises */
.ex_cyan_label{
	font-size: 18px;
	text-align: center;
	padding: 7px 0px 8px 0px;
	background-color: #F36F23;
	color: #ffffff;
	font-weight:bold;
	font-family:Arial;
	}
	
.ex_red_label{
	font-size: 18px;
	text-align: center;
	padding: 7px 0px 8px 0px;
	background-color: #FAA61A;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	}

	.ex_green_label{
	font-size: 18px;
	text-align: center;
	padding: 7px 0px 8px 0px;
	background-color: #75B042;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
	}

/* memoranda */
.comment{
	border: 2px;
	border-style: solid;
	border-color: #0072BC;
	padding: 10px;
	font-size: 12px;
	text-align: left;
	font-style: italic;}

.comment_title{
	color: #0072BC;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;}

.history_note{
	width: 252px;
	font-size: 12px;
	text-align: justify;}
	
.column_note{
	width: 295px;
	font-size: 14px;
	text-align: justify;}

.history_note_header{
	color: #FFEF91;
	padding-left: 60px;}

/* appendix */
.label_blue{
	background-color: #000090;
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	line-height: 40px;}
	
.appendixA{
	width: 308px;
	font-size: 12px;
	line-height: 14px;}

.appendixB{
	width: 290px;
	font-size: 12px;
	line-height: 14px;}

.appendix3{
	width: 203px;
	font-size: 12px;
	line-height: 14px;
	vertical-align:top;}
	
.appendix_left{
	padding: 0px 0px 0px 65px;
	background-repeat: no-repeat;
	background-position: center;
	width: 616px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.appendix_right{
	padding: 0px 0px 0px 108px;
	background-repeat: no-repeat;
	background-position: center;
	width: 616px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.appendixB_left{
	padding: 0px 0px 0px 75px;
	background-repeat: no-repeat;
	background-position: center;
	width: 595px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}

.appendixB_right{
	padding: 0px 0px 0px 110px;
	background-repeat: no-repeat;
	background-position: center;
	width: 595px;
	border: 0px;
	table-layout: fixed;
	text-align: justify;}
	
.appendix_list{
	padding-left: 15px;
	position: relative;
	top: -14px;}
	
.appendix_label{
	background-color: #797979;
	color: #000000;
	font-weight: bold;
	font-size: 14px;}

.label_grey{
	background-color: #727272;
	color: #000000;
	font-weight: bolder;
	font-size: 20px;
	line-height: 24px;
	text-align: center;}

.label_purple{
	background-color: #51164A;
	color: #FFEF91;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;}
	
.label_names{
	background-color: #A58D85;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;}

.label_terms{
	background-color: #9B8797;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;}
	
.label_ex{
	background-color: #A9B093;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;}

/* fuzzy */
div.c35 {padding-top: 30px}
td.c34 {padding-left:15px}
div.c33 {padding-top:55px}
td.c32 {padding-left:12px}
div.c31 {padding-top:40px}
div.c30 {padding-top:45px}
td.c29 {padding-left: 7px}
div.c28 {border-bottom: 1px solid; width: 190px}
div.c27 {padding: 10px; margin: 10px;}
p.c26 {max-width: 150px;}
div.c25 {border-radius: 15px;}
td.c24 {padding-left:60px}
div.c23 {text-align:center;}
div.c22 {margin:28px 30px 0px 30px;text-align:left; background-color:#AF2C33}
div.c21 {left:95px;top:-95px;margin-bottom:-181px}
div.c20 {left:-115px;top:-90px;margin-bottom:-181px}
div.c19 {width: 610px}
td.c18 {padding-left: 15px}
td.c17 {padding-right: 5px}
div.c16 {width: 630px}
span.c15 {font-style:normal}
div.c14 {max-width: 180px}
div.c13 {text-align:right;background-color:#939598;color:#ffffff;font-family:Arial;padding-right:10px;}
div.c12 {padding-top:120px}
div.c11 {font-style:italic}
div.c10 {text-align:right}
div.c9 {padding-top: 50px}
div.c8 {position:relative;}
div.c7 {margin-left: 60px}
div.c6 {padding-top: 20px}
div.c5 {padding-top: 125px}
td.c4 {padding: 30px 0px 0px 50px}
div.c3 {margin-top: 640px}
div.c2 {margin-top: 20px}
div.c1 {margin-top: 30px; line-height: 90px}
div.c32{width:400px;}
div.c36{width:100%;}

.color_cyan{color:#38ACEC}
.givemespace{margin-top:300px}
.exhibitor{position:relative;
	top:-0.5em;
	text-align:center;
	border-bottom:1px solid black;
	line-height:1.9em}
.denominator{position: absolute;
	top:0.8em;
	left:-0em;
	width:100%}
.centered{text-align:center}

/*------Publication info------*/	
div.pub_info {
	font-family:Roboto, Tahoma, Geneva, sans-serif;
	border:1px solid #000;
	text-align:center;
	padding:6px;
	font-size:15px;
	line-height:120%;
	margin:40px;
}
div.pub_info > span {
	background: #fff;
    padding: 5px 23px;
    position: relative;
    top: -20px;
    font-size: 18px;
    font-weight: bold;
}

.cell_index {
	text-align:justify;
	padding:10px 10px 10px;
	vertical-align:top;
	line-height: 150%;
}
p.repub_info {
	text-align:justify;
	border-bottom:1px solid #000;
    padding: 12px;
    font-size: 14px;
    margin: -16px 4px;
}
.repub_info img {
	padding-left: 30px;
}
.repub_appr {
    font-size: 14px;
    padding: 20px 0 3px;
    margin-bottom: 0;
}
.publication_rights {
	margin:0 auto;
	text-align:justify;
	padding:120px 165px;
	vertical-align:middle;
	line-height:150%;
}
.credit-table th {
	text-align:left;
	padding:10px;
	font-weight:normal;
}
.credit-table td {
	text-align:left;
	padding:10px;
}

.pale_chapter span{
	color:#76B143;
	text-align:right;
	padding-right:10px;
	font-size:25px
}
.pale_chapter2 span{
	color:#D2232A;
	text-align:right;
	padding-right:10px;
	font-size:25px
}
.cyan_chapter span{
	color:#FAA61A;
	text-align:right;
	padding-right:10px;
	font-size:25px
}
.blue_chapter span{
	color: #0072BC;
	text-align: right;
	padding-right: 10px;
	font-size:25px;
	font-family:Arial;
	}

.note{
	padding: 10px;
	font-size: 12px;
	text-align: left;
	font-style: italic;}

.note:before{
content: " ";
   border-left:2px solid #666;
   border-top:2px solid #666;
   border-bottom:2px solid #666;
   padding:5px;
   top:-10px;
   bottom:-10px;
   left: -5px;
}

.note:after{
	content: " ";
   border-right:2px solid #666;
   border-top:2px solid #666;
   border-bottom:2px solid #666;
   padding:5px;
   top:-10px;
   bottom:-10px;
   right: -5px;
}

.activity{
	font-size: 17px;
    text-align:left;
    padding: 5px 0px 5px 10px;
    background-color: #F36F21;
    color: #ffffff;
	font-family:Arial;
	font-weight:bold;
}

.activity_box{
	background-color:#FEDEC6;
	padding:5px 10px 5px 10px;
}

.theorem{
	font-size: 17px;
    text-align:left;
    padding: 5px 0px 5px 10px;
    background-color: #00AAAD;
    color: #ffffff;
	font-family:Arial;
	font-weight:bold;
}
.theorem_box{
	background-color:#AEDFE1;
	padding:5px 10px 5px 10px;
}

.porisma{
	font-size: 17px;
    text-align:left;
    padding: 5px 0px 5px 10px;
    background-color: #009A4F;
    color: #ffffff;
	font-family:Arial;
	font-weight:bold;
}
.porisma_box{
	background-color:#B4D7BE;
	padding:5px 10px 5px 10px;
}

.apodeixi{
	background-color:#FFCB08;
	font-family:Arial;
	color:#ffffff;
	font-weight:bold;
	padding:3px 0px 3px 10px;
}
#holder {
        border: 1px solid #000;
        height: 200px;
        width: 200px;
        position:relative;
        margin:7px;
} 
#mask {
        position: absolute;
        top:-1px;
        left:1px;
        width:50%;
        height: 1px;
        background-color:#fff;
}

.left div{
	float:left;
}

h5{
  text-align:left;  
  font-weight:normal;
}
.h5{
  text-align:left;  
  font-weight:normal;
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.h5inpre, .h5inpos{
   background-color:#fff;
   height:152px;
    width:20px;
    border-bottom:2px solid #0072BC;
    border-top:2px solid #0072BC;
}
.h5inpre{
       border-left:2px solid #0072BC;   
}
.h5inpos{
     border-right:2px solid #0072BC;   
     clear:right;
}
.h5cont{
 font-family:"Arial",sans-serif;
 padding:5px;
 background-color:#fff;
}

.h5inpre2, .h5inpos2{
   background-color:#fff;
   height:152px;
    width:20px;
    border-bottom:2px solid #D2232A;
    border-top:2px solid #D2232A;
}
.h5inpre2{
       border-left:2px solid #D2232A;   
}
.h5inpos2{
     border-right:2px solid #D2232A;   
     clear:right;
}

.h5inpre2-3, .h5inpos2-3{
   background-color:#fff;
   height:264px;
    width:20px;
    border-bottom:2px solid #D2232A;
    border-top:2px solid #D2232A;
}
.h5inpre2-3{
       border-left:2px solid #D2232A;   
}
.h5inpos2-3{
     border-right:2px solid #D2232A;   
     clear:right;
}


.h5inpre3, .h5inpos3{
   background-color:#fff;
   height:321px;
    width:18px;
    border-bottom:2px solid #6D6E71;
    border-top:2px solid #6D6E71;
}
.h5inpre3{
       border-left:2px solid #6D6E71;   
}
.h5inpos3 {
     border-right:2px solid #6D6E71;   
     clear:right;
}
.h5inpre3-6, .h5inpos3-6{
   background-color:#fff;
   height:357px;
    width:16px;
    border-bottom:2px solid #6D6E71;
    border-top:2px solid #6D6E71;
}
.h5inpre3-6{
       border-left:2px solid #6D6E71;   
}
.h5inpos3-6{
     border-right:2px solid #6D6E71;   
     clear:right;
}

.h5inpre4, .h5inpos4 {
   background-color:#fff;
   height:95px;
    width:37px;
    border-bottom:2px solid #6D6E71;
    border-top:2px solid #6D6E71;
}
.h5inpre4 {
       border-left:2px solid #6D6E71;   
}
.h5inpos4 {
     border-right:2px solid #6D6E71;   
     clear:right;
}
.h5inpre5, .h5inpos5{
   background-color:#fff;
   height:150px;
    width:11px;
    border-bottom:2px solid #6D6E71;
    border-top:2px solid #6D6E71;
}
.h5inpre5{
       border-left:2px solid #6D6E71;   
}
.h5inpos5{
     border-right:2px solid #6D6E71;   
     clear:right;
}
.border-red{
	border:2px solid #D2232A;
}
.ciel{
	background-color:#DAEBC1;
	padding:4px;
}

.label_green_5{
	font-size: 18px;
	line-height: 24px;
	padding-left: 30px;
	background-color: #76B143;
	color: #ffffff;
	font-family:Arial;
	font-weight:bold;
}

.exof-img {
	padding:0px;
	margin:0 auto;
	width:900px;
	background-color:#FFF;
}

img[src="images/experiment.png"], img[src="images/wikipedia.png"], img[src="images/link_ext.png"] {
    vertical-align: middle;
    padding: 5px;
	width:26px;
}

a:link, a:visited {
    text-decoration: none;
    font-family: sans-serif;
    color: #4685c3;
}

a:hover {
    text-decoration: underline;
    font-family: sans-serif;
    color: #f5720b;
}
.contents a:link, .contents a:visited {
	text-decoration:none;
	color:#4685c3;
	}
.contents a:hover{
	text-decoration:underline;
	}

.normal  {
	text-align:left;
	font-weight:normal;
	display:block;
	}