/* CSS Document */
/*for size of menus*/
ul#treehousemenu li, ul#phylobiomenu li, ul#builderstoolkitmenu li, ul#learningoverviewmenu ul li, li.learnmenu, ul#addingmediamenu li, ul#teacherresmenu li, ul#buildingtrhsmenu li, ul#tipsguidetrhsmenu li, ul#aboutlearnmenu li, ul#buildingtrhopensmenu li, ul#trhstoolkitmenu li, ul#treehouseclosemenu li
{font-size: 10px;
font-family: verdana, heletica, arial, sans-serif;
line-height: 1.2;
}
#sectionnav ul.nomenulearn	{
	list-style: none;
	list-style-image: none; 
	background-color: transparent;
	
	}				
	/*for bottom of toolkit before other menus*/
	#sectionnav h1.trhsnomenutop a
	{color: #5d5040 !important; display: block; text-decoration: none !important;
	}
	 #sectionnav h4.nomenulearnheader, #sectionnav h4.nomenulearnheader a, #sectionnav h4.nomenulearnheader a:visited
	{border: 0; color: #5d5040; display: block; text-decoration: none;
	}

 #sectionnav ul.nomenulearn li{
	font-size: 10px;
	text-indent: -8px;
	text-transform: none;
	background-image: none;
	line-height: 1.2;
	font-weight: normal;
	border: 0;
 	color: #908d80;
	letter-spacing: 0;
	font-family: verdana, heletica, arial, sans-serif;
	}
/*for teacher manager stuff on treehouse manager page*/
dl.main a
{text-decoration: underline !important;
}

/*for published treehouse recognition*/
a.trhspublished, .trhspublished, a:hover.trhspublished, a:visited.trhspublished
{background-color: #ccffcc !important;
}

a.trhsmanagerlink
{margin-right: 15px !important;
}
div.help em	{
	font-size: 10px;
	padding-right: 15px;	
	}

div.help img	{
	display: inline;
	vertical-align: middle;	
	}
	
div.help a	{
	margin: 0;
	padding: 0;
	}	
	
div.whitebox, div.yellowbox	{
	margin: 6px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	clear: both;
	}
	
div.yellowbox	{
	background-color: #ffffcc;
	padding: 10px 25px;
	}
	
div.yellowbox p	{
	font-size: 10px;
	margin: 0 10px 15px 25px;
	}
 div.blueboxtoplinks
{
background-color: #F1F1F5;
border: none;
padding: 5px 20px;
margin: 0 -25px 0 -25px;
}	

/*Lisa stuff*/
p.indent10
{padding-left: 10px;
}
/*hr*/
hr.grey
{border: 1px solid #ccc;
}


/*strong*/
strong.black
{color: #000;
}

div.instructions p, div.instructions ul li, div.instructions dl dd, p.instructions2
{font-size: 12px;
color: #666;
}
div.instructions dl dt
{font-size: 12px;
}

/*lists*/
ol.browndash li
{
color: #5d5040;
font-size: 12px;
padding-bottom: 4px;
}
li.nodisc, ul.nodisc, ul.viewresults, ul.nodiscspaced li
{list-style-type: none !important;
list-style-image: none !important;
}	
ul.nodiscspaced li
{padding-bottom: 3px;
}
	
ul.nomargleft, ul.viewresults
{margin-left: 0;
padding-left: 0;
}	

ul.browndash 
{list-style-image:url(/tree/learn/lisa.images/trhouseimage/browndot2.gif);
list-style-type: disc;
}
ul.browndash li, ul.browndash li.large ul li
{padding-bottom: 3px;
}
ul.browndash2 ul li, ul.browndash4 ul li, ul.browndash5
{list-style-image:url(/tree/learn/lisa.images/trhouseimage/browndot2.gif);
list-style-type: disc;
}
ul.browndash5
{font-size: 10px;
margin: 2px 0 0 0;
padding: 0 0 0 15px;
}
ul.browndash2 li, ul.browndash3 li, ul.browndash4 li
{list-style-type: none;
}
ul.browndash li, ul.browndash li.large ul li
{padding-bottom: 3px;
}
ul.browndash3 li 
{text-decoration: none;
padding-bottom: 5px;
}
ul.browndash4 li, ul.browndash4 ul li
{padding-bottom: 3px;
font-size: 12px;
}
ul.browndash4 ul li
{padding-top: 3px;
font-size: 11px;
}

ul.browndash3 li a
{text-decoration: none;
padding-top: 13px;
}

ul.boxtoc2 li, p.boxtoc2, ol.boxtoc2 li
{padding: 5px;
border: 2px solid #E2E2EA;
list-style-image: none;
list-style-type: none;
background-color: #F1F1F5;
margin: 0 0 5px 0px;
font-size: 10px;
width: 190px;}

ul.boxtoc2
{margin: 0 10px 0px 0px;
padding: 0 0 0 10px;}

a.boxtoc2
{margin: 100px 5px;
}


ul.boxtoc2 li a:visited, ul.boxtoc2 li a
{color: #000099;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
ul.inlinetop li
{display: inline;
padding-right: 5px;
}
ul.inlinetop
{margin-left: 0;
padding-left: 0;
}
ul.radiogroup2 li
{padding-bottom: 5px;
border-bottom: 1px solid #ccc;
	text-indent: -40px;
	padding: 0 10px;
	
}
ul.radiogroup2 label li {
	margin: 5px 10px 5px 40px;
	padding: 0;
	color: #000;
	font-weight: normal;
	}
	


	/*   Tips & Instructions  */
	
.instructions, p.instructionsfltright	{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px;
	background-color: #ffffcc;
	padding: 5px;
	border: 1px solid #ccc;
	}
	
	p.instructionsfltright	{font-size: 12px; float: right; width: 200px; padding: 10px;"
	}
	
.instructions2	{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px;
	background-color: #ffffcc;
	padding: 5px;
	border: 1px solid #ccc;
	}
	

p.instructions	{
	margin: 15px 0 5px 0;
	}
	
dl.instructions	{  
	margin: 0;
	padding: 0 10px 10px 10px;
	}			
	
dl.instructions	dd	{  
	margin: 0 0 0 5px;
	}		
	
/* General Styles */		
 	
.dimmed	{
	color: #999;
	}
		
.url	{
	font: italic 10px Arial, Helvetica, sans-serif;
	color: #0000cf;
	}
		
.tinyright 	{
  	font-size: 9px;
	font-weight: normal;
	color: #000;
	float: right;
	padding: 2px 5px;
	margin: 0 80px;
	border: 1px solid #ccc;
	}
	
	/*tables*/
	
table.findtable th
	{
 background-color: #f2f2ff;
    border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: collapse;	
	color: #444446;
	padding: 5px;
	text-align: left;
	}	

table.findtable tr td
{font-size: 10px;
}	
table.findtable 
{color: #444446;
margin: 5px;
}	
table
{margin: 5px 0;
}


#mostrecent table tr td, #mostrecent tr td a
{font-size: 10px;
}
	table.nomarg
	{margin: 0;

	}
	
	p.smspacebot
	{
	margin-bottom: 5px;
	padding-bottom: 0;
	}
	
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;
 }

/*stickies*/
div.stickies, p.stickies, div.stickiesl, div.stickiesr, p.stickiesl, p.stickiesr, dd.stickies, li.stickies, div.stickiesnormal	{
	width: 200px;
	border: 1px dotted #ccc;
	background-color: #ffffbb;
	margin: 0 0 15px 15px;
	padding: 10px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	div.stickiesnormal, div.stickiesnormal ul
	{width: 90%;
	font-size: 11px;
	margin: 5px 15px 5px 5px;
	padding: 5px 10px;
	}
dd.stickies, li.stickies	{
	width: 80%;
	border: 1px dotted #ccc;
	background-color: #ffffbb;
	margin: 15px 40px;
	}	
	
.stickiesl	{
	float: left;
	}

.stickiesr	{
	float: right;
	}								
	/*treehouse menu stuff*/
	

										

.webquest, #treehouseclosemenu li.webquest a:hover

		{color: #CBA100 !important;
		}
#trwebqtheme h4		
{color: #CBA100;
		}


ul#builderstoolkitmenu li
{margin-right: -3px;
}

ul#treehousemenu ul, ul#phylobiomenu ul, ul#builderstoolkitmenu ul, ul.nomenulearn ul, ul#addingmediamenu, ul#teacherresmenu, ul#buildingtrhsmenu 
{margin-left: 0;}


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

ul#treehousemenu a:hover.artculture, ul#treehousemenu a:hover.games, ul#treehousemenu a:hover.stories, ul#treehousemenu a:hover.investigation, ul#treehousemenu a:hover.teacherresource, ul#treehousemenu a:hover.bio
{text-decoration: none;
background-color: transparent;
		cursor: pointer;
}

a:hover.artculture, a:hover.games, a:hover.stories, a:hover.investigation, a:hover.teacherresource, a:hover.bio
{text-decoration: none;
background-color: transparent;
	color: #ff3300;
	cursor: pointer;
}



ul#treehousemenu a.artculture, ul#treehousemenu a.games, ul#treehousemenu a.stories, ul#treehousemenu a.investigation, ul#treehousemenu a.teacherresource, ul#treehousemenu a.bio
{text-decoration: none;
background-color: transparent;
	cursor: pointer;
	font-weight: normal;
}



a.artculture, a.games, a.stories, a.investigation, a.teacherresource, a.bio
{text-decoration: none;
background-color: transparent;
	cursor: pointer;
}

ul#treehousemenu a.investigation, ul#treehousemenu li.investigation a:hover, ul#treehousemenu a:hover.investigation, ul#treehouseclosemenu li.investigation a:hover {
	color: #3333FF !important;
	}

ul#treehousemenu a.stories, ul#treehousemenu li.stories a:hover, ul#treehousemenu a:visited.stories, ul#treehouseclosemenu li.stories a:hover {
	color: #ff6600 !important;
	}

ul#treehousemenu a.games, ul#treehousemenu li.games a:hover, ul#treehousemenu a:visited.games, ul#treehouseclosemenu li.games a:hover {
	color: #009933 !important;
	}	
	
ul#treehousemenu a.artculture, ul#treehousemenu li.artculture a:hover, ul#treehousemenu a:visited.artculture, ul#treehouseclosemenu li.artculture a:hover {
	color: #6B47B3 !important;
	}
	
ul#treehousemenu a.bio, ul#treehousemenu li.bio a:hover, ul#treehousemenu a:visited.bio, ul#treehouseclosemenu li.bio a:hover {
	color: #666 !important;
	}	
	
ul#treehousemenu a.teacherresource, ul#treehousemenu li.teacherresource a:hover, ul#treehousemenu a:visited.teacherresource, ul#treehouseclosemenu li.teacherresource a:hover  {
	color: #993333 !important;
	}
	
	#sectionnav li.investigation a	{
	color: #9B9BFB !important;
	}

#sectionnav li.stories a  {
	color: #FFA060 !important;
	}

#sectionnav li.games a {
	color: #61B47D !important;
	}	
	
#sectionnav li.artculture a  {
	color: #9C8FB6 !important;
	}
	
#sectionnav li.bio a  {
	color: #999 !important;
	}	
	
#sectionnav li.teacherresource a  {
	color: #9B7A7A !important;
	}
	
	
	#sectionnav li.webquest a  {
	color: #CEB554 !important;

	}

/*managers*/
dl.indent15, p.indent15
{padding-left: 15px;
}

dl.main dd
{font-size: 10px  !important;
margin-left: 5px !important;
}