/* 
Styles for Best of BuyerZone
Date: November 2010 
Author: Beth Martinez
Notes: 
  +  properties are listed in alphabetical order 
  +  font size values are based on an 18px or 1.125em line height. this includes the combination of font size, line height, and top and bottom     margins. please be mindful of this if altering any of these values.  *there are some exceptions to this. 
  +  please preserve formatting 
*/

/*----------------------------------------------------------
  =import applicable styles
----------------------------------------------------------*/
/* changing the order of the imported styles will effect the cascade */
@import url("_bzGlobal.css");
/*----------------------------------------------------------
  =general content rules
----------------------------------------------------------*/
.bquote { clear both;
}
.quoteleft { border:none; color:#cccccc; font-size:60px; font-family: 'Times New Roman', serif; font-weight: bold; text-align: left; padding: 0px 10px; float: left; min-height: 100px; margin-top:-10px }
.quoteright { border:none; color:#cccccc; font-size:60px; font-family: 'Times New Roman', serif; font-weight: bold; text-align: left; padding: 0px 10px; float: right; margin-bottom:-20px; }
.mainContent { border-top: 2px solid #09c; margin-top: 1px; padding-top: 18px; width: 100%; }
.article { float: left; width: 712px; }
.article h1 { margin: 35px 0 18px 0; }
.article h2 { margin: 6px 0; }
.article h3 { clear:both; font-size: .875em; font-weight: bold; margin: 55px 0 2px 0; }
.article h3 a { text-decoration: none; }
.article h3 a:hover { text-decoration: none; color: #003471; }
.article h4 { font-size: 12px; margin: 0 0 20px 0; font-weight: normal; color: #7d7d7d; }
.article h5 { margin: 18px 0; }
ol { list-style-type: decimal; }
.article li { padding: 2px 0; }
.article .socialSharing li { padding: 0; }
.linkToThis ul { list-style: none; margin: 0; padding: 0; }
.linkToThis li a { margin-left:7px; padding-left:7px; }
.article a { text-decoration: underline; }
.article img { float:right; margin: 0 0 15px 25px; }
.article a.noUnder { text-decoration:none; }
.article a:hover.noUnder { text-decoration:underline; }
.imgleft { float:left; padding: 0 20px 0 0; margin: 0; }
.article ul { list-style-type: square padding; list-style-position: inside; margin: 0.6em }
.article h3.onlyQuote { margin-bottom:14px }
/*----------------------------------------------------------
  new index page
----------------------------------------------------------*/
.leftContent { float:left; width:360px; clear:left; margin:40px 0 }
.leftContent ol { font-weight:bold }
.leftContent h3 { color:#336699; clear:none; font-size:18px; clear:none; margin:0 }
.leftContent img { margin: 0 15px 15px 5px; border:none }
.rightContent { float:right; width:340px; padding-left:10px; margin:40px 0 }
.rightContent ol { font-weight:bold }
.rightContent h3 { color:#336699; clear:none; font-size:18px; clear:none; margin:0 }
.rightContent img { border:none }
/*.secondBlock { margin:80px 0 }*/
.leftContent div, .rightContent div { min-height:300px }
a.seeRest { padding:8px; background:#e1e1e1; }
.article img.badgeleft { border:none; float:left; margin:0 20px 20px 0; }
.breadcrumbs { float:none; display:block }
.mbheader { font-size:16px }
.article img.introImage { float:left; border:none; margin:0 10px 0 0; padding:0 }
.quoteByline { display:block; float:right; clear:right; margin-right:125px; font-size:12px }
/*----------------------------------------------------------
  =header
----------------------------------------------------------*/
.header p { color: #666; float: right; font-size: 1em; font-weight: bold; margin: 17px 0 0 0; }
p.orange { color: #E45503; float: right; font-size: .8em; font-weight: bold; margin: 0; padding:0; }
.header ul { margin: 0px; }
.header li { font-size: 1em; }
/* IE fixes */
.header div { float:right; text-align:right; }
.header .orange, header ul { float:none; }
.indented { padding-left: 20pt; padding-right: 20pt; display: inline-block; }
.smaller { padding: 0 30px 0 30px; margin: 0px 30px; border: 1px solid #000000; display: block; }
.quote { display: block; text-indent: 15px; }
/*----------------------------------------------------------
  =special about 
----------------------------------------------------------*/
.bobAbout { margin: 0 0 10px 0; min-height: 200px; padding: 10px; width: 165px; clear: both; float: none; background: #ebf0f4; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #000000; }
.bobAbout p { font-size: 11px; margin: 0 auto; padding: 0; }
.bobAbout h3 { font: bold 18px/24px Myriad Pro; color: #526C87; margin: 11px 10px 5px 0; padding: 0; border-bottom: solid 1px #000000; }
.bobAbout img { margin: 10px 0 15px 0; padding: 0; }
/*----------------------------------------------------------
  =table
----------------------------------------------------------*/
table td, table th { vertical-align: top; }
.article table, .article table img { border-top: none; border-bottom: 1px solid #ccc; padding: 0; }
.article table img { border: none; padding: 0 25px 0 0; }
table tr { border-top: 1px solid #ccc; }
table tr.striped { background: #fff; border-top: none; }
.article th { padding: 15px 0 0 0; }
.article td { padding: 15px 0; }
table textarea { border: 1px solid #09c; height: 175px; padding: 5px; width: 375px; }
/*----------------------------------------------------------
  =quotes
----------------------------------------------------------*/
blockquote { display:block !important; font-style: italic; padding:0; text-align:justify; text-indent: 15px; }
/*----------------------------------------------------------
  =badges
----------------------------------------------------------*/
.badge1 .badge { background: url(/bzng/images/network-badge-program/badge1.png); }
.byline { margin-bottom: 25px; }
.byline label {
  cursor: pointer;
  font-weight: bold;
}
.byline select { margin-right: 65px; }
.byline .errorText { 
  color: #f00;
  font-size: 11px;
  line-height: 1.5em;
}