/* a9-target-name: thewordofthemonth.com/css/style */
/***general***/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Times New Roman, Serif;
  font-size: 14px;
  overflow-y: scroll;
}

a,
.tooltip-to-add {
  color: #C00;
  text-decoration: none;
  outline: none;
  border: none;
  cursor: pointer;
}

.tooltip-to-add {
  color: #06C;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}

div.wom-container {
  width: 990px;
  margin: 0 auto;
}

.hidden {
  display: none;
}

.wom-clear {
  clear: both;
  font-size: 1px;
  height: 1px;
}

/***top-header***/
.wom-top-header a, #about-popup-link {
  color: #C00;
  text-decoration: none;
}

.wom-top-header a:hover, #about-popup-link:hover {
  text-decoration: underline;
}

.wom-top-header {
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 45px 0 0;
}

.wom-top-header ul {
  list-style: none;
  float: right;
}

.wom-top-header ul li {
  float: left;
  margin: 0 5px 0 0;
}

#about-popup-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

#id_emailaddress {
  width: 150px;
  background: white;
  border: 1px solid black;
  margin: 15px 0 0 5px;
  padding: 0;
  font-size: 12px;
  display: block;
  position: relative;
  float: left;
  color: #666;
  height: 23px;
  line-height: 23px;
}

.wom-submit {
  width: 25px;
  margin: 15px 0 0 5px;
  height: 25px;
  display: inline;
}

.wom-submit:hover {
  cursor: pointer;
}

/***header***/
div.word-of-the-month-left, div.word-of-the-month-right {
  float: left;
  width: 45%;
  padding: 0 0 0 5px;
}

h1 a {
  background: url("/images/the-word-of-the-month.jpg") no-repeat;
  height: 58px;
  width: 206px;
  float: right;
  margin: 0;
  text-indent: -5000px;
}

h2 {
  margin: -2px 0 0 0;
  font-size: 48px;
  line-height: 48px;
  color: #666;
}

p.wom-date {
  margin: -2px 0 0 0;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #666;
}

/***Arrows***/
.wom-arrow, .wom-content {
  float: left;
}

.wom-arrow {
  width: 46px;
  height: 550px;
  text-indent: -20000px;
  margin: 0 5px 0 5px;
}

.wom-arrow a {
  display: block;
  background-image: url("/images/wom-arrows-sprite.png");
  width: 46px;
  height: 86px;
  margin-top: 250px;
}

.wom-arrow-left a {
  background-position: 0 0;
}

.wom-arrow-left a:hover {
  background-position: 0 86px;
}

.wom-arrow-right a {
  background-position: 46px 0;
}

.wom-arrow-right a:hover {
  background-position: 46px 86px;
}

/***End Arrows***/
/***content***/
.wom-content {
  width: 845px;
}

body .wom-archives-content {
  width: 870px;
  margin: 0 auto;
}

/***blocks***/
h3 {
  font-size: 30px;
  margin: 0;
  padding: 5px 0 15px;
}

.wom-block-footer {
  padding: 0 20px;
}

.wom-block ul {
  style-type: circle;
  padding: 0 5px;
  margin: 0;
}

span.wom-first-letter {
  font-size: 32px;
  color: #06C;
  float: left;
  margin: -10px -2px;
}

.wom-content .wom-block {
  float: left;
  margin: 5px 0;
}

/*** definitions ***/
.wom-content .wom-definitions {
  width: 358px;
  float: right;
}

.wom-definitions .wom-block-header {
  background: url("/images/wom-block-bio-header.jpg") no-repeat;
  padding: 0 20px;
}

.wom-definitions .wom-block-content {
  background: url("/images/wom-block-bio-content.jpg") repeat-y;
}

.wom-definitions .wom-block-footer {
  background: url("/images/wom-block-bio-footer.jpg") no-repeat;
  height: 33px;
}

/*** examples ***/
.wom-content .wom-examples {
  width: 360px;
  float: right;
}

.wom-examples .wom-block-header {
  background: url("/images/wom-block-little-header.jpg") no-repeat;
  padding: 0 20px;
}

.wom-examples .wom-block-content {
  background: url("/images/wom-block-little-content.jpg") repeat-y;
}

.wom-examples .wom-block-footer {
  background: url("/images/wom-block-little-footer.jpg") no-repeat;
  height: 33px;
}

/*** also ***/
.wom-content .wom-content-left {
  float: left;
  width: 430px;
}

.wom-content .wom-content-right {
  float: right;
  width: 415px;
}

.wom-content .wom-also {
  width: 392px;
  float: right;
}

.wom-also .wom-block-header {
  background: url("/images/wom-block-also-header.jpg") no-repeat;
  padding: 0 20px;
}

.wom-also .wom-block-content {
  background: url("/images/wom-block-also-content.jpg") repeat-y;
}

.wom-also .wom-block-footer {
  background: url("/images/wom-block-also-footer.jpg") no-repeat;
  height: 31px;
}

/*** fun-facts ***/
.wom-content .wom-fun {
  width: 410px;
  margin-left: 20px;
}

.wom-fun .wom-block-header {
  background: url("/images/wom-block-fun-header.jpg") no-repeat;
  padding: 0 20px;
}

.wom-fun .wom-block-content {
  background: url("/images/wom-block-fun-content.jpg") repeat-y;
}

.wom-fun .wom-block-footer {
  background: url("/images/wom-block-fun-footer.jpg") no-repeat;
  height: 32px;
}

.wom-block span.wom-trad {
  display: block;
  float: right;
  height: 28px;
  width: 28px;
  cursor: pointer;
}

/***footer***/
.wom-footer {
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
}

.wom-footer a {
  margin: 10px;
  color: #666;
}

.wom-container-pagination {
  width: 870px;
  margin: 0 auto;
}

a.wom-archives-home, a.wom-archives-previous {
  display: block;
  background: url("/images/wom-archives-arrows.jpg") no-repeat 0 3px;
  padding: 0 0 0 25px;
  color: #C00;
}

a.wom-archives-next {
  display: block;
  background: url("/images/wom-archives-arrows.jpg") no-repeat right -13px;
  width: 50px;
  margin: 0;
}

.wom-pagination-archives {
  float: left;
  margin: 0;
  text-align: center;
  width: 730px;
}

a.wom-archives-previous {
  width: 50px;
}

a.wom-archives-previous, ul.wom-pagination-archives {
  float: left;
}

a.wom-archives-next {
  float: right;
}

.wom-archives-items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wom-archives-items li {
  float: left;
}

.wom-archives-items a {
  height: 258px;
  width: 264px;
  display: block;
  background-image: url("/images/wom-archives-background.jpg");
  padding: 20px 10px 10px 15px;
  text-align: center;
  margin: 5px 0;
  color: black;
}

.wom-archives-items a p {
  text-align: left;
  margin: 5px 0 0 0;
}

.wom-archives-items a:hover {
  text-decoration: none;
  border: none;
  background-position: 0 288px;
}

div.wom-archives-previous-container {
  width: 50px;
  height: 20px;
  float: left;
}

div.wom-archives-previous-container {
  width: 75px;
  float: left;
  height: 20px;
}

/* scrollable */
.scrollable {
  position: relative;
  overflow: hidden;
  width: 845px;
  float: left;
}

.scrollable .items {
  width: 20000em;
  position: relative;
  clear: both;
}

.items div.item {
  float: left;
  width: 845px;
}

a.disabled {
  visibility: hidden !important;
}

/* End scrollable */
#newsletter-popup-link,
#about-popup-link {
  display: block;
}

#about-popup {
  display: none;
  width: 220px;
  color: white;
  z-index: 10;
}

#about-popup #about-popup-arrow {
  background: url(/images/wom-tooltype-top-header-arrow.png) no-repeat top center;
  height: 10px;
  line-height: 10px;
  position: relative;
  top: 1px;
  z-index: 10;
}

#newsletter-popup {
  display: none;
  width: 500px;
  color: white;
  z-index: 10;
}

#newsletter-popup h4 {
  border-bottom: 1px solid white;
  margin-bottom: 20px;
  font-size: 20px;
  background: url(/images/wom-newsletter.png) no-repeat;
  padding: 9px 0 10px 45px;
}

#newsletter-popup #id_emailaddress {
  margin-left: 140px;
  display: inline;
}

#newsletter-popup div.newsletter-content,
#about-popup div.about-content {
  text-align: left;
  background-color: #F0F0F0;
  border: solid 1px #CCC;
  margin-right: 10px;
  padding: 15px 10px 15px 10px;
  font-weight: normal;
  color: black;
  position: relative;
}

#newsletter-popup div.newsletter-content {
  padding-bottom: 25px;
  margin-top: 10px;
}

#newsletter-popup div.newsletter-content form p {
  display: block;
}

#newsletter-popup a.close,
a#wom-tooltype-about-close {
  background: url("/images/wom-tooltype-close.png") no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  z-index: 10;
}

a#wom-tooltype-suscribe-close:hover,
a#wom-tooltype-about-close:hover {
  text-decoration: none;
}

#newsletter-popup .wom-submit {
  width: auto;
  padding: 0 10px;
}

#newsletter-popup .confirmation-message {
  text-align: center;
}

/* tooltip */
.tooltip {
  display: none;
  z-index: 2;
}

#tooltip-to-use {
  position: relative;
}

.tooltip-to-use-content,
.tooltip-to-use-content-text {
  margin: 10px;
  color: white;
  z-index: 1;
}

.tooltip-to-use-content-text {
  width: 300px;
}

.tooltip-translation {
  padding: 10px;
  background-color: #06C;
}

.previous-arrow-tooltip,
.next-arrow-tooltip {
  display: none;
  z-index: 10;
  text-indent: 0px;
  background-color: #C00;
  color: white;
  width: 100px;
  font-weight: bold;
  padding: 10px;
}

.previous-arrow-tooltip span,
.next-arrow-tooltip span {
  text-transform: uppercase;
}

.next-arrow-tooltip {
  text-align: right;
}

span.wom-trad-arrow {
  width: 20px;
  height: 23px;
  display: block;
  position: absolute;
  background-image: url(/images/wom-tooltype-content-arrow.png);
  background-position: top left;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

.left span.wom-trad-arrow {
  background-position: top right;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  bottom: 0;
}

.top span.wom-trad-arrow {
  background-position: bottom left;
  top: auto;
  right: auto;
  bottom: 9px;
  left: 0;
}

.top.left span.wom-trad-arrow {
  background-position: bottom right;
  top: auto;
  right: 0;
  bottom: 9px;
  left: auto;
}

.tooltip-to-use-content img {
  position: relative;
  z-index: 2;
}

/* End tooltip */
.wom-brought {
  text-align: right;
  margin: 25px 0 0 0;
}

.wom-brought img {
  vertical-align: middle;
}

.wom-partnership {
  margin: 5px 0 0;
  text-align: right;
  font-size: 12px;
}

.wom-partnership img {
  vertical-align: middle;
}

.fb-like {
  margin: 50px 0 0 0;
}

.facebook-comment {
  margin: 10px 0 0 0;
}

/* other pages */
.top-header-page {
  text-align: center;
}

.top-header-page input {
  display: inline;
  float: none;
}

.top-header-page #id_emailaddress {
  float: left;
}

.top-header-page p {
  font-size: 24px;
}

.top-header-page .wom-submit {
  float: left;
}

.top-header-page form {
  width: 190px;
  margin: 0 auto;
}

.wom-content .wom-illustration {
  margin-left: 10px;
}

.image-caption,
.image-caption a {
  font-size: 9px;
  color: #777;
  text-align: right;
  margin-bottom: 10px;
}

.unsubscription-content {
  display: block;
  margin: 0 auto;
  border: 1px solid #CCCCCC;
  background-color: #F0F0F0;
  padding: 10px 10px;
  width: 500px;
  text-align: center;
}

.image-copyright {
  display: none;
}

/*** social network ***/
#reseaux-sociaux {
  clear: both;
  padding-top: 5px;
}

div#reseaux-sociaux a, div#reseaux-sociaux-result a {
  height: 22px;
  width: 22px;
  display: block;
  float: right;
  padding: 0 2px;
}

a.recommend, a.recommend:visited {
  background: url(/images/button-recommend.png) no-repeat 0 0;
}

a.recommend:hover {
  background-position: 0 -22px;
}

a.print, a.print:visited {
  background: url(/images/button-print.png) no-repeat 0 0;
}

a.print:hover {
  background-position: 0 -22px;
}

a.facebook, a.facebook:visited {
  background: url(/images/social-facebook.jpg) no-repeat 0 0;
}

a.facebook:hover {
  background-position: 0 -22px;
}

a.twitter, a.twitter:visited {
  background: url(/images/social-twitter.jpg) no-repeat 0 0;
}

a.twitter:hover {
  background-position: 0 -22px;
}

div.googleplus {
  float: right;
  width: 32px;
  margin: 0 5px;
}