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;
	color: #333333;
}

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

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

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

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;*/
}

#menuInside a{
	color: #fff !important;
}

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

#header{
	height: 80px;
	position: relative;
	width: 100%;
	margin: 0px 0px 15px 0px;
	background: url(../images/global/bg-menu.png) repeat-x;
	padding: 0px;

}

#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: 167px;
	height: 71px;
	background: transparent url("../images/global/logo_iplenix.png") no-repeat;
	/*height: 50px;
	width: 149px;*/

}

#mainLogo{
	float: left;
	width: 149px;
	height: 71px;
	margin-top: 3px;
}

#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{
	width: 955px;
	height: 80px;
	text-align: center;
	margin: 0px auto;
	position: relative;
}

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

#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: 1;
}

/*
.divError{
	text-align: center;
	position: absolute;
	left: 35%;
	padding: 10px;
	border: 2px solid #E6E6E6;
	color: red;
	background-color: #F6F6F6;
	z-index: 5000;
}
	*/

#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: 9999;
	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;
}

#sd-device-content-values #reportTable{
	width: 90% !important;
}

/*
+-------------------------------+
|	Css da página graphs.tpl	|
+-------------------------------+
*/
.sensorsHeader, #vidsHeader {
	width: 100px;
	text-align: center;
	cursor: pointer;
	background: url('/resources/all/images/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: 890px;
}

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

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

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

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

.dateContainerDate .dateBoxPicker, .dateContainer > .dateBoxPicker, .dateContainerDate .dateHourBoxPicker .dateHourPicker, .dateContainer > .dateHourBoxPicker, .dateContainerDateHour .dateBoxPicker, .dateContainerDateHour .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, .dateHourBox:hover {
	border: solid 1px #999;
}

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

.dateBoxText, .dateHourBoxText {
	margin-left: 10px;
}

.dateBoxOutsideArrow span, .dateHourBoxOutsideArrow span {
	margin: 13px auto;
}

.dateBoxPrevArrow, .dateHourBoxPrevArrow {
	position: absolute !important;
	right: 334px;	/* 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: 300px;	/* 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, .dateHourBoxPrevArrow, .dateHourBoxNextArrow {
	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)	|
+---------------------------------------+
*/


/*
+-------------------+
|	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 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;
	margin-top: 50px;
}

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

#utilFilterPeriodTypeList, #utilFilterDescriptionCurrent{
	display: none;
}

.dateBoxPicker, .dateHourPicker {
	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, .dateContainerDateHour {
	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;
}


.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;
}


.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;
}

/**************************************************************/

.sd-info{
	display: none !important;
}

#sd-data{
	float: none;
	margin: 0px auto 20px;
}

#headerUser {
	color: #fff;
	position: absolute;
	right: 0px;
	top: 1px;
	font-size: 11px;
	text-align: right;
	width: 400px;
	/*text-shadow: 0px 1px 0px #000000;*/
}

.menuInside li:hover, .menuSelected{
	color: #fff !important;
}

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

/* toolbar que aparece nos relatorios */
#sd-toolbar {
	text-align: right;
}