﻿#sideNavBox, #pageTitle {
	display: none;
}
#contentBox {
	margin-left: 20px;
}
.asco_series_layout_left {
	float: left;
	width: 20%;
	min-height: 400px;
/*	border: 1px solid green; */
}
.asco_series_layout_right {
	float: right;
	width: 79%;
}
.asco_series_layout_right table {
	float: left;
}
.asco_series_layout_right td {
	vertical-align: top;
}
.asco_series_layout_bottom {
	clear: both;
	background-color: olive;
}
.features {
	float: left;
}
.asco-metadata-header{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4d4d4d;
	font-weight:bold;
}
.asco-search-series{
	color:#004B8D;
	font-size:16px;
}
.asco-line{
	height:4px;
	background-color:#f0f4f8;
	clear:both;
}
#asco-specs {
		
	color:#00833E;
	padding-top:15px;
	padding-bottom:23px;
	/* background-color: #f0f4f8; ;
	min-height: 100px;
	padding: 10px;

	font:14px;
	font-weight:bold;
	min-height:200px;
	min-width:150px;
	padding-left:10px;
	*/
}
.col-sm-2 ul li{
	margin-left:-25px;
}
#asco-specs ul li{
	margin-left:-40px;
	list-style:none;
}
.asco-series-table ul li{
	margin-left:-25px;
}

.series-image {
/*	border-right: thin double #cccccc; */
}
.asco-series-table, .asco-series-table td {
/*	border: 1px solid black; */
	padding:10px;
	vertical-align:top;
}


/*****/
/***** Application Page Layout - Begin *****/
/*****/


@media (min-width: 1200px) {

.col-lg-6.asco-Layout-Applications-TopColumn-Left {
	width:30%;
}

.col-lg-6.asco-Layout-Applications-TopColumn-Right {
	width:70%;
}


}




/*****/
/***** Application Page Layout - End *****/
/*****/
/*****/
/***** Valve WP Page Layout - Begin *****/
/*****/

.asco-Layout-ValveWP-Wrapper .col3 .ms-webpart-titleText {
	text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: bold;

}


.asco-Layout-ValveWP-Wrapper .col3 .cbs-List1.resourceList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}


/*****/
/***** Valve WP Page Layout - End *****/
/*****/

/***** Series Pages - More Information Pop Up - Begin ****/
.more-information-section .asco-accordion-section-header
{
	cursor:pointer;
	font-weight: bold;
	padding-bottom: 5px;
}

.more-information-section .asco-accordion-section-body
{
	padding-bottom:5px;
}

.btnMoreInfoModal
{
	display:none;
}

/***** Series Pages - More Information Pop Up - End ****/

/*****/
/***** Refiners - Begin *****/
/*****/


.ms-ref-uparrow, .ms-ref-downarrow{
	float:left;
}
/*
.ms-ref-refinername .ms-displayInlineBlock{
	float:right;
}
a.ms-ref-refinername{
min-height:40px;
max-height:60px;
padding:20px;
vertical-align:middle;
}

a.ms-ref-refinername .ms-displayInlineBlock{
padding:1px;
width:82%;
}

.ms-ref-downarrow, .ms-ref-uparrow{
	background-position-x:-5px;
	background-position-y:-8px;
	padding-right:1px;
	position:relative;
	top:5px;
	left:1px;
}

.ms-ref-uparrow{
	display:block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.ms-ref-refinername {
	background-color: #f0f4f8;
	width: 100%;
}
.ms-ref-refinername div{
	margin-left:10px;
	margin-top:10px;
}
.ms-ref-refinername .ms-displayInlineBlock{
	margin-left:1px;
	margin-top:10px;
}

.ms-ref-refiner {
	padding: 1px;
}
.ms-ref-unsel-shortList label{
	padding-left:0px;
	position:relative;
	top:2px;
}
.ms-ref-refinername:link, .ms-ref-refinername:visited {
	background-color: #f0f4f8;
	width: 100%;
}
.ms-ref-refiner #Container{
	padding-bottom:2px;
}
.ms-ref-allSec, .ms-ref-selSec, .ms-ref-unsel-shortList{
  padding-left:10px;
}
*/
.ms-ref-refiner{
	padding:0px;
}
.ms-ref-downarrow, .ms-ref-uparrow{
	background-position-x:-5px;
	background-position-y:-8px;
	padding-right:1px;
	position:relative;
	margin:5px;
	margin-right:3px;
	zoom:0.8;
	
}

.ms-ref-downarrow{
	display:block;	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(-90deg);

}
.ms-ref-refinername, .ms-ref-refinername:hover {
	background-color: #f0f4f8;
	width: 100%!important;
}
.ms-ref-uparrow{
	display:block;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(0deg);
}
.ms-ref-refinername:link, .ms-ref-refinername:visited{
	font-size:12px;
    color: #4d4d4d;
	padding: 0 0 0 0;
}
.ms-displayInlineBlock{
	margin:5px;
	margin-left:2px;
	vertical-align: middle;
	
}
.ms-ref-refiner #Container {
    padding: 0;
    padding-bottom: 8px;
}
.ms-ref-refiner #Value, .ms-ref-unsel-toggle, #OtherValue, #SubmitValue {
    padding: 0px 0;
    width: 160px;
    display: block;
}
.ms-ref-name{
	margin:1px;
	margin-top:5px;
}
.ms-ref-unsel-shortList #Value,
.ms-ref-unsel-longList #Value {
	padding-left:25px;
}

.asco-reset-refiners-span{
	
	padding-left:0px;

}
.asco-reset-refiners-div{
	padding-bottom: 10px;	
}


/* Used for creating two columns*/
.ms-ref-unsel-shortList.asco-FilterMVBody-Refinement-TwoColumn,
.ms-ref-unsel-longList.asco-FilterMVBody-Refinement-TwoColumn {
	clear:both;

}


.ms-ref-unsel-shortList.asco-FilterMVBody-Refinement-TwoColumn #Value,
.ms-ref-unsel-longList.asco-FilterMVBody-Refinement-TwoColumn #Value {

	width:40%;
	width:30%;
	float:left;
	padding-left:5%;
	padding-right:5%;
	

}

.ms-ref-unsel-shortList.asco-FilterMVBody-Refinement-TwoColumn:after,
.ms-ref-unsel-longList.asco-FilterMVBody-Refinement-TwoColumn:after {
	content: " ";
	display:block;
	clear:both;
}

.ms-ref-unsel-shortList #Value label:hover,
.ms-ref-unsel-longList #Value label:hover {

	cursor:pointer;

}

.ms-ref-unsel-shortList #Value label:hover:after,
.ms-ref-unsel-longList #Value label:hover:after { 
	cursor:pointer;
	content: attr(data-title);
	/*content: "This is a tooltip. This is a very long tooltip. Welcome to my tooltip.";*/
	z-index:9000;
	display:block;
	position: absolute; 
	white-space: normal; 
	width:255px;
	background: rgb(255, 241, 157); 
	background: rgba(255, 241, 157, 0.95); 
	padding: 3px 7px; 
	color: #4d4d4d; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	margin-left: 0px; 
	margin-top: 7px;
}


/*****/
/***** Refiners - End *****/
/*****/

/******* Refiners - MOBILE - BEGIN *******/
@media (min-width: 768px) {

	/* Hide "Show Refiners" button on desktop */
	#btnShowHideRefiner
	{
		display:none;
	}
	
	/* Hide "See Results" Button in mobile refiner panel on desktop */
	#btnSeeResultsRefiner
	{
		display:none;
	}
}

@media (max-width: 768px) {

	/* Show "Show Refiners" button on mobile */
	#btnShowHideRefiner
	{
		display:block;
	}
	
	/* Show "See Results" button in mobile refiner panel on mobile */
	#btnSeeResultsRefiner
	{
		display:block;
		float:right;
		margin-right:20px;
	}

}

.asco_series_layout_right_mobile2{
	float:left;
	width:100%;    
	position:absolute;
	z-index:1000;
}
.asco_series_layout_right_mobile{
	float:left;
	width:100%;    
	position:absolute;
	z-index:1000;
	
}
.asco_series_layout_left_mobile{
	background-color: #fff;
	float:left;
    border: 1px solid black;
    width:100%;
    position:relative;
    z-index:5000;
    margin-left:auto;
	margin-right:auto; 
	padding-bottom: 10px;
}

/******** Refiners - MOBILE - END *****/


/*****/
/***** Search Results - Begin *****/
/*****/


.asco-SearchResults-FirstTwoResults .ms-srch-hover-outerContainer  {
	margin-top:30px;
}

.asco-SearchResults-FirstTwoResults .ms-srch-hover-arrowBorder,
.asco-SearchResults-FirstTwoResults .ms-srch-hover-arrow {

	margin-top:-30px;

}




/*****/
/***** Search Results - End *****/
/*****/



.search-container{
	clear:both;
	padding:5px;
}

div#sticker {
    padding:20px;
    margin:20px 0;
    background:#AAA;
    width:190px;
}
.stick {
    position:fixed;
    top:0px;
}
@media (min-width: 768px) {
#SearchBox{
		background-color:#fff;
		text-align:right;
	}
	.ms-srch-sb{
	width:100%;
	height:20px;
	}
	.ms-srch-sb input
	{
		float:left;
		width:80%;
		margin-top:2px;
	}
	.ms-qSuggest-list{
	text-align:left;
	float:left;
	}
	.ms-srch-sb-searchLink {
	  float:right;
	  background-image:url('../../../../PublishingImages/searchsmall.png');	
	  background-repeat:no-repeat;	
	  background-position:0px 0px;
	}
	.ms-srch-sb-navLink{
	  background-color:#fff;
	  background-image:url('/_layouts/15/images/searchresultui.png');
	  background-position:-6px -6px;	
	/*
	  left:30px;
	*/
	}
	.ms-srch-sb-searchLink{
		background-size: 100% 100%;
		top:-1px;
		left:2px;
		
	}
	.ms-srch-sb{
		height:20px;
	}
	.ms-srch-sb-navLink{
		zoom:0.8;
		-moz-transform:scale(0.8);    
		-moz-transform-origin: 0 0;
		top:-0px;
		left:2px;
		background-position: -6px -4px;
		background-size: 122px 100px;
	}
	#mainbody #DeltaPlaceHolderMain h1 div, .ASCO-Applications{
	/* margin-top:35px; */
	}
	
	/*
	#main .container{
		max-width:980px;
	}
	*/
}
	
	
}
@media (max-width: 768px) {
	.asco_series_layout_right {
		float: left;
		width:100%;
	}
	.asco_series_layout_left_refiner{
		width:50%;
	    margin-left:auto;
		margin-right:auto; 
		
	}
	.asco_series_layout_left{
		background-color:#ffffff;
		
		margin-left:auto;
		margin-right:auto; 

	}
	.quickViewBtn{display:none;
	}
	

}
