/*---------------bod-page styling starts---------------*/

.content-wrapper{float:left;width:100%;}
#the-board .content-wrapper .row{padding-bottom:30px;}
.bod-container{width:100%;float:left;margin-bottom:15px;}
.anglo-small-container{width:100%;float:left;}
.small-bod-container img{float:left;}
.bod-container .anglo-small-bod-container .small-bod-content{padding:15px;position: absolute;bottom:0px;width: 100%;background:url("/~/media/images/a/anglo-american-plc-v2/css/story-overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);color:white;left:0px;cursor:pointer;text-transform:uppercase;overflow:hidden;}
.small-bod-content .small-bod-link{color:white;position:absolute;bottom:40px;display:none;}
.small-bod-content p {font-family:DINM}
.large-bod-item .bx-next{margin-right:-10px;background-image:none;}
.large-bod-item .bx-wrapper .bx-viewport{height:auto;overflow:auto;}
p.boddesignation{color:#e2d8af!important;font-size:1.4em;}
.story-desc p.bodname{color:#fff; margin-bottom:0px;}
.bod-container .large-bod-content{bottom:0px;padding: 10px 23px;position: absolute;width:100%;background:url("/~/media/images/a/anglo-american-plc-v2/css/bg-bod-large.png") repeat scroll 0 0 transparent;min-height:255px;}
#the-board .boditem-wrapper .story-desc p{margin-bottom:0px;}
#group-management-committee .boditem-wrapper .story-desc p{margin-bottom:0px;}
/* if we want to have snapdown in bod

.large-bod-item a.bod-content-open{background-image:url("/~/media/Images/A/Anglo-American-PLC-V2/css/anglo-arrow-plus.png");position:absolute;bottom:0px;right:0px;height:63px;width:63px;display:block;}*/

.large-bod-item{float:left;}
.anglo-bod-container row{float:left;width:100%;}
.anglo-bod-name{color:#002478;font-size:3.4em; line-height:34px;}
.anglo-bod-designation{font-size:1.8em;color:#545454;}
.large-bod-content p.rad-introtext{padding-bottom:10px;font-size:2em;line-height:22px}
.large-bod-content p{font-size:1.8em;}
.large-bod-content ul{font-size:1.8em;line-height:19px;}
.large-bod-content ul li{list-style:disc inside none;}
.large-bod-content p a{cursor:pointer;}
.large-bod-img img{float:left;width:54px;}

.bodShortDesc {width: 100%; float:left;}
.bodShortDesc p, .bodShortDesc span.bod-age{float:left;}
.bodLongDesc{clear: both;}
span.bod-age, span.bod-age1{ background:none !important; float:none !important;}
.bodShortDesc span.bod-age{ font-size: inherit;}
.bodShortDesc .age{visibility: hidden; height:1px;}
.anglo-bod-container{float:left;width:100%;position:relative;}
.bod-menu-view {background: url("/~/media/Images/A/Anglo-American-PLC-V2/css/close-btn.jpg") no-repeat scroll 0 0 transparent;cursor: pointer;display: block; font-size: 0; height: 55px; position: absolute; right: 15px; top: 30px; width: 55px;}
.boditem-wrapper img{float:left;width:100%;height:auto;}
.ip3-selfserve .boditem-wrapper img{float:left;max-width:100%;height:auto;width:auto;}
.ip3-selfserve .bod-item-selfserve .small-bod-content p {float: left;font-family: DINM;margin-top: 20px;}
.large-bod-img{float:left;width:100%;position:relative; height: 215px;}
.bodintrotext{position:absolute;right:0px;top:100px;width:35%;padding:10px;}
.anglo-bod-container .bx-prev{background-image:url('/~/media/Images/A/Anglo-American-PLC-V2/css/bod-slider-prev.png');background-repeat:no-repeat;height: 56px;left: 15px;position: absolute;top: 35%;width: 56px;z-index: 10;display:block;font-size:0em;}
.anglo-bod-container .bx-next{background-image:url('/~/media/Images/A/Anglo-American-PLC-V2/css/bod-slider-next.png');background-repeat:no-repeat;height: 56px;right: 15px;position: absolute;top: 35%;width: 56px;z-index: 10;display:block;font-size:0em;}
.anglo-bod-container .bx-pager .bx-pager-item{float:left;}
.anglo-bod-container .bx-pager .bx-pager-item a{float:left;font-size:0em;background: url("/~/media/images/a/anglo-american-plc-v2/css/pager.png") no-repeat scroll 0 2px transparent;display: inline-block;height: 27px; width:26px;}
.anglo-bod-container .bx-pager .bx-pager-item a.active{background:url("/~/media/images/a/anglo-american-plc-v2/css/pager.png") no-repeat scroll 0 -26px transparent;}
.anglo-bod-container .bx-pager .last a{background:url("/~/media/images/a/anglo-american-plc-v2/css/pager-last.png") no-repeat scroll 0 2px transparent;}
.anglo-bod-container .bx-pager .last a.active{background:url("/~/media/images/a/anglo-american-plc-v2/css/pager-last.png") no-repeat scroll 0 -26px transparent;}
.anglo-bod-container .bx-controls{margin:23px 0 30px}
.bod-introtext{float:left;width:100%;padding:13px 0 13px;}
.bod-introtext p{font-size:2.0em; color:#545454; line-height:25px;}

#group-management-committee .page-title h1{display:none;}
#the-board #bod-sectionheader , #group-management-committee #bod-sectionheader {border-bottom: 1px solid #ccd4e4;color: #434343;font-family: "DINM";font-size: 3.4em;line-height: 34px;margin-bottom: 0;padding: 30px 0 20px;text-transform: uppercase;}
.mobi-content-bod{float:left;width:100%;margin-top:30px;}
.mobi-content-bod p{/*color:black;*/}
.mobi-content-bod ul{font-size:1.6em;line-height:19px;}
.mobi-content-bod ul li{list-style:disc inside none;}
.tabbed-container{float: left;margin: 0 0 20px;width: 100%;}
.tabbed-container ul{border-bottom: 2px solid #667dad;float: left;width: 100%;}
.tabbed-container ul li{ float: left;font-size: 1.8em;height: 54px;margin-bottom: -11px;text-align: center;width: 48.7%;}
.tabbed-container ul li.current{  background-image: url("/~/media/Images/A/Anglo-American-PLC-V2/icons/bod-arrow.png");background-position: center bottom;background-repeat: no-repeat;}
.tabbed-container ul li a{  background-color: #eff2f7;color: #002776;float: left;padding: 15px 5px;width: 100%;}
.tabbed-container ul li.current a {background-color: #667dad;color: white;float: left;width: 100%;}
.tabbed-container ul li.last{margin-right:0px;}
.tabbed-container ul li{margin-right:2.6%;}

/*media queries for bod starts*/

@media all and (max-width:991px) and (min-width:710px){
.anglo-bod-container .bx-prev {background-size: 100% auto;height: 40px;left: 15px;position: absolute;top: 25%;width: 40px;}
.anglo-bod-container .bx-next {background-size: 100% auto;height: 40px;right: 15px;position: absolute;top: 25%;width: 40px;}
.bod-menu-view {right: 16px; top: 8px; width: 44px;  height:43px; background-size:cover;}
}
@media all and (max-width:991px) and (min-width:640px){
.small-bod-content .small-bod-link{padding-top:50%;}
}
@media all and (max-width:639px){
.small-bod-content .small-bod-link{padding-top:40%;}
.tabbed-container ul li a{font-size:80%;min-height:43px;padding:7px;}
.anglo-small-bod-container .story .read-more {font-size:1.2em;line-height:13px; bottom:5px; left:10px;}
/*.bod-container .anglo-small-bod-container .small-bod-content{padding:10px}*/
.bod-menu-view {right: 16px; top: 8px; width: 44px;  height:43px; background-size:cover;}
}
@media all and (max-width:767px) and (min-width:640px){
.bodname{padding-bottom:7px;}
}
@media all and (max-width:767px) 
{
.mobi-content-bod ul{font-size:1.4em;line-height:18px;}
}
@media all and (max-width:709px) and (min-width:640px){
.anglo-bod-container .bx-prev {background-size: 100% auto;height: 40px;left: 15px;position: absolute;top: 22%;width: 40px;}
.anglo-bod-container .bx-next {background-size: 100% auto;height: 40px;right: 15px;position: absolute;top: 22%;width: 40px;}
.bod-menu-view {right: 16px; top: 8px; width: 44px;  height:43px; background-size:cover;}
}
@media all and (max-width:780px){
.small-bod-item{padding-left:0px;padding-right:10px;}
.bod-alt-even{padding-right:0px;padding-left:10px;}
.bod-alt-odd{padding-right:10px;}
.anglo-small-bod-container .our-stories{float:left;width:100%;margin:0px;}
}
@media all and (max-width:794px) and (min-width:782px){
.small-bod-item{padding-left:15px;padding-right:15px;}
}
@media all and (max-width:639px) and (min-width:480px){

.anglo-bod-container .bx-prev {background-size: 100% auto;height: 40px;left: 15px;position: absolute;top: 17%;width: 40px;}
.anglo-bod-container .bx-next {background-size: 100% auto;height: 40px;right: 15px;position: absolute;top: 17%;width: 40px;}
.small-bod-content .bodname{margin-bottom:17px !important;}

}
@media all and (max-width:479px){
.small-bod-content .small-bod-link{padding-top:25%;}
}
@media all and (max-width:479px) and (min-width:390px){
.anglo-bod-container .bx-prev {background-size: 100% auto;height: 40px;left: 15px;position: absolute;top: 12%;width: 40px;}
.anglo-bod-container .bx-next {background-size: 100% auto;height: 40px;right: 15px;position: absolute;top: 12%;width: 40px;}

}
@media all and (max-width:389px){
.anglo-bod-container .bx-prev {background-size: 100% auto;height: 30px;left: 15px;position: absolute;top: 12%;width: 30px;}
.anglo-bod-container .bx-next {background-size: 100% auto;height: 30px;right: 15px;position: absolute;top: 12%;width: 30px;}

}
@media all and (min-width:780px){
#the-board .our-stories .story-desc{height:80px;}
#group-management-committee .our-stories .story-desc{height:80px;}
}
@media all and (max-width:779px){
#the-board .our-stories .story-desc{height:60px;}
#group-management-committee .our-stories .story-desc{height:60px;}
}
@media all and (max-width:480px){
.our-stories .story-desc{padding:10px;}

}
/*media queries for bod ends*/


/*---------------bod-page styling ends---------------*/

.story .bod-read-more {position:absolute; bottom:15px; left:15px; color:#fff; font-size:1.6em; display:none; font-family:DINM;text-transform:uppercase;}