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

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

img{
	border: 0px;
}

ul{
	list-style: disc;
}
hr{
	height: 1px;
	color:#c0c0c0;
}

a, a:visited, a:link, a:active {
	font-weight: normal;
	text-decoration: none;
	color: #08626C;
}
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;
}
/*
+---------------------------------------------------------------+
|						CSS 2010.09.10							|
+---------------------------------------------------------------+
*/
#sd-header p{
	text-align: center !important;
}

.sd-main{
	padding: 10px;
}

#sd-device-header{
	color: #609F27 !important;
}

.sd-content li a:hover, .device-selected {
	background: #f1f9e9 !important;
}

.menuInside li:hover, .menuSelected{
	background-color: #31949f !important;
	-moz-box-shadow:0 1px 0 #245F00 !important;
	box-shadow: 0 1px 0 #245F00 !important; /* CSS3 Safari 3+ e Firefox 3.1 (Alpha) */
	-webkit-box-shadow: 0 1px 0 #245F00 !important;
}

#sd-device-header{
	display: none;
}

.sd-header{
	background-color: #15a0af !important;
}

.simpleTable th{
	color: #000 !important;
	font-weight: bold !important;
	border-bottom: 2px solid #08626C !important;
}

#export h4, #exportPendents h4{
	color: #08626C !important;
}

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

#reports{
	min-height: 180px;
}

.sensorsHeader {
	/*background :transparent url(/resources/all/images/backMenuGreen.jpg) repeat scroll -10px -22px !important;*/
	background: #31949F !important;
}
/*
+---------------------------------------------------------------+
|						* CSS 2010.09.10 *						|
+---------------------------------------------------------------+
*/


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

#divAll{
	/*background-image:url(../images/global/background_topo.jpg);
	background-repeat:repeat-x;*/
	/*height:100%;*/
	background-color:#ffffff;
	/*width: 100%;*/
	width:1000px;
	position: relative;
	margin: 0px auto;
	text-align:left;
	border-bottom: solid 1px #BDBDBD;
	border-left: solid 1px #BDBDBD;
	border-right: solid 1px #BDBDBD;
	/*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:117px;
	border-bottom: solid 1px #3f7b82;
	background-color: #ffffff;
	padding-bottom: 3px;
	background: url(../images/global/msIMStopo.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: 30px;
}

#divBox{
	/*background:url(../images/global/back_novus_temp.jpg);*/
	background-repeat: no-repeat;
	width: 404px;
	height: 370px;
	padding: 5px;
	/*border: #63cdea solid 1px;*/
	text-align:center;
	float: left;
	border: solid 1px #6EB630;
}


#divInfo{
	float: left;
	height: 325px;
	width: 450px;
	font-size: 11px;
	overflow-x: auto;
}

#divInfo p{
	padding: 5px;
}

#sd-data {
	margin-left:10px;
}

#divLineRoseDados{
	float: right;
	width: 500px;
	height: 328px;
	/*border: solid 1px #000;*/
}

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

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

#divBoxDados{
	/*padding-top: 100px;*/
	width: 340px;
	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;
	/*border: #63cdea solid 1px;*/
	text-align: right;
	font-weight: bold;
}

.sensor_value{
	float: left;
	width: 80px;
	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: #6EB630 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: #6EB630;
	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 #72B42D;
}

#divTable td{
	border-bottom: 1px solid #72B42D;
	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;
}

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

.filter-timezone{
	top: -9px !important;
	right: 11px !important;
}

.sd-graph-history-sensor-name{
	color: #15A0AF !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;
}