body{
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	background: transparent url("../images/global/backBody.jpg") repeat scroll 0 0;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

h3, h4{
	font-size: 20px;
	text-shadow: 0px 1px 0px #d9d9d9;
	color: #0190d8;
	margin-top: 0px;
}

h4{
	font-size: 15px !important;
	margin-bottom: 5px;
}

h3.multiple {
	font-size: 19px;
	text-shadow: 0px 1px 0px #d0d0d0;
	color: #0190d8;
	margin: 9px 0px 7px;
}

#body p{

}

#body a, #body a:visited, #body a:link {
	color: #0190d8;
	text-decoration: none;
}

#body a:hover {
	color: #0190d8;
	text-decoration: underline;
}

#main{
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	line-height: 19px;
}

#header{
	height: 100px;
	position: relative;
	*height: 120px;
}

#footer{
	height: 60px;
	margin-top: 15px;
}

#footerInside{
	margin: 0 auto;
	width: 950px;
	color: #888;
	text-shadow: 1px 1px 0px #fff;
	text-align: right;
	line-height: 18px;
}

#footerInside a{
	color: #888;
	text-shadow: 1px 1px 0px #fff;
	text-align: right;
	line-height: 18px;
	text-decoration: none;
}

#logo{
	width: 149px;
	background: transparent url("../images/global/logo_iplenix.png") no-repeat;
	height: 50px;
}

#mainLogo{
	width: 149px;
	height: 50px;
	margin-left: 50px;
	margin-top: 15px;
}

#saibaMais{
	float: right;
	height: 46px;
	width: 378px;
	background: transparent url("../images/global/saibaMaisArrowBlue.png") 0px 0px;
	margin-top: -50px;
	margin-right: 45px;
}

#saibaMais:hover{
	background: transparent url("../images/global/saibaMaisArrowBlue.png") 0px 48px;
}

#menu{
	position: absolute;
	width: 910px;
	z-index: 0;
	bottom: -10px;
	left: 45px;
	height: 50px;
	background: transparent url("../images/global/backMenu.jpg") repeat scroll 0 0;
	text-align: center;
}

#menuInside{
	margin: 8px auto;
	padding: 0;
	list-style-type: none;
	width: 330px;
	/*width: 440px; com 4 links*/
	/*width: 340px; com 3 links*/
	text-shadow: 1px 1px 0.5px #666;
}

#menuInside li{
	float: left;
	margin-left: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #fff !important;
	width: 100px;
	height: 25px;
	line-height: 25px;
}

#menuInside li a:link, #menuInside li a:active, #menuInside li a:visited {
	text-decoration: none !important;
	color: #fff !important;
	display:block !important;
}

#menuInside li a:hover, #menuInside li a.active{
	text-shadow: none !important;
}

#menuInside li:hover, .menuSelected{
	display: block;
	background-color: #0190d8 !important;
	-moz-box-shadow: 0 -1px 0 #0878b4, 0 1px 0 #065f8e;;
	box-shadow: 0 -1px 0 #0878b4, 0 1px 0 #065f8e; /* CSS3 Safari 3+ e Firefox 3.1 (Alpha) */
	-webkit-box-shadow: 0 -1px 0 #0878b4, 0 1px 0 #065f8e;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-shadow: none;
}

#body{
	width: 930px;
	*height:100%;
	min-height: 400px;
	padding: 25px 15px 15px 15px;
	background-color: #fff;
	border: 1px solid #CDCEC8;
	margin: 0px auto;
	position: relative;

	-moz-box-shadow: 0 0 2px #CDCEC8;
	box-shadow: 0px 0px 2px #CDCEC8; /* CSS3 Safari 3+ e Firefox 3.1 (Alpha) */
	-webkit-box-shadow: 0px 0px 2px #CDCEC8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 100;
}

.divError{
	text-align: center;
	position: absolute;
	left: 357px;
	top: 76px;
	/*width: 300px;*/
	padding: 10px;
	border: 2px solid #E6E6E6;
	color: red;
	background-color: #F6F6F6;
}

#leftColumn{
	float: left;
	position: relative;
	width: 450px;
	height: 370px;
}

#rightColumn{
	margin-left: 460px;
	width: 450px;
	height: 370px;
}

#flowPlayer{
	margin: 0px auto;
	width: 350px;
	text-align: center;
}

.thumbImg{
	float: left;
	padding-right: 10px;
}

#camList{
	background-color: #fff;
	top: -210px;
	z-index: 1000;
	position: absolute;
}

#camList a {
	cursor: pointer;
}

#camList img {
	border: none;
}

#vidsDiv{
	position: relative;
}

#camAndReport{
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 10px;
}

#pointBulb{
	background: url("../images/global/pointBulb19x20.png") no-repeat;
	height: 20px;
	width: 500px;
	display: block;
	padding-left: 10px;
	margin-left: 440px;
	line-height: 20px;
}

#plugTxt{
	margin: 0px auto;
	margin-right: 5px;
	text-align: right;
	float: right;
	font-size: 13px;
	text-shadow: none;
	display: none;
	width: 85px;
	height: 15px;
	line-height: 15px;
	background: url('../images/global/infoIcon15x15.png') no-repeat transparent 0px 0px;
	clear: both;
}

#plugTxt:hover{
	background: url('../images/global/infoIcon15x15.png') no-repeat transparent 0px -15px;
}

#traybar{
	margin-top: -20px;
	margin-bottom: 10px;
	text-align: center;
}

#thermometer{
	height: 15px;
	background: url('../images/global/thermometer15x15.png') no-repeat center left;
	padding-left: 8px;
}

#temperaturas{
	font-size: 10px;
	margin: 0px auto;
}

#hourMinute{
	background: url('../images/global/clock-icon12x12.png') no-repeat center left;
	padding-left: 15px;
}

#tableGraphics{
	width: 100%;
	margin: 0px auto;
}

#vidsList{
	width: 150px;
}

#vidsHeaderLine{
	/*border-bottom: solid 1px #e6e6e6;*/
	width: 430px;
	margin: 20px auto;

}

#camList{
	display: none;
}

#vidsHeader{
	width: 100px;
	text-align: center;
	cursor: pointer;
	background: url('../images/global/backMenu.jpg') -10px -22px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*
+-------------------------------+
|	Css da página reports.tpl	|
+-------------------------------+
*/
#reports .simpleLoading {
	margin-top: 40px;
}

/*
+-------------------------------+
|	Css da página export.tpl	|
+-------------------------------+
*/

.disableFilterExport{
	position: absolute;
	background: #f6f6f6;
	height: 50px;
	width: 100%;
	z-index: 99999;
	filter:alpha(opacity=40);
   -moz-opacity: 0.4;
   opacity: 0.4;
}

#exportDownloads .simpleLoading, #exportPendents{
	margin-top: 30px;
}

.refreshPendents{
	font-size: 10px;
	text-shadow: none;
	cursor: pointer;
}

.dateContainerExporter{
	height: 50px;
}


.dateContainerExporter > .dateBox{
	right: 127px !important;
	top: 11px;
}

.dateContainerExporter > .filterAtualizar{
	top: 12px;
	right: 5px;
}

.dateContainerExporter > .dateBoxNextArrow{
	right: 342px;
	top: 10px;
}

.dateContainerExporter > .dateBoxPrevArrow{
	right: 376px;
	top: 10px;
}

.dateContainerExporter > .dateFormat{
	position: absolute;
	width: 170px;
	left: 319px;
	top: 10px
}

.dateFormat .ui-button-text{
	padding: 5px 7px !important;
	width:
}

.dateIdentify{
	position: absolute;
	width: 298px;
	top: 12px;
	left: 5px;
}

.inputExport {
	border: solid 1px #ccc;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: #fff;
}

.inputExport:hover {
	border: solid 1px #999;
}

#export h4{
	margin-top: 20px;
}

#filterExport{
	display: none;
}

/*
+-------------------------------+
|	Css da página graphs.tpl	|
+-------------------------------+
*/
.sensorsHeader, #vidsHeader {
	width: 100px;
	text-align: center;
	cursor: pointer;
	background: url('../images/global/backMenu.jpg') -10px -22px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.sensorsHeaderLine {
	border-bottom: solid 1px #e6e6e6;
	width: 916px;
}

.sensorsList {
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
	padding: 10px;
	width: 894px;
	background-color: #f9f9f9;
}

#date{
	margin-top: 15px;
	display: none;
}

.graphs{
	margin-top: 50px;
	text-align: center;
}

#graphs img{
	margin-top: 20px;
}

.dateContainer, .dateContainerExporter, .dateContainerDate{
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	z-index: 9999;
}

.dateContainer > .dateBoxPicker, .dateContainerExporter > .dateBoxPicker, .dateContainerDate .dateBoxPicker, .dateContainerDate .dateHourBoxPicker {
	top: 42px;
	display: none;
	position: absolute;
	border: solid 1px #ccc;
	z-index: 5554;
	right: 127px;
}

.dateContainerDate .dateBoxPicker, .dateContainer > .dateBoxPicker, .dateContainerDate .dateHourBoxPicker {
	top: 31px !important;
	z-index: 5554;
	right: 85px !important;
}

.dateBox, .dateHourBox {
	border: solid 1px #ccc;
	height: 30px;
	padding-left: 3px;
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;
	width: 200px;
	position: absolute;
	right: 85px;
	z-index: 5555;
	background-color: #fff;
	cursor: pointer;
}

.dateHourBox {
	width: 300px;
}

.dateBox:hover {
	border: solid 1px #999;
}

.dateBoxOutsideArrow {
	float:right;
	width: 20px;
	height:30px;
	line-height:30px;
	background-color: #f1f1f1;
	text-align:center;
	*margin-top: -30px;
}

.dateBoxText{
	margin-left: 10px;
}

.dateBoxOutsideArrow span{
	margin: 13px auto;
}

.dateBoxGps {
	position: absolute !important;
	right: 354px;
}

.dateBoxPrevArrow, .dateHourBoxPrevArrow {
	position: absolute !important;
	right: 323px;	/* 85px e' o down_arrow, 200px e' o size do date box, 20px e' o size do next arrow */
	width: 20px;
	height: 30px;
	background-color: #f1f1f1;
	text-align: center;
	border: solid 1px #ccc;
}

.dateHourBoxPrevArrow {
	right: 434px;
}

.dateBoxNextArrow, .dateHourBoxNextArrow {
	position: absolute !important;
	right: 294px;	/* 85px e' o down_arrow, 200px e' o size do date box */
	width: 20px;
	height: 30px;
	background-color: #f1f1f1;
	text-align: center;
	border: solid 1px #ccc;
}

.dateHourBoxNextArrow {
	right: 400px;
}

.dateBoxPrevArrow .ui-button-text, .dateBoxNextArrow .ui-button-text, .dateHourBoxPrevArrow .ui-button-text, .dateHourBoxNextArrow .ui-button-text {
	padding: 0px !important;
}

.dateBoxPrevArrow, .dateBoxNextArrow{
	top: 0px;
}

.arrow_up_gray{
	background: url('../images/global/arrow_upDown_gray.gif') no-repeat 0 0;
	display: block;
	width: 11px;
	height: 6px;
}

.arrow_down_gray{
	background: url('../images/global/arrow_upDown_gray.gif') no-repeat 0px -6px;
	display: block;
	width: 11px;
	height: 6px;
}

.arrow_up_white{
	background: url('../images/global/arrow_upDown_white.gif') no-repeat 0 0;
	display: block;
	width: 11px;
	height: 6px;
}

.arrow_down_white{
	background: url('../images/global/arrow_upDown_white.gif') no-repeat 0px -6px;
	display: block;
	width: 11px;
	height: 6px;
}

.arrow_up_black{
	background: url('../images/global/arrow_upDown_black.gif') no-repeat 0 0;
	display: block;
	width: 11px;
	height: 6px;
}

.arrow_down_black{
	background: url('../images/global/arrow_upDown_black.gif') no-repeat 0px -6px;
	display: block;
	width: 11px;
	height: 6px;
}

.arrow_left_gray {
	background: url('../images/global/arrow_left.gif') no-repeat 6px 9px;
	display: block;
	width: 20px;
	height: 30px;
}

.arrow_right_gray {
	background: url('../images/global/arrow_right.gif') no-repeat 6px 9px;
	display: block;
	width: 20px;
	height: 30px;
}

.sensorsHeader .arrow_up_white, .sensorsHeader .arrow_down_white {
	float: right;
	margin-top: 11px;
	margin-right: 8px;
	*margin-top: -15px;
	*margin-right: 5px;
}



/*
+---------------------------------------+
|	css da parte dos gráficos (divs)	|
+---------------------------------------+
*/

.graphicDiv{
	border: solid 1px #e6e6e6;
	margin-bottom: 20px;
	height: 370px;
	background: url('/resources/all/images/loadingAnimation.gif') no-repeat center center;
}

.graphicHeader{
	height: 25px;
	line-height: 25px;
	background-color: #0190d8;
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
	color: #fff;
	margin-bottom: 10px;
}

.graphicMain{
	text-align: center;
	padding: 0px 15px;		/* para evitar a colisao do texto do eixo x */
	height: 300px;
	background-color: #fff;
}

.graphicFooter {
	background-color: #e6e6e6;
	color: #555;
	text-shadow: 1px 1px 0 #FFFFFF;
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
	margin-top: 10px;
}

#chart_demanda_indutiva{
	z-index: 5553 !important;
}


.graphicFooter a {
	color: #555 !important;
	text-shadow: 1px 1px 0 #ffffff;
}

.graphicFooter a:hover {
	color: #555 !important;
	text-shadow: 1px 1px 0 #ffffff;
	text-decoration: underline;
}

#graphAdder button {
	width: 99%;
}

.graphArea {
	border: 1px solid #d3d3d3;
	padding: 6px;
	margin-bottom: 25px;
	position: relative;
	*margin-top: -20px;
}

.graphCloseArea {
	position: absolute !important;
	right: -1px;
	top: -1px;
	width: 16px;
	padding: 4px !important;
	display: none;		/* inicialmente, nao apresenta os dados */
	cursor: pointer;
}

.graphs .simpleLoading {
	min-height: 300px;
}

/*
+-------------------+
|	css do plug		|
+-------------------+
*/

ul.plugListSlaves, ul.plugListMasters{
	list-style: none;
	margin: 0px;
}

ul.plugListSlaves{
	padding: 0px;
}

ul.plugListMasters{
	background-color: #f6f6f6;
	padding-left: 0px;
}

.plugListSlaves > li{
	margin-top: 20px !important;
	background-color: #f6f6f6;
	padding: 10px !important;
}

.plugListMasters > li{
	margin-bottom: 3px !important;
	background-color: #fff;
	padding: 10px !important;
}

.plugSlave, .plugMaster{
	font-size: 14px;
	font-weight: bold;
}

.plugListMasters{
	margin-left: 20px !important;
	display: none;
}



.plugShowMasters{
	margin-left: 20px;
	margin-top: 5px;
	width: auto;
	background-color: #e6e6e6;
	color: #000;
	text-shadow: 1px 1px 0 #ffffff;
	padding: 3px 5px;
	cursor: pointer;
	/*border: solid 1px #d9d9d9;*/
}

.plugMenu{
	float: right;
	*margin-top: -20px;
}

.plugInfo{
	color: #999;
}

.plugMenu .ui-button-text{
	font-size: 11px !important;
	padding: 2px 3px !important;
}

.plugMenu .ui-button{
	margin: 0px !important;
}

.plugListMasters .ui-button{
	margin: -2px !important; /* I dont know why!!!!!!!!!!!! */
}

.plugListMasters .simpleLoading{
	margin-top: 10px;
}

.plugConnected{
	width: 16px;
	height: 16px;
	background: url('../images/global/connected_ball.png') no-repeat center center;
	float: left;
	margin-right: 8px;
}

.plugDisconnected{
	width: 16px;
	height: 16px;
	background: url('../images/global/disconnected_ball.png') no-repeat center center;
	float: left;
	margin-right: 8px;
}

.plugShowMasters .arrow_down_black, .plugShowMasters .arrow_up_black{
	float: left;
	margin-top: 6px;
	margin-right: 5px;
	/*margin-top: -6px;*/
}

/*
+----------------------------+
|    css para os alertas     |
+----------------------------+
*/
ul.recipient {		/* sms ou email */
	/* list-style: none; */
	margin: 0px 0px 20px;
}


/*
+-------------------------------+
|	css da parte do filter 		|
+-------------------------------+
*/

#filterMenu{
	right: 0px;
	width: 300px;
	position: absolute;
	top:-40px;
	*top: -28px;
	list-style: none;
	z-index: 9999;
}

#filterMenu li{
	width: 142px;
	float: left;
	background-color: #d6d6d6;
	border-top: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
	padding: 2px 3px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
}

#filterMenu li:hover{
	background-color: #c6c6c6;
}

.filterTabSelected{
	background-color: #F6F6F6 !important;
	cursor: default !important;
}

#filterBox{
	position: relative;
}

.filterBox{
	height: 50px;
	background-color: #f6f6f6;
	border: 1px solid #E6E6E6;
}

#utilFilterPeriodTypeList, #utilFilterDescriptionCurrent{
	display: none;
}

.dateBoxPicker, .dateHourBoxPicker {
	font-size: 10px;
	padding: 10px;
	background-color: #f9f9f9;
}

#ui-datepicker-div{
	font-size: 10px;
}

.dateBoxPicker input, .dateHourBoxPicker input {
	padding: 2px !important;
}

.sensorsList label.ui-button{
	font-size: 10px;
}

#utilFilterDescription{
	display: none;
}

#utilFilterAtualizar{
	display: none;
}

.filterAtualizar{
	position: absolute !important;
	right: 0px;
	padding: 5px !important;
}

.dateContainerDate{
	height: 50px !important;
	margin-top: 10px !important;
}

/*
+-----------------------+
|	classes diversas	|
+-----------------------+
*/
.divMarginTop{
	margin-top: 45px;
	*margin-top: 55px;
}

.gray{
	color: #c0c0c0;
	font-size: 15px;
}

.thumbTitle{
	display: block;
	height: 20px;
	line-height: 20px;
}

.center{
	margin: 0px auto;
}

.textCenter{
	text-align: center;
}

.list{
	list-style-type: none;
	width: 400px;
	height: 180px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: left;
	filter:alpha(opacity=90);
   -moz-opacity: 0.9;
   opacity: 0.9;
}

.list li{
	height: 90px;
	margin-bottom: 5px;
}

.list a{
	color: #000;
}

.list li:hover{
	display: block;
	background-color: #f5fbff;
	height: 90px;
	margin-bottom: 10px;
	margin-bottom: 5px;
}

.verticalLine{
	 float:left;
	 border-left: solid 1px #d6d6d6;
	 height:360px;
	 margin-left:3px;
}
.font10{
	font-size: 10px !important;
}

.sd-header-info{
	text-align: center;
}

.sensorsList .ui-button{
	margin: 2px !important;
}

.grayLink a {
	color: #555 !important;
	text-shadow: 1px 1px 0 #ffffff;
}

.grayLink a:hover {
	color: #555 !important;
	text-shadow: 1px 1px 0 #ffffff;
	text-decoration: underline;
}

.blackLink a {
	color: #000 !important;
	text-shadow: 1px 1px 0 #ffffff;
}

.blackLink a:hover {
	color: #000 !important;
	text-shadow: 1px 1px 0 #ffffff;
	text-decoration: none;
}

/*
=======================================
Css para estilo simples de uma tabela
=======================================
*/

.pointer{
	cursor: pointer;
}

.loading{
	background: url('/resources/all/images/loadingAnimation.gif') no-repeat center center;
	width: 208px;
	height: 370px;
	margin: 0 auto;
}

.simpleLoading{
	background: url('/resources/all/images/loadingAnimation.gif') no-repeat center center;
	width: 208px;
	height: 13px;
	margin: 0 auto;
}

.simpleTable{
	/*font-size: 12px;*/
	background: #fff;
	/*margin: 45px;*/
	width: 95%;
	border-collapse: collapse;
	text-align: left;
	margin: 0 auto;

}

.simpleTable th{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	/*padding: 10px 8px;*/
	border-bottom: 2px solid #6678b1;
}

.simpleTable td{
	border-bottom: 1px solid #ccc;
	color: #000;
	padding: 5px 0px;
	width: 19%;
}

.simpleTable tbody tr:hover td{
	background-color: #f6f6f6;
}

table.simpleTable thead tr .header {
	background-image: url('../images/global/bg.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	cursor: pointer;
}

table.simpleTable thead tr .headerSortUp {
	background-image: url('../images/global/asc.gif');
}
table.simpleTable thead tr .headerSortDown {
	background-image: url('../images/global/desc.gif');
}

.jqplot-xaxis {
	font-size: 8px !important;
	padding-top: 7px !important;	/* evita que o texto do eixo X fique em cima do texto do eixo y */
}

pre.ini {
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	border: 1px dashed #a9a9a9;
	background-color: #efefef;
}

#showGpsGoogleMapsPreLoadArea {
	height: 400px;
	width: 700px;
	background: #ffffff url('/resources/all/images/loadingAnimation.gif') no-repeat 250px 193px;
}

#reports {
	margin-top: 65px;
	*margin-top: 75px;
}

.dateContainerTimezone {
	text-align: right;
	padding-right: 12px;
	font-size: 11px;
}

.exportDateContainerTimezone{
	position: absolute;
	top: -20px;
	font-size: 11px;
}

.jqplot-legend{
	width: 420px;
	margin: 10px auto;
	font-size: 11px;
	margin-right: 31px;
	/*background-color: #f9f9f9;*/
	border: solid 1px #e6e6e6;
	padding: 3px;
}

.jqplot-legend tr{
	text-align: left;
}

.jqplot-legend-dimensions{
	height: 3px;
	width: 12px;
	float: left;
	margin-top: 9px;
}

.jqplot-legend-ok{
	background-color: #01AF00;
}

.jqplot-legend-warning{
	background-color: #CCCC00;
}

.jqplot-legend-critical{
	background-color: #CC0000;
}

#utilFilterFilterPeriod{
	text-align: right;
}