/* 
C:\BG\BHMI\www\hcss\websshmiblog.css
This version started: 120901

CONTENT BASICS: fonts, <p>, <div>, <a>
Header LOGO image block
TEXT AD - LOGO, YMB
YELLOW MENU BAR - FONTS, SIZE & COLOURS
RULES TRANSFERRED FROM OLD "websshmi10.css"
HMI SITE LAYOUT RULES: hlayout_; hdiv_
-------------------------------------------------

120902 Added from old file: Rules for SEARCH AD and SEARCH RESULTS pages
120802 Revised - Organize sections by functionality
120613 Created
Style Sheet for HMI BLOG THEME PAGES
-------------------------------------------------
-------------------------------------------------*/


/* Header LOGO image block 
-------------------------------------------*/
.hmib_inner {
	padding:0;
} /* 120516 Origin:padding-top: 15px; padding-bottom: 20px;  */

#hmib_site-title {
	margin: 0;
	padding: 0;
	font-size: 60px;
	line-height: 55px;
	letter-spacing: -1px;
}

div#hmib_site-title a,
h1#hmib_site-title,
h1#hmib_site-title a {
	margin: 0;
	padding: 0;
	line-height: 55px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -2px;
	text-shadow: 0px 1px 0px #FFF;
}

#hmib_site-title a:hover {
	color: #3253ad;
}

#hmib_site-title.hmibgraphic a {
	background-image:url(/images/hqhlogo_110206_banner_w980h96.jpg);
	width:980px;
	height: 96px;
}
#hmib_site-title.hmibgraphic2 a {
	background-image:url(/images/hqhlogo_121212_banner_w970h96.png);
	width:970px;
	height: 96px;
}

#hmib_site-title.hmibgraphic a,
#hmib_site-title.hmibgraphic2 a {
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
}

#hmib_menubg, #hmib_menubg3, #hmib_menubg3n {
  font-family:'Kozuka Gothic Pro L', 'Segoe UI', Gisha, Leelawadee, Tahoma;
  }
/* MoCode120802: System index page body block background image */
.bgimage_index {
  background-image:url('/images/indexmenubg_c.png');
  background-position:0 100px;   /* Use "0 190px" if top row banner ads are used */
  background-repeat:repeat-x;
}




/* YELLOW MENU BAR - FONTS, SIZE & COLOURS
-------------------------------------------------------*/
.ymb_link,
.ymb_link a, .ymb_link a:link, .ymb_link a:active, .ymb_link a:visited {
  font-family:'Trebuchet MS', Tahoma, Arial;
  font-size:13px;
  color: #00178C;
  text-decoration:none;
}
.ymb_link a:hover {
  color: green;
  text-decoration:underline;
}

.ymb_linksmall,
.ymb_linksmall a, .ymb_linksmall a:link, .ymb_linksmall a:active, .ymb_linksmall a:visited {
  font-family:'Trebuchet MS', Tahoma, Arial;
  font-size: 12px;
  color: #663300;
  text-decoration:none;
  }
.ymb_linksmall a:hover {
  color:green;
  text-decoration: underline;
  }

.ymb_title,
.ymb_title a, .ymb_title a:link, .ymb_title a:active, .ymb_title a:visited {
  font-family:'Trebuchet MS', 'Kozuka Gothic Pro H', 'Adobe Gothic Std B', 'Arial Rounded MT Bold', Verdana;
  font-size: 22px;
  color: #ff9e00;
  font-weight: bold;
  text-decoration:none;
  }
.ymb_title a:hover {
  color:green;
  text-decoration: underline;
  }

#hmib_menubg {
  background-color: #ffffdd;   /*  Must be the same as class "nsbtitlemenu" Old color:#f3f7cb  */
  border-bottom: solid 3px #ffee00;  /*MoCode120802 see also ".ymb_adserv"*/
  border-left: solid 1px #ffee00;
  border-right: solid 1px #ffee00;
  padding:2px 10px 4px 10px;
  }
#hmib_menubg3 {
/*Comparison: ID "#hmib_menubg" and Class "nsbtitlemenu"*/
  background-color: #ffffdd;
  border-bottom: solid 3px #ffee00;
  border-left: solid 1px #ffee00;
  border-right: solid 1px #ffee00;
  padding:2px 10px 4px 10px;
  padding-right:212px;
  }
#hmib_menubg3n {
/*PADDING-RIGHT IS 0*/
  background-color: #ffffdd;
  border-bottom: solid 3px #ffee00;
  border-left: solid 1px #ffee00;
  border-right: solid 1px #ffee00;
  padding:2px 10px 4px 10px;
  }

/* 
Yellow Menu Bar - Link font-family:
'Kozuka Gothic Pro L', 'Segoe UI', Gisha, Leelawadee, Tahoma, 

<p>, <div>
'Microsoft New Tai Lue', Gisha, 'Trebuchet MS', Arial, 
*/






/* CONTENT BASICS: fonts, <p>, <div>, <a>, <td>, <li>
------------------------------------------------------*/
#hmib_content {
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:10px;
  }

#hmib_content,
#hmib_sidebar {
  padding-top:4px;
}

#hmib_content a, #hmib_content a:link, #hmib_content a:active, #hmib_content a:visited,
#hmib_sidebar a, #hmib_sidebar a:link, #hmib_sidebar a:active, #hmib_sidebar a:visited {
  color: #555555;
  text-decoration:underline;
  }

#hmib_content a:hover, #hmib_sidebar a:hover {
  color:green;
  text-decoration:none;
  }

#hmib_content .gototoplink a, #hmib_content .gototoplink a:link, #hmib_content .gototoplink a:active, #hmib_content .gototoplink a:visited {
  color: #000;
  text-decoration:none;
  font-weight:bold;
  }

#hmib_content .gototoplink a:hover {
  color:green;
  text-decoration:underline;
  }

#hmib_content p, #hmib_content div, #hmib_content h1, #hmib_content h2, #hmib_content h3,
#hmib_sidebar p, #hmib_sidebar div, #hmib_sidebar h1, #hmib_sidebar h2, #hmib_sidebar h3,
table td, ol li, ul li {
  font-family:'Microsoft New Tai Lue', Gisha, 'Trebuchet MS', Arial;
  color:#000;
}

h1 {
font-size:28px;
line-height:32px;
letter-spacing:-1;
margin-bottom:24px;
}

h2, div.h2 {
font-size:24px;
line-height:28px;
letter-spacing:-1;
margin-bottom:24px;
}

h3 {
font-size:18px;
line-height:22px;
letter-spacing:0;
margin-bottom:18px;
font-weight:bold;
}

h2.pagetitlediv, /*#hmib_content h2,*/
#hmib_content .pagetitlediv,
#hmib_content .n09rowd_pagetitlediv,
#hmib_content div.h1title, #hmib_sidebar div.h1title {
font-family:'Microsoft New Tai Lue', Gisha, 'Trebuchet MS', Arial;
color:#000;
font-size:24px;
line-height:28px;
letter-spacing:0;
border-bottom:solid 1px #bfbfbf;
margin-bottom:24px;
padding:0 0 6px 0;
}
#hmib_content .sfpagetitlesub,
#hmib_content .h1sub, #hmib_sidebar .h1sub {
  font-family:'QuickType','Century Gothic','Trebuchet MS','Kozuka Gothic Pro R';
  font-size:13px;
  font-weight:normal;
  color:#222;
  padding:0;
}
#hmib_content p, #hmib_content div, #hmib_content blockquote,
#hmib_sidebar p, #hmib_sidebar div, #hmib_sidebar blockquote {
  font-size:1em;
  line-height:120%;
}

.container .one-third.column    { width: 32.653%; } /* 320 / 980 = 32.653%  */
.container .two-thirds.column   { width: 67.347%; } /* 620 / 980 = 67.347%  */

.column, .columns {
  margin-left:0px;
  margin-right:0px;
}

#sharelinkblock {
  margin-top:24px;
  border-top:solid 2px #bfbfbf;
}

.footer12_block {
  margin:0 auto 12px auto;
  padding-top:12px;
  text-align:center;
  border-top:solid 1px #bfbfbf;
}
.footer12_link,
.footer12_link a, .footer12_link a:link, .footer12_link a:active, .footer12_link a:visited {
  font-family:'Trebuchet MS', Tahoma, Arial;
  font-size:13px;
  color: #555;
  text-decoration:none;
}
.footer12_link a:hover {
  color: green;
  text-decoration:underline;
}
/* The rules below are linking from pages anywhere - Can define FONT-SIZE */
#hmib_content .blog_link,
#hmib_content .blog_link a, #hmib_content .blog_link a:link, #hmib_content .blog_link a:active, #hmib_content .blog_link a:visited {
  font-family:'Trebuchet MS', 'Kozuka Gothic Pro H', 'Adobe Gothic Std B', 'Arial Rounded MT Bold', Verdana;
  color: #ff9e00;
  font-weight: bold;
  text-decoration:none;
  }
#hmib_content .blog_link a:hover {
  color:green;
  text-decoration: underline;
  }

/*ADDED 120811*/
ol.b12 {
  margin:0 15px 18px 15px;
  padding-left: 20px;
  }
ul.b12 {
  list-style-type: disc;
  margin:0 15px 18px 15px;
  padding-left: 20px;
  }
ol.b12 li, ul.b12 li  {
  margin-bottom: 0px;
  }
/* ADDED 120831
input and button
*********************************/
input, select, textarea,
input[type="text"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
  color:green;
  }
input, input[type="text"] {
  padding:0 6px; /* origin 4px 12px; */
  margin-bottom:0; /* origin 20px; */
  line-height:11px; /* origin 21px; */
  }
hr.orders {
  width:240px;
  margin:8px auto;
  } /* ADDED 121001 Used in '$hmi_orderdetails'




/* TEXT AD - LOGO, YMB
-------------------------------------------------------*/
.hmib_header_extras {
  float: right;
  text-align:right;
  vertical-align:top;
  background-color:transparent;
  width:380px;
  height:20px;
  overflow:hidden;
  margin-right:4px;
  padding:0;  /* to match setting of iFrame for iBox file - 120624 was padding:0 4px 2px 0; padding-right 4px now replaced by margin-right 4px */
}
/* CANNCELLED - TEST FAILED 120624
.hmib_textadlogo_house {
  max-width:320px;
  height:20px;
  margin:0;
  padding:0;
  overflow:hidden;
}
*/
.hmib_textadlogo_box {  /* size of iFrame */
  width:380px;
  height:20px;
  background-color:transparent;
}
.hmib_textadlogo {
  width:380px;
  line-height:18px;
  overflow:hidden;
  text-align:right;
}
.hmib_textadlogo a, .hmib_textadlogo a:link, .hmib_textadlogo a:active, .hmib_textadlogo a:visited {
  font-family:'Trebuchet MS', Tahoma, Arial;
  font-size:14px;
  color: #777;
  text-decoration:none;
  background-color:#f0f0f0;
  padding:2px 4px;
}
.hmib_textadlogo a:hover {
  color: #000;
  text-decoration:underline;
}

.hmib_textadymb_box {  /* size of iFrame */
  width:380px;
  height:20px;
  background-color:transparent;
}
.hmib_textadymb {
  width:380px;
  line-height:18px;
  overflow:hidden;
  text-align:right;
}







/* Created 120804
HMI SITE LAYOUT RULES: hlayout_
Full outer DIV (.container) = 980
Full outer padding (.hmib_sidepad_a) = 12+30
One-Column Full width block: Net interior = 938
Two-Column Left block: Net interior = 638
Two-Column Right block (sidebar): Net interior = 300
***************************************
***************************************/

.hlayout_wrapfull {  /**WRAPPER CONTAINER FOR MULTI COLUMN BLOCK**/
  clear:both;
  width:100%;
  float:left;
  position:relative;
  margin:0;
  background-color:;  /* #ffff99 */
  }
.hlayout_widthfull {  /**FULL WIDTH COLUMN BLOCK - 1 DIV ON ITS OWN**/
  clear:both;
  max-width:980px;
  float:left;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:20px;
  background-color:;  /* #ffff99 */
  }
.hlayout_widthmax {
  max-width:680px;  /* [(980)-(sidebar 300) = 680] */
  float:left;
  position:relative;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:20px;
  background-color:;  /* #ffffc2 */
  }
.hlayout_widthpercent {
  width:69.387755%;  /* [(980-300)/980 = 0.69387755] */
  float:left;
  position:relative;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:20px;
  background-color:;  /* #efefef; #ffc266; */
  }
.hlayout_width300px {
  max-width:300px;
  float:left;
  position:relative;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:20px;
  background-color:;  /* #85e085 */
  }
.hlayout_last {
  margin-right:0 !important;
  }
.hmib_sidepad_a,
#hmib_content.hmib_sidepad_a {
  padding-left:12px;
  padding-right:30px;
  }
/* 121215 to replace ".hmib_sidepad_a" */
.hmib_sidepadding,
#hmib_content.hmib_sidepadding {
  padding-left:12px;
  padding-right:30px;
  padding-top:18px;
  }
/* Added 120901 */
.hdiv_outer {
  float:left;
  position:relative;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:20px;
  }
.hdiv_visi {
  height:1px;
  visibility:hidden;
  }
.hpad_m15p15 {
  margin:0 15px 0 0;
  padding:0 15px 0 0;
  }
.hpad_m0p0 {
  margin:0;
  padding:0;
  }







/* @group Tables & Table Elements 2012-07-08
C:\BHMI\bb\wp-content\themes\skeleton\style.css
************************************
NOT USED IN ADVERTISING SITE
************************************
table {
		border-collapse: collapse;
		border-spacing: 0; }

table {
	margin: .5em 0 1em;
}

table th {
	text-align: left;
	border: 1px solid #d1d1d1;
	padding: .4em .8em;
	background: #ddd url(images/gradient_small_trans.png) repeat-x 0 top;
	font-weight: bold;
}
************************************
************************************
************************************/

table {
	background-color:transparent;
	border:0;
	margin:0;
}
table td {
	background-color:transparent; /* #fff; */
	border:0; /* 1px solid #d1d1d1; */
	padding:0; /* 10px; */
}









/**********************************
***********************************
***********************************
***********************************
***********************************
***********************************

RULES TRANSFERRED FROM OLD "websshmi10.css"

***********************************
***********************************
***********************************
*********************************** 
***********************************
***********************************
***********************************/

/* MoCode120719 - irc.php
=================================*/
table.irc, th.irc, td.irc,
th.irc_tdc, td.irc_tdc,
th.irc_tdl, td.irc_tdl,
th.irc_tdr, td.irc_tdr {
 border-collapse:collapse;
 border: 1px solid black;
 }
.irc_tdc {
  text-align:center;
  vertical-align:middle;
  padding:2px 4px 4px 2px;
  background-color:#fff;
  font-size:12px;
  }
.irc_tdl {
  text-align:left;
  vertical-align:middle;
  padding:2px 4px 4px 4px;
  background-color:#fff;
  font-size:12px;
  }
.irc_tdr {
  text-align:right;
  vertical-align:middle;
  padding:2px 4px 4px 2px;
  background-color:#fff;
  font-size:12px;
  }



/* MoCode120802 - files using FROH & ADSH
=================================*/

.wholewidth {
  width:100%;   /*NOTE: WAS 980px*/
  margin:0;
  }
.ymb_adserv {
  border-bottom: solid 3px #ffcccc;
  }
.nsbadservbody {
  margin:0;
  padding:0;
  }
.nsfadservtitle {
  font-family: Tahoma, Arial;
  font-size: 18px;
  font-weight: bold;
  color: blue;
  background-color: #edf5ff;    /*  110212 was #f6f6f6  */
  padding:8px auto;
  text-align: center;
  border-bottom:solid 2px #e0e0e0;
  }
.nsfadservsubtitle {
 /* border-top: solid 1px #663300; */
  margin: 0px;
  background-color: #000000;  /* #f5f5f5; */
  color: #ffffff;
  padding: 4px 20px 4px 8px;
  font-weight: bold;
  }
.nsfadservtexts {
  padding: 0px 3px;
  }
.nsfadservsline {
  margin-top: 14px;
  margin-bottom: 8px;
  border-top: solid 1px #000000;
  }
.nsfadservindent {
  width: 98%;
  margin-left: 14px;
  }
.nsfadservdatarow {
  border-bottom: solid 1px #efefef;
  padding: 3px 0px 1px 0px;
  }

/* MoCode120817 - Search ads result page listings block
Following codes specific for SEARCH AD and SEARCH RESULTS pages
Also for Edit/Renew Existing Ads Section of the Login Area
120902: THIS BLOCK OF RULES NOW ADDED TO "websshmiblog.css"
=================================*/
/***************NOT YET IN USE 120817
.nsbbody {
  background-color: #ffffff;
  border-bottom: solid 2px #dde8f8;
  border-left: solid 1px #dde8f8;
  border-right: solid 1px #dde8f8;
  }
***************************************/
.nsbrowlistbg0 {  /* row list bgcolor 0 */
  background-color: transparent;
  }
.nsbrowlistbg1 {  /* row list bgcolor 1 */
  background-color: #f7f7f7;
  }
.nsbrowlistbg2 {  /* row list bgcolor 2 */
  background-color: #fcfcfc;
  }
.nsfrowlisttexts {  /* row list texts */
  font-size:1.1em;
  padding: 3px 8px;
  border-bottom: solid 1px #e0e0e0;
  }
.g996rowlisttexts {  /*121226 new for DIVs; row list texts */
 float:left;
 width:100%;
 margin-bottom:0px;
 padding:6px 6px 10px 6px;  /* was 6px; */
  border-bottom: solid 1px #e0e0e0;
  font-size:1.1em;
  }
.nsfrowlisttitle {  /* row list title */
  font-size:1.25em;
  font-weight: bold;
  padding: 3px 8px;
  border-bottom: solid 2px #e0e0e0;
  }
.g996rowlisttitle {  /*121226 new for DIVs; row list title */
 float:left;
 width:71.0191%;
 min-height:24px;
 margin-top:6px;
 margin-bottom:3px;
 text-align:left;
 padding:0 6px;
  font-weight: bold;
  border-bottom: solid 2px #e0e0e0;
}
#hmib_content .g996rowlisttitle {
  font-size:1.2em;  /* was 1.25em; */
}
.g996rowlistbutton {  /*121226 new; row nav buttons */
 float:left;
 width:73px;
 height:24px;
 margin-top:6px;
 margin-bottom:3px;
 text-align:center;
 padding:0 6px;
  font-weight: bold;
  border-bottom: solid 2px #e0e0e0;
}

.nsfeditadstitle {
  color: #663300;
  font-size: 14px;
  font-weight: bold;
  padding-top: 18px;
  padding-bottom: 4px;
  border-bottom: solid 2px #e0e0e0;
  background-color: transparent;
  }
.nsfeditadsheading {
  font-size: 11px;
  padding: 2px 4px;
  vertical-align: top;
  border-bottom: solid 2px #e0e0e0;
  font-weight: bold;
  }
.nsfeditadsdata {
  font-size: 11px;
  padding: 2px 4px;
  vertical-align: top;
  border-bottom: solid 1px #e0e0e0;
  text-decoration: none;
  }

/* Added 120903 - While editing users logged in area
=================================*/
.sfregiontitle {
  font-family: Verdana, Arial, Tahoma;
  font-size: 18px;
  font-weight: bold;
  color: #ff9e00;
  background-color: transparent;
  }
a:link.sfregiontitlelink, a:active.sfregiontitlelink, a:visited.sfregiontitlelink {
  color: #ff9e00;
  }
a:link.sfregiontitle, a:active.sfregiontitle, a:visited.sfregiontitle {
  color: #ff9e00;
  }

/* Added 121211 - Box width for text ads
=================================*/
@media only screen and (max-width: 479px) {
.hmib_header_extras,
.hmib_textadymb_box,
.hmib_textaddiv
	{
		width:300px;
                overflow: hidden;
	}
}

/* Added 121216 - Banner ad indication on cellphone screen
=================================*/
.ad_declare { display:none; position:absolute; width:90px; left:19px; top:84px; padding-left:3px; background-color:#ececec; z-index:99; font-size:12px; font-family:'Trebuchet MS',Arial; z-index:99; }

@media only screen and (max-width: 767px) {
.ad_declare { display:block; }
}