.text
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11pt;
	color:#000000;
}


.textMediumLarge
{
	font-size:17px;
}


.textLarge
{
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif; 

}


h1
{
	font-size:19px;
	font-weight:bold;
	margin-bottom:-1em;
}


h2
{
	font-size:17px;
	margin-bottom:-1em;
}


.question
{
	font-size:15px;
	font-weight:bold;
}


.directions
{
	color:#990000;
}


.feedback
{
	font-weight:bold;
}



/*  the "links" style is used on pieces of clickable text in the activities, the pointer cursor is achieved through the active style also apllied if links are active */
.links
{
	color:#00436E;
	font-family:Arial, Helvetica, sans-serif; 
	cursor:pointer;
}


.linksHighlight
{  
	color:#B91212; 
	cursor:pointer;
}


.linksCurrent
{  
	color:#B91212; 
	cursor:pointer;
}

.linksCurrent_Highlight
{  
	color:#B91212; 
	cursor:pointer;
}


.linksVisited
{  
	color:#888888; 
	cursor:pointer;
}


.linksVisited_Highlight
{  
	color:#888888;
	cursor:pointer;
}


.activityTitle
{
	font-size:19px; 
	font-weight:bold; 
	color:#CC0000 
}


.popupclose
{
	font-size:11px;
	color:#000000;
	text-align:right;
	cursor:pointer;	
}


.UnitTitle 
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:18px;
	color:#000000;
}


.LessonTitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#000000;
}



/*   the "pagenumber"   style is for the pagenumbering info - "1 of 1" */
.pagenumber
{
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
}


.QCLinks
{
	font-size:12px;
	color:#000000;
	cursor:pointer;
}



/* --------------------------------------------------------------------------------------------------------------------- */
/*                                                             end of text styles                                                                   */
/* --------------------------------------------------------------------------------------------------------------------- */

#transcript
{
	display:none;
	position:absolute;
	bottom:0px!important;
	left:5px!important;
	width:760px!important;
	padding:10px!important;
	height:5em!important;
	overflow:auto!important;
	background-color:#A6D0D0;
	border:1px #00007F solid;
	z-index:106;
}




/* the "canvas" style is made to position a background layer that's simply a visual guide to the 
   designer to help them see the size of the Allen_contentFrame they have to work with.  This layer can be stripped out later
   on if necessary  */
   
#canvas
{
	position:absolute;
	left:10px;
	top:10px;
	width:739px;
	height:389px;
	z-index:0;
	background-color:transparent;
}


/* the "popupCanvas" style is made to position a background layer in popups that's simply a visual guide to the 
   designer to help them see the size of the Allen_contentFrame they have to work with.  This layer can be stripped out later
   on if necessary. The width and height is set separately in each popup template's position.css sheet located in
   inc/position_css  */
   
#popupCanvas
{
	position:absolute; 
	left:10px; 
	top:10px; 
	z-index:0;
	background-color:transparent; 
}



div *:first-child
{
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
}


h1, h2, h3, h4, h5, h6, h7
{
	margin-bottom:1em;	
}


a img
{
	border:none;
}

/* ------------------------   menu and resource related styles  -------------------  */
#coursemenu
{
	position:absolute; 
	left:0px; 
	top:0px; 
	width:184px;
	height:434px;
	z-index:1000;
	visibility:hidden;	
	padding:0px;
	margin:0px;
	border:0px;	
	background-color:transparent;
}

#coursemenu object
{
	width:184px;
	height:434px;	
}


.childmenucontainer
{
	position:absolute;
	top:0px;
	z-index:100;
}

.childmenuitem
{
	font-size:11px;
	padding:.3em .5em .3em 1.5em;
	border:1px white solid;
	background-color:#a6d0d0;
}

                    
.menuitemcompleted  
{
	background-image:url( '../images/checkmark.gif' );
	background-position:5px 5px;
	background-repeat:no-repeat;	
}


.menuhover
{
	background-color:#95bad5 !important;	
}


.currentmenuitem
{
	background-color:#95bad5 !important;	
}



#blocker
{
	position:absolute; 
	left:0px; 
	top:0px; 
	width:765px; 
	height:403px;
	padding:0px;
	margin:0px;
	border:0px;	

	z-index:50;
	visibility:hidden;
}

#blocker img
{
	width:765px; 
	height:403px;
}
/* ------------------------  end menu and resource related styles  -------------------  */


.imageborder
{
	border: 2px #000000 solid
}


.imagefeedbackborder
{

}

/* ------------------------  custom button and custom popup related styles  -------------------  */
.btn, .AIBtn, .customBtn
{
	position:absolute;
	width:61px!important;
	height:35px!important;
	z-index:3;
	left: 20px;
	top: 366px;
	visibility: visible;
}


.customPopup
{
	position:absolute;
	width:403px;
	height:52px!important;
	z-index:62;
	background-color:#E7E8CA;
	border:2px #000000 solid;
	border:4px #E7E8CA solid;
	left: 35px;
	top: 217px;

}


.CPCloser
{
	height:16px;
	text-align:right;
	border-bottom:1px #000000 solid;
	background-image: url("../../graphics/icon_pop_up_tips.gif");
}


.CPCloser span
{
	cursor:pointer;
}


.customPopup div
{
	padding:6px;
}

.helpScreen
{
	position:absolute; 
	left:0px; 
	top:0px;
	height:10px;
	visibility:visible;
	z-index:1000;
}

.helpText
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;	
	background-color:#E7E8CA;
	border:3px #E7E8CA solid;
}


#help
{
	position:absolute;
	top:0px;
	left:0px;
	width:792px; 
	height:445px;
	z-index:45;
	background-color:lightgreen;
	
}


#popuptitlebar
{
	width:100%;
	margin-top:2px;
	margin-bottom:0px;
	text-align:right;
}
/* ------------------------  end custom button and custom popup related styles  -------------------  */

#cheatsheet
{
	position:absolute;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	border:1px red solid;
	background-color:pink;
	padding:3px;
	z-index:15;
	font-size:12px;
}


/*  activityItem btns can have the following states. Fill in style info as desired  */
.btnInitial {}
.btnInitialMouseOver {}
.btnCurrent {}
.btnCurrentMouseOver {}
.btnVisited {}
.btnVisitedMouseOver {}
/* --------  end activityItem btn states styles -------------  */


#advanceBtn
{
	top:400px;
	left:300px;
}


.active
{
	cursor:pointer !important;	
}


a:link 		{ text-decoration: underline;  }
a:hover 	{ text-decoration: none;  }
a:active 	{ text-decoration: none;  }
a:visited 	{ text-decoration: none;  }

.assignmentBOX 
{
	font-size: 13px;
	background-color: #E7E8CA;
	margin: 2px;
	padding: 2px;
	border: thin dotted #9266DD;
	background-repeat: repeat-x;
}
.courier {
	font-family: "Courier New", Courier, mono;
	font-style: normal;
	font-weight: normal;
}