/* 
===============================================================================================================
BUTTONS
===============================================================================================================
*/

.bt-1,
.bt-2 {
	float: left;
	text-transform: uppercase;
	cursor: pointer;
	padding: 3px 5px;
	margin: 6px 5px 0 0;
	font-size: 9px;
	line-height: 13px;
	text-decoration: none;
	outline: 0;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;		
}

.bt-1 {	
	background-color: #e2e2e2;
	color: #343434;
	border: 1px solid #222;
	-moz-box-shadow: 0 0 3px 1px #000, 0 0 3px 2px #aaa inset, 0 5px 3px 1px #bbb inset;
}

.bt-2 {
	background-color: #5a5a5a;
	color: #d6d6d6;	
	border: 1px solid #000;
	-moz-box-shadow: 0 0 3px 1px #333, 0 0 3px 2px #222 inset;
}

input[type="text"].bt-1 {
	cursor: text;
	padding: 4px;
	text-transform: none;
	border: none;
	font-weight: normal;
	-moz-box-shadow: 0 0 3px 1px #333, 0 0 3px 2px #aaa inset, 0 5px 3px 1px #bbb inset;
}

input[type="submit"].bt-1,
input[type="button"].bt-1 {
	border: none;
}

.bt-print {
	background-image: url('../img/ico-print.png');
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	overflow: hidden;
	width: 20px;
}

/* 
===============================================================================================================
TOOLTIPS - D3
===============================================================================================================
*/

.d3-tooltip {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999999;
	cursor: pointer;
	text-transform: uppercase;
	float: left;
/*	border: 1px solid red;*/
	height: 32px;
}

.d3-tooltip .text {
/*	float: left;*/
	text-align: center;
	display: inline-block;
	zoom: 1;
	font-size: 9px;
	padding: 3px 5px;
	line-height: 13px;
	text-decoration: none;
	outline: 0;
	font-weight: bold;
	background: #4e4e4e;
	color: #ccc;
	text-shadow: 0 1px 2px #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;

	-moz-box-shadow:		2px 2px 3px 0px #111, 0 10px 3px 0 #727272 inset, 0 -3px 3px 0 #212121 inset ;
	-webkit-box-shadow:		2px 2px 3px #111111; 
}

.d3-tooltip .tip {
	position    : absolute;
	left        : 50%;
	float       : left;
	z-index     : 5000;
	margin-left : -7px;
	cursor      : pointer;
	font-size   : 0px;
	line-height : 0%;
	width       : 0px;
}

.d3-tooltip .webkit-tip {
	position    : absolute;
	left        : 50%;
	float       : left;
	z-index     : 5000;
	margin-left : -7px;
	cursor      : pointer;
	font-size   : 0px;
	line-height : 0%;
	width       : 0px;
}

.d3-tooltip.bottom .text { margin-top: 10px; }
.d3-tooltip.top .text { margin-top: 0; }
.d3-tooltip.left .text { margin-top: 0; }
.d3-tooltip.right .text { margin-top: 0; }

.d3-tooltip.bottom .tip {
	top: -7px;

	border-color: transparent transparent transparent #212121;
	border-style: solid;
	border-width: 7px 7px 10px 7px;
}

.d3-tooltip.bottom .webkit-tip {
	top: -7px;

	border-color: transparent transparent transparent #4e4e4e;
	border-style: solid;
	border-width: 7px 7px 10px 7px;
}

.d3-tooltip.top .tip {	
	top: 19px;

	border-color: #212121 transparent transparent;
	border-style: solid;
	border-width: 10px 7px 7px;
}

.d3-tooltip.top .webkit-tip {	
	top: 19px;

	border-color: #4e4e4e transparent transparent;
	border-style: solid;
	border-width: 10px 7px 7px;
}

.d3-tooltip.left .tip {	
	top: 19px;
	left: 10px;

	border-color: #212121 transparent transparent;
	border-style: solid;
	border-width: 10px 7px 7px;
}

.d3-tooltip.left .webkit-tip {	
	top: 19px;
	left: 10px;

	border-color: #4e4e4e transparent transparent;
	border-style: solid;
	border-width: 10px 7px 7px;
}

/* 
===============================================================================================================
 Error Tooltips
===============================================================================================================
*/


.d3-tooltip-error {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999999;
	cursor: pointer;
	text-transform: uppercase;
	float: left;
/*	border: 1px solid red;*/
	height: 32px;
}

.d3-tooltip-error .text {
/*	float: left;*/
	text-align: center;
	display: inline-block;
	zoom: 1;
	font-size: 9px;
	padding: 3px 5px;
	line-height: 13px;
	text-decoration: none;
	outline: 0;
	font-weight: bold;
	background: #880000;
	color: #ccc;
	text-shadow: 0 1px 2px #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;

	-moz-box-shadow: 2px 2px 3px 0px #220000, 0 10px 3px 0 #ff0000 inset, 0 -3px 3px 0 #550000 inset ;
	-webkit-box-shadow: 2px 2px 3px #111111; 
}

.d3-tooltip-error .tip {
	position: absolute;
	left: 50%;
	float: left;
	z-index: 5000;
	margin-left: -7px;
	cursor: pointer;
	font-size: 0px; 
	line-height: 0%;
	width: 0px;
}

.d3-tooltip-error .webkit-tip {
	position: absolute;
	left: 50%;
	float: left;
	z-index: 5000;
	margin-left: -7px;
	cursor: pointer;
	font-size: 0px; 
	line-height: 0%;
	width: 0px;
}

.d3-tooltip-error.bottom .text { margin-top: 10px; }
.d3-tooltip-error.top .text { margin-top: 0; }
.d3-tooltip-error.left .text { margin-top: 0; }
.d3-tooltip-error.right .text { margin-top: 0; }

.d3-tooltip-error.bottom .tip {
	top: -7px;

	border-color: transparent transparent transparent #550000;
	border-style: solid;
	border-width: 7px 7px 10px 7px;
}

.d3-tooltip-error.bottom .webkit-tip {
	top: -7px;

	border-color: transparent transparent transparent #880000;
	border-style: solid;
	border-width: 7px 7px 10px 7px;
}

.d3-tooltip-error.top .tip {	
	top: 19px;

	border-color: #550000 transparent transparent;
	border-style: solid;
	border-width: 10px 7px 7px;
}

.d3-tooltip-error.top .webkit-tip {	
	top: 19px;

	border-color: #880000 transparent transparent;
	border-style: solid;
	border-width: 10px 7px 7px;
}

.d3-tooltip-error.left .tip {	
	top: 19px;
	left: 10px;

	border-color: #550000 transparent transparent;
	border-style: solid;
	border-width: 10px 7px 7px;
}

.d3-tooltip-error.left .webkit-tip {	
	top: 19px;
	left: 10px;

	border-color: #880000 transparent transparent;
	border-style: solid;
	border-width: 10px 7px 7px;
}

/*
 * Zoom zlider bar
 */

.ui-slider { position: relative; }
.ui-slider .ui-slider-handle { 
	position: absolute; 
	z-index: 2; 
	cursor: default;
}
.ui-slider .ui-slider-range { 
	position: absolute; 
	z-index: 1;
	font-size: .7em;
	display: block; 
	border: 0;
}

.ui-slider-vertical { 
	width: 24px;
	height: 180px;
	background-image: url(/media/img/middleBar.png); 
}
.ui-slider-vertical .ui-slider-handle { 
	left: 0px; 
	margin-left: 3px;
	margin-bottom: -.6em; 
	background-image: url(/media/img/controle.png);
	width: 15px;
	height: 16px;
}

#sliderTopButton {
	background-image: url(/media/img/topBar.png);
	width: 24px;
	height: 25px;
	position: relative;
	display: block;
}
#sliderBottomButton {
	position: relative;
	float: left;
	top: 0px;
	background-image: url(/media/img/bottomBar.png);
	width: 24px;
	height: 25px;
}

#whereami {
	display: none;
    width:24px;
    height:24px;
    position: absolute;
    top: -24px;
	cursor: pointer;
    background: url(/media/img/btn_whereami.png) no-repeat 0 0;
}