body
            {   
              font-family: Arial, Helvetica, sans-serif;
              background: #FFFFFF;
              color: #000000;
              margin-right: 0px;
              margin-left: 0px;
              margin-bottom: 0px;
              margin-top: 0px;
            }

li {
   padding-top: 5px;
}

/* link styles */
a:link
            {
              color: #003399;
              text-decoration: none
            }

a:visited   
            { 
              color: #000066; 
              text-decoration: none
            }

a:hover
            {
              text-decoration: underline;
            }

/* makes forms a little less cumbersome */
form        
            {
              margin-top: 0px;
              margin-bottom: 0px;
              margin-bottom: 5px;
            }

form.search        
            {
              margin-top: 1px;
              margin-bottom: 1px;
            }

.searchtable
            {
              background: #FFCC33;
              border-top:    1px solid #999999;
              border-bottom: 1px solid #999999;
              border-left:   1px solid #999999;
              border-right:  1px solid #999999;
            }

/* basic html tags */
/* add the indent class to your p tags if you need 
 *  to align them with an indented header 
 */
.indent
                    {
                          margin-left: 1em;
                          margin-right: 1em;
            }
                          
pre         {
              font-size: x-small;
              font-family: monospace;
            }

code         {
              font-size: x-small;
              font-family: monospace;
            }

/* style for the subtitle under the title graphic, if there is one */
.subtitle   
            {
              color: #FFFFFF;
              width: 100%;
              margin-left: 5px;
              margin-bottom: 2px;
              font-size: x-small;
              font-family : Verdana, Arial, Helvetica, sans-serif;
            }

/* three general text styles */
.small      
            {
              font-size: xx-small;
            }

.medium     
            {
              font-size: x-small;
            }

.large
            {
              font-size: 16px;
            }

.text       
            { 
              font-size: small; 
            }

/* style for utilities at top right: help, search, etc */
.utilities  
            { 
              font-size: xx-small;
            }

/* style for the footer */
.footer    
            {
              font-size: x-small;
              width: 100%;
              text-align: center;
              padding-bottom: 15px;
            }

/* style for the emergency banner */
.emergency  {
               border-top: 1px solid #EEEEEE;
               border-bottom: 1px solid #000000;
               border-left: 1px solid #EEEEEE;
               border-right: 1px solid #000000;
               margin-top: .3em;
               line-height: 1.5em;
               font-weight: bold;
               font-size: medium;
               background: #FF0000;
               width: 100%;
               color: #FFFFFF;
               text-align: center;
            }

.emergencyorange  {
               border-top: 1px solid #EEEEEE;
               border-bottom: 1px solid #000000;
               border-left: 1px solid #EEEEEE;
               border-right: 1px solid #000000;
               margin-top: .3em;
               line-height: 1.5em;
               font-weight: bold;
               font-size: medium;
               background: #FFCC00;
               width: 100%;
               color: #FFFFFF;
               text-align: center;
            }

.elink      { color: #FFFFFF; }

                                
/* CENTER AREA - NEWS CONTENT */
/* feature article styles */
.FTRhead    
            {
               font-size: medium;
               font-weight: bold;
            }

.FTRsubhead 
            {
               text-indent: 1em;
               margin-top: .5em;
               font-size: x-small;
               font-weight: bold;
            }

.FTRtext    {
               line-height: 1.3em;
               margin-top: .5em;
               text-indent: 1em;
               font-size : x-small;
            }

/* styles for normal news articles */
.newsborder {
               border-top: 1px solid #BBBBBB;
               padding-top: .5em;
               margin-top: .5em;
            }

.newsheadnoborder   {
               font-size : small;
               font-weight: bold;
            }

.newshead   {
               border-top: 1px solid #BBBBBB;
               padding-top: .5em;
               margin-top: .5em;
               font-size : small;
               font-weight: bold;
            }

.newstext   {
              font-size: x-small;
            }

.newsnew    {
               text-decoration: none;
               color: #CC3300;
               font-weight: bold;
               font-size: xx-small;
            }


/* RIGHT HAND WIDGET STYLES */
.RHStable   {
               margin-top: 3px;
               margin-bottom: 3px;
            }

.RHS
            {
               padding-right: 5px;
               padding-bottom: 2px;
               padding-top: 2px;
               font-size: x-small;
            }

.RHSUL
            {
               border-bottom: 1px solid #BBBBBB;
               padding-right: 5px;
               padding-bottom: 1px;
               margin-bottom: 2px;
               padding-top: 2px;
               font-size: x-small;
            }

.RHSsmall
            {
               padding-right: 5px;
               font-size: x-small;
            }

.RHShead
            {
               margin-left: 3px;
               margin-top: .2em;
               font-size: x-small;
               font-weight: bold;
            }

.RHSheadcolor
            {
               background: #99CCFF;
            }

.quote
            {
               color: #666666;
               font-size: medium;
               font-weight: bold;
               text-align: left;
               width: 100%;
               margin-top: .5em;
            }

.quotesig
            {
               color: #999999;
               font-size: x-small;
               font-style: italic;
            }

.cafe       {
               border-bottom: 1px solid #BBBBBB;
               margin-top: .5em;
               font-size: x-small;
               text-align: left;
            }

.calhead
            {
               border-bottom: 1px solid #BBBBBB;
               border-top: 1px solid #BBBBBB;
               font-weight: bold;
               margin-top: .5em;
               padding-right: 5px;
               padding-left: 5px;
               padding-bottom: 2px;
               font-size: x-small;
            }
.calitems
            {
               padding-right: 5px;
               padding-left: 5px;
               padding-bottom: 1em;
               padding-top: 2px;
               font-size: x-small;
            }

.guestcol
            {
               padding-right: 5px;
               padding-bottom: 0px;
               margin-bottom: 12px;
               padding-top: 2px;
               text-align: center;
               font-size: x-small;
            }

.headerlinx
            {
               margin-top: 0px;
               margin-bottom: 0px;  
               font-size: x-small;
            }
.headergrafx
            {
               margin-top: 15px;
               margin-bottom: 10px;
               margin-left: 2px;
            }

.headersmall
            {
               margin-top: 0px;
               margin-bottom: 15px;
               font-size: x-small;
            }

/* second level styles */
.secondlvlmainhead
            {
               color: #3399FF;
               margin-top: 10px;
               font-size: large;
               font-weight: bold;
            }

.secondlvlhead
            {
               border-top: 1px solid #BBBBBB;
               border-left: 1px solid #BBBBBB;
               background: #EEEEEE;
               margin-top: 1em;
               margin-bottom: .5em;
               margin-right: 1em;
               padding-left: .1em;
               font-size: small;
               font-weight: bold;
            }

.secondlvlhilite
            {
               border-top: 1px solid #FFCC66;
               border-left: 1px solid #FFCC66;
               background: #FFFFCC;
               margin-top: 1em;
               margin-bottom: .5em;
               margin-right: 1em;
               padding-left: .1em;
               font-size: medium;
               font-weight: bold;
            }

.secondlvllink
            {
               font-size: x-small;
               margin-left: 1em;
            }

.secondlvlsubhead
            {
               color: #3399FF;
               font-size: x-small;
               font-weight: 600;
               margin-top: .7em;
               margin-left: 1em;
               margin-right: 1em;
                            
            }

.secondlvllist
            {
               margin-left: 2em;
               margin-top: .0em;
               margin-bottom: .3em;
                                    
            }

.secondlvlgrayed
            {
               background: #EEEEEE;
               color: #666666;
            }

/* applications styles */
.tablehead
            {
               background: #CCCCCC;
               font-size: medium;
               font-weight: 600;
               text-align: left;
            }

.tableONrow
            {
               background: #EEEEEE;
               font-size: x-small;
            }

.tableOFFrow
            {
               background: #FFFFFF;
               font-size: x-small;
            }


.inputAreaButtons {
  background-color : #FFFBEF;
  border: 1px solid lightgrey;
}

.inputAreaTitle {
  background-color : #FFFBEF;
  border-top: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  font-weight: bold;
  font-size: x-small;
}

.inputAreaInfo {
  font-size: xx-small;  
}

.inputArea
{
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FFFBEF;
  border:1px solid lightgrey;
  font-size: xx-small;
}

.activeTab
{
   background-color: #FFFBEF;
}

.inactiveTab
{
   background-color: #EEEADE;
  border-bottom: 1px solid lightgrey;
}

.activeTabText
{
  border-top: 1px solid lightgrey;
}

.inactiveTabText
{
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}

.filterTopRight
{
  border-bottom: 1px solid lightgrey;
}

.filterBody {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FFFBEF;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}

.inputLabel {
  text-align: right;
}

.inputSpacer {
  height:7px;
  width:0;
}

.errorText {
   color:#FF0000;
   font-size: x-small;
   font-weight:bold;
}

.shadeHead {
   background-color:#99CCFF;
}

.shadeHeadText {
   color:#FFFFFF;
   font-size: xx-small;
   font-weight:bold;
}

.shadeBody {
   background-color:#CCCCCC;
}

.shadeBodyText {
   font-size: xx-small;
}

.shadeBodyTextRed {
   font-size: xx-small;
  color: red;
}

.shadeBodyTextBold {
   font-size: xx-small;
   font-weight:bold;
}

.prevnext {
   text-align:center;
   font-size: xx-small;
}

.sasFont {
   color:#003366;
}

.sasFontSmall {
   color:#003366;
   font-size: xx-small;
}

.pageheader {
   color:#FFFFFF;
   font-weight:bold;
}

.pageTitle
{
   color: #FFCC66;
   font-weight:bold;
}

.button { 
          background-color:#003399;
       color: white;
       border: 1px solid black;
          font-size: xx-small;
          font-family: arial, helvetica, verdana, sans-serif;
          text-align:center}

.starsfont { font-size:8pt;
             font-weight:bold;
             font-family:arial,helvetica}

.lisafont { font-size:8pt;
             font-family:arial,helvetica;
             font-weight:bold;
             color:#FFFFB3}

table
            {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              margin-left: 5px;
            }

table tr td table {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              margin-left: 0px;
            }

table.header {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              margin-left: 0px;
              padding-left: 0px;
              margin-right: 0px;
              padding-right: 0px
             }

td, th
            {
              font-family: Verdana, Arial, Helvetica, sans-serif;
            }

.smallwhite
{
   color: #FFFFFF;
   font-size: x-small;
}

/* link styles */
a.smallwhite:link
            {
              color: #FFFFFF;
              text-decoration: none
            }

a.smallwhite:visited   
            { 
              color: #FFFFFF; 
              text-decoration: none
            }

a.smallwhite:hover
            {
              color: #FFFFFF; 
              text-decoration: underline;
            }

h1  {
  font-family : Arial, Helvetica, sans-serif;
  color: #003399;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

h2  {
  font-family : Arial, Helvetica, sans-serif;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
}

.eventheader {
  font-size: 12px;
  font-weight: bold;
}

/* RIGHT HAND MENU STYLES */ 
.RHSheader
            {  
               border-top: 1px solid #BBBBBB;
               width: 100%;
               text-align: left;
               font-size: 12px;
               font-weight: bold;
               margin-top: 10px;
               margin-bottom: 3px;
               padding-right: 3px;
            }

.RHSLink
            { 
               width: 100%;
               font-size: 12px;
               text-align: left;
               margin-top: 0;
               margin-bottom: .3em;
               line-height: .9em;
               padding-right: 3px;
               padding-top: 1px;
               padding-bottom: 2px;
            }

.touchptSales { background-color: #99FF99; }
.touchptEvent { background-color: #FFCCCC; }

.desktopItem  {
  BACKGROUND-COLOR: #DCDCDC;
  Border: 1px solid #DCDCDC;
  font-size: xx-small;
}

.desktopItem TH {
  font-weight: bold;
  color: #003399;
  text-align: left;
}

.desktopItemSub {
  border: 1px solid #DCDCDC;
  border-top: none;
}

.desktopItemSub TH  {
  border-bottom: 1px solid #DCDCDC;
  font-weight: normal;
  text-align: center;
}

.desktopItemSubPlain  {
  border: 1px solid #DCDCDC;
  background-color: #EEEEEE;
}

.desktopItemSubPlain TD {
  border-bottom: 1px solid #DCDCDC;
}

input.readonly {
  background-color:#EEEEEE;
  color:black;
}

.productName  {
  font-size: large;
  font-style: italic;
  color: white;
}


.oddTableRow, .evenTableRow
{ 
  font-size: xx-small;
}

.oddTableRow
{
   background-color:#FFFBEF;
}

.evenTableRow {
   background-color:white;
}

.tableArea {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FFFBEF;
  border:1px solid lightgrey;
  font-size: xx-small;
}

th.tableHeader {
  background-color: #FFFBEF;
  border-bottom:1px solid lightgrey;
  color: black;
  font-weight: bold;
  font-size: xx-small;
  padding: 2px;
}

th.altTableHeader {
  background-color: #EEEADE;
  border-bottom:1px solid lightgrey;
  color: black;
  font-weight: bold;
  font-size: xx-small;
  padding: 2px;
}

a.tableHeader:link, a.tableHeader:active, a.tableHeader:visited, a.tableHeader:hover
{
  color: black;
  font-weight: bold;
  font-size: xx-small;
  text-decoration: underline;
}

a.altTableHeader:link, a.altTableHeader:active, a.altTableHeader:visited, a.altTableHeader:hover
{
  color: black;
  font-weight: bold;
  font-size: xx-small;
  text-decoration: underline;
}
    
.tableScroller {
  background-color: #FFFBEF;
}


.toolBarTop, .toolBarBottom
{
    padding-left: 5px;
  padding-right: 5px;
  background-color: #FFFBEF;
  border:1px solid #DCDCDC;
}

.toolBarTop
{
  border-bottom: none;
}

.toolBarBottom
{
  border-top: none;
}

.subheader {
   background-color:#DCDCDC;
}

.footer   {
   font-size: xx-small;
   width: 100%;
   text-align: center;
   padding-bottom: 15px;
}

/* LEFT HAND MENU STYLES */ 
.LHSheader
            {  
               width: 100%;
               text-align: center;
               font-size: 12px;
               font-weight: bold;
               margin-top: 10px;
               margin-bottom: 3px;
               padding-left: 3px;
            }

.LHSlink
            { 
               width: 100%;
               font-size: 10px;
               text-align: right;
               margin-top: 1px;
               margin-bottom: 3px;
               padding-top: 15px;
            }

/*
 * DJH: Styles from overlib (http://www.bosrup.com/web/overlib/)
 * used in com.sas.apps.crm.Tooltip
 */
.overlibFgClass {
  color:#FFFFFF;
}
.overlibBgClass {
  background-color:#CCCCFF;
}
.overlibTextFontClass {
   color:#000000;
   font-family:verdana,arial,helvetica;   
   font-size:xx-small;
}
.overlibCaptionFontClass {
   color:#000000;
   font-family:verdana,arial,helvetica;   
   font-size:xx-small;
   font-weight:bold;
}
.overlibCloseFontClass {
   color:#9999FF;
   font-family:verdana,arial,helvetica;   
   font-size:xx-small;
}

.bannerLineBg {	
	background-color: #FFCC33;
	height: 2px;
}

.bannerLineBottomBg {	
	background-color: #6495ED;
	height: 2px;
}

.header	{
	color: White;
	font-size: xx-small;
	text-align : left;
	background-color : #6495ED;
}

.topbar
{
  background: #000000;
  border-bottom: #FFCC66 solid 1px;
}

.dayClass
{
  font-weight: bold;
  padding-top: 1px;
}

/* link styles */
a.eventToday:link
            {
              color: #FFFFFF;
              text-decoration: none
            }

a.eventToday:visited
            {
              color: #FFFFFF;
              text-decoration: none
            }

a.eventToday:hover
            {
              color: #FFFFFF;
              text-decoration: underline;
            }

a.eventToday:active
            {
              color: #FFFFFF;
              text-decoration: underline;
            }

.bold {
   font-weight: bold;
}

a.calendarHeader:link { color: #FFFFFF; }
a.calendarHeader:visited { color: #FFFFFF; }
a.calendarHeader:hover { color: #FFFFFF; }
a.calendarHeader:active { color: #FFFFFF; }

/* default opacity for IE */
img {
        filter:alpha(opacity=100);
        }

/* duplicate image positioning */
img.idupe {
        position:absolute;
        z-index:30000;
        visibility:hidden;
        }
~