/* Basic reset: Taken from Blueprint CSS http://blueprintcss.org/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a img, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, fieldset,input.text, label, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline; font-size: 100%;}
ul, li, ul li {display: block; list-style-type: none; margin: 0; padding: 0;}
body {line-height:1.1;}
a {text-decoration: none;}
a img {border: none;}
input {border: none; margin: 0; padding: 0; background: white;}


/*******************/
/*     Layout      */
/*******************/

/* Main Sizes */
#contentWrapper {max-width: 73em;}
#content, .headerCenter, .number {min-width: 876px; max-width: 100%;}
 #footer {min-width: 865px;}

/* Main Positions */
#contentWrapper, #footer {clear: left;}
.headerCenterInner {position: relative;}

/* Column Positions */
.column, .doubleColumn, .singleColumn, .tripleColumn {float: left;}
.fullColumn {clear: both;}

/* Column Sizes */
.singleColumn {width: 25%;}
.tripleColumn { width: 75%; overflow: hidden;}
.tripleColumn .singleColumn {width: 33.3%;}
.fullColumn {width: 75%;}
.doubleColumn {width: 50%;}
.doubleColumn .singleColumn {width: 50%;}

/* Fixes to ensure no rounding */
.tripleColumn .stretcher {width: 133.34%;}
.tripleColumn .stretcher .singleColumn {width: 25%;}
.tripleColumn .stretcher .doubleColumn, .tripleColumn .stretcher .doubleColumn .sectionFooter {width: 50%;}
.tripleColumn .stretcher .doubleColumn .singleColumn {width: 50%;}
.tripleColumn .stretcher .columnContainer .sectionFooter {width: 100%;}

.fullHeight {overflow: hidden; margin-bottom: 12px;}
.fullHeight .section {padding-bottom: 60em; margin-bottom: -60em;}

.withFooter {position: relative;}
.sectionFooter {position: absolute; bottom: 0; width: 100%; z-index: 2000;}
/* .sectionFooter a {display: block;} */

/* Header Positions */
.number {text-align: right;}
ul.menu li {float: left;}

/* Video Height */
/*ul.video {height: 100px;}*/
/*ul.video {width: 800px;}*/
ul.video {width: 3000px;}
p.jmVideo {height: 154px;}

/* Video positions */
ul.video a, ul.video img {display: block;}
ul.video li {float: left;}

/* Specific sizes */
/*p.image img {position: relative; left: -15px;}*/
/*.image img {width: 100%;}*/
/*.language img {width: 100%;}*/

/*h2 a {display: block;}*/

/*******************/
/*     Spacing     */
/*******************/

/* Medium px horizontal */
#container {padding-left: 17px; padding-right: 17px;}
ul.video li/* img, ul.video object*/ {padding-right: 12px;}

/* Below numbers must be equal */
.fullHeight .sectionFooter {padding-right: 12px;}
.fullHeight .sectionFooterContent {margin-right: 12px;}
.doubleColumn .columnContent, .singleColumn .columnContent, .fullColumn .columnContent {padding-right: 12px;}
.headerCenterContent, .number p {padding-right: 12px;}
.columnContainer .columnContent {padding-right: 0;}
.columnContainer .columnContent .singleColumn .columnContent, .columnContainer .columnContent .wholeColumn .columnContent {padding-right: 12px;}

/* Medium px vertical */
#main, .number, ul.menu li, #footer, h2 {padding-top: 8px; padding-bottom: 8px;}
.headerCenterInner {padding-top: 16px;}
.section {margin-bottom: 12px;}
.fullHeight {margin-bottom: 12px;}
/* Small px horizontal */
h2/*, h2.withLink a*/ {padding: 8px; padding-top: 4px; padding-bottom: 4px;}
/*h2.withLink {padding:0;}*/
.flushBottom {margin-bottom: 0;}
.sectionPlain h2 {padding: 0;}

ul.main {padding: 8px; padding-top: 0;}

.sectionFooterContent /*a*/ {padding: 4px; padding-left: 8px;}

/* Small px vertical */
h1 {padding-top: 3px; padding-bottom: 3px;}

/* Small em horizontal */
ul.menu li {padding-left: 0.5em; padding-right: 0.5em;}

/* Paragraph spacings: 1em */
p, .section ul {margin-top: 1em; margin-bottom: 1em;}
#footer {margin-top: 1em; margin-bottom: 24px;}
#header p, #footer p {margin: 0;}
ul.main {margin-top: 0;}
ul.video {margin: 0;}
.lastWithFooter {padding-bottom: 1.5em;}

p.strong {margin-bottom: 0.5em;}

/* First / Last */
.first, .section ul.first {margin-top: 0;}
.last {margin-bottom: 0;}

/* Spacing Hack to ensure nice layout at large font sizes */
.headerCenterInner {min-height: 6.3em;} /* Line height * number of items in highlight list in header */
.logo, .banner {margin-top: -16px;}
ul.highlights {padding-top: 8px; padding-bottom: 8px;}


/*******************/
/*      Style      */
/*******************/

/* Fonts */
body, input, textarea {font-family: Georgia, serif;}
body, a, a:visited, input, textarea {color: #5c5b57;}
p, ul {#color: #767570}
li a:hover, #footer a:hover, a.highlight:hover, .sectionPlain a:hover {color: #0c0a03;}
strong {color: #ed554a;  border-bottom:dotted 1px #8b8b8b;}
strong.french {color:#0066CC; border-bottom:dotted 1px #8b8b8b;}
strong.german {color:#d6bf00;  border-bottom:dotted 1px #8b8b8b;}
strong.list {color:#CC3300; font-weight:bold; border-bottom: none;}
strong.price {color:#008bcc; font-weight:bold; border-bottom: none;}

/* Font sizes */
body, .sectionPlain .strong {font-size: 12px;}
h2, .strong {font-size: 24px;}
p, ul, label, input, textarea {font-size: 12px;}
#footer p, .number p {font-size: 11px;}

/* Font styles */
h1, h2, h3, h4, strong {font-weight: normal;}
.sectionPlain .strong {font-weight: bold; text-decoration: none;}

/* Backgrounds */
li a:hover,  #footer a:hover, a.highlight:hover {background: #e3e0bf;}
h2 {background: #efefe5;}
.language h2 {background: #e3e0bf}
.language .sectionFooterContent {background: #e3e0bf}
.sectionMedium h2 {background: #efefe5;}
.sectionTopBordered h2 {background: #efefe5;}
.section, .reduced {background: #e3e0bf;}
.sectionDark, .mapContainer .map {background: #fefefe;}
.sectionMedium {background: #e3e0bf;}
.sectionFooterContent /*a*/ {background: #e3e0bf;}
.lightFooter .sectionFooterContent /*a*/ {background-color: #e3e0bf;}

.sectionPlain, .sectionPlain h2 {background: transparent;}
.sectionPlain .content {border: none;}
.sectionPlain h2 a {padding: 0;}

.language {border: 1px dashed #c2c2c2; border-bottom: none;}
.language .sectionFooterContent {border-right: 1px solid #e3e0bf; border-left: 1px solid #e3e0bf;margin-left: -1px; margin-right: -1px;}

.banner a:hover, ul.video a:hover {background: none;}

/* Decoration */
li a:hover, #footer a:hover, .strong, .sectionFooterContent a:hover, .plainFooter a:hover {text-decoration: underline;}
ul.strong {text-decoration: none;}
.sectionMain h2 {text-decoration: none;}
h2 a span, h2 {text-decoration: underline;}
h2 a:hover span, h2.withLink {text-decoration: none;}


/* Borders */
.headerCenterInner, #footer {border: 1px dashed #8b8b8b}
.content {border: 8px solid #e3e0bf;}
.sectionDark .content {border: 8px solid #fefefe;}
.sectionMedium .content {border: 8px solid #e3e0bf;}
.sectionTopBordered h2 {border-top: 8px solid #e3e0bf;}
.headerCenterInner, #footer {border-left: none; border-right: none;}

.sectionFooterContent /*a*/, .plainFooter {border: 1px dashed #e3e0bf}
.sectionFooterContent /*a*/ {border-left: none; border-right: none; border-bottom: none;}
.plainFooter   {border-left: none; border-right: none;}

/* Overflow */
/*.section .content p,*/ ul.video, .content {overflow: hidden;}

/* List */
.section  ul.text li {display: list-item; margin-left: 1.5em; list-style-type: disc;}


/**** .hidden ***************************/

/* __ Positions ________________________*/

.hidden {position: absolute; top: -9999px; left: -9999px;}


/**** .clear ***************************/

/* __ Positions ________________________*/

.clear {clear: both; height: 0;}


/**** .logo / .banner *******************/

/* __ Positions ________________________*/

.logo, .banner {float: left;}
.logo img, .banner img {display: block; float: left;}

/* __ Sizes ____________________________*/

.logo, .banner {height: 114px;}
.logo {width: 146px;}
.banner {width: 499px;}

/* __ Spacings ________________________*/

.logo img {padding: 2px; padding-left: 4px;}


/**** .banner ***************************/

/* __ Positions ________________________*/

.banner li {display: none;}
.banner li.first, .js .banner li, .banner a {display: block;}

.banner img {clear: left;}
.js .banner li {position: absolute;}


/* __ Spacings ________________________*/

.banner li {padding-top: 20px; padding-left: 10px;}
.banner li.large {padding-top: 15px;}

.banner img {padding: 5px;}
.banner a {padding: 5px;}
.banner a img {padding: 0;}



/**** .menu *****************************/

/* __ Positions ________________________*/

.menu {clear: both;}


/**** ul.highlights *********************/

/* __ Positions ________________________*/

ul.highlights {position: absolute; right: 0; bottom: 0; }
/*ul.highlights li {float: right; clear: right;}*/

/* __ Styles ___________________________*/

ul.highlights {text-align: right;}
ul.highlights li {display: list-item; list-style-image: url(../images/icons/text_triangle_small.png); float: right; clear: right;}


/**** .image ****************************/

/* __ Positions ________________________*/

.image img, .image a {display: block;}


/**** .sectionFooterContent / .plainFooter *************/

/* __ Spacings _________________________*/

.sectionFooterContent /*a*/, .plainFooter p.imp {padding-left: 17px;}
 .plainFooter p.imp {padding-left: 10px;}

/* __ Styles ___________________________*/

/* Backgrounds */
.sectionFooterContent /*a*/, .plainFooter p.imp {background-image: url(../images/icons/text_triangle_small.png); background-repeat: no-repeat; background-position: 7px 50%;}
.plainFooter p.imp {background-position: 0 0.4em;}


/****  .mapWrapper / .mapContainer ******/

/* __ Positions ________________________*/

.mapContainer .map {float: left;}


/* __ Sizes ____________________________*/

.mapContainer {width: 1242px;}
.mapWrapper, .mapContainer .map, .mapContainer p {width: 410px;}


/* __ Styes ___________________________*/

.js .mapContainer .map img {cursor: pointer;}
.mapWrapper {overflow: hidden;}


/**** .scroll **************************/

.scrollWrapper {position: relative;}
.scroll {overflow-x: scroll;}
.js .scroll {overflow: hidden;}

.scroll li {padding-top: 8px; padding-bottom: 8px;}
.js .scroll li.first {padding-left: 30px;}

.js .scroll {height: 118px;}
.js .scroll .scrollNav {height: 118px; width: 23px;}


.scroll .scrollNav {background: url(../images/icons/scrollArrows.png) no-repeat;}
.scroll .scrollNav {cursor: pointer;}

.scroll .scrollNav {position: absolute;}
.scroll .scrollNavRight {right: 0; top: 0;}


.scroll .scrollNavLeft:hover {background-position: -23px 0;}
.scroll .scrollNavRight:hover {background-position: -69px 0;}

.scroll .scrollNavLeft, .scroll .scrollNavLeft.disabledScroll:hover {background-position: 0 0;}
.scroll .scrollNavRight, .scroll .scrollNavRight.disabledScroll:hover {background-position: -46px 0;}
/*.scroll .scrollNavDisabled {cursor: default;}*/


/**** form **************************/

label {display: block;}
form .labelGroupCheck label {display: inline;}

label {margin-bottom: 0.2em; font-weight: bold;}
.labelGroupText .labelGroup label {font-weight: normal;}
form {margin-top: 1em;}
form .labelGroup {margin-bottom: 1em;}
form .buttonFinal {margin-bottom: 2em;}

.labelGroupText input, .labelGroupTextarea textarea {border: 1px solid #b5b3ab; padding: 3px; width: 25em;}
.labelGroupText input:focus, .labelGroupTextarea textarea:focus {border: 1px solid #92908a; background: #f4f1e7;}

.labelGroupText .labelGroup input {width: auto;}
.labelGroupText .labelGroupCheck input {margin-right: 0.75em; margin-top: 0.3em;}

input.error, textarea.error {border: 1px solid #e95050;}
label.error span {color: #e95050; font-weight: normal;}


/**** .overlay **************************/

.overlay {background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer;}

/* Default images */
.overlayPlay {background-image: url(../images/icons/play.png);}
.overlayPause {background-image: url(../images/icons/pause.png);}

.vocab .overlayPlay {background-image: url(../images/icons/vocabPlay.png);}
.vocab .overlayPause {background-image: url(../images/icons/vocabPause.png);}


/**** .signature ************************/

#footer {position: relative;}
.signature {position: absolute; right: 0; bottom: 8px;}


/**** table *****************************/

/*table td {text-align: center;}*/

table td {padding: 0.2em 0.5em;}
table .rowhead {padding-left: 0;}
table .colhead {padding-top: 0;}

table .head {font-weight: bold;}
table .colhead {text-align: center;}
table .rowhead {vertical-align: middle;}

table .colsubhead, table .rowsubhead {font-weight: bold;}

table .head {color: #CC3300;}

table .colhead {width: 15em;}
table .rowhead {width: 5em;}

table .colhead {padding-bottom: 0.5em;}