/* ==============================================================
*
* homeC control styles
*
/* --------------------------------------------------------------
/* Edito container
-------------------------------------------------------------- */
.homeCeditoContainer, .homeCeditoContainerHover{
  position: absolute;
  left: 10px; 
  top: 139px;
  width: 497px;
  height: 260px;
  border: solid 1px #F1D5F8;
  text-align: left;
  cursor: pointer;  
}
.homeCeditoContainer{
  background-color: White;
}
.homeCeditoContainerHover{
  background-color: #F2D6F3;
}
.homeCeditoContainer .containerTitle, .homeCeditoContainerHover .containerTitle{
  position: absolute; 
  left: 9px; 
  top: -22px;
}
.homeCeditoContainer .containertable, .homeCeditoContainerHover .containertable{
  width: 100%;
  height: 100%;
}
.homeCeditoContainer .articleTextsContainer, .homeCeditoContainerHover .articleTextsContainer{
  overflow: hidden; 
  height: 200px;
  margin-bottom: 8px;
}
.homeCeditoContainer .articleTitle, .homeCeditoContainerHover .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;
}
.homeCeditoContainer .articleDescription, .homeCeditoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 12px; 
  color: #CF72E5;
  margin: 0px 10px 0px 10px;
  text-align: left;
}
.homeCeditoContainer .articleImageContainer, .homeCeditoContainerHover .articleImageContainer{
  vertical-align: top;
  padding: 8px 0px 8px 8px;
}
.homeCeditoContainer .articleImage, .homeCeditoContainerHover .articleImage{
  /*width: 180px;*/
  margin: 35px 0px 0px 0px;
}
.homeCeditoContainer a, .homeCeditoContainerHover a{
  color: #A434A7;
  text-decoration: none;
  font-weight: bold;
  margin-left: 10px;
}
.homeCeditoContainer a:hover, .homeCeditoContainerHover a{
  text-decoration: underline;
}
.homeCeditoContainer a:visited, .homeCeditoContainerHover a{
  color: #353535;
}
/* --------------------------------------------------------------
/* FreeContent container (zone2)
-------------------------------------------------------------- */ 
.homeCfreeContentContainer{
  position: absolute;
  left: 516px;
  top: 139px;
  width: 248px;
  height: 262px;
  overflow: hidden;
}
/* --------------------------------------------------------------
/* Video container (Zone 2)
-------------------------------------------------------------- */ 
.homeCvideoContainer, .homeCvideoContainerHover{
  position: absolute;
  left: 530px;
  top: 145px;
  width: 221px;
  height: 221px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
.homeCvideoContainer{
  background-image: url(Images/design/homeC_videoContainer.png);
}
.homeCvideoContainerHover{
  background-image: url(Images/design/homeC_videoContainerHover.png);
}
.homeCvideoContainer .containerTitle, .homeCvideoContainerHover .containerTitle{
  position:absolute; 
  left: 28px; 
  top: -18px;
}
.homeCvideoContainer .articleContentsContainer, .homeCvideoContainerHover .articleContentsContainer{
  height: 110px;
  overflow: hidden;
}
.homeCvideoContainer .articleTitle, .homeCvideoContainerHover .articleTitle{
  font-family: Georgia; 
  font-size: 18px; 
  font-weight: bold; 
  font-style: italic; 
  color: #B53730;
  width: 160px;
  height: 21px;
  overflow: hidden;
  text-align: center;
  margin: 36px 0px 0px 30px;
}
.homeCvideoContainer .articleDescription, .homeCvideoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 11px; 
  color: white;
  width: 160px;
  margin: 10px 0px 10px 30px;
  height: 28px;
  overflow: hidden;
}
.homeCvideoContainer .articleImageContainer, .homeCvideoContainerHover .articleImageContainer{
  width: 127px;
  height: 75px;
  margin: auto;
}
.homeCvideoContainer .articleImageContainer{
  background-image: url(Images/design/videoImageBackground.png);
}
.homeCvideoContainerHover .articleImageContainer{
  background-image: url(Images/design/videoImageBackgroundHover.png);
}
.homeCvideoContainer .articleImageContainer .articleImageTable, .homeCvideoContainerHover .articleImageContainer .articleImageTable{
  width: 100%;
  height: 100%;
  vertical-align: middle; 
  text-align: center;
}
.homeCvideoContainer .articleImage, .homeCvideoContainerHover .articleImage{
  /*width: 90px;
  height: 50px;*/
}
/* --------------------------------------------------------------
/* Psycho container (Zone 3)
-------------------------------------------------------------- */
.homeCpsychoContainer, .homeCpsychoContainerHover{
  position: absolute;
  top: 434px;
  left: 10px;
  width: 372px;
  height: 164px;
  border: solid 1px #F1D5F8;
  margin-right: 4px;
  cursor: pointer;
}
.homeCpsychoContainer{
  background-color: #F095F4;
}
.homeCpsychoContainerHover{
  background-color: white;
}
.homeCpsychoContainer .containerTitle, .homeCpsychoContainerHover .containerTitle{
  position: absolute; 
  left: 9px; 
  top: -21px;
}
.homeCpsychoContainer .containertable, .homeCpsychoContainerHover .containertable{
  width: 100%;
  height: 100%;
}
.homeCpsychoContainer .articleContentsContainer, .homeCpsychoContainerHover .articleContentsContainer{
  height: 137px;
  overflow: hidden;
}
.homeCpsychoContainer .articleTitle, .homeCpsychoContainerHover .articleTitle{
  font-family: Georgia; 
  font-size: 24px; 
  font-weight: bold; 
  font-style: italic; 
  margin: 13px 8px 8px 8px;
  text-align: left;
  color: #A434A7;
}
.homeCpsychoContainer .articleTitle{
  border-bottom: dotted 1px white;
}
.homeCpsychoContainerHover .articleTitle{
  border-bottom: dotted 1px #CF72E5;
}
.homeCpsychoContainer .articleDescription, .homeCpsychoContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 12px; 
  margin: 0px 10px 0px 10px;
  text-align: left;
}
.homeCpsychoContainer .articleDescription{
  color: white;
}
.homeCpsychoContainerHover .articleDescription{
  color: #CF72E5;
}
.homeCpsychoContainer .articleImage, .homeCpsychoContainerHover .articleImage{
  /*height: 150px;*/
  margin: 8px;
}
.homeCpsychoContainer a, .homeCpsychoContainerHover a{
  color: #A434A7;
  text-decoration: none;
  font-weight: bold;
}
.homeCpsychoContainer a:hover, .homeCpsychoContainerHover a:hover{
  text-decoration: underline;
}
.homeCpsychoContainer a:visited, .homeCpsychoContainerHover a:visited{
  color: #353535;
}
/* --------------------------------------------------------------
/* Poll container
-------------------------------------------------------------- */
.homeCpollContainer, .homeCpollContainerHover{
  position: absolute;
  top: 434px;
  left: 390px;
  width: 372px;
  height: 164px;
  text-align: left;
  border: solid 1px #A57D66; 
  cursor: pointer;
}
.homeCpollContainer{
  background-color: White;
}
.homeCpollContainerHover{
  background-color: #E4D8D1;
}
.homeCpollContainer .containerTitle, .homeCpollContainerHover .containerTitle{
  position:absolute; 
  left: 6px; 
  top: -6px;
}
/* --------------------------------------------------------------
/* Recipy container (all recipy containers A-B-C are defined in home.css)
-------------------------------------------------------------- */