/*MMMMMMMMMMMMMMM - V150616
Add rules mainly for MoboPAGE order forms.

V131229 (Some changes to rules for index page - add DIV under intro message)
STYLESHEET OF BASICS FOR FONTS AND COLORS (NEW 120130)
HMI "B13-" SERIES OF TEMPLATES
MASTER FILE:
"C:\BG\BHMI\www\assets\css\b13-app.css"
Quote sequence: div - app - ads
-----------------
PRINCIPLES OF USAGE:
1) Primary for font size definitions and base colour (#000)
2) 130406 Remarks: Minimize line-heights with all block elements; margin-bottom now all = 20px.
-----------------
ORIGINAL STYLE RULES ARE FROM:
"C:\BG\BHMI\www\assets\css\app.css"
MMMMMMMMMMMMMMMMM*/

/* ==========================================================================
   Base: body, h1 thru h6, div, p, 
   ========================================================================== */
html {
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
body,
.rowcontent .h1sub,
.h1sub {
font-family:"Trebuchet MS", Verdana, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:14px;
line-height:18px;
}
p, table {
margin-top:0;
margin-bottom:18px;
}
ul,ol {
padding:0;
margin:0 0 18px 25px /*130228: was 0 0 10px 25px */
}
/*130228: was margin:0 0 10px 25px
Use this class to keep a list close to the paragraph
Place class in the "P" tag
Place "UL" outside the "P" tags
*/
.p-list {
margin-bottom:0;
}
img.scaled {
  width: 100%;
}
/*130712 ADDED*/
.hidden-absolute { display:none; }
.gaptop-0,
.gaptop0 {
  margin-top:0;
  }
.gaplow-0,
.gapbelow0 {
  margin-bottom:0;
  }
.padtop-0,
.padtop0 {
  padding-top:0;
  }
.padlow-0,
.padbelow0 {
  padding-bottom:0;
  }
.gapleft12 {
  display:block;
  margin-top:0;
  margin-bottom:0;
  margin-left:12px;
  }
.indent-left12 {
  display:block;
  text-indent:-12px;
  padding-left:12px;
  }




/**131010 added - full page list of all regions with total ad counts**/
.listdiv-0 { margin:0px; padding:16px 24px 4px 4px; border-bottom:solid 1px #ccc; background-color:#ffffff; }
.listdiv-1 { margin:0px; padding:16px 24px 4px 4px; border-bottom:solid 1px #ccc; background-color:#f5f5f5; }
.listtext-12px { font-size:12px; }
.listtext-red { color:red; }
/** .listdiv-0 a, .listdiv-1 a { color:inherit; }  **/

/*131020 Adding Ad Search by ID input box on NAV MENU*/
.nav-adsearch-div {
  float:none;
  }
.nav-adsearch-position {
  position:relative;
  top:11px !important;
  }
.nav-adsearch-input {
  width:110px;
  height:14px !important;
  font-size:13px !important;
  line-height:14px !important;
  font-weight:normal;
  padding:2px 6px 1px !important;
  margin:0px 0px 0 0 !important;
  }
.nav-adsearch-btn {
  padding:2px 6px !important;
  font-size:13px !important;
  line-height:13px !important;
  font-weight:normal;
  color:#333;
  }
.nav-adsearch-anchor {
  padding:2px 6px !important;
  font-size:13px !important;
  line-height:13px !important;
  font-weight:normal;
  color:#333;
  }


/*130523
BLOCK FOR INFO
********************************************/
.infoblock,
.infobox {
  margin-bottom: 20px;
  padding: 8px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.infoblock h3, .infoblock h4,
.infobox h3, .infobox h4 {
  margin-bottom:12px;
}
.anchor_block a,
.anchor_block a:hover {
  color:#000;
  text-decoration:none;
}
/*131030
HERO BLOCK FOR AD PACKAGE PAGES
********************************************/
.hero-adpack {
  background-color:#A9E2F3;
  padding:48px 8px 12px 48px;
  border-radius:12px;
  -moz-border-radius:12px;
  margin-bottom:42px;
  }
.hero-adpack h3 {
  font-size:48px;
  line-height:50px;
  }
/*131101
RULES FOR PAGE 'glossary.php'
********************************************/
.glossary-topiclist {
  float:left;
  position:relative;
  top:0;
  left:0;
  width:20%;
  min-width:160px;
  margin-right:18px;
  margin-bottom:8px;
  color:#8A2908;
  background-color:#F7F8E0;
  padding:12px 8px 0;
  }
.glossary-topiclist-title {
  font-size:2.0em;
  font-weight:bold;
  }
.glossary-topiclist ul {
  margin-top:18px;
  list-style-type:none;
  }
.glossary-topiclist a,
.glossary-topiclist li a {
  color:#8A2908;
  text-decoration:none;
  }
.glossary-intro {
  display:block; 
  background-color:#A9E2F3;
  padding:12px;
  }
.glossary-intro-title {
  font-size:1.2em;
  font-weight:bold;
  }
.glossary-intro-bottom {
  margin-top:0;
  margin-bottom:28px;
  }
.glossary-b {
  font-size:1.75em;
  font-weight:bold;
  }


/*130617
THUMBNAIL IMAGES
********************************************/
.thumbnail img {
  width:100%;
}
.thumbnail h3, .thumbnail h4 {
  margin-top:18px;
}
.thumbnail h3, .thumbnail h4,
.thumbnail p {
  margin-bottom:12px;
}


/*************************************
141012 / 130107
MAJOR CHANGES TO h1,h2,h3,h4,h5,h6
Copied from bootstrap.css, and overriding it
**************************************/
h1,h2,h3,h4,h5,h6,
.rowcontent .h1title,
.h1title,
h3 .h1title {
font-family:'Microsoft New Tai Lue', Gisha, 'Trebuchet MS', Arial;
letter-spacing:-1;
text-rendering:optimizelegibility;
color:#000;
margin-top:20px;
margin-bottom:20px;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
font-weight:normal;
line-height:1;
color:#999
}

h1 {
font-size:36px;
line-height:38px;
}

h2 {
font-size:32px;
line-height:34px;
}

h3 {
font-size:28px;
line-height:30px;
font-weight:normal;
}

h4 {
font-size:20px;
line-height:22px;
}

h5, h6 {
font-size:14px;
line-height:16px;
margin-bottom:18px;
}

h1 small {
font-size:22px;
line-height:24px;
}

h2 small {
font-size:18px;
line-height:20px;
}

h3 small {
font-size:16px;
line-height:18px;
margin-bottom:18px;
}

h4 small, h5 small, h6 small {
font-size:14px;
line-height:16px;
margin-bottom:18px;
}


/** PAGE TITLE AND SUB-TITLE
COMPARE 'h3' AND 'p'
-----------------------------------**/
.rowcontent .h1title,
.h1title,
h3 .h1title {
font-size:28px;
line-height:30px;
font-weight:bold;
padding-bottom:6px;
border-bottom:solid 1px #bfbfbf;
}

.rowcontent .h1sub,
.h1sub {
color:#222;
padding:0;
margin:0;
}


/* ==========================================================================
131130 Added stuff for BIA template
131126 Modified (130712 New)
140514: Change bia text block opacity to 0.85
NEW INDEX PAGE
FULL SET OF NEW RULES
========================================================================== */
.backgroundimage {
  background-color:#0B4C5F; /*was #cecef6; Good: #2E64FE;*/
  background-height: 100%;
  background-position: 50% 0px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  }
.backgroundsolid {
  margin:0 auto;
  padding-top:48px;
  padding-bottom:28px;
  background-color:#0B4C5F; /*was #cecef6;*/
  }
.background-gapbottom {
  margin-bottom:36px;
  }
.background-sidepadding {
  padding-left:12px;
  padding-right:12px;
  }
.backgroundshadow {
  text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
  }
.homepageintro {
  width:90%;
  text-align:justify;
  font-size:1.2em;
  line-height:1.2em;
  margin-bottom:36px;
}
.homepageintro img {
  border:0;
  float:left;
  width:220px;
  position:relative;
  top:0;
  left:0;
  padding:0 18px 8px 0;
  margin:0px;
  background-color:transparent;
  }
.homepageintro a:link,
.homepageintro a:visited,
.homepageintro a:hover,
.homepageintro a:active,
.homepageintro a {
  display:inline;
  color:inherit;
  text-decoration:none;
  }

.homepage-searchbox {
  margin-bottom:33%;
}
.hometopic-benefits {
  height:auto;
  min-height:777px;
  }
.hometopic-benefits {
  background-color:transparent;
  margin:0px auto;
  padding-top:5%;
  padding-bottom:5%;
  }
.opacitybg {
  opacity: 0.85;
  filter:alpha(opacity=85);
  }
.opacitytxt {
  opacity:1.0;
  filter:alpha(opacity=100);
  }
.textblack {
  color:#000;
  }
.searchbox-18px {
  margin:4px auto;
  font-size:18px;
  }
.searchbox-14px {
  font-family:Arial;
  font-size:14px;
  }
.media-icons-bg {
  background-color:#c0e3fb;
  }
.media-icons-div {
  padding:0 auto;
  text-align:center;
  padding-top:24px;
  padding-bottom:24px;
  }

.bia {
  background-position:50% 0;
  text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
  }

.biatopleft-referrer {
  position:relative;
  top:-14px;
  left:0px;
  margin-bottom:36px;
}

.biatopleft,
.biatopleft-ad {
  position:relative;
  top:-6px;
  left:-2px;
  }
.biatopleft a,
.biatopleft-ad a {
  color:inherit;
  text-decoration:none;
  }
.biaheight {
  height:auto;
  min-height:884px;
  }
.biabgcolor {
  background-color:transparent !important;
  }
.biabox,
.bitextbox {
  padding:12px;
  border-radius:25px;
  box-shadow: 10px 10px 5px #ccc;
  border:solid 2px #ccc;
  background-color:#fff;
  margin-bottom:36px;
  }
.biabox a:link,
.biabox a:visited,
.biabox a:hover,
.biabox a:active,
.biabox a {
  text-decoration:none;
  color:inherit;
  display:block;
  }
.bitextbox-h4 {
  font-size:36px;
  line-height:38px;
  }
.box-width65 {
  width:65%;
  margin-left:25%;
  }
.box-opacity,
.pidfloatbox {
  opacity: 0.85;
  filter:alpha(opacity=85);
  }


/*************************************
140519 P-icon Rules
\download\ppicon.php
**************************************/
.ppicenter {
  margin:30px auto;
  text-align:center;
  }
.ppicenter img {
  margin-bottom:12px;
  }
.ppitable {
  width:95%;
  margin:30px auto;
  }
.ppitable th {
  font-size:1.5em;
  line-height:1.1em;
  vertical-align:middle;
  }


/*************************************
150117
MoboPAGE related pages
\download\mbp09b91ca.php
**************************************/
.introheader {
  font-size:2.0em;
  line-height:1.1em;
  font-weight:bold;
  color:#819FF7;
  }
.group-wrap {
  padding:0 12px;
  border:solid 1px #ccc;
  border-radius:8px;
  }
.group-items-margin {
  margin-left:18px !important;
  padding-left:0 !important;
  }
.input-width180 {
  width:180px;
  margin-top:6px;
  }
.input-width130 {
  width:130px;
  }
.input-width120 {
  width:120px;
  }
.input-width80 {
  width:80px;
  }

/***********
150203
***********/
.mbpdomaindiv {
  padding:12px;
  }
.mbpdomaindiv center {
  padding:24px auto 0 auto;
  background-color:#eee;
  border-radius:18px;
  }
.mbpdomainp {
  font-size:72px;
  line-height:78px;
  font-weight:bold;
  }
.mbpdomainaddress {
  font-size:1.5em;
  margin:6px auto;
  }
.mbpindent {
  padding-left:0;
  }




/**
150616
Navbar dropdown not working on mobile devices
====================================
http://stackoverflow.com/questions/25750541/navbar-dropdown-not-working-on-mobile-devices
---------------------------------
**/
.dropdown-backdrop {
    position: static;
}





/*************************
**************************
2014-05-19 REVIEWED AND SIMPLIFIED
2013-12-29
@media COMPLETE SET OF MEDIA QUERY BLOCKS
**************************
*************************/
.hidden-absolute { display:none; }

.bgquery { background-color:transparent; display:block; font-size:1.3em; line-height:1.35em; }
.forcedcolor { color:pink; }
.min1200 { display:none; }
.range980-1199 { display:none; }
.min980 { display:none; }
.max979 { display:none; }
.max767 { display:none; }
.max479 { display:none; }


/**MINIMUM POINT FOR LARGE SCREENS**/
@media(min-width:1200px) {


/**131229 TEST ELEMENTS**/
.min1200 { display:block; }
.bgquery { background-color:transparent; }
.forcedcolor { color:#01A9DB; }
/*********************
**********************
END OF QUERY BLOCK **/
}


/**RANGE FOR GENERAL DESKTOP SCREENS**/
/**MINIMUM POINT FOR FULL NAV MENU TO DISPLAY**/
@media(min-width:980px) and (max-width:1199px) {
.backgroundsolid {
  background-color:;
  }
.hometopic-benefits {
  min-height:800px;
  }


/**131229 TEST ELEMENTS**/
.range980-1199 { display:block; }
.bgquery { background-color:#ddd; }
.forcedcolor { color:green; }
/*********************
**********************
END OF QUERY BLOCK **/
}


@media(min-width:980px) {


/**131229 TEST ELEMENTS**/
.min980 { display:block; background-color:#173B0B; color:#F6CEF5; }
.forcedbreak { display:none; }
.navmenu-full { display:block; }
.navmenu-none { display:none; }
/*********************
**********************
END OF QUERY BLOCK **/
}


/**MAXIMUM POINT FOR NO SHOW OF FULL NAV MENU**/
@media(max-width:979px) {
.backgroundsolid {
  background-color:;
  }
.hometopic-benefits {
  min-height:821px;
  }
.navmenu-full { display:none; }
.navmenu-none { display:block; }


/**131229 TEST ELEMENTS**/
.max979 { display:block; background-color:#0174DF; color:#fff; }
.bgquery { background-color:#E6F8E0; }
.forcedcolor { color:#FF00FF; }
.forcedbreak { display:inline; }
/*********************
**********************
END OF QUERY BLOCK **/
}


/**MINIMUM POINT FOR DESKTOP DISPLAY**/
@media(min-width:768px) {
.mobile-none { display:block; }
.mobile-line { display:none; }
.mobile-block { display:none; }


/**131229 TEST ELEMENTS**/
/*********************
**********************
END OF QUERY BLOCK **/
}


/**MINIMUM POINT FOR DESKTOP DISPLAY**/
/**MAXIMUM POINT FOR TABLET SCREENS**/
@media(max-width:767px) {
.homepageintro {
  text-align:center;
  font-size:1.15em;
  line-height:1.15em;
  margin-bottom:24px;
  }
.homepageintro img {
  display:none;
  }
.homepage-searchbox {
  margin-bottom:0;
  }
.text19px {
  font-size:19px;
  }
.background-gapbottom {
  margin-bottom:0px;
  }
.background-sidepadding {
  padding-left:0;
  padding-right:0;
  }
.hometopic-benefits {
  min-height:844px;
  padding-top:24px;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  }
.backgroundimage {
  height:auto;
  }


/**131229 TEST ELEMENTS**/
.mobile-none { display:none; }
.mobile-line { display:inline; }
.mobile-block { display:block; }
.max767 { display:block; }
.bgquery { background-color:yellow; }
.forcedcolor { color:red; }
/*********************
**********************
END OF QUERY BLOCK **/
}


/**THIS IS THE BREAK POINT FOR CELLPHONE SCREENS**/
@media(max-width:479px) {

.group-items-margin {
  margin-left:0 !important;
  }

.mbpdomaindiv {
  padding:0px;
  }
.mbpindent {
  padding-left:18px;
  }



/**131229 TEST ELEMENTS**/
.max767 { display:none; }
.max479 { display:block; }
.bgquery { background-color:pink; }
.forcedcolor { color:maroon; }
/*********************
**********************
END OF QUERY BLOCK **/
}


/* ==========================================================================
   Base: a (in "body", "footer")
   ========================================================================== */

a {
color: #00178C;
text-decoration:none
}

a:hover {
color: blue;
text-decoration:underline
}

/**Added 131117: Old color difficult to view in cellphone (#468847 dull green)**/
input[type="checkbox"],
input[type="radio"] {
  color:red !important;
  }





/* ==========================================================================
   Content
   ========================================================================== */

#sslsealcode,
#digicertsitesealcode {
  margin:5px auto;
  text-align:center;
  }



/* ==========================================================================
   Media Queries - @media print
   ========================================================================== */
/* SCREEN VIEW LAYOUT */
.view-regular {display:block;}
.view-print {display:none;}


/* PRINT LAYOUT */
@media print {

.view-regular {display:none;}
.view-print {display:block;}

a,a:visited {
   color: #520;
   background: transparent;
   text-decoration: underline;
}

a[href]:after {
   content:""
}

abbr[title]:after {
   content:""
}

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
content:""
}

}