@import url("/static/css/reset.css");
@import url("/static/css/grid.css");
@import url("/static/css/layout.css");
@import url("/static/css/typography.css");
@import url("/static/css/icons.css");
@import url("/static/css/forms.css");

a, a:visited {
	color: #4C6EB0;
}
a:hover {
}

h3 {
	font-size: 18px;
	margin: 0 0 0 64px;
	padding: 0;
}
.about {
}
.about h2 {
	color: #666;
	height: auto;
	font-size: 22px;
	font-weight: bold;
	line-height: 52px;
	padding: 0 64px;
	margin: 32px 0 32px;
	text-align: center !important;
	vertical-align: middle;
}
.about h2 strong {
	color: #363636;
	font-size: 28px;
	font-weight: bolder;
	padding-bottom: 7px;
	line-height: 48px;
	vertical-align: middle;
}
.about p {
	font-size: 18px;
	line-height: 32px;
	padding: 0 64px;
}
.arrow {
	background: url('/images/arrow.png') no-repeat 0px 0px !important;
	color: #000 !important;	
}
.big {
	margin: 50px 0 0;
	text-align: center;
}
.big, .big label, .big input, .big button {
	font-size: 20px;
	color: #444;
}
.big label {
	margin-top: 3px;
	width: auto !important;
}
.big #url {
	width: 500px;
}
.big .field-error {
	background-image: none;
}
.breadcrumbs {
	color: #666;
	font-size: 14px;
	margin-bottom: 15px;
}
.breadcrumbs span {
	color: #9C0000;
	font-weight: bold;
}
.audits {
	border-collapse: collapse;
	font-size: 18px;
	margin-left: 56px;
	width: 880px;
}
.audits td {
	border: solid 1px #ccc;
	padding: 5px;
}
.audits thead td {
	border: none;
	color: #aaa;
}
.audits tr:hover {
	background-color: #eee;
}
.audits thead tr:hover {
	background-color: #fff;
}
.audits .alt {
	background-color: #F9F9F9;
}
.audits .score-column {
	width: 32px;
	text-align: center;
}
.audits .created-column {
	width: 164px;
}
.audits .view-column {
	width: 64px;
	text-align: center;
}
.audits .re-run-column {
	width: 86px;
	text-align: center;
}
.bluescreen {
	background-color: #00f;
	color: #ccc;
	font-size: 14px;
	height: 100%;
	width: 100%;
}
.bluescreen a, .bluescreen a:visited {
	color: #fff;
}
.bluescreen div {
	margin: 0 auto;
	width: 600px;
}
.bluescreen h1 {
	border: none;
	color: #fff;
	font-size: 14px;
	margin-top: 150px;
	text-align: center;
}
.bluescreen pre {
	margin-top: 10px;
	width: auto;
}

.bad {
	background: url('/images/cancel.png') no-repeat 0px 0px !important;
	color: #000 !important;
}
.center {
	text-align: center;
}
.chart {
	background: url('/images/chart.png') no-repeat 0px 0px !important;
}
.clock {
	color: #000 !important;
	background: url('/images/clock.png') no-repeat 0px 0px !important;
}
.cloud {
	background-color: #F3F3F3;
	border: solid 1px #ccc;
	overflow: visible;
	margin: 10px auto 20px;
	padding: 10px;
	width: 750px;
}
.cloud span {
	display: block;
	float: left;
	margin: 0 10px;
}
.flipbit {
	background: #fff url(/images/flipbit-logo-small.png) no-repeat top left;
	display: block;
	float: right;
	height: 28px;
	overflow: hidden;
	text-indent: -1000px;
	width: 61px;
}
.container, .index-container {
	margin: 0 auto;
	width: 940px;
}
.container {
	min-height: 500px;
}
.comment {
	background: url('/images/comment.png') no-repeat 0px 0px !important;
	color: #000 !important;
}
.counter {
	background: #FFFFE6 url(/images/information.png) no-repeat 8px 8px;
	border: 1px solid #E8E871;
	font-size: 18px;
	padding: 5px 0;
	padding-left: 32px !important;
	margin: 15px auto 15px !important;
}
.counter span {
	float: right;
	padding-right: 10px;
}
.counter span a, .counter span a:visited, .counter span a:hover, .counter span a:link {
	color: #C1B924;
}
.error {
	border: solid 1px #f00;
	background-color: #F8E5E5;
}
label.error {
	background: #fff url(/images/error.png) no-repeat 14px 2px;
	background-color: #fff;
	border: none;
	color: #666;
	padding-left: 36px;
	width: auto;
}
.field-info, .field-error, .field-message {
	line-height: 36px;
	padding: 6px 0;
	margin-right: 64px;
	margin-top: 0;
}
.field-error {
	background: #fff url(/images/cancel.png) no-repeat 8px center;
	color: #9F2106;
	padding-left: 64px;
	margin-left: 0;
}
.hint {
	text-align: center;
}
.hint span {
	background: #fff url(/images/comment.png) no-repeat top left;
	color: #444;
	display: inline-block;
	height: 48px;
	padding: 14px 0 0 56px;
	text-align: left;
}
.blue span {
	background-image: url(/images/blue.png) !important;
}
.index-login {
	border-bottom: dotted 1px #ccc;
	height: 24px;
	padding-bottom: 10px;
	width: 100%;
}
.index-login .user {
	border-right: none !important;
	margin-top: 5px !important;
}
.index-error {
	text-align: center;
}
.index-error span {
	background: #fff url(/images/cancel.png) no-repeat top left;
	color: #9F2106;
	display: inline-block;
	height: 48px;
	padding: 14px 0 0 56px;
	text-align: left;
}
.large {
	font-size: 18px;
}
.mode {
	color: #666;
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
}
.no-results {
	color: #ccc;
	font-size: 48px;
	margin-top: 50px;
	text-align: center;	
}
.ok {
	background: url('/images/ok.png') no-repeat 0px 0px !important;
	color: #000 !important;	
}
.overflow {
	font-size: 18px;
	margin: 30px 0 !important;
	text-align: center;
}
.overflow span {
	color: #666;
	background: url('/images/warning_small.png') no-repeat 8px 0px;
	line-height: 22px;
	padding-left: 36px;
}
.overview-caption {
	font-size:18px;
	padding: 5px 0 25px;
}
.overview-graph
{
	color: #ccc;
	float: left;
	font-size: 20px;
	line-height: 320px;
	height: 320px;
	width: 440px;
	text-align: center;
}
.overview-title
{
	color: #666;
	float: left;
	font-size:18px;
	font-weight: bold;
	margin-bottom: 20px;
	width: 440px;
	text-align: center;
}
.overview-breakdown
{
	float: left;
	font-size:18px;
	margin-bottom: 10px;
	padding-top: 15px;
	width: 440px;
	text-align: left;
}
.overview-breakdown label {
	width: 150px;
}
.pad {
	padding-left: 56px;
}
.percent {
	color: #000;
	float: right;
	font-size: 64px;
	font-weight: normal;
	height: 140px;
	margin: 0 100px 0 0;
	width: auto;
}
.percent span {
	color: #666;
	font-size: 36px;
	line-height: 36px;
	height: 36px;
}
.recent {
	border-bottom: solid 1px #ccc;
	font-size: 14px;
	padding-bottom: 15px;
	margin: 0 auto 5px;
	width: 620px;
}
.recent .left {
	clear: left;
	float: left;
}
.recent .right {
	clear: right;
	float: right;
}
.recent .site {
	padding: 3px 0;
	width: 300px;
}
.recent span {
	color: #666;
	font-style: italic;
}
.recent .tabs {
	margin-left: 0 !important;
}
.recent #topContent {
	padding: 0 10px;
}
.red-span {
	color:  #9F2323;
}

.results h3 {
	border-bottom: dotted 1px #ccc;
	color: #666;
	font-size: 18px;
	padding: 0 0 10px 0;
	margin: 30px 0 10px;
}
.results h3 a:link, .results h3 a:visited, .results h3 a:link {
	color: #666;
	text-decoration: none;
}
.results h3 a:hover {
	color: #000;
}
.results h4 {
	font-size: 18px;
	margin: 5px 0;
}
.results p {
	margin: 0;
}
.results .amber:hover {
	background-color: #FDFDD1 !important;
}
.results .amber {
	background-color: #FFFFE6;
	border: solid 1px #E8E871;
}
.results .amber .more, .pages .amber .status a {
	border-bottom-color: #9E9E20;
	color: #9E9E20;
}
.results .amber .badge {
	background: url('/images/amber.png') no-repeat 5px 5px;
}
.results .badge, .results .countryBadge {
	display: block;
	float: right;
	height: 56px;
	width: 56px;
}
.results .code {
	background-color: #F6F6F6;
	font-size: 14px;
	margin: 15px 10px 15px;
	padding: 10px;
}
.results .countryBadge {
	margin-top: 4px;
}
.results .center {
	text-align: center;
}
.results .found .badge {
	background: url('/images/redirect.png') no-repeat 18px 5px !important;
}
.results .green {
	background-color: #EEF9DF;
	border: solid 1px #B0E06F;
}
.results .green:hover {
	background-color: #E6FDC8 !important;
}
.results .green p:hover {
	background-color: #fff !important;
}
.results .green .badge {
	background: url('/images/green.png') no-repeat 5px 5px;
}
.results .green .more, .pages .green .status a {
	border-bottom-color: #64991C;
	color: #64991C;
}
.results .grey {
	color: #5B5B5B;
	background-color: #F4F4F4;
	border: solid 1px #BEBEBE;
}
.results .grey .badge {
	background: url('/images/grey.png') no-repeat 5px 5px;
}
.results .grey .more {
	border-bottom-color: #363636;
	color: #363636;
}
.results .grey:hover {
	background-color: #E8E8E8 !important;
}
.results .grey p:hover {
	background-color: #fff !important;
}
.results .grey .more {
	border-bottom-color: #363636;
	color: #363636;
}
.results .more {
	border-bottom: dotted 1px;
	cursor: pointer;
	display: inline;
	float: none !important;
	text-decoration: none;
}
.results .moved .badge {
	background: url('/images/moved.png') no-repeat 18px 5px !important;
}
.results .not-found {
	background: url('/images/cross.png') no-repeat 0px 0px !important;
	color: #9F2323;
}
.results .notfound .badge {
	background: url('/images/cross_small.png') no-repeat 15px 5px !important;
}
.results pre {
	background-color: #F6F6F6;
	font-size: 14px;
	margin: 0 10px;
	padding: 10px 10px 15px 10px;
	overflow-x: auto;
}
.results .title {
	color: #aaa;
	font-size: 18px;
	height: 30px;
	padding: 0;
	margin: 0;
}
.results .title span {
	display: block;
	float: right;
	text-align: center;
	width: 64px;
}
.results .score {
	display: block;
	float: right;
	height: 56px;
	line-height: 56px;
	text-align: center;
	width: 64px;
}
.results .summary {
	line-height: 25px;
	font-weight: normal;
	padding: 5px;
	text-align: left;
}
.results .red:hover, .results .notfound:hover {
	background-color: #F8E1E1 !important;
}
.results .red, .results .notfound {
	background-color: #F9EDED;
	border: solid 1px #EFBDBD;
}
.results .notfound {
	color: #9F2323;
}
.results .red .badge {
	background: url('/images/red.png') no-repeat 5px 5px;
}
.results .red .more, .results .notfound .more, .pages .red .status a {
	border-bottom-color: #9F2323;
	color: #9F2323;
}
.results .row {
	/*border-top-width: 0 !important;*/
	font-size: 18px;
	height: 56px;
	margin: 0 0 3px;
	overflow: visible;
	padding: 5px;
}
.results .rss .badge {
	background: url('/images/rss.png') no-repeat 15px 5px !important;
}
.results #status em {
	color: #666;
}
.results .why {
	background: url('/images/help.png') no-repeat 0 center;
	color: #4A4A4A;
	display: block;
	float: right;
	height: 26px;
	line-height: 26px;
	margin: 17px 5px 17px 0;
	width: 66px;
	text-align: right;
	text-decoration: none;
}
.results .why:hover {
	color: #000;
}
.ruleInformation {
	background-color: #fff !important;
	display: none;
	padding: 10px;
	margin: 10px 2px 2px 2px;
}
.ruleInformation h3 {
	border: none;
	color: #000;
	padding: 10px;
	margin: 0;
}
.results .ruleInformation:hover {
	background-color: #fff !important;
}
.rule {
	background: url('/images/chart_document.png') no-repeat 0px 0px !important;
}
.ruleInformation p {
	background-color: #fff;
	line-height: 28px;
	padding: 10px 10px;
	margin: 0;
}
.ruleList {
	font-size: 18px;
	padding-left: 64px;
}
.ruleList p {
	line-height: 28px;
}
.ruleList h3 {
	border-bottom: 1px dotted #CCCCCC;
	color: #666;
	font-size: 18px;
	padding-bottom: 5px;
	margin: 0 0 5px 0;
}
.ruleList h4 {
	color: #666;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.ruleList li {
	padding: 4px 0 4px 20px;
}
.ruleList ul {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}
.tabs {
	background: #fff url(/images/tab-back.png) repeat-x bottom;
	height: 22px;
	list-style-type: none;
	padding: 0;
	margin-left: 56px;
}
.tabs a, .tabs a:hover, .tabs a:visited, .tabs a:link {
	color: #000;
	text-decoration: none;
}
.tabs li {
	background-color: #F9F9F9;
	border: solid 1px #ccc;
	border-bottom: none;
	display: inline;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	padding: 3px 7px 0 7px;
	margin: 0 7px;
}
.tabs li:hover {
	background-color: #eee;
}
.tabs .current {
	background-color: #fff;
	border-bottom: solid 1px #fff;
}
.tabs .current:hover {
	background-color: #fff;
}
.tagline {
	font-size: 20px;
	text-align: center;
}
.topUrl {
	color: #666;
	font-style: italic;
}
.twitter {
	background: url('/images/twitter.gif') no-repeat;	
	display: block;
	height: 64px;
	overflow: hidden;
	position: relative;
	text-indent: -1000px;
	top: 2px;
	width: 233px;
}
.view, .view:visited, .view:hover, .view:active, .view:link {
	background: url('/images/chart_mini.png') no-repeat 0px 2px;
	color: #4C6EB0;
	padding-left: 20px;
}
.re-run, .re-run:visited, .re-run:hover, .re-run:active, .re-run:link {
	background: url('/images/re-run.png') no-repeat 0px 2px;
	color: #256421;
	padding-left: 20px;
}
.re-run-info {
	background-color: #DBEBFD;
	border-color: #9EC6F3;
}
.re-run-info span a, .re-run-info span a:link, .re-run-info span a:visited, .re-run-info span a:hover, .re-run-info span a:active {
	color: #1C538E;
}
.top-rated {
	color: #000 !important;
	background: url('/images/star.png') no-repeat 0px 0px !important;
	padding-left: 56px;
}
.weight-1 {
	color: #CCC7C7;
	font-size: xx-small;
}
.weight-2 {
	color: #B0B0B0;
	font-size: x-small;
}
.weight-3 {
	color: #929191;
	font-size: small;
}
.weight-4 {
	color: #717171;
	font-size: medium;
}
.weight-5 {
	color: #535252;
	font-size: large;
}
.weight-6 {
	color: #2F2F2F;
	font-size: x-large;
}
.weight-7 {
	color: #000;
	font-size: xx-large;
}
.pages .badge {
	height: 32px;
}
.pages .amber .badge {
	background: url('/images/amber_small.png') no-repeat 15px 5px;
}
.pages .grey .badge {
	background: url('/images/grey_small.png') no-repeat 15px 5px;
}
.pages .green .badge {
	background: url('/images/green_small.png') no-repeat 15px 5px;
}
.pages .red .badge {
	background: url('/images/red_small.png') no-repeat 15px 5px;
}
.pages .row {
	height: 32px;
}
.pages .score {
	height: 32px;
	line-height: 32px;
}
.pages .status {
	display: none;
}
.pages .result-information {
	color: #666;
	font-size: 18px;
	font-style: italic;
	line-height: 22px;
	margin-top: 20px;
}
.results .scanning {
	font-size: 18px;
	margin: 15px 0;
}
.results .scanning  span {
	color: #666;
	float: right;
	font-style: italic;
	width: 650px;
}