/* global */
* {margin:0;padding:0}

/* links */

a:link, a:visited {color:#039;text-decoration:underline}
a:hover, a:active {color:#c00;text-decoration:underline}

/* general */
img {border:none}
form {margin: 0 0 1.5em}
p {margin: 0 0 1.5em}
hr {background:#ccc;height:1px;color:#ccc;border:none;margin: 0 0 1.5em}
ul {list-style-type:none;margin: 0 0;}/*margin: 0 0 1.5em*//*The final 1.5em was breaking nav in IE*/
ol {margin: .5em .5em 1.5em}
li {line-height: 1.6em;padding-left: 20px;background: transparent url("images/generic_li.gif") no-repeat 0 0}
ol li {background: none; list-style-type: decimal;margin-left: 2em;padding-left: 0 ; margin-top:0.5em; margin-bottom:0.5em}
small {font-size:11px}
dl {padding: .1em 1em 1em;margin: 1em 0 1.5em;}
dl dt {font-weight:bold;margin-top:0;margin-top:1em}
dl dd {padding-left:1em;}
ol ol li { list-style-type: lower-alpha}
a.sampleActs{white-space:nowrap;}
#a.wsActive{background-color:#ccc;}

#content ul li ul {list-style-type:disc;margin: 0 0 0.5em;padding-left:20px}
#content ul li ul li {padding-left: 5px;background : none}
#content li li {line-height: 1.6em;padding-left:0;margin-left:20px;background:none;list-style:disc;}

.split50 {margin: 0 0 1.5em -20px;display:overflow}
.split50 div {float:left;margin: 0 -20px 0 20px;width:50%;display:inline}
.split50 div ul {margin: 0 30px 1.5em 0}
.split50 hr {float:left;width:100%;background:#fff;color:#fff}

/* headings */
h1, h2, h3, h4, h5, h6 {margin: 1em 0 0;font-weight:bold}
h1 {font-size: 175%;color:#225F9D}
h2.pagehead {font-size: 145%}

h2 {font-size: 128%}
h3 {font-size: 121%}
h4 {font-size: 116%}
h5 {font-size: 110%}
h6 {font-size: 105%}

.activity h2 {font-size:110%}

/* tables */
td, th {text-align:left}
td.centerAlign{text-align:center}
table.sortable, table.subjectList {font-size:100%;margin: 0 0 3em;border-collapse:collapse;border-left: 1px solid #eee;text-align:left;background: #fff url("images/form_bg.gif") repeat-x 0 100%}
	table.sortable thead th, table.subjectList thead th {border-bottom: 3px solid #000;background: #0b386b url("images/sprites.gif") repeat-x 0 -100px;color:#fff;padding: 5px 5px;border-right: 1px solid #0b386b;border-left: 1px solid #0b386b}
	table.sortable thead th a:link, table.sortable thead th a:visited, 
	table.subjectList thead th a:link, table.subjectList thead th a:visited {text-decoration:none;color:#fff}
	table.sortable thead th a:hover, table.sortable thead th a:active, 
	table.subjectList thead th a:hover, table.subjectList thead th a:active {text-decoration:underline;color:#fff}
	table.sortable caption, table.subjectList caption {font-weight:bold;padding: .3em 0}
	table.sortable col, table.subjectList col {background:transparent}
	table.sortable tbody th,
	table.sortable tbody td.th,
	table.subjectList tbody th{font-weight:bold; color:#3D5E8D;padding: 5px 5px;border-bottom:1px solid #ccc;border-right: 1px solid #eee;border-left: 1px solid #eee}
	table.sortable tbody th.sub, table.subjectList tbody th.sub {background: #eee;color:#000;padding: 5px 5px}
	table.sortable tbody td.highlightRow,
	table.sortable tbody th.highlightRow {font-weight:bold; border-bottom: 3px solid #000;background: #0b386b url("images/sprites.gif") repeat-x 0 -100px;color:#fff;padding: 5px 5px;border-right: 1px solid #0b386b;border-left: 1px solid #0b386b}
	table.sortable tbody td.highlightRow a,
	table.sortable tbody th.highlightRow a{color:#fff}
table.sortable td, table.subjectList td {border-right: 1px solid #eee;border-bottom:1px solid #ccc;padding: 4px 5px;vertical-align:top;}
table.sortable tr.shade td, table.sortable tr.shade th, 
table.subjectList tr.shade td, table.subjectList tr.shade th {background:#f2f2f2}
	table.sortable td image, table.subjectList td image {margin: 0 3px 0 0}
	td.f-submit-wrap {background: #ccc;border-top: 3px solid #666;clear:left;text-align:center;padding: 6px 0}
	td.f-submit-wrap input {padding: 3px 6px;background: #009 url("images/sprites.gif") repeat-x 0 -100px;color:#fff;font-weight:bold}
.width-fixed {width:500px}
.width-max {float:left;width:100%}

table.ictdemo {background: none}

/* forms */
#search label {font-weight:bold;display:block; margin: 1.2em 0 .2em}
label {display:inlne; margin: 0}


#login {margin: 1.5em 0;text-align:left;color:#333;font-size:92%}
#login form {font-size:109%;color:#000;padding: 10px 0 0;border: 4px solid #eee;margin: 0;background: #fff url("images/form_bg.gif") repeat-x 0 100%}
#login form h2 {margin: 0 15px 15px;border-bottom: 1px solid #ddd;padding: 0 0 5px}
#login form table {margin: 0 15px 15px}
#login .error, #login .success  {margin: 1em 15px}

.error {background: #FAE4E4 url("images/sprites.gif") no-repeat 2px -1401px;padding: 7px 3px 7px 35px;color:#c00;margin: 0 0 1.5em;border: 1px solid #F4D4D4}
.success {background: #E8FFE8 url("images/sprites.gif") no-repeat 2px -1501px;padding: 7px 3px 7px 35px;color:#c00;margin: 0 0 1.5em;border: 1px solid #B6EEB6;color:#006E00}
.highlight-new {text-transform:uppercase;background:#EC9000;color:#fff;padding: 0 2px;font: bold 10px arial;margin: -1px 3px 0 0}
.highlight-updated {text-transform:uppercase;background:#060;color:#fff;padding: 0 2px;font: bold 10px arial;margin: -1px 3px 0 0}

/* general layout */
body {color:#000;font: 76%/1.3 arial, verdana, tahoma, sans-serif;background:#0d4aaf}
#wrap {background: #fff url("images/body_bg.gif") repeat-y 0 0}
	#header {background: #fff url("images/header_bg.gif") no-repeat 100% 100%;text-align:center}
		#header #logo {display:block;width:580px;height:93px;margin: 0;position:relative;left:12px;z-index:100;text-align:left}
		#header #logoBar{height:93px;position:relative;left:12px;display:block;z-index:100;text-align:left;}
		#header #search {text-align:left;position:absolute;top:33px;_top:35px;right:0;left:auto;width:220px;padding: 1em 0;z-index:2000}
		#header #search label {margin:0;margin: 0 0 9px;_margin-bottom:7px}
		#header #search form {margin:0 1em}
		#header #search form input {width:150px}
		#header #search form .form-submit {width:auto;background: #ff8800;font: bold 11px arial;color:#fff;padding: 1px 3px;position:relative;top:-1px;right:-2px;_top:1px;_padding-bottom:0}
		#header #search .advanced-search {position:absolute;top:12px;right:17px;width:100px;text-align:right;font-size:93%}
		
	#main {background: transparent url("images/body_bg.gif") repeat-y 100% 0;border-top: 8px solid #0d4aaf}
		#primarynav {float:left;width:188px;padding-top:0;font-size:96%}
		#content {margin: 0 80px;padding-bottom:1em}
			#breadcrumb {color:#666;padding: 10px 4px 11px 22px;margin: 0 -21px 1em -21px;background:#fff;border-bottom: 1px solid #7da1ca;font-weight:bold}

			#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active  {color:#ff8800}
			#breadcrumb a:hover  {color:#369}
	
		#footer {background:#0d4aaf;margin: 0 0 0 -6px;padding: 6px 6px 20px 0px;clear:both;border-top: 1px solid #fff;font-size:92%;text-align:right;width:100%;}
			#footer p {margin:0 20px 0 0;color:#fff;}
			#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {font-weight:bold;color:#fff;text-decoration:none}
			#footer a:hover {text-decoration:underline}
			#footer img {float:left;text-align:left;}
		
/* 2 col layout */
.layout-2col #wrap {background: #fff url("images/body_bg_2col.gif") repeat-y 0 0}
.layout-2col #main {padding-left:6px;background: transparent url("images/body_bg_2col.gif") repeat-y 100% 0}
.layout-2col #content {margin: 0 30px 0 220px}
		.layout-2col #breadcrumb {padding-left:30px;margin: 0 -20px 1em -30px;background: #fff url("images/nav_top.gif") no-repeat 0 0}
		p.leveldescintro {font-weight:bold}

/* 1 col layout */
.layout-1col #wrap {background: #fff url("images/body_bg_1col.gif") repeat-y 0 0}
.layout-1col #main {padding-left:6px;background: transparent url("images/body_bg_2col.gif") repeat-y 100% 0}
.layout-1col #content {margin: 0 30px}
		.layout-1col #breadcrumb {padding-left:25px;margin: 0 -20px 1em -25px}

 /* super tabs */
	.supertabs {margin: 0 0 1em}
	.supertabs * {margin:0;padding:0}
	.supertabs table{ border-collapse:collapse;}
	.supertabs .supertabs-primary {height: 2.35em;font-size:96%;}/*clear:left*/
 	.supertabs .supertabs-primary td {margin:0;padding: 0 0;}
    .supertabs .supertabs-primary td { vertical-align: top ;background:url("images/nav_right_both.gif") no-repeat 100% -150px;margin:0;padding:0 0 0 0;border-bottom:1px solid #fff}
	.supertabs .supertabs-primary a {display:block;background:url("images/nav_left_both.gif") no-repeat 0% -150px;padding:6px 8px 2px 8px;text-decoration:none;color:#fff;font-weight:bold;}
    
	
    .supertabs .supertabs-primary a:hover {color:#000}
    .supertabs .supertabs-primary td.active {background-position:100% 0;border-width:0}
    .supertabs .supertabs-primary td.active a {background-position:0 0;padding-bottom:3px;color:#fff}
	
	.supertabs .supertabs-secondary {padding: 6px 12px;color:#fff;font-size:86%;background:url("images/nav_right_both.gif") repeat-x 0 -300px}
	.supertabs .supertabs-secondary a:link, 
	.supertabs .supertabs-secondary a:visited, 
	.supertabs .supertabs-secondary a:hover, 
	.supertabs .supertabs-secondary a:active {color:#fff;padding: 0 3px}
	.supertabs .supertabs-secondary a:hover, .supertabs .supertabs-secondary a.active:hover {color:#ffea00}
	.supertabs .supertabs-secondary a.active:link, 
	.supertabs .supertabs-secondary a.active:visited, 
	.supertabs .supertabs-secondary a.active:hover, 
	.supertabs .supertabs-secondary a.active:active {font-weight:bold}

	#primarynav {margin: 0 0 1em;border-bottom:none}
	#primarynav li {background:none;border-bottom: 1px solid #115ad3;padding: 0;_height:1%}
	#primarynav li a:link, #primarynav li a:visited, #primarynav li a:hover, #primarynav li a:active {padding: 2px 8px;font-weight:bold;text-decoration:none;display:block;color:#fff}
	#primarynav li a:hover {background:#0d4aaf}
	#primarynav li.active a:link, #primarynav li.active a:visited, #primarynav li.active a:hover, #primarynav li.active a:active {font-weight:bold;background-color:#00245f}
	#primarynav li.active li a:link, #primarynav li.active li a:visited, #primarynav li.active li a:hover, #primarynav li.active li a:active {font-weight:normal;background-color:transparent}
	
	#primarynav li.toplevelheading a:link, #primarynav li.toplevelheading a:visited, 
	#primarynav li.toplevelheading a:hover, #primarynav li.toplevelheading a:active {font-size:145%;color:#fff;padding: 12px 8px 5px}
	
		#primarynav ul {border:none;margin:0}
		#primarynav ul li {border:none;border-bottom: none;padding-left:0;text-indent:0}
		#primarynav ul li a:link, #primarynav ul li a:visited, #primarynav ul li a:hover, #primarynav ul li a:active {background: transparent url("images/sprites.gif") no-repeat 7px -1198px;color:#fff;font-weight:normal;padding-left:20px}
		#primarynav ul li a:hover {background-color:#0d4aaf}
		
			#primarynav ul ul li a:link, #primarynav ul ul li a:visited, #primarynav ul ul li a:hover, #primarynav ul ul li a:active {background: transparent url("images/sprites.gif") no-repeat 21px -1198px;color:#fff;padding-left:34px}
			#primarynav ul ul li a:hover {background-color:#0d4aaf}
			
				#primarynav ul ul ul li a:link, #primarynav ul ul ul li a:visited, #primarynav ul ul ul li a:hover, #primarynav ul ul ul li a:active {background: transparent url("images/sprites.gif") no-repeat 36px -1198px;color:#fff;padding-left:49px}
				#primarynav ul ul ul li a:hover {background-color:#0d4aaf}
				
					#primarynav ul ul ul ul li a:link, #primarynav ul ul ul ul li a:visited, #primarynav ul ul ul ul li a:hover, #primarynav ul ul ul ul li a:active {background: transparent url("images/sprites.gif") no-repeat 51px -1198px;color:#fff;padding-left:64px}
					#primarynav ul ul ul ul li a:hover {background-color:#0d4aaf}
					
						#primarynav ul ul ul ul ul li a:link, #primarynav ul ul ul ul ul li a:visited, #primarynav ul ul ul ul ul li a:hover, #primarynav ul ul ul ul ul li a:active {background: transparent url("images/sprites.gif") no-repeat 66px -1198px;color:#fff;padding-left:79px}
						#primarynav ul ul ul ul ul li a:hover {background-color:#0d4aaf}

		#primarynav .primarynav-sub {background-color:#002c83;padding: 1em 0;margin-bottom: .5em;position:relative;right:-2px}
		
		#utility {list-style-type:none;text-align:right;position:absolute;top:5px;left:0;width:100%;font-size:89%;z-index:1000}
		#utility li {display:inline;padding: 0 1%;border-right: 1px solid #ccc;background:none}
		#utility li.last {border:none}
		#utility a:link, #utility a:visited {color:#000}
		#utility a:hover, #utility a:active {color:#369}
		
	.featurebox {position:relative;padding: 1em;background: transparent url("images/featurebox_bg.gif") repeat-x 0 0}
	.featurebox h3 {margin: 0 0 .3em}
	.featurebox p {margin: .3em 0}
	.featurebox p img {margin: .3em 0}
	.featurebox input, .featurebox select  {width: 160px;margin: .3em 0}
	.featurebox input.f-radio  {width: auto;margin: .5em 0 -.3em}
	.featurebox .submitbutton input {margin: 1em 0 .4em}
	.featurebox form {margin:0}
	
	.ActivityDesc, .oddLevel, .evenLevel, .commentaryForTeacher {border: 1px solid #ccc;background:#f2f2f2;padding:1em;margin-bottom: 1.5em}
	.ActivityDesc h3, .ActivityDesc p {margin:0}
	.oddLevel h2, .evenLevel h2 {margin:0}
	.activity {border-top: 1px solid #ccc;margin: 1em 0}
	
	.wsTranscription {border: 1px solid #aaa;background:#ddd;padding:1em;margin-bottom: 1.5em; margin-top: 1em;}
	.wsTranscription h3, .wsTranscription h2, .feedbackForStudent h3, .commentaryForTeacher h3 {margin:0}
	

/* Sibling Links */
div#siblings {border-top: 1px solid #ccc;padding: 10px 0 0 0;margin: 1em 0;font-size:11px}
div#siblingLeft {float: left;width: 33%}
div#siblingCenter {float: left;width: 33%;text-align: center;font-weight:bold}
div#siblingRight {float: left;width: 33%;text-align: right}

/* Jigsaw rollover */
#ictarealist {width:400px;height:397px;margin: 0 0 1.5em;padding:0;position:relative;background: #fff url("images/jigsaw_bg.gif") no-repeat 0 0}
	#ictarealist li {padding:0;background:none;position:absolute;top:0;left:0}
	#ictarealist a, #ictarealist a:link, #ictarealist a:visited, #ictarealist a:hover, #ictarealist a:active {position:absolute;display:block}
	#ictarealist span {position:absolute;left:-9999px}

	#ictarealist #areac a:link, #ictarealist #areac a:visited, #ictarealist #areac a:hover, #ictarealist #areac a:active {top:0;left:0;width:240px;height:200px;background: transparent}	
	#ictarealist #areac a:hover {top:0;left:0;width:240px;height:200px;background: transparent url("images/jigsaw_bg.gif") no-repeat 0 -400px;z-index:99999}	
	
	#ictarealist #areat a:link, #ictarealist #areat a:visited, #ictarealist #areat a:hover, #ictarealist #areat a:active {top:0;left:194px;width:169px;height:200px;background: transparent}	
	#ictarealist #areat a:hover {top:0;left:194px;width:169px;height:200px;background: transparent url("images/jigsaw_bg.gif") no-repeat -194px -800px;z-index:99999}	

	#ictarealist #areaf a:link, #ictarealist #areaf a:visited, #ictarealist #areaf a:hover, #ictarealist #areaf a:active {top:157px;left:156px;width:244px;height:215px;background: transparent}	
	#ictarealist #areaf a:hover {top:157px;left:156px;width:244px;height:215px;background: transparent url("images/jigsaw_bg.gif") no-repeat -156px -1357px;z-index:99999}	

	#ictarealist #areas a:link, #ictarealist #areas a:visited, #ictarealist #areas a:hover, #ictarealist #areas a:active {top:157px;left:10px;width:190px;height:240px;background: transparent}	
	#ictarealist #areas a:hover {top:157px;left:10px;width:190px;height:240px;background: transparent url("images/jigsaw_bg.gif") no-repeat -10px -1757px;z-index:99999}	

/* featureipcs */
.featurepics {width:230px}
	.featurepics h2 {background:#000;padding: 5px;border-bottom: 1px solid #fff}
	.featurepics img {}
	.featurepics h2 a:link, .featurepics h2 a:visited, .featurepics h2 a:hover, .featurepics h2 a:active {color:#fff;text-decoration:none;font-size:76%}
	.featurepics h2 a:hover, .featurepics h2 a:active {color:#fff;text-decoration:underline}
	
/* Curriculum Online and NCCA logos in header layout control */
	.rhsLogos { position: absolute; right: 270px; margin: 15px 0 15px 0; z-index: -100; }
	.rhsLogos img { border: 0; } 

/* level boxes on ict_area pages */

	.level {border: 1px solid #ccc;padding:1em;margin-bottom: 1.5em}
	.level h2, .level ul {margin:0; padding:0;}
	.level1 {background: url('images/level1bg.jpg') no-repeat}
	.level2 {background: url('images/level2bg.jpg') no-repeat}
	.level3 {background: url('images/level3bg.jpg') no-repeat}
	
/* Area boxes on ict_level pages */

	.area {border: 1px solid #ccc;padding:1em;margin-bottom: 1.5em}
	.area h3, .area h2, .area ul {margin:0; padding:0;}
	table.areacl1, .areacl1 {background: #dbf5ff}
	table.areacl2, .areacl2 {background: #c2ebff}
	table.areacl3, .areacl3 {background: #96ccff}
	table.areafl1, .areafl1 {background: #ffffb5}
	table.areafl2, .areafl2 {background: #ffff99}
	table.areafl3, .areafl3 {background: #ffff7d}
	table.areasl1, .areasl1 {background: #d4ffd6}
	table.areasl2, .areasl2 {background: #baffbf}
	table.areasl3, .areasl3 {background: #9effa3}
	table.areatl1, .areatl1 {background: #ffe8f2}
	table.areatl2, .areatl2 {background: #ffd4e6}
	table.areatl3, .areatl3 {background: #ffb3db}
	.outcomesheading {padding:0px 10px 10px 10px; border: 1px solid #ddd}
	.area p {margin:0}
	

#contentBody{width:100%;float:left;}
#sidemenu{float:left;width:240px;}

/* Used on subject pages to style the child links */
/*#subjectChildLinks {float:right;width:250px}*/
#subjectChildLinks .childLink {margin:1em 0 1em 1em;border: 1px solid #ccc;padding:1em;width:83%}
#subjectChildLinks .childLink h3, #subjectChildLinks .childLink p, #subjectChildLinks .childLink ul {margin:0}

.feedbackForStudent {border:1px solid #f7ab75;background:#ffeee2;padding:1em;margin:1em;width:83%;}	
/*.feedbackForStudent{float: right; width: 200px; clear: right; margin-right: 1em;}*/
.feedbackForStudent ol{}
.feedbackForStudent li{list-style-type: upper-alpha; color: red;}
.feedbackForStudent p{color: black;}

.commentaryForTeacher{ clear: both; margin: 1em;}

.transcriptionPage{}
.transcriptionPage .feedbackForStudent{clear:both;float:none; width:auto;margin-right: 0;}
.transcriptionPage .commentaryForTeacher{margin:0;}


a.nccalink {background : url(/wsimages/external.png) center right no-repeat; padding-right : 13px}
a.podcast {background : url(/wsimages/podcast-logo1.gif) center right no-repeat; padding-right : 73px}


.file-doc{border: 1px solid silver; margin: 5px; padding: 10px 5px 10px 35px; background : url(/wsimages/x-office-document.png) center left no-repeat;}
.file-ppt{border: 1px solid silver; margin: 5px; padding: 10px 5px 10px 35px; background : url(/wsimages/x-office-presentation.png) center left no-repeat;}
.file-pdf{border: 1px solid silver; margin: 5px; padding: 10px 5px 10px 35px; background : url(/wsimages/pdficon_large.gif) center left no-repeat;}
.file-xls{border: 1px solid silver; margin: 5px; padding: 10px 5px 10px 35px; background : url(/wsimages/x-office-spreadsheet.png) center left no-repeat;}


.wsBody{padding: 3px; margin: 1em 0; border: 1px solid #ccc; }
.wsBodyPg{padding: 3px; margin: 1em; max-width: 70%; float: left;}

.wsTranscription em.annotate {color:red; font-weight:bold;font-style:normal;text-transform:uppercase;}

#wslist {border:1px solid #ccc;background:#eee; padding-left:10px;}
#wslist dl {padding:0}
#wslist dd{display: inline; }
#wslist dd a{padding: 0.2em 0.5em;}
#wslist dd a.active{text-decoration: none; font-weight:bold;}

.wsTable{
	border-collapse: collapse;

}
.wsTable td{ vertical-align: top; width: 100%;}
.transcriptionPage td{vertical-align: top; }

.workSampleTable{
    border-collapse:collapse;
}

.workSampleTable td,
.workSampleTable th{
   border: 1px solid silver;
   padding: 0.2em 0.5em;
}
.workSampleTable thead th,
.workSampleTable thead td{
    text-align: center;
}
.workSampleTable p{margin: 1em;}

table.demotable {width:600px;border-collapse: collapse;}
table.demotable tr{padding:0;margin:0px;border:0}
table.demotable td {text-align:center;padding:5px; width:156px;border:1px #B7AE88 solid;}


.ictFwActs {border:solid 1px #ddd; padding:0px 10px; background: #fff url("images/form_bg.gif") repeat-x 0 100%}

#advanced-search fieldset{ margin: 0.5em; padding: 0.5em;}
#advanced-search legend{ padding: 0.2em 0.5em;}
#advanced-search td{vertical-align: top; width: 230px; }
#advanced-search #primary-filters select{width: 300px;}

/* EAL Tasks */
ul#EALTask{margin:0 0 1.5em;}


/* Fix the 3px jog bug in IE6 */
/* Hides from IE5-mac \*/
* html #content p { height: 1%;}
/* End hide from IE5-mac */