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

   scrollbar-arrow-color:#33FF33;
   scrollbar-base-color:#009900;
   scrollbar-darkshadow-color:#000D00;
   scrollbar-face-color: #009900;
   scrollbar-highlight-color:#33FF33;
   scrollbar-track-color:#222222;
   scrollbar-shadow-color:#22D000;
}

li {
   padding-top: 5px;
}

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

a:visited   
            { 
              color: #33FF33; 
              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;
  layer-background-color : #FFFBEF;
  border: 1px solid lightgrey;
}

.inputAreaTitle {
  background-color : #FFFBEF;
  layer-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;
  layer-background-color: #FFFBEF;
  border:1px solid lightgrey;
  font-size: xx-small;
}

.activeTab
{
   background-color: #FFFBEF;
   layer-background-color: #FFFBEF;
}

.inactiveTab
{
   background-color: #EEEADE;
   layer-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;
  layer-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;
   layer-background-color:#99CCFF;
}

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

.shadeBody {
   background-color:#CCCCCC;
   layer-background-color:#CCCCCC;
}

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

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

.row {
   background-color:#666666;
   layer-background-color:#666666;
}

.rowAlt {
}

.rowHilite {
   background-color: #669966;
   layer-background-color: #669966;
}

.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, .smallbutton { 
   background-color:#339933;
   layer-background-color:#339933;
   color: #000000;
   border-top: 1px solid #33FF33;
   border-left: 1px solid #33FF33;
   border-right: 1px solid #006600;
   border-bottom: 1px solid #006600;
   text-align:center;
   cursor: hand;
}

.smallbutton {
   font-size: 7pt;
   margin: -5px;
}

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

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

.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: #FFFFFF;
  font-weight: bold;
  font-size: medium;
}

h2  {
  font-family : Arial, Helvetica, sans-serif;
  color: #33FF33;
  font-weight: bold;
  font-size: small;
}

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

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

a.RHSlink:link, a.RHSlink:active, a.RHSlink:visited, a.RHSlink:hover
{
   color: white;
}

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

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

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

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

th.altTableHeader {
  background-color: #EEEADE;
  layer-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;
  layer-background-color: #FFFBEF;
}


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

.toolBarTop
{
  border-bottom: none;
}

.toolBarBottom
{
  border-top: none;
}

.subheader {
   background-color:#DCDCDC;
   layer-background-color:#DCDCDC;
}

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

/* LEFT HAND MENU STYLES */ 
.LHSheader
            {  
               border-top: 1px solid #33CC33;
               width: 100%;
               text-align: right;
               font-size: x-small;
               font-weight: bold;
               margin-top: 10px;
               margin-bottom: 3px;
               padding-left: 3px;
            }

.LHSlink
            { 
               width: 100%;
               font-size: x-small;
               text-align: right;
               margin-top: 1px;
               margin-bottom: 0px;
               padding-top: 0px;
            }

a.LHSlink:link, a.LHSlink:active, a.LHSlink:visited, a.LHSlink:hover
{
   color: white;
}

/*
 * DJH: Styles from overlib (http://www.bosrup.com/web/overlib/)
 * used in com.sas.apps.crm.Tooltip
 */
.overlibFgClass {
  color:#FFFFFF;
}
.overlibBgClass {
  background-color:#CCCCFF;
  layer-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;
	layer-background-color: #FFCC33;
	height: 2px;
}

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

.header	{
	color: #ffffff;
	font-size: x-small;
	text-align : left;
	background-color : #339933;
	layer-background-color : #339933;
}

a.header:link, a.header:active, a.header:visited, a.header:hover
{
   color: white;
}

.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;
            }

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

.infoName
{
   color: #33FF33;
}

.infoVal
{
	text-align: right;
}

.formlabelreq
{
   color: #33ff33;
}

.sortArrow
{
   color: #00FF00;
}

.positive
{
   color: #00FF00;
   font-weight: bold;
}

.neutral
{
   font-weight: bold;
}

.negative
{
   color: #FF0000;
   font-weight: bold;
}