body {
  text-align:center;
  font-size:62.5%;
  line-height:1.43;
  background:transparent url(../../images/body.gif) 0 0 repeat-x;
}

h1 {
  color:#333;
  font:normal 36px/40px "Georgia", "Times New Roman", serif;
}

#brand {
  position:relative;
  width:850px;
  margin:0 auto;
  background:transparent url(../../images/head.gif) 0 -1px no-repeat;
  height:60px;
  font-size:1.3em;
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
}

#page {
  width:830px;
  margin:0 auto;
  text-align:left;
  font-size:1.4em;
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
}

#brand .logo {
  position:absolute;
  top:10px;
  left:30px;
}



h1 {
  padding:40px 0 0 0;
}


#runtime, #auth {
  font-size:.8em;
}

#auth {
  float:right;
  margin-top:5px;
}

table {
  border-collapse: collapse;
  margin:20px 0 20px 0;
}  

th {
  text-align:center;
  vertical-align:bottom;

}

table td {
  font-size:0.9em;
}

.sort td {
  height:40px;
}

.band5 td {
  background-color:#aeee00;
}

.band4 td {
  background-color:#c2f240;
}

.band3 td {
 /* background-color:#d6f67f;*/
	background-color:#ffb051;
}

.band2 td {
/*  background-color:#ebfbbf;*/
/*	background-color: #f76541;*/
	background-color:#ff9696;
}


.band1 td {
  /*background-color:#f7fde5;*/
	background-color:#ff9696;
}


td a {
  text-decoration:none;
  color:#333;
}

.url {
  width:255px;
  padding:0 10px;
  text-align:left;
}

.state, .score, .size, .validxhtml, .seclvldom, .noframes {
  width:70px;
}

.starttime {
  width:135px;
}

td {
  text-align:center;
  padding:10px 0 9px 0;
}

td.state {
  background-color:#fff;
}

tr.band1 td.state a,
tr.band2 td.state a,
tr.band3 td.state a,
tr.band4 td.state a,
tr.band5 td.state a
{
  display:block;
  width:60px;
  height:19px;
  background:transparent url(../../images/openclose.gif) 100% 0 no-repeat;
  text-indent:-1000px;
}

td.score {
  font-size:1.2em;
}

tr.band5 td.score,
tr.band5 td.size,
tr.band5 td.validxhtml,
tr.band5 td.seclvldom,
tr.band5 td.noframes {
  background:#aeee00 url(../../images/band.gif) 0 0 repeat-y;
}

tr.band4 td.score,
tr.band4 td.size,
tr.band4 td.validxhtml,
tr.band4 td.seclvldom,
tr.band4 td.noframes {
  background:#c2f240 url(../../images/band.gif) -70px 0 repeat-y;
}

tr.band3 td.score,
tr.band3 td.size,
tr.band3 td.validxhtml,
tr.band3 td.seclvldom,
tr.band3 td.noframes {
  background:#FFB051 url(../../images/orangeband.gif) -140px 0 repeat-y;
}

tr.band2 td.score,
tr.band2 td.size,
tr.band2 td.validxhtml,
tr.band2 td.seclvldom,
tr.band2 td.noframes {
  background:#ff9696  url(../../images/redband.gif) -210px 0 repeat-y;
}

tr.band1 td.score,
tr.band1 td.size,
tr.band1 td.validxhtml,
tr.band1 td.seclvldom,
tr.band1 td.noframes {
  background:#ff9696  url(../../images/redband.gif) -210px 0 repeat-y;
}

tr.data div.element {
  text-align:left;
  padding:0 0 0 10px;
}

.hide {
  display:none;
}

.output {
  float:right;
  width:510px;
  margin:0 10px 0 0;
  padding:5px 0px 0px 10px;
  background:#f2f2f2;
  overflow:auto;
  height:395px;
  font-size:0.8em;
}

.results ul {
  width:190px;
  float:left;
  text-align:right;
}

pre {
  font-family: "Monaco", "Courier New", monospace;
}

.results ul li a {
  display:block;
  padding:2px 10px;
  border-bottom:1px solid #fff;
}

.results ul li a:hover, .results ul li strong a {
  background-color:#6dcff6;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix {display: inline-block;}

#nav {
  position:relative;
  border-bottom:1px solid #ccc;
}

#brand ul, #nav ul {
  float:right;
  margin:0 10px 0 0;
}

#brand li, #nav li {
  float:left;
}

#nav li a {
  color:#333;
  text-decoration:none;
  display:block;
  padding:10px; /*20px;*/
  float:left;
  background:#f4f4f4 url(../../images/tab_off.gif) 0 100% repeat-x;
  margin:0 5px 0 0;
}

#nav li strong a {
  display:block;
  font-weight:bold;
  padding:10px;
  float:left;
  background:#e9e9e9 url(../../images/tab_on.gif) 0 100% repeat-x;
}

#nav li a:hover {
  background:#ccc;
  color:#fff;
}

#nav li strong a:hover {
  background:#e9e9e9 url(../../images/tab_on.gif) 0 100% repeat-x;
  color:#000;
}

#brand ul {
  margin:12px 10px 0 0;
}

#brand li {
  line-height:28px;
}

#brand li a {
  color:#d4ecf5;
  text-decoration:none;
  display:block;
  float:left;
  background:transparent url(../../images/mode_off.gif) 0 100% repeat-x;
  width:88px;
  height:28px;
  text-transform:uppercase;
}

#brand li strong a {
  font-weight:bold;
  background:transparent url(../../images/mode_on.gif) 0 100% repeat-x;
  color:#fff;
}

#brand li a:hover {
  color:#fff;
}

table#crawlers td {
  vertical-align:middle;
}

.cr_name {
  width:195px;
}
th.cr_name {
  border-bottom:1px solid #ccc;
}
td.cr_name {
  padding:10px 0 0 10px;
  font-size:1.2em;
  text-align:left;
  width: 200px;
  overflow:hidden;
}
.cr_dt {
  border-bottom:1px solid #ccc;
  padding:0 0 9px 20px;
  font-size:10px;
  line-height:0.8em;
  text-align:left;
}
.cr_control {
  border-bottom:1px solid #ccc;
  width:140px;
}
.cr_status {
  border-bottom:1px solid #ccc;
  width:70px;
}
.cr_id {
  border-bottom:1px solid #ccc;
  width:70px;
}
.cr_pages {
  border-bottom:1px solid #ccc;
  width:70px;
}

.cr_summary {
  border-bottom:1px solid #ccc;
  width:136px;
}

.cr_remove {
  border-bottom:1px solid #ccc;
  width:140px;
}

.bc_pass {
  background:#aeee00 url(../../img/bc_green.gif) 50px 100% repeat-x;
}
.bc_warn {
  background:#eded00 url(../../img/bc_yellow.gif) 50px 100% repeat-x;
}
.bc_fail {
  background:#ed5f00 url(../../img/bc_orange.gif) 50px 100% repeat-x;
}

.PASS
{
  background: #91de16;
  margin: 0px 4px 0px 4px;
}
.WARN
{
  background: #fecd6a;
    margin: 0px 4px 0px 4px;
}
.FAIL
{
  background: #fc8161;
    margin: 0px 4px 0px 4px;
}
.COMMENT
{
  background: #989898;
    margin: 0px 4px 0px 4px;
}

      div.help {
           	visibility:hidden;
      	position: absolute; 
      	border: 1px solid grey; 
      	background-color: #F9E396;
      	font-size: 10px;
      	text-align: left;
      	padding: 2px;
      	
      	filter:alpha(opacity=80);   
	    -moz-opacity: 0.8;   
		opacity: 0.8;   
 
      }
      
      .required {
      	color: #ff0000;
      }
      
      .tip {
      	background-image: url(../../images/lightbulb_on_48.png);
      	background-repeat: no-repeat;
      	padding-left: 48px;
      	padding-bottom: 5px;
      	padding-top: 5px;
      	padding-right: 5px;
      	font-size: 11px;
      	background-color: #EDEDED;
      	border: 1px solid #aaaaaa;
      	margin-bottom: 20px;
      }
      
/*
 * Page or Site
 */ 

#crawl_page, #crawl_site {
	width:410px;
	background:transparent url(../../images/hpt.gif) 50% 0 no-repeat;
	position:relative;
}

#crawl_page {
	float:left;
	margin:20px 0;
}
#crawl_site {
	float:right;
	margin:20px 0;
}

#crawl_page h2, #crawl_site h2 {
	padding:0 20px;
	margin:20px 0;
	color:#333;
	font:normal 30px/36px "Georgia", "Times New Roman", serif;
}

#crawl_page p.tagline, #crawl_site p.tagline {
	font-size:11px;
	margin:-20px 0 0;
	padding:0 20px;
}

#crawl_page form, #crawl_site form {
	padding:20px;
	background:transparent url(../../images/hpb.gif) 50% 100% no-repeat;
}

#crawl_page form p.clearfix label, #crawl_site form p.clearfix label {
	width:100px;
	float:left;
	font-size:11px;
	text-align:right;
}
	
#crawl_page form p.clearfix input, #crawl_site form p.clearfix input textarea {
	width:250px;
	float:right;
	margin:12px 0 0;
	line-height:20px;
	padding:4px 0;
}

#crawl_page .advanced {
	margin:0;
	padding:0 0 0 115px;
	font-size:11px;
}



/*
form p {
text-align: right;
}
*/
.topic {
	padding:0 0 0 50px;
}

#crawl_page .topic {
	background:transparent url(../../images/page_icon.gif) 20px 0 no-repeat;
}

#crawl_site .topic {
	background:transparent url(../../images/site_icon.gif) 20px 0 no-repeat;
}

p#new {
	position:absolute;
	top:-20px;
	left:320px;
}
      
.foot {
  border-bottom:2px solid #ccc;
}

#pageResults td {
	  border-bottom:1px solid #fff;
	}
	
td.lineNums {
	width:3%; 
	vertical-align: top; 
	margin-right: 5px; 
	text-align: right; 
	background: #ccc; 
	border-right: 1px solid black;
	color: #fff;
	border-bottom: none;
	font-size:9px;
	line-height: 12px;
	
}

td.src {
	padding-left: 5px; 
	width:98%; 
	text-align: left; 
	vertical-align: top;
	border-bottom: none;
	font-size:9px;
	line-height: 12px;	
}

.codeSnippet {
  overflow:scroll;
  height:200px;
  width:780px;
  margin-left:4px;
  font-size: 12px;
  font-family: "Courier New";
}

span.tag {
      color: blue;
    }
span.tagblock {
      display: block;
      padding-left:0.6em;
    }
span.attribute {
      color: red; 
    }
span.value {
      color: green;
    }
    
a {    
	cursor:pointer;
	cursor:hand;
}
.row {    
	cursor:pointer;
	cursor:hand;

}

.tab-left {width:350px;float:left;}
.tab-right {width:420px;float:right;border-left: 1px solid #dbd7d7;padding-left:30px;min-height:170px;}
h2.title {color:#333333;
font-family:"Georgia","Times New Roman",serif;
font-size:24px;}
#tabs p#description1, #tabs p#description2 {font-size:12px;}
.tab-text {font-size: 12px;}
#fragment-1 #fragment-2 #fragment-3 {
 font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
 font-size: 18px;
 }
 .feature-list li {
 list-style-image: url(../../images/check_gr.png);
 margin-left:90px;
 font-size:16px;
 margin-top:5px;
 }
 
 .feature-list ul { margin-bottom: 5px;}

 #page-test-form {padding-top:30px;padding-left:30px;}
 #advanced-1 p, #advanced-2 p, #advanced-3 p {font-size: 11px;}
 #url {margin-left:10px;length: 25;}
 p.advanced-link {font-size: 12px;margin-top:15px;margin-left:30px;}
 #markup {font-size:10px;width:400px;height:100px;}
 .form-label {font-size: 11px;width: 120px;clear: left;float:left;}
 .form-element {float: left;width: 200px}
 .more-options-input {font-size:10px; color: #666666;}
 .wide {width:240px;}
 form p #go-button {margin-bottom: -6px;margin-left:8px;}
 
 .login-form-label {font-size: 16px;width: 90px;clear: left;float:left;margin-top:5px;margin-left: 25px;}
 .login-form-element {float: left;width: 200px;margin-top:5px;}

#go-button1 {float: right;margin-right:15px;}
#go-button2 {float:left;margin-left: 48px;margin-top:20px;}
.tab-left h2 {font-size: 18px;}
.tab-left p {margin-left: 50px;}
#fragment-1 .tab-left {margin-left:8px;background:transparent url(../../images/page_icon.gif) no-repeat scroll top left;} 
#fragment-2 .tab-left {margin-left:8px;background:transparent url(../../images/site_icon.gif) no-repeat scroll top left;}
#fragment-3 .tab-left {margin-left:8px;background:transparent url(../../images/html_icon.gif) no-repeat scroll top left;}  
#fragment-1, #fragment-2, #fragment-3 {background:transparent url(../../images/panel-bg-t-830.gif) no-repeat scroll 50% 0;}
#fragment-1.sites, #fragment-2.sites, #fragment-3.sites {border-left: 1px solid #dbd7d7;border-right: 1px solid #dbd7d7;}
/*#fragment-1, #fragment-2, #fragment-3 {background:transparent url(../../images/panel-bg-830.gif) no-repeat scroll 50% 100%;}*/
#container-bg {padding-bottom:12px;background:transparent url(../../images/panel-bg-830.gif) no-repeat scroll 50% 100%;}
.clear {clear: both;}
p#login-text {margin-bottom:20px;}
#register-text {clear:left;float:left;margin-left:20px;margin-top: 22px;margin-bottom:20px;font-size: 12px;font-weight:bold;}
#mf-image {vertical-align:middle;height: 40px;}
#go-mf {width: 100%;text-align: center;margin-top:20px;margin-bottom:20px;}
#previous-tests {margin-left: 140px;}
table#crawlers {margin-left:25px;}
.sites-sub-tabs li {display: inline;padding-right: 5px;padding-left:5px;border-right: 1px solid #ccc;}
ul.sites-sub-tabs {margin-left: 30px;margin-top: -5px;float: left;}
ul.sites-sub-tabs a {color: #333;}
ul.sites-new-site {float: right;margin-top:-5px;margin-right:30px}
ul.sites-new-site li {display: inline;}

#pageResults th a {font-size: 10px;color: #333}
#pageResults th {font-size: 10px;line-height: 12px;}
#breadcrumb {float:left; font-size:0.8em;margin-top:5px;}
#breadcrumb strong {font-weight:bold}
#crawler-wrapper {margin-left:30px;}
#results-wrapper {margin-left:30px;}
#new-site-button {margin-bottom:-6px;}
#new-site-adv {display:block;clear:both;}
#new-site-adv a {float:right;font-size: 10px;color: #333}
.left-margin {margin-left:30px;}
/*div#home-top {background:transparent url(../../images/ready_top_bg.gif) no-repeat;height: 195px;margin-left:-7px;font-family:inherit;font-family:"Georgia","Times New Roman",serif;font-size:16px}*/
div#home-top {background:transparent url(../../images/sites_animated.gif) no-repeat;height: 195px;margin-left:-7px;font-family:inherit;font-family:"Georgia","Times New Roman",serif;font-size:16px}
div#home-top p#description1 {padding-top:45px;margin-left: 270px;margin-right:15px;}
div#home-top p#description2 {padding-top:20px;margin-left: 340px;margin-right:15px;font-size:14px}
div#home-top strong {font-weight:bold}
/*#compare-btn {margin-top:15px;}*/
div.foot + div, #footer {font-size: 10px;font-family: arial;}
#pageResults {font-family:"Lucida Sans","Lucida Sans Unicode","Verdana",sans-serif;font-size:0.8em;}
.test-info {margin-left:30px;margin-top:-25px;}
#jobDetailsPanel {overflow: auto; display: none; text-align: left; font-size: 10px;margin-left:60px}
#test-params {font-size: 16px;}