/* 
Styles for Resource Center pages
Date: April 2011 
Author: Mende Williams
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
----------------------------------------------------------*/

@import url("_bzGlobal.css");
/*----------------------------------------------------------
  =header
----------------------------------------------------------*/
.header p { /* phone callout */ color: #666; float: right; font-size: 1em; font-weight: bold; margin: 17px 0 0 0; }
p.orange { color: #E45503; float: right; font-size: 1em; font-weight: bold; margin: 0; }
.header ul { margin: 0px; }

/* IE fixes */
.header div { float:right; text-align:right; }
.header .orange, header ul { float:none; }

/*----------------------------------------------------------
  =general styles
----------------------------------------------------------*/
.mainContent { /* border-top: 2px solid #09c; */ margin-top: 1px; width: 100%; }
.breadcrumbs { float: left; margin-top: 5px; width: 100%; }
.leftContent { float: left; width: 580px; }
.rightContent { float: right; width: 347px; }
.index h1 { margin-bottom: 0; margin-top: 0; }
.featured h6 { color: #666; font-size: 1em; font-style: italic; }
h6.file { color: #787878; font-size: .75em; font-style: italic; font-weight: bold; margin-top: 18px; }
.featured p { padding-top: 5px; }
.resource-list { margin-top: 25px; width: 550px; }
.index .resource-list .resource { width: 100%; }
.resource a.resource-thumb,
.featured img,
.content .resource img { display: block; float: left; margin: 0 15px 20px 0; }
.resource img { border: 1px solid #ccc; }
.resource h5 { margin-bottom: 4px; padding-top: 5px; }
.resource p { margin-top: 0; }
.downloadButton { background: #e98822; border: 1px solid #e48521; color: #fff; cursor: pointer; display: block; float: left; font-size: .875em; font-weight: bold; padding: 10px 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3); }
input.downloadButton { font-size: 1.175em; }
.social-large {width:350px;}

/*----------------------------------------------------------
  =content (page specific)
----------------------------------------------------------*/
.index .featured img { width: 250px; }
.index .breadcrumbs { margin: 5px 0 0 0; }
.index .rightContent { margin-top: 0; }
.index h2 {border-bottom:2px dotted #999}
.content h1 { clear: left; margin: 0 0 22px 0; }
.content { width: 100%; }
.content .description { float: left; width: 450px; }
.content .preview { width: 300px; }
.content .downloadButton { margin-top: 10px; }
.content .resource h2 { font-size: .875em; /*font-weight: normal;*/ line-height: 1.5em; margin: 5px 0 18px 0; } 
/*.content .resource h4 { color: #787878; }*/
.content .resource ul { list-style-type: disc; padding-left: 35px; }

/* gated */
.gated .resource { float: left; }
.gated .description { width: 380px; }

/*----------------------------------------------------------
  =marketo form/box
----------------------------------------------------------*/
.marketoForm { float: none; margin-left: 0; }
.headline1 { display: none; }
.headline2 { display: block; }
.headline { text-align: center; }
.marketoForm .sampleLead { display: none; }
.marketoShortForm { /* on gated content pages */ background: #eee; border: 1px solid #ccc; float: right; margin-left: 0; min-height: 0; }
.marketoShortBox { padding: 10px; width: 220px; }
.marketoShortForm form { padding: 0 10px; }
.marketoShortForm li { margin-bottom: 8px; }
.marketoShortForm label,
.marketoShortForm input.mktFormText,
.marketoShortForm textarea { display: block; margin: 0; width: 200px; }
.marketoShortForm input.mktFormText,
.marketoShortForm textarea { border: 1px solid #069; }
input.mktFrmSubmit { margin-top: 10px; }

/* landing page */
.marketoForm { border: 1px solid #b0d0e9; width: 315px; }
.marketoBox { width: 285px; }
.marketoForm li label { padding-right: 5px; width: 90px; }
.marketoForm .submitButton,
.marketoShortForm .submitButton { background: url(/bzng/images/buttons/learnMore.jpg) no-repeat; border: 0; display: block; font-size: 0; height: 28px; line-height: 0px; margin: 9px 0 0 95px; text-indent: -9999px; width: 130px; }
.marketoForm span.mktFormMsg { margin-left: 100px; }

/* content pages (short form) */
.marketoShortForm .submitButton { background: url(/bzng/images/buttons/download.png) no-repeat; cursor: pointer; margin: 18px 0 0 0; }
.marketoShortForm span.mktFormMsg { margin-left: 0; }
.ie7 .marketoShortForm span.mktFormMsg { height: auto; height: 6px; margin-top: -3px; }

/*----------------------------------------------------------
  =blog
----------------------------------------------------------*/
.leadsBlog { background: #eee; border: 1px solid #b0d0e9; margin-top: 6px; padding: 15px; width: 315px; border-radius:10px;margin-bottom:10px;margin-left:30px;float:right}
.leadsBlog a { font-weight: bold; text-decoration: underline; }
.leadsBlog ul { list-style-type: disc; padding-left: 35px; }
.leadsBlog li { padding: 4px 0; }
.leadsBlog p,
.leadsBlog h4 { display: none; }
.leadsBlog p.h5 { display: block; }
.leadsBlog h5.h3 { margin-top: 0; }
.leadsBlog h5 a { background: url(/bzng/images/buttons/nextArrowBlue.png) center right no-repeat; padding-right: 18px; text-decoration: none; }

/*----------------------------------------------------------
  =navigation
----------------------------------------------------------*/
/* nav styles from category pages need different CLASS for JS hook, and changing widths to accomodate 5 tabs */
.mainNav { border-bottom: 1px solid #069; border-top: 2px solid #09c; min-height: 24px; margin-top: 1px; padding-bottom: 1px; width: 100%; }
.mainNav li { border-right: 1px solid #fff; float: left; width: 24.89%; }
.mainNav li a { background: #e1e1e1; display: block; font-size: 1em; font-weight: bold; line-height: 24px; text-align: center; text-decoration: none; width: 100%; }
.mainNav a.last-child { border-right: none; }
.mainNav li a:hover { background: #dcdcdc; }
.mainNav li a.on,
.mainNav li a:hover.on { background: #09c; color: #fff; }


/*----------------------------------------------------------
  =new featured section
----------------------------------------------------------*/
.featuredNew{background:#006699;color:#FFF;padding:14px 0 4px 24px;background: -moz-linear-gradient(0% 100% 90deg, #0393db, #006699) repeat scroll 0 0 transparent;
   border-radius: 10px 10px 10px 10px;}
.featuredNew img {border:none} 
.featuredNew ul{list-style-type: disc; list-style:inside;}
.featuredNew h6 {color:#eee; font-size:24px;margin-top:0}
.featuredNew div h5{color:#0CF}

.centerFeature {width:300px;float:left;margin-left:30px;margin-top:-8px}
.rightFeature {width:300px;float:left;margin-left:30px}

.quickGuides {width:960px;clear:both}
.quickGuides a.resource-thumb {margin-bottom:0}
.quickGuidesSection {width:220px;float:left;margin:0 26px 20px 0;min-height:250px;position:relative}
.quickGuidesSection p.download {position:absolute;bottom:0}
.firstSection {margin:0 26px 20px 0;clear:left;}
.lastSection {margin:0 0 20px 0}