/*
====================================
Formatação da página (fonte, cor...)
====================================
*/
html {
  height: 100%;
}

body {
  margin:0;
  padding:0;
  height:100%;
  text-align:center;
	font-family: "Helvetica Neue",Verdana,Arial,Helvetica,Geneva,sans-serif;
  font-size: 13px;
  color: #4b4b4b;
}

img{
	border: 0px;
}

ul{
	list-style: disc;
}
hr{
	height: 1px;
	color:#c0c0c0;
}
a, a:link, a:active {
  font-weight: normal;
  text-decoration: none;
  color: #358aa6;
}
a, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #358aa6;
}
a:hover {
  text-decoration: underline;
}

a.internalLink, a.internalLink:link, a.internalLink:active {
  font-weight: bold;
  text-decoration: none;
  color: #235486;
}

a.internalLink, a.internalLink:visited {
	font-weight: bold;
	  text-decoration: none;
	  color: #235486;
}
a.internalLink:hover {
  text-decoration: underline;
}

a.externalLink[href ^="http://"] {
	background: url(../images/global/external.jpg) center right no-repeat;
	padding-right: 13px;
}

a.linkWhite, a.linkWhite:link, a.linkWhite:active, a.linkWhite:visited{
	font-weight: bold;
	text-decoration: none;
	color: #fff;

}
a.linkWhite:hover {
  text-decoration: underline;
}

a.linkOrange, a.linkOrange:link, a.linkOrance:active, a.linkOrange:visited{
	font-weight: bold;
	text-decoration: none;
	color: #f68618;
	font-size:15px;
}
a.linkOrange:hover {
  text-decoration: underline;
}

a.linkBlue, a.linkBlue:link, a.linkBlue:active, a.linkBlue:visited{
	font-weight: bold;
	text-decoration: none;
	color: #0079b2;
	font-size:15px;
}
a.linkBlue:hover {
  text-decoration: underline;
}

p{
	text-align:justify;
}


/*Ajusta o nome dessa classe em todos os css e no template showDataMenu.tpl */
.fontColorBlue{
	color: #358aa6;
	font-weight: bold;
}

#divAll{
	/*background-image:url(../images/global/background_topo.jpg);
	background-repeat:repeat-x;*/
	height:100%;
	background-color:#ffffff;
	*width: 100%;
	min-width:1000px;
	position: relative;
	margin: 0px auto;
	text-align:left;
	/*height: 500px;
	background-color:green;
	position: relative;*/
}

#divTopo{
	/*width: 100%;
	height:130px;
	background:url(../images/global/msIMStopo.png);
	background-position:bottom left;
	background-repeat: no-repeat;*/

	width: 100%;
	height:160px;
	background-color: #ffffff;
	padding-bottom: 3px;
	background: url(../images/global/topo.png) center left no-repeat;
}

#divContent{
	width: 100%;
	//margin-top: 10px; /*fix to ie*/

}

#divContentInside{
	min-height: 400px;
	//height: 300px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}

#divRealContent{
	margin: 50px auto;
	width: 590px;
	height: auto;
	/*hack para centralizar esta div no IE*/
	//position: relative;
	//left: 50%;
	//margin-left: -295px;
	//text-align: center;
}


.empty_chart{
	background:url(../images/global/noGraph.gif);
	width:400px;
	height:200px;
}

#divError{
	margin: 0px auto;
	margin-bottom: 10px;
	border: #d9a7a7 solid 2px;
	background-color: #ecdcdc;
	color: #cd4545;
	font-weight: bold;
	width: 350px;
	height: auto;
	padding: 5px;
	text-align: center;
	//position: relative;
	//left: 50%;
	//margin-left: -175px;

}

#divOK{
	margin: 0px auto;
	border: #a7d9a7 solid 2px;
	background-color: #dcecdc;
	color: #45ad45;
	font-weight: bold;
	width: 350px;
	height: auto;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}

#divWarning{
	margin: 0px auto;
	border: #a9a977 solid 2px;
	background-color: #FcFc9c;
	color: #808000;
	font-weight: bold;
	width: 350px;
	height: auto;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}


#noData{
	float: left;
	width: 100%;
	margin: 100px auto;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}

#divShowUserName{
	position: absolute;
	margin-top: 14px;
	margin-left: 5px;
	display: none;
}

#divClear, .divClear{
	clear: both;
}

#divRodape{
	/*background:url(/resources/all/images/degrade.jpg);
	width: 934px;
	height: auto;
	color: #999999;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-top: 10px;*/

	clear: both;
	width: 100%;
	height: auto;
	color: #999999;
	padding-top: 15px;
	margin-bottom: 10px;
	margin-top: 30px;
}


#divContentRodape{
	/*width: 99%;
	height: 80px;
	color: #5c7487;
	text-align: right;
	margin-right: 5px;*/
	background:url(../images/global/degrade90.jpg);
	width: 100%;
	height: 90px;
	color: #999999;
	text-align: right;
}

#divBoxRose{
	padding-top: 70px;
	width: 250px;
	height: 200px;
	/*border: #63cdea solid 1px;*/
	float: right;
	bottom:0;
	text-align: center;
	display: none;
}

#divBoxTitle{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

#divHistory{
	float: left;
	margin-left: 40px;
	//margin-left: 18px; /* Hack to IE */
	width: 200px;
	/*border: #63cdea solid 1px;*/
	text-align: center;
}

#divSiteLink{
	text-align: left;
	width: 300px;
	/*margin-top: 75px;*/
	float: left;
	margin-top: 90px;
	padding-left: 5px;
	display: none;
}

#logo_iplenix{
	padding-top: 20px;
}

#divBox{
	background-repeat: no-repeat;
	width: 404px;
	height: 350px;
	padding: 5px;
	text-align:center;
	/*float: left;*/
	margin: 0 auto;
	border: solid 1px #358aa6;
}


#divInfo{
	float: left;
	/*border: solid 1px #000;*/
	width: 400px;
	font-size: 11px;
	display: none;
}

#divLineRoseDados{
	/*float: right;
	width: 500px;*/
	width: 100%;
	min-height: 328px;
	*height: 100%;
	text-align: center;
}

#divBoxMsg{
	background-repeat: no-repeat;
	width: 404px;
	height: 350px;
	padding: 5px;
	/*border: #63cdea solid 1px;*/
	text-align:center;
	margin: 0 auto;
	/*border: solid 1px #358aa6;*/
}

#divLineRoseDadosMsg{
	width: 100%;
	min-height: 328px;
	*height: 100%;
}

#divBoxDados{
	/*padding-top: 100px;*/
	/*width: 340px;*/
	width: 100%;
	height: 200px;
	/*border: #63cdea solid 1px;*/
	float: right;

}

#divBar{
	width: 100%;
	height: 1px;
	background-color: #bdbdbd;
	float: left;
}

#divBarWhite{
	width: 100%;
	height: 1px;
	background-color: #FFF;
	float: left;
}

.sensor_name{
	float: left;
	/*width: 160px;*/
	width: 49%;
	/*border: #63cdea solid 1px;*/
	text-align: right;
	font-weight: bold;
}

.sensor_value{
	float: left;
	/*width: 80px;*/
	width: 49%;
	margin-left: 5px;
	/*border: #63cdea solid 1px;*/
	text-align: left;
}

.sensor_line{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}


.sensor_name_title{
	margin: 0 auto;
	width: 100%;
	/*border: #63cdea solid 1px;*/
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.sensor_line_graph{
	padding-top: 20px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.sensor_comment{
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}

.divBoxGraph img{
	border: #358aa6 solid 1px;
	text-align:center;
	color:#2f5379;
	margin: 0 auto;
}

.sensor_show_history, .font12{
	font-size: 12px;
}

.noRodape{
	padding-bottom: 50px;
}

.noRodapeGraph{
	padding-bottom: 100px;
}

.btnSubmit{
	width: 150px;
	border: solid 1px #999999;
	margin-top: 3px;
}

.btnSubmit:focus{
	border: solid 1px #000;
	margin-top: 3px;
	background-color: #f6f6f6;
	margin-top: 3px;
}

input[type=radio], input[type=checkbox]{
	border: none !important;
	width: auto !important;
}

#rtuListSensor a, #rtuListSensorFooter a{
	text-decoration: underline;
}

#divRtu{
	text-align: center;
	min-height: 500px;
	*height: 500px;
}

#rtuListSensor{
	border: solid 1px #c0c0c0;
	background-color: #f6f6f6;
	width: 80%;
	margin: 20px auto;
	cursor: pointer;
	text-align: center
}

.colSensors{
	padding: 0 0 0 0;
	float: left;
	margin: 1px -1px;
	width: 100%;
	list-style-type: none;
	background-color: #f9f9f9;
	border: solid 1px #f1f1f1;
	clear: both;
}

.colSensors li{
	padding: 2px 2px 2px 2px;
	display: inline;
	float: left;
	width: 30%;
	display: none;
	text-align: left;
}

#id_rtuSensorList .colSensors li{
	display: block;
}

.refresh{
	cursor: pointer;
	float: right;
	margin-right: 30px;
}

#optionsSensors{
	margin-bottom: 30px;
	text-align: center;
}
/*
===========================
Configurações do Menu
===========================
*/

ul#menuTop, ul#menuAnon{
	width: 100%;
	height: 43px;
	background: #FFF url("../images/global/menu-bg.gif") top left repeat-x;
	/*font-size: 12px;
	font-family: "Lucida Grande", Verdana, sans-serif; */
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

ul#menuTop li, ul#menuAnon li{
	display: block;
	float: right;
	margin: 0;
	}

ul#menuTop li a , ul#menuAnon li a{
	height: 43px;
	color: #000;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
	}

ul#menuTop li a:hover , ul#menuAnon li a:hover{
	color: #666;
	}

ul#menuTop li a.current, ul#menuAnon li a.current{
	color: #FFF;
	background: url("../images/global/current-bg.gif") top left repeat-x;
	padding: 8px 15px 0;
}

#divMsError{
	width: 100%;
	text-align: center;
	margin-top: 80px;
}

#divMsError p{
	text-align: center;
}

/*
===========================
Configurações da tabela
===========================
*/
.cds_table td{
	padding:1px;
	font-size: 14px;
}

.cds_table{
	width:100%;
	float: left;
}

.cds_line_font{
	border:solid 1px #FFFFFF;
	color:#000000;
	font-weight:normal;
	font-family: verdana, arial, helvetica;
	font-size:12px;
	text-align:center;
}

.cds_header{
	/*border:solid 1px #FFFFFF;*/
	/*background-color:#4c83c3;*/
	background-color: #358aa6;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

#divShowGraphTable{
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #f0f0f0;
	border-top: solid 1px #f0f0f0;
	padding: 5px 0px 5px 0px;
}

#divBoxNoData{
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-top: 150px;
}

/*
================================
Configurações do box de login
================================
*/
#boxes{
	font: 0.9em Arial, Helvetica, sans-serif;
	width:280px;
	color:#333;
	margin: 0 auto;
}
.fixo{
	margin: 0 auto;
	width:100%;
	background: url(../images/global/box/can-inf-dir.jpg) no-repeat 100% 100%;
	font-size: 100%;
}

.bordaEsq{
	width:100%;
	background: url(../images/global/box/bor-esq.jpg) repeat-y 0 0;
}

.bordaDir{
	width:100%;
	background: url(../images/global/box/bor-dir.jpg) repeat-y 100% 100%;
}

.titulo {
	background: url(../images/global/box/can-sup-dir.jpg) no-repeat 100% 0;
	margin: 0;
	padding: 0;
	text-align: center;
	}
.titulo h6 {
	background: url(../images/global/box/can-sup-esq.jpg) no-repeat 0 0;
	margin: 0;
	padding: 20px 0 10px 0;
	color: #333;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.0em;
}

* html .titulo h6 {height: 1%;} /* Hack para IE5 PC */

.conteudo {
	background: url(../images/global/box/can-inf-esq.jpg) no-repeat  0 100%;
	color:#000;
	margin: 0;
	text-align: justify;
	font-size: 13px;
	height: 120px;
}

.conteudo ol{
	margin: 0px;
	padding: 5px 0 10px 30px;
	text-align: justify;
}

#boxes .conteudo p {
	margin:0.7em;
	line-height:1.2em;
}

/*
Tabelas
*/
#divTable{
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;*/
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	background-color: #f6f6f6;
	margin: 0 auto;
}

#divTable th{
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 10px 8px;
	border-bottom: 2px solid #358aa6;
}

#divTable td{
	border-bottom: 1px solid #358aa6;
	color: #000000;
	padding: 6px 8px;
	font-size: 12px;
}

#id_reportOutput, #id_reportDates{
	text-align: left;
}

.inputAtualizar {
	background:transparent url(/resources/all/images/btnRefresh.jpg) no-repeat scroll right center;
	border:medium none;
	color:transparent;
	cursor:pointer;
	font-size:0;
	height:35px;
	text-transform:capitalize;
	width:93px;
}

#divDeviceReportForm{
	text-align: left;
}

.btnForm{
	margin: 10px 10px ;
}

.leftAlign{
	text-align: left;
}

#cds_date{
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

#sd-devices {
	display: none;
}

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

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

.dateContainerWh{
	width: 432px !important;
}

#divModalAttrs{
	text-align: left !important;
}

.filter-date-box-text{
	font-size: 12px !important;
}

.clock-container{
	display: none !important;
}

.arrow_right_gray{
	margin-left: -11px;
	margin-top: -4px;
}

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

#sd-main-menu li a{
	text-shadow: none !important;
	text-decoration: none !important;
}