@charset "utf-8";
/* CSS Document */

* {
  padding: 0px;
  margin: 0px;
}
.clear {
  clear: both;
}
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url(../images/backer_body.jpg);
  background-repeat: repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
img {
  border:0px;
}
h1 {
  font-size: 34px;
  font-weight: normal;
  color: #3f7b92;
  margin: 0px 0px 20px 0px;
}
h2 {
  font-size: 24px;
  font-weight: normal;
  color: #3f7b92;
  margin: 0px 0px 15px 0px;
}
h3 {
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  color: #748536;
  margin: 0px 0px 20px 0px;
}
h4 {
  font-size: 18px;
  font-weight: normal;
  color: #748536;
  margin: 0px 0px 15px 0px;
}
h5 {
  font-size: 14px;
  font-weight: bold;
  color: #3f7b92;
  margin: 0px 0px 20px 0px;
}
h6 {
  font-size: 12px;
  font-weight: bold;
  color: #748536;
  margin: 0px 0px 15px 0px;
}
p {
  font-size: 12px;
  margin: 0px 0px 15px 0px;
}
ul {
  margin-left:10px; padding-left:10px;
}
li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 10px;
}

a {
  color:#0000CC;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a span {
  display: none;
}
.main {
  width: 965px;
  margin: 0px auto 20px auto;
}
.headerHome {
  position: relative;
  height: 300px;
  background-image: url(../images/backer_header.jpg);
  background-repeat: no-repeat;
}
.headerSub {
  position: relative;
  height: 150px;
  background-image: url(../images/backer_header_sub.jpg);
  background-repeat: no-repeat;
}
.navigation {
  position: absolute;
  top: 90px;
  left: 220px;
  color: #bac8cd;
  z-index:100;
}
.navigation a {
  padding: 0px 5px 0px 5px;
  color: #000000;
}
.subNavigation {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #bac8cd;  
}
.subNavigation a {
  padding: 0px 5px 0px 5px;
  color: #fff;
}

.subNavTitle
{
  color:#3F5192;
}
.search {
  position: absolute;
  top: 32px;
  right: 10px;
  width: 169px;
  height: 31px;
  background-image: url(../images/backer_search.jpg);
  background-repeat: no-repeat;
}
.search input {
  position: absolute;
  top: 6px;
  left: 8px;
  border: 0px;
  width: 110px;
  height: 17px;
  padding: 3px 0px 0px 0px;
  background: none;
  color: #33525d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.btnGo {
  position: absolute;
  top: 4px;
  right: 4px;
  display: block;
  width: 42px;
  height: 23px;
  background-image: url(../images/btn_go.jpg);
  background-repeat: no-repeat;
}
.audience {
  position: absolute;
  top: 135px;
  right: 10px;
  width: 400px;
  height: 127px;
  z-index: 0;
}
.audience a {
  position: absolute;
  display: block;
  height: 127px;
  width: 127px;
  background-repeat: no-repeat;  
}
.btnApply {
  background-image: url(../images/btn_apply.jpg);
  left: 0px;
  
}
.btnAlready {
  background-image: url(../images/btn_already.jpg);
  left: 135px;
}
.btnTenant {
  background-image: url(../images/btn_tenant.jpg);
  left: 270px;

}
.content {
  background-image: url(../images/backer_content.jpg);
  background-repeat: repeat-y;
  padding: 0px 40px 1px 40px;
  min-height:300px;
  overflow:auto;
}
.contentLeft, .blogMenu {
  width: 160px;
  float: left;
}
.contentLeft ul, .contentLeft li, .blogMenu li, .blogMenu ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}
/*
.contentLeft li a {
  display: block;
  width: 152px;
  height: 34px;
  padding:3px 0px 0px 10px;
  background-image: url(../images/btn_sub_nav.jpg);
  background-repeat: no-repeat;
  color: #3F5192;
}
*/
.contentLeft li a {
  display: block;
  width: 152px;
  height:34px;
  padding:3px 0px 0px 10px;
  margin-bottom:3px;
  border:1pt solid #C0C0C0;
  background-color:#FdFdFd;
  background-image: url(/media/10051/menugradient.png);
  background-repeat:repeat-x;
  background-position:bottom;
  color: #3F5192;
  text-shadow: 1px 1px 1px #DDDDDD;
}
.blogNavTitle{
  display: block;
  width: 152px;
  height:34px;
  padding:3px 0px 0px 10px;
  margin-bottom:3px;
  border:1pt solid #C0C0C0;
  background-color:#FdFdFd;
  background-image: url(/media/10051/menugradient.png);
  background-repeat:repeat-x;
  background-position:bottom;
  color: #3F5192;
}

.blogMenu li a {
  color: #3F5192;
  width: 152px;
  height: 20px;
  padding: 5px 0px 0px 10px;
  background-image: none;
  border:none;
  background-color:transparent;
}

.contentLeft li li a{
  color: #3F5192;
  display: block;
  width: 152px;
  height: 20px;
  padding: 5px 0px 0px 10px;
  background-image: none;
  border:none;
  background-color:transparent;
}
.contentRight {
  width: 690px;
  float: right;
}
.contentRight ol li
{
margin-left: 10px;
}
.contentWrapper {
  background-image: url(../images/backer_content_wrapper.jpg);
  background-repeat: repeat-y;
  min-height:450px;
}
.primaryContent {
float: left;
width: 400px;
}
.subContent
{
float: right;
width: 250px;
}

.footer {
  height: 60px;
  background-image: url(../images/backer_footer.jpg);
  background-repeat: no-repeat;
  padding:5pt 10pt;
  text-align:right;
}
.RecentUpdates {
  width: 390px;
  background-image: url(../images/NewPagesBacker.png);
  background-repeat: repeat-y;
  float: right;
  margin: 0px 0px 25px 25px;
}
.RecentUpdatesContent {
  background-image: url(../images/NewPagesContent.png);
  background-repeat: no-repeat;
  padding: 55px 20px 5px 115px;
  color: #fff;
}
.RecentUpdatesContent td {
  padding: 3px;
}
.RecentUpdatesContent td a {
  color:white;
}
.RecentUpdatesContent a {
  color:white;
}
.RecentUpdatesFooter {
  background-image: url(../images/NewPagesFooter.png);
  background-repeat: no-repeat;
  height: 8px; 
}
.beforeCall {
  width: 390px;
  background-image: url(../images/backer_before.jpg);
  float: right;
  margin: 0px 0px 25px 25px;
}
.beforeCallContent {
  padding: 55px 20px 5px 115px;
  background-image: url(../images/backer_before_content.jpg);
  background-repeat:no-repeat;
  color: #fff;
}
.beforeCallContent td {
  padding: 3px;
}
.beforeCallContent td a {
  color:white;
}
.beforeCallContent a {
  color:white;
}
.beforeCallFooter {
  background-image: url(../images/backer_before_footer.jpg);
  background-repeat: no-repeat;
  height: 10px;
  margin: 0px 0px -4px 0px;
}
.beforeCallNew {
  width: 390px;
  height:126px;
  background-image: url(../images/BeforeYouCallRed.png);
  float: right;
  margin: 0px 0px 25px 25px;
}
.beforeCallContentNew {
  padding: 55px 20px 5px 115px;
  color: #fff;
}
.beforeCallContentNew td {
  padding: 3px;
}
.beforeCallContentNew td a {
  color:white;
}
.beforeCallContentNew a {
  color:white;
}
.btnMoreHelp {
  display: block;
  width: 195px;
  height: 40px;
  background-image: url(../images/btn_more_help.jpg);
  background-repeat: no-repeat;
}
.defineword
  {
    text-decoration:underline;
  }
.linksTertiary li 
{
  height: 36px;
  background-image: url(/media/10046/seperator.png);
  background-position: top center;
  background-repeat:no-repeat;
  padding:3pt 0pt;
  border:none;
  background-color:transparent;
}
.linksTertiary li:first-child 
{
  height: 36px;
  background-image:none;
  border:none;
  background-color:transparent;
}
.linksTertiary li a
{
  background-image:none;
  color: #3F5192;
  border:none;
  background-color:transparent;
}
.MissionStatement
{
  font-style:italic;
  font-weight:bold;
  font-size:12pt;
}
.PageEnd
{
  color:gray;
  padding:0pt 10pt 0pt 10pt;
  text-align:center;
}

.CNIT
{
  border:1pt solid black;
  width:100%;
}

.CNIT td
{
  border:1pt solid black;
  text-align:center;
  padding:3pt;
}

.ContactForm
{
  width:90%;
}

.ContactForm td
{
  vertical-align:top;
}

#Column1
{
  width:25%;
}

#Column2
{
  width:75%;
}

.JobForm
{
  width:100%;
  table-layout:fixed;
}

.4Column
{
  vertical-align:top;
  width:24%;
  padding:5pt;
}

.2Column
{
  vertical-align:top;
  width:48%;
  padding:3pt;
}

.JobForm .SmallPrint
{
  font-size:7pt;
}

.TextColumn
{
  width:90%;
}

.MaintenanceCostTable th
{
  border-top:0;
  border-bottom:1pt solid gray;
  font-weight:bold;
}

.MaintenanceCostTable td
{
  padding:3pt;
}

.FormsTable
{
  border-collapse:collapse;
}

.FormsTable th
{
  font-weight:bold;
  text-align:center;
  border:1pt solid black;
  background-color:#D2E1E8;
  padding:3pt;
}

.FormsTable th#NameHeader
{
  width:30%
}

.FormsTable th#InstructionsHeader
{
  width:50%
}

.FormsTable th#DownloadHeader
{
  width:20%
}

.FormsTable td
{
  padding:3pt;
  border:1pt solid black;
}

ol li ol
{
  list-style-type:lower-alpha;
  padding-left:5pt;
}

.PartnersTable
{

}

.PartnersTable td
{
  text-align:center;
  padding:5pt;
}

.PartnersTable td img
{
  max-width:200px;
}

.BackToTop
{
  text-align:right;
}

.contentRight ol
{
margin-left:14px;

}
/*********************************************************
   Application Generator, Program Recommender, & AIR Generator Styles
*********************************************************/
.Wizard
{
  Background-color:#EFF3FB;
  border:1pt solid #B5C7DE;
  padding:3pt;
}

.WizardHeader
{
  background-color:#EFF3FB;
  font-weight:bold;
  color:White;
  text-align:right;
  padding:3pt;
}

.WizardNav
{
  background-color:White;
  border:1pt solid #507CD1;
  color:#284E98;
  padding:3pt;
}

.WizardSideBarButton
{
  background-color:#507CD1;
  Color:White;
  margin:3pt;
  cursor:default;
}

.WizardSideBarButton:hover
{
  background-color:#507CD1;
  Color:White;
  margin:3pt;
  text-decoration:none;
  cursor:default;
}

.WizardSideBar
{
  background-color:#507CD1;
  vertical-align:top;
  padding:3pt;
  cursor:default;
}

.WizardStep
{
  Color:#333333;
  padding:3pt;
}

.WizardStep label
{
  padding:0pt 3pt;
}

.WizardDownloadBox
{
  background-color:#507CD1;
  vertical-align:top;
  padding:3pt;
  text-align:center;
}

.WizardDownloadLink
{
  color:White;
  font-weight:bold;
}

.WizardButtonHide
{
    display:none;
}

.WizardTable
{
    max-width:600px;
    min-width:400px;
}

.WizardTable td
{
    padding:3pt;
    vertical-align:top;
}

.WizardQuestionCell
{
    min-width:200px;
    max-width:400px;
}

.WizardAnswerCell
{
    width:200px;
    min-width:200px;
    max-width:200px;
}

.ChildTable
{
  width:400px;
}

.ChildTable td
{
  padding:3pt;
  text-align:center;
}

/***********************************************************************
  Affordable Housing Rental Opportunities Styles
***********************************************************************/
.ImageThumbnailContainer
{
  max-height:450px;
  width:250px;
  float:left;
  overflow-y:auto;
  margin-bottom:10pt;
}

.AmenitiesTable
{
  width:90%;
}

.AmenitiesTable th
{
  font-weight:bold;
  border-top:0pt solid;
  border-bottom: 1pt solid gray;
}

.AmenitiesTable td
{
  padding:3pt;
}

.AffordableOpportunities
{
  float:right;
  width:390px;
  margin: 0px 0px 25px 25px;
}

.MainPageSideBar
{
  width:400px;
  float:right;
}
/*********************************************************************
  Site Managers Table
*********************************************************************/

.SMTable
{
  border-collapse:collapse;
}

.SMTable th
{
  font-weight:bold;
  text-align:center;
  border:1pt solid black;
  background-color:#D2E1E8;
  padding:3pt;
}

.SMTable th#NameHeader
{
  width:30%;
}

.SMTable th#ProjectsHeader
{
  width:40%;
}

.SMTable th#PhoneHeader
{
  width:30%;
}

.SMTable td
{
  padding:3pt;
  border:1pt solid black;
}
/**********************************************************************
  jQuery Show Hide Styles
**********************************************************************/
.toggle
{
  padding-left:20pt;
}
.toggleContainerShow
{
  background:url(../images/ArrowDown.png) no-repeat left center;
  padding-left:20pt;
  cursor:pointer;
}

.toggleContainerHide
{
  background:url(../images/ArrowUp.png) no-repeat left center;
  padding-left:20pt;
  cursor:pointer;
}
/*********************************************************************
  Community Resources Page
*********************************************************************/
.CommunityResource
{
  margin-bottom:7pt;
  min-width:617px;
  width:617px;
  border-collapse:collapse;
  border:2pt solid #ccc;
  -moz-border-radius:5pt;
  -webkit-border-radius:5pt;
  border-radius:5pt;
  -moz-box-shadow: 3px 3px 3px #999;
   -webkit-box-shadow: 3px 3px 3px #999;
   box-shadow: 3px 3px 3px #999;
}

.CommunityResource table td
{
  padding:3pt;
}
.CommunityResource .logo
{
  width:217px;
  padding-left:10pt;
}

.CommunityResource .website
{
  width:400px;
  text-align:center;
}

.CommunityResource .categories
{
  display:none;
}

.CommunityResource h2
{
  padding:0pt 0pt 0pt 5pt;
  margin:0pt;
}

.Category
{
  width:100%;
}



/************************************************************************
  Tenant Centre Styles
************************************************************************/
.WardListing
{
  display: none; 
  position: absolute; 
  border:2pt solid #ccc;
  -moz-border-radius:5pt;
  -webkit-border-radius:5pt;
  border-radius:5pt;
  -moz-box-shadow: 3px 3px 3px #999;
   -webkit-box-shadow: 3px 3px 3px #999;
   box-shadow: 3px 3px 3px #999;
  width:394px;
  height:455px;
  background-color:white;
  padding:3pt;
}

.WardCentres
{
  width:388px;
  height:394px;
  padding:3pt;
  overflow-y:auto;
  overflow-x:hidden;
}

.WardLinksTable
{
  width:100%;
}

.WardLinksTable td
{
  padding:3pt;
}
.SixWardLink
{
  text-align:center;
  width:33%;
  cursor:pointer;
}
.SixWardLink:Hover
{
  text-align:center;
  width:33%;
  border:1pt solid black;
  cursor:pointer;
}
.SixWardLinkSelected
{
  text-align:center;
  width:33%;
  border:1pt solid black;
  cursor:pointer;
}
.TwelveWardLink
{
  text-align:center;
  width:34%;
  cursor:pointer;
}
.TwelveWardLink:Hover
{
  text-align:center;
  width:34%;
  border:1pt solid black;
  cursor:pointer;
}
.TwelveWardLinkSelected
{
  text-align:center;
  width:34%;
  border:1pt solid black;
  cursor:pointer;
}
.RidingLink
{
  text-align:center;
  width:33%;
  cursor:pointer;
}
.RidingLink:Hover
{
  text-align:center;
  width:33%;
  border:1pt solid black;
  cursor:pointer;
}
.RidingLinkSelected
{
  text-align:center;
  width:33%;
  border:1pt solid black;
  cursor:pointer;
}
/*********************************************************
   Agencies Table
*********************************************************/
.AgenciesTable
{
  border-collapse:collapse;
}

.AgenciesTable tr th
{
  background-color:#669999;
  color:#FFF;
}

.AgenciesTable tr:hover
{
  border:1pt solid black; 
}

.AgenciesTable td
{
  margin:0pt;
  padding:3pt;
}

.AgenciesTable .organization
{
 background-color:#99CCCC; 
}

.AgencyCategories
{
 text-align:center;
}
/************************************************
  Accordion Styles
************************************************/
.Accordion
{
  height:500px;
  width:390px;
  margin:5pt;
}

.AccordionHeader
{
 border:1px solid black;
 padding:7pt;
 font-family:verdana;
 cursor:pointer; 
 margin-top:3px;
 /*background: url(../images/Backer1.png) repeat-x;*/
 background-image: -moz-linear-gradient(left, rgba(68,68,68,1) 60%, rgba(153,153,153,0.25)), url('http://www.crhc.ab.ca/media/58537/stonyplain.jpg') ;
 background-position: top left, right;
 background-repeat: repeat-x; no-repeat;
 color:white;
}

.AccordionContent
{
  padding:5px;
  border:1px solid black;
  border-top:none;
  margin-bottom:3px;
}

.AccordionContent img
{
  padding-bottom:5px;
}































































































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */