/***###################################***/
/*** ASPEN STYLE SHEET ***/
/***###################################***/
/**
* Aspen styles for iMIS - UltraWave
*
* This document contains styles specific to the Aspen theme.
*
* @colordef #360 green (links)
* @colordef #250 jungle green (headers)
* @colordef #8ba05d moss green (standard button background, left nav selected link highlight)
* @colordef #86934a a different moss(standard button border)
* @colordef #d4e5ba seafoam green (selected item highlight, leftnav/tooltip link hover highlight, CalloutPart1 background, event program sort header background)
* @colordef #aabf84 grey green (Progress Tracker2)
* @colordef #79be79 lily pad (selected tab)
* @colordef #87C442 spring green (Progress Tracker)
* @colordef #406e0b clean green (total box background)
* @colordef #A3FF51 neon green (Progress Tracker2)
* @colordef #dfe9db soft green (home page login box border)
* @colordef #d18b1c goldenrod (primary button background)
* @colordef #c7620a fall orange (primary button border)
* @colordef Blue blue (cart indicator)
* @colordef #94c2e6 sky blue (CalloutPanelField1 label background)
* @colordef #044c88 dark blue (CalloutPanelField1 label text)
* @colordef #013299 smalt blue (Helper text)
*
* @colordef #555 dark grey (search box shadow, left nav header text)
* @colordef #606060 battleship grey (footer copyright text)
* @colordef #777 just grey (search box text)
* @colordef #808080 magnetic grey (CalloutBlockType1 background)
* @colordef #999 goose grey (disabled tab text)
* @colordef #CCC medium grey (borders, OBO with contact set background, left nav header background)
* @colordef #E0E0E0 light grey (footer copyright background)
* @colordef #EEE whisper grey (CCOGrayBG background, CalloutPart2 background)
*
* @colordef Black black (background)
* @colordef #000 black (misc.)
* @colordef White white (misc.)
* @colordef #FFF white (misc.)
*
* TABLE OF CONTENTS:
* General
* Action Icons
* MasterPage
* Cart Indicator
* Left Nav
* Content Borders
* Headers
* Forms
* Page loading
* Rad Controls
* Zones
* iParts
* PanelFields
* Unauthenticated Home Page
* Donor Sample Site Styles
* Overrides
* Specific iParts
* * Search Results
* * Event Display
* * Progress Tracker
* * Filter Panel (Query Menu)
*/
/*********************************************/
/* General */
/*********************************************/
/* Defines the sprite for applicable elements */
#MainBody, #masterFooterCopyright, .TitleBarCaption span, .PanelTitle, h2, #masterTopBarAuxiliary #SimpleSearchBlock input[type="text"], .cartSprite {
background-image: url(images/AspenSprite.png)
}
/* Defines link color */
a, .ContentPanel .InLineOption_Controls_Always_Display a, #AddButtonPanelTop a, a.NotPrinted {
color: #360
}
.RadGrid a {
color: #360 !important;
/* !important needed for Telerik style override */
}
.RadGrid .rgSelectedRow a {
color: #FFF !important
}
/******************************************/
/* Action Icons Styling */
/******************************************/
/* This is used to display the add, edit, delete, move up, and move down icons */
.IconSprite, .DeleteImage, .EditImage, .ArrowUp, .ArrowUpOff, .ArrowDown, .ArrowDownOff /* Classes on this row are needed for compatibility purposes */ {
background-image: url(images/IconSprite.png);
background-repeat: no-repeat;
width: 22px;
height: 22px
}
.IconSprite.AddIcon, .IconSprite.SaveIcon, .IconSprite.AddIcon[disabled]:hover, .IconSprite.SaveIcon[disabled]:hover {
background-position: 0 0
}
.IconSprite.AddIcon:hover, .IconSprite.SaveIcon:hover, .IconSprite.AddIcon:focus, .IconSprite.SaveIcon:focus, a:hover .IconSprite.SaveIcon, a:focus .IconSprite.SaveIcon {
background-position: 0 -35px
}
.IconSprite.EditIcon, .IconSprite.EditIcon[disabled]:hover, .EditImage, .EditImage[disabled]:hover /* EditImage is for compatibility purposes */ {
background-position: -35px 0
}
.IconSprite.EditIcon:hover, .EditImage:hover, a:hover .IconSprite.EditIcon, a:focus .IconSprite.EditIcon, .IconSprite.EditIcon:focus, .EditImage:focus /* EditImage is for compatibility purposes */ {
background-position: -35px -35px
}
.IconSprite.DeleteIcon, .IconSprite.DeleteIcon[disabled]:hover, .DeleteImage, .DeleteImage[disabled]:hover /* DeleteImage is for compatibility purposes */ {
background-position: -70px 0
}
.IconSprite.DeleteIcon:hover, .DeleteImage:hover, a:hover .IconSprite.DeleteIcon, a:focus .IconSprite.DeleteIcon, .IconSprite.DeleteIcon:focus, .DeleteImage:focus /* DeleteImage is for compatibility purposes */ {
background-position: -70px -35px
}
.IconSprite.UpIcon, .IconSprite.UpIcon[disabled]:hover, .ArrowUp, .ArrowUpOff, .ArrowUp[disabled]:hover /* ArrowUp and ArrowUpOff are for compatibility purposes */ {
background-position: -105px 0
}
.IconSprite.UpIcon:hover, .ArrowUp:hover, a:hover .IconSprite.UpIcon, a:focus .IconSprite.UpIcon, .IconSprite.UpIcon:focus, .ArrowUp:focus /* ArrowUp is for compatibility purposes */ {
background-position: -105px -35px
}
.IconSprite.DownIcon, .IconSprite.DownIcon[disabled]:hover, .ArrowDown, .ArrowDownOff, .ArrowDown[disabled]:hover /* ArrowDown and ArrowDownOff are for compatibility purposes */ {
background-position: -140px 0
}
.IconSprite.DownIcon:hover, .ArrowDown:hover, a:hover .IconSprite.DownIcon, a:focus .IconSprite.DownIcon, .IconSprite.DownIcon:focus, .ArrowDown:focus /* ArrowDown is for compatibility purposes */ {
background-position: -140px -35px
}
.IconSprite.SelectIcon, .IconSprite.SelectIcon[disabled]:hover {
background-position: -175px 0
}
.IconSprite.SelectIcon:hover, .IconSprite.SelectIcon:focus, a:hover .IconSprite.SelectIcon, a:focus .IconSprite.SelectIcon {
background-position: -175px -35px
}
.IconSprite.CheckIcon, .IconSprite.CheckIcon[disabled]:hover {
background-position: -245px 0
}
.IconSprite.CheckIcon:hover, .IconSprite.CheckIcon:focus, a:hover .IconSprite.CheckIcon, a:focus .IconSprite.CheckIcon {
background-position: -245px -35px
}
.IconSprite.UndoIcon, .IconSprite.UndoIcon[disabled]:hover, .IconSprite.ResetIcon, .IconSprite.ResetIcon[disabled]:hover {
background-position: -280px 0
}
.IconSprite.UndoIcon:hover, .IconSprite.ResetIcon:hover, .IconSprite.UndoIcon:focus, .IconSprite.ResetIcon:focus, a:hover .IconSprite.UndoIcon, a:focus .IconSprite.UndoIcon, a:hover .IconSprite.ResetIcon, a:focus .IconSprite.ResetIcon {
background-position: -280px -35px
}
.IconSprite.FindIcon, .IconSprite.FindIcon[disabled]:hover {
background-position: -315px 0
}
.IconSprite.FindIcon:hover, .IconSprite.FindIcon:focus, a:hover .IconSprite.FindIcon, a:focus .IconSprite.FindIcon {
background-position: -315px -35px
}
.IconSprite.CancelIcon, .IconSprite.CancelIcon[disabled]:hover {
background-position: -350px 0
}
.IconSprite.CancelIcon:hover, .IconSprite.CancelIcon:focus, a:hover .IconSprite.CancelIcon, a:focus .IconSprite.CancelIcon {
background-position: -350px -35px
}
.IconSprite.ContactIcon, .IconSprite.ContactIcon[disabled]:hover {
background-position: -385px 0
}
.IconSprite.ContactIcon:hover, .IconSprite.ContactIcon:focus, a:hover .IconSprite.ContactIcon, a:focus .IconSprite.ContactIcon {
background-position: -385px -35px
}
.ArrowUpOff, .ArrowDownOff {
opacity: 0.4;
filter: alpha(opacity=40);
/* filter needed for IE compatibility */
}
/**** End Action Icons Styling ****/
/******************************************/
/* Social Networking Icons */
/******************************************/
.SocialSprite {
background-image: url(images/SocialSprite.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
vertical-align: top
}
.SocialSprite.LargeButtons {
width: 32px;
height: 32px
}
.SocialSprite.FacebookIcon {
background-position: 0 0
}
.SocialSprite.FacebookIcon:hover {
background-position: 0 -40px
}
.SocialSprite.FacebookIcon.LargeButtons {
background-position: 0 -80px
}
.SocialSprite.FacebookIcon.LargeButtons:hover {
background-position: 0 -120px
}
.SocialSprite.TwitterIcon {
background-position: -40px 0
}
.SocialSprite.TwitterIcon:hover {
background-position: -40px -40px
}
.SocialSprite.TwitterIcon.LargeButtons {
background-position: -40px -80px
}
.SocialSprite.TwitterIcon.LargeButtons:hover {
background-position: -40px -120px
}
.SocialSprite.LinkedInIcon {
background-position: -80px 0
}
.SocialSprite.LinkedInIcon:hover {
background-position: -80px -40px
}
.SocialSprite.LinkedInIcon.LargeButtons {
background-position: -80px -80px
}
.SocialSprite.LinkedInIcon.LargeButtons:hover {
background-position: -80px -120px
}
.SocialSprite.YouTubeIcon {
background-position: -120px 0
}
.SocialSprite.YouTubeIcon:hover {
background-position: -120px -40px
}
.SocialSprite.YouTubeIcon.LargeButtons {
background-position: -120px -80px
}
.SocialSprite.YouTubeIcon.LargeButtons:hover {
background-position: -120px -120px
}
.SocialSprite.EmailIcon {
background-position: -160px 0
}
.SocialSprite.EmailIcon:hover {
background-position: -160px -40px
}
.SocialSprite.EmailIcon.LargeButtons {
background-position: -160px -80px
}
.SocialSprite.EmailIcon.LargeButtons:hover {
background-position: -160px -120px
}
.SocialSprite.PinterestIcon {
background-position: -200px 0
}
.SocialSprite.PinterestIcon:hover {
background-position: -200px -40px
}
.SocialSprite.PinterestIcon.LargeButtons {
background-position: -200px -80px
}
.SocialSprite.PinterestIcon.LargeButtons:hover {
background-position: -200px -120px
}
.SocialSprite.GPlusIcon {
background-position: -240px 0
}
.SocialSprite.GPlusIcon:hover {
background-position: -240px -40px
}
.SocialSprite.GPlusIcon.LargeButtons {
background-position: -240px -80px
}
.SocialSprite.GPlusIcon.LargeButtons:hover {
background-position: -240px -120px
}
/**** End Social Netowrking Icon Styling ****/
/******************************************/
/* MasterPage Styling */
/******************************************/
/* This section defines items that display on every page */
/* Defines the header logo */
#masterHeaderImage {
background-image: url(images/HeaderLogo.gif);
background-repeat: no-repeat;
/* Change the width and height to match your logo's dimensions */
width: 491px;
height: 50px
}
#masterTopBarAuxiliary {
font-weight: bold
}
#masterTopBarAuxiliary a {
text-decoration: none
}
#masterTopBarAuxiliary .NavigationUnorderedList li {
border-left: solid 1px #CCC
}
/* Styling for the global search bar */
#masterTopBarAuxiliary #SimpleSearchBlock input[type="text"] {
width: 250px;
height: 14px;
line-height: 14px;
color: #777;
padding: 3px 12px;
padding-left: 23px !important;
border: 1px solid #CCC;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-color: #CCC;
-moz-box-shadow: 0 3px 4px #555 inset;
-webkit-box-shadow: 0 3px 4px #555 inset;
box-shadow: 0 3px 4px #555 inset;
background-color: White;
background-repeat: no-repeat;
background-position: -277px -263px
}
#masterTopBarAuxiliary #SimpleSearchBlock input[type="submit"] {
display: none
}
/* The stylized background */
#MainBody {
background-repeat: repeat-x;
background-position: 0 -473px
}
#MainHtml {
background-color: Black
}
/* Defines the background for the content area */
#masterWrapper, #ft {
background-color: White;
border-right: solid 1px White;
border-left: solid 1px White
}
#masterFooterNavigation a {
color: #000
}
/* Defines the copyright area of the footer and the footer logo */
#masterFooterCopyright {
color: #606060;
background-color: #E0E0E0;
background-repeat: no-repeat;
background-position: 100% -394px
}
/* Defines the background of the Proxy panel when you are working on behalf of another account */
.ProxyPanelContact {
background: #e7e7e7;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
background: -moz-linear-gradient(top, #e7e7e7 50%, #d3d3d3 50%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e7e7e7), color-stop(50%, #d3d3d3));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e7e7e7 50%, #d3d3d3 50%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e7e7e7 50%, #d3d3d3 50%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e7e7e7 50%, #d3d3d3 50%);
/* IE10+ */
background: linear-gradient(top, #e7e7e7 50%, #d3d3d3 50%);
/* W3C */
/* IE6-8 */
-moz-box-shadow: 0 5px 8px #555;
-webkit-box-shadow: 0 5px 8px #555;
box-shadow: 0 5px 8px #555;
margin-bottom: 0.4em
}
/**** End MasterPage Styling ****/
/******************************************/
/* Cart Indicator Styling */
/******************************************/
#masterTopBarAuxiliary .cartSprite {
background-repeat: no-repeat;
height: 14px;
display: inline-block;
padding-left: 0 !important;
padding-right: 0 !important;
vertical-align: top;
position: relative;
top: 7px
}
#masterTopBarAuxiliary .cartEmpty .cartSprite {
width: 23px;
background-position: 0 -267px
}
#masterTopBarAuxiliary .cartLeft.cartSprite {
width: 11px;
background-position: -57px -267px
}
#masterTopBarAuxiliary .cartCenter.cartSprite {
background-position: -68px -267px
}
#masterTopBarAuxiliary .cartCenter span {
color: Blue;
position: relative;
top: -11px
}
#masterTopBarAuxiliary .cartRight.cartSprite {
width: 9px;
background-position: -171px -267px
}
#masterFooterNavigation .cartEmpty, #masterFooterNavigation .cartFull {
display: none
}
/**** End Cart Indicator Styling ****/
/***********************************************/
/* Left Nav Styling */
/***********************************************/
#pagesubnav {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC
}
.SubNavPanelHead {
background-color: #CCC;
color: #555;
font-family: Trebuchet MS, Arial, Sans-Serif
}
.SubNavigationSeparator {
border-style: dashed none none none;
border-width: 1.5px;
border-top-color: #c0c0c0;
height: 1px;
padding: 0;
margin: 0;
width: 90%
}
/**** End Left Nav Styling ****/
/******************************************************/
/* Content Border Styling */
/******************************************************/
/* Defines the border of the top iPart or standard panel with rounded corners */
.ContentBorder, .StandardPanel {
border-color: #CCC;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0
}
.ContentBorder {
padding-top: 0.8em
}
/* This puts a border around CCO content */
.ContentWizardDisplay {
padding: 0.5em 0.5em 1em 1em;
border: solid 1px #CCC;
border-top: none
}
/* This puts a border around content below a set of tabs (e.g. Contact Address Editor iPart)*/
.StandardPanel.ContentTabbedDisplay {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0
}
/**** End Content Border Styling ****/
/**************************************************/
/* Header Styling */
/**************************************************/
/* Put the class "PageTitle" on a div to have the text inside act as a title */
h1, .PageTitle, h3, .SectionTitle, caption {
color: #250;
font-family: Trebuchet MS, Helvetica, Sans-Serif
}
h1 small, .PageTitle small {
font-size: 0.7em;
color: black
}
caption {
text-align: left;
font-weight: bold;
font-size: 1.4em
}
/* Defines the green arrow next to the title bar caption */
.TitleBarCaption span, .PanelTitle, h2 {
font-family: Trebuchet MS, Helvetica, Sans-Serif;
padding-left: 1.4em;
background-repeat: no-repeat;
background-position: 0 -181px
}
/* Need larger font size and extra padding for StandarPanel titles to compensate for different styling in UltraWave */
.PanelTitle {
line-height: normal;
margin-left: 0
}
/* Defines the styling for the new title bar */
.TitleBarCaption, .PanelHead.Distinguish, h2, div.PanelTitle, div.ShowFieldset fieldset {
border-color: #CCC
}
.PanelHead.Distinguish {
padding: 0.4em
}
.PanelHeadCollapseImage {
padding-top: 3px;
padding-left: 3px
}
/**** TitleBarCaption -- Deprecated ****/
.TitleBarCaption {
padding: 0 0 0.5em
}
.TitleBarCaption span {
font-size: 1.5em
}
/* This causes a title bar caption's border to reach to edges of the content border */
.ContentBorder div.TitleBarCaption {
margin-right: -0.313em;
margin-left: -0.313em;
padding-right: 0.313em;
padding-left: 0.313em
}
/* (e.g., add, edit) */
#AddButtonPanelTop a, a.NotPrinted {
text-transform: lowercase;
text-decoration: none
}
.ContentPanel .InLineOption_Controls_Always_Display a[id]:before, #AddButtonPanelTop a:before, a.NotPrinted:before {
content: "("
}
.ContentPanel .InLineOption_Controls_Always_Display a[id]:after, #AddButtonPanelTop a:after, a.NotPrinted:after {
content: ")"
}
/* */
.HelperText {
color: #013299
}
/***** End of Header Styling *****/
/**************************************************/
/* Form Styling */
/**************************************************/
/* These styles apply to form labels, fields and buttons */
/* This gives text fields, text areas and drop-down menus rounded corners */
input[type="text"], input[type="password"], textarea, select {
-moz-border-radius: 0.231em;
-webkit-border-radius: 0.231em;
border-radius: 0.231em;
border: 1px solid DarkGray
}
input[type="text"], input[type="password"] {
line-height: 1.45em;
height: 1.45em;
width: 12.25em
}
/* Styling for the buttons */
/* You can make html links use this style by applying the class "btn" to the tag */
input.TextButton, input.TextButtonWithImage, a.btn, a#ctl00_LoginStatus1, .RadUpload .ruButton, .RadUploadProgressArea .ruButton {
display: inline-block;
background: #b0c192;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYzE5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2IwYzE5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzlhYWU3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NTlhNTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
background: -moz-linear-gradient(top, #b0c192 0%, #b0c192 48%, #9aae72 52%, #859a53 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0c192), color-stop(48%, #b0c192), color-stop(52%, #9aae72), color-stop(100%, #859a53));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b0c192 0%, #b0c192 48%, #9aae72 52%, #859a53 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b0c192 0%, #b0c192 48%, #9aae72 52%, #859a53 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b0c192 0%, #b0c192 48%, #9aae72 52%, #859a53 100%);
/* IE10+ */
background: linear-gradient(top, #b0c192 0%, #b0c192 48%, #9aae72 52%, #859a53 100%);
/* W3C */
/* IE6-8 */
background-repeat: repeat-x;
border: 1px solid #86934a;
line-height: 1.384615em;
/* 18px/13px */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFF;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
padding: 4px 10px !important;
font-weight: bold !important;
cursor: pointer
}
a.btn, a#ctl00_LoginStatus1 {
text-decoration: none
}
.RadUpload .ruButton, .RadUploadProgressArea .ruButton {
background-position: 0 0 !important;
cursor: pointer
}
/* Defines the background for hovered buttons */
input.TextButton:hover, input.TextButtonWithImage:hover, a.btn:hover, a#ctl00_LoginStatus1:hover, .RadUpload .ruButton:hover, .RadUploadProgressArea .ruButton:hover {
background: #bccc9c;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjY2M5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2JjY2M5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ExYjc2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZGE1NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
background: -moz-linear-gradient(top, #bccc9c 0%, #bccc9c 48%, #a1b76c 52%, #8da549 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bccc9c), color-stop(48%, #bccc9c), color-stop(52%, #a1b76c), color-stop(100%, #8da549));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bccc9c 0%, #bccc9c 48%, #a1b76c 52%, #8da549 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bccc9c 0%, #bccc9c 48%, #a1b76c 52%, #8da549 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #bccc9c 0%, #bccc9c 48%, #a1b76c 52%, #8da549 100%);
/* IE10+ */
background: linear-gradient(top, #bccc9c 0%, #bccc9c 48%, #a1b76c 52%, #8da549 100%);
/* W3C */
/* IE6-8 */
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear
}
/* Defines a second button in orange */
.TextButton.SaveAndClose, .TextButtonWithImage.SaveAndClose, .TextButton.PrimaryButton, .TextButtonWithImage.PrimaryButton, .TextButton.Save, .TextButtonWithText.Save, .btn.PrimaryButton, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage {
background: rgb(224, 172, 40);
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwYWMyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2UwYWMyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2Q2OTcyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzc4MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
background: -moz-linear-gradient(top, rgba(224, 172, 40, 1) 0%, rgba(224, 172, 40, 1) 48%, rgba(214, 151, 34, 1) 52%, rgba(204, 120, 4, 1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 172, 40, 1)), color-stop(48%, rgba(224, 172, 40, 1)), color-stop(52%, rgba(214, 151, 34, 1)), color-stop(100%, rgba(204, 120, 4, 1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(224, 172, 40, 1) 0%, rgba(224, 172, 40, 1) 48%, rgba(214, 151, 34, 1) 52%, rgba(204, 120, 4, 1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(224, 172, 40, 1) 0%, rgba(224, 172, 40, 1) 48%, rgba(214, 151, 34, 1) 52%, rgba(204, 120, 4, 1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224, 172, 40, 1) 0%, rgba(224, 172, 40, 1) 48%, rgba(214, 151, 34, 1) 52%, rgba(204, 120, 4, 1) 100%);
/* IE10+ */
background: linear-gradient(top, rgba(224, 172, 40, 1) 0%, rgba(224, 172, 40, 1) 48%, rgba(214, 151, 34, 1) 52%, rgba(204, 120, 4, 1) 100%);
/* W3C */
/* IE6-8 */
border-color: #c7620a
}
/* Defines hovered orange buttons */
.TextButton.SaveAndClose:hover, .TextButtonWithImage.SaveAndClose:hover, .TextButton.PrimaryButton:hover, .TextButtonWithImage.PrimaryButton:hover, .TextButton.Save:hover, .TextButtonWithText.Save:hover, .btn.PrimaryButton:hover, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButtonWithImage:hover, .TextButton.Add:hover {
background: rgb(221, 180, 75);
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkYjQ0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2RkYjQ0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2QzYTE0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzdmMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
background: -moz-linear-gradient(top, rgba(221, 180, 75, 1) 0%, rgba(221, 180, 75, 1) 48%, rgba(211, 161, 67, 1) 52%, rgba(204, 127, 28, 1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221, 180, 75, 1)), color-stop(48%, rgba(221, 180, 75, 1)), color-stop(52%, rgba(211, 161, 67, 1)), color-stop(100%, rgba(204, 127, 28, 1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(221, 180, 75, 1) 0%, rgba(221, 180, 75, 1) 48%, rgba(211, 161, 67, 1) 52%, rgba(204, 127, 28, 1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(221, 180, 75, 1) 0%, rgba(221, 180, 75, 1) 48%, rgba(211, 161, 67, 1) 52%, rgba(204, 127, 28, 1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(221, 180, 75, 1) 0%, rgba(221, 180, 75, 1) 48%, rgba(211, 161, 67, 1) 52%, rgba(204, 127, 28, 1) 100%);
/* IE10+ */
background: linear-gradient(top, rgba(221, 180, 75, 1) 0%, rgba(221, 180, 75, 1) 48%, rgba(211, 161, 67, 1) 52%, rgba(204, 127, 28, 1) 100%);
/* W3C */
/* IE6-8 */
}
/* Defines disabled buttons */
.TextButton[disabled], .TextButtonWithImage[disabled], .TextButton[disabled]:hover, .TextButtonWithImage[disabled]:hover {
background: #e0e0e0;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWM1YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
background: -moz-linear-gradient(top, #e0e0e0 0%, #e0e0e0 48%, #cfcfcf 52%, #c5c5c5 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(48%, #e0e0e0), color-stop(52%, #cfcfcf), color-stop(100%, #c5c5c5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0e0e0 0%, #e0e0e0 48%, #cfcfcf 52%, #c5c5c5 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0e0e0 0%, #e0e0e0 48%, #cfcfcf 52%, #c5c5c5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0e0e0 0%, #e0e0e0 48%, #cfcfcf 52%, #c5c5c5 100%);
/* IE10+ */
background: linear-gradient(top, #e0e0e0 0%, #e0e0e0 48%, #cfcfcf 52%, #c5c5c5 100%);
/* W3C */
/* IE6-8 */
border-color: #EEE;
cursor: auto
}
.TextButton.MediumButton, .TextButtonWithImage.MediumButton, .btn.MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage {
font-size: 120% !important;
padding: 9px 14px !important
}
.TextButton.LargeButton, .TextButtonWithImage.LargeButton, .btn.LargeButton, .UseLargeButton .TextButton, .UsePrimaryButton .TextLargeWithImage {
font-size: 160% !important;
padding: 14px 24px !important
}
/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
background-color: #d4e5ba
}
/**** End Form Styling ****/
/***********************************************/
/* Page loading */
/***********************************************/
/* Displays a loading message and spinner when a control is taking a while to load */
BODY.loadingBody {
background-color: #d4e5ba;
margin: 0;
padding: 0
}
#loadingSpinner {
background-image: url(images/spinner.gif)
}
/**** End Page Loading ****/
/***********************************************/
/* Rad Control Styles */
/***********************************************/
/**/
.RadTabStrip_Aspen .rtsOut, .RadTabStrip_Aspen .rtsIn, .RadTabStrip_Aspen .rtsLevel1 .rtsTxt {
padding: 0 !important
}
.RadTabStrip_Aspen .rtsLevel1 {
border-bottom: 2px solid #79be79
}
.RadTabStrip_Aspen .rtsLink {
color: #000;
line-height: 36px;
font-weight: bold;
border: 1px solid #CCC;
border-bottom: none;
margin-right: 0.313em;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
padding: 0 1.154em !important
}
.RadTabStrip_Aspen .rtsSelected {
background-color: #79be79;
color: #FFF
}
.RadTabStrip_Aspen .rtsDisabled {
color: #999
}
.RadTabStrip_Aspen .rtsLink:hover {
text-decoration: underline
}
.RadTabStrip_Aspen .rtsDisabled:hover {
text-decoration: none
}
/**/
.RadTabStripVertical.RadTabStrip_Aspen .rtsLevel1 {
border-bottom: none
}
.RadTabStripVertical.RadTabStrip_Aspen .rtsLink {
color: #000;
line-height: 2em;
border: none;
border-bottom: 1px solid #CCC;
margin-right: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0 0.5em !important;
font-weight: normal;
text-align: left !important
}
.RadTabStripVertical.RadTabStrip_Aspen .rtsLink:hover {
background-color: #d4e5ba
}
.RadTabStripVertical.RadTabStrip_Aspen .rtsSelected, .RadTabStripVertical.RadTabStrip_Aspen .rtsSelected:hover {
background-color: #8ba05d;
color: White;
font-weight: bold
}
/**/
/**/
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
background-color: #d4e5ba
}
/**/
/**** End Rad Control Styles ****/
/******************************************************/
/* Zone Styles */
/******************************************************/
/* Add these classes to specific zones in WCM for some special styling */
/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .ContentWizardDisplay {
background-color: #EEE
}
.CCOGrayBg .yui-g {
float: none
}
/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption {
border-bottom: none
}
/* Add zone style "CalloutBlockType1" to give any iParts in the zone with the content border turned on a different look and feel,
or apply style "CalloutBlock1" to an iPart or a div for the same style */
.CalloutBlockType1 .ContentBorder, .CalloutBlockType1 > .StandardPanel, .CalloutBlock1 {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
background: #808080 url(images/GrayContentBg.gif) repeat-x;
border: none !important;
padding: 0 10px 10px
}
.CalloutBlockType1 > .StandardPanel .PanelHead.Distinguish {
color: white;
border-bottom: none
}
.CalloutBlockType1 > .StandardPanel .PanelTitle {
padding-left: 0;
background: none
}
.CalloutBlockType1 > .StandardPanel > .PanelBody {
background-color: #CCC
}
.CalloutBlockType1 .ContentBorder .TitleBarCaption {
margin-top: -5px;
padding-top: 10px;
margin-right: -5px;
margin-left: -5px;
background: #808080 url(images/GrayContentBg.gif) repeat-x;
border-bottom: none;
color: White
}
.CalloutBlockType1 .ContentBorder > div {
background-color: #CCC;
padding: 0.385em
}
.CalloutBlockType1 .ContentBorder .TitleBarCaption span {
background: none;
padding: 0
}
.CalloutBlockType1 .ContentBorder .InLineOption {
padding-bottom: 0.3em
}
/**** End Zone Styles ****/
/*****************************************/
/* iPart Styles */
/*****************************************/
/* These classes may be used in iPart configuration */
/* Use the iPartChain class along with the appropriate placement class (FirstPart, MiddlePart or LastPart)
to give several stacked iParts a conjoined look. */
.iPartChain.FirstPart .StandardPanel {
border-bottom-width: 0 !important
}
.iPartChain.MiddlePart .StandardPanel {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-top-width: 0 !important;
border-bottom-width: 0 !important
}
.iPartChain.LastPart .StandardPanel {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-top-width: 0 !important
}
.iPartChain.MiddlePart, .iPartChain.LastPart {
margin-top: -0.9em
}
/* CalloutPart1 and CalloutPart2 may be used in iPart configuration to add a distinguishing background */
.CalloutPart1 .PanelBody, .CalloutPart1 .PanelHead {
background-color: #d4e5ba
}
.CalloutPart2 .PanelBody, .CalloutPart2 .PanelHead {
background-color: #EEE
}
.CalloutPart1 .PanelHead.Distinguish, .CalloutPart2 .PanelHead.Distinguish {
background-color: transparent
}
/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
color: #777;
font-size: 150%;
line-height: 170%
}
/* Use the CenterText class to center the text within the iPart */
.CenterText {
text-align: center
}
/* Other iPart classes available:
* CalloutBlockType1 - styled like the Zone style of the same class
* UsePrimaryButton - all buttons within this class will display as a primary button
* UseMediumButton - all buttons within this class will display as the medium size
* UseLargeButton - all buttons within this class will display as the large size
* ProgressTracker - style the progress tracker iPart (option 1)
* ProgressTracker2 - style the progress tracker iPart (option 2)
*/
/**** End iPart Styles ****/
/*****************************************/
/* PanelField Styles */
/*****************************************/
/* These styles can be used either as a wrapper for or directly on a PanelField to achieve a specific styling */
/* CalloutPanelField1 can be used on or as a wrapper for a PanelField, or on the PanelField directly, to
create a callout on the label. (e.g., see the Tribute Gift Editor display) */
.CalloutPanelField1 .PanelField label:first-child, .PanelField.CalloutPanelField1 label:first-child {
width: auto;
padding: 0.75em 0.75em 1.5em;
margin: 0.25em;
background: #94c2e6 url(images/BlueArrow.gif) no-repeat 50% 100%
}
.CalloutPanelField1 .PanelField label:first-child, .PanelField.CalloutPanelField1 label:first-child {
color: #044c88
}
/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox .PanelField, .PanelField.TotalBox {
border-color: #CCC
}
.TotalBox .PanelFieldLabel {
background-color: #406e0b;
color: White;
padding: 0.25em 0.75em
}
.StandardPanel .TotalBox .PanelField .PanelFieldLabel label, .StandardPanel .PanelField.TotalBox .PanelFieldLabel label, .TotalBox .PanelField .PanelFieldLabel label, .PanelField.TotalBox .PanelFieldLabel label {
color: White
}
/**** End PanelField Styles ****/
/*****************************************************/
/* Unauthenticated Home Page Styles */
/*****************************************************/
/* These classes should be used specifically for the unauthenticated home page */
/* Add this class to a div to create the unauthenticated home page banner */
.homeBanner {
position: absolute;
width: 100%;
height: 359px;
left: 0;
margin: 0 -1px;
border: 1px solid White;
background: url(images/homebanner.jpg) no-repeat 100% 0
}
/* Add this class to a div outside the .homeBanner div to create some spacing behind the banner*/
.homeBannerPush {
height: 359px
}
/* Updated class to be used by the contact sign in ipart */
.HomeLogin {
border: 4px solid #dfe9db;
background-color: white;
top: 12em;
width: 200px;
padding: 0.5em;
position: absolute;
z-index: 1
}
.HomeLogin .Distinguish, .HomeLogin .PanelHead, .HomeLogin .PanelTitle {
font-size: 140%;
font-family: Trebuchet MS, Helvetica, Sans-Serif;
padding-left: 0.25em;
padding-bottom: 0;
min-height: 0;
background-image: none;
border-bottom-style: none;
color: #360
}
/* Style to focus attention on a link */
a.FeatureActionLink {
-moz-transition: all 0.2s ease 0s;
color: black;
font-family: "Open Sans Condensed", Arial, sans-serif;
font-size: 250%;
font-weight: bold;
line-height: 1.5em;
padding: 8px 0;
text-decoration: none
}
a.FeatureActionLink:hover {
text-decoration: underline
}
/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
color: #777;
font-size: 150%;
line-height: 170%
}
/**** End Unauthenticated Home Page Styles ****/
/*****************************************************/
/* Donor Sample Site Styles */
/*****************************************************/
/* These styles are used in the Donor sample site */
.DonorBannerHome {
background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat;
overflow: hidden;
height: 330px;
position: relative
}
.DonorBannerInterior {
overflow: hidden;
height: 275px;
position: relative
}
.DonorBannerInteriorBackground1 {
background: #67895e url(../../images/SampleSites/Donor/bearbanner.jpg) no-repeat
}
.DonorBannerInteriorBackground2 {
background: #95BB19 url(../../images/SampleSites/Donor/butterflybanner.jpg) no-repeat
}
.DonorBannerInteriorBackground3 {
background: #764c31 url(../../images/SampleSites/Donor/catbanner.jpg) no-repeat
}
.DonorBannerInteriorBackground4 {
background: #416a26 url(../../images/SampleSites/Donor/frogbanner.jpg) no-repeat
}
.DonorBannerInteriorBackground5 {
background: #696f44 url(../../images/SampleSites/Donor/numbatbanner.jpg) no-repeat
}
.DonorBannerInteriorBackground6 {
background: #3c683d url(../../images/SampleSites/Donor/squirrelbanner.jpg) no-repeat
}
.DonorBannerTextBackgroundHome {
background: none repeat scroll 0 0 rgb(25, 25, 25);
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
float: right;
height: 292px;
width: 450px;
margin: 20px
}
.DonorBannerTextBackgroundInterior {
background: none repeat scroll 0 0 rgb(25, 25, 25);
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
float: right;
height: 236px;
width: 450px;
margin: 20px
}
.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 {
color: #fff;
font-size: 2.8em;
background: none;
margin: 0.4em
}
.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p {
color: #FFF;
font-size: 1.2em;
line-height: 1.6em;
margin: 1em;
padding: 0.4em
}
/**** End Donor Sample Site Styles ****/
/***********************************************/
/* Overrides */
/***********************************************/
/* For the rad grid action buttons we have to override the hover control in order to avoid the button disappearing */
.RadGrid_Default .rgAdd:hover {
margin-right: 3px;
background-position: 0 -1650px
}
.RadGrid_Default .rgRefresh:hover {
margin-right: 3px;
background-position: 0 -1600px
}
/* Remove header styling from rad scheduler date */
.rsHeader h2 {
background-image: none;
border-bottom: none
}
/**** End Overrides ****/
/*############################################################################*/
/* Specific iPart Styles */
/*############################################################################*/
/* These are styles used for styling of specific iParts */
/*****************************************/
/* Search Results */
/*****************************************/
.SearchField, .SearchResultSummary .ListItemTitle a {
display: block;
background-color: #c9d4b2;
padding: 8px 12px
}
.SearchField label {
font-size: 120%;
color: #250
}
.SearchResultSummary .ListItemTitle a {
text-decoration: none;
color: Black !important;
margin: -4px -7px 0
}
.SearchResultSummary .ListItemTitle a:hover {
background-color: #dce4cb;
text-decoration: underline
}
/**** End Search Results ****/
/*******************************************/
/* Event Display */
/*******************************************/
.EventSummary {
background-color: #EEE
}
.EventSummary .PhotoArea {
padding: 2em 0 2em 2em
}
.EventSummary .PhotoArea img {
border: 1px solid #CCC !important
}
.EventSummary .Description {
padding: 2em
}
.ProgramGroup .StandardPanel {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
.ProgramGroup .PanelHead {
background-color: #d4e5ba
}
.ProgramGroup .PanelTitle {
background-image: none;
padding-left: 0;
font-size: 130%;
line-height: 1.7;
color: #250
}
/**** End Event Display ****/
/***********************************************/
/* Progress Tracker */
/***********************************************/
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* */
/* */
/**** End Progress Tracker ****/
/***********************************************/
/* Filter Panel (Query Menu) */
/***********************************************/
/* This is an alternate style for the Query Menu filter panel */
.StandardPanel.FilterPanel {
background-color: #f8f8f8;
border: none !important;
margin-top: -3px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0
}
.StandardPanel.FilterPanel .PanelTitle {
background-image: none;
padding-left: 0.1em;
line-height: normal;
margin-left: 0;
font-size: 140%
}
.StandardPanel.FilterPanel .PanelHead.Distinguish {
border: none;
min-height: 1em
}
/**** End Filter Panel ****/
/*############# End Specific iPart Styling #############*/
/* */
.RadGridCommandIcon {
max-width: 22px !important;
height: 24px !important;
display: inline-block
}
.RadGridCommandText {
display: inline;
vertical-align: bottom !important
}
/**** RadGrid Command Items using icon sprites ****/
/**** Styles for site UI content ****/
.AltBg1 {
padding: 20px;
background: #d6d6d6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d6d6d6));
background-image: -webkit-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: -moz-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: -o-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: linear-gradient(top, #ebebeb, #d6d6d6);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px
}
.AltBg2 {
margin-top: 35px;
padding-top: 20px;
background: #d6d6d6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d6d6d6));
background-image: -webkit-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: -moz-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: -o-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: linear-gradient(top, #ebebeb, #d6d6d6);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px
}
.AltBg3 {
position: relative;
padding: 5px 5px;
background: #f8f8f8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #e8e8e8;
margin-bottom: 10px
}
h1.ContentTitle {
font-size: 40px
}
.ContentBlockPrimary {
padding: 20px;
background: #d6d6d6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d6d6d6));
background-image: -webkit-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: -moz-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: -o-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: linear-gradient(top, #ebebeb, #d6d6d6);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px
}
.ContentBlockSecondary {
margin-top: 35px;
padding-top: 20px;
background: #d6d6d6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d6d6d6));
background-image: -webkit-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: -moz-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: -o-linear-gradient(top, #ebebeb, #d6d6d6);
background-image: linear-gradient(top, #ebebeb, #d6d6d6);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px
}
.ContentBlockLeft {
display: table-cell;
min-width: 250px
}
.ContentBlockRight {
display: table-cell;
vertical-align: top;
padding-left: 25px
}
.BlockList {
position: relative;
height: auto;
width: 100%;
font-family: arial, helvetica, clean, sans-serif;
font-weight: normal
}
.BlockList ul {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 30px;
color: #afafaf;
text-align: left;
list-style: none
}
.BlockList ul li {
vertical-align: middle;
border-bottom: #d4d4d4 solid 1px;
border-top: #fff solid 1px;
list-style: none
}
.BlockList ul li span {
vertical-align: middle;
display: block
}
.BlockList ul li p {
vertical-align: middle;
display: block;
margin: 0;
padding: 0;
font-size: 14px;
color: #000
}
.BlockList ul li img {
vertical-align: middle;
padding-left: 10px
}
.BlockList ul li div {
display: inline-block;
vertical-align: middle
}
.BlockList ul a {
text-decoration: none;
font-size: 20px;
color: #360;
display: block;
padding: 10px 20px
}
.BlockList ul a:hover {
background-color: #f4f4f4
}
blockquote.Quote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px 1.5em 0;
padding: 1.5em 10px;
quotes: "“" "”" "‘" "’"
}
blockquote.Quote:before {
color: #ccc;
content: open-quote;
font-size: 5em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em
}
blockquote.Quote:after {
color: #ccc;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em
}
blockquote.Quote p {
display: inline;
font-size: 1.2em;
line-height: 1.6em;
font-weight: normal
}