.r { float: right; }
.l { float: left; }
.clear { clear: both; }
.clearL {clear: left; }

.topNav {
	margin-bottom: 10px;
}

.topNav a {
	font-size: .85em;
	font-family: Verdana, sans-serif;
	color: #666;
}

#copy ol { margin: 4px 0 8px 22px; padding: 0; font-size: 1em;}

#copy ul.noVertPad { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}

.MainContent #copy { 
	width: 590px;
	/*background: url("../images/bg-copy.gif") no-repeat;*/
	padding: 5px 10px;
}

#copy.index {
	width: 780px;
	background: none;
	padding: 0;
}

#copy a { color: #456f93; }

.MainContent h1 {
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.3em;
	font-family: Verdana;
	text-decoration: none;
}

.MainContent #copy h2 {
	padding-top: 1px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 1.3em;
	color: #12324d;
}

.carousel{
	width: 490px;
	float: left;
	background: #999
}

.carouselNav {
}
	.carouselNav .navItem{
		float: left;
		width: 96px;
		height: 48px;
		margin-right: 2px;
		background: #666;
		text-align: center;
	}

.surveyNav {
	float: right;
	width: 290px;
}
	.surveyNav .navItem {
		height: 59px;
		padding: 5px;
		margin-bottom: 2px;
		background: url('/surveys/international/images/surveyNavBG.gif') repeat-y;	
	}
	.surveyNav .navItem.last{
		margin-bottom: 1px;
	}
	#copy .surveyNav .navItem a.logo {
		float: left;
		border: 1px solid #555;
		margin-right: 4px;
	}
	#copy .surveyNav .navItem a.surveyName {
		display: block;
		width: 160px;
		float: left;
		font-weight: bold;
		padding: 4px 0;
	}
	#copy .surveyNav .navItem a.surveyName.twoLine {
		margin-top: .5em;
	}
	
	#copy .surveyNav .navItem .surveyInfo {
		display: block;
		width: 45px;
		height: 80%;
		margin: 5px 0;
		float: right;
		text-align: center;
		padding: 3px;
		font-size: .9em;
		border-left: 1px solid #777;
	}
		
	.subjectNav {
		margin: 10px 0;
		padding: 5px 0;
		border-top: 1px solid #bd7676;
		border-bottom: 1px solid #bd7676;
	}
	.subjectNav .navItem {
		width: 140px;
		margin: 5px 10px 5px 0;
		padding-right: 5px;
		float: left;
		border-right: 1px solid #444;
		font-size: .85em;
		line-height: 1.3em;
	}
	.subjectNav .navItem.last {
		width: 141px;
		border: none;
	}
	
	#PubContent .subjectNav .navItem h3 {
		color: #440103;
		font-size: 1.4em;
		margin-bottom: 2px;
	}
	#PubContent .subjectNav .navItem a {
		text-decoration: none;
		color: #000;
		color: #440103;
	}
	#PubContent .subjectNav .navItem a:hover {
		text-decoration: underline;
	}
	
	.subjectNav .navItem img {
		float: left;
		margin: 7px 5px 10px 0;
	}
	
	#PubContent .indexContent h3 {
		margin: 0;
		padding: 0;
		color: #430000;
		font-size: 1.2em;
	}
	
	.indexContent p {
		margin: 5px 0;
	}
	
	.indexContent .leftCol {
		float: left;
		width: 540px;
	}
	
	.indexContent .rightCol {
		float: right;
		width: 221px;
	}
	
	.indexContent .entry {
		border-bottom: 1px solid #b2b2b2;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.indexContent .bottomLinks {
		text-align: right;
		color: #000;
	}
	.indexContent .bottomLinks a {
		margin: 0 5px;
	}
	.indexContent .bottomLinks a.twitterLink {
		position: relative;
		top: 7px;
		margin-right: 0px;
	}
	
	.indexContent .calloutTitle {
		background: url("/surveys/international/images/calloutTitleBG.png");
		padding: 7px 10px;
		color: #fff;
		font-size: 1.2em;
		line-height: 1.0em;
		font-weight: bold;
	}
	
	.indexContent .rightCol p {
		padding: 7px 10px;
		margin: 0;
	}
	.indexContent .comparisonCallout {
		background: url("/surveys/international/images/comparisonCallout.jpg") no-repeat;
		margin-bottom: 10px;
	}
	
	.indexContent .productsCallout {
		background: url("/surveys/international/images/productsCalloutBG.jpg") no-repeat;
		margin-bottom: 10px;
	}
	
	.indexContent .productsCallout ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.indexContent .productsCallout li {
		padding: 0 0 0 13px;
		margin: 0;
	}
	
	.indexContent .pdfLink {
	}
	
	.indexContent .pdfLink img {
		position: absolute;
		margin-left: -20px;
	}
	
	
	

	p.first-p {
		margin: 0;
		padding: 10px 0;
		font-size: 1.2em;
	}
	
	.sectionHeader { 
		background: url("../images/index-bgHeader.gif") 0px 3px repeat-x;
		padding-bottom: 10px;
	}
		.sectionHeader strong {
			padding-right: 5px;
			font-size: 1.2em;
			background: #fff;
			font-family: Verdana, Geneva, sans-serif;
			color: #12324d;
		}

	
.surveyBlock {
	width: 586px;
	height: 71px;
	padding: 7px 0 0 0;
	margin: 0 0 5px 0;
	background:  url("../images/bg-surveyBlock.gif") no-repeat;
}

	.surveyBlock .datasetIcon  {
		position: absolute;
		margin-left: 10px;
	}
	

	.surveyBlock p {
		margin: 3px 0 0 71px;
		padding: 0 10px 0 0;
		font-size: .89em;
		line-height: 1.1em;
	}
	
	.surveyBlock a.surveyName {
		display: block;
		padding: 6px 0 0 71px;
		width: 500px;
		font-size: 1em;
		font-weight: bold;
		color: #456f93;		
	}
	
.roundBlock {
	width: 586px;
	padding: 9px 0 0 0;
	margin: 0 0 5px 0;
	background:  url("../images/bg-libraryBlockTop.gif") no-repeat;
}


	.roundBlock p {
		margin: 9px;
	}
	
	.roundBlock a.question {
		display: block;
		padding: 0 9px 9px;
		margin: 0;
		width: 558px;
		font-size: 1em;
		color: #456f93;		
	}
		.roundBlock .hover a.question {
			padding-bottom: 0;
		}
	
	
		.noHover {
			padding: 0 5px;
			background: url("../images/bg-libraryBlockBottom.gif") bottom no-repeat;
		}
		
		.hover {
			padding: 0 5px 15px 5px;
			background: url("../images/bg-libraryBlockBottomHover.gif") bottom no-repeat;
		}
		
			.info {

			}
				.noHover .info { position: absolute; left: -999em; }

p.otherData {
	padding-left: 110px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #b3cad7; 
	margin: 10px 0 0 0;
	min-height: 58px;
	height: auto !important;
	height: 58px;
}

	p.otherData img {
		border: 1px solid #b3cad7;
		position: absolute;
		margin-left: -110px;
		margin-top: 2px;
	}
	
	p.otherData.bottom {
		border: 0;
		padding-bottom: 11px;
		margin-bottom: 11px;
	}
	

.globeTitle {
	background: url('../images/globeHeaderBg.gif') no-repeat; 
	color: #fff;
	padding-top: 9px; 
	height: 25px;
	width: 550px;
	padding: 8px 10px 0 10px;
	font-size: 15px;
	font-weight: bold;
	margin: 0;	
}

#assessmentTable { 
	width: 580px;
	background: #333;
	padding: 2px;
	font-size: .88em;
	border-collapse: collapse;
	border: 2px solid;
}
	.resetTable {
		float: right;
		margin: 0 10px 3px 0;
		font-size: .88em;
	}
	
	
	#assessmentTable th { background: #eee; }

	#assessmentTable td, #assessmentTable th { 
		padding: 2px;
		padding: 3px;
		vertical-align: top;
	}	
	
	#assessmentTable td.studyName { width: 170px; }
		#assessmentTable td.studyName a { display: block;  margin-left: 60px; }
			#assessmentTable td.studyName a.assessmentIcon { margin: 0; }
	 
			#assessmentTable td.studyName a.assessmentIcon img{
				float: left;
			}
	#assessmentTable td.whatAssessed { width: 110px; }
	#assessmentTable td.whoAssessed{ width: 110px; }
	#assessmentTable td.whoSurveyed { width: 110px; }
	#assessmentTable td.whatYears { width: 75px; }
		
		.piaac { background: #e2fdde;}
		.pirls { background: #ffe9d6; }
		.pisa { background: #d6f1ee; }
		.timss { background: #f3e3e2; }
		.cived { background: #dedeee; }
		.all { background: #eeeffb; }
		
	#assessmentTable select {
		font-size: .88em;
	}
	
	.noResults {
		margin-top: 10px;
		padding: 10px 0;
		border: 1px solid #ddd;
		background: #f1f1ff;
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		display: none;
	}
	
	#PubContent #copy.tablePage {
		width: auto;
		background: none; 
	}
	
	.SnapshotCategory
	{
	    background-color:#E7F3FF; 
	    color:#4A6782;
	    padding:12px;
	    font-weight:bold;
	    color:#aaa;
	    text-align: center;

	}
	.SnapshotCategory a:link
		{
		    text-decoration:none;}
	.SnapshotCategory a:hover
		{
		    text-decoration:underline;}
		    
    .SnapshotPreview
    {
        margin: auto;
        text-align:left;
        width:590px;
        padding: 5px;
        border: 2px solid #4A6782;
        color: #4A6782;
        }
       
   .BackTBackToSnapshotLibraryoTop
	{
		width: 100%;
		text-align: right;
	}     
   .BackToSnapshotLibrary A
	{
		padding-left: 15px;
		background: url(/icons/LeftArrow.gif) no-repeat left;
	}