@import url(/s/resources/css/appstyles.css);

/* elements */
.PageTitleHeader, .PageSubTitleHeader {}
.PageTitleHeader {display:none}
.PageSubTitleHeader {}
.expand img {background-color: #015174;float: none;display: block;}
.expand {background-color:#015174;}
.idbmsBreadcrumbSeparator {color:#015174!important;}
.instructions, .error, .success, .profile, .filelibfiledetails, .eventsheader, .campaignsheader, .donationpaymentamount, table.profile,  .MessageBoardsDataGridHeader, .FileLibraryFileList{display:block;}
table.Events {width:99%}
.error {width:auto!important}

/* box settings */
.DataGridHeader, .EventsHeader, .EventDonationDetail, .CampaignsHeader, td.PageManagerHeader, tr.PageManagerHeader, .Profile {padding: 2px 5px 2px 5px;border: 1px solid #CCCCCC;}
.instructions {padding: 2px 5px 2px 5px;border: 1px solid #CCCCCC;}
.DataGridHeader {}
.EventDonationDetail {width:250px;}
    
/*  core */
.HelpButton {color: #ffffff;background-color: #8E9296;border: solid;border-width: 1px;border-color: #ffffff;padding: 2px;font-weight: bold;width: 48px;text-align: center;}
.Error, .error {display: block;padding: 5px 0 5px 25px;color:#BF0000;background-color: #FFE8E8;background-image: url(/images/icons/v2/common/exclamation.gif);background-repeat: no-repeat;background-position: 2px;border: 1px solid #BF0000;}
.Success, .success {display: block;padding: 5px 0 5px 25px;color: #008000;background-color: #D0E8D0;background-image: url(/images/icons/v2/common/accept.gif);background-repeat: no-repeat;background-position: 3px 2px;border: 1px solid #008000;}
.DataGridAltItem {background: #e8e8e8;}
.DataGridPager {font-weight: bold;letter-spacing: 3px;line-height: 20px;text-align: right;}

/*profile */
.ProfileHeader {font-weight : bold;}
.ProfilePageTabHeadings {font-weight:bold;}

/* search */
.SearchResultsDataGridAltItem {background: #e8e8e8;}
.SearchResultsDataGridPager {font-weight: bold;letter-spacing: 3px;line-height: 50px;}

/* message boards */
table.HotTopics {width:250px;}
.MsgItem {background-color: #cccccc;}
.MsgItemSubject {background-color: #cccccc;}
.MsgItemInverse {background-color: #e8e8e8;}
.MsgItemSubjectInverse {background-color: #e8e8e8;}
.LastPostingText {font-style: italic;color: #6B6B6B;}
.BadWordHighlight {font-weight: bold;color: #c42830;}
.MsgsReplyText {}
.MsgsDates {}

/* file library */
.FileLibFileDetails {background-color: #BCB8B8;width: 250px;padding: 2px 5px 2px 5px;}
.FileLibraryFileList {background-color: #E4E4E4;width: 250px;padding: 2px 5px 2px 5px;}
/* news */
/* events */
td.StoreItemHeader {border-color: #666666;}

/* donations */
.DonationPaymentAmount {background-color: #E4E4E4;border: solid;border-width: 1px;padding: 2px 5px 2px 5px;border-color: #0057F;}

/* pagemanager */
table.PageManager {border: solid;border-width:0px;border-color:#002963;}
/* photo albums */
/* communications utility */
table.CommUtil {/*width: 560px;*/}
td.CommUtilHeader {background-color:#CCCCCC;color:#FFFFFF;}
/* community specific */
a.menu span {font-weight:normal!important}

/*membership card*/
.memberCard {position:relative;display:block; margin:0 auto; width:3.5in;}
.memberCard .memberInfo {position:absolute;width:284px; right:0px; font-size:16px; padding-left:25px; padding-right:25px; top:10px; color: #fff; text-align: center;}
.memberCard .memberInfo h1 {font-size: 20px;}
.memberCard img.memberCardBkgd {width:3.5in;}
.memberCard.life .memberInfo {color:#fff;top:auto; bottom:25px; left:0; right:auto; font-size:16px; font-weight:bold; font-size:16px; letter-spacing:0.2px;padding-left:15px;}

#ContentSearch {}
#ContentSearch .SearchModuleSpacer {display:none}
#ContentSearch input.userinput {width:160px}

#ContentLogin {width:145px;padding-top:30px;}
.divLoginStructContainer {}
.divLoginStructContainer .PageTitleHeader {display:none!important}
.divLoginStructContainer .instructions {display:none!important}
.divLoginStructContainer .anchorTempLogin {padding-bottom:10px}
.divLoginStructContainer .cancelButton {display:none!important}
.divLoginUserNameRow label span{margin-left:10px;}
.divLoginPasswordRow label span{margin-left:10px;}

div#loginBtnGrp .btnGrp a {background:#00468B;text-decoration:none;font-size:14px;line-height:18px;}
div#loginBtnGrp .btnGrp {margin:0;}
div#loginBtnGrp #rowLogin {margin-bottom:10px;}

.eventdate {font-size:13px; margin-bottom:8px;}
.eventTitle, .eventTitle a {color:#00355f; font-size:14px; text-decoration:none; padding-bottom:6px; margin-top:10px;}

/* Membership Pattern */
 div.joinbox {
  background: none;
  width: 250px;
  height: 230px;
  margin: 0 15px 30px 15px;
  font-size: 16px;
  line-height: 1.1;
}
div.joinbox .image {
  width: 250px;
  background-color: #18335D;
}
div.joinbox .image img {
  width: 100%;
}
div.joinbox .blurb {
  height: 70px;
  overflow: hidden;
}
div.joinbox .blurb .head {
  text-transform: uppercase;
  font-size: 24px;
  text-transform:uppercase;
  margin-bottom: 2px;
}
div.joinbox .blurb a {
  display: block;
  height: 70px;
  background: #18335D url(images/morearrow30.png) no-repeat 255px 155px;
  padding: 12px 40px 0 10px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
div.joinbox .blurb a:hover {
  background: #FFCF32 url(images/morearrow30.png) no-repeat 255px 155px;
  color: #18335D;
  text-decoration: none;
}
  /* wide */
div.joinboxwide {
  margin: 0 15px 30px 15px;
  height: 195px;
  background: none;
  font-size: 16px;
  line-height: 1.1;
}
div.joinboxwide .image {
  float: left;
  width: 250px;
  background-color: #18335D;
}
div.joinboxwide .image img {
  width: 100%
}
div.joinboxwide .blurb {
  float: left;
  width: 293px;
  height: 194px;
  overflow: hidden;
}
div.joinboxwide .blurb .head {
  text-transform: uppercase;
  font-size: 24px;
  text-transform:uppercase;
  margin-bottom: 15px;
  line-height: 1;
}
div.joinboxwide .blurb p {
  margin: 0 0 10px 0;
  font-size: 14px;
}
div.joinboxwide .blurb a {
  display: block;
  height: 195px;
  background: #18335D url(images/morearrow30.png) no-repeat 255px 155px;
  padding: 18px 45px 0 20px;
  color: #fff;
  text-decoration: none;
}
div.joinboxwide .blurb a:hover {
  background: #FFCF32 url(images/morearrow30.png) no-repeat 255px 155px;
  color: #18335D;
  text-decoration: none;
}
.floatleft { float: left; }
.floatright { float: right; }
hr.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

#tblLogin {float:left; width:100%;border: 3px solid #ddd; border-radius: 8px;padding:20px;}
#tblLogin * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#tblLogin .left {float:left; width:50%;padding-right:20px;}
#tblLogin .right {float:right; width:50%;padding:0 20px;}
#tblLogin .instructions {border:none; padding:0;}
#tblLogin .divLoginUserNameRow label span,
#tblLogin .divLoginPasswordRow label span {margin:10px 0 0!important;}
#tblLogin .divLoginButtonRow {margin:10px 0;}
#tblLogin .remember {margin:10px 0;}