/* Family Talk - Responsive CSS Desktop */ @import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700); 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style:none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* CSS Document */ h1 {font-size:24px; color:#000000; font-family: 'Nunito', sans-serif; font-weight:400; line-height:35px; margin-bottom: 15px; clear:both; text-align: center;} h1.tan {color:#aba698;} h2 {font-size:24px; color:#000000; font-family: 'Nunito', sans-serif; font-weight:400; line-height:35px; text-align:center; margin: 0 0 8px;} h2 a:link, h2 a:visited {color:#017db1; text-decoration:none;} h2 a:hover, h2 a:active {color:#df8800; text-decoration:underline;} h3 {font-size:17px; font-family: 'Nunito', sans-serif; font-weight:400; line-height:35px; color:#000000; text-align:center; margin: 13px 0;} h3 a:link, h3 a:visited {color:#017db1; text-decoration:none;} h3 a:hover, h3 a:active {color:#df8800; text-decoration:underline;} h4 {font-size:17px; color:#000000; font-family: 'Nunito', sans-serif; font-weight:400; margin: 0 0 10px;} h5 {font-size:17px; color:#000000; font-family: 'Nunito', sans-serif; font-weight:400; margin: 0 0 10px;} h6 {} .nobox {padding:0 30px 20px 30px; width: 240px;} .nobox h2 {color:#aba698; text-align: left;} .nobox p {color:#aba698;} .nobox h3 {color:#aba698; margin-top: 0;} p {margin-bottom: 20px; font-size: 16px;} strong {font-weight:700;} .col1 {width:900px !important; margin:0 0 20px; padding:30px 20px 40px;} .col1 .centered {margin: 0 auto; text-align: center; width: 460px;} .col2 {width:400px !important; margin:0 0 20px; padding: 22px 30px 30px; height:220px;} .col3 {width:300px !important; margin:0 10px 20px;} .col4 {width:229px !important; margin:0 6px 0 0; padding-bottom:30px; font-size:12px; line-height:20px;} .col4.last {margin:0;} .col4 p {padding:0 20px 0 20px;} .col4 h3 {text-align:left; padding:0 0 0 20px; margin-bottom: 0;} .col4 ul {list-style:none; margin: 0;} .col4 li {padding: 0 13px 0 45px; text-indent: -12px;} .col4 li:before { content: "\2022 "; color: #78a22f;} .sf_3cols_2_34 {margin:0 20px;} body { background:#f6f4ef; font-size:15px; font-family: 'Nunito', Arial, Helvetica, sans-serif; color:#000; font-weight:300; line-height: 25px; } a:link, a:visited { color:#017db1; text-decoration: underline; } a:hover, a:active { color:#df8800; text-decoration: underline; } a:link img, a:visited img { opacity:1; } a:hover img, a:active img { opacity:0.8; } iframe {width:100% !important;} /* Header */ .headerHeight{height:147px;} .header { width:100%; position: relative; } .centered { width:100%; } .centered.large { position: relative; margin: 20px auto; width: 100%; max-width: 940px; } /* Logo */ .centered.large .logo { float: left; } .centered.large .logo a { background:url(../Images/FamilyTalkLogo.png) no-repeat; width:125px; height:107px; text-indent:-9999px; display:block; } /*Mobile Hide*/ .centered.large .mobile { float: left;} .centered.large .mobile .mobile-menu, .centered.small .mobile .mobile-menu, .centered.large .main-nav .RadTreeView_nav-vertical, .centered.small .main-nav .RadTreeView_nav-vertical {display:none;} .mobile-menu{z-index:9998;} /* Right half */ .centered.large .header-right {float: left; position: relative; top: 10px; width: 750px !important; } /*Social*/ .centered.large .header-social {position: absolute; width: 200px; top:10px; right: 120px; } .centered.large .header-phone {color:#78a22f; font-family: 'Droid Serif', serif; font-weight:700; font-style:italic; background: url("../Images/phone-header.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0); float: left; padding: 0 0 0 24px; } .centered.large .social-buttons { float:right; } .centered.large .social-buttons li { float:left; } .centered.large .social-buttons .facebook a { background:url(../Images/facebook-header.png) no-repeat; width:16px; height:16px; text-indent: -9999px; display:block; margin: 3px 4px 0 0; text-align:left; } .centered.large .social-buttons .pinterest a { background:url(../Images/pinterest-header.png) no-repeat; width:16px; height:16px; text-indent: -9999px; display:block; margin: 3px 4px 0 0; text-align:left; } .centered.large .social-buttons .twitter a { background:url(../Images/twitter-header.png) no-repeat; width:16px; height:16px; text-indent: -9999px; display:block; margin: 3px 0 0 0; text-align:left;} /*Search/Login*/ .centered.large .search-login { width:160px !important; float: right; position: relative; right: -50px; top: 0px; margin: 0; } /*Login*/ .centered.large .login {font-family: 'Droid Serif', serif; font-weight:400; font-style:italic; margin:0; text-align: right; position:absolute; top: -30px; } .centered.large .login a:link, .centered.large .login a:visited {text-decoration:none;} .centered.large .login a:hover, .centered.large .login a:active {text-decoration:underline;} /*Search*/ .centered.large .search .sfsearchTxt {height:32px; width:148px; border:1px solid #aba698; border-radius: 6px; background:#fff; padding: 0 0 0 10px; color: #aba698; font-size: 15px; } .centered.large .search .sfsearchSubmit { background:url(../Images/SearchButton.png) no-repeat; text-indent:-9999px; cursor:pointer; position:absolute; right:9px; top:9px; border: 0; width: 15px;} .centered.large .search .sfsearchBox {position:relative;} /* Navigation */ .centered.large .main-nav { margin: 0; padding: 0; position: relative; top:13px; width: 700px !important; } .centered.large .main-nav a { font-size:17px !important; font-weight:300 !important; font-family: 'Nunito', Arial, Helvetica, sans-serif !important; color:#007db1 !important; cursor:pointer; text-transform: uppercase; } .centered.large .main-nav a:hover { color: #df8800 !important; } .centered.large .main-nav ul {} .centered.large .main-nav ul .rmSlide {background-color: #fff; box-shadow: 0 0 5px #000; left:0px !important; top: 35px !important; border-radius: 6px; } .centered.large .main-nav ul .rmVertical { background-image:url(../Images/nav-arrow.png); background-repeat:no-repeat; background-position: 20px 0px; overflow:visible; margin:-12px auto 0 auto; padding:12px 0 0 0;} .centered.large .main-nav ul ul li a { color:#000000 !important; text-decoration: none; margin: 0; padding: 20px 23px 0px 20px; text-transform: none;} .centered.large .main-nav ul ul li a:hover { color: #df8800 !important;} .centered.large .main-nav .rmVertical {} .centered.large .main-nav .RadMenu .rmHorizontal .rmText {padding: 0 !important; font-size: 15px !important;} .centered.large .main-nav .RadMenu .rmItem {} RadMenu ul.rmVertical, .RadMenu ul.rmHorizontal, .RadMenu ul.rmRootScrollGroup, .RadMenu_Context ul.rmHorizontal { margin: 0 0 0 1em; } /* Donate */ .centered.large .donate { width:88px !important; margin: 0; position: absolute; top:43px; right:-60px; } .centered.large .donate a { display:block; background:#df8800; width:88px; height: 30px; padding: 4px 0 0; color:#fff; text-decoration:none; text-align:center; border-radius: 6px; text-transform: uppercase;} /* Small Nav on Scroll Down */ .small-header {position:fixed; top:0px; background:#ffffff; height:60px; box-shadow: 0 0 5px #e2e0db; z-index: 100; margin: 0 auto; width: 100%;} .centered.small {position: relative; margin: 0 auto; width: 100%; max-width: 940px;} .centered.small .logo {width:38px !important;} .centered.small .logo a {background: url("../Images/FamilyTalkLogo.png") no-repeat scroll -42px 0 rgba(0, 0, 0, 0); width: 38px; height:41px; overflow:hidden; text-indent:-9999px; display:block; margin: 10px 0 0; cursor:pointer;} .centered.small .donate { width:88px !important; margin: 13px 0 0 0; position: relative; left: -30px;} .centered.small .donate a {display:block; background:#df8800; width:88px; height: 30px; padding: 4px 0 0; color:#fff; text-decoration:none; text-align:center; border-radius: 6px; text-transform:uppercase;} .centered.small .main-nav { margin: 20px 0 0; padding: 0; width: auto !important;} .centered.small .main-nav a { font-size:14px !important; font-weight:300 !important; font-family: 'Nunito', Arial, Helvetica, sans-serif !important; color:#007db1 !important; cursor:pointer; text-transform: uppercase;} .centered.small .main-nav a:hover { color:#df8800 !important; } .centered.small .main-nav .RadMenu .rmHorizontal .rmText { padding: 0; } .centered.small .main-nav ul .rmSlide {background-color: #fff; box-shadow: 0 0 5px #000; left:0px !important; top: 35px !important; border-radius: 6px;} .centered.small .main-nav ul .rmVertical { background-image:url(../Images/nav-arrow.png); background-repeat:no-repeat; background-position: 20px 0px; overflow:visible; margin:-12px auto 0 auto; padding:12px 0 0 0; } .centered.small .main-nav ul ul li a { color:#000000 !important; text-decoration: none; margin: 0; padding: 20px 23px 0px 20px !important; text-transform: none; } .centered.small .main-nav ul ul li a:hover { color: #df8800 !important;} .centered.small .search-login {width:160px !important; position:absolute; top: 13px; right: 11px; margin: 0;} .centered.small .search {float: left; width:160px;} .centered.small .sfsearchTxt {height:32px; width:148px; border:1px solid #aba698; border-radius: 6px; background:#fff; padding: 0 0 0 10px; color: #aba698; font-size: 15px;} .centered.small .sfsearchSubmit { background:url(../Images/SearchButton.png) no-repeat; text-indent:-9999px; border:none; cursor:pointer; position:absolute; right:9px; top:9px;} .centered.small .RadMenu .rmLink {padding: 0 0 0 8px;} .centered.small .sfsearchBox {position:relative;} .centered.small .login { font-family: 'Droid Serif', serif; font-weight:400; font-style:italic; text-align: right; float: left; margin:0; position:absolute; width:140px;} .centered.small .login a {text-decoration:none;} .centered.small .login a:hover {text-decoration:underline;} .centered.small .header-social {display:none;} .subnav-bar {width:900px !important; margin:0 0 20px; padding:20px;} /* Content Area */ .container { max-width: 940px; width:100%; padding: 0px 10px 80px; margin:0 auto;} .sfcommentsSubmitBtn {display:block !important; background:#78a22f !important; font-family: 'Droid Serif', serif !important; font-weight:400italic !important; width:88px !important; height: 30px !important; padding: 4px 0 0 !important; color:#fff !important; text-decoration:none !important; text-align:center !important; border-radius: 6px !important; cursor:pointer !important; border:none !important;} .listen { background: none repeat scroll 0 0 #007db1; font-size: 15px; line-height: 25px; margin: 0 0 0 51px; } .sfFormBox input { height:32px; border:1px solid #aba698; border-radius: 6px; background:#fff; padding: 0 0 0 10px; color: #aba698; font-size: 15px;} .submit-button input {background:#78a22f; border-radius: 6px; color: #fff; display: block; font-family: 'Droid Serif',serif; height: 39px; padding: 0; text-align: center;text-decoration: none; width: 260px !important; border: medium none; font-size: 15px; cursor:pointer; margin: 10px 0 0;} .rightcol input {width: 248px;} .solid-answers .leftcol { padding: 20px 0px 40px !important; width: 620px !important;} .breadcrumbs { margin-top: -20px; padding: 20px 20px 12px !important; font-size:15px !important; font-family: 'Droid Serif', serif !important; } .breadcrumbs a { color:#aba698 !important;} .breadcrumbs a:hover, .breadcrumbs .sfNoBreadcrumbNavigation a {color:#017db1 !important;} .sfBreadcrumbNodeSeparator {background:url(../Images/breadcrumb-seperator.png) no-repeat; width:13px; height:22px; display: inline-block; text-indent:-9999px; line-height: 21px;} .breadcrumbs ul li:first-child {font-weight:700 !important;} .solid-answers .answer-content img { width: 100% !important; height:auto !important; } .green-button {background: none repeat scroll 0 0 #78a22f; border-radius: 6px; color: #fff; display: block; float: left; font-family: 'Droid Serif',serif; font-size: 15px; height: 28px; padding: 8px 35px 0; text-align: center; text-decoration: none; line-height: 20px;} .col4 .green-button {margin: 20px 0 0 43px;} .blue-box, .bluebox {background:#007db1; color:#fff; padding:20px; width:220px;} .green-box, .greenbox {background:#78a22f; color:#fff; padding:20px; width:220px;} .brown-box, .brown, brownbox {background: none repeat scroll 0 0 #aba698; color: #fff; font-size: 12px; height: 117px; line-height: 14px; padding: 13px 8px 0 4px; width: 118px !important;} .grey4col .grey { color: #fff; font-size: 12px; line-height: 20px; width: 193px;} .helpnow, .sharesolid {width:380px; border-radius: 6px; color:#fff; font-family: 'Droid Serif',serif; font-size: 15px; text-align:center; height:31px; padding: 5px 0 0;} .helpnow { background:#aba698; margin:0 0 0 85px;} .sharesolid {background:#df8800; margin:0 85px 0 0;} .search-fullwidth {background: #f6f4ef !important;} .search-fullwidth .newSearch { height:34px; border-radius:6px; font-size:17px; color:#aba698; font-family: 'Nunito', Arial, Helvetica, sans-serif; margin: 0 0 0 160px; width: 66%; font-weight: 300; padding: 0 0 0 8px;} .search-fullwidth .newSearchButton { -webkit-appearance: none; background: none repeat scroll 0 0 #78a22f; border-radius: 6px; border-style:none; color: #fff; display: block; float: right; font-family: 'Droid Serif',serif; font-size: 15px; padding: 8px 10px; text-align: center; text-decoration: none; line-height: 20px; margin: 0;} .tweet {font-size:12px; line-height:20px;} .job-list {font-size:12px;} .job-list li {border-top:#e5e5e5 solid 1px; } .job-list a {text-decoration:none; padding:15px 0; display:block;} .job-list a:hover {text-decoration:underline;} .post-list li {border-bottom: 1px solid #f6f4ef; margin-bottom: 30px; padding-bottom: 30px;} .post-list h2 {text-align:left; font-size:17px; margin-bottom: -4px;} .post-list .author {font-size:12px;} .copyright {text-align:center;} .footer {color:#898578; font-size:13px;} .footer-links {line-height: 20px; margin:50px 0 70px;} .footer-links a {color:#898578; text-decoration:none;} .footer-links a:hover {text-decoration:underline;} .footer-links p {font-weight:700;} .footer-links ul {margin-bottom:25px;} .footer-links .sf_3cols_2_34 { margin: 0;} .broadcast-buttons {width:401px; margin-left:-10px;} .solid-cats .browse { font-size:15px; text-align:center;} .solid-cats .listHolder {float:left; width:29%; margin:0 30px 30px 0; height:330px;} .solid-cats .seeAll {background: none repeat scroll 0 0 #78a22f; border-radius: 6px; color: #fff; display: block; float: left; font-family: 'Droid Serif',serif; font-size: 12px; height: 19px; padding: 3px 15px 0; text-align: center; text-decoration: none; line-height: 15px; margin: 10px 0 0;} .solid-cats h1 {font-size:17px; text-align:left;} /* Slider */ .round {border-radius:6px; background:#fff; overflow: hidden;} .shadow {box-shadow: 0px 0px 5px #e2e0db;} .slider {margin:0 0 20px;} .slider img {border-radius:6px;} .slides {position:relative;} .slides .caption-leftleft, .slides .caption-leftright, .slides .caption-rightleft, .slides .caption-rightright {color: #fff;font-size: 15px;} .slides .caption-leftleft h3, .slides .caption-leftleft h3 a, .slides .caption-rightleft h3, .slides .caption-rightleft h3 a {font-size: 40px;color: #fff;text-align: left;line-height: 46px;} .slides .caption-leftright h3, .slides .caption-leftright h3 a, .slides .caption-rightright h3, .slides .caption-rightright h3 a {font-size: 40px;color: #fff;text-align: right;line-height: 46px;} .slides .caption-leftleft {position: absolute;top: 20%; left: 10%;text-align: left; width: 38%;} .slides .caption-leftright {position: absolute; top: 20%;left: 10%; text-align: right;width: 38%;} .slides .caption-rightleft {position: absolute; top: 20%;right: 10%;text-align: left;width: 38%;} .slides .caption-rightright {position: absolute;top: 20%;right: 10%;text-align: right;width: 38%;} .slides .green-button-left {float:left;margin: 15px 0 0 0;background: none repeat scroll 0 0 #78a22f;border-radius: 6px;color: #fff; display: block;font-family: 'Droid Serif',serif;font-size: 15px;height: 28px;padding: 8px 35px 0;text-align: center;text-decoration: none;line-height: 20px;} .slides .green-button-right {float:right;margin: 15px 0 0 0;background: none repeat scroll 0 0 #78a22f;border-radius: 6px;color: #fff; display: block;font-family: 'Droid Serif',serif;font-size: 15px;height: 28px;padding: 8px 35px 0;text-align: center;text-decoration: none;line-height: 20px;} .slides .blue-button-left {float:left;margin: 15px 0 0 0;background: none repeat scroll 0 0 #007db1;border-radius: 6px;color: #fff; display: block;font-family: 'Droid Serif',serif;font-size: 15px;height: 28px;padding: 8px 35px 0;text-align: center;text-decoration: none;line-height: 20px;} .slides .blue-button-right {float:right;margin: 15px 0 0 0;background: none repeat scroll 0 0 #007db1;border-radius: 6px;color: #fff; display: block;font-family: 'Droid Serif',serif;font-size: 15px;height: 28px;padding: 8px 35px 0;text-align: center;text-decoration: none;line-height: 20px;} .slides .orange-button-left {float:left;margin: 15px 0 0 0;background: none repeat scroll 0 0 #df8800;border-radius: 6px;color: #fff; display: block;font-family: 'Droid Serif',serif;font-size: 15px;height: 28px;padding: 8px 35px 0;text-align: center;text-decoration: none;line-height: 20px;} .slides .orange-button-right {float:right;margin: 15px 0 0 0;background: none repeat scroll 0 0 #df8800;border-radius: 6px;color: #fff; display: block;font-family: 'Droid Serif',serif;font-size: 15px;height: 28px;padding: 8px 35px 0;text-align: center;text-decoration: none;line-height: 20px;} /* End Slider */ .featured-text {color:#aba698; font-size:24px; line-height:35px; text-align:center; font-family: 'Droid Serif', serif; font-weight:400; margin:20px 0 30px;} .join-form fieldset {margin-top:10px;} .join-form input { float:left;width:180px; height:34px; border:1px solid #aba698; border-radius:6px; background:#fff; color:#aba698; font-size:15px; padding:0 0 0 13px} .join-form .firstname {margin: 0 10px 10px 0;} .join-form .lastname {margin: 0 10px 10px 0;} .join-form input.submit {background:#78a22f; color:#fff; font-family: 'Droid Serif', serif; font-weight:400italic; cursor:pointer; border:1px solid #78a22f; height: 36px; width: 195px; padding:0; font-style:italic;} .broadcast-buttons .button {height:36px; width:127px; color:#fff; background:#78a22f; font-family: 'Droid Serif', serif; font-weight:400; font-style:italic; text-align:center; border-radius:6px; float: left; margin: 10px 10px 10px 0;} .broadcast-buttons a {color: #fff; display: block; text-decoration: none; width: 127px;} .broadcast-buttons .listen-browse a {padding: 6px 0 0 0; height:30px; width:127px;} .broadcast-buttons .download { background: url("../Images/download-arrow.png") no-repeat scroll 10px 11px #78a22f; } .broadcast-buttons .download a {padding: 6px 0 0 10px; height:30px; width:117px;} .broadcast-buttons .podcast {background: url("../Images/podcast-ipod.png") no-repeat scroll 22px 8px #78a22f; margin-right: -2px !important;} .broadcast-buttons .podcast a {padding: 6px 0 0 17px; height:30px; width:110px;} .tweets {margin:35px 0 0 0;} .tweets .blue {background:#007db1; color:#fff; height:109px; font-size:12px; line-height:20px; padding:21px 22px 0 18px; width:220px !important;} .tweets .green {background:#78a22f; color:#fff; height:109px; font-size:12px; line-height:20px; padding:21px 22px 0 18px; width:211px !important;} .tweets .brown {background:#aba698; color:#fff; height:105px; font-size:12px; line-height:14px; padding:25px 8px 0 12px; width: 109px !important;} .tweetphoto {width:130px !important;} .tweets strong {font-weight:700;} .social {margin: 40px 0 0 364px;} .social .sf_1col_1_100 {margin:0 auto;} .facebook-status {margin: 35px 0 0 0; height: 525px; position: relative; overflow: hidden;} .fb-frame { border: none;overflow: hidden;width: 98%;height: 555px; position:absolute; top:-70px;} .container .social-rightcol .facebook a {margin: 0px 30px 0 0;} .container .social-rightcol .twitter a {margin: 0px 30px 0 0;} .social-rightcol .facebook a {background:url(../Images/facebook-content.png) no-repeat; width:10px !important; height:22px; text-indent:-9999px; display:block; margin: 3px 30px 0 36px;} .social-rightcol .email a {background:url(../Images/email-content.png) no-repeat; width:31px !important; height:22px; text-indent:-9999px; display:block; margin:0 27px 0 0;} .social-rightcol .googleplus a {background:url(../Images/googleplus-content.png) no-repeat; width:24px !important; height:21px; text-indent:-9999px; display:block; margin:0 24px 0 0;} .social-rightcol .twitter a {background:url(../Images/twitter-content.png) no-repeat; width:23px !important; height:20px; text-indent:-9999px; display:block; margin: 3px 24px 0 0;} .social-rightcol .youtube a {background:url(../Images/youtube-rightcol.png) no-repeat; width:30px !important; height:24px; text-indent:-9999px; display:block;margin: 2px 23px 0 0;} .social-rightcol .pinterest a {background:url(../Images/pinterest-rightcol.png) no-repeat; width:26px !important; height:26px; text-indent:-9999px; display:block;} .social-rightcol {float: left; width: 100%;} .social-rightcol {margin: 8px 0 25px 30px;} .social-rightcol ul {} .social-rightcol li {float:left;} .mobile-links, .mobilelinks {padding:30px 20px;} .mobile-links li {float:left;} .mobile-links h2 {float: left; margin: 7px 0 0; text-align: left; width: 279px;} .mobile-links ul {float: left; width: 578px;} .apple-app a {background:url(../Images/apple-store.png) no-repeat; width:135px; height:40px; text-indent:-9999px; display:block; margin:4px 80px 0 0;} .google-play {background:url(../Images/google-store.png) no-repeat; width:127px; height:43px; text-indent:-9999px; display:block; margin:2px 80px 0 0;} .windows-store{ background:url(../Images/windows-store.png) no-repeat; width:154px; height:40px; text-indent:-9999px; display:block; margin:1px 0 0 0;} .space {margin-bottom:20px !important;} .blog-space { margin-bottom:20px !important; padding-bottom: 20px;} .padding {padding:20px;} .fullwidth, .full-width {padding-left:0 !important; padding-right:0 !important;} .rightcol .fullwidth, .full-width .rightcol {padding:0 !important; width: 300px !important; } .rightcol .round.shadow .fullwidth { margin: -20px 0 -20px -20px;} .sf_pagerNumeric a.sf_PagerCurrent {background: #007db1;color: #fff;} .sf_pagerNumeric a {border: 1px solid #007db1;display: block;float: left;margin: 0 5px 0 0; padding: 2px 5px;text-align: center;text-decoration: none;width: 25px;border-radius: 6px;} .social-leftcol .facebook a {background:url(../Images/facebook-content.png) no-repeat; width:10px; height:22px; text-indent:-9999px; display:block; margin: 0 10px 0 0;} .social-leftcol .email a {background:url(../Images/email-content.png) no-repeat; width:31px; height:22px; text-indent:-9999px; display:block; margin:0 9px 0 0;} .social-leftcol .googleplus a {background:url(../Images/googleplus-content.png) no-repeat; width:24px; height:21px; text-indent:-9999px; display:block; margin:0 8px 0 0;} .social-leftcol .twitter a {background:url(../Images/twitter-content.png) no-repeat; width:23px; height:20px; text-indent:-9999px; display:block;} .social-leftcol {float: right; margin:0 0 5px;} .social-leftcol ul {} .social-leftcol li {float:left;} .sidebar-nav, .rtsUL {text-align: center; width:100%;padding: 20px 0;} .sidebar-nav li, .rtsUL li { display:block !important; line-height: 40px;} .subnav-bar .RadTabStrip .rtsLI {float:none !important;} .sidebar-nav li a, .rtsUL li a {color:#898578; font-family: 'Droid Serif',serif;margin:0;text-decoration:none;} .sidebar-nav li a:hover, .rtsUL li a:hover {color:#017db1;} .social-colorbuttons {margin:0 0 0 6px;} .social-colorbuttons li {float:left;} .leftcol .round {margin-bottom:25px;} .align-left h3 {text-align:left; margin-top:0; line-height:20px;} td.rdCenter .search-fullwidth {height:auto !important;} .search-solid {position:relative; left:20px; top:34px; font-family: 'Droid Serif',serif; font-size:17px; color:#898578; cursor: default; width: 130px;} .main-nav a {margin:0 20px 0 0;} .interior .leftcol {padding: 20px 20px 40px; width: 580px !important; overflow:visible;} .breadcrumb .leftcol {margin-left: -10px;} .interior .rightcol {width:300px !important; margin:0 0 0 20px;} .interior .rightcol .round {margin:0 0 20px 0; padding:20px; width: 260px;} .rightcol .phone {font-family: 'Droid Serif', serif;font-weight: 700;font-size: 20px;color: #78a22f;text-align: center;background: url("../Images/phone-rightcol.png") no-repeat scroll 3px rgba(0, 0, 0, 0);margin: 0;padding-left: 30px;} .one-col {padding: 20px 20px 40px; width: 96%; overflow:visible;} .onair-talent .blue {background:#007db1; padding: 20px;} .onair-talent .green {background:#78a22f; padding: 20px;} .onair-talent {margin:0 0 0 -20px; color:#fff; font-size:12px; line-height:20px;} .onair-talent .person {width: 205px !important; margin:0 2px 0 0; float: left;} .onair-talent .last {margin: 0 -60px 0 1px;} .onair-talent .blue .readmore-button a {font-size: 15px; background:#78a22f; border-radius: 6px; color: #fff; display: block; font-family: 'Droid Serif',serif; height: 30px; padding: 8px 0 0; text-align: center; text-decoration: none; width: 127px; margin: 0 0 0 18px; font-style:italic;} .onair-talent .green .readmore-button a {font-size: 15px; background:#007db1; border-radius: 6px; color: #fff; display: block; font-family: 'Droid Serif',serif; height: 30px; padding: 8px 0 0; text-align: center; text-decoration: none; width: 127px; margin: 0 0 0 18px; font-style:italic;} .blue {background:#007db1; padding: 20px;} .green {background:#78a22f; padding: 20px;} .grey {background:#aba698; padding: 20px;} .bookoffer-rightcol {padding:30px;} .bookoffer-rightcol .donate {width:100%;} .needhelp-rightcol {padding:30px 40px;} .needhelp-rightcol p {text-align:center;} .books .blue, .books .grey, .books .green { width:179px; height:100px; font-size:12px; color:#fff; line-height:20px;} .grey4col {background: none repeat scroll 0 0 #aba698; margin-right: 2px; overflow: hidden; width: 232px !important;} .grey4col.last {margin-right:0;} .press-releases h1 {text-align:left;} .press-releases hr {color:#f6f4ef; border: 1px solid #f6f4ef; margin: 20px 0;} .interior .leftcol label, .resourceForm label,.interior .leftcol .label{width:130px; color:#aba698; text-align:right; display:block; float:left; margin:0 18px 0 0;} .interior .leftcol input, .resourceForm input {background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; } .interior .leftcol input, .resourceForm .resources-complete-btn {background:#78a22f; border-radius: 6px; color: #fff; display: block; font-family: 'Droid Serif',serif; height: 39px; padding: 0; text-align: center; text-decoration: none; width: 260px !important; border: medium none; font-size: 15px; cursor:pointer; margin:0 auto;} .interior .leftcol .float, .resourceForm .float {float:left; width:100%; margin:10px 0 10px 0;position:relative;} .interior .leftcol .gift_selected, .resourceForm .gift_selected {width:100%;} .interior .leftcol .gift_selected tr,.resourceForm .gift_selected tr {width:45%; float:left;} .interior .leftcol .gift_selected tr label,.resourceForm .gift_selected tr label {width: 218px; line-height:16px;} .interior .leftcol .donation_amount, .resourceForm .donation_amount {margin:20px 0;} .interior .leftcol #books, .resourceForm #books {width:100%; margin: 20px 0 0;} .interior .leftcol #books td, .resourceForm #books td {width:25%} .interior .leftcol #ctl00_Content_ctl00_rblBook td input, .interior #ctl00_Content_ctl00_rblBook td label {float:left;} .interior .leftcol #ctl00_Content_ctl00_rblBook td label {line-height: 16px; margin: 7px 0 0 9px; text-align: left; width: 105px;} .interior .leftcol #ctl00_Content_ctl00_rblBook td input {margin:0 0 0 15px;} .resourceForm .resourceRadio input{float:left;} .resourceForm .resourceRadio label{float:left; width:auto;} #ctl00_Breadcrumbs_C012_rblRecurringDonation {} #ctl00_Breadcrumbs_C012_rblRecurringDonation td {} #ctl00_Breadcrumbs_C012_rblRecurringDonation td input { margin: 0 20px 0 0; } #ctl00_Breadcrumbs_C012_rblRecurringDonation td label { width: 34px; margin: 0; text-align: left; color: #000; line-height: 32px; font-weight: 700; } .resourceForm .float .label {} .resourceForm .float .label label {} .resourceForm #lblMinAmt { text-align: left; width: auto; display: inline-block; float: none; color: #000; font-weight: 700; } .resourceForm .float label { width: auto; color: #000; } .btn-submit { background: #78a22f url('../Images/submit.gif') no-repeat center center !important; width: 280px; height:40px !important;position:absolute;margin:0 auto;left:0;right:0;} .left-col .button {display: block;background: transparent !important;font-family: 'Droid Serif', serif;font-weight: 400italic;width: 88px;height: 30px;padding: 4px 0 0;color:#fff;text-decoration: none;text-align: center;border-radius: 6px;} .columns2 .breadcrumbs{width:595px !important;} /* OVERRIDES */ .sf_3cols_2_34 .sf_3cols_2in_34, .sf_3cols_3_33 .sf_3cols_3in_33 { margin-left: 0px !important;} .RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {padding:0 !important;} .RadTabStripTop_Sitefinity .rtsLevel .rtsIn {padding:0 !important;} .RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {padding:0 !important;} .RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {padding:0 !important;} .RadSiteMap .rsmOneLevel .rsmItem {font-size:15px !important;} .RadSiteMap_Sitefinity {font-family: 'Droid Serif',serif;} .RadSiteMap .rsmThreeLevels .rsmLevel1 .rsmLink, .RadSiteMap .rsmThreeLevels .rsmLevel1 .rsmTemplate, .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmLink, .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmTemplate, .RadSiteMap .rsmOneLevel .rsmItem .rsmLink, .RadSiteMap .rsmOneLevel .rsmItem .rsmTemplate {padding-right: 11px;} .sf_3cols_2_34 { margin: 0 !important;} .fifty .sf_cols {width:auto !important;} .RadTabStripTop_Sitefinity .rtsLink, .RadTabStripTop_Sitefinity .rtsOut, .RadTabStripTop_Sitefinity .rtsIn, .RadTabStripBottom_Sitefinity .rtsLink, .RadTabStripBottom_Sitefinity .rtsOut, .RadTabStripBottom_Sitefinity .rtsIn {background-image: none !important;} /*JPlayer*/ div.jp-audio, div.jp-audio-stream, div.jp-video { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */ font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #fff; /*border:1px solid black; background-color:#eee;*/ } div.jp-audio { width:486px; } div.jp-audio-stream { width:385px; } div.jp-video-270p { width:480px; } div.jp-video-360p { width:640px; } div.jp-video-full { /* Rules for IE6 (full-screen) */ width:480px; height:270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ position:static !important; position:relative; } /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */ div.jp-video-full div div { z-index:1000; } div.jp-video-full div.jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; } div.jp-video-full div.jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width:100%; height:100%; z-index:1001; /* 1 layer above the others. */ } div.jp-video-full div.jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; } div.jp-interface { position: relative; background-color:#017db1; width:100%; border-radius:6px; } div.jp-audio div.jp-type-single div.jp-interface { height:36px; } div.jp-audio div.jp-type-playlist div.jp-interface { height:36px; } div.jp-audio-stream div.jp-type-single div.jp-interface { height:36px; } div.jp-video div.jp-interface { border:1px solid #009be3; } /* @group CONTROLS */ div.jp-controls-holder { clear: both; width:440px; margin:0 auto; position: relative; overflow:hidden; top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ } div.jp-interface ul.jp-controls { list-style-type:none; margin:0; padding: 0; overflow:hidden; } div.jp-audio ul.jp-controls { width: 395px; padding:12px 0px 0 15px; } div.jp-audio-stream ul.jp-controls { width: 142px; padding:20px 20px 0 20px; } div.jp-video div.jp-type-single ul.jp-controls { width: 78px; margin-left: 200px; } div.jp-video div.jp-type-playlist ul.jp-controls { width: 134px; margin-left: 172px; } div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li { display:inline; float: left; } div.jp-interface ul.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; } a.jp-play,.tbRight a.jp-play a.jp-pause,.tbRight a.jp-pause { width:34px !important; height:34px; top:-11px; left:-7px; position:relative; background-size:100% !important; } a.jp-play { background: url("../Images/ftplaybutton.png")no-repeat; } a.jp-play:hover { background: url("../Images/ftplaybutton.png")no-repeat; } a.jp-pause { background: url("../Images/ftpausebutton.png")no-repeat; display: none; } a.jp-pause:hover { background: url("../Images/ftpausebutton.png")no-repeat; } a.jp-stop, a.jp-previous, a.jp-next { width:28px; height:28px; margin-top:6px; } a.jp-stop { background: url("../Images/jplayer.blue.monday.jpg") 0 -83px no-repeat; margin-left:10px; } a.jp-stop:hover { background: url("../Images/jplayer.blue.monday.jpg") -29px -83px no-repeat; } a.jp-previous { background: url("../Images/jplayer.blue.monday.jpg") 0 -112px no-repeat; } a.jp-previous:hover { background: url("../Images/jplayer.blue.monday.jpg") -29px -112px no-repeat; } a.jp-next { background: url("../Images/jplayer.blue.monday.jpg") 0 -141px no-repeat; } a.jp-next:hover { background: url("../Images/jplayer.blue.monday.jpg") -29px -141px no-repeat; } /* @end */ /* @group progress bar */ div.jp-progress { overflow:visible; background-color: #01648e; } div.jp-audio div.jp-progress { position: absolute; top:12px; height:12px; } div.jp-audio div.jp-type-single div.jp-progress { left:48px; width:355px; } div.jp-audio div.jp-type-playlist div.jp-progress { left:166px; width:130px; } div.jp-video div.jp-progress { top:0px; left:0px; width:100%; height:10px; } div.jp-seek-bar { /*background: url("../Images/jplayer.blue.monday.jpg") 0 -202px repeat-x;*/ width:0px; height:100%; cursor: pointer; background:#014663; border:1px solid #014663; margin-top:-1px; } div.jp-play-bar { /*background: url("../Images/jplayer.blue.monday.jpg") 0 -218px repeat-x ;*/ width:0px; height:100%; background:#78a22f; } /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { background: url("../Images/jplayer.blue.monday.seeking.gif"); } /* @end */ /* @group volume controls */ a.jp-mute, a.jp-unmute, a.jp-volume-max { width:18px; height:15px; margin-top:12px; } div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; } div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; } div.jp-audio-stream div.jp-type-single a.jp-mute, div.jp-audio-stream div.jp-type-single a.jp-unmute { margin-left:10px; } div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max { margin-left: 56px; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute, div.jp-video a.jp-volume-max { position: absolute; top:12px; margin-top:0; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute { left: 50px; } div.jp-video a.jp-volume-max { left: 134px; } a.jp-mute { background: url("../Images/jplayer.blue.monday.jpg") 0 -170px no-repeat; } a.jp-mute:hover { background: url("../Images/jplayer.blue.monday.jpg") -19px -170px no-repeat; } a.jp-unmute { background: url("../Images/jplayer.blue.monday.jpg") -60px -170px no-repeat; display: none; } a.jp-unmute:hover { background: url("../Images/jplayer.blue.monday.jpg") -79px -170px no-repeat; } a.jp-volume-max { background: url("../Images/jplayer.blue.monday.jpg") 0 -186px no-repeat; } a.jp-volume-max:hover { background: url("../Images/jplayer.blue.monday.jpg") -19px -186px no-repeat; } div.jp-volume-bar { position: absolute; overflow:hidden; background: url("../Images/jplayer.blue.monday.jpg") 0 -250px repeat-x; width:46px; height:5px; cursor: pointer; } div.jp-audio div.jp-volume-bar { top:37px; left:330px; } div.jp-audio-stream div.jp-volume-bar { top:37px; left:92px; } div.jp-video div.jp-volume-bar { top:17px; left:72px; } div.jp-volume-bar-value { background: url("../Images/jplayer.blue.monday.jpg") 0 -256px repeat-x; width:0px; height:5px; } /* @end */ /* @group current time and duration */ div.jp-audio div.jp-time-holder { position:absolute; top:50px; } div.jp-audio div.jp-type-single div.jp-time-holder { left:110px; width:186px; } div.jp-audio div.jp-type-playlist div.jp-time-holder { left:166px; width:130px; } div.jp-current-time, div.jp-duration { } div.jp-current-time { display:inline; } div.jp-time-seperator{display:inline;} div.jp-duration { display:inline; } div.jp-time-container{position:absolute;font-size:12px;top:8px;right:0px;width:74px;font-family:Nunito;font-weight:300;opacity:0.9;} div.jp-video div.jp-current-time { } div.jp-video div.jp-duration { } /* @end */ /* @group playlist */ div.jp-details { font-weight:bold; text-align:center; } div.jp-details, div.jp-playlist { width:100%; background-color:#ccc; border-top:1px solid #009be3; } div.jp-type-single div.jp-details, div.jp-type-playlist div.jp-details, div.jp-type-single div.jp-playlist { border-top:none; } div.jp-details ul, div.jp-playlist ul { list-style-type:none; margin:0; padding:0 20px; font-size:.72em; } div.jp-details li { padding:5px 0; font-weight:bold; } div.jp-playlist li { padding:5px 0 4px 20px; border-bottom:1px solid #eee; } div.jp-playlist li div { display:inline; } /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ div.jp-type-playlist div.jp-playlist li:last-child { padding:5px 0 5px 20px; border-bottom:none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type:square; list-style-position:inside; padding-left:7px; } div.jp-type-playlist div.jp-playlist a { color: #333; text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover { color:#0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color:#0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float:right; display:inline; text-align:right; margin-right:10px; font-weight:bold; color:#666; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color:#0d88c1; } div.jp-type-playlist div.jp-playlist span.jp-free-media { float:right; display:inline; text-align:right; margin-right:10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a{ color:#666; } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{ color:#0d88c1; } span.jp-artist { font-size:.8em; color:#666; } /* @end */ div.jp-video-play { width:100%; overflow:hidden; /* Important for nested negative margins to work in modern browsers */ cursor:pointer; background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ } div.jp-video-270p div.jp-video-play { margin-top:-270px; height:270px; } div.jp-video-360p div.jp-video-play { margin-top:-360px; height:360px; } div.jp-video-full div.jp-video-play { height:100%; } a.jp-video-play-icon { position:relative; display:block; width: 112px; height: 100px; margin-left:-56px; margin-top:-50px; left:50%; top:50%; background: url("../Images/jplayer.blue.monday.video.play.png") 0 0 no-repeat; text-indent:-9999px; } div.jp-video-play:hover a.jp-video-play-icon { background: url("../Images/jplayer.blue.monday.video.play.png") 0 -100px no-repeat; } div.jp-jplayer audio, div.jp-jplayer { width:0px; height:0px; } div.jp-jplayer { background-color: #000000; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ ul.jp-toggles { list-style-type:none; padding:0; margin:0 auto; overflow:hidden; } div.jp-audio .jp-type-single ul.jp-toggles { width:25px; } div.jp-audio .jp-type-playlist ul.jp-toggles { width:55px; margin: 0; position: absolute; left: 325px; top: 50px; } div.jp-video ul.jp-toggles { margin-top:10px; width:100px; } ul.jp-toggles li { display:block; float:right; } ul.jp-toggles li a { display:block; width:25px; height:18px; text-indent:-9999px; line-height:100%; /* need this for IE6 */ } a.jp-full-screen { background: url("../Images/jplayer.blue.monday.jpg") 0 -310px no-repeat; margin-left: 20px; } a.jp-full-screen:hover { background: url("../Images/jplayer.blue.monday.jpg") -30px -310px no-repeat; } a.jp-restore-screen { background: url("../Images/jplayer.blue.monday.jpg") -60px -310px no-repeat; margin-left: 20px; } a.jp-restore-screen:hover { background: url("../Images/jplayer.blue.monday.jpg") -90px -310px no-repeat; } a.jp-repeat { background: url("../Images/jplayer.blue.monday.jpg") 0 -290px no-repeat; } a.jp-repeat:hover { background: url("../Images/jplayer.blue.monday.jpg") -30px -290px no-repeat; } a.jp-repeat-off { background: url("../Images/jplayer.blue.monday.jpg") -60px -290px no-repeat; } a.jp-repeat-off:hover { background: url("../Images/jplayer.blue.monday.jpg") -90px -290px no-repeat; } a.jp-shuffle { background: url("../Images/jplayer.blue.monday.jpg") 0 -270px no-repeat; margin-left: 5px; } a.jp-shuffle:hover { background: url("../Images/jplayer.blue.monday.jpg") -30px -270px no-repeat; } a.jp-shuffle-off { background: url("../Images/jplayer.blue.monday.jpg") -60px -270px no-repeat; margin-left: 5px; } a.jp-shuffle-off:hover { background: url("../Images/jplayer.blue.monday.jpg") -90px -270px no-repeat; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { padding:5px; font-size:.8em; background-color:#eee; border:2px solid #009be3; color:#000; display:none; } .jp-no-solution a { color:#000; } .jp-no-solution span { font-size:1em; display:block; text-align:center; font-weight:bold; } /*-------------------------- Media Stuff! ---------------------------*/ .media { width: 185px; float: left; margin: 10px 8px 20px 0; } .media img.frame { padding: 4px; border: 1px solid #ddd; box-shadow: 2px 2px 0px #eee; -moz-box-shadow: 2px 2px 0px #eee; -webkit-box-shadow: 2px 2px 0px #eee; background: #fff; } .media .photo, .media .video{ position: relative; } .media .play { background:url(../Images/video-play-button.png) no-repeat; position: absolute; z-index: 5; width: 60px; height: 60px; top: 58px; left: 121px; } .media .video a, .media .photo a { position: relative; cursor:pointer; width:100%; height: auto; } .media .video .VideoThumb .play { } .media .caption p { font-weight: bold; } .media .embed p { margin: 15px 0 0 15px; font-weight: bold; } .media-gallery { text-align:center; padding-bottom:20px; } .top-links { position: absolute; right: 5px; top: 18px; width: 100%; } .top-links ul { float: right; } .top-links ul li { float: left; } .top-links ul li a.listen { background: url("../images/listen-icon-new.png") no-repeat scroll 0 0 transparent; color: #719500; font-weight: bold; padding: 0 15px 0 22px; margin-right: 15px; border-right: 1px solid #D6D1CD; text-decoration: underline; } .top-links ul li a.listen:hover { color: #00759B; } .top-links ul li a.phone { color: #719500; font-weight: bold; background: url("../images/phone-icon.png") no-repeat scroll 0 0 transparent; padding: 1px 0 0 20px; } .top-links ul li a.cart { background: url("../images/cart-icon-new.png") no-repeat scroll 0 0 transparent; color: #719500; font-weight: bold; padding: 0 0 0 22px; text-decoration: underline; } .top-links ul li a.cart:hover { color: #00759B; } .top-links ul li.resources { display: none; } .top-links ul li.resources.active { display: inline; margin-left: 15px; padding-left: 15px; border-left: 1px solid #D6D1CD; } /*today's broadcast widget*/ .tbMainImg{border-radius:10px;box-shadow:0px 0px 8px #cccccc;} .tbSubTitle{margin-bottom:10px;} .tbLeft{width:125px;float:left; margin:0 20px 0 180px;} .tbRight{float:left;width:550px;} .tbRight .readMore{margin:5px 0px 25px 2px;line-height:13px;font-size:13px;width:100%;display:block;} .tbRight a{float:left;text-decoration:none;width:100%;} .tbRight h5{display:inline;} .tbRight h6{font-size:12px;display:inline;line-height:28px;font-weight:600;} .tbDescription{width:450px;height:63px;overflow:hidden;} .tbDescription p{margin:0px;line-height:21px;} .tbPlayer{width:486px;float:left;margin-right:10px;} .tbButtonContainer{width:765px; margin: 0 0 0 -260px;} .home-signup-broadcast .tbRight .tbButtonContainer{width:400px; margin: 0;} .tbButtonContainer .tbButton .download{margin-right:10px; background-position-y:13px;text-indent:35px; position: relative; left: 400px;} .tbButtonContainer .tbButton .podcast{text-indent:46px; position: relative; left: 408px;} .tbButton{float:left;} .tbButtonContainer .tbButton .button{margin:0px;text-align:left;padding-right:0px;padding-top:0px;height:36px;line-height:40px;} .broadcast-buttons .tbButton .lAb {display:none;} .tbButtonContainer .tbButton .listen-popup { display: block; background: #df8800; width: 280px; height: 30px; padding: 6px 0 0; color: #fff; text-decoration: none; text-align: center; border-radius: 6px; text-transform: uppercase; position: relative; left: 0px; } .sub-broadcast .tbButtonContainer .tbButton .listen-popup { position: relative; left: -140px; } .tbLeft .social-rightcol .facebook a{margin:5px 5px 0px 0px;} .tbLeft .social-rightcol .twitter a{margin:5px 5px 0px 0px;} .tbLeft .social-rightcol .email a{margin:5px 0px 0px 0px;} .tbLeft .social-rightcol .googleplus a{margin:5px 5px 0px 0px;} .tbLeft .social-rightcol{margin:8px 0 25px 0px;} .leftcol .info-content .content-column .buttons .listen-popup { display: block; background: #df8800; width: 300px; height: 30px; padding: 6px 0 0; color: #fff; text-decoration: none; text-align: center; border-radius: 6px; text-transform: uppercase; position: relative; left: 0px; } /*Broadcast Details*/ .info-content .buttons {margin-top:10px;} .info-content .buttons .button{margin:0px;text-align:left;padding-right:0px;padding-top:0px;height:36px;line-height:26px;height:36px; width:127px; color:#fff; background:#78a22f; font-family: 'Droid Serif', serif;font-weight:400; font-style:italic; text-align:center; border-radius:6px; float: left; margin: 10px 10px 10px 0;text-indent:20px;} .info-content .buttons .download { background: url("../Images/download-arrow.png") no-repeat scroll 10px 11px #78a22f;padding: 6px 0 0 10px; height:30px; width:135px;text-decoration:initial; } .info-content .buttons .podcast {background: url("../Images/podcast-ipod.png") no-repeat scroll 22px 8px #78a22f; margin-right:-2px !important;padding: 6px 0 0 10px; height:30px; width:135px;text-decoration:initial;} .info-content .buttons .opListenNow{width:83%;padding:10px 15px; height:auto;font-size:20px;text-decoration:none;font-style:normal;text-indent:0px;margin-top:0px;} .info-content .bdButton {float:left;} .fullWidth {width:100%;} .info-content div.jp-audio{width:300px;} .info-content div.jp-audio ul.jp-controls{width:100%;padding:12px 0px 0px 5px;} .info-content div.jp-audio div.jp-type-single div.jp-progress{width:205px;left:23px;} .info-content div.jp-time-container{font-size:11px;top:9px;right:2px;} .info-content .content-column{float:left;width:55%;} .info-content .info-column{float:left; width:43%;} .info-content a.jp-play, .info-content a.jp-pause{width:21px !important;top:-5px;left:-5px;position:relative;background-size:100%;} #ft_form { height: 90px; } /*today's broadcast widget on homepage*/ .home-signup-broadcast .broadcast-buttons .content-section {} .home-signup-broadcast .broadcast-buttons .tbLeft { display: none; } .home-signup-broadcast .broadcast-buttons .tbRight .readMore { display: none; } .home-signup-broadcast .broadcast-buttons .tbRight { width: 400px; } .home-signup-broadcast .broadcast-buttons .button {height:36px; width:127px; color:#fff; background:#78a22f; font-family: 'Droid Serif', serif; font-weight:400; font-style:italic; text-align:center; border-radius:6px; float: left; margin: 10px 10px 10px 0; position: relative; top:0px; right: 0px;} .home-signup-broadcast .broadcast-buttons .tbDescription { width:400px;height:40px;margin-bottom:0px; } .home-signup-broadcast .broadcast-buttons a { color:#017db1; display: block; text-decoration: none; width:100%; } .home-signup-broadcast .broadcast-buttons .listen-browse a {padding: 6px 0 0 0; height:30px; width:127px;} .home-signup-broadcast .broadcast-buttons .download { background: url("../Images/download-arrow.png") no-repeat scroll 10px 11px #78a22f; position: relative; top: 0px; left: 132px; } .home-signup-broadcast .broadcast-buttons .download a {padding: 6px 0 0 10px; height:30px; width:117px;} .home-signup-broadcast .broadcast-buttons .podcast {background: url("../Images/podcast-ipod.png") no-repeat scroll 22px 8px #78a22f; margin-right: -2px !important; position: relative; top: 0px; left: 127px; } .home-signup-broadcast .broadcast-buttons .podcast a {padding: 6px 0 0 17px; height:30px; width:110px;} .home-signup-broadcast .broadcast-buttons a.jp-play { background: url("../Images/ftplaybutton.png")no-repeat; width: 34px !important; } .home-signup-broadcast .broadcast-buttons div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; width: 34px; } .home-signup-broadcast .broadcast-buttons div.jp-audio { width: 400px; position: relative; top: 28px; } .home-signup-broadcast .broadcast-buttons div.jp-audio div.jp-type-single div.jp-progress { left: 48px; width: 265px; } .home-signup-broadcast .broadcast-buttons .lAb {top:0px;left: -262px;display:block;} .home-signup-broadcast .tbButtonContainer{margin-top:20px;} .home-signup-broadcast .broadcast-buttons .listen-popup { display: block; background: #df8800; width: 392px; height: 30px; padding: 4px 0 0; color: #fff; text-decoration: none; text-align: center; border-radius: 6px; text-transform: uppercase; } /* end today's broadcast widget on homepage*/ /* home featured resources */ .home-featured-resources {} .home-featured-resources .sf_3cols_1_33 { margin: 0px 20px 20px 0px; } .home-featured-resources .sf_3cols_3_33 { margin: 0px 0px 20px 20px; } .social-icons {margin-top:25px;} .social-icons .facebook a{ background:url(../Images/facebook.png) no-repeat; width:12px;height:25px;float:left; margin:0 10px 0 0;} .social-icons .twitter a{background:url(../Images/twitter.png) no-repeat; width:27px; height:23px;float:left; margin:0 10px 0 0;} .social-icons .youtube a{background:url(../Images/youtube.png) no-repeat; width:30px; height:24px;float:left; margin:0 10px 0 0;} .social-icons .pinterest a{background:url(../Images/pinterest.png) no-repeat; width:26px; height:26px;float:left;} .clear{clear:both;} /*recent broadcasts widget*/ .rbHeading{font-size:24px;} .col1 .rBroadcast-holder{margin-left:-19px;} .rBroadcast-holder{max-width: 940px; width:107%; padding-bottom:20px;} .rBExcerpt{height:46px;overflow:hidden;margin-bottom:5px;} .rBExcerpt p{margin-bottom:0px;font-size:13px;margin-top:5px;line-height:19px;} .rbTitle{color:black;font-size:12px;line-height:14px;text-decoration:none;font-weight:bold;} .rBroadcastsCols{width:233px;float:left;margin-right:2px;background:#e4e1dc;color:black;height:325px;margin-bottom:2px;} .rBroadcastsCols:last-of-type{margin-right:0px;} .rBroadcastImg{width:100%;height:163px;padding:0px;margin:0px;border:none;} .rBroadcast-info{margin:20px auto;width:170px;} .rBroadcast-info h4{width:100%;height:42px;margin-bottom:0px;line-height:14px;} .rBroadcastsCols .rbListenButton{display:block;font-size:15px;text-align:center;text-decoration:none;font-style:oblique;background:#007db1;color:white;font-family:'Droid Serif', serif;padding:4px 0px;width:127px;margin:0 auto;border-radius:7px;} .archive_container{width:80px;float:left;margin:10px;} .year-links{display:none;font-weight:bold;padding:10px 0 0 13px;font-size:12px;} .year-links .date{display:block;font-style:normal;color:#bfbfbf;font-weight:bold;margin-bottom:13px; text-transform:uppercase;} .year-links ul{list-style:none;margin:0;padding:0;} .year-links li{margin-bottom:8px;} .year-links li a{text-decoration:none;} .rbMoreBtn{cursor:pointer;padding:0px;font-style:oblique;line-height:36px;font-size:15px;margin:20px auto 10px auto;background-color:#78a22f;width:195px;text-align:center;height:36px;color:white;font-family:'Droid Serif';font-weight:bold;border-radius:5px;} /* Slider Styles */ .slider-boxes { margin-bottom: 0 !important; } .slider-boxes #main-slider { /* background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.05); height: 100%; margin-bottom: 30px; padding: 20px; position: relative;*/ } .slider-boxes #main-slider .caption { /*padding-top: 30px; padding-bottom: 15px; text-align: center; */ } .slider-boxes #main-slider .caption h3 { /*color: #0079B3; font-size: 24px; font-weight: 700; margin: 0 0 5px;*/ } .slider-boxes #main-slider .caption p { /* font: italic normal 16px Georgia, Times, “Times New Roman”, serif;*/ margin: 0; } .slider-boxes .callout { /* background: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: block; margin-bottom: 17px; opacity: 1; padding: 35px; text-align: center; text-decoration: none; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; -ms-transition: opacity 0.25s ease; transition: opacity 0.25s ease;*/ } .slider-boxes .callout:hover { /*opacity: 0.85; */ } .slider-boxes .callout.last { margin-bottom: 0; } .slider-boxes .callout h3 { /* color: #0079B3; font-size: 24px; font-weight: 700; margin: 0;*/ } .slider-boxes .callout h4 { /* color: #465059; font: italic normal 16px Georgia, Times, “Times New Roman”, serif; line-height: 1; margin: 5px 0 0; */ } .slider-boxes .callout button, .slider-boxes .callout span { /*background: #75A500; color: #FFFFFF; font-weight: 700; margin-top: 20px; padding: 8px 12px; text-transform: uppercase; width: 180px;*/ } .col-sm-7 { padding:0 !important;} /* ---------- jQuery FlexSlider v2.2.0 ---------- */ /* ----- Browser Resets ----- */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* ----- FlexSlider Necessary Styles ----- */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li, #main-slider .slides > li { display: none; } .flexslider .slides img, #main-slider .slides img { width: 100%; display: block; } .flexslider.partner-carousel img { max-width: 150px; margin: 0 auto; } /* ----- Clearfix for the .slides element ----- */ .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* ----- FlexSlider Default Theme ----- */ .flexslider { margin: 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .partner-carousel > div { margin: 0 auto 40px; max-width: 870px; width: 100%; } .partner-carousel li { margin-right: 30px; } /* ----- Direction Nav ----- */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 25px; height: 25px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: #FFFFFF; text-align: center; background: #73A900; } .partner-carousel .flex-direction-nav a { background: url(../../img/slider-carousel-arrows.png) 0 -53px no-repeat; top: 60%; } .partner-carousel .flex-direction-nav a:hover { opacity: 0.85; } .partner-carousel .flex-direction-nav a.flex-next { background-position: -53px -53px; } .flex-direction-nav .flex-prev { left: 0px; } .flex-direction-nav .flex-next { right: 0px; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } #main-slider .flex-direction-nav a { background:url(../Images/slider-arrows.png) no-repeat; height: 56px; opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; width: 43px; } #main-slider .flex-direction-nav a:hover { opacity: 0.85; } #main-slider .flex-direction-nav a.flex-next { background-position: -43px 0; } @media screen and (max-width: 960px) { .partner-carousel div { width: 690px; } } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { left: 10px; } .flex-direction-nav .flex-next { right: 10px; } #main-slider .flex-direction-nav .flex-prev { left: -10px; } #main-slider .flex-direction-nav .flex-next { right: -10px; } } @media screen and (max-width: 768px) { .partner-carousel div { width: 510px; } } @media screen and (max-width: 640px) { .partner-carousel div { width: 330px; } } @media screen and (max-width: 420px) { .partner-carousel div { width: 150px; } } /* ---------- ! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license ---------- */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/js/home/fancybox/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("/js/home/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/js/home/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/js/home/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/js/home/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("/js/home/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*Solid Answers Breadcrumbs*/ .breadcrumbs {padding: 10px 12px 10px 12px !important;font-size:18px !important;font-family:'Droid Serif', serif !important;} .breadcrumbs a { color:#aba698 !important;text-decoration:none;} .breadcrumbs li:last-of-type .sfBreadcrumbNodeSeparator{display:none;} .breadcrumbs a:hover, .breadcrumbs .sfNoBreadcrumbNavigation a {color:#017db1 !important;} .sfBreadcrumbNodeSeparator {position:relative;top:5px;left:5px;background:url(../Images/breadcrumb-seperator.png) no-repeat; width:13px; height:22px; display:inline-block; text-indent:-9999px; line-height: 21px;} .breadcrumbs ul li:first-child {font-weight:700 !important;} .breadcrumbs .rsmItem{display:inline-block;float:none;} .breadcrumbs .rsmLink{padding-right:11px;display:inline-block;border-bottom:0;margin-bottom:0;padding-left:5px;text-decoration:none;} .breadcrumbs .rsmLink:hover{text-decoration:underline;} .breadcrumbs li:last-of-type a{color:#007db1 !important;} .breadcrumbs li {display:inline-block;margin-left:5px;} /*Solid Answers SubCategory Answer table*/ .topicList li,#article li,#video li{width:48%;display:inline-block;padding-left:10px;} .topicList{margin-bottom:20px; margin:0 auto; width:80%;} .answerList{width:80%;margin:0 auto;} /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- sub sub resource tab section =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/ ul#resourceTabs{border-bottom: solid 4px #ecece0;display: block;float: left;clear: both;width:100%;margin-left: -5px;margin-top: 10px;} ul#resourceTabs li{display: block;float: left;} ul#resourceTabs li a{display: block;padding: 10px 10px 9px 30px;text-transform: uppercase;font-weight: bold;background-image: url('../images/SolidAnswers/typeIcons.png');background-repeat: no-repeat;} ul#resourceTabs li a:hover{background-color: #f2f2f2;} ul#resourceTabs li a.current{background-color: #ecece0;color: #333;} ul#resourceTabs li a span{color: #999;font-weight: normal;font-size: 11px;padding: 0 0 0 3px;} ul#resourceTabs li a.articles{background-position: 11px 14px;} ul#resourceTabs li a.broadcasts{background-position: 11px -209px;} ul#resourceTabs li a.videos{background-position: 11px -41px;} ul#resourceTabs li a.audio{ background-position: 11px -98px;} div#resourceLists{clear: both;padding: 10px;margin-bottom: 20px;} ul#broadcast{display: none;} ul#video{display: none;} ul#audio{display: none;} ul#articleList li, ul#broadcastList li, ul#videoList li, ul#audioList li{background: url("../images/SolidAnswers/listBullet.png") no-repeat scroll 6px 7px transparent;padding: 0 0 0 20px;} ul.visibleList{display: normal;} .jcarousel-skin-tango .jcarousel-container { } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { /*width: 580px; height: 210px; padding: 20px 40px;*/ width: 100%; height: 210px; padding: 20px 0px; margin-left:0px; } .jcarousel-skin-tango .jcarousel-container-horizontal.media { width: 100%; height: 210px; padding: 20px 0px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { height: 220px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: calc(910px/3 + 10px); height: 250px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 0px; height:140px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 87px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 87px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-item a{float:left;width:33%;} .jcarousel-item a img{height:140px;width:100%;} .jcarousel-item p{float:left;width:66%;} .jcarousel-item p a{width:91%;padding:10px;text-decoration:none;color:white;font-weight:bold;font-size:16px;} .jcarousel-item:nth-child(3n){background:#78a22f !important;} .jcarousel-item:nth-child(3n + 2),.jcarousel-item:nth-child(2){background:#aba698;} .jcarousel-item:nth-child(3n + 1),.jcarousel-item:nth-child(1){background:#007db1 !important;} .jcarousel-item:first-child{background:#007db1;} /* Solid Answers CSS */ .rightcol .ratings{background:none repeat scroll 0 0 #fff;border:none;margin:0; padding:20px 20px 5px;} .rightcol .ratings h2{background:none; color:#007bb6; font-size:13px;margin:-20px -20px 0;text-transform:uppercase;font-weight:bold;} .rightcol .ratings ul{margin:5px 0 0;} .rightcol .ratings ul li{padding: 0 0 0 20px;} .rightcol .ratings .RadRating{width:100%;} .rAContainer h2{color:#aaa798;} .rAContainer{padding:20px;} .nHContainer h3{color:black;} .nHContainer .header-phone{margin-left:66px;} .nHContainer{padding:10px;} .pAContainer{padding:0 10px;} ul#tagList li{display:inline-block;margin:7px;} ul#tagList li a{font-size:15px;text-align:center;text-decoration:none;font-style:oblique;background:#007db1;color:white;padding:4px 10px;border-radius:7px;font-weight:bold;} .rightcol .sa_stContainer{background:none repeat scroll 0 0 #fff;border:2px solid #d4d4c9;margin:0 20px 20px 0; padding:20px 20px 5px;height:70px;} .rightcol .sa_stContainer h2{background:none repeat scroll 0 0 #d4d4c9; color:#007bb6; font-size:13px;margin:-20px -20px 0;text-transform:uppercase;font-weight:bold;margin-bottom:8px;} .columns2 .st_facebook_large .stLarge,.columns2 .st_facebook_large .stLarge:hover{background:url(../Images/facebook-content.png) 10px no-repeat !important;height:35px;width:10px;} .columns2 .st_twitter_large .stLarge,.columns2 .st_twitter_large .stLarge:hover{background:url(../Images/twitter-content.png) 10px no-repeat !important;height:35px;width:23px;} .columns2 .st_delicious_large .stLarge{background:url(http://w.sharethis.com/images/delicious_32.png) no-repeat !important;height35px;width:23px;} .columns2 .st_sharethis_large .stLarge{background:url(http://w.sharethis.com/images/sharethis_32.png) 2px no-repeat !important;height:35px;width:23px;padding-right:0px;} .sa_stContainer .stLarge{padding:0px 17px;} .sfBreadcrumbNavigation:last-of-type .sfBreadcrumbNodeSeparator{display:none;} .saAllCatContainer{padding:10px 20px;} .saAllCatContainer h2{text-transform:capitalize;border-bottom:1px solid rgb(78, 60, 60);padding-bottom:5px;margin-bottom:20px;} #searchFilter{border-bottom:1px solid #d4d4c9;} #searchFilter h1{display:inline-block;margin:5px 15px;font-size:20px;} .search-results-container .sfsearchBox { padding-bottom:20px; } .search-results-container .sfsearchTxt {width: 496px;} .search-results-container .sfsearchSubmit { padding: 0px 10px !important; background-color:#78a22f !important; color: #ffffff !important; border: 0px !important; } .sectionTitle{text-align: center;} .sa_search-results ul#otherResults{margin: 0 0 40px 0;} .sa_search-results{padding:10px 20px; width:93%;} .sa_search-results h1{text-align:center;} .sa_search-results h2.sectionTitle{font-size:14px;font-weight:bold;color:#bfbfbf;border-bottom:solid 1px #ecece0;clear:both;margin:15px 15px 20px 0px;padding:0 0 7px 5px;text-transform:uppercase;} .sa_search-results ul#highestResults{width:100%;} .sa_search-results ul#otherResults li{} .sa_search-results ul#otherResults li p{width:100%;font-weight:300;padding:0;line-height:20px;margin-top:0px;width:100%;float:left;margin-bottom:0px;font-weight:bold;} .sa_search-results ul#otherResults li p:last-of-type{margin-bottom:15px;} .sa_search-results ul#otherResults li .meta{margin:0px;font-size:12px;font-style:oblique;font-weight:normal;} .sa_search-results ul#otherResults li h1.Article,.sa_search-results ul#otherResults h1{position:relative;padding:0px;top:0px;left:0px;float:left;margin-bottom:0px;margin-top:-27px;font-size:18px;} .sa_search-results .RadRating{position:relative;float:right;top:2px;} .sa_search-results h2.sectionTitle{font-size: 14px;font-weight: bold;color: #bfbfbf;border-bottom: solid 1px #ecece0;clear: both;margin:15px 5px 5px 0px;padding: 0 0 7px 5px;text-transform: uppercase;text-align:left;} .sa_search-results h2.sectionTitle span{font-style: italic;color: #000;text-transform: lowercase;} .sa_search-results ul#highestResults li{background: #E5F5FC;border-bottom: solid 1px #b7dbe8;border-top: solid 1px #fff;position: relative;padding: 0 0 10px 0;} .sa_search-results ul#highestResults li h1{font-size:24px;font-weight: bold;color: #007299;padding: 20px 0 0 20px;text-align:left;} .sa_search-results ul#highestResults li h1 a{text-decoration:none;} .sa_search-results ul#highestResults li p.meta{font-size: 11px;font-weight: bold;padding: 0 20px;} .sa_search-results ul#highestResults li p.meta a{margin: 0 5px;} .sa_search-results ul#highestResults li img{position: absolute;top: 10px;right: 10px;} .sa_stContainer ul#highestResults li:last-child{border-bottom: none;} .sa_stContainer ul#otherResults li h1.Video{background-position: -10px -112px;padding: 3px 0 5px 35px;} .sa_stContainer ul#otherResults li h1.Audio{background-position: -10px -215px;padding: 3px 0 5px 35px;} .sa_stContainer ul#otherResults li h1.Broadcast{background-position: -10px -316px;padding: 3px 0 5px 35px;} .sa_stContainer ul#otherResults li{border-bottom: 1px solid #ECECE0;padding: 0 0 10px 0;margin: 0 0 20px 0;} .sa_stContainer ul#otherResults li.article{background-position: 570px -10px;} .sa_stContainer ul#otherResults li.video{background-position: 570px -110px;} .sa_stContainer ul#otherResults li.audio{background-position: 570px -215px;} .sa_stContainer ul#otherResults li.broadcast{background-position: 570px -315px;} /* Resources */ .atss a { display: none !important; } #books ul { margin:20px; } .resource-page-left { margin:20px; max-width: 586px; } .resource-page-left .button { background: none; } .resource-page-right { margin:20px; max-width: 256px; } .resource-page-right hr { max-width: 255px; margin-left: 0px; } .bio-intro { padding-bottom: 20px; } .bio-intro h2 { text-align:left; font-size:18px; margin: 0; } .resources-share { position: relative; top: 20px; left: 30%; width: 280px; } .sidebar-cart .btn-delete {width: auto;} .sidebar-cart table {width:260px;} .sidebar-cart .resources-edit-btn {width:100px;} .answer-content p strong { font-weight:300; } .answer-content { margin: 0 18px; } /*.jcarousel-skin-tango li { float: left; width: 22%; margin: 0 10px; text-align:center; }*/ /*Donate Form Section (and some Resource Form css)*/ #sidebar #books .store-nav {background-color:#78a22f; width: 555px; height: 34px; overflow: hidden; margin: -8px 0 10px 0; padding: 8px 0 0 25px;background-image:none; } #ddlRadio{width:29%;float:left;margin:4px 10px 10px 4px;} #cbOtherRadio {display:inline-block;height:10px;margin-top:10px;float:left;} .otherHearAbout {width:10px;display:inline-block;float:left;margin-top:3px;color:#aba698;} #txtOtherRadio{position:relative;} .donate h2 {display:inline-block; font-size: 20px;} .donate .txtAmount{margin-top:5px;position:relative;top:-3px;} #rblRecurring input{height:20px;} .ccImg{margin-left:146px;} .specialInstructions{height:100px;width:100%;} .resourceForm .lblSpecInstruct{width:100%;text-align:left;} .section .otherChkContainer{float:left;width:50%;} .interior .leftcol .btnSubmitDonation, .resourceForm .btnSubmitDonation {background:#78a22f; border-radius: 6px; color: #fff; display: block; font-family: 'Droid Serif',serif; height: 39px; padding: 0; text-align: center; text-decoration: none; width: 260px !important; border: medium none; font-size: 15px; cursor:pointer; margin:0 auto;} span.trigger-cc,span.trigger-acct,span.trigger-routing{position:relative;cursor: pointer;float:left;} .tool-tip-cc,.tool-tip-routing,.tool-tip-acct{position:relative;top:-84px;float:left;z-index: 9999;display:none;width:10px;height:10px;} .section .float{position:relative;} #txtCCV{float:left;} .hint{font-size:14px;color:#719500;line-height:1em;margin-top:1em;} .leftcol{overflow:visible !important;} .paymentInfoSection input{float:left;} .paymentInfoSection .float-tooltip{float:left;width:100%;} .interior .leftcol .donation_amount, .interior .leftcol .calendar, .interior .leftcol .field-name, .interior .leftcol .field-email-resources, .interior .leftcol .field-address, .interior .leftcol .field-med, .interior .leftcol .field-sm, .interior .leftcol .field-cc, .interior .leftcol .field-phone-resources, .interior .leftcol .field-lg, .interior .sfcommentsField input { background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; display: inline; text-align:left; width: auto !important; cursor:text; } .interior .leftcol .donation_amount {margin:0;} .interior .leftcol .rblGift_2 input, .interior .leftcol .rblGift_0 input, #rblRecurring input, .interior .leftcol .rblBook input, .interior .leftcol .cb-resources input, .interior .leftcol .otherChkContainer input { background: none; border: 1px solid #aba698; color: #aba698; height: 20px; padding: 0; display: inline; text-align:left; width: auto !important; cursor:pointer; } .ui-datepicker-trigger { margin: 0 0 0 8px; } #cbOtherRadio { height: auto; margin: 10px 5px 0 0; } .section .otherChkContainer { float: none !important; } .interior .leftcol #txtOtherRadio { background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; display: inline; text-align:left; width: auto !important; cursor:text; float: left; position: relative; left: 40px; } .interior .sfcommentsForm .sfcommentsSubmitBtnWrp { margin: 0; } /*** FORM STYLING ***/ /** Left Col **/ .sfFormsEditor .sfFormSubmit input { margin: 10px auto; width: 100% !important; max-width: 260px !important; } .sfFormsEditor .sfFormBox, .sfFormsEditor .sfFormRadiolist, .sfFormsEditor .sfFormCheckboxlist, .sfFormsEditor .sfFormBlock, .sfFormsEditor .sfFormDropdown, .sfFormsEditor .sfFormTitle, .sfFormsEditor .sfFormFile { margin: 10px auto; } .sfFormsEditor .sfFormRadiolist .sfTxtLbl, .sfFormsEditor .sfFormCheckboxlist .sfTxtLbl, .sfFormsEditor .sfFormBlock .sfTxtLbl, .sfFormsEditor .sfFormDropdown .sfTxtLbl { color: #aba698; } .sfFormsEditor .sfFormBox label, .sfFormsEditor .sfFormRadiolist .sfRadioList label, .sfFormsEditor .sfFormCheckboxlist .sfCheckListBox label, .sfFormsEditor .sfFormBlock label, .sfFormsEditor .sfFormDropdown label, .sfFormsEditor .sfFormFile .sfTxtLbl { width: 100%; max-width: 150px; color: #aba698; text-align: right; display: block; float: left; margin: 6px 10px 0 0; } .sfFormsEditor .sfFormBox input { background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; width: 100% !important; max-width: 300px; text-align: left; cursor: text; margin: 0; } .sfFormsEditor .sfFormRadiolist .sfRadioList input { background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; display:inherit; text-align:left; width: auto !important; } .sfFormsEditor .sfFormCheckboxlist .sfCheckListBox input { background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; display:inherit; text-align:left; width: auto !important; } .sfFormsEditor .sfFormBlock .sfTxt { width: 100%; max-width: 300px; } .sfFormsEditor .sfFormDropdown .sfDropdownList select { background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; display:inherit; text-align:left; width: auto !important; } .sfFormsEditor .sfFormInstructions { color: #aba698; width: 100%; max-width:575px; text-align:left; margin: 10px 0; } .sfFormsEditor .sfFormFile .RadUpload .ruFileWrap { overflow:auto !important; height: 40px; width: 100%; } .sfFormsEditor .sfFormFile .RadUpload .ruFakeInput { width: 100% !important; max-width: 220px; } .sfFormsEditor .sfFormFile .RadUpload .ruBrowse { margin: 0 0 0 10px; padding: 10px; } .sfFormsEditor .sfFormFile .RadUpload input { background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; display:inherit; text-align:left; width: auto !important; } /** Right Col **/ .rightcol .sfFormsEditor .sfFormBox label, .rightcol .sfFormsEditor .sfFormBlock label, .rightcol .sfFormsEditor .sfFormDropdown label, .rightcol .sfFormsEditor .sfFormFile .sfTxtLbl { text-align: left; } .rightcol .sfFormsEditor .sfFormBox input, .rightcol .sfFormsEditor .sfFormBlock .sfTxt, .rightcol .sfFormsEditor .sfFormInstructions { max-width: 250px; } .rightcol .sfFormsEditor .sfFormTitle { font-size: 18px; } .rightcol .sfFormsEditor .sfFormFile .sfTxtLbl { max-width: 150px; float:none; } .rightcol .sfFormsEditor .sfFormFile .RadUpload .ruFakeInput { max-width: 175px; } .rightcol .sfFormsEditor .sfFormSubmit input { margin: 10px auto; width: 100% !important; max-width: 260px !important; background: #78a22f; border-radius: 6px; color: #fff; display: block; font-family: 'Droid Serif',serif; height: 39px; padding: 0; text-align: center; text-decoration: none; border: medium none; font-size: 15px; cursor: pointer; } /*** Search styling ***/ .search-results-container .sfsearchBox .sfsearchTxt { background: none repeat scroll 0 0 #fff; border: 1px solid #aba698; border-radius: 6px; color: #aba698; font-size: 15px; height: 32px; padding: 0 0 0 10px; display:inline; text-align:left; width: 480px !important; cursor:text; } .search-results-container .sfsearchBox .sfsearchSubmit { display:inline; height: 34px; width: 80px !important; } /** Popup Player **/ .popup-player { padding: 2% 25%; } .popup-player .info-content .buttons .download { width: 280px; } .popup-player .info-content .buttons .podcast { width: 280px; } .popup-player .info-content .buttons .button { margin: 10px 0px 0px 0px; }