/*popup map small list on bottom*/
#continent-list { position: absolute; top: 280px; left: 0px; height: 122px; width: 632px; background: #112c3a; }
#continent-list .north-america { position: absolute; top: 0px; left: 0px; width: 200px; height: 117px; background: url('/static/en/img/continents.gif') 0px 0px no-repeat; text-indent: -9999px; cursor: pointer; }
#continent-list .south-america { position: absolute; top: 0px; left: 209px; width: 77px; height: 117px; background: url('/static/en/img/continents.gif') -209px 0px  no-repeat; text-indent: -9999px; cursor: pointer; }
#continent-list .europe { position: absolute; top: 0px; left: 292px; width: 284px; height: 117px; background: url('/static/en/img/continents.gif') -292px 0px no-repeat; text-indent: -9999px; cursor: pointer; }
#continent-list .australia { position: absolute; top: 53px; left: 552px; width: 64px; height: 46px; background: url('/static/en/img/continents.gif') -552px -53px no-repeat; text-indent: -9999px; cursor: pointer; }
#continent-list div:hover, #continent-list .continent-hover { background-image: url('/static/en/img/continents-hover.gif'); font-size: 0px; }

/*popup map large zoom map*/
#continent-zoom { width: 632px; height: 280px; position: absolute; top: 0px; left: 0px; }
#continent-zoom .north-america { background: url('/static/en/img/north-america-zoom.gif') no-repeat; width: 632px; height: 280px; }
#continent-zoom .south-america { background: url('/static/en/img/south-america-zoom.gif') no-repeat; width: 632px; height: 280px; }
#continent-zoom .europe { background: url('/static/en/img/europe-zoom.gif') no-repeat; width: 632px; height: 280px; }
#continent-zoom .australia { background: url('/static/en/img/australia-zoom.gif') no-repeat; width: 632px; height: 280px; }

/*popup map list on left*/
#locations { width: 198px; height: 402px; position: absolute; top: 0px; right: 0px; overflow: auto; background: #081922; }
#locations .list-header { padding: 3px; color: #7dd4f2; text-decoration: none; }
#locations ul li a.highlight-provence { background: #ffba00; color: #000; }
#locations ul li.empty-location { color: #536b77; padding-left: 20px; }
#locations ul li .connect-now { display: block; float: right; font-size: 10px; color: #536b77; }
#locations ul li .connect-highlight { color: #fff; font-weight: bold; }

/*popup plots*/
#plots .plot { display: block; height: 9px; width: 9px; background: url('/static/en/img/dot.gif'); text-indent: -9999px; position: absolute; cursor: pointer; }
#plots { width: 632px; height: 280px; position: relative; }
#plots .highlight-provence { background: url('/static/en/img/ping.gif') center center; }