/*------------------------------------------------------
Boutros AbiChedid - boutrosa@princeton.edu
START DATE: October 2013
PURPOSE: 	  CSS Stylesheet for PNI Drupal Website/Theme,
			      Specifically for IE browser.
--------------------------------------------------------*/

/* Header */
html.ie header {
	background: #fff;
	filter: none;
}

/* BAC. PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
See Ref: http://css3pie.com/ */
/* Home */
html.ie8 div.home-concept div.process-image img {
	behavior: url('css/htc/PIE.htc');
}

html.ie8 div.home-concept div.project-image img {
	behavior: url('css/htc/PIE.htc');
}

/* Timeline */
html.ie8 ul.timeline li div.thumb {
	background: none;
}

html.ie8 ul.timeline li div.thumb div.history-image img {
	behavior: url(css/htc/PIE.htc);
}

/* Search */

html.ie #search-block-form .form-actions{
  top: 2px;
}

html.ie8 h4 {
	font-size: 22px;
}

/* NOT WORKING. 
BAC. 8/1/2014. MD Slider at the Front. The text in the last slide is disappearing. I want to keep it. */

html.ie8  div.slide-3 div.keep img, html.ie8  div.slide-3 div.keep a {
	display: block !important;
	visibility:visible !important;
}

/* BAC. 12/19/14. News section at the Front page is not displaying properly for IE9 DESC machines (IE9 standard and 
IE9 document mode). 
For IE, I am forcing each news title to be displayed as a block, one above the other, instead in a row 
(side-by-side) as in the other browsers.
The reason is that IE9 was not displaying the news elements properly and it kept shifting between side by side 
and a block (one above the other), with no ability for the user to use the slider.
This behavior was only IE9 (NOT IE8, IE10 or IE11. Very Weird!)
This behavior was not due to any spacing issue. I suspect it is due to the jQuery flexslider pluging that I am using 
and  adds on the fly (by JavaScript) internal CSS styles and also the HTML markup that uses <div> inside <li>
WHEN The university upgrades to IE10, then the below code will not be necessary anymore.*/

html.ie section.featured.news {
	border-right: dashed 0px #ddd;  /* no border */
}

html.ie section.featured.news div  {
	display: block !important;
	width: 700px;
}

@media (min-width: 768px) and (max-width: 979px) { 

	html.ie section.featured.news div  {
	display: block !important;
	width: 580px;
}

}

@media (max-width: 767px) {
	html.ie section.featured.news div  {
	display: block !important;
	width: 100%;
}
}