/* CSS Document */ body { margin: 0; padding: 0; font:76% normal verdana,tahoma,arial,sans-serif; background: #fff; } #ContentWrapper { height: auto; overflow: hidden; width: 1080px; margin: 0 auto; } #leftColumn { float:left; width:100%; } #left-content { margin-right:374px; } #articleContent h2 { line-height: 27px; font-size: 23px; } #articleContent h3 { line-height: 24px; font-size: 18px; } #rightColumn { float:right; width: 310px; margin-left: -374px; } /* Shield Healthcare (c) 2011 */ /* Written By: Jon Williams & Randall Huffman */ a, a:visited, a:active { text-decoration: none; color: #3D88B0; /* bung color: #1a74b0; */ } a:hover { text-decoration: underline; } a { text-decoration: none; color: #3D88B0; /* bung color: #1a74b0; */ } a:hover { text-decoration: underline; } .wrapper { width: 960px; } .texasLogo { display: none; } #BannerHome { width: 454px; height: 258px; margin-top: 5px; border-bottom: solid 16px #fff; } #homeBanner, #homeFeaturedCategories, #homeVideos, #homeSecondaryCategories, #homeRegional { width: 100%; float: left; } #homeVideos { border-bottom: solid 12px #fff; } #homeBanner { width: 100%; height: 450px; margin: 9px 0 19px 0; font-family: "ProximaNovaCond-Extrabld","NotoKufiArabic-Bold","Helvetica Neue","Helvetica",Roboto,Arial,sans-serif; } #homeBannerLeftWrapper { width: 63%; float: left; height: 100%; padding: 18px 0; } #homeBannerRightWrapper { width: 35.3%; float: right; height: 100%; padding: 18px 0; } #homeBannerLeft a { color: #fff; } #homeBannerLeft a:hover { color: #BEE9FF; } #homeBannerLeft{ width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:block; position: relative; } #homeBannerLeftBlackbox { position: absolute; bottom: 0; width: 100%; padding: 12px 0 9px 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.51) 33%, rgba(0,0,0,0.86) 82%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0.51)), color-stop(82%,rgba(0,0,0,0.86)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 33%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 33%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 33%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 33%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .homeBannerBigText { height: 54px; width: 90%; margin: 0 auto; color: #fff; font-size: 24px; font-weight: 400; overflow: hidden; } .homeBannerBigLongerText { height: 79px; width: 90%; margin: 0 auto; color: #fff; font-size: 23px; font-weight: 400; overflow: hidden; line-height: 30px; } .homeBannerSmallText { height: 22px; width: 90%; margin: 0 auto; color: #fff; font-size: 14.5px; font-weight: 400; margin-bottom: 9px; overflow: hidden; line-height: 22px; } #homeBannerRight { width: 100%; height: 464px; } #homeBannerHeader { background: #fff; border-right: solid 1px #CBCBCB; height: 57px; line-height: 57px; width: 100%; text-indent: 16px; font-weight: bold; font-size: 14px; } #homeBannerRight ul { margin: 0; padding: 0; border-right: solid 1px #CBCBCB; width: 100%; overflow: hidden; list-style-type: none; } #homeBannerRight li { border-top: 1px solid #eee; white-space: nowrap; background: #fff; list-style-type: none; } #homeBannerRight a { text-decoration: none; color: #000; font-size: 11px; display: block; line-height:50px; text-indent: 16px; } #homeBannerRight a:hover { background-color: #cfcfcf; text-decoration: none; } img {border: 0; } #contentarea { clear: both; padding: 25px 0 100px 0; } .TopCatNoShow { display: none; } #ContentWrapper { position:relative; margin:0 auto; padding:5px; } #CategoryHeader { width: 950px; height: 55px; margin-bottom: 10px; } form { margin: 0; padding: 0; } #CategoryNameHeader { width: 55%; text-align: left; margin: 25px 0 6px 0; float: left; font-size: 2.55em; font-weight: 400; text-transform: uppercase; font-family: 'Roboto', Arial, serif; font-weight: 900; text-transform: uppercase; } #CategoryNameHeader a:hover { text-decoration: none; } #CategoryBreadcrumbs { height: 25px; width: 40%; float: right; text-align: right; } #CategoryBreadcrumbs a, #CategoryBreadcrumbs a:visited { font-weight: normal; } #CategoryBreadcrumbs a:hover { text-decoration: none; } #CategoryTools { display: block; float: right; margin-right: 11px; } #CategoryCrumbs { display: block; float: right; margin-left: 4px; } .CategoryCrumb { float: right; font-family: 'Oswald', 'comic-sans', Impact, sans-serif; font-weight: 900; font-size: 1.55em; color: #000; } .CategoryCrumbsDivider { float: right; height: 22px; border-left: solid 2px #d9d9d9; margin: 0 15px; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; width:955px; /* width of whole page */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:955px; /* width of page */ position:relative; } .col1, .col2 { float:left; position:relative; padding:0 0 0 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { } .threecol .colmid { border: none; /*right:25%;*/ /* width of the right column */ right:285px; /* width of the right column */ } .threecol .colleft { /*right:50%;*/ /* width of the middle column */ right:745px; /* width of the middle column */ } .threecol .col1 { /*width:46%;*/ /* width of center column content (column width minus padding on either side) */ width:635px; /* width of center column content (column width minus padding on either side) */ left: 100%; /* 100% plus left padding of center column */ } .threecol .col2 { /* width:21%; */ left:757px; width:285px; /* Width of right column content (column width minus padding on either side) */ /* left:85%; Please make note of the brackets here: */ } #ContentCenter, #ContentCenter p { font-size: 1.0em; color: #444; } #ContentCenter H1 { color: #111; font-size: 1.7em; font-family: helvetica, verdana, sans-serif; } #ContentCenter H1 a:link, #ContentCenter H1 a:visited, #ContentCenter H1 a:active, #ContentCenter H1 a:hover, #ContentCenter a:hover, #post-title a:hover { color: #111; text-decoration: none; } /* Featured Articles */ .featuredVideosWrapper { width: 100%; float: left; } .wideFeatureBox { width: 100%: } .wideCategoryLink { } .featuredVideoWrapper { width: 23.7%; float: left; border-top: solid 12px #fff; } .featuredVideoBox { width: 100%; height: auto; } .featuredVideoThumbnail { width: 100%; float: left; overflow: hidden; height: 160px; } .featuredVideoThumbnail img { margin-top: -13px; } .featuredVideoLink { width: 100%; padding: 0; float: left; border-top: solid 7px #fff; border-bottom: solid 7px #fff; } .featuredVideoLink a { text-decoration: none; font-size: 15.5px; color: #000; } .homeFeatureLinkBox a:hover { text-decoration: none; color: #CF0000; } .homeFeatureBoxWrapper { width: 32%; float: left; } .homeFeatureBoxSeprator { width: 1.7%; float: left; background: #fff; height: 100px; } .homeFeatureBoxRow { width: 100%; float: left; margin-bottom: 9px; font-family: "ProximaNovaCond-Extrabld","NotoKufiArabic-Bold","Helvetica Neue","Helvetica",Roboto,Arial,sans-serif } .homeFeatureBox { } .homeFeatureTitle { width: 100%; } .homeFeatureTitle a, .wideFeatureBox a { width: 100%; display: block; } .homeFeatureTitle H2 { font-size: 17px; color: #fff; padding: 0 0 0 10px; margin: 0; line-height: 36px; } .wideFeatureBox H2 { font-size: 18.5px; color: #333; padding: 0 0 0 14px; margin: 0; line-height: 36px; } .regionalTitleWrapper { width: 100%; border-bottom: solid 7px #fff; } .regionalTitle { width: 98.5%; height: 36px; background-image: url(/resources/community/images/bg-cat-box.png); background-position: 0 -72px; } .regionalTitleText { font-size: 18.5px; color: #333; padding: 0 14px; 0 14px; margin: 0; line-height: 36px; background: #fff; float: left; width: auto; } .wideFeatureBox a { background-color: #f2f2f2; background-image: url(/resources/community/images/bg-cat-box.png); background-repeat: no-repeat; background-position: top right; margin: 0; text-decoration: none; } .wideFeatureBox a:hover { background-color: #B5B5B5; text-decoration: none; } .darkTxt { color: #333; } .homeFeatureTitle a { background-color: red; background-image: url(/resources/community/images/bg-cat-box.png); background-repeat: no-repeat; background-position: top right; margin: 0; text-decoration: none; } .homeFeatureTitle a:hover { text-decoration: none; } #FeaturedCats { width: 455px; } .homeFeatureFeatureLink { padding: 18px 14px 13px 14px; } .homeFeatureFeatureLink a { color: #fff; } .homeFeatureFeatureBox { width: 100%; height: 200px; background-size: 100% auto; } .homeFeatureFeatureLink { position: absolute; bottom: 0; line-height: 21px; color: #fff; font-size: 17px; overflow: hidden; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.51) 33%, rgba(0,0,0,0.86) 82%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0.51)), color-stop(82%,rgba(0,0,0,0.86)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 33%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 33%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 33%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 33%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .homeFeatureLinkBox ul { padding: 0; margin: 0 ; } .homeFeatureLinkBox li { list-style: none; border-top: solid 1px #d9d9d9; padding: 10px 0 7px 0; } .homeFeatureLinkBox a { text-decoration: none; font-size: 15.5px; color: #000; } .homeFeatureLinkBox a:hover { text-decoration: none; color: #CF0000; } .homeCategoryBre a { background-color: #FF46FF; } .homeCategoryBre a:hover { background-color: #C131C1; } .homeCategoryEsp a { background-color: #d29100; } .homeCategoryEsp a:hover { background-color: #9F6D00; } .homeCategoryCar a { background-color: #CA0094; } .homeCategoryCar a:hover { background-color: #990070; } .homeCategoryGro a { background-color: #0e6b00; } .homeCategoryGro a:hover { background-color: #055000; } .homeCategoryGry a { background-color: #f2f2f2; } .homeCategoryGry a:hover { background-color: #B5B5B5; } .homeCategoryGry a, .homeCategoryGry H2 { color: #333; } .homeCategoryGry a:hover { background-color: #B5B5B5; } .homeCategoryInc a { background-color: #008e8e; } .homeCategoryInc a:hover { background-color: #006A6B; } .homeCategoryNat a { background-color: #C82300; } .homeCategoryNat a:hover { background-color: #981800; } .homeCategoryNut a { background-color: #610F92; } .homeCategoryNut a:hover { background-color: #49086E; } .homeCategoryOst a { background-color: #C82300; } .homeCategoryOst a:hover { background-color: #981800; } .homeCategoryUro a { background-color: #22339e; } .homeCategoryUro a:hover { background-color: #152578; } .homeCategoryPro a { background-color: #B60000; } .homeCategoryPro a:hover { background-color: #8A0000; } .homeCategorySpi a { background-color: #006DD9 ; } .homeCategorySpi a:hover { background-color: #0052A5; } .homeCategorySki a { background-color: #d29100; } .homeCategorySki a:hover { background-color: #9F6D00; } .homeCategoryWou a { background-color: #d29100; } .homeCategoryWou a:hover { background-color: #9F6D00; } .homeFeatureFeatureBoxWrapper { margin: 0; padding: 0; position: relative; } /*

Spinal Cord Injury

 */ #RecentHomeInc { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 -36px; margin: 0; } #RecentHomeOst { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 -144px; margin: 0; margin-top: 15px; } #RecentHomeUro { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 -180px; margin: 0; margin-top: 15px; } #RecentHomeNut { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 -216px; margin: 0; margin-top: 15px; } #RecentHomeDia { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 0; margin: 0; margin-top: 15px; } #RecentHomeWou { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 -72px; margin: 0; margin-top: 15px; } #RecentHomeNew { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 -108px; margin: 0; margin-top: 15px; } #RecentHomeCar { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 -252px; margin: 0; margin-top: 15px; } #RecentHomeBre { background: url(/resources/community/images/featured_colors.jpg) no-repeat 0 -288px; margin: 0; margin-top: 15px; } #RecentHomeInc H3, #RecentHomeOst H3, #RecentHomeUro H3, #RecentHomeNut H3, #RecentHomeDia H3, #RecentHomeWou H3, #RecentHomeNew H3, #RecentHomeCar H3, #RecentHomeBre H3 { padding: 4px 0 5px 10px; margin: 0; } .FeaturedHeadline a { color: #fff; text-decoration: none; font-size: 1.0em; font-weight: bold; } #FeaturedHeadlines { background: url(/resources/community/images/backgrounds.jpg) repeat-x; border: solid 1px #ccc; } .FeaturedLarge { width: 180px; float: left; padding: 12px 10px 0 10px; font-size: 1.0em; font-weight: bold; } .FeaturedLarge a { color: #0B3356 } .attachment-thumb-medium { border: solid 1px #ccc; margin: 0; padding: 0;} .FeaturedList { float: left; width: 225px; border-left: dotted 1px #ccc; padding: 0 10px; margin: 5px 0 0 5px; } #FeaturedHeadlines ul { margin: 0; padding: 0; } #FeaturedHeadlines li { list-style: none; padding: 6px 4px 6px 4px; } /* Search Stuff */ #SearchResults h3 { font-size: 1.6em; margin: 0; } #SearchResults .meta {display: none; } #SearchResults h3 a:link, #SearchResults h3 a:visited, #SearchResults h3 a:hover { color: #111; text-decoration: none; font-family: helvetica, arial, sans-serif; font-weight: normal; } .snippet { padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; background: url("/resources/community/images/layout/dotted.png") repeat-x bottom left; } #SearchResults .image { float: right; margin: 0 15px 0 0; } #nothingHeader { font-size: 21px; } #nothingList, #nothingList li { font-family: arial,sans-serif; font-size: 18px; margin: 10px 0; } /* AUTHOR INFO */ #AuthorSnippet { font-size: 1.44em; margin: 5px 0 16px 0; float: left; } .authorBubble { float: left; margin-right: 15px; margin-top: -9px; } /* ------------------------------------------------------------------------ */ /* Commment Form */ /* ------------------------------------------------------------------------ */ #respond { margin-top: 30px; } /* ------------------------------------------------------------------------ */ /* Tags */ /* ------------------------------------------------------------------------ */ #articleTags { width: 100%; float: left; border: none; margin-bottom: 25px; } #articleTags { font-size: 14px; color: #fff; } #articleTags p { padding: none; color: #fff; font-size: 15px; margin: none; } #articleTags a { width: auto; white-space: nowrap; display: block; float: left; margin: 4px 15px 8px 0px; padding: 12px 19px; background: #F2F2F2; color: #003366; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; font-size: 16px; } /* ------------------------------------------------------------------------ */ /* Comments */ /* ------------------------------------------------------------------------ */ #comment-jumplink { width: 50%; border: solid 1px #cacaca; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; clear: both; margin: 15px auto; text-align: center; } #comment-jumplink a { line-height: 84px; display: block; width: 100%; font-family: 'Roboto', Arial, serif; font-weight: 900; font-size: 1.87em; } #comment-jumplink a, #comment-jumplink a:visited, #comment-jumplink a:active {color: #003367; } #comments { margin-top: 30px; } #comments ol li { background: url("/resources/community/images/layout/dotted.png") repeat-x bottom left; padding: 10px 0 12px 0; overflow: hidden; } #comments ol li:first-child { padding-top: 5px; } .comment-avatar { float: left; padding: 2px; border: 1px solid #E9E9E9; background: #FFFFFF; } .comment-data { width: 80%; float: left; margin-left: 50px; } .comment-author { float: left; margin-right: 10px; font-weight: bold; } .comment-meta { float: left; color: #999999; font-size: 85%; padding-top: 2px; } .comment-text { clear: both; } .comment-text p { padding-top: 10px; line-height: 1.3; } .unapproved { font-style: italic; display: block; padding-bottom: 10px; } /* ------------------------------------------------------------------------ */ /* Commment Form */ /* ------------------------------------------------------------------------ */ #respond { margin-top: 30px; } /* Form */ .aform { margin-top: 15px; margin-bottom: 10px; } .aform .formitem { overflow: hidden; padding: 5px 0; } .aform label { width: 80px; float: left; font-size: 90%; padding: 8px 0 5px 0; } .aform input[type=text] { float: left; width: 470px; padding: 10px 15px; border: 1px solid #DBDBDB; font-size: 15px; background: #FFFFFF url("/resources/community/images/layout/bg_formitem.png") repeat-x top left; } .aform textarea { float: left; width: 410px; height: 125px; padding: 15px 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; clear: both; margin-top: 5px; border: 1px solid #DBDBDB; background: #FFFFFF url("/resources/community/images/layout/bg_formitem.png") repeat-x top left; } .aform .submit { margin-left: 80px; cursor: pointer; } span.required { color: #CC0000; } .form_error { display: block; background: url('/resources/community/images/layout/error.png') no-repeat left center; padding: 4px 10px 4px 22px; margin-bottom: 10px; font-size: 90%; } .loader { float: right; padding: 10px; } .form_success { display: block; background: url('/resources/community/images/layout/success.png') no-repeat left center; padding: 4px 10px 4px 22px; margin-bottom: 10px; font-size: 90%; } /* ========================================================= Comments ========================================================= */ #respond input { -moz-border-radius: 5px; border-radius: 8px; border:solid 1px #777; padding:8px; } #respond label { width: 80px; float: left; } #respond .button { -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0; -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0; box-shadow:rgba(0,0,0,0.2) 0 1px 0 0; color:#333; background-color:#FA2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:none; font-family:'Helvetica Neue',Arial,sans-serif; font-size:18px; font-weight:700; height:44px; padding:8px 32px; text-shadow:#FE6 0 1px 0; margin-top: 8px;} .formitem { clear: both; margin-bottom: 10px; } #comment { width: 100%; -moz-border-radius: 10px; border-radius: 10px; border:solid 1px #777; padding:5px; } /* Recent Articles */ #recentCategoryPosts { ; padding-top: 15px; height: auto; } .recentPosts { width: 100%; margin-top: 30px; padding-top: 15px; float: left; } .recentPostHeadline { width: 97%; border-top: solid 3px #ededed; font-size: 1.85em; font-family: 'Oswald', 'comic-sans', Impact, sans-serif; font-weight: 900; text-indent: 10px; color: #000; text-transform: uppercase; padding: 29px 0 5px 0; } #recentCategoryPosts .snippet { width: 23%; margin: 5px auto; float: left; padding-right: 1%; background: none; } #recentCategoryPosts { font-size: 15.5px; } #recentCategoryPosts .snippetHeader { margin: 0 2px 0 4px; height: 80px; overflow: hiden; } #recentCategoryPosts .snippet { margin: 12px 0 0 16px; } #recentCategoryPosts a, #featuredArticles a:visited { decoration: none; color: #000; font-weight: bold; } #recentCategoryPosts .snippetImage { margin-top: 15px; height: 165px; overflow: hidden; margin-bottom: 9px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 1px solid #cfcfcf;} /*Right Navigtion */ .RightNavMaster { max-width:290px; } /* -70 */ .RightNavProductBanner { margin-left: 2px; margin-top: 2px; margin-bottom: 9px; } #categoryLinksHeader { font-family: 'Oswald', 'comic-sans', Impact, sans-serif; font-weight: 700; line-height: 40px; margin: 18px 0 12px 5px; font-size: 29px; color: #111; text-align: left; width: 292px; } #categoryLinks { width: 100%; float: left; } #categoryLinks ul { margin: 0 0 25px -10px; padding: 0; } #categoryLinks li { list-style: none; margin: 2px 10px; padding: 2px 0; } #categoryLinks a { display: block; width: 100%; padding: 11px 0; text-indent: 15px; margin: 2px 5px; border: solid 1px #ECEFF2; background: #FAFBFC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 16px; color: #022B85; } #categoryLinks a:hover { background: #F2F5F7; color: #002256; text-decoration: none; } .RightNavUpper { position:relative; margin:0px auto; min-width:8em; color:#fff; z-index:1; margin-left:18px; /* default, width of left corner */ margin-bottom:0; /* spacing under dialog */ } .RightNavMenu, .RightNavMid li a, .RightNavMid li a:hover, .RightNavUpper .RightNavContent, .RightNavMid .RightNavBarrier, .RightNavUpper .RightNavTop, .RightNavMenu .RightNavMid, .RightNavMenu .RightNavMid div, .RightNavLower .RightNavBottom, .RightNavLower .RightNavBottom div { background:transparent url(/resources/community/images/communityCommon.png) no-repeat right -1334px; } .RightNavUpper .RightNavContent { position:relative; padding:0px 18px 0px 0px; } .RightNavUpper .RightNavTop { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:18px; /* top slice width */ margin-left:-18px; height:100%; background-position:0 -1334px; } .RightNavUpper .wrapper { /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ } .RightNavUpper h1, .RightNavUpper p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:5px 0px 10px 0px; } /* */ .RightNavMenu { position:relative; margin:0px; color:#fff; z-index:1; background-position:0 -1374px; } .RightNavMenu .RightNavMid { /* bottom */ position:relative; } .RightNavMenu .RightNavMid, .RightNavMenu .RightNavMid div { } .RightNavMenu .RightNavMid { background-position: right -1374px; } .RightNavMenu .RightNavMid div { position:relative; margin-left:-18px; background-position:-1669px right; } .RightNavMid { margin-left: 10px; } .RightNavMid { width: 275px; } .RightNavMenu p, .RightNavMid p, .RightNavUpper p, .RightNavMid p { color: #454545; padding-left: 15px; margin: 0; } /* LOWER NAVIGATION AREA */ .RightNavLower .RightNavBottom { /* bottom */ position:relative; width:100%; } .RightNavLower .RightNavBottom, .RightNavLower .RightNavBottom div { height:19px; /* height of bottom cap/shade */ font-size:1px; } .RightNavLower .RightNavBottom { background-position: right -1669px; } .RightNavLower .RightNavBottom div { position:relative; width:18px; /* bottom corner width */ margin-left:-18px; background-position: left -1669px; } .RightNavUpper h1 { padding-bottom: 24px; padding-left: 15px; padding-right: 55px; color: #fff; font-size: 1.2em; font-family: arial, sans-serif; padding-top: 8px; font-weight: bold; width: 147px; } #emailSubmit, .emailsubmit textarea { margin: 0 0 3px 130px; background-position: 0 -1978px; border: 0; width: 112px; height: 24px; } #emailBox { padding: 3px 3px; color: #999; margin: 3px 0 12px 12px; width: 218px; } #rightHeaderPopular { margin: 0 0 0 6px; background-position: 0 -1860px; border: 0; width: 272px; height: 26px; } #featuredArticles { margin: 0 0 0 6px; background-position: -485px -2001px; width: 272px; background-repeat: no-repeat; border: solid 1px transparent; padding: 0; } #featuredArticles .snippet { width: 90%; margin: 0 auto; } #featuredArticles { font-size: 14.5px; } #featuredArticles .snippetHeader { margin: 0 2px 0 4px; } #featuredArticles .snippet { margin: 12px 0 0 16px; } #featuredArticles a, #featuredArticles a:visited { decoration: none; color: #000; font-weight: bold; } #featuredArticles .snippetImage { height: 128px; overflow: hidden; margin-bottom: 4px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 1px solid #cfcfcf;} #rightHeadPopularArea { margin: 0 0 0 6px; background-position: -485px -2001px; border: 0; width: 272px; background-repeat: no-repeat; } #rightHeadInstagramArea { margin: 0 0 0 6px; background-position: -485px -2001px; border: 0; width: 272px; background-repeat: no-repeat; } #rightHeadPopularArea a { text-decoration: none; } #rightHeadPopularArea ul { margin: 0; padding: 0; margin-left: 20px; margin-bottom: 9px; padding-top: 5px; } #rightHeadPopularArea li { list-style: none; padding: 6px 0 10px 0; font-size: 0.88em; color: #555; color: #3D88B0; line-height: 1.2em; border-bottom: dotted 1px #ccc; } #rightHeaderTwitter { margin: 0 0 0 6px; background-position: 0 -1900px; border: 0; width: 272px; height: 26px; } #rightHeaderIllNews { margin: 0 0 0 6px; background-position: 0 -2008px; border: 0; width: 272px; height: 26px; } #rightHeaderNatNews { margin: 0 0 0 6px; background-position: 0 -2040px; border: 0; width: 272px; height: 26px; } #rightHeaderInstagram { margin: 0 0 0 6px; background-position: 0 -2073px; border: 0; width: 272px; height: 26px; } .rightNavBlank { background:transparent url(/resources/community/images/communityEdges.png) no-repeat top right; margin: 0 0 0 6px; background-position: 0 -2011px; border: 0; width: 272px; height: 26px; } .rightNavBlankHeader { font-family: tahoma, arial, sans-serif; font-size: 0.88em; color: #fff; margin-left: 9px; vertical-align: middle; line-height: 24px; overflow: hidden; font-weight: bold; height: 26px; overflow: hidden; opacity:0.86; } #TwitterTweets { margin: 0 0 0 6px; background-position: -485px -2001px; border: 0; width: 272px; background-repeat: no-repeat; } #TwitterTweets a { text-decoration: none; } #TwitterTweets ul { margin: 0; padding: 0; margin-left: 20px; margin-bottom: 9px; padding-top: 5px; } #TwitterTweets li { list-style: none; padding: 6px 0 10px 0; font-size: 0.88em; color: #555; color: #3D88B0; line-height: 1.2em; border-bottom: dotted 1px #ccc; } #rightHeaderComments { margin: 0 0 0 6px; background-position: 0 -1940px; border: 0; width: 272px; height: 26px; } #rightHeadCommentArea { margin: 0 0 0 6px; background-position: -485px -2001px; border: 0; width: 272px; background-repeat: no-repeat; } #rightHeadCommentArea a { text-decoration: none; } #rightHeadCommentArea ul { margin: 0; padding: 0; margin-left: 20px; margin-bottom: 9px; padding-top: 5px; } #rightHeadCommentArea li { list-style: none; padding: 6px 0 10px 0; font-size: 0.88em; color: #555; color: #3D88B0; line-height: 1.2em; border-bottom: dotted 1px #ccc; } .RightNavLower { position:relative; margin:0px auto; min-width:8em; color:#fff; z-index:1; margin-left:18px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under dialog */ } /* FOOTER */ .footwrapper { } #Copyright { margin: 0 auto; width: 945px; padding: 2px 0 17px 0; color: #525166; color: red; font-size: 11px; clear: both; } .CopyEnd { float: right; } .CopyStart { clear: both; clear: both;} #PageEnd { display: none; } #Footer { width: 100%; padding-top: 21px; margin: 0 auto; background-image: url(/resources/images/footer/background.png); background-repeat: repeat-x; margin-top: 51px; } #FooterSocial { margin-top: 26px; } .FooterContent { margin: 0 auto; width: 970px; font-family: arial, sans-serif; color: #9A9A9A; padding: 6px 20px 6px 0; } .FooterBlock { padding: 0 0 0 22px; font-size: 11px; display: block; float: left; } #Footer a, #Footer a:visited, #Footer a:link { color: #9797C0; text-decoration: none; } #Footer a:hover { color: #333; text-decoration: underline; } .footerColumn { line-height: 17px; width: 151px; } .footerWide { line-height: 17px; width: 370px; margin-right: 40px;} .w102, .w140, .w210 { line-height: 17px; } .w300 { width: 300px; line-height: 15px; } .w102 { width: 100px; } .w140 { width: 130px; } .w210 { width: 200px; } .FooterProds2 { float: right; width: 100px } #footerBtm { clear: both; width: 950px; margin: 0 auto; padding-bottom: 50px; color: #B6B6B6; font-size: 12px; } #footerBtm H4 { font-size: 18px; font-weight: bold; margin: 15px 0 6px 0; } #FooterTouch { display: none; } #FooterFacebook a:hover, #FooterYoutube a:hover, #FooterTwitter a:hover, #FooterInstagram a:hover, #FooterGooglePlus a:hover, #FooterPintirest a:hover, #FooterLinkedIn a:hover { opacity: 0.7; } #FooterLogo a:link, #FooterLogo a:visited, #FooterLogo a:hover { width: 121px; height: 139px; background: url(/resources/images/footer/footer_graphics2.gif); background-position: -356px 0; display: block; margin-right: 19px; float: left; } #FooterFacebook a:link, #FooterFacebook a:visited, #FooterFacebook a:hover, .FooterFacebook { width: 40px; height: 40px; background: url(/resources/images/footer/social.png); background-position: 0 0; display: block; float: left;} #FooterYoutube a:link, #FooterYoutube a:visited, #FooterYoutube a:hover { width: 40px; height: 40px; background: url(/resources/images/footer/social.png); background-position: -80px 0; display: block; margin-left: 8px; float: left; } #FooterTwitter a:link, #FooterTwitter a:visited, #FooterTwitter a:hover { width: 40px; height: 40px; background: url(/resources/images/footer/social.png); background-position: -40px 0; display: block; margin-left: 8px; float: left; } #FooterInstagram a:link, #FooterInstagram a:visited, #FooterInstagram a:hover { width: 40px; height: 40px; background: url(/resources/images/footer/social.png); background-position: -240px -0; display: block; margin-left: 8px; float: left; } #FooterGooglePlus a:link, #FooterGooglePlus a:visited, #FooterGooglePlus a:hover { width: 40px; height: 40px; background: url(/resources/images/footer/social.png); background-position: -160px 0; display: block; margin-left: 8px; float: left; } #FooterChap a:link, #FooterChap a:visited, #FooterChap a:hover { width: 61px; height: 71px; float: right; background: url(/resources/images/footer/footer_graphics2.gif); background-position: -129px 0; display: block; margin-right: 30px; } #FooterVerisign a:link, #FooterVerisign a:visited, #FooterVerisign a:hover { width: 117px; height: 71px; float: right; background: url(/resources/images/footer/footer_graphics2.gif); background-position: -218px 0; display: block; margin-right: 40px; } #FooterPintirest a:link, #FooterPintirest a:visited, #FooterPintirest a:hover { width: 40px; height: 40px; background: url(/resources/images/footer/social.png); background-position: -200px 0; display: block; margin-left: 8px; float: left; } #FooterLinkedIn a:link, #FooterLinkedIn a:visited, #FooterLinkedIn a:hover { width: 40px; height: 40px; background: url(/resources/images/footer/social.png); background-position: -120px 0; display: block; margin-left: 8px; float: left; } #FooterAbout { padding-top: 42px; clear: both; font-size: 11px; width: 340px; border-top: solid 1px transparent; display: block; } #footerBtm H2, #FooterAbout H2 { font-size: 15px; font-weight: bold; margin: 0 0 6px 0; color: #585858; font-family: arial, sans-serif; } .FooterContent H3 { margin: 25px 0 0 0; padding: 0 0 4px 0; font-size: 14px; font-weight: bold; color: #585858; } #articleAuthorBlock { width: 490px; font-size: 15px; color: #999; background-repeat: no-repeat; line-height: 17px; margin: 0 0 3px 0; float: left; } .authorImage { float: left; width: 60px; height; 60px; margin-right: 9px; } .authorLinks { border-top: solid 9px #fff; float: left; width: 410px; } .authorDescription { float: left; font-size: 14.5px; color: #878787; padding-top: 7px; } #articleAuthorBlock .authorLinks a, #articleAuthorBlock .authorLinks, #articleAuthorBlock .authorLinks a:visited { color: #0040FF; font-weight: bold; font-size: 18.5px; } #articleTimestamp { line-height: 17px; float: left; clear: both; width: 200px; font-size: 13px; color: #878787; background-image: url('/resources/community/images/timestamp.png'); background-repeat: no-repeat; padding-left: 21px; line-height: 17px; margin: 2px 0 6px 0; height: 19px; } .columnsContainer, footer, header { position: relative; margin: .5em; } #post-title { list-style: none; margin-left: 0; margin-bottom: 0; padding-left: 0; font-family: 'Roboto', Arial, serif; font-weight: 900; font-size: 3.8em; color: #000; } #articleContent { font-family: "Helvetica Neue", "Helvetica", Roboto, Arial, sans-serif; font-size: 1.6em; } .imageListing { width: 30%; height: auto; overflow: hidden; margin-right: 4%; float: left; } .categorySnippet { float: left; width: 100%; margin-bottom: 25px; border: solid 1px transparent;; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .exceprtContent { float: left; width: 66%; } .exceprtContent h3 { font-size: 27px; float: left; width: 100%; margin: 0 0 4px 0 ; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .exceprtContent .excerpt { width: 100%; float: left; } .exceprtContent p { font-size: 18px; margin: 0; padding: 0; color: #444; } .excerptAuthor { margin: 7px 0 0 0; font-size: 15px; color: #999; font-weight: normal; float: left; clear: both; } /* VIDEO BOX */ .videoContainer { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; clear: both; } .youtubevideo{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* .videoContainer { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .youtubevideo{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */ /* SOCIAL SHARING BOX */ #social-icons { width: 462px; float: left; margin: 10px 0 30px 0; } .shareDeskFacebook, .shareDeskTwitter, .shareDeskLinikedIn, .shareDeskPinterest, .shareDeskPrint, .shareDeskEmail { background-image: url('/resources/community/images/social.png'); display: block; height: 38px; float: left; text-indent: -1000px; } .shareDeskFacebook { width: 93px; margin-right: 6px; } .shareDeskTwitter { width: 93px; margin-right: 6px; background-position: -96px 0; } .shareDeskLinikedIn { width: 51px; margin-right: 6px; background-position: -192px 0;} .shareDeskPinterest { width: 51px; margin-right: 6px; background-position: -246px 0; } .shareDeskPrint { width: 51px; margin-right: 6px; background-position: -300px 0; } .shareDeskEmail { width: 93px; background-position: -354px 0; } .shareDeskFacebook:hover { background-position: 0 -50px; } .shareDeskTwitter:hover { background-position: -96px -50px; } .shareDeskLinikedIn:hover { background-position: -192px -50px; } .shareDeskPinterest:hover { background-position: -246px -50px; } .shareDeskPrint:hover { background-position: -300px -50px; } .shareDeskEmail:hover { background-position: -354px -50px; } #socialWidget { width: 292px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #CDCDCD; background: #fff; float: left; margin-bottom: 18px; background-image: none; clear: both; margin-left: 5px; } .socialWidgetGapper { clear: both; width: 252px; float: left; margin-left: 15px; border-top: solid 1px #CDCDCD; height: 1px; overflow: hidden; } #socialHeader { font-family: 'Oswald', 'comic-sans', Impact, sans-serif; font-weight: 700; line-height: 40px; margin-bottom: 5px; font-size: 29px; color: #111; text-align: left; width: 292px; margin-left: 5px; } #socialNewsletterWrapper { clear: both; float: left; } #socialNewsletterHeader { font-family: 'Oswald', impact, sans-serif; font-weight: bold; font-weight: 700; margin-bottom: 5px; font-size: 30px; color: #111; margin: 9px auto 5px auto; width: 285px; clear: both; text-align: center; } .socialNewsletterBlurb { width: 288px; font-family: arial, sans-serif; color: #111; font-size: 16.5px; margin: 2px auto 14px auto; clear: both; padding: 0 10px; } .socialNewsletterForm { width: 250px; margin: 5px 15px 15px 5px; border: solid 1px green; float: left; } #socialNewsletterForm { float: left; width: 290px; } #socialNewsletterFormInterior { width: 262px; margin: 2px auto 15px auto; clear: both; height: 38px; } #socialNewsletterFormInterior form { padding: 0; margin: 0; } #emailBox { margin: 0; padding; 0; float: left; display: block; border: solid 1px #cdcdcd; width: 158px; line-height: 32px; height: 36px; font-size: 12px; color: #888; padding: 0 0 0 2px; text-indent: 5px; overflow: hidden; } #emailSubmit { margin: 0; padding; 0; float: left; display: block; background-color: #BF1D1F; width: 93px; height: 36px; background-image: url('/resources/community/images/social-big.png'); background-position: 10px -51px; text-align: center; border: none; margin: 0 0 0 6px; } #emailSubmit:hover { background-color: #9F0816; cursor: pointer; } .socialBigButtons { margin: 15px auto 0 auto; clear: both; text-align: center; width: 266px; height: 75px; } .socialBigFacebook a, .socialBigTwitter a, .socialBigPinterest a, .socialBigLinkedIn a { width: 64px; height: 64px; text-indent: -5000px; overflow: hidden; display: block; background-image: url('/resources/community/images/social-big.png'); float: left; } .socialBigFacebook { float: left; } .socialBigFacebook a { margin-right: 3px; background-color: #38599B; background-position: 2px 4px; } .socialBigTwitter { float: left; } .socialBigTwitter a { margin-right: 3px; background-color: #4EACF1; background-position: -54px 5px; } .socialBigPinterest { float: left; } .socialBigPinterest a { margin-right: 3px; background-color: #BD2026; background-position: -112px 4px; } .socialBigLinkedIn { float: left; } .socialBigLinkedIn a { background-color: #005583; background-position: -168px 4px; } /* New Article Area */ #desktopView { width: 100%; border-left: none; border-right: none; } .wp-post-image { width: 100%; height: auto; border: solid 1px #efefef; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } img.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } img.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.aligncenter { margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } #post-title { font-family: arial, sans-serif; font-size: 2.4em; font-weight: bold; clear: both; } #post-content, #post-content p, #post-content li, #post-content ul { font-family: arial, sans-serif; font-size: 1.1em; font-weight: normal; color: #333; } #post-content li, #post-content ul, #post-content ol {margin-top: 5px; margin-bottom: 6px; font-size: 1.04em; } /***********************************************************************************/ /* Tabs */ #tabs p { font-family: arial; font-size: 13px; margin: 9px 0; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .icon_pdf_download { background-image: url('/resources/images/global/icons/pdf_download.png'); } .download_file_wrapper { border: 1px solid #CCCCCC ; background-color: #EFEFEF; padding: 8px 12px 8px 48px; background-repeat:no-repeat; background-position: 6px center; color: #000; font-size: 12px; width: 180px; line-height: 17px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; } .asset_file_btn:hover { border: 1px solid #999999 ; background-color: #BDBDBD; } /* Misc visuals ----------------------------------*/ /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .88em 1.1em; text-decoration: none; margin: 0 2px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0.8em 0.2em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /* custom */ #tabs ul li { font-family: arial; color: #000; font-size: 18px; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #555555; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } /* Hovering Tab */ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: bold; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } /* all tabs */ .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #111; text-decoration: none; font-family: arial; font-weight: bold; padding-top: 5px; } /* Active Tab */ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { padding-top: 100px; -webkit-box-shadow: 0 -3px 3px -3px #666, 3px 0px 3px -3px #666, -3px 0px 3px -3px #666; -moz-box-shadow: 0 -3px 3px -3px #666, 3px 0px 3px -3px #666, -3px 0px 3px -3px #666; box-shadow: 0 -3px 3px -3px #666, 3px 0px 3px -3px #666, -3px 0px 3px -3px #666; border: 1px solid #aaaaaa; background: #ffffff; font-weight: bold; color: #212121; } .DetailContentLeft { float: left; width: 50%; margin: 1px 15px 1px 1px; border-right: solid 1px #afafaf; padding-right: 15px; } .DetailContentRight { float: left; width: 45%; margin: 1px 15px 1px 10px; padding-left: 15px; border-left: solid 5px #fff; } .ui-widget-content { border: none; width: 100%; } .detDescription h2 { display: none; } .ui-widget-header { background: #fff; } #tabs { border: none; } #tabs-1, #tabs-2, #tabs-3, #tabs-4 { float: left; width: 100%; font-size: 18px; } #tabs-1 p, #tabs-2 p, #tabs-3 p, #tabs-4 p, #tabs-1 li, #tabs-2 li, #tabs-3 li, #tabs-4 li { font-size: 19px; line-height: 28px; } .locationContentWrapper { float: left; clear: both; margin-top: 2px; } .phoneContentWrapper { float: left; clear: both; margin: 3px 0 15px 0; } .phoneTypeBox { float: left; width: 55px; clear: both; border: solid 1px #fff; } .phoneNumberBox { float: left; width: 200px; margin-left: 2px; border: solid 1px #fff; } /* checkbox */ #checkmark { margin-top: 0; padding-top: 0; } #checkmark li { background:url("/resources/images/global/icons/checkmark.png") no-repeat 0 50%; padding-left: 30px; padding-top: 5px; } #checkmark li { list-style-type: none; } /*this is where jQuery appends the instagram json response*/ #instagram { float: left; padding: 0; width: 277px; margin-top: 6px; } /*around each image*/ .instagram-wrap { float: left; position: relative; background: white; padding: 5px; margin: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .instagram-wrap .likes { height: 16px; position: absolute; left: 10px; top: 10px; padding: 0 5px 0 22px; line-height: 16px; border: 1px solid #ddd; background: white url('/resources/community/images/instagram_fav.png') no-repeat 2px 0; opacity: 0.6; } /*does what it says*/ .clearfix { clear:both; } /*wrapper for more pics*/ #showMore{ background: #202628; margin: 20px 15px 28px; text-align: center; display: none; } /*button for more pics if available*/ #more { padding: 10px; margin: 20px; color: #CCC; font-size: 20px; line-height: 22px; display: block; font-family: "brandon_bold",Arial,Helvetica,sans-serif; } /* MEDIA QUERIES */ /* default */ #post-title { font-size: 4.5em; padding-bottom: 0.4%; } #articleContent { font-size: 1.40em; line-height: 1.44em } #ContentWrapper { width: 1280px; padding: 0; height: auto; } #recentCategoryPosts { width: 1260px; margin: 15px auto; font-size: 17px } .excerptAuthor { font-size: 16px; margin-top: 6px; font-weight: normal; } .homeBannerBigText { font-size: 30px; } .homeBannerBigLongerText { font-size: 28px; } .homeBannerSmallText { font-size: 15px; } #homeBannerRight a { font-size: 13.5px; } #homeBannerLeftWrapper { width: 63%; } #homeBannerRightWrapper { width: 35.3%; } @media screen and (max-width: 1460px ) { #homeBannerLeftWrapper { width: 60%; } #homeBannerRightWrapper { width: 37.3%; } } @media screen and (max-width: 1360px ) { #post-title { font-size: 4.4em ; padding-bottom: 0.5%; } #articleContent { font-size: 1.38em; line-height: 1.40em } #ContentWrapper { width: 100%; padding: 0 5%; } #rightColumn { } #recentCategoryPosts { width: 100%; padding: 0 5%; font-size: 17.5px; #recentCategoryPosts .snippetImage { height: 160px; } #CategoryNameHeader { font-size: 2.25em } .excerptAuthor { font-size: 17px; margin-top: 6px; font-weight: normal; } .homeFeatureFeatureBox { height: 200px; } .featuredVideoThumbnail { height: 144px; } .homeBannerBigText { font-size: 28px; } .homeBannerBigLongerText { font-size: 26px; } .homeBannerSmallText { font-size: 14px; } #homeBannerRight a { font-size: 13.5px; } #homeBannerLeftWrapper { width: 61%; } #homeBannerRightWrapper { width: 37.3%; } } @media screen and (max-width: 1230px ) { #post-title { font-size: 4.33em ;padding-bottom: 0.7%; } #articleContent { font-size: 1.36em; line-height: 1.40em ; } #ContentWrapper { width: 100%; padding: 0 5%;} #rightColumn { } #recentCategoryPosts { width: 100%; padding: 0 5%; font-size: 16.5px; } #recentCategoryPosts .snippetImage { height: 150px; } #CategoryNameHeader { font-size: 2.0em } .exceprtContent h3 { font-size: 21.5px; float: left; width: 100%; margin: 0 0 8px 0 ; padding: 0; } .exceprtContent p { font-size: 15px; margin: 0; padding: 0; } .excerptAuthor { font-size: 16px; margin-top: 6px; font-weight: normal; } .homeFeatureFeatureBox { height: 200px; } .featuredVideoThumbnail { height: 135px; } .homeBannerBigText { font-size: 27px; } .homeBannerBigLongerText { font-size: 25px; } .homeBannerSmallText { font-size: 13.5px; } #homeBannerRight a { font-size: 13px; } #homeBannerLeftWrapper { width: 58%; } #homeBannerRightWrapper { width: 40.3%; } #tabs-1 p, #tabs-2 p, #tabs-3 p, #tabs-4 p, #tabs-1 li, #tabs-2 li, #tabs-3 li, #tabs-4 li { font-size: 110%; line-height: 128%; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .78em 0.9em; } #tabs ul li { font-size: 17px; } } @media screen and (max-width: 1120px ) { #post-title { font-size: 4.10em; padding-bottom: 0.6%; } #articleContent { font-size: 1.34em; line-height: 1.38em } #ContentWrapper { width: 100%; padding: 0 3%; } #recentCategoryPosts { width: 100%; padding: 0 3%; font-size: 16.0px; } #rightColumn { } #recentCategoryPosts .snippetImage { height: 145px; } #CategoryNameHeader { font-size: 1.9em } .exceprtContent h3 { font-size: 21px; float: left; width: 100%; margin: 0 0 8px 0 ; padding: 0; } .exceprtContent p { font-size: 14.5px; margin: 0; padding: 0; } .excerptAuthor { font-size: 15px; margin-top: 6px; font-weight: normal; } .homeFeatureFeatureBox { height: 188px; } .featuredVideoThumbnail { height: 128px; } .homeBannerBigText { font-size: 26.5px; } .homeBannerBigLongerText { font-size: 24.5px; } .homeBannerSmallText { font-size: 13px; } #homeBannerRight a { font-size: 12.5px; } #homeBannerLeftWrapper { width: 57.0%; } #homeBannerRightWrapper { width: 41.3%; } #tabs-1 p, #tabs-2 p, #tabs-3 p, #tabs-4 p, #tabs-1 li, #tabs-2 li, #tabs-3 li, #tabs-4 li { font-size: 108%; line-height: 128%; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .70em 0.8em; } #tabs ul li { font-size: 16px; } } @media screen and (max-width: 1040px ) { #post-title { font-size: 4.10em; padding-bottom: 0.6%; } #articleContent { font-size: 1.32em; line-height: 1.36em } #ContentWrapper { width: 100%; padding: 0 2%; } #recentCategoryPosts { width: 100%; padding: 0 2%; font-size: 15.6px; } #rightColumn { } #recentCategoryPosts .snippetImage { height: 140px; } #CategoryNameHeader { font-size: 1.85em } .exceprtContent h3 { font-size: 20px; float: left; width: 100%; margin: 0 0 8px 0 ; padding: 0; } .exceprtContent p { font-size: 14px; margin: 0; padding: 0; } .excerptAuthor { font-size: 14px; margin-top: 5px; font-weight: bold; } .homeFeatureFeatureBox { height: 185px; } .featuredVideoThumbnail { height: 125px; } .homeBannerBigText { font-size: 26px; } .homeBannerBigLongerText { font-size: 24px; } .homeBannerSmallText { font-size: 12.5px; } #homeBannerRight a { font-size: 12px; } #homeBannerLeftWrapper { width: 57%; } #homeBannerRightWrapper { width: 39.3%; } #tabs-1, #tabs-2, #tabs-3, #tabs-4 { float: left; width: 100%; font-size: 15px; } #tabs-1 p, #tabs-2 p, #tabs-3 p, #tabs-4 p, #tabs-1 li, #tabs-2 li, #tabs-3 li, #tabs-4 li { font-size: 95%; line-height: 120%; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .60em 0.7em; } #tabs ul li { font-size: 15px; } } @media screen and (max-width: 1000px ) { #post-title { font-size: 4.10em; padding-bottom: 0.5%; } #articleContent { font-size: 1.28em; line-height: 1.32em } #ContentWrapper { width: 100%; padding: 0 5px; } #recentCategoryPosts { width: 100%; padding: 0 5px; font-size: 14.3px; } #rightColumn { } #recentCategoryPosts .snippetImage { height: 135px; } #CategoryNameHeader { font-size: 1.8em } .exceprtContent h3 { font-size: 19px; float: left; width: 100%; margin: 0 0 8px 0 ; padding: 0; } .exceprtContent p { font-size: 13.5px; margin: 0; padding: 0; } .excerptAuthor { font-size: 13.5px; margin-top: 5px; font-weight: bold; } .homeFeatureFeatureBox { height: 182px; } .featuredVideoThumbnail { height: 122px; } .homeBannerBigText { font-size: 25px; } .homeBannerBigLongerText { font-size: 23px; } .homeBannerSmallText { font-size: 12px; } #homeBannerRight a { font-size: 11.5px; } #homeBannerLeftWrapper { width: 57%; } #homeBannerRightWrapper { width: 41.3%; } } @media screen and (max-width: 980px ) { #post-title { font-size: 3.95em; padding-bottom: 0.4%; } #articleContent { font-size: 1.24em; line-height: 1.28em } #ContentWrapper { width: 980px; padding: 0; } #recentCategoryPosts { width: 980px; font-size: 13.8px; } #rightColumn { } #recentCategoryPosts .snippetImage { height: 130px; } #CategoryNameHeader { font-size: 1.7em } .exceprtContent h3 { font-size: 18.5px; float: left; width: 100%; margin: 0 0 8px 0 ; padding: 0; } .exceprtContent p { font-size: 13px; margin: 0; padding: 0; } .excerptAuthor { font-size: 13.5px; margin-top: 5px; font-weight: bold; } .homeFeatureFeatureBox { height: 180px; } .featuredVideoThumbnail { height: 120px; } #homeBannerLeftWrapper { width: 58%; } #homeBannerRightWrapper { width: 40.3%; } } } #popularWrapper { clear: both; width: 100%; float: left; margin-bottom: 18px; } #popularArticles { margin: 0 0 0 -3px; background-position: -485px -2001px; width: 307px; background-repeat: no-repeat; border: solid 1px transparent; padding: 0; float: left; overflow: hidden; font-family:"ProximaNovaCond-Extrabld", "NotoKufiArabic-Bold", "Helvetica Neue", "Helvetica", Roboto, Arial, sans-serif; } #popularArticles .snippet { width: 100%; margin: 0 auto; float: left; } #popularArticles { font-size: 15.5px; } #popularArticles .snippetHeader { margin: 0; } #popularArticles .snippet { margin: 12px 0 0 0; } #popularArticles a, #featuredArticles a:visited { decoration: none; color: #000; font-weight: bold; } #popularArticles .popularSnippetImage { overflow: hidden; margin-bottom: 4px; } .popularArticleImage { width: 128px; float: right; } .popularHeader { width: 162px; float: left; font-family: "ProximaNovaCond-bold","ProximaNovaCond-Extrabld","NotoKufiArabic-Bold","Helvetica Neue","Helvetica",Roboto,Arial,sans-serif; } .snippetPopular { margin-top: 12px; padding-bottom: 15px; overflow: hidden; border-bottom: solid 1px #e5e5e5; } .popular_title:after{content:'';border-bottom:3px solid #000000;position:absolute;top:50%;left:78px;margin-top:-1px;width:71%;z-index:1} .popular_title__text{background:#fff;color:#000;margin-left:2px;font-size:0.8125rem;letter-spacing:.1em;10px;"ProximaNovaCond-Extrabld","NotoKufiArabic-Bold","Helvetica Neue","Helvetica",Roboto,Arial,sans-serif; z-index:1; font-weight: bold; } .popular_title{font-size:0.875rem;margin-bottom:10px;letter-spacing:1.4px;color:#2e7061;position:relative} /* .catLinkBr { background: #F73FD9; color: #fff; font-weight: bold; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); } */ #categoryLinksHeader { font-family: 'Oswald', 'comic-sans', Impact, sans-serif; font-weight: 700; line-height: 40px; margin: 18px 0 12px 5px; font-size: 29px; color: #111; text-align: left; width: 292px; } #allCategoryLinks { width: 100%; float: left; } #allCategoryLinks ul { margin: 0 0 25px -10px; padding: 0; } #allCategoryLinks li { list-style: none; margin: 2px 10px; padding: 2px 0; } #allCategoryLinks a { display: block; width: 100%; padding: 11px 0; text-indent: 15px; margin: 2px 5px; border: solid 1px #ECEFF2; background: #FAFBFC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 20px; color: #022B85; } #allCategoryLinks a:hover { background: #F2F5F7; color: #002256; text-decoration: none; } #allCategoryLinks .catLinkBr a { background: #F73FD9; color: #fff; font-weight: normal; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); } .comBlueBtn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 15px 35px 15px 35px; text-decoration: none; } .comBlueBtn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .comSmallBlueBtn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; font-family: Arial; color: #ffffff; font-size: 16px; padding: 10px 22px 10px 22px; text-decoration: none; } .comSmallBlueBtn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .comBlueBtn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 15px 50px 15px 50px; text-decoration: none; clear: both; text-align: center; } .comBlueBtn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .comBlueBtnLeft { clear: both; float: left; margin-right: 25px; text-align: center; border-top: solid 30px#fff; border-bottom: solid 30px#fff; } .comBlueBtnLeft a, .comBlueBtnLeft a:visited { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 15px 50px 15px 50px; text-decoration: none; clear: both; text-align: center; } .comBlueBtnLeft a:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .comBlueBtnCtrFixed { clear: both; margin: 0 auto; text-align: center; border-top: solid 20px#fff; border-bottom: solid 20px#fff; } .comBlueBtnCtrFixed a, .comBlueBtnCtrFixed a:visited { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; font-family: Arial; font-weight: bold; color: #ffffff; font-size: 24px; padding: 18px 50px 18px 50px; text-decoration: none; width: 36%; clear: both; text-align: center; display: block; margin: 0 auto; } .comBlueBtnCtrFixed a:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .comBlueBtnCtrFixed { clear: both; margin: 0 auto; text-align: center; border-top: solid 20px#fff; border-bottom: solid 20px#fff; } .comBlueBtnCtrFixed a, .comBlueBtnCtrFixed a:visited { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; font-family: Arial; font-weight: bold; color: #ffffff; font-size: 24px; padding: 18px 50px 18px 50px; text-decoration: none; width: 36%; clear: both; text-align: center; display: block; margin: 0 auto; } .comBlueBtnCtrFixed a:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .comDkBlueBtnCtrFixed { clear: both; margin: 0 auto; text-align: center; border-top: solid 20px#fff; border-bottom: solid 20px#fff; } .comDkBlueBtnCtrFixed a, .comDkBlueBtnCtrFixed a:visited { background: #364858;; -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; font-family: Arial; font-weight: bold; color: #ffffff; font-size: 24px; padding: 18px 50px 18px 50px; text-decoration: none; width: 36%; clear: both; text-align: center; display: block; margin: 0 auto; } .comDkBlueBtnCtrFixed a:hover { background: #3f4c6b; /* Old browsers */ background: -moz-linear-gradient(top, #3f4c6b 0%, #2e364f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3f4c6b 0%,#2e364f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3f4c6b 0%,#2e364f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#2e364f',GradientType=0 ); /* IE6-9 */ text-decoration: none; } .comBlueBtnCenter { clear: both; margin: 0 auto; text-align: center; border-top: solid 30px#fff; border-bottom: solid 15px#fff; } .comBlueBtnCenter a, .comBlueBtnCenter a:visited { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 15px 50px 15px 50px; text-decoration: none; clear: both; text-align: center; } .comBlueBtnCenter a:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .articleResources { margin: 24px 0 29px 0; padding: 0; width: 99%; } .articleResources li { list-style: none; border-bottom: solid 1px #e3e3e3; padding: 12px 45px 12px 0; margin: 0; background-image: url('/resources/community/images/arrow.png'); background-repeat: no-repeat; background-position: right center; } .articleResources li:last-child { border: none; } .articleResources a, .articleResources a:visited { color: #004B85; font-size: 16.5px; font-weight: bold; text-decoration: none; display: block; } .articleResources a:hover { color: #3788B2; } .resourceLinks { font-family: "Roboto","Helvetica Neue","Helvetica",Roboto,Arial,sans-serif; margin-top: 25px; width: 90%; margin: 25px auto 25px auto; } .resourceNavigation a, .resourceNavigation a:visited { color: #043365; } .currentResource a, .currentResource a:visited, .currentResource a:hover { color: #00A3D9; } .currentResource li a, .currentResource li a:visited { color: #043365; } .resourceLinks a:hover { color: #00A3D9; text-decoration: none; } .resourceLinksHeader { font-size: 1.42em; font-weight: 900; padding: 12px 0 12px 0; border-bottom: solid 1px #d4d4d4; width: 89%; } .resourceLinksHeader ul { margin: 0; padding: 0; } ..resourceLinksHeader li { margin: 0; padding: 0; list-style: none; } .resourceLinksHeader .currentResource a, .resourceLinksHeader .currentResource a:visited { color: #00A3D9 } .resourceLinksHeader a, .resourceLinksHeader a:visited { color: #000 } .secondaryResourceHeader { font-size: 1.6em; font-weight: 100; padding: 24px 0 0 0; color: #AEA8B8; } .resourceLinks ul { margin: 11px 0 0 0; padding: 0; width: 98% } .resourceLinks li { font-size: 1.35em; list-style: none; padding: 9px 0 9px 0; margin: 0; font-weight: 700; } .resourceLinks li li { font-size: 88%; list-style: none; padding: 7px 0 9px 22px; margin: 0; font-weight: 700; } .categoryLinks { margin: 24px 0 29px 0; padding: 0; width: 52%; } .categoryLinks li { list-style: none; border-bottom: solid 1px #e3e3e3; padding: 12px 45px 12px 0; margin: 0; background-image: url('/resources/community/images/arrow.png'); background-repeat: no-repeat; background-position: right center; font-size: 24px; line-height: 50px; } #tabs-1 p, #tabs-2 p, #tabs-3 p, #tabs-4 p { font-size: 114%; line-height: 178%; } .categoryLinks li:last-child { border: none; } .categoryLinks a, .categoryLinks a:visited { color: #004B85; font-size: 16.5px; font-weight: bold; text-decoration: none; display: block; } .categoryLinks li a { font-size: 24px; line-height: 50px; } .categoryLinks a:hover { color: #3788B2; } /* header start */ html,body{height:100%} body{margin:0;background:#fff;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } #topNav { width: 976px; margin: 0 auto; font-family: "Roboto"; color: #3F405D; } .UpperNavlet { float: right; font-size: 14px; margin-top: 14px; line-height: 16px; width: 100%; } .UpperNavlet a, .UpperNavlet a:visited { color: #3F405D; text-decoration: none; } .UpperSpanish { float: right; } .UpperDivider { float: right; width: 1px; background: #d9d9d9; margin: 0 18px; height: 16px; } .UpperContact { float: right; } .UpperPhone { color: #333; font-weight: bold; margin: 0 10px 0 6px; float: right; } #mainLogo { overflow: hidden; text-indent: -1500px; width: 196px; height: 72px; background-image: url('/resources/images/meganav/shield-logo.png'); background-repeat: no-repeat; float: left; overflow: hiden; text-indent: -5000px; } #mainLogo a, #mainLogo a:active, #mainLogo a:hover { height: 52px; border: solid 1px #fff; background-color: red; } /* Menu Container */ .nav { display: inline-block; position: relative; cursor: default; z-index: 500; margin-top: -5px; } /* Menu List */ .nav > li { display: block; float: left; } /* Menu Links */ .nav > li > a { position: relative; display: block; z-index: 510; height: 34px; overflow: hidden; padding: 6px 16px 0 16px; line-height: 34px; margin-top: 18px; font-weight: 600; font-size: 18px; color: #3F405D; border: solid 1px transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; border-radius: 9px 9px 0 0; -moz-border-radius: 9px 9px 0 0; -webkit-border-radius: 9px 9px 0 0; border: solid 1px transparent; text-shadow: 0 0 1px rgba(0,0,0,.35); } .navLink a { } .navLink a:hover { } .nav > li:hover > a { height: 42px; border: solid 1px #DADBDC; color: #333; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100;Grey+Flat */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f8+0,dedede+100 */ background: #f7f7f8; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f8 0%, #dedede 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f7f7f8 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f7f7f8 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */ } .nav > li:first-child > a { border-radius: 3px 0 0 3px; border-left: none; } /* Search Form */ .nav > li.nav-search > form { position: relative; width: inherit; height: 30px; z-index: 510; border: solid 1px #BBBBBB; margin-top: 24px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; background: #fff; margin-left: 6px; overflow: hidden; } .nav > li.nav-search input[type="text"] { display: block; float: left; width: 129px; padding: 0 0 0 15px; line-height: 27px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #999999; background: transparent; line-height: 32px; height: 32px; } .nav > li.nav-search input[type="text"]:focus { color: #666; } .nav > li.nav-search input[type="text"]:focus { } .nav > li.nav-search input[type="submit"] { display: block; float: left; width: 18px; height: 29px; padding: 0 18px; cursor: pointer; background: transparent url(/resources/images/meganav/search-icon.png) no-repeat center center; } .nav > li.nav-search input[type="submit"]:hover { background-color: #4b4441; } /* Menu Dropdown */ .nav > li > div { position: absolute; display: block; width: 100%; top: 60px; left: 0; padding: 8px 0 19px 24px; opacity: 0; visibility: hidden; overflow: hidden; border: solid 1px #DADBDC; height:auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,fefefe+100 */ background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eeeeee 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eeeeee 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; } .nav > li:hover > div { opacity: 1; visibility: visible; overflow: visible; } /* Menu Content Styles */ .nav .nav-column { float: left; width: 16%; margin-right: 29px; } .nav .ad-column { float: left; width: 18%; padding: 0 24px 24px 25px; border-left: solid 1px #c2c2c2; margin-top: 14px; height: 100%; width: 172px border: solid 1px red; } .megaAd { width: 172px; height: 98px; background: #333; border: solid 1px red; } .nav .ad-column p { margin: 10px 0 16px 0; font-size: 13px; color: #252525; line-height: 20px; width: 172px; } .actionButton { width: 172px; } .ad-column .actionButton a, .ad-column .actionButton a:visited { background: #00A8E6; font-weight: 400; color: #fff; font-size: 14px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; padding: 9px 24px; clear: both; } .nav .nav-column h3 { margin: 20px 0 4px 0; line-height: 18px; padding: 0 0 4px 0; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 15px; color: #ff722b; border-bottom: solid 1px #ccc; } .nav .nav-column li a { display: block; line-height: 27px; font-weight: 400; font-size: 14px; color: #3F405D } .nav .nav-column li a:hover { color: #222; } @media screen and (min-width: 1460px ) { #topNav { width: 1286px; margin: 0 auto; font-family: "Roboto"; color: #3F405D; } .nav > li.nav-search input[type="text"] { width: 194px; } #mainLogo { margin-right: 140px; } .nav > li > a { padding: 6px 24px 0 24px; margin-top: 18px; font-size: 20px; } .nav .nav-column { float: left; width: 16%; margin: 0 38px 0 8px; } .nav .ad-column { float: left; width: 18%; padding: 0 42px 24px 25px; margin-left: 41px; } .nav .nav-column h3 { font-size: 16px; } } /* header end */