html{
	width: 100%;
	height: 100%;
	font-size: 12pt;
}
body{
	/*width: 65%;*/
	width: 80%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	-webkit-text-size-adjust: 100%;
}
.figLink a{
	color:black;
	text-decoration:none;
}
div,span,form,input,img,p{
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-family: VerdanaS, Verdana, Sans-Serif;
}
h1,h2,h3,h4,h5,h6{
	font-family: HelveticaBold, Arial, Sans-Serif;
}
h2{
	/*font-size: 1em;*/
}
img:hover{
	opacity: 0.5;
}
span{
	font-size: 1em;
}
#nameTitle{
	color:red;
}
.titleHead{
	font-size: 3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#nameTitle:hover{
	color:blue;
}
.maketitle{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: HelveticaBold, Arial, Sans-Serif !important;
	padding-bottom: 1em;
	border-bottom: 5px solid gray;
}
.maketitleBottom{
	/*padding: 0em;*/
	/*margin: 0em;*/
	border-bottom: 5px solid gray;
}
.introInfo{
	border-top: 3px solid gray;
}
/*input[id^='btnControl']{
    display: none;
}*/
#btnControl1,#btnControl2,#btnControl3{
    display: none;
}
#btnControl1:checked + label > .brainContents .tableofcontents, #btnControl1:checked + label > .brainContents .likechapterHead, #btnControl1:checked + label > .brainContents .introduction{
    display:block !important;
}
#btnControl2:checked + label > .brainContents .tableofcontents, #btnControl2:checked + label > .brainContents .likechapterHead, #btnControl2:checked + label > .brainContents .introduction{
    display:block !important;
}
#btnControl3:checked + label > .brainContents .tableofcontents, #btnControl3:checked + label > .brainContents .likechapterHead, #btnControl3:checked + label > .brainContents .introduction{
    display:block !important;
}
#btnControl1:not(:checked) + label > .brainContents .tableofcontents, #btnControl1:not(:checked) + label > .brainContents .likechapterHead, #btnControl1:not(:checked) + label > .brainContents .introduction{
    display:none;
}
#btnControl2:not(:checked) + label > .brainContents .tableofcontents, #btnControl2:not(:checked) + label > .brainContents .likechapterHead, #btnControl2:not(:checked) + label > .brainContents .introduction{
    display:none;
}
#btnControl3:not(:checked) + label > .brainContents .tableofcontents, #btnControl3:not(:checked) + label > .brainContents .likechapterHead, #btnControl3:not(:checked) + label > .brainContents .introduction{
    display:none;
}
/*% .lazy {
%     display: none;
% }*/
button{
	font-size: 1em;
	text-size: 1em;
	width: 100%;
	text-align: left;
	height: 2em;
}
.brainText{
	/*width: 80%;
	margin-left: auto;
	margin-right: auto;*/
}
.brainText a{
	text-decoration: underline;
	color:red;
	/*font-weight: normal;*/
}
.brainText a:hover{
	color:blue;
}
div.brainContents .tableofcontents, div.brainContents .likechapterHead, div.brainContents .introduction{
	display:none;
}
/*div.brainContents:hover .tableofcontents, div.brainContents:hover .likechapterHead, div.brainContents:hover .introduction{
	display:block;
}*/
div.tableofcontents, div.theindex, .brainContents ol, .brainContents ul{
/*	-moz-column-width: 45%;
	-webkit-column-width: 45%; */
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	-moz-column-rule: 1px solid black;
	-webkit-column-rule: 1px solid black;
}
tr,td,table{
	border-collapse: collapse;
	padding: 0;
	border-color: white;
	/*border:none !important;*/
}
td{
	word-wrap: break-word !important;
	/*word-break:break-all !important;*/
	white-space:normal !important;
	overflow-wrap:break-word !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border:1px solid white;
}
table{
	border-bottom: 1px solid black !important;
	table-layout:auto;
}
td:nth-child(1){padding-left: 0px;}
td:nth-last-child(1){padding-right: 0px;}

tr:nth-child(odd) {background-color: #f2f2f2;}
tr:nth-child(odd) td {border:1px solid #f2f2f2;}
tr:nth-child(2) td {font-weight: bold; text-align: center !important;}
tr:nth-child(1) td {border:1px solid white;}
tr:nth-child(3) td {border:1px solid white;}
tr:nth-child(1) td hr {background-color:white; border:1px solid white;}
tr:nth-child(3) td hr {background-color:black; }
tr:nth-last-child(2) td hr {background-color:black; }
tr:nth-last-child(2) td {border:1px solid white;}
tr:last-child td {background-color:white;}
.hline{
	background-color: white !important;
	color:white;
	/*padding: 0em;*/
}
.td11{
	/*border-bottom: solid 1px red;*/
}
td.equation-label{
	text-align:right;
}
table{
	width:100%;
	/*table-layout: fixed;*/
}
table[rules]{border-left:solid white 0pt; border-right:solid white 0pt; }
.tableofcontents a{
	text-decoration: none;
}
.tableofcontents a:hover{
	text-decoration: underline;
}
hr.figure,hr.endfigure,div.caption{
	width:100%;
	max-width:100%;
	max-height:442px;
	margin-right: auto;
	margin-left: auto;
}
hr.figure,hr.endfigure{
	height:0px;
}
div.caption{
	text-indent:0;
	text-align: left;
	/*background-color:rgb(250,250,250);*/
}
.brainText img{
	max-width:100%;
	max-height:442px;
	height:auto;
	width:auto;
}
img{
	max-width:100%;
	max-height:442px;
	height:auto;
	width:auto;
}
div.figure{
	text-align: center;
	/*border-top: solid 1px red;*/
	/*border-bottom: solid 1px red;*/
	border-top: solid 3px gray;
	border-bottom: solid 3px gray;
	padding-top: 0.5em;
	background-color: rgb(242,242,242);
}
.caption .id{
	color:black;
	font-weight: bold;
}
.likesectionHead{
	/*font-size: 2em;*/
}
.likesectionHead,.likechapterHead{
	font-weight: bold;
}
.likesectionHead {
    display:inline-block;
    color:black;
    border:1px solid #CCC;
    background:#DDD;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    cursor:pointer;
    vertical-align:middle;
    /*max-width: 100px;*/
    text-align: left;
    /*width: 100%;*/
    padding: 5px;
    /*text-align: center;*/
}
.likesectionHead:active {
    color:red;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
}
.cmbx-12{
	font-weight: bold;
}
a .cmbx-12,.footnote-mark a{
	/*font-weight: bold;*/
	font-weight: normal !important;
	color:red;
}
.cmbx-12:hover,.footnote-mark a:hover{
	color:blue;
}
.cmti-12{
	color:blue;
	font-style: italic;
}
hr{
	background-color: red;
	height:1px;
	border-width: 0;
}
hr.headingsep{
	height:7px;
}
p.indent{
	text-indent:0px;
}
div.footnotes{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	margin-right:0;
	width:100%;
	border-color:red;
	margin-bottom:7em;
	margin-left: auto;
	margin-right: auto;
}
.table hr{
	background-color:gray;
	height: 2px;
}
/*div.textSection{
	display:none;
}*/
/*div.textSectionHeader:focus .textSection{*/
	/*display:block;*/
	/*height: 10000px;*/
	/*margin-top: 10em;*/
	/*position: absolute;*/
/*}*/

/*label {
    display: block;
    background: lightgrey;
    width: 100px;
    height: 100px;
}

#demo:checked + label {
    background: blue;
    color: white;
}*/

@media only screen and (max-width : 1000px){
	div.tableofcontents, div.theindex, .brainContents ol, .brainContents ul{
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
	html{
		font-size: 10pt;
	}
}
@media only screen and (max-device-width : 1000px){
	body{
		width:90%;
		margin-left: auto;
		margin-right: auto;
		/*font-size:1em;*/
	}
	html{
		font-size: 10pt;
	}
/*	.likesectionHead{
		font-size: 2.5em;
	}
	div.caption{
		font-size: 2em;
	}
	h2{
		font-size: 4em;
	}*/
}
	td {
	            border: 1px solid black;
	            word-break: break-all;
	white-space: normal !important;
	        }
	table {
		font-size: 	0.7em;
            border-spacing: 0px;
            table-layout: fixed;
            margin-left: auto;
            margin-right: auto;
        }