/* IB online publications CSS, 2008+
*/

body {
	border-color: #888888;
}

/* Header */

.hd {
/*    background-image: url(../images/mypChapterBandLeft.png); */
    background-color: #019cd5;
    background-repeat:repeat-x;  
    background-attachment: scroll;
    background-position: 0px 0px;
    height: 71px;
    margin-bottom: 1em;

}





img#rightHeaderGraphic {
	position: absolute;
	top: 0px;
	right: 0px;
}

img#IBlogo {
  position: absolute;
  top: 0px;
  left: 0px;
}

p#pubTitle {
	color: white;
	font-size: 77%;
	position: absolute;
	top: 7px;
	right: 15px;

}

p#currentPart {
	color: white;
	font-size: 93%;
	position: absolute;
	left: 200px;
	top: 8px;

}

p#containers {
	position: absolute;
	left: 180px;
	top: 6px;
	height: 71px;	
}

p#containers span a {
	color: white;
	border-top: 1px solid white;
	border-left: none;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 6px;
	padding-bottom: 3px;
	text-decoration: none;
	background-color: #286cad;
}

p#containers span.selectedContainer a {
	background-color: #019cd5;
	padding-bottom: 4px;
	border-bottom: none;	
}

img.printSection {
	position: absolute;
	top: 40px;
	right: 15px;
	z-index: 2;
}

h2 {
	color: white;
	font-size: 138.5%;
	position: absolute;
	left: 200px;
	top: 20px;
	right: 3px;
	margin-bottom: 2em;
}

h2 + p, h2 + table {
	padding-top: 3em;
}

h3 {
    color: #888888;
    font-size: 138.5%;
}

h4 {
    font-size: 108%;
    margin-bottom: 0.5em;
}

h5, p.heading5, p.heading5Centred {
    font-size: 93%;
    margin-bottom: 0.5em;
    font-weight: bold;
}

p.heading5Centred, p.heading6Centred {
    text-align: center;
}

h6, p.heading6, p.heading6Centred {
    font-size: 85%;
    font-weight: bold;
    margin-bottom: 0.5em;
}

p.display {
    color: #888888;
    font-weight: bold;
    margin-bottom: 0.5em;
}

table p {
    margin-bottom: 0.5em;
}

table p + p {
    margin-bottom: 0.5em;
}


.qandaQuestion p {
    font-weight: bold;
}

/* navigation */

#navigation ul {
	margin-left: 0em;
	width: 160px;
}

#navigation li {
	list-style-image:none;
	list-style-position: outside;
	list-style-type:none;
	margin-bottom: 0.3em;
}

#navigation li a {
	color: #094de0;
}

#navigation li div.nonActivePart {
	color: white;
	background-color: #019cd5;
	padding: 0.2em;
}

#navigation div.nonActiveChapter {
	color: #094de0;	
}

#navigation li div.activeSelectedChapter a, #navigation li div.activeSelectedSection a  {
	color: #084ede;
	font-weight: bold;
}

#navigation li div.activeSection, #navigation li div.activeSelectedSection {
	margin-left: 0em; padding-left: 1em;
}

#navigation div.handbookCommonChapters {
	margin-bottom: 2em;
}

#navigation div.handbookCommonChapters li div.activeCommonChapter {
	background-color: #286cad;
	padding: 0.2em;		
}

#navigation div.handbookCommonChapters li div.activeCommonChapter a {
	color: white;
}


/* 
*/

div.infobox, div.firstExamsBox {
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	background-color: #ececec;
	padding: 1em;
	margin-bottom: 1em;
}

p.noteHeading {
	font-weight: bold;
    color: #888888;
}

div.firstExamsBox {
    text-align: center;
    color: #888888;
}


/* tables */

table {
	border-collapse: collapse;
	margin-top: 1em;
}

td, th {
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	vertical-align: top;
}

th {
	font-weight: bold;
	color: #888888;
	background-color: #ececec;
}

th p, td p {
	text-align: left;
}

table.glossary td, 
table.glossary.th,
table.noBorder td,
table.noBorder th {
    border-style: none;
}

table.learnerProfile td + td{
    width: 80%;
}

td.glossterm {
    font-weight: bold;
    color: #888888;
}

td.border-bottom-none {
    border-bottom-style: none;
}

td.border-top-none  {
    border-top-style: none;
}

td.border-top-bottom-none  {
    border-top-style: none;
    border-bottom-style: none;
}

td ol li {
    margin-top: 0em;
    padding-top: 0em;
}

table.threeColumnDistribute td {
	width: 30%;
}

table.noBorderList ul {
    margin: 0em 2em;
    
}

/* links */

a {
	color: #094de0;	
}

.icon {
	text-align: center;
}

#ft {
	margin-top: 3em;
	color: #094de0;
}

table.criteriaTable {
	width: 50%;
}

table.criterion {
    width: 100%;
}

table.assessmentOutline {
    width: 100%;
}

table.criterion th.col1 {
    width: 5%;
    text-align: center;
}



.tableBodyCentred, .tableHeaderCentred {
	text-align: center;
}


/* lists */

ul li ul li {
    list-style-type: circle;
}

ol.loweralpha li {
	list-style-type: lower-alpha;
}

/* inline styles */

span.bold {
    font-weight: bold;
}

span.italic, p.aoiKeyQuestions {
  font-style: italic;
}

span.boldItalic {
  font-weight: bold;
  font-style: italic;
}

span.spaceAfter {
    margin-right: 1em;
}

span.aoiKeyQuestions {
	display: block;
}

 

span.documentInfoProgramme, span.documentInfoTitle {
font-weight: bold;
}

.salesContactDetails p, .IBContactDetails p {
    margin-bottom: 0em;
}

p.copyrightLine {
    margin-top: 1em;
}

p.tableBodyWithout, p.bodyWithoutSpacing, p.listItemWithout {
    margin-bottom: 0em;
}

p.tableBodyWithoutCentred {
    margin-bottom: 0em;
	text-align: center;
}    

span.footnote {
	margin: 1em;
	width: 25%;
	float: right; 
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	background-color: #ececec;
	padding: 1em;
}

.changed {
/* add a change bar */
	border-left: 2px solid #019cd5;
	padding-left: 0.5em;
}


/* quotes */

blockquote * {
	margin-left: 4em;
	margin-right: 4em;
}

blockquote * p {
    margin-left: 1em;
}

blockquote * em {
    margin-left: 0em;
    margin-right: 0em;
}

.attribution {
	margin-right: 4em;
	text-align: right;
}


/* images */


div.mediaobject p.captionNumberCentred {
	text-align: center;
	font-weight: bold;
	color: #888888;
}

div.mediaobject p.captionTextCentred {
	text-align: center;
	font-style: italic;
}

/* document specific */

table.achievementLevel td + td {
    width: 80%
}

table.achievementLevel th.col1 p {
    text-align: center;
}

span.mathtype img {vertical-align: middle; margin-bottom: 4px;}

sup { 
	vertical-align: super; line-height: 0; font-size: 65%
}

sub { 
	vertical-align: sub; line-height: 0; font-size: 65%
}


