/* 
Styles for Category Index pages
Date: June 2010 
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");

/*----------------------------------------------------------
  =general content rules
----------------------------------------------------------*/
.breadcrumbs { margin: 0 0 18px 0; }
.static { clear: both; width: 672px; }
ol { list-style-type: decimal; }
.static ul { list-style-type: disc; margin-left: 35px; }
.static li { padding: 2px 0; }
.static h1 { clear: both; font-size: 1.125em; /* 16x1.125=18 */ line-height: 1.115em; /* 18x1.115=20 */ margin: 6px 0 18px 0; }
.static a { text-decoration: underline; }
.more { font-weight: bold; display:inline-block; clear:right; }
dl { overflow:auto; padding-bottom:15px; font-size:0.75em; }
li {  }
dt, dd { margin-bottom:3px; padding-top:6px; line-height:1.125em; display:block /* this overrides global style that hides all DTs & DDs */; }
dt {width:15%; margin-right:15px; float:left; clear:left; font-weight:bold; color:#666; }
dd { width:80%; float:left; clear:right; }
h4 + p { margin-top:0; }
.static ul li ul { list-style-type: circle; margin: 2px 0 0 50px; }
/*----------------------------------------------------------
  =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: 159px; }
.mainNav li a { background: #e1e1e1; display: block; font-size: 1em; font-weight: bold; line-height: 24px; text-align: center; text-decoration: none; width: 159px; }
.mainNav a.last-child { border-right: none; width: 160px; }
.mainNav li a:hover { background: #dcdcdc; }
.mainNav li a.on, .mainNav li a:hover.on { background: #09c; color: #fff; }


/*----------------------------------------------------------
  =benefits list
----------------------------------------------------------*/
#benefits { border-top:none; }
#benefits dt, #benefits dd { padding-top:3px; border-top:1px dotted #efefef; }
#benefits dt.first-child, #benefits dd.first-child { padding-top:0; border-top:none; }
#benefits dt { width:28%; margin-left:35px; margin-right:0; color:#09c; }
#benefits dd { width:57%; }
dt:first-child, dd:first-child { border:none; }


/*----------------------------------------------------------
  =overrides
----------------------------------------------------------*/
/* subnav */
.categoryNav li ul { display:none; }
/* titles */
h2 { color:#09c; }
/* INTRO: spliting it into 2 halves */
.intro { /*color:#666; font-size:0.9em; line-height:1.286em;*/ }
.half { float:left; margin:0 30px 0 0; width:320px; }
.half.last-child { margin-right:0; }
.community .half { width:290px; margin-right:0 !important; }
.half p.intro { min-height:/*95px*/70px; }
.stats { clear:both; overflow:auto; margin:0 0 20px !important; }
.stats ul { list-style:none; margin-left:0 !important; font-size:11px; }
.stats li { display:block; float:left; width:135.5px; margin-right:30px; padding:5px; text-align:center; background:#eee; }
.stats b { display:block; margin:0; padding:0; font-size:19px; font-weight:normal; color:#E96100; text-shadow:1px 1px 0 #fff; }
.stats .last-child { margin-right:0; }

/* tabs */
.tabs { margin-left:0 !important; overflow:auto; border-bottom:5px solid #09c; vertical-align:bottom; }
.tabs li { display:inline; padding:0; list-style:none; font-size:13px !important; font-weight:normal !important; }
.tabs li a { background:#e1e1e1; display:block; float:left; margin:4px 15px 0 0; padding:3px 3px 5px; text-align:center; vertical-align:bottom; width:116px; }
.tabs li a:hover { background:#09c; color:#fff; }
.tabs .selected { background:#09c; padding-top:8px; margin-top:0; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; }
.tabs .last-child { margin-right:0; width:118px; }
.vertical { border:none; /*border-right:5px solid #09c;*/ width:160px; float:left; margin-top:0 !important; padding-top:0 !important!;
}
.bio { min-height:400px; margin-left:160px; padding:0 0 1px 15px; border-left:5px solid #09c; }
.vertical li { display:block; }
.vertical li a { float:none; width:143px; margin:0 0 15px 7px; padding:5px; text-decoration:none; font-size:11px; line-height:1.125em; text-align:left; }
.vertical li strong { display:block; font-size:13px; padding-bottom:5px; }
.vertical .selected { font-size:11px; color:#eee; font-weight:normal; margin-left:0px; width:150px; }
.vertical .selected b { font-size:13px; color:#fff; }
.tabContent { display: none; }
.firstTab { display: block; }
.subContent {display: none; }
/* jump link menu */
.jumpMenu, .jumpMenuList { margin:0 0 20px !important; border-top:1px dotted #ccc; border-bottom:none; font-weight:normal !important; color:#666; overflow:auto; }
#careers .jumpMenuList { border-top: none; }
.jumpMenu li { list-style:none; display:inline; margin-right:20px; }
.jumpMenuList li { margin:0 !important; padding:0; }
.jumpMenu li a, .jumpMenu li a:hover { background:none; display:inline; float:none; margin:0; padding:0; text-align:left; width:auto; }
.jumpMenu li a:hover { color:#09c; font-weight:bold; }
.jumpMenu .selected { font-weight:bold; text-decoration:none; color:#333; background:none; }
/* callouts */
h4.callout { padding:0 !important; background:none; }
h4.callout a { display:block !important; height:39px; padding:12px 12px 17px; font-weight:normal !important; font-size:18px; line-height:1.15em; color:#fff; text-decoration:none; text-shadow:1px 1px 0 #333; background:url(/bzng/images/buttons/bgCallout1.png) no-repeat left top; }
h4.alt a { background-image:url(/bzng/images/buttons/bgCallout2.png); }
.callout b { display:block; font-weight:bold; font-size:21px; }

/* Mgmt bios */
.bio h3+h4 { margin-top:0; padding-top:0; }
.bio h3 { margin-bottom:0; padding-bottom:0; }

/* in the news */
.newsAboutBZ dl { overflow:auto; padding-bottom:0; }
.newsAboutBZ dt, .newsAboutBZ dd { margin-bottom:15px; padding-top:15px; border-top:1px dotted #ccc; }
.newsAboutBZ dt.first-child, .newsAboutBZ dd.first-child { border:none; }
.newsAboutBZ dt { width:30%; margin-right:0; float:left; clear:left; font-weight:normal; color:#000; }
.newsAboutBZ dd { width:64.9%; padding-left:17px; float:left; clear:right; }
.newsAboutBZ h4 { font-size:1.25em; }
.newsAboutBZ p { font-size:1.0125em; }
.newsAboutBZ dt p:first-child, .newsAboutBZ dd h4 { margin-top:0; }

/*  Authors   */
.authors dl { overflow:auto; padding-bottom:0; }
.authors dt, .authors dd { margin-bottom:15px; padding-top:15px; border-top:1px dotted #ccc; }
.authors dt.first-child, .authors dd.first-child { border:none; }
.authors dt { width:22%; margin-right:0; float:left; clear:left; font-weight:normal; color:#000; }
.authors dd { width:72.9%; padding-left:17px; float:left; clear:right; }
.authors h4 { font-size:1.25em; }
.authors p { font-size:1.0125em; }
.authors dt p:first-child, .authors dd h4 { margin-top:0; }


.fullContent, .subContent { border-bottom:1px dotted #ccc; margin-bottom:25px; clear:both; }
p.moreContent { margin-top:-10px; margin-bottom:25px; float:left; clear:right; }
.static h4 { clear:both; }
.static .bio h4, .contact h4 { clear:none; }
.fullContent h5, .subContent h5 { font-size:0.75em !important; margin-bottom:0; padding-bottom:0; }
.static h5 { margin-bottom:0; padding-bottom:0; }
.static h5 + p, .static h5 + ul, .static p.small_text + ul { margin-top:3px; }
.static ol { margin-left:35px; }
p.subTitle { font-style:italic; }
.contentGroup h1 { border-top:2px solid #ccc; padding-top:15px; }
.contentGroup .first-child { border:none; padding-top:0; }
.additional { width:30%; float:left; margin-right:15px; }
.additional p { margin-left:55px; }
.additional p.first-child { margin-left:0; }
.additional.last-child { margin-right:0; }
.contentImg { float:right; margin-left:20px; }
.additional img { float:left; margin-left:0; }
.header p { padding-top:17px; text-align:right; font-size:0.95em; color:#09c; }
.header p b { font-size:1.05em; }
.apply { padding:10px; display:block; visibility:visible; background:#eee; overflow:auto; }
.apply h5 { margin-top: 0; }
.apply ul { margin-left:0; }
.apply li { width:150px; display:block; float:left; }
.apply li.last-child { width:300px; }

#whyBZ li { font-size:1.25em; color:#09c; font-weight:bold; }
#whyBZ li i { font-size:0.85em; color:#000; font-weight:normal; font-style:normal; }
#benefits strong, #coreValues h5, #whyBZ strong { color:#09c; }

/* Social Media */

.threeColBox {
    border: 1px #000000 solid;
    -moz-box-shadow: 2px 2px 5px 3px #c2c2c2;
    -webkit-box-shadow: 2px 2px 5px 3px #c2c2c2;
    box-shadow: 2px 2px 5px 3px #c2c2c2;
    margin-top: 36px;
    width: 574px;
}

.threeColBox h3 {
    font-weight: normal;
}

.threeColBox ul li{
    display: inline;
    list-style: none;
}

.social-icon {
    background-image: url(/bzng/images/social/social-sprites.jpg);
    float: left;
    overflow:hidden;
    margin: 18px;
    text-indent:-9999px;
    height: 50px;
    width: 51px;
}

.social-txt {
    margin: 18px 18px 27px 18px;
}

#fb-icon {
    background-position: 0 0;
    height: 50px;
    width: 51px;
}

#fb-position {
    float: right;
    margin: 18px;
}

#twitter-icon {
    background-position: 0 419px;
    height: 51px;
    width: 51px;
}

#twitter-list .social-icon {
    margin: 0 18px 0 0;
}

#twitter-list p {
    margin: 0;
}

#twitter-list .social-txt {
    margin-bottom: 18px;
}

#retail-icon {
    background-position: 0 214px;
}

#security-icon {
    background-position: 0 160px;

}

#telecom-icon {
    background-position: 0 106px;
}

#healthcare-icon {
    background-position: 0 320px;
}

#industrial-icon {
    background-position: 0 267px;
}

#twitter-labels {
    margin-top: -15px;
}

#retail-label {
    margin: 0 0 0 60px;
}

#security-label {
    margin: 0 0 0 30px;
}

#telecom-label {
    margin: 0 0 0 20px;
}

#healthcare-label {
    margin: 0 0 0 14px;
}

#industrial-label {
    margin: 0 0 0 10px;
}

#linkedin-icon {
    background-position: 0 520px;
}

#yt-icon {
    background-position: 0 367px;
    height: 47px;
    width: 47px;
}

#gplus-icon {
    background-position: 0 570px;
}

#pin-icon {
    background-position: 0 469px;
}

#slideshare-icon {
    background-position: 0 671px;
}

.lastBox{
    margin-bottom: 36px;
}

/*----------------------------------------------------------
  =headings 
----------------------------------------------------------*/
.article h3 { font-size: .875em; /* 16x0.875=14 */ line-height: 1.43em; /* 14x1.43=20 */ margin: 9px 0; }
.article h1 { font-size: 1.125em; /* 16x1.125=18 */ line-height: 1.115em; /* 18x1.115=20 */ margin: 6px 0 6px 0; }
.article h6 { color: #999; font: normal .625em Verdana, Geneva, sans-serif; margin: 0 0 18px 0; }
.article a { text-decoration: underline; }
/*----------------------------------------------------------
  =careers
----------------------------------------------------------*/
#careers p.small_text { margin: 0; }
#careers-page .seeAllCareers { display: none; }

/*----------------------------------------------------------
  =BuyerZone scam page specific styles
----------------------------------------------------------*/
.pie-chart { float:left; padding: 0 0 0 50px; margin: 0;}
.pie-chart-text { font-size: 16px; color: #FF9900; padding:25px 0 0 80px; margin: 0 0 0 200px;}
.includeContent2 { background-color:#e1e1e1; padding: 5px;}
.includeContent2 p { padding: 5px; font-size: 11px;}
.includeContent2 h2 { font-size: 13px; margin: 5px 0 0 5px;}
.includeContent2 img { padding: 3px; background-color: #fff; border: 1px solid #ccc; margin: 0 0 0 90px;}

/*  Reviews page  */
dl.reviewTestimonial {margin:40px 0 0 0 ;background:#fafafa;padding:12px; border-radius:15px;-moz-border-radius:15px;
-webkit-border-radius:15px;border:1px solid #f0f0f0}
dl.reviewTestimonial dt{width:100%;font-weight:normal;font-size:12px;line-height:22px;}
dl.reviewTestimonial dt.size2{font-size:16px}
dl.reviewTestimonial dd {font-style:italic; float:right;margin:0 0 30px 0;width:50% }

.talkbubble1 {background:url(/bzng/images/icons/talkbubble1.jpg);width:220px;height:140px;padding:20px 0 0 40px;float:left;margin:40px 10px 0 0}
.talkbubble1 h3{width:210px; letter-spacing:-Xpx;}
.ie7 .talkbubble1 h3 {padding-top:20px}
.talkbubble2{background:url(/bzng/images/icons/talkbubble2.jpg);width:240px;height:140px;padding:14px 0 0 20px;float:right;margin:70px 0 0 10px}
.talkbubble2 h3 {width:210px; letter-spacing:-Xpx;}
.ie7 .talkbubble2 h3 {padding-top:20px}
.talkbubble3{background:url(/bzng/images/icons/talkbubble3.jpg) no-repeat;width:230px;height:130px;padding:26px 0 0 30px;float:left;margin:60px 10px 0 0 }
.talkbubble3 h3{width:240px;letter-spacing:-Xpx;}
.ie7 .talkbubble3 h3 {padding-top:20px}
.talkbubble4{background:url(/bzng/images/icons/talkbubble4.jpg) no-repeat;width:245px;height:140px;padding:20px 0 0 15px;float:right;margin:40px 0 0 10px}
.talkbubble4 h3 {width:200px;letter-spacing:-Xpx;}
.ie7 .talkbubble4 h3 {padding-top:20px}
.size1{font-size:16px}
.size2{font-size:14px}

/*----------------------------------------------------------
  =utility classes
----------------------------------------------------------*/
img.shadow { -webkit-box-shadow: #333 3px 3px 12px; -moz-box-shadow: #333 3px 3px 12px; box-shadow: #333 3px 3px 12px; }