﻿/* Imports
===============================================*/
@import url('reset.css');
html {
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
}
body {
    font-family: 'Open Sans',Tahoma,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.2;
    background-color: #FFFFFF;
    color: #333333;
}

/* Links
-----------------------------------------------*/
a {
    color: #333333;
    text-decoration: none;
}
    a img {
        border: 0px;
        text-decoration: none;
    }
    a[href] {
        color: #53A600;
        text-decoration: underline;
    }
        a[href]:visited, a[href]:hover, a[href]:active {
            text-decoration: none;
        }
        a[href] * {
            cursor: pointer;
        }

/* Forms
-----------------------------------------------*/
fieldset {
}
input[type='radio'] {
    vertical-align: text-bottom;
}
input[type='checkbox'] {
    vertical-align: bottom;
}
label,
input[type='radio'],
input[type='checkbox'],
input[type='button'],
input[type='submit'],
input[type='file'],
button {
    cursor: pointer;
}
input[type='submit'],
input[type='button'] {
    background-color: #53A600;
    color: #FFFFFF;
    border: 0px none;
    background-repeat: no-repeat;
    font-family: 'Open Sans',Tahoma,Arial,sans-serif;
    padding: 0px 10px;
}

    input[type='submit']:hover,
    input[type='button']:hover,
    input[type='submit']:active,
    input[type='button']:active,
    input[type='submit']:focus,
    input[type='button']:focus {
        background-color: #FFBF00;
        color: #000000;
    }

.aspNetDisabled
/*.aspNetDisabled **/ {
    cursor: default !important;
    color: #666666;
}

input[type='submit'].aspNetDisabled,
input[type='button'].aspNetDisabled,
input[type='submit'].aspNetDisabled:hover,
input[type='button'].aspNetDisabled:hover,
input[type='submit'].aspNetDisabled:active,
input[type='button'].aspNetDisabled:active,
input[type='submit'].aspNetDisabled:focus,
input[type='button'].aspNetDisabled:focus {
    background-color: #999999;
}

/*Input
-----------------------------------------------*/
input[type='text'],
input[type='password'],
select,
textarea {
    border: 1px solid #CDCDCD;
    background-color: #FFFFFF;
    padding: 0px 5px;
    width: 250px;
    color: #000000;
    font-family: 'Open Sans',Tahoma,Arial,sans-serif;
    display: inline-block;
    font-size: 15px;
}
input[type='text'],
input[type='password'] {
    height: 34px;
    line-height: 34px;
}
input[type='file'],
select {
    height: 36px;
    width: 262px;
    cursor: pointer;
}
input[type='file'] {
    padding: 0px;
}
select {
    background: url("../images/stage/dropDown_arrow.png") no-repeat 100% top #fff; /* add your own arrow image */
    *background-image: none; /* turn bg image for IE7 */
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
    padding: 1px 26px 1px 2px;
}
    select::-ms-expand {
        display: none; /* hide default arrow in IE10 */
    }
    select option[value=''] {
        color: #666666 !important;
    }
textarea {
    line-height: 1.2;
    padding: 5px;
    font-family: 'Open Sans',Tahoma,Arial,sans-serif;
    height: 80px;
    width: 400px;
    resize: none;
}
    input[type='text']:active,
    input[type='text']:focus,
    input[type='password']:active,
    input[type='password']:focus,
    select:active,
    select:focus,
    textarea:active,
    textarea:focus {
        border: 1px solid #172845;
    }

    /*inizio stili campi obbligatori*/
    input[type='text'].campoObbligatorio,
    input[type='password'].campoObbligatorio,
    select.campoObbligatorio,
    textarea.campoObbligatorio {
        background-color: #FFF2F2;
        border-color: #EEA6A6;
    }
        input[type='text'].campoObbligatorio:active,
        input[type='password'].campoObbligatorio:active,
        select.campoObbligatorio:active,
        textarea.campoObbligatorio:active,
        input[type='text'].campoObbligatorio:focus,
        input[type='password'].campoObbligatorio:focus,
        select.campoObbligatorio:focus,
        textarea.campoObbligatorio:focus {
            border-color: #CC0000;
        }
    /*fine stili campi obbligatori*/

    /*inizio stili disabled*/
    input[type='text'].aspNetDisabled,
    input[type='password'].aspNetDisabled,
    input[type='file'].aspNetDisabled,
    select.aspNetDisabled,
    textarea.aspNetDisabled,
    input[type='text'].aspNetDisabled:hover,
    input[type='text'].aspNetDisabled:active,
    input[type='text'].aspNetDisabled:focus,
    input[type='password'].aspNetDisabled:hover,
    input[type='password'].aspNetDisabled:active,
    input[type='password'].aspNetDisabled:focus,
    select.aspNetDisabled:hover,
    select.aspNetDisabled:active,
    select.aspNetDisabled:focus,
    select[disabled],
    textarea.aspNetDisabled:hover,
    textarea.aspNetDisabled:active,
    textarea.aspNetDisabled:focus {
        border: 1px solid #E0E0E0 !important;
        background-color: #FAFAFA !important;
        cursor: default !important;
        color: #CCCCCC !important;
    }

select[disabled],
select.aspNetDisabled {
    background-position: 100% bottom;
}
/*fine stili disabled*/

.uppercase {
    text-transform: uppercase;
}

/*INIZIO STILI VALIDATION*/
label.error
{
    display: block;
    padding-top: 3px;
    color: #FF0000;
    line-height: 1;
    cursor: text;
    font-size: 13px;
}

input[type='text'].error,
select.error,
textarea.error,
input[type='password'].error,
/**/
input[type='text'].error:hover,
select.error:hover,
textarea.error:hover,
input[type='password'].error:hover,
/**/
input[type='text'].error:active,
select.error:active,
textarea.error:active,
input[type='password'].error:active,
/**/
input[type='text'].error:focus,
select.error:focus,
textarea.error:focus,
input[type='password'].error:focus
{
	border: 1px solid #FF0000;
	color: #FF0000;
	overflow: hidden;
	background-color: #FFEAEA !important;
	background-image: url("../images/avvertenza/errorText.png") !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
}

textarea.error,
textarea.error:hover,
textarea.error:active,
textarea.error:focus
{
    background-position: right center !important;
}
/*FINE STILI VALIDATION*/

/*INIZIO STILI POSIZIONE*/
.align_left {
    text-align: left;
}
.align_right {
    text-align: right;
}
.align_center {
    text-align: center;
}
.to_left {
    float: left;
}
.to_right {
    float: right;
}
.to_center {
    margin: 0px auto;
}
.clear {
    clear: both;
}
.relative {
    position: relative;
}
/*FINE STILI POSIZIONE*/

#stage{
    width: 800px;
    margin: 50px auto 0px;
    padding: 10px;
    text-align: center;
}

#header{
}

#content{
    margin-top: 20px; 
}

#footer{
    margin-top: 50px;
}

/*INIZIO STILI PAGINA*/
.pagina{

}
.paginaTitolo{

}

.paginaTitolo h1,
.paginaTitolo h4
{
    font-weight: normal;
}

.paginaTitolo h1{
    font-size: 40px;
    color: #172845;
}

.paginaContent{margin-top: 20px;}
.paginaFooter{margin-top: 20px;}

.campo{
    margin-top: 10px;
}
.campo:first-child{
    margin-top: 0px;
}
/*FINE STILI PAGINA*/

/*INIZIO STILI LOGIN*/
.paginaLogin{
}

.paginaLogin input[type='text'],
.paginaLogin input[type='password']{
    width: 350px;
    text-align: center;
}

.paginaLogin .paginaFooter input[type='submit']{
    width: 200px;
    height: 50px;
    font-size: 18px;
}
/*FINE STILI LOGIN*/

/*INIZIO STILI AVVERTENZA*/
.paginaAvvertenza .paginaTitolo h1{
    display: inline-block;
    min-height: 50px;
    padding-left: 65px;
    background-image: url("../images/avvertenza/alert.png");
    background-position: left center;
    background-repeat: no-repeat;
}
.messaggioErrore{
    font-size: 18px;
    display: block;
    margin-top: 10px;
}
/*FINE STILI AVVERTENZA*/

/*INIZIO STILI NOTIFY*/
#jnotify-stack {
    margin: 0px;
    position: fixed;
    bottom: 0;
    right: 0;
    min-width: 300px;
    z-index: 10000;
}

.jnotify {    
    text-align: left;
    cursor: text;
    z-index: 10001;
    background-position: left top;
    background-repeat: no-repeat;
    border-left: 30px solid #333333;
    background-color: #F9F9F9;
    padding: 20px;
    position: relative;
    font-size: 15px;
    color: #333333;
}

.jnotify .close {
    background-repeat: no-repeat;
    background-position: right top;
    display: block !important;
    min-height: 25px;
    padding: 0px 0px 10px 30px;
    color: #000000;
    font-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    
}

.jnotify-notice {
    border-left-color: #4CA0F3;
}
.jnotify-notice .close{
    background-image: url("../images/avvertenza/notify_info.png");
}
    .jnotify-notice .close:before {
        content: "Info";
    }

.jnotify-success {
    border-left-color: #4BB572;
}
.jnotify-success .close{
    background-image: url("../images/avvertenza/notify_conferma.png");
}
    .jnotify-success .close:before {
        content: "Conferma";
    }

.jnotify-warning {
    border-left-color: #FFAF25;
}
.jnotify-warning .close{
    background-image: url("../images/avvertenza/notify_alert.png");
}
    .jnotify-warning .close:before {
        content: "Attenzione";
    }

.jnotify-error {
    border-left-color: #DF0024;
}
.jnotify-error .close{
    background-image: url("../images/avvertenza/notify_errore.png");
}
    .jnotify-error .close:before {
        content: "Errore";
    }
/*FINE STILI NOTIFY*/

.ajax_loader
{
    width: 296px;
    height: 170px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -85px 0px 0px -148px;
    background-image: url("../images/varie/ajax_load.png");
    background-position: left top;
    background-repeat: no-repeat;
}
