/*
  $Header: /bit10/htdocs/support.dev.intranet.bit10.net/css/default.css 10    2/05/03 18:18 Alex $

  Short:  default style sheet for bit10 ltd. Support Site

  $Log: /bit10/htdocs/support.dev.intranet.bit10.net/css/default.css $ 
 * 
 * 10    2/05/03 18:18 Alex
 * Corrected the background colour used on the TH selectors (was light
 * blue should have been steel blue).
 * 
 * 9     1/05/03 17:40 Alex
 * Updated to use all the new styles that have been introduced for the
 * main Intranet.
 * 
 * 8     1/05/03 17:26 Steveg
 * 
 * 7     22/11/02 14:45 Steveg
 * Removed forced text alignment from th tag.
 * 
 * 6     20/11/02 14:19 Steveg
 * Added navtext style.Sorted out how controls style works.
 * 
 * 4     19/09/02 14:58 Steveg
 * Added the control styles to the style sheet
 * 
 * 3     13/02/02 17:50 Russ
 * Added hover link, annotation-blue and support_header altered
 * 
 * 2     29/01/02 18:04 Russ
 * Added asterix and support header definition
 * 
 * 1     24/01/02 10:36 Russ
 * Intial Revision
 */
 

 
h1                  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #0C4796; background-color: #FFFFFF; }
h1.page             { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #FFFFFF; background: transparent; padding: 0; border: 0; margin-top: 0; margin-bottom: 0; line-height: 1.0em; }
h2                  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #0C4796; }
h2.page             { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #285D84; background-color: #E6F5FF; }
h2.box              { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #285D84; background: transparent; margin-bottom: 0; }
h2.annotation       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #666666; margin-bottom: -10; }
h2.annotation_light { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #EEEEEE; margin-bottom: -10; }
h3                  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #0C4796; background-color: #FFFFFF; margin-top: 6pt; margin-bottom: 0; }
h3.list             { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background: transparent; margin-bottom: 0; }
h3.list_change      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background: transparent; margin-bottom: 0; }
h3.list_issue       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background: transparent; margin-bottom: 0; }
h5                  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #0C4796; background-color: #FFFFFF; }

th                  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #0C4796; text-align: left; }
th.box              { font-weight: bold; }
th.list             { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; background-color: #3E6982; text-align: left; }
th.list_change      { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; background-color: #3E6982; text-align: left; }
th.list_issue       { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; background-color: #87ACC5; text-align: left; }
td                  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #0C4796; }
                /* light blue: 3F94D2, dark blue: 105977 */

body            { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000;  background-color: #FFFFFF; }
p               { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
code            { color: #666666; }
.pagetitleh1    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #285D84; }
.pagetitleh2    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #285D84; }
.abouttitle     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; }	
.whitetext      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; }

input           { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
input.box       { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }
textarea        { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
textarea.box    { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }

a               { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #0C4796; font-size: 8pt; }
a:link          { color: #222222; }
a:visited       { color: #222222; }
a:hover         { color: #444444; text-decoration: none; }

a.box           { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }
a.box:link      { color: #FFFFFF; text-decoration: none; }
a.box:visited   { color: #FFFFFF; text-decoration: none; }
a.box:hover     { color: #FFFFFF; text-decoration: underline; }

div             { color: #000000; }
 
.toc            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; background-color: #87ACC1; }
.toc:link       { color: #FFFFFF; text-decoration: none; }
.toc:visited    { color: #FFFFFF; text-decoration: none; }
.toc:hover      { color: #FFFFFF; }

.tools          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; font-weight: bold; text-style: italic; color: #FFFFFF; background-color: #3B4C56; padding: 2px; }
.tools:link     { color: #FFFFFF; text-decoration: none; }
.tools:visited  { color: #FFFFFF; text-decoration: none; }
.tools:hover    { color: #FFFFFF; }

.controls          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; text-transform: uppercase; color: #3B4C56; }
.controls:link     { color: #3B4C56; text-decoration: none; }
.controls:visited  { color: #3B4C56; text-decoration: none; }
.controls:hover    { color: #3B4C56; }

.box            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; background-color: #87ACC1; }
.box:link       { color: #FFFFFF; text-decoration: none; }
.box:visited    { color: #FFFFFF; text-decoration: none; }
.box:hover      { color: #FFFFFF; }

.inactive         { color: #999999; }
.inactive:link    { color: #999999; }
.inactive:visited { color: #999999; }
.inactive:hover   { color: #999999; text-decoration: none; }

.disclaimer         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #3B4C56; text-align: right; }
.disclaimer:link    { color: #3B4C56; text-decoration: none; }
.disclaimer:visited { color: #3B4C56; text-decoration: none; }
.disclaimer:hover   { color: #3B4C56; text-decoration: underline; }

hr                { height: 0.04em; color: #6699CC; background: #6699CC; }
hr.box            { height: 0.04em; color: #CCCCCC; background: #CCCCCC; border: thin dotted; }
hr.list           { height: 0.04em; color: #6699CC; background: #6699CC; border: thin dotted; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.annotation       { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #666666; }
.annotation_blue  { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #0C4796; }
.annotation_light { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #EEEEEE; }
.message          { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #CC3333; }
.overdue          { font-weight: bold; color: #CC3333; }

.login_header     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; background-color: #666666; }	
.login_body       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000; background-color: #AAAAAA; }	

.popup_input      { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #0C4796; }
.report_title     { font-family: Arial, Helvetica, sans-serif; font-size: 20pt; color: #000000; }

.button           {	font-family : Tahoma;	font-size : 7pt; font-weight : bold; color: #FFFFFF; text-decoration: none; background-color: #3B4C56; display: inline;	padding: 1px; border-style: solid; border-width: 2px; border-color: #dcdcdc #696969 #696969 #dcdcdc;}
.button:hover     { background-color: #708090; border-style: solid; border-width: 1px; border-color: #696969 #dcdcdc #a9a9a9 #696969} 

.red_highlight    {color=#FF0000;}
.support_header   {background : #99CCFF; font-weight: bold;}

.dropdown         { font-family: Arial, Helvetica, sans-serif; font-size: 9pt;  color: #3B4C56; }
.dropdown:link    { color: #ffffff; }
.dropdown:visited { color: #ffffff; text-decoration: none; }
.dropdown:hover   { color: #ffffff; text-decoration: none; }

.toc2             { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; background-color: #87ACC1; }
.toc2:link        { color: #FFFFFF; text-decoration: none; }
.toc2:visited     { color: #FFFFFF; text-decoration: none; }
.toc2:hover       { color: #FFFFFF; text-decoration: none; background-color: #396584 }

.list             { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF;}
.list:link        { color: #FFFFFF; text-decoration: none; }
.list:visited     { color: #FFFFFF; text-decoration: none; }
.list:hover       { color: #FFFFFF; text-decoration: none; background-color: #396584 }

.navtext          {	width:235px;	font-size:8pt;	font-family:verdana;	border-width:2px;	border-style: ridge;	layer-background-color: #84aec6;	background-color: #84aec6;	color: white; border-color : #396584;}
.announcement	{ background-color: #E7F7FF; }
.keybackground	{ background-color: #E7F7FF; }