/* DEFAULTS
----------------------------------------------------------*/
body {
    font-family: Tahoma, Geneva, sans-serif ,Helvetica;
    font-size: 13px;
    color:#455372;	
	background-color:#fff;
    min-width: 1024px;
    width: 100%;
    margin: 0px;
    height:99%;
    min-height:99%;
}
a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}



/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 99%;    
    min-height:100%;
    background-color: #fff;
    margin: 5px auto 5px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 5px 5px auto;
    padding: 0px;
    height: 75px;
    min-height:75px;
    background: #fff;
    width: 99%;
    border-bottom:1px solid #333333;
    background-repeat:no-repeat;
     background-image:url(../images/logo.png);
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin-top:150px;
    text-align: center;
    line-height: normal;
    height:50px;
    display:block;
    
}

#div_calendar 
{
    font-family:Helvetica,Sans-Serif,Arial;
    border: 1px solid #000;
    font-weight:bold;
    text-align:center;
    display: table-cell; 
    vertical-align:middle;
    width: 70px;
    height: 70px;
    background-color:#999999;
    color:#fff;
    float:right;
    margin-top:-125px;    
    
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.error
{
    font-size: 1.1em;
    width:120px;
    height:60px;
    color:#cc0000;
    
}
.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.div_page
{
    margin: 0 auto 0 auto;
    overflow:auto;
}


/* adc miei da cambiare poi INIZIO*/

.menu_toolbar
{
    margin-top:69px;
    width:100%;
    height:35px;
   
}





/*
    TABLES
*/

.tbl_page
{
     /*border: 1px solid #000;*/
     width:99%;
     margin:0 auto 0 auto;
     padding:2px 2px 2px 2px;
    
}
.tbl_page th
{    
  
}
.tbl_page th
{    
  
}
.tbl_page td
{    
    padding:2px 2px 2px 2px;
   color: #455372;
     width:25%;  
   /*  min-height:50px;*/
}
.tbl_det
{
     border: 1px solid #000;
     width:99%;
     margin:0 auto 0 auto;
 padding:2px 2px 2px 2px;
    
}
.tbl_det th
{    
  border: 1px solid #000;
  background-color:#ebebeb;
  font-weight:bold;
   background-color:#6495ED;
    color:#fff;
}
.tbl_det td
{    
    padding:2px 2px 2px 2px;
    font-size:11px;
    color: #455372;   
   background-color:#ebebeb;
}



.tbl_page h3
{
    font-weight:bold;
    color:#455372;
    font-size:12px;
    text-transform:lowercase;
}
.tbl_page bold
{
    font-weight:bold;   
}


/*.gridview
{
	font-size: 11px;	
}*/



.gridview
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse:collapse;
    font-size: 11px;	
}
.gridview td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #455372;
}
.gridview a
{
  color: #455372;
    text-decoration: none;
}
.gridview a:hover
{
    color: #cc0000;
    text-decoration: none;
}
.gridview th
{
    padding: 4px 2px;
    color: #e7e7e7;
    background: #616a7f;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.gridview .gridview_td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #455372;
}
.gridview .gridview_td:hover
{
   opacity:0.7; 
}
.gridview .gridview_alter 
{
    background-color: #e0e9e9;
    color: #455372;
}
.gridview .gridview_alter:hover
{
   opacity:0.7; 
} 
.gridview .gridview_customer 
{
    background-color: #ffffff;
    color: #455372;
}
.gridview .gridview_customer:hover
{
   background-color: #efefef;
}    
.gridview .gridview_contacts 
{
    background-color: #b1d8ff;
    color: #455372;
}
.gridview .gridview_contacts:hover
{
   opacity:0.7; 
}  
.gridview .gridview_supplier 
{
    background-color: #ffd8b1;
    color: #455372;
}
.gridview .gridview_supplier:hover
{
   opacity:0.7; 
}  
.gridview .gridview_selected 
{
    background-color: #f0f8ff;
}
.gridview .gridview_selected:hover
{
   opacity:0.7; 
}  
.gridview .gridview_selected_red 
{
    background-color: #ff4343;    
    color:#ffffff;  
}
.gridview .gridview_pager 
{
    background: #424242;
}
.gridview .gridview_pager table 
{
    margin: 5px 0;
}
.gridview .gridview_pager td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
 }  
.gridview .gridview_pager a 
{
    color: #666;
    text-decoration: none;
}
.gridview .gridview_pager a:hover 
{
    color: #000;
    text-decoration: none;
}
/*
    INPUT
*/



/*
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

*/
input[type=checkbox]
{
  -webkit-appearance:checkbox;
}

.input_focused
{
	width:100px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    color: #455372;
	
}
.input_notfocused
{
	width:100px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
	color: #455372;
}



.input_focused_30
{
	width:30px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    text-align:right;
    color: #455372;
	
}
.input_notfocused_30
{
	width:30px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    text-align:right;
	color: #455372;
}


.input_focused_50
{
	width:50px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    text-align:right;
    color: #455372;
	
}
.input_notfocused_50
{
	width:50px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    text-align:right;
	color: #455372;
}


.input_focused_70
{
	width:70px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}
.input_notfocused_70
{
	width:70px;	
	font-size:12px;	
	text-transform:none;  
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}



.input_focused_75
{
	width:75px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    text-align:right;
    color: #455372;
	
}
.input_notfocused_75
{
	width:75px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    text-align:right;
	color: #455372;
}

.input_focused_150
{
	width:150px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}
.input_notfocused_150
{
	width:150px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}


.input_focused_200
{
	width:200px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   
	color: #455372;
}
.input_notfocused_200
{
	width:200px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
    
	color: #455372;
}


.input_focused_250
{
	width:250px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}
.input_notfocused_250
{
	width:250px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}


.input_focused_300
{
	width:300px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}
.input_notfocused_300
{
	width:300px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}


.input_focused_400
{
	width:400px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}
.input_notfocused_400
{
	width:400px;	
	font-size:12px;	
	text-transform:none;  
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   
	color: #455372;
}


.input_focused_500
{
	width:500px;	
	font-size:12px;	
	text-transform:none;  
	
    border: 1px solid #cc0000;    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   
	color: #455372;
}
.input_notfocused_500
{
	width:500px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
	
}
/*div*/
.calendar_div
{    
   
    display:block;
    padding-left:5px;
    width: 100px; 
    height: 100px;
    position:absolute;
}
.calendar_div_hidden
{    
   visibility:hidden;
   display:none;
   padding-left:5px;
   width: 100px; 
    height: 100px;
   position:absolute;
}

.err_div
{    
   
    display:block;
    position : fixed;    
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 800px;
    margin-left: -400px;   
    font-weight:bold;
    border: 1px solid #cc0000;   
     /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
}
.err_div_hidden
{    
   visibility:hidden;
   display:none;
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 800px;
    margin-left: -400px;
    
   border: 1px solid #cc0000;    
  
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
     
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
   color: #455372;
}

/*colors*/


.titolopagina
{
    font-size: 14px;
    font-weight:bold;
    color: #6495ed;         
}
.alternaterows
{
	background-color:#f5f8ee;
}

.grey 
{
    color: #8c8c8c; 
}
.grey a
{
    color: #999999; 
}
.grey:hover
{
    color: #cc0000; 
}

.blue 
{
   color: #455372;
}
.blue a
{
    color: #455372;
}
.blue:hover
{
    color: #cc0000; 
}


.red 
{
    color: #cc0000; 
}

.white 
{
    color: #fff; 
}
.white_32_bold
{
    color: #fff; 
    font-size:18px;
    font-weight:bold;
}
.white_18_bold
{
    color: #fff; 
    font-size:14px;
    font-weight:bold;
}
.white_14_bold
{
    color: #fff; 
    font-size:12px;
    font-weight:bold;
}
.hidden
{
    visibility:hidden;
}
.showen
{
    visibility:visible;    
}

/*controls*/
/* ASP.Net specific */
/***********************************************/
/* UI.WebControls.Calendar control styles */
/***********************************************/
.calendar {
	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
	color: #455372;
	width: 180px;
}

/* Header table. Contains month year and next/prev month links */
.calendar table td {
	width:100px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
	color: #455372;
}

.calendar table td a:link, 
.calendar table td a:active,
.calendar table td a:visited {
	color: #ffcc00 !important;
	font-size: 9px !important;
	text-decoration: none;
}

.calendar table td a:hover {
	color: #ffffff !important;
	font-size: 9px !important;
	text-decoration: none;
}

.calendar td {
	width:100px;	
	font-size:12px;	
	text-transform:none;  	
	border: 1px solid #DDDDDD;       
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
	color: #455372;
}


/*CSS PERSONALIZZATO VITAL*/

.btn_grey
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #e5e5e5;   
     -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
   color: #3f6f98;
   width:170px;
   height:50px;      
   font-size:10px;
   text-align:center;
   
}
.btn_grey:hover
{
    opacity:0.7;
    color: #141215;
}


.btn_grey2
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #e5e5e5;   
     -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
 
   display: inline-block;
   color: #3f6f98;
   width:100px;
   height:20px;      
   font-size:10px;
   text-align:center;
   
}
.btn_grey2:hover
{
    opacity:0.7;
    color: #141215;
}
.btn_grey3
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #e5e5e5;   
     -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
 
   display: inline-block;
   font-weight:bold;
   font-size:12px;
   color: #cc0000;
   width:150px;
   height:20px;        
   text-align:center;
   
}
.btn_grey3:hover
{
    opacity:0.7;
    color: #141215;
}

.btn_green2
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #8ec543;   
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
 
      background-color: #8ec543;   

   color: #ebebeb;
    width:100px;
   height:20px;      
   font-size:10px;
   text-align:center;
   
   
}

.btn_green2:hover
{
    color: #141215;
    opacity:0.7;
}


.btn_orange2
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #ffa500;   
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
  
   display: inline-block;
      background-color: #ffa500;   

   color: #000000;
    width:150px;
   height:25px;      
   font-size:10px;
   text-align:center;
   
}

.btn_orange2:hover
{
    color: #141215;
    opacity:0.7;
}



.btn_red2
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #ee1d25;   
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
  
   display: inline-block;
      background-color: #ffa500;   

   color: #ebebeb;
    width:100px;
   height:20px;      
   font-size:10px;
   text-align:center;
   
}

.btn_red2:hover
{
    color: #141215;
    opacity:0.7;
}

.btn_red
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #ee1d25;   
       -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
   color: #ebebeb;
   width:170px;
   height:50px;   
   font-size:10px;
   text-align:center;
   
}
.btn_red:hover
{
    opacity:0.7;
    color: #141215;
}



.btn_green
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #8ec543;   
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
      background-color: #8ec543;   

   color: #ebebeb;
   width:170px;
   height:50px;      
   font-size:10px;
   text-align:center;
   
}

.btn_green:hover
{
    color: #141215;
    opacity:0.7;
}


.btn_orange
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
   background-color: #ffa500;   
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
      background-color: #ffa500;   

   color: #ebebeb;
   width:170px;
   height:50px;      
   font-size:10px;
   text-align:center;
   
}

.btn_orange:hover
{
    color: #141215;
    opacity:0.7;
}

.lable_red_150
{
	width:150px;	
	font-size:14px;	
	text-transform:none;  	
    border: 1px solid #cc0000;       
    color: #455372;
   
  /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #CC0000 500%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #CC0000 500%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #CC0000 500%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(4, #CC0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #CC0000 500%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to right, #FFFFFF 0%, #CC0000 500%);

    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
	
}
.lable_red_300
{
	width:300px;	
	font-size:14px;	
	text-transform:none;  	
    border: 1px solid #cc0000;       
    color: #455372;
    
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #CC0000 500%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #CC0000 500%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #CC0000 500%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(4, #CC0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #CC0000 500%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to right, #FFFFFF 0%, #CC0000 500%);


    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
	
}



.legend_green
{
     border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
 
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
      background-color: #ffa300;   

    color: #141215;   
   font-size:10px;
   text-align:center;
   
   
     /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #ffa300 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #ffa300 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #ffa300 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(4, #ffa300));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #ffa300 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #ffa300 100%);
    
   
      
    
}

.legend_green:hover
{
    color: #141215;
 /*  opacity:0.5;*/
}




.legend_blue
{
  border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
 
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
      background-color: #8ec543;   

    color: #141215;   
   font-size:10px;
   text-align:center;
   
   
       /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #8ec543 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #8ec543 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #8ec543 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #8ec543));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #8ec543 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #8ec543 100%);
      

    
    
}

.legend_blue:hover
{
    color: #141215;
   /*  opacity:0.5;*/
}




.legend_red
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
 
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
      background-color: #cc0000;   

     color: #141215;   
   font-size:10px;
   text-align:center;
   
   
   
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CC0000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CC0000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #CC0000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(4, #CC0000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CC0000 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #CC0000 100%);
    
}

.legend_red:hover
{
    color: #141215;
  /*  opacity:0.5;*/
}



.legend_orange
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
 
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
      background-color: #aa8cc5;   

  /*  color: #fff;   */
   font-size:10px;
   text-align:center;
   
   
     /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #aa8cc5 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #aa8cc5 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #aa8cc5 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(4, #aa8cc5));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #aa8cc5 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #aa8cc5 100%);
    
   
    
}

.legend_orange:hover
{
    color: #141215;
    /*  opacity:0.5;*/
}



.legend_grey
{
   border-style:solid; 
   border-width:1px;    
   border-color:#ebebeb; 
 
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px; 
   padding: 5px;
   display: inline-block;
      background-color: #e5e5e5;   

   color: #141215;    
   font-size:10px;
   text-align:center;
   
   
     /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #e5e5e5 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #e5e5e5 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #e5e5e5 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(4, #e5e5e5));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #e5e5e5 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #e5e5e5 100%);
    
   
    
}

.legend_grey:hover
{
    color: #141215;   
    /*  opacity:0.5;*/
}