/*---------- generic ----------*/
body	{
	color: #444;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	line-height: 19px;
	text-align: left;
	margin: 0;
	padding: 0;
	}

	
div	{
	margin: 0; /*  to contain imgs for ie5win bug */
	}
	
table	{
	border-style: none;
	}
table td,
p,
h1,
h2,
h3,
h4,
li	{
	text-align: left;
	}
table td	{
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	padding: 4px 6px 4px 6px;
	}
h1, h2	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
h1	{
	font-size: 21px;
	line-height: 26px;
	margin: 0 0 2px 0;
	font-weight: normal;
	}
h2	{	
	font-size: 18px;	
	line-height: 22px;
	margin: 0 0 2px 0;
	}
h3	{
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 2px 0;
	}
h4	{
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 2px 0;
	}
p	{
	margin: 0 0 12px 0;
	}
ul, ol	{
	margin: 4px 0 12px 0;
	padding: 0 0 0 32px;
	}
table ul,
table ol	{
	margin: 0;
	padding-left: 16px;
	}
ul ul,
ol ul	{
	margin: 0;
	}
ul li	{
	list-style-type: disc;
	}
ol li	{
	list-style-type: decimal;
	}
ul ul li	{
	list-style-type: square;
	}
ul ul ul li	{
	list-style-type: circle;
	}	
ol ul li	{
	list-style-type: square;
	}
.outline ol li,
li.up-roman	{
	list-style-type: upper-roman;
	}
.outline ol ol li,
li.up-alpha	{
	list-style-type: upper-alpha;
	}
.outline ol ol ol li	{
	list-style-type: decimal;
	}
.outline ol ol ol ol li	{
	list-style-type: lower-alpha;
	}

ol.decimal li	{
	list-style-type: decimal;
	}
ol ol.lower-alpha li	{
	list-style-type: lower-alpha;
	}
	
ul.diag-setup-column	{
	float: left;
	margin: 0;
	padding: 0;
	}
ul.diag-setup-column li	{
	font-size: 12px;
	line-height: 14px;
	}	
	
	
em	{
	font-style: italic;
	}	
strong	{
	font-weight: bold;
	}
blockquote	{
	}
img	{
	border-style: none;
	}	
form	{
	margin: 0;
	}
a	{
	text-decoration: none;
	}
a:link	{
	color: #45a;
	text-decoration: none;
	}
a:visited	{
	color: #45a;
	text-decoration: none;
	}
a:hover	{
	color: #45a;
	text-decoration: underline;
	}
a:active	{
	color: #444;
	}

/*---------- content  NON COLOR ITEMS ----------*/

img.intro-banner	{
	margin-bottom: 14px;
	}


#content-summaries h1	{
	font-size: 22px;
	margin-bottom: 8px;
	}
#content-summaries h1.titletop	{	
	font-size: 18px;	
	line-height: 22px;
	margin: 0 0 2px 0;
	font-weight: bold;
	}
#content-summaries h1.title	{
	padding-left: 64px;
	background: transparent url("../img/title-block.gif");
	background-repeat: no-repeat;
	background-position: left top;
	}
#content-summaries h1.nomargin	{
	margin-bottom: 2px;
	}	
#content-summaries h1 .sub-txt	{
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 0;
	}	
#content-summaries h2 .sub-txt	{
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 0;
	}	
#content-summaries h1.header	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 2px 0;
	}
#content-summaries .float-right h1	{
	font-size: 16px;
	line-height: 18px;	
	padding: 0 12px 4px 12px;
	background-color: #ddd;
	margin: 0;
	border-style: none;
	font-weight: normal;
	}
#activity h1,
#skill-area h1,
#skill2 h1,
#skill h1	{
	margin-bottom: 4px;
	padding-bottom: 4px;
	}
#content,
#content-skills,
#content-activities,
#content-readings,
#content-rate,
#content-summaries	{
	padding: 12px;
	background-color: none;
	}	
	
/*---------- OLs and ULs ----------*/	
	
ul li.padding,
ol li.padding	{
	padding-bottom: 12px;
	}	
li.no-bullet	{
	list-style: none;
	}	
li.no-bullet-space	{
	list-style: none;
	padding-bottom: 15px;
	}	
ul.scenarios,
ul.left-right-column	{
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
	text-align: left;
	display: block;	
	}	
ul.scenarios li.left	{
	font-weight: normal;
	font-style: italic;
	text-align: right;
	margin: 0;
	padding: 0 0 12px 0;
	list-style: none;
	display: block;	
	width: 90px;
	float: left;
	clear: left;
	}
ul.scenarios li.right	{
	margin: 0;
	padding: 0 0 12px 6px;
	list-style: none;
	display: block;
	float: left;
	width: 410px;
	text-align: left;
	}
ul.left-right-column li.left	{
	font-weight: normal;
	font-style: italic;
	text-align: right;
	margin: 0;
	padding: 0 0 12px 0;
	list-style: none;
	display: block;	
	width: 180px;
	float: left;
	clear: left;
	}
ul.left-right-column li.right	{
	margin: 0;
	padding: 0 0 12px 6px;
	list-style: none;
	display: block;
	float: left;
	width: 320px;
	text-align: left;
	}
ul.carrots	{
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
	text-align: left;
	display: block;	
	}
ul.carrots li	{
	margin: 0;
	padding: 0 0 0 6px;
	list-style: none;
	display: block;
	float: left;
	width: 519px;
	/*width: 100%;*/
	text-align: left;
	}
ul.carrots li.txt	{
	margin: 0;
	padding: 0 0 12px 16px;
	font-size: 12px;
	line-height: 14px;
	list-style: none;
	display: block;
	float: left;
	width: 509px;
	/*width: 100%;*/
	text-align: left;
	}	
ul.carrots li a:link,
ul.carrots li a:visited,
ul.carrots li a:hover	{
	display: block;	
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	}
ul.carrots li a:hover	{
	background: transparent url("../img/right-column-arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	}	
#skill-area ul,
#skill ul,
#skill2 ul,
#activity ul,
#topic ul,
#article ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	}
#skill-area li,
#skill li,
#skill2 li,
#activity li,
#topic li,
#article li	{
	margin: 0;
	padding: 0 0 12px 0;
	list-style: none;
	line-height: 17px;
	}
#skill2 li.sub-title	{
	display: block;	
	padding: 0 0 4px 16px;
	width: 87%;
	}	
#skill2 li.sub-topic	{
	padding-left: 26px;
	}	
	
/*---------- Custom Elements ----------*/

p.welcome, p#welcome	{
	float: left;
	font-family: Times, "Times New Roman", Georgia, Palatino, "Book Antigua", serif;
	font-style: italic;
	margin: 4px 0 0 0;
	}
.padding-top	{
	padding-top: 12px;
	}
.margin-top	{
	margin-top: 12px;
	}
.nomargin	{
	margin: 0;
	}
.indent	{
	margin-left: 24px;
	}
.works-cited	{
	margin-bottom: 0;
	}
.grey	{
	color: #999;
	}	
.red	{
	color: #903;
	}		
.notes	{
	font-size: 10px;
	}
.alert	{
	color: #903;
	font-weight: bold;
	}	
.center	{
	text-align: center;
	}
.detail	{
	font-size: 12px;
	}
.directions	{
	font-family: Times, "Times New Roman", Georgia, Palatino, "Book Antigua", serif;
	/*font-style: italic;*/
	}
.moreinfo	{
	border-top: 1px dashed #444;
	padding-top: 4px;
	margin: 24px 0 8px 0;
	}
.name	{
	text-transform: uppercase;
	}
.pub	{
	font-style: italic;
	}
.right	{
	text-align: right;
	}
.callout	{
	background-color: #ddd;
	padding: 4px;
	margin-bottom: 12px;
	}
.callout .inset,
.callout-inst .inset	{
	padding: 6px;
	border: 1px solid #fff;
	}
.callout-inst	{
	background-color: #d4ffda;
	padding: 4px;
	}
.callout-inst p	{
	margin: 0;
	}	
	
	
/*---------- UPDATED 013008 Breadcrumb ----------*/
		
/*
#breadcrumb	{
	margin-bottom: 8px;
	}
body#trip #breadcrumb	{
	background-color: #abf;
	}
body#atlas #breadcrumb	{
	background-color: #c4f9a2;
	}
*/
#breadcrumb,
#breadcrumb-sm	{
	background-color: none;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	padding: 4px;
	margin-bottom: 0;
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	/* iewin fix begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 774px;	
	}
html>body #breadcrumb,
html>body #breadcrumb-sm	{
	width: 774px; /* iewin fix ends */
	}		
#breadcrumb h1	{
	float: left;
	margin: 0 0 0 10px;
	}	
#breadcrumb-sm h1	{
	float: left;
	margin: 10px 0 0 10px;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	}
#breadcrumb #bc-pulldown,
#breadcrumb-sm #bc-pulldown	{
	float: right;
	margin-right: 10px;
	}	
	
	
/*---------- CONTENT pull-down ----------*/	
#cont-pulldown	{
	float: left;
	text-align: left;
	}		
	
	
/*---------- DIV BUTTON ----------*/

div.button, td.button	{
	padding: 0;
	text-align: center;	
	}
div.button	{
	width: 784px;
	padding: 4px 0 3px 0;
	margin-left: auto;
	margin-right: auto;
	/* iewin fix begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 782px;	
	}
html>body div.button	{
	width: 782px; /* iewin fix ends */
	}	
	
	
/*---------- FLOATS ----------*/
	
.float-left	{
	float: left;
	width: 400px;
	background-color: #fff;
	}
img.float-left	{
	width: auto;
	margin-right: 12px;
	}
#content-summaries .float-left,
#content .float-left	{
	width: 540px;
	}

/*---------- SKILL AREA links ----------*/

#content-summaries a	{
	text-decoration: none;
	}
#content-summaries a:link,
#content-summaries a:visited	{
	color: #4455aa;
	}
#content-summaries a:hover	{
	color: #4455aa;
	text-decoration: underline;
	}
#skill-area a,
#skill a,
#skill2 a,
#activity a,
#topic a,
#article a	{
	text-decoration: none;
	}
#skill-area a:link,
#skill a:link,
#skill2 a:link,
#activity a:link,
#topic a:link,
#article a:link,
#skill-area a:visited,
#skill a:visited,
#skill2 a:visited,
#activity a:visited,
#topic a:visited,
#article a:visited	{
	display: block;	
	color: #4455aa;
	padding-left: 16px;
	padding-top: 0;
	width: 87%;
	}
#skill-area a:hover,
#skill a:hover,
#skill2 a:hover,
#activity a:hover,
#topic a:hover,
#article a:hover	{
	background: transparent url("../img/atlas-over.gif");
	background-repeat: no-repeat;
	background-position: left center;
	}
#skill-area a.on:link,
#skill a.on:link,
#skill2 a.on:link,
#activity a.on:link,
#topic a.on:link,
#article a.on:link,
#skill-area a.on:visited,
#skill a.on:visited,
#skill2 a.on:visited,
#activity a.on:visited,
#topic a.on:visited,
#article a.on:visited	{
	color: #444;
	background: transparent url("../img/atlas-on.gif");
	background-repeat: no-repeat;
	background-position: left center;
	}

/*---------- right column ---------*/

.float-right	{
	width: 200px;
	float: right;
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px 5px;
	border: none;
	}
#content-summaries .float-right p	{
	padding: 4px 8px 4px 12px;
	margin: 0;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}	
#content-summaries .float-right p.author	{
	font-size: 11px;
	line-height: 13px;	
	padding: 4px 8px 4px 12px;
	margin: 0;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}	
#content-summaries .float-right .author-field	{
	width: 198px;
	float: right;
	text-align: center;
	margin: 0;
	padding: 10px 0 10px 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #fff;
	}	
#content-summaries .float-right img.author	{
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;
	/*
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	*/
	}	
#content-summaries .float-right h1	{
	font-size: 16px;
	line-height: 18px;	
	padding: 0 12px 4px 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #ddd;
	margin: 0;
	border-style: none;
	font-weight: normal;
	}		
#content-summaries .float-right p.ajax-control	{
	padding: 6px 8px 1px 12px;
	margin: 0;
	background-color: #fff;
	}	
#content-summaries .float-right p.ajax-content,
#content-summaries .float-right ul.ajax-content	{
	padding: 4px 8px 4px 12px;
	margin: 0;
	background-color: #fff;
	}	
#content-summaries .float-right ul.ajax-content	{
	list-style: none;
	}
#content-summaries .float-right ul.ajax-content li {
	list-style: none;
	}		
	
	
#content-summaries .float-right p a:link,
#content-summaries .float-right p a:visited,
#content-summaries .float-right p a:hover	{
	display: block;	
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	}	
#content-summaries .float-right p a:hover	{
	background: transparent url("../img/right-column-arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	}	
#content-summaries .float-right p a#on:link,
#content-summaries .float-right p a#on:visited,
#content-summaries .float-right p a#on:hover	{
	color: #444;
	text-decoration: none;
	display: block;	
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	background: transparent url("../img/right-column-arrow-on.gif");
	background-repeat: no-repeat;
	background-position: left center;
	}	
#content-summaries .float-right a.non,
#content-summaries .float-right a.non:link,
#content-summaries .float-right a.non:visited	{
	display: inline;	
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: none;
	}
#content-summaries .float-right a.non:hover	{
	display: inline;	
	margin: 0;
	padding: 0;
	color: #4455aa;
	text-decoration: underline;
	background: none;
	}
#content-summaries .float-right .greyed-out	{
	color: #b8b8b8;
	display: block;	
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	}


/*---------- video ---------*/	

#content-summaries .float-right #orange h1.orange	{
	background-color: #ffd093;
	}		
#content-summaries .float-right #orange p	{
	border-left: 1px solid #ffd093;
	border-right: 1px solid #ffd093;
	} 	
#controls	{
	text-align: center;
	}
	
#controls2	{
	text-align: center;
	}
	
/*---------- PAGE Number NON COLOR items ----------*/

#page-numbers	{
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	}
#page-numbers #pn-left	{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}	
#page-numbers #pn-left a#on	{
	color: #444;
	text-decoration: underline;
	}		
#page-numbers #pn-right	{
	float: right;
	margin-right: 10px;
	}	
#page-numbers h1	{
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	}				
#page-numbers p	{
	margin-bottom: 0;
	padding-bottom: 0;
	}	
	
/*---------- Save Draft Buttons ---------*/

.save-online,
.save-desktop	{
	width: 180px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px 50px;
	border: none;
	}
.save-online p	{
	padding: 4px 8px 4px 12px;
	margin: 0;
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #d2c0fc;
	border-right: 1px solid #d2c0fc;
	}		
.save-desktop p	{
	padding: 4px 8px 4px 12px;
	margin: 0;
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #aafdd3;
	border-right: 1px solid #aafdd3;
	}	
	

/*---------- container ----------*/	

#container	{
	text-align: center;
	padding: 0 0 8px 0;
	margin-left: auto;
	margin-right: auto;
	width: 782px; /* iewin fix begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 784px;	
	}
html>body #container	{
	width: 784px; /* iewin fix ends */
	}
	
	
#container-login	{
	text-align: center;
	padding: 0 0 8px 0;
	margin-left: auto;
	margin-right: auto;
	width: 842px; /* iewin fix begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 844px;	
	}
html>body#login #container-login	{
	width: 844px; /* iewin fix ends */
	}	
	

/*
body#trip,
body#diag-test,
body#atlas	{
	background: url("../img/bkgd-student.gif") no-repeat  left top;
	}
body#class	{
	background: url("../img/bkgd-teacher.gif") no-repeat left top;	
	}
*/

#content	{
	display: block;
	padding: 12px;
	}
#content table	{
	width: 758px; 
	margin-left: auto;
	margin-right: auto;
	}


/*---------- intructor-welcome ----------*/	/*----------  moved to welcome.css  ----------*/ /*---------- end ----------*/

/*---------- LOGIN & POPUP ----------*/	/*----------  moved to login_popup.css  ----------*/ /*---------- end ----------*/

	
	
body#trip #content,
body#diag-test #content	{
	border-left: 1px solid #349;
	border-right: 1px solid #349;
	background-color: #fff;
	}
body#trip #content .float-right h1	{
	font-size: 16px;
	line-height: 18px;	
	padding: 0 12px 4px 12px;
	background-color: #ddd;
	margin: 0;
	border-style: none;
	font-weight: normal;
	}
body#diag-test table	{
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	}
body#diag-test table tr.question td	{
	font-weight: bold;
	padding: 16px 4px 2px 0;
	}
body#diag-test table tr.answers td	{
	vertical-align: top;
	padding: 4px 4px 2px 0;
	}
body#class #content	{
	border-left: 1px solid #169;
	border-right: 1px solid #169;
	background-color: #fff;
	}	
body#diag-test p.directions	{
	margin-bottom: 0;
	}		
	
	
	
/*--- TABLES  ---*/

#content-summaries table.definitions {
	border-collapse: collapse;
	border: none;
	}
#content-summaries table.definitions td.concept	{
	width: 140px;
	border-top: none;
	border-bottom: none;
	border-left: none;
	padding: 0 10px 4px 12px;
	overflow: auto;
	text-align: right;
	font-weight: bold;
	}
#content-summaries table.definitions td.detail	{
	border-left: none;
	padding: 15px;
	overflow: auto;
	text-align: left;
	font-weight: normal;
	}	

tr.area td	{
	color: #fff;
	font-weight: bold;
	}
tr.head td,
tr.head-atlas td	{
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	white-space: nowrap;
	}
tr.head td .head-subtitle	{
	font-size: 10px;
	line-height: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0;
	white-space: nowrap;
	}
tr.head td .head-subtitle2	{
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0;
	white-space: nowrap;
	}	
table.summaries-multi tr.head-no td	{
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	background-color: #94a;
	}
table.summaries-multi tr.head-no td.no	{
	border-style: none;
	}
	
td.indent	{
	padding-left: 16px;
	}
	
	
	
td.skill,
td.skill-no	{
	vertical-align: top;
	font-weight: bold;
	}
td.skill,
td.skill-no	{
	vertical-align: top;
	}
td.skill	{
	/*white-space: nowrap;*/
	}
#content-skills #skill-area	{
	float: left; 
	width: 209px; 
	height: 395px;  
	padding: 0 0 4px 0;
	overflow: auto; 
	}
#content-activities	#skill-area	{
	float: left;
	width: 209px;
	height: 395px; 
	padding: 0 0 4px 12px;
	}
#content-skills #activity	{
	 float: left;
	 width: 168px;
	 height: 395px;
	 padding: 0 20px 4px 12px;
	 overflow: auto;
	}
#content-activities #activity	{
	float: left;
	width: 168px;
	height: 395px;	 
	padding: 0 0 4px 0;
	overflow: auto;
	}
#content-skills #skill,
#content-activities #skill	{
	float: left; 
	width: 328px; 
	height: 395px;
	padding: 0 0 4px 12px;
	overflow: auto;
	}
#content-skills #skill2,
#content-activities #skill2	{
	float: left; 
	width: 522px; 
	height: 500px;
	padding: 0 12px 4px 12px;
	overflow: auto;
	}
#content-skills #skill-video,
#content-activities #skill-video	{
	float: left; 
	width: 522px; 
	height: 395px;
	padding: 0 12px 4px 12px;
	overflow: auto;
	}	
#content-readings #topic	{
	float: left;
	width: 296px;
	height: 395px;
	padding: 0 0 4px 0;
	overflow: auto; 
	}
#content-readings #article	{
	float: left;
	width: 426px;
	height: 395px;
	padding: 0 0 4px 12px;
	overflow: auto;
	}
tr.head-atlas td	{
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	white-space: nowrap;
	}
table.summaries,
table.summaries-multi	{
	margin-bottom: 12px;
	width: 758px; 
	}
table.summaries td	{
	vertical-align: top;
	}
table.summaries-multi td	{
	vertical-align: top;
	}
td.diag-score,
td.stamp	{
	vertical-align: top;
	text-align: center;
	}	
	
	
	
	
table td.highlighted	{
	width: 222px;
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;	
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	}	
table td.from	{
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;	
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	}	
table td.subject	{
	width: 300px;
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;	
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	}		
table td ul.actions	{
	float: right;
	width: 100%; /* not added to Catalyst yet */
	padding: 0;
	margin: 3px 10px 0 0;
	display: inline;
	list-style-type: none;
	}
table td ul.actions li	{
	padding: 0;
	margin: 0 2px 0 2px;
	display: inline;
	list-style-type: none;
	font-size: 11px;
	line-height: 120%;
	}		
	
	
	
/*
body#trip table	{
	border-bottom: 1px solid #56b;
	}
body#trip table td	{
	border-top: 1px solid #abf;
	}
body#trip table tr.atlas td	{
	border-top: 1px solid #c4f9a2;
	}
	
body#atlas table	{
	border-bottom: 1px solid #5a883c;
	}
body#atlas table.summaries,
body#atlas table.summaries-multi	{
	margin-bottom: 12px;
	width: 758px; 
	}
body#atlas table.summaries td	{
	vertical-align: top;
	border-top: 1px solid #c4f9a2;
	}
body#atlas table.summaries-multi td	{
	vertical-align: top;
	}
body#atlas table.summaries-multi td,
body#atlas table.summaries-multi tr.head td	{
	border-left: 1px solid #c4f9a2;
	}
body#atlas table.summaries-multi td.no,
body#atlas table.summaries-multi tr.head td.no,
body#atlas table.summaries-multi td.skill-no	{
	border-left: 0px solid #c4f9a2;
	}
	
body#atlas table td,
body#trip table tr.rule-atlas td	{
	border-top: 1px solid #94a;
	}
	
body#class table	{
	border-bottom: 1px solid #069;
	}
body#class table td	{
	border-top: 1px solid #8df;
	}
body#class table.classes-edit	{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	border-style: none;
	}
body#class table.classes-edit td	{
	border-style: none;
	padding: 0 0 4px 0;
	}
body#class table.classes-edit td.button	{
	padding: 4px 0 0 0;
	text-align: left;
	}
	
body#class table.classes-edit td.right	{
	padding-right: 4px;
	}
body#trip table.passport tr.area td,
body#trip table.itinerary tr.area td	{
	background-color: #349;
	border-style: none;
	}	
body#trip table.results tr.area td,
body#trip table.results-achieve tr.area td	{
	background-color: #56b;
	font-weight: bold;
	border-style: none;
	}
body#trip table.results-achieve tr.area td.center	{
	border-left: 1px solid #afb;
	}
body#trip tr.area-atlas td	{
	background-color: #5a883c;
	border-style: none;
	color: #fff;
	}
body#atlas tr.area td	{
	background-color: #5a883c;
	border-style: none;
	}
body#class tr.area td	{
	background-color: #169;
	border-style: none;
	font-size: 13px;
	line-height: 18px;
	}	
body#trip table.assignments tr.area td	{
	background-color: #1F5BE6;
	border-style: none;
	}
body#trip tr.head-atlas td		{
	background-color: #56b;
	border-style: none;
	}
body#trip table.passport tr.head td,
body#trip table.itinerary tr.head td	{
	background-color: #56b;
	border-style: none;
	}
body#trip table.results tr.head td,
body#trip table.results-achieve tr.head td	{
	background-color: #349;
	border-style: none;
	}
body#trip table.assignments tr.head td	{
	background-color: #3E78FF;
	border-style: none;
	}	
body#trip tr.head-atlas td	{
	background-color: #94a;
	border-style: none;
	}	
body#atlas tr.head td	{
	background-color: #94a;
	border-style: none;
	}
body#class tr.head td	{
	background-color: #38b;
	border-style: none;
	}
	
body#trip table.results-achieve td.center,
body#trip table.results-achieve tr.head td.center,
body#trip table.results-achieve tr.head body#trip body#trip table.results-achieve td.subhead-center{
	border-left: 1px solid #abf;
	text-align: center;
	}
body#trip table.results-achieve td.center2,
body#trip table.results-achieve tr.head td.center2,
body#trip table.results-achieve tr.head body#trip body#trip table.results-achieve td.subhead-center2{
	border-left: 1px solid #abf;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
	white-space: nowrap;
	}	
body#trip table.results-achieve tr.head td.subhead-center	{
	border-top: 1px solid #abf;
	border-left: 1px solid #abf;
	text-transform: none;
	letter-spacing: 0;
	text-align: center;
	}

body#trip table tr td.skill,
body#trip table tr td.diag-score,
body#trip table tr.rule td	{
	border-top: 1px solid #56b;
	}

body#trip td.skill,
body#atlas td.skill,
body#atlas td.skill-no	{
	vertical-align: top;
	background-color: #abf;
	font-weight: bold;
	}
	
body#trip td.assignment-skill	{
	vertical-align: top;
	background-color: #BAD1FF;
	font-weight: bold;
	}	
	
body#trip tr.rule-atlas td.skill,
body#atlas td.skill,
body#atlas td.skill-no	{
	vertical-align: top;
	background-color: #c4f9a2;
	}
body#atlas td.skill	{
	white-space: nowrap;
	}
body#trip tr.rule-atlas td.diag-score,
body#trip tr.rule-atlas td.stamp	{
	vertical-align: top;
	background-color: #c4f9a2;
	text-align: center;
	}
	
body#class table tr.rule td	{
	border-top: 1px solid #38b;
	}
	

body#class table a	{
	text-decoration: none;
	}
	
body#class table a:link,
body#class table a:visited	{
	color: #17a;
	}
body#class table a:hover	{
	text-decoration: underline;
	}
	
body#class table tr.area a:link,
body#class table tr.area a:visited	{
	color: #fff;
	text-decoration: underline
	}
body#class table tr.area a:hover	{
	text-decoration: none;
	}
	
body#class table.classes-edit td.left	{
	padding-left: 7px;
	}
body#class table.classes-edit td ul.class-nav	{
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	}
body#class table.classes-edit td ul.class-nav li	{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	line-height: 130%;
	}
body#class table.classes-edit td ul.class-nav li.names	{
	width: 200px;
	float: left;
	text-align: left;
	padding: 0 0 3px 12px;
	margin: 0;
	}
body#class table.classes-edit td ul.class-nav li.tally	{
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
	}
*/		
	
	
/*---------- secondary navigation ----------*/ /*---------- moved to NEW tabs.css ----------*/	/*---------- end ----------*/	
	
	
	
/*---------- tertiary navigation ----------*/  /*---------- moved to NEW tabs.css ----------*/  /*---------- end ----------*/



	
	
/*---------- reading rate line numbers ----------*/	

.num	{
	float: right;
	margin: 0 0 0 0;
	font-size: 13px;
	line-height: 149%;
	color: #888;
	background-color: transparent;
	clear: right;
	}
.num2	{
	float: right;
	margin: 12px 0 0 12px;
	font-size: 13px;
	line-height: 149%;
	color: #888;
	background-color: transparent;
	clear: right;
	}
.text	{
	margin: 0 25px 0 0;
	}
.text2	{
	margin: 12px 25px 0 0;
	}
.text-bookmark 	{
	margin: 0 50px 0 25px;
	}
.text-bookmark2 	{
	margin: 12px 50px 0 25px;
	}
	
/*---------- footer ----------*/	

#fine p	{
	font-size: 10px;
	line-height: 13px;
	margin: 0;
	}
#fine a	{
	text-decoration: underline;
	}	
#fine a:link,
#fine a:visited	{
	text-decoration: underline;
	color: #aaa;
	}	
#fine a:hover	{
	color: #444;
	}
	
/*---------- clearers ----------*/	
div.clearer,
div.clearer-plain	{
	display: block; 
	clear: both; 
	margin: 0;
	padding: 0;
  	font-size: 1px;
  	line-height: 0;
	background-color: #fff;
	border-style: none;
	color: #fff;
  	}
  	
body#trip #container div.clearer,
body#diag-test #container div.clearer	{
  	border-left: 1px solid #349;
  	border-right: 1px solid #349;
  	}
 
body#atlas #container div.clearer {
  	border-left: 1px solid #5a883c;
  	border-right: 1px solid #5a883c;
  	}
  	
body#class #container div.clearer {
  	border-left: 1px solid #169;
  	border-right: 1px solid #169;
  	}
	
.highlight{
	background-color: #ff0;
	color: #222;
	}
	
	
/* BEGIN new 2006 code */	

h1.section-space	{
	font-size: 21px;
	line-height: 26px;
	margin: 25px 0 2px 0;
	font-weight: normal;
	}
.floatright 	{
	float: right;
	margin: 0 0 5px 5px;
	border: none;
	}	
.float-right2 p	{
	padding: 4px 8px 4px 12px;
	margin: 0;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}	

#tally	{
	float: right;
	margin: 0;
	padding: 0;
	color: #000000;	
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	}
#book-reading	{
	margin: 0;
	padding: 20px;
	}
	
.blue-link	{
	color: #45a;
	}	
.grey	{
	color: #989898;
	}		
.white	{
	color: #fff;
	}
.white a	{
	text-decoration: none;
	}
.white a:link,
.white a:visited	{
	color: #fff;
	text-decoration: none;
	}
.white a:hover,
.white a:active	{
	color: #fff;
	text-decoration: underline;
	}
	
.example-quote	{
	margin: 10px 35px 10px 35px;
	padding: 0;
	}	
	
.assign-indent	{
	margin: 0 0 0 20px;
	padding: 0;
	}
	
	
/*---------- AJAX ----------*/		

body#class table.classes-edit td .ajax	{
	padding: 8px;
	margin: 0 0 8px 0;
	font-size: 13px;
	line-height: 140%;	
	border: 0px dotted #006699;
	}
.ajax	{
	float: left;
	padding: 8px;
	margin: 0 0 8px 0;
	font-size: 13px;
	line-height: 140%;	
	border: 0px dotted #006699;
	}
body#class table.classes-edit td .ajax p,
.ajax p	{
	padding: 3px 0 0 0;
	margin: 0;
	}		
.ajax ul,
.ajax-rlevels ul	{
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	}
.ajax ul li	{
	padding: 0 4px 3px 14px;
	margin: 0;
	display: block;
	list-style-type: none;	
	line-height: 140%;		
	}	
.ajax .listed-indent	{
	margin: 8px 0 8px 16px;
	padding: 0;
	}
.ajax .listed-indent .winfixx,
.ajax .listed-indent form	{
	margin: 0;
	padding: 0;
	}
.ajax-rlevels	{
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 140%;	
	border: 0px dotted #006699;
	}	
.ajax-rlevels ul li	{
	padding: 0 4px 3px 0;
	margin: 0;
	display: block;
	list-style-type: none;	
	line-height: 140%;		
	}		
body#class table.classes-edit td .ajax ul li ul,
.ajax ul li ul	{
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	}
body#class table.classes-edit td .ajax ul li ul li,
.ajax ul li ul li	{
	padding: 0 4px 12px 24px;
	margin: 0;
	display: block;
	list-style-type: none;	
	line-height: 140%;		
	}
	
.photo-credits,
#content-summaries .float-right p.photo-credits	{
	font-size: 10px;
	line-height: 120%;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	border: none;
	}	
.ajax ul.ajax-dates	{
	padding: 0;
	margin: 0 0 0 30px;
	display: inline;
	list-style-type: none;
	}
.ajax ul.ajax-dates2	{
	padding: 0 0 25px 0;
	margin: 0 0 0 30px;
	display: inline;
	list-style-type: none;
	}	
.ajax ul.ajax-dates li,
.ajax ul.ajax-dates2 li	{
	padding: 0 4px 3px 4px;
	margin: 0;
	display: inline;
	list-style-type: none;		
	}
.ajax ul.ajax-dates2 li textarea	{
	vertical-align: middle;	
	}	
.ajax ul li ul.custom-assign	{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	}
.ajax ul li ul.custom-assign li	{
	padding: 0 2px 3px 2px;
	margin: 0;
	display: inline;
	list-style-type: none;	
	line-height: 140%;		
	}	
	
	
/* -- AJAX DEFINITIONS & ADDRESS BOOK -- */

.definition-ajax	{
	width: 253px;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	background-color: #ddd;
  	}
.definition-ajax h1	{
	font-size: 16px;
	line-height: 18px;	
	padding: 0 12px 4px 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #ddd;
	margin: 0;
	border-style: none;
	font-weight: normal;
	}	
.definition-ajax p	{
	padding: 4px 8px 4px 12px;
	margin: 0;
	background-color: #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}
.definition-ajax p.indent	{
	padding: 4px 8px 4px 24px;
	margin: 0;
	background-color: #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}
.definition-ajax ul,
.definition-ajax ol	{
	margin: 4px 0 0 0;
	padding: 0 15px 0 32px;
	}
	
.address-graphicbar	{
	width: 100%;
	height: 8px;
	padding: 0;
	margin: 0;
	background-color: #772288;
  	}
.address-graphicbar #edge-left {
	float: left;
	padding: 0;
	margin: 0;
	}
.address-graphicbar #edge-right {
	float: right;
	padding: 0;
	margin: 0;
	}	
#address-titlebar	{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #772288;
	}
#address-titlebar h1	{
	float: left;
	color: #fff;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0 0 6px 12px;
	font-size: 19px;
	line-height: 21px;
	}
#address-titlebar p	{
	float: right;
	margin: 0px 12px 0 0px;
	font-size: 12px;
	line-height: 16px;
	}
#address-ajax	{
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 0 12px;
	margin: 0;
	background-color: #fff;
	border-left: 0;
	border-right: 0;
	/*
	padding: 12px;
	margin: 0;
	background-color: #fbe8ff;
	border-left: 1px solid #772288;
	border-right: 1px solid #772288;
	*/
  	}
#address-ajax ul	{
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	}
#address-ajax ul li	{
	float: left;
	padding: 0 4px 3px 30px;
	margin: 0;
	display: block;
	list-style-type: none;	
	line-height: 140%;		
	}	
#address-ajax ul li.classname	{
	padding: 0 0 3px 0;
	margin: 0;
	display: block;
	list-style-type: none;	
	line-height: 140%;		
	font-weight: bold;
	}
#relative-test {
	position: relative;
	}	
#add_recipient {
	position: absolute;
	left: 160px;
	top: 185px;
	}
#add_attachment {
	position: absolute;
	width: 50%;
	left: 160px;
	top: 315px;
	}

/* -- AJAX CONTENT-INSTR -- */

#choose-topic	{
	float: left;
	width: 140px;
	/*height: 300px;*/
	margin: 0 12px 0 0;
	padding: 0 0 4px 12px;
	font-size: 12px;
	line-height: 16px;
	}
#choose-topic-wide	{
	float: left;
	width: 342px;
	margin: 0;
	padding: 0 0 4px 12px;
	font-size: 12px;
	line-height: 16px;
	}	
#choose-resources	{
	float: left; 
	width: 522px; 
	padding: 0 12px 4px 12px;
	overflow: auto;
	font-size: 12px;
	line-height: 16px;
	}
#choose-resources-shrink	{
	float: left; 
	width: 332px; 
	padding: 0 12px 4px 12px;
	overflow: auto;
	font-size: 12px;
	line-height: 16px;
	}	
#choose-topic h1,
#choose-topic-wide h1	{
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 10px;
	}
#choose-resources h1,
#choose-resources-shrink h1	{
	font-size: 17px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#choose-resources h1 .sub-txt,
#choose-resources-shrink h1 .sub-txt	{
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 0;
	}
#choose-topic ul,
#choose-topic-wide ul,
#choose-resources ul,
#choose-resources-shrink ul	{
	margin: 0;
	padding: 0 0 0 18px;
	list-style: none;
	text-align: left;
	}
#choose-topic li,
#choose-topic-wide li,
#choose-resources li,
#choose-resources-shrink li	{
	margin: 0;
	padding: 6px 0 6px 0;
	list-style: none;
	line-height: 17px;
	}
#choose-topic a.arrow,
#choose-topic a.arrow:link,
#choose-topic a.arrow:visited,
#choose-topic-wide a.arrow,
#choose-topic-wide a.arrow:link,
#choose-topic-wide a.arrow:visited	{
	margin: 0;
	padding: 0 16px 0 0;
	background: transparent url("");
	background-repeat: no-repeat;
	background-position: right center;
	}
#choose-topic a.arrow:hover,
#choose-topic-wide a.arrow:hover	{
	margin: 0;
	padding: 0 16px 0 0;
	background: transparent url("../img/atlas-over.gif");
	background-repeat: no-repeat;
	background-position: right center;
	}	
#choose-topic a.arrow-on,
#choose-topic a.arrow-on:link,
#choose-topic a.arrow-on:visited,
#choose-topic-wide a.arrow-on,
#choose-topic-wide a.arrow-on:link,
#choose-topic-wide a.arrow-on:visited	{
	color: #444;
	/*text-decoration: underline;*/
	margin: 0;
	padding: 0 16px 0 0;
	background: transparent url("../img/atlas-on.gif");
	background-repeat: no-repeat;
	background-position: right center;
	}

/* -- AJAX WARNING  -- */

#beta-warning {
 position: absolute;
 top: 0;
 left: 25%;
}
#warning {
	width:600px;
	margin: 0 auto 0 auto;
	cursor:pointer;
	color: #fff;
	background-color: #334499;
	}
#warning p	{
	font-size: 18px;
	font-weight: normal;
	margin: 0 auto 0 auto;
	padding: 24px;
	}
.warning-graphicbar	{
	width: 100%;
	height: 8px;
	padding: 0;
	margin: 0;
	background-color: #334499;
  	}
.warning-graphicbar #edge-left {
	float: left;
	padding: 0;
	margin: 0;
	}
.warning-graphicbar #edge-right {
	float: right;
	padding: 0;
	margin: 0;
	}

/* -- workspace  -- */

#workspace {
	width: 170px;
	margin: 0 0 -2px 0;
	float: left;
	padding: 10px 0 10px 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: #a0c2e3;
	}
#workspace2 {
	float: left;
	}


/*---------- STUDENT DETAILs / ESSAY ANSWERS ----------*/		

.essay	{
	margin: 0;
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
	}
.comments,
.comments2	{
	margin: 0;
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
	}
.comments ul,
.comments2 ul	{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	}
.comments ul li,
.comments2 ul li	{
	padding: 0 4px 3px 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	}
.comments form,
.comments2 form	{
	margin: 0;
	padding: 0;
	}	
	
/*----- new summary pages --------*/

img.credit-img2	{
	margin: 0;
	border: 0px;
	}		
.poetry	{
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	text-align: left;
	}
.poetry-lines	{
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
	}	
#just-a-box	{
	padding: 12px;
	margin: 10px 0 10px 0;
	background-color: #fff;
	border: 1px solid #772288;
  	}		
	
/* -- AJAX MY CLASSES details -- */

.myclasses-ajax	{
	width: 175px;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	background-color: #ddd;
  	}
.myclasses-ajax h1	{
	font-size: 12px;
	line-height: 16px;	
	padding: 0 0 0 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #ddd;
	margin: 0;
	border-style: none;
	font-weight: bold;
	}	
.myclasses-ajax ul	{
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	}
.myclasses-ajax ul li	{
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	}

/* -- Popup Calendar -- */

#cal-popup	{
	position: relative;
	left: 0;
	top: 0;
	width: 150px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;	
	background-color: #fafafa;
	border: 1px solid #aaa;
	}
#cal-popup ul.close	{
	float: left;
	width: 100%;
	height: 16px;
	display: block;
	margin: 0;
	padding: 0;
	color: #555;
	font-weight: bold;
	background-color: #8c8c8c;
	}	
#cal-popup ul.close li	{
	padding: 2px 10px 0 0;
	margin: 0;
	display: block;
	float: right;
	text-align: right;
	list-style-type: none;
	}
#cal-popup ul.month	{
	float: left;
	width: 100%;
	display: block;
	margin: 0;
	padding: 4px 0 2px 0;
	color: #555;
	font-weight: bold;
	background-color: #c5c5c5;
	}	
#cal-popup ul.month li	{
	width: 70%;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;
	list-style-type: none;
	}
#cal-popup ul.month li.nav	{
	width: 14%;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;
	list-style-type: none;
	}
#cal-popup ul.week	{
	float: left;
	display: block;
	margin: 0;
	padding: 4px 5px 2px 5px;
	color: #555;
	font-weight: bold;
	background-color: #ddd;
	}	
#cal-popup ul.week li	{
	width: 20px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;
	list-style-type: none;
	}
#cal-popup ul.days	{
	display: block;
	margin: 0;
	padding: 4px 5px 2px 5px;
	}	
#cal-popup ul.days li	{
	width: 20px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;
	list-style-type: none;
	}
#cal-popup ul.days li a	{
	float: left;
	width: 20px;
	text-decoration: none;
	}
#cal-popup ul.days li a:link,
#cal-popup ul.days li a:visited	{
	color: #62a2e1;
	text-decoration: none;
	}
#cal-popup ul.days li a:hover,
#cal-popup ul.days li a:active	{
	color: #fff;
	background-color: #62a2e1;
	text-decoration: none;
	}