/* CSS Document */
/********************************************/
/*		page.css							*/
/*		written (c) 2015 by www.yiska.net   */
/*		revised (c) 6/2021,  9/2023     	*/
/********************************************/
@import url("../css/position.css");
@import url("../css/forhibr.css");
@import url("../css/lightbox.css");


/********************************************/
/*		b o d y    CSS  					*/
/********************************************/
body {scrollbar-face-color: #5699A8; 
scrollbar-highlight-color: #2B5563; 
scrollbar-shadow-color: #2B5563; 
scrollbar-3dlight-color: #5699A8; 
scrollbar-arrow-color: #5699A8; 
scrollbar-track-color: #5699A8; 
scrollbar-darkshadow-color: #5699A8;
overflow:auto;
clip:rect;
margin-left:0; 
margin-bottom:0; 
margin-right:0; 
margin-top:0;
background-color: #447788;
background-image: url('../img/folio_bg_sides.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;  }


/********************************************/
/*		L i n k s							*/
/********************************************/
A:link {COLOR: #A00334; TEXT-DECORATION: none; CURSOR: nw-resize;}
A:visited {COLOR: #A00334; TEXT-DECORATION: none; CURSOR: nw-resize;}
A:hover { color:#CE2B00;
border-bottom-style : dotted;
border-bottom-color : #656D76;
border-bottom-width : 2px;
position : relative;
top:2px; left:2px;
opacity: 0.5;
filter: alpha(opacity=50);
}
h4 {font-family: verdana; font-size: 10px; color: #6A6957; border: 1px solid #7B7A65; width: 550px}
kbd {
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 1px 5px 2px 6px;
	text-align: center;
	letter-spacing:0.225em;
}
	
mark {
	color:#20323E;
	background-color:#AEEAEE;
	border-radius:10px;
	padding: 1px 5px 2px 6px;
	letter-spacing:0.175em;
}

/********************************************/
/*		t a b l e  							*/
/********************************************/
body, tr, td, {
table-layout: fixed;
white-space:pre;
border-collapse: collapse;
border-spacing:0;
padding:0;
}

img {
	vertical-align:text-top;
	border: 0;
	text-align: center;
}

/********************************************/
/*		c l a s s  							*/
/********************************************/
.box1{ 
  border-right: 1px dashed #5F9CAA;
  border-bottom: 1px dashed #5F9CAA;
  padding: 5px;
  margin-left:auto;
  margin-right:auto;
  text-align:center; 
  background:url('../img/note_bg.jpg');
  background-repeat:no-repeat;
}	
	
.box2{
  border:0px dotted transparent;
  padding: 5px;
  margin-left:auto;
  margin-right:auto;
  text-align:center; 
}

.text1 {
	font-size: 7pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #20323E;
	letter-spacing:0pt;
	line-height: 10pt;
	text-align: justify;
	text-justify: inter-word;
}

.lines1 {
	line-height: 11pt;
	width: 96%;
    border-bottom: 2px solid #EFF9F5;
    padding-bottom: 0px;
	margin: 0px 0px 6px 10px;
	text-decoration: underline solid #EFF9F5 2px;
    text-underline-offset: 4px;
	text-indent: -10px;
}

.lines2 {
	line-height: 12pt;
	width: 100%;
    border-bottom: 1px dashed #BDBDBD;
    padding-bottom: 0px;
	margin: 0px 0px 8px 0px;
	text-decoration: underline dashed #BDBDBD 1px;
    text-underline-offset: 4px;
	text-indent: 15px;
}

.border1 {
	margin: 0 auto;
    border-collapse: collapse;
	padding: 0.1rem;
    border: 2px solid #AEEAEE;
}

.border2 {
	margin: 0 auto;
    border-collapse: collapse;
	padding: 0.1rem;
    border: 2px dashed #FFF;
}


/* Exclusive mouse over for labels on the top */
.labelTop:hover {
	position : relative;
	top: 0; left: 0;
	border: 0;
	opacity:1;
	filter: alpha(opacity=100);
}
  
.style1{
font-size: 9px;
color: #F0FAF5;
word-spacing: 24px; }

.style2{
font-size: 9px;
color: #D8D8D8;
word-spacing: 12px;
}

.spacing { padding-left:170px;
padding-top:0px;
padding-right:40px;
padding-bottom:0px  }

.selection1 { background-color: #AEEAEE;
font-size: 11px;
font-weight: bold;
color: #20323E }

.selection2 { background-color: #FADA99;
font-size: 11px;
font-weight: bold;
color: #BC2C2C }

.selection3 { background-color: #ddd;
font-size: 9px;
color: #20323E }

 /*this for safari browser*/
.div1 {
content: url('../img/book_div1.jpg');
margin:auto auto;
}
 /*this for firefox browser*/
.div1:before {
content: url('../img/book_div1.jpg');
display: block;
position: relative;
text-align: center;
 }


/*this for safari browser*/
.div2 {
content: url('../img/book_div2.jpg');
margin:auto auto;
}
/*this for firefox browser*/
.div2:before {
content: url('../img/book_div2.jpg');
display: block;
position: relative;
text-align: center;
}

/*original box border in classic style*/
.box1:before{ 
  border: 1px dashed #5F9CAA;
  padding: 5px;
  margin-left:auto;
  margin-right:auto;
  text-align:center; 
}
	
.box2:before{
  border:1px dotted transparent;
  padding: 5px;
  margin-left:auto;
  margin-right:auto;
  text-align:center; 
}