/*
--- Author :: David Moore @ SalterBaxter
--- For :: Millicom
--- Date :: May 2010
*/
	
/* GLOBAL */
html {background:#fff}
body {font-family:Arial, Helvetica, sans-serif;font-size:12pt;color:#7d7d7d;}
.hr hr {clear:both}
.clear {clear:both}
.bold {font-weight:bold}
p {margin:10px 0;line-height:1.5}
p.bold {margin:10px 0 3px}
ul {list-style:circle;}
ul li {list-style:circle; list-style-position:inside}
a {color:#7d7d7d;text-decoration:underline}
h1 {font-size:2.50em;color:#4b5bb0;margin-bottom:20px}
h2 {font-size:2.25em;color:#4b5bb0;margin-bottom:20px}
h2.title {clear:both}
h3.subtitle {clear:both}
h3 {font-size:2.00em;color:#4b5bb0;margin-bottom:15px}
h4 {font-size:1.80em;color:#4b5bb0;margin-bottom:15px}
h5 {font-size:1.60em;color:#4b5bb0;margin-bottom:10px}
h6 {font-size:1.40em;color:#4b5bb0;margin-bottom:10px}
	/* columns */
	.column {border:1px solid #ccc; padding:10px; margin-bottom:10px;}
	
/* Backgrounds */
* {background-image:none !important; background-color:#fff !important; float:none !important; position:static !important;}	

/* HIDDEN */
	/* navigation */
	#nav {display:none}
	
/* LAYOUT */
.wrapper {font-size:12pt;width:100%;margin:0;padding:0;}/* Default font size = 12pt */
	/* header */
	
	/* Modules */
		/* overlay */
		#overlay {display:none;z-index:10000;width:744px;font-size:1.2em}
		#overlay .close {background-image:url(../images/bg_overlay_close.png);background-position:0 0;position:absolute;right:12px;top:45px;cursor:pointer;height:27px;width:27px}
		#overlay .close:hover {background-position:-40px 0}
		#overlay .close:active {background-position:-80px 0}
		#overlay #overlayContentWrap .content {width:744px;padding:0 12px}
		#overlay #overlayContentWrap .content .title {background-repeat:no-repeat;background-position:left bottom;height:28px;padding:0 0 0 10px;color:#fff;line-height:30px;font-size:.9em;margin:0 13px}
		#overlay #overlayContentWrap .content .innerWrapper {background:bottom center url(../images/bg_overlay.png);height:403px}
		#overlay #overlayContentWrap .content .inner {padding:20px 22px 22px;overflow-y:auto;height:349px;background-position:top;background-repeat:repeat-x;margin:0 13px}
			/* content */
			#overlay #overlayContentWrap .content .inner h2 {margin-bottom:15px;font-size:1.5em;width:100%}
			#overlay #overlayContentWrap .content .inner .col1 {float:left;width:360px}
			#overlay #overlayContentWrap .content .inner .col1 img {margin-bottom:15px;width:330px}
			#overlay #overlayContentWrap .content .inner .col1 h3 {margin:0;font-size:1.25em}
			#overlay #overlayContentWrap .content .inner .col2 {float:left;width:275px;margin-left:20px;display:inline}
			#overlay #overlayContentWrap .content .inner .col2 :first-child {margin-top:0}
			#overlay #overlayContentWrap .content .inner .col2 p {margin:5px 0}
			#overlay #overlayContentWrap .content .inner .col2 h3 {margin:0;font-size:1.25em;color:#505aba;font-weight:bold}
			#overlay #overlayContentWrap .content .inner .col2 h3+p {margin-top:0}
			#overlay #overlayContentWrap .content .inner .col2 * {color:#5a5959}
			/* specifics */
				/* environment */
				#overlay #overlayContentWrap .environment .inner {background-image:url(../images/bg_tabbed_border_green.gif)}
				#overlay #overlayContentWrap .environment .inner * {color:#48ae3d}
				#overlay #overlayContentWrap .environment .title {background-image:url(../images/bg_tabbed_tab_green.png)}
				/* education */
				#overlay #overlayContentWrap .education .inner {background-image:url(../images/bg_tabbed_border_yellow.gif)}
				#overlay #overlayContentWrap .education .inner * {color:#505aba}
				#overlay #overlayContentWrap .education .title {background-image:url(../images/bg_tabbed_tab_yellow.png);color:#505aba}
				/* wellbeing */
				#overlay #overlayContentWrap .wellbeing .inner {background-image:url(../images/bg_tabbed_border_pink.gif)}
				#overlay #overlayContentWrap .wellbeing .inner * {color:#e61950}
				#overlay #overlayContentWrap .wellbeing .title {background-image:url(../images/bg_tabbed_tab_pink.png)}
				/* other - blue */
				#overlay #overlayContentWrap .other .inner {background-image:url(../images/bg_tabbed_border_blue.gif);color:#505aba}
				#overlay #overlayContentWrap .other .inner * {color:#505aba}
				#overlay #overlayContentWrap .other .title {background-image:url(../images/bg_tabbed_tab_blue.png)}
		/* tabbed area */
		.tabbed {border:1px solid #ccc; padding:10px;}
		.tabbed .title {font-size:14pt;}
		.tabbed .content {padding:10px 0 0}
		/* links */
			/* internal */
			.link_internal:link,
			.link_internal:visited {display:none}
			/* external */
			a.link_external:link:after,
			a.link_external:visited:after {
			  content: " (http://csr-2010.millicom.sbstaging2.co.uk/" attr(href) ") ";
			  font-size: 90%;
			}
			/* pdfs */
			a.link_pdf:link:after,
			a.link_pdf:visited:after {
			  content: " (http://csr-2010.millicom.sbstaging2.co.uk/" attr(href) ") ";
			  font-size: 90%;
			}
			/* footer */
			a.link_footer:link:after,
			a.link_footer:visited:after {
			  content: " (http://csr-2010.millicom.sbstaging2.co.uk/" attr(href) ") ";
			  font-size: 90%;
			}
			a.link_footer.email:link:after,
			a.link_footer.email:visited:after {
			  content: " (" attr(href) ") ";
			  font-size: 90%;
			}
	
	/* Sections */
			/* text */
			.section1 .text {padding:20px 0;}
				/* jumper */
				.section1 .text .jumper {display:none}
				/* performance */
				.section1 .text .performance .tabbed .content a.internal {display:none;}
		/* highlights */
			.highlights	.higlightInner {}
			.highlights	.higlightInner a.prev,
			.highlights	.higlightInner a.next {display:none}
			/* header */
				/* text */
				.highlights	.higlightInner .nav .text {}
				.highlights	.higlightInner .nav .text h3 {font-size:1.7em;}
				.highlights	.higlightInner .nav .text p {margin:5px 0 0;font-size:.9em;line-height:1.2}
				/* nav */
				.naviWrapper {display:none}
			/* scrollable */
			.highlights	.higlightInner .scrollable {padding-top:11px}
			.highlights	.higlightInner .scrollable .items div.item a {text-decoration:none}
			.highlights	.higlightInner .scrollable .items div.item .tabbed {margin-bottom:10px}
			.highlights	.higlightInner .scrollable .items div.item .tabbed p {margin:0;font-size:.9em;font-weight:bold}
		/* Our Approach */
		.section2 {padding:15px 0}
		.section2 .sectionInner .content {font-size:0.85em}
		.section2 .column {padding:0; border:none}
		.section2 .tabbed {margin-bottom:10px;}
		.section2 .partnerships {margin-top:10px}
			/* our approach top */
			.section2 .sectionInner .ourApproachSubSection1 {padding-bottom:35px}
				/* col 2 */
				.section2 .sectionInner .whyTogether .content div {margin-top:10px}
			/* our approach bottom */
			.section2 .sectionInner .ourApproachSubSection2 h3 span {color:#a6a6a6}
		/* Our Performance */
		.section3 {padding:15px 0}
		.section3 .sectionInner .content {font-size:0.85em}	
		.section3 .column {padding:0; border:none}
			/* title and text */
			.section3 .sectionInner .titleAndText p {font-size:0.85em}
		/* Governance */
		.section4 {padding:15px 0}
		.section4 .sectionInner .content {font-size:0.85em}	
		.section4 .column {padding:0; border:none}
			/* title and text */
			.section4 .sectionInner .titleAndText p {font-size:0.85em}
			/* col 1 */
			.section4 h4 {font-size:100%; margin:15px 0 0;}
			.section4 p {margin:0 0 10px;}
			.section4 a {display:block; margin-top:10px;}
		/* Our Performance */
		.section5 {padding:15px 0}
		.section5 .sectionInner .colouredBoxInner {font-size:0.85em;}
		.section5 .sectionInner .colouredBoxInner h4 {font-size:1.25em;font-weight:bold}
		.section5 .sectionInner .colouredBoxInner address {padding-left:10px}
		.section5 .sectionInner .colouredBoxInner p.copyright {margin:0;}