div{margin:0;padding:0}
html,body{font-family:Helvetica,arial,sans-serif;text-transform:none;margin:0;width:100%;height:100%}
.centerDiv{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.radius{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.hidden{display:none}
.no_line{text-decoration:none;position:absolute;z-index:5}
.justify{text-align:justify}
.genericScrollbarV{bottom:7px;position:absolute;right:1px;top:2px;width:6px;z-index:100}
.genericScrollbarV>div{background:none repeat scroll 0 0 padding-box rgba(255,255,255,0.5);border-radius:3px 3px 3px 3px;pointer-events:none;position:absolute;width:100%;z-index:100}
.genericScrollbarOrangeV{bottom:7px;position:absolute;right:1px;top:2px;width:6px;z-index:100}
.genericScrollbarOrangeV>div{background:none repeat scroll 0 0 padding-box #e1a550;border-radius:3px 3px 3px 3px;pointer-events:none;position:absolute;width:100%;z-index:100}
.videoContainer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:black;z-index:9999}.videoContainer .video{position:absolute;top:50px;left:0}
.videoContainer .close{background-image:url("../img/close.png");background-repeat:no-repeat;display:block;position:absolute;top:10px;right:10px;height:27px;opacity:0.7;outline:medium none;width:27px;cursor:pointer}
.header{position:absolute;top:5%;height:10%;width:50%;z-index:110}.header.left{left:0;text-align:left}.header.left .bar{left:0}
.header.right{right:0;text-align:right}.header.right .bar{right:0}
.header .button{position:relative;display:inline-block;top:-40%;height:80%;margin:0 3%;cursor:pointer;z-index:10}.header .button.settings{}
.header .button.home{}
.header .button.boat{}
.header .button.info{}
.header .bar{position:absolute;top:-20%;height:40%}
.yellow{color:#FF9900}
.orange{color:#E0A44F}
.navyBlue{color:#00314A}
.grey{color:#808080}
.bold{font-weight:bold}
.italic{font-style:italic}
.font8{font-size:8px}
.font10{font-size:10px}
.font12{font-size:12px}
.font14{font-size:14px}
.font15{font-size:15px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font22{font-size:22px}
.font24{font-size:24px}
.font26{font-size:26px}
.bold{font-weight:bold}
.line{border-bottom:1px solid black}
.popupSetting{background:url(../img/setting_popup.png) no-repeat center;background-size:100% auto;height:60%}
.carouselPage{position:absolute;height:100%;top:0;bottom:0;left:0;right:0;margin:0}.carouselPage .arrow{position:absolute;left:0;width:2.9%;display:block}
.carouselPage .carouselContainer{position:absolute;width:25%;height:100%;background:#084B8A}.carouselPage .carouselContainer .carousel{position:absolute;left:15%;right:8%;top:13%;bottom:2.2em}.carouselPage .carouselContainer .carousel .scroller{position:absolute;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0;color:white}
.carouselPage .carouselContainer .carousel .scroller ul{list-style:none;padding:0;margin:0;width:100%}
.carouselPage .carouselContainer .carousel .scroller li{background:url(../img/carouselbutton.png) no-repeat center;background-size:100% 100%;color:#FFFFFF;cursor:pointer;font-size:10px;font-weight:bold;text-align:center;height:1.8em;margin:0 0 0.3em 0;padding-top:0.5em}@media only screen and (min-width:481px){.carouselPage .carouselContainer .carousel .scroller li{font-size:14px}}@media only screen and (min-width:769px){.carouselPage .carouselContainer .carousel .scroller li{font-size:18px}}@media only screen and (min-width:1025px){.carouselPage .carouselContainer .carousel .scroller li{font-size:30px}}.carouselPage .carouselContainer .carousel .scroller li .special1832{font-size:9px;position:relative;top:0}@media only screen and (min-width:481px){.carouselPage .carouselContainer .carousel .scroller li .special1832{font-size:12px}}@media only screen and (min-width:769px){.carouselPage .carouselContainer .carousel .scroller li .special1832{font-size:16px}}@media only screen and (min-width:1025px){.carouselPage .carouselContainer .carousel .scroller li .special1832{font-size:28px}}
.carouselPage .carouselContainer .carousel .scroller li img{display:none}
.carouselPage .carouselContainer .carousel .scroller li.selected{background:url("../img/carouselbutton_white.png") no-repeat center;background-size:100% 100%;color:#99bedd}
.carouselPage .carouselContainer .carousel .scroller li.empty{background:none}
.carouselPage .contentContainer{position:absolute;left:25%;width:75%;height:100%}.carouselPage .contentContainer h1{color:white;position:absolute;left:0;right:0;top:7%;text-align:center;font-size:10px}@media only screen and (min-width:481px){.carouselPage .contentContainer h1{font-size:12px}}@media only screen and (min-width:769px){.carouselPage .contentContainer h1{font-size:15px}}@media only screen and (min-width:1025px){.carouselPage .contentContainer h1{font-size:17px}}
.carouselPage .contentContainer .imageCarouselContainer{position:absolute;top:16%;left:0;width:100%;height:30%;overflow:hidden}.carouselPage .contentContainer .imageCarouselContainer .imageCarousel{position:relative;width:80%;height:100%;margin:0 auto}
.carouselPage .contentContainer #imageFixedContainer{position:absolute;top:16%;left:0%;width:100%;height:30%;overflow:hidden;text-align:center}.carouselPage .contentContainer #imageFixedContainer div{position:absolute;top:0;left:-20%;width:140%;height:100%}
.carouselPage .contentContainer #imageFixedContainer a:first-child img{margin-right:2em}
.carouselPage .contentContainer #imageFixedContainer img{height:100%;display:inline-block}
.carouselPage .contentContainer .content{position:absolute;bottom:10%;left:10%;right:10%;top:52%;padding:2.5em 0 2.5em 2.5em;-webkit-border-top-left-radius:2em;-webkit-border-bottom-left-radius:2em;-webkit-border-top-right-radius:2em;-moz-border-top-left-radius:2em;-moz-border-bottom-left-radius:2em;-moz-border-top-right-radius:2em;border-top-left-radius:2em;border-bottom-left-radius:2em;border-top-right-radius:2em}.carouselPage .contentContainer .content.high{top:16%}
.carouselPage .contentContainer .content .contentCarousel{text-align:justify;height:100%;position:relative}.carouselPage .contentContainer .content .contentCarousel .contentScroller{padding-right:2.5em;color:white;font-size:10px}@media only screen and (min-width:481px){.carouselPage .contentContainer .content .contentCarousel .contentScroller{font-size:12px}}@media only screen and (min-width:769px){.carouselPage .contentContainer .content .contentCarousel .contentScroller{font-size:14px}}@media only screen and (min-width:1025px){.carouselPage .contentContainer .content .contentCarousel .contentScroller{font-size:16px}}.carouselPage .contentContainer .content .contentCarousel .contentScroller p{margin:0 0 2em 0}
.carouselPage .contentContainer .content .contentCarousel .genericScrollbarV{right:7px}
#milestoneYearSelect{bottom:0}
#shipYearSelect li,#capitainYearSelect li{height:2.4em;padding-top:1.1em;font-size:8px;padding-left:2.1em;padding-right:0.8em}@media only screen and (min-width:481px){#shipYearSelect li,#capitainYearSelect li{font-size:10px}}@media only screen and (min-width:769px){#shipYearSelect li,#capitainYearSelect li{font-size:14px}}@media only screen and (min-width:1025px){#shipYearSelect li,#capitainYearSelect li{font-size:24px}}#shipYearSelect li.longText,#capitainYearSelect li.longText{height:3em;padding-top:0.5em}
@media only screen and (max-width:1500px){
#shipYearSelect li.longText, #capitainYearSelect li.longText {
    height: 4em;
    padding-top: 0.5em;
}
}
#winnersContent .content .description{height:22.5em}
#capitainsContent .content .description{height:19em}
#shipsContent .content .description{height:19em}
#winnersContent .content,#capitainsContent .content,#shipsContent .content{background-image:none;padding:0;top:48%;left:0%;width:100%}#winnersContent .content.high,#capitainsContent .content.high,#shipsContent .content.high{top:25%}
#winnersContent .content .contentScroller,#capitainsContent .content .contentScroller,#shipsContent .content .contentScroller{padding-right:0;font-size:9px;padding-left:5%;padding-right:9%}@media only screen and (min-width:481px){#winnersContent .content .contentScroller,#capitainsContent .content .contentScroller,#shipsContent .content .contentScroller{font-size:9px}}@media only screen and (min-width:769px){#winnersContent .content .contentScroller,#capitainsContent .content .contentScroller,#shipsContent .content .contentScroller{font-size:12px}}@media only screen and (min-width:1025px){#winnersContent .content .contentScroller,#capitainsContent .content .contentScroller,#shipsContent .content .contentScroller{font-size:14px}}#winnersContent .content .contentScroller .winnerWrapper,#capitainsContent .content .contentScroller .winnerWrapper,#shipsContent .content .contentScroller .winnerWrapper{position:relative}#winnersContent .content .contentScroller .winnerWrapper .cameraIconWrapper,#capitainsContent .content .contentScroller .winnerWrapper .cameraIconWrapper,#shipsContent .content .contentScroller .winnerWrapper .cameraIconWrapper{display:none;text-align:right;height:1em}#winnersContent .content .contentScroller .winnerWrapper .cameraIconWrapper .cameraIcon,#capitainsContent .content .contentScroller .winnerWrapper .cameraIconWrapper .cameraIcon,#shipsContent .content .contentScroller .winnerWrapper .cameraIconWrapper .cameraIcon{position:relative;width:4.5em;height:2em;background-image:url('../images/cameraIcon.png');background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;display:inline-block;top:-1em;left:1.5em}
#winnersContent .content .data,#capitainsContent .content .data,#shipsContent .content .data{width:100%;margin-bottom:2em}#winnersContent .content .data tr.top td:first-child,#capitainsContent .content .data tr.top td:first-child,#shipsContent .content .data tr.top td:first-child{background-color:transparent;height:1.5em}
#winnersContent .content .data tr.top td:last-child,#capitainsContent .content .data tr.top td:last-child,#shipsContent .content .data tr.top td:last-child{-webkit-border-top-left-radius:2em;-webkit-border-top-right-radius:2em;-moz-border-top-left-radius:2em;-moz-border-top-right-radius:2em;border-top-left-radius:2em;border-top-right-radius:2em}
#winnersContent .content .data tr.bottom td:first-child,#capitainsContent .content .data tr.bottom td:first-child,#shipsContent .content .data tr.bottom td:first-child{background-color:transparent;height:1.5em}
#winnersContent .content .data tr.bottom td:last-child,#capitainsContent .content .data tr.bottom td:last-child,#shipsContent .content .data tr.bottom td:last-child{-webkit-border-bottom-left-radius:2em;-webkit-border-bottom-right-radius:2em;-moz-border-bottom-left-radius:2em;-moz-border-bottom-right-radius:2em;border-bottom-left-radius:2em;border-bottom-right-radius:2em}
#winnersContent .content .data tr.separator td,#capitainsContent .content .data tr.separator td,#shipsContent .content .data tr.separator td{height:0.5em}#winnersContent .content .data tr.separator td:first-child,#capitainsContent .content .data tr.separator td:first-child,#shipsContent .content .data tr.separator td:first-child{padding:0;background-color:transparent}
#winnersContent .content .data tr.separator td.solid,#capitainsContent .content .data tr.separator td.solid,#shipsContent .content .data tr.separator td.solid{padding:0}#winnersContent .content .data tr.separator td.solid div,#capitainsContent .content .data tr.separator td.solid div,#shipsContent .content .data tr.separator td.solid div{border-bottom:solid 1px white;height:1px;margin:0 3%}
#winnersContent .content .data tr td:first-child,#capitainsContent .content .data tr td:first-child,#shipsContent .content .data tr td:first-child{width:30%;background-color:#E0A44E;color:white;overflow:visible;text-align:left;padding:0.5em 1em 0.5em 1em;-webkit-border-top-left-radius:.7em;-webkit-border-bottom-left-radius:.7em;-moz-border-top-left-radius:.7em;-moz-border-bottom-left-radius:.7em;border-top-left-radius:.7em;border-bottom-left-radius:.7em}
#winnersContent .content .data tr td.solid,#capitainsContent .content .data tr td.solid,#shipsContent .content .data tr td.solid{background-image:url(../img/backgroundWhite10Percent.png);padding:0 4%}
.popupContainer{position:absolute;z-index:101;width:100%;height:100%;background-image:url(../img/popupContainerBackground.png);font-size:22px;display:none;overflow:hidden}.popupContainer .popup{font-size:14px;font-weight:normal;position:relative;width:38em;margin:0 auto;top:15em;font-size:14px}.popupContainer .popup .close{position:absolute;top:1em;right:1em;width:10px;height:10px;background-image:url(../img/closeButton.png);background-size:100%;cursor:pointer}
.popupContainer .popup .title{font-weight:normal;height:1em;padding:1em 3.2em;background-color:#005DAA;color:white;-webkit-border-top-left-radius:2em;-webkit-border-top-right-radius:2em;-moz-border-radius-topleft:2em;-moz-border-radius-topright:2em;border-top-left-radius:2em;border-top-right-radius:2em}
.popupContainer .popup .body{background-color:#FFFFFF;box-shadow:0px 6px 10px #aaaaaa inset;height:10em;padding:3em 5em;-webkit-border-bottom-left-radius:2em;-moz-border-radius-bottomleft:2em;border-bottom-left-radius:2em}.popupContainer .popup .body ol{list-style-type:lower-alpha;margin:0}
.rules_not_hover{background:url(../images/rules_button1.png) no-repeat center;background-size:100% 100%;height:8%;position:absolute;z-index:100}
.rules_hover{background:url(../images/rules_button2.png) no-repeat center;background-size:100% 100%;position:absolute;z-index:100;border:0}
.backgroundIndex{background-color:#00314A;opacity:.6}
.background_boat{background:url(../img/boatback.png) no-repeat right;background-size:auto 100% }
.background{background:url(../img/blueback.jpg) no-repeat center;background-size:100% 100%;height:100%}
.background_popup_langue{background-image:url("../img/firstaccesspopupback.png");background-size:100% auto;background-repeat:no-repeat;height:25%;left:25%;position:absolute;top:31%;width:50%;min-height:112px;min-width:225px}.background_popup_langue .indexButton{text-decoration:none;background:url(../img/languagebutton.png) no-repeat;background-size:100%;width:30%;height:25%;padding:1.3% 0 0% 6%;color:white;text-align:left;font-size:10px}@media only screen and (min-width:480px){.background_popup_langue .indexButton{font-size:10px}}@media only screen and (min-width:720px){.background_popup_langue .indexButton{font-size:18px}}@media only screen and (min-width:1024px){.background_popup_langue .indexButton{font-size:20px}}
.background_popup_langue #fr_button{left:100%;top:20%}
.background_popup_langue #en_button{left:100%;top:70%}
.background_popup_langue .content{height:78%;left:0;position:absolute;top:22%;width:100%}.background_popup_langue .content tr:first-child td{padding-bottom:2%;vertical-align:bottom}
.background_popup_langue .content tr:last-child td{padding-top:2%;vertical-align:top}
.background_popup_langue .content td{padding-left:10%;padding-right:10%;text-align:left;vertical-align:middle;height:50%;font-size:12px}@media only screen and (min-width:480px) and (min-height:320px){.background_popup_langue .content td{font-size:14px}}@media only screen and (min-width:720px) and (min-height:480px){.background_popup_langue .content td{font-size:18px}}@media only screen and (min-width:1024px) and (min-height:512px){.background_popup_langue .content td{font-size:20px}}
#help{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.round3corner{-webkit-border-bottom-left-radius:2em;-webkit-border-top-right-radius:2em;-moz-border-bottom-left-radius:2em;-moz-border-top-right-radius:2em;border-top-left-radius:2em;border-bottom-left-radius:2em;border-top-right-radius:2em}
.round3cornerSmall{-webkit-border-bottom-left-radius:1.4em;-webkit-border-top-right-radius:1.4em;-moz-border-bottom-left-radius:1.4em;-moz-border-top-right-radius:1.4em;border-top-left-radius:1.4em;border-bottom-left-radius:1.4em;border-top-right-radius:1.4em}
.round4corner{-webkit-border-bottom-left-radius:2em;-webkit-border-top-right-radius:2em;-webkit-border-top-left-radius:2em;-moz-border-bottom-left-radius:2em;-moz-border-top-right-radius:2em;-moz-border-top-left-radius:2em;border-top-left-radius:2em;border-bottom-left-radius:2em;border-top-right-radius:2em;border-top-left-radius:2em}
.round2cornerUp{-webkit-border-top-left-radius:2em;-webkit-border-top-right-radius:2em;-moz-border-top-left-radius:2em;-moz-border-top-right-radius:2em;border-top-left-radius:2em;border-top-right-radius:2em}
.round2cornerUpSmall{-webkit-border-top-left-radius:1.4em;-webkit-border-top-right-radius:1.4em;-moz-border-top-left-radius:1.4em;-moz-border-top-right-radius:1.4em;border-top-left-radius:1.4em;border-top-right-radius:1.4em}
.round2corner{-webkit-border-bottom-left-radius:0.7em;-moz-border-bottom-left-radius:0.7em ;border-top-left-radius:0.7em;border-bottom-left-radius:0.7em}
#history_button{border:none;text-decoration:none;position:absolute;left:5%;background:url(../img/historybutton.png) no-repeat top;background-size:100%;height:71.5%;width:56%;text-align:right;-webkit-border-bottom-right-radius:1.5em;-moz-border-bottom-right-radius:1.5em;border-bottom-right-radius:1.5em;line-height:16px}
#historyButtonContent{position:absolute;color:white;bottom:0;right:2%;padding:2% 3% 4% 2%}
#rulesButtonContent{position:absolute;color:white;bottom:2%;right:4%;padding:2% 4% 6% 0%}
#winnersButtonContent{position:absolute;color:white;bottom:2%;right:4%;padding:2% 4% 6% 0%}
#milestonesButtonContent{position:absolute;color:white;right:2%;bottom:3%;padding:2% 1% 3% 2%}
#retroButtonContent{font-family:helvetica;margin:2px 0 0 5%;color:white;width:85%;height:100%;overflow:hidden}
#rules_button{border:none;text-decoration:none;position:absolute;right:2%;background:url(../img/rulesbutton.png) no-repeat top;background-size:100%;height:35%;width:35%;text-align:right;line-height:16px}
#closeButton{width:21%;padding:1% 2% 1% 0;margin:43% 0 0 75%;text-align:right;color:white;text-decoration:none;cursor:pointer}
#winners_button{border:none;text-decoration:none;position:absolute;right:2%;top:37%;background:url(../img/winnersbutton.png) no-repeat top;background-size:100%;height:35%;width:35%;text-align:right;line-height:16px}
#milestones_button{text-decoration:none;position:absolute;right:2%;top:74%;background:url(../img/milestonesbutton.png) no-repeat top;background-size:100%;width:93%;height:25%;margin:0 0 0 5%;text-align:right;line-height:16px}
#milestoneContent{background-image:url(../img/backgroundWhite10Percent.png);padding:1.5em 0 1.5em 1.5em}
#retro_button{position:absolute;bottom:0.5%;background:url(../img/winnerbannerback.png) no-repeat;background-size:100% auto;width:100%;height:10%}
.foot_space{position:absolute;bottom:0.1%;background:url(../img/yellowgradientbar.png) no-repeat center;background-size:100% auto;width:100%;height:5%}
#content{border:1px solid red;height:75%;top:10%;width:50%}
#menuContent{height:80%;top:15%	;margin:0 auto;}#menuContent .title{width:80%;font-size:12px;font-weight:bold}@media only screen and (min-width:520px){#menuContent .title{width:80%;font-size:15px}}@media only screen and (min-width:820px){#menuContent .title{width:80%;font-size:24px}}@media only screen and (min-width:1520px){#menuContent .title{font-size:26px}}
#menuContent .subTitle{font-size:8px}@media only screen and (min-width:520px){#menuContent .subTitle{font-size:11px}}@media only screen and (min-width:820px){#menuContent .subTitle{font-size:11px}}@media only screen and (min-width:1520px){#menuContent .subTitle{font-size:18px}}
#background_jscroll{height:100%;background:url(../img/textback900x1200.png) no-repeat center;background-size:100% 100%}
#introLogoPosition{position:absolute;top:12%;left:1%;width:15%}
#introContainer{background-image:url(../img/backgroundWhite10Percent.png);border-bottom-left-radius:2em;border-top-left-radius:2em;border-top-right-radius:2em;bottom:10%;left:17%;margin:auto;position:absolute;right:17%;top:10%;font-size:12px}@media only screen and (min-width:481px){#introContainer{font-size:14px}}@media only screen and (min-width:769px){#introContainer{font-size:15px}}@media only screen and (min-width:1025px){#introContainer{font-size:18px}}
#introOkButton{background-image:url("../img/okbutton.png");background-repeat:no-repeat;background-size:100% 100%;bottom:-3.9%;color:#FFFFFF;height:3em;left:100%;padding:0.3em 0 0 5%;position:absolute;text-align:left;text-decoration:none;width:15%;font-size:12px}@media only screen and (min-width:481px){#introOkButton{font-size:14px}}@media only screen and (min-width:769px){#introOkButton{font-size:16px}}@media only screen and (min-width:1025px){#introOkButton{font-size:20px}}
#introContent{width:100%;height:90%;top:0%;overflow:hidden;color:white}#introContent #introScrollContainer{position:absolute;z-index:1;top:5%;bottom:4%;left:1%;width:96%;background:transparent;overflow:auto}#introContent #introScrollContainer h2{font-size:14px}@media only screen and (min-width:481px){#introContent #introScrollContainer h2{font-size:18px}}@media only screen and (min-width:769px){#introContent #introScrollContainer h2{font-size:22px}}@media only screen and (min-width:1025px){#introContent #introScrollContainer h2{font-size:26px}}
.background_content{background:url(../img/textback900x1200.png) no-repeat center;background-size:100% auto;height:80%}
.wrapper{position:absolute;z-index:1;top:5%;bottom:48px;left:2%;width:100%;background:transparent;overflow:auto}
.wrapper1{position:absolute;z-index:1;top:20%;bottom:48px;left:5%;width:100%;background:transparent;overflow:hidden}
.wrapper_rules{position:absolute;z-index:1;top:10%;bottom:10%;left:5%;width:90%;background:transparent;overflow:auto}
.scroller1{position:absolute;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:95%;padding:0;color:white}
#slide_position{height:42%;left:0;margin:auto;position:absolute;top:20%;width:100%}
.title_page{margin:auto;color:white;text-align:center;font-size:18px;margin-bottom:3%}
#rules_title{width:95%;height:auto;margin:auto ;text-align:center;color:white;font-size:18px;padding-bottom:2%}
.pop_up{position:absolute;z-index:100;width:100%;height:100%;background-color:#00314A;opacity:0.9;font-size:22px;display:none}
#rulesContainer{position:absolute;width:100%;height:100%}#rulesContainer .title{text-align:center;color:white;font-weight:normal;font-size:8px;position:absolute;top:0;height:25%;width:100%}#rulesContainer .title span{display:block}#rulesContainer .title span:first-child{margin-bottom:0.5em}
@media only screen and (min-width:481px){#rulesContainer .title{font-size:10px}}@media only screen and (min-width:769px){#rulesContainer .title{font-size:14px}}@media only screen and (min-width:1025px){#rulesContainer .title{font-size:20px}}#rulesContainer .title td{vertical-align:bottom;padding:1em}
#rulesContainer #rulesScrollContainer{width:100%;position:absolute;top:25%;height:75%}#rulesContainer #rulesScrollContainer .scrollContent #rulesContent3 td{padding-right:0.5em}
#rulesContainer #rulesScrollContainer .scrollContent .section{position:relative;margin:1em 6em;color:white;font-weight:normal;font-size:8px;background-image:url(../img/backgroundWhite10Percent.png)}#rulesContainer #rulesScrollContainer .scrollContent .section:first-child{margin-top:0}
#rulesContainer #rulesScrollContainer .scrollContent .section:last-child{margin-bottom:0}
@media only screen and (min-width:481px){#rulesContainer #rulesScrollContainer .scrollContent .section{font-size:9px}}@media only screen and (min-width:769px){#rulesContainer #rulesScrollContainer .scrollContent .section{font-size:14px}}@media only screen and (min-width:1025px){#rulesContainer #rulesScrollContainer .scrollContent .section{font-size:17px}}#rulesContainer #rulesScrollContainer .scrollContent .section.top{border-top-left-radius:2.5em;border-top-right-radius:2.5em}
#rulesContainer #rulesScrollContainer .scrollContent .section.bottom{border-bottom-left-radius:2.5em;border-bottom-right-radius:2.5em}
#rulesContainer #rulesScrollContainer .scrollContent .section .intro{height:4em;padding:1.7em 8em;display:block}#rulesContainer #rulesScrollContainer .scrollContent .section .intro td{vertical-align:top}#rulesContainer #rulesScrollContainer .scrollContent .section .intro td:first-child{padding-right:0.4em}
#rulesContainer #rulesScrollContainer .scrollContent .section .button{position:absolute;width:15em;height:4.78em;top:2.5em;margin-left:-8em;cursor:pointer}#rulesContainer #rulesScrollContainer .scrollContent .section .button.up{background-image:url(../images/rules_button_up.png);background-size:100%;background-repeat:no-repeat}
#rulesContainer #rulesScrollContainer .scrollContent .section .button.down{background-image:url(../images/rules_button_down.png);background-size:100%;background-repeat:no-repeat}
#rulesContainer #rulesScrollContainer .scrollContent .section .logo{position:absolute;top:0.7em;right:1em;height:5.8em}
#rulesContainer #rulesScrollContainer .scrollContent .section .content{border-top:solid 1px white;padding:1em 8em}#rulesContainer #rulesScrollContainer .scrollContent .section .content table{margin:10px 0;display:block}#rulesContainer #rulesScrollContainer .scrollContent .section .content table:first-child{padding-right:0.4em}
#rulesContainer #rulesScrollContainer .scrollContent .section .content table td{vertical-align:top}
#rulesContainer #rulesScrollContainer .scrollContent .section .content .imageContainer{position:relative;display:inline-block;width:200px;cursor:pointer;margin-right:20px}#rulesContainer #rulesScrollContainer .scrollContent .section .content .imageContainer img{width:200px;display:block;margin:10px 10px 10px 0;border-style:none}
#rulesContainer #rulesScrollContainer .scrollContent .section .content .imageContainer .glassIcon{position:absolute;display:block;right:5px;bottom:15px;background-image:url(../img/rules/magnifyingGlass.png);width:13px;height:13px;background-size:100%;background-repeat:no-repeat}
.winnersFooter{color:white;font-size:10px;position:absolute;bottom:0;width:100%;height:2.2em;white-space:nowrap;z-index:9997;background:url(../img/yellowgradientbar.png) no-repeat center;background-size:100% 100%;overflow:hidden;text-align:center}@media only screen and (min-width:481px){.winnersFooter{font-size:12px}}@media only screen and (min-width:769px){.winnersFooter{font-size:14px}}@media only screen and (min-width:1025px){.winnersFooter{font-size:18px}}.winnersFooter .link{position:relative;height:100%;display:inline-block;padding:0em;margin:0;text-decoration:none;color:white;text-align:center;line-height:2.3em;width: 22%;}.winnersFooter .link .bordered{display:block;height:1em}
.winnersFooter .link.active{}
.winnersFooter .link img{position:absolute;top:0;left:0;width:100%;height:100%}
.winnersFooter .link:last-child { width: 34%; }
#mapContainer{bottom:0;height:100%;left:0;margin:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:1}#mapContainer #mapScroller{position:relative;height:100%;margin:0 auto}#mapContainer #mapScroller img{width:100%;height:100%}
#mapContainer #mapScroller #mapData area{cursor:pointer; display: inline-block;}
area { cursor: pointer; display:inline-block;}
#cartePopup .popup{bottom:20%;left:10%;margin:0;position:absolute;right:10%;top:15%;width:auto;min-width:340px}#cartePopup .popup .title{background-color:#E0A44E;position:relative;height:3em;line-height:2.5em;padding:0 3.2em 0 2em;font-size:12px;font-weight:bold}@media (min-width:480px) and (min-height:480px){#cartePopup .popup .title{font-size:16px}}@media (min-width:720px) and (min-height:480px){#cartePopup .popup .title{font-size:18px}}@media (min-width:1024px) and (min-height:800px){#cartePopup .popup .title{font-size:24px}}#cartePopup .popup .title .closeButton{height:30%;position:absolute;right:3%;top:30%;cursor:pointer}
#cartePopup .popup .body{box-shadow:none;position:absolute;top:2.5em;bottom:0;left:0;right:0;height:auto;padding:2em 0 2em 2em;font-size:12px;font-weight:bold}@media (min-width:480px) and (min-height:480px){#cartePopup .popup .body{font-size:16px}}@media (min-width:720px) and (min-height:480px){#cartePopup .popup .body{font-size:18px}}@media (min-width:1024px) and (min-height:800px){#cartePopup .popup .body{font-size:24px}}#cartePopup .popup .body .city{margin-bottom:1em}
#cartePopup .popup .body .additionalInfoNotice{vertical-align:super;font-size:70%}
#cartePopup .popup .body .countryScroller{}
#cartePopup .popup .body .mapCountryTable{width:96%;font-size:10px;font-weight:normal}@media (min-width:480px) and (min-height:480px){#cartePopup .popup .body .mapCountryTable{font-size:12px}}@media (min-width:720px) and (min-height:480px){#cartePopup .popup .body .mapCountryTable{font-size:14px}}@media (min-width:1024px) and (min-height:800px){#cartePopup .popup .body .mapCountryTable{font-size:16px}}#cartePopup .popup .body .mapCountryTable thead td{font-weight:bold;padding:0.3em 1em 0.3em 0;white-space:nowrap}#cartePopup .popup .body .mapCountryTable thead td:first-child{padding-left:0.5em}
#cartePopup .popup .body .mapCountryTable thead td.row1{width:18%}
#cartePopup .popup .body .mapCountryTable thead td.row2{width:18%}
#cartePopup .popup .body .mapCountryTable thead td.row3{width:18%}
#cartePopup .popup .body .mapCountryTable thead td.row4{width:46%}
#cartePopup .popup .body .mapCountryTable tbody td{font-weight:normal;padding:0.3em 1em 0.3em 0}#cartePopup .popup .body .mapCountryTable tbody td:first-child{padding-left:0.5em}
#cartePopup .popup .body .mapCountryTable tbody td.even{background-color:#F9EDDC}
#cartePopup .popup .body .bottomTable{font-size:10px;font-weight:normal;margin-top:0.5em;margin-bottom:1.5em;width:96%}@media (min-width:480px) and (min-height:480px){#cartePopup .popup .body .bottomTable{font-size:12px}}@media (min-width:720px) and (min-height:480px){#cartePopup .popup .body .bottomTable{font-size:14px}}@media (min-width:1024px) and (min-height:800px){#cartePopup .popup .body .bottomTable{font-size:16px}}
#cartePopup .popup .body #countryScrollContainer{position:relative;width:100%;height:100%}#cartePopup .popup .body #countryScrollContainer #tableWinner{color:black}
#historyPopup{position:absolute;top:15%;left:5%;bottom:5%;right:5%;width:auto;font-size:10px}@media only screen and (min-width:481px){#historyPopup{font-size:12px}}@media only screen and (min-width:769px){#historyPopup{font-size:16px}}@media only screen and (min-width:1025px){#historyPopup{font-size:18px}}#historyPopup .title{background-color:#e1a550}
#historyPopup .body{padding:2em 0 3.5em 0;background-color:#FBF2E5;bottom:0;height:auto;left:0;position:absolute;right:0;top:3em}
#historyPopup .continueButton{background-color:#E1A550;-webkit-border-top-left-radius:1em;-webkit-border-bottom-left-radius:1em;-moz-border-top-left-radius:1em;-moz-border-bottom-left-radius:1em;border-top-left-radius:1em;border-bottom-left-radius:1em;bottom:1em;color:#FFFFFF;height:2em;padding-left:3em;padding-right:3em;position:absolute;right:0;text-align:right;cursor:pointer;z-index:9999;line-height:2em}
#historyPopup .historyPreviousButton{display:none}
#historyPopup .historyNextButton{display:none}
#historyPopup #historyPagesSelector{height:100%}
#historyPopup #historyPagesContainer{position:relative;list-style:none;display:block;float:left;height:100%;padding:0;margin:0}#historyPopup #historyPagesContainer>li{display:block;float:left;text-align:center;height:100%;overflow:hidden;position:relative;padding:0;margin:0;}#historyPopup #historyPagesContainer>li #historyNameSelect{display:none}
#historyPopup #historyPagesContainer>li .imageWrapper{display:block;float:left;height:100%;width:50%;padding:0;margin:0}#historyPopup #historyPagesContainer>li .imageWrapper .images{position:relative;display:block;border-right:solid 1px #E1A550;text-align:center;height:100%}#historyPopup #historyPagesContainer>li .imageWrapper .images .image{position:relative;display:block}#historyPopup #historyPagesContainer>li .imageWrapper .images .image img{width:100%;height:100%;position:relative;display:block}
#historyPopup #historyPagesContainer>li .imageWrapper .images .image .glassIcon{position:absolute;display:block;right:5px;bottom:5px;background-image:url(../img/rules/magnifyingGlass.png);width:13px;height:13px;background-size:100%;background-repeat:no-repeat}
#historyPopup #historyPagesContainer>li .paragraphs{display:block;float:right;height:100%;width:50%;padding:0;margin:0}#historyPopup #historyPagesContainer>li .paragraphs .paragraphScroller{display:block}#historyPopup #historyPagesContainer>li .paragraphs .paragraphScroller .paragraph{display:block;text-align:justify;margin:0 5%;padding-right:0.5em;padding-bottom:0.5em;font-size:12px}@media only screen and (min-width:481px){#historyPopup #historyPagesContainer>li .paragraphs .paragraphScroller .paragraph{font-size:14px}}@media only screen and (min-width:769px){#historyPopup #historyPagesContainer>li .paragraphs .paragraphScroller .paragraph{font-size:18px}}@media only screen and (min-width:1025px){#historyPopup #historyPagesContainer>li .paragraphs .paragraphScroller .paragraph{font-size:20px}}
#historyPopup #historyPagesContainer>li.nameSelect #historyNameSelect{display:block;height:70%;padding:0 10% 0 5%;position:absolute;right:0;text-align:center;top:30%;width:35%}#historyPopup #historyPagesContainer>li.nameSelect #historyNameSelect .inputWrapper{display:block;height:40%;margin:10% 0}#historyPopup #historyPagesContainer>li.nameSelect #historyNameSelect .inputWrapper label{display:none}
#historyPopup #historyPagesContainer>li.nameSelect #historyNameSelect .inputWrapper input{border:1px solid #E1A550;border-radius:0.5em;padding:0.3em;text-align:center;width:100%}
#historyPopup #historyPagesContainer>li.nameSelect .imageWrapper{display:block;height:70%;padding:0 0 0 15%;position:absolute;text-align:right;top:30%;width:35%}#historyPopup #historyPagesContainer>li.nameSelect .imageWrapper .image{border-style:none;display:block;height:40%;margin:0 auto 10%;width:auto;text-align:center;pointer-events:none}#historyPopup #historyPagesContainer>li.nameSelect .imageWrapper .image:first-child{margin-bottom:10%;margin-top:10%}
#historyPopup #historyPagesContainer>li.nameSelect .imageWrapper .image:last-child{margin-bottom:20%}
#historyPopup #historyPagesContainer>li.nameSelect .imageWrapper .image img{display:inline-block;width:auto;height:100%}
#historyPopup #historyPagesContainer>li.nameSelect .imageWrapper .image .glassIcon{display:none}
#historyPopup #historyPagesContainer>li.nameSelect .paragraphs{display:block;height:28%;left:0;padding:0;position:absolute;right:0;top:0;width:auto}#historyPopup #historyPagesContainer>li.nameSelect .paragraphs .paragraph{padding-bottom:0;text-align:center}
#historyPopup #historyPagesContainer>li.periodStart .paragraphs{position:absolute;display:block;top:80%;height:20%;left:auto;right:auto;padding:0;margin:0}#historyPopup #historyPagesContainer>li.periodStart .paragraphs .paragraphScroller{display:block;top:auto;bottom:auto;left:auto;width:auto;height:auto;padding:0;margin:0}#historyPopup #historyPagesContainer>li.periodStart .paragraphs .paragraphScroller .paragraph{padding:0 1.5em 0 0;margin:0;font-size:10px}@media only screen and (min-width:481px){#historyPopup #historyPagesContainer>li.periodStart .paragraphs .paragraphScroller .paragraph{font-size:12px}}@media only screen and (min-width:769px){#historyPopup #historyPagesContainer>li.periodStart .paragraphs .paragraphScroller .paragraph{font-size:14px}}@media only screen and (min-width:1025px){#historyPopup #historyPagesContainer>li.periodStart .paragraphs .paragraphScroller .paragraph{font-size:16px}}
#historyPopup #historyPagesContainer>li.periodStart .imageWrapper{position:absolute;display:block;height:80%;width:80%;top:0;left:10%;right:10%;padding:0;margin:0}#historyPopup #historyPagesContainer>li.periodStart .imageWrapper .images{border-style:none;position:absolute;display:block;height:auto;width:auto;top:auto;left:auto;padding:0;margin:0}#historyPopup #historyPagesContainer>li.periodStart .imageWrapper .images .image{display:block;margin:0;padding:0;position:absolute}#historyPopup #historyPagesContainer>li.periodStart .imageWrapper .images .image.map{width:100%;top:0;left:0}
#historyPopup #historyPagesContainer>li.periodStart .imageWrapper .images .image.boat{width:40%;bottom:-10%;right:0;pointer-events:none}#historyPopup #historyPagesContainer>li.periodStart .imageWrapper .images .image.boat .glassIcon{display:none}
#historyPopup #historyPagesContainer>li.periodStart .imageWrapper .images .image img{display:block;width:100%;height:auto}
#historyPopup #historyPagesContainer>li.alone .imageWrapper,#historyPopup #historyPagesContainer>li.aloneJustify .imageWrapper{display:none}
#historyPopup #historyPagesContainer>li.alone .paragraphs,#historyPopup #historyPagesContainer>li.aloneJustify .paragraphs{display:block;width:94%;padding:0 3%}
#historyPopup #historyPagesContainer>li.alone li,#historyPopup #historyPagesContainer>li.aloneJustify li{padding-bottom:1em}
#historyPopup #historyPagesContainer>li.alone .paragraphs .paragraph{text-align:center}
#historyPopup #historyPagesContainer>li.aloneJustify .paragraphs .paragraph{text-align:justify}
#historyPopup #historyPagesContainer>li.canne .images{border-style:none}#historyPopup #historyPagesContainer>li.canne .images .image .glassIcon{display:none}
#historyPopup #historyPagesContainer>li.canne .paragraphs .paragraphScroller{padding-bottom:2em;padding-top:0}#historyPopup #historyPagesContainer>li.canne .paragraphs .paragraphScroller .paragraph{-webkit-border-top-right-radius:1.5em;-webkit-border-bottom-left-radius:1.5em;-webkit-border-bottom-right-radius:1.5em;-moz-border-top-right-radius:1.5em;-moz-border-bottom-left-radius:1.5em;-moz-border-bottom-right-radius:1.5em;border-top-right-radius:1.5em;border-bottom-left-radius:1.5em;border-bottom-right-radius:1.5em;border:0.18em solid #E1A550;display:block;margin:1.8em 5% 0 0;padding:1em;padding-right:0.5em;text-align:justify}
#historyPopup #historyPagesContainer>li.canneReward .imageWrapper{display:block;height:70%;margin:0;padding:0;width:100%}#historyPopup #historyPagesContainer>li.canneReward .imageWrapper .images{display:block;height:100%;position:relative;width:100%}#historyPopup #historyPagesContainer>li.canneReward .imageWrapper .images image{display:block;position:absolute}#historyPopup #historyPagesContainer>li.canneReward .imageWrapper .images image img{display:block;width:100%;height:auto}
#historyPopup #historyPagesContainer>li.canneReward .paragraphs{position:absolute;float:none;display:block;height:30%;margin:0;padding:0;width:100%;top:70%}#historyPopup #historyPagesContainer>li.canneReward .paragraphs .paragraph{color:#00324b;font-weight:bold;margin:0;padding:0.5em 1.5em 0 0;text-align:center;display:block;font-family:'Times New Roman',serif;font-size:10px}@media only screen and (min-width:481px){#historyPopup #historyPagesContainer>li.canneReward .paragraphs .paragraph{font-size:14px}}@media only screen and (min-width:769px){#historyPopup #historyPagesContainer>li.canneReward .paragraphs .paragraph{font-size:20px}}@media only screen and (min-width:1025px){#historyPopup #historyPagesContainer>li.canneReward .paragraphs .paragraph{font-size:25px}}#historyPopup #historyPagesContainer>li.canneReward .paragraphs .paragraph .gold{color:#e1a550;font-style:italic}
#historyPopup .nav{bottom:1em;left:0;position:absolute;right:0}#historyPopup .nav #indicator{display:block;margin:0 auto;position:relative;text-align:center;width:210px;padding:0}
#historyPopup .nav #indicator>li{background:none repeat scroll 0 0 #DDDDDD;border-radius:4px;height:8px;margin:0 2px;overflow:hidden;text-indent:-9999em;width:8px;display:inline-block;list-style:none outside none;padding:0}
#historyPopup .nav #indicator>li.active{background:#888}
#historyQuiz{position:absolute;top:25%;left:25%;right:25%;width:auto;font-size:10px}@media only screen and (min-width:481px){#historyQuiz{font-size:12px}}@media only screen and (min-width:769px){#historyQuiz{font-size:16px}}@media only screen and (min-width:1025px){#historyQuiz{font-size:18px}}#historyQuiz .title{background-color:#e1a550}
#historyQuiz .body{padding:2em 0 1em 0;background-color:#FBF2E5;height:auto;left:0;position:absolute;right:0;top:3em}#historyQuiz .body table{height:100%;width:100%}#historyQuiz .body table td{text-align:center;padding:0 3em}
#historyQuiz .buttonContainer{text-align:right}#historyQuiz .buttonContainer .continueButton{background-color:#E1A550;-webkit-border-top-left-radius:1em;-webkit-border-bottom-left-radius:1em;-moz-border-top-left-radius:1em;-moz-border-bottom-left-radius:1em;border-top-left-radius:1em;border-bottom-left-radius:1em;display:inline-block;color:#FFFFFF;height:2em;padding-left:3em;padding-right:3em;line-height:2em;text-align:right;cursor:pointer;z-index:9999}
#historyQuizQuestion{position:absolute;top:25%;left:10%;bottom:20%;right:10%;width:auto;font-size:10px}@media only screen and (min-width:320px){#historyQuizQuestion{top:15%}}@media only screen and (min-width:481px){#historyQuizQuestion{font-size:12px}}@media only screen and (min-width:769px){#historyQuizQuestion{font-size:16px}}@media only screen and (min-width:1025px){#historyQuizQuestion{font-size:18px}}#historyQuizQuestion .title{background-color:#e1a550}
#historyQuizQuestion .body{padding:0em 0 0em 0;background-color:transparent;bottom:0;height:auto;left:0;position:absolute;right:0;top:3em;box-shadow:none}#historyQuizQuestion .body table{height:100%;position:absolute;top:0;width:100%;z-index:100}#historyQuizQuestion .body table td{text-align:left;padding:0 3em}@media only screen and (min-width:320px){#historyQuizQuestion .body table td{text-align:left;padding:0 1em}}@media only screen and (min-width:820px){#historyQuizQuestion .body table td{text-align:left;padding:0 1em}}#historyQuizQuestion .body table td #historyQuestionLabel{font-weight:bold}
#historyQuizQuestion .body table td div{margin-bottom:1em;}@media only screen and (min-width:320px){#historyQuizQuestion .body table td div{margin-bottom:0.5em;}}@media only screen and (min-width:820px){#historyQuizQuestion .body table td div{margin-bottom:0.5em;}}
#historyQuizQuestion .body table td #historyQuestionAnswers{}@media only screen and (min-width:320px){#historyQuizQuestion .body table td #historyQuestionAnswers{padding-right:30%}}@media only screen and (min-width:820px){#historyQuizQuestion .body table td #historyQuestionAnswers{padding-right:25%}}
#historyQuizQuestion .filler{background-color:#FBF2E5;height:100%;left:0;position:absolute;top:0;width:80%}
#historyQuizQuestion .filler2{background-color:#FBF2E5;height:30%;position:absolute;top:0;right:0}
#historyQuizQuestion .filler3{background-color:#FBF2E5;height:70%;position:absolute;top:0}
#historyQuizQuestion .questionMark{background-image:url("../img/questionMark.png");background-position:right top;background-repeat:no-repeat;background-size:auto 100%;height:152.3%;position:absolute;right:0;top:0;width:100%}
#historyQuizQuestion .continueButton{background-color:#E1A550;-webkit-border-top-left-radius:1em;-webkit-border-bottom-left-radius:1em;-moz-border-top-left-radius:1em;-moz-border-bottom-left-radius:1em;border-top-left-radius:1em;border-bottom-left-radius:1em;bottom:1em;color:#FFFFFF;height:2em;padding-left:3em;padding-right:3em;position:absolute;right:0;text-align:right;cursor:pointer;z-index:9999;line-height:2em}
#historySuccess{position:absolute;top:25%;left:10%;bottom:20%;right:10%;width:auto;font-size:10px}@media only screen and (min-width:481px){#historySuccess{font-size:12px}}@media only screen and (min-width:769px){#historySuccess{font-size:16px}}@media only screen and (min-width:1025px){#historySuccess{font-size:18px}}#historySuccess .title{background-color:#8dc63f}
#historySuccess .body{padding:2em 0 3em 0;background-color:transparent;bottom:0;height:auto;left:0;position:absolute;right:0;top:3em;box-shadow:none}#historySuccess .body table{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:10}#historySuccess .body table td{text-align:left;padding:0 3em}
#historySuccess .filler{background-color:#FBF2E5;height:100%;left:0;position:absolute;top:0;width:80%}
#historySuccess .filler2{background-color:#FBF2E5;height:50%;position:absolute;top:0}
#historySuccess .check{background-image:url("../img/check.png");background-position:right top;background-repeat:no-repeat;background-size:auto 100%;height:151.7%;position:absolute;right:0;top:0;width:100%}
#historySuccess .continueButton{-webkit-border-top-left-radius:1em;-webkit-border-bottom-left-radius:1em;-moz-border-top-left-radius:1em;-moz-border-bottom-left-radius:1em;border-top-left-radius:1em;border-bottom-left-radius:1em;background-color:#8DC63F;bottom:1em;color:#FFFFFF;cursor:pointer;height:2em;padding-left:2.8em;padding-right:2.8em;position:absolute;right:0;text-align:right;z-index:9999;line-height:2em}
#historyError{position:absolute;top:25%;left:10%;bottom:20%;right:10%;width:auto;font-size:10px}@media only screen and (min-width:481px){#historyError{font-size:12px}}@media only screen and (min-width:769px){#historyError{font-size:16px}}@media only screen and (min-width:1025px){#historyError{font-size:18px}}#historyError .title{background-color:#BE1E2D}
#historyError .body{padding:2em 0 3em 0;background-color:transparent;bottom:0;height:auto;left:0;position:absolute;right:0;top:3em;box-shadow:none}#historyError .body table{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:10}#historyError .body table td{text-align:left;padding:0 3em}
#historyError .filler{background-color:#F8E8EA;height:100%;left:0;position:absolute;top:0;width:80%}
#historyError .filler2{background-color:#F8E8EA;height:40%;position:absolute;top:0}
#historyError .cross{background-image:url("../img/cross.png");background-position:right top;background-repeat:no-repeat;background-size:auto 100%;height:151.7%;position:absolute;right:0;top:0;width:100%}
#historyError .continueButton{-webkit-border-top-left-radius:1em;-webkit-border-bottom-left-radius:1em;-moz-border-top-left-radius:1em;-moz-border-bottom-left-radius:1em;border-top-left-radius:1em;border-bottom-left-radius:1em;background-color:#BE1E2D;bottom:1em;color:#FFFFFF;cursor:pointer;height:2em;padding-left:2.8em;padding-right:2.8em;position:absolute;right:0;text-align:right;z-index:9999;line-height:2em}
#historySelectionContainer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}#historySelectionContainer #historySelectionPopup{position:absolute;display:block;list-style-type:none;top:0;left:0;background-image:url(../img/popupContainerBackground.png);-webkit-border-top-right-radius:2em;-webkit-border-bottom-left-radius:2em;-webkit-border-bottom-right-radius:2em;-moz-border-top-right-radius:2em;-moz-border-bottom-left-radius:2em;-moz-border-bottom-right-radius:2em;border-top-right-radius:2em;border-bottom-left-radius:2em;border-bottom-right-radius:2em;margin:0;padding:1em;color:white}#historySelectionContainer #historySelectionPopup li{font-weight:bold;padding:0.2em 1.5em 0.2em 0.2em;margin:0;cursor:pointer;height:1.2em}#historySelectionContainer #historySelectionPopup li.active{background-color:#5a7a8a}#historySelectionContainer #historySelectionPopup li.active:hover{background-color:#5a7a8a}
#historySelectionContainer #historySelectionPopup li.disabled{font-weight:normal;color:#AAAAAA;cursor:default}#historySelectionContainer #historySelectionPopup li.disabled:hover{background-color:transparent}
#historySelectionContainer #historySelectionPopup li:hover{background-color:#5c7c8b}
#historyPresentDayPopup{-webkit-border-top-left-radius:2em;-webkit-border-bottom-left-radius:2em;-webkit-border-top-right-radius:2em;-webkit-border-bottom-right-radius:2em;-moz-border-top-left-radius:2em;-moz-border-bottom-left-radius:2em;-moz-border-top-right-radius:2em;-moz-border-bottom-right-radius:2em;border-top-left-radius:2em;border-bottom-left-radius:2em;border-top-right-radius:2em;border-bottom-right-radius:2em;background-image:url(../images/presentDay/popupBackground.png);border:0.3em solid #E1A550;left:1%;padding:2em 2em 4em;position:absolute;right:27%;text-align:justify;top:15%;z-index:102;font-size:10px}@media only screen and (min-width:481px){#historyPresentDayPopup{font-size:12px}}@media only screen and (min-width:769px){#historyPresentDayPopup{font-size:14px}}@media only screen and (min-width:1025px){#historyPresentDayPopup{font-size:18px}}#historyPresentDayPopup .button{background-color:#E1A550;-webkit-border-top-left-radius:.4em;-webkit-border-bottom-left-radius:.4em;-moz-border-top-left-radius:.4em;-moz-border-bottom-left-radius:.4em;border-top-left-radius:.4em;border-bottom-left-radius:.4em;bottom:1.6em;right:0em;color:#FFFFFF;height:2em;padding-left:3em;padding-right:3em;position:absolute;text-align:right;cursor:pointer;line-height:2em}
#canneOverlay{display:none;position:absolute;top:0;z-index:150}
#historyBlueBackground{background-color:#015daa;position:absolute;top:0;left:0;width:100%;height:100%}
#historyGoldBackground{background-image:url("../images/yellowBackground.png");position:absolute;top:0;left:0;width:100%;height:100%}
#historyLoader{position:absolute;top:0;left:0;width:100%;height:100%}#historyLoader img{position:relative;top:50%;margin-left:auto;margin-right:auto;width:50px;display:block}
#settings.popupContainer{display:block;background-image:url("../images/white75.png");z-index:1000}#settings.popupContainer .popup{bottom:30%;left:15%;margin:0;position:absolute;right:15%;top:30%;width:auto;min-width:340px;font-size:14px;font-weight:bold}@media (min-width:520px) and (min-height:520px){#settings.popupContainer .popup{font-size:15px}}@media (min-width:820px) and (min-height:820px){#settings.popupContainer .popup{font-size:24px}}@media (min-width:1520px) and (min-height:1520px){#settings.popupContainer .popup{font-size:26px}}#settings.popupContainer .popup .title{background-color:#00324B;height:2.5em;line-height:2.5em;padding:0 7%;text-transform:uppercase;font-weight:bold}
#settings.popupContainer .popup .body{background-color:transparent;box-shadow:none;position:absolute;top:2.5em;bottom:0;left:0;right:0;height:auto}#settings.popupContainer .popup .body .filler{bottom:0;left:0;position:absolute;right:20%;top:0;background-color:#E5EAED}
#settings.popupContainer .popup .body .filler2{background-color:#E5EAED;height:20%;left:0;position:absolute;right:0;top:0}
#settings.popupContainer .popup .body .content{height:100%;left:7%;position:absolute;top:0;font-weight:normal;font-size:12px}@media (min-width:520px) and (min-height:520px){#settings.popupContainer .popup .body .content{font-size:16px}}@media (min-width:820px) and (min-height:820px){#settings.popupContainer .popup .body .content{font-size:26px}}@media (min-width:1520px) and (min-height:1520px){#settings.popupContainer .popup .body .content{font-size:28px}}#settings.popupContainer .popup .body .content .row1{vertical-align:bottom;font-weight:bold}
#settings.popupContainer .popup .body .content .row2{height:2em;border-bottom:solid 1px #00314b}
#settings.popupContainer .popup .body .content .row3{height:1em;font-weight:bold}
#settings.popupContainer .popup .body .content .row4{vertical-align:top}
#settings.popupContainer .popup .body .content .check{position:relative;display:inline-block;width:1.2em;height:1.2em;vertical-align:text-bottom;margin-right:0.5em;cursor:pointer}
#settings.popupContainer .popup .body .content .label{margin-right:1em;cursor:pointer}
#settings.popupContainer .popup .body .content td{white-space:nowrap;height:1.5em}
#settings.popupContainer .popup .body .gear{background-image:url("../images/gearDesign.png");background-position:right top;background-repeat:no-repeat;background-size:auto 100%;height:151.7%;position:absolute;right:0;top:0;width:100%}
#settings.popupContainer .popup .body .continueButton{background-color:#00314b;-webkit-border-top-left-radius:1em;-webkit-border-bottom-left-radius:1em;-moz-border-top-left-radius:1em;-moz-border-bottom-left-radius:1em;border-top-left-radius:1em;border-bottom-left-radius:1em;bottom:10%;color:#FFFFFF;padding-left:3em;padding-right:3em;position:absolute;right:0;text-align:right;cursor:pointer;z-index:9999;line-height:2em;height:2em;font-size:12px;font-weight:normal;text-decoration:none}@media (min-width:520px) and (min-height:520px){#settings.popupContainer .popup .body .continueButton{font-size:16px}}@media (min-width:820px) and (min-height:820px){#settings.popupContainer .popup .body .continueButton{font-size:26px}}@media (min-width:1520px) and (min-height:1520px){#settings.popupContainer .popup .body .continueButton{font-size:28px}}