/* Estilo clima IPRJ versão 2.0
   Autor: José Eduardo de Almeida Ayres
		  jayres@iprj.uerj.br
   Classes atualizadas recebem a versão da atualização em frente a seu nome
*/


div.clearer {
    clear: both;
    height: 0;
    line-height: .01em;
    padding: 0;
    margin: 0;
}

body { /* 2.0 */
/* 	height: auto; */
	margin: 0px;
	min-height: 100%;
	background-color: #E9F6E1;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
/* 	background-position: center top; */
/* 	background-size: cover; */
/* 	background: #E9F6E1 url('../../resources/images/bkg.png'); */

	-o-user-select: none;
	user-select: none;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	
}

.root_container { /* 2.0 */
	margin: 0px auto;
	height: auto;
	width: 1160px;
	overflow: hidden;
}

.publicity_container
{
	width: 100%;
	position:fixed;
	top: 190px;
	width: 1160px;
	height: 400px;
	background-color: rgba(255, 255, 255, 0);
	z-index: -1;
}

.publicity_container .left_publicity_container
{
	
	float: left;
	width: 100px;
	height: 100%;
}

.publicity_container .left_publicity
{
	
	overflow: hidden;
	width: 99px;
	height: 198px;
	float: left;
	box-shadow: 0px 4px 15px #000;
	border-radius: 10px 0px 0px 10px;
	border-style: solid;
    border-width: 1px;
    
    background-color: #ACACAC;
}

.publicity_container .right_publicity_container
{
	float: right;
	width: 100px;
	height: 100%;
}

.publicity_container .right_publicity
{
	
	overflow: hidden;
	width: 99px;
	height: 198px;
	float: left;
	box-shadow: 0px 4px 15px #000;
	border-radius: 0px 10px 10px 0px;
	border-style: solid;
    border-width: 1px;
    
    background-color: #ACACAC;
}

.root_content { /* 2.0 */
	z-index:1;
	height: auto;
	margin: 30px auto;
	width: 960px;
	overflow: hidden;
	box-shadow: 0px 0px 15px #000;
/* 	box-shadow: 1px 2px 5px #000; */
	border-radius: 10px;
	
	background-image: url( './images/clima/banner_bg.gif' );
    background-repeat: repeat-x;
    background-position: left top; 
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.85);
	
	background: linear-gradient(to bottom, rgba(168,217,137,1) 70px,rgba(255,255,255,0.8) 350px);
/* 	background: linear-gradient(to bottom, rgba(168,217,137,1) 5%,rgba(255,255,255,0.8) 20%); */
}

/* header begin */

.header_container { /* 2.0 */
	margin: 0px 0px 0px 0px; 
    width: 100%;
/*     height: 106px; */
}

.header_content { /* 2.0 */
	height: 130px;
	margin: 0 auto;
    width: 100%;
}

.institucional_header_content { /* 2.0 */
	height: 26px;
	margin: 0 auto;
    width: 100%;
    background-color: #29435A;
    box-shadow: -1px 2px 5px #000;
}

.header_container .header_titulo_uerj{ /* 2.0 */
	  position: relative;
	  left: 20px;
	  top: 6px;
	  float: left;
}

.header_container .header_titulo_uerj .header_titulo_uerj_text{ /* 2.0 */
	font-family:verdana, arial;
	font-size: 11px;
	color: #ffffff;
}

.header_container .header_titulo_iprj{ /* 2.0 */
	  position: relative;
	  right: 20px;
	  text-align: right;
	  top: 6px;
	  width: 140px;
	  float: right;
}

.header_container .header_titulo_iprj .header_titulo_iprj_text{ /* 2.0 */
	font-family:verdana, arial;
	font-size: small;
	font-size: 11px;
	color: #e2ea5f;
}


.header_container .header_link{ /* 2.0 */
	text-decoration: none;
}

.header_container .institucional_header_content .ui-input-label-left{
	display: inline;
	font-family:verdana, arial;
}

.header_container .institucional_header_content .ui-icon{ /* 2.0 */
	background-color: #DAE2E9 !important;

}

.header_container .institucional_header_content .ui-widget-content{ /* 2.0 */
	background: #DAE2E9 !important;
}

.header_container .institucional_header_content .ui-state-default,
.header_container .institucional_header_content .ui-widget-content .ui-state-default,
.header_container .institucional_header_content .ui-widget-header .ui-state-default{ /* 2.0 */
	background: #DAE2E9 !important;
}

.header_container .header_resolucao{ /* 2.0 */
	cursor: pointer;
	position: relative;
	right: 14px;
	top: 4px;
	float:right;
	color: #ffffff;
	font-size: 11px;
}

.header_container .header_idioma{ /* 2.0 */
	cursor: pointer;
	position: relative;
	right: 14px;
	top: 4px;
	float:right;
	color: #ffffff;
	font-size: 11px;
}

.header_container .header_idioma_text{ /* 2.0 */
	width:60px;
}

.header_container .header_bandeira{ /* 2.0 */
	width: 15px;
	border-radius: 15px;
}

.header_container .header_logo_estacao{ /* 2.0 */
	position: relative;
	float: left;
	top: 17px;
	left: 20px;
}

.header_container .header_logo_estacao .header_logo_estacao_img{ /* 2.0 */
	width: 83px;
	height: 100px;
}

.header_container .header_titulo_estacao{ /* 2.0 */
    position: relative;
    left: 65px;
    top: 20px;
    float: left;
}

/* .header_container .header_titulo_cetema{ 2.0 */
/* 	position: relative; */
/* 	right: 40px; */
/* 	top: 4px; */
/* 	float:right; */
/* } */

.header_page .header_titulo_link { /* 2.0 */
    text-decoration: none;
}

.header_container .header_titulo_text{ /* 2.0 */
	font-family: verdana, arial;
    font-size: 20px;
    color: #29435a;
}

.header_container .header_revisao{ /* 2.0 */
    font-family: arial;
    font-size: 14px;
    color: #EF8100;
    position: relative;
    float: right;
    top: 75px;
    right: 143px;
}

.header_container .header_foto_position{ /* 2.0 */
	position: relative;
	width: 380px;
	height: 99%;
	top: 1%;
	margin-right: -1px;
	float: right;
	border-radius: 0px 0px 0px 0px;
	overflow : hidden;
}

.header_container .header_foto{ /* 2.0 */
	
}

.header_container .header_foto_position_page{ /* 2.0 */
	position: relative;
	width: 380px;
	height: 99%;
	top: 1%;
	float: right;
	border-radius: 0px 0px 0px 20px;
	border-bottom-right-radius: 340px 100px;
	overflow: hidden;
	border-top-left-radius: 290px 120px;
}

.header_container .header_foto_page{ /* 2.0 */
	width: 380px;
}

.header_container .header_versao{ /* 2.0 */
	position: relative;
	right: -39%;
	top: 105px;
	width: 58px;
	z-index: 10;
	float: right
}

.header_container .header_versao_text { /* 2.0 */
	color: #2540ff !important;
    font-family:arial !important;
    font-weight:lighter !important;
    font-size:9px !important;
    float:left;
}

/* .header_container .header_status { 2.0 */
/* 	height: 80px; */
/* 	width: 200px; */
/* 	position: relative; */
/* 	left: 350px; */
/* 	float: right; */
/* } */

/* .header_container .header_status .ui-widget{ 2.0 */
/* 	color: #DDD; */
/* } */

/* .header_container .header_status  */
/* .ice-sub-mon .idle{ */
/* 	float: right; */
/* } */

/* .header_container .header_status  */
/* .ice-sub-mon .sessionExpired {2.0 */
/* 	  border-radius: 15px; */
/* 	  padding: 13px; */
/* 	  font-family: arial; */
/* 	  font-weight: bold; */
/* 	  font-size: 11px; */
/* 	  text-align: justify; */
/* } */

/* .header_container .header_status .ice-sub-mon .networkError, */
/* .header_container .header_status .ice-sub-mon .serverError {2.0 */
/* 	  border-radius: 15px; */
/* 	  padding: 13px; */
/* 	  font-family: arial; */
/* 	  font-weight: bold; */
/* 	  font-size: 11px; */
/* } */

/* .header_container .header_status  */
/* .ice-sub-mon .sessionExpired .ice-sub-mon-img{2.0 */
/* 	position: relative; */
/*   	top: -2px; */
/*   	left: -4px; */
/* } */


/* .header_container .header_status  */
/* .ice-sub-mon .active .ice-sub-mon-img {2.0 */
/* 	float: right; */
/* } */

/* .header_container .header_status  */
/* .ice-sub-mon .active .ice-sub-mon-txt {2.0 */
/* 	  margin: 0; */
/* 	  background: #ABDA8E; */
/* 	  border-radius: 5px; */
/* 	  padding: 3px; */
/* 	  position: relative; */
/* 	  color: #EF8100; */
/* 	  font-family: arial; */
/* 	  font-weight: bold; */
/* 	  font-size: 11px; */
/* 	  top: 35px; */
/* 	  left: 55px; */
/* 	  float: right; */
/* } */

/* tela cheia */

.ice-sub-mon{
	border-radius: 15px;
}

.active-img{
	width: 32px;
	float: left;
	margin-right: 20px;
	margin-top: 15px;
}

.active-txt{
  width: 140px;
  float: left;
  margin-top: 15px;
}


.active.ice-sub-mon-mid {
	  width: 200px;
	  height: 60px;
	  text-align: justify;
	  font-size: 16px;
	  border-radius: 12px;
	  padding: 13px;
	  font-family: arial;
	  font-weight: bold;
	  color: #EF8100;
}

.networkError.ice-sub-mon-mid,
.serverError.ice-sub-mon-mid{
	  width: 160px;
	  text-align: justify;
	  font-size: 14px;
	  border-radius: 12px;
	  padding: 13px;
	  font-family: arial;
	  font-weight: bold;
}

.sessionExpired.ice-sub-mon-mid {
	  width: 250px;
	  text-align: justify;
	  font-size: 14px;
	  border-radius: 12px;
	  padding: 13px;
	  font-family: arial;
	  font-weight: bold;
}

.reload_button, .reload_button-dis{ /* 2.0 */
	  position: relative;
	  left: 50px;
	  top: 8px;
	  margin: 0 auto;
	  border-radius: 10px;
	  color: #FFFFFF;
	  background: #C9912B;
	  font-weight: bolder;
	  width: 150px;
	  cursor: pointer;
}

.header_page { /* 2.0 */
	height: relative;
	height: 140px !important;
}

.header_page .header_page_voltar { /* 2.0 */
    position: relative;
	top: 110px;
	right: 20px;
	float: right;
}

.header_page .header_page_voltar_text { /* 2.0 */
    font-size: 12px;
    font-weight: bold;
    font-family:verdana, arial;
    color: #29435a;
}

/* .header_page .header_page_logo { 2.0 */
/*     position: relative; */
/* 	top: 20px; */
/* 	left: 25%; */
/* } */

/* .header_container .header_status { 2.0 */
/* 	position: relative; */
/* 	right: -80%; */
/* 	float: left; */
/* } */

/* header end */


/* data start */

.data_box { /* 2.0 */ 
	position: relative;
    left: 66px;
    top: 40px;
    background: transparent;
    width: 315px;
    display: block;
    float: left;
    z-index: 1000;
}

.data_box .data_dia { /* 2.0 */
    display: block;
}

.data_box .data_label { /* 2.0 */
    color: #484848;
	font-family: arial;
	font-size: 12px;
    font-weight:bold;
}

.data_box .data_diaSelecionado { /* 2.0 */
	font-family: arial;
	font-size: 12px;
    color:#EF8100;
    font-weight:bold;
}

.data_box .data_diaSelecionadoErro { /* 2.0 */
    padding: 2px 0 4px 0;
}

.data_box .data_diaSelecionadoErro .ui-faces-message-icon{ /* 2.0 */
	display: none;
}

.data_box .data_diaSelecionadoErro .ui-state-highlight{ /* 2.0 */
	font-family: arial !important;
	font-size: 11px !important;
    color:#FFF !important;
	border: none !important;
	background: #A81F1F !important;
	border-radius: 5px;
}


/* O elemento ice:message sempre adicionaInfo no fim de suas classes*/
.data_box .data_diaSelecionadoInfo { /* 2.0 */
    color: #ea5e57;
}

.data_box .data_campoInput { /* 2.0 */
    width: 119px;
	margin-left: 0px;
}

/* Corrige erro de posição no componente */
.data_box .iceSelInpDateOpenPopup,
.data_box .iceSelInpDateOpenPopup-dis,
.data_box .iceSelInpDateClosePopup { /* 2.0 */
	position: relative;
	width: 14px;
	height: 14px;
	top: 2px;
	margin-left: 1px;
	background-position: -2px -2px;
	border-radius: 2px
}

/* data end */

/* body start */

.body_content { /* 2.0 */
    background: none;
    border: none;
    margin: 0 auto; 
    width: 98%;
    overflow: hidden;
}

.body_centerTop, .body_eastTop, .body_west, .body_east, .body_south { /* 2.0 */
    border: 1px solid #CCCCCC;
    background-color  : #e9f6e1;
 	padding: 0px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}

.body_top_content { /* 2.0 */
    margin: 0px auto;
    width: 100%;
    height: 600px;
}

.body_centerTop{ /* 2.0 */
	float: left;
	height: 100%;
	width: 805px;
	border-radius: 10px 0px 0px 0px;
/* 	overflow: hidden; */
}

.body_eastTop{ /* 2.0 */
	float: right;
	height: 100%;
	width: 130px;
    border-top-right-radius: 120px 70px;
    overflow: hidden;
}

.body_center_content{ /* 2.0 */
	margin: 3px 0px 0px 0px;
    width: 100%; 
    height: 360px;
}

.body_west{ /* 2.0 */
	float: left;
	height: 100%;
	width: 468px;
	overflow: hidden;
}

.body_east{ /* 2.0 */
	float: right;
	height: 100%;
	width: 467px;
	overflow: hidden;
}

.body_south_content{ /* 2.0 */
	margin: 3px 0px 0px 0px;
    width: 100%;
}

.body_south{ /* 2.0 */
	width: 938px;
	border-radius: 0px 0px 10px 10px;
}

.body_content .body_tabs { /* 2.0 */
    height: 594px;
}

.body_content .body_internal_tabs { /* 2.0 */
/* 	position: relative; */
	height: 546px;
	width: 784px;
	margin: -15px 0px 0px -27px;
}

/* body end */

/* centerTop begin */

.centerTop_container { /* 2.0 */

}

.centerTop_content { /* 2.0 */
	border: 1px solid #CCCCCC;
	background-color: #e9f6e1;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	height: 500px;
	width: 773px;
	margin: -14px 0px 0px -27px;
}

.centerTop_content .centerTop_header{ /* 2.0 */
	display: block;
	height: 65px;
}

.centerTop_content .centerTop_titulo{ /* 2.0 */
	float: left;
	position: relative;
	top: 13px;
	left: 15px;
	color: #484848;
    font-family:arial;
}

.centerTop_content .centerTop_select{ /* 2.0 */
	float: left;
	position: relative;
	top: 10px;
	left: 15px;
}

.centerTop_content .centerTop_select_label { /* 2.0 */
    font-size: 11px;
	color: #484848;
	font-family: arial;
	font-weight: bold;
}

.centerTop_content .centerTop_ajuda{ /* 2.0 */
	float: left;
}

/* .centerTop_content .centerTop_ajuda .centerTop_ajuda_button, */
/* .centerTop_content .centerTop_ajuda .centerTop_ajuda_button-dis{ 2.0 */
/* 	width: 56px; */
/* 	height: 27px; */
/* 	position: relative; */
/* 	left: 20px; */
/* 	top: 6px; */
/* 	cursor:pointer; */
/* 	background-color: rgba(255, 255, 255, 0); */
/* 	border: none; */
/* } */

.centerTop_content .centerTop_ajuda .centerTop_ajuda_button,
.centerTop_content .centerTop_ajuda .centerTop_ajuda_button-dis{ /* 2.0 */
	position: relative;
	left: 25px;
	top: 8px;
	border-radius: 10px;
	color: #25399E;
	background: #50C92B;
	font-weight: bolder;
	width: 60px;
	cursor: pointer;
}


.centerTop_content .centerTop_update{ /* 2.0 */
	float: right;
	position: relative;
	top: 10px;
	right: 15px;
	height: 65px;
	width: 125px;
}

.centerTop_content .centerTop_update .centerTop_updateDado{ /* 2.0 */
	font-size: 16px;
	color: #484848;
	font-family: arial;
	font-weight: bold;
	float: left;
	position: relative;
	top: 9px;
	width: 90px;
}

.centerTop_content .centerTop_update .centerTop_updateRight{ /* 2.0 */
	float: right;
	position: relative;
	width: 250px;
  	text-align: right;
}

.centerTop_content .centerTop_update .centerTop_updateIcone{ /* 2.0 */
	border:none;
	width: 30px;
	height: 30px;
}

.centerTop_content .centerTop_updateButton .ui-state-default,
.centerTop_content .centerTop_updateButton .ui-state-hover
{
	border: none;
	background: none;
	float: right;
}

.centerTop_content .centerTop_update .centerTop_updateDataHora{ /* 2.0 */
	display: block;
	font-size: 13px;
	color: #484848;
	font-family: arial;
	font-weight: bold;
	margin-right: -30px;
	padding-top: 36px;
}

.centerTop_content .centerTop_update .centerTop_updateChuva{ /* 2.0 */
	font-size: 16px;
	color: #484848;
	font-family: arial;
	font-weight: bold;
	float: right;
	position: relative;
	top: 9px;
	width: 170px;
}

.centerTop_content .centerTop_grafico {
    padding: 0 0 0 0;
    text-align: left;
    height: 345px;
}

.centerTop_content .centerTop_graficoPortlet{
    background-color:white;
}

.centerTop_content .centerTop_grafico .centerTop_click {
    position: relative;
    float: left;
	left: 15px;
	color: #EF8100 !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-size:11px !important;
}

.centerTop_content .centerTop_grafico .centerTop_ponto {
    position: relative;
    float: left;
	left: 25px;
	top: -2px;
	color: #484848;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
}

.centerTop_content .centerTop_grafico .centerTop_plot {
    position: relative;
	top: 30px;
	width: 750px;
	margin: 0 auto;
}

@-moz-document url-prefix() {
    .centerTop_content .centerTop_grafico .centerTop_plot {
	    position: relative;
		top: 30px;
		width: 750px;
		margin: 0 auto;
	}
}

.centerTop_content .jqplot-title{
	color: #484848;
}

.centerTop_content table.jqplot-table-legend, .centerTop_content table.jqplot-cursor-legend{
	font-size: 9px;
    left: 48px !important;
}


.centerTop_content .jqplot-yaxis-label
{
	  transform: rotate(-90deg);
	  -ms-transform: rotate(-90deg);
	  -webkit-transform: rotate(-90deg);
	  width: 180px !important;
  	  left: -75px !important;
	  color: #484848;
	  text-align: center;
}

.centerTop_content .jqplot-xaxis-label
{
	color: #484848;
}

.centerTop_content .jqplot-yaxis 
{
	width: 50px !important;
}

.centerTop_content .jqplot-y2axis
{
	width: 10px !important;
}

.centerTop_content .jqplot-y2axis-label
{
	display: none;
}

.centerTop_content .jqplot-yaxis canvas
{
	color: black;
}


/* Remove o tooltip do grafico */
.centerTop_content .jqplot-highlighter-tooltip
{
	display: none !important;
}

.centerTop_content .jqplot-event-canvas
{
	cursor: pointer;
}

/* Coloca legenda tabela na mesma linha */
.centerTop_content .centerTop_plot tr {
  float: right;
}

.centerTop_content .centerTop_footer {
    padding: 0 0 0 0;
    text-align: left;
    height: 90px;
}

.centerTop_content .centerTop_footer .centerTop_verao {
    position: relative;
    left: 15px;
	color: #EF8100 !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-size:11px !important;
    top: 70px;
}

.centerTop_content .centerTop_footer .centerTop_qualidade_button,
.centerTop_content .centerTop_footer .centerTop_qualidade_button-dis{ /* 2.0 */
	height: 20px;
	position: relative;
	left: 30px;
	cursor:pointer;
	
	border-radius: 10px;
	color: #25399E;
	background: #50C92B;
	font-weight: bolder;
	
}

.centerTop_content .centerTop_footer .centerTop_politica_button,
.centerTop_content .centerTop_footer .centerTop_politica_button-dis{ /* 2.0 */
	height: 20px;
	position: relative;
	left: 35px;
	cursor:pointer;
	
	border-radius: 10px;
	color: #25399E;
	background: #50C92B;
	font-weight: bolder;
}

.centerTop_dados_button_div{
	position: relative;
	top: 60px;
	right: 10px;
	float: right;
	display: none;
}

.centerTop_content .centerTop_footer .centerTop_dados_button,
.centerTop_content .centerTop_footer .centerTop_dados_button-dis{ /* 2.0 */
	cursor: pointer;
	background: none;
	border: none;
	font-weight: bolder;
	left: 0px;
	width: 280px;
	text-align: left;
}

.centerTop_content .centerTop_footer .centerTop_dados_saiba{
	color: #EF8100 !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-size:11px !important;
    text-decoration: underline;
}

.centerTop_content .centerTop_footer .centerTop_dados_change{
	display: inline !important;
	color: #484848 !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-size:11px !important;
}

.centerTop_content .centerTop_footer .centerTop_resumo{
	  float: right;
	  position: relative;
	  width: 500px;
	  top: 25px;
  	  right: 5px; 
}

.centerTop_tooltip .qtip-content, .centerTop_tooltip  .ui-widget-content, .centerTop_tooltip .ui-tooltip-content
{
	width: 250px;
	text-align: justify;
}

.centerTop_content .centerTop_footer .centerTop_resumo .centerTop_tooltip
{
  color: #2540ff !important;
  font-family: arial !important;
  cursor: pointer;
}


/* centerTop end */

/* eastTop begin */

.eastTop_container { /* 2.0 */
    padding: 0 0 0 0;
    overfow: hidden;
    height: 100%;
}

.eastTop_container .eastTop_getPortlet{ /* 2.0 */
    top: 70px;
    width: 100px;
	margin: 0 auto;
	position: relative;
	border-radius: 5px;
}

.eastTop_container .eastTop_getPortlet:hover{ /* 2.0 */
    background:#fda505;
}

.eastTop_container .eastTop_getPortlet .eastTop_getPortlet_quebra{ /* 2.0 */
    margin-bottom: -3px;
}

.eastTop_container .eastTop_getPortlet .eastTop_getPortlet_text{ /* 2.0 */
    font-weight: bold;
	font-family: arial;
	font-size: 11px;
	color: green;
}

.eastTop_container .eastTop_getPortlet_link{ /* 2.0 */
    text-decoration: none;
}

.eastTop_container .eastTop_portlet{ /* 2.0 */
    position: relative;
	top: 90px;
	margin: 0 4px;
}

.eastTop_container .eastTop_redes{ /* 2.0 */
	position: relative;
	top: 190px;
	width: 100%;
	height: 88px;
	display: table;
	overflow: hidden;
}

.eastTop_container .eastTop_twitter{ /* 2.0 */
	width: 86px;
	overflow: hidden;
}

.eastTop_container .eastTop_facebook{ /* 2.0 */
	padding-top: 10px;
	margin: 0 0 0 -35px;
}

.eastTop_container .eastTop_plusOne{ /* 2.0 */
	width: 120px;
	overflow: hidden;
	padding-top: 10px;
	margin: 0 auto;
}

.eastTop_container .eastTop_visitantesOnline{ /* 2.0 */
    margin: 0 auto;
	position: relative;
	top: 270px;
}

.eastTop_container .eastTop_visitantesOnline .eastTop_numeroOnline{ /* 2.0 */
    font-weight: bold;
	font-family: arial;
	font-size: 15px;
    color: #29435a;
    display: block;
}

.eastTop_container .eastTop_visitantesOnline .eastTop_textOnline{ /* 2.0 */
    font-weight: bold;
	font-family: arial;
	font-size: 11px;
	color: #484848;
    display: block;
}

/* eastTop end */

/* west begin */

.west_container{ /* 2.0 */
	height: 100%;
}

.west_container .west_tabs { /* 2.0 */
    height: 354px;
}

.west_content{
	border: 1px solid #CCCCCC;
	background-color: #e9f6e1;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	height: 311px;
	width: 452px;
	margin: -15px 0px 0px -27px;
}

.west_container .west_titulo{
	position:relative;
	margin: 0 auto;
	width: 85%;
	top: 10px;
	margin-bottom: 10px;
}

.west_container .west_titulo_text{
	font-family: arial;
	font-size: 12px;
	display:  block;
}

.west_container .west_titulo_inclinacao_text{
	font-family: arial;
	font-size: 10px;
	color: #AEA79F;
	display:  block;
}

.west_container .west_table_arrows{
	font-family: arial;
	font-size: 10px;
	color: #AEA79F;
	position: relative;
	margin: 0 auto;
	top: 15px;
}
  
.west_container .west_table_arrows .ui-button{
	height: 18px;
    width: 18px;
}

.west_container .west_table_arrows .ui-combobox{
	width: 110px;
}


.west_container .west_table_arrows .ui-combobox .ui-combobox-value{
	width: 108px !important;
}	

.west_container .west_table_arrows .ui-combobox .ui-combobox-value .ui-inputfield{
	width: 70px !important;
}

.west_container .west_table_arrows .ui-combobox .ui-corner-right{
	height: 15.5px !important;
}

.west_container .west_table_arrows .ui-combobox .ui-combobox-list{
	left: 49px !important;
	cursor: pointer;
}

.west_container .west_fotoClima{
	position: relative;
	margin: 0 auto;
	top: 20px;
	height: 225px;
}

.west_container .west_fotoClima .west_fotoClima_img{
	height: 100%;
}

.west_container .west_status{
	position: relative;
	float: right;
	top: 25px;
	right: 5px;
}

.west_container .west_status_text{
	font-family: arial;
	font-size: 10px;
	color: #EF8100;
}

.west_container .west_desde{
	position: relative;
	float: left;
	top: 25px;
	left: 5px;
}

.west_container .west_desde_text{
	font-family: arial;
	font-size: 10px;
	color: #EF8100;
}

.west_container .west_video{
	  width:100%;
	  height:272px;
}

.west_container .west_video_mensagem{
	  display:block;
	  font-family: arial;
	  font-size: 10px;
	  color: #EF8100;
	  margin-top: 240px;
}

.west_container .west_video_button{
 	  float: right;
 	  border-radius: 10px;
	  color: #25399E;
	  background: #50C92B;
	  font-weight: bolder;
	  width: 105px;
	  cursor: pointer;
	  right: 20px;
	  position: relative;
	  top: 51px;
}

.west_container .west_video_progress{
	  width: 300px;
 	  float: right;
 	  top: 50px;
	  right: 30px;
	  position: relative;
}

.west_container .west_video_player{
	 position: relative;
	 top: 25px;
	 margin: 0 auto;
}

.west_container .west_erro {
    position: relative;
    width: 80%;
    margin: 0 auto;
    top: 100px;
}

.west_container .west_erro_text {
	color: red;
    font-size: 14px;
}
	

/* west end */

/* east begin */

.east_container { /* 2.0 */
	background-color: #EEEEEE;
	height:100%;
}

.east_content { /* 2.0 */
	border: 1px solid #CCCCCC;
	background-color: #e9f6e1;
	padding: 0px;
	height: 347px;
	width: 454px;
	position: relative;
	top: 5px;
	left: 5px;
}

.east_container .east_titulo{
	position:relative;
	margin: 0 auto;
	width: 85%;
	top: 10px;
}

.east_container .east_titulo_text{
	font-family: arial;
	font-size: 12px;
	display:  block;
}

.east_container .east_map { /* 2.0 */
	width: 440px;
	position: relative;
	top: 26px;
	height: 300px;
	margin: 0 auto;
}

/* east end */

/* south begin */

.south_container {  /* 2.0 */
	text-align: justify;
	width:100%;
	height:100%;
}

.south_container .south_titulo {  /* 2.0 */
	font-family: arial;
	color: #484848;
	font-size: small;
	display:  block;
	width: 96%;
	margin: 0 auto;
	padding: 10px 0px 20px 0px;
}

.south_container .south_motivacao {  /* 2.0 */
	font-family: arial;
	color: #484848;
	font-size: 11px;
	font-weight: normal;
	display:  block;
	width: 96%;
	margin: 0 auto;
}

.south_container .south_accordion {  /* 2.0 */
	margin: 20px auto;
	width: 97%;
	font-weight: normal;
}

.south_container .ui-accordion .ui-accordion-header a{
	font-weight: bold;
}

/* south end */

/* footer begin */

.footer_container{ /* 2.0 */
	margin: 0px 0px 0px 0px; 
    width: 100%;
    height: 150px;
    overflow: hidden;
    
    background-image: url( './images/clima/bgslice_footer.gif' );
    background-repeat: repeat-x;
    background-position: bottom right;
    
    background: linear-gradient(to bottom, rgba(255,255,255,0) 24.5%,
    rgba(185,225,160,1) 26%,rgba(255,255,255,0) 27.5%,
    rgba(255,255,255,0) 37%,rgba(185,225,160,1) 37%);
}

.footer_content { /* 2.0 */
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.footer_container_Page {
    width: 960px;
	margin: 0 auto;
	height: 1.5px;
	background-color: #B9E1A0;
	background-repeat: repeat-x;
	background-position: bottom right;
}

.footer_container .footer_visitas{ /* 2.0 */
    position: relative;
    width: 75%;
    left: 2%;
    float: left;
}

.footer_container .footer_visitas .footer_numero_visitas{ /* 2.0 */
	color: #EF8100 !important;
    font-family:arial;
    font-weight:bold;
    font-size:12px;
}

.footer_container .footer_visitas .footer_text_visitas{ /* 2.0 */
    color: #484848;
    font-family:arial;
    font-size:12px;
}

.footer_container .footer_visitas .footer_desde{ /* 2.0 */
	color: #484848;
	font-family:arial;
    font-size:12px;
}

.footer_container .footer_visitas .footer_data_inicio{ /* 2.0 */
	color: #484848;
	font-family:arial;
    font-size:12px;
    font-weight:bold;
}

.footer_container .footer_visitas .footer_pos{ /* 2.0 */
	font-size: 10px;
	color: #EF8100;
	font-family: arial;
}

.footer_container .footer_equipe{ /* 2.0 */
	position: relative;
	float: right;
	margin-left: 4%;
	margin-right: 2.2%;
	top: 13%;
}

.footer_container .footer_equipe_text{ /* 2.0 */
	color: #484848;
	font-family: arial;
	font-size: 8px;
}

.footer_container .footer_lti{ /* 2.0 */
	position: relative;
	float: right;
	top: 13%;
}

.footer_container .footer_lti:hover{ /* 2.0 */
   color: gray;
   text-decoration: underline;
}

.footer_container .footer_lti_text{ /* 2.0 */
	color: #484848;
	font-family: arial;
	font-size: 8px;
}

.footer_container .footer_lti_text2{ /* 2.0 */
	color: #EF8100;
	font-weight: bold;
	font-family: arial;
	font-size: 8px;
}

.footer_container .footer_logo{ /* 2.0 */
   width: 195px;
   height:100px; 
   background-color: transparent;
   margin: -35px 0px 0px -100px;
   border: none;
}

.footer_content a, .footer_content a:hover{ /* 2.0 */
   color: gray;
   text-decoration: underline;
}

.footer_container .footer_apoio{ /* 2.0 */
	position: relative;
	float: left;
	top: 30%;
	left: 1%;
	color: #EF8100;
	height: 85px;
	width: 500px;
}

.footer_container .footer_apoio_top{ /* 2.0 */
	height: 15px;
	padding-left: 47%;
}

.footer_container .footer_apoio_text{ /* 2.0 */
	font-size: 9px;
	font-weight: bold;
	color: #484848;
	font-family: arial;
	float: left;
}

.footer_container  .footer_apoio_logos{ /* 2.0 */
	height: 70px;
}

.footer_container  .footer_logo_faperj{ /* 2.0 */
	height: 40px;
/* 	margin: 0px 0 0 10px; */
	float: left;
	padding-top: 22px;
}


.footer_container  .footer_logo_inovuerj{ /* 2.0 */
	height: 50px;
	margin: 0px 0 0 25px;
	float: left;
	padding-top: 15px;
}

.footer_container  .footer_logo_sr2{ /* 2.0 */
  height: 48px;
  margin: 0px 0 0 25px;
  float: left;
  padding-top: 16px;
}


.footer_container  .footer_logo_cetreina{ /* 2.0 */
	height: 55px;
	margin: 0px 0 0 25px;
	float: left;
	padding-top: 13px;
}

.footer_container .footer_contato{ /* 2.0 */
	float:right;
	color: #484848;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	position: relative;
	top: 44%;
	right: 2%;
}

.footer_container .footer_contato_text_titulo{ /* 2.0 */
	font-size: 11px;
}

.footer_container .footer_contato_text{ /* 2.0 */
	display: block;
}

.footer_container .footer_contato_orange{ /* 2.0 */
	color: #EF8100;
	display: block;
}

/* footer end */

/* ajuda begin */

.ajuda_popup{ /* 2.0 */
	display: none;
	position: absolute;
	width: 767px;
	height: 494px;
	top: 41px;
	left: 7px;
	text-align: justify;
	background: #FFFFCC !important;
	z-index: 2000;
}

.ajuda_popup .ui-panel-titlebar{ /* 2.0 */
	background: #E2E258 !important;
}

.ajuda_popupHdr { /* 2.0 */
    /*background: #FFF url( './css-images/PnlHdr_bgslice.gif' ) repeat-x top left;*/
    background: #FFCC00;
}

.ajuda_header{ /* 2.0 */
    text-align: justify;
    vertical-align: middle;
}

.ajuda_header_text { /* 2.0 */
    float: left;
    Width: 130px;
}

.ajuda_header_image { /* 2.0 */
    float: right;
	position: relative;
	top: 1px;
	right: -3px;
}

.ajuda_body { /* 2.0 */
    margin-top: 25px;
    width: 100%;
    text-align: justify;
    vertical-align: middle;
}


.helpTooltip{ /* 2.0 */
	/*background: #eaf1af;*/
	background: #fff1a8;
	padding: 5px;
	width: 280px;
	/*margin-top: -95px;*/
	text-align: justify; 	
}

.t_label_ajuda{ /* 2.0 */
	color: #2540ff !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-size:10px !important;
    cursor:pointer;
}

.ajuda_text_title
{
	padding-top: 10px;
	padding-bottom: 5px;
	color: green;
	font-weight:bold !important;
}

.ajuda_text
{
	display: table;
}

.ajuda_bold
{
	font-weight: bolder;
}

.ajuda_ital
{
	font-style: italic;
}

.ajuda_text_break
{
	display: table;
	padding-top: 10px;
}

.ajuda_text_formula
{
	font-size: 13px;
}

.ajuda_text_formula_sub
{
	font-size: 11px;
}

.ajuda_tooltip .qtip-content, .ajuda_tooltip  .ui-widget-content, .ajuda_tooltip .ui-tooltip-content
{
	width: 250px;
	text-align: justify;
}

.ajuda_text_under
{
	text-decoration: underline;
}

.ajuda_link_anexo
{
	display: inline !important;
	color: blue !important;
	text-decoration: underline !important;
}

.ajuda_link_anexo div
{
	display: inline !important;
}

.ajuda_apresentacao_title
{
	  padding-bottom: 10px;
	  padding-top: 5px;
	  font-weight: bold !important;
	  display: block;
	  margin-left: 15px;
}

.ajuda_apesentacao_text
{
	  font-family: arial;
	  color: #484848;
	  font-size: 11px;
	  font-weight: normal;
	  display: block;
	  width: 96%;
	  margin: 0 auto;
}

/* ajuda end */

/* dados begin */

.dados_popup{ /* 2.0 */
	display: none;
	position: absolute;
	width: 767px;
	height: 623px;
	top: 41px;
	left: 7px;
	text-align: justify;
	background: #FFFFCC !important;
	z-index: 2000;
}

.dados_popup .ui-panel-titlebar{ /* 2.0 */
	background: #E2E258 !important;
}

.dados_popup .dados_accordion {  /* 2.0 */
	margin: 10px auto;
	font-weight: normal;
}

.dados_popup .dados_accordion .ui-accordion .ui-accordion-content{
	height:	220px;
}

.dados_popup .ui-accordion .ui-accordion-header a{
	font-weight: bold;
}

.dados_popup  .dados_visualizar{ /* 2.0 */
	margin: 10px auto;
	width: 300px;
}

.dados_popup  .dados_visualizar .dados_visualizar_img{ /* 2.0 */
	width:100%;
}

.dados_popup  .dados_grafico{ /* 2.0 */
	margin: 10px auto;
	width: 400px;
}

.dados_popup  .dados_grafico .dados_grafico_img{ /* 2.0 */
	width:100%;
}

.dados_popup  .dados_portlet{ /* 2.0 */
	margin: 10px auto;
	width: 500px;
}

.dados_popup  .dados_portlet .dados_portlet_img{ /* 2.0 */
	width:100%;
}


/* dados end */

/* novasFuncionalidades begin */

.dados_popup .func_accordion {  /* 2.0 */
	margin: 10px auto;
	font-weight: normal;
}

/* novasFuncionalidades end */

/* tab begin */

.tab_box { /* 2.0 */
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin: -15px -15px 0 -15px;
}

/* tab end */

/* portlet begin */

.portlet_container { /* 2.0 */
    background: none;
    border: none;
    padding-top: 10px;
    height: 420px;
    margin: 0 auto;
    width: 60%;
}

.portlet_container .portlet_titulo { /* 2.0 */
    position: relative;
	left: 3%;
	display: block;
	padding-bottom: 10px;
	font-size: 12px;
	color: #484848;
	font-family: arial;
	font-weight: bold;
}

.portlet_container .portlet_apres { /* 2.0 */
    position: relative;
	left: 3%;
    display:block;
    font-size: 12px;
	color: #484848;
	font-family: arial;
}

.portlet_container .portlet_apres_break { /* 2.0 */
    position: relative;
	left: 3%;
    display:block;
    padding-bottom: 30px;
    font-size: 12px;
	color: #484848;
	font-family: arial;
}

.portlet_container .portlet_label { /* 2.0 */
    font-size: 11px;
	color: #484848;
	font-family: arial;
	font-weight: bold;
}

.portlet_container .ui-simpleselectonemenu .ui-inputfield {
	padding: 5px;
}

.portlet_container .portlet_design {
    padding-left: 130px;
}

.portlet_container .portlet_principal {
    position: relative;
	left: 3%;
    padding-bottom: 30px;
    height: 170px;
}

.portlet_container .portlet_table td {
    vertical-align: top;
}

.portlet_container .portlet_codigo{
	position: relative;
	left: 3%;
    vertical-align: middle;
    padding-bottom: 20px;
}

.portlet_container .portlet_codigo_text{
    width: 500px;
    height: 50px;
    font-size: 11px;
	color: #484848;
	font-family: tahoma;
	font-weight: lighter;
}

.portlet_container .portlet_msg{
    position: relative;
	left: 6%;
	font-size: 12px;
	color: #484848;
	font-family: arial;
}


/* portlet end */

/* creditos begin */

.creditos_container { /* 2.0 */
    background: none;
    border: none;
    padding-top: 10px;
    height: 100%;
    margin: 0 auto;
    width: 80%;
}

.creditos_container .creditos_apresentacao { /* 2.0 */
    position: relative;
	display: block;
	width: 92%;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align : justify;
	color: #484848;
	font-family: arial;
	font-size: 12px;
}

.creditos_container .creditos_titulo { /* 2.0 */
    position: relative;
	display: block;
	width: 92%;
	margin: 0 auto;
	padding: 15px;
    color: #484848;
	font-family: arial;
	font-size: 12px;
    font-weight:bold;
}
.creditos_container .creditos_rodape { /* 2.0 */
    position: relative;
	display: block;
	width: 92%;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
    clear: both;
    text-align : justify;
    color: #484848;
	font-family: arial;
	font-size: 12px;
}

.creditos_container .creditos_rodape .creditos_rodape_titulo { /* 2.0 */
  	font-weight:bold;
  	padding-bottom: 5px;
}

.creditos_container .creditos_equipe { /* 2.0 */
	position: relative;
	display: block;
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
}

.creditos_container .creditos_equipe .creditos_pessoas { /* 2.0 */
	position: relative;
	float:left;
	display: block;
	width: 340px;
	height: 280px;
	margin: 10px 0;
}

.creditos_container .creditos_equipe .creditos_pessoas:nth-child(odd) { /* 2.0 */
	margin-right: 20px;
}

.creditos_container .creditos_pessoas .creditos_pessoa { /* 2.0 */
  	width:100%;
  	height: 100%;
    border: 1px solid #DADADA;
    background-color: #e9f6e1;
    box-shadow: 1px 2px 5px #000;
	border-radius: 10px;
	overflow: hidden;
}

.creditos_container .creditos_pessoas .creditos_pessoa:nth-child(odd) { /* 2.0 */	
    margin-right: 20px;
}

.creditos_container .creditos_pessoas .creditos_pessoa
.creditos_pessoa_top { /* 2.0 */
  	padding:10px;
  	background: linear-gradient(to bottom,
  	rgba(233,246,225,1) 0%,rgba(169,218,137,1) 100%);
}

.creditos_container .creditos_pessoas .creditos_pessoa
.creditos_pessoa_image { /* 2.0 */
	width: 70px;
	height: 91px;
  	float: right;
  	margin: 3px 3px 3px 15px;
  	border-radius: 3px;
  	box-shadow: 1px 2px 5px #000
}

.creditos_container .creditos_pessoas .creditos_pessoa
.creditos_pessoa_name { /* 2.0 */
	font-weight: bold;
	color: #EF8100;
}

.creditos_container .creditos_pessoas .creditos_pessoa
.creditos_pessoa_text { /* 2.0 */
	padding:10px;
	text-align: justify;
}

.creditos_container .creditos_pessoas .creditos_pessoa
.creditos_pessoa_text .creditos_pessoa_apresentacao { /* 2.0 */
	font-style: italic;
	height: 90px;
}

.creditos_container .creditos_pessoas .creditos_pessoa 
.creditos_pessoa_papel { /* 2.0 */
	display: block;
	padding-bottom: 10px;
}

.creditos_container .creditos_pessoas .creditos_pessoa 
.creditos_pessoa_curriculo_text { /* 2.0 */
	color: blue;
	text-decoration: underline;
}

.creditos_container .creditos_pessoas .creditos_pessoa
.creditos_pessoa_text .creditos_pessoa_apresentacaoPapeis { /* 2.0 */
	height: 95px;
}

.creditos_container .creditos_pessoas .creditos_pessoa 
.creditos_pessoa_outrosPapeis { /* 2.0 */
	display: block;
	padding-bottom: 10px;
}

.creditos_container .creditos_pessoas .creditos_pessoa 
.creditos_pessoa_papelProjeto { /* 2.0 */
	display: block;
	height: 60px;
	padding-bottom: 15px;
}

.creditos_container .creditos_pessoas .creditos_pessoa
.creditos_pessoa_text .creditos_pessoa_apresentacaoContato { /* 2.0 */
	height: 45px;
}

.creditos_container .creditos_pessoas .creditos_pessoa 
.creditos_pessoa_contato { /* 2.0 */
	display: block;
	padding-bottom: 3px;
	font-size: 10px;
	color: #EF8100;
}

.creditos_container .creditos_pessoas .creditos_pessoa 
.creditos_pessoa_participacao { /* 2.0 */
	font-weight:bold;
	color: #EF8100;
}

.creditos_container .creditos_colaboradores
{
	position: relative;
	display: block;
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
}

.creditos_container .creditos_colaboradores .creditos_colaboradores_table
{
	
}

.creditos_container .creditos_colaboradores .creditos_colaboradores_table .creditos_colaboradores_nome
{
	width: 50%;
}

.creditos_container .creditos_colaboradores .creditos_colaboradores_table .creditos_colaboradores_curriculo_text
{
	color: blue;
	text-decoration: underline;
}

.creditos_container .creditos_colaboradores .creditos_colaboradores_table .creditos_colaboradores_funcao
{
	width: 50%;
}

.creditos_container .creditos_exIntegrantes
{
	position: relative;
	display: block;
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
	text-align : justify;
}

/* creditos end */

.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited,
    .exampleBox a:hover, .synopsisBox a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited {
    text-decoration: none;
}

.exampleBox a:hover, .synopsisBox a:hover {
    text-decoration: underline;
}

.exampleBox .iceMnuItm a:hover {
    text-decoration: none;
}

div.hora_content{
    left:760px;
    position:absolute;
    top: 10px;
	font-family:verdana, arial;
    font-size: 11px;
    font-weight: bold; 
}



div.diaReferenciaContainer {
	width:790px;
    float: left;
    height: 50px;
    margin-top: -140px;
    /*margin-left:10px;*/
	/*border: 1px solid yellow;*/
}

div.diaReferenciaContent {
    float: left;
    /*height: 50px;*/
    width:400px;
    /*margin-top: -140px;*/
    /*margin-left:10px;*/
    /*border: 1px solid black;*/
    padding-left: 10px;
}

.atualizarContainer{
	position: absolute;
	left: 763px;
	top: 90px;
	
	/*float: left;
	padding-left: 760px;*/
}




div.contentContainerCreditos {
    background: none;
    border: none;
    float:left;
    padding-left: 10px;
    /*margin-top:10px;*/
    width:780px;
    /*border: 1px solid green;*/
    /*margin-top: -135px;*/
}

table.componentTabSetContainer {
    width: 99%;
}

.t_label_clique_grafico{
	color: #EF8100 !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-size:11px !important;
}

/* Versão */
.t_label_versao{
	color: #2540ff !important;
    font-family:arial !important;
    font-weight:lighter !important;
    font-size:8px !important;
}

/* Politica de Privacidade */
.politicaPopup {
    position: absolute;
    z-index: 101;
    width: 750px;
    /*height: 550px;
    top: 20%;
    left: 30px;*/
    margin: 0px;
    padding: 0px;
    background-color: #FFFFCC !important;
}

.politicaBody {
	margin-top: 25px;
    width: 100%;
    text-align: justify;
    vertical-align: middle;
}

.politicaHeaderWrapper {
	width: 100%;
    text-align: justify;
    vertical-align: middle;
}

.politicaHeaderText {
    float: left;
}

.politicaHeaderImage {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}

.politicaPopupHdr {
	background: #FFF url( './css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    background: #FFCC00;
    padding: 0px;
    margin: 0px;
} 
    

/*  Fim Politica de Privacidade */

/* Resumo */

.resumoColuna{
	/*width: 80%;*/
	margin: 0 auto; 
}

.resumoBox {
    /*float: left;*/
    padding: 0 0 0 0;
}

.tabBox {
    float: left;
    padding: 0 0 0 0;
    /*border: 1px solid black;*/
}


/* controls the appearance of links throughout the application */
a:link, a:hover, a:visited, a:active {
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    color: #000;
}
a:hover{
    color: #000033;
    text-decoration:underline
}
a:visited{
    /*color: #104e5b;*/
}
a:active{
    color: #318496;
}

/* doc view template decloration */
.docViewContainer, .docViewNavigation, .docViewContent{
    float:left;
}
.docViewNavigation, .docViewContent{
    height: 500px;
}
.docViewNavigation{
    width: 150px;
    overflow: scroll;
}
.docViewContent{
    width: 514px;
    border: 1px solid #D9D9D9;
}
.docViewContainer{
    width: 670px;
}
.docViewContainer a{
    color: #444444;
}
a.docViewNodeSelectedtrue{
    font-weight: bold;
}
.docViewContainer a:visited{
    color: #104e5b;
}
.docViewContainer a:hover{
    text-decoration: none;
    color: #318496;
}

.includeIframe{
    width:100%;
    height:100%;
    border: none;
    background-color: white;
    font-size: 11pt;
}

/* Main wrapper class for all component examples */
.componentBox {
    float: left;
    padding: 0 0 0 0;
}
/* Parent of componentBox when component examples are used in portlets */
.componentBoxPortlet{
    background-color:white;   
}

.synopsisBox {
    border: none;
    min-height: 36px;
    padding: 0 0 0 50px;
    background: url( './images/icon_info.gif' ) no-repeat top left;
    display: block;
}



.synopsisBox .iceOutTxt {
    display: block;
}

/* 2 + 13 =15 or the exampleBox margin. */
/* give outline effect for server chagned values boxes. */
.backBeanChangeContainer{
    padding: 0;
}

.backBeanChangeTitle{
    margin: 0;
    height: 20px;
    width: 275px;
    padding: 6px 0 0 8px;
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    border-bottom: 1px solid #d9d9d9;
}

.backBeanChangeBody{
    padding:2px;
}

.backBeanChangeBody > div.icePnlGrp:first-child {
    padding: 15px;
    background-color: white;
}

.iceOutTxt {
    color: #484848;
}

.iceSelOneRb-dis {
    border: 0;
    background-color: #FFFFFF;
    color: #444444;
}

h3 {
    font: 11px tahoma;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.columnsColumn {
    border: none;
}

/*
------------- Theme Controller
*/

.themeControlContainer {
    /*float:left;*/
    border:1px solid #D9D9D9;
    height:28px;
    margin-bottom:7px;
    padding: 7px 5px 5px 5px;
    text-align:left;
    vertical-align:middle;
    white-space: nowrap;
}

.themeControlContainer .changeThemeButton {
    border: 1px solid #d9d9d9;
    display:inline;
    margin-top:3px;
    padding: 4px 25px 4px 10px;
    width: 70px;
    background-image: url('./images/theme_refresh.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.themeSelectOneMenu {
    margin:0;
    padding:0;
    margin-left: 3px;
    margin-right: 3px;
    margin-top:5px;
    border: 1px solid #d9d9d9;
    /*padding-top: 2px;*/
    width: 90px;
}

.themeControlContainer a {
    color: #444;
}

/*
------------- Navigation Tree 
*/
.navigationTree{

}
.navigationTreeRow {
    white-space: nowrap;
    vertical-align: middle;
    padding: 0;
}

.navigationTreeRow a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    padding: 0;
    padding-left: 3px;
    vertical-align: middle;
}

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

.navigationTreeRow img {
    border: 0;
    vertical-align: middle;
    background-repeat: repeat-y;
    padding: 0;
}
.navigationTreeRow > img{
    width: 16px;
}


.navigationTreeRow a img {
/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
    background-repeat: repeat-y;
    border: 0;
    padding: 0;
}

.navigationTreeRow * div {
    padding: 0;
    vertical-align: middle;
}



/* node selection and rollover state. */
a.navNodeSelecttrue:hover, a.navNodeSelectfalse:hover {
    color: #318496;
    text-decoration: none;
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node_rollover.gif' ) no-repeat left center;
}

a.navNodeSelecttrue:visited, a.navNodeSelectfalse:visited {
    /*color: #104e5b;*/
}

a.navNodeSelecttrue {
    font-weight: bold;
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node_selected.gif' ) no-repeat left center;
}

a.navNodeSelectfalse {
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node.gif' ) no-repeat left center;
}

a.navNodeFoldertrueExpandedfalse, a.navNodeFoldertrueExpandedfalse:hover{
    padding-left: 20px;
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
}

a.navNodeFoldertrueExpandedtrue, a.navNodeFoldertrueExpandedtrue:hover{
    padding-left: 20px;
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
}

/*
---------- end tree
*/

/* drag and drop demo */
.dndCartDesc span:first-child {
    font-weight: bold;
}
.dndCartDesc{
    margin-top:15px;
    margin-bottom:5px;
    float:left;
}
.inventoryItemContainer{
    float: left;
    margin: 8px;
    border: 1px solid #d9d9d9;
    width: 100px;
}
.inventoryItemContainer div{
    text-align: center;
}

.chartContainer{
    float:left;
    width: 462px;
    border: 1px solid #d9d9d9;
}
.returnItemButton {
    border: 1px solid #d9d9d9;
    background-color: white;
    display:inline;
    padding: 4px 25px 4px 10px;
    background-image: url('../images/dragDrop/return_arrow.png');
    background-position: right center;
    background-repeat: no-repeat;
}
.cartDropTarget{
    background-color: #fda505;
}

/* effects demo */
.effectWrapperContainer{
    float:left;
    margin: 15px;
    width: 125px;
    height: 80px;
    padding: 2px;
}
.effectWrapperContainer:hover {
    text-decoration: none;
}
.effectsDemoContainer{
    float:left;
    width: 125px;
    height: 80px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    background:url('../images/effect_gradient.gif') bottom left repeat-x;
}
.effectsDemoContainer > div{
    float:left;
    width:100%;
    font: 11px tahoma;
    vertical-align: middle;
    text-align: center;
    color: #484848;
    /*padding: 7px;*/
    font-weight: bold;
}
.effectsDemoTitle{
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x center left;
    border-bottom: 1px solid #d9d9d9;
}
.effectsDemoContainer:hover {
    cursor: pointer;
    text-decoration: none;
}
.effectsDemoContainer:hover .iceOutTxt {
    color: #318496;
    text-decoration: none;
}
.effectsDemoContainer a:hover{
    text-decoration: none;
}

/* DATA PAGINATOR EXAMPLE */
.dataPaginatorDataTable {
    float: left;
    margin-top: 20px;
}

.dataPaginatorVertical_true {

}

.dataPaginatorVertical_false {
    clear: left;
}

/* END DATA PAGINATOR EXAMPLE */



/* main styles for individual component examples */

.synopsisBox > span:first-child,
    div.firstChildTitle > span:first-child,
    div.firstChildTitle > div > span:first-child {
    font-weight: bold;
}

.title {
    color: yellow;
}

.centerBox {
    margin-right: auto;
    margin-left: auto;
}


/* left navigation panel collapsible, is not effected by theme changes.  */
.navPnlClpsbl, .navPnlClpsblColpsd {
    border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsbl {
    border: none;
}

.navPnlClpsblHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 6px 0 0 8px;
    font-weight: bold;
    height: 20px;
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
    padding-left: 22px;
}

.navPnlClpsblHdr .icePnlGrp a {
	font-weight: bold;
}

.navPnlClpsblCnt {
    font: 11px / 17px tahoma;
    color: #494949;
    background: #f5f5f5;
    padding: 4px 4px 4px 9px;
    border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsblHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 0 0 0 0;
    font-weight: bold;
    height: 20px;
    border: none;
    margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblHdr .navOutTxt {
    background: none;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 0 0 0 0;
    font-weight: bold;
    height: 20px;
    border: none;
    margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr .iceOutTxt{
    background: none;
}

.navPnlClpsblCnt .navPnlClpsblCnt {
    border-left: none;
    border-right: none;
    padding: 0 0 0 10px;
}

.navPnlClpsblCnt .navPnlClpsblColpsd {
    border: none;
}

.navPnlClpsblColpsdHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 6px 0 0 8px;
    font-weight: bold;
    height: 20px;
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    border-bottom: none;
}

.navPnlClpsblColpsdHdr .iceOutTxt,
    .navPnlClpsblHdr .iceOutTxt {
    padding-left: 22px;
    color: #484848;
}

.navPnlClpsblColpsdCnt {
    border: none;
}

.navPnlClpsblHdr, .navPnlClpsblHdr-dis, .navPnlClpsblColpsdHdr, .navPnlClpsblColpsdHdr-dis {
    cursor: pointer;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div, .navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
    background-repeat: no-repeat;
    background-position: left top;
    height: 18px;
}
/* -------------------------- */
.navPnlClpsbl a, .navPnlClpsblHdr a, .navPnlClpsblColpsdHdr a{
    color: #444444;
}
.navPnlClpsblWrapper {
    margin-top: 20px;
    display: block;
    float: left;
}

.navPnlClpsblLnks .iceOutTxt {
}

.navPnlClpsblLnks span, .navPnlClpsblLnks.nodec, .navPnlClpsblLnks:link,
    .navPnlClpsblLnks:hover, .navPnlClpsblLnks:visited {
    color: #004080;
}

.navPnlClpsblLnks:link, .navPnlClpsblLnks:visited {
    text-decoration: none;
}

.navPnlClpsblLnks:hover {
    text-decoration: underline;
}

.navPnlClpsblEnd {
    border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
    padding-left: 18px;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div  {
    background: url( './images/navigation_tree/tree_folder_open.gif' ) no-repeat 0 3px;
}
.navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat 0 3px;
}
/* end of navigation panel collapsible */


/* AUTOCOMPLETE EXAMPLE */

.cityCol {
    width: 125px;
}

.stateCol {
    width: 125px;
}

.zipCol {
    width: 50px;
}

.serverFeedbackBorderHighlight {
    vertical-align: top;
    border: 1px solid #CCCCCC;
    padding: 10px;
    width: 300px;
}

.iceSelInpTxtRow, .iceSelInpTxtSelRow {
    height: 15px;
}

.iceSelInpTxtSelRow {
    color: #FFFFFF;
}

/* END AUTOCOMPLETE EXAMPLE */

/* COLUMNS EXAMPLE */

.columnsColumn, .columnsNestedColumn, .columnsNestedBoldColumn {
    white-space: nowrap;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

.columnsColumn {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 55px;
}

/* END COLUMNS EXAMPLE */

/* MENUBAR EXAMPLE */

.menuHeadingItem a {
    width: 144px;
}

.orientationLabel {
    display: inline;
    float: left;
}

.orientationRadioBtn label {
    vertical-align: top;
}

/* END MENUBAR EXAMPLE */

/* MENUPOPUP EXAMPLE */
.menuPopupEffectsVrtSubMenuInd {
    padding-top: 0px;
}
/* END MENUPOPUP EXAMPLE */

/* PANELBORDER.JSPX */
.pnlBrdrDemo {
    /*margin: 15px 15px 0 0;*/
    margin: 0px 0px 0 0;
    display: block;
    /*float: left;*/
    float: none;
    /*padding: 15px;*/
}

.pnlBrdrDemoNorth, .pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter, .pnlBrdrDemoSouth {
    border: 1px solid #CCCCCC;
    /*background-color: #EEEEEE;*/
    background-color  : #e9f6e1;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}

.pnlBrdrDemoNorth, .pnlBrdrDemoSouth {
    height: 60px;
}
.pnlBrdrDemoEast, .pnlBrdrDemoWest{
    width:120px;
}
.pnlBrdrDemoEast, .pnlBrdrDemoWest , .pnlBrdrDemoCenter {
    height: 100px;
}
.pnlBrdrDemoCenter{
	/*width: 680px;*/
	width: 480px;
	/*min-width: 350px;*/
}	

/* END PANELBORDER.JSPX */

/* SELECTINPUTDATE.JSPX */
.weekend a {
    background-color: #999999;
}

.weekend a span {
    color: white;
}

.august span {
    font-weight: bold;
}

/* END SELECTINPUTDATE.JSPX */

/* GMAP.JSPX */
.iceGmpMapTd div.gmap {
    width: 545px;
    height: 350px;
    border: 3px inset #555555;
}

/* END GMAP.JSPX */

/* PANELPOPUP.JSPX */

/* END PANELPOPUP.JSPX */

/* START PANELPOSITIONABLE */

.positionPanelContainer{
    /*border: 1px solid #d9d9d9;    */
}
.rankPanelContainer  span, .rankPanelContainer  span{
    font-weight: normal;
}

.positionPanelContainer div.container{
    background: #FFF url( '../xmlhttp/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    color: #484848;
    padding-left: 5px;
    font-weight: normal;
    width: 125px;
    border: 1px solid #d9d9d9;
}

.positionPanelContainer div.moveLabel{
    background: url( '../images/move_arrows.gif' ) no-repeat center left;
    padding: 6px 0 0 25px;
    height: 20px;
}
.rankPanelContainer div{
    padding: 6px 0 0 5px;
    border: 1px solid white;
    height: 20px;
}


/* END PANELPOSITIONABLE */

/* START PANEL TABSET  */
.tabsetControls div{
    float: left;
    margin-left: 3px;
    vertical-align: middle;
}
.tabsetControls div div{
    float: left;
    margin: 3px;
    vertical-align: middle;
}
/* END PANEL TABSET  */

/* START PANEL STACK  */
.panelStackContainer table.icePnlStk {
    width:100%;
}
.stackExamplePanel table{
    width:100%;
    padding:0;
    margin:0;
    background-color: #F5F5F5;
    border-left: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
}
.stackExamplePanel table td{
    padding: 25px;
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}
.stackExamplePanel span{
    font-weight: bold;
}
.stackExamplePanel a span{
    font-weight: normal;
}
/* END PANEL STACK  */

/* START PANEL TOOLTIP  */
.panelToolTipInvnItem{
    float:left;
    margin: 8px;
    border: 1px solid #DADADA;
    text-align: center;
}
/* END PANEL TOOLTIP  */

/* START OUTPUT PROGRESS */
.uploadProgressBar .iceOutProg, .uploadProgressBar .iceOutProgBg, .uploadProgressBar {
    width: 350px;
}
/* END OUTPUT PROGRESS */

/* START CONNECTION STATUS   */
.connectionStatusGraphics{
    width:100%;
}
.connectionStatusGraphics span{
    font-weight:bold;
}
.connectionStatusGraphics td{
    text-align: center;
    vertical-align: middle;

}
/* END CONNECTION STATUS   */

/* START TREE */
.selectedNodetrue span{
    font-weight:bold;
}
.iceTree a:hover .iceOutTxt {
    color: #318496;
}
/* END TREE */

/* Chart example */
.chartConfigurationContainer div.firstChildTitle > label:first-child{
    margin-bottom: 5px;
    display:block;
}
/* end chart example*/

/* media example */
.mediaSelection {

}
.mediaSelection  table{
  width: 250px;
}

.propagandaPortletClima{
	color: red;
	margin-bottom: 5px;
}
/* end media exmaple*/