html,body{margin:0px;padding:0px;font:1em Helvetica,verdana,arial,sans-serif;font-size:100%;height:100%;background:url(images/darkNoise.png) #ccc;}
h1{text-align:center;}
h2{text-align:center;font-size:1em;color:#333;font-weight:normal;margin:0;background:#eee;border:1px solid#aaa;padding:2px;}
h3{font-size:1em;color:#333;margin:0;}
p{font-size:1em;padding:0;margin:0;color:#777;}
#obj input{width:100px;padding:5px;font:bold 16px Helvetica, Verdana, sans-serif;margin:0; }
ul{list-style:none;padding:0;}

cite{font-size:0.75em;padding:5px;}

.innerTabs{color:#666;font-size:.9em line-height:1.2em;}
.innerTabs li ul li{border:1px solid#ccc;padding:10px 5px;margin:5px 0;}
#help{display:none;color:#f00;background:#fcc;padding:5px;border:1px solid#f00;width:500px;margin:0 auto;}

div#tabs-1 ul li.innerTab{width:15%;}
div#tabs-2 ul li.innerTab{width:23%;}
div#tabs-3 ul li.innerTab{width:30%;}
div#tabs-4 ul li.innerTab{width:19%;}
div#tabs-5 ul li.innerTab{width:50%;}
.innerTab{float:left;padding:0 5px;padding-bottom:0pt;}
li.hover{color:#000;background:#fdd;border:1px solid#333;}
.editable{border-bottom:1px dashed#000;}#menu{list-style-type:none;margin:0;padding:0;font-size:0.8em;}
#junk{font-size:0.8em;padding:5px}
#junk span{margin-bottom:5px;}
#junk a{color:#449;}
#junk a:hover{color:#99c;}

div.bottom{clear:both;}

.box {
  display: none;
padding:10px 10px 0 10px;
background: url(images/darkNoise.png) #ccc;
margin:0;
}
.box.visible {
  display: block;
}

ul.tabs { /* general settings */
text-align: left; /* set to left, right or center */
margin: 15px 0 0 0; /* set margins as desired */
font: bold 20px helvetica, verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #888; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 10px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.tabs li { /* do not change */
display: inline;
border-radius:5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

ul.tabs li.current { /* settings for selected tab link */
border-bottom: 1px solid #cfcfcf; /* set border color to page background color */
background: #ffffff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
padding-top: 10px; /* must change with respect to padding (X) above and below */
}

ul.tabs li { /* settings for all tab links */
padding: 10px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
margin-right: 0px; /* set additional spacing between tabs as desired */
border-bottom: none;

}

ul.tabs a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */

.innerTabs li ul{margin:0;padding:0;}
.innerTabs li ul li{color:#000;border:1px solid #999;border-bottom:1px solid #ddd;border-top:none;padding:12px 0px 12px 10px;margin:0;}


.innerTab{float:left;padding:0 0 0 10px;margin:0;}
.innerTab h2{
padding:10px 0 6px 0;
margin:0;
font: bold 18px helvetica, verdana, arial, sans-serif;
border-radius:5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
width:100%;
}
.innerTabs li ul li.last{
border-bottom:1px solid #999;
border-radius:0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;}

/*shadow stuff*/
#objective{-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3); /* Safari and Chrome */
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);}
.innerTabs li ul,.innerTabs h2{-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); /* Safari and Chrome */
box-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
ul.tabs li{-webkit-box-shadow: 2px 0 5px rgba(0,0,0,0.3); /* Safari and Chrome */
box-shadow: 2px 0 5px rgba(0,0,0,0.3);}
ul.tabs li.current{-webkit-box-shadow: none; /* Safari and Chrome */
box-shadow: none;}

div.bottom{clear:both;padding:10px 5px 25px 0;text-align:right;}
#tabContainer p{font-size:.7em;padding:0;margin:0;color:#777;}
#tabs a{font-weight:bold;font-size:20px;}
#tabs cite a{text-shadow:0 0 0 #fff;font-weight:normal;color:#900;font-size:12px;}
.innerTabs ul li {background: #eee url(images/noise.png);}
.innerTabs ul li.first
{
background: #eee url(images/noise.png);
	background: -moz-linear-gradient(top, #bbb 0%, #eee 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#eee));
	background: -o-gradient(#bbb, #eee);
}

div#tabs-1 h3{color:#009;}
div#tabs-1 h2{text-shadow:1px 1px 0 #000;border:1px solid #666;}
div#tabs-1 h2, #tabs ul li#tt1.ui-state-default{background:#556270;color:#fff;}		
#t1{background-color: #556270;}
#t1.current{color: #556270;}

div#tabs-2 h2{text-shadow:1px 1px 0 #000;border:1px solid #600;}
div#tabs-2 h2, #tabs ul li#tt2.ui-state-default{background:#4ECDC4;border:1px solid #9bb;color:#fff;}
#t2{background-color:#4ECDC4;}
#t2.current{color:#4ECDC4;}

div#tabs-3 h3{color:#090;}
div#tabs-3 h2{text-shadow:1px 1px 0 #000;border:1px solid #060;}
div#tabs-3 h2,#tabs ul li#tt3.ui-state-default{background:#C7F464;border:1px solid #9b9;color:#fff;}
#t3{background-color:#C7F464;}
#t3.current{color:#C7F464;}

div#tabs-4 h3{color:#909;}
div#tabs-4 h2{text-shadow:1px 1px 0 #000;border:1px solid #606;}
div#tabs-4 h2, #tabs ul li#tt4.ui-state-default{background:#FF6B6B;border:1px solid #9b9;color:#fff;}
#t4{background-color:#FF6B6B;}
#t4.current{color:#FF6B6B;}


div#tabs-5 h2{text-shadow:0 -1px 0 #000;border:1px solid #AA1;}
div#tabs-5 h3{color:#CC0;}
div#tabs-5 h2,#tabs ul li#tt5.ui-state-default{background:#C44D58;border:1px solid #996;color:#fff}
#t5{background-color:#C44D58;}
#t5.current{color:#C44D58;}


#t1,#t2,#t3,#t4,#t5{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.8);}
#t1.current,#t2.current,#t3.current,#t4.current,#t5.current{background:url(images/darkNoise.png) #ccc;}
#objective{ clear:both;
border:1px solid #999;
background: url(images/darkNoise.png) #cfcfcf;margin:0 10px;padding:10px 5px 8px 10px;
border-radius:5px;
-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#obj{color:#000;text-shadow:#fff 1px 1px 1px;letter-spacing:1px;padding:0;margin:0;}
#obj, #content, #resource, #groups, #product, #your_content, #your_content2, #your_content3, #story_element2, #story_element, #thinking_skill{background:inherit;}
#topContainer{background:#fff;}

.text{background: -moz-linear-gradient(top, #bbb 0%, #eee 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#eee));
	background: -o-gradient(#bbb, #eee);
        padding: 7px 20px 10px 10px;border-radius:0 0 5px 5px;border:1px solid #999;border-top:none;}
div.text input{ width:100%; padding:8px 4px; margin:0 auto;font:bold 16px helvetica, verdana, sans-serif;color:#666;border:1px solid #ccc;border-right:1px solid #bbb;border-bottom:1px solid #bbb;}