/* ==============================================================
*
* HomeB control styles
*
/* --------------------------------------------------------------
/* Edito container
-------------------------------------------------------------- */
.homeBeditoContainer, .homeBeditoContainerHover{
  position: absolute;
  left: 10px; 
  top: 139px;
  width: 241px;
  height: 452px;
  border: solid 1px #F1D5F8;
  cursor: pointer;
}
.homeBeditoContainer{
  background-color: White;
}
.homeBeditoContainerHover{
  background-color: #F2D6F3;
}
.homeBeditoContainer .containerTitle, .homeBeditoContainerHover .containerTitle{
  position: absolute; 
  left: 9px; 
  top: -22px;
}
.homeBeditoContainer .articleContentsContainer, .homeBeditoContainerHover .articleContentsContainer{
  height: 405px; 
  padding-top: 20px;
  overflow: hidden;
}
.homeBeditoContainer .articleTitle, .homeBeditoContainerHover .articleTitle{
  font-family: Georgia; 
  font-size: 30px; 
  font-weight: bold; 
  font-style: italic; 
  margin: 0px 8px 0px 8px;
  padding: 0px 4px 0px 4px;
  text-align: left;
  color: #A434A7;
  border-bottom: dotted 1px black;
}
.homeBeditoContainer .articleDescription, .homeBeditoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 12px; 
  color: #CF72E5;
  margin-left: 10px;
  text-align: left;
}
.homeBeditoContainer .articleImage, .homeBeditoContainerHover .articleImage{
  /*width: 224px;*/
  margin: 8px;
}
.homeBeditoContainer .articleLink, .homeBeditoContainerHover .articleLink{
  margin-top: 4px;
}
.homeBeditoContainer a, .homeBeditoContainerHover a{
  color: #A434A7;
  text-decoration: none;
  font-weight: bold;
  margin-left: 10px;
}
.homeBeditoContainer a:hover, .homeBeditoContainerHover a:hover{
  text-decoration: underline;
}
.homeBeditoContainer a:visited, .homeBeditoContainerHover a:visited{
  color: #353535;
}
/* --------------------------------------------------------------
/* FreeContent container (zone2)
-------------------------------------------------------------- */ 
.homeBfreeContentContainer{
  position: absolute;
  left: 264px;
  top: 139px;
  width: 243px;
  height: 327px;
  overflow: hidden;
}
/* --------------------------------------------------------------
/* Video container (Zone 2)
-------------------------------------------------------------- */ 
.homeBvideoContainer, .homeBvideoContainerHover{
  position: absolute;
  left: 264px;
  top: 130px;
  width: 243px;
  height: 256px;
  background-repeat: no-repeat;
  background-position: center;
}
.homeBvideoContainer{
  background-image: url(Images/design/homeB_videoContainer.png);
}
.homeBvideoContainerHover{
  background-image: url(Images/design/homeB_videoContainerHover.png);
}
.homeBvideoContainer .containerTitle, .homeBvideoContainerHover .containerTitle{
  position: absolute; 
  left: 35px; 
  top: 5px;
}
.homeBvideoContainer .articleTitle, .homeBvideoContainerHover .articleTitle{
  margin: 50px 0px 0px 46px;
  font-family: Georgia; 
  font-size: 18px; 
  font-weight: bold; 
  font-style: italic; 
  color: #B53730;
  text-align: center;
  width: 150px;
  height: 21px;
  overflow: hidden;
}
.homeBvideoContainer .articleDescription, .homeBvideoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 11px; 
  color: white;
  margin: 10px 0px 10px 46px;
  width: 152px;
  height: 40px;
  overflow: hidden;
}
.homeBvideoContainer .articleImageContainer, .homeBvideoContainerHover .articleImageContainer{
  width: 127px;
  height: 75px;
  margin: auto;
}
.homeBvideoContainer .articleImageContainer{
  background-image: url(Images/design/videoImageBackground.png);
}
.homeBvideoContainerHover .articleImageContainer{
  background-image: url(Images/design/videoImageBackgroundHover.png);
}
.homeBvideoContainer .articleImageContainer table, .homeBvideoContainerHover .articleImageContainer table{
  width: 100%;
  height: 100%;
  vertical-align: middle; 
  text-align: center;
}
.homeBvideoContainer .articleImage, .homeBvideoContainerHover .articleImage{
  /*width: 90px;
  height: 50px;*/
}
/* --------------------------------------------------------------
/* Psycho container (Zone 3)
-------------------------------------------------------------- */
.homeBpsychoContainer, .homeBpsychoContainerHover{
  position: absolute;
  left: 516px;
  top: 139px;
  width: 243px;
  height: 325px;
  border: solid 1px #F1D5F8;
  cursor: pointer;
}
.homeBpsychoContainer{
  background-color: White;
}
.homeBpsychoContainerHover{
  background-color: #FADFFC;
}
.homeBpsychoContainer .containerTitle, .homeBpsychoContainerHover .containerTitle{
  position: absolute; 
  left: 9px; 
  top: -22px;
}
.homeBpsychoContainer .articleTitle, .homeBpsychoContainerHover .articleTitle{
  font-family: Georgia; 
  font-size: 24px; 
  font-weight: bold; 
  font-style: italic; 
  margin: 18px 8px 0px 8px;
  text-align: left;
  color: #A434A7;
  border-bottom: dotted 1px black;
}
.homeBpsychoContainer .articleDescription, .homeBpsychoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 12px; 
  color: #CF72E5;
  margin: 8px 10px 0px 10px;
  text-align: left;
}
.homeBpsychoContainer .articleContentsContainer, .homeBpsychoContainerHover .articleContentsContainer{
  height: 298px;
  overflow: hidden;
}
.homeBpsychoContainer .articleImageContainer, .homeBpsychoContainerHover .articleImageContainer{
  float: right;
}
.homeBpsychoContainer .articleImage, .homeBpsychoContainerHover .articleImage{
  /*width: 100px;*/
  margin: 8px;
}
.homeBpsychoContainer .articleLinkContainer, .homeBpsychoContainerHover .articleLinkContainer{
  margin: 4px 0px 4px 0px;
}
.homeBpsychoContainer a, .homeBpsychoContainerHover a{
  color: #A434A7;
  text-decoration: none;
  font-weight: bold;
  margin-left: 10px;
}
.homeBpsychoContainer a:hover, .homeBpsychoContainerHover a:hover{
  text-decoration: underline;
}
.homeBpsychoContainer a:visited, .homeBpsychoContainerHover a:visited{
  color: #353535;
}
/* --------------------------------------------------------------
/* Poll container
-------------------------------------------------------------- */
.homeBpollContainer, .homeBpollContainerHover{
  position: absolute;
  left: 300px;
  top: 478px;
  width: 430px; 
  height: 113px; 
  text-align: left;
  cursor: pointer;
}
.homeBpollContainer{
  border: solid 1px #C4AA9B; 
  background-color: #C4AA9B;
}
.homeBpollContainerHover{
  border: solid 1px #E5D9D3; 
  background-color: #E5D9D3;
}
.homeBpollContainer .containerTitle, .homeBpollContainerHover .containerTitle{
  position: absolute; 
  left: 6px; 
  top: -6px;
}
.homeBpollContainer .pollChoices LI{
  color: White;
}
.homeBpollContainer .pollAnswer{
  color: White;
}
/* --------------------------------------------------------------
/* Recipy container (all recipy containers A-B-C are defined in home.css)
-------------------------------------------------------------- */