body { font: 11px Verdana, sans-serif; color: #41464D; margin: 0; padding: 0; background: #F3F1F1; }

/*main rules*/

a:link, a:visited { color: #528CE0; }

a:hover, a:active { color: #C65F5E; }

p { font-size: 13px; margin: 0; padding: 3px 0; }

iframe { height: 1px; width: 1px; visibility: hidden; }

span.clr { display: block; clear: both; }

/*header*/

h1 { font-family: Georgia; width: 280px; }

h2 { font-size: 15px; }

#container { padding: 30px; }

#loader		{ float: left; }
/*controls*/
#controls	{ color: #fff; }
.onload#controls a	{ display: block; }
.onload#controls span	{ display: none; color: #41464D; }
#controls a { display: none; }
#controls * { float: right; background: #D0C8C8; padding: 7px 10px; font-size: 13px; font-weight: bold; margin-left: 10px; text-align: center; text-decoration: none; border: 3px solid #fff; text-shadow: 2px 2px 1px #B9ACAC; }
#controls a:hover, #controls a:active { text-shadow: none; background: #F3F1F1; color: #528CE0; }

/*table*/

table.test { border-collapse: collapse; width: 100%; min-width: 800px; margin: 0; padding: 0; }

.test td, .test th	{ color: #636A75; background: #C8CBD0; padding: 5px 8px; margin: 0; width: 150px; font-weight: bold; border: 3px solid #fff; }
.test th			{ background: #D0C8C8; color: #8A7575; }
.test th.framework	{ font-size: 15px; text-shadow: 2px 2px 1px #B9ACAC; }
.test td.test, #test td.empty, th { text-align: right; }
.test td.mismatch	{ color: #F3F1F1; background: #41464D; }
.test td.good		{ color: #657528; background: #CFE773; }
.test td.bad		{ color: #B33F3F; background: #EE9A9A; }
.test td.exception{ color: #F3F1F1; background: #41464D; }

span.exception { color: #DBEAF0; text-decoration: underline; cursor: help; }

.test th.selector {	background: #D2E0E6; color: #528CE0; text-align: left; }
.test th.score-title, th.selectors-title { text-align: left; font-size: 12px; width: 180px; }
.test td.score { color: #8A7575; background: #D0C8C8; text-align: center; font-size: 12px; }

/*page footer*/

#footer { padding: 20px 0; font-size: 11px; color: #B9ACAC; }

fieldset	{ border: 3px solid #fff; padding: 20px 10px 10px 10px; background: #d0c8c8; }
legend		{ background: #d0c8c8; color: #8A7575; border: 3px solid #fff; font-size: 12px; font-weight: bold; padding: .1em .8em; letter-spacing: 1px; }



#framework_list 		{ position: relative; }
#framework_list select	{ margin: 0 10px 10px 0; float: left; }
#framework_list .add	{ float: left; text-decoration: none; color: green; background: #fff; display: block; font-size: 2em; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1; }
#framework_list button	{ clear: both; display: block; }
#framework_list p		{ position: absolute; top: -2em; right: 10px; }
#framework_list p a		{ text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; }

.popular_links { font-size: 10px; margin-top: 0; }

/* blogs */
#additional			{ display: none; }
.to-blog			{ background: #C8CBD0; padding: 10px 0; }
.to-blog textarea	{ width: 596px; border-width: 1px; font-size: 91%; }