web/css/Menus.css

   1 .imcm ul,\r
   2 .imcm li,\r
   3 .imcm div,\r
   4 .imcm span,\r
   5 .imcm a {\r
   6   text-align:           left;\r
   7   vertical-align:       top;\r
   8   padding:              0px;\r
   9   margin:               0;\r
  10   list-style:           none outside none;\r
  11   border-style:         none;\r
  12   background-image:     none;\r
  13   clear:                none;\r
  14   float:                none;\r
  15   display:              block;\r
  16   position:             static;\r
  17   overflow:             visible;\r
  18   line-height:          normal;\r
  19 }\r
  20 \r
  21 .imcm li a img {\r
  22   display:              inline;\r
  23   border-width:         0px;\r
  24 }\r
  25 \r
  26 .imcm span {\r
  27   display:              inline;\r
  28 }\r
  29 \r
  30 .imcm .imclear,\r
  31 .imclear {\r
  32   clear:                both;\r
  33   height:               0px;\r
  34   visibility:           hidden;\r
  35   line-height:          0px;\r
  36   font-size:            1px;\r
  37 }\r
  38 \r
  39 .imcm .imsc {\r
  40   position:             relative;\r
  41 }\r
  42 \r
  43 .imcm .imsubc {\r
  44   position:             absolute;\r
  45   visibility:           hidden;\r
  46 }\r
  47 \r
  48 .imcm li {\r
  49   list-style:           none;\r
  50   font-size:            1px;\r
  51   float:                left;\r
  52 }\r
  53 \r
  54 .imcm ul ul li {\r
  55   width:                100%;\r
  56   float:                none !important;\r
  57 }\r
  58 \r
  59 .imcm a {\r
  60   display:              block;\r
  61   position:             relative;\r
  62 }\r
  63 \r
  64 .imcm ul .imsc,\r
  65 .imcm ul .imsubc {\r
  66   z-index:              10;\r
  67 }\r
  68 \r
  69 .imcm ul ul .imsc,\r
  70 .imcm ul ul .imsubc {\r
  71   z-index:              20;\r
  72 }\r
  73 \r
  74 .imcm ul ul ul .imsc,\r
  75 .imcm ul ul ul .imsubc {\r
  76   z-index:              30;\r
  77 }\r
  78 \r
  79 .imde ul li:hover .imsubc {\r
  80   visibility:           visible;\r
  81 }\r
  82 \r
  83 .imde ul ul li:hover .imsubc {\r
  84   visibility:           visible;\r
  85 }\r
  86 \r
  87 .imde ul ul ul li:hover .imsubc {\r
  88   visibility:           visible;\r
  89 }\r
  90 \r
  91 .imde li:hover ul .imsubc {\r
  92   visibility:           hidden;\r
  93 }\r
  94 \r
  95 .imde li:hover ul ul .imsubc {\r
  96   visibility:           hidden;\r
  97 }\r
  98 \r
  99 .imde li:hover ul ul ul .imsubc {\r
 100   visibility:           hidden;\r
 101 }\r
 102 \r
 103 .imcm .imea {\r
 104   display:              block;\r
 105   position:             relative;\r
 106   left:                 0px;\r
 107   font-size:            1px;\r
 108   line-height:          1px;\r
 109   height:               0px;\r
 110   width:                1px;\r
 111   float:                right;\r
 112 }\r
 113 \r
 114 .imcm .imea span {\r
 115   display:              block;\r
 116   position:             relative;\r
 117   font-size:            1px;\r
 118   line-height:          0px;\r
 119 }\r
 120 \r
 121 .dvs,.dvm {\r
 122   border-width:         0px\r
 123 }\r
 124 \r
 125 #imenus0 .imeam span,\r
 126 #imenus0 .imeamj span {\r
 127   background-image:     url(/Icons/orange_arrow_down.gif);\r
 128   background-repeat:    no-repeat;\r
 129   background-position:  top left;\r
 130   width:                16px;\r
 131   height:               9px;\r
 132   left:                 -16px;\r
 133   top:                  3px;\r
 134 }\r
 135 \r
 136 #imenus0 li:hover .imeam span,\r
 137 #imenus0 li a.iactive .imeamj span {\r
 138   background-image:     url(/Icons/orange_arrow_down.gif);\r
 139   background-repeat:    no-repeat;\r
 140   background-position:  top left;\r
 141 }\r
 142 \r
 143 #imenus0 ul .imeas span,\r
 144 #imenus0 ul .imeasj span {\r
 145   background-image:     url(/Icons/orange_arrow_right.gif);\r
 146   background-repeat:    no-repeat;\r
 147   background-position:  top left;\r
 148   width:                10px;\r
 149   height:               13px;\r
 150   left:                 -10px;\r
 151   top:                  0px;\r
 152 }\r
 153 \r
 154 #imenus0 ul li:hover .imeas span,\r
 155 #imenus0 ul li a.iactive .imeasj span {\r
 156   background-image:     url(/Icons/orange_arrow_right.gif);\r
 157   background-repeat:    no-repeat;\r
 158   background-position:  top left;\r
 159 }\r
 160 \r
 161 #imouter0 {\r
 162   background-image:     url(/Images/orange_gradient.gif);\r
 163   border-style:         solid;\r
 164   border-color:         #111111;\r
 165   border-width:         1px;\r
 166   padding:              0px;\r
 167 }\r
 168 \r
 169 #imenus0 li ul {\r
 170   background-color:     #fef5d8;\r
 171   border-style:         solid;\r
 172   border-color:         #111111;\r
 173   border-width:         1px;\r
 174   padding:              5px;\r
 175 }\r
 176 \r
 177 #imenus0 li a,\r
 178 #imenus0 .imctitle {\r
 179   color:                #333333;\r
 180   text-align:           center;\r
 181   font-family:          Arial;\r
 182   font-size:            12px;\r
 183   font-weight:          bold;\r
 184   text-decoration:      none;\r
 185   border-style:         none;\r
 186   border-color:         #000000;\r
 187   border-width:         0px;\r
 188   padding:              2px 5px;\r
 189 }\r
 190 \r
 191 #imenus0 li:hover>a {\r
 192   color:                #ff0000;\r
 193 }\r
 194 \r
 195 #imenus0 li a.ihover,\r
 196 .imde imenus0 a:hover {\r
 197   color:                #ff0000;\r
 198 }\r
 199 \r
 200 #imenus0 li a.iactive {\r
 201   text-decoration:      underline;\r
 202 }\r
 203 \r
 204 #imenus0 ul a,\r
 205 #imenus0 .imsubc li .imctitle {\r
 206   color:                #111111;\r
 207   text-align:           left;\r
 208   font-size:            11px;\r
 209   font-weight:          normal;\r
 210   text-decoration:      none;\r
 211   border-style:         none;\r
 212   border-color:         #000000;\r
 213   border-width:         1px;\r
 214   padding:              2px 5px;\r
 215 }\r
 216 \r
 217 #imenus0 ul li:hover>a {\r
 218   color:                #ff0000;\r
 219 }\r
 220 \r
 221 #imenus0 ul li a.ihover {\r
 222   color:                #ff0000;\r
 223 }\r
 224 \r
 225 #imenus0 ul li a.iactive {\r
 226   text-decoration:      underline;\r
 227 }\r
 228 \r