﻿/*
NGSMedicare.com Style Sheet
Version: 20090708-01

TABLE OF CONTENTS

SECTION I     -- MARKUP & FONT SETTINGS 
SEXTION II    -- HOMEPAGE POSITION SETTINGS
SECTION III   -- ATTESTATION POSITION SETTINGS
SECTION IV    -- HEADER POSITION SETTINGS
SECTION V     -- PORTALHEAD POSITION SETTINGS
SECTION VI    -- NAVIGATION POSITION SETTINGS
SECTION VII   -- BREADCRUMB POSITION SETTINGS
SECTION VIII  -- WHATSNEW POSITION SETTINGS
SECTION IX    -- PAGETOPICS POSITION SETTINGS 
SECTION X     -- CONTENT POSITION SETTINGS
SECTION XI    -- FOOTER POSITION SETTINGS
SECTION XII   -- PREVIEW POSITION SETTINGS
SECTION XIII  -- LCD POSITION SETTINGS 

Please see the file WebDynamicStyles.css for User-selectable Styles
including most Font definitions.


  FONT SCALABILITY THROUGH BROWSER SETTINGS

  Notes:  To keep a font constrained to the original 'designed' size
          specify the default font setting in a class declaration for
          that CSS controlled before using the style markup:

          i.e.: <span class="em_default"><h1>Constrained</h1></span>
                      ^^^^^^^^^^^^^^^^^^

          To allow the font to be scalable and allow users to increase 
          or decrease a font size based on browser settings, leave out
          the default setting for that style 'container':

          i.e.: <span      ><h1>Constrained</h1></span>
                      ^^^^

  Where:  .em_default{font-size: 12pt;}
          h1{font-size:1.3em;}

*/


/************************************************************************************************/
/* SECTION I -- MARKUP & FONT SETTINGS                                                          */
/************************************************************************************************/

.AttestationTextFont
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  margin-bottom: 12px;
  line-height: 16px;
  margin-top: 0px;
  margin-top:11px !important; /* IE6 HACK */
}
.viewall
{
  color: #0000CC;
  font-size:1.0em;
}
   
hr {
  text-align: center;
  width: 100%;
  height: 1px;
  color: #bbb;
  border: none;
} 
html>body hr /* For Internet Explorer */
{ 
  margin-right: 0;
  width: 100%;
  height: 1px;
  background-color: blue;
  border: none;
} 
html>body hr /* For Gecko-based browsers */
{
  margin-right: 0;
  width: 100%;
  height: 1px;
  background-color: #bbb;
  border: 0px solid #bbb;
} /* For Opera and Gecko-based browsers */

p.nospace
{
  margin-top:0px;
  margin-bottom: 0px;
  line-height: 16px;
  margin-top: -5px;
  margin-top:-5px !important; /* IE6 HACK */
}
.chevron /* double-right arrow for lists (>>)*/
{
  font-size:8px;
  vertical-align:middle;
  letter-spacing:-2px;
}
img 
{
  border: 0;
}
.noSpaceAfter {
  margin-top: 0px;
  margin-bottom: 0px;
}
span.nospace
{
  font-size: 0.75em;
  line-height: 16px;
  margin-top:11px !important; /* IE6 HACK */
  padding-top:0px;
  margin-bottom:0px;
}

label /* For User Input Control Labels */
{
  font-size : 0.70em;
  font-weight:bold;    
}
.fontLabel /* Font used for control labels */
{
  font-size:11px;
  font-weight:bold;
  color:Red;
}
.fontWhatsNewDateTime
{
  font-size: 0.8em;
  font-weight:bold;
  margin-top: 0px;
  margin-bottom: 12px;
}
.fontWhatsNewArticle
{
  font-size: 0.8em;
  margin-top: 0px;
  margin-bottom: 12px;     
}

.header
{
  font-size:1.8em; 
  margin-bottom: 10px;    
}

/* News Index */
tr.NewsHead
{
  background-color:#000066;
  color:White;
  font-size:12px;
  font-weight:bold;    
}
tr.NewsList
{
  background-color:#FAFAFD;
  font-size:12px;  
}
tr.NewsListAlt
{
  background-color:#EBEBF6;   
  font-size:12px;
}
/* End News Index */

/* Bread Crumb */
.fontBreadCrumbCriteria 
{
  font-family:verdana;
  font-size: 11px; 
  margin-top: 0px;
  margin-bottom: 12px;
}
.fontBreadCrumbLinks
{
  font-family:verdana;
  font-size: 11px; 
  margin-top: 0px;
  margin-bottom: 12px;
}
/* End Bread Crumb */

/* Footer */
.fontFooterCopyright
{
  font-family:verdana;
  font-size: 10px;
}
.fontFooterNavigationMenuItem
{
  font-family:verdana;
  font-size:10px
}
/* End Footer */
/************************************************************************************************/
/* END MARKUP & FONT SETTINGS                                                                   */
/************************************************************************************************/

/**********************************************************************************
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
###################################################################################

                        NO FONT SETTINGS BELOW THIS LINE!                        

                        POSITIONING SETTINGS ONLY BELOW. 
           The CSS styles found below control the positional attributes 
           of controls and containers and should not be changed unless
           movement of those controls and containers is desired. Adding 
           font settings will cause fonts to behave improperly with 
           respect to accessiblity options.

###################################################################################
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
/*********************************************************************************/

/************************************************************************************************/
/* SECTION II -- HOMEPAGE POSITION SETTINGS                                                     */
/************************************************************************************************/

/* ----------------------------------------------------------------------- */
/* Adjust the HOMPAGE HEIGHT by adjusting the following four height: properties */
#HomePageContainer
{
  z-index:1; 
  width: 970px; 
  height: 500px; /* Original Setting: 500px */
  position:relative; 
  background-color:#fafafd; 
  margin-right: auto; 
  margin-left: auto;    
}
#HomePageLeftGrey
{
  width: 239px; 
  height: 175px; /* Original Setting: 175px */
  bottom:0px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto; 
  left: 0px;
}
#HomePageRightGrey
{
  width: 239px; 
  height: 310px; /* Original Setting: 310px */
  bottom:0px; 
  right:0px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}
#HomePageMainContent
{
  width: 440px; 
  height: 300px; /* Original Setting: 300px */
  top:190px; 
  left: 269px;
  position:absolute; 
  margin-right: auto;  
  margin-left: auto;
  z-index:1;

}
#HomePageFooterContainer
{
  z-index:500; 
  width: 970px; 
  height: 20px; 
  position:absolute; 
  background-color:#EBEBF6;
  top:500px;
}
/* ----------------------------------------------------------------------- */

#HomePageMainContentTitle
{
  width: 450px; 
  height: 90px; 
  top:-7px; top:5px !important; /* ! = IE Hack */ 
  left: 0px; 
  position:absolute; 
  z-index:2;
}
.HomePageGettingStarted
{
  width: 186px; 
  height: 135px; 
  left:28px; 
  position:absolute;
  z-index:0; 
  top:183px; top:195px !important; /* ! = IE Hack */  
}
.HomePagePeopleWithMedicare
{
  width: 201px; 
  height: 45px; 
  top:173px; top:190px !important; /* ! = IE Hack */ 
  left: 0px; 
  position:absolute; 
  z-index:2;
}
#HomePagePeopleWithMedicareGO
{
  width:31px; 
  height:20px; 
  top:14px; top:0px !important; /* ! = IE Hack */ 
  Right:0px; 
  position:absolute;
}
.HomePageCongressionalOffices
{
  width: 201px; 
  height: 45px; 
  top:190px !important; /* ! = IE Hack */
  left: 221px; 
  position:absolute; 
  z-index:2;
}
#HomePageCongressionalOfficesGO
{
  width:31px; 
  height:20px; 
  top:0px;  /* ! = IE Hack */ 
  Right:-3px; 
  position:absolute;
}
.HomePage3rdOption
{
  width: 350px; 
  height: 45px; 
  top:247px !important; top:230px;  /* IE6 HACK */
  left: 0px;  
  position:absolute; 
  z-index:2;
}
#HomePage3rdOptionGO
{
  width:31px; 
  height:20px; 
  top:12px; 
  Right:0px; 
  position:absolute;
}
#HomePageMessageContainer
{
  width: 970px; 
  height: 108px; 
  position:relative; 
  background-color:#EBEBF6; 
  margin-right: auto;  
  margin-left: auto;    
}
#HomePageBusinessRegion
{
 z-index:1; 
 width: 350px; 
 height: 80px; 
 top:85px; 
 left:0px; 
 position:absolute;
}
#HomePageBusinessRegionGO
{
  width:31px; 
  height:20px; 
  top:32px; 
  Right:0px; 
  position:absolute;
}
#HomePageMainGraphic
{
  width:320px; 
  height:169px; 
  top:0px; 
  right:0px; 
  position:absolute; 
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto; 
  z-index:1;
}
#HomePageBlueBar
{
  width: 700px; 
  height: 75px; 
  top:120px; 
  position:absolute; 
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto; 
  left: 0px; 
  z-index:0;
}


#HomePageLeftGreyTopCurve
{
  width: 24px; height: 20px; 
  top:0px; right: 0px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}
#HomePageLeftGreyBottomCurve
{
  width: 26px; height: 25px; 
  bottom:0px !important; bottom:-3px; /* IE6 HACK */
  right: -26px !important;  right: -27px; /* IE6 HACK */
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}

#HomePageRightGreyTopCurve
{
  width: 23px; 
  height: 20px; 
  top:0px; 
  left: 0px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto;
   margin-left: auto;
}
#HomePageRightGreyBottomCurve
{
  width: 30px; 
  height: 25px; 
  bottom:0px; 
  left: -26px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}

.HomePageWelcomeContent
{
  width: 600px; 
  height: 98px; 
  z-index:1; 
  position:absolute; 
  left:28px; 
  top: 20px; top:20px !important; /* ! = IE Hack */
}
#HomePageMULogo
{
  z-index:500; 
  width:150px; 
  height:67px; 
  position:absolute; 
  right:20px; 
  bottom:80px;
}
#HomePageCMSLogo
{
  z-index:500; 
  width: 150px; 
  height: 57px; 
  position:absolute; 
  right:20px;  
  bottom:0px;
}
.SiteTutorialContainer
{
  position:absolute; 
  left:28px; 
  top:25px; top:5px !important; /* ! = IE Hack */
  width:190px; 
  height:140px; 
}
#labelBusinessType
{
  position:absolute;
  top:0px;
  left:0px;
}
#BusinessType
{
  position:absolute;
  top:15px;
  left:0px;
}
#labelRegions
{
  position:absolute;
  top:40px;
  left:0px;
}
#Regions
{
  position:absolute;
  top:55px;
  left:0px;
}

#HomePageRule
{
  position:absolute;
  top:158px;
  left:0px;
  width:425px;
  border-top:0px;
  border-right:0px;
  border-left:0px;
  border-bottom:1px;
  border-style:dotted;    
}


/************************************************************************************************/
/* END HOMEPAGE                                                                                 */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION III -- ATTESTATION POSITION SETTINGS                                                 */
/************************************************************************************************/
/* ----------------------------------------------------------------------- */
/* Adjust the ATTESTATION HEIGHT by adjusting the following four height: properties */
#AttestationContainer
{
  z-index:1; 
  width: 970px; 
  height: 500px; /* Original Setting: 500px */
  position:relative; 
  background-color:#fafafd; 
  margin-right: auto; 
  margin-left: auto;    
}



#AttestationRightGrey
{
  width: 239px; 
  height: 450px; /* Original Setting: 310px */
  bottom:0px; 
  right:0px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}
#AttestationMainContent
{
  width: 440px; 
  height: 300px; /* Original Setting: 300px */
  top:190px; 
  left: 269px;
  position:absolute; 
  margin-right: auto;  
  margin-left: auto;
  z-index:1;

}
#AttestationFooterContainer
{
  z-index:500; 
  width: 970px; 
  height: 20px; 
  position:absolute; 
  background-color:#EBEBF6;
  top:500px;
}
/* ----------------------------------------------------------------------- */
.AttestationTextArea
{
position:absolute; 
top:130px; 
left:28px; 
width:672px; 
height:284px
}
#AttestationButtonBox
{
position:absolute; 
top:440px; 
left:28px; 
width:672px; 
height:30px    
}
.AttestationButton
{

top:0px; 
left:0px; 
width:80px; 
height:25px    
    }
#AttestationMainContentTitle
{
  width: 672px; 
  height: 100px; 
  top:20px; top:25px !important; /* ! = IE Hack */ 
  left: 28px; 
  position:absolute; 
  z-index:2;
}
.AttestationGettingStarted
{
  width: 186px; 
  height: 135px; 
  left:28px; 
  position:absolute;
  z-index:0; 
  top:183px; top:195px !important; /* ! = IE Hack */  
}
.AttestationPeopleWithMedicare
{
  width: 201px; 
  height: 45px; 
  top:153px; top:170px !important; /* ! = IE Hack */ 
  left: 0px; 
  position:absolute; 
  z-index:2;
}
#AttestationPeopleWithMedicareGO
{
  width:31px; 
  height:20px; 
  top:14px; top:0px !important; /* ! = IE Hack */ 
  Right:0px; 
  position:absolute;
}
.AttestationCongressionalOffices
{
  width: 201px; 
  height: 45px; 
  top:170px !important; /* ! = IE Hack */
  left: 221px; 
  position:absolute; 
  z-index:2;
}
#AttestationCongressionalOfficesGO
{
  width:31px; 
  height:20px; 
  top:0px;  /* ! = IE Hack */ 
  Right:0px; 
  position:absolute;
}
.Attestation3rdOption
{
  width: 350px; 
  height: 45px; 
  top:247px !important; top:230px;  /* IE6 HACK */
  left: 0px;  
  position:absolute; 
  z-index:2;
}
#Attestation3rdOptionGO
{
  width:31px; 
  height:20px; 
  top:12px; 
  Right:0px; 
  position:absolute;
}
#AttestationMessageContainer
{
  width: 970px; 
  height: 108px; 
  position:relative; 
  background-color:#EBEBF6; 
  margin-right: auto;  
  margin-left: auto;    
}
#AttestationBusinessRegion
{
 z-index:1; 
 width: 350px; 
 height: 80px; 
 top:85px; 
 left:0px; 
 position:absolute;
}
#AttestationBusinessRegionGO
{
  width:31px; 
  height:20px; 
  top:35px; 
  Right:0px; 
  position:absolute;
}
#AttestationMainGraphic
{
  width:320px; 
  height:169px; 
  top:0px; 
  right:0px; 
  position:absolute; 
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto; 
  z-index:1;
}
#AttestationBlueBar
{
  width: 700px; 
  height: 75px; 
  top:120px; 
  position:absolute; 
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto; 
  left: 0px; 
  z-index:0;
}


#AttestationLeftGreyTopCurve
{
  width: 24px; height: 20px; 
  top:0px; right: 0px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}
#AttestationLeftGreyBottomCurve
{
  width: 26px; height: 25px; 
  bottom:0px !important; bottom:-3px; /* IE6 HACK */
  right: -26px !important;  right: -27px; /* IE6 HACK */
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}

#AttestationRightGreyTopCurve
{
  width: 23px; 
  height: 20px; 
  top:0px; 
  left: 0px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto;
   margin-left: auto;
}
#AttestationRightGreyBottomCurve
{
  width: 30px; 
  height: 25px; 
  bottom:0px; 
  left: -26px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}

.AttestationWelcomeContent
{
  width: 600px; 
  height: 98px; 
  z-index:1; 
  position:absolute; 
  left:28px; 
  top: 20px; top:20px !important; /* ! = IE Hack */
}
#AttestationMULogo
{
  z-index:500; 
  width:150px; 
  height:67px; 
  position:absolute; 
  right:10px; 
  bottom:80px;
}
#AttestationCMSLogo
{
  z-index:500; 
  width: 150px; 
  height: 57px; 
  position:absolute; 
  right:10px;  
  bottom:0px;
}

/************************************************************************************************/
/* END ATTESTATION                                                                              */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION IV -- HEADER                                                                         */
/************************************************************************************************/
#HeaderContainer
{
  width: 970px; 
  height: 120px; 
  background-color: #EBEBF6; 
  position:relative;
  margin-right: auto; 
  margin-left: auto;    
}
.HeaderIMGButtonPrint
{
  top:15px;
  left:640px;
  position:absolute;
}
.HeaderIMGButtonListServ
{
  top:15px;
  left:850px;
  position:absolute;
}
.HeaderIMGButtonBookmark
{
  top:15px;
  left:730px;
  position:absolute;
}
.HeaderSearchLabel
{
  width: 25px; 
  height: 1px; 
  position: absolute;
  left: 707px;
  top: 55px; 
}
.HeaderSearchTextBox
{
  left:760px; /* Label "left" plus 45px */
  width: 140px;
  height:16px;
  top: 50px; 
  position: absolute;
}
.HeaderIMGButtonHeaderGo
{
  top:50px;
  left:918px;
  position:absolute;
}
#HeaderSpacer /* This is the space just below the header, and just above the next element below */
{
  width: 970px; 
  height: 8px; 
  font-size:1px; /* IE HACK, do not remove */
  margin-right: auto; 
  margin-left: auto;    
}
.HeaderNGSLogo
{
  position:relative; 
  top:32px; 
  left:32px
}
.HeaderIMGButtonNarrowSearch
{
  top:85px;
  left:830px;
  position:absolute;
}
.HeaderLA
{
  position:absolute;
  color:#EBEBF6; /* This should match the background color of the header at all times. */
  top:0px;
  left:0px;
  z-index:45px;
  font-size:8px;    
}
.HeaderTextOnly
{
  position:absolute;
  top:10px;
  left:0px;
  z-index:45px;
}
/************************************************************************************************/
/* END HEADER                                                                                   */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION V -- PORTALHEAD                                                                      */
/************************************************************************************************/
#PortalHeadContainer
{
  width: 970px; 
  height: 108px; 
  position:relative;
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;    
}
#PortalHeadWhite
{
  width: 488px; 
  height: 108px; 
  background-color: #fafafd; 
  position:absolute;
  left:0px;
  top:0px;
}
.PortalHeadCurve
{
  width: 23px; 
  height: 108px; 
  position:absolute;
  left:0px;
  top:0px;
}
.PortalHeadWhiteContent
{
  width: 425px; 
  height: 88px; 
  top:0px;
  position:absolute;
  left:28px;
}
.PortalHeadMU
{
  width: 150px; 
  height: 67px; 
  position:absolute;
  left:800px;
  top:20px
}
.PortalHeadEventsCalendarTitle
{
  width: 150px; 
  height: 15px; 
  position:absolute;
  left:519px;
  top:15px
}
.PortalHeadEventsCalendarLabel
{
  width: 150px; 
  height: 15px; 
  position:absolute;
  left:520px;
  top:45px
}
.PortalHeadEventsCalendarControls
{
  width: 267px; 
  height: 30px; 
  position:absolute;
  left:520px;
  top:60px
}
.PortalHeadEventsGoButton
{
  width: 267px; 
  height: 30px; 
  position:absolute;
  left:752px;
  top:60px
}
/************************************************************************************************/
/* END PORTALHEAD                                                                               */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION VI -- NAVIGATION                                                                     */
/************************************************************************************************/
#NavigationContainer
{
  width: 970px; 
  height:28px; /* IE6 HACK - This value must be adjusted to center the position of the child items (MainNavigationMenuItem) */
  position:relative;
  margin-right: auto; 
  margin-left: auto;    
}
#NavigationInnerContainer
{
  width: 970px; 
  height:28px; /* IE6 HACK - This value must be adjusted to center the position of the child items (MainNavigationMenuItem) */
  position:Absolute;
  left:40px; /* Use this setting to shift the entire navigation menu left and right */
  top:0px;
}
.MainNavigation
{
  position: absolute;
  width:970px;
  left: 0px;
  top: 5px;    
}
.MainNavigationMenuItem 
{
  font-family:verdana;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  height:24px; /* IE6 HACK - This value must be adjusted to center the position in the parent container (NavigationContainer) */
}
.MainNavigationMenuItem a
{
    font-family: verdana;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 24px; /* IE6 HACK - This value must be adjusted to center the position in the parent container (NavigationContainer) */
}
.MainNavigationMenuItem a:hover
{

    font-family: verdana;
    color: #330066;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    background-color: #FFFFFF;
    padding-bottom:5px;
    padding-top:4px;
    padding-left:0px;
}

.SubNavigationMenuItem
{
}

.SubNavigationMenuItem a
{
}

.SubNavigationMenuItem a:hover
{
}


.MenuLink1 
{
  color: #330066;
  font-size:11pt;
  font-family:Verdana;
  font-weight:bold;
}
.MenuLink2 
{
  color: #FF0000;
  font-size:11pt;
  font-family:Verdana;
  font-weight:normal;

}

/************************************************************************************************/
/* END NAVIGATION                                                                               */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION VII -- BREADCRUMB                                                                    */
/************************************************************************************************/
#BreadCrumbContainer
{
  width: 970px; 
  height: 52px; 
  position:relative;
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto;    
}
#BreadCrumbRight
{
  width: 480px; 
  height: 52px; 
  background-color:#EBEBF6;
  position:Absolute;
  left:487px;
  top:0px;
  margin-right: auto; 
  margin-left: auto;    
}
.BreadCrumbCriteria
{
  width: 450px; 
  height: 15px; 
  position:Absolute;
  left:25px;
  top:7px;
}
.BreadCrumbLinks
{
  width: 450px; 
  height: 15px; 
  position:Absolute;
  left:25px;
  top:26px;
}
/************************************************************************************************/
/* END BREADCRUMB                                                                               */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION VIII -- WHATSNEW                                                                     */
/************************************************************************************************/
#WhatsNewContainer
{
  width: 240px;
  height: 100%;
  min-height: 100%;
  background-color: #EBEBF6;
  position: absolute;
  left: 0px;
  top: 0px;
  margin-right: auto;
  margin-left: auto;
}
#WhatsNewMainGraphic
{	
  width: 240px;
  height: 174px;
  position:absolute;
  left:0px;
  top:-52px;
  margin-right: auto;
  margin-left: auto;
}
#WhatsNewCurveGraphic
{
  border-style: dashed;
  border-width: 1px 0px 0px 0px;
  border-color: #FFFFFF;
  width: 26px;
  height: 100%;
  position: absolute;
  left: 240px;
  top: 0px;
}
#WhatsNewBottomCurve
{
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 26px;
  height: 25px;
  left: 0px;
  bottom: 0px !important; bottom: -2px; /* IE HACK */
  vertical-align: bottom;
  background-image: url(images/LeftColumnCurve.gif);
}
.WhatsNewContent
{
  position:absolute;
  left:28px;
  top:141px;
  height:6px;
  width:188px;
  z-index:0;
}
.WhatsNewViewControls
{
  position:absolute;
  left:0px;
  top:70px;
  height:20px;
  width:186px;
}
.WhatsNewGoButton
{
  position:absolute;
  Right:0px;
  top:0px;
}
.WhatsNewArticle
{
  position:absolute;
  left:0px;
  top:100px;
  height:4px;
  width:186px;    
  z-index:1;
}
/************************************************************************************************/
/* END WHATSNEW                                                                                 */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION IX -- PAGETOPICS                                                                     */
/************************************************************************************************/
.PageTopicsContainer
{
  border-style: dashed;
  border-width: 1px;
  width: 267px;
  height:100%;
  min-height:100%;
  background-color: #EBEBF6;
  position: absolute;
  left: 703px;
  top: 0px;
  margin-right: auto;
  margin-left: auto;
}
#PageTopicsCurveGraphics
{
  width: 30px; 
  height: 100%; 
  background-color: #fafafd; 
  position:absolute; 
  left:0px;
  top:0px;
  margin-right: auto; 
  margin-left: auto;    
}
#PageTopicsBottomCurve
{
  position:absolute;
  left:0px;
  bottom:0px; bottom:-1px !important; /* IE HACK */
}
.PageTopicsContent
{
	position: absolute;
	left: 51px;
	top: 27px; /* This setting is overridden in ctrlPageTopics.ascx */
	width: 210px;
	z-index: 25;
}
.PageTopicsTitle
{
  font-size:18px;
  font-weight:bold;
  line-height:100%;
  margin:-5px
}
#PageTopicsMULogo
{
  z-index:500; 
  width: 150px; 
  height: 67px; 
  position:absolute; 
  left:95px;  
  top:27px; top:27px !important; /* IE HACK */
}
#PageTopicsPECOSLogo
{
  z-index:500; 
  width: 160px; 
  height: 85px; 
  position:absolute; 
  left:85px;  
  bottom:150px; 
  bottom:72px !important; /* IE HACK */
}
#PageTopicsCMSLogo
{
  z-index:500; 
  width: 150px; 
  height: 57px; 
  position:absolute; 
  left:95px;  
  bottom:20px;
}

#PageTopicsGoGreenLogo
{
  z-index:500; 
  position:absolute; 
  left:97px;  
  bottom:101px;
}

/************************************************************************************************/
/* END PAGETOPICS                                                                               */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION X -- CONTENT                                                                         */
/************************************************************************************************/
.MainContent
{
  border-width: 5px;
  border-color: inherit;
  background-color: #fafafd;
  width: 970px;
  height: 100%; 
  min-height:500px;/*100%;*/
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.DateLastModified
{
  bottom:3px;
  left:0px;
  width:300px;
  height:12px;
  position:absolute;
}
.MainContentGrow /* Due to the tables in the Content area, and IE6, you have to set this class up to set min heights. */
{
  min-height:410px;
  height:auto !important;  /* IE HACK */
  height:410px; /* IE HACK */

}
.MainContentPortal
{
  border-width: 5px;
  border-color: inherit;
  background-color: #fafafd;
  width: 970px;
  height: 350px; /* SET THE PORTAL PAGE CONTENT (WHITE SPACE) HEIGHT HERE */
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
#PreProductionDocumentInfo
{
  width: 300px;
  height: 45px; 
  position: absolute;
  top:-70px;
  font-size:12px;
  font-weight:bold;
  font-family:Courier New;
}
.PortalPagePlaceHolder1
{
  width: 240px; 
  position:absolute; 
  top:20px;
  left:267px;
  margin-right: 480px; 
  margin-left: auto; 
  border-style:solid;
  border-color:#fafafd;
  border-width:0px;
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
}
.PortalPagePlaceHolder2
{
  width: 230px; 
  position:relative;
  top:20px;
  margin-right: 230px; 
  margin-left: auto; 
  border-style:solid;
  border-color:#fafafd;
  border-width:0px;
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
}
.ContentPagePlaceHolder
{
  width: 664px; 
  left:-127px;
  position:relative;
  height:auto;
  top:20px;
  margin-right: auto; 
  margin-left: auto; 
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;

  /* font-size:.8em; DO NOT PLACE FONT SIZE INFORMATION IN POSITIONING SECTIONS! SEE EXPLANATION AT TOP OF FILE. */
}
.ContentPagePlaceHolder2
{
  width: 664px; 
  left:20px;
  position:relative;
  top:20px;
  margin-right: auto; 
  margin-left: auto; 
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
  /* font-size:.8em;  DO NOT PLACE FONT SIZE INFORMATION IN POSITIONING SECTIONS! SEE EXPLANATION AT TOP OF FILE. */
}
.ContentPagePlaceHolderTbl
{
  width: 664px; 
  left:20px;
  position:relative;
  top:20px;
  margin-right: auto; 
  margin-left: auto; 
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
  /* font-size:.8em;  DO NOT PLACE FONT SIZE INFORMATION IN POSITIONING SECTIONS! SEE EXPLANATION AT TOP OF FILE. */
}
#ContentHeadContainer
{
  width: 970px; 
  height: 25px; 
  position:relative;
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;   
}
#ContentHeadWhite
{
  width: 488px; 
  height: 25px; 
  background-color: #fafafd; 
  position:absolute;
  left:0px;
  top:0px;
}
#ContentHeadCurve
{
  width: 23px; 
  height: 25px; 
  position:absolute;
  left:0px;
  top:0px;
}
.ContentHeadWhiteContent
{
  width: 450px; 
  height: 25px; 
  position:absolute;
  left:20px;
}



/************************************************************************************************/
/* END CONTENT                                                                                   */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION XI -- FOOTER                                                                          */
/************************************************************************************************/
#FooterContainer
{
  width: 970px; 
  height: 70px; 
  background-color: #EBEBF6; 
  position:relative;
  margin-right: auto; 
  margin-left: auto;    
}
.FooterCopyright
{
  width: 970px; 
  height: 15px; 
  position: absolute;
  text-align:center;    
  left: 0px;
  top: 40px; 
}
.FooterNavigation
{
  position: absolute;
  left: 265px;
  top: 20px;
  width: 440px;
}
/************************************************************************************************/
/* END FOOTER                                                                                   */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION XII -- PREVIEW                                                                       */
/************************************************************************************************/
#previewContainer
{
  width: 970px; 
  height: 120px; 
  background-color: #EBEBF6; 
  position:relative;
  margin-right: auto; 
  margin-left: auto;    
}
#previewPageTopicsBottomCurve
{
  position:absolute;
  left:0px;
  bottom:0px;
}
.previewContent
{
  background-color:#fafafd;    
  width: 970px; 
  min-height:300px;
  position:relative;
  margin-right: auto; 
  margin-left: auto; 
}
#previewPageTopicsContainer
{
  width: 267px;
  height: 100%;
  background-color: #EBEBF6;
  position: absolute;
  left: 703px;
  top: 0px;
  margin-right: auto;
  margin-left: auto;
}
#previewPageTopicsCurveGraphics
{
  width: 30px; 
  height: 100%; 
  background-color: #fafafd; 
  position:absolute;
  left:0px;
  top:0px;
  margin-right: auto; 
  margin-left: auto;    
}
.previewPageTopicsContent
{
  position:absolute;
  left:51px;
  top:20px;
  height:250px;
  width:210px;
}
.fontpreviewPageTopics
{
  font-family:Verdana;
  font-size:10px;
}
.previewPageTopicsTitle
{
  font-size:18px;
  font-weight:bold;
  line-height:100%;
  margin:-5px
}
.previewContentPagePlaceHolder
{
  width: 700px; 
  left:-115px;
  position:relative;
  top:0px;
  margin-right: auto; 
  margin-left: auto; 
  border-style:solid;
  border-color:#fafafd;
  border-width:1px;
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
}
.fontpreviewContent
{
  font-family:Verdana;
  font-size:13px;
  line-height:16px;
}
/************************************************************************************************/
/* SECTION XIII -- LCD                                                                          */
/************************************************************************************************/
.grid
{
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	width: 700px;
}
.gridHeader
{
  font-family:Verdana, helvetica, Arial, sans-sarif;
  font-size:12px;    
  line-height:12px;
  color:#FFFFFF;
  background-color:#000066;
}
.gridHeader a
{
  font-family:Verdana, helvetica, Arial, sans-sarif;
  font-size:12px;    
  line-height:12px;
  color:#FFFFFF;
  background-color:#000066;
}
.gridFooter
{
  font-family:Verdana, helvetica, Arial, sans-sarif;
  font-size:12px;    
  line-height:12px;  
  background-color:#000066;  
}
.gridRow
{
  border-width: 0px;
  font-family: Verdana, helvetica, Arial, sans-sarif;
  font-size: 10px;
  line-height: 12px;
  background-color: #EBEBF6;
}
.gridRowAlt
{
  border-width: 0px;
  font-family: Verdana, helvetica, Arial, sans-sarif;
  font-size: 10px;
  line-height: 12px;
  background-color: #FAFAFD;
}
#ContentDiv
{
  font-size: 10px;
}
#ContentDiv table
{
  padding: 0px;
  margin: 0px;
  width: 100%;
  vertical-align:top ; 
}
.LCDStatusTable
{
  border-style: solid;
  border-width: 1px;
}
/************************************************************************************************/
/* END LCD                                                                                      */
/************************************************************************************************/
#AcronymContent
{ 
 overflow : scroll;
  width : 492px; 
  height: 400px; 
  left: 243px;
  position:absolute; 
  margin-right: auto;  
  margin-left: auto;
  z-index:1;
  top: 5px;
}
#AcronymPageRightGrey
{
  width: 246px; 
  height: 433px; 
  min-height: 100%;
  bottom:14px; 
  right:-282px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
  left: 729px;
}
#AcronymPageleftGrey
{
  width: 214px; 
  height: 484px; 
  min-height: 100%;
  bottom:13px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
  left: 4px;
}
/* ================================================================= */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~ ONLINE FORM STYLES ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.TextTest
{
    background-color:#EBEBF6;
   
}

.TextTest2
{
    background-color:#000000;
}

.userMessage
{
    font-weight: bold;
	font-size: 11px;
	color: #FF0000;
	font-family: Arial, Sans-Serif;
	POSITION: absolute; 
	text-align:left
}

.formHeading
{
	font-family: Verdana, Sans-Serif;
	font-size: 18px;
	font-weight:bold;  
	text-align:left;
	color: #000000;
	position:absolute;
	z-index:0;	
	height: 18px;  
	vertical-align: middle; 
}
.formHeading1
{
	font-family: Verdana, Sans-Serif;
	font-size: 17px;
	font-weight:bold;  
	text-align:left;
	color: #000000;
	position:absolute;
	z-index:0;	
	height: 18px;  
	vertical-align: middle; 
}
.formSectionHeading
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	font-weight:bold;  
	text-align:left;
	color: #FFFFFF;
	background-color:#2C3673;
	position:absolute;
	z-index:0;	
	height: 18px;  
    width: 783px;
	vertical-align: middle; 
}
.formSubSectionHeading
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:bold;  
	text-align:left;
	color: #000000;
	background-color:#EBEBF6;
	position:absolute;
	z-index:0;	
	height: 15px;  
    width: 783px;
	vertical-align: middle; 
}
.formSubSectionHeadingDisabled
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:bold;  
	text-align:left;
	color: #AAAAAA;
	background-color:#EBEBF6;
	position:absolute;
	z-index:0;	
	height: 15px;  
    width: 783px;
	vertical-align: middle; 
}

.formLabelBold
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:bold;  
	text-align:right;
	color: #000000;
	position:absolute;
	z-index:0;	
	height: 16px;  
	vertical-align: middle; 
}

.formLabelBoldDisabled
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:bold;  
	text-align:right;
	color: #AAAAAA;
	position:absolute;
	z-index:0;	
	height: 16px;  
	vertical-align: middle; 
}

.formInput
{
    color:#000000;
}

.formInputDisabled
{
    color:#AAAAAA;
}

.formLabelBoldLJ
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:bold;  
	text-align:left;
	color: #000000;
	position:absolute;
	z-index:0;	
	height: 16px;  
}

.formTextBox
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:normal;  
	text-align:left;
	color: #000000;
	position:absolute;
	z-index:0;	
	height: 16px;  
	vertical-align: middle; 
}

.formDropDownListBox
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:normal;  
	text-align:left;
	color: #000000;
	position:absolute;
	z-index:0;	
	height: 20px;  
	vertical-align: middle; 
}

.formTextBoxRequired
{
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight:bold;  
	text-align:left;
	color: #FF0000;
	position:absolute;
	z-index:0;	
	height: 22px;  
	width:7px;
	vertical-align: middle; 
}

.formTextBoxRequiredDisabled
{
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight:bold;  
	text-align:left;
	color: #AAAAAA;
	position:absolute;
	z-index:0;	
	height: 22px;  
	width:7px;
	vertical-align: middle; 
}

.formFieldValidator
{
	color: #FF0000;
	position:absolute;
	z-index:0;	
	height: 20px;  
	width:7px;
}

.formAgreement
{
	position:absolute; 
	font-size: 12px; /*16x 0.75em = 12px;*/
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	z-index:11;	
	left:0px;
	top:0px;
	width:748px;
	background-color:white;
	margin-right:10px
}

.formHyperLink
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:normal;  
	text-align:left;
	color: #0000FF;
	position:absolute;
	z-index:0;	
	height: 16px;  
	vertical-align: middle; 
}
div.EDIInformational
{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	position:absolute; 
	z-index:11
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~ END ONLINE FORM STYLES ~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ================================================================= */
/* ================================================================= */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~ ONLINE PRINT STYLES ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.formPrintSubHeading
{
	position:absolute; 
	font-size: 10px; /*16x 0.75em = 12px;*/
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	z-index:11;	
	left:0px;
	top:0px;
	width:748px;
	background-color:white;
}
div.formContainer
{
     BACKGROUND: #FFFFFF; 
    /* BACKGROUND: #FFC0CB; */
	POSITION: relative; 
	Z-INDEX:0;
	width:450px;
	height: 614px;
	left: 0px; 
	top: 0px;
}
div.EDIXLabel
{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-weight:bold;  
	position:absolute; 
	z-index:0;	
	height: 12px;  
    width: 17px; 
    height: 20px;
}

div.EDIAnswerBox
{
	font-size: 15px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	z-index:0;
	position: absolute;
	height: 19px; 
	vertical-align: middle; 
	border-right: black 1px solid; 
	border-top: black 1px solid; 
	border-left: black 1px solid; 
	border-bottom: black 1px solid;
}
div.EDILabelLJNoBorder
{
	font-size: 10px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	position:absolute; 
	z-index:0;	
	height: 19px;  
	font-size: 10pt; 
	font-family: 'Arial'; 
	font-weight:bold;  
	vertical-align: middle; 

}
div.EDIAnswerBoxLgFont
{
	font-size: 15px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	position:absolute; 
	z-index:0;
	height: 19px; 
	vertical-align: middle; 
	border-right: black 1px solid; 
	border-top: black 1px solid; 
	border-left: black 1px solid; 
	border-bottom: black 1px solid;
}
div.EDILabelBox
{
	font-size: 10px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	position:absolute; 
	z-index:0;	
	position:absolute;
	height: 19px;  
	font-size: 10pt; 
	font-family: 'Arial'; 
	font-weight:bold;  
	text-align:right; 
	vertical-align: middle; 
	border-right: black 1px solid; 
	border-top: black 1px solid; 
	border-left: black 1px solid; 
	border-bottom: black 1px solid;
}
.SubmitterTitlePrint
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	z-index:0;	
	height: 19px;  
	font-size: 10pt; 
	font-family: 'Arial'; 
	font-weight:bold;  
	text-align:right; 
	vertical-align: middle; 
}
.EDILabelBoxPrint
{
	font-size: 10px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	z-index:0;	
	height: 19px;  
	font-size: 10pt; 
	font-family: 'Arial'; 
	font-weight:bold;  
	text-align:right; 
	vertical-align: middle; 
}
div.EDIAnswerBoxPrint
{
	font-size: 15px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	z-index:0;
	height: 19px; 
	vertical-align: middle; 
}
div.EDIPrintTable
{
	font-size: 15px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	z-index:0;
	height: 19px; 
	vertical-align: middle; 
	border-right: black 1px solid; 
	border-top: black 1px solid; 
	border-left: black 1px solid; 
	border-bottom: black 1px solid;
}

div.EDIInformational
{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	position:absolute; 
	z-index:11
}

div.EDIInformationalExtra
{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	z-index:11
}
div.EDIInformationalBig
{
	font-size: 13px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	text-align:left;
	position:absolute; 
	z-index:10
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~ END ONLINE PRINT STYLES ~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ================================================================= */