/* Project Blinder - IR Base Styles
Blue: #252d59
orange: #F47735
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 */ /*End Sticky foot*/ font-family: Arial,sans-serif,"Helvetica Neue",Helvetica; color: #000000; }

/* Typography
-------------------------------------------------- */
h1 { color: #7F7F7F; margin: 0 0 0.5em 0;}
h2 { color: #7F7F7F; font-weight: 400;}
h3 {  }
h4 { color: #7F7F7F; border-bottom:1px dotted #29ABE2; padding-bottom: 5px; }
h5 {  }
h6 {  margin: 0 }
.bio h3 {margin: 10px 0px 5px 0px; font-size:22px;}
.bio h4 {margin: 5px 0px 5px 0px; font-size:16px; color:#898a8b; line-height:23px;}


/* Links
-------------------------------------------------- */
a { color: #29ABE2; outline: none; text-decoration: none; }
a:hover { color: #29ABE2; }
a span { display: none; }

.footer-link-header {color: #959595; line-height: 1.1; font-size: 10px;}
.footer-link-header:hover {color: #c8c8c8; text-decoration:none;}
.footer-link-normal {color: #464646; line-height: 1.1; font-size: 10px;}
.footer-link-normal:hover {color: #959595; text-decoration: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: #29ABE2; }
#mobileMenuBtn.selected:after { content: "\f00d";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #F47735; }
.branding {
    height: 83px; background: #000000; background: -webkit-linear-gradient(#45535B, #000000); background: -o-linear-gradient(#45535B, #000000); background: -moz-linear-gradient(#45535B, #000000); background: linear-gradient(#45535B, #000000);
}

/* Image slider */
.home-page-slider { margin-bottom: 30px; }


/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation { height: 30px; background: #323232; background: -webkit-linear-gradient(#959595, #323232); background: -o-linear-gradient(#959595, #323232); background: -moz-linear-gradient(#959595, #323232); background: linear-gradient(#959595, #323232); }
.nav, .nav ul { margin: 0; padding: 0; }
.nav ul li { list-style: none; margin: 0; padding: 0; cursor: pointer; display: inline-block; *display: inline; zoom: 1; }
.nav ul li a, .nav ul li a:active { color: #FFFFFF; text-decoration: none; padding: 0px 12px; z-index: 999; display: block; cursor: pointer; font-weight: 600; font-size:12px;}
.nav ul li a:hover, .nav ul li a:focus { background: #29ABE2; color: #FFF; }
ul.main-nav {line-height: 28px;}

/* Images in Nav*/
#jlg-header-logo{width:371px; height:75px;}
#jlg-header-logo:hover {background: url(/FormBuilder/_Resource/_module/juURNaHpX0a6NaEh-f8ILg/images/johns-lyng-group-logo-hover.png) no-repeat; background-size: contain; z-index:100;}
#jlg-header-triangle{width:126px; height:83px;}
#jlg-header-phone{width:244px; height:65px;}
#jlg-header-webmail {width: 32px; height: 25px; float: left; padding: 28px 0px 15px 10px;}
#jlg-header-easybuild {width: 32px; height: 29px; float: left; padding-top: 25px; margin-left: -55PX;}
.icon-text {color: #ffffff; font-size: 10px; padding-top: 4px; font-weight: bold; text-align: center; text-decoration:none;}


/* sub menu level */
.nav ul ul { display: none; position: absolute; top: 38px; left: auto; min-width: 200px; background: #F47735; text-align:left; padding: 0px; z-index: 99 }
.nav ul li:hover ul { display: block;  }
.nav ul ul li { display: block; }
.nav ul ul li a { padding: 10px 20px; color: #FFFFFF; border-bottom: 2px dotted #F47735 }
.nav ul ul li a:hover { background: #F47735; color: #FFFFFF; }

/* sub sub menu level */
.nav ul.sub-sub-nav { display: none !important; position: absolute; top: 44px; left: 199px; min-width: 200px; background: #F47735; 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: #FFFFFF; border-bottom: 2px dotted #F47735 }
.nav ul.sub-sub-nav li a:hover { background: #F47735; color: #FFFFFF; }


/* side nav */
.left-col { margin: 0;}
.side-nav { margin: 0; padding: 0; border: 1px solid #E8E8E8; border-bottom: none;}
.side-nav li{ list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #E8E8E8; }
.side-nav li a { display: block; padding: 13px 24px 9px 20px; font-family: Arial, sans-serif,"Helvetica Neue",Helvetica; font-size: 14px; color: #464646; text-transform: uppercase; background: #FAFAFA;}
.side-nav li a:hover { color: #464646; }
.side-nav li a.active { color: #29ABE2; font-weight: 700 }
.top-menu > a { position: relative; }
    .top-menu > a:after {content: "\f105"; position: absolute; font-family: 'FontAwesome'; top: 12px; right: 12px; font-size: 14px; color: #aaa;}
.top-menu.active > a { color: #29ABE2; }
    .top-menu.active > a:after { content: "\f107"; position: absolute; font-family: 'FontAwesome'; top: 12px; right: 12px; font-size: 14px; color: #aaa;}

.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; background-color: #ffffff;}

.tools_icon { display:block; margin: 1em 0;}
.tools_icon ul { margin: 0; padding: 0;}
.tools_icon ul li { display:inline-block; margin-right: 10px  }
.tools_icon .fa { font-size: 20px; background: #E57E25; padding: 5px; color: #FFF; }


/* Primary Page content
--------------------------------------------------------*/
.page-content { background: #FFF; width: 100%; }


/* Footer
--------------------------------------------------------*/
.page-footer { /* stkicy foot */ width: 100%; /* Set the fixed height of the footer here */ /* End sticky foot*/ background-color: #101114; padding:20px; margin-top: 60px;}
.page-footer p { margin: 10px 0; color: #FFFFFF;}
.page-footer p a { color: #FFFFFF;}
.page-footer .columns {margin-left: 2%;}
#footer-copy {text-align: center; color:#959595; font-size: 10px; padding-top:25px;}
#footer-copy a {color:#959595;}
.footer-row img { margin-left: -45px; margin-top: -6px;}


/* 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-top: 15px; padding: 20px; width: 45%; text-align: center; height: 260px; color: #29ABE2; font-weight: bold; font-size: 35px; float: left; width: 100%;}
.share-container p {text-align: left; font-size: 18px; color: #888888; font-weight: normal;}

#price_latest_and_move {font-size:22px; margin:20px 0px}
#date {font-size:22px;}
#priorPeriodFilterContainer {display: none;}


.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:#29ABE2; 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; }

.widgets #priceModule_SharePriceModule3 { display: block !important;}

.widgets .btn-subscribe { position: relative; display:block; padding:20px 20px 20px 60px; width:auto; margin: 0; background: #29ABE2; 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}


/***** 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: #42454a; font-weight: bold; color: #FFFFFF; }
td a { display: block; position:relative; }


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


/***** 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: #29ABE2; color: #FFF; vertical-align: top; display: inline-block; height: auto; width: auto; padding: 10px 20px; bordeR: 0; }

.announcementsTable {width:100%; border-spacing: 1px; border: 1px solid #d1d1d1;}
.announcementsTable th { padding: 10px; font-weight: bold; color: #FFFFFF; text-align:left; background: url(/FormBuilder/_Resource/_module/a4DswKPQ2k6_uwFjsYiwKw/images/dots.png) repeat-x bottom left; margin-bottom: 10px; padding-bottom: 10px; background-size: 5px; background: #29ABE2;}
.announcementsTable td {padding:10px; margin:0; vertical-align:middle; background: url(/FormBuilder/_Resource/_module/a4DswKPQ2k6_uwFjsYiwKw/images/dots.png) repeat-x bottom left; margin-bottom: 10px; padding-bottom: 10px; background-size: 5px; color:#888;}
.announcementsTable td a {}
.announcementsTable td a:hover { text-decoration:none; color: #29ABE2}

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

#more-announcements-button {transition: all 250ms ease-in-out; background: none; border: solid 3px #29ABE2; border-radius: 0 !important; font-size: 18px; font-weight:bold; line-height: 24px; padding: 8px 20px; color: #888; text-align: center; box-shadow: none; text-shadow: none; display: inline-block; zoom: 1;}
#more-announcements-button a {color: #888;}
#more-announcements-button:hover { background: #29ABE2; color: #ffffff;}
#more-announcements-button a:hover {color: #ffffff; text-decoration:none;}

/***** Submit Button *****/

#submitSubscription {
transition: all 250ms ease-in-out; 
    background: none;
    border: solid 3px #29ABE2;
    border-radius: 0 !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding: 8px 20px;
    color: #888;
    text-align: center;
    box-shadow: none;
    text-shadow: none;
    display: inline-block;
    zoom: 1;
}

#submitSubscription:hover {
	background: #29ABE2;
    color: #FFFFFF;
}


/***** 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;}

/***** Table *****/
table.tableStyle {width:100%; border-spacing: 1px; border-collapse:separate; }
.tableStyle th, .tableStyle td { padding:10px; margin:0; vertical-align:top; text-align:left; background: url(/FormBuilder/_Resource/_module/a4DswKPQ2k6_uwFjsYiwKw/images/dots.png) repeat-x bottom left; margin-bottom: 10px; padding-bottom: 10px; background-size: 5px;}
.tableStyle th { font-weight: bold; color: #000000; }
.tableStyle a { display: block; position:relative; font-weight: 700; color: #666666 }
.tableStyle td a:hover { text-decoration:none; color: #29ABE2 }
    .tableStyle a[data-icon="pdf"], .tableStyle a[data-icon="audio"] { padding: 0; text-align:left; font-weight: 400; color: #29ABE2 }
    .tableStyle a[data-icon="pdf"]:before { content: "\f1c1";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for PDF icons */
    .tableStyle a[data-icon="audio"]:before { content: "\f028";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for video icons */

/***** Presentations *****/
.presentations .tableStyle a[data-icon="pdf"],
.presentations .tableStyle a[data-icon="audio"] { text-align:center; }

/***** Reports ******/
.reports-row { position: relative;  padding-bottom:2em; margin-bottom: 3em; border-bottom:1px solid #D5D5D5}
.reports-row h3 { font-size: 20px; font-weight: 700;}
.reports-row a[data-icon="pdf"] {padding: 5px 5px 5px 30px; position:relative; text-decoration: none;}
    .reports-row a[data-icon="pdf"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for PDF icons */

/***** 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:#29ABE2; font-size: 30px; }
table.priceTable .priceDetailsLabel { text-align: right;}

table.priceTable { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-radius: 5px;}
table.priceDetails {  background: #F7F7F7}

.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:#29ABE2;font-size: 22px;font-weight:bold;}
#priceModule_SharePriceModule3 {display:none;}
 

*****/

/***** New Share Price *****/
table.priceTable, table.priceDetails { width: 50%; margin: 10px auto;}
table.priceTable td { text-align: center; border: 0;}
table.priceTable td td { padding: 5px 10px;}
table.priceTable td .price { color:#29ABE2; font-size: 30px; display: block; padding-top: 20px; }
table.priceTable .priceDetailsLabel { text-align: right;}

table.priceTable { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-radius: 5px;}
table.priceDetails {  background: #F7F7F7}

.priceMove { display: inline-block;}

.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:#29ABE2;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; background: #ECECEE; color: #000000; 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: #f7f7f7; border: 1px solid #D5D5D5; margin:10px 0 }
.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; }
.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: #29ABE2; 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: #29ABE2 }


/***** 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: #29ABE2}

#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: #29ABE2; }
.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: #29ABE2;  }
.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: #29ABE2 !important; color: #fff !important;  }
.ui-datepicker td .selected:hover { color: #fff; background: #29ABE2; }
.ui-datepicker td .ui-state-highlight, .ui-datepicker td .ui-state-highlight:hover { background: #29ABE2; color: #FFFFFF; font-weight: bold; }
.ui-datepicker td .ui-state-active { background: #29ABE2; 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: #29ABE2;}

/***** Corporate Governance ******/
.corp-gov a { color: #29ABE2}
.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:2em; border-bottom:1px solid #D5D5D5 }
.QAViewer .QALink { position:relative; padding:10px 10px 10px 30px!important; display:block; text-decoration: none; color: #29ABE2}
    .QALink:before { content: '\f059'; position:absolute; font-family: 'FontAwesome'; top:5px; left:0px; font-size: 23px; }

.QAViewer .QALink:hover { text-decoration: none;}
.QAViewer.open .QALink { color: #29ABE2; font-weight: 700}
.QAViewer .answer {padding:0 10px 10px; background-color: #FFFFFF;}
.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}

/*** Share price box ***/
.share-the-price {text-align: right; color: #29ABE2; font-size: 60px; border-bottom: none; width:50%;}

.smaller-price {text-align: left; color: #888; font-size: 30px; border-bottom: none; padding-left:15px; padding-bottom:0px; vertical-align: bottom; position: absolute; top:55px; font-weight:normal;}

.percent-price {text-align: left; color: #888; font-size: 30px; border-bottom: none; padding-left:15px padding-top:0px; font-weight:normal;}

#more-share-button {transition: all 250ms ease-in-out; background: none; border: solid 3px #29ABE2; border-radius: 0 !important; font-size: 18px; line-height: 24px; 
	padding: 8px 20px; color: #000000; text-align: center; box-shadow: none; text-shadow: none; display: inline-block; zoom: 1;}

#more-share-button:hover { background: #29ABE2;}

#more-share-button a {color: #888;}

#more-share-button a:hover {color: #ffffff; text-decoration:none;}

.center-the-button {text-align: center; border-bottom: none;}

.share-container td {border-bottom:none; }

.share-container { position: relative; }

.topnav {
    overflow: hidden;
    background: -webkit-linear-gradient(#959595, #323232);
    background: -o-linear-gradient(#959595, #323232);
    background: -moz-linear-gradient(#959595, #323232);
    background: linear-gradient(#959595, #323232);
    z-index: 1000;
    position: rel;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.topnav a:hover {
  background-color: #29ABE2;
  color: #ffffff;
  height: 37px;
}

.topnav .icon {
  display: none;
}


/* 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: 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;}

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

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


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

    /* buttons */
    .home-btn {padding: 5px;}

    /* 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}


       /*Mobile styles*/

    .branding {height: 90px;}

	#jlg-header-logo {width: 200px; height: 40px; margin-top: 25px;}

	#jlg-header-triangle {display: none;}

	#jlg-header-phone {display: none;}

	#jlg-header-webmail {display: none;}

	#jlg-header-easybuild {display: none;}

	.home-page-slider {display: none;}

	.footer-logo {margin-left: 40px;}

	#footer-copy {margin-top: 20px;}

	.smaller-price {display: none;}

	.percent-price {display: none;}

	.share-the-price {text-align: center;}

	.announcements-filter label { float: left; text-align: left;}

	.submitSubscriptionBtn {padding-top: 10px; padding-bottom: 35px;}

	.iconLink {padding-bottom: 15px;}

	.navigation { height: 37px; }


}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}