@import url("/National_Library/cs_/https://www.dotcom-tools.com/css/common/opensans.css");
@import url("/National_Library/cs_/https://www.dotcom-tools.com/css/common/common.css");
 
body {    background-color: #f4f4f4;}


.wbox {width: 100%;}	
		
.wboxcont {
	display: block;
	margin: 0 auto;
	width: 1000px;	}


header .ttopsectionbox nav,
header .mainsection, .maincontent {
 clear: both;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 15px;
    width: 1000px;}


.header .phonesbox span { display: none; }
.header .phonesbox {
    background-color: #063a56;
    clear: both;
    color: #ccc;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.4pt;
    line-height: 8px;
    text-align: center;
    height: 8px;}




/* header Google searchbox  Start */

.searchbox{
	float: right;
	width: 325px;
	height: 32px;
	line-height: normal;
	margin-top: 7px;}



	
.searchbox .label	
{
	float: left;
	 margin-top: 13px;
	 margin-right: 8px;
}


.searchbox ___gcse_0
{
display: inline-block;
	float: left;
	height: 40px;
}
	
.searchbox form.gsc-search-box {
    font-size: 13px;
    margin: 0;
    line-height: normal;
    margin-top: 6px;
    width: 100%;}

.searchbox form.gsc-search-box>table {height: 25px;}


.searchbox::-ms-clear
{
    display: none !important;
}
    
.searchbox .gsc-control-cse {    
    background-color: transparent;
    border-color:none;
    border: none;
    padding: 0;
    font-family: Verdana,sans-serif;}



    
 .searchbox .gsc-results-wrapper-overlay {    
    left: 43%;    
    top: 10%;   
    width: 30%;}
    


.searchbox  .gsc-search-box-tools .gsc-search-box .gsc-input input {
background-image: none !important;
	font-family: OpenSans, sans-serif;	
	font-size: 13px;
	height: 25px!important;
	background: none!important;
	font-weight: normal;}
	
.searchbox  .gsib_a {padding-top:0; }


/*
body:nth-of-type(1) .searchbox  .gsib_a { padding-top:5px; padding-top:0px\0/;}  Chrome */




.searchbox  .gsib_b {padding-top: 3px;}

    
/* header Google searchbox  End */




.maincontent .asidebox p { font-size: 12px;}
.networkmonitoringlist ul li { font-size: 12px;}
.maincontent .maincontent2columns .rside .uptimefeatures li p { font-size: 12px;}

.maincontent .maincontent2columns .rside .uptimefeatures li h4 {
    color: #333;
    font-size: 14px;
    letter-spacing: -0.5px;}    

.buttonbox1 button, .rightblockbuttons .buttonbox1 button
{
float:right;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	height: 15px;
	border: none;
	padding: 0;
	padding-bottom:1px;
	padding-bottom:0px\0/;
	border-radius: 3px;
	cursor: pointer;
	font-size: 9px;
	font-weight: 300;
	width:83px;
	letter-spacing:-0.1px;
	letter-spacing:-0.2px\0/;
	
/* Chrome CSS hack  */	
	(-bracket-:hack;
        padding-top: 2px;
    );
}



.buttonbox1
{display:block;
background-color:#ebebeb;
margin-bottom:11px;
border-radius: 8px;   
height:16px;
padding:12px;
width:210px;}

.buttonbox1 .bluebutton {background-color: #0789c0;}
.buttonbox1 .bluebutton:hover {background-color: #1498d0;}
.buttonbox1 .greenbutton {background-color: #339933;}
.buttonbox1 .greenbutton:hover {background-color: #35b034;}

.buttonbox1 span, .rightblockbuttons .buttonbox1 span {font-weight:600;}






.maincontent, .wrapper.content
{	
	padding: 0 15px 60px 15px;
	width: 970px;
	 margin: 0 auto;
}


.maincontent .maincontent2columns .lside {width: 190px;}
.maincontent .maincontent2columns .lside .verticaltabs { margin-top: 0;}
.maincontent .maincontent2columns .lside nav {margin-top: 0px;}



.maincontent section p {font-size: 14px; color: #333;}



.maincontent .asidebox1 { box-shadow: 0 0 2px #888888; box-shadow: 0 0 4px #888888\0/}

.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h1.pagetitle { 	font-weight: 600;}
.subnav .customselectbox .selectmenu .title {font-size: 90%;}
.subnav .customselectbox .selectmenu .cscontent li a {font-size: 90%;}
.subnav .customselectbox .selectmenu .cscontent li.selected a {font-weight: 600;}




.rside .subnav {  margin-top: 0; margin-bottom: 0;}


.instanttest .yellowbox p {
    letter-spacing: normal;
    line-height: 18px; 
}



.wbox-subheader {
	background-color: #e6e6e6;
	height: 60px;
	line-height: 60px;
	 border-bottom: 1px solid #ccc;
	 /* margin-top: 0; */
	 margin-top: 68px;
}

.wbox-subheader .getstartedtop {display: none;}


.wbox-subheader .breadcrumbs { float: left; font-size: 13px; letter-spacing: -0.3pt; color: #333333; }

.wbox-subheader .breadcrumbs>a
{
font-size: 13px;
letter-spacing: -0.5pt; 
color:  #006699;
}


.wbox-subheader .breadcrumbs>a:hover
{
	text-decoration: underline;
}

.wbox-subheader .search {float: right;}
.wbox-subheader .search .label, .wbox-subheader .searchbox  {float:left;}
.wbox-subheader .label { margin-right: 10px;}


.wbox-subheader .upperlinks {
    color: #333;    
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    margin: 19px 0  27px 10px;}

.wbox-subheader .upperlinks span{ color:#666;}
.wbox-subheader .upperlinks .arrow {
	display: inline;
	float:left;
	margin: 0 20px;}
	
.wbox-subheader .upperlinks a { text-decoration: none; color: #333;}


.maincontent .maincontent2columns .rside, .maincontent .maincontent2columns .lside {
margin-top: 25px;
/*padding-left: 25px; */
}




/*Left Vertical Menu*/

.maincontent .maincontent2columns .lside nav {background-color: #f7f7f7;}


.maincontent  .maincontent2columns .lside .verticaltabs{
	padding-left: 0;
	margin: 10px;
	margin-top: 0;
	width: 180px;
	list-style: none;
}


.maincontent  .maincontent2columns .lside .verticaltabs .activetab  a:hover {	background-color:#F7F7F7;}

.maincontent .maincontent2columns .lside .verticaltabs .activetab {
    background: url("/National_Library/oe_/https://www.dotcom-tools.com/images/activetabBg.png") no-repeat scroll center bottom transparent;
    border-right: none;
}

.maincontent .maincontent2columns .lside .verticaltabs li.rootitem.activetab a,
.maincontent .maincontent2columns .lside .verticaltabs li.rootitem.activetab a:hover {
    background: url("/National_Library/oe_/https://www.dotcom-tools.com/images/bullet2.gif") no-repeat center left;
    background-position:0 40%;
    color: #333333;
   font-family: "OpenSans";
    font-weight: 600;
    padding-bottom: 15px;
    border-right:1px solid #ccc;

}
    

.maincontent .maincontent2columns .lside .verticaltabs .leftSubMenu li {
    background: url("/National_Library/oe_/https://www.dotcom-tools.com/images/leftSubMenuBg.png") no-repeat left bottom;
    border-right:1px solid #ccc;
    position: relative;
    height:45px;
    display: table;
    padding:5px 15px 5px 0;
}
.maincontent .maincontent2columns .lside .verticaltabs li.leftSubMenu {
        padding:0px;
        border:0px none;
    }
    .maincontent .maincontent2columns .lside .verticaltabs .leftSubMenu .last {

        background: url("/National_Library/oe_/https://www.dotcom-tools.com/images/leftSubMenuLast.png") no-repeat left bottom;
        border-right:1px solid #ccc;
    }

.maincontent .maincontent2columns .lside .verticaltabs .leftSubMenu li:hover{background: #fff;}
.maincontent .maincontent2columns .lside .verticaltabs .leftSubMenu {position:relative; /height:auto; }
.maincontent .maincontent2columns .lside .verticaltabs .leftSubMenu li a {
    background: none;
    font-family: "OpenSans";
    font-weight: normal;
    font-size:11px;
    line-height:14px;
    color:#666666;
    display: table-cell; 
    text-align: right; 
    vertical-align: middle; 
    width:139px;
    padding: 10px 0 10px 25px;
    border: 0px none;
}


.maincontent .maincontent2columns .lside .verticaltabs li.leftSubMenu li a:hover {font-weight: 600; border-right:none;}

.maincontent .maincontent2columns .lside .verticaltabs li.leftSubMenu .subActive,
.maincontent .maincontent2columns .lside .verticaltabs li.leftSubMenu .subActive:hover  {background:#f7f7f7;}

.maincontent .maincontent2columns .lside .verticaltabs li.leftSubMenu .subActive a{ color:#000000; font-weight:600;}
.maincontent .maincontent2columns .lside .verticaltabs li.leftSubMenu ul {	/float: left; /display: table;}  /* IE7 fix */



.maincontent  .maincontent2columns .lside .verticaltabs li.rootitem{
    background: url("/National_Library/oe_/https://www.dotcom-tools.com/images/leftMenuBg.png") repeat-y scroll center bottom transparent;
    display: table;
    height:55px;
    position:relative;
    float: none;
    padding: 0;
    border:none;	
		}



.maincontent  .maincontent2columns .lside .verticaltabs li.rootitem a{

    background: url("/National_Library/oe_/https://www.dotcom-tools.com/images/bullet1.gif") no-repeat scroll 0 center transparent;
    color: #333333;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    line-height:18px;
    font-size:14px;
   font-family: "OpenSans";
	font-weight: normal;
	padding: 10px 0 10px 25px;
    width:155px;
    text-align:left;
}

	
.maincontent  .maincontent2columns .lside .verticaltabs li.rootitem a:hover{
	background-color: #fff;
	border-right:1px solid #ccc; 
	font-weight: 600;}

	

.maincontent .maincontent2columns .lside .networklatencylnk {
    
    font-size: 13px;
    
}	
	

.instanttest .typeitembox .summarybox .summary,
.maincontent .mscreenitembox img,
.maincontent .mscreenitembox video 
 { box-shadow: 0 0 2px #888888;}
 
 h5,
 .instanttest .advancedsettingsbtn span,
 .instanttest .typeitembox .formbox .atitle,
  .maincontent strong,  .maincontent b,
 .maincontent section strong,
 .maincontent .maincontent2columns .rside .uptimefeatures li h4 a,
 .maincontent .asidebox .asidetitle,
 .maincontent .asidebox .titleunderlined, 
.networkmonitoringlist .title, 
 .instanttest .yellowbox .ttile 
   {font-weight: 600;}
   
.formitem .radiobbtn {box-shadow: none;}   

/*End Left Vertical Menu*/








/* Try it now  button style */


.tryitnowbox
{
	width: auto;
	text-align: center;
}

a.tryitnowbtn {
	background-color: #339933;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: "OpenSans";
    font-size: 18px;
    font-weight: 600;
    height: 51px;
    line-height: 51px;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
    width: 190px;
}

a.tryitnowbtn:hover { background-color: #34b034;}
a.tryitnowbtn.rightside {	float: right;}


.tryitnowbox .separator {
    background: url("/National_Library/oe_/https://www.dotcom-tools.com/images/separator.png") repeat-x scroll left center rgba(0, 0, 0, 0);
    display: block;
    margin-top: 40px;
    height: 3px;
    width: 100%;
}
















/* Footer style */
.wbox-footerlinks {
 display: block;border-top: none; 
    border-top: 1px solid #ccc; 
    
    background-color: #fff;
 height: 280px;}

 
 

 
 
.wbox-footerlinks .dmlogo{
	float: left;
	margin-top: 68px;
	margin-left: 14px;
	text-align: center;
	width: 266px;}

.wbox-footerlinks .dmlogo span{
	color: #333;
	display: block;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.8pt;
	 margin-top: 4px;
	text-align: center;}

.wbox-footerlinks  .flinksbox{
	border-left: solid 1px #dedede;
	float: right;
	height:192px;
	margin-top: 41px;
	padding-left: 25px;	
	padding-top: 13px;
	width: 661px;}

	
.wbox-footerlinks  .flinksbox span
{
	color: #333;
	font-size: 18px;
	font-weight: normal;
	display: block;
	letter-spacing: -0.4pt;
	margin-bottom: 18px;
}	
	

.wbox-footerlinks  .flinksbox div
{
	float: left;
}

.wbox-footerlinks  .flinksbox a
{
	color: #006699;
	text-decoration: none;
	letter-spacing: -0.5pt;
	font-size: 13px;
    display: block;
    line-height: 21px;
	}
	
	
.wbox-footerlinks  .flinksbox a:hover {text-decoration: underline;}	
	
	
.wbox-footerlinks  .flinksbox a i
{
    display: inline-block;
	margin-right: 9px;
	font-size: 15px;
	text-align: center;
	width: 15px;
    line-height: 20px;
    vertical-align: top;
}	

.wbox-footerlinks  .flinksbox ul
{
	float: left;
	margin-right: 47px;
	    list-style: none outside none;
}
	
/* .wbox-footerlinks   ul:last-child {	margin-right: 0;} */



.wbox-footerlinks  .flinksbox ul>li
{
	margin-bottom: 13px;
}
	


.wbox-footerlinks  .flinksbox .socialicon>li {
margin-right: 8px;
margin-bottom: 0;
}

.wbox-footerlinks .flinksbox .socialicon>li:last-child {	margin-right: 0;}


.wbox-footerlinks .flinksbox .contactblock
{

}

.wbox-footerlinks .flinksbox .contactblock a
{
	display: block;
		margin-bottom: 34px;
		font-size: 14px;
		margin-top: 7px;
}




	
.wbox-footercopyright{
	background-color: #ccc;
	font-size: 12px;
	font-weight: 600;
	height: 38px;
	line-height: 38px;}

.wbox-footercopyright span {color: #666;}

.wbox-footercopyright a.privacylnk{
	color: #339933;
	float: right;
	text-decoration: none;}

.wbox-footercopyright a.privacylnk i {margin-right: 7px; color: #339933; display: inline-block; vertical-align: top; line-height: 38px;}

@media  screen and (min-width : 320px) and (max-width : 768px) {
    .wbox-footercopyright a.privacylnk i {
        line-height: 12px;
    }
}

.wbox-footercopyright a.privacylnk:hover {	text-decoration: underline;}


.dmname .dmgreen {color: #339933;}
.dmname .dmblue {color: #006699;}

.maincontent .maincontent2columns .lside .verticaltabs li.rootitem a.rootitem__external {
    position: relative;
    background: none;
}

.maincontent .maincontent2columns .lside .verticaltabs li.rootitem a.rootitem__external:before {
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 0;
    color: #b2b2b2;
    font-family: dotcom;
    font-size: 14px;
    content: '\f14c';
}

.maincontent .maincontent2columns .lside .verticaltabs li.rootitem a.rootitem__external:hover:before {
    color: #666;
}