/*
$Id:$
*/
 

body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
}

#framecontentLeft, #framecontentRight{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 5px; /*Width of left frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background-color: #B3BFC6;
	color: white;
}

#framecontentRight{
	left: auto;
	right: 0; 
	width: 5px; /*Width of right frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background-color: #B3BFC6;
	color: black;
}

#framecontentTop, #framecontentBottom{
	position: absolute;
	top: 0; 
	left: 5px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 5px; /*Set right value to WidthOfRightFrameDiv*/
	width: auto;
	height: 90px; /*Height of top frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background-color: #003374;
	color: black;
	border-width:medium; 
	border-color:#FFFFFF; 
	border-style:solid ;
	border-width:0px; 
	padding:5px;
}

#framecontentBottom{
	top: auto;
	height: 30px; /*Height of bottom frame div*/
	bottom: 0;
	background-color: #FFFFFF;
}

#maincontent{
	position: fixed; 
	top: 90px; /*Set top value to HeightOfTopFrameDiv*/
	bottom: 30px; /*Set bottom value to HeightOfBottomFrameDiv*/
	left: 5px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 5px; /*Set right value to WidthOfRightFrameDiv*/
	overflow: auto; 
	background: #fff;
	text-align:center;
	border-width:medium; 
	border-color:#aecf00;
	border-style:solid;
	border-width:0px; 
	padding:5px;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
	padding: 90px 5px 30px 5px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
	width: 100%;
}
ul.Menu{
	border-style:none;
	margin-top:200px;
	list-style-type:none;
	text-align:right;
	vertical-align:middle;
}
a.MenuItem:link,a.MenuItem:visited{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

li.Menu {
	padding-bottom: 20px;
	padding-right: 20px;
}

table.progress  {
	border-spacing:1;
	height: 6px; 
	width: 100%; 
	empty-cells:show;
	border-width:1px; 
	border-color:#000000;
	border-style:solid;
	background-color: #FFFFFF;
}
td.progress{
	background-color: green;
	height: 5px; 
}
fieldset.ticket{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	font-weight:bold;
}




/***************************************** anut *************************+/
/* global style sheets */
h1,h2,h3,h4,p,div,td,th,address,blockquote,nobr,ol,ul,pre,li { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt;}
img.logo {
	border-style:none;
	margin-top:1px;
	padding: 0;
	width: 90px;
}

.infobox_text {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}
.info_text 		{background-color: #FFFFFF; font-weight:bold;FONT-WEIGHT: small; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none;width:100%; }
.pageheader		{font-weight:bold; FONT-SIZE: 12px;PADDING-LEFT: 6px}
.ErrorField	    {background-color: red; vertical-align:middle;  width:100%;}
.WarningField	{background-color:#FFFFFF; padding: 1pt; border: 1pt solid black; border-spacing: 1pt ;width:100%; vertical-align:middle; text-align:center;}
.SuccessField	{background-color: #EFEBEF;color:#000000; vertical-align:middle; text-align:center; width:100%; }
.Error	        {background-color: red; vertical-align:middle; text-align:center;text-decoration:blink;}
.Inscription	{nowrap;vertical-align:left; text-align:left;font-weight:bold;font-size: 7pt;}
.Validated 		{background-color: green; vertical-align:middle;  width:100%;}
.BlackList      {color: #C0C0C0; vertical-align:justify;  width:100%; border-style:solid; border-color:#000000;border-width:1px;padding:2pt;}
/* a tag */
a				{ text-decoration: underline ; color: #3264C7;}	
a.action		{ text-decoration: none; color: #B50018;  }
a.help			{ text-decoration: underline; color: #008040;  font-weight: bold;}



/* tables */
table.standard  { margin-right: 0pt; margin-left: 0pt; padding: 0pt; border: 0pt; border-spacing: 1pt ;width:100%;}
table.datagrid { margin-right: 0pt; margin-left: 0pt; padding: 10pt; height:100px; border: 0pt; border-spacing: 0pt ;width:80%;}
table.headermenu { background-color:#FFFFFF;margin-top:0pt; padding: 0pt; border: 0pt; border-spacing: 0pt ;width:100%;}
td.headermenu    { background-color:#FFFFFF;  padding:3pt; vertical-align:middle; text-align:center; }

/* order form */
table.orderform { table-layout:fixed; border-collapse:collapse; margin-right: 0pt; margin-left: 0pt; padding: 0pt; border: 0pt; border-spacing: 1pt ;width:100%;}
td.ofhead 	{ background-color:#A3A3A3; font-weight:bold; padding:1pt;font-size:9px;vertical-align:top; text-align:center;white-space: nowrap;width:10%;}
td.ofcenter { background-color:#D6D6D6; padding:1pt; vertical-align:middle; text-align:center; width:10%;}
textarea.oftext{width:100%;background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0;display: block; vertical-align:button;text-align:center;}    

/* td tag */
td.head			{ font-weight:bold; border-style:solid; border-color:#000000; background-color:#FFFFFF;   border-width:1px;  padding:2pt;font-size:12px;vertical-align:top; text-align:left;}
td.head1		{ background-color:#A3A3A3; font-weight:bold; padding:2pt;font-size:12px;vertical-align:middle; text-align:center;}
td.head2		{ background-color:#A3A3A3; font-weight:bold; padding:0pt;font-size:9px;vertical-align:top; text-align:center;white-space: nowrap;width:10%;}
td.head3		{ background-color: #cc0000 }
td.head4		{ background-color: #007B70 }
td.head5		{ background-color:#FFFFFF; font-weight:bold;}
td.left			{ background-color:#D6D6D6; padding:1pt; vertical-align:middle; text-align:left;}
td.right		{ background-color:#D6D6D6; padding:1pt; vertical-align:middle; text-align:right;}
td.center		{ background-color:#D6D6D6; padding:1pt; vertical-align:middle; text-align:center; }
td.screenshot   { background-color:#FFFFFF; padding:10pt; vertical-align:middle; text-align:center; }
td.frame  	 { background-color:#FFFFFF; padding:2pt; vertical-align:middle;  border-style: solid; border-width: 1px; border-color:#C0C0C0;}
/* styles for datagrid */
.dg_table  	{-moz-border-radius-bottomleft:10px;
						 -moz-border-radius-bottomright:10px;
						 -moz-border-radius-topleft:10px;
						 -moz-border-radius-topright:10px;
							border:1px solid #AAAAAA;
							font-family:Helvetica;
							background-color:#FFFFFF; padding: 5pt;
							width:100%; vertical-align:middle; text-align:center;
							}
.dg_group  	{ -moz-border-radius-bottomleft:10px;
						 -moz-border-radius-bottomright:10px;
						 -moz-border-radius-topleft:10px;
						 -moz-border-radius-topright:10px;
							border:1px solid #AAAAAA;
						 background-color:#FFFFFF; padding: 5pt; margin: 0 0 15 0; border: 1pt solid ; border-spacing: 0pt ;width:100%; border-color:#000000;
						 }
.dg_topgroup{ font-weight:bold;background-color:#D6D6D6; padding: 5pt; margin: 0 0 15 0; border: 1pt solid ; border-spacing: 0pt ;width:auto; border-color:#000000;}
.dg_nodata  { font-weight:bold;background-color:#D6D6D6; padding: 5pt; margin: 0 0 15 0; text-align:center;border: 1pt solid ; border-spacing: 4pt ;width:auto; border-color:#000000;}
.dg_first	{ background-color:#FFFFFF; padding:1pt; vertical-align:middle; text-align:center; empty-cells:show;}
.dg_second	{ background-color:#D6D6D6; padding:1pt; vertical-align:middle; text-align:center; empty-cells:show;}
.dg_header	{ background-color: #A3A3A3;vertical-align:middle; text-align:center; border-color: #000000 #000000 #000000 #000000;
				 font-weight:bold;border-style:solid;border-width:1px;font-family:Verdana,Arial,Helvetica,sans-serif;
				margin: 10px;cursor:pointer;font-size: 8pt;}
.dg_header_active {background-color: #A3A3A3;vertical-align:middle; text-align:center; border-color: #000000 #000000 #000000 #000000;
				 font-weight:bold;border-style:solid;border-width:2px;font-family:Verdana,Arial,Helvetica,sans-serif;
				margin: 0px;cursor:pointer;cursor:pointer; font-size: 8pt;}
.dg_header_inactive { background-color: #A3A3A3;vertical-align:middle; text-align:center; border-color: #000000 #000000 #000000 #000000;
				 font-weight:bold;border-style:solid;border-width:0px;font-family:Verdana,Arial,Helvetica,sans-serif;
				margin: 0px; font-size: 8pt;}
.dg_paging 	{ background-color:#FFFFFF; color: #000000; padding:1pt; vertical-align:middle; text-align:center;}
.dg_index 	{ background-color:#d3d3d3; padding:1pt; vertical-align:middle; text-align:center;}
.dg_link    { text-decoration: none; color: #000000;}
.dg_t_arrow {background:url('../pics/t_arrow.gif'); background-position:right; background-repeat:no-repeat;}
.dg_b_arrow {background:url('../pics/b_arrow.gif'); background-position:right; background-repeat:no-repeat;}
.dg_edit {background:url('../pics/edit.gif'); background-position:left; background-repeat:no-repeat;}
.dg_expand  {background:url('../pics/b_arrow.gif'); background-position:center; background-repeat:no-repeat;cursor:pointer;}
.dg_export  {background:url('../pics/t_arrow.gif'); background-position:center; background-repeat:no-repeat;cursor:pointer;}
.dg_filter  {background:url('../pics/mag_glass.gif'); vertical-align:left;background-position:left; background-repeat:no-repeat;cursor:pointer;}
.dg_filter_active {background:url('../pics/mag_glass.gif'); vertical-align:left;background-color:red; background-repeat:no-repeat;cursor:pointer;}
div.dg_content {background-position:bottom; background-repeat:no-repeat; text-align:center; bottom:0px; height:50px;}



/* style sheets for form elements*/ 
input.SubmitButton 	{background-color: #EFEBEF;	background-position: middle center ; border-color: #000000 #000000 #000000 #000000;
				 font-weight:bold;border-style:solid;border-width:1px;font-family:Verdana,Arial,Helvetica,sans-serif;
				margin: 12px;width: auto;}				 
.Button 	{background-color: #EFEBEF;	background-position: middle center ; border-color: #000000 #000000 #000000 #000000;
				 font-weight:bold;border-style:solid;border-width:1px;font-family:Verdana,Arial,Helvetica,sans-serif;
				margin: 0px;width:auto;}				 
Button.Action {background:url('../pics/r_arrow.gif'); background-position:center; background-repeat:no-repeat; height:20px; width:20px;cursor:pointer;}				 
Button.BackAction {background:url('../pics/l_arrow.gif'); background-position:center; background-repeat:no-repeat; height:20px; width:20px;cursor:pointer;}				 
.TBButton 	{background-color: gray;	background-position: middle center ; border-color: #000000 #000000 #000000 #000000;
				 border-style:solid;border-width:1px;font-family:Verdana,Arial,Helvetica,sans-serif;
				margin: 0px;width:auto; height:auto; cursor:pointer;
				-moz-border-radius-topleft:10px;
				-moz-border-radius-topright:10px;}	
button.SubmitButton 	{background-color: #EFEBEF;	background-position: middle center ; border-color: #000000 #000000 #000000 #000000;
				 font-weight:bold;border-style:solid;border-width:1px;font-family:Verdana,Arial,Helvetica,sans-serif;
				margin: 12px;width: auto;}				 



textarea {width:100%;background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0;display: block}    
input.standard {width:100%;background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0; display: block}    
input.small   {width:40%;background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0; }    
input.date   {width:30%;background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0; }    
textarea.small   {width:80%;background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0; }    
select {width:100%;background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0;display: block;}    
select.small   {width:80%;background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0; }    
checkbox {background-color: #EFEBEF; border-style: solid; border-width: 1px; border-color:#C0C0C0; }    
iframe.standard {
	width:100%;
	height:96%; 
	z-index:1000;
	border-style:solid;
	border-width: 0.5px;
	border-color:#C0C0C0; 
	padding: 10px;
	margin: 15 15 15 15;
}    
img.standard 	{width:32;height:32; border-style:none;}
img.diagram 	{ cursor:nw-resize;border-style: solid; border-width: 1px; border-color:#C0C0C0;background-position:center;}
.Icon			{background:url('../pics/r_arrow.gif'); background-position:center; background-repeat:no-repeat;cursor:pointer;}
.Datetime		{background:url('../pics/calbtn.gif'); width:35;background-position:center; background-repeat:no-repeat;cursor:pointer;}
.HelpIcon		{margin-left:3;width:10;height:10; border-style:none; border-width : 1px; border-color:#C0C0C0; vertical-align:top;}
.Group  	{ background-color:#FFFFFF; padding: 1pt; margin: 0 0 15 0; border: 1pt solid ; border-spacing: 0pt ;width:100%; border-color:#000000;}

/* style sheets for section inline window */
.inlineWindow {	
	position:absolute; 
	top:0; 
	left:0; 
	z-index:1000;
	border-width:1px; 
	border-style:solid; 
	border-color:#000000; 
	background-color:#FFFFFF; 
	padding:2px;
}
.inlineFrame {
	width:100%;
	height:96%; 	
	border-width:3px; 
	border-style:none; 
	border-color:#000000; 
	background-color:#FFFFFF;
	margin: 0 0 0 0;
}


/* section online help */
.helpHeader {position:absolute; bottom:0; left:0; z-index:1000; border-width:1px; border-style:solid; border-color:#000000; background-color:#FFFFFF;  padding:0px;}

/************************ tool tips  ***************************/
.tool-tip {
	color: #000;
	width: auto;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
	background: #3264C7;
	border-bottom: 1px solid #000;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #6699FF;
}

/************************ title bar ****************************/
.titlebar {
    font: 14px tahoma;
    width:100%;
    margin-left:0px; 
    background: #3264C7;
    color: #ffffff;
    white-space: nowrap;
    padding: 3px 8px 4px 8px;
   
}
/************************ menu *********************************/
.ddm1 {
    font: 11px tahoma;
    width:100%;
    margin-left:0pt; 
   
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 8px 4px 8px;
    border: 1px #003366;
    border-style: solid none solid none;
    text-decoration: none;
    display: block;
    position: relative;
    white-space: nowrap;
}
.ddm1 .item1 {
    background: #3264C7;
    color: #ffffff;
    white-space: nowrap;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #6699FF;
    color: #ffffff;
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding:2 0 2 0;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    
}
.ddm1 .item2 {
    background: #3264C7;
    color: #ffffff;
    display: block;
    padding:2 0 2 0;
}
.ddm1 .item2:hover {
    background: #6699FF;
    color: #ffffff;
}
.ddm1 .section {
    border: 1px #003366;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
    width:149px;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */

/************* styles for treemenu ***********************************/
a.TreeMenu		{color: #000000; text-decoration: none; }
a.TreeMenu:hover{ color: green;}

a.TreeMenuActive{ font-size:10pt; font-weight:bold; line-height: 120%; color: #cc0000; text-decoration: none; }
span.TM_InActive{ font-size:10pt; font-weight:bold; line-height: 120%; color: #cc0000; text-decoration: none; }


/************* styles for datapicker ***********************************/
.dp_main{
	border-width:1px; 
	border-style:solid; 
	border-color:#000000; 
	background-color:#FFFFF0;  
	padding:1px;
	width:auto;
	height:auto; 
	z-index:1000;
}
.dp_table{
	border-width:1px; 
	border-style:solid; 
	border-color:#000000; 
	background-color:#FFFFF0;  
	padding:1px;
	width:auto;
	height:auto; 
}
.dp_button {
	width:100%;
	background-color: #EFEBEF; 
	border-style: solid; 
	border-width: 1px; 
	border-color:#C0C0C0; 
	display: block;
	vertical-align:middle;
	text-align:center;
	}
	
.dp_button_active {
	width:100%;
	background-color: #A3A3A3; 
	border-style: solid; 
	border-width: 1px; 
	border-color:#C0C0C0; 
	display: block;
	vertical-align:middle;
	text-align:center;
	}
.dp_button_hover{
	width:100%;
	background-color: #A3A3A3; 
	border-style: solid; 
	border-width: 1px; 
	border-color:#C0C0C0; 
	display: block;
	vertical-align:middle;
	text-align:center;
	}		
.dp_days {
	 background-color:#A3A3A3;
	 font-weight:bold;
	 padding:2pt;
	 font-size:12px;
	 vertical-align:top;
	 text-align:center;	    	
	 }

/************* styles for class plateview ******************************/	 
.pv_table {
	border-width:1px; 
	border-style:solid; 
	border-color:#000000; 
	background-color:#FFFFFF;  
	padding:10px;
	width:100%;
	vertical-align:middle;
	text-align:center;
	empty-cells:show;
}
.pv_colheader	{ 
	background-color: #A3A3A3;
	vertical-align:middle;
	text-align:center;
	border-color: #000000 #000000 #000000 #000000;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	font-size: 8pt;
	/*width:30;*/
	height:30;
}
.pv_rowheader	{ 
	background-color: #A3A3A3;
	vertical-align:middle;
	text-align:center;
	border-color: #000000 #000000 #000000 #000000;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: 5px;
	font-size: 8pt;
	height:30;
	width:30;
	
}
.pv_empty { 
	background-color: #A3A3A3;
	vertical-align:middle;
	text-align:center;
	border-color: #000000 #000000 #000000 #000000;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	font-size: 8pt;
	width:3%;
	
}	
.pv_cell { 
	background-color: #D6D6D6;
	vertical-align:middle;
	text-align:center;
	border-color: #000000 #000000 #000000 #000000;
	border-style:solid;
	border-width:1px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	font-size: 8pt;
	/*height:30;*/
	/*width:30;*/
	
}

.pv_cell_inactive{
	visibility:hidden;
}

.pv_legend{
	vertical-align:middle;
	text-align:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
}
.pv_legend_active{
	vertical-align:middle;
	text-align:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight:bold;
	text-decoration:underline;
}
.pv_submitbutton{
	background-color: #EFEBEF;
	background-position: middle center ;
	border-color: #000000 #000000 #000000 #000000;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: 12px;width: auto;
}	


/******************** contextmenu ************************************/
   div.ddmenu {
   	position: absolute;
   	top: 0;
   	left: 0;
   	font-family: verdana;
   }

   div.ddmenu a {
   	display: block;
   	text-decoration: none;
   	cursor: default;
   	outline: none;
   	font-size: 11px;
      zoom: 1;   	
   }
   
   .ddmenu * {	margin: 0; padding: 0; }
   
   .ddmenu li { list-style-image:none; list-style-position:outside; list-style-type:none; }  
   .ddmenu li:focus { outline-color:invert; outline-style:none; outline-width:0pt; } 
   
   .ddmenu li.title {
   	font-size: 12px;
   }   
   
   .ddmenu li.sepline {
   	height: 1px;
   	padding: 0;
   	overflow: hidden;
   	display: block;
   	font-size: 1px;
   }


   
      /* defstyle */

      .ddmenu.def {
         width: 14em;
         background-color: #f9ffff;
         border: 1px solid #bbb;
         border-right: 2px solid #666;
         border-bottom: 2px solid #666;         
         padding: 1px 1px 1px 1px;      
      }
      
      *+html .ddmenu.def { border: 2px outset #fff; }
      
      .ddmenu.def a {
      	color: #222;
      	padding: 3px 20px 3px 17px;
      	margin: 0;
      	border: 1px solid #f9f8f7;
      	font-size:11px;
      }
      
      .ddmenu.def a:visited  { color: #333; } 
      
      .ddmenu.def a.disabled {
      	opacity: 0.25;
      	filter: alpha(opacity=25);
      } 
      
      .ddmenu.def li.sepline {
         min-width: 14em;
      	border-bottom: 1px solid #fff;
      	background: #ccc;
      	margin: 1px 1px 0 1px;
      	line-height: 1px !important;
      }      
   

      .ddmenu.def li.title {
         margin: 3px 1px 0 1px;
         padding: 3px 25px 3px 17px;
         color:grey;
         text-align:left;
         cursor:default;
         font-style:italic;
         border-bottom:1px solid #eb4;
      	font-size:11px;  
         color:#333; 
      }      
      

         /*icons*/

         .ddmenu.def a.objects {
            padding-left: 24px;
            background: url(../images/objects-16x16x32b.png) 4px 50% no-repeat;
         }

         
         .ddmenu.def a.letter {
            padding-left: 24px;
            background: url(../images/text-16x16x32b.png) 4px 50% no-repeat;
         }         
         
         .ddmenu.def a.umbrella {
            padding-left: 24px;
            background: url(../images/umbrella-16x16x32b.png) 4px 50% no-repeat;
         }
         
         
      
      .ddmenu.def a:hover {
         background-color: orange;
         color: #fff;
      }