html {
 margin:0;
}
/*
label{ 
	display: block;
}
*/
.modal-body input, .modal-body select{
    margin-bottom: 10px;
    width: 250px;
    height :25px;
}

test {
 margin:0;
 min-width:1000px;
 font-family: 'helvetica', arial, sans-serif;
 color:#2e2d33;
 background: #ffffff repeat top left;
}

h1,h2,h3,h4,h5,h6 {
 font-weight:normal;
 color:#003087;;
 margin:0;
 text-align:left;
}
.btn-primary{
	color: #000000;
	background-color: #b9d2ed;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
	color: #000000;
	background-color:#daed32;
}

h1 {
 color:#003087;
 font-weight:bold;
 font-size:34px;
 text-shadow:0 -1px 0 rgba(0,0,0,.9);
 margin-top:15 px;
}


/*#hometab, #sniffHTMLTab {color:#003087;font-weight:bold;} */

hr {
	height:10px;
	border:none;
	color:#333;
	background-color:#0070BA;
	margin-top: 5px;
}	

.nav-tabs {
    border-bottom: 1px solid #0070BA;
}

#hometab, #sniffHTMLTab {font-weight:bold;} 


.nav-tabs > li.active {
	 border-bottom-color:#0070BA;     
}

.nav-tabs > li a {
    text-decoration: underline;
}
.nav-tabs > li.active a {
    text-decoration: none;
}

.nav-tabs { 
	margin:0;
	padding:0;
	}

.nav-tabs > li {
    border: 1px solid #000000;
    border-radius: 7px 9px 0px 0px;
    border-bottom: 5px solid  #000000;
  }

/*	
.nav-tabs > .active {
    background: none repeat scroll 0 0 #F9F8F8;
    border: 2px solid #000000;
    border-radius: 2px 2px 0px 2px;
    box-shadow: 0 1px #FFFFFF, 0 0 20px rgba(255, 255, 255, 0.5), 0 0 6px rgba(0, 0, 0, 0.2) inset;
  }
*/


 .tab-content{
	margin:10px 0;
	padding:0;
 }

footer{display: block;}
footer a{ 
	color:#005EA6
}
footer ul li {display:inline}

.navSection{float: right; position: relative; top: -180px; left:-60px ;margin-top: 25px;}
.help{top: -130px;}
.spacebottom {border-bottom:1px #aabbdd solid;padding:25px}
.showLoginButton{display: block; float:left; clear:right;}
.hideLoginButton{display: none;}		
.hideLogoutButton{display:none;}
.showLogoutButton{display: block; float:left; clear:right; margin-right:10px;}
.textURL{display:inline;}
	 
.tab-content{
	overflow:hidden;
}	 
#export{
	float: right;
	margin:20px 45px 15px 0;
}
.helpButton {
	margin-left:10px;
}
	 
.tabSection{
	margin-top:15px;
	margin-left:10px;
}
.h1 .htmlcs-heading {
 display:block;
 padding-right:3px;
 position:relative;
 top:3px;
 background: url(../img/html-code-sniffer.png) no-repeat top left;
 width:385px;
 height:34px;
}

h2 {
	color:#003087;
	font-size:20px;
	line-height:34px;
	letter-spacing:-1px;
	margin-top: 6px;
	margin-bottom: 10px;
}

h3 {
 font-size:24px;
 text-shadow: 0 1px 0 rgba(255,255,255,1);
}
#test-area  h4{
	margin-left: 15px;
    margin-top: 15px;
}

#test-area h3 {
  text-decoration:none;
}

#introduction h3 {
 margin-top: 10px;
 margin-bottom: 5px;
}

#test-area h3 {
 color:#3a5180;
 text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.dark-heading {
 color:#3a5180;
}

textarea:focus {
 outline: none;
}

p {
 color:#18243b;
 font-size:14px;
 line-height:20px;
 text-align:justify;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

p a {
 text-decoration:underline;
 color:#385287;
 font-weight:normal;
 text-shadow:none;
/* background-color:#d9e8f5; */
}

p a:hover {
 text-decoration:underline;
 color:#dc5e2d;
}

td a {
 text-decoration:none;
 color:#385287;
 font-weight:normal;
 text-shadow:none;
/* background-color:#d9e8f5; */
}

td a:hover {
 text-decoration:underline;
 color:#dc5e2d;
}

.screen-hide {
 position:absolute;
 left:-9000px;
}

.max-width,.helpContainer {
 width:970px;
 margin: 0 auto;
 position:relative;
}

.helpContainer {
	 font-size:14px;
}
.helpContainer h2{
	margin:0;
	padding:0;
}

.helpContainer{
	line-height:20px;
}


#header {
 height:73px;
 padding-top:35px;
 background: #cc5915 url(../img/header-bg.png) top left repeat;
}

#fork-me {
 width:150px;
 height:150px;
 position:absolute;
 top:0px;
 right:0px;
 z-index:90000;
 overflow:hidden;
}

#git {
 position: absolute;
 top: 0;
 right: 0;
 border: 0;
 z-index:1000;
 -webkit-transition:all 1.0s ease-in-out;
 -moz-transition:all 1.0s ease-in-out;
 -o-transition:all 1.0s ease-in-out;
 -ms-transition:all 1.0s ease-in-out;
 transition:all 1.0s ease-in-out;
}

#git img {
    border:none;
}

@media all and (max-width:1200px) {
#git {
 top: -150px;
 right: -150px;
      }
}

#header #sprites {
 position:absolute;
 right:0;
 top:0;
 width:250px;
 list-style:none;
 margin:0;
 padding:0;
}

#header li {
 display:inline-block;
}

.header-sprite {
 display:inline-block;
 height:33px;
 background: url(../img/header-sprites.png) no-repeat top left;
 margin:0 13px;
}

.squiz-logo {
 width:67px;
 background-position:0px 0px;
}

.squiz-logo:hover {
 background-position:0px -32px;
}

.github-logo {
 width:62px;
 background-position:-71px 0px;
}

.github-logo:hover {
 background-position:-71px -32px;
}

.twitter-logo {
 width:33px;
 background-position:-137px 0px;
}

.twitter-logo:hover {
 background-position:-137px -32px;
}

#sub-header {
 width:100%;
 margin:0 auto;
 height:50px;
 background: #91bed4;
 display:none;
}

#introduction {
 position:relative;
 z-index:1;
 padding:30px 0 50px 0;
 background:url(../img/intro-bg.png);
 font-size:13px;
 min-height:410px;
 border-top:2px solid #ffffff;
 box-shadow: 0 -2px 2px rgba(0,0,0,.13);
}

#introduction p {
 margin:22px 0;
}

#introduction ul {
 margin:0;
 padding:0;
}

#introduction li {
 display:inline-block;
 margin:22px 4px 0 0;
 border-radius:4px;
 border:1px solid #e0e0e0;
 box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
 background: rgb(237,242,244); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(237,242,244,1) 0%, rgba(217,226,230,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,242,244,1)), color-stop(100%,rgba(217,226,230,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* W3C */

}

#introduction li:hover {
 border:1px solid #e0e0e0;

 background: rgb(215,231,239); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(215,231,239,1) 0%, rgba(204,220,228,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,231,239,1)), color-stop(100%,rgba(204,220,228,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(215,231,239,1) 0%,rgba(204,220,228,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(215,231,239,1) 0%,rgba(204,220,228,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(215,231,239,1) 0%,rgba(204,220,228,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(215,231,239,1) 0%,rgba(204,220,228,1) 100%); /* W3C */
}

#introduction li:last-child {
 margin-right:0;
}

#introduction li a {
 color:#3a5180;
 font-weight:normal;
 padding:8px 10px;
 display:block;
 text-decoration:none;
 text-shadow:0 -1px 0 rgba(0,0,0,0), 0 1px 0 rgba(255,255,255,.5);
}

#introduction li a:hover {
 text-decoration:none;
}

#introduction #content {
 width:440px;
 text-align:justify;
 overflow:hidden;
}

.introduction-divider {
 display:block;
 background: url(../img/divider.png) no-repeat top left;
 width:433px;
 height:14px;
 position:relative;
 left:2px;
 padding-bottom:8px;
 margin: 30px 0 20px;
}

#standards-list,
#standards-list h3 {
    text-align: center;
}

#introduction #bookmarklet {
 border-radius:5px;
 border:8px solid #ffffff;
 width:460px;
 float:right;
 position:absolute;
 top:-40px;
 right:0;
 height:110%;
 z-index:10000;
 background: #2c3e62  url(../img/bookmarklet-bg.jpg) repeat top left;
 box-shadow: 0 0 10px rgba(0,0,0,.3), 0 1px 5px rgba(0,0,0,.3) inset;
 padding:0 0 40px 0;
}

#bookmarklet-feature {
 position:relative;
 top:0;
 left:0;
 background: url(../img/bookmarklet-feature.png) 72px 30px no-repeat;
 width:470px;
 height:345px;
}

#introduction #bookmarklet .button {
 position:relative;
 left:-18px;
 width:499px;
 height:64px;
 padding-top:6px;
 line-height:24px;
 text-align:center;
 font-size:22px;
 color:#ffffff;
 text-shadow:0 -1px 0 rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,0), 0 1px 1px rgba(0,0,0,0);
 box-shadow: 0 1px rgba(255,255,255,.4) inset,  0 1px 0 rgba(0,0,0,.4);
 background: url(../img/bookmark-button.png) left top no-repeat;
 -webkit-transition:all 0.2s ease-out;
 -moz-transition:all 0.2s ease-out;
 -o-transition:all 0.2s ease-out;
 -ms-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

#introduction #bookmarklet .button:before {
 content:'';
 display:block;
 width:12px;
 height:7px;
 background: url(../img/bookmark-fold.png) top left no-repeat;
 position:relative;
 top:-13px;
 left:1px;
 z-index:10000;
}

#introduction #bookmarklet .button:hover {
 background: url(../img/bookmark-button-hover.png);
}

#introduction #bookmarklet .button:hover:before  {
 content:'';
 display:block;
 width:12px;
 height:7px;
 background: url(../img/bookmark-fold-hover.png) top left no-repeat;
 position:relative;
 top:-13px;
 left:1px;
 z-index:10000;
}

#bookmarklet .button-ins {
 font-size:12px;
 font-weight:bold;
 line-height:18px;
 position:relative;
 top:-4px;
}

#bookmarklet .requirements {
 color:#7690cc;
 font-size:11px;
 text-align:center;
 padding:20px 60px;
 text-shadow: 0 -1px 0 rgba(0,0,0,1);
 letter-spacing:1px;
}

/* IE 9 Hover Fix */
#add-bookmarklet {
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
 z-index:10;
 background: url(../img/gn-trans.png) repeat;
 box-shadow: 0 28px 21px -23px rgba(0, 0, 0, 0.25), 0 -28px 21px -23px rgba(0, 0, 0, 0.25)
}

.zigzag {
 width:100%;
 height:1px;
 background: url(../img/zigzag-border-bottom.png) repeat-x bottom left;
 position:absolute;
 bottom:0;
 z-index:3;
}

.zigzag-bottom {
 width:100%;
 height:21px;
 background: url(../img/zigzag-border-top.png) repeat-x top left;
 position:absolute;
 top:0;
 z-index:3;
}

#test-area {
 /*background:#d9e8f5 url(../img/test-area-bg.png);*/
 padding:10px 0 0 0;
 border-top:1px solid #ffffff;
 box-shadow:0 -1px 0px #c6c6c6;
}
#test-areabody {
 background:#d9e8f5 url(../img/test-area-bg.png);
 }
#test-area-header {
	background:#ffffff;
}

#test-area table {
 border-collapse: collapse;
 border:1px solid #e0e0e0;
 border-bottom:none;
 font-size:14px;
 margin:15px 0px 15px 14px;
 text-align:left;
 box-shadow: 0 1px rgba(255,255,255,.8);
 border-radius:5px;
 width:95%;
 text-shadow: 0 -1px 0 rgba(255,255,255,1);
}

#test-area table .refresh {
  opactity:.6;
}

#test-area tr {
 border-bottom:1px solid #ffffff;
 border-radius:3px;
}

#test-area tr:last-child {
 border-bottom:none;
}

#test-area tr:hover {
 background: #e0dddd;
}
/* tables */

table.tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}




#test-area th{
 background-color: #e0e0e0;
 padding:9px 17px;
 font-weight:bold;
 font-size:15px;
 text-shadow: 0 1px 0 rgba(255,255,255,.9);
 border-left:1px solid #d8d7d7;
 box-shadow: 0 1px 0 #ebeaea inset;
 border-top:1px solid #e0e0e0;
}

#test-area th:first-child {
 text-align:center;
}

#test-area td{
 padding:7px 15px;
 text-align:left;
 text-shadow: 0 1px 0 rgba(255,255,255,1);
 border-right:1px solid #e0e0e0;
 color:#1c283f;
 vertical-align:top;
 box-shadow: 0 -1px 0 #e0e0e0 inset;
 background:#f4f4f4 no-repeat top left;
}

#test-area td:last-child {
 box-shadow:1px 0 0 #ffffff inset, 0 -1px 0 #e0e0e0 inset;
}

#test-area td:first-child {
 box-shadow: 0 -1px 0 #e0e0e0 inset;
 border-left:none;
 text-align:center;
}

.code-input, #code-input-upload{
 position:relative;
 width:968px;
 padding-bottom:12px;
 background: #ffffff;
 margin:20px 0;
 border:1px solid #c6c6c6;
 clear:both;
 border-radius:15px;
 box-shadow:0 1px rgba(255,255,255,1), 0 0px 40px rgba(255,255,255,.5), 0 0 6px rgba(0,0,0,.2) inset;
 font-size:13px;
}

#code-overlay {
 background: url(../img/overlay-bg.png) repeat;
 width:940px;
 height:179px;
 color:#ffffff;
 font-size:23px;
 text-align:center;
 padding-top:84px;
 position:absolute;
 top:14px;
 left:14px;
 z-index:10;
 clear:both;
 display:block;
 cursor:pointer;
 -moz-transition: opacity 0.4s ease 0s;
 -webkit-transition: opacity 0.4s ease 0s;
 border-radius:3px;
 text-shadow:none;
 box-shadow:0 0 30px rgba(0,0,0,.4) inset;
}

#test-area-graphic {
 width:44px;
 height:32px;
 /*background:url(../img/test-area-html.png) top left no-repeat;*/
 margin:10px auto;
}

#source {
 width:920px;
 position:relative;
 top:14px;
 left:14px;
 height:243px;
 z-index:5;
 padding:10px;
 margin:0;
 clear:both;
 background: #26252b;
 border:none;
 font-family: "menlo", monaco, monospace;
 font-size:12px;
 display:block;
 color:#ffffff;
 text-shadow: 0 -1px 0 rgba(0,0,0,1);
 border-radius:3px;
 resize: none
}

#source::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 8px;
}
#source::-webkit-scrollbar-thumb {
 border-radius: 8px;
 background-color: #454545;
}

#test-options {
 position:relative;
 width:960px;
 padding:18px 0;
 color:#1c283f;
}

#test-options ul {
 margin:0;
 padding:0 0 0 15px;
 width:700px;
 position:relative;
 top:8px;
}

#test-options li {
 display:inline-block;
 font-size:13px;
 font-weight:normal;
 text-shadow: 0 1px rgba(255,255,255,.8);
 padding-right:15px;
}

#results-overview {
 display:inline-block;
 background: #f6f6f6;
 box-shadow:0 1px rgba(255,255,255,.8);
 border-radius:4px;
 font-size:13px;
 position:absolute;
 top:9px;
 right:17px;
 padding:0 0 0px 0;
 border:1px solid #d2d7dd;
 text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

#results-overview:before {
 content:'Filter your results';
 position:absolute;
 left:-114px;
 top:8px;
 font-size:13px;
 color:#838383;
 text-shadow: 0 1px 0 rgba(255,255,255,1);
 font-style:oblique;
}

#results-overview li {
 display:inline-block;
 /* border-right:1px solid #d8d8d8; */
 box-shadow: -1px 0 0 rgba(255,255,255,.3) inset, 1px 0 0 rgba(0,0,0,.05) inset;

 background: rgb(249,248,248); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(249,248,248,1) 0%, rgba(237,236,236,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,248,248,1)), color-stop(100%,rgba(237,236,236,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(249,248,248,1) 0%,rgba(237,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(249,248,248,1) 0%,rgba(237,236,236,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(249,248,248,1) 0%,rgba(237,236,236,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(249,248,248,1) 0%,rgba(237,236,236,1) 100%); /* W3C */
}

#results-overview li:first-child {
box-shadow: -1px 0 0 rgba(255,255,255,.5) inset;
}

#results-overview li:last-child {
box-shadow: 1px 0 0 rgba(0,0,0,.1) inset;
}

#results-overview li a{
 display:inline-block;
 padding:5px 20px;
 text-decoration:none;
 color:#18243b;
}

#results-overview li a:hover{
 background: rgb(244,243,243); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(244,243,243,1) 0%, rgba(232,231,231,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,243,243,1)), color-stop(100%,rgba(232,231,231,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(244,243,243,1) 0%,rgba(232,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(244,243,243,1) 0%,rgba(232,231,231,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(244,243,243,1) 0%,rgba(232,231,231,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(244,243,243,1) 0%,rgba(232,231,231,1) 100%); /* W3C */
box-shadow: -1px 0 0 rgba(255,255,255,.5) inset, 1px 0 0 rgba(0,0,0,.08) inset;

}

#results-overview li.active {
  background:#e6e6e6;
  box-shadow: 0 0 6px rgba(0,0,0,.1) inset, 1px 0 0 rgba(0,0,0,0.04) inset;
}

#results-overview li.active a:hover{
 background:#e1e1e1;
   box-shadow: 0 0 6px rgba(0,0,0,.14) inset, 1px 0 0 rgba(0,0,0,0.04) inset;
}

#results-overview li.active a:hover:first-child{
 background:#e1e1e1;
   box-shadow: 0 0 6px rgba(0,0,0,.14) inset, 1px 0 0 rgba(0,0,0,0.04);
}

.result-count {
 font-weight:bold;
 font-size:18px;
}

.result-type {
 position:relative;
 top:-2px;
}

.result-count-errors {
 color:#993333;
}

.result-count-warnings {
 color:#b3913a;
}

.result-count-notices {
 color:#66656b;
}

tr.error td.assertType {
    background: #993333;
}

tr.warning td.assertType {
    background: #b3913a;
}

tr.notice td.assertType {
    background: #66656b;
}

td:last-child ul {
 margin:0;
 padding:0;
}

td:last-child li {
 list-style-type:none;
 margin:0;
 padding:0;
}

#test-results {
 position:relative;
 padding:0;
 margin-top:0;
}
#submitButton{ 
	margin-top:10px;
}

#test-results table a[href^='http:'] {
 display:inline-block;
 padding-right:18px;
 background: url(../img/external-link-table.png) center right no-repeat;
}

.radio-gen {
 display:inline-block;
 position:relative;
 height:16px;
 width:16px;
 border-radius:12px;
 box-shadow:0 1px rgba(255,255,255,1), 0 0px 40px rgba(255,255,255,.5), 0 0 1px rgba(0,0,0,.2) inset;
 border:1px solid #c6c6c6;
 cursor: pointer;
 background: rgb(217,226,230); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(217,226,230,1) 0%, rgba(237,242,244,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,226,230,1)), color-stop(100%,rgba(237,242,244,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(217,226,230,1) 0%,rgba(237,242,244,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(217,226,230,1) 0%,rgba(237,242,244,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(217,226,230,1) 0%,rgba(237,242,244,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(217,226,230,1) 0%,rgba(237,242,244,1) 100%); /* W3C */
top:4px;
}

.radio-gen.radio-on {
}

.radio-gen.radio-on:after {
 margin:0;
 padding:0;
 content:'';
 display:inline-block;
 width:10px;
 height:10px;
 position:absolute;
 top:2px;
 left:2px;

 border-radius:8px;
 border:1px solid #a45024;
 box-shadow: 0 1px rgba(255,255,255,.4) inset,  0 1px 0 rgba(255,255,255,.2);
 background: #cc5915 url(../img/header-bg.png);
}

.radio-input {
 position:absolute;
 z-index:1;
 border:1px solid red;
 visibility:hidden;
}

#test-options button {
 display:inline-block;
 padding:7px 11px;
 font-size:13px;
 font-weight:normal;
 box-sizing:border-box;
 border-radius:4px;
 position:absolute;
 top:23px;
 right:5px;
 cursor:pointer;

}

#test-options fieldset {
 margin: 0;
 padding: 0;
 border: 0;
}

#test-options legend {
 visibility: hidden;
 line-height: 0px;
}

.test-options-disabled {
 color:#c5cdd0;
 text-shadow: 0 1px 0 rgba(255,255,255,.4);
 border:1px solid #e0e0e0;
 box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
 background: rgb(237,242,244); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(237,242,244,1) 0%, rgba(217,226,230,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,242,244,1)), color-stop(100%,rgba(217,226,230,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* W3C */
}

.test-options-disabled:hover {
 color:#c5cdd0;
 text-shadow: 0 1px 0 rgba(255,255,255,.4);
 border:1px solid #e0e0e0;
 box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
 background: rgb(237,242,244); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(237,242,244,1) 0%, rgba(217,226,230,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,242,244,1)), color-stop(100%,rgba(217,226,230,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(237,242,244,1) 0%,rgba(217,226,230,1) 100%); /* W3C */
}

.test-options-active {
 box-shadow: 0 1px 0 rgba(255,255,255,.3) inset;
 color:#ffffff;
 text-shadow: 0 -1px 0 rgba(0,0,0,.4);
 border:1px solid #CB5319;
 background: rgb(225,94,30); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(225,94,30,1) 0%, rgba(203,83,25,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,94,30,1)), color-stop(100%,rgba(203,83,25,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(225,94,30,1) 0%,rgba(203,83,25,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(225,94,30,1) 0%,rgba(203,83,25,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(225,94,30,1) 0%,rgba(203,83,25,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(225,94,30,1) 0%,rgba(203,83,25,1) 100%); /* W3C */
}

.test-options-active:hover {
 border:1px solid #C9480C;

 background: rgb(224,86,22); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(224,86,22,1) 0%, rgba(201,72,12,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,86,22,1)), color-stop(100%,rgba(201,72,12,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(224,86,22,1) 0%,rgba(201,72,12,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(224,86,22,1) 0%,rgba(201,72,12,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(224,86,22,1) 0%,rgba(201,72,12,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(224,86,22,1) 0%,rgba(201,72,12,1) 100%); /* W3C */
}

li label {
 cursor:pointer;
}

#footer {
 position:relative;
 background:#ffffff;
 font-size:13px;
 text-align:center;
 padding:25px 0 10px 0;
 z-index:10;
 height:50px;
 text-shadow: 0 -1px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.8);
}

#footer p {
 font-size:12px;
 letter-spacing:1px;
 text-align:center;
}

#resultsWrapper hr {
 height:1px;
 border:none;
 background: #dcdddd;
 box-shadow: 0 1px 0 #ffffff;
 position:relative;
 top:-3px;
}

#resultsWrapper h3 {
 position:relative;
 left:16px;
 margin:24px 0 0px 0;
}

#test-results-noMessages {
 display:block;
 width:100%;
 color:#b0afaf;
 text-align:center;
 padding:15px 0 20px 0;
 text-shadow: 0 1px 0 rgba(255,255,255,1);
 text-weight: bold;
}

.footnote {
 display:block;
 width:100%;
 color:#b0afaf;
 text-align:center;
 padding:15px 0 20px 0;
 text-shadow: 0 1px 0 rgba(255,255,255,1);
 letter-spacing:1px;
 font-size:11px;
}

#test-results td.number {
 font-size:14px;
 font-weight:bold;
 text-shadow: 0 1px 0 rgba(255,255,255,1);
 padding-top:6px;
 padding:8px 5px;
}

#test-results tr.warning td.number {
 color:#b3913a;
 background:#f0e9d8;
}

#test-results tr.notice td.number {
 background:#ededef;
 color:#86858c;
}

#test-results tr.error td.number {
 color:#8b2020;
 background:#eedede;
}

#test-results td.screenshot{
 color:#8b2020;
  background:#4479BA;
}

#test-results.hide-error tr.error,
#test-results.hide-warning tr.warning,
#test-results.hide-notice tr.notice {
    display: none;
}

#resultsWrapper {
	width:98%;
}

.resultsWrapperActive {
 position:relative;
 width:968px;
 background: #ffffff;
 margin:0 0 20px 0;
 border:1px solid #c6c6c6;
 clear:both;
 border-radius:5px;
 background: #f9f8f8;
 box-shadow:0 1px rgba(255,255,255,1), 0 0px 40px rgba(255,255,255,.5), 0 0 6px rgba(0,0,0,.2) inset;
 border-radius:4px;
 font-size:13px;
/*overflow:hidden;*/
}

.loading {
  font-size:13px;
  padding-left:5px;
  letter-spacing:1px;
  margin:15px 0 15px 10px;
}

.loading img {
  position:relative;
  top:5px;
}

#back-to-top {
 background: url(../img/back-to-top.png) top left no-repeat;
 height:35px;
 position:fixed;
 z-index:200;
 right:0;
 overflow:hidden;
 bottom:95px;
 -webkit-transition:all 0.2s ease-out;
 -moz-transition:all 0.2s ease-out;
 -o-transition:all 0.2s ease-out;
 -ms-transition:all 0.2s ease-out;
 transition:all 0.2s ease-out;

}

#back-to-top:hover {
    background: url(../img/back-to-top-hover.png) top left no-repeat;
}

#back-to-top.off {
 width:0;
}

#back-to-top.on{
  width:66px;}

#back-to-top span a {
  z-index:300;
  position:relative;
  color:#ffffff;
  text-decoration:none;
  text-shadow: 0 -1px 0 rgba(0,0,0,.6);
  top:7px;
  left:25px;
  font-size:16px;
  width:100%;
}

#back-to-top span a:hover {
    text-decoration:underline;
}

#results-table a {
  border:1px solid #e0e0e0;
  border-radius:2px;
  background:#efefef;
}

#results-table a:hover {
  background:#e1eaf2;
}

td:last-child ul {
 margin:0;
 padding:0;
}

td:last-child li {
 list-style-type:none;
 margin:0;
 padding:0;
}

#test-area  table a[href^='http:'] {
 display:inline-block;
 padding-right:18px;
 background: url(../img/external-link-table.png) center right no-repeat;
}

#introduction a[href^='http:']:hover, #test-area a[href^='http:']:hover {
 display:inline-block;
 padding-right:18px;
 background: url(../img/external-link-hover.png) center right no-repeat;
}

.no-violations {
 display: block;
 padding: 20px;
 text-align: center;
}

form {
    margin: 0;
	padding: 0;
}

  
/* Stats Counter
****************************************/
#issueCounterWrap {
    text-align: center;
    padding: 0 0 1.9em;
}
.statsHeading {
    display: block;
    color: #cdd7ec;
    font-size: 13px;
    margin-bottom: 15px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}
.statsCounter {
    display: inline-block;
    color: #7a99df;
    background-color: #141F38;
    padding: 0 0.5em 0;
    font-size: 28px;
    min-width: 263px;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    border-radius: 0.1em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.15);
}
.code-input, #code-input-upload {
	min-height: 50px;
	margin-top:0px;
	width:98%;
	}
	
	#textURL {
		border: 1px solid #ccc; 
		border-radius: 3px 3px 3px 3px; 
		clear: both;
		left: 14px; 
		margin: 15px 10px 0 30px; 
		padding: 5px; 
		resize: none;
		width: 750px;
		}
		
	#results-overview:before {
		content : none;
		}
	
 form#upload {
	margin-top: 15px;
	}


.button-link {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
	color: #FFFFFF;
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.show{ display: block;}
.hide{display: none;}

#rotatingImg {
	display: none;
}
#rotatingDiv {
	display: block;
	margin: 32px auto;
	height: 60px;
	width: 60px;
	-webkit-animation: rotation .7s infinite linear;
	-moz-animation: rotation .7s infinite linear;
	-o-animation: rotation .7s infinite linear;
	animation: rotation .7s infinite linear;
	border-left:8px solid rgba(0,0,0,.20);
	border-right:8px solid rgba(0,0,0,.20);
	border-bottom:8px solid rgba(0,0,0,.20);
	border-top:8px solid rgba(33,128,192,1);
	border-radius:100%;
}

@keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}

/* Retina Replacements
****************************************/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) 
{
    #bookmarklet-feature {
        background: url(../img/bookmarklet-feature@2x.png) 72px 30px no-repeat;
        background-size: 318px 307px;
    }
}

.code-input li {
    display: inline;
}

a {
    color: #0070BA; # 
  }
.text-primary {
    color: #0070BA;
}
.bg-primary {
    background-color: #0070BA;
}
.btn-primary {
    background-color: #0070BA;
    color: #ffffff;
 }
 .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #0070BA;
 }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #0070BA;
 }
 .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #0070BA;
 }
 .pagination > li > a, .pagination > li > span {
    color: #0070BA;
 }
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #0070BA;
 }
 .label-primary {
    background-color: #0070BA;
}
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #0070BA;
}
.progress-bar {
    background-color: #0070BA;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #0070BA;
}
.panel-primary > .panel-heading {
    background-color: #0070BA;
}
a {text-decoration: underline;}
a:hover, a:focus {
    color: #005EA6
    text-decoration: underline;
}
/* Styling checkbox */
input[type="radio"], input[type="checkbox"] {
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -o-opacity: 0;
}

input[type="radio"] + label, input[type="checkbox"] + label{
  position: relative;
  padding: 0 0 0 25px;
  font-size: 16px;
  line-height: 25px;
  margin:0 0 10px 0;
}

input[type="radio"] + label:before, input[type="checkbox"] + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  height: 18px;
  width: 18px;
  background: white;
  border: 1px solid gray;
  box-shadow: inset 0px 0px 0px 2px white;
  -webkit-box-shadow: inset 0px 0px 0px 2px white;
  -moz-box-shadow: inset 0px 0px 0px 2px white;
  -o-box-shadow: inset 0px 0px 0px 2px white;
}

input[type="radio"] + label:before{
	border-radius: 100%;  
}	

 input[type="radio"]:checked + label:before,input[type="checkbox"]:checked + label:before {
  background: #0070BA;
}

.code-input ul li:hover label{
	color: #0070BA;
}