/* @override http://howard.tv/originals/beatthebooey/css/beatthebooey.css */

body {
	background: #1b202f url(/originals/beatthebooey/img/bg.gif) repeat-x;
}

.footer-tout {
	background: #333 !important;
	background-image: none;
	}

#headerWrap {
	border-bottom: none;
}

#mainContent {
	width: 1000px;
	margin: 0 auto;
	background: #a0231e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 10px solid #1b202f;
}

#row1, #row2, #row3 {
	overflow: hidden;
}

#row1 div {
	height: 242px;
	float: left;
}

#row1 div {
	height: 242px;
	float: left;
}

#row2 div {
	height: 309px;
	float: left;
}

#row3 {
	padding: 0 0 7px 7px;
}

.logo {
	width: 253px;
	background: url(/originals/beatthebooey/img/logo.jpg);
}

.logo h2 {
	text-indent: -9999px;
}

.aboutTheShow {
	width: 501px;
	background: url(/originals/beatthebooey/img/aboutTheShow.gif);
}

.aboutTheShow p {
	text-indent: -9999px;
}

.premieres {
	width: 246px;
	background: url(/originals/beatthebooey/img/premieres.gif);
}

.premieres p {
	text-indent: -9999px;
}

.subscribe {
	width: 253px;
	background: url(/originals/beatthebooey/img/subscribe.jpg);
	position: relative;
}

.subscribe h3, .subscribe p {
	text-indent: -9999px;
}

.subscribe ul {
	height: 33px;
	position: absolute;
	top: 277px;
	left: 0;
	margin: 0 0 0 7px;
}

.subscribe ul li {
	float: left;
}

.subscribe ul li a {
	display: block;
	width: 112px;
	height: 33px;
	text-indent: -9999px;
}

a.tabBuddyIcons {
	background: url(/originals/beatthebooey/img/downloadTabs.gif) 0 -33px no-repeat;
	margin: 0 0 0 3px;
}

a.tabBuddyIcons:hover, li.current a.tabBuddyIcons {
	background: url(/originals/beatthebooey/img/downloadTabs.gif) 0 0 no-repeat;
}

a.tabWallpaper {
	background: url(/originals/beatthebooey/img/downloadTabs.gif) -115px -33px no-repeat;
}

a.tabWallpaper:hover, li.current a.tabWallpaper {
	background: url(/originals/beatthebooey/img/downloadTabs.gif) -115px 0 no-repeat;
}

.midContent {
	width: 747px;
	position:  relative;
	background: url(/originals/beatthebooey/img/midContent.jpg);
}

#videoPlayer {
	width: 452px;
	height: 290px;
}

.quiz {
	width: 295px;
	position: absolute;
	top: 0;
	left: 452px;
}

.quiz h3, .quiz p {
	text-indent: -9999px;
}

.quiz a {
	display: block;
	position: absolute;
	top: 215px;
	left: 179px;
	background: url(/originals/beatthebooey/img/startQuiz.jpg) 0 0 no-repeat;
	width: 110px;
	height: 52px;
	text-indent: -9999px;
}

.quiz a:hover {
	background: url(/originals/beatthebooey/img/startQuiz.jpg) 0 -52px no-repeat;
}

.bottomLeft {
	width: 340px;
	background: url(/originals/beatthebooey/img/bottomLeft.gif);
	height: 250px;
	float: left;
	position: relative;
}

.buddyIcons, .wallpapers {
	padding: 12px 0 0 12px;
	display: none;
}

.buddyIcons img {
	background: #fff;
	border: 1px solid #e1e1bd;
	margin: 0 8px 0 0;
	padding: 5px;
}

.wallpapers img {
	width: 88px;
	background: #fff;
	border: 1px solid #e1e1bd;
	margin: 0 8px 0 0;
	padding: 5px;
}

.castingCall a {
	display: none;
	position: absolute;
	left: 0;
	top: 128px;
	height: 122px;
	text-indent: -9999px;
	width: 340px;
}

.episodes {
	width: 340px;
	height: 250px;
	background: url(/originals/beatthebooey/img/episodesBg.jpg);
	float: left;
	margin: 0 0 0 4px;
	position: relative;
}

.episodes ul {
	position: absolute;
	overflow-y: scroll;
	width: 305px;
	height: 186px;
	top: 48px;
	left: 18px;
}

.episodes ul li {
	overflow: hidden;
	margin: 0 0 14px 0;
}

.episodes ul li img {
	float: left;
	margin: 0 7px 0 0;
}

.episodeDescription {
	float: left;
	width: 220px;
}

.episodeDescription h3 {
	color: #1f2956;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 4px 0;
}

.episodeDescription p {
	color: #222;
	font-size: 11px;
	line-height: 16px;
}

.ad300x250 {
	width: 300px;
	height: 250px;
	float: left;
	margin: 0 0 0 4px;
	background: #333;
}

/* Flexcroll */

.scrollgeneric {

	line-height: 1px;

	font-size: 1px;

	position: absolute;

	top: 0; left: 0;

}



.vscrollerbase {

	width: 13px;

	background: url(/originals/wackpackbowling/img/flexcrollBg.gif);



}

.vscrollerbar {

	background: #c30000;

	width: 13px;

	border: 1px solid #fff;

	margin: 3px 0;

}

.hscrollerbase {

	height: 10px;

	background-color: white;

}

.hscrollerbar {

	height: 10px;

	background-color: red;

}



.scrollerjogbox {

	width: 13px;

	top: auto; left: auto;

	bottom: 0px; right: 0px;



}
/******* Added by BK **********/
.ovContent {
	margin:0;
	padding:30px;
	background:#fff;
}

.ovContent a {
	clear: both;
	background: url(/originals/beatthebooey/img/emailUs.gif) 0 0 no-repeat;
	display: block;
	width: 130px;
	height: 42px;
	float: right;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}

.ovContent a:hover {
	clear: both;
	background: url(/originals/beatthebooey/img/emailUs.gif) 0 -42px no-repeat;
	display: block;
	width: 130px;
	height: 42px;
	float: right;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}

.ovContent p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 16px 0;
}

#flashQuiz {
	width: 665px;
	height: 496px;
	position: absolute;
}

.ui-dialog-titlebar {
	
}

.ui-dialog-titlebar-close {
	background: url(/originals/beatthebooey/img/closeButtonDoors.png) 0 0 no-repeat;
	width: 25px;
	height: 29px;
	position: absolute;
	top: 0;
	right: 0;
	z-Index: 10;
}

* html .ui-dialog-titlebar-close {
	background: url(/originals/beatthebooey/img/closeButtonDoors.gif) 0 0 no-repeat;
}

.ui-dialog-titlebar-close span {
	display: none;
}

.ui-dialog-titlebar-close-hover {
	background: url(/originals/beatthebooey/img/closeButtonDoors.png) 0 -29px no-repeat;
}

* html .ui-dialog-titlebar-close-hover {
	background: url(/originals/beatthebooey/img/closeButtonDoors.gif) 0 -29px no-repeat;
}

.premieres a:link, .premieres a:visited {
	display: block;
	width: 165px;
	height: 81px;
	background: transparent url(/originals/beatthebooey/img/forum_cta_link.gif) no-repeat 0 0;
	margin: 77px 0 0 26px;
	text-indent: -9999px;
	text-align: left;
}
	
.premieres a:hover, .premieres a:active {
	background: transparent url(/originals/beatthebooey/img/forum_cta_link.gif) no-repeat 0 -81px;
}
