#columnLeft, #columnMiddle {
	float: left;
	font-family: Arial, Helvetica;
}
#columnMiddle {
	margin-left: 6px;
}
* html #columnMiddle {
	margin-left: 3px;
}


body #thoughtStarter 		{background-image: url(../images/course/thoughtStarterBG.gif);
	background-repeat: no-repeat;
	width: 279px;
	height: 312px;
	padding: 10px 5px;
	margin-bottom: 10px;
	font-size: 12px;
}
body.d08 #thoughtStarter 	{background-image: url(../images/course/thoughtStarterBG330.gif);
	height: 330px;
}
body.env #thoughtStarter 	{background-image: url(../images/course/thoughtStarterBG330.gif);
	height: 330px;
}
* html body.d08 #thoughtStarter 	{
	margin-bottom: 6px;
}
/*
body.ush #thoughtStarter 	{background-image: url(../images/course/thoughtStarterBG_US_History.gif);}
body.eng #thoughtStarter 	{background-image: url(../images/course/thoughtStarterBG_EN_Green.gif);}
*/
	body #thoughtStarter h1, 
	body #moreActivities h1, 
	body #thoughtQuestion h1 {border-bottom: 3px double #4f8cc4;}
	body.ush #thoughtStarter h1, 
	body.ush #moreActivities h1, 
	body.ush #thoughtQuestion h1 {border-bottom: 3px double #daac56;}
	body.eng #thoughtStarter h1, 
	body.eng #moreActivities h1, 
	body.eng #thoughtQuestion h1 {border-bottom: 3px double #98CC8E;}

	#thoughtStarter h1 {
		font-weight: bold;
		color: #000000;
		font-size: 12px;
		text-transform: uppercase;
		width: 279px;
		clear: both;
	}
		#thoughtStarter h1 p {
			float: left;
			padding-left: 3px;
		}
		body #thoughtStarter h1 p.date 	{color: #4f8cc4;
			float: right;
			padding: 0;
		}
		body.ush #thoughtStarter h1 p.date 	{color: #4e3f18;}
		body.eng #thoughtStarter h1 p.date 	{color: #4e3f18;}
		
	#thoughtStarter img {
		margin: 5px 0px;
	}

	#thoughtStarter .content {
		color: #000000;
		font-size: 12px;
		padding: 2px 2px 0px 3px;
		height: 95px;
		width: 279px;
		overflow: hidden;
	}
	body.d08 #thoughtStarter .content {height: 112px;}
	body.env #thoughtStarter .content {height: 112px;}
	
	body #thoughtStarter .buttonArea 		{background-image: url(../images/course/buttonLine.gif);
		background-position: 0px 8px;
		background-repeat: no-repeat;
		height: 14px;
		width: 279px;
	}
	body.ush #thoughtStarter .buttonArea 	{background-image: url(../images/course/buttonLine_US_History.gif);}
	body.eng #thoughtStarter .buttonArea 	{background-image: url(../images/course/buttonLine_EN_Green.gif);}

		body #thoughtStarter .buttonArea .button 	{background-image: url(../images/course/thoughtStarterButton.gif);
			background-position: 0px 2px;
			background-repeat: no-repeat;
			float: right;
			font-family: 'Arial Narrow', Arial, Helvetica;
			width: 130px;
			height: 16px;
			font-size: 12px;
			color: #000000;
			line-height: 16px;
			font-weight: bold;
			cursor: pointer;
		}
		body.ush #thoughtStarter .buttonArea .button 	{background-image: url(../images/course/thoughtStarterButton_US_History.gif);}
		body.eng #thoughtStarter .buttonArea .button 	{background-image: url(../images/course/thoughtStarterButton_EN_Green.gif);}
		
body #moreActivities 		{
	background-repeat: no-repeat;
	width: 280px;
	height: 144px;
	padding: 10px 5px;
}
body.d08 #moreActivities 	{background-image: url(../images/course/activitiesBGx1.gif);
	height: 79px;}
body.env #moreActivities 	{background-image: url(../images/course/activitiesBGx1.gif);
	height: 79px;}
body.usg #moreActivities 	{background-image: url(../images/course/activitiesBG.gif);}
body.ush #moreActivities 	{background-image: url(../images/course/activitiesBG_US_History.gif);}
body.eng #moreActivities 	{background-image: url(../images/course/activitiesBG_EN_Green.gif);}

	body #moreActivities h1 {
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		width: 279px;
		margin-bottom: 5px;
	}	
		#moreActivities h1 p {
			padding-left: 3px;
		}

	#moreActivities .essayButton, #moreActivities .gameButton {
		background-repeat: no-repeat;
		width: 188px;
		height: 31px;
		cursor: pointer;
		margin-bottom: 3px;
		line-height: 30px;
		padding-left: 35px;
		font-size: 14px;
		font-weight: bold;
	}
	body #moreActivities a, 
	body #moreActivities a div {
		color: #000000;
		text-decoration: none;
		border: none;
	}

	body #moreActivities .gameButton 		{background-image: url(../images/course/gameQuestionButton.gif);}
	body #moreActivities .essayButton 		{background-image: url(../images/course/essayQuestionButton.gif);}
	body.ush #moreActivities .gameButton 	{background-image: url(../images/course/gameQuestionButton_US_History.gif);}
	body.ush #moreActivities .essayButton 	{background-image: url(../images/course/essayQuestionButton_US_History.gif);}
	body.eng #moreActivities .gameButton 	{background-image: url(../images/course/gameQuestionButton_EN_Green.gif);}
	body.eng #moreActivities .essayButton 	{background-image: url(../images/course/essayQuestionButton_EN_Green.gif);}
	
	body #moreActivities p.date 		{color: #4f8cc4;
		margin: 0px 0px 5px 10px;
		font-size: 9px;
	}
	body.ush #moreActivities p.date 	{color: #cbb890;}
	body.eng #moreActivities p.date 	{color: #98cc8e;}

	body.d08 #moreActivities div.essayButton {display: none;}
	body.d08 #moreActivities p.essayDate {display: none;}

	body.env #moreActivities div.essayButton {display: none;}
	body.env #moreActivities p.essayDate {display: none;}

body div.panelAi 		{
	background-repeat: no-repeat;
	width: 289px;
	height: 89px;
	padding: 0 0;
}
body.usg div.panelAi 	{display: none;}
body.ush div.panelAi 	{display: none;}
body.env div.panelAi 	{display: none;}
body.eng div.panelAi 	{display: none;}



body #thoughtQuestion 		{background-image: url(../images/course/questionBG.gif);
	background-repeat: no-repeat;
	height: 528px;
	width: 284px;
	padding: 10px 5px;
	font-size: 12px;
}
body.ush #thoughtQuestion 	{background-image: url(../images/course/question_US_History_BG.gif);}
body.eng #thoughtQuestion 	{background-image: url(../images/course/question_EN_Green_BG.gif);}

	#thoughtQuestion h1 {
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		width: 283px;
		margin-bottom: 5px;
	}
		#thoughtQuestion h1 p {
			padding-left: 3px;
		}
		
	#thoughtQuestion .contentArea {
		height: 495px;
		overflow: hidden;
	}
	
	#thoughtQuestion .question {
		color: #FFFFFF;
		border-bottom: 1px solid #000000;
		padding-bottom: 15px;
		width: 283px;
	}
		#thoughtQuestion .question img {
			float: left;
			margin: 0px 10px 0px 0px;
		}
	
	#thoughtQuestion .answerTable {
		color: #FFFFFF;
		width: 283px;
		margin-top: 5px;
	}
		#thoughtQuestion .answerTable td {
			padding-bottom: 3px;
		}
		#thoughtQuestion .answerTable td input {
			width: 14px;
		}
		#thoughtQuestion .answerTable td img{
			padding-bottom: 3px;
		}
		#thoughtQuestion .answerTable td.answerResult {
			vertical-align: top;
			font-size: 0px;
			padding: 0px 6px 0px 8px;
		}
			
	#thoughtQuestion .buttonArea {
		background: url(../images/course/buttonLineDark.gif) 0px 8px no-repeat;
		height: 13px;
		width: 284px;
	}
		body #thoughtQuestion .buttonArea .button 		{background-image: url(../images/course/questionButton.gif);
			background-position: 0px 2px;
			background-repeat: no-repeat;
			float: right;
			font-family: 'Arial Narrow', Arial, Helvetica;
			width: 71px;
			height: 16px;
			font-size: 11px;
			line-height: 16px;
			font-weight: bold;
			color: #FFFFFF;
			cursor: pointer;
		}
		body.ush #thoughtQuestion .buttonArea .button 	{background-image: url(../images/course/questionButton_US_History.gif);}
		body.eng #thoughtQuestion .buttonArea .button 	{background-image: url(../images/course/questionButton_EN_Green.gif);}

/* ESSAY specific classes */
#external #contentContainer, 
#essay #contentContainer {
	height: auto;
	}

#titleAndSecondary.essayTitleAndSecondary {
	height: auto;
	}

#essayTop {
	width: 782px;
	height: 8px;
	background: #000 url(../images/box/blueTop.gif) no-repeat;
	font-size: 0;
	}

#essayBottom {
	width: 782px;
	height: 8px;
	background: #000 url(../images/box/blueBottom.gif) no-repeat;
	font-size: 0;
	}

#essayExternalInner {
	background-color: #3078ba;
	background-image: none;
	padding: 5px 5px 0px 5px;
	}
	* html #essayExternalInner {
		padding-bottom: 5px;
		margin-bottom: -5px;
		}

#essayExternalInner #titleAndSecondary.essayTitleAndSecondary {
	color: white;
	height: 25px;
	}

#essayExternalInner #titleAndSecondary.essayTitleAndSecondary .titleCategory {
	color: white;
	padding-left: 5px;
	}

#essay .doubleBlueLine {
	margin-right: 0px;
	margin-left: 0px;
	}

#external p, 
#essay p {
	margin-top: 5px;
	margin-bottom: 10px;
	}

#external p.description, 
#essay p.description {
	width: 555px;
	margin-left: 15px;
	line-height: 14px;
	}
#external p.description, 
#essay #essayExternalInner p.description {
	width: 525px;
	}

#external .essayText, 
#essay .essayText {		width: 510px;
	font-size: 9pt;
	color: #252525;
	margin: 20px 0px 20px 45px;
	}
#external .essayText {	width: 480px;}


body#external h1, 
body#essay h1 {border-bottom: 3px double #4F8CC4;
	font-size: 9pt;
	margin-bottom: 4px;
	padding-bottom: 2px;
	}
body#external.ush h1, 
body#essay.ush h1 {border-bottom: 3px double #DAAC56;}
body#external.eng h1, 
body#essay.eng h1 {border-bottom: 3px double #98CC8E;}

#external .commentHeader, 
#essay .commentHeader {
	margin-top: 3px;
	}

#external .blue, 
#essay .blue {
	color: #5089b6;
	}
	
#external a.blue:hover, 
#essay a.blue:hover {
	color: #134d7b;
	}

#external .bold, 
#essay .bold {
	font-weight: bold;
	}

#external .normal, 
#essay .normal {
	font-weight: normal;
	}

body #essayLeftCol 		{color: #08131C;
						width: 600px;
	background: transparent;
	font-size: 8pt;
	text-align: left;
	float: left;
	}
body.ush #essayLeftCol 	{color: #171307;}
body.eng #essayLeftCol 	{color: #0C1A09;}

body #mainBox .mainBox #essayLeftCol 		{width: 570px;}
	#essayExternalInner #essayLeftCol { width: 570px; }

	body #essayLeftCol .topLeft,
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .topLeft 		{background-image: url(../images/box/main/corner9radius_ltBlue.gif);
		background-color: transparent;
		background-position: top left;
		background-repeat: no-repeat;
		float: left;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	body.ush #essayLeftCol .topLeft,
	body.ush#external #mainBox #innerContainer .mainBox #essayLeftCol .topLeft 	{background-image: url(../images/box/main/corner9radius_ltOrange.gif);}
	body.eng #essayLeftCol .topLeft,
	body.eng#external #mainBox #innerContainer .mainBox #essayLeftCol .topLeft 	{background-image: url(../images/box/main/corner9radius_ltGreen.gif);}
	
	body #essayLeftCol .topCenter,
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .topCenter 		{background-color: #e0ebf5;
		float: left;
		font-size: 0px;
		height: 9px;
		}
	body #essayLeftCol .topCenter {width: 582px;}
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .topCenter {width: 552px;}
	body #essayExternalInner #essayLeftCol .topCenter {
		width: 552px;
		}

	body.ush #essayLeftCol .topCenter,
	body.ush#external #mainBox #innerContainer .mainBox #essayLeftCol .topCenter 	{background-color: #F4ECDD;}
	body.eng #essayLeftCol .topCenter,
	body.eng#external #mainBox #innerContainer .mainBox #essayLeftCol .topCenter 	{background-color: #E0F2DD;}

	body #essayLeftCol .topRight,
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .topRight 		{background-image: url(../images/box/main/corner9radius_ltBlue.gif);
		background-color: transparent;
		background-position: top right;
		background-repeat: no-repeat;
		float: right;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	body.ush #essayLeftCol .topRight,
	body.ush#external #mainBox #innerContainer .mainBox #essayLeftCol .topRight 	{background-image: url(../images/box/main/corner9radius_ltOrange.gif);}
	body.eng #essayLeftCol .topRight,
	body.eng#external #mainBox #innerContainer .mainBox #essayLeftCol .topRight 	{background-image: url(../images/box/main/corner9radius_ltGreen.gif);}

	body #essayLeftCol .bottomLeft,
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomLeft 		{background-image: url(../images/box/main/corner9radius_ltBlue.gif);
		background-color: transparent;
		background-position: bottom left;
		background-repeat: no-repeat;
		float: left;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	body.ush #essayLeftCol .bottomLeft,
	body.ush#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomLeft 	{background-image: url(../images/box/main/corner9radius_ltOrange.gif);}
	body.eng #essayLeftCol .bottomLeft,
	body.eng##external #mainBox #innerContainer .mainBox #essayLeftCol .bottomLeft 	{background-image: url(../images/box/main/corner9radius_ltGreen.gif);}

	body #essayLeftCol .bottomCenter,
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomCenter 		{background-color: #e0ebf5;
		font-size: 0px;
		height: 9px;
		float: left;
		}
	body #essayLeftCol .bottomCenter {
		width: 582px;
		}
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomCenter {
		width: 552px;
		}

	body.ush #essayLeftCol .bottomCenter,
	body.ush#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomCenter 	{background-color: #F4ECDD;}
	body.eng #essayLeftCol .bottomCenter,
	body.eng#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomCenter 	{background-color: #E0F2DD;}
	
	body #essayLeftCol .bottomRight,
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomRight 		{background-image: url(../images/box/main/corner9radius_ltBlue.gif);
		background-color: transparent;
		background-position: bottom right;
		background-repeat: no-repeat;
		float: right;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	body.ush #essayLeftCol .bottomRight,
	body.ush#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomRight 	{background-image: url(../images/box/main/corner9radius_ltOrange.gif);}
	body.eng #essayLeftCol .bottomRight,
	body.eng#external #mainBox #innerContainer .mainBox #essayLeftCol .bottomRight 	{background-image: url(../images/box/main/corner9radius_ltGreen.gif);}

/*	#essayExternalInner #essayLeftCol .topCenter,
	#essayExternalInner #essayLeftCol .bottomCenter {
		width: 552px;
		}
*/

	body #essayLeftCol .content,
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .content 		{background-color: #e0ebf5;
		width: 590px;
		padding: 0px 5px 0px 5px;
		}
	body #essayLeftCol .content {width: 590px;}
	body#external #mainBox #innerContainer .mainBox #essayLeftCol .content {width: 560px;}
	body #essayExternalInner #essayLeftCol .content {
		width: 560px;
		}

	body.ush #essayLeftCol .content,
	body.ush#external #mainBox #innerContainer .mainBox #essayLeftCol .content 	{background-color: #F4ECDD;}
	body.eng #essayLeftCol .content,
	body.eng#external #mainBox #innerContainer .mainBox #essayLeftCol .content 	{background-color: #E0F2DD;}
		/* 
		#essayExternalInner #essayLeftCol .content {
			width: 560px;
			}
		*/
	
	/* ie6 magical double margins on floating contents need to be compensated for. enjoy! */
	* html #essayLeftCol .content {
		width: 590px;
		padding-right: -10px;
		margin-right: -28px;
		}
	
	* html #essayExternalInner #essayLeftCol .content {
		width: 560px;
		padding-right: -5px;
		margin-right: 0px;
		}

#external .essayComment, 
#essay .essayComment {	width: 290px;
	float: right;
	text-align: right;
	height: 35px;
	}
#external .essayComment {	width: 275px;}

body#external .essayComment a, 
body#essay .essayComment a		{color: #08131C;}
body#external.ush .essayComment a, 
body#essay.ush .essayComment a 	{color: #171307;}
body#external.eng .essayComment a, 
body#essay.eng .essayComment a 	{color: #0C1A09;}



/*
body#essay .commentDetails .essayComment, 
body#essay .commentDetails .essayComment a 		{color: #184065;}
body#essay.ush .commentDetails .essayComment, 
body#essay.ush .commentDetails .essayComment a 	{color: #523701;}	
body#essay.eng .commentDetails .essayComment, 
body#essay.eng .commentDetails .essayComment a 	{color: #274C01;}
*/

body#external .essayComment a:hover, 
body#essay .essayComment a:hover 		{color: #377EC0;}
body#external.ush .essayComment a:hover, 
body#essay.ush .essayComment a:hover 	{color: #D49A2C;}	
body#external.eng .essayComment a:hover, 
body#essay.eng .essayComment a:hover 	{color: #449235;}

#external .essayDetails, 
#essay .essayDetails {border-top: 1px solid #000000;
	float: left;
	}

body#external .essayDetails, 
body#essay .essayDetails 		{border-bottom: 1px solid #4F8CC4;}
body#external.ush .essayDetails, 
body#essay.ush .essayDetails 	{border-bottom: 1px solid #DAAC56;}
body#external.eng .essayDetails, 
body#essay.eng .essayDetails 	{border-bottom: 1px solid #98CC8E;}

body#external .commentDetails, 
body#essay .commentDetails 		{border-top: 1px solid #4F8CC4;
	float: left;}
body#external.ush .commentDetails, 
body#essay.ush .commentDetails 	{border-top: 1px solid #DAAC56;}
body#external.eng .commentDetails, 
body#essay.eng .commentDetails 	{border-top: 1px solid #98CC8E;}

#external .essayDetails, #essay .commentDetails, 
#essay .essayDetails, #essay .commentDetails {
	padding-top: 3px;
	}

#external #rateEssay, 
#essay #rateEssay {		width: 290px;
	float: left;
	text-align: left;
	height: 37px;
	}
#external #rateEssay {	width: 275px;}

	#essay #essayExternalInner #rateEssay {
		width: 230px;
		}
	
	#external #rateEssay #messageIcon, 
	#essay #rateEssay #messageIcon {
		margin: 3px 0px 0px 45px;
		vertical-align: top;
		}

	#external #rateEssay .messageLabel, 
	#essay #rateEssay .messageLabel {
		position: relative;
		top: 5px;
		}
	
	#external .commentActions, 
	#essay .commentActions {
		margin-top: 5px;
		}

	body#external .commentActions .flagit, 
	body#essay .commentActions .flagit {
		padding-right: 13px;
		display: inline-block;
		}

		body#external .commentActions .flagit, 
		body#essay .commentActions .flagit 		{background-image: url(../images/course/icon_flagit.gif);
			background-repeat: no-repeat;
			background-position: right;
			}
		body#external.ush .commentActions .flagit, 
		body#essay.ush .commentActions .flagit 	{background-image: url(../images/course/icon_flagit_US_History.gif);}
		body#external.eng .commentActions .flagit, 
		body#essay.eng .commentActions .flagit 	{background-image: url(../images/course/icon_flagit_EN_Green.gif);}

		body#external .commentActions a.flagit:hover, 
		body#essay .commentActions a.flagit:hover 		{background-image: url(../images/course/icon_flagit_hover.gif);}
		body#external.ush .commentActions a.flagit:hover, 
		body#essay.ush .commentActions a.flagit:hover	{background-image: url(../images/course/icon_flagit_hover_US_History.gif);}
		body#external.eng .commentActions a.flagit:hover, 
		body#essay.eng .commentActions a.flagit:hover 	{background-image: url(../images/course/icon_flagit_hover_EN_Green.gif);}


	#external #rateEssay .star, 
	#essay #rateEssay .star {
		width: 13px;
		height: 12px;
		margin-right: 0px;
		float: left;
		}
		
		body#external #rateEssay .border, 
		body#essay #rateEssay .border {background-image: url(../images/course/rate_star_full.gif);
			background-repeat: no-repeat;
			}
		
		body#external #rateEssay .half, 
		body#essay #rateEssay .half 		{background-image: url(../images/course/rate_star_half.gif);
			background-repeat: no-repeat;
			}
		body#external.ush #rateEssay .half, 
		body#essay.ush #rateEssay .half 	{background-image: url(../images/course/rate_star_half_US_History.gif);}
		body#external.eng #rateEssay .half, 
		body#essay.eng #rateEssay .half 	{background-image: url(../images/course/rate_star_half_EN_Green.gif);}

		body#external #rateEssay .full, 
		body#essay #rateEssay .full 		{background-image: url(../images/course/rate_star_full.gif);
			background-repeat: no-repeat;
			}
		body#external.ush #rateEssay .full, 
		body#essay.ush #rateEssay .full 	{background-image: url(../images/course/rate_star_full_US_History.gif);}
		body#external.eng #rateEssay .full, 
		body#essay.eng #rateEssay .full 	{background-image: url(../images/course/rate_star_full_EN_Green.gif);}

		body#external #rateEssay:hover .full, 
		body#essay #rateEssay:hover .full 		{background-image: url(../images/course/rate_star_hover.gif);}
		body#external.ush #rateEssay:hover .full, 
		body#essay.ush #rateEssay:hover .full 	{background-image: url(../images/course/rate_star_hover_US_History.gif);}
		body#external.eng #rateEssay:hover .full, 
		body#essay.eng #rateEssay:hover .full 	{background-image: url(../images/course/rate_star_hover_EN_Green.gif);}

		body#external #rateEssay .empty, 
		body#essay #rateEssay .empty 		{background-image: url(../images/course/rate_star_empty.gif);
			background-repeat: no-repeat;
			}
		body#external.ush #rateEssay .empty, 
		body#essay.ush #rateEssay .empty 	{background-image: url(../images/course/rate_star_empty_US_History.gif);}
		body#external.eng #rateEssay .empty, 
		body#essay.eng #rateEssay .empty 	{background-image: url(../images/course/rate_star_empty_EN_Green.gif);}

#external .commenter, 
#essay .commenter {
	float: left;
	text-align: center;
	width: 90px;
	margin-top: 5px;
	}

#external .commenter .label, 
#essay .commenter .label {
	margin-top: 3px;
	font-weight: bold;
	}

body#external .commentText, 
body#essay .commentText {color: #184065;
						 width: 420px;
	float: right;
	margin-right: 50px;
	}
body#external .commentText {width: 390px;}

body#external.ush .commentText, 
body#essay.ush .commentText {color: #523701;}	
body#external.eng .commentText, 
body#essay.eng .commentText {color: #274C01;}

	#essay #essayExternalInner .commentText {
		width: 400px;
		}
	* html #essay #essayExternalInner .commentText {
		margin-right: 0px;
		}
	
#external .commentSeperator, 
#essay .commentSeperator {margin-top: 5px;}

#external .buttonArea, 
#essay .buttonArea {	width: 590px;
	margin-top: 5px;
	height: 15px;
	background: transparent;
	}
#external .buttonArea {	width: 560px;}
	#essay #essayExternalInner .buttonArea {
		width: 560px;
		height: 15px;
		}
	
	#external .buttonArea .button, 
	#essay .buttonArea .button {
		border: 0px;
		float: right;
		font-family: 'Arial Narrow', Arial, Helvetica;
		width: 98px;
		margin: 0 3px;
		height: 15px;
		font-size: 11px;
		color: #fff;
		line-height: 16px;
		font-weight: bold;
		cursor: pointer;
		text-align: left;
		padding: 0 0 1px;
		}
	
	body#external .buttonArea .nav, 
	body#essay .buttonArea .nav {background-image: url(../images/course/button_blue.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	body#external.ush .buttonArea .nav, 
	body#essay.ush .buttonArea .nav {background-image: url(../images/course/button_orange.gif);}
	body#external.eng .buttonArea .nav, 
	body#essay.eng .buttonArea .nav {background-image: url(../images/course/button_green.gif);}
	
	body#external .buttonArea .commit, 
	body#essay .buttonArea .commit {background-image: url(../images/course/button_dkBlue.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}
	body#external.ush .buttonArea .commit, 
	body#essay.ush .buttonArea .commit {background-image: url(../images/course/button_dkBrown.gif);}
	body#external.eng .buttonArea .commit, 
	body#essay.eng .buttonArea .commit {background-image: url(../images/course/button_dkGreen.gif);}

	#external .enterEssay, 
	#essay .enterEssay {height: 20px;}
	
	body#external .enterEssay h1, 
	body#essay .enterEssay h1 {
		margin-bottom: 0px;
		margin-top: 4px;
		padding-bottom: 2px;
		}

	body#external h1.commentHeader, 
	body#essay h1.commentHeader 		{border-bottom: none;
		padding-bottom: 0px;
		padding-top: 4px;
		border-top: 1px solid #000000;
		}
	body#external.ush h1.commentHeader, 
	body#essay.ush h1.commentHeader 	{border-bottom: none;}
	body#external.eng h1.commentHeader, 
	body#essay.eng h1.commentHeader 	{border-bottom: none;}

	body#external .enterEssay h1.commentHeader, 
	body#essay .enterEssay h1.commentHeader {border-top: none;}

	#external .enterEssay .button, 
	#essay .enterEssay .button {margin-top: 2px;}

/* essay right side panels */
body#essay #rightColumn #scoreBoard, 
body#external #rightColumn #scoreBoard {
	margin-bottom: 20px;
	}
	
/*
body#external #mainBox #innerContainer .mainBox #rightColumn .top, 
body#essay #rightColumn .top {background-color: #08131C;
	float: left;
	font-size: 0px;
	width: 177px;
	height: 9px;
	}
body#external.ush #mainBox #innerContainer .mainBox #rightColumn .top, 
body#essay.ush #rightColumn .top {background-color: #171307;}
body#external.eng #mainBox #innerContainer .mainBox #rightColumn .top, 
body#essay.eng #rightColumn .top {background-color: #0C1A09;}

#external #mainBox #innerContainer .mainBox #rightColumn .topRight, 
#essay #rightColumn .topRight {
	float: left;
	background: url(../images/box/main/corner9radius_bkBlue.gif) top right no-repeat;
	width: 9px;
	height: 9px;
	font-size: 0px;
	}

#external #mainBox #innerContainer .mainBox #rightColumn .topLeft, 
#essay #rightColumn .topLeft {
	float: left;
	background: url(../images/box/main/corner9radius_bkBlue.gif) top left no-repeat;
	width: 9px;
	height: 9px;
	font-size: 0px;
	}
*/



body#external #rightColumnTabContainer .tab, 
body#essay #rightColumnTabContainer .tab {
	position: absolute;
	width: 124px;
	height: 39px;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-align: left;
	padding: 2px 0px 0px 7px;
	}

body#external #rightColumnTabContainer .leftTabActive, 
body#essay #rightColumnTabContainer .leftTabActive 		{background-image: url(../images/course/activeTab_left.gif);
	background-repeat: no-repeat;
	float: left;
	}
body#external.ush #rightColumnTabContainer .leftTabActive, 
body#essay.ush #rightColumnTabContainer .leftTabActive 	{background-image: url(../images/course/activeTab_left_US_History.gif);}
body#external.eng #rightColumnTabContainer .leftTabActive, 
body#essay.eng #rightColumnTabContainer .leftTabActive 	{background-image: url(../images/course/activeTab_left_EN_Green.gif);}

body#external #rightColumnTabContainer .leftTabInactive, 
body#essay #rightColumnTabContainer .leftTabInactive {background-image: url(../images/course/inactiveTab_left.gif);
	background-repeat: no-repeat;
	float: left;
	color: #08131c;
	}

body#external #rightColumnTabContainer .rightTabActive, 
body#essay #rightColumnTabContainer .rightTabActive 		{background-image: url(../images/course/activeTab_right.gif);
	background-repeat: no-repeat;
	right: 0px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	text-align: right;
	}
body#external.ush #rightColumnTabContainer .rightTabActive, 
body#essay.ush #rightColumnTabContainer .rightTabActive 	{background-image: url(../images/course/activeTab_right_US_History.gif);}
body#external.eng #rightColumnTabContainer .rightTabActive, 
body#essay.eng #rightColumnTabContainer .rightTabActive 	{background-image: url(../images/course/activeTab_right_EN_Green.gif);}

body#external #rightColumnTabContainer .rightTabInactive, 
body#essay #rightColumnTabContainer .rightTabInactive {background-image: url(../images/course/inactiveTab_right.gif);
	background-repeat: no-repeat;
	right: 0px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	color: #08131c;
	text-align: right;
	}

body#external #rightColumnPanels, 
body#essay #rightColumnPanels 		{background-color: #08131c;
	position: relative;
	height: 550px;
	z-index: 20;
	padding-top: 9px;
	z-index: 16;
	}
body#external.ush #rightColumnPanels, 
body#essay.ush #rightColumnPanels 	{background-color: #171307;}
body#external.eng #rightColumnPanels, 
body#essay.eng #rightColumnPanels 	{background-color: #0C1A09;}

#external #rightColumnPanelTop, 
#essay #rightColumnPanelTop {
	height: 9px;
	position: relative;
	z-index: 25;
	}

/* tab behavior */
#external #rightColumnTabContainer, 
#essay #rightColumnTabContainer {
	position: relative;
	z-index: 0;
	height: 39px;
	margin-bottom: -5px;
	}

#external #rightColumnTabContainer #archiveTab, 
#essay #rightColumnTabContainer #archiveTab {
	z-index: 12;
	}

#external #rightColumnTabContainer #essayCardsTab, 
#essay #rightColumnTabContainer #essayCardsTab {
	z-index: 10;
	}
	
#external #rightColumnTabContainer #myStackTab, 
#essay #rightColumnTabContainer #myStackTab {
	z-index: 11;
	}

#external #rightColumnTabContainer .tabAtBottom, 
#essay #rightColumnTabContainer .tabAtBottom {
	top: 17px;
	}

#external #rightColumnTabContainer .tabAtTop, 
#essay #rightColumnTabContainer .tabAtTop {
	top: 0px;
	}


/* panels */
#external #rightColumn #archivePanel, 
#essay #rightColumn #archivePanel {
	margin-top: -9px;
	display: block;
	height: 500px;
	}

#external #rightColumn #myStackPanel, 
#essay #rightColumn #myStackPanel {
	margin-top: -9px;
	display: none;
	height: 500px;
	}

#external #rightColumn .thumbnail, 
#essay #rightColumn .thumbnail {
	padding: 3px;
	float: left;
	width: 81px;
	height: 67px;
	}
	
#external #rightColumn #essayCardsPanel, 
#essay #rightColumn #essayCardsPanel {
	margin-top: -9px;
	display: none;
	height: 500px;
	width: 180px;
	margin-left: 5px;
	}

/* essay side panel thumbnails */
#external #rightColumn .content .thumbnail img, 
#essay #rightColumn .content .thumbnail img {
	padding-top: 1px;
	}

#external #rightColumn .content .Gray .thumbnail, 
#essay #rightColumn .content .Gray .thumbnail {
	background: url(../images/thumbs/border_gray_small.gif) no-repeat;
	}

#external #rightColumn .content .Teal .thumbnail, 
#essay #rightColumn .content .Teal .thumbnail {
	background: url(../images/thumbs/border_teal_small.gif) no-repeat;
	}

#external #rightColumn .content .Yellow .thumbnail, 
#essay #rightColumn .content .Yellow .thumbnail {
	background: url(../images/thumbs/border_yellow_small.gif) no-repeat;
	}

#external #rightColumn .content .Orange .thumbnail, 
#essay #rightColumn .content .Orange .thumbnail {
	background: url(../images/thumbs/border_orange_small.gif) no-repeat;
	}

#external #rightColumn .content .Green .thumbnail, 
#essay #rightColumn .content .Green .thumbnail {
	background: url(../images/thumbs/border_green_small.gif) no-repeat;
	}

#external #rightColumn .content .Purple .thumbnail, 
#essay #rightColumn .content .Purple .thumbnail {
	background: url(../images/thumbs/border_purple_small.gif) no-repeat;
	}

#external #rightColumn .content .Red .thumbnail, 
#essay #rightColumn .content .Red .thumbnail {
	background: url(../images/thumbs/border_red_small.gif) no-repeat;
	}