@import url(imodbase.css);

.expand,
.expand img {
    background: #666
}

#PageInstructions,
.EventsHeader,
.expand img {
    display: block
}

.BadWordHighlight,
.DataGridPager,
.HelpButton,
.ProfileHeader,
.ProfilePageTabHeadings,
.imod_eventDetails .imod_eventLocation span.locationLabel {
    font-weight: 700
}

.imod_donationDetails .imod_eventDescription img,
.imod_eventDetails .imod_eventDescription img {
    max-width: 100%
}

form#MainForm {
    width: 100%;
    height: auto;
    height: 100%;
    min-height: 100%
}

.classnote-edit .expand {
    background: #666;
    width: auto;
    height: auto
}

.expand img {
    float: none
}

#divButtons,
div[id$=pnlButtons] {
    clear: both
}

.idbmsBreadcrumbSeparator {
    color: #666
}

div.idbmsBreadcrumbWrapper,
div[id*=pnlBreadcrumbs] {
    display: block;
    padding: 0 0 25px
}

.CampaignsHeader,
.DataGridHeader,
.EventDonationDetail,
.EventsHeader,
.Profile,
td.PageManagerHeader,
tr.PageManagerHeader {
    padding: 2px 5px;
    border: 1px solid #CCC;
    margin: 5px 0
}

td.EventsHeader {
    display: table-cell
}

#PageInstructions,
.FileLibraryFileList,
.MessageBoardsDataGridHeader,
.campaignsheader,
.donationpaymentamount,
.error,
.eventsheader,
.filelibfiledetails,
.profile,
.success,
table.profile {
    display: block
}

.EventDonationDetail {
    width: 250px
}

.HelpButton {
    color: #fff;
    background: #8E9296;
    border: 1px solid #fff;
    padding: 2px;
    width: 48px;
    text-align: center
}

.Error,
.Success,
.error,
.success {
    padding: 5px 0 5px 25px;
    width: 100% !important;
    display: block;
    margin: 0 !important
}

.Error,
.error {
    color: #BF0000;
    background: url(../images/exclamation.gif) 2px no-repeat #FFE8E8;
    border: 1px solid #BF0000
}

.Success,
.success {
    color: green;
    background: url(../images/accept.gif) 3px 2px no-repeat #D0E8D0;
    border: 1px solid green
}

.DataGridAltItem,
.SearchResultsDataGridAltItem {
    background: #e8e8e8
}

.DataGridPager {
    letter-spacing: 3px;
    line-height: 20px;
    text-align: right
}

textarea {
    width: 350px
}

table.Events {
    width: 99%
}

.SearchResultsDataGridPager {
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 50px
}

table.HotTopics {
    width: 250px
}

.MsgItem,
.MsgItemSubject {
    background: #ccc
}

.MsgItemInverse,
.MsgItemSubjectInverse {
    background: #e8e8e8
}

.LastPostingText {
    font-style: italic;
    color: #6B6B6B
}

.BadWordHighlight {
    color: #c42830
}

.FileLibFileDetails {
    background: #BCB8B8;
    width: 250px;
    padding: 2px 5px
}

.FileLibraryFileList {
    background: #E4E4E4;
    width: 250px;
    padding: 2px 5px
}

td.StoreItemHeader {
    border-color: #666
}

div.divSaveLayout {
    z-index: 999
}

.DonationPaymentAmount {
    background: #E4E4E4;
    border: 1px solid #999;
    padding: 2px 5px
}

td.CommUtilHeader {
    background: #CCC;
    color: #FFF
}

table.TableLayout_Business td,
table.TableLayout_Default td,
table.TableLayout_Inox td,
table.TableLayout_Mac td,
table.TableLayout_Modern td,
table.TableLayout_Orange td,
table.TableLayout_Outlook td,
table.TableLayout_Stylish td,
table.TableLayout_Sunny td,
table.TableLayout_Telerik td,
table.TableLayout_WebBlue td {
    width: 14% !important
}

.titlebar_Business,
.titlebar_Default,
.titlebar_Inox,
.titlebar_Mac,
.titlebar_Modern,
.titlebar_Orange,
.titlebar_Outlook,
.titlebar_Stylish,
.titlebar_Sunny,
.titlebar_Telerik,
.titlebar_WebBlue,
.titlebar_iModules {
    width: 100%
}

.titlebar_Business>tbody>tr>td:nth-child(3),
.titlebar_Default>tbody>tr>td:nth-child(3),
.titlebar_Inox>tbody>tr>td:nth-child(3),
.titlebar_Mac>tbody>tr>td:nth-child(3),
.titlebar_Modern>tbody>tr>td:nth-child(3),
.titlebar_Orange>tbody>tr>td:nth-child(3),
.titlebar_Outlook>tbody>tr>td:nth-child(3),
.titlebar_Stylish>tbody>tr>td:nth-child(3),
.titlebar_Sunny>tbody>tr>td:nth-child(3),
.titlebar_Telerik>tbody>tr>td:nth-child(3),
.titlebar_WebBlue>tbody>tr>td:nth-child(3),
.titlebar_iModules>tbody>tr>td:nth-child(3) {
    width: 75% !important
}

.IMOD213 #PageTitle,
.IMOD275 #PageTitle,
.IMOD287 #PageTitle,
.IMOD94 #PageTitle,
.IMOD95 #PageTitle {
    display: block
}

.IMOD275 .PageSubTitleHeader {
    display: none
}

img[src="../images/brick_edit.gif"],
img[src="../images/delete.gif"],
img[src="../images/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important
}

.groupHeaderOpened {
    height: 27px
}

.iModAnythingSlider .anythingBase {
    opacity: 1
}

div#loginBtnGrp {
    float: left;
    display: inline;
    width: 100%
}

div#loginBtnGrp #rowHeader,
div#loginBtnGrp #rowInstructions,
div#loginBtnGrp .btnGrp {
    float: left;
    width: 100%
}

div#loginBtnGrp #rowInstructions {
    padding: 10px 0
}

div#loginBtnGrp #rowInstructions ul {
    padding-left: 15px;
    margin: 0
}

div#loginBtnGrp .btnGrp {
    margin: 0 5px 5px 0;
    width: auto;
    clear: none
}

div#loginBtnGrp .btnGrp a {
    color: #fff;
    float: left;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(../images/PIE.htc);
    zoom: 1;
    position: relative
}

div#loginBtnGrp .btnGrp a span {
    background: url(../images/bkgd_loginbtn_overlay.png) bottom left repeat-x;
    padding: 5px 15px;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .4)
}

div#loginBtnGrp .btnGrp a:hover {
    text-decoration: none
}

.imod_eventDetails {
    float: left;
    width: 100%
}

.imod_eventDetails h2.imod_eventName {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 15px
}

.imod_eventDetails .imod_eventButtons {
    float: left;
    width: 100%;
    text-align: center
}

.imod_eventDetails .imod_eventDescription {
    float: left;
    width: 100%;
    clear: both;
    padding: 30px 0
}

.imod_eventDetails .imod_eventLocation {
    float: left;
    width: 100%;
    padding: 10px 0 0
}

.imod_eventDetails .imod_eventActivities {
    width: 100%;
    float: left
}

.imod_eventDetails .imod_eventContact {
    display: block;
    float: left;
    width: 49%
}

.imod_eventDetails .imod_eventDateLocation {
    float: right;
    width: 49%
}

@media only screen and (max-width:767px) {

    .imod_eventDetails .imod_eventContact,
    .imod_eventDetails .imod_eventDateLocation {
        float: left;
        width: 100%
    }

    .imod_eventDetails .imod_eventContact {
        padding-bottom: 30px
    }

    .fb_iframe_widget {
        display: none
    }
}

@media only screen and (min-width:769px) {
    .fb_iframe_widget {
        display: inline-block
    }
}

.imod_donationDetails {
    float: left;
    width: 100%
}

.imod_donationDetails h2.imod_eventName {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 15px
}

.imod_donationDetails .imod_eventDescription {
    float: left;
    width: 100%;
    clear: both;
    padding: 30px 0
}

.imod_donationDetails .imod_donationBtn {
    float: left;
    width: 100%;
    text-align: center
}

@media only screen and (min-width:768px) {
    .imod_donationDetails .imod_eventContact {
        display: block;
        float: left;
        width: 100%
    }

    .imod_donationDetails .imod_eventContact .imod_eventContactPrimary {
        float: left;
        width: 49%
    }

    .imod_donationDetails .imod_eventContact .imod_eventContactSecondary {
        float: right;
        width: 49%
    }

    .imod_donationDetails .imod_donationBtn {
        padding: 0
    }
}

.imod_membershipDetails,
.imod_membershipDetails .imod_membershipBtn,
.imod_membershipDetails h2.imod_eventName {
    float: left;
    width: 100%
}

@media only screen and (min-width:240px) {
    .imod_donationDetails h2.imod_eventName {
        padding: 0 0 .5em
    }

    .imod_donationDetails .imod_eventDescription {
        padding: 0
    }

    .imod_donationDetails .imod_donationBtn {
        padding: 0 0 1em
    }
}

.imod_membershipDetails h2.imod_eventName {
    text-align: center;
    padding: 0 0 15px
}

.imod_membershipDetails .imod_eventDescription {
    float: left;
    width: 100%;
    clear: both;
    padding: 30px 0
}

.imod_membershipDetails .imod_eventDescription img {
    display: block;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .imod_membershipDetails .imod_eventContact {
        display: block;
        float: left;
        width: 100%
    }

    .imod_membershipDetails .imod_membershipBtn {
        padding: 50px 0 10px
    }

    .imod_membershipDetails .imod_eventContactPrimary {
        float: left;
        width: 49%
    }

    .imod_membershipDetails .imod_eventContactSecondary {
        float: right;
        width: 49%
    }
}

.calendar-with-listing-view .calendar-tool-icons {
    width: 25%
}

.calendar-with-listing-view .cms-listing {
    width: 75%
}

.calendar-with-listing-view .cms-calendar {
    width: 25%;
    padding-left: 40px
}

@media only screen and (max-width:700px) {

    .calendar-with-listing-view .calendar-tool-icons,
    .calendar-with-listing-view .cms-listing {
        width: 100%
    }

    .calendar-with-listing-view .cms-calendar {
        width: 100%;
        padding-left: 0
    }
}