/************* STYLE GUIDE ***************

Dark grey text:     #4f4f4f

*****************************************/

body,html {
    padding: 0;
    margin: 0;
    font-family: Arial, Sans-Serif;
    color: #4f4f4f;
    font-size: 13px;
    }
    
.SSLImage {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 135px;
    visibility: hidden; /* Per CIO */
    }
    
h1 {
    color: #4f4f4f;
    font-size: 22px;
    padding-top: 10px;
    }
    
h2 {
    font-size: 18px;
    margin: 0;
    padding: 10px 0 2px 0;
    }
    
ul {
    margin: 0 0 0 20px;
    padding: 0 0 0 10px;
    }

/* Use this class in the surrounding div for any legal page, and
    this style will apply to its paragraphs. */
.legalpage {
    padding: 10px 0 0 0;
    }

.legalpage p {
    margin: 0 0 6px 16px;
    }

/* Creates the left padding on the page for larger browsers. */
.leftpane {
    width: 50%;
    background-image: url(metalThemeImages/leftpaneimage.gif);
    background-repeat: repeat-x;
    }

/* Defines the main width of the content of the page. */
.centerpane {
    width: 995px;
    border: none;
    }

/* Creates the right padding on the page for larger browsers. */
.rightpane {
    width: 50%;
    background-image: url(metalThemeImages/rightpaneimage.gif);
    background-repeat: repeat-x;
    }

.header {
    width: 995px; /* Match .centerpane width. */
    }
    
#navcontainer {
    position: relative;
    height: 22px;
    width: 995px;
    }

#search {
    position: absolute;
    top: 0;
    width: 995px;
    background: url(metalThemeImages/navbackground.gif) repeat-x;
    height: 22px;
    text-align: right;
    }
    
#searchender {
    position: absolute;
    top: 0;
    right: 0;    
    width: 995px;
    background: url(metalThemeImages/navrightender.gif) right no-repeat;
    height: 22px;
    }
    
#nav {
    position: absolute;
    top: 0;
    left: 0;
    color: #4f4f4f;
    height: 22px;
    font-family: Arial, Sans-Serif;
    }

/*  The navigation bar requires creative CSS styles to make it appear to
    be buttons. The actual bar itself is a .NET menu control. */
    
#nav .navItem {
    background: url(metalThemeImages/navBtnOff.jpg) no-repeat;
    width: 80px;
    height: 22px;
    color: #4f4f4f;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    line-height: 22px;
    }

#nav .navItemHover {
    background: url(metalThemeImages/navBtnHover.jpg) no-repeat;
    width: 80px;
    height: 22px;
    color: #4f4f4f;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    }

#nav .navItemSelected {
    background: url(metalThemeImages/navBtnOn.jpg) no-repeat;
    width: 80px;
    height: 22px;
    color: #4f4f4f;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    }
    
#nav a, #menu a:visited {
    display: block;
    background: transparent !important;
    }

#nav a:hover, #nav a:active, #nav a:focus {
    display: block;
    background: transparent !important;
    }
    
.navleftstarter {
    height: 22px;
    width: 2px;
    }
    
.underbar {
    position: relative;
    width: 995px; /* Match .centerpane width. */
    height: 5px;
    background: url(metalThemeImages/underbarbackground.gif) repeat-x;
    }

.underbarleftimg {
    position: absolute;
    left: 0;
    }
    
.underbarrightimg {
    position: absolute;
    right: 0;
    }
    
.main {
    width: 995px; /* Match .centerpane width. */
    border: none;
    }

.footer {
    position: relative;
    width: 995px; /* Match .centerpane width. */
    height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: url(metalThemeImages/footerbackground.jpg) repeat-x;
    }

.footerleftimg {
    position: absolute;
    left: 0;
    }
    
.footerleftcontent {
    position: absolute;
    line-height: 25px;
    left: 10px;
    color: White;
    font-size: 12px;
    }
    
.footerrightcontent {
    position: absolute;
    line-height: 25px;
    right: 10px;
    color: White;
    font-size: 12px;
    }
    
.footerrightcontent a:link, .footerrightcontent a:visited, .footerrightcontent a:active {
    color: White;
    font-size: 12px;
    }
        
.footerrightcontent a:hover {
    text-decoration: underline;
    }
    
.footerrightimg {
    position: absolute;
    right: 0;
    }

.standardcontent {
    padding-right: 10px;
    }
    
.standardcontent h1 {
    margin: 0 0 4px 4px;
    padding-top: 10px;
    }
    
.standardcontent p {
    margin: 0 0 0 8px;
    line-height: 1.3em;
    }
    
.imagefloatleft {
    float: left;
    padding-right: 10px;
    }
    
.captionedimage {
    border: solid 1px silver;
    }
        
/****************************************

    MetalChoiceBar.master STYLES FOLLOW

*****************************************/

.choicebartable {
    width: 995px;
    }

.maincontentcell {
    width: 734px;
    }

.choicebarcontentcell {
    width: 261px;
    }
    
.choicebarcontent {
    background: url(metalThemeImages/choicebarbackground.gif) repeat-y;
    }
    
.choicebarcontentbottom {
    background: url(metalThemeImages/choicebarbottom.gif) no-repeat;
    height: 9px;
    }
    
.optionHeading {
    display: block;
    margin: 0 6px 0 8px;
    padding: 0 0 0 11px;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    background-color: silver;
    color: white;
    font-weight: 700;
    }
    
/****************************************

    MetalBlankPage.master STYLES FOLLOW

*****************************************/

.blankpagetable {
    width: 995px;
    }

.blankpagecell  {
    width: 995px;
    }

/****************************************

    default.aspx STYLES

*****************************************/

.adNavArea {
    position: relative;
    height: 318px;
    width: 995px;
    }

.ad {
    position: absolute;
    }
    
.adNav {
    position: absolute;
    right: 0;
    width: 268px;
    height: 318px;
    }
    
.CSLink {
    background: url(metalThemeImages/btnCS.jpg) no-repeat;
    height: 111px;
    width: 268px;
    display: block;
    }

.CSLink:hover {
    background: url(metalThemeImages/btnCS.jpg) no-repeat;
    background-position: -268px;
    }
    
.TSLink {
    background: url(metalThemeImages/btnTS.jpg) no-repeat;
    height: 106px;
    display: block;
    }

.TSLink:hover {
    background: url(metalThemeImages/btnTS.jpg) no-repeat;
    background-position: -268px;
    }

.AMSLink {
    background: url(metalThemeImages/btnAMS.jpg) no-repeat;
    height: 101px;
    display: block;
    }

.AMSLink:hover {
    background: url(metalThemeImages/btnAMS.jpg) no-repeat;
    background-position: -268px;
    }
    
.editionbar {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 995px;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    }
    
.editionleft {
    position: absolute;
    left: 20px;
    width: 204px;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    }
    
.editioncenter {
    position: absolute;
    left: 50%;
    margin-left: -275px;
    width: 550px;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    text-align: center;
    }
        
.editionright {
    position: absolute;
    right: 20px;
    width: 204px;
    text-align: right;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    }
    
.editionright a:link, .editionright a:visited, .editionright a:hover {
    text-decoration: none;
    color: #717171;
    } 

.newsheader {
    background: url(metalThemeImages/newsheader.gif) no-repeat;
    width: 995px;
    padding-top: 10px;
    }
    
.newsrssicon {
    position: relative;
    width: 595px;
    text-align: right;
    padding-right: 400px;
    padding-bottom: 10px;
    height: 14px;
    }
    
.newspanel {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 995px;
    height: auto;
    }
    
.newspanel a:link {
    text-decoration: none;
    color: black;
    }
        
.newspanel a:visited {
    text-decoration: none;
    color: Black;
    }

.newspanel a:hover {
    text-decoration: underline;
    }
    
.newspanelleft {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 458px;
    }
        
.newspanelright {
    float: left;
    padding-left: 20px;
    width: 450px;
    /*border-left: solid 1px #c0c0c0;*/
    position: relative;
    }
    
.newspanelseparator {
    position: absolute;
    left: 0;
    top: 10%;
    width: 1px;
    height: 70%;
    }
    
.newspanelseparator table {
    background-color: #747474;
    }
        
.newstitle {
    color: #747474;
    font-weight: 700;
    margin: 0 4px 0 0;
    font-size: 14px;
    font-family: Times New Roman, Serif;
    font-variant: small-caps;
    }
    
.newsdate {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 14px;
    font-style: italic;
    font-family: Times New Roman, Serif;
    white-space: nowrap;
    font-variant: small-caps;
    }
    
.newsentry {
    margin-bottom: 16px;
    font-size: 13px;
    }
        
.clear {
    clear: both;
    } 

/****************************************

    MetalNewsItem.master STYLES

*****************************************/

.MetalNewsItemBody {
    /*background: url(../../Images/newsitembackfade.jpg) bottom repeat-x;
    height: 100%;*/
    }

/****************************************

    newsItemPopup.aspx STYLES

*****************************************/

.newsItemPopup {
    padding: 10px;
    }

.newsItemPopup p {
    margin: 0;
    padding: 0;
    }
    
.newsItemPopupTitle h1 {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #4f4f4f;
    font-family: Times New Roman, Serif;
    font-variant: small-caps;
    }
    
.newsItemPopupTitle h2 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: Silver;
    font-style: italic;
    font-family: Times New Roman, Serif;
    font-variant: small-caps;
    }
    
.newsItemPopupContent {
    margin: 14px 12px 0 12px;
    color: Black;
    font-size: 16px;
    line-height: 1.5em;
    }
    
.newsItemPopupContent p {
    text-indent: 1em;
    }
    
/****************************************

    pressItemPopup.aspx STYLES

*****************************************/

.pressItemPopupTitle h2 {
    margin: 0;
    padding: 0;
    font-style: italic;
    color: Silver;
    }

.pressItemPopupTitle h1 {
    padding-top: 0;
    margin-top: 0;
    }
    
.pressItemPopupContent {
    margin-left: 10px;
    }
    
.pressItemPopupContent p {
    text-indent: 1em;
    }
    
.pressReleaseHeader {
    background: url(../../Images/AMPcolorlogo.jpg) top center no-repeat;
    padding: 50px 0 4px 0;
    text-align: center;
    border-bottom: solid 1px gray;
    }
    
.pressNote {
    position: relative;
    font-size: 20px;
    line-height: 100px;
    font-weight: bold;
    height: 100px;
    }
    
.pressContact {
    position: absolute;
    line-height: normal;
    background-color: White;
    font-size: 14px;
    font-weight: normal;
    top: 10px;
    right: 10px;
    border: solid 1px gray;
    padding: 6px;
    }
    
.newsreleasesdate {
    padding: 0 0 3px 0;
    margin: 0;
    font-style: italic;
    }
.newsreleasestitle {
    padding: 0 0 3px 0;
    margin: 0 10px 0 0;
    letter-spacing: .08em;
    font-weight: 600;
    color: Black;
    font-size: 14px;
    border-bottom: solid 1px Silver;
    }
.newsreleasessummary, .newsreleasessummary a:link, .newsreleasessummary a:visited {
    padding: 3px 0 0 0;
    margin: 0 20px 30px 0;
    text-decoration: none;
    color: #4f4f4f;
    line-height: 1.3em;
    }
    
.newsreleasessummary a:hover {
    text-decoration: underline;
    }

/****************************************

    candidateInformation.aspx STYLES

*****************************************/

.CSMain {
    position: relative;
    height: 145px;
    background: url(../../Images/CSMain.jpg) no-repeat;
    }

.CSMainText {
    position: absolute;
    left: 160px;
    right: 20px;
    top: 42px;
    }
    
.examselector {
    margin: 0 2px 0 20px;
    padding: 0px;
    }
        
.examselector select {
    margin: 0;
    font-size: 14px;
    color: #4f4f4f;
    font-weight: bold;
    }
    
.examselectortable {
    margin-bottom: 10px;
    }

.examselectorchoice1start {
    height: 59px;
    width: 80px;
    background: url(../../Images/examchoice1.jpg) no-repeat;
    }
    
.examselectorchoice1 {
    height: 37px;
    border-top: solid 11px #f0f0f0;
    border-bottom: solid 11px #f0f0f0;
    }
 
.examselectorchoice2start {
    height: 59px;
    width: 80px;
    background: url(../../Images/examchoice2.jpg) no-repeat;
    }
    
.examselectorchoice2 {
    height: 37px;
    border-top: solid 11px #f0f0f0;
    border-bottom: solid 11px #f0f0f0;
    }

.examselectorchoice3start {
    height: 59px;
    width: 80px;
    background: url(../../Images/examchoice3.jpg) no-repeat;
    }

.examselectorchoice3 {
    height: 37px;
    border-top: solid 11px #f0f0f0;
    border-bottom: solid 11px #f0f0f0;
    }
    
.examselectorchoiceend {
    height: 59px;
    width: 80px;
    background: url(../../Images/examchoicerightend.gif) no-repeat;
    }
    
.recentexams p {
    margin: 0;
    padding: 0;
    }
    
.recentexams a:visited, .recentexams a:active, .recentexams a:link, .recentexams a:hover {
    color: Black;
    }

.recentexams a:hover {
    background: url(../../Images/miniarrow.gif) no-repeat 0 3px;
    padding: 0 0 0 16px;
    display: block;
    }
    
/* All pages that inherit ChoiceBar.master use this style
   for items listed in the ChoiceBar categories.          */   
.sectionData {
    font-size: 12px;
    margin-right: 6px;
    margin-left: 6px;
    padding: 0 6px 6px 16px;
    }
    
.sectionData h1 {
    font-size: 14px;
    margin: 6px 0 2px 0;
    padding: 0;
    }
    
.sectionData p {
    margin: 2px 0 0 6px;
    padding: 0;
    }

.phonebold {
    font-weight: 700;
    }
    
.weatherItem {
    font-weight: 700;
    margin-left: -6px;
    margin-bottom: 10px;
    color: Black;
    }
    
.weatherItemNote {
    font-weight: normal;
    font-style: italic;
    text-indent: 4px;
    color: Gray;
    }
    
.examnewstitle {
    font-weight: 700;
    color: Black;
    }
    
.examnewsdate {
    font-weight: 700;
    color: Black;
    }

.examnewsentry, .examnewsentry a:link, .examnewsentry a:visited, .examnewsentry a:hover, .examnewsentry a:active {
    font-weight: normal;
    font-style: italic;
    text-indent: 4px;
    color: Gray;
    padding-bottom: 10px;
    }
 
/****************************************

    examination.aspx STYLES

*****************************************/

.examinformationpanel {
    margin-top: 10px;
    padding-left: 10px;
    }
    
.examinformationpanel p {
    margin: 0 0 20px 0;
    padding: 0;
    }
  
.clientname {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: Black;
    }
    
.examname {
    padding: 2px;
    display: block;
    margin: 0 20px 14px 0;
    font-size: 20px;
    font-style: italic;
    padding-left: 8px;
    border-bottom: solid 1px #717171;
    }
    
.handbookbtn {
    background: url(../../Images/sectionHandbook.jpg) no-repeat;
    height: 33px;
    width: 261px;
    display: block;
    }
    
.handbookbtn:hover {
    background: url(../../Images/sectionHandbook.jpg) no-repeat;
    background-position: -261px;
    }
    
.applicationbtn {
    background: url(../../Images/sectionApplication.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.applicationbtn:hover,applicationbtn:active {
    background: url(../../Images/sectionApplication.jpg) no-repeat;
    background-position: -261px;
    }
    
.relatedbtn {
    background: url(../../Images/sectionRelated.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.relatedbtn:hover {
    background: url(../../Images/sectionRelated.jpg) no-repeat;
    background-position: -261px;
    }
    
.sponsorbtn {
    background: url(../../Images/sectionSponsor.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.sponsorbtn:hover {
    background: url(../../Images/sectionSponsor.jpg) no-repeat;
    background-position: -261px;
    }
    
.practicebtn {
    background: url(../../Images/sectionPractice.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.practicebtn:hover {
    background: url(../../Images/sectionPractice.jpg) no-repeat;
    background-position: -261px;
    }
    
.locatebtn {
    background: url(../../Images/sectionLocate.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.locatebtn:hover {
    background: url(../../Images/sectionLocate.jpg) no-repeat;
    background-position: -261px;
    }
    
.registerbtn {
    background: url(../../Images/sectionRegister.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.registerbtn:hover {
    background: url(../../Images/sectionRegister.jpg) no-repeat;
    background-position: -261px;
    }
    
.reschedulebtn {
    background: url(../../Images/sectionReschedule.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.reschedulebtn:hover {
    background: url(../../Images/sectionReschedule.jpg) no-repeat;
    background-position: -261px;
    }
    
.examannouncement, .examextrainfo p, .examintro, .examcontactnumber {
    padding-left: 10px;
    }
    
.examannouncement p {
    padding: 0 60px 0 60px;
    background: url(../../Images/exclaim.jpg) no-repeat 26px center ;
    min-height: 61px;
    color: #8b0002;
    }
    
.examextrainfo p {
    margin: 0;
    }
    
/****************************************

    testingServices.aspx STYLES

*****************************************/

.TSMain {
    position: relative;
    height: 117px;
    background: url(../../Images/TSMain.jpg) no-repeat;
    }

.TSQuote {
    position: absolute;
    left: 360px;
    right: 70px;
    top: 32px;
    font-size: 12px;
    color: Black;
    }
    
.TSQuote p {
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    }
    
.TSQuoteBody {
    font-style: italic;
    }
    
.TSQuoteAuthor {
    font-weight: 700;
    text-indent: 10px;
    }
   
.TSContentArea {
    margin: 40px 20px 0 0;
    padding-left: 10px;
    }
    
.TSContentArea p {
    margin: 0;
    padding: 0 0 20px 0;
    }
    
.TSTextEntry1 {
    background: url(../../Images/fullserviceprovidertext.gif) no-repeat;
    margin-top: 30px;
    padding-top: 20px;
    padding-left: 4px;
    margin-right: 20px;
    }
    
.TSTextEntry2 {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    }
    
.TSTextEntry2 img {
    display: inline;
    vertical-align: middle;
    padding-right: 30px;
    }

/* Multiple pages may use this style
   for mailing list buttons.          */   
.mailinglistbtn {
    background: url(../../Images/sectionJoinMailingList.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.mailinglistbtn:hover, .mailinglistbtn:active {
    background: url(../../Images/sectionJoinMailingList.jpg) no-repeat;
    background-position: -261px;
    }

/* Multiple pages may use this style
   for publication link buttons.          */   
.publicationsbtn {
    background: url(../../Images/sectionPublications.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.publicationsbtn:hover, .publicationsbtn:active {
    background: url(../../Images/sectionPublications.jpg) no-repeat;
    background-position: -261px;
    }
 
/* Multiple pages may use .infolink styles
   for informational links.          */
   
.infolink a:link {
    color: Black;
    text-decoration: none;
    font-size: 13px;
    }
   
.infolink a:active,.infolink a:hover {
    background: url(../../Images/miniarrow.gif) no-repeat 0 3px;
    padding-left: 16px;
    text-decoration: none;
    font-size: 13px;
    }
    
.infolink a:focus {
    background: url(../../Images/miniarrow.gif) no-repeat 0 3px;
    padding-left: 16px;
    text-decoration: none;
    font-size: 13px;
    }
    
.infolink a:visited {
    text-decoration: none;
    color: gray;
    font-size: 13px;
    }
    
.infolinkinitial {
    background: url(../../Images/miniarrow.gif) no-repeat 0 3px;
    padding-left: 16px;
    text-decoration: none;
    font-size: 13px;
    }

.TSacnlogo {
    position: absolute;
    background: url(../../Images/acnLogo.gif) no-repeat bottom right;
    width: 690px;
    height: 71px;
    }
    
/****************************************

    associationManagement.aspx STYLES

*****************************************/

.AMSMain {
    position: relative;
    height: 117px;
    background: url(../../Images/AMSMain.jpg) no-repeat;
    }

.AMSQuote {
    position: absolute;
    left: 410px;
    right: 60px;
    top: 32px;
    font-size: 12px;
    color: Black;
    }
    
.AMSQuote p {
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    }
    
.AMSQuoteBody {
    font-style: italic;
    }
    
.AMSQuoteAuthor {
    font-weight: 700;
    text-indent: 10px;
    }
    
.AMSContentArea {
    margin: 40px 20px 0 0;
    padding-left: 10px;
    }
    
.AMSContentArea h2 {
    clear: left;
    }
    
.AMSTextEntry1 {
    background: url(../../Images/proactivetext.gif) no-repeat;
    margin-top: 30px;
    padding-top: 20px;
    padding-left: 4px;
    margin-right: 20px;
    }
    
.AMSTextEntry2 {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    }
    
.AMSTextEntry2 img {
    display: inline;
    vertical-align: middle;
    padding-right: 30px;
    }

/****************************************

    community.aspx STYLES

*****************************************/

.communityheader {
    background: url(../../Images/CommunityMain.jpg) no-repeat;
    width: 495px;
    height: 91px;
    padding: 24px 0 0 200px;
    }
     
.communityentry1, .communityentry2, .communityentry3 {
    width: 935px;
    margin: 20px 0 0 40px;
    letter-spacing: .03em;
    line-height: 1.3em;
    }
        
.communityentry1 p, .communityentry2 p, .communityentry3 p {
    margin: 8px 40px 20px 30px;
    }
    
.charityLeadImage {
    float: left;
    margin: 10px 20px 0 0;
    }

.charityFollowingImage {
    float: right;
    margin: 10px 20px 0 0;
    }
    
.energyStarLogo {
    float: right;
    margin: 10px 10px 0 10px;
    }

/****************************************

    about.aspx STYLES

*****************************************/

.aboutusimage1 {
    float: left;
    padding: 0 10px 0 0;
    }
    
.locationsbtn {
    background: url(../../Images/sectionLocations.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.locationsbtn:hover, .locationsbtn:active {
    background: url(../../Images/sectionLocations.jpg) no-repeat;
    background-position: -261px;
    }
    
.employmentbtn {
    background: url(../../Images/sectionEmployment.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.employmentbtn:hover, .employmentbtn:active {
    background: url(../../Images/sectionEmployment.jpg) no-repeat;
    background-position: -261px;
    }
    
.regionalbackground {
    background: url(../../Images/mapbackground.jpg) no-repeat;
    padding-left: 270px;
    min-height: 400px;
    }
    
.regionalfirstbtn {
    background: url(../../Images/sectionRegionalFirstInList.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.regionalfirstbtn:hover, .regionalfirstbtn:active {
    background: url(../../Images/sectionRegionalFirstInList.jpg) no-repeat;
    background-position: -261px;
    }
    
.missionstatement {
    padding: 10px 10px 10px 0;
    color: Black;
    }
    
.salesInfoBtn {
    background: url(../../Images/sectionSalesEmail.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.salesInfoBtn:hover, .salesInfoBtn:active {
    background: url(../../Images/sectionSalesEmail.jpg) no-repeat;
    background-position: -261px;
    }
    
.genInfoBtn {
    background: url(../../Images/sectionGeneralEmailtop.jpg) no-repeat;
    height: 33px;
    width: 261px;
    display: block;
    }
    
.genInfoBtn:hover, .genInfoBtn:active {
    background: url(../../Images/sectionGeneralEmailtop.jpg) no-repeat;
    background-position: -261px;
    }
    
/****************************************

    displayTCList.aspx STYLES

*****************************************/

.displayTCListpage {
    background: url(../../Images/earth.jpg) no-repeat top right;
    width: 995px;
    }
    
    
.locationtable {
    }
    
.locationitem {
    border-bottom: solid 1px silver;
    padding-bottom: 10px;
    border-right: solid 1px silver;
    }
    
.locationitemdirections {
    border-bottom: solid 1px silver;
    padding: 10px;
    }
    
.locationtable p {
    margin: 0;
    padding: 0;
    }    

.locationlistdropdown {
    margin: 10px 0 10px 0;
    }

.locationmap {
    text-align: center;
    }
    
.locationlistdropdown select{
    font-weight: 700;
    color: #717171;
    }
    
.locationdirections {
    color: Black;
    }
    
.backbutton {
    clear: both;
    }
    
/****************************************

    publications.aspx STYLES

*****************************************/

.newsreleasesbtn {
    background: url(../../Images/sectionNewsReleases.jpg) no-repeat;
    height: 33px;
    width: 261px;
    display: block;
    }
    
.newsreleasesbtn:hover, .newsreleasesbtn:active {
    background: url(../../Images/sectionNewsReleases.jpg) no-repeat;
    background-position: -261px;
    }
    
.newsreleasebackground {
    background: url(../../Images/microphone.jpg) 20px left no-repeat;
    padding-left: 160px;
    min-height: 340px;
    }
    
.testingbrochuresbackground {
    background: url(../../Images/TSpuzzlepiece.jpg) top left no-repeat;
    padding-left: 60px;
    min-height: 200px;
    }

.managementbrochuresbackground {
    background: url(../../Images/AMSpeople.jpg) top left no-repeat;
    padding-left: 60px;
    min-height: 200px;
    }
    
.connectionbtn {
    background: url(../../Images/sectionConnections.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.connectionbtn:hover, .connectionbtn:active {
    background: url(../../Images/sectionConnections.jpg) no-repeat;
    background-position: -261px;
    }
    
.regulatorbtn {
    background: url(../../Images/sectionRegulatorReports.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.regulatorbtn:hover, .regulatorbtn:active {
    background: url(../../Images/sectionRegulatorReports.jpg) no-repeat;
    background-position: -261px;
    }
    
.ontheroadbtn {
    background: url(../../Images/sectionOnTheRoad.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.ontheroadbtn:hover, .ontheroadbtn:active {
    background: url(../../Images/sectionOnTheRoad.jpg) no-repeat;
    background-position: -261px;
    }
    
.testingpubsbtn {
    background: url(../../Images/sectionTestingPublications.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.testingpubsbtn:hover, .testingpubsbtn:active {
    background: url(../../Images/sectionTestingPublications.jpg) no-repeat;
    background-position: -261px;
    }
    
.associationmanbtn {
    background: url(../../Images/sectionAssocMan.jpg) no-repeat;
    height: 38px;
    width: 261px;
    display: block;
    }
    
.associationmanbtn:hover, .associationmanbtn:active {
    background: url(../../Images/sectionAssocMan.jpg) no-repeat;
    background-position: -261px;
    }
    
.datalist {
    margin-left: 10px;
    }
    
.ontheroadbackground {
    background: url(../../Images/ontheroadimage.jpg) top left no-repeat;
    padding-left: 220px;
    min-height: 450px;
    }

.ontheroadlist {
    margin: 0 0 0 10px;
    }
    
.ontheroadrepeater p {
    margin: 0;
    padding: 0;
    }
    
.ontheroadtitle {
    font-size: 18px;
    color: #145192;
    display: block;
    border-bottom: solid 1px #145192;
    margin-bottom: 8px;
    margin-right: 20px;
    }
    
.ontheroaddate {
    font-style: italic;
    margin-left: 6px;
    }

.ontheroadlocation {
    font-weight: 700;
    margin-left: 6px;
    }

.ontheroadnotes {
    display: block;
    margin: 0 20px 10px 12px;
    }
    
/****************************************

    contact.aspx STYLES

*****************************************/

.contactbackground {
    background: url(../../Images/stairwell2.jpg) no-repeat;
    padding-left: 270px;
    }

.contactbackground p {
    padding-left: 4px;
    }
    
.regionalbtn {
    background: url(../../Images/sectionRegional.jpg) no-repeat;
    height: 33px;
    width: 261px;
    display: block;
    }
    
.regionalbtn:hover, .regionalbtn:active {
    background: url(../../Images/sectionRegional.jpg) no-repeat;
    background-position: -261px;
    }

/****************************************

    Networkstatus.aspx STYLES

*****************************************/

.networkStatusPanel {
    width: 965px;
    }
    
.networkStatusContentTitle {
    padding: 10px 0 20px 10px;
    }
    
.networkStatusIndicator {
    width: 344px;
    padding: 0 0 30px 150px;
    }

.networkStatusNotes {
    padding: 0 20px 30px 10px;
    }
    
.glasslabel {
    position: absolute;
    line-height: 94px;
    width: 344px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: black;
    }
    
/****************************************

    ERROR STYLES

*****************************************/

.errorcontent {
    margin: 20px;
    }

/****************************************

    MailingList.aspx STYLES

*****************************************/

.mailinglistcontent {
    margin: 0 10px 0 10px;
    }
    
.mailinglistcontent p {
    margin: 0;
    padding: 0 0 0 10px;
    }

.mailinglistcontentinput {
    margin-left: 10px;
    float: left;
    }
    
.mailinglistcontentfieldtitle {

    }
    
.mailinglistcontenterror {
    clear: right;
    }

/****************************************

    employment.aspx STYLES

*****************************************/

.applicationContent {
    text-align: center;
    }
    
.applicationContent p {
    }
    
.employmentbackground {
    background: url(../../Images/employmentbackground.jpg) no-repeat;
    padding-left: 270px;
    }

/****************************************

    emailSubmission.aspx STYLES

*****************************************/

.emailsubmissionmainarea {
    background: url(../../Images/emailsubmissionbackground.jpg) no-repeat right top;
    width: 985px;
    padding-left: 10px;
    }
    
.emailsubmissiontable {
    margin-left: 10px;
    }
    
/****************************************

    assessmentCenterNetworkLocations.aspx STYLES

*****************************************/

.testcenterlist {
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    width: 300px;
    height: 70px;
    }
    
.acnlogo {
    position: absolute;
    background: url(../../Images/acnLogo.gif) no-repeat bottom right;
    width: 990px;
    height: 76px;
    }
    
/*** associationManagement.aspx Introduction area styles ***/

.amsintropanel {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 704px;
    height: auto;
    }
    
.amsintropanelleft {
    float: left;
    width: 320px;
    padding-right: 20px;
    }
        
.amsintropanelright {
    float: left;
    padding-left: 20px;
    width: 320px;
    /*border-left: solid 1px #c0c0c0;*/
    position: relative;
    }
    
.amsintropanelseparator {
    position: absolute;
    left: 0;
    top: 10%;
    width: 1px;
    height: 70%;
    }
    
.amsintropanelseparator table {
    background-color: #747474;
    }
    
/*** Special styles to achieve the old look of Aspenweb2005 directly
     These should ideally be updated throughout the app or merged in
     such a way as to minimize the need for these special style classes. --RobC ***/
     
/* CSS Document */

/************* TAGS *****************/

body {
	font-family: Arial, Helvetica, sans-serif;
}

.h1, .h1title {
	font-size: 1.2em;
	font-weight: bold;
	color: #4f4f4f;
}

.h1 {	
	line-height: 2.0em;
}

.h2, .h2clockimg {
	line-height: 1.4em;
	font-weight: bold;
	color: #4f4f4f;
	margin-left: 1em;
}

.h2clockimg {
	background-image: url(metalThemeImages/Clock.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 45px;
}

.h3 {
	margin-left: 2.0em;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
}


/************* GENERAL LABEL FORMATTING *****************/

.blockinsettext {
	text-align: center;
}

.labelheadernavigatelink {
	font-size: 1.0em;
	font-weight: bold;
	padding-left: 4px;
}

.labelbold {
	font-weight: bold;
	}

.notification {
	border: 1px solid grey;
	background-color: #EEEEEE;
	padding: 5px;
	margin: 5px;
	}
.caution {
	background-color: #FFFF00;
	padding: 5px;
	margin: 5px;
	}
.warning {
	background-color: #FFCC00;
	padding: 5px;
	margin: 5px;
	}
.failure {
	background-color: #FF0000;
	padding: 5px;
	margin: 5px;
	}
	
.success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #009933;
	font-weight: bolder;
	margin: 5px;
	}

.errormessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF0000;
	font-weight: 700;
}

/* .alert makes a big red text to hightlight an emergency situation or system malfunction. EricN, 29Jul2005. */
.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #FF0000;
	font-weight: bolder;
}

.smallinstructions {
	font-size: 0.8em;
	font-weight: bold;
}

.fieldname {
	color: #999999;
	font-weight: bold;
	font-size: 1em;
}

.fieldhelp
{
}

.requiredfieldname {
	color: #FF9900;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

.requiredfieldnameleft {
	font-size: 0.8em;
	color: #FF9900;
	font-weight: bold;
	text-align: left;
}

.fieldnamecolumn {
	width: 15em;
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}

.fieldvaluecolumn
{
	vertical-align: top;
}

.saveconfirm {
	font-weight: bold;
	font-style: italic;
	color: #999999;
	white-space: nowrap;
	font-size: .9em;
}

.boxtitle {
	display: block;
	color: #88AED1;
	font-size: 1.3em;
	text-align: right;
	margin-bottom: 0em;
		
/************* IMAGE FORMATTING *****************/

}

.updateimage a {
	display: block;
	width: 80px;
	height: 27px;
	background: transparent url(metalThemeImages/Update-Button.jpg) no-repeat;
}
.updateimage a:hover {
	background-position: -80px 0;
}

/*************** FORMS *********************/

.stdform {
            position: relative;
            padding-bottom: 60px;
}


/************* GENERAL PLACEHOLDER FORMATTING *****************/

.hidden {
	visibility: hidden;
}

.spacerschedulepage {
	margin-bottom: 14em;
}

.spacerloginpage {
	margin-bottom: 11em;
}

.boxed {
	border: solid #999 1px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}

.infotable {
	padding: 4px;
}

.content  {
	margin-left: 3.0em;
	margin-right: 3.0em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

.blockcontent, .blockcontenttop {
	margin-bottom: 1.5em;	
    }
    
.blockcontent {
    margin-top: 1.5em;
    }
    
.blocksave {
	padding: 0.8em;
	border: solid 1px #88AED1;
	margin-left: 1em;
    }

.blockinset {
	background-color: #EDF4FE;
	padding: .8em;
	border: solid 1px #88AED1;
	width: 100%;
    }

.homepagecaldiv {
	position: absolute;
	margin-top: 0.7em;
	left: 61%;
	width: 250px;
}

.schedcontentdiv {
	margin-left: 3.0em;
	margin-right: 3.0em;
	margin-bottom: 0.4em;
	width:50%;
}

.schedcaldiv {
	float: right;
	margin-right: 20px;
	margin-top: 1em;
}

.step1, .step2, .step3, .step4, .step5, .step6 {
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 39px;
	padding-top: 4px;
	height: auto;
	display: table;
}

.step1 {
	background-image: url(metalThemeImages/Step1.gif);
	margin-top: 1em;
	line-height: 30px;

}

.step2 {
	background-image: url(metalThemeImages/Step2.gif);
}

.step3 {
	background-image: url(metalThemeImages/Step3.gif);
}

.step4 {
	background-image: url(metalThemeImages/Step4.gif);
}

.step5 {
	background-image: url(metalThemeImages/Step5.gif);
}

.step6 {
	background-image: url(metalThemeImages/Step6.gif);
}


.stepcontent {
	margin-left: 40px;
}


/************* HEADER FORMATTING *****************/

.headertable {
	border-bottom-color: silver;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin-bottom: 0.7em;
    }

.headercell {
	vertical-align: bottom;
    }

.labelheaderloginname {
	color: #666;
	font-weight: bold;
    }

.labelheaderloginlink {
	color: #666;
	font-weight: bold;
}


/************* CONTACT INFORMATION *****************/

.contacttiny { 
	width:2em;
}

.contactsmall {
	width:5em;
}

.contactmedium {
	width:10em;
}

.contactlarge {
	width:20em;
}

.userinfotable {
	border: solid #76c293 1px;
}

.userinfo {
	color: #4DAC71;
}

.userinfoemail {
	color: #4DAC71;
	line-height: 2.5em;
}


/************* CALENDAR *****************/

.calendarinstructions {
	width: 18em;
	border-color: #80C9FF;
}

.calendar {
	background-image: url(metalThemeImages/Calendar-Fade.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.calendarselectedday {
	border: solid 2px black;
	color: black;
	background-color: #D7FDD7!important;
}

.calendarday, .calendardayam, .calendardaypm, .calendardayboth, .calendarselectedday {
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
}

.calendardayam {
	background-image: url(metalThemeImages/amonly.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.calendardaypm {
	background-image: url(metalThemeImages/pmonly.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.calendardayboth {
}

.calendartitle, .calendarnextprev {
	color:white;
	background:#005596;
	font-weight:bold;
}

/************* DATA GRID *****************/

.grid { 
	/* line-height: 2.0em;*/
	border: solid 1px #005596;
}

.gridheader {
	color:white;
	background:#c6e5e8;
	font-weight:bold;
	letter-spacing: .1em;
	color: #005596;
}

.gridfooter {
}

.gridpager {
}

.griditem, .gridalternatingitem {
	font-size: .9em;	
}

.griditem td {
    vertical-align: top;
    }

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

.gridselecteditem {
	background:#C0C0FF;
}

.gridedititem {
}

.gridexpandcell {
	vertical-align: top;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 3px;
}