article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
body {
  min-height: 100%;
  height: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* reset default browser styles */
body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
textarea,
p,
blockquote {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
abbr,
acronym {
  border: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.NormalBold,
strong,
b {
  font-weight: 700;
}
#paneTable {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0 auto;
  padding-bottom: 25px;
  width: 1255px;
}
/* ADMIN FUNCTIONS, LOGIN, LOGOS & SEARCH */
a#dnn_dnnLOGIN_cmdLogin {
  color: #3f3b3c;
  font-family: 'Roboto Slab', serif;
  font-size: 24px;
  font-weight: 300;
  padding: 0 70px;
  text-decoration: none;
}
a#dnn_dnnLOGIN_cmdLogin:hover {
  text-decoration: none;
}
body#Body {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #50504f;
  font-family: 'Futura LT W01 Book', sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 1.7em;
  overflow-y: scroll;
}
img.dnnLOGO {
  margin: 25px 0 0 35px;
  width: 270px;
}
#header {
  background: none repeat scroll 0 0 #FFFFFF;
  clear: both;
  display: block;
  margin-bottom: 75px;
  padding-top: 6px;
}
#header #headerRight {
  float: right;
  width: 900px;
  text-align: right;
  padding-top: 0px;
}
#header #headerRight .LinksPane {
  float: left;
  padding: 6px 12px 6px 0;
  width: 600px;
}
#header #headerRight .LinksPane .noTitle {
  margin: -10px 0 0;
}
#header #headerRight .LinksPane a,
#header #headerRight .LinksPane a.SkinObject,
#header #headerRight .LinksPane a:link,
#header #headerRight .LinksPane a.SkinObject:link,
#header #headerRight .LinksPane a:active,
#header #headerRight .LinksPane a.SkinObject:active,
#header #headerRight .LinksPane .SkinObject,
#header #headerRight .LinksPane a:visited,
#header #headerRight .LinksPane a.SkinObject:visited {
  color: #377ab7;
  font-family: 'Roboto Slab', serif;
  font-size: 17px;
  font-weight: bold;
  padding: 0 6px;
}
#header #headerRight .LinksPane a:hover {
  color: #23527c;
}
#header #headerRight #dnnLOGIN {
  float: right;
}
#header #headerRight #dnnREDMENU {
  clear: both;
}
#Content {
  clear: both;
  min-height: 500px;
}
#Content .LeftColumn {
  float: left;
  width: 250px;
}
#Content .LeftColumn #LeftPane {
  margin-left: 10px;
}
#Content .LeftColumn #LeftPane .DefaultCont {
  margin-bottom: 25px;
  padding: 15px;
}
#Content #ContentWrap {
  float: right;
  margin-right: 20px;
  width: 930px;
}
#Content #ContentWrap #pdvWrapper {
  clear: both;
}
#FooterWrap1 {
  background-color: #FFFFFF;
  border-top: 1px solid #d5d5d5;
  clear: both;
  height: 220px;
  margin: 0px auto;
  padding: 5px 0px 50px 0px;
}
#FooterWrap1 #Footer1 {
  width: 1030px;
  margin: 0px auto;
}
#FooterWrap1 #Footer1 #footerPane1 {
  color: #50504f;
  float: left;
  height: 155px;
  margin: 30px 0 0 15px;
  text-align: left;
  width: 450px;
}
#FooterWrap1 #Footer1 #footerPane2 {
  float: left;
  height: 155px;
  margin: 30px 0 0 15px;
  text-align: left;
  width: 250px;
}
#FooterWrap1 #Footer1 #footerPane3 {
  float: left;
  height: 155px;
  margin: 30px 0 0 15px;
  text-align: left;
  width: 200px;
}
.FooterPane1 .Normal {
  color: #50504f;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: 300;
}
.FooterPane2 p {
  color: #50504f;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: 300;
}
.FooterPane1 a,
.FooterPane2 a {
  color: #50504f !important;
  font-family: 'Roboto Slab', serif !important;
  font-size: 16px;
  font-weight: 300;
}
.FooterPane1 a:hover,
.FooterPane2 a:hover {
  color: #23527c !important;
  text-decoration: none !important;
}
#FooterImageWrap {
  background-color: #FFFFFF;
  width: 1031px;
  margin: 0 auto;
}
img.cfstandards_logo {
  margin: 0px 10px 5px 20px;
  width: 75px;
}
#credits {
  text-align: center;
  padding: 10px 0;
}
/* ============================================================================================================================================================================================================================================================ */
/* INDIVIDUAL PAGE SKINS (w/ some shared elements) */
/*iphi */
#ContentWrap .TopPane {
  clear: both;
}
#ContentWrap .TopPane .Head {
  color: #4f4f4f;
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  text-transform: uppercase;
}
#ContentWrap .TopPane .TitleHead {
  color: #4f4f4f;
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  text-transform: uppercase;
}
#ContentWrap .ContentPane {
  clear: both;
}
#ContentWrap #pdvWrapper .SmallLeftPaneTop {
  width: 450px;
  float: left;
}
#ContentWrap #pdvWrapper .SmallRightPaneTop {
  width: 450px;
  float: right;
}
#ContentWrap .MiddlePane {
  clear: both;
}
#ContentWrap #pdvWrapper2 {
  clear: both;
}
#ContentWrap #pdvWrapper2 .SmallLeftPaneBottom {
  width: 300px;
  float: left;
}
#ContentWrap #pdvWrapper2 .SmallRightPaneBottom {
  width: 625px;
  float: right;
}
#ContentWrap .BottomPane {
  clear: both;
}
/* ============================================================================================================================================================================================================================================================ */
/*NAVIGATIONS */
/*top navigation */
.siteWrapper .RadMenu {
  color: #FFFFFF;
  float: left;
  font-weight: bold;
  margin: 0 auto;
  outline: none;
  padding-top: 50px;
  width: 900px;
  z-index: 100;
  /* ===> commenting out dropdown style nav

    .rmSlide {
    background-color: #FFFFFF;
    box-shadow: 0 0 10px #cccccc;
    position: absolute;}
	
	.rmGroup {

		& .rmLink {
        border-bottom: 1px solid #cccccc;
        border-right: none !important;
		color: #2e2e2e;
        font: 13px 'Roboto Slab', serif;
        font-weight: 300;
		padding: 5px 10px;
		text-decoration: none;
		cursor: pointer;
		min-width: 250px;
			
            &:hover {background-color: #f2f2f2; color: #2e2e2e !important; transition: all .4s ease;}
		}
	}
    
     ul.rmVertical.rmGroup.rmLevel1 {
        padding: 0px;
        transition: top 0.01s !important; }

        & ul.rmRootGroup li.rmItem a.rmLink span.rmText.rmExpandDown:after {
            font-family: "FontAwesome" !important;
            font-weight: normal !important;
            content: ' \f103';
        } 
    */
}
.siteWrapper .RadMenu .rmRootGroup .rmLink {
  color: #2e2e2e;
  font: 16px 'Roboto Slab', serif;
  font-weight: 600;
  padding: 2px 25px;
  text-decoration: none;
  cursor: pointer;
  line-height: 20px;
}
.siteWrapper .RadMenu .rmRootGroup .rmLink.rmFirst .rmLink.rmRootLink.focused {
  border-radius: 6px 0 0 6px !important;
}
.siteWrapper .RadMenu .rmHorizontal .rmText {
  padding: 7px 0 !important;
}
/* sub-level navigation */
.RadPanelbar {
  list-style: none outside none;
  white-space: normal !important;
  width: 250px !important;
  padding-bottom: 15px;
  width: 250px;
  text-align: left;
  border: 0px none !important;
}
.RadPanelbar .rpSlide {
  display: none !important;
  padding-top: 8px;
}
.RadPanelbar ul.rpRootGroup {
  width: 250px;
  border: 0px none !important;
}
.RadPanelbar ul.rpRootGroup:hover {
  width: 250px;
  margin-left: 0px;
}
.RadPanelbar ul.rpRootGroup li.rpItem {
  margin-bottom: 0.75em;
}
.RadPanelbar ul.rpRootGroup li.rpItem .rpLink {
  border: 0px none !important;
}
.RadPanelbar ul.rpRootGroup li.rpItem a.rpLink {
  color: #377ab7;
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5em;
  padding-left: 0px;
  border: 0px none !important;
}
.RadPanelbar ul.rpRootGroup li.rpItem a.rpLink .rpText {
  padding: 0px 20px;
}
.RadPanelbar ul.rpRootGroup li.rpItem a.rpLink:hover {
  color: #23527c;
  border: 0px none !important;
  width: 250px;
  padding: 0px;
}
.RadPanelbar ul.rpRootGroup li.rpItem a.rpLink.selected {
  color: #23527c;
  border: 0px none !important;
  font-weight: 700;
  width: 250px;
  padding: 0px;
}
.RadPanelbar .rpGroup.rpLevel1 li.rpItem a.rpLink {
  border: 0px none !important;
  color: #377ab7;
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  padding-left: 15px;
}
.RadPanelbar .rpLink {
  border: 0px none !important;
  border-bottom-style: none;
  border-bottom-width: 0px !important;
}
.RadPanelbar .rpOut {
  border-bottom-style: none;
  border-bottom-width: 0px !important;
}
.RadPanelbar .rpLevel2 .rpTemplate,
.RadPanelbar .rpLevel2 .rpOut {
  padding-left: 0px !important;
}
.RadPanelbar .rpFocused .rpOut,
.RadPanelbar .rpLink:hover .rpOut,
.RadPanelbar .rpSelected .rpOut,
.RadPanelbar .rpSelected:hover .rpOut {
  padding-bottom: 0px !important;
}
.RadPanelbar .rpExpandHandle {
  display: none !important;
}
.RadPanelbar .rpCollapseHandle {
  display: none !important;
}
/* ACTIONS MENU */
.RadMenu_Outlook {
  text-align: left;
}
.RadMenu_Outlook .rmVertical .rmSeparator .rmText {
  margin-left: 0px;
  border-top: none;
}
.RadMenu_Outlook .rmGroup .rmVertical,
.RadMenu_Outlook .rmGroup {
  background-image: none;
}
.RadMenu_Outlook .rmGroup {
  border: none;
}
.RadMenu_Outlook .rmItem .rmFirst {
  margin-left: 0px;
}
/* ============================================================================================================================================================================================================================================================ */
/* III. TEXT STYLES */
/* default text */
.Normal {
  color: #50504f;
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.7em;
}
p {
  color: #50504f;
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.7em;
}
.NormalBold {
  font-weight: 700;
}
strong {
  font-weight: 700;
}
b {
  font-weight: 700;
}
em {
  font-style: italic;
}
blockquote {
  color: #50504f;
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.7em;
  margin-left: 30px;
}
UL LI {
  list-style-type: disc;
}
ol,
ul {
  list-style: none outside none;
  margin: 15px 0 0 45px;
}
th {
  color: #50504f;
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.7em;
}
.rtWrapperContent li {
  margin-left: 20px !important;
}
/* default links */
a,
a.SkinObject,
a:link,
a.SkinObject:link,
a:active,
a.SkinObject:active,
.SkinObject,
a:visited,
a.SkinObject:visited {
  color: #377ab7;
  font-family: 'Futura LT W01 Book', sans-serif;
}
a:hover,
a.SkinObject:hover {
  color: #23527c;
  font-family: 'Futura LT W01 Book', sans-serif;
  text-decoration: underline;
}
/* Standard Blue Header */
.Head {
  color: #4f4f4f;
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 21px;
  font-weight: 400;
  text-transform: uppercase;
}
.headera {
  color: #4f4f4f;
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 21px;
  font-weight: 400;
  text-transform: uppercase;
}
H1 {
  color: #4f4f4f;
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 21px;
  font-weight: 400;
  text-transform: uppercase;
}
/*SubHeader */
.SubHead {
  color: #4f4f4f;
  font: 16px/40px 'Roboto Slab', serif !important;
  text-transform: uppercase;
}
.headerb {
  color: #4f4f4f;
  font: 16px/40px 'Roboto Slab', serif !important;
  text-transform: uppercase;
}
H2 {
  color: #4f4f4f;
  font: 16px/40px 'Roboto Slab', serif !important;
  text-transform: uppercase;
}
/*Smaller SubHeader */
H3 {
  color: #4f4f4f;
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}
DT {
  color: #4f4f4f;
  font-family: 'Roboto Slab', serif;
  font-size: 15px;
  font-weight: bold;
}
H5 {
  color: #4f4f4f;
  font-family: 'Roboto Slab', serif;
  font-size: 15px;
  font-weight: bold;
}
.OrgSnapshot dd {
  margin-left: 10px;
  padding-bottom: 15px;
}
/* ============================================================================================================================================================================================================================================================ */
/* STYLINGS THAT APPLY TO MULTIPLE MODULES */
/* sort and paging graphics */
.rgCollapse {
  background-image: url(images/collapse.gif);
  background-repeat: no-repeat;
  width: 13px;
  height: 11px;
}
.rgExpand {
  background-image: url(images/expand.gif);
  background-repeat: no-repeat;
  width: 13px;
  height: 11px;
}
.rgSortAsc {
  background-image: url(images/sortAsc.gif);
  background-repeat: no-repeat;
  width: 13px;
  height: 11px;
}
.rgSortDesc {
  background-image: url(images/sortDesc.gif);
  background-repeat: no-repeat;
  width: 13px;
  height: 11px;
}
.rgPagePrev {
  background-image: url(images/PagingPrev.gif);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}
.rgPageNext {
  background-image: url(images/PagingNext.gif);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}
.RadGrid_Office2007 .rgPager {
  background: transparent none repeat scroll 0 0 !important;
}
.RadGrid_Office2007 .rgNumPart a:hover,
.RadGrid_Office2007 .rgNumPart a:hover span,
.RadGrid_Office2007 .rgNumPart a.rgCurrentPage,
.RadGrid_Office2007 .rgNumPart a.rgCurrentPage span {
  background: transparent none repeat scroll 0 0 !important;
}
.RadGrid_Office2007 .rgNumPart a {
  padding: 0px !important;
}
.rgPageFirst {
  background-image: url(images/PagingFirst.gif) !important;
  background-repeat: no-repeat !important;
}
.rgPagePrev {
  background-image: url(images/PagingPrev.gif) !important;
  background-repeat: no-repeat !important;
}
.rgPageNext {
  background-image: url(images/PagingNext.gif) !important;
  background-repeat: no-repeat !important;
}
.rgPageLast {
  background-image: url(images/PagingLast.gif) !important;
  background-repeat: no-repeat !important;
}
.RadGrid_Office2007 .rgWrap {
  line-height: 21px;
}
.RadGrid_Office2007 .rgPageFirst {
  background-position: 7px 50% !important;
}
.RadGrid_Office2007 .rgPagePrev {
  background-position: -4px 50% !important;
}
.RadGrid_Office2007 .rgPageNext {
  background-position: 7px 50% !important;
}
.RadGrid_Office2007 .rgPageLast {
  background-position: -5px 40% !important;
}
.RadInput_Office2007,
.RadInputMgr_Office2007 {
  font-family: Verdana, Helvetica, Arial, sans-serif !important;
}
html body .RadInput_Office2007 input .riTextBox,
html body .RadInputMgr_Office2007 input {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  border: 1px solid #C5C8CB !important;
  padding: 3px !important;
  height: 35px !important;
}
.RadGrid_Office2007 .rgPager .rgPagerLabel,
.RadGrid_Office2007 .rgPager .RadComboBox,
.RadGrid_Office2007 .rgPager .RadInput_Office2007 {
  margin: 0 1px 0 0 !important;
}
.RadGrid_Office2007 .rgRow td,
.RadGrid_Office2007 .rgAltRow td,
.RadGrid_Office2007 .rgEditRow td,
.RadGrid_Office2007 .rgFooter td {
  padding-top: 0px !important;
  line-height: 20px;
}
.RadGrid_Office2007 .rgNumPart a.rgCurrentPage span,
.RadGrid_Office2007 .rgNumPart a.rgCurrentPage:hover span {
  width: 30px !important;
}
.RadGrid_Office2007,
.RadGrid_Office2007 .rgMasterTable {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px !important;
  color: #555555 !important;
}
.RadGrid_Office2007 .rgDetailTable {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px !important;
  color: #555555 !important;
}
.RadGrid_Office2007 .rgGroupPanel table {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px !important;
  color: #555555 !important;
}
.RadGrid_Office2007 .rgCommandRow table {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px !important;
  color: #555555 !important;
}
.RadGrid_Office2007 .rgEditForm table {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px !important;
  color: #555555 !important;
}
.RadGrid_Office2007 .rgPager table {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px !important;
  color: #555555 !important;
}
.GridToolTip_Office2007 {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px !important;
  color: #555555 !important;
}
.RadGrid_Default .rgAltRow {
  background: #FFFFFF !important;
}
.RadGrid_Default .rgRow a,
.RadGrid_Default .rgAltRow a,
.RadGrid_Default .rgEditRow a,
.RadGrid_Default .rgFooter a,
.RadGrid_Default .rgEditForm a {
  color: #3385B2 !important;
  font-size: 11px;
}
thead .rgPager {
  display: none;
}
.RadGrid_Office2007 .rgPager .rgPagerCell {
  border-color: #FFFFFF !important;
  border-style: none !important;
  border-width: 0px !important;
}
.RadGrid_Office2007 td.rgPagerCell {
  border-top: 0px none !important;
}
.RadGrid_Office2007 .rgInfoPart {
  color: #555555 !important;
}
/*======================================================================================================================================================================================================================================================== */
/* STYLINGS AT THE MODULAR LEVEL */
/* PrivateViews, across the board styles (mostly for numbers that should be right aligned, such as dollar amounts) */
.Amount {
  text-align: right;
}
th.Amount {
  text-align: right !important;
}
.Quantity {
  text-align: right;
}
th.Quantity {
  text-align: right !important;
}
.Price {
  text-align: right;
}
th.Price {
  text-align: right !important;
}
.AmountTotal {
  text-align: right !important;
  font-weight: bold;
  font-size: 12px;
}
.igridqty {
  text-align: right;
}
th.igridqty {
  text-align: right !important;
}
.rgAdvPart > span[id$='ChangePageSizeLabel'] {
  display: none !important;
}
input#snapshotDonateNow {
  background-color: #585772;
  border: 0 none;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Roboto Slab', serif !important;
  font-weight: bold;
  height: 28px;
  margin: 5px;
  text-decoration: none;
  text-transform: uppercase;
}
input#snapshotDonateNow:hover {
  color: #FFFFFF;
}
input#snapshotRecommendGrant {
  background-color: #585772;
  border: 0 none;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  height: 40px;
  margin: 5px;
  text-decoration: none;
  text-transform: uppercase;
}
input#snapshotRecommendGrant:hover {
  color: #FFFFFF;
}
.button {
  background-color: #585772;
  border: 0 none;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  height: 40px;
  margin: 5px;
  text-decoration: none;
  text-transform: uppercase;
}
.button:hover {
  color: #FFFFFF;
}
input.primary,
button.primary,
input.secondary,
button.secondary {
  background-color: #585772;
  border: 0 none;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  height: 40px;
  margin: 5px;
  text-decoration: none;
  text-transform: uppercase;
}
input.primary:hover,
button.primary:hover,
input.secondary:hover,
button.secondary:hover {
  color: #FFFFFF;
}
a.primary,
a.secondary {
  margin: 5px;
  vertical-align: middle;
  display: inline-block;
}
/* Related Documents Module */
.RelatedFiles ul li {
  list-style-type: none !important;
}
.RadUpload .ruCheck {
  display: none !important;
}
.RadUpload .ruBrowse {
  background-color: #585772 !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  height: 40px !important;
  margin: 0 0 0 5px !important;
  text-decoration: none;
  text-transform: uppercase;
}
.RadUpload .ruBrowse:hover {
  color: #FFFFFF !important;
}
.RadUploadProgressArea .ruButton {
  background-color: #585772 !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  height: 40px !important;
  margin: 5px !important;
  text-decoration: none;
  text-transform: uppercase;
}
.RadUploadProgressArea .ruButton:hover {
  color: #FFFFFF !important;
}
.ruActions .ruButton {
  background-color: #585772 !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  height: 40px !important;
  margin: 5px !important;
  text-decoration: none;
  text-transform: uppercase;
}
.ruActions .ruButton:hover {
  color: #FFFFFF !important;
}
.iPhiForm .captchaImage {
  margin-bottom: 10px;
  margin-left: 0;
}
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton {
  margin-bottom: 5px !important;
}
input.ruAdd {
  background-color: #585772 !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  height: 40px !important;
  margin: 5px !important;
  text-decoration: none;
  text-transform: uppercase;
}
input.ruAdd:hover {
  color: #FFFFFF !important;
}
input.ruDelete {
  background-color: #585772 !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold;
  height: 40px !important;
  margin: 5px !important;
  text-decoration: none;
  text-transform: uppercase;
}
input.ruDelete:hover {
  color: #FFFFFF !important;
}
/* hiding some of the paging elements in the tables ... too crowded */
.rgAdvPart > span[id$='ChangePageSizeTextBox_wrapper'] {
  display: none !important;
}
.rgAdvPart > input[id$='ChangePageSizeLinkButton'] {
  display: none !important;
}
.tblAccountSelector {
  width: 100%;
}
.RadComboBox table {
  display: table !important;
}
/* fixing some weirdness with a dropdown */
/* New Recommend a Grant Form styles */
.iPhiForm div.fieldset {
  border: 0px none !important;
}
.iPhiForm div.legend {
  background-color: transparent;
  border: 0 none;
  color: #333333;
  width: 500px;
}
.paymentDateChoice_container legend {
  display: none !important;
}
.AccountBalanceSummary .total {
  display: none;
}
.DefaultContributionEntry {
  border: 0px none;
}
/* trying to get charities list to look better in mobile */
.RecommendGrantCharityList tr.rgAltRow td + td + td,
.RecommendGrantCharityList tr.rgRow td + td + td {
  text-align: left;
}
.RecommendGrantCharityList tr.rgAltRow td + td + td + td,
.RecommendGrantCharityList tr.rgRow td + td + td + td {
  text-align: center;
}
.RadGrid_Office2007 .rgHeader:first-child,
.RadGrid_Office2007 th.rgResizeCol:first-child,
.RadGrid_Office2007 .rgFilterRow > td:first-child,
.RadGrid_Office2007 .rgRow > td:first-child,
.RadGrid_Office2007 .rgAltRow > td:first-child {
  padding-left: 0;
}
.RadGrid .rgRow td,
.RadGrid .rgAltRow td,
.RadGrid .rgEditRow td,
.RadGrid .rgFooter td,
.RadGrid .rgFilterRow td,
.RadGrid .rgHeader,
.RadGrid .rgResizeCol,
.RadGrid .rgGroupHeader td {
  padding-left: 3px;
  padding-right: 3px;
}
.RemoveCharity.cell.RemoveCharity.string {
  text-align: center;
}
.RemoveCharity {
  width: 10% !important;
}
/*Sets width of remove charity x */
/* Removing the default left margin on the statements module */
.Statements .statementsContainer {
  margin-left: 0;
}
/* app dashboard module */
.GrantApplicationSummaryDashboard > div {
  border-top: 1px dotted #E4E4E4;
  clear: both;
  display: block;
  padding-top: 10px !important;
  width: 800px;
}
.GrantProgramBrowser .head {
  border-top: 1px dotted #888888;
  width: 100%;
}
.GrantProgramBrowser .body {
  padding: 10px 0;
}
/*Misc Custom Form Styles */
.iPhiForm .DropDown select {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px !important;
  overflow: visible;
  width: 200px;
}
.iPhiForm .optional label {
  font-weight: normal;
  line-height: 1.5em;
}
button,
input,
select,
textarea {
  font-size: 12px !important;
}
/* manually setting some button styles. */
.iPhiForm .primary {
  font-weight: normal !important;
}
.captchaImage {
  margin-bottom: 10px !important;
  margin-left: 0;
}
.Catpcha_container {
  margin-left: 11em !important;
}
a#ccvLink {
  margin-left: 10.2em;
}
.iPhiForm .radiogroup .thelabel {
  padding-top: 0px;
}
/* Documents Module */
.TitleHeader {
  display: none;
}
.DNN_Documents a {
  margin-left: 0px !important;
}
.RightPane .DNN_Documents a {
  margin-left: -8px !important;
}
.DNN_Documents {
  margin-bottom: 30px;
}
/*hides minimize*/
.title_vis {
  display: none;
}
/*hides print*/
.c_footer {
  display: none;
}
/* Misc E-Comm Styles */
#creditCard a {
  display: block;
}
.communicationValue input {
  background-color: transparent;
  border: 1px solid #D6E5EA !important;
  cursor: pointer;
  margin: 0;
  padding: 2px !important;
  vertical-align: middle;
}
#iPhiWrapper .default {
  margin-bottom: 20px;
}
.FundActivityDetailReport h1 {
  color: #50504f;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
}
.ExportLister {
  margin: -5px 0 0 -45px;
}
.ContribActivitySearch .advancedSearch {
  border-style: none;
  border-width: 0;
}
.scheduleDetails {
  margin-bottom: 15px;
}
/* adding some padding on the recurring grant schedule detail page */
.helpIcon.default {
  float: right;
  margin-top: -50px;
  width: 146px;
}
.advancedSearchTable {
  border: 0 none !important;
}
.GrantApplicationSummaryDashboard > div {
  border-top: 1px dotted #E4E4E4;
  display: block;
  padding-top: 10px !important;
  width: 800px;
}
.GrantApplicationSummaryDashboard > div .summary {
  float: left;
  width: 300px;
}
.GrantApplicationSummaryDashboard > div .requirements {
  float: right;
  width: 450px;
}
/* ============================================================================================================================================================================================================================================================ */
/* RadGrid Defaults */
.RadGrid_Office2007 {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D0D7E5 !important;
  border-radius: 5px 5px 5px 5px !important;
  color: #50504f !important;
  margin-top: 1px !important;
}
.RadGrid_Office2007 .rgHeader,
.RadGrid_Office2007 th.rgResizeCol,
.RadGrid_Office2007 .rgMultiHeaderRow th.rgHeader,
.RadGrid_Office2007 .rgMultiHeaderRow th.rgResizeCol {
  background: none repeat scroll 0 0 #f3f3f3 !important;
  border-color: #f3f3f3 !important;
}
/* default grid header style */
.RadGrid_Office2007 .rgHeader,
.RadGrid_Office2007 .rgHeader a {
  color: #50504f !important;
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 14px;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.RadGrid_Office2007 .rgRow a,
.RadGrid_Office2007 .rgAltRow a,
.RadGrid_Office2007 .rgEditRow a,
.RadGrid_Office2007 .rgFooter a,
.RadGrid_Office2007 .rgEditForm a {
  color: #377ab7 !important;
}
.RadGrid_Office2007 .rgRow td,
.RadGrid_Office2007 .rgAltRow td,
.RadGrid_Office2007 .rgEditRow td,
.RadGrid_Office2007 .rgFooter td {
  border-width: 0 0 1px !important;
}
/* removing left & right cell borders */
.RadGrid_Office2007,
.RadGrid_Office2007 .rgMasterTable,
.RadGrid_Office2007 .rgDetailTable,
.RadGrid_Office2007 .rgGroupPanel table,
.RadGrid_Office2007 .rgCommandRow table,
.RadGrid_Office2007 .rgEditForm table,
.RadGrid_Office2007 .rgPager table,
.GridToolTip_Office2007 {
  font: 13px/18px 'Futura LT W01 Book', sans-serif !important;
}
.RadGrid_Office2007 .rgFooterDiv,
.RadGrid_Office2007 .rgFooter {
  background: none repeat-x scroll 0 0 #f3f3f3 !important;
  border-color: #F3F3F3 !important;
  border-radius: 5px 5px 5px 5px !important;
}
/* styling default footers */
.RadGrid_Office2007 .rgFooter td {
  color: #50504f !important;
  font-family: 'Futura LT W01 Book', sans-serif !important;
  font-weight: bold !important;
}
/* styling default footer text style */
/* ============================================================================================================================================================================================================================================================ */
/* MISC */
/* setting admin dropdowns color */
.RadMenu_Outlook a.rmLink,
.RadMenu_Outlook .rmText {
  color: #555555 !important;
}
/* login - missing info module */
.MissingInfo {
  width: 625px !important;
}
.iPhiLogin .MissingInfo {
  width: 600px !important;
}
.ModStellariPhiModulesHelpIconC {
  padding-top: 10px;
}
/* statements */
.ModStellariPhiModulesStatementsC {
  padding: 0 12px 12px;
}
.DnnModule-StellariPhiModulesStatements {
  background-color: #E0E0E0;
}
.Statements .alternateRow {
  background-color: #DFDFDE;
}
.Statements .statementsContainer {
  border: 1px solid #F3F3F3;
  height: 200px;
  width: auto;
  overflow-y: scroll;
}
.Statements .statementsContainer .even {
  border-color: #F3F3F3;
  border-style: solid;
  border-width: 1px 0;
  background-color: #F3F3F3;
}
/* Contribution Dashboard */
.ContributionsDashboard {
  text-align: left !important;
  background-color: #f3f3f2;
  padding: 5px 12px 12px 12px;
}
.ContributionsDashboard .igridamount {
  padding-left: 0px;
  padding-right: 0px;
}
.ContributionsDashboard .igridpmttype {
  padding-left: 0px;
  padding-right: 20px;
  text-align: left !important;
}
.ContributionsDashboard .igriddate {
  padding-left: 0px;
}
.ContributionsDashboard .alternateRow {
  background-color: #dfdfde;
}
.ContributionsDashboard .rgRow {
  background-color: #F3F3F2;
}
.ContributionsDashboard .RadGrid_Office2007 .rgHeader {
  color: #4f4f4f !important;
  font-family: 'Futura LT W01 Book', Arial, Helvetica !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #F3F3F2 !important;
}
.ContributionsDashboard .RadGrid_Office2007 .rgHeader a {
  color: #4f4f4f !important;
  font-family: 'Futura LT W01 Book', Arial, Helvetica !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-decoration: none;
  text-transform: uppercase;
}
/* -- DROPDOWN STYLINGS -- */
.stsselect-input .stsselect-text {
  padding: 6px 0 2px 2px;
}
.AccountSelector td.iaccountdropdown {
  background: url(images/acctbkgrnd.png) no-repeat left 6px #ffffff;
}
.AccountSelector td.iaccountdropdown:hover {
  cursor: pointer;
}
.AccountSelector .RadComboBox_Default .rcbInputCell,
.AccountSelector .RadComboBox_Default .rcbArrowCell {
  background-image: none !important;
}
.AccountSelector .RadComboBox RadComboBox_Default {
  width: auto;
}
.AccountSelector .RadComboBox_Default .rcbInput {
  color: #888888 !important;
  font-size: 15px !important;
  font-weight: 600;
}
.AccountSelector .RadComboBox table td.rcbInputCell {
  padding: 2px 0 0 20px;
}
.AccountSelector .RadComboBox table td.rcbInputCell:hover {
  cursor: pointer;
}
.AccountSelector .iaccountname {
  font-size: 13px !important;
  padding-top: 25px !important;
}
.AccountSelector .iaccountid {
  font-size: 13px !important;
  padding-top: 25px !important;
}
.AccountSelector .iaccountorg {
  font-size: 13px !important;
}
.iPhiSearchForm .CustomFormSubmitButton,
.iPhiSearchForm .button,
.iPhiSearchForm .primary,
.iPhiNarrowForm .CustomFormSubmitButton,
.iPhiNarrowForm .button,
.iPhiNarrowForm .primary {
  clear: left;
  float: left;
  margin: 3px 0 0px 2px !important;
}
/* ============================================================================================================================================================================================================================================================ */
/* fancy contribution form */
.fieldset.donationDetails.DonationDetailsGroupStart_container.optional.Congregate.container,
.fieldset.Normal.ContributorFieldsGroupStart_container.optional.Congregate.container,
.DefaultContributionConfirmation .fieldset.Normal._Grouper_container.optional.Congregate.container,
.DefaultContributionConfirmation .fieldset.Normal._Grouper2_container.optional.Congregate.container {
  border-bottom: 1px solid #E2E2E2;
}
#dnn_ctr1716_ViewDefaultContributionEntry_module_ctl00_legend {
  /* background: url(images/1.png) no-repeat scroll 20px center #FFFFFF;*/
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 52px;
  min-height: 51px;
  padding-left: 58px;
  width: 251px;
}
#dnn_ctr1716_ViewDefaultContributionEntry_module_ctl01_legend {
  /* background: url(images/2.png) no-repeat scroll 20px center #FFFFFF;*/
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 52px;
  min-height: 51px;
  width: 251px;
  padding-left: 58px;
}
#dnn_ctr1723_ViewDefaultContributionConfirmation_module_ctl00_legend {
  /* background: url(images/3.png) no-repeat scroll 20px center #FFFFFF;*/
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 52px;
  min-height: 51px;
  padding-left: 58px;
  width: 251px;
}
#dnn_ctr1723_ViewDefaultContributionConfirmation_module_ctl01_legend {
  /* background: url(images/4.png) no-repeat scroll 20px center #FFFFFF;*/
  font-family: 'Futura LT W01 Book', sans-serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 52px;
  min-height: 51px;
  padding-left: 58px;
  width: 251px;
}
.DefaultContributionConfirmation .Confirmation_text.readonlyvalue {
  margin: 0 0 0 59px !important;
}
/* ============================================================================================================================================================================================================================================================ */
/* a few container items */
.iPhiHeaderCont {
  margin-bottom: 25px !important;
}
.iPhiHeaderCont .iPhiHeaderContTop {
  background-color: rgba(88, 87, 114, 0.9);
  height: 25px;
  margin-bottom: 15px;
}
.iPhiHeaderCont .iPhiHeaderContTop .Head {
  color: #FFFFFF;
  text-indent: 5px;
}
.DefaultCont {
  margin-bottom: 25px;
}
.YellowTitleCont {
  margin-bottom: 25px;
}
.YellowTitleCont .YellowTitleContTop .Head {
  color: #4f4f4f;
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
}
/* ============================================================================================================================================================================================================================================================ */
/* FANCY INPUTS */
.iPhiLogin span.thefield input {
  min-width: 275px;
}
.iPhiLogin.iPhiForm .actions {
  margin: 0 !important;
  padding-left: 3px;
}
td#dnn_ctr1115_Login_tdPassword {
  padding: 0px !important;
}
.stsselect-input {
  background-color: transparent;
  border: 0 none;
}
.stsselect-input .caret-btn {
  border-left: 0 none;
}
.visuallyHidden {
  width: 0px !important;
}
html body .RadInput_Office2007 .riTextBox,
html body .RadInputMgr_Office2007 {
  padding: 8px !important;
}
#dnn_ctr1961_ViewCustomFormCaptcha_module_captcha_captcha_SpamProtectorPanel input {
  width: 181px;
  /* setting captcha width */
}
.stsselect-input,
.riTextBox,
.riTextBox.riEnabled,
.iPhiLogin span.thefield input,
input#dnn_ctr1961_ViewCustomFormCaptcha_module_captcha_captcha_CaptchaTextBox,
.MenuPane .ilabelcol2 {
  padding: 8px !important;
  /*-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  /*-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  /*box-sizing: border-box;         /* Opera/IE 8+ */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11pt;
  border: 1px solid #ccc !important;
  background: #f0f0f0 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#f0f0f0", GradientType=0) !important;
  /* IE6-9 */
  color: #555;
  margin-top: 0px;
  outline: none;
}
.stsselect-input:hover,
.riTextBox:hover,
.riTextBox.riEnabled:hover,
.iPhiLogin span.thefield input:hover,
input#dnn_ctr1961_ViewCustomFormCaptcha_module_captcha_captcha_CaptchaTextBox:hover,
.MenuPane .ilabelcol2:hover {
  padding: 8px;
  /*-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  /*-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  /*box-sizing: border-box;         /* Opera/IE 8+ */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11pt;
  border: 1px solid #ccc;
  background: #f0f0f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#f0f0f0", GradientType=0);
  /* IE6-9 */
  color: #555;
  margin-top: 0px;
  outline: none;
}
.iPhiForm .checkbox.container input[type="checkbox"],
.iPhiForm .RadioButtonGroup.container input[type="radio"] {
  clip: rect(0px, 0px, 0px, 0px);
  position: absolute;
}
.iPhiForm .checkbox.container input[type="checkbox"]:checked + label:before {
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  color: #555555;
  content: " \2713";
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 14px;
  line-height: 19px;
  margin: -5px 5px 0 0;
  padding: 0 2px 5px 4px;
  width: 14px;
}
.iPhiForm .checkbox.container input[type="checkbox"] + label:before {
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  color: #555555;
  content: " ";
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 14px;
  line-height: 19px;
  margin: -5px 5px 0 0;
  padding: 0 2px 5px 4px;
  vertical-align: middle;
  width: 14px;
}
.iPhiForm .RadioButtonGroup.container input[type="radio"] label:before {
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #CCCCCC;
  border-radius: 50px;
  color: #555555;
  content: " ";
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
  height: 10px;
  line-height: 24px;
  margin: -5px 5px 0 0;
  padding: 0 4px 9px 5px;
  vertical-align: middle;
  width: 10px;
}
.iPhiForm .RadioButtonGroup.container input[type="radio"] + label:before {
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #CCCCCC;
  border-radius: 50px;
  color: #555555;
  content: " ";
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
  height: 10px;
  line-height: 24px;
  padding: 0 4px 9px 5px;
  vertical-align: middle;
  margin: -5px 5px 0 0;
  width: 10px;
}
.iPhiForm .RadioButtonGroup.container input[type="radio"]:checked + label:before {
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #CCCCCC;
  border-radius: 50px;
  color: #555555;
  content: "\2022";
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
  height: 10px;
  line-height: 22px;
  margin: -5px 5px 0 0;
  padding: 0 6px 9px 3px;
  vertical-align: middle;
  width: 10px;
}
.iPhiForm .checkbox.container input[type="checkbox"],
.iPhiForm .RadioButtonGroup.container input[type="radio"] {
  clip: rect(0px, 0px, 0px, 0px);
  position: absolute;
}
.iPhiForm .ReadOnlyValue .thefield {
  padding-top: 0px !important;
}
/* ============================================================================================================================================================================================================================================================ */
/* mobile-specific styling */
/*swipe menu: default colors*/
#menu1 {
  background-color: #FFFFFF;
}
.mobile-menu > ul {
  padding: 20px 25px 35px;
}
.mobile-menu > .nav.nav-tabs > li > a {
  background-color: #585772;
  color: #FFFFFF;
  font-weight: 600;
}
.mobile-menu > .nav.nav-tabs > li > a:hover,
.mobile-menu > .nav.nav-tabs > li > a:focus {
  background-color: #454459;
  color: #FFFFFF;
  text-decoration: none !important;
}
/*swipe menu: level-1*/
.mobile-menu > .nav.nav-tabs > .level-1 > a {
  background-color: #585772;
  color: #FFFFFF;
  font-weight: 600;
}
.mobile-menu > .nav.nav-tabs > .level-1 > a:hover,
.mobile-menu > .nav.nav-tabs > .level-1 > a:focus {
  background-color: #454459;
  color: #FFF;
  text-decoration: none !important;
}
.mobile-menu > .nav.nav-tabs > .selected-page.level-1 {
  background-color: #454459;
  color: #FFF;
  text-decoration: none !important;
}
.current-page.selected-page.level-1 > a {
  background-color: #454459 !important;
}
/*swipe menu: level-2*/
.mobile-menu > .nav.nav-tabs > .level-2 > a {
  background-color: #F1F1F1;
  color: #313131;
  font-weight: 400;
}
.mobile-menu > .nav.nav-tabs > .level-2 > a:hover,
.mobile-menu > .nav.nav-tabs > .level-2 > a:focus {
  background-color: #cecece;
  color: #fff;
  text-shadow: 0 -1px 0 #cecece;
}
@media only screen and (max-width: 831px) {
  /* narrow windows: unfloat and stretch panes*/
  .is-mobile #pdvSimple,
  .is-mobile #home,
  .is-mobile #internal {
    float: none;
    width: 100%;
    padding: 10px;
    background-color: #FEFCEA;
    border-top: 5px solid #A7571C;
    border-bottom: 5px solid #A7571C;
  }
}
@media only screen and (min-width: 832px) {
  .is-mobile {
    width: 832px !important;
    margin: 0 auto !important;
  }
}
.is-mobile {
  /*removing ability to expand fund activity*/
  /*removing some paging functions on mobile - too crowded*/
  /*removing some paging functions on mobile - too crowded*/
  /*this is what will hide columns in client side tables - add to additional classes in grid*/
  /* making requirements dashboard stack for mobile*/
  /*===============================================================================*/
  /*hiding table columns for mobile only*/
  /*DONORVIEW*/
}
.is-mobile img#dnn_dnnLOGO2_imgLogo {
  width: 270px;
}
.is-mobile #paneTable {
  box-shadow: none !important;
  padding: 10px 10px 25px 10px !important;
}
.is-mobile .mobile-banner {
  float: none;
  padding: 10px 0;
}
.is-mobile #Content #ContentWrap {
  background-color: #FFFFFF !important;
  float: none !important;
  margin-right: 0px;
  padding-bottom: 25px;
}
.is-mobile #ContentWrap .TopPane {
  clear: both;
  margin: 15px auto 0;
  width: 95%;
}
.is-mobile #ContentWrap .ContentPane {
  clear: both;
  width: 95%;
  margin: 0px auto;
}
.is-mobile #ContentWrap #pdvWrapper .SmallLeftPaneTop {
  clear: both !important;
  float: none !important;
  clear: both;
  width: 95%;
  margin: 0px auto;
}
.is-mobile #ContentWrap #pdvWrapper .SmallRightPaneTop {
  clear: both !important;
  float: none !important;
  width: 95%;
  margin: 0px auto;
}
.is-mobile #ContentWrap .MiddlePane {
  clear: both;
  width: 95%;
  margin: 0px auto;
}
.is-mobile #ContentWrap #pdvWrapper2 .SmallLeftPaneBottom {
  clear: both !important;
  float: none !important;
  width: 95%;
  margin: 0px auto;
}
.is-mobile #ContentWrap #pdvWrapper2 .SmallRightPaneBottom {
  clear: both !important;
  float: none !important;
  width: 95%;
  margin: 0px auto;
}
.is-mobile #ContentWrap .BottomPane {
  clear: both;
  width: 95%;
  margin: 0px auto;
}
.is-mobile #footerPane1,
.is-mobile #footerPane2,
.is-mobile #footerPane3 {
  width: 95% !important;
  clear: both;
  float: none !important;
  text-align: center !important;
}
.is-mobile .footerPane1,
.is-mobile .footerPane2,
.is-mobile .footerPane3 {
  width: 95% !important;
  clear: both;
  float: none !important;
  text-align: center !important;
}
.is-mobile #FooterWrap1 {
  height: auto;
  padding: 0px;
}
.is-mobile #FooterWrap1 #Footer1 {
  height: 700px;
  width: 100% !important;
}
.is-mobile #FooterWrap1 #Footer1 #footerPane1,
.is-mobile #FooterWrap1 #Footer1 #footerPane2 {
  border-right: 0px none !important;
  color: #FFF;
  float: none !important;
  height: auto !important;
  margin-top: 30px;
  text-align: center !important;
  width: auto !important;
}
.is-mobile .iPhiForm .container .thelabel {
  float: left;
  text-align: left;
  width: 6em;
}
.is-mobile .iPhiForm .container .errormessage,
.is-mobile .iPhiForm .container .thefield,
.is-mobile .iPhiForm .container .warningmessage,
.is-mobile .iPhiForm .container .descriptive {
  display: block;
  margin: 0 0 0 6em;
  padding-left: 3px;
}
.is-mobile .iPhiNarrowForm .container .errormessage,
.is-mobile .iPhiNarrowForm .container .thefield,
.is-mobile .iPhiNarrowForm .container .warningmessage,
.is-mobile .iPhiNarrowForm .container .descriptive {
  display: block;
  margin: 0px;
  padding-left: 3px;
}
.is-mobile .iPhiForm div.long.TextField input {
  width: 215px !important;
}
.is-mobile .rgExpandCol {
  display: none;
}
.is-mobile .rgInfoPart {
  display: none;
}
.is-mobile .RadGrid .NextPrevNumericAndAdvanced .rgAdvPart {
  display: none;
}
.is-mobile .mob {
  display: none;
}
.is-mobile .GenericSearcher .thelabel {
  float: none !important;
}
.is-mobile .GrantApplicationSummaryDashboard > div .requirements {
  float: none !important;
  width: auto;
}
.is-mobile .GrantApplicationSummaryDashboard > div .summary {
  float: none !important;
  width: auto;
}
.is-mobile .GrantApplicationSummaryDashboard h3 {
  clear: both;
  float: none;
  width: 40% !important;
}
.is-mobile .GrantHistoryDashboardTable.mainTableDiv .EffectiveDate,
.is-mobile .GrantHistoryDashboardTable.mainTableDiv .Amount {
  display: none;
}
.is-mobile .FundActivityDetailReport1.mainTableDiv .PaymentType,
.is-mobile .FundActivityDetailReport1.mainTableDiv .Quantity,
.is-mobile .FundActivityDetailReport1.mainTableDiv .TransactionId {
  display: none;
}
.is-mobile .FundActivityDetailReport4.mainTableDiv .PartyName,
.is-mobile .FundActivityDetailReport4.mainTableDiv .PaymentType,
.is-mobile .FundActivityDetailReport4.mainTableDiv .Quantity {
  display: none;
}
.is-mobile .FundActivityDetailReport5.mainTableDiv .Description {
  display: none;
}
.is-mobile .ContributionActivity.mainTableDiv .PaymentType,
.is-mobile .ContributionActivity.mainTableDiv .Description,
.is-mobile .ContributionActivity.mainTableDiv .TradePaymentQuantity,
.is-mobile .ContributionActivity.mainTableDiv .TransactionStatusName,
.is-mobile .ContributionActivity.mainTableDiv .Date,
.is-mobile .ContributionActivity.mainTableDiv .TransactionId,
.is-mobile .ContributionActivity.mainTableDiv .ReceiptLink {
  display: none;
}
.is-mobile .AddCharityTable.mainTableDiv .TaxId {
  display: none;
}
.is-mobile .IATransfer.mainTableDiv .TransactionId,
.is-mobile .IATransfer.mainTableDiv .StatusName,
.is-mobile .IATransfer.mainTableDiv .ApprovedDate,
.is-mobile .IATransfer.mainTableDiv .Comment {
  display: none;
}
.is-mobile .allGrantsTable.mainTableDiv .TransactionId,
.is-mobile .allGrantsTable.mainTableDiv .Type,
.is-mobile .allGrantsTable.mainTableDiv .Status,
.is-mobile .allGrantsTable.mainTableDiv .CreatedDate,
.is-mobile .allGrantsTable.mainTableDiv .ScheduledDate,
.is-mobile .allGrantsTable.mainTableDiv .IssuedDate,
.is-mobile .allGrantsTable.mainTableDiv .GrantPurpose,
.is-mobile .allGrantsTable.mainTableDiv .Aoi,
.is-mobile .allGrantsTable.mainTableDiv .AuditApproveDate {
  display: none;
}
.is-mobile .RecurringGrantsTable.mainTableDiv .Frequency,
.is-mobile .RecurringGrantsTable.mainTableDiv .PaymentsToDate,
.is-mobile .RecurringGrantsTable.mainTableDiv .PaymentsLeft,
.is-mobile .RecurringGrantsTable.mainTableDiv .TransactionStatusName,
.is-mobile .RecurringGrantsTable.mainTableDiv .CreatedDate,
.is-mobile .RecurringGrantsTable.mainTableDiv .IssuedDate,
.is-mobile .RecurringGrantsTable.mainTableDiv .ClearedDate {
  display: none;
}
.ModStellariPhiModulesMyProfileC .RadTabStripTop_Office2007 .rtsLevel1 .rtsLink,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripTop_Office2007 .rtsLevel1 .rtsLink,
.ModStellariPhiModulesMyProfileC .RadTabStripTop_Office2007 .rtsLevel1 .rtsOut,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripTop_Office2007 .rtsLevel1 .rtsOut,
.ModStellariPhiModulesMyProfileC .RadTabStripBottom_Office2007 .rtsLevel1 .rtsLink,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripBottom_Office2007 .rtsLevel1 .rtsLink,
.ModStellariPhiModulesMyProfileC .RadTabStripBottom_Office2007 .rtsLevel1 .rtsOut,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripBottom_Office2007 .rtsLevel1 .rtsOut,
.ModStellariPhiModulesMyProfileC .RadTabStripTop_Office2007 .rtsLevel1,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripTop_Office2007 .rtsLevel1,
.ModStellariPhiModulesMyProfileC .RadTabStripBottom_Office2007 .rtsLevel1,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripBottom_Office2007 .rtsLevel1 {
  background-image: none !important;
}
.ModStellariPhiModulesMyProfileC .RadTabStrip_Office2007 .rtsLevel1,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStrip_Office2007 .rtsLevel1 {
  background-color: transparent !important;
}
.ModStellariPhiModulesMyProfileC .RadTabStrip_Office2007,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStrip_Office2007 {
  background-image: url(images/profile.png) !important;
  background-repeat: repeat !important;
  background-position: 0 0 !important;
  height: 35px;
}
.ModStellariPhiModulesMyProfileC .RadTabStripTop_Office2007 .rtsLevel1 .rtsSelected,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripTop_Office2007 .rtsLevel1 .rtsSelected,
.ModStellariPhiModulesMyProfileC .RadTabStripTop_Office2007 .rtsLevel1 .rtsSelected:hover,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripTop_Office2007 .rtsLevel1 .rtsSelected:hover {
  background-color: #FFFFFF;
  background-position: 0 -26px;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px 6px #000000;
  line-height: 30px;
  margin: 5px 0 0 2px;
  max-height: 29px;
}
.ModStellariPhiModulesMyProfileC .RadTabStrip .rtsLevel1 .rtsTxt,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStrip .rtsLevel1 .rtsTxt,
.ModStellariPhiModulesMyProfileC .RadTabStripVertical .rtsLevel1 .rtsTxt,
.ModStellariPhiModulesModuleWrapperRadTabC .RadTabStripVertical .rtsLevel1 .rtsTxt {
  color: #000000;
  font-family: 'Futura LT W01 Book', sans-serif !important;
  font-size: 14px;
  line-height: 35px;
  padding: 0 5px;
}
.ModStellariPhiModulesMyProfileC .multiPage,
.ModStellariPhiModulesModuleWrapperRadTabC .multiPage {
  background-color: #FFFFFF;
  border: 1px solid #CCF5FE !important;
  margin-top: -2px;
  padding: 20px;
}
/* styling rss feeds */
.DNN_News_ItemLink {
  font-size: 14px !important;
  font-weight: bold;
  margin-bottom: 0;
}
.DNN_News_ItemDetails {
  margin-bottom: 25px;
}
/* engage */
.ModEngagePublishC .categoryItemList {
  background-color: #ffffff;
  border: 0 none !important;
  clear: both;
  display: inline-block;
  margin-bottom: 25px;
  padding: 0;
  width: 100%;
}
.ModEngagePublishC .altCategoryItemList {
  background-color: #ffffff;
}
.ModEngagePublishC .categoryItemList .itemTitle {
  clear: right;
  float: none;
  width: auto;
}
.ModEngagePublishC H2 {
  color: #4f4f4f;
  font: 14px/21px 'Futura LT W01 Book', sans-serif !important;
  text-transform: none;
}
.ModEngagePublishC .categoryItemList .itemReadmore {
  clear: none;
  text-align: left;
}
a.button {
  background-color: #585772 !important;
  border: 0 none !important;
  border-radius: 3px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
  font-weight: bold !important;
  height: 40px !important;
  letter-spacing: -0.3px;
  margin: 5px !important;
  padding: 5px 8px;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
a.button:hover {
  background-color: #585772 !important;
  border: 0 none !important;
  border-radius: 3px !important;
  color: #FFFFFF !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
  font-weight: bold !important;
  height: 40px !important;
  letter-spacing: -0.3px;
  margin: 5px !important;
  padding: 5px 8px;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
.ModC .iPhiNarrowForm .primary,
.ModC .iPhiNarrowForm .secondary {
  display: inline-block !important;
  margin-top: 3px !important;
}
/* cfl - Skin.css - 03.14.69 */

