@charset "UTF-8";

/** 
 * Global CSS File
 *
 * @media all
 * 
 */ 
 

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Global Elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/**
 * Fundamental Structure 
 */
 
div#wrapper-HarryPotter { width: 720px; overflow: hidden; padding: 0px; margin: 0px; position: relative; }
body, #schlPageContent, #tweens { background: black !important; }
div#wrapper-HarryPotter a:link, div#wrapper-HarryPotter a:visited { color: #ccc; outline:none;}
div#wrapper-HarryPotter a:hover, div#wrapper-HarryPotter a:active { color: #fff; outline:none;}

/** 
 * Reusable Classes  
 */

span.nav_text { display: none; }

div.horizontal_rule { padding-bottom: 15px; padding-top: 5px; }
div.horizontal_rule span { display: block; background: url(../img/hr.png) no-repeat;  height: 23px;}

div.horizontal_rule2 { padding-bottom: 15px; padding-top: 5px;  }
div.horizontal_rule2 span { display: block; background: url(../img/hr2.png) no-repeat; height: 23px;}

div.horizontal_rule3 { padding-bottom: 15px; padding-top: 5px;  }
div.horizontal_rule3 span { display: block; background: url(../img/hr3.gif) no-repeat center top; height: 23px;}

/**
 * Global Navigation 
 */
 
div#book_navigation { background: url(../img/nav_books_disabled.jpg) no-repeat; width: 720px; }
div#book_navigation_header {  text-align:center; height: 45px; overflow: hidden; }
div#book_navigation_inner { padding-left: 24px; height: 165px;   }
div#book_navigation_end { clear: both; font: 1px/1px sans-serif; }
div#book_navigation ul { margin: 0px; padding: 0px; float: left; list-style: none; }
div#book_navigation li { margin: 0px; padding: 0px; float: left; }

div#book_navigation_inner a:link, div#book_navigation_inner a:visited { display: block; float: left; width: 96px; height: 165px; }
div#book_navigation_inner a:hover, div#book_navigation_inner a:active { }

a.nav_book1:link, a.nav_book1:visited { background: none; }
a.nav_book1:hover, a.nav_book1:active { background: url(../img/nav_book1.jpg) -96px 0px no-repeat; }
a.nav_book1_active:link, a.nav_book1_active:visited { background: url(../img/nav_book1.jpg); }
a.nav_book1_active:hover, a.nav_book1_active:active { background: url(../img/nav_book1.jpg) -96px 0px no-repeat; }

a.nav_book2:link, a.nav_book2:visited { background: none; }
a.nav_book2:hover, a.nav_book2:active { background: url(../img/nav_book2.jpg) -96px 0px no-repeat; }
a.nav_book2_active:link, a.nav_book2_active:visited { background: url(../img/nav_book2.jpg); }
a.nav_book2_active:hover, a.nav_book2_active:active { background: url(../img/nav_book2.jpg) -96px 0px no-repeat; }

a.nav_book3:link, a.nav_book3:visited { background: none; }
a.nav_book3:hover, a.nav_book3:active { background: url(../img/nav_book3.jpg) -96px 0px no-repeat; }
a.nav_book3_active:link, a.nav_book3_active:visited { background: url(../img/nav_book3.jpg); }
a.nav_book3_active:hover, a.nav_book3_active:active { background: url(../img/nav_book3.jpg) -96px 0px no-repeat; }

a.nav_book4:link, a.nav_book4:visited { background: none; }
a.nav_book4:hover, a.nav_book4:active { background: url(../img/nav_book4.jpg) -96px 0px no-repeat; }
a.nav_book4_active:link, a.nav_book4_active:visited { background: url(../img/nav_book4.jpg); }
a.nav_book4_active:hover, a.nav_book4_active:active { background: url(../img/nav_book4.jpg) -96px 0px no-repeat; }

a.nav_book5:link, a.nav_book5:visited { background: none; }
a.nav_book5:hover, a.nav_book5:active { background: url(../img/nav_book5.jpg) -96px 0px no-repeat; }
a.nav_book5_active:link, a.nav_book5_active:visited { background: url(../img/nav_book5.jpg); }
a.nav_book5_active:hover, a.nav_book5_active:active { background: url(../img/nav_book5.jpg) -96px 0px no-repeat; }

a.nav_book6:link, a.nav_book6:visited { background: none; }
a.nav_book6:hover, a.nav_book6:active { background: url(../img/nav_book6.jpg) -96px 0px no-repeat; }
a.nav_book6_active:link, a.nav_book6_active:visited { background: url(../img/nav_book6.jpg); }
a.nav_book6_active:hover, a.nav_book6_active:active { background: url(../img/nav_book6.jpg) -96px 0px no-repeat; }

a.nav_book7:link, a.nav_book7:visited { background: none; }
a.nav_book7:hover, a.nav_book7:active { background: url(../img/nav_book7.jpg) -96px 0px no-repeat; }
a.nav_book7_active:link, a.nav_book7_active:visited { background: url(../img/nav_book7.jpg); }
a.nav_book7_active:hover, a.nav_book7_active:active { background: url(../img/nav_book7.jpg) -96px 0px no-repeat; }


/**
 * Global Footer 
 */

div#hp_footer {color: #6b6b6b; font: bold 12px/14px "Palatino Linotype", "Book Antiqua", Palatino, serif; width: 445px; margin: 0px auto;text-align: center; }
div#hp_footer_links { border-bottom: 1px solid #6b6b6b; padding-bottom: 4px; padding-left: 3px;}
div#hp_footer_copyright {padding-top: 4px;   }
div#hp_footer a:link, div#hp_footer a:visited { color: #ccc; white-space: nowrap; text-decoration: none; }
div#hp_footer a:hover, div#hp_footer a:active {text-decoration: none; color: #fff; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Page Layouts
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/**
 * Homepage 
 */

div#tabs { color: #fff; width: 720px; padding-bottom: 70px; }
div#tabs_inner { height: 235px; }

div#tab_transfiguration { background: #000 url(../img/promo_button.jpg) no-repeat;height: 195px; padding: 39px 0px 0px 0px; font: 16px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center;}
div#tab_potions { background: #000 url(../img/promo_potions.jpg) no-repeat;height: 195px; padding: 39px 0px 0px 0px; font: 16px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center;}
div#tab_pottermore { background: #000 url(../img/promo_pottermore.jpg) no-repeat;height: 175px; padding: 59px 0px 0px 0px; cursor: pointer; font: 18px/26px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; }
div#tab_meet { background: #000 url(../img/promo_meet.jpg) no-repeat;height: 175px; padding: 59px 0px 0px 0px; cursor: pointer; font: 18px/26px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; }
div#tab_oprah { background: #000 url(../img/promo_oprah.jpg) no-repeat;height: 175px; padding: 39px 0px 0px 0px; font: 18px/26px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; }
div#tab_wizards_challenge { background: #000 url(../img/promo_wizards_challenge.jpg) no-repeat;cursor:pointer;height: 195px; padding: 39px 0px 0px 0px; font: 16px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center;}

span.promo_header { font-variant: small-caps; font-size: 16px; display: block; padding-bottom: 8px; padding-left: 230px; width: 490px;}
span.promo_header_pottermore { font-variant: small-caps; font-size: 16px; display: block; padding-bottom: 8px; padding-left: 240px; width: 490px;}
span.promo_message { display: block;  padding-left: 280px; padding-bottom: 10px; width: 370px; }
span.promo_button_wrapper {display: block;   padding-left: 280px; width: 370px; }

div#tab_oprah .promo_header { font-variant: small-caps; font-size: 16px; display: block; padding-bottom: 4px; padding-left: 251px; width: 490px;}
div#tab_oprah .promo_message { display: block; font-size: 16px; padding-left: 330px; padding-bottom: 6px; width: 336px; line-height: 22px; }
div#tab_oprah .promo_button_wrapper {display: block;   padding-left: 337px; width: 370px; }


a.standard_button:link, a.standard_button:visited { font: bold 10px/11px "Palatino Linotype", "Book Antiqua", Palatino, serif; width: 103px; height: 24px; display: inline-block; text-align: center; text-transform: uppercase; color: #fff !important;  text-decoration: none; background: url(../img/march1_cta.gif) no-repeat; padding-top: 12px; }
a.standard_button:hover, a.standard_button:active {background: url(../img/march1_cta.gif) no-repeat -103px 0px; text-decoration: none !important; }

div.promo_buttons_end { clear: both; font: 1px/1px sans-serif; }


/**
 * March 1 Homepage 
 */

div#march1_page { text-align: center;  width: 720px; overflow: hidden; }
div#march1_page_inner { text-align: left; background: url(../img/march1_page.jpg) no-repeat; padding-top: 195px; padding-left: 330px; padding-right: 80px; height: 300px; }
div#march1_page h2 { font: bold 22px/24px "Palatino Linotype", "Book Antiqua", Palatino, serif; padding: 0px 0px 12px 5px; margin: 0px; font-variant: small-caps; color: #fff; }
div#march1_page p {font:  15px/18px "Palatino Linotype", "Book Antiqua", Palatino, serif; padding: 0px 0px 12px 5px; margin: 0px;color: #fff;}

div#march1_footer { font: bold 12px/14px "Palatino Linotype", "Book Antiqua", Palatino, serif;color: #6b6b6b; width: 440px; text-align: center; margin: 0px auto; border-top: solid 1px #cecece; padding-top: 4px; }
div#march1_footer_legal { font: 10px/14px Arial, Helvetica, sans-serif; color: #6b6b6b; text-align: center; }

a.march1_cta:link, a.march1_cta:visited { font: bold 11px/12px "Palatino Linotype", "Book Antiqua", Palatino, serif; width: 103px; height: 24px; display: block; text-align: center; text-transform: uppercase; color: #fff !important;  text-decoration: none; background: url(../img/march1_cta.gif) no-repeat; padding-top: 12px; }
a.march1_cta:hover, a.march1_cta:active {background: url(../img/march1_cta.gif) no-repeat -103px 0px; text-decoration: none !important; }

/**
 * Standard Utility Page 
 */


div#home_button {width: 51px; height: 79px; position: absolute; right: 30px; top: 13px;}

div#home_button a:link, div#home_button a:visited { text-transform: uppercase; height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-right: 20px; font: bold 11px/13px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book1_cta.gif) no-repeat right -1px; }
div#home_button a:hover, div#home_button a:active  { text-decoration: none !important;background: url(../img/book1_cta.gif) no-repeat right -101px; color: #fff !important; }

div.standard_cols {padding-bottom: 30px;}
div.standard_col1 { float: left; width: 290px; text-align: right; }
div.standard_col2 {float: left; width: 370px;}
div.standard_cols_end { clear: both; font: 1px/1px sans-serif; }
div.standard_cols p {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 15px; line-height: 18px; color: #fff; padding: 0px 0px 15px 0px; margin: 0px;}
div.standard_cols a {color: #fff;}
div.standard_col1_inner { padding: 0px 40px 0px 70px; }

div#about_tabs { min-height: 500px;}

div#author_header { background: url(../img/meet_author_header.png) no-repeat center top; height: 100px; }
div#artist_header { background: url(../img/artist_header.png) no-repeat center top; height: 100px; }
div#about_header { background: url(../img/about_header.png) no-repeat center 30px ; height: 145px; }
div#beedle_header { background: url(../img/beedle_header.png) no-repeat center 10px; height: 80px; padding-top: 65px; padding-left: 300px;  }
div#quidditch_header { background: url(../img/quidditch_header.png) no-repeat center top; height: 80px; padding-top: 65px;  font: bold 11px/12px Arial, Helvetica, sans-serif; color: #fff; text-align: center; }
div#fantastic_header { background: url(../img/fantastic_header.png) no-repeat center top; height: 80px; padding-top: 65px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #fff; text-align: center;  }

a.rightside_cta:link, a.rightside_cta:visited { text-align: right; text-transform: uppercase;  padding-top: 2px; height: 28px; margin-bottom: 4px; text-decoration: none; display: block; padding-right: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book1_cta.gif) no-repeat right 10px; }
a.rightside_cta:hover, a.rightside_cta:active { text-decoration: none !important;background: url(../img/book1_cta.gif) no-repeat right -90px; color: #fff !important; }

a.watch_video_link:link, a.watch_video_link:visited { display: block; float: right; width: 92px; height: 92px; text-decoration: none; background: url(../img/watch_video.gif) no-repeat}
a.watch_video_link:hover, a.watch_video_link:active {background: url(../img/watch_video.gif) no-repeat -92px 0px; }

/**
 * Glossary 
 */
 
div#glossary_layout  {padding-bottom: 30px; text-align: center; min-height: 500px; }
div#glossary_header { background: url(../img/glossary_header.gif) no-repeat center top; padding-top: 50px; padding-bottom: 10px; font: bold 13px/15px Arial, Helvetica, sans-serif; color: #fff; text-align: center;  }

table.tblDef { width: 570px; border-collapse: collapse; border: none;  margin: 0px auto; text-align: left; }
table.tblDef td { color: #fff; font: normal 16px/18px "Palatino Linotype", "Book Antiqua", Palatino, serif; padding: 10px 20px; text-align: left; vertical-align: top }
td.header_row { font: bold 16px/18px "Palatino Linotype", "Book Antiqua", Palatino, serif !important; width: 160px; }
*.alternate_row { background: #192229; }

/**
 * Book Pages 
 */

div#bookpage_content { background: url(../img/bookpage_background.jpg) no-repeat; width: 720px; min-height: 830px; margin-bottom: 30px; }
div#bookpage_sidebar { width: 200px; float: left; margin-right: 95px; }
div#bookpage_text { width: 410px; float: left; }
div#bookpage_end { clear: both; font: 1px/1px sans-serif; }

div#bookpage_content h2 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 17px; font-weight: bold; line-height: 18px; color: #fff; padding: 0px 0px 15px 0px; margin: 0px;}
div#bookpage_content p {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 15px; line-height: 18px; color: #fff; padding: 0px 0px 15px 0px; margin: 0px;}
div.orb_buttons { padding-left: 5px; }
div.book_text { padding-right: 40px; }

div.book1_header { background: url(../img/book1_header.png); height: 27px; padding-top: 60px; padding-left: 90px; }
div.book2_header { background: url(../img/book2_header.png); height: 27px; padding-top: 60px; padding-left: 90px; }
div.book3_header { background: url(../img/book3_header.png); height: 27px; padding-top: 60px; padding-left: 90px; }
div.book4_header { background: url(../img/book4_header.png); height: 27px; padding-top: 60px; padding-left: 90px; }
div.book5_header { background: url(../img/book5_header.png); height: 27px; padding-top: 60px; padding-left: 90px; }
div.book6_header { background: url(../img/book6_header.png); height: 27px; padding-top: 60px; padding-left: 90px; }
div.book7_header { background: url(../img/book7_header.png); height: 27px; padding-top: 60px; padding-left: 90px; }


a.book1_cta:link, a.book1_cta:visited { text-transform: uppercase; height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book1_cta.gif) no-repeat; }
a.book1_cta:hover, a.book1_cta:active { text-decoration: none !important;background: url(../img/book1_cta.gif) no-repeat 0px -100px; color: #fff !important; }

a.book1_mag:link, a.book1_mag:visited { text-transform: uppercase;  height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book1_mag.gif) no-repeat; }
a.book1_mag:hover, a.book1_mag:active { text-decoration: none !important;background: url(../img/book1_mag.gif) no-repeat 0px -100px; color: #fff !important; }

a.book2_cta:link, a.book2_cta:visited { text-transform: uppercase; height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book2_cta.gif) no-repeat; }
a.book2_cta:hover, a.book2_cta:active { text-decoration: none !important;background: url(../img/book2_cta.gif) no-repeat 0px -100px; color: #fff !important; }

a.book2_mag:link, a.book2_mag:visited { text-transform: uppercase;  height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book2_mag.gif) no-repeat; }
a.book2_mag:hover, a.book2_mag:active { text-decoration: none !important;background: url(../img/book2_mag.gif) no-repeat 0px -100px; color: #fff !important; }

a.book3_cta:link, a.book3_cta:visited { text-transform: uppercase; height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book3_cta.gif) no-repeat; }
a.book3_cta:hover, a.book3_cta:active { text-decoration: none !important;background: url(../img/book3_cta.gif) no-repeat 0px -100px; color: #fff !important; }

a.book3_mag:link, a.book3_mag:visited { text-transform: uppercase;  height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book3_mag.gif) no-repeat; }
a.book3_mag:hover, a.book3_mag:active { text-decoration: none !important;background: url(../img/book3_mag.gif) no-repeat 0px -100px; color: #fff !important; }

a.book4_cta:link, a.book4_cta:visited { text-transform: uppercase; height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book4_cta.gif) no-repeat; }
a.book4_cta:hover, a.book4_cta:active { text-decoration: none !important;background: url(../img/book4_cta.gif) no-repeat 0px -100px; color: #fff !important; }

a.book4_mag:link, a.book4_mag:visited { text-transform: uppercase;  height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book4_mag.gif) no-repeat; }
a.book4_mag:hover, a.book4_mag:active { text-decoration: none !important;background: url(../img/book4_mag.gif) no-repeat 0px -100px; color: #fff !important; }

a.book5_cta:link, a.book5_cta:visited { text-transform: uppercase; height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book5_cta.gif) no-repeat; }
a.book5_cta:hover, a.book5_cta:active { text-decoration: none !important;background: url(../img/book5_cta.gif) no-repeat 0px -100px; color: #fff !important; }

a.book5_mag:link, a.book5_mag:visited { text-transform: uppercase;  height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book5_mag.gif) no-repeat; }
a.book5_mag:hover, a.book5_mag:active { text-decoration: none !important;background: url(../img/book5_mag.gif) no-repeat 0px -100px; color: #fff !important; }

a.book6_cta:link, a.book6_cta:visited { text-transform: uppercase; height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book6_cta.gif) no-repeat; }
a.book6_cta:hover, a.book6_cta:active { text-decoration: none !important;background: url(../img/book6_cta.gif) no-repeat 0px -100px; color: #fff !important; }

a.book6_mag:link, a.book6_mag:visited { text-transform: uppercase;  height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book6_mag.gif) no-repeat; }
a.book6_mag:hover, a.book6_mag:active { text-decoration: none !important;background: url(../img/book6_mag.gif) no-repeat 0px -100px; color: #fff !important; }

a.book7_cta:link, a.book7_cta:visited { text-transform: uppercase; height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book7_cta.gif) no-repeat; }
a.book7_cta:hover, a.book7_cta:active { text-decoration: none !important;background: url(../img/book7_cta.gif) no-repeat 0px -100px; color: #fff !important; }

a.book7_mag:link, a.book7_mag:visited { text-transform: uppercase;  height: 14px; padding-top: 2px; margin-bottom: 4px; text-decoration: none; display: block; padding-left: 20px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #ccc !important; background: url(../img/book7_mag.gif) no-repeat; }
a.book7_mag:hover, a.book7_mag:active { text-decoration: none !important;background: url(../img/book7_mag.gif) no-repeat 0px -100px; color: #fff !important; }