/*Table of Contents*/ /*RESETS*/ /*STYLES*/ /* Layout:the big containers */ /* Alternate Content Layouts */ /* Text-Replace Image Headers */ /* Content modules */ /* Header */ /* Left Column */ /* Content Area */ /* Right Column */ /* SUPERFISH NAVIGTATION ESSENTIAL STYLES */ /* Skin */ /* Images for the top level navigation items */ /* Account for subnav wraps, sizes, etc. */ /* UI TABS */ /* Skin */ /* Additional IE specific bug fixes. */ /* MyAFT image scroller */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} a:focus {outline: 0;} body {line-height: 1.2; color: #000; background: #fff;} ol, ul {list-style: none;} blockquote:before, blockquote:after,q:before, q:after {content: "";} blockquote, q {quotes: "" "";} img,a img {border: none;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*removed from overall reset so tables behave in the editor*/ /*STYLES*/ body {text-align:center; background:#3A546F url(/_resources/images/bg-site.jpg) 0 0 repeat-x; font-family:"Lucidia Sans",verdana,arial,sans-serif; font-size:70%; line-height:1.1em; color:#333; padding-top:7px;} h1,h2,h3,h4,h5 {font-family:"Times New Roman", Times, serif; color:#705F3A; font-weight:bold;} h1 {margin:0px 0 8.4px -3px; padding:0; font-size:2.5em; font-weight:normal; line-height:100%;} #header h1 {margin-bottom:0;} h2 {font-size:1.6em; margin:0 0 0.03em; padding:0 0 0.3em 0; line-height:1.2em; font-weight: normal;} h3 {font-size:1.08em; margin:0 0 0.25em; padding:0.125em 0; line-height:1.2em; font-family:"Lucidia Sans",verdana,arial,sans-serif; color:#ad8f0b;} h3 a {color:#0047b6; text-decoration:none;} h4 {font-size:0.95em; margin:0.5em 0 0;} h5 {font-size:1em; margin:0.5em 0 0;} p {margin:0.33em 0 1em 0;} a {color:#0048b6;} a:hover {text-decoration:none;} a.more {display:block; float:right; margin-top:6px; padding-left:10px; background:transparent url(/_resources/images/icon-moreLink.png) 0 4px no-repeat; text-decoration:underline !important;} small {font-size:85%;} big {font-size:115%;} sup {font-size:0.8em; vertical-align:0.5em; line-height:1px;} strong {font-weight:bold;} em{font-style:italic;} /* For Italic fonts */ form {margin:0; padding:0;} hr {border:0; width:100%; color:#000; background-color:#000; height:1px; margin:10px 0; padding:0;} #content ol li{background-image: none; list-style-type: decimal; padding-left: 0; margin-left: 20px;} /* For Italic fonts */ ul.no-bullets {list-style-type:none !important; padding-left:0 !important;} ul.radios li {padding:0 0 10px 20px; background-image: none !important;} ul.radios input {float:left; margin-left:-20px;} /* Table layout removed. WYSIWYG will controll */ /* table{border-top: 1px #666 solid; border-right: 1px #666 solid; border-collapse: collapse;} table caption{color: #003794; text-align: center; padding: 0.4em;} th{background: #3A546F; color: #fff; font-weight: bold;} td{background: #fff;} td,th{padding: 0.4em; border-bottom: 1px #666 solid; border-left: 1px #666 solid;} tr.alt td{background-color: #eee;} */ /* Added for the table layout*/ /* Layout:the big containers */ #topper {position:absolute; left:0; width:100%; height:39px; background:transparent url(/_resources/images/bg-topper.jpg) top center no-repeat; margin:0;} .curve-mask {float:right; margin-right:-14px; background:transparent; width:14px; height:40px; background-image:url(/_resources/images/bg-curve-mask.jpg);} #wrapper {position:relative; z-index:1000; left:-13px; width:980px; margin:0 auto; padding:0; text-align:left; background:#fff url(/_resources/images/bg-newPage.jpg) 0 0 no-repeat;} #header {width:980px; clear:both;} #page {width:980px; clear:both; position:relative; top:-4px;} #page:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #header {height:124px;} #sidebar-left {width:199px; padding:0 10px 0 30px; margin-left:0; float:left;} #page {position:relative; top:-4px;} #page:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} .flash-holder {width:741px; height:212px; overflow:hidden;} #content {width:741px; float:left;} #content-well {clear:both; padding:10px 0 0 20px;} #footer {clear: both; width: 980px; margin: 0 auto; padding: 40px 0 0 0; position: relative; left: -13px; text-align: center; background: url(/_resources/images/bg-newFooter.jpg) 0 0 no-repeat;} #footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} .module h2 {font-family: georgia,"Times New Roman",times,sans-serif; color:#705f3a;} .right {float: right; margin-left: 20px;} .left {float: left; margin-right: 20px;} /* Alternate Content Layouts */ .layout-single-col #content-well .right-column {display: none; visibility:hidden;} .layout-single-col #content-well .left-column-wide {width: 692px;} .left-column-wide .related-articles {float:right; position: relative; right: -43px;}/*in single col layout these are in the content area*/ .left-column-wide .toolbox {float:right;}/*in single col layout these are in the content area*/ .relatedContent {padding: 2px 16px 0px;} /*Added by OU to solve padding issues in related articles*/ /*Text-Replace Image Headers*/ .module h2.aftVoices, .module h2.alsoFromThisIssue, .module h2.americanTeacher, .module h2.calendar, .module h2.featureStory, .module h2.featuredMember, .module h2.featuredPublication, .module h2.featuredPublicationForTeachers, .module h2.featuredResource, .module h2.findYourLocal, .module h2.highlightsFromThisIssue, .module h2.myAftQuicklinks, .module h2.newsPublicationsForTeachers, .module h2.periodicals, .module h2.periodicalsFor, .module h2.relatedArticles, .module h2.speakOut, .module h2.takeAction, .module h2.teacherKeyIssues, .module h2.teachers, .module h2.teachersNews, .module h2.waysGetInvolved, .module h2.whatWouldYouLike, .module h2.whyIjoinedAft {text-indent:-9999em; background-position:-4px 3px; background-repeat:no-repeat; margin-top:0;} h2.aftVoices {background-image:url(/_resources/images/h2-AftVoices.jpg); background-position:0px 4px !important; height:51px; margin-bottom:0; padding-bottom:0;} h2.alsoFromThisIssue {background-image:url(/_resources/images/h2-alsoFromThisIssue.png);} h2.americanTeacher {background-image:url(/_resources/images/h2-americanTeacher.png);} h2.calendar {background-image:url(/_resources/images/h2-calendar.png);} h2.featureStory {background-image:url(/_resources/images/h2-featureStory.png); background-position:0px 3px !important; margin-top:10px !important;} h2.featuredMember {background-image:url(/_resources/images/h2-featuredMember.png);} h2.featuredPublication {background-image:url(/_resources/images/h2-featuredPublication.png);} h2.featuredPublicationForTeachers {background-image:url(/_resources/images/h2-featuredPublicationForTeachers.png); height:32px !important;} h2.featuredResource {background-image:url(/_resources/images/h2-featuredResource.png);} h2.findYourLocal {background-image:url(/_resources/images/h2-findYourLocal.png);} h2.highlightsFromThisIssue {background-image:url(/_resources/images/h2-highlightsFromThisIssue.png); background-position:0px 3px !important;} h2.myAftQuicklinks {background-image:url(/_resources/images/h2-myAftQuicklinks.png);} h2.newsPublicationsForTeachers {background-image:url(/_resources/images/h2-newsPublicationsForTeachers.png); background-position:0px 3px !important; height:32px !important;} h2.periodicals {background-image:url(/_resources/images/h2-periodicals.png);} h2.periodicalsFor {background-image:url(/_resources/images/h2-periodicalsFor.png); background-position:0px 3px !important;} h2.relatedArticles {background-image:url(/_resources/images/h2-relatedArticles.png); background-position:20px 20px !important; height:28px !important;} h2.speakOut {background-image:url(/_resources/images/h2-speakOut.png);} h2.takeAction {background-image:url(/_resources/images/h2-takeAction.png);} h2.teacherKeyIssues {background-image:url(/_resources/images/h2-teacherKeyIssues.png);} h2.teachers {background-image:url(/_resources/images/h2-teachers.png);} h2.teachersNews {background-image:url(/_resources/images/h2-teacherNews.png);} h2.findYourLocal {background-image:url(/_resources/images/h2-findYourLocal.png);} h2.speakOut {background-image:url(/_resources/images/h2-speakOut.png);} h2.calendar {background-image:url(/_resources/images/h2-calendar.png);} h2.featuredMember {background-image:url(/_resources/images/h2-featuredMember.png);} h2.myAftQuicklinks {background-image:url(/_resources/images/h2-myAftQuicklinks.png);} h2.whatWouldYouLike {background-image:url(/_resources/images/h2-whatWouldYouLike.png);} h2.aftVoices {background-image:url(/_resources/images/h2-AftVoices.jpg); background-position:0px 4px !important; height:51px; margin-bottom:0; padding-bottom:0;} h2.waysGetInvolved {background-image:url(/_resources/images/h2-moreWaysGetInvolved.png);} h2.whyIjoinedAft {background-image:url(/_resources/images/h2-whyIjoinedAft.png);} h2.relatedArticles {background-image:url(/_resources/images/h2-relatedArticles.png); background-position:20px 20px !important; height:30px !important;} /*Content modules*/ /* additional styles below for specific modules in specific locations of the page*/ .module {clear:both;} .module:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} .module-divider {clear:both; background:#fff url(/_resources/images/hr-sidebar.png) 0 0 no-repeat; height:12px; margin:14px 0 6px 0;} .nobackground {background-image:none !important; margin:5px 0px;} /* Header */ #ada508 {position:absolute; margin-left:-9999em;} #header h1 { margin: 0;} #header #logo {position:relative; top:41px; left:35px;} #button-and-search {float:right; margin-top:0px; width: 640px;} #button-and-search img{float:left; margin-right:20px vertical-align:middle;} #search {float:left; margin:2px 10px 0 10px;} #search a {display:block; float:left; margin-left:4px; color:#fff; font-size:0.76em; line-height:10px; padding-bottom: 2px;} #search label {position:absolute; margin-left:-9999em;} #search input.text {text-align:center; width:154px; height:20px; padding:3px 10px 0 20px; color:#959fa1; font-size:1.0em; background:transparent url(/_resources/images/bg-search.png) 0 0 no-repeat; border:none;} #button-and-search img,#search input {vertical-align:middle;} #search input {float:left;} #button-and-search img {margin-right:20px } /* Left Column */ #sidebar-left ul, #sidebar-left ol {margin:1em 0; padding-left:1em;} #sidebar-left .module .picture-frame, .right-column .picture-frame, .rightside .module .picture-frame {float:left; background:transparent url(/_resources/images/bg-pic-60x80.png) 4px 4px no-repeat; padding:10px; margin:-4px 4px 0 -8px;} .quicklinks ul {margin:0 !important; padding:0 !important;} .quicklinks ul li {background:transparent url(/_resources/images/arrowLink.png) no-repeat; list-style:none; margin:0; padding:0px 6px 6px 18px;} .left-column-wide .quicklinks ul li {background-position:2px 2px !important;} .quicklinks ul li a {text-decoration:none;} .quicklinks ul li a:hover {text-decoration:underline;} p.email a {background:transparent url(/_resources/images/icon-email.png) no-repeat 76px 0px; padding:2px 0 2px 98px;} .bg-promo {background:url(/_resources/images/bg-module-promo.png) no-repeat; width:180px; padding:10px 10px 0px 10px } .bg-promo img {border:1px solid #fff;} #sidebar-left .quote-module img {margin-top:-1px;} .bg-aftVoices {background:url(/_resources/images/bg-aftVoices.jpg) no-repeat; width:167px; margin:0; padding:32px 16px;} ul.interact {padding-left:0px !important;} ul.interact li {list-style:none !important; padding:8px 0px !important; background-image: none !important;} ul.interact li a {text-decoration:none;} ul.interact li a:hover {text-decoration:underline;} ul.interact li.tellUs a {background:url(/_resources/images/icon-tellUs.png) no-repeat 0px 0; padding:0 0 5px 20px;} ul.interact li.readComments a {background:url(/_resources/images/icon-readComments.png) no-repeat 0px 0px; padding:3px 0 0 20px;} p a.browse-state {font-size:90%; text-decoration:none;} p a.browse-state:hover {font-size:90%; text-decoration:underline;} /* Content Area */ #breadcrumb {font-size:90%; padding:10px 20px 20px 16px;} #breadcrumb li {background:url(/_resources/images/bg-breadcrumb.png) no-repeat; background-position:right; padding:0px 14px 0px 7px; float:left;} #breadcrumb li a:hover {color: #AE900A;} #breadcrumb li .first {padding-left:0px !important;} #breadcrumb li.on {background-image:none; color:#ae900a; font-weight:bold;} #content-well ul, #content-well ol {margin:1em 0; padding-left:1.2em;} #content-well ul {list-style-type:disc;} #content-well ol {list-style-type:decimal;} #content-well li {background:transparent url(/_resources/images/arrowLink.png) no-repeat 0px 2px; list-style:none; margin:0; padding:0px 6px 2px 18px;} #content-well li a {text-decoration:none;} #content-well li a:hover {text-decoration:underline;} #content-well .column {float:left; width:220px;} #content-well .left-column-wide {line-height:1.2em; width:460px;} #content-well .center-column {padding: 0 0px 0 20px;} #content-well .right-column {position: relative; right: -20px;} .module .two-colum-left {float:left !important; position:relative; margin-right:20px; width:200px !important;} .left-column-wide .module.divider {background:#fff url(/_resources/images/hr-content.png) 0 0 no-repeat; clear:both; height:12px; margin:12px auto; width:460px;} .dynamic-lead {clear:left;} .photo-and-caption {width: 160px; padding-top:3px; margin-bottom:20px; display:block; text-align: center; background:url(/_resources/images/bg-contentPhoto-caption.gif) top center no-repeat;} .photo-and-caption img {border:1px #fff solid;} .photo-and-caption p {width: 140px; margin:0; padding:4px 10px 10px 10px; text-align: left; background:url(/_resources/images/bg-contentPhoto-caption.gif) bottom center no-repeat;} /* OMNI */ .photo-and-caption-left {width: 160px;float:left; padding-top:3px; margin-bottom:20px; display:block; text-align: center; background:url(/_resources/images/bg-contentPhoto-caption.gif) top center no-repeat;} .photo-and-caption-left img {border:1px #fff solid;} .photo-and-caption-left p {width: 140px; margin:0; padding:4px 10px 10px 10px; text-align: left; background:url(/_resources/images/bg-contentPhoto-caption.gif) bottom center no-repeat;} .photo-and-caption-right {width: 160px;float:right; padding-top:3px; margin-bottom:20px; display:block; text-align: center; background:url(/_resources/images/bg-contentPhoto-caption.gif) top center no-repeat;} .photo-and-caption-right img {border:1px #fff solid;} .photo-and-caption-right p {width: 140px; margin:0; padding:4px 10px 10px 10px; text-align: left; background:url(/_resources/images/bg-contentPhoto-caption.gif) bottom center no-repeat;} /* OMNI */ /* BFire */ .photoRight{float: right; margin: 0 0 4px 12px;} .photoLeft{float: left; margin: 0 12px 4px 0px;} .photoBorder{display: block; overflow: hidden; background-color: #e6e6e6; background-position: top left; background-repeat: no-repeat; padding: 6px; font-size: 0.9em; font-style: italic;} .photoBorder img{border: 1px #fff solid; float: none !important; margin: -4px -4px 0 -4px !important;} .photoBorder p{margin: 0 !important;} .photoBorder .footer{height: 3px; margin: 0 0 -6px -6px; display: block; background-position: bottom left; background-repeat: no-repeat;} .photoBorder-150{width: 144px; background-image:url(/_resources/images/photoBg-150.png);} .photoBorder-150 .footer{width: 156px; background-image:url(/_resources/images/photoBg-150-foot.png);} .photoBorder-200{width: 194px; background-image:url(/_resources/images/photoBg-200.png);} .photoBorder-200 .footer{width: 206px; background-image:url(/_resources/images/photoBg-200-foot.png);} .photoBorder-250{width: 244px; background-image:url(/_resources/images/photoBg-250.png);} .photoBorder-250 .footer{width: 256px; background-image:url(/_resources/images/photoBg-250-foot.png);} .photoBorder-300{width: 294px; background-image:url(/_resources/images/photoBg-300.png);} .photoBorder-300 .footer{width: 306px; background-image:url(/_resources/images/photoBg-300-foot.png);} /* BFire */ .video-module {padding:0 12px; background:#4c77aa url(/_resources/images/bg-module-video.jpg) 0 0 no-repeat; text-align:center;} .video-module h2, .video-module a {color:#fff;} .video-module h2 {text-align:left;} .video-module ul {padding-left: 0 !important;} .video-module li {background: url(/_resources/images/blt-star-videos.gif) 8px 5px no-repeat !important; padding:3px 0 6px 22px !important; text-align:left !important;} .video-module .video-holder {margin-bottom:10px;} .video-module .footer {width:220px; height:5px; margin-left:-12px; background:transparent url(/_resources/images/bg-module-video-foot.jpg) 0 0 no-repeat;} .speakOut-module {width:198px;} .speakOut-module h3 {color:#ad8f0b;} .speakOut-module ul {margin-bottom:0.4em !important;} .speakOut-module a.view-results {display:block; float:left; width:100px; font-size:0.8em;} .speakOut-module img {float:right;} .quote-module {padding:1px 10px 0 0; background:#fff url(/_resources/images/bg-module-quote.png) top left no-repeat; font-family:"Lucidia Grande",verdana,arial,sans-serif; width:188px;} .quote-module img {float:left; margin-top:-1px;} /* added by OU to fix margin issues */ .quote-module p {margin-left:75px;} .quote-module .attribution {width:197px; padding-top:26px; background:#fff url(/_resources/images/bg-module-quote-foot.png) top left no-repeat;} .quote-module .attribution p {margin:2px 0 0 70px;} .quote-module .attribution .name {text-transform:uppercase; color:#ad8f0b; font-weight:bold;} .quote-module .attribution .affiliation { } .quote-module .attribution .location { } .quote-module .attribution .share-link { } #local-search {height:30px;} #local-search img, #local-search input {vertical-align:middle;} #local-search label {position:absolute; margin-left:-9999em;} #local-search .text {width:110px; padding:4px 6px 4px 4px; color:#959fa1; font-size:1.0em; background:transparent url(/_resources/images/bg-findLocal-input.png) 0 0 no-repeat; border:none; text-align:center;} .all-questions{height: 16px; margin: 0 !important; padding: 0 0 0 26px !important; float: left; background: url(/_resources/images/icon-question.png) 8px 0 no-repeat !important;} .all-questions a:hover {color: #AE900A;} .question-module {width: 689px; background:#e1dcd1 url(/_resources/images/tabs-wide-bg.png) 0 0 no-repeat; overflow: hidden; padding: 6px 6px 0 6px;} .question-module .header{margin:0; padding: 6px; background: url(/_resources/images/questionHeader.png) 0 0 no-repeat; overflow: hidden;} .question-module .header p{margin: 0; padding: 10px 4px 10px 156px; float: left; width: 420px; color: #6384a3; font-size: 1.2em; line-height: 1.1;} .question-module .header p span {font-family:"Utopia Regular",georgia,times,serif; color: #807a64; font-size: 1.2em; margin-left: 30px; display: block;} .question-module .header p strong{display: block; float: left; width: 136px; margin-left: -154px; color: #0047b6; text-align: center; font-size: 1.4em; line-height: 1.0em; font-family:"Utopia Regular",georgia,times,serif;} .question-module .header p.comments{float: right; width: 47px; padding: 15px 0 14px 18px; background: url(/_resources/images/question-comment.png) 0 0 no-repeat; font-size: 1.0em;} .question-module .header p.comments strong{text-indent: -9999em; width: 1px; height: 1px; float: none; margin-left: 0;} .question-module .listing{margin: 0; padding: 10px; background-color: #EEEBE5; overflow: hidden; background: #EEEBE5 url(/_resources/images/table-footer-singleQuestion.png) no-repeat 0 100%;} .voices-footer {width: 689px; background:#e1dcd1 url(/_resources/images/tabs-wide-bg-footer.png) 0 100% no-repeat; overflow: hidden; padding: 6px;} .legalese{padding: 10px; font-size: 0.8em;} .tabs-module {width:255px; height:198px; position:absolute; background:#e1dcd1 url(/_resources/images/bg-homepage-tabs-3.png) 0 0 no-repeat;} .tabs-wide-module {width:701px; overflow: hidden; padding: 0 0 10px 0;} .tabs-wide-module #tabs{margin: 0 6px;} .controls{padding: 0 10px 10px 10px; overflow: hidden;} .controls a:hover {color: #AE900A;} .controls li, .controls dt, .controls dd, .controls p{height: 16px; float: left; overflow: hidden;} .controls dl{float: right;} .controls dd a{display: block; height: 16px; padding: 0 10px 0 26px; background-repeat: no-repeat; background-position: 6px 0;} .controls .pick a{background-image: url(/_resources/images/icon-trophy.png) !important;} .controls .rated a{background-image: url(/_resources/images/icon-star.png) !important;} .controls .recent a{background-image: url(/_resources/images/icon-cal.png) !important;} .controls .comments a{background-image: url(/_resources/images/icon-comments.png) !important;} .question-module li{overflow: hidden; background-image: none !important;} .question-module .stars{float: right; position: relative;} .question-module .stars .pick{display: block; position: absolute; width: 16px; height: 16px; left: -24px; bottom: 0; background: transparent url(/_resources/images/icon-trophy.png) 0 0 no-repeat;} .question-module .stars .rate{display: block; position: absolute; width: 22px; height: 16px; left: -30px; bottom: -1px; background: none; font-weight: bold;} .question-module .teacher strong{color: #ae900a; text-transform: uppercase; font-weight: bold;} .question-module .divider{clear: both; background: #EEEBE5 url(/_resources/images/hr-question.png) 0 0 repeat-x; height: 2px; width: 660px; margin: 0 auto;} .question-module .display{float: left; padding-left: 10px;} .question-module .all-questions{height: 16px; margin: 10px 0 0 0 !important; padding: 0 0 0 26px !important; float: left; background: url(/_resources/images/icon-question.png) 8px 0 no-repeat !important;} .pagination{float: right; margin: 0 !important; padding: 0 !important;} .pagination li{height: 18px; width: 18px; float: left; font-weight: bold; margin: 0 !important; padding: 2px 0 0 0 !important; text-align: center; background-image: none !important;} .pagination li.on{background: transparent url(/_resources/images/pagination-on.png) 0 1px no-repeat !important;} .submit-answer{margin: 10px 0; float: left; clear: left;} .submit-answer a{display: block; padding: 0 0 0 28px; background: url(/_resources/images/icon-comment-sm.png) 8px 1px no-repeat !important; font-weight: bold;} .single-question .listing{padding: 10px 0;} .single-question .controls .submit-answer{margin-top: 0;} .single-question .answer{float: left; width: 465px;} .single-question .answer p{padding: 0; margin: 0;} .single-question img{float: left; margin-right: 10px;} .single-question .teacher{width: 160px; float: right; margin: 0; padding: 0 0 0 10px;} .single-question .teacher img{display: block; float: left;} .single-question .teacher span{display: block; overflow: hidden;} .single-question .teacher strong {color: #AE900A !important;} .answer-question .button{clear: none !important; float: left; margin-right: 10px;} .answer-question img{float: left; margin-right: 10px;} /*Table Striping (classes assigned by jQuery)*/ .stripeMe {width: 100%; border-collapse: collapse; border: none;} .stripeMe a {text-decoration: none;} .stripeMe a:hover {text-decoration: underline;} ul.stripeMe{margin: 0 0 10px 0!important; padding: 0 !important;} .stripeMe td{padding: 6px 12px; background-color: #eeebe5; background-repeat: no-repeat; background-position: 100% 0; border: none;} .stripeMe .alt td, .stripeMe td.alt {background-color: #f5f4f1;} /* {background-color: #eeebe5;} */ .stripeMe .over td, .stripeMe td.over {background-color: #fff;} .stripeMe .on td, .stripeMe td.on {background-color: #fff;} .stripeMe td.date{width: 50px; background-image: url(/_resources/images/td-shadow.png); color: #9f9889; text-align: right;} .stripeMe .alt td.date{background-image: url(/_resources/images/td-shadow-alt.png);} .stripeMe .over td.date{background-image: url(/_resources/images/td-shadow-over.png);} .stripeMe td.date strong{display: block; color: #ae900a;} .stripeMe .comments span.comment{display: block; height: 26px; padding-top: 2px; width: 52px; text-align: center; background-image: url(/_resources/images/td-comment.png); background-repeat: no-repeat;} .stripeMe .alt span.comment{background-image: url(/_resources/images/td-comment-alt.png);} .stripeMe .over span.comment{background-image: url(/_resources/images/td-comment-over.png);} span.comment em {display:none;} .calendar-module {margin-top:204px;} .calendar-module a {text-decoration:none;} .calendar-module a:hover {text-decoration:underline;} .calendar-module dt {clear:left; float:left; height:27px; width:22px; color:#fff; font-weight:bold; text-align:center; background-repeat:no-repeat; background-position:0 0;} .calendar-module dd {float:left; width:180px; margin:-4px 0 0 10px; padding-bottom:16px;} .calendar-module dt span {display:block; width:22px; height:10px; text-indent:-9999em;} /*Hide HTML month and use as spacer*/ .calendar-module .jan {background-image:url(/_resources/images/icon-cal-jan.png) } .calendar-module .feb {background-image:url(/_resources/images/icon-cal-feb.png) } .calendar-module .mar {background-image:url(/_resources/images/icon-cal-mar.png) } .calendar-module .apr {background-image:url(/_resources/images/icon-cal-apr.png) } .calendar-module .may {background-image:url(/_resources/images/icon-cal-may.png) } .calendar-module .jun {background-image:url(/_resources/images/icon-cal-jun.png) } .calendar-module .jul {background-image:url(/_resources/images/icon-cal-jul.png) } .calendar-module .aug {background-image:url(/_resources/images/icon-cal-aug.png) } .calendar-module .sep {background-image:url(/_resources/images/icon-cal-sep.png) } .calendar-module .oct {background-image:url(/_resources/images/icon-cal-oct.png) } .calendar-module .nov {background-image:url(/_resources/images/icon-cal-nov.png) } .calendar-module .dec {background-image:url(/_resources/images/icon-cal-dec.png) } .calendar-module dd .date {padding-right:4px;} .calendar-module dd .location {display:block; padding-top:2px;} .intro {margin-right:20px;} .intro a {text-decoration:none;} .intro a:hover {text-decoration:underline;} .dynamic-lead {margin-top:10px;} .leftside {float:left; margin-right:10px; width:230px;} .rightside {float:left; width:200px;} .arrow-list { } .arrow-list ul {margin-top:0px !important; padding-left:0px !important;} .arrow-list ul li {background:transparent url(/_resources/images/arrowLink.png) no-repeat !important; list-style:none; margin:0; padding:0px 6px 6px 18px;} .arrow-list ul li.icon-word {background:transparent url(/_resources/images/icon-word.png) no-repeat !important;} .arrow-list ul li.icon-pdf {background:transparent url(/_resources/images/icon-pdf.png) no-repeat !important;} .arrow-list ul li.icon-excel {background:transparent url(/_resources/images/icon-excel.png) no-repeat !important;} .arrow-list ul li.icon-ppt {background:transparent url(/_resources/images/icon-ppt.png) no-repeat 0px -3px !important;} .arrow-list ul li.icon-issue {background:transparent url(/_resources/images/icon-issue.png) no-repeat !important;} .arrow-list ul li a {text-decoration:none;} .arrow-list ul li a:hover {text-decoration:underline;} .highlights h3 {font-size:100%; color:#ae900a; font-weight:bold;} .highlights p {margin-bottom:0.4em !important;} .highlights span.account-information {color:#0048b6;} .highlights ul {margin:0px !important; padding:0px !important;} .highlights .item {float: left; background:url(/_resources/images/hr-content.png) no-repeat bottom; padding:8px 0px 24px; width:460px;} .highlights .item.first {padding-top:16px !important;} .highlights .item.last {background-image:none;} .highlight-image {float:left; position:relative;} .bg-highlight-image {background:url(/_resources/images/bg-pic-frame.png) no-repeat; width:120px;} .bg-highlight-image img {border:1px solid #fff; padding:3px 3px 0px;} .highlight-copy {margin:0px 10px 10px 132px;} .featured-publications h3 {color:#ad8f0b;} .featured-publications ul { } .featured-publications ul li {background:url(/_resources/images/.png) no-repeat;} .featured-publications ul li.word {background:url(/_resources/images/icon-word.png) no-repeat;} .featured-publications ul li.ppt {background:url(/_resources/images/icon-ppt.png) no-repeat;} .teacher-key-issues { } .teacher-key-issues ul {margin-top:0px !important; padding-left:0px !important;} .teacher-key-issues ul li {background:transparent url(/_resources/images/icon-issue.png) no-repeat 0px 0px; list-style:none; padding:2px 0px 2px 18px;} .teacher-key-issues ul li a {font-weight:bold; text-decoration:none;} .teacher-key-issues ul li a:hover {font-weight:bold; text-decoration:underline;} .teacher-key-issues ul li a.more {font-weight:normal; text-decoration:underline;} .teacher-key-issues p {margin-left:-20px; margin-right:24px;} .boilerplate {margin-right:20px;} .boilerplate a {text-decoration:none;} .boilerplate a:hover {text-decoration:underline;} /* Right Column */ #sidebar-right ul, #sidebar-right ol {margin:1em 0; padding-left:2.5em;} .right-column {width:212px !important;} .right-column a {text-decoration:none;} .right-column a:hover,.right-column a.more {text-decoration:underline;} .right-column p a.more-ways {background:url(/_resources/images/icon-getInvolved.png) no-repeat; clear:left; margin-left:10px; padding:2px 20px; text-align:center;} .right-column p a.icon-pdf {background:url(/_resources/images/icon-pdf.png) no-repeat; clear:left; margin-left:20px; padding:2px 2px 2px 26px; text-align:center;} .bg-promo-222 {background:url(/_resources/images/bg-promo-222.png) no-repeat; width:222px } .bg-promo-222 img {border:1px solid #fff; padding:4px 4px 0px 4px;} .bg-promo-222-btmcap {margin-bottom:12px;} #content-well .toolbox {margin: -10px 0 10px 0; width: 218px;} #content-well .toolbox ul {padding-left:16px !important;} #content-well .toolbox ul li {float: left; list-style:none; background-image: none; padding: 0;} #content-well .toolbox ul li a {display: block; padding:2px 10px 2px 22px; text-decoration: underline !important;} #content-well .toolbox ul li a:hover {color: #AE900A;} #content-well .toolbox ul li.print a {background:url(/_resources/images/icon-print.png) no-repeat;} #content-well .toolbox ul li.send-friend a {background:url(/_resources/images/icon-send-friend.png) no-repeat;} #content-well .toolbox ul li.share a {background:url(/_resources/images/icon-share.png) no-repeat;} .member-greeting {color:#ae900e; font-weight:bold;} .member-login a {text-decoration:none;} .member-login a:hover {text-decoration:underline;} .pipe {color:#0048b6; padding:0px 2px 0px 4px;} .related-articles {position:relative; padding-bottom: 40px; width:255px; background:transparent url(/_resources/images/bg-related-articles.jpg) top left no-repeat;} .related-articles .footer {position:absolute; bottom:0; width:255px; height:40px; background:transparent url(/_resources/images/bg-related-articles.jpg) bottom left no-repeat;} .related-articles ul {margin-bottom: 0 !important;} .related-articles ul li {background:transparent url(/_resources/images/arrowLink.png) no-repeat 0px 2px; list-style:none; margin:0; padding:0px 0 5px 18px !important; width:182px;} #content-well .related-articles li.icon-word {background:url(/_resources/images/icon-word.png) no-repeat;} #content-well .related-articles li.icon-excel {background:url(/_resources/images/icon-excel.png) no-repeat;} #content-well .related-articles li.icon-pdf {background:url(/_resources/images/icon-pdf.png) no-repeat;} #content-well .related-articles li.icon-ppt {background:url(/_resources/images/icon-ppt.png) no-repeat;} .related-articles p a.more {margin-right:24px !important; text-decoration:underline;} .featured-member {padding:10px 30px 0 0; background:#fff url(/_resources/images/bg-bubble-grey.jpg) top left no-repeat; font-family:"Lucidia Grande",verdana,arial,sans-serif;} .featured-member img {float:left; margin-top:-10px;} .featured-member p {margin-left:75px;} .featured-member .attribution {width:197px; padding-top:26px; background:#fff url(/_resources/images/bg-bubble-grey-btmcap.jpg) top left no-repeat;} .featured-member .attribution p {margin:2px 0 0 72px;} .featured-member .attribution .name {text-transform:uppercase; color:#ad8f0b; font-weight:bold;} .featured-member .attribution .affiliation { } .featured-member .attribution .location { } .featured-member .attribution .share-link { } .why-joined-aft {padding:10px 30px 0 0; background:#fff url(/_resources/images/bg-why-joined-aft.jpg) top left no-repeat; font-family:"Lucidia Grande",verdana,arial,sans-serif;} .why-joined-aft img {float:left; margin-top:-10px;} .why-joined-aft p {margin-left:75px;} .why-joined-aft .attribution {width:197px; padding-top:26px; background:#fff url(/_resources/images/bg-why-joined-aft-btmcap.jpg) top left no-repeat;} .why-joined-aft .attribution p {margin:2px 0 0 72px;} .why-joined-aft .attribution .name {text-transform:uppercase; color:#ad8f0b; font-weight:bold;} .why-joined-aft .attribution .affiliation { } .why-joined-aft .attribution .location { } .why-joined-aft .attribution .share-link { } .moreWaysGetInvolved { } .moreWaysGetInvolved ul {padding-left:0px !important;} .moreWaysGetInvolved ul li {background:transparent url(/_resources/images/arrowLink.png) no-repeat 0px 2px; list-style:none; margin:0; padding:0px 6px 8px 18px; width:212px;} .moreWaysGetInvolved ul li a { } a.icon-pdf {background:url(/_resources/images/icon-pdf.png) no-repeat; padding:2px 0px 2px 18px;} .from-this-issue h3 {color:#ad8f0b !important;} .from-this-issue .author {color:#0048B6;} .from-this-issue .photographer {color:#0048B6;} /* Footer */ #footer #links {margin-left: 87px; overflow: hidden;} #footer #links li {float: left;} #footer .contact{width: 82px;} #footer .calendar{width: 89px;} #footer .partners{width: 90px;} #footer .press{width: 67px;} #footer .jobs{width: 105px;} #footer .rss{width: 150px;} #footer a {padding:12px; font-weight:bold; text-decoration:none; color:#4a4a4a;} #footer a:hover, #footer #links li a:hover {text-decoration:underline !important;} #footer #copyright, #footer #disclaimer {float:left; padding:20px 0; color:#fff; font-weight: normal;} #footer #disclaimer a {color:#fff; font-weight: normal;} #footer #copyright {width:390px; padding-left:10px; clear:left; text-align:left;} #footer #disclaimer {width:360px; padding-left:200px; text-align:right;} /*css for links icons */ #footer #links-icons {margin-left: 670px;margin-top:-15px; overflow: hidden;} #footer #links-icons li {float: left;} #footer #links-icons li a:hover {text-decoration:none;display:inline;} #footer .icon{width: 25px;} #footer .icon a {padding:15px;} /*safari 3 only hack */ @media screen and (-webkit-min-device-pixel-ratio:0) {#wrapper {left:-12px;}} @media screen and (-webkit-min-device-pixel-ratio:0) {#footer {left:-12px;}} /*end safari 3 only hack */ /* SUPERFISH NAVIGTATION ESSENTIAL STYLES */ .sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;} .sf-menu {line-height: 1.0;} .sf-menu ul {position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width: 100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left; position: relative;} .sf-menu a {display: block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 40px; /* match top ul list item height */z-index: 99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */top: 0;} /**SKIN */ .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0;} /*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ .sf-navbar {background: transparent; height: 55px; padding-bottom: 0; width: 694px; position: relative; left: 280px; top: -35px;} .sf-navbar li {background: transparent; position: static; height: 55px; text-indent: -9999em;} .sf-navbar a {border-top: none; display: block; height: 55px;} .sf-navbar li ul {width: 720px; /*IE6 soils itself without this*/height: 29px; margin-left: -20px; margin-top: 12px;} .sf-navbar li li {background: #3a5470 url(/_resources/images/tnav-sub-divider.png) top left no-repeat; position: relative; height: 22px; text-align: center; padding: 0 18px 8px 18px; text-indent: 0; font-family: arial,verdana,sans-serif; font-size: 1.0em; line-height: 1.2em;} .sf-navbar li li.first {background-image: none;} .sf-navbar li li ul {width: 13em;} .sf-navbar li li li {width: 100%;} .sf-navbar ul li {width: auto; float: left;} .sf-navbar a, .sf-navbar a:visited {border: none; color: #3a5470;} .sf-navbar li li a, .sf-navbar li li a:visited {border: none; color: #fff; height: 29px; background-color: transparent; text-decoration: none; background-image: none !important;} .sf-navbar li.current {background: #3a5470; color: #fff;} .sf-navbar li.current li.current a {background-image: none;} .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current, .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {background: transparent; color: #fff;} .sf-navbar ul li:hover, .sf-navbar ul li.sfHover {/*background: transparent url(/_resources/images/tnav-sub-bg-over-2.png) 0 100% repeat-x; */background-color: #0047B6; background-image: none !important;} .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {background-color: transparent;} ul.sf-navbar .current ul ul {top: -999em;} .sf-navbar li li.current > a {font-weight: normal;} /*** point all arrows down ***/ /* point right for anchors in subs */ .sf-navbar ul .sf-sub-indicator { background-position: -10px -100px;} .sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px;} /* apply hovers to modern browsers */ .sf-navbar ul a:focus > .sf-sub-indicator, .sf-navbar ul a:hover > .sf-sub-indicator, .sf-navbar ul a:active > .sf-sub-indicator, .sf-navbar ul li:hover > a > .sf-sub-indicator, .sf-navbar ul li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /*** remove shadow on first submenu ***/ .sf-navbar > li > ul {background: transparent; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0;} /* Images for the top level navigation items */ #nav .yourWork {background-image: url(/_resources/images/tnav-yourWork.jpg);} #nav .yourBenefits {background-image: url(/_resources/images/tnav-yourBenefits.jpg);} #nav .keyIssues {background-image: url(/_resources/images/tnav-keyIssues.jpg);} #nav .newsAndPublications {background-image: url(/_resources/images/tnav-newsAndPublications.jpg);} #nav .AFTVoices {background-image: url(/_resources/images/tnav-AFTVoices.jpg);} #nav .getInvolved {background-image: url(/_resources/images/tnav-getInvolved.jpg);} #nav .aboutAFT {background-image: url(/_resources/images/tnav-aboutAFT.jpg);} #nav .yourWork:hover, #nav .yourWork.current {background-image: url(/_resources/images/tnav-yourWork-over.jpg);} #nav .yourBenefits:hover, #nav .yourBenefits.current {background-image: url(/_resources/images/tnav-yourBenefits-over.jpg);} #nav .keyIssues:hover, #nav .keyIssues.current {background-image: url(/_resources/images/tnav-keyIssues-over.jpg);} #nav .newsAndPublications:hover, #nav .newsAndPublications.current {background-image: url(/_resources/images/tnav-newsAndPublications-over.jpg);} #nav .AFTVoices:hover, #nav .AFTVoices.current {background-image: url(/_resources/images/tnav-AFTVoices-over.jpg);} #nav .getInvolved:hover, #nav .getInvolved.current {background-image: url(/_resources/images/tnav-getInvolved-over.jpg);} #nav .aboutAFT:hover, #nav .aboutAFT.current {background-image: url(/_resources/images/tnav-aboutAFT-over.jpg);} /* Account for subnav wraps, sizes, etc. */ /* if only single line of text, use height: 15px; padding-top: 7px; in order to vertically center. */ /* Otherwise, adjust width so wrap occurs where desired */ /* Watch the overall width of the subnav, it will wrap down into content if you let it! */ .yourWork {width: 111px;} .yourWork .teachers {width: 50px; height: 15px; padding-top: 7px;} .yourWork .schoolSupportStaffPSRP {width: 90px;} .yourWork .higherEducation {width: 50px;} .yourWork .publicEmployees {width: 50px } .yourWork .healthcare {width: 50px; height: 15px; padding-top: 7px;} .yourWork .earlyChildhoodEducators {width: 90px;} .yourWork .retirees {width: 50px; height: 15px; padding-top: 7px;} .yourBenefits {width: 90px;} .yourBenefits .loanForgivenessAndSupport {width: 100px;} .yourBenefits .financialServices {width: 50px;} .yourBenefits .discounts {width: 50px; height: 15px; padding-top: 7px;} .yourBenefits .insurance {width: 50px; height: 15px; padding-top: 7px;} .yourBenefits .travel {width: 50px; height: 15px; padding-top: 7px;} .yourBenefits .loanforgiveness {width: 50px; height: 15px; padding-top: 1px;} .yourBenefits .scholarships {width: 50px; height: 15px; padding-top: 7px;} .keyIssues {width: 78px;} .keyIssues .issuesByCategory {width: 120px; height: 15px; padding-top: 7px;} .newsAndPublications {width: 115px;} .newsAndPublications .news {width: 50px; height: 15px; padding-top: 7px;} .newsAndPublications .periodicals {width: 50px; height: 15px; padding-top: 7px;} .newsAndPublications .reports {width: 50px; height: 15px; padding-top: 7px;} .newsAndPublications .emailNewsletters {width: 50px;} .newsAndPublications .videos {width: 50px; height: 15px; padding-top: 7px;} .newsAndPublications .pressReleases {width: 50px;} .AFTVoices {width: 81px;} .AFTVoices .oneLine {width: 120px; height: 15px; padding-top: 7px;} /* Added by OmniUpdate */ .AFTVoices .shareOpinions {width: 50px;} .AFTVoices .yourVoices {width: 50px;} .AFTVoices .takePolls {width: 60px; height: 15px; padding-top: 7px;} .AFTVoices .yourVideos {width: 50px;} .AFTVoices .theHotTopic {width: 90px; height: 15px; padding-top: 7px;} .getInvolved {width: 93px;} .getInvolved .volunteer {width: 50px; height: 15px; padding-top: 7px;} .getInvolved .takeLegislativeAction {width: 100px;} .getInvolved .Campaign08 {width: 50px;} .getInvolved .contribute {width: 50px; height: 15px; padding-top: 7px;} .getInvolved .howDoIJoin {width: 80px; height: 15px; padding-top: 7px;} .aboutAFT {width: 114px;} .aboutAFT .union101 {width: 30px;} .aboutAFT .missionStatement {width: 50px;} .aboutAFT .officers {width: 35px; height: 15px; padding-top: 7px;} .aboutAFT .successStories {width: 50px;} .aboutAFT .threeWords {width: 52px;} /* Added by OmniUpdate for about community */ .aboutAFT .howDoIJoin {width: 50px;} .aboutAFT .whoWeAre {width: 40px;} .aboutAFT .history {width: 35px; height: 15px; padding-top: 7px;} .aboutAFT .financialStatements {width: 50px;} .aboutAFT .resolutions {width: 55px; height: 15px; padding-top: 7px;} /* UI Tabs */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */.ui-tabs-hide {display: none;}} /* Hide useless elements in print layouts... */ @media print {.ui-tabs-nav {display: none; }} /* Skin */ .ui-tabs-nav {list-style: none; margin: 0 0 0 8px !important; padding: 4px 0 0 0 !important; height: 33px;} .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */display: block; clear: both; content: " ";} .ui-tabs-nav li {float: left; margin: 0 !important; min-width: 44px; /* be nice to Opera */height: 33px; font-size: 1.0em; overflow: hidden; background-image: none !important; padding: 0 !important;} #tabs .ui-tabs-nav a, #tabs .ui-tabs-nav a span {display: block; width: 117px; height: 33px; background: url(/_resources/images/tab.png) no-repeat;} #tabs .ui-tabs-nav a span {padding-top: 10px;} #tabs .ui-tabs-nav .tab1 a span {padding-right: 4px; width: 113px;} /*forces tab1 text back to center*/ .ui-tabs-nav a {margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */color: #4a4a4a; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */} #tabs .ui-tabs-selected a,#tabs .ui-tabs-selected a span {/*position: relative; */ /*removed to fix indexing issue wiht left nav flyout*/ /*top: 1px; z-index: 2; */ background: url(/_resources/images/tab-on.png) no-repeat !important;} .ui-tabs-nav a span {width: 64px; /* IE 6 treats width as min-width */min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 4px; padding-bottom: 2px; padding-right: 0;} *>.ui-tabs-nav a span { /* hide from IE 6 */width: auto; height: auto;} .ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;} .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .subpage .ui-tabs-nav .ui-tabs-selected a, .subpage .ui-tabs-nav a:hover, .subpage .ui-tabs-nav a:focus, .subpage .ui-tabs-nav a:active, .dashboard .ui-tabs-nav .ui-tabs-selected a, .dashboard .ui-tabs-nav a:hover, .dashboard .ui-tabs-nav a:focus, .dashboard .ui-tabs-nav a:active {background-image: none;} .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;} .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */cursor: pointer;} .dashboard .ui-tabs-nav a {padding-right: 20px;} .ui-tabs-panel {padding: 1em 8px; background: transparent; /* declare background color for container to avoid distorted fonts in IE while fading */} .ui-tabs-loading em {padding: 0 0 0 20px; background: url(/_resources/images/loading.gif) no-repeat 0 50%;} /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */display: inline-block;} *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */display: inline-block;} .tabs-wide-module #tabs{margin: 6px 8px;} .tabs-wide-module .ui-tabs-nav{height: 34px; width: 685px; margin: 0 !important; padding: 0 !important;} .tabs-wide-module .ui-tabs-nav li{height: 34px; background-repeat: no-repeat; background-position: 0 1px !important;} .tabs-wide-module .ui-tabs-nav .tab-general{width: 57px; background-image: url(/_resources/images/tab-general-on.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-teachers{width: 76px; background-image: url(/_resources/images/tab-teachers-on.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-psrp{width: 111px; background-image: url(/_resources/images/tab-psrp-on.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-higherEd{width: 81px; background-image: url(/_resources/images/tab-higherEd-on.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-pubEmployees{width: 86px; background-image: url(/_resources/images/tab-pubEmployees-on.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-healthCare{width: 85px; background-image: url(/_resources/images/tab-healthCare-on.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-earlyChildEducation{width: 119px; background-image: url(/_resources/images/tab-earlyChildEducation-on.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-retirees{width: 70px; background-image: url(/_resources/images/tab-retirees-on.png) !important;} .tabs-wide-module #tabs .ui-tabs-nav li a, .tabs-wide-module #tabs li a span{background: none; width: auto;} .tabs-wide-module #tabs .ui-tabs-nav li a{text-indent: -9999em; background-repeat: no-repeat;} .tabs-wide-module .ui-tabs-nav .tab-general a{background-image: url(/_resources/images/tab-general.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-teachers a{background-image: url(/_resources/images/tab-teachers.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-psrp a{background-image: url(/_resources/images/tab-psrp.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-higherEd a{background-image: url(/_resources/images/tab-higherEd.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-pubEmployees a{background-image: url(/_resources/images/tab-pubEmployees.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-healthCare a{background-image: url(/_resources/images/tab-healthCare.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-earlyChildEducation a{background-image: url(/_resources/images/tab-earlyChildEducation.png) !important;} .tabs-wide-module .ui-tabs-nav .tab-retirees a{background-image: url(/_resources/images/tab-retirees.png) !important;} .tabs-wide-module #tabs .ui-tabs-nav .ui-tabs-selected a,.tabs-wide-module #tabs .ui-tabs-selected a span, .tabs-wide-module #tabs .ui-tabs-nav a:hover,.tabs-wide-module #tabs a:hover span{background-image: none !important;} .tabs-wide-module .ui-tabs-panel {width: 685px; padding: 1em 0; background: #eeebe5 url(/_resources/images/table-footer.png) 0 100% no-repeat; overflow: hidden;} .tab-content .divider{clear: both; background: #EEEBE5 url(/_resources/images/hr-question.png) 0 0 repeat-x; height: 2px; width: 660px; margin: 0 auto 10px auto;} #tabs div ul {margin: 0; padding: 6px 14px 0 14px } #tabs div li {margin: 0; padding: 0px 6px 10px 20px; list-style-type: none;} #tabs #in-the-spotlight li {background: transparent url(/_resources/images/blt-arrowLink.png) 4px 0 no-repeat;} #tabs #find-it-fast li {background: transparent url(/_resources/images/blt-pageLink.png) 4px 0 no-repeat;} #tabs div li a {background-image: none; width: auto; height: auto; margin-top: -4px; text-decoration: none; color: #000;} #tabs div li a:hover {text-decoration: underline;} .tab-content{clear: both; background-color: #eeebe5;} .form-standard{padding-bottom: 10px; overflow: hidden;} .form-standard dl{overflow: hidden;} .form-standard li{background: none !important;} .form-standard label{display: block; float: left; width: 100px;} .question-module .form-standard li{padding-bottom: 10px !important;} .question-module .form-standard label{width: 120px; padding-left: 10px;} .question-module .form-standard .email input, .question-module .form-standard .address input{width: 414px;} .question-module .form-standard .member-localName label{width: 140px;} .question-module .form-standard .uploadPhoto label{width: 300px; padding-bottom: 4px;} .question-module .form-standard .uploadPhoto input{clear: left; margin-left: 10px;} .question-module .form-standard .optIn label{width: 340px;} .question-module .form-standard .optIn input{margin-left: 10px;} .question-module .error{color:#e00;} .form-standard input{float: left; margin-right: 6px;} .form-standard .button{clear: left; margin-left: 10px;} blockquote{display: block; padding: 16px; margin: 16px; background: #efefef; overflow: hidden;} /* MyAFT image scroller */ #slider {width: 460px; height: 201px; margin: 0 auto; position: relative; background: url(/_resources/images/scroller-bg.jpg) 0 0 no-repeat} #slider .scroll {overflow: hidden; width: 460px; height: 198px; margin: 0 auto; position: relative; } #slider .scrollContainer {position: relative; } #slider .scrollContainer div.panel {width: 166px; height: 173px; padding: 10px; margin-top: 4px; } #slider #left-shadow {left: 28px; /*width: 125px;*/ background: url(/_resources/images/scroller-leftshadow.png) top left repeat-y} #slider #right-shadow {right: 28px; /*width: 139px;*/ background: url(/_resources/images/scroller-rightshadow.png) top right repeat-y; } #slider #left-shadow, #slider #right-shadow {position: absolute; width: 16px; height: 196px; top: 3px;} #slider .inside {padding: 0; width: 180px; } #slider .inside img {display: block; border: 1px solid #fff; margin: 0 auto 10px auto; width: 130px; /* here, this is the inactive image size and6; will be reset to full size in the js */} #slider .inside h6 {font-weight: bold; color: #0047B6; font-size: 0.8em; /*inactive size, reset in js*/ margin: 0; } #slider .inside h6 a:hover {text-decoration: underline;} /* Added by OmniUpdate for Double line text Strats */ #slider .inside h5 {font-weight: bold; color: #0047B6; font-size: 15px; /*inactive size, reset in js*/ margin: 0; } #slider .inside h5 a:hover {text-decoration: underline;} /* Added by OmniUpdate for Double line text Ends */ #slider .inside a {text-decoration: none;} #slider .inside p {clear: both; font-size: 0.8em; /*inactive size, reset in js*/ color: #333; } #slider .inside ul {margin: 0 !important; padding: 0 !important; } #slider .inside li {background: transparent url(/_resources/images/bullet-star.gif) no-repeat scroll 0 2px} #slider .scrollButtons {position: absolute; top: 0; cursor: pointer; z-index: 2000; } #slider .scrollButtons.left {left: 0; } #slider .scrollButtons.right {right: 0; } #slider .hide {display: none; } /* DJS added 20091119 */ .controls .on{font-weight:bold;} /* Added by OmniUpdate for ShareThis */ #content-well .toolbox .print a {background:url(/_resources/images/icon-print.png) no-repeat;} /* Calendar fix for unknown spacing issue */ #breadcrumb ul {overflow:hidden;} a.chicklet2 {background:url(/_resources/images/icon-print.png) no-repeat;} /* Added by OmniUpdate for ShareThis */ a.chicklet img { border: 0; height: 16px; width: 16px; margin-right: 3px; vertical-align: middle; } a.chicklet { height: 16px; line-height: 16px; margin-right: 6px; } /* Added by OmniUpdate for Table Border */ table.noborder {border: none !important;} .noborder td{border: none !important;} #nav .navOneLine {width: 120px; height: 15px; padding-top: 7px;} /* Added by OmniUpdate for Image Caption Testing */ .photo300WithCaptionLeft { background-image:url("(/_resources/images/photoBg-300.png"); width:294px; } .photo300WithCaptionLeft { float:left; margin:0 12px 4px 0; } .photo300WithCaptionLeft { -moz-border-radius:5px 5px 5px 5px; background-color:#E6E6E6; background-position:left top; background-repeat:no-repeat; display:block; font-size:0.9em; font-style:italic; overflow:hidden; padding:6px; } .photo300WithCaptionLeft img { border:1px solid #FFFFFF; float:none !important; margin:-4px -4px 0 !important;} .photo300WithCaptionLeft p { margin:0 !important;} .photo300WithCaptionLeft .footer { background-image:url("/_resources/images/photoBg-300-foot.png"); width:306px; } .photo300WithCaptionLeft .footer { background-position:left bottom; background-repeat:no-repeat; display:block; height:3px; margin:0 0 -6px -6px;} /* Styles for image with caption */ .photoWithCaptionLeft, .photo100WithCaptionLeft, .photo150WithCaptionLeft, .photo200WithCaptionLeft, .photo250WithCaptionLeft, .photo300WithCaptionLeft, .photoWithCaptionRight, .photo100WithCaptionRight, .photo150WithCaptionRight, .photo200WithCaptionRight, .photo250WithCaptionRight, .photo300WithCaptionRight{display: block; overflow: hidden; background-color: #e6e6e6; background-position: top left; background-repeat: no-repeat; padding: 6px; font-size: 0.9em; font-style: italic; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .photoWithCaptionLeft, .photo100WithCaptionLeft, .photo150WithCaptionLeft, .photo200WithCaptionLeft, .photo250WithCaptionLeft, .photo300WithCaptionLeft{float: left; margin: 0 12px 4px 0px;} .photoWithCaptionRight, .photo100WithCaptionRight, .photo150WithCaptionRight, .photo200WithCaptionRight, .photo250WithCaptionRight, .photo300WithCaptionRight{float: right; margin: 0 0 4px 12px;} .photoWithCaptionLeft img, .photo100WithCaptionLeft img, .photo150WithCaptionLeft img, .photo200WithCaptionLeft img, .photo250WithCaptionLeft img, .photo300WithCaptionLeft img, .photoWithCaptionRight img, .photo100WithCaptionRight img, .photo150WithCaptionRight img, .photo200WithCaptionRight img, .photo250WithCaptionRight img, .photo300WithCaptionRight img{border: 1px #fff solid; float: none !important; margin: -4px -4px 0 -4px !important;} .photoWithCaptionLeft p, .photo100WithCaptionLeft p, .photo150WithCaptionLeft p, .photo200WithCaptionLeft p, .photo250WithCaptionLeft p, .photo300WithCaptionLeft p, .photoWithCaptionRight p, .photo100WithCaptionRight p, .photo150WithCaptionRight p, .photo200WithCaptionRight p, .photo250WithCaptionRight p, .photo300WithCaptionRight p{margin: 0 !important;} .photoWithCaptionLeft .footer, .photo100WithCaptionLeft .footer, .photo150WithCaptionLeft .footer, .photo200WithCaptionLeft .footer, .photo250WithCaptionLeft .footer, .photo300WithCaptionLeft .footer, .photoWithCaptionRight .footer, .photo100WithCaptionRight .footer, .photo150WithCaptionRight .footer, .photo200WithCaptionRight .footer, .photo250WithCaptionRight .footer, .photo300WithCaptionRight .footer{height: 3px; margin: 0 0 -6px -6px; display: block; background-position: bottom left; background-repeat: no-repeat;} .photo100WithCaptionLeft, .photo100WithCaptionRight{width: 94px; background-image:url(/_resources/images/photoBg-100.png);} .photo100WithCaptionLeft .footer, .photo100WithCaptionRight .footer{width: 106px; background-image:url(/_resources/images/photoBg-100-foot.png);} .photo150WithCaptionLeft, .photo150WithCaptionRight{width: 144px; background-image:url(/_resources/images/photoBg-150.png);} .photo150WithCaptionLeft .footer, .photo150WithCaptionRight .footer{width: 156px; background-image:url(/_resources/images/photoBg-150-foot.png);} .photo200WithCaptionLeft, .photo200WithCaptionRight{width: 194px; background-image:url(/_resources/images/photoBg-200.png);} .photo200WithCaptionLeft .footer, .photo200WithCaptionRight .footer{width: 206px; background-image:url(/_resources/images/photoBg-200-foot.png);} .photo250WithCaptionLeft, .photo250WithCaptionRight{width: 244px; background-image:url(/_resources/images/photoBg-250.png);} .photo250WithCaptionLeft .footer, .photo250WithCaptionRight .footer{width: 256px; background-image:url(/_resources/images/photoBg-250-foot.png);} .photo300WithCaptionLeft, .photo300WithCaptionRight{width: 294px; background-image:url(/_resources/images/photoBg-300.png);} .photo300WithCaptionLeft .footer, .photo300WithCaptionRight .footer{width: 306px; background-image:url(/_resources/images/photoBg-300-foot.png);} /* Featured Question */ .feature {position:relative;} .featured .top{width: 100%; height: 12px; background-color: #4d7bac !important; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-radius-topright: 10px; -webkit-border-radius-topleft: 10px; border-radius-topright: 10px; border-radius-topleft: 10px;} .featured .contents{width: 100%; overflow: hidden; background: url(/_resources/images/aft-question.png) no-repeat 510px 2px #4d7bac;} .featured .bottom{width: 100%; height: 12px; background-color: #4d7bac; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; -webkit-border-radius-bottomleft: 10px; border-radius-bottomright: 10px; border-radius-bottomleft: 10px;} .featured td{font-size: 1.2em; line-height: 1.2; vertical-align: top;} .featured h2{color: #fff !important; font-family: verdana,arial,sans-serif; font-size: 1.6em; text-shadow: 0.2em 0.1em 0.2em #1e3f62;} .featured a{color: #fff !important;} .featured span{display: block; float: left; padding: 0;} .featured .image{position: relative; width:62px; margin-left: 12px; } .featured .question{width:500px; margin-left: 12px;} .featured .question p{float: left; width: 330px; margin: 0; padding: 0;} .featured .image b{position: absolute; width: 65px; height: 82px; background: transparent url(/_resources/images/voicesFeature-overlay.png) 0 0 no-repeat;} .featured .date{display: block; float: left; padding: 0 12px 20px 0; color: #fffecb;} .featured .date em{display: block; color: #c9ffff; text-transform: uppercase; font-style: normal;} .featured .comment{width: 59px; position: absolute; right:83px; top:160px;;} .featured .comment strong{display: block; width: 52px; height: 26px; margin-top: 52px; background:url(/_resources/images/td-question-featured.png) 0 0 no-repeat !important; text-align: center;} .featured span.comment{background-image: none !important; } /* new style for overlay image in Quote box */ .quote-module img.difference{float: right; margin-top: 2px;} .quote-module .attribution{clear: both;}