@charset "UTF-8";

@media all {

/* body and background styles */
Body{ margin: 0; padding: 0; background: black;}
Body.home{ background: black url("/tv_shows/tdwt/tools/img/tdwt_home_bg.jpg") center 24px no-repeat; }
Body.game{ background: black url("/tv_shows/tdwt/tools/img/tdwt_game_bg.jpg") center 24px no-repeat; }
Body.video{ background: black url("/tv_shows/tdwt/tools/img/tdwt_video_bg.jpg") center 24px no-repeat; }
Body.map{ background: black url("/tv_shows/tdwt/tools/img/tdwt_map_bg.jpg") center 24px no-repeat; }


Body.home #main_content{ height: 800px; }
Body.game #main_content{ height: 850px; }
Body.video #main_content{ height: 920px; }
Body.map #main_content{ height: 730px; position: relative;}
Body.map #footer {position: relative; top: -45px; }

a { color: #d3d339; }
a:hover { color: #ffffff; }

#bg { margin: 0px;padding-top: 20px;width: 100%;height: auto;overflow: visible;text-align: center; }

/* ie7 bug fix put in May 09 2011*/
#spryregion2 li { width:100px;}


/* global nav */
#navBg { width: 100%;margin: 0 auto;padding: 0;background: #000000 url(../img/globalnav.jpg) top center repeat-x; }

.gnPipe {font: bold 12px arial,helvetica,sans-serif;text-decoration: none;color: #d3d339; /*primary link color */ }
	
.navTextLinks div a { line-height: 47px;font: normal 25px CNBold, Trebuchet MS,sans-serif;text-decoration: none;display: inline;color: #d3d339; /* primary link color */ }
.navTextLinks div a:hover { font: normal 25px CNBold, Trebuchet MS,sans-serif;color: #ffffff;text-decoration: none; }
.navTextLinks li a { line-height: 47px;font: normal 25px CNBold, Trebuchet MS, sans-serif;text-decoration: none;display: inline;color: #d3d339; /* primary link color */ }	
.navTextLinks li a:hover { font: normal 25px CNBold, Trebuchet MS, sans-serif;color: #ffffff;text-decoration: none; }

.gnShowsColumn a { font: normal 10px arial, helvetica, sans-serif;color: #cadd2b;text-decoration: none; }
.gnShowsColumn a:hover { font: normal 10px arial, helvetica, sans-serif;color: #ffffff;text-decoration: none; }

.loggedInText { font: bold 12px arial,helvetica,sans-serif;color: #ffffff;text-decoration: none; }

#gnFloatWrapper { background: transparent url(../img/globalnav_float.gif) top center repeat-x;width: 100%;height: 20px;margin: 0 auto; }
#gnFloat { margin: 0 auto; padding: 0; height: 20px; background: url(../img/globalnav_cn.png) top center no-repeat;}



/* general page element styles */
.arrowLeft { width: 20px;height: 20px;margin-left: 2px;margin-top: 1px;border: solid 1px #464646;float: left;background: url(../img/leftArrowOff.jpg) no-repeat; }
.arrowLeft:hover { background: url(../img/leftArrowOn.jpg) no-repeat; }

.arrowRight { width: 20px;height: 20px;margin-right: 2px;margin-top: 1px;border: solid 1px #464646;float: right;background: url(../img/rightArrowOff.jpg) no-repeat; }
.arrowRight:hover { background: url(../img/rightArrowOn.jpg) no-repeat; }

.even { background: none;font: normal 11px arial, sans-serif;line-height: 23px;color: #acacac;height: 23px;margin: 0px;overflow: hidden; }
.odd { background: #162332;font: normal 11px arial, sans-serif;line-height: 23px;color: #acacac;height: 23px;margin: 0px;overflow: hidden; }

.nickName { font: bold 11px arial, sans-serif;color: #ffffff;	}

.tunein { height: 21px;width: 379px;margin: 0;padding-top: 2px;font: bold 14px arial, sans-serif;line-height: 21px;color: #ffffff;text-align: center;padding-bottom: 2px;padding-right: 2px;padding-left: 2px;background: #CA251B; /* tune in bar color */ }
.tuneinGame { height: 25px;margin: 0;margin-bottom: 4px;padding-left: 10px;font: bold 14px arial, sans-serif;line-height: 25px;color: #ffffff;text-align: left;background: #CA251B; /* tune in bar color */ }
.moreFromTab { background: url(../img/cornerTab.gif) #000000 top left no-repeat;font: normal 10px arial, sans-serif;line-height: 25px;text-transform: uppercase;padding-right: 10px;padding-left:25px;height:25px;float:right;}

.tabOff { position: relative;top: 0px;float: left;padding: 4px 10px;height: 21px;margin: 0px;padding: 2px;border-top: solid 1px #464646;border-right: solid 1px #464646;font: bold 14px trebuchet MS, sans-serif;line-height: 21px;color: #cadd2b;list-style: none;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;text-align: center;background: url(../img/tabAccordionInactive.jpg) repeat-x;}	
.tabOff:hover { color: #ffffff;cursor: pointer;background: url(../img/tabAccordionActive.jpg) repeat-x;}
.tabOn { color: #ffffff;position: relative;top: 0px;float: left;padding: 4px 10px;height: 21px;margin: 0px;padding: 2px;border-top: solid 1px #464646;border-right: solid 1px #464646;font: bold 14px trebuchet MS, sans-serif;line-height: 21px;list-style: none;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;text-align: center;background: url(../img/tabAccordionActive.jpg) repeat-x;}

.hdrTabPrimary { border-bottom: solid 1px #464646;font: bold 14px trebuchet MS, sans-serif;color: #ffffff;height: 21px;line-height: 21px;margin: 0px;padding: 2px;text-align: center;text-decoration: none;background: url(../img/tabAccordionActive.jpg) repeat-x; /* reference different img to change color */}
.hdrTabSecondary { border-top: solid 1px #464646; border-bottom: solid 1px #000000;font: bold 13px arial, sans-serif;color: #fffc4c; height: 21px;line-height: 21px;margin: 0px;padding: 2px;text-align: center;text-decoration: none;background: url(../img/tabAccordionInactive.jpg) repeat-x; /* reference different img to change color */}
.hdrTabSecondary:hover {color: #ffffff;cursor: pointer;}

.btnBlack { margin: auto;margin-top: 10px;margin-bottom: 7px; }
.btnBlack:hover { margin: auto;margin-top: 10px;margin-bottom: 7px; }
a.btnBlack { font: bold 10px arial, sans-serif;cursor: pointer;text-decoration: none;text-align: center; color: #d3d339; margin-top: 10px;margin-bottom: 7px;/*primary link color */ }
a.btnBlack:hover { color: #ffffff;text-decoration: none; margin-top: 10px;margin-bottom: 7px; }
a.btnBlack span { background: url(../img/textButtonInactive.jpg) #000000 repeat-x;margin: auto;margin-top: 10px;margin-bottom: 7px; border: solid 1px #464646;width: 20px;height: 19px;line-height: 19px;padding-left: 8px;padding-right: 8px;padding-top: 4px;padding-bottom: 4px;cursor: pointer;overflow: visible; }
a.btnBlack span:hover { background: url(../img/textButtonActive.jpg) #000000 repeat-x;color: #ffffff;margin-top: 10px;margin-bottom: 7px; }
/*** Custom Comment ***/
#forumFlex{ position: relative; }
#forumFlex a.btnBlack { margin: 5px 0 0 0; width: 229px; height: 36px; display: block; position: absolute; top: 199px; left: 220px; background: url(../img/btn_addcomment.png) left bottom no-repeat; text-align: left; } /*primary link color */ }
#forumFlex a.btnBlack:hover { background: url(../img/btn_addcomment.png) left top no-repeat; }
#forumFlex a.btnBlack span { display: none;}



.inputBtnBlack { background: url(../img/textButtonInactive.jpg) #000000 repeat-x;margin: 0 auto;margin-top: 9px;font: bold 10px arial, sans-serif;color: #cadd2bborder: solid 1px #464646;width: 50px;height: 19px;padding-left: 8px;padding-right: 8px;cursor: pointer;overflow: visible;float: left; }
.inputBtnBlack:hover { background: url(../img/textButtonActive.jpg) #000000 repeat-x;color: #ffffff; }

.shareDown { background: url(/tools/img/globalnav/showsDownOff.jpg) #000000 top right no-repeat;width: 70px;height: 20px;padding-right: 21px;font: bold 10px arial, sans-serif;line-height: 20px;color: #000000;text-align: center;border: solid 1px #464646;margin-top: 4px;float: right;cursor: pointer; }
.shareDown:hover { background: url(/tools/img/globalnav/showsDownOn.jpg) #000000 top right no-repeat; }
.shareUp { background: url(/tools/img/globalnav/showsUpOff.jpg) #000000 top right no-repeat;width: 70px;height: 20px;padding-right: 21px;font: bold 10px arial, sans-serif;line-height: 20px;color: #000000;text-align: center;border: solid 1px #464646;margin-top: 4px;float: right;cursor: pointer; }
.shareUp:hover { background: url(/tools/img/globalnav/showsUpOn.jpg) #000000 top right no-repeat; }

.downloadsContentBox { width:498px;height:25px;border-bottom:1px solid #464646;margin: 0 auto;text-align: left;padding-top:4px;overflow:visible; }
.downloadsDropDownBox { width:134px;overflow:hidden;margin:0 auto; }
.downloadsShadowTop { position: absolute; z-index:5; margin-top: 0px; margin-left: 0px; background: url(/tools/img/gradient.png) top center repeat-x !important;background: url(/tools/img/gradientIE6.png) top center repeat-x;width:483px;height:33px; }
.downloadsShadowBtm { position: absolute; z-index:5; margin-top: 113px; margin-left: 0px; background: url(/tools/img/gradient.png) bottom center repeat-x !important;background: url(/tools/img/gradientIE6.png) bottom center repeat-x;width:483px;height:33px; }
#icnWide { width:483px;height:111px;min-height: 111px;max-height: 111px;overflow:auto;margin:0 auto;margin-top:5px;margin-bottom:5px;display: block;position: absolute;z-index: 3;text-align: center;SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000;SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000;SCROLLBAR-DARKSHADOW-COLOR: #000000;  }
#wpWide { width:483px;min-height: 111px;max-height: 111px;height:111px;overflow:auto;margin:0 auto;margin-top:5px;margin-bottom:5px;visibility: hidden;position: absolute;z-index: 3;text-align: center;SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000;SCROLLBAR-DARKSHADOW-COLOR: #000000;  }

#gamescrollX { width: 160px;height: 399px;min-height:200px;max-height:414px;background-color: #000000;margin: 0 auto;margin-top: 5px;margin-bottom: 5px;overflow: auto; }

#scheduleBox { background: #000000;height: 370px;min-height: 370px;max-height: 370px;margin-bottom: 5px;padding-top: 10px;overflow: auto;SCROLLBAR-FACE-COLOR: #000000;SCROLLBAR-HIGHLIGHT-COLOR: #000000;SCROLLBAR-SHADOW-COLOR: #000000;SCROLLBAR-3DLIGHT-COLOR: #000000;SCROLLBAR-ARROW-COLOR: #000000;SCROLLBAR-TRACK-COLOR: #000000;SCROLLBAR-DARKSHADOW-COLOR: #000000; }
.scheduleScrollBox { padding-left: 5px; width: 488px; background: #000000; }
.scheduleShadowTop { position: absolute; z-index:5; margin-top: 0px; margin-left: 0px; background: url(/tools/img/gradient.png) top center repeat-x !important;background: url(/tools/img/gradientIE6.png) top center repeat-x;width:472px;height:33px; }
.scheduleShadowBtm { position: absolute; z-index:5; margin-top: 350px; margin-left: 0px; background: url(/tools/img/gradient.png) bottom center repeat-x !important;background: url(/tools/img/gradientIE6.png) bottom center repeat-x;width:472px;height:33px; }

.vidNavTextLinks { margin-top:8px;width:160px;height:400px;overflow:visible;padding-left:12px;font:normal 12px arial, sans-serif;color:#ffffff;float:left; }
.videoListArea { width:316px;margin-top:5px;padding-left:5px;float:left; }
.vidShadowTop { position: absolute; z-index:25; margin-top: 0px; margin-left: 0px; background: url(/tools/img/gradient.png) top center repeat-x !important;background: url(/tools/img/gradientIE6.png) top center repeat-x;width:303px;height:33px; }
.vidShadowBtm { position: absolute; z-index:25; margin-top: 330px; margin-left: 0px; background: url(/tools/img/gradient.png) bottom center repeat-x !important;background: url(/tools/img/gradientIE6.png) bottom center repeat-x;width:300px;height:33px; }
.vidScrollArea { height: 342px; width:316px;background: #000000; }
.vidMoreBox { width:168px;height:17px;clear:both; }
.vidGradient { position: absolute; z-index:5; margin:0 auto; background: url(/tools/img/vidGradient.png) top center repeat-x !important;background: url(/tools/img/gradientIE6.png) top center repeat-x;width:476px;height:8px; }	
.videoNavLinks { font: normal 12px arial, sans-serif;color: #d3d339; /* primary link color */ }
.videoNavLinks:hover { font: normal 12px arial, sans-serif;color: #ffffff; }

/* carousel navigation styles */
.carouselNavX {width: 15px;height: 14px;text-align: center;cursor: pointer;}
.carouselNav {background: #000000;width: 14px;height: 10px;font: bold 5px arial, sans-serif;color: #000000;padding: 0px;margin-top: 0px;margin-left: 2px;margin-right: 2px;border: solid 1px #cadd2b;display: inline;}
.carouselNav:hover {background: #ffffff;width: 14px;height: 10px;font: bold 9px arial, sans-serif;color: #000000;padding: 0px;margin-top: 0px;margin-left: -1px;margin-right: -1px;border: solid 1px #ffffff;text-align: center;cursor: pointer;display: inline;}



/* download menu styles */
.graphicSelect { background: url(../img/downArrowOff.jpg) #ffffff top right no-repeat;margin: 0 auto;color: #000000;font: bold 12px arial,helvetica,sans-serif;border: solid 1px #464646;width: 132px;height: 20px;overflow: hidden;line-height: 20px;text-indent: 18px;text-transform: uppercase;text-decoration: none; }
.graphicSelect:hover { background: url(../img/downArrowOn.jpg) #ffffff top right no-repeat;margin: 0 auto;color: #000000;border: solid 1px #464646;width: 132px;height: 20px;cursor: pointer; }

#snavbox { width: 132px; height: auto; margin: 0 auto;color:#000000; overflow: hidden; list-style: none; text-align: center; display: block; position: absolute; z-index: 503; }

#sub_nav { width:134px;height:auto;color:#000000;list-style:none;overflow:hidden;padding:0;margin: 0 auto;margin-top: 0px;margin-bottom: 0px;clear: all; }

#subNavBox li { width: 134px;list-style:none;overflow: hidden; margin:0;margin-top: 0px;margin-bottom: 0px;clear: both; }
#subNavBox a { width: 134px;float: left;margin: 0;margin-top: 0px;margin-bottom: 0px;padding:0 0 0 0;overflow:hidden;height:20px !important;height /**/:20px; /* for IE5/Win */font: normal 10px arial;line-height: 20px;clear: both; }
#subNavBox li a:hover { background-position:0 0px;margin: 0; }
#subNavBox li.selected { background-position:0 0px;margin: 0; }
#subNavBox li a.selected { background-position:0 0px;margin: 0; }
#subNavBox li a.selected:hover { background-position:0 0px;margin: 0; }

#dd_downloads { position: relative; width: 134px; height: auto; visibility: hidden; padding: 0; z-index: 501; overflow: visible;color:#000000; }

#dlChatIcons a  { width:132px;border: solid 1px #464646;background: #000000;color: #cadd2b; }
#dlChatIcons a:hover  { width:132px;border: solid 1px #464646;background: #ffffff;color: #000000;cursor: pointer; }
#dlWallpapers a  { width:132px;border: solid 1px #464646;background: #000000;color: #cadd2b; }
#dlWallpapers a:hover  { width:132px;border: solid 1px #464646;background: #ffffff;color: #000000;cursor: pointer; }



/* modal styles */
#w-play { position: absolute; top: 0; left: 0; display: none; z-index: 100000; }
#w-play-background { background: #000; }
#w-play-window { background:#000000; border: solid 1px #464646; width: 334px; height:203px; text-align: center; position: absolute; z-index: 100001; }
#w-play-hdr { background:#660066;width:334px;height:25px;text-align:center;font:normal 10px arial, sans-serif;color:#ffffff; }
.w-play-txt { float:left;padding:6px; }
.w-play-caption { font:normal 10px arial, sans-serif;color:#ffffff;padding:10px; }
#w-play-closebutton { text-decoration: none; width: 73px; margin-top: 0px; font: normal 10px arial, sans-serif;line-height: 25px;text-transform: uppercase;padding-right: 0px;padding-left:15px;height:25px; background: url(../img/cornerTab.gif) #000000 top left no-repeat; position: relative; float: right; }
#w-play-closebutton span { margin: 0 auto; cursor: pointer; }

#w-paper { position: absolute; top: 0; left: 0; display: none; z-index: 100000; }
#w-paper-background { background: #000; }
#w-paper-window { background:#000000; border: solid 1px #464646; width: 448px; height:427px; text-align: center; position: absolute; z-index: 100001; }
#w-paper-hdr { background:#660066;width:448px;height:25px;text-align:center;font:normal 10px arial, sans-serif;color:#ffffff; }
.w-paper-txt { float:left;padding:6px; }
.w-paper-content { width:410px;height:307px;margin:0 auto;margin-top:20px;text-align:center;font:bold 11px arial, sans-serif;color:#ffffff; border:solid 1px #464646; }
.w-paper-btns { margin:0 auto;width:300px;text-align:center; }
#w-paper-closebutton { text-decoration: none; width: 73px; margin-top: 0px; font: normal 10px arial, sans-serif;line-height: 25px;text-transform: uppercase;padding-right: 0px;padding-left:15px;height:25px; background: url(../img/cornerTab.gif) #000000 top left no-repeat; position: relative; float: right; }
#w-paper-closebutton span { margin: 0 auto; cursor: pointer; }




/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel { background: #000000;font: bold 11px arial, sans-serif;color: #7d7d7d;margin: 0px;padding: 0px;text-align: left; }
.AccordionPanel a { font: normal 11px arial, sans-serif;color: #cadd2b;text-decoration: none; }
.AccordionPanel a:hover { font: normal 11px arial, sans-serif;color: #ffffff;text-decoration: none; }
.AccordionPanel ol { margin:0px;margin-left:1px;padding:0px;list-style: none; }
.AccordionPanel li { margin:0px;margin-left:1px;padding-left: 0px;line-height: 17px;text-indent: 0px;height: 17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align: left; }
.AccordionPanel li span { margin: 0px;text-align: right;width: 13px;/*	float: left;*/padding-right: 3px;display: inline; }
.AccordionPanelTab { background: url(../img/tabAccordionInactive.jpg) repeat-x;border-top: solid 1px #464646;border-bottom: solid 1px #202020;font: bold 14px trebuchet MS, sans-serif;line-height: 21px;color: #cadd2b;height: 21px;margin: 0px;padding: 2px;cursor: pointer;text-align: center;-moz-user-select: none;-khtml-user-select: none; }
.AccordionPanelContent { overflow: hidden;margin: 0px;padding: 0px;height: 192px; }

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab { background: url(../img/tabAccordionActive.jpg) repeat-x;color: #ffffff; }

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover { background: url(../img/tabAccordionActive.jpg) repeat-x;color: #ffffff; }
.AccordionPanelOpen .AccordionPanelTabHover { background: url(../img/tabAccordionActive.jpg) repeat-x;color: #ffffff; }

/* This is an example of how to change the appearance of all the panel tabs when the

 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color: #33CCFF; }




/* This is the selector for the container that holds all of the content panels
 * for the widget. The SlidingPanelsContentGroup container is what gets programtically
 * positioned to create the slide animation. It is also what governs the layout of
 * the panels.
 *
 * By default, the width of the container is the same as its parent, the SlidingPanels
 * container.
 *
 * You can make the panels within the SlidingPanelsContentGroup container layout
 * horizontally by giving the SlidingPanelsContentGroup container a width that is as wide
 * or larget than the sum of the widths of all of the content panels, and then floating
 * the content panels inside the SlidingPanelsContentGroup container so they all appear
 * on the same line. You may also need to float the SlidingPanels and SlidingPanelsContentGroup
 * containers to insure that none of the content panels "leak" outside of the widget.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the container within the widget.
 *
 * The name of the class ("SlidingPanelsContentGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContentGroup container.
 */
#videoSlidingPanelsContentGroup {background: #000000; width 320px; height: 350px;min-height: 350px;max-height: 350px;margin-bottom: 5px;padding-top: 10px;overflow: hidden;SCROLLBAR-FACE-COLOR: #000000;SCROLLBAR-HIGHLIGHT-COLOR: #000000;SCROLLBAR-SHADOW-COLOR: #000000;SCROLLBAR-3DLIGHT-COLOR: #000000;SCROLLBAR-ARROW-COLOR: #000000;SCROLLBAR-TRACK-COLOR: #000000;SCROLLBAR-DARKSHADOW-COLOR: #000000; }


/* This is the selector for the container that holds content for a given panel. In our
 * default style implementation, the dimensions of each content panel exactly match the
 * dimensions of the view port (SlidingPanels) container. This ensures that only one
 * panel ever shows within the view port.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the panel within the widget. You can place border, margins and padding on any content
 * *inside* the content panel.
 *
 * The name of the class ("SlidingPanelsContent") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContent container.
 */
.videoSlidingPanelsContent { width: 320px;height: 59px;overflow: hidden;margin: 0px;margin-bottom: 3px;padding: 1px; }
.videoSlidingPanelsContent:hover { background: url(../img/bkgdVidCell.jpg) top right repeat-x;width: 300px;height: 59px;overflow: visible;margin: 0px;margin-bottom: 3px;padding: 1px;cursor: pointer; }
.videoSlidingPanelsContent:active { background: url(../img/bkgdVidCell.jpg) top right repeat-x;width: 300px;height: 59px;overflow: visible;margin: 0px;margin-bottom: 3px;padding: 1px;cursor: pointer; }


/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime we are animating between panels. This rule makes sure that *all* content inside
 * the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever
 * there is an element inside the widget that displays a scrollbar.
 *
 * The class is automatically removed once the animation has stopped so that the overflow
 * properties of the content inside the widget should be restored.
 */
.SlidingPanelsAnimating * { overflow: hidden !important; }

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
.SlidingPanelsCurrentPanel {  }
.SlidingPanelsCurrentPanel a {  }
.SlidingPanelsCurrentPanel a:active {  }

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
.SlidingPanelsFocused {  }
.SlidingPanelsFocused a {  }
.SlidingPanelsFocused a:active {  }




/* These selectors control individual star states, which can be: 
* - full: the rating value exceds the current star
* - empty: the rating value is below the current star
* - half: the rating value is "inside" the current star  
* - hover: special state when the user selects the current star (mouse or keyboard)
*/

.ratingFullHover{ background: url(../img/spry/star_full.png) top center no-repeat;height: 17px;width: 17px;float: left;overflow: hidden; }
.ratingHalfHover{ background: url(../img/spry/star_half.png) top center no-repeat;height: 17px;width: 17px;float: left;overflow: hidden; }
.ratingFull{ background-image: url('../img/spry/star_full.png'); }
.ratingEmpty{ background-image: url('../img/spry/star_empty.png'); }
.ratingHalf{ background-image: url('../img/spry/star_half.png'); }
.ratingHover{ background-image: url('../img/spry/star_hover.png');cursor: pointer; }

/* Star state can be further modified by the state of the container widget */
.ratingReadOnlyState .ratingFull{ background-image: url('../img/spry/star_full_ro.png'); }
.ratingReadOnlyState .ratingHalf{ background-image: url('../img/spry/star_half_ro.png'); }
.ratingContainer{ color: #cadd2b; }

/* This selector controls the initial appearance of a rating star inside the widget.
 * It will later be affected by the state of the rating container itself.
 * Display is set to none so that when JavaScript is disabled, it will not show.
 */
.ratingButton{ background-repeat: no-repeat;background-position: top center;display: none;position: relative;z-index: 13; }
  
/* Rating star appearance is affected by the state of the widget container.
 * Note that the width and height are required for Internet Explorer.
 */
.ratingInitialState .ratingButton,
.ratingReadOnlyState .ratingButton,
.ratingRatedState .ratingButton
{ display: block;width: 17px;height: 17px;float: left;overflow: visible; }

/* Hide the input fields that are used for gracefull degradation when JavaScript is enabled. */
.ratingInitialState input,
.ratingReadOnlyState input,
.ratingRatedState input
{ display: none; }

/* These are the classes applied on the messages ("read only" and "thanks for voting")
 * which prevent them from being displayed by default 
 */ 
.ratingReadOnlyErrMsg, .ratingRatedMsg{	font: bold 10px arial,helvetica,sans-serif;color: #ffffff;display: none;position: absolute;z-index: 5;padding: 3px;margin-top: 2px;margin-left: 0px;background: #000000; }

/* This selector change the way messages look when the widget is in "read-only" state and user tries to rate.
 * This class sets a default red border and color for the error text.
 * An additional class is added on the top-level container (.ratingReadOnlyErrState) 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.ratingReadOnlyErrState .ratingReadOnlyErrMsg{ display: inline;color: #ffffff;border: 1px solid #CC3333;	 }

/* This selector change the way messages look when the widget is in "rated" state.
 * This class makes message visible and sets a green color on it.
 * The state class (.ratingRatedState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 * Note: set the display property below according to your needs, (e.g. inline, block, etc) depending on the container type
 */
.ratingRatedState .ratingRatedMsg{ display: block;color: #ffffff;; }

/* Customize the appearance of the rating counter */
.ratingCounter{ color: #cadd2b; }




/* ========== scrollbars ========== */
.scroll-track, .scroll-track-1, .scroll-track-2, .scroll-track-3, .scroll-track-4, .scroll-track-5, .scroll-track-6 { height:8px;width:15px;background: #000000 url('../img/basebarcaps_verticalbarbody.png') 0px 0px repeat-y; }
.scroll-handle, .scroll-handle-1,  .scroll-handle-2,  .scroll-handle-3,  .scroll-handle-4,  .scroll-handle-5,  .scroll-handle-6  { border: 0px;height:15px;width:15px;background: #99CBCB url('../img/basebarcaps_verticalbarbody.png') -15px 0px repeat-y;cursor:pointer; }
#scroll-track-top, #scroll-track-top-1, #scroll-track-top-2, #scroll-track-top-3, #scroll-track-top-4, #scroll-track-top-5, #scroll-track-top-6 { height:15px;width:15px;background: url('../img/basebarcaps_verticalbarbody.png') -30px -30px no-repeat; }
#scroll-handle-bot, #scroll-handle-bot-1, #scroll-handle-bot-2, #scroll-handle-bot-3, #scroll-handle-bot-4, #scroll-handle-bot-5, #scroll-handle-bot-6 { height:15px;width:15px;background: url('../img/basebarcaps_verticalbarbody.png') -45px 0px no-repeat; }
#scroll-handle-top, #scroll-handle-top-1, #scroll-handle-top-2, #scroll-handle-top-3, #scroll-handle-top-4, #scroll-handle-top-5, #scroll-handle-top-6 { height:15px;width:15px;background: url('../img/basebarcaps_verticalbarbody.png') -45px -30px no-repeat; }
#scroll-track-bot, #scroll-track-bot-1, #scroll-track-bot-2, #scroll-track-bot-3, #scroll-track-bot-4, #scroll-track-bot-5, #scroll-track-bot-6 { height:15px;width:15px;background: url('../img/basebarcaps_verticalbarbody.png') -60px -30px no-repeat; }



/* footer styles */
#footer{ text-align: center; }
#seoWrapper {/* section wrapper */clear: both;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;width: 720px;height: auto; }
#seoShell {	/* section wrapper */clear: both;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;width: 720px;height: auto; }
.seoText { font: 12px arial,helvetica,sans-serif;color: #ffffff;margin: 0; }
.seoText H1 { font: bold 14px arial,helvetica,sans-serif;line-height: 18px;color: #ffffff;margin: 0; }
#legalWrapper { margin:0 auto; margin-top: 20px; width: 808px; height: auto;} /* section wrapper */
.legalSmall { font : bold 11px Arial, Verdana, Helvetica, sans-serif;color : #d3d339;text-decoration: none; }
.legalSmall:hover { font : bold 11px Arial, Verdana, Helvetica, sans-serif;color : #ffffff;text-decoration: none; }
.legalSub { font : normal 9px Arial, Verdana, Helvetica, sans-serif;color : #999999;text-decoration: none; }
.ftrTag { font : bold 11px Arial, Verdana, Helvetica, sans-serif;color : #999999;text-decoration: none; }
SUP { font : 9px Arial, Verdana, Helvetica, sans-serif;color : #999999;text-decoration: none; }

/********************************************/
/*    TDWT Specific Styles                  */
/********************************************/


#container{ padding: 0px!important; }

/*** adspace ***/
#ad_top .leaderboard{ margin: 0 auto; padding: 4px 10px 0 0px; width: 758px; height: 96px; background: url("/tv_shows/tdwt/tools/img/ad_leaderboard_bg.png") 0 0 no-repeat; }
#ad_bottom{ margin: 0 0 0 10px; padding: 20px 0 0 0; width: 174px; height: 644px; float: left; }
#ad_bottom .skyscraper{ margin: 0; padding: 27px 4px 0 0; width: 168px; height: 617px;  background: url("/tv_shows/tdwt/tools/img/ad_skyscraper_bg.png") 0 0 no-repeat; }


/*** left col ***/
#col_left{ padding: 5px 0 0 0; width: 236px; float: left; }
/*** tunein ***/
#col_left .tunein{margin: 0 0 0 15px; width: 220px; height: 202px; position: relative; z-index: 10; background: url("/tv_shows/tdwt/tools/img/tunein_bg.png") 10px 5px no-repeat; }
#col_left .tunein #tunein_flash{ position: relative; top: -4px; z-index: 0;}
/*** subnav ***/
#col_left ul.sub_nav{ margin: 0; padding: 0; width: 230px; list-style: none; position: relative; left: 15px; }
#col_left ul.sub_nav li{ margin: 0; padding: 0; float: left; }
#col_left li.game A{ margin: 0; display: block; width: 215px; height: 125px; position: relative; left: 10px; background: url("/tv_shows/tdwt/tools/img/btn_newgame_off.png") 0 0 no-repeat; }
#col_left li.game A:hover{ background: url("/tv_shows/tdwt/tools/img/btn_newgame_on.png") 0 0 no-repeat; }
#col_left ul.sub_nav li.game img{ position: relative; top: 27px; left: 14px; }
#col_left li.video A{ display: block; width: 220px; height: 123px; background: url("/tv_shows/tdwt/tools/img/btn_morevideo_off.png") 0 0 no-repeat; }
#col_left li.video A:hover{ background: url("/tv_shows/tdwt/tools/img/btn_morevideo_on.png") 0 0 no-repeat; }
#col_left ul.sub_nav li.video img{ position: relative; top: 22px; left: 104px; }
#col_left li.tour A{ margin: 5px 0 10px 0; display: block; width: 221px; height: 171px; background: url("/tv_shows/tdwt/tools/img/btn_tour_off.png") 0 0 no-repeat; }
#col_left li.tour A:hover{ background: url("/tv_shows/tdwt/tools/img/btn_tour_on.png") 0 0 no-repeat; }

#col_left .promo{ margin: 0 0 0 25px; padding: 15px 0 0 15px; width: 202px; height: 310px; clear: left; position: relative; left: 10px; background: url("/tv_shows/tdwt/tools/img/promo_slide_bg.png") 0 0 no-repeat; }

/*** right col ***/
#col_right{ width: 730px; float: left; }
/*** weekly promo video ***/
#col_right .global_nav{ margin: 0; padding: 0; }
#col_right .video_promo{ margin: 10px 0 0 10px; padding: 0; width: 713px; height: 367px; background: url("/tv_shows/tdwt/tools/img/home_vidpromo_bg.png") 0 0 no-repeat; }
#col_right .weekly_video{ margin: 0; padding: 0; width: 686px; height: 344px; position: relative; top: 10px; left: 11px; text-align: left; border: 1px solid black; /*background: url("http://i.cartoonnetwork.com/v5cache/CARTOON/site/Images/i3/tdwt_main_prepromote.jpg"); */ }
#col_right .weekly_video:hover{ border: 1px solid white; }
#col_right .weekly_video A{ width: 686px; height: 344px; display: block; position: absolute; left: 0; z-index: 0; }
#col_right .weekly_video #player_wrapper{ width: 320px; height: 180px; position: relative; top: 77px; left: 87px; z-index: 10; color: white; background: black; border: 1px solid black; }

#col_right .forum{ margin: 5px 0 0 0; padding: 25px 20px 0 20px; width: 674px; height: 276px; background: url("/tv_shows/tdwt/tools/img/forums_fantalk_bg.png") 0 0 no-repeat; }
#forumFlex div{ background: none!important; } 
#forumFlex div td{ height: 24px; line-height: 24px; }

/**** Game Page *****/
#game_content{ margin: 0 0 0 25px; padding: 10px 0 0 0; width: 520px; float: left; }

#game_content h3{ margin: 0 auto; padding: 0; width: 484px; height: 52px; clear: both; text-indent: -999px; }
#game_content h3.tdwt{ background: url("/tv_shows/tdwt/tools/img/game_tdwt_header.png") 0 0 no-repeat; }
#game_content h3.tda{ background: url("/tv_shows/tdwt/tools/img/game_tda_header.png") 0 0 no-repeat; }
#game_content h3.tdi{ background: url("/tv_shows/tdwt/tools/img/game_tdi_header.png") 0 0 no-repeat; }

#game_content ol{ margin: 0; padding: 4px 10px; height: 100%; list-style: none; }
#game_content ol li{ margin: 5px 6px; padding: 0; float: left; width:110px;}
#game_content ol li A{ width: 108px; height: 82px; display: block; background: url("/tv_shows/tdwt/tools/img/game_card_bg.png") left top no-repeat; }
#game_content ol li A:hover{ background: url("/tv_shows/tdwt/tools/img/game_card_bg.png") left bottom no-repeat; }
#game_content ol li img{ padding: 3px 0 0 4px; }
#game_content ol.tda_games li.tout A{ width: 232px; height: 85px; background: url("/tv_shows/tdwt/tools/img/game_tda_tout.png") left bottom no-repeat; }
#game_content ol.tda_games li.tout A:hover{ width: 232px; background: url("/tv_shows/tdwt/tools/img/game_tda_tout.png") left top no-repeat; }
#game_content ol.tdi_games li.tout A{ width: 232px; height: 86px; background: url("/tv_shows/tdwt/tools/img/game_tdi_tout.png") left bottom no-repeat; }
#game_content ol.tdi_games li.tout A:hover{ width: 232px; background: url("/tv_shows/tdwt/tools/img/game_tdi_tout.png") left top no-repeat; }

/****** Video Page ******/
#video_player{ margin: 0 0 0 25px; padding: 25px 0 0 0; width: 520px; float: left; }
#video_player #midwrap{ margin: 0; padding: 0; width: 500px; } 


/****** Map Pre-launch *****/
/*#col_wide .map_content{ margin: 0 auto; padding: 0 5px; width: 940px; clear: both; position: relative; top: -85px; z-index: 0; } */
#col_wide .map_prelaunch{ margin: 0 0 0 5px; width: 692px; height: 410px; float: left; background: url("/tv_shows/tdwt/tools/img/map_prelaunch.jpg") 0 0 no-repeat; }
#col_wide .map_prelaunch .amazon{ width: 30px; height: 30px; display: block; position: relative; top: 250px; left: 145px; over-flow: visible; cursor: pointer; }
#col_wide .map_prelaunch .alps{ width: 30px; height: 30px; display: block; position: relative; top: 122px; left: 351px; over-flow: visible; cursor: pointer; }
#col_wide .map_prelaunch .egypt{ width: 30px; height: 30px; display: block; position: relative;	top: 128px; left: 399px; over-flow: visible; cursor: pointer; }
#col_wide .map_prelaunch .japan{ width: 30px; height: 30px; display: block; position: relative; top: 64px; left: 604px; over-flow: visible; cursor: pointer; }
#col_wide .map_prelaunch span img{ display: none; position: relative; top: -80px; left: -35px; }
#col_wide .map_prelaunch span:hover img{ display: block; }

#col_wide .prelaunch_info{ padding: 160px 0 0 0; width: 238px; float: right; background: url("/tv_shows/tdwt/tools/img/map_prelaunch_info.jpg") 0 0 no-repeat; }
#col_wide .prelaunch_info .poll{ margin: 0 auto; padding: 0; padding: 0; width: 222px; }
#col_wide .prelaunch_info #poll_frame{	margin: 0; padding: 0; }
#col_wide .prelaunch_info ol.download{ margin: 65px 0 0 130px; padding: 0; list-style: none; }
#col_wide .prelaunch_info ol.download li{	margin: 0 0 30px 0; }

#col_wide .prelaunch_info .popup{ padding: 0 0 10px 0; width: 300px; position: absolute; top: 200px; left: 650px; z-index: 5; font: normal 11px/14px Arial, non-serif; color: white; text-align: center; background: black; border: 1px solid #7d7d7d; }
#col_wide .prelaunch_info #chris { top: 260px; }
#col_wide .prelaunch_info span.popup_title{ margin: 0; padding: 5px 0; width: 225px; display: block; float: left; font-size: 10px; text-indent: 10px; text-transform: uppercase; text-align: left; background: #ca251b url("/tv_shows/tdwt/tools/img/cornerTab.gif") right bottom no-repeat; }
#col_wide .prelaunch_info span.popup_close{ padding: 5px 0 0 0; width: 70px; display: block; float: left; font-size: 11px; text-transform: uppercase; cursor: pointer; color: #d3d339; text-align: right; }
#col_wide .prelaunch_info .popup p{	margin: 0; padding: 10px 0; font-size: 10px; clear: left; }
#col_wide .prelaunch_info img{ margin: 0 auto; border: 2px solid #7d7d7d; }


/* #col_wide .aftermath{ width: 701px; height: 212px; position: absolute; top: 332px; left: 5px; background: url("/tv_shows/tdwt/tools/img/map_aftermath_bg.png") 0 0 no-repeat; } */
#col_wide ol.aftermath_episodes{ margin: 0; padding: 0; list-style: none; position: relative; top: 120px; left: 164px; }
#col_wide ol.aftermath_episodes li{	margin: 0 7px; padding: 0; float: left; }
#col_wide ol.aftermath_episodes li A{ width: 80px; height: 45px; display: block; background: url("/tv_shows/tdwt/tools/img/map_comingsoon.jpg") 0 0 no-repeat; border: 2px solid #8697bb; }

/******* Dynamic Map *******/
#col_wide{margin: -85px 0 0 20px; padding: 0; float: left; width: 950px; }
#col_wide .map_content{ margin: 0 auto; padding: 0 5px; float: left; }

#col_wide .map{ margin: 5px 0 0 0; padding: 0; width: 692px; height: 410px; }

/**** General absolute for map markers ****/
#col_wide .map span{ position: absolute; 	cursor: pointer; z-index: 100; }
#col_wide .map span:hover{ z-index: 200; }

/***** tease preview *****/
#col_wide .map span.tease A{ width: 30px; height: 30px; display: block; cursor: pointer; position: relative; z-index: 20; border:0px solid blue;}
#col_wide .map span.tease div{ padding: 6px 7px 0 7px; width: 90px; height: 85px; display: none; position: absolute; top: -80px; left: -34px; z-index: 10; background: url("/tv_shows/tdwt/tools/img/map_teaser_marker.png") 0 0 no-repeat; }

/***** ep preview *****/
#col_wide .map span div{ padding: 6px 7px 0 7px; width: 86px; height: 84px; display: none; position: absolute;  top: -80px; left: -34px; z-index: 10; background: url("/tv_shows/tdwt/tools/img/map_teaser_marker.png") 0 0 no-repeat; }
#col_wide .map span:hover div{ display: block; }
#col_wide .map span img{ border: 1px solid #baab92; }
#col_wide .map span.tease img{ border: none; }
#col_wide .map span strong{ display: block; text-align: center; font: bold 11px/14px Arial, non-serif; color: black; text-transform: uppercase; }
#col_wide .map span A{ width: 32px; height: 36px; display: block; position: relative; z-index: 20; }

#col_wide .map .ep53{ top:324px; left: 400px; }
#col_wide .map .ep53 A{ background: url("/tv_shows/tdwt/tools/img/markers/01off.png") 0 0 no-repeat; }
#col_wide .map .ep53 A:hover, #col_wide .map .ep53 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/01on.png") 0 0 no-repeat; }
#col_wide .map .ep54, #col_wide .map .tease53{ top:320px; left:435px; }
#col_wide .map .ep54 A{ background: url("/tv_shows/tdwt/tools/img/markers/02off.png") 0 0 no-repeat; }
#col_wide .map .ep54 A:hover, #col_wide .map .ep54 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/02on.png") 0 0 no-repeat; }
#col_wide .map .ep55, #col_wide .map .tease54{ top: 292px; left: 628px; }
#col_wide .map .ep55 A{ background: url("/tv_shows/tdwt/tools/img/markers/03off.png") 0 0 no-repeat; }
#col_wide .map .ep55 A:hover, #col_wide .map .ep55 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/03on.png") 0 0 no-repeat; }
#col_wide .map .ep56, #col_wide .map .tease55{ top: 206px; left: 84px; }
#col_wide .map .ep56 A{ background: url("/tv_shows/tdwt/tools/img/markers/04off.png") 0 0 no-repeat; }
#col_wide .map .ep56 A:hover, #col_wide .map .ep56 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/04on.png") 0 0 no-repeat; }
#col_wide .map .ep57, #col_wide .map .tease56{ top: 283px; left: 222px; }
#col_wide .map .ep57 A{ background: url("/tv_shows/tdwt/tools/img/markers/05off.png") 0 0 no-repeat; }
#col_wide .map .ep57 A:hover, #col_wide .map .ep57 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/05on.png") 0 0 no-repeat; }
#col_wide .map .ep59, #col_wide .map .tease57{ top:280px; left:380px; }
#col_wide .map .ep59 A{	background: url("/tv_shows/tdwt/tools/img/markers/06off.png") 0 0 no-repeat; }
#col_wide .map .ep59 A:hover, #col_wide .map .ep59 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/06on.png") 0 0 no-repeat; }
#col_wide .map .ep60, #col_wide .map .tease59{ top:378px; left:172px; }
#col_wide .map .ep60 A{ background: url("/tv_shows/tdwt/tools/img/markers/07off.png") 0 0 no-repeat; }
#col_wide .map .ep60 A:hover, #col_wide .map .ep60 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/07on.png") 0 0 no-repeat; }
#col_wide .map .ep61, #col_wide .map .tease60{ top: 276px; left:352px; }
#col_wide .map .ep61 A{ background: url("/tv_shows/tdwt/tools/img/markers/08off.png") 0 0 no-repeat; }
#col_wide .map .ep61 A:hover, #col_wide .map .ep61 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/08on.png") 0 0 no-repeat; }
#col_wide .map .ep62, #col_wide .map .tease61{ top: 246px; left:272px; }
#col_wide .map .ep62 A{	background: url("/tv_shows/tdwt/tools/img/markers/09off.png") 0 0 no-repeat; }
#col_wide .map .ep62 A:hover, #col_wide .map .ep62 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/09on.png") 0 0 no-repeat; }
#col_wide .map .ep63, #col_wide .map .tease62{ top: 332px; left:218px; }
#col_wide .map .ep63 A{	background: url("/tv_shows/tdwt/tools/img/markers/10off.png") 0 0 no-repeat; }
#col_wide .map .ep63 A:hover, #col_wide .map .ep63 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/10on.png") 0 0 no-repeat; }
#col_wide .map .ep65, #col_wide .map .tease63{ top: 260px; left:330px; }
#col_wide .map .ep65 A{ background: url("/tv_shows/tdwt/tools/img/markers/11off.png") 0 0 no-repeat; }
#col_wide .map .ep65 A:hover, #col_wide .map .ep65 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/11on.png") 0 0 no-repeat; }
#col_wide .map .ep66, #col_wide .map .tease65{ top: 289px; left: 424px; }
#col_wide .map .ep66 A{	background: url("/tv_shows/tdwt/tools/img/markers/12off.png") 0 0 no-repeat; }
#col_wide .map .ep66 A:hover, #col_wide .map .ep66 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/12on.png") 0 0 no-repeat; }
#col_wide .map .ep67, #col_wide .map .tease66{ top: 276px; left: 134px; }
#col_wide .map .ep67 A{ background: url("/tv_shows/tdwt/tools/img/markers/13off.png") 0 0 no-repeat; }
#col_wide .map .ep67 A:hover, #col_wide .map .ep67 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/13on.png") 0 0 no-repeat; }
#col_wide .map .ep68, #col_wide .map .tease67{ top: 430px; left: 648px; }
#col_wide .map .ep68 A{ background: url("/tv_shows/tdwt/tools/img/markers/14off.png") 0 0 no-repeat; }
#col_wide .map .ep68 A:hover, #col_wide .map .ep68 A.on{	background: url("/tv_shows/tdwt/tools/img/markers/14on.png") 0 0 no-repeat; }
#col_wide .map .ep69, #col_wide .map .tease68{ top: 238px; left: 378px; }
#col_wide .map .ep69 A{	background: url("/tv_shows/tdwt/tools/img/markers/15off.png") 0 0 no-repeat; }
#col_wide .map .ep69 A:hover, #col_wide .map .ep69 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/15on.png") 0 0 no-repeat; }
#col_wide .map .ep71, #col_wide .map .tease69{ top: 258px; left: 202px; }
#col_wide .map .ep71 A{ background: url("/tv_shows/tdwt/tools/img/markers/16off.png") 0 0 no-repeat; }
#col_wide .map .ep71 A:hover, #col_wide .map .ep71 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/16on.png") 0 0 no-repeat; }
#col_wide .map .ep72, #col_wide .map .tease71{ top: 295px; left: 567px; }
#col_wide .map .ep72 A{ background: url("/tv_shows/tdwt/tools/img/markers/17off.png") 0 0 no-repeat; }
#col_wide .map .ep72 A:hover, #col_wide .map .ep72 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/17on.png") 0 0 no-repeat; }
#col_wide .map .ep73, #col_wide .map .tease72{ top: 382px; left: 440px; }
#col_wide .map .ep73 A{ background: url("/tv_shows/tdwt/tools/img/markers/18off.png") 0 0 no-repeat; }
#col_wide .map .ep73 A:hover, #col_wide .map .ep73 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/18on.png") 0 0 no-repeat; }
#col_wide .map .ep74, #col_wide .map .tease73{ top: 376px; left: 113px; }
#col_wide .map .ep74 A{ background: url("/tv_shows/tdwt/tools/img/markers/19off.png") 0 0 no-repeat; }
#col_wide .map .ep74 A:hover, #col_wide .map .ep74 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/19on.png") 0 0 no-repeat; }
#col_wide .map .ep75, #col_wide .map .tease74{ top: 236px; left: 156px; }
#col_wide .map .ep75 A{ background: url("/tv_shows/tdwt/tools/img/markers/20off.png") 0 0 no-repeat; }
#col_wide .map .ep75 A:hover, #col_wide .map .ep75 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/20on.png") 0 0 no-repeat; }
#col_wide .map .ep77, #col_wide .map .tease75{ top: 316px; left: 134px; }
#col_wide .map .ep77 A{ background: url("/tv_shows/tdwt/tools/img/markers/21off.png") 0 0 no-repeat; }
#col_wide .map .ep77 A:hover, #col_wide .map .ep77 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/21on.png") 0 0 no-repeat; }
#col_wide .map .ep78, #col_wide .map .tease77{ top: 297px; left: 41px; }
#col_wide .map .ep78 A{ background: url("/tv_shows/tdwt/tools/img/markers/22off.png") 0 0 no-repeat; }
#col_wide .map .ep78 A:hover, #col_wide .map .ep78 A.on{ background: url("/tv_shows/tdwt/tools/img/markers/22on.png") 0 0 no-repeat; }
#col_wide .map .tease78{ display: none; }


#col_wide ol{ margin: 0; padding: 0; list-style: none; clear: left; }
#col_wide ol li{ list-style: none; }
/************** Aftermath Episode ***************/
#col_wide .aftermath{ margin: -80px 0 20px 0; width: 701px; height: 212px; background: url("/tv_shows/tdwt/tools/img/map_aftermath2_bg.png") 0 0 no-repeat; }
#col_wide ol.aftermath_episodes{ position: relative; top: 120px; left: 164px; }
#col_wide ol.aftermath_episodes li{ margin: 0 7px 0 6px; padding: 0; float: left; }
#col_wide ol.aftermath_episodes li A{ width: 80px; height: 45px; display: block; background: url("/tv_shows/tdwt/tools/img/map_comingsoon.jpg") 0 0 no-repeat; border: 2px solid #8697bb; }

/************** Episode Info ***************/
#col_wide .info{ margin: 0; padding: 7px 5px 0 0; width: 228px; height: 540px; float: left; position: relative; background: url("/tv_shows/tdwt/tools/img/map_episode_bg.jpg") 0 0 no-repeat; }
#col_wide .info .papercrease{	position: absolute; top: 0px; left: 209px; z-index: 20; }
#col_wide .info #ep_details{ margin: 2px 0 0 8px; }

#col_wide .downloads{ padding: 0 0 0 0; }
#col_wide .downloads span{ padding: 0 2px; display: block; height: 40px; font: bold 12px/14px Arial, non-serif; color: black; }
#col_wide .downloads ol{ padding: 6px 0 0 10px; width: 212px; /*height: 74px;*/ }
#col_wide .downloads ol.audio_download{ padding: 4px 0 0 10px; height: 26px; }
#col_wide .downloads ol li{ margin: 0 3px; width: 90px; float: left; } 
#col_wide .downloads li.gif_preview img{ margin: 0 0 0 2px; border: 3px solid #6b6b4d; }
#col_wide .downloads .audio{ 	margin: 0 auto; padding: 10px 10px 0 2px; width: 182px; clear: both; border-top: 1px solid black; }
#col_wide .downloads .audio #audio_preview{ margin: 0 5px 0 0; float: left; }

#col_wide A.btn_download{ width: 89px; height: 23px; display: block; background: url("/tv_shows/tdwt/tools/img/btn_download.gif") left bottom no-repeat; }
#col_wide A.btn_download:hover{ background: url("/tv_shows/tdwt/tools/img/btn_download.gif") left top no-repeat; }
#col_wide A.btn_preview{ width: 83px; height: 24px; display: block; 	background: url("/tv_shows/tdwt/tools/img/btn_preview.gif") left bottom no-repeat; }
#col_wide A.btn_preview:hover{ background: url("/tv_shows/tdwt/tools/img/btn_preview.gif") left top no-repeat; }

#col_wide .buttons{ margin: 0 0 0 2px; padding: 4px 2px 0 2px; clear: both; }
#col_wide A.watch_, #col_wide A.watch_clip{ margin: 5px 0; width: 222px; height: 31px; display: block; background: url("/tv_shows/tdwt/tools/img/btn_map_watchepisode.gif") left bottom no-repeat; }
#col_wide A.watch_:hover, #col_wide A.watch_clip:hover{ background: url("/tv_shows/tdwt/tools/img/btn_map_watchepisode.gif") left top no-repeat; }
#col_wide A.watch_full{ margin: 5px 0; width: 222px; height: 31px; display: block; background: url("/tv_shows/tdwt/tools/img/btn_map_watchfullepisode.gif") left bottom no-repeat; }
#col_wide A.watch_full:hover{ background: url("/tv_shows/tdwt/tools/img/btn_map_watchfullepisode.gif") left top no-repeat; }
#col_wide A.talk{ width: 222px; height: 32px; display: block; background: url("/tv_shows/tdwt/tools/img/btn_map_talkepisode.gif") left bottom no-repeat; }
#col_wide A.talk:hover{ background: url("/tv_shows/tdwt/tools/img/btn_map_talkepisode.gif") left top no-repeat; }

#col_wide .info .popup{ padding: 0 0 20px 0; position: absolute; top: 200px; left: -40px; z-index: 5; font: normal 11px/14px Arial, non-serif; color: white; text-align: center; background: black; border: 1px solid #7d7d7d; }
#col_wide .info #popup_gif { width: 320px;  top: 260px; }
#col_wide .info #popup_wallpaper { width: 450px;  top: 200px; }
#col_wide .info #popup_audio { width: 300px; top: 360px;}
#col_wide .info span.popup_title{ margin: 0; padding: 5px 0; width: 225px; display: block; float: left; font-size: 10px; height: 14px; line-height: 14px; text-indent: 10px; text-transform: uppercase; text-align: left; color: white; background: #ca251b url("/tv_shows/tdwt/tools/img/cornerTab.gif") right bottom no-repeat; }
#col_wide .info span.popup_close{ padding: 5px 0 0 0; width: 70px; display: block; float: left; font-size: 11px; text-transform: uppercase; cursor: pointer; color: #d3d339; text-align: right; }
#col_wide .info .popup p{	margin: 0; padding: 10px 0; font-size: 10px; clear: left; }
#col_wide .info .gif_preview img{ margin: 0 auto; border: 2px solid #7d7d7d; }
#col_wide .info .download_link { font-size: 14px; }

/* ===== achievements ===== */
.fontTest {font:normal 16px CNBold, Trebuchet MS, serif; text-transform: uppercase;}
.modTabLeftOn {position:relative;float: left; background: url(/tv_shows/tdwt/tools/img/tabLeftOn.png) top right no-repeat;width:123px;height:25px;font: bold 14px arial, sans-serif;color:#ffffff;line-height:25px;text-indent:-10px;cursor:pointer;z-index:2;}
.modTabLeftOff {position:relative;float: left; background: url(/tv_shows/tdwt/tools/img/tabLeftOff.png) top right no-repeat;width:123px;height:25px;font: bold 14px arial, sans-serif;color:#00ccff;line-height:25px;text-indent:-10px;cursor:pointer;z-index:1;}
.modTabLeftOff:hover { color:#ffffff; }
.modTabRightOff {position:relative;float: left; background: url(/tv_shows/tdwt/tools/img/tabRightOff.png) no-repeat;margin-left:-20px;width:144px;height:25px;font: bold 14px arial, sans-serif;color:#00ccff;line-height:25px;cursor:pointer;z-index:1;}
.modTabRightOff:hover { color:#ffffff; }
.modTabRightOn {position:relative;float: left; background: url(/tv_shows/tdwt/tools/img/tabRightOn.png) no-repeat;margin-left:-20px;width:144px;height:25px;font: bold 14px arial, sans-serif;color:#ffffff;line-height:25px;cursor:pointer;z-index:2;}
.statsModules { background:#000000; }
.statsTabs { height: 31px; }
.tabColorBar { background: #ca251b; height: 6px; clear:both; }
					#game600 { border-bottom: 0px; }

}