html, body { margin: 0px; padding: 0px; background: #1f1f1f; }
body { font-size: 12px; font-family: Verdana, Arial, Helvetica; color: #FFF; }
img { border: 0px; }
p { margin: 0px; padding: 0px; }
a { text-decoration: none; font-weight: bold; color: blue; }

.bold { font-weight: bold; }

.coinpaper_logo_sx { float: left; width: 203px; height: 50px; }
.coinpaper_title { float: left; width: 618px; text-align: center; margin-top: 10px; }
.coinpaper_logo_dx { float: left; width: 203px; height: 72px; }

/* * * * * index * * * * */
.home_content { background: url(img/new/content_bg.png) repeat-x; width: 1024px; margin: auto; }
.puntogioco { float: left; background: url(img/new/header_bg.png) no-repeat; height: 87px; width: 204px; }
.logoPg { }
.coinpaper { float: left; width: 820px; text-align: center; }
.logoCp { }

.home_login { width: 270px; height: 150px; float: left; margin: 25px 20px 0px 20px; background: url(img/new/login_bg.png) no-repeat; }
.home_info_dx { width: 690px; height: 150px; float: left; margin-top: 25px; background: url(img/new/info_dx_bg.png) no-repeat; }
	
.home_title { text-align: center; font-weight: bold; color: #fb5b5b; font-size: 11pt; margin-top: 10px; }

.tbl_login { width: 95%; margin: auto; border-collapse: collapse; margin-top: 15px; }
.tbl_login td { padding: 2px; }
.tbl_login .user { width: 151px; height: 38px; background: url(img/new/login_user.png) no-repeat center center ; }
.tbl_login .pass { width: 151px; height: 38px; background: url(img/new/login_pass.png) no-repeat center center ; }
.tbl_login .pass input, .tbl_login .user input { margin: 10px 0px 2px 35px; width: 100px; border-style: none; padding: 2px; }
.tbl_login .submit { vertical-align: top; padding-top: 10px; padding-left: 10px; }
.login_mex { color: #C00000; font-size: 9pt; font-weight: bold; text-align: center; margin-top: 10px; }

.tbl_montepremi { width: 95%; margin: auto; border-collapse: collapse; color: #FFF; margin-top: 20px; }
.tbl_montepremi td { border-bottom: 1px solid #888787; padding: 2px; }
.tbl_montepremi .locale { font-size: 10pt; }
.tbl_montepremi .euro { font-weight: bold; font-size: 11pt; }
.tbl_montepremi .info { font-size: 8pt; font-weight: bold; }

/* box centrale macchine */
.home_macchine { height: 440px; margin-top: 10px; }

/* tabella info, dopo click su una macchina */
.tbl_info_home {  color: #000; }
.tbl_info_home img { cursor: pointer; }
.tbl_info_home .info { vertical-align: top; font-size: 10pt; padding-top: 40px; }
.tbl_info_home .info ul { margin: 0px; padding: 0px; margin-left: 15px; margin-top: 5px; }
.tbl_info_home .info ul li { margin-bottom: 8px; }

/* orari ufficio*/
.home_infoBottom { margin-bottom: 25px; /*margin-top: 20px;*/ }
.tbl_contatti_2 { border-collapse: collapse; width: 75%; margin: auto; }
.tbl_contatti_2 td { text-align: center; }
.tbl_contatti_2 .label { font-weight: bold; font-size: 13pt; color: gold; }
.tbl_contatti_2 .content { font-size: 11pt; }

/* info e contatti - footer*/
.home_footer { }
.tbl_footer { width: 95%; margin: auto; }
.tbl_footer a { color: #fb5b5b; }
.tbl_footer a:hover { color: #CCC; }




.tbl_riepilogo_bottom { border: 0px; }
.tbl_riepilogo_bottom .lb1 { width: 100px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.tbl_riepilogo_bottom .lb1 { width: 95px; }  
}  
.tbl_riepilogo_bottom .lb2 { width: 185px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.tbl_riepilogo_bottom .lb2 { width: 175px; }  
}
.tbl_riepilogo_bottom .lb3 { width: 165px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.tbl_riepilogo_bottom .lb3 { width: 155px; }
}
.tbl_riepilogo_bottom .lb4 { width: 280px; }
.tbl_riepilogo_bottom .lb4 p { margin-right: 100px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.tbl_riepilogo_bottom .lb4 { width: 270px; }
}



/* * * * * login * * * * */
.info { width: 1024px; margin: auto; height: 350px; margin-top: 550px;  }
.info_container { float: left; width: 33%; height: 480px; }
.info_box { width: 90%; margin-left: 16px; height: 480px; color: white; font-size: 10pt; overflow: auto; }
.info_box ul { margin: 0px; padding: 0px; margin-left: 20px; }
.info_box ul li { margin-bottom: 3px; }


.body_container { width: 800px; height: 800px; margin: auto; margin-top: 0px; }

.header { height: 125px; }
.header table { width: 100%; }
.header_menuSelect { width: 400px; height: 55px; padding-left: 24px; padding-top: 0px; vertical-align: middle; }
.header_menuSelect { padding-top: 7px\9; vertical-align: top\9; } 

.header_password { width: 55%; height: 65px; vertical-align: top; text-align: right; padding-top: 10px; }
.header_password img { margin-right: 30px; } 
.header_logout { width: 45%; vertical-align: top; text-align: right; }

.header_operatori { width: 134px; }
.header_operatori img { margin-left: 4px; margin-top: 8px; }
.header_operatori img { margin-top: 0px\9; }
.header_statoMacchine { width: 112px; }
.header_statoMacchine img { margin-left: 2px; margin-top: 13px; }
.header_statoMacchine img { margin-top: 8px\9; }
.header_ufficio { }
.header_ufficio img { margin-left: 2px; margin-top: 7px; }
.header_ufficio img { margin-top: 0px\9; }

.main_container { height: 538px; }

.banconote_values { height: 390px; width: 240px; float: left; }
.banconote_rest { height: 390px; width: 240px; float: left; }

.right_container { height: 390px; width: 315px; float: left; }
.skype { height: 50px; padding-top: 0px; margin-left: -55px; text-align: left; }
.skype a { font-size: 12pt; font-style: italic; font-weight: bold; color: #CD2626; }
.skype a:hover { color: #F00; }
.hopper_values { height: 340px; }
.hopper_values table { width: 290px; height: 210px; margin-left: 10px; margin-top: 130px; text-align: right; }
.hopper_values table td { width: 96px; }
.hopper_values table td .pz { margin: 0px; margin-right: 18px; margin-top: 4px; }
.hopper_values table td .max { margin: 0px; margin-right: 18px; margin-top: 7px; font-size: 8pt; }
.hopper_values table td .max span { font-weight: bold; }
.hopper_values table td .euro { margin-right: 18px; margin-top: 15px; }

.footer { height: 80px; }
.footer table { margin-top: 38px; margin-left: 10px; text-align: right; }
.footer .label { font-size: 8pt; font-weight: bold; margin: 5px; text-align: left; }
.footer .tot { margin: 5px;  margin-right: 30px; }
.footer .partial { color: white; }
.footer .partial td { border-bottom: 1px solid #333; }
.footer .azzeracas {  text-align: center; padding-top: 20px; border-style: none; }
.footer .azzeracas p { font-size: 8pt; font-weight: bold; margin-top: 0px; margin-bottom: 5px; }


/* * * * * sfondi  * * * * */
.cercaMacchine { background: url('img/contabilita.jpg') no-repeat center top; color: #000 }
.gestGestori { background: url('img/gestione_gestori.png') no-repeat center top; }
.gestOperatori { background: url('img/gestione_operatori.png') no-repeat center top; }
.gestOperatoriVlt { background: url('img/gestione_operatori_vlt.png') no-repeat center top; }
.gestBaristi { background: url('img/gestione_baristi.png') no-repeat center top; }
.gestDicitureCassa { background: url('img/gestione_diciture_cassa.png') no-repeat center top; }
.refillSlot { background: url('img/refill_slot.png') no-repeat center top; }

.tbl_form { margin-top: 0px; margin-left: -10px; width: 780px; }
/*.td_selezionaMacchina_select { width: 220px; background: url('img/casella_scelta_macchina.png') no-repeat 0px 12px; vertical-align: top; }
.td_selezionaMacchina_select select { margin-top: 17px; margin-left: 8px; width: 203px; margin-right: 20px; font-size: 9pt; border-style: none; }
.td_selezionaMacchina_button { width: 70px; vertical-align: top; }
.td_selezionaMacchina_button input { margin-top: 12px; }*/

.banconote_values { width: 220px; margin-left: 24px; margin-top: 11px; }
.banconote_values table { width: 91%; text-align: right; border-collapse: collapse; }
.banconote_values table td { padding: 0px; vertical-align: top; }
/*.banconote_values p {  }*/
.banconote_values .bNot { width: 99px; height: 54px; }
.banconote_values .pz_td { }
.banconote_values .pz { margin-top: 8px; }
.banconote_values .euro_td { }
.banconote_values .euro { margin-bottom: 5px; }

.banconote_rest { width: 235px; margin-top: 10px; }
.banconote_rest table { width: 100%; border-collapse: collapse; }
.banconote_rest table td { padding: 0px; vertical-align: top; }
.restContainer { height: 54px;  }
.withBg { background: url('img/banconote_restituzione.png') left center no-repeat; }
.restContainer table { width: 95px; text-align: right; font-weight: bold; }
/*.restContainer table td {  }
.restContainer table td p {  }*/
.restContainer table td .pz { margin-top: 10px; }
.restContainer table td .euro { margin-top: 6px;  }


/* * * * * transazioni  * * * * */
.bg_transazioni { background: url(img/bg_transazioni.jpg) no-repeat center top; }
.bg_transazioni a { color: white; text-decoration: none; }

.trans_container { width: 1100px; margin: auto; }

.tbl_transazioni { border: 1px solid #444; color: #CCC; width: 100%; font-size: 8pt; margin: auto; }
.tbl_transazioni tr td { border-right: 1px solid #444; }
.tbl_transazioni .tr_header { font-weight: bold; font-size: 9pt; }
.tbl_transazioni .tr_header td { border-bottom: 1px solid #444; border-right: 1px solid #444; height: 30px; background: #444; color: #FFF; }
.tbl_transazioni .tr_item td { border-bottom: 1px solid #444; border-right: 1px solid #444; }
.tbl_transazioni .tr_empty { font-size: 10pt; font-style: italic; }
.tbl_transazioni_macchina_gold {font-size: 16px; color: gold;}
.tbl_transazioni .separator { width: 1px; background: #444/*darkgray*/; padding: 1px; }
.hidden { display: none }
.importo { text-align: right; }

.tr_separator {  }
.tr_separator td { height: 2px; padding: 0px; border-top: 1px solid #444; border-bottom: 1px solid #444; }

.cella-importo {white-space: nowrap; }

.tbl_transazioniSummary { color: #FFF; margin-top: 0px; }
.tbl_transazioniSummary_header { font-size: 10pt; }
.tbl_transazioniSummary_itemTotale td { border-bottom: 0px; font-size: 14pt; padding-bottom: 10px; }
.tbl_transazioniSummary_item td { border-bottom: 1px solid #444; }
.tbl_transazioniSummary .label {  }
.tbl_transazioniSummary .tot { text-align: right; }

/* * * * * sfondi per operazioni  * * * * */
.bgtransparent { }

.bgin { background: #c7fdb7; color: #000; }
tr.bgin td { border-right: 1px solid #b1f69c; }
.bgin2 { background: #9eff80; color: #000; }
tr.bgin2 td { border-right: 1px solid #89f169; }

.bgout { background: #fdb7b7; color: #000; }
tr.bgout td { border-right: 1px solid #f39e9e; }
.bgout2 { background: #fd9696; color: #000; }
tr.bgout2 td { border-right: 1px solid #ef7373; }

.bgeq { background: white; color: #000; }
tr.bgeq td { border-right: 1px solid #cfcfcf; }
.bgeq2 { background: #cfcfcf; color: #000; }
tr.bgeq2 td { border-right: 1px solid #cfcfcf; }

.bgsoff { background: #9B30FF; color: #000; }
tr.bgsoff td { border-right: 1px solid #9B30FF; }
.bgsoff2 { background: #7D26CD; color: #000; }
tr.bgsoff2 td { border-right: 1px solid #9B30FF; }

.bgconta { background: lightgray; color: #000; }
tr.bgconta td { border-right: 1px solid #9B30FF; }
.bgconta2 { background: lightgray; color: #000; }
tr.bgconta2 td { border-right: 1px solid #9B30FF; }

.bgtech { background: #3b9ffd; color: #000; }
tr.bgtech td { border-right: 1px solid #047ff2; }
.bgtech2 { background: #3b9ffd; color: #000; }
tr.bgtech2 td { border-right: 1px solid #047ff2; }

.bgerror {background: yellow; color: #000; }
tr.bgerror td { border-right: 1px solid #efd603; }
.bgerror2 {background: #E3DC29; color: #000; }
tr.bgerror2 td {border-right: 1px solid #efd603; }

.bgrepair {background: orange; color: #000; }
tr.bgrepair td { border-right: 1px solid #efd603; }
.bgrepair2 {background: orange; color: #000; }
tr.bgrepair2 td {border-right: 1px solid #efd603; }

/* * * * * transazioni calendar picker - style * * * * */
.clsCurrentDay { font-weight: bold; color: red; text-decoration: none; }
.clsWorkDayOtherMonth { visibility: hidden; }







	

h3 { color: #fff; }

.logo { position: absolute; top: 80px; left: 200px; }



.table_result { position:absolute; top: 382px; left:36px; width: 310px; height: 105px }
.table_result2 { position:absolute;	top: 382px; left:355px;	width: 410px;	height: 105px }
.coin { text-align:right; font: 13px Helvetica, Verdana, arial; font-weight:bold; float:left; width:84px; margin-right: 12px; height:44px; line-height: 33px; padding: 2px; }
.totale { width:100px; position:absolute;	top: 550px;	right:0px; }
.totale_conto_in { width:100px; position:absolute; top: 550px; right:570px; }
.totale_conto_out{ width:100px; position:absolute; top: 550px; right:420px; }
.result_leftbottom{ padding-left:26px; position:absolute;	top: 602px;	width: 450px; }
.hopper { text-align:center; margin-left:120px; margin-bottom:68px; float:left;width:100px; }






/* * * * * gestione operatori * * * * */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/* GESTIONE UTENZE */
.usr_title { color: #FFF; padding-top: 20px; padding-left: 10px; font-size: 12pt; }
.gest_usr_contenitor { }
.usr_list { border-collapse: collapse; margin-top: 10px; }
.usr_list td { padding: 2px; }
.usr_list_header { font-weight: bold; font-size: 11pt; }
.usr_list_header td { border-bottom: 1px solid #FFF; }
.usr_list_item td { border-bottom: 1px dotted #999; }

#gest_usr { color: #fff; }
#gest_usr ul { list-style-type: none }
#gest_usr label { display: block; width: 125px; float:left; padding-top: 3px; }
#gest_usr a { color: #fff }
#gest_usr li { margin-bottom: 2px; }
#gest_usr li.items input { margin: 1px; width: 200px; }
#gest_usr li.items select { margin: 1px; width: 206px; }
#gest_usr .gest_oper_contenitor { background: #999; }
#gest_usr td { padding: 2px; }
#gest_usr .mex_error { color: #F00; font-size: 12pt; font-weight: normal; margin: 0px; padding: 5px 0px; }
#gest_usr .mex_success { color: #0F0; font-size: 12pt; font-weight: normal; margin: 0px; padding: 5px 0px; }
#gest_usr .tbl_list_conainer { float: left; width: 50%; }
#gest_usr .tbl_list { border-collapse: collapse; width: 85%; margin: auto; margin-bottom: 20px; }
#gest_usr .tbl_list td { padding: 0px; }
#gest_usr .tbl_list_header { font-weight: bold; font-size: 10pt; }
#gest_usr .tbl_list_header td { padding-bottom: 3px; }
#gest_usr .tbl_list_item { }
#gest_usr .tbl_list_item td { border-bottom: 1px dotted #797979; padding-bottom: 1px; }
#gest_usr .tbl_list_item .option { width: 8%; text-align: center; }
#gest_usr .tbl_list_empty { font-size: 9pt; font-style: italic; }

/* REFILL */
.tbl_frm { width: 60%; }
.tbl_frm_label { width: 30%; padding-bottom: 5px; }
.tbl_frm_content { width: 70%; padding-bottom: 5px; }
.tbl_frm_content input { width: 90%; }
.tbl_frm_buttons { }

.red { color: #f39e9e; }

/*** in out ***/
.in {color: #99FF99; }
.out {color: #FF6666; }
.zero {color: white; }

/*** table row colors ***/
.table_row_green { background: #c7fdb7; color: #000; }
tr.table_row_green td { border-right: 1px solid #b1f69c; }
.table_row_green2 { background: #9eff80; color: #000; }
tr.table_row_green2 td { border-right: 1px solid #89f169; }

.table_row_red { background: #fdb7b7; color: #000; }
tr.table_row_red td { border-right: 1px solid #f39e9e; }
.table_row_red2 { background: #fd9696; color: #000; }
tr.table_row_red2 td { border-right: 1px solid #ef7373; }

.table_row_white { background: white; color: #000; }
tr.table_row_white td { border-right: 1px solid #cfcfcf; }
.table_row_white2 { background: #cfcfcf; color: #000; }
tr.table_row_white2 td { border-right: 1px solid #cfcfcf; }

.table_row_yellow {background: yellow; color: #000; }
tr.table_row_yellow td { border-right: 1px solid #efd603; }
.table_row_yellow2 {background: #E3DC29; color: #000; }
tr.table_row_yellow2 td {border-right: 1px solid #efd603; }

.table_row_orange {background: orange; color: #000; }
tr.table_row_orange td { border-right: 1px solid #efd603; }
.table_row_orange2 {background: orange; color: #000; }
tr.table_row_orange2 td {border-right: 1px solid #efd603; }

.table_row_gray { background: #E5E5E5; color: #000; }
tr.table_row_gray td { border-right: 1px solid #9B30FF; }
.table_row_gray2 { background: #D5D5D5; color: #000; }
tr.table_row_gray2 td { border-right: 1px solid #9B30FF; }

.table_row_soff { background: #9B30FF; color: #000; }
tr.table_row_soff td { border-right: 1px solid #9B30FF; }
.table_row_soff2 { background: #7D26CD; color: #000; }
tr.table_row_soff2 td { border-right: 1px solid #9B30FF; }

.table_row_tech { background: #3b9ffd; color: #000; }
tr.table_row_tech td { border-right: 1px solid #047ff2; }
.table_row_tech2 { background: #3b9ffd; color: #000; }
tr.table_row_tech2 td { border-right: 1px solid #047ff2; }


/**** ***/
.HeaderT {
/*background: red;*/
background: url(img/bgHeader_top.png) repeat-x; width: 800px; height: 80px;
}

.HeaderMenu{
width: 100%;
height: 40px;
background: #888;
}

.HeaderM {
background: #888;
}

.HeaderB {
/*background: red;*/
background: url(img/bgHeader_bottom.png) repeat-x; width: 800px; height: 20px;
}

.top_container { width: 800px; margin: auto; margin-top: 0px; }
.middle_container { width: 1500px; height: 700px;  margin-top: 0px; margin-left: 10px;  /*background: red; */}


.tbl_dati { border: 1px solid #444; color: #CCC; font-size: 8pt; border-spacing:0; border-collapse:collapse; }
.tbl_dati tr td { border: 1px solid #444; white-space: nowrap; padding: 6px;}
.tbl_dati .tr_title { font-weight: bold; font-size: 9pt; }
.tbl_dati .tr_title td { border-bottom: 1px solid #444; border-right: 1px solid #444; height: 30px; background: #444; color: red; }
.tbl_dati .tr_header { font-weight: bold; font-size: 9pt; }
.tbl_dati .tr_header td { border-bottom: 1px solid #444; border-right: 1px solid #444; height: 30px; background: #444; color: #FFF; }
.tbl_dati .tr_item td { border-bottom: 1px solid #444; border-right: 1px solid #444; }
.tbl_dati .tr_empty { font-size: 10pt; font-style: italic; }
.tbl_dati .separator { width: 1px; background: #444/*darkgray*/; padding: 1px; }
.filtersForm { margin: auto; width: 400px; /*background: red; */ }


/*
.bggray { background: #E5E5E5; color: #000; }
.bggray2 { background: #D5D5D5; color: #000; }
*/


/*
.bgsoff { background: #9B30FF; color: #000; }
tr.bgsoff td { border-right: 1px solid #9B30FF; }
.bgsoff2 { background: #7D26CD; color: #000; }
tr.bgsoff2 td { border-right: 1px solid #9B30FF; }

.bgconta { background: lightgray; color: #000; }
tr.bgconta td { border-right: 1px solid #9B30FF; }
.bgconta2 { background: lightgray; color: #000; }
tr.bgconta2 td { border-right: 1px solid #9B30FF; }

.bgtech { background: #3b9ffd; color: #000; }
tr.bgtech td { border-right: 1px solid #047ff2; }
.bgtech2 { background: #3b9ffd; color: #000; }
tr.bgtech2 td { border-right: 1px solid #047ff2; }
*/