/* global styles */
@font-face {
	font: CNBold;
	font-family: CNBold;
	src: url(/tools/fonts/cn_bold.eot);
	src: local(CNBold),
	url(/tools/fonts/cn_bold.ttf) format('truetype'),
	url(/tools/fonts/CNBold.otf) format('opentype'),
	url(/tools/fonts/cn_bold.svg#webfontxsopjM5D) format('svg');
	font-weight: normal;
	font-style: normal;
}
body { margin: 0 auto; background: #0a84d9; font: normal 12px arial, sans-serif; }
a { color: #1757a3; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }
h1 { margin: 0; font: bold 42px Trebuchet MS, sans-serif; color: #ffffff; float: left; margin-left: 1px; }
h2 { margin: 0; font: bold 18px Trebuchet MS, sans-serif; color: #979797; float: left; margin-left: 12px; margin-right: 12px; margin-top: 21px; }
.clr { width: 100%; height: 1px; }
#hdr { width: 676px; margin-bottom: 20px; margin-right: 20px; height:auto; overflow:visible; float:right; }
#hdr table { width: 100%; margin: 0 auto; margin-top: 20px; border: solid 1px #464646; }
#hdr th { background: #222222; font: bold 10px arial, sans-serif; color: #ffffff; padding-left: 8px; padding-right: 8px; padding-top: 6px; padding-bottom: 6px; }
#hdr td { background: #000000; font: bold 12px arial, sans-serif; color: #979797; padding: 8px; }

.jive-forum-list .jive-table .jive-category-name { font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; background-color: #eee; color: #000; }
.jive-category-name .jive-description { font: normal 10px arial, sans-serif; color:#ffffff; }
.jive-forum-list .jive-forum-name A { font: bold 12px arial, sans-serif; }
.jive-forum-list .jive-forum-name A:hover { font: bold 12px arial, sans-serif; color: #ffffff; }
.jive-forum-list .jive-forum-name-root A { font: bold 12px arial, sans-serif; }
.jive-forum-list .jive-forum-name-root A:hover { font: bold 12px arial, sans-serif; color: #d51180; }
.jive-forum-list .jive-forum-name .jive-description A { font-weight: normal; }
.jive-forum-list .jive-table .jive-category-name A { color: #000; text-decoration: none; }
.jive-forum-list .jive-table .jive-category-name A:hover { text-decoration: underline; }

#titleBox { width:676px; background: #000000; border: solid 1px #464646; }

#navShell { width: 100%; height: 55px; }
#navBg { width: 100%;margin: 0 auto;padding: 0;background: #000000 url(/tools/img/home/globalnav.jpg) top center repeat-x; }
#navWrapper {width: 1000px;margin: 0 auto;text-align: left;}
.gnPipe {font: bold 12px arial,helvetica,sans-serif;text-decoration: none;color: #0984d8; /*primary link color */ }
.navTextLinks {position: absolute;z-index: 2;padding-top:2px;}
.navTextLinks div {margin: 0 auto;display: inline;list-style: none;float: left;overflow: hidden;}
.navTextLinks li {margin: 0 auto;display: inline;list-style: none;float: left;overflow: hidden;}
.navTextLinks div a { line-height: 22px;font: bold 12px arial,helvetica,sans-serif;text-decoration: none;display: inline;color: #0984d8; /* primary link color */ }
.navTextLinks div a:hover { font: bold 12px arial,helvetica,sans-serif;color: #ffffff;text-decoration: none; }
.navTextLinks li a { line-height: 22px;font: bold 12px arial, helvetica, sans-serif;text-decoration: none;display: inline;color: #0984d8; /* primary link color */ }	
.navTextLinks li a:hover { font: bold 12px arial, helvetica, sans-serif;color: #ffffff;text-decoration: none; }
#searchBtn {top: 26px;position:absolute;float: left;z-index: 2;padding-left: 20px;}

#navLinks {width: 1000px;margin: 0 auto;}
#loginTextLinksWrapper {margin: 0 auto;height: 22px;text-align: left;white-space: nowrap;overflow: hidden;}
.navBtnLinks {margin: 0 auto;clear: both;top: 26px;}
#allShowsBtn {top: 26px;width: 153px;height: 20px;position:absolute;float: left;z-index: 2;margin-left: 818px;border: solid 1px  #464646;line-height: 20px;text-transform: uppercase;text-decoration: none;color: #000000;font: bold 12px arial,helvetica,sans-serif;}
.allShowsBtnClosed {background: url('/tools/img/globalnav/showsDownOff.jpg') top center no-repeat;}
.allShowsBtnClosed:hover {background: url('/tools/img/globalnav/showsDownOn.jpg') top center no-repeat;}
.allShowsBtnOpen {background: url('/tools/img/globalnav/showsUpOff.jpg') top center no-repeat;}
.allShowsBtnOpen:hover {background: url('/tools/img/globalnav/showsUpOn.jpg') top center no-repeat;}
.gnShowsColumn {width: 238px;height: 160px;float: left;text-align: left;padding-top: 10px;padding-left: 10px;line-height: 14px;}
.gnASCloseWrapper {clear: both;height: 20px;background: url('/tools/img/globalnav/close_off.jpg') top center no-repeat;text-align: center;}
.gnASCloseWrapper A {font: bold 11px arial,helvetica,sans-serif;line-height: 20px;text-decoration: none;}
.gnASCloseWrapper:hover {background: url('/tools/img/globalnav/close_over.jpg') top center no-repeat;}
.gnASCloseWrapper:hover A {color: #ffffff;}

#fvDetectWrapper {font: 10px arial,helvetica,sans-serif;color: #999999;}

.gnShowsColumn a { font: normal 10px arial, helvetica, sans-serif;color: #0984d8;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(/tools/img/home/globalnav_float.gif) top center repeat-x; width: 100%; height: 13px; margin: 0 auto; margin-top: 0px; }
#gnFloat { margin: 0 auto;height: 13px; width: 1000px; margin-top: 0px;padding-top: 0px;margin-bottom: 8px; background: url(/tools/img/home/globalnav_cn.png) top center no-repeat; }
#bg { background: url(../img/) top center no-repeat; margin: 0px; padding-top: 20px; width: 100%; height: auto; overflow: visible; text-align: center; }
#left { float: left; padding-top: 230px; }
#right { float: left; padding-left: 20px; }
#mainContent { margin: 0px; text-align: left; min-height: 500px; overflow: visible; float: left; }
/* #mainContent td { background: #000000; } */

#leaderboard { background: url(/tools/img/ad_tag728.png) top right no-repeat; width: 738px; height: 95px; margin: 0 auto; margin-bottom: 20px; margin-top: 8px; padding-top: 17px; text-align: center; }
#contentWrapper { margin: 0 auto; padding-left:10px; width: 920px; height: auto; min-height: 300px; overflow: visible; text-align: left; }

.hdrTabPrimary { background: #000000; border-bottom: solid 1px #464646; font: normal 16px CNBold, Trebuchet MS, arial, sans-serif; color: #ffffff; height: 25px; line-height: 25px;margin: 0px;padding-left: 8px; padding-right: 8px;text-align: left;text-decoration: none; text-transform: uppercase; }
.hdrTabPrimary a { color:#ffffff; }
.hdrTabPrimary a:hover { color:#ffffff; }

.hdrMacro { height: 25px;margin: 0;margin-bottom: 0px;padding-left: 10px;font: bold 14px arial, sans-serif;line-height: 25px;color: #ffffff;text-align: left; border-top: solid 1px #464646; background: #990000; /* hdr bar color */ }
.hdrMacroText { font: bold 14px Trebuchet MS, arial, sans-serif; padding-top: 3px; text-transform: uppercase; float: left; }
.moreFromTab { background: url(http://i.cdn.turner.com/toon/tools/img/forums/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;}

.topicBox { background: #000000; padding: 8px; color: #979797; font: bold 18px Trebuchet MS, arial, sans-serif; }

.searchBtn { background: url(http://i.cdn.turner.com/toon/tools/img/globalnav/searchOff.jpg) no-repeat; width: 20px; height: 22px; }
.searchBtn:hover { background: url(http://i.cdn.turner.com/toon/tools/img/globalnav/searchOn.jpg) no-repeat; width: 20px; height: 22px; }
.searchField { background:#000000; height:20px; width:170px; border:solid 1px #464646; font:bold 10px arial,helvetica,sans-serif; color:#979797; line-height: 20px; }

.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: #0984d8;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(http://i.cdn.turner.com/toon/tools/img/textButtonInactive.jpg) #000000 repeat-x;margin: auto;margin-top: 10px;margin-bottom: 7px;color: #0984d8;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; text-transform: uppercase; }
a.btnBlack span:hover { background: url(http://i.cdn.turner.com/toon/tools/img/textButtonActive.jpg) #000000 repeat-x;color: #ffffff;margin-top: 10px;margin-bottom: 7px; }

.forumList { width:460px; height:auto; float:left; clear:none; margin-bottom:22px; margin-right:0px; overflow:visible; }
.footerBox { margin-top: 20px; text-align:center; }



/* / global styles */

/* topic menu styles */
#pageWrapper { width: 100%; margin: 0 auto; background: url(http://i.cdn.turner.com/toon/tools/img/schedule/404_1600x1100_bg.jpg) #0a84d9 top center no-repeat; text-align: center; overflow: visible; height: auto; min-height: 1000px; }
#forumHdrWrapper { width: 688px; border-top: solid 1px #424242; border-left: solid 1px #424242; border-right: solid 1px #424242; background-color: #000000; overflow: visible; margin-left: 60px; text-align: left; }
#forumNameWrapper { width: 297px; height: 60px; background: #000000; text-indent: 20px; float: left; }
.forumNameTxt { line-height: 60px; font: bold 42px arial,helvetica,sans-serif; color: #ffffff; }
#rulesWrapper { width: 163px; height: 23px; float: left; margin-top: 13px; }
.rulesLink { line-height: 23px; font: bold 12px arial,helvetica,sans-serif; color: #0984d8; }
.rulesLink:hover { color: #ffffff; }
.rulesSeparator { line-height: 23px; font: bold 12px arial,helvetica,sans-serif; color: #0984d8; }
#searchWrapper { margin-top: 13px; float: left; }
#navWrapper2 { height: 28px; background-color: #000000; overflow: visible; margin-left: 12px; margin-bottom: 0px; padding-left: 11px; }
#crumbsBox { margin-top: 12px; margin-left: 0px; width: 100%; }
.bcLinkUpWrapper { width: auto;padding-left:5px;padding-right:5px; padding-top: 3px; height: 17px; float: left; text-align: center; background-color: #2c2c2c; }
.bcLinkUp { line-height: 20px; font: bold 11px arial,helvetica,sans-serif; color: #0984d8; }
.bcLinkUp:hover { color: #ffffff; }
.bcLinkCurrentWrapper { width: auto;padding-left:5px;padding-right:5px; padding-top: 3px; height: 17px; float: left; text-align: center; background-color: #464646; }
.bcLinkCurrent { line-height: 20px; font: bold 11px arial,helvetica,sans-serif; color: #ffffff; }
.bcSeparator { float: left; }
.bcEnd { float: left; }
#forumBodyWrapper { width: 688px; border: solid 1px #424242; overflow: visible; margin-left: 60px; margin-bottom: 20px; }
#showHdrWrapper { width: 688px; height: 25px; text-align: left; }
#showNameWrapper { width: 511px; height: 25px; background-color: #417b00; text-indent: 11px; float: left; }
.showNameTxt { line-height: 25px; font: bold 14px arial,helvetica,sans-serif; color: #ffffff; }
#hdrDividerWrapper { width: 20px; height: 25px; background-color: #000000; float: left; }
#moreWrapper { width: 157px; height: 25px; float: left; text-indent: 11px; background-color: #000000; }
.moreText { line-height: 25px; font: bold 10px arial,helvetica,sans-serif; color: #0984d8; }
.moreText:hover { color: #ffffff; }
#copyWrapper { width: 688px; height: 47px; background: #000000; text-indent: 20px; clear: both; border-bottom: solid 1px #424242; }
.copyTxt { line-height: 25px; font: bold 14px arial,helvetica,sans-serif; color: #ffffff; }
#columnHdrWrapper { width: 688px; height: 29px; background-color: #2c2c2c; text-align: center; }
.columnHdr { float: left; }
.columnHdrTxt { height: 29px; line-height: 29px; font: bold 10px arial,helvetica,sans-serif; color: #ffffff; }
#col01 { text-align: left; text-indent: 11px; width: 449px; border-right: solid 1px #424242; }
#col02 { text-align: left; text-indent: 11px; width: 78px; border-right: solid 1px #424242; }
#col03 { text-align: left; text-indent: 11px; width: 78px; border-right: solid 1px #424242; }
#col04 { text-align: left; text-indent: 11px; width: 78px; }
#topicsWrapper { width: 688px; min-height: 414px; background-color: #000000; overflow: visible; }
.topicRow { width: 688px; height: 31px; text-align: center; border-bottom: solid 1px #424242; }
.topicLink { width: 449px; height: 31px; text-align: left; text-indent: 11px; border-right: solid 1px #424242; line-height: 31px; float: left; }
.topicLinkTxt { font: bold 13px arial,helvetica,sans-serif; color: #0984d8; }
.topicLinkTxt:hover { color: #ffffff; }
.topicNumCnt { width: 78px; height: 31px; float: left; border-right: solid 1px #424242; line-height: 31px; float: left; }
.topicNumRt { width: 78px; height: 31px; float: left; line-height: 31px; float: left; }
.topicNumTxt { font: bold 13px arial,helvetica,sans-serif; color: #979797; }
#ftrWrapper { width: 688px; height: 30px; background-color: #2c2c2c; }

/* /topic menu styles */

/* SEO */
#seoShell { clear: both; width: 720px; height: auto; margin-top: 40px; margin-bottom: 20px;}/* section wrapper */
.seoText {font: 11px arial,helvetica,sans-serif; color: #ffffff;}
.seoText H1 {font: bold 12px arial,helvetica,sans-serif; color: #ffffff;}
/* / SEO */

/* legal */
#legalWrapper { margin:0 auto; clear: both; margin-top: 20px; width: 720px; height: auto;} /* section wrapper */
.legalSmall {text-decoration: none; font: bold 10px arial,helvetica,sans-serif; color: #00ccff;}
.legalSub {font: 10px arial,helvetica,sans-serif; color: #555555;}
/* / legal */


/* 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.
*/

#accordionbox { border: solid 1px #464646; }

.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: #0984d8;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(http://i.cdn.turner.com/toon/tools/img/home/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: #0984d8;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(http://i.cdn.turner.com/toon/tools/img/home/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(http://i.cdn.turner.com/toon/tools/img/home/tabAccordionActive.jpg) repeat-x;color: #ffffff; }
.AccordionPanelOpen .AccordionPanelTabHover { background: url(http://i.cdn.turner.com/toon/tools/img/home/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; }