/* ==============================================================
*
* HomeA control styles
*
/* --------------------------------------------------------------
/* Edito container (zone1)
-------------------------------------------------------------- */
.homeAeditoContainer, .homeAeditoContainerHover{
  position: absolute;
  left: 10px; 
  top: 139px;
  width: 497px;
  height: 250px;
  border: solid 1px #F1D5F8;
  text-align: left;
  cursor: pointer;  
}
.homeAeditoContainer{
  background-color: White;
}
.homeAeditoContainerHover{
  background-color: #F2D6F3;
}
.homeAeditoContainer .containerTitle, .homeAeditoContainerHover .containerTitle{
  position: absolute; 
  left: 9px; 
  top: -22px;
}
.homeAeditoContainer .containertable, .homeAeditoContainerHover .containertable{
  width: 100%;
  height: 100%;
}
.homeAeditoContainer .articleTextsContainer, .homeAeditoContainerHover .articleTextsContainer{
  overflow: hidden; 
  height: 200px;
  margin-bottom: 8px;
}
.homeAeditoContainer .articleTitle, .homeAeditoContainerHover .articleTitle{
  font-family: Georgia; 
  font-size: 30px; 
  font-weight: bold; 
  font-style: italic; 
  text-align: left;
  color: #A434A7;
  border-bottom: dotted 1px black;
  padding: 20px 0px 10px 2px;
  margin: 0px 8px 10px 8px;
}
.homeAeditoContainer .articleDescription, .homeAeditoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 12px; 
  color: #CF72E5;
  margin: 0px 10px 0px 10px;
  text-align: left;
}
.homeAeditoContainer .articleImageContainer, .homeAeditoContainerHover .articleImageContainer{
  vertical-align: top;
}
.homeAeditoContainer .articleImage, .homeAeditoContainerHover .articleImage{
  /*width: 180px;*/
  margin: 10px 8px 8px 0px;
}
.homeAeditoContainer a, .homeAeditoContainerHover a{
  color: #A434A7;
  text-decoration: none;
  font-weight: bold;
  margin-left: 10px;
}
.homeAeditoContainer a:hover, .homeAeditoContainerHover a{
  text-decoration: underline;
}
.homeAeditoContainer a:visited, .homeAeditoContainerHover a{
  color: #353535;
}
/* --------------------------------------------------------------
/* Psycho container (zone2)
-------------------------------------------------------------- */
.homeApsychoContainer, .homeApsychoContainerHover{
  position: absolute;
  left: 518px; 
  top: 139px;
  width: 246px;
  height: 213px;
  border: solid 1px #F1D5F8;
  cursor: pointer;  
}
.homeApsychoContainer{
  background-color: White;
}
.homeApsychoContainerHover{
  background-color: #FADFFC;
}
.homeApsychoContainer .containerTitle, .homeApsychoContainerHover .containerTitle{
  position: absolute; 
  left: 9px; 
  top: -22px;
}
.homeApsychoContainer .articleContentsContainer, .homeApsychoContainerHover .articleContentsContainer{
  overflow: hidden; 
  height: 179px;
  margin-bottom: 8px;
}
.homeApsychoContainer .articleTitle, .homeApsychoContainerHover .articleTitle{
  font-family: Georgia; 
  font-size: 20px; /* 24px */
  font-weight: bold; 
  font-style: italic; 
  margin: 0px 8px 10px 8px;
  padding: 20px 0px 10px 2px;
  text-align: left;
  color: #A434A7;
  border-bottom: dotted 1px black;
}
.homeApsychoContainer .articleDescription, .homeApsychoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 12px; 
  color: #CF72E5;
  text-align: left;
  margin: 0px 10px 0px 10px;
}
.homeApsychoContainer .articleImageContainer, .homeApsychoContainerHover .articleImageContainer{
  float: right;
  margin: 0px 8px 8px 8px;
}
.homeApsychoContainer .articleImage, .homeApsychoContainerHover .articleImage{
  /*width: 98px;*/
}
.homeApsychoContainer a, .homeApsychoContainerHover a{
  color: #A434A7;
  text-decoration: none;
  font-weight: bold;
  margin-left: 10px;
  float: left;
}
.homeApsychoContainer a:hover, .homeApsychoContainerHover a:hover{
  text-decoration: underline;
}
.homeApsychoContainer a:visited, .homeApsychoContainerHover a:visited{
  color: #353535;
}
/* --------------------------------------------------------------
/* FreeContent container (zone3)
-------------------------------------------------------------- */ 
.homeAfreeContentContainer{
  position: absolute;
  top: 365px;
  left: 518px;
  width: 247px;
  height: 234px;  
  overflow: hidden;
}
/* --------------------------------------------------------------
/* Video container (zone3)
-------------------------------------------------------------- */ 
.homeAvideoContainer, .homeAvideoContainerHover{
  position: absolute;
  top: 380px;
  left: 530px;
  width: 219px;
  height: 219px;  
  cursor: pointer; 
  background-repeat: no-repeat;
  background-position: center;
}
.homeAvideoContainer{
  background-image: url(Images/design/homeA_videoContainer.png);
}
.homeAvideoContainerHover{
  background-image: url(Images/design/homeA_videoContainerHover.png);
}
.homeAvideoContainer .containerTitle, .homeAvideoContainerHover .containerTitle{
  position: absolute; 
  left: 30px; 
  top: -15px;
}
.homeAvideoContainer .articleTitle, .homeAvideoContainerHover .articleTitle{
  font-family: Georgia; 
  font-size: 18px; 
  font-weight: bold; 
  font-style: italic; 
  margin: auto;
  margin-bottom: 10px;
  color: #B53730;
  padding-top: 20px;
  width: 150px;
  height: 40px;
  text-align: center;
}
.homeAvideoContainer .articleDescription, .homeAvideoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 11px; 
  color: white;
  height: 28px;
  overflow:hidden;
  width: 200px;
  margin: 0px 0px 10px 8px;
  text-align: center;
}
.homeAvideoContainer .articleImageContainer, .homeAvideoContainerHover .articleImageContainer{
  width: 127px;
  height: 75px;
  margin: auto;
}
.homeAvideoContainer .articleImageContainer{
  background-image: url(Images/design/videoImageBackground.png);
}
.homeAvideoContainerHover .articleImageContainer{
  background-image: url(Images/design/videoImageBackgroundHover.png);
}
.homeAvideoContainer .articleImageContainer table, .homeAvideoContainerHover .articleImageContainer table{
  width: 100%;
  height: 100%;
  vertical-align: middle; 
  text-align: center;
}
.homeAvideoContainer .articleImage, .homeAvideoContainerHover .articleImage{
  /*width: 90px;
  height: 50px;*/
  border: 0;
}
/* --------------------------------------------------------------
/* Poll container
-------------------------------------------------------------- */
.homeApollContainer, .homeApollContainerHover{
  position: absolute;
  top: 416px; 
  left: 47px;
  width: 430px; 
  height: 145px; 
  text-align: left;
  border: solid 1px #A57D66; 
}
.homeApollContainer{
  background-color: white;
}
.homeApollContainerHover{
  background-color: #E4D8D1;
}
.homeApollContainer .containerTitle, .homeApollContainerHover .containerTitle{
  position:absolute; 
  left: -9px; 
  top: -7px;
}
.homeApollContainer .pollContainer, .homeApollContainerHover .pollContainer{
  width: 280px; 
  margin: 30px 20px 0px 135px;
}

/* --------------------------------------------------------------
/* Recipe container (all recipe containers A-B-C are defined in home.css)
-------------------------------------------------------------- */