@media only screen and (max-device-width: 1025px), only screen and (max-width: 1025px), only screen and (device-width: 906px) and (device-height: 601px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    html body.tablet {
        min-width: 790px
        }
    html body.tablet .hidden-rspnsv {
        display: none !important
        }
    html body.tablet #page {
        width: 790px;
        overflow: hidden
        }
    html body.tablet #page .page-inner {
        margin: 0 auto
        }
    html body.tablet #page .page-inner .header {
        width: 790px;
        background-size: 790px 174px;
        background-color: transparent
        }
    html body.tablet #page .page-inner .header .header-inner {
        padding: 13px 0 0 0;
        position: relative;
        width: 768px;
        margin: 0 auto
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left {
        position: relative;
        float: none;
        display: inline-block;
        width: auto;
        font-size: 0;
        max-width: 548px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left .affiliate-location {
        display: inline-block;
        float: none;
        vertical-align: top
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left h1.logo {
        width: auto;
        font-size: 24px;
        float: none;
        vertical-align: top;
        padding: 0
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left h1.logo .header-home-logo img {
        max-height: 120px;
        width: auto
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left .header-home-banner {
        display: inline-block
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left .header-home-banner img {
        max-width: 548px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left .affiliate-location {
        font-size: 12px;
        max-width: 370px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left .logo-affiliate-location {
        display: inline-block;
        max-width: 520px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-left .logo-affiliate-location img {
        max-width: 520px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right {
        width: auto;
        position: absolute;
        right: -2px;
        display: inline-block;
        top: 13px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right .menu {
        width: auto;
        display: inline-block;
        max-width: 80px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div {
        display: inline-block
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member {
        float: none;
        display: inline-block;
        width: 120px;
        margin: 0
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member .link_login, html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member .link_logout {
        width: 110px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member .link_login {
        background-size: 110px 34px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member .link_logout {
        background-size: 110px 68px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member .link_returntoorganizationportal {
        margin-right: 15px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member.expand .link_login, html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member.expand .link_logout {
        width: 130px;
        background-size: 130px 68px
        }
    html body.tablet #page .page-inner .header .header-inner .header-block-right > .menu-affiliate + div form .affiliate-member .affiliate-login {
        margin-left: -141px !important
        }
    html body.tablet #page .page-inner .header .header-inner > .menu {
        padding-left: 10px;
        width: auto;
        height: 43px;
        overflow: hidden;
        display: block
        }
    html body.tablet #page .page-inner .header .header-inner > .menu ul li.active a {
        padding-bottom: 15px
        }
    html body.tablet #page .page-inner .navbar {
        width: 790px;
        background-size: 776px 71px;
        overflow: visible;
        margin: -1px 0
        }
    html body.tablet #page .page-inner .navbar .navbar-inner {
        margin: 0;
        padding: 20px 10px
        }
    html body.tablet #page .page-inner .navbar .navbar-inner .VolStd, html body.tablet #page .page-inner .navbar .navbar-inner .OrgStd {
        display: none
        }
    html body.tablet #page .page-inner .navbar .menu-primary {
        display: none
        }
    html body.tablet #page .page-inner .navbar .menu-primary ul li {
        float: none;
        display: inline-block
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav {
        display: block
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul {
        padding: 0;
        margin: 0;
        list-style: none;
        width: 100%
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li {
        display: none
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active {
        display: block
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active > a {
        display: none
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 {
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
        width: 100%
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 > li {
        display: inline-block
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li a {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        height: 34px;
        display: block;
        padding: 12px 8px 0 8px;
        color: #fff;
        text-align: center;
        outline: 0
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li a:hover {
        color: #37942a
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.active > a {
        color: #37942a
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown {
        position: relative
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown > a:after {
        font-family: FontAwesome;
        content: "";
        margin-left: 4px
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown ul.submenu {
        display: none;
        position: absolute;
        z-index: 10;
        margin: 0;
        padding: 0;
        list-style: none;
        min-width: 160px;
        background-image: url(../images/tablet-submenu-bk.png);
        border-radius: 3px;
        left: 0;
        right: auto
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown ul.submenu.open {
        display: block
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown ul.submenu ul.submenu {
        left: 100%;
        right: auto;
        top: 0
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown ul.submenu li {
        display: block
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown ul.submenu li a {
        position: relative;
        line-height: normal;
        height: auto;
        text-align: left;
        padding: 12px 16px 12px 12px;
        white-space: nowrap
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown ul.submenu li.dropdown > a:after {
        content: "";
        position: absolute;
        right: 6px;
        margin: 0
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown.left > ul.submenu {
        left: auto;
        right: 0
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown.left > ul.submenu li > a {
        text-align: right;
        padding: 12px 12px 12px 16px
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown.left > ul.submenu li.dropdown > a:after {
        right: auto;
        left: 6px;
        content: ""
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1 li.dropdown.left > ul.submenu ul.submenu {
        left: auto;
        right: 100%
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1.display-table {
        display: table
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1.display-table li {
        display: table-cell
        }
    html body.tablet #page .page-inner .navbar .mobile-main-nav .mobile-main-ul > li.active ul.level-1.display-table li a {
        padding: 12px 0 0 0
        }
    html body.tablet #page .page-inner .main {
        width: 790px;
        background-size: 790px 10px;
        overflow: hidden;
        background-color: transparent
        }
    html body.tablet #page .page-inner .main .main-inner {
        width: 748px;
        margin: 0 auto;
        padding: 15px 10px 0 10px;
        overflow: hidden
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content {
        float: none;
        width: 492px
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content > .content-inner {
        padding: 0;
        margin: 0
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content > .content-inner > .content-area {
        padding: 0
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content > .content-inner .content-top .adspace {
        width: auto;
        height: auto
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content > .content-inner .content-top .adspace > a {
        display: inline-block
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content > .content-inner .content-top .adspace > a > img {
        width: auto;
        height: auto;
        max-width: 482px;
        min-height: 65px
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content h2.static-title {
        margin: 0 0 16px 0;
        background: none;
        border-bottom: 2px dotted
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content .block-account-profile {
        width: auto
        }
    html body.tablet #page .page-inner .main .main-inner .Content-div #content .block-account-profile .profile {
        margin-left: 0
        }
    html body.tablet #page .page-inner .main .main-inner .sidebar-left {
        float: none;
        width: 250px
        }
    html body.tablet #page .page-inner .main .main-inner .sidebar-left .menu-secondary {
        display: none
        }
    html body.tablet #page .page-inner .main .main-inner .sidebar-left .block, html body.tablet #page .page-inner .main .main-inner .sidebar-left .block-inner {
        margin: 0
        }
    html body.tablet #page .page-inner .footer {
        width: 790px
        }
    html body.tablet #page .page-inner .footer .region-footer {
        width: 790px;
        margin: 0 auto
        }
    html body.tablet #page .page-inner .footer .region-footer .footer-block {
        background-size: 790px 186px;
        padding: 0 31px 15px 31px;
        height: 232px;
        position: relative;
        background-color: transparent
        }
    html body.tablet #page .page-inner .footer .region-footer .footer-block:before {
        content: "";
        background-image: url(../images/bg_main_wh-bl.png);
        display: block;
        height: 100%;
        width: 790px;
        position: absolute;
        z-index: -1;
        left: 0;
        background-size: 790px 10px;
        bottom: 1px
        }
    html body.tablet #page .page-inner .footer .region-footer .footer-block .menu-poweredby {
        float: none;
        background: none;
        width: 100%
        }
    html body.tablet #page .page-inner .footer .region-footer .footer-block .menu-poweredby > ul {
        text-align: center
        }
    html body.tablet #page .page-inner .footer .region-footer .footer-block .menu-poweredby > ul li {
        display: inline-block;
        float: none
        }
    html body.tablet #page .page-inner .footer .region-footer .footer-block .menu-poweredby > p {
        margin: 0
        }
    html body.tablet #page .page-inner .footer .region-footer .footer-block .menu-sponsors {
        float: none;
        padding: 0;
        width: auto
        }
    html body.tablet #page .page-inner .footer .region-footer .footer-block .menu-sponsors a.sponsors-images-link {
        display: block;
        background: none;
        text-align: center
        }
    html body.tablet.sidebar-left-hidden-rspnsv #page .page-inner .main .main-inner .sidebar-left {
        display: none
        }
    html body.tablet.sidebar-left-hidden-rspnsv #page .page-inner .main .main-inner .Content-div #content {
        width: 614px;
        margin: 0 auto
        }
    html body.tablet.sidebar-left-hidden-rspnsv #page .page-inner .main .main-inner .Content-div #content form .form-top {
        padding-right: 12px
        }
    html body.tablet.sidebar-left-hidden-rspnsv #page .page-inner .main .main-inner .Content-div #content .box.box-width-full {
        margin: 0 auto 15px auto
        }
    html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .sidebar-content-parent {
        font-size: 0
        }
    html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .sidebar-content-parent .sidebar-left, html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .sidebar-content-parent .main-content-container {
        float: none;
        display: inline-block !important;
        vertical-align: top;
        font-size: 12px;
        overflow: hidden
        }
    html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .sidebar-content-parent .sidebar-left {
        margin-right: 5px
        }
    html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .sidebar-content-parent .main-content-container {
        width: 492px
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner {
        font-size: 0
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .Content-div, html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .CMS-div {
        display: inline-block;
        vertical-align: top;
        font-size: 12px
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .CMS-div .sidebar-left {
        overflow: hidden;
        margin-right: 6px
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .Content-div {
        width: 492px;
        overflow: hidden
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .box.box-width-full, html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .box.box-width-full {
        width: 492px
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .box.box-width-full .box-inner .box-top, html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .box.box-width-full .box-inner .box-top {
        background-size: 492px 38px
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .box.box-width-full .box-inner .box-content, html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .box.box-width-full .box-inner .box-content {
        background-size: 492px 10px
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .box.box-width-full .box-inner .box-btm, html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .box.box-width-full .box-inner .box-btm {
        background-size: 492px 10px
        }
    html body.tablet.sidebar-left-in-cms-div #page .page-inner .main .main-inner .box.box-width-full.box-collapsed .box-inner .box-top, html body.tablet.sidebar-left-in-content-div #page .page-inner .main .main-inner .box.box-width-full.box-collapsed .box-inner .box-top {
        background-size: 492px 34px
        }
    html body.tablet.page-home #page .page-inner .main .main-inner {
        width: 728px;
        padding: 15px 20px 0 20px
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div {
        font-size: 0;
        position: relative
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content {
        width: 456px;
        display: inline-block;
        vertical-align: top;
        margin: 0 20px 0 0;
        font-size: 12px
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content .content-wide {
        float: none !important;
        width: auto;
        padding: 0 0 10px 0
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content .content-wide .content-col-left {
        padding: 0;
        display: block;
        float: none;
        margin-bottom: 5px
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content .content-wide .content-col-left .node-find-volunteer-opportunities {
        height: auto;
        background-size: 442px 100%
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content {
        margin: 0
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content .box .box-btm {
        display: none
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content .content-wide .content-col-left > p.form-required {
        float: none;
        margin: 0
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content .content-wide .content-col-right {
        float: none;
        display: block
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div #content .node-latest-news {
        width: 100%
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div .optPnlRgtSec {
        display: inline-block;
        vertical-align: top;
        width: 250px;
        font-size: 12px;
        float: none;
        position: absolute;
        top: 0;
        right: 0
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div .optPnlRgtSec .sidebar-right {
        float: none;
        width: 100%
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div .optPnlRgtSec .sidebar-right > .region-right {
        width: 100%;
        margin: 0
        }
    html body.tablet.page-home #page .page-inner .main .main-inner .Content-div .optPnlRgtSec .sidebar-right > .region-right > .block > .block-inner {
        margin: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .sidebar-left {
        display: none
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div #content {
        width: auto
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide {
        width: auto;
        padding: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar {
        margin: 0;
        width: auto
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box {
        width: auto
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-top {
        width: 708px;
        background-size: 748px 43px;
        background-repeat: no-repeat
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content {
        width: 714px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right {
        float: none;
        width: 100%
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left {
        padding-bottom: 6px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column {
        float: none;
        width: 100%;
        font-size: 0;
        margin-bottom: 4px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column > p {
        font-size: 12px;
        display: inline-block;
        margin: 0 4px 0 0;
        vertical-align: top
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column > p > label {
        max-width: 234px;
        display: inline-block;
        max-height: 15px;
        overflow: hidden
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column > p span.text-wrapper {
        display: block;
        background-size: 234px 26px;
        margin: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column > p span.text-wrapper input.form-text {
        width: 218px;
        margin: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column > p .multiSelect, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column > p .selectbox {
        width: 196px;
        background-size: 234px 26px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column > p:last-of-type {
        margin: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column > p.sub-title {
        display: block;
        margin: 0 0 12px 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right {
        border-left: none;
        padding: 6px 0 0 0;
        border-top: dotted 2px #c8c7bb;
        font-size: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right > p {
        font-size: 12px;
        display: inline-block;
        margin: 0 4px 0 0;
        vertical-align: top
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right > p span.text-wrapper {
        display: block;
        background-size: 354px 26px;
        margin: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right > p span.text-wrapper input.form-text {
        width: 338px;
        margin: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right > p:last-of-type {
        margin: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right > p.sub-title {
        display: block;
        margin: 0 0 12px 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .buttons {
        padding-top: 6px;
        font-size: 12px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .buttons .save-search-btn {
        width: 121px;
        margin: 0 6px 0 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .buttons .load-search-btn {
        width: 192px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-btm {
        width: 100%;
        background-size: 100% 43px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 {
        display: block
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-top, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-btm {
        overflow: hidden
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-top .calendar-nav-month {
        margin: 10px auto 0 auto
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-btm .calendar-nav-month {
        margin: 4px auto 10px auto
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-nav-month {
        float: none;
        width: 212px;
        font-size: 0
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-nav-month > * {
        float: none;
        display: inline-block
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body {
        border: solid #dfded6 2px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table {
        width: 722px;
        table-layout: fixed;
        border-spacing: 3px;
        border-collapse: separate
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table thead tr th, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table thead tr th.weekend {
        width: 103px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table tbody tr td.weekday, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table tbody tr td.weekend {
        width: auto;
        height: auto;
        background: #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 4px 0 #bfbdb5
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table tbody tr td.weekday .wrap-top, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table tbody tr td.weekend .wrap-top {
        border-bottom: 1px solid #bfbdb5;
        width: auto
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table tbody tr td.weekday .wrap-eventlist, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table tbody tr td.weekend .wrap-eventlist {
        height: 205px;
        width: auto;
        padding: 0 5px 0 5px
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table tbody tr td.weekday .wrap-eventlist ul.day li a, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-body table.calendar-table tbody tr td.weekend .wrap-eventlist ul.day li a {
        padding: 9px 0 10px 0;
        width: auto
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-controls form {
        margin: 0;
        text-align: center
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-controls form > p.form-item {
        display: inline-block
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-controls form > p.form-item > label, html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-controls form > p.form-item .selectbox {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.tablet.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .Panel1 .calendar-calendar .calendar-controls form > p.form-item > label {
        width: auto
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner {
        margin: 0
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box {
        float: none;
        width: 250px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-top, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-top, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-btm, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-btm {
        background-color: transparent
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-top, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-top {
        padding: 0 20px 0 10px;
        overflow: hidden;
        background-size: 250px 38px;
        position: relative
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content {
        padding: 8px 8px;
        background-size: 250px 10px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .form-item > label, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .form-item > label {
        float: none;
        display: block
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .form-item .selectwrapper, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .form-item .selectwrapper {
        margin: 0
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .form-item .multiSelect, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .form-item .multiSelect, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .form-item .selectbox, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .form-item .selectbox {
        float: none
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .multiSelectOptions, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .multiSelectOptions, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .selectwrapper, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .selectwrapper {
        max-width: 234px !important
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .container-full .text-wrapper, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .container-full .text-wrapper {
        display: block;
        padding: 0 8px 6px 8px;
        margin: 0;
        background-size: 234px 27px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .container-full .form-text, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .container-full .form-text {
        width: 218px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .container-full .multiSelect, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .container-full .multiSelect, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .container-full .selectbox, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-content .container-full .selectbox {
        width: 196px;
        background-size: 234px 26px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-btm, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box .box-btm {
        background-size: 250px 10px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-top, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-top {
        padding: 0 10px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-top h3.title, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-top h3.title {
        float: none
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-top h3.title .hon_img, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-top h3.title .hon_img {
        background-size: 230px 24px;
        width: 230px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-from, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-from, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-to, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-to {
        float: none;
        display: inline-block;
        width: auto
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-from .form-item label, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-from .form-item label, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-to .form-item label, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-to .form-item label {
        display: block;
        float: none
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-from .form-item .text-wrapper .form-text, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-from .form-item .text-wrapper .form-text, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-to .form-item .text-wrapper .form-text, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .date-to .form-item .text-wrapper .form-text {
        width: 72px !important;
        margin-right: 8px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .form-item.zipcode .text-wrapper, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-nocollapse .box-content .form-item.zipcode .text-wrapper {
        background-size: 100% 26px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-collapsed .box-top, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-collapsed .box-top {
        background-size: 250px 34px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-volunteer-search-availability .box-content table th, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-volunteer-search-availability .box-content table th, html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-volunteer-search-availability .box-content table td, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-volunteer-search-availability .box-content table td {
        padding: 3px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .form-item > label, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .form-item > label {
        display: inline-block
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .text-wrapper, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .text-wrapper {
        display: inline-block;
        background-size: 114px 26px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .form-text, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .form-text {
        width: 100px
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.color-green .box-inner, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node .node-inner .box.color-green .box-inner {
        border-radius: 8px;
        overflow: hidden;
        background-color: #2f9222
        }
    html body.tablet.page-search #page .main .Content-div .search-form .sidebar-left .node-volunteer-advanced-search .static-title, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .node-volunteer-advanced-search .static-title {
        margin-left: 4px
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content > .content-inner, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content > .content-inner {
        padding: 0 !important
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .node-inner, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .node-inner {
        position: relative
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .content, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .content {
        background-size: 100% 42px
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .content .aw-grid-control, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .content .aw-grid-control {
        padding-right: 0
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .content .btm, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .content .btm {
        background-size: 100% 43px;
        width: auto
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .content .loadMoreButton, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content > .content-inner .volunteer-opportunities-search-results .content .loadMoreButton {
        width: auto
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content.grid-loading .aw-grid-container, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-loading .aw-grid-container, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-error-msg .aw-grid-container, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-error-msg .aw-grid-container {
        display: none
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content.grid-loading .new-search-load, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-loading .new-search-load, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-error-msg .new-search-load, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-error-msg .new-search-load, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-loading .errMsg, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-loading .errMsg, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-error-msg .errMsg, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-error-msg .errMsg {
        position: relative;
        height: 650px !important;
        width: auto
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content.grid-loading .new-search-load .load-image-container, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-loading .new-search-load .load-image-container, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-error-msg .new-search-load .load-image-container, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-error-msg .new-search-load .load-image-container, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-loading .errMsg .load-image-container, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-loading .errMsg .load-image-container, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-error-msg .errMsg .load-image-container, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-error-msg .errMsg .load-image-container, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-loading .new-search-load .errMsg-inner, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-loading .new-search-load .errMsg-inner, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-error-msg .new-search-load .errMsg-inner, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-error-msg .new-search-load .errMsg-inner, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-loading .errMsg .errMsg-inner, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-loading .errMsg .errMsg-inner, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-error-msg .errMsg .errMsg-inner, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-error-msg .errMsg .errMsg-inner {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
        }
    html body.tablet.page-search #page .main .Content-div .search-form #content.grid-loading .new-search-load .load-image-container, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-loading .new-search-load .load-image-container, html body.tablet.page-search #page .main .Content-div .search-form #content.grid-error-msg .new-search-load .load-image-container, html body.tablet.page-all-for-good-search #page .main .Content-div .search-form #content.grid-error-msg .new-search-load .load-image-container {
        width: 450px;
        height: 150px
        }
    html body.tablet.page-all-for-good-search #page .main .Content-div .search-form .sidebar-left .box-basic-search .box-content .container-inline {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 114px
        }
    html body.tablet.page-browse-organizations #page .page-inner .main .main-inner .Content-div .filter-first-letter-container {
        text-align: center
        }
    html body.tablet.page-volunteer-skills #page #content .node-volunteer-personal-skills .box .box-content {
        padding: 8px
        }
    html body.tablet.page-volunteer-skills #page #content .node-volunteer-personal-skills .box .box-content .sliders .container-full p.form-item {
        width: 154px;
        position: relative;
        margin-right: 10px
        }
    html body.tablet.page-volunteer-skills #page #content .node-volunteer-personal-skills .box .box-content .sliders .container-full p.form-item .imagewrapper-small {
        position: absolute;
        left: 0;
        width: 184px
        }
    html body.tablet.page-volunteer-skills #page #content .node-volunteer-personal-skills .box .box-content .sliders .container-full p.form-item .imagewrapper-small a {
        padding: 0 2px 0 8px
        }
    html body.tablet.page-volunteer-skills #page #content .node-volunteer-personal-skills .box .box-content .sliders .container-full p.form-item .imagewrapper-small span.rt-small {
        width: 10px
        }
    html body.tablet.page-volunteer-skills #page #content .node-volunteer-personal-skills .box .box-content .sliders .container-full .slider-labels {
        margin-left: 55px
        }
    html body.tablet.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-controls {
        margin: 0
        }
    html body.tablet.page-browse-organizations #page .main #content .aw-grid-container, html body.tablet.page-search-public-teams #page .main #content .aw-grid-container, html body.tablet.page-partners #page .main #content .aw-grid-container {
        width: 592px;
        margin: 0 auto
        }
    html body.tablet.page-volunteer-opportunity-details #page .main .Content-div #content .opportunity-stats {
        margin-right: 0
        }
    html body.tablet.page-volunteer-opportunity-details #page .main .Content-div #content .opportunity-stats .box {
        float: none;
        width: auto
        }
    html body.tablet.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet .box-content p.sign-up a.link_signup, html body.tablet.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet .box-content p.sign-up .element-visible {
        display: inline-block;
        float: none;
        vertical-align: top
        }
    html body.tablet.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup {
        width: auto
        }
    html body.tablet.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item {
        position: relative
        }
    html body.tablet.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item.choose-one-of-your-teams .selectwrapper {
        left: 134px !important
        }
    html body.tablet.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item.choose-existing-team .selectwrapper {
        left: 160px !important
        }
    html body.tablet.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup {
        width: auto
        }
    }
@media only screen and (max-device-width: 699px), only screen and (max-width: 699px), not screen and (device-width: 906px) and (device-height: 601px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    html body.mobile {
        min-width: 330px;
        text-align: left
        }
    html body.mobile .hidden-rspnsv {
        display: none !important
        }
    html body.mobile .mm-menu .mm-panels .mm-panel .mm-navbar .mm-title {
        font-size: 16px
        }
    html body.mobile #page {
        width: 100%;
        overflow: hidden
        }
    html body.mobile #page .page-inner {
        width: 330px;
        margin: 0 auto;
        overflow: hidden
        }
    html body.mobile #page .page-inner .header {
        width: 330px;
        background-size: 330px 100%;
        background-color: transparent;
        height: auto
        }
    html body.mobile #page .page-inner .header .header-inner {
        position: relative;
        padding: 13px 0 0 0
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-left {
        float: none;
        position: relative;
        padding: 15px 0 10px 0;
        width: auto;
        text-align: center;
        height: auto
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-left .affiliate-location {
        display: none
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-left h1.logo {
        display: inline-block;
        padding: 0;
        float: none
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-left h1.logo img {
        max-width: 310px;
        height: auto
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-left .header-home-banner {
        display: none
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-right {
        float: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: auto;
        height: auto;
        background: none;
        padding: 22px 0 0 0
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-right .menu-affiliate {
        display: none
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-right .affiliate-member {
        background: none;
        padding: 0;
        width: auto;
        height: auto;
        margin: 0
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-right .affiliate-member > .login {
        position: relative
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-right .affiliate-member .link_login_wrapper {
        float: none;
        width: auto
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-right .affiliate-member a.link_login, html body.mobile #page .page-inner .header .header-inner .header-block-right .affiliate-member a.link_logout {
        background: none;
        width: auto;
        display: inline-block;
        color: #fff;
        text-indent: 0;
        padding: 12px 14px;
        font-size: 14px;
        font-weight: bold;
        height: auto
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-right .affiliate-member.expand a.link_login {
        background: url(../images/bg_affiliatelogin.png);
        background-repeat: repeat-y;
        border-top-left-radius: 5px;
        background-size: 261px auto;
        background-position: right top;
        border-top-right-radius: 5px;
        text-shadow: 1px 0 #5f574f
        }
    html body.mobile #page .page-inner .header .header-inner .header-block-right .affiliate-member.expand .affiliate-login {
        margin: 0 !important;
        top: 34px;
        right: 0;
        height: auto !important;
        border-radius: 5px;
        border-top-right-radius: 0;
        float: none !important
        }
    html body.mobile #page .page-inner .header .menu-section-volorg {
        display: none
        }
    html body.mobile #page .page-inner .navbar {
        width: 330px;
        background-size: 324px 71px;
        margin: -1px 0
        }
    html body.mobile #page .page-inner .navbar .menu-primary {
        display: none
        }
    html body.mobile #page .page-inner .navbar .mmenu-open {
        display: inline-block;
        color: #fff;
        font-size: 0;
        outline: 0
        }
    html body.mobile #page .page-inner .navbar .mmenu-open:before {
        content: "";
        font-family: FontAwesome;
        display: block;
        font-size: 26px;
        padding-top: 12px
        }
    html body.mobile #page .page-inner .navbar .VolStd, html body.mobile #page .page-inner .navbar .OrgStd {
        display: none
        }
    html body.mobile #page .page-inner .main {
        width: 330px;
        background-size: 330px 10px;
        overflow: hidden;
        background-color: transparent
        }
    html body.mobile #page .page-inner .main .main-inner {
        width: 310px;
        margin: 0 auto;
        padding: 8px 5px 0 5px;
        overflow: hidden
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div {
        padding-bottom: 60px
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content {
        float: none;
        margin: 0;
        width: 310px
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .content-inner {
        padding: 0;
        margin: 0;
        min-height: auto
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .content-inner .content-area {
        padding: 0
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .content-inner .content-area img, html body.mobile #page .page-inner .main .main-inner .Content-div #content .content-inner .content-area iframe {
        padding-left: 0;
        padding-right: 0;
        max-width: 310px;
        height: auto
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .content-inner .content-area .node .node-inner {
        padding-right: 0;
        padding-left: 0
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .content-inner .content-top .adspace {
        width: auto;
        height: auto
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .content-inner .content-top .adspace > a {
        display: inline-block
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .content-inner .content-top .adspace > a > img {
        width: auto;
        height: auto;
        max-width: 300px;
        min-height: 65px
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content h2.title {
        margin: 0 0 13px 0;
        padding-right: 0;
        padding-left: 0
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .form-message {
        width: auto
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .selectbox-container {
        position: relative;
        display: block
        }
    html body.mobile #page .page-inner .main .main-inner .Content-div #content .selectbox-container .selectwrapper {
        margin: 0 !important;
        left: 0 !important;
        top: 24px !important
        }
    html body.mobile #page .page-inner .main .main-inner .sidebar-left {
        display: none;
        width: auto;
        float: none;
        margin: 0;
        overflow: hidden
        }
    html body.mobile #page .page-inner .main .main-inner .sidebar-left .menu-secondary {
        display: none
        }
    html body.mobile #page .page-inner .main .main-inner .sidebar-left .block, html body.mobile #page .page-inner .main .main-inner .sidebar-left .block-inner {
        margin: 0
        }
    html body.mobile #page .page-inner .footer {
        width: 330px
        }
    html body.mobile #page .page-inner .footer .region-footer {
        width: 330px;
        margin: 0 auto
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block {
        background-size: 330px 186px;
        padding: 0 10px 20px 10px;
        height: auto;
        position: relative;
        background-color: transparent
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block:before {
        content: "";
        background-image: url(../images/bg_main_wh-bl.png);
        display: block;
        height: 100%;
        width: 330px;
        position: absolute;
        z-index: -1;
        left: 0;
        background-size: 330px 10px;
        bottom: 1px
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-poweredby {
        float: none;
        background: none;
        width: 100%
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-poweredby > p {
        margin: 0
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-poweredby > ul {
        display: block;
        text-align: center
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-poweredby > ul li {
        float: none;
        display: inline-block;
        padding: 0
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-sponsors {
        float: none;
        padding: 0;
        width: auto;
        height: auto
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-sponsors a.sponsors-images-link {
        display: block;
        background: none;
        text-align: center
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-sponsors a.sponsors-images-link img:first-child {
        display: none
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-sponsors a.sponsors-images-link .sponsors-images-mobile {
        display: inline-block
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-sponsors p.more-link {
        float: none
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-sponsors p.more-link a {
        float: right
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-block .menu-sponsors p.more-link:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-message {
        padding: 0 15px;
        text-align: center
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-message .block-inner {
        margin: 0
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-message .block-inner .footer-message-bottom-links .img_footer_sep {
        display: block;
        height: 0;
        background: none
        }
    html body.mobile #page .page-inner .footer .region-footer .footer-message .block-inner .footer-message-bottom-links a {
        display: inline-block
        }
    html body.mobile.sidebar-left-in-content-div #page .page-inner .main .main-inner .Content-div #content > .content-inner, html body.mobile.sidebar-left-in-cms-div #page .page-inner .main .main-inner .Content-div #content > .content-inner {
        min-height: auto
        }
    html body.mobile.sidebar-left-in-content-div #page .page-inner .main .main-inner .sidebar-left, html body.mobile.sidebar-left-in-cms-div #page .page-inner .main .main-inner .sidebar-left {
        display: block
        }
    html body.mobile.sidebar-left-in-content-div #page .page-inner .main .main-inner .sidebar-left .block, html body.mobile.sidebar-left-in-cms-div #page .page-inner .main .main-inner .sidebar-left .block {
        margin-bottom: 20px
        }
    html body.mobile.sidebar-left-at-bottom #page .page-inner .main .main-inner .Content-div {
        padding-bottom: 20px;
        border-bottom: 2px dotted
        }
    html body.mobile.sidebar-left-at-bottom #page .page-inner .main .main-inner .sidebar-left {
        padding-top: 10px;
        padding-bottom: 60px
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide {
        float: none;
        padding: 0 0 20px 0;
        width: auto
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-right, html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left {
        float: none;
        display: block;
        width: auto
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left {
        padding: 0;
        margin-bottom: 6px
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities {
        width: auto;
        height: auto;
        background-size: 100% 100%
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner {
        padding: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content {
        margin: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box {
        float: none;
        width: auto;
        padding: 10px
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-top {
        padding: 0;
        margin-bottom: 4px
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-top h3.title {
        float: none;
        width: auto;
        margin: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-top h3.title .hon_img {
        width: auto;
        display: block;
        padding: 0;
        background-size: 100% auto
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content {
        padding: 0;
        overflow: visible
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content .form-item {
        padding: 0;
        width: 290px;
        margin: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content .form-item > label {
        float: none;
        display: block;
        width: auto;
        text-align: left;
        font-size: 12px
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content .form-item .text-wrapper {
        margin: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content .form-item.keyword .text-wrapper {
        display: block;
        background-size: 100% 31px;
        padding: 7px 8px;
        width: 274px
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content .form-item.keyword .text-wrapper .form-text {
        margin: 0;
        width: 100%
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content .form-item.zip {
        margin: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content .form-item .selectbox-wrapper {
        position: relative;
        overflow: visible
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content .form-item .selectbox-wrapper .selectwrapper {
        left: auto !important;
        width: 288px !important
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content p.advancedsearch.widgetIsActive {
        float: none;
        text-align: right;
        margin: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-content p.advancedsearch.widgetIsActive a.link_advancedsearch {
        display: inline-block
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > .node-inner > .content form .box .box-btm {
        display: none
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-left .node-find-volunteer-opportunities > p.form-required {
        float: none;
        margin: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-right .content-test {
        width: auto;
        height: auto
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div .content-wide .content-col-right .content-test > a > img {
        width: 310px;
        height: auto
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div #content .content-inner {
        padding: 0
        }
    html body.mobile.page-home #page .page-inner .main .main-inner .Content-div #content .content-inner .node-latest-news {
        width: auto;
        margin: 0
        }
    html body.mobile.page-calendar #page .page-inner .main {
        overflow: visible
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner {
        overflow: visible
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .sidebar-left {
        display: none
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div #content .content-area > .node {
        margin: 0
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div #content .content-area > .node .node-inner > .content {
        margin: 0
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide {
        width: auto;
        padding: 0
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar {
        width: auto;
        margin: 0
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box {
        width: 310px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-top {
        width: auto;
        background: #dfded6;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 0 20px 0 10px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content {
        width: auto
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content div.column-left, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content div.column {
        float: none;
        width: auto;
        padding: 0;
        border: none
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .column:first-child + .column > p.sub-title {
        display: none
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .text-wrapper, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .text-wrapper {
        display: block;
        background-size: 100% 26px;
        margin: 0
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .text-wrapper .form-text, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .text-wrapper .form-text {
        margin: 0;
        width: 260px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .multiSelect, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .multiSelect, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .selectbox, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .selectbox {
        width: 238px;
        background-size: 100% 26px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .multiSelectOptions, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .multiSelectOptions, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-left .selectwrapper, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-content .column-right .selectwrapper {
        width: 274px !important
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-filters form > .box .box-btm {
        width: auto;
        background: #dfded6;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-top, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-btm {
        width: 310px;
        height: auto;
        background-image: none
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-top .calendar-nav-year, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-btm .calendar-nav-year, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-top .calendar-nav-month, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-btm .calendar-nav-month {
        width: auto;
        float: none;
        text-align: center
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-top .calendar-nav-year, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-btm .calendar-nav-year {
        background: none;
        padding: 5px 12px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-top .calendar-nav-month, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-btm .calendar-nav-month {
        margin: 0;
        font-size: 0;
        height: 24px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-top .calendar-nav-month > *, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-btm .calendar-nav-month > * {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-top {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-btm {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden;
        padding-bottom: 10px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table {
        width: auto;
        display: block
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table thead, html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tfoot {
        display: none
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tbody {
        display: block;
        padding: 2px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tbody tr {
        display: block
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tbody tr td {
        display: block;
        width: auto;
        height: auto;
        min-height: 50px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 4px 0 #bfbdb5;
        overflow: hidden;
        margin-top: 6px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tbody tr td .wrap-top {
        border-bottom: 1px solid #bfbdb5;
        width: auto
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tbody tr td .wrap-eventlist {
        height: auto;
        width: auto
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tbody tr td .wrap-eventlist ul.day li a {
        width: auto;
        background-size: 100% auto
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tbody tr td .wrap-eventlist ul.day li .event-tip {
        display: none !important
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-body .calendar-table tbody tr td.out .wrap-top {
        border-bottom: 1px solid #e4e2df
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-controls {
        height: auto
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-controls > form {
        margin: 0
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-controls > form p.form-item {
        text-align: center;
        position: relative;
        margin: 0;
        padding-bottom: 8px
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-controls > form p.form-item > label {
        float: none;
        width: auto;
        display: block;
        margin: 0;
        padding: 6px 0 2px 0;
        text-align: center
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-controls > form p.form-item .selectbox {
        display: inline-block
        }
    html body.mobile.page-calendar #page .page-inner .main .main-inner .Content-div .content-wide .calendar .calendar-calendar .calendar-controls > form p.form-item .selectwrapper {
        left: 62px !important
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .region-left .node, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .region-left .node {
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .region-left .node .node-inner .content, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .region-left .node .node-inner .content {
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .region-left .node .node-inner .content > .box, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .region-left .node .node-inner .content > .box {
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner {
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box {
        float: none;
        width: 310px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-top, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-top, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-btm, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-btm {
        background-color: transparent
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-top, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-top {
        background-size: 100% 38px;
        overflow: hidden
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content {
        background-size: 100% 10px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .form-item > label, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .form-item > label {
        float: none;
        display: block
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .text-wrapper, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .text-wrapper {
        background-size: 100% 27px;
        display: block;
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .form-text, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .form-text {
        width: 260px;
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .selectbox-container, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .selectbox-container {
        position: relative
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .multiSelect, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .multiSelect, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .selectbox, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-content .container-full .selectbox {
        float: none;
        width: 236px;
        background-size: 100% 26px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-btm, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-top h3.title, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-top h3.title {
        float: none
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-top h3.title .hon_img, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-top h3.title .hon_img {
        background-size: 100% 24px;
        display: block;
        width: auto
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .selectwrapper, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .selectwrapper {
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 49%
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline .form-item > label, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline .form-item > label {
        float: none;
        display: inline-block
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline .form-item .text-wrapper, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline .form-item .text-wrapper {
        display: inline-block;
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline .form-item .text-wrapper .form-text, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline .form-item .text-wrapper .form-text {
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline .form-item .selectbox, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline .form-item .selectbox {
        float: none
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline.date-from .form-item .text-wrapper, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline.date-from .form-item .text-wrapper, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline.date-to .form-item .text-wrapper, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline.date-to .form-item .text-wrapper {
        background-size: 92px 26px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline.date-from .form-item .text-wrapper .form-text, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline.date-from .form-item .text-wrapper .form-text, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline.date-to .form-item .text-wrapper .form-text, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-nocollapse .box-content .container-inline.date-to .form-item .text-wrapper .form-text {
        margin: 4px 8px 0 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-collapsed .box-top, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-collapsed .box-top {
        background-size: 100% 34px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .form-item > label, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .form-item > label {
        display: inline-block
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .text-wrapper, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .text-wrapper {
        display: inline-block;
        background-size: 114px 26px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .form-text, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.box-expanded.box-invitation-code .box-content .container-full .form-text {
        width: 100px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.color-green .box-inner, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div .sidebar-left .node .node-inner .box.color-green .box-inner {
        border-radius: 8px;
        overflow: hidden;
        background-color: #2f9222
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area {
        padding: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results {
        margin: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner {
        position: relative
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner h2.static-title span.hon_img, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner h2.static-title span.hon_img {
        max-width: 310px;
        background-size: 100% 19px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .calendar-controls, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .calendar-controls {
        height: auto;
        padding: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .calendar-controls > p, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .calendar-controls > p, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .calendar-controls .calendar-legend, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .calendar-controls .calendar-legend {
        float: none
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .calendar-controls .calendar-legend li, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .calendar-controls .calendar-legend li {
        float: none;
        display: inline-block
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .loadMoreButton, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .loadMoreButton {
        height: 40px;
        padding-top: 20px;
        font-size: medium;
        font-weight: bolder;
        background-color: #e9e6e3;
        cursor: pointer;
        text-align: center;
        border-radius: 5px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .NoRec .click-header-to-sort, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content .content-area .volunteer-opportunities-search-results .node-inner .NoRec .click-header-to-sort {
        display: none
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .aw-grid-mobile, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .aw-grid-mobile, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .aw-grid-mobile, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .aw-grid-mobile {
        display: none
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .errMsg, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .errMsg, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .errMsg, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .errMsg {
        position: relative;
        height: 200px !important;
        width: auto
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load .load-image-container, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load .load-image-container, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load .load-image-container, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load .load-image-container, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .errMsg .load-image-container, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .errMsg .load-image-container, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .errMsg .load-image-container, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .errMsg .load-image-container, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load .errMsg-inner, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load .errMsg-inner, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load .errMsg-inner, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load .errMsg-inner, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .errMsg .errMsg-inner, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .errMsg .errMsg-inner, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .errMsg .errMsg-inner, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .errMsg .errMsg-inner {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load .load-image-container, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load .load-image-container, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load .load-image-container, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load .load-image-container {
        width: 310px;
        height: 105px
        }
    html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load .load-image-container img, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-loading .new-search-load .load-image-container img, html body.mobile.page-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load .load-image-container img, html body.mobile.page-all-for-good-search #page .page-inner .main .main-inner .Content-div #content.grid-error-msg .new-search-load .load-image-container img {
        position: relative;
        left: -70px
        }
    html body.mobile.page-browse-organizations #page .page-inner .main .main-inner .Content-div #content .aw-grid-container {
        display: none
        }
    html body.mobile.page-browse-organizations #page .page-inner .main .main-inner .Content-div #content .filter-first-letter-container {
        display: none
        }
    html body.mobile.page-browse-organizations #page .page-inner .main .main-inner .Content-div #content .first-letter-filter-mobile-container {
        padding-bottom: 5px
        }
    html body.mobile.page-browse-organizations #page .page-inner .main .main-inner .Content-div #content .first-letter-filter-mobile-container .show-label-img {
        padding-right: 10px
        }
    html body.mobile.page-browse-organizations #page .page-inner .main .main-inner .Content-div #content .first-letter-filter-mobile-container .first-letter-filter-mobile {
        width: 80px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box, html body.mobile.page-organization-registration #page .main .Content-div #content form .box, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box {
        width: 310px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-top, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-top, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-top, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-top h3.title, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-top h3.title, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-top h3.title, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-top h3.title .hon_img, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-top h3.title .hon_img, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-top h3.title .hon_img, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-top h3.title .hon_img .hon_span_hiden, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-top h3.title .hon_img .hon_span_hiden, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-top h3.title .hon_img .hon_span_hiden, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-top p.form-required, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-top p.form-required, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-top p.form-required, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content, html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-btm, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-btm, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-btm, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content {
        width: auto
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-nocollapse .box-top h3.title, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-nocollapse .box-top h3.title, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-nocollapse .box-top h3.title, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-expanded .box-top a.link_boxclose, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-expanded .box-top a.link_boxclose, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-expanded .box-top a.link_boxclose, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-expanded.required-fields .box-top h3.title, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-expanded.required-fields .box-top h3.title, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-expanded.required-fields .box-top h3.title, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-expanded.required-fields .box-top p.form-required, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-expanded.required-fields .box-top p.form-required, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-expanded.required-fields .box-top p.form-required, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-width-half .box-content .form-item .selectbox, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-width-half .box-content .form-item .selectbox, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-width-half .box-content .form-item .selectbox, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box.box-popup .box-top a.link_popupclose, html body.mobile.page-organization-registration #page .main .Content-div #content form .box.box-popup .box-top a.link_popupclose, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-popup .box-top a.link_popupclose, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .container-inline, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .container-inline, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .container-inline, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .container-inline {
        float: none;
        display: block;
        width: auto
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item {
        position: relative;
        margin-bottom: 4px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item > label, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item > label, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item > label, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item > label {
        padding-top: 0;
        float: none;
        display: block;
        width: auto;
        text-align: left
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .text-wrapper, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .text-wrapper, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .text-wrapper, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .text-wrapper {
        background-image: url(../images/form_input_287.png);
        display: block;
        width: auto;
        background-size: 100% 26px;
        padding: 5px 8px 4px 8px;
        margin: 0
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .text-wrapper .form-text, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .text-wrapper .form-text, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .text-wrapper .form-text, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .text-wrapper .form-text {
        margin: 0;
        width: 260px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .textarea-wrapper, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .textarea-wrapper, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .textarea-wrapper, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .textarea-wrapper {
        float: none;
        display: block;
        width: auto;
        background-size: 100% 80px;
        margin: 0
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .textarea-wrapper textarea, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .textarea-wrapper textarea, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .textarea-wrapper textarea, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .textarea-wrapper textarea {
        width: 266px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .selectbox, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .selectbox, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .selectbox, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .selectbox {
        width: auto;
        background-size: 100% 26px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .selectwrapper, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .selectwrapper, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .selectwrapper, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .selectwrapper {
        left: 0 !important;
        top: auto !important;
        width: 274px !important
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .multiSelect, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .multiSelect, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .multiSelect, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .multiSelect {
        width: 238px;
        background-size: 100% 26px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .multiSelectOptions, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .multiSelectOptions, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .multiSelectOptions, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .multiSelectOptions {
        width: 274px
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item.width-half .selectbox, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item.width-half .selectbox, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item.width-half .selectbox, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item.width-half .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item .field-wrapper, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item .field-wrapper, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item .field-wrapper, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item .field-wrapper {
        display: block
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item.zip .text-wrapper, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item.zip .text-wrapper, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item.zip .text-wrapper, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item.zip .text-wrapper {
        width: auto;
        display: inline-block
        }
    html body.mobile.page-volunteer-registration #page .main .Content-div #content form .box .box-content .form-item.zip .text-wrapper .form-text, html body.mobile.page-organization-registration #page .main .Content-div #content form .box .box-content .form-item.zip .text-wrapper .form-text, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box .box-content .form-item.zip .text-wrapper .form-text, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content form .box .box-content .form-item.zip .text-wrapper .form-text {
        width: 88px
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .form-top .form-item-submit {
        display: none
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box .box-content .form-checkboxes.receive-communications {
        padding-bottom: 10px
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content {
        position: relative
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .container-full {
        width: auto;
        padding-top: 160px
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .container-right {
        width: 276px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .container-right .photo-embed > span {
        display: block
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .container-right .photo-embed > span * {
        margin: 0 auto
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .container-right a.link_uploadphoto {
        display: inline-block
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox {
        background-size: auto
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox-container:first-of-type .selectbox {
        width: 64px
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox-container:first-of-type .selectwrapper {
        width: 99px !important
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox-container:first-of-type + .selectbox-container .selectbox {
        width: 30px
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox-container:first-of-type + .selectbox-container .selectwrapper {
        width: 66px !important
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .text-wrapper {
        width: auto;
        display: inline-block
        }
    html body.mobile.page-volunteer-registration #page .page-inner .main .main-inner .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .text-wrapper .form-text {
        width: 88px
        }
    html body.mobile.page-organization-registration #page .page-inner .main .main-inner .Content-div #content form .form-top .form-item-submit {
        display: none
        }
    html body.mobile.page-organization-registration #page .page-inner .main .main-inner .Content-div #content form .box .box-content .form-item.federal-ein {
        position: relative
        }
    html body.mobile.page-organization-registration #page .page-inner .main .main-inner .Content-div #content form .box .box-content .form-item.federal-ein > label {
        padding: 4px 0 !important
        }
    html body.mobile.page-organization-registration #page .page-inner .main .main-inner .Content-div #content form .box .box-content .form-item.federal-ein .link_popuphelp {
        position: absolute;
        margin: 0;
        top: 0;
        left: 80px
        }
    html body.mobile.page-organization-registration #page .page-inner .main .main-inner .Content-div #content form .box .box-content .form-item.logo {
        text-align: center
        }
    html body.mobile.page-search-widget .box-searchwidget .box-searchwidget-html table .textarea-wrapper, html body.mobile.page-search-widget .box-searchwidget .box-searchwidget-js table .textarea-wrapper {
        background-size: 100% 100%
        }
    html body.mobile.page-search-widget .box-searchwidget .box-searchwidget-html table textarea, html body.mobile.page-search-widget .box-searchwidget .box-searchwidget-js table textarea {
        width: 300px
        }
    html body.mobile.page-search-widget .box-searchwidget .box-searchwidget-html table .textarea-wrapper {
        width: auto
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile {
        width: auto;
        padding: 0
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile {
        margin: 0
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats {
        float: none;
        margin: 0;
        width: auto;
        background-size: 100% 5px;
        margin-bottom: 15px
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .top {
        width: auto;
        background-size: 100% 8px
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .btm {
        width: auto;
        background-size: 100% 7px
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid {
        width: auto;
        font-size: 0;
        text-align: center
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left, html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        display: inline-block;
        font-size: 12px;
        vertical-align: top
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left .num, html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .num {
        display: block
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left br, html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right br {
        display: none
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left {
        width: 50%;
        position: relative
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left a.link_popuphelp {
        position: absolute;
        float: none;
        right: 4px;
        top: 35px;
        margin: 0
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left strong {
        margin-right: 12px
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        width: 49%;
        background: none;
        border-left: 2px dotted #928b81
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .captain-of {
        background: none
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .stats .mid p {
        padding: 0
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .invite-notice a.link_clickhere {
        background: none;
        padding: 0;
        display: block
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .invite-notice a.link_clickhere:after {
        content: "";
        background-image: url(../images/link_clickhere_blgr.png);
        display: inline-block;
        height: 16px;
        width: 79px;
        background-position: top left
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .block-account-profile .profile .invite-notice a.link_clickhere:hover:after {
        background-position: bottom left
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .node h2.title {
        margin: 0 0 12px 0
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .node.node-upcoming-opportunities .addtocalendar .atcb-list {
        left: auto;
        right: 0
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .node.node-upcoming-opportunities .aw-grid-mobile .row .column:first-child + .column + .column + .column .column-data > a {
        display: block
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .node.node-upcoming-opportunities .aw-grid-mobile .row .column:first-child + .column + .column + .column .column-data > br {
        display: none
        }
    html body.mobile.page-volunteer-account-overview #page .main .Content-div #content .node.node-upcoming-opportunities .aw-grid-mobile .row:last-child .addtocalendar .atcb-list {
        top: -130px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile {
        width: auto;
        padding: 0
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile {
        margin: 0
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats {
        float: none;
        margin: 0;
        width: auto;
        background-size: 100% 5px;
        margin-bottom: 15px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .top {
        width: auto;
        background-size: 100% 8px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .btm {
        width: auto;
        background-size: 100% 7px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid {
        width: auto;
        font-size: 0;
        text-align: center
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        display: inline-block;
        font-size: 12px;
        vertical-align: top
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left .num, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .num {
        display: block
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left br, html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right br {
        display: none
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left {
        width: 50%;
        position: relative
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left a.link_popuphelp {
        position: absolute;
        float: none;
        right: 4px;
        top: 35px;
        margin: 0
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left strong {
        margin-right: 12px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        width: 49%;
        background: none;
        border-left: 2px dotted #928b81
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .captain-of {
        background: none
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .stats .mid p {
        padding: 0
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content .block-account-profile .profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content {
        position: relative
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .container-full {
        width: auto;
        padding-top: 160px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .container-right {
        width: 276px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .container-right .photo-embed > span {
        display: block
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .container-right .photo-embed > span * {
        margin: 0 auto
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .container-right a.link_uploadphoto {
        display: inline-block
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox {
        background-size: auto
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox-container:first-of-type .selectbox {
        width: 64px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox-container:first-of-type .selectwrapper {
        width: 99px !important
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox-container:first-of-type + .selectbox-container .selectbox {
        width: 30px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .selectbox-container:first-of-type + .selectbox-container .selectwrapper {
        width: 66px !important
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .text-wrapper {
        width: auto;
        display: inline-block
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-basic-info .box-content .form-item.select100 .text-wrapper .form-text {
        width: 88px
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-login-information .box-content .reset-password .form-message {
        margin-left: 0
        }
    html body.mobile.page-volunteer-personal-information #page .main .Content-div #content form .box.box-demographic-custom-question .box-content .additional-question {
        padding-left: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile {
        width: auto;
        padding: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile {
        margin: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats {
        float: none;
        margin: 0;
        width: auto;
        background-size: 100% 5px;
        margin-bottom: 15px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .top {
        width: auto;
        background-size: 100% 8px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .btm {
        width: auto;
        background-size: 100% 7px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid {
        width: auto;
        font-size: 0;
        text-align: center
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left, html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        display: inline-block;
        font-size: 12px;
        vertical-align: top
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left .num, html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .num {
        display: block
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left br, html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right br {
        display: none
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left {
        width: 50%;
        position: relative
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left a.link_popuphelp {
        position: absolute;
        float: none;
        right: 4px;
        top: 35px;
        margin: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left strong {
        margin-right: 12px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        width: 49%;
        background: none;
        border-left: 2px dotted #928b81
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .captain-of {
        background: none
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .stats .mid p {
        padding: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-account-profile .profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-ratings-legend .block-inner {
        margin: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-ratings-legend .block-inner h2.static-title .hon_img {
        width: 142px;
        background-size: auto
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .block-ratings-legend .block-inner h2.static-title .hon_img .hon_span_hiden {
        font-size: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box {
        width: 310px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content, html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content {
        width: auto
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-top h3.title-shadow {
        display: none
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-top h3.title {
        text-shadow: 1px 1px #fff
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content {
        padding: 8px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content .sliders {
        margin: 12px 0
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content .sliders .container-full p.form-item, html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content .sliders .container-full .container-right {
        width: auto;
        display: block
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content .sliders .container-full p.form-item {
        margin-right: 0;
        text-align: center
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content .sliders .container-full .container-right .slider-labels {
        margin-left: 46px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content .sliders .container-full .container-right .slider-labels .img_form_slider_labels {
        background-size: 234px 8px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content .sliders .container-full .container-right .container-slider {
        width: auto;
        padding-right: 16px;
        background-size: 100% 25px;
        margin-left: 4px
        }
    html body.mobile.page-volunteer-skills #page .main .Content-div #content .box .box-content .sliders .container-full .container-right .container-slider .skills-slider {
        width: auto
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile {
        width: auto;
        padding: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile {
        margin: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats {
        float: none;
        margin: 0;
        width: auto;
        background-size: 100% 5px;
        margin-bottom: 15px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .top {
        width: auto;
        background-size: 100% 8px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .btm {
        width: auto;
        background-size: 100% 7px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid {
        width: auto;
        font-size: 0;
        text-align: center
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left, html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        display: inline-block;
        font-size: 12px;
        vertical-align: top
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left .num, html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .num {
        display: block
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left br, html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right br {
        display: none
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left {
        width: 50%;
        position: relative
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left a.link_popuphelp {
        position: absolute;
        float: none;
        right: 4px;
        top: 35px;
        margin: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left strong {
        margin-right: 12px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        width: 49%;
        background: none;
        border-left: 2px dotted #928b81
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .captain-of {
        background: none
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .stats .mid p {
        padding: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .block-account-profile .profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .join-create-team {
        padding: 0;
        text-align: center
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .join-create-team > * {
        float: none;
        display: inline-block
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .join-create-team > img {
        display: none
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-youre-invited {
        margin: 20px 0 30px 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-youre-invited .invite p.leader .title {
        float: none
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details h2.title {
        margin: 0 0 13px 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box {
        width: 310px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box .box-content, html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box .box-content {
        width: auto
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-top {
        padding: 8px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-top .team-details {
        padding: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-top .team-details .col-left, html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-top .team-details .col-right {
        float: none;
        width: auto
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-top .team-details .col-left > h3 {
        width: auto
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-top .team-details .col-left p.num-members > * {
        float: none;
        vertical-align: top;
        display: inline-block
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-top .team-details .col-left p.num-members .link_removemefromteam {
        margin: 0 0 0 4px;
        padding-left: 8px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-top .team-details .col-right {
        text-align: left
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-content .aw-grid-mobile {
        padding: 0 1px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail .box-btm {
        background-size: 100% 22px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail.box-expanded .box-top .team-details .col-right a.link_boxclose {
        margin: 0;
        top: 5px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail.box-expanded .box-top.CaptainBox .col-right {
        position: relative;
        padding-bottom: 34px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail.box-expanded .box-top.CaptainBox .col-right .link_manageteam {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail.box-expanded .box-top.CaptainBox .col-right a.link_boxclose {
        top: -75px;
        right: 2px
        }
    html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail.box-expanded .box-top, html body.mobile.page-my-teams #page .main .Content-div #content .node-team-details .box-team-detail.box-nocollapse .box-top {
        background-size: 100% 22px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content h2.static-title, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .form-message {
        margin-left: 0
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content h2.static-title .hon_img, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .form-message .hon_img {
        width: 214px;
        background-size: auto
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box {
        width: 310px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content {
        width: auto
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item {
        position: relative;
        margin-bottom: 4px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item > label {
        padding-top: 0;
        float: none;
        display: block;
        width: auto;
        text-align: left
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .text-wrapper {
        background-image: url(../images/form_input_287.png);
        display: block;
        width: auto;
        background-size: 100% 26px;
        padding: 5px 8px 4px 8px;
        margin: 0
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .text-wrapper .form-text {
        margin: 0;
        width: 260px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .textarea-wrapper {
        float: none;
        display: block;
        width: auto;
        background-size: 100% 80px;
        margin: 0
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .textarea-wrapper textarea {
        width: 266px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .selectbox {
        width: auto;
        background-size: 100% 26px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .selectwrapper {
        left: 0 !important;
        top: auto !important;
        width: 274px !important
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .multiSelect {
        width: 238px;
        background-size: 100% 26px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .multiSelectOptions {
        width: 274px
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item.width-half .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-search-public-teams #page .page-inner .main .main-inner .Content-div #content .box .box-content .form-item .field-wrapper {
        display: block
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box {
        width: 310px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content, html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content {
        width: auto
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item {
        position: relative;
        margin-bottom: 4px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item > label {
        padding-top: 0;
        float: none;
        display: block;
        width: auto;
        text-align: left
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .text-wrapper {
        background-image: url(../images/form_input_287.png);
        display: block;
        width: auto;
        background-size: 100% 26px;
        padding: 5px 8px 4px 8px;
        margin: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .text-wrapper .form-text {
        margin: 0;
        width: 260px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .textarea-wrapper {
        float: none;
        display: block;
        width: auto;
        background-size: 100% 80px;
        margin: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .textarea-wrapper textarea {
        width: 266px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .selectbox {
        width: auto;
        background-size: 100% 26px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .selectwrapper {
        left: 0 !important;
        top: auto !important;
        width: 274px !important
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .multiSelect {
        width: 238px;
        background-size: 100% 26px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .multiSelectOptions {
        width: 274px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item.width-half .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .field-wrapper {
        display: block
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item .link_popuphelp {
        float: none;
        display: inline-block;
        vertical-align: middle
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .form-item.team-privacy a.helpprivacy {
        margin: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members {
        display: block;
        width: auto;
        margin: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members thead {
        display: none
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody {
        display: block
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr {
        display: block
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td {
        display: block
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td.num {
        text-align: left
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td .cell-left, html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td .cell-right {
        display: inline-block;
        width: 49%;
        vertical-align: top
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td .cell-left {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td .cell-right .text-wrapper {
        width: auto;
        background-size: 100% 26px;
        background-image: url(../images/form_input_114.png)
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td .cell-right .text-wrapper .form-text {
        width: 120px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td .cell-right .text-wrapper.width-age {
        background-size: auto;
        background-image: url(../images/form_input_0_age.png)
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td .cell-right .text-wrapper.width-age .form-text {
        width: 16px
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content table.grid-add-members tbody tr td .cell-right .ui-checkbox {
        margin-left: 0
        }
    html body.mobile.page-create-a-new-team #page .main .Content-div #content .box .box-content .hr {
        margin: 0
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-controls {
        height: auto;
        margin: 0
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-controls p.metadata {
        float: none
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-controls ul.calendar-legend {
        float: none
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-controls ul.calendar-legend li {
        float: none;
        display: inline-block
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-top, html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-btm {
        width: 310px;
        height: auto;
        background-image: none
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-top .calendar-nav-year, html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-btm .calendar-nav-year, html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-top .calendar-nav-month, html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-btm .calendar-nav-month {
        width: auto;
        float: none;
        text-align: center
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-top .calendar-nav-year, html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-btm .calendar-nav-year {
        background: none;
        padding: 5px 12px
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-top .calendar-nav-month, html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-btm .calendar-nav-month {
        margin: 0;
        font-size: 0;
        height: 24px
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-top .calendar-nav-month > *, html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-btm .calendar-nav-month > * {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-top {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-btm {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden;
        padding-bottom: 10px
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar {
        width: auto
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-top .calendar-nav-month > h3, html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-btm .calendar-nav-month > h3 {
        width: 246px
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-body .calendar-table {
        width: 100%
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-body .calendar-table tbody tr td {
        display: block;
        width: auto;
        background: #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 2px 0 #bfbdb5;
        overflow: hidden;
        margin-top: 5px
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-body .calendar-table tbody tr td > * {
        display: block;
        width: auto;
        background: none;
        float: none
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-body .calendar-table tbody tr td .wrap-time {
        padding: 10px 10px 0 10px
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-body .calendar-table tbody tr td .wrap-eventdetail {
        padding: 0 10px
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-body .calendar-table tbody tr td .wrap-link {
        text-align: right
        }
    html body.mobile.page-volunteer-opportunity-calendar-day #page .main .Content-div #content .calendar-calendar .calendar-body .calendar-table tbody tr td .wrap-link a.link_calendar_viewdetail {
        display: inline-block
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content {
        background: none
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box {
        width: 310px
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-content, html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-content {
        width: auto
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-top {
        background-size: 100% 32px
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-content .form-items-container {
        height: auto;
        text-align: center
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-content .form-items-container .form-item .text-wrapper {
        display: inline-block;
        margin: 0
        }
    html body.mobile.page-partners #page .main #content .node-team-details .node-inner > .content .box .box-content .form-items-container .form-item .text-wrapper .form-text {
        margin: 0
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile {
        width: auto;
        padding: 0
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile {
        margin: 0
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats {
        float: none;
        margin: 0;
        width: auto;
        background-size: 100% 5px;
        margin-bottom: 15px
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .top {
        width: auto;
        background-size: 100% 8px
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .btm {
        width: auto;
        background-size: 100% 7px
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid {
        width: auto;
        font-size: 0;
        text-align: center
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left, html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        display: inline-block;
        font-size: 12px;
        vertical-align: top
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left .num, html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .num {
        display: block
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left br, html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right br {
        display: none
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left {
        width: 50%;
        position: relative
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left a.link_popuphelp {
        position: absolute;
        float: none;
        right: 4px;
        top: 35px;
        margin: 0
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left strong {
        margin-right: 12px
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        width: 49%;
        background: none;
        border-left: 2px dotted #928b81
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .captain-of {
        background: none
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .stats .mid p {
        padding: 0
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-saved-searches #page .main .Content-div #content .block-account-profile .saved-searches-legend {
        width: auto;
        padding-left: 24px
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile {
        width: auto;
        padding: 0
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile {
        margin: 0
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats {
        float: none;
        margin: 0;
        width: auto;
        background-size: 100% 5px;
        margin-bottom: 15px
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .top {
        width: auto;
        background-size: 100% 8px
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .btm {
        width: auto;
        background-size: 100% 7px
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid {
        width: auto;
        font-size: 0;
        text-align: center
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-left, html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-right {
        display: inline-block;
        font-size: 12px;
        vertical-align: top
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-left .num, html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-right .num {
        display: block
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-left br, html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-right br {
        display: none
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-left {
        width: 50%;
        position: relative
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-left a.link_popuphelp {
        position: absolute;
        float: none;
        right: 4px;
        top: 35px;
        margin: 0
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-left strong {
        margin-right: 12px
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-right {
        width: 49%;
        background: none;
        border-left: 2px dotted #928b81
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid .stats-right .captain-of {
        background: none
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .stats .mid p {
        padding: 0
        }
    html body.mobile.page-team-details #page .main #content .block-account-profile .profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-team-details #page .main #content .box {
        width: 310px
        }
    html body.mobile.page-team-details #page .main #content .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-team-details #page .main #content .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-team-details #page .main #content .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-team-details #page .main #content .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-team-details #page .main #content .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-team-details #page .main #content .box .box-content, html body.mobile.page-team-details #page .main #content .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-team-details #page .main #content .box .box-content {
        width: auto
        }
    html body.mobile.page-team-details #page .main #content .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-team-details #page .main #content .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-team-details #page .main #content .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-team-details #page .main #content .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-team-details #page .main #content .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-team-details #page .main #content .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-team-details #page .main #content .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-team-details #page .main #content .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-team-details #page .main #content .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-team-details #page .main #content .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-team-details #page .main #content .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-team-details #page .main #content .box .box-top, html body.mobile.page-team-details #page .main #content .box .box-btm {
        background-size: 100% 22px
        }
    html body.mobile.page-team-details #page .main #content .box .box-top .team-details {
        padding: 0
        }
    html body.mobile.page-team-details #page .main #content .box .box-top .team-details .col-left, html body.mobile.page-team-details #page .main #content .box .box-top .team-details .col-right {
        float: none;
        width: auto
        }
    html body.mobile.page-team-details #page .main #content .box .box-top .team-details .col-right {
        margin: 0;
        text-align: center
        }
    html body.mobile.page-team-details #page .main #content .box .box-top .team-details .col-right .link_addnewmembers {
        float: none;
        display: inline-block
        }
    html body.mobile.page-team-details #page .main #content .box .box-content .aw-grid-mobile .row .column .column-data input[type="checkbox"] {
        margin: 0
        }
    html body.mobile.page-team-details #page .main #content .box .box-content p.actions {
        margin: 0;
        text-align: center
        }
    html body.mobile.page-team-details #page .main #content .box .box-content p.actions span {
        display: inline-block
        }
    html body.mobile.page-team-details #page .main #content .box .box-content p.actions span a {
        display: inline-block;
        float: none
        }
    html body.mobile.page-team-details #page .main #content .box.box-team-opportunities .box-content .aw-grid-mobile {
        padding: 0 1px
        }
    html body.mobile.page-team-details #TB_window .box {
        width: 310px
        }
    html body.mobile.page-team-details #TB_window .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-team-details #TB_window .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-team-details #TB_window .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-team-details #TB_window .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-team-details #TB_window .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-team-details #TB_window .box .box-content, html body.mobile.page-team-details #TB_window .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-team-details #TB_window .box .box-content {
        width: auto
        }
    html body.mobile.page-team-details #TB_window .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-team-details #TB_window .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-team-details #TB_window .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-team-details #TB_window .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-team-details #TB_window .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-team-details #TB_window .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-team-details #TB_window .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-team-details #TB_window .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-team-details #TB_window .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-team-details #TB_window .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-team-details #TB_window .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members {
        display: block;
        width: auto;
        margin: 0
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members thead {
        display: none
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody {
        display: block
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr {
        display: block
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td {
        display: block
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td.num {
        text-align: left
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td .cell-left, html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td .cell-right {
        display: inline-block;
        width: 49%;
        vertical-align: top
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td .cell-left {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td .cell-right .text-wrapper {
        width: auto;
        background-size: 100% 26px;
        background-image: url(../images/form_input_114.png)
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td .cell-right .text-wrapper .form-text {
        width: 120px
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td .cell-right .text-wrapper.width-age {
        background-size: auto;
        background-image: url(../images/form_input_0_age.png)
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td .cell-right .text-wrapper.width-age .form-text {
        width: 16px
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box table.grid-add-members tbody tr td .cell-right .ui-checkbox {
        margin-left: 0
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box .box-top h3.title {
        width: auto
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box .box-content {
        padding: 0 6px
        }
    html body.mobile.page-team-details #TB_window .add-new-member-Box .box-content table.grid-add-members {
        margin: 0;
        width: auto
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content {
        height: 410px
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .form-item label {
        float: none
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .form-item.recipients-container {
        margin: 0
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .form-item.recipients-container > span {
        display: inline-block
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .form-item.recipients-container > span .recipients {
        width: auto;
        float: none
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .change-recipients {
        margin-left: 0;
        padding-top: 0
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .email-fields .form-item label {
        display: block;
        width: auto;
        text-align: left
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .email-fields .form-item .form-text1 {
        width: 98%;
        background-size: 100% 26px
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .email-fields .form-item .textarea-wrapper {
        float: none;
        width: 98%;
        background-size: 100% 190px
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .email-fields .form-item .textarea-wrapper textarea {
        width: 100%
        }
    html body.mobile.page-team-details #TB_window .box-team-email-members .box-content .form-submit-container {
        margin: 0
        }
    html body.mobile.page-organization-profile-page #page .main #content .org-profile-mobile {
        display: block
        }
    html body.mobile.page-organization-profile-page #page .main #content .org-profile-mobile .opportunity-info > h3, html body.mobile.page-organization-profile-page #page .main #content .org-profile-mobile .opportunity-info > .photo, html body.mobile.page-organization-profile-page #page .main #content .org-profile-mobile .opportunity-info > .website-url {
        text-align: center
        }
    html body.mobile.page-organization-profile-page #page .main #content .org-profile-mobile .opportunity-info .photo {
        display: block
        }
    html body.mobile.page-organization-profile-page #page .main #content .org-profile-mobile .opportunity-stats {
        float: none;
        width: auto;
        margin: 0
        }
    html body.mobile.page-organization-profile-page #page .main #content .org-profile-desktop {
        display: none
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile {
        width: auto;
        padding: 0
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile {
        margin: 0
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats {
        float: none;
        margin: 0;
        width: auto;
        background-size: 100% 5px;
        margin-bottom: 15px
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .top {
        width: auto;
        background-size: 100% 8px
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .btm {
        width: auto;
        background-size: 100% 7px
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid {
        width: auto;
        font-size: 0;
        text-align: center
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        display: inline-block;
        font-size: 12px;
        vertical-align: top
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left .num, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .num {
        display: block
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left br, html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right br {
        display: none
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left {
        width: 50%;
        position: relative
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left a.link_popuphelp {
        position: absolute;
        float: none;
        right: 4px;
        top: 35px;
        margin: 0
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left strong {
        margin-right: 12px
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        width: 49%;
        background: none;
        border-left: 2px dotted #928b81
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .captain-of {
        background: none
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .stats .mid p {
        padding: 0
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .block-account-profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .box.box-basic-info .box-content p.form-item.date-of-service .text-wrapper {
        background-size: 232px 26px
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .box.box-basic-info .box-content p.form-item.date-of-service .text-wrapper .form-text {
        width: 220px;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-self-reported-hours-page #page .main .Content-div #content .box.box-basic-info .box-content p.form-item.date-of-service .text-wrapper .ui-datepicker-trigger {
        margin-top: -6px
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .node-volunteer-opportunity-details .top-sign-up-anchor {
        position: relative;
        display: block;
        top: auto;
        right: auto
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .node-volunteer-opportunity-details .top-sign-up-anchor .element-visible {
        text-align: center
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .node-volunteer-opportunity-details .top-sign-up-anchor .element-visible > a {
        display: inline-block
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .opportunity-stats {
        margin: 0;
        width: auto;
        float: none
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .opportunity-stats .box {
        float: none;
        width: 208px;
        margin: 0 auto 10px
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .opportunity-stats > p {
        display: inline-block;
        width: 49%;
        vertical-align: top
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet {
        width: auto
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box {
        width: 310px
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content, html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content {
        width: auto
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content p.sign-up .element-visible {
        display: inline-block;
        float: none;
        vertical-align: top
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content p.sign-up, html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content .express-interest {
        text-align: center
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content p.sign-up .signup-with-team, html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content .express-interest .signup-with-team {
        margin: 10px 0 0;
        padding: 0;
        border: none;
        line-height: normal
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content p.sign-up a.link_signup {
        float: none;
        margin: 0 auto
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content .details {
        margin-bottom: 5px;
        padding-right: 34px
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content .details .leader .metadata {
        float: none
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content .details .contacts-info {
        float: none
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content .details .addtocalendar .atcb-link {
        height: 32px;
        font-size: 0
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content .details .addtocalendar .atcb-link > img {
        display: inline-block
        }
    html body.mobile.page-volunteer-opportunity-details #page .main .Content-div #content .box-opportunity-detailsheet > .box .box-content .details .addtocalendar .atcb-list {
        left: auto;
        right: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member {
        width: auto;
        margin-left: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login {
        position: relative
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login > * {
        float: none !important
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login > .loginClass {
        left: 0;
        top: 100%;
        margin: 0 !important
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login > .loginClass p.form-item {
        padding: 0;
        float: none
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login > .loginClass p.form-item > label, html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login > .loginClass p.form-item .link_forgotyourpassword {
        float: none;
        display: inline-block
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login > .loginClass p.form-item .text-wrapper {
        display: block
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login > .loginClass p.align-center {
        float: none
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .popup.loggedPanel .popup-content .affiliate-member .login > .loginClass p.align-center .form-submit {
        float: none;
        margin: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box {
        width: 310px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content, html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content {
        width: auto
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content {
        height: auto
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item {
        position: relative;
        margin-bottom: 4px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item > label {
        padding-top: 0;
        float: none;
        display: block;
        width: auto;
        text-align: left
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .text-wrapper {
        background-image: url(../images/form_input_287.png);
        display: block;
        width: auto;
        background-size: 100% 26px;
        padding: 5px 8px 4px 8px;
        margin: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .text-wrapper .form-text {
        margin: 0;
        width: 260px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .textarea-wrapper {
        float: none;
        display: block;
        width: auto;
        background-size: 100% 80px;
        margin: 0
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .textarea-wrapper textarea {
        width: 266px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .selectbox {
        width: auto;
        background-size: 100% 26px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .selectwrapper {
        left: 0 !important;
        top: auto !important;
        width: 274px !important
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .multiSelect {
        width: 238px;
        background-size: 100% 26px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .multiSelectOptions {
        width: 274px
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item.width-half .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .field-wrapper {
        display: block
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .textarea-wrapper {
        background-size: 100% 100%
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content .form-item .textarea-wrapper textarea {
        width: 100%
        }
    html body.mobile.page-volunteer-opportunity-details #TB_window .box .box-content > p.align-center {
        margin: 0;
        padding: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup {
        width: auto
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box {
        margin-bottom: 15px;
        width: 310px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content, html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content {
        width: auto
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item {
        position: relative;
        margin-bottom: 4px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item > label {
        padding-top: 0;
        float: none;
        display: block;
        width: auto;
        text-align: left
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .text-wrapper {
        background-image: url(../images/form_input_287.png);
        display: block;
        width: auto;
        background-size: 100% 26px;
        padding: 5px 8px 4px 8px;
        margin: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .text-wrapper .form-text {
        margin: 0;
        width: 260px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .textarea-wrapper {
        float: none;
        display: block;
        width: auto;
        background-size: 100% 80px;
        margin: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .textarea-wrapper textarea {
        width: 266px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .selectbox {
        width: auto;
        background-size: 100% 26px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .selectwrapper {
        left: 0 !important;
        top: auto !important;
        width: 274px !important
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .multiSelect {
        width: 238px;
        background-size: 100% 26px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .multiSelectOptions {
        width: 274px
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item.width-half .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .field-wrapper {
        display: block
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .container-inline {
        float: none;
        margin: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .container-inline .form-item > label {
        text-align: left
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .other-steps .hr {
        margin: 0
        }
    html body.mobile.page-opportunity-team-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .hr_or {
        margin-left: 0
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup {
        width: auto
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box {
        margin-bottom: 15px;
        width: 310px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content, html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content {
        width: auto
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item {
        position: relative;
        margin-bottom: 4px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item > label {
        padding-top: 0;
        float: none;
        display: block;
        width: auto;
        text-align: left
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .text-wrapper {
        background-image: url(../images/form_input_287.png);
        display: block;
        width: auto;
        background-size: 100% 26px;
        padding: 5px 8px 4px 8px;
        margin: 0
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .text-wrapper .form-text {
        margin: 0;
        width: 260px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .textarea-wrapper {
        float: none;
        display: block;
        width: auto;
        background-size: 100% 80px;
        margin: 0
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .textarea-wrapper textarea {
        width: 266px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .selectbox {
        width: auto;
        background-size: 100% 26px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .selectwrapper {
        left: 0 !important;
        top: auto !important;
        width: 274px !important
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .multiSelect {
        width: 238px;
        background-size: 100% 26px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .multiSelectOptions {
        width: 274px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item.width-quart .selectbox, html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item.width-half .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .form-item .field-wrapper {
        display: block
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .box-content .textarea-wrapper {
        width: auto;
        background-size: 100% 80px
        }
    html body.mobile.page-opportunity-signup #page .main .Content-div #content .node-volunteer-opportunity-signup .box .hr {
        margin: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile {
        width: auto;
        padding: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile {
        margin: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats {
        float: none;
        margin: 0;
        width: auto;
        background-size: 100% 5px;
        margin-bottom: 15px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .top {
        width: auto;
        background-size: 100% 8px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .btm {
        width: auto;
        background-size: 100% 7px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid {
        width: auto;
        font-size: 0;
        text-align: center
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        display: inline-block;
        font-size: 12px;
        vertical-align: top
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left .num, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .num {
        display: block
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left br, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right br {
        display: none
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left {
        width: 50%;
        position: relative
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left a.link_popuphelp {
        position: absolute;
        float: none;
        right: 4px;
        top: 35px;
        margin: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-left strong {
        margin-right: 12px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right {
        width: 49%;
        background: none;
        border-left: 2px dotted #928b81
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid .stats-right .captain-of {
        background: none
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .stats .mid p {
        padding: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .block-account-profile .profile .photo {
        margin: 0 10px 0 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box {
        margin-left: 0;
        width: 310px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-top {
        background-size: 100% 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        padding: 8px 20px;
        position: relative
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-top h3.title {
        float: none;
        width: 256px;
        display: inline-block;
        margin: 0;
        position: relative
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-top h3.title .hon_img {
        width: auto;
        background: none
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-top h3.title .hon_img .hon_span_hiden {
        left: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-top p.form-required {
        margin: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-content, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-btm {
        background-size: 100% 10px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-content {
        width: auto
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-nocollapse .box-top h3.title {
        width: 218px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-collapsed .box-top a.link_boxopen, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-expanded .box-top a.link_boxopen, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-collapsed .box-top a.link_boxclose, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-expanded .box-top a.link_boxclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-collapsed.required-fields .box-top h3.title, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-expanded.required-fields .box-top h3.title {
        width: 192px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-collapsed.required-fields .box-top p.form-required, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-expanded.required-fields .box-top p.form-required {
        float: none;
        display: inline-block;
        vertical-align: top
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-width-half .box-content .form-item .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-popup .box-top a.link_popupclose {
        position: absolute;
        float: none;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-content .sliders .form-item {
        float: none;
        margin: 12px 0 8px 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-content .sliders .form-item.add-training-certification, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-content .sliders .form-item.no-docs-uploaded {
        text-align: center
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box .box-content .sliders br {
        display: none
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item {
        position: relative;
        margin-bottom: 4px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item > label {
        padding-top: 0;
        float: none;
        display: block;
        width: auto;
        text-align: left
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .text-wrapper {
        background-image: url(../images/form_input_287.png);
        display: block;
        width: auto;
        background-size: 100% 26px;
        padding: 5px 8px 4px 8px;
        margin: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .text-wrapper .form-text {
        margin: 0;
        width: 260px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .textarea-wrapper {
        float: none;
        display: block;
        width: auto;
        background-size: 100% 80px;
        margin: 0
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .textarea-wrapper textarea {
        width: 266px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .selectbox {
        width: auto;
        background-size: 100% 26px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .selectwrapper {
        left: 0 !important;
        top: auto !important;
        width: 274px !important
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .multiSelect {
        width: 238px;
        background-size: 100% 26px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .multiSelectOptions {
        width: 274px
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item.width-quart .selectbox, html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item.width-half .selectbox {
        background-image: url(../images/form_select_full.png)
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .field-wrapper {
        display: block
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item > label {
        padding-top: 2px;
        display: inline-block
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .helpText {
        position: relative
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item .helpText .event-tip {
        top: -100% !important;
        left: -240px !important
        }
    html body.mobile.page-volunteer-skills-documentation #page .main .Content-div #content .certification-form .box.box-add-certification-or-training .box-content .form-item.upload-documentation .field-wrapper input {
        max-width: 276px
        }
    html body.mobile.page-volunteer-opportunity-signup-confirm #page .addtocalendar .atcb-list {
        width: 130px
        }
    html body.mobile .aw-grid-mobile {
        display: block;
        padding: 30px 1px;
        background-color: #dfded6;
        border-radius: 5px
        }
    html body.mobile .aw-grid-mobile .aw-grid-mobile-inner {
        overflow-y: auto
        }
    html body.mobile .aw-grid-mobile .row {
        margin-bottom: 1px
        }
    html body.mobile .aw-grid-mobile .row .column {
        padding: 4px
        }
    html body.mobile .aw-grid-mobile .row .column .column-header, html body.mobile .aw-grid-mobile .row .column .column-data {
        display: inline-block;
        width: 50%;
        vertical-align: top
        }
    html body.mobile .aw-grid-mobile .row .column .column-header {
        font-weight: bold
        }
    html body.mobile .aw-grid-mobile .row .column .column-data {
        word-wrap: break-word
        }
    html body.mobile .aw-grid-mobile .row .column .column-data a {
        cursor: pointer
        }
    html body.mobile .aw-grid-mobile .row.even {
        background-color: #f6f5f2
        }
    html body.mobile .aw-grid-mobile .row.odd {
        background-color: #fbfbf9
        }
    html body.mobile .aw-grid-mobile .no-results {
        padding: 0 10px;
        font-weight: bold
        }
    html body.mobile .aw-grid-container {
        visibility: hidden;
        position: absolute;
        z-index: -1
        }
    html body.mobile .popup {
        width: 310px;
        height: auto
        }
    html body.mobile .popup .popup-top {
        width: auto;
        background-size: 100% 34px
        }
    html body.mobile .popup .popup-mid {
        width: auto;
        padding: 0;
        background-size: 100% 10px;
        height: auto;
        overflow: hidden
        }
    html body.mobile .popup .popup-mid .popup-content {
        width: auto;
        padding: 5px;
        height: auto
        }
    html body.mobile .popup .popup-mid * {
        max-width: 300px;
        word-break: break-word
        }
    html body.mobile .popup .popup-btm {
        width: auto;
        background-size: 100% 26px
        }
    }