@import url('auth-tools-mobile.css');
	@font-face{ 
	font-family: 'OpenSans';
	src: url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Light.eot');
	src: url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Light.svg') format('svg'),
	     url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Light.woff') format('woff'),
        url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Light.eot#iefix') format('embedded-opentype'),	
	     url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Light.ttf') format('truetype');	
	font-weight: 300;
	font-style: normal;}
	
	
		@font-face{ 
	font-family: 'OpenSans';
	src: url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Lightitalic.eot');
	src: url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Lightitalic.svg') format('svg'),
	     url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Lightitalic.woff') format('woff'),
        url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Lightitalic.eot#iefix') format('embedded-opentype'),	
	     url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Lightitalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;}

	
	@font-face{ 
	font-family: 'OpenSans';
	src: url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Semibold.eot');
	src: url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Semibold.svg') format('svg'),
	     url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Semibold.woff') format('woff'),
        url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Semibold.eot#iefix') format('embedded-opentype'),	
	     url('/National_Library/oe_/https://www.dotcom-tools.com/fonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;}		

.maincontent .maincontent2columns .lside {float: left; }
.maincontent.freetools .maincontent2columns .rside { margin-bottom: 0; }


.wbox-subheader  {margin-top: 68px;}
.wbox-subheader  .search {
	display: none;
}

.wbox-subheader .getstartedtop {	float: right; display: block;	}
.wbox-subheader .getstartedtop span {	font-size: 18px; letter-spacing: -0.2pt;}

.wbox-subheader .getstartedtop .button {
	border-radius: 4px;
	color: #fff;
	float: right;    
	font-family: "OpenSans";
	font-size: 15px;
	font-weight: 300;
	height: 36px;
	letter-spacing: -0.5px;
	line-height: 36px;
	margin-left: 20px; 
	margin-top: 12px;
	text-align: center;
	text-decoration: none;   
	text-transform: uppercase;
	width: 112px;}


.maincontent .signupbannerfreetools
{
	width: 657px!important;
	padding-bottom: 0;
	margin-bottom: 0;
	
 height: 80px;

    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;

	
}

.maincontent.freetools .signupbanner .textsection {	font-size: 20px; }

.maincontent.freetools .signupbanner a {
	margin-top: 5px;
}


/* Common Styles Start */


.maincontent{
	font-family: "OpenSans";
	font-weight: normal;}

.maincontent section h3{
 	color:#484848;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: normal;
	margin-top: 21px;}

.maincontent section h4 {color:#484848;}
	

.shadowtxt {text-shadow: 1px 1px #fff;	}	
	
.maincontent section p{
	color: #333;
	font-size:15px;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: -0.3pt;
 	margin: 1em 0;}

.maincontent .sephbox {
    background-color: #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
    height: 1px;
    margin: 10px 0;
    width: 100%;}
    
.maincontent section ul{
	list-style: disc;
	list-style-position: outside;
	padding-left: 11px;}

.maincontent section ul li{
	color: #333;
	font-size: 14px;
	margin-bottom: 7px;}

.maincontent section>a, .maincontent section p>a {	color:#006699;}


.selectablelist .listitem{
	background-color: #eee;
	border: solid 1px #d6d6d6;
	box-shadow: 0 1px 0 #FFF;
	cursor:pointer;}

.selectablelist .listitem.selected,
.selectablelist .listitem.hover  {background-color: #dedede;}
.locationslist .selectablelist .listitem.selected.hover{ background-color: #eee; }

.errortxt
{
	
color:#cc0000;
font-size: 13px;
  display: table;
   margin-bottom: 3px;
   visibility: hidden;
}


ul.reportbox {display: none;}  /* disable mobile report */

/* Common Styles End */

/*bigscreenshot*/
.bigscreenshot {
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 180px;
}
        .bigscreenshot .imgcontainer .imgrow{
            margin: 0px auto; display: inline-block; padding:0px;
        }
            .bigscreenshot .imgcontainer .imgrow li {
                float:left;
            }
.bigscreenshot li {
    list-style: none;
}
.bigscreenshot .sheader {
    width:900px;
	margin: 70px auto 0;
    height: 30px;
}
.bigscreenshot .imgrow .fa {
    color:#EEE;
    font-size: 28px;
    cursor:pointer;
   margin-bottom: 5px;
    margin-right: 50px;
}
.bigscreenshot .imgcontainer {
    width:900px;
    margin:0px auto;
    text-align:center;
}

.bigscreenshot .imgcontainer span,.bigscreenshot .imgcontainer .legend li
{
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 12px;
	text-shadow: 1px 1px #333;

}
.bigscreenshot .imgcontainer .legend {
    width:100%;
}
.bigscreenshot .imgcontainer .legend li {
    float:left;
    list-style:none;
}
.bigscreenshot .imgcontainer .legend li span {
    display:inline;
}

    .bigscreenshot .imgcontainer .fa.pull-right {
        margin:0px;
        margin-top:-32px;
        
    }


.bigscreenshot img{
    border: solid 1px #000;
    max-width:800px;
}
/*bigscreenshot Styles End*/

/* Test Container Box Start */

.testbox{	
	background-color: #eee;
	border: solid 1px #ccc;
	box-shadow: 0 1px 0 #FFF inset;
	font-weight: normal;
	height: auto;
	margin-bottom: 18px;
	overflow: auto;
	padding: 21px 23px 25px 23px;}

.testbox h2.ttitle{
	color:#000;
	font-size:40px;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: normal;}

.testbox .tstile{
	color:#484848;
	display:block;
	font-size:24px;
	font-weight: 300;	
	margin-top: -2px;
	letter-spacing: -0.5pt;}

	
	
/* URL box Start */	

.urlbox { margin:0px 0px 27px 0px;}

.urlbox input{
	border: solid 1px #d6d6d6;
	border-radius:6px;
	box-shadow: none;
	color: #666;
	float:left;
	 	font-family: "OpenSans";
	font-size: 18px;
	font-weight:300;
	height: 46px;	
	line-height: 46px;	
	margin-right: 36px;
	padding:  0 7px;
	width: 418px;}

.urlbox  a.button{
	border-radius:4px;
	color: #fff;
	display: block;
 	font-family: "OpenSans";
	font-size: 16px; 
 	font-weight: 600; 
	height: 48px;	
	line-height: 48px;
	letter-spacing: -0.5px;
	text-decoration: none;
	width: 196px;}

.urlbox a.btn-start-test {width: 196px; float:left;}
.urlbox a.btn-start-test i {
	color: #fff;
	font-size:24px;
	margin:11px 20px 0 18px;}	

.btn{
	border-radius:4px;
	color: #fff;
	cursor: pointer;
	display: block;
 	font-family: "OpenSans";
	font-size: 16px; 
 	font-weight: 600; 
	height: 48px;	
	line-height: 48px;
	letter-spacing: -0.5px;
	text-decoration: none;}	

	
.btngreen {background-color: #339933;}
.btngreen:hover{	background-color: #34b034;}
.btnblue  {background-color: #054d74;}
.btnblue:hover{	background-color: #0b6a9e;}
.button span     {float: left;  margin-left: 8px;}
.button i {	color: #fff; margin-right: 20px; margin-top:11px;  margin-left: 18px;}	


/* Selectable Items Start */



.browserselect   {	display:block; overflow:visible;}

.browserselect .listitem{
	border-radius:4px;
	display: inline;
	float:left;
	height: 78px;
	margin-right: 9px;
	width: 78px;}


.browserselect .listitem .item{
	background-image: url(/National_Library/oe_/https://www.dotcom-tools.com/images/test-browserslist.png);	
	background-repeat: no-repeat;
	height: 76px;
	width:76px;}

.browserselect .listitem .item1 {background-position: 0 0;}
.browserselect .listitem .item2 {background-position:-76px 0;}
.browserselect .listitem .item3 {background-position:-152px 0;}
.browserselect .listitem .item4 {background-position:-229px 0;}
.browserselect .listitem .item5 {background-position:-305px 0;}

.browserselect .listitem .popupbox{
	background-color: #fff;
	border:solid 1px #82a6b9;
	box-shadow: 1px 1px 2px #CCCCCC;	
	color: #006699;	
	display: none;
	font-weight: 600;
	min-height: 257px;
	margin-left: 78px;
   margin-top: -78px;
   position: absolute;
	width: 200px;
	z-index:100;}

.browserselect .listitem .popupbox ul{
	list-style: none;
	margin: 0;
	padding: 0;}

.browserselect .listitem .popupbox li{
	border-bottom: solid 1px #daeaf2;
	color: #006699;
 	font-size: 17px;
   font-weight: normal;
	line-height: 42px;
	margin: 0;
	padding-left: 32px;}

.browserselect .listitem .popupbox li:hover {background-color: #d1e1e9;}
.browserselect .listitem .popupbox li:last-child {	border-bottom: none;}

.browserselect .listitem .popupbox.comingsoon{
	background-color: #daeaf2;
	font-size: 15px;
	height: 207px;
	padding: 25px;
	text-align: center;
	width: 150px;}

.browserselect .listitem .popupbox.comingsoon span{
	display: block;
	font-size: 20px;
	padding: 70px 0 7px 0;}


.humancheck{
	color: #666;
	background-color: #eee;
	border: solid 1px #d6d6d6;
	box-shadow: 0 1px 0 #FFF;
	float: left;
	height: 71px;
	padding-left: 8px;
	padding-top: 7px;
	margin-bottom: 20px;
	width: 185px;	}

	
.humancheck span.label
{
	color: #666;
	display: block;
	font-size: 12px;
	margin-bottom: 11px;
	letter-spacing: 0.4pt;
	text-transform: uppercase;
	text-align: center;}	

 .humancheck img	{
	width: 92px;
	float: left;
	height:28px;
	border:solid 1px #cdcdcd; }
	
 .humancheck div
{
	font-size: 30px;
	height: 30px;
	 display: block;
	   font-size: 18px;
	   float: left;
	   color: #999;
    font-weight: 300;
    margin: 5px 4px 0px 4px;
}
	


 .humancheck .refreshbtn { cursor: pointer; 
background-color: #fff;
width: 26px;
height: 26px;
	margin: 0;
padding: 1px;
border: 1px solid #cdcdcd;
border-left: none;
float: left;}

.humancheck .refreshbtn span
{
	display: block;
	background-color: #eee;
	width: 26px;
	line-height: 26px;
	height: 26px;
	text-align: center;

}

 .humancheck .refreshbtn .fa
{
	color: #999;
		font-size: 14px;
}


.humancheck .refreshbtn:hover .fa {color: #666;}

	
 .humancheck input{
	width:30px; 
	height: 27px;
	line-height:27px;
	border:solid 1px #cdcdcd;
    text-align:center;
}


.umancheck .starttest {margin-top: 50px;}


	
.bottomsection {
	display:block;
	clear:both;
	margin-top: 20px;
	overflow:auto;}

	
	
.instanttestred .worldmap {	float:right; margin-left:8px;}	
.instanttestred .screenshoots {float:right; margin-right:60px; margin-bottom:30px;}

.currentbrowser{
	clear:both;
	color:#666;
	float: left; 
	font-size:13px;
	letter-spacing: -0.3pt;
	margin-top: 40px;}

.currentbrowser span{
	color:#333;
	display:block; 
	font-size:23px;}

.advancedbox { 	display: none;}
	
.moreoptions{
	color: #006699;
	cursor: pointer;
	float:right;	
	text-align: right;}
	
.moreoptions .hidebtn {	margin-top: 30px;}	
.moreoptions .advancedbtn {	margin-top: 61px;}	
	
.signupfreesection {	margin: 18px 0 10px 0;}

.maincontent section>a.signupbtn{
	background-color: #339933; 	
	border-radius:4px;
	color: #232323;
	display: block;
	float: right;
	font-family: "OpenSans";
	font-size: 10px;  	
	height: 61px;		
	letter-spacing: normal;
	text-align: center;	
	width: 202px;}

.signupbtn span{
	color: #fff;
	display: block;
	font-size: 18px;   
	font-weight: 600;
	letter-spacing: normal;
	padding-top: 12px;}

.maincontent section>a.signupbtn:hover{	background-color: #34b034;}




.signupfreesection .textsection{
	display: block;
	float: left;
	font-size: 24px;
	letter-spacing: 0.5px;
	margin-right: 42px;
	padding-left: 20px;
	width: 440px;}

.signupfreesection .textsection img {margin-bottom: -2px;}

.signupfreesection .textsection span{
	color: #054d74;	
	display: block;
	font-size:17px;
	font-weight: 300;
	letter-spacing: -0.3pt;
	padding-top: 2px;}

	
.locationsbox  {	margin-top: 25px;}	
	
.locationsbox .locationslist {margin-top: 25px;}

.locationsbox .locationslist ul{
	float: left;
	list-style: none;
	margin: 0;
	margin-right: 10px;
	padding: 0;}

.locationsbox .locationslist .listitem {
	color: #666;
	font-size: 13px;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	letter-spacing: -0.4pt;
	 margin-bottom: 5px;
	padding-left: 9px;
	width: 149px;
	overflow: hidden;}


.locationsbox h2 span{
	color: #666;
	font-size: 16px;
	font-weight: normal;}
	
.networktime 	{		margin-top: 32px;	}

	
/*  Test result DIV style Start */
.bghover{
   background-color: transparent;
   background-image: url(/National_Library/oe_/https://www.dotcom-tools.com/images/test-result-hover-bg.png);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";      /* IE 8 */
  filter: alpha(opacity=50);   /* IE 5-7 */
  -moz-opacity: 0.5;   /* Netscape */
  -khtml-opacity: 0.5; /* Safari 1.x */
  opacity: 0.5; /* Good browsers */ }

.testresult .containerbox{
	border: solid 1px #333;	
	border-radius: 8px;    
	/* box-shadow: 0 0 5px #888888; */	
	box-shadow:0 0 0 0;
	
	font-family: "OpenSans";
	height: 700px; 	
	width: 900px;
}

.testresult .containerbox li {background-image: none; padding: 0; }

.testresult .containerbox li.header{
	background-color: #054d74;	 	 
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;	 
	height: 60px;
	width: 100%;
    position: static;
}

.testresult .containerbox li.header div{
	color: #fff; 	
	display: inline-block; 	
 	font-family: "OpenSans";
	font-size: 25px; 
	font-weight: normal;
	line-height: 56px;	
	letter-spacing: -0.2pt;
	margin-left: 19px;}
	
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .testresult .containerbox li.header div{ line-height: 61px;}
}	
	
	

.testresult .containerbox li.header i {
	color: #ededed;
	cursor: pointer;	
	font-size: 28px;
	margin-right: 20px;
	margin-top: 14px;
    float: right;
}

.testresult .containerbox li.header i:hover {color: #fff;}
	
.testresult .containerbox li.content {height: 572px;}
	
.testresult .containerbox li.footer{
	background-color: #ededed;
	height: 68px;
	border-bottom-right-radius: 8px;  
	border: solid 1px #ccc;	
	border-bottom: none;
	border-right: none;
	border-bottom-left-radius: 8px;  }	
	
.testresult .containerbox li.footer .dmlogo{
	float: left;
	margin-left: 40px;
	margin-top: 12px;}

.testresult .containerbox li.footer .startmonitoring{
	float: right;
	letter-spacing: -0.3pt;
	margin-top: 14px;
	margin-right: 35px;
	width: 480px;}

.testresult .containerbox li.footer .startmonitoring .descr{
	color: #333;
	float: left;
	margin-right: 25px;
	padding-top: 2px;
	line-height: 14px;
	width: 310px;
    font-size: 13px;
    letter-spacing: -.42px;
}

.testresult .containerbox li.footer .startmonitoring .descr span{
    display: block;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #666;
}

.testresult .containerbox li.footer .startmonitoring .btn {
    box-sizing: border-box;
	border: none;
	float: left;
	font-size: 14px;
	font-weight: 300;
	height: 37px;
	line-height: 37px;
	text-align: center;
	width: 145px;}

.testresult .containerbox li.content .summary {float: left; width: 373px;}

.testresult .containerbox li.content .summary .screenshotbox{
	background-image: url(/National_Library/oe_/https://www.dotcom-tools.com/images/test-result-content-screenshot-box.png);
	background-repeat: no-repeat;
	display: inline-block;	
	height: 184px;
	margin: 31px 0 9px 68px;
	width: 240px;}
	
.testresult .containerbox li.content .summary .screenshotbox>div{
	height: 126px;
	text-align: center;
	margin-left: 8px;
	margin-top: 9px;
	width: 224px;}

.testresult .containerbox li.content .summary .screenshotbox>div i {	display: block;	color: #999; display: inline-block; margin-top: 25px; margin-bottom: 10px; font-size: 30px;}
.testresult .containerbox li.content .summary .screenshotbox>div span {	text-align: center; font-size: 16px; display: block; margin-top: 8px;}	
.testresult .containerbox li.content .summary .screenshotbox .active {margin: 0; }
.testresult .containerbox li.content .summary .screenshotbox .active a { display:block; height: 184px; width: 240px;}	
.testresult .containerbox li.content .summary .screenshotbox .active img	{ 	height: 126px; 	width: 224px; 	margin-top: 9px;}
.testresult .containerbox li.content .summary .screenshotbox .testing {	color: #333; font-style: italic;}
.testresult .containerbox li.content .summary .screenshotbox .testing i {color: #333;}
.testresult .containerbox li.content .summary .screenshotbox .queued	{ 	color: #999;}

.testresult .containerbox li.content .summary .screenshotbox .noimage,	
.testresult .containerbox li.content .summary .screenshotbox .noresult,	
.testresult .containerbox li.content .summary .screenshotbox .testing,
.testresult .containerbox li.content .summary .screenshotbox .active,
.testresult .containerbox li.content .summary .screenshotbox .queued {	display: none;	} 

.testresult .containerbox li.content .summary.noimage .screenshotbox .noimage{ display:block; padding-top: 41px; }
.testresult .containerbox li.content .summary.noresult .screenshotbox .noresult{ display:block; padding-top: 41px; }
.testresult .containerbox li.content .summary.testing .screenshotbox .testing{ display:block; }
.testresult .containerbox li.content .summary.active  .screenshotbox .active{ display:block; }
.testresult .containerbox li.content .summary.queued  .screenshotbox .queued{ display:block; }
.testresult .containerbox li.content .summary.active .resultsection { display: block; }



	
.testresult .containerbox li.content .summary .location{
	color: #054d74;
	display: block;
	font-size: 24px;
	text-align: center;}

.testresult .containerbox li.content .summary  .shortinfobox  {margin-top: 14px; margin-left: 73px; display: block; }

.testresult .containerbox li.content .summary  .shortinfobox .sbox{
	background-color: #f4f4f4;
	border: solid 1px #dedede;	
	border-bottom-width: 2px;
	border-radius: 4px;   
	float: left;
	font-size: 11px;
	height: 78px;
	text-align: center;
	width: 98px;}

.testresult .containerbox li.content .summary  .shortinfobox .sbox .title{
	color: #333;
	display: block;
	font-size: 12px;
	margin-top: 9px;}


/*
	
@-moz-document url-prefix() { 
.testresult .containerbox li.content .summary  .shortinfobox .sbox .title {
    margin-top: 9px;
  }
}	
*/	
	

.testresult .containerbox li.content .summary  .shortinfobox .sbox i {color: #666;	margin-right: 6px;}

.testresult .containerbox li.content .summary  .shortinfobox .sbox div{
	color: #333;	
	font-size: 28px;	
	font-weight: normal;
	margin-bottom: -3px;
	letter-spacing: -1px;}
	
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .testresult .containerbox li.content .summary  .shortinfobox .sbox div{ margin-top:0px; margin-bottom: 0;}
}	
			



.testresult .containerbox li.content .summary .serverrespones{
	clear: both;
	display: inline-block;
	margin-left: 55px;
	margin-top: 20px;}

.testresult .containerbox li.content .summary .serverrespones .title{
	display: block;
	color: #333;
	font-size: 12px;
	text-align: center;}

.testresult .containerbox li.content .summary .serverrespones ul {	margin-top: 11px; margin-bottom: 36px;}

.testresult .containerbox li.content .summary .serverrespones ul li{
	background-color: #eaeaea;
	color: #666;
	font-size: 11px;
	height: 71px;
	margin-right: 5px;
	text-align: center;
	width: 65px;}

	
.testresult .containerbox li.content .summary .serverrespones li div{
	color: #fff;
	font-size: 12px;
	font-weight: normal;	
	height:22px;
	line-height: 20px;
	margin-bottom: 2px;
	text-align: center;
	width: 65px;}

.testresult .containerbox li.content .summary .serverrespones li.box1 div {background-color: #339933;}
.testresult .containerbox li.content .summary .serverrespones li.box2 div {background-color: #fc8318;}
.testresult .containerbox li.content .summary .serverrespones li.box3 div {background-color: #cb0003;}
.testresult .containerbox li.content .summary .serverrespones li.box4 div {background-color: #999;}
.testresult .containerbox li.content .summary .serverrespones ul li span {
	color: #000;
	font-size: 24px;
	font-weight: normal;
	display: block;
	margin-top: 0px;
	margin-bottom: -3px;}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.testresult .containerbox li.content .summary .serverrespones ul li span {
	margin-top: 2px;
    }
}	
	
	
.testresult .containerbox li.content .summary .resultsection {margin-left: 41px; }
.testresult .containerbox li.content .summary .resultsection p{
	color: #666;
	float: left;
	font-size: 11px;
	letter-spacing: -0.4pt;
	line-height: 14px;
	margin-right: 26px;
	width: 136px;}

.testresult .containerbox li.content .summary .resultsection .btn{
	float: right;
	font-size: 14px;
	height: 37px;
	font-weight: 300;
	line-height: 37px;
	margin-right: 26px;
	margin-top: 5px;
	text-align: center;
	width: 135px;
    text-transform: uppercase;
}

.testresult .containerbox li.content .list {width: 527px; float: right;}

.testresult .containerbox li.content .list  .briefbox{
	background-color: #f7f7f7;	
	border-left: solid 1px #c7c7c7;
	border-top: solid 1px #eaeaea;
	box-shadow: -1px -2px 1px #CCCCCC inset;
	height: 40px;
	margin-left: 6px;	
	padding-bottom: 10px;
	padding-top: 10px;
	width: 520px;}
.instanttestresult {
    z-index: 1000 !important;
}
.testresult .containerbox li.content .list .briefbox i {color: #666; margin-top: 3px; margin-right: 11px; display: inline-block; vertical-align: middle; font-size: 24px;}
.instanttestresultbox.bv-full-complete .dmi-spinner {animation: none;}
.testresult .containerbox li.content .list .briefbox>div {border-right: solid 1px #dedede;  display: inline-block; margin-left: 20px; width: 150px;  padding-top: 5px; }
.testresult .containerbox li.content .list .briefbox>div div {	letter-spacing: -0.3pt; display: inline-block; vertical-align: middle;}
.testresult .containerbox li.content .list .briefbox>div.lastitem {border: none; }
.testresult .containerbox li.content .list .briefbox span {
	color: #333; 
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -.2px;
	line-height: 11px;}

.testresult .containerbox li.content .list .listbox .listheader{
	background-color: #006699;
	color: #dedede;
	height: 23px;
	line-height: 18px;
	margin-left: 6px;
	padding-bottom: 4px;
	padding-top: 6px;}

.testresult .containerbox li.content .list .listbox .listheader .item{
	cursor: pointer;
	border-right: solid 1px #085a83;
	float: left;}

.testresult .containerbox li.content .list .listbox .listheader .item span {float: left;  font-size: 13px; letter-spacing: -0.3pt;}
.testresult .containerbox li.content .list .listbox .listheader .item .arrows {	float: right; margin-right: 11px; margin-top: 9px;}

.testresult .containerbox li.content .list .listbox  .listheader .item  .arrows i {
	color: #dedede;
	cursor: pointer;	
	display: block; 
	line-height: 0;}

.testresult .containerbox li.content .list .listbox .listheader .item1 { 	padding-left: 25px; width: 186px;}
.testresult .containerbox li.content .list .listbox .listheader .item2 { 	width: 119px; 	padding-left: 20px;}
.testresult .containerbox li.content .list .listbox .listheader .item3 { 	width: 135px; border: none;	padding-left: 32px;}

.testresult .containerbox li.content .list .listbox .resultlist{
	color: #333333;
	height: 478px;	   
	width: 527px;}

.testresult .containerbox li.content .list .listbox .resultlist ul {font-size: 12px; font-weight: 500;}

.testresult .containerbox li.content .list .listbox .resultlist li.listline{	
	background-color: #efefef;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #fff;
	color: #333;
	font-size: 12px;
	height: 39px;
	line-height: 37px;	
	margin-left: 6px;
/*	margin-top:-3px; */
	padding-left: 18px;
	z-index:-1;}

.testresult .containerbox li.content .list .listbox .resultlist li.listline:hover{
	background-color: #e8eef6;	
	/*height: 42px;
	line-height: 42px;
	margin-top: -6px;*/
	position: relative;
	z-index: 2;}

.testresult .containerbox li.content .list .listbox .resultlist li.listline.active{
	background-color:#fff;
	border-left: none;
	color: #333;
   /* box-shadow: 1px 0 1px #CCCCCC; 
   box-shadow: 1px -1px 2px #A4A4A4;*/
   
   box-shadow: 0px 0px 1px #ccc;
   margin-top: -1px;
   border-top: solid 1px #ccc;
      	
	height:42px;	
	line-height:42px;
	margin-left: 0;  
	/*margin-top: 1px;*/
	padding-left: 24px;
	position:relative;
	z-index:2;}

	
	
	.testresult .containerbox li.content .list .listbox .resultlist li.active:first-child
	{
	 box-shadow: 3px -1px 2px #666;
   border-top: solid 1px #ccc;
   margin-top: 0;
	}
	
	
.testresult .containerbox li.content .list .listbox .resultlist li.listline.complete ul li {  color: #333; }
.testresult .containerbox li.content .list .listbox .resultlist li.listline.inactive>li {color: #999;	}

.testresult .containerbox li.content .list .listbox .resultlist .agent {width: 193px;}
.testresult .containerbox li.content .list .listbox .resultlist .agent .erroricon {color: #cb0003; margin-left: 15px; display: none;}
.testresult .containerbox li.content .list .listbox .resultlist .loadtime { width: 140px; text-align: center;}
.testresult .containerbox li.content .list .listbox .resultlist .testresult {width: 151px; white-space: nowrap;}

.testresult .containerbox li.content .list .listbox .resultlist .agent i {font-size: 14px;}
.testresult .containerbox li.content .list .listbox .resultlist .testresult i {float: left; margin-top: 11px; font-size: 14px; display: inline-block;}

.testresult .containerbox li.content .list .listbox .resultlist .testresult .testresulticon {
	color: #666;
	cursor: pointer;
	display: none;
	margin-right: 11px;
	margin-top: 15px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .testresult .containerbox li.content .list .listbox .resultlist .testresult .testresulticon { margin-top: 11px;}
}	
		
	
	
.testresult .containerbox li.content .list .listbox .resultlist .testresult .queuedicon {color: #666;  display: none;  margin-right:14px; }
.testresult .containerbox li.content .list .listbox .resultlist .testresult .testingicon {display: none;  margin-right: 15px; 	color: #333;  }

.testresult .containerbox li.content .list .listbox .resultlist li.listline .noresult,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.queued .agent,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.queued .loadtime   {color:#999;}

.testresult .containerbox li.content .list .listbox .resultlist .testresult .testing {color: #333; font-style: italic; display: none; font-weight: 300;}
.testresult .containerbox li.content .list .listbox .resultlist li.listline.testing {font-style: italic;} 


.testresult .containerbox li.content .list .listbox .resultlist .testresult .testresultlnk { font-weight:600; display: none;}
.testresult .containerbox li.content .list .listbox .resultlist .testresult .testresultlnk a {color: #006699; text-decoration: underline;}

.testresult .containerbox li.content .list .listbox .resultlist .testresult .noresult,
.testresult .containerbox li.content .list .listbox .resultlist .testresult .queued {display: none; color: #666; font-weight: 300;}

.testresult .containerbox li.content .list .listbox .resultlist li.listline.noresult .noresult,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.active,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.complete .testresulticon,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.complete .testresultlnk,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.testing,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.testing .testingicon,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.testing .testing,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.queued, 
.testresult .containerbox li.content .list .listbox .resultlist li.listline.queued .queuedicon,
.testresult .containerbox li.content .list .listbox .resultlist li.listline.queued .queued  {display: block;}



.instanttestresult.testresult { background-color:transparent; }
/*  Test result DIV style End */

.tablebox tr .errorcode {
      display: table-cell;
      text-decoration: none;
      line-height: 40px;
}
.viewport td.errorcode {
    line-height: 29px !important;
}
/*Update ping test result*/
/*.b-alerts__holder.cta + .b-picker__wrapper {
    pointer-events: none;
}*/
.b-picker_page_test .b-picker__test {
    padding-top: 32px;
}
.b-picker_page_test.smallscreen .b-picker__test {
    padding-top: 0;
}
.b-picker_page_test .b-picker__test .b-listing__header {
    display: none;
}
.b-picker_page_test.smallscreen .b-picker__test .b-listing__header {
    display: block;
}
.b-picker_page_test .b-listing_page_test.hidden {
    min-width: 1000px;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 100;
}
/*.b-picker_page_test .b-listing_page_test.hidden .b-listing__header {
    padding-right: 18px;
}*/
.b-picker_page_test.smallscreen .b-listing_page_test.hidden {
    display: none;
}
.b-picker_page_test .b-picker__footer {
    background-color: transparent;
    padding: 8px 20px;
}
.b-picker_page_test .b-picker__footer .b-button {
    float: right;
    margin-right: 10px;
    padding: 4px 10px;
    width: 160px;
}
.b-picker_page_test .b-picker__footer .b-button .b-button__inner {
    text-transform: none;
}
.b-picker_page_test .b-picker__footer .b-button .b-button__inner span {
    display: block;
    font-size: 11px;
    line-height: 14px;
}
.b-picker_page_test .b-picker__ip {
    display: none;
    overflow: hidden;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dmi-spinner {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
.b-picker.completed .dmi-spinner {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

.b-listing_page_test {
    border-radius: 0;
    border: none;
    min-width: 980px;
}
.b-listing_page_test .b-listing__header {
    border-radius: 0;
    border: none;
    margin-bottom: 2px;
    padding-left: 0;
}
.b-listing__item {
    color: #333;
}
.b-listing_page_test .b-listing__header .b-listing__tile {
    cursor: pointer;
    height: 30px;
}
.b-listing_page_test .b-listing__header .b-listing__tile:last-of-type {
    pointer-events: none;
}
.b-listing_page_test .b-listing__header .b-listing__tile:hover {
    background: #bfcddb;
}
.b-listing_page_test .b-listing__tile {
    padding: 0 10px;
    position: relative;
    float: left;
    box-sizing: border-box;
}
.b-listing_page_test .b-listing__tile.location {
    overflow: hidden;
    padding-left: 20px;
    width: 205px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@-moz-document url-prefix() 
{   
.b-listing_page_test .b-listing__tile.location .b-listing__sorting {
        margin-top: -30px;   
    } 
} 

    
.b-picker_page_test.bigscreen .b-listing_page_test .b-listing__tile.location,
.b-picker_page_test.fullscreen .b-listing_page_test .b-listing__tile.location {
    width: 21%;
}
.b-listing_page_test .b-listing__tile.time {
    min-width: 220px;
}
.b-picker_page_test.bigscreen .b-listing_page_test .b-listing__tile.time,
.b-picker_page_test.fullscreen .b-listing_page_test .b-listing__tile.time {
    width: 22%;
}
.b-listing_page_test .b-listing__tile.duration {
    min-width: 140px;
}
.b-picker_page_test.bigscreen .b-listing_page_test .b-listing__tile.duration,
.b-picker_page_test.fullscreen .b-listing_page_test .b-listing__tile.duration {
    width: 14%;
}
.b-listing_page_test .b-listing__list .b-listing__tile.duration {
    text-align: center;
}
.b-picker_page_test.bigscreen .b-listing_page_test .b-listing__list .b-listing__tile.duration,
.b-picker_page_test.fullscreen .b-listing_page_test .b-listing__list .b-listing__tile.duration {
    text-align: left;
    padding-left: 30px;
}
    .b-listing_page_test .b-listing__tile.duration .erroricon {
        display: none;
        color: #CC0000;
        padding: 0;
        font-size: 14px;
        line-height: 28px;
        vertical-align: top;
    }
    .b-listing_page_test .b-listing__item.fail .b-listing__tile.duration .erroricon {
        display: inline-block;
    }
    .b-listing_page_test .b-listing__item.fail .b-listing__tile.duration .erroricon + .errorhint {
        margin-right: -88px;
    }
    .b-listing_page_test.bigscreen .b-listing__item.fail .b-listing__tile.duration .erroricon + .errorhint,
    .b-listing_page_test.fullscreen .b-listing__item.fail .b-listing__tile.duration .erroricon + .errorhint {
        margin-right: -54px;
    }
    .b-listing_page_test .b-listing__item.fail .b-listing__tile.duration .durvalue {
        line-height: 20px;
        vertical-align: top;
    }
.b-listing_page_test .b-listing__tile.status {
    min-width: 135px;
}
.b-picker_page_test.bigscreen .b-listing_page_test .b-listing__tile.status,
.b-picker_page_test.fullscreen .b-listing_page_test .b-listing__tile.status {
    width: 14%;
}
.b-listing_page_test .b-listing__tile.code {
    min-width: 130px;
}
.b-picker_page_test.bigscreen .b-listing_page_test .b-listing__tile.code,
.b-picker_page_test.fullscreen .b-listing_page_test .b-listing__tile.code {
    width: 13%;
}
.b-listing_page_test .b-listing__tile.description {
    min-width: 150px;
}
.b-picker_page_test.bigscreen .b-listing_page_test .b-listing__tile.description,
.b-picker_page_test.fullscreen .b-listing_page_test .b-listing__tile.description {
    width: 15%;
}
.b-listing_page_test .b-listing__sorting {
    float: right;
}
.testlabel {
    display: none;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    vertical-align: top;
}
.teststatus {
    text-transform: uppercase;
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
}
.teststatus i {
    margin-right: 5px;
    color: #333;
}
.b-listing_page_test .b-listing__list .b-listing__item.testing .teststatus {
    text-transform: none;
    font-style: italic;
}
.b-listing_page_test .b-listing__list .b-listing__item.success .teststatus {
    color: #339933;
}
.b-listing_page_test .b-listing__list .b-listing__item.fail .teststatus,
.errorcode,
.errordescription {
    display: inline-block;
    color: #cc0000;
    cursor: default;
    line-height: 28px;
    vertical-align: top;
    text-decoration: underline;
}
    .errordescription.ping_error_caps {
        text-transform: uppercase;
    }
#errorhint {
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    display: none;
    padding: 6px 8px;
    margin-right: -38px;
    margin-bottom: 0;
    max-width: 290px;
    position: absolute;
    z-index: 100;
    background: #fff;
    color: #cc0000;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left;
}
#errorhint:before,
#errorhint:after {
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    top: 100%;
    right: 10px;
    content: " ";
}
#errorhint:before {
    border-color: #ccc transparent transparent;
    border-width: 8px;
    margin-left: -8px;
}
#errorhint:after {
    border-color: #fff transparent transparent;
    border-width: 7px;
    margin-left: -7px;
}
.b-listing_page_test .b-listing__list .b-listing__item.fail .teststatus:hover + .errorhint,
.errorcode:hover + .errorhint,
.erroricon:hover + .errorhint,
.errordescription:hover + .errorhint {
    display: block;
}
.b-listing__item:nth-of-type(-n+4) .errorhint {
    margin-top: 3px;
    top: 100%;
    bottom: auto;
}
.b-listing__item:nth-of-type(-n+4) .errorhint:before,
.b-listing__item:nth-of-type(-n+4) .errorhint:after {
    top: auto;
    bottom: 100%;
}
.b-listing__item:nth-of-type(-n+4) .errorhint:before {
    border-color: transparent transparent #ccc;
}
.b-listing__item:nth-of-type(-n+4) .errorhint:after {
    border-color: transparent transparent #fff;
}

.brief {
    float: left;
    margin-top: 7px;
}
.brief__item {
    display: inline-block;
    width: 220px;
    vertical-align: top;
}
.b-picker_page_test.smallscreen .brief__item {
    width: 200px;
}
.b-picker_page_test.smallscreen .b-picker__footer.third .brief__item_third {
    display: none;
}
.b-picker_page_test.smallscreen .b-picker__footer.second .brief__item_second {
    display: none;
}
.b-picker_page_test.smallscreen .b-picker__footer.first .brief__item_first {
    display: none;
}
.b-picker_page_test.smallscreen .b-picker__footer.first {
    text-align: center;
}
.b-picker_page_test.smallscreen .b-picker__footer.first .b-button {
    float: none;
}
.brief__item .fa {
    margin-right: 10px;
    color: #333;
    font-size: 24px;
    line-height: 32px;
    vertical-align: middle;
}
.brief__item:first-of-type .fa {
    color: #666;
}
.brief__inner {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    vertical-align: top;
}
.brief__title {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}
.brief__inner span {
    letter-spacing: -.42px;
    margin-left: 5px;
}
.brief__inner span:first-of-type {
    margin-left: 0;
}
.brief__inner span#stat_success {
    color: #339933;
}
.brief__inner span#stat_failures {
    color: #CC0000;
}

.cta {
    display: none;
}
.b-alerts__holder.cta {
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
    overflow: hidden;
    width: 480px;
    margin-left: -240px;
    top: 180px;
    z-index: 105;
}
.cta__holder {
    padding: 15px 15px 30px;
    text-align: center;
}
.cta__ip {
    color: #006699;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}
.b-alerts__header .cta__ip {
    display: none;
    overflow: hidden;
    line-height: 20px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cta__slogan {
    margin: 15px 0 30px;
    color: #333;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -.9px;
}
.cta__text {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}
.cta__know {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    margin: 23px 0 22px;
}
.cta__free {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}
.cta__buttons .b-button {
    border-radius: 0;
    display: inline-block;
    height: 45px;
    margin-left: 44px;
    width: 160px;
    font-size: 22px;
    vertical-align: middle;
}
.cta__buttons .b-button:first-of-type {
    margin-left: 0;
}
.cta__buttons .b-button.b-button_skip {
    background-color: #ccc;
    width: 136px;
    height: 38px;
    font-size: 16px;
    text-transform: none;
}
.cta__buttons .b-button.b-button_skip .b-button__inner {
    color: #666;
}
.cta__buttons .b-button .b-button__inner span {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: none;
}

#triallink {
    display: none;
}

.windows-counters-ping {
    float: left;
}

.urlbox a.btn-start-test .windows-counters-ping i {
    float: left;
    height: 20px;
    margin: 14px 10px 14px 19px;
    width: 26px;
    color: #fff;
    font-size: 24px;
}


/*New styles tools 08.07.2015 Release 32*/
.b-tools:before, .b-tools:after,
.b-tools__map:before, .b-tools__map:after,
.b-captcha:before, .b-captcha:after,
.b-tools__block ul:before, .b-tools__block ul:after,
.b-browser__holder:before, .b-browser__holder:after,
.b-tools__free:before, .b-tools__free:after,
.b-tools__block:before, .b-tools__block:after,
.b-browser__inner:before, .b-browser__inner:after,
.b-tools__block ul.list_linear:before, .b-tools__block ul.list_linear:after,
.b-tools__row:before, .b-tools__row:after {
    display: table;
    content: '';
}
.b-tools:after,
.b-tools__map:after,
.b-captcha:after,
.b-browser__holder:after,
.b-tools__free:after,
.b-browser__inner:after,
.b-tools__block ul:after,
.b-tools__block:after,
.b-tools__block ul.list_linear:after,
.b-tools__row:after {
    clear: both;
}

/*b-tools new styles*/
.b-tools {
    box-sizing: border-box;
    margin: auto;
    padding: 25px 15px 60px 15px;
    max-width: 1000px;
    font-family: 'OpenSans', sans-serif;
    font-weight: normal;
}
.b-tools__sidebar {
    float: left;
    width: 190px;
}
.b-tools__holder {
    box-sizing: border-box;
    display: block;
    float: left;
    clear: none;
    margin-left: 30px;
    width: calc(100% - 220px);
}
.b-tools__inner {
    box-shadow: inset 0 1px 0 #fff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 2px;
    padding: 21px 23px 25px 23px;
    background: #eee;
}
.b-tools__title {
    color: #000;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -.72px;
    line-height: 48px;
    text-shadow: 1px 1px #fff;
}
.b-tools__header {
    text-align: center;
}
.b-tools__header .b-tools__title {
    display: inline-block;
    vertical-align: middle;
}
.b-tools__date {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    margin-left: 10px;
    color:#676767;
    font-size:16px;
}
.b-tools__date span {
    margin-left: 5px;
}
.b-tools__ptable {
    margin: 30px 0;
}
.b-tools__ptable .ptable {
    margin-top: 0;
}
.b-tools__picture {
    margin: 15px 0;
    text-align: center;
}
.b-tools__picture img {
    display: inline-block;
    max-width: 100%;
}
.b-tools__subtitle {
    display: block;
    color: #666;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: -.72px;
    text-shadow: 1px 1px #fff;
}
.b-tools__map {
    margin-top: 30px;
}
.b-tools__map img {
    float: right;
}
.b-tools__map p {
    float: left;
    width: 360px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
}
.b-tools__map a {
    color: #006699;
}
.b-tools__map a:hover {
    text-decoration: underline;
}
.b-tools__map span {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -.54px;
}
.b-tools__info {
    margin-top: 10px;
    position: relative;
}
.b-tools__row {
    margin-top: 12px;
}
.b-tools__row:first-of-type {
    margin-top: 0;
}
.b-tools__name {
    margin-bottom: 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}
.b-tools__field {
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    float: left;
    height: 48px;
    margin-right: 36px;
    outline: none;
    padding: 9px;
    width: 436px;
    color: #666;
    font-family: "OpenSans", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: -.54px;
}
.b-tools__field:focus {
    border-color: #000;
    color: #333;
}
.b-tools__info .b-button {
    width: 197px;
    padding: 13px 0 12px;
    font-size: 18px;
}
.b-tools__info .b-button i {
    display: inline-block;
    margin-right: 15px;
    line-height: 21px;
    vertical-align: top;
}
.b-tools__captcha {
    width: 304px;
    margin-top: 15px;
}
.b-tools__inner .errortxt {
    margin: 0;
    width: 210px;
    position: absolute;
    right: 0;
    bottom: 145px;
    z-index: 10;
    color: #cc0000;
    font-size: 13px;
    line-height: 18px;
}
.b-tools__setting {
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-top: 12px;
    padding: 15px;
    background: #f0f0f0;
}
.b-tools__setting-header {
    border-bottom: 1px solid #ccc;
    display: block;
    padding-bottom: 7px;
    padding-left: 25px;
    position: relative;
    color: #000;
    font-size: 16px;
    line-height: 20px;
}
.b-tools__setting-header:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: dotcom;
    line-height: 20px;
    content: '\f1de';
}
.b-tools__setting .b-accordion {
    margin-top: 25px;
}
.b-tools__measure {
    padding-left: 40px;
    padding-right: 25px;
    position: relative;
    color: #666;
    font-size: 12px;
    line-height: 16px;
}
.b-tools__measure span {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
.b-tools__measure .b-checkbox {
    position: absolute;
    top: 8px;
    left: 16px;
}
.b-tools__block {
    margin-top: 25px;
}
.b-tools__block,
.b-tools__block p {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
}
.b-tools__block p {
    margin-top: 15px;
}
.b-tools__block p b {
    display: block;
}
.b-tools__light {
    font-weight: 300;
}
.b-tools__bold {
    font-weight: bold;
}
.b-tools__block p:first-of-type {
    margin-top: 0;
}
.b-tools__block h2,
.b-tools__block h3,
.b-tools__block h4 {
    margin: 0 0 7px;
    color: #484848;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
}
.b-tools__block h5 {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}
.b-tools__block ul {
    margin: 20px 0 10px;
    color: #333;
    list-style: none;
}
.b-tools__block ol {
    margin: 20px 0 10px;
    color: #333;
}
.b-tools__block ul.b-tools__speed-list {
    width: 315px;
    float: left;
}
.b-tools__block ul li {
    color: #333;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    line-height: 20px;
}
.b-tools__block ol li {
    color: #333;
    margin-bottom: 10px;
    position: relative;
    line-height: 20px;
}
.b-tools__block ol li span {
    font-weight: bold;
}
.b-tools__block ul.list_linear li {
    box-sizing: border-box;
    float: left;
    width: 410px;
}
.b-tools__block ul.list_linear li:nth-of-type(even) {
    width: 320px;
}
.b-tools__block ul.list__triple li {
    box-sizing: border-box;
    float: left;
    margin-bottom: 15px;
    width: 33.33%;
}
.b-tools__block ul li:before {
    position: absolute;
    top: 0;
    left: 7px;
    font-family: dotcom;
    font-size: 5px;
    content: '\f111';
}
.b-tools__block a {
    color: #006699;
    text-decoration: none;
}
.b-tools__block a:hover {
    text-decoration: underline;
}
.b-tools__block blockquote {
    display: block;
    margin: 25px;
    font-size: 14px;
    font-style: italic;
    line-height: 26px;
}
.b-tools__block strong {
    display: block;
    margin-top: 25px;
    color: #484848;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
}
.b-tools__speed-screen {
    float: left;
    margin-top: -25px;
    margin-left: 25px;
}
.b-tools__note {
    float: left;
    margin-right: 36px;
    width: 436px;
    color: #333;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.2px;
}
.b-tools__free {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1);
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0;
    margin: 40px 0 30px;
    padding: 28px 20px;
    position: relative;
}
.b-tools__free:before{
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    background: #fff;
    content: '';
}
.b-tools__free:before {
    top: 1px;
}
.b-tools__free .b-button {
    float: right;
    padding: 11px 0;
    width: 202px;
    color: #232323;
    font-size: 10px;
    line-height: 13px;
}
.b-tools__free .b-button__inner {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.b-tools__free-message {
    float: left;
    margin-top: 4px;
    width: 445px;
    color: #333;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
}
.b-tools__free-message span {
    display: block;
    margin-top: 5px;
    color: #054d74;
    font-size: 16px;
}
.b-tools__free-message img {
    display: inline-block;
    vertical-align: top;
}
@media  screen and (min-width : 320px) and (max-width : 1000px) {
    .b-tools {
        box-sizing: border-box;
        padding: 20px 10px;
        width: 100%;
        font-size: 16px;
    }
    .b-tools__measure {
        font-size: 12px !important;
    }
    .b-tools__sidebar {
        display: none;
    }
    .b-tools__holder {
        margin-left: 0;
        padding: 0 !important;
        width: 100% !important;
    }
    .b-tools__inner {
        padding: 6px;
    }
    .b-tools__inner .errortxt {
        position: static;
        margin-top: 5px;
        width: 100%;
    }
    .b-tools__note {
        float: none;
        margin: 0 auto 15px;
        width: auto;
    }
    .b-tools__title {
        font-size: 25px;
        line-height: 30px;
        text-align: center;
    }
    .b-tools__subtitle {
        text-align: center;
    }
    .b-tools__map img {
        display: none;
    }
    .b-tools__map p {
        width: auto;
        font-size: 16px;
        font-weight: 300;
        text-align: justify;
    }
    .b-tools__info {
        text-align: center;
    }
    .b-tools__field {
        float: none;
        display: block;
        margin: 0 auto 20px;
        max-width: 436px;
        width: 95%;
    }
    .b-tools__captcha {
        margin: auto;
    }
    .b-tools__block ul li {
        font-size: 16px;
        line-height: 20px;
    }
    .b-tools__block ul.b-tools__speed-list {
        width: 100%;
    }
    .b-tools__block ul.list_linear li,
    .b-tools__block ul.list_linear li:nth-of-type(even) {
        width: 100%;
    }
    .b-tools__block ul.list__triple li {
        width: 50%;
    }
    .b-tools__speed-screen {
        display: none;
    }
    .b-tools__block blockquote {
        text-align: center;
        font-size: 16px;
    }
    .b-tools__free .b-button {
        display: block;
        float: none;
        margin: 20px auto 0;
    }
    .b-tools__free-message {
        float: none;
        margin: auto;
        width: auto;
        text-align: center;
    }
    .b-tools__free-message img {
        margin-bottom: 5px;
    }
}

/*New Styles Captcha*/
.b-captcha {
    box-sizing: border-box;
    box-shadow: 0 1px 0 #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    height: auto;
    margin: 0;
    padding: 7px 9px 13px;
    width: 100%;
    background: #f5e7e7;
}
.b-captcha__title {
    display: block;
    margin-bottom: 10px;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}
.b-captcha__thumbnail {
    box-sizing: border-box;
    border: 1px solid #ccc;
    height: 30px;
    width: 98px;
    float: left;
}
.b-captcha__thumbnail img {
    display: block;
    max-width: 100%;
}
.b-captcha__refresh {
    box-sizing: border-box;
    border: 1px solid  #ccc;
    float: left;
    height: 30px;
    padding: 1px;
    width: 30px;
    background: #fff;
    color: #999;
    font-size: 16px;
}
.b-captcha__refresh:hover {
    color: #666;
}
.b-captcha__refresh i {
    display: block;
    line-height: 26px;
    background: #eee;
    cursor: pointer;
    text-align: center;
}
.b-captcha__is {
    float: left;
    width: 18px;
    color: #999;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}
.b-captcha__field {
    box-sizing: border-box;
    border: 1px solid #ccc;
    float: left;
    height: 30px;
    outline: none;
    width: 30px;
    color: #000;
    font-size: 14px;
    text-align: center;
}
.b-captcha__field:focus {
    border-color: #000;
}

/*New styles browser icons*/
.b-browser {
    float: left;
    margin-right: 36px;
    padding-top: 10px;
    width: 436px;
    min-height: 1px;
}
.b-browser__name {
    margin-bottom: 7px;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.b-browser__value {
    margin-left: 3px;
    color: #333;
    font-weight: 600;
}
.b-browser__holder {
    position: relative;
}
.b-browser__item {
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, .1);
    float: left;
    height: 36px;
    margin-left: 5px;
    width: 36px;
    position: relative;
    cursor: pointer;
}
.b-browser__item:first-of-type {
    margin-left: 0;
}
.b-browser__item.selected {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1),
                inset 0 0 5px 0 rgba(0, 0, 0, .2);
    background: #dedede;
}
.b-browser__icon {
    display: block;
    height: 100%;
    position: relative;
    background: url(/National_Library/oe_/https://www.dotcom-tools.com/images/tools/browser__icons.png) no-repeat;
}
.b-browser__icon.item1 {
    background-position: 0 0;
}
.b-browser__icon.item2 {
    background-position: 0 -34px;
}
.b-browser__icon.item3 {
    background-position: 0 -68px;
}
.b-browser__icon.item4 {
    background-position: 0 -102px;
}
.b-browser__icon.item5 {
    background-position: 0 -136px;
}
.b-browser__icon.item6 {
    background-position: 0 -170px;
}
.b-browser__icon.item7 {
    background-position: 0 -204px;
}
.b-browser__inner {
    box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 1);
    border: 1px solid #ccc;
    display: none;
    margin-left: 1px;
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: 100;
    background: #fff;
}
.b-browser__inner_columns_two {
    width: 400px;
}
.b-browser__list {
    box-sizing: border-box;
    float: left;
    width: 200px;
    list-style: none;
}
.b-browser__inner_columns_two .b-browser__list:nth-of-type(n+1) {
    border-right: 1px solid #ccc;
}
.b-browser__subitem {
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    min-height: 28px;
    padding-left: 20px;
    color: #666;
    font-size: 13px;
    line-height: 27px;
}
.b-browser__subitem:first-of-type {
    border-top: none;
}
.b-browser__subitem_state_inactive {
    pointer-events: none;
    cursor: default;
}
.b-browser__subitem:hover {
    background: #006699;
    color: #fff;
    font-weight: bold;
}
@media  screen and (min-width : 320px) and (max-width : 1000px) {
    .b-browser {
        float: none;
        margin: 0 0 15px;
        width: auto;
        display: inline-block;
        text-align: left;
    }
    .b-browser__name {
        text-align: left;
        margin-bottom: 10px;
    }
    .b-browser__item {
        position: static;
    }
    .b-browser__inner {
        margin-top: 0 !important;
        top: 100%;
        left: 0;
    }
    .b-browser__inner_columns_two {
        width: 286px;
    }
    .b-browser__inner_columns_two .b-browser__list {
        width: 143px;
    }
    .b-browser__subitem {
        padding: 3px 10px 4px;
        line-height: 20px;
    }
}

/*New styles Left Menu*/
.b-navigation {

}
.b-navigation__list {
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    background: rgb(247, 247, 247);
    background: -moz-linear-gradient(0deg, rgb(247, 247, 247) 0%, rgb(220, 220, 220) 100%);
    background: -webkit-linear-gradient(0deg, rgb(247, 247, 247) 0%, rgb(220, 220, 220) 100%);
    background: -o-linear-gradient(0deg, rgb(247, 247, 247) 0%, rgb(220, 220, 220) 100%);
    background: -ms-linear-gradient(0deg, rgb(247, 247, 247) 0%, rgb(220, 220, 220) 100%);
    background: linear-gradient(90deg, rgb(247, 247, 247) 0%, rgb(220, 220, 220) 100%);
    list-style: none;
}
.b-navigation__item {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px 1px 0;
    position: relative;
}
.b-navigation__item:before {
    height: 1px;
    margin-top: 2px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    content: '';
}
.b-navigation__item:not(.active):hover {
    background: #fff;
    font-weight: 600;
}
.b-navigation__item:not(.active):hover:before {
    height: 2px;
    margin-top: 0;
}
.b-navigation__link {
    display: block;
    padding: 17px 0 17px 25px;
    position: relative;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
.b-navigation__link:before {
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 0;
    color: #b2b2b2;
    font-family: dotcom;
    font-size: 14px;
    content: '\f0c8';
}
.b-navigation__link.external:before {
    content: '\f14c';
}
.b-navigation__item:hover .b-navigation__link.external:before {
    color: #666;
}
.b-navigation__item.active .b-navigation__link {
    font-weight: 600;
    background: none !important;
}
.b-navigation__link.activetab {
    background: none !important;
}
.b-navigation__item.active .b-navigation__link:before {
    color: #666;
}
.b-navigation__network {
    display: inline-block;
    margin: 18px 0 20px 13px;
    padding-left: 32px;
    position: relative;
    color: #0000cc;
    font-size: 13px;
    line-height: 23px;
    text-decoration: underline;
    vertical-align: top;
}
.networklatency .b-navigation__network {
    display: none;
}
.b-navigation__network:before {
    height: 23px;
    margin-top: -12px;
    width: 25px;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(/National_Library/oe_/https://www.dotcom-tools.com/images/network-latency-icon.gif) no-repeat;
    content: '';
}

.testfreebox__trial {
    border-radius: 0;
    box-shadow: 0 0 4px 2px #ccc;
    border: solid 1px #59711a;
    display: block;
    height: 32px;
    margin: 7px auto 0;
    width: 130px;
    background-color: #788f3c;
    color: #fff;
    font: 600 22px/30px "OpenSans", sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.securitybox__captcha {
    display: block;
    width: 304px;
}
.typeitembox {
    display: inline-block;
    margin-bottom: 25px;
}

/*Mobile version*/
@media screen and (max-width: 1024px) {
    .b-picker.fullscreen {
        padding: 10px 5px;
    }
}

@media screen and (max-width: 768px) {
    .b-picker_page_test .b-picker__wrapper {
        border-radius: 0;
        margin: 0 auto;
        min-width: 310px;
        width: 100%;
        position: relative;
        left: 0 !important;
    }
    .b-picker_page_test .b-picker__header {
        border-radius: 0;
        margin-bottom: 2px;
        padding: 3px 20px;
        position: relative;
        text-align: center;
    }
    .b-picker_page_test .b-picker__name {
        float: none;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
        max-width: 100%;
    }
    .b-picker_page_test .b-picker__ip {
        display: block;
    }
    .b-picker_page_test .b-picker__full {
        display: none;
    }
    .b-picker_page_test .b-picker__test {
        padding-top: 0;
        /*height: calc(100% - 40px);*/
    }
    .b-picker_page_test.smallscreen .b-picker__test .mCSB_container {
        width: 100% !important;
    }
    .b-picker_page_test.smallscreen .b-picker__test .b-listing__header {
        display: none;
    }
    .b-picker_page_test .b-listing_page_test {
        min-width: 100%;
    }
    .b-picker_page_test .b-picker__footer {
        /*display: none;*/
        border-radius: 0;
        padding: 7px 20px;
    }

    .brief {
        display: none;
    }

    .b-picker .ui-resizable-se {
        display: none !important;
    }

    .b-listing_page_test .b-listing__header {
        display: none;
    }
    .b-listing_page_test .b-listing__item {
        padding: 3px 0;
    }
    .b-listing_page_test .b-listing__tile.location,
    .b-listing_page_test .b-listing__tile.time,
    .b-listing_page_test .b-listing__tile.duration,
    .b-listing_page_test .b-listing__tile.status,
    .b-listing_page_test .b-listing__tile.code,
    .b-listing_page_test .b-listing__tile.description {
        width: 50%;
        min-height: 22px;
        padding: 0 8px;
        line-height: 22px;
        min-width: auto;
    }
    .b-listing_page_test .b-listing__tile.time,
    .b-listing_page_test .b-listing__tile.status,
    .b-listing_page_test .b-listing__tile.description {
        text-align: right;
    }
    .b-listing_page_test .b-listing__list .b-listing__tile.duration {
        text-align: left;
    }
    .b-listing_page_test .b-listing__tile.location {
        color: #000;
        font-weight: 600;
    }
    .b-listing_page_test .b-listing__list .b-listing__item .testlabel {
        display: inline-block;
    }
    .b-listing_page_test .b-listing__list .b-listing__item .teststatus {
        text-transform: none;
        line-height: 20px;

    }
     .b-listing_page_test .b-listing__list .b-listing__item .durvalue {
        display: inline-block;
        line-height: 20px;
        vertical-align: top;
    }
    .b-listing_page_test .b-listing__tile.duration .erroricon {
        line-height: 20px;
        text-decoration: underline;
    }
    .b-listing_page_test .b-listing__tile.duration .erroricon:hover {
        text-decoration: none;
    }
    .b-listing_page_test .b-listing__list .b-listing__item.fail .teststatus,
    .b-listing_page_test .b-listing__list .b-listing__item .errorcode,
    .b-listing_page_test .b-listing__list .b-listing__item .errordescription {
        line-height: 18px;
    }
    .errorhint {
        right: 5px;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .b-listing__tile.code .errorhint,
    .b-listing__tile.duration .errorhint {
        right: auto;
        left: 10px;
    }
    .b-listing__tile.code .errorhint:before,
    .b-listing__tile.code .errorhint:after {
        right: auto;
        left: 85px;
    }
    .b-listing__tile.duration .errorhint:before,
    .b-listing__tile.duration .errorhint:after {
        right: auto;
        left: 101px;
    }

    .cta__slogan {
        font-size: 32px !important;
    }

    .securitybox__captcha {
        margin: auto;
    }
}
@media screen and (max-width: 480px) {
    .b-listing_page_test .b-listing__tile.location,
    .b-listing_page_test .b-listing__tile.time,
    .b-listing_page_test .b-listing__tile.duration,
    .b-listing_page_test .b-listing__tile.status,
    .b-listing_page_test .b-listing__tile.code,
    .b-listing_page_test .b-listing__tile.description {
        padding: 0 6px;
        letter-spacing: -.5px;
    }
    .b-listing_page_test .b-listing__tile.duration .testlabel {
        margin-right: 0;
    }
    .cta.b-alerts__holder {
        border-radius: 0;
        box-shadow: none;
        border: none;
        margin-left: 0;
        min-width: 320px;
        width: 100%;
        left: 0;
    }
    .b-alerts__header {
        border-radius: 0;
        background: #006699;
        text-align: center;
    }
    .b-alerts__heading {
        display: none;
    }
    .cta__ip {
        display: none;
    }
    .b-alerts__header .cta__ip {
        display: block;
    }
    .cta__buttons .b-button.b-button_skip {
        width: 110px;
    }
    .cta__buttons .b-button {
        margin-left: 20px;
        width: 140px;
    }
}

@media screen and (max-width: 360px){
    .b-tools__captcha #reCaptcha {
        transform:scale(0.94);
        -webkit-transform:scale(0.94);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}