@charset "utf-8";





html,body {
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	width: 100% !important;
	background-color: #f1e3d6;
	font-family: arial;
}

body {
	/* overflow: hidden; */
}

div.mainBlock {
	margin-left: 3em;
}



p.vocab {
	margin-left: 31px;
	text-indent: -31px;
	margin-bottom: 10px;
	margin-right: 20px;
}

a.chRef {
	text-decoration: none;
}

h1 {
	color: #004d7a;
	font-size: 3em;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}


h2 {
	color: #004d7a;
	font-size: 1.7em;
	margin-bottom: 1.1em;
}

h3 {
	color: #0083cf;
	font-size: 2em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

h3.changeFont {
	cursor: pointer;
}

h4 {
	margin-top: 40px;
	border-top: 1px solid #004d7a;
	color: #004d7a;
}

h5 {
	font-size: 1em;
	color: #004d7a;
	margin-top: 2em;
	margin-bottom: 0.3em !important;
}

p.synopsis {
	font-size: 1.8em;
}

ul.main, ol.main {
	font-size: 1.8em;
	
}

li.disCus, li.main {
	margin-bottom: 1em;
}

accTitle {
	font-style: italic;
	font-family: georgia;
}



accName {
	font-style: italic;
	font-family: georgia;
	color: #2b5600;
}

accHilite1 {
	
}

accHilite2 {
	
}

accNew {
	background-color: white;
	color: green;
	font-size: larger;
	border: 1px solid green;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-left: 0.5em;
}

.accClick {
	background-color: #e5dbec;
	font-size: larger;
}

accHilite1.show {
	background-color: #9bceec;
}

accHilite2.show {
	background-color: #b7d49b;
}

bq {
	font-style: italic;
	font-family: georgia;
	color: #481c5e;
}
accBlue {
	color: #0083cf;
}

accGreen {
	color: #499200;
}

.commTable {
	width: 95%;
	border-collapse: collapse;
}



.tlContainer {
	width: 95%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

.tlTable {
	width: 100%;
	border-collapse: collapse;
}


.commRow {
	border: 1px solid #ccc;
}

.commCell {
	font-size: 1.8em;
	padding-left: 1em;
	padding-right: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	vertical-align: top;
	border: 1px solid #777;
}

ul.commList {
	margin-top: 0px;
}

p.commPar {
	margin-top: 0.1em;
	margin-bottom: 0.6em;
}

p.mainPar {
	font-size: 1.8em;
	margin-top: 0.1em;
	margin-bottom: 0.6em;
	width: 90%;
}

p.mainPar.hidden {
	visibility: hidden;
}

p.imageLabel {
	margin-top: 0px;
	margin-before: 5px;
}


.commCell.left {
	width: 33%;
}

.commCell.right {
	width: 60%;
}

.commCell.half {
	width: 50%;
}

.commCell.left3 {
	width: 15%;
}

.commCell.middle3 {
	width: 25%;
}

.commCell.right3 {
	width: 58%;
}


.tlContainerCell {
	border: 1px solid #777;
}

.tlContainerCell.left {
	vertical-align: middle;
	text-align: center;
	width: 5%;
	font-size: 1.8em;
}
.tlContainerCell.right {
	width: 95%;
}

.tlCell {
	font-size: 1.8em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	vertical-align: top;
	border: 1px solid #777;
}

.tlCell.left {
	width: 20%;
}

.tlCell.right {
	width: 80%;
}

.page {
	
}

.smallerFont {
	font-size: 1.2em !important;
}

.masthead {
	background-color: inherit;
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 9em;
}

.content {
	margin-top: 8.5em;
	padding-bottom: 3em;
    width: 95vw;
    /* height: calc(100vh - 12.5em); */
    background-color: inherit;
    overflow: auto;
}

.footer {
	position: fixed;
    bottom: 0;
    left: 0;
    background-color: #efefef;
    text-align: center;
    width: 100vw;
    height: 2em;
}

#tocLeft {
	float: left;
	width: 40%;
	background-color: inherit;
}
#tocRight {
	float: right;
	width: 60%;
}



button {
	border-radius: 3px;
	border: 1px solid #8d8e8f;
	background-color: #fefefe;

	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
	
	/* Firefox 16+, IE10, Opera 12.50+ */
	background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
	
	width: 20%;
	height: 1.5em;
	color: #004d7a;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	cursor: pointer;
	margin: 0 0 0 2%;
}

button:focus{
	outline-width: 0px;
}

button.disabled, button.disabled:hover,.uibtn.disabled:active {
	cursor: default;
	border: 1px solid #8d8e8f;
	background-color: #fefefe;

	background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	
	background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
	/* Firefox 16+, IE10, Opera 12.50+ */
	
}



button:hover, button.hover {
	border: 1px solid #6b6b6b;
	background-color: #ededed;
	
	background-image: -webkit-linear-gradient(top, #ededed, #c7c6c6);

	background-image: linear-gradient(to bottom, #ededed, #c7c6c6);
	
}

button:active, button.selected {
	background-color: #c3c3c3;
	background-image: -webkit-linear-gradient(top, #c3c3c3, #efefef);
	background-image: linear-gradient(to bottom, #c3c3c3, #efefef);
}

.synopsisLeft {
	float: left;
	width: 60%;
	margin-right: 10%;
}
.synopsisRight {
	float: left;
	width: 30%;
}

#fpLeft {
	float: left;
	width: 50%;
}

#fpRight {
	float: left;
	width: 50%;
}

img.activeImg { 
	cursor: pointer;
}

div.imageBlock {
	margin-top: 50px;
}