/*****************************************************************************
 * CONTROL
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl
{
	position: relative;
	width: 950px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl a,
.IBI_ATISFL_Web_UI_WebControls_MapControl a:link,
.IBI_ATISFL_Web_UI_WebControls_MapControl a:visited,
.IBI_ATISFL_Web_UI_WebControls_MapControl .anchor
{
	color: #1b5eaf;
	text-decoration: none;
	cursor: pointer;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl a:hover,
.IBI_ATISFL_Web_UI_WebControls_MapControl .anchor:hover
{
	color: #000;
	text-decoration: underline;
}

/*****************************************************************************
 * PRESET PANEL
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .presets
{
	border-bottom: solid 1px #ccc;
	padding: 5px 10px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .presets select
{
	margin-right: 30px;
}

/*****************************************************************************
 * MAPS & LEGENDS
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .mapLegendOuter
{
	position: relative;
}

/*****************************************************************************
 * LEGENDS TRIGGER
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendTrigger
{
	position: absolute;
	display: block;
	right: 200px;
	top: 32px;
	width: 24px;
	height: 48px;
	background: transparent url(../images/legend_trigger_bg.gif) no-repeat scroll 0 0;
	overflow: hidden;
	cursor: pointer;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendTrigger:hover
{
	background-position: 0 -48px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .collapsedLegendTrigger
{
	right: 0;
	background-position: 0 -96px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .collapsedLegendTrigger:hover
{
	background-position: 0 -144px;
}

/*****************************************************************************
 * MAPS
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .mapOuter
{
	height: 425px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .mapOuter .dataDisplay
{
	height: 100%;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .mapOuter .regionSelect
{
	height: 100%;
	display: none;
	background-color: #99b3cc;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .mapOuter .regionSelect img
{
	position: absolute;
	left: 85px;
	top: 30px;
}

/*****************************************************************************
 * LEGEND CONTAINER
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter
{
	position: absolute;
	right: 0;
	top: 0;
	width: 201px;
	height: 425px;
	/* background: #0ff; */
	overflow: hidden;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .collapsedLegend
{
	width: 1px;
	right: -1px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .legend
{
	position: relative;
	width: 200px;
	height: 100%;
	background-color: #fff;
	border-left: solid 1px #ccc;
}

/*****************************************************************************
 * MAP LEGEND
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay
{
	/* display: none; */
	margin-left: 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .header
{
	background-color: #1b5eaf;
	color: #fff;
	font-weight: bold;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 10px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .warning
{
	display: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay ul, 
.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay li
{
	margin: 0;
	padding: 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay ul
{
	list-style-type: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay ul.legendItems
{
	padding: 0 10px;
	width: 180px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay li
{
	width: 100%;
	float: left;
	margin-bottom: 4px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .checkbox
{
	float: left;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .input
{
	margin: 2px 0 0 0;
	padding: 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay label
{
	position: relative;
	display: block;
	margin-left: 24px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay label img
{
	float: left;
	margin-top: 2px;
	/*
	position: absolute;
	top: 2px;
	left: 0;
	*/
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay label span
{
	display: block;
	margin-left: 24px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors
{
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .trigger
{
	text-align: right;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors ul,
.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors li
{
	position: relative;
	width: 100%;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .selected ul
{
	margin-top: 20px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .selected li img
{
	position: absolute;
	top: 2px;
	left: 40px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .selected li span.label
{
	margin-left: 60px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	display: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select .radio
{
	position: relative;
	height: 20px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select .radio input
{
	margin: 2px 0 0 2px;
	padding: 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select li img
{
	margin-top: 2px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select li span.label
{
	margin-left: 60px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select .group1,
.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select .group2,
.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select .group3
{
	position: absolute;
	top: 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select .group1
{
	left: 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select .group2
{
	left: 20px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .colors .select .group3
{
	left: 40px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .dataDisplay .doSelect .select
{
	display: block;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .collapsedLegend .dataDisplay
{
	margin-left: 1px;
}

/*****************************************************************************
 * REGION SELECT LEGEND
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect
{
	display: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect .header
{
	background-color: #1b5eaf;
	color: #fff;
	font-weight: bold;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 10px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect ul, 
.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect li
{
	margin: 0;
	padding: 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect ul
{
	list-style-type: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect ul.legendItems
{
	padding: 0 10px;
	width: 180px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect li
{
	width: 100%;
	float: left;
	margin-bottom: 4px;
	position: relative;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect li img
{
	position: absolute;
	top: 2px;
	left: 24px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .legendOuter .regionSelect li a
{
	margin-left: 48px;
}


/*****************************************************************************
 * LAST UPDATED PANEL
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .lastUpdated
{
	height: 20px;
	padding-top: 4px;
	border-top: solid 1px #ccc;
	text-align: center;
}

/*****************************************************************************
 * REGION SELECTION
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .showRegionSelect .dataDisplay
{
	display: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .showRegionSelect .regionSelect
{
	display: block;
}

/*****************************************************************************
 * TOOLTIP
 *****************************************************************************/

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip
{
	position: absolute;
	background: #fff;
	border: solid 2px #b8c2cc;
	left: 8px;
	top: 8px;
	width: 240px;
	padding: 2px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .leftToolTip
{
	left: auto;
	right: 9px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .topToolTip
{
	top: auto;
	bottom: 9px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip tr.evenRow
{
	background-color: #cce5ff;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip th
{
	text-align: left;
	font-weight: bold;
	background-color: #0059b3;
	color: #fff;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip th,
.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip td
{
	position: relative;
	vertical-align: top;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip ul,
.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip li
{
	display: block;
	margin: 0;
	padding: 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip ul
{
	list-style: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip td.label
{
	font-weight: bold;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip div.padding
{
	padding: 2px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip th div.padding
{
	padding-right: 40px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip th.label div.padding
{
	padding-right: 2px; 
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .closeToolTip
{
	position: absolute;
	top: 6px;
	right: 6px;
	width: 14px;
	height: 14px;
	overflow: hidden;
	cursor: pointer;
	background: transparent url(../images/tooltip_close_bg.gif) no-repeat scroll 0 0;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .closeToolTip:hover
{
	background-position: 0 -14px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .mouseoverToolTip .closeToolTip
{
	display: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip img.image
{
	width: 238px;
	height: 158px;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip tr.messageBoardMessage td
{
	background: #000;
	color: #ff0;
	text-align: center;
	padding: 2px 0;
}


.IBI_ATISFL_Web_UI_WebControls_MapControl .toolTip tr.messageBoardMessage ul
{
	height: 48px;
}



.IBI_ATISFL_Web_UI_WebControls_MapControl .doRegionSelect .dataDisplay
{
	display: none;
}

.IBI_ATISFL_Web_UI_WebControls_MapControl .doRegionSelect .regionSelect
{
	display: block;
}