@charset "utf-8";
/* CSS Document - this is the stylesheet all Teens pages will link to for 
SCREEN styles */
@import url(type.css);
@import url(navigation.css);
@import url(layout.css);
@import url(screen.css);
@import url(color.css);

/* any additional styles should be added after @import statements */

/* #branding { background:transparent url(/teens/graphics/bg_bannerTeens.jpg) center right no-repeat; } */
#extraNav ul.indent { margin-left:1em; margin-bottom:1em; }
#extraNav ul.indent li { margin-bottom:.2em; }

/* =Reviews 	TEEN REVIEWS HOME PAGE */
ul.reviewsHome { list-style:none; margin:0; padding:0; }
ul.reviewsHome li { margin-bottom:1em; overflow:hidden; border-bottom:2px dashed #dadce4; padding-bottom:10px; }
* html ul.reviewsHome li { clear:both; display:block; zoom:1; }/* to fix IE6, zoom:1 keeps border from running under image */

ul.reviewsHome h2 { margin-top:1px; }
ul.reviewsHome li.left img { float:left; padding:.2em 20px 1em 10px; }
ul.reviewsHome li.left div { float:left; }
ul.reviewsHome li.right img { float:right; padding:.2em 10px 1em 20px; }
ul.reviewsHome li.right div { float:right; width:385px; }

/* =Reviews 	TEEN REVIEWS PAGES */
#content.reviews { width:475px; }
#content.reviews2 { width:475px; }

#extraNav.reviews, div#extraNav.reviewsSidebar { width:310px; margin-top:1.5em; padding-left:8px; border-left:2px dotted #ccc; }
div#extraNav.reviewsSidebar h2.inpageNav { margin-top:2em; }
/* #extraNav.reviews, div#extraNav.reviewsSidebar { width:310px; margin-top:1.5em; padding-left:8px; border-left:2px dotted #ccc;/* background:transparent url(/teens/graphics/bookStack1.gif) 180px 0px no-repeat; }

/* div#extraNav.reviewsSidebar.home { margin-top:1.5em; padding-left:8px; border-left:2px dotted #ccc; background:transparent url(/teens/graphics/bookStack1.gif) 180px 0px no-repeat; } */

div.reviewsHome, div#extraNav.reviewsSidebar, div#reviewsSidebar { font-size:.8em; }
div#extraNav.reviewsSidebar h2, div#reviewsSidebar h2 { margin-top:.2em; }
div#extraNav.reviewsSidebar ul, div#reviewsSidebar ul { list-style:none; margin:0; padding:0; }
div#extraNav.reviewsSidebar ul li, div#reviewsSidebar ul li { margin-bottom:.5em; }
div#extraNav.reviewsSidebar ul li ul, div#reviewsSidebar ul li ul { margin-left:1em; margin-bottom:1em; }

/* #extraNav.reviews h2 { margin-top:0; }
#extraNav.reviews, #extraNav.reviewsHome { font-size:.8em; }
#extraNav.reviews h2 { font-size:1.0em; }
#extraNav.reviews ul { list-style:none; margin:0; padding:0; font-size:.8em; }
#extraNav.reviews ul li { margin-bottom:.5em; } */

/* Tab colors: Green #489d39, Teal #02958b, Orange #e15520 Red #ba2751 */
#reviewTabs ul { margin:0; padding:0; list-style:none; overflow:hidden; }
#reviewTabs ul li { float:left; padding:0 1px 0 0; margin:0; max-width:300px; }

* html li#nav-books a, * html li#nav-games a { width:5em; }/* to fix IE6 */
* html li#nav-manga a { width:14em; }/* to fix IE6 */ 
* html div#TeenReviews #reviewTitle { clear:left; margin-top:-2em; }/* to fix IE6 */

#reviewTabs ul li a { display:block; font-weight:bold; font-size:1.1em; padding:1em 10px 6px; height:1.5em; }
#reviewTabs ul li a:link, #reviewTabs ul li a:visited { text-decoration:none; color:#fff; }
#reviewTabs ul li a:hover, #reviewTabs ul li a:active { text-decoration:underline; color:#000; }

/* default tab style - unselected tabs */
li#nav-books a { background:url(/teens/graphics/bgReviewTabGreen.gif) top right no-repeat; }
li#nav-manga a { background:url(/teens/graphics/bgReviewTabTeal.gif) top right no-repeat; }
li#nav-games a { background:url(/teens/graphics/bgReviewTabOrange.gif) top right no-repeat; }
/* li#nav-red a { background:url(/teens/graphics/bgReviewTabRed.gif) top right no-repeat; } */

/* highlight current tab */
div#TeenReviews.books li#nav-books a { background:url(/teens/graphics/bgReviewTabGreen.gif) top left no-repeat; text-decoration:none; color:#fff; }
div#TeenReviews.manga li#nav-manga a { background:url(/teens/graphics/bgReviewTabTeal.gif) top left no-repeat; text-decoration:none; color:#fff; }
div#TeenReviews.games li#nav-games a { background:url(/teens/graphics/bgReviewTabOrange.gif) top left no-repeat; text-decoration:none; color:#fff; }
/* div#TeenReviews.red li#nav-red a { background:url(/teens/graphics/bgReviewTabRed.gif) top left no-repeat; text-decoration:none; color:#fff; } */
/* fix pixel gap, courtesy of http://alistapart.com/articles/slidingdoors */
div#TeenReviews.books li#nav-books a, div#TeenReviews.manga li#nav-manga a, div#TeenReviews.games li#nav-games a { padding-bottom:7px; }

div#TeenReviews.books #reviewTitle { background:#489d39; color:#fff; font-weight:bold; padding:.5em; } 
div#TeenReviews.manga #reviewTitle { background:#02958b; color:#fff; font-weight:bold; padding:.5em; } 
div#TeenReviews.games #reviewTitle { background:#e15520; color:#fff; font-weight:bold; padding:.5em; }
/* div#TeenReviews.red #reviewTitle { background:#ba2751; color:#fff; font-weight:bold; padding:.5em; } */

div#reviewTitle span.title { font-size:1.4em; }
div#reviewTitle span.author { font-size:.9em; }

span.spoiler { font-size:1.2em; font-weight:bold; color:#FF3333; }

div#reviewMsg { padding:1em; font-size:1.2em;  }
div#TeenReviews.books div#reviewMsg, div#TeenReviews.books #pnlForm, div#TeenReviews.books #pnlThankyou { border-top:10px solid #489d39; }
div#TeenReviews.manga div#reviewMsg, div#TeenReviews.manga #pnlForm, div#TeenReviews.manga #pnlThankyou { border-top:10px solid #02958b; }
div#TeenReviews.games div#reviewMsg, div#TeenReviews.games #pnlForm, div#TeenReviews.games #pnlThankyou { border-top:10px solid #e15520; }
/* div#TeenReviews.red div#reviewMsg, div#TeenReviews.red #pnlForm, div#TeenReviews.red #pnlThankyou { border-top:8px solid #ba2751; } */

img.titleImage { float:right; margin-top:-4.7em; margin-right:-5px; margin-left:10px; max-width:85px; }
tr.reviewRow td { border-bottom:1px solid #006; padding-top:1em; }
div.reviewRating, div.reviewText, div.reviewer { margin-bottom:.5em; }
span.block { display:block; margin-bottom:.5em; }
span.ckBoxBold label { font-weight:bold; }

ul#mediaNavLinks { margin:0; padding:0; list-style-type:none; width:475px; float:left; }
ul#mediaNavLinks li { margin:0; padding:0; float:left; }
ul#mediaNavLinks a { float:left; padding-left:1em; padding-right:1em; border-right:1px solid #999; }


/* end of Teen Review styles */

/* =Form   */
#pnlForm, #pnlThankyou { margin-top:0; padding-top:1em; }
#pnlForm { float:left; overflow:hidden; }
#pnlForm.noBorder { border:none !important; padding-left:2px; }
#pnlForm fieldset { float:left; width:450px; margin:0 0 1em; padding:0 .8em 1em; background:#ededf1 url(/teens/graphics/bgFieldsetGradient2.gif) top left repeat-x; border:1px solid #e2e3e9; }
#pnlForm fieldset table td { padding:.5em 0; }
#pnlForm fieldset label { padding-right:.5em; }
#pnlForm fieldset fieldset { background-image:none; background-color:transparent; }

#pnlForm fieldset fieldset legend { color:#000; background:none; }

#pnlForm legend { /* color:#888b97; padding-bottom:.5em; font-size:1.1em; font-style:italic; */ background:#c8cbd7; padding:0 .5em; color:#fff; margin-bottom:.5em; font-weight:bold; }
table.radBtnList td label, #pnlForm legend span.required { font-weight:normal !important; }

#pnlForm fieldset.radlRating { border:none !important; margin-bottom:-1em !important; }
#pnlForm fieldset.radlRating legend { color:#000 !important; background:none !important; margin-left:-1.2em; margin-bottom:.2em; }

/* =Event   EVENTS PAGE WITH SHOW/HIDE PANELS  */
#eventPanel h2 { margin-top:0; }
#eventPanel p.dateTime{ font-weight:bold; }
p.coloredText.instructions { text-align:right; font-style:italic; font-weight:normal; margin:.5em 10px 0 0; }

#eventPanel { background:transparent url(/teens/graphics/bgDropShadowWhiteTopRight.gif) right top no-repeat; padding:25px 30px 1em 10px; margin-bottom:0; overflow:hidden; }

#eventPanel div img { float:right; margin-left:10px; }
table#eventNav { clear:right;/* IE6 fix */ background:transparent url(/teens/graphics/bgDropShadowWhiteBottomRight.gif) right bottom no-repeat; margin-top:0; } 
table#eventNav.seven td { padding:0 0 6px; text-align:center; width:88px; }
table#eventNav.six td { padding:0 0 6px; text-align:center; width:104px; }
table#eventNav.five td { padding:0 0 6px; text-align:center; width:124px; }

table#eventNav td.blank { width:9px; font-size:1px; border-left:none; }
/* table#eventNav td a { display:block; margin:0; font-size:8pt; font-weight:bold; } */

table#eventNav td a { display:block; margin:0; padding:10px 2px; font-size:8pt; font-weight:bold; height:4em; /* border-left:1px solid #fff; */ border-bottom:1px solid #fff; }

table#eventNav td a.green { background:url(/teens/graphics/bgEventTabGreen.gif) top left no-repeat; }
table#eventNav td a.teal { background:url(/teens/graphics/bgEventTabTeal.gif) top left no-repeat; }
table#eventNav td a.orange { background:url(/teens/graphics/bgEventTabOrange.gif) top left no-repeat; }
table#eventNav td a.red { background:url(/teens/graphics/bgEventTabRed.gif) top left no-repeat; }

table#eventNav td a:link, table#eventNav td a:visited { color:#fff; }
table#eventNav td a:visited { text-decoration:none; }
table#eventNav td a:hover, table#eventNav td a:active { color:#000; text-decoration:none; }
table#eventNav td a:hover { border-bottom:1px solid #333; }

#eventPanel div.panelOn, #eventPanel2 div.panelOn, ul#eventList1 div.panelOn { display:block; }
#eventPanel div.panelOff, #eventPanel2 div.panelOff, ul#eventList1 div.panelOff { display:none; }


/* =Booklist */
ul.booklist { background:transparent url(/teens/graphics/bgBooksOpenBook.gif) top right no-repeat; }

/* =SummerReading */
table.summerReading { margin-left:auto; margin-right:auto; padding:2px; border:1px solid #000 }
table.summerReading td { border:1px solid #666; padding:.5em; }
table.summerReading td.image { padding:0; }