﻿.highlight
{
   background-color: #ffffff;
   color: #000000;
}

/* CLASSES FOR TABS */
.tabs
{
	height: 25px; width: 100px;
	border: Solid 1px Black;
	text-align: left;
	padding-left: 4px;
	background: white url(images/tab_bg1.gif) repeat-x left;
}
.tabover
{
	height: 25px; width: 100px;
	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;	
}

#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;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
   height: 4px;
}

td.fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold;      
}

.exitstyle
{
	background-color:#ccffff;
}
.newsletter
{
	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%;
}
.newsletter p
{
	padding: 6px 2px 0 2px;	
}
.newsletter a{color:#fff; font-weight:bold; text-decoration:underline;}
.newsletterimg
{
	float:left;
	margin:4px 16px 2px 2px;
	border:0;
}
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 {
	float: right;		
	margin-right: 15px;
	margin-top: -14px;
	padding: 4px 5px 2px 5px;
	vertical-align:middle;
	font-weight: bold;		
	border: 1px solid #fff;
	color:#fff;
	background-color: #8d99a6;
}

.legendl {
	float: right;		
	margin-right: 15px;
	margin-top: -14px;
	padding: 0px 5px 2px 5px;
	vertical-align:middle;
	font-weight: bold;		
	border: 1px solid #fff;
	color:#fff;
	background-color: #8d99a6;
}

.fieldset {
	border: 1px solid #fff;
	padding: 5px 3px 18px 3px;
}

.loginhp
{
	height:20px;
	display:inline-block;
}
.loginhp img
{
	float:left;
}
.loginop
{
	height:40px;
	display:inline-block;
}
.loginop img
{
	float:left;
}

#page_backgnd
{
   background-color:#000000;
   filter:alpha(opacity=20);  
   opacity: 0.2;     
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   display:none;
}

#progressBar
{
   width:250px;
   height:80px;
   background-color:#FFFFFF;
   border:1px solid #000000;   
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 200px;
  font-weight:bold;
  text-align: right;
  height:20px;
  border-bottom: dotted 1px gray;
  }
div.row span.labeln {
  float: left;
  width: 10%;
  font-weight:bold;
  text-align: right;    
  }
div.row span.formwn {
  float: left;
  margin-left:2%;
  width: 80%;
  color:#804040;
  text-align: left;
} 
div.row span.formw {
  float: left;
  margin-left:8px;
  width: 235px;
  text-align: left;
  } 
div.spacer {
  clear: both;
  }
  
 .headerfrm
 {	
	clear:both;	
	padding: 0 6px 0px 3px;
   background-color: #818689;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;   
 } 
 .roundedPanel
{	
	width:100%;	
	background-color:#818689;	
	color:white;
	font-weight:bold;		
}
 .headerfrmClear
 {
	padding:5px 0 5px 0; clear:both;
 }
 .validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}

.TabViewContainer
{	
	height: 250px;
	width: 100%;
	margin:0 5px 10px 0;
	padding:0 5px 0 0;
	background-image: url( 'Images/TabModule_BG_content.png' );
}

.LabelContainer
{
	float: left;
	width: 151px;
	padding-top: 10px;
	text-align: right;
}

.Label, .ActiveLabel
{
	color: #65747B;
	cursor: default;
	font-size: 1em;
	list-style-type: none;
	padding: 9px 18px 9px 0;
	margin: 0;
}

.ActiveLabel
{
	background-image: url( 'Images/TabModule_BG_navlist.png' );
	background-position: right top;
	background-repeat: no-repeat;
	color: #007734;
	font-weight: bold;
}

.PanelContainer
{
	float: left;
	position: relative;
	left: 10px;
	top: 10px;	
}
