@charset "utf-8"; /* CSS Document */

@import url(reset.css); 

/* Define tags */
html, body{margin: 0; padding: 0; font: 0.95em/1.35em Arial, Helvetica, sans; }
html{background: #fff url(../images/html-bg.png) repeat center center fixed; height: 100%;}
body{color: #666; background: url(../images/body-bg.png) repeat-x left bottom fixed; border-top: 50px solid #B26E29; width: 100%; }
img{margin-bottom: 0.5em; border: none}

h1, h2, h3, h4, h5, h6{line-height: 1.1em; margin: 0 0 5px 0; font-family: 'Century Gothic', futura, sans}
h1{font-size: 2.1em; line-height: 1.1em; margin-bottom:0.5em; color: #333; }
article h1{ font-weight: bold; margin-top: 5px}
h2, h3, h4, h5, h6{font-weight: bold; }
h2{font-size: 1.3em; color: #333; text-transform: uppercase}
h3{font-size: 1.05em; color: #B26E29;}
h4{font-size: 1em; color: #000;}
h5{font-size: 1em; color: #999; font-weight: bold}
h6{font-weight: bold; color: #666; font-weight: bold}
p{margin: 0 0 1.3em 0}
ul{margin: 0 0 1.3em 18px; padding: 0}
ol{margin: 0 0 1em 2.2em; }
ul ul{margin: 0.5em 0 0 15px}
ol li{list-style-type: decimal}
ol.lower-alpha li{list-style-type: lower-alpha}
ol.lower-roman li{list-style-type: lower-roman}
li{margin: 0 0 0.3em 0; list-style: none; position: relative}
article ul li:before {color: #B26E29; content: "\2022"; font-size: 1.6em; line-height: 10px; width: 25px; height: 20px; overflow: hidden; margin: 0px; padding: 0em; position: absolute; top: 4px; left: -17px}
article ul.arrow li:before {color: #B26E29; content: "\25b6"; font-size: 0.85em; line-height: 10px; width: 25px; height: 20px; overflow: hidden; margin: 0px; padding: 0em; position: absolute; top: 4px; left: -17px}
article ul.dash li:before{content: "\2013"; color: #666; font-size: 1em}
article ul ul li:before {color: #333}
p + ul, p + ol{margin-top: -0.7em}
article ul.no-bullet li:before {content: ""}
article .no-bullet li{margin-left: 0; list-style-type: none; position:relative}
article ul.no-bullet {margin-left: 0}
article ul.no-bullet li{margin-bottom: 0em}
article .no-bullet h3 span{position:absolute; width: 30px; left: -30px}
article img{}
a{color:#666; text-decoration: none; outline: none; border-bottom: 1px dotted #666}
a:hover{color: #333; text-decoration: none;}
a p, a time{color: #666}
strong{color: #333; font-weight: bold}
em {font-style:italic}
sup{font-size: 0.8em; line-height: 1em; vertical-align: 55%}
sub{font-size: 0.7em; line-height: 1em; vertical-align: -40%}
hr{border: 3px solid #ccc; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; color: #ccc; margin: 0px 0 10px 0; *margin: 0; padding: 0; height: 1px; font-size: 1px; line-height: 2px; background: #ccc;}
section{padding: 0; position: relative}
aside{float: right; position: absolute;  width: 230px;  right: -240px;} 
.graph{background: #F9F9F9; padding: 10px 0px 10px 15px; width: 230px; right: -245px;  -webkit-box-shadow: inset 20px -5px 30px -20px rgba(0,0,0,0.6); -moz-box-shadow: inset 20px -5px 30px -20px rgba(0,0,0,0.6); box-shadow: inset 20px -5px 30px -20px rgba(0,0,0,0.6); border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;}
aside figure{position: relative; left: -40px; color: #fff; width: 100%}
figcaption{font-size: 0.9em; background: #B26E29; color: #fff; border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px; padding: 2px 5px 2px 10px; position: relative; left: -10px; top: -21px; max-width: 200px; float: left; line-height: 1.1em}
aside figure strong{color: #000; display: block}

aside .intro{font-size: 1.4em}
em{font-style:italic}
dl{margin: 0 0 1.5em 0;  font-size: 0.9em; line-height: 1.3em; border-top: 1px solid #fff}
dt{font-weight: normal;  font-weight: bold; font-size: 1em; line-height: 1.2em; padding: 5px 3px 0 3px; color: #B26E29; text-align:left; float: left}
dd{display: block; border-bottom: 1px dashed #ccc;  padding: 4px 3px 4px 100px;}
dd ul{margin-bottom: 0}


/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {display: block; }  
::selection {background: #ccc; }
::-moz-selection {background: #ccc; }
time{padding: 2px 6px 1px 6px; background: #EBE729; text-align: center; color: #666;}


/* tables */
table{margin: 0 0 1.3em 0; width: 100%; border-collapse:separate; *border-collapse:collapse; position: relative; font-size: 0.9em; line-height: 1.2em; }
.auto{width: auto}
td, th{text-align: right; vertical-align:bottom;  }
td{padding: 3px 9px 3px 3px; font-weight: normal; border-bottom: 1px dotted #D1D3D4;}
th{padding: 3px 9px 3px 3px; }
caption{font-size: 1.1em; font-family: 'century gothic', arial, helvetica, sans; margin: 0; line-height: 1.1em; padding: 6px 3px 6px 3px; color: #939598;  font-weight: bold}
caption span{text-transform: none; color: #666; font-size: 0.9em}
caption.strong{background: #739BC7; color: #fff; text-transform: none}
tr:hover{background: rgba(200, 200, 200, 0.1)}
.no-hover tr:hover{background: transparent}
.ta-c, .ta-c td, .ta-c th, tr th:first-child.ta-c{text-align: center}
.ta-l .ta-r, .ta-r td, .ta-r th, th.ta-r{text-align: right}
.ta-j, .ta-j td, .ta-j th{text-align: justify}
td.ta-l, th.ta-l, .ta-l td, .ta-l th{text-align: left;}
.shade, .shade td{background: #E6E7E8}
.current{background: #fff}
thead{background: #fff;}
thead th{color: #333; font-weight: bold}
thead tr:last-child th{border-bottom: 2px solid #B26E29;}
thead th strong{color: #666}
thead td{border-bottom: 2px solid #B26E29;  color: #333}
tbody th{font-weight: bold; color: #000; background: #F0E2D4; border-top: 1px solid #B26E29}
.rule th, .rule td, .rule{border-bottom: #B26E29 1px solid}
.rule-nb, .rule-nb td, .rule-nb th{border-bottom: #B26E29 2px solid }
tr td:first-child, tr th:first-child{text-align: left}
tr td.ta-c:first-child{text-align: center}
tbody tr:last-child td{border-bottom: 2px solid #000}
td ul, td img, th img, li img{margin-bottom: 0 !important; margin-top: 3px; outline:none; }
th img{vertical-align:bottom}
.indent{padding-left: 15px}
.va-t td, .va-t th, .va-t{vertical-align: top}
.va-b td, .va-b th, .va-b{vertical-align: bottom}
.v-borders td, td.v-borders{border-right: #FA9C1E 1px solid}
.v-borders thead th, th.v-borders, thead td.v-borders{border-right: #fff 1px solid}
.nvb{border-right: none !important}
.box-left{border-left:1px solid #B26E29}
.box-right{border-right:1px solid #B26E29}
.box-top{border-top:1px solid #B26E29}
.box-bottom{border-bottom:1px solid #B26E29}
.thin{font-size: 1px; line-height: 1px; padding: 1px}
.space{width: 85px; *width: 75px}
.wide-space{width: 150px}
td h3, td h4, table h5{margin: 0; font-size: 1.1em;}
.dma{background: #E6E7E8}
td p:last-child{margin-bottom: 0}
.date{margin-top: -10px}
.overflow{width: 920px; background: #fff}

/*--Notes--*/
.notes {margin-left: 0; font-size:0.85em; line-height: 1.25em; }

.notes li{list-style-type:none !important; list-style-image:none !important; }
.note { line-height: 1.2em; position: relative;}
li.note{list-style-type:none; padding-left:20px; }
.note sup {left:-18px; position: absolute; top: 0px; text-align: right; display: block; width: 30px }
ol li.note sup{font-size: 0.75em; vertical-align: 0%}
ul li.note sup{font-size: 1em}
ul li.note{padding-left: 15px}
.notes li:before{content: "";}
.note img{margin: 0; position: relative; left: -10px}

/*--Common classes--*/
.skip{position: absolute; top: -20px}
.wrapper{width: 970px; margin: 0 auto; position: relative; left: -5px}
.intro{color: #B26E29; font-size: 1.2em; line-height: 1.2em; font-family: "century gothic", futura, sans; margin-bottom: 1em}


.intro h2{color: #B26E29}
.intro li:before{font-size: 1.3em}
.left{float: left}
img.left{margin: 0 1em 1.4em 0}
img.right{margin: 0 0 1.4em 1.5em}
.right{float: right}
.center{margin: 0 auto 0.9em auto; display:block; text-align:center}
.clear{clear: both}
.more{background:  #B26C27; color: #fff; display: inline-block; border-bottom: none; padding: 1px 5px; font-size: 0.9em; font-family:Arial, Helvetica, sans-serif; font-size: 12px}
.grouped{border: none}
.charts{padding: 8px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
.c1of2{width: 48%}
.nudge, #primary > ul > li > .nudge{left: 25px}
.mobilize{margin-bottom: 0.5em; width: 100%; overflow: hidden}
.features{position: relative; left: -10px; margin: 35px 0px 1em 0; background: #B26C27; min-height: 80px; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomright: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; color: #000; font-size: 1.1em}
.features strong{line-height: 1em; color: #000;}
.features ul{margin: 0 0 0 25px; padding: 8px 0 1px 0}
.features li{margin: 0 0 10px 0; padding: 0; color: #fff}
.features li:before{color: #fff; font-size: 1.2em}
.features li.last{border-right: none}
.features h2{position: absolute; top: -25px; padding: 0 0 0 10px; }
#g4 {position: absolute; right: -45px; background: #E4E4E4; width: 70px; z-index: 30}
#g4 h4, #g4 dt{display: block; text-align: center; font-family: "Century Gothic", futura, sans; padding: 5px 2px; font-size: 1.1em}
#g4 dl{margin: 0}
#g4 h4{background: #B6B6B6; color: #333; margin: 0}
#g4 a{border-bottom: none}
#g4 dt{color: #666; font-weight:normal; text-align: center; float: none}
#g4 dd{display: none;}
.c1of2{width: 48%}
.c1of3{width: 32%}
.c2of3{width: 65%}
.c2of5{width: 43%}
.c3of5{width: 52%}
.c3of4{width: 70%}
.c1of4{width: 25%}
.c1of5{width: 20%}
.model > *{margin: 0 20px 0 0}
.model dt{float: none}
.model dd{padding-left: 3px}
.box{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#F1F1F2;  padding: 15px 15px; position:relative; margin-bottom:20px;}
.box *:last-child{margin-bottom: 0}

.case-study{background-color:#f1f1f2; margin: -10px 0 1.5em 0; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding:10px 10px 10px 10px; }
.case-study p:last-child{margin: 0}
h3.cs{ background-color:#b26e29; padding:10px 10px 20px 10px; color:#000; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; margin: 0}
h3.cs span{color:#fff;}
.committee{font-weight: bold; font-size: 1.05em; color: #B26E29; font-family: "Century Gothic", futura, sans;}
#stakeholders h3{line-height: 55px}

.ui-tooltip {padding: 5px; position: absolute; z-index: 9999; max-width: 250px; -webkit-box-shadow: 0 0 1px #aaa; box-shadow: 0 0 1px #aaa; background: #B26E29; font-size: 0.9em; line-height: 1.2em; color: #333; }
.ui-tooltip:after{content: ''; position: absolute; border-style: solid; border-width: 8px 0 8px 9px; border-color: transparent #B26E29; display: block; width: 0; z-index: 1; right: -9px; top: 5px; }


.ui-accordion{width: 100%;  left: -5px; border-bottom: 1px solid #B26E29; margin-bottom: 1.4em}
.ui-accordion .ui-accordion-header {clear: both; border-top: 1px solid #B26E29; display: block; cursor: pointer; position: relative; margin: 0; display: block; padding: 5px 60px 5px 5px; line-height: 1.2em; color: #999}
.ui-accordion .ui-accordion-header img{float: left; position: relative; margin: 0 10px 0 0}
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-header strong{color: #999}
.ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-accordion-header:hover strong{color: #666}
.ui-accordion .ui-accordion-header a{border-bottom: none; color: #000}
.ui-accordion .ui-accordion-header-active, .ui-accordion .ui-accordion-header-active strong {color: #B26E29 }
.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon{}
.ui-accordion .ui-accordion-icons {padding-left: 0; }
.ui-accordion .ui-accordion-noicons {padding-left: 0; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {position: absolute; display: block; right: 0px; top: 3px; width: 55px; height: 25px; background:  url(../images/accordion-icon.png) no-repeat 0 bottom; }
.ui-accordion .ui-accordion-header:hover .ui-accordion-header-icon{background-position: 0 -65px; color: #000}
.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon{background-position: 0 -5px;  color: #000}
.ui-accordion .ui-accordion-header-active:hover .ui-accordion-header-icon{background-position: 0 -35px}
.ui-accordion .ui-accordion-header-active{} 
.ui-accordion .ui-accordion-header:focus{outline: none}
.ui-accordion .ui-accordion-content {clear: both; padding: 5px 5px 5px 5px; margin: 0; background: #F1F1F2; }
.ui-accordion .ui-accordion-content ul:last-child{margin-bottom: 0}
.ui-accordion table{}
.th{background: #E6E7E8; border-top: 1px solid #B26E29; padding: 5px 60px 5px 25px !important;}
.th strong{position: absolute; left: 5px; display: block; width: 20px}
.ui-accordion .ui-accordion-content .arrow{margin-left: 35px}

.ui-tabs {position: relative; margin: 0em 0 0.5em 0; padding: 0 0 20px 0}
.ui-tabs .ui-tabs-nav {margin: 0 0 1em -5px; padding: 0; font-family: "century gothic", arial, helvetica, sans; font-size: 1.1em; font-weight: bold; line-height: 1em;  height: 27px; border-bottom: #B26E29 1px dotted}
.ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; white-space: nowrap; margin: 0 4px 0.5em 0; border: 1px solid transparent}
.ui-tabs .ui-tabs-nav li:before{content: ""}
.ui-tabs .ui-tabs-nav li a {float: left; padding: 6px 8px 4px 8px ; text-decoration: none; color: #666; border: none}
.ui-tabs .ui-tabs-nav li:hover {border: 1px dotted #B26E29; border-bottom: none}
.ui-tabs .ui-tabs-nav li:hover a{color: #B26E29; border: none}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #B26E29; color: #fff;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {cursor: text; color: #fff}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {cursor: pointer;}
.ui-tabs .ui-tabs-panel {display: block; border: none; clear: both; }
.ui-tabs .ui-tabs-panel  aside{right: -280px}
.ui-tabs table{vertical-align: top; height: auto}
.ui-tabs nav.left{float: none; margin-right: 390px}
.next-tab, .prev-tab{border-bottom: none; font-size: 0.9em; background: #B26E29; color: #fff; display: block; padding: 0 3px}
.next-tab:hover, .prev-tab:hover{border-bottom: none; background: #E8D3BE; color: #B26E29;}
.next-tab{position: absolute; bottom: 5px; right: 0}
.prev-tab{position: absolute; bottom: 5px; left: 0}
.next-tab span, .prev-tab span{font-size: 1.3em}

header{width: 100%; z-index: 30; position: relative; height: 80px; width: 960px; margin: -35px auto 0 auto}
header h1{float: left; margin: 0.3em 0 0 12%; font-size: 1.6em; font-weight:normal; color: #fff}
#sibanye-bg{width: 100%; height: 460px; background: url(../images/header-bg.png) no-repeat center top; position:absolute; top: 5px; z-index:0}
header h1 strong{color: #B26C27}
#logo{float: left; margin: 5px 0 0 15px}
#page{left: 10px; position: relative; width: 960px; z-index: 20; margin: 0 auto 0px auto; clear: both; padding: 0px 3px; position: relative;  z-index: 10}

article{float: left; width: 670px; background: #fff; padding: 15px 35px 45px 10px; position: relative; margin-top: -10px}
.full-width article{width: auto; margin-right: 30px; padding-right: 20px; float: none}

#utility{float: right; font-size: 0.9em}
#utility ul{margin: -5px 0 0 0; padding: 0}
#utility ul li{display: block; list-style-image: none; padding: 0 2px;  *list-style-type:disc; margin: 0}
#utility li:before{ color: #B26E29; content: "\2022"; font-size: 2em; line-height: 10px; width: 5px; overflow: hidden; margin: 0px; padding: 0em; position: relative; top: 4px; left: -5px;}
#utility a{color: #ccc; border-bottom: none}
#utility a:hover{color: #eee}
#utility li.active{font-weight: bold}

#primary{position: relative; top: -2px; height: 35px; z-index: 11; width: 100%; font-family: "century gothic", futura, sans}
#primary > ul{clear: both; padding: 0; width: 970px; margin: 0 auto; left: 20px; position: relative; height: 23px; border-left: 1px dashed #B26E29;}
#primary > ul > li{float: left; border-right: 1px dashed #B26E29; position: relative; margin: 0 0 0 0; height: 23px;}
#primary > ul > li:hover{background-color: #fff} 

#primary > ul > li:hover > a, #primary > ul > li.active > a{background:  url(../images/primary-bg.png) repeat-x left top;  color: #B26C27}
#primary > ul > li:hover > a{background-color: #fff}
#primary a{border-bottom: none}
#primary > ul > li > a{font-weight: bold; padding: 5px 26px 8px 26px; }
#primary > ul > li > a{color: #666; font-size: 1.2em; line-height: 1em; text-transform: uppercase; display: block; margin: 0;}
#primary ul ul li{margin-bottom: 0.7em}
#primary > ul > li > ul a{color: #fff}
#primary > ul > li > *{position: relative;}
#primary .panel{display: none; position: absolute; background: #fff; background: rgba(255, 255, 255, 1);  top: 30px; left: 0px;  width: 100%; min-width: 200px; padding: 0px; }

#primary > ul > li.active > a{border-top-width: 4px;  color: #B26E29;}
#primary .panel > div > ul{margin: 0 1.5em 0 0}
#primary .panel ul{margin: 0 10px 0 10px; font-size: 0.9em; line-height: 1.1em; border-top: #ccc 1px dashed;}
#primary .panel h4{border-bottom: 3px solid; padding: 0.15em 0.5em}
#primary .panel li{border-bottom: #ccc 1px dashed; margin: 0}
#primary .panel li a{display: block; padding: 7px; color: #999}
#primary .panel li a:hover{background: #efefef}
#primary .panel li.active a{font-weight: bold; color: #B26C27}

#breadcrumb{display: block; width: 100%; height: 30px; font-size: 0.9em; margin: -20px 0 0 -2px; position: absolute; top: 20px}
#breadcrumb ul{margin: 0}
#breadcrumb li{float: left; padding: 3px 9px 3px 3px;}
#breadcrumb li a{border: none}
#breadcrumb li:before{content: ""}
#breadcrumb li:after{content: "\25E2"; color: #B26C27; position: relative; top: 0px; left: 5px}


#tools{width: 30px; position: absolute; left: -47px; top: 30px; z-index: 2}
#tools > ul > li{width: 28px; height: 28px; margin-bottom: 8px}
#tools > ul > li > a {display: block; background-repeat: no-repeat; background-position: center 0px; width: 30px; height: 30px; margin: 0 auto; border-bottom: none}
.print{background-image: url(../images/icon-print.png)}
.download{background-image: url(../images/icon-acrobat.png)}
.network{background-image: url(../images/icon-network.png)}
#addBookmarkContainer a{background-image: url(../images/icon-bookmark.png);  background-position: 1px 3px}

#tools li ul, #tools li .panel { position:absolute; left: 30px; top:-3px; z-index: 20; margin:0; width:185px;  line-height:1.1em; font-size: 0.8em; background: #F1F1F2; /* for IE */  display: none; padding: 5px; border: 1px solid #ccc}
#tools li ul a, #tools li .panel a{border-bottom: none; color: #999}
#tools ul > li:hover ul, #tools ul > li:hover .panel { display:block;}
#tools li ul li{ display:block; margin:0; margin: 0; float: none; padding: 0; height: auto; border-top: dotted 1px #ccc; list-style-type:none; list-style-image:none !important;}
#tools li ul li:last-child{border-bottom: dotted 1px #ccc;}
#tools li ul li a {display:block; padding: 4px 2px 4px 2px; border: none}
#tools li ul li a:hover{border: none; color: #666}


#elevator-items {
width: 100%; height: 1px; position: fixed; left: 0px; bottom: 60px; z-index: 12; }

#elevator {float: right; position: relative; right: 0px; top: -45px;
display: block; width: 44px; height: 44px; opacity: 0.5; background: url(../images/icon-up.png) center center no-repeat; border-radius: 2px; cursor: pointer; margin-bottom: 10px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid #ABABAB; 
 -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out;
}
#elevator:hover {opacity: 1; border-width: 2px; background-color: #fff;}


#secondary{width: 230px; float: right; position: absolute; right: 10px; top: 0; font-family: "century gothic", futura, sans}
#secondary{font-size: 0.95em; line-height: 1.2em}
#secondary h2{background: #B26E29; padding: 4px 0 6px 20px; color: #fff; font-weight: normal}
#secondary ul{margin: 0}
#secondary ul ul{border-top: 1px dotted #B26E29; margin: -3px 0 0 0}
#secondary ul li{border-bottom: 1px dotted #ccc; margin: 0}
#secondary ul ul li:last-child{border-bottom: none; }
#secondary ul > li a{color: #fff}
#secondary ul > li a, #secondary ul li h6{display: block; padding: 4px 5px 6px 20px}
#secondary li.active a{font-weight: bold; color: #fff}
#secondary li.active:before, #secondary li:hover:before{
color: #B26E29; content: "\2022"; font-size: 2em; line-height: 15px; width: 15px; height: 20px; overflow: hidden; margin: 0px; padding: 0em; position: absolute; top: 3px; left: 2px; }

footer{background: #000; width: 100%; position: fixed; height: 40px; bottom: 0;  z-index: 20; -webkit-box-shadow: 0px -1px 18px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow:    0px -1px 18px 0px rgba(50, 50, 50, 0.55); box-shadow: 0px -1px 18px 0px rgba(50, 50, 50, 0.55);}
#cse-search-box{float: left; line-height: 1em; position: relative; top: 6px; left:10px; padding: 0 30px 0 5px}
#cse-search-box input[type="search"]{background: none; font-size: 0.9em; line-height: 1.2em; width: 200px; color: #ccc; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; padding: 5px; z-index: 11; }
#cse-search-box button{z-index: 10; width: 43px; box-shadow: none; height: 43px; background: url(../images/icon-search.png) 11px 8px no-repeat; border: none; position: absolute; right: -7px; top: -10px;  }
#cse-search-box button:hover{}
footer small{float: right; color: #fff; display: block; text-align: center; line-height: 40px}
footer small a{color: #fff}
footer small a:hover{color: #ccc}


/*--------------Document Manager--------------------*/
#selection-box .nm{margin: 0}
#selection-box img{float:none; padding:0;}
#download-manager #selection-box{border: 1px solid #ccc; -moz-border-radius: 8px;  border-radius: 8px; padding: 10px; -moz-box-shadow: 10px 10px 5px #888;  -webkit-box-shadow: 10px 10px 5px #888;  box-shadow: 2px 0px 15px #888; margin: 0 0 1.5em 0; }
#selection-box .pdf, #selection-box .xls{-moz-border-radius: 8px; border-radius: 8px; padding: 5px} 
#selection-box .pdf{}
#selection-box .xls{}
#selection-box a{border: none}
#selection-box ul li:before{content: ''}
#document-tree{border: 1px solid #ccc; -moz-border-radius: 8px;  border-radius: 8px; padding: 10px; -moz-box-shadow: 10px 10px 5px #888;  -webkit-box-shadow: 10px 10px 5px #888;  box-shadow: 2px 0px 15px #888; margin: 0 0 1.5em 0;  max-width: 700px}
#document-tree ul{margin: 0}
#document-tree li{list-style-image: none; list-style-type: none}
#download-tools{float: right; width: 170px; margin-top: 0em; line-height: 1.2em}
#download-tools a{display: block; float: left; margin-bottom: 0.5em; width: 120px; border: 1px solid #ccc; -moz-border-radius: 5px;  border-radius: 5px; padding: 5px 5px 5px 45px ; -moz-box-shadow: 0px 0px 2px #888;  -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; background-color: #F7F7F7; background-position: 3px 3px; background-repeat: no-repeat; cursor: pointer; font-weight: bold; min-height: 30px; line-height: 1em}
#download-tools a:hover{-moz-box-shadow: 2px 2px 5px #888; background-color: #e6e6e6;  -webkit-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888;}
#merged_id{background-image: url(../images/pdf-container.png);}
#zip_id{background-image:  url(../images/icon-zip.png)}
.item_head {cursor: pointer; 	padding: 3px 2px 5px 25px; margin: 0 0 2px 0; 	background: #e6e6e6 url(../images/toggle.png) no-repeat 3px -30px ; }
.item_head.active{background-position: 3px -30px} 
.item_head.collapsed{background-position: 3px 5px} 
.item_body{padding: 0}
.item_body table{position: relative; width: auto; margin: 0 0 0 27px; width: 620px}
#document-tree table{margin-bottom: 0}
#document_admin {width:800px;}
#document_admin td {border-bottom:1px solid #F78F1E; 	padding:3px 2px; 	text-align:left; 	vertical-align:top; }
#expand-all{background: url(../images/toggle.png) no-repeat 3px 2px; display: inline-block; padding: 0 0 0 23px}
#collapse-all{background:  url(../images/toggle.png) no-repeat 3px -33px ; display: inline-block; padding: 0 0 0 23px}
#document-tree .space{width: 150px}
#document-tree table .indent{padding-left: 25px}
.tree-tools{padding: 3px; float: right}
.tree-tools a{border: none}
#document-tree td{ border-bottom:1px dotted #ccc;}
#document-tree img{margin: 0 0 0 0}



/*
PRINT STYLESHEET
*/
@media print {
	html, body, footer, #page, #sibanye-bg{background: transparent}	
	
	body{border-top: none}
  * {text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  #page, .wrapper{width: 100%; margin: 0; padding: 0; left: 0}
  article{width: 18cm; float: none}
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .gri-tabs li{width: 16%}
  header, #primary, #cse-search-box, #copyright a, #breadcrumb, #tools, #download-quicklinks, .skip, #secondary, .utilities, .desktop{display: none}
  article aside{position: relative; float: right; right: -330px; height: 0px}
.ui-tabs-nav, .next-tab, .prev-tab, .ui-accordion-header-icon { display: none !important; }
.ui-tabs .ui-tabs-hide { display: block !important; }
.ui-tabs .ui-tabs-panel, .ui-accordion-content {display: block !important; position: static; clear: both; page-break-before: auto; padding: 0 0 1em 0; height: auto}
.ui-accordion-header{background: transparent}
img.right{margin: 0 0 0.3em 0 !important}
footer{position: relative;}
footer small{float: left; color: #666}

}