/* Revised 10.10.2016 Devi */
/*
___ ___ ___ _____ _ _
| \/ | / _ \|_ _|| \ | |
| . . |/ /_\ \ | | | \| |
| |\/| || _ | | | | . ` |
| | | || | | |_| |_ | |\ |
\_| |_/\_| |_/\___/ \_| \_/
Table of Content
----------------------------
TIP: do a search/find content title for quick jump
# Import CSS
# Reset & Basics
# Basic Formatting
# Typography
# Links
# Alignment
# Images & Colour
# Selective Display (for responsive)
# Tables
# Forms
# Header
# Header: Login, Search & Chat
# Main-Nav Menu & Other Nav
# Body Content Structure
# Body Content Lists
# Body Content Elements (lp-box, breadcrumb etc.)
# Footer
Specialty Sections
------------------
# Specialty Dropdown UL
# Nivo Slider & AppleMenu
# Resources Dropdown UL (QuickLinks)
# Resources Non-Member Dropdown UL
# Social Media Icons
# Advertisements (side & bottom)
# Ad Module Styles
# Notice Block, Status, Alerts
# News & Publications
# Blog
# Volunteers
# Events & Conferences
# Featured CE
# Archives
# Pager
# Multimedia Video
# Icon Usage
# CSS Buttons
# CSS Gradients
# Specialty (fancybox, nivo, quotes etc.)
# Tooltips
# Original L2 Box Widgets w/Backgrounds
# SideBar - In This Section Menu
# APPS
*/
/* ----------------------------------------------
IMPORTS
---------------------------------------------- */
/* Smartphone responsive */
@import url("smartphone.css");
/* Frutiger Web Font Substitute */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700,800");
/* JS media box */
@import url("colorbox.css");
/* Forms, Input Fields, Buttons */
@import url("forms-2.css");
/* FontAwesome //netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css */
/* ----------------------------------------------
MAIN - Reset & Basics (Inspired by E. Meyers)
---------------------------------------------- */
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;
vertical-align: baseline;
}
html {
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
margin: 0 0 0 2%;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body.sfreContentArea, iframe html {
background-color: #FFFFFF;
min-height: 170px;
}
/* END MAIN - Reset & Basics (Inspired by E. Meyers) */
/* ----------------------------------------------
MAIN - Basic Formatting
---------------------------------------------- */
html {
background-color: #FFFFFF;
/* origin #999b9e */
}
body {
width: 100%;
max-width: 100%;
}
/* page wrappers */
form#form1 {
margin: 0;
padding: 0;
overflow: hidden;
}
.parent-container {
width: 100%;
max-width: 100%;
min-width: 300px;
}
/* Date functions */
.timer {
display: none;
}
/* Remove after activate reset.css on ASRT */
/* Responsive Media */
img, object, embed, video {
max-width: 100%;
height: auto;
}
.section,
section {
margin: 0 0 2em 0!important;
}
/* END MAIN - Basic Formatting */
/* ----------------------------------------------
MAIN - Typography
---------------------------------------------- */
body,
html,
p,
td,
li {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 0.91em;
line-height: 1.5;
color: #363636;
}
/* headings */
h1, h2, h3, h4, h5, h6, td.h1, td.h2, td.h3, td.h4, td.h5, td.h6 {
margin: 0 0 0 0;
}
/* headings with links */
h1 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, td.h1 a, td.h3 a, td.h4 a, td.h5 a, td.h6 a, td.h1 a:visited, td.h3 a:visited, td.h4 a:visited, td.h5 a:visited, td.h6 a:visited {
color: #003876;
text-decoration: none;
display: inline-block;
}
h2 a,
h2 a:visited,
td.h2 a,
td.h2 a:visited {
color: #008AB0;
background: transparent url(../png/header-arrow.png) right center no-repeat;
padding-right: 18px;
vertical-align: middle;
}
h1, td.h1 {
font-size: 150%;
font-family: Georgia, 'Times New Roman', Serif;
font-weight: bold;
color: #003876;
}
h2, td.h2 {
font-size: 130%;
font-family: Georgia, 'Times New Roman', Serif;
font-weight: normal;
color: #003876;
}
h3 {
font-size: 100%;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
color: #363636;
}
h4 {
font-size: 90%;
font-family: 'Open Sans', Arial, sans-serif;
color: #363636;
}
h5 {
font-size: 90%;
font-family: 'Open Sans', Arial, sans-serif;
}
p, td.p {
margin: 0.5em 0 1em 0; /* space between paragraphs */
}
p img {
margin: 0;
}
p.lead {
/* font-size: 21px; */
color: #777;
}
p.intro {
font-size: 1.1em;
font-weight: 600;
}
em {
font-style: italic;
}
.emphasis {
color: #990000;
}
strong {
font-weight: bold;
}
.small {
font-size: 80%;
}
/* horizontal line */
hr {
clear: both;
height: 0;
font-size: 1px;
line-height: 0;
overflow: visible;
display: block;
position: relative;
padding: 0;
margin: 8px auto;
width: 100%;
border: none;
border-top: 1px solid #AAA;
border-bottom: 1px solid #FFF;
}
/* horizontal line faded */
hr.hrfaded {
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 1.4em 0;
border: none;
background: #ddd;
background-image: -webkit-gradient(
linear,
left bottom,
right bottom,
color-stop(0, rgb(255,255,255)),
color-stop(0.1, rgb(221,221,221)),
color-stop(0.9, rgb(221,221,221)),
color-stop(1, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
left center,
rgb(255,255,255) 0%,
rgb(221,221,221) 10%,
rgb(221,221,221) 90%,
rgb(255,255,255) 100%
);
}
.textPromo {
font-size: 14px;
color: #003876;
line-height: 18px;
}
/* Freestyle Text Size Adjustments */
.text_50percent {
font-size: 50%;
}
.text_60percent {
font-size: 60%;
}
.text_70percent {
font-size: 70%;
}
.text_80percent {
font-size: 80%;
}
.text_90percent {
font-size: 90%;
}
.text_110percent {
font-size: 110%;
}
.text_120percent {
font-size: 120%;
}
.text_130percent {
font-size: 130%;
}
.text_140percent {
font-size: 140%;
}
.text_150percent {
font-size: 150%;
}
.text_160percent {
font-size: 160%;
}
.text_170percent {
font-size: 170%;
}
.text_180percent {
font-size: 180%;
}
.text_190percent {
font-size: 190%;
}
.text_200percent {
font-size: 200%;
}
.text_225percent {
font-size: 225%;
}
.text_250percent {
font-size: 250%;
}
.text_300percent {
font-size: 300%;
}
.text_350percent {
font-size: 350%;
}
.text_large,
.textLg {
font-size: 1em;
padding: 1em;
}
.text2x {
font-size: 2em;
padding: 1em;
}
.text3x {
font-size: 3em;
padding: 1em;
}
.text4x {
font-size: 4em;
padding: 1em;
}
/* END MAIN - Typography */
/* ----------------------------------------------
MAIN - Links
---------------------------------------------- */
a, a:visited {
color: #008AB0; /* dark teal */
outline: 0;
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
-transition: color 0.1s ease-in-out;
text-decoration: none;
}
a:hover, a:focus { }
a:hover {
color: #B0C03B; /* green */
text-decoration: none;
}
p a, p a:visited {
line-height: inherit;
}
/* link with green arrow */
a.linkFloat {
font-size: 18px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: bold;
letter-spacing: 80%;
text-decoration: none;
border-left: dotted 1px #B0C03B;
padding: 0 18px 0 5px;
margin-left: 15px;
font-variant: small-caps;
width: 150px;
float: right;
background: transparent url(../png/header-arrow.png) bottom right no-repeat;
}
a.linkFloat:hover {
color: #b0c03b;
text-decoration: underline;
border-left: dotted 1px #B0C03B;
}
div.sideFloat {
border-left: dotted 2px #B0C03B;
padding: 0 18px 0 5px;
color: #003477;
font-size: 90%;
}
div.sideFloat h2, div.sideFloat h3, div.sideFloat h1 {
font-size: 18px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: bold;
letter-spacing: 80%;
text-decoration: none;
font-variant: small-caps;
}
/* END MAIN - Links */
/* ----------------------------------------------
MAIN - Alignment
---------------------------------------------- */
.clear_both,
.clear {
clear: both;
margin: 0;
padding: 0;
}
/* horizontal center */
.center {
text-align: center;
margin: 0 auto;
}
/* stop text from wrapping around an image */
.nowrap p,
.nowrap h1,
.nowrap h2,
.nowrap h3 {
overflow: hidden
}
/* float to the left with right/bottom margins */
.float_left,
.floatLeft {
float: left;
margin: 0 2% 2% 0;
}
/* float to the right with left/bottom margins */
.float_right,
.floatRight {
float: right;
margin: 0 0 2% 2%;
}
/* float center (desktop) to left (smartphone) no change in scale */
.float_center2left_d2m {
text-align:center;
margin:0 auto;
float: none;
}
/* float left (desktop) to right (smartphone) no change in scale */
.float_left2right_d2m,
.float_L2R_D2M {
float: left;
width: inherit;
margin: 0 4% 2% 0;
}
/* float right (desktop) to left (smartphone) no change in scale */
/* combine with width % */
.float_right2left_d2m,
.float_R2L_D2M {
float: right;
width: inherit;
margin: 0 0 2% 2%;
}
/* Float DIV Left (desktop) then stack mobile view */
.float_left2none_d2m,
.float_L2Stack_D2M {
float: left;
width: inherit;
margin: 0 2% 2% 0;
}
/* DIV/Column Widths - Combine width classes to equal 100% */
.width25 { /* combine use with class "width75" */
width: 25%;
margin: 0;
padding: 0;
}
.width40 { /* combine use with class "width60" */
width: 39%;
margin: 0;
padding: 0;
}
.width50 { /* combine use with itself */
width: 49%;
margin: 0;
padding: 0;
}
.width60 { /* combine use with class "width40" */
width: 55%;
margin: 0;
padding: 0;
}
.width75 { /* combine use with class "width25" */
width: 75%;
margin: 0;
padding: 0;
}
/* additional margin at top & bottom */
.ContentBlock {
margin: 1em 0 2em 0;
}
.extrabottompadding{
padding-bottom: 5%;
}
.spacer {
height: 2em;
}
/* END MAIN - Alignment */
/* ----------------------------------------------
MAIN - Images & Colour
---------------------------------------------- */
.logoBlue {
color: #004890;
}
.logoGrey {
color: #999A9E;
}
.darkGrey {
color: #363636;
}
.lightGrey {
color: #F0F3F8;
}
.darkBlue {
color: #003876; /* seen in main-nav */
}
.darkTeal {
color: #008AB0; /* seen in headings */
}
.teal {
color: #60B6CF;
}
.orange {
color: #F88F18;
}
.green {
color: #B0C03B;
}
.red {
color: #d15e5e;
}
.logoBlueBG {
background-color: #004890;
}
.logoGreyBG {
background-color: #999A9E;
}
.darkGreyBG {
background-color: #363636;
}
.lightGreyBG {
background-color: #F0F3F8;
}
.darkBlueBG {
background-color: #003876;
}
.darkTealBG {
background-color: #008AB0;
}
.tealBG {
background-color: #60B6CF;
}
.orangeBG {
background-color: #F88F18;
}
.greenBG {
background-color: #B0C03B;
}
.redBG {
background-color: #d15e5e;
}
.lightTealBG {
background-color: rgba(88,182,205,0.1); /* same as table banded rows */
}
/* adds blue border to images - use class "keyline" */
.content-area img.keyline,
.content-area img.imageContent {
border: 1px solid #0197b8;
}
/* REVIEW FOR OMITION
img.imageContent {
float: left;
border: 2px solid #0197b8;
margin: 0 15px 15px 0;
} */
/* Scale image full width to it's parent container (content block) */
img.fullWidth {
width: 99%;
height: auto;
padding: 0 0 1em 0;
border: 0 none;
}
/* float image left (desktop) to right (smartphone) with 34% scale
Ideal for images 222px wide */
img.float_left2right_d2m_222px,
img.img_floatL2R_D2M_222,
img.img_floatL2R_D2M_34 {
width: 34%;
height: auto;
float: left;
margin: 0 4% 2% 0;
}
/* float image left (desktop) to vertical stack (smartphone)
Ideal for Publication images 120px wide */
img.img_floatL2stack_D2M_pub,
img.img_floatL2R_D2M_120 {
float: left;
width: 19.25%;
margin: 0 4% 6% 0;
}
/* float image left (desktop) to right (smartphone) with 34% scale
Ideal for Publication images 123px wide */
img.img_floatL2R_D2M_123,
img.img_floatL2R_D2M_18 {
width: 18%;
height: auto;
float: left;
margin: 0 4% 2% 0;
}
/* Float image 200px wide left (desktop) & Stack on mobile view
Good for Video Thumbnails */
img.img_floatL2stack_D2M_200 {
float: left;
width: 200px;
min-width: 200px;
height: auto;
margin: 0 2% 6% 0;
}
/* Float image 110px wide left (desktop) & Stack on mobile view
Good for Board of Directors */
img.img_floatL2stack_D2M_110 {
float: left;
width: 110px;
min-width: 110px;
height: auto;
margin: 0 2% 6% 0;
}
/* Gallery Thumbnails UL */
ul.sfimagesTmbList {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
ul.sfimagesTmbList li.sfimagesTmb {
/*display: table;*/ display: inline-block;
/*vertical-align: center;*/
float: left;
list-style: none;
padding: 0;
/* margin: 10px; */ margin: 1em 2em 2em 0;
/* height: 160px; */
/* width: 140px; */ width: 150px;
min-height: 175px;
/* background: #f0f3f8;
*background: #ffffff; */
}
ul.sfimagesTmbList li.sfimagesTmb a {
text-align: left;
display: block;
vertical-align: top;
padding: 0;
}
ul.sfimagesTmbList li.sfimagesTmb a img {
vertical-align: middle;
padding: 0px;
margin: 0px;
border: thin solid #CCC;
width: auto;
max-height: 175px;
}
ul.sfimagesTmbList li.sfimagesTmb div {
display: table-row;
vertical-align: middle;
}
ul.sfimagesTmbList li.sfimagesTmb .sfTxtContent {
text-align: left;
clear: both;
width: 100%;
/* display: table-row; */
color: #363636;
}
/* the imageNews classes here attempt to scale contained images to
a specific width in case the user has inserted an image that is too large */
div.imageNews {
float: right;
margin: 0 0 15px 15px;
font-size: 9px;
width: 200px;
}
.imageNews img {
border: 2px solid #0197b8;
max-width: 100%;
width: auto;
height: auto;
}
/* L2 promo images in right side */
.content-area-right .sfContentBlock img.test {
width: 100%;
}
.ImgCaption {
padding:0.95em;
margin: 0.25em 0;
border: 0;
text-align: center;
}
.ImgCaption p {
float: left;
text-align: center;
color: #999;
font-size: 0.8em;
font-style: italic;
}
/* CSS-Only Lightbox Overlay */
.lightbox {
display: none; /* default lightbox to be hidden */
position: fixed; /* position and style */
z-index: 10000; /* so it will overlap the main nav */
width: 100%;
height: 100%;
text-align: center;
top: 0;
left: 0;
background: rgba(0,0,0,0.8); /* overlay colour & transparency */
}
.lightbox img { /* padding around the lightbox image */
max-width: 90%;
max-height: 80%;
margin-top: 2%;
-webkit-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.75);
}
.lightbox:target {
outline: none; /* remove default browser outline */
display: block; /* unhide lightbox **/
}
.lightbox p {
color: #DEDEDE; /* text colour in lightbox */
max-width: 60%;
margin: 2em auto;
text-align: center;
font-size: medium;
}
.border_right {
border-right: thin solid #CCC;
}
/* END MAIN - Images & Colour */
/* ----------------------------------------------
MAIN - Selective Display
---------------------------------------------- */
/* To hide any element at all times */
.hidden {
display: none;
}
/* hide element on desktop view only */
.hide_desktop,
.DesktopHide {
display: none;
}
/* to hide element for mobile view only use class "hide_mobile" */
/* CSS Toggle Reveal */
label {
cursor: pointer;
}
#reveal-label {
display: none; /* hide the checkbox */
}
#reveal {
display: none;
}
#reveal-label:checked + #reveal {
display: block;
}
/* END MAIN - Selective Display */
/* ----------------------------------------------
MAIN - Tables
---------------------------------------------- */
/* Standard Responsive Table
banded rows
====================================*/
table caption {
text-align: left;
padding: 0.8em;
font-size: 0.8em;
}
table.StandardResponsive {
width: 100%;
}
table.StandardResponsive tr.trSubHead {
background-color: rgba(255,255,255,1.0);
/* font-size: 0.9em; */
font-weight: 700;
}
/* table header */
table.StandardResponsive th {
background-color:rgba(88,182,205,0.26);
color:#363636;
/* font-size: 0.9em; */
font-weight:700;
padding: 2%;
text-align:left;
}
table.StandardResponsive td {
padding: 2%;
/* font-size: 0.9em;
line-height: 1.4; */
text-align: left;
border: 1px solid white;
}
table.StandardResponsive tr:nth-of-type(even) {
background-color: rgba(88,182,205,0.1);
}
table.StandardResponsive tr:nth-of-type(odd) {
background-color: rgba(88,182,205,0.04);
}
table.StandardResponsive th,
table.StandardResponsive tr:last-child {
border-bottom: thin solid #666;
border-left: 1px solid white;
}
/* on hover of table row subtle opacity change */
table.StandardResponsive tr:hover {
opacity: 0.9;
}
/* make row grey - used for Featured CE Series */
tr.tr_series {
background-color: rgba(200,200,200,0.3)!important;
}
@media screen and (min-device-pixel-ratio: 1),screen and (max-width: 767px) {
/* hide table heading */
table.StandardResponsive th {
display:none;
}
/* show table heading in mobile view */
table th.show,
table th.showTHead {
display:block!important;
}
table.StandardResponsive,
table.StandardResponsive td,
table.StandardResponsive tr {
width: 96% !important;
padding: 2%;
display: inline-block;
border: 0 none;
}
/* headings for mobile view */
table.StandardResponsive td[data-title]:before {
content:attr(data-title) ": ";
font-weight:700;
font-size: 0.9em;
padding: 0 2% 0 0;
}
} /* END query */
/* Minimal Responsive Table
white rows, bottom border, grey TH
====================================*/
table.MinimalResponsive {
width:100%;
}
/* table header */
table.MinimalResponsive th {
background-color:rgba(255,255,255,0.0);
color:#999;
/* font-size: 0.9em; */
font-weight:400;
padding: 0.8em;
text-align:left;
text-transform: uppercase;
}
table.MinimalResponsive td {
padding: 0.5em;
/* font-size: 0.9em;
line-height: 1.4; */
text-align:left;
border-bottom: thin solid #DEDEDE;
}
table.MinimalResponsive th,
table.MinimalResponsive tr:last-child {
border-bottom:thin solid #999;
}
/*table.MinimalResponsive tr:hover {
background:#DEDEDE;
}*/
@media screen and (min-device-pixel-ratio: 1),screen and (max-width: 767px) {
/* hide table heading */
table.MinimalResponsive th {
display:none;
}
table.MinimalResponsive,
table.MinimalResponsive td,
table.MinimalResponsive tr {
width: 96% !important;
padding: 2%;
}
/* headings for mobile view */
table.MinimalResponsive td[data-title]:before {
content:attr(data-title) ": ";
font-weight:700;
font-size: 0.9em;
padding: 0 0.5em 0 0;
}
/* to display thead in tables */
table.MinimalResponsive th.show_mobile {
display:table-cell!important;
}
/*table.MinimalResponsive td:last-child {
border-bottom:thin solid #DEDEDE;
}*/
} /* END query */
/* Calendar Responsive */
table.CalendarResponsive {
width: 100%;
display: table;
}
table.CalendarResponsive tr.trSubHead {
background-color: rgba(255,255,255,1.0);
font-size: 0.9em;
font-weight: 700;
}
/* table header */
table.CalendarResponsive th {
background-color:rgba(88,182,205,0.26);
color:#363636;
font-size: 0.9em;
font-weight:700;
padding: 2%;
text-align:left;
border-left: thin solid white;
}
table.CalendarResponsive td {
padding: 2%;
font-size: 0.9em;
line-height: 1.4;
text-align: left;
border-left: thin solid white;
background-color: #FCFCFC;
-webkit-transition: background .5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background .5s ease;
transition: background .5s ease;
}
table.CalendarResponsive th,
table.CalendarResponsive tr:last-child {
border-bottom: thin solid #666;
}
table.CalendarResponsive td:hover {
background: #DEDEDE;
}
@media screen and (min-device-pixel-ratio: 1),screen and (max-width: 767px) {
/* hide table heading */
table.CalendarResponsive th {
display:none;
}
table.CalendarResponsive tr {
padding: 0 !important;
}
table.CalendarResponsive td,
table.CalendarResponsive tr {
width: 96% !important;
padding: 2%;
display: block;
}
/* headings for mobile view */
table.CalendarResponsive td[data-title]:before {
content:attr(data-title) " ";
font-weight:700;
font-size: 0.9em;
padding: 0 1% 0 0;
}
} /* END query */
/* REVIEW FOR OMITION */
.col1, .col3, .col5, .col7, .col9 {
background-color: #E7F1F4;
padding: 0 10px;
}
.col2, .col4, .col6, .col8, .col10 {
background-color: #FFFFFF;
padding: 0 10px;
}
/* REVIEW FOR OMITION */
.tableFeature {
text-align: left;
margin: 8px 0 0 0;
padding: 0;
}
.tableFeature th {
background: #f6f6f6 url(../jpg/tableheader.jpg) bottom left repeat-x;
border-right: 1px #FFF solid;
height: 20px;
text-align: left;
padding: 5px;
}
.tableFeature td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
text-align: left;
padding: 5px;
}
.tableFeature h2, .tableFeature h3, .tableFeature h4, .tableFeature h5, .tableFeature p {
margin-top: 0;
padding-top: 0;
text-align: left;
}
.tableFeature.compress td, .tableFeature.compress td * {
/* font-size: 9px;
line-height: 11px; */
}
.tableFeature.compress th, .tableFeature.compress th * {
/* font-size: 10px;
line-height: 11px; */
}
/* REVIEW FOR OMITION */
.tableData {
text-align: left;
margin: 8px 0 0 0;
padding: 0;
border-collapse: collapse;
}
.tableData th {
background: #f6f6f6 url(../jpg/tableheader.jpg) bottom left repeat-x;
border-right: 1px #FFF solid;
border-left: 1px solid #FFF;
height: 20px;
text-align: left;
padding: 5px;
}
.tableData td {
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: left;
padding: 5px;
}
.tableData h2, .tableFeature h3, .tableFeature h4, .tableFeature h5, .tableFeature p {
margin-top: 0;
padding-top: 0;
text-align: left;
}
/* REVIEW FOR OMITION */
.tableClean {
text-align: left;
margin: 8px 0 0 0;
padding: 0;
}
.tableClean td, th {
text-align: left;
padding: 5px;
}
.tableClean h2, .tableClean h3, .tableClean h4, .tableClean h5, .tableClean p {
margin-top: 0;
padding-top: 0;
text-align: left;
}
/* REVIEW FOR OMITION */
.featureLayout, .featureLayout td {
border-collapse: collapse;
}
.featureLayout td.featureDesc {
padding: 10px 5px 10px 10px;
background: url(../jpg/featureside.jpg) top left repeat-y #FFF;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
vertical-align: top !important;
}
.featureLayout td.featureImage {
padding: 10px 5px 10px 10px;
background: #f0f3f8;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
vertical-align: top !important;
}
.featureLayout td.featureImage img {
border: 2px solid #0197b8;
}
.featureLayout .featureDate, .featureLayout h3 {
color: #003876;
/* font-size: 12px;
font-weight: bold; */
margin-top: 0;
}
.featureLayout h2 {
/* font-size: 18px;
font-family: 'Open Sans', Arial, sans-serif; */
}
.caption {
font-size: 9px;
}
/* REVIEW FOR OMITION Responsive Table */
.responsive_table {
width: 100%;
border-collapse: collapse;
}
.responsive_table tr:nth-of-type(even) {
background: #E7F1F4;
}
/* Responsive Table: First row should be a | */
.responsive_table th {
border-right: 1px #FFF solid;
text-align: left;
padding: 1%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.responsive_table td, th {
padding: 1%;
text-align: left;
}
/* Responsive Table:Place class for each | as "cell" */
.responsive_table .cell {
text-align: left;
margin: 0;
padding: 1%;
border-bottom: 1px solid #ccc;
}
/* Responsive Table: Place class ONLY for last | of each row "lastcell" */
.responsive_table .lastcell {
text-align: left;
margin: 0;
padding: 1%;
border-bottom: none;
}
/* Made for Jason. A simple table with gradient & bottom border */
.simplyGradientTable {
width: 96%;
margin: 2% auto;
border-collapse: collapse;
}
.simplyGradientTable tr {
border-bottom: 1px solid #ccc;
padding-bottom: 2%;
background: #f0f3f8; /* Old browsers */
background: -moz-linear-gradient(left, #f0f3f8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f3f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f0f3f8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f0f3f8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f0f3f8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #f0f3f8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f3f8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.simplyGradientTable td {
padding: 2%;
}
/* Responsive Table Plain */
.plainResponsiveTable {
width: 100%;
border-collapse: collapse;
border: thin solid #DEDEDE;
font-size: 80%;
}
/* Responsive Table: First row should be a | */
.plainResponsiveTable th {
border-right: 2px #FFF solid;
text-align: left;
padding: 0.5em;
background-color: #DEDEDE;
}
.plainResponsiveTable td, th {
padding: 1%;
text-align: left;
}
/* Responsive Table:Place class for each | as "cell" */
.plainResponsiveTable .cell {
text-align: left;
margin: 0;
padding: 1%;
border-bottom: 1px solid #ccc;
}
/* Responsive Table: Place class ONLY for last | of each row "lastcell" */
.plainResponsiveTable .lastcell {
text-align: left;
margin: 0;
padding: 1%;
border-bottom: thin solid #CCC ;
}
/* END MAIN - Tables */
/* ----------------------------------------------
MAIN - Forms
!! REVIEW TO BE MOVED TO FORMS.CSS !!
---------------------------------------------- */
html body div.content-area .RadInput .riTextBox, html body div.content-area .RadInputMgr {
border: 1px #003876 solid;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 11px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 2px;
height: 18px;
line-height: 100%;
}
html body div.content-area .RadInput_Default .riTextBox, html html div.content-area .RadInputMgr_Default {
border: 1px #003876 solid;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 11px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 2px;
height: 18px;
line-height: 100%;
}
html body div.content-area .RadInput_Default .riEmpty, html body div.content-area .RadInput_Empty_Default {
color: #8a8a8a;
}
html body div.content-area .RadInput_Default .riHover, html body div.content-area .RadInput_Hover_Default, html body div.content-area .RadInput_Default .riFocused, html body div.content-area .RadInput_Focused_Default {
color: #003876; /** Text color within field on hover **/
background: #f0f3f8;
}
html body .RadInput_Default .riRead, html body .RadInput_Read_Default {
border-color: #d0d0d0;
}
html body .RadInput_Default .riDisabled, html body .RadInput_Disabled_Default {
border-color: #d0d0d0;
color: #8a8a8a;
cursor: default;
}
html body .RadInput_Default .riError, html body .RadInput_Error_Default {
border-color: #d51923;
background: #fff 100% -298px no-repeat url(../404.html);
color: #d51923;
}
.RadForm.rfdTextbox .RadInput_Default .riError[type='text'], .RadForm.rfdTextbox .RadInput_Error_Default[type='text'] {
border-color: #d51923;
background: #fff 100% -298px no-repeat url(../404.html);
color: #d51923;
}
html body .RadInput_Default .riNegative, html body .RadInput_Negative_Default {
color: #565656;
}
/* Disable due to font scale issue in APPS
label, .labelSizeText {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 12px;
color: #363636;
line-height: 100%;
} */
.sfTxtLbl {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 12px;
color: #003876;
font-weight: bold;
margin: 10px 0 0 0;
line-height: 100%;
}
.sfExample {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 11px;
color: #333;
line-height: 100%;
}
/* input.sfTxt, input.riTextBox {
margin: 0px;
border: 1px solid #003876 !important;
font-family: 'Open Sans', Arial, sans-serif !important;
font-size: 11px !important;
padding-top: 1px !important;
padding-right: 0px !important;
padding-bottom: 1px !important;
padding-left: 2px !important;
height: 18px !important;
line-height: 100% !important;
} */
/*textarea {
border: 1px #003876 solid;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 11px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 2px;
}*/
/*input.sfTxt:hover, input.riTextBox:hover {
color: #003876 !important;
background-color: #f0f3f8 !important;
}*/
/*input[type=submit], input[type=button] {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 12px;
color: #003876;
background-color: #f0f3f8;*
padding: 4px;
border: #003876 solid 1px;
}
input[type=submit]:hover, input[type=button]:hover {
border: #6888B0 solid 1px;
}
.sfTxtBoxMedium input {
width: 130px;
} */
.field550 input.sfTxt, .field550 textarea.sfTxt, .field550 input.riTextBox {
width: 550px !important;
}
.field260 input.sfTxt, .sf_2cols_1_50 input.sfTxt, .sf_2cols_2_50 input.sfTxt, .field260 input.riTextBox, .sf_2cols_2_50 input.riTextBox {
/*width: 260px !important;*/
width: 90%;
}
.field170 input.sfTxt, .sf_3cols_1_33 input.sfTxt, .sf_3cols_2_34 input.sfTxt, .sf_3cols_3_33 input.sfTxt, .field170 input.riTextBox, .sf_3cols_1_33 input.riTextBox, .sf_3cols_2_34 input.riTextBox, .sf_3cols_3_33 input.riTextBox {
width: 170px !important;
}
.field125 input.sfTxt, .sf_4cols_1_25 input.sfTxt, .sf_4cols_2_25 input.sfTxt, .sf_4cols_3_25 input.sfTxt, .sf_4cols_4_25 input.sfTxt, .field125 input.riTextBox, .sf_4cols_1_25 input.riTextBox, .sf_4cols_2_25 input.riTextBox, .sf_4cols_3_25 input.riTextBox, .sf_4cols_4_25 input.riTextBox {
width: 125px !important;
}
.field50 input.sfTxt, .field50 input.riTextBox {
width: 50px !important;
}
.formContainer.sf_cols {
background-color: #EEEEEE;
padding: 10px;
margin: 5px -10px 10px -10px;
border-top: 1px solid #cccccc;
/*** Adding in CSS3 ***/
/*** Background Gradient - 2 declarations one for Firefox and one for Webkit ***/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
background: -moz-linear-gradient(0% 0% 45deg, #eeeeee, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#eeeeee), to(#ffffff));
/*** Rounded Corners ***/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.formContainer.sf_cols.bgHighlight, .formContainer.sf_cols:hover, .formContainer.sf_cols:focus {
border-top: 1px solid #cccccc;
background-color: #D4EFFB;
/*** Background Gradient - 2 declarations one for Firefox and one for Webkit ***/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4EFFB', endColorstr='#ffffff');
background: -moz-linear-gradient(0% 0% 45deg, #D4EFFB, #ffffff);
background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#D4EFFB), to(#ffffff));
}
.sfError {
/* This is to override the notice on the home page without editing the page */
padding: 2px 0 2px 20px;
margin: 0;
z-index: 100;
vertical-align: middle;
width: auto;
background: url(../png/validation-icon.png) 2px 2px no-repeat;
font-size: 12px;
color: #D63301;
}
/* dropdown nav */
select {
width: 100%;
padding: 2%;
font-size: 16px;
margin-top: 1%;
background: url('../png/selectarrows.png') no-repeat 96% 50% #FFF; /* fallback bg image*/
background: url('../png/selectarrows.png') no-repeat 96% 50%, -webkit-linear-gradient(top, #FFF, #CCC);
background: -moz-linear-gradient(top, #FFF, #CCC);
background: -ms-linear-gradient(top, #FFF, #CCC);
background: url('../png/selectarrows.png') no-repeat 96% 50%, -o-linear-gradient(top, #FFF, #CCC);
background: url('../png/selectarrows.png') no-repeat 96% 50%, linear-gradient(top, #FFF, #CCC);
*background-image:none; /* turn bg image for IE7 */
}
/* For Microsoft IE */
select::-ms-expand { display: none; }
/* For Webkit based browsers Firefox version 29 and less, Google Chrome, Apple Safari */
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
}
.ui-select .ui-btn select { /* prevents iOS zoom-in */
font-size: 50px;
}
/* END MAIN - Forms */
/* ----------------------------------------------
MAIN - Header
---------------------------------------------- */
.header-container {
width: 100%;
height: auto;
min-height: 165px;
max-height: 300px;
margin: 0 auto;
background-color: #fff;
}
.header {
width: 100%;
max-width: 940px;
height: auto;
margin: 0 auto;
min-height: 165px;
}
/* Header Left = Holds ASRT logos */
.header-logo {
width: 65%;
max-width: 450px;
height: auto;
float: left;
margin: 0;
z-index: 13;
position: absolute;
}
.header-logo img {
border: 0 collapse;
}
.header-mobile {
display: none;
}
.logo-link {
width: 450px;
height: 82px;
display: block;
}
.logo_responsive {
width: 100%;
height: auto;
border: none;
/* margin: 10% 0 0 0; */
padding: 35px 0 0 2%;
}
/* Holds Auxilliary nav */
.header-middle {
float: right;
max-width: 410px;
width: 80%;
height: auto;
padding: 0 2% 0 0;
z-index: 300;
position: relative;
margin: 0;
}
/* Holds login-container */
.header-right {
float: right;
width: 30.5%;
max-width: 286px;
min-height: 165px;
height: auto;
}
/* Auxilliary nav; ASRT sites */
#sfPageContainer .top-nav {
width: 150px !important;
height: 60px;
display: block;
}
.top-nav {
float: right;
width: 95%;
text-align: right;
display: inline-block;
z-index: 299;
position: relative;
}
.top-nav {
height: 30px !important;
}
.top-nav ul {
list-style: none;
margin: 10px 0 10px 0;
padding: 0;
}
.top-nav ul li {
list-style: none;
display: inline;
margin: 0 0 0 5px;
padding: 0;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #bbdde7;
}
.top-nav ul li a {
color: #008ab0;
text-decoration: none;
}
.top-nav ul li a:hover {
text-decoration: underline;
}
/* Join & Renew buttons contained in header-middle */
#sfPageContainer .join-renew {
width: 150px;
}
.join-renew {
float: right;
margin-top: 3%;
}
/* END MAIN - Header */
/* ----------------------------------------------
MAIN - Header: Login, Search & Chat
---------------------------------------------- */
.login-container {
max-width: 280px;
width: 100%;
background-color: #60B6CF;
font-family: 'Open Sans', Arial, sans-serif;
color: #FFFFFF;
text-transform: capitalize;
margin: 0;
padding: 2% 0;
float: right;
text-align: center;
}
.login-container a:link {
text-decoration: none;
color: #18588c;
font-weight: bold;
font-family: 'Open Sans', Arial, sans-serif;
}
.login-container a:hover {
text-decoration: none;
color: #DEDEDE;
}
.login-container a:active {
text-decoration: none;
}
.login-container a:visited {
text-decoration: none;
color: #2F6AA6;
font-weight: bold;
font-family: 'Open Sans', Arial, sans-serif;
}
table#login-table {
margin: 0 0 0 10px;
width: 90%; /* original 260px */
}
.login-container .button {
/* width: 40%; */
padding: 0.2em 1em 0.2em 1em;
margin: 3%;
}
.line1 span {
padding: 3px 0 0 15px;
}
.in-line2 td {
font-size: 14px;
font-weight: bold;
}
.in-line3 td {
padding: 10px 0 0 0;
}
.line2 td {
font-size: 15px;
font-weight: bold;
color: #ffffff;
}
.loginlabel {
padding-top: 2px !important;
font-size: 16px !important;
}
.line2 td table {
margin-top: 15px;
}
.line2 td td {
padding: 0;
text-align: right;
}
.line2 td .button {
font-size: 12px;
padding: 5px 10px;
}
.createaccount {
font-size: 11px;
font-weight: bold;
color: #18588c;
}
.line5 td {
padding: 0 0 0 15px !important;
}
.viewmyasrt, .viewmyprofile {
font-size: 11px;
font-weight: 400;
color: #003876;
padding: 5px 0;
}
.welcomelabel {
font-size: 90%;
text-transform: uppercase;
}
.login-links a {
font-size: 60% !important;
color: #003876;
font-weight: normal !important;
text-transform: uppercase;
}
a.signout {
float: right;
color: #ffffff;
font-size: 12px;
}
/* Search Box
for additional search form elements see forms.css */
.search-container {
float: right;
margin: 0;
padding: 10px 0 0 0;
max-width: 280px;
width: 100%;
min-height: 32px;
height: auto;
font-family: 'Open Sans', Arial, sans-serif;
color: #FFFFFF;
text-transform: uppercase;
font-size: 12px;
border-top: #dde1e0 3px solid;
background: url(../png/search-corners.png) no-repeat 100% 100% #008AAE;
background-size: contain;
clear: both;
}
.query-text {
width: 73%;
float: left;
margin: 0 0 0 8%;
}
/* this pushes content place holders down on the BACKEND ONLY in order to make content edits easier */
#ctl00_ContentPlaceHolder1_RadDockZoneContentPlaceHolder1 {
margin-top: 375px !important;
}
#ctl00_ContentPlaceHolder2_ctl01, #ctl00_ContentPlaceHolder3_ctl01_C, #ctl00_ContentPlaceHolder4_ctl01 {
margin-top: 150px;
}
/* Boldchat */
#chatbutton {
margin-left: 7px;
}
/* END MAIN - Header Login, Search & Chat */
/* ----------------------------------------------
MAIN - Main-Nav Menu & Other Nav
!! REVIEW FOR CLEAN-UP !!
---------------------------------------------- */
.main-nav-container {
width: 100%;
height: 66px;
background: url(../png/main-nav-bg.png) repeat-x top left;
}
.main-nav-inner {
max-width: 940px;
height: 66px;
margin: 0 auto;
}
#sfPageContainer .main-nav {
width: 650px;
}
.main-nav {
height: 66px;
float: left;
width: 70%;
}
.main-nav-right {
height: 66px;
width: 30%;
/* width: 280px; */
min-width: 20%;
float: right;
background: url(../jpg/stacked-bg.jpg) repeat-x top left;
}
.main-nav ul {
margin: 1px 0 0 0;
padding: 0;
}
.main-nav ul li {
margin: 2px 0 0 0;
height: 63px;
display: inline-block;
float: left;
text-align: center;
padding: 0 33px;
}
.main-nav ul li a {
color: #fff;
/* font-size: 74%; original 13px
font-weight: bold; */
text-decoration: none;
display: block;
width: 100% !important;
text-align: center;
padding: 15% 2% 0 2% !important;
}
.main-nav ul li a:hover {
color: #6a99c5;
}
.RadMenu .rmItem {
width: 19% !important; /* override Telerik default */
padding: 0 !important;
/* font-size: 114% !important; */
}
.RadMenu_responsiveNav .rmItem {
/* override */
width: 20%;
white-space: normal;
border-right: 1px solid #aa7a39;
}
.RadMenu .rmHorizontal .rmText {
/* padding: 0 3% 1% 1% !important; */
line-height: 150%;
}
/* Begin Courtney's Main-Nav settings */
.RadMenu {
width: 100%;
/* font: 700 65% 'Open Sans', Arial, sans-serif !important; */
color: #fff;
text-decoration: none;
margin: 0;
padding: 0;
}
.RadMenu .rmItem {
border-right: 1px solid #aa7a39;
margin-left: 0;
height: 63px;
width: 19%;
}
.RadMenu .rmFirst {
border-left: 1px solid #aa7a39;
}
.RadMenu .rmItem .rmLink {
padding: 0px !important;
/* font: bold 13px 'Open Sans', Arial, sans-serif; */
color: #fff;
text-decoration: none;
width: 100%;
height: 66px;
}
.RadMenu .rmItem .rmRootLink {
padding-top: 12% !important;
}
.RadMenu .rmItem .rmLink:hover {
color: #008ab0;
}
.RadMenu .rmItem .rmLink .rmText {
width: 78% !important;
height: 40px !important;
font-size: 0.9em;
font-weight: 700;
white-space: normal !important;
text-align: center;
padding: 0 12% 0 12% !important;
}
.RadMenu .rmLast .rmLink .rmText { /* About ASRT title */
padding: 0 25% 0 25% !important;
width: 50% !important;
white-space: normal !important;
text-align: center;
}
.RadMenu .rmSlide {
padding: 0;
margin: 1px 0 0 0;
text-align: left;
}
.RadMenu .rmSlide ul {
background: #fff;
}
.RadMenu .rmSlide .rmVertical {
border-bottom: 1px solid #adadad;
border-right: 1px solid #adadad;
border-left: 1px solid #adadad;
border-top: none;
}
.RadMenu .rmSlide .rmItem {
height: 38px;
margin: 0 0 1px 0;
width: 220px !important;
padding: 0;
background: none;
border-right: none !important; /* height: 100% !important; */
}
.RadMenu .rmSlide .rmLink {
height: 38px;
}
.RadMenu .rmSlide .rmFirst {
border-left: none !important;
}
.RadMenu .rmHorizontal .rmText {
padding: 0px !important;
}
.RadMenu .rmSlide .rmItem .rmLink .rmText {
width: 220px !important;
white-space: normal !important;
text-align: left;
color: #008ab0;
padding: 10px 7px !important;
/* font-size: 12px;
font-weight: normal; */
line-height: 150%;
display: inline-block;
background: none;
}
.RadMenu .rmSlide .rmItem .rmLink .rmText:hover {
width: 220px !important;
color: #b0c03b;
}
.RadMenu .rmSlide .rmItem {
border-bottom: 1px solid #eee;
}
.RadMenu .rmSlide .rmItem .rmLink:hover {
width: 220px !important;
background: #f8f8f8;
}
.RadMenu a.rmLink {
cursor: pointer !important;
width: 100%;
padding-top: 20%;
}
.RadMenu .rmRootGroup .rmItem .rmGroup {
padding-bottom: -10px !important;
}
.RadMenu .rmSlide .rmLast {
border-bottom: none !important;
}
.RadMenu ul.rmVertical, .RadMenu ul.rmHorizontal, .RadMenu ul.rmRootScrollGroup, .RadMenu_Context ul.rmHorizontal {
margin: 0 0 0 0 !important;
}
.RadMenu .rmHorizontal {
width: 100%;
}
/* END Courtney's Main-Nav settings */
.RadTreeView_subnav {
white-space: normal !important;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #008ab0;
width: 100%;
}
.RadTreeView_subnav .rtTop, .RadTreeView_subnav .rtMid, .RadTreeView_subnav .rtBot {
padding: 0px 2px !important;
background: #fff !important;
background-image: none !important;
}
.RadTreeView_subnav .rtSp {
display: none !important;
width: 0;
float: left;
}
.RadTreeView_subnav .rtMinus {
background: url(../png/subnav-up.png) no-repeat bottom left !important;
background-position: 25px 0px !important;
float: left !important;
}
.RadTreeView_subnav .rtPlus {
background: url(../png/subnav-down.png) no-repeat bottom left !important;
background-position: 25px 0px !important;
float: left !important;
clear: both;
}
.RadTreeView_subnav .rtMinusHover {
background: url(../png/subnav-up-hover.png) no-repeat bottom left !important;
background-position: 25px 0px !important;
float: left !important;
}
.RadTreeView_subnav .rtPlusHover {
background: url(../png/subnav-down-hover.png) no-repeat bottom left !important;
background-position: 25px 0px !important;
float: left !important;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtMinus {
background: url(../png/subnav-up.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
float: left !important;
height: 18px !important;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtPlus {
background: url(../png/subnav-down.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
float: left !important;
height: 18px !important;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtMinusHover {
background: url(../png/subnav-up-hover.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
height: 20px !important;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtPlusHover {
background: url(../png/subnav-down-hover.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
height: 20px !important;
}
.content-area-right .RadTreeView_subnav {
margin: 0 0 25px 5px;
padding: 0;
}
.RadTreeView_subnav .rtPlus, .RadTreeView_subnav .rtMinus {
margin-left: 0px !important;
margin-right: 0px;
margin: 1px 0px 0px 0px !important;
float: right;
width: 27px !important;
height: 31px !important;
background-position: bottom left !important;
}
.RadTreeView_subnav .rtIn {
display: block;
width: 100%;
padding: 0px !important;
margin: 0 0 0 25px !important;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: bold;
/* width: 230px; */
/* padding: 8px 0px !important; */
}
.RadTreeView_subnav .rtHover .rtIn, .RadTreeView_subnav .rtSelected .rtIn {
border: none !important;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI {
list-style-type: none;
background: url(../png/vline.png) repeat-y 15px 0px;
margin: 0;
padding: 0 !important;
}
.RadTreeView_subnav .rtUL {
background: #ffffff url(../jpg/subnav-side-sub.jpg) repeat-y top left;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI {
margin: 0;
padding: 2px 12px;
background: url(../png/node.png) repeat-y 15px 0;
line-height: 100%;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI.rtLast {
background: url(../png/lastnode.png) no-repeat 15px 0px !important;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtTop, .RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtMid, .RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtBot {
background: none !important;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtIn {
font-size: 11px;
font-weight: normal;
color: #008ab0;
padding: 4px 0px !important;
text-decoration: underline;
}
.RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtHover .rtIn {
color: #b0c03b;
}
.RadTreeView_subnav .rtTop, .RadTreeView_subnav .rtMid, .RadTreeView_subnav .rtBot {
background: #fff url(../jpg/subnav-side.jpg) repeat-y top left !important;
border-left: 1px #eeeeee solid;
}
/* Jump Navigation using IDs
Vertical Nav */
ul.NavJump {
margin: 0.5em 0;
padding-left: 0;
/*border-left: none;*/
/*text-align: center!important;*/
border-left: 2px solid #003876;
text-align: left!important;
}
.NavJump li {
/*display: inline-block;*/
display: block;
padding: 0.5em 0 !important;
/*margin: 0 -2px!important;*/
/*border-left: 1px solid #003876;*/
transition: background .5s ease;
-webkit-transition: background .5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background .5s ease;
}
/*.NavJump li:first-child {
border-left: none;
}*/
/*.NavJump li:hover {
background: #DEDEDE!important;
}*/
.NavJump a {
color: #003876;
}
.NavJump a:hover {
color: #008AB0;
}
/* responsive view
@media screen and (min-device-pixel-ratio: 1), screen and (max-width: 767px) {
.NavJump li {
display: block;
border-right: none!important;
border-left: none;
padding: 5px 10px;
}
ul.NavJump {
border-left: 2px solid #003876;
text-align: left!important;
}
}*/ /* END query */
/* Back to Top */
.BackToTop {
display: block;
width: 100%;
text-align: center;
float: right;
clear: both;
margin: 2em 0;
}
.BackToTop a {
color: #999;
font-size: 0.8em;
text-transform: lowercase;
text-align: center;
width: 4em;
float: right;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
BackToTop a:hover {
color: #60B6CF;
}
.BackToTop span:before {
display: block;
font-size: 2em;
text-align: center;
margin-bottom: 0;
content: "\f0d8";
}
.BackToTop em {
display: block;
margin-bottom: -0.3em;
}
/* END MAIN - Main-Nav Menu */
/* ----------------------------------------------
MAIN - Body Content Structure
---------------------------------------------- */
.content-area-container {
width: 100%;
height: auto;
overflow: hidden;
background: #f0f3f8 url(../png/content-container-bg.png) repeat-x top left;
padding-bottom: 20px;
float: left;
}
.sfPageContainer .content-area-container {
height: 5000px !important;
}
.content-area {
width: 100%;
max-width: 940px;
height: auto;
overflow: hidden;
margin: 0 auto;
padding: 0; /* original 30px 10px 20px 35px */
background: #fff url(../png/content-area-bg.png) repeat-x top left;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-family: 'Open Sans', Arial, sans-serif;
}
/*.content-area a {
color: #0197b8;
} */
/* remove default blue border to all images in content-area
.content-area img {
border: 2px solid #0197b8;
} */
.content-area-left {
width: 66%;
float: left;
padding: 2%;
}
/* custom page nav */
.content-area-left .RadSiteMap .rsmOneLevel .rsmItem {
padding: 0 0 0 20px;
margin: 6px 0 8px 0;
list-style: none;
background-color: transparent;
background: url(../png/bullet.png) top left no-repeat;
}
.content-area-left .RadSiteMap .rsmOneLevel .rsmItem .rsmLink {
padding: 0;
margin: 0;
color: #008ab0;
font-size: 12px;
font-family: Arial, Sans-Serif;
}
.content-area-left .RadSiteMap .rsmOneLevel .rsmItem .rsmLink:hover {
color: #b0c03b;
}
.content-area-right {
float: left;
padding: 2% 2% 2% 0px;
width: 28%;
}
/* END MAIN - Body Content General Structure */
/* ----------------------------------------------
MAIN - Body Content Lists
---------------------------------------------- */
.content-area-left .sfContentBlock ul li, .content-area-left .sfContentBlock .content-area-left ol li {
line-height: 130%;
}
.content-area-left .sfContentBlock ul, .content-area-left .sfContentBlock ol, ul.sfeventsList, ul.sfeventDatesLocationContacts {
padding: 0;
margin: 0 0 10px 0;
}
.content-area-left .sfContentBlock ul li, ul.sfeventsList li {
padding: 0 0 0 20px;
margin: 6px 0 6px 0;
list-style: none;
background-color: transparent;
background: url(../png/bullet.png) top left no-repeat;
}
.content-area-left .sfContentBlock ol li {
padding: 0 5px;
margin: 6px 0 6px 20px;
background: none;
list-style-type: decimal;
}
.content-area-left .sfContentBlock ul li {
padding: 0 5px;
margin: 6px 0 6px 20px;
background: none;
list-style-type: disc;
}
.content-area-left .sfContentBlock ul li ul, .content-area-left .sfContentBlock ul ul, ul.sfeventsList ul ul, ul.sfeventsList ul li ul, ul.sfeventDatesLocationContacts ul ul, ul.sfeventDatesLocationContacts ul li ul, .content-area-left .sfContentBlock ul li ol, .content-area-left .sfContentBlock ul ol, ul.sfeventsList ul ol, ul.sfeventsList ul li ol, ul.sfeventDatesLocationContacts ul ol, ul.sfeventDatesLocationContacts ul li ol {
padding: 0;
margin: 0 0 0 15px;
}
.content-area-left .sfContentBlock ul li ul li {
padding: 0 0 0 20px;
margin: 6px 0 6px 0;
list-style: none;
background-color: transparent;
background: url(../png/bullet-sub.png) top left no-repeat;
}
.content-area-left .sfContentBlock ul.listNav {
margin: 0;
padding: 0;
}
.content-area-left .sfContentBlock ul.listNav ul {
margin: 0 0 0 10px;
padding: 0 10px 0 0;
}
.content-area-left .sfContentBlock ul.listNav li, ul.sfeventDatesLocationContacts li {
margin: 6px 0 8px 0;
padding: 0;
list-style: none;
line-height: 1.5;
background: none;
}
.content-area-left .sfContentBlock ul.listDescriptive {
margin: 6px 0 6px 10px;
padding: 0;
line-height: 110%;
}
.content-area-left .sfContentBlock ul.listDescriptive ul {
margin: 5px 0 15px 10px;
padding: 0;
line-height: 110%;
}
.content-area-left .sfContentBlock ul.listDescriptive li {
margin: 6px 0 10px 0;
padding: 0;
list-style: none;
line-height: 1.5;
background: none;
}
.content-area-left .sfContentBlock ul.listDescriptive li ul li {
margin: 6px 0 10px 10px;
padding: 0 0 0 20px;
list-style: none;
background-color: transparent;
background: url(../png/bullet.png) top left no-repeat;
}
.content-area-left .sfContentBlock ul.listProduct {
}
.content-area-left .sfContentBlock ul.listIndex, ul.listIndex ul {
padding: 0;
margin: 0;
}
.content-area-left .sfContentBlock ul.listIndex li ul {
padding: 0;
margin: 0 0 0 -5px;
}
.content-area-left .sfContentBlock ul.listIndex li {
padding: 0 0 0 20px;
margin: 6px 0 6px 0;
list-style: none;
background-color: transparent;
background: url(../png/bullet.png) top left no-repeat;
}
.content-area-left .sfContentBlock ul.listIndex li ul li {
padding: 0 0 0 20px;
margin: 6px 0 6px 0;
list-style: none;
background-color: transparent;
background: url(../png/bullet-sub.png) top left no-repeat;
}
.content-area-left .sfContentBlock ul.listTree, ul.listTree ul {
list-style-type: none;
background: url(../png/vline.png) repeat-y;
margin: 0;
padding: 0;
}
.content-area-left .sfContentBlock ul.listTree ul {
margin-left: 10px;
}
.content-area-left .sfContentBlock ul.listTree li {
margin: 0;
padding: 2px 12px;
background: url(../png/node.png) no-repeat;
line-height: 100%;
}
.content-area-left .sfContentBlock ul.listTree li.last {
background: #fff url(../png/lastnode.png) no-repeat;
}
.content-area-left .sfContentBlock ul.listPubs {
list-style-type: none;
padding: 0;
margin: 0;
}
.content-area-left .sfContentBlock ul.listPubs li {
display: block;
float: left;
list-style: none;
background: none;
padding: 0;
margin: 10px;
height: 130px;
width: 110px;
text-align: center;
font-size: 9px;
font-weight: bold;
}
.content-area-left .sfContentBlock ul.listPubs li a {
font-size: 11px;
font-weight: normal;
}
.content-area-left .sfContentBlock .listPubs img, .content-area-left .sfContentBlock .listRADT img{
border: 1px solid #CCC;
}
.content-area-left .sfContentBlock ul.listVids li {
display: block;
float: left;
list-style: none;
background: none;
padding: 0;
margin: 10px;
height: 190px;
width: 200px;
text-align: center;
font-size: 11px;
font-weight: bold;
}
.content-area-left .sfContentBlock ul.listVids li a {
font-size: 11px;
font-weight: normal;
}
.content-area-left .sfContentBlock ul.listWrap {
}
.content-area-left .sfContentBlock ul.listWrap li {
float: left;
display: inline-block;
padding: 0 5px;
background: none;
border-right: #999 solid 1px;
}
.content-area-left .sfContentBlock ul.listWrap + [div|p|br|h2|h3] {
clear: both;
margin: 10px 0 0 0;
}
.content-area-left .sfeventsListTitleCityDate .sfeventTitle a {
font-weight: bold;
}
.content-area-left .sfeventListItem {
margin-bottom: 10px;
}
/* END MAIN - Body Content Lists */
/* ----------------------------------------------
MAIN - Body Content Elements
---------------------------------------------- */
.breadcrumb, .breadcrumb a {
font-size: 10px;
margin: 10px 0 3em 0;
color: #999;
}
.breadcrumb a:hover {
color: #008ab0;
text-decoration: none;
}
.top-printer input {
width: 20px !important;
height: auto;
}
.one-line {
height: 66px;
line-height: 66px;
}
.two-line {
margin-top: 15px;
}
.divider {
margin: 0px;
padding: 0px !important;
width: 3px;
height: 66px;
background: url(../png/main-nav-border.png) no-repeat top left;
}
.link-register {
text-align: center;
display: block;
font-size: 16px;
font-weight: bold;
width: 270px;
padding: 20px 0;
color: #fff;
background: #f8981d;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 3px 2px #c3c3c3;
-moz-box-shadow: 0px 0px 3px 2px #c3c3c3;
box-shadow: 0px 0px 3px 2px #c3c3c3;
text-decoration: none;
margin: 20px 0;
}
.link-register:hover {
background: #f88514;
color: #fff;
text-decoration: none;
}
.content-area-right .sidebar-title, .content-area-right .section-title {
font-size: 18px !important;
font-weight: bold !important;
color: #008ab0 !important;
font-family: 'Open Sans', Arial, sans-serif !important;
border-bottom: 4px double #afbd21 !important;
padding: 0 0 0 0 !important;
margin: 0 0 0 5px !important;
}
.section-title p {
margin: 0px !important;
}
.section-title a {
text-decoration: none;
font-weight: bold;
padding-right: 18px;
display: inline-block;
background: transparent url(../png/header-arrow.png) bottom right no-repeat;
}
body .section-title {
padding: 0 !important;
padding-bottom: 0 !important;
}
/* content widget boxes with gradient */
.lp-box-blue {
padding: 3% 3% 0 3%;
margin: 0 0% 5% 0;
min-height: 220px;
border: 5px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 4px 1px #d9d9d9;
-moz-box-shadow: 0px 0px 4px 1px #d9d9d9;
box-shadow: 0px 0px 4px 1px #d9d9d9;
/* background: #fff url(https://media.asrt.org/images/cms_template/lp-box-blue-bg.png) repeat-x top left; */
/* CSS gradient */
background: #e4fafd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNlNGZhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #e4fafd 11%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#e4fafd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e4fafd 11%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e4fafd 11%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e4fafd 11%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #e4fafd 11%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fafd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.lp-box-blue p {
color: #003876;
}
.lp-box-blue h2, .lp-box-white h2 {
font-family: 'Open Sans', Arial, sans-serif;
color: #003876;
font-size: inherit;
font-weight: 700;
}
.lp-box-blue.shorty {
min-height: 100px !important;
}
.lp-box-content {
/* width: 100%; */
height: auto;
padding: 0 102px 0 0;
}
.lp-box-white {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* background: #fff url(https://media.asrt.org/images/cms_template/lp-box-blue-bg.png) repeat-x top left; */
background-color: #FFF;
-webkit-box-shadow: 0px 0px 4px 1px #d9d9d9;
-moz-box-shadow: 0px 0px 4px 1px #d9d9d9;
box-shadow: 0px 0px 4px 1px #d9d9d9;
margin: 10px 0;
padding: 10px;
border: 5px solid #fff;
}
.lp-box-white p {
color: #003876;
}
.lp-box-event {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 10px 0;
padding: 10px;
border: 5px solid #ffffff;
min-height: 200px;
}
.event-register {
padding: 10px 0;
margin: 10px 0;
border-top: 4px double #afbd21;
background: #fff;
}
/* border with rounded corners */
div.rounded_border {
background: #eee;
padding: 2px;
margin: 10px 0;
}
/* END MAIN - Body Content Elements */
/* ----------------------------------------------
MAIN - Footer
---------------------------------------------- */
/* wrapper */
.page-bottom {
width: 100%;
min-height: 300px;
background: #f0f3f8 url(../png/page-bottom-bg.png) repeat-x bottom left;
float: left;
}
/* SEO footer links */
.fluid-footer-columns {
max-width: 940px;
width: 100%;
margin: 0 auto;
padding: 0 2% 0 2%;
}
.footer-columns td {
vertical-align: top;
}
.fluid-footer-column {
padding-right: 2%;
display: table-cell;
}
.footer-column-title {
font-size: 0.8em;
font-weight: 600;
text-transform: uppercase;
}
.fluid-footer-column ul {
padding: 1em 0 0 0;
}
.fluid-footer-column ul li {
list-style: none;
padding: 0;
margin: 0 0 5px 0;
font-size: 11px;
}
.fluid-footer-column ul li a {
color: #008ab0;
text-decoration: none;
}
.fluid-footer-column ul li a:hover {
text-decoration: underline;
color: #b0c03b;
}
.footer {
width: 96%;
max-width: 940px;
margin: 2% auto 2% auto;
}
#sfPageContainer .small-links, #sfPageContainer .social-icons, #sfPageContainer .main-links, #sfPageContainer .copyright {
height: 80px;
float: left;
}
.footer .social-media, .footer .small-links {
width: 100%;
float: left;
margin: 10px 0 10px 0;
height: auto;
}
.footer .small-links {
display: block;
/* margin: 0 0 10px 0; */
padding: 0 0 1% 0;
float: left;
width: 100%;
height: auto;
}
.footer ul {
margin: 0px;
padding: 0px;
}
/* terms of use, sitemap, site help etc. */
.footer .small-links ul li {
list-style: none;
display: inline;
float: left;
color: #999;
font-size: 0.7em;
font-weight: 600;
margin: 0 0.5% 0 0;
}
.footer .small-links ul li a {
color: #003876; /* #008ab0 teal */
}
.footer .small-links ul li a:hover {
color: #008ab0;
}
/* repeat main-nav links */
.footer .main-links {
display: block;
margin: 20px 0 10px 0;
padding: 0;
float: left;
width: 100%;
}
.footer .main-links ul li {
list-style: none;
display: inline;
float: left;
color: #999;
font-size: 0.7em;
font-weight: 600;
margin: 0 0.5% 0 0;
}
.footer .main-links ul li a {
color: #003876;
}
.footer .main-links ul li a:hover {
color: #008ab0;
}
.copyright {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 0.7em;
font-weight: 600;
color: #363636;
width: 100%;
}
.container_smrtfn_footernav {
display: none !important;
}
/* smartphone footer hide on desktop */
.container_footerauxnav {
display: none;
}
/* END MAIN - Footer */
/* ----------------------------------------------
MAIN - Specialty Dropdown UL
---------------------------------------------- */
ul.specialty-dropdown {
position: relative;
top: 0;
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 280px;
height: 33px;
font-size: 85%;
z-index: 500; /* background: url(topnav_bg.gif) repeat-x; */
}
ul.specialty-dropdown li {
list-style: none;
}
ul.specialty-dropdown li.top {
float: left;
margin: 0;
padding: 0 0 0 30px;
position: relative; /*--Declare X and Y axis base--*/
left: 3px;
background: url(../png/resources-up.png) no-repeat 0 5px;
cursor: pointer;
}
ul.specialty-dropdown li.top.subhover {
background: url(../png/resources-down.png) no-repeat 0 5px;
}
ul.specialty-dropdown li.top a.sublink {
padding: 0;
color: #fff;
display: block;
text-decoration: none;
float: right;
width: 250px;
height: 33px;
margin: 10px 0 0 0;
text-align: left;
}
/*--Hover effect for trigger--*/
ul.specialty-dropdown li.top ul.specialty-subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: -3px;
top: 31px;
margin: 0;
display: none;
float: left;
width: 259px;
border: 1px solid #0083c3;
background: #fff;
font-size: 85%;
-webkit-box-shadow: 0px 3px 5px 1px #666666;
-moz-box-shadow: 0px 3px 5px 1px #666666;
box-shadow: 0px 3px 5px 1px #666666;
z-index: 500;
}
ul.specialty-dropdown li.top ul.specialty-subnav li {
margin: 0;
padding: 0;
background: none;
clear: both;
width: 260px;
}
html ul.specialty-dropdown li.top ul.specialty-subnav li a {
float: left;
background: #fff;
padding-right: 0px;
width: 100%;
padding: 5px 0;
}
html ul.specialty-dropdown li.top ul.specialty-subnav li ul {
margin: 0 0 0 15px;
padding: 0;
}
html ul.specialty-dropdown li.top ul.specialty-subnav li {
width: 220px;
}
html ul.specialty-dropdown li.top ul.specialty-subnav li ul li a {
color: #f7982c;
}
html ul.specialty-dropdown li.top ul.specialty-subnav li ul li a:hover {
color: #b0c03b;
}
html ul.specialty-dropdown li.top ul.specialty-subnav li a:hover {
/*--Hover effect for subnav links--*/
}
/* END MAIN - Specialty Dropdown UL */
/* ----------------------------------------------
MAIN - Nivo Slider & AppleMenu
---------------------------------------------- */
.slider-wrapper {
margin-top: 3px;
}
.nivoSlider {
position: relative;
}
.nivoSlider a {
text-decoration: none;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
opacity: 0.8; /* Overridden by captionOpacity setting */
width: 100%;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav {
display: none;
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
display: none;
color: transparent;
}
.nivo-nextNav {
right: 0px;
display: none;
color: transparent;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
color: #fff;
font-size: 16px;
margin-left: 5px;
font-weight: bold;
display: inline-block !important;
width: 20px;
height: 20px;
text-align: center;
}
.nivo-controlNav a.active {
font-weight: bold;
background: url(../png/slideshow-active-dot.png) no-repeat top left;
}
.nivo-controlNav {
width: 100px;
position: relative;
top: 260px;
right: -500px;
}
.theme-default .nivoSlider {
position: relative;
background: #fff url(../gif/loading.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.applemenu {
margin: 5px 0;
padding: 0;
width: 100%; /*width of menu*/
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.applemenu div.silverheader a {
background: url(../png/hp-accordion-up.png) no-repeat 3px 0;
font: normal 14px 'Open Sans', Arial, sans-serif;
color: #363636;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 7px 0 7px 30px;
text-decoration: none;
font-weight: bold;
}
.applemenu div.silverheader {
background: #a6a8ab url(../png/hp-accordion-bg.png) repeat-x top left;
border-top: 1px solid #fff;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover {
background-image: url(../png/hp-accordion-down.png);
background-position: 3px 0;
padding-left: 30px;
color: white;
}
.applemenu div.submenu {
/*DIV that contains each sub menu*/
padding: 5px;
}
.applemenu div.submenu a {
color: #008ab0;
text-decoration: none;
}
.applemenu div.submenu a:hover {
text-decoration: underline;
color: #b0c03b;
}
/* END MAIN - Nivo Slider & Apple Menu */
/* ----------------------------------------------
MAIN - Resources Dropdown UL (QuickLinks)
---------------------------------------------- */
ul.resources-dropdown {
position: relative;
top: 5px;
/* z-index: 0; */
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 280px;
height: 50%;
font-size: 85%;
/* background: url(https://media.asrt.org/images/cms_template/topnav_bg.gif) repeat-x; */
z-index: 10;
}
ul.resources-dropdown li {
list-style: none;
}
ul.resources-dropdown li.top {
float: left;
margin: 0;
padding: 0 0 0 30px;
position: relative; /*--Declare X and Y axis base--*/
left: 3px;
background: url(../png/resources-up.png) no-repeat 0 0;
cursor: pointer;
}
ul.resources-dropdown li.top.subhover {
background: url(../png/resources-down.png) no-repeat 0 0;
}
ul.resources-dropdown li.top a.sublink {
padding: 0;
color: #fff;
display: block;
text-decoration: none;
float: right;
width: 250px;
height: 30px;
margin: 5px 0 0 0;
text-align: left;
}
/*--Hover effect for trigger--*/
ul.resources-dropdown li.top ul.resources-subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: -3px;
top: 28px;
margin: 0;
display: none;
float: left;
width: 259px;
border: 1px solid #0083c3;
background: #fff;
font-size: 11px;
-webkit-box-shadow: 0px 3px 5px 1px #666666;
-moz-box-shadow: 0px 3px 5px 1px #666666;
box-shadow: 0px 3px 5px 1px #666666;
z-index: 1;
}
ul.resources-dropdown li.top ul.resources-subnav li {
margin: 0;
padding: 0;
background: none;
clear: both;
width: 260px;
}
ul.resources-subnav, ul.specialty-subnav {
margin: 0;
padding: 10px;
}
html ul.resources-dropdown li.top ul.resources-subnav li a {
float: left;
background: #fff;
padding-right: 0px;
width: 100%;
padding: 5px 0;
}
html ul.resources-dropdown li.top ul.resources-subnav li ul {
margin: 0 0 0 15px;
padding: 0;
}
html ul.resources-dropdown li.top ul.resources-subnav li {
width: 220px;
}
html ul.resources-dropdown li.top ul.resources-subnav li ul li a {
color: #f7982c;
}
html ul.resources-dropdown li.top ul.resources-subnav li ul li a:hover {
color: #b0c03b;
}
html ul.resources-dropdown li.top ul.resources-subnav li a:hover {
/*--Hover effect for subnav links--*/
}
/* END MAIN - Resources Dropdown UL */
/* ----------------------------------------------
MAIN - Resources Non-Member Dropdown UL
---------------------------------------------- */
ul.resources-non-dropdown {
position: absolute\9;
top: 167px;
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 280px;
height: 66px;
font-size: 85%;
/* background: url(topnav_bg.gif) repeat-x;*/
}
ul.resources-non-dropdown li {
list-style: none;
}
ul.resources-non-dropdown li.top {
float: left;
margin: 0;
padding: 0;
position: relative; /*--Declare X and Y axis base--*/
}
ul.resources-non-dropdown li.top a.sublink {
padding: 0 0 0 25px;
color: #fff;
display: block;
text-decoration: none;
float: left;
width: 250px;
height: 66px;
line-height: 66px;
text-align: left;
}
ul.resources-non-dropdown li.top a:hover {
/* background: url(topnav_hover.gif) no-repeat center top; */
}
ul.resources-non-dropdown li.top span {
/*--Drop down trigger styles--*/
width: 27px;
height: 66px;
float: left;
background: url(../png/resources-up.png) no-repeat center center;
}
ul.resources-non-dropdown li.top span:hover {
/*--Drop down trigger styles--*/
width: 27px;
height: 66px;
float: left;
background: url(../png/resources-down.png) no-repeat center center;
}
ul.resources-non-dropdown li.top span.subhover {
background-position: center center;
cursor: pointer;
}
/*--Hover effect for trigger--*/
ul.resources-non-dropdown li.top ul.resources-non-subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0;
top: 66px;
margin: 0;
padding: 10px;
display: none;
float: left;
width: 260px;
border: 1px solid #0083c3;
background: #fff;
font-size: 85%;
-webkit-box-shadow: 0px 3px 5px 1px #666666;
-moz-box-shadow: 0px 3px 5px 1px #666666;
box-shadow: 0px 3px 5px 1px #666666;
}
ul.resources-non-dropdown li.top ul.resources-non-subnav li {
margin: 0;
padding: 0;
background: none;
clear: both;
width: 260px;
}
html ul.resources-non-dropdown li.top ul.resources-non-subnav li a {
float: left;
background: #fff;
padding-right: 0px;
width: 100%;
padding: 5px 0;
}
html ul.resources-non-dropdown li.top ul.resources-non-subnav li ul {
margin: 0 0 0 15px;
padding: 0;
}
html ul.resources-non-dropdown li.top ul.resources-non-subnav li {
width: 220px;
}
html ul.resources-non-dropdown li.top ul.resources-non-subnav li ul li a {
color: #f7982c;
}
html ul.resources-non-dropdown li.top ul.resources-non-subnav li ul li a:hover {
color: #b0c03b;
}
html ul.resources-non-dropdown li.top ul.resources-non-subnav li a:hover {
/*--Hover effect for subnav links--*/
}
/* END MAIN - Resources Non-Member Dropdown UL */
/* ----------------------------------------------
MAIN - Social Media Icons
>> see footer section for .social-media & .social-icons
---------------------------------------------- */
.social-icons-top {
margin-top: 0 !important;
margin-bottom: 2% !important;
width: 25% !important;
text-align: right;
float: right;
}
.social-icons a {
color: #666;
padding-right: 0.5em;
}
.social-icons a:hover {
color: #008AAE;
}
.addthis_toolbox {
margin-bottom: 1%;
margin-top: 0.6em;
}
.addthis_32x32_style {
text-align: left;
}
.addthis_32x32_style img {
border: none;
}
.addthis_32x32_style * {
float: left;
}
.addthis_32x32_style a {
margin-right: 1px;
}
.icon_socialfooter img {
width: 32px;
height: 32px;
margin-right: 1%;
float: left;
}
/* END MAIN - Social Media Icons */
/* ----------------------------------------------
MAIN - Advertisements/Ad Module Widget
---------------------------------------------- */
.AdCaption {
text-transform: uppercase;
text-align: center;
color: #AAA;
font-size: 0.7em;
padding: 1em 0;
margin-left: auto;
margin-right: auto;
}
/* Bottom Ads */
.bottom-advertising {
width: 100%;
padding: 0;
margin: 0 0 2em 0;
background: none;
text-align: center;
}
.bottom-advertising img {
padding: 0;
margin: 0 0.75em 0.5em 0;
border: #AAA thin solid;
}
/* Vertical Ads */
div[cssclass='verticalAdWidget'] a,
div.verticalAdWidget a {
padding: 0;
margin-left: auto;
margin-right: auto;
width: 55%;
height: auto;
display: block;
}
div[cssclass='verticalAdWidget'] img,
div.verticalAdWidget img {
padding: 0;
margin: 0 0 0.75em 0;
border: #AAA thin solid;
}
/* END MAIN - Advertisements/Ad Module Widget */
/* ----------------------------------------------
MAIN - Notice Block, Status, Alerts
---------------------------------------------- */
.noticeblock {
padding: 0;
margin: 0;
position: absolute;
top: 235px;
z-index: 100;
width: 606px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.noticeblock div {
/* This is to override the notice on the home page without editing the page */
margin-top: 0 !important;
padding: 8px 0 8px 34px;
margin: 0;
z-index: 100;
height: auto;
width: 606px;
vertical-align: middle;
background: #FEEFB3;
background: #FEEFB3 url(../png/warning-icon-sm.png) 0px 3px no-repeat;
border: 1px solid #9F6000;
-webkit-box-shadow: 1px 1px 2px 1px #999999;
-moz-box-shadow: 1px 1px 2px 1px #999999;
box-shadow: 1px 1px 2px 1px #999999;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
font-size: 13px;
}
.noticeblock span, .noticeblock p {
/* This is to override the notice on the home page without editing the page */
color: #9F6000;
}
.noticeblock a:hover {
/* This is to override the notice on the home page without editing the page */
color: #FFFFFF;
}
.status {
width: 96%;
height: auto;
padding: 2% 2% 0 2%;
margin: 2em 0 2em 0;
display: block;
text-align: left;
font-weight: 600;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
}
.status.info,
.status.blue {
color: #00529B;
background-color: #E9F7FE;
border: thin solid #00529B;
}
.status.info p,
.status.blue p {
color: #00529B;
}
.status.success,
.status.green {
color: #4F8A10;
background-color: #EBF6E0;
border: thin solid #4F8A10;
}
.status.success p,
.status.green p {
color: #4F8A10;
}
.status.warning,
.status.yellow p {
color: #9F6000;
background-color: #FBFADD;
border: thin solid #9F6000;
}
.status.warning p,
.status.yellow p {
color: #9F6000;
}
.status.error,
.status.red {
color: #D8000C;
background-color: #FFE9E9;
border: thin solid #D8000C;
}
.status.error p,
.status.red p {
color: #D8000C
}
.status.grey {
color: #363636;
background-color: #fafafa;
border: thin solid #CCC;
}
.status.grey p {
color: #363636;
}
/* END MAIN - Notice Block */
/* ----------------------------------------------
MAIN - News & Publications
---------------------------------------------- */
.sfnewsDetails h1, .sfnewsListTitleContent h1 {
margin: 0 0 10px 0;
font-size: 14px;
font-weight: bold;
color: #003876;
font-family: 'Open Sans', Arial, sans-serif;
}
a.sfpostFullStory {
margin: 5px 0 5px 0;
display: block;
position: relative;
text-decoration: none;
}
.content-area-left .sfnewsSummary {
padding: 1em 0;
}
.content-area-left .sfnewsSummary, .sfnewsMetaInfo {
/*font-size: 0.9em;*/
}
.sfnewsLinksWrp {
padding: 1em 1em 1em 0;
}
ul.sfnewsListTitleDateSummary .sfnewsTitle {
font-size: 14px;
margin-bottom: 5px;
}
ul.sfnewsListTitleDate, ul.sfnewsListTitlesOnly, ul.sfnewsListTitleDateSummary, ul.sfnewsListTitleSummary {
margin: 0;
padding: 0;
}
ul.sfnewsListTitleDate li.sfnewsListItem, ul.sfnewsListTitlesOnly li.sfnewsListItem {
/* padding: 0 0 0 20px; */ padding: 0;
/* margin: 6px 0 6px 0; */ margin: 1em 0;
list-style: none;
background-color: transparent;
/* background: url(https://media.asrt.org/images/cms_template/bullet.png) top left no-repeat; */
}
ul.sfnewsListTitleDate li.sfnewsListItem h3 {
margin: 0;
font-size: 12px;
}
ul.sfnewsListTitleDate li.sfnewsListItem .sfnewsMetaInfo {
margin: 0;
padding: 0;
}
.sfnewsListTitleContent {
margin: 0;
padding: 0;
}
.sfnewsListTitleContent li.sfnewsListItem {
margin: 0;
padding: 0;
list-style: none;
}
ul.sfnewsListTitleSummary li.sfnewsListItem, ul.sfnewsListTitleDateSummary li.sfnewsListItem {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
list-style-type: none;
}
div.sfpostLinksWrp {
margin-bottom: 10px;
}
.sfnewsListItem h2 a {
padding-right: 0;
display: block;
background: none;
}
.sfnewsListItem h2 a:hover {
color: #b0c03b;
}
/* Individual State Licensure */
#statelist .stcol {
float: left;
padding-right: 2em;
width: 6em;
font-size: 85%;
}
/* Journals */
a.pubs-description {
position: relative;
display: inline;
}
a.pubs-description span {
position: absolute;
padding:10px;
width:140px;
color: #FFFFFF;
background: #333333;
height: auto;
line-height: 1.4;
text-align: left;
visibility: hidden;
border-radius: 6px;
box-shadow: 2px 2px 2px #333333;
}
a.pubs-description span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #666666;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.pubs-description span {
visibility: visible;
opacity: 0.9;
top: 30px;
left: 50%;
margin-left: -76px;
z-index: 999;
}
.content-area-left .sfContentBlock ul.listRADT {
list-style-type: none;
padding: 0;
margin: 0;
}
.content-area-left .sfContentBlock ul.listRADT li {
display: block;
float: left;
list-style: none;
background: none;
margin: 20px 10px 10px 15px;
height: 180px;
width: 110px;
text-align: left;
font-size: 9px;
font-weight: bold;
}
.content-area-left .sfContentBlock ul.listRADT li a {
font-size: 11px;
font-weight: normal;
line-height: 13px;
}
/* Members layout as seen in News & Research Editorial Review Board */
.member { /* each profile block */
width:45%;
float:left;
padding:5px 5px 25px 5px;
}
.member img /* image within each profile */ {
width:110px;
height:157px;
margin-right:10px;
float:left;
}
@media screen and (min-device-pixel-ratio: 1),
screen and (max-width: 767px) {
.member {
width:96%;
}
}
/* END MAIN - News */
/* ----------------------------------------------
MAIN - Blog
---------------------------------------------- */
.sfpostListFull, .sfpostsList {
margin: 0;
padding: 0;
}
.sfpostListFull li.sfpostListItem {
margin: 0;
padding: 0;
list-style: none;
}
.sfpostListTitle li.sfpostListItem {
padding: 0;
margin: 1em 0;
list-style: none;
background-color: transparent;
/*background: url(https://media.asrt.org/images/cms_template/bullet.png) top left no-repeat;*/
}
.sfpostListTitle li.sfpostListItem .sfpostTitle {
font-size: 12px;
font-weight: normal;
}
#ctl00_bodyContent_C003_detailBlogPostsFrontend_ctl00_ctl00_SingleItemContainer_ctrl0_commentsDetailsView_commentsDetailsView_ctl00_ctl00_anonymousUserContainer {
color: #990000;
font-weight: bold;
}
ul.sfpostListTitleDateSummary li.sfpostListItem {
padding: 0;
margin: 6px 0 6px 0;
list-style: none;
background-color: transparent;
clear: both;
font-size: 11px;
line-height: 12px;
}
ul.sfpostListTitleDateSummary li.sfpostListItem h2 {
margin: 0;
padding: 0;
line-height: 1.4;
}
ul.sfpostListTitleDateSummary li.sfpostListItem h2 a {
font-size: 12px;
background: none;
color: #000;
}
/* This is to match existing manual comment entries until we can figure out how to template comments */
h2.sfcommentsTitle {
display: none;
}
div.sfcommentsListWrp {
padding: 0;
margin: 0 0 0 -40px;
}
ol.sfcommentsList, li.sfcommentDetails {
margin: 18px 0;
padding: 0;
list-style: none;
font-style: italic;
}
span.sfcommentNumber {
display: none;
}
.sfcommentAuthor {
float: left;
display: block;
font-weight: normal;
}
.sfcommentDate {
display: block;
clear: both;
}
/* END MAIN - Blog */
/* ----------------------------------------------
MAIN - Volunteers
---------------------------------------------- */
div.sfvolunteerList {
font-size: 12px;
}
div.sfvolunteerListItem {
margin: 10px 0;
display: table-row;
}
div.sfvolunteerListItem h3 {
padding: 10px 0 0 10px;
margin: 0;
display: table-cell;
width: 190px;
min-height: 80px;
float: left; /* IE7 */
background: url(../jpg/featuretop.jpg) top left repeat-x;
}
div.sfvolunteerListItem div.sfvolunteerListDesc {
padding-top: 10px;
display: table-cell;
width: 340px;
vertical-align: top;
padding: 10px 10px 0 10px;
float: left; /* IE7 */
min-height: 80px;
background: url(../jpg/featuretop.jpg) top left repeat-x;
}
div.sfvolunteerListItem h3 a {
font-size: 12px;
font-weight: normal;
}
div.sfvolunteerListItem div.sfvolunteerListDesc ul, div.sfvolunteerListItem div.sfvolunteerListDesc ol {
margin: 2px 0 5px 0;
padding: 0;
}
div.sfvolunteerListItem div.sfvolunteerListDesc li {
margin: 0 0 5px 15px;
}
div.sfvolunteerListItem div.sfvolunteerListDesc li, div.sfvolunteerListItem div.sfvolunteerListDesc li p, div.sfvolunteerListItem div.sfvolunteerListDesc li div {
font-size: 11px;
font-style: normal;
}
ul.sfvolunteerListSummary {
padding: 0 0 0 10px;
margin: 6px 0 6px 0;
list-style: none;
}
.sfvolunteerListSummary li {
padding: 0 0 0 20px;
margin: 6px 0 6px 0;
list-style: none;
background-color: transparent;
background: url(../png/bullet.png) top left no-repeat;
}
/* END MAIN - Volunteers */
/* ----------------------------------------------
MAIN - Events & Conferences
---------------------------------------------- */
.eventBanner {
height: 225px;
width: auto;
margin-bottom: 1em;
background-color: white;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
/* ASRT Educational Symposium and Annual Governance and House of Delegates Meeting */
.eventBanner.AGHOD {
background-image: url("../404.html");
}
/* Student Leadership Development Program */
.eventBanner.SLDP {
background-image: url("../404.html");
}
/* Leadership Academy */
.eventBanner.LdrshpAcdmy {
background-image: url("../404.html");
}
/* Leadership Academy for Educators */
.eventBanner.LdrshpAcdmyEdu {
background-image: url("../404.html");
}
/* Radiation Therapy Conference */
.eventBanner.RTC {
background-image: url("../404.html");
}
/* National Radiologic Technology Week */
.eventBanner.NRTW {
background-image: url("../404.html");
}
.eventBanner.RSNA {
background-image: url("../404.html");
}
/* END MAIN - Events & Conferences */
/* ----------------------------------------------
MAIN - Featured CE Courses
---------------------------------------------- */
.featureSecn {
/* width: 250px; */
width: 92%; /* This percentage makes Jason happy */
min-height: 180px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
float: left;
padding: 2%;
margin: 0 4% 4% 0;
background: url("../jpg/featureside-2.jpg") repeat-y scroll left top rgb(255, 255, 255);
}
.floatLeftTight {
float:left;
margin-right: 5px;
}
.featureDesc p {
padding-top:5px;
}
/* END MAIN - Featured CE Courses */
/* ----------------------------------------------
MAIN - Archives
---------------------------------------------- */
.sfarchiveList {
margin: 0;
padding: 0;
}
li.sfarchiveListItem {
padding: 0 0 0 20px;
margin: 6px 0 6px 0;
list-style: none;
background-color: transparent;
background: url(../png/bullet.png) top left no-repeat;
}
/* END MAIN - Archives */
/* ----------------------------------------------
MAIN - Pager
---------------------------------------------- */
/* Page Numbers for news feeds */
.sf_pagerNumeric {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 11px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 18px;
margin: 0px;
padding-bottom: 5px;
padding-top: 2px;
/* padding-left: 8px; */
/* border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD; */
min-height: 13px;
}
.sf_2cols_1_33 .sf_pagerNumeric {
width: 100%;
}
.sf_pagerNumeric a {
background: #FFFFFF none repeat scroll 0%;
padding: 0.25em 0.5em;
text-decoration: none;
float: left;
border: thin solid #d4d4d4;
margin: 0 1em 1em 0;
}
.sf_pagerNumeric a:hover {
background: #ededed none repeat scroll 0%;
border-color: #000000;
text-decoration: none;
}
.sf_pagerNumeric a.sf_PagerCurrent {
background: #F4F4F4 none repeat scroll 0%;
border-color: #CCC;
font-weight: bold;
/*padding: 1px 4px;*/
vertical-align: top;
}
.sf_pagerIndex {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 9px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 0;
}
.sf_pagerIndex a {
background: #FFFFFF none repeat scroll 0%;
border: 1px solid #DDDDDD;
padding: 1px 2px;
text-decoration: none;
margin: 1px;
}
.sf_pagerIndex a:hover {
background: #ededed none repeat scroll 0%;
border-color: #000000;
color: #FFFFFF;
text-decoration: none;
}
.sf_pagerIndex a.sf_PagerCurrent {
background: #FFFFFF none repeat scroll 0%;
border-color: #666666;
font-weight: bold;
padding: 1px 2px;
vertical-align: top;
}
/* END MAIN - Pager */
/* ----------------------------------------------
MAIN - Multimedia Video
---------------------------------------------- */
.vidSmall, .vidSmall img {
width: 100px;
}
.vidMedium, .vidMedium img {
width: 200px;
}
.vidLarge, .vidLarge img {
width: 460px;
}
video {
width: 100% !important;
height: auto !important;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* END MAIN - Multimedia Video */
/* ----------------------------------------------
MAIN - Icon Usage
---------------------------------------------- */
/* Play icon overlay on image */
.video_icon {
position: relative;
}
.video_icon:before {
content: "\f01d";
color: rgba(0, 56, 118, 0.8);
text-shadow: 0px 0px 5px rgba(235,235,235,0.2);
font-size: 50px;
font-family: "FontAwesome";
position: absolute;
right:0;
bottom:0;
padding:10px;
z-index: 1;
opacity: 0.6;
transition:all 0.3s;
}
.video_icon:hover:before {
color: rgba(0, 56, 118, 0.9);
opacity:1;
}
/* Video icon */
.content-area-left a.vidIcon:before, .content-area-left a[href*="vimeo.com"]:before {
/* background: transparent url(https://media.asrt.org/images/cms_template/video-icon-14x14.png) top right no-repeat;
display: inline-block; */
/* line-height: 14px;*/
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f01d';
color: #666;
}
/* PDF icon */
.content-area-left a[href*=".pdf"]:before {
/* background: transparent url(https://media.asrt.org/images/cms_template/icons/AdobePDF_icon_16.png) top right no-repeat; */
/* display: inline-block; */
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f1c1';
color: #666;
text-decoration: none;
}
/* PDF icon hover colour */
.content-area-left a:hover[href*=".pdf"]:before {
color: #E21D28;
background-color: transparent;
text-decoration: none;
}
/* Insert [PDF] for inline paragraph text links */
.content-area-left a.pdf_inline[href*=".pdf"]:after {
padding: 0.5em 0.5em 0 0.5em;
content: '[PDF]';
color: #999;
text-decoration: none;
font-size: 90%;
}
.content-area-left a.pdf_inline:hover[href*=".pdf"]:after {
color: inherit;
}
.content-area-left a.pdf_inline[href*=".pdf"]:before {
content: none;
}
/* MS Excel icon */
.content-area-left a[href*='.xls']:before,
.content-area-left a[href*='.csv']:before,
.content-area-left a[href*='.xlw']:before,
.content-area-left a[href*='.xlt']:before {
/* background: transparent url(https://media.asrt.org/images/cms_template/icon_excel.png) center right no-repeat;
display: inline-block;
padding-right: 20px;
line-height: 16px; */
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f1c3';
color: #666;
}
/* MS Word icon */
.content-area-left a[href*='.doc']:before,
.content-area-left a[href*='.docx']:before,
.content-area-left a[href*='.dot']:before,
.content-area-left a[href*='.dotx']:before,
.content-area-left a[href*='.rtf']:before,
.content-area-left a[href*='.wps']:before,
.content-area-left a[href*='.txt']:before {
/* background: transparent url(https://media.asrt.org/images/cms_template/icon_word.png) center right no-repeat;
display: inline-block;
padding-right: 20px;
line-height: 16px; */
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f1c2';
color: #666;
}
/* MS PowerPoint icon */
.content-area-left a[href*='.ppt']:before,
.content-area-left a[href*='.pptx']:before {
/* background: transparent url(https://media.asrt.org/images/cms_template/icon_ppt.png) center right no-repeat;
display: inline-block;
padding-right: 20px;
line-height: 16px; */
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f1c4';
color: #666;
}
/* Email icon */
.content-area-left a[href^="mailto:"]:before {
/* background: transparent url(https://media.asrt.org/images/cms_template/icon_email.png) center right no-repeat;
display: inline-block;
padding-right: 20px;
line-height: 16px; */
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f003';
color: #666;
}
/* Twitter icon */
.content-area-left a[href*='twitter.com']:before {
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f081 ';
color: #666;
font-size: 150%;
}
/* Facebook icon */
.content-area-left a[href*='facebook.com']:before {
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f082 ';
color: #666;
font-size: 150%;
}
/* LinkedIn icon */
.content-area-left a[href*='linkedin.com']:before {
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f08c ';
color: #666;
font-size: 150%;
}
/* Instagram icon */
.content-area-left a[href*='instagram.com']:before {
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f16d ';
color: #666;
font-size: 150%;
}
/* GooglePlus icon */
.content-area-left a[href*='plus.google.com']:before {
padding: 0.5em 0.5em 0 0;
font-family: 'FontAwesome';
content: '\f16d ';
color: #666;
font-size: 150%;
}
/* HIDE ANY ICON CLASS BY USING CLASS "noIcon" */
.content-area-left a.noIcon[href*=".pdf"]:before,
.content-area-left a.noIcon[href*='.xls']:before,
.content-area-left a.noIcon[href*='.csv']:before,
.content-area-left a.noIcon[href*='.xlw']:before,
.content-area-left a.noIcon[href*='.xlt']:before,
.content-area-left a.noIcon[href*='.doc']:before,
.content-area-left a.noIcon[href*='.docx']:before,
.content-area-left a.noIcon[href*='.dot']:before,
.content-area-left a.noIcon[href*='.dotx']:before,
.content-area-left a.noIcon[href*='.rtf']:before,
.content-area-left a.noIcon[href*='.wps']:before,
.content-area-left a.noIcon[href*='.txt']:before,
.content-area-left a.noIcon[href*='.ppt']:before,
.content-area-left a.noIcon[href*='.pptx']:before,
.content-area-left a.noIcon[href^="mailto:"]:before,
.content-area-left a.noIcon[href*="vimeo.com"]:before,
.content-area-left a.noIcon[href*='twitter.com']:before,
.content-area-left a.noIcon[href*='facebook.com']:before,
.content-area-left a.noIcon[href*='linkedin.com']:before,
.content-area-left a.noIcon[href*='instagram.com']:before,
.content-area-left a.noIcon[href*='plus.google.com']:before
{
content: none;
}
/* Click to Call for Phone Numbrs */
a[href^="tel"], a[href^="sms"] {
text-decoration: none; pointer-events: none; cursor: default;
}
/* END MAIN - Icon Usage */
/* ----------------------------------------------
MAIN - CSS Buttons
relocated to forms.css 02.05.15
---------------------------------------------- */
/* ----------------------------------------------
MAIN - CSS Gradients
---------------------------------------------- */
.gradient_lightblue {
background: #e4fafd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNlNGZhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #e4fafd 11%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#e4fafd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e4fafd 11%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e4fafd 11%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e4fafd 11%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #e4fafd 11%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fafd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.gradient_greytowhite {
width: 96%;
padding: 2%;
height: auto;
overflow-y: hidden;
background: #f0f3f8; /* Old browsers */
background: -moz-linear-gradient(left, #f0f3f8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f3f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f0f3f8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f0f3f8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f0f3f8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #f0f3f8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f3f8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
/* END MAIN - CSS Gradients */
/* ----------------------------------------------
MAIN - Specialty
---------------------------------------------- */
/* Sitefinity fancybox - ensure it overlays the main-nav menu */
#fancybox-wrap {
z-index: 11000 !important;
}
#fancybox-overlay {
background-color: #000 !important;
opacity: 0.8;
}
#fancybox-title {
left: 2% !important;
width: 90% !important;
text-align: center;
}
.fancybox-title-float {
position: relative !important;
}
#fancybox-title-float-left, #fancybox-title-float-main, #fancybox-title-float-right {
background: none !important;
}
#fancybox-title-float-wrap td {
white-space: normal !important;
}
li.subby a {
font-style: italic;
*font-style: normal;
}
div.nivo-controlNav {
z-index: 101;
}
a.nivo-control {
z-index: 102;
}
sup {
font-size: 9px;
vertical-align: super;
}
sub {
font-size: 9px;
vertical-align: sub;
}
span.circleYellow {
background: rgb(240, 204, 11);
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #363636;
display: inline-block;
font-weight: bold;
line-height: 1.6em;
margin-right: 1em;
text-align: center;
width: 1.6em;
padding: 0.25em;
float: left;
}
.quotation {
/*width: 85%;*/
font-size:1.1em;
border-top: 0.2em solid #003876;
border-bottom: 0.2em solid #003876;
display: block;
padding: 2em;
margin: 2em 2em;
/*background-color: #FAFAFA;*/
border-radius: 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.quotation p {
line-height: 1.8;
}
.quotation p:before {
content:"\201C ";
font-family: Georgia, 'Times New Roman', Serif;
line-height:0.8em;
color:#999999;
font-size:2em;
}
.quotation p:after {
content:" \201D ";
font-family: Georgia, 'Times New Roman', Serif;
line-height:0.8em;
color:#999999;
font-size:2em;
}
.cite {
display: block;
/*padding: 3px;*/
text-align: right;
font-size:0.7em;
color:#999999;
/*margin:1em 0;*/
}
.SponsorBy_block {
font-size: 0.7em;
color: #999;
display: block;
text-align: left;
margin: 0;
min-height: 45px;
}
.SponsorBy_block img {
text-align: left;
width: 90px;
height: auto;
border: 0;
display: block;
margin: 0.5em 0 0 0;
}
.padding {
padding: 1em !important;
margin: 1em !important;
}
/* Toggle Show/Hide using articles */
/*
article {
margin-bottom: 3rem;
position: relative;
*zoom: 1;
}
article:before, article:after {
content: "";
display: table;
}
article:after { clear: both }
article section:last-of-type {
display: none;
visibility: hidden;
}
section {
-webkit-transition: .125s linear;
-moz-transition: .125s linear;
-ms-transition: .125s linear;
-o-transition: .125s linear;
transition: .125s linear;
}
input[type=checkbox].togglecheckbox {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
[for="read_more"] {
position: absolute;
bottom: -3rem;
left: 0;
width: 25%;
text-align: left;
padding: 1em 1em 2em 0;
color: #008AB0;
}
[for="read_more"]:hover {
color: #B0C03B;
}
[for="read_more"] span:last-of-type {
display: none;
visibility: hidden;
}
input[type=checkbox]:checked ~ section {
display: block;
visibility: visible;
width: 100%;
}
input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type {
display: none;
visibility: hidden;
}
input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type {
display: block;
visibility: visible;
}
*/
/* END MAIN - Specialty */
/* ----------------------------------------------
MAIN - Tooltips
---------------------------------------------- */
/* OLD STYLE */
#toolTip {
background-color: #ffffff;
border: 1px solid #acacac;
padding: 2px;
}
#toolTip p, #toolTip h1, #toolTip h2, #toolTip h3 {
padding: 0;
margin: 0;
}
/* automatically include information icon */
[rel*="tooltip"]:after {
padding-left: 0.25em;
font-family: 'FontAwesome';
content: '\f05a';
color: #666;
}
#tooltip {
z-index: 9999; /* position over navigation bar */
position: absolute;
max-width: 400px; /* control tooltip box width from extending too wide */
padding: 1em;
text-align: left;
color: rgba(25,25,25,1.0); /* text colour */
background-color: #fff; /* IE8 fix */
background-color: rgba(250,250,250,0.97);
border-top:2px solid #002142; /* IE8 fix */
border-right:2px solid #002142; /* IE8 fix */
border-left:2px solid #002142; /* IE8 fix */
border-bottom:2px solid #002142; /* IE8 fix */
border: 2px solid rgba(0,33,66,1.0);
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.26);
-webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.26);
}
/* triangle decoration */
#tooltip:after {
width: 0;
height: 0;
border-top: 10px solid #002142; /* IE8 fix */
border-top: 10px solid rgba(0,0,0,0.9);
border-right: 10px solid transparent;
border-bottom: 0px solid rgba(0,0,0,0.0);
border-left: 10px solid transparent;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid transparent;
top: -20px;
bottom: auto;
}
#tooltip.left:after {
left: 10px;
margin: 0;
}
#tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}
/* ----------------------------------------------
MAIN - Original L2 Box Widgets w/Backgrounds
---------------------------------------------- */
.introCE3 {
background: url(../png/l2_ce_woman.png) top right no-repeat;
width: 103%;
height: 150%;
padding: 2% 0 0 0;
/* height: 185px;
overflow: hidden; */
}
.introNR4 {
background: url(../png/l2_pressroom.png) bottom right no-repeat;
width: 103%;
height: auto;
padding: 0 0 26% 0;
/* height: 175px;
overflow: hidden; */
}
.introSR1 {
background: url(../png/l2_practicestds.png) bottom right no-repeat;
width: 103%;
height: auto;
padding: 0 0 3% 0;
/* height: 250px; #e4fafd
overflow: hidden; */
}
.introCR3 {
background: url(../png/l2_career_dog.png) bottom right no-repeat;
width: 103%;
height: auto;
/* height: 200px;
overflow: hidden; */
}
.introPT3 {
background: url(../png/l2_patients.png) bottom right no-repeat;
width: 103%;
height: auto;
padding: 8% 0 2% 0;
/* height: 190px; #e4fafd
overflow: hidden; */
}
.introST2 {
background: #e4fafd url(../jpg/l2_rtstudent_students.jpg) bottom right no-repeat;
height: 220px;
overflow: hidden;
}
.introVL2 {
background: url(../png/l2_volunteer.png) bottom right no-repeat;
width: 103%;
height: auto;
padding: 6% 0% 2% 0;
/* height: 190px;
overflow: hidden; */
}
.introNRTW1 {
background: url(../jpg/l2_rt-photo.jpg) bottom right no-repeat;
width: 103%;
height: auto;
/* height: 190px; #e4fafd
overflow: hidden; */
}
/* SF Dwonload List, Document Link, and List Widgets */
.sfcommentsCounterWrp.sfcommentsShort {
display: none; /* Hide commenting */
}
.sfdotx,
.sfpdf {
margin: 0 1em 2em 0; /* space below each list item */
width: 45%; /* 2 column */
float: left;
}
/* END MAIN - Original L2 Box Widgets w/Backgrounds */
/* ----------------------------------------------
MAIN - SideBar - In This Section Menu
!! REVIEW FOR CLEAN UP !!
---------------------------------------------- */
.k-treeview .k-item {
padding: 0 !important;
}
/* OLD In This Section */
.inThisSectionMenu {
white-space: normal !important;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #008ab0;
}
.inThisSectionMenu .k-top, .inThisSectionMenu .k-mid, .inThisSectionMenu .k-bot {
padding: 0px 2px !important;
background: #fff !important;
background-image: none !important;
}
.inThisSectionMenu .k-minus {
background: url(../png/subnav-up.png) no-repeat bottom left !important;
float: left !important;
}
.inThisSectionMenu .k-plus {
background: url(../png/subnav-down.png) no-repeat bottom left !important;
float: left !important;
clear: both;
}
.inThisSectionMenu .k-group .k-item .k-group .k-item .k-minus {
background: url(../png/subnav-up.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
float: left !important;
height: 18px !important;
}
.inThisSectionMenu .k-group .k-item .k-group .k-item .k-plus {
background: url(../png/subnav-down.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
float: left !important;
height: 18px !important;
}
.content-area-right .inThisSectionMenu {
margin: 0 0 25px 5px;
padding: 0;
}
.inThisSectionMenu .k-plus, .inThisSectionMenu .k-minus {
margin-left: 0px !important;
margin-right: 0px;
margin: 1px 0px 0px 0px !important;
float: right;
width: 27px !important;
height: 31px !important;
}
.inThisSectionMenu .k-in {
display: block !important;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 8px 0px !important;
background-position: bottom left !important;
border-style: none !important;
height: auto;
vertical-align: bottom;
width: 75%; /* NEW */
margin: 0 0 0 25px !important;
}
.inThisSectionMenu .k-hover .k-in, .inThisSectionMenu .k-selected .k-in {
border: none !important;
}
.inThisSectionMenu .k-group .k-item .k-group .k-item {
list-style-type: none;
background: url(../png/vline.png) repeat-y 15px 0px;
margin: 0;
padding: 0 !important;
}
.inThisSectionMenu .k-group {
background: #ffffff url(../jpg/subnav-side-sub.jpg) repeat-y top left;
}
.inThisSectionMenu .k-group .k-item .k-group .k-item {
margin: 0;
padding: 2px 12px;
background: url(../png/node.png) repeat-y 15px 0;
line-height: 100%;
}
.inThisSectionMenu .k-group .k-item .k-group .k-item.k-last {
background: url(../png/lastnode.png) no-repeat 15px 0px !important;
}
.inThisSectionMenu .k-group .k-item .k-group .k-item .k-top,
.inThisSectionMenu .k-group .k-item .k-group .k-item .k-mid,
.inThisSectionMenu .k-group .k-item .k-group .k-item .k-bot {
background: none !important;
}
.inThisSectionMenu .k-group .k-item .k-group .k-item .k-in {
font-size: 11px;
font-weight: normal;
color: #008ab0;
padding: 4px 0px !important;
text-decoration: underline;
margin: 0 0 0 28px !important;
}
.inThisSectionMenu .k-group .k-item .k-group .k-item .k-hover .k-in {
color: #b0c03b;
}
.inThisSectionMenu .k-top, .inThisSectionMenu .k-mid, .inThisSectionMenu .k-bot {
background: #fff url('../jpg/subnav-side.jpg') repeat-y top left !important;
border-left: 1px #eeeeee solid;
overflow-x: hidden;
white-space: normal;
}
.inThisSectionMenu select {
/* background-color: #60B6CF; */
text-indent: 0.01px;
text-overflow: '';
width: 100%;
padding: 2%;
font-size: 16px;
margin-top: 1%;
background: url('../png/selectarrows.png') no-repeat 96% 50% #FFF; /* fallback bg image*/
background: url('../png/selectarrows.png') no-repeat 96% 50%, -webkit-linear-gradient(top, #FFF, #CCC);
background: -moz-linear-gradient(top, #FFF, #CCC);
background: url('../png/selectarrows.png') no-repeat 96% 50%, -ms-linear-gradient(top, #FFF, #CCC);
background: url('../png/selectarrows.png') no-repeat 96% 50%, -o-linear-gradient(top, #FFF, #CCC);
background: url('../png/selectarrows.png') no-repeat 96% 50%, linear-gradient(top, #FFF, #CCC);
*background-image:none; /* turn bg image for IE7 */
-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
appearance: none;
}
/* NEW In This Section by Courtney */
.sfNavTreeviewWrp RadTreeView_subnav {
white-space: normal !important;
font-family: 'Istok Web', Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #008ab0;
width: 100%;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtTop, .RadTreeView_subnav .rtMid, .RadTreeView_subnav .rtBot {
padding: 0px 2px !important;
background: #fff !important;
background-image: none !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtSp {
display: none !important;
width: 0;
float: left;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtMinus {
background: url(../png/subnav-up.png) no-repeat bottom left !important;
background-position: 25px 0px !important;
float: left !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtPlus {
background: url(../png/subnav-down.png) no-repeat bottom left !important;
background-position: 25px 0px !important;
float: left !important;
clear: both;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtMinusHover {
background: url(../png/subnav-up-hover.png) no-repeat bottom left !important;
background-position: 25px 0px !important;
float: left !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtPlusHover {
background: url(../png/subnav-down-hover.png) no-repeat bottom left !important;
background-position: 25px 0px !important;
float: left !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI .rtMinus {
background: url(../png/subnav-up.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
float: left !important;
height: 18px !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI .rtPlus {
background: url(../png/subnav-down.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
float: left !important;
height: 18px !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI .rtMinusHover {
background: url(../png/subnav-up-hover.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
height: 20px !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI .rtPlusHover {
background: url(../png/subnav-down-hover.png) no-repeat bottom left !important;
background-position: 6px -5px !important;
height: 20px !important;
}
.content-area-right .sfNavWrp .sfNavTreeviewWrp .subnav {
margin: 0 0 25px 5px;
padding: 0;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtPlus, .sfNavWrp .sfNavTreeviewWrp .subnav .rtMinus {
margin-left: 0px !important;
margin-right: 0px;
margin: 1px 0px 0px 0px !important;
float: right;
width: 27px !important;
height: 31px !important;
background-position: bottom left !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtIn {
display: block;
width: 100%;
padding: 0px !important;
margin: 0 0 0 25px !important;
font-family: 'Istok Web', Arial, sans-serif;
font-size: 14px;
font-weight: bold;
/* width: 230px; */
/* padding: 8px 0px !important; */
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtHover .rtIn, .RadTreeView_subnav .rtSelected .rtIn {
border: none !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI {
list-style-type: none;
background: url(../png/vline.png) repeat-y 15px 0px;
margin: 0;
padding: 0 !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL {
background: #ffffff url(../jpg/subnav-side-sub.jpg) repeat-y top left;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI {
margin: 0;
padding: 2px 12px;
background: url(../png/node.png) repeat-y 15px 0;
line-height: 100%;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI.rtLast {
background: url(../png/lastnode.png) no-repeat 15px 0px !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI .rtTop, .RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtMid, .RadTreeView_subnav .rtUL .rtLI .rtUL .rtLI .rtBot {
background: none !important;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI .rtIn {
font-size: 11px;
font-weight: normal;
color: #008ab0;
padding: 4px 0px !important;
text-decoration: underline;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtUL .rtLI .rtUL .rtLI .rtHover .rtIn {
color: #b0c03b;
}
.sfNavWrp .sfNavTreeviewWrp .subnav .rtTop, .RadTreeView_subnav .rtMid, .RadTreeView_subnav .rtBot {
background: #fff url(../jpg/subnav-side.jpg) repeat-y top left !important;
border-left: 1px #eeeeee solid;
}
/* END MAIN SideBar - In This Section Menu */
@media only screen and (max-width: 960px) {
.addthis_toolbox {
margin-top: -5.5em;
}
} |