* {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
small {
font-size: 85%;
}
blockquote {
border-left: 1px solid #696969;
padding-left: 5px;
}
img {
border: 0;
}
#footer A {
padding-left: 10px;
padding-right: 10px;
}
#footer A:hover {
color: #cd853f;
text-decoration: underline;
}
div#intro {
float: left;
width: 44%;
background-color: #eee;
/*#dee7f7;*/
margin-top: -6px;
font-size: 13px;
padding: 3px;
color: darkred;
font-family: Trebuchet MS, verdana;
}
BODY {
background: #edf3fe;
font-family: verdana;
color: #222;
font-size: 13px;
scrollbar-3dlight-color:#7DAAEA;
scrollbar-arrow-color:white;
scrollbar-base-color:#527bbd;
scrollbar-darkshadow-color:#7DAAEA;
scrollbar-face-color: #7DAAEA;
scrollbar-track-color: #666;
scrollbar-highlight-color:#527bdd;
scrollbar-shadow-color:#6b6b6b;
}
div#intro span {
color: #414141;
font-family: arial;
font-size: 13px;
display: block;
border-top: 1px dashed #333;
margin-top: 3px;
padding-top: 3px;
}
div#intro:first-letter {
font-size: 140%;
}
/*Internet Explorer GRRRR*/
div#intro + * {
clear: left;
}
h1,h2,h3,h4 {
text-align: left;
}
h1 {
color: #3d80df;
padding-left: 5px;
font-family: tahoma, arial;
font-weight: normal;
padding-bottom: 3px;
border-bottom: 1px solid #333;
}
h2 {
color: #999;
clear: left;
border-bottom: 1px solid #ccc;
font-size: 21px;
padding-bottom: 1px;
width: 60%;
}
h4 {
/*c96*/
color: #7C9BCE;
font-size: 127%;
font-family: tahoma,arial,sans-serif;
margin-top: .7em;
margin-bottom: .8em;
}
div#facts {
float: right;
width: 40%;
background-color: #F5F5DC;
margin-top: -6px;
padding: 3px;
font-family: arial;
color: #333;
}
div#intro A {
font-weight: bold;
}
A, A:visted {
color: #3d80df;
text-decoration: none;
}
A:hover {
color: #cd853f;
}
UL {
color: #222;
margin-left: 20px;
}
UL.special {
color: #414141;
list-style-type: square;
margin-left: 20px;
}
#dcbox {
float: right;
margin-top: -8px;
margin-right: 90px;
}
h3 {
color: #527bbd;
background: url(dots.gif) bottom repeat-x;
width: 4em;
white-space: nowrap;
clear: left;
}
TEXTAREA {
width: 250px;
height: 120px;
}
TEXTAREA, INPUT {
font-weight: bold;
color: #527bbd;
font-family: arial;
}
BUTTON {
font-weight: bold;
color: #666;
font-family: arial;
background-color: #dadee4;
/*#DEE7F7*/
border: 1px solid #333;
cursor: pointer;
margin-top: 2px;
}
EM {
text-decoration: underline;
font-weight: bold;
font-style: italic;
}
PRE {
margin-left: 3%;
width: 90%;
overflow-x: auto;
color: #333;
scrollbar-face-color: #eee;
scrollbar-3dlight-color:#999;
scrollbar-darkshadow-color:#eee;
scrollbar-highlight-color:#ccc;
scrollbar-arrow-color: #666;
scrollbar-track-color: #B0BDEC;
padding-bottom: 4px;
}
CODE {
color: #333;
}
HR {
color: #666;
width:  70%;
}
table.compat {
width: 100%;
}
table.compat tr.header td {
text-align: center;
font: 13px arial bold;
}
th.what {
text-align: left;
padding-left: 5px;
}
td.what {
width: 23%;
border: 1px dashed #3d80df;
padding: 2px;
vertical-align: top;
}
h2.compheader {
color: #666;
background-color: #ccc;
width: 50%;
font-weight: normal;
text-align: center;
}
table.compat td {
font-size: 13px;
}

td.cd {
vertical-align: middle;
padding: 2px;
height: 30px;
text-align: center;
}
td.no {
	background-color: #cd853f;
	color: #ffffff;
	font-weight: bold;
}

td.yes {
	background-color: #527bbd;
	color: #fff;
        font-weight: bold;
}

td.incomplete {
	border: 1px solid #9BB3D9;
	color: #527bbd;
}

td.alternative {
	border: 1px solid #000000;
	color: #000000;
}

td.untestable {
	color: #414141;
}
/* #D59759 */
td.minimal {
	color: #cd853f;
}

td.incorrect {
	border: 1px solid #AD007B;
	color: #AD007B;
}

td.buggy {
	background-color: #DDD0B9;
	color: #ffffff;
}

td.almost {
	background-color: #8DA8D3;
	color: #fff;
	font-weight: normal;
}
tr.header TH {
border-bottom: 2px solid #444;
text-align: center;
font-family: tahoma, arial;
}
td.what h4 {
font-size: 120%;
color: #666;
margin-bottom: 5px;
border-bottom: 1px solid #527bbd;
padding-bottom: 2px;
}
td.sep {
height: 3px; border-bottom: 1px solid black; width: 100%; margin-top: 3px; margin-bottom: 3px; vertical-align: middle;
}