/* OUCS Standard July 2007 */
.homepagesideheading {
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 2pt;
    color: #333;
    background-color: #fff;
    text-align: left;
}
.genlinks {
    font-size: 0.8em;
    border: 1px solid #eee;
    margin: 10px 0em 10px 0em;
    background-color: #fff;
    position: relative;
    clear: both;
}
.genlinks p {
    padding: 5px;
}
span.rsstitle {
    font-size: 0.9em;
    font-weight: bold;
    background-color: #97ADFF;
    color: #333;
}
span.rsstitle a {
    color: #333;
    padding: 2px;
    background-color: #ffffff;
}
.rssdate {
    display: none;
}
span.rssdescription {
    font-size: 0.8em;
    margin-bottom: 5px;
    padding: 5px;
    padding-left: 6px;
    border-bottom: 5px solid #00236B;
    display:block;
    background-color: #ffffff;
}
/* images */
a img {
    border:none;
}
.pic-wrapped img {
    float: left;
    padding: 5px;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}
.floatimage {
    float : left;
    margin-right : 6px;
    vertical-align : top;
    margin-bottom: 5px;
}
img.sld {
    float: right;
    top: 0;
}
img.wrap {
    float: left;
    margin: 5px;
}
img.centreimage {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
div.centreimage {
    display: inline;
}
/* end images styles */
/* figures */
img.center {
    margin-left: 20pt;
}
.centre {
    margin-left : auto;
    margin-right : auto;
    display: block;
    text-align : center;
}
span.centre img {
    border: 0;
}
.pic-right {
    float: right;
    padding: 5px;
}

.pic-right-clear {
    float: right;
    padding: 5px;
	 clear: both;
}
.pic-left {
    float: left;
    padding: 5px;
    clear: left;
    margin: 0.35em 0px;
}

div#floatright.ab {
	float: right;
	padding: 5px;
	width: 125px;
}

.spaceimage {
	margin: 10px; /*used to space images out in lists */
}

/* tables */
.rules {
    width: 90%;
    padding: 5px;
}
.label {
    background-color: #ccc;
    padding: 5px;
    color: #333;
}

th {
background-color:#AAAAAA;
font-weight:bold;
color: #fff;
}


td {
padding:2px;
    font-size: 0.9em;

}
/* Table cell background colours  */
.divlabel {
background-color:#BBBBBB;
font-size:large;
font-weight:bold;
padding:5px;
text-align:center;
}

.Label {
background-color:#DDEEEE;
color:#000333;
font-weight:bold;
padding: 3px;
}
/* --------------------------- */


.clear {
    clear: both;
}
#col-b {
    background-color: #fff;
}
#tbdata h2 {
    color: #000066;
    margin :0;
}
#info {
    top: 50px;
    position: relative;
    border: solid red 1px;
    margin-bottom: 10px;
}
.sidelist li a:hover {
    border-right: none;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
#footer {
    border-top: 3px solid #000066;
    text-align : center;
    font-family: arial,sans-serif;
    font-size : 0.8em;
    clear: both;
}
/* Code from oesc to make home page boxes work! */
#service {
    float: right;
    width: 47%;
    margin: 2px;
}
#service h3 {
    display: block;
    background-color: #cfdbe6;
    background-image: url(../images/circle-light.gif);
    background-position: top right;
    background-repeat: no-repeat;
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    padding: 5px;
    margin-top: 0;
}
#service h3 a {
    color: #fff;
}
#service ul {
    list-style: none;
    margin-left: 10px;
    padding: 0px;
}
#start {
    float: left;
    width: 47%;
    margin: 2px;
}
#start h3 {
    display: block;
    background-color: #cfdbe6;
    font-size: 1.2em;
    background-image: url(../images/circle-light.gif);
    background-position: top right;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #000;
    padding: 5px;
    margin-top: 0;
}
#start h3 a {
    color: #fff;
}
#start ul {
    list-style: none;
    margin: 10px;
    padding: 0px;
}
#col-a #help {
    float: right;
    width: 47%;
    margin: 2px;
}
#help h3 {
    display: block;
    background-color: #000066;
    font-size: 1.2em;
    background-image: url(../images/circle-dark.gif);
    background-position: top right;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    margin-top: 0;
}
#help h3 a {
    color:#fff;
}
#help ul {
    list-style: none;
    margin: 10px;
    padding: 0px;
}
#training {
    margin-top: 10px;
    float: left;
    width: 47%;
    margin: 2px;
}
#training h3 {
    display: block;
    font-size: 1.2em;
    background-color: #000066;
    font-weight: bold;
    color: #fff;
    background-image: url(../images/circle-dark.gif);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 5px;
    margin-top: 0;
}
#training h3 a {
    color: #000;
}
#training ul {
    list-style: none;
    margin: 10px;
    padding: 0px;
}
#elearning {
    margin-top: 10px;
    float: left;
    width: 47%;
    margin: 2px;
}
#elearning h3 {
    display: block;
    font-size: 1.2em;
    background-color: #000066;
    font-weight: bold;
    color: #fff;
    background-image: url(../images/circle-dark.gif);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 5px;
    margin-top: 0;
}
#elearning h3 a {
    color: #000;
}
#elearning ul {
    list-style: none;
    margin: 10px;
    padding: 0px;
}
#wrapper {
    overflow:auto
}
#wrapper {
    clear: both;
}
#wrapper img {
    border: none;
}
/* Side menu styles */
#menu ul li a {
    color: #000;
    text-decoration: none;
}
#menu ul li {
    margin:0;
    padding:2.5px;
    list-style: none;
    display: block;
    border-bottom: 1px solid #eee;
}
#menu ul li a:hover {
    color:#000;
    text-decoration: underline;
    background-color: #fff;
    display:block;
}
#menu ul {
    margin:0;
    padding:0;
}
/* ----------------------------------------------- */
#footer img {
    right: 50%;
    padding: 5px;
}
#mainMenu {
    position: relative;
    text-align: center;
/* width: 99%;needed for ie to work properly! see ie sheet */
    background-color: #eee;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    margin: 0px;
    padding: 2px 0px 2px 10px;
}
#menuList {
    margin: 0px;
    padding: 0px;
}
#menuList ul {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
#menuList li {
    display:inline;
    list-style: none;
}
/* New header styles */
div#headerOuter {
    position:relative;
    height:7.85em;
/* 100px */    
    min-height: 100px !important;
    width:100%;
}
div#upperBarOuter {
    position:relative;
    height:4.39em;
/* 56px */    
    min-height: 56px !important;
    background-color:#dddddd;
    background-image:url(../images/UpperBar.jpg);
    background-position:right bottom;
    background-repeat:repeat-x;
    vertical-align:bottom;
}
div#lowerBarOuter {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2.82em;
/* 36px */    
    min-height: 36px !important;
    background-color:#000066;
    background-image:url(../images/LowerCrest-000066.gif);
    background-repeat:no-repeat;
    background-position:right top;
}
div#lowerBarInner {
    padding:8px 0 0 70px;
    color:#FFFFFF;
}
div#logoOuter {
    position:absolute;
    left:0;
    top:1.57em;
    width:70px;
/* height:7.85em; /* 100px */
    height:6.28em;
/* 80px */    
    min-height: 80px !important;
    background-image:url(../images/OUCSLogo-000066.gif);
    background-repeat:no-repeat;
    background-position:left;
}
div#globalNavOuter {
    position:absolute;
    top:0;
    right:36%;
    color:#000066;
}
div#searchOuter {
    position:absolute;
    top:0;
    right:0;
    width:18em;
/* 230px */    
    height:1.7em;
/* 22px */    
    min-height: 22px !important;
    color:#FFFFFF;
    background-image:url(../images/SearchCorner-000066.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
}
div#searchInner {
    font-size:80%;
    padding-left:22px;
}
div#searchInner input {
    margin:0;
    padding:0;
}
div#upperBarOuter h1 {
    position:absolute;
    left:0;
    bottom:2px;
    margin:0;
    padding:0;
    padding-left:70px;
    font-size:200%;
    color:#ffffff;
}
div#trailOuter {
    color:#999999;
    text-align:left;
    padding-left:5px;
    font-size:80%;
}
div#trailOuter a, div#trailOuter a:link, div#trailOuter a:visited {
    color:#999999;
}
body {
    margin:0;
    padding:0;
    font-family:Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
/* end of new header styles */
/* additional styles for header to work */
#hdr {
    font-size:80%;
    background-color: #fff;
    height: auto;
    background-image: none;
}

#globalNavOuter a:link, #globalNavOuter a:visited {
    color:#000066;
    font-weight: bold;
}
/* Forms */
div.searchbox legend {
    display: none;
}
div.searchbox fieldset {
    padding:0;
    width: 20em;
    border: none;
    background-color: transparent;
}
div.searchbox .gobutton {
    background-color: transparent;
    color: #fff;
    border: none;
}
div.searchbox input {
    margin-top:2px;
}
.form_error {
    color: red;
    font-weight: bold;
}
/* ---------------------- */
/* Forms styles */
form dd {
    margin-top: 5px;
    margin-bottom: 5px
}
fieldset {
    background-color : #cfdbe6;
    padding: 10px;
    width: 35em;
    margin-left : auto;
    margin-right : auto;
    border: 1px solid #000;
}
legend {
    background-color: #fff;
    color: #000;
    border: 1px solid #781351;
    padding: 2px 6px;
    font-weight: bold;
}
#searchform {
    margin: auto;
}
/* Three column code */
#col-a {
    float: right;
    width: 100%;
}
#col-a[id] {
/* [2] */    
    margin-left: -1px;
}
#col-b {
    float: left;
    margin-left: -12em;
    z-index: 10;
/* [3] */    
/* background-color : #DEE7F8; added ian 30/6/04 */
}
#col-b[id] {
/* [2] */    
    margin-right: 1px;
}
#col-c {
    float: right;
    margin-right: -12em;
    z-index: 11;
/* [3] */    
/* background-color : #DEE7F8;added ian 30/6/04 */
}
#col-c[id] {
/* [2] */    
    margin-left: 1px;
}
.show-all #columns {
    padding: 0 12em;
}
/*
  this makes the three columns show up - taking away leaves just the
  central coloumn
 */
.hide-left #columns {
    padding: 0 12em 0 0;
}
.hide-right #columns2 {
    padding: 0 0 0 12em;
}
.cols-wrapper {
    width: 100%;
}
.cols-wrapper[class] {
    padding-bottom: 0.1px;
/* [4] */    
}
.float-wrapper {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
    font-size: 0.9em;

}
.float-wrapper[class] {
/* [2] */    
    margin-right: -1px;
}
.sidecol {
    position: relative;
    width: 12em;
/* decreased from 14em */    
    overflow: hidden;
}
.box, .main-content {
    margin: 0 1em;
}
/* This next css is used to hide and show text using a javascript function */
.posthidden {
    display:none
}
.postshown {
    display:inline
}
.QandA {
    display: block;
    margin : 15px;
    padding: 15px;
    border: 1px solid gray;
}
.removebutton {
    list-style : none;
    background-color : #FAFAD2;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* End hide show styles */
/* A -Z Styles From http://www.smileycat.com/miaow/archives/000211.php -styling the a to z */
#azindex {
    background-color: #ddd;
    display: block;
    float: left;
    margin: 5px 0 20px 10px;
    /*padding: 0px 0px 15px 0px;
    width: 390px;*/
    border: 1px solid #999;
	 
}
#azindex {
    padding: 5px 5px 10px 5px;
    width: 390px;
}
#azindex p {
    color: #fff;
    background-color: #000060;
    padding: 4px;
    display: block;
    margin: 0;
    border-bottom: 1px solid #333;
    font-size: 0.95em;
}
.index {
    font: bold 100% Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
.index li {
    float: left;
    height: 1.5em;
    list-style-type: none;
    margin: 0.35em 0.15em;
    padding: 0;
    width: 1.5em;
}
.index a:link, .index a:visited {
    background: #fff;
    color: navy;
    display: block;
    height: 1.5em;
    padding: 0.37em 0 0 0;
    text-align: center;
    text-decoration: none;
    width: 1.5em;
    border: 1px solid #999;
}
li.showall a:link, li.showall a:visited {
    width: 5em;
}
/*.index li { Not thought to be correct so removed for now
    margin: 0.2em 0.2em;
} */
.index a:hover {
    background: #93D1E4;
    color: #fff;
    text-decoration: underline;
}
#popular {
    background-color: #ffffce;
    display: block;
    float: right;
    margin: 5px 0 20px 10px;
    padding: 0px 0px 15px 0px;
    width: 150px;
    border: 1px solid #999;
}
#popular {
    padding: 5px 5px 10px 5px;
    width: 125px;
}
#popular li {
    list-style-type: none;
    margin: 0;
    padding: 3px;
}
ul.popular {
    margin: 0;
    padding: 0;
}
#popular p {
    color: #fff;
    background-color: #000060;
    padding: 4px;
    display: block;
    margin: 0;
    border-bottom: 1px solid #333;
    font-size: 0.95em
}
.atoz {
    list-style: none;
}
/* End of A - Z styles */
/* Sidebar navigation global styles */
#lh-col ul.navbar {
    list-style: none;
    border-bottom: 2px solid #ccc;
    padding: 5px;
   margin: 10px 0 0 0;
}
#lh-col ul.navbar li {
    display: block;
    line-height: 1.5em;
	 padding: 0 5px;
} 

#lh-col-bottom h3 {
    font-size: 0.9em;
}

#col-b ul.navbar {
    list-style: none;
    border: 1px solid #ccc;
    padding: 5px;
/* background-color: #eee; */
}
#col-b ul.navbar li {
    display: block;
    line-height: 1.5em;
}
/* navbar */
li.toc {
    list-style: none;
}
a.navbar, a.navbar:link, a.navbar:visited {
    display: block;
    padding: 2px;
    font-size: 0.9em;
    color: #333;
    text-decoration: none;
}
a.navbar:hover {
    text-decoration: underline;
}
a.toclist, a.toclist:link, a.toclist:visited {
    color: #333;
    text-decoration: none;
}
a.toclist:hover {
    text-decoration: underline;
}
/* end navigation styles */


/* Boxed styles for side areas */
.boxed {
    border:1px solid #CCCCCC;
    padding:5px;
    background-color: #EEEFFF;
    font-size: 0.9em;
}
#col-c .boxed {
    margin-right: 5px;
    margin-top: 45px;
}
/* card-like effect of staff pictures on the about pages */
.caption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    clear: both;
    padding: 0 5px 5px 0;
    font-weight : bold;
/*
  position: relative;
  top: 0;
 */
}
div.floatimage {
    border: 1px solid #666;
    padding: 5px;
    width: 125px;
}
.cardlist {
    list-style-position: inside;
}
div.teidiv0 h1, h2 {
    clear: both;
}
/* End card like effect */
/* 2 column code */
#lh-col {
    display: inline;
    color: #333;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 19%;
}
#rh-col {
    float: right;
    color: #333;
    margin: 0px;
    padding: 0px;
    width: 78%;
    display: inline;
    position: relative;
	 min-height: 500px;
}
/* End two col code */
/* One column code */
#onecol.main-content {
    padding: 1em;
    background-color: #fff;
    left: 0;
}
/* End one column code */

/* empty div above the footer  */
#em {
	height: 5px;
}
/* End em style */

dl dt {
    font-weight: bold;
     
}
.alpha {
    color: #000066;
    font-weight: bold;
    font-size : larger;
    border-bottom: 2px solid #0082EF;
}
/* course booking */
.book {
    color: red;
    font-weight: bold;
}
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: pointer;
}
/* sections in document */
ul.tocContainer {
    font-size: smaller;
}
li.toclist0 {
    text-indent: -1em;
    margin-left: -2em;
    list-style: none;
}

li.toclist1 {
text-indent: -1em;
    
	list-style: none;
}
/* breadcrumb trail */
#breadcrumb {
    padding-top: 5px;
}
ul.breadcrumb {
    display: inline;
    font-size : 0.8em;
    margin-left: 0;
    padding-left: 0;
}
ul.breadcrumb li {
    padding-left: 12px;
    padding-right: 5px;
    display: inline;
    color: #000;
    background: url(/images/rightarrow.gif);
    background-repeat: no-repeat;
    background-position: left;
}
a.breadcrumb:link,a.breadcrumb:link:visited {
    font-family: arial,sans-serif;
    color: #000066;
    font-weight : bold;
    text-decoration: none;
    padding-right : 5px;
}
/* ------------------------------------ */
/* Styles for topics definition list */
dl.topics {
    margin: 5px;
}
dl.topics dt {
    padding: 5px 5px 3px 3px;
    color: #000;
/* width: 14em; */
    border-bottom: 2px solid #0082EF;
    font-weight: bold;
}
dl.topics dd {
    padding: 10px 5px;
    background-color: #fff;
}
dl.topics dd a {
    font-size: 0.9em;
    color: #000;
}
/* ------------------------------ */
/* code for the additional menu underneath the main header 
div#mainMenu ul.topnav {
    padding: 5px;
    margin:0px;
    margin-left:10px;
    display: inline;
}
div#mainMenu ul.topnav li {
    display: inline;
    list-style: none;
    border-right:1px solid #fff;
    margin:3px;
    padding-right: 5px;
    text-align: center;
    font-weight: normal;
}
div#mainMenu ul.topnav li a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
div#mainMenu ul.topnav li a:hover {
    text-decoration: underline;
}
div#mainMenu ul.topnav li a.skiplinks {
    border: none;
    border-right:1px solid #fff;
    padding-right: 15px;
    color: #ccc;
    font-weight : normal;
    font-style : italic;
    display: inline;

}

div#mainMenu ul.topnav lia.skiplinks:hover {
    border: none;
    border-right:1px solid #fff;
    padding-right: 15px;
    color: #fff;
    font-weight : normal;
    font-style : italic;
    display: inline;
}
div#mainMenu {
    background-color: #333;
    border-top: 1px solid #fff;
}
#mainMenu {
    position: relative;
    text-align: center;

    background-color: #eee;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    margin: 0px;
    padding: 2px 0px 2px 10px;
}
#menuList {
    margin: 0px;
    padding: 0px;
}
#menuList ul {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
#menuList li {
    display:inline;
    list-style: none;
}*/
/* top menu navigation code */
div#mainMenu ul.topnav {
    padding: 5px;
    margin:0px;
    margin-left:10px;
    display: inline;
}
div#mainMenu ul.topnav li {
    display: inline;
    list-style: none;
    border-right:1px solid #fff;
    margin:3px;
    padding-right: 5px;
    text-align: center; /* check */
    font-weight: normal;
}
div#mainMenu ul.topnav li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
div#mainMenu ul.topnav li a:hover {
    text-decoration: underline;
}
div#mainMenu ul.topnav li a.skiplinks {
    border: none;
    border-right:1px solid #fff;
    padding-right: 15px;
    color: #ccc;
    font-weight : normal;
    font-style : italic;
    display: inline;
/*    align: left; */
}
div#mainMenu ul.topnav lia.skiplinks:hover {
    border: none;
    border-right:1px solid #fff;
    padding-right: 15px;
    color: #000;
    font-weight : normal;
    font-style : italic;
    display: inline;
}
div#mainMenu {
    background-color: #EEEFFF;
    border-top: 1px solid #fff;
}
#mainMenu {
    position: relative;
    text-align: center;
/* width: 99%;needed for ie to work properly! see ie sheet */
    /*background-color: #eee;*/
	 background-color: #EEEFFF;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    margin: 0px;
    padding: 2px 0px 2px 10px;
}
#menuList {
    margin: 0px;
    padding: 0px;
}
#menuList ul {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
#menuList li {
    display:inline;
    list-style: none;
}
/* End of top menu code */
/* End of mainMenu styles */
/* Aligning next and back links to the righthand side of page */
p.right {
    text-align: right;
	 margin: 0 0 10px 0;
}
/* end */
/* Adding in RSS styles from published stylesheets/oucs.css */
ul.rss {
    list-style: none;
    margin: 0;
    padding:0;
}
ul.rss li {
    margin: 0;
    padding:2px;
    text-align: left;
}
ul.rss li a {
    display: block;
    color: #000;
    text-decoration: none;
    line-height: 1.5em;
    font-weight: normal;
    border-bottom: 1px solid #eee;
}
.rss li a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#223A9A;
    display:block;
}
/* RSS News Feed Styles */
div.main-content span.summary {
    display: block;
    font-weight: bold;
}
div.main-content span.summary a {
    color: #333;
    padding: 2px;
}
div.main-content span.attendee {
    display: block;
    font-weight: bold;
}
div.main-content span.location {
    display: block;
    margin-bottom: 3px;
}
div.main-content .description {
    margin-bottom: 5px;
}
div.main-content div.rss {
    background-color: #fff;
    border: 0;
}
div.main-content span.rssdescription {
    border-bottom: 0;
    background-color: #fff;
}
div.main-content .rsstitle {
    padding: 2px;
    background-color: #fff;
}
div.rss {
    background-color: #eee;
    padding: 3px;
    border: 1px solid #000066;
    margin-bottom: 3px;
}
span.rsstitle {
    font-size: 0.9em;
    font-weight: bold;
    background-color: #97ADFF;
    color: #333;
}
span.rsstitle a {
    color: #333;
    padding: 2px;
}
.rssdate {
    font-size: 0.75em;
}
span.rssdescription {
    font-size: 0.8em;
    margin-bottom: 5px;
    padding: 5px;
    border-bottom: 5px solid #00236B;
    display:block;
    background-color: #CBD6FF;
}
span.google_link_span, span.icalendar_link_span {
    float: right;
    margin: 1.5px;
}
#past span.google_link_span, #past span.icalendar_link_span {
    visibility: hidden;
    display: none;
}
body.past img.google_link_label, img.icalendar_link_label {
    visibility: hidden;
    display: none;
}
div.genlinks span.rsslogo img {
    top: 0;
    right: 0;
}

dd.oxitems_item_dd {
	margin-bottom: 10px;
}
/* end of RSS styles */

/*styling the course links sidebox div */

#col-b .toc {
	border: 1px solid #ccc;
	background-color: #eee;
	
}

p.oucslisthead {
	display:block;
	/*background-color: #000066;
	color: #fff;*/
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

li.listheading {
	font-weight: bold;
	color: #333;
}

.coursesbox li.listheading{
color:#fff;
display:block;
margin:0pt;
padding:2px;
font-weight: bold;
background-color: #000066;
}


.coursesbox {
	border:1px solid #CCCCCC;
    padding:5px;
    background-color: #EEEFFF;
    
}

p.oucslisthead a {
	color: #fff;
}

/*  end of sidebox styles */

/* code variants */

code.Button {
white-space: nowrap;
color: Red;
border: 1px solid #999;
padding: 0 4px;
background-color: #eee;


	  /*font-family: monospace;
	  white-space: nowrap;
	  color: red;
	  font-weight: bold;
	  background-color: rgb(75%,75%,75%)*/
	  }

code.Command {
	  font-family: monospace;
	  color: blue;
	  font-weight: bold;
	  }

code.Value {
	  font-family: monospace;
	  color: green;
	  }


code.Code {
	  font-family: monospace;
	  color: red;
	  }

code.Field {
	   font-family: monospace;
	  white-space: nowrap;
	   color: red;
	   }

code.Filespec {
	      font-family: monospace;
	      color: red;
	      }

code.Input {
	   font-family: monospace;
	   color: green;
	   }
code.Key {
	 font-family: monospace;
         text-decoration: underline;
	 color: green;
	 }
code.Link {
	  font-family: monospace;
	  white-space: nowrap;
	  color: green;
	  text-decoration: underline;
	  }
code.Menu {
	  font-family: monospace;
	  white-space: nowrap;
	  color: red;
	  }
code.Keyword {
	  font-family: monospace;
	  color: blue;
	  }
code.Output {
	    font-family: monospace;
	    color: red;
	    }
.Screen {
  padding-top: 3mm;
  padding-left: 4pt;
  padding-bottom: 2pt;
  display: block;
  margin-top: 12pt;
  margin-bottom: 12pt;
  white-space: pre;
  background-color: #FFCC99;
	    }

.Program {
  padding-top: 3mm;
  padding-left: 4pt;
  padding-bottom: 2pt;
  display: block;
  margin-top: 12pt;
  margin-bottom: 12pt;
  white-space: pre;
	    }

code.Icon {
	  font-family: monospace;
	  white-space: nowrap;
	  text-decoration: underline;
	  }

code.Label {
	  font-style: italic;
	  white-space: nowrap;
	  }
/*  End of code variants  */

/*  colour text  */
.green {
	color: green;
}
.red {
	color: red;
}
.yellow {
	color: yellow;
}
/* in tables, the colour is for teh background */
td.green {
	background-color: green;
       color: black;
}
td.red {
	background-color: red;
       color: black;
}
td.yellow {
	background-color: yellow;
       color: black;
}

td.blue   {
       background-color: blue;
       color: black;
}

/* Lists */
ol, ul {
	list-style-position: inside;
}

.lower-alpha {
	list-style-type: lower-alpha;
}

.upper-roman {
	list-style-type: upper-alpha;
}


.lower-roman {
	list-style-type: lower-roman;
}

.upper-roman {
	list-style-type: upper-roman;
}

/* FormMail */
.valueisinerror {
	color: red;
}
.displaynone {
	display: none;
}

.important {
	color: red;
}