@charset "utf-8";

/*
TLC STUDENT SITE - CSS: Screen

version:    	1.1
date:     		14/10/09
last updated: 18/05/10
website:    	tlcstudents.ac.nz
author:		    Daniel Shaw

TABLE OF CONTENTS:
0.1		Reset

Sections:
1.0 DIVs

Base Styles:
2.0		Images
2.1		Lists
2.2		Typography
	2.21	Body default
	2.22	Colours
	2.23	Headings
	2.24  Page elements
	2.25  Links
2.3		Floats
2.4		Forms
2.5		Tables
----------------------------------------------------------------------*/

/* 0.1=RESET
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;  background: transparent;}
body 																							{ line-height: 1;}
ol, ul 																							{ list-style: none;}
blockquote, q 																					{ quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus 																							{outline: 0;}
/* remember to highlight inserts somehow! */
ins 																							{text-decoration: none;}
del 																							{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 																							{border-collapse: collapse; border-spacing: 0;}

/* 1.0=TLC Structure
----------------------------------------------------------------------*/
body																							{font-family: "Lucida Grande", Geneva, Arial, sans-serif; margin: 0; padding: 0; text-align: center; color: #666666; background-color:#fff;}
#tlc-container																					{position: relative; margin: 0 auto; top:25px; text-align:left; width:900px; background-color:#fff;}
#tlc-head-home																					{position:relative; float:left; width:900px; height:115px; padding-top:50px; background-image: url(http://tlc.ac.nz/images-str/tlc-banner-med.png); background-repeat:no-repeat; background-position:top left;}
#tlc-head																						{position:relative; float:left; width:900px; height:145px; padding-top:50px; background-image: url(http://tlc.ac.nz/images-str/tlc-banner-med.png); background-repeat:no-repeat; background-position:top left;}
#tlc-header-links																				{position:absolute; top:0px; right:0px; width:248px; height:60px; padding: 0 10px 0 22px; text-align:right;}
#tlc-header-blogs																				{position:absolute; top:55px; right:0px; width:248px; height:60px; padding: 0 10px 0 22px; background-image:url(http://tlcstudents.ac.nz/nav/tlcstudents-nav-header-blog.png); background-repeat:no-repeat; background-position:left bottom;}
#tlc-studylink																				{position:absolute; top:0px; right:0px; width:220px; height:100px; text-align:left; background-image:url(http://tlcstudents.ac.nz/images/tlc-studylink-background.gif); background-repeat:no-repeat;}
#tlc-quick-links-index                                 {position:absolute; right:0px; width: 550px; bottom:40px; solid; height:30px;}
#tlc-quick-links                                      {position:absolute; right:0px; width: 550px; bottom:70px; solid; height:30px;}
#tlc-nav																						{position:absolute; bottom:0px; left:0px; width:900px; height:42px;}
#tlc-nav-tier																					{position:absolute; bottom:0px; left:0px; width:900px; height:72px;}
#tlc-hub																						{position:relative; clear:both; width:900px; height:100%; border-top:3px solid #ededed;}
#tlc-col-left																					{position:relative; float:left; margin:20px 0 0 10px; padding:10px 20px 50px 20px; width:160px; background-color:#fff;}
#tlc-col-right																					{position:absolute; top:0px; right:35px; padding:30px 20px; width:160px;}
#tlc-col-right-classes																			{position:absolute; top:0px; right:20px; margin-top:20px; padding:20px; width:160px; background-color:#fff; /*background-image:url(http://tlcstudents.ac.nz/production/nav/tlcstudents-right-form.png); background-repeat:no-repeat;*/}
#tlc-page-content,tlc-page-content-print									{position:relative; margin: 0 250px 0 246px; padding:30px 0 80px 0; height:100%;}
#tlc-page-content-wide																			{position:relative; margin: 0 80px 0 246px; padding:30px 0 80px 0; height:100%;}
#tlc-page-content-tutorials																		{position:relative; margin: 0 30px 0 50px; padding:30px 0 80px 0; height:100%;}         
#tlc-welcome                                                {float:left; padding:20px 10px; margin-bottom:25px; background-color:#ecf3f8; border-bottom:1px solid #97abb9;}
#tlc-page-form																					{position:relative; margin: 0 40px 0 246px; padding:50px 0 200px 0; height:100%;}
#tlc-materials-team																				{position:relative; margin: 0 0 0 246px; padding:50px 0; height:600px;}
#tlc-foot-container {text-align:center; padding:0; margin:0;}
#tlc-taita                                           {width:900px; margin:0 auto; background-image:url(http://tlcstudents.ac.nz/nav/tlcstudents-taita.png); background-repeat:no-repeat; background-position:bottom right; height:131px;}
#tlc-foot-container-lo {width:100%; text-align:center; background-color:#e6e6e6; border-top:1px solid #ccc;}
#tlc-foot																						{position:relative; margin:0 auto; width:900px; height:100%; padding:20px 0 0 0; /*background-image:url(http://tlcstudents.ac.nz/nav/tlcstudents-foot-logo.jpg); background-repeat:no-repeat; background-position:top center; text-align:left;*/}
#tlc-sitemap  {float:left; width:100%; clear:both; padding:10px 0 30px 0; border-top:1px solid #ccc; text-align:left;}
#tlc-sites  {clear:both; padding:20px; color:#fff; background-color:#7ea571; text-align:center;}

/*screen view of print versions*/
.print                                           {padding:30px; border:1px solid #ccc;}

/* 2.0=TLC Images
----------------------------------------------------------------------*/
#tlc-banner-links img																			{float:left; padding-right:17px; border:none;}
img																								{margin-bottom:15px;}
#tlc-studylink img                                {margin:0;}

/* 2.1=TLC List elements
----------------------------------------------------------------------*/
#tlc-quick-links ul,#tlc-quick-links-index                                         {font-size:0.7em;}
#tlc-quick-links li,#tlc-quick-links-index li                                         {float:left; margin-right:1em;}
#tlc-quick-links a:before,#tlc-quick-links-index a:before																		{content:'\00BB'; padding-right:0.4em;}

#tlc-studylink ul                                     {margin-top:25px;}
#tlc-studylink li																			{font-size:0.7em; margin:0 0 10px 40px;}

#tlc-page-content ul, #tlc-page-content ol, #tlc-page-content-wide ul, #tlc-page-content-wide ol		{padding:0 5px; display:block; font-size:0.8em; margin-bottom:1.6em; margin-left:1em; list-style-image:url(http://tlcstudents.ac.nz/nav/icons/tlcstudents-page-li.gif); list-style-position:outside;}
#tlc-page-content li, #tlc-page-content-wide li, #tlc-page-content-academic													{color:#505050; margin-top:1em; line-height:1.4em;}
#tlc-page-content ol li, #tlc-page-content-wide ol li											{color:#161616; margin-top:1em; line-height:1.4em; list-style-type:decimal;}

/*screen for print versions */
#tlc-page-content-print ul, #tlc-page-content-print ol  {padding:0 5px; display:block; font-size:0.8em; margin-bottom:1.6em; margin-left:1em; list-style-image:none; list-style-position:outside;}
#tlc-page-content-print li												{color:#505050; margin-top:1em; line-height:1.4em;}
#tlc-page-content-print ol li											{color:#161616; margin-top:1em; line-height:1.4em; list-style-type:decimal;}

#tlc-page-form ul																				{padding:0px; margin-left:30px; font-size:0.7em; margin-bottom:2em; list-style-type:none;}
#tlc-page-form li.admin-menu																	{color:#161616; margin-left:1em; line-height:1.4em; list-style-type:none; float:right;}
#tlc-page-form li																				{padding-bottom:20px;}

#tlc-col-left ul, #tlc-col-right ul																{font-size:0.7em; margin-bottom:2em; color:#161616;}
#tlc-col-left li																				{line-height:1em; margin-left:1em; margin-bottom:1em; list-style-type:none;}
#tlc-col-right li																				{line-height:1em; margin-left:1em; margin-bottom:1em; list-style-image:url(http://tlcstudents.ac.nz/nav/icons/tlcstudents-li-arrow.png); list-style-position:inside;}
#tlc-col-right li.bus																			{line-height:1em;list-style:none; padding:2px; list-style-image:url(http://tlcstudents.ac.nz/nav/icons/tlcstudents-li-tutorials.png); list-style-position:outside;}

#tlc-col-left ul.resources-list li,#tlc-col-left ul.help-list li																{line-height:1.2em;list-style:none; padding:2px; list-style-image:url(http://tlcstudents.ac.nz/nav/icons/tlcstudents-li-tutorials.png); list-style-position:outside;}

li.classes																						{display:block; color:#161616; background-color:#f2f1f2; padding:3px 8px; text-decoration:none;}

li.classes-edit																					{display:block; color:#ff0000; border:1px solid #ff0000; padding:3px 8px; text-decoration:none;}

li.classes-approved																					{display:block; color:#ff0000; border:1px solid #0cff00; padding:3px 8px; text-decoration:none;}

.tlc-materials-team	ul																			{display:inline;}
.tlc-materials-team	ul img																		{border:1px solid #e5e5e5;}
.tlc-materials-team li																			{list-style:none; float:left; display:inline; margin-right:10px; padding:5px; width:182px;}
.tlc-materials-team li li																		{display:block; font-size:0.7em; line-height:1.4em; background-color:#f2f2f2;}

#tlc-header-blogs	ul																			{display:inline;}
#tlc-header-blogs li																			{list-style:none; float:left; display:inline; margin-right:10px; width:70px;}
#tlc-header-blogs li li																			{display:block; font-size:0.7em;}

#tlc-header-links li																			{font-size:0.7em;}

#tlc-foot a, #tlc-foot a:visited  {color:#666666;}
#tlc-foot a:hover  {text-decoration:underline;}

#tlc-sitemap ul  {padding-top:10px; width:100%;}
#tlc-sitemap ul li {float:left; width:130px; padding:0; font-size:1em; font-weight:bold;}
#tlc-sitemap ul li li  {clear:both; display:block; font-size:0.8em; font-weight:normal; line-height:1.6em;}

#tlc-sites ul li  {display:block; font-size:0.9em; line-height:1.6em;}

dl {font-size:1.1em; width: 200px; margin-top:10px; padding-bottom:0.5em; background: #ededec url(http://tlcstudents.ac.nz/nav/right-col-corners-bottom.gif) no-repeat bottom left;}
dl.first {margin-top:10px;}
dl.subscribe {margin-top:30px;}
dl.subscribe-solo  {margin-top:0px;}
dt {margin: 0; padding: 10px; background: #ededec url(http://tlcstudents.ac.nz/nav/right-col-corners-top.gif) no-repeat top left;font-size:0.7em; font-weight:bold; border-bottom:1px solid #fff;}
dd {margin: 0; padding:8px 5px 0 30px; font-size:0.9em; text-align:left; margin-bottom:1em; line-height:1.4em; background:url(http://tlcstudents.ac.nz/nav/icons/right-col-dd-arrow.gif) no-repeat 10px 10px;}
dd.download,dd.resources {background:url(http://tlcstudents.ac.nz/nav/icons/download-dd-arrow.gif) no-repeat 10px 10px;}
dd.resources-blogs,dd.subscribe,dd.studylink  {background:none; padding:10px 5px 10px 10px;}
#blue-1, #blue-1 dt {background-color:#d4d9e4;}
#blue-2, #blue-2 dt {background-color:#dbe0e8;}
#blue-3, #blue-3 dt {background-color:#e3e6ed;}
#blue-4, #blue-4 dt {background-color:#eaecf2;}
#blue-5, #blue-5 dt {background-color:#f1f2f6;}
#resources-1, #resources-1 dt {background-color:#d8e4d4;}
#resources-2, #resources-2 dt {background-color:#dfe8db;}
#classes-1, #classes-1 dt {background-color:#d8d4e4;}
#classes-2, #classes-2 dt {background-color:#dfdbe8;}
#classes-3, #classes-3 dt {background-color:#e5e3ed;}
#classes-4, #classes-4 dt {background-color:#eceaf2;}
#classes-5, #classes-5 dt {background-color:#f2f1f6;}
#subscribe  {background-color:#ddd;}
#subscribe dt {color:#fff; background-color:#7e71a5;}

/* 2.2=TLC Typography
----------------------------------------------------------------------*/
/* 2.21=TLC Body default*/
p																							{font-size:0.8em; text-align:left; margin-bottom:1em; line-height:1.5em;}
p.first-paragraph																				{font-size:1.1em; line-height:1.4em;}
p.last-paragraph																				{margin-bottom:2.5em;}
#tlc-col-left p, #tlc-materials-right p, #tlc-col-right p, #tlc-col-right-classes p, #tlc-col-right-blogs p				{font-size:0.7em;}
#tlc-foot																						{font-size:0.9em;}
.bold																							{font-weight:bold;}
.italics																						{font-style:italic;}
.white                                              {color:#fff;}
.preview  {margin-bottom:1em;}
#tlc-foot h3  {font-size:0.9em; margin:2em 0 0.5em 0; border-bottom:1px solid #ededed; margin-bottom:0.3em;}	

/* 2.22=TLC TLC colours
----------------------------------------------------------------------*/
h1.home,h3.home-page,.home-page,.tlc-blogs-log-in														{color:#718ea5;}
h1.classes, .classes-page																		{color:#7e71a5;}
h1.materials, .materials-page																	{color:#71a597;}
h1.exhibitions, .exhibitions-page																{color:#a59671;}
h1.registration, .registration-page															{color:#a57182;}
h1.resources, .resources-page																	{color:#7ea571;}
h1.help, .help-page																			{color:#7182a5;}
.white																							{color:#fff;}

/* 2.23=TLC headings
----------------------------------------------------------------------*/
#tlc-page-content h1, #tlc-materials-team h1, #tlc-page-content-wide h1, #tlc-page-content-tutorials h1, #tlc-page-form h1		{font-family:"Times New Roman", serif; font-size:2em; margin-bottom:18px;}
#tlc-col-right h2, #tlc-col-right-classes h2, #tlc-col-right-blogs h2, #tlc-col-left h2  {font-size:0.8em; background-color:#fff; border-bottom:1px solid #ccc; padding:0.4em 0.5em; margin-bottom:1em; display:block;}
#tlc-col-left h3, #tlc-col-right h3, #tlc-col-right-classes h3, #tlc-col-right-blogs h3			{font-size:0.7em; font-weight:bold; margin-bottom:0.5em;}
#tlc-header-blogs h2, #tlc-header-bus h2														{font-size:0.7em; margin:0.5em 0;}
#tlc-page-content h3, #tlc-page-content-wide h3, #tlc-page-content-tutorials h3					{font-size:1em; margin-bottom:0.6em;}
h1.red																							{font-size:1.0em; color:#c11f1f; margin-top:28px; margin-left:20px;}
.day																							{font-size:0.8em; color:#c11f1f; margin-top:28px; margin-left:20px;}

/* 2.24=Page elements
----------------------------------------------------------------------*/
hr  {border:solid 1px #ededed; width:100%; margin-bottom:1em;}

/* 2.25=TLC links
----------------------------------------------------------------------*/

#tlc-studylink a:before																		{content:'\00BB'; padding-right:0.4em;}
#tlc-col-left a, #tlc-col-left a:visited, #tlc-col-right a, #tlc-col-right a:visited			{color:#161616;}
#tlc-col-left ul.resources-list a, #tlc-col-left ul.resources-list a:visited					{display:block; color:#161616; background-color:#e2ebdf;padding:3px; text-decoration:none; }
#tlc-col-left ul.help-list a:hover															{color:#7182a5; background-color:#fff;}
#tlc-col-left ul.help-list a, #tlc-col-left ul.help-list a:visited					{display:block; color:#161616; background-color:#dfe2eb;padding:3px; text-decoration:none; }
li classes a, li classes a:visited																{color:#161616;}
li.classes a:hover																				{color:#7e71a5;}
li.classes-edit a, li classes-edit a:visited													{color:#fff; background-color:#000; padding:0.1em 0.5em;}
li.classes-edit a:hover																			{color:#fff; background-color:#ff0000;}
li.classes-approved a, li classes-approved a:visited													{color:#fff; background-color:#000; padding:0.1em 0.5em;}
li.classes-approved a:hover																			{color:#fff; background-color:#ff0000;}
#tlc-header-links a:before																		{content:'\00BB'; padding-right:0.4em;}
.new-tutorials a, .new-tutorials a:visited														{color:#161616; background-color:#e2ebdf; padding:0.5em;}
.new-tutorials a:hover																			{color:#7ea571; background:#fff;}
.dvd-library a, .dvd-library a:visited															{color:#fff; background-color:#7e7456; padding:0.5em;}
.dvd-library a:hover																			{color:#161616; background:#fff;}
.tlc-blogs-log-in a, .tlc-blogs-log-in a:visited												{color:#fff; background-color:#718ea5; padding:0.5em;}
.tlc-blogs-log-in a:hover																		{color:#718ea5; background-color:#fff;}
.admin-edit a. .admin-edit a:visited															{color:#ff0000;}
.admin-log-out a, .admin-log-out a:visited														{color:#fff; background-color:#ccc; padding:0.1em 0.3em;}
.admin-log-out a:hover																			{color:#fff; background-color:#ff0000;}
#tlc-sites a:hover  {color:#fff;}
#tlc-col-left ul.resources-list a:hover															{color:#7ea571; background-color:#fff;}
a, a:visited																					{color:#161616; text-decoration:none;}
a:hover																							{text-decoration:none; text-decoration:underline;}
.prevew a,.preview a:visited  {background-color:#eee; padding:0.5em;}
.preview a:hover  {background-color:#ccc;}
tlc-page-content a, tlc-page-content a:visited													{color:#645354;}

/* 2.3=TLC Floats
----------------------------------------------------------------------*/
.float-left																						{float:left; padding:8px 12px;}
.float-right																					{float:right; padding:10px;}
.float-clear																					{clear:both;}

/* 2.4=TLC Forms
----------------------------------------------------------------------*/
#success                                              {color:#161616; padding:1em; margin-bottom:1em; border:3px solid #5cd421; background-color:#d6ffd7;}
#error                                                {color:#161616; padding:1em; margin-bottom: 1em; border:3px solid #d42121; background-color:#ffd6d6;}
fieldset 																						{margin:0 0 20px 0; padding:1.5em 1.5em 1.5em 2.5em; border:1px solid #ccc; width:400px;}
fieldset.edit																					{margin:0 0 20px 0; padding:1.5em 1.5em 1.5em 2.5em; border:1px solid #ff0000; width:400px;}
legend 																							{margin-left: 1em; font-weight: bold;}
legend.edit																						{margin-left:1em; font-weight:bold; color:#ff0000;}
textarea, input, select																{font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size:1.1em; border:1px solid #ccc; padding:2px 5px; color:#161616;}
input.search																					{font-size:0.8em;}
textarea																						{width:350px;}
label 																							{float:left; width:15em; margin-right:1em; font-weight:normal;}
.subheading																						{font-weight:normal; font-style:italic;}
label.resources 																				{float:left; width:5em; margin-right:1em;}
.validation-error																				{font-size:0.8em; color:#ff0000;}
.member																							{font-size:1em; color:#ff0000;}
.success, .halfday																				{color:#ff0000;}
.required																						{background-image:url(http://tlcstudents.ac.nz/nav/required-field.png); background-position:left; background-repeat:no-repeat; padding-left:1em;}
.button																							{margin-top:0.7em;}
.valid-chars                                         {font-size:0.8em; color:#161616;}
.fmverify																						{float:left; width:30%; margin-top:5px; padding:5px;}
.ddfmerrors                                         {color:#ff0000;}
#verify {margin-left:5px; margin-top:5px;}
#tlc-col-left textarea, #tlc-col-right-blogs textarea											{width:100%; font-size:1.2em;}
#tlc-col-right textarea {width:150px;}
/*blog feedback form http://tlcstudents.ac.nz/feedback/blog-feedback-student*/
fieldset.blogfeedback                               {width:550px;}
input.blogfeedback                                  {padding:0;}
label.blogfeedback                                  {width:15em;}
/* 2.5=TLC Tables (timetable.php)
----------------------------------------------------------------------*/
table																							{border-spacing:1px; cellspacing:0px; margin-bottom:1em; font:0.7em Verdana, Arial, Helvetica, sans-serif;background:#e7e7e7;color:#666;}
td, th																							{padding:4px;}
thead th																						{text-align:center;background:#f5f5f5;color:#666666;border:1px solid #ffffff;text-transform:uppercase;}
tbody th																						{font-weight:bold;}
tbody tr																						{background:#ebf8fe;text-align:left;}
tbody tr td																						{height:30px;background:#ebf8fe;border:1px solid #ffffff;}