/* 
Created using Style Master from Western Civilisation CSS1 { 85 -495 451 409 } 
FILE NAME: FLM.css DATE MODIFIED: 8 January 2004 (Sharon) 
DESCRIPTION: This style sheet is the default standard for Front Line Management ??
VERSION: 1.0.01 AUTHOR: OTEN RDDS */

/* --------- Core Layout styles. --------- */
@import url(tabs.css);
body {
color : #000000;
font-family : Verdana, helvetica, Arial, sans-serif;
font-size : 75%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #FFFFFF;
}

.lyrTop {
/* The following amends are for MACie5.2 (tested on PC ie5.50) 
to allow hover and 'the finger' to appear on links and it 
seeems to have taken care of the horizontal scroll bar 
caused by lists.
нннннннннннннннннннннннннннннннннннннннннннннннннннн
position : fixed;
width: 98%; */
/*position : relative;*/
background-color : #FFFFFF;
height: 24px;
width: 100%;
/*display: block;*/
z-index: 1;
padding-top: 0px;
padding-bottom:0;
top:0;
}

/* ----------------------- Classes for Content Layers ------------------ */

.lyrContent {
/* The following amends are for MACie5.2 (tested on PC ie5.50)
to allow hover and 'the finger' to appear on links and it 
seeems to have taken care of the horizontal scroll bar 
caused by lists. */
position : relative;
width: 100%;
vertical-align: top;
height:80%;
/*height: 97% !important;
height:100%;
display: block;*/
padding-top: 0px;
padding-left: 15px;
padding-bottom: 15px;
z-index: 0;
top: 0px;
background-color: #fff;
background-repeat : repeat-y;
}
/* Content layer with alternate background\*/
.lyraltBGContent {
/* The following amends are for MACie5.2 (tested on PC ie5.50)
to allow hover and 'the finger' to appear on links and it 
seeems to have taken care of the horizontal scroll bar 
caused by lists. */
position : relative;
width: 100%;
vertical-align: top;
height: 97% !important;
height:100%;
display: block;
padding-top: 0px;
padding-left: 15px;
padding-bottom: 15px;
z-index: 0;
top: 0px;
background-color: #fff;
background-image : url(about_tile.jpg);
background-repeat : repeat-x;
}
/* Hack for MAC ie - can't read the following \*/
 .lyrTop
    {
    height: 24px;
	padding-bottom: 0px !important; /* Mozilla hack */
	padding-bottom: 0px;
    }
 .lyrContent
	{
    /*position: fixed;
	padding-top: 0px;
	width: 98% !important;  
	width:100%;
	overflow:auto;*/
	width: 97% !important;
    }
 .lyraltBGContent
	{
    position: fixed;
	padding-top: 0px;
	width: 98% !important;  
	width:100%;
	overflow:auto;
    }
/* end hack */
/* Feedback layer and styles. This is used only for the feedback pop-up window. */

h1.feedback  {
/* top, right, bottom, left */
margin : 15px 15px 15px 15px;
}

p.feedback  {
/* top, right, bottom, left */
margin : 5px 15px 5px 15px;
}

/* --------------Headings ----------------------- */

h1 {
/* top, right, bottom, left */
color : #1F7F99;
font-size : 150%;
text-indent : 0px;
padding-top: 6px;
padding-bottom: 2px;
min-width: 0px;
font-weight: bolder;
font-style : normal;
font-family : Helvetica, Arial, sans-serif;
background-color : #ffffff;
margin-left : 0px;
margin-top:0;
margin-bottom: 13px;
border-bottom : 1px solid Black;
}

h2 {
/* top, right, bottom, left */
color : #000000;
font-size : 115%;
text-indent : 16px;
background-image : url(h2_image.gif);
background-repeat : no-repeat;
background-position : left;
}

h3 {
/* top, right, bottom, left */
color : #000000;
font-size : 110%;
text-indent : 10px;
}

h4 {
/* top, right, bottom, left */
color : #000000;
font-size : 110%;
text-indent : 10px;
}

/* --------------Block level values --------- */

p {
/* top, right, bottom, left */
margin : 0px 105px 5px 0px;
text-align : left;
min-width: 0px;
max-width: 400px;
}


p.caption {
/* Caption style for graphics and layout tables*/
/* top, right, bottom, left */
margin : 0px 250px 10px 35px;
font-size: 100%;
font-weight : normal;
color:#164A63;
}

strong, b {
/* Used to emphasise text within a paragraph. Can specified bold, a different weight, colour or size. */
color: #164A63;
font-weight: bold;
}

blockquote {
/* Used for texts such as quotations and extracts */
/* top, right, bottom, left */
margin : +5px +105px +5px +20px;
text-align : left;
font-size: 100%;
color: #555;
min-width: 0px;
max-width: 345px;
}

blockquote p {
/* Used for texts such as quotations and extracts */
/* top, right, bottom, left */
margin-right: 0px;
min-width: 0px;
max-width: 400px;
}

cite {
/* Used for the bibliography */
}

em, i {
/* Used for any italicised texts in a paragraph. Its recommended that the values cascade from <p> as it could conflit visually with <strong>*/
/* top, right, bottom, left */
}

.footer {
/*used for texts at foot of each page*/
/* top, right, bottom, left */
margin : 40px +20px +0px +0px;
color : #c7c7c7;
font-size : 10px;
text-align: left;
min-width: 0px;
max-width: 400px;
padding-top:2px;
border-top : 1px #e4e4e4 solid;
max-width: 100%;
}

abbr, acronym {
border-bottom: 1px #666666 dotted;
background-color: #f9fae7;
padding: 0px 2px 0px 2px;
}

/* Main content image style */

img {
/* Apply to graphics inserted within content. */
/* top, right, bottom, left */
margin : +10px +0px +5px +0px;
}

/* --------- Standard lists --------------- */

li {
/* Ordered List ,Unordered List*/
/* top, right, bottom, left */
color : #000000;
list-style-position : outside;
vertical-align: middle;
display: list-item;
text-align: left;
min-width: 0px;
max-width: 550px;
}

li p {
/* A numbered or bulleted list's second paragraph*/
/* top, right, bottom, left */
margin : +5px +0px +5px +0px;
color : #000000;
vertical-align: middle;
display: list-item;
text-align: left;
list-style-type: none;
list-style-position: inside;
min-width: 0px;
max-width: 550px;
}

ul li ul li {
/*unordered list nested once */
list-style-type: circle;
margin : +5px +0px +5px +15px;
display: list-item;
}

ul li ul li ul li {
/*unordered list nested once */
list-style-type: circle;
margin : +5px +0px +5px +05px;
display: list-item;
}

ul li ul li ul li ul li {
/*unordered list nested once */
list-style-type: circle;
margin : +5px +0px +5px +0px;
display: list-item;
}

ol li ol li {
/*ordered list nested once */
list-style-type: lower-alpha;
margin : +5px +0px +5px +15px;
display: list-item;
}

ol li ol li ol li {
/*ordered list nested twice */
list-style-type: lower-roman;
margin : +5px +0px +5px +15px;
display: list-item;
}

/* --------- Top Navigation Menu styles ------------------ */

.topNav {
/* Style for the containing span around menu links and separators */
font-size : 14px;
text-align : left;
color : #164A63;
}

.topNavCurrent {
/* This indicates "where you are"*/
margin-left: 3px;
margin-right: 3px;
color : #164A63;
font-weight: bold;
}

/* -----------------------Pseudo classes : -------------------- */

/* -- Standard links -- */

a:link {
/* Link style */
color : #164A63;
font-weight : bold;
}

a:visited {
/* Visited style */
color : #3E778B;
font-weight : bold;
}

a:hover {
/* Hover style */
color : #000000;
font-weight : bold;
}

/* -- Top Navigation Menu links -- */

a.topNav:Link {
/* Link style */
text-decoration: none;
font-weight: bold;
/*color: #7c7ccc;*/
/*color: #f397a7;*/
/*color: #cc6699;*/
/*color: #ae7590;*/
/*color: #9b758a;*/
color: #996699;
margin-left: 5px;
margin-right: 4px;
text-decoration: underline;
}

a.topNav:Visited {
/* Visited style*/
text-decoration: none;
color : #666666;
margin-left: 5px;
margin-right: 4px;
font-weight: normal;
}

a.topNav:Hover {
/* Hover style */
color: #FF0000;
text-decoration: underline;
}

a.topNav:Active {
/* Hover style */
color: #FF0000;
text-decoration: underline;
}

/* -- Bottom Navigation styles -- */

p.navBot {
/*All values are CHANGEABLE */
color : #999999;
font-size : 11px;
text-align : right;
margin-right: 15px;
margin-top: 0px;
padding-right: 0px;
max-width: 100%;
}

a.navBot:link {
/* Link style */
color: #666;
text-decoration: underline;
font-weight: normal;
}

a.navBot:hover {
/* Hover style */
color: #ff0000;
text-decoration: underline;
font-style: normal;
}

a.navBot:visited {
/* Visited style*/
color: #666666;
text-decoration: none;
font-weight: normal;
}

a.navBot:active {
/* Visited style*/
color: #ff0000;
text-decoration: none;
font-weight: normal;
}

/* -- Decorative links -- */

a.decorative:link {
/* Link style */
color : #330066;
font-size: 95%;
font-weight: normal;
text-decoration: underline;
}

/* --Janison component div style. --- */

.janisonComponentDiv {
/* Maximum width is 560px */
/* top, right, bottom, left */
margin : +15px +0px +15px +0px;
background-color: #f9fae7;
border-top: 2px #e2e3cc solid;
min-width: 0px;
max-width: 394px;
padding: 3px;
}

/* ---------Activity styles. --------- */

/* Box colour can CHANGE. Font size and color for question heading is p.Ptextbold. Font size and color for question is "p.textbody" */

.actdiv {
/* It is not recommended that the width exceed 96% */
background-color: #ffffff;
width: 83%;
padding: 10px;
border: 1px #B8DBE0 solid;
border-top: 30px #B8DBE0 solid;
margin-left: 0px;
}

.actdiv p {
/* Paragraph text style for activity fieldset */
margin : +5px +5px +5px +5px;
color: #000000;
text-align: left;
font-size: 100%;
}

.actinput {
/* These attributes assign the recommended spacing between text boxes, check boxes, etc. and text. */
/* top, right, bottom, left */
margin : +1px +5px +0px +5px;
font-family : Verdana, helvetica, Arial, sans-serif;
font-size: 90%;
}

.actbutton {
/* These attributes assign the recommended spacing between submit buttons */
/* top, right, bottom, left */
margin : +0px +0px +0px +0px;
font-family : Verdana, helvetica, Arial, sans-serif;
font-size: 90%;
text-decoration: none;
font-weight: bold;
padding: 2px;
padding-left: 6px;
border-bottom: 2px #104963 solid;
border-right: 2px #104963 solid;
background-color: #E7F3F7;
}

/* Table style for javascript activities */

.table.h1 {
width: 96%;
border-left : thin dashed #E0F0F4;	
}


table.activity {
/* If table is not displayed inside a fieldset its not recommended that the width exceed 96% */
/* top, right, bottom, left */
margin : +0px +0px +15px +0px;
width: 100%;
border-collapse: collapse;
background-color: White;
}

table.activity td {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: 75%;
text-align: left;
background-color: transparent;
padding: 0px;
border: 0px #000000 solid;
vertical-align: top;
}

/* -- Styles for tables -- */

/* Tabular table styles */

table {
/* top, right, bottom, left */
width: 85%;
margin : +10px +0px +10px +0px;
background-color: #EDEDED;
border-collapse: collapse;
}

caption {
/* Accessibility captions for tabular tables*/
/* top, right, bottom, left */
padding : +10px +105px +12px +0px;
color : #996666;
font-size: 75%;
text-align: left;
font-weight: normal;
min-width: 0px;
max-width: 400px;
}

th {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #164A63;
font-weight: bold;
font-size: 70%;
text-align: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px;
background-color: #E0F0F4;
border: 1px #cccccc dashed;
vertical-align: top;
border-top: 2px #164A63 solid;
}

th.link {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #164A63;
font-weight: bold;
font-size: 70%;
text-align: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px;
background-color: #E0F0F4;
border: 1px #cccccc dashed;
vertical-align: top;	
}


td {
/* This is a default style for tabular data. It only appears on the TOL.css. To style text within tabular tables use p.td */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: 70%;
text-align: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border: 1px #CCcccc dashed;
vertical-align: top;
}

td p {
/* Paragraph text style for tabular tables */
margin : +5px +5px +5px +0px;
color: #000000;
text-align: left;
}

td li {
/* Ordered List ,Unordered List*/
color: #000000;
list-style-position : outside;
margin : +0px +5px +5px -10px;
vertical-align: middle;
display: list-item;
text-align: left;
}

td ol li ol li {
/*ordered list nested once */
list-style-type : lower-alpha;
margin : +5px 0px 0px -10px;
}

td p.caption {
/* top, right, bottom, left */
margin : +5px +5px +5px +5px;
color : #996666;
text-align: left;
}

table.link {
background : #D8ECF1;
}


td img {
/* Applies to graphics inserted within tables. */
/* top, right, bottom, left */
margin : +0px +0px +0px +0px;
}

/* Decorative layout table styles */

table.layout {
/* This table is used to vary the layout of contextural instruction (it should not be used for tabular tables */
/* top, right, bottom, left */
width: 85%;
margin : +10px +0px +20px +0px;
border-collapse: collapse;
}

table.layout p {
/* top, right, bottom, left */
margin : +5px +10px +5px +10px;
}

table.layout th {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #cc9933;
font-weight: bold;
font-size: 80%;
text-align: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px;
background-color: #f9fae7;
border: 0px #000000 solid;
border-top: 2px #e2e3cc solid;
}

table.layout td {
padding-left: +0px;
padding-right: +0px;
padding-top: +0px;
padding-bottom: +3px;
background-color: #fff;
border: 0px #CC9933 dashed;
color : #330066;
text-align: left;
font-size: 80%;
vertical-align: top;
border-top: 0px #CC9933 solid;
}

table.layout p.caption {
/* top, right, bottom, left */
margin : +5px +5px +5px +5px;
color : #996666;
text-align: left;
}

/* Lists used within decorative layout tables (not for tabular tables) */

table.layout ul {
/* top, right, bottom, left */
margin : +0px +5px +5px +35px;
}

table.layout ol {
/* top, right, bottom, left */
margin : +0px +5px +5px +35px;
}

table.layout li {
/* Ordered List ,Unordered List*/
list-style-position : outside;
margin-bottom: 5px;
vertical-align: middle;
display: list-item;
text-align: left;
}

/* Layout style links */

a.layout:link {
/* Link style */
color : #330066;
font-weight: normal;
}

/* Custom styles */

code {
font-family: Courier, "Courier New", monospace;
font-size: 110%;
}

/* This aligns the flash to the extreme left*/
.flash {
margin-left : -14px; 
margin-top : 2px;
}