﻿.highlight
{
   background-color: #ffffff;
   color: #000000;   
}

.nothighlight
{
    background-color: #fefbd2;
   color: #000080;   
}


.TabViewContainer
{	
	height: 250px;
	width: 100%;
	margin:0 5px 10px 0;
	padding:0 5px 0 0;
}

.Panel
{
	font-size:10px;
}

.LabelContainer
{
	background:#1E5AE6;width:100%;
	position:relative;display:block;height:24px;font-size:10px;font-weight:bold;	
	/*url(images/navmenu_back.gif) top left repeat-x*/
}

.lblTop
{		
	color:#fff;text-decoration:none;padding: 10px 0px 0 20px;	
}

.LabelContainer a:link
{	
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 0 5px;
}

.LabelContainer a:visited
{	
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 0 5px;
}

.LabelContainer span
{	
	font-size:14px;
	color:#FFFFFF;	
}

.Label, .ActiveLabel
{
	cursor: pointer;	
	float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;	
	margin:0 2px 0 2px;
}

.ActiveLabel
{
	cursor: pointer;	
	font-weight: bold;
	color:#000;
	background:#fff;	
}


.PanelContainer
{
	float: left;
	position: relative;
	left: 10px;
	top: 10px;
	width:250px;	
}

.Label ul
{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}

.Label ul li
{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:5px 20px -1 20px;
	height:19px;
	background-color:red;
}

#login
{	
	margin-top:5px;
	float:right;
	height:90px;
	width: 200px;	
	color: #333;	
}

#sitetitle
{	
float:left;
height:125px;
background:url(images/Globe.gif) no-repeat; /* Delete this line to remove the animated globe */
width: 60%;
color: #333;
margin-left:5px;
margin-top:1px;

}
.hometitle
{
	font-family:Arial Black;
	font-size:1em;
	text-transform: uppercase;
}
#sitetitle a
{
color:#567;
font-weight:normal;
}
/*#sitetitle h2, h1
{
	width: 270px;
	height:2.5em;
	font-size: 2.5em;	
}*/

#sitetitle a:hover{
color:#269;
}

#subtit
{	
	margin-top: .8em;
	width: 500px;	
	color: #567;	
	margin-left:115px;		
}
#subtit h1
{	
	font-size:107% ;  margin: 10px 0 -.5em 10px;
	color: #fff;border: 1px solid #fff;background-color: #8d99a6;
	padding: 0 5px 0 5px;
}

#subtit a
{	
	font-size: 2.3em;		
}

#subtit a:hover
{
	text-decoration:none;
	color:#269;	
}

#menu{
/*height:71px;
padding-top:35px;
margin-left:460px;*/
margin-top:0;
width:100%;
background:#1E5AE6 url(images/navmenu_back.gif) top left repeat-x;
height:30px;
}

#menu1{
/*height:71px;
padding-top:35px;
margin-left:460px;*/
width:100%;
margin:0;
background:#1E5AE6 url(images/navmenu_back.gif) top left repeat-x;
height:34px;
}

/*#menu a{
margin:0;
height:100px;
padding:35px 6px 41px 6px;
font-size:1.6em;
font-weight:normal;
letter-spacing:-1px;
color: #888;
}

#menu a:hover{
color:#269;
text-decoration:none;
background: #fff url(images/menuhover.png) repeat-x;
padding:35px 5px 41px 5px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
*/

.menu1
{		   
    height:30px; 
	margin:0;					
	padding:4px 6px 6px 6px;	
	color: #FFFFFF;	
}

.menu1 a:link
{
	margin:0;	
	letter-spacing:-1px;
	font-weight:normal;	
	color: #FFFFFF;	
}

.menu1 a:hover{
   color: #FFFFFF;
text-decoration:none;
background-color: #95B2F4;
    border-left: 1px solid #eee;
border-right: 1px solid #eee;
}

.menu
{		
	margin:0;		
	height:30px;		
}

.menu a
{
	height:30px;	
	margin:0;
	padding:6px 6px 6px 6px;
	letter-spacing:-1px;
	font-weight:normal;
	font-size:1.2em;
	color: #FFF;	
}

.menu a:hover{
background-color: #95B2F4;
   color: #FFFFFF;
text-decoration:none;
padding:5px 5px 5px 5px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}

.menusel1
{
    height:30px;
	margin:0;			
	font-weight:normal;
	letter-spacing:-1px;
	color: #888;			
	background-color:#FFFFFF;
}

.menusel
{
	margin:0;		
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-1px;
	color: #888;		
	padding:6px 6px 4px 6px;
	background-color:#FFFFFF;
}
.menusel1 a
{
	font-size:1em;	
font-weight:normal;
color:#269;
text-decoration:none;
background-color:#FFFFFF;
border-top:0;
padding:6px 6px 4px 6px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}

.menusel a
{
	font-size:1.4em;	
font-weight:normal;
color:#269;
text-decoration:none;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
border-top:0;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
.menusel a:hover
{
	padding:6px 6px 4px 6px;
color:#269;
text-decoration:underline;
background: #fff url(images/menuhover.png) repeat-x;
border-left: 1px solid #eee;
border-right: 1px solid #eee;

}

.menusel1 a:hover
{
	
color:#269;
text-decoration:underline;
background: #fff url(images/menuhover.png) repeat-x;
border-left: 1px solid #eee;
border-right: 1px solid #eee;

}

.loginhp
{
	height:20px;
	display:inline-block;
}
.loginhp img
{
	float:left;
}
.loginop
{
	height:40px;
	display:inline-block;
}
.loginop img
{
	float:left;
}

fieldset {border: 1px solid #fff; color:#fff; background-color:Red; padding: 0 5px 5px 5px; text-align: left;line-height: 1.5em;margin: 10px 0 10px 0;font-size: 92%;}

legend {color: #fff;font-size: 107%;border: 1px solid #fff;background-color: #8d99a6;padding: 0px 4px 2px 4px; float:right;}

.legend 
{
	position:absolute;
	top:0;
	right:300px;					
	padding: 4px 5px 2px 5px;
	vertical-align:middle;
	font-weight: bold;		
	border: 1px solid #fff;
	color:#fff;	
	background-color: #8d99a6;
}

.legendl 
{
	position:absolute;
	top:0;
	right:300px;
	padding: 0px 5px 2px 5px;
	vertical-align:middle;
	font-weight: bold;		
	border: 1px solid #fff;
	color:#fff;
	background-color: #8d99a6;
	font-size:11px;
}

.fieldset 
{
	height:70px;	
	padding: 5px 3px 18px 10px;	
	
}

.newsletter1
{
	border: 2px solid #fff; color:#fff; background-color:Red; padding: 0 5px 5px 2
	px; text-align: left;line-height: 1.5em;margin: 10px 0 10px 0;font-size: 92%;
}

.newsletter1 p
{
	padding: 6px 2px 0 2px;	
}
.newsletter1 a{color:#fff; font-weight:bold; text-decoration:underline;}
.newsletter2
{
	border: 2px solid #fff; color:#fff; background-color:Red; padding: 0 5px 5px 2px; text-align: left;line-height: 1.5em;margin: 10px 0 10px 0;font-size: 92%;
}
.newsletter2 p
{
	padding: 6px 2px 0 2px;	
}
.newsletter2 a{color:#fff; font-weight:bold; text-decoration:underline;}
.newsletterimg
{
	float:left;
	margin:4px 16px 2px 2px;
	border:0;
}

.meta{
clear:both;
border-top: 2px solid #ccc;
padding: 5px 1px 0 0;
margin:10px 0 0 0;
text-align:right;
font-size:0.9em;
color: #567;
}

.date{
display:block;
float:left;
font-weight:bold;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
   height: 4px;
}

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:200px;	/* Width of tooltip content */
	height:150px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

#ajax_tooltipObj .prodotti_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:550px;	/* Width of tooltip content */
	height:400px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

#ajax_tooltipObj a
{
	color:White;
	font-weight:bold;
}

#ajax_tooltipObj img
{
	border:0px;
}

	/* CSS for my first scrolling box */
#scrollingContainer{
		width:104px;	/* 170 pixels in width */
		height:300px;	/* Height of box */		
		border:1px solid #000;	/* Black border around box */
		background-color: #E2EBED;	/* Light blue background color */
		position:relative;
		padding: 0;	/* A little bit of space between border of box and text inside */		
		margin-right:10px;	/* Right margin of 10 pixels */
		font-size:0.9em;	/* Smaller font size than the rest of the page */		
		overflow:hidden;	/* Hide overflow content */		
}
	/* End css for my first scrolling box */
	
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#foxmenucontainer{background:transparent;display:block;padding:0 0 0 0;width:100%}
#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(images/foxmenu_bg-OFF.gif) no-repeat top left;}
#foxmenu ul li a:hover{color:#fff;background:transparent url(images/foxmenu_bg-OVER.gif) no-repeat top right;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#000;background:#fff;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#tradmenucontainer{background:transparent;padding:0 0 0 0;float:left;width:250px;}
#tradmenu{position:relative;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#tradmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#tradmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#tradmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 2px 0 5px;height:19px;background:transparent url(images/foxmenu_bg-OFF.gif) no-repeat top left;width:180px;}
#tradmenu ul li a:hover{color:#fff;background:transparent url(images/foxmenu_bg-OVER.gif) no-repeat top right;}
#tradmenu ul li a.current,#tradmenu ul li a.current:hover{color:#000;background:#fff;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */
/* CLASSES FOR TABS */
.tabs
{
	height: 25px; 
	font-size:8px;	
	border: Solid 1px Black;
	text-align: left;
	padding-left: 4px;
	background: white url(images/tab_bg1.gif) repeat-x left;
}
.tabover
{
	height: 25px; 	
	font-size:8px;
	border: Solid 1px Black;
	text-align: left; 
	padding-left: 4px;
	background: white url(images/tab_bg2.gif) repeat-x left;
}
.tabactive
{
	height: 25px; width: 100px;
	border: Solid 1px Black;
	border-bottom: Solid 1px White;
	text-align: left;
	padding-left: 4px;
	background: url(images/tab_bg.gif) repeat-x left;
	
}
.spacer
{
	width: 8px;
	border-bottom: Solid 1px Black;
}

/* CLASSES FOR TAB BUTTON STYLE */
a.tabbtn
{
	color: Black;
}



#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #4c5578 url(images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #d50509;
}

#invertedtabs a:hover span{
background-color: #d50509;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #d50509;
}

#invertedtabsline{
padding: 0;
width: 100%;
height: 30px;
line-height: 30px;
background: #4c5578;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

#invertedtabsline span a
{
	vertical-align:middle;
	color:White;
	margin-left:2%;	
}

#invertedtabsline span input
{	
	margin-left:2%;
	border:0px;
	height:15px;	
}

/* Accordion */
.accordionHeader
{
    border-top:2px solid #fff;   
    border-left:2px solid #fff;   
    border-right:2px solid #fff;   
    color:#FFFFFF;
    background:#eee;
	font-size: 12px;
	font-weight: bold;	
	padding: 5px;      
    cursor: pointer;
    
}

#content .accordionHeader a
{	
	color:#FFFFFF;
	background: none;
	text-decoration: none;
}

#content .accordionHeader a:hover
{
	text-decoration:none;
	padding-bottom:2px;	
	color: #269;
	background:url(images/flash2.gif) bottom left repeat-x;	
}
.accordionContent
{
    background-color: #ffffff;    
    border-left:2px solid #fff;   
    border-right:2px solid #fff;      
    padding: 5px;
    padding-top: 20px;    
}

.exitstyle
{
	background-color:#ccffff;
}

.validatorCalloutHighlight 
{
    background-color: #FFFFCC; 
}

.ajax__validatorcallout_error_message_cell
{    
    color:#FF0000;
}

.ajax__validatorcallout_popup_table
{
    z-index:10000;
}
