/* CSS Document */

html, body {height:100%;}

img {border:0}


body,td,th {
             font-family: "Verdana";
             color: #8D9298;
             }
body {
       margin: 0px;
       background-image: url();
       background-repeat: no-repeat;
       }

p {
    margin-top: 16px;
    }


a {
    text-decoration : none;
    font-weight: bold;
    color: #003333;
    font-family: "Verdana";
    font-size: 12px;
}

a:hover {
    color: #669933;
}

fieldset {
    margin-top: 20px;
}

#content { float: left;
           margin:0px;
           margin-right: 32px;
           margin-left: 16px;
           padding: 16px;
           width: 704px;
           font-family: "Verdana";
           font-size: 12px;
       min-height:500px;
           }

#content-video { float: left;
                 margin:0px;
                 margin-top:16px;
                 margin-left: 16px;
                 padding:0px;
                 padding-bottom:32px;
                 width: 750px;
                 font-family: "Verdana";
                 font-size: 14pt;
                 /*background-image: url('/img/pattern7.png'); */
                 }

#right-bar {
             float: left;
             padding-left: 0px;
             margin-left: 16px;
             width: 264px;
             }
#testata {
           /*padding-top: 112px; */
           padding-left: 16px;
           /* background: url(/img/RANDOM_testata/1.png) no-repeat top left;*/
           }

.text-block {
              width:224px;
              height:204px;
              overflow:auto;
              }
.box-elemento {
                width: 224px;
                height: 224px;
                /*margin-top: 0px;*/
                margin-top: 16px;
                /*margin-bottom: 16px;*/
                margin-bottom: 0px;
                margin-left: 0px;
                margin-right: 0px;
                float: left;
                padding-top:0px;
                padding-left:0px;
                padding-right:0px;
                padding-bottom:0px;
                overflow: hidden;
                }
.box-elemento h1 {
        width: 224px;
        font-size:12px;
        margin:0px;
        padding-left: 5px;
        color: white;
        line-height: 12px;
}
.box-spacer {
              /*width: 32px;*/
              width: 16px;
              height: 208px;
              margin: 0px;
              float: left;
              }
.box-vspacer {
               clear:both;
               }
.text-box, .text-image-box {
                             font-family: "Verdana";
                             font-size: 10px;
                             }

.text-box div, .text-image-box div {
                                     padding:0px;
                                     margin-top:0px;
                                     margin-bottom:0px;
                                     margin-left: 8px;
                                     margin-right: 8px;
                                     }

.tipo-1 {
          background-image: url('/img/box_Cineway.png');
          }
.tipo-2 {
          background-image: url('/img/box_VideoFactory.png');
          }
.tipo-3 {
          background-image: url('/img/box_MyWay.png');
          }
.tipo-4 {
          background-image: url('/img/box_McKenzie.png');
          }


.tipo-1 p, .tipo-2 p, .tipo-3 p .tipo-4 p{
                                  padding-top: 0px;
                                  }




.news_box {
    font-family: "Verdana";
    font-size: 10px;
    padding:8px;
    width: 208px;
    height: 138px;
    overflow:hidden;
    margin-bottom: 32px;
}

.footer {
          position: absolute;
          bottom: 0;
          right: 0;
          overflow:hidden;
          float:right;
  }

.sfondo_bianco {
                 background: #FFFFFF;
                 margin-top: 10px;
                 padding: 5px;
                 }

.titolo {
          font-family: "Verdana";
          font-size: 16px;
          padding:8px;
          margin-bottom: 15px;

          }

/* Pagina elenco corsi */
.box_corso {
    width: 224px;
    height: 224px;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    padding:0px;
    overflow: hidden;
    background: #dbf3f3;
    font-family: "Verdana";
    font-size: 10px;

}

.box_corso-spacer {
    width: 16px;
    height: 224px;
    margin: 0px;
    float: left;
}

.titolo_corso {
    width: 192px;
    height: 28px;
    padding:16px;
    padding-bottom:10px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #000000;
}

.abstract_corso {
    width: 224px;
    height: 90px;
    color: #9dabae;
    overflow:hidden;
}

.abstract_corso > p {
    margin: 0px;
    padding-left: 16px;
    padding-right: 16px;
    color: #8D9298;
}

.abstract_corso > a {
    margin: 0px;
    padding: 0px;
    padding-left: 16px;
    padding-right: 16px;

}

.corsi_no_immagine {
    width: 224px;
    height: 80px;
    background: url('/img/corsi/no_immagine.png');

}



/* Pagina elenco_news */
.box_news {
    height: 100px;
    margin:0px;
    margin-top:8px;
    overflow:hidden;
}

.box_news-spacer {
    float: left;
    width: 16px;
    height: 944px;
    background: #00FF00;
}

.box_news_list {
    width: 224px;
    height: 708px;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 0px;
    float: left;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    overflow: hidden;
    float: left;
    color: #000000;
    font-family: "Verdana";
    font-size: 10px;
    background: #FFFFFF;

}

.box_news_tag {
    width: 192px;
    height: 704px;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    overflow: hidden;
    padding-left:16px;
    padding-right:16px;
}

.box_news_data {
    padding:0px;
    padding-left:16px;
    padding-right:16px;
}

.box_news_titolo {
    font-weight: bold;
    padding-left:16px;
    padding-right:16px;
}

.box_news_titolo > a {
/*    color: #000000;*/
}

.box_news_testo {
    padding-left:16px;
    padding-right:16px;
}

.box_news_testo > p {
    padding:0px;
    margin:0px;
}


/* Pagina dettaglio corso */
/*
.box_corso-spacer {
    float: left;
    width: 16px;
    height: 944px;
    background: #00FF00;
}


.box_corso_data {
    padding-top:16px;
    padding-left:16px;
    padding-right:16px;
}

.box_corso_titolo > a {
    color: #000000;
}


*/

.div_corso_list {
    width: 224px;
    height: 1404px;
/*
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 0px;
*/
    float: left;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    overflow: hidden;
    float: left;
    color: #000000;
    font-family: "Verdana";
    font-size: 10px;
    background: #FFFFFF;

}

.div_corso_tag {
    width: 192px;
    height: 704px;
    margin:0px;
    margin-top: 16px;
    float: left;
    overflow: hidden;
    padding-left:16px;
    padding-right:16px;
    text-transform: uppercase;
}

.div_corso_tag > a {
    line-height:14px;
    margin-bottom:20px;
/*    color: #0100FE;*/
}

.div_corso {
    width: 464px;
    height: 1404px;
    margin: 0px;
    margin-left: 16px;
    float: left;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    overflow: hidden;
    float: left;
    color: #000000;
    font-family: "Verdana Regular";
    font-size: 10px;
    background: #FFFFFF;

}

.corso_titolo {
    font-weight: bold;
    padding:16px;
    font-family: "Verdana Regular";
    font-size: 18px;
    color: #8D9298;
    text-transform: uppercase;
}

.div_corso_testo {
    padding-left:16px;
    padding-right:16px;
    line-height: 2em;
}

.div_corso_testo > p {
    padding:0px;
    margin:0px;
}

.div_area_corso {
    /* color: #0100fe;*/
    text-transform: uppercase;
    font-family: "Verdana";
    font-size: 10px;
    font-weight: bold;
    margin-top:16px;
    margin-bottom:16px;
}



/* Sezione Video Factory */
.video_factory {
    float:left;
    height: 400px;
    width: 124px;
    margin-right: 16px;
    background: #00FF00;
}

.video_factory_box {
    height: 400px;
    width: 704px;
    background: #00FF00;
}

/* Pagina Cineway Channel */
.cc_left {
    /*background: url(/img/cinewayChannel/logo_channel.png) no-repeat;*/
    background-color: white;
    width: 156px;
    height: 480px;
    margin: 0px;
    margin-top: 16px;
    margin-left: 16px;
    float: left;
    overflow: hidden;
    padding:0px;
    padding-right:16px;
    padding-top: 0px;
}

.cc_right {
    background: #FFFFFF;
/*     border: solid 1px #000000; */
    width: 496px;
/*    height: 704px;*/
    margin: 0px;
    margin-top: 16px;
    margin-left: 16px;
    margin-bottom:16px;
    float: left;
    overflow: hidden;
    padding:0px;
}


.cc_box_piccolo {
        background: #000000;
            color: #FFFFFF;
                width: 238px;
                height: 238px;
                margin:0px;
                margin-bottom: 16px;
                float: left;
                padding-top:0px;
                padding-left:0px;
                padding-right:0px;
                padding-bottom:0px;
                overflow: hidden;
                }

.cc_box_titolo {
        color: #FFFFFF;
        width: 90%;
        height: 32px;
        margin:0px;
        padding:0px;
        padding-left:8px;
        padding-right:8px;
        overflow: hidden;
}


.cc_box_titolo a,
.cc_box_titolo a:hover {
    color: #FFFFFF;
}
.cc_titolo {
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: "Verdana";
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        height: 16px;
        margin:0px;
        padding:8px;
        overflow: hidden;
        }

.cc_video {
        border: 1px solid #FFFFFF
        width: 100%;
        min-height: 200px;
        margin:0px;
        padding:0px;
        padding-bottom:0px;
        background: #000000;
        }

.cc_preview {
    height: 180px;
    overflow:hidden;
}

.cc_preview p {
    margin-top: 0px;
}
.cc_info {
/*         position: absolute; */
        top: 612px;
        background: #FFFFFF;
        width: 496px;
/*        height: 332px; */
    }
.cc_info h4 {
    text-size: 130%;
    text-align: center;
    background: #AAAAAA;
    color: #FFFFFF;
}

.cc_titolo_sezione {
    width:496px;
    padding-left:8px;
    padding-right:8px;
    margin-right:48px;
    margin-bottom:4px;
    color:#FFFFFF;
    text-transform: uppercase;
    font-size: 200%;
    font-weigth: bold;
}
/******************************************************************************/
/*****                    SEZIONE VIDEO FACTORY HOME                      *****/
/******************************************************************************/
#vf_home_container {
    width: 704px;
    /* height: 500px; */
    min-height: 500px;
    background-color: transparent;
    font-size: 130%;
}

#vf_home_container div.box {
    border: solid white 2px;
    margin: 8px;
    padding: 16px;
    width: 300px;
    height: 198px;
    float: left;
    background: #662d91;
    color: white;
}

#vf_home_container div#vf_reg_welcome {
    background: #662D91;
    color: white;
    float: right;
    margin-left: 15px;
    margin-top: 8px;
    width: 200px;
    padding: 10px;
    text-align: center;
}

#vf_home_container div#vf_reg_welcome h1 {
    margin: 0px 0px 10px 0px;
    font-size: 26px;
}

#vf_home_container div.box h1 {
    margin: 0px 0px 10px 0px;
}

#vf_home_container div.box ul {
    padding: 0px 0px 0px 20px;
    font-size: 115%;
    line-height: 130%;
}

#vf_home_container div.box button {
    border-width: 0px;
    font-variant: small-caps;
    font-size: xx-large;
    background-color: #00bdeb;
    cursor: pointer;
    color: white;
    letter-spacing: 0.15em;
    font-weight: bold;
}

#vf_reg_form label {
    float : left;
    width: 180px;
    vertical-align: middle;
    margin-top: 4px;
}

#vf_reg_form input {
    width: 220px;
    vertical-align: middle;
}

#vf_reg_form select {
    width: 224px;
    vertical-align: middle;
    background: white;
}

#vf_reg_form input.error {
    border: 2px solid red;
    font-style: italic;
}

#vf_reg_form button {
    background-color: #662D91;
    color: white;
    font-weight: bold;
    font-size: 120%;
}

.vf_menu {
    background-color: #A381BD;
    width: 736px;
    height: 32px;
}

.vf_button,
.vf_button_selected {
    background-color: #A381BD;
    color: white;
    font-weight: bold;
    font-size: 10px;
    font-family: "Verdana";
    height: 16px;
    float: left;
    text-align: center;
    vertical-align:middle;
    padding:8px;
    cursor: pointer;
}


.vf_button_selected {
    background-color: #662d91;
}
.vf_button:hover {
    background-color: #662d91;
    color:white;
}

#vf_home_container div.box_scomparsa {
    width: 100%;
    background: transparent;
    margin: 0px 0px 25px 0px;
}

#vf_home_container div.box_scomparsa h1 {
    height: 27px;
    padding: 4px 0px 0px 5px;
    font-size: 140%;
    background: #e1e1e1 url("/img/gradiente_box_scomparsa.png") repeat-x scroll top left;
    margin: 0px;
    cursor: pointer;
    color: black;
    border: 1px solid #A381BD;
}

#vf_home_container div.box_scomparsa div.cassetto {
    width: 100%;
    margin: 0px;
    display: none;
}

#vf_anagrafica_form fieldset {
	margin: 20px 0px 10px 0px;
}

#vf_anagrafica_form label,
#myway_profilo label {
    float : left;
    width: 165px;
    vertical-align: middle;
    margin-top: 4px;
}

#vf_anagrafica_form input {
    width: 290px;
    vertical-align: middle;
}

#vf_anagrafica_form input.error {
    border: 2px solid red;
    font-style: italic;
}

#vf_anagrafica_form button {
    background-color: #662D91;
    color: white;
    font-weight: bold;
    font-size: 120%;
}

#vf_ruoli_form fieldset {
    margin: 20px 0px 10px 0px;
}

#vf_ruoli_form label {
    float : left;
    width: 50px;
    vertical-align: middle;
    margin-top: 4px;
}

#vf_ruoli_form select {
    width: 120px;
    vertical-align: top;
    margin-left: 10px;
}

#vf_ruoli_form textarea {
    width: 400px;
    height: 100px;
    vertical-align: top;
    margin-right: 10px;
    margin-left: 20px;
}

#vf_ruoli_form button {
    background-color: #662D91;
    color: white;
    font-weight: bold;
    font-size: 120%;
}

#vf_form_progetti {
}

#vf_form_progetti #menu_filtri {
    margin-top: 16px;
}

#vf_form_progetti .vf_box_progetto {
    background: #FFFFFF;
    float: right;
    width: 488px;
    margin: 16px 0px 0px 0px;
}

#vf_form_progetti .vf_box_progetto h3 {
    font-size: 140%;
    margin: 8px 8px 8px 8px;
}

#vf_form_progetti .vf_box_progetto h4 {
    font-size: 100%;
    margin: 8px 8px 8px 8px;
}

#vf_form_progetti .vf_box_progetto p {
    margin: 8px 8px 8px 8px;
}

#vf_form_progetti .vf_box_progetto button {
    color: white;
    background-color: #662D91;
    font-weight: bold;
    float: right;
    margin: 0px 8px 8px 0px;
    border: 0px;
}
.vf_p_feedback {
    margin-left: 10px;
}
.vf_whitebackground_feedback {
    background-color: white;
}
.vf_feedback_img {
	margin-left: 5px;
	vertical-align: middle;
}
.vf_box_final_feedback {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}
/******************************************************************************/
/******************************************************************************/

/******************************************************************************/
/*****                SEZIONE VIDEO FACTORY PROGETTO START                *****/
/******************************************************************************/
#vf_reg_progetto {
    font-size: 90%;
}
#vf_reg_progetto h3 {
    padding-left: 20px;
    background-color: #662D91;
    color: white;
}
#vf_reg_progetto input,
    #vf_reg_progetto textarea {
    width: 500px;
}
#vf_reg_progetto select {
	    width: 200px;
	    background-color: white;
}
#vf_reg_progetto textarea {
    height: 100px;
}
#vf_reg_progetto legend,  
	#vf_reg_progetto label {
    color: black;
}
#vf_reg_progetto button {
    background-color: #662D91;
    color: white;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    width: 100px;
}
#vf_progetto_preview_div p {
    margin-left: 30px;
}
#vf_reg_progetto_date p,
	#vf_reg_progetto p {
    color: black;
}
 
#vf_reg_progetto_date label,
	#fileUpload_p label {
	float: left;
    width: 220px;
}

#vf_reg_progetto_date input,
	#vf_reg_progetto_date select,
	#fileUpload_p input {
    width: 100px;
    margin-left: 10px;
}
/******************************************************************************/
/******************************************************************************/


/******************************************************************************/
/*****             SEZIONE VIDEO FACTORY TROVA PROFESSIONALITA            *****/
/******************************************************************************/
#elenco_professionalita tr {
	background: #FFFFFF;
	width:100%;
}


.vf_left_menu {
	width: 200px;
	min-height: 868px;
	background: #FFFFFF;
	float:left;
}

.vf_left_menu h1 {
	font-size: 15px;
	margin-left: 8px;
}

.vf_left_menu h2 {
    font-size: 12px;
    margin-left: 8px;
}

.vf_left_menu a {
    margin-left: 8px;    
}

.vf_right_box {
    width: 236px;
    min-height: 150px;
    background: #FFFFFF;
    float:left;
    margin-left:16px;
    margin-bottom:16px;
}

.vf_left_menu hr {
	margin-left: 8px;
	margin-right: 8px;
}

.vf_right_box h2,
.vf_right_div h2 {
	font-size: 12px;
	margin-left: 8px;
}

.vf_right_box h3,
.vf_right_div h3 {
    font-size: 10px;
    margin-left: 8px;
}
.vf_right_box p,
.vf_right_div p {
    font-size: 10px;
    height: 40px;
    overflow: hidden;
    margin-left: 8px;
    margin-right: 8px;
}

.vf_right_box a {
    margin-left: 8px;    
    margin-bottom:8px;
}

.pagine {
	margin-left: 16px;
	width: 488px;
	height: 30px;
	background: #FFFFFF;
	text-align:right;
}

.elenco {
    padding-top: 8px;
	width: 488px;
}
.pagine p {
    margin-left: 8px;
    margin-top:8px;
}

.vf_right_div {
	margin-left: 16px;
    width: 488px;
    background: #FFFFFF;
    float:left;
    text-align:left;
    height: 568px;	
}

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


.vf_view {
    background-color: #A381BD;
    color: white;
    font-weight: bold;
    font-size: 10px;
    font-family: "Verdana";
    float: left;
    text-align: center;
    vertical-align:middle;
    padding:4px;
    cursor: pointer;
}

.vf_view:hover {
    background-color: #662d91;
    color:white;
}



/******************************************************************************/
/*****             SEZIONE VIDEO FACTORY TROVA PROFESSIONALITA            *****/
/******************************************************************************/
.focus {
	height: 228px;
	color: black;
}

.focus div {
	background-color : #dbdad8;
    background-image : url("/img/bandina_7.png");
    background-repeat: no-repeat;
	width: 208px;
	height: 200px;
	margin:0px;
	padding: 8px;
	padding-bottom: 4px;
	float: left;
}

.focus h1 {
	font-size: 15px;
}

.focus h2 {
    font-size: 12px;
}

.focus_bottom {
    background-color : #dbdad8;
    background-image : url("/img/bandina_7.png");
    background-repeat: repeat-x;
    width: 688px;
    height: 200px;
    margin:0px;
    padding: 8px;
    padding-bottom: 4px;
    float: left;
    color: black;
		
}
/******************************************************************************/
/******************************************************************************/


/******************************************************************************/
/*****         SEZIONE VIDEO FACTORY HOME AZIENDE E PROFESSIONISTI        *****/
/******************************************************************************/
.vf_home a{
	color: #FFFFFF;
	padding: 16px;
}

.vf_home h1,
.vf_home h2 {
    padding-left: 16px;
    padding-right: 16px;
}

.vf_home h2 {
    font-size: 12px;
}

.vf_home_small_box {
	background-color : #dbdad8;
	background-image : url("/img/bandina_7.png");
    background-repeat: no-repeat;
    color: black;
	width: 224px;
    height: 200px;
    margin:0px;
    float: left;
    margin-bottom: 16px;
}
.vf_home_small_box h1 {
    padding-top: 20px;
    font-size: 20px;
}

.vf_home_medium_box {
    background-color : #dbdad8;
    background-image : url("/img/bandina_7.png");
    background-repeat: repeat-x;
    color: black;
    width: 464px;
    /*
    Commentato e sostitui da min-height in data 31/07/2009
    Speriamo non si sputtani il layout
    min-height: 200px;
        height: 200px;
    
    */
    margin:0px;
    float: left;
    margin-bottom: 16px;
}
.vf_home_medium_box h1 {
    padding-top: 20px;
}
.vf_home button {
    border-width: 0px;
    font-variant: small-caps;
    font-size: small;
    background-color: #00bdeb;
    cursor: pointer;
    color: #dbdad8;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.vf_home_top_bar {
    background-color: #ffffff;
    padding: 0px;
    height: 35px;
    margin-bottom: 16px;
}
.vf_home_top_bar h1 {
    margin-left: 18px;
    padding-top: 4px;
    font-size: 20px;
    /*font-weight: nomal;*/
}
/******************************************************************************/
/******************************************************************************/

.vf_box_candidato {
	background: #FFFFFF;
	padding: 8px;
	margin-bottom: 16px;
}
.vf_login_big {
	width: 500px; 
	border: solid 0px black;
}
.vf_login_big h3 {
    text-align: center; 
    color: #662d91; 
    margin-left: 5px;
    width: 300px;
}

#vf_login_box {
    width: 170px; 
    margin-top: 10px; 
    margin-bottom: 0px; 
    float: right; 
    height: 145px;
}
.vf_login_data {
	width: 500px; 
	border: solid 1px black;
	padding-bottom: 10px;
}
#vf_login_button1,
#vf_login_button2 {
    margin-left: 5px; 
    background-color: #662d91; 
    color: white;
    width: 50px;
}

#login_azienda label,
#login_prof label {
	float: left;
	width: 60px;
	margin-left: 10px;
	margin-right: 10px;
}
#login_azienda input,
#login_prof input {
    margin-right:10px;
    margin-left:0px;
    algin: right;
}
#login_azienda p,
#login_prof p {
    width: 300px;
    margin-left: 0px;
    margin-right: 0px;
}
.vf_login_200 {
    width: 200px;
}

.vf_left_menu a,
.vf_left_menu a:hover {
    font-size : 10px;
}