/*divs, buttons to move things up,down in portfo, webquest process resource steps*/

/*for the box above the treehouse editor*/
ul.message
{
 margin: 0 3px;
}
ul.message li
{padding-top: 3px;
}

div.helprighteasy p
{margin-bottom: 0;
}

/*end for the box above the treehouse editor*/

ul.radiocheck li
{padding-bottom: 5px;
	text-indent: -10px;
	padding: 0 10px 3px 10px;
}
#trhsformcontainer ul.comments,#trhsformcontainer ul.commentstchr, #trhsformcontainer ul.commentsstud, #trhsformcontainer ul.commentseditor
{margin-bottom: 10px !important;
font-weight: bold;
}
#trhsformcontainer ul.commentseditor
{color: #EAA938;
}
#trhsformcontainer ul.commentseditor strong.orange
{color: #F38708;
background-color: #EFF1AE;
padding: 3px;
}

#trhsformcontainer ul.commentsstud
{color: #5EA967;
}
#trhsformcontainer ul.commentstchr
{color: #993333;
}

#publish strong
{color: #333;
}

#trhsdatabody a.buttonlink
{
background-color: #F9F5D7;
font-size: 12px;
letter-spacing: 1px;
padding: 5px; 
border: 2px solid #F9F4C6;
text-align: center;
width: 250px;
margin: 10px -40px;
text-decoration: underline;
}
.bluecheck
{background-color: #ccc;
padding: 2px 1px 1px 1px;
}
#publish strong.red
{color: #990033 !important;
}
 ul.nodisclist
{font-size: 12px;
list-style-type: none !important;
padding: 0 100px 0 40px;
}
ul.nodisclist,  ul.nodisclist ul
{
list-style-type: none !important;
}
#trhsformcontainer ul.nodisclist li, #trhsformcontainer ul.nodisclist ul li
{padding-bottom: 5px;
	text-indent: -40px;
	padding: 0 10px 0 10px;
	list-style-type: none !important;
list-style-image: none;
}

div.moveupdown, div.moveupdownsect, td.moveupdown, table.supportmatstable td.moveupdown
{float: left;
margin: 0px 10px 10px 0px;
font-size: 9px;
padding: 3px;
border: 1px solid #000066;
background-color: #fff;
}

td.moveupdown ul li
{margin: 0;
padding: 0;
width: 50px;
}
div.moveupdownsect
{
margin: 0px 10px 10px 0px;
}

div.moveupdown a, div.moveupdownsect a
{display: block;
}
#trhsformcontainer div.moveupdown a:hover, #trhsformcontainer div.moveupdownsect a:hover, #trhsformcontainer td.moveupdown ul li a, #trhsformcontainer td.moveupdown ul li a:hover
{text-decoration: none;
}


div.moveupdown img, div.moveupdownsect img, td.moveupdown img
{padding-right: 3px;
}

/*end divs and buttons form moving things up and down*/

.block, .blockpad
{display: block;
}
.blockpad
{padding: 10px 0;
}

/*label tags used in teacher resource etc.*/
label.contentlabel	{
	display: block;
	}	
	
.contentlabel	{
	font-size: 10px;
	font-weight: bold;
	color: #000066; 
	margin: 15px 0 10px 30px;
	letter-spacing: 1px;
	}
	
	
#mediatitle .contentlabel	
{color: #cc0000;
}
	
	/*definition list and portoflio linked resources*/

	
	dl dt
	{font-weight: bold;
	}
	div.linkresource dl
	{margin: 5px 0 10px 15px;
	display: block;
	}
	
	dl.externallink dt, dl.externallink dd
	{font-weight: bold;
	padding-bottom: 5px;
	margin-left: 60px;
	padding-left: 0px;
	
	}
		
/*webquestand portfolio*/

div.linkresource, div.linksection
{
border-bottom: 1px solid #ccc;
padding-top: 5px;
margin: 0 35px 0 0;
}

div.linkresource ul.inline
{font-size: 10px;
}
div.linksection, div.linkedresources
{
margin: 0 10px 5px 20px;
padding: 5px 0 5px 10px;
border: 1px solid #ccc;
background-color: #Fff;
clear: both;
}
 div.linkedresources
 {padding-top: 20px;
 }

div.sectionheader
{padding: 5px 0 10px 0;
font-size: 12px;
background-color: #F9F5D7;
border: 2px solid #F9F4C6;
border-top: none;
margin-right: 10px;
}

	h5.lnksectitle
	{font-size: 12px;
	}
 #linkedresources
	{font-size: 10px;
	}
	

div.linksection h5/*need to change this to an h5 class?*/
 {margin-left: 50px;
 }

img.outdent
{margin-left: -20px;
}

div.importantwebq p
{padding: 10px 0 0 0;
font-size: 10px;
margin: 3px 10px;
}



img.paddedright
{padding: 15px 20px 0 0;
}
/*teacher resoure format main editor page*/

#trhsmaininstruct #chooseformat 
{padding: 10px; 
background-color: #fff; 
font-size: 10px; 
border: 4px solid #E4E4E9;
margin: 5px 0 5px 25px; 
width: 530px;
}

#trhsmaininstruct #chooseformat ul li
{padding-bottom: 2px;
}

#trhsmaininstruct #chooseformat ul li ul
{margin-top: 2px;
}

#trhsmaininstruct #chooseformat ul li ul li
{padding-left: 5px;
}

/*teacher resoure format end main editor page*/
#teacherlearninfo, #teachercontent
{padding: 0;
background-color: transparent;
}

#teacherlearninfo div.boxtoc, #teachercontent div.boxtoc, #physicalobject div.boxtoc
{margin-bottom: 10px;
padding: 10px 30px 10px 10px;
}
#standards div.boxtoc
{padding-right: 0;
}
#teacherlearninfo h4, #teacherlearninfo h3
{padding-top: 10px;
}
#teacherlearninfo h3
{padding: 10px;
margin-bottom: 0;
}
#teacherlearninfo p
{width: 500px;
}

#instructstrat, #timeframe, #natstandards, #statestandards
{margin-bottom: 15px;
}

#teacherlearninfo h5
{padding-left: 50px;
}

#teacherlearninfo ul li, #grouping ul li, #doccats ul li, #activitytype ul li, #learnstrategy ul li
{padding: 2px 0;
}

ul.floatrightlrninfo, #activitytype ul.floatrightlrninfo 
{float:right;
}


ul.floatrightlrninfo li
{padding: 2px 0 2px 20px;
margin-right: 10px;
}

 #grouping ul.floatrightlrninfo li, #learnstrategy ul.floatrightlrninfo li
{padding-right: 100px;
}

#activitytype ul.floatrightlrninfo li
{padding-right: 140px;
}
#trhsmetatype ul.floatrightlrninfo li
{padding-right: 240px;
}



ul.doublelist
{width: 200px;
padding-left: 35px;
}


/* teacher resource support mats*/
#supportmats div.importantnar
{width: 500px;
}


#supportmats div.importantnar ul.greydot
{width: auto;
}
#supportmats div.importantnar ul.greydot li
{padding-bottom: 4px;
}

#supportmatcontent p
{width: 250px;
}
#supportmatcontent td.tryellbox
{font-size: 10px;
}

#supportmatcontent table
{margin-right: 10px;
}

/* learning collection format*/




/* learning collection format*/

/*treehouse editor steps at top of page and navigation*/



/*link sytles*/
a.viewlink, a.editlink, a.deletelink, a.searchagainlink, a.trhsmanagerlink, a.addlink, a.searchlink, a.editlinklong, a.returnlink		{
	display: block;
	font-size: 10px;
	width: 80px;
	background-color: #f2f2ff;
	text-decoration: none;
	text-align: center;
	padding: 2px 0;
	margin: 5px 0;
	border: 1px solid #ddd;
	}
	
	

a.editlink	{
	background-color: #ffffbb;
	}
	

a.deletelink	{
	background-color: #ffd9dc;
	border: 1px solid #ff0000;
	}  	

	
a.viewlink:hover, a.editlink:hover, a.deletelink:hover, a.trhsmanagerlink.hover, a.searchagainlink.hover, a.addlink.hover, a.searchlink.hover, a.editlinklong.hover, a.returnlink:hover	{
	border: 1px solid #ff3300;
	background: transparent;
	text-decoration: underline;
	}
a.returnlink
{ background-color: #F9F5D7;
width: auto;
padding: 5px;
margin: 5px;
}	
	
a.searchagainlink, a.searchlink, #addportfopages a.addlink
{ background-color: #F9F5D7;
  display: block;
  border: 4px solid #F9F4C6;
  font-size: 12px;
  padding: 7px;
  width: 100px;
}

#addportfopages a.addlink 
{text-decoration: underline;
border: 1px solid #ccc;

}

	a.trhsmanagerlink
	{padding: 7px;
	border-top: none;
	border-right:none;
    background-color: #e2e2ea;
	font-size: 12px;
	float: right;
	margin: 0 -45px 5px 5px;
	width: 145px;
      }
	  
	a.editlinklong	{
	float: right;
	width: 150px;
	padding: 10px;
	font-size: 12px;
	}	
	

/*treehouse editor steps at top of page and navigation*/

div.mainpginstructions p {padding-left: 35px; }
p.largetext
{font-size: 13px;
}

p.tenpad
{padding: 10px 0 5px 5px;
}
p.tenpad3
{width: 315px !important;
padding: 5px 5px 10px 5px;
}
p.tenpad2
{padding: 15px 0 10px 5px;
}
p.narrow
{width: 315px;
margin-top: 15px;
}
a.narrowmaineditor
{width: 315px;
margin-left: 15px;
}

p.tenpadbottom
{padding: 10px 0 40px 5px;
}

p.extrapad
{padding: 10px 0;
}

div.trhseditstepstop
    {
	margin: 7px 5px 0 5px;
	padding: 7px 4px 10px 4px;
	background-color: #e2e2ea;
	width: 625px;
	clear: both;
	}
	
	#navlinksright, #navlinksrightmain 
	{margin-top:5px;
	margin-left:155px;
	 display: inline;
	}
	
	#navlinksrightmain
	{
	margin-top:10px;
	margin-left:170px;
	
	}
	
	 #navlinksright a.navlinkstop, #navlinksrightmain a, #navlinksright a.navlinkstoptrman
	{ background-color: #e2e2ea;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 11px;
	
	}
	
	#navlinksright a.navlinkstoptrman:hover
	{background-color: #F9F5D7;
	}
	
 #navlinksright a.navlinkstop, #navlinksright a.navlinkstoptrman, #navlinksrightmain a.navlinkstop 
	{ padding: 7px 7px 10px 7px;
	   border: 1px solid #ccc;
 	 border-bottom: none;
	 margin: 0 3px 0 0;
	}
	
	#trhseditnav a
	{
	font-weight: bold;
	}


p.checktoedit
{display: inline; text-align: left; margin: 0 0 5px 5px; padding: 10px 0; width: 200px; font-size: 10px;
}

/*for edit steps at top of ever page*/

ol.editstepslist li.noborder
{border: 0; 

}



ol.editstepslist {
 padding: 2px 0; margin: 0; font-size: 11px; display: inline;
}

/*so editor page lines up*/
div.mainpginstructions ol.editstepslist
{margin: 15px 0 10px 50px;
display: block;
}

ol.editstepslist li
{
margin: 0 3px 0 0;
padding: 5px;
text-align: center;
display: inline;
border: 1px solid #ccc;
}

#teacherresintro ul li,  #lessoncontent ul li
{padding-top: 4px;
}

ul.inline li, ol.inline li
{display: inline;
padding: 2px;
text-align: left;
}

ol.editstepsmainpg li, ol.editstepsmainpgnoflo li
{
margin:3px;
padding:3px; 
text-align: left; 
font-size: 11px; 
width: 170px;
list-style-type: none;
}


ol.editstepsmainpg, ol.editstepsmainpgnoflo
{float: right;
margin: 0 10px;
padding: 10px;
}
ol.editstepsmainpgnoflo
{float: none;
padding:  0;

}

ul.editstepstatus
{float: right;
text-align: center;

}


ul.editstepstatus li
{width: 120px;
margin: 0 0 10px 0;
text-align: center;
padding: 5px;
border: 1px solid #ccc;
}

/*to make sure margin for these li styles for showing work in progress don't go to next line*/


li.needtoedit, .needtoedit, li.needtoeditdb, .needtoeditdb, .needtoedit2
{ background-color: #f2f2ff; border: 1px solid #ccc; 
padding: 5px;
margin-right: 5px;
}

.needtoedit2
{  
padding: 5px;
}

li.workinprocess, .workinprocess, li.workinprocessdb, .workinprocessdb
{ background-color: #BAC1D8; 
border: 1px solid #ccc; 
padding: 5px;
margin-right: 5px; 

}

li.needtoeditdb, .needtoeditdb, li.workinprocessdb, .workinprocessdb
{padding: 5px 1px 5px 2px;
}

#trhsformcontainer li.complete, #trhseditnav a.complete, #trhseditnav a:visited.complete, #trhsformcontainer a.complete, #trhsformcontainer a:visited.complete, .complete

{ 
background-color: #3D4F93; 
color: #fff;
border: 1px solid #ccc; 
padding: 5px;
margin-right: 5px;
}

#trhseditnav a.complete, #trhseditnav a:visited.complete, #trhsformcontainer a.complete, #trhsformcontainer a:visited.complete
{
border: 0;
border: none;
padding: 0;
margin-right:0;
} 

#firstinstructions ol.inline li
{list-style-type: decimal;

}

ul.inline
{display: inline;
padding: 2px;
text-align: left;
margin: 10px;
}


div.mailme, div.mailmetoc
{
width: 300px;
font-size: 10px;
margin-bottom: 10px;
}

 div.mailmetoc
 {margin:15px 0 5px 30px;
 }
 
 /*styles for the box at the top of each page*/
#trhsformcontainer div.warning p
{ margin: 10px 20px 10px 30px;
font-size: 10px;
width: 250px;
}
#trhsformcontainer div.warningNEW p
{ margin: 10px 20px 10px 0;
font-size: 10px;
width: 250px;
}
#trhsformcontainer div.warning2 p
{ margin: 10px 30px;
font-size: 10px;
}


#trhsformcontainer ul.tocpagecontent li, ul.tocpagecontentteach li, ul.tocpagecontentteachlft li, ul.tocpagecontentsmlft li, ul.tocpagecontentsm li
{text-align: center;
display: inline;
font-size: 13px;
padding: 5px;
}
#trhsformcontainer ul.tocpagecontentteach li, ul.tocpagecontentteachlft li, ul.tocpagecontentteach li, ul.tocpagecontentsmlft li,   #trhsformcontainer ul.tocpagecontentsm li
{font-size: 13px;
text-align: left;
}



#trhsformcontainer ul.tocpagecontentteach, #trhsformcontainer ul.tocpagecontentteachlft,  #trhsformcontainer ul.tocpagecontentsmlft,  #trhsformcontainer ul.tocpagecontentsm
{padding: 0 5px 10px 5px;
}

#trhsformcontainer ul.tocpagecontent, #trhsformcontainer ul.tocpagecontentteach, #trhsformcontainer ul.tocpagecontentsm, #topeditbox ul.tocpagecontentsm

{padding: 0 10px 10px 10px;
text-align: center !important;
}

/*General Parameters and styles for Treehouse Data Entry Form for hiding things in trhs data entry see the general form css*/
/*for all help topics page*/
#trhssectionlinks	{		
	position: absolute;
	left: 655px;
	margin-top: 40px;
	padding-right: 10px;
	}	

#trhssectionlinks ul	{
	list-style-type: none; 
	list-style-image: none; 
	margin: 0;
	padding: 0;
	}

#trhssectionlinks ul li	{
	padding: 3px 0;
	font-size: 10px;
	line-height: 1.4;
	margin-left: 10px;
	}
		
#trhssectionlinks a, #trhseditnav a  {
	text-decoration: none;
	}	
	
#trhssectionlinks a:visited, #trhseditnav a:visited, #trhstocparts a, #trhstocparts a:visited, div.topbottom a, div.topbottom a:visited, #trhsmaintoc a, #trhsmaintoc a:visited {
	color: #000099;
	text-decoration: none;
	}	
	
	
#trhssectionlinks h5 a:active, #trhssectionlinks h5 a:hover, #trhseditnav a:active, #trhseditnav a:hover, #trhssectionlinks a:hover, #trhseditnav a:hover, #trhstocparts a:hover, div.topbottom a:hover, #trhsmaintoc a:hover
{text-decoration: none;
	color: #ff3300;
	background: transparent; 
	cursor: pointer;  
}

#trhssectionlinks h5 a:active, #trhssectionlinks h5 a:hover, #trhssectionlinks h5 a
{font-weight: bold;
}

a.noline	{
	text-decoration: none;
	}
	
a.noline:hover, a.noline:active {
	text-decoration: underline;
	}	


#trhssectionlinks h5  {
   margin-left: 10px;
   margin-top: 5px;
   border-bottom: 1px solid #ccc;
   padding: 2px 0 3px 0;
  
}
#trhssectionlinks h3  {
   margin-bottom: 7px;
   margin-left: 5px;
   letter-spacing: normal;
}


/*hints styles and styles for hints window and for TREEHOUSE AND IMAGE DATA ENTRY ALL HELP TOPICS PAGE ALL DATA HINTS autogenerated pages*/

/*ul for the type section at top of main editor page and for search for image window*/
ul.infolist li
{font-size: 11px;
padding: 0 0 2px 10px;
}

#mediasearchbody ul 
{line-height: 1.3;
}
/*for top of editng pages editing tips list not all pages have the list*/
ul.hints li
{padding: 0;
margin: 0 -30px 0 -30px;
}
ul.hints a
{
font-size: 10px;
}
/*edn top of editng pages editng tips list*/
.helpdiv
 {
	margin: 5px 0;
	padding: 20px;
	background-color: #FFFF99;
	border: 1px solid #ccc;
	}
	
#allhints	{
	position: absolute;
	left: 15px;
	background-color: transparent;
	width: 600px;
	top: 22px;
	}

body#trhshelp 	{
	color: #000;
	background: #f2f2ff;
	}
	
body#imghelp 	{
	background: #ddd;
	color: #000;
	}

/*for search popups*/

.topborder	{
	border-top: 1px dotted #5d5040; 
	padding-top: 20px;
	}


#hintsbod
{background: #ffff99;
}

#hintscontent h3
{
   text-align: center;
    font-size: 14px;
	margin: 5px 0 15px 0;
	padding: 0;
}


#allhints h3
{ font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
}

#hintscontent h5, #allhints h5	{
	font-size: 11px;
	margin: 15px 0 5px 0;
	padding: 0;
	padding-bottom: 1px;
	border-bottom: 1px dotted #999;
	}	

#hintscontent h4, #allhints h4	{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	letter-spacing: 2px;
	line-height: 1.5;
	}	

#hintscontent, #allhints
{
	margin: 10px 25px;
	padding: 0;
	}
	
#hintscontent ul, #allhints ul
 {  
	padding: 0 0 0 40px;
	font-size: 11px;
	line-height: 1.3;
	list-style-type: disc; 
	list-style-position: outside;
	}

#hintscontent ul.spaced, #allhints ul.spaced {  
	padding: 0 0 0 40px;
	line-height: 1.5;	
	list-style-type: circle;
	list-style-position: outside;
	}
	

/*add media section and lists*/
	

	
 p.whitebox
		{background-color: #fff;
		border: 1px dotted #ccc;
		padding: 5px;
		font-size: 10px;
		}

#addimgsoundmov1 ol, #addimgsoundmov ol, #addimgsoundmov2 ol, #addimgsoundmov3 ol {
font-size: 10px;
padding: 5px;
margin-top: 0;
margin-bottom: 5px;
 }

 #addimgsoundmov1 ol li, #addimgsoundmov ol li, #addimgsoundmov2 ol li,#addimgsoundmov3 ol li
 {
 padding:2px 0;
 }

.boldblue
{color: #000099;
}

	ul.circle li, li.circle
	{list-style-type: circle;
	list-style-position: outside;
	}
	
#hintscontent ul.nodischint, #allhints ul.nodischint {  
	padding: 0 0 0 60px;
	font-size: 11px;
	line-height: 1.6;
	list-style-type: none;
	}
	
#hintscontent ol, #allhints ol {  
	padding: 0 0 0 40px;
	font-size: 11px;
	line-height: 1.3;
	}
	
a#closewindowlink
	{ margin-top: 20px;
	text-align: center;
	display: block;
	}
	
#toplink:hover, #toplink:active	{
	color: #000099;	
	}




/*for new kids treehouse edit page and for treehouse page content page*/

/*important stuff*/

p.standoutwhite
{background-color: #fff; 
border: 4px solid #E4E4E9;
width: 300px; 
padding: 5px 10px; 
margin: 0 15px;
}
div.important, div.importantnar, p.important, div.importantmainpg, div.importantmainpgcol 
{
background-color: #fff; 
border: 4px solid #E4E4E9;
width: 555px; 
padding: 5px 2px 0 10px; 
margin: 5px 15px;
}

 div.importantmainpgcol, div.importantaddfield, div.importantaddfieldnofl, div.importantyellow, div.importantyellowcpydt

{background-color: #F9F5D7;
border: 4px solid #F9F4C6;
}
div.importantyellow, div.importantyellowcpydt
{padding: 10px;
margin: 10px;
}

div.importantyellowcpydt
{width: 250px;
}

 div.importantmainpg, div.importantmainpgcol
{
margin: 5px 10px; padding: 10px 10px 10px 15px;
}
div.importantnar, p.important
{background-color: #F9F5D7;
}


div.importantnar, div.importantaddfield,div.importantaddfieldnofl
{border: 5px solid #F9F3BE; 
margin: 10px;
}

div.importantnar
{padding: 5px;
margin: 10px 5px;
width: 535px;
}

p.importantnartop, div.importantnartop, #choseresourcetype p.importantnartop
{
padding: 5px;
background-color: #F9F5D7; 
color: #444466;  
border: 5px solid #F9F3BE; 
font-size: 11px;
margin-left: 25px;
}
 p.importantnartop, div.importantnartop
 {width: 280px;
 }
 
div.importantnartop h5
 {margin-top: 0;
 }

#chosesourcetype div.importantnartop p
{padding-left: 5px;
font-size: 11px;
width: auto;
}
#trhsmaininstruct #chosesourcetype div.importantnartop
{width: auto;
}
#chooseformat div.importantnar p
{width: 450px;
margin-right: 30px;
}

#chooseformat div.importantnar
{width: 500px;
}

#addsupportmats 
{margin-left: -5px;

}

div.importantaddfield
{float:right;
padding: 5px 2px;
}

 div.indentleft50
{
margin: 10px;
padding: 10px;}

div.importantaddfieldnofl
{float: none;
margin-left: 15px;
padding: 5px 2px;
font-size: 10px;
width: 480px;
}





/*used for the treeehouse HTML editor red div*/

.htmloff
{width: 70px; text-align: center; float:left;}



div.specfeature, #addimgsoundmov1, #addimgsoundmov, #addimgsoundmov2, #addimgsoundmov3
{
background-color: #F9F5D7; 
color: #444466;  
border: 5px solid #F9F3BE; 
width: 500px; 
padding: 5px 30px 0 20px; 
margin: 10px -6px 5px 0px;
}

div.specfeature p
{padding-top: 5px;}





h4.greyspecfeat

{color: #444466; padding-left: 0px}


p.redimp, .redimp
{ color:#444466; 
padding: 0;
margin-top: 0;
}

a.smallimp
{
	font-size: 10px;
	font-weight: bold;
font-style: italic;
}

div.dotbordsm, div.dottedbord
{
border-left: 1px dotted #444466;
border-top: 1px dotted #444466;
padding: 5px 0 0 5px;
width: 210px;
}
div.dottedbord
{
width: auto;}



 div.importantnar
 {width: 450px;
 }



/*ul and ol styles for editing toc and Page Content Page especially adding media*/
#trhsdatabody ul.greydot


{width: 220px;
margin: 5px 20px 10px 30px;
padding: 1px;
list-style-image: url(/tree/learn/lisa.images/trhouseimage/446dot.gif);
list-style-position: outside;
list-style-type: disc;
font-size: 11px;
}


#trhsdatabody ul.greydot li

 {padding-bottom: 3px;
 }
#thrsdatabody #trhsmaininstruct ul.greydot
{width: 180px;
padding-left: 10px;
margin: 10px 20px 0 30px;
}

 #thrsdatabody #trhsaddimg ul.greydot
 {margin-left: -15px;
 }
 
 #identleftul ul.greydot 
{font-size: 12px;
}
#teacherresintro ul.greydot li, #lessoncontent ul.greydot li
{width: 500px;
}


ul.spacednodisc  li
{padding-bottom: 3px;
padding-left: 40px;
}

ul.libottomspex li, ol.libottomspex li, ol.libottomspex2 li
{
padding-bottom: 6px;
color: #444466;
width: 330px;
}

ul.toplist li
{padding-bottom: 3px;
padding-left: 20px;
}

ol.spacedbottom
{margin-top: 0;
font-size: 10px;}

ol.spacedbottom li
{margin-bottom: 5px;
}

ol.libottomspex2 li
{
width: auto;
font-size: 12px;
margin-top: 0;
}

/*end ul styles*/

div.trhshelpmini
{float: right; 
width: 195px; 
margin: 10px; 
background-color: #E4E4E9; 
padding: 5px 10px 10px 20px; 
border: 4px solid #E2E2EA;
}

a.thrshelpeditpgs
{background-color: #E8F5EC; 
padding: 5px; 
border: 1px solid #89A795;
}

div.trhshelpmini ul a
{width: 125px;
margin: 5px 20px 10px 20px;
padding: 1px;
letter-spacing: 1px;
}


 h5.trhshelpheadmini
{
margin: -5px -10px -5px -20px; 
padding: 5px 10px;
background-color:  #E2E2EA;
letter-spacing: 2px;
border-bottom: 1px solid #E2E2EA;
text-align: center;
 }
 
div.solidborder
{
background-color: #fff;
border: 1px solid #999;
padding: 0 25px;
margin: 10px 0;
}

div.trhseditthis
{border: 1px solid #E2E2EA; 
margin: 10px 0 0px 20px; 
padding: 5px 2px; 
font-size: 12px;
width: 250px; 
background-color: #E2E2EA; 
font-weight: bold;
}

#trhsformcontainer div.trhseditthis a
{font-weight: bold;
margin-left: 10px;}

div.trhseditthis img
{
margin-left: 10px;}


p.nomargtop
{margin-top: 0;
}

p.nomargbottom
{margin-bottom: 0;
padding-bottom: 0;
}

p.widthsm
{width: 300px;
margin-left: 20px;
}
/*EDITING TOC for the table of contents page*/

img.arrowsidebar
{margin-left: -20px; padding-right: 10px;
}

p.nomarginb
{margin-bottom: 0;}

img.padright
{padding-right: 5px;}


#trhsmaininstruct
{
padding: 0;
margin-top: 0;
}

#trhsformcontainer div.trhstoccontainer
{width: 600px;
}

#trhsmaininstruct h4 a
{color: #000099;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
padding: 10px;
margin: 15px 10px 15px -15px;
}

/*for new table of contents*/
 #trhsmaininstruct ol
 {padding-left: 50px;
 letter-spacing: 1px;}


#trhsmaininstruct ol li

{padding-top: 2px;
color: #000099;
font-size: 11px;
}


#trhsmaininstruct ol.boxtoc li, p.boxtoc, #trhsmaininstruct div.boxtoc, div.boxtocsmpad, #trhsmaininstruct div.boxtochelp, #saveworktoc,  #trhsformcontainer div.boxtocpages, #trhsformcontainer div.boxtocfst, div.boxtoc
{padding: 15px;
border: 5px solid #E2E2EA;
list-style-position: inside;
background-color: #E4E4E9;
}
/*help for insdie the add media box*/
div.helpright, div.helprighteasy
{
width: 200px; background-color: #fff; padding: 5px; float:right; margin: 5px;
}
div.helprighteasy
{
width: 180px; background-color: #fff; padding: 10px; float:right; margin: 30px 5px 5px 5px;
}
div.whitebox, div.whiteboxsm
{padding: 20px;
margin: 30px;
border: 1px dotted #fff;
background-color: #fff}

/*for top instructions box*/

div.boxtocsmpad
{padding: 5px;
}
   div.boxtocdone,  div.boxtocdone
		{padding: 15px;
		margin-top: 20px;
		border: 2px inset #AFD1AC;
		background-color: #B7CFBC;

}
#trhsmaininstruct p.smalltop
{width: 300px !important;
padding: 0 10px 0 20px;
font-size: 10px;
}
table.notselect
{
margin: 10px 0 0 10px;
padding: 10px;
}

/* can take out?*/
#trhsmaininstruct .editstatbutton
{margin-right: 20px;
padding-right: 20px;
}
/* can take out?*/




div.boxtocfstwork,  div.boxtocwork
{padding: 15px;
 margin-top: 20px;
 border: 2px inset #BFC2D2;
 background-color: #BFC2D2;
}

#trhsformcontainer p.boxtoc
{padding: 5px;
font-size: 12px;
width: 200px;
text-align: center;
float: right;
margin-top: -60px;
}

 #trhsformcontainer div.boxtocpages, #trhsformcontainer div.boxtocpages2
{padding: 0 15px;
}

#trhsmaininstruct ol.boxtoc, #trhsmaininstruct div.boxtoc, #trhsmaininstruct div.boxtochelp, #trhsmaininstruct div.saveworktoc, #saveworktoc, #trhsformcontainer div.boxtocpages, #trhsformcontainer div.boxtocpages2
{ margin: 15px 0 10px 0;}

#trhsformcontainer div.boxtocpages2
{ margin: 0 0 10px 0;
}


#trhsformcontainer div.boxtocpages, #trhsformcontainer div.boxtocfst
{margin-top: 0;
}

#trhsformcontainer #addportfopages div.boxtocfst
{margin-top: 0;
padding-top: 0;
}

 #trhsmaininstruct div.saveworktoc, #saveworktoc {
background-color: #F9F5D7; 
border: 4px solid #F9F4C6; }

#trhs2about p, #trhs2text p, #trhs2learning p, #trhs2media p, #trhs2learning p, #trhs2reflinks p, #trhs2comments p, #trhs2mediaupload p 

{width: 230px;
padding: 5px 15px 5px 5px;
}

#trhsmaininstruct div.saveworktoc {
width: 610px; padding: 5px 15px 5px 4px;
 }

#trhsmaininstruct p
{
margin-top: 10px;
padding-left: 40px;
width: 250px;
}

#trhsmaininstruct div.boxtochelp p, #trhs2attach p


{
padding-left: 40px;
width: 500px;
}

#trhsmaininstruct div.boxtochelp h3, #trhsmaininstruct div.saveworktoc h3 

{margin: 0 -15px 15px -15px; 

}


#trhs2about h3, #trhs2text h3, #trhs2media h3, #trhs2attach h3, #trhs2learning h3, #trhs2reflinks h3, #trhs2comments h3, #trhs2mediaupload h3
{
margin: 0 -25px 10px -25px; 
text-align: center;
}

 h5.savework
{background-color: #ffffcc;
padding: 5px;
margin: 5px 15px 5px 30px;
border: 1px solid #ccc;
float: left;
}

#trhssaveworktop p
{background-color: inherit;
padding: 5px;
margin: 10px 15px 5px 30px;
width: 350px;
}

/*TOOK OUT THE FLOAT IN THE NEW ONE  CHANGES 2.9 styles for individual pages with editing sections*/

#trhsformcontainer a.savework2, #trhsformcontainer a:hover.savework2, #trhsformcontainer a:visited.savework2 

{ 
background-color: #F9F5D7; 
border: 1px solid #F9F4C6; 
padding: 5px;
margin: 10px 45px 15px 70px;
width: 103px;
text-align: center;
}


/*div negtopmarg is for the individual pages so the top section is not too low down*/

#trhsformcontainer div.negtopmarg, #trhsformcontainer p.metopmarg, #trhsformcontainer img.negtopmarg {margin-top: -5px;}


    /*table for displaying materials in learner section and menu in tacher resources dispay. Standards tables tech etc. to see ul and li style for these table tables see the ul section. these tables use the codes listed below in general table colors section */
	
	
#display table td
{border: none;
width: 265px;
font-size: 10px;
padding: 5px 0;
}

#display table
{margin: 0 0 5px 20px;
}
#display table th
{text-align: left;
}


table#standardstech tr td, table#standardstech tr td td
{width: 300px;
}

td.f2, .f2
{background-color: #f2f2ff;
}

table.f2border, p.f2border, div.f2box
{
background-color: #f2f2ff;
padding: 10px;
border: 1px solid #CCCCFF;
}

table.purpleborder tr td, .purpleborder, .greyborder, table.greyborder tr td
{border: 1px solid #CCCCff;
padding: 5px 10px;
border-collapse: collapse;
color: #444446;
}


 .greyborder, table.greyborder tr td,  .greyborder2
 {border: 1px solid #CCCCcc;
 }

div.f2box
{border: 1px dotted #CCCCFF;
padding: 5px 25px;
}


td.yellow, .highlight {
background-color: #FFFF99;
}

td.ltyellow
{background-color: #ffffcc;
}

p.grey, ol.grey, td.grey, .grey, th.grey {
background-color: #f6f6f6;
display: block;
}

p.grey2, ol.grey2, td.grey2, .grey2, th.grey2
{
background-color: #BFBBBB;
}


.mainpagehints {  
	font-size: 9px;
	list-style-type: none; 
	padding: 0;
	line-height: 1.2;
	}
	
.tinytext	{
  	font-size: 9px;
	}
	
.tiny10text	{
  	font-size: 10px;
	}
	
#trhsnavleft	{		
	position: absolute;
	left: 10px;
	margin-top: 1.5px;
	padding-right: 40px;
	}	

#trhslogout	{		
	position: absolute;
	left: 500px;
	margin-top: 1.5px;
	}	
	
	/*for Treehouse Data Entry Category Type headers*/	
	
	
	#trhsformheader h2.pagetitle
		{
		text-align: center;
		font-size: 15px;
		margin: 0 0 0 0;
		padding: 0;
		background-color: transparent;
}

 #trhsformheader2 h2.pagetitle2,  #trhsformheader2 h2.pagetitle2nomarg, #trhsformheader2 h2.pagetitle2nomargcol
{ 
 margin: 0 0 10px 0; 
 padding: 2px; 
 font-size: 13px;
 font-weight: normal;
 text-align: center;
 background-color: transparent;
 padding: 5px;
color: #444466;  
}

 #trhsformheader2 h2.pagetitle2nomarg, #trhsformheader2 h2.pagetitle2nomargcol
 {margin-bottom: 0;
 }
 #trhsformheader2 h2.pagetitle2nomargcol
{color: #6972EE;
 }
 
 /*need to add this ID to the div class important at the top of all the pages so you can take the word edit out of the list, after  you do that you can change all the ul tocs to display inline*/
 #topeditbox p.floatleft
 {margin: 0 0 0 25px;
 font-size: 12px;
 }
 
 div.bottomspacer	{
	margin: 0;
	padding: 0;
	background-color: transparent;
	}	

#detrhsheader h1	{ 
	font-size: 11px;
	margin: 0 0 0 15px;
	font-weight: bold;
	text-transform: lowercase;
	padding-bottom: 2px;
 	}

img.icon
{float: left; 
padding-right: 5px;
}

h1#deartculthead  {
	color: #6B47B3;
	}
	
h1#deteacherhead
{ color: #993333;
 }

h1#degamehead {
 color: #009933;
}
h1#deinvestigationhead {
	color: #3333FF;
	}
h1#deinternetinfohead {
	color: #6B47B3;
		}

h1#debiohead {
	color: #666666;
}
h1#demultimedihead {
 color: #333366;
}
h1#deresourceshead {
	color: #806A60;
	}
	
h1#destorieshead {
	color: #Ff6600;
}

/* TRHS top and bottom link for the individual sections*/
#trhsmaincontent div.topbottom, #trhsformcontainer div.topbottom, #trhsmaincontent div.topbottom2, #trhsformcontainer div.topbottom2, #trhsformcontainer div.topbottom3, #trhsformcontainer div.gotoedit, #trhsformcontainer div.gotoedit2, a.uploaddoc, div.topbottom2, a.gotoedit3, .gotoeditstart


{ float: right;
background-color: #f2f2ff;
padding: 5px;
margin: 20px 10px 10px 0;
border: 1px solid #444466;
}
.gotoeditstart
{float: none;
margin: 0;
}
#lessoncontent a.uploaddoc, #lessoncontent a:hover.uploadoc
{float: none;
margin: 5px;
background-color: #fff;
padding: 5px 5px 5px 10px;
width: 120px;
text-decoration: underline;
display: inline;
}

#trhsformcontainer div.topbottom2 a, #trhsformcontainer div.gotoedit a, #trhsformcontainer div.gotoedit2 a 
{
font-weight: bold;
}

#trhsmaincontent div.topbottom2, #trhsformcontainer div.topbottom2, #trhsformcontainer div.topbottom3,  #trhsformcontainer div.gotoedit, #trhsformcontainer div.gotoedit2, div.topbottom2, .gotoeditstart
{
border: 1px solid #ccc;
}

#trhsformcontainer div.gotoedit

{
margin: -20px 10px 10px 0;
}

#trhsformcontainer div.gotoedit2
{
margin: 0px 10px 10px 0;
}

#trhsformcontainer div.topbottom3
{margin: 5px 0 0 30px;
}
/*trhs special list tags*/
li.padtop {padding-top: 5px;}

 li.padbottom	{padding-bottom: 5px;}
	
	li.nodisctrhs, ul.nodisctrhs, olnodisctrhs, ul.nodisc, #addimgsoundmov ol li.nodisc
	{list-style-type: none;
	list-style-image: none;}
	
	/*  TRHS The right sidebar Treehouse data entry*/

	

#trhsdatabody a, #trhsdatabody a:visited
{color: #000099;
text-decoration: none;
cursor: pointer;
}

#trhsdatabody a:hover, #trhsdatabody a:active
 {
text-decoration: underline;
color: #ff3300;
	background: transparent; 
	cursor: pointer;  
}

#trhssectionlinks h5 a:active, #trhssectionlinks h5 a:hover, #trhseditnav a:active, #trhseditnav a:hover, #trhssectionlinks a:hover, #trhseditnav a:hover, #trhstocparts a:hover, div.topbottom a:hover, #trhsmaintoc a:hover, div.trhseditthis a:hover, #trhsmainhelp a:hover, #trhsmaininstruct a:hover,  div.topbottom2 a:hover 

{text-decoration: none;
	color: #ff3300;
	background: transparent; 
	cursor: pointer;  
}


#trhssectionlinks h5 a:active, #trhssectionlinks h5 a:hover, #trhssectionlinks h5 a
{font-weight: normal;
}

a.noline	{
	text-decoration: none;
	}
	
a.noline:hover, a.noline:active {
	text-decoration: underline;
	}	


#trhssectionlinks h5  {
   margin-left: 10px;
   margin-top: 5px;
   border-bottom: 1px solid #DFDFF9;
   padding: 2px 0 3px 0;
   font-size: 10px;
  
}
#trhssectionlinks h3  {
   margin-bottom: 7px;
   margin-left: 5px;
   letter-spacing: normal;
}



 #trhssavedata h4	{
	font-size: 12px;
	color: #333;
	background-color: transparent;
	text-align: center;
	}	


	/* TRHS  Formatting form sections  Treehouse Data Entry*/

#trhshdaboutpg, #trhshdlearninfo, #trhspagecontent, #trhspagetext, #trhsaboutcontainer, #trhsmedia, #trhsorgansimattch, #trhsrefinfostep, #trhstocparts, #trhsnotes, #trhs2addimg, #trhs2reference, #trhs2infointernet, #trhs2sciname, #trhsINPGattach, #trhs2attach, #trhsuploadeditpg, #trhseditmediapg, #trhsdelmediapg 
{
background-color: #E4E4E9;
border: 5px solid #E2E2EA;
}



#trhsmaintoc {
border: 1px solid #ccc;
background-color: #fff;
}

#trhsformcontainer  {
	
	padding: 0;
	background-color: transparent;
	width: 635px;
	margin: 0 5px 5px 5px;
	}


	
	
#trhsformcontainer ul	{
	list-style-type: none; 
	list-style-image: none; 
	margin: 0;
	padding: 0;
	}	

#trhsmaintoc p
		{padding: 0 50px 0 60px;}
		
#trhsmaintoc ul 
		{padding-left: 70px;
		line-height: 1.3;
		margin: 5px;
		}

#trhsnotes div.importantnar, div.applydatadirect
{width: 440px;
margin-left: 50px;
font-size: 12px;
}
#trhsnotes
{font-size: 12px;
}

 #trhssavetips, #trhscopydata {
	margin: 6px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	}
	
	/*For Treehouse Editor Main page top*/
#trhssummaryhead
	
{ padding: 0 0 5px 0;	
margin: 10px 0 -20px 0;
color: #444466;
}
	

	
	
#trhssummaryhead ul
{margin: 3px 3px 0 3px;
padding: 0 0 0 5px;
font-size: 10px;
color: #444466;}

#firstinstructions p, p.largeindent
{padding: 0 0 0 40px;
margin: 2px;
width: 500px;
font-size: 12px;
}

p.largeindent
{padding: 0 10px 10px 30px;
}
#firstinstructions
{margin: 10px 0 0 0;
border: none;
background-color: transparent;

}

 /*end treehouse editor main page top*/
	
#trhscontributors, #trhscredits, #trhsattach, #trhssciname, #trhspageuse, #trhscopydate, #trhsshorttitle, #trhsfulltitle, #trhsmetatype, #trhslevel, #trhscomposetext,  #trhsaddtxtfld, #trhsinfointernet, #trhsreference, #trhscomments, #trhs2addimg, #trhsuploadeditpg, #trhseditmediapg, #trhsdelmediapg,
#trhssciwords
{
    margin: 3px 0;
	padding: 5px 10px;
	}


#teacherlearninfo div.boxtoc
{margin: 10px 0;

}

	
#trhscredits p, #trhssciname p, #trhsfulltitle p, #trhsshorttitle p, #trhsattach p, #trhscomments p, #trhs2credits p, #trhs2sciname p, #trhs2comments p, #trhs2addimg ul, #trhsuploadeditpg p, #trhseditmediapg p, #trhsdelmediapg p, #trhssciwords p, #learnobjective p


{ width: 450px;
}
	

	
#trhsaddtextfield {
	background-color: transparent;
	width: 450px;
	border: none;
	}
	

		
#trhspageuse h4, #trhscopyright h4, #trhscontributors h4, #trhscredits h4, #trhsattach h4,  #trhs2attach h4, #trhslevel h4, #trhsdelmediapg h4, table.deletemedia  {
	color: #cc0000;
	}		

	/* TRHS  The Summary section  */



#trhsfiledata	{
	line-height: 1.5;
	}

#trhsfiledata em	{
	font-size: 10px;
	}

	/* TRHS  The CopyData section  */

#trhscopydata h4	{
	float: left;
	}
	
	
#trhscopydata .indentleft	{
	padding: 0 0;
	}

	
	
/*TRHS used in treehouse attach to group section and ADD MEDIA IMAGES*/
.trhsattachtable, table.border td

{  
   border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #f2f2ff;
    padding: 5px 15px;
	}
	
	table.border2 td
{  
   border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: collapse;
    padding: 5px 15px;
	}

table.border3 td {
    border: 1px solid #444466;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 5px 15px;
	 }

#trhsattach .indentleft, #trhs2attach .indentleft
{	padding: 0 0;
}

	#trhsattach table, #trhs2attach table	
{
	width: 400px;
	}

/*  TRHS Infointernet */
	
#trhsinfointernet .indentleft
{
	padding: 0;
	}


#trhsinfointernet table td {
	vertical-align: top;
	padding-bottom: 10px;
	}
	
	
	/*  TRHS The PageUse section mainpagehints for full and short title */

#trhspageuse h4.pageuselong {
	width: 400px;
	}


#trhspageuse .mainpagehints {  
	margin-bottom: -5px;
	}

#trhspageuse table	{
	padding: 0;
	width: 500px;
	margin-left: 30px;
	clear: left;
	}

#trhspageuse table td {
	vertical-align: top;
	}
		
#trhspageuse dl {
	font-size: 11px;
	padding-left: 30px;
	}	
	
	
#trhspageuse dl dt 	{  
	padding-bottom: 15px;
	text-indent: -15px;
	color: #000099;
	}

#trhspageuse dl dd	{  
	font-size: 10px;
	margin: 0;
	padding: 0;
	}	
	
#trhsattach dl, #trhscopydata dl, #trhscopydata dl dd, #trhsattach dl dd, #trhs2attach dl dd	{
	margin-left: 0px;
	}
	
	

/* TRHS Contrubutors Section*/

#trhscontributors table	
{
	padding: 5px;
	width: 500px;
	margin-left: 30px;
	clear: left;
	}

#trhscontributors table td, #trhscontributors table th, #trhsattach table td, #trhsattach table th, #trhs2attach table td, #trhs2attach table th, #trhsadddocs table td, #trhsadddocs table th, table.supportmatstable th
{
	padding: 5px 15px;
}

#trhsadddocs table th.xpadtop, table.supportmatstable th.xpadtop
{padding-top: 35px;
}

#trhscontributors table td, #trhsattach table td, #trhs2attach table td, #trhsaddocs table td, table.supportmatstable td
{
    border: 0;
    text-align: center;
}

#trhscontributors table td.contributor
{
    text-indent: -15px;
    text-align: left;
    min-width: 100px;
}


#trhscontributors table th, #trhsattach table th, #trhs2attach table th, #trhsadddocs table th, table.supportmatstable th {
    background-color: #f2f2ff;
    border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: collapse;
}


p#trhscopyownerfillin 
{border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 5px 15px;
   background-color: #f2f2ff;
   width: 385px;
  margin-bottom: 2px;
   margin-left: 40px;
}
	
	#trhsadddocs  a
	{text-decoration: underline;
	}

	/* TRHS  The Attached to Group section  */


#trhsattach .indentleft, #trhsattach .indentleft

{	padding: 0;
}

#trhsattach h4.floatleft 	{
	width: 200px;
	}


#trhsnodename	{
	padding-top: 10px;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	}
	
#trhsnodename a	{
	font-size: 10px;
	padding-left: 50px;
	}
		

/*TRHS   trhsmetatype section  */

#trhsmetatype .indentleft
{   padding: 0;
	}
	
#trhsmetatype ul li, #trhslevel ul li
{
    padding-bottom: 3px;
}

#trhsmetatype table td {
	vertical-align: top;
	padding-bottom: 10px;
	}
	
	
		/*trhs helplist2*/
 #trhshelplist2 p
	{
	color: #444446;
	padding: 0 50px;
		}
		
	
#trhshelplist2 {
border: 1px solid #ccc;
padding: 0 10px 10px 10px;
background-color: #fff;
margin-bottom: 10px;
		}

	
/*second page where choose types*/
table.choosetypepg tr td
{padding: 5px 10px;
}
table.choosetypepg p,#trhsmaininstruct p.wauto
{width: auto
}
	
#trhsmaininstruct table.choosetypepg tr 
{width: 300px;
margin: 5px 20px;}	
	
	/* TRHS Submit and Preview Section at bottom */
	/* need to tell danny to put the same save and preview in every mockup  MVP 6.16*/

#trhssavepreviewend

	{width: 200px;
	position: absolute;
	left: 25px;
	margin: 0 0 20px 0;
	background-color: #F1F1F5;
	padding: 5px 10px 10px 40px;
}


#trhssavepreview, #trhsmain, #trhssavepreviewfloat 
{float: right;
	width: 400px;
	background-color: #F9F5D7;
	color: #444466;
	border: 4px solid #F9F4C6;
	padding: 5px 10px 10px 40px;
	margin: 10px 0 15px 0;
}


td.savebox
{
background-color: #F9F5D7;
border: 4px solid #F9F4C6;
}


#trhssavepreview a, #trhssavepreviewend a
{
font-weight: bold;
}

#trhssavepreview h3
{margin-bottom: 5px;
}

#trhssubmit
{
	position: absolute;
	left: 320px;
	width: 275px;
	margin: 0 20px 20px 20px;
	background-color: #fff;
	border: 2px dotted #ccc;
	padding: 10px;
}
div.savesspacer
{
height: 20px;
background-color: transparent;
margin-top: 85px;
}

#trhsmain p, #trhssavepreviewend p, trhssubmit p
{font-size: 11px;
}
#trhssavepreviewend p
{width: 200px;
padding-right: 30px; 
}

#trhssavepreview p, #trhssubmit	p, #trhssavepreviewteacher p, #trhssavepreviewnew p
{	
	width: 240px;
	color: #444466;
    font-size: 11px;
	}
	
.trhssavebutton, .trhssubmitbutton

{background-color: #fff;
padding: 5px 0; 
float: right;
margin: 5px;
text-align: center;
}


.padbutton, .padbuttonfleft, .padbuttonright, .padbuttonfleftsm, .padbuttonrightsm
{padding: 3px; background-color: #fff;
margin: 10px;}

.padbuttonfleft, .padbuttonfleftsm {float: left;}
 .padbuttonright, .padbuttonrightsm {float: right; margin-top: 30px;}
 
 
.trhssubmitbutton, .whitebutton
{background-color: #fff;}

/* TRHS help image next to add image button*/

.inlineimg
{ display: inline;
padding-left: 15px;
}


/* for Treehouse and Image Data Entry Help Page ALL HINTS*/

#helptopicstrhs {
background-color: #F9F5D7; 
border: 2px solid #F9F4C6; 
}

	
	/*  General parameters  */

body	{
	font-family: Trebuchet, Verdana, Lucida, Arial, sans-serif;
	font-size: 11px;
	margin: 10px 25px;
	padding: 0;
	border: 0;
	}

#trhsdatabody 	{
	background: #F1F1F5;
	color: #444466;
	margin: 5px 10px;
	}


p {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 1.2;
	}	

a:link {
	font-weight : normal;
	text-decoration : underline;
	color: #000099;
	background: transparent; 
	}
	
a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #9900cc;
	background: transparent; 
	}	

a:hover { 
	text-decoration: underline;
	color: #ff3300;
	background: transparent; 
	}

a:active {
	text-decoration : none;
	color: #9966cc;
	background: transparent;  
	}
	
		
ol.lessmargin
{margin-left: 5px;}		
	
ol {  
	font-size: 11px;
	line-height: 1.3;
	list-style-position: outside
	}	
	
	
table {  
	font-size: 11px;
	line-height: 1.1;
	margin: 15px 0 15px 0;
	}

table td, table th {  
	vertical-align: top;
	}
	
table.centered	{
	margin: 25px auto;
	border: 1px solid #999;
	padding: 10px;
	}	
	
table.centered td, table.centered th	{
	text-align: center;
	padding: 4px 10px;
	}	
		

img {
	border: 0;
	}

	

hr {
    margin-left: auto;  
	margin-right: auto;  
   } 



	/*   Headlines  */


h2, h3, h4, h5, h6
{color: #000099; 
font-weight: bold; 
letter-spacing: 1px;
}
h5.border
{border-top: 1px solid #ccc;
width: 90%;
padding: 10px 20px;
}
h1	{
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px;
	text-transform: lowercase;
	}

h2	{
	font-size: 18px;
	margin: 0;
	padding-bottom: 10px;
	text-align: center;
	}	

h3	{
	font-size: 12px;
	letter-spacing: 2px;
	text-align: left; 
	margin-bottom: 20px;
	padding: 0;
    }
	
	
	h3.sectionheader, h2.sectionheader, h4.sectionheader, h5.sectionheader, #trhshelplist2 h3, h3.sectionheadertble, h4.trhsmaintocheader, h3.sectionheaderblu, h3.sectionheaderblub, h3.sectionheaderblubtop, h3.sectionheaderblubpg, h3.sectionheaderblubmnpg, h3.sectionheaderwebq 

{   background-color: #ffffcc;
    letter-spacing: 2px;
	border-bottom: 1px solid #E2E2EA;
	margin-top: 0;
	padding: 15px;
}
h3.sectionheaderwebq 
{
margin: 0 0 0 -8px; border: 0 10px solid #fff;
 }

h3.sectionheaderblubmnpg

{  margin: 10px 0 0 0; padding: 20px 5px 0 5px; font-size: 18px;
}

h3.sectionheaderblubpg
{width: 605px; 
margin: 0;}

h3.sectionheaderblu, h3.sectionheaderblub, h3.sectionheaderblubpg, h3.sectionheaderblubmnpg, h3.sectionheaderblubtop

{background-color: #e2e2ea; 
text-align: center;

}

 h3.sectionheaderblub, h3.sectionheaderblubpg, h3.sectionheaderblubtop
{font-size: 15px;
margin: 0;
}

h3.sectionheaderblub, h3.sectionheaderblubtop
{padding-bottom: 5px;
}

 h3.sectionheaderblubtop
 {font-size: 12px;
 }


#trhshelplist2 h3
{ 
padding: 15px 10px 10px 40px;
margin: 0 -10px 5px -10px;
}

h4	{
	font-size: 12px;
	margin: 5px 0;
	padding: 0 25px;
	}	
	
h5	{
	font-size: 10px;
	margin: 10px 0 5px 0;
	padding: 0;
	}	

h5.greyindent
{padding: 10px 0 5px 30px;
font-size: 12px;
border-top: 1px dotted #444466;
color: #444466;
}

div.portfosectheader h5
{font-size: 12px;

}
h6	{
	font-size: 10px;
	font-weight: normal;
	margin: 5px 0;
	padding: 10px 0;
	}

h4.floatleft, h5.floatleft, h6.floatleft 	{
	float: left;
	width: 150px;
	} 

h4.long	{
	width: 400px;
	} 
	
	#trhseditmediapg h4.long	{
	width: 500px;
	} 
	

h4.medium	{
	width: 250px;
	}


	/*   General styles  */

 
.inline {
	display: inline;
	}
	
.floatleft	{
	float: left;
	margin-right: 10px;
	}

.floatleftimgpgs	{
	float: left;
	margin: 10px 10px 20px 10px;
	}

img.imgpgs	{
	margin: 10px;
	}

.floatright, .floatrightmaineditor	{
	float: right;
	margin-left: 10px;
	}
	 .floatrightmaineditor	{
	float: right;
	margin: 5px 10px 10px 10px;
	}
#trhsformcontainer p.small, .small,  .padbuttonrightsm, .padbuttonfleftsm, .padbuttonsm

			{font-size: 10px;
			}
 
.boldtext 	 {
	font-size: 12px;
	font-weight: bold;
	} 

 
.underline 	 {
	text-decoration: underline;
	} 
  
p.tinywidth, p.tinywidthmain 	{
  	font-size: 10px;
	width: 200px;
	padding: 0 10px;
	}
	p.tinywidthmain	{
  	font-size: 10px;
	width: 190px;
	padding: 0 15px;
	}
	
.radio	{
	float: left;
	margin: 0;
	margin-left: 30px;
	} 		
	
	
	.center	{  
	text-align: center;
	display: block;
	}

	/*   Hiding things FOR TRHS  learning info and adding media*/
#subject1, #subject2, #doctypelist1, #doctypelist2	{
	margin: 15px 30px;
	float: left; 
	padding: 0;
	}
	
#subject1 label, #subject2 label, #doctypelist1 label, #doctypelist2 label	{
	font-weight: normal;
	padding: 0 5px;
	}
	
	#gradetrigger, #subjecttrigger, #strategytrigger, #groupingtrigger, #priorpreptrigger {
	background-position: 100% 2px;
	cursor: pointer;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 0px 20px 10px 10px; 
	}

	hr.greyline
	{border: 1px solid #fff;
	width: 510px;
	margin-left: 40px;
	}
	hr.greyline2 
	{border: 1px solid #ccc;
	}

 #nfaddmediatrigger, #nfaddmediatrigger1, #nfaddmediatrigger2, #nfaddmediatrigger3, #htmleditortrigger1, #htmleditortrigger2, #htmleditortrigger3, #edinstructtrigger
	
	{padding: 7px 25px 7px 10px;
	border: 1px solid #ccc;
	background-color: #f2f2ff;
	width: 280px;
	background-position: 95% 9px;
	margin: 15px 0 10px 15px;
	font-size: 11px;
	cursor: pointer;
	font-weight: normal;
	background-repeat: no-repeat;
	}
	
 #edinstructtrigger
 {width: 180px !important;
 margin-left: 30px;
border: 5px solid #E2E2EA;
background-color: #E4E4E9;
 }	
	
	
#usetrigger1, #usetrigger2, #usetrigger3, #usetrigger4 {
 	background-position: 100% 2px;
	cursor: pointer;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 0px 20px 10px 10px;
 
	}
	
	/*stuff from Katja's for page use*/
	
	
#trhspageuse ul.radiogroup	{
	margin: 10px 10px 5px 80px;
}
	
#trhspageuse ul.radiogroup li	{
	
	
	margin: 5px 0;
	padding-bottom: 10px;
	text-indent: -45px;
	}
	
#trhspageuse ul.radiogroup li div.show, ul.radiogroup ul li	{
	text-indent: 0 ! important;
	padding-bottom: 0 ! important;
	}
	
#trhspageuse ul li select {
	display: block;
	font-size: 11px;
	margin-top: 5px;
	}		
	
#trhspageuse ul.radiogroup label	{
	font-weight: normal;
	color: #000066;
	padding: 0 25px 0 5px;
	}		
		
#trhspageuse ul.radiogroup li p	{
	font-size: 10px; 
	}		
		
#trhspageuse ul.radiogroup li div.show	{
	border: 1px solid #ccc; 
	background: #f2f2ff;
	padding: 5px;
	margin: 5px 15px 10px 0;
	}	
	
#trhspageuse ul.radiogroup li div.show ul 	{
	list-style-type: disc; 
	list-style-position: outside;
	padding: 0 0 0 25px;
	}
	
#trhspageuse ul.radiogroup li div.show ul li	{
	font-size: 10px; 
	margin: 5px;
	text-indent: 0;
	}								
		
	
	/*end stuff from kajta's page use*/
	#subjecttrigger
	{margin-left: 20px;
	background-position: 45% 2px;
	}
	 #priorpreptrigger
	{margin: 0 0 0 20px;
	background-position: 30% 2px;
	padding: 0;
	}
	 #priorpreptrigger.tridown
	 {padding-bottom: 10px;
	 }
	
	 #imagehowtrigger
	{margin-left: 5px;
	background-position: 100% 2px;
	display: inline;
	}
#gradetrigger, #strategytrigger, #groupingtrigger
		{
		margin: 15px 0 10px 0;
		padding: 0; 
		background-position: 35% 2px;
		}
#strategytrigger, #groupingtrigger
		{background-position: 25% 2px;
		}
		
		
		
#gradetrigger:hover,  #strategytrigger:hover, subjecttrigger:hover, #groupingtrigger:hover, h4#nfaddmediatrigger:hover, h4#nfaddmediatrigger2:hover,  #priorpreptrigger:hover,  #htmleditortrigger2:hover, #htmleditortrigger3:hover, #trhsdatabody p#summarytrig2.triup:hover, #trhsdatabody #trhsformheader2 p.triup:hover

{text-decoration: underline !important;
color: #ff3300 !important;
}		

#trhsdatabody .triup {
	background-image: url(/tree/img/triclosed_dblue.gif);
	text-decoration: underline;
	background-repeat:no-repeat;
	}
	
#trhsdatabody ul .triup
	{text-decoration: none;
		}
		
		
		
  #trhsformheader2 p#summarytrig2.triup, #trhsformheader2 #summarytrig2 p.triup
	{
	cursor: pointer;
	display: block;
	color: #000099;
}		

/*for summary trigger on top of page*/
		
#trhsdatabody #trhsformheader2 p.triup, #trhsdatabody #trhsformheader2 p.tridown
{background-position: 0 2px;
font-size: 10px;
margin: 0 0 0 10px; 
padding: 0 10px 0 12px;

}		
	
#trhsdatabody .tridown
	{
	background-image: url(/tree/img/triopen_dblue.gif);
	background-repeat: no-repeat;
	}
	
	
#addmedia .padbutton
{float: left;
}


/*   Hiding things learning info*/

div.hide, dd.hide, .hidden, ul.hide, ol.hide, p.hide {
	display: none;
	}

div.show, dd.show, .show, ul.block, ol.show, p.show {
	display: block;
	}


	
		
		
#spdoctrigger {
 	background-position: 35%;
	}	
	
	
#spdoctrigger.triup
	{
	background-repeat: no-repeat;
	}
	
	



#spdoctrigger.tridown {
	
	background-repeat: no-repeat;
	}		
	
				
h3#trhspagecontentheader
{ background-color: #ffffcc;
	border: 1px solid #ccc;
	margin: 6px 0;
	padding: 15px 10px;
}
	
	/* Specialty divs  */
	
	/*added to tolforms for kidedit 1.7*/
div.indentleft, p.indentleft, img.indentleft	{
	margin-left: 50px;
	padding: 5px 0;
	clear: both;
	}
a.indentleft25
{margin-left: 25px;
}	
div.indentleft50
{margin-left: 50px;
	padding: 5px 0;
	}

div.indentleft2
{margin-left: 50px;
display: block;
}

div.indentlefttxtbx	{
	margin-left: 30px;
	padding: 5px 0;
	clear: both;
	}

#indentleftul	{
	margin: 0 0 0 40px;
	padding: 5px 0;
	}
	
	#indentleftul ul li
	{font-size: 13px;
	
	}

div.help	{
	float: right;
	clear: right;
	}

div.help em	{
	font-size: 10px;
	padding-right: 15px;	
	}


div.spacer	{
	clear: both;
	} 

.red
{color: #cc0000;}

/*step 3 upload and edit media*/
#trhsformcontainer ul.choosemedia li
{padding-top: 10px;
}
#trhsformcontainer ul.choosemedia li
{padding-bottom: 3px;
}


/*Teacher Resource Styles NEW*/
/*styles from katjas tolforms*/

#keywords	{
	clear: both;
	padding: 15px 0 0 0;
	}	

	#natstandards div.instructionshrt p, #statestandards div.instructionshrt p, #natstandards div.instructionshrt, #statestandards div.instructionshrt 
	{width: 490px;
	
	}
	
p.instructions, .instructions, div.instructions, div.instructionshrt, p.instructionshrt, div.instructionshrtsm, p.instructionshrtsm, .instructionslrg, .instructionshrtlrg, div.instructionssm {
	font-size: 10px;
	margin: 10px 25px 10px 35px;
	background-color: #F9F5D7;
	padding: 5px;
	border: 1px solid #ccc;
	}

 div.instructionshrt, p.instructionshrt, p.instructionshrtsm, div.instructionshrtsm, .instructionshrtlrg
 {margin: 10px 100px 10px 15px;
 }
 
  p.instructionshrt, .instructionslrg, .instructionshrtlrg
  {font-size: 11px;
  }
 div.instructionshrtsm, p.instructionshrtsm, div.instructionssm p
  {font-size: 10px;
  }
/*end styles from katjas tolforms*/

ul.spaced li, ol.spaced li {padding-bottom: 5px;
}


ul.spacedex li, ol.spacedex li {padding-bottom: 12px;
}
#tipDiv {
 position:absolute;
 visibility: hidden;
 left:0;
 top:0;
 z-index:10000;
 background-color: #fff;
 border: 2px solid #E2E2EA;
 width: auto !important;
 padding: 4px 5px;
 color: #444466;
 line-height: 1.2;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: center;
}

a.underline, .underline
{text-decoration: underline !important;
}