/*************************** global.css ***************************/
html, body, form
{
	margin:0;
	padding:0;
}
a:focus
{
	outline:none;
}
#schlPageWrapper 
{
	margin:8px;
}
#wrap /*Anything in wrap gets applied to all of our site, but no their header and footer */
{
	font-family: Trebuchet MS;
}
#wrap td
{
	font-family: Trebuchet MS;
}
a:hover
{
	border:none;
}
img 
{
	border: 0;
}
h3
{
	font-size: 2.3em;
	margin: 30px 0 30px 0;
	padding: 0;
}
h2 
{
	font-size: 1.7em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.right
{
	float: right;
}
.left
{
	float: left;
}
.clear 
{
	clear: both;
}
.clearL
{
	clear: left;
}
.clearR
{
	clear: right;
}
.extraL
{
	margin-left: 10px;
}
a.submit_cta
{
	display:block;
	height:83px;
	width:273px;
	overflow:hidden;
}
a.submit_cta:hover img
{
	margin-top:-83px;
}
.content 
{
	padding: 5px;
}
#games.content
{
	margin-top:0;
}
#games.content embed, #games.content object
{
	margin:0 auto;
	display:block;
}
.scroll
{
	overflow: auto;
}
.whiteBg
{
	background-color: #fff;
}
.purple 
{
	color: #7e36a3;
}
.grey
{
	color: #666;
}
.row 
{
	width: 100%;
	display: inline-block;	
}
.content ul
{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
.content ul li
{
	margin: 10px 0 10px 0;
	padding: 0 5px 0 5px;

}
.content ul li.alt 
{
	padding: 10px 5px 10px 5px;
}
ol 
{
	margin: 0;
	padding: 0;
}
ol li
{
	display: inline;
	margin: 0;
	padding: 0;
}
ol.links li.no 
{
	border-right: 0;
}
ol.links
{
	list-style: none;
}
ol.links li, ul li ol.links li
{
	border-right: 1px solid #c2c2c2;
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;
}
ol.regOL
{
	list-style-position: inside;
}
ol.regOL li
{
	display: block;
}
#alfNav
{
	width: 100%;
	position:relative;
}
#alfNav .borderTop 
{
	width: 100%;
	background: url(http://www.scholastic.com/alliefinkle_el/images/global/border_nav_top.png);
	height: 9px;
	clear: both;
	margin-bottom: 10px;
}
#alfNav .borderBottom 
{
	width: 100%;
	background: url(http://www.scholastic.com/alliefinkle_el/images/global/border_nav_bottom.png);
	height: 9px;
	clear: both;
	margin: 8px 0 0 0;
}
#alfNav .logo 
{
	float: left;
}
#alfNav .navBar
{
	float: right;
	width: 614px;
	height: 88px;
	background:transparent url(../images/global/bg_nav.png) scroll no-repeat 0 0;
	overflow: hidden;
	/* padding-right:60px; */
}
#alfNav .space
{
	line-height:1.5em;
}
#alfNav a.context
{
	position:absolute;
	top:40px;
	right:0;
	display:block;
	width:81px;
	height:81px;
}
#alfNav ol.links
{
	overflow:hidden;
	width:100%;
	margin:0 0 3px 0;
}
#alfNav ol.links li
{
	float:left;
}
#alfNav ol.links li.guide
{
	border:none;
	float:right;
	margin:0;
	padding:0;
}
#alfNav ol 
{
	list-style: none;
	margin: 5px 0 10px 25px;
}
#alfNav ol li.guide {
	display: block;
	text-align: right;
	clear: both;
	padding-right: 20px;
	margin-bottom: 3px;
}

#alfnav ol li
{
	float: left;
}
#alfNav ol ol 
{
	display: block;
	margin: 0;
}
#alfNav .navBar ol li img 
{
	vertical-align: middle;
}
#alfNav .navBar ol li.navLink 
{
	float: left;
}
#alfNav .navBar ol li.navLink.books a
{
	float:left;
	height: 36px;
	overflow: hidden;
}
#alfNav .navBar ol li.books a:hover img, #alfNav .navBar ol li.books a.selected img, #navAFAbout ol li.books a img
{
	margin-top: -36px;
}
#alfNav .navBar ol li.navLink.rotm a
{
	float:left;
	height: 48px;
	overflow: hidden;
}
#alfNav .navBar ol li.rotm a:hover img, #alfNav .navBar ol li.rotm a.selected img
{
	margin-top: -48px;
}
#alfNav .navBar ol li.navLink.games a
{
	float:left;
	height: 57px;
	overflow: hidden;
}
#alfNav .navBar ol li.navLink.games 
{
	margin-top: -8px;
}
#alfNav .navBar ol li.games a:hover img, #alfNav .navBar ol li.games a.selected img, #navAFGames ol li.games a img
{
	margin-top: -57px;
}
#alfNav .navBar ol li.navLink.notebook 
{
	height: 49px;
	overflow: hidden;
}
#alfNav .navBar ol li.navLink.notebook a:hover img, #alfNav .navBar ol li.navLink.notebook a.selected img
{
	margin-top: -51px;
}
#alfNav .navBar ol li.navLink.boards
{
	height: 57px;
	overflow: hidden;
	margin-left:2px;
	margin-top: -3px;
}
#alfNav .navBar ol li.navLink.boards a:hover img
{
	margin-top: -59px;
}
.stub
{
	margin: 5px;
	clear: both;
	padding: 6px 0 8px 0;
	overflow: hidden;
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/global/border_grunge.gif) no-repeat 50% 100%;
}
.stub img 
{
	float: left;
	margin: 0 5px 0 0;
	display:none;
}

.yellowFlowers
{
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/global/bg_yellowflowers.gif) repeat scroll 0 0;
}
.yellowStripes
{
	background: url(http://www.scholastic.com/alliefinkle_el/images/global/bg_yellowstripes.png);
}
#allieCutOut 
{
	background: url(http://www.scholastic.com/alliefinkle_el/images/global/alliecutout.png);
	width: 183px;
	height: 563px;
	position: absolute;
}
#allieCutOut.cowboy
{
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/global/cowboy_allie.png) no-repeat 0 0;
	width:191px;
	height:530px;
}
.pager .selected 
{
	color: #f93e8a;
}
.pager
{
	padding: 5px;
}
.main.borderBottom
{
	width: 100%;
	height: 9px;
	background: url(http://www.scholastic.com/alliefinkle_el/images/global/border_nav_bottom.png);
	margin-top: -5px;
	position: relative;
	overflow: hidden;
}
ol.tabs
{
	list-style: none;
	display: inline-block;
	overflow: hidden;
}
ol.tabs li
{
	float: left;
	background: url(http://www.scholastic.com/alliefinkle_el/images/subpage/bg_tab.png);
	width: 123px;
	height: 38px;
	margin: 0 5px 0 0;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	overflow: hidden;
}
.scribbleTreat1
{
	background: url(http://www.scholastic.com/alliefinkle_el/images/global/bg_scribble1.png);
	width: 100%;
	position: relative;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/*************************** home.css ***************************/
#main.row
{
	position:relative;
	z-index:9;
}
#whatsUp 
{
	width: 240px;
	height: 291px;
}
.rulesOfMonth {
	background:transparent url(../images/home/bg_rotm_home.gif) no-repeat scroll 0pt 50%;
	float:left;
	height:326px;
	position:absolute;
	right:-43px;
	top:-22px;
	width:348px;
	padding:180px 265px 0 30px;
}
.rulesOfMonth p
{
	margin:5px 0 10px;
}
.rulesOfMonth a.avatar
{
	font-size:1.4em;
	position:absolute;
	right:143px;
	top:132px;
	text-decoration:underline;
}
h2.theme
{
	font-size:1em;
	line-height:1em;
	font-weight:normal;
}
h2.theme span
{
	font-size:2.25em;
	line-height:1em;
	color:#7e36a3;
	display:block;
	font-weight:bolder;
}
.rulesOfMonth h3
{
	margin:6px 0 0;
	font-size:0.9em;
	font-weight:bolder;
}
.rulesOfMonth .rules span
{
	float:left;
}
.rulesOfMonth .rules .small
{
	float:right;
	
}
.rulesOfMonth .rules .small ol
{
	float:left;
	margin-right:6px;
}
.rulesOfMonth .rules
{
	list-style:none none outside;
	padding:0;
	margin:0;
}
.rulesOfMonth .rules p
{
	color:#c33f78;
	margin:0;
}
.rulesOfMonth .rules li
{
	padding:0 0 10px;
}
.rulesOfMonth .rules li li
{
	padding:0;
}
.rulesOfMonth .previous
{
	position:absolute;
	width:151px;
	height:215px;
	top:70px;
	right:72px;
}	
.rulesOfMonth .previous p
{
	color:#000;
	margin:0 0 5px;
	font-size:0.9em;
	line-height:1.1em;
}
.rulesOfMonth .previous .small
{
	margin:0 0 10px 0;
}
.rulesOfMonth .previous .small ol
{
	float:left;
}
.rulesOfMonth .previous .theme span
{
	color:#cc5386;
}
.rulesOfMonth .next
{
	width:185px;
	height:95px;
	position:absolute;
	right:17px;
	bottom:40px;
	text-align:center;
	font-size:1.5em;
}
.rulesOfMonth .next h2
{
	color:#fff;
}
.rulesOfMonth a.rate_btn
{
	display:block;
	height:71px;
	width:291px;
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/home/btn_ratealltherules.gif) no-repeat scroll 0 0;
	text-indent:-100000px;
}
.rulesOfMonth a.rate_btn:hover
{
	background-position:0 100%;
}
#whatsUpContent
{
	/*background: #FF86B9 url(http://www.scholastic.com/alliefinkle_el/images/home/bg_whatsup.jpg) no-repeat scroll right top;*/
	background: #78d130 url(/images/home/bg_whatsup.gif) no-repeat scroll right top;
	display: inline-block;
	color: #fff;
	position: absolute;	
	padding:90px 15px 5px 90px;
	min-height:197px;
	height: auto !important;
	height:197px;
	width:140px;
}
#whatsUpContent .stub
{
	margin:0;
	background-image:none;
	padding-bottom:0;
	line-height:1.3em;
}
#whatsUpContent img.head
{
	margin-top: -55px; 
	margin-left: -15px;
}
#ruleHolder
{
	position: absolute;
	top: 393px;
	left: 106px;
	z-index:45;
}
.leftRail
{
	margin-left: 40px;
	overflow: hidden;
}
.rightRail
{
	margin-right: 30px;
}
.middle
{
	display: inline;
}
#dailyPoll
{
	width: 625px;
	height: 325px;
	position: relative;
	top:-25px;
	z-index:10;
	left:52px;
	clear:both;
}
#yourPlace
{
	position: relative;
	left: -20px;
	z-index:10;
}
.col_260
{
	width: 260px;
	float: left;
	display: inline-block;
}
.col_635
{
	width: 635px;
	float: left;
	display: inline-block;
}
.col_655
{
	width: 655px;
	float: left;
	display: inline-block;
}
.col_262
{
	width: 262px;
	float: left;
	margin: 0 7px 0 7px;
	margin-top: -35px;
	padding-top: 20px;
	height: 405px;
}
.col_190
{
	width: 190px;
	float: left;
	top: -9px;
	position: relative;	
	display: inline-block;
	height: 300px;
}
.col_375
{
	width: 375px;
	float: left;
	height: 405px;
	margin-top: -35px;
	padding-top: 20px;
}
.top
{
	position: absolute; 
	margin-left: -40px;
}
.bottom
{
	padding-top: 195px;
	float:right; 
	display: inline-block; 
	clear: right;
}
.yellowStripes
{
	width: 840px; 
	margin-left: 40px;
}
.yellowFlowers
{
	min-height:1078px;
	height: auto !important;
	height:1078px;
	width: 185px;
	float: left;
	display:inline-block;
}
#allieCutOut 
{
	position:absolute;
	left: -63px;
	top:-10px;
	z-index:49;
}
#allieCutOut a
{
	display:block;
	height:100%;
	width:100%;
}
#af_profile_cta
{
	position:absolute;
	z-index:49;
	bottom:-89px;
	left:77px;
}
.alt 
{	
	background-color: #efefff;
}
.main.borderBottom.home
{
	width: 100%;
	height: 9px;
	background: url(http://www.scholastic.com/alliefinkle_el/images/global/border_nav_bottom.png);
	clear:left;
	z-index:1;
	position:relative;
}
#alfNav .borderBottom 
{
	margin: 10px 0 10px 0;
}
#bob ul 
{
	list-style:none none outside;	
}
#bob a
{
	display:block;
	text-decoration:underline;
	padding:0;
	margin:0;
}
#tout 
{
	width:233px;
	position:absolute;
	left:27px;
	margin-top:270px;
	padding:20px 0 12px;
}
#tout div.top
{
	width:100%;
	height:405px;
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/home/bg_tout_top.png) no-repeat scroll right top;
	margin:0;
	position:absolute;
	z-index:11;
	right:0 !important;
	top:0;
}
#tout div.text
{
	position:relative;
	z-index:12;
}
#tout div.cont
{
	width:156px;
	min-height:347px;
	height:auto !important;
	height:357px;
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/home/bg_tout_tile.jpg) repeat scroll left top;
	margin:0 auto 12px;
	padding:5px 30px 0;
}
#tout img.pic
{
	display:block;
	margin:0 auto;
}
#tout p
{
	margin:10px 0;
}
#tout .hr
{
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/home/hr_squig.gif) repeat-x scroll left center;
	height:4px;
	margin:0 -3px;
}
#tout hr
{
	display:none;
}
#tout strong
{
	font-size:1.2em;
	display:block;
}
#tout div.bot
{
	width:100%;
	height:345px;
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/home/bg_toutbot.png) no-repeat scroll left bottom;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}


#nb_promo
{
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/home/bg_notebookpromo.gif) no-repeat scroll 0 0;
	width:664px;
	height:219px;
	padding:0 7px;
	margin:20px -20px 20px 0;
	clear:left;
	float:left;
}
#nb_promo h2
{
	margin-left:-10000px;
	height:43px;
}
#nb_promo ul
{
	list-style:none none outside;
	overflow:hidden;
	margin:0;
	padding:0;
}
#nb_promo li
{
	text-align:center;
	float:left;
	width:120px;
	padding:12px 0 0 12px;
}
#nb_promo strong
{
	display:block;
	width:102px;
	margin:9px auto 0;
	cursor:pointer;
}
#nb_promo a strong 
{
	color:#fff;
}
#nb_promo a img
{
	background:transparent none no-repeat scroll 2px 2px;
}


/*************************** rater.css ***************************/
.small
{
	font-size:0.8em;
}

.rater
{
	width: 200px;
	height: 30px;
	background: transparent url(http://www.scholastic.com/alliefinkle_el/images/rater/rater.gif) repeat-x scroll 0 50%;
	position: relative;
	margin:0 auto 3px;
	z-index:1;
}
.small .rater
{
	background-image:url(http://www.scholastic.com/alliefinkle_el/images/rater/rater_tiny.gif);
	background-position:0 -18px;
	height:18px;
	width:110px;
	margin:0 0 3px;
}
.enabled .rater:hover, .enabled .selecting
{
	background-position:0 100%;
}
ol.rater li
{
	display: inline;
	padding:0;
	margin:0;
}
.rater li a
{
	width: 40px;
	height: 30px;
	position: absolute;
	z-index: 10;
	text-indent:-10000px;
	outline:0;
	display:none;
}
.enabled .rater li a
{
	display:block;
}
.small .rater li a
{
	width:22px;
	height:18px;
}
.enabled .rater li a:hover
{
	background: transparent url(http://www.scholastic.com/alliefinkle_el/images/rater/rater.gif) repeat-x scroll 0 0;
	z-index: 2;
	left: 0px !important;
}
.rater li a.one
{
	left:0;
}
.enabled .rater li a.one:hover
{
	width:40px;
}
.rater li a.two
{
	left:40px;
}
.enabled .rater li a.two:hover
{
	width:80px;
}
.rater li a.three
{
	left:80px;
}
.enabled .rater li a.three:hover
{
	width:120px;
}
.rater li a.four
{
	left:120px;
}
.enabled .rater li a.four:hover
{
	width:160px;
}
.rater li a.five
{
	left:160px;
}
.enabled .rater li a.five:hover
{
	width:200px;
}
.rater li.rating
{
	height:30px;
	background: transparent url(http://www.scholastic.com/alliefinkle_el/images/rater/rater.gif) repeat-x scroll 0 0;
	position:absolute;
}
.small .rater li.rating
{
	height:18px;
	background-image:url(http://www.scholastic.com/alliefinkle_el/images/rater/rater_tiny.gif);
	left:0;
}
.enabled .rater:hover li.rating, .enabled .selecting li.rating
{
	display:none !important;
}
.enabled
{
	background:transparent url(http://www.scholastic.com/alliefinkle_el/images/rater/bg_rate.gif) no-repeat scroll 0 0;
	height:59px;
	width:200px;
	padding:5px 5px 0 5px;
}
.enabled span
{
	color:#666;
	font-size:0.8em;
}
.enabled .personal
{
	float:left;
	padding-left:6px;
}
.enabled .total
{
	float:right;
	padding-right:6px;
}



/*************************** userprompt.css ***************************/

#user_prompts
{
	position:absolute;
	top:322px;
	left:164px;
	z-index:100;
}
#user_prompts div
{
	width:640px;
	border: 5px solid #fff;
	background: transparent url(http://www.scholastic.com/alliefinkle_el/images/popups/bg_orangestripes.png) repeat left top;
	margin:0;
}
#user_prompts div iframe 
{
	width: 100%;
	border:0;	
}
#user_prompts div p
{
	padding:0 20px;
	font-size:1.2em;
	line-height:1.5em;
}
#user_prompts h3
{
	margin:0 10px;
}
#user_prompts #rule_legal 
{
	font-size:0.8em;
	width:595px;
	padding:10px;
}
#user_prompts #rule_legal p
{
	margin:10px 0;
}

#user_prompts #rule_legal p, #user_prompts #rotm_legal p
{
	font-weight:normal;
	font-size:1em;
}
#user_prompts #rotm_legal p img
{
	vertical-align:middle;
}
#user_prompts #rule_legal ul, #user_prompts #rotm_legal ul
{
	list-style:disc none outside;
	padding:0 50px;
}
#user_prompts #rotm_legal p
{
	margin:5px 0;
}
#popup.add_choose, #popup.addnotebook
{
	width:500px;
}

#popup.email
{
}


/* TODO: REMOVE IFRAME SPECIFIC STUFF */
#add_favorite a {
	display:block;
	margin-top:10px;
}
#login_required.popUp h3 {
	margin: 15px 0;
	padding: 0;
}
#user_prompts div#login_required
{
	height: 192px;
	text-align: center;
}
#user_prompts #leaving
{
	height:170px;
	padding:75px 0 0 0;
}
#leaving img 
{
	margin-bottom:10px;
}
/*Patrick*/
.popUp 
{
	width: 645px;
	font-family: Trebuchet MS;
}
.popUp  .head
{
	padding: 20px;
}
.popUp .head h2
{
	float: left;
	color: #ff20b8;
}
.popUp .foot 
{
	clear: both;
	margin: 0 20px 20px 0;
}
#addRule.popUp .head img.head
{
	margin-left: -60px;
	margin-top: -45px;
	float: left;
}
#searchRules.popUp .head img.head
{
	margin-top: -60px;
	margin-left: -60px;
	float: left;
}
#searchRules.popUp h3 
{
	margin: 0;
	padding: 0;
}
#searchRules.popUp .head
{
	margin-bottom: 0;
	padding-bottom: 7px;
}
#searchRules.popUp table
{
	width: 96%;
	margin-top: 10px;
	
}
#searchRules.popUp table thead tr td
{
	border-bottom: 1px solid #dadada;
}
#searchRules.popUp table tr 
{
}
#searchRules.popUp table tr td 
{
	font-family: Trebuchet MS;
	padding: 6px;
	
}
#searchRules.popUp table tr
{
	background: #fff;
}
#searchRules.popUp table tr.alt {
	background: #fefde1;
}
#searchRules.popUp label{
	width: auto;
}
#searchRules.popUp .content img.hr 
{
	margin-bottom: 15px;
}
#editFavs .left
{
	margin-bottom: 20px;
}
.popUp .closeX
{
	float: right;

}
.popUp h3
{
	color: #0000cc;
	font-size: 1.4em;
}
.popUp .content
{
	padding: 0 30px 0 30px;
	font-family: Trebuchet MS;
}
.popUp label 
{
	clear:left;
	display:block;
	float:left;
	margin-bottom:0.5em;
	padding-right:8px;
	text-align:right;
	width:165px;
	font-weight: bolder;
}
.popUp input, .popUp select, .popUp textarea
{
	margin-bottom:1.6em;
	float: left;
	margin-right: .5em;
}
.popUp textarea
{
	width: 290px;
}
.popUp input
{
	margin-right:8px;
}
.popUp input.chk
{
	float: none;
	margin: 0 0 3px 0;
	padding: 0;
	width: auto;
}
.popUp .btn 
{	
	position: relative;
	bottom: 6px;
	width: auto;
	vertical-align: bottom;
}
#confirm.popUp
{
	width: 300px;
	font-family: Trebuchet MS;
	text-align:center;
}
#confirm.popUp h3
{
	margin:0 0 6px;
}
#user_prompts .content
{
	padding: 20px;
}
#nbpicker li
{
	width:90px;
	text-align:center;
}
#user_prompts #big_confirm , #user_prompts  #confirm_rotm
{
	height:auto;
	max-width:515px;
	width:100% !important;
	width:515px;
}
#user_prompts .edit_avatar
{
	width:711px;
}
#user_prompts .edit_avatar embed, #user_prompts .edit_avatar object
{
	position:absolute;
	z-index:101;
}
#user_prompts .allFriends, #user_prompts .pending_f
{
	width:800px;
}
#darkenScreenObject
{
	background-color:#000000;
	height:500px;
	left:0pt;
	position:absolute;
	top:0pt;
	width:100%;
	z-index:90;
}