body, html { overflow:hidden; border:0;  background-color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; width:100%; }
header#testata_player { background: url("../img/bg-testata.gif") 0 0 repeat-x; height: 60px; text-align: center; width: 100%; margin:0; padding:0;}
#filetto_top { height:10px; width:100%; border-top:1px solid #16a0c8; border-bottom:1px solid #16a0c8; position:absolute; top:60px; background-color:#fff;}
#content_player { position:absolute; top:72px; left:0; right:0; bottom:0;overflow:hidden;}
#menu_laterale { position:absolute; width: 272px; background: url(../img/bg-stato.jpg) right 0 repeat; min-width: 272px;font-family:"GillSansRegular", Geneva, Verdana; left:0; top:0; bottom:0; overflow:hidden; z-index:200; height:100%;}
#content_asset { height:100%; position:absolute; left:272px; right:0; bottom:0; background-color:#FFFFFF;}

/* Header */
header#testata_player h1 { font-family:"GillSansRegular", Geneva, Verdana; font-size: 25px; line-height: 24px; color: #009; text-align: left; padding-left: 20px; min-width:400px;  margin-right:60px;}
#fsbutton { cursor: pointer; height: 24px; width: 30px; position: absolute; top: 20px; right: 20px; z-index: 101; }
#filetto_punteggio { height:100%; width:0; background-color:#009;}
.openScreen {background:url('../img/full_on.png') no-repeat center;}
.closeScreen {background:url('../img/full_off.png') no-repeat center;}

/* Menu laterale */
#drag_menu { position: absolute; background: url("../img/drag-menu.png") 0 0 no-repeat; width: 10px; height: 20px; top: 360px; }
#cont_punteggio { height: 68px; background: url(../img/bg-punteggio.jpg) right 0 repeat; padding:10px 20px 0 20px;font-size:14px; }
#barra_punteggio { border: 1px solid #16A0C8; height: 8px; width: 230px; margin-top:10px;}
#filetto_barra_punteggio {height:100%;width:0; background-color:#009; }
#menu_attivita { position:absolute; top:78px; left:0; bottom:0; right:10px;list-style:none;}
#menu_attivita li { padding: 17px; border-bottom: 1px solid #16A0C8;}
#menu_attivita li.checked {background: url(../img/menu-checked.png) right 20px no-repeat;}
#menu_attivita li.checked a {color: #ed6b06;}
#menu_attivita li.attivo {background-color: #16a0c8;}
#menu_attivita li.attivo a {color: #fff;}
.etichiusa { display:none; cursor: pointer;}
.etiaperta { cursor: pointer; display: block; list-style:none;}
.etiaperta li { margin-left:14px;}
.etiaperta ul li { margin-left:28px;}
.img_off { cursor:pointer; }
.img_on {cursor:pointer; }
.lista { cursor:pointer;}


/* testata content_asset */
#testata_asset { width: 100%; height: 70px; background-color:#16A0C8; color:#fff; font-family:"GillSansRegular", Geneva, Verdana; min-width:400px; overflow:hidden;}
#bottone_full { display: block; float: left; width: 74px; height:69px;margin:0 15px 0 0;}
#bottone_full.aperto { background: url("../img/menu_aperto.png") center center no-repeat; }
#bottone_full.chiuso { background: url("../img/menu_chiuso.png") center center no-repeat; }
#frecce_titolo { float:left; height:40px; margin:15px 0;list-style:none;}
#frecce_titolo li { float:left;}
#frecce_titolo li img { cursor:pointer;}
#progr_lezione { font-size:23px; padding:5px 15px;}
#titolo_asset { font-size:23px; position:relative; margin-right:100px; left:40px; z-index:102; overflow:hidden; }
#help { background: url("../img/help.png") center no-repeat; width:38px; height:38px; position:absolute; top:15px; cursor:pointer; right:17px; z-index:103;}

/*player contenuto */
#player_contenuto { position:absolute; top:70px; left:10px; right:0; bottom:46px; overflow:auto;-webkit-overflow-scrolling:touch;}
.iframeplayer { width:100%;position:absolute; margin:0; padding:0; border: none !important; top:0; left:0; right:0; bottom:0;}
frame { width:100%; height:100%; border:none !important; }
iframe { width:100%; height:100%;  border:none !important; }
#player_pulsanti { position:absolute; height: 30px; bottom:10px; right:0px; left:10px; min-width:460px; border-top:1px solid #16A0C8; padding-top:5px;list-style:none; }
#player_pulsanti li { background-color:#E7F5F8; border:1px solid #16A0C8; color:#16A0C8; border-radius:7px; background-repeat: no-repeat; color: #009; font-family: 'GillSansRegular'; font-size: 14px; float: left; margin-right:10px; height: 29px; line-height: 29px; text-align: center; width:110px; }
#player_pulsanti .active:hover { background-color:#16A0C8; color:#FFF; cursor:pointer;}
#player_pulsanti li.inactive { background-color:#ccc; border:1px solid #16A0C8; color:#16A0C8; border-radius:7px; background-repeat: no-repeat; color: #009; font-family: 'GillSansRegular'; font-size: 14px; float: left; margin-right:10px; height: 29px; line-height: 29px; text-align: center; width:110px; }
#copyright{position:fixed; right: 16px; bottom: 50px; font-size: 11px;}

#player_testo_popup {border: 1px solid; width: 130px;padding: 5px;border-radius: 5px;margin-bottom: 15px; font-family: 'GillSansRegular';background-color:#E7F5F8; border:1px solid #16A0C8;-webkit-box-shadow: 5px 5px 3px #DDDDDD;-moz-box-shadow: 5px 5px 3px #DDDDDD;box-shadow: 5px 5px 3px #DDDDDD;}
#player_testo_popup:hover { background-color:#16A0C8; color:white;}

/* player report */
.heading_report { margin-bottom:20px;  font-family:"GillSansRegular", Geneva, Verdana; color:#009; font-size:18px;}
.report { width:100%;}
.report th { padding:3px 5px; font-family:"GillSansRegular", Geneva, Verdana; color:#FFFFFF; font-size:18px; background-color:#999;width:20%;}
.report th:first-child { text-align:left; width:60%; }
.report td { padding:4px 0 4px 3px; text-align:center; font-size:12px;width:20%;}
.report td:first-child { text-align:left;width:60%; }
.report tr { border-bottom:1px solid #CCC;}
#report_utility { margin-bottom:15px; list-style:none; margin-top:30px; cursor:pointer;}
#report_utility li { border:1px solid #16A0C8; height:24px; line-height:24px; width:100px; text-align:center; border-radius:7px; color:#009; background-color:#E7F5F8; font-family:"GillSansRegulare"; float:left; margin-right:20px; }
#report_utility li:hover { background-color:#16A0C8; color:#FFF; }