/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
blockquote{
border: 1px solid #999;
page-break-inside: avoid;
padding: 5px 20px;
margin: 1em 40px;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Font Face
========================================================================== */
@font-face { font-family: DINWeb-Black; src: url("/assets/fonts/DINWeb-Black.eot"); }
@font-face { font-family: DINWeb-Black; src: url("/assets/fonts/DINWeb-Black.woff") format("woff"); }
@font-face { font-family: DINWeb-Bold; src: url("/assets/fonts/DINWeb-Bold.eot");}
@font-face { font-family: DINWeb-Bold; src: url("/assets/fonts/DINWeb-Bold.woff") format("woff");}
@font-face { font-family: DINWeb-BoldIta; src: url("/assets/fonts/DINWeb-BoldIta.eot"); }
@font-face { font-family: DINWeb-BoldIta; src: url("/assets/fonts/DINWeb-BoldIta.woff") format("woff"); }
@font-face { font-family: DINWeb-Light; src: url("/assets/fonts/DINWeb-Light.eot"); }
@font-face { font-family: DINWeb-Light; src: url("/assets/fonts/DINWeb-Light.woff") format("woff"); }
@font-face { font-family: DINWeb-LightIta; src: url("/assets/fonts/DINWeb-LightIta.eot"); }
@font-face { font-family: DINWeb-LightIta; src: url("/assets/fonts/DINWeb-LightIta.woff") format("woff"); }
@font-face { font-family: DINWeb-Medium; src: url("/assets/fonts/DINWeb-Medium.eot"); }
@font-face { font-family: DINWeb-Medium; src: url("/assets/fonts/DINWeb-Medium.woff") format("woff"); }
@font-face { font-family: DINWeb-MediumIta; src: url("/assets/fonts/DINWeb-MediumIta.eot"); }
@font-face { font-family: DINWeb-MediumIta; src: url("/assets/fonts/DINWeb-MediumIta.woff") format("woff"); }
@font-face { font-family: DINWeb; src: url("/assets/fonts/DINWeb.eot"); }
@font-face { font-family: DINWeb; src: url("/assets/fonts/DINWeb.woff") format("woff"); }
@font-face { font-family: DINWeb-Ita; src: url("/assets/fonts/DINWeb-Ita.eot"); }
@font-face { font-family: DINWeb-Ita; src: url("/assets/fonts/DINWeb-Ita.woff") format("woff"); }
@font-face { font-family: DINWeb-BlackIta; src: url("/assets/fonts/DINWeb-BlackIta.eot"); }
@font-face { font-family: DINWeb-BlackIta; src: url("/assets/fonts/DINWeb-BlackIta.woff") format("woff"); }
@font-face {
font-family: 'dinschriftregular';
src: url('/assets/fonts/dinen__-webfont.eot');
src: url('/assets/fonts/dinen__-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/dinen__-webfont.woff') format('woff'),
url('/assets/fonts/dinen__-webfont.ttf') format('truetype'),
url('/assets/fonts/dinen__-webfont.svg#dinschriftregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
li{ list-style-position: outside; }
li.img_bullets.diamond{ list-style: none; background: url(/assets/img/diamond_bullet.png) 0 3px no-repeat; padding-left: 20px; }
li.img_bullets.arrow{ list-style: none;background: url(/assets/img/arrow_bullet.png) 0 3px no-repeat;padding-left: 20px;}
li.img_bullets.blue_dot{ list-style: none;background: url(/assets/img/blueball_bullet.png) 0 3px no-repeat;padding-left: 20px; }
li.img_bullets.blue_lightning{ list-style: none;background: url(/assets/img/lightening_bullet.png) 0 5px no-repeat;padding-left: 20px; }
h1 { color: #0086DB; }
a { color:#0086DB;}
.inlineHighlight { background-color: #f9f615;}
a.pullout { font-family: DinWeb-Bold, sans-serif; color: #000000; text-decoration: underline; font-size: 1.2em; }
a.pullout:hover { color: #ed2024; }
p a { color: #ed2024; }
.clear { clear: both; }
.left { float: left !important; }
.center { float: left; }
.right { float: right; clear: right; }
.relative { position: relative; }
.threeColWrapper .left, .threeColWrapper .center { margin-right: 25px; }
body { background: url('/assets/img/bg.jpg') repeat; color: #434345; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 0.875em; line-height: 1.375em; }
p { letter-spacing: 1px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
p.introText { padding: 0 30px; text-align: center; color: #000000; letter-spacing: 0; font-size: 1.285em !important; line-height: 2em; }
.redText{ font-weight: 700; color: #E6163B; }
.redText.date { font-size: 16px;}
#topBar { background: url('/assets/img/grey-noise-bg.jpg') repeat-x; height: 21px; width: 100%; }
#topBar .container{ background: url('/assets/img/grey-noise-bg.jpg') repeat-x; height: 21px; }
.stripesBar { background: url('/assets/img/diagonal-stripes.png') repeat-x; height: 10px; width: 100%; }
header .stripesBar { height: 55px; }
#logo { position: absolute; left: -20px; top: -25px;}
#logo a img{width: 414px; height: 182px;}
#headerSearch { margin-top: 10px; float: right; }
#headerSearch img { display: inline-block; margin-right: 15px; vertical-align: top;}
#headerSearch form { display: inline-block;}
#headerSearch form input[type="text"] { padding: 5px 0 5px 5px; color: #575656; font-size: 0.857em; font-family: DINWeb, sans-serif; }
#headerSearch form input[type="submit"] { width: 20px; height: 20px; position: absolute; right: 1px; top: 12px; text-indent: -999999px; display: block; background: url('/assets/img/icon-search.png') 0 0 no-repeat; border: none; }
ul#userMenu { margin: 0; position: absolute; right: 0; }
ul#userMenu li { cursor: pointer; float: left; list-style-type: none; font-family: DINWeb-Medium, sans-serif; text-transform: uppercase; letter-spacing: 1px;font-size: 0.786em !important; }
ul#userMenu li.login { background: url('/assets/img/login-btn-bg.png') center top no-repeat; padding: 20px; color: #000000; text-decoration: none; min-width: 246px; text-align: center;margin-left: 15px; }
ul#userMenu li.extra_link{ padding: 20px 0; }
ul#mainNav { width:100%; z-index: 99999; position: absolute; font-family: DINWeb-Bold, sans-serif; margin: 6px 0 0 0px;background: url('/assets/img/main-nav-bg.png') repeat-x; padding:0px 80px}
ul#mainNav > li { float: left; list-style-type: none; padding: 8px 0;}
ul#mainNav li a { font-size: 1em; color: #000000; text-decoration: none; }
ul#mainNav li.here > a, ul#mainNav li.parent-here > a { background-color: #0086DB; color: #ffffff; }
ul#mainNav li a:hover { color: #ffffff; }
#mainContent { margin-top: 80px; width: 960px; margin-left: auto; margin-right: auto; background-color: #ffffff; -webkit-box-shadow: 0px 0px 2px 2px rgba(224, 221, 219, 0.2);box-shadow: 0px 0px 2px 2px rgba(224, 221, 219, 0.2); }
#secondaryContent { margin-top: 50px; width: 960px; margin-left: auto; margin-right: auto; background-color: #ffffff; -webkit-box-shadow: 0px 0px 2px 2px rgba(224, 221, 219, 0.2);box-shadow: 0px 0px 2px 2px rgba(224, 221, 219, 0.2); }
#mainContentInner, #secondaryContentInner { padding: 35px 50px 70px; }
#mainContent h2.title { font-weight: normal; color: #000000; font-size: 1.563em; font-family: dinschriftregular, sans-serif; text-transform: uppercase; }
h3.backline { font-weight: normal; color: #000000; font-size: 1.563em; font-family: dinschriftregular, sans-serif; text-transform: uppercase; text-align: center; background: url('/assets/img/backline.gif') left center repeat-x; padding: 0 30px; }
h3.backline span { background-color: #ffffff; padding: 0 30px; }
#mainContent h4 { font-family: 'DINWeb-Bold', sans-serif; color: #000000; font-size: 1.286em; }
.doubleDots { background: url('/assets/img/stacked-double-dots.png') 0 5px repeat-x; }
h1.ribbon { padding: 9px 0 10px; margin-left: -60px; text-transform: uppercase; font-weight: normal; font-size: 1.663em; font-family: dinschriftregular, sans-serif; color: #ffffff; background: url('/assets/img/header-ribbon-corner.png') 0 0 no-repeat; }
h1.ribbon span { letter-spacing: 2px; padding: 3px 30px 5px 50px; background: #eb494c url('/assets/img/header-ribbon-tail.png') right center no-repeat; margin-left: 10px; }
h2.ribbon { padding: 9px 0 10px; margin-left: -60px; text-transform: uppercase; font-weight: normal; font-size: 1.663em; font-family: dinschriftregular, sans-serif; color: #ffffff; background: url('/assets/img/header-ribbon-corner.png') 0 0 no-repeat; }
h2.ribbon span a {color: white; text-decoration: underline;}
h2.ribbon span { padding: 3px 30px 5px 50px; background: #eb494c url('/assets/img/header-ribbon-tail.png') right center no-repeat; margin-left: 10px; }
h3.ribbon { padding: 9px 0 10px; margin-left: -60px; text-transform: uppercase; font-weight: normal; font-size: 1em; font-family: DINWeb-Bold, sans-serif; color: #ffffff; background: url('/assets/img/header-ribbon-corner-small.png') 0 0 no-repeat; }
h3.ribbon span { letter-spacing: 2px; padding: 2px 30px 2px 50px; background: #434345 url('../img/header-ribbon-tail-small.png') right center no-repeat; margin-left: 10px; }
h2.login_title {margin: 0; width: 190px; float: left; margin-bottom: 10px;}
h2.login_title_my_account {margin: 0; float: left; margin-bottom: 10px; padding-right: 20px;}
.login_fb_my_account{ padding: 8px; }
#login_username{clear: both;}
/* Home slider styles */
.slider-wrapper { padding: 20px 20px 0 20px;}
.slider-wrapper p.subLabelCallout { background-color: #ffffff; margin-left: 30px; }
.nivo-prevNav { left: 0 !important; width: 55px; }
.nivo-prevNav:hover, .nivo-nextNav:hover { background-position: 0 119%; }
.nivo-nextNav { right: 0 !important; width: 55px !important; }
.nivoSlider a.nivo-imageLink{ display:block;
background:white;
filter: alpha(opacity=0);
opacity: 0;}
/* Question Answer format */
.leftLabel { padding: 20px; font-family: DINWeb-Black, sans-serif; text-transform: uppercase; font-size: 1.429em; float: left; margin-left: -80px; }
.yellow { border-left: 30px solid #e1de12; background-color: #f9f615; color: #000000; }
.gray { border-left: 30px solid #29292b; background-color: #434345; color: #ffffff; }
.rightContent { width: 560px; float: right; }
.rightContentWide { width: 800px; float: right; }
p.q { font-family: DINWeb-BoldIta, sans-serif; font-size: 1.125em; line-height: 1.375em; padding-bottom: 30px; background: url('/assets/img/sep-line-dotted.png') left bottom repeat-x; }
p.a { padding-bottom: 20px; }
/* Resources and Downloads. Each list item has its own class in case various resources types are mixed in lists later on */
ul li.download, ul li.link { list-style-type: none; padding-left: 40px; padding-top: 4px; }
ul li.printPaper, ul li.printPrinter { padding-left: 30px; padding-top: 4px; list-style-type: none; }
ul li.download { background: url('/assets/img/icon-download.png') left center no-repeat; }
ul li.link { background: url('/assets/img/icon-link.png') left center no-repeat; }
ul li.printPaper { background: url('/assets/img/icon-print-paper.png') left center no-repeat;}
ul li.printPrinter { background: url('/assets/img/icon-print-printer.png') left center no-repeat;}
ul.print { padding: 0 20px 0 0; font-family: DINWeb-Medium, sans-serif; font-size: 1.214em; }
ul.print li { margin-bottom: 1em;}
ul.resources { padding: 20px 40px 0 30px; padding-left: 0; font-family: DINWeb-Medium, sans-serif; font-size: 1.214em; }
ul.resources li { margin-bottom: 2.059em;}
ul.resources li a, ul.print li a { color: #4c4c4c; text-decoration: none; }
ul.resources li a:hover { text-decoration: underline; }
ul.resources li { margin-bottom: 2.059em; }
#mainContentInner { padding: 35px 50px 70px; }
.container { width: 960px; margin-left: auto; margin-right: auto; }
.containerWide { width: 960px; margin-left: auto; margin-right: auto; position: relative; }
.twoCol { width: 385px; }
.search_activities #mainContentInner { padding: 35px 50px 30px; }
/* Activities Styles */
.activitySingle { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000000; }
.activitySingle:last-child { border-bottom: none; }
.checkmarks_cost{ float: left;padding-right: 50px; }
.checkmarks_qe{ float: left; }
ul.checkmarks { margin-left: 0; padding-left: 0; }
ul.checkmarks li {list-style-type: none;display: inline;padding-right: 16px;}
ul.checkmarks li p {display: inline;}
li:not(#foo) > p > input[type='radio'],
li:not(#foo) > p > input[type='checkbox'] { float: left;
height: 30px;
opacity: 0;
position: absolute;
width: 20px; cursor: pointer;}
li:not(#foo) > p > input[type='radio'] + label,
li:not(#foo) > p > input[type='checkbox'] + label { margin: 0; display: inline; clear: none; padding: 5px 0 4px 24px; cursor: pointer; background: url('/assets/img/checkmark-off.png') left center no-repeat; }
.featured_activities{ float: left;width: 285px;}
/*
Change from unchecked to checked graphic
*/
li:not(#foo) > p > input[type='radio']:checked + label {
background-image: url('/assets/img/checkmark-on.png');
}
li:not(#foo) > p > input[type='checkbox']:checked + label {
background-image: url('/assets/img/checkmark-on.png');
}
.activityIntro p { clear: left; }
.activityIntro ul.checkmarks li > p > label a { font-size: 1.5em; color: #000000; font-family: DINWeb-Bold, sans-serif;}
.activityIntro ul.checkmarks { width: 510px; float: left; }
.activityIntro span.label.radius { padding: 4px;font-weight: normal; }
.activityCost span.label{ background: yellow; color:#000; }
.activityTime span.label{ background:#EB494C; }
.activityIntro > span { display: block; float: left; font-family: DINWeb-Bold,sans-serif; font-weight: lighter; font-size: 0.959em; padding: 2px; margin-top: 20px; width: 150px; }
.activityIntro span.activityQE{ width: 80px; top: 1px; }
.activityIntro span.activityCost{ width: 100px; }
.activityIntro h2.ribbon span { display: inline; float: none; font-family: dinschriftregular, sans-serif; margin-top: 20px; width: 180px; }
.activity_detail .activityIntro h1{ width: 510px; float: left; }
.activityIntro ul.checkmarks li p { margin: 0; }
.activitySingle h6 { font-family: DINWeb, sans-serif; font-size: 1.1em; margin: 0; }
.activitySingle ul.resources { padding-left: 0; }
/*span.activityTime { padding-top: 2px; background: url('/assets/img/icon-time.png') left center no-repeat; }
span.activityCost{ background: url('/assets/img/icon-money.png') left center no-repeat; }*/
.threeColWrapper h5 { font-size: 1em; color: #000000; font-family: DINWeb, sans-serif; letter-spacing: 1px; }
a.clearSelected { float: right; display: block; background: url('/assets/img/icon-cross.png') right center no-repeat; padding-right: 20px; font-family: DINWeb-Bold, sans-serif; color: #000000; }
/* Pagination */
ul.pagination { margin-left: auto; margin-right: auto; width: 400px; padding-bottom: 40px; }
ul.pagination li { list-style-type: none; }
ul.pagination li.active a { background-color: #f9f615; color: #000000; font-weight: bold; }
ul.pagination li.prev a { color: #000000; font-weight: bold; }
/* News Styles */
#mainContent .story h4 { font-family: DINWeb-Bold, sans-serif; color: #434345; font-weight: normal; font-size: 1em; letter-spacing: 1px; margin-bottom: 10px; }
#mainContent .story h4 a { color: #434345; text-decoration: none; }
#mainContent .story p { /*font-size: 0.929em;*/ margin-bottom: 20px; }
a.readmore, a.upload-button { text-decoration: none; text-transform: uppercase; color: #ffffff; padding: 7px 10px 5px; background-color: #eb494c; font-family: DINWeb-Bold, sans-serif; font-size: 0.75em; }
a.readmore:hover, a.upload-button:hover { text-decoration: underline; }
#mainContent .story p.date { float: right; text-align: right; margin-top: 0; background: url('/assets/img/icon-calendar.png') left center no-repeat; padding-left: 25px; padding-top: 3px; }
#mainContent .update_story.story.story_detail p.date{ margin-left: 0; margin-bottom: 4px;}
#mainContent .story img.thumbnail { margin-bottom: 25px; }
.mediaType { background-color: #f9f615; height: 30px; position: absolute; right: 20px; width: 40px; text-indent: -99999px; }
.photo { background: #F9F615 url('/assets/img/icon-mediatype-photo.png') 12px 8px no-repeat; }
.socialInline { padding-bottom: 10px; background: url('/assets/img/sep-line-dotted.png') left bottom repeat-x; }
.socialInlineIcons { padding-left: 10px; text-align: center;}
.socialInline a { margin-right: 40px; text-indent: -999999px; display: inline-block; padding: 15px 0; width: 40px; }
.socialInline a:hover { background-position: 0 -3px !important; }
.socialInline a.twitter{ background: url('/assets/img/icon-twitter-inline.png') 0 -57px no-repeat; }
.socialInline a.facebook{ background: url('/assets/img/icon-facebook-inline.png') 0 -57px no-repeat; }
.socialInline a.flickr{ background: url('/assets/img/icon-flickr-inline.png') 0 -57px no-repeat; }
.socialInline a.rss{ background: url('/assets/img/icon-rss-inline.png') 0 -57px no-repeat; }
#mainContent .update_story .readmore{ float:left;}
#mainContent .update_story.story { clear: both; }
#mainContent .update_story.story p.date { float: none; margin-left: 25px; display: inline-block; padding-bottom: 3px; }
.fb_iframe_widget{ top: -8px;}
/* Wrapping banner ribbon */
.bannerWrapBlock { background: url('/assets/img/banner-corners.png') top left no-repeat; margin-left: -62px; width: 982px; padding-top: 9px; }
.bannerConent { background-color: #EB494C; padding: 22px 30px 20px 30px; color: #ffffff; text-align: center; }
ul.circleButtons { margin-top: 10px;}
ul.circleButtons li { background: url('/assets/img/arrow-right.png') center right no-repeat;
margin-right: 50px;
list-style-type: none;
display: inline-block;
padding-right: 60px;
padding-top: 65px; }
ul.circleButtons li.last { background: none; margin-right: 0; }
ul.circleButtons li a { padding-top: 60px; color: #ffffff; text-transform: uppercase; font-family: DINWeb-Bold, sans-serif; font-size: 0.750em; text-decoration: none; }
ul.circleButtons li a:hover { background-position: center -1px !important; }
ul.circleButtons li a.event { background: url('/assets/img/sprite-calendar.png') center -150px no-repeat; }
ul.circleButtons li a.register { background: url('/assets/img/sprite-notepad.png') center -150px no-repeat; }
ul.circleButtons li a.grant { background: url('/assets/img/sprite-dollars.png') center -150px no-repeat; }
ul.circleButtons li a.gear { background: url('/assets/img/sprite-basket.png') center -150px no-repeat; }
ul.circleButtons li a.register_event { background: url('/assets/img/sprite-event-register.png') center -150px no-repeat; }
ul.circleButtons li a.examples { background: url('/assets/img/sprite-examples.png') center -150px no-repeat; }
ul.circleButtons li a.how_works { background: url('/assets/img/sprite-how-works.png') center -150px no-repeat; }
#mainContent h3.superThick { line-height: 1.056em; text-align: center; font-size: 2.250em; color: #434345; font-family: DINWeb-Black, sans-serif; }
#secondaryContent h3.superThick {
line-height: 1.056em;
text-align: center;
font-size: 2.250em;
color: #434345;
font-family: DINWeb-Black, sans-serif;
}
.events_countdown{ text-align: center; }
ul.countdown { padding-left: 0; line-height: 1.2em; }
ul.countdown li {
position: relative;
color: white;
font-family: DINWeb-Black, sans-serif;
font-size: 6.5em;
background-color: #3F3E3E;
border: 2px solid #333;
margin-right: 6px;
list-style-type: none;
padding: 50px 13px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 85px;
display: inline-block;
}
ul.countdown li img { position: absolute; left: 0; }
h5.labelCallout { margin-top: 0; margin-bottom: 0; text-transform: uppercase; background-color: #f9f615; color: #000000; font-family: DINWeb-Black, sans-serif; font-size: 1.214em; padding: 10px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
.tshirt h5.labelCallout { position: absolute; bottom: 20px; }
h5.labelCallout a, p.subLabelCallout a { text-decoration: none; color: #000000; }
h5.labelCallout a:hover, p.subLabelCallout a:hover { color: #434345; }
h5.labelCallout span, p.subLabelCallout span{ padding-right: 25px; background: url('/assets/img/arrow-onwards.png') right center no-repeat; }
h3.dottedSubhead { margin-bottom: 20px; font-size: 1.286em; color: #434345; text-transform: uppercase; font-family: DINWeb-Bold, sans-serif; padding: 15px 0; background: url('/assets/img/sep-line-dotted.png') left bottom repeat-x; }
p.subLabelCallout { margin-top: 0; padding: 10px; margin-left: 20px; background-color: #f9f615; color: #000000; font-family: DINWeb-Ita, sans-serif; }
.tshirt p.subLabelCallout { position: absolute; bottom: -40px; }
.twoCol h5.center { margin-left: 100px; }
footer{ background: url('/assets/img/grey-noise-bg-footer.jpg') repeat; }
footer .container{ background: url('/assets/img/grey-noise-bg-footer.jpg') repeat; }
#footerContent { width: 100%; color: #ffffff; }
.shareFooter { position: absolute; right: 0; bottom: -10px; }
.shareFooter img { margin-right: 18px; }
.shareFooter a { float: left; }
footer ul.linkList { padding-left: 0; }
footer ul.linkList li { list-style-type: none; margin-bottom: 7px; }
footer ul.linkList li a , footer .column p { font-size: 0.786em; font-family: DINWeb, sans-serif; text-transform: uppercase; text-decoration: none; color: #ffffff; }
footer ul.linkList li a:hover { text-decoration: underline; }
footer .column { float: left; margin-right: 40px; padding: 30px 0 50px 0; width: 190px; }
footer .column.first { float: left; margin: 0 40px; padding: 30px 0 50px 0; }
footer .column h6 { margin-top: 0; font-size: 1.000em; text-transform: uppercase; font-weight: normal; font-family: DINWeb-Bold, sans-serif; margin-bottom: 7px; color: #ffffff !important; }
footer ul.legal { clear: both; font-size: 0.786em; text-align: left; padding-left: 0;}
footer ul.legal li { list-style-type: none; float: left; font-size: 12px; }
footer ul.legal li a { color: #ffffff; text-decoration: none; }
footer ul.legal li a:hover { text-decoration: underline; }
footer .socialFooter a img { margin-right: 5px;}
/* Dropdown styles */
/* Top level */
ul.dropdown { position: relative;}
ul.dropdown li { }
ul.dropdown a:hover { }
ul.dropdown a:active { }
ul.dropdown li a { padding: 5px 28px; display: block; color: #222; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown > li.hover, ul.dropdown li:hover { position: relative; background: #E52737 !important; }
ul.dropdown li.hover a { }
/* Second level */
ul.dropdown ul { background-color: #CACACA; color: #ffffff; margin-left: 0; padding-left: 0; margin-top: 0; width: 250px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li { padding: 0 10px !important; font-weight: normal; background: #CACACA; color: #000; width: 100%; border-bottom: 1px solid #ccc; float: none; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; padding: 5px 0 !important; }
ul.dropdown ul li a:hover { }
/* Third Level */
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
/* Forms */
textarea, input[type="text"], input[type="password"] {
background: #FFFFFF;
padding: 6px 10px;
font-size: 15px;
-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
display: block;
margin-top: 5px;
font-size: 14px;
font-family: 'DINWeb-Ita';
}
.custom.dropdown { font-size: 13px; font-family: 'DINWeb-Ita'; margin-top: 6px !important; }
fieldset { border: 0 !important;}
fieldset h4 { font-family: 'DINWeb-Bold'; font-size: 18px !important; line-height: 22px; background: url("/assets/img/sep-line-countdown-dotted.png") repeat-x scroll 0 bottom transparent; padding-bottom: 15px; }
.signup-form fieldset { background: #f4f1f0; padding: 20px; margin-bottom: 20px; }
.signup-form fieldset.no-bg { background: none; }
.submit-wrapper{ text-align: center; }
.buttons-container.left{ width: 450px; }
label { font-size: 16px; }
.submit-button, .submit-button:visited {
background: #F15E4B;
display: inline-block;
padding: 10px 60px 6px;
color: #fff;
text-decoration: none;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border:0;
position: relative;
cursor: pointer;
font-size: 24px;
text-transform: uppercase;
font-family: 'DINWeb-Medium';
}
.submit-button.submit-events{
font-size: 17px;
padding: 10px 20px 6px;
}
.submit-button:hover {
background-color: #ed2024;
}
input[disabled="disabled"].submit-button, input[disabled="disabled"].submit-button:hover{
background: #aaa;
cursor: pointer;
}
.minigrant_pdf input[type="text"]{
float: left;
margin-right: 15px;
}
.submit-button.delete_minigrant_pdf, .submit-button.close_account_sidebar, .view_minigrant_pdf{
padding: 9px 12px 4px;
font-size: 16px;
}
.submit-button.close_account_sidebar, .submit-button.close_account_sidebar:visited {
padding: 4px 8px 1px;
color: white !important;
font-size: 14px !important;
width: 24px;
margin: 0;
float: right;
}
.login_fb{
text-align: center;
}
.register-form .yellow-callout,
.register-form .yellow-callout-sub {
background-color: #F9F615;
color: #000000;
display: inline-block;
margin-bottom: 0;
margin-top: 0;
padding: 10px;
}
.register-form .yellow-callout {
font-family: DINWeb-Black,sans-serif;
font-size: 18px;
text-transform: uppercase;
}
.expenses-box { background: #F4F1F0; padding: 15px 15px 13px 20px; margin-bottom: 10px; }
.expenses-box p { letter-spacing: 0; display: inline-block; width: 440px !important; font-family: 'DINWeb-Bold'; font-size: 16px; }
.expenses-box span { font-family: 'DINWeb-Bold'; font-size: 24px; left: -8px; position: relative; top: 3px; }
.expenses-box input { display: inline; font-family: 'DINWeb-Bold'; font-size: 18px; color: #797979; }
.expenses-box label.amount { display: inline-block; padding: 0 10px;}
.amount { width: 90px !important; }
#mainContent form h2.title { font-size: 25px; }
#mainContent form p.introText { font-family: 'DINWeb'; font-size: 14px; line-height: 22px; text-align: left; padding:0; }
.row { margin: 0 auto 20px !important; width: 100% !important; min-width: 100% !important; }
.row.text p { font-family: 'DINWeb'; font-size: 14px; line-height: 22px; }
.row.text-little p { font-family: 'DINWeb'; font-size: 13px; line-height: 18px; }
.row.text-little p.subtitle { font-family: 'DINWeb-Bold'; font-size: 18px; line-height: 22px; }
.expense-desc p { font-family: 'DINWeb'; }
.yellow-callout-sub { left: 20px; position: relative; top: -10px; display: block !important;width: 535px;}
#login-links{
text-align: center;
text-transform: uppercase;
padding: 5px;
font-weight: bold;
background: #F2EA00;
width: 246px;
}
#login-box a{
color:#333;
text-decoration: none;
}
#login-box img{
padding-right: 7px;
}
#login-box h6 {
font-size: 1.35em !important;
margin: 0;
color: white;
padding: 7px 10px 5px;
background-color: #EB494C;
margin-top: -10px;
}
.data{
border: 1px black solid;
width: 400px;
}
.data td{
border: 1px #EB494C solid;
}
.label.round.white_color{
background-color: #EB494C;
padding: 5px;
}
.data th{
color: white;
padding: 7px 10px 5px;
background-color: #EB494C;
}
a:hover{
text-decoration: underline;
}
.formhelp a{
color:#E6163B;
font-weight: bold;
}
#login-form, #signup-form{
display: none;
width: 246px;
padding: 25px 12px 1px;
background: #CACACA;
position: absolute;
z-index: 1000000;
margin: 0;
right: 0;
top: 42px;
font-size: 0.786em !important;
}
#signup-form em{
font-size: 1.2em !important;
font-weight: bold;
}
#my-account h2{
margin: 0px;
}
.hide_user_fields{
display: none;
}
.show_user_fields{
display: block !important;
}
/*****Messages*****/
.my-account #mainContentInner div.error,
.my-account #mainContentInner li.error{
max-width: 100%;
float: none;
position: relative;
top: auto;
}
div.error,
li.error{
background-color:#d70033; padding: 7px 9px;
font-size: 1em;
max-width: 300px;
float: right;
margin: 0;
position: absolute;
right: 0;
top: 43px;
z-index: 9;
}
div.status,
li.status{
background-color: #009A48;
padding: 7px 9px;
font-size: 1em;
max-width: 300px;
float: right;
margin: 0;
position: absolute;
right: 0;
top: 43px;
z-index: 9;
color: white;
}
div.status.sign_in,
li.status.sign_in {
background-color: #009A48;
padding: 7px 9px;
font-size: 1em;
max-width: 100%;
float: none;
margin: 0;
position: relative;
right: 0;
margin-top: -53px;
z-index: 9;
color: white;
margin-bottom: 20px;
}
div.status a, div.error a,
li.status a, li.error a{ color:white; font-weight: bold; }
div.status a:hover, div.error a:hover,
li.status a:hover, li.error a:hover { color:white; text-decoration: underline; }
div.status p, div.status ul, div.error p, div.error ul,
li.status p, li.status ul, li.error p, li.error ul
{ margin:0; line-height:1.4; color:#fff }
div.status li, div.error li,
li.status li, li.error li
{ margin-bottom:.4em; line-height:1.4; color:#fff; list-style-type:none }
#login-box div.status a:link, #login-box div.status a:visited, #login-box div.error a:link, #login-box div.error a:visited,
#login-box li.status a:link, #login-box li.status a:visited, #login-box li.error a:link, #login-box li.error a:visited
{ color:#fff; text-decoration:underline; font-weight:inherit }
#login-box div.status a:hover, #login-box div.error a:hover,
#login-box li.status a:hover, #login-box li.error a:hover
{ color:#fff; text-decoration:none; font-weight:inherit }
.register-contact div.error, .register-contact div.status, .register div.error, .register div.status,
.register-contact li.error, .register-contact li.status, .register li.error, .register li.status{
max-width: 100%;
margin-bottom: 10px;
position: initial;
float: none;
}
.error a, .error a:hover{
color:#2795b6;
text-decoration: none;
}
.error a:hover{
color:#2795b6;
text-decoration: underline;
}
/*****FORMS*****/
.formhelp{
font-size: 11px;
margin-top: -8px;
display: block;
}
input[type="image"]{
background: transparent;
border: 0;
box-shadow: none;
}
.register-event .ui-timepicker-table td a {
padding: 0.2em 1.5em 0.2em 0.5em;
}
.register-event .ui-timepicker-table {
margin:0;
}
.register-event .formhelp {
margin-top: 0;
}
.register-event [class*="column"] + [class*="column"]:last-child.country_select{
margin-top: -14px;
float: left;
}
.country_select{
width: 270px !important;
}
.you_hear_select ul{
width: 270px !important;
}
.you_desc_select{
width: 400px !important;
}
.other_age{
float: left !important;
margin-top: -22px;
}
.type_org{
margin-top: -8px;
}
.best_time_call{
margin-top: -13px;
}
#mainContent .row.country_select{
z-index: 6;
}
#mainContent .row.important_select {
z-index: 3;
}
#mainContent .row.state_select {
z-index: 5;
}
#mainContent .row.state_select .custom.dropdown {
width: 170px !important;
}
#mainContent .row.primary_event_select{
z-index: 4;
}
.row .event_type .dropdown{
width: 290px !important;
}
.aligncenter{
width: 100%!important;
text-align: left!important;
margin-left: 0!important;
}
.expenses_notinclude{
float:left;
width: 350px;
border: 1px solid #B40404;
padding: 10px;
background: #F5A9A9;
color: #B40404;
margin: 0 10px 0 0;
}
.expenses_include{
float:left;
border: 1px solid #298A08;
padding: 10px;
width: 500px;
background: #D0F5A9;
color: #298A08;
}
.expenses_items{
margin-left:18px;
list-style: disc;
height: 230px;
padding: 10px;
}
.expenses_items li{
line-height: 22px;
}
.money_sign{
float: left;
padding: 4px;
}
.eighty_percent input[type="text"]{
width: 80%;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}
#google-map {
width: 860px;
height: 500px;
margin: 1.4em 0 1.5em;
border: 2px solid #d3d3d3;
-moz-box-shadow: #bbb 3px 3px 8px;
-webkit-box-shadow: #bbb 3px 3px 8px;
box-shadow: #bbb 3px 3px 8px;
}
#google-map .gmnoprint{
text-align: left;
}
#google-map img {
max-width: none;
}
em.small{
font-size: 11px;
margin-top: -9px;
display: block;
}
#help-ribbon{
position: fixed;
right: 0px;
top: 215px;
z-index: 9999;
}
#help-ribbon .wrapper:before{
content: "";
display: block;
position: absolute;
width: 7px;
top: -1px;
left: -6px;
bottom: -1px;
background-image: url("/assets/img/ribbon-border.png");
background-repeat: repeat-y;
z-index: 9999;
}
#help-ribbon .wrapper{
position: relative;
padding: 20px 0 20px 0;
background-color: #fff;
border-top: #cfcfcf 1px solid;
border-bottom: #cfcfcf 1px solid;
max-width: 390px;
min-width: 62px;
height: 277px;
z-index: 99999;
}
#help-ribbon .wrapper .title{
margin-left: auto;
margin-right: auto;
text-align: center;
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
transform: rotate(-90deg);
position: absolute;
top: 0px;
bottom: 0px;
left: 48px;
color: #ec5457;
text-transform: uppercase;
font-style: italic;
font-weight: bold;
font-size: 16px;
white-space: nowrap;
cursor: pointer;
}
#help-ribbon .wrapper .content:before{
content: "";
display: block;
position: absolute;
width: 5px;
top: -4px;
left: -5px;
bottom: -35px;
background-image: url("/assets/img/dots.png");
background-repeat: repeat-y;
max-height: 220px;
}
#help-ribbon .wrapper .content{
margin-left: 50px;
position: relative;
padding-left: 20px;
overflow: visible;
}
#help-ribbon .wrapper .content ul{
padding: 0px;
list-style: none;
}
#help-ribbon .wrapper .content ul li{
padding-right: 20px;
}
#help-ribbon .wrapper .content ul li.item{
margin-bottom: 15px;
}
#help-ribbon .wrapper .content ul li.item.last{
margin-bottom: 0px;
}
#help-ribbon .wrapper .content ul li span{
display: block;
}
#help-ribbon .wrapper .content ul li a{
font-family: dinschriftregular;
text-transform: uppercase;
color: #000;
text-decoration: none;
font-size: 18px;
}
#help-ribbon .wrapper .content ul li a:hover{
color: #ed2024;
}
#help-ribbon .wrapper .content span.close{
display: block;
cursor: pointer;
display: block;
cursor: pointer;
float: right;
padding: 10px 20px;
font-family: dinschriftregular;
text-transform: uppercase;
font-weight: bold;
color: #000;
background-color: #f4eb2e;
}
#help-ribbon .wrapper .content span.close img{
margin-top: -1px;
}
@media only screen and (max-width: 767px) { #help-ribbon{display: none; width: 0px; height: 0px;} }
@media print { #help-ribbon{display: none; width: 0px; height: 0px;} }
/*FORM MESSAGES*/
#messages-wrapper{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0,0,0,0.5);
z-index: 999999;
}
#messages-wrapper ul#msgs{
list-style: none;
}
#login-box #messages-wrapper.dismissed #msgs{
padding: 7px 9px;
font-size: 1em;
max-width: 300px;
max-height: 150px;
float: right;
margin: 0;
position: absolute;
right: -9px;
top: 36px;
z-index: 9;
overflow: scroll;
}
#login-box #messages-wrapper.dismissed #msgs #messages{
border-bottom: none;
}
#messages-wrapper #msgs{
width: 500px;
max-width: 500px;
max-height: 200px;
overflow: scroll;
padding: 10px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -250px;
z-index: 999;
background: #fff;
}
#messages-wrapper.active #messages{
background-color: #fff;
color: #000;
}
#messages-wrapper.active #messages ul{
padding: 0px;
}
#messages-wrapper.active #messages p,
#messages-wrapper.active #messages ul li,
#messages-wrapper.active #messages ul li a{
color: #000;
letter-spacing: 1px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
#messages-wrapper #msgs #messages{
width: 100%;
max-width: 480px;
top: auto;
left: auto;
right: auto;
border-bottom: 1px solid #eee;
display: inline-block;
position: relative;
}
#messages-wrapper #msgs .close{
position: fixed;
top: 50%;
left: 50%;
margin-top: -110px;
margin-left: 230px;
background: #000;
padding: 3px 5px 5px 5px;
color: #fff;
font-weight: bold;
cursor: pointer;
z-index: 999;
}
#messages-wrapper.dismissed{
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
background: transparent;
display: none;
}
#messages-wrapper.dismissed #msgs .close{
display: none;
}
#messages-wrapper.dismissed #msgs{
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
overflow: auto;
padding: 7px 9px;
position: relative;
top: auto;
left: auto;
margin-top: 0px;
margin-left: 0px;
background: transparent;
}
#messages-wrapper.dismissed #msgs #messages{
max-width: 1000px;
display: inline-block;
position: relative;
vertical-align: top;
}
.campaign-logo{
width:87px;
float:right;
}
.campaign-txt{
width:160px;
margin:12px 0px 0px 20px;
float:right;
text-transform:uppercase;
font-size:10px;
line-height:16px;
font-family:dinschriftregular,sans-serif;
letter-spacing:1px;
}