@charset "utf-8";
/* CSS for Teens main page box */

/* "blog", "poll", "highlight", "books", "fun", "aboutclp", "life", "homework"*/

.blogheadlines{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF !important;
}

#poll_hover_content{
	color: #FFFFFF !important;
} #poll_hover_content * {
	color: #FFFFFF !important;
} #poll_hover_content input{
	color: #000000 !important;
}

#lockers {
	position: relative;
	/*top: 292px;
	left: 25px;*/
	top: 24px;
	left: 24px;
	z-index: 1;
	width: 465px;
	height: 382px;
	background-image: url(/teens/images/lockernavigation.jpg);
	border: 1px #FFFFFF solid;
}

.mainboxhover_link{
	color:#FFFFFF !important;
	text-decoration:underline;
	font-weight: bold;
	font-size: 14px;
}

/*MAKE THE TEXT OF THE HOVER BOXES WHITE*/
.mainboxhover_content{
	color:#FFFFFF !important;
} 

.mainboxhover_content p{
	color:#FFFFFF !important;
}

.mainboxhover_arrow{
	color:#FFFFFF !important;
}

.mainboxlabel{
	/*visibility: hidden;*/
	display: none;
} 

.mainboxlink{
	float: left;
	z-index: 10;
	position: absolute;
	display: inline;
	/*border: 1px #CCFF00 solid;*/
} 

#poll_link{
	margin-left:-27px;
	width: 140px;
	height: 60px;
	left: 345px;
	top: 294px;
} 

#blog_linka{
	margin-left:-50px;
	width: 48px;
	height: 70px;
	left: 374px;
	top: 92px;
}

#blog_link{
	width: 75px;
	height: 100px;
	left: 377px;
	top: 92px;
} 


#books_link{
	width: 126px;
	height: 84px;
	left: 175px;
	top: 4px;
} #fun_link{
	width: 125px;
	height: 114px;
	left: 186px;
	top: 111px;
} #aboutclp_link{
	width: 132px;
	height: 96px;
	left: 6px;
	top: 223px;
} #life_link{
	width: 134px;
	height: 146px;
	left: 4px;
	top: 64px;
} #homework_link{
	width: 120px;
	height: 144px;
	left: 185px;
	top: 235px;
}


.mainboxhover{
	float: left;
	z-index: 10;
	position: absolute;
	display: none;
	border: 1px #FFFFFF solid;
	cursor: pointer;
} 

.mainboxhover_content{
	position: absolute;
	/*border: 1px #CCFF00 solid;*/
} 

.mainboxhover_arrow{
	position: absolute;
	font-weight:bold;
	font-size:150%;
	/*border: 1px #CCFF00 solid;*/
}

#poll_hover{
	margin-left:-29px;
	width: 244px;
	/*height: 289px;*/
	height: 300px;
	left: 105px;
	top: 80px;
	/*display:inline;*/
} 

#poll_hover_content{
	width: 213px; 
	height: 266px;
	left: 14px;
	top: 11px;
} 

#poll_hover_arrow{
	width: 11px;
	height: 16px;
	left: 230px;
	top: 240px;
	font-weight:bold;
	font-size:150%;
} 

#blog_hover{
	margin-left:-65px;
	width: 306px;
	height: 370px;
	left: 125px;
	top: 5px;
	/*display: inline;*/
} #blog_hover_title{
	width: 296px;
	height: 35px;
	left: 4px;
	top: 5px;
	/*border: 1px #CCFF00 solid;*/
} #blog_hover_content{
	width: 270px;
	height: 243px;
	left: 13px;
	top: 27px;
} #blog_hover_arrow{
	width: 11px;
	height: 16px;
	left: 290px;
	top: 93px;
	font-weight:bold;
	font-size:150%;
} 


/*THIS IS THE FILM STRIP ON THE LOCKER ON THE TEEN HOME PAGE*/
/*THESE 4 IDS POSITION THE INDIVIDUAL IMAGES WITHIN THE FILM STRIP*/

/* removed by Greg #highlight_link{
	width: 33px;
	height: 123px;
	left: 337px;
	top: 162px;
}*/ 

/*THESE WERE WITHIN THE WEB PAGE AS AN INLINE STYLE FOR THE SMALL PREVIEW GRAPHICS*/
#highlight_1_img	{
	float:left; 
	left:2px;
	width:30px; 
	height:27px;
}

#highlight_2_img	{
	float:left; 
	left:2px;
	width:30px; 
	height:27px;
}

#highlight_3_img	{
	float:left;
	left:2px;
	width:30px;
	height:27px;
}

#highlight_4_img	{
	float:left;
	left:2px;
	width:30px;
	height:27px;
}

#highlight_1_link{
	/*width: 33px;
	height: 25px;*/
	position: absolute;
	left: 339px;
	top: 164px;
} 

#highlight_2_link{
	/*width: 33px;
	height: 25px;*/
	position: absolute;
	left: 340px;
	top: 194px;
} 

#highlight_3_link{
	/*width: 33px;
	height: 25px;*/
	position: absolute;
	left: 339px;
	top: 224px;
} 

#highlight_4_link{
	/*width: 33px;
	height: 25px;*/
	position: absolute;
	left: 339px;
	top: 253px;
}

/*THESE DETERMINE THE DIMENSIONS AND POSITION OF THE POPUP WINDOWS THAT OPEN UP FROM THE FILM STRIP ON THE HOME PAGE*/
#highlight_hover{
	/*width: 244px;*/
	width: 230px;
	/*height: 289px;*/
	height: 300px;
	left: 93px;
	/*top: 80px;*/
	top: 0px;
} 

.highlight_hover{
	width: 230px;
	height: 300px;
	left: 93px;
	top: 0px;
} 

/*THIS CLASS WAS USED FOR THE FILM STRIP HOVER WINDOW BUT DIDN'T HAVE ANY STYLES ASSOCIATED WITH IT -- Cathy 1/19/2012*/
.highlight_hover_content	{
	padding:10px;
}

/*THIS IS TO GIVE MORE SPACE AROUND THE TEXT IN THE POPUP BOX*/
.highlight_hover_content	p	{
	margin:5px 0 20px 10px;
}

/*THE HOVER CONTENT IS THE ACTIVE LINK AREA IN THE WINDOW THAT POPS UP WITH THE LARGER IMAGE AND DESCRIPTION.  INSTEAD OF THE POSITIONING I ADDED PADDING ABOVE TO THE highlisth_hover_content CLASS  AND IT APPEARS IT DOESN'T NEED THE DIMENSIONS */
#highlight_1_hover_content	{
	/*width: 213px;*/ 
	/*width: 200px;
	height: 266px;*/
	/*left: 14px;
	top: 11px;*/
} 

#highlight_2_hover_content{
	/*width: 213px;*/ 
	/*width: 200px;
	height: 266px;*/
	/*left: 14px;
	top: 11px;*/
} 

#highlight_3_hover_content{
	/*width: 213px;*/ 
	/*width: 200px; 
	height: 266px;*/
	/*left: 14px;
	top: 11px;*/
} 

#highlight_4_hover_content{
	/*width: 213px;*/ 
	/*width: 200px;
	height: 266px;*/
	/*left: 14px;
	top: 11px;*/
} 

/*THIS IS THE WHITE » ARROW TO THE RIGHT OF THE IMAGE IN THE POPUP WINDOW
THAT IS REALLY OVERKILL SINCE EVERYTHING ELSE IS ALREADY LINKED */
/*THIS CLASS (AND ID) WERE NOT GIVEN STYLES CC 1/19/2012*/
.highlight_hover_arrow	{
	font-weight:bold;
	font-size:150%;
}

#highlight_1_hover_arrow{
	width: 11px;
	height: 16px;
	/*left: 230px;*/
	left: 210px;
	top: 87px;
} 

#highlight_2_hover_arrow{
	width: 11px;
	height: 16px;
	/*left: 230px;
	top: 117px;*/
	left: 210px;
	top: 87px;
} 

#highlight_3_hover_arrow{
	width: 11px;
	height: 16px;
	left: 210px;
	top: 87px;
} 

#highlight_4_hover_arrow{
	width: 11px;
	height: 16px;
	left: 210px;
	top: 87px;
} 

#books_hover{
	width: 205px;
	height: 100px;
	left: 247px;
	top: 10px;
	/*display: inline;*/
} #books_hover_content{
	width: 174px;
	height: 61px;
	left: 18px;
	top: 7px;
} #books_hover_arrow {
	width: 11px;
	height: 16px;
	left: 3px;
	top: 24px;
}

#fun_hover{
	width: 205px;
	height: 76px;
	left: 247px;
	top: 127px;
	/*display:inline;*/
} #fun_hover_content{
	width: 174px;
	height: 61px;
	left: 18px;
	top: 7px;
} #fun_hover_arrow {
	width: 11px;
	height: 16px;
	left: 3px;
	top: 24px;
	font-weight:bold;
	font-size:150%;
}

#aboutclp_hover{
	width: 205px;
	height: 90px;
	left: 117px;
	top: 200px;
	/*display:inline;*/
} #aboutclp_hover_content{
	width: 174px;
	height: 61px;
	left: 18px;
	top: 7px;
} #aboutclp_hover_arrow {
	width: 11px;
	height: 16px;
	left: 3px;
	top: 24px;
	font-weight:bold;
	font-size:150%;
}

#life_hover{
	width: 205px;
	height: 85px;
	left: 112px;
	top: 80px;
	/*display:inline;*/
} #life_hover_content{
	width: 174px;
	height: 61px;
	left: 18px;
	top: 7px;
} #life_hover_arrow {
	width: 11px;
	height: 16px;
	left: 3px;
	top: 24px;
	font-weight:bold;
	font-size:150%;
}

#homework_hover{
	width: 205px;
	height: 85px;
	left: 215px;
	top: 291px;
	/*display:inline;*/
} #homework_hover_content{
	width: 174px;
	height: 61px;
	left: 18px;
	top: 7px;
} 
#homework_hover_arrow {
	width: 11px;
	height: 16px;
	left: 3px;
	top: 24px;
	font-weight:bold;
	font-size:150%;
}

.whitebox{
	background-color:#FFFFFF;
}.blackbox{
	background-color:#000000;
}
/*THIS CLASS WAS REMOVED FROM THE highlight_hover ID - CC 1/19/2012*/
.less_seethru{
	-moz-opacity:.85;
	opacity:.85;
	filter:alpha(opacity=85);
}