/*########################################*/
/*      Import UltraWave StyleSheets      */
/*########################################*/

@import url("../UltraWave/00-Reset.css");
@import url("../UltraWave/10-UltraWave.css");
@import url("../UltraWave/11-ObjectBrowser.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);

/* Imports Calender Design */
/*@import url("CalendarSkin.css");*/
/***###################################***/
/***        MERCURY STYLE SHEET          ***/
/***###################################***/
/**
 * Mercury styles for iMIS - UltraWave
 *
 * This document contains styles specific to the Mercury theme.
 *
 * @colordef    #360    green           (links)
 * @colordef    #666666 dove grey       (menu bar)
 * @colordef    #250    jungle green    (search label, panel title)
 * @colordef    #41AECD / #256374       (gradient for standard buttons)
 * @colordef    #256374 calypso			(standard button border)
 * @colordef    #f92e0e / a21a04		(gradient for primary buttons)
 * @colordef    #a21a04 red			    (primary 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    #1E8DAC eastern blue    (CalloutPanelField1 label background)
 * @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, .ProxyPanelContact, a.btn 
/*a#ctl00_LoginStatus1,*/ /*input[type="button"], input[type="submit"], .RadUpload input.ruButton*/
{
    background-image: url(images/MercurySprite.png);
}

 /* Defines link color */
a, .ContentPanel .InLineOption_Controls_Always_Display a, #AddButtonPanelTop a, a.NotPrinted
{
    /*color:#360;*/
    color:#1E8DAC; /*TBB*/
}
.RadGrid a
{
    /*color:#360!important; /* !important needed for Telerik style override */
    color:#1E8DAC!important; /*TBB*/
}
.RadGrid .rgSelectedRow a
{
    color:#FFF!important;
}

#MainHtml, #masterFooterPush {
    background-color: #ECECEC; /*BEBEBE;*/
}

#Menu {
    background-color: #000000;
    color: White;
    height: 30px;
    padding: 2px 0 0 8px;
    border-radius: 0px 0px 15px 15px;/*TBB*/
    -moz-border-radius: 0px 0px 15px 15px;/*TBB*/
    -webkit-border-radius: 0px 0px 15px 15px;/*TBB*/
}

#masterTopBarAuxiliary a {
    color: white;
    text-decoration: none;
}

#masterTopBarAuxiliary .NavigationUnorderedList li {
/*Commented out handled elsewhere*/
/*border-left:solid 1px #CCC;*/ 
}

body, .SearchResultSummary .Description
{
	line-height: 1.6em;
	color: #333;
}

.PanelFieldValue
{
	color: #000;
}

h2 a 
{
	text-decoration: none;
}

h2 a:hover 
{
	text-decoration: underline;
}

p
{
  padding-bottom: 10px;
}

/******************************************/
/*         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: .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: url("images/POCS811HeaderLogo.png") no-repeat;*/
    /* Change the width and height to match your logo's dimensions */
    /*width:500px;
    height:100px;*/
} 

#masterTopBarAuxiliary
{
    font-weight:bold;
}

#masterTopBarAuxiliary a
{
    text-decoration:none; 
}

#masterTopBarAuxiliary .NavigationUnorderedList li
{
/*Commented out handled elsewhere*/
/*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: 0px 3px 4px #555 inset;
    -webkit-box-shadow: 0px 3px 4px #555 inset;
    box-shadow: 0px 3px 4px #555 inset;
    background-color: White;
    background-repeat:no-repeat;
    background-position:-277px -263px;
    box-sizing: content-box;
}

#masterTopBarAuxiliary #SimpleSearchBlock input[type="submit"]
{
    display:none;
}

/* The stylized action link in the header area */

#masterDonorHeaderImage
{
    background-image:url(images/DonorHeaderLogo.png);
    background-repeat:no-repeat;
    /* Change the width and height to match your logo's dimensions */
    width:483px;
    height:90px;
}

#masterHeaderActionArea
{
    float: right;
    margin-right: -11px;
    margin-top: 30px;
}

#masterHeaderActionArea a
{
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    font-weight: 700;
    font-size: 2em;
    line-height: 55px;
    color:white;
    text-decoration: none;
}

.HeaderActionButton
{
    float:left;
    background-image: url(images/ActionRibbon.png);
    background-repeat: no-repeat;
    height: 55px;
}

.HeaderActionButton.LeftSection
{
    width: 20px;
}

.HeaderActionButton.RightSection
{
    background-color: #ce3922;
    background-position: -20px 0;
    padding-left: 8px;
    padding-right: 10px;
}

#masterHeaderActionArea a:hover .HeaderActionButton.LeftSection
{
    background-position: 0 -73px;
}

#masterHeaderActionArea a:hover .HeaderActionButton.RightSection
{
    background-position: -20px -73px;
}

/* The stylized background */
#MainBody
{
    background-repeat:repeat-x;
    background-position:0 -473px;
}

/* Defines the background for the content area */
#masterWrapper
{
    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-repeat:no-repeat;
    background-position:100% -394px;
	height: 30px;
}

/* Defines styles for the FooterArea content area  */
.FooterText
{
	font-size: 1.25em;
    line-height: 1.5em;
    padding: 1em;
}

#masterFooterContent
{
    background-color:#0d7c9b;
    padding: 1.5em;
    color: #e0e0e0;
    border-radius: 0px 0px 15px 15px;/*TBB*/
    -moz-border-radius: 0px 0px 15px 15px;/*TBB*/
    -webkit-border-radius: 0px 0px 15px 15px;/*TBB*/
    margin-top: -8px;/*TBB*/
}

#masterFooterContent .FooterBanner, #masterFooterContent .FooterDescription {
    float: left;
}

.FooterDescription {
    font-size: 1.25em;
    line-height: 1.5em;
    padding: 0 0 2em 2em;
    width: 600px;
}

.FooterDescription > a {
    color: #e0e0e0;
}

.FooterDescription img {
    float: right;
}

#masterFooterContent .FooterBanner {
    border-right: 1px solid #E0E0E0;
	padding-right: 30px;
}

/* 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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-8 */
    -moz-box-shadow: 0px 5px 8px #555;
    -webkit-box-shadow: 0px 5px 8px #555;
    box-shadow: 0px 5px 8px #555;
    margin-bottom:.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: #87C442;
    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:#d4e5ba;
    color:black;
    font-family: 'Open Sans Condensed',Arial,sans-serif;
}

/**** 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:.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
{
	
	background-color: #E0E0E0;
	font-family: 'Open Sans Condensed',Arial,sans-serif;
	padding-left: 10px;
}

h3, .SectionTitle, caption
{
    color:#1E8DAC; 
    font-family: 'Open Sans Condensed',Arial,sans-serif;
}


caption
{
    text-align: left;
    font-weight: bold;
    font-size: 1.4em;
}

.TitleBarCaption span, .PanelTitle, h2
{
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    padding-left: 0.15em;
    padding-right: 0.15em;
}

/* 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;
}

.TitleBarCaption {
    padding: .4em;
}

.PanelHead.Distinguish, h2
{
    padding:.4em;
    line-height: normal;
}

.PanelHeadCollapseImage
{
    padding-left:3px;
}

/**** TitleBarCaption -- Deprecated ****/

.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;
}

/* <inline options on the TitleBar> (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:')';
}
/* </inline options> */

.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 <a> tag */
input.TextButton, input.TextButtonWithImage, a.btn,
.RadUpload .ruButton, .RadUploadProgressArea .ruButton,
input.BUTTON[title="Submit Order"]
{
    display: inline-block;
	background: #41aecd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYWVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTYzNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #41aecd 0%, #256374 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41aecd), color-stop(100%,#256374)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #41aecd 0%,#256374 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #41aecd 0%,#256374 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #41aecd 0%,#256374 100%); /* IE10+ */
	background: linear-gradient(top,  #41aecd 0%,#256374 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41aecd', endColorstr='#256374',GradientType=0 ); /* IE6-8 */


    background-repeat: repeat-x;
    border:1px solid #256374;
    line-height: 1.384615384615385em; /* 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
{
    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,
.RadUpload .ruButton:hover, .RadUploadProgressArea .ruButton:hover,
input.BUTTON[title="Submit Order"]:hover
{
    background: #66b6cd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YjZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTYzNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #66b6cd 0%, #256374 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66b6cd), color-stop(100%,#256374)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66b6cd 0%,#256374 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66b6cd 0%,#256374 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66b6cd 0%,#256374 100%); /* IE10+ */
	background: linear-gradient(top,  #66b6cd 0%,#256374 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b6cd', endColorstr='#256374',GradientType=0 ); /* 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 red */
.TextButton.SaveAndClose, .TextButtonWithImage.SaveAndClose, .TextButton.PrimaryButton, .TextButtonWithImage.PrimaryButton,
.TextButton.Save, .TextButtonWithText.Save, .btn.PrimaryButton, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage,
{
    border:1px solid #a21a04;
	background: #f92e0e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5MmUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjFhMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f92e0e 0%, #a21a04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f92e0e), color-stop(100%,#a21a04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f92e0e 0%,#a21a04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f92e0e 0%,#a21a04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f92e0e 0%,#a21a04 100%); /* IE10+ */
	background: linear-gradient(top,  #f92e0e 0%,#a21a04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f92e0e', endColorstr='#a21a04',GradientType=0 ); /* IE6-8 */


}

/* Defines hovered red 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: #fc6249; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjNjI0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTJlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fc6249 0%, #f92e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6249), color-stop(100%,#f92e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fc6249 0%,#f92e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fc6249 0%,#f92e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fc6249 0%,#f92e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #fc6249 0%,#f92e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6249', endColorstr='#f92e0e',GradientType=0 ); /* 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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c5c5c5',GradientType=0 ); /* 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;
}

/* Styles the Sign In link */
a.btn, a#ctl00_LoginStatus1
{
    text-decoration:none;
}


/**** 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               */
/***********************************************/

/*<RadToolTip>*/
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover
{
    background-color:#d4e5ba;
}
/*</RadToolTip>*/


/**** 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 div for the same style */
.CalloutBlockType1 .ContentBorder, .CalloutBlockType1 > .StandardPanel, .CalloutBlock1 
{
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    border-top: 10px solid #0d7c9b !important;
	padding: 8px;
	background-color: #ebebeb;

}

/* Add zone style "CalloutBlockType2" to give any iParts in the zone with the content border turned on a different look and feel,
or apply style "CalloutBlock2" to an iPart or div for the same style */
.CalloutBlockType2 .ContentBorder, .CalloutBlockType2 > .StandardPanel, .CalloutBlock2 
{
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    /*border-top: 10px solid #5A9504 !important;*/
    border-top: 10px solid #9C9EA5 !important; /*TBB*/
	padding: 8px;
	background-color: #ebebeb;
}

/* Add zone style "CalloutBlockType3" to give any iParts in the zone with the content border turned on a different look and feel,
or apply style "CalloutBlock3" to an iPart or div for the same style */
.CalloutBlockType3 .ContentBorder, .CalloutBlockType3 > .StandardPanel, .CalloutBlock3 
{
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    border-top: 10px solid #F92E0E !important;
	padding: 8px;
	background-color: #ebebeb;
}



/**** 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:0px!important;
}

.iPartChain.MiddlePart .StandardPanel
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top-width:0px!important;
    border-bottom-width:0px!important;
}

.iPartChain.LastPart .StandardPanel
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top-width:0px!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 classes to make a block of text stand out */

.FeatureText {
    color: #777777;
    font-size: 150%;
    line-height: 170%;
}

.FeatureTextBlock {
	background-color: #EBEBEB;
    border-left: 10px solid #0D7C9B;
    border-right: 10px solid #0D7C9B;
    font-size: 125%;
    line-height: 170%;
    margin: 10px auto;
    padding: 12px;
    width: 75%;
}

/* 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:.75em .75em 1.5em;
    margin:.25em;
    background: #1E8DAC url(images/BlueArrow.gif) no-repeat 50% 100%;
}

.CalloutPanelField1 .PanelField label:first-child, .PanelField.CalloutPanelField1 label:first-child
{
    color:White;
}

/* 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:.25em .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:335px;
    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:335px;
}

/* Updated class to be used by the contact sign in ipart */
.HomeLogin
{
    border:4px solid #dfe9db;
    background-color: white;     
    top: 13.5em;    
    width: 200px;
    padding: 0.5em;
    position:absolute; 
    z-index: 1;   
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
	box-shadow:5px 5px 5px rgba(0,0,0,0.3);
	
}

.HomeLogin .Distinguish, .HomeLogin .PanelHead, .HomeLogin .PanelTitle
{
    font-size: 140%; 
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    padding-left: .25em;
    padding-bottom: 0;
    min-height: 0;
    background-image: none;
    border-bottom-style: none;
    color:#360;
}

.HomeLogin .PanelField
{
	padding: 0.188em 0.125em;
}

/* 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;
}

/* The following are designed for the Donor Home Banners */
.HeaderImage
{
    max-width: 100%;
}
/*.HomeHeaderText 
{
    float: right;
    width: 450px;
    position: relative;
    top: -303px;
    margin-right: 13px;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 1.3em;
    text-align: center;
    height: 275px;
}*/

/**** 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, .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, .4);
    float: right;
    height: 236px;
    width: 450px;
    margin: 20px;  
}

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1
{
	color: #ffffff;
	font-size: 2.8em;
	background: none;
	margin: 0.4em;
}

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p
{
	color: #FFFFFF;
    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;
}

/* Overrides font-weight of labels defined in 10-UltraWave.css */
label {
    
    font-weight: normal;
    
}

/* Overides the title bar color in WCM  */
.WebPartsTitleBar, .ConnectionTitleBar 
{
    background-color: #044F65;
}

/* Adds padding around body of selected tab in IQA  */
.HTabBody
{
	padding: 15px;
}

/**** 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;*/
    background-color: #636562;      /*TBB*/
    padding: 8px 12px;
    /*border-radius: 15px 15px 0px 0px;/*TBB*/
    /*-moz-border-radius: 15px 15px 0px 0px;/*TBB*/
    /*-webkit-border-radius: 15px 15px 0px 0px;/*TBB*/
}
.SearchField label
{
    font-size: 120%;
    /*color: #250;*/
    color: #FFF; /*TBB*/
}
.SearchResultSummary .ListItemTitle a
{
    text-decoration: none;
    /*color: Black!important;*/
    color: White !important; /*TBB*/
    margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover
{
    /*background-color: #dce4cb;*/
    background-color: #bd2031; /*TBB*/
    text-decoration: none;
    /*border-radius: 15px 15px 0px 0px;/*TBB*/
    /*-moz-border-radius: 15px 15px 0px 0px;/*TBB*/
    /*-webkit-border-radius: 15px 15px 0px 0px;/*TBB*/
}

/**** 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 */
/* <Progress Tracker (Default)> */
.ProgressTracker .count
{
    font-weight: bold;
}

.ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar > span
{
	background-color: #87C442;
}

/* </Progress Tracker > */

/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel ul
{
    background-color: #aabf84;
}

.ProgressTracker2 .ProgressTrackerPanel .inset
{
    color:#ffffff;
}

.ProgressTracker2 div p
{
    color: #250;
}

.ProgressTracker2 .ProgressBar > span 
{
    background-color: #87C442;
}

.ProgressTracker2 .SuccessfulMessage
{
	background-color: #A3FF51;
    color: Black;
}
/* </Progress Tracker 2> */

/**** 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   #############*/

/* </RadGrid Command Items using icon sprites > */

.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 0px;
    padding: 1.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote.Quote:before
{
    color: #ccc;
    content: open-quote;
    font-size: 5em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
}

blockquote.Quote:after  
{
    color: #ccc;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
}

blockquote.Quote p  
{
    display: inline;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: normal;
}


/* override for mobile menu */

#masterMobileNavigation {
    background-color: #636562;
}
.navlink {
    background-color: #636562;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #999999;
}
a.navlink, span.navlink {
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bolder;
    text-decoration: none;
    width: 100%;
}
.navlinkhover {
    background-color: #bd2031;
}
.navlinkselected, .navlinkselected .navlinkhover {
    background-color: #bd2031;
}
.navlinkselected a.navlink {
    color: #FFFFFF;
}
/*Needed to make the whole width of the button clickable*/
td.navlink a.navlink {
    display: block;
    width: 98%;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img,
.ContentItemContainer img{
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
height: auto;
}

img[class*="align"],
img[class*="wp-image-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

/* Sub Menu */

#PocsSubMenu a {
    color: #ffffff;
    text-decoration: none;
    font:  bold 15px/30px 'Open Sans Condensed',Arial,sans-serif;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 3px;
}

#PocsSubMenu {
    background-color: #636562;
    border-top: 1px solid #000000;
    color: #FFFFFF;
    margin-left: -1px;
    /*margin-top: -1px;*/
    padding-left: 28px;
}

#PocsSubMenu a:hover {
    background-color: #9C9EA5;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 3px;
}

/* Mobile Sub Menu */
#MobileSubMenu a {
    border-radius: 50px;
    color: #ffffff;
    font: bold 12px/20px "Open Sans Condensed",Arial,sans-serif;
    padding: 3px;
    text-decoration: underline;
}
#MobileSubMenu {
    /*background-color: #636562;*/
    padding-top: 5px;
    color: #ffffff;
    margin-left: -1px;
    margin-top: -1px;
    padding-left: 28px;
}
#MobileSubMenu a:hover {
    background-color: #9c9ea5;
    border-radius: 50px;
    padding: 3px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 10px; /*changing this makes the bars go away*/
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 600px;
	max-width: 100%;
}

div #MeetingSchedulePrimary{
    background-color: #1e8dac;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color: white;
    margin-left: 0px;
    margin-bottom: 25px;
    padding: 10px;
}

div #MeetingScheduleSecondary{
    background-color: #1e8dac;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color: white;
    /*margin-left: 100px;*/
    margin-bottom: 25px;
    padding: 10px;
}

div #MissionStatement {
    width: 50%;
    float: left;
    font-style: italic;
    font-weight: bold;
    color: white!important;
}
div #SocialIcons {
    float: left;
    width: 25%;
}



/* This is needed for the One Call Centers Content Page to fold up on demand */
table.OneCallTable{ width: 100%; margin-bottom: 7.75pt; margin-left: 6.75pt; margin-right: 6.75pt; border: 1.5pt double black; }
tr.OneCallHeaderRow th.OneCallTableData1 { padding: 0.75pt;  width: 33.76%;  border: 1pt solid black; height: 30pt; font-weight: bold; font-size: 14pt; color: #c00000; }
tr.OneCallHeaderRow th.OneCallTableData2 { padding: 0.75pt; width: 39.48%; border: 1pt solid black; height: 30pt; font-weight:bold; font-size: 14pt; color: #000; }
tr.OneCallHeaderRow th.OneCallTableData3 { padding: 0.75pt; width: 26.76%; border: 1pt solid black;     height: 30pt; font-weight:bold; font-size: 14pt; color: #c00000; }
tr.OneCallTableRow td.OneCallTableData1 { padding: 0.75pt;  width: 33.76%;  border: 1pt solid black; height: 60pt; font-size: 12pt; color: #c00000; }
tr.OneCallTableRow td.OneCallTableData2 { padding: 0.75pt; width: 39.48%; border: 1pt solid black; height: 60pt; font-size: 12pt; color: #000; }
tr.OneCallTableRow td.OneCallTableData3 { padding: 0.75pt; width: 26.76%; border: 1pt solid black; height: 60pt; font-size: 12pt; color: #c00000; }
tr.OneCallTableRow td.OneCallTableData2 a { color:#000; }

.OneCallTableData1 p,
.OneCallTableData2 p,
.OneCallTableData3 p
{ text-align: center; }

/* Magic Starts Here */
@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
table.OneCallTable table,
table.OneCallTable thead,
table.OneCallTable tbody,
table.OneCallTable th,
table.OneCallTable td,
table.OneCallTable tr
{ display: block; }

table.OneCallTable { margin: 0px; }
 
/* Hide table headers (but not display: none;, for accessibility) */
table.OneCallTable thead tr 
{ position: absolute; top: -9999px; left: -9999px; }
table.OneCallTable tr { border: 1px solid #ccc; }
/* Zebra striping */
table.OneCallTable tr:nth-of-type(odd) { background: #eee; }
/* Behave like a "row" */
table.OneCallTable td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; }
/* Now like a table header */
table.OneCallTable td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
 
/*Label the data*/
/*table.OneCallTable td:before { content: attr(data-title); margin-right: 10px; }*/
/*table.OneCallTable td:nth-of-type(1):before { content: "State"; }
table.OneCallTable td:nth-of-type(2):before { content: "Call Center"; }
table.OneCallTable td:nth-of-type(3):before { content: "Phone"; }*/
tr.OneCallTableRow td.OneCallTableData1 { font-weight: bold; }

tr.OneCallTableRow td.OneCallTableData1,
tr.OneCallTableRow td.OneCallTableData2,
tr.OneCallTableRow td.OneCallTableData3
{ border: none; height: auto; padding: 0px; font-size: 10pt; margin-left: 0px; width: 100%; }

tr.OneCallHeaderRow th.OneCallTableData1,
tr.OneCallHeaderRow th.OneCallTableData2,
tr.OneCallHeaderRow th.OneCallTableData3
{ border: none; height: auto; padding: 0px; font-size: 12pt; white-space: nowrap; margin-right: 10px; width: 100%; }

}
/* End of the magic */
/********************************************************************************************************/


.hidesearchbutton
{
    display:none;
}