/*
 * colors: 
  white            #ffffff  // websafe
  blue             #608fef  //
  bgblue           #6699ff  // websafe
  bgblue_light     #dfe9fd  // not, but looks nice on linux and windoze.
  green            #01B401  //
  lt green         #ccffcc  // websafe
  ??               #02a002  // green 
  lighter yellow   #ffffd9  // lighter lemon yellow on ms, lighter on linux 
  light yellow     #ffffcc  // lemon yellow on ms, lighter on linux - websafe
  wheat            #e5e5e5  // light purple on linux
  orange           #fd8739  // bright orange on linux
  red              #cc0000  // websafe
  ??               #ffff33  // red - websafe
  red_dark         #990000  // websafe
  kharku_dark      #929fa3  // ??
  kharku_light     #a7b2b6  // mid grey on linux
  purple           #993399  //
  grey_mid         #cccccc  // websafe
  grey_light       #fd8739  //
  grey_lighter     #444444  // 
  grey_black       #666666  // websafe
  grey_dark        #999999  // websafe
  black            #000000  // websafe
 * --------------------------------------------- */

/* *** { the basics *** */

/* body and general stuff */    

body {
    margin:         0px 0% 0px 0%;
    background-color:  #faebd7; 
    font-family:    verdana, arial, helvetica, sans-serif;
    font-size:      90%;
}

body.popup {
    margin:         20px 5% 20px 5%;
    background:     #ffffff; 
    font-size:      70%;
    line-height:    130%;
}

/* define because tables don't inherit from 'body'. */
th, td {
    font-family:    verdana, arial, helvetica, sans-serif; 
    font-size:      100%;
    line-height:    130%;
    font-style:     normal; 
    font-weight:    normal;
}

table.ResultList
{
    background:     #faebd7; 
    font-size:      90%;
}
p {
}
/* we would like the first paragraph to be close up to the
    header, not with large space like normal para. */
p.first {
    margin: 5px 0% 0px 0%;
}
p.popup {
    margin: 5px 0% 0px 0%;
}

/* links */    
a:link {
    color:           #000000; 
    font-weight:    bold;
    text-decoration: none;
}

a:visited {
    color:           #000000; 
    font-weight:    bold;
    text-decoration: none;
}

a:hover {
    color:           #000000; 
    font-weight:    bold;
    text-decoration: underline;
}

.LinkButton
{
	color:           #000000; 
}

/* { bullets and horizontal rules - better to use table dash elements */
li {
    padding-left:     4px; 
    margin:           5px 5px 5px 10px;
    list-style-type:  disc;
}

hr { 
    margin: 0px 
}
        
/* *** { headers *** */
h1, h2, h3, h4, h5, h6 {
    font-weight:    bold;
    color:          #000000;
}
h1 {
    font-size:      140%;
    line-height:    1em;
    margin:         0px 0% 0px 0%;
}

h2    {
    font-size:      120%;
    line-height:    1em;
    margin:         15px 0% 0px 0%;
}
h2.content {
    font-size:      120%;
    line-height:    1em;
    margin:         10px 0% 0px 0%;
}

h3    {
    font-size:      100%;
    line-height:    1em; 
    margin:         10px 0% 0px 0%;
}
h3.content {
    font-size:      100%;
    line-height:    1em; 
    margin:         10px 0% 0px 0%;
}
h3.popup {      
    margin:         8px 0% 0px 0%;
}

h4    {
    font-size:      90%;
    line-height:    1em; 
    margin:         5px 0% 0px 0%;
}

h5    {
    font-size:      70%;
    line-height:    1em; 
    margin:         5px 0% 0px 0%;
}

h6    {
    font-size:      50%;
    line-height:    1em; 
    margin:         5px 0% 0px 0%;
}


/* *** { visuals *** */

/* { page layout */
.headerbg     {      
   background-color:  #faebd7; 
}
                
/* the page-wide canvas */
.midsection_bg {    
    background-color:  #FFA3AA; 
}

/* *** the content-wide canvas *** */

.footer_bg {      
    background-color:  #FFA3AA; 
}

/*  ===============  *
 *  *** { Forms ***  *
 *  ===============  */

/* form elements 
   for stuff in table cell or para displaying form field 
    - mainly to control line spacing: 
    FIX - find out how we're using these and normalize.
 */
.form_element { 
    line-height:    110%; 
}
.form_field {
    line-height:    130%; 
}

.form_label { 
    color:          #000000;
    font-weight:    bold; 
    text-align:     left; 
}

select { 
    background-color: #FAFFBF;
    font-size:        1em;
    font-family:      verdana, arial, helvetica, sans-serif; 
}

textarea { 
    background-color: #FAFFBF;
    font-size:        1em;
    font-family:      verdana, arial, helvetica, sans-serif; 
}
.form_textbox { 
    background-color: #FAFFBF;
    font-size:        1em;
    font-family:      verdana, arial, helvetica, sans-serif; 
}
input.form_checkbox { 
    background-color: #FAFFBF;
}

/*  =================================  */
/*  *** { Special Case Text Stuff ***  */
/*  =================================  */

dd {
    margin-left:     1em; 
}
dt{
    margin-top:     8px; 
}

/* *** { old text encapsulation compatibility rumplestilkin *** */
i     { font-style:      italic}
u     { text-decoration: underline}
em    { font-weight:     bold}
b     { font-weight:     bold}

/* end of stylesheet */