/* The following are used as LPF colour scheme. */
/* Global find replace on apr.css, nn4-apr.css   */
/* and apr-handheld.css to change scheme.        */

/* #545455 - dark grey */
/* #f0f0ff - light blue */
/* #aebade - mid blue */
/* #003366 - dark blue */


/*HANDHELD DEVICE Stylesheet for TUC Online pre-course support system - April 2005*/
/*BODY STYLES. 100% font-size ensures fonts enlarge and shrink elegantly*/
body {
  font-family: Verdana, sans-serif;
  background: white none;
  color: black;
  font-size:100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}
/*All fonts redeclared*/
p,h1,h2,h3,h4,ul,li,td,th, input {font-family: Verdana, sans-serif;}

/*MAIN TABLE for page layout*/
.main-table {border-left: 0px;}

/*so acronyms aren't underlined*/
acronym {border: 0px;}

/*generic P tag*/
p {padding: 0px 5px 10px 5px; margin: 0px; font-size: 0.7em; color:#003366; background: none white;}

/*SPACING at top of LOGO*/
.logo {display:none;}
.logo-sec {display:none;}

/*Getting rid of padding/margin anywhere needed*/
.no-pad {margin: 0px; padding: 0px;}

/*Style for turning on and of bits of the page for mobile devices vs PCs. This style is the opposite in the nn4-pre-course stylesheet. Like a toggle button, if you will.*/
.hide-show {display: none}
.show-hide {display: inline}

/*GLOBAL NAVIGATION*/
/*Cell style*/
.global-nav {text-align: left; padding: 5px 8px 0px 3px; margin: 5px 0px 0px 0px; font-size:0.6em; color: #545455; background: transparent none; line-height:1.5em;}
/*Links*/
a.global-nav-link:link{background: none transparent; color: #545455; text-decoration:underline;}
a.global-nav-link:active{background: none transparent; color: #545455; text-decoration:none;}
a.global-nav-link:visited{background: none transparent; color: #545455; text-decoration:underline;}
a.global-nav-link:hover{background: none #003366; color:#FFFFFF; text-decoration:none;}

/*BREADCRUMB TRAIL*/
.breadcrumb-row-top {background: none transparent; border-bottom: 2px solid #aebade; color: #aebade; font-size:0.6em;}
.breadcrumb-row-bottom {background: none transparent; border-bottom: 2px solid #aebade; color: #545455; font-size:0.6em;}
.breadcrumb-pad {padding: 3px 0px 3px 0px;}
a.breadcrumb-link:link{background: none transparent; color:#003366; text-decoration:underline;}
a.breadcrumb-link:active{background: none transparent; color:#003366; text-decoration:underline;}
a.breadcrumb-link:visited{background: none transparent; color:#003366; text-decoration:underline;}
a.breadcrumb-link:hover{background: none #003366; color:#ffffff; text-decoration:none;}

/*PRIMARY NAVIGATION (light green bar)*/
/*Table*/
.primary-nav {background: #f0f0ff none; font-size:0.75em; color: #545455; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-top:1px solid #003366; border-bottom:2px solid #aebade;}
/*Cells L > R */
.primary-nav-column-one {border-right: 1px solid #aebade; padding: 0px 0px 0px 0px; font-size:0.7em;}
.primary-nav-column-two {border-right: 1px solid #aebade; padding: 0px 0px 0px 0px; font-size:0.7em;}
.primary-nav-column-mid {border:0px; display:none;}
.primary-nav-column-three {padding: 0px 0px 0px 0px; border:0px; font-size:0.75em;}
/*Links*/
a.primary-nav-link:link{background: none transparent; color:#545455; text-decoration:none;}
a.primary-nav-link:active{background: none transparent; color:#545455; text-decoration:underline;}
a.primary-nav-link:visited{background: none transparent; color:#545455; text-decoration:none;}
a.primary-nav-link:hover{background: none #aebade; color:#ffffff; text-decoration:underline;}

/*Accessible LINK SEPARATOR - i.e. not just white space. Apply to a character on white background*/
.link-separator {color: white; background: transparent none;}

/*Hiding LEFT AND FAR RIGHT COLUMNS plus colouring two very BOTTOM ROWS*/
.left-column {display:none;}
.left-column-sec {background: #f0f0ff none; border-right: 1px solid #545455; width: 15%; color:#545455;}
.left-column-shrunk {display:none;}
.right-column {display:none;}
.bottom-one {background: none #f0f0ff; color: black; height: 6px;}
.bottom-two {background: none #aebade; color: black; height: 3px;}

/*For CLOSING UP ROWS for MAC Netscape's benefit*/
.shrinker {height:3px; line-height:0.1em; font-size:0.1em}

/*COPYRIGHT text*/
.copyright {font-size: 0.6em; color: #545455; background: none white; margin: 0px 0px 0px 0px; padding: 5px 1px 5px 2px; width: 99%;}

/*LINKS OFF-SITE*/
a.external-link:link{background: none transparent; color: #545455; text-decoration:underline;}
a.external-link:active{background: none transparent; color: #545455; text-decoration:underline;}
a.external-link:visited{background: none transparent; color: #545455; text-decoration:underline;}
a.external-link:hover{background: none #545455; color:#ffffff; text-decoration:none;}

/*BASE LINKS*/
a:link{background: none transparent; color: #545455; text-decoration:underline;}
a:active{background: none transparent; color: #545455; text-decoration:underline;}
a:visited{background: none transparent; color: #545455; text-decoration:underline;}
a:hover{background: none #545455; color: #ffffff; text-decoration:none;}

/*Hacked space to make "homepage" text wrap*/
.spacer-for-handheld {
/*width:1px;*/
}

/*HEADINGS*/
h1 {
	font-size:0.9em; 
	font-weight:normal; 
	color:#545455; 
	background: transparent none; 
	padding: 7px 0px 10px 5px; 
	margin: 0px;}
/*Padding/aligning the brackets round heading 1*/
.title-img-pad {margin: 0px 0px 0px 0px; vertical-align: middle;}
h2 {
	width:95%; 
	border-bottom:2px solid #545455;
	font-size:0.8em; 
	font-weight:normal; 
	color:#545455; 
	background: transparent none; 
	padding: 15px 0px 5px 0px;
	margin: 0px 0px 15px 5px;}
h3 {
	font-size:0.7em; 
	border-bottom:2px solid #545455;
	font-weight: bold; 
	color:#545455;
	background: transparent none; 
	padding: 20px 0px 10px 5px; 
	margin: 0px;}
.menu {
	border-top:2px solid #545455;
	border-bottom:2px solid #545455;
	background: none #f0f0ff;
    font-size:0.7em; 
	font-weight: bold; 
	color:#545455; 
    background: transparent none; 
 	padding: 10px 0px 5px 0px; 
    margin: 0px 0px 15px 5px; 
    width:90%;}

/*Horizontal rule*/
hr {border:1px solid #545455; 
	color: #545455; 
	background: none #545455; 
	border-style:none none solid none; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 5px 10px; 
	width: 90%; 
	height:1px; 
	text-align: center;}

/*LEFT HAND MENU styles*/
ul.lh-menu {
	font-size: 0.7em;
	list-style: none;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 2px;}
li.lh-menu-item {
	line-height:1em;
	background: none transparent;
	color: #545455;
	padding: 0px 0px 4px 20px;
	margin: 0px 0px 5px 0px;}
	
a.lh-menu-link:link{background: none transparent; color: #545455; text-decoration:none;}
a.lh-menu-link:active{background: none transparent; color: #545455; text-decoration:underline;}
a.lh-menu-link:visited{background: none transparent; color: #545455; text-decoration:none;}
a.lh-menu-link:hover{background: none #003366; color: #ffffff; text-decoration:none;}

/*FORMS*/
fieldset {border: 1px solid #545455; font-weight: normal; color: #545455; background: none white; padding: 0px;}
/*Login on homepage*/
.login-legend {font-size: 0.7em; font-weight: bold; color: #545455; background: none white; margin: 0px 0px 10px 0px; padding: 0px;}
.login-fieldset {border: 1px solid #545455; margin: 0px 0px 0px 3px; width: 97%; padding: 0px 3px 0px 6px; font-weight: normal; }
.login-inputbox {border: 1px solid #545455; background: none transparent; color: #545455; margin: 0px 0px 5px 0px;  padding:0px; font-size: 0.6em; width:11em;}
.login-inputbutton {font-size: 0.6em; background: none #aec5ce; color: #545455; border-left: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid #545455; border-right: 1px solid #545455; margin: 0px 2px 7px 0px;}
label {font-size: 0.6em;}


p.login {
font-size: 0.6em;
color:#545455;
background: none transparent;
margin: 0px 0px 0px 3px;
padding: 0px 10px 0px 0px;}

/*LISTS in the page*/
ul {
	font-size: 0.7em;
	list-style: disc outside;
	padding: 5px 0px 20px 0px;
	margin: 0px 0px 0px 4px;}
li {
	line-height:1.2em;
	background: none transparent;
	color: #545455;
	padding: 0px 0px 4px 4px;
	margin: 0px 0px 5px 4px;}
	
/*DATA TABLES*/
.data-table {margin: 2px 0px 2px 2px; color:#003366; background: none white; width: 100%;}
.table-heading {font-size: 0.6em;}
.table-heading-fixed {font-size: 0.6em;}
.heading-spacing {padding: 0px 0px 2px 0px; color:white; background: none white;}
.row-colour {background: #f0f0ff none; padding: 3px 0px 3px 0px; color:#545455;}
.data {font-size: 0.6em; padding: 0px 0px 3px 2px;}
caption {text-align:left; font-weight: bold; color:#545455; background: none white; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px;}

a.sorter-link:link{background: none transparent; color:#545455; text-decoration:underline;}
a.sorter-link:active{background: none transparent; color:#545455; text-decoration:underline;}
a.sorter-link:visited{background: none transparent; color:#545455; text-decoration:underline;}
a.sorter-link:hover{background: none #5c204b; color: #ffffff; text-decoration:none;}