/*
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0; font-family: "EB Garamond","Helvetica Neue", sans-serif; }
table { border-collapse:collapse; border-spacing:0 }
iframe { border: 0; margin: 0; padding: 0; }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
body {  color: #fff; }*/
div#browserno { background-color: #f00; width: 100%; text-align: center; position: absolute; z-index: 99402; top: 0; left: 0; }
div#browserno div.padded { padding: 30px 20px 10px 20px; font-size: 1.2em; color: #fff; }
#legacy_wrapper {
	position: relative;
	width: auto;
	height: auto;
}
div#legacy_main { 
	width: 100%; 
	height: 100%;  
	text-align: center; 
	position: relative; 
	background: #000;
	pointer-events: all;  }
div.legacy_top { 
	text-align: center; 
	background: #fbb03b url(../../art/l_bg.jpg) repeat-x; 
	width: 100%; height: 98%; 
	position: relative }
div.legacy_bottom { 
	text-align: center; 
	background: #fbb03b url(../../art/l_bg_b.jpg) bottom left  repeat-x; 
	width: 100%; 
	height: 100%;
	clear: both;
	position: relative; 
	pointer-events: all;
	/*padding: 50px 0px 50px 0px;*/
}
/*div.legacy_bottom div.yellowinner { color: #000; border:1px dashed black; width: 760px; height:420px; padding: 20px 20px 20px 20px; margin: 0 auto}*/
div#legacy_top h1 { color: #000; padding-top: 8px; font-size: 2.1em; }
div.legacy_bottom a { color: #000; }
div.legacy_bottom div#legacy_bottomtitle { z-index: 1; position: absolute; bottom: 25; width: 100%; text-align: center; }
div.legacy_bottom h2 { color: #000; padding-bottom: 8px; font-size: 1.6em; text-align: center; }
div.legacy_bottom div.inner { padding: 1px 0 30px 0; }
div.legacy_bottom div#lbottom_structure { z-index: 2; position: relative; margin:4% auto; width: 612px; height: 612px; background: url(../../art/legacy/legacy_bottomstructure.png) no-repeat; }
div.legacy_bottom div#lbottom_structure div { text-align: left;  padding: 4px 0 0 29px; width: 555px;  color: #000; }
div.legacy_bottom div#lbottom_structure div p { text-align: left; font-size: 1.1em; margin: 1em auto; color: #000}

div.legacy_bottom div#lbottom_structure div a { color: 000; }

div.mystical { text-align: left; background: url(../../art/legacy/legacy_topstructure.png) no-repeat; background-position-x: center; position: relative; margin: auto; width: 910px; height: 459px; overflow: auto; }
div.mystical p { position: absolute; color: #000; font-size: 18px; margin: 0; padding: 0; }
div.mystical p#a { top: 64px; left: 20px; z-index: 1; }
div.mystical p#b { top: 367px; left: 95px; width: 220px; z-index: 2; }
div.mystical p#c { top: 368px; left: 604px; }
div.mystical p#d { top: 64px; left: 607px; z-index: 3; }
div.mystical p#f { top: 184px; width: 200px; left: 348px; text-align: center; }
div.legacy_top div.play { position: absolute; width: 127px; height: 45px; cursor: pointer; background: url(../../art/f_playbutton.png); }
div#legacy_main div.more { position: absolute; bottom: 60; width: 127px; height: 45px; cursor: pointer; background: url(/legacy/art/leg_more.png) no-repeat; }

#legacy_main .home_button {
	z-index: 5; opacity: 0.5;
}

#nav_top_blackout {
	width: 100%;
	height: 90px;
	background-color: black;
}

.more_button {
	position: absolute; 
	width: 127px; 
	height: 45px; 
	cursor: pointer;
	pointer-events: all;
}
#legacymore { z-index: 5; background: url(../../art/more_button.png) no-repeat;}

div#legacy_main div#legacy_wline1 {
	left: 201px;
}

div#legacy_main div#legacy_wline2 {
	left: 700px;
	top: 445px;
}

div#legacy_main #l_outerouter {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	opacity: 0.9;
	overflow: hidden;
}

div#legacy_main #l_outerouter #l_outerinner {
	/*height: 735px;*/
	height: 100%;
	margin: 0 auto;
	position: relative;
    transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
	text-align: left;
	/*width:900px;*/	
}

#l_outerinner #l_container {
	position: relative;
	/*height: 730px;*/
	height: 100%;
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
    transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
	perspective: 1000;	
	-webkit-perspective: 1000;	
	 z-index: 1;
}

div#legacy_main div#legLoading {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 365px;
	left: 581px;
	width: 100px;
	height: 30px;
	z-index: 2000;
}
div#legacy_main div#legLoading p {
	color: #fbb03b;
	font-size: 1.3em;
}

div#legacy_main div#l_instructions { 
	position: absolute; 
	z-index: 1001; 
	cursor: 
	pointer; 
	background: rgba(0,0,0,.6); 
	width: 1284px; 
	padding: 325px 0px 160px 0px; 
	height: 100%; 
}

div#l_instructions p#one {
	position: relative;
	top:-62;
	left: 503;
	width: 105;
	text-align: right;
}

div#l_instructions p#two{
	position: relative;
	top: 58;
	left: 615;
	width: 75;
}

.zoomContainer {
	margin:0;
    padding:0;
    width:1280px;
    height:1280px;
    position:relative;
}

.zoomViewport {
	position: absolute;
	top: 5%;
	margin:0;
    padding:0;
    width:1284px;
	/*height:500px;*/
	height:70%;
	border:1px solid #000;
	background-color: black;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
/*	margin-top:1em;*/
	/*margin-top: 12%;*/
/*	cursor: pointer;*/
}

#centeringCanvas {
	width: 100%;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	position: absolute;
	top: 0;
}

.legacy-item {
	width:640px;
	height:208px;
	cursor: pointer;
	padding: 5px;
	border:1px solid #666;
}

#legacy_container_southafrica {
/*	background-color:#cfc;*/
	position:absolute;
	top:538px;
	left:1232px;
	
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#legacy_container_india {
/*	background-color:#cff;*/
	position:absolute;
	top:999px;
	left:461px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
}

#legacy_container_indonesia {
/*	background-color:#fcf;*/
	position:absolute;
	top:228px;
	left:0px;

	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-o-transform: rotate(315deg);
}

#legacy_container_srilanka {
/*	background-color:#ffc;*/
	position:absolute;
	top:-233px;
	left:771px;

	-webkit-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-o-transform: rotate(405deg);
}

#l_arrows {
	width: 100%;
	height: 100%;
}

.country_arrows_negSlope {
	width: 34px;
	height: 40px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	background-color: #fff;
	cursor: pointer;
	opacity: 0.75;
}

.country_arrows_posSlope {
	width: 34px;
	height: 40px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	cursor: pointer;
	opacity: 0.75;
}

#indonesia_left {
	left: 49;
	top: 326;
	background: url(../../art/legacy/zoomArrowsLeft.png) no-repeat;);
	background-size: 100% 100%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

#indonesia_right {
	left: 540;
	top: -156;
	background: url(../../art/legacy/zoomArrowsRight.png) no-repeat;);
	background-size: 100% 100%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);

}

#srilanka_left {
	left: 671;
	top: -183;
	background: url(../../art/legacy/zoomArrowsLeft.png) no-repeat;);
	background-size: 100% 100%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

#srilanka_right {
	left: 1157;
	top: 305;
	background: url(../../art/legacy/zoomArrowsRight.png) no-repeat;);
	background-size: 100% 100%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

#southafrica_left {
	left: 1180;
	top: 436;
	background: url(../../art/legacy/zoomArrowsLeft.png) no-repeat;);
	background-size: 100% 100%;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#southafrica_right {
	left: 694;
	top: 924;
	background: url(../../art/legacy/zoomArrowsRight.png) no-repeat;);
	background-size: 100% 100%;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#india_left {
	left: 562;
	top: 948;
	background: url(../../art/legacy/zoomArrowsLeft.png) no-repeat;);
	background-size: 100% 100%;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
}

#india_right {
	left: 76;
	top: 460;
	background: url(../../art/legacy/zoomArrowsRight.png) no-repeat;);
	background-size: 100% 100%;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
}

.scrubberBar {
	width:650px;
	height: 1px;
/*	background-color: red;*/
	position: absolute;
}

.progressDiamond {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: -4px;
	background-color: #fbb03b;
	background: url(../../art/legacy/progressCircle_sm.png) no-repeat;
	background-size: 100% 100%;
	-webkit-transform: translate(-5px);
	-moz-transform: translate(-5px);
	-o-transform: translate(-5px);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
}

#india_scrubber {
	top:845px;
	left:616px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
}

#india_progressDiamond {
	left: 0px;
}

#india_progress {
	width: 0;
}

#southafrica_scrubber {
	top:386px;
	left:1076px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#southafrica_progress {
	width: 0;
}

#southafrica_progressDiamond {
	left: 0px;
}

#srilanka_scrubber {
	top:-77px;
	left:617px;
	-webkit-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-o-transform: rotate(405deg);
}

#srilanka_progress {
	width: 0;
}

#srilanka_progressDiamond {
	left: 0px;
}

#indonesia_scrubber {
	top:383px;
	left:155px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-o-transform: rotate(315deg);
}

#indonesia_progress {
	width: 0;
}

#indonesia_progressDiamond {
	left: 0px;
}

#diamond {
	position:absolute;
	margin:0;
    padding:0;
	top: 200px;
	left:428px;
	width:372px;
	height:372px;
	z-index:10;
/*	opacity: 0.5;
	background-color:#ffc;*/
}

#diamond_border {
	position:absolute;
	margin:0;
    padding:0;
    z-index: 1000;
    cursor: pointer;
    top: 200px;
	left:615px;
	width:262px;
	height:262px;
	pointer-events: none;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

#playTitle {
	background: url(../../art/legacy/legacy_play.png) no-repeat;
	width: 101px;
	height: 103px;
	position: absolute;
	z-index: 1000;
	cursor: pointer;
	left: 566;
	top: 329;
}

#l_play_bg {
	background: url(../../art/periphery/play_bg.png);
	width: 155px;
	height: 155px;
	position: absolute;
	z-index: 1000;
	left: 110;
	top: 110;
	cursor: pointer;
}

#corner1 {
	position:absolute;
	margin:0;
    padding:0;
	top: 0px;
	left:0px;
	width:186px;
	height:186px;
/*	opacity: 0.5;*/
/*	background-color:#ffc;*/
	z-index: 999;
	cursor: pointer;
}

#corner2 {
	position:absolute;
	margin:0;
    padding:0;
	top: 0px;
	left: 186px;
	width:186px;
	height:186px;
/*	opacity: 0.5;*/
/*	background-color:#cff;*/
	z-index: 999;
	cursor: pointer;
}

#corner3 {
	position:absolute;
	margin:0;
    padding:0;
	top: 186px;
	left: 0px;
	width: 186px;
	height: 186px;
/*	opacity: 0.5;*/
/*	background-color:#cfc;*/
	z-index: 999;
	cursor: pointer;
}

#corner4 {
	position:absolute;
	margin:0;
    padding:0;
	top: 186px;
	left:186px;
	width:186px;
	height:186px;
/*	opacity: 0.5;*/
/*	background-color:#ccf;*/
	z-index: 999;
	cursor: pointer;
}

.directionLine {
	border-top: 2px dotted #666;
	color: #666;
	height: 1px;
	width:100%;
}

.directionsNegSlope {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.directionsPosSlope {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

#indonesia_directions {
	width: 195px;
	height: 30px;
	position: absolute;
	top: 156;
	left: 384;
	z-index: 10;
}
#southafrica_directions {
	width: 195px;
	height: 30px;
	position: absolute;
	top: 472;
	left: 712;
	z-index: 10;
}
#india_directions {
	width: 193px;
	height: 30px;
	position: absolute;
	top: 612;
	left: 385;
	z-index: 10;
}

#srilanka_directions {
	width: 198px;
	height: 30px;
	position: absolute;
	top: 296;
	left: 709;
	z-index: 10;
}


.directionTitle {
	color: #666;
	font-size: 24px;
	transform-origin: center center;
	cursor: pointer;
}

#indonesiaTitle {
	position: absolute;
	top: -16;
	left: 57;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

#southafricaTitle {
	position: absolute;
	left: 36;
	top: -11;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

#indiaTitle {
	position: absolute;
	left: 64;
	top: -23;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

#srilankaTitle {
	position: absolute;
	left: 50;
	top: -16;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

#wideZoom {
	width: 640;
	height: 640;
	position: absolute;
	top: -68px;
	left: 618px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);

}

#l_endscreen {
	position: absolute;
	width: 180;
	height: 100;
	left: 524;
	top: 323;
	color: #fbb03b;
	text-align: center;
	font-size: 1.2em;
	z-index: 1;
}

#l_endscreen p.empiredoc {
	font-size: 2em;
	margin-bottom: 5px;
}

#l_endscreen a {
	color: #fbb03b;
}