/* 
--------------------------------------------------------------------------------------
BEGIN Map styles

Overwrite colors in specific affliate/site css

--------------------------------------------------------------------------------------
*/

div.Block {
 position           : relative;
 
}

div.BlockTop {
 height             : 14px;
}

div.BlockContent {
 position           : relative;
 padding            : 0px 15px 0px 15px;
}

div.BlockBottom
{
 clear              : both;
 height             : 14px;
}

/*div.europe_block
{
	height            : 350px;
}

div.area_block
{
	height            : 295px;
}*/


div#trans {
 position           : absolute;
 visibility         : visible;
 z-index            : 4;
 top                : 0px;
 left               : 0px;
}

div#mapwrapper {
 position           : relative;
 z-index						: 2;
 border             : none;
}

div#mapwrapper select {
 font-size          : 11px;
 width              : 100%;
}

div#map {
 float              : left;
 position           : relative;
 border             : 1px solid #FFFFFF;
 overflow           : hidden;
}

div#map > img {
 /*border             : 1px solid #FFFFFF;*/
}

div#trans img {
	border            : none;
}

.map_marker {
	position          : absolute;
	z-index           : 5;
	cursor            : pointer;
	border            : none !important;
}

.areamap
{
	z-index           : 6;
}

area {
	z-index           : 6;
}

div.map_hotspot 
{
	position					: absolute;
	visibility        : hidden; 
	z-index           : 3;
	left              : 1px;
	top               : 1px;
}

div.map_hotspot img
{
	_filter           : Alpha(opacity=80);
	-moz-opacity      : 0.5;
	left              : 0px;
	top               : 0px;
	position          : absolute;
	border            : 0px !important;
	border-style      : none !important;
}

div.grid_hotspot 
{
	background        : none;
	position          : absolute;
	border            : 1px solid #B8424E;
	z-index           : 3;
	/*opacity           : 80;*/
}

div.grid_hotspot_hover 
{
	filter            : Alpha(opacity=80);
	-moz-opacity      : 0.5;
	background        : #80C480;
	border            : 1px solid #B8424E;
}

div.grid_hotspot div.label 
{
	right             : 0px;
	top               : 0px;
  width             : 22px;
  height            : 17px;
	position          : absolute;
	background-image  : url(/maps/deelkrt_background.gif);
	text-align        : center;
	font-size         : 11px;
	font-weight				: bold;
	color							: white;
	border            : 1px solid #ff6600;
	z-index           : 4;
}

div#MapRightEurope, 
div#MapRight {
 z-index            : 10;
 width              : 180px;
 padding-left       : 10px; 
}

div#MapRightEurope {
 border-left        : 1px solid #FFFFFF;
 position           : absolute;
 right              : 10px;
 top                : 0px;
}

div#MapRight {
 position           : absolute;
 right              : 10px;
 top                : 0px;
}

div#MapRightEurope select,
div#MapRight select {
 margin-bottom      : 5px;
}

div#MapRightEurope table,
div#MapRight table {
 margin             : 0px;
 padding            : 0px;
}

div#MapRightEurope td,
div#MapRight td {
 
 font-size          : 11px;
}

div#MapRightEurope table td input,
div#MapRight table td input {
 width              : 15px;
 height             : 18px;
 margin             : 0px;
 padding			: 0px;
}

div#MapRightEurope div.Button,
div#MapRight div.Button {
 margin-top         : 10px;
}

div#minimap img {
 border             : 0px;
 border             : 1px solid #FFFFFF;
 margin-bottom      : 5px;
}

div#facilitylist {
 z-index            : 1;
 visibility         : hidden;
 position           : absolute;
 color              : #FFFFFF;
 top                : 0px;
 left               : 0px;
 width              : 150px;
 height             : 275px; 
 padding            : 5px;
 padding-top        : 12px;
}

div#facilitylist div#list {
 margin-top         : 10px;
 margin-bottom      : 15px;
 height             : 180px;
 width              : 150px;
}

div#facilitylist div.vertscroller {
 overflow-y         : auto;
 overflow-x         : hidden;
}

div#facilitylist div#list table {
 width              : 150px;
 margin             : 0px;
 padding            : 0px;
}

div#facilitylist div#list table td {
 margin             : 0px;
 padding            : 0px;
 font-size          : 11px;
 color              : #FFFFFF;
}

div#facilitylist div#list table input {
 height             : 15px;
 width              : 15px;
}

div#facilitylist div#navbar {
 height             : 50px;
 width              : 148px;
}

div#facilitylist div#navbar div#reset {
 height             : 34px;
}

div#facilitylist div#navbar div#close {
 height             : 16px;
}

div#maptabcontainer {
 margin-top         : 4px;
}

div#detailtabs
{
 height            : 24px;
}

div#maptabpage {
 clear              : both;
}

div#mapregionlinks, 
div#mapfacilities, 
div#mapextra, 
div#mapregioninfo,
div#mapccperiod
{
 display            : none;
}

div#mapccperiod
{
 	display            : none;
	padding            : 10px;
}

div#mapregioninfo h1 { 
 font-size          : 15px;
}

div#mapregioninfo h2 {
 font-size          : 13px; 
}

div#mapfacilities div#facilitiesleft {
 padding            : 6px;
 padding-left       : 0px;
 color              : #FFFFFF;
 width              : 40%;
 float              : left;
 height             : 100%;
 text-align         : center;
}

div#mapfacilities div#facilitiesright {
 float              : right;
 width              : 58%;
}

div#mapfacilities div#facilitiesleft ul,
div#mapfacilities div#facilitiesleft li {
 margin             : 0px;
 padding            : 0px;
}

div#mapfacilities div#facilitiesleft ul {
 text-align         : left;
 list-style-position: outside; 
 margin-left        : 0px; 
 padding-left       : 10px;
 padding-bottom     : 10px; 
 line-height        : 20px;
}

div#mapfacilities div#facilitiesleft ul li {
 list-style-type    : none;
 font-weight        : normal;
}

div#mapfacilities div#facilitiesleft ul li.active { 
 font-weight        : bold;
}

div#mapfacilities div#facilitiesleft ul li a {
 text-decoration    : none;
 color              : #FFFFFF;
}

div#mapfacilities div#facilitiesleft div.Button {
 margin-left        : 10px;
}

div#mapfacilities div#facilitiesright div#facilitiesintro {
 padding            : 6px;
 font-size          : 12px;
}

div#mapfacilities div#facilitiesright h3 {
 padding            : 6px;
 margin             : 0px;
 font-size          : 13px;
 
}

div#mapfacilities div#facilitiesright input {
 vertical-align     : middle; 
}

div.FacilitiesSub {
 display            : none;
 padding            : 6px;
}

div#mapregionlinks,
div#mapextra,
div#mapregioninfo {
 padding            : 10px;
}

div#mapregionlinks p {
 margin             : 0px;
}

div#mapregionlinks table {
 padding-left       : 10px;
}

div#mapextra div#nat
{
 margin-left        : 10px;
}

/*
--------------------------------------------------------------------------------------
Context menu
--------------------------------------------------------------------------------------
*/
div.contextmenu {
  text-align        : left;
  border            : 1px solid black;
  background-color  : #FFFFCB;
  position          : absolute;
  z-index           : 7;
  padding           : 1px 3px 1px 3px;
  -moz-border-radius: 5px;
}

div.contextmenu ul {
  padding           : 0px;
  margin            : 0px;
  list-style-type   : none;
}

div.contextmenu li {
  padding           : 0px;
  margin            : 0px;
}

div.contextmenu a {
	font-size         : 11px;
  padding           : 0px; 
  margin            : 0px;
  display           : block;
  color             : #000000;
  text-decoration   : none;
}

div.contextmenu a:hover {
  text-decoration   : underline;
  color             : #000000;
}

/* Tooltips */
.tool-tip 
{
	color            		: #003300;
	z-index          		: 900;
	border					 		: 1px solid #003300;
	background-color 		: #FFF;
	padding			     		: 3px;
}

.tool-title 
{
	font-weight      		: bold;
	font-size       	 	: 11px;
	margin          	 	: 0;
	color          	  	: #000000;
}

.tool-text 
{
	display             : none;
	font-size      	  	: 11px;
}

.tip-wrapper
{
	z-index             : 900;
}

.tip-text 
{
	display             : none;
}

.tip
{
	color            		: #003300;
	z-index          		: 900;
	border					 		: 1px solid #003300;
	background-color 		: #FFF;
	padding			     		: 3px;
}