﻿/*
 * Main file for Jimmy Fund's site styles
 *
 * Colors: #f5c924 (yellow); yellow: hover: #ffd32e
 *         #0d62a9 (Blue header and dark blue divider)
 *         #AF2839 (red) selected/active color:
 *         #b6d0e5(light blue divider - 30% opacity of normal blue for dividers, borders and lines
 */
 
/*****Fonts and Default Fonts settings*****/
/*View Grid - switch on*/
body.grid{background: #fff url('../images/grid16.png') repeat-y center top;}
/*Fix the chrome font bug*/
body{color: #666; -webkit-animation-duration: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s;}
@-webkit-keyframes fontfix {from{   opacity: 1; } to{ opacity: 1; color:red; }}
/*Specific Resets*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ font-family: 'Open Sans', sans-serif; color: #000;}
h1, .h1{font-size: 36px;}
h2, .h2{font-size: 30px;}
h3, .h3{font-size: 24px;}
h4, .h4{font-size: 22px;}
h5, .h5{font-size: 20px;}
h6, .h6{font-size: 16px;}
sup{ font-size: 0.5em;}
h6.light{font-size: 18px; font-weight: 300;}
a{color:#0d62a9;cursor:pointer; }
.breadcrumbs,.breadcrumbs a{ font-size:12px;line-height: 1.2em;}
h2 sup{ font-size: 15px;}
p a{text-decoration: underline;}
p a:hover{text-decoration: none;}
address{color:#666;}
section li,section li a {line-height: 1.25em; }
section li { padding-bottom:0.5em;}
small {display:inline-block;padding-bottom:0.5em;}
/*******************************************************************************
 * quotes and spotlights
 ******************************************************************************/
q {color: #8a8a8a;display: block;font-style: italic;line-height: 1.75em;margin: 0 0 1em;padding: 0 20px;}
q:before {color: #ccc;content: '\201c';	font: 3.5em 'Georgia', serif;margin: -5px -25px;opacity: 0.8;position: absolute;}
q:after {color: #ccc;content: '\201d';font: 3.5em 'Georgia', serif;margin: -5px 0 0 5px;opacity: 0.8;position: absolute;}
.pullquote {border-bottom: 1px dotted #dcdcdc;border-top: 1px dotted #dcdcdc;color: #dcdcdc;display: block;font-size: 1.5em;margin: 0 0 0.67em;padding: 10px 0;}
.end-bio {font-style: italic;line-height: 1.5;}
/*******************************************************************************
 * Tiles and slides
 ******************************************************************************/
.slide{ max-width:942px;}
.tile, .tile_lg, .tile_doublecol, .tile_triplecol,.event_search,.tile_event{ float:left; overflow:hidden; position: relative;  width: auto 0;}
.tile *, .tile a:hover{color: #fff;}
.tile img{width: 100%;}
.tile_xlg{height: 471px; width:785px;}
.tile_fullwidth{height: 471px; width:942px;}
.tile_lg{height: 471px; width:471px;} /*use .tile_lg to create half a slide with smaller tiles floating*/ 
.tile_md { height: 314px; width:314px;}
.tile_xmd {height: 220px; width:220px;}
.tile_sm{height: 157px; width: 157px;}
.tile_xsm{height: 100px; width: 100px;}
.tile_doublecol{height: 314px; width:157px;}
.tile_triplecol{height: 471px; width:157px;}
.tile_event{height: 236px; width:236px;}
.tile_mini{height: 118px; width:118px;}
.tile_half{height: 118px; width:236px;}
.gradient{
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.82) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.82))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.82) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.82) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.82) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.82) 100%); /* W3C */
 /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );*/ /* IE6-8 */
}
.text{bottom: 20px;cursor: pointer; height: auto;left: 20px; max-height: 100%; overflow:hidden; position: absolute; width: 85%; z-index: 10;}
.layer,.gradient,.frame,.action_lnks,.hover{display: block;height: 100%;line-height: 1em;left: 0;margin: 0;padding: 0;position: absolute;top: 0;width: 100%;z-index: 5;}
.text{z-index: 10;}
.text p{font-size: 13px;}
.text h1{font-size: 47px; font-weight:300;}
.text h2,.text h5,.text p, .text a{line-height: 1.3em; margin: 0;}
.text p,.text h2{clear:both;display: block;}
/*Force text div to full height*/
.fulltext{bottom: 20px;height:100%; margin-bottom: -20px;}
.fulltext .topright,.fulltext .bottom, .fulltext .topleft{ position:absolute;}
.fulltext .topright{right:0;top: 10px;}
.fulltext .topleft{left:0;top: 0px;}
.fulltext .bottom{bottom: 20px;left: 20px;}
.fulltext .topright .date_sm{margin: 0 2px !important;}
.frame,.action_lnks{border:solid 2px #fff;}
.action_lnks{border-left-width: 1px;border-right-width: 1px;}
/*Hover styles*/
.hover{background: #000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display:none;filter: alpha(opacity=50);opacity: 0.5; z-index: 4;}
/*Date Types and date ranges*/
 .date_sm, .date_xsm, div.tile div.date_xsm,div.tile div.date_sm{background: #f5c924;color: #000;font-size: 12px;height:48px;line-height:1em;overflow:hidden;
    padding: 7px 6px 5px;text-align: center;text-transform: uppercase;width:48px;}
 .date_sm span, .date_xsm span{ clear:both; color: #000;display: block;font-size: 24px;font-weight:300; margin-top:5px; }
 .date_xsm{font-size: 9px;height: 36px;padding:4px 0; width: 36px;}
 .date_xsm span{font-size: 18px;}
 .date_xlg, .daterange .date_xs{color: #af2839;display: inline-block;font-size: 19px;font-weight:100;float:left;min-height:130px;line-height:1em;overflow:hidden;text-align: center;width: 120px;}
 .date_xlg span, .daterange .date_xs span{color: #af2839 !important;clear:both; display: block; line-height:1em;}
 .date_xlg .lg{font-size: 85px; }
 .date_xlg .normal, .daterange .date_xs span{font-weight:400;}
.event_news_pnl .daterange {font-size:12px;margin-top:-5px;min-height:150px;text-align:center;width: 120px;}
.event_news_pnl .daterange .to{clear:both; display: block; line-height:1em;margin-bottom:5px;}
.event_news_pnl .daterange .date_xs{font-size:12px;min-height:65px;margin:0;}
.event_news_pnl .daterange .date_xs .lg{font-size:28px; line-height:1.1em;margin-top:5px;}
/*Round corners*/
.date_sm,.date_xsm, .round{border-radius: 6px; -moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;-webkit-border-radius: 6px;}
.jficon, .btn-addon .icon,.btn-addon-left .icon,.news .micro,.cyclernav_bg a, .icontile,
div.jf_pager ul.pagination> li> a,div.jf_atoz_pager a,a.pageme, .Pager a, .Pager span {border-radius: 4px;-o-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-webkit-border-radius: 4px;}
.noradius{ border-radius: 0px;-o-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;-webkit-border-radius: 0px;}
.toggle_display a {border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-webkit-border-radius: 3px;}
.btn-round{border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;-webkit-border-radius: 15px;}
/*Search widget*/
.search_widget .input-group .input-group-addon{border-top-left-radius: 6px;border-bottom-left-radius: 6px;-webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px;}
.search_widget .input-group input.form-control{border-top-right-radius: 6px;border-bottom-right-radius: 6px;-webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;}

/*yellow links on marquee*/
.action_lnk{color: #000;background: #f5c924;border:solid 1px #fff; display:block; font-size:20px; font-weight: 100; line-height: 50px !important; overflow:hidden; padding: 0 0 0 20px; white-space:nowrap;}
a.action_lnk:hover, a.action_lnk:focus{color: #000; background: #ffd32e;text-decoration:none;}
.tile_event .action_lnk{font-size:24px;line-height: 76px !important;}
.tile_half .action_lnks{background-color: #F5C924;height: 100%;left:0;position:absolute; top:0;}
.tile_half .action_lnks:hover, .tile_half .action_lnks:hover .action_lnk {background-color: #FFD32E;}
.tile_half .action_lnk{border: none;bottom: 18px;font-size:24px;left:15px;line-height: 1.1em !important;margin: 20px 0 10px;padding:0;position:absolute;white-space:normal; width:85%; }
/*Main Home cycler*/
.marquee{margin:-19px 0 30px -1px;min-height: 542px;position:relative; width:942px;}
.marquee.notiles { min-height:0;}
#homecyler {overflow:hidden;}
.cycle_slideshow{height: 471px;}
.cycle-tiles-container{display: block;height: 471px;width:942px;}
.marquee_footer{background: #fff;border:solid 2px #fff;border-top-width:1px; height: 72px;}
.cyclernav_bg{display: none;height: 542px;position:absolute; top: 1px;width:62px;  }
.cyclernav_bg.lft{background: url('../images/marquee_lft_bg.png') no-repeat top right;left:-63px;}
.cyclernav_bg.rt{background: url('../images/marquee_rt_bg.png') no-repeat top left;right: -64px;}
.cyclernav_bg a{background: url('../images/JF_icon_sprite.png') no-repeat -80px -57px;display: block;height: 40px;float:left;margin-top: 214px;text-indent: -9999em;overflow: hidden; width:20px;}
.cyclernav_bg.lft a{background-position:-28px -57px;float:right;}
/*Hover and inactive states of cycler navigation arrows/links*/
.cyclernav_bg.inactive{background:none; }
.cyclernav_bg a:hover,.cyclernav_bg a.inactive, .cyclernav_bg.inactive a{opacity: 0.3;filter:alpha(opacity=30);-moz-opacity: 0.3;-webkit-opacity: 0.3;}
.cyclernav_bg a.inactive, .cyclernav_bg.inactive a{cursor:default;}
/*TILE and SLIDE SPECIFIC*/
#event_marquee{margin-left:-2px;min-height: 590px;width: 944px;}
.tile .date_sm{ margin: 3px 10px 0 0;}
.tile .date_xsm{margin-bottom:10px;}
.tile_xsm .text{left: 10px;}
.tile_xsm .text p{ font-size: 12px;}
.tile_mini .text{bottom: 10px; left: 5px;width:90%;}
.tile .date_xsm {margin-right:10px;}
.tile.date_sm{margin-bottom: 7px;margin-right: 7px;}
.date_sm.tbd{ background-color:#fcf0c0;border:solid 2px #f5c924;padding-top:18px; color: #555;}
.tile h3.dark {color: #000;}
.tile .text span.line { display: block;}
/*******************************************************************************
 * Site specific
 ******************************************************************************/
html, footer{background: #dfdfdf;}
html{height: 100%;}
header, footer .container{padding: 0 10px;}
#main_section{padding-top: 20px; min-height:200px;}
/*Header styles*/
/*Header Logos and links - subheader*/
#subheader{display:block;height:150px;padding: 10px 0 0; position:relative; width:100%; }
#logos {display:block;height:105px; width: 100%}
#logos a {display:inline-block;}
#logos #jf_logo {height:88px;  width: 370px;   }
#logos #df_logo {float:right;height:40px;margin: 34px 155px 0 0;width: 215px;  }
#give_lnk{text-indent: -9999em; overflow: hidden;}
/*#logos a{background: url(../images/JF_logo_sprite.png);background-repeat: no-repeat;display:inline-block; text-indent: -9999em; overflow: hidden; }
#logos #jf_logo{background-position:left top; height:88px;  width: 370px;}
#logos #df_logo{background-position:left bottom;float:right;height:40px;margin: 34px 155px 0 0;width: 215px;}*/
#subheader #give_lnk{background: url('../images/give_banner.png') no-repeat left top;height: 138px;position: absolute; right: -8px;top: 10px; width:158px;}
#sm_toolbar{background: #dfdfdf;color:#000;display:block;font-size:11px; height:33px;padding:5px 1% 0; width:100%;}
#sm_toolbar .fb-like{float:left;margin-top:2px; }
#sm_toolbar .share_links{ margin: 1px 155px 0 0;max-height: 22px; min-width:200px;}
/*Header Navigation*/
header .navbar{background-color: #0b61a8;margin:0;min-height:38px;-webkit-border-radius:0;-moz-border-radius: 0;border-radius: 0;}
header .navbar-collapse {padding: 0;}
header .navbar-brand{font-size:14px;}
header .navbar .dropdown-menu > .dropdown > .dropdown-toggle> .caret {display:none;}
header .navbar-nav ul li a.selected {font-weight:700;}
header .dropdown-menu > li > a {color:#fff !important;}
header .navbar-nav .open .dropdown-menu > li > ul > li > a {padding-left: 35px;}
header .navbar-nav .open .dropdown-menu > li > ul > li > ul > li > a {padding-left: 50px;}
header .navbar  li >a, header .navbar-brand{padding:9px 15px;color:#fff;}
header .navbar li >a:hover, header .nav li >a:focus, 
header .nav .open > a, .nav .open > a:hover,.nav .open > a:focus,header .navbar-brand:focus,
header .navbar .navbar-header a:hover{background-color: #2179c2;}
header .navbar .dropdown-menu {background-color: #2179c2;border-color:#2179c2;color:#fff; padding:0;}
header .navbar .dropdown-menu > li > a	{line-height: 1.25em; padding: .5em 20px;}
header .navbar .dropdown-menu > li > a:hover{color:#fff;background-color: #0b61a8; }
header .navbar .navbar-form{margin:7px 0 0; padding:0 10px 0 0;min-width: 235px; }
header input.form-control{width: 200px; }
/*header .navbar .navbar-form button{background: #f5c924;color: #0a0a0a;padding:2px 4px 1px; top: 0;text-align: center; }*/
header .navbar-toggle{background-color: #2179c2;margin: 4px 15px 2px 0;  padding:7px 9px;}
header .navbar-toggle span{background-color: #fff;}
header .navbar-collapse.in {overflow-y: visible;  /*Needed for responsive bug*/}
/*Footer styles*/
footer{margin: 30px 0 0; padding: 22px 0 50px;}
footer *{color: #000;}
footer img{margin-top:10px;}
footer ul,footer p, footer address{list-style:none;max-width:200px;padding-left:0;}
footer ul{margin-bottom: 13px;}
footer li {margin:3px 0 0;}
footer .hdr{margin:0 0 4px;}
footer li a,footer a, footer p,footer address{font-size:12px;line-height: 1.2em; }
footer .hdr a, footer h6 a{font-size: 16px; }
footer p,footer .phone{margin-top:10px;}
footer .phone{display:block;font-size: 14px; }
footer .spaced{margin-top: 30px;}
footer .share_links{height: 22px;margin-bottom: 20px;}
footer .copy{color: #555;font-size:12px; margin:0 2% 0 0;  text-align:right; width:98%; clear:both;}
footer .copy a{color: #555;display: inline-block; margin: 0 4px;}
footer .jf_logo_sm,footer .df_logo_sm{margin-bottom: 20px;}
/*******************************************************************************
 * *Mini Form blocks - marquee and others
 ******************************************************************************/
.form-inline .field{ display: inline-block;}
.field input[type=text]{box-shadow:none;border-color: #fff;width: 190px;}
.field input[type=text].md{width: 140px;}
.field input[type=text].sm{width: 80px;}
.field input, .field button{vertical-align: middle;}
input.form-control{font-size: 11px; line-height:1.4em; height: auto; padding:4px;}
.btn-search{background: #f5c924;color: #0a0a0a;display:inline-block;padding:2px 4px 1px; top: 0;text-align: center; }
.btn-addon,.btn-addon-left{background: #fff;border:solid 1px #fff;display:inline-block; padding:0 1px 1px;line-height:19px; min-height:25px; vertical-align:middle;}
.btn-addon{margin-left: -8px; border-radius: 0px;-o-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;-webkit-border-radius: 0px;
-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.btn-addon-left{margin-left:0;margin-right: -8px;padding:0 10px 1px 1px; 
border-radius: 0px;-o-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;-webkit-border-radius: 0px;
-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.btn-addon .icon, .btn-addon-left .icon{background-color: #f5c924;margin: 0;height:21px; width:21px;vertical-align: middle;}
.btn-addon-left .atoz, .btn-addon .atoz{background-image:none;display:inline-block;font-size:12px;padding: 1px 1px 2px;vertical-align: middle; line-height:19px;  }
.caret-left, .collapsed .caret{border-left: 4px solid #7f7f7f;border-top: 4px solid transparent;border-bottom: 4px solid transparent;
  border-right: 0 dotted;display: inline-block;height: 0;margin: 0 2px  0 4px;vertical-align: middle;width: 0;}
:hover >.caret-left{border-left-color: #333;}
.required{color:#9f1b32;font-size:11px;}
label{color: #444;font-size:13px; font-weight:normal;}
.help-block{font-size:12px;}
.btn-pnl{border-top:solid 1px #E5E5E5;margin-top:20px; padding: 10px 20px;text-align: right; width:100%;}
.caret-down{border-left: 4px solid #7f7f7f;border-right: 4px solid transparent;border-bottom: 4px solid black;height: 0; margin: 0 2px  0 4px;vertical-align: middle;width: 0;}
/*******************************************************************************
 * *Email Modal Form 
 ******************************************************************************/
.jf_email_modal .modal-header{padding: 15px 15px 10px;}
.jf_email_modal .form_pnl .modal-body{padding: 20px 50px 10px;}
.jf_email_modal label.control-label{padding-top:0; text-align:right;}
.jf_email_modal .help-block{margin-top:15px;}
.jf_email_modal .modal-footer{padding: 9px 20px 10px;}
.jf_email_modal .btn-pnl{padding-bottom:0;}
 #jf_email_iframe{ height:280px;}
 .confirmation{padding: 20px;}

/*******************************************************************************************************************
****** Component specific: Section for individual components                                                  ******
********************************************************************************************************************/
/*main container limits - grid restrictions and grid support*/
.container{max-width: 960px;}
.col-sm-9{max-width: 530px;}
.offset-1{margin-left: 60px;}
.col-st-3{max-width: 160px;}
.col-st-4{max-width: 220px;}
.col-st-8{max-width: 460px;}
a.btn{text-decoration: none;}
.btn-primary{background: #0b61a8;}
.btn-danger,.btn-round{background: #af2839;}
.btn-xs{padding:0px 5px 1px;}
.btn-round{padding: 3px 20px 4px; font-weight: 100; line-height:20px;}
.btn-round, .btn-round:hover, .btn-round:focus{ color:#fff;}
.btn-round:hover{background: #d2322d;}
.highlite{background:#f5c924; padding:0 3px;}
.uppercase{ text-transform:uppercase;}
.image-wrapper {border:solid 1px #ccc; margin:0 0 5px;max-width:50%;}
.image-wrapper.pull-right {margin-left:15px;}
.image-wrapper.pull-left {margin-right:15px;}
/*General Classes*/
/*JF Icons and sprite support*/
.jf_logo_sm,.df_logo_sm{display:block;height:36px; width: 150px; }
.jf_logo_sm{background: url('/UI_Assets/images/JF_logo_footer.png') no-repeat center center;}
.df_logo_sm{background: url('/UI_Assets/images/DF_logo_footer.png') no-repeat center center;}
.icon, .twisty,.icontile{display: inline-block; background:  url('../images/JF_icon_sprite.png') no-repeat left top; height:20px; width:20px; vertical-align:middle;}
.sidenav_themed li, .arrow_box {background: url('../images/arrow_yellow.png') no-repeat right top;height:45px; overflow:hidden;}
hr.blue, hr.event_divider{border-top-color:#0d62a9;}
.fulldivider, .fulldivider_lt{border-bottom:solid 1px #0d62a9;border-top:solid 1px #0d62a9; padding:10px 0; margin: 10px 0;}
.fulldivider_lt{border-color: #b6d0e5;}
.underline{border-bottom: solid 1px #0d62a9;margin-bottom:10px; padding-bottom:10px;}
.sidelink{display: inline-block;float:right; font-size:13px; vertical-align:bottom; }
h2 .sidelink{line-height: 33px;}/*event landing like headers*/
/*Placeholder for social icons*/
.share_links{color: #000;display:block; font-size: 11px;height: 42px;}
.share_links span{float:left; line-height:20px; margin-right: 5px;font-weight:normal;}
.share_links .social_icon{background: url('../images/jf_social_icons.png') no-repeat -72px top;cursor:pointer;display:inline-block;height:22px;margin:0 4px 0 3px;width: 22px;vertical-align: middle; float:left; } 
.share_links .twitter{background-position: -72px -42px;}
.share_links .goggle{background-position: -72px -84px;}
.share_links .emailme{background-position: -72px -168px;}
.share_links .youtube{background-position: -72px -126px;}
.share_links .instagram{background-position: -72px -251px;}
.share_links .glyphicon.glyphicon-calendar { background-image: none;font-size: 22px; position: relative;text-decoration: none;top: -1px;}
.share_links .glyphicon.glyphicon-calendar:hover {text-decoration: none;}
.running{background-position: -26px -2px;}
.bydate{background-position: -58px -3px;}
.micro{background-position:-150px -52px;height:30px; width: 30px;}
.local{background-position: -81px -2px;}
.local_lg{background-position: 5px -33px;}
.blue_header, .blue{color: #0d62a9;}
.lock{background-position: -32px -34px;height:12px; width:12px; }
.grey{color: #aaaaaa}
.grey_lt{color: #666;}

/*JF Icons*/
.icon, .icontile{margin-right: 5px;}
.icontile{background-color:#f5c924;height: 24px;  padding: 0;width:24px;}
.jficon{ background: #f5c924; color: #000; font-size: 13px; font-style:normal; line-height: 1.2em; padding: 3px 5px; }
.jficon:hover, a:hover .jficon{background: #ffd32e;}
.jfi_signup{ background-position: -202px -3px; margin-right: 5px;}
.jfi_contact{background-position: -240px -53px;}
.jfi_phone{background-position: -240px -76px;}
.jfi_email{background-position: -240px -97px;}
.globe,.video{height:15px;width: 15px; }
/*.globe{background-position: -202px -56px; }
.video{background-position: -202px -85px; }*/
/*Related links*/
.related_lnks .icon{background-image: url('../images/related-links-icons.png'); background-repeat:no-repeat;height:15px;width: 18px; }
.related_lnks a{line-height:1em;}
.globe{background-position: -203px -55px; }
.video{background-position: left -51px; }
.rl_instagram{background-position: left -99px; }
.rl_facebook{background-position: left -149px; }
.rl_twitter{background-position: left -200px; }
.rl_pinterest{background-position: left -250px; }
/*Hover states*/
.related_lnks a:hover >.globe{background-position: -99px top; }
.related_lnks a:hover >.video{background-position: -99px -51px; }
.related_lnks a:hover >.rl_instagram{background-position: -99px -99px; }
.related_lnks a:hover >.rl_facebook{background-position: -99px -149px; }
.related_lnks a:hover >.rl_twitter{background-position: -99px -200px; }
.related_lnks a:hover >.rl_pinterest{background-position: -99px -250px; }
/*Active states*/
.related_lnks a:active >.globe, .related_lnks a:focus >.globe{background-position: -199px top; }
.related_lnks a:active >.video, .related_lnks a:focus >.video{background-position: -199px -51px; }
.related_lnks a:active >.rl_instagram, .related_lnks a:focus >.rl_instagram{background-position: -199px -99px; }
.related_lnks a:active >.rl_facebook, .related_lnks a:focus >.rl_facebook{background-position: -199px -149px; }
.related_lnks a:active >.rl_twitter, .related_lnks a:focus >.rl_twitter{background-position: -199px -200px; }
.related_lnks a:active >.rl_pinterest, .related_lnks a:focus >.rl_pinterest{background-position: -199px -250px; }
/*Breadcrumbs*/
.breadcrumbs{margin-bottom: 20px; }
/*IMAGE BLOCKS*/
.item{min-height: 150px;width: 100%;}
.item_sm{min-height: 75px;}
.item img{margin:0 10px 0 0;}
.item .rbox{margin-left: 179px; }
.item .rbox h2,.item .rbox h6{ line-height: 1.2em;margin: 0 0 5px;}
.item_sm .rbox{margin:0 0 0 65px;padding: 10px 0 14px; color: #444;}
.item .fulldivider_lt{padding: 13px 0 11px;}
/*AUXILIARY Navigations*/
.sidenav h2{margin-top: 0;}
.sidenav h2 a {font-size: inherit;}
.sidenav ul, ul.sidenav_themed{list-style: none; margin-bottom: 20px;padding:0;}
.sidenav ul a, ul.sidenav_themed a{color: #000;}
.sidenav a:hover, ul.sidenav_themed a:hover{color: #333; }
.sidenav a.selected {color: #AF2839; }
.sidenav ul a.selected {font-weight: 600;}
/*Simple Left Side Navigation*/
.sidenav li {padding-left: 15px;position: relative;}
.sidenav li > ul{margin-bottom: 10px;padding-left: 0;}
/*Collapsible links*/
.sidenav ul.menu li { padding-bottom:0;}
.sidenav ul.menu li a{display:inline-block; padding-bottom:0.5em; }
.sidenav ul.menu .submenu {margin-bottom:0;}
.sidenav .twisty{background-position: -168px -18px;height:18px;left:0;margin:0 ;position:absolute; top: -2px; outline:none;overflow:hidden;text-indent: -9999em;width: 15px; }
.sidenav .twisty:hover{opacity: 0.7;filter:alpha(opacity=70);-moz-opacity: 0.7;-webkit-opacity: 0.7;}
.sidenav .twisty.collapsed{background-position: -167px -2px;}
.sidenav a{ font-size: 13px;}
.sidenav h5 a {font-size: 20px; color: #000;}
/*Themed Side Navigation*/
.sidenav_themed{margin: 0;width:180px !important;}
.sidenav_themed li{margin:2px 0;}  
.sidenav_themed a{ display:block;font-size: 16px;font-weight: 100;line-height:45px;padding: 0 12px;}
.sidenav_themed li:hover{background-position: right bottom;}
.sidenav_themed li:hover a{color: #000;text-decoration: none;}
/*for top arrows*/
header .sidenav_themed:before, header .sidenav_themed:after {content: " "; display: table;}
header .sidenav_themed:after {clear: both;}
header .sidenav_themed {background:#f5c924;min-height:35px;max-width:100%;margin:0;width:100%;}
header .sidenav_themed li {background:#f5c924;float:left; height: 30px; width:auto;}
header .sidenav_themed li a{ background:#f5c924;line-height: 30px;}
header .sidenav_themed li a:hover{ background:#ffd32e;}
/*search widget*/
.search_widget label{font-size:13px;font-weight:normal;}
.search_widget a{color:#010000; display:inline-block; font-size: 12px; line-height: 24px; vertical-align:middle;}
.search_widget a i{ font-size: 13px; height:24px;}
.search_widget a i.glyphicon{font-size: 14px;}
.search_widget a:hover{text-decoration: none;}
.search_widget .jfi_go{line-height: 19px; float: left; padding:0 2px; vertical-align: middle;}
.search_widget .input-group{float: left; margin-right:5px;width:78%; }
.search_widget .input-group *{background:#e7e7e7;border-color: #eee; color:#000;}
.search_widget .input-group .input-group-addon{ padding: 0 2px 0 4px;}
.search_widget .input-group .input-group-addon .glyphicon{font-size:12px;}
 a.signup_lnk{color:#010000; font-size: 14px;margin-top: 30px;}
.search_tools a{margin: 10px 15px 10px 0;}
.search_tools a i{margin-right: 3px;}
/*Event Search section in home*/
.marquee_footer h3, .marquee_footer .subtile h6, .event_search h3, .event_search a,  .marquee_footer .subtile h5{color:#fff;}
.marquee_footer .search h3,.marquee_footer .search .form-inline{display:inline-block;margin: 0;vertical-align: top;}
.marquee_footer .search h3{line-height:1em; margin-right: 5px;overflow:hidden;width: 155px;}
.marquee_footer .search .form-inline{width: 530px; }
.marquee_footer .search .form-inline .field{ padding: 0 28px 0 0;position:relative; width:147px; margin-right:3px;}
.marquee_footer .search .form-inline .keyword {width:218px; }
.marquee_footer .search .form-inline .field .jficon{ line-height:19px;}
.marquee_footer .search .form-inline .field .jficon, .marquee_footer .search .form-inline .field .icontile,.marquee_footer .search .form-inline .field .btn,
.event_fullsearch .filter .jficon,.event_fullsearch .filter .icontile, .event_search .icontile,.event_search .filter .jficon
{position:absolute;top:0;right:0;top:0; margin:0; min-height:25px;}
.marquee_footer h6{margin: 0; line-height:1.3em; max-width: 150px;}
.marquee_footer .search, .marquee_footer .subtile{ float:left;height: 69px;}
.marquee_footer .search{background: #a0212e;padding: 20px 0 20px 10px;width: 705px;}
.marquee_footer .subtile{background:#6a6a79;margin:0 0 0 3px;padding: 12px 20px;width: 230px;}
.marquee_footer .search .form-inline .btns{min-height:20px;padding:0; width:auto;}
.marquee_footer .search .form-inline .btns .btn{ float:none; position:relative;}
/*Event Search section in home*/
.event_search{background: #a0212e;border:solid 2px #fff;height: 236px; width:472px;}
.event_search .search{display: block; height:222px;margin:10px 24px;}
.event_search .search h3{margin: 0 0 12px;}
.event_search .search .keyword{margin-bottom: 20px;}
.event_search .search .keyword input[type=text]{ width: 375px;}
.event_search .search .keyword .btn-search{ padding:2px 12px; }
.search ul{float:left;list-style: none;padding:0;}
.search ul.col1{width: 110px;}
.search ul.col2{width: 130px;}
.search ul a{font-size: 14px; font-weight:300;}
.search ul a.small{font-size: 11px;}
.search ul.form_vertical{float:right;width: 176px;}
.event_search ul .filter{margin:5px 0 10px;  position:relative;white-space: nowrap; width:100%; padding-right:28px; }
/*.event_search .filter input[type=text]{width: 135px;}*/
/*search bar: events pages*/
.event_fullsearch{background: #a0212e; padding: 15px;}
.event_fullsearch .divider a,.event_fullsearch .checkbox label{color: #fff;}
.event_fullsearch .checkbox{ margin-top:5px}
.event_fullsearch .checkbox label{margin-left:10px; }
.event_fullsearch .checkbox label>input{ margin:5px 5px 0 0; vertical-align:top;}
.event_fullsearch .col-sm-4, .event_fullsearch .col-sm-8{position:relative;padding: 0 28px 0 10px;white-space:nowrap;}
.event_fullsearch .col-sm-8, #eventsearch_alt .search .col-sm-7{text-align:right;}
.event_fullsearch .btngroup input[type=text],.event_fullsearch .btngroup  select{color:#000;font-size:12px;line-height:17px;padding: 3px 4px;width:135px;}
.event_fullsearch .jficon, .event_search .filter .jficon{font-size:12px;line-height:19px;padding:3px 0; text-align:center;width:24px; }
.event_fullsearch .mainsearch{padding-right:0;}
.event_fullsearch .mainsearch .form-group{ width:300px; }
.event_fullsearch .mainsearch input.form-control{color:#000;font-size: 14px;font-weight: 500;height:25px;line-height:25px;padding:0 4px; max-height:25px;}
.event_fullsearch .divider  a{background:#a0212e;display:inline-block; font-size:14px;outline:none;text-decoration:none; padding: 0 15px 0 0;  }
.event_fullsearch .divider{background: #a0212e url('../images/search_divider.png') repeat-x left 10px; margin:10px -5px 5px; }
.event_fullsearch .divider a:hover{ color: #ddd;}
.event_fullsearch .divider a .caret{border-top-color:#fff;}
.event_fullsearch .divider a.collapsed .caret{border-left-color:#fff;border-top-color:transparent;}
.event_fullsearch #collapsesearch{margin-top:8px;}
.event_fullsearch select option:disabled, .search  select option:disabled {color:#bbb;}
.search .filter a.btn{color:#000 !important;font-size:13px; line-height:22px;padding:0 12px 1px; }
.search .filter a.btn .caret-left {border-left-color:#000; margin-bottom:2px;}
.search .filter .glyphicon {font-size:14px;}
/*Select dropdown filters*/
.marquee_footer select, .event_search select,.event_fullsearch select{ border: 0px; font-size: 11px;height: 25px; margin:0; min-width:100px;padding: 3px 4px; width: 100%;}
.event_fullsearch .col-sm-8 select {max-width:180px;}
#event_landing_alt .marquee {margin-top:0;}
/*search bars in golf and run search*/
#eventsearch_alt .search h3{color:#fff;line-height:1em;margin:0;padding-right:0; vertical-align:top;}
/*blue boxes*/
.bordered_bl{border: solid 1px #0a62a9; display: block; margin: 45px 0; }
.bordered_bl li, .bordered_bl h6{margin: 12px;}
.bordered_bl h6{font-weight: 500;}
.bordered_bl h6.light{font-weight: 300;}
.bordered_bl a{font-size: 13px; line-height:1.2em;}
.bordered_bl ul{list-style: none;padding: 0;margin: 0 15px 20px 0;}
.bordered_bl li{position: relative; padding-left: 23px; }
.bordered_bl li .icon{position: absolute; left: 0; top:5px;}
.bordered_bl img{ display: block; margin:0 auto 15px;max-width: 170px; }
/*Small inpage cycler (jfWalk)*/
.cycler_sm{border-bottom: solid 1px #0d62a9;  }
.cycler_sm .cycler_sm_inner {min-height: 250px;position:relative; }
.cycler_sm .cycler_sm_inner {max-height: 260px;max-width:440px;overflow: hidden;}
.cycler_sm .cycler_sm_nav{background:#000; bottom: 0;display: block; left:0;position:absolute;height: 23px;width: 100%;z-index: 200; }
.cycler_sm .cycler_sm_nav a{display: block; height: 23px;margin:0;text-indent: -9999em;overflow: hidden;position:absolute; width: 23px; }
.cycler_sm .cycler_sm_nav a.prev{left:0; background-position: -308px -56px;}
.cycler_sm .cycler_sm_nav a.next{right: 0; background-position: -375px -56px;}
.cycler_sm .caption{margin-top: 5px; }
.cycler_sm .caption p, .caption{ color:#999; font-style: italic;margin-bottom: 10px; }
.cycler_sm .caption small{ font-size: 9px; font-style: normal;}
/*Small inpage carousel (jfWalk - sponsors)*/
.carousel{display: block;height: 100px; overflow: hidden; width:414px; max-width:450px;}
.carousel_inner{min-width: 414px;min-height:150px;position:relative;}
.carousel img{ margin: 0 5px;width:128px;}
.carousel_nav a, .fade_bg{display: block;overflow: hidden;position:absolute;}
.carousel_nav a{ height: 20px;margin: -15px 0 0 0; text-indent: -9999em;top: 50%;width: 15px;z-index: 200; }
.carousel_nav a.prev{left:0; background-position: -110px -57px;}
.carousel_nav a.next{right:0; background-position: -131px -57px;}
 /*Here goes the gradient layer - To be added*/
.fade_bg{background: url('../images/carousel_bgsm.png') repeat-y left top; height:100%; width: 100%;z-index: 150;  }
/*cycler and carousel hovers*/
.cycler_sm .cycler_sm_nav a:hover,.carousel_nav a:hover,.cycler_sm .cycler_sm_nav{opacity: 0.5;filter:alpha(opacity=50);-moz-opacity: 0.5;-webkit-opacity: 0.5;}
 /*Image wrappers*/
.img-wrapper{ border-bottom: solid 1px #e5e5e5; margin:0 20px 20px 0; padding-bottom: 10px;}
.img-wrapper img{ margin: 0 0 10px; width:100%; }
.img-wrapper.pull-right {margin:0 0 20px 20px;}
/*News block (home page) and News page*/
.news,.news_pnl{color:#777777; margin: 0 0 35px;}
.news .date {clear:both;display: block;font-size:10px;margin: 0 0 2px; text-transform:uppercase;width: 100%;}
.news .micro{ background-color: #dfdfdf; float: left;margin: 5px 8px 5px 0;}
.news p{color:#000; font-weight: 100;}
.news p a, a.more{text-decoration: none;}
.news p a:hover,  a.more:hover{text-decoration: underline;}
.list .news{ background: url('../images/android-forward-icon.png') no-repeat left 2px; margin-bottom:15px;padding: 0 10px 0 24px;}
.list li.news{list-style: none outside none; margin-left: -40px;}
.news_pnl .media { margin-bottom:20px;padding-bottom:20px;}
.news_pnl .media .media-object {width:118px; }
/*Search pager and pager stats*/
#pager_stats h6{color:#777;}
#pager_stats h6 span{color:#000; font-weight:300; font-size:30px;}
.pager_stats{list-style:none; padding:0; font-size:12px;}
.pager_stats li{color:#777;float: left; padding-right:35px;}
.sortby{font-size:11px; }
.sortby span{color:#000;}
.toggle_display{display:block;height: 26px;margin:20px 0 0 0; width: 82px; }
.toggle_display a{background: url('../images/search_display_icons.png') no-repeat 2px 2px;border:solid 1px #fff;display:inline-block;
    float:left;height:24px;margin:0 0 0 3px;width:24px; }
.toggle_display .thumblist_view{background-position: 2px -21px;}
.toggle_display .list_view{background-position: 2px -43px;}
.toggle_display a:hover,.toggle_display a.active{background-position: -45px 2px; border:solid 1px #0b61a8;}
.toggle_display .thumblist_view:hover, .toggle_display .thumblist_view.active{background-position: -45px -21px;}
.toggle_display .list_view:hover, .toggle_display .list_view.active{background-position: -45px -43px;}
.pager_stats .display_private{color:#000;display:inline-block;font-weight:300;float: right; line-height:12px;margin:25px 20px 0 0;}
.pager_stats .display_private .lock{ margin-right:2px; vertical-align:top;}
/*Jimmy Fund Pager*/
div.jf_pager ul.pagination> li> a{background: #e7e7e7; border-color: #e7e7e7;color:#777;line-height:15px;margin:0 2px; padding:3px 6px;}
div.jf_pager ul.pagination> li.active > a,  div.jf_pager ul.pagination> li > a:hover{background: #0b61a8 !important; color:#fff;}
div.jf_pager ul.pagination> li> a.prev_pg, div.jf_pager ul.pagination> li> a.next_pg{font-size:15px !important;}
/*A to Z pager*/
div.jf_atoz_pager{margin: 10px 0 15px; min-height:25px;}
div.jf_atoz_pager a, a.pageme{background: #0b61a8; color:#fff;display:inline-block;float:left;font-size:14px;line-height: 22px;margin: 0 5px 0 0;  padding:0 0 2px; 
  text-align:center;vertical-align: middle;width:20px;}
div.jf_atoz_pager a:hover{text-decoration: none; background:#034b87;}
div.jf_atoz_pager a.inactive,div.jf_atoz_pager a.inactive:hover{background: #cccccc; cursor:default;}
div.jf_atoz_pager a.arrows{background: #fff; color:#cccccc; font-size:24px;padding:0;line-height: 24px; width:10px; margin-top:-5px;}
div.jf_atoz_pager a.arrows:hover{color:#333;}
div.jf_atoz_pager a.next{margin-right:0;float:right;}
a.pageme,a.pageme:hover{background:#b2b2b2;cursor:default;text-decoration: none;}
.thumblist_tbl{border: none !important;margin-bottom:25px;width: 100%;}
.thumblist_tbl th,.thumblist_tbl .results-grid-header td{background: #0b61a8; color:#fff; font-weight: normal; font-size:12px;line-height:1.1em;text-transform:uppercase; padding:5px 7px; }
.thumblist_tbl th>a{color:#fff;}
.thumblist_tbl th a .caret{display:none;}
.thumblist_tbl th .asc .caret, .thumblist_tbl th .desc .caret{display:inline-block;}
.thumblist_tbl th .asc .caret{border-top-color:#fff;}
.thumblist_tbl th .desc .caret{border: 4px solid transparent;border-bottom: 5px solid #fff; vertical-align:top;}
.thumblist_tbl th:nth-child(1){text-align:center;}
.thumblist_tbl th:nth-child(2)>a{margin-left:95px;}
.thumblist_tbl .results-grid-header td * {  color:#fff;}
.thumblist_tbl td{border-bottom:solid 1px #a0212e;vertical-align:top; padding-top:18px;}
.thumblist_tbl tr.featured td{background:#fffdf1;} /*Featured event*/
.thumblist_tbl tr.featured td .featured_txt{color:#0B61A8; font-size:11px; float:right;text-transform:uppercase;}
.thumblist_tbl .results-grid-header td{border-bottom:solid 1px #0b61a8;}
.thumblist_tbl td .media-object{ width:86px;}
.thumblist_tbl td.media { padding-bottom:25px;}
.thumblist_tbl td.media .media-body{position:relative;}
.thumblist_tbl tr td .private{bottom:0;color:#777;font-size:12px; line-height:12px;position:absolute;right:0;}
.thumblist_tbl tr td .private .icon{margin-right:0;}
.thumblist_tbl td.media > .pull-left{margin-right:15px;}
.thumblist_tbl td .media-heading{color:#444;display:block; font-weight:bold;line-height:1em; margin:-1px 0 6px; }
.thumblist_tbl td p, .thumblist_tbl td .media-body div span {color: #777;}
.thumblist_tbl td p a{text-decoration:none;}
.thumblist_tbl td p a:hover{text-decoration:underline;}
.thumblist_tbl td p a.more,.thumblist_tbl .date_to{clear:both;display:block;}
.thumblist_tbl .tile.date_sm{ margin:0 12px 5px 10px;}
.thumblist_tbl .event-type {width:150px;}
.thumblist_tbl .event-type ul {font-size: 11px;list-style-type: none; min-width: 100px;padding-left: 10px;text-align: left;}
.thumblist_tbl .date_to { text-align:center;margin-bottom:5px;width:100%;}
.resp-image-wrapper {
    width: inherit;
    border: 1px solid #CCCCCC;
    }
.fb-like.fb_iframe_widget { width: auto !important; min-width: 300px;}
.minus1font {
    font-size: .9em;
}
.img-wrapper-responsive {
    border-bottom: 1px solid #E5E5E5;
    margin: 0 20px 20px 0;
    padding-bottom: 10px;
    max-width: 100%;
}
.img-wrapper-responsive .caption{
    width: 100%;
}
/*******************************************************************************************************************
****** Page specific: Section for individual components                                                       ******
********************************************************************************************************************/
.colnopads{padding: 0;}/*Right side column in Event page - auxiliary content*/
.col-sm-9 .item{max-width: 500px;}
section .share_links{margin:10px 0 20px;}
.callouts img{ width:100%;}
/*HOME*/
#home_news .list, #fundraising_tiles{margin-top: 37px;}
#fundraising_tiles .tile{margin: 0 10px 13px; }
#fundraising_tiles{margin-left: -10px; width: 480px;}
/*Overview Listing page and alternative view*/
.header-section {margin-bottom: 10px;}
.overview-elements,.overview_listing {margin-top: 40px;}
.header-section .page-image {background-position: center; float: left;height: 159px;margin-right: 15px;overflow: hidden;vertical-align: bottom;width: 159px;}
.header-section .page-image,.overview_listing .media-object, .news_pnl .media .media-object {border:solid 1px #ccc;}
.header-section {position:relative;}
.header-section h3 {clear: right;bottom:0; left: 170px; position:absolute;}
.overview-elements .row, .overview_listing .media{margin-bottom:30px;}
.overview-elements .summary, .overview_listing .media-body p{color: #555; font-size:13px;}
.overview-elements .page-image img{max-height: 170px;max-width: 170px;width:100%; }
.overview-elements .summary p {margin-bottom:5px;}
.overview-elements .more-link {color:#00468c;font-size:13px;}
.overview_listing .media-object {max-width:220px;}
.overview_listing .pull-left {margin-right:15px;}
.overview_listing .pull-right {margin-left:15px;}
/*JF walk*/
.offset-1{margin-left: 60px;}
.jf_walk_event p,.jf_aboutus p, .jf_golf_event p,.jf_walk_event li, .jf_golf_event li{font-size: 13px; line-height: 1.43em; }
.jf_walk_event p{margin: 10px 0 20px;}
.jf_cycler{max-width:440px;}
.locations, .contacts, .sponsors{margin: 50px 0 45px;}
.locations .row{margin-bottom: 10px;}
.locations address, .locations address h6{color: #000; font-weight:300;line-height: 1.4em;margin: 0;}
.locations address{margin: 12px 0 14px; }
.locations address h6{ font-size: 18px;}
.btn-danger{ padding: 4px 60px 4px 30px; margin-top:25px; text-decoration: none;}
.locations .btn-danger{ padding: 4px 60px 4px 30px; margin-top:25px;}
.contacts h5{margin-bottom: 30px;}
.sponsors .carousel{margin: 30px 0;}
 .col-sm-9 .featured_sponsor{display:none;}
/*Who was Jimmy*/
.jf_aboutus p{color: #666;margin-bottom: 20px;}
.jf_aboutus .img-wrapper p, .jf_aboutus .share_links{margin: 0;}
.jf_aboutus h6{margin-top: 20px;}
.staggered_lft p{ max-width: 520px; margin-left:60px;}
/*Event landing*/
.event_news{margin: 40px 0 20px;}
.event_news_pnl{padding-left:10px;}
.event_news_pnl .col-sm-8, .event_news_pnl .col-sm-7{padding-left: 15px;}
.event_news_pnl .col-sm-2{padding: 10px 0;}
hr.event_divider{margin:10px;width: 700px; clear:both;}
.event_news_pnl p{font-weight: 100;}
.event-logo-image {float: left;  width: 166px;}  
/*Events Search A to Z*/
#events_atoz .pager_stats h2{margin:5px 0 15px;}
#events_atoz .pager_stats .toggle_display{margin:10px 0 15px;}
.listview_results,.thumb_result{margin-bottom:40px;}
.listview_results .col-st-4{ float:left; max-width:240px;padding-right:20px;width:240px; }
.listview_results .col-st-4.last{padding-right:0;width:220px; }
.listview_results .pageme{margin:5px 0 10px;}
.listview_results ul.list-unstyled{ clear:both; display:block;margin-bottom:20px;width:100%;}
.listview_results ul.list-unstyled li{padding-bottom:0.5em;}
.listview_results ul.list-unstyled a{color:#000;font-size:14px; }
.page_marker_lg{color: #0b61a8;font-size:54px; font-weight:200; line-height:64px; margin:0 0 28px 10px;}
.thumb_result{display:block;min-height: 86px;}
.thumb_result img{ margin:0 12px 4px 0; min-height: 86px; width:86px;}
.thumb_result p{ color:#555; font-size:13px}
.thumb_result .strong{color:#000; font-size:14px;font-weight:bold; padding-top:5px;}
/*Jimmy Fund Golf*/
.jf_golf_event .sponsors{margin-top:30px;}
.jf_golf_event .sponsors h5{margin-bottom: 25px;}
.jf_golf_event .carousel{margin-top: 20px;}
.jf_golf_event .carousel .carousel_inner{margin-left: 0px;}
.jf_golf_event ul{margin-bottom: 30px;}
/*Autocomplete*/
.ui-autocomplete{background-color: #fff; list-style-type: none; padding: 0 0; max-width: 162px;max-height:50%; overflow-y:auto; }
.ui-autocomplete li{padding: 0 6px 0; }
.ui-autocomplete li a{ color: #000; font-size: 12px; }
/*Google Search*/
.gsc-input-box, input.gsc-search-button{box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}
.gsc-input-box{ height:27px !important;}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {background-color:#357AE8 !important;height:15px !important;}
.gscb_a {margin-top:3px;}

/* added by JW */
.ektron-ux-showToolbar .tile {border: thin solid #dfdfdf;}
/* added top as image wasnt showing for list items */
/* events landing page */
/* fixes 3/2/2014 */
.off-screen {
    position: absolute;
    left: -99999px;
}
#page-title-placeholder {
    font-style: italic;
    }
#auth-message {
    margin-bottom: 10px;
    margin-top: 0px;
    }
#auth-message.error {
    color: red;
    }
#press-release-year-navigation {
    list-style-type: none;
    }
#press-release-year-navigation li a{
    color: #000;
    }
#press-release-year-navigation li.selected a{
    color: #AF2839;
    }
#event-time-info {
    clear: right;
    display: block;
    }
.success-message {
    color: #0B61A8;
    font-weight: bold;
    margin-bottom: 10px;
    }
#sitemap-container {
    margin-top: 30px;
    display: block;
    width: 100%;
}
#sitemap-container .sidenav {
    float: left;
    display: block;
}
#sitemap-container .submenu {
    display:block;
    }
#sitemap-container .search_widget{
    display: none;
    }
#sitemap-container .sidenav .twisty {
    background-position: -168px -18px;
    }

#sitemap-container h2 a{
    font-size: inherit;
    }

.required label {
	font-weight: bold;
	}

.subtile h6 a,.subtile a {
    color: #FFF;
    }
#opt-out-email-form, opt-out-print-form {
    margin-top: 20px;
    }
.bold {
	font-weight: bold;
    }
#dvErrorList {
    color: red;
    }
.panel.panel-default.col-md-6.pull-left {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 10px;
    }
.tile_xsm .lr {
    clear: right;
    display: block;
    }
.tile .text p{
    text-shadow: 1px 1px 1px #000;
    }
#event_marquee .tile_half .text {
    bottom: 10px;
    }
.tile_sm .long-text{
    font-size: 18px;
    }
.date-range-indicator {
    display: inline-block;
    float: left;
    padding: 15px 2px 0;
    position: relative;
    left: -3px;
    }

.event-dates-description  {
    clear: right;
}
/* ------------- interstitial ------------------ */
#MsgModal.interstitial .modal-header {
    background-color: #0060aa;
    border-bottom: 0;
    padding: 0 10px 0;
}
#MsgModal.interstitial .modal-header button.close,
#MsgModal.interstitial .modal-header .modal-title  {
    color: #fff;
    font-weight: 500;
}
#MsgModal.interstitial .modal-header button.close,#MsgModal.interstitial .close{
    opacity: .9 !important;
    color: #fff !important;
}
#MsgModal.interstitial .modal-dialog {
    padding: 50px 0;
}
#MsgModal.interstitial .modal-header .modal-title {
    text-align: center;
}
#MsgModal.interstitial .modal-body {
    padding: 0 0;
    border-top: 0;
    background-color: #0060aa;
}
#MsgModal.interstitial .modal-body .bottom-message {
    background-color: #1a86b4;
    display: inline-block;
    width: 100%;
}
#MsgModal.interstitial .modal-body .bottom-message h6 {
    color: #fff;
    font-weight: 500;
    padding: 10px 10px;
    margin-left: 20px;
    float: left;
}
#MsgModal.interstitial .modal-body .bottom-message .make-gift-button{
    float: right;
    margin: 18px 13px;
}
#MsgModal.interstitial .modal-content {
    border-radius: 0px;
}
#MsgModal.interstitial img.marquee {
    width: 100%;
}
/* ------------- end interstitial ------------------ */
#share-your-story-iframe {
    min-height: 900px;
    min-width: 300px;
    border: none;
    overflow: auto;
}
/* ---------------- Emergency message ------------------- */
#Emergency_Message_Injection {
    border: 1px 0;
    border-color: transparent;
    color: #a0212e;
    padding: 10px 10px;
}
#Emergency-Message-Injection h2{
    margin-top: 0px;
    margin-bottom: 5px;
    color: #a0212e;
}
#emergency-message-inner {
    color: #a0212e;
    padding-top: 12px;
}
.emergency-icon-A {
    width: 85px;
    height: 79px;
    background-image: url('/UI_Assets/images/emergency_alert_A.png');
    float: left;
    display:inline-block;   
}
/* event fix for v2 */
.jf_walk_event .fulldivider_lt {border: none;}
/*******************************************************************************
 * Responsive styles for Jimmy Fund's site styles
 *******************************************************************************/

/* Tablet landscape  1024 - 800widths = min 433px*/
@media screen and (max-width: 1100px)
{
    /*#screensize{color: Orange;}
    body{background-color: red;}*/
    div.cyclernav_bg {width:30px; z-index:200; }
    .cyclernav_bg.lft{left:-30px;}
    .cyclernav_bg.rt{right:-30px;}
    .cyclernav_bg a{margin:214px 4px 0;}
}
/* Tablet landscape  1024 - 800widths = min 433px*/
@media screen and (max-width: 1024px)
{
    #screensize{color: red;}
    #logos #df_logo{background-size: 308px ;width:180px; height:36px;}
    .marquee div.cyclernav_bg {background: transparent;height:539px; max-height: 467px;top:2px;}
    #sm_toolbar .share_links{ margin: 1px 140px 0 0;}
    .cyclernav_bg.lft{left:1px; }
    .cyclernav_bg.rt{right:1px;}
    .cyclernav_bg a {background-position: -366px -140px;height: 29px;margin:230px 0 0;width:29px;}
    .cyclernav_bg.lft a{background-position: -271px -140px;}
    .tile:hover .hover{visibility: visible;display: block; animation: fadeIn 1s;-webkit-animation: fadeIn 1s;}
    
    @keyframes fadeIn
    {
        from
        {
            opacity: 0;
        }

        to
        {
            opacity: 0.5;
            filter:alpha(opacity=50);
            -moz-opacity: 0.5;
            -webkit-opacity: 0.5;
        }
    }
    @-webkit-keyframes fadeIn
    {
        from
        {
            opacity: 0;
        }

        to
        {
           opacity: 0.5;
            filter:alpha(opacity=50);
            -moz-opacity: 0.5;
            -webkit-opacity: 0.5;
        }
    }

}

/* Small tablet landscape 800 - 768widths max-width: 976px*/
@media screen and (max-width: 976px) {
    /*body{background:yellow;}
    .container{ background:yellow;}*/
    .container{max-width: 100%;  width: 100%;}
    #fundraising_tiles {width:100%;}
    #fundraising_tiles .tile_xmd{height:auto; margin: 0 1% 10px;width:48%;}
    #fundraising_tiles .tile_xsm{ height:auto;  margin: 0 1% 10px;width: 23%;}
    header .navbar-collapse .navbar-right{float:left !important; margin: 5px 5px 5px 15px;}
    header .navbar-collapse .navbar-right input.form-control{width:670px;}
    #subheader{height: auto;padding-top:2px;}
    #sm_toolbar{height:auto;min-height:60px; padding-bottom:5px; }
    #sm_toolbar .fb-like,#sm_toolbar .pull-right{display:block;margin:2px 0;width: 100%;float:none !important;}
    /*Yellow Arrows*/
    .sidenav_themed{margin: 0;max-width:180px;width:100% !important; }
    .search_widget .input-group{margin-right:2px;}
    /*Event search*/ 
    .listview_results .col-st-4{width:33% !important;}
    /*Home Cycler and Marquees*/
    .marquee{margin-bottom: 0;min-height: 400px;overflow: hidden;width:100%;}
    .marquee .cycle_slideshow, .marquee  div.cyclernav_bg,  .marquee .slide,.marquee .tile_fullwidth, .marquee .tile_xlg,
    .marquee .tile_lg,.marquee .tile_md,.marquee  .tile_triplecol,.marquee .tile_doublecol{height:300px;max-height: 300px;}
    .marquee .tile_triplecol{width:150px;}
    .marquee .cyclernav_bg a{margin-top:125px;}
    .marquee .cycle_slideshow{background: #aaa;}
    .marquee .tile_fullwidth, .marquee .tile_xlg{width:600px;}
    .marquee .slide{width:auto;}
    .marquee .slide1{max-width:750px;}
    .marquee .slide5 {max-width:100%; width:900px;}
    .marquee .slide5 .tile_lg{width:600px;}
    .marquee .slide5 .tile.tile_lg{width:300px;}
    .marquee .tile_lg,.marquee .tile_md {width:300px;}
    .marquee .tile_sm{height: 150px; width: 150px;}
    .marquee .tile_actions{display:none;}
    .tile .text {left:10px;}
    .marquee .tile_fullwidth .text, .marquee .tile_xlg .text {left:40px;}
    .tile .text *{ white-space: normal; }
    .tile_sm .text h1,.tile_sm .text h2, .tile_sm .text h3{ font-size: 18px !important;}
    .marquee_footer{border:none;height:auto;margin:1px 0 10px;}
    .marquee_footer .search,.marquee_footer .subtile,  #event_marquee .marquee_footer .search,
     #event_marquee .marquee_footer .subtile{display:block;float:none; margin:0;width:100%;}
    .marquee_footer .subtile{height:56px;margin-top:3px;}
    .marquee_footer .subtile h6{font-size: 24px;max-width:100%;width:100%;}
    .marquee .cycler_nav div.cyclernav_bg{width: 50px;}
    .marquee .cycler_nav .cyclernav_bg.lft{background: url('../images/carousel_bg.png') repeat-y 0px top;left:0;}
    .marquee .cycler_nav .cyclernav_bg.rt{background: url('../images/carousel_bg.png')  repeat-y -400px top;right:0;}
    .marquee .cycler_nav .prev{margin-right:15px;}
    .marquee .cycler_nav .next{margin-left:15px;}
    .marquee .cyclernav_bg a.inactive,  .marquee .cyclernav_bg a{opacity: 0.7;filter:alpha(opacity=70);-moz-opacity: 0.7;-webkit-opacity: 0.7;}
    .marquee .cyclernav_bg a:hover{opacity: 0.3;filter:alpha(opacity=30);-moz-opacity: 0.3;-webkit-opacity: 0.3;}
    .cyclernav_bg a.inactive, .cyclernav_bg.inactive a{cursor:pointer;}
    /*Event Landing*/
    #event_marquee{margin-bottom:200px;margin-left:0px; min-height:200px;padding-bottom: 50%;position:relative;width:100%; overflow:visible; }
    .marquee .tile_event, .marquee .tile_event .tile_mini,.marquee .tile_mini, .marquee .tile_half{height: 0;position: relative;}
    .marquee .tile_event{padding-bottom: 25%; width: 25%;}
    .marquee .tile_mini{padding-bottom: 12.5%;width: 12.5%; }
    .marquee .tile_event .tile_mini{padding-bottom: 50%;width: 50%;}
    .marquee .tile_half{padding-bottom: 12.5%; width: 25%;}
    .marquee .tile_event .text{bottom:0; font-size:13px; font-weight:400;left: 5px;max-height: 80%;top:5px;}
    .marquee .tile_event .text *{line-height:1.1em;}
    .marquee .tile_event .text.action_lnks{bottom: 0;height:100% !important;left:0px;margin:0; overflow:visible;position: absolute;top:0px;min-height: 100%; }
    .marquee .tile_half .action_lnks{left:0;}
    .marquee .tile_half .action_lnks .action_lnk{left:10px;}
    .marquee .tile_event .action_lnks a.action_lnk{display:block; line-height:2.9em !important; height:33.333334%;}
    /*Event Landing Search*/
    .marquee .event_search{position:absolute;bottom:-185px; height:180px;}
    .marquee .event_search,#event_marquee .search, .marquee .event_search .form-inline{float:left; height:auto;width:100%; }
    #event_marquee .search{margin:10px 2%;width:96%;}
    .marquee .event_search ul{clear:both;display:block;float:none;height:20px; width: 100%; }
    .marquee .event_search ul li{display:inline-block; float:left; margin:0 5px;}
    .marquee .event_search .keyword{margin-bottom:5px;width:100%;}
    .marquee .event_search .form_vertical li{ width:35%;}
    .marquee .event_search .form_vertical li.btns{width:20%;}
    .marquee_footer .subtile h5 {margin-top:5px; }
    /*Event Landing Golf and run Search*/
    #event_landing_alt #marquee{padding-bottom:0;margin-bottom:20px;}
    #event_landing_alt .marquee .tile_fullwidth{height:auto;max-height: 500px !important;width:100% !important;}
    #event_landing_alt .marquee .tile_fullwidth img{height:auto;}
    #eventsearch_alt .search .col-sm-4{width:50%;}
    #eventsearch_alt .search h3.col-sm-4{margin-bottom:5px; width:100%;}
    #eventsearch_alt .search .mainsearch {padding-left:0;}
    /*Event Search page*/
    .event_fullsearch .filter a.btn{padding: 0 5px;}
    .event_fullsearch .mainsearch{width:50%;}
    .event_fullsearch .mainsearch .form-group{width:90%;}
    .event_news .col-sm-2{min-width:118px;}
    .event_news .col-sm-offset-4 {margin-left:0;}
    .event_news .col-sm-8{ margin-bottom:10px;}
    .event_news .event_news_pnl{padding:0 10px;}
    .event_news .event_divider{float:none !important; margin:10px 0; width: 100%; display:block; }
    /*Footer*/
    footer .share_links{min-width:220px;}
}
/* Tablet portrait */
@media screen and (max-width: 767px) 
{
    /*Header fixes for smaller screens*/
    /*#subheader{height: auto;padding-top:2px;}*/
    #logos{height:130px;}
    #logos a{background-position: left center;background-size: 100%;}
    #logos #jf_logo, #logos #df_logo{float: left;height:auto;}
    #logos #jf_logo {width:400px; }
    #logos #df_logo{margin-top: 5px;}
    header .navbar-nav{margin:7px 0;  }
    header .navbar .form-group, header .navbar .search button{display:inline-block; float:left;margin:5px 5px 0 0;}
    header .navbar-collapse .navbar-right{width:95%;}
    header .navbar-collapse .navbar-right .form-group{width:90%;}
    header .navbar-collapse .navbar-right input.form-control{width:100%;}
    header .navbar-collapse .navbar-right input.form-control, header  .navbar-collapse .navbar-right form button{ display:inline-block; float:left;}
    header .navbar .dropdown-menu > .dropdown > .dropdown-toggle> .caret {display:inline-block;}
    header .navbar .dropdown-menu > li > a	{color: #fff;}
    header .navbar .dropdown-menu > li > a:hover{background-color: #2179c2;}
    header .navbar .dropdown-menu > li.divider{display:none;}
    .navbar-collapse{ max-height: 500px;}
    .navbar-header {cursor:pointer}
    .signup_lnk{width:auto;}
    /*Home Cycler and tiles*/
    .text h2, .text h5, .text p, .text a {line-height: 1.5em;}
    .visible-mdlg {display:none;} /*Visible above 768*/
    .marquee_footer .subtile{display:none;}
    .marquee_footer .search{padding:10px;height:75px;}
    .marquee_footer .search h3,.marquee_footer .search form.form-inline{clear:both; display:block;width:100%;}
    .marquee_footer .search .form-inline{margin-top:5px;}
    .marquee_footer .search .field{float:left; margin-right:5px;}
    #fundraising_tiles{max-width:470px;}
    #fundraising_tiles .tile_xmd{max-width:220px;}
    #fundraising_tiles .tile_xsm{max-width:105px;}
    .callouts .col-sm-8{width:66.66666667%;}
    .callouts .col-sm-4{width:33.33333333%; float:left;margin-top:20px;}
    /*Event Landing*/
    .marquee .tile_event .text p{font-size:12px;font-weight: bold;}
    .marquee .tile_event .text h1{font-size:32px;}
    .marquee .tile_event .text .action_lnk,.marquee .tile_half .text *{font-size:18px;}
    .marquee .event_search .keyword .form-control{ display:inline-block;}
     .event_news .col-sm-2{height:140px;margin-bottom:10px;max-width:200px;min-width:118px; float:left;}
    .event_news .col-sm-8 {clear:both;display:block;}
    .event_news .col-sm-8:before{content:" "; display: table; clear:both;  width:100%;}
    /*Event Search page*/
    .event_fullsearch .row{padding:0 10px 0 0;}
    .event_fullsearch .col-sm-4{ float:left;width:50%;}
    .event_fullsearch .mainsearch{padding-right:30px;width:100%; }
    .event_fullsearch .mainsearch .btn{position:absolute;right:0;}
    .event_fullsearch .mainsearch .form-group{margin:0 0 10px;width:100%;}
    .event_fullsearch #collapsesearch .col-sm-8, .event_fullsearch #collapsesearch .col-sm-4, 
    #eventsearch_alt .search .col-sm-8,#eventsearch_alt .search .col-sm-9, #eventsearch_alt .search .col-sm-7 { float:left;height:25px;margin:0 0 10px;width:50%;}
    .event_fullsearch #collapsesearch .btns{float:none;clear:both;margin:0;padding:0;text-align:right; width:100%; }
     #eventsearch_alt .event_fullsearch #collapsesearch .btns{clear:none;float:left;width:50%;}
    .event_fullsearch #collapsesearch select{max-width:100%; }
    #eventsearch_alt .search h3.col-sm-4{float:none;}
    #eventsearch_alt hr.event_divider{margin-top:5px;}
    .event_fullsearch .checkbox label{margin-left:0; }
    .listview_results .col-st-4{float:none; display:block;width:100% !important;}
    .col-sm-9, .col-sm-9 .item{max-width:100%; }
    .jf_walk_event {margin: auto;}
    .carousel {margin:0 auto;}
   .col-sm-9 .featured_sponsor{display:block;  margin:20px 0;}
   .col-sm-3 .featured_sponsor,.col-sm-3 .sidenav_themed{display:none;}
   .col-sm-3 .related_lnks { margin:20px;}
   .sponsors {margin-top:20px;}
    .sponsors .carousel{display:block;margin: auto;}
    .overview-elements .row {margin-bottom:0px;}
    .overview-item {border-bottom: solid 1px #eee;margin:10px;padding:10px 0; }
    /*Footer*/
    footer .col-sm-4 {float:left;height:200px;width: 50%; }
    footer .col-sm-4 ul{max-width:100%;}
    footer .share_links{margin-bottom: 10px;}
}
/* Small tablet portrait */
@media screen and (max-width: 600px) 
{
    /*#screensize{color:blue;} margin:5px 0;
    .container{background:#fff;}*/
    #logos{min-height:auto;}
    #logos #jf_logo{width: 300px; }
    #logos #df_logo{margin-top:10px;}
    #logos #give_lnk{top:0}
    /*Home Cycler and tiles*/
    section#main_section{padding-top:5px;}  
    .marquee{overflow: visible;}
    .marquee .cycle_slideshow, .marquee  div.cyclernav_bg,  .marquee .slide,.marquee .tile_fullwidth, .marquee .tile_xlg,
    .marquee .tile_lg,.marquee .tile_md,.marquee .tile_triplecol,.marquee .tile_doublecol{height:auto;max-height: none;}
    .marquee .slide, .marquee .cycle_slideshow{background: #fff;}
    .marquee_footer .subtile, div.cyclernav_bg,.marquee .tile_actions,
    .marquee .tile .gradient,.tile_actions,
    .marquee .action_lnks{ display:none !important;margin:0;}
    .tile .hover{visibility: hidden;}
    .marquee .tile .frame {border:none;}
    #homecyler, .cycle_slideshow, .marquee,.marquee .slide, #event_landing_alt #marquee{height:auto;margin: 0 auto;overflow:visible !important;width:100% !important; }
    #event_landing_alt #marquee {min-height:200px;}
    .marquee .tile, .marquee .tile_lg, .marquee .tile_triplecol, .marquee .tile_event,.marquee .tile_event .tile_mini {display:block;float:none; height: auto;  margin: 0;width: 100%;}
    .marquee .tile img{border-right:solid 2px #fff;float:left;height:180px;width: 180px;}
    .marquee .tile .text{bottom:20px;height:auto;left:190px;max-height:160px;position: absolute;width:auto; margin-right:10px;}
    .marquee .tile .text p,  .marquee .tile .text h2, .marquee .tile .text h5{display:inline;font-size: 16px;font-weight: normal;margin:0; }
    .marquee .tile .date_xsm,.marquee .tile .date_sm{float:left;margin-right:10px;}
    .marquee .marquee_footer,.marquee_footer .search,.marquee_footer .search .form-inline{height:auto;margin: 0 auto;width: 100%;}
    .marquee .slide5 .tile_lg{width: 100% !important;}
    .marquee .marquee_footer{height:100px;margin-bottom:20px;}
    .marquee_footer .search .field{float:none;}
    .marquee_footer .search .form-inline .field{width:49%;margin:0;}
    .marquee_footer .search .form-inline .keyword{clear:both; display:block; margin:10px 0;width:99%;}
    .marquee_footer .search .field input[type="text"]{width:100%;}
    .marquee .tile{max-height:180px;position: relative;
    background: rgb(170,170,170); 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Nzc3NzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(119,119,119,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(100%,rgba(119,119,119,1))); 
    background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(119,119,119,1) 100%); 
    background: -o-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(119,119,119,1) 100%); 
    background: -ms-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(119,119,119,1) 100%);
    background: linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(119,119,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#777777',GradientType=0 );
    margin: 0 0 5px;}
    /*Event Landing*/
    #event_landing_alt .marquee .tile_fullwidth img{height:auto;width:100% !important;}
    #event_marquee{padding-bottom:5px;}
    #event_marquee .event_search{border:none;}
    .marquee .tile_event, .marquee .tile_event .tile_mini,.marquee .tile_mini, .marquee .tile_half {padding-bottom:0;}
    .marquee .tile_event .tile_mini {margin: 0 0 5px;}
    .marquee .tile_half img{ height:auto;}
     .tile:hover .hover{visibility: hidden;display: none;}
    /*Email Capture form*/
    #jf_email_iframe{ height:380px;}
    /*Overview listing*/
    .header-section h3 {clear: both;bottom:0; left:0; position:relative;width:100%;}
    .header-section .page-image  {float:none; }
    /*Footer*/
    footer .col-sm-4{padding-left: 20px;}
    footer .share_links{float:left !important; margin-left:20px;}
    footer .copy{margin:0 0 0 2%; text-align:left;}
}
/* Mobile landscape */
@media screen and (max-width: 480px) 
{
    #logos{height:100px;}
    #logos #jf_logo,#logos #df_logo{margin:5px 155px 5px 0;max-width:220px;width: 220px; }
   #logos #df_logo{}
    #logos #give_lnk{background-size: 100%; height: 110px;top: 0;width: 120px;}
    #sm_toolbar{overflow-x:hidden;width:100%; }
    header .navbar-collapse .navbar-right .form-group{width:85%}
    header .navbar button inline-block{display:inline-block;}
    header .sidenav_themed li a {font-size:14px;}
    /*Home and tiles*/
    .callouts .col-sm-8{width:100%;}
    .callouts .col-sm-4{width:50%; float:left;margin-top:20px;}
    .offset-1,.item .rbox{margin-left:0;}
    .item .event-logo-image{width: 100%;}
    #fundraising_tiles{max-width:470px;}
    .marquee .tile img{height:140px;width:140px !important;}
    .marquee .tile .text{bottom:10px;left:150px;}
    .marquee .daterange, .marquee .date_xsm {display:none;}
    /*Event Landing*/
    .event_search .search .keyword input[type="text"]{width:80%;}
    .event_search .search ul{margin-bottom:5px;}
    .event_search .search .col2{min-height:40px;}
    .event_search .search .small{font-size:13px;}
     #eventsearch_alt .search .col-sm-4, #eventsearch_alt .search .col-sm-8{padding-left:10px;}
    /*Event Search page*/
    .event_fullsearch .row{padding:0;}
    .event_fullsearch .col-sm-4, .event_fullsearch .col-sm-8, #eventsearch_alt .col-sm-7, #eventsearch_alt .col-sm-9,.img-wrapper { float:none !important;margin:0 0 10px;width:100%  !important;}
    .image-wrapper{border:none;float:none !important;max-width:100%; margin:0 0 15px 0 !important; width:auto; }
    .image-wrapper img{border:solid 1px #ccc;}
    .thumblist_tbl{ table-layout:auto;}
    .thumblist_tbl .pull-left{ display:block; float:none !important;}
    .thumblist_tbl td.event-type{max-width:80px;width:80px;}
    .thumblist_tbl .event-type ul { min-width: 50px;max-width:100px; padding:0;width: 50px;}
    .thumblist_tbl .media-body{margin-top:15px;}
    #eventsearch_alt .search .col-sm-7{ padding-left:10px;text-align:left;}
    /*Email Capture form*/
    .jf_email_modal .form_pnl .modal-body{padding: 20px 20px 0px;}
    .jf_email_modal *{font-size:0.95em;}
    .jf_email_modal label.control-label, .jf_email_modal .col-xs-10{ text-align:left;width: 100%;}
    .media .pull-left,.media .pull-right{clear:both; float:none !important;width:100%; margin:0 0 15px 0;}
    footer .col-sm-4 {float:none;height:auto;width: 100%; }
    footer .copy{line-height:1.6em;}
    .carousel {  width:291px;   }
    .carousel img{ margin: 0;width:97px;}
   .carousel  .carousel_inner{width:291px;}
}
/* Mobile portrait */
@media screen and (max-width: 370px) {
    #logos #jf_logo,#logos #df_logo{width:185px}
    #logos #give_lnk{height: 110px;top: 5px;width: 105px;}
}
@media screen and (max-width: 320px) 
{
    /*Home and tiles*/
    .marquee .tile img{height:100px;width:100px !important;}
    .marquee .tile .text{bottom:10px;left:110px;}
    .marquee .tile .text p,  .marquee .tile .text h2, .marquee .tile .text h5{font-size:14px; line-height:16px;padding-right:5px;}
    #fundraising_tiles .tile_xmd, #fundraising_tiles .tile_xsm{max-width:160px; width:48%;}
    #fundraising_tiles .tile div.date_sm,  .thumblist_tbl .date_sm{font-size:11px;max-height: 36px;padding:4px 0;width: 36px; }
    #fundraising_tiles .tile div.date_sm span{margin-top:0;}
    #fundraising_tiles .tile div.date_sm span, .tile_xsm .text p,#fundraising_tiles .text .bottom,#fundraising_tiles .tile_xmd .text *,
    .thumblist_tbl .date_sm span{font-size: 13px;line-height:1.1em;}
    #fundraising_tiles .text{bottom: 8px;left:5px;margin-bottom: 0;width:122px}
    #fundraising_tiles .text .bottom{bottom: 0px;left: 10px; }
    #fundraising_tiles .fulltext{height:115px;}
    /*Event Landing*/
    #event_marquee{padding-bottom:5px; margin-bottom:260px;}
    #event_marquee .event_search{border:none;}
    #event_marquee .event_search h3{font-size:18px;margin-bottom:5px; }
    .marquee .tile_event, .marquee .tile_event .tile_mini,.marquee .tile_mini, .marquee .tile_half {padding-bottom:0;}
    .marquee .tile_event .tile_mini {margin: 0 0 5px;}
    .marquee .tile_half img{ height:auto}
    /*Event Landing Search*/
    .marquee .event_search{bottom:-250px; height:250px;}
    .marquee .event_search .form_vertical li{ width:100%; margin:5px 0;}
    .thumblist_tbl .tile.date_sm{ margin:0 2px  5px;}
    /*misc*/
    .sidelink{display:block;float:none;line-height:1.3em !important;width:100%;}
    /*Email Capture form*/
    #jf_email_iframe{ height:410px;}
    .thumblist_tbl th:nth-child(2)>a{margin-left:0;}
    .thumblist_tbl th {min-width:60px;}
    .thumblist_tbl .date_to {width:40px;}
 }
/* Print styles */
@media print {
  	html{
    -webkit-print-color-adjust:exact;
    }
    #logos a{
       background: url(../images/JF_logo_sprite.png) !important;background-repeat: no-repeat !important; 
      max-width:50%;
    }
    #logos #jf_logo{background-position:left top !important;}
    #logos #df_logo{background-position:left bottom !important; float:right; margin:0;}
    section#main_section{padding-top:5px;}  
    .marquee{overflow: visible;}
    .marquee .cycle_slideshow, .marquee  div.cyclernav_bg,  .marquee .slide,.marquee .tile_fullwidth, .marquee .tile_xlg,
    .marquee .tile_lg,.marquee .tile_md,.marquee .tile_triplecol,.marquee .tile_doublecol{height:auto;max-height: none;}
    .marquee .slide, .marquee .cycle_slideshow{background: #fff;}
    .marquee_footer .subtile, div.cyclernav_bg,.marquee .tile_actions,
    .marquee .tile .gradient,.marquee .tile .frame,.tile_actions,#fundraising_tiles .tile .frame,
    .marquee .action_lnks{ display:none !important;margin:0;}
    .tile .hover{visibility: hidden;}
     #homecyler, .cycle_slideshow, .marquee,.marquee .slide, #event_landing_alt #marquee{height:auto;margin: 0 auto;overflow:visible !important;width:100% !important; }
     #event_landing_alt #marquee {min-height:200px;}
    .marquee .tile, .marquee .tile_lg, .marquee .tile_triplecol, .marquee .tile_event,.marquee .tile_event .tile_mini, #fundraising_tiles .tile_xmd, #fundraising_tiles .tile_xsm{display:block;float:none; height: auto;  margin: 0;width: 100%;}
    .marquee .tile img, #fundraising_tiles .tile_xmd img, #fundraising_tiles .tile_xsm img{border-right:solid 2px #fff;float:left;height:180px;width: 180px;}
    .marquee .tile .text,  #fundraising_tiles .tile_xmd .text{bottom:20px;height:auto;left:190px;max-height:160px;position: absolute;width:auto; margin-right:10px;}
    .marquee .tile .text p,  .marquee .tile .text h2, .marquee .tile .text h5{display:inline;font-size: 16px;margin:0; font-weight: normal;}
    .marquee .tile .date_xsm,.marquee .tile .date_sm, #fundraising_tiles .tile .date_xsm, #fundraising_tiles .tile .date_sm{float:left;margin-right:10px;}
    .marquee .slide5 .tile_lg{width: 100% !important;}
    .marquee .tile, #fundraising_tiles .tile{background: #fff;max-height:180px;position: relative;margin: 0 0 5px;}
    /*Event Landing*/
    #event_marquee{padding-bottom:5px;}
    #event_marquee .event_search{border:none;}
    .marquee .tile_event, .marquee .tile_event .tile_mini,.marquee .tile_mini, .marquee .tile_half {padding-bottom:0;}
    .marquee .tile_event .tile_mini {margin: 0 0 5px;}
    .marquee .tile_half img{ height:auto;}
    .event_news .tile_mini {display:none; }
}