/* 

BIG Un Limited - IR Base Styles

Red: #f0404c
Dark Grey: #231f20
Light Grey: #DDDDDD

–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Base
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@import url('/FormBuilder/_Resource/_module/plugin/base.css');
@import url('/FormBuilder/_Resource/_module/plugin/font-awesome.min.css');

html { /*sticky foot*/position: relative; min-height: 100%; /*End Sticky foot*/ } 
body { /* Margin bottom by footer height  margin-bottom: 60px;  /*End Sticky foot*/ font-family: 'Open Sans', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height: 1.6; color: #000; background: #fff; }

#wrapper { overflow: hidden; }
.container { max-width: 992px; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans'; }
h1 { color: #f0404c; margin: 0 0 0.5em 0; font: 300 38px 'Open Sans'; }
h2 { color: #f0404c; font-weight: 300;}
h3 { text-transform: capitalize; }
h4 { color: #f0404c; padding-bottom: 5px; }
h5 {  }
h6 {  margin: 0 }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { color: #f0404c; outline: none; text-decoration: none; }
a:hover { color: #f0404c; text-decoration: underline; outline: none; }
a span { display: none; }


/* Primary Header - branding
--------------------------------------------------------*/
#mobileMenuBtn {display: none; position: absolute; cursor: pointer; right: 15px; top: 25px; }
#mobileMenuBtn span { display: none;}
#mobileMenuBtn:after { content: "\f0c9";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #f0404c; }
#mobileMenuBtn.selected:after { content: "\f00d";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #f0404c; }

#MenuBtn { position: absolute; bottom: -10px; right: 0; padding: 20px 0; font-size: 18px; cursor: pointer; transition: .5s ease all; }
#MenuBtn:hover, #MenuBtn.active { color: #f0404c; }
#MenuBtn .fa { padding: 2px 5px; border: 2px solid; border-radius: 5px; transition: .5s ease background; }
#MenuBtn:hover .fa, #MenuBtn.active .fa { background: #f0404c; border-color: #f0404c; color: #fff; }

.branding { position: relative; z-index: 5; padding: 10px 0; border-top: 8px solid #f15a55; border-bottom: 1px solid #ccc; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); }
.branding .logo-row {  }
.branding #logo { display: block; height: 45px; margin: 0 0 0 -20px; padding: 0 20px; }
.branding #logo img { display: block; margin: 0 auto; height: 100%; }

.branding .top-links { position: absolute; top: 0; left: 0; margin: 10px 0 0; padding: 0; }
.branding .top-links h1 { display: inline-block; padding: 20px 10px 10px; font-size: 20px; background: #f0404c; color: #fff; }


/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation { position: fixed; top: 0; right: -320px; z-index: 100; width: 320px; height: 100%; padding: 50px 0; background: #f15a55; float: right; overflow: auto; }
.navigation .fa-close { position: absolute; top: 0; right: 0; margin: 10px; font-size: 14px; color: #fff; padding: 5px; border: 1px solid #fff; border-radius: 100%; cursor: pointer; transition: .5s ease all; }
.navigation .fa-close:hover { background: #fff; color: #f0404c; }
.nav, .nav ul { margin: 0; padding: 0; }
.nav ul li { position: relative; list-style: none; margin: 0; padding: 0; cursor: pointer; display: block; zoom: 1; }
.nav ul li a { color: #fff; text-decoration: none; padding: 18px 20px; z-index: 999; display: block; cursor: pointer; font-size: 19px; transition: .5s ease all; }
.nav ul li a:hover, .nav ul li a:focus, .nav ul li a.active { background: #e0443f; }
.nav ul li a .fa:first-child { width: 30px; padding-right: 10px; font-size: 18px; }
.nav ul li a .fa-chevron-down, .nav ul li a .fa-chevron-up { padding: 5px; border-radius: 100%; font-size: 18px; float: right; transition: .5s ease all; box-shadow: 0 1px 1px rgba(0,0,0,.1); }
.nav ul li a:hover .fa-chevron-down, .nav ul li a:hover .fa-chevron-up { background: rgba(255,255,255,.1); }
.nav ul li a .fa-play { font-size: 12px!important; border: 2px solid; padding: 4px 0px 4px 8px; box-sizing: border-box; border-radius: 7px; text-align: center; width: 30px!important; margin: 0px 5px 0 -5px; }
/*.nav ul li.parent-nav:before { height: 10px; display: inline; content: ''; border-right: 1px dotted #f0404c; margin-left: -4px }
.nav ul li.menu-first:before { border-right: 0px; }*/

/* sub menu level */
.nav ul ul { display: none; background: #e0443f; text-align:left; padding: 0px; }
.nav ul li:hover ul {  }
.nav ul ul li { display: block; }
.nav ul ul li a { padding: 10px 20px 10px 50px; color: #FFF; border: none; transition: .5s ease all; font-size: 16px; }
.nav ul ul li a:hover { background: #1a1d39; color: #fff; }

/* sub sub menu level */
.nav ul.sub-sub-nav { display: none !important; position: absolute; top: 44px; left: 199px; min-width: 200px; background: #f0404c; text-align:left; padding: 0px; z-index: 99; }
.nav ul li.products:hover ul { display: block !important;  }
.nav ul.sub-sub-nav li { display: block; }
.nav ul.sub-sub-nav li a { padding: 10px 20px; color: #FFF; transition: .5s ease all; }
.nav ul.sub-sub-nav li a:hover { background: #231f20; }

/*  NAV ALTERNATE */
/*.navigation { position: absolute; bottom: -10px; right: 0; margin-right: -20px; float: right; font-family: 'Open Sans'; }
.nav, .nav ul { margin: 0; padding: 0; text-align:right; }
.nav ul li { list-style: none; margin: 0; padding: 0; cursor: pointer; display: inline-block; *display: inline; zoom: 1; }
.nav ul li a { color: #231f20; text-decoration: none; padding: 18px 20px; z-index: 999; display: block; cursor: pointer; font-weight: 600; border-bottom: 3px solid transparent; transition: .5s ease all; }
.nav ul li a:hover, .nav ul li a:focus { border-color: #f0404c; color: #f0404c; }

/* sub menu level
.nav ul ul { position: absolute; top: 100%; left: auto; min-width: 240px; background: #f0404c; text-align:left; padding: 0px; z-index: 99; transition: .2s ease all; transform: translateY(-20px); opacity: 0; visibility: hidden; }
.nav ul li.menu-last ul { right: 0; }
.nav ul li:hover ul { display: block; transform: translateY(0px); opacity: 1; visibility: visible; z-index: 10; }
.nav ul ul li { display: block; }
.nav ul ul li a { padding: 10px 20px; color: #FFF; border: none; transition: .5s ease all; }
.nav ul ul li a:hover { background: #231f20; color: #fff; }

/* sub sub menu level
.nav ul.sub-sub-nav { display: none !important; position: absolute; top: 44px; left: 199px; min-width: 200px; background: #f0404c; text-align:left; padding: 0px; z-index: 99; }
.nav ul li.products:hover ul { display: block !important;  }
.nav ul.sub-sub-nav li { display: block; }
.nav ul.sub-sub-nav li a { padding: 10px 20px; color: #FFF; transition: .5s ease all; }
.nav ul.sub-sub-nav li a:hover { background: #231f20; }
*/



/* side nav */
.right-col { margin: 20px 0 0; }
.home .right-col { margin-top: 375px; }
.full-width .right-col.four.columns { width: auto; float: none; margin: 0; }
.side-nav { margin: 0; padding: 0;}
.side-nav li{ list-style: none; padding: 3px 0; margin: 0; }
.side-nav li a { display: block; padding: 5px; color: #231f20;}
.side-nav li a:hover { color: #E57E25; } 
.side-nav li a.active { color: #E57E25; font-weight: 700 }
.top-menu > a { position: relative; }
	.top-menu > a:after { content: "\f0da";  position:absolute; font-family: 'FontAwesome'; top:5px; right:5px; font-size: 14px; color: #E57E25 }
.top-menu.active > a { color: #E57E25; }
	.top-menu.active > a:after { content: "\f0d7";  position:absolute; font-family: 'FontAwesome'; top:5px; right:5px; font-size: 14px; color: #E57E25 }

.sub-menu {display: none; margin: 0; padding: 0;}
.sub-menu li { border-top: 1px solid #D5D5D5; background-color: #f7f7f7; }
.sub-menu li a { color: #2c2c2c; }

.tools_icon { display:block; margin: 1em 0; text-align: center; }
.home .tools_icon { display: none; }
.tools_icon ul { margin: 0; padding: 0;}
.tools_icon ul li { display:inline-block; margin-right: 10px; }
.tools_icon ul li a {  }
.tools_icon .fa { font-size: 20px; padding: 7px; color: #f0404c; border-radius: 100%; transition: .5s ease all; }
.tools_icon .fa:hover { background: #f0404c; color: #fff; }
.full-width .tools_icon{ position: absolute; top: 0; right: 0; }


/* Primary Page content
--------------------------------------------------------*/
.main-col.eight.columns { width: 65.66666%; padding: 20px 0 0; margin-left: 0; }
.home .main-col.eight.columns { width: 68.66666%; }
.full-width .main-col.eight.columns { width: 100%; }
.page-content { width: 100%; padding: 0 0 40px; background: #fafafa; }

/********** Home Slider **********/
#big_banner { position: relative; z-index: 2; height: 300px; margin-bottom: 5px; background: #ddd; }
#big_banner ul { height: 100%; margin: 0; padding: 0; list-style: none; }
#big_banner li { width: 100%; height: 100%; overflow: hidden; }
#big_banner .mask { position: absolute; top: 0; left: -100%; z-index: 2; width: 100%; height: 100%; background: url('/FormBuilder/_Resource/_module/GSKFFkRiwU-KoBou0_u2Gg/images/banner/banner_mask.png') -30px 20% no-repeat; }
#big_banner .banner_content { display: none; position: absolute; top: 0; left: 0; z-index: 30; padding: 70px 0 0 100px; width: 450px; }
#big_banner .banner_content h1 { color: #000; }
#big_banner .banner_content h1 span { display: block; color: #f0404c; font-size: 52px; line-height: 48px; }
#big_banner .banner_content a { display: block; float: left; padding: 10px; color: #000; border: 1px solid #f0404c; transition: .5s ease all; }
#big_banner .banner_content a:hover { background: #1a1d39; color: #fff; border-color: #1a1d39; text-decoration: none; }
#big_banner .banner_content a:after { position: relative; bottom: -2px; display: inline-block; padding: 0 0 0 10px; font-family: 'FontAwesome'; font-size: 20px; content: " \f105"; line-height: 10px; }
#big_banner .banner_content .signup_tag { display: block; float: left; padding: 11px; font-style: italic; }
#big_banner img { max-width: 100%; }
.home #big_banner { height: 350px; margin: 0 -311px 5px 0; }
.home #big_banner img { width: 100%; }

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; max-width: none!important; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides_nav { position: absolute; top: 45%; z-index: 100; padding: 18px; background: #F05854; color: #fff; font-size: 0px; text-indent: -9999px; transition: .5s ease all; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.rslides_nav:hover { opacity: 1; text-decoration: none; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); color: #fff; }
.rslides_nav.prev { left: -20px; border-radius: 100%; }
.rslides_nav.prev:after, .rslides_nav.next:after { display: block; font-family: 'FontAwesome'; font-size: 24px; content: "\f104"; line-height: 10px; text-indent: 0; }
.rslides_nav.next { right: -20px; border-radius: 100%; }
.rslides_nav.next:after { content: "\f105"; }
.rslides_tabs { position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: auto!important; text-align: center; }
.rslides_tabs li { display: inline-block; width: auto!important; height: auto!important; margin: 0 2px; }
.rslides_tabs li a { display: block; width: 8px; height: 8px; text-indent: -9999px; background: #1a1d39; border-radius: 100%; opacity: .5; }
.rslides_tabs li.rslides_here a { opacity: 1; }

.home_actions .six.columns { margin: 0; width: 50%; }
.latest_results_download, .annual_report_download { position: relative; min-height: 280px; padding: 50px 100px 20px 25px; background: #fff; border: 1px solid #ddd; overflow: hidden; font-size: 12px; line-height: 1.45; }
.latest_results_download *, .annual_report_download * { position: relative; z-index: 2; }
/*.latest_results_download:hover, .annual_report_download:hover { color: #fff; }
.latest_results_download:hover a, .annual_report_download:hover a, .latest_results_download:hover h3 span, .annual_report_download:hover h3 span { color: #fff; }*/
.latest_results_download h3, .annual_report_download h3 { max-width: 150px; margin: 0 0 10px; font-size: 20px; font-weight: 300; line-height: 24px; }
.latest_results_download h3 span, .annual_report_download h3 span { display: block; color: #f0404c; }
/*.latest_results_download:hover:before, .annual_report_download:hover:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #f0404c; color: #fff; content: " "; opacity: .9; }*/
.latest_results_download a, .annual_report_download a { position: absolute; bottom: 20px; left: 20px; z-index: 2; padding: 10px; color: #000; border: 1px solid #f0404c; transition: .5s ease all; }
.latest_results_download a:hover, .annual_report_download a:hover/*, .latest_results_download:hover a, .annual_report_download:hover a*/ { background: #1a1d39; color: #fff; border-color: #1a1d39; text-decoration: none; }
.latest_results_download a:after, .annual_report_download a:after { position: relative; bottom: -3px; display: inline-block; padding: 0 0 0 10px; font-family: 'FontAwesome'; font-size: 20px; content: " \f105"; line-height: 10px; }
.latest_results_download { background: url('/FormBuilder/_Resource/_module/GSKFFkRiwU-KoBou0_u2Gg/images/latest_results-bg-2016.jpg') 0 40%; background-size: cover; }
.annual_report_download { background: url('/FormBuilder/_Resource/_module/GSKFFkRiwU-KoBou0_u2Gg/images/annual_report-bg-2016.jpg') 0 40%; background-size: cover; margin-left: 5px; }
.annual_report_download .report_year { position: absolute; top: 10px; right: 20px; z-index: 3; font: normal 32px 'Open Sans'; color: #f0404c; }

#home_panel { min-height: 285px; padding: 30px 20px 20px; font: 300 16px 'Open Sans'; }
#home_panel ul.custom-ul { font-size: 15px; }

ul.custom-ul { padding: 0 20px 0 30px; list-style: none; }
ul.custom-ul li { position: relative; }
ul.custom-ul li:before { display: block; width: 6px; height: 6px; background: #f0404c; border-radius: 100%; content: " "; position: absolute; top: 9px; left: -18px; }

#modal-container { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: .6; cursor: pointer; }
#modal-content { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 101; width: 900px; padding: 5px; background: rgba(255,255,255,.4); border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.3); }
#modal-content .fa-close { position: absolute; top: -10px; right: -10px; display: block; padding: 5px; border-radius: 100%; background: #fff; color: #1a1d39; font-size: 20px; box-shadow: 0 0 5px rgba(0,0,0,.3); cursor: pointer; transition: .5s ease all; }
#modal-content .fa-close:hover { background: #1a1d39; color: #fff; }
#modal-content iframe { display: block; width: 100%; height: 500px; border: none; }

/* Full-Width Content
--------------------------------------------------------*/
.full-width .right-col { display: none; }
.full-width .main-col { width: auto!important; float: none; }

.full-width #priceModule_SharePriceModule2 { position: relative; width: 300px; min-height: 280px; margin: 0 auto 5px; padding: 20px 10px; background: #fff; color: #000; border: 1px solid #ddd; float: left; }
.full-width #priceModule_SharePriceModule2:before { display: block; margin: 0 0 10px; text-align: center; text-transform: uppercase; font: 300 18px 'Open Sans'; content: "Share Price"; }
.full-width #chartContainer_PriceVolumeChart2 { margin: 0 0 20px; padding: 0 5px; float: right; background: #fff; border: 1px solid #ddd; }


/* Right Side Widgets
--------------------------------------------------------*/
.share_price_widget { position: relative; min-height: 280px; margin: 0 0 5px; padding: 20px 10px; background: #fff; color: #000; border: 1px solid #ddd; }
.share_price_widget:before { display: block; margin: 0 0 10px; text-align: center; text-transform: uppercase; font: 300 18px 'Open Sans'; content: "Share Price"; }
.share_price_widget table.priceTable, .share_price_widget table.priceDetails { margin: 0 auto; }
.share_price_widget table.priceTable > tbody > tr > td { border: none; }
.share_price_widget table.priceTable .priceMove { display: inline-block; }
.share_price_widget table.priceDetails { background: #fafafa; }
.share_price_widget table.priceDetails td { border-color: #ddd; }
.share_price_widget .price-date { margin-bottom: 0; }
.share_price_widget a.view-more { position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 0 0 20px; text-align: center; color: #f0404c; }

/*.home .share_price_widget { background: #231f20; color: #fff; border: none; }
.home .share_price_widget table.priceDetails { background: #151515; }
.home .share_price_widget table.priceDetails td { border-color: #231f20; }
.home .share_price_widget a.view-more { color: #fff; }*/

.announcement_widget { position: relative; min-height: 280px; margin: 0 0 10px; padding: 20px; background: #fff; border: 1px solid #ddd; }
.announcement_widget:before { display: block; margin: 0 0 10px; text-align: center; text-transform: uppercase; font: 300 18px 'Open Sans'; content: "ASX Announcements"; }
/*.announcement_widget:hover { background: #f0404c; border-color: #f0404c; color: #fff; }
.announcement_widget:hover a, .announcement_widget a:hover { color: #fff!important; }*/
.announcement_widget h3 { margin: 0 0 20px; text-align: center; font-size: 18px; }
.announcement_widget table th { display: none; }
.announcement_widget table td { display: block; width: 100%; float: left; border: none; background: none; }
.announcement_widget table td.announcementTitle { padding: 8px 0 0; margin-bottom: 0; font-size: 12px; }
.announcement_widget table td.announcementDate { margin: 0; padding: 0 0 8px; border-bottom: 1px solid #ccc; font-size: 12px; }
.announcement_widget a.view-more { position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 0 0 20px; display: block; text-align: center; }

.full-width .share_price_widget, .full-width .announcement_widget { display: none; }


/* Footer
--------------------------------------------------------*/
.page-footer { /* stkicy foot position: absolute; bottom: 0; width: 100%;  /* Set the fixed height of the footer here */ padding: 40px 0; height: auto;/* End sticky foot*/ background-color: #fff; border-top: 1px solid #ccc; }
.page-footer p { margin: 10px 0; color: #FFFFFF;}
.page-footer p a { color: #FFFFFF;}

.page-footer .social-links { }
.page-footer .social-links a { display: inline-block; margin: 0 5px; padding: 4px 0 3px; border-radius: 100%; font-size: 18px; width: 32px; text-align: center; transition: .5s ease all; }
.page-footer .social-links a:hover { background: #f0404c; color: #fff; }

.page-footer .copyright { padding: 10px 0 0; }


/* Investor Centre
--------------------------------------------------------*/
.widgets { }
.widgets h2 { margin: 0; padding: 10px 0; text-align:center}
.widgets p { text-align:left}
.widgets p a { margin: 0;}

.overview-container .row{ vertical-align:top;}
.share-container, .prospectus-container { margin: 0px; padding: 0px; }

.widgets .announcementsTable { margin: 10px auto; border: 0; width: 100%;  }
.widgets .announcementsTable th {display: none;}
.widgets .announcementsTable td { padding: 5px 0}
.widgets .announcementsTable td a:hover { text-decoration:none; }
.widgets .noresults { padding: 0 10px;}

.widgets .share-box { padding: 10px; border: 1px solid #CCCCCC; }
.widgets .priceTable { width: 100%; margin: 5px 0; border: 0;}
.widgets .priceTable td { display: block; height: auto !important; text-align: center }
.widgets .priceTable td td { display: inline-block;}
.widgets .priceTable td .price { color:#f0404c; font-size: 32px; padding: 00;  }
.widgets .price-icon { padding: 0px 5px 0 0px; }
.widgets .priceMove { padding: 8px 0px 0 0px; display: inline-block }
.widgets .price-date {text-align:center; padding:10px 0 0px 0; margin: 0;}
.widgets .price-date span {font-size:11px;}
.widgets .priceDetails { display: none; }

.share-price-graph .main-col #priceModule_SharePriceModule1 { display: none; }
.widgets #priceModule_SharePriceModule3 { display: block !important;}

.widgets .btn-subscribe { position: relative; display:block; padding:20px 20px 20px 60px; width:auto; margin: 0; background: #f0404c; border: 0; border-radius: 4px; color: #FFF; cursor: pointer; font-size: 0.9em; text-decoration: none;}
.widgets .btn-subscribe:before {  content: "\f003";  position:absolute; font-family: FontAwesome; top:40px; left:20px; font-size: 30px}





/***** buttons *****/
.btn, .button { background: #231f20; color: #FFFFFF }
.btn:hover, .button:hover {background: #f0404c; color: #FFFFFF}
.button { border: none; padding: 10px; }
 .loadNext { background: #1a1d39; color: #FFFFFF; padding: 10px; }
  .loadNext:hover { background: #f0404c; color: #FFFFFF }


/***** Icons *****/
a[data-icon="pdf"],
a[data-icon="audio"] { padding: 0; text-align:left; font-weight: 400; color: #f0404c }
a[data-icon="pdf"]:before { content: "\f1c1";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for PDF icons */
a[data-icon="audio"]:before { content: "\f028";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for video icons */



/***** Table *****/
table {width:100%; border-collapse:collapse; margin: 0 0 10px;  }
th, td { padding:10px; margin:0; vertical-align:top; text-align:left; border-bottom: 1px solid #cbc4bc;}
th { background: #eee; font-weight: bold; color: #000; }
td a { display: inline-block; position:relative; }



/***** Tabs *****/
#tab-group, .tabnav { width: 100%; margin: 20px 0 0; clear:both; border-bottom: 2px solid #1a1d39}
#tab-group ul, .tabnav ul { list-style: none; margin: 0; padding: 0;}
#tab-group ul li, .tabnav ul li { display: inline-block; *display: inline;	zoom: 1; padding: 0 5px 0 0; margin: 0;}
#tab-group ul li a.tab-button, .tabnav ul li a {  background: none; display: block; font-size: 16px; padding: 8px 10px; text-align: center; text-decoration: none; background: #f0404c; color: #fff; }
#tab-group ul li a.tab-button:hover, .tabnav ul li a:hover { background: #1a1d39; }
#tab-group ul li a.tab-button.current, .tabnav ul li a.current { background: #1a1d39; }




/***** ASX Announcements *****/
.announcements-filter { text-align: right; margin: 10px 0;}
.announcements-filter label { width: 20%; display: inline-block; *display: inline; zoom: 1; padding-right: 20px; font-weight: bold;}
.announcements-filter input#KeywordSearch { width: 50%; padding: 9px; border: 1px solid #B2B1B1; vertical-align: top;  }
.announcements-filter .filterButton { background-color: #f0404c; color: #FFF; vertical-align: top; display: inline-block; height: auto; width: auto; padding: 10px 20px; bordeR: 0; }

.announcementsTable { margin: 10px 0; width:100%; border-spacing: 1px; border-collapse:separate;}
.announcementsTable th { padding: 10px; font-weight: bold; color: #000000; text-align:left; background: #fff; margin-bottom: 10px; padding-bottom: 10px; background-size: 5px;}
.announcementsTable td {padding:10px; margin:0; vertical-align:middle; margin-bottom: 10px; padding-bottom: 10px; background-size: 5px;}
.announcementsTable td a { display: block; }
.announcementsTable td a:hover { color: #f0404c}
.announcement_widget .announcementsTable td a { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; }

.main-col .announcementsTable, .resultsCentre, .priceHistoryTable { background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.2); }
.main-col .announcementsTable th { background: #eee; color: #000; }
.main-col .announcementsTable tr, .resultsCentre tr, .priceHistoryTable tr {  }
.main-col .announcementsTable tr:hover, .resultsCentre tr:hover, .priceHistoryTable tr:hover { background: #f15a55!important; color: #fff; }
.main-col .announcementsTable tr:hover a, .main-col .announcementsTabel tr a:hover, .resultsCentre tr:hover a, .resultsCentre tr a:hover { color: #fff; }

.announcementsTable .downloadLinkHeader, .announcementsTable .downloadLink,
.announcementsTable .priceSensitiveHeader, .announcementsTable .priceSensitive,
.announcementsTable .securityCodeHeader, .announcementsTable .securityCode { display: none;}

.resultsCentre th, .resultsCentre td { text-align: center; }
.resultsCentre th:first-child, .resultsCentre td:first-child { text-align: left; }
.resultsCentre td img { display: none; }

#loadingSpinner { background: #ffffff url(/FormBuilder/_Resource/_module/5H6fE0r_N0iAfhxjV6Qu2Q/img/loadingSpinner.gif) 0 0 no-repeat; margin: 50px auto; overflow: hidden; width: 22px; height: 22px; text-indent:-100000em}

/***** Media Release *****/
.media-row {  padding-bottom:2em; margin-bottom: 3em; }
.media-row h3 { margin-bottom: 5px; font-size: 20px; font-weight: 700;}
.media-row h5 {font-size: 14px; font-weight: 300; margin-bottom: 10px;}



/***** Share Price *****/
table.priceTable, table.priceDetails { width: 50%; margin: 10px auto;}
table.priceTable td { height: auto !important;}
table.priceTable td td { padding: 5px 10px;}
table.priceTable td .price { color:#f0404c; font-size: 30px; }
table.priceTable .priceDetailsLabel { text-align: right;}

table.priceTable {  }
table.priceDetails { background: #fafafa; }
table.priceDetails td { border-bottom: 1px solid #fff; }

.price-date { display: block; text-align:center; padding:5px 0; margin-bottom: 30px;}
.price-date span {font-size:11px;}

.price-icon { position: relative; display: inline-block}
.price-icon-down:before { content: "\f0d7"; font-family: FontAwesome; font-size: 20px; top:0px; left:0px; color:#F30 }
.price-icon-up:before { content: "\f0d8"; font-family: FontAwesome; font-size: 20px; top:0px; left:0px; color: #0C0 }

#errorContainer_PriceVolumeChart1 { display: none;}

#custom-price-table {width:100%;margin:15px 0;}
#custom-price-table th, #custom-price-table td {text-align:center;}
#custom-price-table th {padding:10px 5px;}
#custom-price-table td {padding:15px 5px;font-size:14px; vertical-align:middle}
#custom-price-table #fill_last {color:#f0404c;font-size: 22px;font-weight:bold;}
#priceModule_SharePriceModule3 {display:none;}


/*** Share Price History ***/
.priceHistoryContainer { width: 100%; }
.priceHistoryTable { margin: 10px 0; width:100%; border-spacing: 1px; border-collapse:separate;}
.priceHistoryTable th { font-weight: normal; padding: 10px; text-align:left }
.priceHistoryTable td {padding:10px; margin:0; vertical-align:middle;}
.priceHistoryTable tr:nth-child(even) { background: #f7f7f7}

/*** Investor Calculator ***/
.calc-table-filter .calc-table-filter-row { padding: 10px; background: #1a1d39; margin:10px 0; color: #fff; border-radius: 5px; }
.calc-table-filter .calc-table-filter-row .horizontal { margin: 10px 0; width:100%; }
.calc-table-filter .calc-table-filter-row .text { font-size: 18px; font-weight: bold; }
.calc-table-filter .calc-table-filter-row .horizontal li { display: inline-block; list-style: none; margin-right: 10px;}
.calc-table-filter .calc-table-filter-row li label { display: inline-block; vertical-align: middle; position: relative; width: 25%; padding: 0 5px; font-weight: bold;  }
.calc-table-filter .calc-table-filter-row input { vertical-align: middle; margin: 0; color: #000; }
.calc-table-filter .calc-table-filter-row input[type="text"] { width: 50%; padding: 5px; border: 1px solid #B2B1B1 }

.calc-table-row { margin: 0; clear: both; position: relative; padding: 5px 0; }
.calc-table-row:nth-child(even) { background: #f7f7f7}
.calc-table-row label { padding: 0 10px; font-weight: bold; width: 60%; display: inline-block; *display: inline; zoom: 1; line-height: 2em;; vertical-align: top }
.calc-table-row span { width: 30%; text-align: right; display: inline-block; *display: inline; zoom: 1; line-height: 2em;; vertical-align: top}

.investmentCalcChart span { *float: left; /* IE6/7 */ }

/*** My Shareholding ***/
.content-container ul li { list-style:outside disc}

/***** Email Alerts *****/
.emailSubscription {margin: 20px 0}
.emailSubscriptionView .row { margin: 20px 0}
.emailSubscriptionView .row .label { display: inline-block; *display: inline; zoom: 1; width: 20%; vertical-align: top}
.emailSubscriptionView .row .field { display: inline-block; *display: inline; zoom: 1; width: 60%;} 

ul#subscriptions { margin: 0; padding: 0;}
ul#subscriptions li { list-style:none; margin: 0; padding: 0 0 10px;}
ul#subscriptions li input { margin-right: 10px; }
ul#subscriptions li label { padding: 0;}

.subscriptionsList { margin: 20px 0;}
.subscriptionsList li { list-style-type:disc; margin-left: 2em}

/***** Fin. Tear Sheet ******/
.tearsheet-print  { text-align: right; }
.tearsheet-print a { color: #FFF; padding: 3px 10px; background: #f0404c; display: inline-block; *display: inline; zoom: 1;}
.tearsheet-print a span { display: block; }

/***** AGM *****/
.agm h3{ font-size: 16px; font-weight: 400 }
.agm .row { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #D5D5D5;}
.agm table {  border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; }
.agm table td { background: transparent; border-bottom: 1px solid #D5D5D5; }
.agm table td a { color: #f0404c }


/***** Calendar *****/
.calender-intro { display: block; width: 100%; float: none; margin-bottom: 30px;}
.calender-intro .color-block { height: 30px; float: left; margin: 5px 10px 10px 0px; width: 30px; background-color: #f0404c}

#calendar_Calendar-Otherlevels { width: 320px; }
.ui-datepicker table { width: 100%; position: relative; background: #f5f5f5; }
.ui-datepicker-header { position: relative; color: #fff; font-weight: bold; text-align: center; overflow: hidden; }
.ui-datepicker-title { display: block; padding: 10px 0; background: #f0404c; }
.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { top: -9999px; }

.ui-datepicker-next { position: relative }
	.ui-datepicker-next:before { content: "\f0da";  position:absolute; font-family: 'FontAwesome'; top:8px; right:-145px; font-size: 25px; color: #FFFFFF }
.ui-datepicker-prev { position: relative }
	.ui-datepicker-prev:before { content: "\f0d9";  position:absolute; font-family: 'FontAwesome'; top:8px; right:145px; font-size: 25px; color: #FFFFFF }

.ui-datepicker th { color: #333; background: #ddd; text-align: center; padding: 3px 0; text-align:left }
.ui-datepicker td { padding: 0px; border: none; }
.ui-datepicker td a { color: #666; }
.ui-datepicker td a:hover { background: #fff; color: #FFF;  background: #f0404c;  }
.ui-datepicker td .ui-state-default, .ui-datepicker td a:visited { display: block; text-decoration: none; background: #FFF; text-align: center; color: #666; margin: 1px; padding: 10px }
.ui-datepicker td .selected { font-weight: bold; background: #f0404c !important; color: #fff !important;  }
.ui-datepicker td .selected:hover { color: #fff; background: #f0404c; }
.ui-datepicker td .ui-state-highlight, .ui-datepicker td .ui-state-highlight:hover { background: #f0404c; color: #FFFFFF; font-weight: bold; }
.ui-datepicker td .ui-state-active { background: #f0404c; color: #FFFFFF; font-weight: bold;  }
.ui-datepicker td .ui-state-default.ui-state-highlight.ui-state-active.selected { color: #fff !important; }
.ui-datepicker td .ui-state-default.ui-state-highlight.selected { color: #fff !important; }

.date-display { font-weight: bold; font-size: 14px; padding: 10px 0; }

.calendar-events { margin: 2em 0;}
.event-table { margin: 10px 0; width:100%; border-spacing: 1px; border-collapse:separate; }
.event-table th { font-weight: normal; padding: 5px 10px; background: #ECECEE; color: #FFFFFF; text-align:left }
.event-table td {padding:5px 10px; margin:0; vertical-align:middle;}
.event-table tr:nth-child(odd) { background: #f7f7f7}
.event-table td.icon-column { display: none;}
.event-table td.event-column p { display: none;}
.event-table td.event-column a:hover {  color: #dc7118;}


/*** Board and Management ***/
.board td { padding: 15px 10px; }
.board h3, .board h4 { margin: 0 0 10px; }


/***** Corporate Governance ******/
.iconLink { margin-bottom: 1em; border-bottom: 1px solid #ddd; }
.iconLink a { display: block; padding: 10px 10px 10px 40px!important; color: #f0404c; position: relative; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.1); transition: .5s ease all; }
.iconLink a:hover { background: #f15a55; color: #fff; transform: scale(1.05); text-decoration: none; }
.iconLink a:before { position: absolute; top: 5px; left: 10px; font-family: 'FontAwesome'; font-size: 20px; content: "\f15b"; }
.corp-gov a[data-icon="pdf"] { text-align:center; position: relative }
	.corp-gov a[data-icon="pdf"]:before { font-size: 21px; font-weight: 400;  } /* for PDF icons */


/*** FAQ ***/
.QAViewer { margin-bottom: 1em; border-bottom: 1px solid #ddd; }
.QAViewer .QALink { position: relative; padding: 10px 10px 10px 40px!important; display:block; text-decoration: none; color: #f0404c; transition: .5s ease all; }
.QAViewer .QALink:hover { background: #f15a55; color: #fff; transform: scale(1.05); }
.QALink:before { content: '\f059'; position:absolute; font-family: 'FontAwesome'; top: 5px; left: 10px; font-size: 23px; }
	
.QAViewer .QALink:hover { text-decoration: none;}
.QAViewer.open .QALink { background: #fff; border: 1px solid #ddd; border-bottom: none; color: #231f20; font-weight: 700; transform: scale(1); }
.QAViewer .answer { padding: 10px; background-color: #fff; border: 1px solid #ddd; border-bottom: 0; border-top: none; }
.QAViewer .answer p {margin:0 0 10px 0;}
.QAViewer .answer ul { padding-left: 20px;}
.QAViewer .answer ul li { margin-left: 0em; list-style:outside disc}


/***** Contacts *****/
.contacts-row h3 { margin-bottom: 10px; }
.contacts-row h4 { margin-top: 0; }


/* Print Styles */
@media print { 
	#main-nav, .iconLink, .returnhome, a.btn { display: none;}
	.branding { height: auto !important; float: none; width: 100%; background: none;}
	.confirmation table { width: 100%}
	.page-content { padding: 0; margin-left: 0;}
	.confirmation, #bpayBox {page-break-inside: avoid; margin: 0 0 20px}
}



/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (max-width: 980px) {
  
  .main-col.eight.columns { padding: 20px; }
  
  /*  full width content */
  .full-width #priceModule_SharePriceModule2 { margin: 0 auto 10px; float: none; }
  .full-width #chartContainer_PriceVolumeChart2 { margin: 0 auto 10px; float: none; }
  
  #modal-content { width: 95%; }
  
}
@media (max-width: 767px) {
	
  /* general */
  #wrapper { width: 100%; margin: 0 auto;}
  .container { clear: both; display: block; margin: 0; width: 100%; padding: 0 4%;}
  .column, .columns { float: none; width: 100% !important; display: block; margin: 0; }
  .page-content { margin: 20px 0;}
  .home #big_banner { margin-right: 0; }
  .home #big_banner ul { height: 100%; }
  .home #big_banner img { width: auto; height: 100%; max-width: none; }
  .home .right-col { margin-top: 0; }

  /* Header */
  .branding { border: 0; position:relative; }
  .branding .logo { margin: 0; padding: 25px; }
  h1.top-title, .branding .top-links { display: none; }

  /* main-nav */
  /*#mobileMenuBtn {display: block;}
  .navigation { width: 100%; margin: 0; display: none;}
  .nav { position: relative; width: 100%; text-align:center; background: #f0404c; top: 0px; margin: 0; padding: 1em 0px }
  .nav li {  display: block; }
  .nav li a { color: #FFFFFF; }
  .nav li a:hover { background: #f0404c; color: #FFFFFF;}*/	

  /* page-content */
  .inputFields { width: 100% !important; }
  
  .rslides_tabs { display: none; }

  /* buttons */
  .home-btn {padding: 5px;}
  
  /*  tabs */
  #tab-group, .tabnav { text-align: center; }
  #tab-group ul li, .tabnav ul li { width: 100%; padding: 5px 0 0; }

  /* IR */
  #priceModule_SharePriceModule3 {display:block;}
  #custom-price-table { display: none;}
  .priveVolumeChart { width: 100% !important;}
  .highcharts-input-group { display: none; }

  table.overflow, table.priceHistoryTable {overflow-x: auto; display: block; padding: 0 0 10px; position:relative; -webkit-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25); -moz-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25); box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);}
  /***** Table *****/
  table.responsive td { display: block; width: 100%; }

  .announcements-filter input#KeywordSearch { width: 30%;}
  .widgets .btn-subscribe:before { top: 25px; }

  /*footer*/
  p.copyright { text-align:center}
  .page-footer .u-pull-left, .page-footer .u-pull-right { text-align: center!important; float: none; }

  .latest_results_download, .annual_report_download { background-size: 100% auto; background-color: #fff; background-repeat: no-repeat; background-position: top right; padding-right: 50%; }
  .annual_report_download { margin: 0; }
		
}
@media (max-width: 500px) {
  .navigation .fa-close { font-size: 22px; }
  
  .home #big_banner .banner_content { width: auto; padding: 50px 0 0 50px; }
  .home #big_banner .banner_content h1 { font-size: 34px; }
  .home #big_banner .banner_content .signup_tag { display: none; }
  
  .latest_results_download a, .annual_report_download a { left: auto; right: 20px; background: rgba(255,255,255,.4); }
}