/* These styles are defined to override the style defined in Juniper standrad CSS file.*/

@import url("new-index-page-styles.css");
.mobile-toc-link,#pwpTree{display:none !important;}

.hero-content .hero-title {
	font-size: 3.5rem;
	line-height: 7.25rem;
}
#body {
	width: 79%;
	border-left: none;
	padding-left: 0;
}
.pIntro > ul {list-style: none;}
ul.tabListNoJS {
	list-style: none;
	border-bottom: 1px solid #dbdbdb;
	float: left;
	position: relative;
    	width: 100%;
}
.tabNavWrapper {
	height: 673px;
}

.fTabC, .tabC, .lTabC {
	display: none;
}
#tabs{
	display: block;
}
.rowhead {
	font-family : "Lato", Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size: 1.3rem;
	line-height: 1.9rem;
}
#mobileTabContent {
	display: none;
}
.accordion.accordion-active .accordion-child {
	max-height: 2000px;
}
#mobileTabContent table {
	background-color: #ffffff;
	margin-bottom: 10px;
}
#mobileTabContent .rowhead {
	font-size: 100%;
}
#mobileTabContent tbody p {
	margin-bottom: 0;
}
#mobileTabContent tbody a {
	font-size: 85%;
}
.tab-cordion{padding:0;border-top:none;}
#tabNavWrapper{height:inherit !important;}
.tab-cordion .tab-cordion-child {
	float: left;
}
.tab-cordion-child a {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
	display: block;
	position: relative;
	margin-right: 5px;
	padding: 12px 20px 10px 20px;
	border: 1px solid #dbdbdb;
	border-bottom: none;
	behavior: url(/assets/pie/PIE.htc);
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-ms-border-radius: 6px 6px 0px 0px;
	-o-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	font-size: 1.2rem;
	line-height: 2.55rem;
	letter-spacing: 0.00135rem;
	cursor: pointer;
	background-color: #eaeaea;
	color: #6c6c6c;
}

.tab-cordion-active a {
    background-color: #f9f9f9;
    border-top: 3px solid #3c9ac9;
    padding-top: 10px;
}
.whiteDownArrow {
    float: right;
    height: 0;
    position: absolute;
    width: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #fff;
    top: 13px;
    margin-left: 10px;
}

table {
	width: 100%;
	float: left;
}
div.table table {
	float: none;
}

div.table {
	background-color: #ffffff;
	margin-bottom: 10px;
}

.table p {
	margin-bottom: 10px;
}

.table a {
    font-size: 1.3rem;
    line-height: 1.9rem;
}

.tabCont table td{
	border: none;
	padding-left: 0;
	padding-right: 20px;
	vertical-align: top;
}

.tabCont table {table-layout: fixed;}

div.table td {
	border: 1px solid #dbdbdb;
	padding-left: 15px;
}

.tab-cordion-border-knock-out {
	background-color: #f9f9f9;
	bottom: -2px;
	height: 4px;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
}

.tab-cordion-active .tab-cordion-border-knock-out {
	opacity: 1;
}


.header-search.is-active {
    left: 600px;
}

/* Upto 640px*/
@media only screen
and (max-width:40em){
	.header-search.is-active {
	    left: 0px;
	}
	#body {
		width: 100%;
	}
	#tabs{
		display: none;
	}
	#mobileTabContent {
		display: block;		
	}
	.mobile-toc-link{display:none;}
}
@media only screen and (max-width:768px){
.slice-3col>.leftnav{display: block;width:110%;}
}
@media only screen and (min-width:769px){
.slice-3col>.leftnav{width:inherit;display: none;}
}
@media only screen and (min-width:641px) and (max-width:768px){
.tab-cordion .tab-cordion-child{width:auto;}
}