/******************************************************************************* 
  PXPartnership Generic Cascading Style Sheet 
  (c) The PX Partnership 2004
  Andrew Papas 23 April 2004
*******************************************************************************/

/******************************************************************************* 
  HTML 4.0 Generic display property values
*******************************************************************************/   
address,
applet,
blockquote, 
body, 
center,
dd, 
dir,
div, 
dl, 
dt, 
fieldset, 
form,
frame,
frameset,
h1,
h2,
h3,
h4, 
h5,
h6,
hr,
iframe, 
menu,
noframes, 
object,
ol,
p, 
pre,
ul         { display: block }

li         { display: list-item }
head       { display: none }
table      { display: table }
tr         { display: table-row }
thead      { display: table-header-group }
tbody      { display: table-row-group }
tfoot      { display: table-footer-group }
col        { display: table-column }
colgroup   { display: table-column-group }

td, 
th         { display: table-cell }

caption    { display: table-caption }

/*******************************************************************************
  Generic style elements
*******************************************************************************/

/* Alignment /*
caption,
center,
th         { text-align: center }

sub        { vertical-align: sub }
sup        { vertical-align: super }

/* Font Family */
code,
kbd,
pre, 
samp,
ttp        { font-family: monospace }

/* Font Size */
h1         { font-size: 2em }
h2         { font-size: 1.5em }

big,
h3         { font-size: 1.17em }

h5,
small,
sub, 
sup        { font-size: .83em }

h6         { font-size: .67em }

/* Font Style
address,
cite,
em,
i,
var        { font-style: italic }

/* Font Weight */
b,
big,
h1, 
h2, 
h3, 
h4,
h5, 
h6, 
strong,
th         { font-weight: bolder }

/* Line Height */
h5         { line-height: 1.17em }

/* Margin */
blockquote,
dir,
dl,
fieldset,
form,
h4, 
ol,
menu,
p,
ul         { margin: 1.13em 0 }

h1         { margin: .67em 0 }
h2         { margin: .83em 0 }
h3         { margin: 1em 0 }

h6         { margin: 2.33em 0 }

blockquote { margin-left: 40px; margin-right: 40px }

ol ol
ol ul,
ul ol,
ul ul      { margin-top: 0; margin-bottom: 0 }

dd,
dir,
menu       { margin-left: 40px }

ol,
ul         { margin-left: 20px }


/* Text Decoration */
s, 
strike, 
del        { text-decoration: line-through }

u, 
ins        { text-decoration: underline }

/* White Space Handling */
pre        { white-space: pre }


/* Miscellaneous */
hr         { border: 1px inset }

ol         { list-style-type: decimal }

br:before  { content: "\A" }

abbr,
acronym    { font-variant: small-caps; letter-spacing: 0.1em }


/******************************************************************************* 
  Body Text Definition 
*******************************************************************************/
body { 
       background-color: #FFFFFF;
       color: #000000; 
       font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
       font-size: 8px; 
       line-height: 1.33; 
       padding: 8px;
     }

/*************************************** 
  Pseudo-classes (must be ordered thus)
***************************************/
a:link    {color: #000000}  /* unvisited link  */
a:visited {color: #505050}  /* visited link    */
a:hover   {color: #C00000;
           font-weight: bolder
          }                 /* mouse over link */
/*a:active  {color: #909090}  /* selected link   */*/ 

a[href]   { text-decoration: underline }

:focus    { outline: thin dotted invert }


/*******************************************************************************
  Specific Element Definitions/Customisations
*******************************************************************************/	 
	 
/* Anchor */
a { 
    text-decoration: none 
  }

/* Large Text */
big { }

/* Bold Text */
bold { }

/* Emphasise Text */
em { font-weight: bolder } 
  
/* Interactive Form */
form { 
       margin: 0px; 
	   padding: 0px 
     }

/* Frame */
frame { }

/* Level 1 Heading */
h1 { }

/* Level 2 Heading */
h2 { }

/* Level 3 Heading */
h3 { }

/* Level 4 Heading */
h4 { }

/* Level 5 Heading */
h5 { }

/* Level 6 Heading */
h6 { }

/* Italic Text */
i { }

/* Image */
img { }

/* List*/
li { line-height: 1.9em;
     font-size: 1.13em;
	 margin-top: 0; 
	 margin-bottom: 0
   }

li.ball { list-style-image: url("Images/BlackBall.gif") }


/* Paragraph */
p { }

/* Small Text */
small { }

/* Strong Text */
strong { }

/* Table */
table { }

/* Table Body */
tbody { }

/* Table Data Cell */
td { font-size: 18px; 
     line-height: 14px; 
   }

/* Table Footer*/
tfoot { } 

/* Table Header Cell */
th { }

/* Table Header */
thead { }
   
/* Document Title */
title { }

/* Table Row */
tr { }


/***************************
  Generic Class definitions
***************************/
.alert         { color: #CC0000; font-weight: bold; font-size: 13px }
.bgblack       { background-color: #000000;
                 color: #FFFFFF
			   }
.bgblackfade   { background-color: #000000;
                 background-image: url("Images\fadefromblack.jpg"); 
                 background-repeat: repeat-y;
				 background-position: 100% 100%;
				 color: #FFFFFF 
			   }
.bgblackfade_125 { background-color: #000000;
                   background-image: url("Images\fadefromblack_short.jpg"); 
                   background-repeat: repeat-y;
			       background-position: 100% 100%;
				   color: #FFFFFF 
   			     }
.bgfadetoblack { background-color: #FFFFFF;
                 background-image: url("Images\fadetoblack.jpg"); 
                 background-repeat: repeat-y;
				 background-position: 100% 100%;
				 color: #000000 
			   }
.bgfadetoblack_125 { background-color: #FFFFFF;
                     background-image: url("Images\fadetoblack_short.jpg"); 
                     background-repeat: repeat-y;
	    			 background-position: 100% 100%;
		    		 color: #000000 
			       }
.bgfadetogrey  { background-color: #FFFFFF;
                 background-image: url("Images\fadetogrey.jpg"); 
                 background-repeat: repeat-y;
				 background-position: 100% 100%;
				 color: #000000 
			   }
.bgfadetogrey_125  { background-color: #FFFFFF;
                     background-image: url("Images\fadetogrey_short.jpg"); 
                     background-repeat: repeat-y;
				     background-position: 100% 100%;
				     color: #000000 
			       }
.bggrey        { background-color: #B4B4B4;
			     color: #000000 
			   }
.bggreyfade    { background-color: #FFFFFF;
                 background-image: url("Images\fadefromgrey.jpg"); 
                 background-repeat: repeat-y;
				 background-position: 100% 100%;
				 color: #000000 
			    }
.bggreyfade_125 { background-color: #FFFFFF;
                  background-image: url("Images\fadefromgrey_short.jpg"); 
                  background-repeat: repeat-y;
			      background-position: 100% 100%;
				  color: #000000 
			   }
			   
.centre        { text-align: center }
.checkbox      { margin-top: 1px; 
                 width: 14px; 
				 height: 14px 
			   }
.column_header { font-weight: bold; 
                 font-size: .83em 
			   }
.header        { color: #505050; 
                 font-size: 1.5em; 
				 line-height: 20px 
			   }
.image         { margin: 0px; 
			   	 padding: 0px
			   }	  
.input         { font-size: .9em }
.medium        { font-size: 1.1em }
.menu          { color: #FFFFFF; 
                 font-size: .83em; 
			   }
.plus          { color: #FF8C00; 
                 font-weight: bold 
			   }
.popup         { font-size: 10px }
.privacy       { color: #FF0000;
			   	 font-size: .67em;
				 font-weight: bold;
				 text-decoration: underline 
			   }
.right         { text-align: right }
.rightbgfadegrey { text-align: right;
                   background-color: #FFFFFF;
                   background-image: url("Images\fadetogrey.jpg"); 
                   background-repeat: repeat-y;
				   background-position: 100% 100%;
				   color: #000000
               }
.rightbggreyfade { text-align: right;
                   background-color: #FFFFFF;
                   background-image: url("Images\fadefromgrey.jpg"); 
                   background-repeat: repeat-y;
				   background-position: 100% 100%;
				   color: #000000
               }
.rightvtop     { text-align: right;
                 vertical-align: top 
               }
.small         { font-size: .67em }
.smallblack    { color: #000000; 
                 font-size: .67em 
			   }
.smallred      { color: #FF0000; 
                 font-size: .67em
			   }
.smalltext     { font-size: .67em; 
                 width: 50px 
			   }
.smalltop      { font-size: .67em;
                 vertical-align: top 
               }
.smallwhite    { color: #FFFFFF; 
                 font-size: .67em 
			   }
.subhead       { color: #FF8C00; 
                 font-size: 1.2em
			   }
.tdsmall       { font-size: .67em; 
                 line-height: .9em
               }       			   
.vbottom       { vertical-align: bottom }
.vmiddle       { vertical-align: middle }
.vtop          { vertical-align: top }
.white         { color: #FFFFFF }