/* Big Brother CSS */

/* Contents:
	=General
	=Header
	=Lead Spl
	=Homepage Live Video 
	=News
	=Feature
	=Gallery
	=Profiles
	=Quote
*/

/* =General 
**********************/
.component {
	margin-top: 10px;
	background: #fff;
	border: none;
}

/* #wrap-header {
	height: 128px;
	background: url(/tvradio/bigbrother/img/bb-bg-header.jpg) no-repeat center;
}

#header {
	background: url(/tvradio/bigbrother/img/bb-bg-header.jpg) no-repeat center;
} */

#wrap-middle {
	background: url(/tvradio/bigbrother/img/bb-bg-middle-4.gif) no-repeat 50% 0;
}

#middle {
	margin: 0 auto;
	width: 765px;
	/*background: url(../img/global/_grid.gif);*/
	text-align:left;
	clear:both;
}

.search-channels-wrap {
	background: url(/tvradio/bigbrother/img/bb-bg-middle-4.gif) no-repeat 50% 0;
}

/*CODE ALTERED FOR TOP NAV GRAPHICS (See WAS ERE in bb-header.php)  .search-channels {
	width: 765px;
	margin: 0 auto 10px auto; /* div moved in code, margin added, border (below) removed 
	background: none;
}*/

/*.wrap-nav-super {
	border-top: none; /* grey border removed margin added (above) 
}*/


/* =Header 
**********************/
.channel-header {
	background: url(/tvradio/bigbrother/img/h-big-brother.gif) no-repeat right;
	height: 40px;
}

.channel-header h2 a {
	margin-top: 10px;
	width: 145px;
	height: 30px;
	display: block;
	background: url(/tvradio/bigbrother/img/h-big-brother-link.gif) 0 0 no-repeat;
}

.channel-header h2 a:hover {
	background: url(/tvradio/bigbrother/img/h-big-brother-link.gif) 0 -30px no-repeat;
}

/* =Lead Spl 
**********************/
.bb-lead-spl {
	position: relative;
	background: url(/tvradio/bigbrother/img/bg-hp-lead-spl.gif);
	width: 455px;
}

/* wrap-text */

.bb-lead-spl .wrap-text {
	position: absolute;
	top: 10px;
	left: 230px;
}

.bb-lead-spl .wrap-text h3 {
	margin: 0;
	padding: 2px 0 0 0;
}

.bb-lead-spl .wrap-text h3 a {
	background: #ff0086; /*pink*/
	color: #fff;
	font-size: 1.5em;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
}

.bb-lead-spl .wrap-text h3 a:hover {
	background: #000; /*pink*/
	color: #fff;
	text-decoration: none;
}

.bb-lead-spl .wrap-text p {
	margin: 0 10px 0 10px;
	padding:  10px 0 2px 12px !important;
	font-size: 0.9em;
	background: #fff;
}

.bb-lead-spl .wrap-text p a {
	color: #ff0086; /*pink*/
}

.bb-lead-spl .wrap-text p a:hover {
	text-decoration: none;
}

.bb-lead-spl .wrap-text ul{
	margin: 0 20px 0 10px; !important;
	padding: 5px 0 0 2px; !important;
	list-style: none;
	background: #fff;
}

.bb-lead-spl .wrap-text li {
	padding: 2px 0 0 24px !important;
	font-size: 0.9em;
	background: url(/img/global/bullet-nav-global-black.gif) 10px 7px no-repeat;
}

.bb-lead-spl .wrap-text li a {
	color: #000;
	text-decoration: none; 
}

.bb-lead-spl .wrap-text li a:hover {
	color: #ff0086; /*pink*/
	text-decoration: underline; 
}

/* wrap-img */

.bb-lead-spl .wrap-img {
	margin: 0 0 10px 10px;
	padding: 10px 0 0 0;
	width: 220px;
}

.bb-lead-spl .wrap-img .nav-rot {
	border-top: 1px #fff solid;
	background: #e9e9e9;
	font-size: 0.9em;
}

.bb-lead-spl .wrap-img ul {
	display: inline;
}

.bb-lead-spl .wrap-img li {
	float: left;
}

.bb-lead-spl .wrap-img .num {
	background: #f00;
}

.bb-lead-spl .wrap-img .num li {
	border-right: 1px #fff solid;
	font-weight: bold;
}

.bb-lead-spl .wrap-img .num li a {
	text-decoration: none !important;
	display: block;
	width: 1.1em;
	padding: 2px 0 2px 0.6em;
	color: #000;
}

.bb-lead-spl .wrap-img .num li a:hover {
	background: #ff0086; /*pink*/
	color: #fff;
}

.bb-lead-spl .wrap-img .selected a {
	background: #ff0086; /*pink*/
	color: #fff !important;
}

.bb-lead-spl .wrap-img .text {
	float: right;
}

.bb-lead-spl .wrap-img .text li {
	border-left: 1px #fff solid;
}

.bb-lead-spl .wrap-img .text li a {
	text-decoration: none !important;
	display: block;
	padding: 2px 0.5em 2px 0.6em;
	color: #000;
}

.bb-lead-spl .wrap-img .text li a:hover {
	background: #ff0086; /*pink*/
	color: #fff;
}

/* =Homepage Live Video 
**********************/

.bb-hp-video {
	background: #fff url(/tvradio/bigbrother/img/bb-hp-live-video-flash.gif) no-repeat bottom;
	height: 179px;
	min-height: 179px;
}

.bb-hp-video h3 {
	color: #333;
	/*border-bottom: 1px solid #e9e9e9;*/
	padding: 0.5em 10px 0.3em 10px;
	background: url(/tvradio/bigbrother/img/icon-video-blue.gif) no-repeat 124px 50%;
}

.bb-hp-video h3 span {
	color: #029ACB;
}

.bb-hp-video .video {
	padding: 2px 10px 0 10px;
}

.bb-hp-video .btn-launch {
	padding: 32px 0 0 10px;
}

/* =Homepage galleries */

.bb-hp-galleries {
	padding-bottom: 10px;
}

.bb-hp-galleries h3 {
	color: #333;
	border-bottom: 1px solid #e9e9e9;
	padding: 0.5em 10px 0.3em 10px;
}

.bb-hp-galleries h3 span {
	color: #712483;
}

.bb-hp-galleries ul {
	margin: 10px 0 0 10px;
}

.bb-hp-galleries li {
	display: inline;
	float: left;
	background: #999;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #fff;
}

.bb-hp-galleries li a {
	display: block;
	text-decoration: none;
	color: #fff;
}

.bb-hp-galleries li a:hover {
	text-decoration: none;
	background: #712483;
}

.bb-hp-galleries .dropdown label {
	margin: 10px 10px 0 10px;
	padding: 0 16px 0 0;
	font-weight: bold;
	background: url(/tvradio/bigbrother/img/arw-grey.gif) no-repeat right;
	display: inline;
	float: left;
}

.bb-hp-galleries .dropdown select {
	margin: 9px 0 0 0;
	padding: 0;
	font-size: 0.9em;
	float: left;
}

.bb-hp-galleries .dropdown input {
	margin: 9px 10px 0 0;
	padding: 0;
	float: right;
}

/* =News Components
**********************/

.bb-news {
	padding-bottom: 10px;
}

.bb-news h3 {
	color: #333;
	border-bottom: 1px solid #e9e9e9;
	padding: 0.5em 0 0.3em 10px;
}

.bb-news h3 span {
	color: #009B3D;
}

.bb-news .story-img {
	margin: 10px 0 0 10px;
	display: inline;
	width: 85px;
	float: left;
	background: #999;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.bb-news .story-img a:hover {
	background: #009B3D;
	text-decoration: none;
	color: #fff;
}

.bb-news .story-txt {
	margin: 10px 0 0 0;
	float: right;
	width: 194px;
}

/* Story lead */

.bb-news .lead .story-img {
	margin: 10px 0 0 10px;
	width: 130px;
	font-size: 0.9em;
}

.bb-news .lead .story-txt {
	margin: 10px 0 0 0;
	width: 150px;
}

.bb-news .story-txt h4 {
	padding: 0 5px 2px 0;
}

.bb-news .story-txt a {
	color: #009B3D;
}

.bb-news .story-txt p {
	padding: 0 5px 0 0;
	font-size: 0.9em;
	line-height: 1.3em;
}

.bb-news .story-txt p a {
	text-decoration: underline;
}

.bb-news .story-txt p a:hover {
	text-decoration: none;
}

.bb-news ul {
	margin: 10px 10px 0 10px;
	padding: 10px 0 10px 10px;
	background: url(/tvradio/bigbrother/img/bg-tile-diag-grey.gif);
	font-size: 0.9em;
}

.bb-news li {
	padding: 0 0 0 15px;
	background: url(/tvradio/bigbrother/img/bullet-green.gif) 0 50% no-repeat;
	line-height: 1.5em;
}

.bb-news li a {
	color: #333;
	text-decoration: none;
}

/* Video News */
.bb-news.video h3 span {
	color: #029ACB;
}

.bb-news.video .story-txt a {
	color: #029ACB;
}

.bb-news.video .story-txt p a {
	padding: 0 0 0 20px;
	background: url(/tvradio/bigbrother/img/icon-video-blue.gif) 0 50% no-repeat;
		border: 1px solid tomato;
}

.bb-news.video .story-img a {
	margin: 0;
	text-decoration: none;
	color: #fff;
}

.bb-news.video .story-img a:hover {
	background: #029ACB;
	text-decoration: none;
	color: #fff;
}

/* News feature */

.news {
	padding: 0 0 15px 0;
}

.news .feature-header {
	padding: 0.5em 1em 0.5em 0;
	border-bottom: 1px solid #e9e9e9;
	border-top: 5px solid #009B3D;
}

.news .feature-header h3 {
	font-size: 1.5em;
	font-weight: 500;
	padding-left: 10px;
	margin: 0;
	color: #009B3D;
}

.news .feature a {
	color: #009B3D;
}

.news .feature h4 {
	padding: 0 0 0.5em 0;
	margin: 0.3em 0 1.3em 0;
	color: #009B3D;
	font-size: 1.1em;
	float: none;
	background: url(/tvradio/bigbrother/img/bg-dotted-green.gif) bottom repeat-x;
}

/* =Video Pages
**********************/

.video-player {
	margin: 0 0 10px 0;
	background: #fff;
}

.video .feature-header {
	padding: 0.5em 1em 0.5em 0;
	border-bottom: 1px solid #e9e9e9;
	border-top: 5px solid #029ACB;
}

.video .feature-header h3 {
	font-size: 1.5em;
	font-weight: 500;
	padding-left: 10px;
	margin: 0;
	color: #029ACB;
}

.video .feature a {
	color: #009B3D;
}

.video .feature h4 {
	padding: 0 0 0.5em 0;
	margin: 0.3em 0 1.3em 0;
	color: #029ACB;
	font-size: 1.1em;
	float: none;
	background: url(/tvradio/bigbrother/img/bg-dotted-green.gif) bottom repeat-x;
}

/* =Feature
**********************/

.feature-header {
	padding: 0.5em 1em 0.5em 0;
	border-bottom: 1px solid #e9e9e9;
	border-top: 5px solid #ff0086;
}

.feature-header h1, .feature-header h3 {
	font-size: 1.5em;
	font-weight: 500;
	padding-left: 10px;
	margin: 0;
	color: #ff0086; /*pink*/
}

.feature-header p.byline {
	color: #999;
	font-size: 11px;
	padding: 0.4em 0 0 10px;
}

.channel-breadcrumb {
	background: #000;
	border-bottom: none;
}

.channel-breadcrumb a {
	color: #ccc !important;
}

.feature {
	background: #fff;
	padding: 10px 10px 0 10px;
	font-size: 1em;
}

.feature a {
	color: #ff0086;
}

.feature h4 {
	padding: 0 0 0.5em 0;
	margin: 0.3em 0 1.3em 0;
	color: #ff0086;
	font-size: 1.1em;
	float: none;
	background: url(/tvradio/bigbrother/img/feat-h4-bg-dotted.gif) bottom repeat-x;
}

.feature .img-left {
	margin: 0 10px 5px 0;
	float: left;
}

.feature .img-left p {
	width: 108px;
	padding: 3px 6px 8px 6px;
	font-size: 0.9em;
	background: #ddd url(/tvradio/bigbrother/img/feat-img-bg-btm.gif) bottom left repeat-x;
	color: #555;
}

.wrap-components-2col .feature .img-left.lead p {
	width: 108px;
	padding: 3px 6px 8px 6px;
}

.wrap-components-3col .feature .img-left.lead p {
	width: 168px;
	padding: 3px 6px 8px 6px;
}

/* Pull Quotes */

.pullquote-big-brother {
	margin-bottom: 10px;
	margin-left: 10px;
	width: 160px;
	background: #ddd url(/tvradio/bigbrother/img/pull-quote-bg-top.gif) top no-repeat;
	float: right;
}

.pullquote-big-brother p {
	color: #ff0086;
	padding: 22px 12px 12px 16px;
	background: url(/tvradio/bigbrother/img/pull-quote-bg-btm.gif) bottom no-repeat;
}

.pullquote-big-brother .pullquote-name {
	color: #fff;
	background: #777;
	font-size: 0.9em;
	padding: 0 4px;
}

/* =Gallery
**********************************/

.gallery-nav-top h2, .gallery-nav-top h4 {
	padding: 6px 0 6px 8px;
	margin: 0;
	color: #fff;
	font-size: 1.1em;
	float: left;
	background: none;
}

.gallery-nav-bottom {
	margin: 0 0 10px 0;
	background: #e9e9e9;
	padding: 0;
}

.gallery-nav-dropdown {
	padding: 10px 8px 8px 210px;
	background: #e9e9e9 url(/tvradio/bigbrother/img/h-more-galleries.gif) top left no-repeat;
	border: 10px solid #fff;
}

/*.gallery-nav-dropdown p a {
	display: block;
	text-indent: -9999px;
	width: 100px;
	background: #f00;
	position: absolute;
	left: 0;
	top: 0;
}*/

.gallery-nav-dropdown label {
	display: none;
}

.gallery-nav-dropdown select {
	float: left;
}

.gallery-nav-dropdown #btn_go {
	padding: 1px 0 0 8px;
	float: left;
}

/* galleries-homepage */

.galleries-homepage {
	padding: 15px 0 16px 16px;
}

.galleries-homepage img {
	float: left;
	margin: 1px 1px 0 0;
}

/* =Profiles
**********************************/

.profiles {
	background: #fff !important;
}

.profiles img {
	margin: 0 10px 5px 0;
	float: left;
}

.profiles p {
}

.profiles .data {
	margin: 0 0 10px 0;
	clear: left;
}

.profiles .data h4 {
	padding: 1px 0 1px 10px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
}

.profiles .data .fav {
	margin: 10px 0 0 0;
	background: url(/tvradio/bigbrother/img/bg-tile-diag-grey.gif);
}
.profiles .data .fav p{
	margin-left: 10px;
}
.profiles .data .fav h4 {
	background: #009A3D; /*pink*/
	color: #fff;
}

.profiles .data .per {
	background: url(/tvradio/bigbrother/img/bg-tile-diag-grey.gif);
}

.profiles .data .per h4 {
	background: #00A4D9; /*pink*/
	color: #fff;
}

.profiles .data dl dt {
	padding: 0;
	margin: 0 0 0.3em 10px;
	display: inline;
	float: left;
	font-weight: bold;
	padding: 0 0.2em 0 0;
}

.profiles .data dl dd {
	padding: 0;
	margin: 0 0 0.3em 10px;
}

.profiles .speech-yellow {
	clear: left;
	margin: 0 0 10px 0;
	background: #FFFFC9 url(/tvradio/bigbrother/img/speach-top-pink-yellow.gif) top left no-repeat;
	color: #FF0086;
	padding-top: 13px;
}

.profiles .speech-yellow p {
	border-bottom: 1px solid #FF0086;	
	border-left: 1px solid #FF0086;  
	border-right: 1px solid #FF0086; 		
	padding: 10px 10px 10px 10px;
}

.profiles .speech-yellow strong {
	color: #FF0086;
}

.footerBtns a {
	margin: 0 0 10px 6px;
	padding: 2px 6px;
	float: right;
	display: block;
	font-size: 0.8em;
	color: #333;
	text-decoration: none !important;
	background: #e9e9e9;
}

.footerBtns a:hover {
	margin: 0 0 10px 6px;
	padding: 2px 6px;
	float: right;
	display: block;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	background: #ff0086;
}

/* =E-Commerce Footer (3spl 4col)
**********************************/

.bb-3spl-4col {
	padding: 0 0 40px 0;
	background: #fff url(/tvradio/bigbrother/img/bb-bg-3spl-4col-btm.gif) no-repeat bottom;
}

.bb-3spl-4col h3 {
	background: url(/tvradio/bigbrother/img/bb-bg-3spl-4col-h.gif) no-repeat;
	text-indent: -9999px;
	height: 18px;
}

.bb-3spl-4col img {
	margin: 0 10px 10px 0;
	float: left;
}

.bb-3spl-4col a {
	text-decoration: none;
	color: #333;
}

.bb-3spl-4col li {
	margin: 10px 0 0 15px;
	width: 185px;
	float: left;
	display: inline;
	font-size: 0.9em;
}

/* =Quiz
**********************************/
.quiz {
	padding: 10px 10px 170px 10px;
	background: #fff url(/tvradio/bigbrother/img/bb-bg-quiz.gif) no-repeat bottom;
}

/* =Special Overides
**********************************/
/**/
.rel-links-red h3 {
	padding: 3px 10px 6px 10px !important;
	color:#fff !important;
	background:#FF0086 url(/tvradio/bigbrother/img/bg-rel-link-2col-h.gif) repeat-x bottom;
}

.rel-links-red ul {
	padding: 0 0 14px 0 !important;
	border: none;
	border-top: 3px solid white;
	background: #fff url(/tvradio/bigbrother/img/bg-rel-link-3col.gif) left bottom repeat-x;
}
/**/
.links-inset-3col-red-white h4 {
	padding: 3px 10px 6px 10px !important;
	color:#fff !important;
	background: #00A4D9 url(/tvradio/bigbrother/img/bg-rel-link-2col-h.gif) repeat-x bottom;
}

.links-inset-3col-red-white ul {
	width: 455px;
	padding: 0 0 14px 0 !important;
	border: none;
	background: #fff url(/tvradio/bigbrother/img/bg-rel-link-3col.gif) left bottom repeat-x;
}

/* =Quote Standalone
**********************************/

.quote {
	border: none;
}

.quote a {
	padding: 10px 10px 10px 45px;
	display: block;
	text-decoration: none;
	color: #333;
}

.quote a:hover {
	background: #ccc url(/img/global/quote-grey.gif) -300px 0 no-repeat;
	text-decoration: none;
	color: #333;
}

.quote p.quote-txt {	
	font-size: 1em;
}

.quote span.quote-name {
	padding-top: 0.5em; 
	font-size: 0.9em;
	font-weight: bold;
}

/* Grey Yellow */

.quote.grey-yellow a {
	background: url(/tvradio/bigbrother/img/bg-tile-diag-grey.gif);
}

.quote.grey-yellow a:hover {
	background: #ccc url(/img/global/quote-grey-yellow.gif) -300px 0 no-repeat;
}

/* Poll */

.form h3 {
	color: #333;
	border-bottom: 1px solid #e9e9e9;
	padding: 0.5em 0 0.3em 10px;
}

.form h3.red {
	color: #333;
}

.form h3.red span {
	color: #c00;
}

.form .poll {
	padding: 10px;
	background: #fff url(/tvradio/bigbrother/img/bb-bg-poll.gif) right repeat-y;
}

.form .poll h4 {
	margin: 0 0 10px 0;
}

.form .poll li a {
	padding: 0 0 0 18px;
	text-decoration: none;
	color: #000;
	background: #fff url(/tvradio/bigbrother/img/arw-drk-grey.gif) 0 50% no-repeat;
}

.form .poll li a:hover {
	text-decoration: underline;
}


/* Big Brother Poll */
.component h3.red span{
	color:#ff0086;
}
.poll h4 {
	padding-left:30px;
	background:url(/img/channels/tv-radio/bigbrother/pic-pollQ.gif) no-repeat 0 0px;
	min-height:23px;
}
* html .poll h4 {
	height:23px;
}
.form .poll ul {
	padding-left:30px;
	width:185px;
	background:url(/img/channels/tv-radio/bigbrother/pic-pollA.gif) no-repeat 0 6px;
}
.form .poll ul li {
	background-image:none !important;
	padding-left:0;
	width:235px;
}
.form .poll li a {
	display:block;
	width:235px;
	padding:2px 1px 2px 5px;
	background:#e9e9e9;
}
.form .poll li a:hover {
	background:#ff0086;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.poll .result-bar {
	background:#ccc;
	border:none;
	width:185px;
	height:12px;
}
.poll .result-bar img{
	height:12px;
}


/* bb-multi-minisplash-2col */
.bb-multi-minisplash-green,
.bb-multi-minisplash-blue {
	padding-bottom: 10px;
}

.bb-multi-minisplash-green h3,
.bb-multi-minisplash-blue h3 {
	color: #333;
	border-bottom: 1px solid #e9e9e9;
	padding: 0.5em 0 0.3em 10px;
}

.bb-multi-minisplash-green h3 span {
	color: #009B3D;
}
.bb-multi-minisplash-blue h3 span {
	color: #029acb;
}

.bb-multi-minisplash-green .story-img,
.bb-multi-minisplash-blue .story-img {
	margin: 10px 0 0 10px;
	display: inline;
	width: 85px;
	float: left;
	background: #999;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.bb-multi-minisplash-green .story-img p a,
.bb-multi-minisplash-blue .story-img p a{
	background: #999;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
}



.bb-multi-minisplash-green .story-img img,
.bb-multi-minisplash-blue .story-img img {
	width: 85px;
}

.bb-multi-minisplash-green .story-txt,
.bb-multi-minisplash-blue .story-txt {
	margin: 10px 0 0 0;
	float: right;
	width: 194px;
}

/* Story lead */

.bb-multi-minisplash-green .lead .story-img,
.bb-multi-minisplash-blue .lead .story-img {
	margin: 10px 0 0 10px;
	width: 130px;
	font-size: 0.9em;
}

.bb-multi-minisplash-green .lead .story-txt,
.bb-multi-minisplash-blue .lead .story-txt {
	margin: 10px 0 0 0;
	width: 150px;
}

.bb-multi-minisplash-green .story-txt h4,
.bb-multi-minisplash-blue .story-txt h4 {
	padding: 0 5px 2px 0;
}

.bb-multi-minisplash-green .story-txt a {
	color: #009B3D;
}
.bb-multi-minisplash-blue .story-txt a {
	color: #029acb;
}
.bb-multi-minisplash-green .story-txt h4,
.bb-multi-minisplash-blue .story-txt h4 {
	padding: 0 5px 2px 0;
}

.bb-multi-minisplash-green .story-txt a,
.bb-multi-minisplash-blue .story-txt a {
	text-decoration: underline;
}

.bb-multi-minisplash-green .story-txt a:hover,
.bb-multi-minisplash-blue .story-txt a:hover {
	text-decoration: none;
}