/* JURUKAN.com Homepage CSS */
/* Reset */
body{color:#000;background:#F2F2F0 url(bg-body.jpg) 0 0 repeat-x;font-family:Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
p {font-size:100%;font-weight:normal;}
input,textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* General */
#wrapper {margin: 0 auto 0 -60px; padding-left: 60px; position: relative; background: transparent url(bg-content.jpg) center 0 no-repeat;}
#container {width: 1009px; margin: 0 auto; position: relative;}

/* Header */
#header {width: 1009px;  height: 91px; background: transparent url(bg-content.jpg) -179px 0 no-repeat;}
#header h1 {position: absolute; top: 15px; left: 15px;}
#header #tag-line {position: absolute; top: 15px; left: 158px;}
#search-form {position: absolute; right: 13px; top: 5px;}
#search-form .search-box {width: 120px; font-size: 0.9em; padding: 0.1em 0.3em; /*border: 1px solid #D6D6C8;*/border: 1px solid #C3C3C3;}
#search-form .search-btn {width: 95px;  height: 21px; vertical-align: middle;}
#header-list {position: absolute; top: 32px; right: 14px; direction: rtl; width: 200px;}
#header-list li {text-align: right; line-height: 11px; padding-right: 16px;}
#header-list li a {color: #C3C3C3; font-size: 10px; font-weight: bold; text-decoration: none;}
#header-list li a:hover {text-decoration: underline;}
#header-list li.li_4 {display: none;}

/* Top Nav */
#global-nav {position: absolute; top: 66px; left: 168px; z-index: 999;}
.main-level {margin: 0; padding: 0;}
.main-level li {float: left; list-style-type: none; font-size: 12px; font-weight: bold; margin: 0 3px 0 0; display: inline;}
.main-level li a:link, .main-level li a:visited {color: #7D7B70; float: left; display: inline; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; height: 15px; padding: 3px 10px 0 10px; background: transparent url(line-main.gif) right no-repeat;}
.main-level li a:hover {background: transparent url(right-main.gif) right no-repeat; color: #333;}
.main-level li a:link span, .main-level li a:visited span, .main-level li a:hover span {width: 4px; height: 18px; float: left; margin-left: -12px; position: absolute; margin-top: -3px; z-index: 999;}
.main-level li a:hover span {background: transparent url(left-main.gif) left no-repeat;}
.main-level li ul {margin: 0; padding: 0; position: absolute; z-index: 999; top: 18px; clear: left;}
.main-level li ul li {display: block; clear: left; margin: 0; padding: 0; white-space: nowrap;}
.main-level li ul li a:link, .main-level li ul li a:visited {color: #FFF; padding: 3px 10px 0 12px; margin: 0 8px 0 2px; background: transparent url(right-sub-alt.gif) right 0px no-repeat; font: bold 10px Arial, Helvetica, sans-serif;}
.main-level li ul li a:hover {background: transparent url(right-sub-alt.gif) right -20px no-repeat; color: #000;}
.main-level li ul li a:link span, .main-level li ul li a:visited span {background: transparent url(left-sub-alt.gif) left 0px no-repeat; width: 16px; height: 18px; margin-left: -16px; margin-top: -3px; z-index: 999;}
.main-level li ul li a:hover span {background: transparent url(left-sub-alt.gif) left -20px no-repeat; color: #111; margin-left: -16px; width: 16px; z-index: 999;}
	
/* Main Promo */
/*#main-promo {width: 1009px; height: 355px; position: relative; padding-top: 6px;}*/
#main-promo {width: 1009px; height: 361px; position: relative; padding-top: 0px; background: transparent url(bg-content.jpg) -179px -91px no-repeat;}
#hero div,#hero span,#hero img,#hero a,#hero p,#hero ul,#hero li,#hero h1,#hero h2,#hero h3,#hero h4,#hero h5,#hero h6{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
#hero ul {list-style: none;}
#hero{/*background:#000 url(/images/home4g/promo/hero-bg.jpg) no-repeat center 0;*/background: transparent; font:11px Arial;color:#fff;height:361px;}
#hero a{color:#fff;text-decoration:none;}
#hero a:hover, #hero a:active {color:#fff;text-decoration:underline;}
#hero div.content{width:1009px;margin:0 auto;position:relative;}
#hero-accordion{position:absolute;top:42px;left:0;overflow:hidden;}
#hero-image{position:absolute;top:0;left:0;}
#hero-image a{position:absolute;top:0;left:0;display:none;}
#hero-accordion .ui-accordion-content{display:none;*zoom:1;width:380px;}
#hero-accordion .ui-accordion-content-active{display:block;*overflow:hidden !important;/*background:url(/images/home4g/promo/active-slide-background-ie6-7.png) repeat;background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home4g/promo/active-slide-background-ie6-7.png',sizingMethod='scale');*/}
#hero-accordion .ui-accordion-content h3 {cursor:pointer;width:380px;height:41px;padding:0;background:url(accordion-button.png) no-repeat 0 -83px;_background:url(/images/home4g/promo/accordion-button-ie.png) no-repeat 0 -83px;display:block;font:24px Arial;line-height:41px;color:#fff;text-decoration:none;}
#hero-accordion .ui-accordion-content h3 a {display:block;text-decoration:none;}
#hero-accordion .ui-accordion-content h3 a:hover {text-decoration:underline;}
#hero-accordion .ui-accordion-content h4{color:#79706c;font-size:13px;display:block;font-weight:normal;padding:0 0 10px 0;}
#hero-accordion .ui-accordion-content ul{padding:0 0 12px 0;}
#hero-accordion .ui-accordion-content li{padding:1px 0;}
#hero-accordion .ui-accordion-content li a{background:url(accordion-arrow.gif) no-repeat 0 3px;font-size:12px;line-height:16px;padding:0 0 0 16px;display:inline-block;}
#hero-accordion .ui-accordion-content h3 a img {padding: 10px 0 0 0; width: 380px; height: 25px;}
#hero-accordion .ui-accordion-content-active h3 a img {padding: 10px 0 0 0; width: 380px; height: 25px;}
#hero-accordion .ui-accordion-header{cursor:pointer;width:348px;height:41px;padding:0 0 0 32px;/*background:url(/images/home4g/promo/accordion-button.png) no-repeat 0 0;_background:url(/images/home4g/promo/accordion-button-ie.png) no-repeat 0 0;*/display:block;font:20px Arial;line-height:41px;color:#888088;text-decoration:none;}
#hero-accordion .ui-accordion-header:hover{background-position:0 -42px!important;text-decoration:none;}
#hero-accordion .ui-accordion-header-last{height:42px;}
#hero-accordion .ui-state-active{display:none;width:380px;font-size:24px;background-position:0 -83px;padding:0;color:#fff;}
#hero-accordion .ui-state-active:hover{background-position:0 -83px;}
#hero-accordion .ui-accordion-content .image {min-height:62px;_height:62px;padding:0 0 10px 0;}
#hero-accordion .ui-accordion-content .image a{text-decoration:none;display:block;position:relative;padding:0 0 0 95px;width:265px;}
#hero-accordion .ui-accordion-content .image a .hero-overlay {width: 83px; height: 62px; background: transparent url(overlay-full-episode.gif) no-repeat; position: absolute; left: 0; z-index: 888;}
#hero-accordion .ui-accordion-content .image a:hover .hero-overlay {background-position: 0 -62px; cursor: pointer;}
#hero-accordion .ui-accordion-content .image img{position:absolute;left:0;top:0;}
#hero-accordion .ui-accordion-content .image span.title{display:block;font-size:12px;padding:2px 0 4px 0;}
#hero-accordion .ui-accordion-content .image a:hover span.title,
#hero-accordion .ui-accordion-content .image a:active span.title {text-decoration:underline;_text-decoration:none;}
#hero-accordion .ui-accordion-content .image span.subtitle{display:block;color:#706670;}

/* Rows */
#top-row, #middle-row, #bottom-row {position: relative; float: left; width: 1009px; margin-top: 15px;}

/* Schedule */
#schedule {width: 210px; float: left; position: relative;}
#schedule h2 {color: #FFF; position: relative; top: 5px; left: 10px; width: 90%;}
/*#schedule_container #friday {height: 200px!important;}*/
#schedule_container  {/*height: 220px!important;*//*margin: 0 0 30px 0;*/}
#primetimelist {padding: 5px 0 0 10px;}
#primetimelist h5 {display: none;}
h4.todays-date, ul.weekdays {display: none;}
.primetime-list * {margin: 0; padding: 0;}
.primetime-list {border-bottom: 1px dotted #3D3935!important; height: 20px; padding: 10px 0 5px 0;}
.airtime {color: #F2F2F0; font-size: 10px; font-weight: bold; margin: 0 0 0 -20px;}
.airtime h5, .episode-name h5 {display: inline!important;}
.episode-name a {color: #929388; font-size: 11px; text-decoration: none; vertical-align: top; padding-left: 10px;}
.episode-name a:hover {text-decoration: underline;}
div.episode-name {overflow: visible!important;}
div.episode-name h5 {width: 150px!important; display: block!important; padding-left: 5px;}
a.primetime-day {white-space: nowrap!important; padding: 0!important;}
#schedule-daily-btn {margin: 0 0 0 10px; padding: 10px 0 0 0; clear: both;}
#schedule-daily-btn a {width: 115px; height: 16px; display: block; background: transparent url(btn-sch-daily.gif) 0 0 no-repeat;}
#schedule-daily-btn a:hover {background-position: 0 -16px;}
#schedule-weekly-btn {margin: 5px 0 0 10px;}
#schedule-weekly-btn a {width: 115px; height: 16px; display: block; background: transparent url(btn-sch-weekly.gif) 0 0 no-repeat;}
#schedule-weekly-btn a:hover {background-position: 0 -16px;}
#schedule_container div.schedule-day{width:100%;}
.primetime-list{width: 180px; height: auto; float: left; margin-top: 0px; margin-bottom: 0px; border-bottom: 1px solid #a7aaad;}
div.airtime{width: 30px; height: 15px; float: left;margin: 0 0 0 0px;}
div.episode-name{width: 120px; height: auto; float: left; overflow: hidden;}
div.episode-name h5 {width: 120px!important; display: block!important;}
a.primetime-day {white-space: normal!important; padding: 0!important;}

/* Full Episodes */
#full-episodes {height: 290px; background: transparent url(box-full-eps-left.gif) left no-repeat; float: left; position: relative;}
#full-episodes-right {height: 290px; background: transparent url(box-full-eps-right.gif) right no-repeat; width: 2px; position: absolute; right: 0; top: 0;}
#full-episodes h2 {color: #FFF; position: relative; top: 5px; left: 10px; width: 90%;}
#all-videos-btn {position: absolute; z-index: 222; top: 9px; right: 7px;}
#all-videos-btn a {width: 76px; height: 16px; display: block; background: transparent url(btn-all-videos.gif) 0 0 no-repeat;}
#all-videos-btn a:hover {background-position: 0 -16px;}
#fe-top-row, #fe-middle-row, #fe-bottom-row {float: left; width: 775px; overflow: hidden;}
#fe-top-row, #fe-middle-row {border-bottom: 1px dotted #615B54;}
#full-episodes .full-episode-pod {width: 235px; height: 70px; padding: 10px 0 3px 10px; position: relative; display: inline;}
#full-episodes .full-episode-pod a {text-decoration: none;}
#full-episodes .full-episode-pod img {padding: 0 5px 0 0;}
#full-episodes .full-episode-pod a #full-episode-overlay {width: 83px; height: 62px; background: transparent url(overlay-full-episode.gif) no-repeat; position: absolute; left: 10px;}
#full-episodes .full-episode-pod a:hover #full-episode-overlay {background-position: 0 -62px; cursor: pointer;}
#full-episodes .full-episode-pod h4 {font-size: 12px; font-weight: bold; color: #F2F2F0;}
#full-episodes .full-episode-pod a:hover h4, #full-episodes .full-episode-pod a:hover p {text-decoration: underline;}
#full-episodes .full-episode-pod p {font-size: 12px; color: #D6D6C8;}
	/* Styles for ad presence */
	.with-ad {width: 478px; overflow: hidden;}
	/*.with-ad .full-episode-pod {width: 239px; float: left;}*/
	.with-ad div.full-episode-pod {width: 220px!important; float: left; padding-right: 10px!important;}
	/* Styles for no ad */
	/*#box-ad {display: none;}*/
	.no-ad {width: 778px; overflow: hidden;}
	.no-ad .full-episode-pod {width: 239px; float: left;}
/* Box Ad */
#box-ad {float: right; width: 300px; height: 261px; background: transparent url(att-box-ad.gif) bottom left no-repeat;}

/* Behind the Scenes and Exlusives */
#exclusives {}
#exclusives h2 {position: relative; left: 10px}
#exclusives .exclusive-pod {width: 172px; float: left; margin: 5px 15px 0 14px; display: inline;}
#exclusives .exclusive-pod a {text-decoration: none;}
#exclusives .exclusive-pod a #exlusives-overlay {width: 172px; height: 128px; background: url(exclusives-overlay.gif) no-repeat; position: absolute;}
#exclusives .exclusive-pod a:hover #exlusives-overlay {}
#exclusives .exclusive-pod h4 {font-size: 13px; font-weight: bold; color: #FAFAFA; margin: 5px 0; line-height: 18px;}
#exclusives .exclusive-pod p {font-size: 11px; color: #FAFAFA;}
#exclusives .exclusive-pod a:hover h4, #exclusives .exclusive-pod a:hover p {text-decoration: underline;}
h4.new-exclusive {background: transparent url(icon-new.gif) left top no-repeat; text-indent: 37px;}
span.new-exclusive {background: transparent url(icon-new.gif) left top no-repeat; text-indent: 37px; display: block}
span.updated-exclusive {background: transparent url(icon-update.gif) left top no-repeat; text-indent: 65px; display: block}


/* Top Shows */
/*#top-shows {width: 701px; height: 202px; float: left; background: transparent url(/images/home4g/box-top-shows.png) left no-repeat; position: relative; margin: 0 0 0 5px; display: inline; top: 10px;}
#top-shows h3 {color: #231F20; z-index: 111; position: relative; top: 5px; left: 10px; width: 90%;}
#top-shows-list {width: 245px; float: left;}
#top-shows-list ul {margin: 10px 0 0 15px;}
#top-shows-list ul li {text-indent: 14px; background: transparent url(/images/home4g/bullet.gif) left center no-repeat; font-size: 12px; color: #231F20; margin: 2px 0;}
#top-shows-list ul li a {font-size: 12px; color: #231F20; text-decoration: none;}
#top-shows-list ul li a:hover {text-decoration: underline;}
#top-shows-list ul li b, .new-top-show span {color: #693363; font-weight: bold;}
#top-shows-list b {color: #693363; font-weight: bold;}
#top-shows-btn {position: relative; left: 15px; top: 15px;}
#top-shows-btn a {width: 74px; height: 14px; display: block; background: transparent url(/images/home4g/btn-all-shows.gif) 0 0 no-repeat;}
#top-shows-btn a:hover {background-position: 0 -14px;}
#top-shows-promo {float: left; width: 440px; margin: 10px 0 0 0;}
#top-shows-promo a {text-decoration: none;}
#top-shows-overlay {width: 231px; height: 150px; background: transparent url(/images/home4g/overlay-top-show.gif) no-repeat; position: absolute;}
#top-shows-promo a img {margin: 0 12px 0 0;}
#top-shows-promo a:hover h4, #top-shows-promo a:hover p {text-decoration: underline;}
#top-shows-promo h4 {font-size: 12px; font-weight: bold; color: #231F20; text-indent: 14px; background: transparent url(/images/home4g/bullet.gif) 244px center no-repeat;}
#top-shows-promo p {font-size: 12px; color: #231F20; line-height: 16px;}*/
/* Top Shows */
#top-shows {width: 701px; height: 202px; float: left; background: transparent url(box-top-shows.png) left no-repeat; position: relative; margin: 0 0 0 5px; display: inline; top: 10px;}
#top-shows h3 {color: #231F20; z-index: 111; position: relative; /*margin: 5px 0 0 10px;*/ top: 5px; left: 10px; width: 90%;}
#top-shows-list {width: 195px; float: left;}
#top-shows-list ul {margin: 10px 0 0 15px;}
#top-shows-list ul li {text-indent: 14px; background: transparent url(bullet.gif) left center no-repeat; font-size: 12px; color: #231F20; margin: 2px 0;}
#top-shows-list ul li a {font-size: 12px; color: #231F20; text-decoration: none;}
#top-shows-list ul li a:hover {text-decoration: underline;}
#top-shows-list ul li b, .new-top-show span {color: #693363; font-weight: bold;}
#top-shows-list b {color: #693363; font-weight: bold;}
#top-shows-btn {position: relative; left: 15px; top: 15px;}
#top-shows-btn a {width: 74px; height: 14px; display: block; background: transparent url(btn-all-shows.gif) 0 0 no-repeat;}
#top-shows-btn a:hover {background-position: 0 -14px;}
#top-shows-promo {float: left; width: 490px; margin: 10px 0 0 0;}
#top-shows-promo a {text-decoration: none;}
#top-shows-overlay {width: 231px; height: 150px; background: transparent url(overlay-top-show.gif) no-repeat; position: absolute;}
#top-shows-promo a img {margin: 0 12px 0 0;}
#top-shows-promo h4 a:hover {text-decoration: underline;}
#top-shows-promo a h4 {font-size: 12px; font-weight: bold; color: #231F20; text-indent: 14px; background: transparent url(bullet.gif) 243px center no-repeat; padding-left: 15px;}
#top-shows-promo h4 a, #top-shows-promo h4 a:link, #top-shows-promo h4 a:visited, #top-shows-promo h4 a:active {font-size: 12px; font-weight: bold; color: #231F20; text-indent: 14px; background: transparent url(bullet.gif) 0 center no-repeat; padding-left: 15px;}
#top-shows-promo p {font-size: 12px; color: #231F20; line-height: 16px;}


/* Shop Section */
#shop-ae {width: 298px; height: 202px; float: right; background: transparent url(box-shop-ae.png) right no-repeat; position: relative; margin: 0 5px 0 0; display: inline; top: 10px;}
#shop-ae h3 {color: #231F20; z-index: 111; position: relative; top: 5px; left: 10px; width: 90%;}
#shop-ae-btn {position: absolute; z-index: 222; top: 9px; right: 7px;}
#shop-ae-btn a {width: 54px; height: 14px; display: block; background: transparent url(btn-more.gif) 0 0 no-repeat;}
#shop-ae-btn a:hover {background-position: 0 -14px;}
#shop-ae-product {margin: 10px 15px 0 15px;}
#shop-ae h4 {font-size: 12px; font-weight: bold; color: #231F20; margin: 10px 0 0 0;}
#shop-ae p {font-size: 12px; color: #231F20; line-height: 14px; margin-bottom: 30px; padding-right: 10px;}
#shop-ae p a, #shop-jurukan p a:link, #shop-jurukan p a:visited, #shop-jurukan p a:active {color: #693363; text-decoration: none;}
#shop-ae p a:hover {text-decoration: underline;}

/* Baseboard Ad */
#baseboard-ad-wrapper {clear: both; width: 1009px; padding: 45px 0;}
#baseboard-ad {width: 736px; margin: 0 auto;}

/* Footer */
#footer-section {width: 1009px; clear: both; position: relative; padding-bottom: 15px;}
#footer-section li, #footer-section li a {font-size: 9px; color: #999; text-decoration: none;}
#footer-section li {margin: 0 0 5px 10px;}
#footer-section li a:hover {text-decoration: underline;}
#footer-section p, #footer-section a {font-size: 9px; color: #999; margin-top: 15px;}
#footer-section img {position: absolute; right: 15px; top: 10px;}
/* 3g Footer */
#footer-table {width: 1009px; clear: both; position: relative; padding-bottom: 15px;}
#footer-table li, #footer-table li a {font-size: 9px; color: #999; text-decoration: none;}
#footer-table li {margin: 0 0 5px 10px;}
#footer-table li a:hover {text-decoration: underline;}
#footer-table p, #footer-table a {font-size: 9px; color: #999; margin-top: 15px;}


@media screen {
	.sIFR-flash {visibility: visible!important; margin: 0; padding: 0;}
	.sIFR-replaced, .sIFR-ignore {visibility: visible!important;}
	.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
	.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
}
@media print {
	.sIFR-flash {display: none!important; height: 0; width: 0; position: absolute; overflow: hidden;}
	.sIFR-alternate {visibility: visible!important; display: block!important; position: static!important; left: auto!important; top: auto!important; width: auto!important; height: auto!important;}
}
#hero-image a.default, #hero-accordion div.default{
		display: block;
	}
	#hero-accordion a.default{
			display: none;
		}
#hero-image a.default{
	position: absolute;
}