/* 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_ARVAL.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_ARVAL.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 6px;
}
.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: #326231;
}
.edit_prof
{
    background: url(images/ic_edit.gif) 0px 0px no-repeat;
    font-family: Arial, Arial;
    font-size: 13px;
    font-weight: bold;
    color: #105fa8;
    text-decoration: none;
    padding: 1px 0px 0px 28px;
    display: block;
    line-height: 21px;
}
a.edit_prof:link
{
    color: #105fa8;
    text-decoration: none;
}
a.edit_prof:visited
{
    color: #105fa8;
    text-decoration: none;
}
a.edit_prof:hover
{
    color: #333333;
    text-decoration: underline;
}
a.edit_prof:active
{
    color: #105fa8;
    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: #326231;
    text-decoration: none;
    padding: 1px 0px 0px 28px;
    display: block;
    line-height: 21px;
}
a.logout:link
{
    color: #326231;
    text-decoration: none;
}
a.logout:visited
{
    color: #326231;
    text-decoration: none;
}
a.logout:hover
{
    color: #333333;
    text-decoration: underline;
}
a.logout:active
{
    color: #326231;
    text-decoration: none;
}
.ChangePass
{
    font-family: Arial, Arial;
    font-size: 13px;
    font-weight: bold;
    color: #326231;
    text-decoration: none;
    padding: 1px 0px 0px 28px;
    display: block;
    line-height: 21px;
}
a.ChangePass:link
{
    text-decoration: none;
    color: #326231;
}
a.ChangePass:visited
{
    text-decoration: none;
    color: #326231;
}
a.ChangePass:hover
{
    text-decoration: underline;
    color: #326231;
}


/************************************************
* Header Navigation *
************************************************/
.navbg
{
    background: url(images/nav_bg_ARVAL.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: #326231;
    background: url(images/nav_hover_ARVAL.gif) repeat-x;
}

.nav-link-active
{
    background: url(images/nav_hover_ARVAL.gif) repeat-x;
    font: Arial;
    font-size: 12px;
    display: block;
    color: #326231;
    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: #326231;
}
/************************************************
* 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: #326231;
}
.gridheaderbg
{
    background: url(images/gridheaderbg_ARVAL.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_ARVAL.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: #326231;
}
.dgPager td span
{
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-color: #326231;
    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;
}
.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: #326231;
    text-decoration: none;
    padding: 0px 0px 0px 20px;
    display: block;
    line-height: 15px;
    float:right;
}
a.add:link
{
    color: #326231;
    text-decoration: none;
}
a.add:visited
{
    color: #326231;
    text-decoration: none;
}
a.add:hover
{
    color: #333333;
    text-decoration: underline;
}
a.add:active
{
    color: #326231;
    text-decoration: none;
}


.Toggle
{
    font-family: Arial, Arial;
    font-size: 13px;
    font-weight: bold;
    color: #326231;
    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: #326231;
    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: #326231;
    background: url(images/nav_hover_ARVAL.gif) repeat-x;
}

.nav-Anchor-active
{
    background: url(images/nav_hover_ARVAL.gif) repeat-x;
    font: Arial;
    font-size: 12px;
    display: block;
    color: #326231;
    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 #326231 2px;
}

.popupFormToolbar
{
    background-color: #326231;
}

.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;
}