*{
  margin: 0;
  padding: 0;
}


body{
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  color: #000;
}

/* general */

p{
  margin: 10px 0 10px 0;
}

a{
  color: #0066cc;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

h1{
  color: #000;
  font-size: 30px;
  font-weight: normal;
  font-family: georgia, times new roman, serif;
  margin: 0 0 34px 0;
}

h2{
  color: #EB0000;
  font-size: 20px;
  font-weight: normal;
  font-family: georgia, times new roman, serif;
  padding: 0 0 12px 0;
  margin: 0 0 22px 0;
}

h3{
  color: #333;
  font-size: 20px;
  font-weight: normal;
  font-family: georgia, times new roman, serif;
  margin: 0 0 10px 0;
}

.content h2,
.full-content h2{
  border-bottom: 1px solid red;
}

/* end general */

.font-georgia{
  font-family: georgia, times new roman, serif;
}

.page{
  width: 960px;
  margin: 0 auto 0 auto;
}

span.important{
  color: #EB0000;
}

.grey-box{
   background: #ededed;
   border: 1px solid #bebebe;
   padding: 10px;
   display: inline-block;
}

a.hand-link{
  background: url(/images/website-hand-link.gif) no-repeat;
  padding: 0 0 0 25px;
}

.quote-begin{
  background: url(/images/website-quote-begin.jpg) no-repeat;
  font-style: italic;
  line-height: 24px;
  padding: 10px 0 0 25px;
}

.quote-end{
  background: url(/images/website-quote-end.jpg) no-repeat right bottom;
  font-style: italic;
  line-height: 24px;
  padding: 0 25px 10px 0;
  display: inline-block;
}

.header{
  font-size: 11px;
  height: 26px;
  line-height: 26px;
  background: url(/images/website-header-grey-bar.jpg) repeat-x;
  margin: 0 0 15px 0;
}

.header a,
.header span{
  color: #333;
  float: left;
  margin: 0 20px 0 0;
}

.header div.site-version{
  float: right;
}

.header div.site-version .site-version-languages a.current{
  float: none;
  padding: 0 0 0 25px;
  cursor: pointer;
  background: url(/images/website-guided-tour-small-arrow.jpg) no-repeat 10px 2px;
}

.header div.site-version .site-version-languages a.current-opened{
  background: url(/images/website-guided-tour-small-arrow-opened.jpg) no-repeat 10px 5px;
}

.header div.site-version .site-version-languages a.lang{
  float: none;
  display: block;
}

.header .site-version-languages{
  position: relative;
  z-index: 2;
  width: 97px;
}

.header div.site-version .site-version-languages .languages{
  position: absolute;
  top: 22px;
  display: none;
  float: left;
  background: url(/images/website-languages-drop-down-middle.jpg) repeat-y;
  width: 97px;
  padding: 4px 0 0 0;
}

.header div.site-version .site-version-languages .languages-bottom{
  background: url(/images/website-languages-drop-down-bottom.jpg) no-repeat;
  font-size: 6px;
  line-height: 6px;
  height: 6px;
}

.header div.site-version .site-version-languages a{
  width: 72px;
  padding: 0 0 0 25px;
}

.quotation{
  font-style: italic;
  line-height: 24px;
}


/***********************************************************/
/*                        Tab menu                         */ 

div.menu-container{
  font-family : georgia, times new roman, serif;
  float       : right;
  margin      : 25px 0 0 0;
  width       : 770px;
  height      : 88px;
}

div.menu-container a{
  text-decoration : none;
  display         : block;
}

div.menu-container a:hover{
  text-decoration : none;
}

div.menu-container ul.menu{
  list-style : none;
}

div.menu-container ul.menu li{
  float      : left;
  width      : 128px;  
  height     : 48px;
  text-align : center;
}

div.menu-container ul.menu li span{
  display    : inline-block;
  text-align : left;
  margin     : 5px 0 0 0;
}

div.menu-container ul.menu li.active{
  background : url(/images/website-tab-menu-for-sub-menu.jpg) no-repeat;
}

div.menu-container ul.menu li.active-without-sub-menu{
  background : url(/images/website-tab-menu.jpg) no-repeat;
}

div.menu-container ul.menu li a{
  color           : #999;
  font-size       : 11px;
}

div.menu-container ul.menu li a.big-red{
  color           : #EB0000;
  font-size       : 17px;
}

div.menu-container ul.menu li a.big-pink{
  color           : #C0C;
  font-size       : 17px;
}

div.menu-container ul.menu li:hover a.big-pink,
div.menu-container ul.menu li.active a.big-pink,
div.menu-container ul.menu li.active-without-sub-menu a.big-pink,
div.menu-container ul.menu li:hover a.big-red,
div.menu-container ul.menu li.active a.big-red,
div.menu-container ul.menu li.active-without-sub-menu a.big-red{
  color : #000;
}

div.menu-container .sub-menu-container ul.sub-menu{
  display     : none;
  position    : relative;
  float       : left;
  list-style  : none;
  background  : url(/images/website-sub-menu.jpg) no-repeat;
  height      : 25px;
  height      : 50px;
  width       : 770px;
  line-height : 25px;
  line-height : 50px;
}

div.menu-container .sub-menu-container ul.sub-menu li{
  float       : left;
  margin      : 0 20px 0 20px;
  height      : 25px;
  line-height : 25px;
}

div.menu-container .sub-menu-container ul.sub-menu li a{
  color     : #666;
  font-size : 12px;
}

div.menu-container .sub-menu-container ul.sub-menu li.current-sub-menu a,
div.menu-container .sub-menu-container ul.sub-menu li a:hover{
  color: #000;
}

div.menu-container .sub-menu-container ul.active{
  display : block;
}

/*                     End tab menu                        */ 
/***********************************************************/



.content{
  float: left;
  width: 638px;
  margin: 0 32px 0 0;
}

.full-content{
  width: 100%;
  margin: 0 32px 0 0;
}


.sidebar{
  float: left;
  width: 290px;
}


.sidebar .miniform-box-container{
  background: url(/images/website-miniform-background-middle.jpg) repeat-y;
}

.sidebar .miniform-box-top{
  background: url(/images/website-miniform-background-top.jpg) no-repeat;
}

.sidebar .miniform-box-bottom{
  background: url(/images/website-miniform-background-bottom.jpg) no-repeat;
  font-size: 8px;
  line-height: 8px;
}

.sidebar .miniform-box-container h2{
  padding: 15px 0 0 0;
}

.sidebar .miniform-box-top div{
   width: 254px;
   margin: 0 auto 0 auto;
}
.sidebar .block{
  margin: 32px 0 0 0;
  padding: 0 0 32px 0;
  border-bottom: 1px solid red;
}

.sidebar .miniform .field_genderstatus{
  float: left;
}

.sidebar .miniform .field_firstname{
  float: left;
}

.sidebar .miniform .field_lastname{
  margin: 0;
  clear: left;
}

.sidebar-number{
  font-family: georgia,times new roman,serif;
  color: #EB0000;
  font-size: 26px;
  padding: 0 20px 0 0;
}

.content .block-271-left,
.content .block-271-right{
  float: left;
  width: 271px;
}

.content .block-271-left{
  margin: 0 64px 0 0;
}


.footer{
  background: #e5e5e5;
  margin: 20px 0 0 0;
  padding: 0 0 10px 0;
}

.top-footer{
  background: url(/images/website-top-footer.jpg) repeat-x;
  font-size: 8px;
  font-height: 8px;
}

.footer table td{
  vertical-align: top;
  margin: 0 16px 0 16px;
}

.footer a, .footer span{
  display: block;
  color: #333;
  font-size: 11px;
  line-height: 16px;
}

.footer a.current{
  text-decoration: underline;
}

.footer span{
  font-weight: bold;
}

.footer-line{
  background: #cccccc; 
  color: #333;
}

.footer-line a, .footer-line span{
  color: #333;
  font-size: 11px;
  line-height: 16px;
}


/*  FORM */
form{
  text-align: center;
}

form p{
  text-align: left;
  clear: left;
}


form input,
form select,
form textarea{
  border: 1px solid black;
}

form input,
form textarea{
  width: 250px;
  padding: 0 1px 0 1px;
}

form input{
  height: 20px;
  line-height: 20px;
}

form select{
  height: 22px;
  line-height: 22px;
  width: 254px;
}

form p.field_genderstatus select{
  width: 70px;
}

.miniform form p.firstname-floatleft{
  clear: none;
}

.miniform form p.firstname-floatleft input{
  width: 165px;
  margin: 0 0 0 15px;
}

.miniform form input{
  color: #999999;
}

form p.submit-p{
  text-align: center;
  clear: left;
  margin-bottom: 0;
}

form input.submit-button{
  width: auto;
  margin: 20px auto 0 auto;
  color: #000000;
}

form input.submit-image{
  width: auto;
  margin: 20px auto 0 auto;
  height: auto;
  border: 0px;
}

form span.required-asterisk{
  font-size: 14px;
  margin: 0 0 0 3px;
}

.miniform form{
  width: 254px;
}

.content form label,
.full-content form label{
  width: 200px;
  text-align: right;
  display: block;
  float: left;
  margin: 0 20px 0 0;
}

.content form .field_interests p label,
.full-content form .field_interests p label{
  float: none;
  display: inline;
  margin: 0 0 0 10px;
}

.content form #cinfo_interest_other,
.full-content form #cinfo_interest_other{
  width: 150px;
}

.content form .field_interests p.field_cinfo_interest_other label,
.full-content form .field_interests p.field_cinfo_interest_other label{
  margin: 0 0 0 0;
}

.content .form-box-container,
.full-content .form-box-container{
  background: url(/images/website-form-background-middle.jpg) 0% 5%;
  width: 609px;
}

.content .form-box,
.full-content .form-box{
  background: url(/images/website-form-background-top.jpg) no-repeat;
  text-align: center;
}

.content .form-box-bottom,
.full-content .form-box-bottom{
  background: url(/images/website-form-background-bottom.jpg) no-repeat;
  text-align: center;
}

.content .form-box form,
.full-content .form-box form{
  margin: 0 auto 0 auto;
  padding: 20px 0 20px 0;
  display: inline-block;
}

.content p.field_cinfo_optin input,
.full-content p.field_cinfo_optin input{
  width: 13px;
  height: 13px;
  border: 0px;
}

.checkbox{
  width: 13px;
  height: 13px;
  border: 0px;
}

p.invalid input, p.invalid select, p.invalid textarea, .invalid {
    border: 1px solid red;
}
p.valid label, p.invalid {
    color: #FF0000;
    border: 0px;
}

.isValidated{
  border: 1px solid green;
}


/* Images rotator */

.images-rotator .tabs{
  display: none;
}
.images-rotator .images {
	position:relative;	
}

.images-rotator .images div {
	display:none;
	position: absolute;
	top:0;
	left:0;		
}

.images-rotator .images div.image{
	display:none;
}


/* Guided tour */
.guided-tour .items {
  position:relative;	
  width:638px;
  float:left;	
  margin: 10px 0 0 0;
}

.guided-tour .items div.item {
	display:none;
}

.guided-tour .items div.item .window{
  border: 1px solid #bebebe;
  padding: 10px 10px 0 10px;
}

.guided-tour .guided-tour-middle{
  padding: 10px 10px 0 10px;
  background: url(/images/website-guided-tour-middle-grey.jpg) repeat-y;
}

.guided-tour .guided-tour-middle .more{
  padding: 20px 0 0 0; */
}

.guided-tour .guided-tour-middle .more-text{
  font-family: georgia,times new roman,serif;
  background: url(/images/website-guided-tour-small-arrow.jpg) no-repeat 0 3px;
  padding: 0 0 0 20px;
  cursor: pointer;
}

.guided-tour .guided-tour-middle .opened{
  background: url(/images/website-guided-tour-small-arrow-opened.jpg) no-repeat 0 5px;
}

.guided-tour .guided-tour-bottom{
  width: 638px;
  background: url(/images/website-guided-tour-bottom-grey.jpg) no-repeat;
  height: 20px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}

.guided-tour .tabs a{
  width: 116px;
  margin: 0 5px 0 5px;
  float: left;
  font-size: 12px;
  color: #bebebe;
  font-family: georgia,times new roman,serif;
  text-decoration: none;
}

.guided-tour .tabs a.current,
.guided-tour .tabs a:hover{
  color: black;
  text-decoration: none;
}

.guided-tour .tabs a span.number{
  display: block;
  font-size: 20px;
  font-weight: bold;
}

.guided-tour .navi{
  margin: 20px 0 0 0;
  border: 1px solid white;
}

.guided-tour .navi .backward{
  color: black;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  cursor: pointer;
  background: url(/images/website-guided-tour-left-arrow.jpg) no-repeat center left;
  font-weight: bold;
  font-size: 16px;
  float: left;
}

.guided-tour .navi .forward{
  color: black;
  float: right;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  cursor: pointer;
  background: url(/images/website-guided-tour-right-arrow.jpg) no-repeat center right;
  font-weight: bold;
  font-size: 16px;
}

.guided-tour .navi .disabled {
	visibility:hidden !important;		
}

.sitemap a{
  color: #000000;
}

.sitemap ul.root{
  margin: 0 0 0 0;
}

.sitemap ul{
  margin: 0 0 0 40px;
}

.sitemap ul li.sub-li{
  list-style: none;
}

/*For the online sampleWorkbook*/
  .sampleWorkbookPageList {
    text-align: center;
    margin: 0px 0 0px 0;
    font-size: 11px;

}

.sampleWorkbookPaginationTop {
    text-align: center;
    font-size: 10px;
    margin: 10px 0 20px 0;
}

.sampleWorkbookPaginationBottom {
    text-align: center;
    font-size: 10px;
    margin: 0px 0 10px 0;
}

.sampleWorkbookPaginationTop a, .sampleWorkbookPageList a, .sampleWorkbookPaginationBottom a, .sampleWorkbookMenu li a {
    color: black;
    margin: 5px;
}

.sampleWorkbookModuleList
{
	width:100%;
}

.sampleWorkbookModuleList td.ggkcblue {
    background: #B0E2FF;
}

.sampleWorkbookModuleList td {
    padding: 0 5px 0 5px;
}

.sampleWorkbookMenu {
    margin: 20px 0 30px 0;
    list-style: none;
    text-align: center;
}

.sampleWorkbookMenu li {
    display: inline;
    margin: 0 30px 0 0px;
}

.sampleWorkbookTitle {
    text-align: center;
    margin: 40px 0 0 0;
    font-size: 16px;
}




/* lemonde.fr -> the word of the week */
.lemonde-grey-box-container{
  background : url(/images/lemonde-grey-block-1px.jpg) repeat-y;
  width      : 638px;
}

.lemonde-grey-box-top{
  background : url(/images/lemonde-grey-block-top.jpg) no-repeat;
}

.lemonde-grey-box-bottom{
  background : url(/images/lemonde-grey-block-bottom.jpg) no-repeat;
  width      : 638px;
  height     : 30px;
}

.lemonde-grey-box-height{
  float  : right;
  width  : 1px;
  height : 535px;
}

.lemonde-grey-box-clear{
  clear       : both;
  font-size   : 1px;
  line-height : 1px;
  height      : 1px;
}

h1.lemonde-wow{
  font-family: times new roman;
  font-size: 60px;
  color: #5497db;
  padding: 0;
  font-weight: bold;
  margin: 0;
  line-height: normal;
}

h2.lemonde-wow{
  font-family: times new roman;
  font-size: 12px;
  color: #5e94ca;
  padding: 0;
  font-weight: normal;
  margin: 0;
  line-height: normal;
  text-align: right;
  border: 0;
}

.lemonde-grey-box-container table td{
  vertical-align: top;
  font-family:  Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 0 15px 0 15px;
}

.lemonde-grey-box-container table td.lemonde-wow-title,
.lemonde-grey-box-container table td.lemonde-wow-icon{
  vertical-align: middle;
  padding: 0;
}

.lemonde-wow-title{
  font-family: times new roman;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
}

.lemonde-wow-big-title{
  float: left;  
  margin: -15px 0 0 20px;
  width: 380px;
}

.tooltip-to-add{
  color: #5497db;
  text-decoration: underline;
  cursor: pointer;
}

.tooltip{
  display: none;
  width:285px;
  font-size:11px;
  color: #fff;
  z-index: 200;
}

.tooltip-top{
  background: url(/images/lemonde-wow-tooltip-top.gif) -1px 0 no-repeat;
  width: 287px;
  height: 27px;
}

.tooltip-bottom{
  background: url(/images/lemonde-wow-tooltip-bottom.gif) -1px 0 no-repeat;
  width: 287px;
  height: 12px;
}

.tooltip-middle{
  background: #5497db;
  padding: 0 10px 0 10px;
}


/* WCE */

.lemonde-wce-subtitle{
  position: absolute;
}

h2.lemonde-wce{
  font-family: times new roman;
  font-size: 12px;
  color: #000000;
  padding: 0;
  font-weight: normal;
  margin: 0;
  line-height: normal;
  text-align: right;
  position: relative;
  top: -30px;
  width: 635px;
}

.lemonde-wce-box-container{
  width : 661px;
  color : black;
}

.lemonde-wce-box-top{
  background : url(/images/lemonde-wce-background.jpg) no-repeat;
}

.lemonde-grey-box-bottom{
  background : url(/images/lemonde-grey-block-bottom.jpg) no-repeat;
  width      : 638px;
  height     : 30px;
}

.cust_checkbox{
        font-size:14px;
        cursor: pointer;
        float: left;
}
.cust_radio_on{
        background:url(/images/lemonde-wce-checkbox-checked.gif) no-repeat 0 0;
        width : 23px;
        height: 25px;
        display: inline-block;
}
.cust_radio_off{
        background:url(/images/lemonde-wce-checkbox.gif) no-repeat 0 0;
        width : 23px;
        height: 25px;
        display: inline-block;
}
.cust_radio_disabled_on{
        background:url(images/checkbox_disabled_on.png) no-repeat 0 0;
}
.cust_radio_disabled_off{
        background:url(/images/lemonde-wce-checkbox.gif) no-repeat 0 0;
}

.wce-table,
.wce-table td{
  color: black;
  font-family: arial;
}

.wce-table .wce-table-vs{
  width: 30px;
  text-align: center;
}

.wce-table .wce-table-vs span{
  border-left: 1px solid black; 
  border-right: 1px solid black;
  padding: 0 5px 0 5px;
}

.wce-table .wce-table-match{
  width: 255px; 
  height: 53px;
}

.wce-table .wce-table-match td{
  vertical-align: middle;
  height: 22px;
  font-weight: bold;
}

.wce-table .wce-table-flag{
  text-align: center;
  width: 40px;
}

.wce-table .wce-table-flag img{
  margin: 4px 0 0 0;
}

.wce-table .wce-left-country{
  text-align: right;
  font-weight: bold;
  width: 67px;
}

.wce-table .wce-right-country{
  text-align: left;
  font-weight: bold;
  width: 67px;
}

.wce-table .wce-date{
  font-weight: bold;
  text-align: center;
}

.wce-script{
  padding: 10px;
  font-size: 12px;
}

.wce-script-img-en,
.wce-script-img-fr{
  cursor: pointer;
}

/* End WCE */