/* CSS Document */

/* CSS Document */

body {
  color: #303030;
  padding-bottom: 20px;
  font-size: 71%;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
p,
ul,
ol,
dl,
h3,
h4,
h5,
h6 {
  font-size:1em;
}
.seperator {
  height: 24px;
}
/* layout */
	/* 
		stefen 13/11/08 
		note #1: in order to get the dropshadow to work with the std eZTKI the sections had to be broken down into:
		- #wrapper-tabs
		- #wrapper-outer
			- .upper (banner)
			- .middle (content)
			- .lower (footer)
		note #2: due to the dropshadows requiring a width of 1051px, javascript is used to call on a specific stylesheet to reduce the width of the wrapper divs from 1051 to 993 pixels 
	*/ 
/* ## hides ## */

.hidden,
#content #featuredControl span,
#content .block-curric span,
.hide,
.hideit,
#footer,
#tools,
#content .backtotop,
.overlay,
.summary,
#wrapper-tabs,
#environment-banner,
#leftcol,
#form-register iframe,
#breadcrumb,
#content .opening .print,
#content .opening .download,
#debug,
#content .block-task .back,
#content .block-task .previous,
#content .block-task .next,
#forum-reply-expand a,
.mceFirst,
.mceLast,
#bottomSlider,
#header .search,
#header img,
.featuredText,
.site-search {
  display: none;
}
.wrapper-outer {
  width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
}
/* ## Styles for generic elements in content ## */

	/* hyperlinks */

#content a:visited {
  color: #797979;
}
/* homepage content heading styles */

#content h1,
.summary h1 {
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
#content h2,
.summary h2 {
  color: #333333;
  font-weight: normal;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 1em;
}
#content h3,
.summary h3 {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
}
#content h4,
.summary h4 {
  font-weight: normal;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
}
#content h5,
.summary h5 {
  font-weight: normal;
  font-style: normal;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
}
.summary h1,
.summary h2 {
  line-height:1.2;
  margin-bottom:0.6em;
}
/* innerpages content headings */

.innerpage #content h1,
.summary h1 { /* this may be specific to T&L Sequence - we don't have all of the designs */
  color: #333333;
  font-size: 1.25em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.innerpage #content h2,
.innerpage #content h1.faux-h2,
.summary h2,
.summary h1.faux-h2 {
  color: #333;
  margin: 0;
  font-size: 1.55em;
}
.innerpage #content h1.faux-h2,
.innerpage #content h2.no-h1 {
  margin-top: 1.1em;
}
.innerpage #content h3,
.summary h3 {
  color: #333;
  border-bottom: 1px solid #CCC;
  font-size: 1.1em;
  padding: 6px;
  position: relative;
}
.innerpage #content .portal h3,
.twocol #content h4 {
  color: #333333;
  font-weight: bold;
  background: none;
  padding: 0;
  margin: 0 0 1em;
  border: none;
}
.twocol #content h5 {
  color: #333333;
  font-weight: bold;
  margin: 0 0 1em;
}
.innerpage #content h3 a {
  text-decoration: none;
}
.innerpage #content h3 a:hover,
.summary h3 a:hover {
  text-decoration: underline;
}
.innerpage #content h4,
.summary h4 {
  color: #333333;
}
.innerpage #content h4 a,
.summary h4 a {
  text-decoration: none;
  color: #333333;
}
.innerpage #content h4 a:hover,
.summary h4 a:hover {
  text-decoration: underline;
}
#content h4.off-black,
#content h4.off-black a {
  color: #303030;
  font-weight: bold;
}
/* clears */
	
#content .clearleft {
  clear: left;
}
#content .clearright {
  clear: right;
}
/* general content styles */
	
#content .box-text {
  border:1px solid #CCC;
  margin-bottom:1em;
  padding:5px;
}
#content .no_margin_bottom {
  margin-bottom: 0;
}
#content .off-black {
  color: #303030;
}
#content .intro {
  font-size: 1.1em;
}
input,
button,
select,
textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content .text-right {
  text-align: right;
}
#content .text-center {
  text-align: center;
}
#content p,
#content li,
#content dt,
#content dd,
.summary p,
.summary li,
.summary dt,
.summary dd {
  line-height:1.4;
  margin-bottom:1em;
}
#content td,
#content th,
.summary td,
.summary th {
  line-height:1.4;
}
#content .m10-top {
  margin-top: 10px;
}
strong {
  font-weight: bold;
}
#content address {
  margin: 1em 0;
  line-height: 1.3;
  font-style: normal;
}
#content address.contact {
  margin: 2em 0 1em;
}
#content .indent {
  margin-left: 10px;
}
#content dt {
  color: #333333;
  font-weight: bold;
  margin-bottom: 0;
}
#content dd {
  margin-left: 10px;
}
#content .nowrap {
  white-space: nowrap;
}
#content ul li {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 0 !important;
  margin-left: 1.2em;
}
#content ul.nostyle,
#content ol.nostyle {
  margin-left: 0;
  padding-left: 0;
}
#content ul.nostyle li,
#content ol.nostyle li {
  list-style: none;
  margin-left: 0;
}
#content blockquote {
  font-weight: normal;
  font-style: italic;
  text-indent: 0;
  margin-bottom: 0.2em;
}
#content blockquote p {
  margin: 0;
}
/* innerpage item list */
#content .itemlist h4 {
  color: #303030;
}
#content .itemlist h4 a {
  font-weight: bold;
  color: #303030;
}
/* home page opening statement */
.homepage #content .opening {
  margin: 25px 0 10px;
}
/* inner page opening area */
.innerpage #content .opening,
.summary .opening {
  position: relative;
  margin-bottom: 21px;
}
/* inner page T&L sequence credits */
.innerpage #content .credits {
  padding: 9px 10px;
  background: #FFFFFE;
  color: #888;
  font-size: .8em;
}
.innerpage #content .credits p {
  margin: 0;
}
.innerpage #content .credits strong {
  color: #000;
  font-weight: normal;
}
/* video page */
			/* player options */

#content .player-options {
  float: right;
  margin-top: -34px;
  z-index: 1000;
  position: relative;
  color: #333333;
  padding-right: 5px;
}
/* player navigation */

#content .player-nav ul {
  position: relative;
  margin: 10px 0;
  float: left;
  width: 519px;
}
#content .player-nav li {
  background: none;
  float: left;
  margin: 0;
  padding: 0;
  color: #333333;
}
#content .player-nav .previous {
  background: url(../images/video-previous.gif) no-repeat left 0;
  padding: 0;
}
#content .player-nav .p-disabled {
  background: url(../images/video-previous-disabled.gif) no-repeat left 0;
  min-height: 20px;
  padding-left: 23px;
  padding-top: 2px;
}
#content .player-nav .previous a {
  display: block;
  padding-left: 23px;
  padding-top: 2px;
  min-height: 20px;
}
#content .player-nav .next {
  background: url(../images/video-next.gif) no-repeat right 0;
  padding: 0;
  margin-left: 16px;
}
#content .player-nav .n-disabled {
  background: url(../images/video-next-disabled.gif) no-repeat right 0;
  min-height: 20px;
  padding-right: 23px;
  padding-top: 2px;
}
#content .player-nav .next a {
  display: block;
  padding-right: 23px;
  padding-top: 2px;
  min-height: 20px;
}
#content .player-nav .transcript a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  min-height: 20px;
  padding-left: 23px;
  padding-top: 2px;
}
/* video player */
		
#content .video-player {
  float: left;
  width: 519px;
  margin-bottom: 20px;
  text-align:center;
}
/* Data tables */
	
#content .data {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin-bottom: 10px;
}
#content .block-task table.data {
  margin-bottom: 10px;
}
#content .data th {
  font-weight: bold;
}
#content .data th p {
  margin-bottom: 0;
}
#content .data th,
#content .data td {
  padding: 3px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  width:auto;
}
/* notification-settings table */

#content .notification-settings h2 {
  margin-bottom: 0.5em;
}
#content .notification-settings table {
  margin: 5px 0;
}
#content .notification-settings table.list th {
  background-color:#CCCCCC;
  font-weight:bold;
}
#content .notification-settings table.list td {
  border: solid 1px #CCC;
}
#content .notification-settings table td,
#content .notification-settings table th {
  padding:2px 4px 0;
}
#content .notification-settings .buttonblock {
  padding-left: 0;
  margin-top: 20px;
}
#content .notification-settings fieldset {
  width: 90%;
  line-height:1.3em;
  margin-top:10px;
  margin-left:5px;
}
#content .notification-settings fieldset legend {
  margin-top:10px;
  margin-left: -7px;
}
#content .notification-settings fieldset table {
  margin-bottom:1.0em;
}
#content .notification-settings input.button {
  margin-top: 10px;
}
#content .notification-settings .buttonblock input.button {
  margin-top: -5px;
  margin-bottom: 30px;
}
#content .notification-settings th.tight img {
  margin-left: 2px;
}
/* table styles */
#content table {
  width: 100% !important;
  border-collapse: collapse;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  text-align: left;
}
#content table td,
#content table th {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: left;
  width: auto;
}
#content .oe-window table,
#content .oe-window table td,
#content .oe-window table th,
#content fieldset table.list,
#content fieldset table.list th,
#content fieldset table.list td {
  border: none;
}
#content .oe-window table {
  border: 1px solid #CCC;
}
#editform .block {
  width: 100% !important;
}
/* TRE - quick version :: to be changed once the designs come through */
	
#content .tre {
  margin-top: 1em !important;
}
#content .tre table {
  width: 100%;
  float: left;
}
#content .category-list th {
  vertical-align: bottom;
  background: #CC9;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
}
#content .category-list td {
  padding: 10px;
}
#content .category-list th p {
  margin: 0
}
/* tre - resource list */
		
#content .resource-list th {
  vertical-align: bottom;
  background: #CC9;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  padding: 10px 5px;
}
#content .resource-list th p {
  margin: 0
}
#content .resource-list h4 {
  margin-top: 0;
  font-weight: bold;
}
#content .resource-list td {
  padding: 5px;
}
#content .resource-list td.c1 {
  padding: 5px 0;
}
/* form layout - quick version :: to be changed once the designs come through */
	
#content form .block,
#content form .element,
#content form .oe-window,
#content form.form-register fieldset table {
  clear: both;
  margin-bottom: 5px;
}
#content form .block label {
  display: block;
  float: left;
  width: 100px;
  margin-right: 10px;
  padding-top: 5px;
}
#content form.form-register select {
  width: 250px;
}
#content form.form-register .content-edit {
  margin-top: 1em;
}
#content form.form-register .attribute-language {
  margin: 1em 0;
}
#content form.full-form .block label {
  width: 150px
}
#content form .block .halfbox,
#content form .block .box,
#content form .ezcc-user {
  width: 200px;
}
#content form textarea.box {
  font-size: 1em;
}
#content form.full-form .block .halfbox,
#content form.full-form .block .box,
#content form.full-form .block .ezcc-user {
  width: 350px;
}
#content form .buttonblock {
  clear: both;
  margin-top: 10px;
  padding-left: 110px;
}
#content form.full-form .buttonblock {
  padding-left: 160px;
}
#content form.form-register .buttonblock {
  padding-left: 0;
}
#content form .buttonblock .defaultbutton,
#content form .buttonblock .button {
  margin-right: 10px;
  margin-bottom: 10px;
}
#content form .warning {
  border: 1px solid #CC0000;
  font-size: .9em;
  background: #F7D9D9;
  margin-bottom: 1em;
  padding: 10px;
}
#content form .warning li {
  margin-bottom: 0;
}
#content form.form-register label,
#content form.form-register p.label {
  display: block;
  position: relative;
  clear: both;
  float: left;
  width: 150px;
  margin-right: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
}
#content form.form-register input {
  margin-bottom: 5px;
}
#content form.form-register .userstatus-enabled {
  display: block;
  position: absolute;
  left: 160px;
  top: 5px;
}
#content form.form-edit fieldset table {
  clear: both;
  margin-bottom: 5px;
}
#content form.form-edit .block label {
  float: none;
  width: auto;
  margin-bottom: 4px;
}
#content form.form-edit fieldset {
  display: block;
  float: left;
  width: 497px;
  padding: 10px;
  margin: 1em 0;
  border: 1px solid #CCCCCC;
}
#content form.form-edit fieldset legend {
}
#content form.form-edit fieldset table {
  margin-top: 1em;
}
#content form.form-edit fieldset th {
  padding: 0 3px 3px;
}
#content form.form-edit fieldset td {
  padding: 0 3px;
}
#content form.form-edit select {
  width: 250px;
}
#content form.form-edit .content-edit {
  margin-top: 1em;
}
#content form.form-edit .attribute-language {
  margin: 1em 0;
}
#content form.form-edit .box,
#content form.form-edit textarea {
  width: 519px;
}
#content form.form-edit fieldset .box {
  width: 200px;
}
#content form.form-edit fieldset .ezcca-resource_external_link {
  width: 490px;
}
#content form.form-edit .buttonblock {
  padding-left: 0;
}
/* community '2 column' block */
#content .block-comm {
  width: 100%; /* odd widths from design - | 257 | 22 | 251 | note: left and right columns are odd width in design file */
  margin: 0 -3px 17px -9px; /* -10px + -7px = for the odd padding on LHS as per design on inner pages */
  position: relative;
}
#content .block-comm .inner-left {
  width: 237px;
  margin: 0 22px 0 0;
  padding: 0 10px;
  float: left;
  background: url(../images/comm-block-bg.png) repeat-y;
  overflow: hidden;
}
#content .block-comm .inner-right {
  width: 231px;
  margin: 0;
  padding: 0 10px;
  float: left;
  background: url(../images/comm-block-bg.png) repeat-y;
  overflow: hidden;
}
#content .block-comm h3 {
  text-align: center;
  background: #262626;
  margin-right: -10px;
  margin-top: 15px;
  border-bottom: 1px solid #CCC;
  padding: 22px 10px;
}
#content .block-comm .top,
#content .block-comm .bottom {
  width: 257px;
  display: block;
  float: left;
  font-size: 1px;
  overflow: hidden;
  margin: 0 -10px;
}
#content .block-comm .inner-right .top,
#content .block-comm .inner-right .bottom {
  width: 251px;
}
#content .block-comm .top {
  background: url(../images/comm-block-top-left-bg.gif) no-repeat;
  height: 15px;
}
#content .block-comm .inner-right .top {
  background: url(../images/comm-block-top-right-bg.gif) no-repeat;
  height: 15px;
}
#content .block-comm .bottom {
  background: url(../images/comm-block-bottom-left-bg.jpg) no-repeat;
  height: 20px;
}
#content .block-comm .inner-right .bottom {
  background: url(../images/comm-block-bottom-right-bg.jpg) no-repeat;
  height: 20px;
}
/* portal page curriculum 'columns'. 519px is the content width, this needs to be 531px */
#content .block-curric {
  width: 100%;
  margin: 0 0 1em -9px;
}
#content .block-curric .left {
  width: 271px;
  height: 70px;
  background: url(../images/block-curric-lhs-bg.png) no-repeat;
  margin-right: 6px;
}
#content .block-curric li {
  float: left;
  margin: 0;
  width: 254px;
  height: 70px;
  background: url(../images/block-curric-rhs-bg.png) no-repeat;
  list-style: none;
  position: relative;
}
#content .block-curric a {
  position: absolute;
  display: block;
  top: 7px;
  left: 6px;
  height: 57px;
  width: 242px;
}
#content .block-curric li.left a {
  width: 289px;
}
#content .block-curric .eng a {
  background: url(../images/logo-curric-english.gif) no-repeat;
}
#content .block-curric .maths a {
  background: url(../images/logo-curric-maths.gif) no-repeat;
}
#content .block-curric .arts a {
  background: url(../images/logo-curric-arts.gif) no-repeat;
}
#content .block-curric .science a {
  background: url(../images/logo-curric-science.gif) no-repeat;
}
#content .block-curric .hpe a {
  background: url(../images/logo-curric-hpe.gif) no-repeat;
}
#content .block-curric .social a {
  background: url(../images/logo-curric-social.gif) no-repeat;
}
#content .block-curric .lang a {
  background: url(../images/logo-curric-languages.gif) no-repeat;
}
#content .block-curric .tech a {
  background: url(../images/logo-curric-technology.gif) no-repeat;
}
/* portal page diagrams */
#content .block-diagram {
  width: 100%;
  margin: 0 0 1em -9px;
  background: url(../images/block-portal-bg.png) repeat-y;
  position: relative;
}
#content .block-diagram .inner {
  width: 211px;
  margin: 0;
  padding: 10px 17px 17px 17px;
  float: left;
  position: relative;
}
#content .block-diagram .right {
  width: 274px;
  padding-bottom: 30px;
  text-align: center;
  overflow: hidden;
  padding: 10px 7px;
}
#content .block-diagram .top,
#content .block-diagram .bottom {
  width: 533px;
  height: 7px;
  display: block;
  float: left;
  font-size: 1px;
}
#content .block-diagram .top {
  background: #FCFBF3 url(../images/block-portal-top.png) no-repeat;
}
#content .block-diagram .bottom {
  background: #FCFBF3 url(../images/block-portal-bottom.png) no-repeat;
}
#content .block-diagram .large {
  position: absolute;
  bottom: 15px;
  right: 30px;
}
#content .block-summary,
.summary .block-summary {
  width: 556px;
  margin-right: -10px;
  margin-left: 10px;
}
#summary .wide,
.summary .wide {
  width: 835px;
}
#content .block-summary .top,
#content .draft .block-summary .top,
.summary .block-summary .top {
  width: 556px;
  display: block;
  height: 7px;
  font-size: 1px;
  float: left;
}
#content .wide .top,
#content .draft .wide .top,
.summary .wide .top {
  width: 830px;
}
#content .block-summary .bottom,
#content .draft .block-summary .bottom,
.summary .block-summary .bottom {
  display: block;
  width: 556px;
  height: 67px;
  font-size: 1px;
  float: left;
  overflow: hidden;
}
#content .wide .bottom,
#content .draft .wide .bottom,
.summary .wide .bottom {
  width: 830px;
}
#content .draft .block-summary .inner,
#content .block-summary .inner,
.summary .block-summary .inner {
  width: 235px;
  margin: 0 5px 0 0;
  padding: 0 17px 0 21px;
  float: left;
}
#content .draft .block-summary ol li,
.summary .block-summary ol li {
  width: auto;
  border-top: none;
  margin-left: 0;
  float: none;
  position: relative;
  padding-right: 0;
}
#content .block-summary .first,
#content .draft .block-summary .first,
.summary .block-summary .first {
  margin: 0 6px 0 0;
}
#content .block-summary h4,
#content .draft .block-summary h4,
.summary .block-summary h4 {
  background: #CC9;
  color: #333;
  font-weight: bold;
  margin: 0 -11px 10px -14px;
  padding: 10px 11px 7px 14px;
}
/* tl sequence task table background and table styles */
#content .block-task {
  width: 100%;
  margin: 0 0 1em 0;
  background: url(../images/block-task-bg.png) repeat-y;
  position: relative;
}
#content .block-task table {
  margin-bottom: 6em;
}
#content .block-task th {
  vertical-align: top;
  background: #CC9;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
}
#content .block-task th p {
  margin: 0
}
#content .block-task th.left {
	width: 20%;
  float: none;
}
#content .block-task th.left-border {
  border-left: 1px solid #ccc;
}
#content .block-task th.middle {
  width: 50%;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#content .block-task th.right-border {
  border-right: 1px solid #ccc;
}
#content .block-task th.right {
	width: 20%;
  float: none;
}
#content .block-task td {
  padding: 10px;
}
#content .block-task td.left {
  padding: 10px 1px;
  text-align: center;
  float: none;
}
#content .block-task td.left_top {
  padding: 70px 1px 10px;
  text-align: center;
}
#content .block-task td.middle {
  padding: 0 10px;
  background: transparent;
}
#content .block-task td.right {
  float: none;
}
#content .block-task h3 {
  background:  #262626 url(../images/block-task-h3-bg.gif) bottom no-repeat;
  color: #333333;
  border-bottom: none;
  font-size: 1.1em;
  padding: 20px 10px 26px;
  position: relative;
  margin: 0 -9px 10px -10px; /* for the odd padding on LHS as per design on inner pages */
}
/* innerpage tl sequence task table background and table styles */
#content .block-task-innerpage {
	margin: 0 0 1em -16px;
  background: url(../images/block-task-bg-innerpage.png) repeat-y;
  position: relative;
}
#content .block-task-innerpage .inner {
	margin: 0;
  padding: 0 6px;
  float: left;
  text-align: center;
}
#content .block-task-innerpage .top,
#content .block-task-innerpage .bottom {
	height: 7px;
  display: block;
  float: left;
  font-size: 1px;
}
#content .block-task-innerpage .top {
  background: url(../images/block-task-top-innerpage.png) no-repeat;
  margin-top: -7px;
  position: relative;
}
#content .block-task-innerpage .bottom {
  background: #FCFBF3 url(../images/block-task-bottom-innerpage.png) no-repeat;
  position: relative;
}
#content .block-task-innerpage table {
  margin-bottom: 6em;
}
#content .block-task-innerpage th {
  vertical-align: top;
  background: #CC9;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
}
#content .block-task-innerpage th p {
  margin: 0
}
#content .block-task-innerpage th.middle {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#content .block-task-innerpage th.right-border,
#content .block-task-innerpage th.right {
	float: none;
}
#content .block-task-innerpage td {
  padding: 10px;
}
#content .block-task-innerpage td.left {
  padding: 10px 0;
  text-align: center;
  float: none;
}
#content .block-task-innerpage td.left_top {
  padding: 70px 0 10px;
  text-align: center;
  width: 163px;
}
#content .block-task-innerpage td.middle {
  padding: 0 10px;
  background: transparent;
}
#content .block-task-innerpage td.right {
	float: none;
}
#content .block-task-innerpage h3 {
  background:  #262626 url(../images/block-task-h3-bg.gif) bottom no-repeat;
  color: #FFF;
  border-bottom: none;
  font-size: 1.1em;
  padding: 20px 10px 26px;
  position: relative;
  margin: 0 -9px 10px -10px; /* for the odd padding on LHS as per design on inner pages *//*width: 406px;*/
}
/* question page diagrams */
#content .block-question {
	margin: 0 0 1em -16px;
  background: url(../images/block-question-bg.png) repeat-y;
  position: relative;
}
#content .block-question .inner {
	margin: 0;
  padding: 10px 17px;
  float: left;
  text-align: center;
}
#content .block-question .top,
#content .block-question .bottom {
	height: 7px;
  display: block;
  float: left;
  font-size: 1px;
}
#content .block-question .top {
  background: #FCFBF3 url(../images/block-question-top.png) no-repeat;
}
#content .block-question .bottom {
  background: #FCFBF3 url(../images/block-question-bottom.png) no-repeat;
}
/* question block - containing draft teacher resources */
		
#content .draft .inner {
  text-align: left;
}
#content .draft li {
  border-top: 1px solid #333333;
	margin-top: 10px;
}
#content .draft li ol li {
  border-top: none;
	margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  position: relative;
  padding-right: 50px;
}
#content .draft li ol li form {
  position: absolute;
  top: 0;
  right: 0;
}
#content .draft li.first {
  border: none;
  margin-top: 0;
}
#content .draft h4 {
  font-weight: bold;
  font-size: 1.1em;
}
#content .draft input {
  float: left;
  margin-right: 10px;
  padding: 0 5px;
  display: block;
  float: left;
  width:auto;
  overflow:visible;
}
/* innerpage T&L sequence and Assessment resources '2 column' block */
#content .block-sequence {
  margin: 0 -7px 17px -17px; /* -10px + -7px = for the odd padding on LHS as per design on inner pages */
  background: url(../images/sequence-block-full-bg.png) repeat-y;
  position: relative;
}
#content .block-sequence.single {
  width: 271px;
  overflow: hidden;
}
#content .block-sequence .inner {
  width: 236px;
  margin: 0 1px 0 0;
  padding: 0 17px;
  float: left;
}
#content .block-sequence dl.sequence dt {
  float: left;
  clear: both;
  font-weight: bold;
  color: #333333;
  padding-right: 7px;
  margin-bottom: 0;
}
#content .block-sequence dl.sequence dd {
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 11px;
}
#content .block-sequence dl.list dt {
  font-weight: bold;
  color: #333333;
  margin-bottom: 1em;
}
#content .block-sequence dl.list dd {
  margin-left: 0;
}
#content .block-sequence dl.list dd li {
  list-style: none;
}
#content .block-sequence dl.list dd a,
#content .block-sequence .nostyle a {
  color: #303030;
}
#content .block-sequence dl.list dd a:hover,
#content .block-sequence .nostyle a:hover {
  color: #993333;
}
#content .block-sequence h5 {
  background: #5D5D5D url(../images/heading-3-sequence.gif) bottom no-repeat;
  border-top: 1px solid #a5a810;
  padding: 8px 10px 15px;
  position: relative;
  margin: 0 -10px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 1.16em;
}
#content .block-sequence h5 a {
  color: #FFF;
  text-decoration: none;
}
#content .block-sequence h5 a:hover {
  color: #FFF;
  text-decoration: underline;
}
#content .block-sequence h4 {
  background: #CC9;
  color: #333;
  font-weight: bold;
  margin: 0 -11px 10px;
  padding: 10px 11px 7px;
}
#content .block-sequence.assessment h4 {
  margin-bottom: 0;
}
#content .block-sequence h4 a {
  color: #333;
  text-decoration: none;
}
#content .block-sequence h4 a:hover {
  color: #333;
  text-decoration: underline;
}
#content .block-sequence .top,
#content .block-sequence .bottom {
  /*width: 542px;*/
height: 7px;
  display: block;
  float: left;
  font-size: 1px;
}
#content .block-sequence .top {
  background: #FCFBF3 url(../images/sequence-block-full-top-bg.png) no-repeat;
}
#content .block-sequence .bottom {
  background: #FCFBF3 url(../images/sequence-block-full-bottom-bg.png) no-repeat;
}
/* home page entry points */
		/* home page featured items */
#content .featured {
  width: 100%;
}
/* teacher and learning resources sequences search */
	
#content .sequences-search label {
  display: block;
  float: left;
  width: 146px;
  padding-right: 14px;
  padding-top: 1px;
  text-align: right;
}
#content .sequences-search button {
  background: none;
  border: none;
  font-size: 1em;
  width: auto;
  padding: 0;
  text-decoration: underline;
  color: #303030;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content .sequences-search button span {
  text-decoration: underline;
}
#content .sequences-search select {
  width: 280px;
}
/* pagination */
	
#content .pagination {
  width: 448px;
  float: left;
  margin: 15px 0;
  padding-bottom: 20px;
}
#content .pagination .jump {
  color: #DFDFDF;
}
#content .pagination .pages {
  float: left;
}
#content .pagination .goto {
  float: right;
  margin-top: -2px;
}
#content .pagination .goto .label {
  float: left;
  margin-right: 4px;
  padding-top: 4px;
}
#content .pagination .goto select {
  float: right;
}
/* tables */
	
		/* simple */

#content .simple {
  width: 100%;
}
#content .simple th,
#content .simple td {
  border-bottom: 1px solid #CCC;
  padding: 20px 0 2px;
}
/* list styles */
	
		/* standard */

#content ul,
#content ul li ul {
  list-style-type: none;
  margin: 0;
}
#content ul li {
  background: url(../images/list-standard-icon.gif) no-repeat 5px 7px;
  padding-left: 1.6em;
}
#content ul.points,
#content .block-section ul {
  list-style-type: disc;
  margin-left: 1.6em;
}
#content ul.points li,
#content .block-section ul li {
  background: none;
  padding-left: 0;
}
/* tool tips hover information */

#content a.help {
  position: relative;
  margin-right: 9px;
  margin-bottom: 10px;
  border: 1px solid #FFF;
}
#content a.help span {
  left:-5000px;
  position:absolute;
  top:-5000px;
}
#content a.help:hover {
  display: inline;
  text-decoration: none;
  border: 1px solid #CCC;
}
#content a.help:hover span {
  display: block;
  position: absolute;
  width: 180px;
  padding: 5px;
  margin: 0;
  color: #000;
  background: #FFF;
  font-size: .9em;
  border: 1px solid #BEBEBE;
  text-align: left;
}
#content a.tipRight:hover span {
  top: 0px;
  left: 138px;
  float: right;
}
#content a.tipRight {
  float: right;
  z-index: 1000;
}
/* ## forums ## */

#content .list-forum {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
}
#content .list-forum p {
  margin-bottom: 0.2em;
}
#content .list-forum td,
#content .list-forum th {
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 3px 5px;
}
#content .list-forum th {
  font-weight: bold;
  text-align: center;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
#content .list-forum .topic {
}
#content .list-forum .replies {
  text-align: center;
  width: 40px;
}
#content .list-forum .author {
  text-align: center;
  width: 138px;
}
#content .list-forum .lastreply {
  text-align: center;
  width: 138px;
}
#content .content-navigator {
  text-align: center;
  margin: 5px 10px 10px;
}
#content .forum-navigation {
  width: auto;
  max-height: 120px;
  padding: 10px;
  margin: 0 0 10px;
  border: 1px solid #D6D6D6;
  overflow: auto;
  font-size: 0.9em;
  position: relative;
}
#content .forum-navigation a:link {
  font-weight: bold;
}
#content .forum-navigation a:visited,
#content .forum-navigation a:active {
  font-weight: normal;
}
#content .forum-navigation ul li {
  list-style: none;
  background: url(../images/forun-thread-nav-icon.gif) no-repeat 0 4px;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 10px !important;
  position: relative;
}
#content .content-view-children li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0.5em;
}
#content .content-view-children li h4 {
  color: #333333;
  padding: 1px 3px;
}
#content .content-view-children li .date {
  margin-bottom: 0;
}
#content .content-view-children .forum-reply-top {
  border: 1px solid #D6D6D6;
  margin-top: -4px;
  padding: 1px 3px;
}
#content .content-view-children .forum-reply-inner {
  border: 1px solid #D6D6D6;
  margin-top: -4px;
  padding: 1px 3px;
  display: block !important;
  width: auto !important;
}
#content .content-view-children .show,
#content .forum-reply-quoted-text .show {
  margin-bottom: 0.5em;
}
#content .content-view-children .quoted,
#content .forum-reply-quoted-text .quoted {
  background: #E7E7E7;
  border-left: 20px solid #D8D8D8;
  padding-left: 3px;
}
#content .content-view-children .forum-reply {
  float: right;
  margin: -3px 0 5px;
}
#content #forum-reply-expand {
  margin: 10px 0 20px;
}
#content .content-view-children .topic-posts {
  clear: both;
}
#content .content-view-children .controls {
  background: #CCC;
  margin: -1px -3px -2px;
  padding: 1px 3px;
  font-size: 0.9em;
}
#content .content-view-children .controls .button {
  float: left;
  margin: 2px 5px 2px 0;
}
#content .content-view-children .controls-up .button {
  margin: 2px 5px 0 0;
}
#content .content-navigator .grey {
  color: #D7D7D7;
}
/* ## floats ## */

.float-left {
  float: left;
}
.float-right {
  float: right;
}
/* ## sitemap ## */

#content .content-view-sitemap td {
  width: 50%;
}
#content .content-view-sitemap h3 {
  margin:0 10px 10px 0;
  width: 230px;
}
#content .content-view-sitemap h3 a:visited {
  color: #FFF;
}
#content .content-view-sitemap ul {
  margin-right: 10px;
}
/* ## SLP ## */

.calendar-def {
  line-height:1.5em;
  margin-bottom:1em;
}
.calendar-def * {
  display: inline;
}
.calendar-def dt {
  font-weight: bold;
  color: #A53844;
}