/*
Theme Name: GetInvolved
*/

@import url('utilities.css');
@import url('navigation.css');
@import url('right-column.css');

/* ================================================================================== */
/* GLOBAL TAG DECLARATIONS */

HTML {
height: 100%;
width: 100%;
}

BODY {
height: 100%;
width: 100%;
background: url(../images/shared/body-bg.png) #f6a13f repeat-x;
font-family: "Lucida Grande", Tahoma, Arial;
font-size: 13px;
}

IMG {
vertical-align: bottom;
}

BUTTON:hover {
cursor: pointer;
}

TEXTAREA, INPUT[type=text], INPUT[type=password] {
font-family: "Lucida Grande";
font-size: 11px;
}

A {
text-decoration: none;
color: #0978d5;
}

A:hover {
text-decoration: underline;
}

.cta-container A:hover, A.button-match:hover {
text-decoration: none;
}

A.button, A.post-edit-link, A.button-profile-post {
display: inline-block;
height: 25px;
line-height: 25px;
background: url(../images/shared/bg-button.gif) repeat-x top right;
text-align: right;
padding: 0px 30px 0px 15px;
color: #fff;
font-size: 10px;
text-align: left;
}

A.small_button{
	background-color: #F6921D;
    color: #FFFFFF;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    padding: 0 4px;
    text-align: right;
    text-transform: uppercase;
		margin-left: 5px;
}

A.button-green {
display: inline-block;
height: 25px;
line-height: 25px;
background: url(../images/buttons/bg-button-green.png) repeat-x top right;
text-align: right;
padding: 0px 30px 0px 20px;
color: #fff;
font-size: 12px;
text-align: right;
}

A.button-green-big {
display: inline-block;
height: 36px;
line-height: 36px;
background: url(../images/buttons/bg-green-big.png) repeat-x top right;
text-align: right;
padding: 0px 30px 0px 20px;
color: #fff;
font-size: 12px;
text-align: right;
}

A.button-match {
background: url("../images/buttons/green-match-big.png") repeat-x top right;
color: #FFFFFF;
display: inline-block;
font-size: 13px;
height: 36px;
line-height: 36px;
min-width: 68px;
padding: 0 36px 0 16px;
text-align: center;
}

A.get-matched-big {
background: url("../images/buttons/get-matched-big.png") repeat-x top right;
font-size: 24px;
height: 62px;
line-height: 62px;
padding: 0 46px 0 26px;
}

A.button-grey, .button-grey {
display: block;
height: 25px;
line-height: 25px;
background: url(../images/buttons/bg-button-grey.png) repeat-x top right;
text-align: right;
padding: 0px 30px 0px 20px;
color: #333;
font-size: 12px;
text-align: right;
}

INPUT.button-grey {
border: 0;
}

A.show-hide, A.show-hide-search-container {
display: inline-block;
height: 25px;
line-height: 25px;
background: url(../images/buttons/bg-show-hide.gif) repeat-x top right;
text-align: right;
padding: 0px 30px 0px 20px;
color: #fff;
font-size: 12px;
text-align: right;
}

A.show-hide.opened, A.show-hide-search-container.opened {
background-position: bottom right;
}


A.flag-content {
display: inline-block;
background: url(../images/icons/flag-inappropriate.png) no-repeat 0px 2px;
text-align: left;
padding: 0px 0px 0px 20px;
color: #0C7AD6;
font-size: 12px;
height: 14px;
line-height: 14px;
}


A.rss-small {
display: inline-block;
background: url(../images/icons/rss.png) no-repeat center left;
text-align: left;
height: 16px;
line-height: 16px;
padding: 0px 0px 0px 20px;
}

A.button-light, INPUT.button-light {
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
background: url(../images/buttons/bg-button-light-blue.png) repeat-x top right;
text-align: right;
padding: 0px 30px 0px 15px;
color: #fff;
font-size: 10px;
text-align: left;
}

INPUT.button-light {
border: 0;
margin-top: 8px;
}

INPUT.button-light:hover {
cursor: pointer;
}

A.button-light-left-arrow {
display: inline-block;
height: 25px;
line-height: 25px;
background: url(../images/buttons/bg-button-light-blue-left.png) repeat-x top left;
text-align: right;
padding: 0px 20px 0px 30px;
color: #fff;
font-size: 12px;
text-align: left;
}

A.toggle {
display: inline-block;
height: 25px;
line-height: 25px;
background: url(../images/buttons/bg-cta-toggle.png) repeat-x top right;
text-align: right;
padding: 0px 30px 0px 10px;
color: #fff;
font-size: 12px;
min-width: 50px;
}

A.toggle.opened {
background-position: bottom right;
}

A.button:hover, A.big-blue-button:hover {
text-decoration: none;
}

A.toggle-continue {
display: block;
height: 25px;
width: 109px;
background: url(../images/buttons/btn-continue.png) no-repeat top left;
text-indent: -9999px;
text-align: left;
}

.fr A.toggle-continue, A.toggle-continue-fr {
background: url(../images/fr/buttons/btn-continue.png) no-repeat top left;
}

* html A.toggle-continue, * html A.toggle-continue-fr  {
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/gi/images/buttons/btn-continue.png,
sizingMethod='scale');
}

* html .fr A.toggle-continue, * html .fr A.toggle-continue-fr  {
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/gi/images/fr/buttons/btn-continue.png,
sizingMethod='scale');
}

A.toggle-continue:hover {
cursor: pointer;
}


.toggle-continue-container {
float: right;
margin: 10px 12px 0px 0px;
overflow: hidden;
}

A.big-blue-button {
display: inline-block;
height: 34px;
line-height: 34px;
font-size: 12px;
color: #fffb94;
text-transform: uppercase;
padding: 0px 20px 0px 17px;
text-align: center;
background: url(../images/buttons/bg-big-blue.png) repeat-x top right;
}

.cta-big-blue-container {
display: inline-block;
background: url(../images/buttons/bg-big-blue-left.png) no-repeat top left;
padding-left: 3px;
margin: 15px 0px;
overflow: hidden;
}






A.button-plus {
display: inline-block;
height: 15px;
width: 15px;
background: url(../images/buttons/bg-plus-minus.png) no-repeat bottom left;
overflow: hidden;
margin: 0px 0px 0px 3px;
}

A.button-plus SPAN {
display: none;
}

A.save-your-preferences {
display: inline-block;
height: 58px;
width: 297px;
background: url(../images/buttons/save-preferences.png) no-repeat top left;
overflow: hidden;
margin: 0px 0px 0px 0px;
}

A.save-your-preferences SPAN {
display: none;
}


A.button-minus {
display: inline-block;
height: 15px;
width: 15px;
background: url(../images/buttons/bg-plus-minus.png) no-repeat top left;
overflow: hidden;
margin: 0px 0px 0px 3px;
}

A.button-minus SPAN {
display: none;
}


.cta-button-bordered {
display: inline-block;
background: url(../images/buttons/bg-bordered-left.png) no-repeat top left;
padding-left: 5px;
margin: 0px;
overflow: hidden;
}

.cta-button-bordered A {
display: inline-block;
height: 35px;
line-height: 35px;
font-size: 12px;
color: #fff;
text-transform: none;
padding: 0px 20px 0px 10px;
min-width: 70px;
text-align: left;
background: url(../images/buttons/bg-bordered-right.png) repeat-x top right;
}




.cta-button-profile-bordered {
display: inline-block;
background: url(../images/buttons/bg-view-profile-left.png) no-repeat top left;
padding-left: 5px;
margin: 0px;
overflow: hidden;
}

.cta-button-profile-bordered A {
display: inline-block;
height: 35px;
line-height: 35px;
font-size: 12px;
color: #fff;
text-transform: none;
padding: 0px 44px 0px 10px;
width: auto !important;
width: 70px;
text-align: center;
background: url(../images/buttons/bg-view-profile-right.png) repeat-x top right;
}





A.big-blue-right-button {
display: inline-block;
height: 58px;
line-height: 58px;
width: 256px;
font-size: 15px;
color: #fffb94;
padding: 0px 20px 0px 17px;
text-align: center;
background: url(../images/buttons/bg-big-blue-right-column.png) repeat-x top right;
}

A.big-blue-right-button:hover {
text-decoration: none;
}

.cta-big-blue-right-container {
display: inline-block;
background: url(../images/buttons/bg-big-blue-left-right-column.png) no-repeat top left;
padding-left: 3px;
margin: 0px 7px 10px 9px;
overflow: hidden;
}

.right-column-big-blue-button-image {
margin: 0px 0px 4px 4px;
}


#page {
width: 960px;
margin: 0 auto;
background: #fff;
}

#header {
background: url(../images/shared/bg-header-home.gif) repeat-x;
height: 250px;
overflow: hidden;
}

#body {
padding: 0px 0px 73px 0px;
}

#left {
float: left;
width: 642px;
}

* html #left, * html #right {
display: inline;
overflow: hidden;
}

#right {
float: right;
width: 306px;
padding: 8px 0px 0px 0px;
}

#footer {
overflow: hidden;
}

.color-med-grey {
color: #666;
}

.color-dark-blue {
color: #053760;
}


/* ================================================================================== */
/* HEADER */

#header-top-links {
position: relative;
height: 96px;
margin-bottom: 17px;
overflow: hidden;
}

#header-top-links-logo {
position: absolute;
top: 0px;
left: 0px;
}

#header-top-links-logo-fr-center-quebec {
position: absolute;
top: 9px;
right: 21px;
}

#header-top-links-logo IMG {
position: relative;

}

#header-top-links-social {
float: right;
padding: 24px 26px 0px 0px;
display: inline;
width: 300px;
}

.fr #header-top-links-social {
padding: 50px 194px 0px 0px;
}

#header-top-links-social P {
color: #025181;
font-size: 13px;
text-align: right;
}

#header-top-links-social-container {
overflow: hidden;
float: right;
/* margin-top: 10px; */
}

#header-top-links-social-container LI {
float: left;
margin: 0px 3px;
line-height: 22px;
color: #5e5e5e;
font-weight: bold;
}

#header-top-links-social-container LI:last-child {
margin-right: 0px;
}

#header-top-social-facebook {
padding-top: 6px; 
line-height: 30px;
}

#header-top-social-facebook-copy {
margin-right: 8px;
float: right;
color: #5E5E5E;
font-weight: bold;
}



/* ================================================================================== */
/* HEADER > SIGN UP OR LOGIN */	

#header-signup {
background: url(../images/home/bg-signup.jpg) no-repeat;
height: 39px;
color: #fff;
padding: 16px 10px 0px 25px;
font-size: 16px;
line-height: 24px;
}

* html #header-signup, *+html #header-signup {
padding-right: 20px;
line-height: 18px;
}

#header-signup .left {
width: 710px;
overflow: hidden;
letter-spacing: 0.5px;
font-size: 14px;
}

* html #header-signup .left {
width: 700px !important;
display: inline;
}

#header-signup .right {
color: #2278b6;
width: 180px;
text-align: center;
}

* html #header-signup .right {
text-align: right;
width: 170px !important;
display: inline;
}

.fr #header-signup .right {
font-size: 11px;
}

#header-signup A {
color: #fffb94;
font-weight: bold;
}



/* ================================================================================== */
/* PROMO */

#promo-container {
overflow: hidden;
padding: 0px 0px 0px 7px;
background: url(../images/home/bg-promo-links.gif) no-repeat bottom center;
}

.promo-item {
float: left;
width: 238px;
}

* html .promo-item {
display: inline;
overflow: hidden;
}

.promo-item-inner {
border-right: 1px solid #d9d9d9;
padding: 0px 1px 0px 0px;
margin-right: 1px;
}

.promo-item-last {
border: 0;
}

.promo-image {
background: url(../images/home/bg-thumb.png) no-repeat;
height: 132px;
width: 227px;
padding: 4px 4px 0px 4px;
}

.promo-item DL {
color: #656565;
padding: 10px 12px;
}

.promo-item DT {
font-size: 16px;
line-height: 18px;
margin: 0px 0px 4px 0px;
}

.promo-item A {
color: #656565;
}

.promo-item DD {
font-size: 11px;
}

.promo-link {
padding: 0px 8px;
color: #fff;
font-size: 12px;
line-height: 25px;
overflow: hidden;
}

.promo-first {
padding-left: 4px;
}

.promo-link .right {
font-size: 10px;
}

.promo-link .right A {
display: block;
}

A.promo-link-profile {
background: url(../images/icons/home-promo-profile.png) no-repeat center right;
padding-right: 20px;
}

A.promo-link-play {
background: url(../images/icons/home-promo-play.png) no-repeat center right;
padding-right: 20px;
}

A.promo-link-details {
background: url(../images/icons/home-promo-details.png) no-repeat center right;
padding-right: 20px;
}

.promo-link A {
color: #fff;
}

.promo-item A {
display: block;
overflow: hidden;
}

.promo-item DT {
height: 18px;
}

A.promo-organization {
background-position: 0px 0px;
}

A.promo-video {
background-position: 0px -25px;
}

A.promo-resource {
background-position: 0px -50px;
}

A.promo-opportunity {
background-position: 0px -75px;
}



/* ================================================================================== */
/* SLIDER */

.slider-container {
margin: 0px 0px 8px 0px;
}

#slider-categories-outer {
background: url(../images/slider/slider-categories.png) no-repeat;
height: 22px;
overflow: hidden;
padding: 58px 0px 0px 31px;
margin-bottom: 8px;
}

#slider-content-outer {
background: url(../images/slider/slider-content.png) no-repeat;
height: 22px;
overflow: hidden;
padding: 48px 0px 0px 31px;
}

#slider-no-volunteers {
background: url(../images/slider/no-volunteers.png) no-repeat;
height: 27px;
overflow: hidden;
padding: 22px 7px 0px 33px;
}

#slider-no-organizations {
background: url(../images/slider/no-organizations.png) no-repeat;
height: 27px;
overflow: hidden;
padding: 22px 7px 0px 33px;
}

#slider-no-opportunities {
background: url(../images/slider/no-opportunities.png) no-repeat;
height: 27px;
overflow: hidden;
padding: 22px 7px 0px 33px;
}

.slider {

}

/* ================================================================================== */
/* BUTTONS */

.cta-container {
text-align: right;
}

/* ================================================================================== */
/* FOOTER */

#footer-links {
background: url(../images/shared/bg-footer.png) repeat-x;
height: 43px;
line-height: 43px;
padding: 0px 18px;
font-size: 11px;
color: #fff;
overflow: hidden;
}

#footer-links LI {
float: left;
}

#footer-links LI.list-divider {
margin: 0px 5px;
}

#footer-links LI.right {
float: right;
text-align: right;
}

#footer-links A {
color: #fff;
}














/* ================================================================================== */
/* BOTTOM CONTENT BLOCK > LISTING CONTAINER & ITEMS */

#content-block-bottom-listing {

}

.content-block-bottom-listing-item {
background: url(../images/home/bg-content-block-bottom-listing.png) no-repeat;
border: 3px solid #fff;
overflow: hidden;
margin-bottom: 1px;
font-family: helvetica;
}

.content-block-bottom-listing-item-left {
float: left;
padding: 5px;
width: 47px;
height: 47px;
}

.content-block-bottom-listing-item-right {
float: right;
width: 529px;
}

.content-block-bottom-listing-item-right DD A {
color: #323232;
}

.quickSearch .content-block-bottom-listing-item-right {
/* width: 489px; */
}

.fr .quickSearch .content-block-bottom-listing-item-right {
/* width: 489px; */
width: 529px;
}

.content-block-bottom-listing-item DL {
float: left;
color: #323232;
width: 386px;
padding: 9px 10px 0px 0px;
}

.fr .content-block-bottom-listing-item DL {
width: 356px;
}

* html .content-block-bottom-listing-item dl {
width: 376px;
}

.content-block-bottom-listing-item DT {
font-size: 14px;
font-weight: bold;
}

.content-block-bottom-listing-item DT A {
color: #323232;
}

DIV.content-post DT {
font-size: 10px;
font-weight: normal;
}

DIV.content-post DD A {
color: #323232;
}

.content-block-bottom-listing-item DD {
font-size: 10px;
margin: 0px 0px 2px 0px;
}

DIV.content-post DD {
font-size: 14px !important;
font-weight: bold;
}

.content-block-bottom-listing-cta {
overflow: hidden;
float: right;
padding: 13px 13px 0px 0px;
}

.content-block-bottom-listing-cta LI {
float: left;
}

.content-block-bottom-listing-cta-left {
background: url(../images/home/bg-listing-cta-left.png) no-repeat;
height: 35px;
width: 5px;
overflow: hidden;
}

.content-block-bottom-listing-cta-middle {
background: url(../images/home/bg-listing-cta-middle.png) repeat-x;
height: 25px;
padding: 4px 0px 6px 0px;
overflow: hidden;
}

.content-block-bottom-listing-cta-middle A {
display: block;
text-align: left;
height: 25px;
line-height: 25px;
color: #fff;
padding: 0px 40px 0px 10px;
font-size: 10px;
width: 60px;
}

.fr .content-block-bottom-listing-cta-middle A {
width: 80px;
}

.content-block-bottom-listing-cta-right {
background: url(../images/home/bg-listing-cta-right.png) no-repeat;
height: 35px;
width: 5px;
overflow: hidden;
}

.content-listing-cta-container {
overflow: hidden;
}

A.content-listing-cta-white-video {
background: url(../images/icons/home-promo-white-blue-video.png) no-repeat top right;
}

A.content-listing-cta-white-details {
background: url(../images/icons/home-promo-white-blue-details.png) no-repeat top right;
}

A.content-listing-cta-white-profile {
background: url(../images/icons/home-promo-white-blue-profile.png) no-repeat top right;
}



/* ================================================================================== */
/* PAGINATION */

.pagination-ul-container {
float: left;
display: inline-block;
width: 350px;
text-align: center;
}

.pagination-ul {
margin: 15px auto 0px auto;
display: inline-block;
}

.pagination-ul LI {
display: inline;
color: #053760;
margin-right: 12px;
font-size: 12px;
}

.pagination-ul LI:last-child {
margin-right: 0;
}

.pagination-ul LI:hover {
cursor: pointer;
}

.pagination-ul LI {
zoom: 1;
*display: inline;

color: #053760;
padding-bottom: 3px;
border-bottom: 1px solid #6488a4;
}

.pagination-ul LI.no-border, .pagination-ul LI.selected {
border: 0;
}

.pagination-ul LI.no-border:hover, .pagination-ul LI.selected:hover {
cursor: default;
}

.pagination-back {
float: left;
margin: 1px 0px 0px 0px;
width: 125px;
}

.pagination-back A {
width: auto !important;
width: 30px;
}

.pagination-next {
float: right;
margin: 1px 0px 0px 0px;
width: 125px;
text-align: right;
}

.pagination-next A {
width: auto !important;
width: 30px;
}






.three-dots {
background: url(../images/shared/bg-3-dotted-line.gif) repeat-x;
height: 5px;
overflow: hidden;
}

.section-generic .top-content {
border: 0;
}

.section-generic .top-content P {
font-size: 14px;
line-height: 18px;
}

.generic-dl {
font-size: 14px;
line-height: 18px;
margin: 30px 0px 0px 0px;
}

.generic-dl DT {
color: #666;
font-size: 14px;
line-height: 18px;
margin: 0px 0px 9px 0px;
}


.generic-dl DD {
font-weight: normal;
font-size: 14px;
line-height: 18px;
}



A.content-listing-cta-white-video {
background: url(../images/icons/home-promo-white-blue-video.png) no-repeat top right;
}

A.content-listing-cta-white-details {
background: url(../images/icons/home-promo-white-blue-details.png) no-repeat top right;
}

A.content-listing-cta-white-profile {
background: url(../images/icons/home-promo-white-blue-profile.png) no-repeat top right;
}


.content-givideo .content-listing-cta-white {
background: url(../images/icons/home-promo-white-blue-video.png) no-repeat top right;
}

.content-organization .content-listing-cta-white {
background: url(../images/icons/home-promo-white-blue-profile.png) no-repeat top right;
}

.content-opportunity .content-listing-cta-white {
background: url(../images/icons/home-promo-white-blue-details.png) no-repeat top right;
}

.content-offer .content-listing-cta-white {
background: url(../images/icons/home-promo-white-blue-details.png) no-repeat top right;
}

.content-post .content-listing-cta-white {
background: url(../images/icons/home-promo-white-blue-details.png) no-repeat top right;
}

.footer-page-content {
padding: 0px 20px;
font-size: 13px;
line-height: 18px;
}

.footer-page-content H3 {
font-weight: bold;
color: #0066CC;
}



/* ================================================================================== */
/* GI POINTS */

.gi-points-container {
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
padding: 20px;
}

.gi-points-value {
float: left;
text-align: center;
}

* html .gi-points-value {
width: 100px;
}

.gi-points-value A {
color: #056bae;
text-decoration: underline;
}

.gi-points-value LI {
line-height: 16px;
}

.gi-points-icon {
overflow: hidden;
text-align: center;
float: right;
padding: 16px 0px 0px 0px;
width: auto !important;
width: 135px;
}



.gi-points-icon H5 {
line-height: 16px;
color: #053f6b;
margin: 10px 0px 0px 0px;
}

.gi-points-target {
background: url(../images/shared/sprite-gi-points-white.png) no-repeat top left;
height: 84px;
width: 84px;
margin: 0 auto;
}

* html .gi-points-target {

}


.gi-points-target.gi-points-novice {
background-position: 0px 0px;
}

.gi-points-target.gi-points-beginner {
background-position: 0px -84px;
}

.gi-points-target.gi-points-volunteer {
background-position: 0px -168px;
}

.gi-points-target.gi-points-expert {
background-position: 0px -252px;
}

.gi-points-target.gi-points-master {
background-position: 0px -336px;
}

.gi-points-target.gi-points-guru {
background-position: 0px -420px;
}

.gi-points-target.gi-points-hero {
background-position: 0px -504px;
}

#right .gi-points-value H3, #left .gi-points-value H3 {
background: url(../images/right-column/gi.png) no-repeat top left;
border: 0;
color: #f6a13f;
font-size: 20px;
padding: 0px 0px 0px 40px;
text-align: left;
height: 30px;
line-height: 30px;
}

#right .gi-points-value H2, #left .gi-points-value H2 {
font-size: 34px;
color: #053f6b;
font-weight: bold;
}

#point-rankings #left .gi-points-container {
padding-right: 300px;
}

.rankings-listing-top-padding {
height: 15px; 
background-color: #C4D9E8;
}






* html #our-profile #header-signup, * html #volunteer-opportunity #header-signup {
padding-top: 14px;
height: 41px;
}

#admin-full {
	width: 950px;
	
}

#vq-stats {
	padding-left:10px;
	padding-right:10px;
}

#vq-stats-results {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    margin: 20px;
    text-align: left;
    width: 480px;
}

#vq-stats-results th {
	 border-bottom: 2px solid #6678B1;
    color: #003399;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 8px;
}

#vq-stats-results td {
	 border-bottom: 1px solid #CCCCCC;
    color: #666699;
    padding: 6px 8px;

}

#vq-stats-results tbody tr:hover td {
    color: #000099;
}