#schlContent {
    background: #000;
}
#schl3o {
    background: url(images/bkg_map_dots.png) no-repeat;
    color: #000;
}

#schl3o p {
	font-size: 14px;
	line-height: 1.2;
	margin: 14px 0 0 0;
}
#schl3o img {
	border: none;
}
#schl3o ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#schl3o li {
	font-size: 14px;
	margin-bottom: 5px;
}

.col1 {
	float: left;
}
.col2 {
	float: left;
}

/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

/* The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
	zoom: 1;
}

.clear{
	clear:both;
}

.bullets li a {
	background: transparent url(images/arrow.gif) center right no-repeat;
	padding-right: 10px;
	width: 14em; 
}

.nolinkebullet li {
	background: transparent url(images/arrow.gif) center left no-repeat;
	padding-left: 10px;
	width: 380em; 
}
/*Hover image replacement*/
.blockLink	{
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
}
a.blockLink:hover	{
	background-position:left bottom;
}

/* Teach the 39 Clues Styles */
.header {
	text-align: center;
}
.logo {
	padding: 12px 0 24px 0
}

.welcome {
	background: url("images/new_images/bg_adventuremap.jpg") no-repeat scroll 0 0 transparent;
    height: 427px;
    margin: auto;
    padding: 28px 45px;
    width: 767px;
}
.welcome .ir {
	background: url(images/new_images/bring_the_Adventure_to_life.png) no-repeat;
	margin: 16px 0 0 0;
	height: 16px;
	width: 470px;
}
.welcome.new_design{
	position: relative;
	margin: auto auto 44px !important;
}
.welcome.new_design .line_separator{
	background: url(images/new_images/separator.png) no-repeat;
	height: 35px;
}
.welcome.new_design p{
	color: #FFFFFF;
    font-size: 13px !important;
    line-height: 22px !important;
    margin: 10px 0 14px !important;
    width: 86%;
}
.welcome.new_design .welcome_reading_club_red_banner{
	background: url("images/new_images/reading_club_red.png") no-repeat scroll 0 0 transparent;
    color: rgba(0, 0, 0, 0);
    height: 45px;
    text-indent: -9000px;
}
.welcome.new_design .host_a_39_clues{
	background: url("images/new_images/host_a_39_clues_reading_club.png") no-repeat scroll 0 0 transparent;
    color: rgba(0, 0, 0, 0);
    height: 15px;
    text-indent: -9000px;
}
.clues_books_top{
	background: url("images/new_images/39clues_books_banner.png") no-repeat scroll 0 0 transparent;
    color: rgba(0, 0, 0, 0);
    height: 353px;
    position: absolute;
    right: 21px;
    text-indent: -9000px;
    top: 90px;
    width: 332px;
}
.host_signup_btn{
	background: url("images/new_images/host_signup_btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 45px;
    margin-left: 117px;
    text-indent: -9000px;
    width: 206px;
}

#copyBringtheAdventure{
	background:url(images/copyBringtheAdventure.png) no-repeat;
	height:58px;
	width:470px;
}
#copyBringtheAdventure img{
	height:58px;
	width:470px;
}
#copySignUp{
	background: url(images/copySignUp.png) no-repeat;
	height:17px;
	width:470px;
}
#copySignUp img{
	height:17px;
	width:470px;
}
#welcomeBadges{
	height:130px;
	color:#ffd581;
	font:11px/14px Arial, Helvetica, sans-serif;
	text-align:center;
}
#badgesKit{
	background:url(images/btnKit.png) no-repeat;
	float:left;
	width:87px;
	*color:#ffd581;
	*font:11px/14px Arial, Helvetica, sans-serif;
}
#badgesKit img{
	width:87px;
	height:84px;
}
#badgesMedal{
	background:url(images/btnMedal.png) no-repeat;
	float:left;
	width:100px;
	*color:#ffd581;
	*font:11px/14px Arial, Helvetica, sans-serif;
}
#badgesMedal img{
	width:100px;
	height:84px;
}
#badgesSubscription{
	background:url(images/btnSubscription.png) no-repeat;
	float:left;
	width:105px;
	*color:#ffd581;
	*font:11px/14px Arial, Helvetica, sans-serif;
}
#badgesSubscription img{
	height:84px;
	width:105px;
}
.badgesSignUp{
	background-image:url(images/btnSignUp.png);
	float:left;
	width:198px;
	height:92px;
	margin-left:-20px;
}
.badgesSignUp img{
	width:198px;
	height:92px;
}
.btnPlus{
	background:url(images/btnPlus.png) no-repeat;
	width:12px !important;
	height:13px !important;
}
.btnPlus img{
	width:12px !important;
	height:13px !important;
}
#welcomeFooter{
	color:#ffd581;
	font:8px/16px Arial, Helvetica, sans-serif;
	padding-top:17px;
}
#schl3o .welcome a {
	color: #bbc9fe;
	text-decoration: none;
	outline: none;
}
.welcome .col1 {
	width: 500px;
}
.welcome .col2 {
	text-align: center;
	width: 282px;
}
.col2 .btn {
	display: block;
	margin: 0 0 0 13px;
}
.col2 .btn-webcast, .col2 .btn-guide {
	margin: 5px 0 0 15px;
}
.col2 .btn-news {
	margin: 22px 0 0 18px;
}

/*Pop-Ups*/
.dispNone{display:none}
.dispBlock{display:block}
.ovrlay{
	position:absolute;
	background:transparent url(images/ovrlayBg_left.png) 0 0 no-repeat;
	height:112px;
	font-size:112%;
	width:258px;
	*background-position:6px 0;
}
#welcomeBadges .ovrlay {}
.ovrlay p{
	background-color:#000000;
	color: #FFFFFF;
	font-size: 93%;
	height: 80px;
	margin: 8% 0 0 2%;
	width: 92% !important;
	padding:3% 2% 0;
	*margin-top:19px !important;
}

#boxcrest{left:252px;top:779px;padding:4px 0 0 5px;/**left:116px;*top:796px;*/*left:244px;*top:803px;}
#medalcrest{left:333px;top:783px;padding:4px 0 0 5px;/**left:197px;*top:800px;*/*top:325px;*left:806px;}
#envelopcrest{left:448px;top:783px;padding:4px 0 0 5px;/**left:312px;*top:800px;*/*top:440px;left:806px;}

/* modals */
.ui-widget-overlay {
	background: url(images/overlay.png) repeat-x scroll 50% 50% #000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding-top: 18px;
	position: relative;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	margin: -20px 0 0 0;
}
.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
}
.modal {
	background: url(images/newsletter_btm.png) 0 100% no-repeat;
	margin-bottom: 15px;
	padding-bottom: 25px;
}
.modal .content {
	background: url(images/newsletter_top.png) no-repeat;
	color: #fff;
	height: 100%;
	padding-top: 60px;
}

/* Newsletter modal */
.newsletter-modal .ui-dialog-titlebar-close {
	height: 18px;
	width: 18px;
	right: 13px;
	top: 30px;
}
.newsletter-modal .ui-dialog-titlebar-close span {
	background: url(images/close.gif) 0 0 no-repeat;
	height: 18px;
	width: 18px;
}
.newsletter .content .frm {
	margin-left: 32px;
}
.newsletter .content .frm td {
	padding-bottom: 7px;
}
.newsletter .content .frm td.send{
	padding-top: 15px;
	text-align: center;
}
.newsletter .content .frm .required {
	background-color: #2a2a2a;
	border: 1px solid #555555;
	color: #fff;
	height: 26px;
	width: 200px;
}
.newsletter .content .frm select {
	background-color: #2a2a2a;
	border: 1px solid #555555;
	color: #fff;
	width: 200px;
}
.newsletter .content .ErrorText {
	padding: 0 10px 10px 15px;
}

/* Thank You modal */
.thank-you-modal .ui-dialog-titlebar-close {
	top: 270px;
	right: 98px;
}
.thank-you-modal .ui-dialog-titlebar-close span {
	background-image: url(images/btn_close.png);
	height: 37px;
	width: 124px;
}
.thank-you {
	width: 270px;
}
.thank-you .content {
	background-image: url(images/thankyou_top.png);
	height: 321px;
	padding: 60px 54px 0 54px;
}
.thank-you .ir {
	background-image: url(images/hdr_thank_you.png);
	height: 44px;
	margin: 60px 0 0 0;
	width: 218px;
}

/*Video/Mid Section*/
.video .ir {
	background:url(images/midDivider.png) no-repeat;
	height:21px;
	width:920px;
	margin-bottom:25px;
}
.section {
	padding: 0 3px;
	margin-bottom: 45px; 
}
.section a, .author {
	color: #11537d;
}

.video {
	text-align: center;
}

/*Tabs/Bottom*/
.resources .ir {
	background:url(images/midDivider2.png) no-repeat;
	height:24px;
	width:920px;
	margin-bottom:25px;
}
.tabs {
	height: 63px;
	margin-left: 6px;
}
.tab-nav {
	float: left;
	margin: 0;
	padding: 0;
}
.tab-nav li {
	float: left;
	height: 63px;
	margin-bottom: 0px !important;
	width: 204px;
}
.tab-nav a {
	display: block;
	height: 63px;
	text-align: left;
	text-indent: -999em;
	width: 204px;
	outline: none;
}
.tab-nav #tab1 a {
	background: url(images/new_images/thecluehunt_selected_tab.png) no-repeat;
}
.tab-nav #tab1 a.on, .tab-nav #tab1 a:hover, .tab-nav #tab2 a.on, .tab-nav #tab2 a:hover {
	background-position: 0 -78px;
}
.tab-nav #tab2 a {
	background: url(images/new_images/cahill_tab.png) no-repeat;
}
.tab-nav #tab3 a {
	background: url(images/new_images/multimedia_tabs.png) no-repeat;
}
.tab-nav #tab4 a {
	background: url(images/new_images/unstoppable_tab.png) no-repeat;
}
.tab-nav #tab3 a.on, .tab-nav #tab3 a:hover, .tab-nav #tab4 a.on, .tab-nav #tab4 a:hover {
	background-position: 0 -79px;
}
.tab-content {
	background: #fff;
	clear: both;
	margin: 0 8px;
	padding: 30px 0 0;
}
.virtual_field_baner{
	background: url("images/new_images/virtual_field_trip_and_webcast_support_matterials.jpg") no-repeat scroll 0 0 transparent;
    color: rgba(0, 0, 0, 0);
    height: 45px;
    margin: auto;
    text-indent: -90000px;
    width: 714px;
}
.text_content{
	margin-left: 46px;
    width: 80%;
    margin-bottom: 39px;
}
.text_content h2{
	font-size: 17px !important;
}
.text_content p{
	line-height: 20px !important;
    text-align: justify;
}
.text_content .ccss_links{
	
}
.text_content .ccss_links li{
	margin-bottom: 6px;
}
.text_content .ccss_links a{
	display: block;
    font-size: 13px !important;
}
.text_content .ccss_links a.ccss{
	background: url("images/new_images/ccss.jpg") no-repeat scroll 0 3px transparent;
    padding-left: 31px;
}
.correlated_core_standars{
	font-size: 11px;
    margin-bottom: 12px;
    margin-left: 51px;
    padding-bottom: 64px;
}
#btnDecodeWriting{
	background:url(images/btn_webcast_history2.jpg) no-repeat;
	width:200px;
	height:73px;
	margin-left:10px
}
.series1 .intro {
	background-image: url(images/hdr_use_the_following.png);
	margin: 0 0 30px 85px;
	height: 42px;
	width: 695px;
}
.series1 .webcasts {
	background-image: url(images/hdr_webcasts_guides.png);
	height: 12px;
	margin-bottom: 12px;
	margin-left: 50px;
	width: 179px;
}
.series3{
	padding-bottom: 35px;
}
.webcast {
	background: url(images/bkg_gray_box.png) 0 0 no-repeat;
	border: 1px solid #adacac;
	margin-left: 50px;
	padding: 0 30px 0 24px;
	width: 720px;
}
.webcast .col1 {
	width: 490px;
}
.webcast .col2 {
	margin-top: 40px;
}
.series1 .book-by-book, .series2 .book-by-book, .series4 .book-by-book {
	background-image: url(images/hdr_book_by_book.png);
	height: 12px;
	margin: 30px 0 8px 50px;
	width: 232px;
}
.s4-book-nav{
	margin-bottom: 60px;
    overflow: hidden;
    padding-left: 39px !important;
}
.s4-book-nav li{
	float: left;
	margin-right: 40px;
}
.s4-book-nav a{
	display: block;
    
    text-indent: -9000px;
    height: 121px;
    width: 91px;
}
.s4-book-nav .book1{
	background: url("images/new_images/unstoppable_book1_little.png") no-repeat scroll 0 0 transparent;
    
}
.s4-book-nav .book2{
	background: url("images/new_images/unstoppable_book2_little.png") no-repeat scroll 0 0 transparent;
    
}
.s4-book-nav .book3{
	background: url("images/new_images/unstoppable_book3_little.png") no-repeat scroll 0 0 transparent;
    
}
.s4-book-nav .book4{
	background: url("images/new_images/unstoppable_book4_little.png") no-repeat scroll 0 0 transparent;
    
}
.s4-book-nav a:hover{
	background-size: 91px auto;
    
}
.coming_soon{
	background: url("images/new_images/comingsoon_03.jpg") no-repeat scroll 0 0 transparent;

}
.books {
	height: 111px;
	margin-bottom: 70px;
}
#series1 .book-overviews .books{
	*height:222px;
	*margin-bottom:30px;
}
#series1 .book-nav {
	float: left;
	margin: 0 0 20px 33px;
	padding: 0;
}
.book-nav li {
	float: left;
	height: 111px;
	padding-right: 0px;
}
.book-nav .ir {
	background: url(images/book_sprites.jpg) 0 0 no-repeat;
	height: 111px;
	width: 76px;
}
.book-nav .ir:hover {
	background-position: 0 -111px;
	width: 84px;
}
.book-nav .book2 {
	background-position: 0 -222px;
}
.book-nav .book2:hover {
	background-position: 0 -333px;
}
.book-nav .book3 {
	background-position: 0 -444px;
}
.book-nav .book3:hover {
	background-position: 0 -555px;
}
.book-nav .book4 {
	background-position: 0 -666px;
}
.book-nav .book4:hover {
	background-position: 0 -777px;
}
.book-nav .book5 {
	background-position: 0 -888px;
}
.book-nav .book5:hover {
	background-position: 0 -999px;
}
.book-nav .book6 {
	background-position: 0 -1110px;
}
.book-nav .book6:hover {
	background-position: 0 -1221px;
}
.book-nav .book7 {
	background-position: 0 -1332px;
}
.book-nav .book7:hover {
	background-position: 0 -1443px;
}
.book-nav .book8 {
	background-position: 0 -1554px;
}
.book-nav .book8:hover {
	background-position: 0 -1665px;
}
.book-nav .book9 {
	background-position: 0 -1776px;
}
.book-nav .book9:hover {
	background-position: 0 -1887px;
}
.book-nav .book10 {
	background-position: 0 -1998px;
}
.book-nav .book10:hover {
	background-position: 0 -2109px;
}
.book-nav .book11 {
	background-position: 0 -2220px;
}
.book-nav .book11:hover {
	background-position: 0 -2331px;
}
.book {
	padding-bottom: 60px;
}
.cover {
	float: left;
	margin-left: 45px;
}
.book-details {
	float: right;
	padding-right: 76px;
	width: 650px;
}
.book-details h3 {
	margin-top: 0;
	font-size: 17px;
}
.book .col1 {
	margin-right: 55px;
}
.book .col2 {
	float: left;
}

#series2 .s2-books {
	height: 124px;
	margin-bottom: 70px;
}
#series2 .s2-book-nav {
	float: left;
	margin: 0 0 0 35px;
	padding: 0;
}
#series2 .s2-book-nav li {
	float: left;
	height: 124px;
	margin-right: 40px;
}
#series2 .s2-book-nav .ir {
	background: url(images/books_series2_sprite2.png) 0 0 no-repeat;
	display: block;
	height: 124px;
	width: 92px;
}
#series2 .s2-book-nav .book1 {
	background-position: 0 0;
}
#series2 .s2-book-nav .book1:hover {
	background-position: -92px 0;
}
#series2 .s2-book-nav .book2 {
	background-position: 0 -124px;
}
#series2 .s2-book-nav .book2:hover {
	background-position: -92px -124px;
}
#series2 .s2-book-nav .book3 {
	background-position: 0 -248px;
}
#series2 .s2-book-nav .book3:hover {
	background-position: -92px -248px;
}
#series2 .s2-book-nav .book4 {
	background-position: 0 -372px;
}
#series2 .s2-book-nav .book4:hover {
	background-position: -92px -372px;
}
#series2 .s2-book-nav .book5 {
	background-position: 0 -496px;
}
#series2 .s2-book-nav .book5:hover {
	background-position: -92px -496px;
}
#series2 .s2-book-nav .book6 {
	background-position: 0 -621px;
}
#series2 .s2-book-nav .book6:hover {
	background-position: -92px -621px;
}
#series2 {
	display: none;
}

/*Sign Up Pop Up*/
.fltLt{float:left;}

#backgroundPopup{background-color:#000;opacity:0.5;width;100%;z-index:0;position:absolute;left:0px;top:0;display:none;}
.Popup{background:#000 url(images/bkgrdThankYou.png) 0 0 no-repeat;height:470px;position:absolute;left:300px;top:280px;width:682px;color:#cc3333;font-size:130%;font-weight:bold;z-index:100002;}


.Popup2{background:url(images/popup_bg2.png) 0 0 no-repeat;height:902px;width:700px;}
.popupClose{border:1px solid #fff;width:25px;height:22px;text-align:center;float:right;margin:-20px 11px 4px 0;font-size:100%;color:#fff;background-color:transparent;padding-top:4px;}
.popupClose2{border:1px solid #fff;width:25px;height:22px;text-align:center;float:right;margin:-10px 11px 4px 0;font-size:100%;color:#fff;background-color:transparent;padding-top:4px;*margin:0 11px 4px 0;*text-decoration:none;}
.form_fields,.thankuTxt{float:left;width:93%; padding:50px 0 0 30px;}
.thankuTxt{font-size: 200%;padding-left: 100px;padding-top: 100px;text-align: center;width: 470px;font-weight:normal;*text-decoration:none;}
p.inputBgLft{background:transparent url(images/input_bgleft.gif) 0 0 no-repeat;height:45px;width:11px;float:left;*margin-top:16px;}
p.inputBgRt{background:transparent url(images/input_bgright.gif) 0 0 no-repeat;height:45px;width:11px;float:left;*margin-top:16px;}
.Popup input,.Popup select{height:38px;width:300px;border-top:1px solid #999;border-bottom:1px solid #999;background-color:transparent;color:#fff;margin:17px 0 0;float:left;border-left:0px;border-right:0px;}
.Popup input.SignUp{background:transparent url(images/signup.png) 0 0 no-repeat;height:75px;width:250px;border:0px;}
.Popup select.title{width:145px}
.Popup select.grade{width:50px}
.Popup select{height:40px;background-color:#000;color:#FFF;padding:7px 0;font-size:106%;}
.Popup label{padding:25px 20px 0px 0;float:left;width:100px;text-align:right}
.Popup label.grade{width:80px;padding:25px 0 0}
img.indicator{float:left;}
div.fields{float:left;width:75%;/*padding-top:20px;*/}
div.fields div{/*padding-bottom:20px;*/float:left;}
p.popupCentr{float:left;padding-left:70px;}
.popupBackCentr{float:left;padding-left:220px;}
.noMargn{margin:0px !important}
.noPadngTop{padding-top:0px !important}
.noPadng{padding:0px !important}

#forUSCustomers{float:left; margin-left: 120px; color:#ffcc99;background-color:transparent;  padding-top: 10px;}
#forCACustomers{float:left; margin-left: 120px; color:#ffcc99;background-color:transparent;  padding-top: 10px;}
.mailmeTxt{  font-size: 74%; padding: 14px;float:left}
.Popup .noThnx{  font-size: 70%; padding: 14px;float:left;color:#999;background-color:transparent}
.Popup .noThnx input.chkbox{float:left;width:30px !important;height:16px;margin:0px}
#mailmeForm{float:left;background:transparent url(images/mailmeDetails_bg.gif) 0 0 no-repeat;height:165px;width:630px; margin-left:-241px;color:#CC3333;background-color:transparent;padding:30px 0 0 30px;font-size: 85%;}
#mailmeForm2{float:left;background:transparent url(images/mailmeDetails_bg2.gif) 0 0 no-repeat;width:627px; margin-left:-241px;color:#CC3333;background-color:transparent;padding:25px 0 0 30px;font-size: 85%;*height:213px;}
.Popup #mailmeForm input,.Popup #mailmeForm2 input{background-color: #FFFFFF;color: #000000;height: 30px;margin: 13px 0 0;}
#mailmeForm label.lesrWidth{ padding-right: 10px;width: 80px;}
#mailmeForm2 label.lesrWidth{ padding-right: 10px;width: 60px;}
#mailmeForm label.lesWidth,#mailmeForm2 label.lesWidth{ padding-right: 10px;width: 60px;}
#mailmeForm select,#mailmeForm2 select{height: 32px;margin: 15px 0 0;}
input.civicAdrs{width:425px}
select.SelWidth65{width:65px;background-color:#FFF;color:#000;}
.Popup p.inputBgWtLft{background:transparent url(images/input_Whitebgleft.gif) 0 0 no-repeat;height:35px;width:10px;float:left;*margin-top:13px;}
.Popup p.inputBgWtRt{background:transparent url(images/input_Whitebgright.gif) 0 0 no-repeat;height:35px;width:10px;float:left;*margin-top:13px;}



p.popupLogoCntr{margin:0 0 20px 15px;}
p.popupLogoCntr2{margin:10px 0 20px 10px;}