﻿/* 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:#00925B; text-decoration:none;}
a:hover{color:#00925B; 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;}
.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: 20px 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:#00925B;}
.edit_prof{	background:url(images/ic_edit.gif) 0px 0px no-repeat;font-family:Arial, Arial;font-size:13px;font-weight:bold;color:#00925B;text-decoration:none;padding:1px 0px 0px 28px; display:block; line-height:21px;}
a.edit_prof:link{color:#00925B; text-decoration:none;}
a.edit_prof:visited{color:#00925B; text-decoration:none;}
a.edit_prof:hover{color:#333333; text-decoration:underline;}
a.edit_prof:active{color:#00925B; 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:#00925B;text-decoration:none;padding:1px 0px 0px 28px; display:block; line-height:21px;}
a.logout:link{color:#00925B; text-decoration:none;}
a.logout:visited{color:#00925B; text-decoration:none;}
a.logout:hover{color:#333333; text-decoration:underline;}
a.logout:active{color:#00925B; text-decoration:none;}
.ChangePass{font-family:Arial, Arial;font-size:13px;font-weight:bold;color:#00925B;text-decoration:none;padding:1px 0px 0px 28px; display:block; line-height:21px;}
a.ChangePass:link{text-decoration:none;color:#00925B;}
a.ChangePass:visited{text-decoration:none;color:#00925B;}
a.ChangePass:hover{text-decoration:underline; color:#00925B; }


/************************************************
* 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:#00925B; 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:#00925B;
	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:#00925B;}
/************************************************
* 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: #00925B;}
.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:#00925B;}
.dgPager td span{font-weight:bold;color:#fff;text-decoration:none;background-color:#00925B;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:#00925B;text-decoration:none;padding:0px 0px 0px 20px; display:block; line-height:15px;}
a.add:link{color:#00925B; text-decoration:none;}
a.add:visited{color:#00925B; text-decoration:none;}
a.add:hover{color:#333333; text-decoration:underline;}
a.add:active{color:#00925B; text-decoration:none;}


.Toggle{font-family:Arial, Arial;font-size:13px;font-weight:bold;color:#00925B;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;}

.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;}




/* 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 :#00925B;
	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:#00925B; 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:#00925B;
	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 #00925B 2px;
}

.popupFormToolbar
{
    background-color: #00925B;
}

.ajax__tab_header .ajax__tab_active .ajax__tab_tab
{
    
}

.ajax__tab_tab
{
    padding:7px;
    color:#00925B;    
    font-size:15px;    
    font-weight:bold;  
}

.PopPanelTyre
{
   
    width :700px;   
    padding:4px;
    position:absolute;
    top:-280px;
    bottom:0px;
    left:50px;
    right:0px;
    overflow:hidden;          
    z-index:999999;    
    background-color:White;
    border:1px solid #d8d8d8;
    margin-bottom:1px;

}

.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:#00925B;}
.dgPager td span{font-weight:bold;color:#fff;text-decoration:none;background-color:#00925B;padding:2px 5px 2px 5px;}
.dgPager td{font-weight:bold;color:#ef6e0d;text-decoration:none;direction:rtl;	}
.dgPager table{direction:ltr;}


.pager{width:100%;background:#F3F3F3; float:left; padding:5px 0px 3px;color:#333333;}
.pager .pageIndexes{width:58%;float:left;  overflow:auto;}
.pager .pageIndexes a, .pageLink{display:block; text-align:center; padding:2px 5px 2px 5px;color:#333333; text-decoration:none; font-weight:bold; color: #333333;}
.pager .pageIndexes a:hover{background:#00925B;color:#fff;}
.pager .pageIndexes a.active{background:#00925B;color:#fff;}
.pager .pageIndexes .optPageLinks{display:block; text-align:center; padding:2px 5px 2px 5px; color:#333333; text-decoration:none; word-wrap:break-word;}

.pager .pageInfo{width:20%; float:left; text-align:center;display:block;text-align:right; font-size:12px; padding:2px 0px; font-weight:bold;}

.pager .pageSize{width:20%; float:left; display:block; font-weight:bold;}
.pager .pageSize .label{width:75%;float:left; text-align:right; font-size:12px; padding:2px 0px 2px; }
.pager .pageSize .control{width:20%;float:right; padding:2px 0px;  }
.pager .pageSize .ddlPageSize{ border:1px solid #808080; }


/**** Riparazione page Repeater****/
.rfmCustomGrid {width:100%; border:1px solid #ddd;}
.rfmCustomGrid .headerRow{background:#00925B; color:#fff; font-weight:bold;}
.rfmCustomGrid .headerRow td{padding:10px 5px; vertical-align:middle;}
.rfmCustomGrid .itemRow{background:#fff;  padding:5px; border:1px solid #ddd; }
.rfmCustomGrid .altItemRow{background:#eee;  padding:5px; border:1px solid #fff;}
.rfmCustomGrid .itemRow td,.rfmCustomGrid .altItemRow td{padding:5px;}