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

TuneIn Footer Page: Broadcasters:

version 1.0

Requirements: builds off of core-sytles-bundle.css;

author- ts

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



/*footer override*/

footer{

margin-top:0;

}



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

Banner/Header section

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

.banner{

position:absolute;

top:0;

background:url('http://cdn-cms.tunein.com/marketing/images/broadcasters-header2.jpg') no-repeat;

width: 100%;

background-size: cover;

height:398px;

/*ie8 fix for banner background images width*/

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn-cms.tunein.com/marketing/images/broadcasters-header2.jpg', sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn-cms.tunein.com/marketing/images/broadcasters-header2.jpg', sizingMethod='scale')";

}





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

Stats section

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

.stats{

height:358px;

}



.box{

width:472px;

height:138px;

padding-left:140px;

border:1px solid #cccccc;

margin-bottom:30px;

padding-top: 17px;

text-align: center;

font-size: 0.9em;


background-position: 30px 20px!important;

line-height: 2em;

}



.box h2 {

padding:0;

padding-top: 10px;

padding-bottom: 10px;

font-size:  37px;

}



.box h3 {

font-size: 21px;

}



.box-1{

background:url(http://radiotime-cms-dev.s3.amazonaws.com/marketing/images/broadcasters/speak.jpg) no-repeat 90px 20px;

}



.box-2{

background:url(http://radiotime-cms-dev.s3.amazonaws.com/marketing/images/broadcasters/get-exposure.jpg) no-repeat 100px 20px;

}



.box-3{

background:url(http://radiotime-cms-dev.s3.amazonaws.com/marketing/images/broadcasters/track.jpg) no-repeat 107px 20px;

}



.box-4{

background:url(http://radiotime-cms-dev.s3.amazonaws.com/marketing/images/broadcasters/generate.jpg) no-repeat 74px 20px;

}



.search-form {

  position: relative;

  margin-top: 10px;

}



.search-form .search-input,

.search-form .search-input:focus {

  width: 375px;

  height: auto;

  padding: 7px 7px 7px 30px;

  border: 1px solid #DDDDDD;

  border-radius: 4px;

  background: #EAEAEA;

  color: #474747;

  font-size: 15px;

}



.search-form .search-input::-webkit-input-placeholder,

.search-form .search-input::-moz-placeholder,

.search-form .search-input:-ms-input-placeholder {

  color: #474747;

}



.search-form .search-button,

.search-form  .search-input:focus + .search-button {

  top: 9px;

  background: url(http://radiotime-cms-dev.s3.amazonaws.com/marketing/images/icon-search-grey.png);

}