body { 
	font-family: 'Times New Roman', Times, serif;
	font-size:16px;
	color:#285179; 
	background-color:#cde;
}
#mainTable {
	min-width:920px;
	max-width:1024px;
	margin:0 auto;
	background-color:#fff; 
	box-shadow: 3px 4px 2px #CDC1B9;
}
h1 { text-align:center; font-weight:bold; font-style:italic; font-size:32px; } /* for page caption */
h2 { text-align:center; font-weight:bold; font-style:italic; font-size:24px; }
.pageCaptionWhite { background-color:#60A3E3; height:80px; vertical-align:middle; text-align:center; color:#fff; }
.pageCaptionRed { background-color:#60A3E3; height:80px; vertical-align:middle; text-align:center; color:#ef2520; }
div.Defin { width:80%; margin:10px; padding:30px; font-style:italic; text-align:center; color:#174571; background-color:#D6F2FE; } 
p.formula { font-size: 18px; color:#211200; text-align:center; font-style:normal; }
span.base { font-weight:normal; font-size:16px; color:#285179; } /* для обычного текста в формуле*/
span.forml { font-size: 18px; color:#211200; white-space:nowrap;}
span.sqrt {
	position:relative; 
	white-space:nowrap;
}
span.sqrt > span.stripe {
	position:absolute; 
	top:-1.1em; 
	left:0.5em;
}
a.mailto {
	color:#f00; font-size:18px; font-style:normal; font-weight:normal;
}
#Source { 
	display:none; 
	background:#ff2; 
	padding:20px; 
	text-align:center; 
	border: solid 2px; 
	border-radius:12px; 
	position:absolute; 
	top:25%; left:25%; 
	font-size:20px;
}

div.NotaBene { border: 2px solid #60A3E3; border-radius: 5px 5px 5px 5px;  padding:8px; margin-top:12px; margin-bottom:20px; width:70%; text-align:left; font-size:12px; }

div.Problem { background-color:#CEEFFD; padding:10px; color:#103090; width:80%; margin-right:10%; margin-top:10px; }

div.Solution { background-color:#ffffdd; padding:10px; color:#503020; width:80%; margin-left:10%; margin-top:10px; }

div.Insert { width:60%; margin:10px 10% 10px; padding:10px; font-style:italic; color:#432101; background-color:#Ffefef;} 

div.knopa {
   background: #D7CCFC; /* Для старых браузров */
   background: -moz-linear-gradient(top, #CDEEFE 40%, #BDAFFA); /* Firefox 3.6+ , Chrome 1-9, Safari 4-5 */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#CDEEFE), color-stop(100%,#BDAFFA)); /* Chrome 10+, Safari 5.1+ */
   background: -webkit-linear-gradient(top, #CDEEFE 40%, #BDAFFA);
   background: -o-linear-gradient(top, #CDEEFE 40%, #BDAFFA); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #CDEEFE 40%, #BDAFFA);
   background: linear-gradient(top, #CDEEFE 40%, #BDAFFA); /* CSS3 */
	text-align:center;
	padding:5px 15px;	
	border: solid 0px; 
		border-radius: 6px;
	cursor: pointer;
	position: absolute;
   bottom: 12px;
   right: 12px;
   width: 120px;
}

span.Hlted { font-style:italic; color:#207F60; }

	div.header { 
		background-color:#60A3E3; 
		padding:12px;
		text-align:center;
		color:#fff;
	}
	div.header > img {
		width:170px; 
		float:left; 
		padding: 15px ;
	}
	div.footer { 
		background-color:#60A3E3; 
		height:auto; 
		color:#fff;
		font-weight:bold; 
		text-align:center; 
		padding:12px;
	}
	div.footer > img {
		width:80px;
		vertical-align:middle;
		float:right; 
	}

#appeal {
	background-color:#d2eefa; 
	border: 2px solid #60A3E3; border-radius: 6px;  
	padding:10px; 
	margin:5% 15px; 
	text-align:center; 
}
#appeal > a { color:#cc0000; }
}
/*
a.Type { color:#cc0000; }
#FFDBA8
div.NotaBene {border-style: solid; border-color:#60A3E3; border-width:2px; padding:8px; margin-top:10px; margin-left:10%; width:70%; text-align:left; font-size:14px; }
span.Hlted или аналог может понадобиться свой свой!!!
span.Hlted { font-style:italic; background-color:#005500; }
span.Hlted { color:#103099; background-color:#e5feef; }
div.Sol { background-color:#FFFFCC; padding:10px; color:#503020; width:80%; margin-left:10%; margin-top:10px; }*/
/*Sol = Solution without change*/
/*
a.Type { color:#113399; }
a.Type { color:#103090; }
h1 { background-color:#069; font-size:24px; color:#fff; text-align:center; }
td.blueButton { height:40px; font-size:14px; color:#ffffff; font-weight:bold; text-align:center; background-image:url(image/butCenter.jpg); }
td.Button_B {width: 117px; height: 35px; text-align:center; color:#aaaaee; font-size:18px; font-weight:bold; background-repeat:no-repeat; }
div.insert { text-align:center; width: 50%;  padding: 5%; font-style:italic; }
a.blueButton:link {color:#224466; font-size:14px; font-weight:bold; text-decoration:none; }
a.blueButton:hover {color:#ff0000; }
a.Button_B:link {color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none; }
a.Button_B:hover {color:#ff1122; }
a:visited {text-decoration:none;}
*/