/* 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 */


/*Stylesheet for TUC Online pre-course support system - April 2005. For all browsers. See linked stylesheet for Netscape 4 styles*/
/*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, caption {font-family: Verdana, sans-serif;}

/*generic P tag - this is really annoying so creating p.general instead*/
p.general {padding: 5px 5px 8px 25px; margin: 0px 0px 0px 0px; font-size: 0.8em; color:#545455; : transparent none;}
p.type1 {padding: 5px 5px 8px 0px; margin: 0px 0px 0px 0px; font-size: 0.8em; color:#545455; background: transparent none;}

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

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

/*SPACING for LOGO*/
.logo-home {color: #000000; background: #ffffff url("../images/l-sub.gif") top left no-repeat; border-right: 1px solid #003366; width:20%; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; height:80px;}
.logo-sec {color: #000000; background: #ffffff none; border-right: 1px solid #003366; width:20%; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; height:80px;}

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

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

/*BREADCRUMB TRAILS*/
.breadcrumb-row-top {background: none white; border-bottom: 1px solid #545455; color: #545455; font-size:0.75em;}
.breadcrumb-pad {padding: 4px 5px 5px 5px;}
.breadcrumb-row-bottom {background: none white; border-bottom: 1px solid #ffffff; border-top: 1px solid #545455; color: #545455; font-size:0.75em;}
a.breadcrumb-link:link{background: none transparent;  text-decoration:underline;}
a.breadcrumb-link:active{background: none transparent; text-decoration:underline;}
a.breadcrumb-link:visited{background: none transparent; text-decoration:underline;}
a.breadcrumb-link:hover{background: none #545455; color:#ffffff; text-decoration:none;}

/*PRIMARY NAVIGATION */
/*Table*/
.primary-nav {background: transparent none; font-weight: bold; color: #545455; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-top:1px solid #003366; }
/*Cells L > R. Cells 2-5 use column-two style*/
.primary-nav-column-one {border-right: 1px solid #545455; margin: 3px 8px 3px 8px; font-size:0.8em;border-bottom: 1px solid #545455;  }
.primary-nav-column-two {color: white; background: none transparent; font-size:0.8em; border-bottom: 1px solid #545455; }
.primary-nav-column-mid {border-right: 1px solid #545455; width:80%; font-size:0.8em; border-bottom: 1px solid #aebade; }
.primary-nav-column-three { padding: 0px 8px 0px 8px; font-size:0.8em; border-bottom: 1px solid #545455; } 
.prim-selected {background: none #f0f0ff; color: white; border-bottom: 1px solid #545455;}
/*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 #545455; color:white; text-decoration:none;}

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

/*LEFT AND FAR RIGHT COLUMNS plus two very BOTTOM ROWS*/
.left-column {background: white none; color:#545455; width:20%;}
.left-column-sec {background: white none; color:#545455;}
.left-column-shrunk {background: white none; color:#545455; width:1%;}
.right-column {border:0px; background: white none; color: #545455; width:22px; border-left: 1px solid #003366; }
.bottom-one {background: #aebade none; color: black; height: 6px;}
.bottom-two {background: #545455 none; 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.75em; color: #545455; background: none white; margin: 0px 0px 0px 0px; padding: 5px 10px 10px 8px;}

/*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 #003366; color:#ffffff; text-decoration:none;}

/*HEADINGS*/
h1 {
	font-size:1.5em; 
	font-weight:normal; 
	color:#545455; 
	background: transparent none; 
	padding: 7px 0px 10px 15px;
	margin: 0px;}
/*Padding/aligning the brackets round heading 1*/
.title-img-pad {margin: 0px 0px 0px 0px; vertical-align: middle; display:none;}
h2 {
	width:95%; 
	font-size:1.2em; 
	font-weight:normal; 
	color:#aebade; 
	background: transparent none; 
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
h3 {
	font-size:1.0em; 
	font-weight: bold; 
	color:#545455; 
	background: transparent none; 
	padding: 0px 0px -30px 0px; 
	margin: 0px 0px -30px 0px;}
h4.general {
	font-size:0.9em; 
	font-weight: bold; 
	color:#545455; 
	background: transparent none; 
	padding: 0px 0px -30px 0px; 
	margin: 0px 0px -30px 0px;}
h4.type1  {
	font-size:0.9em; 
	font-weight: bold; 
	color:#545455; 
	background: transparent none; 
	padding: 0px 0px 20px 0px; 
	margin: 0px 0px 0px 0px;
	}
h4.type2  {
	font-size:0.9em; 
	font-weight: bold; 
	color:#545455; 
	background: transparent none; 
	padding: 5px 5px 8px 25px; 
	margin: 0px;
	}
.menu {
 	font-size:1.00em; 
	font-weight: bold; 
	color:#545455; 
	background: transparent none; 
 	padding: 10px 0px 0px 0px; 
	margin: 0px 0px 15px 10px; 
	width:90%;
	}

/*Horizontal rule*/
hr {border:1px solid #545455; 
	color: #aebade; 
	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.8em;
	list-style: none;
	padding: 0px 10px 0px -30px;
	margin: -20px 4px 0px -30px;}
li.lh-menu-item {
	line-height:1em;
	background: url("../images/lh-menu-arrow.gif") left top no-repeat transparent;
	color: #545455;
	padding: 0px 5px 0px -30px;
	margin: 0px 0px 0px -30px;}
	
.border-right {background: #f0f0ff none; color:#000000;}
	

/*Links styles for left-hand menus*/
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 #545455; color:white; text-decoration:none;}

/*LISTS in the page*/
ul {
	font-size: 0.8em;
	list-style: disc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
li {
	background: none transparent;
	color: #545455;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	
/*FORMS*/
fieldset {border: 1px solid #545455; color: #545455; background: none white; padding: 0px; margin: 0px;}
/*Login on homepage*/
.login-legend {font-size: 0.9em; 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 25px; padding: 0px 10px 0px 0px; width: 200px;}
.login-inputbox {margin: 0px 0px 5px 0px; font-size: 0.8em; width: 14em;}
.login-inputbutton {width: 4em; background: none #fff; font-size:0.8em; color: #545455; border-left: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid #545455; border-right: 1px solid #545455; margin: 5px 11px 15px 0px; padding: 0px 0px 0px 0px;}
.form-fieldset {border: 1px solid #545455; margin: 0px 0px 0px 25px; padding: 0px 10px 0px 0px; width: 300px;}

/*Application form*/
table.form {margin: 0px 0px 0px 25px; padding: 2px 2px 30px 2px; background: none white; color: #545455;}
select.form {background: none white; font-size:0.8em; color: #545455; border: #000000; border: 1px solid #545455; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.selected-form-part {background: none #5c204b; color:#ffffff; padding: 0px; margin: 0px; border: 1px solid #545455;}
.unselected-form-part {background: none #ffffff; color:#545455; margin: 0px; padding: 0px; border: 1px solid #545455; border-left: 0px;}
fieldset.form {color: #545455; width: 100%; background: none white; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px;}
.activity {margin: 0px 15px 15px 25px; padding: 20px 20px 20px 20px; border: 1px solid #545455; border-top: 0px; background: #f2f2ea none; color: #545455;}
td.form {padding: 10px 10px 10px 10px;}
.form-orientation-table {margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px;}
legend.form {font-weight: bold;}
table.header-form {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
table.footer-form {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.red-text {color: red; background: none white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.form-text {color: #003366; background: none white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 0.8em;} 
.form-labels {padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; font-weight: bold;}
.form-labels-dob {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: bold; line-height: 1em;}
.previousnext {font-size: 0.9em; color: #003366; background: none transparent;}
.previousnext-greyed {font-size: 0.9em; color: #aebade; background: none transparent;}
.prev-pad {padding: 0px 3px 0px 0px; margin: 0px 0px 0px 0px;}
.prev-pad-butt {padding: 0px 5px 0px 0px; margin: 0px 0px 0px 0px;}
.next-pad {padding: 0px 0px 0px 3px; margin: 0px 0px 0px 0px;}
.next-pad-butt {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.info-button {vertical-align: bottom;}
.mand {color: #003366; background: none transparent; font-size: 0.8em;}
td.padding {padding: 0px 0px 7px 0px; margin: 0px 0px 0px 0px;}

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

p.login {
text-align:left;
line-height:1em;
font-size: 0.8em; 
font-weight: bold;
color:#545455;
background: none transparent;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 15px;}

/*DATA TABLES*/
.data-table {margin: -40px 0px 20px 5px; padding: 0px 3px 0px 0px; color:#545455; background: none white; width:98%;}
.table-heading {font-size: 0.8em; padding: 0px 0px 0px 0px; margin: 0px 5px 0px 0px;}
.heading-spacing {padding: 0px 0px 10px 0px;}
.row-spacing {padding: 0px 1px 1px 0px; margin: 0px 0px 1px 0px;}
.row-colour {background: #f0f0ff; }
.data {font-size: 0.8em; padding: 0px 12px 0px 0px; margin: 0px 0px 0px 0px;}
.combo_data {font-size: 0.8em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
th {padding: 0px 0px 0px 0px;}
caption {color:#ffffff; background: none white; margin: 0px; padding: 0px; font-size:0.2em;}

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 #003366; color:#ffffff; text-decoration:none;}

.table-dropdown1 {
	background-color: #f0f0ff;
	font-size: 0.8em;
	color:#545455;
	border: 0px solid transparent;
}

.table-dropdown2 {
	background-color: #fffffe;
	font-size: 0.8em;
	color:#545455;
	border: 0px solid transparent;
}

#drop-border{
	border: 0px solid transparent;
}

input {margin: 0px 0px 5px 0px; font-size: 0.8em; width: 14em; border: 1px solid #545455;}

.field-error{
  background-color: #ffbbbb;
}

.mandatory{
  background-color: #ffdddd;
}

.asterisk {
  color: red;
  line-height: 0;
}

div.tab-form{
	padding-top: 30px;
	padding-left: 20px;
}
table.tab-form{
	font-size: 1.0em;
	padding-top: 20px;
	margin-bottom: 20px;
}

.tab-form>td {border: 1px solid #036;}
table.tab-form-hi{
	font-size: 1.0em;
	padding-top: 20px;
	margin-bottom: 20px;
	background-color: #f0f0ff;
}
table.tab-form-submit{
	font-size: 1.0em;
	padding-top: 20px;
	padding-left: 25px;
	margin-bottom: 20px;
	background-color: #eeeeee;
	font-weight: bold;
}
td.tab-form {
	padding-left: 15px;
	padding-top: 0px;
	font-size: 0.85em;
	white-space: nowrap;
}
td.tab-form-label {
	padding-left: 3px;
	padding-top: 3px;
	font-size: 0.8em;
	white-space: nowrap;
	font-weight: bold;
	background-color: #ccf;
	vertical-align: middle;
}
tr.tab-form{
	padding-top: 15px;
}
tr.tab-form-data{
	padding-top: 15px;
	font-size: 0.9em;
}

tr.tab-form-data #greybg { background-color: #eee; }

tr.tab-form-submit{
	padding-top: 15px;
}

.tab-form input, .tab-form textarea, .tab-form select { margin: 3px; }


h4.section-heading{
	color: #aebade;
	font-size: 1.0em;
	padding: 0px 0px 0px 0px; 
	margin: 10px 0px 2px 0px;
}
.textfield{
	font-size: 0.8em;
}

input.codbif_form_action_button{
        font-weight: bold;
        color: #000;
        font-size: 0.8em;
	width: 66px;
	height: 23px;
	border: 0;
	background: url(../images/buttonsml.gif) no-repeat top left;
}
input.rec-set{
	font-weight: bold;
	color: #000;
	font-size: 1.0em;
        width: 131px;
        height: 46px;
        width: 66px;
        height: 23px;
        border: 0;
	background: url(../images/buttonsml.gif) no-repeat top left;
}

input.submit-save{
	margin: 0px 0px 5px 0px;
	font-size: 0.8em;
	font-weight: bold;
	width: 10em;
	border: 0;
        width: 66px;
        height: 23px;
	background: url(../images/buttongsml.gif) no-repeat top left;
}
input.submit-cancel{
	margin: 0px 0px 5px 0px;
	font-size: 0.8em;
	font-weight: bold;
	width: 10em;
	border: 0;
        width: 66px;
        height: 23px;
	background: url(../images/buttonrsml.gif) no-repeat top left;
}
input.submit-changepassword{
	margin: 0px 0px 5px 0px;
	font-size: 0.8em;
	font-weight: bold;
	width: 12em;
	background-color: #eeffff;
	border: 2px solid #008888;
}
input.submit-next{
	margin: 0px 0px 5px 0px;
	font-size: 0.8em;
	font-weight: bold;
        width: 66px;
        height: 23px;
        background: url(../images/buttonsml.gif) no-repeat top left;
}
input.submit-search{
	margin: 0px 0px 5px 0px;
	font-size: 0.8em;
	font-weight: bold;
	border: 0;
        width: 66px;
        height: 23px;
        background: url(../images/buttonsml.gif) no-repeat top left;
}
input.submit-login{
	font-weight: bold;
	color: #545455;
	font-size: 0.8em;
	margin-top: 5px;
	border: 0;
        width: 66px;
        height: 23px;
        background: url(../images/buttonsml.gif) no-repeat top left;
}


th.rec-set{
	font-weight: bold;
	text-decoration: underline;
	padding-right: 15px;
}
tr.rec-set{
	padding-top: 15px;
}
td.rec-set{}
table.rec-set{
	font-size: 0.9em;
	padding-left: 0px;
	margin-left: 0px;
}
tr.data-row-A {
	background-color: #eeeeff;
}
tr.data-row-B {
	background-color: #dfdfff;
}
li.page-item {
	background: url("../images/page-menu-arrow.gif") left top no-repeat transparent;
}
a.page-item {
	background: url("../images/page-menu-arrow.gif") left top no-repeat transparent;
	padding-left: 15px;
}

a:hover.page-item {
	color: #aa00aa;
	font-weight: bold;
	background: none #5c204b; color:#ffffff; text-decoration:none;
}
td.date-selector{
	font-size: 0.75em;
}

input.norm_size { width: 15px; height: 15px; border: 0; margin: 0;}
.with_radio { vertical-align: middle; height: 20px;}
.table_container { border: 1px solid #545455; }
.data_check { text-align: center; }
.sml_comment { font-size: 0.6em; }

.profile td { border: 1px solid #036;  }
.prof_head { background: #ccf;  }
input { width: 25em; }