/*
userstyle.css
a sample style sheet
*/

/*
general info on CSS style sheets
ref: http://www.w3.org/TR/REC-CSS1 for general information on CSS

any HTML tag may be specified or specific tags may be specified using CLASS
the only one currently used (2004-1-23) is <TD CLASS=DemoInstructions>
 on the customer information form for card # and expire date

following are the settable properties. see the reference for value syntax.

Font properties: font-family font-style font-variant font-weight font-size font

Color and background properties: color background-color background-image background-repeat background-attachment background-position background

Text properties: word-spacing letter-spacing text-decoration vertical-align text-transform text-align text-indent line-height

Box properties: margin-top margin-right margin-bottom margin-left margin padding-top padding-right padding-bottom padding-left padding border-top-width border-right-width border-bottom-width border-left-width border-width border-color border-style border-top border-right border-bottom border-left border width height float clear

Classification properties: display white-space list-style-type list-style-image list-style-position list-style

*/

/*
specific information for IES eScheduling pages
form IDs: frmLogon frmSelectCust frmWelcome frmServices frmShowServices frmTimes frmCustInfo
table IDs: tblSelectCust tblServices tblShowServices tblTimes tblCustInfo tblShowTime
classes: DemoInstructions
*/

/* applies to the body and all HTML tags within */
BODY
{
    FONT-SIZE: medium;
    FONT-FAMILY: tahoma, sans-serif;
    BACKGROUND-COLOR: #999999;
}

/* tables are used for forms and for displaying 
   selected service information */

TABLE                 /* all tables */
{
    FONT-SIZE: smaller;
    margin: 1;
    padding: 3;
}

/* the table of customer names 
  when there are multiple matches to an email (ID tblSelect) */
TABLE#tblSelectCust   
{
}

/* the TD (cells) in the table with ID tblTimes 
   and the TD in the table with ID tblShowTime 
   etc */
TABLE#tblTimes td, table#tblShowTime td, table#tblShowServices td,
table#tblShowServices th
{    
    padding: 0em 1em;   /* top (& bottom) right (& left) */
}

/* TH is used for the top (header) row in the service display table 
   on service selection and date selection forms */
TH
{
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: left
}

/* TD.DemoInstructions is used for the instructions (used on the
   eScheduling demo site) next to the credit card number and
   credit card expiration date entry boxes */
TD.DemoInstructions
{
    /* FONT-WEIGHT: bolder; */
    FONT-SIZE: smaller;
    color: red;
}

/* radio buttons on the date selection form */
span#radioon, span#radioafter
{
    word-spacing: 1em;
    border-left: solid thin;      /* make a little bar between buttons */
}