﻿
.bbContainer {

width: 100%;
height: 32px;
padding: 0;
position: fixed;
bottom: 0;
z-index: 900;

}


.bbContainer2 {

width: 90%;
height: 32px;
padding: 0;
background: url(/images/bb-bg.jpg) repeat-x top left #ccc;
border-left: 1px solid #9ac2e6;
border-right: 1px solid #9ac2e6;
margin: 0px auto;
opacity: 0.94;
filter:alpha(opacity=94);
}



.bbSpacer {

float: left; 
width: 2px;
background: url(/images/bb-spacer.jpg) no-repeat top left;
font-size: 1px;
height: 32px;

}

.bbSpacer2 {

float: right; 
width: 2px;
background: url(/images/bb-spacer.jpg) no-repeat top left;
font-size: 1px;
height: 32px;

}

.bbContent {

float: left; 
height: 32px;
padding: 0 14px 0 14px;

}

.bbContent2 {

float: right; 
height: 32px;
padding: 0 14px 0 14px;

}

.bbContentClose {

float: right; 
height: 32px;
padding: 0 9px 0 8px;

}




.bbCopy a:link {

color: #2cac81;
text-decoration: underline;
font-weight: bold;
font-size:11px;


}

.bbCopy a:visited {

color: #2cac81;
text-decoration: underline;
font-weight: bold;
font-size:11px;


}

.bbCopy a:hover {

color: #999;
text-decoration: normal;
font-weight: normal;

}


.bbRedBg a {

color: #fff;
text-decoration: none;
font-weight: bold;
/*background: #7b9ab4;
padding: 2px 4px 1px 4px;*/
font-size:11px;
cursor: pointer;

}


.bbRedBg a:link {

color: #fff;
text-decoration: none;
font-weight: bold;
/*background: #4a749a;
padding: 2px 4px 1px 4px;*/
font-size:11px;

}

.bbRedBg a:visited {

color: #fff;
text-decoration: none;
font-weight: bold;
/*background: #4a749a;
padding: 2px 4px 1px 4px;*/
font-size:11px;


}

.bbCopyRed a:hover {

color: #fff;
text-decoration: none;
font-weight: bold;
/*background: #4a749a;
padding: 2px 4px 1px 4px;*/
font-size:11px;


}






.bbCopyBlue a {

color: #fff;
text-decoration: none;
font-weight: bold;
background: #7b9ab4;
padding: 2px 4px 1px 4px;
font-size:11px;
cursor: pointer;

}


.bbCopyBlue a:link {

color: #fff;
text-decoration: none;
font-weight: bold;
/*background: #7b9ab4;
padding: 2px 4px 1px 4px;*/
font-size:11px;

}

.bbCopyBlue a:visited {

color: #fff;
text-decoration: none;
font-weight: bold;
/*background: #7b9ab4;
padding: 2px 4px 1px 4px;*/
font-size:11px;


}

.bbCopyBlue a:hover {

color: #fff;
text-decoration: none;
font-weight: bold;
/*background: #7b9ab4;
padding: 2px 4px 1px 4px;*/
font-size:11px;


}




.bbCopy {

float: left; 
margin: 10px 0 0 0;
color: #222;

}

.bbCopyRed {

float: left; 
margin: 10px 0 0 0;
color: #222;

}

.bbCopyBlue {

float: left; 
margin: 10px 0 0 0;
color: #222;

}

.bbClose {

float: left; 
margin: 8px 0 0 0;
height: 16px;
width: 16px;
cursor: pointer;
background: url(/images/bb-close.jpg) top left;

}

.bbIcon {

float: left; 
margin: 7px 0 0 0;
width: 23px;
background: url(/images/bb-chat.jpg) top left;
cursor: pointer;
height: 20px;

}



.bbGuide {

position: absolute;
bottom: 34px;
background: #111;
color: #fff;
font-size: 10px;
font-weight: bold;
padding: 2px;
margin-left: -8px;
display: none;
white-space: nowrap;
opacity: 0.7;
filter:alpha(opacity=70);

}

.bbRedLeft {

height: 17px;
width: 4px;
background: url(/images/bb-red-left.jpg) no-repeat top left;
float: left;
}

.bbRedRight {

height: 17px;
width: 4px;
background: url(/images/bb-red-right.jpg) no-repeat top left;
float: left;
}

.bbRedBg {

height: 15px;
padding: 1px 2px;
background: #e15e67;
float: left;
color: white;
font-weight: bold;
}

.bbNumberContainer {


float: left;
margin: 9px 0 0 6px;
cursor: pointer;

}

#bbGuideLeads {margin-left: 12px;}
#bbGuideNew {margin-left: 12px;}
#bbGuideViews {margin-left: 70px;}
#bbGuideClose {}
#bbGuideChat {margin-left: -24px;}

