/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
    background: url(images/body_bg.gif) top repeat-x;
}



/************************************************
* General *
************************************************/
img {
    border: none;
}

table {
    color: #333;
    font-family: Arial;
    font-size: 13px;
    text-align: left;
    margin-bottom: 0px;
}

a {
    color: #105fa8;
    text-decoration: none;
}

    a:hover {
        color: #105fa8;
        text-decoration: underline;
    }

p {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}

.lable_1 {
    color: #333;
    font-family: Arial;
    font-size: 12px;
    padding-right: 5px;
}

.textfield {
    background: #FFFFFF url(images/textfield.gif) top repeat-x;
    color: #575757;
    border: 1px solid #d8d8d8;
    padding: 3px;
    width: 400px;
}

    .textfield[readonly] {
        background: #E5E5E5;
        background-image: none;
        color: #575757;
        border: 1px solid #d8d8d8;
        padding: 3px;
    }

    .textfield[disabled] {
        background: #E5E5E5;
        background-image: none;
        color: #575757;
        border: 1px solid #d8d8d8;
        padding: 3px;
    }

.textfield2 {
    background: #FFFFFF url(images/textfield.gif) top repeat-x;
    color: #575757;
    border: 1px solid #d8d8d8;
    width: 207px;
    padding: 3px;
}

    .textfield2[readonly] {
        background: #E5E5E5;
        background-image: none;
        color: #575757;
        border: 1px solid #d8d8d8;
        width: 207px;
        padding: 3px;
    }

    .textfield2[disabled] {
        background: #E5E5E5;
        background-image: none;
        color: #575757;
        border: 1px solid #d8d8d8;
        width: 207px;
        padding: 3px;
    }

.capturebutton {
    cursor: pointer;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: url(images/butbg.gif) repeat-x;
    border: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 23px;
    padding: 0px 8px 1px 8px;
    //padding: 0px 8px 1px 8px;
    overflow: visible;
    font-weight: bold;
}

    .capturebutton[disabled] {
        background: url(images/butbg_new.gif) repeat-x;
        cursor: default;
    }

.plusbutton {
    cursor: pointer;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: url(images/butbg.gif) repeat;
    border: none;
    font-size: 25px;
    width: 30px;
    height: 68px;
    font-weight: bold;
}

.Addbutton_1 {
    cursor: pointer;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: url(images/add-icon.png) 0px 0px no-repeat;
    border: none;
    font-size: 25px;
    width: 38px;
    height: 38px;
    font-weight: bold;
}

.Addbutton_2 {
    cursor: pointer;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: url(images/euro-icon.png) 0px 0px no-repeat;
    border: none;
    font-size: 25px;
    width: 38px;
    height: 38px;
    font-weight: bold;
}

.tdMidd {
    vertical-align: middle;
}

.inputtext {
    background: #FFFFFF url(images/textfield.gif) top repeat-x;
    color: #575757;
    border: 1px solid #d8d8d8;
    padding: 3px;
    width: 106px;
}

/************************************************
wrapper
**********************************************/
.wrapper_tm {
    background: url(images/shadow_tm.gif) repeat-x;
}

.wrapper_lm {
    background: url(images/shadow_lm.gif) repeat-y;
}

.wrapper_rm {
    background: url(images/shadow_rm.gif) repeat-y;
}

.wrapper_bm {
    background: url(images/shadow_bm.gif) repeat-x;
}


/************************************************
* Header *
************************************************/
.logo_pad {
    padding: 5px 0 0 20px;
}

.user_title {
    padding: 15px 15px 0 0;
}

    .user_title h2 {
        margin: 0;
        padding: 0;
        font: bold 13px Arial, Arial, Helvetica, sans-serif;
        color: #333333;
    }

        .user_title h2 span {
            color: #064489;
        }

.edit_prof {
    background: url(images/ic_edit.gif) 0px 0px no-repeat;
    font-family: Arial, Arial;
    font-size: 13px;
    font-weight: bold;
    color: #064489;
    text-decoration: none;
    padding: 1px 0px 0px 28px;
    display: block;
    line-height: 21px;
}

a.edit_prof:link {
    color: #064489;
    text-decoration: none;
}

a.edit_prof:visited {
    color: #064489;
    text-decoration: none;
}

a.edit_prof:hover {
    color: #333333;
    text-decoration: underline;
}

a.edit_prof:active {
    color: #064489;
    text-decoration: none;
}

.logout {
    background: url(images/ic_logout.gif) 0px 0px no-repeat;
    font-family: Arial, Arial;
    font-size: 13px;
    font-weight: bold;
    color: #064489;
    text-decoration: none;
    padding: 1px 0px 0px 28px;
    display: block;
    line-height: 21px;
}

a.logout:link {
    color: #064489;
    text-decoration: none;
}

a.logout:visited {
    color: #064489;
    text-decoration: none;
}

a.logout:hover {
    color: #333333;
    text-decoration: underline;
}

a.logout:active {
    color: #064489;
    text-decoration: none;
}

.ChangePass {
    font-family: Arial, Arial;
    font-size: 13px;
    font-weight: bold;
    color: #064489;
    text-decoration: none;
    padding: 1px 0px 0px 28px;
    display: block;
    line-height: 21px;
}

a.ChangePass:link {
    text-decoration: none;
    color: #064489;
}

a.ChangePass:visited {
    text-decoration: none;
    color: #064489;
}

a.ChangePass:hover {
    text-decoration: underline;
    color: #064489;
}


/************************************************
* Header Navigation *
************************************************/
.navbg {
    background: url(images/nav_bg.gif) repeat-x;
}

.nav-link {
    font: Arial;
    font-size: 12px;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    height: 26px;
    padding: 10px 25px 0px 25px;
    text-transform: uppercase;
}

a.nav-link:link {
    text-decoration: none;
    color: #FFFFFF;
}

a.nav-link:visited {
    text-decoration: none;
    color: #FFFFFF;
}

a.nav-link:hover {
    text-decoration: none;
    color: #064484;
    background: url(images/nav_hover.gif) repeat-x;
}

.nav-link-active {
    background: url(images/nav_hover.gif) repeat-x;
    font: Arial;
    font-size: 12px;
    display: block;
    color: #064484;
    font-weight: bold;
    text-decoration: none;
    height: 26px;
    padding: 10px 25px 0px 25px;
    text-transform: uppercase;
}

a.nav-link-active:hover {
    text-decoration: none;
    color: #064484;
}
/************************************************
* Content *
************************************************/
.content {
    background: #FFFFFF url(images/con_bg.gif) top repeat-x;
    padding: 12px 8px 16px 8px;
}

    .content h1 {
        padding: 5px 0px;
        margin: 0;
        font: bold 17px Arial;
        color: #333333;
        background: url(images/dot.gif) bottom repeat-x;
    }

.mainLabel {
    padding: 5px 0px;
    margin: 0;
    font: bold 17px Arial;
    color: #333333;
}

.smallLabel {
    font: 12px Arial;
}

.left_bg {
    border: 1px solid #cccccc;
    padding: 1px;
    background-color: #FFFFFF;
}

.left_topbg {
    background: url(images/lp_top.gif) repeat-x;
    padding: 18px 10px 10px 10px;
}

.left_bg h2 {
    padding: 0px;
    margin: 0;
    font: bold 16px Arial, arial;
    color: #333333;
    text-transform: uppercase;
}

ul.list {
    list-style: none;
    padding: 5px 0px;
    margin: 0px;
}

    ul.list li {
        list-style: none;
        margin: 0px;
        line-height: 135%;
        padding: 6px 0px 6px 0px;
        border-bottom: 1px solid #dce5ea;
    }

        ul.list li a {
            background: url(images/bullet.gif) 0px 6px no-repeat;
            font-family: Arial;
            font-size: 12px;
            font-weight: normal;
            color: #494949;
            text-decoration: none;
            padding: 0px 0px 0px 14px;
            display: block;
        }

            ul.list li a:link {
                color: #494949;
                text-decoration: none;
            }

            ul.list li a:hover {
                color: #494949;
                text-decoration: underline;
            }

            ul.list li a:active {
                color: #494949;
                text-decoration: none;
            }

.top-link {
    font-family: Arial;
    font-size: 13px;
    color: #666666;
    text-decoration: none;
}

a.top-link:link {
    color: #666666;
    text-decoration: none;
}

a.top-link:visited {
    color: #666666;
    text-decoration: none;
}

a.top-link:hover {
    color: #666666;
    text-decoration: underline;
}

a.top-link:active {
    color: #666666;
    text-decoration: none;
}

.arrow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    padding: 0px 3px;
}

.border {
    border: 1px solid #c8c8c8;
    padding: 0px;
}

    .border th {
        background-color: #395D99;
    }

.gridheaderbg {
    background: url(images/gridheaderbg.gif) repeat-x;
    color: #fff;
    height: 41px;
    padding: 0px 5px;
    font-weight: bold;
}

    .gridheaderbg a {
        text-decoration: none;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
    }

        .gridheaderbg a:hover {
            text-decoration: underline;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
        }

.gridheaderbg_Y {
    background: url(images/gridheaderbg.gif) repeat-y;
    color: #fff;
    height: 50px;
    padding: 0px 5px;
    font-weight: bold;
}

    .gridheaderbg_Y a {
        text-decoration: none;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
    }

        .gridheaderbg_Y a:hover {
            text-decoration: underline;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
        }


.altbg {
    background-color: #fdfdfd;
    padding: 5px;
    vertical-align: top;
}

    .altbg td {
        vertical-align: middle;
    }

.altbg2 {
    background-color: #efefef;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 5px;
    vertical-align: top;
}

    .altbg2 td {
        vertical-align: middle;
        border-top: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;
    }

.dgPager a {
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

    .dgPager a:hover {
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        padding: 2px 5px 2px 5px;
        background-color: #4473a7;
    }

.dgPager td span {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-color: #4473a7;
    padding: 2px 5px 2px 5px;
}

.dgPager td {
    font-weight: bold;
    color: #ef6e0d;
    text-decoration: none;
    direction: rtl;
}

.dgPager table {
    direction: ltr;
}


/************************************************
* Footer *
************************************************/
.footer {
    background: #FFF url(images/foot_mid.gif) bottom repeat-x;
}

.copyright {
    font: normal 11px Arial;
    color: #333333;
}

.footer span {
    font: bold 11px Arial;
    padding: 0px 7px;
    color: #333;
}

.footer-link {
    font-family: Arial;
    font-size: 11px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

a.footer-link:link {
    color: #333;
    text-decoration: none;
}

a.footer-link:visited {
    color: #333;
    text-decoration: none;
}

a.footer-link:hover {
    color: #333;
    text-decoration: underline;
}

a.footer-link:active {
    color: #333;
    text-decoration: none;
}

.login_bg {
    background: url(images/login-bg.jpg) no-repeat;
    display: block;
    width: 562px;
    padding: 65px 20px 20px 20px;
    max-height: 100%;
}

.btn-pad {
    padding: 5px 0px 0px 5px;
}



/************************************************
* ADD NEW *
************************************************/


.pagging-title {
    padding: 0px 10px 0px 10px;
    color: #333333;
    font-size: 18px;
    padding-left: 15px;
}

.hour {
    font: normal 13px Arial;
    color: #333333;
    padding: 5px;
    text-align: right;
    border-top: 1px solid #d0dde3;
}

.detail-title {
    background: url(images/detail-title-bg.gif) repeat-x;
    border-top: 1px solid #d0dde3;
    border-left: 1px solid #d0dde3;
    font-weight: bold;
}

.detail {
    border-top: 1px solid #d0dde3;
    background-color: #FFFFFF;
}

.blue {
    background: #f3f5f6 url(images/blue_bg.gif) bottom repeat-x;
    font: normal 13px Arial;
    color: #333333;
    padding: 3px 7px;
}

.green {
    background: #ecf3e8 url(images/green_bg.gif) bottom repeat-x;
    font: normal 13px Arial;
    color: #333333;
    padding: 3px 7px;
}

.red {
    background: #ede3e4 url(images/red_bg.gif) bottom repeat-x;
    font: normal 13px Arial;
    color: #333333;
    padding: 3px 7px;
}




.add {
    background: url(images/add2.png) 0px 0px no-repeat;
    font-family: Arial, Arial;
    font-size: 13px;
    font-weight: bold;
    color: #064489;
    text-decoration: none;
    padding: 0px 0px 0px 20px;
    display: block;
    line-height: 15px;
    float: right;
}

a.add:link {
    color: #064489;
    text-decoration: none;
}

a.add:visited {
    color: #064489;
    text-decoration: none;
}

a.add:hover {
    color: #333333;
    text-decoration: underline;
}

a.add:active {
    color: #064489;
    text-decoration: none;
}


.Toggle {
    font-family: Arial, Arial;
    font-size: 13px;
    font-weight: bold;
    color: #064489;
    text-decoration: none;
    padding: 0px 0px 0px 20px;
    display: block;
    line-height: 15px;
}

.required {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #BB1019;
    vertical-align: middle;
    font-weight: bold;
}

.msg {
    color: #0000ff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.cssClass1 {
    font-size: small;
    font-style: italic;
    color: Red;
}

.cssClass2 {
    font-size: small;
    font-style: italic;
    color: Green;
}

.cssClass3 {
    font-size: small;
    font-style: italic;
    color: Blue;
}

.cssClass4 {
    font-size: small;
    font-style: italic;
    color: Navy;
}

.cssClass5 {
    font-size: small;
    font-style: italic;
    color: Silver;
}


.redLabel {
    color: Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.greenLabel {
    color: Green;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.orangeLabel {
    color: Orange;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.redBgWhiteColor {
    color: White;
    background-color: Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.RedDtEditing {
    color: White;
    background-color: Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 4px;
    margin: 4px;
    letter-spacing: 1px;
    font-weight: bold;
}

    .RedDtEditing:hover {
        color: White;
        text-decoration: none;
    }

.bottomline {
    border-top: 2px solid;
}

.banner {
    color: #294992;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
}

/*
.UpdatePanelloading
{
 font-weight: bold;
 font-size: 12px;
 background-color: Black;
 width: 100%;
 height: 100%;
 filter: alpha (opacity=50);
 opacity: .50;
 margin: 0;
 padding: 0;
 left: 0;
 top: 0;
 text-align: center;
 vertical-align: middle;
 position: absolute;
 color: #ffffff;
 z-index:90000 !important; 
}
*/
.UpdatePanelloading {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 10000;
}

.LoadingText {
    font-family: Tahoma;
    font-size: 14;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.ID {
    color: #333;
    font-family: Arial;
    font-size: 18px;
    text-align: center;
}



.textfieldAutoComp {
    background: #EBF9D9;
    color: #575757;
    border: 1px solid #d8d8d8;
    padding: 3px;
    background-image: none;
}

    .textfieldAutoComp[readonly] {
        background: #EBF9C9;
        color: #575757;
        border: 1px solid #d8d8d8;
        padding: 3px;
        background-image: none;
    }

    .textfieldAutoComp[disabled] {
        background: #EBF9C9;
        color: #575757;
        border: 1px solid #d8d8d8;
        padding: 3px;
        background-image: none;
    }
/* AutoComplete item */



.AutoCompleteExtender_CompletionList {
    color: Black;
    padding: 1px;
    font-size: small;
    background-color: #d6edff;
    text-decoration: none;
    list-style-image: none;
    list-style: none;
    text-align: left;
    font-family: Arial;
}

/*AutoComplete flyout */
.AutoCompleteExtender_CompletionListItem {
    text-align: left;
    background-color: #d6edff;
    font-family: Arial;
}

/* AutoComplete highlighted item */
.AutoCompleteExtender_HighlightedItem {
    text-align: left;
    background-color: #d6edff;
    color: Black;
    font-weight: bold;
    font-size: small;
    text-decoration: none;
    list-style-image: none;
    list-style: none;
    font-family: Arial;
}


/************************************************
*   Style for Drop Down Menu
*************************************************/
.nav-Anchor {
    font: Arial;
    font-size: 12px;
    display: block; /*background:url(images/nav_bg.gif) repeat-x;*/
    background-color: #2A539A;
    border-width: 1px;
    border-color: White;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    height: 26px;
    padding: 10px 25px 0px 25px;
    text-transform: uppercase;
}

a.nav-Anchor:link {
    text-decoration: none;
    color: #FFFFFF;
}

a.nav-Anchor:visited {
    text-decoration: none;
    color: #FFFFFF;
}

a.nav-Anchor:hover {
    text-decoration: none;
    color: #064484;
    background: url(images/nav_hover.gif) repeat-x;
}

.nav-Anchor-active {
    background: url(images/nav_hover.gif) repeat-x;
    font: Arial;
    font-size: 12px;
    display: block;
    color: #064484;
    font-weight: bold;
    text-decoration: none;
    height: 26px;
    padding: 10px 25px 0px 25px;
    text-transform: uppercase;
}

a.nav-Anchor-active:hover {
    text-decoration: none;
}

input.error {
    border: 2px solid red;
}

.popupForm {
    border: solid black 2px;
}

.popupFormToolbar {
    background-color: #222277;
}

.ParentGridCss {
    padding: 3px;
    margin: 3px;
    border: 1px solid #d8d8d8;
}

.ParentGridCss_1 {
    border-right: 1px solid #d8d8d8;
}



.gridheaderbg_Child {
    background: #d8d8d8;
    background-image: none;
    height: 0px;
    padding: 0px 0px;
    font-weight: bold;
}

    .gridheaderbg_Child a {
    }

        .gridheaderbg_Child a:hover {
        }

.altbg_Child {
}

    .altbg_Child td {
    }

.altbg2_Child {
}

    .altbg2_Child td {
    }

.altbg_rp {
    background-color: #fdfdfd;
    padding: 0px;
    vertical-align: top;
}

    .altbg_rp td {
        vertical-align: middle;
    }

.SDiv {
    display: none;
}

.SImg {
    content: url("App_Themes/Default/Images/plus.gif");
}



.nav-Anchor_Padre {
    font: Arial;
    font-size: 12px;
    display: block;
    border-color: White;
    color: #064484;
    text-decoration: none;
    text-transform: uppercase;
    width: 30px;
}

a.nav-Anchor_Padre:link {
    text-decoration: none;
    color: #064484;
}

a.nav-Anchor_Padre:visited {
    text-decoration: none;
    color: #064484;
}

a.nav-Anchor_Padre:hover {
    text-decoration: none;
    color: Red;
}

.PopPanel {
    text-align: left;
    width: 200px;
    position: absolute;
    background-color: White;
    border-color: Black;
    border-width: thin;
    border-style: double;
    font-size: 12px;
    padding: 6px;
}


.nav-Anchor_Ordine {
    font: Arial;
    font-size: 12px;
    display: block;
    border-color: White;
    color: #064484;
    text-decoration: none;
    text-transform: uppercase;
}

.td_Ordine {
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    font-size: 12px;
}

a.nav-Anchor_Ordine:link {
    text-decoration: none;
    color: #064484;
}

a.nav-Anchor_Ordine:visited {
    text-decoration: none;
    color: #064484;
}

a.nav-Anchor_Ordine:hover {
    text-decoration: none;
    color: Red;
}


.td_Ordine a {
    display: inline-block;
}

.PopPanel {
    text-align: left;
    width: 290px;
    position: absolute;
    background-color: White;
    border-color: Black;
    border-width: thin;
    border-style: double;
    font-size: 12px;
    padding: 6px;
}



/* Culture and flag    */

.flagSize {
    width: 16px;
}



/************************************************
* Message bar css *
************************************************/
.information {
    background: #d7f0f9 url(../images/ic-info.png) 10px 7px no-repeat;
    border: 1px solid #99cbdc;
    display: block;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 7px 7px 35px;
    font-size: 13px;
    color: #317a9f;
}

.success {
    background: #e7efc7 url(../images/ic-success.png) 10px 7px no-repeat;
    border: 1px solid #b5c47c;
    display: block;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 7px 7px 35px;
    font-size: 13px;
    color: #528404;
}


.error {
    background: #f8dedc url(../images/ic-error.png) 10px 7px no-repeat;
    border: 1px solid #d18b8b;
    display: block;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 7px 7px 35px;
    font-size: 13px;
    color: #9c413a;
}

.warning {
    background: #f9f9e5 url(../images/ic_warning.png) 10px 7px no-repeat;
    border: 1px solid #e8e3aa;
    display: block;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 7px 7px 35px;
    font-size: 13px;
    color: #828400;
}