@charset "utf-8";
/* CSS Document */
/*Add additional classes as necessary for layout of your specific site*/
@import url(navigation.css);
/*Portal Body*/
.tableMain{
	width:780px;
	margin: 0;
    padding: 0;
	font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
	font-size:14px;
}
.portalBody{
	width:100%;
}

/**********************************************************PORTAL TOP NAVIGATION SETTINGS ****************************************************************/
.PortalNav{                                                                                                                                            /**/
	 width:100%;                                                                                                                                          /**/
	 background-image:url(../Images/Resident_Portal_Nav_BG.jpg);
	 background-repeat:no-repeat;                                                                                                                          /**/                                                                                                                                      /**/
	 font-weight:bold;                                                                                                                                    /**/                                                                                                   /**/                                                                                                                                        /**/
	 line-height:28px;  
	 padding-left: 165px;                                                                                                                                  /**/                                                                                                                                    /**/
}                                                                                                                                                      /**/
                                                                                                                                                       /**/
ul.MenuBarHorizontal a                                                                                                                                 /**/
{                                                                                                                                                      /**/
    display:block;                                                                                                                                        /**/	
	cursor: pointer;                                                                                                                                      /**/                                                                                                                          /**/
	padding: 0em 0.75em;                                                                                                                                /**/
	color: #ffffff;                                                                                                                                          /**/                                                                                                                           /**/
}                                                                                                                                                      /**/
ul.MenuBarHorizontal ul                                                                                                                                /**/
{                                                                                                                                                      /**/
	line-height:28px;
	background-color: #b93f0a;
	width: 180px;                                                                                                                          /**/
}                                                                                                                                                      /**/
                                                                                                                                                       /**/
/* Change Mouseover effect for the menu bar                                                                                                              */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus                                                                                             /**/
{                                                                                                                                                      /**/                                                                                                                        /**/
	font-family: Arial, Helvetica, sans-serif; 
	color: #989d0e;   
	text-decoration: underline;                                                                                                                               /**/
} 
                                                                                                                                                     /**/
/* Menu items that are open with submenus Mouseover effect for the menu bar                                                                              */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible                  /**/
{                                                                                                                                                      /**/                                                                                                                       /**/
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;   
	text-decoration: underline;                                                                                                                              /**/
}                                                                                                                                                      /**/
/********************************************************************************************************************************************************/
/*This applies to the survey answer only "the page where votes are taken" */
.SurveyMain{
 margin:0 auto !important;
 width:550px;
 background-color:#ffffff;
}
.Surveysub{
 margin:20px auto !important;
	padding-left:10px;
	padding-right:10px;
 width:340px;
}


/* columnAlt is used for pages that only have two columns e.g. FAQ's */
.columnAlt{       	
	width: 606px; 
	background-color: #454444;
	height: 400px;
	text-align:left; 
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-right-width:1px;
}                                                                                                                              

.columnLeft{ 
	width:174px;
	background-image:url(../Images/Resident_Portal_Left.jpg);
	background-repeat: repeat-y;	
}
.columnCenter{   
  width:384px; 
  text-align:justify;
  background-image:url(../Images/Resident_Portal_Center.jpg);
  background-repeat: repeat-y;
}
.columnRight{
  width:222px;
  background-image:url(../Images/Resident_Portal_Right.jpg);
  background-repeat: repeat-y; 
}
/*Header for navigation and content box headers you can add repeating background images here for button effects*/
.ContainerHeader{
	width:100%;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:2px;
	font-weight:800;
	font-size:11px;	
	text-align:center;
	line-height:22px;
	height:22px;
}

.ContainerHeader a:active     { color: #ffffff; text-decoration:none;}  
.ContainerHeader a:link       { color: #ffffff; text-decoration:none;} 
.ContainerHeader a:visited    { color: #ffffff; text-decoration:none;} 
.ContainerHeader a:hover      { color: #ffffff; text-decoration:underline; }

/*Content Box settings*/
.Container{
	width:100%;
	padding: 5px 0px 5px 0px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
}

.Container p{
	padding: 5px 1px 5px 0px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;  
    color:#FFFFFF;	
}
.RENEWAL{
	margin:0 ;
	padding: 0;
	width:100%;
	border-top-style:outset;
	border-top-color:#7f7800;
}
.SurveyTitle{
	margin:0;
	padding:0;
/*	
	background-color:#0099CC;
	color:#ffffff;*/
}

/* two colum banner settings*/
.pageChange {
  margin:0;
  padding:0;
  width:100%;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:12px;
  background-color:#bc400a;
  border-top-style:solid;
  border-top-color:#FFFFFF;
  border-top-width:1px;
}

.pageChange a:active     { color: #ffffff; text-decoration:none;}  
.pageChange a:link       { color: #ffffff; text-decoration:none;} 
.pageChange a:visited    { color: #ffffff; text-decoration:none;} 
.pageChange a:hover      { color:#3e1b09; }

.faq {
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:12px;
  line-height: 25px;
  text-align:left;
}

.faq a:active     { color: #ffffff; text-decoration:none;}  
.faq a:link       { color: #ffffff; text-decoration:none;} 
.faq a:visited    { color: #ffffff; text-decoration:none;} 
.faq a:hover      { color:#3e1b09; }
 

/*alternating row color settings for survey and faq pages*/ 
.rowcolor1{
  background-color:#666666;
}
.rowcolor2{
  background-color:#999999;
} 
/*************************************************** DO NOT EDIT ******************************/
 .NoCookies{
  margin:0;
  padding:0 30px;;
}
.NoCookies p{
  font-family:Arial, Helvetica, sans-serif;  
  color:#FFFFFF;
  font-size:18px;
  text-align:left;
}

.text_text {
  font-family:Arial, Helvetica, sans-serif;  
  color:#FFFFFF;
  font-size:14px;
}
 
 .LeftColumnText {
  text-align: right;
  width: 50%;
}

.RightColumnText {
  text-align: left;
  width: 50%;
}