/* CSS Document */

/*------------------------------------------------------------------

[Layout Stylesheet]

	Project:		timss-pirls
	Version:		1.0
	Last change:	9/4/2015


[Table of contents]

	1. Global
	2. Brand
	3. Navbar
	4. Carousel
	5. Featured Columns .feat-cols
	6. Timeline and identity
	7. Download
	8. Footer
	. Miscellaneous

	*. Bootstrap Overrides
	
	 Attempt IE fix using http://css3pie.com/, behavior: url(path from .html/to/PIE.htc);
	

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Global]
*/

html {
-webkit-text-size-adjust: none;
}

body {
font-family: 'Open Sans', sans-serif;
font: 13px/1.7em 'Open Sans';
/*background: #ffffff url(../img/masthead-1120.png) no-repeat center 22px; /* fix this-collapse */
}

p {
margin-bottom: 1em;
font: 12px/1.7em 'Open Sans';
}

ul {
margin-bottom: 1.7em;
}

h1, h2, h3, 
h4, h5, h6 {
margin-bottom: .85em;
}

h2 {
font-size: 19px;
line-height: 130%;
margin-bottom: 0.1em;
margin-left: 0px;
color: #666;
}

h3, h4, h6 {
margin-bottom: 1.15em;
color: #666;
}

h3 {
font-size: 19px;
line-height: 130%;
}

h4 { /* style headers */
font-size: 13px;
margin: 0 0 6px 0;
line-height: 130%;
}

.col1 h4, .col2 h4, .col1 p, .col2 p { /* style headers */
margin-left: 10px;
}


/*input,
,
select,
textarea {
font-family: 'Open Sans';
}
*/

a {
color: #3399cc;
text-decoration: none;
}
.col-right a {
font-weight:bold;
}

/* box shadow */	
/*.container { overflow: hidden; }  /*hide extra shadows */
.container > .row {
margin: 0 20px; /* big enough to contain the shadow */
overflow: hidden; /* be sure that nothing overflows from the inner */
} 
.container > .row {
background-color: #FFF;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,.14); /* 10px to hide shadow divisions */
behavior: url(../../assets/css/assets/css/PIE.htc);
}
/*.container:first-child > .row { margin-top: 30px; } /* big enough to contain the shadow */

.container:last-child > .row { margin-bottom: 30px; } /* big enough to contain the shadow */

.container > .row.lower-third { margin-top: 30px; }  /*hide extra shadows */


/*------------------------------------------------------------------
[2. Brand] .
*/

.container > .row.logotype {
box-shadow: none;
}

a.brand {
width:100%;
/*background: #ffffff url(../img/masthead-1120.png) no-repeat center 22px; /* fix this-collapse */
}


a.brand img {
/*width:100%; */
margin-top: 20px;
margin-bottom: 8px;
}


/*------------------------------------------------------------------
[3. Navbar] .
*/

.navbar {
margin: 0 20px;
}

.navbar .container {
border-top:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
}


.navbar-inner {
border:none;
background-image:none;
background-color: #ffffff;
padding-right: 0;
padding-left: 0;
background-image: -moz-linear-gradient(top, white, #F2F2F2);
background-image: -o-linear-gradient(top, white, #F2F2F2);
background-image: linear-gradient(to bottom, white, #F2F2F2);

-webkit-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
behavior: url(../../assets/css/assets/css/PIE.htc);
}

/* form btn search*/	
.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn {
margin-top: 5px;
}

input.btn {
height:30px;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
background-color: #ffffff;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
behavior: url(../../assets/css/assets/css/PIE.htc);
}

.navbar .nav > li > a {
text-shadow: 0 1px 0 white;
behavior: url(../../assets/css/assets/css/PIE.htc);
}

button {
font-family: 'Open Sans', sans-serif;
font-size: 90%;
}

#search-label {
line-height:0;
display: block;
float: left;
margin-left: -5000px;
margin-bottom:0;
}


/*------------------------------------------------------------------
[4. Carousel] .
*/

.carousel {
border: 1px solid #999999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: 20px;
margin-bottom: 30px;
}


.carousel-control {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*------------------------------------------------------------------
[5. Featured Columns] .feat-cols
*/

.feat-cols {
margin-top: 20px;
padding-top: 30px;
}

.feat-cols img {
padding-bottom: 10px;
vertical-align: top;
}

a span.chevron img { /* more */
padding: 0 4px 0 0;
vertical-align:baseline;
}

ul.links-lower-horiz {
margin: 16px 0 22px 0;
font-size: 90%;
padding: 0 0 32px 32px;
}

ul.links-lower-horiz li {
color: #3399cc;
display: block;
float: left;
padding: 5px 8px 4px;
margin: 0 0 0 0;
border:none;
/*font-size: 90%; */
}


ul.links-lower-horiz li.pipe {
padding: 5px 0 4px 0;
margin: 0 1px 0 1px;
color: #666;
}

.col-right {
margin-left:10px;
}

.add-links a {
padding-bottom: 12px;
font: 13px/1.5em 'Open Sans';
display:block;}

/*------------------------------------------------------------------
[6. Timeline and identity] .
*/

.identity img {
margin: 0 0 20px 20px;
}


/*------------------------------------------------------------------
[7. Download ] .
*/
.lower-third {
padding-bottom:20px;
}

.subTitle a {
color: #000000;
text-decoration: none;
}
.subTitle a:hover {
color: #005580!important;
text-decoration: underline;
}


/*------------------------------------------------------------------
[8. Footer / #footer]
*/

.container > .row.copyright {	
margin-top: 10px;
box-shadow: none;
}

footer .inner {	
padding-bottom: 20px;
padding-left: 20px;
}

footer p {
text-align: left; /* center align it with the container */
margin: 15px 0 0 20px;
padding:0 0 0 10px;
line-height: 110%;
font-size: 80%;
}




/*------------------------------------------------------------------
*. Bootstrap Overrides
*/

/* new glyphicons */
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1040px;
}

hr {
margin: 4px 0 12px 30px;
border-top: 1px solid #999999;
border-bottom: 1px solid #ffffff;
}
input, button, select, textarea {
font-family: "Open Sans";
}

.unstyled li {
	cursor:pointer;
}

.unstyled a {
	display:block;
}

ul.unstyled .in.collapse a {
	color:#000;	
}

ul.unstyled .collapse a span {
    display: inline-block;
    float: left;
    margin-bottom: -4px;
    margin-left: -15px;
    overflow: visible;
    transform: scale(0.7);
    width: 10px;
}

#1st, #2nd, #3rd, #4th {
	
}

ul.unstyled .collapse a span::before {
	content:"―";
	transform: scale(1.3);
	position:absolute;
	margin-right:5px;
}

span.dash {
	
}

ul.unstyled .in.collapse a {
    color: #000;
    margin-left: 11px;
	margin-top:3px;
}

ul.unstyled .collapse a {
    color: #000;
    margin-left: 11px;
    margin-top: 3px;
}


 div.download-col a:hover {
	 text-decoration: underline;
 }
 
 .download-col .btn {
    border: 0 none;
    font-size: 13px;
    margin-bottom: 4px;
    padding: 6px 10px;
}

.toolbarField.pageNumber {
    min-width: 12px !important;
    text-align: right !important;
    width: 20px !important;
}

.collapse.in {
    margin-left: 10px !important;
}

.makeBigger {
	 width: 20.2% !important;
}

.makeSmaller {
    width: 16.2% !important;
}

.makeSmaller2 {
    float: left;
	padding-bottom: 20px;
    width: 76%!important;
}

#straightLine {
    background-color: #ffffff;
    border: 1px solid #999;
    margin-left: -1px;
    width: 682px;
}

/* messes up breadcrumbs
 div.col-lg-45.embed-pdf a {
	display:block; 
 } */
 
p.editors {
	margin-bottom: 0px;
	margin-top: 5px;
}
 
  p.editors span{
	  font-style:italic;
  }
  
  p.editors2 {
	margin-bottom:0px;  
  }
  
  .col-right h3.chapterHeaders {
	/* override .col-right h3*/
	 margin: 10px 0 0 0px;
  }
  
  .individualChapters {
	margin-left: 8px;  
	display: block;
  }
  
  .exhibitsTitle, .appendicesTitle {
	  cursor:pointer;
  }
  
  .exhibitsIcon, exhibitsTitle {
  }
  
.exhibitsIcon {
    margin-top: 4px;
}

 ul.unstyled a.Chapter11.active {
	text-decoration:underline;
 }
 
 .makeBigger {
    float: left;
    width: 20.2% !important;
}
  
  
  .download-col {
    margin-left: 10px;
    margin-right: 20px;
    margin-top: 30px;
}

.appendicesTitle {
    margin-top: -5px;
    padding-top: 0;
}

 .exhibitsLi, .appendicesLi, .exhibitsLi span, .appendicesLi span {
  cursor: pointer;
}

a {
    color: #5b9539;
    text-decoration: none;
}


a.currentSelected {
    text-decoration: underline;
}

.exhibitsLi span {
    font-size: 15px;
    padding-left: 3px;
}
.exhibitsLi {
    cursor: pointer;
    list-style-type: none;
}

.exhibitsLi {
    cursor: pointer;
    list-style-type: none;
    padding-top: 10px;
}

.appendicesLi {
    margin-top: -20px;
}
.appendicesLi {
    cursor: pointer;
    list-style-type: none;
}

.unstyled li {
    cursor: pointer;
}
.collapse {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease 0s;
}

.appendicesLi span {
    font-size: 15px;
    padding-left: 3px;
}

.exhibitsLi span {
    font-size: 15px;
    padding-left: 3px;
}
.exhibitsLi {
    cursor: pointer;
    list-style-type: none;
}

.forthcoming {
    margin-left: 8px;
	color: #575757 !important;
}

.dispInline {
	display:inline-block;	
}

.sidebarTop2 {
    padding-top: 30px !important;
}
	
div.breadcrumbs {
    color: #aaa;
    font-size: 12px;
    margin: 11px 15px 0 0 !important;
    padding: 0 0 3px !important;
}

.sidebarTop {
    padding-top: 30px !important;
}

.chapTitle {
	font-size: 16px !important;
	margin-top: 8px !important;
	padding-bottom: 5px !important;
}

.chCitation {
    font-size: 11px;
    line-height: 1.5;
}

.otherResource {
    color: #333333;
    font-size: 14px;
    font-weight: 400 !important;
    margin-bottom: 5px;
    margin-top: -18px !important;
    position: absolute;
}

.moveLeft {
	margin-left: -20px;
}

.gray {
	color: #999999 !important;
	margin-left: 8px;
	display: block;
}

.gray:hover {
	text-decoration: none !important;
	/* color:#333; */
	color: #999999 !important;
	cursor: default;
}

.customSize {
	font-size:13px !important;	
}

.forthcoming {
	margin-left: 10px;
	color: #999999 !important;
	font-style: italic;
}

li.side {
    color: #5b9539 !important;
    text-decoration: none;
}

.exhibitsLi span, .otherResource, li.exhibitsLink a{
	    color: #5b9539 !important;

}

p.fontSize13 {
	font-size:13px !important;	
		padding-top:4px;
}
.shiftLeft2 {
	margin-left:-1px;	
}
/*bootstrap*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.exhibitsForChapter {
	margin-left: 0;
}

/*
.note, .noteIcon {
	display:inline-block;
}

.note {
    font-size: 1.03em !important;
    margin-top: 1em;
	    padding-right: 0 !important;
}
.notification {
	background-color: rgb(211,211,211);
    border-radius: 10px;
    margin-bottom: 20px;
    width: 710px;
}

.noteIcon {
    font-size: 1.5em !important;
    padding-left: 18px;
    padding-right: 4px;
}

*/
.note, .noteIcon {
	display:inline-block;
}

.note {
    font-size: 1em !important;
    margin-top: 1em;
	padding-right: 0 !important;
}
.notification {
	background-color: rgb(211,211,211);
    border-radius: 10px;
    margin-bottom: 20px;
    width: 710px;
}

.noteIcon {
    font-size: 1.5em !important;
    padding-left: 15px;
    padding-right: 4px;
}

.currentSelected a:hover {
  color: #005580 !important;
  text-decoration: underline !important;
}

li.side:hover {
    color: #005580!important;
  text-decoration: underline !important;
}


.exhibitsLink a:hover {
    color: #005580!important;
  text-decoration: underline !important;	
}

.exhibitsLi:hover { 
   color: #005580!important;
  text-decoration: underline !important;	
}

.exhibitsLi span:hover { 
   color: #005580!important;
  text-decoration: underline !important;	
}

a.currentSelected:hover {
    text-decoration: underline;
	color: #005580!important;
  text-decoration: underline !important;	
}

.otherResource:hover  {
	 text-decoration: underline;
	color: #005580!important;
  text-decoration: underline !important;	
}
.chCitation {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	}
.chapterEditorsBanner {
	font-size: 14px !important;
	margin-bottom: 0;
	padding-top: 0px;
	line-height: 1.2em !important;
	}
ul.exhibits {
    border-bottom: medium none !important;
    margin-right: 35px;
    margin-top: 3px;
}
ul.first {
    margin-bottom: .2em;
}
li.exhibitsLink a, li.exhibitsLinkA a {
    color: #5b9539 !important;
}

/*------------------------------------------------------------------
*. PDF Object
*/
	/*
		@media (max-width: 768px) {
	  .col-lg-15, .col-md-15, .col-sm-15 {
			top:5px !important;
			margin-top:5px !important;
			width:140px;
	  }
	  
	  .col-xs-45, .col-sm-45, .col-md-45, .col-lg-45 {
			width:600px !important;  
			margin-left:-2px !important;
			height:900px;
	  }
	  
	  
	  .col-xs-15.first, .col-sm-15.first, .col-md-15.first, .col-lg-15.first {
    padding-left: 0;
    padding-top: 5px;
 /*   top: -351px !important; 	}
	} */
	

	.leftMargin {
		margin-left:-2%;	
	}
	 .col-right {
    display: inline-block !important; 
	width:100%;
	}
	
	.span-12 {
    display: inline-block !important; 
	width:100%;
	}
	
	
	.col-xs-15.first, .col-sm-15.first, .col-md-15.first, .col-lg-15.first {
    padding-left: 0;
    padding-top: 5px;
	}

	.col-sm-15, .col-sm-45, .col-sm-15 {
		display:inline-block;	
	}
	
	
	.col-right {
    margin-left: 20px !important;
	margin-right:10px;
	}
	
	.download-col {
    line-height: 1.6;
    margin-bottom: 6px;
    margin-left: 2px;
    margin-top: -5px;
    width: 97.5%;
}
	
	.download-col .btn {
    display: inline-block;
    text-align: left;
    width: 49%;
	}
	
	.secondButton {
		margin-top: -1px !important;
	}
	
	.copyrightInfo {
		font-size:13px;	
	}
	
	/*
	@media (max-width: 1200px) {
	  #pdfObject {
		width:70%;
	  }
	}
	*/
	
	
	.download-col .btn {
    border: 0 none;
    font-size: 13px;
    padding: 4px 9px;
	}
	
	.fixedTop {
		margin-top: 0 !important;
	}


	.container:last-child > .row {
    margin-bottom: 0px;
	}
	
	citation {
		font-size:11px;	
	}
	
	.lower-third { 
		padding-top:10px;
	}
	
	.appendicesLi {
		margin-top: -20px;
	}
	
	
	
	.col-lg-15, .col-md-15, .col-sm-15, .col-xs-45,
	.col-sm-45,
	.col-md-45,
	.col-lg-45 { 
		display:inline-block;
	}

	/* 45 col width  78% methods*/
	.col-xs-45,
	.col-sm-45,
	.col-md-45,
	.col-lg-45 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	/*width:500px !important; */
	width: 754px !important;
	}
	.col-xs-45 {
	/*width: 76%; */
	float: left;
	}
	
	a.downloadLink {
		margin-left:3px;
		font-weight:400;	
		margin-bottom:3px;
		font-size:12px;
	}
	
	/*
	@media (min-width: 768px) {
	.col-sm-45 {
	width: 76%;
	float: left;
	}
	}
	@media (min-width: 992px) {
	.col-md-45 {
	width: 76%;
	float: left;
	}
	}
	@media (min-width: 1200px) {
	.col-lg-45 {
	width: 76%;
	float: left;
	}
	} */
	/* LEFT COLUMN LINES */
	ul.unstyled, ol.unstyled {
    border-bottom: 1px solid #ddd;
    
    list-style: outside none none;
    margin-left: 0;
	}
	
	.col-right p {
    padding-right: 0px !important;
	}
	
	ul.sidebar {
    min-height: 312px;
    margin-bottom: 1em !important;
	}

	
	ul.chap2, ul.adjustHeight {
    min-height: 140px !important;
	}
   
	
	ul.sidebar2 {
    height: 256px !important;
	49}
	
	p.copyrightSpace {
    border-bottom: 1px solid #ddd;
    height: 55px;
    padding-left: 5px;
	}
	
	
	.sidebarBlock {
		padding-left:3px;	
	}
	
	
	.noBorder {
		border-bottom:none !important;	
	}
	
	/*.adjustHeight {
		min-height: 140px !important;
	}
	*/
	.download-col a {
		cursor:pointer;	
	}
	
	.subTitle {
		color: #000;
		font-size: 19px !important;
		font-weight: 600 !important;
		margin-bottom: 0px !important;
		margin-top: -1px;
	}
	
	.chapTitle {
    margin: 0 !important;
    padding-bottom: 0 !important;
	}
	
	.chapterEditors {
    font-size: 13px !important;
    margin-bottom: 2px;
    margin-top: -5px;
}
	
	#pdfObject {
	}
