﻿/*                                                                          */
/* NOTICE:                                                                  */
/*    To support more than one-single FlexMenu server control per page     */
/*    the CSS files' name is used as a class and is prefixed to all of      */
/*    the selectors (without the path or extension).                        */
/*                                                                          */
/*    The server control will automatically wrap the entire FlexMenu        */
/*    within a div-tag, whose class-name will be derived from the filename. */
/*                                                                          */
/*    *** THESE MUST BE ENTIRELY IN LOWER CASE! ***                         */
/*    The server control will cast these filenames to lower before use!     */
/*                                                                          */
/*    Only the base ASCII character set is supported.                       */
/*                                                                          */
/*    Also, spaces and periods before the extension will be converted       */
/*    into underscores, as these are not permitted within the selector.     */
/*                                                                          */

.horizontal .ekflexmenu 
{
	/*padding: 10px 10px 10px 10px;*/
	padding: 0px 0px 0px 0px;
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) 
	position: relative;white-space: nowrap;*/
    color: rgb(255, 255, 255);
    width:auto;
    font-size: 12px;
    font-family:tahoma;
    height:34px;
   }

.horizontal A
{
	text-decoration: none;
}

.horizontal .ekflexmenu_submenu,
.horizontal .ekflexmenu_submenu_hover,
.horizontal .ekflexmenu_submenu_parent,
.horizontal .ekflexmenu_submenu_parent_hover
{
	top: 0px;
	left: 0px;
	height: auto;
	float:left;
	 z-index:100;
}

.horizontal UL
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	min-width:150px;
	 z-index:100;
}

.horizontal LI
{
	/*border-right: 1px solid black;*/
	display:block;
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*width:auto;*/
}

.horizontal .ekflexmenu_submenu_items /*.ekflexmenu_submenu_items a:selected*/
{
	height:auto;
	margin-left: 0px;
	min-width:150px;
	/*background:url(../images/menubg.gif);
	background-repeat:repeat;
	background-color:Gray;
    border-bottom-width: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
    border: solid 1px black;*/
    position:relative;
     z-index:100;
    /*float:left;*/}

.horizontal .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items
{
	position: relative;
	left: 0px;
	top: 0px;
	/*float: left;*/z-index:100;}
	
.horizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items
{
	position: absolute;
	left: 0px;
	top: 100%;
	float: none;
	width:auto; float:left;z-index:100;}

.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items
{
	position:absolute;
	left:100%;
	top: 0px;
	height:24px;
	min-width:150px;z-index:100;}

/*.ekflexmenu_menu_level_2
{left:140px;}*/

.horizontal .ekflexmenu .ekflexmenu_submenu_items_hidden 
{
	display: none;
	min-width:150px;
	position:relative;
	float:none;}

.horizontal .ekflexmenu_button
{    display: block;
     padding: 8px 4px 9px 4px ;
     border-left:1px solid #c97a01;
     border-right:1px solid #f8a721;
	/*font-weight: bold;
	height:34px;*/
    color: rgb(255, 255, 255);
    /* we have done Following changes in CSS file 
    Spadeworx Software services....................  */
    /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaBlueVista.jpg) repeat-x;
    background:url(../images/menubg.gif);*/
    background-color:#f69e00;
    background-repeat:repeat-x;
    text-align:left;
    float:left;
    /*min-width:140px;*/}
    
.horizontal .ekflexmenu_button_hover
{   border-left:1px solid #c97a01;
    border-right:1px solid #f8a721;
    display: block;
    padding: 8px 4px 9px 4px ;
   /*font-weight: bold;*/
    color: rgb(255, 255, 255); 
    /* we have done Following changes in CSS file 
    Spadeworx Software services....................  */

	/* background: url(../images/menubg-hover.gif) repeat-x;*/
    background-color:#e24700;

    background-repeat:repeat-x;
    text-align:left;
    /*min-width:140px;*/
}
.horizontal .ekflexmenu_button_selected
{   border-left:1px solid #c97a01;
    border-right:1px solid #f8a721;
    display: block;
    padding: 8px 4px 9px 4px ;
    color: rgb(255, 255, 255);
    /* we have done Following changes in CSS file 
    Spadeworx Software services....................  */

    /* background: url(../images/menubg-hover.gif) repeat-x;*/
    background-color:#e24700;

    text-align:left;}
    
.horizontal .ekflexmenu_button_selected_hover
{ border-left:1px solid #c97a01;
  border-right:1px solid #f8a721;
  display: block;
  padding: 8px 4px 9px 4px ;
  color: rgb(255, 255, 255);
  /* we have done Following changes in CSS file 
    Spadeworx Software services....................  */

  /* background: url(../images/menubg-hover.gif) repeat-x;*/
    background-color:#e24700;
  text-align:left;
}

.horizontal .ekflexmenu_button_selected_hover_level_2
{   display: block;
    padding: 8px 6px 9px 6px ;
    color: rgb(255, 255, 255);
    /* we have done Following changes in CSS file 
    Spadeworx Software services....................  */

   /* background: url(../images/menubg-hover.gif) repeat-x;*/
    background-color:#e24700;

    text-align:left;
    width:auto;
    /*position:relative;*/
    font-weight: bold;}

.horizontal img 
{
	border-width: 0px;
}


.horizontal a.ekflexmenu_link,
.horizontal a.ekflexmenu_link:link, 
.horizontal a.ekflexmenu_link:visited ,ekflexmenu_link li{
   padding:8px;
   color: white;
   background:#595959;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50); -moz-opacity:.40;opacity:.40;*/
   opacity: 0.8;                 /*Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block;
   /*width:100%;*/
   width:150px;
   border-top:1px #999999 solid;
   border-bottom:1px #000000 solid;
   /*white-space: normal;*/z-index:2999;
}
.horizontal a.ekflexmenu_link:hover,
.horizontal a.ekflexmenu_link:active, 
.horizontal a.ekflexmenu_link:focus  {
    padding:8px;
    color:#ffffff;
    background:#000000;
    /*FILTER: alpha(opacity=50);
    -moz-opacity:.40;opacity:.40;*/
    opacity:0.8;                /* Firefox, Safari(WebKit), Opera)*/
    filter: "alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80);   /* IE 4-7 */
    zoom: 1;    /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
    text-decoration: none;
	border-top:1px #999999 solid;
    border-bottom:1px #000000 solid;z-index:2999;
	 /*min-width:150px;border-bottom: 1px solid rgb(220, 220, 220); padding: 8px 6px 9px 6px ;*/
}

.horizontal a.ekflexmenu_link_selected {
	padding:8px;
	color: rgb(0, 89, 231);
    background:#000000;
    /*FILTER: alpha(opacity=50);
    -moz-opacity:.40;opacity:.40;*/
    opacity:0.8;                /* Firefox, Safari(WebKit), Opera)*/
    filter: "alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80);   /* IE 4-7 */
    zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
    text-decoration: none;
	display: block; 
	border-top:1px #999999 solid;
    border-bottom:1px #000000 solid;z-index:2999;
	 /*min-width:150px;border-bottom: 1px solid rgb(220, 220, 220); padding: 8px 6px 9px 6px ;*/
    float:none;}
    
.horizontal a.ekflexmenu_link_selected:hover {
	/*padding:6px;*/padding:8px;
	color: rgb(198, 211, 255);
    background:#000000;
    /*FILTER: alpha(opacity=50);
    -moz-opacity:.40;opacity:.40;*/
    opacity:0.8;                /* Firefox, Safari(WebKit), Opera)*/
    filter: "alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80);   /* IE 4-7 */
    zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
    text-decoration: none; 
	border-top:1px #999999 solid;
    border-bottom:1px #000000 solid;position:relative;
	 /*min-width:150px;border-bottom: 1px solid rgb(220, 220, 220); padding: 8px 6px 9px 6px ;*/
}

/*.ekflexmenu_menu_level_2
{ min-width:150px;background-color:Black; border-left:1px solid #c97a01;
     }*/
     
.submenuektron li	{/*border-right: 1px solid black;*/
	/*margin: 0px;
	padding: 0px 0px 0px 0px;
	width:auto;*/	
	width:150px;
	height:auto;}

.submenuektron:hover {
   padding:8px;
   color:#ffffff;
   background:url(../images/menuarrow.gif) #000000;
   background-repeat:no-repeat;
   background-position:right center;
  /*FILTER: alpha(opacity=50);
  -moz-opacity:.40;opacity:.40;*/
   opacity:0.8;                /* Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block; 
/*min-width:150px;border-bottom: 1px solid rgb(220, 220, 220); padding: 8px 6px 9px 6px ;*/
z-index:100;}
    
    
.submenuektron
   { padding:8px;
    color: white;
    opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
    filter: "alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80);   /* IE 4-7 */
    zoom: 1;                    /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
    background:url(../images/menuarrow.gif) #595959;
    background-repeat:no-repeat;
    background-position:right center;
    /*filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;width:100%;*/
    text-decoration: none;
    display: block;
    width:150px;
    height:100%;
    border-top:1px #999999 solid;
    border-bottom:1px #000000 solid;
    /*white-space: normal;*/
    Z-INDEX: 2999;
    direction:ltr;
    }
    
 .submenuektron a
   { padding:8px;
    color: white;
    opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
    filter: "alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80);   /* IE 4-7 */
    zoom: 1;  /*  needed in IE up to version 7, or set width or height to trigger "hasLayout" */
    background:url(../images/menuarrow.gif) #595959;
    background-repeat:no-repeat;
    background-position:right center;
    /*filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0; width:100%;*/
    text-decoration: none;
    display: block;
	width:150px;
    border-top:1px #999999 solid;
    border-bottom:1px #000000 solid;Z-INDEX: 2999;
    /*white-space: normal;*/}
    
  
.submenuektron a:hover {padding:8px;
	color:red; 
	opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
	filter: "alpha(opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80);   /* IE 4-7 */
	zoom: 1;   /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
	background:url(../images/menuarrow.gif) #000000;
	background-repeat:no-repeat;
	background-position:right center;
    /*filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;*/
	text-decoration:underline;
	border-top:1px #999999 solid;
    border-bottom:1px #000000 solid;Z-INDEX: 2999;
    /*border-bottom: 1px solid rgb(220, 220, 220); padding: 8px 6px 9px 6px ;*/
    /*white-space: normal;*/}
    
    
.submenuektron_selected_hover{padding:8px;
    color:Lime;
    background:url(../images/menuarrow.png) #a3a3a3;
    background-repeat:no-repeat;
    background-position:right center;
    /*filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;*/
	text-decoration:underline;
	border-top:1px #999999 solid;
    border-bottom:1px #000000 solid;
    /*border-bottom: 1px solid rgb(220, 220, 220); padding: 8px 6px 9px 6px ;*/
    /*white-space: normal;*/}
    
 .horizontal .submenuselected {
    padding:8px;
    color: Black;
    background:#f69e00;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50);*/
    opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
    filter: "alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80);   /* IE 4-7 */
    zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
    text-decoration: none;
    display: block;
    width:150px;
    border-top:1px #999999 solid;
    border-bottom:1px #000000 solid;
    /*white-space: normal;*/
    Z-INDEX: 2999;}
    
.horizontal .submenuselected a {
	padding:8px;
    color: Black;
    background:#f69e00;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50);*/
   opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block;
   border-top:1px #999999 solid;
   border-bottom:1px #000000 solid;
   /*white-space: normal;*/
   Z-INDEX: 2999;
}

.submenuektron_button
   {
    color: white;
    /*white-space: normal;*/
    float:none;}
    
    
   .SubmenuSelected {
   padding:8px;
   color: Black;
   background:#f69e00;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50);*/
   opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block;
   width:150px;
   border-top:1px #999999 solid;
   border-bottom:1px #000000 solid;
   /*white-space: normal;*/
   Z-INDEX: 2999;}
    
.SubmenuSelected a {
	padding:8px;
    color: Black;
    background:#f69e00;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50);*/
   opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block;
   border-top:1px #999999 solid;
   border-bottom:1px #000000 solid;
   /*white-space: normal;*/
   Z-INDEX: 2999;
}


.contactus UL
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:100%;
	min-width:150px;
}

.contactus LI
{
	/*border-right: 1px solid black;*/
	display:block;
	position: relative;
	margin: 0px;
	width:100%;
	min-width:150px;
	padding: 0px 0px 0px 0px;position:absolute;right:100%;padding-right:150px;
	/*width:auto;*/
}

.contactus
   { padding:8px;
   color: white;
   background:#595959;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50); -moz-opacity:.40;opacity:.40;*/
   opacity: 0.8;                 /*Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block;
   /*width:100%;*/
   	min-width:150px;width:auto;
   border-top:1px #999999 solid;
   border-bottom:1px #000000 solid;
   /*white-space: normal;*/z-index:100;position:relative;right:100%;margin-right:167px;}
   
 
.contactus a
   { padding:8px;
    color: Black;
    background:#f69e00;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50);*/
   opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block;
   	min-width:150px;width:auto;
   border-top:1px #999999 solid;
   border-bottom:1px #000000 solid;
   /*white-space: normal;*/
   /*white-space: normal;*/z-index:100;position:absolute;right:100%;margin-right:167px;}
   
 .contactusSelected
 { padding:8px;
    color: Black;
    background:#f69e00;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50);*/
   opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block;
  min-width:150px;width:auto;
   border-top:1px #999999 solid;
   border-bottom:1px #000000 solid;
   /*white-space: normal;*/
   /*white-space: normal;*/z-index:100;position:relative;right:100%;margin-right:167px;}
   
   
   .contactus:hover
   { padding:8px;
    color: white;
    background:#000000;
   /* filter:alpha(opacity=60.0);-moz-opacity:60.0; opacity:60.0;
   FILTER: alpha(opacity=50);*/
   opacity: 0.8;                /* Firefox, Safari(WebKit), Opera)*/
   filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
   text-decoration: none;
   display: block;
	min-width:150px;width:auto;
   border-top:1px #999999 solid;
   border-bottom:1px #000000 solid;
   /*white-space: normal;*/
   /*white-space: normal;*/z-index:100;position:relative;right:100%;margin-right:167px;}
