/********************************/
/* Generali */
/********************************/
body{
	font-family: Arial, sans-serif;
	font-size:14pt;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
}

/********************************/
/* Contenitori */
/********************************/

#page_container{
	width: 960px;
	margin: 0 auto;
}

/********************************/
/* Titolo della pagina */
/********************************/

#page_title{
	float:left;
	margin:20px 0 0px 0;
	padding-left:35px;
	font-size:24pt;
	background-image: url('images/check.png');
	background-repeat:no-repeat;
}

/********************************/
/* Sender */
/********************************/

#sender{
	float:right;
	margin: 30px 0 10px 0;
	font-size:14pt;
}
#sender_tag{
	color:#ccc;
	font-size:12px;
}
#sender_name{
	font-weight:bold;
}

/********************************/
/* Barra di navigazione */
/********************************/

#link_bar{
	clear:both;
	margin:10px 0 20px 0 ;
	padding:3px;
	font-size:12pt;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align:right;
	background-color: #eee;
}
#link_bar a{
	color: black;
	margin-right:5px;
}
#link_bar a:hover{
	color: grey;
}

/********************************/
/* Breadcrumb */
/********************************/
#breadcrumb{
	clear:both;
	margin: -43px 0 0 10px;
	color:#666;
	font-size:12pt;
}
#breadcrumb a{
	color: black;
	margin-right:5px;
}
#breadcrumb a:hover{
	color: grey;
}

/********************************/
/* Periodo */
/********************************/

#Periodo{
/* --- */;
}
#Periodo_tag{
	float:left;
}
#Periodo_select{
	float:left;
	margin-left:10px;
}
select.Periodo_select{
	float:left;
	font-size:14pt;
}
input.Periodo_submit, input.Periodo_download{
	float:left;
	font-size:12pt;
	margin-left:10px;
}

/********************************/
/* Ricerca */
/********************************/

#Ricerca{
	float:right;
	margin-bottom:10px;
}
#Ricerca_tag{
	float:left;
}
#Periodo_select{
	float:left;
	margin-left:10px;
}
input.Ricerca_text{
	float:left;
	font-size:14pt;
	margin-left:10px;
}
input.Ricerca_submit{
	float:left;
	font-size:12pt;
	margin-left:10px;
}

/********************************/
/* Help */
/********************************/
#help{
	clear:both;
	margin-top:10px;
	color:#555;
}


/********************************/
/* Status labels */
/********************************/
#Labels{
	clear:both;
	margin-top:10px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	font-size:14px;
	color:#555;
	height:20px;
}
#Labels_Status{
	float:left;
}

#Labels_Id{
	float:left;
	margin-left:20px;
}

#Labels_Created{
	float:left;
	margin-left:22px;
}


#Labels_Details{
	float:left;
	margin-left:40px;
}

#Labels_Doc{
	float:right;
}

/********************************/
/* Status */
/********************************/
.status{
    clear:both;
    margin: 10px 0 0 0;
    border-bottom: 1px dotted #ccc;
}
.status_icon{
	float:left;
	margin: 5px 10px 0 0;
	width:40px;
}
.status_icon img{
	border:0;
}
.status_msgid{
	float:left;
	margin: 10px 5px 0 0;
	font-size:12px;
	height:30px;
}
.status_date{
	float:left;
	margin: 10px 0 0 10px;
	font-size:14px;
	width:50px;
}
.status_detail{
	float:left;
	margin: 0 0 0 40px;
}

.status_brdetail{
	float:left;
	margin: 0 0 0 40px;
}

.status_subject{
	float:left;
	font-size:14pt;
	width:700px;
	margin:5px 0 5px 0;
	text-align:left;
}
.status_destination{
	clear:both;
    width: 20%;
	float:left;
	font-size:16px;
}
.dest_tag{
}
.dest_number{
	font-weight:bold;
}
.status_ok{
	float:left;
    width: 20%;
	font-size:16px;
	/* color:#ceb; */
}
.ok_tag{
}
.ok_number{
	font-weight:bold;
}

.status_awc{
	float:left;
    width: 20%;
	font-size:16px;
	/* color:#ceb; */
}
.awc_tag{
}
.awc_number{
	font-weight:bold;
}

.status_ko{
	float:left;
    width: 20%;
	/*color:#caa; */
	font-size:16px;
}
.ko_tag{
}
.ko_number{
	font-weight:bold;
}
.status_whereweare{
	float:left;
    width: 20%;
	font-size:16px;
}
.status_docs{
	float:right;
	margin-top:5px;
}
.status_docs img{
	border:0;
}
.status_to{
	clear:both;
	text-align:left;
}
.dest_to{
	font-size:14px;
}
.status_cc1{
	clear:both;
}
.dest_cc1{
	font-size:14px;
}
.dest_content{
	font-size:20px;
	color:#555;
}

/********************************/
/* Paging */
/********************************/
#paging{
	clear:both;
	font-size:15px;
	border-radius: 7px;
	background-color:#eee;
	width:340px;
	margin:80px auto 10px auto;
	padding:5px;
	text-align:center;
}
#paging strong{
	margin-right:5px;
	color:black;
	font-size:20px;
	font-weight:bold;
}
#paging a{
	text-decoration:none;
	margin-right:5px;
	color:black;
}
#paging a:hover{
	text-decoration:underline;
	color:grey;
	font-size:20px;
}

/********************************/
/* Paging per dettaglio circolari */
/********************************/
#br_paging{
	clear:both;
	font-size:15px;
	border-radius: 7px;
	background-color:#eee;
	width:340px;
	margin:30px auto 10px auto;
	padding:5px;
	text-align:center;
}

#br_paging strong{
	margin-right:5px;
	color:black;
	font-size:20px;
	font-weight:bold;
}
#br_paging a{
	text-decoration:none;
	margin-right:5px;
	color:black;
}
#br_paging a:hover{
	text-decoration:underline;
	color:grey;
	font-size:20px;
}

/********************************/
/* Login */
/********************************/
#login_container{
	margin: 30px auto;
	border: 2px solid #ddd;
	width: 380px;
	padding:10px;
	border-radius:10px;
}
#login_container a{
	color:black;
}
#login_container a:hover{
	color:grey;
}
#login_title{
	float:left;
	margin:5px 0 0px 0;
	padding-left:35px;
	font-size:24pt;
	background-image: url('images/check.png');
	background-repeat:no-repeat;
}
#login_language{
	float:right;
	font-size: 10pt;
}
#login_error{
	clear:both;
	font-size: 14pt;
	font-weight:bold;
	text-align:center;
}
#login_param{
	clear:both;
	font-size: 14pt;
	margin: 50px 0 0 0 ;
}

#Email input {
        width: 360px;
}

#Password input {
        width: 360px;
}


/*
* Auth.asp
*/

#auth_container{
	margin: 30px auto;
	border: 2px solid #ddd;
	width: 380px;
	padding:10px;
	border-radius:10px;
}
#auth_container a{
	color:black;
}
#auth_container a:hover{
	color:grey;
}
#auth_title{
	float:left;
	margin:5px 0 0px 0;
	padding-left:35px;
	font-size:24pt;
	background-image: url('images/check.png');
	background-repeat:no-repeat;
}
#auth_language{
	float:right;
	font-size: 10pt;
}
#auth_error{
	clear:both;
	font-size: 14pt;
	font-weight:bold;
	text-align:center;
}
#auth_param{
	clear:both;
	font-size: 14pt;
	margin: 50px 0 0 0 ;
}

/*
* resendpsw.asp
*/

#resendpw_container{
	margin: 30px auto;
	border: 2px solid #ddd;
	width: 380px;
	padding:10px;
	border-radius:10px;
}
#resendpw_container a{
	color:black;
}
#resendpw_container a:hover{
	color:grey;
}
#resendpw_title{
	float:left;
	margin:5px 0 0px 0;
	padding-left:35px;
	font-size:24pt;
	background-image: url('images/check.png');
	background-repeat:no-repeat;
}
#resendpw_language{
	float:right;
	font-size: 10pt;
}
#resendpw_error{
	clear:both;
	font-size: 14pt;
	font-weight:bold;
	text-align:center;
}
#resendpw_param{
	clear:both;
	font-size: 14pt;
	margin: 50px 0 0 0 ;
}

#Email,#Password   {
	font-size: 10pt;
	color:#555;
}
#Email input{
	font-size: 14pt;
	padding:5px;
}
#Password input{
	font-size: 14pt;
	padding:5px;
}
#Submit {
	margin: 10px auto;
	text-align:center;
}
#Submit input{
	font-size: 14pt;
	padding:5px;
}
#NewUser{
	clear:both;
	font-size: 10pt;
	margin-top:10px;
}
#Recover{
	clear:both;
	font-size: 10pt;
}

/********************************/
/* Details */
/********************************/

/* Subject */
/********************************/
#det_subject{
	font-size:10pt;
	margin:20px 0 0 0;
	color:grey;
}
#det_subject div{
	font-size:20pt;
	color:black;

}
/* Type */
/********************************/
#det_type{
	font-size:10pt;
	margin:-30px 0 0 0;
	color:grey;
	clear:both;
	float:left;
}
#det_type div{
	font-size:20pt;
	color:black;
	border-radius: 5px;
	border: 1px solid grey;
	padding:5px;
	width:130px;
}
/* Status */
/********************************/
#det_status{
	font-size:10pt;
	margin:10px 0 0 0;
	clear:both;
	color:grey;
}
#det_status div{
	font-size:20pt;
	color:black;
}
/* Id */
/********************************/
#det_id{
	clear:both;
	float:left;
	font-size:10pt;
	margin:20px 0 0 0;
	color:grey;
}
#det_id div{
	font-size:14pt;
	color:black;
}
/* Destination */
/********************************/
#det_des{
	float:left;
	font-size:10pt;
	margin:20px 0 0 85px;
	color:grey;
}
#det_des div{
	font-size:20pt;
	color:black;
	border-radius: 5px;
	border: 1px solid grey;
	padding:5px;
	width:760px;
}
/* Code1 */
/********************************/
#det_code1{
	clear:both;
	font-size:10pt;
	margin:10px 0 0 0;
	color:grey;
}
#det_code1 div{
	font-size:16pt;
	color:#555;
}
/* Code2 */
/********************************/
#det_code2{
	clear:both;
	font-size:10pt;
	margin:10px 0 0 0;
	color:grey;
}
#det_code2 div{
	font-size:16pt;
	color:#555;
}
/* Date */
/********************************/
#det_date{
	font-size:10pt;
	margin:-30px 0 0 33px;
	float:left;
	color:grey;
}
#det_date div{
	font-size:20pt;
	color:black;
	border-radius: 5px;
	border: 1px solid grey;
	padding:5px;
}
/* Pages */
/********************************/
#det_pages{
	font-size:10pt;
	margin:-30px 0 0 80px;
	float:left;
	color:grey;
	text-align:center;
}
#det_pages div{
	font-size:20pt;
	color:black;
	border-radius: 5px;
	border: 1px solid grey;
	padding:5px;
}
/* Status img */
/********************************/
#det_statimg{
	float:right;
	margin-top:-30px;
}
#det_statimg img{
	border:0;
}
/* Status description */
/********************************/
#det_description{
	clear:both;
	font-size:10pt;
	margin:10px 0 0 0;
	color:grey;
}
#det_description div{
	font-size:20pt;
	color:black;
}
/* Docs */
/********************************/
#det_documents{
	float:left;
	font-size:10pt;
	margin:-30px 0 0 80px;
	color:grey;
}
#det_documents img{
	border:0;
	width:30px;
}
/* Resend */
/********************************/
#det_resend{
	clear:both;
	font-size:16pt;
	margin:40px auto 10px auto;
	text-align:center;
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	padding: 10px;
	
}
#det_resend input{
	padding:3px;
	text-align:center;
	font-size:16pt;
	color:#555;
}

/********************************/
/* Documents*/
/********************************/

/* Labels */
/********************************/
#docLabels{
	clear:both;
	margin:20px 0 0 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	height:30px;
}
#docLabels_id{
	float:left;
}
#docLabels_size{
	float:left;
	margin:0 0 0 60px;
}
#docLabels_name{
	float:left;
	margin:0 0 0 60px;
}
/* Subject */
/********************************/
#doc_subject{
	font-size:10pt;
	margin:20px 0 0 0;
	color:grey;
}
#doc_subject div{
	font-size:20pt;
	color:#555;
}
/* Id */
/********************************/
.doc_Id {
	clear:both;
	float:left;
	font-size:14pt;
	color:#555;
	margin:5px 0 0 20px;
	text-align:right;
}
.doc_Size {
	float:left;
	font-size:14pt;
	color:#555;
	margin:0 0 0 85px;
	text-align:right;
	width:70px;
}
.doc_Name {
	float:left;
	font-size:16pt;
	color:#555;
	margin:0 0 0 60px;
}
.doc_Name a{
	color:black;
}
.doc_Name a:hover{
	color:grey;
}
/********************************/
/* Broadcast */
/********************************/


/* Subject */
/********************************/
#bc_subject{
	font-size:10pt;
	margin:20px 0 0 0;
	color:grey;
}
#bc_subject div{
	font-size:18pt;
	color:#555;
}
/* Times */
/********************************/
#bc_times {
	padding:5px;
	width:220px;
	height:170px;
	margin:10px 0 0 70px;
	float:left;
}
.bc_boxtitles {
	font-size:12pt;
	color:#555;
	font-weight:bold;
}
#bc_times .bc_labels {
	clear:both;
	float:left;
	font-size:12pt;
	color:#666;
	width:80px;
}
#bc_times .bc_date{
	float:left;
	font-size:12pt;
}
#bc_times .bc_time{
	float:right;
	font-size:12pt;
	margin-left:5px;
}
/* Elapse */
/********************************/
#bc_elapse {
	float:right;
	padding:5px;
	width:180px;
	height:90px;
	margin:10px 0 0 30px;
}
#bc_elapse .bc_time{
	float:right;
	font-size:12pt;
	margin-left:40px;
}
#bc_elapse .bc_labels {
	clear:both;
	float:left;
	font-size:12pt;
	color:#666;
}
/* Destination */
/********************************/
#bc_dest {
	float:left;
	border-radius:10px;
	border:1px solid #ccc;
	padding:5px;
	width:260px;
	height:340px;
	margin:0 0 0 29px;
}
#bc_dest  .bc_boxtitles{
	margin:0 0 10px 0;
}
#bc_dest .bc_labels {
	clear:both;
	float:left;
	font-size:14pt;
	color:#666;
	width:80px;
	margin-top:5px;
	border-radius:5px;
	border:1px solid #aaa;
}
#bc_dest .bc_number {
	float:left;
	font-size:16pt;
	color:black;
	margin-top:5px;
	width:80px;
	text-align:right;
	border-radius:5px;
	background-color:#eee;
	border:1px solid #aaa;
	margin-left:5px;
}
#bc_dest .bc_perc {
	float:left;
	font-size:16pt;
	color:#666;
	width:80px;
	margin-top:5px;
	text-align:right;
	border-radius:5px;
	border:1px solid #aaa;
	margin-left:5px;
}

/* Ko Report */
/********************************/
#bc_korep{
	float:right;
	border-radius:10px;
	border:1px solid #ccc;
	padding:5px;
	width:346px;
	height:340px;
	margin:0 0 0 10px;
}
#bc_korep  .bc_boxtitles{
	margin:0 0 10px 0;
}
#bc_korep .bc_labels {
	clear:both;
	float:left;
	font-size:14pt;
	color:#666;
	width:167px;
	margin-top:5px;
	border-radius:5px;
	border:1px solid #aaa;
}
#bc_korep .bc_number {
	float:left;
	font-size:16pt;
	color:black;
	margin-top:5px;
	width:80px;
	text-align:right;
	border-radius:5px;
	background-color:#eee;
	border:1px solid #aaa;
	margin-left:5px;
}
#bc_korep .bc_perc {
	float:left;
	font-size:16pt;
	color:#666;
	width:80px;
	margin-top:5px;
	text-align:right;
	border-radius:5px;
	border:1px solid #aaa;
	margin-left:5px;
}
/* Progress bar */
/********************************/
#bc_bar{
	padding:5px;
	width:300px;
	height:170px;
	float:left;
	margin:10px 0 0 10px;
}
#bc_bar .bc_boxtitles {
	font-size:12pt;
	color:#555;
	font-weight:bold;
	margin-bottom:20px;
}
#bc_bar .bc_labels {
	clear:both;
	float:left;
	font-size:12pt;
	color:#666;
	width:80px;
}
#bc_bar .bc_perc {
	float:left;
	font-size:14pt;
	color:#666;
	width:100%;
	text-align:center;
}
/* Operations*/
/********************************/
#bc_ope{
	border-radius:10px;
	border:1px solid #ccc;
	padding:5px;
	height:80px;
	float:left;
	margin:-70px 0 20px 0;
}
#bc_ope .done{
	float:left;
	font-size:12pt;
	margin:10px 30px 0 0;
	padding-left:25px;
	background-image: url('images/smallcheckOn.png');
	background-repeat:no-repeat;
}
#bc_ope .todo{
	float:left;
	font-size:12pt;
	margin:10px 30px 0 0;
	padding-left:25px;
	color:#aaa;
	background-image: url('images/smallcheckOff.png');
	background-repeat:no-repeat;
}
/* Functions*/
/********************************/
#bc_func{
	height:30px;
	clear:both;
	padding:5px;
	margin-top:10px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;

}
#bc_func .bc_boxtitles{
	float:left;
	font-size:10pt;
	margin-right:20px;
	color:#888;
}
#bc_func .bc_labels{
	float:left;
	font-size:12pt;
	height:25px;
	margin-right:20px;
	border-radius:5px;
	background-color:#eee;
	padding:2px 5px 0 5px;
	border:1px solid #ccc;
}
#bc_func a{
	color:#555;
	text-decoration:none;
}
#bc_func a:hover{
	color:grey;
	text-decoration:underline;
}
/* Graph*/
/********************************/
#bc_graph{
	border-radius:10px;
	border:1px solid #ccc;
	padding:5px;
	width:260px;
	height:340px;
	float:left;
	margin:0;
	clear:both;
}
#bc_graph .bc_boxtitles{
	float:left;
}
#bc_graph .note{
	margin-top:5px;
	border-top:1px dotted #ddd;
	font-size:10pt;
	color:#555;

}
#bc_graph select{
	font-size:12pt;
	margin: 0 0 0 15px;
}

#status_list li 
{
    display:block;
}

#status_list .left
{
    width: 20%;
    font-weight:bold;
    float: left;
}

#status_list .right
{
    float: left;
}

/* Group*/
/********************************/
#bc_group{
	min-height:100px;
	border-radius:10px;
	clear:both;
	padding:5px;
	margin-top:10px;
	border:1px solid #ccc;
}

/*********************************
    
*********************************/

#brdetails {
	margin:10px 0 10px 0;
	border-radius:10px;
	padding:10px;
	border: 1px solid #ccc;
}

#brdetails .label {
	color:grey;
	clear:both;
	float:left;
	width: 15%;
	text-align:left;
}

#brdetails .value {
    text-align: left;
}

#br_details_subject {
    width: 70%;
}

/********************************/
/* Email tracking in detail page */
/********************************/
#tracking h1{
	margin:0;
	font-size:20pt;
	font-weight:normal;
}
#tracking .theUrl{
	margin:10px 0 10px 0;
	border-radius:10px;
	padding:10px;
	border: 2px dotted #ccc;
}
#tracking .theUrlLabel, #tracking .statusLabel{
	color:grey;
	width:60px;
	clear:both;
	float:left;
}
#tracking .statusContent{
	font-size:18pt;
}
#tracking  a{
	color:black;
	text-decoration:none;
}
#tracking a:hover{
	color:grey;
	text-decoration:underline;
}

/********************************
*   Change password
********************************/

#change_passwd 
{
   margin: 100px 0 0 300px;
}

#old_passwd 
{
    width: 350px;
	height: 35px;
}

#old_passwd_label 
{
    float:left;
}

#old_passwd_content 
{
    float:right;
	font-size:12pt;
}
#old_passwd_content input
{
	font-size:12pt;
}
      
#new_passwd 
{
    clear:both; 
    width: 350px;
	height: 35px;
}

#new_passwd_label 
{
    float:left;
}

#new_passwd_content 
{
    float:right;
}
#new_passwd_content input
{
	font-size:12pt;
}
#conf_passwd 
{
    clear:both; 
    width: 350px;
}

#conf_passwd_label 
{
    float:left;
}

#conf_passwd_content 
{
    float:right;
}
#conf_passwd_content input
{
	font-size:12pt;
}
#change_passwd_submit 
{
    clear:both; 
    width: 300px;
    margin: 50px 0 0 150px;
}
#change_passwd_submit  input
{
	font-size:12pt;
}
/********************
* No messages found
********************/

#no_messages_found 
{
    margin: 60px 0 0 250px;
}
/********************
* Lista Errori
********************/
#ListaErrori {
	margin-top: 30px;
}
#ListaErrori .Riga{
	clear:both;
	margin:25px 0 25px 0;
	border-bottom: 1px dotted #ccc;
}
#ListaErrori .Err{
	clear:both;
	float:left;
	font-size: 14pt;
	width: 300px;
}
#ListaErrori .Des{
	float:left;
	font-size: 14pt;
	width: 500px;
}
#ListaErrori .Ser{
	float:right;	
	font-size: 12pt;
	border-radius:5px;
	padding:2px;
	width:20px;
	text-align:center;
	margin:0 2px 0 2px;
	background-color:#666;
	color:white;
}
#Legenda{
    clear: both;
	background-color:#eee;
	margin-top:40px;
	height:60px;
}
#Legenda .Ele{
	float:left;
	margin-left:30px;
}

#NoRecordFoundMsg 
{
    margin:20px 0 0 0;
    text-align:center;
}