html {
 width: 100%; 
 height: 180px;
} 

body {
/*  width: 720px; height: 480px; */
 width: 100%; 
 height: 480px;
/*  margin:20px auto 20px auto;  */
 padding: 0px;
 margin: 0px; 
 background-color: #E9EBEE;
}
 
 
#header-fbm , #footer-fbm{
	background-color: #3b5998;
}

#header-fbm p{
	text-align: center;
/*     color: #3b5998; */
 	color: #E9EBEE;
	text-decoration: none;
}

#header-fbm a{
/*     color: #3b5998; */
 	color: #E9EBEE;
	text-decoration: none;
}


#footer-fbm p {
	font-size: 8pt; 
/* 	color: gray;  */
 	color: #E9EBEE;
/* 	padding: 0px 0px 0px 1rem;  */
	line-height: 1rem;
	padding: 0.3rem 0px 0.3rem 1rem;
}

#footer-fbm a{
/*     color: #3b5998; */
 	color: #E9EBEE;
/* 	text-decoration: none; */
}


@media screen and (max-width: 40em) {

#header-fbm {
/*   position: absolute ; */
/*   top: 0em; */
/*   left: 0px; */
  width: 100%;
  width: 100vw;
  height: 2em;

/*  	border: 1px solid #0FF;  */

}


#mosaic {
 	width: 99%; 
 	height: 480px;
 	height: 60vh;
 	margin: 0px 0px 0px 1%;

	background: #E9EBEE;
 	padding: 0;

}


#searchResultBox {
  float: left ;
  width: 99%;
/*   height: 480px; */
  margin:0em 0px 0px 0px; 
/*   left: 0px; */
/*  	border: 1px solid #FF0;  */
}


#searchTextBox {

	text-align: left;
	vertical-align: middle;

/* 
	border: 1px solid #F00;
 */
	clear: both;
	padding: 1em 1em;

}

#searchResult {

/* 
	width:100%; 
	height:240px; 
	overflow:auto; 
	text-align:center;
 */
 	
	width: 100%;
	overflow: auto;
	text-align: center;
/* 	border: 3px solid #0F0; */
	max-height: 30vh; 	

}

#content-fbm {
/*   position: absolute ; */
/*   top: 2em; */
/*   left: 0em; */
 width: 99%; 
 width: 99vw; 
 height: 100%;
 height: calc(100vh - 5em);
 margin:0px 0px 20px 0px; 
 padding: 0; 

/*  	border: 1px solid #00F;  */

}


#footer-fbm {
	  clear: both;
/* 	  height: 2em; */
	/*   border: 1px solid #CC0;  */
	  left: 0px;
 	 width: 100%;
	 min-height: 2em;
}


#inputTitle {
	vertical-align:middle; 
	width: 99%;
}

.placeholder {
	padding: 1.5em;
	text-align: justify;
	line-height: 1.3rem;
	font-size: 0.7rem;
}


.search-text {
/* background:transparent url("wayne-cochran/images/searc-ico.svg") no-repeat scroll 0% 0% / 24px 24px; */
display:inline-block;
height: 24px;
width: 24px;
font-size:100%;
font-family:Roboto, Arial, sans-serif;
padding:0px 0px 2px 0px;
border:0;
opacity:1.0 ;
cursor:pointer
}

}


@media screen and (min-width: 40em) {

#header-fbm {
  position: absolute ;
  top: 3em;
  left: 0px;
  width: 98%;
  height: 3em;
  padding: 0.5em;
  overflow: hidden;
/*  	border: 1px solid #0FF;  */

}

#mosaic {

	background: #E9EBEE;
  position: relative ;
  left: 256px ;

	width: 480px; 
	width: calc(100vw - 275px); 
	height: 100%;
/* 	margin: 0px auto 0px auto; */
	padding: 0;
/*  	border: 1px solid #0F0;  */

}


#searchResultBox {
  float: left ;
  width: 254px;
  height: 480px;
  height: calc(100vh - 9em);
  margin:0px 0px 0px 0px; 
/*   left: 0px; */
  position: absolute ;
  left: 0px ;
  top: 4em;
/*  	border: 1px solid #FF0;  */
}

#searchTextBox {

	text-align: left; 
	vertical-align:middle; 
	max-width: 268px; 
	margin: margin: 0px 0px 0px 10px;
/*  	border: 1px solid #F00;  */
  position: absolute ;
  top: 1em;
  left: 1em;

}

#searchResult {
	width:100%; 
	height:480px;
	height:calc(100vh - 20em);
	overflow:auto; 
	text-align:center;
}


#content-fbm {
  position: absolute ;
  top: 7.5em;
  left: 0.5em;
 width: 98%; 
 height:480px;
 height: calc(100vh - 13.0em);
/*  margin:0px 0px 20px 0px;  */
 padding: 0; 

 	border: 1px solid #ccc; 
 	  overflow: hidden;

}


#footer-fbm {
  clear: both;
/*   height: 2em; */
/*   border: 1px solid #CC0;  */
  position: absolute ;
 top:580px;
  top: calc(100vh - 4.5em);
  left: 0px;

  width: 99%;
  min-height: 3em;
 	  overflow: hidden;

}

#inputTitle {
	vertical-align:middle; 
/*  	width: 75%;  */
	width: 222px;
}

.placeholder {
	padding: 1.5em;
	text-align: justify;
	line-height: 1.3rem;
	font-size: 0.88rem;
	opacity:0.6 ;
}

.search-text {
/* background:transparent url("wayne-cochran/images/searc-ico.svg") no-repeat scroll 0% 0% / 24px 24px; */
display:none;
height: 24px;
width: 24px;
font-size:100%;
font-family:Roboto, Arial, sans-serif;
padding:0px 0px 2px 0px;
border:0;
opacity:1.0 ;
cursor:pointer
}

}

#counter p {
	padding: 0em 1em;
}


#inputTitle {
vertical-align:middle; 
width: 74%;
border: 1px solid #dfe1e5;
border-radius: 8px;
padding: 0.3em 0.3em 0.3em 0.6em;
margin: 0.2em;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
height: 28px;
font-size: 16px;	
color: #555;
}

#inputTitle:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


#searchResult img:hover {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);

}

.fb-share-button {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 3px;
/* 	border: 1px solid rgba(0,0,0,0.65);  */

}

.info {
padding: 6px 8px;
font: 14px/16px Arial, Helvetica, sans-serif;
background: white;
background: rgba(255,255,255,1.0);
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 3px;
}

.info p {
  line-height: 1.2rem;
}

.info small {
  line-height: 1.0rem;
}


.info a {
    color: #3b5998;
}

.info h4 {
margin: 0 0 5px;
color: #777;
}


.my-link {
	text-decoration: none;
    color: #3b5998;
    cursor: pointer;
}




.view-all {
background:transparent url("wayne-cochran/images/view-all-ico2.svg") no-repeat scroll 0% 0% / 26px 26px;
display:inline-block;
height: 26px;
width: 26px;
font-size:100%;
font-family:Roboto, Arial, sans-serif;
padding:0px 0px 2px 0px;
border:0;
opacity:1.0 ;
cursor:pointer
}



.close-details button {
background:transparent url("wayne-cochran/images/ccross.svg") no-repeat scroll 0% 0% / 18px 18px;
display:inline-block;
height: 24px;
width: 18px;
font-size:100%;
font-family:Roboto, Arial, sans-serif;
padding:0px 0px 2px 0px;
border:0;
opacity:0.6 ;
cursor:pointer
}

.scroll-tab {
    background-color: #fefefe;
    margin: auto;
    padding: 20px 20px 1px 20px ;
/*     border: 1px solid #888; */
    width: 100%;
    height: 270px;
}

.search-img {
	border: 1px solid #ddd; 
/* 	width:122px;  */
/* 	height:122px;   */
	width:72px; 
	height:72px;  
}

.external-link {
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url(/w/skins/Vector/images/external-link-ltr-icon.png?325de);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%2336c%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%2336c%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
	padding-right: 13px;
}