#header{   
    width:860px;   
    height:25px; 
    background-color:black;
	color:white;
	padding: 15px 0px 10px 0px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size:12px;

}
#title {   
	margin-left: 10px;
	margin-right: 20px;
    float:left;  

}
.fromto {
	color:white;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
    float:left;  

	
}

label { float: left; width: 40px; margin-right: 1px; }

.data {
    width:120px; 
    height:15px;    
    float:left;  
	color:black;
	font-size: 12px;
	text-align: center;
	margin-right: 10px;
	font-family: 'Roboto', sans-serif;


}

.databutt {
    width:70px; 
    height:20px;    
    float:left;  
	color:black;
	font-size: 12px;
	text-align: center;
	margin-left: 100px;
	font-family: 'Roboto', sans-serif;
	

}


#deptos {   
    width:43px; 
    height:20px;    
    float:left;  
	color:black;
	font-size: 14px;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;

	
	

}



 #conteudo{   
    width:860px; 
    height:500px;
	font-family: 'Roboto', sans-serif;
	background-color:#eceff1;

    
}  
#conteudo-left{
    width:250px; 
    height:500px;
    float:left;  
	background-color:black;
	color:white;
	font-size:12px;


	
    
}
#conteudo-right{   
    width:500px; 
    height:500px;    
    float:left;  
	background-color:#eceff1;
	color:black;
	font-size:12px;
	


    
}
#incoming{   
    width:430px; 
    height:150px;    
    float:right;
    background-color:white;
	color:black;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	
    

}
#outbound{   
    width:430px; 
    height:150px;    
    float:right;  
    background-color:white;
	color:black;
	font-size: 14px;
	text-align: center;
    font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;

}

#painel{   
    width:430px; 
    height:100px;    
    float:right;  
    background-color:#eceff1;
	color:black;
	font-size: 14px;
	text-align: center;

}

div.title-bgr {
    background-color:#78909C;
	color:white;
	font-size: 18px;
	text-align: center;
}
div.title-bgr2 {
    background-color:#9B798F;
	color:white;
	font-size: 18px;
	text-align: center;
}


#totalcalls{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	
	

}
#successful{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

	

}
#avgcalltime{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

}
#nextcallwait{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	


}
#lost{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

}

#servicelevel{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	
	

}


#totalcallsout{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

}
#avgcalltimeout{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

}

#successfulout{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

}

#lostout{   
    width:215px; 
    height:25px;    
    float:left;
}

#servicelevelout{   
    width:215px; 
    height:25px;    
    float:left;	

}

#lista{   
    width:860px; 
	clear: both;
	font-family: 'Roboto', sans-serif;
	font-size:10px;

}

#tba{   
    width:860px; 
	clear: both;
	font-family: 'Roboto', sans-serif;
	font-size:10px;

}



