/* 

    Document   : clipping

    Created on : 09/11/2011, 10:14:22

    Author     : Bruno Eduardo

    Description:

        Purpose of the stylesheet follows.

*/



/* 

   TODO customize this sample style

   Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/





.mes-marcado a
{
color: #ff0000;
}
#content-area .calendario_barra_mes .barra {
    height: 30px;
}
.middle .calendario_barra_mes .barra {
	width:100%;	
	/*padding: 10px 0;*/
	position:relative;
	z-index:9999;
	margin-top:5px;
    margin-bottom: 10px !important;
  	height:60px !important;


}

.calendario_barra_mes .barra .barra-meses{

	

}



.calendario_barra_mes .barra .barra-mes{
	float:left;
	padding: 0 10px 0 10px;

}







/*PAGINA CLIPPING*/



.calendario_barra_mes{
float:left;
background-color:none !important;

}


.calendario_barra_mes .barra-ano{
float:left;
width:110px;
height:21px;
margin-right:5px;
background-color:#26408B !important;
text-align:center;
color:#FFFFFF;
padding-top:4px;
font-family:AvantGardeBkBTBook,Verdana,Arial,Helvetica,sans-serif;

}





.calendario_barra_mes .barra-meses{
float:left;
width:564px;
height:21px;
padding-top:4px;
background-color:#009FCE;

}


.calendario_barra_mes .barra-mes {
background: url("images/barra_mes.jpg");
background-repeat:no-repeat;
background-position:left;
padding-left:14px !important;
padding-right:7px !important;
font-size:14px;
font-family:AvantGardeBkBTBook,Verdana,Arial,Helvetica,sans-serif;
}

.calendario_barra_mes .barra-mes.mes-1 {
background-image:none !important;
}


.calendario_barra_mes .barra-mes a {
color:#FFFFFF;

}



.calendario_barra_mes .barra-mes.mes-marcado a {
color:#27408B;

}



.calendario_barra_mes .view-content.accordion-active{
	border:none;
}

.canal-institucional .calendario_barra_mes .accordion-header-active{
	/*width:626px !important;
	height:14px;
	margin-top:25px;
	padding-left:45px !important;
    padding-top:4px;
    
	*/
	color:#FFF !important;
	background: url("images/acordeon_clipping.jpg")!important;
    background-repeat:no-repeat;
	border:none !important;
	text-transform:uppercase;
    

}


.calendario_barra_mes .accordion-header{
	/*width:626px !important;
	height:14px;
	margin-top:25px;
	padding-left:45px !important;
    padding-top:4px;
    
	*/
	color:#FFF !important;
	background: url("images/acordeon_clipping.jpg")!important;
    background-repeat:no-repeat;
	border:none !important;
	text-transform:uppercase;
    

}


.section-clipping .calendario_barra_mes .accordion-header .item-list-icone{
	background-image:none !important;
}

 

.calendario_barra_mes .accordion-header-active {
	/*width:626px !important;
	height:14px;
	margin-top:25px;
	color:#FFF;
	
    padding-left:45px !important;
    padding-top:4px;*/

	background: url("images/acordeon_clipping_ativo.jpg")!important;
    background-repeat:no-repeat;
	border:none !important;
	color: #273F8B !important;

}



.calendario_barra_mes .views-accordion-item  .views-field-title-1{
font-size:12px;	
margin-left:15px;
background: url("images/seta_marcador.png");
background-repeat:no-repeat;
background-position:0 4px;
padding-left:15px;
color:#27408B;

}



.calendario_barra_mes .views-accordion-item  .views-field-title-1 a{
color:#27408B !important;
}



.calendario_barra_mes .paginador{
	background-color:#87CDFE;
	text-align:center;
    font-size: 10px;
    font-weight: bold;
	clear:both;
	margin-bottom:10px;
	color:#F00;
}



/*.calendario_barra_mes .paginador div{
border-top:2px solid #FFF;

}*/


.calendario_barra_mes .paginador a{
color:#FFF;
	
}


/*pagina detelhe*/


.node-type-clipping-detalhe .calendario-barra-tooltip{
	float:left;
	width:684px;	
	
}

/*para funcionar bem, no IE*/
.section-clipping .views-accordion h3.accordion-header{
	width:684px !important;	
	clear:both !important;
}

.section-clipping .views-accordion .accordion-content{
		width:684px !important;	
	clear:both !important;
}
/*Final para funcionar bem, no IE*/



.node-type-clipping-detalhe .calendario_barra_mes .barra-mes.mes-marcado a {
    color: #27408B;
}

.node-type-clipping-detalhe .calendario_barra_mes .calendario_barra_dia .barra-dia.dia-marcado a {
    color: #27408B;
}

.calendario-barra-tooltip .titulo-calendario-barra-ano{
	float:left;
	width:110px;
	height:20px;
	background-color:#273F8B;
	color:#FFF;
	margin-right:10px;
	padding-top:5px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family:AvantGardeBkBTBook,Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	
}
.calendario-barra-tooltip .calendario-barra-ano-botao .tooltip{
	margin-left:0px;
	position:relative;
	z-index:9999;
}

.calendario-barra-tooltip .calendario-barra-mes-botao .titulo-calendario-barra-hidden{
	float:left;
	width:110px;
	height:20px;
	background-color:#009ACC;
	color:#FFF;
	margin-right:10px;
	padding-top:5px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family:AvantGardeBkBTBook,Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
}

.calendario-barra-tooltip .calendario-barra-mes-botao .tooltip{
	margin-left:120px;
	position:relative;
	z-index:9999;
}


.calendario-barra-tooltip .calendario-barra-dia-botao .titulo-calendario-barra-dia{
	float:left;
	width:200px;
	height:20px;
	background-color:#87CDFE;
	color:#FFF;
	margin-right:10px;	
	padding-top:5px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family:AvantGardeBkBTBook,Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
}


.calendario-barra-tooltip .calendario-barra-dia-botao .tooltip{
	margin-left:240px;
	position:relative;
	z-index:999;
}

.calendario-barra-tooltip .tooltip .calendario_barra_mes{
	float:left;
	margin-left:60px;
	margin-top:11px;
}
.calendario-barra-tooltip .tooltip .calendario_barra_mes .calendario_barra_ano{
	background-color: #273F8B;
    float: left;
    font-weight: normal;
    padding-left: 41px;
	font-family:AvantGardeBkBTBook,Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	width:181px !important;
}

.calendario-barra-tooltip .tooltip .calendario_barra_mes .barra-ano{
background: url("images/barra_ano.jpg");
background-repeat:no-repeat;
background-position:left;
width:38px;
background-color:#273F8B !important;
text-align:right;
padding-left:13px;
padding-top:6px;
height:20px;
}

.calendario-barra-tooltip .tooltip .calendario_barra_mes .barra-ano.primeiro{
background-image:none !important;
margin-left:-20px;
}


.calendario-barra-tooltip .tooltip .calendario_barra_mes .barra-ano a{
color:#FFF;
}

.calendario-barra-tooltip .tooltip .calendario_barra_mes .barra-mes{
font-weight:normal;
padding-right:7px !important;
padding-left:16px !important;
font-size:14px;
font-family:AvantGardeBkBTBook,Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;


}

.calendario-barra-tooltip .tooltip .calendario_barra_mes .calendario_barra_dia {
width:450px;
/*position:relative;
z-index:99999;*/

}
.calendario-barra-dia-botao .calendario_barra_mes .barra{
	width:444px;
	background-color:#87CDFE;
}


.calendario-barra-tooltip .tooltip .calendario_barra_mes .calendario_barra_dia .barra-dia{
  background: url("images/barra_data.jpg") no-repeat scroll left top #87CDFE;
    float: left;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-left: 9px;
    padding-right: 1px;
    text-align: center;
    width: 16px;

}

.calendario-barra-tooltip .tooltip .calendario_barra_mes .calendario_barra_dia .barra-dia.barra-dia-1{
  background-image:none !important;
    

}

.calendario-barra-tooltip .tooltip .calendario_barra_mes .calendario_barra_dia .barra-dia.barra-dia-18{
  background-image:none !important;
    

}

.calendario-barra-tooltip .tooltip .calendario_barra_mes .calendario_barra_dia .barra-dia a{
color:#FFF;
}
.calendario-barra-tooltip .tooltip .calendario_barra_mes .calendario_barra_dia .barra-dia a:hover {
    color: #273F8B;
    text-decoration: none;
}

.calendario-barra-tooltip .tooltip{
opacity:1 !important;	
}

.node-full.node-type-clipping-detalhe .field-type-number-integer{
float:left;
width:684px;	

}





.node-full.node-type-clipping-detalhe .fieldgroup{
	float:left;
	
}


.node-full.node-type-clipping-detalhe .fieldgroup.collapsible.collapsed{
	background: url("images/collapsed_ativo.jpg") no-repeat;	
	border-top:none;
   border-left:none;


	
}

.node-full.node-type-clipping-detalhe .fieldgroup.collapsible {
    width: 684px;
	background: url("images/collapsed.jpg") no-repeat;
	border-top:none;

	background-color:#E0EEEE;
padding:0;
	border:none;
	border-bottom:2px solid #87CDFE;
}

.node-full.node-type-clipping-detalhe .fieldgroup.collapsible legend {
  margin-top:3px;
float:left;
float:left;

}

.node-full.node-type-clipping-detalhe .fieldgroup.collapsible legend a {
	
color:#273F8B;
}

.node-full.node-type-clipping-detalhe .fieldgroup .fieldset-wrapper{
    float:left;	
    margin-top:6px;
}











/*
.node-full.node-type-clipping-detalhe .group-clipping-tv.collapsible.collapsed{
        width: 675px;
	background: url("images/collapsed_ativo.jpg") no-repeat;	
	border-top:none;
        border-left:none;
	padding:0;
	height:23px;
	padding-left:5px;
	
}

.node-full.node-type-clipping-detalhe .group-clipping-tv.collapsible {
        width: 675px;
	background: url("images/collapsed.jpg") no-repeat;
	border-top:none;
	padding:0;
	background-color:#E0EEEE;
	padding-left:5px;
	border:none;
	border-bottom:2px solid #87CDFE;
}

.node-full.node-type-clipping-detalhe .group-clipping-tv.collapsible legend {
        margin-top:3px;
        float:left;
        width:675px;
        float:left;

}

.node-full.node-type-clipping-detalhe .group-clipping-tv.collapsible legend a {
        background-image: none !important;
        color:#273F8B;	

}

.node-full.node-type-clipping-detalhe .group-clipping-tv.collapsible .fieldset-wrapper{
        float:left;	
        margin-top:6px;
}



*/





/*

.node-full.node-type-clipping-detalhe .group-clipping-radio{
	float:left;
	
}

.node-full.node-type-clipping-detalhe .group-clipping-radio.collapsible.collapsed{
	background: url("images/collapsed_ativo.jpg") no-repeat;	
	border-top:none;
   border-left:none;


	
}

.node-full.node-type-clipping-detalhe .group-clipping-radio.collapsible {
    width: 684px;
	background: url("images/collapsed.jpg") no-repeat;
	border-top:none;

	background-color:#E0EEEE;
padding:0;
	border:none;
	border-bottom:2px solid #87CDFE;
}

.node-full.node-type-clipping-detalhe .group-clipping-radio.collapsible legend {
  margin-top:3px;
float:left;
float:left;

}

.node-full.node-type-clipping-detalhe .group-clipping-radio.collapsible legend a {
	
color:#273F8B;
}

.node-full.node-type-clipping-detalhe .group-clipping-radio .fieldset-wrapper{
    float:left;	
    margin-top:6px;
}
*/






/*
.node-full.node-type-clipping-detalhe .group-clipping-internet{
	float:left;
	
}*/

/*.node-full.node-type-clipping-detalhe .group-clipping-internet.collapsible.collapsed{

	background: url("images/collapsed_ativo.jpg") no-repeat;	
	border-top:none;
   border-left:none;
	padding:0;
	height:23px;
	padding-left:5px;
	 width: 675px;
	
}*/


.node-full.node-type-clipping-detalhe .group-clipping-internet.collapsible {
    width: 684px;
	background: url("images/collapsed.jpg") no-repeat;
	border-top:none;
	padding:0;
	background-color:#E0EEEE;
		border:none;
	border-bottom:2px solid #87CDFE;
}

.node-full.node-type-clipping-detalhe .group-clipping-internet.collapsible legend {
  margin-top:3px;
float:left;
float:left;

}

.node-full.node-type-clipping-detalhe .group-clipping-internet.collapsible legend a {
/*background-image: none !important;*/	
color:#273F8B;

}



.node-type-clipping-detalhe .group-clipping-internet .fieldset-wrapper{
padding-left:5px;	
}

.node-type-clipping-detalhe .group-clipping-tv .fieldset-wrapper{
float:left;	
margin-top:6px;
}

.node-type-clipping-detalhe .group-clipping-radio .fieldset-wrapper{
float:left;	
margin-top:6px;
padding-left:15px;
}




/******************************* BARA DE CALENDÁRIO NO FULL NODE *****************************************/

div.calendario-barra-hidden{

   /* float: left;

    position:relative;

    z-index:24;*/

	float:left;
	height:25px;
	margin-bottom:10px;
	

}



div.calendario-barra-hidden span{

	display: none;

}



/*background:; ie hack, something must be changed in a for ie to execute it*/

div.calendario-barra-hidden:hover{

	z-index:999;

	color: #aaaaff;

	

}



div.calendario-barra-hidden:hover span.tooltip{

	display:block;

	position:absolute;

	/*top:-10px;*/

	left:-60px;

	/*width:168px;*/

	font-family:ubuntu;

	font-weight:bold;

	font-size:12px;

	color: #333333;

	text-align: center;

	text-decoration:none;

	*filter: alpha(opacity:90);

	*KHTML0pacity: 0.90;

	*MozOpacity: 0.90;

	opacity: 0.90;

}



div.calendario-barra-hidden:hover span.top{

	display:block;

        background-image: url('images/background_balao_top.png');

	background-repeat:no-repeat;

	background-position:top;

	/*width:168px;*/

	padding-top:9px;

}



div.calendario-barra-hidden:hover span.middle{

	display:block;

        background-image: url('images/background_balao_middle.png');

	background-repeat:repeat-y;

/*	width:168px;*/

}



div.calendario-barra-hidden:hover span.bottom{

	display:block;

        background-image: url('images/background_balao_bottom.png');

	background-repeat:no-repeat;

	background-position:bottom;

/*	width:168px;*/

	padding-bottom:19px;

}





/**************************** Ano *****************************************/



div.calendario-barra-ano-botao{

   /* float: left;

    position:relative;

    z-index:24;*/
	float:left;
	height:25px;
	margin-bottom:10px;

}



div.calendario-barra-ano-botao span{

	display: none;

}



/*background:; ie hack, something must be changed in a for ie to execute it*/

div.calendario-barra-ano-botao:hover{

	z-index:999;

	color: #aaaaff;



}



div.calendario-barra-ano-botao:hover span.tooltip{

	display:block;

	position:absolute;

	/*top:-10px;*/

	left:-60px;

	/*width:168px;*/

	font-family:ubuntu;

	font-weight:bold;

	font-size:12px;

	color: #333333;

	text-align: center;

	text-decoration:none;

	*filter: alpha(opacity:90);

	*KHTML0pacity: 0.90;

	*MozOpacity: 0.90;

	opacity: 0.90;

}



div.calendario-barra-ano-botao:hover span.top{

	display:block;

        background-image: url('images/background_balao_top.png');

	background-repeat:no-repeat;

	background-position:top;

	/*width:168px;*/

	padding-top:9px;

}



div.calendario-barra-ano-botao:hover span.middle{

	display:block;

        background-image: url('images/background_balao_middle.png');

	background-repeat:repeat-y;

	/*width:168px;*/

}



div.calendario-barra-ano-botao:hover span.bottom{

	display:block;

        background-image: url('images/background_balao_bottom.png');

	background-repeat:no-repeat;

	background-position:bottom;

	/*width:168px;*/

	padding-bottom:19px;

}



.single_link_bar {
    border-bottom: 2px solid #27408B !important;
    color: #27408B;
    padding: 4px 0 0 0;
    background: url("../../../themes/educacao/images/acordeon_seta_icone.png") #87CEFF !important;
    background-position: 1px 5px !important;
    background-repeat: no-repeat !important;
    width: 669px;
    height: 22px;
    padding-left: 15px;
    display: block;
    clear: both;
}
.calendario_barra_mes .paginador {
    background: none;
    height: 50px;
}
.calendario_barra_mes .paginador div {
    width: 150px;
    background: red;
    padding: 5px; 
    background: #87CDFE;
    height: 20px;
    float: left;
}
.calendario_barra_mes .paginador div.pag_prev a{
    background: url("images/seta_clipping_anterior.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    display: block;
    width: 100%;
    height: 20px;
}
.calendario_barra_mes .paginador div.pag_next {
    margin-left: 362px;
}
.calendario_barra_mes .paginador div.pag_next a{
    background: url("images/seta_clipping_posterior.png") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    display: block;
    width: 100%;
    height: 20px;
}