/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
    margin: 0px;
    padding: 0px;
}

img {
    padding: 0px;
    border: none;
    margin: 0px;
    line-height: 0px;
}

.img-circle {
    border-radius: 50%;
}

a {
    color: #666666;
    text-decoration: underline;
    font-weight: bold;
}

    a:hover {
        text-decoration: none;
        color: #000000;
    }

body {
    font-size: 12px; /*.75em;*/
    font-family: 'Allerta', serif, 'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif;
    color: #696969;
    background: #b6b7bc url('../Images/article_bg.png');
    height: 100%;
}


.clear {
    clear: both;
}


/* HEADINGS   
----------------------------------------------------------*/


hr {
    border: 1px solid #abc14f /*#982b12*/
}

h1 {
    color: #abc14f; /*#982b12; #f07905*/
    font-weight: 200;
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-family: verdana,tahoma,helvetica;
}

h2 {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #abc14f; /*#982b12; #f07905*/
    padding-bottom: 10px;
}

h3 {
    font: 18px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 13px;
    /*text-align: center;*/
}

h4 {
    font: 18px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abc14f; /*#982b12; #f07905*/
    padding-bottom: 20px;
}

h5, h6 {
    font: 16px Arial, Helvetica, sans-serif;
    /*font-size: 1em;*/
    font-family: verdana,tahoma,helvetica;
    color: #abc14f; /*#982b12; #f07905*/
    padding-bottom: 5px;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    color: #c0d853;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}



/*
	wrapper
*/
#wrap {
    /*width: 997px;
	margin: auto;*/
    margin: 10px auto 10px auto;
    max-width: 1680px;
    min-width: 992px;
}


#top_box {
    padding-bottom: 25px;
}

/*logo*/

#logo {
    width: 337px;
    height: 66px;
    /*padding-top: 20px;*/
    /*background: url('../Images/logo.jpg') no-repeat left top;*/
    float: left;
}

    #logo h1 a {
        font: 24px Arial, Helvetica, sans-serif;
        color: #003399;
        font-weight: bold;
        text-decoration: none;
        padding-left: 190px;
    }


/*
	menu
*/

#nav {
    float: left;
    padding-left: 24px;
    padding-top: 30px;
    font: 12px Arial, Helvetica, sans-serif;
}

    #nav ul ul {
        display: none;
    }

    #nav ul li:hover > ul {
        display: block;
    }

    #nav ul {
        background: #efefef;
        background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
        background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
        background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
        box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
        padding: 0 0px 0 0px;
        border-radius: 10px;
        list-style: none;
        position: relative;
        display: inline-table;
        z-index: 99;
    }

        #nav ul:after {
            content: "";
            clear: both;
            display: block;
        }

        #nav ul li {
            float: left;
        }


            #nav ul li:hover {
                background: #C0C0C0;
                background: linear-gradient(top, #C0C0C0 0%, #757575 40%);
                background: -moz-linear-gradient(top, #C0C0C0 0%, #757575 40%);
                background: -webkit-linear-gradient(top, #C0C0C0 0%,#757575 40%);
                box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
                border-radius: 10px;
                list-style: none;
                position: relative;
                display: inline-table;
            }

                #nav ul li:hover a {
                    color: #4b545f;
                }

            #nav ul li a {
                display: block;
                padding: 25px 30px;
                color: #757575;
                text-decoration: none;
            }


        #nav ul ul ul {
            position: absolute;
            left: 100%;
            top: 0;
        }


/*
	content
*/

.content_top {
    background: url('../images/content_top.png') no-repeat left top;
    height: 19px;
}

.content_bot {
    background: url(../images/content_bot.png) no-repeat top left;
    height: 20px;
}

#content {
    background: #ffffff;
    padding: 0px 15px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}


/*
	column 3 box
*/

#column_box {
    background: url('../Images/st_repeat.jpg') repeat-x top;
    margin: 15px 20px 0px 16px;
}

    #column_box p {
        font: 11px Arial, Helvetica, sans-serif;
        color: #666666;
    }

#bg_left {
    background: url(../Images/st_left.jpg) no-repeat top left;
    float: left;
    width: 46px;
    height: 151px;
}


#column1, #column2, #column3 {
    float: left;
    width: 230px;
    height: 121px;
    padding: 20px 45px 10px 20px;
}

#column1, #column2 {
    background: url(../Images/st_center.jpg) no-repeat top right;
}

#column3 {
    background: url(../Images/st_right.jpg) no-repeat top right;
}



/*
	footer_top
*/

#footer_bg {
    /*background: url(../Images/footer_bg.png) no-repeat left top;*/
    /*background: #C0C0C0;
    background: linear-gradient(top, #C0C0C0 0%, #757575 40%);
    background: -moz-linear-gradient(top, #C0C0C0 0%, #757575 40%);
    background: -webkit-linear-gradient(top, #C0C0C0 0%,#757575 40%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-radius: 10px;  
	list-style: none;
	position: relative;
	margin-top: 18px;*/
    /*display: inline-table;*/
    width: 100%;
    list-style: none;
    position: relative;
    margin-top: 18px;
    /*
	border: 1px solid #222;
	background-color: #222;
	background-image: -moz-linear-gradient(#555, #222); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));	
	background-image: -webkit-linear-gradient(#555, #222);	
	background-image: -o-linear-gradient(#555, #222);
	background-image: -ms-linear-gradient(#555, #222);
	background-image: linear-gradient(#555, #222);*/
    border: 1px solid #003E87;
    background-color: #003E87;
    background-image: -moz-linear-gradient(#003E87, #022f64);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#003E87), to(#022f64));
    background-image: -webkit-linear-gradient(#003E87, #022f64);
    background-image: -o-linear-gradient(#003E87, #022f64);
    background-image: -ms-linear-gradient(#003E87, #022f64);
    background-image: linear-gradient(#003E87, #022f64);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}

#footer_top {
    padding-bottom: 10px;
}

    #footer_top p, #footer_top p a, #footer_top a {
        color: #bbb;
        /*color: #000000;*/
    }

#footer_top_column1 {
    float: left;
    /*width: 175px;*/
    width: 200px;
    padding-left: 25px;
}

#footer_top_column2 {
    float: left;
    padding-left: 25px;
    /*width: 240px;*/
    width: 265px;
}

    #footer_top_column2 p {
        line-height: 20px;
    }

#footer_top_column3 {
    float: left;
    width: 215px;
    padding-left: 25px;
}

#footer_top_column4 {
    float: left;
    padding-left: 25px;
    width: 250px;
}

.ls {
    list-style: none;
    padding-left: 0px;
}

    .ls li {
        background: url('../Images/ls1.gif') no-repeat 0px 6px;
        margin-bottom: 8px;
        padding-left: 15px;
    }

.under {
    text-decoration: underline;
}

/*
	footer_bot
*/

#footer_bot {
    background: url('../Images/bor_gorizontal.gif') repeat-x top;
    padding: 15px;
    margin: 0px 20px;
    text-align: center;
}

    #footer_bot p a, #footer_bot p {
        color: #bbb;
        /*color:#000000*/
    }


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}



/*old retivendita*/
.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: #454545;
}

    .loginDisplay a:link {
        color: #454545;
    }

    .loginDisplay a:visited {
        color: #454545;
    }

    .loginDisplay a:hover {
        color: #454545;
    }


.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

/*Textbox Watermark*/

.unwatermarked {
    /*height:18px;*/
    width: 148px;
}

.watermarked {
    height: 15px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}


.divSpazio {
    height: 4px;
}

.textbox:hover {
    background-color: Yellow;
}

.validator {
    color: Red;
    font-family: verdana,tahoma,helvetica;
    font-size: 0.70em;
}



#wizHeader li .prevStep {
    background-color: #669966;
}

    #wizHeader li .prevStep:after {
        border-left-color: #669966 !important;
    }

#wizHeader li .currentStep {
    background-color: #C36615;
}

    #wizHeader li .currentStep:after {
        border-left-color: #C36615 !important;
    }

#wizHeader li .nextStep {
    background-color: #C2C2C2;
}

    #wizHeader li .nextStep:after {
        border-left-color: #C2C2C2 !important;
    }

#wizHeader {
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    margin: 0px;
    padding: 0px;
}

    #wizHeader li {
        float: left;
    }

        #wizHeader li a {
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 55px;
            background: brown; /* fallback color */
            background: hsla(34,85%,35%,1);
            position: relative;
            display: block;
            float: left;
        }

            #wizHeader li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsla(34,85%,35%,1);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            #wizHeader li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        #wizHeader li:first-child a {
            padding-left: 10px;
        }

        #wizHeader li:last-child {
            padding-right: 50px;
        }

        #wizHeader li a:hover {
            background: #FE9400;
        }

            #wizHeader li a:hover:after {
                border-left-color: #FE9400 !important;
            }


.hidden {
    display: none;
}


/* ---------------------------------------------------------------------------- */
/* ------------------------------------Crumbs---------------------------------- */
/* ---------------------------------------------------------------------------- */
.crumbs {
    -webkit-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
    box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
    padding: 20px 0 20px 30px;
}

    .crumbs ul {
        list-style: none;
        display: inline-table;
        font: 20px, Helvetica, Arial, Sans-Serif;
    }

        .crumbs ul li {
            display: inline;
        }

            .crumbs ul li a {
                display: block;
                float: left;
                background: #C2C2C2;
                text-align: center;
                padding: 7px 0px 8px 30px;
                position: relative;
                margin-left: 5px;
                font-size: 20px;
                text-decoration: none;
                color: #fff;
            }

                .crumbs ul li a:after {
                    content: "";
                    border-top: 20px solid transparent;
                    border-bottom: 20px solid transparent;
                    border-left: 20px solid #C2C2C2;
                    position: absolute;
                    right: -20px;
                    top: 0;
                    z-index: 1;
                    -webkit-transition: border 0.3s, -webkit-transform 0.3s;
                    -moz-transition: border 0.3s, -moz-transform 0.3s;
                    -o-transition: border 0.3s, -o-transform 0.3s;
                    transition: border 0.3s, transform 0.3s;
                }

                .crumbs ul li a:before {
                    content: "";
                    border-top: 20px solid transparent;
                    border-bottom: 20px solid transparent;
                    border-left: 20px solid #fff;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            .crumbs ul li:first-child a {
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
            }

                .crumbs ul li:first-child a:before {
                    display: none;
                }

            .crumbs ul li:last-child a {
                padding-right: 50px;
                border-top-right-radius: 6px;
                border-bottom-right-radius: 6px;
            }

                .crumbs ul li:last-child a:after {
                    display: none;
                }

            .crumbs ul li a:hover {
                background: #003E87;
                color: #fff;
            }

                .crumbs ul li a:hover:after {
                    border-left-color: #003E87 !important;
                }

            .crumbs ul li .prevStep {
                background-color: #c0d853;
            }

                .crumbs ul li .prevStep:after {
                    border-left-color: #c0d853 !important;
                }

    .crumbs li .currentStep {
        background-color: #669966;
    }

        .crumbs li .currentStep:after {
            border-left-color: #669966 !important;
        }

    .crumbs li .nextStep {
        background-color: #C2C2C2;
    }

        .crumbs li .nextStep:after {
            border-left-color: #C2C2C2 !important;
        }


/************ Modal Popup ******************/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #F7F7F7;
    width: 300px;
    border: 3px solid #003E87; /*#7795BD;*/ /*#0DA9D0*/
    border-radius: 12px;
    padding: 0;
}

.modalPopupStradario {
    background-color: #F7F7F7;
    min-width: 500px;
    width: auto;
    border: 3px solid #003E87; /*#7795BD;*/ /*#0DA9D0*/
    border-radius: 12px;
    padding: 0;
}


.modalPopupHeader {
    background-color: #003E87; /*#7795BD*/ /*#2FBDF1*/
    background-image: -moz-linear-gradient(#003E87, #01397a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#003E87), to(#01397a));
    background-image: -webkit-linear-gradient(#003E87, #01397a);
    background-image: -o-linear-gradient(#003E87, #01397a);
    background-image: -ms-linear-gradient(#003E87, #01397a);
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modalPopupBody {
    min-height: 50px;
    /*line-height: 30px;*/
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}

/************ Modal Popup Indirizzi ******************/
.indirizzi .modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.indirizzi.modalPopup {
    background-color: #F7F7F7;
    width: 400px;
    min-height: 250px;
    border: 3px solid #003E87; /*#7795BD;*/ /*#0DA9D0*/
    border-radius: 12px;
    padding: 0;
}


.indirizzi .modalPopupHeader {
    background-color: #003E87; /*#7795BD*/ /*#2FBDF1*/
    background-image: -moz-linear-gradient(#003E87, #01397a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#003E87), to(#01397a));
    background-image: -webkit-linear-gradient(#003E87, #01397a);
    background-image: -o-linear-gradient(#003E87, #01397a);
    background-image: -ms-linear-gradient(#003E87, #01397a);
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.indirizzi .modalPopupBody {
    min-height: 200px;
    /*line-height: 30px;*/
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}

.indirizzi h3 {
    margin: 4px;
    color: #abc14f;
}



.modalPopupFooter {
    padding: 6px;
}

/* 
.errorModal
{
    background-color:#FF7F50;
    opacity:0.9;
    padding: 5px;
    margin: 5px;
    font-size:14px;
    font-weight:bold;
    color:Black;
    
    }

.okModal
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
    
    }
    
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}  

.modalPopup p {
    padding: 5px;
}

/*


/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditMessage {
    color: #ff0000;
    font-weight: bold;
}

.MaskedEditError {
    background-color: #ffcccc;
}


/* ----- Validation and error messages class starts -----*/
.validationsummary {
    border: 1px solid #b08b34;
    /*background: transparent url('../Images/Err-24x24.png') no-repeat 12px 30px;*/
    padding: 0px 0px 13px 0px;
    font-size: 12px;
    width: 99%;
}

.validationheader {
    left: 0px;
    /*position: relative;*/
    z-index: 10;
    font-size: 11px;
    background-color: #e5d9bd;
    color: #56300a;
    height: 14px;
    font-weight: bold;
    border-bottom: 1px solid #b08b34;
    padding-top: 3px;
}

.validationsummary ul {
    padding-top: 5px;
    padding-left: 45px;
    list-style: none;
    font-size: 0.9em;
    color: #982b12;
    /*font-style:italic;*/
}

    .validationsummary ul li {
        padding: 2px 0px 0px 15px;
        background-image: url('../Images/Warning.gif');
        background-position: 0px 3px;
        background-repeat: no-repeat;
    }

.loginBox {
    padding: 5px 8px 5px 20px;
    text-align: left;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;
    /*
    background: #C0C0C0;
    background: linear-gradient(top, #C0C0C0 0%, #757575 40%);
    background: -moz-linear-gradient(top, #C0C0C0 0%, #757575 40%);
    background: -webkit-linear-gradient(top, #C0C0C0 0%,#757575 40%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    */
    background: #003E87;
    background: linear-gradient(top, #003E87 0%, #022f64 40%);
    background: -moz-linear-gradient(top, #003E87 0%, #022f64 40%);
    background: -webkit-linear-gradient(top, #003E87 0%, #022f64 40%);
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
}

.errorbox {
    border: solid 1px red;
    padding: 5px 8px 5px 20px;
    text-align: left;
    vertical-align: middle;
    background-color: #F1E7D1;
}

    .errorbox ul {
        padding-left: 20px;
        list-style: none;
        color: #800000;
    }

        .errorbox ul li {
            padding: 2px 0px 0px 20px;
            background-image: url('../Images/Warning.gif');
            background-position: 0px 3px;
            background-repeat: no-repeat;
        }


.errorimage {
    padding: 5px 15px 5px 15px;
    background: #F1E7D1 url('../Images/Err-24x24.png') no-repeat;
    background-position: left center;
    vertical-align: middle;
    display: inline-block;
    height: 100%;
}

.errorhead {
    color: #CC0000;
    font-weight: bold;
    font-size: 15px;
    padding-left: 18px;
}

.errorcontrol {
    background-color: #FBE3E4;
    border: solid 1px Red;
    width: auto;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}


/* -- --Validation and error messages class ends -- --*/

/* Gestione pager gridview*/
.cssPager span {
    background-color: #4f6b72;
    font-size: 15px;
}
/**/
.cssPager td {
    padding-left: 4px;
    padding-right: 4px;
}


/*AutoComplete flyout */

autocomplete_completionListElement {
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: auto;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}


table.center {
    margin-left: auto;
    margin-right: auto;
    /*width:720px;*/
    background-color: #f3f6fa;
}


.valcontrol {
    text-align: left;
    text-indent: 2px;
    font-size: 7pt;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #800000;
}

.BtnStyle {
    background-color: #C0C0C0;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #4870a7;
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    margin-bottom: 1px;
    border-top-left-radius: 10px 5px;
    border-bottom-right-radius: 10% 5%;
    border-top-right-radius: 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 10px 10px 10px 10px;
    behavior: url(PIE.htc); /* IE */
}

    .BtnStyle:Hover {
        background-color: #CCCCCC;
        font-family: verdana;
        font-size: 10pt;
        font-weight: bold;
        color: #006699;
        padding: 3px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1px;
        margin-bottom: 1px;
        border-top-left-radius: 10px 5px;
        border-bottom-right-radius: 10% 5%;
        border-top-right-radius: 10px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 10px 10px 10px 10px;
        behavior: url(PIE.htc); /* IE */
    }

.BtnStyle2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #677a83;
    padding: 10px 20px;
    background: -moz-linear-gradient( top, #ffffff 0%, #abc14f);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#abc14f));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #003E87;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
    text-shadow: 0px -1px 0px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.3);
    behavior: url(PIE.htc); /* IE */
}

    .BtnStyle2:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #677a83;
        padding: 10px 20px;
        background: -moz-linear-gradient( top, #f0f2ff 0%, #abc14f);
        background: -webkit-gradient( linear, left top, left bottom, from(#f0f2ff), to(#abc14f));
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #003E87;
        -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        text-shadow: 0px -1px 0px rgba(0,0,0,0.7), 0px 1px 0px rgba(255,255,255,0.3);
        behavior: url(PIE.htc); /* IE */
    }


/*CSS TEXTBOX*/

/*
.txtboxStyle
{
    color: #006699;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 3px;
    border-top-left-radius: 10px 5px;
    border-bottom-right-radius: 10% 5%;
    border-top-right-radius: 10px;
    -moz-border-radius:10px; 
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px 10px 10px 10px;

}
*/


.txtboxStyle {
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 5px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

    .txtboxStyle:focus {
        background-color: #FFF;
        border-color: #abc14f; /*#E8C291;*/
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .txtboxStyle[disabled],
    .txtboxStyle[read-only] {
        cursor: not-allowed;
    }

.textboxEmail {
    background: #FFF url('../Images/email_send.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxEmail:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxEmail[disabled],
    .textboxEmail[read-only] {
        cursor: not-allowed;
    }

.textboxCalendar {
    background: #FFF url('../Images/calendar.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

.textboxCalendar:focus {
    background-color: #FFF;
    border-color: #abc14f;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #abc14f inset;
    -webkit-box-shadow: 0 0 0 1px #abc14f inset;
    box-shadow: 0 0 0 1px #abc14f inset;
}

.textboxCalendar[disabled],
.textboxCalendar[read-only] {
    cursor: not-allowed;
}

.textboxSearch {
    background: #FFF url('../Images/search.png') no-repeat 0px 0px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxSearch:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxSearch[disabled],
    .textboxSearch[read-only] {
        cursor: not-allowed;
    }


.textboxTelephone {
    background: #FFF url('../Images/telephone.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxTelephone:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxTelephone[disabled],
    .textboxTelephone[read-only] {
        cursor: not-allowed;
    }

.textboxMobilephone {
    background: #FFF url('../Images/mobile_phone.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxMobilephone:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxMobilephone[disabled],
    .textboxMobilephone[read-only] {
        cursor: not-allowed;
    }


.textboxIban {
    background: #FFF url('../Images/bank_orange.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxIban:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxIban[disabled],
    .textboxIban[read-only] {
        cursor: not-allowed;
    }


.textboxPersona {
    background: #FFF url('../Images/user.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxPersona:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxPersona[disabled],
    .textboxPersona[read-only] {
        cursor: not-allowed;
    }

.textboxReferente {
    background: #FFF url('../Images/business-contact.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxReferente:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxReferente[disabled],
    .textboxReferente[read-only] {
        cursor: not-allowed;
    }

.textboxIndirizzo {
    background: #FFF url('../Images/location.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxIndirizzo:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxIndirizzo[disabled],
    .textboxIndirizzo[read-only] {
        cursor: not-allowed;
    }

.textboxCompany {
    background: #FFF url('../Images/group.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxCompany:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxCompany[disabled],
    .textboxCompany[read-only] {
        cursor: not-allowed;
    }


.textboxFiscali {
    background: #FFF url('../Images/contract.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxFiscali:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxFiscali[disabled],
    .textboxFiscali[read-only] {
        cursor: not-allowed;
    }

.textboxCf {
    background: url('../Images/input_cf.png') no-repeat scroll 0 5px transparent !important;
    border-width: 0 !important;
    font-family: 'Courier New';
    font-weight: bold;
    height: 30px;
    letter-spacing: 9px;
    padding: 0 2px !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 9px;
    width: 260px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .textboxCf:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

.textboxLogin {
    height: 15px;
    padding: 7px 7px 7px 5px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    width: 150px;
    font-size: 11pt;
}

    .textboxLogin:focus {
        background-color: #FFF;
        border-color: #abc14f; /*#E8C291;*/
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxLogin[disabled],
    .textboxLogin[read-only] {
        cursor: not-allowed;
    }

.textboxMoney {
    background: #FFF url('../Images/euro.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    padding-left: 35px !important;
}

    .textboxMoney:focus {
        background-color: #FFF;
        border-color: #abc14f;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxMoney[disabled],
    .textboxMoney[read-only] {
        cursor: not-allowed;
    }

.textboxWizard {
    height: 15px;
    padding: 7px 7px 7px 5px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    width: 250px;
    font-size: 11pt;
}

    .textboxWizard:focus {
        background-color: #FFF;
        border-color: #abc14f; /*#E8C291;*/
        outline: none;
        -moz-box-shadow: 0 0 0 1px #abc14f inset;
        -webkit-box-shadow: 0 0 0 1px #abc14f inset;
        box-shadow: 0 0 0 1px #abc14f inset;
    }

    .textboxWizard[disabled],
    .textboxWizard[read-only] {
        cursor: not-allowed;
    }


/*tooltip*/
a.tooltip {
    outline: none;
    text-decoration: none;
    border-width: 0;
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover {
        text-decoration: none;
    }

    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 28px;
        width: 300px;
        line-height: 16px;
        font-weight: lighter;
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
        z-index: 1;
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}


/*CSS3 extras*/
a.tooltip span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


/*other tooltip*/
#tooltip {
    position: absolute;
    z-index: 3000;
    border-width: 0;
    background-color: #FEE18D;
    padding: 5px;
    opacity: 0.85;
}

    #tooltip h3
    #tooltip div {
        margin: 0;
    }


/*CollapsiblePanel*/
.collapsePanel {
    /*background-color:white;*/
    overflow: hidden;
    width: 100%;
}

.collapsePanelHeader {
    width: 100%;
    height: 20px;
    /*background-image: url('../Images/bg-menu-main.png');
    background-repeat: repeat-x;*/
    color: #FFF;
    font-weight: bold;
}

/*TabContainer*/
/* XP IE7 theme - Backgrounds */
.visoft__tab_xpie7 .ajax__tab_header {
    background: url('../Images/tabcontainer/tab-line.gif') repeat-x bottom;
}

.visoft__tab_xpie7 .ajax__tab_outer {
    background: url(../Images/tabcontainer/tab-right.gif) no-repeat right;
}

.visoft__tab_xpie7 .ajax__tab_inner {
    background: url(../Images/tabcontainer/tab-left.gif) no-repeat;
}

.visoft__tab_xpie7 .ajax__tab_tab {
    background: url(../Images/tabcontainer/tab.gif) repeat-x;
}

.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_outer {
    background: url(../Images/tabcontainer/tab-hover-right.gif) no-repeat right;
}

.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_inner {
    background: url(../Images/tabcontainer/tab-hover-left.gif) no-repeat;
}

.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab {
    background: url(../Images/tabcontainer/tab-hover.gif) repeat-x;
}

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer {
    background: url(../Images/tabcontainer/tab-active-right.gif) no-repeat right;
}

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_inner {
    background: url(../Images/tabcontainer/tab-active-left.gif) no-repeat;
}

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab {
    background: url(../Images/tabcontainer/tab-active.gif) repeat-x;
}

/* XP IE7 theme - Other Styles */
.visoft__tab_xpie7 .ajax__tab_header {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 8pt;
}

.visoft__tab_xpie7 .ajax__tab_outer {
    height: 29px;
}

.visoft__tab_xpie7 .ajax__tab_inner {
    padding-left: 3px;
}

.visoft__tab_xpie7 .ajax__tab_tab {
    padding: 8px 25px;
    margin: 0;
}

.visoft__tab_xpie7 .ajax__tab_body {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

/*Rounded Corners CSS classes*/
.rounded_corners {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

    .rounded_corners td, .rounded_corners th {
        /*   
    text-align: center;*/
        padding: 3px;
        font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-size: 8.5pt;
    }

    .rounded_corners table table td {
        border-style: none;
    }


/*dropdownlist*/
div.side-by-side {
    width: 100%;
    margin-bottom: 1em;
}

    div.side-by-side > div {
        float: left;
        width: 100%;
    }

        div.side-by-side > div > em {
            margin-bottom: 10px;
            display: block;
        }

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}


/*radiobutton*/
.Space label {
    margin-left: 5px;
}


/*Prospect Lam*/
.RoundedBgHeaderLam {
    background: transparent;
    width: 825px;
    margin: 0 auto;
}

    .RoundedBgHeaderLam .top, .RoundedBgHeaderLam .bottom {
        display: block;
        background: transparent;
        font-size: 1px;
    }

    .RoundedBgHeaderLam .b1, .RoundedBgHeaderLam .b2, .RoundedBgHeaderLam .b3, .RoundedBgHeaderLam .b4, .RoundedBgHeaderLam .b1b, .RoundedBgHeaderLam .b2b, .RoundedBgHeaderLam .b3b, .RoundedBgHeaderLam .b4b {
        display: block;
        overflow: hidden;
        background: #7795BD;
    }

    .RoundedBgHeaderLam .b1, .RoundedBgHeaderLam .b2, .RoundedBgHeaderLam .b3, .RoundedBgHeaderLam .b1b, .RoundedBgHeaderLam .b2b, .RoundedBgHeaderLam .b3b {
        height: 1px;
        background: #7795BD;
    }

    .RoundedBgHeaderLam .b2, .RoundedBgHeaderLam .b3, .RoundedBgHeaderLam .b4, .RoundedBgHeaderLam .b4b, .RoundedBgHeaderLam .b3b, .RoundedBgHeaderLam .b2b {
        border-left: 1px solid #7795BD;
        border-right: 1px solid #7795BD;
    }

    .RoundedBgHeaderLam .b1 {
        margin: 0 5px;
        background: #7795BD;
    }

    .RoundedBgHeaderLam .b2, .RoundedBgHeaderLam .b2b {
        margin: 0 3px;
        border-width: 0 2px;
    }

    .RoundedBgHeaderLam .b3, .RoundedBgHeaderLam .b3b {
        margin: 0 2px;
    }

    .RoundedBgHeaderLam .b4, .RoundedBgHeaderLam .b4b {
        height: 2px;
        margin: 0 1px;
    }

    .RoundedBgHeaderLam .b1b {
        margin: 0 5px;
        background: #7795BD;
    }

    .RoundedBgHeaderLam .boxcontent {
        display: block;
        background: #7795BD;
        border-left: 1px solid #7795BD;
        border-right: 1px solid #7795BD;
        color: #ffffff;
    }

/*ddl noskin*/
.ddl {
    border-radius: 5px;
    padding: 3px;
    height: 30px;
    text-transform: uppercase;
    -webkit-appearance: none;
    background-image: url('../Images/down_ddl.png');
    background-position: 190px;
    background-repeat: no-repeat;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ''; /*In Firefox*/
}


/*Calendar Area*/
.CalendarArea {
    float: left;
    margin: 5px;
    font-family: Lucida Sans, Trebuchet MS, Tahoma, Arial;
    background-color: #F7F7F7;
    border: 5px solid #dddddd; /*#7795BD;*/ /*#0DA9D0*/
    border-radius: 12px;
    font-size: 9pt;
}

    .CalendarArea .title {
        font-size: 12pt;
        font-weight: bold;
        margin: 3px;
    }

    .CalendarArea .item {
        background: #F7F7F7;
        margin: 5px;
        padding: 2px;
    }

    .CalendarArea .date {
        float: left;
        margin-right: 5px;
        text-align: left;
        width: 65px;
    }

    .CalendarArea .time {
        float: left;
        margin-right: 5px;
        text-align: right;
        width: 65px;
    }

    .CalendarArea a {
        font-size: 8pt;
        font-weight: bold;
        float: right;
        padding: 3px;
    }

/*AJAX CALENDAR REMOVE STYLED CSS TABLE*/
.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #c0d853;
    color: #800000;
}

    .MyCalendar .ajax__calendar_container th {
        padding: 0px;
    }

    .MyCalendar .ajax__calendar_container td {
        background-color: #f0f2ff;
        padding: 0px;
    }

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #c0d853;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

.MyCalendar .ajax__calendar_title {
    color: #ffffff;
    padding-top: 3px;
}

.MyCalendar .ajax__calendar_next,
.MyCalendar .ajax__calendar_prev {
    border: solid 2px #ffffff;
    background-color: #c0d853;
    -moz-border-radius-topleft: 18px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 18px /*{cornerRadius}*/;
    -khtml-border-top-left-radius: 18px /*{cornerRadius}*/;
    border-top-left-radius: 18px /*{cornerRadius}*/;
    -moz-border-radius-topright: 18px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 18px /*{cornerRadius}*/;
    -khtml-border-top-right-radius: 18px /*{cornerRadius}*/;
    border-top-right-radius: 18px /*{cornerRadius}*/;
    -moz-border-radius-bottomleft: 18px /*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 18px /*{cornerRadius}*/;
    -khtml-border-bottom-left-radius: 18px /*{cornerRadius}*/;
    border-bottom-left-radius: 18px /*{cornerRadius}*/;
    -moz-border-radius-bottomright: 18px /*{cornerRadius}*/;
    -webkit-border-bottom-right-radius: 18px /*{cornerRadius}*/;
    -khtml-border-bottom-right-radius: 18px /*{cornerRadius}*/;
    border-bottom-right-radius: 18px /*{cornerRadius}*/;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_next,
.MyCalendar .ajax__calendar_hover .ajax__calendar_prev {
    border: solid 2px #c0d853;
    background-color: #ffffff;
}

.MyCalendar .ajax__calendar_dayname {
    text-align: center;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #000;
}

/*
	last_box
*/

#last_box {
    background: url(../Images/bor_vertical.gif) repeat-y 717px;
    margin-top: 33px;
}

#last_box_left {
    width: 690px;
    float: left;
    padding-left: 15px;
}

    #last_box_left p {
        font-size: 11px;
    }

    #last_box_left img {
        float: left;
        padding: 0px 10px 5px 0px;
    }

#last_box_right {
    width: 200px;
    float: right;
}

#last_box_right1 {
    float: left;
    width: 210px;
}

#last_box_right2 {
    float: right;
    width: 200px;
}

    #last_box_right2 p {
        line-height: 20px;
    }

.ls2 {
    list-style: none;
    padding-left: 0px;
}

    .ls2 li {
        background: url(../Images/ls_black.gif) no-repeat 0px 6px;
        margin-bottom: 5px;
        padding-left: 12px;
    }

.lshomepage {
    list-style: none;
    padding-left: 0px;
}


/*Back to top*/
#back-to-top {
    position: fixed;
    bottom: 30px;
    top: 350px;
}

    #back-to-top img {
        cursor: pointer;
    }


/*TABLE*/
table.dettagli {
    border-bottom: 1px solid #9097A9;
    border-collapse: collapse;
    border-spacing: 0;
    width: 850px;
    padding: 0;
    margin: 0;
}

    table.dettagli td {
        border: 1px solid #fff;
        text-align: center;
        background-color: #D8D8D8;
        color: #000; /*#800000;*/
        height: 25px;
    }

    table.dettagli th {
        border: 1px solid #fff;
        text-align: center;
        background-color: #e8e8e8;
        height: 25px;
    }



table.report {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #F7F7F7;
}

    table.report th {
        background-color: #abc14f; /*#e8e8e8;*/
        color: #fff; /*#800000;*/
        font-weight: bold;
        border: 1px solid #fff;
    }

    /*table.report td
{
    font-weight: bold;
}*/

    table.report th /*, table.report td*/ {
        padding: 2px;
    }

table.gv {
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px 10px;
}

    table.gv th {
        background-color: #abc14f !important; /*#800000 !important; #6C6C6C*/
        color: #fff;
        font-weight: bold;
    }

    table.gv th, table.gv td {
        padding: 3px;
        /*border: 1px solid #ccc;*/
    }

/*table.gv, table.gv table td
{
    border: 0px solid #ccc;
}*/


table.info {
    border: none
}

    table.info td {
        margin-top: 0;
        padding: 5px;
        vertical-align: middle
    }

    table.info tr {
        color: #000;
        background-color: #e8e8e8;
        height: 25px;
        text-align: center
    }


/*http://learn.shayhowe.com/html-css/organizing-data-with-tables */
table.modifiche {
    border-collapse: separate;
    border-spacing: 0;
    color: #4a4a4d;
    font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    table.modifiche th,
    table.modifiche td {
        padding: 10px 15px;
        vertical-align: middle;
    }

    table.modifiche thead {
        background: #c0d853;
        color: #fff;
    }

    table.modifiche th:first-child {
        /*text-align: left;*/
    }

    table.modifiche tbody tr:nth-child(even) {
        background: #f0f0f2;
    }

    table.modifiche td {
        /*border-bottom: 1px solid #cecfd5;*/
        /*border-right: 1px solid #cecfd5;*/
    }

        table.modifiche td:first-child {
            /*border-left: 1px solid #cecfd5;*/
        }

    table.modifiche .book-title {
        color: #395870;
        display: block;
    }

    table.modifiche .item-stock,
    table.modifiche .item-qty {
        text-align: center;
    }

    table.modifiche .item-price {
        text-align: right;
    }

    table.modifiche .item-multiple {
        display: block;
    }

    table.modifiche tfoot {
        text-align: right;
    }

        table.modifiche tfoot tr:last-child {
            background: #f0f0f2;
        }




/**************************************************************************************/
/*--------------------------------------- Columns -----------------------------------*/
/************************************************************************************/


.left {
    float: left;
}

.right {
    float: right;
}

.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content, .one-third-big {
    float: left;
}

.one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content, .one-third-big {
    margin-right: 30px;
}

.one {
    width: 960px;
}

.one-half {
    width: 465px;
}

.two-third {
    width: 630px;
}

.one-third {
    width: 250px;
    padding: 2px;
    margin: 3px;
    background: #dddddd;
    border: 5px solid #dddddd; /*#7795BD;*/ /*#0DA9D0*/
    border-radius: 12px;
    font-family: Lucida Sans, Trebuchet MS, Tahoma, Arial;
}

.inner-content {
    width: 712px;
}

.one-third-big {
    width: 340px;
}

.one-fourth {
    width: 217px;
}

.one-fifth {
    width: 168px;
}

.one-sixth {
    width: 135px;
}

.last {
    margin-right: 0px !important;
}

.one-third p {
    background: #F7F7F7;
    padding: 3px;
}

.one-third ul {
    background: #F7F7F7;
    padding: 3px;
}


.post_meta {
    padding-bottom: 5px 3px
}

    .post_meta li {
        display: inline-block;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        padding-left: 22px;
        margin-right: 15px
    }

.post_meta_admin {
    background: url("../Images/sprite.png") no-repeat 0 -64px
}

.post_meta_date {
    background: url("../Images/sprite.png") no-repeat 0 -80px
}

.post_meta_comments {
    background: url("../Images/sprite.png") no-repeat 0 0
}

/* panes */
.panes {
    background: #F7F7F7;
    width: 870px;
    margin: auto;
    height: 200px;
    /*margin-bottom:-20px;*/
    padding-bottom: 20px;
    border: 5px solid #dddddd;
    border-radius: 12px;
    /* must be relative so the individual panes can be absolutely positioned */
    position: relative;
}


    .panes div {
        position: absolute;
        top: 20px;
        left: 20px;
        font-size: 14px;
        color: #444;
        width: 850px;
        padding-right: 15px
    }

    /*.panes img {
	float:left;
	margin-right:20px;		
}*/

    .panes p.more {
        color: #000;
        font-weight: bold;
    }

    .panes h5 {
        margin: 0 0 10px 0;
        font-size: 22px;
        font-weight: normal;
        display: inline-block;
        color: #abc14f; /*#f07905;*/
    }

.prod_wrapper {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 30px;
    margin-top: 15px;
    padding: 10px 0 0
}


/*LEGENDA*/

/* basic positioning */
.legend {
    list-style: none;
}

    .legend li {
        float: left;
        margin-right: 10px;
    }

    .legend span {
        border: 1px solid #ccc;
        float: left;
        width: 12px;
        height: 12px;
        margin: 2px;
    }
    /* your colors */
    .legend .superawesome {
        background-color: #ff00ff;
    }

    .legend .awesome {
        background-color: #00ffff;
    }

    .legend .kindaawesome {
        background-color: #0000ff;
    }

    .legend .notawesome {
        background-color: #000000;
    }

    .legend .yellowsome {
        background-color: #eeff00;
    }

    .legend .redsome {
        background-color: #fb0303;
    }


/*BOX4 HOMEPAGE*/
.content-box {
}

    .content-box .header {
        margin-bottom: 40px;
        text-align: center;
        display: inline-block;
        padding: 0 25px;
        border-bottom: 1px solid #000;
    }

        .content-box .header h3 {
            font-size: 28px;
            color: #000;
            font-weight: 500;
            margin: 20px 0;
        }

        .content-box .header h2 {
            font-family: inherit;
            line-height: 1.1;
            color: #37B5E5;
            margin-bottom: 10px;
            font-weight: 500;
            font-size: 50px;
        }

    .content-box .wrap-box {
        padding: 10px 0 5px 0;
    }

    .content-box p {
        margin-bottom: 20px;
    }

    .content-box .post {
        margin-left: 30px;
    }

    .content-box.box-4 {
        width: 275px;
    }

    .content-box.box-4 {
        color: #fff;
    }

        .content-box.box-4 .header {
            border-bottom: 1px solid #fff;
        }

            .content-box.box-4 .header h2 {
                color: #fff;
            }

            .content-box.box-4 .header h3 {
                color: #fff;
            }

        .content-box.box-4 .pricing {
            background-color: #fff;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            border: 1px solid #003E87;
            padding: 10px
        }

        .content-box.box-4 .pricing-title {
            line-height: 1;
            font-size: 20px;
            font-weight: bold;
            color: #c0d853;
            border-bottom: 1px dashed #d2d2d2;
            padding: 10px;
        }

        .content-box.box-4 .pricing-price {
            width: 225px;
            height: 60px;
            color: #fff;
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -khtml-border-radius: 50px;
            background: #003E87;
            margin: 20px 0;
            line-height: 30px;
            font-size: 12pt;
        }

            .content-box.box-4 .pricing-price span {
                display: block;
            }

        .content-box.box-4 .pricing-features {
            color: #595f6b;
            list-style-type: none;
            text-align: left;
            padding-left: 40px;
        }

        .content-box.box-4 .pricing-button {
            background: #302F2F;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            padding: 5px 15px;
            line-height: 30px;
            font-weight: bold;
            font-size: 20px;
            margin: 15px 0 25px 0;
            display: inline-block;
        }


/*TIMELINE*/
/*= timeline css for data in one side =*/
.timeline-one-side {
    float: left;
    width: 90%;
    margin: 40px 5%;
    padding-left: 40px;
    position: relative;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
}

    .timeline-one-side:before, .timeline:after {
        content: "";
        width: 16px;
        height: 16px;
        border: 2px solid #ccc;
        position: absolute;
        left: -11px;
        border-radius: 50%;
    }

    .timeline-one-side:before {
        top: -18px;
    }

    .timeline-one-side:after {
        bottom: -18px;
    }

    .timeline-one-side li {
        background-color: #f1f1f1;
        border: 1px solid #ccc;
        border-radius: 5px;
        float: left;
        margin-top: 20px;
        padding: 10px;
        position: relative;
        width: 100%;
    }

        .timeline-one-side li:first-child {
            margin-top: 0;
        }

        .timeline-one-side li:before {
            content: "";
            width: 40px;
            height: 1px;
            background-color: #ccc;
            position: absolute;
            top: 50%;
            left: -41px;
        }

        .timeline-one-side li:after {
            content: "";
            width: 7px;
            height: 7px;
            background-color: #ccc;
            position: absolute;
            top: 50%;
            margin-top: -3px;
            left: -45px;
        }

    .timeline-one-side .timeline-description p {
        margin-top: 15px;
    }

        .timeline-one-side .timeline-description p:first-child {
            margin-top: 0;
        }
/*= ttimeline css for data in one side end =*/

/*= timeline css for data in both side =*/
.timeline-both-side {
    float: left;
    width: 75%;
    margin: 20px 2% 50px;
    position: relative;
    box-sizing: border-box;
    list-style: none;
}

    .timeline-both-side:before {
        background-color: #ccc;
        bottom: 0;
        content: " ";
        left: 50%;
        position: absolute;
        top: 0;
        width: 1px;
    }

    .timeline-both-side:after {
        border-radius: 50%;
        bottom: -22px;
        content: "";
        height: 18px;
        left: 50%;
        margin-left: -11px;
        position: absolute;
        width: 18px;
        border: 2px solid #ccc;
    }

    .timeline-both-side li {
        position: relative;
        float: left;
        width: 100%;
    }

        .timeline-both-side li .border-line {
            background-color: #ccc;
            font-size: 1.4em;
            height: 1px;
            left: 50%;
            margin-left: -8%;
            position: absolute;
            text-align: center;
            top: 50%;
            width: 8%;
            z-index: 100;
        }

        .timeline-both-side li.opposite-side .border-line {
            left: auto;
            right: 50%;
            margin-left: 0;
            margin-right: -8%;
        }

        .timeline-both-side li .border-line:before {
            background-color: #ccc;
            content: "";
            height: 7px;
            position: absolute;
            right: -4px;
            top: -3px;
            width: 7px;
        }

        .timeline-both-side li.opposite-side .border-line:before {
            left: -4px;
            right: auto;
        }

        .timeline-both-side li .timeline-description {
            border-radius: 2px;
            background-color: #f1f1f1;
            border: 1px solid #ccc;
            float: left;
            font-size: 8pt;
            padding: 5px;
            position: relative;
            width: 42%;
        }

        .timeline-both-side li.opposite-side .timeline-description {
            float: right;
        }
/*= timeline css for data in both side end =*/


/*AUTOEXTEND*/
.AutoExtender {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    margin-left: 10px;
    list-style-type: none;
}

.AutoExtenderList {
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
    font-style: normal;
}

/*PROTOCOLLO*/
.formResult {
    width: 100%;
    height: 140px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-top: 25px;
    box-shadow: 5px 5px 5px #888;
}

.protocollo {
    width: 60%;
    height: 100%;
    border-right: 1px solid #000;
    float: left;
    font-size: 10px;
}

    .protocollo div {
        /*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
        margin: 10px;
        overflow: hidden;
    }

        .protocollo div.title {
            color: #003E87;
            font-size: 12px !important;
            font-weight: bold;
        }

    .protocollo .title span {
        color: #8b0000;
        font-weight: bold;
    }

    .protocollo div.desc {
        height: 85px;
    }

    .protocollo div.dettaglio {
        text-align: right;
        color: #c0d853;
        background: url(../Images/search.png);
        background-size: 20px;
        background-repeat: no-repeat;
        width: 65px;
        float: right;
        margin-top: -7px;
        height: 20px;
    }

.dati {
    width: 39%;
    height: 100%;
    float: right;
    font-size: 10px;
}

    .dati div {
        margin: 10px 10px 15px 10px;
    }

.allegato {
    display: flex;
    overflow: hidden;
}

.linkdettaglio {
    background: none !important;
    border: none !important;
    padding: 0 0 0 20px !important;
    font: inherit !important;
    cursor: pointer !important;
    vertical-align: sub !important;
    color: #c0d853 !important;
    font-weight: bold;
}

/*FORM RIEPILOGO DATI*/
.formRiepilogoDati {
    clear: both;
    width: 100%;
    min-height: 540px;
    height: unset;
    margin-bottom: 10px;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #888;
}

.RiepilogoDati1 {
    width: 25%;
    height: 100%;
    float: left;
    font-size: 13px;
}

    .RiepilogoDati1 div {
        margin: 15px;
    }

.RiepilogoDati2 {
    width: 37.5%;
    height: 100%;
    float: left;
    font-size: 13px;
}

    .RiepilogoDati2 ul {
        margin-top: 10px;
        list-style-type: disc;
    }

        .RiepilogoDati2 ul li {
            word-wrap: break-word;
            height: 100%;
            font-size: 12px;
            font-weight: bold;
            margin-top: 5px;
            margin-bottom: 3px;
        }

        .RiepilogoDati2 ul span {
            font-weight: normal;
        }

.RiepilogoDatiDouble2 {
    width: 75%;
    height: 100%;
    float: left;
    font-size: 12px;
}

    .RiepilogoDatiDouble2 ul {
        margin-top: 10px;
        list-style-type: disc;
    }


        .RiepilogoDatiDouble2 ul li {
            width: 90%;
            height: 100%;
            font-size: 12px;
            font-weight: bold;
            margin-top: 5px;
        }

        .RiepilogoDatiDouble2 ul span {
            font-weight: normal;
        }

.margintop {
    padding-top: 15px;
    clear: both;
}

.marginbottom {
    padding-bottom: 15px;
    clear: both;
}

.hrRiepilogDati {
    clear: both;
    height: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
    border-left: none;
    background: #fff;
    width: 98%
}

.RiepilogoDatiHead {
    background-image: url(../Images/head.png);
    width: 100%;
    height: 126px;
    border-radius: 5px;
    position: relative;
    background-repeat: repeat;
    background-size: cover;
}

    .RiepilogoDatiHead .fumetto {
        background-repeat: no-repeat;
        background-color: #fff;
        font-size: inherit;
        width: 460px;
        height: 115px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 5px;
        top: 5px;
        border-radius: 5px;
    }

        .RiepilogoDatiHead .fumetto .welcome {
            color: #29567f;
            margin: 3px 3px 3px 3px;
            width: 455px;
        }

/*fileupload*/
.CntrlFup {
    border: 1px solid #C0D853;
    font: Verdana 10px;
    padding: 1px 4px;
    background-color: #C0D853;
    border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    -webkit-border-radius: 6px;
    height: 24px;
}


/*SKILL BAR*/
/* Make sure that padding behaves as expected */
.skills {
    text-align: right; /* Right-align text */
    padding-right: 20px; /* Add some right padding */
    line-height: 40px; /* Set the line-height to center the text inside the skill bar, and to expand the height of the container */
    color: white; /* White text color */
    font-size: 15px;
    font-weight: bold;
}

.skills_100 {
    width: 100%;
    background-color: #4CAF50;
}
/* Green */
.skills_95 {
    width: 95%;
    background-color: #4ad150;
}
/* Green */
.skills_90 {
    width: 90%;
    background-color: #4ad150;
}
/* Green */
.skills_85 {
    width: 85%;
    background-color: #4ad150;
}
/* Green */
.skills_80 {
    width: 80%;
    background-color: #4ad150;
}
/* Green */
.skills_75 {
    width: 75%;
    background-color: #3ae242;
}
/* Yellow */
.skills_70 {
    width: 70%;
    background-color: #fa9a04;
}
/* Yellow */
.skills_65 {
    width: 65%;
    background-color: #fa9a04;
}
/* Yellow */
.skills_60 {
    width: 60%;
    background-color: #fa9a04;
}
/* Orange */
.skills_55 {
    width: 55%;
    background-color: #fa9a04;
}
/* Orange */
.skills_50 {
    width: 50%;
    background-color: #fa9a04;
}
/* Orange */
.skills_45 {
    width: 45%;
    background-color: #f47036;
}
/* Orange */
.skills_40 {
    width: 40%;
    background-color: #f47036;
}
/* Orange */
.skills_30 {
    width: 30%;
    background-color: #f44336;
}
/* Red */
.skills_20 {
    width: 20%;
    background-color: #f44336;
}
/* Red */
.skills_10 {
    width: 10%;
    background-color: #f44336;
}
/* Red */
.skills_0 {
    width: 0%;
    background-color: #de1809;
}
/* Red */

.textboxPrezzoAcquisto {
    background: #FFF url('../Images/euro.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

.textboxDataPrezzoAcquisto {
    background: #FFF url('../Images/reminder.png') no-repeat 10px 4px;
    background-size: 20px 20px;
    height: 15px;
    text-transform: uppercase;
    padding: 7px 7px 7px 35px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

.parametri {
    width: 60%;
    height: 100%;
    border-right: 1px solid #000;
    float: left;
    font-size: 10px;
}

    .parametri div {
        /*text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;*/
        margin: 10px;
        overflow: hidden;
    }

        .parametri div.title {
            color: #003E87;
            font-size: 14px !important;
            font-weight: bold;
        }

    .parametri .title span {
        color: #8b0000;
        font-weight: bold;
    }

    .parametri div.desc {
        height: 55px;
        font-size: 12px !important;
    }

    .parametri div.dettaglio {
        text-align: right;
        color: #c0d853;
        background: url(../Images/search.png);
        background-size: 20px;
        background-repeat: no-repeat;
        width: 55px;
        float: right;
        margin-top: -7px;
        height: 20px;
    }

.searchDocument td {
    width: 14vw;
}

    .searchDocument td:first-child {
        padding-left: 8.6vw;
    }

.richieste td {
    color: #696969 !important;
    padding: 5px;
}

.precheck label {
    margin-left: 5px;
    margin-right: 5px;
}

table.previsioni {
    border-collapse: separate;
    border-spacing: 0;
    color: #4a4a4d;
    font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    table.previsioni th,
    table.previsioni td {
        padding: 1px 1px;
        vertical-align: middle;
    }

    table.previsioni thead {
        background: #c0d853;
        color: #fff;
    }

    table.previsioni th:first-child {
        /*text-align: left;*/
    }

    table.previsioni tbody tr:nth-child(even) {
        background: #f0f0f2;
    }

    table.previsioni td {
        /*border-bottom: 1px solid #cecfd5;*/
        /*border-right: 1px solid #cecfd5;*/
    }

        table.previsioni td:first-child {
            /*border-left: 1px solid #cecfd5;*/
        }

    table.previsioni .book-title {
        color: #395870;
        display: block;
    }

    table.previsioni .item-stock,
    table.previsioni .item-qty {
        text-align: center;
    }

    table.previsioni .item-price {
        text-align: right;
    }

    table.previsioni .item-multiple {
        display: block;
    }

    table.previsioni tfoot {
        text-align: right;
    }

        table.previsioni tfoot tr:last-child {
            background: #f0f0f2;
        }